*{
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "微软雅黑";
	font-size: 16px;
}
html,body{
	position: relative;
	min-width: 1360px;
}
a{
	color: #333;
	text-decoration: none;
}
li{
	list-style: none;
}
img{
	display: block;
}
.container{
	width: 1360px;
	
	margin: 0 auto;
}
.clear:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}


/*公用头部 start*/
.title{
	padding: 30px 0 25px 0;
}
.title h1{
	font-size: 28px;
	color: #222;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
.title h1 span{
	font-size: 28px;
	color: #da251e;
}
.title h1:after{
	content: "";
	width: 1px;
	height: 18px;
	background: #dedede;
	position: absolute;
	bottom: 5px;
	right: -15px;
	display: block;
	display: inline-block;
}
.title .left>span{
	font-size: 16px;
	color: #999898;
	display: inline-block;
	letter-spacing: 5px;
}
.title .left{
	float: left;
}
.title .right{
	float: right;
	margin-top: 15px;
}
.title .right ul li{
	float: left;
	margin-left: 30px;
}
.title .right ul li a{
	font-size: 18px;
	color: #222;
	transition: .3s;
}
.title .right ul li a:hover{
	color: #DA251E;
}
/*公用头部 end*/




/*header start*/
.header{
	height: 94px;
	display: block;
	line-height: 90px;
	position: relative;
	box-shadow: 0px 0px 20px 0px #dddddd;
}
.header .logo{
	float: left;
}
.header .logo img{
	height: 60px;
	margin: 15px 0;
}
.header .nav{
	float: right;
	margin-right: 30px;
}
.header .nav ul li{
	float: left;
	margin: 0 20px;
}
.header .nav ul li .subnav{
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	display: block;
	background: #f3f3f3;
	display: none;
	z-index: 1111;
}
.header .nav ul li .subnav ol{
	float: right;
	margin-right: 200px;
}
.header .nav ul li a{
	position: relative;
	padding: 0 5px;
	transition: .3s;
}
.header .nav ul li a:after{
	content: "";
	bottom: -5px;
	left: 0;
	position: absolute;
	width: 0%;
	background: #DA251E;
	height: 1px;
	transition: .3s;
}
.header .nav .active>a,.header .nav>a:hover,.header .subnav a:hover{
	color: #da251e;
}
.header .nav .active>a:after,.header .nav>a:hover:after,.header .subnav a:hover:after{
	width: 100%;
}



.header .more{
	float: right;
	position: relative;
}
.header .more .search,.header .more .lange,.header .more .phone{
	float: left;
}
.header .more .search{
	margin-top: 37px;
	cursor: pointer;
}
.header .more .search i{
	display: block;
	height: 20px;
	width: 20px;
	background: url(../images/search.png) no-repeat;
	background-size: 16px;
	transition: .3s;
}
.header .more .close i{
	background: url(../images/close.png) no-repeat !important;
	background-size: 16px !important;
}
.header .more .lange{
	display: block;
	padding: 0 50px 0 60px;
	position: relative;
	cursor: pointer;
}
.header .more .lange::before{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	background: url(../images/lange.png) no-repeat;
	top: 35px;
	left: 34px;
}
.header .more .lange i{
	display: block;
	width: 1px;
	height: 20px;
	background: #e6e6e6;
	position: absolute;
	top: 35px;
	right: 17px;
}
.header .more .lange::after{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	background: url(../images/jt.png) no-repeat;
	top: 43px;
	right: 20px;
}
.lange_sel{
	position: absolute;
	top: 100%;
	z-index: 112;
	width: 158px;
	background: #fff;
	left: 20px;
	text-align: center;
	display: none;
}
.lange_sel ul li a{
	transition: .3s;
}
.lange_sel ul li a:hover{
	color: #DA251E;
}

.header .more .phone{
	font-size: 26px;
	color: #da251e;
}

.search_box{
	display: none;
	position: absolute;
	background: #F3F3F3;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 111;
}
.sear{
	float: right;
	margin-right: 200px;
	background: #fff;
	height: 40px;
	margin: 25px 200px 25px 0;
}
.search_box form{
	line-height: 0;
}
.search_box input[type=text]{
	border: none;
	font-size: 14px;
	background: no-repeat;
	line-height: 40px !important;
	outline: none;
	padding-left: 10px;
	width: 200px;
}
.search_box button{
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background: none;
	border: none;
	outline: none;
	background: url(../images/search.png) no-repeat;
	background-position: center;
	cursor: pointer;
}
/*header end*/


/*banner start*/
.banner img{
	width: 100%;
}
.banner .slick-dots li button{
	width: 20px;
	height: 8px;
	border: none;
	border-radius: 5px;
	outline: none;
}
.banner .slick-dots li.slick-active button{
	background: #da251e;
}
/*banner end*/


/*rd start*/
.rd{
	width: 100%;
	position: relative;
	margin: 30px 0;
}
 .rd ul li{
	 width: 20%;
	 float: left;
	 height: 100px;
	 line-height: 100px;
	 position: relative;
	 text-align: center;
	 overflow: hidden;
	 border: 1px solid #e5e5e5;
	 box-sizing: border-box;
	 border-left: none;
 }
 .rd ul li .desc{
	 display: block;
	 width: 100%;
	 position: absolute;
	 top:0px;
	 left: 0px;
	 z-index: 111;
	 transition: .3s;
	 font-size: 18px;
 }
 .rd ul li span{
	position: relative;
	color: #666;
	transition: .3s;
 }
 .rd ul li span:after {
	content: "";
	display: block;
	height: 4px;
	width: 4px;
	border-radius: 100%;
	background: #ccc;
	position: absolute;
	top: 9px;
	left: -13px;
	transition: .3s;
 }
 .rd ul li img{
	 width: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: .3s;
 }
 .rd ul li:hover img{
	 opacity: 1;
 }
.rd ul li:hover span{
	color: #fff;
	/* letter-spacing: 3px; */
}
.rd ul li:hover span:after{
	background: #fff;
}
/*rd end*/

/*pro start*/
.pro{
	background: #f2f2f2;
}
.pro .cont ul li,.list_pro .cont ul li{
	width: 19%;
	margin: 0 .5% 20px .5%;
	float: left;
	position: relative;
	overflow: hidden;
}

.pro .img img,.list_pro .cont .img img{
	width: 100%;
	transition: .3s;
	height: 256px;
	object-fit: contain;
	background: #fff;
}
.pro .cont ul li span,.list_pro .cont ul li span{
	text-align: center;
	width: 100%;
	display: block;
	font-size: 15px;
	margin-top: 5px;
	transition: .3s;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pro .cont ul li:hover img,.list_pro .cont ul li:hover img{
	transform: scale(1.1);
}
.pro .cont ul li:hover span,.list_pro .cont ul li:hover span{
	color: #DA251E;
}
.pro .cont ul li:hover .img,.list_pro .cont ul li:hover .img{
	border: 1px solid #DA251E;
}
.pro .cont ul li .img,.list_pro .cont ul li .img{
	position: relative;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
.pro .cont ul li .img:after,.list_pro .cont ul li .img:after{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(218,37,30,.45);
	transition: .3s;
	opacity: 0;
}
.pro .cont ul li .img:before,.list_pro .cont ul li .img:before{
	content: "";
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 50%;
	left: 50%;
	margin-left: -13px;
	margin-top: -13px;
	z-index: 111;
	background: url(../images/share.png) no-repeat;
	background-size: 25px;
	transition: .3s;
	opacity: 0;
}
.pro .cont ul li:hover ::after,.pro .cont ul li:hover ::before,.list_pro .cont ul li:hover ::after,.list_pro .cont ul li:hover ::before{
	opacity: 1;
}
.pro .cont ul li:hover span,.list_pro .cont ul li:hover{
	color: #DA251E;
}
.pro .more{
	text-align: center;
	letter-spacing: 4px;
	padding: 15px 0 40px;
}
.pro .more a{
	color: #848484;
	transition: .3s;
}
.pro .more a:hover{
	color: #DA251E;
	letter-spacing: 8px;
}
/*pro end*/


/*ind start*/
.ind{
	background: url(../images/ind_bg.jpg);
	background-position: center;
	padding: 55px 0;
	position: relative;
}
.ind .sel{
	float: left;
	width: 350px;
	position: relative;
}
.ind .t span{
	font-size: 28px;
	color: #fff;
	font-weight: bold;
}
.ind .t p{
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	letter-spacing: 4px;
}
.ind .t i{
	background: rgba(255,255,255,0.7);
	height: 2px;
	width: 40px;
	display: block;
	margin-top: 15px;
}
.ind .sel ul{
	margin: 40px 0 0 0;
}
.ind .sel ul li{
	margin: 10px 0;
	height: 55px;
	line-height: 55px;
	position: relative;
	width: 260px;
}
.ind .sel ul b{
	content: "";
	display: block;
	height: 0px;
	background: #3da0e2;
	width: 630px;
	/* position: absolute; */
	margin-left: -300px;
	transition: .3s;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
	opacity: 0;
	z-index: 11;
}
.ind .sel ul li>a{
	z-index: 1111;
	position: absolute;
}
.ind .sel ul b a{
	display: block;
	height: 55px;
}
.ind .sel ul li.active b{
	margin-left: -300px;
	height: 55px;
	opacity: 1;
}
.ind .sel ul li a span{
	color: #fff;
	font-size: 16px;
	float: left;
	padding-left: 10px;
}
.ind .sel ul li i{
	height: 55px;
	width: 30px;
	float: left;
	display: block;
	background: url(../images/ind_icon.png) no-repeat;
	background-position: 0px 15px;
}
.ind .icon2{
	background-position: -37px 15px !important;
}
.ind .icon3{
	background-position: -75px 15px !important;
}
.ind .icon4{
	background-position: -112px 15px !important;
}
.ind .icon5{
	background-position: -147px 15px !important;
}


.ind .ind_item{
	position: relative;
}
.ind .ind_item .desc{
	position: absolute;
	bottom: 50px;
	left: 50px;
}
.ind .desc span{
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	text-align: left;
}
.ind .desc p{
	text-align: left;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	transition: .3s;
}
.ind .desc i{
	width: 24px;
	height: 6px;
	display: block;
	background: url(../images/ind_jt.png) no-repeat;
	margin-top: 40px;
	transition: .3s;
	transition-delay: .2s;
}
.ind .ind_item img{
	transition: .5s;
}
.ind .ind_item .img{
	overflow: hidden;
}
.ind .ind_item:hover img{
	transform: scale(1.1);
}
.ind .ind_item:hover .desc p{
	/* padding-bottom: 20px; */
}
.ind .ind_item:hover .desc i{
	/* margin-left: 50px; */
}

	.ind .swiper-container:first-child{
		z-index: 2;
	}
	.ind .swiper-container {
		transition: .5s;
		opacity: 0;
        width: calc(50% + 310px);
        height: 100%;
		position: absolute;
		top: 0;
		right: 0;
    }
    .ind .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: auto;
		margin: 0 20px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.ind .next_prev{
		height: 100px;
		/* position: absolute;
		top: 500px;
		left: 150px; */
	}
	.ind .swiper-button-prev,.ind .swiper-button-next{
		height: 40px;
		width: 40px;
		border-radius: 100%;
		border: 1px solid #fff;
		background: url(../images/next_prev.png) no-repeat;
		transition: .3s;
		top: 92%;
	}
	.ind .swiper-button-prev{
		background-position: -10px -10px !important;
		left: 0;
	}
	.ind .swiper-button-next{
		background-position: -50px -10px !important;
		left: 60px;
	}
	.ind .swiper-button-prev:hover,.ind .swiper-button-next:hover{
		background: url(../images/next_prev_hover.png) no-repeat #fff;
	}
/*ind end*/


/*about start*/
/* .about_bg{
	background: url(../images/about_bg.jpg) no-repeat fixed;
	background-size: cover;
	height: 860px;
} */
.about{
	background: #f3f3f3;
}
.bj{
	visibility: hidden;
}
.about .title{
	padding: 10px 0 25px 0;
}
.about_box{
	width: 1360px;
	margin: 0 auto;
	background: #fff;
	/*margin-top: -200px;*/
	padding: 50px 100px 40px 100px;
}
.about_box .desc{
	float: left;
	width: 65%;
	box-sizing: border-box;
	padding-right: 50px;
}
.about_box .desc > span{
	line-height: 30px;
	font-size: 14px;
	color: #8c8c8c;
	display: block;
}
.about_box .desc>a{
	font-size: 14px;
	color: #818181;
	display: inline-block;
	margin-top: 50px;
	border-bottom: 1px solid #818181;
	transition: .3s;
}
.about_box .desc>a:hover{
	color: #DA251E;
	border-bottom: 1px solid #DA251E;
}
.about_box .img{
	float: right;
	width: 30%;
	overflow: hidden;
	border-radius: 10px;
}
.about_box .img img{
	width: 100%;
	transition: .3s;
}
.about_box .img:hover img{
	transform: scale(1.1);
}


.about .num{
	padding: 50px 0 30px 0;
	width: 1600px;
	margin: 0 auto;
}
.about ul li{
	float: left;
	width: 20%;
	text-align: center;
	position: relative;
}
.about ul li i{
	height: 50px;
	width: 1px;
	background: #d9d9d9;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}
.about ul li p span{
	font-size: 42px;
	color: #222;
	line-height: 40px;
	display: inline-block;
}
.about ul li p sup{
	position: absolute;
	font-size: 12px;
}
.about ul li>span{
	font-size: 14px;
	color: #222;
	line-height: 30px;
}
/*about end*/



/*teamwork start*/
.teamwork{
	padding: 20px 0 60px 0;
}
.teamwork ul li{
	width: 15.666%;
	margin: 5px .5%;
	float: left;
	border: 1px solid #ececec;
	box-sizing: border-box;
}
.teamwork ul li img{
	width: 100%;
	transition: .3s;
}
.teamwork ul li:hover img{
	opacity: 0.5;
}
/*teamwork end*/


/*footer start*/
.footer1{
	background: #1763af;
	height: 90px;
	line-height: 90px;
}
.footer1 span{
	font-size: 18px;
	color: #fff;
	float: left;
}
.footer1 ul li{
	float: left;
	margin-left: 40px;
}
.footer1 ul li a{
	color: #fff;
	color: rgba(255,255,255,.6);
	transition: .3s;
}
.footer1 ul li a:hover{
	color: #fff;
}


.footer2{
	background: #124a82;
	padding: 45px 0 70px 0;
}
.footer2 .one{
	float: left;
	width: 530px;
	position: relative;
}
.footer2 .one dl{
	float: left;
	width: 33%;
}
.footer2 .one dt{
	color: #fff;
	font-size: 18px;
	line-height: 40px;
}
.footer2 .one dd{
	padding: 8px 0;
}
.footer2 .one dd a{
	color: #fff;
	color: rgba(255,255,255,.6);
	transition: .3s;
	font-size: 14px;
}
.footer2 .one dd a:hover{
	color: #fff;
}

.footer2 .two{
	float: left;
	width: 500px;
	position: relative;
	box-sizing: border-box;
	padding-left: 100px;
}
.footer2 .two span{
	font-size: 18px;
	color: #fff;
	line-height: 40px;
}
.footer2 .two li{
	padding: 8px 0;
	font-size: 14px;
	color: #fff;
	color: rgba(255,255,255,.6);
}
.footer2 .three{
	float: left;
	width: 330px;
}

.footer2 .ewm{
	width: 100px;
	float: right;
	margin-left: 20px;
}
.footer2 .img img,.footer2 .img{
	width: 100%;
}
.footer2 .three span{
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	color: rgba(255,255,255,.6);
	font-size: 14px;
	line-height: 40px;
}
.footer2 i{
	height: 280px;
	width:1px;
	background: #fff;
	background: rgba(255,255,255,.2);
	position: absolute;
	right: 0;
	top: 0;
}
.footer3{
	background: #124a82;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255,255,255,.2);
	height: 65px;
	line-height: 65px;
	text-align: center;
}
.footer3 span,.footer3 a{
	color: #fff;
	color: rgba(255,255,255,.6);
	transition: .3s;
}
.footer3 a:hover{
	color: #fff;
}

/*footer end*/



.tips{
	position: fixed;
	width: 1126px;
	height: 583px;
	top: 50%;
	left: 50%;
	margin-left: -563px;
	margin-top: -291px;
	display: none;
	z-index: 999999;
	background: #fff;
	text-align: center;
}
.tips ul{
	display: inline-block;
	text-align: left;
	width: 400px;
}
.tips ul li{
	font-size: 14px;
	color: #888888;
	padding: 10px 0;
	list-style: disc;
}
.tips>p{
	display: block;
	height: 60px;
	line-height: 60px;
	width: 250px;
	margin: 20px auto;
	border: 1px solid #e4e4e4;
	color: #a3a3a3;
	cursor: pointer;
}
.tips>p span{
	color: #e43a29;
}
.black_bg2{
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: url(../images/black_bg.png);
	z-index: 99994;
	display: none;
}
@media screen and (max-width:1560px) {
	.about_box{
		width: 1160px;
	}
}












/*内页样式 start*/
.crumbs{
	background: #f2f2f2;
	height: 50px;
	line-height: 50px;
}
.crumbs span{
	font-size: 14px;
	color: #222;
	background: url(../images/pos.png) no-repeat;
	padding-left: 20px;
	background-position: 0 2px;
}
.crumbs a{
	font-size: 14px;
	color: #222;
	transition: .3s;
}
.crumbs a:hover{
	color: #DA251E;
}


.list .sel{
	margin: 35px 0 40px 0;
	text-align: center;
}
.list .sel ul{
	display: inline-block;
}
.list .sel ul li{
	height: 50px;
	line-height: 50px;
	background: #fafafa;
	border: 1px solid #e2e2e2;
	float: left;
	margin: 0 10px;
	border-radius: 40px;
	transition: .3s;
}
.list .sel ul li a{
	color: #222;
	display: block;
	padding: 0 30px;
}
.list .sel ul li.action,.list .sel ul li:hover{
	background: #DA251E;
	border: 1px solid #DA251E;
	box-shadow: 0px 0px 20px 0px #da251e4f;
}
.list .sel ul li.action a,.list .sel ul li:hover a{
	color: #fff;
}


.yyly_list .cont{
	margin-bottom: 40px;
}
.yyly_list .cont ul li{
	width: 31.33%;
	margin: 0 1% 25px 1%;
	float: left;
}
.yyly_list .cont ul li .img{
	height: 0;
	overflow: hidden;
	padding-bottom: 70%;
}
.yyly_list .cont ul li img{
	width: 100%;
	transition: .3s;
}
.yyly_list .cont ul li .desc{
	text-align: center;
	background: #e0e0e0;
	padding: 15px 0;
}
.yyly_list .cont ul li .desc span{
	color: #222;
	font-size: 20px;
	line-height: 14px;
}
.yyly_list .cont ul li .desc p{
	color: #aaa;
	font-size: 14px;
}
.yyly_list .cont ul li:hover img{
	transform: scale(1.1);
	opacity: .8;
}

.show_yyly {
	margin-top: 20px;
}
.show_yyly .desc{
	width:76%;
	float: left;
}
.show_yyly .desc .n{
	margin: 30px 0;
	box-sizing: border-box;
	padding-right: 100px;
	line-height: 30px;
}
.show_yyly .desc p{
	font-size: 14px;
	color: #666666;
}
.show_yyly .s_title{
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
}
.show_yyly .s_title span{
	font-size: 28px;
	color: #222;
	font-weight: bold;
}
.show_yyly .cbl{
	width: 20%;
	float: right;
}
.show_yyly .pn{
	border: 1px solid #ececec;
	height: 50px;
	line-height: 50px;
	margin: 20px 0;
}
.show_yyly .pn .prev{
	box-sizing: border-box;
	width: 50%;
	padding-left: 20px;
	float: left;
	border-right: 1px solid #ececec;
}
.show_yyly .pn .next{
	box-sizing: border-box;
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 20px;
}
.show_yyly .pn .prev span,.show_yyly .pn .next span{
	color: #a0a0a0;
	font-size: 14px;
}
.show_yyly .pn .prev a,.show_yyly .pn .next a{
	color: #666666;
	font-size: 14px;
	transition: .3s;
}
.show_yyly .pn .prev a:hover,.show_yyly .pn .next a:hover{
	color: #DA251E;
}

.tj_yyly,.xgtj{
	border: 1px solid #ececec;
	margin-bottom: 20px;
}
.tj_yyly ul {
	padding: 0 25px;
	margin: 20px 0 40px 0;
}
.tj_yyly ul li{
	border: 1px solid #ececec;
	margin: 15px 0;
	/*padding: 15px 20px;*/
	border-radius: 10px;
	transition: .3s;
    height: 50px;
    line-height: 50px;
}
.tj_yyly ul li a{
	font-size: 14px;
	transition: .3s;
	display: block;
    padding-left: 20px;
}
.tj_yyly ul li:hover{
	background: #DA251E;
}
.tj_yyly ul li:hover a{
	color: #fff;
}

.xgtj ul{
	padding: 0 30px;
	margin-bottom: 40px;
}
.xgtj ul li{
	border-bottom: 1px solid #ececec;
}
.xgtj ul li a{
	padding: 15px 0;
	display: block;
	font-size: 14px;
	transition: .3s;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.xgtj ul li:hover a{
	color: #DA251E;
}


.cbl_title{
	height: 60px;
	line-height: 60px;
	background: #f7f7f7;
	box-sizing: border-box;
	padding-left: 30px;
	border-bottom: 1px solid #ececec;
}
.cbl_title a{
	float: right;
	padding-right: 20px;
	font-size: 12px;
	color: #9b9b9b;
	transition: .3s;
}
.cbl_title a:hover{
	color: #DA251E;
}
.cbl_title span{
	font-size: 16px;
	color: #222;
	position: relative;
	padding-left: 5px;
	float: left;
}
.cbl_title span::after{
	content: "";
	position: absolute;
	top: 20px;
	left: -10px;
	display: block;
	width: 4px;
	height: 20px;
	background: #da251e;
}
.ret{
	height: 60px;
	line-height: 60px;
	border: 1px solid #ececec;
	text-align: center;
	margin-bottom: 50px;
}
.ret a{
	display: block;
}
.ret a span{
	transition: .3s;
	font-size: 14px;
	color: #222;
	position: relative;
}
.ret a span:after{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	background: url(../images/ret.png) no-repeat;
	position: absolute;
	top: 4px;
	left: -25px;
	transition: .3s;
}
.ret:hover{
	background: #DA251E;
}
.ret:hover a span{
	color: #fff;
}
.ret:hover a span:after{
	background: url(../images/ret_hover.png) no-repeat;
}
/*内页样式 end*/

.mk_pages {

    text-align:center;

    font-size:0;

    padding: 20px 0 36px;

}

.mk_pages ul {

    text-align:center;

    font-size:0;

}

.mk_pages ul li {

    display:inline-block;

    font-size:16px;

    margin: 0 4px;

    border:1px solid #e9e9e9;

    width: 38px;

    height: 38px;

    line-height: 38px;

    float: none;

}

.mk_pages ul li a {

    font-size:14px;

    display: block;

    width: 100%;

    height: 100%;

    color: #666;

}

.mk_pages .pageinfo {

    line-height:21px;

    padding:12px 10px 12px 16px;

    color:#999;

    margin:0px 2px;

}

.mk_pages .pageinfo strong {

    color:#555;

    font-weight:normal;

    margin:0px 2px;

}

.mk_pages ul li.active,

.mk_pages ul li.active a,

.pagebox ul li.active a:hover {

    font-weight:bold;

    background: #DA251E;

    color: #fff;

    border: 1px solid #DA251E;

}
.mk_pages ul li.active span{
	color: #fff !important;
}

.mk_pages ul li.disabled span {

    padding:14px 9px;

}

.zw{
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.ny_banner img{
    width: 100%;
}
.ny_title{
	margin-top: 95px;
	height: 100px;
	width: 44%;
	background: linear-gradient(to right,#DA251E,#DA251E,rgba(0,0,0,0));
	box-sizing: border-box;
	padding-left: 30px;
}
.ny_title p{
	padding: 10px 0 5px 0;
	font-size: 30px;
	color: #fff;
}
.ny_title span{
	font-size: 18px;
	color: #fff;
}

@media screen and (max-width:1620px) {
	.about .num{
		width: 1380px;
	}
}

@media screen and (max-width:1400px) {
	.about .num{
		width: 1200px;
	}
	html,body{
		min-width: 1180px;
	}
	.container{
		width: 1180px;
	}
	.pro .img img,.list_pro .cont .img img{
		height: 222px;
	}
	.header .nav{margin-right: 10px;}
	.header .nav ul li{
		margin: 0 6px;
	}
	.header .more .phone{
		font-size: 24px;
	}
	.header .more .lange{
		padding: 0 45px 0 55px;
	}
	.header .more .lange::before{
		left: 28px;
	}
	.rd ul li{
		height: 80px;
		line-height: 80px;
	}
	.ind .t p{
		letter-spacing: 3px;
	}
	.ind .sel ul li.active b{
		margin-left: -380px;
	}
	.about_box{
		padding: 50px 20px 40px 20px;
		width: 1070px;
	}
	.footer2 .one{
		width: 420px;
	}
	.footer2 .two{
		width: 400px;
		padding-left: 60px;
	}
	.lange_sel{
		width: 145px;
	}
}


.banner img{
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.lange_sel ul li{
	height: 60px;
	line-height: 60px;
}
.article-list{margin:0 auto;width:1200px;overflow:hidden;background:#fff;border-top:#f0f0f0 solid 1px;}
.article-list .item{height:188px;overflow:hidden;border:#f0f0f0 solid 1px;border-top:none;transition:all 0.5s linear;}
.article-list .pic{float:left;padding:30px;width:190px;height:128px;overflow:hidden;}
.article-list .pic img{display:block;width:190px;transition:all 0.5s linear;}
.article-list .text{float:left;padding:30px 35px 30px 0;width:795px;height:128px;overflow:hidden;border-right:#f0f0f0 solid 1px;}
.article-list .text h3{height:42px;line-height:42px;font-size:18px;font-weight:normal;color:#333;overflow:hidden;}
.article-list .text p{height:50px;line-height:25px;font-size:14px;color:#666;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.article-list .text .read{display:block;margin-top:26px;width:36px;height:11px;background:url(../images/news_read.png) no-repeat;}
.article-list .date{float:right;padding:0 26px;width:65px;text-align:center;font-family:"AvantGarde";color:#999;overflow:hidden;}
.article-list .date span{display:block;margin-top:48px;height:58px;line-height:58px;font-size:23px;border-bottom:#efefef solid 1px;}
.article-list .date em{display:block;margin-top:20px;height:22px;line-height:22px;font-size:18px;}
.article-list .item:hover{background:#229694;}
.article-list .item:hover *{color:#fff;border-color:#4eaba9;}
.article-list .item:hover img{transform:scale(1.05);}
.article-list .item:hover .read{filter:brightness(200%)}
.details_info {
    margin-top: 20px;
}
/* --end 文章列表-- */