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

/*home*/
.m-title{background-color: #f0f3ff;margin: 30px 0;}
.m-title a{padding:32px 0;display:block;font-family:MicrosoftYaHei;font-weight:400;font-stretch:normal;letter-spacing:0;text-align:center}
.m-title a p{font-family: MicrosoftYaHei-Bold;font-size: 32px;font-weight: Bold;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #2c4fbd;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}

.m-flash{width: 650px;height: 428px;}
.m-flash .bd li{width: 100%;height: 428px;overflow: hidden;}
.m-flash .bd li a{display: block;position: relative;overflow: hidden;height: 428px;}
.m-flash .bd li a img{width: 100%;height: 100%;}
.m-flash .bd li a p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 120px 0 15px; height: 64px; line-height: 64px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.m-flash .hd{position:absolute;right:25px;bottom:30px;}
.m-flash .hd li{float: left;margin: 0 3px; width: 10px; height: 10px; background: #fff;transition:all .3s;}
.m-flash .hd li.on{background: #ff9000;}

.m-news{width: 620px;margin-left: 15px;}
.m-tabstyle{overflow:hidden;border-bottom: 1px solid #ddd;}
.m-tabstyle li{float:left;margin-right: 20px;}
.m-tabstyle li a{display:block;padding: 0 7px 10px 7px; position: relative; font-family:MicrosoftYaHei-Bold;font-size:24px;font-weight:bold;font-stretch:normal;letter-spacing:0;color:#333333}
.m-tabstyle li.u-active a{color: #2c4fbd;}
.m-tabstyle li.u-active a::after {display: block;position: absolute; bottom: -1px;left: 0;clear: both;content: '';background-image: url(../images/home/lmt.png); background-repeat: no-repeat;width: 100%;height: 8px; z-index: 1; }

.m-first a{display: block;border-bottom: 1px dashed #ddd;padding: 10px 0;}
.m-first a h3{font-family: MicrosoftYaHei-Bold;font-size: 18px;font-weight: Bold;font-stretch: normal;line-height: 38px;letter-spacing: 0px;color: #333333;}
.m-first a p{font-family: MicrosoftYaHei;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 26px;letter-spacing: 0px;color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.m-news .m-liststyle{height: 375px;overflow: hidden;}
.m-liststyle li{background: url(../images/page/dot.png) left center no-repeat;height: 46px; line-height: 46px;position: relative;padding-left: 12px;}
.m-liststyle li span{float: right; padding-left: 10px; font-size: 16px; color: #999;}
.m-liststyle li a{display: block;color: #333;font-size: 18px;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: 5px;color: #2c4fbd;}

.m-special{margin: 40px 0;padding: 24px 24px 24px 84px;height: 148px;background: url(../images/home/special_tit.png) #fff left center no-repeat;box-shadow: 0px 0px 7px 0px rgba(160, 183, 255, 0.35);}
.g-special li{float:left;display:flex;box-sizing:border-box;margin-right:20px;width:384px!important;height:100px;align-items:center;justify-content:center;}
.g-special li a{display: block;overflow: hidden;}
.g-special li a img{width:100%;}
.g-special li:last-child{margin-right:0;}

.m-cloumn{margin-bottom: 20px;}
.m-cloumnTitle{border-bottom: 1px solid #ddd;}
.m-cloumnTitle a{display: flex;align-items: center;padding-bottom: 10px;}
.m-cloumnTitle a img{margin-right: 16px;}
.m-cloumnTitle a span{font-family:MicrosoftYaHei-Bold;font-size:24px;font-weight:Bold;font-stretch:normal;line-height:42px;letter-spacing:0;color:#2c4fbd}
.g-cloumn{width:408px}
.g-cloumn-1{margin-left:38px}
.g-cloumn .m-liststyle{padding-top: 7px;}

.g-personnel{width:854px;margin-bottom: 20px;}
.g-paintingList li{width: 417px;}
.g-paintingList li:nth-child(odd){float: left;}
.g-paintingList li:nth-child(even){float: right;}

.g-painting{margin: 20px 0 11px 0;}
.g-painting li{float:left;display:flex;box-sizing:border-box;margin-right:19px;width:272px!important;height:160px;align-items:center;justify-content:center;}
.g-painting li a{display: block;position: relative;overflow: hidden;height: 100%;}
.g-painting li a img{width:100%;}
.g-painting li:last-child{margin-right:0;}
.g-painting li a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 48px;background: rgba(0,0,0,.3);font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #ffffff;text-align: center;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.g-story{margin: 20px 0 40px 0;}
.g-story li{float:left;display:flex;box-sizing:border-box;margin-right:20px;width:310px!important;height:220px;align-items:center;justify-content:center;}
.g-story li a{display: block;position: relative;overflow: hidden;}
.g-story li a img{width:100%;}
.g-story li:last-child{margin-right:0;}
.g-story li a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 48px;background: rgba(0,0,0,.3);font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #ffffff;text-align: center;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*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,.g-flash{width: 100%;height: 300px;overflow: hidden;position: relative;}
	.m-flash .bd li a{height: 300px;}
	.m-news{width: 100%;margin-top: 10px;}
	.g-personnel,.g-cloumn{width: 100%;}
	.g-cloumn-1{margin-left: 0;}
	.g-paintingList li{width: 100%;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


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

}