@charset "utf-8";
/* common start */
html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}
body{
    background:#fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,select{
    margin:0;
    padding:0;
}
ol,ul{
    list-style:none;
}
table{
    border-collapse:collapse;
}
* html .clearfix{
    height:1%;
}
h1,h2,h3,h4,h5,h6,em,i,strong{
    font-style:normal;
    font-weight:normal;
}
a{
    cursor:pointer;
    text-decoration:none;
}
a:hover{
    outline:none;
}
img{
    border:0px none;
    display: inline-block;
    vertical-align:top;
}
input,button,textarea,select{
    *font-size:100%;
    outline:none;
    vertical-align:middle;
}
input{
    border:0 none;
    vertical-align:middle;
    outline:none;
    background:none;
}
input:-moz-placeholder { 
    color:#999999;
    opacity:1;
}

input::-moz-placeholder { 
    color:#999999;
    opacity:1;
}

input:-ms-input-placeholder{
    color:#999999;
    opacity:1;
}

input::-webkit-input-placeholder{
    color:#999999;
    opacity:1;
}

textarea:-moz-placeholder { 
    color:#999999;
    opacity:1;
}

textarea::-moz-placeholder { 
    color:#999999;
    opacity:1;
}

textarea:-ms-input-placeholder{
    color:#999999;
    opacity:1;
}

textarea::-webkit-input-placeholder{
    color:#999999;
    opacity:1;
}

