/* CSS Document */
/* 公共样式 */
html, button, input, select, textarea {
    font-family: "Arial","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif
}
body,html{
	min-width: 1260px; font-size:14px;
}
*{
     padding:0;
     margin:0;
}
a{
	 text-decoration:none;
}
a:hover{
	transition:all .5s 0s ease-in;
}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.border_l{ border-left:1px solid #fff;}
.border_btm{ border-bottom:1px dashed #666;}

/* 公共样式结束 */

/* 公共头部样式 */
.top{
    text-align:center;
    height:36px;
    line-height:36px;
    background-color:#e8e8e4;
 }
 .top .top_con
 {
     width:1200px;
	 margin:0 auto;
	 position:relative;
	 }
 .top_con .welcome{
     padding-left:30px; font-size:14px; color:#666; float:left; line-height:36px;}

 .top_con  a{ float:right; text-decoration:none; color:#666666; font-size:14px; display:block; height:36px; width:136px; background:url(../images/index_03.jpg) no-repeat left;}
 .top_con .logo{ float:left; }
 .top_con .contactus{ float:right; }
 
 .menu{
     height:56px; background-color:#006d70;}
.menu ul{ width:1200px; margin:0 auto}
.menu ul li{ display:inline; list-style:none; width:130px; line-height:56px; color:#fff; float:left; }
.menu ul li.current{ background-color:#f9b900;}
.menu ul li:hover{ background-color:#f9b900;}
.menu ul li a{ color:#fff;}
/* 公共头部样式结束 */


.banner{height:488px;}
.content{
     width:100%;
	 }
.about_us ,.news_box{width:1200px;
	 margin:0 auto;}
.about_us .about_us_con{ background:url(../images/index_21.jpg) no-repeat right center; padding-right:300px; padding-bottom:30px; padding-left:50px; }
.about_us .about_us_con p{ padding:30px 0px;  font-size:14px; line-height:24px; color:#333333;}
a.more{ display:block; height:30px; border:1px solid #f9b900; width:110px; border-radius:8px; text-align: center;line-height: 30px;   font-size:16px; color:#f9b900;  }
a:hover.more {color:#ffffff;background:#f9b900;}
.more_1{ display:block; height:30px; border:1px solid #faba01; width:90px; border-radius:8px; text-align: center;line-height: 30px;   font-size:16px; color:#faba01; }
a:hover.more_1 {color:#fff;background:#faba01;}
.banner_1{ width:100%; height:248px; line-height:248px; background:url(../images/index_24.jpg) no-repeat top center;}

.service{ width:1200px; margin:0 auto;
}
.service_title{ text-align:center; color:#717171; font-size:18px; padding:10px;}
.service_slide{ position:relative;}
.service_slide .slide_con{ padding:30px 0; }
.service_slide .slide_con .p_img{ width:650px; text-align:center }
.slide_con_d{ width:440px; padding-top:20px;}
.slide_con_d title{ display: block; font-size:24px; color:#000; line-height:36px;}
.slide_con_d p{ font-size:14px; line-height:24px; color:#717171; padding: 20px 0;}

.slide_bt{ position:absolute; top:180px; width:100%; }
.slide_bt_l{ width:80px; }
.slide_bt_r{ width:80px; }
.service_more{ font-size:14px; color:#333; display:block; height:30px; line-height:30px; width:200px; border:2px solid #f9b900; text-align:center; margin:0 auto;  }
.service_more:hover{ color:#f9b900; border:2px solid #f9b900;}
.news{ width:100%; background:url(../images/news_bg.jpg) no-repeat top center; max-height:536px; margin-top:50px; color:#fff;}
.news_list{ width:508px; padding:20px 50px;}
/*.news_list ul{ width:100%; height:36px; padding:20px 0;}
.news_list ul li{ list-style:none;  font-size:18px; padding-right:20px;}
.news_list ul li.current{ color:#f9b900;}*/
.news_list .title {width:100%; height:36px;padding:20px 0;}
.news_list .title-list {top: 6px;}
.news_list .title-list li {width: 100px;line-height: 36px;text-align: center;float: left;display: inline;font-size:18px;}
.news_list .title-list li.on {color: #faba01;}
.news_list .title-list span {float:left;font-size:24px;line-height:36px;}
.news_list .title .fr{float: right;display:inline-block;height:30px;overflow:hidden;border:1px solid #faba01; width:90px; border-radius:8px; text-align: center;line-height: 30px;  font-size:16px; color:#faba01; }
.news_list .title .fr a {color:#faba01;font-weight:100;}
.news_list .title .fr a:hover {color:#ffffff;background:#faba01;display:block;}
.article {position: relative;display: none;margin-bottom: 20px;}
.article-wrap .article li{list-style:none;}
.article-wrap .show{display:block}
.list_item{ padding:20px 0; height:90px;}
.list_item .date{ width:64px; background-color:#fff; text-align:center; padding:3px 3px 0 3px;}
.list_item .date b{ display:block; text-align:center; font-size:30px; font-weight:bold; background:#1f766d; line-height:50px; font-weight:normal;}
.list_item .date span{ font-size:12px;line-height:24px; color:#333;}
.list_item .item_con{ width:418px; padding-left:20px; }
.list_item .item_con a.n_title{ font-size:18px;overflow: hidden;white-space: nowrap;display:block;  color:#fff;}
.list_item .item_con a.n_title:hover{ text-decoration:underline; color:#fff;}
.list_item .item_con a.n_summ{ display:block;font-size:14px; line-height:24px; color:#d7f3f0; padding-top:15px; overflow: hidden; height:48px; }
/*工程案例*/
.example_list{width:492px;padding:20px 50px;}
.example_list .example_title{width:100%; height:36px; padding:20px 0;}
.example_list .example_title span{ font-size:18px; padding-right:20px; }
.example_list .example_item{ padding:0 0 30px 0;}
.example_list .example_item a img {width:492px;height:330px;}
.example_list .example_item a.e_title{ font-size:18px; color:#fff; display:block; padding:10px 0 10px;overflow: hidden;white-space: nowrap;}
.example_list .example_item a.e_title:hover{ text-decoration:underline;color:#f9b900;}
.example_list .example_item a.e_summ{ font-size:14px; line-height:24px; color:#ccc;overflow: hidden;white-space: nowrap;}

/* 公共footer 样式 */

.footer{ width:100%; background-color:#151515; }
.footer_con{ width:1200px; margin:0 auto; padding:50px; position:relative;}
.footer_con .web_map{ color:#ccc; line-height:30px; height:30px; font-size:14px; }
.footer_con .web_map a{color:#ccc; text-decoration:none;}
.footer_con .web_map a:hover{ text-decoration:underline;}
.footer_con .web_map span{ display:inline-table; width:30px; text-align:center;}
.footer_con p{ color:#999; line-height:30px; padding:30px 0;}
.footer_con a {color:#999;}
.footer_con a:hover {color:#fff;}
.us_code{ position:absolute; right:100px;  top:50px; color:#999; }
.us_code span{display: block;  line-height: 30px; }
/* 公共footer 样式结束 */


.l_title{ clear:both;width:100%; font-size:36px; color:#000; text-align:center; line-height:40px; padding-top:50px;}
.l_title span{ color:#f9b900;}
.l_box{ padding:20px 0; width:1200px;}
.l_item{ padding:30px 0; height:90px; width:550px; float:left; margin-right:50px;}
.l_item .date{ width:64px; background-color:#f9b900; text-align:center; padding:3px 3px 0 3px;}
.l_item .date b{ display:block; text-align:center; font-size:30px; font-weight:bold; background:#fff; line-height:50px; font-weight:normal; color:#f9b900;}
.l_item .date span{ font-size:14px;line-height:24px; color:#fff;}
.l_item .item_con{ width:460px; padding-left:20px; padding-top:10px; }
.l_item .item_con a.n_title{ font-size:18px;overflow: hidden;white-space: nowrap;display:block; color:#333;}
.l_item .item_con a.n_title:hover{ text-decoration:underline; color:#f9b900;}
.l_item .item_con a.n_summ{ font-size:16px; line-height:24px; color:#999; padding-top:20px; overflow: hidden; height:48px; }
.l_page{ padding:50px; text-align:center}

.f_item{ padding:30px 0 30px 30px; height:90px; float:left; margin-right:50px; margin-bottom:30px;}
.f_item .date{ width:64px; background-color:#f9b900; text-align:center; padding:3px 3px 0 3px;}
.f_item .date b{ display:block; text-align:center; font-size:30px; font-weight:bold; background:#fff; line-height:50px; font-weight:normal; color:#f9b900;}
.f_item .date span{ font-size:14px;line-height:24px; color:#fff;}
.f_item .item_con{ width:1000px; padding-left:20px; padding-top:10px; }
.f_item .item_con a.n_title{ font-size:18px;overflow: hidden;white-space: nowrap;display:block; color:#333;}
.f_item .item_con a.n_title:hover{ text-decoration:underline; color:#f9b900;}
.f_item .item_con a.n_summ{ font-size:16px; line-height:24px; color:#999; padding-top:20px; overflow: hidden; height:48px; }

.con_detile{ padding:50px; font-size:16px; line-height:30px; color:#333;}
.con_detile img{ margin:0 auto; text-align:center}

.l_product , .l_example, l_con{ padding:10px 0 30px 0;}
.l_product ul{ padding:20px; height:50px; }
.l_product ul li{ list-style:none; display:inline; height:30px; line-height:30px; border:1px solid #999; padding:0 15px; float:left; margin:0 20px 0 0; }
.l_product ul li:hover{ border:1px solid #f9b900;color:#fff;background:#f9b900;}
.l_product ul li a{color:#999; display:block;}
.l_product ul li a:hover{color:#fff;background:#f9b900;display:block;}
.product_list{ padding:30px 0;}
.product_list .item{ width:478px; margin:50px 60px 0 50px; border:1px solid #999; float:left;}
    .product_list .item img {width:478px;height:399px;
    }
.product_list .item span{ line-height:50px; background-color:#f9b900; color:#fff; display:block; width:478px; font-size:18px; text-align:center}
.product_list .item span:hover{background-color:#f9b900; }

.l_example div a{ float:left; display:block; padding:20px;}
    .l_example div a img {width:260px;height:175px;
    }
.contact_box{ background:url(../images/contact_us_bg_02.jpg) no-repeat top center; height:300px; padding-top:400px;}
.contact_info{ color:#fff; background-color:#0a0a0a;  padding:50px 50px 50px 100px;  width:650px; margin-left:170px; position:relative;}
.contanct_icon{ float:left; position:absolute; left:-60px; background-color:rgba(194,15,54,0.8); padding:10px;}
.contact_info span{ display:block; font-size:24px; padding:10px 0 30px 0;}
/*页码容器*/
.page-box{ margin:15px 30px; padding-bottom:30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    
/*banner样式*/
.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:100%;position:relative;height:488px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:488px;}
.Homebanner ul li{width:100%;height:488px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1900px;position:absolute;left:50%;top:0px;display:block;margin-left:-950px;}

.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}

.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}

.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:60px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../images/dotcur.png) no-repeat;}
.Homedot a.cur{background:url(../images/dot.png) no-repeat}

.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone{position:absolute;width:1180px;left:50%;top:110px;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannerone dd{float:left;margin-left:45px;color:#fff;margin:0 auto;width:500px;height:120px;padding:30px 60px 60px 30px;background:#000;background:rgba(0,0,0,0.7);transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone dd h3{font-size:36px;line-height:50px;font-weight:700;position:relative;}
.Homebannertext dl.bannerone dd p {font-size:16px;position:relative;padding-top:20px;color:#999;}
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:110px;color:#fff;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannertwo dt{float:left;margin:0 auto;width:680px;height:120px;padding:30px 60px 60px 30px;background:#000;background:rgba(0,0,0,0.7);transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:36px;line-height:50px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:16px;position:relative;padding-top:20px;color:#999;}
.Homebannertext dl.bannerthree{position:absolute;width:1180px;left:50%;margin-left:-410px;top:100px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{float:left;color:#fff;padding:30px 60px 60px 30px;background:#000;background:rgba(0,0,0,0.7);position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:36px;font-weight:700;line-height:50px;}
.Homebannertext dl.bannerthree dd p{font-size:16px;position:relative;padding-top:20px;color:#999;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}

.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}

.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}


/*产品幻灯*/
.slidest .slide .slide-left img {
	min-height:345px;
	*height:345px;
}
.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.example-slide {
	width:1200px;
	height:369px;
	position:relative;
    margin-top:30px;
    margin-bottom:30px;
}
.example-slide .slidest {
	position:absolute;
	z-index:100;
	width:1200px;
}
.slidest .slides_container .slide-all {
	float:left;
	width:1200px;
}
.slides_container .slide-all a {
	width:100%;
	display:block;
	overflow:hidden;
}
.slides_container .slide-all a img {
	width:100%;
}
.slidest .caption {
	z-index:500;
	position:absolute;
	left:0;
	background:url(../images/whitebg.png) repeat;
	color:#fff;
	bottom:0;
	height:38px;
	width:100%;
	_height:58px;
}
.slidest .caption p {
	height:38px;
	line-height:38px;
	padding-left:10px;
}
.slidest .slides_container .slide-left {
	float:left;
    margin-left:80px;
	width:486px;
}
.slidest .slides_container .slide-right {
	float:right;
	position:relative;
	width:440px;
    margin-right:80px;
	padding-left:20px;
	_padding-left:10px;
}
.slides_container .slide-left img {
	width:486px;
	display:block;
	overflow:hidden;
}
.slidest .slides_container {
	width:1200px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slidest .slides_container .slide {
	width:1200px;
	height:345px;
	display:block;
}
.slidest .prev {
	position:absolute;
	display:block;
	z-index:100;
	background:url(../images/topicarrow.png) 0px 0px;
	top:145px;
	width:67px;
	height:67px;
	*left:0px;
}
.slidest .next {
	right:0px;
	position:absolute;
	display:block;
	z-index:100;
	background:url(../images/topicarrow.png) 67px 0px;
	top:145px;
	width:67px;
	height:67px;
}
.slidest a.next:hover {
	background:url(../images/topicarrow.png) 67px 0px;
}
.slidest a.prev:hover {
	background:url(../images/topicarrow.png) 0px 0px;
}
.slidest .pagination {
	margin-left:540px;
	padding-left:60px\9;
	height:4px;
	padding:20px 0;
}
.slidest .pagination li {
	float:left;
	margin:0 2px;
	list-style:none;
}
.slidest .pagination li a {
	width:30px;
	height:0;
	padding-top:4px;
	background-color:#fff;
	float:left;
	overflow:hidden;
}
.slidest .pagination li.current a {
	background-color:#fff;
	width:50px;
}
.slidest:hover  a.prev {
	background:url(../images/topicarrow.png) 0px 0px;
}
.slidest:hover a.next {
	background:url(../images/topicarrow.png) 67px 0px;
}
/*右边文字*/
.service_more{ font-size:14px; color:#333; display:block; height:30px; line-height:30px; width:200px; border:2px solid #999; text-align:center; margin:0 auto;  }
.service_more:hover{ color:#fff; border:2px solid #f9b900;background:#f9b900;}
.slide-right .title {
	display: block; font-size:24px; color:#000; line-height:36px;
}
.slide-right .body {
	font-size:14px; line-height:24px; color:#717171; padding: 20px 0;
}