@charset "utf-8";
/* CSS Document */
/**
 * @description: ÍøÕ¾Ê×Ò³Ñùʽ
 * @author: vipz
 * @update: vipz (2021-07-28 09:05)
 */

/*home*/
.m-banner img{width: 100%;background-size: cover;}

.g-flash,.g-flash img{height: 446px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 138px 0 20px; line-height: 60px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 20px; bottom: 25px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 12px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #434444; border-radius: 5px;}
.g-flash .owl-pagination .active span{background: #fff;}

.m-news{height: 446px;}
.m-tabstyle1,.m-tabstyle2{line-height: 51px;height: 51px;background:#f1f4ff;}
.m-tabstyle1 ul li{float: left;}
.m-tabstyle1 ul li a{color:#333333;font-size: 18px;padding: 0px 30px 0 50px;}
.m-tabstyle1 ul li:nth-child(1){background: url(/media/images/home/icon-xyxw.png)no-repeat 20px;}
.m-tabstyle1 ul li:nth-child(2){background: url(/media/images/home/icon-gsgg.png)no-repeat 20px;}
.m-tabstyle1 ul li.u-active a{color: #fff;}
.m-tabstyle1 ul li.u-active:nth-child(1){background: url(/media/images/home/icon-xyxw2.png)#0067b3 no-repeat 20px;}
.m-tabstyle1 ul li.u-active:nth-child(2){background: url(/media/images/home/icon-gsgg2.png)#0067b3 no-repeat 20px;}
.m-liststyle1 h2{line-height: 70px;font-size:26px;color: #d72828;text-align: center;overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}


.m-tabstyle2 li{float: left;line-height: 51px;}
.m-tabstyle2 li:last-child{margin: 0;}
.m-tabstyle2 li a{display: block; padding: 0 25px; font-size: 18px;}
.m-tabstyle2 li.u-active a{color: #fff;}
.m-tabstyle2 li.u-active{background: #0067b3;}
.m-pgbox .m-sp,.m-pgbox .m-sp .u-img{width: 340px;height: 217px;}
.m-pgbox .m-sp .f-pa{top: 90px;left: 45%;}

.m-liststyle1 li{height: 41px; line-height: 41px; overflow: hidden;background:url(/media/images/page/icon-li1.png)no-repeat left;padding-left: 8px;}
.m-liststyle1 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle1 li a{display: block; padding-left: 12px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; transition: all .3s;}
.m-liststyle1 li a:hover{padding-left: 15px;}

.m-special{padding-left: 125px;padding-right: 30px;}
.m-special .u-tit{display: block; left: 0; top: 0;}
.g-special{height: 85px;}
.g-special li{position: relative; float: left; margin-right: 18px; width: 302px; height: 85px; overflow: hidden;}
.g-special li img{display: block; width: 302px; height: 85px;}
.prev,.next{position: absolute;display: block;width: 20px;height: 38px;background: url(/media/images/home/img-fx.png)no-repeat;right: 0;top: 0;}
.next{top:47px;background-position: bottom;}

.u-wit{width: 530px;}
.u-wit2{width: 360px;}

.u-rgadv img{display: block; width: 100%; height: 110px;}

.m-rglist{height: 420px;}
.m-linkbox h4{height: 44px;line-height: 40px;font-size: 20px;color: #0067b3;font-weight: 400;border-bottom:3px solid #0067b3;background: url(/media/images/home/lianjie.png)no-repeat left;padding-left: 35px;}
.m-linkbox ul{padding: 15px 0;}
.m-linkbox ul li{float: left;line-height: 35px;padding: 0 20px;}
.m-linkbox ul li:hover{background: #0067b3;}
.m-linkbox ul li:hover a{color: #fff;}
/*media query*/
/*big pcScreen*/
@media (min-width: 1280px) {
	
}
/*large pcScreen*/
@media screen and (max-width: 1279px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.u-wit,.u-wit2{width: 100%;}
}
/*pad md*/
@media screen and (max-width: 991px ){
    .g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
    .g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
    .g-flash .owl-pagination{bottom: 16px; right: 10px;}
    .g-flash .owl-pagination .owl-page{margin-left: 4px;}
    .g-flash .owl-pagination .owl-page span{width: 6px; height: 6px;}
    .u-rgadv img{height: auto;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
.m-tabstyle2 li a{padding:0 15px;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}
    .g-flash .owl-controls .owl-buttons div{display: none;}
}