@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:#0084c2;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){

.banner{ width:120%; margin-left:-10%;}



}



@media screen and (max-width: 1280px){

.wrap{ width:98%}

.header .menu li .menu_a{ font-size:16px; margin-left:28px;}

}

@media screen and (max-width: 1199px){

.wrap{ width:96%}



.about .pic:hover img{transform:scale(1);}

.about .pic{ height:auto;}



.app .pic{height:auto;}

.app .pic:hover img{transform:scale(1);}



.app02 .pic{height:auto;}

.app02 .pic:hover img{transform:scale(1);}



.news .pic{height:auto;}

.news li:hover img{transform:scale(1);}



#line3_Demo .pic{height:auto;}

#line3_Demo li:hover img{transform:scale(1);}



.hylist .pic{height:auto;}

.hylist .pic:hover img{transform:scale(1);}



.parlist li{height:auto; overflow:hidden; display:block;}

.parlist li:hover img{transform:scale(1);}



.pipei .pic{height:auto;}

.pipei li:hover img{transform:scale(1);}



.nnewslist .pic{height:auto;}

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

.banner{ width:130%; margin-left:-15%;}



.youshi ul li:nth-child(2){ margin:0 80px}



.footer .kuai {float: left;margin-right: 80px;}







.honor .picScroll .prev,.honor .picScroll .next{ left:-0px; }

.honor .picScroll .next{ left:auto; right:0px; }





.history{ padding:35px 0;}



.history .tou{ display:none}



.history .hmain{background:none; padding-bottom:20px }



.history .hmain .hkuai{ float:none; width:100%; max-width:595px; min-height:auto; display:block;background:none;background:#F5F5F5; clear:both; margin-top:0px; margin-bottom:15px; padding-bottom:20px}



.history .hmain .hkuai:first-child{ margin-top:0px;}

.history .hmain .hkuai:hover{background: none;}

.history .hmain .hkuai:nth-child(2n){ float:none;background: none;background:#F5F5F5;margin-bottom:20px; padding-bottom:20px}

.history .hmain .hkuai:nth-child(2n):hover{background:none;}

.history .hmain .hkuai h3{ color:#ff5f19; font-size:36px;font-family: 'impact'; line-height:66px; margin-left:0px; margin-top:10px;}

.history .hmain .hkuai:nth-child(2n) h3{ color:#ff5f19; font-size:36px;font-family: 'impact'; line-height:66px; margin-left:0px; margin-right:0; text-align:left; margin-top:10px;}

.history .hmain .hkuai .hx{ padding:0}

.history .hmain .hkuai:nth-child(2n) .hx{ padding:0}

.history .hmain .hkuai .hx .pic{ float:left; width:38%}

.history .hmain .hkuai .hx .pic img{ width:100%; max-width:176px; height:auto; }

.history .hmain .hkuai .hx .wenzi{ float:left; width:62%}

.history .hmain .hkuai .hx .wenzi p{color:#666; font-size:13px;line-height:28px;background: url(../images/dianzi.jpg) no-repeat left 5px; padding-left:20px;}

.history .yuandian{ display:none}





.pipei li .wenzi{ height:auto; }

.nnewslist li .wenzi{ height:auto; }

}

@media screen and (max-width: 1024px){

.pro {margin:24px 0 50px 0;}

.pro .pronav li{margin:15px;}

.pro .picScroll{ margin:10px 0;}



.youshi li span{ font-size:60px; font-weight:bold;}

.youshi ul li{font-size:16px;}

.youshi ul{margin:40px 0;}

.youshi ul li:nth-child(3){ margin-top:20px}



.menu{ display:none}

.m-btn{ display:block}



.banner{ width:140%; margin-left:-20%;}



.app {margin:35px 0;}

.app02 {margin:35px 0; display:none}

.app .title{ margin-bottom:20px}

.app02 .title{ margin-bottom:20px}



.news {padding:25px 0 40px 0; }

.footer .kuai {float: left;margin-right: 50px;}



.nmain {margin:20px 0 40px 0;}



.nbanner{ height:260px;}

.nbanner h3{ font-size:28px; padding-top:75px}

.nbanner p{ font-size:22px;}



.nmain .title02{margin-bottom: 25px;}



#line3_Demo {height: 220px;}

#line3_Demo .pic img{height:220px; height:auto}



.history{ padding:5px 0 20px 0;}



.hylist {padding-top: 5px;}

.parlist {padding-top: 5px;}



.lianxi { padding: 20px 0;}

}

@media screen and (max-width: 920px){



.header{ height:80px;}

.header .logo{ margin-top:10px }

.m-btn{ margin-top:33px;}

.m-menu{top:115px;}

.banner{ padding-top:112px;}

.nbanner{margin-top:112px;}



.nbanner{ height:220px;}

.nbanner h3{ font-size:26px; padding-top:65px}

.nbanner p{ font-size:20px;}





.parlist li{ float:left; width:18.4%; margin-right:2%; margin-bottom:2%;}

.parlist li:nth-child(6n){ margin-right:2%}

.parlist li:nth-child(6n+1){ clear:none}

.parlist li:nth-child(5n){ margin-right:0}

.parlist li:nth-child(5n+1){ clear:both}





.pipei li .pic{ float:left; width:32%;}

.pipei li .wenzi{ float:left; width:68%;}



.nnewslist li .pic{ float:left; width:32%;}

.nnewslist li .wenzi{ float:left; width:68%;}

}

@media screen and (max-width: 768px){

.top .tleft{ display:none}

.top .tright li:nth-child(3){ display:none}



.youshi li span{ font-size:40px; font-weight:bold;}

.youshi ul li{font-size:15px;}

.youshi ul{margin-top:20px 0;}

.youshi ul li:nth-child(3){ margin-top:0px}



.about .pic{ float:none; width:100%; height:auto; }

.about .wenzi{ float:none; width:100%;  max-width:660px}

.about .wenzi .inn{ padding:15px;}

.about .wenzi .inn .dabiao{ line-height:60px; font-size:26px;}

.about .wenzi .more { margin-bottom:20px}



.pro .title{ font-size:26px;}

.about .wenzi .inn .dabiao{ font-size:26px;}

.app .title{ font-size:26px;}

.app02 .title{ font-size:26px;}

.news .title{font-size:26px; }



.nbanner{ height:200px;}

.nbanner h3{ font-size:24px; padding-top:55px}

.nbanner p{ font-size:18px;}



.nmain .title{ font-size:26px;}

.nmain .title02{ font-size:26px;}



.news .title{margin-bottom:20px}



.footer .kuai:nth-child(1){ display:none}

.footer .kuai:nth-child(2){ display:none}

.footer .kuai:nth-child(3){ display:none}

.footer .kuai:nth-child(5){ display:none}

.footer .kuai p{ font-size:14px;}

.footer .kuai {float: left;margin-right: 0px;}



.copyright{ line-height:25px; font-size:14px; margin-bottom:55px;}



.floatKf {display: none;}

.footer2{ display:block}



#line3_Demo {height:180px;}

#line3_Demo .pic img{height:180px;width: auto;}





.parlist li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}

.parlist li:nth-child(5n){ margin-right:2%}

.parlist li:nth-child(5n+1){ clear:none}

.parlist li:nth-child(4n){ margin-right:0}

.parlist li:nth-child(4n+1){ clear:both}





.product-top .text{ width:100%; float:none;}



.product-top .text .pro-db{font-size: 26px;}

.product-top .text .intro p{font-size: 15px;color: #333; line-height:29px;}



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



.detail .biaoti{ font-size:20px; padding-left:20px; line-height:42px;}



.detail .xq li{ float:none; width:100%; text-align:center; font-size:16px; margin-bottom:15px; color:#333;}



.canshu{ font-size:15px; color:#333; line-height:25px;}

.canshu td{ width:10%; max-width:104px; text-align:center; padding:6px 2px;}s





.down{ font-size:13px;}

.down .dguide {font-size:14px; line-height:35px;}



.down .dguide li{ float:left; width:25%; margin-right:0%}


.down .dlists li:nth-child(4){ display:none}
.down .dlists li:nth-child(5){ display:none}
.down .dlists li:nth-child(6){ display:none}


.down .dlists{ padding:14px 0;}

.down .dlists li{ float:left; width:25%; margin-right:0%;}


.down .dlists li:nth-child(4){ display:none}
.down .dlists li:nth-child(5){ display:none}
.down .dlists li:nth-child(6){ display:none}
.down .dlists li:nth-child(7) img{ width:20px}



.down .dlists li:nth-child(1) i{ display:none}





.down .dlists li:nth-child(1) img{ width:100%; height:auto; max-height:auto; width:100%; }








.lianxi .lxzuo{ float:none; width:100%; margin-bottom:40px}

.lianxi .lxyou{ float:none; width:100%}

}





@media screen and (max-width: 640px){

.app {display:none}

.app02 {display: block}



.nmain .conn .pcimg{ display: none}

.nmain .conn .phimg{ display: block}

.header .logo{ width:255px;}

.banner{ width:146%; margin-left:-23%;}



.pro .picScroll li{width: 50%;}



.news li{ float:left; width:100%; background-color:#fff;}

.news li:nth-child(2){ margin-right:0}

.news li:nth-child(3){ display:none}



.nav{ line-height:45Wpx; border-bottom:solid 1px #ddd;}

.nav li a{  font-size:16px; color:#333; display:block; padding:0 15px; position:relative}



.nbanner{ height:140px;}

.nbanner h3{ font-size:22px; padding-top:35px;line-height:35px; margin-left:3%;}

.nbanner p{ font-size:16px;line-height:25px; margin-left:3%;}



.honor .picScroll li{width: 50%;}



#line3_Demo {height:150px;}

#line3_Demo .pic img{height:150px;width: auto;}



.hylist li{ width:48.5%; margin-right:3%; float:left; margin-bottom:20px;}

.hylist li:nth-child(3n){ margin-right:3%}

.hylist li:nth-child(3n+1){ clear:none}

.hylist li:nth-child(2n){ margin-right:0}

.hylist li:nth-child(2n+1){ clear:both}





.parlist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}

.parlist li:nth-child(4n){ margin-right:2%}

.parlist li:nth-child(4n+1){ clear:none}

.parlist li:nth-child(3n){ margin-right:0}

.parlist li:nth-child(3n+1){ clear:both}



.down{ font-size:12px;}

.down .dguide {font-size:14px; line-height:42px;}



.pipei li .pic{ float:none; width:100%;}

.pipei li .wenzi{ float:none; width:100%;margin-left:0px; padding-bottom:15px;}

.pipei li{ padding:15px 0;}

.nnewslist li .pic{ float:none; width:100%;}

.nnewslist li .wenzi{ float:none; width:100%;margin-left:0px;padding-bottom:15px;}

.pipei li{ padding:15px 0;}

}