@charset "utf-8";
@font-face {
  font-family: 'arial';
  src: url('arial.ttf');
}
/* CSS Document */
html{ overflow-x:hidden;}
body { font-size: 14px; font-family:微软雅黑,  arial, "serif"; color: #545454; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#004d5f;
    --hovercolor:#00647b;
    --activecolor:#c9ab70;
    --linecolor:#E2E2E2;
    --white:#ffffff;
    --color0:#000000;
    --color3:#333333;
    --color6:#666666;
    --color9:#999999;
    --colortitle:#545454;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
fieldset, img { border: 0;}
ol, ul, li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
q:before, q:after { content: '';}
a { color:var(--color0); text-decoration: none; transition:.3s all;}
a:hover { color:var(--hovercolor)}
input { outline: none; color:var(--color9);}
input::placeholder{ color:var(--color9);}
.allwidth{ max-width:1600px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1600px; margin-left:auto; margin-right:auto;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
img{ max-width:100%; vertical-align:middle; }
.display_none{display:none;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.colorwhite{ color:var(--white) !important; }
.fontsize12{ font-size:12px !important;}
.text_center{ text-align:center;}
.v_align{vertical-align: middle;}
.lineheight24{ line-height:24px; }

.row{display:flex; flex-wrap:wrap;}
.flexstart{ justify-content:flex-start; }
.flexbetween{ justify-content:space-between; }
.padding_20{ padding-left:20px; padding-right:20px;}

.text_s1,.text_s2,.text_s3,.text_s4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.text_s1{ -webkit-line-clamp: 1; }
.text_s2{ -webkit-line-clamp: 2; }
.text_s3{ -webkit-line-clamp: 3; }
.text_s4{ -webkit-line-clamp: 4; }


/*---------------------share ico-----------------------*/
.news_share{ display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center;}
.news_share li{ margin-right:10px; position:relative; }
.news_share li a{ display:block; font-size:17px; width:35px; height: 35px; border-radius:50px; overflow:hidden; color:var(--white); text-align:center; line-height:35px; }

.ewm_img{ position:absolute; left:-20px; top:35px; padding-top:8px; width:80px; opacity: 0; height: 0; overflow:hidden; transition:.3s all; }
.weixin_ck:hover .ewm_img{ opacity: 1; height: auto; overflow:visible;}
.ewm_img img{ display:block; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.weixin i{ background:var(--maincolor); }
.email i{  background:var(--maincolor); }
.whatapp i{ background:var(--maincolor);  }
.skybe i{  background:var(--maincolor);  }
.tel i{  background:var(--maincolor);  }

.server_icos li{ margin-bottom:5px; position:relative;}
.server_icos li i{ display:block; width:45px; height:45px; border-radius:12px; overflow: hidden; cursor: pointer; text-align: center; line-height: 40px; transition: .4s all; }

.server_text{ position:absolute; width: 300px; right:50px; padding:0 10px 0 0; top:0;  z-index: 1010; height: 0; opacity: 0; overflow: hidden; transition: .4s all; }
.server_alltxt{background:var(--white); border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.9); width:100px; padding:2px 2px; line-height: 24px; float: right; }
.server_alltxt1{background:var(--white); border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2);  padding:11px 12px 5px 12px; line-height: 24px; min-height: 45px; float: right; }
.weixin .server_text{ top:auto; bottom:0; }
.server_icos li:hover .server_text{ height: auto; opacity: 1; overflow: visible; right:40px;}
.server_icos li:hover i{ background:var(--hovercolor);}


/*---------------------goto-------------------------*/
.foot_server{ position:fixed; right:2px; bottom:21%; z-index: 650; }
#gotop{  bottom:50px;width:45px; height:45px; border-radius:12px;background:var(--hovercolor); display:none; text-align:center; line-height: 43px; cursor:pointer; z-index: 88;transition: .4s all;}
#gotop:hover{ background: var(--maincolor); box-shadow: 0 0 10px rgba(0,0,0,0.4); }
#gotop img{ margin-top:30%;}
#gotop svg{fill:#ffffff; width: 1.8em;height: 1.8em; transition: .4s all;}
#gotop:hover svg{ width: 2em;height: 2em; }


/*-------------------------scroll-----------------------------*/
::-webkit-scrollbar { width: 2px; height: 2px; }
::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 6px; }
::-webkit-scrollbar-track{ background:#3989c6; }


/*-----------------------swiper------------------------*/
.detail_bimg{ position:relative;  padding:20px;}
.mySwiper21 { box-sizing: border-box;margin: 10px 0; }
.mySwiper21 .swiper-slide {	width: 25%;	height: auto !important; border:0;}
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}

.mySwiper22{ margin-bottom:70px; }


.develop_jt{ position: relative;max-width: 55%; margin:0 auto;}
.mySwiper21{  background:url("../images/fzlc_line.png") left 65px repeat-x !important; margin:0 60px !important; background: #f5f5f5;}
.fzlc_timd_dot{ font-size: 16px;  color:var(--color3); text-align: center; padding:29px 0 0 0; cursor: pointer; }
.fzlc_timd_dot i{ display: block; width:24px; height:24px; border-radius: 50px; background:none; border:0px solid #9e9e9e; margin:35px auto 20px auto; transition: .4s all;  text-align: center; position: relative;}
.fzlc_timd_dot i span{ display: inline-block; width: 12px; height: 12px; border-radius: 50px; background: none; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 18;}
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot{ color:var(--hovercolor); }
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i{  background:none !important;  text-align: center; position: relative; border:0px solid var(--hovercolor); }  
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i span{ display: inline-block; width: 12px; height: 12px; border-radius: 50px; background: none; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 18;}
.mySwiper22 .swiper-button-next,.mySwiper22 .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 25 * 27) !important;}


.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px)) !important;
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8) !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--hovercolor)) !important;
}

.fzlc_text{ display: flex; justify-content: space-between; flex-wrap: wrap; margin:0 6%; background: var(--white); align-items: center; }
.fzlc_infor{ flex:1; font-size: 20px; line-height: 34px; color:var(--color6); padding:0px 7% 0 7%; }
.fzlc_imgs{ flex:0 0 50%;}


.fzlc_list{ }
.fzlc_list dt{ font-size:38px; color:var(--hovercolor); padding-bottom:60px; position:relative; }
.fzlc_list dt h3{padding:0 0 0 10px;font-weight:bold; font-size:38px;  }
.fzlc_list dt::before{ content:""; display:block; position:absolute; left:0; right:0; height: 1px; background:var(--hovercolor); bottom:30px; z-index: 2;}
.fzlc_list dt i{ display: block; position: absolute; left:35px; top:51px; z-index: 45;}
.fzlc_cons{padding:20px 40px 30px 5px; line-height: 26px; font-size:14px; position:relative; color:var(--color6); min-height: 232px; }
.fzlc_cons::after{ content:""; display:block; position:absolute; left:0; top:-20px; width:1px; height: 100%; }
.fzlc_cons p{ margin-bottom:20px; }
.fzlc_tit{ padding:20px 0 0 5px; font-size: 24px; color:var(--hovercolor);}
.fzlc_imgs{ margin-right:40px; border-radius: 15px; overflow: hidden;}
.fzlc_imgs img{ width: 100%; height: 217px; object-fit: cover; }

