* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.xdf_banner{width:100%;}
.xdf_banner img{width:100%;display: block;}
/*--产品体系--*/
.xdf_tx{width:100%;padding:2% 0;overflow: hidden;background: linear-gradient(to top, #cefae8 , #51d3c4);}
.xdf_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#147a6c;}
.xdf_tx .t_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_tx .t_list li{width:48%;float:left;margin:1%;background:#daf6f4;border:3px #fff solid;border-radius:10px;}
.xdf_tx .t_list .t_name{font-size:20px;font-weight:bold;line-height:40px;text-align:center;background:#147a6c;color:#fff;border-radius:10px 10px 0 0;}
.xdf_tx .t_list .t_text{padding:10px;}
.xdf_tx .t_list .t_text p{text-align:left;padding-left:15px;position:relative;font-size:15px;color:#333;line-height: 24px;}
.xdf_tx .t_list .t_text p:before{position: absolute;content:'';top:9px;left:0;width:6px;height:6px;border-radius:10px;background:#147a6c;}
/*证书*/
.xdf_pic{width:100%;overflow: hidden;}
.xdf_pic img{max-width:100%;display: block;}
/*有效提分*/
.xdf_tf{width:100%;padding:2% 0;overflow: hidden;background: linear-gradient(to bottom, #cefae8 , #51d3c4);}
.xdf_tf .t_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_tf .t_list li{width:23%;float:left;margin:1%;}
.xdf_tf .t_list li img{max-width:100%;display: block;}
.xdf_tf .t_list li h5{font-size:20px;color:#147a6c;font-weight:bold;text-align: center;line-height: 35px;}
.xdf_tf .t_list li p{font-size:17px;color:#147a6c;text-align: center;line-height: 30px;}
.xdf_tf .t_text{width:100%;margin:20px 0;overflow: hidden;}
.xdf_tf .t_text p{letter-spacing:2px;font-size:22px;color:#147a6c;font-weight:bold;text-align: center;line-height: 30px;}
/*特色*/
.xdf_ts{width:100%;padding:2% 0;overflow: hidden;background: linear-gradient(to bottom, #cefae8 , #51d3c4);}
.xdf_ts .t_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ts .t_box .t_name{width:20%;padding-left:15px;line-height:45px;font-size:24px;font-weight:bold;color:#fff;border:2px #fff solid;border-radius:0px 50px 50px 0;background:linear-gradient(to right, #116972 , #3dc7b1);}
.xdf_ts .t_box .t_list{width:100%;margin:2% 0;overflow:hidden;}
.xdf_ts .t_box .t_list li{padding:10px;width:23%;float:left;margin:1%;background: linear-gradient(to right, #f7fdfc , #c1f1ec);border-radius:10px;border:2px #fff solid;}
.xdf_ts .t_box .t_list li h5{font-size:20px;line-height:35px;font-weight:bold;color:#fff;text-align: center;background:#147a6c;}
.xdf_ts .t_box .t_list li p{margin-top:5px;font-size:18px;color:#147a6c;text-align:center;line-height: 28px;}
.xdf_ts .t_box .b_box{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ts .t_box .b_box .b_li{height:131px;padding:10px;width:31.3333%;float:left;margin:1%;background: linear-gradient(to right, #f7fdfc , #c1f1ec);border-radius:10px;border:2px #fff solid;}
.xdf_ts .t_box .b_box .b_li h6{font-size:20px;line-height:35px;font-weight:bold;color:#147a6c;text-align: center;}
.xdf_ts .t_box .b_box .b_li p{text-align:left;font-size:16px;color:#147a6c;line-height: 24px;}
/*服务*/
.xdf_fw{width:100%;padding:2% 0;overflow: hidden;background: linear-gradient(to bottom, #cefae8 , #51d3c4);}
.xdf_fw .f_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fw .f_list li{display:flex;align-items:center;width:31.333%;height:86px;float:left;margin:1%;padding:10px;background: linear-gradient(to right, #f7fdfc , #c1f1ec);border-radius:10px;border:2px #fff solid;}
.xdf_fw .f_list li img{margin:0;}
.xdf_fw .f_list li h5{margin-left:10px;font-size:24px;font-weight:bold;color:#116972;}
.lcfw{width:100%;padding:2% 0;overflow: hidden;background: linear-gradient(to bottom, #cefae8 , #51d3c4);}
.lcfw li{width:23%;height:140px;padding:10px;float:left;margin:1%;background:#3ca197;border:2px #147b6d solid;border-radius:10px;}
.lcfw li h5{text-align:center;font-size:20px;font-weight:bold;color:#fff;}
.lcfw li p{text-align:left;margin-top:10px;font-size:15px;color:#333;line-height: 26px;color:#fff;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.xdf_title{font-size:22px;}
	.xdf_tx .t_list li{width:98%;height:auto;}
	.xdf_tf .t_list li{width:48%;}
	.xdf_tf .t_text p{font-size:18px;}
	.xdf_ts .t_box .t_name{width:40%;}
	.xdf_ts .t_box .t_list li{width:48%;}
	.xdf_ts .t_box .b_box .b_li{width:98%;height:auto;}
	.xdf_fw .f_list li{width:98%;}
	.lcfw li{width:98%;height:auto;}
	.xdf_fw .f_list li h5{font-size:20px;}
}