@charset "utf-8";
/**
 * 公共样式
 * @type {Number}
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal; }
img{ border:none;padding:0;margin:0;}
a img{ border:none;}
a:focus{outline:none;}
body {
    font-family:'Arial',Arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 12px;
    background-color: #fff;
}
html,body{ position:relative;}
a{text-decoration:underline; color: #000;
font-family:Arial, sans-serif;
font-family:'Arial';
/* transition:all 0.5s;
-webkit-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s; */}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}

.left{ float:left;}
.right{ float:right;}
.hide{display:none; z-index:0;}
.show{display:block; z-index:5;}
.active{ display:block; z-index:10}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}


.allpnopagebtn { overflow:hidden; margin:15px 0; margin-right:5px;}
.allpnopagebtn a { float:right;display: inline-block;font-size: 20px;font-weight: 200;line-height: 38px;width: 38px;text-align: center;margin: 0 0px 0 10px;color: #999;border: 1px solid #999;}
.allpnopagebtn a:hover{color: #333;border-color: #333;}

.zero{width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#666;}

.center{width:1000px;margin:0px auto;}

/*浮层*/
.flrgicon{ position:fixed;right:20px; bottom:130px;z-index:101; }
.flrgicon .retopbtn{ display:none;}
.flrgicon a.retopbtn{ display:block; width:50px; height:50px; position:relative;}
.flrgicon a span{ display:none; position:absolute; top:0; left:0; width:50px; height:40px; padding:5px 0; letter-spacing:1px; background:#000; color:#FFF; text-align:center; line-height:20px;}

/*index*/
.header {  width:100%;border-top:6px solid #000000;}
.header .headcon{width:1000px;height:110px; margin:0 auto;}

.header .headcon .language{height:31px;line-height:31px; text-align:right;color:#888888; margin-top:10px;}
.header .headcon .language ul{float:right;}
.header .headcon .language ul li{ float:left; position:relative;}
.header .headcon .language ul li .wxbox {opacity: 1; position: absolute; z-index:10; top:40px;  left:-60px; padding:1px;display:block;}

.header .headcon .language a{color:#888888;float:left;margin-right:10px;}
.header .headcon .language a:hover{ color:#000;}

.header .headcon .logo{ float:left;margin-top:22px;}

.search{float:left;background:url(../images/search_bg.png) no-repeat;width:238px;height:31px;margin:0px 15px;}
.search .search_input{width:160px;height:28px;float:left;line-height:28px;margin-left:15px;background:none;border:none;}
.search .submit{width:45px;height:31px;float:left;margin-left:12px;background:none;border:none;}

.guide{margin:0px;padding:0px;float:right;margin-top:15px;}
.guide ul{margin:0px;padding:0px;}
.guide ul li{float:left;}
.guide ul li a{background:#fff;padding:10px 20px;color:#666;margin:0px 6px;float:left;font-size:15px;}
.guide ul li a:hover{background:#DA2E2C;color:#fff;}
.guide ul li .li_hover{background:#DA2E2C;color:#fff;padding:10px 20px;margin:0px 6px;float:left;font-size:15px; !important}


.banner{width:100%;}

/*新闻,案例,关于*/
.home-about{ overflow:hidden; width:1000px; margin:0 auto;margin-top:25px;}
.home-about .box .tit{ height:25px; line-height:25px; border-top:1px solid #CCC;overflow:hidden; margin-bottom:16px;}
.home-about .box .tit .red_title{ float:left;width:108px; height:25px; line-height:25px;font-size:13px; color:#1db0d5;background:#DA0000;text-align:center;}
.home-about .box .tit .red_title a{ text-decoration:none;color:#1db0d5;display:block;color:#FFF;}
.home-about .box .tit .a_more{color:#333;float:right;}
.home-about .box .tit .a_more:hover{color:#DA0000;}

.home-about .box .more{ font-size:0.75em; margin-top:18px;}
.home-about .box .more a{ background:url(../images/arrow1_more.png) no-repeat left; padding-left:22px; line-height:1.5em; color:#585858;}
.home-about .box .more a:hover{ color:#000;}

/*新闻*/
.home-about .news{ padding-right:18px;width:362px; float:left;}
.home-about .news .tit h3{ background:url(../images/icon_news.png) no-repeat left top; padding-left:50px;}
.home-about .news .list{ margin-top:15px;}
.home-about .news .list ul{}
.home-about .news .list li{ padding-left:18px; font-size:12px; background:url(../images/arrow2.png) no-repeat left 12px; height:25px; line-height:25px; overflow:hidden;}
.home-about .news .list a{ display:block; color:#333;}
.home-about .news .list a:hover{color:#00a7eb;}
.home-about .news .more{ margin-top:15px;}
.home-about .news .list li.first{ height:98px; padding-left:0px; overflow:hidden; margin-bottom:8px;}
.home-about .news .list li.first img{ float:left; }
.home-about .news .list li.first .txt { float:left;width:195px;}
.home-about .news .list li.first .txt h2{ line-height:1.4em; height:1.4em; overflow:hidden; margin-bottom:6px;}
.home-about .news .list li.first .txt p{height:71px;line-height:22px;overflow:hidden; color:#7d7d7d;}

/*案例*/
.home-about .contact{width:235px; float:left;}
.home-about .contact .tit h3{ background:url(../images/icon_contact.png) no-repeat left top;}
.home-about .contact .conpic{ overflow:hidden;}
.home-about .contact .conpic .left{ float:left; /*padding:3px; border:3px solid #e3e3e3;*/}
.home-about .contact p{ line-height:2em; margin-top:8px;}


.home-about .case .more{ width:80px; z-index:100; position:relative;}
.home-about .about {padding-right: 18px;width: 362px; float:left;}
.home-about .about .tit h3{ background:url(../images/icon_case.png) no-repeat left top; padding-left:40px;}
.home-about .about .con{ text-align:center;}
.home-about .about .con img{  margin:0 auto}
.home-about .about .con .about_text{ line-height:25px; text-indent:2em; text-align:left; color:#505050; width:362px; margin:0 auto; margin-top:6px; height:100px; overflow:hidden;}

.home-about .box .protit{padding-bottom:2px;text-align:left; margin-bottom:15px;    height: 43px;
    line-height: 30px;
    background: url(../images/dot1.png) repeat-x bottom;
    overflow: hidden;
    margin-bottom: 16px;}
.home-about .box .protit .maintit span{padding:7px 8px 7px 35px;/* background:#00a1e9;*/ background:url(../images/icon_pro.png) no-repeat;    font-size: 1.25em;
    color: #1db0d5;}
.home-about .box .protit .maintit em{color:#e9e9e9; margin-left:8px;}




.hmpro{width:1000px; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:25px;}
.hmpro .protit{border-bottom:1px solid #00a1e9; padding-bottom:2px;text-align:left; margin-bottom:15px;}
.hmpro .protit .maintit span{font-size:18px; line-height:32px; color:#1db0d5;padding:7px 8px 7px 35px;/* background:#00a1e9;*/ background:url(../images/icon_pro.png) no-repeat;}
.hmpro .protit .maintit em{ font-style:normal;font-size:16px; line-height:32px; color:#e9e9e9; margin-left:8px;}
.hmpro .protit .maintit .more{ float:right;margin-top:12px;}
.hmpro .protit .maintit .more a{   background: url(../images/arrow1_more.png) no-repeat left;padding-left: 22px; }
.hmpro #demo { background: #FFF; overflow:hidden;} 
.hmpro #demo a { float:left;margin:0 8px; text-align:center;}
.hmpro #demo a img{ width:180px; height:140px; border:2px solid #fff;transition:all 0.2s;
-webkit-transition:all 0.2s;
-ms-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;}
.hmpro #indemo { float: left; width: 800%; } 
.hmpro #demo1 { float: left; }
.hmpro #demo2 { float: left; } 
.hmpro #demo a p{width:180px; height:24px; margin-top:5px; line-height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.hmpro #demo a:hover img{ border:2px solid #00b4ff;}
.hmpro #demo a:hover  p{text-decoration:underline;color:#0071a0; }

.home-about .contact #case_slider .slides{width:173px; margin:0 auto; overflow:hidden;}
.home-about .contact #case_slider ul li{ position:relative;}
.home-about .contact #case_slider ul li span{ position:absolute; width:94%; padding:0 3%; z-index:100; bottom:0; left:0; background: rgba(0,0,0,0.6);background: #000\9;opacity: 0.6\9;filter: alpha(opacity=60)\9;
color: #FFF;line-height:30px;text-align: center; height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-about .contact #case_slider ul li img{ width:173px; height:202px;}
.home-about .flexslider{ position:relative;}
.home-about .flexslider .flex-direction-nav{}
.home-about .flexslider .flex-direction-nav a{ margin-top:-125px; width: 50px; height: 50px; line-height:50px; color:#fff; position:absolute; z-index:100}
.home-about .flexslider .flex-direction-nav a:hover{ color:#ec6425;}
.home-about .flexslider .flex-direction-nav .flex-prev {left:0px; }
.home-about .flexslider .flex-direction-nav .flex-next {right:-38px; }
.home-about .flexslider .flex-direction-nav a:before{ font-family: 'icomoon'; content:url(../images/product_hm01.png); font-size:50px;}
.home-about .flexslider .flex-direction-nav a.flex-next:before { content:url(../images/product_hm02.png);}



/*index classify*/
.index_classify{float:left;margin:20px 0px;}
.index_classify ul{margin:0px;padding:0px;}
.index_classify ul li{height:40px;line-height:40px;background:#E2E2E2;margin:3px;padding-right:25px;}
.index_classify ul li:hover{background:#FF9600;}
.index_classify ul li:hover span{color:#fff;}
.index_classify ul li img{float:left;margin-top:10px;margin:11px 10px 0px 20px;}  
.index_classify ul li span{float:left;}
.index_classify ul a{display:block;font-size:13px;float:left;}
/*index classify*/



/*about*/
.weizhi{height:28px;line-height:28px;background:#484848;width:100%;color:#FFF;text-align:left;}
.weizhi img{float:left;margin-top:8px;margin-right:10px;}
.weizhi a{color:#FFF;margin:0px 5px;}
.weizhi a:hover{color:#ccc;}


.about1{float:left;margin:20px 0px;text-align:center;}
.about1 .three_img{width:100%;float:left;}
.about1 .three_img img{float:left;border:3px solid #666;margin:15px 35px;} 
.about1 .about1_text{text-align:left;line-height:30px;font-size:13px;text-indent:2em;}


.about2{width:100%;height:100%;float:left;margin:20px 0px;}
.about2 .about2_title{height:50px;border-left:5px solid #32A469;padding-left:10px;}
.about2 .about2_title p{width:100%;float:left;height:25px;line-height:25px;font-size:13px;}
.about2 .about2_title .p1{font-size:17px;border-bottom:1px solid #999;font-weight:bold;}
.about2 ul{margin:20px 0px;padding:0px;}
.about2 ul li{float:left;margin:12px 2px;}
.about2 ul li img{width:246px;max-height:287px;}
/*about end*/

.flrgicon{ position:fixed;right:20px; bottom:130px;z-index:101; }
.flrgicon .retopbtn{ display:none;}
.flrgicon a.retopbtn{ display:block; width:50px; height:50px; position:relative;}
.flrgicon a span{ display:none; position:absolute; top:0; left:0; width:50px; height:40px; padding:5px 0; letter-spacing:1px; background:#000; color:#FFF; text-align:center; line-height:20px;}
/*about us*/






/*product*/
.pro_content { width:1000px; margin:0 auto;margin-top:20px; padding-bottom:10px;}

.pro_content .proleft{margin-right:18px; float:left; margin-bottom:45px; width:222px; padding-bottom:20px;}
.pro_content .proleft h2{ color:#FFF; height:80px; padding-top:15px; padding-left:30px; font-size:20px; line-height:40px; background:#DA2E2C  url(../images/arr_pro02.png) 180px 20px no-repeat; background: #DA2E2C  url(../images/arr_pro02.png) 180px 20px no-repeat\9;
opacity: 0.85\9;filter: alpha(opacity=85)\9;position:relative; z-index:9;}
.pro_content .proleft h2 span{font-size:15px; line-height:15px; display:block;}
.pro_content .proleft>ul{background:#f1f1f1; padding:12px 0;}
.pro_content .proleft>ul>li>a{display:block; padding-left:15px; margin:0 10px;    margin-top: 10px; font-size:14px; line-height:39px; color:#000;background: url(../images/product_arrowcur02.png) 180px 12px no-repeat;  border-bottom:1px solid #a7a7a7;}
.pro_content .proleft>ul>li>a.aadj{ color:#616161; display:block;margin-top:10px; font-size:14px; line-height:39px;background:#DA2E2C url(../images/product_arrowcur.png) 180px 12px no-repeat; color:#fff; border-bottom:1px solid #DA2E2C;}
.pro_content .proleft>ul>li>a:hover{ color:#616161; display:block;margin-top:10px; font-size:14px; line-height:39px;background:#DA2E2C url(../images/product_arrowcur.png) 180px 12px no-repeat; color:#fff; border-bottom:1px solid #DA2E2C;}
#new_z{ color:#616161; display:block;margin-top:10px; font-size:14px;line-height:39px;background:#DA2E2C url(../images/product_arrowcur.png) 180px 12px no-repeat; color:#fff; border-bottom:1px solid #DA2E2C;}

.pro_content .proleft>ul>li>a span{ float:right; margin-right:15px;}
.pro_content .proleft ul li ul{margin-top:8px;}
.pro_content .proleft ul li a.aadj:hover{}
.pro_content .proleft ul li ul li{ font-size:13px; line-height:28px; padding-left:30px; margin: 0 10px;}
.pro_content .proleft ul li ul li a:hover{ color:#ed6b2f;}
.pro_content .proleft ul li ul li a.z{ color:#ed6b2f;}

.pro_content .right_con { float:right; width:750px; font-size:12px; line-height:1.6em;}


/*product details*/
.pro_content .right_con .prodeatail{ text-align:center;}
.pro_content .right_con .prodeatail h2{ margin:10px 0;text-align:center; margin-top:18px;}
.pro_content .right_con .prodeatail .prodelimg{ text-align:center;margin:20px 0 10px 0;}
.pro_content .right_con .prodeatail .prodelimg img{ border:1px #a4a4a4 solid; margin-right:15px;}
.pro_content .right_con .prodeatail { font-size:12px; line-height:22px;}
.pro_content .right_con .prodeatail .p_text{width:100%;line-height:25px;text-align:left;margin-top:20px;}
.pro_content .right_con .prodeatail .p_text p{ text-align:left;}

/*news*/

.curpage{ width:100%; margin-top:10px;}
.curpage .curpagecon{width:1000px;text-align:left;margin:0 auto; border-bottom:1px solid #999; line-height:22px;}
.newspage{width:1000px; margin:0 auto; margin-top:15px;}
.newscon ul { margin:0 auto; overflow:hidden; margin-top:25px;}
.newscon ul li{width:980px; height:160px;margin-bottom:20px;float:left;border-bottom:1px solid #ABABAB;}
.newscon ul li a{border:1px #fff solid; display:block; }
.newscon ul li .new_list{ overflow:hidden;}
.newscon ul li .news_time{width:100px;float:left;text-align:center;margin-right:40px;margin-top:40px;}
.newscon ul li .news_time p{width:100%;height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #ABABAB;color:#ABABAB;}

.newscon ul li .new_list img{ width:219px; height:160px;}
.newscon ul li .new_list .right{ float:right; width:590px; }
.newscon ul li .new_list .right p{ font-size:12px; color:#828282; line-height:22px;}
.newscon ul li .new_list .right p.intro{ height:90px; line-height:30px;overflow:hidden; margin-top:7px}
.newscon ul li .new_list .right h2.smatit{font-size:20px; margin-bottom:3px; color:#666;height:50px; line-height:50px;font-weight:bold;overflow:hidden;}

.newscon ul li:hover .new_list h2.smatit{color:#DA2E2C;}

.newspage p.time{ font-size:14px;color:#c4c4c4; text-align:center;margin-bottom:10px; line-height:26px;}
.newspage .article{ font-size:12px; line-height:30px; margin-bottom:30px;text-align:left;}
.newspage h2.tit{ font-size:20px;font-weight:bold; text-align:center; margin-top:20px; line-height:50px;}





/*case*/
.case_content{float:left;margin:20px 0px;}
.case_content ul{width:1000px;margin:0px;padding:0px;float:left;}
.case_content ul li{width:200px;height:200px;float:left;margin:15px;text-align:center;}
.case_content ul li img{width:200px;height:150px;float:left;}
.case_content ul li .case{width:100%;line-height:25px;height:50px;font-size:13px;margin-top:5px;float:left;}
/*case  end*/

/*contact*/
.address{width:1000px;height:100%;padding-bottom:20px;padding-top:30px;float:left;}
.address .contact_text{width:500px;height:230px;float:left;margin-left:50px;text-align:left;}
.address .contact_text img{margin:0px 10px;}
.address .contact_text p{color:#686868;font-size:15px;line-height:35px;height:35px;margin-left:10px; }
.address .contact_text a{color:#686868;}
.address .contact_text a:hover{color:#999;}
.map{width:100%;float:left;}