.develop_all{ position: relative; overflow: hidden;}
.devalop_leftzz{ display: none; position: absolute; left:0; top:0; width:310px; bottom:0; background:url("../images/about_zz.png") left top repeat-y; z-index: 2;}
.devalop_rightzz{ display: none; position: absolute; right:0; top:0; width:310px; bottom:0; background:url("../images/about_zz1.png") right top repeat-y;  z-index: 2;}


.falc_ico{ width:38px; height:38px; border:1px solid #000000; border-radius: 50px;  transition: .4s all; text-align: center; padding:7px 0 0 0 ;}
.falc_ico svg{ fill:#000000; width: 1.3em; height: 1.3em; }
.falc_ico:hover{ background:var(--hovercolor); border:1px solid var(--hovercolor);}
.falc_ico:hover svg{ fill:var(--white);  }

.mySwiper21 .swiper-button-next{ width:auto !important; right:0 !important; }
 .mySwiper21 .swiper-button-prev{ width:auto !important; left:0 !important; }
 .mySwiper21 .swiper-button-next.swiper-button-disabled, .mySwiper21 .swiper-button-prev.swiper-button-disabled { opacity: .0 !important;}

.develop_jt .swiper-button-next, .develop_jt .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 30 * 27) !important;}

/*------------------------article detail-----------------------------*/
.news_content{ line-height:36px; font-size:16px; color:var(--color3); margin-bottom:70px; padding:50px 0 0 0; }
.news_content h1{ font-size: 24px; margin-bottom: 25px;}
.news_content h2{ font-size: 22px; font-weight:bold; margin-bottom: 15px;}
.news_content h3{ font-size: 20px; font-weight:bold; margin-bottom: 15px;}
.news_content h4{ font-size: 18px; font-weight:bold; margin-bottom: 15px;}
.news_content h5{ font-size: 16px; font-weight:bold; margin-bottom: 15px;}
.news_content p { margin-bottom: 15px;}
.news_content img { max-width: 100% !important; height: auto !important;}
.news_content p[style="text-align:center;text-indent:2em;"] img,.news_content p[style="text-indent:2em;"] img{ margin-left:-2.2em !important;}

.about_con1{ line-height:36px; font-size:16px; }
.about_con1 h1{ font-size: 28px; margin-bottom: 25px; color:var(--color0);}
.about_con1 h2{ font-size: 26px; font-weight:bold; margin-bottom: 20px; color:var(--color0);}
.about_con1 h3{ font-size: 24px; font-weight:bold; margin-bottom: 20px; color:var(--color0);}
.about_con1 h4{ font-size: 22px; font-weight:bold; margin-bottom: 20px; color:var(--color0);}
.about_con1 h5{ font-size: 20px; font-weight:bold; margin-bottom: 20px; color:var(--color0);}
.about_con1 p { margin-bottom: 20px;}
.about_con1 img { max-width: 100% !important; height: auto !important;}

.about_con h3{ font-size:36px; font-weight:bold; color:var(--color0);}
.about_con span{font-size:16px; }
.about_con p{ margin-bottom:20px; line-height:26px;}

/*-------------------feedback-----------------*/