select{
    vertical-align:middle;
}
.fl{
    float:left!important;
}
.fr{
    float:right!important;
}
.animate{
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.cl{
    clear:both;
    font-size:0px;
    height:0px;
    line-height:0px;
}
.clearfix:before,.clearfix:after{
    content:"";display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    zoom:1;
}
.txt_center{
    text-align:center!important;
}
.ellipsis{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.ellipsis-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ellipsis-3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ellipsis-4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
.text_indent{
	text-indent: 2em;
}
body{
    font-size:14px;
    color:#333333;
    line-height:20px;
    font-family : Arial,"Helvetica Neue",Tahoma,PingFangSC-Regular,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
    background:#fff;
    min-width: 1200px;
}
.ared{
    color: #DA1D27 !important;
}

.agreen{
    color: #404040 !important;
}

.agray{
	color: #999999 !important;
}
.wrapfix{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}



/* common end */




/* header-start */
.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header:hover{
	background: #ffffff;
}
.header.fixed {
	background: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header.inner {
    background: #FFFFFF;
}
.header:hover .header_cont .logo a,
.header.fixed .header_cont .logo a,
.header.inner .header_cont .logo a{
	background-image: url(../images/logo_02.png); 
}
.header:hover .nav_list>li>a,
.header.fixed .nav_list>li>a,
.header.inner .nav_list>li>a{
	color: #333333;
}
.header:hover .icon_search,
.header.fixed .icon_search,
.header.inner .icon_search{
	background-image: url(../images/ic_search_02.png);
}
.header_cont{
	width: 1440px;
    height: 80px;
	box-sizing: content-box;
    margin: 0 auto;
}
.header_cont .logo{
    width: 260px;
    height: 80px;
	float: left;
}
.header_cont .logo a{
    display: block;
    width: 100%;
    height: 80px;
    background: url(../images/logo_01.png) no-repeat left center;
	background-size: auto 36px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header_search{
    padding: 30px 0;
	float: right;
	height: 20px;
	width: 20px;
	margin-left: 44px;
}
.icon_search{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/ic_search_01.png) no-repeat center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header_nav{
    float: right;
}
.nav_list{
    font-size: 0;
	height: 80px;
}
.nav_list>li{
	float: left;
	margin-left: 44px;
	position: relative;
}
.nav_list>li:first-child{
	margin-left: 0 !important;
}
.nav_list>li>a{
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 80px;
	height: 80px;
    font-weight: normal;
    position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.nav_list>li:hover>a{
    color: #DA1D27 !important;
}
.nav_list>li.act>a{
	color: #DA1D27 !important;
}
.nav_subbox{
	width: 124px;
	background: #ffffff;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -62px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.nav_subbox:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent #DA1D27;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.nav_sublist li a{
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.nav_sublist li a:hover{
	color: #ffffff;
	background: #DA1D27 !important;
}
.nav_list>li:hover .nav_subbox{
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width:1440px){
	.header_cont{
		width: 1200px;
	}
}


.mobile_header{
	display: none;
}


/* header-end */


/* footer-start */
.footer{
	background: #F4F4F4;
}
.foot_topbox{
	padding: 60px 0 37px;
}
.footer .wrapfix{
	width: 1440px;
}
.fd_link_wrap{
	float: right;
	width: 240px;
}
.fd_link_wrap p{
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 12px;
}
.fd_linkbox{
	border: 1px solid rgba(51, 51, 51, 0.05);
	border-radius: 4px;
	box-sizing: border-box;
	height: 36px;
	position: relative;
	background: #F4F4F4;
}
.fd_linkbox .value{
	position: relative;
	padding: 7px 40px 7px 19px;
	line-height: 20px;
	font-size: 14px;
	color: #333333;
	box-sizing: border-box;
	height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
.fd_linkbox .value:after{
	content: "";
	width: 14px;
	height: 9px;
	background: url(../images/fd_arrow.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 14px;
	z-index: 50;
}
.fd_linkbox .list{
	width: 100%;
	border: 1px solid rgba(51, 51, 51, 0.05);
	background: #ffffff;
	border-radius: 4px;
	overflow: auto;
	max-height: 150px;
	position: absolute;
	top: 35px;
	left: -1px;
	z-index: 50;
}
.fd_linkbox .list li a{
	display: block;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}
.fd_linkbox .list li a img{
	display: block;
	height: 20px;
}
.fd_linkbox.on{
	background: #ffffff;
}
.foot_csinfo{
	font-size: 14px;
	line-height: 24px;
	color: rgba(51, 51, 51, 0.65);
	margin-right: 260px;
}
.foot_csinfo h5{
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #333333;
}
.foot_csinfo .ic_tel{
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/icon-tel.png) no-repeat center;
	background-size: 100%;
	vertical-align: top;
	position: relative;
	top: 3px;
	margin-right: 8px;
}
.foot_csinfo .tel_num{
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	color: #333333;
	margin: 8px 0 16px;
}
.foot_bottombox{
	padding: 30px 0;
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	border-top: 1px solid rgba(153, 153, 153, 0.1);
}
.foot_bottombox span{
	margin-right: 20px;
}
.foot_bottombox img{
	vertical-align: top;
	margin-right: 6px;
}

@media screen and (max-width:1440px){
	.footer .wrapfix{
		width: 1200px;
	}
}

/* footer-end */



/* 浮动按钮-start  */
.float_link{
	width: 44px;
	height: 138px;
	position: fixed;
	right: 4px;
	top: 50%;
	margin-top: -69px;
	z-index: 200;
}
.float_link ul li{
	margin-top: 2px;
	height: 44px;
	position: relative;
}
.float_link ul li a{
	display: block;
	height: 44px;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.float_link ul li a.f_code_link{
	background: #ffffff;
}
.float_link ul li a.f_online_cs{
	background: #ffffff;
}
.float_link ul li a.f_top_back{
	background: #666666;
}
.float_link ul li a.f_top_back:hover{
	background: #DA1D27;
}
.float_link ul li a.f_code_link i,
.float_link ul li a.f_online_cs i{
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -13px 0 0 -13px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.float_link ul li a.f_code_link i{
	background: url(../images/float_ic01.png) no-repeat center;
}
.float_link ul li a.f_online_cs i{
	background: url(../images/float_ic02.png) no-repeat center;
}
.float_link ul li a.f_top_back i{
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/float_ic03.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}

/* 浮动按钮-end  */


/* index-start */
.section{
	padding-top: 80px;
}
.section.hm_section{
	padding-top: 0;
}
.banner_box{
	height: 600px;
	overflow: hidden;
	position: relative;
}
.pc_banner_box{
	display: block;
	height: 600px;
	overflow: hidden;
	position: relative;
}
.h5_banner_box{
	display: none;
}
.banner_box .swiper-container{
	height: 600px;
	overflow: hidden;
	position: relative;
}
.banner_box .bg{
	display: block;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner_box .bg.pc{
	display: block;
}
.banner_box .bg.h5{
	display: none;
}
.ban_txt{
	width: 100%;
	position: absolute;
	top: 27.5%;
	left: 0;
	z-index: 50;
}
.ban_txt .wrapfix{
	width: 1440px;
}
.ban_txt h2{
	font-size: 60px;
	line-height: 84px;
	font-weight: 500;
	color: #000000;
}
.ban_txt p{
	font-size: 26px;
	line-height: 36px;
	color: #394956;
	margin-top: 8px;
	text-transform: uppercase;
}
.com_span{
	color: #DA1D27;
}
.ban_dot{
    position: absolute;
    left: 0;
    bottom:210px !important;
    width: 100%;
    padding: 0;
    height: 10px;
    font-size: 0;
    line-height: 0;
    text-align: left;
	z-index: 50;
}
.ban_dot .wrap{
	width: 1440px;
	margin: 0 auto;
}
.ban_dot span{
    position:relative;
    display: inline-block;
    vertical-align: top;
	border-radius: 0 !important;
	opacity: 1 !important;
    margin: 0 12px 0 0 !important;
    width: 10px;
    height: 10px;
    background: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.ban_dot span.swiper-pagination-bullet-active{
   width: 30px !important;
   background: #DA1D27;
}
.fast_navbox{
	width: 100%;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 100;
}
.fast_navlist{
	width: 1440px;
	margin: 0 auto;
	height: 130px;
	background: rgba(255, 255, 255, 0.94);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	display: flex;
}
.fast_navlist li{
	flex: 1;
}
.fast_navlist li a{
	display: block;
	position: relative;
	box-sizing: border-box;
	height: 130px;
	padding: 39px 0 0 60px;
	color: #000000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fast_navlist li a i{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fast_navlist li a i.ic_01{
	background: url(../images/fast_ic01.png) no-repeat center;
}
.fast_navlist li a i.ic_02{
	background: url(../images/fast_ic02.png) no-repeat center;
}
.fast_navlist li a i.ic_03{
	background: url(../images/fast_ic03.png) no-repeat center;
}
.fast_navlist li a h5{
	margin-left: 70px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	position: relative;
	z-index: 5;
}
.fast_navlist li a p{
	margin-left: 70px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 3px;
	color: #999999;
	position: relative;
	z-index: 5;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fast_navlist li a:before{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(294.86deg, #F43A43 31.66%, #DA1D27 100%);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fast_navlist li:hover a,
.fast_navlist li:hover a p{
	color: #ffffff;
}
.fast_navlist li:hover a i.ic_01{
	background-image: url(../images/fast_ic01_on.png);
}
.fast_navlist li:hover a i.ic_02{
	background-image: url(../images/fast_ic02_on.png);
}
.fast_navlist li:hover a i.ic_03{
	background-image: url(../images/fast_ic03_on.png);
}
.fast_navlist li:hover a:before{
	visibility: visible;
	opacity: 1;
}
.home_module .wrapfix{
	width: 1440px;
}
.home_module.mod_01{
	padding: 100px 0;
}
.home_md_title{
	margin-bottom: 40px;
}
.home_md_title h2{
	padding-left: 26px;
	font-size: 40px;
	line-height: 56px;
	font-weight: 600;
	color: #333333;
	position: relative;
}
.home_md_title h2:before{
	content: "";
	width: 6px;
	height: 38px;
	background: #DA1D27;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 0;
}
.cm_introbox{
	background: #F9F9F9;
	position:relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cm_introbox .pic{
	float: right;
	margin-top: -162px;
	margin-left: 40px;
}
.cm_introbox .pic img{
	height: 762px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.cm_introbox .cont{
	padding: 80px 0 0 60px;
	box-sizing: border-box;
	height: 600px;
}
.cm_introbox .cont h5{
	font-size: 32px;
	line-height: 44px;
	font-weight: 600;
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.cm_introbox .cont .info{
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}
.cm_introbox:hover{
	background: #ffffff;

}
.cm_introbox:hover .pic img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.cm_introbox:hover h5{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.data_dlbox{
	margin-top: 40px;
	display: flex;
}
.data_dlbox dl{
	padding-left: 41px;
	margin-left: 50px;
	position: relative;
}
.data_dlbox dl:before{
	content: "";
	width: 1px;
	background: #E0E0E0;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
}
.data_dlbox dl:first-child{
	padding-left: 0;
	margin-left: 0;
}
.data_dlbox dl:first-child:before{
	display: none;
}
.data_dlbox dl dd{
	height: 52px;
	line-height: 52px;
	color: #DA1D27;
	font-size: 48px;
}
.data_dlbox dl dt{
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}
.btn_wrap{
	margin-top: 64px;
}
.more_btn{
	display: inline-block;
	vertical-align: top;
	width: 148px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background: linear-gradient(294.86deg, #F43A43 31.66%, #DA1D27 100%);
}
.more_btn:hover{
	background: #DA1D27;
}
.service_lylist{
	display: flex;
}
.service_lylist li{
	flex: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}
.service_lylist li a{
	display: block;
	position: relative;
	padding-bottom: 200px;
}
.service_lylist li .bg{
	width: 100%;
	height: 680px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.service_lylist li.s1 .bg{
	background-image: url(../images/sv_img01.png);
}
.service_lylist li.s2 .bg{
	background-image: url(../images/sv_img02.png);
}
.service_lylist li.s3 .bg{
	background-image: url(../images/sv_img03.png);
}
.service_lylist li.s4 .bg{
	background-image: url(../images/sv_img04.png);
}
.service_lylist li.s5 .bg{
	background-image: url(../images/sv_img05.png);
}
.service_lylist li .cont{
	width: 100%;
	height: 200px;
	background: #F9F9F9;
	text-align: center;
	box-sizing: border-box;
	padding: 52px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 50;
}
.service_lylist li .cont:before{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(294.86deg, #F43A43 31.66%, #DA1D27 100%);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.service_lylist li .cont h5{
	font-size: 28px;
	line-height: 40px;
	color: #000000;
	font-weight: 600;
	position: relative;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.service_lylist li .cont p{
	font-size: 16px;
	line-height: 22px;
	color: #999999;
	margin-top: 8px;
	text-transform: uppercase;
	position: relative;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.service_lylist li .cont:after{
	content: "";
	width: 6px;
	height: 6px;
	background: #DA1D27;
	border-radius: 6px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -3px;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.service_lylist li:hover{
	flex: 2.5;
}
.service_lylist li:hover .cont{
	color: #ffffff;
}
.service_lylist li:hover .cont h5,
.service_lylist li:hover .cont p{
	color: #ffffff;
}
.service_lylist li:hover .cont:after{
	background: #ffffff;
	width: 40px;
	margin-left: -20px;
}
.service_lylist li:hover .cont:before{
	opacity: 1;
	visibility: visible;
}
.home_module.mod_03{
	padding: 100px 0;
}
.hm_dt_wrap{
	background: #F9F9F9;
	position: relative;
	height: 500px;
}
.hm_dt_wrap .swiper-container{
	position: relative;
	height: 500px;
}
.hm_dtbox{
	background: #F9F9F9;
}
.hm_dtbox .pic{
	float: right;
	width: 720px;
	margin-left: 60px;
}
.hm_dtbox .pic img{
	display: block;
	width: 100%;
}
.hm_dtbox .cont{
	padding: 60px 0 0 60px;
	height: 500px;
	box-sizing: border-box;
}
.hm_dtbox .cont h5{
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.hm_dtbox .cont h5 a{
	color: #333333;
}
.hm_dtbox .cont h5 a:hover{
	color: #DA1D27;
}
.hm_dtbox .cont .time{
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
.hm_dtbox .cont .info{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.hm_dt_wrap .btn_wrap{
	position: absolute;
	bottom: 60px;
	left: 60px;
	z-index: 50;
}
.hm_dt_wrap .ban_dot{
	width: 100%;
	position: absolute;
	bottom: 138px !important;
	height: 4px;
	left: 60px;
	text-align: left !important; 
}
.hm_dt_wrap .ban_dot span{
	width: 50px;
	height: 4px;
	background: #DFE3E4;
	margin-right: 10px;
}
.hm_dt_wrap .ban_dot span.swiper-pagination-bullet-active{
	width: 50px !important;
	background: #DA1D27;
}

@media screen and (max-width:1440px){
	.ban_txt .wrapfix,
	.ban_dot .wrap,
	.fast_navlist,
	.home_module .wrapfix{
		width: 1200px;
	}
	.cm_introbox .pic{
		margin-top: -143px;
	}
	.cm_introbox .pic img{
		height: 670px;
	}
	.cm_introbox .cont{
		padding: 50px 0 0 50px;
		height: 527px;
	}
	.cm_introbox .cont h5{
		margin-bottom: 30px;
	}
	.btn_wrap{
		margin-top: 40px;
	}
	.service_lylist li a{
		padding-bottom: 160px;
	}
	.service_lylist li .bg{
		height: 540px;
	}
	.service_lylist li .cont{
		padding: 40px 0 0;
		height: 160px;
	}
	.service_lylist li .cont h5{
		font-size: 24px;
		line-height: 32px;
	}
	.service_lylist li .cont p{
		font-size: 14px;
	}
	.service_lylist li .cont:after{
		bottom: 40px;
	}
}

/* index-end */
.page_banner{
	position: relative;
	height: 220px;
	overflow: hidden;
	background: #000000;
}
.page_banner .pic{
	width: 100%;
	overflow: hidden;
}
.page_banner .pic img{
	display: block;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.page_title{
	width: 1200px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -34px;
	left: 50%;
	margin-left: -600px;
	z-index: 50;
}
.page_title h2{
	font-size: 32px;
	font-weight: 500;
	line-height: 44px;
}
.page_title p{
	margin-top: 4px;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}
.path_box{
	width: 1200px;
	margin: 0 auto;
	padding: 18px 0;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.path_box a{
	display: inline-block;
	vertical-align: top;
	padding: 0 7px;
	color: #999999;
}
.path_box a.now{
	color: #666666;
}
.path_box a.home{
	padding-left: 22px;
	background: url(../images/path_home_ic01.png) no-repeat left center;
}
.path_box a:hover{
	color: #DA1D27;
}
.page_layout{
	width: 1200px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}
.p_layout_left{
	width: 270px;
	float: left;
	padding-top: 16px;
	position: relative;
	background: #F9F9F9;
	padding-bottom: 99999px;
	margin-bottom: -99999px;
}
.p_layout_left:before{
	content: "";
	width: 100%;
	height: 16px;
	background: #F43A43;
	background: linear-gradient(294.86deg, #F43A43 31.66%, #DA1D27 100%);
	position: absolute;
	top: 0;
	left: 0;
}
.cm_sidebar_nav{
	padding-bottom: 40px;
}
.cm_sidebar_nav > li{
	position: relative;
}
.cm_sidebar_nav > li:before{
	content: "";
	height: 1px;
	background: #EBEBEB;
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px;
}
.cm_sidebar_nav > li > a{
	display: block;
	padding: 18px 50px 19px 30px;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #333333;
	z-index: 10;
}
.cm_sidebar_nav > li > a:hover{
	color: #DA1D27;
}
.cm_sidebar_nav > li.act:before{
	display: none;
}
.cm_sidebar_nav > li.act > a{
	background: rgba(218, 29, 39, 0.1);
	color: #DA1D27;
}
.cm_sidebar_nav > li.act > a:before{
	content: "";
	width: 5px;
	height: 100%;
	background: #DA1D27;
	position: absolute;
	top: 0;
	left: 0;
}
.cm_sidebar_nav .sub_1{
	background: rgba(218, 29, 39, 0.1);
}
.cm_sidebar_nav .sub_1 > li >a{
	display: block;
	padding: 10px 40px 10px 43px;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}
.cm_sidebar_nav .sub_1 > li >a:before{
	content: "";
	width: 4px;
	height: 4px;
	background: #666666;
	position: absolute;
	top: 20px;
	left: 31px;
}
.cm_sidebar_nav .sub_1 > li.act >a{
	color: #DA1D27;
}
.cm_sidebar_nav .sub_1 > li.act >a:before{
	background: #DA1D27;
}
.cm_sidebar_nav .sub_2{
	padding: 5px 0;
}
.cm_sidebar_nav .sub_2 > li >a{
	display: block;
	padding: 7px 30px 7px 43px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
.cm_sidebar_nav .sub_2 > li.act >a{
	color: #DA1D27;
}
.cm_sidebar_nav li a:hover{
	color: #DA1D27;
}
.cm_sidebar_nav li .arrow{
	width: 12px;
	height: 12px;
	background: url(../images/arrow_down_gray.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 28px;
}
.cm_sidebar_nav li.act > a .arrow{
	background-image: url(../images/arrow_down_red.png);
}
.cm_sidebar_nav > li.act > a .arrow{
	display: block;
}
.p_layout_right{
	margin-left: 270px;
	padding: 16px 0 60px 40px;
	position: relative;
	min-height: 560px;
}
.p_layout_right .path_box{
	width: auto;
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 50;
}
.sub_title{
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 0;
	margin-bottom: 16px;
	position: relative;
}
.sub_title h3{
	padding-left: 14px;
	line-height: 30px;
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	position: relative;
}
.sub_title h3:before{
	content: "";
	width: 6px;
	height: 6px;
	background: #DA1D27;
	position: absolute;
	top: 12px;
	left: 0;
}
.page_box{
	margin: 32px 0 0;
	min-height: 28px;
	text-align: right;
	font-size: 0;
	line-height: 0;
}
.page_box a{
	display: inline-block;
	vertical-align: top;
	min-width: 22px;
	padding: 0 2px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border: 1px solid #EDEDED;
	margin: 0 4px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.page_box a:hover{
	color: #DA1D27;
	border-color: #DA1D27;
}
.page_box a.active,
.page_box a.active:hover{
	border-color: #DA1D27;
	background: #DA1D27;
	color: #ffffff;
}
.page_box .more{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #666666;
	text-align: center;
	vertical-align: top;
	margin: 0 4px;
}
.page_box .jump{
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}
.page_box .jump input{
	height: 20px;
	line-height: 20px;
	width: 46px;
	text-align: center;
	padding: 3px 0;
	border: 1px solid #EDEDED;
	background: none;
	outline: none;
	font-family : Arial,"Microsoft Yahei",sans-serif;
	font-size: 14px;
	color: #666666;
	vertical-align: top;
	margin-left: 10px;
}
.page_box .jump a,
.page_box .jump a:hover{
	width: 28px;
	height: 28px;
	background: #DA1D27;
	border: 0 none;
	color: #fff;
	margin-left: 8px;
}
.page_box a.first,
.page_box a.last{
	width: auto;
	padding: 0 8px;
}

.news_item{
	display: flex;
	color: #333333;
	padding: 16px 0;
	border-bottom: 1px solid #EBEBEB;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.news_item:hover{
	color: #DA1D27;
}
.news_item .pic{
	width: 200px;
	height: 120px;
	overflow: hidden;
	margin-right: 28px;
}
.news_item .pic img{
	display: block;
	width: 100%;
}
.news_item .cont{
	flex: 1;
	width: 100%;
	min-width: 0;
}
.news_item h5{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_item p{
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news_item .time{
	display: block;
	color: #999999;
	margin-top: 12px;
}
.news_item .pic + .cont .time{
	margin-top: 24px;
}
.article_li_item{
	display: flex;
	color: #333333;
	padding: 16px 0;
	border-bottom: 1px solid #EBEBEB;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.article_li_item:hover{
	color: #DA1D27;
}
.article_li_item h5{
	flex: 1;
	min-width: 0;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	margin-right: 60px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.article_li_item .time{
	display: block;
	margin-left: 20px;
	font-size: 14px;
	line-height: 28px;
	color: #999999;
}
.search_wrap .article_li_item:hover{
	color: #333333;
}
.gray_bg{
	background: #F9F9F9;
}
.section.gray_bg{
	padding-bottom: 20px;
}
.com_cont{
	width: 1200px;
	background: #ffffff;
	margin: 0 auto;
}
.article_page{
	padding: 50px 100px;
}
.article_title{
	margin-bottom: 50px;
}
.article_title h2{
	font-size: 28px;
	font-weight: 500;
	line-height: 40px;
	color: #000000;
}
.article_title .info{
	margin-top: 20px;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}
.article_title .info span{
	margin-right: 20px;
}
.article_title .info span b{
	font-weight: normal;
	color: #000000;
}
.article_cont{
	font-size: 18px;
	line-height: 1.6;
	color: #000000;
}
.article_cont table,
.article_cont table th,
.article_cont table td{
	border: 1px solid #aaa;
}
.article_cont p{
	margin: 15px 0;
}
.article_cont .img{
	display: block;
	margin: 30px auto;
	max-width: 100% !important;
}
.article_cont img{
	display: block;
	margin: 30px auto;
	max-width: 100% !important;
}
.hz_ctbox .ban_dot{
	width: auto;
	text-align: center;
	position: relative;
	bottom: 0 !important;
	left: 0;
	margin: 16px 0 0;
}
.hz_ctbox .ban_dot span{
	background: #EBEBEB;
}
.hz_ctbox .ban_dot span.swiper-pagination-bullet-active{
	background: #DA1D27;
}
.hz_ctbox .swiper-container{
	border: 1px solid #EBEBEB;
	overflow: hidden;
	position: relative;
}
.hz_prevbtn,
.hz_nextbtn{
	display: block;
	width: 28px;
	height: 50px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 50;
}
.hz_prevbtn{
	left: 10px;
}
.hz_nextbtn{
	right: 10px;
}
.hz_prevbtn i,
.hz_nextbtn i{
	content: "";
	width: 12px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.hz_prevbtn i{
	background: url(../images/sp_prev_btn.png) no-repeat center;
}
.hz_nextbtn i{
	background: url(../images/sp_next_btn.png) no-repeat center;
}
.hz_prevbtn:hover i{
	background-image: url(../images/sp_prev_btn_on.png);
}
.hz_nextbtn:hover i{
	background-image: url(../images/sp_next_btn_on.png);
}
.hz_prevbtn.swiper-button-disabled,
.hz_nextbtn.swiper-button-disabled{
	opacity: 0.3;
}
.hz_prevbtn.swiper-button-disabled:hover i{
	background-image: url(../images/sp_prev_btn.png);
}
.hz_nextbtn.swiper-button-disabled:hover i{
	background-image: url(../images/sp_next_btn.png);
}
.hz_list{
	padding: 6px 18px;
}
.hz_list li{
	width: 25%;
	box-sizing: border-box;
	float: left;
}
.hz_item{
	background: #ffffff;
	padding: 16px 6px;
}
.hz_item .icon{
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
}
.hz_item .icon img{
	display: block;
	width: 100%;
}
.hz_item h5{
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
}
.page_cont{
	padding: 48px 0;
}
.cus_ctbox .title{
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 24px;
}
.cus_list{
	margin: -12px;
}
.cus_list li{
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding: 12px;
}
.cus_list li .item{
	background: #F9F9F9;
	padding: 40px 80px 0 40px;
	box-sizing: border-box;
	min-height: 136px;
	display: flex;
	color: #000000;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cus_list li .item .icon{
	display: block;
	width: 56px;
	height: 56px;
	margin-right: 20px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.cus_list li .item .icon img{
	display: block;
	width: 100%;
}
.cus_list li .item .cont{
	flex: 1;
	width: 100%;
	word-break: break-all;
}
.cus_list li .item .cont h5{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 8px;
}
.cus_list li .item .cont p{
	font-size: 16px;
	line-height: 22px;
}
.cus_list li .item:hover{
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.cus_list li .item:hover .icon{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.cus_map_box{
	height: 540px;
	overflow: hidden;
	background: #f9f9f9;
	margin-top: 24px;
}
.cus_map_box > img{
	display: block;
	width: 100%;
}
.sub_title.no_border{
	border-bottom: 0 none;
}
.zn_introbox{
	background: #F9F9F9;
}
.zn_introbox .pic{
	overflow: hidden;
}
.zn_introbox .pic img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.zn_introbox:hover .pic img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.zn_introbox .cont{
	padding: 40px;
	font-size: 16px;
	line-height: 22px;
	color: #666666;
}
.zn_introbox .cont h5{
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 16px;
}
.zn_layout{
	display: flex;
	margin-top: 24px;
}
.zn_layout .row_01{
	flex: 1;
	width: 100%;
	box-sizing: border-box;
	background: #F9F9F9;
}
.zn_layout .row_01 .title{
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 35px;
	font-weight: 500;
}
.zn_layout .row_01 .title span{
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	padding: 0 16px;
	background: #DA1D27;
	border-bottom-right-radius: 15px;
}
.zn_layout .row_01 .pic{
	text-align: center;
	padding: 0 15px 30px;
}
.zn_layout .row_01 .pic img{
	max-width: 100%;
	vertical-align: top;
}
.zn_layout .row_01 .cont{
	background: #DA1D27;
	padding: 24px;
	color: #ffffff;
}
.zn_layout .row_01 .cont h5{
	text-align: center;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 12px;
}
.zn_layout .row_01 .cont p{
	font-size: 14px;
	line-height: 16px;
}
.zn_layout .row_02{
	box-sizing: border-box;
	background: #F9F9F9;
	width: 453px;
	padding: 60px 30px 50px 20px;
	margin-left: 4px;
	min-height: 465px;
}
.zn_td_box{
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	margin-top: 25px;
}
.zn_td_box:first-child{
	margin-top: 0;
}
.zn_td_box h5{
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 7px;
	font-weight: 600;
	color: #DA1D27;
}
.zn_td_box ul li{
	padding-left: 14px;
	margin-top: 8px;
	position: relative;
}
.zn_td_box ul li:first-child{
	margin-top: 0;
}
.zn_td_box ul li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #999999;
	position: absolute;
	top: 7px;
	left: 0;
}
.article_li_item .tag_span{
	font-size: 16px;
	line-height: 28px;
	margin-left: 20px;
	color: #333333;
}
.search_main{
	padding-bottom: 90px;
}
.search_topbox{
	padding: 50px 0;
	background: url(../images/search_bg.png) no-repeat center;
	background-size: cover;
}
.search_box{
	height: 56px;
	position: relative;
}
.search_box input{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 140px 14px 73px;
	border: 0 none;
	background: #ffffff;
	border-radius: 4px;
	font-size: 20px;
	line-height: 28px;
	font-family : Arial,"Helvetica Neue",Tahoma,PingFangSC-Regular,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
	color: #333333;
	outline: none;
}
.search_box .icon{
	width: 24px;
	height: 24px;
	background: url(../images/ic_search_03.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 24px;
	z-index: 10;
}
.search_box .btn{
	display: block;
	width: 120px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	background: #DA1D27;
	border-radius: 0 4px 4px 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 50;
}
.search_box .btn:hover{
	background: #F43A43;
}

.tab_ul_wrap {

    border-bottom: 1px solid #F1F1F1;
}
.tab_ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.tab_ul li {
    float: left;
    margin-right: 60px;
}
.tab_ul li:last-child{
	margin-right: 0 !important;
}
.tab_ul li a {
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #666666;
    position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.tab_ul li.act a{
	font-weight: 600;
}
.tab_ul li.act a,
.tab_ul li a:hover {
    color: #DA1D27;
}
.tab_ul li.act a:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #DA1D27;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.fixed_tab{
	height: 71px;
}
.fixed_tab .tab_ul_wrap.fixed{
	background: #fff;
	position: fixed;
	top: 80px;
	left: 0;
    right: 0;
	z-index: 200;
}
.search_wrap{
	padding-top: 44px;
}
.search_wrap .sub_title{
	position: relative;
	padding-top: 0;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.search_wrap .article_li_item{
	padding: 23px 0;
}
.more_link {
    display: inline-block;
    font-size: 16px;
	line-height: 22px;
    color: #666666;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.more_link i{
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #DADADA;
	margin-left: 7px;
	position: relative;
	top: 6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.more_link:hover {
    color: #DA1D27;
}
.more_link:hover i{
	border-left-color: #DA1D27;
} 
.sub_title .more_link{
	position: absolute;
	top: 4px;
	right: 0;
	z-index: 50;
}
.keyword{
	color: #DA1D27 !important;
}
.service_page{
	padding: 40px 0;
	background: url(../images/cs_bg.png) no-repeat center;
	background-size: cover;
}
.service_ctbox{
	background: #ffffff;
	box-sizing: border-box;
	padding: 30px 50px 40px;
	width: 630px;
	float: right;
}
.service_ctbox h2{
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 30px;
}
.p_input_item{
	padding-right: 20px;
	margin-top: 12px;
	position: relative;
	display: flex;
}
.p_input_item:first-child{
	margin-top: 0;
}
.p_input_item .tit{
	display: block;
	width: 100px;
	text-align: right;
	line-height: 40px;
	font-size: 16px;
	color: #333333;
	margin-right: 20px;
}
.p_input_item .ct{
	flex: 1;
	width: 100%;
	position: relative;
}
.p_input_item .t1{
	display: block;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #F9F9F9;
	background: #F9F9F9;
	font-size: 16px;
	line-height: 22px;
	padding: 8px 11px;
	color: #333333;
	outline: none;
	font-family : Arial,"Helvetica Neue",Tahoma,PingFangSC-Regular,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
}
.p_input_item .t1:focus{
	background: #ffffff;
	border-color: #dddddd;
}
.p_input_item .tarea1{
	display: block;
	width: 100%;
	height: 62px;
	box-sizing: border-box;
	border: 1px solid #F9F9F9;
	background: #F9F9F9;
	font-size: 16px;
	line-height: 22px;
	padding: 8px 11px;
	color: #333333;
	outline: none;
	resize: none;
	overflow: auto;
	font-family : Arial,"Helvetica Neue",Tahoma,PingFangSC-Regular,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
}
.p_input_item .ct.spel{
	padding-right: 120px;
}
.code_img{
	width: 115px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 50;
}
.code_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.service_btnwrap{
	margin-top: 33px;
	text-align: center;
}
.p_button{
	display: inline-block;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	padding: 0 30px;
	min-width: 200px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	background: #DA1D27;
	background-image: linear-gradient(294.86deg, #F43A43 31.66%, #DA1D27 100%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.p_button:hover{
	background: #DA1D27;
}
.cm_introbox.spel{
	background: none;
	margin-top: 45px;
}
.cm_introbox.spel .pic{
	width: 317px;
	margin-top: 0;
	margin-left: 50px;
}
.cm_introbox.spel .pic img{
	display: block;
	width: 100%;
	height: auto;
}
.cm_introbox.spel .cont{
	padding: 0;
}
.cm_introbox.spel .cont h5{
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 30px;
}
.cm_introbox.spel .cont .info{
	margin-top: 40px;
}

.cm_introbox.spel .cont .info p{
	margin-top: 30px;
}
.cm_introbox.spel .cont .info p:first-child{
	margin-top: 0;
}
.cm_introbox.spel .data_dlbox dl dd{
	font-size: 40px;
}
.honor_cmlist{
	margin: -15px;
}
.honor_cmlist li{
	box-sizing: border-box;
	width: 33.33333%;
	padding: 15px;
	float: left;
}
.honor_cmitem{
	display: block;
	width: 100%;
	cursor: pointer;
	position: relative;
}
.honor_cmitem .pic{
	height: 197px;
	overflow: hidden;
	position: relative;
}
.honor_cmitem .pic img{
	display: block;
	width: 100%;
}
.honor_cmitem .wrap{
	display: block;
	text-align: center;
	padding: 15px 35px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.honor_cmitem .pic:before{
	content: "";
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 2px solid #F33842;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
.honor_cmitem:hover .pic:before{
	opacity: 1;
	visibility: visible;
}
.honor_cmitem h5{
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #DA1D27;
}
.honor_cmitem .time{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #DA1D27;
}
.honor_cmitem .p1{
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-top: 12px;
}
.zzjg_img{
	padding: 20px 0;
}
.zzjg_img img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.year_process_detail{
	margin-top: 30px;
}
.year_detail{
	width: 670px;
	float: left;
}
.year_tab{
	float: right;
    width: 127px;
    padding: 60px 0 30px;
    position: relative;
}
.year_tab {
    float: right;
    width: 127px;
    padding: 60px 0 30px;
    position: relative;
}
.year_tab .year {
    line-height: 32px;
    font-size: 24px;
    font-family: arial;
    padding: 15px 0;
    border-left: 1px dashed #DADADA;
    position: relative;
}
.year_tab .year p {
    cursor: pointer;
    padding-left: 28px;
    position: relative;
    color: #666;
    top: -22px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.year_tab .year p:hover ,
.year_tab .year.active p {
    color: #DA1D27;
}
.year_tab .year p:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/dot_gray.png) no-repeat center;
    position: absolute;
    top: 6px;
    left: -11px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.year_tab .year.active p:before , .year_tab .year p:hover:before {
    background: url(../images/dot_active.png) no-repeat center;
}
.year_tab .hide_year {
    height: 25px;
    padding-bottom: 20px;
    overflow: hidden;
    border-left: 1px dashed #DADADA;
}
.year_tab .hide_year.show {
    height: auto;
    padding: 0;
    overflow: inherit;
}
.year_tab .hide_year .more {
    display: block;
    height: 25px;
    cursor: pointer;
    margin-top: -10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: url(../images/dot_more.png) no-repeat center;
}
.year_tab .hide_year .more:hover {
    background: url(../images/dot_more2.png) no-repeat center;
}
.year_tab .hide_year.show .more {
    display: none;
}
.year_tab .hide_year .year {
    display: none;
}
.year_tab .hide_year.show .year {
    display: block;
}
.year_detail .year{
	font-size: 24px;
	font-weight: normal;
	line-height: 33px;
	color: #DA1D27;
	margin-bottom: 25px;
}
.develop_info{
	margin-left: 13px;
	border-left: 1px solid #DADADA;
}
.develop_info .month{
	padding: 0px 0 5px;
	position: relative;
}
.develop_info .month span{
	display: inline-block;
	vertical-align: top;
	height: 26px;
	line-height: 26px;
	padding: 0 15px 0 13px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	background: #DA1D27;
	position: relative;
}
.develop_info .month span:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 14px 13px 0;
	border-color: transparent #DA1D27 transparent transparent;
	position: absolute;
	top: 0;
	left: -14px;
}
.develop_info .month span:after{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: -3px;
}
.develop_list{
	padding-bottom: 10px;
}
.develop_list li{
	padding: 7px 0 8px 15px;
	font-size: 15px;
	line-height: 24px;
	position: relative;
	min-height: 24px;
}
.develop_list li:after{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #DA1D27;
	position: absolute;
	top: 16px;
	left: -3px;
}
.ui_dropdown{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #E5E5E5;
	background: #f9f9f9;
	height: 43px;
	position: relative;
}
.ui_dropdown .value{
	height: 43px;
	padding: 0 36px 0 19px;
	line-height: 43px;
	font-size: 16px;
	color: #333;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ui_dropdown .value:after{
	content: "";
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-style: solid;
    border-width: 8px 7px 0;
    border-color: #999 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    z-index: 50;
}
.ui_dropdown .value.on:after{
	border-width: 0 7px 8px;
    border-color: transparent transparent #999;
}
.ui_dropdown .value .default{
	color: #999;
}
.ui_dropdown .list{
	border: 1px solid #E5E5E5;
	background: #F9F9F9;
	width: 100%;
	max-height: 280px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
	overflow: auto;
	position: absolute;
	top: 43px;
	left: -1px;
	z-index: 50;
}
.ui_dropdown .list ul li{
	padding: 10px 19px;
	line-height: 22px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
}
.ui_dropdown .list ul li:hover{
	background: #efeeea;
}
.sele_w2{
	width: 198px;
}
.year_select{
	clear: both;
	display: none;
	visibility: hidden;
	margin-bottom: 25px;
}
.year_select .ui_dropdown .value{
	font-size: 18px;
}
.fzzn_item{
	margin-bottom: 24px;
	background: #F9F9F9;
	overflow: hidden;
	margin-right: 1px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fzzn_item .pic{
	width: 50%;
	overflow: hidden;
}
.fzzn_item .pic img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.fzzn_item .cont{
	box-sizing: border-box;
	width: 50%;
	padding: 80px 60px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.fzzn_item .cont h5{
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 16px;
}
.fzzn_item:hover{
	background: #ffffff;
	box-shadow: -4px 4px 10px rgba(0,0,0,0.1);
}
.fzzn_item:hover .pic img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.fzzn_item:hover .cont{
	color: #333333;
}
.ys_cmbox .title{
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #DA1D27;
	margin-bottom: 32px;
	display: flex;
	align-items: center;
}
.ys_cmbox .title:before,
.ys_cmbox .title:after{
	content: "";
	display: block;
	flex: 1;
	height: 1px;
}
.ys_cmbox .title:before{
	background: linear-gradient(270deg, #DA1D27 0%, rgba(218, 29, 39, 0) 100%);
}
.ys_cmbox .title:after{
	background: linear-gradient(90deg, #DA1D27 0%, rgba(218, 29, 39, 0) 100%);
}
.ys_cmbox .title span{
	display: block;
	padding: 0 48px;
	position: relative;
}
.ys_cmbox .title span:before,
.ys_cmbox .title span:after{
	content: "";
	width: 32px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
}
.ys_cmbox .title span:before{
	background: url(../images/ys_titdtar.png) no-repeat center;
	left: 5px;
}
.ys_cmbox .title span:after{
	background: url(../images/ys_titdtar2.png) no-repeat center;
	right: 5px;
}

.ys_cmlist{
	margin: -11px;
}
.ys_cmlist li{
	width: 25%;
	box-sizing: border-box;
	padding: 11px;
	float: left;
}
.ys_cm_item{
	background: #F9F9F9;
	min-height: 466px;
	border-radius: 6px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ys_cm_item h5{
	box-sizing: border-box;
	height: 134px;
	padding-top: 29px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	background: url(../images/ys_bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ys_cm_item h5 img{
	display: block;
	width: 36px;
	margin: 0 auto 9px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.ys_cm_item .cont{
	padding: 24px 20px 20px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
}
.ys_cm_item:hover{
	background: #ffffff;
	box-shadow: -4px 4px 10px rgba(0,0,0,0.1);
}
.ys_cm_item:hover h5{
	background-size: 150% 100%;
}
.ys_cm_item:hover h5 img{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.ft_link_wrap{
	width: 447px;
	float: right;
}
.ft_link_wrap .item{
	width: 206px;
	float: left;
	margin-left: 35px;
}
.ft_link_wrap .item:first-child{
	margin-left: 0;
}
.ft_link_wrap .item h5{
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 8px;
}
.ft_link_wrap .item .cont a{
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ft_link_wrap .item .cont a:hover{
	color: #DA1D27;
}
.foot_csinfo{
	margin-right: 450px;
	color: #333333;
}
.foot_logo{
	height: 45px;
	margin-bottom: 28px;
}
.foot_logo img{
	height: 100%;
}
.f_code_ly{
	width: 108px;
	padding: 6px;
	background: #ffffff;
	border: 1px solid #F1F1F1;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
	position: absolute;
	top: 50%;
	margin-top: -71px;
	right: 60px;
	z-index: 50;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	visibility: hidden;
}
.f_code_ly:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -10px;
}
.f_code_ly .pic img{
	display: block;
	width: 108px;
	height: 108px;
}
.f_code_ly p{
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}
.float_link ul li:hover .f_code_ly{
	opacity: 1;
	visibility: visible;
}
.dialog_overlay{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.24);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2999;
}
.honor_layer{
	width: 590px;
	background: #FFFFFF;
	position: fixed;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -295px;
	z-index: 3000;
}
.honor_layer .close{
	width: 26px;
	height: 26px;
	background: url(../images/dg_close.png) no-repeat center;
	background-size: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 50;
}
.honor_sp_wrap{
	position: relative;
	padding: 40px 0;
}
.honor_sp_wrap .swiper-container{
	position: relative;
}
.honor_sp_wrap .honor_cmitem{
	width: 450px;
	height: 320px;
	margin: 0 auto;
}
.honor_sp_wrap .honor_cmitem .pic{
	height: 320px;
}
.honor_sp_wrap .honor_cmitem .wrap{
	padding: 50px 55px;
}
.honor_sp_wrap .honor_cmitem h5{
	font-size: 32px;
	line-height: 46px;
}
.honor_sp_wrap .honor_cmitem .time{
	font-size: 23px;
	line-height: 40px;
}
.honor_sp_wrap .honor_cmitem .p1{
	font-size: 23px;
	line-height: 32px;
	margin-top: 20px;
}
.honor_sp_wrap .honor_cmitem:hover .pic:before{
	opacity: 0;
	visibility: hidden;
}
.img_sp_prev,
.img_sp_next{
	width: 28px;
	height: 50px;
	background: #999999;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 50;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.img_sp_prev{
	border-radius: 0 6px 6px 0;
	left: 0;
}
.img_sp_next{
	border-radius: 6px 0 0 6px;
	right: 0;
}
.img_sp_prev i,
.img_sp_next i{
	width: 12px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -6px;
}
.img_sp_prev i{
	background: url(../images/img_sp_prev.png) no-repeat center;
}
.img_sp_next i{
	background: url(../images/img_sp_next.png) no-repeat center;
}
.img_sp_prev:hover,
.img_sp_next:hover{
	background: #DA1D27;
}
.img_sp_prev.swiper-button-disabled,
.img_sp_next.swiper-button-disabled{
	opacity: 0.3;
}
.img_sp_prev.swiper-button-disabled:hover,
.img_sp_next.swiper-button-disabled:hover{
	background: #999999;
}
.year_tabnav{
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	height: 64px;
	position: relative;
}
.year_tabnav:before{
	content: "";
	width: 100%;
	height: 0;
	border-bottom: 1px dashed #DADADA;
	position: absolute;
	bottom: 14px;
	left: 0;
}
.year_tabnav .swiper-container{
	width: 100%;
	overflow: hidden;
}
.year_tabnav .year_navitem{
	padding: 0 10px;
	width: auto;
	text-align: center;
}
.year_tabnav .year_navitem span{
	display: block;
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 36px;
	height: 64px;
	line-height: 20px;
	color: #999999;
	font-size: 20px;
	width: 76px;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 10;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.year_tabnav .year_navitem span:hover{
	color: #DA1D27;
}
.year_tabnav .year_navitem span:before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: url(../images/dot_gray.png) no-repeat center;
	position: absolute;
	bottom: 11px;
	left: 50%;
	margin-left: -4px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.year_tabnav .year_navitem span:hover:before{
	background-image: url(../images/dot_active.png);
}
.year_tabnav .year_navitem.active span{
	padding-top: 0;
	line-height: 28px;
	color: #DA1D27;
	font-weight: 600;
	font-size: 28px;
}
.year_tabnav .year_navitem.active span:before{
	width: 20px;
	height: 20px;
	background: url(../images/dot_active.png) no-repeat center;
	bottom: 5px;
	margin-left: -10px;
}
.year_tab_item{
	min-height: 400px;
}