@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.m-respond h3{margin: 50px 0 40px 0;text-align: center;background: url(../images/home/column.png) center no-repeat;line-height: 42px;height: 42px;}
.m-respond h3 a{font-family: MicrosoftYaHei-Bold;font-size: 36px;font-weight: bold;font-style: italic;font-stretch: normal;letter-spacing: 0px;color: #1851df;}

.m-tabstyle {padding: 0 0 26px 0;}
.m-tabstyle ul li{margin-right: 20px;float: left;}
.m-tabstyle ul li a{display: block;position: relative;text-align: center;width: 114px;height: 112px;background-image: linear-gradient(0deg, #e8f3ff 0%, #ffffff 100%), linear-gradient(#d6d6d6, #d6d6d6);background-blend-mode: normal, normal;border-radius: 4px;border: solid 1px #cfe7ff;color: #464646;font-family: MicrosoftYaHei;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;}
.m-tabstyle ul li a img{margin-top: 24px;}
.m-tabstyle ul li:last-child{margin-right: 0;}
.m-tabstyle ul li.u-active a{border: solid 1px #1851df;color: #464646;}
.m-tabstyle ul li.u-active a::after{display: block;content: url(../images/home/triangle.png);position: absolute;bottom: -48px;left: 50%;transform: translateX(-50%);}

.m-liststyle{margin: 5px 0 30px 0;}
.m-liststyle li{width: 640px;}
.m-liststyle li:nth-child(odd){float: left;}
.m-liststyle li:nth-child(even){float: right;}
.m-liststyle li{background: url(../images/page/dot.png) left center no-repeat;height: 42px; line-height: 42px;position: relative;padding-left: 10px;}
.m-liststyle li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle li a{display: block;font-size: 16px;color: #3d3d3d;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle li a:hover{padding-left: 3px;}

.m-boxlink a{display: block;}
.g-respond li{float: left;margin: 0 24px 24px 0;}
.g-respond li:nth-child(4n),.g-respond li:nth-child(7){margin: 0 0 24px 0;}
.g-respond li a{display: flex;align-items: center;width: 312px;height: 120px;}
.g-respond li:nth-child(1) a{background: url(../images/home/bj_1.png) center no-repeat;}
.g-respond li:nth-child(2) a{background: url(../images/home/bj_2.png) center no-repeat;}
.g-respond li:nth-child(3) a{background: url(../images/home/bj_3.png) center no-repeat;}
.g-respond li:nth-child(4) a{background: url(../images/home/bj_4.png) center no-repeat;}
.g-respond li:nth-child(5) a{width: 648px;background: url(../images/home/bj_5.png) center no-repeat;}
.g-respond li:nth-child(6) a{background: url(../images/home/bj_6.png) center no-repeat;}
.g-respond li:nth-child(7) a{background: url(../images/home/bj_7.png) center no-repeat;}
.g-respond li p{margin: 0 24px 0 30px;display: flex;justify-content: center;align-items: center;width: 76px;height: 76px;background: url(../images/home/circular.png) center no-repeat;}
.g-respond li span{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;line-height: 42px;letter-spacing: 0px;color: #333333;}
.g-exposure{margin: 28px 0 50px 0;}
.g-exposure a{display: block;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-liststyle li,.m-boxlink a,.m-boxlink a img{width: 100%;}
	.m-boxlink a{margin-bottom: 10px;}
	.g-respond li:nth-child(5) a{width: 100%;}
	.g-respond li,.g-respond li a{width: 100%;background-size: 100% 100% !important;}
	.g-exposure a,.g-exposure a img{width: 100%;}
	.m-tabstyle ul li{width: 49%;margin: 0 0 30px 0 !important;margin-right: 0 !important;}
	.m-tabstyle ul li:nth-child(odd){float: left;}
	.m-tabstyle ul li:nth-child(even){float: right;}
	.m-tabstyle ul li a{width: 100%;}
	.m-tabstyle ul li:last-child,.m-tabstyle ul li:nth-last-child(2){margin: 0 0 0 0 !important;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}