.index_main{padding: 10px 0 30px;}
.index_main_l{float: left; width: calc(100% / 12 * 3);}
.index_main_r{float: right; margin-left: 5px; width: calc(100% / 12 * 9 - 5px);}
.index_main_r section{float: left; margin: 15px 19.5px 0 19.5px; width: calc(100% / 2 - 20px * 2);}

.col-pic, .col_link{margin-top: 20px;}
.col_link li{margin-top: 10px; border-radius: 8px; text-align: center; padding: 25px 0;}
.col_link li a{padding-left: 8px; vertical-align: middle; color: #fff; font-size: 19px; font-size: 1.9rem;}
.col_link li a:hover{font-weight: bold;}
.bglinear_1{
	background: #698294;
	background: -moz-linear-gradient(right, #698294, #a7615a);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#698294), color-stop(100%,#a7615a)); 
	background: -webkit-linear-gradient(right, #698294, #a7615a);
	background: -o-linear-gradient(right, #698294, #a7615a);
	background: -mos-linear-gradient(right, #698294, #a7615a);
	background: linear-gradient(to right, #698294, #a7615a);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#698294', endColorstr='#a7615a',GradientType=1 ); 
}
.bglinear_2{
	background: #558ca7;
	background: -moz-linear-gradient(right, #558ca7, #926c6e);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#558ca7), color-stop(100%,#926c6e)); 
	background: -webkit-linear-gradient(right, #558ca7, #926c6e);
	background: -o-linear-gradient(right, #558ca7, #926c6e);
	background: -mos-linear-gradient(right, #558ca7, #926c6e);
	background: linear-gradient(to right, #558ca7, #926c6e);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558ca7', endColorstr='#926c6e',GradientType=1 ); 
}
.bglinear_3{
	background: #4893b2;
	background: -moz-linear-gradient(right, #4893b2, #85737a);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#4893b2), color-stop(100%,#85737a)); 
	background: -webkit-linear-gradient(right, #4893b2, #85737a);
	background: -o-linear-gradient(right, #4893b2, #85737a);
	background: -mos-linear-gradient(right, #4893b2, #85737a);
	background: linear-gradient(to right, #4893b2, #85737a);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4893b2', endColorstr='#85737a',GradientType=1 ); 
}
.bglinear_4{
	background: #3b9abf;
	background: -moz-linear-gradient(right, #3b9abf, #787a86);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#3b9abf), color-stop(100%,#787a86)); 
	background: -webkit-linear-gradient(right, #3b9abf, #787a86);
	background: -o-linear-gradient(right, #3b9abf, #787a86);
	background: -mos-linear-gradient(right, #3b9abf, #787a86);
	background: linear-gradient(to right, #3b9abf, #787a86);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9abf', endColorstr='#787a86',GradientType=1 ); 
}
:root .gradient{filter:none;} 

.index_main_r section h3.blue{border-bottom: 2px solid #007fce;}
.index_main_r section h3.red{border-bottom: 2px solid #af222f;}
.index_main_r section h3{padding-left: 10px; line-height: 2.4; font-size: 19px; font-size: 1.9rem; margin-bottom: 5px;}
.index_main_r section h3 a{float: right; margin: 15px 10px 0 0; border: 1px solid #bebebe; border-radius: 13px; padding: 0 10px; line-height: 0.8}
.list_font li{color: #2236af; line-height: 1.4;background: url(pe_list.png) left 18px no-repeat; padding: 10px 8px 5px;}
.list_font li:hover{color: #2236af;}
.index_main_r p{display: inline-block; border: 1px solid rgba(255, 255, 255, .6); margin: 40px auto; padding: 0 15px; color: #fff; line-height: 2; font-size: 19px; font-size: 1.9rem;}
.index_main_r section.organge{background: url("bg_organge_cebsitpe.jpg") no-repeat center top; text-align: center;}
.index_main_r section.organge p{background: rgba(179, 90, 14, .6); }
.index_main_r section.green{background: url("bg_green_cebsitpe.jpg") no-repeat center top; text-align: center;}
.index_main_r section.green p{background: rgba(75, 162, 128, .6); }
.index_main_r section p a{color: #fff;}
.index_main_r section p a:hover{font-weight: bold;}

/*手机总体*/
@media screen and (max-device-width: 1025px) {
}
/*pc总体*/
@media screen and (min-device-width: 1026px) {
}
/*5*/
@media screen and (min-device-width: 300px) and (max-device-width: 373px) {

}
/*6*/
@media screen and (min-device-width: 374px) and (max-device-width: 412px) {

}
/*5、6、plus*/
@media screen and (min-device-width:300px) and (max-device-width: 767px) {
	.index_main_l, .index_main_r{float: none; width:100%;}
	.index_main_r{margin-left:0; padding:0 5px;}
	.col-pic{display: none;}
	
	.index_main_r section{float: none; margin: 5px 0; width: 100%;}
	.list_font li{line-height: 1.6;}
}

/*ipad*/
@media screen and (min-device-width:768px) and (max-device-width: 1025px) {
	.index_main_l, .index_main_r{float: none; width:100%;}
	.index_main_r{margin-left:0;}
	
	.col-pic{display: none;}
	.col_link li{float: left; width: calc(100% / 2 - 20px * 2); margin: 10px 20px;}
	.list_font li{line-height: 1.6;}
}
/*1280 1366*/
@media screen and (min-device-width: 1026px) and (max-device-width: 1367px) {

}
/*1920*/
@media screen and (min-device-width: 1368px) and (max-device-width: 1440px) {

}
/**/
@media screen and (min-device-width: 1441px) {

}