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

/*home*/
.m-title li{height: 130px !important;padding: 30px 0 25px 0;}
.m-title a{display:block;font-family:MicrosoftYaHei;font-weight:400;font-stretch:normal;letter-spacing:0;text-align:center}
.m-title a h3{font-size:32px;font-weight:700;color:#b51b01;margin-bottom:15px;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
.m-title a p{font-size:15px;line-height:26px;color:#666;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;padding: 0 20px;}

.m-flash{width: 500px;height: 352px;overflow: hidden;}
.g-flash{width: 100%;height: 352px;overflow: hidden;}
.m-flash .bd li a{display: block;position: relative;overflow: hidden;width: 100%;height: 352px;}
.m-flash .bd li a img{width: 100%;height: 100%;object-fit: cover;}
.m-flash .bd li a p{position: absolute; left: 0; width: 100%; bottom: 0; padding: 0 120px 0 15px; height: 45px; line-height: 45px; 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:15px;}
.m-flash .hd li{float: left;margin: 0 3px; width: 10px; height: 10px; background: #fff; -moz-border-radius: 10px; border-radius: 10px;transition:all .3s;}
.m-flash .hd li.on{border-radius: 5px;background: #ff0000;}

.m-news{width: 480px;margin-left: 15px;}
.m-tabstyle{line-height:45px;height:45px;background-color:#eef4ff;border:solid 1px #dfe6f4;overflow:hidden}
.m-tabstyle li{float:left}
.m-tabstyle li a{display:block;padding:0 25px;background-color:#1052ba;font-family:MicrosoftYaHei-Bold;font-size:18px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#fff}
.m-tabstyle a.more{margin-right:15px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666}

.m-liststyle{height: 307px;box-sizing: border-box;	border: solid 1px #dfe6f4;border-top: none;overflow: hidden;padding: 10px;}
.m-liststyle li{background: url(../images/page/dot.png) left center no-repeat;height: 42px; line-height: 42px;position: relative;padding-left: 12px;}
.m-liststyle li span{float: right; padding-left: 10px; font-size: 15px; color: #666;}
.m-liststyle li a{display: block;color: #333;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 a:hover{padding-left: 5px;color: #1052ba;}

.m-notice{width: 270px;}
.g-column{width: 630px;}
.m-case{margin: 20px 0 45px 0;}

/* 通栏广告 */
.m-newsColumn{margin-bottom: 20px;}
.m-ctadv{height: 98px;margin-bottom: 20px;}
.m-ctadv img{display: block; width: 100%;height: 98px;transition: all 0.3s ease;}
.m-ctadv:hover img{transform: scale(1.1);}

/* 专题专栏 */
.m-engineeringCase{height:287px;background:#fff;padding: 20px;overflow: hidden;	border: solid 1px #dfe6f4;border-top: none;}
.g-engineeringCase li{margin-right:35px;width:282px;overflow: hidden;float: left;}
.g-engineeringCase li a{width: 100%;display: block;}
.g-engineeringCase li a span{display: block;height: 210px;overflow: hidden;}
.g-engineeringCase li a img{width: 100%;height: 210px;overflow: hidden;}
.g-engineeringCase li a p{height: 40px;line-height: 40px;text-align: center; font-size: 14px;color: #666;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-engineeringCase .hd a{display:block;position: absolute;text-align: center;width: 16px; height: 30px;z-index: 99;top: 50%;transform: translateY(-50%);}
.g-engineeringCase .hd .prev{left: 0;}
.g-engineeringCase .hd .next{right: 0;}



/*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,.m-notice,.g-column{width: 100%;}
	.m-news{margin-left: 0;}
	.m-ctadv,.m-ctadv img{height: auto;}
	.m-notice,.g-column{margin-top: 20px;}
	.m-flash{margin-bottom: 20px;height: 272px;}
	.g-flash, .m-flash .bd li a{height: 272px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


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

}