@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:25px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong {  }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%; position: fixed;  z-index: 100;height:80px;}
.headerbox{width: 1240px;  margin: 0  auto;}
.logo{ height:65px;float: left; position:relative;}
.logo img{ margin-top:7px;}


.nav{float: right; padding-right:20px;}

.nav li{float: left; padding:0 5px;position: relative;}
.nav img{ display:none;}
.nav h3 a{font-weight: normal; color: #fff;font-size: 16px; line-height:80px; padding:3px 20px 7px 20px;;}

.nav h3:hover a{color:#fff; background:#0262AF;;;;}


.sub{position: absolute;width: 100%;top: 80px; left: 0; background: rgba(0,0,0,.7);z-index: 100;display: none;}
.sub dt{font-size: 14px; text-align: center; line-height: 40px;}
.sub dt a{display: block; color: #fff;}
.sub dt a:hover{background: #0262AF;;;;;}

.header.on{ background:#fff;}
.logo1{display: block;}
.logo2{display: none;position: absolute;left:0; }
.header.on .logo2{display: block;}
.header.on .nav li h3 a{font-weight: normal; color: #333;font-size: 16px; line-height:80px; }
.header.on .nav li h3:hover a{ color:#fff;}

.tpp{ width:100%; height:80px;}

.banner img{width: 100%;}
.banner .swiper-button-prev{background: url(../images/left.png);width:26px;height:52px;margin-top: -24px; left:2ew;background-size: 100%;opacity:0.6;}
.banner .swiper-button-next{background: url(../images/right.png);width:26px;height:52px; margin-top: -24px; right:2ew;background-size: 100%;opacity:0.6;}
.banner .swiper-button-prev:hover{opacity:1;}
.banner .swiper-button-next:hover{opacity:1;}

.cont1{ width:1240px; height:auto; margin:70px auto;}
.cnt11{ width:590px; height:548px; float:left;}
.cnt12{ width:580px; height:548px; float:right;}
.cnt12 span{ width:100%; font-size:16px; color: #666666;}
.cnt12 h2{ width:100%; font-size:36px; color: #0262AF; line-height:60px;}
.cnt12 .cnt121{ width:100%; height:90px; margin-top:30px; padding:15px 40px; line-height:30px;color: #0262AF; font-size:16px; font-weight:bold; background:#fff; border-left:4px solid #F58B03;box-shadow: 0px 30px 60px rgba(57, 57, 57, 0.1);border-radius: 0px 8px 8px 0px;box-sizing: border-box; }
.cnt12 p{ width:100%; line-height:30px; color:#666; margin-top:30px;}
.cnt12 a{width: 200px;height: 56px;background: #0262AF;border-radius: 30px; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin-top:25px;}
.cnt12 a:hover{ color:#F58B03;}
.cont2{ width:100%; height:auto; padding:70px 0px; background:#F4F4F4;}
.bt{ width:1240px; height:auto; margin:0 auto; text-align:center;}
.bt span{color: #666666; line-height:40px; }
.bt h2{ font-weight: 700;font-size: 32px;line-height: 42px;color: #0262AF;}
.bt p{ margin-top:10px; color:#666;}
.cnt2{ width:1240px; height:auto; margin:0 auto; padding-top:45px;}
.cnt2 li{ width:32%; float:left; margin-right:2%; margin-bottom:25px; padding:60px 0px; text-align:center; background:#fff;}
.cnt2 li img{ margin-top:15px; margin-bottom:20px;}
.cnt2 li h2{font-weight: 700;font-size: 16px;color: #333333;}
.cnt2 li p{ font-size:14px; color:#666; line-height:30px; width:70%; margin:0 auto; padding-top:15px;}
.cnt2 li:nth-child(3n){ margin-right:0px;}

.cnt2 li:nth-child(2n){ color:#fff; background:#0262AF}
.cnt2 li:nth-child(2n) h2{ color:#fff;}
.cnt2 li:nth-child(2n) p{ color:#fff;}

.cnt21{ width:1240px; height:168px; margin:60px auto 0px auto;background: #0262AF;}
.cnt211{ width:50%; float:left;height:168px;}
.cnt211 a{ width:86%; margin:40px auto 0px auto; display:block;}
.cnt211 a img{ float:left; margin-top:10px;}
.cnt211 a .ct21{ color:#fff; float:left; margin-left:40px; width:256px;}
.cnt211 a .ct21 p{ margin-top:10px;}
.cnt211 a .ct22{ float:right; margin-top:20px;}
.cnt211:nth-child(2n) { background:#F58B03;}
.cnt211 a:hover .ct21 h2{ text-decoration:underline;}


.cont3{ width:1240px; height:auto; margin:70px auto;}
.cnt31{ width:700px; float:left;}
.bt1 p{ color:#666;}
.bt1 h2{ font-weight: 700;font-size: 32px;line-height: 62px;color: #0262AF;}
.cnt31 ul{ width:100%; margin-top:40px;}
.cnt31 ul li{ width:48%; float:left; background:#F2F2F2; margin-bottom:30px; margin-right:4%; padding:35px;box-sizing: border-box;}
.cnt31 ul li:nth-child(2n){ margin-right:0px;}
.cnt31 ul li img{ padding-bottom:20px;}
.cnt31 ul li h2{font-size: 16px;color: #333333; padding-bottom:15px;}
.cnt31 ul li p{ width:240px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cnt32{ width:496px; height:660px; float:right; position: relative;}
.ct321{ width:218px; height:140px; position:absolute; bottom:0px; left:0px;}
.ct322{ width:74px; height:74px; position:absolute; top:50%; left:50%; margin-top:-37px; margin-left:-37px;}

.cont4{ width:100%; height:750px; background:url(../images/b7.png) center no-repeat;}
.cnt4{ width:1240px; margin:0 auto; padding-top:70px;}
.ct4{ width:540px; height:560px; float:right; background:#fff;border-left: 3px solid #F58B03;box-sizing: border-box; padding:45px 60px;}
.ct4 p{font-size: 16px; color:#666;}
.ct4 h2{font-size: 32px;color: #0262AF; padding-top:15px;}
.wby2{width:100%; border: none; background:url(../images/men.png) no-repeat right 10px center #F2F2F2;; padding: 0 10px; height:55px; line-height: 55px; font-size: 14px; margin-top:20px;box-sizing: border-box;}
.wby3{width:100%; border: none; background:url(../images/phot.png) no-repeat right 10px center #F2F2F2;; padding: 0 10px; height:55px; line-height: 55px; font-size: 14px; margin-top:40px;box-sizing: border-box;}
.b2{width:100%; height:120px; line-height:34px; margin:0; margin-top:20px; padding:0;border:#e0e0e0 0px solid; background:#F2F2F2;box-sizing: border-box; padding-left:10px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.sb4{display:block; width:100%; height:55px;border-radius: 8px; line-height:55px; border:none; font-size:16px; text-align:center; color:#fff; background:#0262AF;;;; margin-top:20px; transition:0.5s; border-radius:2px;}
.sb4:hover{opacity:0.9;}

.cont5{ width:1240px; height:auto; margin:70px auto;}
.cnt5{position: relative; margin-top:35px;}
.cnt5 img{width: 100%;}
.cnt5 img.bg{transform: scale(1.2); transition: 4s; width: 100%; height: auto; display: block;}
.cnt5 .swiper-slide.swiper-slide-active img.bg{ transform: scale(1);}
.cnt5 .swiper-slide{ width: 100%; height: auto; overflow: hidden;}
.cnt5 .swiper-pagination{ margin-top:20px; position:static;}
.cnt5 .swiper-pagination span { opacity: 1; background:#E0E0E0;; outline: none; width: 12px; height: 12px; margin:0px 4px;}
.cnt5 .swiper-pagination span.swiper-pagination-bullet-active { background: #1389E4;}

.cont5 a{width: 200px;height: 56px;background: #0262AF;border-radius: 30px; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin:30px auto;}
.cont5 a:hover{ color:#F58B03;}

.cont6{ width:100%; height:auto;background: #F4F4F4; padding:60px 0px;}
.cnt6{ width:1240px; height:auto; margin:40px auto 0px auto;}
.cnt61{ width:48%; float:left; background:#fff; padding:30px;box-sizing: border-box; margin-right:4%; margin-bottom:40px;}
.cnt61:nth-child(2n){ margin-right:0px;}
.ct61{ width:100%; height:25px; border-left:3px solid #F58B03;font-size: 20px;line-height: 26px; color:#333;padding-left:12px; margin-bottom:20px;}
.con611{width:100%; height: auto; padding-bottom:30px; border-bottom:#e5e5e5 1px solid; font-size:14px; color:#666; }
.con611 img{width:190px; height:115px; float:left; margin-right:15px;}
.con611 h2{font-size:16px; color:#333; padding-bottom:15px; padding-top:15px; font-weight: normal;;}
.con611 p{font-size:12px; color:#888;}
.con622{width:100%; height: auto; margin:0 auto; padding-top:15px;}
.con622 ul a{display:block; width:100%; height:55px; line-height:55px; color:#333; border-bottom:#e2e2e2 1px solid; font-size:14px; overflow:hidden;}
.con622 ul span{float:right; color:#999; font-size:12px;}
.con622 ul a:hover{ color:#0262AF;}



.footer{ width:100%; height:auto; padding:40px 0px; background:#E9EDF0;}

.foot{ width:1240px; height:auto; margin:0 auto; border-bottom:1px solid #BDBDBD; padding-bottom:30px;}
.logo1{ width:213px; height:65px; float:left;}
.foot ul{ overflow: hidden; float:right; padding-top:20px;}
.foot ul li{ float: right; margin-left: 45px;}
.foot ul li a{ font-size: 14px; color:#333;}
.foot ul li a:hover{ color: #666;}

.fot{ width:1240px; height:auto; margin:0 auto; padding-top:50px;}
.fot1{ width:auto; float:left; padding-top:5px;}
.fot1 h2{font-family:'DIN';font-style: normal;font-weight: 500;font-size: 36px;line-height: 44px;color: #333333;}
.fot1 p{color: #333333; line-height:35px;}
.fot1 span{ color:#666;}
.fot2{ float:right;}


#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bread{ width:100%; height:80px; font-size:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.breadz{ width:1240px; height:80px; margin:0 auto; line-height:80px;}
.bread1{ width:auto; float:left;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 79px;}
.bread1 a{color: #666;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #0262AF; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #0262AF;;}
.bread1 a:hover:before{width: 100%;}
.bread2{ width:auto; float:right; color:#999;background:url(../images/j1.png) left center no-repeat; padding-left:25px; color:#999;}

.prod{ width:1240px; height:auto; margin:70px auto;}
.prod img{ display:inline-block; width:100%;}
.prod1{ width:1240px; height:auto; font-weight: 700;font-size: 20px; color:#333; margin:0px auto 50px auto;}
.prod2{ width:1240px; height:auto; margin:0 auto; padding-bottom:30px;}
.prod2 li{ width:48%; float:left; margin-right:4%; margin-bottom:30px;background: #F2F2F2; line-height:80px; padding:0px 25px;box-sizing: border-box; color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.prod2 li span{font-family: 'Roboto';font-weight: 700;font-size: 20px;line-height: 23px;color: #333333; padding-right:15px;}
.prod2 li:nth-child(2n){ margin-right:0px;}
.phone1{ width:1240px; margin:0 auto; height:60px; padding-bottom:70px;}
.phoe1{ width:170px; height:60px;background: #0262AF; color:#fff; font-size:16px; text-align:center; line-height:60px; float:left;}
.phoe2{border: 2px solid #0262AF; width:260px; height:60px; text-align:center; line-height:56px;box-sizing: border-box; float:left; }
.photo{ width:1240px; height:auto; margin:70px auto;}
.photo ul{ width:100%; margin-top:40px;}
.photo li{ width:23.5%; height:auto; float:left; margin-right:2%; margin-bottom:25px;}
.photo li:nth-child(3n) { margin-right:0px;}
.photo li img{ display:inline-block;cursor: pointer;transition: all 1.2s;}
.photo li img:hover{transform: scale(1.1);}
.photo li p{ width:100%; height:50px; line-height:50px; color: #333333; font-size:16px;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #0262AF;; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#0262AF;;;; color:#fff;border:1px solid #0262AF;;;;}
.nx_pg .on{ background:#0262AF;;;; color:#fff;border:1px solid #0262AF;;;;}

.photo1{ width:1240px; height:auto; margin:70px auto;}
.photo1 ul{ width:100%; margin-top:40px;}
.photo1 li{ width:48%; height:auto; float:left; margin-right:4%; margin-bottom:25px;}
.photo1 li:nth-child(2n) { margin-right:0px;}
.photo1 li img{ display:inline-block;cursor: pointer;transition: all 1.2s;}
.photo1 li img:hover{transform: scale(1.1);}
.photo1 li p{ width:100%; height:50px; line-height:50px; color: #333333; font-size:16px;}
.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 50px 0px;;box-sizing: border-box; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #0262AF;background:#0262AF; color:#fff; text-align:center; line-height:52px; margin-top:50px;border-radius: 30px;}
.fh a{  color:#fff;}
.fh:hover a{ text-decoration:underline; color:#fff;}
.fh:hover{ width: 181px;height: 52px;border: 1px solid #0262AF;; background:#0262AF; text-align:center; line-height:52px; margin-top:50px;}

.artile1{ max-width:1240px; height:auto; padding:75px 0px 15px 0px; margin:0 auto;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto;;  background:#0262AF;;; transition:all 0.5s; overflow:hidden; padding:46px 40px;box-sizing: border-box;}
.xman1{ width:100%;transition:all 0.8s; }
.art11{ width:378px; height:214px; float:left;  overflow:hidden; position:relative;}
.art11 img{ width:378px; height:214px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}

.art21{ height:214px;overflow: hidden;padding-left:40px; padding-right:0px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:20px; font-weight:normal; color:#fff;transition:all 0.5s; height: auto;  line-height:30px; height:30px; margin-top:5px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }

.art21 .art_p1{ width:100%; height:75px; line-height:25px; margin-top:5px;transition:all 0.5s; color:#fff ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art21 .art2_11{ width:96%; height:50px; line-height:40px; padding-top:20px; color:#fff;}
.art21 .art2_11 span{ float:right; color:#fff;; font-size:16px;display:block;width:170px;height: 50px;border: 1px solid rgba(255, 255, 255, 0.6); text-align:center; line-height:50px; ;transition:all 0.5s; }
.ct521{ width:1240px; margin:0 auto; margin-bottom:70px;;}
.ct521 li{ width:100%; height:80px; line-height:80px; font-size:16px; color:#333; padding-left:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;transition: all 1.2s; background:url(../images/ock1.png) center left no-repeat; }
.ct521 li span{ float:right; color:#666;}
.ct521 li:hover a{ color:#0262AF; font-weight:bold;}
.ct521 li:hover {border-bottom: 1px solid #0262AF;box-sizing: border-box; background:url(../images/ock2.png) center left no-repeat; }
.kuang{ width:100%; height:30px;}

.sideMen{ width:1240px; margin:70px auto;  }
.sideMen h3{ height:60px; line-height:60px; padding-left:20px;background:#F2F2F2;cursor:pointer; font-size:16px; color:#333;box-sizing: border-box; margin-bottom:25px;}
.sideMen h3.on{ background:#0262AF; color:#fff; margin-bottom:0px;}
.sideMen h3 em{ float:right; display:block; width:24px; height:24px; margin-top:16px; margin-right:20px;   background:url(../images/k1.png) center left no-repeat;; }
.sideMen h3 em.on{  width:24px; height:24px; background:url(../images/k2.png) center left no-repeat !important;;}
.sideMen .xn{ padding:30px 60px 40px 60px;; background:#F2F2F2; margin-bottom:25px; }
.xn1{ width:100%; margin:0 auto; height:40px; line-height:40px;}
.xn1 p{ float:left; padding-right:40px;}
.xn1 p span{ font-size:14px; font-weight:bold;}
 .xn h2{ width:100%; font-size:14px; padding:20px 0px;}
.xn2{ width:100%; height:auto; padding-top:2px;}
.ab1{ width:1240px; height:auto; margin:70px auto;}
.ab11{ width:520px; float:left; padding-top:20px;}
.ab11 li{ width:48%; float:left; height:53px; margin-bottom:35px; }
.ab11 li img{ float:left; padding-right:10px;}
.ab11 li h2{font-size: 16px; color:#666; font-weight:normal; height:20px; line-height:20px;}
.ab11 li p{font-size:18px; color:#333; font-weight: bold;height:30px; line-height:30px;}
.ab11 li:nth-child(1){ margin-right:4%;}
.ab11 li:nth-child(2){ margin-right:0px;} 
.ab11 li:nth-child(3){ width:100%;}
.ab11 li:nth-child(4){ height:auto; padding-top:40px;}

 .righth{width:600px; float:right; height: auto; margin:0px auto; box-sizing:border-box;   font-size:16px;}
.righth h2{ font-size:32px; text-align:left; line-height:44px; font-weight:normal; color:#333; margin-bottom:15px; padding:0px 5px;}

.righth table{padding:0; margin:0; border-collapse:collapse; border:none;}
.righth table td{padding:10px 5px;; color:#333; font-weight:bold;}
.sb1{width:100%; height:55px; line-height:55px; border:none; text-indent:15px; opacity:0.8; background:#;; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb2{width:520px; height:55px; line-height:55px; border:none; text-indent:15px; background:#;; opacity:0.8; font-size:15px;}
.sb3{width:100%; height:120px; line-height:25px; border:none; background:#;; box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb4{display:block; width:100%; height:45px; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#0262AF;;;;;;;;; margin-top:10px; transition:0.5s; border-radius:0px;}
.sb4:hover{opacity:0.9;}
.map{ width:100%; height:auto;}
.map img{ width:100%; display:block;}

.ab3{ width:1240px; height:auto; margin:70px auto;}
.ab31{ width:650px; height:548px; float:left;}
.ab31 img{ width:100%;}
.ab32{ width:510px; height:548px; float:right;}
.ab32 h2{ width:100%; font-size:36px; color: #0262AF; line-height:60px; padding-top:20px;}
.ab32 .ab321{ width:100%; height:90px; margin-top:30px; padding:15px 40px; line-height:30px;color: #0262AF; font-size:16px; font-weight:bold; background:#fff; border-left:4px solid #F58B03;box-shadow: 0px 30px 60px rgba(57, 57, 57, 0.1);border-radius: 0px 8px 8px 0px;box-sizing: border-box; }
.ab32 p{ width:100%; line-height:30px; color:#666; margin-top:30px;}
.ab32 a{width: 200px;height: 56px;background: #0262AF;border-radius: 30px; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin-top:25px;}
.ab32 a:hover{ color:#F58B03;}

.ab4{ width:100%; height:auto; background:#F2F2F2; padding:70px 0px;}
.ab4z{ width:1240px; height:auto; margin:0 auto;}
.ab4z ul{ margin-top:35px;}
.ab4z ul li{ width:48%; float:left; height:446px; margin-right:4%; padding:50px;box-sizing: border-box; background:#fff; color:#666;}
.ab4z ul li h2{ width:100%; height:26px; line-height:26px; font-size:20px; color:#333; padding-left:10px; border-left:3px solid #F58B03; margin-bottom:20px;}
.ab4z ul li:nth-child(2n) { margin-right:0px;}
.ab4z ul li img{ width:100%;}
.ab5{ width:1240px; height:auto; margin:70px auto;}
.ab5 ul{ width:100%; margin-top:30px;}
.ab5 ul li{width:49%; float:left; margin-right:2%; margin-bottom:15px; background:#F2F2F2; padding:45px 50px;box-sizing: border-box; color:#666;}
.ab5 ul li:nth-child(2n) { margin-right:0px;}
.ab5 ul li .ab51{width:95px; height:95px; float:left; line-height:95px; padding-top:5px; font-weight:bold; padding-right:20px; font-size:80px;color: #333333;opacity: 0.1;}
.ab5 ul li .ab52{overflow: hidden;height:150px; line-height:30px;color: #666666;}
.ab5 ul li:hover{ background:#0262AF;}
.ab5 ul li:hover .ab51{ color:#F58B03;opacity:1;}
.ab5 ul li:hover .ab52{ color:#fff;}
.ab6{ width:1240px; height:auto; margin:70px auto;}
.ab61{ width:510px; height:auto; float:left;}
.ab61 p{ margin-top:30px;}
.ab62{ width:590px; float:right;}
.ab62 img{ width:590px;}

.ab7{ width:100%; height:480px; background:url(../images/5.png) center no-repeat; background-size:cover; text-align:center; color:#fff;}
.ab7 p{ font-size:20px; line-height:40px; padding-top:170px; }
.ab7 h2{ font-size:36px; padding-top:15px;}


@media(max-width:1380px){
.headerbox{width: 100%; padding: 0 10px;}


}
@media(max-width:1200px){
	.langChose { display:none;}
.h_mail{ display:none;}
.search{ display:none;}
.header{height: 60px;}
.logo{ height:40px; padding-top:10px;}
.logo img{ height:40px; margin-top:0px;}
.logo2{top:5px;}
.yzxz{display: none;}
.dhbtn{width: 30px; height: 30px;background: url(../images/dm1.png) no-repeat center center #0262AF;;;background-size: 20px 20px;position: absolute;right: 3%;top:15px;border-radius: 4px;}
.dhbtn.on{width: 30px; height: 30px;background: url(../images/dm2.png) no-repeat center center #0262AF;;;;;background-size: 20px 20px;position: absolute;right: 3%;top: 15px;border-radius: 4px;}
.nav{position: fixed;width: 200px;height: 100%;background: #fff; top: 0;left: -200px;overflow: auto; padding-right:0px;}
.nav li{float: none;width: 100%; padding: 0 10px;}
.nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333;}
.header.on .nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; padding:0px; color:#333; background:none; padding-right:0px;}
.header.on .nav li h3:hover a{ color:#333;}
.nav img{width: 100px; margin: 25px auto;}
.nav li h3 a:before{ display:none;position: absolute; content: "";border-bottom: 2px solid #B9231D;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%; display:none;}
.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}
.nav img{display: block;}
.nav .sub {position: static;}
.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}
.banner .swiper-button-next{width: .24rem;height: .48rem; margin-top: -.24rem;}
.banner .swiper-button-prev{width: .24rem;height: .48rem; margin-top: -.24rem;}
.tpp{ width:100%; height:60px;}

}