.header{
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1920px;
	z-index: 9999;
	padding: 0px 35px;
	background-color: rgba(255,255,255,0.45);
}
.logo{
	padding:21px 0;
}
.nav{
	padding: 26px 0 50px 0;
	position: absolute;
	z-index: 99999;
	right: 35px;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.nav-text{
	color: #203f77;
	font-size: 14px;
}
.btn-nav{
	padding-left: 8px;
}
.btn-nav .icon-bar{
	display: block;
	width: 40px;
	height: 2px;
	background-color: #203f77;
	margin-top: 8px;
	transition: all .7s ease;
}
.animated .nav-text{
	color: #FFFFFF;
}
.animated .icon-bar {
    
	z-index: 999999;
    
	background-color: #FFFFFF;

}
.animated .top {
    
	-webkit-transform: translateY(10px) rotateZ(45deg);
    
	-moz-transform: translateY(10px) rotateZ(45deg);
    
	-ms-transform: translateY(10px) rotateZ(45deg);
    
	-o-transform: translateY(10px) rotateZ(45deg);
    
	transform: translateY(10px) rotateZ(45deg);

}
.animated .middle {
    
	width: 0;

}
.animated .bottom {
    
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
    
	-moz-transform: translateY(-11px) rotateZ(-45deg);
    
	-ms-transform: translateY(-11px) rotateZ(-45deg);
    
	-o-transform: translateY(-11px) rotateZ(-45deg);
    
	transform: translateY(-11px) rotateZ(-45deg);

}
.nav-content {
    
	position: fixed;
    
	top: -100%;
       
	display: block;
 
    
	z-index: 9;
    
	overflow: hidden;

}
.nav-list {
    
	padding: 0;
    
	position: relative;

	z-index: 3000;
	width: 900px;
	left:50%;
	margin-left:-400px;

}
.nav-item {
    
	float:left;
	line-height:90px;
	margin:0 16px;

}
.item-anchor {
    
	/*color:#fff!important;*/
	color:#203f77!important;
	font-size: 20px;
    
	text-transform: uppercase;
    
	position: relative;
    
	text-decoration: none;
    
	padding: 10px;

}
.item-anchor:hover{
	color:#fff!important;
}
.item-anchor:after {
    
	content: "";
    
	position: absolute;
    
	width: 3px;
    
	height: 3px;
    
	left: 0;
    
	bottom: 0;
    
	z-index: 9;
    
	background: transparent;
    
	-webkit-transition: all 1s ease;
    
	-moz-transition: all 1s ease;
    
	-ms-transition: all 1s ease;
    
	-o-transition: all 1s ease;
    
	transition: all 1s ease;

}
.item-anchor:hover:after, .item-anchor:focus:after{ 
	width: 100%; 
	background: #ffffff; 
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-ms-transition: all 1s ease; 
	-o-transition: all 1s ease; 
	transition: all 1s ease; 
}

/* 导航展开动画 */
 @keyframes showNav {
	 100% { top: 0; height:90px; width:100vw;} 
} 
@-webkit-keyframes showNav { 
	100% { top: 0; height:90px; width:100vw;}
} 
@-moz-keyframes showNav { 
	100% { top: 0; height:90px; width:100vw;} 
} 
@-o-keyframes showNav { 
	100% { top: 0; height:90px; width:100vw;} 
}
.showNav {
    
	-webkit-animation: showNav 0.2s ease forwards;
    
	-moz-animation: showNav 0.2s ease forwards;
    
	-o-animation: showNav 0.2s ease forwards;
    
	animation: showNav 0.2s ease forwards;

}
/* 导航关闭动画 */
 @keyframes hideNav { 
	from { top: 0; width:100vw;} to { top: -100%; width:100vw;} 
} 
@-webkit-keyframes hideNav { 
	from { top: 0; width:100vw;} to { top: -100%; width:100vw;} 
} 
@-moz-keyframes hideNav { 
	from { top: 0; width:100vw;} to { top: -100%; width:100vw;} 
} 
@-o-keyframes hideNav { 
	from { top: 0; width:100vw;} to { top: -100%; width:100vw;} 
} 
.hideNav { 
	-webkit-animation: hideNav 1s ease forwards; 
	-moz-animation: hideNav 1s ease forwards; 
	-o-animation: hideNav 1s ease forwards;
	 animation: hideNav 1s ease forwards; 
} 
.hidden {
    
	display: none;

}
.home-content {
    height: 100%;
    position: relative;
}
.home-content .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
	opacity: 1;
	margin: 9px auto!important;
}
.home-content .swiper-pagination-bullet-active{
	background: url(../images/icon01.png) no-repeat center;
	width: 24px;
	height: 24px;
}
.banner-swiper{
	z-index:-1;
}
.banner-container .banner-info{
	position: absolute;
	left: 50%;
	margin-left: -45%;
	top: 356px;
	z-index: 2;
}
.banner-container .banner-info .line{
	width: 20px;
	height: 2px;
	background-color: #FFFFFF;
	margin-top: 18px;
}
.banner-container .banner-info .line.line-2{
	width: 40px;
}
.banner-container .banner-text{
	color: #FFFFFF;
	text-align: left;
	padding-top: 30px;
	padding-left: 30px;
}
.banner-container .banner-title{
	font-size: 24px;
}
.banner-container .banner-subtitle{
	font-size: 48px;
	margin-top: 10px;
}
.banner-container .banner-text-line{
	width: 70px;
	height: 6px;
	background-color: #FFFFFF;
	margin-top: 10px;
}
.banner-container .banner-btns{
	width: 190px;
	height: 90px;
	line-height: 90px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index:11;
}
.banner-container .banner-btns .swiper-pagination{
	bottom: 0;
}
.banner-container .banner-btns .swiper-button-prev::after,
.banner-container .banner-btns .swiper-button-next:after{
	content: ' ';
}
.banner-container .banner-btns .swiper-button-prev,
.banner-container .banner-btns .swiper-button-next{
	width: 14px;
	height: 10px;
	margin-top: -5px;
}
.banner-container .banner-btns .swiper-button-prev{
	background: url(../images/banner-left.png) no-repeat;
}
.banner-container .banner-btns .swiper-button-next{
	background: url(../images/banner-right.png) no-repeat;
}
.banner-container,
.banner-container .banner-img,
.banner-container .banner-img img{
    width: 100%;
    height: 100%;
}
.banner-container .swiper-button-prev{
    left:50px;
}
.banner-container .swiper-button-next{
    right:50px;
}
.banner-container .swiper-button-prev:after,
.banner-container .swiper-button-next:after{
    color:rgba(255,255,255,0.8);
}
.about-container{
	padding: 190px 0 360px 0;
	background: url(../images/about-bg.jpg) no-repeat center top;
	background-size: cover;
}
.about-container .about-info{
	width: 56%;
	color: #FFFFFF;
}
.about-container .company-name{
	padding-top: 30px;
	font-size: 34px;
}
.about-container .about-text{
	font-size: 14px;
	line-height: 32px;
	padding-top: 30px;
}
.about-text{
    margin-top:30px;
}
.about-text p{
	text-indent: 0!important;
}
.about-text img{
	max-width: 100%;
}
.about-more{
	display: block;
	font-size: 14px;
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 25px;
	color: #FFFFFF;
	background-color: #1262a2;
	margin-top: 56px;
}
.about-more:hover{
	background:#fff;
	color:#203f77
}
.about-container .chairman{
	position: relative;
	width: 488px;
	height: 336px;
}
.about-container .chairman .img-box,
.about-container .chairman .img-box .chairman-img{
	width: 488px;
	height: 336px;
}
.about-container .chairman-text{
	position: absolute;
	text-align: center;
	line-height: 32px;
	right: 10px;
	bottom: 0;
	font-size: 16px;
	color: #FFFFFF;
}
.about-container .about-two-list{
	padding-top: 60px;
}
.about-container .about-two-item{
	width: 24.9%;
	background-color: rgba(171,210,255,0.86);
	margin-right: 1px;
	text-align: center;
	padding: 30px 0;
	position: relative;
}
.about-container .about-two-item .cn{
	font-size: 18px;
}
.about-container .about-two-item .en{
	font-size: 14px;
	color: #666666;
}
.about-container .about-two-item:hover{
	background-color: rgba(32,63,119,0.6);
	transition: all 0.5s;
}
.about-container .about-two-item:hover .cn,
.about-container .about-two-item:hover .en{
	color: #FFFFFF;
}
.news-container{
	padding-bottom: 270px;
	background: url(../images/news-bg.jpg) no-repeat center top;
	background-size: cover;
	height:1080px;
	overflow:hidden;
}
.news-container .news-left{
	width: 204px;
	color: #FFFFFF;
	padding-top: 250px;
}
.news-container .news-title .cn,
.news-container .news-title .en{
	font-size: 38px;
}
.news-container .tabs{
	padding-top: 50px;
}
.news-container .tabs a{
	display: block;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFFFFF;
	border: 1px solid #fff;
	margin-bottom: 16px;
}
.news-container .tabs a:hover,
.news-container .tabs a.active{
	background-color: #203f77;
	color: #FFFFFF;
	border-color: #203f77;
}
.news-container .news-right{
	width: 84%;
	height:900px;
	overflow: hidden;
}
.news-container .newsList{
	overflow:hidden; zoom:1;
}
.news-container .news-item{
	color: #FFFFFF;
	width: 30%;
	margin: 0 20px;
	padding-top: 210px;
	padding-bottom: 210px;
	float: left;
}
.news-container .news-item .news-time{
	position: relative;
	padding-bottom: 20px;
	height: 86px;
}
.news-container .news-item .day{
	font-size: 38px;
}
.news-container .news-item .news-time::before{
	position: absolute;
	bottom: 0;
	content: ' ';
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
}
.news-container .news-item .news-time::after{
	position: absolute;
	content: ' ';
	width: 14px;
	height: 24px;
	background: url(../images/icon2.png);
	background-size: 14px 24px;
	right: 0;
	top: 20px;
}
.news-container .news-item .title{
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 15px 0;
	height: 66px;
	overflow: hidden;
}
.news-container .news-item .desc{
	font-size: 14px;
	line-height: 26px;
}
.news-container .news-item .news-img{
	margin-top: 20px;
	width: 100%;
	height: 204px;
}
.news-container .news-scroll .sPrev,
.news-container .news-scroll .sNext{
	position: absolute;
	left: -100%;
	display: block;
	width: 35px;
	height: 80px;
	background-color: rgba(0,0,0,0.5);
	top: 50%;
	text-align: center;
	z-index: 11;
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0;
}
.news-container .news-scroll .sPrev img,
.news-container .news-scroll .sNext img{
	width: 14px;
	height: 24px;
	margin-top: 30px;
}
.news-container .news-scroll .sNext{
	left: auto;
	right: -100%!important;
}
.news-container .news-scroll:hover .sPrev,
.news-container .news-scroll:hover .sNext{
	opacity: 1;
}
.news-container .news-scroll:hover .sPrev{
	left: 20px;
}
.news-container .news-scroll:hover .sNext{
	right: 8px!important;
}
.news-container .news-item .top-box,
.news-container .news-item .bottom-box{
	position: relative;
	transition: all 0.8s;
	top: 0;
}
.news-container .news-item:hover .top-box{
	top: 206px;
}
.news-container .news-item:hover .bottom-box{
	top: -244px;
}
.news-container .news-item:hover{
	background-color: #f5f6f6;
	height: 100%;
}
.news-container .news-item:hover .news-time{
	color: #666666;
}
.news-container .news-item:hover .news-time::before{
	background-color: #666666;
	width: 94%;
	left: 3%;
}
.news-container .news-item:hover .news-time::after{
	background-image: url(../images/icon2_active.png);
	right: 10px;
}
.news-container .news-item:hover .title{
	color: #203f77;
	padding: 15px 10px;
}
.news-container .news-item:hover .desc{
	padding: 0 10px;
	color: #666666;
}
.news-container .news-item:hover .news-time-left{
	padding-left: 10px;
}
.news-container .news-item:hover .news-time-icon{
	margin-right: 10px;
	
}
.contact-container{
	padding:190px 0 312px 0;
	color: #FFFFFF;
	background: url(../images/contact-bg.jpg) no-repeat center top;
	background-size: cover;
}
.contact-container .contact-left{
	width: 422px;
}
.contact-container .news-title .en{
	font-size: 60px;
}
.contact-container .news-title .cn{
	font-size: 36px;
}
.contact-container .contact-content{
	font-size: 14px;
	padding-top: 30px;
}
.contact-container .contact-content p{
	padding-left: 30px;
	line-height: 35px;
}
.contact-container .contact-tel{
	background: url(../images/contact-tel.png) no-repeat left center;
}
.contact-container .contact-fax{
	background: url(../images/contact-fax.png) no-repeat left center;
}
.contact-container .contact-address{
	background: url(../images/contact-address.png) no-repeat left center;
}
.contact-container .contact-right{
	width: 60%;
	padding-top: 70px;
}
.footer-nav li{
	float: left;
	width: 20%;
	text-align: center;
}
.ewm{
	width: 104px;
	text-align: center;
	margin-top: 40px;
}
.ewm img{
	width: 104px;
	height: 104px;
}
.ewm p{
	font-size: 14px;
	padding-top: 10px;
}
.footer-nav li a{
	display: block;
	color: #FFFFFF;
	line-height: 34px;
}
.footer-nav li a:hover{
	color:#203f77
}
.footer-nav li a.title{
	font-size: 18px;
}
.footer-nav li a.subtitle{
	font-size: 14px;
}
.footer{
	background-color: rgba(32,63,119,0.6);
	width: 100%;
	max-width:1920px;
	display: none;
	position: fixed;
	bottom: 0;
	height: 90px;
	z-index: 1;
	line-height: 90px;
	height: 90px;
	overflow: hidden;
}
.footer-content{
	overflow: hidden;
}
.links{
    width: 68%;
    overflow: hidden;
}
.links-list li{
	float: left;
	font-size: 14px;
	margin-right: 18px;
	color: #FFFFFF;
}
.links-list li a{
	color: #FFFFFF;
}
.links-list li a:hover{
	color:#203f77
}
@keyframes shubiaomove
{
	0% {top:0px;}
	50% {top:30px;}
	100%{top:0;}
}

