﻿html{overflow-x:hidden;}
body{margin:0;padding:0;font-family: "微软雅黑", Verdana, Geneva, sans-serif;font-size:14px;color:#000; background:#111111}
p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
h6{font-size:14px;}
ul,ol,li{list-style:none;margin:0;padding:0px;}
a{color:#000;text-decoration:none;}
img{border:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
input,button{ border:none;}
input,button {outline:none;}
*{ margin:0; padding:0;  }
.container{width:1200px;margin:0 auto;height:auto;display:block;}
.container1{width:88%; min-width:1200px;margin:0 auto;height:auto;display:block;}
.header_sj{ display:none}
.header{ display:block; padding:15px 0px;}
.logo{ display:block; float:left; }
.logo img{ display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ z-index:1; display:block; float:right; height:60px;  }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left;padding:0 22px;  }
.nav .nLi h3 a{ display:block; font-weight:normal; color:#dedede;  font-size:16px; line-height:60px;  }
.nav .sub{ display:none; width:200px; left:0; top:84px;  position:absolute; background:#FFF; box-shadow: 0px 0px 5px #dedede;line-height:38px; padding:5px 0px; z-index:99;  }
.nav .sub li{ zoom:1;}
.nav .nLi h3 a:hover{color:#ff0000}


.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20%; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.slideBox .bd p{ display:block; position:absolute; bottom:30px;}
.slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-43px; display:block; width:41px; height:86px; background:url(../image/left.png) no-repeat center;   }
.slideBox .next{ position:absolute; right:0; top:50%; margin-top:-43px; display:block; width:41px; height:86px; background:url(../image/right.png) no-repeat center;   }


.sm_t{ display:block; text-align:center; padding:40px 0px 25px 0px;}
.sm_t h2{ font-size:36px; line-height:55px;color:#FFF; font-weight:normal}
.sm_t span{ display:block; font-size:16px; color:#868686; background:url(../image/1.png) no-repeat center; margin-top:8px;}

.sm1{ display:block;}
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ display:block;}
.slideTxtBox .hd ul{ display:block; text-align:center;margin:0 auto; padding-bottom:20px;   }
.slideTxtBox .hd ul a{ display:inline-block; padding:0px 18px; border-radius:20px; color:#d2d2d2; border:1px #5d5d5d  solid; margin:10px 8px; font-size:16px; height:33px; line-height:33px;}
.slideTxtBox .hd ul a.on{  border-color:#ff0000; background:#ff0000; color:#FFF; padding:0 25px}
.slideTxtBox .hd ul span{ display:inline-block; padding:0px 18px; border-radius:20px;  border:1px #ff0000  solid; margin:10px 8px; font-size:16px; height:33px; line-height:33px; background:#ff0000; color:#FFF;}
.slideTxtBox .hd ul a:hover{ border-color:#ff0000; background:#ff0000; color:#FFF; }
.slideTxtBox .bd{ display:block;}
.slideTxtBox .bd ul li{ display:block; width:25%; float:left;padding:4px;box-sizing: border-box;}
.slideTxtBox .bd ul li a{ display:block; position:relative; overflow:hidden;}
.slideTxtBox .bd ul li a img{ display:block; width:100%; height:330px; transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.slideTxtBox .bd ul li a:hover img{transform:scale(1.1,1.1)}
.slideTxtBox .bd ul li a em{ display:none; position:absolute; top:0px; left:0px;background:url(../image/bg.png) repeat; width:100%; height:100%}
.slideTxtBox .bd ul li a:hover em{ display:block;}
.slideTxtBox .bd ul li a div{ display:none; position:absolute; top:35%; left:5%; width:90%; height:100%}
.slideTxtBox .bd ul li a:hover div{ display:block;}
.slideTxtBox .bd ul li a div p{ display:block; font-size:22px; color:#FFF; text-align:center; }
.slideTxtBox .bd ul li a div img{ display:block; width:50px; height:50px; margin:12px auto; }
.slideTxtBox .bd ul li a:hover div p{ display:block;  padding-bottom:5px; height:auto}

@media only screen and (max-width:1450px){
.slideTxtBox .bd ul li a div p{ display:block; font-size:19px; color:#FFF; text-align:center; }
.slideTxtBox .bd ul li a div img{ display:block; width:35px; height:35px; margin:12px auto; }	
}


.anli .slideTxtBox .hd ul a.on{  border-color:#ff0000; background:#ff0000; color:#FFF; padding:0px 18px;}
.news .slideTxtBox .hd ul a.on{  border-color:#ff0000; background:#ff0000; color:#FFF; padding:0px 18px;}


.picScroll-left{ position:relative; width:100%; padding-bottom:25px; padding-top:15px; }
.picScroll-left .hd .prev{ display:block; position:absolute; left:-50px; background:url(../image/local.png) no-repeat center; width:50px; height:50px; top:50%; margin-top:-50px; cursor:pointer}
.picScroll-left .hd .next{ display:block; position:absolute; right:-50px; background:url(../image/locar.png) no-repeat center; width:50px; height:50px;  top:50%; margin-top:-50px; cursor:pointer}
.picScroll-left .bd{overflow:hidden; width:98%; margin:0 auto; display:block; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;  }
.picScroll-left .bd ul li{ width:25%; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{ width:92%; margin:0 auto; display:block;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:100%; display:block; height:314px; }
.picScroll-left .bd ul li .title a{ display:block; color:#fefefe; font-size:18px; height:50px; line-height:50px; background:#282828; text-align:center}
.picScroll-left .bd ul li .title a span{ font-size:14px; color:#d5d5d5; padding-left:5px;} 
.picScroll-left1{ display:none}



.sm3 ul{ padding-top:10px; margin-bottom:20px;}
.sm3 ul li{float:left;text-align: center;}
.sm3 .fangbox{width: 156px;}	
.sm3 .jiantou{width: 18px;}		
.sm3 .jiantou .youday{ margin-top: 49px;}	   	
.sm3 .fangbox img{width: 76%;margin: 0 auto}
.sm3 .jiantou img{width: 100%;margin: 0 auto}
.sm3 ul li .step_title{font-size: 20px;line-height: 24px;color: #fff;margin-top: 10px;}
.sm3 ul li .step_xiaoh{font-size: 20px;line-height: 24px;color: #999999;}
.sm3 ul li .step_titlesun{font-size: 14px;line-height: 18px;color: #999999;margin-top: 15px;}

.sm4{ display:block;}
.sm4_c{ display:block; width:33.3%; float:left; padding-top:20px; margin-bottom:60px;}
.sm4_ct{ width:93%; display:block; margin:0 auto;}
.sm4_ct a{ display:block; width:100%; text-align:center;height:180px; }
.zxxz a{ background:url(../image/home-zxxt.jpg) no-repeat center;background-size:100%; }
.zxwd a{ background:url(../image/home-zxwd.jpg) no-repeat center; background-size:100%; }
.zxbk a{ background:url(../image/home-zxbk.jpg) no-repeat center;background-size:100%;  }
.sm4_ct a img{ display:block; margin:0px auto; padding-top:35px;}
.sm4_ct a span{ display:block; color:#FFF; font-size:24px;}
.sm4_c ul{ width:92%; display:block; margin:0 auto; background:#2b2b2b; padding:20px 0 10px 0 }
.sm4_c ul li{ display:block; padding:0px 20px;}
.sm4_c ul li a{ display:block; line-height:38px; color:#ededed; font-size:15px; height:38px; overflow:hidden;}
.sm4_c ul .sm4_cb a{ display:block; width:120px; text-align:center; font-size:15px; color:#ededed; line-height:35px; border:1px #8e8e8e solid; margin:20px auto; }
.sm4_c ul .sm4_cb a:hover{ border-color:#ff0000; background:#ff0000}

.sm5{ display:block; padding-bottom:50px;}
.sm5 ul{ display:block; border-left:1px solid #c1c1c1;border-top:1px solid #c1c1c1;}
.sm5 ul li{ display:block;border-bottom:1px solid #c1c1c1;border-right:1px solid #c1c1c1; padding:28px 0; float:left; width:198px; position:relative;}
.sm5 ul li p{ display:none; position:absolute; top:0px; left:0; width:90%; padding:0px 5%; height:100%; background:#e50202; color:#FFF; text-align:center; line-height:20px; font-size:12px;}
.sm5 ul li img{ display:block; width:44px; margin:10px auto}
.sm5 ul li span{ display:block; text-align:center; font-size:16px; color:#555; line-height:44px;}
.sm5 ul li:hover p{ display:block;}
.sm5 ul li p big{ display:block; padding-top:10px; line-height:36px; font-size:16px;}
.sm5 ul li p span{ display:block; line-height:20px; color:#FFF; font-size:12px;}





/*底部开始*/
.footer{background:#2b2b2b;padding-top:40px;position:relative; padding-bottom:25px;}
.footer .footer_ct{ display:block; float:left; width:300px; margin-right:88px;}
.footer .footer_ct h2{ display:block; background:url(../image/dh.png) no-repeat left center; color:#f5f5f5; font-family:Arial; font-size:25px; padding-left:52px; height:46px;}
.footer .footer_ct h2 a{ color:#FFF}
.footer .footer_ct h2 span{ display:block; padding-bottom:2px; font-size:13px; color:#d8d8d8; font-weight:normal}
.footer .footer_ct p{ display:block; margin-top:16px; color:#e4e4e4; line-height:28px; font-size:14px;}
.footer dl{float:left;margin:0px 88px 0 0}
.footer dl dt{color:#fff; font-size:16px; margin-bottom:16px;}
.footer dl dt e{ display:block; width:14px; height:1px; background:#f5f5f5; margin-top:18px;}
.footer dl dd a{ display:block; color:#bfbfbf; font-size:14px; line-height:16px; padding-bottom:16px;}
.footer dl dd img{width:300px;}
.footer a{display:inline-block;white-space:nowrap}
.footer a:hover{color:#fff}.footer .info{width:250px}
.footer .bottom{border-top:1px solid #484848;color:#a8a8a8; line-height:40px; margin-top:35px; font-size:13px; padding:15px 0;}
.footer .bottom a{color:#a8a8a8; padding-right:20px;}


.fixediv{position:fixed;bottom:0px;z-index:9999;width:100%; z-index:99999; }
*html .fixediv{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:140px 0 0 0;}
.fixediv-l{left:0px;}
.fixediv-r{right:0px;}

#Bar11901_big .btn{ display:block; position:absolute; top:20px; text-align:right; left:50%; margin-left:-650px;  width:1260px; height:50px; }
#Bar11901_big .btn a{color:#FFF; position:relative; z-index:9999}
#Bar11901_big .btn a i{ font-size:22px;}

.fix_footer{width: 100%;color: #FFFFFF;z-index: 999; background:rgba(0,0,0,0.8); }
.fix_footer .fixF{overflow: hidden;padding-top: 23px;padding-bottom: 20px; position:relative; z-index:99;}
.fix_footer .fixbox{width: 1200px;margin: 0 auto;}
.fix_footer .fixbox p{float: left;margin-right: 50px;}
.fix_footer .fixbox p span{float: right;margin-left: 20px;font-size: 16px;margin-top: -2px;}
.fix_footer .fixbox p:first-child{margin-top: 5px;}
.fix_footer .fixbox p:first-child span{font-size: 18px;margin-top: 3px;}
.fix_footer .fixbox form{float: left;margin-left: 60px;}
.fix_footer .fixbox form input{height: 40px;line-height: 40px;background: #FFFFFF;border-radius: 5px;border: none;padding-left: 10px;
margin-right: 10px;}
.fix_footer .fixbox form button{width: 130px;height: 40px;line-height: 40px;background: #ff0000;color: #FFFFFF;text-align: center;
margin-left: 10px;font-size: 16px;border-radius: 5px;}


.about_c{ display:block; text-align:center; padding-bottom:70px;}
.about_c p{ color:#d6d6d6; font-size:16px; line-height:36px; margin-bottom:40px;}
.about_c img{ display:block; width:380px; float:left; margin:0px 10px}

.lianxi_c{ display:block; padding-bottom:40px;}
.lianxi_c ul li{ display:block; width:33.3%; float:left;}
.lianxi_c ul li p{ display:block; width:94%; margin:10px auto; padding:25px 0 30px 0; background:#2b2b2b; text-align:center}
.lianxi_c ul li p img{ display:block; margin:0px auto}
.lianxi_c ul li p span{ font-size:18px; color:#c5c5c5; display:block; padding-top:22px;}

.tuandui_c ul{ padding-top:12px;}
.tuandui_c ul li{ width:20%; float:left; _display:inline; overflow:hidden; text-align:center; margin-bottom:13px;  }
.tuandui_c ul li a{ width:95%; margin:0 auto; display:block;}
.tuandui_c ul li a img{ width:100%; display:block; height:265px; }
.tuandui_c ul li a p{ display:block; color:#fefefe;font-size:16px; height:46px; line-height:46px; background:#282828; text-align:center}
.tuandui_c ul li a p span{ font-size:13px; color:#d5d5d5; padding-left:5px;} 


.page {height: 35px;text-align: center;padding:40px 0; font-size:15px;color: #FFF;}
.page li {list-style: none; background:#2b2b2b;padding:5px 10px;display: inline-block;margin: 0 4px;*+display:block;*+float:left;}
.page li a{color: #FFF;}
.page li a:hover{color:#FFF}
.page li.thisclass {background: #ff0000;color: #FFF;}
.page li {list-style: none;}


.anli{ display:block; padding:36px 0 5px 0}
.anli_c{ display:block; padding-top:10px;}
.anli_c ul li{ display:block; width:33.3%; float:left;}
.anli_c ul li a{ display:block; width:96%; margin:10px auto; position:relative}
.anli_c ul li a img{ display:block; width:100%; height:288px;}
.anli_c ul li a p{ display:block; position:absolute; bottom:20px; width:90%; left:5%; color:#FFF; font-size:16px; text-align:center}


.news{ display:block; padding:36px 0 5px 0}
.news_c{ display:block; padding-top:10px;}
.news_c ul li{ display:block; padding:12px; background:#2b2b2b; color:#959595; margin-bottom:22px;}
.news_c ul li .news_cl{ float:left; width:30%;}
.news_c ul li .news_cl a{ display:block; overflow:hidden;height:215px;}
.news_c ul li .news_cl a img{ display:block; width:100%; min-height:215px; transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.news_c ul li .news_cl a:hover img{transform:scale(1.1,1.1)}
.news_c ul li .news_cr{ float:right; width:68%;}
.news_c ul li .news_cr big a{ display:block; color:#cdcdcd; font-size:18px; line-height:40px;}
.news_c ul li .news_cr span{ display:block; line-height:40px; background:url(../image/nz.png) no-repeat left center; padding-left:30px; font-size:14px; color:#959595}
.news_c ul li .news_cr p{ display:block; line-height:30px; padding-right:15px;}
.news_c ul li .news_cr small a{ display:block; background:#ff0000; color:#FFF; text-align:center; font-size:15px; width:106px; line-height:34px; margin-top:26px;}


.con_t{ line-height:60px; color:#c7c7c7}
.con_t a{color:#c7c7c7}
.con_l{ width:850px; float:left}
.con_r{ width:280px; float:right; }
.con_r1{ width:280px; background:#2b2b2b; padding:20px 20px 0px 20px; margin-bottom:40px;}
.con_r h2{ display:block; font-size:20px; color:#e8e8e8; padding-bottom:20px; font-weight:normal}
.con_r ul li{ display:block; width:100%; margin-bottom:8px;}
.con_r ul li a img{ display:block; width:100%}
.con_r ul li a p{ display:block; text-align:center; line-height:38px; height:38px; overflow:hidden; color:#999999}
/*单页*/
.dy{ display:block;  padding-bottom:40px;margin-top:10px; line-height:33px;  font-size:15px; color:#d3d3d3; }
.dy img{ display:block; max-width:100%; margin:5px auto; height:auto !important;}

.xxy{ display:block;  padding-bottom:10px; margin-top:10px;}
.xxy h2{ display:block; text-align:center; font-size:20px; line-height:44px; color:#dbdbdb; font-weight:400;}
.xxy p{ display:block; text-align:center; line-height:32px; color:#8a8a8a}



.daitxt{ display:block; text-align:center; padding-bottom:25px;}
.daitxt h2{ display:block; font-size:26px;  color:#e8e8e8; line-height:40px;}
.daitxt e{ display:block; height:1px; width:25px; margin:10px auto; background:#8a8a8a}
.daitxt p{ color:#8a8a8a;  font-size:14px; font-weight:normal; text-transform:uppercase;}
#designerCase{ display:block; padding-bottom:20px;}
#designerCase .item{ display:block; width:33.33%; float:left; margin-bottom:6px;}
#designerCase .item .bgbox{ display:block; width:93%;  line-height:44px; text-align:center; font-size:16px;}
#designerCase .item .bgbox img{ display:block; width:100%; height:200px;}
#designerCase .item .bgbox .txt{ height:44px; overflow:hidden;color:#d3d3d3; }

#tankuang{ display:none}
.fix{ display:none}