.in_feedback_list{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list li{ margin-bottom:20px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list li:nth-child(-n+3){ flex:0 0 33.333%; }
.in_feedback_list li span{ display:block; color:#202020; font-size:16px; margin-bottom:10px;  }
.feedback{ height: 50px; line-height: 50px; border:1px solid #e5e5e5; width:100%;border-radius: 8px; padding: 0 10px; box-shadow: 0 0 8px rgba(0,0,0,0.07);}
.feedtext{width:100%;border:1px solid #e5e5e5; color:#999999; height: 225px; padding:10px;border-radius: 8px;}

.feedback_btm{ display: inline-block; width:100%; font-size:16px; color:#202020; text-align:Center; height:60px; line-height:60px; padding:0 70px; border:0; background:var(--maincolor); color:var(--white); cursor: pointer; transition:.4s all;border-radius: 8px;}
.feedback_btm:hover{ background:var(--hovercolor); color:var(--white);}


/*--------------------------------pages---------------------------------*/
.pages{ text-align:center; }
.pages a{ display:inline-block; margin:0 2px; padding:2px 8px; border-radius:5px;vertical-align:middle;color:#919bb0; }
.pages a:hover{ background:var(--hovercolor); color:var(--white);}
.pages a.cur{ background:var(--hovercolor); color:var(--white); }
.pages a svg{ stroke:#919bb0; }
.pages a:first-child,.pages a:last-child{  padding-top:1px;  }

.error_img{ text-align:center; }
.error_img img{ max-width:90%;}
.error_text{ text-align:center; margin-bottom:90px;}
a.error_a{ display:inline-block; padding:9px 60px; border-radius:10px; color:var(--white); background:#F7931E;}
.error_text p{ font-size:22px; color:#F7931E;}
@media screen and (max-width:780px){ 
    .error_text p{ font-size:16px; }
}


/*---------------------------newsdetail----------------------------------*/
.news_dtitle { font-size:34px;padding: 0px 0 10px 0; color:var(--color0);}
.news_dspan {  font-size: 14px; font-weight: normal; margin-bottom:10px; color:var(--color9);}
.other_news{ justify-content: space-between; padding-top:35px;  border-top:1px solid #eeeeee; }
.other_news li {    padding: 0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; color:Var(--color6); }
.other_news li { font-size: 16px; margin-right:1px; }
.other_news11 li:nth-child(2) {  margin-left:2px; text-align: right; }

.other_news li strong{ color:var(--color9); font-weight: normal; }
.other_news li a{ color:var(--color3);}
.other_news li a:hover{ color:var(--hovercolor);}
.other_news11 li:nth-child(2) a{ display: inline-block; background: var(--hovercolor); color:var(--white); border-radius: 80px; padding:12px 55px; font-size: 16px; transition: .4s all;}
.other_news11 li:nth-child(2) a:hover{ background: var(--maincolor); border-radius: 8px;}


/*---------------------------main-------------------------------*/
.header_con{ position:relative; z-index: 105;box-shadow: 0 0 13px rgba(0,0,0,0.1);  background: var(--white); }
.header_bgs{ margin-left:auto; margin-right:auto;display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.top_contact{ color:var(--color6); font-size:12px;}
.logos{ text-align:center; align-items: center; }
.logos>a{ display: block; padding:10px 0px; }
.logos>a>img{ max-height: 73px;}
.header_mb{ display:none; position:absolute; right:2%; top:20px;}

.header_left{ flex:1; }
.header_right{ flex:0 0 400px; align-items: center; justify-content: flex-end;}
.innavs{ flex:1; margin-left:50px; align-items: center; justify-content: center;  }
.innavs>li{ flex:0 0 auto; margin:0 2px; }
.innavs>li>a{ display:block; color:var(--color0); font-size:16px; font-weight: bold; padding:6px 30px; transition:.4s all; text-align: center; transition: .4s all; }
.innavs>li:hover>a,.innavs>li.cur>a{ color:var(--white); background: var(--hovercolor); border-radius: 50px;    }
.innav_hidden{ position:absolute; left:0; top:54px; width:100%; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; padding-top:0px;}

.innavs_sec_con{  background:#f5f5f5;  box-shadow: 0 5px 10px rgba(0,0,0,0.1);  }
.innavs_sec{ background:rgba(255,255,255,0.96); border-radius:0 0 0px 0px; margin-top:10px; padding:45px 0 35px 0; margin-left:-35px; margin-right:-35px; }
.innavs_sec>li{ flex:0 0 20%; padding-left:35px; padding-right:35px; margin-bottom:55px; }
.innavs_sec>li>a{ color:var(--color0);display:block;  font-size:18px; padding:8px 0 15px 0; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.innavs_sec>li>a:hover{ color:var(--hovercolor); }

.innavs_three_con{  width:100%; overflow:hidden; transition:.2s all;  }
.innavs_three{ padding-top:15px;}
.innavs_three>li>a{ color:#777777;display:block; font-size:14px; padding:8px 0; transition: .4s all;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.innavs_three>li>a:hover{ background:var(--hovercolor) !important; color:var(--white) !important; padding-left:10px;}
a.inpros_more{ color:var(--hovercolor) !important;}
.pronimg_hidden{ display: none; }

.innavs_sec_con1{ position:absolute; left:50%; top:30px; width:160px; font-size: 13px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all;  transform:translateX(-50%); }
.innavs_sec1{ box-shadow: 0 0 10px rgba(0,0,0,0.2);background:rgba(245,245,245,0.96); border-radius:10px; margin-top:33px; padding:5px 0 5px 0;}
.innavs_sec1>li{ position:relative;}
.innavs_sec1>li>a{ color:var(--color3);display:block; text-align:center; font-size:14px; padding:10px 0; margin:0 5px; transition: .4s all;}
.innavs_sec1>li>a:hover{ background:var(--hovercolor); color:var(--white); border-radius: 10px;}

.innavs>li:hover .innavs_sec_con1{ opacity: 1; height: auto; overflow: visible; }

.innavs>li:hover .innav_hidden{ opacity: 1; height: auto; overflow: visible;padding-top:39px; }
.top_rights{ font-size:12px; color:var(--color6); position:relative;}




.inpronav{ justify-content: space-between; padding:40px 0 60px 0;}
.inpronav_l{ flex:0 0 250px; }
.inpronav_l li{ font-size: 20px; border-radius: 15px;  padding:23px 15px 17px 5px; position:relative; cursor: pointer; border-bottom:1px solid #dedede; transition: .4s all;  }
.inpronav_l li:first-child{  }
.inpronav_l li:hover,.inpronav_l li.cur{ background:var(--hovercolor); color:var(--white); padding-left:22px; border:0;}
.inpronav_l li:hover a,.inpronav_l li.cur a{ color:var(--white);}
.inpronav_l li i{ position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.inpronav_l li svg{ fill:var(--color3); width: 1.2em; transition: .4s all;}
.inpronav_l li:hover svg,.inpronav_l li.cur svg{ fill:var(--white);}
.inpronav_m{ flex:1; padding:10px 5% 0 5%; }
.in_pronav_hd{ display: none;}
.inpronav_m .cur{ display: block !important;}
.inpronav_list li{ flex:0 0 32.3%; margin-right:1%; margin-bottom:20px; padding-left:22px; position: relative;}
.inpronav_list li::before{ content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: var(--color6); border-radius: 50%; }
.inpronav_list li:hover::before{ background: var(--hovercolor); }
.inpronav_list li a{ font-size: 18px; color:var(--color6); }
.inpronav_list li:hover a{ color:var(--hovercolor); }
.inpronav_r{ flex:0 0 25%; text-align: right;}
.inpronav_r img{ max-width: 100%; border-radius: 25px;}

.search_con{ height: 35px; border:1px solid #afafaf; border-radius: 50px; overflow: hidden;}
.search_con input{ height: 35px; border:0; outline:0; padding:0 10px; flex:1; }
.search_con button{ border:0; background: none; height: 30px; line-height: 30px; padding:0 10px; cursor: pointer; }
.search_con button svg{ width: 1.6em; fill:var(--color0); transform: .4s all; }
.search_con button svg:hover{ fill:var(--hovercolor);}


.lanuage{  margin-left:20px; padding:3px 1px; background: var(--hovercolor);border-radius: 50px; }
.lanuage a{ display: inline-block; padding:5px 10px;  color:var(--white); font-size: 16px; transition: .4s all;text-align: center; margin:0 5px; transition: .4s all; }
.lanuage a:hover{ color:var(--hovercolor); background: var(--white); border-radius: 50px;}

.banners{ position:relative;}
.banner_position>a>img{ width:100%; }
.banner_jt svg{ fill:var(--white); width:3em; transition: .4s all;}
.banner_jt svg:hover{ fill:var(--hovercolor); }

.in_mainpro li{ flex:1; transition: .6s all;  }
.mainpro_con{ position: relative; height: 100%;}
.mainpro_con>img{ width:100%; height: 100%; object-fit: cover; }
.in_mainpro li:hover{ flex:0 0 60%; }
.mainpro_text{ position: absolute; left:0; top:0; right:0; z-index: 80; padding:50px 10%; text-align: center;}
.mainpro_text>h3{ font-size: 26px; font-weight: bold; margin-bottom:25px;}
.mainpro_text>p{ font-size: 16px; line-height: 30px;}

.ourpros{ padding:110px 0 90px 0; }
.in_title{ text-align: center; margin-bottom:65px; }
.in_title>h2{ font-size: 48px; font-weight: bold; color:var(--color0); margin-bottom:35px;}
.in_title>h2::after{ content:''; display: block; width: 85px; height: 5px; border-radius: 50px; background: var(--hovercolor); margin: 0 auto; margin-top:35px; }
.in_title>p{ font-size: 18px; color:var(--color6); line-height: 32px; max-width: 580px; margin:0 auto;}

.ourpros_item{ margin-left:-10px; margin-right:-10px;}
.ourpros_item>li{ flex:0 0 33.33%; padding-left:10px; padding-right:10px; margin-bottom:20px; }

.ourpros_list{ padding:25px; background: #f5f5f5; border-radius: 15px; height: 100%;}
.ourpros_img{ margin-bottom:30px; overflow: hidden; border-radius: 15px; border:1px solid #f5f5f5; transition: .4s all; }
.ourpros_img img{ width:100%;transition: .4s all;}
.ourpros_list:hover .ourpros_img{ border:1px solid var(--hovercolor);}
.ourpros_list:hover .ourpros_img img{ transform: scale(1.1); }

.ourpros_list>h3{ font-size: 24px; font-weight: bold; color:var(--color0); line-height: 32px; padding-bottom:28px; border-bottom:1px solid #dedede; margin-bottom:28px;}

.ourpros_alls{ display:flex; flex-wrap: wrap; }
.ourpros_alls>li{ flex:0 0 33.3%; margin-bottom:10px; padding-left:10px; }
.ourpros_alls>li a{ font-size: 15px; line-height: 26px;}

.advatagebg{ background: url("../images/inbg1.jpg") no-repeat center center; background-size: cover; padding:105px 0 90px 0;}

.advatage_all{ margin-left:-12px; margin-right:-12px; }
.advatage_all>li{ flex:0 0 50%; padding-left:12px; padding-right:12px; margin-bottom:25px; }

.advatage_list{ background: var(--white); border-radius: 15px; padding:30px 20px; height: 100%; align-items: center; transition: .4s all;}
.advatage_list:hover{ box-shadow: 0 0 18px var(--hovercolor);transform: scale(1.05); }
.advatage_list>i{ display: block; flex:0 0 16%;} 
.advatage_list>i>img{ transition: .4s all;}
.advatage_list:hover>i>img{ transform: scale(1.1); }
.advatage_text{ flex:1; margin-left:20px;  }
.advatage_text>h2{ font-size: 20px; font-weight: bold; color:var(--color0); line-height: 32px; margin-bottom:28px;  margin-bottom:10px; transition: .4s all;}
.advatage_text>h2>span{ font-size: 14px; color:var(--color9); font-weight: normal; margin-left:4px; }
.advatage_text:hover>h2{ color:var(--hovercolor); }
.advatage_text>p{ font-size: 14px; line-height: 24px; color:var(--color6); }

.in_model{  background-size: cover; padding:210px 0 210px 0;}
.in_modeltext{ color:var(--white); text-align: center;}
.in_modeltext>h2{ font-size: 40px; font-weight: bold; line-height: 36px;margin-bottom:50px;}
.in_modeltext>p{ font-size: 18px; line-height: 40px; max-width: 90%; margin:0 auto;}

.in_about{ padding:140px 0 110px 0; }
.in_aboutcon{ margin-bottom:90px; }
.in_about_left{ flex:0 0 45%;}
.in_about_left>img{ border-radius: 15px;}
.in_about_right{ flex:1; margin-left:80px;}
.in_about_right>span{ display: block; font-size: 22px; color: #02ced5; line-height: 32px; font-weight: bold; margin:25px 0 50px 0;}
.in_about_right>h2{ font-size: 60px; font-weight: bold; color:var(--color0); margin-bottom:35px;}
    .in_about_right>h2::after { content:""; display: block; width: 65px; height: 4px; background: var(--hovercolor); border-radius: 15px;margin-top:40px; }
.in_abouttxt{ font-size: 18px; line-height: 44px; color:#444444; margin-bottom:35px;}
a.about_more{ display: inline-block; font-size: 16px; color:var(--white); background: var(--hovercolor); padding: 13px 40px; border-radius: 50px; text-align: center; transition: .4s all; }
.about_more:hover{ background:var(--maincolor); padding:13px 50px; }

.in_aboutlist{ margin-left:-11px; margin-right:-11px;}
.in_aboutlist>li{ flex:0 0 25%; padding-left:11px; padding-right:11px; margin-bottom:22px; }

.in_about_item{ background: var(--hovercolor); color: var(--white); height: 100%; padding:25px 15px; border-radius: 15px; align-items: center;}
.in_about_item>i{ display: block; flex:0 0 70px; background: var(--white); width: 70px; height: 70px; border-radius: 50%; text-align: center; overflow: hidden;  }
.in_about_item>i>img{ width:100%; transition: .4s all;  }
.in_about_item:hover>i>img{ transform: scale(1.2); }
.in_item_txt{ flex:1; margin-left:15px; }
.in_item_txt>h3{ font-size: 20px; font-weight: bold; line-height: 30px;  margin-bottom:10px;}
.in_item_txt>p{ font-size: 12px; line-height: 22px; min-height: 75px;}

.in_newsbg{ background: #f5f5f5; padding:120px 0 100px 0; }
.in_news_title{ align-items: end; margin-bottom:80px; }
.in_news_left{ flex:0 0 60%; }

.in_news_left>h2{ font-size: 40px; line-height: 50px; font-weight: bold; color:var(--color0); margin-bottom:35px;}
.in_news_left>h2::after{ content:''; display: block; width: 85px; height: 5px; border-radius: 50px; background: var(--hovercolor); margin-top:35px;}
.in_news_left>p{ font-size: 18px; line-height: 32px; color:var(--color6); }
a.seemore{ display: inline-block; font-size: 16px; color:var(--white); background: var(--hovercolor); padding: 16px 45px; border-radius: 50px; text-align: center; transition: .4s all; }
a.seemore:hover{ background:var(--maincolor);padding: 16px 55px; }

.innews_all{ margin-left:-23px; margin-right:-23px; }
.innews_all>li{ flex:0 0 33.33%; padding-left:23px; padding-right:23px; margin-bottom:25px;}

.innews_img{ margin-bottom:35px; overflow: hidden; border-radius: 15px; transition: .4s all; }
.innews_img img{ width:100%; max-height:350px; object-fit: cover; transition: .4s all; }
.innews_items:hover .innews_img img{ transform: scale(1.1); }

.innews_text>h2{ font-size: 24px; line-height: 36px; font-weight: bold; margin-bottom:15px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.innews_text>time{ display: block; font-size: 16px; color:var(--color9); margin-bottom:15px;}
.innews_text>p{ font-size: 16px; line-height: 28px; color:var(--color0);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }



.footerbgs{ background:#111111; color:#f2f2f4;  background-size:100% 100%;  font-size: 16px; }
.footerbgs a{ color:var(--color9); }
.footerbgs a:hover{ color:Var(--hovercolor); }
.footer_alls{ padding:90px 0 60px 0;}

.footer_logo{ margin-bottom:30px; }
.footer_ct li{ margin-bottom:30px; display:flex;  }
.footer_ct li i{ flex:0 0 55px; margin-right:12px; padding-top:2px; }
.footer_txt{ font-size: 16px; line-height: 30px; color:var(--color9); margin-left:10px; }



.flogos_left{ flex:0 0 25%;}
.footer_right{ flex:0 0 28%; margin-left:20px;} 


.footer_lists{flex:1; margin-left:105px;  padding:0 0 50px 0; justify-content: space-between; }
.footer_listnav{flex:0 0 50%;}
.footer_listnav dt{ font-size: 22px; color:var(--white); margin-bottom:30px; }
.footer_listnav dd{ line-height:46px; font-size: 16px; }
.footer_wxbgs{ border-top:1px solid #616161; padding:18px 0; }

.in_formcon li{ margin-bottom:20px; }
.in_formlist{height: 50px; background: var(--white); border-radius: 8px; padding:0 10px 0 20px;align-items: center; }
.in_formlist h3{ flex:0 0 70px; width: 70px; font-size: 15px; color:var(--color9);}
.foot_input{    border:0; flex:1; width:66%; margin-left:15px; color:var(--color3); height: 50px; line-height: 50px; font-size: 16px; }
.footer_code{ flex:0 0 50%;}
.foot_inputtxt{ flex: 0 0 70%; width: 70%;background:none; border:0;}
.code_img{ flex: 1; margin-left:10px;}
.footer_btn{ background:var(--hovercolor); color:var(--white); border:none; display: block; height: 50px; line-height: 50px; font-size: 16px; padding:0 10px; text-align: center; width: 100%; border-radius: 8px; cursor: pointer; transition: .4s all; }
.footer_btn:hover{ background:var(--maincolor); }

.footer_ewm{ align-items: center;}
.footer_ewmimg{ flex:0 0 41%; }
.footer_ewmtext{ flex:1; margin-left:15px; font-size: 16px; line-height: 35px;} 


.footshares li{ margin-right: 13px;}
.footshares li a{ display: block; width: 49px; height: 49px; border-radius: 50px; overflow: hidden; background:rgba(255,255,255,0.2); margin-bottom:10px; padding:3px; }
.footshares li a:hover{ background: var(--hovercolor);}

.fultrue_all>i{ display: block; text-align: center; animation: moveUpDown 2s linear infinite;}
@keyframes moveUpDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}

.copyright_line{ border-top:1px solid #343434;}
.copyright{ text-align:left; padding:45px 0; color:var(--color9); }


.mb_menu{ display:none;}
.mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
.mb_navsico svg{ width:15px;}
.mbnavs_sec { display: none;  background: #fca9a9;  padding: 10px 0;  }    
.mbnavs_sec>li { padding: 10px 10px; }    
.mbnavs_sec>li>a { color: var(--color6); font-size: 14px;}    
.mb_menulist>li>a i{ display:block; width:10px;}

.mb_zz { display:none; position: fixed;left: 0;top: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);z-index: 4;}





/*-----------------------------sub-------------------------------*/
.subbanner{  position: relative;}
.subbanner img{ width:100%;}

.subnav_line{ border-bottom:1px solid #dedede; }
.subnavs>li{ flex:1;text-align: center; }
.subnavs>li>a{ font-size: 17px; line-height: 30px; display: block; padding:25px 0; border-bottom:2px solid var(--white);  color:var(--color0); }
.subnavs>li>a:hover,.subnavs>li.cur>a{ color:var(--hovercolor); font-weight: bold; background: #f5f5f5; border-bottom:2px solid var(--hovercolor); }


.contact_con{ padding:95px 0 75px 0; }
.contact_title{ margin-bottom:60px;}
.contact_title>h3{ font-size: 44px; line-height: 56px; font-weight: bold; margin-bottom:21px; color:var(--color0); }
.contact_title>p{ font-size: 20px; line-height: 36px; color:var(--color6); }

.contact_list{ background: var(--white); border-top:2px solid var(--hovercolor); border-radius: 15px; padding:60px 2%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.contact_list>li{ flex:0 0 33.3%; padding: 0 3%; }
.contact_item>i{ display: block; flex:0 0 90px; width: 90px; height: 90px; border-radius: 50px; background: var(--hovercolor);text-align: center; line-height: 90px; }
.contact_txt{ flex:1; margin-left:25px; }
.contact_txt>h3{ font-size: 20px; line-height: 36px; font-weight: bold; margin-bottom:6px; color:var(--color0); }
.contact_txt>p{ font-size: 16px; line-height: 28px; color:var(--color3); }

.contact_maps{ margin-bottom:115px; border-radius: 15px; overflow: hidden;}
.contact_maps img{ width:100%;}

.sub_con{ padding:50px 0 50px 0;}
.location{ color:var(--color9); text-align: right; margin-bottom: 50px; }
.location>a{ color:var(--color9); }
.location>a:hover{ color:var(--hovercolor); }

.cases_all{ margin-left:-15px; margin-right:-15px; margin-bottom:30px;}
.cases_all li{ flex:0 0 50%; padding: 0 15px; margin-bottom:30px;}

.cases_list{ background: #f5f5f5; border-radius: 15px; overflow: hidden; height: 100%;}
.cases_img{ flex:0 0 40%; overflow: hidden;} 
.cases_img img{ width:100%; transition: .4s all; height: 100%; object-fit: cover; }
.cases_list:hover .cases_img img{ transform: scale(1.1); }
.cases_text{ flex:1; padding:35px 50px 20px 50px; }
.cases_text>h3{ font-size: 26px; line-height: 34px; font-weight: bold; margin-bottom:15px; color: var(--color0); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.cases_text>p{ font-size: 17px; line-height: 30px; color:var(--color6); margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.cases_text>a{ color:var(--hovercolor); text-decoration: underline;}


.custom_title{ font-size: 44px; font-weight: bold; line-height: 54px;  margin-bottom:65px; color:var(--color0); text-align: center;}

.news_search{ }
.search_con1{ background: var(--hovercolor); color:var(--white); display: flex; align-items: center; justify-content: space-between; border-radius: 80px; padding:0 15px; max-width: 650px; margin:0 auto 20px auto; }
.search_con1 input{ flex:1; border:0; background: none; color:var(--white); height: 50px; line-height: 50px; font-size: 16px; padding:0 10px;}
.search_con1 input::placeholder{ color:var(--white); }
.search_con1 button{ background: none; border:0; cursor: pointer;}
.search_con1 svg{ fill:var(--white); width: 2em; }

.keywords{ text-align: center; color:var(--color6); margin-bottom:60px;}
.keywords>a{ color:var(--color6); margin:0px 3px; font-size: 15px;}
.keywords>a:hover{ color:var(--hovercolor); }

.innews_all1{ margin-left:-23px; margin-right:-23px; }
.innews_all1>li{ flex:0 0 33.33%; padding-left:23px; padding-right:23px; margin-bottom:70px; }

.news_detailtit{ padding:0px 0 45px 0; border-bottom:1px solid #dedede; }
.news_detailtit h3{ font-size: 44px; font-weight: bold; line-height: 50px; margin-bottom:30px; color:var(--color0); }
.news_detailtit time{ font-size: 16px; color:var(--color9);}
.news_detailtit time span{ display: inline-block; margin-right:45px; }


.server_all{ margin-bottom:60px;}
.server_all li{ padding:50px 0; border-bottom:1px solid #dedede; transition: .4s all; }
.server_all li:hover{ background: #f5f5f5; padding:50px 20px; }
.server_list>h3{ font-size: 24px; font-weight: bold; margin-bottom:20px; color:var(--color0); }
.server_txt{ font-size: 18px; line-height:36px; color:var(--color6);} 

.download_all{ margin-left:-12px; margin-right:-12px; padding-top:30px;}
.download_all>li{ flex:0 0 33.33%; padding: 0 12px; margin-bottom:25px;}
.download_list{ height: 100%; border:1px solid #dedede; border-radius: 15px; padding:30px 30px; transition: .4s all; }
.download_list:hover{ border:1px solid var(--hovercolor); box-shadow: 0 0 15px rgba(0, 100, 123, 0.5); }
.download_cons{ min-height: 80px; }
.download_cons>i{ flex:0 0 33px; }
.download_cons>h3{ flex:1; margin-left:20px; font-size: 18px; line-height: 32px;  color: var(--color0); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical; }

.download_ico{ text-align: right;}
.download_ico>a{  display: inline-block; margin-left:40px;  font-size: 16px;}
.download_ico>a>i{ display: inline-block; }
.download_ico>a>i>svg{ fill:var(--hovercolor); width: 1.8em; }
.download_ico>a:nth-child(2)>i>svg{ fill:var(--hovercolor); width: 1.5em; }

.tech_title{ padding:30px 0 80px 0;}
.tech_title h2{ text-align: center; font-size: 44px; font-weight: bold;  margin-bottom:20px; color:var(--color0);}
.tech_title p{ text-align: center; font-size: 18px; line-height: 36px; color:var(--color6);  }

.product_all{ margin:0 -10px 50px -10px; }
.product_all li{ flex:0 0 25%; padding: 0 10px; margin-bottom:25px;}
.product_list{ border:2px solid var(--hovercolor); border-radius: 15px; overflow: hidden; height: 100%; background: var(--hovercolor); }
.product_list>a>h2{ padding:30px 10px; background: var(--hovercolor); color:var(--white); text-align: center; font-size: 16px; line-height: 28px; }
.product_list>a>h2{ color:var(--white);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.product_list .product_img{ overflow: hidden; border-radius: 15px; transition: .4s all; }
.product_list .product_img img{ width:100%; object-fit: cover; transition: .4s all; }
.product_list:hover .product_img img{ transform: scale(1.1); }

.pros_main{margin-bottom:40px; }
.pros_mainimg{ flex:0 0 50%; overflow: hidden;}
.pros_mainimg img{ border:1px solid #dedede; border-radius: 20px; }
.pros_mainright{ flex:1; margin-left:5%;}
.pros_mainright>h2{ font-size: 40px; line-height: 45px; font-weight: bold; color:var(--color0); margin-bottom:30px; padding-top:10px;}

.pros_items li{ flex:0 0 33.33%; margin-bottom:40px; padding-right:5%;}
.pros_items li:last-child{ margin-bottom:0;}
.pros_items>li>h3{ display: inline-block; font-size: 20px;margin-bottom:30px; color:var(--white); background: var(--hovercolor); border-radius: 10px; padding:10px 35px; }
.pros_items>li>.pros_txts{ font-size: 18px; line-height:36px; color:var(--color0); padding:0 0 0 5px;  }

.other_prosbgs{ background: #f5f5f5; padding:55px 0 50px 0; }
.other_pros>h2{ font-size: 48px;  color:var(--color0); margin-bottom:50px;}


.other_proslist{ margin:0 -14px; }
.other_proslist>li{ flex:0 0 20%; padding:0 14px; margin-bottom:25px; }
.other_proslist>li>a{ display: block; padding:20px 0; background: var(--white); color:var(--color0); text-align: center; font-size: 20px; line-height: 32px; border-radius: 10px;  box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.other_proslist>li>a:hover{ background:var(--maincolor); color:var(--white); }

.pros_maintext{ line-height: 34px; font-size: 16px; color:var(--color3);}
.pros_maintext>img{ max-height: 560px;  }

.pros_back{ padding:40px 0;text-align: center; }
.pros_back>a{ display:inline-block; background:var(--hovercolor); padding:14px 60px; font-size: 16px; color:var(--color6); border-radius: 80px;color:var(--white); transition: .4s all;}
.pros_back>a:hover{ background:var(--maincolor);}
 
.pros1_title{ font-size: 40px; font-weight: bold; color:var(--color0); margin-bottom:25px;}
.pros1_infor{ margin-bottom:45px; font-size: 18px;}
.pros1_con{ margin:0 -10px 20px -10px;}
.pros1_con>li{  flex:0 0 25% ;padding:0 10px; margin-bottom:25px;}
.pros1_list{ border:1px solid #dedede; border-radius: 25px; overflow: hidden; padding:5px 5px 50px 5px; height: 100%;}
.pros1_imgs{ margin-bottom:20px; text-align: center; }
.pros1_imgs img{ width:100%; }
.pros1_list>h2{ font-size:18px; text-align: center;  color:var(--color0);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;  }

.pros_txts table{ width: 100%; border-collapse: collapse; }
.pros_txts th, .pros_txts td{ border: 1px solid #dedede; padding: 10px 20px; text-align: center; }


.pros1_tech{ margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dedede; }
.pros_rich{ margin:0 -20px 20px -20px;}
.pros_rich>li{ flex:0 0 50%; padding:0 20px; margin-bottom:40px;}
.pros_rich_list{ border:1px solid var(--color0); border-radius: 0px; overflow: hidden;  }
.pros_rich_img{  text-align: center; }
.pros_rich_img img{ width:100%; }
.pros_rich_list>h3{ font-size:26px; line-height: 32px; background: var(--hovercolor); text-align: center;  color: var(--white); padding:25px 5px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;  }

.pros_pdf{ display: inline-block; background:#01d0d6; padding:14px 50px; font-size: 16px; color:var(--white); border-radius: 80px;color:var(--white); transition: .4s all;}
.pros_pdf:hover{ background:var(--hovercolor); color:var(--white);padding:14px 58px; }

.prostr_pdf1{ margin-top:30px; }



.about_md{ padding:100px 0 100px 0;}
.subtitles{ text-align: center; margin-bottom:75px;}
.subtitles>h2{ font-size: 44px; font-weight: bold; color:var(--color0); margin-bottom:25px; }
.subtitles>p{ font-size: 18px; line-height: 28px; color:#888888;  }

.about_infors{ margin-bottom:45px; align-items: center;}
.about_infors_text{flex:1; margin-right:70px;}
.about_infors_text>h3{ font-size: 32px; font-weight: bold; line-height: 32px; color:var(--color0); margin-bottom:35px; }
.about_infors_con{ font-size: 16px; line-height: 36px; color:#444444; }
.about_infors_img{ flex:0 0 45%; }
.about_infors_img img{ width:100%; border-radius: 15px; }

.about_develop_bgs{ background: #f5f5f5; padding:90px 0 110px 0; }


.about_advantage{ padding:100px 0 100px 0; overflow: hidden; }


.cultrue_com{ position: relative;}
.cultrue_com>img{ width: 100%;}
.cultrue_mask{ position: absolute; top:0; left:0; right:0; bottom:0; z-index: 7; background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); }
.cultrue_items{  height: 100%;} 

.cultrue_items li{ flex:0 0 33.33%;height: 100%;border:13px solid rgba(255,255,255,0); position: relative; background: rgba(0,0,0,0); transition: .4s all;}
.cultrue_items li:hover{  background: rgba(0,100,123,0.8); border:10px solid #299cb6; border-radius: 25px;}
.cultrue_all{ position: absolute; bottom:0; left:0; z-index: 8; width: 100%; color:var(--white); padding:50px 65px; background: rgba(0,0,0,0.2); border-radius: 15px 15px 0 0; }
.cultrue_all i{ display: block; margin-bottom:20px;text-align: center;}
.cultrue_all i img{ width: 100px;}
.cultrue_all h3{ font-size: 24px; line-height: 34px; text-align: center; margin-bottom:20px;}
.cultrue_all p{ font-size: 18px; line-height: 24px;overflow:hidden; text-align: center; height: 50px; transition: .4s all;}
.cultrue_items li:hover .cultrue_all{  background: none;}
.cultrue_items li:hover .cultrue_all p{ height:200px; }


.about_fultrue{ padding:110px 0 120px 0; }
.fultrue_cons{ border-radius: 25px; overflow: hidden; position: relative;}
.fultrue_cons>img{ width:100%; height: 100%; object-fit: cover; }

.fultrue_all{ position: absolute; bottom:0; left:0; right:0; z-index: 50; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); padding:20% 10px 70px 10px; color:var(--white); font-size: 16px; line-height: 30px;}
.fultrue_txt{ max-width: 60%;text-align: center; margin:0 auto 15px auto;}
.fultrue_all>i{ display: block; text-align: center;}
.fultrue_all>i>svg{ fill:var(--white); width: 1.5em;}

.advantage_cons{ position: relative;}
.advantage_alls{ background: #f5f5f5; border-radius: 15px; overflow: hidden; height: 100%;}

.advatage_txt{ padding:50px 45px 60px 45px;}
.advatage_txt>h3{ font-size: 26px; font-weight: bold; line-height: 34px; color:var(--color0); margin-bottom:20px; }
.advatage_txt>p{ font-size: 16px; line-height: 24px; color:#444444; margin-bottom: 20px; }
.advatage_infor{ font-size: 14px; line-height: 26px; color:#888888;}
.swiper-slide{ height: auto !important;}

.honor_jt{ background: rgba(0,0,0,0.6); padding:10px; border-radius: 5px;}
.honor_jt:hover{ background: rgba(0,100,123,0.9); }
.honor_jt svg{ fill: var(--white); width: 1.8em;}





.goback{padding:70px 0 5px 0; text-align: center; border-top:1px solid #dedede; margin-top:100px; }
.goback a{ display:inline-block; background:var(--hovercolor); padding:14px 60px; font-size: 16px; color:var(--color6); border-radius: 80px;color:var(--white); transition: .4s all;}
.goback a:hover{ background:var(--maincolor);}





.img596,.img265,.img125,.img445,.img250{width:100%; display:block; object-fit:cover;}
.img596{ height: 596px;}
.img265{ height: 265px;}
.img704{ height: 704px;}
.img125{ height: 125px;}
.img250{ height: 250px;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: ''!important;
}.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}

.pl30{ padding-left:30px; }
.pt15{ padding-top:15px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt90{ padding-top:90px;}
.pt110{ padding-top:110px;}
.pt140{ padding-top:140px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb35{ padding-bottom:35px;}
.pb55{ padding-bottom:55px;}
.pb100{ padding-bottom:100px;}

.mt30{ margin-top:30px;}

.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}

.mb_menu_close{ display:none; position:fixed; top:4%; right:4%; z-index: 1502; cursor:pointer;}





/*-------------------------------------*/

@media screen and (max-width:1955px){


}

@media screen and (max-width:1700px){
    



 }


@media screen and (max-width:1650px){     
.innavs>li>a {  padding: 6px 18px;}



 }
 @media screen and (max-width:1610px){   
.allwidth{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
    
.in_about_right>h2 { font-size: 57px;  line-height: 70px; margin-bottom: 30px; }
.in_abouttxt {  font-size: 16px;  line-height: 36px;}
.in_about_right>span {   margin: 15px 0 30px 0; }



   }

 @media screen and (max-width:1480px){
   
.innavs>li>a { padding: 6px 8px; font-size: 14px;  }
    .lanuage {  margin-left: 10px;}
.mainpro_text>h3 { font-size: 22px;    margin-bottom: 15px; }

 }
@media screen and (max-width:1330px){    

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/
  
.mainpro_text>h3 { font-size: 22px; margin-bottom: 15px; }
.mainpro_text>p {  font-size: 16px; line-height: 30px; }


}

@media screen and (max-width:1215px){
   .header_right { flex: 0 0 377px;}


}
@media screen and (max-width:1120px){
  .innavs>li>a { font-size: 14px;}
  .innavs>li>a { padding: 6px 6px;  }
    

}

@media screen and (max-width:1100px){
 




}

@media screen and (max-width:1005px){
 

}

@media screen and (max-width:980px){
   .header_mb{ display: block;    top: 12px;}

   .header_right{ display: none;}
    
    .mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
    .mb_navsico svg{ width:15px;}
    
    .mb_menu{ position:fixed; left:1%; right:1%; top:20px; bottom:5%; z-index: 800;border-radius:15px; padding:40px 20px 20px 20px; overflow-y:auto;}
    .mb_menulist>li{ border-bottom:1px solid #007792;  }
    .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:14px 5px;  }
    .mb_menulist>li>div>a{  font-size:16px; color:var(--white);}
    .mbnavs_sec{ display:none; background:var(--maincolor); padding:10px 0; border-radius: 15px; }
    .mbnavs_sec>li{ padding:0 20px; }
    .mbnavs_sec>li>div{ color:var(--white); font-size:15px; display:flex; justify-content: space-between; padding:10px 5px;  }
    .mbnavs_sec>li>div>a{ color:var(--white);}
    .mbnavs_sec>li:last-child>div{ border-bottom:0;}

    .mbnavs_three{ padding:12px 0; display: none;}
    .mbnavs_three>li{ padding:5px 0 5px 25px; font-size: 14px; position: relative; }
    .mbnavs_three>li::after{ content:""; display: block; width:3px; height:3px; border-radius: 10px; background: var(--white); position: absolute; left:10px; top:13px; z-index: 3;}
    .mbnavs_three>li>a{ color:var(--white);}
    .mbnavs_three .inpros_more{ color:var(--white) !important;}

    .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,100,123,0.98); z-index: 700;}
    
    
    .logos>a {  padding: 10px 0;}
    .logos>a>img { max-height: 45px; }

    .innavs{ display: none;}
    .in_mainpro li { flex: 0 0 100%;}    
    .in_mainpro li:hover{ flex:0 0 100%; }
    .mainpro_text { padding: 20px 5%;}
    .mainpro_text>h3 { font-size: 15px; margin-bottom: 5px;  }
    .mainpro_text>p { display: none; font-size: 12px; line-height: 19px; }
    .ourpros { padding: 40px 0 40px 0; }
    .in_title>h2 { font-size: 26px; margin-bottom: 20px; }
    .in_title>h2::after { width: 55px; height: 3px;  margin-top: 20px; }
    .in_title>p { font-size: 14px; line-height: 26px;}
    .in_title {   margin-bottom: 30px; }

    .ourpros_item>li { flex: 0 0 100%;}
    .ourpros_list {  padding: 10px;}
    .ourpros_img { margin-bottom: 20px;}
    .ourpros_list>h3 { font-size: 18px; padding-bottom: 20px;  margin-bottom: 20px;}
    .ourpros_alls>li { flex: 0 0 50%; margin-bottom: 6px; padding-left: 5px; }

    .advatagebg { padding: 45px 0 40px 0; }
    .advatage_all>li { flex: 0 0 100%;}
    .advatage_list {  padding: 20px;}
    .advatage_list>i { flex: 0 0 100%; }
    .advatage_list>i>img { max-height: 70px; }
    .advatage_text { margin-left: 0; }
    .advatage_text>h2 { font-size: 22px;}
    .advatage_text>h2>span {  font-size: 15px;display: block;        line-height: 22px;        margin-left: 0;}
    .advatage_text>p {  font-size: 14px; line-height: 24px;}
    .in_model { padding: 50px 0 50px 0; }
    .in_modeltext>h2 { font-size: 22px;  margin-bottom: 15px; }
    .in_modeltext>p { font-size: 15px; line-height: 28px;}
    .in_about { padding: 40px 0 40px 0; }
    .in_about_left { flex: 0 0 100%; }
    .in_about_right { margin-left: 0; }
    .in_about_right>span { font-size: 16px;  margin: 25px 0 25px 0; }
    .in_about_right>h2 { font-size: 24px;  line-height: 30px;  margin-bottom: 2px; padding:30px 0 20px 0;  }
    .in_about_right>h2::after { width: 45px;   height: 3px;  margin-top: 20px; }
    .in_abouttxt { font-size: 14px; line-height: 24px;}
    a.about_more {  font-size: 14px;}
    .in_aboutcon { margin-bottom: 40px; }
    .in_aboutlist>li {  flex: 0 0 100%;  margin-bottom: 10px; }
    .in_about_item { padding: 18px 10px;}
    .in_item_txt>p { font-size: 14px;  line-height: 24px;    min-height: auto; }
    .in_item_txt>h3 { font-size: 20px; line-height: 32px;}
    .in_newsbg {  padding: 40px 0 40px 0; }
    .in_news_left { flex: 0 0 100%; margin-bottom: 20px; }
    .in_news_left>h2 { font-size: 26px; line-height: 36px; margin-bottom: 20px; }
    .in_news_left>p {  font-size: 14px;  line-height: 24px;}

    a.seemore { font-size: 14px;  padding: 14px 35px;}
    .in_news_title { margin-bottom: 40px; }
    .innews_all>li {  flex: 0 0 100%;}
    .innews_img {  margin-bottom: 20px;}
    .innews_text>h2 { font-size: 20px; line-height: 28px;}
    .innews_text>p {  font-size: 14px; line-height: 24px;}
    .footer_alls { padding: 40px 0 40px 0; }
    .flogos_left { flex: 0 0 100%; margin-bottom: 20px; }
    .footer_lists{ display: none;}
    .footer_ct{margin-bottom: 15px;}
    .footer_ct li i { flex: 0 0 30px;   margin-right: 2px;     padding-top: 2px; }
    .footer_ct li { margin-bottom: 5px;}
    .footer_txt { font-size: 14px; line-height: 24px;}

.footer_right { flex: 0 0 100%; margin-left: 0px;}
.copyright {  padding: 25px 0; font-size: 13px; line-height: 24px;}
.subnavs>li { flex: 0 0 33.3%; padding: 0 1px;}
.subnavs>li>a { font-size: 14px; line-height: 24px; padding: 5px 0; background: #f5f5f5;}
.keywords {  margin-bottom: 30px; }
.product_all{ margin:0 -5px;}
.product_all li { flex: 0 0 50%;   padding: 0 5px; margin-bottom: 15px; }

.product_list>a>h2 { padding: 10px 8px;  font-size: 14px; line-height: 22px; }
.location {  margin-bottom: 25px; }
.pros_main { margin-bottom: 45px; }
.pros_mainimg {  flex: 0 0 100%; margin-bottom:20px; }
.pros_mainright { margin-left: 0; }
.pros_mainright>h2 {   font-size: 24px;  line-height: 32px; margin-bottom: 15px; }
.pros_items li {  flex: 0 0 100%; margin-bottom: 30px;    padding-right: 0; }
.pros_items>li>h3 {  font-size: 16px;   margin-bottom: 15px;  padding: 10px 25px; }
.pros_items>li>.pros_txts { font-size: 14px; line-height: 26px;}
.sub_con {   padding: 40px 0 40px 0; }
.other_prosbgs {  padding: 45px 0 40px 0; }
.other_pros>h2 {  font-size: 26px;  margin-bottom: 20px; }
.other_proslist{ margin:0 -5px; }
.other_proslist>li { flex: 0 0 50%; padding: 0 5px; margin-bottom: 10px; }

.other_proslist>li>a {  padding: 12px 10px; text-align: left;  font-size: 14px; line-height: 24px;}
.pros_back { padding: 35px 0;}
.pros_back>a { padding: 12px 50px; font-size: 14px;}
.cases_all li { flex: 0 0 100%; padding: 0 15px;  margin-bottom: 15px; }

.cases_text { padding: 15px 10px 10px 20px; }
.cases_text>h3 { font-size: 20px; line-height: 26px; margin-bottom: 5px;}
.cases_text>p { font-size: 14px; line-height: 22px;   margin-bottom: 5px;}
.innews_all1>li {  flex: 0 0 100%;  margin-bottom: 30px; }
.news_detailtit h3 { font-size: 26px; line-height: 36px; margin-bottom: 15px;}
.news_detailtit time { font-size: 14px;}
.news_detailtit {  padding: 0px 0 25px 0;}
.news_content {   line-height: 26px;  font-size: 14px; margin-bottom: 30px; padding: 30px 0 0 0; }
.other_news li { font-size: 14px;  margin-right: 0;  margin-bottom: 8px; }
.server_all li { padding: 20px 0;}
.server_list>h3 { font-size: 18px;   margin-bottom: 8px;}
.server_txt { font-size: 14px; line-height: 24px;}
.download_all { padding-top: 0px; }
.download_all>li { flex: 0 0 100%; margin-bottom: 15px; }
.download_cons>h3 {   margin-left: 10px;  font-size: 14px;   line-height: 24px;}
.download_cons>i { flex: 0 0 24px; }
.download_list {  padding: 15px 15px;}
.download_cons { min-height: 50px; }
.download_ico>a { margin-left: 20px; font-size: 14px; }
.tech_title {  padding: 10px 0 40px 0; }
.tech_title h2 {  font-size: 25px; margin-bottom: 6px;}
.tech_title p { font-size: 14px;   line-height: 26px;}
.in_feedback_list li:nth-child(-n+3) { flex: 0 0 100%; }
.contact_con {    padding: 45px 0 45px 0; }
.contact_title>h3 { font-size: 24px; line-height: 36px;  margin-bottom: 10px;}
.contact_title>p {  font-size: 14px; line-height: 24px;}
.contact_list { padding: 40px 2%;}
.contact_list>li { flex: 0 0 100%; margin-bottom: 30px;}
.contact_txt>p { font-size: 14px;  line-height: 24px;}
.about_md { padding: 40px 0 40px 0; }
.subtitles>h2 { font-size: 26px; margin-bottom: 9px; }
.subtitles {   margin-bottom: 30px; }
.about_infors_text { flex: 0 0 100%; margin-right: 0; margin-bottom: 30px;}
.subtitles>p { font-size: 14px; line-height: 24px;}
.about_infors_text>h3 { font-size: 18px; line-height: 30px; margin-bottom: 10px; }
.about_infors_con { font-size: 14px; line-height: 24px;}
.about_infors_img { flex: 0 0 100%; }
.about_develop_bgs {  padding: 40px 0 40px 0; }
.about_advantage { padding: 40px 0 40px 0;}
.advatage_txt {    padding: 25px 25px 25px 25px; }

.cultrue_com>img { height: 320px;  object-fit: cover;}
.cultrue_all { padding: 10px 5px; }
.cultrue_all i img { width: 50px; }
.cultrue_all i {  margin-bottom: 5px; }
.cultrue_all h3 {  font-size: 16px;   line-height: 20px;  margin-bottom: 12px; font-weight: bold; }
.cultrue_all p {  font-size: 12px; line-height: 23px;}
.cultrue_items li {  border: 3px solid rgba(255, 255, 255,0);}
.cultrue_items li:hover { border: 3px solid rgba(255, 255, 255,0.5); }

.cultrue_items li:hover .cultrue_all p{ height: 180px; }

.about_fultrue { padding: 40px 0 40px 0; }
.fultrue_txt {  max-width: 100%; margin: 0 auto 9px auto; }
.fultrue_all {  padding: 4% 10px 10px 10px;  font-size: 12px;  line-height: 22px; }
.advatage_txt>h3 { font-size: 25px; line-height: 27px; margin-bottom: 10px; }
.advatage_infor { font-size: 14px;   line-height: 24px;}
.fzlc_list dt h3 {  padding: 0 0 0 5px; font-size: 20px; }
.develop_jt {    max-width: 100%; }
.mySwiper22 {  margin-bottom: 0px !important; }
.fzlc_cons {  padding: 20px 10px 30px 5px; line-height: 26px; font-size: 14px;min-height: auto;}
.fzlc_timd_dot { font-size: 12px;   padding: 25px 0 0 0;}
.fzlc_imgs {  margin-right: 0;}
.fzlc_list dt i { left: 15px; top: 26px;}

.ourpros_alls>li a{ font-size: 13px; line-height: 24px;}



}



@media screen and (max-width:780px){
   


}

@media screen and (max-width:640px){
   
   



}


@media screen and (max-width:550px){
   
   
   

}


@media screen and (max-width:450px){    
    

}


@media screen and (max-width:390px){
  

}