@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family: Arial;color:#333;line-height:28px; 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: Arial; border: none; outline: none;  }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: inline-block;}
a{ color:#5c5c5c; text-decoration:none}


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%; background:#fff;height: 90px; position:fixed; z-index:9}
.headerbox{width: 1240px; margin: 0 auto; }
.logo{width:192px;float: left;}
.logo img{width: 100%;}
.nav{float: left; padding-left: 152px;}

.nav li{float: left;   padding:0 30px; position: relative;}
.nav li h3 a{display: block; font-size:14px;;color: #333333;line-height: 90px;}


.nav li h3 a:before{position: absolute; content: "";border-bottom: 2px solid #408AF5;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%;}

.nav li a:hover{color: #408AF5; }



.sub{position: absolute;width: 180%; top:90px;left:-40%;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #408AF5;color: #fff;}

.headerbox .language{ float: right; height: 80px; display:none;}
.headerbox .language ul{float: right;}
.headerbox .language ul li{ float: right; margin-left: 15px; line-height: 80px; height: 80px; position: relative;}

.headerbox .language ul li img{ vertical-align: middle; display: inline-block; }
.headerbox .language ul li .serach{ width: 42px; height: 42px; overflow: hidden; display: inline-block; vertical-align: middle;  position: relative;}
.headerbox .language ul li .serach img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.headerbox .language ul li .serachBox{ display: none; overflow: hidden; width: 200px; height: 40px; line-height:40px; background: #fff; position: absolute; right: 0; top: 70px; border-radius:8px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index:9}
.headerbox .language ul li .serachBox button{ float: right; width: 40px; height: 40px; background: url(../images/search.png) center center no-repeat; border: none;}
.headerbox .language ul li .serachBox input{ display: block; float: left; width: calc(100% - 40px); float: left; padding: 0 15px; box-sizing: border-box; height:40px; line-height:40px; font-size: 14px;}


.headerbox .language ul li:hover .serachBox{ display: block;}

.banner img{width: 100%; margin-top:90px;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}


.footer{ width:100%; height:auto; padding:75px 0px 10px 0px;;background: #092F53; color:#fff;}
.footz{ width:1240px; height:auto; margin:0 auto;}
.fott{ width:1240px; height:78px;}
.fott1{ width:215px; height:78px; float:left;}
.fott2{ width:1010px; height:68px; float:right; line-height:30px; padding-top:10px;}
.foot_bottom{ width:100%;padding-top:55px;color:#fff;;}
.foot_bottom ul{overflow: hidden;}
.foot_bottom li{float: left; width:25%;}

.fta{width: 156px;height: 48px; border:1px solid #fff; text-align:center; line-height:48px; margin-top:20px; }
.fta a{ color:#fff; font-size:16px; }

.foot_bottom h2{color:#fff; height:35px; color:#39A6F5; line-height:30px; font-size: 16px; margin-bottom: 5px; font-weight:normal;}
.foot_bottom p{ font-size:32px; padding-top:10px; font-family:Impact;}
.foot_bottom dt{line-height: 34px; font-size: 14px;}
.foot_bottom a{color:#fff;;transition: All 0.4s ease-in-out;}
.foot_bottom a:hover{ text-decoration:underline;;}

.copyright{ width: 100%; margin: 0 auto; height: 70px; margin-top:50px; line-height: 70px; border-top:1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.9); font-size: 14px;}
.copyright span{ float: right; padding-top:14px;}
.copyright span a{ padding:0px 15px;}
.copyright span a:nth-child(1){ position:relative;}
 .copyright span a:nth-child(1) .wxz{ position:absolute; width:100px; height:100px; top:-122px; left:-30%; display:none;}
 .copyright span a:nth-child(1) .wxz img{ width:100%;}
  .copyright span a:nth-child(1):hover .wxz{ display:block}
.copyr{ width:1240px; height:auto; margin:0 auto;}


.cont1{ width:1240px; height:auto; margin:70px auto;}
.cnt1{ width:455px; height:480px; float:left; background:url(../images/a2.png) center no-repeat; background-size:cover; color:#fff;text-align:center;}
.cnt1 img{ width:70px; height:67px; margin:70px auto 50px auto; }
.cnt1 p{ width:70%; line-height:40px; text-align:center; margin:0 auto; font-size:24px; }
.cnt1 a{ width:198px; height:54px; border:1px solid #fff; color:#fff; text-align:center; transition: all 1s;line-height:54px; display:block; margin:50px auto;}
.cnt1 a span{ font-weight:bold; padding-right:5px;}
.cnt1 a:hover{ color:#408AF5; border:1px solid #408AF5;}
.cnt2{ width:750px; height:480px; float:right; background:url(../images/a3.png) center no-repeat; background-size:cover;}
.cnt2 p{ width:500px; height:auto; margin-top:60px; margin-left:60px; font-size:48px; line-height:70px;color: #144A98;}
.cnt2 p span{ font-weight:bold;}
.cnt2 h3{ margin-left:60px; margin-top:20px; font-size:16px; line-height:34px; color:#666; font-weight:normal;}
.cnt2 a{ width:198px; height:54px; border:1px solid #999; color:#333; text-align:center; line-height:54px; display:block; margin-top:30px; margin-left:60px;transition: all 1s;}
.cnt2 a span{ font-weight:bold; padding-right:5px;}
.cnt2 a:hover{ color:#408AF5; border:1px solid #408AF5;}

.cont2{ width:100%; height:auto; padding:70px 0px; background:#f2f2f2;}
.cnt2z{ width:1240px; height:auto; margin:0 auto;}
.cnt21{ width:570px; float:left;}
.cnt21 h2{ width:100%; color: var(--333, #333);font-family: Roboto;font-size: 32px; line-height:50px;font-weight: 700; margin-top:30px;}
.cnt21 p{ color:#666; margin-top:50px;}
.cnt21 a{width:198px; height:54px; background:#408AF5; border:1px solid #408AF5; color:#fff; text-align:center; line-height:54px; display:block; margin-top:30px;transition: all 1s;}
.cnt21 a:hover{background:#f2f2f2; border:1px solid #408AF5; color:#408AF5;}
.cnt22{ width:588px; height:451px; float:right;}

.cont3{ width:100%; height:auto; padding:75px 0px; background: url(../images/a5.png) center no-repeat; background-size:cover;}
.cnt3z{ width:1240px; height:auto; margin:0 auto; color:#fff;}
.cnt3t{ width:100%; height:auto;}
.cnt3t h2{ width:100%; color: var(--white, #FFF);text-align: center; font-weight:bold;font-size: 32px; line-height:80px;}
.cnt3t p{ text-align:center;}
.cnt3t a{width:198px; height:54px; background:#408AF5; border:1px solid #408AF5; color:#fff; text-align:center; line-height:54px; display:block; margin:40px auto;transition: all 1s;}
.cnt3t a:hover{background:none;; border:1px solid #408AF5; color:#408AF5;}
.cnt3d{ width:100%; height:auto; margin-top:80px;}
.cnt3d li{ width:23.5%; height:auto; background:url(../images/a13.png) center no-repeat; padding-bottom:10px; background-size:cover; text-align:center; float:left; margin-right:2%;transition: all 0.8s;}
.cnt3d li:nth-child(4){ margin-right:0px;}
.cnt3d li img{ width:44px; height:44px; margin:30px auto 15px auto;}
.cnt3d li p{ width:100%; font-size:14px; font-weight:bold; color:#fff;}
.cnt3d li span{ width:30px; height:1px; background:#fff; display:block; margin:20px auto;}
.cnt3d li:hover{ background:rgba(64, 138, 245, 0.9);}
.cnt3d li:nth-child(2){ background:url(../images/a12.png) center no-repeat; background-size:cover;transition: all 0.8s;}
.cnt3d li:nth-child(3){ background:url(../images/a11.png) center no-repeat; background-size:cover;transition: all 0.8s;}
.cnt3d li:nth-child(4){ background:url(../images/a10.png) center no-repeat; background-size:cover;transition: all 0.8s;}
.cnt3d li:nth-child(2):hover{ background:rgba(64, 138, 245, 0.9);}
.cnt3d li:nth-child(3):hover{ background:rgba(64, 138, 245, 0.9);}
.cnt3d li:nth-child(4):hover{ background:rgba(64, 138, 245, 0.9);}


.cont4{ width:1240px; height:auto; margin:0 auto; padding:75px 0px;}
.cnt4t{ width:100%; height:auto;}
.cnt4t h2{width:100%; color: var(--white, #333);text-align: center; font-weight:bold;font-size: 32px; line-height:80px;}
.cnt4t p{ text-align:center; color:#666;}
.cnt4t span{ width:60px; height:2px; background:#1C75BC; display:block; margin:20px auto;}
.cnt4d{ width:700px; height:auto; margin:0 auto;}
.cnt4d li{ width:40%; float:left; margin-right:20%; text-align:center;}
.cnt4d li:nth-child(2){ margin-right:0px;}
.cnt4d li  .ct4_img{ width:248px; height:248px; margin:0 auto;overflow:hidden; border-radius:200px;}
.cnt4d li img{max-width:100%;cursor: pointer;transition: all 1.2s;}
.cnt4d li img:hover{transform: scale(1.1);}
.cnt4d li h2{color: var(--333, #333);text-align: center;font-size: 24px;font-style: normal;font-weight: 700; padding-top:30px;}
.cnt4d li p{color: var(--333, #333);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;}
.cnt4d a{width:198px; height:54px; background:#408AF5; border:1px solid #408AF5; color:#fff; text-align:center; line-height:54px; display:block; margin:70px auto 5px auto;transition: all 1s;}
.cnt4d a:hover{background:none;; border:1px solid #408AF5; color:#408AF5;}
.cont5{ width:100%; height:auto; padding:75px 0px; background:#f2f2f2;}
.cont5 h2{width:100%; color: var(--white, #333);text-align: center; font-weight:bold;font-size: 32px; line-height:80px;}

/* 选项卡示例样式 */
.main2 {width: 1240px;margin:0px auto;}
.tab {overflow: hidden;width:540px; margin:0 auto;height:40px;cursor: pointer;}
.tab li {float: left;text-align: center; height:40px; line-height:40px; font-size:16px;}
.tab li  span{ padding:0px 20px;}
.tab li.on { color:#408AF5}
.tab li.on  span{ color:#333;}
.con {width: 100%;padding-top:35px;}
.con li{ width:32%; margin-right:2%; background:#fff; padding-bottom:30px; float:left;}
.con li:nth-child(3n){ margin-right:0px;}
.con li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.con li img:hover{transform: scale(1.1);}
.con li h3{ width:76%; line-height:32px; font-size: 18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; margin:25px auto 5px auto;}
.con li p{width:76%; line-height:28px; margin:0 auto; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; margin:10px auto;}
.scrlltop{ width:100%; height:80px; background:#408AF5;}
.scrlltop a{ width:150px; height:40px; display:block; margin:0px auto; padding-top:20px; color:#fff; line-height:40px;}
.scrlltop a img{ float:left; padding-right:15px;}

#bannera{width:100%; height:400px; margin:0 auto; padding-bottom:0px; border-top:#fff 90px solid; background-position:center center;}
.bread{ width:100%; height:52px; font-size:16px;background: #F2F2F2;}
.breadz{ width:1240px; height:52px; margin:0 auto; line-height:52px;}
.bread1{ width:auto; float:right;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #333;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 2px solid #0E56C0; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #0E56C0;;}
.bread1 a:hover:before{width: 100%;}
.bread2{ width:auto; float:left; color:#999;background:url(../images/j1.png) left center no-repeat; padding-left:40px; color:#666;}
.ab1{ width:1240px; height:auto; margin:70px auto;}
.ab11{ width:540px; height:auto; float:left;}
.ab11 h2{font-weight: 700; font-size:40px; line-height:55px;}
.ab11 .pb1{ font-size:16px; line-height:30px; padding-top:50px;}
.ab11 ul{ margin-top:30px;}
.ab11 li{ width:100%; line-height:26px; font-size:16px; color:#666; margin-bottom:0px; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding:25px 0px;}
.ab11 li img{ float:left; margin-top:0px; margin-right:10px; }
.ab12{ width:580px; height:auto; float:right;}
.ft4{ max-width:100%; margin:15px auto 0px auto;}

.ab12 h2{ font-size:30px; line-height:50px; font-weight:normal; color:#333; padding-bottom:5px;}

.jon11{ width:100%; height:70px; margin-bottom:20px; float:left; }

.b11{width:100%; height:70px; line-height:70px; font-size:14px;background:#F2F2F2; margin:0;
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; 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; }
.b11:hover{  }
.jon41{ width:100%; height:200px; margin-bottom:20px; display:block;}
.b21{width:100%; height:200px; line-height:30px;margin:0; font-size:14px;
box-sizing: border-box;border-radius: 2px; padding-left:10px; background:#F2F2F2 }
.b21:hover{  }
.jon51{ width:200px; height:48px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#408AF5;;;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}
.map{ width:100%; height:auto;}
.map img{ width:100%; display:block;}

.prodt{ width:1240px; height:auto; margin:70px auto;}
.prodt h2{ font-weight: 700; font-size:40px; color:#333; line-height:60px; padding-bottom:30px;}
.prodt .prdz{ border:1px solid #fff;}
.prodt .prd1{ background:#406898; color:#fff; text-align:center; height:65px; font-size:24px; font-weight:bold;}
.prodt .prd3{ width:6%; text-align:center; text-indent:0px;}
.prodt .prd4{ width:15%}
.prodt .prd5{ width:46%}
.prodt .prd6{ width:33%}
.prodt .prd2{ height:65px; text-align:left; text-indent:20px; background:#ced4dd; font-size:24px; color:#333;cursor: pointer;}
.prodt .prd2:nth-child(2n){ background:#e8ebef;}
  
.prodt .comp{ background:#408AF5; color:#fff; font-weight:bold;}  

.prodd{ width:1240px; height:auto; margin:0px auto 70px auto}
.prodd h2{font-weight: 700; font-size:40px; color:#333; line-height:60px; }
.prodd li{ width:100%; margin-top:50px; padding-bottom:50px; border-bottom:1px solid rgba(0, 0, 0, 0.10);}

.prodt1{ width:1240px; height:auto; margin:70px auto; text-align:center;}
.prodt1 h2{ font-weight: 700; font-size:40px; color:#333; width:100%; text-align:left; line-height:60px; padding-bottom:30px;}
.prodt1 img{ max-width:100%}

.podz{ width:100%; height:auto; padding:80px 0px; background:url(../images/e2.png) center no-repeat; background-size:cover; color:#fff;}
.podz h2{ width:1240px; line-height:60px;font-size: 40px; color:#fff; margin:0 auto; padding-bottom:45px;} 
.podz1{ width:1240px; height:auto; margin:0 auto;}
.podz2{ width:1240px; height:auto; margin:0 auto; padding-top:60px;}
.podz2 h3{ font-weight: 700; font-size:24px; padding-bottom:40px;}
.podz2 ul{ width:100%; height:145px; background:#408AF5;}
.podz2 ul li{ width:20%; height:145px; float:left; padding-top:25px; padding-left:32px; line-height:30px; border-right: 1px solid rgba(255, 255, 255, 0.30);box-sizing: border-box; font-size:16px; font-weight:700; }




/*分页*/
.nx_pg{width:100%; height: auto ; padding:10px 0px 0px 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:#408AF5;;;; color:#fff;border:1px solid #408AF5;;;;}
.nx_pg .on{ background:#408AF5;;;; color:#fff;border:1px solid #408AF5;;;;}

.xwart{ max-width:1240px; height:auto; margin:60px auto ;}
.xwart ul{ padding-bottom:0px;}
.xwart li{ max-width:1240px;margin:0 auto 36px auto;border-radius:5px; height:130px; padding:10px 15px;; background: #fff;;transition:all 0.5s;box-sizing: border-box; ;}
.xman2{  height:110px;overflow: hidden;}


.xwart li .art22{ width:100%; margin-left:40px; }
.xwart li .art22 h2{ width:100%; font-size:16px; color:#333333;transition:all 0.5s; height: auto; font-weight: 700; line-height:30px; height:30px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art22 .art_p2{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.xmen2{ width:110px; height:110px; background:#f2f2f2; text-align:left; float:left; text-align:center;}
.xmen2 h3{font-size:42px; color:#333;; margin-top:26px; padding-bottom:10px; float:left;transition:all 0.5s; width:100%;}
.xmen2 p{ width:100%;font-size:16px; float:right; color:#666;; }
.xwart li:hover{ background:#408AF5;}
.xwart li:hover .art22 h2{ color:#fff;}
.xwart li:hover .art22 .art_p2{ color:#fff;}
.xwart li:hover .art12{color: #fff;; border:1px solid #fff;}


.xwart li:hover .xmen2 h3{ color:#408AF5;}
.xwart li:hover .xmen2 p{ color:#408AF5;} 


.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 70px 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 #999999; text-align:center; line-height:52px; margin-top:50px;}
.fh:hover a{ text-decoration:underline; color:#fff; }
.fh:hover{background:#175E9F;border: 1px solid #175E9F;}
.ab2{ width:1240px; height:auto; margin:70px auto;}
.ab2 h2{ width:100%; line-height:60px; font-size:40px; padding-bottom:20px;}
.ab2 .ab21{ color:#666; padding-bottom:40px;}
.ab2 img{ width:100%;}
.ab3{ width:100%; height:auto; padding:76px 0px;background: #092F53;}
.ab3z{ width:1240px; height:auto; margin:0 auto;}
.ab3z h3{ font-size:40px; color:#fff; padding-bottom:55px;}
.ab3z li{ width:23.5%; background:#fff; margin-right:2%; text-align:center; padding-bottom:45px; float:left;}
.ab3z li:nth-child(4n) { margin-right:0px;}
.ab3z li img{ padding:45px 0px 25px 0px;}
.ab3z li h2{ width:75%; margin:0 auto; height:60px; line-height:30px; text-align:center; font-size:16px;}
.ab3z li p{ width:75%; height:auto; margin:0 auto; color:#666; height:120px; line-height:30px;}

.ab4{ width:1240px; height:auto; margin:70px auto;}
.ab41{ width:100%; height:auto;}
.ab41 h2{ font-size:40px;}
.ab41 p{ color:#666; margin:40px auto;}

.ab4 li{ width:100%; margin-bottom:40px;}
.ab4 li .case1{ width:248px; height:340px; float:left; padding-right:30px;}
.ab4 li .case1 img{ width:100%; height:100%;}
.ab4 li .case2{ overflow: hidden;height:340px;}
.ab4 li .case2 h2{ width:99%; font-size:24px; height:40px; line-height:40px; margin-top:8px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.ab4 li .case2 h3{ color:#333; font-size:16px; margin-top:5px;}
.ab4 li .case2 p{ width:99%; height: auto; line-height:31px; color:#666; margin-top:20px; }
.ab5{ width:100%; height:auto; padding:100px 0px; background:url(../images/c11.png) left center no-repeat; background-size:cover; }
.ab5 h2{ width:1140px; height:auto; margin:0 auto;font-size: 40px; padding:0px 50px; color:#333;}
.ab51z{ width:1240px; height:auto; margin:0 auto; padding-top:170px;}
.ab51{ width:950px; height: auto; padding:0px 50px 155px 50px; background:url(../images/c10.png) bottom center no-repeat; position:relative; }
.ab51 img{ width:100%;}

.ab51 .swiper-button-next {background: url(../images/c9.png); width: 28px;height:56px;margin-bottom: -22px; top:100%;left: 4vw;}
.ab51 .swiper-button-prev {background: url(../images/c8.png); width:28px;height:56px;margin-bottom: -22px; top:100%;left: 2vw;}











@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 60px;width: auto;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #58b300;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #58b300;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}
.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.banner{margin-top: 60px;}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
}