@-webkit-keyframes shubiaomove /*Safari and Chrome*/
{
	0% {top:0px;}
	50% {top:30px;}
	100%{top:0;}
}
.page-next{
	width: 44px;
	text-align: center;
	position:relative;
	animation:shubiaomove 2s infinite;
	-webkit-animation:shubiaomove 2s infinite; /*Safari and Chrome*/
	position: absolute;
	left: 50%;
	margin-left: -7%;
	cursor: pointer;
}
.page-next p{
	font-size: 16px;
	color: #FFFFFF;
}
.page-next img{
	width: 21px;
	height: 30px;
}
.copyright,
.copyright a{
	color: #FFFFFF;
}
.m-banner-img,
.about-header .nav{
	display: none;
}
.about-header .header{
	background-color: rgba(255,255,255,1);
	padding: 0 35px;
}
.about-header .header .logo{
	margin-top: 21px;
}
.about-header .header-nav{
	float: left;
}
.about-header .nav-content{
	display: block;
	position: static;
	float: right;
	background-color: rgba(255,255,255,1);
	line-height: 90px;
	overflow: visible;
}
.about-header .nav-list{
	width: auto;
}
.about-header .nav-item{
	float: left;
	margin: 0 auto;
	position: relative;
}
.about-header .nav-list{
	position: static;
	margin-left: 0;
}
.about-header .item-anchor{
	color: #333333;
	font-size: 18px;
	padding: 0 20px;
}
.topSubMenu {
    background: #7089b6;
    position: fixed;
    top: 90px;
    transform: translateY(-100%);
    width: 100%;
    transition: all 0.5s cubic-bezier(0.73, 0.25, 0.21, 1.01);
    z-index: 2;
	height: 298px;
}
.topMenuList {
	width: 112px;
    height: 298px;
    float: left;
    border-left: 1px solid rgba(255,255,255,0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    transition: 0.4s ease;
    position: absolute;
	transform: translateY(-200%);
	transition: all 0.5s cubic-bezier(0.73, 0.25, 0.21, 1.01);
	z-index: -1;
}
.topSubMenuShow{
	transform: translateY(0%);
}
.nav-item:last-child .topMenuList{
	border-right: 1px solid rgba(255,255,255,0.5);
}
.topMenuList dd {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.topMenuList a {
    color: #fff;
    display: block;
    position: relative;
    z-index: 9;
}
.topMenuList a:hover{
	background-color: #0060ca;
}
.nav-item:hover>a,
.nav-item>a.active{
	color: #0060ca;
}
.nav-item:hover .topMenuList{
	background-color: #004898;
}
.about-banner{
	height: 490px;
	position:relative;
}
.about-banner-text{
	padding-top:250px;
}
.about-banner p{
	font-size:30px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-shadow:
   -1px -1px 0 #4f4d57,  
   1px -1px 0 #4f4d57,
   -1px 1px 0 #4f4d57,
   1px 1px 0 #4f4d57,
   0px 2px 2px rgba(0,0,0,0.1);
}
.about-index-bg{
	background: url(../images/aboutbg.jpg) no-repeat center top #FFFFFF;
}
.about-index{
	padding: 35px;
}
.about-index-text{
	font-size: 16px;
	color: #666666;
	line-height: 38px;
}
.about-index-text02{
	background: url(../images/about-index-text02.jpg) no-repeat center top;
	padding: 80px 40px;
	margin-top: 30px;
}
.about-index-text02 p{
	width: 50%;
	font-size: 16px;
	line-height: 48px;
	color: #FFFFFF;
}
.about-index-text03{
	padding: 50px 0;
}
.about-index-text03 .about-index-item{
	text-align: center;
	width: 33.333333%;
}
.about-index-text03 .number{
	color: #004898;
	font-size: 60px;
	font-weight: bold;
}
.about-index-text03 .number span{
	font-size: 30px;
}
.about-index-text03 .title{
	font-size: 18px;
	color: #666666;
}
.about01{
	height: 821px;
	position: relative;
	background-position: 120% top!important;
}
.about01-left{
	width: 57%;
	padding-top: 90px;
}
.about01-title{
	color: 004898;
	font-weight: bold;
}
.about01-title .cn{
	font-size: 20px;
}
.about01-title .en{
	font-size: 30px;
	position: relative;
	line-height: 50px;
}
.about01-title .en::after{
	position: absolute;
	content: ' ';
	width: 60px;
	height: 2px;
	background-color: #004898;
	left: 0;
	bottom: 0;
}
.about01-info{
	padding-top: 40px;
}
.about01-text{
	font-size: 14px;
	line-height: 34px;
}
.about01-more{
	width: 130px;
	height: 40px;
	line-height: 40px;
	background-color: #004898;
}
.about01-right{
	background-color: #004898;
	position: absolute;
	bottom: 100px;
	left: 59.5%;
}
.about01-right-item{
	padding: 57px 30px;
	color: #FFFFFF;
	text-align: center;
	position: relative;
}
.about01-right-item .number{
	font-size: 36px;
	font-weight: bold;
}
.about01-right-item .number span{
	font-size: 18px;
}
.about01-right-item .title{
	font-size: 14px;
}
.about01-right-item::after{
	position: absolute;
	content: ' ';
	width: 1px;
	height: 100px;
	background-color: #FFFFFF;
	right: 0;
	top: 50%;
	margin-top: -50px;
}
.about01-right-item:last-child::after{
	display: none;
}
.about02{
	position: relative;
	height: 608px;
}
.about02-img{
	width: 64%;
	position: absolute;
	z-index: -1;
}
.about02-left{
	position: relative;
	top: 80px;
	z-index: 1;
	left: 122px;
}
.about02-left-01{
	width: 138px;
	height: 300px;
	background-color: rgba(0,72,152,0.7);
	line-height: 66px;
	font-size: 22px;
	color: #FFFFFF;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	padding-top: 50px;
}
.about02-left-01 p{
	position: relative;
}
.about02-left-01 p:last-child::after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 66px;
    background-color: #FFFFFF;
    left: 100%;
    top: 38px;
    margin-top: -33px;
}
.about02-left-02{
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	position: absolute;
	color: #FFFFFF;
	width: 162px;
	bottom: 60px;
	left: 42px;
	padding: 5px 0;
}
.about02-left-02 .en{
	font-size: 16px;
}
.about02-left-02 .cn{
	font-size: 32px;
}
.about02-right{
	width: 50%;
	background-color: #004898;
	padding: 40px 80px;
	color: #FFFFFF;
	line-height: 24px;
	margin-top: 180px;
}
.about03{
	background-color: #f5f5f5;
	position: relative;
	padding: 60px 0;
}
.about03-line{
    width:90%;
	border-top: 2px solid #e0e0e0;
	position: absolute;
	top: 470px;
	left: 50%;
	margin-left: -45%;
}
.about06 .about03-line{
    top:282px;
}
.about03-title{
	font-size: 30px;
	color: #004898;
	position: relative;
	text-align: center;
	padding: 24px 0;
	font-weight: bold;
}
.about03-title::after{
	position: absolute;
	content: ' ';
	width: 60px;
	height: 2px;
	background-color: #004898;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}
.about03-content{
	padding-top: 100px;
}
.about03-content .swiper-slide{
	text-align: center;
}
.about03 .about03-icon{
	width: 16px;
	height: 28px;
	margin-top:20px;
}
.about03 .year{
	font-size: 36px;
	color: #13448b;
	font-weight: bold;
	padding: 15px 0;
}
.about03 .year a{
    color: #13448b;
}
.about03 .text{
	font-size: 14px;
	color: #666666;
}
.about03 .swiper-button-prev,
.about03 .swiper-button-next{
	width: 54px;
	height: 54px;
	top: 465px;
}
.about03 .swiper-button-prev{
	background: url(../images/about03-left.png) no-repeat;
}
.about03 .swiper-button-next{
	background: url(../images/about03-right.png) no-repeat;
}
.about03 .swiper-button-prev::after,
.about03 .swiper-button-next::after{
	content: ' ';
}
.about03-more{
	margin: 0 auto;
	background-color: #004898;
	font-size: 18px;
	margin-top: 80px;
}
.about04{
	padding: 50px 0;
}
.about04-content{
	padding-top: 50px;
	position: relative;
}
.about04-content .title{
	background-color: #004898;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	padding: 0 20px;
}
.about04 .swiper-pagination{
	bottom: -30px;
	left: 50%;
	margin-left: -45px;
}
.about04 .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 2px solid #999999;
	opacity: 1;
	margin: 0 9px;
}
.about04 .swiper-pagination-bullet-active{
	background-color: #004898;
	border-color: #004898;
}
.about05{
	background: url(../images/about05bg.jpg) no-repeat;
	padding: 48px 0;
}
.about05 .about03-title{
	color: #FFFFFF;
}
.about05 .about03-title::after{
	background-color: #FFFFFF;
}
.about05-contetnt{
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}
.about05-item{
	position: relative;
	width: 586px;
	margin-right: 26px;
}
.about05-item:last-child{
	margin-right: 0;
}
.about05-item .play-img{
	width: 69px;
	height: 69px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
}
.about05-item .about05-img{
	width: 586px;
	height: 330px;
}
.about05-more{
	display: block;
	width: 42px;
	margin: 0 auto;
	margin-top: 40px;
}
.about05-more img{
	width: 42px;
	height: 42px;
}
.about05-item .about05-title{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 52px;
	position: relative;
}
.about05-item .about05-title::after{
	position: absolute;
	content: ' ';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
}
.about06{
	background: url(../images/about07.jpg) repeat-y center top;
	padding: 20px 0 50px 0;
	position: relative;
}
.about06-contant{
	padding-top: 48px;
}
.about06-contant .swiper-slide{
	padding: 0 40px;
}
.about06-contant .year{
	font-size: 30px;
	color: #004898;
	font-weight: bold;
}
.about06-contant .about06-icon{
	width: 26px;
	height: 26px;
	background-color: #FFFFFF;
	border: 6px solid #004898;
	border-radius: 50%;
	margin: 45px 0;
}
.about06-text{
	font-size: 16px;
	line-height: 32px;
	padding-top:10px
}
.about06 .swiper-button-prev,
.about06 .swiper-button-next{
	top: 282px;
}
.about06 .about-more{
	margin-top: 40px;
}
.about-footer-container{
	position: relative;
}
.about-footer-container .contact-container{
	padding: 170px 0;
}
.about-footer-container .footer{
	position: absolute;
	display: block;
}
.about-category{
	background-color: #FFFFFF;
	text-align: center;
	border-bottom: 2px solid #f5f5f5;
}
.about-category .category-item{
	display: inline-block;
	font-size: 16px;
	line-height: 65px;
	padding: 0 40px;
	position: relative;
}
.category-item-box:hover .category-item,
.category-item:hover,
.category-item.active{
	background-color: #004898;
	color: #FFFFFF;
}
.category-item-box{
	display: inline-block;
}
.category-dropmenu{
	display: none;
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	left: 0;
	border-top: 3px solid #f5f5f5;
}
.category-dropmenu a{
	font-size: 14px;
	padding: 0 44px;
	line-height: 56px;
}
.category-dropmenu a:hover{
	color: #004898;
}
.about-contentbg{
	background-color: #f5f5f5;
	padding: 50px 0;
}
.about-content{
	background-color: #FFFFFF;
	padding: 35px 50px;
	font-size: 16px;
	line-height: 32px;
}
.about-content .about-img{
	text-align: center;
}
.about-content .about-text img,
.about-content .about-img img{
	width: auto;
}
/* .about-content .about-text{
	text-align: center;
}
.article-show .about-text{
	text-align: unset;
} */
.chanye-container{
	background-color: #f7f7f7;
	padding: 50px 0;
}
.chanye-list{
	background-color: #FFFFFF;
	padding: 10px 40px 40px 40px;
}
.chanye-item{
	border-bottom: 1px solid #cccccc;
	padding: 30px 0;
}
.chanye-img{
	width: 360px;
}
.chanye-info{
	padding-left: 390px;
}
.chanye-info-title{
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
}
.chanye-info-text{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	padding-top: 40px;
}
.chanye-info-more{
	display: block;
	width: 39px;
	height: 39px;
	background: url(../images/chenye02.png) no-repeat;
	margin-top: 40px;
}
.chanye-info-more:hover{
	background-image: url(../images/chenye02-active.png);
}
.about-content-title{
	text-align: center;
	font-size: 30px;
}
.about-content-time{
	text-align: center;
	font-size: 14px;
	color: #666666;
	padding: 15px 0;
	border-bottom: 1px solid #f7f7f7;
	margin-bottom: 15px;
}
.news-recommend-title{
	font-size: 24px;
	font-weight: bold;
	color: #004898;
	background: url(../images/news-title.png) no-repeat left center;
	padding-left: 60px;
}
.news-recommend-con{
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #CCCCCC;
}
.news-recommend-photo{
	width: 45%;
	height: 300px;
	overflow: hidden;
}
.news-recommend-item{
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.news-recommend-item p{
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	bottom: 0;
	background-color: rgba(0,0,0,0.38);
	color: #FFFFFF;
	padding:0 10px;
}
.news-recommend-list{
	width: 52%;
}
.news-recommend-list li{
	border-bottom: 1px dashed #cccccc;
	padding: 5px 0;
}
.news-recommend-list li a:hover{
	color:#004898
}

.news-list .news-item{
	padding: 30px 0;
	border-bottom: 1px dashed #CCCCCC;
}
.news-item-img{
	width: 360px;
	height: 214px;
	overflow: hidden;
}
.news-item-info{
	background-color: #FFFFFF;
	padding: 0 30px 0 390px;
}
.news-item-title{
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}
.news-item-title a:hover{
	color:#004898
}
.news-item-time{
	font-size: 14px;
	color: #999999;
	line-height: 32px;
}
.news-item-time span{
	margin-right: 30px;
}
.news-item-time .time{
	background: url(../images/time.png) no-repeat left center;
	padding-left: 25px;
}
.news-item-time .hits{
	background: url(../images/hits.png) no-repeat left center;
	padding-left: 25px;
}
.news-item-desc{
	font-size: 14px;
	color: #666666;
}
.news-item-info .chanye-info-more{
	margin-top: 20px;
}
.news-item-more{
	font-size: 14px;
	color: #999999;
	display: block;
	width: 126px;
	height: 38px;
	border: 1px solid #999999;
	line-height: 38px;
	text-align: center;
	border-radius: 19px;
}
.news-list .news-item:nth-of-type(4n){
	margin-right: 0;
}
.contact-box{
	padding-bottom: 40px;
	border-bottom: 1px solid #d0d0d0;
}
.contact-left{
	width: 50%;
}
.company-name{
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
}
.contact-address{
	background: url(../images/address.png) no-repeat left center;
}
.contact-tel{
	background: url(../images/tel.png) no-repeat left center;
}
.contact-fax{
	background: url(../images/fax.png) no-repeat left center;
}
.contact-address,
.contact-tel,
.contact-fax{
	padding-left: 30px;
}
.contact-ewm{
	width: 90px;
	margin-top: 50px;
	text-align: center;
}
.contact-ewm span{
	font-size: 14px;
}
.contact-map{
	width: 50%;
}
.contact-list{
	padding-top: 40px;
}
.contact-item{
	width: 23.5%;
	margin-right: 2%;
	background-color: #f3f3f3;
	border-radius: 5px;
	padding: 2%;
	min-height: 236px;
}
.contact-item:last-child{
	margin-right: 0;
}
.contact-item-name{
	font-size: 18px!important;
	font-weight: bold;
}
.contact-item p{
	font-size: 14px;
}
.leader-ship-item{
	width: 11.3333333333%;
	margin-right: 3%;
	float: left;
	margin-bottom: 3%;
	cursor: pointer;
}
.leader-ship-item .title{
	background-color: #004898;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	padding: 0 20px;
}
.leader-ship-item:nth-of-type(3n){
	margin-right: 0;
}
.video{
	text-align:center;
}
.video video{
	margin:0 auto;
	width: 100%;
}
.messageForm{
	width: 500px;
	margin-top: 30px;
}
.messageForm p{
	margin-bottom: 20px;
	overflow: hidden;
}
.messageForm p label{
	float: left;
	width: 80px;
	display: inline-block;
	text-align: right;
	line-height: 35px;
}
.messageForm p .inptext{
	float: left;
	width: 400px;
	padding: 0 10px;
	border: 1px solid #ccc;
	display: inline-block;
	line-height: 35px;
}
.messageForm p .textarea{
	float: left;
	width: 398px;
	height: 100px;
	border: 1px solid #ccc;
	line-height: 24px;
	padding: 10px;
}
.messageForm .inpsub{
	width: 400px;
	margin-left: 80px;
	background-color: #0b66b2;
	height: 40px;
	border: 0;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}
.dangqun-left{
    width: 33.33333333%;
}
.dangqun-center{
    width: 46.33333333%;
}
.dangqun-item{
    display: inline-block;
    width: 60px;
    height: 192px;
    background: url('../images/dj02.png') no-repeat center center;
    background-size: 60px 192px;
    font-size:22px;
    writing-mode: vertical-lr;
    color: #FFFFFF;
    text-align: center;
    line-height: 60px;
    margin: 0 58px;
    letter-spacing:5px;
}
.dangqun-item:hover{
    color: #fdd800;
}
.dangqun-right{
    padding-top:142px;
    width: 20%;
}
.zeren-content .dangqun-left{
    width:25%;
}
.zeren-content .dangqun-center{
    width:55%;
}
.zeren-content .dangqun-item{
    margin: 0 76px;
}
.zeren-content .dangqun-right{
    padding-top: 142px;
}
.category-name{
    font-size: 20px;
    color: #004898;
    position: relative;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #004898;
}
.category-name:before{
    position: absolute;
    content: ' ';
    width:3px;
    height: 20px;
    background: #004898;
    left: 0;
    top: 50%;
    margin-top: -13px;
}

@media screen and (max-width: 1334px){
	.about-container{
		padding: 150px 0;
	}
	.news-container .news-right{
		width: 83%;
	}
	.about01-left{
		width: 53%;
	}
	.news-list .news-item{
		width: 23.1%;
	}
	.dangqun-item{
	    margin: 0 52px;
	}
	.zeren-content .dangqun-item{
	    margin: 0 68px;
	}
}
@media screen and (min-width: 1920px) {
	.about-container,
	.contact-container{
		padding: 310px 0;
	}
	.news-container .news-left{
		padding-top: 350px;
	}
	.news-container .news-item{
		padding-top: 300px;
	}
	.news-recommend-photo,
	.news-recommend-item{
	    height: 410px;
	}
	.news-recommend-list li{
	    padding: 17px 0;
	}
	.news-recommend-list li span{
	    font-size: 16px;
	}
	.news-recommend-list li p{
	    font-size: 20px;
	}
	.about01{
		background-position: 100% top!important;
	}
	.chanye-info{
		padding-top: 0;
	}
	.contact-item{
	    height:224px;
	}
	.dangqun-center{
	    padding-top: 50px;
	}
	.dangqun-item{
	    margin: 0 92px;
	}
	.zeren-content .dangqun-item{
	    margin: 0 115px;
	}
	.zeren-content .dangqun-center{
	    padding-top: 50px;
	}
	.news-container .news-item .news-img{
	    height:245px;
	}
    .news-container .news-item:hover .bottom-box{
    	top: -285px;
    }
    .news-container .news-right{
        height:1080px;
    }
}


@media screen and (max-width: 750px){
	@keyframes showNav { 
		 0% { top: -100%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		 15% { top: 50%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		 50% { top: 50%; height:2px; width:100vw; left:0px; margin-left:0; } 
		 100% { top: 0; height:100vh; width:100vw; left:0px; margin-left:0; } 
	} 
	@-webkit-keyframes showNav { 
		0% { top: -100%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		15% { top: 50%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		50% { top:50%; height:2px; width:100vw; left:0px; margin-left:0; } 
		100% { top: 0; height:100vh; width:100vw; left:0px; margin-left:0; } 
	} 
	@-moz-keyframes showNav { 
		0% { top: -100%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		15% { top: 50%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		50% { top: 50%; height:2px; width:100vw; left:0px; margin-left:0; } 
		100% { top: 0; height:100vh; width:100vw; left:0px; margin-left:0; } 
	} 
	@-o-keyframes showNav { 
		0% { top: -100%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		15% { top: 50%; height:2px; width:500px; left:-250px; margin-left:50%; } 
		50% { top: 50%; height:2px; width:100vw; left:0px; margin-left:0; } 
		100% { top: 0; height:100vh; width:100vw; left:0px; margin-left:0; } 
	}
	.logo{
		padding:0
	}
	.pc-banner-img{
		display: none;
	}
	.m-banner-img{
		display: block;
	}
	.header{
		padding: 10px;
	}
	.nav{
		padding-top: 5px;
		left: auto;
		right: 10px;
	}
	.nav-content {
		position: fixed;
		top: -100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.7);
		height: 100%;
		z-index: 9;
		overflow: hidden;
	}
	.nav-list {
		padding: 0;
		position: relative;
		width: 600px;
		top: 30%;
		left: -300px !important;
		margin-left: 50%;
		z-index: 3000;
	}
	.nav-item{
		float:none;
		text-align: center;
		line-height:45px;
	}
	.item-anchor{
		color:#fff!important;
	}
	.home-content>.swiper-pagination,
	.home-content .banner-btns{
		display: none;
	}
	.banner-container .swiper-button-prev{
        left:10px;
    }
    .banner-container .swiper-button-next{
        right:10px;
    }
	.banner-container .banner-info{
		display: none;
	}
	.about-container{
		padding: 70px 0;
		background-size: 350%!important;
	}
	.about-container .about-two-list{
		display: none;
	}
	.about-container .about-info{
		width: 100%;
		float: none;
	}
	.about-container .company-name{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding-top: 20px;
	}
	.about-container .about-text{
		padding-top: 15px;
		line-height: 28px;
	}
	.about-more{
		margin: 15px auto;
		width: 100px;
		height: 35px;
		line-height: 35px;
	}
	.about-container .chairman,
	.about-container .chairman .img-box, 
	.about-container .chairman .img-box .chairman-img{
		width: 100%;
		height: auto;
	}
	.news-container{
		padding: 100px 0;
		background-size: 350%!important;
	}
	.news-container .newsList{
		height: 320px;
	}
	.news-container .news-left{
		width: 100%;
		float: none;
		padding-top: 50px;
	}
	.news-container .news-title .cn, 
	.news-container .news-title .en{
		font-size: 20px;
		text-align: center;
	}
	.news-container .tabs{
		padding-top: 20px;
		text-align: center;
	}
	.news-container .tabs a{
		display: inline-block;
	}
	.news-container .news-right{
		width: 100%;
	}
	.news-container .news-item{
		padding-top: 20px;
		width: 100%;
		margin: 0;
		overflow: hidden;
		display: flex;
		padding-bottom:0
	}
	.news-container .news-item .top-box, 
	.news-container .news-item .bottom-box{
		position: static;
	}
	.news-container .news-item .bottom-box{
		order: 0;
	}
	.news-container .news-item .top-box{
		order: 1;
	}
	.news-container .news-item .news-time{
		display: none;
	}
	.news-container .news-item .bottom-box{
		margin-right: 10px;
	}
	.news-container .news-item .news-img{
		width: 122px;
		height: 78px;
		margin-top: 0;
	}
	.news-container .news-item .title{
		font-size: 14px;
		padding: 0;
		height: 40px;
	}
	.news-container .news-item .desc{
		font-size: 12px;
		color: #FFFFFF;
		line-height: 20px;
		opacity: 0.8;
	}
	.contact-container{
		padding: 140px 0;
		background-size: 350%!important;
	}
	.contact-container .news-title{
		text-align: center;
	}
	.contact-container .contact-left{
		width: 100%;
	}
	.contact-container .news-title .en,
	.contact-container .news-title .cn{
		font-size: 20px;
	}
	.contact-container .contact-right{
		width: 100%;
		padding-top: 0;
	}
	.footer-nav-item{
		display: none;
	}
	.footer-nav li{
		width: 100%;
	}
	.ewm{
		margin: 0 auto;
		margin-top: 30px;
	}
	.links{
		display: none;
	}
	.contact-container .contact-address{
		background-position: left 10px;
	}
	.footer{
		width: 100%;
	}
	.copyright{
		float: none;
		text-align: center;
	}
	.copyright a{
		display: none;
	}
	.wrap{
		width: 96%;
	}
	.about-header .header{
		padding: 0 10px 10px 10px;
	}
	.about-header .nav{
		display: block;
		padding-top: 11px;
	}
	.about-header .header .logo{
		margin-top: 10px;
	}
	.about-header .nav-content{
		position: fixed;
		background-color: rgba(0, 0, 0, 0.7);
		top: 0;
		width: 100%;
		line-height: 50px;
		overflow: hidden;
	}
	.about-header .nav-item{
		float: none;
	}
	.about-header .item-anchor,
	.nav-item:hover>a, 
	.nav-item>a.active{
		color: #FFFFFF;
		font-size: 20px;
	}
	.about-header .nav-list{
		position: relative;
		left: 0!important;
	}
	.topSubMenu,
	.topMenuList{
		display: none;
	}
	.about-banner{
		height: 180px;
		background-size: 150%!important;
	}
	.about-banner-text{
	    padding-top: 80px;
	    
	}
	.about-banner p{
	    font-size: 16px;
	}
	.about-index{
		padding: 0;
	}
	.about-index-text{
		line-height: 32px;
	}
	.about-index-text02{
		padding: 0;
		background-size: 270%;
		margin-top: 15px;
	}
	.about-index-text02 p{
		width: 100%;
		line-height: 30px;
		padding: 5px;
	}
	.about-index-text03{
		padding: 15px 0;
	}
	.about-index-text03 .number{
		font-size: 28px;
	}
	.about-index-text03 .number span{
		font-size: 12px;
	}
	.about-index-text03 .title{
		font-size: 14px;
	}
	.about01{
		background: none!important;
		height: auto;
	}
	.about01-left{
		width: 100%;
		padding-top: 25px;
	}
	.about01-info{
		padding-top: 25px;
	}
	.about01-text{
		line-height: 30px;
	}
	.about01-right{
		position: static;
		width: 100%;
	}
	.about01-right-item{
		padding: 15px;
		width: 33.333333333%;
	}
	.about01-right-item .number{
		font-size: 28px;
	}
	.about02{
		height: auto;
		margin-top: 25px;
	}
	.about02-left-01{
		width: 74px;
		height: 150px;
		line-height: 36px;
		padding-top: 10px;
		font-size: 14px;
	}
	.about02-left-01 p:last-child::after{
		height: 40px;
	}
	.about02-left{
		position: absolute;
		top: 48px;
		left: 0;
	}
	.about02-left-02{
		border-width: 1px;
		width: 92px;
		bottom: 14px;
	}
	.about02-left-02 .en{
		font-size: 12px;
	}
	.about02-left-02 .cn{
		font-size: 16px;
	}
	.about02-img{
		width: 100%;
		position: static;
	}
	.about02-right{
		width: 100%;
		padding: 10px;
		margin-top: 0;
	}
	.about03,
	.about04,
	.about05{
		padding:0;
	}
	.about03-line{
		top: 149px;
	}
	.about03-content,
	.about04-content,
	.about05-contetnt,
	.about06-contant{
		padding-top: 25px;
	}
	.about03 .swiper-button-prev, 
	.about03 .swiper-button-next{
		top: 147px;
	}
	.about05{
		margin-top: 25px;
		padding-bottom: 25px;
	}
	.about05-contetnt,
	.about05-item .about05-img{
		width: 100%;
		height: auto;
	}
	.about05-item{
		width: 50%;
		margin-right: 0;
	}
	.about05-item .play-img{
		width: 32px;
		height: 32px;
		margin-left: -16px;
	}
	.about05-more{
		margin-top: 15px;
	}
	.about06{
		background-repeat: repeat;
	}
	.about06 .about03-line{
		top: 220px;
	}
	.about06-contant .about06-icon{
		margin: 25px 0;
	}
	.about06 .swiper-button-prev, 
	.about06 .swiper-button-next{
		top: 218px;
	}
	.about-category>.wrap{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	.news-category>.wrap{
		justify-content: center;
	} 
	.about-category .category-item{
		white-space: nowrap;
		line-height: 40px;
		padding: 0 15px;
	}
	.about-contentbg{
		padding: 25px 0;
	}
	.about-content{
		padding: 10px;
	}
	.chanye-container{
		padding: 25px 0;
	}
	.chanye-list{
		padding: 0 10px;
	}
	.chanye-info{
		padding-left: 140px;
	}
	.chanye-item{
		overflow: hidden;
		padding: 15px 0;
	}
	.chanye-img{
		width: 130px;
	}
	.chanye-info-title{
		font-size: 16px;
		padding: 0;
	}
	.chanye-info-text{
		padding-top: 10px;
	}
	.chanye-info-more{
		display: none;
	}
	.about-content-title{
		font-size: 16px;
	}
	.about-content-time{
		padding: 5px 0;
	}
	.contact-left{
		width: 100%;
	}
	.company-name{
		font-size: 16px;
		line-height: 40px;
	}
	.contact-address{
		background-position: left 10px;
	}
	.contact-ewm{
		margin: 0 auto;
		margin-top: 10px;
	}
	.contact-box{
		padding-bottom: 20px;
	}
	.contact-list{
		padding-top: 20px;
	}
	.contact-map{
		width: 100%;
	}
	.contact-item{
		width: 100%;
		margin-bottom: 20px;
	}
	.news-list .news-item{
		width: 100%;
		margin-bottom: 15px;
		padding: 15px 0;
	}
	.news-item-img{
		width: 130px;
		height: 74px;
	}
	.news-item-info{
		padding: 0 0 0 140px;
	}
	.news-item-time{
		display: none;
	}
	.category-dropmenu a{
		display: inline-block;
		padding: 0 15px;
	}
	.news-recommend-con{
		padding: 15px 0;
	}
	.news-recommend-photo{
		height: 227px;
		width: 100%;
	}
	.news-recommend-item{
		height: 227px;
	}
	.news-recommend-list{
		display: none;
	}
	.news-item-title{
		font-size: 16px;
		line-height: 30px;
	}
	.news-item-desc{
		line-height: 24px;
	}
	.page ul li{
		margin-bottom: 10px;
	}
	.messageForm{
		width: 100%;
		margin-bottom:20px;
	}
	.messageForm p .inptext{
		width: 70%;
	}
	.messageForm p .textarea{
		width: 70%;
	}
	.messageForm .inpsub{
		width:70%;
	}
	.leader-ship-item{
	    width: 100%;
	}
	.dangqun-left,
	.dangqun-right{
	    display: none;
	}
	.dangqun-center,
	.zeren-content .dangqun-center{
	    width: 100%
	}
	.dangqun-item,
	.zeren-content .dangqun-item{
	   margin: 0 25px;
	}
}