@charset "gb2312";
/* CSS Document */
.m-btn{ width:25px; height:15px; margin-top:25px; display:none; position:absolute; right:10px;}
.m-btn span{ width:100%; height:3px;background: #666; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; padding-top:75px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#666; color:#fff;}
.m-menu .menu_a.active i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}



.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#333; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px;background-size: auto 20px;}
.m-foot li.li2 a{ background:url(../images/flemail.png) no-repeat center 5px; padding-top:27px;background-size: auto 15px;}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px;background-size: auto 20px;}
.m-foot li.li4 a{ background:url(../images/fltop.png) no-repeat center 3px; padding-top:27px;background-size: auto 20px;}

@media screen and (max-width:1700px){
    .inabout .jianjie .jianjiein{width: 93%;max-width: inherit;padding-left: 10%;float: left;}
    .news_list .newskuai a, .prolist li a{max-width: 100%;width: 90%;}
}
@media screen and (max-width:1600px){
.banner {width: 120%; margin-left:-10%}
.banner-words {margin-left:9%}
.pro .proleft .itemin{padding-left: 10%;max-width: inherit;}
.pro .proright .itemin{max-width: inherit;padding-right: 35px;}
}
@media screen and (max-width:1440px){
.banner {width: 130%; margin-left:-15%}
.banner-words {margin-left:12%}
}
@media screen and (max-width:1240px){
.wrap{width:98%;}
.news_list .newskuai a, .prolist li a{width: 100%;}
.banner-words h3{ font-size:30px;}
.banner-words h1{ font-size:38px;}
.pro .proleft .itemin{padding-left: 3%;}
.pro .proright .itemin{padding-right: 3%;}
}

