/* devanagari */
@font-face {
  font-display: swap;
  font-family: "qico"; /* Project id 884104 */
  src: url('iconfont44.woff2?t=1642673512172') format('woff2'),
       url('iconfont44.woff?t=1642673512172') format('woff'),
       url('iconfont44.ttf?t=1642673512172') format('truetype');
}

.qico {
  font-family: "qico" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.qico-right10:before {
  content: "\e663";
}

.qico-tiktok:before {
  content: "\ecdc";
}

.qico-TikTok:before {
  content: "\e662";
}

.qico-comments4:before {
  content: "\e63c";
}

.qico-facebook2:before {
  content: "\e675";
}

.qico-search2:before {
  content: "\e65e";
}

.qico-fanhui1:before {
  content: "\ebed";
}

.qico-icon-test:before {
  content: "\e668";
}

.qico-messenger2:before {
  content: "\e979";
}

.qico-messenger:before {
  content: "\e8d5";
}

.qico-pdf3:before {
  content: "\e801";
}

.qico-tel5:before {
  content: "\e693";
}

.qico-address4:before {
  content: "\e648";
}

.qico-calendar4:before {
  content: "\e66d";
}

.qico-calendar3:before {
  content: "\e6c5";
}

.qico-email2:before {
  content: "\e66e";
}

.qico-address3:before {
  content: "\e671";
}

.qico-tel6:before {
  content: "\e6cd";
}

.qico-calendar2:before {
  content: "\e672";
}

.qico-calendar:before {
  content: "\e6ca";
}

.qico-refresh1:before {
  content: "\e827";
}

.qico-zhongzhi:before {
  content: "\e669";
}

.qico-refresh3:before {
  content: "\e66a";
}

.qico-zan:before {
  content: "\e661";
}

.qico-quote-left:before {
  content: "\e6061";
}

.qico-quote-right:before {
  content: "\e665";
}

.qico-douban:before {
  content: "\e65d";
}

.qico-zhihu:before {
  content: "\e69a";
}

.qico-daohang-gongzhonghaotixing:before {
  content: "\e65c";
}

.qico-gongsi2:before {
  content: "\e659";
}

.qico-zuanshi2:before {
  content: "\e65a";
}

.qico-ren3:before {
  content: "\e6c9";
}

.qico-img:before {
  content: "\e67a";
}

.qico-time:before {
  content: "\e658";
}

.qico-diqiu1:before {
  content: "\e657";
}

.qico-quality:before {
  content: "\e656";
}

.qico-jiejuefanganchi:before {
  content: "\e654";
}

.qico-tuandui:before {
  content: "\e652";
}

.qico-gongsiguanli:before {
  content: "\e651";
}

.qico-left9:before {
  content: "\e64f";
}

.qico-right9:before {
  content: "\e650";
}

.qico-down13:before {
  content: "\e699";
}

.qico-down12:before {
  content: "\e647";
}

.qico-up12:before {
  content: "\e649";
}

.qico-down9:before {
  content: "\e64c";
}

.qico-down7:before {
  content: "\e64d";
}

.qico-jiahao:before {
  content: "\e646";
}

.qico-aixin2:before {
  content: "\e6fb";
}

.qico-aixin:before {
  content: "\e6a1";
}

.qico-ren2:before {
  content: "\e65b";
}

.qico-nashui:before {
  content: "\e645";
}

.qico-zuanshi:before {
  content: "\e606";
}

.qico-logozhuanhuan:before {
  content: "\e632";
}

.qico-left4:before {
  content: "\e6060";
}

.qico-up6:before {
  content: "\e642";
}

.qico-list:before {
  content: "\e61a";
}

.qico-vk:before {
  content: "\e8fa";
}

.qico-gongsi:before {
  content: "\e6e1";
}

.qico-zichan:before {
  content: "\e818";
}

.qico-yuangong:before {
  content: "\e641";
}

.qico-cart:before {
  content: "\e640";
}

.qico-ren:before {
  content: "\e686";
}

.qico-detail2:before {
  content: "\e636";
}

.qico-cad1:before {
  content: "\e637";
}

.qico-detail:before {
  content: "\e63a";
}

.qico-cad2:before {
  content: "\e7bd";
}

.qico-chakan:before {
  content: "\e698";
}

.qico-down5:before {
  content: "\e696";
}

.qico-up5:before {
  content: "\e697";
}

.qico-rongyu:before {
  content: "\e630";
}

.qico-jingyan:before {
  content: "\e631";
}

.qico-rongyu1:before {
  content: "\e634";
}

.qico-left8:before {
  content: "\e766";
}

.qico-right8:before {
  content: "\e62e";
}

.qico-share2:before {
  content: "\e62c";
}

.qico-product:before {
  content: "\e6aa";
}

.qico-card:before {
  content: "\e62d";
}

.qico-pdf2:before {
  content: "\e64b";
}

.qico-return4:before {
  content: "\e629";
}

.qico-top:before {
  content: "\e724";
}

.qico-weibo:before {
  content: "\e61d";
}

.qico-video2:before {
  content: "\e6fd";
}

.qico-video:before {
  content: "\e63f";
}

.qico-left6:before {
  content: "\e61c";
}

.qico-right6:before {
  content: "\e626";
}

.qico-right7:before {
  content: "\e628";
}

.qico-left7:before {
  content: "\e62b";
}

.qico-email:before {
  content: "\e74b";
}

.qico-return:before {
  content: "\e619";
}

.qico-return2:before {
  content: "\e6cc";
}

.qico-search3:before {
  content: "\e741";
}

.qico-plus2:before {
  content: "\e639";
}

.qico-star:before {
  content: "\e624";
}

.qico-buy-car:before {
  content: "\e618";
}

.qico-feiji1:before {
  content: "\e84d";
}

.qico-feiji2:before {
  content: "\e638";
}

.qico-download3:before {
  content: "\e611";
}

.qico-lianjie:before {
  content: "\e610";
}

.qico-gou:before {
  content: "\e64a";
}

.qico-daili:before {
  content: "\e620";
}

.qico-comments3:before {
  content: "\e60f";
}

.qico-comments2:before {
  content: "\e622";
}

.qico-tumblr:before {
  content: "\e64e";
}

.qico-blogger:before {
  content: "\e63b";
}

.qico-share:before {
  content: "\e633";
}

.qico-comments:before {
  content: "\e616";
}

.qico-skype1:before {
  content: "\e63e";
}

.qico-search:before {
  content: "\e60d";
}

.qico-xiang:before {
  content: "\e71a";
}

.qico-feiji:before {
  content: "\e704";
}

.qico-gongju:before {
  content: "\e679";
}

.qico-wenjian:before {
  content: "\e60e";
}

.qico-diqiu:before {
  content: "\e621";
}

.qico-email-on:before {
  content: "\e61b";
}

.qico-hezuo:before {
  content: "\e63d";
}

.qico-weixin1:before {
  content: "\e67b";
}

.qico-right5:before {
  content: "\e60c";
}

.qico-left5:before {
  content: "\e625";
}

.qico-down6:before {
  content: "\e615";
}

.qico-right4:before {
  content: "\e888";
}

.qico-pdf:before {
  content: "\e60b";
}

.qico-jilu:before {
  content: "\e66b";
}

.qico-book:before {
  content: "\e673";
}

.qico-up4:before {
  content: "\e7ef";
}

.qico-down4:before {
  content: "\e7f0";
}

.qico-up3:before {
  content: "\e7f1";
}

.qico-down3:before {
  content: "\e7f2";
}

.qico-minus:before {
  content: "\e7fd";
}

.qico-plus:before {
  content: "\e7fe";
}

.qico-right3:before {
  content: "\e65f";
}

.qico-left3:before {
  content: "\e660";
}

.qico-link:before {
  content: "\e62f";
}

.qico-down2:before {
  content: "\e61e";
}

.qico-up2:before {
  content: "\e623";
}

.qico-right2:before {
  content: "\e609";
}

.qico-left2:before {
  content: "\e617";
}

.qico-download:before {
  content: "\e614";
}

.qico-download2:before {
  content: "\e608";
}

.qico-skype:before {
  content: "\ebf6";
}

.qico-facebook:before {
  content: "\e6a5";
}

.qico-whatsapp:before {
  content: "\e7e7";
}

.qico-twitter:before {
  content: "\e902";
}

.qico-instagram:before {
  content: "\e664";
}

.qico-weixin:before {
  content: "\e6b5";
}

.qico-linkedin:before {
  content: "\e6ce";
}

.qico-youtube1:before {
  content: "\e9ca";
}

.qico-pinterest:before {
  content: "\e8ab";
}

.qico-youtube:before {
  content: "\e607";
}

.qico-behance:before {
  content: "\e670";
}

.qico-fax2:before {
  content: "\e874";
}

.qico-fax:before {
  content: "\e6a6";
}

.qico-address2:before {
  content: "\e627";
}

.qico-guanbi1:before {
  content: "\e723";
}

.qico-jia:before {
  content: "\e727";
}

.qico-jian:before {
  content: "\e729";
}

.qico-guanbi:before {
  content: "\e674";
}

.qico-right:before {
  content: "\e7eb";
}

.qico-left:before {
  content: "\e7ec";
}

.qico-erweima:before {
  content: "\e604";
}

.qico-address:before {
  content: "\e61f";
}

.qico-shouji2:before {
  content: "\e60a";
}

.qico-wode:before {
  content: "\e7d8";
}

.qico-qq:before {
  content: "\eaf8";
}

.qico-ie:before {
  content: "\e667";
}

.qico-kefu2:before {
  content: "\e601";
}

.qico-kefu4:before {
  content: "\e62a";
}

.qico-tel3:before {
  content: "\e602";
}

.qico-tel4:before {
  content: "\e643";
}

.qico-kefu:before {
  content: "\e644";
}

.qico-kefu3:before {
  content: "\e612";
}

.qico-up:before {
  content: "\e600";
}

.qico-down:before {
  content: "\e66f";
}

.qico-sort:before {
  content: "\e603";
}

.qico-home:before {
  content: "\e635";
}

.qico-tel2:before {
  content: "\e655";
}

.qico-tel:before {
  content: "\e613";
}

.qico-youxiang:before {
  content: "\e605";
}

.qico-caidan:before {
  content: "\e653";
}


*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0; font-family:'Microsoft YaHei',sans-serif, Arial;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-style: normal;}
html,body{width:100%; position:relative;height:100%!important;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

*, ::after, ::before {
	box-sizing: border-box;
}


/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#084ba1;}


/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1400{ width:70%;margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{padding: 0 6%; box-sizing: border-box;}


.gizle {
  top: 0px;

}
.sabit {
  top:0px;
  z-index: 9999;
  background:#000;
}
.sabit2{
  background:#000;
}
.tops{height:90px;z-index: 99999; position:fixed;width: 100%;  background: #fff;} 
.top_jg_bj{width:100%; padding:15px 0; background: rgba(28,28,28,1);}
.top_jg{color:#fff; text-align:center; font-size:26px; line-height:30px; font-weight:bold; }

.black{background: #000;}

.top_bg{-webkit-transition: 0.5s;transition: 0.5s;height: 90px;position: relative;}
.top_h{}
.top_h .logo{margin-top:1%;}
.top_h .logo img{display: block;-webkit-transition:0.5s;transition:0.5s;display: none; height:55px;}
.top_h .logo img.bs{display: block;}
.logo_txt {font-size:28px; color: #000;  text-align: left; margin:1% 0% 0;padding-left: 0.5%;float: left;font-weight: bold;border-left: 1px solid #ccc;}
.logo_txt span{font-size:40px; color:#084ba1; line-height: normal;}

.dh_tx{position: absolute;top:0;}
/* .dh_tx i{position: absolute;top: 0; height:65px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 0.3rem;bottom: 0;right: 0.3rem; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #fff;}
 */
.share{ margin-top: 1.3%;}
.share a{margin:0 4px;}
.share i{color: #fff;font-size: 20px;padding: 6px;border: 1px solid #084ba1;border-radius: 50%;}
.share a:hover i{background:#084ba1;color: #fff;}


.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 90px;font-size:17px;position: relative;color: #333;margin: 0 0.2rem;-webkit-transition:0.5s;transition:0.5s; text-transform: uppercase; font-weight:400;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li p:after{content:""; width:0; height:3.3px; transform:translateX(-50%); background:#084ba1; position:absolute; bottom:0px; left:50%; z-index:3; transition:all 0.5s;}
.dh ul li p:hover:after{width:80%;}

.dh ul li .dh_fl{position: absolute;top: 90px;display: none;}/* width: 100%; */
.dh ul li .dh_fl ul{box-shadow:0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0,0,0,0.4); border-radius: 8px;}
.dh ul li .dh_fl ul li{float: none;position: relative; text-align: center;}
.dh ul li .dh_fl ul li a{padding: 0 0.2rem;font-size:14px;line-height:30px;color: #fff; text-transform: uppercase;white-space: nowrap;}
/* .dh ul li .dh_fl ul li a{padding: 0 0.2rem;font-size: 15px;line-height: 36px;color: #fff;display: flex;justify-content: space-between;align-items: center;}*/ 
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 15px;color: #ccc; display:none;}
.dh ul li .dh_fl ul li a:hover{color:#fff;}
.dh ul li .dh_fl ul li a:hover i{color:#fff;}
.dh ul li .dh_fl ul li:hover{background:#084ba1; color: #fff; display: block;}
.dh ul li .dh_fl ul li:nth-child(1):hover{border-radius:8px 8px 0 0;}
.dh ul li .dh_fl ul li:last-child{border-bottom: none;}
.dh ul li .dh_fl ul li:last-child:hover{border-radius:0 0 8px 8px;}
/* .dh ul li:nth-child(3) .dh_fl{width:600px; }
.dh ul li:nth-child(3) .dh_fl ul{overflow: hidden;}
.dh ul li:nth-child(3) .dh_fl ul li{width: 50%; float: left; text-align: left;}
.dh ul li:nth-child(4) .dh_fl{left:-1%;} */

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:90px;font-size: 20px;line-height: 90px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.top_yy{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 17px;line-height:90px;color: #333;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top:40px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 90px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666 !important;text-align: center;}
.top_yy_xl a:hover{color: #084ba1 !important;}

/* .top_yy{margin-top:35px;margin-left: 0.3rem; text-align:center;color: #fff;-webkit-transition:0.5s;transition:0.5s;}
.top_yy a{font-size: 18px;line-height:32px; color: #fff; font-weight: 400;}
.top_yy a:hover{ color:#084ba1;} */

/* .top_bg.on{background: #000;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} */
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #084ba1;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li.on p a{color: #084ba1;}
.top_bg.on .dh ul li:hover p a{color: #084ba1;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_yy{color: #fff;}
.top_bg.on .top_yy a{color: #fff;}
.top_bg .dh ul li.on p a{color: #084ba1; font-weight: 600;}



.sp_header,.sjj_nav{display: none}


.banner{ width:100%; overflow:hidden;position:relative; padding-top: 90px;}
.banner ul li a{display: block;height:auto;}
.banner ul li .img{overflow: hidden;height:auto;}
.banner ul li .img img{display:block;width:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left:8%;bottom:33%;}
.banner ul li .txt2{position: absolute;left:20%;bottom:22%;}
.banner ul li .txt .ml1{font-size:40px;line-height: 36px;color: #084ba1;font-weight: bold; letter-spacing: 2px;}
.banner ul li .txt .ml2{font-size:26px;line-height: 36px;color: #555;margin-top:3%;}
.banner ul li .txt .ml3{font-size: 18px;line-height: 24px;color: #fff;margin-top: 20px;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:#334a8d;opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#ac2430;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #ac2430;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

.abou2a,.abou2aac ul,.about3,.abo4a,.abo4aab ul,.abo4aaba,.abo5,.abo6bb ul,.abo7b ul,.abo7ba{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
/*关于我们1*/
#about{overflow: hidden;position: relative;}
.about{padding:3% 6%;position: relative;justify-content: space-between; display: flex; align-items: center; background: url(../img/aboutbg.jpg) no-repeat; background-size: cover;}
.aboutabc{position:absolute;top:28%;left:6%;font-size:340px;color:#ccc;font-weight: bold;opacity: 0.2;}
.abouta{width: 45%;position: relative;z-index: 1;}
.aboutaa{}
.aboutaa p{color:#9d9d9d;position:relative;padding-left:40px;margin:10px 0 10px;display: inline-block;}
.aboutaa p:after{content:'';width:30px;height:1px;background: #9d9d9d;display:block;position:absolute;left:0;top:48%;}
.aboutaa h4{font-size:40px;font-weight: bold;color:#333;}
.aboutab{line-height:32px;color:#444;margin:4% 0; font-size: 16px;}

.aboutb{position:relative;z-index: 1;width:35%;}
.aboutb img{width:100%;border-radius: 10px;overflow:hidden;}
.aboutba{position:absolute;top:50%;transform: translate(-50%,-50%);width:500px;height:300px;}
.aboutba video{width:100%;height:100%;}
.gro{display: block; width:120px; line-height:30px; background: #d0d0d0; text-align: center; font-size: 13px; color: #fff; border-radius: 21px; margin-top: 6%; transition: all 1s ease;}
.gro a{color: #222 !important;}
.gro:hover{color: #fff !important; margin-left: 14px; background: #efa55a;}

.index-section{padding:4% 0;overflow:hidden;background: url(../img/zj_bg.jpg) no-repeat; background-size: cover;}
.col-md-3{width:25%; float: left;}
.title1{ text-align: center; margin-bottom: 3%;}
.title1 span{ font-size: 40px;}
.title1 span em{ color: #084ba1; font-weight: 600;}
.title1 p{ font-weight: 500; font-size: 16px; color: #777; margin-top: 3px;}
.row-pro-center{margin:0 -10px; overflow: hidden;}
.row-pro-center>div{padding:10px; box-sizing: border-box;}
.pro-center{margin:0 auto;position:relative;overflow:hidden;border: 1px solid #ccc;height:auto; background: #fff;}
.pro-popover{position:absolute;top:100%;height:100%;padding:40px;left:0;right:0;z-index:19;transition:.4s all;display:flex;align-items:center;justify-content:center;flex-direction:column}
.pro-popover>*{width:100%}
.pro-center::after{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;content:'';transition:.4s all;visibility:hidden;background-color:rgba(33,90,168,.9);opacity:0}
.pro-center .pic{margin-bottom:20px}
.pro-center .pic img{width: 100%;  display: block;}
.pro-info{text-align:center;margin:5%;transition:.4s all}
.pro-info .title{position:relative;line-height:1.2;padding-bottom:6%;margin-bottom:6%;font-size:22px}
.pro-info .title::after{width:20px;height:2px;content:'';background-color:#084ba1;position:absolute;bottom:0;left:50%;margin-left:-10px}
.pro-info .desc{font-size:15px;color:#666;overflow:hidden;line-height:28px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pro-center:hover::after{visibility:visible;opacity:1}
.pro-center:hover .pro-popover{top:0}
.pro-popover .title{text-align:center;position:relative;line-height:1;font-size:26px;padding-bottom:15px;margin-bottom:20px;color:#FFFFFF}
.pro-popover .title::after{width:20px;height:2px;content:'';background-color:#FFFFFF;position:absolute;bottom:0;left:50%;margin-left:-10px}
.pro-link-list li{margin-bottom:6px}
.pro-link-list li a{position:relative;display:block;height:34px;color:#FFFFFF;line-height:32px;padding:0 20px;border-radius:3px;border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.26)}
.pro-link-list li a:hover{border:1px solid rgba(255,255,255,.8)}
.pro-link-list li a::after{position:absolute;right:10px;top:10px;line-height:1;color:#FFFFFF;content:"\e826";font-family:"iconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pro-foot .btn{width:48%;}
.pro-foot{overflow:hidden;padding-top:15px}
.pro-foot .btn-online{float:left;border:1px solid #FFFFFF;color:#fff; text-align: center; text-align: center; padding: 4%; font-size: 14px; border-radius: 6px; box-sizing: border-box;}
.pro-foot .btn-more{float:right;border:1px solid #ee8627;background-color:#ee8627;color:#fff; text-align: center; padding: 4%; font-size: 14px; border-radius: 6px; box-sizing: border-box}
.btn .t,.btn .icon-right,.btn .icon-bofang{display:inline-block;transition:all .4s ease}
.btn:hover .icon-right{transform:translateX(2px)}
.btn:hover .icon-bofang{transform:translateX(2px)}
.btn:hover .t{transform:translateX(-2px)}
.btn-text .t,.btn-text .icon-right{display:inline-block;transition:all .4s ease}
.btn-text:hover .icon-right{transform:translateX(6px)}
.btn-text:hover .t{transform:translateX(-2px)}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

.bg{ width: 100%;}
.padv{}
.padv_bg{background:#f5f5f5; width: 100%; overflow: hidden; padding: 5% 0;}
.padv_t{text-align: center; margin-bottom: 3%;}
.padv_t p{font-size:60px;color:#334a8d;font-weight:bold;font-style:italic;letter-spacing:2px;margin-top:0px; line-height: 60px;}
.padv_t d{color:#f00}
.padv_t dd{color: #666;font-size: 18px;line-height: 30px; margin-top:1%;}
.padv_cont{width:100%;display:flex;align-items:center;justify-content:space-between}
.padv_img{border-radius:50%}
.padv_img img{border-radius:50%}
.padv_c{padding:2%;position:relative;z-index:999}
.padv_c:after{content:'';width:100%;height:100%;display:block;position:absolute;background:url(../img/20210730162404_1677451065.png)no-repeat center;background-size:100%;left:0;top:0;animation:rotate 10s linear infinite}
@keyframes rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}.padv_cont li{width:100%;display:block}
.padv_cont li i{width:75%;display:block;background:#334a8d;position:relative;filter:drop-shadow(0px 1px 0px #334a8d);font-style:normal;line-height:60px;color:#fff;text-align:center;font-size:24px}
.padv_l,.padv_r{display:grid;align-items:flex-start;height:auto}
.padv li i:after{z-index:-1}
.padv li p{font-size:16px;color:#666;line-height:30px;margin-top:5px}
.padv_l li+li,.padv_r li+li{margin-top:16%}
.padv_l li:nth-child(1) i:after{content:'';width:502px;height:86px;background:url(../img/20210730164101_1081791588.png)no-repeat center;display:block;position:absolute;top:30px;left:150px}
.padv_l li:nth-child(2) i:after{content:'';width:502px;height:1px;background:#334a8d;display:block;position:absolute;left:0px;top:30px}
.padv_l li:nth-child(3) i:after{content:'';width:502px;height:86px;background:url(../img/20210730164101_1081791588.png)no-repeat center;display:block;position:absolute;top:-55px;left:150px;transform:rotateX(180deg)}
.padv_r li:nth-child(1) i:after{content:'';width:502px;height:86px;background:url(../img/20210730164101_1081791588.png)no-repeat center;display:block;position:absolute;top:30px;left:-440px;transform:rotateY(180deg)}
.padv_r li:nth-child(2) i:after{content:'';width:502px;height:1px;background:#334a8d;display:block;position:absolute;right:200px;top:30px}
.padv_r li:nth-child(3) i:after{content:'';width:502px;height:86px;background:url(../img/20210730164101_1081791588.png)no-repeat center;display:block;position:absolute;top:-55px;left:-440px;transform:rotateX(180deg) rotateY(180deg)}
.padv_r li i{float:right}
.padv_r li p{float:right;text-align:right}
.pro_adv_s{width:450px;margin:0 auto;margin-top:40px;overflow:hidden}
.pro_adv_s_img{float:left;width:48px;height:48px;padding-right:17px;border-right:solid 1px #999;margin-top:5px;background:url(//memberpic.114my.cn/dgrzpom/uploadfile/image/20181120/20181120175314_2023023811.png) no-repeat left center}
.pro_adv_s_m{float:left;width:240px;padding-left:18px;overflow:hidden}
.pro_adv_s_mm{font-size:18px;line-height:26px;color:#666}
.pro_adv_s_ms{font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:30px;font-weight:bold}
.pro_adv_s_a{float:right;width:125px;height:50px;line-height:50px;text-align:center;background:#f00;box-shadow:0 0 33px #a72900 inset}
.pro_adv_s_a a{font-size:18px;color:#fff}
.pro_adv_s_a a:hover{color:#fff}

.home-news-container{padding-bottom:.5rem;}
.home-product-head{display:flex;justify-content:space-between;align-items:flex-end;}
.home-pro-b{font-family:D-DIN-Bold;color:#dfebfa;transform:translateY(50%);z-index:1;background-image:linear-gradient(to top,rgba(255,255,255,0),#dfebfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size: 70px; line-height: 80px;}
.home-product-title{position:relative;}
.home-product-container{padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-product-title .s46{font-family:SourceHanSansCN-Medium;color:#333333;margin-bottom:.2rem;position:relative;line-height:1;z-index:2; font-size: 36px; font-weight: 600;}
.home-product-title .s20{font-family:'SourceHanSansCN-Normal';color:#333333;position:relative;z-index:2;}
.home-product-link{display:flex;margin-top:.5rem;}
.home-product-link a{transition:.3s all;}
.home-product-link .s16{display:block;background-color:#334a8d;padding:.15rem .25rem; margin-left: 0.1rem;}
.home-product-link .s16:hover{background-color:#ac2430;}
.home-product-link .s16 span{font-family:SourceHanSansCN-Regular;color:#ffffff; font-size: 16px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.home-product-link .s16 span:first-child{}
.home-news-wrap{display:flex;justify-content:space-between;}
.home-news-left{width:calc(940 / 1680 *100%);}
.home-news-left-list{display:flex;justify-content:space-between;height:100%;}
.home-news-item{height:100%;display:block;width:calc(445 / 940 *100%);background-color:#f8f8f8;}
.home-news-img{overflow:hidden;}
.home-news-img img{transition:all .3s; width: 100%; display: block;}
.home-news-item:hover .home-news-img img{transform:scale(1.1);transition:all .5s;}
.home-news-item:hover .home-news-word .s22{color:#334a8d;}
.home-news-word{padding:.2rem;}
.home-news-word .s18{font-size: 18px;color:#888888;}
.home-news-word .s22{font-size: 22px;color:#333333;line-height:1.5;margin:.1rem 0;transition:all .3s;}
.home-news-word .s16{color:#888888;line-height:1.6; font-size:16px;}
.home-news-list{padding: 3% 0; overflow: hidden;}
.hnr-item-p{width:90%;}
.hnr-item-p .s18{font-size: 18px;color:#888888;}
.hnr-item-p .s20{font-size:22px;color:#333333;margin:.1rem 0;transition:all .3s;}
.hnr-item-p .s16{font-size: 16px;color:#888888;line-height:1.6; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.hnr-item{display:flex;margin-bottom:.25rem;/* align-items:center;*/
 justify-content:space-between;}
.home-news-right{/* height:100%;*/
 width:calc(690 / 1680 *100%);padding:.35rem;background-color:#f8f8f8;}
.hnr-item::before{display:block;content:'';opacity:.5;width:7px;height:7px;background-color:#b9cae7;margin-top:.38rem;flex-shrink:0;/* margin-right:.35rem;*/
 transition:all .3s;}
.hnr-item:hover .hnr-item-p .s20{color:#334a8d;}
.hnr-item:hover::before{background-color:#334a8d;opacity:1;}
.home-news-select .s16.active{background-color:#ac2430;}
.home-news-wrap-a{display:none;}
.home-news-wrap-a:first-child{display:block;}

.foot{background:#2a2929;padding:3% 0;color:#fff;line-height:1; overflow: hidden;}
.foot h3{color:#fff;font-size:20px}
.foot span{color:#fff}
.foot-lxfs{width:33%;position:relative;float:left;margin-left:3%}
.foot-lxfs .fmbt{color:#fff;opacity:0.7;font-size: 20px;}
.foot-nav:before{content:'';width:1px;height:260px;background:#464856;position:absolute;right:0;top:-10px}
.foot-lxfs .main{margin-top:6%}
.foot-lxfs .main li{width:100%;height:35px;margin-bottom:15px;box-sizing:border-box;padding-left:43px;background:no-repeat left center;display:inline-block}
.foot-lxfs .main li .t{font-size:14px}
.foot-lxfs .main li .m{font-size:16px;color:#e0e2ed;margin-top:5px;opacity:0.5}
.foot-lxfs .main li:nth-child(1){background-image:url(../img/foot-lxfs-icon1.png)}
.foot-lxfs .main li:nth-child(2){background-image:url(../img/foot-lxfs-icon3.png)}
.foot-lxfs .main li:nth-child(3){background-image:url(../img/foot-lxfs-icon4.png)}
.foot-lxfs .main li:nth-child(4){background-image:url(../img/foot-lxfs-icon4.png)}
.foot-lxfs .main li:nth-child(5){background-image:url(../img/foot-lxfs-icon4.png)}
.foot-nav{float:left; width:42%;}
.foot-nav .main{float:left;margin-right:8%}
.foot-nav .main .fmbt{color:#fff;opacity:0.7;font-size: 20px;}
.foot-nav .main hr{width:18px;height:4px;background:#a4a6b3;border:none;margin: 15%  0}
.foot-nav .main:nth-child(2) hr{margin:5% 0;}
.foot-nav-link li{display:block;line-height:30px}
.foot-nav-link li a{color:#e0e2ed;opacity:0.5; font-size: 14px;}
.foot-nav-link li a:hover{color:#13a5e0;opacity:1}
.foot-wx{float:right;text-align:center;box-sizing:border-box;padding-top:15px; width: 20%;}
.foot-wx ul{}
.foot-wx li{width: 48%; float: left; margin-right: 2%;}
.foot-wx .febt{color:#e0e2ed;opacity:0.5;padding-top:15px;font-size:17px}
.foot-wx img{width:80%;margin:0 auto}
.foot .content1{color:#e0e2ed; overflow: hidden;}


.footer-secondary{ width: 100%; padding: 1% 0; display: inline-block; background: #222; border-top: 1px solid rgba(255,255,255,0.2);}
.flogobox{overflow: hidden; margin: auto;}
.flogoimg{margin-bottom: 2%;}
.flogoimg img{max-width: 100%; height: auto; margin: auto; display: block;}
.foot-code-form{height: auto;overflow: hidden;position: relative; margin: 0 auto; width: 30%;}
.foot-code-form input{display: block;width: 100%;height: 48px;line-height: 48px;border: none;outline: none;background-color: #fff;padding-left: 15px;padding-right: 100px;color: #999;font-size: 15px;}
.foot-code-form button{display: block;width: 100px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 15px;text-transform: uppercase;border: none;outline: none;cursor: pointer;background-color: #084ba1;position: absolute;top: 0;right: 0;}
.copyright{  color: #fff; font-size: 14px; text-align: center; }


.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#084ba1;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../img/right_pic1.png)}
.side ul li .kfdh {
  position: absolute;
  right:79px;
  top: 0px;
  width: 170px;
  text-align: left;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
  box-sizing: border-box;
}

.side ul li:hover .kfdh {
  visibility: visible;
  opacity: 1;
}

.side ul li .weixi {
  position: absolute;
  right:79px;
  top: 0px;
  width: 150px;
  text-align: center;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
}
.side ul li .weixi img{width: 100%; display: block; clear: both; margin: auto;}

.side ul li:hover .weixi {
  visibility: visible;
  opacity: 1;
}

.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#084ba1;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/wmiss.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son2{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/code.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#512E90;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#512E90;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .son2{display:block!important;animation:fadein 1s}


/*内页代码*/
.banner_ny{overflow: hidden;}
.banner_ny img{width: 100%; display: block;}
/*当前位置*/
.sun-navs{width: 100%; height: 55px; background-color: rgba(0, 0, 0, 0.75); position: absolute; margin-top: -55px; }
.sun-navs ul{text-align: center; font-size: 0;}
.sun-navs ul li{display: inline-block; padding: 0 2%; text-align: center; font-size: 16px; color: #fff; line-height: 55px; cursor: pointer; transition: all .5s ease; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
.actives{background-color: #084ba1; color: #fff !important;}
.sun-navs ul li:hover{background-color: #084ba1; color: #fff;}



/*关于我们*/
.b-ab ul,.b-abj,.i-cou,.view-page,.i-techa ul,.i-fs ul,.i-prods li,.i-pos ul,.i-pot,.i-potb .owl-nav,.b-abos,.b-jj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.b-abkk{padding: 0.8rem 0;background: url("../img/0f1bj2_03.jpg") bottom center no-repeat;}
.b-abj{justify-content: space-between;margin:auto;width:100%;}
.b-abt{width:48%;transition-delay: 0.8s;}
.b-abt img{width:100%;}
.b-about{width: 47%;padding-top: 30px;}
.b-abou{font-size:36px;}
.b-abou p{font-size:20px;position:relative;transition-delay: 0.9s;}
.b-abou p:after{content:'';position:absolute;top:0;left:-25px;width:20px;height:20px;background:url("../img/it1.png") center no-repeat;background-size:100%;object-fit: cover; }
.b-abou .cnbt{transition-delay: 1s; color: #333; line-height: 40px; font-weight: 600; font-size:36px;}
.b-abo{font-size:16px;line-height:28px;text-indent: 2em;color: #666e80;margin:2% auto 0px;padding-top: 2%;border-top:2px solid #e6e8ed;transition-delay: 1.1s;}

.b-abos{justify-content: space-between;margin-top:2%;background:rgb(240, 242, 247)}
.b-abxx{width:100%;margin:0 auto ;padding:3% 0;}
.b-abxxa{width:65%;position:relative;}
.b-abxxa img{width:100%;position:relative;z-index:1; display: block;}
.b-abxxb{width:30%;}
.b-abxxba{width:50px;height:3px;background:#084ba1;margin:3% 0;}
.b-abxxbb{font-size:24px;line-height:32px;font-weight: bold;color:#084ba1;}
.b-abxxbb p{font-size:18px;line-height:28px;color:#555; font-weight: 400; margin-top:1%;}


.index-data2{ margin-top:4%;}
.index-data2 ul{display: flex;}
.index-data2 ul li{text-align: center; flex-shrink: 0; width:18%; padding: 2% 0; box-sizing: border-box;}
.index-data2 ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;transform: translate(0%, -50%);transition: all .4s;}
.index-data2 span{display: block;color: #084ba1; text-align: center; margin: 0 auto 10% auto;}
.index-data2 span img{margin: auto; display: block; clear: both;height:60px;}
.index-data2 .data{display: inline-block;font-size:28px;line-height:46px;color: #333; font-weight: 600;}
.index-data2 small{font-size:20px;color: #333;}
.index-data2 p{margin-top:5%;color: #555; font-size:16px; font-weight: 300;}


.ldip{background:#f5f5f5; padding:3% 0; overflow: hidden;}
.ldip .swiper-father{position: relative; overflow: hidden;}
.ldip .index_gc{padding-top: 3%;}
.ldip .index_gc .swiper-slide{}
.ldip .index_gc .swiper-slide img{width: 99%; border: 1px solid #ccc}
.ldip .index_gc .swiper-slide p{font-size: 15px;text-align: center;line-height: 30px;padding:10px 0; color: #222;}
.ldip .swiper-father .swiper-button-next,.ldip .swiper-father .swiper-button-prev{width: 45px;height: 45px;text-align: center;box-sizing: border-box;}
.ldip .swiper-father .swiper-button-next i,.ldip .swiper-father .swiper-button-prev i{ line-height: 45px }
.ldip .swiper-father .swiper-button-next i img,.ldip .swiper-father .swiper-button-prev i img{vertical-align: middle; width: 100%;}
.ldip .swiper-father .left{right: 0;outline: medium; background:rgba(0,0,0,0.65);}
.ldip .swiper-father .right{left: -0;outline: medium; background:rgba(0,0,0,0.65);}
.ldip .swiper-father .left:hover i,.ldip .swiper-father .right:hover i{color: #084ba1;}
.ldip .swiper-pagination-bi{position: absolute;bottom:-15px;z-index: 11;text-align: center; width: 100%;}
.ldip .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.ldip .swiper-pagination-bullet{width: 12px;height:12px;background: #bbb;border-radius: 10px}
.ldip .swiper-pagination-bullet-active{background: #084ba1;opacity: 1;}
.ldip .swiper-father .swiper-button-next::after,.ldip .swiper-father .swiper-button-prev::after{display: none;}


.ny_about{width: 100%; padding:3% 0; overflow: hidden;}


.news-first{display:flex;margin-bottom:4%;border-radius: 16px;transition:all 0.4s;background:#f7f7f7;overflow:hidden}
.news-first:hover{background:#fff;box-shadow:0 0 15px #ccc;overflow:hidden}
.news-first .img{display:block;width:50%;flex-shrink:0}
.news-first .img img{width:100%; display: block;}
.news-first .info{display:block;width:50%;padding:3%; box-sizing: border-box;}
.news-first .info .time{font-size: 18px; margin-bottom: 2.2%;}
.news-first .info .time .icon{font-size: 18px;}
.news-first .info .title{display:block;margin-bottom:2rem;transition:all 0.4s; font-size: 28px; margin-bottom: 5.6%; line-height: 40px;}
.news-first:hover .info .title{color:#084ba1}
.news-first .info .title:hover{color:#084ba1}
.news-first .pre{font-size: 14px; line-height: 26px;}
.news-first .btn{display:inline-block;padding: 0 4%;margin-top: 5.7%;font-size: 15px;line-height: 41px;color:#fff;border-radius:2em;background:#084ba1;transition:all 0.4s}
.news-first .btn:hover{padding:0 2.5em;background:#084ba1}

.news-ul{margin: 0 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 30px 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: auto; display: block;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:3%;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt2{width:calc(100% - 50px);padding-left:20px}
.news-txt2-title{font-size:16px;color:#333;font-weight:700;margin-bottom:2%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt2 p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more2{position:absolute;z-index:0;width:100%;background:#084ba1;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more2 i{display:block;background:url("../img/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}

/*人才招聘详细*/
.about_x2.bgs2{overflow:hidden; margin-bottom: 28px;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#222;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:3%;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}
.about_x2.bgs2 .con_id img{margin: auto; display: block;}


.news_ny{width: 100%;padding: 30px 0 65px;background: #f5f5f5;overflow: hidden;}
.news_ny-list{width: 100%;}
.news-ul{margin: -15px 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 30px 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: auto; display: block;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:22px;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt{width:calc(100% - 50px);padding-left:20px}
.news-txt-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more{position:absolute;z-index:0;width:100%;background:#084ba1;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../img/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:50px;right:0; text-align:center;background:#084ba1;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; width:150px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden; margin-top: 2%;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#084ba1;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:2% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #084ba1}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}




.contact_content{width: 100%;background: #fff;}
.mte_pic2duct-title { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600;}
.mte_pic2duct-title2 { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600; text-align: center;}

.col_infos {width: 48.5%; float:left;background: #fff;padding:0; margin-top: 1.8%;}
.col_infos .cotit{color: #084ba1; font-size:28px; line-height: 1.75; padding-bottom:1%;font-family: 'Poppins';}

.cont_ico{overflow: hidden;}
.cont_ico h3{font-size: 20px;line-height: 1.75;color:#000;margin-bottom: 16px;font-weight: normal;font-family: 'Poppins';}
.cont_ico ul{ padding-top:15px; overflow: hidden;}
.cont_ico ul li{ position: relative; padding-left: 50px; font-size: 16px; line-height: 25px; color:#333; margin-bottom:3%; font-family: 'Poppins'}
.cont_ico ul li .t-cell{ display: table-cell; height: 36px; vertical-align: middle; }
.cont_ico ul .icons{ height: 36px; width: 36px; position: absolute; left: 0; display: flex; background: #084ba1; border-radius: 50%; align-items:center;}
.cont_ico ul li img{width: 18px; height: 18px; margin: 0 auto; display: block; vertical-align: middle;}
.cont_ico ul li:last-child p{width:30%; float: left; margin-right: 3%;}
.cont_ico ul li:last-child p img{width:60%; display: block; height: auto; float: left;}

.col_feb {width: 47.5%; float:right;padding:3% 5%; text-align: left; border-radius: 10px; background: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%);}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:12px;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; font-family: 'Poppins'; font-weight: 300;margin-bottom:3%; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 48%;}
.co_onr ul li span{display: block; font-size: 16px;color: #333; font-family: 'Poppins'; font-weight: 300; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #e7e3e3;width: 100%;line-height: 42px;height: 42px;background: #fff;padding: 0 15px;border-radius: 4px;}
.co_onr ul li.mal{ margin-left:2%; margin-bottom: 15px;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height: 100px;width: 100%;outline: none;border: 1px solid #e7e3e3;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; font-family: 'Poppins';}
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #084ba1;  border-radius: 6px;}

.map{width: 100%; padding-top: 55px; overflow: hidden;}
.map #map_container{height: 550px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}


.menuBox{background:#f7f7f7;height:auto;line-height:60px;font-size:16px; overflow: hidden; color: #333;}
.menuBox img{display: inline-block; vertical-align: middle; margin-right: 5px; }
.menuBox a{color: #444;}
.menuBox p{font-size: 15px; color: #444;}
.listMenu{font-size: 16px;}
.listMenu a{display:inline-block;position:relative;color:#555;margin-left:30px; }
.listMenu a:hover,.listMenu .cur{color:#084ba1;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#084ba1;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#084ba1;border:1px solid #084ba1;color:#fff;}


.product-left{width:22%;float:left;}
.menu_list{padding:5%;border: 1px solid #e7e7e7;border-radius:15px;box-shadow: 0px 0px 10px 0px rgba(2, 0, 0, 0.1);}	
.menu_head{border-bottom:1px solid #e7e7e7;cursor:pointer;position:relative;margin:0px;background:url(../img/pro_left.png) center right no-repeat;padding-bottom:10px;margin-bottom:20px;font-size:15px;}
.menu_list .current{background: url(../img/pro_down.png) center right no-repeat;}
.menu_list .current a{color:#084ba1; font-weight: 600;}
.menu_body{height:auto;overflow:hidden;padding:10px;}
.menu_body a{display:block; padding-bottom:8px;font-size:14px;color:#666; }
.menu_body a:hover,.menu_body a.on{color:#084ba1;}
.menu_body ul{margin-bottom:20px;margin-left:25px;}
.menu_body li{ list-style-position:inherit;list-style-type: disc;color:#999;}
.menu_body li a{color:#666;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_body li a:hover{color:#084ba1;}
.menu_body li:hover,.menu_body li a.on{color:#084ba1;}

.product-right{width:76%;float:right;}
.products-nylist{}
.products-nylist ul{display: flex; flex-wrap: wrap;margin-right:-1%;margin-left:-1%;}
.products-nylist li{ border:1px solid #e8e8e8;border-radius:15px;float:left; width:23%; margin:0 1% 2% 1%; position:relative; overflow:hidden;text-align:center;}
.products-nylist_pic{ overflow:hidden;}
.products-nylist_pic img{ width:100%; transition:ease-in-out 0.25s all; display: block;}
.products-nylist li:hover .products-nylist_pic img{ transform:scale(1.1);}
.products-nylist_tit:after{ content:''; transition:ease-in-out 0.15s all; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1;}
.products-nylist li .products-nylist_tit:before{content:''; transition: ease-in-out 0.15s all;background:#084ba1; position:absolute; left:-100%; bottom:0; width:100%; height:100%;  z-index:-2;}
.products-nylist li:hover .products-nylist_tit:after{ left:100%;}
.products-nylist li:hover .products-nylist_tit:before{ left:0;}
.products-nylist_tit{ width:100%; overflow:hidden; padding:5%; font-size: 16px;}
.products-nylist li:hover .products-nylist_tit{ color:#fff;}

.productss{width:100%;float:left;}
.productss img{max-width: none !important;}
.promore_l{width:36%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:57px;}
.spec-scroll .items ul li img:hover{border:2px solid #084ba1;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:14px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #084ba1;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #084ba1;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #084ba1;color:#fff;background:#084ba1;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #084ba1;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #246fb6;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ed6d00;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ed6d00;}

.parbox{overflow: hidden;}
.parbox ul{overflow: hidden; margin-right: -1%;}
.parbox li{float: left;width:18%;height: auto;margin-right: 1%;border:1px solid #e5e5e5;margin-bottom: 20px;position: relative;overflow: hidden; background: #fff;}

.parbox li .pic{display: table;margin: 0 auto;}
.parbox li .pic span{display: table-cell;vertical-align: middle;height: auto;}
.parbox li .pic span img{display: block;max-width: 100%;max-height: 100%;}
.parbox li .hzbt{position: absolute;left: 0;top: 0;width: 100%;height: auto;background: rgba(8, 75, 161, 0.83);font-size: 16px;text-align: center;line-height:126px;color: #fff;transform: scale(0);transition: 0.5s all; right: 0;  bottom:0}
.parbox li p{position: absolute;left: 0;top: 0;width: 100%;height: auto;font-size: 14px;text-align: center;line-height: 100%;color: #fff;}
.parbox li:hover .hzbt{transform: scale(1.1);}
.more{display: block;width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #666;text-transform: uppercase;background: #fff;margin: 40px auto auto auto;border:1px solid #dcdcdc;}
.more:hover{background: #084ba1;color: #fff}