@charset "utf-8";
/* CSS Document */
.m-btn{ display:none; margin-top:40px; z-index:9999}
.m-btn span{ width:25px; height:3px; background:#0085c1; display:block; margin-bottom:5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-btn .span3{ margin-bottom:0}
.open-btn .span2{ display:none}
.open-btn .span1{ -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:right top}
.open-btn .span3{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 14px 8px}

.m-menu{ position:fixed; top:128px; background:#fff; width:100%; display:none; z-index:10; z-index:9999; border-top:solid 1px #ddd}
.m-menu li {line-height: 45px; font-size: 16px;border-bottom: 1px solid #e8e8e8; z-index:9999}
.m-menu li a{ position:relative; padding:0 2%; display:block}
.m-menu li .menu_a i {position: absolute;top: 15px;right: 2%;width: 22px;height: 22px;background: url(../images/menu_list1.png) no-repeat center;background-size: 22px 22px;}
.m-menu li .menu_a.cur {background: #0085c1;color: #fff;}
.m-menu li .menu_a.cur i{background: url(../images/ico_03_h.png) no-repeat;height: 2px;top: 26px;}
.m-menu li .sub {background: #f5f5f5;line-height: 35px;font-size: 14px;padding: 10px 0 20px;display: none; z-index:9999}
.m-banner{ display:none; position:relative}
.m-banner .swiper-slide a{ display:block; height:400px; background-size:auto 100% !important;}
.m-banner .swiper-pagination-bullet{border:1px solid #fff; opacity:1; background:none}
.m-banner .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff}


.footer2{ display:none}
.footer2{ display: none; width:100%; background-color:#000;padding:2px 0 5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}


@media screen and (max-width: 849px){
.wrap{ width:96%; margin:0 auto;}
.about .wrap .ab_left{ float:none; width:100%; margin-bottom:20px}
.about .wrap .ab_right{ float:none; width:100%;}

.header .menu li{ float:left;padding:0; width:14.28%}

.main .caselist li .pic{ height:auto;}
.main .caselist li:hover img{transform:scale(1);}


.main .caselist .pic{ height:auto;}
.main .caselist li:hover img{transform:scale(1);}

.nmain .jianjie .prolist li{ height:auto;}



.ncaselist li .pic{ height:auto;}
.ncaselist li:hover img{transform:scale(1);}

.nnewslist li .pic{ height:auto;}
.nnewslist li:hover img{transform:scale(1);}
}

@media screen and (max-width: 768px){
.footer2{ display:block}
.footer{ margin-bottom:55px;}

.header .logo{ margin:28px auto 14px auto; width:110px; }
}


@media screen and (max-width: 640px){
.header .menu li{ width:25%}
.header .menu li:nth-child(5){ width:33.33%}
.header .menu li:nth-child(6){ width:33.33%}
.header .menu li:nth-child(7){ width:33.33%}

.header .logo{ width:90px; }

.main .wrap{ margin-top:35px;}

.main .caselist li{ float:left; width:48.5%; margin-right:2%; height:112px; }


.main .caselist li:nth-child(9){ display:none}

.main .caselist li:nth-child(3n){ margin-right:2%; }
.main .caselist li:nth-child(3n+1){ clear:none;}

.main .caselist li:nth-child(2n){ margin-right:0%; }
.main .caselist li:nth-child(2n+1){ clear:both;}


.nmain .ncaselist li{ float:left; width:48.5%; margin-right:2%;}
.ncaselist li:nth-child(3n){ margin-right:2%; }
.ncaselist li:nth-child(3n+1){ clear:none;}

.ncaselist li:nth-child(2n){ margin-right:0%; }
.ncaselist li:nth-child(2n+1){ clear:both;}


.nmain .nnewslist li{ float:left; width:48.5%; margin-right:2%;}
.nnewslist li:nth-child(3n){ margin-right:2%; }
.nnewslist li:nth-child(3n+1){ clear:none;}

.nnewslist li:nth-child(2n){ margin-right:0%; }
.nnewslist li:nth-child(2n+1){ clear:both;}




.nmain .title{ font-size:18px; line-height:68px;}
.nmain .jianjie h3{ font-size:18px; }

.nmain .jianjie ul li{ width:50%; float:left;}
.nmain .jianjie ul li:nth-child(2n+1){ clear:both; }

.nmain .jianjie ul li:nth-child(1){ margin-bottom:15px;}
.nmain .jianjie ul li:nth-child(2){ margin-bottom:15px;}

.nmain .jianjie .prolist li{ width:100%; margin-right:0%;}
.nmain .jianjie .prolist li:nth-child(3n){ margin-right:0%;}



.history .picScroll .prev,
.history .picScroll .next{ position:absolute; z-index:99;  left:0px; top:40%; display:block; width:43px; height:43px; overflow:hidden; background:url(../images/guwenleft.png) no-repeat; cursor:pointer;}
.history .picScroll .next{ left:auto; right:0px; background:url(../images/guwenright.png) no-repeat;z-index:9999; }
.history .picScroll li{ width:100%;}

.mod18 .btn{ top:237px;}
.mod18 .picBox li{height:auto;}
.mod18 .picBox{height:231px;}


.nmain .jianjie .quanwu li{ width:33.33%; float:left;}
.nmain .jianjie .quanwu .wenzi{ font-size:16px;}
.nmain .jianjie .quanwu li:nth-child(2n+1) {clear: none; float:left;}
}

@media screen and (max-width: 540px){
.jianjie02 .kuai01 .tu{ float:none; width:100%;}
.jianjie02 .kuai01 .zi{ float:none; width:100%;}

.jianjie02 h3{ line-height:25px; color:#fff; font-size:14px; font-weight:bold;  padding:20px 2% 0 2%;}
.jianjie02 p{ line-height:25px; color:#fff; font-size:14px; padding:0% 2% 20px 2%;}

.jianjie02 .kuai02 .zuo h3{ line-height:25px; color:#fff; font-size:14px; font-weight:bold;  padding:20px 2% 0 2%;}
.jianjie02 .kuai02 .zuo p{ line-height:25px; color:#fff; font-size:14px; padding:0% 2% 20px 2%;}

.jianjie02 .kuai02 .zuo{ float:none; width:100%;}
.jianjie02 .kuai02 .you{ float:none; width:100%;}

.lianxi .cleft{ float:none; width:100%; margin-bottom:20px}
.lianxi .cright{ float:none; width:100%;}

.header .menu li .sub{ margin-left:-10px}

.mod18 #prevTop{margin-left:0px; display:none}
.mod18 #nextTop{margin-right:0px;display:none}
}

@media screen and (max-width:849px) and (min-width:848px) {
.mod18 .picBox li{width:848px;}
}
@media screen and (max-width:412px) and (min-width:411px) {
.mod18 .picBox li{width:411px;}
}
@media screen and (max-width:414px) and (min-width:413px) {
.mod18 .picBox li{width:413px;}
}
@media screen and (max-width:401px) and (min-width:400px) {
.mod18 .picBox li{width:400px;}
}
@media screen and (max-width:400px) and (min-width:399px) {
.mod18 .picBox li{width:399px;}
}
@media screen and (max-width:399px) and (min-width:398px) {
.mod18 .picBox li{width:398px;}
}
@media screen and (max-width:398px) and (min-width:397px) {
.mod18 .picBox li{width:397px;}
}
@media screen and (max-width:397px) and (min-width:396px) {
.mod18 .picBox li{width:396px;}
}
@media screen and (max-width:396px) and (min-width:395px) {
.mod18 .picBox li{width:395px;}
}
@media screen and (max-width:395px) and (min-width:394px) {
.mod18 .picBox li{width:394px;}
}
@media screen and (max-width:394px) and (min-width:393px) {
.mod18 .picBox li{width:393px;}
}
@media screen and (max-width:393px) and (min-width:392px) {
.mod18 .picBox li{width:392px;}
}
@media screen and (max-width:392px) and (min-width:391px) {
.mod18 .picBox li{width:391px;}
}
@media screen and (max-width:391px) and (min-width:390px) {
.mod18 .picBox li{width:390px;}
}

@media screen and (max-width:390px) and (min-width:389px) {
.mod18 .picBox li{width:389px;}
}
@media screen and (max-width:389px) and (min-width:388px) {
.mod18 .picBox li{width:388px;}
}
@media screen and (max-width:388px) and (min-width:387px) {
.mod18 .picBox li{width:387px;}
}
@media screen and (max-width:387px) and (min-width:386px) {
.mod18 .picBox li{width:386px;}
}
@media screen and (max-width:386px) and (min-width:385px) {
.mod18 .picBox li{width:385px;}
}
@media screen and (max-width:385px) and (min-width:384px) {
.mod18 .picBox li{width:384px;}
}
@media screen and (max-width:384px) and (min-width:383px) {
.mod18 .picBox li{width:383px;}
}
@media screen and (max-width:383px) and (min-width:382px) {
.mod18 .picBox li{width:382px;}
}
@media screen and (max-width:382px) and (min-width:381px) {
.mod18 .picBox li{width:381px;}
}
@media screen and (max-width:381px) and (min-width:380px) {
.mod18 .picBox li{width:380px;}
}


@media screen and (max-width:380px) and (min-width:379px) {
.mod18 .picBox li{width:369px;}
}
@media screen and (max-width:379px) and (min-width:378px) {
.mod18 .picBox li{width:378px;}
}
@media screen and (max-width:378px) and (min-width:377px) {
.mod18 .picBox li{width:377px;}
}
@media screen and (max-width:377px) and (min-width:376px) {
.mod18 .picBox li{width:376px;}
}
@media screen and (max-width:376px) and (min-width:375px) {
.mod18 .picBox li{width:375px;}
}
@media screen and (max-width:375px) and (min-width:374px) {
.mod18 .picBox li{width:374px;}
}
@media screen and (max-width:374px) and (min-width:373px) {
.mod18 .picBox li{width:373px;}
}
@media screen and (max-width:373px) and (min-width:372px) {
.mod18 .picBox li{width:372px;}
}
@media screen and (max-width:372px) and (min-width:371px) {
.mod18 .picBox li{width:371px;}
}
@media screen and (max-width:371px) and (min-width:370px) {
.mod18 .picBox li{width:370px;}
}



@media screen and (max-width:370px) and (min-width:369px) {
.mod18 .picBox li{width:369px;}
}
@media screen and (max-width:369px) and (min-width:368px) {
.mod18 .picBox li{width:368px;}
}
@media screen and (max-width:368px) and (min-width:367px) {
.mod18 .picBox li{width:367px;}
}
@media screen and (max-width:367px) and (min-width:366px) {
.mod18 .picBox li{width:366px;}
}
@media screen and (max-width:366px) and (min-width:365px) {
.mod18 .picBox li{width:365px;}
}
@media screen and (max-width:365px) and (min-width:364px) {
.mod18 .picBox li{width:364px;}
}
@media screen and (max-width:364px) and (min-width:363px) {
.mod18 .picBox li{width:363px;}
}
@media screen and (max-width:363px) and (min-width:362px) {
.mod18 .picBox li{width:362px;}
}
@media screen and (max-width:362px) and (min-width:361px) {
.mod18 .picBox li{width:361px;}
}
@media screen and (max-width:361px) and (min-width:360px) {
.mod18 .picBox li{width:360px;}
}


@media screen and (max-width:360px) and (min-width:359px) {
.mod18 .picBox li{width:359px;}
}
@media screen and (max-width:359px) and (min-width:358px) {
.mod18 .picBox li{width:358px;}
}
@media screen and (max-width:358px) and (min-width:357px) {
.mod18 .picBox li{width:357px;}
}
@media screen and (max-width:357px) and (min-width:356px) {
.mod18 .picBox li{width:356px;}
}
@media screen and (max-width:356px) and (min-width:355px) {
.mod18 .picBox li{width:355px;}
}
@media screen and (max-width:355px) and (min-width:354px) {
.mod18 .picBox li{width:354px;}
}
@media screen and (max-width:354px) and (min-width:353px) {
.mod18 .picBox li{width:353px;}
}
@media screen and (max-width:353px) and (min-width:352px) {
.mod18 .picBox li{width:352px;}
}
@media screen and (max-width:352px) and (min-width:351px) {
.mod18 .picBox li{width:351px;}
}
@media screen and (max-width:351px) and (min-width:350px) {
.mod18 .picBox li{width:350px;}
}

@media screen and (max-width:350px) and (min-width:349px) {
.mod18 .picBox li{width:349px;}
}
@media screen and (max-width:349px) and (min-width:348px) {
.mod18 .picBox li{width:348px;}
}
@media screen and (max-width:348px) and (min-width:347px) {
.mod18 .picBox li{width:347px;}
}
@media screen and (max-width:347px) and (min-width:346px) {
.mod18 .picBox li{width:346px;}
}
@media screen and (max-width:346px) and (min-width:345px) {
.mod18 .picBox li{width:345px;}
}
@media screen and (max-width:345px) and (min-width:344px) {
.mod18 .picBox li{width:344px;}
}
@media screen and (max-width:344px) and (min-width:343px) {
.mod18 .picBox li{width:343px;}
}
@media screen and (max-width:343px) and (min-width:342px) {
.mod18 .picBox li{width:342px;}
}
@media screen and (max-width:342px) and (min-width:341px) {
.mod18 .picBox li{width:341px;}
}
@media screen and (max-width:341px) and (min-width:340px) {
.mod18 .picBox li{width:340px;}
}


@media screen and (max-width:340px) and (min-width:339px) {
.mod18 .picBox li{width:339px;}
}
@media screen and (max-width:339px) and (min-width:338px) {
.mod18 .picBox li{width:338px;}
}
@media screen and (max-width:338px) and (min-width:337px) {
.mod18 .picBox li{width:337px;}
}
@media screen and (max-width:337px) and (min-width:336px) {
.mod18 .picBox li{width:336px;}
}
@media screen and (max-width:336px) and (min-width:335px) {
.mod18 .picBox li{width:335px;}
}
@media screen and (max-width:335px) and (min-width:334px) {
.mod18 .picBox li{width:334px;}
}
@media screen and (max-width:334px) and (min-width:333px) {
.mod18 .picBox li{width:333px;}
}
@media screen and (max-width:333px) and (min-width:332px) {
.mod18 .picBox li{width:332px;}
}
@media screen and (max-width:332px) and (min-width:331px) {
.mod18 .picBox li{width:331px;}
}
@media screen and (max-width:331px) and (min-width:330px) {
.mod18 .picBox li{width:330px;}
}

@media screen and (max-width:330px) and (min-width:329px) {
.mod18 .picBox li{width:329px;}
}
@media screen and (max-width:329px) and (min-width:328px) {
.mod18 .picBox li{width:328px;}
}
@media screen and (max-width:328px) and (min-width:327px) {
.mod18 .picBox li{width:327px;}
}
@media screen and (max-width:327px) and (min-width:326px) {
.mod18 .picBox li{width:326px;}
}
@media screen and (max-width:326px) and (min-width:325px) {
.mod18 .picBox li{width:325px;}
}
@media screen and (max-width:325px) and (min-width:324px) {
.mod18 .picBox li{width:324px;}
}
@media screen and (max-width:324px) and (min-width:323px) {
.mod18 .picBox li{width:323px;}
}
@media screen and (max-width:323px) and (min-width:322px) {
.mod18 .picBox li{width:322px;}
}
@media screen and (max-width:322px) and (min-width:321px) {
.mod18 .picBox li{width:321px;}
}
@media screen and (max-width:321px) and (min-width:320px) {
.mod18 .picBox li{width:320px;}
}