@charset "utf-8";
.banner{ width:100%; position:relative; height:auto; overflow:hidden}
.banner div.cnt{width:100%; height:auto; overflow:hidden}
.banner div.cnt ul{ width:300000px;}
.banner div.cnt ul li{ float:left; position:relative}
.banner div.cnt ul li p{ position:absolute; right:160px; bottom:20%;width:140px}
.banner div.cnt ul li p a{ display:block; height:40px; margin-bottom:3px; line-height:40px; background:url(../images/white.png); text-align:center; font-size:14px; letter-spacing:5px;}
.banner div.cnt ul li p a:hover{ color:#fff; background:#cc8f44;}
.banner div.cnt ul li ul{ position:absolute; display:block; color:#FFF; left:160px; bottom:20%; width:50%;}
.banner div.cnt ul li ul h3{ font-size:2.2vw; border-bottom:3px solid #cc8f44; padding-bottom:10px; margin-bottom:10px;}
.banner div.cnt ul li ul span{ line-height:1.5vw; display:block; font-size:0.9vw}

.banner img{width:100%}
.banner a.arr{ display:block; width:29px; height:44px; position:absolute;top:50%; margin-top:-22px; cursor:pointer}
.banner a#a_l{ background:url(../images/a_l.png) no-repeat center; left:60px;}
.banner a#a_r{ background:url(../images/a_r.png) no-repeat center; right:60px;}
.arr_down{ position:absolute; bottom:0; height:20px; background:url(../images/arr.png) no-repeat center; left:0; width:100%}
.arr_down p{ height:100%; width:50%; background:#fff}
.arr_down p.l{ margin-left:-20px; float:left;}
.arr_down p.r{  margin-right:-20px; float:right;}


.about{ background:#b2b2b2}
.about div{ padding:50px 0; position:relative}
.about div h3{color:#fff; font-size:36px; font-weight:normal; margin-bottom:20px;}
.about div p{font-size:15px;color:#fff; line-height:30px; padding-right:240px;}
.about ul{ position:absolute; right:0; top:120px;}
.about ul li.icon{height:25px; margin-top:20px;}
.about_video{ margin-top:20px;}
.about_video a{ display:block; background:#666; line-height:35px; text-align:center; width:150px; color:#fff; border-radius:5px;}
.company{ background:#887d77;padding:60px 0 30px;}
.company h3{ color:#fff; font-size:36px; font-weight:normal;margin-bottom:20px;}


.slider{ width:100%;}
.pic_list{width:30000px;}
.pic_list div{ float:left}
.pic_list li { float:left;margin:10px 5px;overflow:hidden;width:280px;height:190px;cursor:pointer;display:inline;background:#eee;-webkit-box-shadow:0 0 4px rgba(0,0,0,.5); -moz-box-shadow:0 0 4px rgba(0,0,0,.5); -o-box-shadow:0 0 4px rgba(0,0,0,.5); box-shadow: 0 0 4px rgba(0,0,0,.5);}
.pic_list li a.pic{ display:block;height:140px; width:100%; overflow:hidden}
.pic_list li a img{ width:100%;}
.pic_list li:hover{ margin-top:5px}

.pic_list li a.txt {display:block;height:25px; padding:10px;}
.pic_list li a.txt span{ display:block; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#999; margin-top:5px;}
.pic_list li a.txt b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px; font-weight:normal}

.pic2 li{ height:180px; background:#FFF}
.pic2 li a.pic{ height:110px;}

.news{padding:60px 0 30px;}
.news h3{font-size:36px; font-weight:normal; margin-bottom:20px; color:#887d77}
.news_in{ position:relative}
.news ul{ float:left;}
.news dl{-webkit-box-shadow:0 0 4px rgba(0,0,0,.5); -moz-box-shadow:0 0 4px rgba(0,0,0,.5); -o-box-shadow:0 0 4px rgba(0,0,0,.5); box-shadow: 0 0 4px rgba(0,0,0,.5);}
.news dt{ width:100%;}
.news dt img{ width:100%;background:url(../images/load.gif) center no-repeat}
.news dd{ padding:10px; padding-bottom:0; line-height:20px;}
.news dd h4{font-size:16px; font-weight:normal;}
.news dd h4.elp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news dd span{ display:block; margin-top:5px; color:#999}
.news dd span a{ color:#666; display:inline-block}
.contact{ margin:20px 0 50px; text-align:center;}
.contact a{ display:block; background:#d1d0d0; color:#fff; width:200px; height:50px; line-height:50px; text-align:center; font-size:18px; margin:0 auto}

@media (max-width: 1200px) {
	.banner div.cnt ul li ul{ width:500px}
}
@media (max-width: 1000px) {
	.banner div.cnt ul li ul{ display:none}
}
@media (max-width: 800px) {
	.about div p{ padding-right:0}
	.about ul{ display:none}
}



#video_pannel{display:none; overflow:hidden}
#video_pannel dd{ height:35px; line-height:35px;}
#video_pannel dd a{ display:block; float:left;width:33.33%; text-align:center; font-size:14px;}
#video_pannel dd a.on{color:#cc8f44;}