@charset "utf-8";
/* CSS Document */

.leftbarbg {width: 100%;position: relative;}
.tagmain {background: #f6f6f6;padding: 1% 0;}
.tagleft {overflow: hidden;padding: 20px 0;width: 9%;}
.baibj {background: #ffffff;}
.fl{float: left;}
.tagleft li {float: left;width: 100%;}
.tagleft li a {display: block;text-align: center;color: #f00;line-height: 2.5;font-size: 14px;}
.topnav li a { border: 1px solid#dddddd; border-radius: 5px; color: #ff0000; padding: 4px 12px; display: block;
}
@media screen and (max-width: 1440px){
	.tagleft li a {font-size: 12px;}
	.topnav li a{font-size: 12px;}
}
.tagcenter {width: 88%;margin: 0 1%;}
.tagts {background: #008d43;padding: 10px 0;text-align: center;color: #ffffff;line-height: 1.5;font-size: 14px;}
.tagts h1{font-weight: normal;display: inline-block;font-size: 100%;font-weight: bold;}
.tag-more{float: right; background: #eee; margin-right: 10px; padding:0 5px; display: inline-block; border-radius: 5px;}
.listtag {overflow: hidden;}
.listtag li {float: left;padding: 20px 40px;border-bottom: 1px solid #dcdcdc; width: 90%;}
.listtag li h3 {font-size: 16px;color: #2a2935;padding-bottom: 8px;}
.listtag li p {color: #8f8f8f;font-size: 14px;}
.listtag li .lics {overflow: hidden;font-size: 14px;line-height: 27px;margin-top: 10px;}
.listtag li .lics span {color: #8f8f8f;margin: 0 5px;}
.tagright {width: 21%;}
.tagcontact {overflow: hidden;padding: 20px 0 0 0;margin-bottom: 15px;}
.case-list {overflow: hidden;padding: 0 22px 5px 22px;border-bottom: 1px solid #f6f6f6;}
.case-list li {float: left;width: 42%;margin: 0 4%;}
.case-list li p {display: block;border: 1px solid #e4e2e2;}
.case-list li p img {display: block;width: 100%;}
.case-list li span {display: block;text-align: center;color: #757575;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.cicolist {padding: 5% 22px;overflow: hidden;}
.cicolist li {line-height: 35px;float: left;width: 100%;padding-left: 30px;color: #757575;font-size: 14px;}
.ci01 {background: url(/themes/2017/images/tag/tico01.png) no-repeat left center;}
.ci02 {background: url(/themes/2017/images/tag/tico02.png) no-repeat left center;}
.ci03 {background: url(/themes/2017/images/tag/tico03.png) no-repeat left center;}
.ci04 {background: url(/themes/2017/images/tag/tico04.png) no-repeat left center;}
.ci05 {background: url(/themes/2017/images/tag/tico05.png) no-repeat left center;}
.tagkuai {margin-bottom: 15px;}
.tagtle {background: #999999;padding: 13px 15px;}
.tagtle span {display: block;line-height: 20px;height: 20px;border-left: 2px solid #ffffff;padding-left: 8px;color: #ffffff;font-size: 18px;}
.picturelist {overflow: hidden;padding: 15px 22px;}
.picturelist li {float: left;width: 100%;overflow: hidden;margin: 7px 0;}
.picturelist li .picture {width: 80px;height: 50px;}
.picturelist li .picture a {display: block;padding-right: 10px;}
.picturelist li .picture img {display: block;width: 70px;height: 50px;}
.picturelist li .pictitle {height: 50px;padding: 5px 0;line-height: 20px;font-size: 14px;}
@media (max-width: 1200px){
	.tagmain .container {padding: 0 36px;}
	.tagleft {width:100%;}
	.tagleft li{width: 20%}
	.tagcenter{width: 100%;margin:15px 0px;}
	.tagright{width: 100%; position: static;}
	.tagcontact{display: none}
	.tagkuai{width: 49%; float: left; }
	.tagkuai + .tagkuai { margin-left: 2%;}
	
}
@media (max-width: 768px){
	.tagmain .container {padding: 0 15px;}
}
	
@media (max-width: 640px){
	.tagleft li{width: 33.33%}
	.listtag li{padding:20px;}
	.tagkuai{width: 100%; float: none; }
	.tagkuai + .tagkuai { margin-left: 0;}
	.page-box{    margin: 20px auto;}
}