@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";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: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#333; 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{height:90px; width: 100%; background:#12519D; position: fixed; top: 0;left: 0;z-index: 100;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.headerbox{width: 1240px;  margin: 0 auto;max-width: 94%;position: relative;}
.logo{float: left; width:250px; line-height:90px;    margin-top: 10px;}
.logo img{width: 100%;}
.headerbox h2{font-weight: bold; font-size: 20px; line-height: 90px;float: left; color: #fff; margin-left: 11px;}
.nav{float: right;}
.nav ul{ margin-right: -30px;}
.nav li{float: left;  padding:0 30px;position: relative;}
.nav h3 a{color: #fff; font-weight:normal; font-size: 16px;line-height: 90px;display: block; position:relative;}
.nav li a:before{position: absolute; content: ""; border-bottom: 2px solid #fff; width: 100%; left: 50%; bottom: 15px; transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;	}
.nav h3 a:hover:before{width: 100%;}
.nav h3 a:hover{color: #fff;;}
.sub{position: absolute;width: 100%; top:90px;left: 0;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: #12519D;;color: #fff;}
.rlan{ float:right; line-height:87px;color:#333; padding-left:100px;}
.rlan a{ color:#333; }
.rlan a:hover{ color:#298E6A; font-weight:bold;}
.fgt{height: 87px;}
.banner{overflow: hidden;position: relative;}
.banner img{width: 100%;}
.banner img.bg{transform: scale(1.2); transition: 4s; width: 100%; height: auto; display: block;}
.banner .swiper-slide.swiper-slide-active img.bg{ transform: scale(1);}
.banner .swiper-slide{ width: 100%; height: auto; overflow: hidden;}
.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;}
.banner .swiper-pagination-bullet{width:12px;height:12px; opacity: 1;background: #fff;border-radius: 12px; color:rgba(255, 255, 255, 0.60));}
.banner .swiper-pagination-bullet-active{background: #12519D;}



.cont1{ width:1240px; height:auto;  margin:70px auto; position:relative;}
.bt{ width:auto; position:absolute; top:0px; left:0px;}
.bt h2{ font-size:32px; color:#333; font-weight:normal; line-height:50px;}
.bt p{font-family: Roboto;font-size: 24px; color:#999;}

/* 选项卡示例样式 */
.main2 {width:100%;margin:0px auto;}
.tab {overflow: hidden;width:368px;height:  auto; float:left;cursor: pointer; margin-top:135px;}
.tab li {float: left;width: 368px; line-height:105px;height:105px;text-align: center; font-size:20px; color:#fff;border-radius: 16px;background: var(--linear, linear-gradient(90deg, #4F98C6 0%, #3273B5 100%)); margin-bottom:20px;}
.tab li img{ float:right;}
.tab li.on {background: var(--3273-b-5, #12519D);}
.con {width: 800px; height:396px; float:right;border-radius: 16px; overflow:hidden;}
.con img{width: 800px; height:396px;}

.cont2{ width:100%; height:auto; padding:70px; background:url(../images/a6.png) center top no-repeat; background-size:cover; position:relative;}
.cnt2{ width:1240px; height:auto; margin:0 auto; color:#fff; padding-bottom:500px;}
.ct21{ width:800px; float:left;}
.ct21 span{color: var(--white, #FFF);font-family: Roboto;font-size: 24px;}
.ct21 h2{color: var(--white, #FFF);font-family: Source Han Sans SC;font-size: 48px; font-weight:normal; line-height:70px;}
.ct21 p{ font-size:14px; margin-top:30px;}
.ct22{ width:auto; float:right;}
.ct22 li{ line-height:32px; width:280px; margin-bottom:30px;}
.ct22 li h2{ font-size:64px; line-height:65px; font-weight:normal; padding-right:20px; float:left;}

.cnt2a{ width:1240px; height:370px; position:absolute;bottom:-185px; left:50%; margin-left:-620px; border-radius:16px; color:#fff; background:#12519D; overflow:hidden;}
.cnt2a1{ width:50%; float:left; height:370px;}
.cnt2a1 img{ width:100%; height:370px; }
.cnt2a2{ width:50%; float:right;}
.cnt2a2 h2{ width:100%;font-size: 32px;font-style: normal;font-weight: 500; padding-top:80px; padding-left:60px;}
.cnt2a2 p{font-size: 14px; padding-left:60px; width:90%; box-sizing: border-box; padding-top:50px;}
.cnt2a2 span{ display:block; height:38px; line-height:38px; padding-left:60px; padding-top:50px; font-size:32px;}
.cnt2a2 span img{ float:left; padding-right:10px;}

.cont5{ width:100%; height:auto; padding:270px 0px 70px 0px; background:#F2F2F2;}
.bt2{ width:1240px; margin:0 auto; height:60px; line-height:60px;}
.bt2 h2{ font-size:32px; float:left; font-weight:normal;}
.bt2 a{ width:200px; height:60px; background:#fff; float:right; font-size:16px; display:block; line-height:60px; text-align:center;}
.bt2 a span{ color:#12519D; font-size:20px; line-height:60px; padding-left:10px;}
.bt2 a:hover{ background:#12519D; color:#fff;}
.bt2 a:hover span{color:#fff;}

.cnt5{ width:1240px; height:auto; padding-top:30px; margin:0 auto;}
.ct51{ width:600px; height: auto; float:left;border-radius: 16px; overflow:hidden;}
.ct51 img{ width:600px;}
.ct51 p{ width:100%; height:60px; background:#fff; line-height:60px; padding:0px 15px;box-sizing: border-box; color:#333; font-size:16px;}
.ct51 p span{ float:right; color:#12519D; font-size:16px;}
.ct52{ width:590px; float:right; background:#fff; padding:40px;box-sizing: border-box;}
.ct52 li{ background:url(../images/c21.png) center left no-repeat; padding-left:20px; width:100%; height:63px; line-height:63px; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.ct52 li span{ float:right; color:#666;}
.ct52 li:hover a{ color:#12519D; font-weight:bold;}
.ct52 li:hover {border-bottom: 1px solid #12519D;}


.footer{background: #12519D; padding-top:60px;}
.footerbox{width:1240px; overflow: hidden; margin: 0 auto; padding:20px 0px 55px 0px;}

.rwm{float: right; padding-left:50px;padding-top:40px;}
.rwm h2{color: #fff;font-size: 18px; font-weight:normal; margin-bottom: 17px;}
.rwm ul{overflow: hidden; margin-left: -60px;}
.rwm li{float: left; padding-left: 60px;}
.rwm p{font-size: 12px;color: rgba(255, 255, 255, 0.6);margin-top: 12px;}
.foot_left{float:left;width:1000px;;padding-top:40px;}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width:18%;}
.foot_left ul li:nth-child(4){ width:46%;}
.foot_left h2{color: #fff;font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.foot_left dt{line-height: 32px;color: rgba(255, 255, 255, 1);}
.foot_left dt img{ padding-right:12px; float:left; margin-top:6px;}
.foot_left a{color: rgba(255, 255, 255, 1);}
.foot_left a:hover{color: #fff;}
.bqxx{border-top: 1px solid rgba(255, 255, 255, 0.1); background:#12519D;}
.bqxxbox{width: 1360px; margin: 0 auto;}
.bqxxbox p{line-height: 54px; color: rgba(255, 255, 255, 0.6);;}
.bqxxbox p a{color: rgba(255, 255, 255, 0.6);}
.bqxxbox p a:hover{color: #fff;}
.bqxxbox span{text-align: center;width: 310px;background: #;}

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

#bannera{width:100%; height:400px; 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 #12519D; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #12519D;;}
.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;}

.prod1z{ width:100%; height:auto; background:#F2F2F2; padding:70px 0px;}
.artile1{ max-width:1240px; height:auto; margin:0 auto;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto; margin-bottom:35px;transition:all 0.5s; overflow:hidden;box-sizing: border-box;border-radius: 24px; overflow:hidden;}
.artile1 li:hover{ background:#12519D;}
.xman1{ width:100%;transition:all 0.8s; }
.art11{ width:527px; height:317px; float:left;  overflow:hidden; position:relative;border-radius: 24px;}
.art11 img{ width:527px; height:317px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}
.art21{ height:317px;overflow: hidden;padding-left:60px; padding-right:0px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:24px; font-weight:normal; color:#333;transition:all 0.5s; height: auto;  line-height:30px; height:30px; margin-top:45px; 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:25px;transition:all 0.5s; color:#666 ;  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:35px; color:#fff;}
.art21 .art2_11 span{ color:#fff;; font-size:16px;display:block;width:170px;height: 50px;border:1px solid #12519D; background:#12519D;text-align:center; line-height:50px; ;transition:all 0.5s;border-radius: 4px;}
.artile1 li:hover .art21 h2{ color:#fff;}
.artile1 li:hover .art21 .art_p1{ color:#fff;width:90%;}
.artile1 li:hover .art21 .art2_11 span{ border:1px solid #fff; color:#fff;}

/*分页*/
.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:#12519D;;;; color:#fff;border:1px solid #12519D;;;;}
.nx_pg .on{ background:#12519D;;;; color:#fff;border:1px solid #12519D;;;;}

.pdtx{ width:100%; height:auto; padding:70px 0px;background:#F2F2F2;}
.pdt{ width:1240px; height:auto; margin:60px auto 0px auto; background:#F2F2F2;box-sizing: border-box;}
.pdt1{ width:530px; height: auto; float:left;border-radius: 16px; overflow:hidden;}
.pdt1 img{ width:100%;}
.pdt1 .swiper-button-next {background: url(../images/ab2.png); width: 24px;height: 48px;margin-top: -24px;right: 2vw;}
.pdt1 .swiper-button-prev {background: url(../images/ab1.png); width: 24px;height: 48px;margin-top: -24px;left:2vw;}
.pdt2{ width:620px; height:auto; font-size:14px; float:right; color:#666;}
.pdt2 h2{ height:60px; font-size:24px; color:#333; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top:20px;}

.phpd{ width:100%; height:auto; padding-top:70px;}
.phpd h2{ width:100%; height:70px;;font-size: 24px; color:#333;}
.phpd img{ width:100%;}
.pdt21{ width:100%; height:54px; margin-top:40px;  }
.pdt21 a{border:1px solid #12519D; color:#333;float:left; width:200px; height:54px; line-height:54px;display:block; text-align:center; margin-right:20px;}
.pdt21 a:nth-child(1){ background:#12519D; color:#fff}

.artile2{ max-width:1240px; height:auto; margin:0 auto;}
.artile2 ul{ margin-bottom:45px;}
.artile2 li{ width:100%; margin:0 auto;  background:#12519D;margin-bottom:35px;transition:all 0.5s; overflow:hidden;box-sizing: border-box;border-radius: 24px; overflow:hidden;}

.xman2{ width:100%;transition:all 0.8s; }
.art22{ width:600px; height:400px; float:left;  overflow:hidden; position:relative;border-radius: 24px; position:relative;}
.art22 img{ width:600px; height:400px; display:block;cursor: pointer;transition: all 1.2s;}
.art22 img:hover{transform: scale(1.1);}
.art31{ height:400px;overflow: hidden;padding-left:60px; padding-right:0px;box-sizing: border-box; }
.art31 h2{ width:90%; font-size:24px; font-weight:normal; color:#fff;transition:all 0.5s; height: auto;  line-height:30px; height:30px; margin-top:55px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art31 .art_p2{ width:90%; height:75px; line-height:25px; margin-top:45px;transition:all 0.5s; color:#fff ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art31 .art3_11{ width:96%; height:50px; line-height:40px; padding-top:45px; color:#fff;}
.art31 .art3_11 span{ color:#fff;; font-size:16px;display:block;width:170px;height: 50px;border:1px solid #12519D; background:#12519D;text-align:center; line-height:50px; ;transition:all 0.5s;border-radius: 4px;}

.sideMen{ width:1240px; margin:70px auto;  }
.sideMen h3{ height:60px; line-height:60px;border-radius: 16px; padding-left:20px;background:#fff;cursor:pointer; font-size:16px; color:#333;box-sizing: border-box; margin-bottom:25px;}
.sideMen h3.on{background: var(--linear, linear-gradient(90deg, #4F98C6 0%, #3273B5 100%));color:#fff; margin-bottom:0px;border-radius: 16px 16px 0px 0px;;}
.sideMen h3 em{ float:right; display:block; width:24px; height:24px; margin-top:16px; margin-right:20px;   background:url(../images/k5.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:#fff; 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;}

.ct521{ width:1240px; margin:0 auto; background:#fff; padding:40px 40px;box-sizing: border-box;  margin-bottom:20px;border-radius: 16px; overflow:hidden;}
.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/c21.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; }


.time{background: var(--3273-b-5, #12519D); width:110px; border-radius:0px 25px 25px 0px; height:40px; color:#fff; text-align:center; line-height:40px; position:absolute; top:40px; left:}

.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:#12519D; color:#fff; text-align:center; line-height:52px; margin-top:50px;}
.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;}

.contat{ width:1240px; height:auto; margin:70px auto;}
.contat li{ width:48%; float:left; height:208px; padding:60px; background:url(../images/h5.png) right center no-repeat; background-size:cover; border-radius: 16px; color:#fff; margin-bottom:40px; margin-right:4%;}
.contat li:nth-child(2n){ margin-right:0px;}
.contat li img{ width:88px; height:88px; float:left; margin-right:40px;}
.contat li h2{font-size: 20px;font-style: normal;font-weight: 500; line-height:40px;}
.contat li p{ line-height:40px; font-size:14px; font-size:24px; }
.map{ width:100%; height:auto;}
.map img{ width:100%;}

.ab2t{ width:1240px; height:auto; margin:60px auto 65px auto;}

.ft4{ max-width:100%; margin:15px auto 0px auto;}
.bt2t{ width:100%; height:auto; text-align:left;}
.bt2t h2{ font-size:30px; line-height:50px; font-weight:normal; color:#333; padding-bottom:5px;}
.bt2t span{ color:#666; padding-bottom:20px; display:block;}
.bt2t b{ font-size:24px; color:#FFB84B;; font-weight:bold;}
.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:4% }
.jon11:nth-child(3n){ margin-right:0px;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;border: 1px solid var(--gray-5, #E0E0E0);
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-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{border:#BDBDBD 1px solid;  }
.jon41{ width:100%; height:120px; margin-bottom:20px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px;border: 1px solid var(--gray-5, #E0E0E0);
box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.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:#12519D;;;;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;}

.ab1{ width:1240px; height:auto; padding:70px 0px; margin:0 auto;font-size:14px; color:#333;}
.ab1 span{color: var(--3273-b-5, #12519D);font-size: 24px;}
.ab1 h2{color: var(--333, #333); font-weight:normal;font-size: 40px; line-height:80px; padding-bottom:15px;}
.ab1 ul{ width:100%; height:auto; margin-top:60px;}
.ab1 ul li{ width:22%; float:left; margin-right:4%; }
.ab1 ul li:nth-child(4){ margin-right:0px;} 
.ab1 ul li .abll{ width:auto; height:70px; line-height:70px;font-size: 64px; float:left; color:#12519D;padding-right:15px;}
.ab1 ul li .ab12{ width:auto; margin-top:10px; line-height:25px; color:#333; }

.ab2{ width:1240px; margin:0 auto; padding-bottom:70px;}
.ab21{ width:100%; font-size:40px; color:#333; height:70px; margin-bottom:20px; }
.ab21 span{ font-size:64px;}

.ab2 ul{ width:100%; height:auto;}
.ab2 ul li{ width:18%; margin-right:2.5%; float:left; margin-bottom:35px;}
.ab2 ul li:nth-child(5n){ margin-right:0px;} 
.ab2 ul li .ab22{background: url(<path-to-image>), lightgray -69.919px -40.093px / 170.291% 130.959% no-repeat;}
.ab2 ul li:hover .ab22{background: url(<path-to-image>), lightgray -69.919px -40.093px / 170.291% 130.959% no-repeat;}
.ab2 ul li .ab22 img{ width:100%; display:block;}
.ab2 ul li p{ width:100%; height:70px; line-height:70px; text-align:center;}





@media(max-width:1200px){
.nav ul{margin-right: -14px;}
.nav li{padding: 0 14px;}
}
@media(max-width:1000px){
.header{height: 60px;}
.rlan{ line-height:60px; margin-right:70px;}
.dhbtn{position: absolute; right: 3%; top: 15px; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #298E6A;;background-size: 20px 20px;border-radius: 4px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #298E6A;;background-size: 20px 20px;}
.logo{width:100px; margin-top:6px;}
.fgt{height: 60px;}
.nav{width: 200px; padding: 0; background: #fff;height: calc(100% - 60px);left:-200px; top: 60px; position: fixed;overflow: auto;margin: 0;}
.nav ul {margin: 0;}
.nav li{float: none; width: 100%;border-bottom: 1px solid #eee;padding: 0;}
.nav h3 a{line-height: 55px;text-align: center;}
.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed; width: 100%; height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 10;display: none;}
._top{width: 40px;height: 40px;background-size: 100% 100%; right: 5px;bottom: 5px;}
}