@charset "utf-8";
*,body,ul,li,p,h1,h2,h3,div,form,input{margin:0px;padding:0px;}
p{font-family:"宋体";line-height:25px; color:#666666; font-size:12px;}
a{text-decoration:none; color:#666666;font-family:"宋体";font-size:12px;}
a:hover{text-decoration:none; color:#cc1800;}
li{list-style:none;}



#header_bg{ background:url(header_bg.jpg) top center no-repeat; overflow:hidden;}
#header{ margin:0 auto; width:1000px; overflow:hidden;}
.top_h1{position:absolute; top:10px;left:50%;margin-left:-500px;font-weight:bold;font-size:12px;color:#fff;}
.top_h1 h1{float:left;font-size:12px;}
.logo{ float:left;}
.nav{ float:right;}
.nav ul{}
.nav ul li {float:left; line-height:102px; height:102px; width:80px; text-align:center;} 
.nav ul li a{ color:#FFFFFF; font-family:"微软雅黑"; font-size:14px;}  
.nav ul li a:hover{ color:#cc1800;}  
#banner{ width:1000px; margin:0 auto; overflow:hidden;}


#container{width:1000px; margin:auto; overflow:hidden;}
.cp_show{background:url(cp_bg2.png) center top no-repeat; width:1000px; margin-top:25px; margin-bottom:30px;}
.cp_show .h1_bg{color:#cc1800; font-family:"微软雅黑"; font-size:16px; line-height:45px; padding-left:28px;font-weight:bold;}
.cp_show .h1_bg h2{width:auto;float:left;font-size:16px; line-height:45px;color:#cc1800; }
.more{float:right; margin-top:-30px; padding-right:30px;}
.more a{ font-family:"微软雅黑"; font-size:14px; color:#cc1800;text-transform:uppercase;}
.plisti{}
.plisti h2{font-family:"宋体";line-height:25px; color:#666666; font-size:12px;font-weight:normal;float:left;}
.plisti a{margin-left:20px;}

.pro_index{clear:both;margin:0px auto;width:1000px; background:url(cpshow_bg.jpg) left center repeat-x; overflow:hidden;}
.pic{ text-align:center;width:250px;line-height:25px;float:left;}
.pic a img{border:1px solid #d2d2d2; padding:2px;}
.pic a:hover { color:#cc1800;}


.container01,.container02{overflow:hidden; margin-bottom:20px;}
.system{ float:left;width:230px; margin-right:28px;}
.system ul{}
.system ul li{line-height:90px; height:90px; text-align:center;}
.about_index{ float:left; background:url(about_bg.jpg) center  no-repeat; width:301px; height:261px;}
.about_index h3{color:#cc1800; font-family:"微软雅黑"; font-size:16px; line-height:45px; padding-left:22px;}
.about_index  p{padding:10px 20px 10px 20px; }
.about_index  p img{padding-bottom:10px;}
.news_index{float:right; background:url(news_bg.png) center no-repeat; width:410px; height:260px;}
.news_index h2{color:#cc1800; font-family:"微软雅黑"; font-size:16px; line-height:45px; padding-left:22px;}
.news01{width:360px; display:block; margin-top:10px; border-bottom:dashed 1px #CCCCCC; margin-left:20px;overflow: hidden;}
.news01 p{ font-size:12px; color:#666666;}
.time01{ float:right; font-size:12px; font-family:"宋体";}
.news_index ul{width:360px; margin-left:20px; margin-top:5px;}
.news_index ul li{ line-height:25px;}
.news_index ul li a:hover{ color:#cc1800;}


.contact_index{float:right; width:231px; background:url(contact_bg.png) center no-repeat; height:228px;}
.contact_index h3{color:#cc1800; font-family:"微软雅黑"; font-size:16px; line-height:45px; padding-left:22px;}



.contact_index p{ padding-left:20px; padding-right:20px;}
.case_index{float:left; width:743px; background:url(case_bg.png) center no-repeat;height:228px; overflow:hidden;}
.case_index h2{color:#cc1800; font-family:"微软雅黑"; font-size:16px; line-height:45px; padding-left:22px;}
.case_index  ul{ margin-left:20px;}
.case_index  ul li{ float:left; width:180px; height:150px; margin-top:20px;}
.case_index  ul li h3{ line-height:25px; text-align:center; font-weight:normal; font-size:12px;}
.case_index  ul li a:hover{color:#cc1800;}

.newsi{margin:0 auto;background:url(cp_bg2.png) center top no-repeat; width:1000px; margin-top:25px; margin-bottom:30px;clear:both;overflow:hidden;height:218px;}
.newsi h2{font-size:16px; line-height:45px;color:#cc1800;text-indent:20px;}
.newsi ul{padding:10px; overflow:hidden;}
.newsi ul li{float:left;width:450px;line-height:25px; padding-left:20px;}
.newsi ul li a:hover{ color:#cc1800;}

#footer_bg{/*background:url(footer_bg.jpg) top center no-repeat;height:304px;*/background:url(footer_bg.jpg) top center repeat;  overflow:hidden; margin-top:30px; padding-bottom:15px;}
.foot_top{width:1000px; margin:0 auto; margin-top:30px; height:200px;}
.foot_bottom{clear:both; width:1000px; margin:0 auto;margin-top: 30px;}
.foot_bottom p{ color:#FFFFFF; line-height:25px; text-align:center;}
.foot_bottom a:link,.foot_bottom a:visited{color:#fff;}
.foot_bottom a:hover{text-decoration:underline;}
.foot_about,.foot_cp,.foot_case,.foot_news{float:left; text-align:center;}
.foot_about h3,.foot_cp h3,.foot_case h3,.foot_news h3,.foot_cantact h3{ color:#FFFFFF; font-size:14px; line-height:42px;}
.foot_about ul li ,.foot_cp  ul li ,.foot_case  ul li ,.foot_news ul li{ line-height:30px;}
.foot_about ul li a,.foot_cp  ul li a,.foot_case  ul li a,.foot_news ul li a,.foot_cantact ul li a{color:#FFFFFF;}
.foot_about ul li a:hover,.foot_cp  ul li a:hover,.foot_case  ul li a:hover,.foot_news ul li a:hover,.foot_cantact ul li a:hover{color:#cc1800;}
.foot_about{width:140px;}
.foot_cp{width:208px;}
.foot_case{ width:180px;}
.foot_news{ width:204px;}
.foot_cantact{float:right; width:267px;}
.foot_cantact h3{ padding-left:20px;}
.foot_cantact ul{ margin-left:20px;}
.foot_cantact ul li{ padding-left:30px; line-height:30px;}

#content{overflow:hidden; width:1000px; margin:auto; margin-top:30px;}
#content_left{float:left; width:216px;}
.cplist h2{background:url(cp_h2.png) center no-repeat;line-height:42px;height:42px;color:#cc1800;font-family:"微软雅黑";font-size:16px; padding-left:15px;}
.cplist ul{border-left:1px solid #dedede; border-right:1px solid #dedede; background-color:#f8f8f8; padding-left:20px; padding-top:10px;}
.cplist ul li{background:url(jintou.jpg)  left center no-repeat; padding-left:20px; line-height:25px;}
.cplist ul li a:hover{color:#cc1800;}

.contact_us{ clear:both; background-color:#f8f8f8;}
.contact_us h2{background:url(contact_h2.jpg) center no-repeat;line-height:42px;height:42px;color:#cc1800;font-family:"微软雅黑";font-size:16px; padding-left:15px;}
.contact_us p{border-left:1px solid #dedede; border-right:1px solid #dedede; padding-left:20px; padding-top:10px; padding-right:10px;}



#content_right{float:right; width:761px;}
.location{ background:url(h2_xiahua.jpg) bottom no-repeat;}
.h2show{ font-size:16px;color:#cc1800; line-height:32px;}
.weizhi{ float:right; margin-top:-20px; font-size:12px; color:#666666;line-height:10px;}
.weizhi a{ font-size:12px;color:#666666;}
.weizhi a:hover{ color:#cc1800;}

.content_in{ margin-top:20px;}
.content_in p{ padding:0px 10px 10px 10px;}
.content_in ul{}
.content_in ul li{float:left; width:190px;text-align:center; height:160px;}
.content_in ul li h3{ line-height:25px; font-size:12px; font-weight:normal;}
.content_in ul li a:hover{color:#cc1800;}



.content_cp{margin-left: 10px;}
.content_cp li{float:left;width:150px; margin:0px 10px 0px 10px; _margin:0px 9px 0px 9px;height:153px;text-align: center;}
.content_cp li img{border:1px solid #dadada; margin-bottom:5px;}
.content_cp li h3{ font-weight:normal;}

.content_news{margin-left:10px; margin-right:10px; margin-top:10px;}
.content_news li{line-height:32px;}
.content_news li a:hover{color:#cc1800;}
.time{float:right; font-size:14px;}

#show_cp{margin-left:20px; margin-right:20px;}
.H1{ font-size:20px; color:#cc1800;line-height:42px; text-align:center; margin-top:20px;}
.hit{ display:block;line-height:25px; text-align:center; margin-bottom:20px;}
#show_cp p{ line-height:23px;}


#up_down{
font-size:12px;
border: 1px solid #e6e7e7;
line-height:28px;
margin-bottom: 20px;
margin-top: 20px; padding-left:20px;}

#related_product h2{font-size: 12px;
line-height: 32px;
border: 1px solid #e6e7e7;
padding-left: 10px;
font-weight: normal; margin-bottom:10px;}

#related_product ul li{float: left;
width: 180px;
height: 150px;
line-height: 25px;
text-align: center;}

#related_product ul li a:hover{color:#cc1800;}

#related_product ul li h3{ font-weight: normal;
line-height: 25px;}

#related_product ul li img{border:1px solid #e6e7e7;}



.page { font-size:12px;
overflow: hidden;
clear: both;
text-align: center;
padding-top:20px;}

.page a{
width: auto;
padding: 5px;
display: inline;}

.imgcenter{
width:100%;
text-align:center;
margin:30px auto;
display:block;}

#page,.page{display: flex;justify-content: center;text-align: center;align-items: center;clear: both;}
#page li{margin: 0;padding: 0;width: unset;border: 0;}
#page a.active,.page a.active{color: #fff;border: 1px solid;width: 20px;background-color: #5bc6f0;padding: 0;}
#page a,.page a{color:#434343;display:inline-block;margin:3px;padding:3px;}

/* mobile_footer */
.mobile_footer { position: fixed; z-index: 520; bottom: 0; left: 0; right: 0; display:none; }

.mobile_footer ul { display: flex; justify-content: space-between; margin-bottom:0px; }

.mobile_footer ul li { padding: 7px 5px; background-color: #337fe5; }

.mobile_footer ul li:nth-child(3) i.iconfont { transform: translateY(-2px); }

.mobile_footer ul li a { color: #fff; display: flex; align-items: center; justify-content: center; line-height:30px; }

.mobile_footer ul li a i.iconfont { font-size: 21px; color: #fff; }

.mobile_footer ul li a span { font-size: 16px; margin-left: 5px; color: #fff; }
.row{ margin:0px;}

@media (max-width: 768px) {  
.mobile_footer{ display:block;}

}

@media (max-width: 991px) {  
#header{ display:none;}
.none992{ height:60px;}
.nav ul li{ height:auto; clear:both;}
nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav > li.dropdown ul.dropdown-menu{ overflow:hidden;}

}

@media (max-width: 1000px) { 
#header{ width:100%;}
#container{ width:100%;}
.cp_show{ width:100%;}
#banner{ width:100%;}
#banner img{ max-width:100%; height:auto;}
.pro_index{ width:100%;}
.pro_index ul{display: flex;flex-wrap: wrap;}
.pic{ width:24%; margin:0.5%;}
.pic a{ display:block;}
.pic img{ max-width:100%; height:auto;}
.plisti{ padding-top:20px; padding-left:15px; padding-right:15px;}
.container01, .container02{ width:100%;}
.system{ width:24%; margin-right:1%;}
.system img{ max-width:100%; height:auto;}
.about_index{ width:32%; background-size:100% 100%;}
.about_index img{ max-width:100%; height:auto;}
.about_index p{padding: 10px 2% 10px 2%;}
.news_index{ width:42%; background-size:100% 100%;}
.news_index ul{ width:96%; margin-left:2%;}
.news01{ width:96%; margin-left:2%;}
.contact_index{ width:24%; background-size:100% 100%;}
.case_index{ width:75%; background-size:100% 100%; height:auto;}
.case_index ul li{ width:24%; margin:0.5%; height:auto; text-align:center;}
.case_index ul li img{ max-width:100%; height:auto;}
.case_index ul{ margin-left:0px;}
.newsi{ width:100%;}
.newsi ul li{ width:50%; padding-left:1%; padding-right:1%; }
.newsi ul li a{ width:80%; overflow:hidden; display:block; height:26px;}
.foot_top{ width:100%;}
.foot_bottom{ width:100%;}
.foot_about{ width:14%;}
.foot_cp{ width:20%;}
.foot_case{ width:18%;}
.foot_news{ width:20%;}
.foot_cantact{ width:27%;}
#content{ width:100%;}
#content_left{ width:22%;}
#content_right{ width:76%;}
.img img{ max-width:100%;}
#dituContent{ width:100% !important;}
#show_cp p img{ max-width:100%; }
#show_cp{ margin-left:10px; margin-right:10px;}
.content_in ul li{ width:24%; margin:0.5%; height:auto; text-align:center;}
.content_in ul li img{ max-width:100%; height:auto;}
.imgcenter img{ max-width:100%;}
#related_product ul li{ width:24%; margin:0.5%; height:auto; text-align:center;}
#related_product ul li img{ max-width:100%; height:auto;}

}

@media (max-width: 768px) {
.pic{ width:32%; margin:0.6%;} 
.system{ display:none;}
.about_index{ width:45%; height:auto;}
.news_index{ width:53%; height:auto;}
.contact_index{ width:100%; margin-bottom:15px;}
.case_index{ width:100%; margin-bottom:15px;}
.newsi ul li{ width:100%;  }
.newsi{ height:auto;}
.foot_top{ display:none;}
#content_left{ display:none;}
#content_right{ width:98%; margin-left:1%; margin-right:1%;}
.content_in ul li{ width:32%; margin:0.6%;} 
#related_product ul li{ width:48%; margin:1%;} 

}

@media (max-width: 530px) { 
.about_index{ width:100%; margin-bottom:15px;}
.news_index{ width:100%;}


}


@media (max-width: 425px) { 
.pic{ width:48%; margin:1%;} 
.weizhi{ margin-top:0px;}
.case_index ul li{ width:48%; margin:1%; }
.content_in ul li{ width:48%; margin:1%; }

}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}