.clear{clear:both;}
.tem_inner{position:relative;margin:0 auto;margin:0 auto;width:1100px;}
@media(min-width:1000px){.tem_inner{padding:0;width:1100px;}
}
@media(min-width:1200px){.tem_inner{padding:0;width:1100px;}
}
@media(min-width:1800px){.tem_inner{padding:0;width:1100px;}
}
ol, ul { list-style:none; }
body {
    color: #434343;
    font-size: 12px;
    font-family: "Microsoft YaHei",arial,tahoma,\5b8b\4f53,sans-serif;
    background: #ffffff;
    text-align: left;
}
* 清理浮动 */
.clearfix { *zoom:1; }/*IE6 7 只要触发layout即可*/
.clearfix:after { content:"."; clear:both; height:0; font-size:0; line-height:0; display:block; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
/* 隐藏 */
.hide { display:none;}

/*首页*/
.eco_title{position:relative;}
.tem_index_title{margin:0 0 20px!important;color:#333333;text-align:center;font-size:30px;line-height: 30px;text-transform:Uppercase;}
.tem_index_title p.title{color:#333333;font-size:24px;line-height: 30px;font-weight:bold;position:relative;margin-bottom:0px;}
.tem_index_title p.title span{color:#333333;position:relative;display:inline-block;padding:0 0px;background:#fff;}

.tem_index_title p.titleen{position:relative;display:block;padding:0;padding-bottom:5px;text-transform:Uppercase;font-size:14px;color:#aaaaaa;font-weight:normal;height:28px;line-height:28px;}
.tem_index_title p.desc{    position: relative;padding:0;text-transform:Uppercase;font-size:12px;color:#ddddde;font-weight:normal;height:14px;line-height:14px;margin-bottom:5px;}
.tem_index_title p.desc span{color:#ddddde;position:relative;padding:0 10px;background:#fff;}

.tem_index_more{clear:both;margin:0 auto;position:absolute;right:0;color:#9d9d9d;font-size:16px;bottom: 0;width:138px;height:46px;line-height:46px;text-align:center;border:1px solid #c5c5c5;}
.tem_index_more:hover{border:1px solid #c19636;background:#c19636;color:#fff;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}

.tem_index_product{padding:30px 0px;background:#fff  url(../images/product.jpg) no-repeat top center;-webkit-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.tem_index_product .tem_index_title{text-align:left;}
.tem_index_product .tem_index_title p.title{margin-bottom:0px;}
.tem_index_product_left{width:235px;float:left;margin-right:30px;position:relative;}
.tem_index_product .more{font-size:15px;color:#181816;background:url(../images/more.png) no-repeat right center;display:inline-block;text-align:left;padding:0 60px 0 20px;height:38px;line-height:38px;margin:0 auto;margin-top:20px;}
.tem_index_product .more:hover{color:#c19636;background:url(../images/more_hover.png) no-repeat right center;}
.tem_index_product_tab{}
.tem_index_product_tab li{list-style:none;position:relative;}
.tem_index_product_tab li h4{font-size:15px;color:#999999;height:48px;line-height:48px;font-weight:normal;padding:0 20px;margin:5px 0;}
.tem_index_product_tab li h4:hover, .tem_index_product_tab li:first-child h4{background:url(../images/index_product_li.png) no-repeat center;color:#c19636;}
.tem_index_product_slides{margin-top:10px;width:835px;float:right;}
.product_list{width:550px;position:relative;float:left;margin-right:5px;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.18);}
.product_list li{}
.product_list li .details{position:relative;}
.product_list li h4{text-align:left;padding:0 10px;background:#fff url(../images/product_right_more.png) no-repeat right center;position:absolute;left:0;right:0;bottom:0;font-size:14px;color:#333333;height:50px;line-height:50px;overflow:hidden;}
.product_list li:hover h4{background:#c19636 url(../images/product_right_more_hover.png) no-repeat right center;color:#fff;}


.product_list .flex-direction-nav a {
    display: block;
    width: 40px;
    height: 80px;
    margin: -40px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	font-size:0;
}
.product_list .flex-direction-nav .flex-prev {
    left: 0px;background:rgba(0, 0, 0, 0.3) url(../images/product_left_hover.png) no-repeat center;
}
.product_list .flex-direction-nav .flex-next {
    right: 0px;background:rgba(0, 0, 0, 0.3) url(../images/product_right_hover.png) no-repeat center;
}
.product_list .flex-direction-nav .flex-prev:hover {
    left: 0px;background:#c19636 url(../images/product_left_hover.png) no-repeat center;
}
.product_list .flex-direction-nav .flex-next:hover {
    right: 0px;background:#c19636 url(../images/product_right_hover.png) no-repeat center;
}
.product_list .flex-control-nav{position:absolute;right:0;bottom:10px;left:0;text-align:center;}
.product_list .flex-control-nav li{margin:0px;}
.product_list .flex-control-nav li a{display:inline-block;margin:0 5px;width:10px;height:10px;text-indent:-999em;cursor:pointer;background:#9b9b9d;border:0px solid transparent;position:relative;}
.product_list .flex-control-nav li a.flex-active, .tem_index_case .flex-control-nav li a:hover{background:#c19636;border:0px solid transparent;}

.tem_index_product_right {width:264px;float:right;}
.tem_index_product_right ul{margin:0 -5px 0 0;}
.tem_index_product_right li{float:left;list-style:none;position:relative;margin-right:5px;margin-bottom: 10px;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.18);}
.tem_index_product_right a{display:inline-block;line-height: 0px;}
.tem_index_product_right li .detail h4{text-align:left;padding:0 10px;background:#fff url(../images/product_right_more.png) no-repeat right center;position:absolute;left:0;right:0;bottom:0;font-size:14px;color:#333333;height:50px;line-height:50px;overflow:hidden;}
.tem_index_product_right li:hover .detail h4{background:#c19636 url(../images/product_right_more_hover.png) no-repeat right center;color:#fff;}


.tem_index_case  {padding:40px 0px 0;background:#fff  url(../images/case.jpg) no-repeat top center;-webkit-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.tem_index_case .tem_index_title p.title span{background:#f1f3f2;}
.tem_index_case .tem_index_title p.title:before {background: #dddddd;}
.tem_index_case .case_list{margin:20px -11px 0;position:relative;padding:0px 0 0;}
.tem_index_case .case_list .slides{}
.tem_index_case .case_list .slides li{text-align:center;float:left;list-style:none;}
.tem_index_case .case_list .slides li img{}
.tem_index_case .case_list .slides li .casedetail{padding:0px 0;text-align:center;position:relative;width:340px;margin: 0 auto; margin-bottom:10px;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.08);}

.tem_index_case .case_list .slides li a{font-size:0;line-height:0;display: block;position:relative;}
.tem_index_case .case_list .slides li .casedetails{display:none;background:rgba(193, 150, 54, 0.75);color:#fff;position:absolute;top:0px; right:0px;left:0px;bottom:0px;text-align:left;padding:40px 50px;}
.tem_index_case .case_list .slides li .casedetails h5{font-size:18px;font-weight:normal;height: 38px;line-height: 38px;position:relative;margin-bottom:15px;}
.tem_index_case .case_list .slides li .casedetails h5:after{
   content:'';
   position:absolute;
   left:0;
   height:2px;	
   width:50px;
   background:#fff;
   bottom:-5px;
}
.tem_index_case .case_list .slides li .casedetails p{font-size:14px;font-weight:normal;height: 66px;line-height: 22px;}
.tem_index_case .case_list .slides li .casedetails  .detail{font-size:12px;color:#fff;background:url(../images/product_right_more_hover.png) no-repeat right center;display:inline-table;padding:0 60px 0 0px;height:38px;line-height:38px;margin-top:20px;}
.tem_index_case .case_list .slides li h4{color:#333333;background:#fff;font-weight:normal;font-size:16px;height:40px;line-height:40px;padding:0 15px;text-align:left;position:absolute;left:0;right:0;bottom:0;overflow:hidden;margin-top:10px;}
.tem_index_case .case_list .slides li p.desc{color:#fff;font-size:12px;height:44px;line-height:22px;overflow:hidden;}
.tem_index_case .case_list .slides li:hover .casedetails{display:block;}
.tem_index_case .case_list .slides li:hover h4{display:none;}
.tem_index_case .case_list .flex-direction-nav a {
    display: block;
    width: 40px;
    height: 80px;
    margin: -40px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	font-size:0;
}
.tem_index_case .case_list .flex-direction-nav .flex-prev {
    left: 0px;background:rgba(0, 0, 0, 0.3) url(../images/case_left_hover.png) no-repeat center;
}
.tem_index_case .case_list .flex-direction-nav .flex-next {
    right: 0px;background:rgba(0, 0, 0, 0.3) url(../images/case_right_hover.png) no-repeat center;
}
.tem_index_case .case_list .flex-direction-nav .flex-prev:hover {
    left: 0px;background:#c19636 url(../images/case_left_hover.png) no-repeat center;
}
.tem_index_case .case_list .flex-direction-nav .flex-next:hover {
    right: 0px;background:#c19636 url(../images/case_right_hover.png) no-repeat center;
}
.tem_index_case .flex-control-nav{position:absolute;right:0;bottom:-70px;left:0;text-align:center;}
.tem_index_case .flex-control-nav li{margin:0px;}
.tem_index_case .flex-control-nav li a{display:inline-block;margin:0 5px;width:6px;height:6px;text-indent:-999em;cursor:pointer;background:#9b9b9d;border:0px solid transparent;position:relative;}
.tem_index_case .flex-control-nav li a.flex-active, .tem_index_case .flex-control-nav li a:hover{background:#c19636;border:0px solid transparent;}
.tem_index_case .more{font-size:15px;color:#181816;background:#fff url(../images/more.png) no-repeat right center;display:block;width:60px;padding:0 60px 0 20px;height:38px;line-height:38px;margin:0 auto;margin-top:20px;}
.tem_index_case .more:hover{color:#c19636;background:#fff url(../images/more_hover.png) no-repeat right center;}




.tem_index_about{padding:60px 0 40px;margin-top:30px;background:#fff  url(../images/about.jpg) no-repeat top center;}
.tem_index_about .tem_index_title{text-align:left;padding-left:460px;}
.tem_index_about .tem_index_about_cont{font-size:46px;color:#c19636;line-height:28px;position:relative; text-align:left;padding:0 220px 0 460px;}
.tem_index_about .tem_index_about_cont h4{font-size:22px;color:#404040;line-height:28px;margin-bottom:30px;}
.tem_index_about .tem_index_about_cont p{font-size:14px;color:#666666;line-height:28px;}
.tem_index_about .more{font-size:15px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.18);color:#181816;background:url(../images/more.png) no-repeat right center;display:inline-block;text-align:left;padding:0 60px 0 20px;height:38px;line-height:38px;margin:0 auto;margin-top:20px;}
.tem_index_about .more:hover{color:#c19636;background:url(../images/more_hover.png) no-repeat right center;}



.tem_index_news{padding:40px 0px;background:#fff;}
.tem_index_news_img{width:368px;position:absolute;height:276px;z-index: 1;}
.tem_index_news_imgs{width:223px;position:absolute;height:276px;z-index: 1;right:0px;top:50px;}
.news_list{padding-left:400px;padding-right:260px;height:276px;position:relative;}
.news_list .tem_index_news_img_txt{border-bottom:1px solid #eeeeee;padding-bottom:10px;margin-bottom:10px;}
.news_list .tem_index_news_img_txt h4{font-size:18px; color:#333333;margin:0px 0 0px;}
.news_list .tem_index_news_img_txt p{font-size:14px; color:#666666;line-height:24px;}
.news_list .tem_index_news_img_txt p.time{font-size:12px; color:#999999;line-height:20px;margin-bottom:0px;}
.news_list ul li{list-style:none;text-align:left;}
.news_list ul li{list-style:none;text-align:left;}
.news_list ul li a{display:block;}
.news_list ul li h4{font-size:14px;color:#333333;position:relative;height:38px;line-height:38px;overflow:hidden;margin-bottom:0px;font-weight:normal;padding-left:12px;}
.news_list ul li h4:before{width:4px;height:4px;position:absolute;left:0;content:'';top:18px;background:#b9b9b9;}
.news_list ul li h4:hover{color:#c19738;}
.news_list ul li .time{color:#999999;font-size:14px;float:right;}

#online_qq_layer{position:fixed; right:0; margin-right:0px; top:150px; padding-bottom:0px;  z-index:999; font-size:12px;}
#online_qq_tab{float:left;}
.online_icon{overflow:hidden; }
.online_icon a{ 
	display: block;
	width: 32px;
	height: 182px;
	background: url(../images/qq_online_trigger.png) no-repeat;
	font-size: 16px;
	text-align: center;
	color: #000;
	margin-top:60px;
}
#onlineService{width:120px;float: left;border:1px solid #dcdcdc;background:#fff;color:#333333;font-size:12px;}
#onlineService h2{background: url(../images/qq_online_h2.png) no-repeat;height:32px;margin:0;}
#onlineService h2:before{display:none;}
#onlineService h3{margin-bottom:5px;font-weight:normal;font-size: 12px;margin:0 0 5px;}
#onlineService p{color:#c19738;margin-bottom:10px;}
.online_content{padding:10px;text-align:center;border-bottom:1px dashed #dcdcdc;}
.online_content li{list-style:none;}
.online_content li a{width:79px;height:22px;color: #515151!important;line-height:22px;background: url(../images/right_kefu.png) no-repeat;display:inline-block;padding-left:25px;text-align:left;}
.online_bar{padding:10px;text-align:center;}
@media (max-width: 991.98px){
	#online_qq_layer{display:none;}
}