@media screen and (max-width:920px){
.m-btn{ display:block}
.menu { display:none}
.header{ line-height:60px;}
.header .logo img{height:45px;width: auto;}
.banner {padding-top:60px;}
.nbanner{margin-top:60px;}
.banner {width: 140%; margin-left:-20%}
.banner-words {margin-left:15%}

.title h3{ line-height:60px; font-size:32px;}
.title span{ width:40px; margin-bottom:10px;}
.title p{ line-height:30px; font-size:14px;}

.section{ padding:30px 0 60px 0;}
.section02{ padding:40px 0}

.nbanner{ height:260px; font-size:16px; }
.nbanner h3{ padding-top:100px; font-size:32px;}
}
@media screen and (max-width:768px){
.banner-words h3{ font-size:26px;}
.banner-words h1{ font-size:32px;}

.pro .proleft{ width:100%; float:none; border-right:none;}
.pro .proleft .itemin{padding:25px 10px; border-bottom:solid 10px #fff; min-width:100%}
.pro .proleft .pic{ float:right; width:32%;}
.pro .proleft .wenzi{ float:left; width:63%;}
.pro .proright .itemin{padding:25px 10px;}
.pro .proleft .itemin h3{ margin-top:0}
.pro .proright{ width:100%; float:none;}

.pro .item h3{ font-size:20px;margin-bottom:10px;}
.pro .item p{ font-size:14px;line-height:28px; margin-bottom:10px;}

.floatKf{ display:none; }


.inabout .jianjie{ width:100%; background:none; background:rgba(255,255,255,0.6);box-shadow: 0 0 0px #ccc; }
.inabout .jianjie .jianjiein .conn{ font-size:14px; line-height:28px; width:100%; width:94%; margin:0 auto}
.inabout .jianjie .jianjiein {padding:5px;}
.inabout .jianjie .jianjiein { width:100%; max-width:auto; float:none; }
.inabout .jianjie .jianjiein .more02{ display:none;}
.inabout .jianjie .more{ margin-left:3%; margin-bottom:45px;}
.inabout .jianjie .jianjiein .title{ margin-left:3%; margin-top:40px;}

.inabout.section02{ padding:0; }


.innews .tabmenu li {border-right:none; float:none; width:94%; margin-left:0px; min-height:auto;padding:2% 3%;border-bottom:dashed 1px #ddd;}
.innews .tabmenu .cli {width:94%}
.innews .tabmenu li h3{ line-height:28px;font-size:15px; margin-bottom:5px;}
.innews .tabmenu .cli h3{ font-size:15px; margin-bottom:15px;}
.innews .more { margin:15px 0 20px 0; }

.innews .tabmenu .cli .tu{ display:none}
.innews .tabmenu .cli .jian{ display: block;}
.innews .tabmenu li .jian{line-height:25px; font-size:13px;}


.m-foot{ display:block;}
.copyright{ margin-bottom:48px;}
.nguide .wrap{ width:100%;}
.nguide { padding:12px 0;}
.nguide ul { font-size: 16px; }
.nguide li { margin:0;}
.nguide li a {line-height:36px;padding:0 10px;}



.aboutleft{ float:none; width:96%; margin:0px auto; }
.aboutleft h3{font-size:26px; line-height:40px;margin-bottom:10px; }
.aboutleft p{ line-height:28px; font-size:14px; margin-bottom:5px;}


.aboutright{width:96%;position:relative;float:none; margin:20px auto 0 auto;}
.aboutright:after{ display:none}
.aboutright:before{ display:none}

.nbanner{ height:180px;}
.nbanner h3{ padding-top:60px; font-size:28px;}


.prodetail .proleft{ float:none ; width:100%; margin-bottom:15px;}
.prodetail .proright{ float:none; width:100%; }


.news_list .newskuai{ width:94%; margin:0 3%}


.newsxiang .nxq img{ width:auto; max-width:100%;}
}
@media screen and (max-width:720px){
body{ font-size:13px;}
.m-btn{ margin-top:25px;} 
.header{ line-height:60px;}
.banner {padding-top:60px;}
.nbanner{margin-top:60px;}
.banner {width: 150%; margin-left:-25%}
.banner-words {margin-left:20%}
.banner-words h3{ font-size:18px;}
.banner-words h1{ font-size:24px; padding:0; margin:0}

.title { margin-bottom:20px;}
.title h3{ font-size:28px;}

.banner-words {height: 140px;margin-top: -70px; }
.banner-words .more{ margin-top:20px;width:100px;font-size:12px;  height:32px; line-height:32px;}

.pro .item h3{ font-size:22px;}
.prolist h3{font-size: 22px;margin-bottom: 8px;}


.footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.footer li{ border:none; margin-left:3%; padding-left:0}
.footer{ padding:20px 0 30px 0; }
.copyright{ line-height:25px; padding:12px 0; font-size:12px; }

.nbanner{ height:140px;}
.nbanner h3{ padding-top:50px; font-size:24px;}


.honor li{ float:left; width:48%; margin-right:2%;margin-bottom:15px}


.honor li:nth-child(3n+1){ clear:none; float:left; }
.honor li:nth-child(2n+1){ clear:both}
.honor li:nth-child(2n){ margin-right:0; float:right}

#a01{ position: absolute;  margin-top:-50px;}
#a02{ position:absolute; margin-top:-50px;}
#a03{ position:absolute; margin-top:-50px;}
#a04{ position:absolute; margin-top:-50px;}


.news_list .newspic{ float:none; width:100%; margin-bottom:15px;}
.news_list .newskuai a{ padding:15px 0; }

.news_list .newskuai h3{ line-height:30px; padding:6px 0; color:#333; font-size:15px;}
.news_list .newskuai p{line-height:24px; color:#666; font-size:13px;}

.news_list .newskuai .neiwen{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden}

.news_list .newskuai .time{background:url(../images/time.png) no-repeat left center; padding-left:25px; margin:5px 0 10px 0;}
.news_list .newscon{ float:none; width:100%;}

.pagination p.pageRemark{ display:none}

.shangxia li{ float:none; line-height:30px;}
.shangxia li:nth-child(2){ float:none; text-align:left; }

.prolist .pic{ float:none; width:94%; margin:0 auto}
.prolist .wenzi{ float:none; width:94%; margin:15px auto 0 auto;}
.prolist li:nth-child(2n) .pic{ float:none;}
.prolist li:nth-child(2n) .wenzi{ float:none;}

.prolist .more{ margin-top:15px; margin-bottom:15px; }


.caselist{ margin-top:0px;}

.caselist li{ float:left; width:48%; margin-right:2%; margin-bottom:15px}
.caselist li:nth-child(2n+1){ float:right;}
.caselist li:nth-child(3n+1){ float:left;}

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


.nmain .lianxi{ padding:20px 0}

.lianxi ul{width: 100%;display: block;display: block;}
.lianxi li{line-height:28px; margin-bottom:15px;}

.lianxi .pic{ float:left; width:60px;}
.lianxi .box{ margin-top:0px;}

.newsxiang .dabiaoti h3{font-size:22px;}
.prodetail .proright .biaoti h3{ font-size:22px;}
}
@media screen and (max-width:640px){
.newsxiang .dabiaoti h3{font-size:20px;}
.prodetail .proright .biaoti h3{ font-size:20px;}	
#allmap{margin-top: 0;}
}