@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.m-type{margin:40px 0;height:172px;background-color:#f2f7fd;}
.m-type li{height:172px;float:left;text-align:center;width:16.666%;background:url(../images/home/li_shu.png) right center no-repeat;}
.m-type li:last-child{background:0 0;}
.m-type li a{display:block;padding-top:43px;}
.m-type li a p{padding-top:15px;font-family:MicrosoftYaHei;font-size:18px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#3d3d3d;}
.m-type li a img{transition: all .6s;}
.m-type li a:hover img{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}

.m-tit{margin-bottom:30px;}
.m-tit a{font-family:MicrosoftYaHei-Bold;font-size:34px;font-weight:700;font-stretch:normal;line-height:20px;letter-spacing:0;color:#1f64dc;margin-right:10px;}
.m-tit span{font-family:MicrosoftYaHei;font-size:14px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#c3cdde;}

.m-flash{width: 710px;}
.g-flash,.g-flash .owl-item{height: 456px;}
.g-flash img{display: block; width: 100%;height: 456px;}
.g-flash .owl-item{position: relative;}
.g-flash .owl-item a{display: block;overflow: hidden;}
.g-flash .owl-item p{position: absolute; width: 100%; left: 0; bottom:0; line-height: 78px;padding: 0 220px 0 13px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;}
.g-flash .owl-pagination{position:absolute;right:15px;bottom:33px;display: flex;align-items: center;}
.g-flash .owl-pagination .owl-page{float: left;margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display:block;width:12px;height:12px;background-color: rgba(255,255,255,1);}
.g-flash .owl-pagination .active span{background-color:#eb0000;}

.m-news{width: 584px;height: 456px;overflow: hidden;}
.m-tabstyle{padding-bottom: 10px;}
.m-tabstyle ul li{float: left;width: 130px;height: 50px;line-height: 50px;text-align: center;}
.m-tabstyle ul li a{display: block; text-align: center; font-family: MicrosoftYaHei;font-size: 20px;font-weight: bold; font-stretch: normal;color: #3d3d3d;}
.m-tabstyle ul li.u-active a{color: #fff;background-color: #1f64dc;border-radius: 4px;}

.m-liststyle li {height: 40px;line-height: 40px;background: url(../images/public/fan.png) left center no-repeat;padding-left: 15px;}
.m-liststyle li a {display: block;color: #333333;font-size: 16px; 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 span {float: right;padding-left: 10px;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #b8b8b8;}
.m-liststyle li a:hover{padding-left: 5px;color: #1f64dc;}

.m-column{padding:50px 0;box-sizing:border-box;margin:50px 0;height:505px;background-color:#f2f7fd;}
.m-column .container .row>div{margin-right:30px;}
.m-column .container .row>div:last-child{margin-right:0;}
.g-column{width:420px;}
.g-columnTit{height:124px;}
.g-columnTit a{padding-top:33px;display:flex;align-items:center;justify-content:center;}
.g-columnTit a img{transition:all .3s;}
.g-columnTit a:hover img{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}
.g-columnTit a span{margin-left:24px;font-family:MicrosoftYaHei-Bold;font-size:24px;font-weight:700;font-stretch:normal;line-height:40px;letter-spacing:0;color:#fff;}
.g-columnTit_1{background:url(../images/home/columnTit_1.png) center no-repeat;}
.g-columnTit_2{background:url(../images/home/columnTit_2.png) center no-repeat;}
.g-columnTit_3{background:url(../images/home/columnTit_3.png) center no-repeat;}
.g-columnList{background:#fff;padding:20px}

.m-tabIntroduce{height: 60px;background-color: #f7f7f7;border-radius: 4px;}
.m-tabIntroduce ul li{float: left;width: 200px;height: 60px;line-height: 60px;text-align: center;}
.m-tabIntroduce ul li a{display: block;position: relative; text-indent: 50px; font-family: MicrosoftYaHei;font-size: 20px;font-weight: bold; font-stretch: normal;color: #3d3d3d;}
.m-tabIntroduce ul li:nth-child(1) a{background: url(../images/home/ks.png) left 44px center no-repeat;}
.m-tabIntroduce ul li:nth-child(2) a{background: url(../images/home/ys.png) left 44px center no-repeat;}
.m-tabIntroduce ul li.u-active a{color: #fff;border-radius: 4px;}
.m-tabIntroduce ul li:nth-child(1).u-active a{background: url(../images/home/ks_active.png) #1f64dc left 44px center no-repeat;}
.m-tabIntroduce ul li:nth-child(2).u-active a{background: url(../images/home/ys_active.png) #1f64dc left 44px center no-repeat;}
.m-tabIntroduce ul li.u-active a::after{display: block;position: absolute;left:22%;bottom: 18px;width: 15px;height: 10px;content: url(../images/home/sjx.png);}

.m-departmentList{margin: 30px 0;padding: 30px 20px;background-color: #ffffff;box-shadow: 0px 0px 7px 0px rgba(167, 199, 255, 0.35);}
.m-departmentList li{float: left;width: 14.28%;line-height: 48px;height: 48px;}
.m-departmentList li a {background: url(../images/page/sd.png) left 30px center no-repeat; padding-left: 45px; display: block;color: #333333;font-size: 16px; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-departmentList li a:hover{padding-left: 50px;color: #1f64dc;}

.m-expert{width:100%;margin: 30px 0;height: 320px;}
.m-expert .bd ul{height: 320px;padding: 10px 0 !important;}
.m-expert li{overflow:hidden;margin-right:30px;width:240px!important;float: left;height: 302px;background-color: #ffffff;box-shadow: 0px 0px 7px 0px rgba(167, 199, 255, 0.35)}
.m-expert li a{display:block;width:100%;height:100%;text-align: center;padding: 31px 25px 20px 25px;}
.m-expert li a>p{margin-top: 10px;font-family: MicrosoftYaHei-Bold;font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 34px;letter-spacing: 0px;color: #1f64dc;}
.m-expert li a>span{font-family: MicrosoftYaHei;font-size: 12px;font-weight: normal;font-stretch: normal;line-height: 34px;letter-spacing: 0px;color: #666666;}
.m-expert li a div{margin-top: 10px;padding-top: 10px;border-top: 1px dashed #d1d1d1; }
.m-expert li a div p{text-align: left;font-family: MicrosoftYaHei;font-size: 12px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #b3b3b3;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*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-flash,.m-news{width: 100%;}
	.m-news{margin-top: 20px;}
	.m-column,.m-type{height: auto;}
	.m-tabstyle ul li {width: 30%;}
	.g-column{width: 100%;margin-right: 0;margin-top: 10px;}
	.m-tabIntroduce ul li {width: 50%;}
	.m-departmentList li{width: 50%;}
	.m-type li{width: 50%;}
	.m-type li:nth-child(2n){background: none;}
	.g-flash,.g-flash .owl-item{height: 300px;}
    .g-flash img{height: 300px;}

	.m-code ul{display: flex;justify-content: center;width: 100%;}
	.m-font{padding: 0 !important;float: none !important;text-align: center;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}