@charset "gb2312";
/* CSS Document */
.m-btn{ display:none; margin-top:20px}
.m-btn span{ width:25px; height:3px; background:#333; 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:90px; background:#fff; width:100%; display:none; z-index:10}
.m-menu li {line-height: 45px; font-size: 16px;border-bottom: 1px solid #e8e8e8;}
.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: #363d4d;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;}
.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:#363d4d;padding: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: 1440px){
.wrap{ width:98%}
}

@media screen and (max-width: 1200px){
.wrap{ width:96%}

.banner .text{ width:50%;padding-top:5%; }
.banner .text .inn{ padding-left:3%}
.header .menu li .menu_a{margin-left: 38px;}

.banner .text{ width:70%;}
.banner .text p{ font-size:22px;line-height:35px; max-width:100%;float:none; clear:both}



.nbanner{ margin-top:100px; height:300px;}
.nbanner img{ display:block; border:none;}

.nbanner .text{ width:70%;}
.nbanner .text h3{ font-size:28px;line-height:40px; max-width:100%; float:none}
.nbanner .text .inn {padding:12px 0 14px 2%;}


.flexslider .slides li a{ height:500px;}


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

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

.nmain .conn .yingyong .hy ul li .pic{ height:auto;}
.nmain .conn .yingyong .hy ul li:hover .pic img{transform:scale(1);}

.newslists li .date{ height:auto;overflow:hidden; display:block; }
.newslists li:hover .date  img{transform:scale(1);}

}
@media screen and (max-width: 1100px){
.header .menu li .menu_a{margin-left: 30px;}

}

@media screen and (max-width: 1024px){
.m-btn{ display:block;margin-top:38px}
.menu{ display:none; }
.side{ display:none;}
.copyright{ margin-bottom:50px;}
.footer2{ display:block}

.header{ height:90px;}
.header .logo{ max-width:175px; }
.banner{ padding-top:90px;}
.nbanner{ margin-top:90px;height:280px;}

.banner .text{ width:80%;}
.banner .text h3{ font-size:28px;line-height:45px; max-width:100%; float:none}
.banner .text p{ font-size:20px;line-height:30px; max-width:100%;float:none; clear:both}

.flexslider .slides li a{ height:380px;}


.newsxiang .newsleft{ float:none; width:100%;}
.newsxiang .newsright{ display:none}
}

@media screen and (max-width: 840px){
.flexslider .slides li a{ height:300px;}

.hangye .title h3{ font-size:28px; line-height:46px; }
.hangye .title p{ font-size:14px;}

.hangye .conn li{ float:left; width:23%; margin-right:2%;margin-left:-2px; text-align:center; margin-bottom:2%; }
.hangye .conn li:last-child{ margin-right:0%;}
.hangye .conn li:nth-child(4n){ margin-right:0%;}
.hangye .conn li:first-child{ margin-left:0;}
.hangye .conn li:nth-child(5){ margin-left:11.5%;}
.hangye .more{margin:0 auto 20px auto ; }

.pro .title .nav li {margin-left:6px; padding:0 10px}

.pro .conn li{ float:left; width:48.5%; margin-right:3%; margin-left:-4px; margin-bottom:2%;}
.pro .conn li:nth-child(2n){ margin-right:0;}
.pro .conn li:nth-child(2n+1){ clear:both; }

.pro{ padding:40px 0 30px 0;}


.case .conn .tiao div{ width:33.33%;margin-left:-3px;}
.case .conn .tiao div:nth-child(3n+1){ margin-left:0px;}

.footer .kuai01{ float:none; width:100%; margin-bottom:0px;}
.footer .kuai01 .k01right p{ line-height:25px;}

.footer .kuai01 .k01left {margin-top: 12px;}

.footer .kuai02{ margin-left:0%; margin-bottom:20px; width:20%;}
.nbanner{ height:220px;}



}

@media screen and (max-width:720px){
.nguide .location{ float:none; width:100%;border-bottom:solid 1px #ddd}



.nguide .location{ line-height:52px; }



.nguide .nnav{ float:none; width:100%;line-height:50px;}
.nguide .nnav li { width:25%;margin-left: 0px; text-align:center;line-height:50px;}
.nguide .nnav002{ float:none; width:100%;line-height:50px;; display:block}
.nguide .nnav002{ float:none; width:100%;}
.nguide .nnav002 li { width:25%;margin-left: 0px; text-align:center;line-height:50px; float:left}

.nguide .nnav02{ display:none}


.nguide .nnav03{ display:none}
.nguide .nnav04{ float:none; width:100%;line-height:50px;}
.nguide .nnav04 li { width:50%;margin-left: 0px; text-align:center;line-height:50px;}

.kehu{ padding:10px 0 20px 0}
.kehu li{ float:left; width:25%; }
.kehu li:nth-child(5n){ border-right:solid 1px #ddd;}
.kehu li:nth-child(5n+1){ clear:none; float:left}
.kehu li:nth-child(4n){ border-right:none;}
.kehu li:nth-child(4n+1){ clear:both}


.honor li{ width:32%; margin-right:2%; float:left; margin-bottom:2%; border:solid 1px #ddd; margin-left:-3px;}
.honor li:nth-child(4n){ margin-right:2%;}
.honor li:nth-child(4n+1){ float:left; clear:none; margin-left:-3px;}
.honor li:nth-child(3n){ margin-right:0;}
.honor li:nth-child(3n+1){ clear:both; margin-left:0}


.prolist li{ float:left; width:32%; margin-right:2%; margin-left:-3px;}
.prolist li:nth-child(4n){ margin-right:2%}
.prolist li:nth-child(4n+1){ clear:none; margin-left:-3px;}
.prolist li:nth-child(3n){ margin-right:0}
.prolist li:nth-child(3n+1){ clear:both; margin-left:0;}

.nmain .conn .yingyong .hy ul li{ float:left; width:32%; text-align:center; margin-bottom:15px; margin-right:2%;}
.nmain .conn .yingyong .hy ul li:nth-child(4n){ margin-right:2%}
.nmain .conn .yingyong .hy ul li:nth-child(4n+1){ clear:none; float:left; }
.nmain .conn .yingyong .hy ul li:nth-child(3n){ margin-right:0}
.nmain .conn .yingyong .hy ul li:nth-child(3n+1){ clear:both; }


.product-top{ margin-top:0px; margin-bottom:35px;}
.product-top #preview{ width:100%;float:none}
.product-top .text{ float:none; width:100%;}


.newslists{ padding: 0 0 25px 0;}
.newslists li .date{ width:25%; }
.newslists li .wenx{ float:right; width:72%;}


.nmain .fuwu ul li{ float:left; width:33.33%; margin-bottom:20px; }

.float_kf{ display:none}
.dianhua{ display:none}

}
@media screen and (max-width:640px){
.header .logo{ width:50%; }

.pro .title .name{ float:none; width:100%; margin-bottom:18px;}
.pro .title .nav{ float:none; width:100%;}

.banner .text h3{ font-size:24px;line-height:50px;}
.banner .text p{ font-size:18px;line-height:32px;}

.flexslider .slides li a{ height:240px;}

.kuaisi li{width:50%;}
.kuaisi li:nth-child(2n+1){ clear:both; }
.kuaisi li:nth-child(1){ margin-bottom:20px }
.kuaisi li:nth-child(2){ margin-bottom:20px }

.prokuai01{ background:none;margin-top:0px;}
.prokuai02{ background:none;margin-top:5px;}

.prokuai01 .pro02left { float:none; width:100%;}
.prokuai01 .pro02right{ float:none; width:100%;}

.prokuai02 .pro02left { float:none; width:100%;}
.prokuai02 .pro02right{ float:none; width:100%;}

.pro02right h3{line-height:60px; font-size:24px;margin-top:10px;}

.newslists li .date{ width:30%; }
.newslists li .wenx{ float:right; width:68%;}

.newsxiang .fan .fanhui{ margin-top:20px;}


.lianxikuai01{ padding:20px 0 0 0;}
.lianxikuai01 ul li{width:50%; margin-bottom:30px;}

.newslists li .wenx .times{ display:none}

.innews li{ float:none; width:100%; }
.innews li:nth-child(2n){ float:none;}


.youpiao{ float:none; text-align:center; display:block; margin:0 auto 35px auto}
.youpiao img{ width:auto; max-width:450px;}

}
@media screen and (max-width:520px){
.pro .title .nav li {float:right; margin-left:0px; padding:0; display: block; width:49%; margin-right:2%; margin-bottom:5px; text-align:center;}
.pro .title .nav li:nth-child(2n-1){ margin-right:0}

.pro .conn { padding: 10px 0 20px 0;}

.footer .kuai02{ margin-left:0%; margin-bottom:20px; width:50%;}

.footer .kuai02:nth-child(6){ width:33.33%; display:none}

.banner .text{ width:100%;}
.banner .text h3{ font-size:20px;line-height:36px;}
.banner .text p{ font-size:16px;line-height:28px;}
.flexslider .slides li a{ height:180px;}
.banner .text .inn {padding:6px 0 12px 2%;}

.m-btn{ display:block;margin-top:32px}

.header{ height:80px;}
.header .logo{ max-width:156px; }
.banner{ padding-top:80px;}
.nbanner{ margin-top:80px;height:150px;}
.m-menu{ top:80px;}

.nguide .nnav002 li { width:50%;margin-left: 0px; text-align:center;line-height:45px; float:left;}

}
@media screen and (max-width:520px){
.footer .kuai02{ display:none}	
.nbanner{ margin-top:80px;height:120px; margin-left:-30%}
.nbanner .text { margin-left: 23%;}


.nbanner .text h3{ font-size:24px;}
.nbanner .text .inn {padding: 6px 0 8px 2%;}

.kuaisi{ margin-top:30px}

.kuaisi li .pic{width:86%; padding:7%  }



.kehu li{ float:left; width:33.33%; }
.kehu li:nth-child(4n){ border-right:solid 1px #ddd;}
.kehu li:nth-child(4n+1){ clear:none; float:left}
.kehu li:nth-child(3n){ border-right:none;}
.kehu li:nth-child(3n+1){ clear:both}


.honor li{ width:48.5%; margin-right:3%; float:left; margin-bottom:2%; border:solid 1px #ddd; margin-left:-4px;}
.honor li:nth-child(3n){ margin-right:3%;}
.honor li:nth-child(3n+1){ float:left; clear:none; margin-left:-3px;}
.honor li:nth-child(2n){ margin-right:0;}
.honor li:nth-child(2n+1){ clear:both; margin-left:0}


.prolist li{ float:left; width:48%; margin-right:4%; margin-left:-4px;}
.prolist li:nth-child(3n){ margin-right:4%}
.prolist li:nth-child(3n+1){ clear:none; margin-left:-4px;}
.prolist li:nth-child(2n){ margin-right:0}
.prolist li:nth-child(2n+1){ clear:both; margin-left:0;}


.nmain .conn .yingyong .hy ul li{ float:left; width:48%; text-align:center; margin-bottom:15px; margin-right:4%;}
.nmain .conn .yingyong .hy ul li:nth-child(3n){ margin-right:4%}
.nmain .conn .yingyong .hy ul li:nth-child(3n+1){ clear:none; float:left; }
.nmain .conn .yingyong .hy ul li:nth-child(2n){ margin-right:0}
.nmain .conn .yingyong .hy ul li:nth-child(2n+1){ clear:both; }

.newslists li .date{ width:35%; }
.newslists li .wenx{ float:right; width:62%;}


.nmain .fuwu ul li{ float:left; width:50%; }

.innews li .fabusj{ display:none}
}