.product-box{ width:100%;margin-top:30px; }
.product-top{ background:#0050c1; width:100%; color:#fff; height:40px;padding-left:40px;}
.product-top a{ color:#fff; line-height:40px; font-size:14px;}
.product-l{ width:22%;  float:left; margin-bottom:20px}
.product-l h3{ background:#0050c1;font-size:18px; color:#fff; padding-left:30px; line-height:50px}
.product-l-1 li{ line-height:40px; background:url(t.png) no-repeat 30px 16px;}
.product-l-1 a{ color:#000; font-size:14px; line-height:40px;  width:100%; display:block; margin:5px 0px; padding-left:40px; }
.product-l-1{border:#0050c1 2px solid;}
.product-lc{  margin-top:20px; background:#0050c1; padding:4px; text-align:center;}
.product-lc-1{background:#fff; padding-bottom:20px; }
.product-lc-1 h1{ font-size:20px; color:#05489f; text-align:center;padding-top:20px;padding-bottom:30px;}
.product-lc-1 span{ display:block; background:url(lxtel.jpg) no-repeat 30px 12px; font-size:12px; color:#666;}
.product-lc-1 span b{ display:block; font-size:18px; color:#e74f06; margin-left:16px;}
.product-lc-1 em{ display:block; font-size:14px; font-weight:bold; margin-bottom:5px;font-style:normal; text-align:left; margin-top:12px;}
.product-lc-1 li{ font-size:14px; color:#333;  text-align:left; margin-left:30px; line-height:200%}
.product-r{ width:74%; float:right;}
.product-nav{ width:100%;  margin-bottom:30px; display:none;}
.product-nav li{ float:left; width:18%;text-align:center;background:#f6f6f6; margin:0 1%; margin-bottom:20px;}
.product-nav  a{ font-size:14px; line-height:28px;}
.product-l-1 a:hover{ background:#0050c1; color:#fff;}


.works_wrap-c{width:100%; margin:auto; overflow:hidden; -webkit-animation:gdownIn 1s 1s both; -moz-animation:gdownIn 1s 1s both; animation:gdownIn 1s 1s both; }
#works_list{width:100%; margin:0 auto 60px; position:relative;  overflow:hidden;text-align:center;}
#works_list li{width:31%; height:auto; float:left; margin:0 10px; background-color:orange;}
/*#works_list .item1{}*/

#works_list li a{display:block; height:100%; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_list li article{ height:100%; position:relative; overflow:hidden; text-overflow:ellipsis;}

#works_list li article img{ max-height:100%; max-width:100%; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#works_list li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_list li h5{line-height:32px; font-size:16px; color:#333; padding:10px 0px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;overflow:hidden; text-overflow:ellipsis;width:250px;height:80px; }
#works_list li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#works_list li a:hover{background-color:transparent;}
#works_list li a:hover h5, #works_list li a:hover span{color:#fff;}
#works_list li a:hover article summary{bottom:0;}
#works_list li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#works_list li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
#works_list li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.pagination{padding:15px 40px 60px 0; text-align:right;}
.pagination a{display:inline-block; width:40px; height:40px; margin:0 5px; background:#f0f0f0; color:#333; font-size:16px; line-height:40px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagination a:hover, .pagination a.act{background:#0050c1; color:#fff;}
@media(max-width:1197px){
	
	#works_list li{width:30%;height:100%; float:left; margin:0 10px; background-color:orange; }
	#works_list{width:100%; margin:0 px; position:relative;  overflow:hidden;}

}

@media(max-width:976px){
	.product-r{ width:74%; float:right;}
	
	#works_list li{width:46%;height:100%; float:left; margin:0 10px; background-color:orange; }
	#works_list{width:100%; margin:0 px; position:relative;  overflow:hidden;}
	.product-nav{  display:block;}
	.product-nav li{ float:left; width:30%;text-align:center; margin-bottom:20px;}
	#works_list li article img{ max-height:100%; max-width:100%;}

}

@media(max-width:775px){
	
	#works_list li{width:40%;height:100%; float:left; margin:0 10px; background-color:orange;margin-left:38px; }
	#works_list{width:100%; margin:0 px; position:relative;  overflow:hidden;}
	.product-nav{  display:block;}
	.product-nav li{ float:left; width:30%;text-align:center; margin-bottom:20px;}
	#works_list li article img{ max-height:100%; max-width:100%;}

}
@media(max-width:414px){
	
	.product-l{display:none; }
	
	#works_list li{width:80%;height:auto; float:left;  background-color:orange;margin-left:34px; }
	.product-nav li{ float:left; width:47%; margin-bottom:20px;}
	#works_list li article img{ max-height:100%; max-width:100%;}
	#works_list{ text-align:center;}

}

.xin_t{ clear:both; height:auto; overflow:hidden;}
.xin_t ul{ clear:both; height:auto; overflow:hidden;}
.xin_t li{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #dbdbdb; padding-bottom:21px; margin-bottom:20px; cursor:pointer;}
.xin_t li span{ float:left; display:block; width:16%; height:auto; color:#b4b4b4; font-family:Arial, Helvetica, sans-serif; font-size:72px; line-height:90px;}
.xin_t li span i{ color:#b4b4b4; font-size:24px; font-family:Arial, Helvetica, sans-serif; display:block; line-height:24px;}
.xin_t li font{ float:left; display:block; width:80%; height:auto; padding-top:20px;}
.xin_t li h2{ line-height:26px; color:#5f5f5f; font-size:12px;}
.xin_t li h2 a{ color:#5f5f5f; font-size:12px; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xin_t li p{ line-height:22px; color:#868686; font-size:14px;}
.xin_t li p em{ color:#868686; margin-right:18px;}
.xin_t li p em img{ display:inline-block; max-width:100%; vertical-align:middle; margin-right:5px;}
.xin_t li:hover span,.xin_t li:hover span i{ color:#5f5f5f;}
.xin_t li:hover h2 a,.xin_t li:hover p,.xin_t li:hover p em{ color:#353535;}
@media(max-width:1024px){
.product-r{ width:100%; float:right;}
	.product-l{display:none; }
.xin_t li font{ float:left; display:block; width:80%; height:auto; padding-top:0px;}
}
@media(max-width:414px){

.xin_t li span{ float:left; display:block; width:100%; height:auto; color:#b4b4b4; font-family:Arial, Helvetica, sans-serif; font-size:92px; line-height:90px;}
.xin_t li font{ float:right; display:block; width:100%; height:auto; padding-top:20px;}

}
.xin_t1{ clear:both; height:auto; overflow:hidden;}
.xin_t1 li{ clear:both; border-bottom:1px solid #dbdbdb; padding-bottom:21px; margin-bottom:20px; overflow:hidden;}
.xin_t1 li h2{ line-height:27px; color:#5f5f5f; font-size:12px; margin-bottom:15px;}
.xin_t1 li h2 a{ color:#5f5f5f; font-size:22px; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xin_t1 li p{ line-height:22px; color:#5f5f5f; font-size:14px;}
.xin_t1 li p span{ float:left; color:#b7b7b7; font-size:14px; color:#b7b7b7; font-size:14px;}
.xin_t1 li p span img{ vertical-align:middle; margin-right:15px;}
.xin_t1 li p span a{ color:#b7b7b7; font-size:14px;}
.xin_t1 li p em{ float:right; color:#868686;}
.xin_t1 li p em i{ color:#868686; margin-right:15px;}
.xin_t1 li p em i img{ vertical-align:middle; margin-right:5px;}
.xin_t1 li p em i.qoob{ margin-right:0px;}

.hoic{ height:auto; width:100%;}
.hoic h2{ height:auto; margin-bottom:0px; text-align:center; width:100%; font-size:18px; float:left;}
.any_l4{ height:auto; overflow:hidden; border-bottom:1px dashed #e5e5e5; margin-bottom:20px; color:#868686; font-size:14px; padding-bottom:20px; width:100%; }
.any_l5{ text-align:center; color:#bcbbbb; width:100%; float:left; margin-bottom:30px;}
.any_l5 span{margin:auto 10px; }
@media(max-width:1024px){
	.any_l5{ margin-top:20px; margin-bottom:20px;}

}
@media(max-width:414px){
.hoic h2 span{ float:left; display:block; width:15%; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; color:#5f5f5f;}
.hoic h2 font{ float:right; width:85%; height:auto;}
}
@media(max-width:320px){
.hoic h2 span{ float:left; display:block; width:20%; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; color:#5f5f5f;}
.hoic h2 font{ float:right; width:80%; height:auto;}
}

.hoic p{ line-height:28px; color:#5f5f5f; font-size:14px; width:90%; margin:auto 5%;}
.hoic p img{ display:block;  height:auto;}
.hoic p span{ color:#868686; line-height:28px; font-size:14px;}

.fyoi8{ clear:both; height:auto; overflow:hidden; line-height:28px; color:#868686; font-size:14px; padding:15px 0 15px 0;}
.fyoi8 p{ line-height:28px; color:#868686; font-size:14px;}
.fyoi8 a{ color:#868686; font-size:14px;}
.fyoi8 a i{ color:#ff2020;}