﻿.problem *{ box-sizing:border-box;}

.problem{background-color: #f9f9f9;padding-top: 34px;padding-bottom: 62px;}
.problem .problembox{width: 1200px;margin: 0 auto;background-color: #ffffff;
  border: 1px solid #f3f3f3;padding:0 40px;padding-top: 54px;padding-bottom: 44px;
}
.pb-tlt{font-size: 24px;color: #333333;text-align: center;font-weight: 100;margin-bottom: 44px;}

.pb-accordion{margin-top: 40px;padding-bottom: 24px;}
.pb-accordion li{margin-bottom: 22px;}
.pb-accordion li .pba-top{width: 100%;height: 50px;line-height: 50px;position: relative;background-color: #f7f7f7;
padding-left: 27px;padding-right: 55px;color: #666666;cursor: pointer; font-size:14px;
}
.pb-accordion li .pba-top i{display: block;width: 28px;height: 28px;background: url("../images/hide.png") no-repeat;
 position: absolute;top: 11px;right: 26px;background-size: contain;
}
.pb-accordion li .pba-cont{padding: 25px;display: none;position: relative;}
.pb-accordion li .pba-cont h3{font-size: 14px;color: #444444;margin-bottom: 15px;}
.pb-accordion li .pba-cont p{font-size: 14px;color: #888888;margin-bottom: 15px;}

.pb-accordion li.active .pba-top{background-color: #0071bc;color: #ffffff;}
.pb-accordion li.active .pba-cont{display: block;}
.pb-accordion li.active .pba-top i{background: url("../images/show.png") no-repeat;background-size: contain;}
.pb-accordion li:hover .pba-top{background-color: #0071bccolor: #ffffff;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

.certificatebox{width: 100%;background-color: #ffffff;border: 1px solid #f3f3f3;padding: 43px 37px 43px 37px;margin-bottom: 32px;}
.cer-list *{ box-sizing:border-box;}
.cer-list{margin-top: 37px;margin-bottom: 34px;}
.cer-list li{width: 49%;border: 1px solid #e9e9e9;padding: 20px 25px;padding-right: 8.5%;
position: relative;cursor: pointer;margin-bottom: 20px;
}
.cer-list li:nth-child(2n-1){float: left;}
.cer-list li:nth-child(2n){float: right;}
.cer-list li i{position: absolute;width: 32px;height: 30px;background: url("../images/download.png") no-repeat;background-size: cover;
	top: 36px;right: 34px;
}
.cer-list li div{color: #888888;height: 38px;overflow: hidden;}
.cer-list li p.cerl-tlt{font-size: 16px;color: #333333;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cer-list li:hover .cerl-tlt{color: #ea2654;}
.cer-list li:hover i{top: 40px;}
.cer-list li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media all and (max-width:1200px){ /*1200*/
	
	.problem{padding-left:5%;padding-right: 5%;}
	.problem .problembox,.cultivate{width: 100%;padding:0 10px;}}
	
	
	@media all and (max-width:1100px){/*1024 * 768 */

	
	.cer-list li{width: 100%;}

	
}
@media all and (max-width:980px){/*web*/

.cer-list li{padding-right: 15%;}}

@media all and (max-width:640px){

.case-list li{width: 100%;margin-right: 0;}
	.cer-list li{padding: 10px 15px;padding-right: 20%;}
	.conw-main .conwm-tab a{width: 45%;margin-bottom:10px;margin-left:6px;}
	.certificate-tab a{display: block;width: 100%;border: 1px solid #e8e8e8;margin-bottom: 10px;}
	.cer-list li i{top: 26px;right: 14px;}}