@charset "UTF-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}

body{ font-family:"Microsoft YaHei","微软雅黑"; color:#232323; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;overflow-x: hidden;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#232323; text-decoration:none; outline:none; cursor:pointer;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
a:hover{color:#2258ba;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:rgba(29,48,41,.5);}
::-moz-placeholder{color:rgba(29,48,41,.5);}
:-ms-input-placeholder{color:rgba(29,48,41,.5);}
:-moz-placeholder{color:rgba(29,48,41,.5);}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.btn-swt{cursor: pointer;}
.hide, .hidden{display:none;}
.disabled{cursor: no-drop;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wrap{width: 94%; max-width: 1260px;margin: 0 auto;}


/* home */
.header{background-color: #fff;-moz-box-shadow: 0 5px 5px rgba(0,0,0,.05);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.05);box-shadow: 0 5px 5px rgba(0,0,0,.05); line-height: 98px;position: relative;  z-index: 99999;}
.header.on{position: fixed;left: 0;right: 0;top: 0;}
.header .logo{float: left;width: 472px;}
.header .logo img{width: 100%;}
.header .nav{float: right;position: relative;margin-right: 50px;height: 98px;}
.header .nav ul{font-size: 0;}
.header .nav li{display: inline-block;margin-left: 36px;position: relative;}
.header .nav li > a{position: relative;display: block;color: #333333;font-size: 15px;}
.header .nav li.on a:after,.header .nav li a:hover:after{width: 40px;}
.header .nav li a:after{content: "";position: absolute;left: 50%;right:0;bottom: 0; width:0;height: 3px;background-color: #2357bb;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.nav-sub{position: absolute;left: -52px;width: 163px;  background-color: rgba(255,255,255,.9);border-radius: 0 0 8px 8px;border-bottom:5px solid #2357bb;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;display: none;padding: 20px 0;overflow: hidden;}
.header .nav-sub ul li{text-align: center;display: block;margin: 0;}
.header .nav-sub ul li a{line-height: 120%;padding: 15px 0;color: #333;}
.header .nav-sub ul li a:before{content: '';position: absolute;left: -100%;top: 50%;margin-top: -4px; width: 11px;height: 7px;background: url(../images/nav-arrow.png) no-repeat center;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .nav-sub ul li:hover a:before{left: 26px;}
.header .nav-sub ul li:hover a{color: #2357bb;}
.header .nav-sub ul li a:after{display: none;}
.header .nav li.nav-menu:hover .nav-sub{display: block;}
.header .nav ul > li:nth-child(3) .nav-sub ul li a:before{ display:none;}

.header .wrap{position: relative;}
.search{position: absolute;right: 0; width: 50px;text-align: right;}
.ser-btn{cursor: pointer;width: 17px;display: inline-block;}
.search img{width: 17px;}
.ser-form{position: absolute;right:0;width: 303px;padding: 28px 18px 24px 18px;  background-color: rgba(255,255,255,.9); border-radius: 0 0 8px 8px;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;line-height: 40px;display: none;}
.ser-form input{width: 100%;line-height: 40px; padding: 0 35px 0 15px;background-color: #FFF;border:1px solid rgba(14,5,10,7%);-webkit-border-radius:4px;border-radius: 4px;font-size: 14px;color: #333;}
.ser-submit{position: absolute;right: 30px;top:50%;margin-top: -11px;; cursor: pointer;z-index: 22;background: transparent;}
.ser-submit img{width: 19px;}
.search:hover .ser-form{display: block;}

.navBtn{float: right; position:relative;z-index:9;width:24px;cursor:pointer;height:24px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;margin-top:9px;display: none;}
.navBtn b{display:block;height:3px;width:100%;background-color:#333;margin:5px 0;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}
.navBtn b:last-child{margin-bottom:0}
.navBtn.open b{opacity:0;position:absolute}
.navBtn.open b:first-child{left:0;top:0;opacity:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:0 0}
.navBtn.open b:last-child{opacity:1;left:-2px;bottom:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:0 0;-moz-transform:rotate(-45deg)}

.about-one{position: relative;}
.about-swiper .swiper-pagination-bullet{background:transparent;border:1px solid #FFF;width: 10px;height: 10px;opacity: 1;}
.about-swiper .swiper-pagination-bullet-active{background: #FFF;}
.about-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.about-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 100px;}

.about-swiper .swiper-button-prev{left: 50%;margin-left: -700px; width: 36px;height: 68px;margin-top: 0; background: url(../images/arrow-fl.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.about-swiper .swiper-button-next{right: 50%;margin-right: -700px; width: 36px;height: 68px;margin-top: 0; background: url(../images/arrow-fr.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.about-data .data-box{border:1px solid #e9e9e9; background-color: #FFF;-moz-box-shadow: 0 3px 8px rgba(7,0,2,.1);-webkit-box-shadow: 0 3px 8px rgba(7,0,2,.1);box-shadow: 0 3px 8px rgba(7,0,2,.1); top: -60px;position: relative;z-index: 66;padding: 30px 32px;}
.data-box li{float: left;width: 25%;text-align: center;position: relative;line-height: 1.2;}
.data-box li:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -23px; width: 1px;height: 46px;background-color: #ebebeb;}
.data-box li:first-child:before{display: none;}
.data-box li span{font-family:Arial, Tahoma, Calibri;color: #555555;font-size: 52px;}
.data-box li i{position: relative;vertical-align: top;color: #999;font-size: 14px;}
.data-box li p{color: #999;font-size: 14px;margin-top: 6px;}

.about-base{margin-top: -10px;}
.about-name{text-align: center;position: relative;line-height: 1.5;margin-bottom: 18px;padding-bottom: 12px;}
.about-name:after{content: '';position: absolute;left: 0;right: 0;bottom: 0; width: 64px;height: 4px;background-color: #2357bb;margin: 0 auto;}
.about-name h2{color: #333333;font-size: 30px;font-weight: normal;}
.about-name span{display: block;font-family: Calibri, Tahoma, Arial;font-size: 14px; text-transform: uppercase;color: rgba(153,153,153,.5);}
.about-base p{color: #666666;font-size: 16px;line-height: 2.14;text-align: center;padding: 0 50px;}
.about-base ul{margin-left: -2.3%;margin-top: 28px;}
.about-base li{float: left;width: 31%;margin-left: 2.3%;position: relative;overflow: hidden;}
.about-base li img{width: 100%;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.about-base li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.about-base li p{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);line-height: 54px;color: #fffefe;font-size: 17px;font-weight: bold;}


.about-brand{padding: 68px 0;margin-top: 110px; background: url(../images/about-brand.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.brand-tab{margin-bottom: 20px;margin-top: 40px;}
.brand-tab ul{font-size: 0;}
.brand-tab li{display: inline-block; color: #333333;font-size: 18px;padding: 0 22px;line-height: 50px;cursor: pointer;}
.brand-tab li.on,.brand-tab li:hover{color: #ffffff;font-weight: bold;background-color: #2357bb;}

.brand-on{display: none;}
.brand-list li{float: left;width: 25%;text-align: center;margin-top: 46px;}
.brand-list li a {width: 200px;height:75px;display: flex;align-items: center;text-align:center;margin: 0 auto;}
.brand-list li img {width: 100%;max-width: 200px;max-height: 75px;}
.brand-list li p{color: #333333;font-size: 20px;margin-top: 36px;}
.more-btn{margin-top: 50px;text-align: center;}
.more-btn a{display: inline-block; background-color: #fff;border:1px solid #e5e5e5;border-radius: 5px;line-height: 54px;padding: 0 70px 0 50px;color: #999999;font-size: 15px;position: relative;}
.more-btn a:before{content: '';position: absolute;right: 36px;top: 50%;margin-top: -4px;background: url(../images/arrow-more.png) no-repeat;width: 17px;height: 9px;}
.more-btn a img{margin-left: 16px;}
.more-btn a:hover{background-color: #2357bb;color: #fff;}
.more-btn a:hover:before{background-image: url(../images/arrow-mores.png);}

.about-news{margin-top: 57px;}
.about-news .about-name{margin-bottom: 60px;}
.about-news .about-fl{float: left;width: 48.4%;position: relative;overflow: hidden;}
.about-fl .about-pics{overflow: hidden;display: block;}
.about-fl .about-pics img{width: 100%;min-height: 360px;object-fit: cover; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.about-fl:hover .about-pics img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.about-fl .about-txts{position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(35,87,187,.7);line-height: 57px;padding: 0 28px;color: #FFF;font-size: 16px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.about-news .about-fr{float: right;width: 48.4%; border-top:1px solid #eaeaea;}
.about-fr li{border-bottom:1px solid #eaeaea;padding: 31px 0;}
.about-fr li .news-data{float: left;width: 66px;text-align: center;color: #333;line-height: 1.2;margin-right: 20px;}
.about-fr li .news-data span{display: block;font-size: 22px;font-family: Verdana, Tahoma, Arial;}
.about-fr li .news-data i{display: block;font-size: 16px;font-family: Verdana, Tahoma, Arial;}
.about-fr li .news-info{display: block;overflow: hidden;}
.about-fr li .news-info a{color: #333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.about-fr li .news-info a:hover{color: #2357bb;}
.about-fr li .news-info p{color: #999999;font-size: 14px;margin-top: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-news .more-btn{margin-top: 40px;}

.about-tech{padding: 60px 0 190px; margin-top: 70px; background: url(../images/about-tech.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.about-tech .about-name h2{color: #FFF;}
.about-tech .about-name span{color: rgba(255,255,255,.5);}
.about-tech .about-name:after{background-color: #fff;}
.about-tech ul{margin-top: 110px;font-size: 0;}
.about-tech li{display: inline-block;vertical-align: top;width: 16.6%;text-align: center;}
.about-tech li p{color: #fff;font-size: 18px;margin-top: 10px;}

.footer{background-color: #171717;}
.foot-nav{padding: 30px 0; line-height: 34px;border-bottom:1px solid #2f2f2f;}
.foot-nav a{display: inline-block;color: #fff;font-size: 16px;padding: 0 26px;position: relative;}
.foot-nav a:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -5px; width: 1px;height: 10px; background-color: #5d5d5d;}
.foot-nav a:first-child{padding-left: 8px;}
.foot-nav a:first-child:before{display: none;}
.foot-nav a:hover{color: #2357bb;}

.foot-box{padding: 46px 0 48px 8px;}
.foot-box .wrap{position: relative;}
.foot-tel{float: left;color: rgba(255,255,255,.8);font-size: 14px;line-height: 1.4;margin-top: 18px;}
.foot-tel strong{display: block;font-family: 'Impact', 'Arial Black', 'Britannic Bold', 'Bernard MT Condensed';font-size: 39px;color: #fff;}
.foot-box ul{float: right;margin-right: 260px;}
.foot-box li{float: left;padding: 12px 50px 20px;border-left:1px solid #2f2f2f;text-align: center;}
.foot-box li p{color: #ffffff;font-size: 12px;margin-top: 24px;}
.foot-box li p a{display: block;color: #ffffff;}
.foot-box li p a:hover{color: #2357bb;}
.foot-box li p img{display:inline-block;display: none;max-width:11px;}
.foot-box li p .mail{display:inline-block;position: relative;width: 1.1em;text-align: center;}
.foot-box li p .mail:after{content: '@'; position: absolute;top: -15px;left: 0;text-align: center;width: 100%;}
.foot-weixin{position: absolute;right: -10px;top: -96px;  background-color: #4b4b4b;padding: 32px 40px;text-align: center;}
.foot-weixin p{color: #fff;font-size: 14px;margin-bottom: 12px;}

.foot-font{background-color: #101010;line-height: 36px;padding: 5px 0;}
.foot-font .wrap{overflow: hidden;}
.foot-font .foot-fl{float: left;}
.foot-font .foot-fl p{display: inline-block; color: #fff;font-size: 14px;margin-right: 10px;}
.foot-font .foot-fr{float: right;color: #fff;font-size: 12px;}
.foot-font a{color: #fff;}
.foot-font a:hover{color: #2357bb;}

.side-box{position: fixed; top: 260px;right: 0; width: 50px; height: 204px; z-index: 9999;}
.side-box li{position: absolute;left: 0; background-color: #2357bb;border-radius: 4px 0 0 4px;line-height: 50px;width: 50px;height: 50px;padding-left: 15px;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;cursor: pointer;}
.side-box li a{color: #FFF;font-size: 15px;}
.side-box li:hover{background-color: #000;}
.side-box li.side-list01{top: 0; width: 170px;}
.side-box li.side-list02{top: 51px; width: 170px;}
.side-box li.side-list03{top: 102px; width: 170px;}
.side-box li.side-list04{top: 153px; width: 170px;}
.side-box li.side-list03 img,.side-box li.side-list04 img{margin-right: 12px;}
.side-box li.side-list03:hover{left: -120px;}
.side-box li.side-list04:hover{left: -80px;}
.side-box .side-weixin{position: absolute;left: -145px;background-color: #fff;top: -45px;width: 130px;height: 130px;display: none;-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}
.side-box .side-weixin:after{content: '';position: absolute;top: 47%;right: -6px;background-color: #ffffff;width: 12px;height: 12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.side-box li.side-list02:hover .side-weixin{display: block;}


/* contact */
.crumb{padding: 20px 0;line-height: 26px;font-size: 14px;color: #666666;}
.crumb span{display: inline-block;}
.crumb img{width: 11px;margin-right: 5px;margin-top: -3px;}
.crumb ol{display: inline-block;font-size: 0;}
.crumb li{display: inline-block;font-size: 14px;}
.crumb li i{margin: 0 5px;}
.crumb li a{color: #666;}
.crumb li a:hover{color: #2357bb;}

.msg-box{background-color: #FFF;border-radius: 20px;-moz-box-shadow:0 0 10px rgba(51,108,207,.4);-webkit-box-shadow:0 0 10px rgba(51,108,207,.4);box-shadow:0 0 10px rgba(51,108,207,.4);position: relative;overflow: hidden;z-index: 2;}
.msg-box:before{content: '';position: absolute;top: 0;bottom: 0;right: 0;background-color: #336ccf;width: 42%;z-index: -1;}
.msg-box .msg-fl{float: left;width:58%;padding: 48px 50px;}
.msg-box .msg-fl strong{display: block;color: #333;font-size: 34px;font-weight: normal;}
.msg-box .msg-fl p{color: #666;font-size: 16px;margin-top: 4px;}
.msg-box .msg-fl ul{margin-left: -2%;margin-top: 6px;}
.msg-box .msg-fl ul li{float: left;width: 48%;margin-left: 2%;margin-bottom: 10px;}
.msg-box .msg-fl ul li.msg-text{width: 98%;}
.msg-box .msg-fl ul li i{display: block;color: red;font-size: 14px;line-height: 1.3;}
.msg-box .msg-fl ul li input,.msg-box .msg-fl ul li textarea{width: 100%;line-height: 26px; color: #333;font-size: 12px;border: 1px solid rgba(196,198,207, 1);border-radius: 5px; background-color: rgba(250,250,250, 1);padding: 5px 12px;}
.msg-box .msg-fl ul li.msg-text textarea{height: 100px;}

.msg-text.sms-li{ position:relative;}
.msg-text.sms-li .sendsms{position:absolute;top: 26px;right: 12px;color: #4d8611;font-size: 12px;cursor: pointer;}
.msg-text.sms-li .sendsms:hover{ text-decoration:underline;}
.msg-text.sms-li .sendsms.disabled{cursor: no-drop;}
.msg-text.sms-li .base_success{color:#ccc; font-size:12px; display:none;}

.msg-btn .msg-btnfl{display: inline-block;width: 50%;}
.msg-btn .msg-btnfl input{width: 100%;line-height: 38px;text-align: center;background-color: #336ccf;border:1px solid #336ccf;-moz-box-shadow:0 0 10px rgba(51,108,207,.4);-webkit-box-shadow:0 0 10px rgba(51,108,207,.4);box-shadow:0 0 10px rgba(51,108,207,.4);border-radius: 40px;cursor: pointer;color: #FFF;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.msg-btn .msg-btnfl input:hover{border-color: #FFF;}
.msg-btn .msg-btnfr{display: inline-block;width: 44%;line-height: 38px; border:1px solid #336ccf;border-radius: 40px;text-align: center;margin-left: 15px;cursor: pointer;color: #336ccf;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.msg-btn .msg-btnfr:hover{background-color: #336ccf;color: #fff;}

.msg-box .msg-fr{float: right; width: 42%;padding: 66px 40px;color: #FFF;}
.msg-box .msg-fr strong{display: block;font-size: 20px;margin-bottom: 20px;}
.msg-box .msg-fr p{font-size: 18px;font-weight: bold; line-height: 2;}
.msg-box .msg-fr ul{margin-top: 20px;}
.msg-box .msg-fr li{font-size: 14px;margin: 12px 0;position: relative;padding-left: 90px;}
.msg-box .msg-fr li span{position: absolute;left: 0;width: 90px;}
.msg-box .msg-fr li img{margin-top: -3px;margin-right: 10px;}

.cont-list{margin: 60px 0 50px;}
.cont-list ul{margin-left: -2%;}
.cont-list li{float: left;width: 48%;margin-left: 2%;background-color: #f6f6f6;border-radius: 15px;height: 350px; padding: 60px 40px 60px 60px;margin-bottom: 30px;}
.cont-list li strong{display: block;color: #555555;font-size: 24px;position: relative;padding-bottom: 12px;margin-bottom: 10px;}
.cont-list li strong:after{content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;background-color: #2258ba;}
.cont-list li p{color: #555555;font-size: 18px;line-height: 2;position: relative;padding-left: 72px;}
.cont-list li p span{position: absolute;left: 0;width: 72px;}


/* product */
.top-show{position: relative;}
.top-show img{width: 100%;min-height: 240px;object-fit: cover;}

.pro-box{padding-bottom: 60px; background-color: #f6f6f6;}
.pro-nav{float: left;width: 250px;position: relative;margin-top: -44px;/*margin-top: 25px;*/margin-right: 20px;}
.pro-name{line-height: 44px;padding: 0 32px;background-color: #1447a9;color: #fff;font-size: 18px;font-weight: bold;}
.nav-show{background-color: #FFF;padding: 18px;font-size: 14px;-moz-box-shadow: 0 5px 5px rgba(0,0,0,.02);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.02);box-shadow: 0 5px 5px rgba(0,0,0,.02);}
.nav-show > li{margin-top: 8px;}
.nav-show > li:first-child{margin-top: 0;}

.nav-first{line-height: 120%;padding: 8px 25px; background-color: #2258ba;color: #fff;position: relative;cursor: pointer;display: block;}
.nav-first:before{content: '';position: absolute;top: 50%;right: 18px; width: 11px;height: 11px;margin-top: -5px; background: url(../images/pro-nav01.png) no-repeat;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.nav-first.active:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.nav-firstShow > li{border-bottom:1px solid #e5e5e5;line-height: 40px;}
.nav-second{margin-top: 5px;padding: 0 20px 0 36px;position: relative;display: block;color: #000;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;cursor: pointer;}
.nav-second:before{content: '';position: absolute;top: 50%;left: 27px; width: 5px;height: 5px;margin-top: -2px; background: url(../images/pro-nav02.png) no-repeat;}
.nav-secondShow > li{background-color: #e9eef8;padding: 0 20px 0 57px;position: relative;}
.nav-secondShow > li:before{content: '';position: absolute;top: 50%;left: 44px; width: 7px;height: 7px;margin-top: -3px; background: url(../images/pro-nav03.png) no-repeat;}
.nav-second.active{/*background-color: #bdcceb;*/color: #2258ba;}
.nav-secondShow > li a{color: #000;}
.nav-secondShow > li a:hover,.nav-secondShow > li.on a{color: #2258ba;}
.nav-firstShow,.nav-secondShow{display: none;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.nav-show > li.open .nav-firstShow{display: block;}
.nav-firstShow > li.open .nav-secondShow{display: block;}
a.nav-first:hover{color: #fff;background-color: #507bc9;}

.pro-conts{margin-top: 20px;-moz-box-shadow: 0 5px 5px rgba(0,0,0,.02);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.02);box-shadow: 0 5px 5px rgba(0,0,0,.02);}
.pro-cont{background-color: #FFF;padding: 20px;}
.pro-cont strong{display: block;color: #2357bc;font-size: 16px;margin-bottom: 8px;}
.pro-cont p{color: #333333;font-size: 14px;line-height: 2.14;position: relative;padding-left: 24px;}
.pro-cont p img{position: absolute;left: 0;top: 7px;}

.pro-main{display: block;overflow: hidden;}
.pro-title{border-bottom:1px solid #dddddd;padding: 15px 8px;margin-top: 15px; margin-bottom:20px;}
.pro-title strong{color: #2258ba;font-size: 18px;border-left:4px solid #2258ba;line-height: 1.1;padding-left: 12px;}
.pro-title .crumb{float: right;padding: 0;/*width: 80%;*/text-align: right;}
.pro-title .crumb .wrap{width: 100%;}


.pro-list{}
.pro-list ul{margin-left: -1.3%;}
.pro-list li{float: left;width: 32%;margin-left: 1.3%;border:1px solid #e5e5e5;background-color: #FFF;margin-bottom: 30px;}
.pro-list li .pro-pic{position: relative;padding-top: 100%;overflow: hidden;display: block;}
.pro-list li .pro-pic img{position: absolute;max-width: 100%;max-height: 100%; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.pro-list li:hover .pro-pic img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1)}
.pro-list li .pro-info{background-color: #f0f0f0;padding: 24px 74px 24px 24px;position: relative;}
.pro-list li .pro-txt{display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 18px;}
.pro-list li:hover .pro-info .pro-txt{color: #2258ba;}
.pro-list li:hover .pro-info p{color: #6084ce;}
.pro-list li p{color: #666;font-size: 16px;}
.pro-list li .pro-more{position: absolute;right: 25px;top: 50%;margin-top: -22px;width: 45px;height: 45px; border:1px solid #d5d5d5;border-radius: 50%;text-align: center;line-height: 45px;}
.pro-list li:hover .pro-more{background-color: #2b63bf;border-color: #2b63bf;}
.pro-list li .pro-more img{margin-top: -6px;}
.pro-list li .propic-hide{display: none;}
.pro-list li:hover .pro-more .propic-hide{display: inline-block;}
.pro-list li:hover .pro-more .propic-show{display: none;}

.brand-logo{ margin-bottom:15px;border-bottom: 1px dotted #e5e5e5;}
.brand-logo li{width: 18.7%;border: none;background-color: transparent;text-align: center;margin-bottom: 15px;}
.pro-list .brand-logo .pro-pic{border: 1px solid #e5e5e5;padding-top: 30%;} 
.brand-logo li.active .pro-pic,.brand-logo li:hover .pro-pic{border: 1px solid #8ea3cb;} 
.brand-logo h4{ font-weight:normal; font-size:14px; display:none;} 


.page-show{text-align: center;margin-top: 10px;}
.page-show ul{display:inline-block;}
.page-show li{float:left;min-width: 50px;text-align: center; margin: 0 3px;font-size: 15px;}
.page-show li img{margin-top: -3px;}
.page-show li span,.page-show li a{display: block;color: #686666;border:1px solid #dddddd;overflow: hidden;height: 38px; line-height: 36px;border-radius: 4px;padding: 0 20px;background-color: #fff;}
.page-show li.pagemore{margin: 0;}
.page-show li.pagemore span{border-color: transparent;}
.page-show li.pageactive a{background-color: #2258ba;border-color: #2258ba;color: #fff;}
.page-show li a:hover{background-color: #2258ba;border-color: #2258ba;color: #fff;}
.page-show select{-webkit-appearance: revert;-moz-appearance: revert;appearance: revert;height:38px;font-size:15px;color:#666;line-height:36px;text-align:center;border:1px solid #ddd;border-radius:4px;padding: 0 5px;}



/* product-detail */
.prod-box{background-color: #f6f6f6;padding-bottom: 86px;}
.prod-fl{float: left;width: 51%;background-color: #fff;}
.prod-fl .prod-swiper{/*padding: 120px 0 170px;*/}
.prod-fl .prod-swiper .swiper-slide{height:auto;min-height:640px;display: flex;align-items: center;text-align: center;margin: 0 auto;}
.prod-fl .prod-swiper .swiper-slide img{ margin:0 auto;}
.prod-swiper .swiper-pagination-bullet{width: 12px;height: 12px;border:1px solid #e5e5e5;background: #FFF;-moz-box-shadow: 0 0 5px rgba(0,0,0,5%);-webkit-box-shadow: 0 0 5px rgba(0,0,0,5%);box-shadow: 0 0 5px rgba(0,0,0,5%);position: relative;opacity: 1;}
.prod-swiper .swiper-pagination-bullet:before{content: '';position: absolute;left: 1px;right: 1px;top: 1px;bottom: 1px;background: #e5e5e5;border-radius: 50%;}
.prod-swiper .swiper-pagination-bullet-active:before{display: none;}
.prod-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.prod-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}

.prod-fr{float: right;width: 45%;}
.prod-fr h1{color: #333;font-size: 26px;font-weight: normal;margin: 28px 0 26px;}
.prod-info{margin-bottom: 50px;}
.prod-info strong{display: block;border-bottom:1px solid #dcdcdc;color: #333;font-size: 16px;padding-bottom: 6px;margin-bottom: 15px;}
.prod-info p{color: #666;font-size: 15px;line-height: 2;}

.prod-btn{font-size: 0;}
.prod-btn a{display: inline-block;font-size: 15px; border: 1px solid #dcdcdc;line-height: 48px;padding: 0 20px;color: #666;margin-right: 8px;text-align: center;}
.prod-btn a:hover{background-color: #2357bc;border-color: #2357bc;color: #fff;}
.prod-btn a.disabled:hover{background-color: transparent;border-color: #dcdcdc;color: #666;}

.prod-name{background-color: #f0f0f0;text-align: center;padding: 30px 0 40px;line-height: 1.4;}
.prod-name strong{display: block;color: #333;font-size: 28px;}
.prod-name h2{color: #333;font-size: 24px;font-weight: normal;}

.prod-main{background-color: #f6f6f6;padding: 40px 0;}
.prod-main h3{color: #333;font-size: 22px;margin-bottom: 20px;}
.prod-main p{color: #333;font-size: 16px;margin-bottom: 20px;line-height: 2;}
.prod-main p img{max-width: 600px;width: 100%;}

.prod-link{text-align: center;color: #000000;font-size: 14px;margin: 20px 0;}
.prod-link p{color: #000000;font-size: 14px;}
.prod-link p a{color: #000;}
.prod-link p a:hover{color: #2357bc;}


/*** xcg ***/


/*关于我们*/
.about-body{font-size:16px;line-height:230%;width:96%;margin:0 auto;text-align:justify}
.about-body p,.about-body div,.about-body table,.about-body ul,.about-body ol{margin-bottom:1em}

/*合作伙伴*/
.partner-list{}
.partner-list ul{list-style:none}
.partner-list ul li{width:33%;padding:0 10px;display:inline-block;vertical-align:top;text-align:center;margin-bottom:20px}
.partner-list ul li a{display:block;border:1px #ddd solid;width:100%;height:100%}
.partner-list .img{background-color:#fff;text-align:center;vertical-align:middle;overflow:hidden;position:relative;padding-top:75%}
.partner-list img{width:auto;height:auto;max-width:95%; max-height:95%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.5s}
.partner-list li a:hover{border:1px #2258ba solid}
.partner-list a:hover .partner-list img{transform:translate(-50%,-50%) scale(1.2)}
.partner-list li a:hover h4{color:#fff;background:#2258ba}
.partner-list h4{background-color:#eee;line-height:150%;padding:12px 0;font-weight:normal}

/*新闻列表*/
.news-list{ border-top:1px solid #ddd;margin-top: -10px; margin-bottom:20px;}
.news-list li{margin-top:30px;padding-bottom:30px;border-bottom:1px dotted #ccc}
.news-list li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.news-list .img{width:324px;overflow:hidden}
.news-list .img img{width:100%;transition:.4s}
.news-list a:hover .img img{transition:.4s;transform:scale(1.1)}
.news-list .text{width:calc(100% - 365px)}
.news-list .text h3{font-size:24px;font-weight:normal;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list .text h5{margin-bottom:8px;color:#777;margin-top:8px; font-weight:normal;}
.news-list .text p{line-height:24px;max-height:72px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#666}
.news-list .text span{color:#bcbcbc}
.news-list .text i{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#bababa;text-align:center;line-height:16px;border-radius:100%;color:#fff;font-size:10px;padding-left:1px;margin-left:5px;background:url(../images/news-arrow.png) no-repeat}

/*新闻详情*/
.news-detail{border:1px solid #e6e6e6; margin-top:-10px;}
.news-detail .top{padding:50px 0 25px;margin:0 66px;border-bottom:1px solid #e5e5e5;text-align:center}
.news-detail .top h1{font-size:24px;color:#000;line-height:120%;margin-bottom:6px;font-weight:400}
.news-detail .info{font-size:14px;color:#949494;line-height:22px}
.news-detail .info span{margin:0 10px;padding-left:20px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;color:#999;background-repeat:no-repeat;background-position:left center}
.news-detail .info .date{background-image:url(../images/i15.png)}
.news-detail .info .form{background-image:url(../images/i16.png)}
.news-detail .info .hit{background-image:url(../images/i17.png)}

.news-detail .txt3{font-size:16px;color:#333;line-height:180%;padding:30px 0 40px 0;margin:0 81px;overflow:hidden}
.news-detail p,.news-detail div,.news-detail table,.news-detail ul,.news-detail ol{margin-bottom:1em}

.news-detail ul{padding-left:23px; padding-bottom:12px;}
.news-detail ul{ list-style:disc;}
.news-detail ul[type='disc']{ list-style:disc;}
.news-detail ul[type='square']{ list-style:square;}
.news-detail ul[type='circle']{ list-style:circle;}

.news-detail ol{padding-left:23px; padding-bottom:12px; list-style:decimal;}
.news-detail ol[type='1']{ list-style:decimal;}
.news-detail ol[type='A']{ list-style:upper-latin;}
.news-detail ol[type='a']{ list-style:lower-latin;}
.news-detail ol[type='I']{ list-style:upper-roman;}

.news-detail li{list-style: unset;}

.news-lk{padding:13px 0;overflow:hidden}
.news-lk .left{float:left;width:80%; margin-top:0;}
.news-lk .left a{font-size:14px;color:#6b6b6b;line-height:26px;white-space:nowrap;overflow:hidden}
.news-lk .left h4{float:left;font-size:14px;color:#343434;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.news-lk .left p{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.news-lk .left a:hover,.news-lk .left a:hover h4{color:#2258ba}
.news-lk .return{float:right;font-size:14px;color:#fff;width:142px;height:41px;line-height:41px;background-color:#aaacaf;border-radius:20px;margin-top:5px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.news-lk .return em{display:inline-block;vertical-align:middle;width:26px;height:26px;margin-right:8px;background:url(../images/ico-g7.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.news-lk .return:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}
.news-lk p{ margin-bottom:0;}

/*下载中心*/
.download-list{width:100%;overflow:hidden;padding:20px 10px;background:#fff;font-size: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.ny_down02{width:33.3%;display:inline-block;vertical-align:top;padding:0 8px;margin-bottom:20px}
.ny_down03{overflow:hidden;width:100%;background-color:#ededed; position:relative; padding-bottom:20px;}
.ny_down03 dd{float:left;width: calc(100% - 55px);padding:0 5px 0 20px;text-align:left}
.ny_down03 dt{width: 50px;position: absolute;height: 100%;right: 0;}
.ny_down03 dd h5{font-size:16px;font-weight:normal;margin-top:25px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ny_down03 dd h5 a{color:#333}
.ny_down03 dd span{display:block;line-height:18px;font-size:12px;color:#999;margin-bottom:3px}
.ny_down03 dd span.title{margin:-15px 0 5px 0;height:40px}
.ny_down03 dt i{display:block;cursor:pointer;width:34px;height:35px;margin:0 auto;margin-top:55px;background:url(../images/nydown_d.png) no-repeat center  top}
.ny_down03:hover{background-color:#2258ba}
.ny_down03:hover dd h5 a{color:#fff}
.ny_down03:hover dd span{color:#fff}
.ny_down03:hover dt i{background-position:bottom}
.ny_down03:hover dt{background-color:#101010}

.m-pop{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999;display:none}
.pop-bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background-color:rgba(0,0,0,.5);cursor:pointer}
.m-box{position:static;width: 415px;overflow:hidden;background-color:#fff;padding: 25px 50px;margin:0 auto;margin-top:20vh;border-radius: 9px;}
.m-box .js-close{float:right;position: relative;background:url(../images/g-i12.png) center center no-repeat #f4f4f4;width:45px;height:45px;background-size:21px auto;z-index: 1;border-radius:50%;transition:.5s;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.m-box .js-close:hover{cursor:pointer;transform:rotate(90deg)}
.m-box .tit{position:relative;margin-top: 5px;font-size: 34px;font-weight: normal;color:#4a4a4a;text-align:center;padding-bottom: 5px;z-index: 0;text-indent: 45px;}
.m-box .con1{height:350px;overflow-y:auto}

@media only screen and (max-width:768px){
	.m-box{width:80%;padding: 10px 10px;}
	.m-box .tit{font-size: 26px;}
}

.download-msg-box{box-shadow: none;}
.download-msg-box:before{ display:none}
.download-msg-box .msg-fl {width: 100%;padding: 0;}
.download-msg-box .msg-btn .msg-btnfl{margin: 30px 0 15px 0;width: 100%;}
.download-msg-box .msg-fl ul li{margin-bottom: 5px;}
.download-msg-box .msg-fl ul li input{padding: 2px 12px;}
.download-msg-box .msg-text.sms-li .sendsms{top:24px;}



/*招聘*/
.join-us{margin-bottom:15px}
.join-us .thead{background:#2258ba;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.join-us .thead span{width:100%;color:#fff;font-size:18px;line-height:28px;padding:15px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join-us .tbody .tr{background:#f0f0f0;border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.join-us .tbody .td{width:100%;padding:14px 30px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join-us .tbody .switch-btn:hover{color:#2898e6}
.join-us .tbody .switch-btn::after{display:inline-block;content:'+';vertical-align:top;margin-left:4px;line-height:16px;width:8px;text-align:center}
.join-us .tbody .tr.open{background:#fff;border-color:#f0f0f0}
.join-us .tbody .tr.open .td{color:#2258ba}
.join-us .tbody .tr.open .switch-btn{color:#2258ba}
.join-us .tbody .tr.open .switch-btn::after{content:'-'}
.join-us .join-drop{padding:24px 50px 30px;background:#fff;display:none}
.join-us .join-drop strong{font-size:14px;color:#333;}
.join-us .join-drop p{font-size:14px;color:#999}

/*技术支持*/
.support-body{text-align:center;margin-top:60px}
.support-body ul{list-style:none}
.support-body ul li{font-size:12px;color:#666;width:33%;display:inline-block;vertical-align:top;margin-bottom:40px;line-height:150%}
.support-body ul li a{color:#666;}
.support-body ul li img{display:block;margin:0 auto;background-repeat:no-repeat; background-position:top center;background-size: cover;}
.support-body ul li strong{font-size:16px;font-weight:normal;color:#333;margin-top:15px;margin-bottom:8px;display:inline-block}

/*销售网络*/
.sale-network{ padding:30px 20px; background-color:#fff;}
.sale-network table{font-size:12px;border:1px solid #ccc; border-bottom:none; border-right:none;}
.sale-network table th{background-color:#2258ba;color: #fff;}
.sale-network table th,
.sale-network table td{padding: 15px 10px;border:1px solid #ccc;border-left:none;border-top:none;text-align: center;}




/*** 自适应 ***/


@media screen and (max-width:1500px) {
	.about-swiper .swiper-button-prev{margin-left: -630px;width: 21px;height: 40px;}
	.about-swiper .swiper-button-next{margin-right: -630px;width: 21px;height: 40px;}
}
@media screen and (max-width:1300px) {
	.header .logo{width: 380px;}
	.brand-tab li{padding: 0 14px;}
	.about-swiper .swiper-button-prev{margin-left: 0;left: 3%;}
	.about-swiper .swiper-button-next{margin-right: 0;right: 3%;}
}
@media screen and (max-width:1200px) {
	.header .logo{width: 280px;}
	.brand-tab li{padding: 0 12px;font-size: 16px;}
	.foot-nav a{font-size: 14px;padding: 0 16px;}
	.foot-weixin{padding: 24px;top: -70px;}
	.foot-box ul{margin-right:160px;}
	.foot-box li{padding: 12px 30px;}
	.foot-weixin img{width: 120px;}
	.cont-list li{padding: 40px;height: 300px;}
	.cont-list li strong{font-size: 20px;}
	.cont-list li p{font-size: 16px;}
	.prod-fl .prod-swiper .swiper-slide{min-height:600px;}
	.prod-fr h1{margin-top: 5px;}
	.ny_down02{ width:50%}
	.ny_down03{padding-bottom: 15px;}
	.ny_down03 dd h5{margin-top: 15px;}
}
@media screen and (max-width:1100px) {
	.header .logo{width: 240px;}
	.header .nav li{margin-left: 24px;}
	.nav-sub{left: 57px;}
	.about-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 80px;}
	.brand-tab li{padding: 0 10px;font-size: 14px;}
	.brand-list li{margin-top: 20px;}
	.brand-list li a{width: 150px;height: 56px;}
	.brand-list li img{max-width: 150px;max-height: 56px;}
	.brand-list li p{font-size: 16px;margin-top: 16px;}
	.about-tech{padding-bottom: 80px;}
	.about-tech ul{margin-top: 60px;}
	.about-tech li p{font-size: 16px;}
	.foot-font .foot-fl{width: 100%;}
	.foot-font .foot-fr{width: 100%;}
	.msg-box .msg-fr{padding: 60px 32px;}
	.pro-list li{width: 48.7%;}
	.brand-logo li{width: 23.6%;}
	.prod-fl .prod-swiper .swiper-slide{min-height:580px;}
}
@media screen and (max-width:960px) {
	.search{display: none;}
	.header{line-height: 72px;}
	.header .logo{/*width: 190px;*/}
	.header .nav{margin-right: 0;height: 72px;}
	.header .nav li{margin-left: 16px;}
	.header .nav li > a{font-size: 14px;}
	.nav-sub{left: 55px;width: 140px;padding: 15px 0;}
	.header .nav-sub ul li a{font-size: 14px;padding: 10px 0;}
	.header .nav-sub ul li:hover a:before{left: 22px;}
	.about-base p{padding: 0;}
	.about-brand{margin-top: 80px;}
	.about-news{margin-top: 50px;}
	.about-news .about-name{margin-bottom: 42px;}
	.about-fr li{padding: 20px 0;}
	.about-fl .about-pics img{min-height: 294px;}
	.about-fl .about-txts{padding: 0 12px;font-size: 14px;}
	.about-tech li{width: 33.3%;margin-bottom: 20px;}
	.about-tech li p{margin-top: 0;}
	.foot-nav{padding: 16px 0;}
	.foot-tel strong{font-size: 30px;}

	.cont-list li{padding: 20px;height: 260px;}
	.cont-list li strong{font-size: 18px;}
	.pro-list li{margin-bottom: 20px;}
	.pro-list li .pro-info{padding: 16px;padding-right: 50px;}
	.pro-list li .pro-txt{font-size: 16px;}
	.pro-list li p{font-size: 14px;}
	.pro-list li .pro-more{width: 36px;height: 36px;line-height: 36px;margin-top: -18px;right: 16px;}
	.pro-list li .pro-more img{width: 10px;}
	.nav-show,.pro-cont{padding: 12px;}
	.pro-nav{width: 224px;}
	.pro-name{font-size: 16px;padding: 0 30px;}
	.nav-first{padding: 6px 18px;}
	.nav-first:before{right: 16px;}
	.nav-second{padding: 0 18px 0 26px;}
	.nav-second:before{left: 18px;}
	.nav-secondShow > li{padding: 0 18px 0 36px;}
	.nav-secondShow > li:before{left: 24px;}
	.pro-cont strong{font-size: 14px;}

	.prod-fl .prod-swiper .swiper-slide{min-height:500px;}
	.prod-fr h1{margin: 0 0 12px;font-size: 24px;}
	.prod-info{margin-bottom: 24px;}
	.prod-btn a{padding: 0 15px;margin-right: 5px;}
	.prod-name strong{font-size: 24px;}
	.prod-name h2{font-size: 22px;}
	.prod-main h3{font-size: 20px;}

	.news-list li{margin-top: 20px;padding-bottom: 20px;}
	.news-list li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.news-list .img{width:100%}
	.news-list .text{width:100%;padding-top:10px}
	.news-list .text span{margin-top:10px}
}
@media screen and (max-width:880px) {
	.foot-weixin{display: none;}
	.foot-box ul{margin-right: 0;}
	.msg-box .msg-fl{padding: 40px;}
}
@media screen and (max-width:768px) {
	body{font-size:14px;}
	.header{line-height: 48px;}
	.navBtn{display: block;}
	.header .wrap{position: static;}
	.header .nav{display: none;position: absolute;top: 100%;left: 0; right: 0;width: 100%; max-width: 768px; height:auto;overflow-y: auto;max-height: 100vh;padding: 10px; z-index: 9999;background-color: #FFF;box-shadow: 0 0.5em 0.5rem rgb(0 0 0 / 20%);border-top: 1px solid #f5f5f5;}
	.header .nav li{display: block;margin: 0; border-bottom:1px solid #f0f0f0;}
	.header .nav li > a {text-indent: 1em;}
	.header .nav li a{color: #333;line-height: 48px;}
	.header .nav-sub ul li a{color: #666;}
	.header .nav li a:after{left: 20px; display:none;}
	.header .nav li.nav-menu{position: relative;}
	.header .nav li.nav-menu:before{content: '';position: absolute;right: 10px;top: 24px;margin-top: -4px; width: 14px;height: 8px; background: url(../images/nav-icon01.png) no-repeat;}
    .header .nav li.nav-menu.nav-open:before{background-image: url(../images/nav-icon02.png);}
	.header .nav li.nav-menu a{margin-right: 50px;}
	.header .nav-sub ul li:hover a:before{display: none;}
	.nav-sub{position: static;width: 100%;background-color: #F2F2F2;padding: 10px 16px;border-width: 2px;border-bottom: none;border-radius: 0;}
	.header .nav-sub ul li{ text-align: left;border-bottom: 1px #ddd dotted;}
	.header .nav li.nav-menu.nav-open .nav-sub{display: block!important;}
	.about-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
	.about-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	.about-swiper .swiper-pagination-bullet{width: 8px;height: 8px;}
	.about-one img{min-height: 300px;object-fit: cover;}
	.about-data .data-box{margin-top: 30px;padding: 30px;top: 0;}
	.data-box li span{font-size: 42px;}

	.about-name h2{font-size: 26px;}
	.about-name:after{width: 50px;height: 3px;}
	.about-base p br{display: none;}
	.about-base{margin-top: 30px;}
	.about-base p{line-height: 2;}
	.about-base li img{height: 160px;object-fit: cover;}
	.about-base li p{line-height: 42px;font-size: 15px;}
	.about-brand{margin-top: 50px;padding: 40px 0;}
	.brand-list li{width: 33.3%;}
	.brand-list li p{font-size: 12px;}
	.more-btn{margin-top: 40px;}
	.about-news .about-fl{width: 44%;}
	.about-news .about-fr{width: 54%;}
	.about-fr li .news-data span{font-size: 20px;}
	.about-fr li .news-info p{margin-top: 0;}
	.about-fl .about-pics img{min-height: 277px;}
	.foot-nav{text-align:center;}
	.foot-nav a{font-size: 14px;padding: 0 12px;}
	.foot-tel{display: none;}
	.foot-box{padding: 30px 0;}
	.foot-box ul{width: 100%;}
	.foot-box li{width: 33.3%;padding: 10px 0;}
	.foot-box li:first-child{border:none;}

	.crumb .wrap{position: relative;padding-left: 15px;}
	.crumb span{font-size: 0;position: absolute;left: 0;}
	.crumb ol{white-space: nowrap;overflow-x: scroll;display: block;}
	::-webkit-scrollbar{display:none;}
	.msg-box:before{display: none;}
	.msg-box .msg-fl{width: 100%;padding: 30px;}
	.msg-box .msg-fr{width: 100%;background-color: #336ccf;padding: 30px;}
	.msg-box .msg-fl strong{font-size: 26px;}
	.msg-box .msg-fl p{font-size: 14px;}
	.msg-box .msg-fr strong{font-size: 18px;margin-bottom: 12px;}
	.msg-box .msg-fr p{font-size: 16px;}

	.cont-list{margin: 40px 0;}
	.cont-list ul{margin-left: 0;}
	.cont-list li{margin-left: 0;width: 100%;margin-bottom: 16px;height: auto;padding: 20px;}

	.pro-title strong{display: none;}
	.pro-title .crumb{float: none;text-align: left;width: 100%;}
	.pro-title .crumb .wrap {width: 94%;}
	.pro-title{margin-top: 8px;padding: 5px 0;margin-bottom: 15px;}
	.brand-logo li .pro-pic img{max-width:90%; max-height:90%;}
	.pro-list li .pro-txt{font-size: 14px;}
	.pro-list li p{font-size:12px;}
	.page-show li{min-width: 40px; display:none;}
	.page-show li span, .page-show li a{padding: 0 12px;}
	.page-show li.pagebtn, .page-show li.pageactive, .page-show li.pageselect{ display:inline-block;}

	.prod-box{padding-bottom: 60px;}
	.prod-fl{width: 100%;}
	.prod-fl .prod-swiper{padding: 20px 0 40px;}
	.prod-fl .prod-swiper .swiper-slide{height:auto;min-height: auto;}
	.prod-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
	.prod-fr{width: 100%;margin-top: 16px;}
	.prod-fr h1{font-size: 22px;}
	.prod-name{padding: 20px 0;}
	.prod-name h2{font-size: 20px;}
	.prod-main h3{font-size: 18px;}

	.about-swiper .swiper-button-prev{width: 16px;height: 30px;margin-top: -15px;}
	.about-swiper .swiper-button-next{width: 16px;height: 30px;margin-top: -15px;}

	.foot-font{line-height: 150%;text-align: center;}

	.join-us .thead span{padding:10px 3px;font-size:12px}
	.join-us .tbody .td{padding:10px 3px;font-size:12px;text-align:center}
	.join-us .join-drop{padding:20px 15px}
	.news-list{ margin-top:-5px;}
	.news-list li {margin-top: 15px;padding-bottom: 15px;}
	.news-list .text h3 {font-size: 16px;}
	.news-list .text p,.news-list .text span{font-size:12px;}
	
	.partner-list ul li{width: 32%;}
	.partner-list h4{line-height: 120%;padding: 8px 0;font-size:12px;}
	.partner-list .img{ padding-top:60%;}
	.partner-list img{ max-width:90%; max-height:90%;}
	
	.support-body{ margin-top:30px;}
	.support-body ul li{width:32%;}
	.support-body ul li img{ max-width:75%;}
	.support-body ul li strong{font-size: 14px;margin-top:0;}
	
	.ny_down02{ width:100%}
	.ny_down03 dt{ width:65px;}
	.ny_down03 dt i{margin-top: 40px;}
	.ny_down03 dd{ width: calc(100% - 70px);}
	.ny_down03 dd h5{ margin-top:10px;font-size:14px;}
	.ny_down03 dd span.title{ height:auto;}
	
	.sale-network{padding:0;}
	.sale-network table{border-radius: 0;display: block;overflow:auto;overflow-y: scroll;font-size: 12px!important;}
	.sale-network table th{white-space: nowrap;}
	.sale-network table td,.sale-network table th{padding: 10px 5px; font-size:12px!important;}
	.sale-network table tbody {width: 100%;display: table;}
	
	.news-detail{border:none;}
	.news-detail .top{padding: 5px 0 5px; margin:0;}
	.news-detail .txt3{margin:0;font-size:14px;}
	
	.side-box{ display:none;}
	
}
@media screen and (max-width:720px) {
	.side-box{display: none!important;}
	.about-news .about-fl{width: 100%;}
	.about-fl .about-pics{padding-top: 59.3%;}
	.about-fl .about-pics img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-height: auto;}
	.about-news .about-fr{width: 100%;}
}
@media screen and (max-width:660px) {
	.about-data .data-box{padding:30px 10px 0;}
	.data-box li{width: 50%;margin-bottom: 20px;}
	.data-box li:nth-child(3):before{display: none;}
	.data-box li span{font-size: 32px;}
	.data-box li i{font-size: 12px;}
	.about-name h2{font-size: 24px;}
	.about-news{margin-top: 40px;}

	.msg-box .msg-fl,.msg-box .msg-fr{padding: 20px;}
	.msg-box .msg-fl strong{font-size: 24px;}
	.msg-box .msg-fl ul{margin-left: 0;}
	.msg-box .msg-fl ul li{margin-left: 0;width: 100%;}
	.msg-box .msg-fl ul li.msg-text{width: 100%;}

	.pro-box{padding: 50px 0;position: relative;}
	.pro-nav{width: 100%;margin-top: 0;}
	.pro-main{width: 100%;}
	.pro-conts,.pro-name{display: none;}
	.pro-title{position: absolute;top: 0;margin-top: 0;left: 0;right: 0; border:none;}
	.top-show img{min-height: 160px;}
}
@media screen and (max-width:480px) {
	.about-one img{min-height: 200px;}
	.about-name h2{font-size: 20px;}
	.about-name span{font-size: 12px;}
	.about-base ul{margin-top: 12px;}
	.about-base li img{height: 80px;}
	.about-base li p{font-size: 12px;font-weight:normal;line-height: 25px;}
	.about-fl .about-txts{line-height: 38px;font-weight:normal;}
	.brand-list li{width: 50%;margin-top: 10px;}
	.brand-list li p{margin-top: 0;}
	.brand-tab{margin-top: 30px;margin-bottom: 10px;text-align: center;}
	.brand-tab li{font-size: 12px;line-height: 30px;}
	.more-btn{margin-top: 30px;}
	.more-btn a{line-height: 40px;padding: 0 60px 0 40px;color: #999999;font-size: 13px;}
	.more-btn a:before{right: 20px;}
	.about-tech{margin-top: 50px;padding: 50px 0;}
	.about-tech ul{margin-top: 30px;}
	.about-tech li img{width: 80%;}
	.about-tech li p{font-size: 12px;}
	.foot-nav{display:none;}
	.foot-nav a{font-size: 12px;}
	.foot-box li p{font-size:10px;}
	.foot-box li p .mail:after{top: -12px;}
	.foot-font .foot-fr{font-size:10px;}
	.pro-nav{margin-bottom: 10px;padding-bottom: 10px;border-top: 1px solid #ddd;padding-top: 10px;}
	.pro-list ul{margin-left: 0;}
	.pro-list li{margin-left: 0;width: 100%;margin-bottom: 12px;}
	.pro-list ul.brand-logo{margin-left: -1.3%;}
	.brand-logo li{margin-left: 1.3%;width: 31.8%;}
	
	.partner-list ul{width: 102%;margin-left: -1%;}
	.partner-list ul li{/*width: 49.2%;*/padding: 0 4px;}
	.partner-list .img{ padding-top:90%}
	.pro-box{padding: 35px 0;}
	
	.support-body{ margin-top:15px;}
	.support-body ul li{ font-size:10px;}
	.support-body ul li strong{font-size:12px;}
	
	.join-us .join-drop{padding: 10px 15px;}
	.join-us .join-drop strong, .join-us .join-drop p{font-size:12px;}
	.m-box{margin-top: 2.5vh;}
	.m-box .js-close{width: 30px;height: 30px;background-size: 14px auto;}
	.m-box .tit {font-size: 20px;line-height: 100%;margin-top: 10px;}
	.download-msg-box .msg-fl{padding: 0 16px;}
	.download-msg-box .msg-fl ul{ margin-top:0;}
	.download-msg-box .msg-fl ul li {margin-bottom: 0;}
	.download-msg-box .msg-btn .msg-btnfl{margin: 25px 0 0px 0;}
	
	.news-detail .top h1{font-size:18px;}
	.news-detail .info span{font-size:12px;padding-left: 18px;margin: 0 5px;}
	.news-detail .info span.form{ display:none;}
	.news-detail .txt3{padding: 20px 0 20px 0;}
	.news-lk{ border-top:1px solid #ddd;}
	.news-lk .left{ width:100%;}
	.news-lk .return{ width:100%;margin-top: 15px;height: 38px;line-height: 38px;}
	.news-lk .return em{width: 20px;height: 20px;}
	
	.about-body{ width:100%;font-size: 14px;line-height: 180%;}
	
	.mobile.nav-show{padding:0;background-color: transparent;box-shadow: none;text-align: center;}
	.mobile.nav-show > li{display:inline-block;margin: 0 5px;}
	.mobile .nav-first{padding: 5px 10px;background-color: #eee; color:#666;font-size:12px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.1);-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.1);box-shadow: 3px 3px 5px rgba(0,0,0,.1);}
	.mobile > li.open .nav-first{color: #2258ba;-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.2);-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2);box-shadow: 3px 3px 5px rgba(0,0,0,.2);}
	.mobile .nav-first:hover{background-color: #eee;color:#666;}
	.mobile .nav-first:before{ display:none}

	.page-show li{font-size: 12px;min-width: auto; display:none;}
	.page-show select{height: 32px;line-height: 32px; font-size:12px;}
	.page-show li.pagebtn, .page-show li.pageselect{display:inline-block;}
	.page-show li span, .page-show li a{padding: 0 10px;height: 32px;line-height: 30px;}
}
@media screen and (max-width:375px) {
	.about-data .data-box{margin-top: 20px;}
	.data-box li i{margin-left: 3px;}
	.data-box li span{font-size: 26px;}
	.about-name{padding-bottom: 6px;}
	.about-name h2{font-size: 20px;}
	.about-news .about-name{margin-bottom: 24px;}
	.about-base,.about-news{margin-top: 24px;}
	.about-brand{margin-top: 40px;padding: 30px 0;}
	.about-fr li .news-info a{font-size:14px;}
	.about-fr li .news-info p{font-size:12px;}
	.about-fr li .news-data{width: 46px;margin-top: 7px;margin-right: 4px;}
	.about-fr li .news-data span{font-size: 14px;}
	.about-fr li .news-data i{font-size: 12px;}
	.about-tech{margin-top: 30px;padding: 30px 0;}
	.about-tech li{/*width: 50%;*/}
	.about-tech li img{width: 75px;}
	.foot-box li{/*width: auto;*/padding: 0;}
	.foot-box li img{width: 48px;}
	.foot-box li p{margin-top: 10px;}
	.foot-font{line-height: 130%;padding: 10px 0;}
	.foot-font .foot-fl p{font-size: 12px;display: block;margin-right: 0;}

	.crumb{padding: 10px 0;}
	.msg-box .msg-fl, .msg-box .msg-fr{padding: 25px 16px;}
	.msg-box .msg-fl strong{font-size: 20px;}
	.msg-box .msg-fr strong{font-size: 16px;margin-bottom: 8px;}
	.msg-box .msg-fr p{font-size: 14px;}
	.msg-box .msg-fr ul{margin-top: 10px;}
	.msg-box .msg-fr li{margin: 8px 0;}
	.msg-btn,.msg-btn .msg-btnfl input{font-size: 14px;}
	.msg-box .msg-fr li img{width: 16px;}
	.msg-box .msg-fr li span{width: 84px;}
	.msg-box .msg-fr li{padding-left: 84px;}
	.msg-btn .msg-btnfl input{line-height: 35px;}
	.msg-btn .msg-btnfr{line-height: 33px;margin-left: 5px;}
	.cont-list{margin: 30px 0;}
	.cont-list li{padding: 13px;margin-bottom: 12px;}
	.cont-list li strong{font-size: 14px;padding-bottom: 8px;margin-bottom: 6px;}
	.cont-list li strong:after{width: 2em;height: 2px;}
	.cont-list li p{font-size: 12px;padding-left: 60px;line-height: 1.7;}
	.cont-list li p span{width: 60px;}

	.prod-box{padding-bottom: 30px;}
	.prod-info{margin-bottom: 16px;}
	.prod-info strong{font-size: 15px;margin-bottom: 10px;}
	.prod-info p{font-size: 14px;}
	.prod-btn{ text-align:center;}
	.prod-btn a{font-size: 14px;line-height: 40px;padding: 0;width: 31.5%;}
	.prod-name strong{font-size: 18px;}
	.prod-main{padding: 24px 0;}
	.prod-main p{font-size: 14px;margin-bottom: 16px;}
	.prod-fr h1{font-size: 20px;}
	.prod-name h2{font-size: 18px;}
	.prod-main h3{font-size: 16px;margin-bottom: 16px;}
}
@media screen and (max-width:320px) {
	.brand-tab li{font-size: 12px;line-height: 40px;padding: 0 8px;}
	.foot-box li{padding: 0 4px;}
	.about-swiper .swiper-button-prev,.about-swiper .swiper-button-next{display: none;}

	.prod-link{margin: 15px 0;}
}