.wrap{width: 100%; background-color: #f7f7f7;padding-top: 40px;padding-bottom: 65px;}
.main{width: 1200px; margin: 0 auto;background: #fff;}
.nav-left{width: 20%;float: left;}
.nav-left .item0{width:100%; background-color: #de271f; font-size: 28px; text-align: center; padding: 10px 0; color:#fff;}
.nav-left .item1{width:100%; text-align: center; font-size: 20px;border:1px solid transparent;border-left:7px solid transparent;transition: .2s ease-out;box-sizing: border-box;}
.nav-left .item1:hover{border:1px solid #de271f!important;border-left: 7px solid #de271f!important;}


.nav-left .item1 a{ padding: 14px 0;display: block;box-sizing: border-box;}
.right-con{width: 80%; float: right; background-color: #ffffff;padding: 0 40px; box-sizing: border-box;border-left: 20px solid #F7F7F7;}
.right-con .paging{margin: 0 auto;width: 50%;margin-top: 40px;margin-bottom: 40px;}
.right-con .paging ul li{float: left;width: 14%;text-align: center;border: 1px solid #DE271F; margin: 0 1%;}
.right-con .paging ul li a{font-size: 18px}
.right-con .title{width: 100%;border-bottom:1px solid #bfbfbf;}
.right-con .title p a{font-size: 20px;border-bottom: 2px solid #de271f;padding-bottom: 8px;padding-top: 18px;display: block;float: left;}
.con-box{width: 100%;margin-top: 20px;}
.con-con{padding: 10px;width: 33.333%;box-sizing: border-box;float: left;}	
.con-con img{width: 100%;display: block;box-sizing: border-box;padding: 10px;transition: all 0.6s ease-out;}
.con-con img:hover{transform: scale(1.1);}				
.pic-name p{font-size: 16px; text-align: center;margin-bottom: 4px;padding: 15px 0;font-weight: 600;}
.con-con-pic{overflow: hidden;border: 1px solid #D8D2D2;}
.con-con-pic:hover{border: 1px solid #DE271F;}

@media(max-width:1199px){
	.main{width: 100%;}
	.nav-left{height: auto;width: 100%;}
	.nav-left .item1{width: 25%;float: left;margin:0;padding: 0;box-sizing: border-box;}
	.right-con{width: 100%;border-left: 0;border-top: 15px solid #F7F7F7;}
	.right-con .paging{width: 80%;}
}

@media(max-width: 767px){
	.nav-left{width: 100%;}
	.right-con{width: 100%;padding: 0 10px;}
	.con-con{width: 100%;padding: 10px;}
	.right-con .title p a{font-size: 18px;}
	.nav-left .item1{width: 33.33%;float: left;margin:0;padding: 0;box-sizing: border-box;}
	.right-con .paging{width: 100%;}
	.right-con .paging ul li a{font-size: 14px;padding: 5px 0;}
}



/*技术专家*/
.expert .expert-block a:hover h2:before{width: 100%;}
.expert .expert-block{width: 25%;float: left;padding: 10px;margin-top: 32px;}
.expert .expert-block .expert-block-pic img{width: 100%;}
.expert .expert-block .expert-block-txt h2{font-size: 18px;font-weight: 600;padding: 6px 0;margin-top: 6px;border-bottom: 1px solid #bfbfbf;color: #595959;transition: all ease-out 0.2s;text-align: left;width: 100%;position: relative;}
.expert .expert-block .expert-block-txt h2:before{position: absolute;content: "";width: 10px;height: 2px;background-color: #DE271F;margin-top:30px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;} 
.expert .expert-block .expert-block-txt p{font-size: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-top: 8px;line-height: 1.6;}