@charset "utf-8";

/*
* @Author: Tech050
* @Date:   2019-06-12 09:31:53
* @Last Modified by:   Tech050
* @Last Modified time: 2019-06-13 11:05:41
*/

.m-warpbox{padding: 6px 20px 20px;}

.m-abflash,.m-abflash .item,.m-abflash .item img{height: 326px;}
.m-abflash .item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 90px 0 20px; height: 42px; line-height: 42px; background: rgba(0,0,0,.5); color: #fff;}
.m-abflash .owl-dots{position: absolute; right: 20px; bottom: 10px;}
.m-abflash .owl-dots span{display: block; float: left; width: 8px; height: 8px; margin-left: 10px; background: #fff; border-radius: 50%;}
.m-abflash .owl-dots .active span{background: #cd0000;}
.m-ablx{line-height: 32px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.m-ablx a{color: #cd0000;}
.m-ablxbtns{margin: 10px -15px 0; padding-bottom: 20px; background: url(../images/about/bg-ablxline.png) 0 91px repeat-x;}
.m-ablxbtns li{position: relative; float: left; width: 20%; padding: 0 15px;}
.m-ablxbtns a{display: block; height: 76px; border: 1px dashed #fff; text-align: center;}
.m-ablxbtns span{display: block; width: 32px; height: 32px; margin: 10px auto 0; background: url(../images/about/icon-lxgk.png); background-repeat: no-repeat;}
.m-ablxbtns p{line-height: 34px;}
.m-ablxbtns li i{position: absolute; left: 50%; margin-left: -5px; bottom: -20px; display: none; width: 12px; height: 20px; background: url(../images/about/bg-lxgkli.png) no-repeat;}
.m-ablxbtns li a:hover,.m-ablxbtns li.u-active a{border: 1px dashed #ddd; background: #f9f9f9;}
.m-ablxbtns li a:hover i,.m-ablxbtns li.u-active a i{display: block;}
.m-ablxbtns li.u-lb01 span{background-position: 0 0;}
.m-ablxbtns li.u-lb02 span{background-position: 0 -32px;}
.m-ablxbtns li.u-lb03 span{background-position: 0 -64px;}
.m-ablxbtns li.u-lb04 span{background-position: 0 -96px;}
.m-ablxbtns li.u-lb05 span{background-position: 0 -128px;}

.m-abbox{margin: 0 -10px;}
.m-aboutbox{margin: 30px 0; padding: 0 10px;}
.m-aboutbox .u-tit{height: 88px; line-height: 28px; padding: 30px;}
.m-aboutbox .u-tit a{display: block; padding-left: 20px; font-size: 28px; color: #fff; font-weight: bold; border-left: 8px solid #fff;}
.u-abjjfz .u-tit{background: url(../images/about/bg-jjfz.png) no-repeat;}
.u-abczjx .u-tit{background: url(../images/about/bg-czjs.png) no-repeat;}
.u-abmytc .u-tit{background: url(../images/about/bg-mytc.png) no-repeat;}
.m-aboutbox .m-liststyle1{height: 296px; padding: 14px; border: 1px solid #ddd;}
.m-aboutbox li{line-height: 38px;}
.m-lxfg .u-tit{height: 76px; line-height: 76px; text-align: center; background: url(../images/about/bg-lxfg.png) center no-repeat;}
.m-lxfg .u-tit a{font-size: 36px; font-weight: bold; color: #666;}
.m-lxfg .u-tit span{color: #cd0000;}
.g-lxfgbox{overflow-x: auto;}
.m-lxfgbox{width: 1240px; height: 370px;}
.m-lxfgbox li{position: absolute; overflow: hidden;}
.m-lxfgbox li a{display: block; position: relative;}
.m-lxfgbox li p{position: absolute; left: 0; right: 0; bottom: 0; line-height: 46px; text-align: center; color: #fff; background: rgba(0,0,0,.5);}
.m-lxfgbox li img{display: block; width: 100%;}
.m-lxfgbox li a:hover img{transform: scale(1.1);transition: .3s;}
.m-lxfgbox li.u-lxfg01{left: 0; top: 0;}
.m-lxfgbox li.u-lxfg01,.m-lxfgbox li.u-lxfg01 img{width: 501px; height: 370px;}
.m-lxfgbox li.u-lxfg02{left: 502px; top: 0;}
.m-lxfgbox li.u-lxfg02,.m-lxfgbox li.u-lxfg02 img{width: 441px; height: 185px;}
.m-lxfgbox li.u-lxfg03{right: 0; top: 0;}
.m-lxfgbox li.u-lxfg03,.m-lxfgbox li.u-lxfg03 img{width: 296px; height: 185px;}
.m-lxfgbox li.u-lxfg04{left: 502px; bottom: 0;}
.m-lxfgbox li.u-lxfg04,.m-lxfgbox li.u-lxfg04 img{width: 296px; height: 184px;}
.m-lxfgbox li.u-lxfg05{right: 0; bottom: 0;}
.m-lxfgbox li.u-lxfg05,.m-lxfgbox li.u-lxfg05 img{width: 441px; height: 184px;}

.is-footer{margin-top: 20px;}

/*超大PC屏幕下的专用样式*/
@media screen and (min-width:1200px) {
    

}
/*中等PC屏幕下的专用样式*/
@media screen and (min-width:992px) and (max-width: 1199px) {
	.m-ablxbtns{background: none;}
    .m-ablxbtns li{width: 33.3%; padding: 5px;}
    .m-ablxbtns a{height: 44px; padding: 5px 5px; border: 1px solid #ddd;}
    .m-ablxbtns span{float: left; margin: 0 5px 0 0;}
}
/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width: 991px ){
	.m-abflash{margin-bottom: 15px;}
    .m-abflash,.m-abflash .item,.m-abflash .item img{height: 400px;}
	.m-ablxbtns li{padding: 5px;}

}
/*PHONE屏幕下的专用样式*/
@media screen and (min-width: 639px) and (max-width: 767px) {
	.m-abflash{margin-bottom: 15px;}
	.m-ablxbtns li{padding: 5px;}
    
}

@media screen and (max-width: 638px) {
	body{font-size: 14px;}
	.m-abflash,.m-abflash .item,.m-abflash .item img{height: 210px;}
    .m-abflash{margin-bottom: 10px;}
    .m-ablx{line-height: 28px;}
    .m-ablxbtns li{padding: 5px;}
		.m-ablx{-webkit-line-clamp:9}
}







