@charset "utf-8";

/*鍏叡鏍峰紡*/

*{margin: 0; padding: 0;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

a:hover{color: #e68d37!important;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: 100%; overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*瀛椾綋*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*鍔犺浇鐗规晥*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*澶撮儴*/

.header{max-width: 780px; height: 50px; background: #005390; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: fixed; z-index: 999999; width: 100%;}

.logo{float: left; height: 45px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}

.sp_nav i{display: block; background: #fff; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 10px;}

.sp_nav i:nth-of-type(3){top: 20px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 50px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #005390; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid rgba(255,255,255,.1); margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: rgba(255,255,255,.8);}

.nav ul li ul{display: none;}
.nav ul li ul li a{color: rgba(255,255,255,.6); font-size: 11px;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}
.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid rgba(255,255,255,.1); padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;color: #fff;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{ transform: rotate(90deg);}

/*鍐呴〉鑿滃崟*/

.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*鍏叡鏍峰紡*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #223adf;}

.home_title em{color: #ff7600;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*搴曢儴*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #005390;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

.footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}



/*鏂伴椈---鍒楄〃寮?/

.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden; max-height: 140px;}

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}

#section5 .left .img{
	opacity: 0;
}
#section5 .left .img:first-child{
	opacity: 1;
}


/*浜у搧鍒楄〃*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.slick-dots {
	bottom: 10px !important;
}
.slick-dots li button{
	height: 10px !important;
	width: 10px !important;
}
.slick-dots li.slick-active button{
	background: #FA9F06 !important;
}
.slick-dots li.slick-active button:after{
	content: "";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	border: 1px solid #FA9F06;
	border-radius: 100%;
	left: -4px;
	top: -4px;
}
.wap_title{
	margin: 30px 0 20px 0;
	text-align: center;
}
.wap_title span{
	font-size: 22px;
	display: block;
	padding-bottom: 5px;
	color: #333;
}
.wap_title p{
	font-size: 12px;
	color: #666;
}


.header_zw{
	height: 50px;
}
.clear:after{
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
/*棰嗗煙 start*/
.ly{
	background: url(../images/rb_bg.jpg);
	background-size: cover;
	background-position: center;
	padding: 60px 0;
}
.ly_item{
	width: 80%;
}
.ly .slick-list{
	width: 80%;
	margin: 0 10%;
}
.ly_item img{
	width: 100%;
}
.ly_item span{
	display: block;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 14px;
}
.ly .slick-prev,.ly .slick-next{
	background: url(../images/next_year.png) no-repeat;
	background-size: 40px 36px;
	height: 37px;
	width: 20px;
}
.ly .slick-next{
	background-position: -20px 0;
}
/*棰嗗煙 end*/



/*浜у搧 start*/
.pro{
	background: url(../images/pro_bg.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px 0;
	padding-bottom: 60px;
}
.pro .wap_title span,.pro .wap_title p{
	color: #fff;
}
.pro .sel ul{
	margin-bottom: 10px;
}
.pro .sel ul li{
	float: left;
	width: 50%;
	background: #0060a6;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;	
	border-bottom: 1px solid #005390;
	font-size: 12px;
}
.pro .sel ul li.on{
	background: #FA9F06;
}
.pro .sel .icon{
	height: 24px;
	width: 30px;
	margin: 0 auto;
	margin-top: 5px;
	display: block;
	background: url(../images/pro_icon.png) no-repeat;
	background-size: 379.2px 23.1px;
	margin-bottom: 5px;
}
.pro .icon1{
	background-position: 1px 0 !important;
}
.pro .icon2{
	background-position: -71px 0 !important;
}
.pro .icon3{
	background-position: -142px 0 !important;
}
.pro .icon4{
	background-position: -215px 0 !important;
}
.pro .icon5{
	background-position: -285px 0 !important;
}
.pro .icon6{
	background-position: -356px 0 !important;
}
.pro .sel ul li:nth-of-type(1),.pro .sel ul li:nth-of-type(3){
	border-right: 1px solid #005390;
}
.pro .sel ul li:nth-of-type(3){
	width: 50%;
}
.pro .sel ul li:nth-of-type(4){
	border-right: 1px solid #005390;
}
/* .pro .sel ul li:nth-of-type(4),.pro .sel ul li:nth-of-type(5){
	width: 25%;
} */
.pro .sel ul li span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display: block;
	box-sizing: border-box;
	padding: 0 15px;
}
    .pro .swiper-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
		padding-bottom: 30px;
    }
    .pro .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	.pro_item{
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		background: #fff;
		padding: 10px;
	}
	.pro_item img{
		width: 100%;
	}
	.pro_item .title span{
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #333;
		display: block;overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.pro_item .title{
		border-bottom: 1px dashed #ddd;
	}
	.pro_item .desc{
		margin: 10px 0;
		font-size: 12px;
		height: 55px;
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
	}
	.pro_item .desc p{
		font-size: 14px;
		line-height: 20px;
		color: #666;
		height: 80px;
		overflow: hidden;
	}
	.pro_item .more{
		width: calc(100% - 20px);
		display: block;
		height: 40px;
		line-height: 40px;
		border: 1px solid #eee;
		margin: 10px auto;
		color: #999;
		text-align: center;
		font-size: 14px;
	}
	.pro .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 0px !important;
	}
	.pro .swiper-pagination-bullet{
		background: #fff;
		opacity: 1;
	}
	.pro .swiper-pagination-bullet-active{
		background: #FA9F06;
		position: relative;
	}
	.pro .swiper-pagination-bullet-active:after{
		content: "";
		display: block;
		height: 16px;
		width: 16px;
		border-radius: 100%;
		border: 1px solid #FA9F06;
		left: -5px;
		top: -5px;
		position: absolute;
	}
/*浜у搧 end*/


/*浼樺娍 start*/
.jd ul li{
	position: relative;
}
.jd ul li .desc{
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
.jd ul li img{
	width: 100%;
}
.jd h3{
	font-size: 60px;
	font-family: beba;
	position: relative;
}
.jd .li_s h3{
	font-size: 24px
}
.jd h3 sub{
	font-size: 14px;
	position: absolute;
	top: 50%;
	padding-left: 5px;
}
.jd span{
	font-size: 18px;
}
.jd p{
	font-size: 14px;
}
/*浼樺娍 end*/





/*section5*/
#section5{
	background: #0060a6;
	position: relative;
}
#section5 .left{
	position: relative;
}
#section5 .left .img{
	position: absolute;
	transition: .5s;
	top: 0;
}
#section5 .left .img img{
	width: 100%;
}
#section5 .left .img:first-child{
	opacity: 1;
}
#section5 .left .img:last-child{
	opacity: 0;
}
#section5 .left .sel {
}
#section5 .left .sel ul li{
	background: #2791e0;
	box-sizing: border-box;
	padding: 10px 10px;
	height: 55px;
	margin-bottom: 20px;
	position: absolute;
	right: 0;
	width: 170px;
	transition: .5s;
	cursor: pointer;
	z-index: 1111;
}
#section5 .left .sel .li1{
	bottom: 100px;
}
#section5 .left .sel .li2{
	bottom: 40px;
}
#section5 .left .sel .li3{
	bottom: -20px;
}
#section5 .left .sel ul li p{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	position: relative;
}
#section5 .left .sel ul li p:after{
	content: "+";
	position: absolute;
	top: 20px;
	left: 0;
}
#section5 .left .sel ul li span{
	font-size: 14px;
	color: #fff;
	display: none;
	white-space: normal;
	height: 20px;
	overflow: hidden;
}

#section5 .left ul li.active{
	background: #FA9F06;
	width: 210px;
}
#section5 .left ul li.active span{
	display: block;
}
#section5 .left ul li.active p:after{
	display: none;
}
	
#section5 .right{
	width: 100%;
	height: 100%;
}
#section5 .right .top{
	box-sizing: border-box;
	height: 50%;
	padding-top: 40px;
	padding-bottom: 60px;
}
#section5 .right .title{
	color: #fff;
	margin-top: 15px;
} 
#section5 .right .title span{
	font-size: 28px;
}
#section5 .right .title p{
	font-size: 14px;
}
#section5 .right .top .desc{
	padding: 10px 0;
}
#section5 .right .top .desc span{
	font-size: 14px;
	color: #fff;
	color: rgba(255,255,255,.7);
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#section5 .right .top a{
	margin-top: 10px;
	display: block;
	width: 140px;
	height: 35px;
	border: 1px solid #99bfdb;
	color: #fff;
	color: rgba(255,255,255,.6);
	text-align: center;
	line-height: 35px;
	transition: .5s;
}
#section5 .right .top a:hover{
	background: #FA9F06;
	border: 1px solid #FA9F06;
	color: #fff;
}
#section5 .bot{
	height: 50%;
	position: relative;
	background: #005390;
}
#section5 .bot_box{
	width: 33.3%;
	float: left;
	height: 100%;
}
#section5 .b1{
	background: rgba(0, 120, 205, 0.85);
}
#section5 .b2{
	background: #0067b0;
}
#section5 .b3{
	background: #005390;
}
#section5 .b3 .desc{
	width: 70px !important;
	margin: 0 auto;
	padding-top: 0 !important;
	padding-bottom: 60px !important;
}

#section5 .bot_box{
	color: #fff;
	text-align: center;
}
#section5 .bot_box sub{
	font-size: 12px;
	padding-left: 5px;
}
#section5 .bot_box p{
	line-height: 40px;
}
#section5 .bot_box p span{
	font-size: 25px;
	font-family: beba;
}
#section5 .bot_box .desc>span{
	font-size: 12px;
	display: block;
}
#section5 .bot_box .desc,#section5 .jj .desc{
	display: block;
	margin: 0 auto;
	padding: 30px 0;
}
#section5 .bot_box .desc{
	text-align: left;
	width: 110px;
}
#section5 .bot .jj{
	position: absolute;
	display: block;
	height: 100%;
	width: 50%;
	left: -50%;
	bottom: 0;
	background: #0086e7;
	background: rgba(0,134,231,.6);
}

#section5 .jj{
	color: #fff;
}
#section5 .jj i{
	display: block;
	height: 74px;
	width: 50px;
	background: url(../images/about_icon.png) no-repeat;
	background-position: 5px 17px;
}
#section5 .jj p span{
	font-size: 60px;
	font-family: beba;
}
#section5 .jj p sub{
	font-size: 18px;
	padding-left: 10px;
}
#section5 .jj .desc>span{
	display: block;
	margin-top: 40px;
}




/*footer start*/
.footer{
	background: #003b67;
	padding: 20px 0;
	color: rgba(255,255,255,.8);
	text-align: center;
}
.footer .wechat{
	width: 80px;
	margin: 0 auto;
}
.footer span{
	color: #FA9F06;
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
}
.footer p{
	padding: 2px 0;
	font-size: 13px;
}
.footer .bq{
	padding-top: 20px;
	font-size: 12px;
}
/*footer end*/











/*鍏充簬鎴戜滑 start*/

.ab_title{
	text-align: center;
	margin-bottom: 30px;
}
.ab_title span{
	font-size: 22px;
	display: block;
	font-weight: bold;
	color: #333;
}
.ab_title p{
	font-size: 14px;
	color: #666;
}
.ab_title i{
	width: 50px;
	height: 2px;
	background: #005390;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}


.a_about{
	background: #f3f3f3;
	padding-bottom: 60px;
}
.a_about .left{
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.a_about .left .img img{
	width: 100%;
}
.a_about .left .title{
	font-size: 100px;
	color: #ccc;
}
.a_about .right{
	width: 100%;
	float: right;
	box-sizing: border-box;
	padding-top: 40px;
}
.a_about .right .title{
	font-size: 16px;
	color: #444;
}
.a_about .right i{
	display: block;
	width: 60px;
	height: 4px;
	background: #4885b2;
	margin: 20px 0;
}
.a_about .right .title span{
	font-size: 22px;
	color: #005390;
	font-weight: bold;
}
.a_about .right .desc span{
	color: #666;
	font-size: 14px;
	line-height: 28px;
}





.b_about{
	margin: 50px 0;
}

.b_about .cont .com1{
	width: 31%;
	margin: 0 1%;
	margin-bottom: 30px;
	float: left;
}
.b_about .cont .com2{
	width: 32.3%;
	margin: 0 .5%;
	float: left;
}
.b_about .cont .com .img{	
	width: 100%;
}
.b_about .cont .com1 .img{
	overflow: hidden;
}
.b_about .cont .com2 .img{
	overflow: hidden;
}
.b_about .cont .com img{
	width: 100%;
	transition: .5s;
}
.b_about .cont .com .desc{
	text-align: center;
	margin-top: 10px;
}
.b_about .cont .com .desc span{
	font-size: 14px;
	line-height: 35px;
	color: #666;
}
.b_about .cont .com .desc p{
	font-size: 12px;
	color: #999;
}
.b_about .cont .com:hover img{
	transform: scale(1.1);
}






.c_about{
	padding: 50px 0 100px 0;
	background: #F3F3F3;
}
.honor_box{
	/* width: 1200px; */
	margin: 0 auto;
}
.honor_box .img{
}
.honor_box img{
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}
.honor_box .slick-prev,.honor_box .slick-next{
	background: url(../images/next_year.png);
	border: none;
	height: 45px;
	width: 25px;
}
.honor_box .slick-prev{
	left: -30px;
}
.honor_box .slick-next{
	right: -30px;
	background-position: -25px 0;
}

.honor_box .slick-dots{
	bottom: -45px !important;
}
.honor_box .slick-dots li{
	margin: 0 10px;
}
.honor_box .slick-dots li button{
	background: #ddd;
	border: none;
	height: 10px;
	width: 10px;
	outline: none;
}
.slick-dots li.slick-active button{
	background: #fa9f06;
}
.slick-dots li.slick-active:after{
	content: "";
	display: block;
	height: 18px;
	width: 18px;
	border: 1px solid #FA9F06;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	top: -5px;
}



.d_about{
	padding: 60px 0px 60px 0;
}
.d_about ul li{
	float: left;
	width: 25%;
	text-align: center;
	margin: 10px 0;
}
.d_about ul li img{
	display: inline-block;
	width: 150px;
}




.e_about {
  padding: 6.25% 0 75px;
}
.e_about .mktitle {
  text-align: center;
  margin-bottom: 4.1666%;
}
.e_about .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e_about .li {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
  width: 10%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 600px;
  border-right: 1px solid #687f8f;
  border-right: 1px solid rgba(0,83,143,.5);
  position: relative;
  overflow: hidden;
}

.e_about .li:first-child{
  border-left: 1px solid #687f8f;
  border-left: 1px solid rgba(0,83,143,.5);
}
.e_about .li .dtl {
  width: 100%;
  position: absolute;
  left: 0;
  top: 40%;
  text-align: center;
  font-size: 24px;
  color: #005390;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.e_about .li .indiv {
  opacity: 0;
  position: absolute;
  width: 250px;
  left: 50%;
  top: 40%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.e_about .li .indiv .iconbox {
  width: 250px;
  height: 250px;
  background-color: #005390;
  border: #005390;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  margin: 0 auto 55px;
}
.e_about .li .indiv .iconbox .icon {
  width: 100px;
  margin: 45px auto 20px;
}
.e_about .li .indiv .iconbox .text {
  text-align: center;
}
.e_about .li .indiv .iconbox .text .cn {
  font-size: 24px;
  color: #fff;
  margin-bottom: 12px;
}
.e_about .li .indiv .iconbox .text .en {
  color: #fff;
}
.e_about .li .indiv .infobox {
  text-align: center;
  line-height: 28px;
  color: #005390;
}
.e_about .actli {
  width: 50%;
}
.e_about .actli .dtl {
  top: 20%;
  opacity: 0;
}
.e_about .actli .indiv {
  -webkit-transition: all .4s .4s;
  -o-transition: all .4s .4s;
  -moz-transition: all .4s .4s;
  transition: all .4s .4s;
  width: 100%;
  top: 15%;
  opacity: 1;
  
}

.gsln{
	margin-top: 40px;
}
.gsln ul li{
	float: left;
	width: 48%;
	margin: 10px 1%;
	box-sizing: border-box;
}
.gsln i{
	display: block;
	width: 48px;
	width: 48px;
	margin: 0 auto;
}
.gsln .desc{
	box-sizing: border-box;
	text-align: center;
	padding: 0 10px;
}
.gsln .desc span{
	font-size: 16px;
	color: #005390;
	font-weight: bold;
}
.gsln .desc p{
	font-size: 14px;
}







    .d_about .swiper-container3 {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
		overflow: hidden;
		position: relative;
		padding-bottom: 50px;
    }
    .d_about .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        border: 1px solid #eee;
		box-sizing: border-box;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	.d_about .swiper-button-next,.d_about .swiper-button-prev{
		top: 60%;
		background: url(../images/next_year.png) no-repeat;
	}
	.d_about .swiper-button-next{
		background-position: -25px 0;
	}
	.d_about .swiper-button-prev{		
		background-position: 0 0;
	}
	.d_about .cont{
		margin: 0 auto;
	}
	.d_about .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 10px;
	}
	.d_about .swiper-pagination-bullet{
		height: 10px;
		width: 10px;
		background: #ddd;
		opacity: 1;
	}
	.d_about .swiper-pagination-bullet-active{
		background: #FA9F06;
		position: relative;
	}
	.d_about .swiper-pagination-bullet-active::after{
		content: "";
		display: block;
		height: 18px;
		width: 18px;
		border-radius: 100%;
		border: 1px solid #FA9F06;
		position: absolute;
		top: -5px;
		left: -5px;
	}
/*鍏充簬鎴戜滑 end*/









/*鎶€鏈紭鍔 start*/
.a_js{
	margin: 40px 0 60px 0;
}
.a_js ul li{
	text-align: center;
	float: left;
	width: 49%;
	margin: .5%;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding: 5px 10px;
	padding-top: 20px;
	transition: .3s;
}
.a_js ul li span{
	font-size: 16px;
	line-height: 50px;
	color: #333;
	line-height: 35px;
}
.a_js ul li p{
	font-size: 12px;
	color: #666;
	/* height: 60px; */
}
.a_js ul li i{
	display: block;
	height: 48px;
	width: 48px;
	margin: 0 auto;
	font-size: 40px;
	color: #666;
	margin-bottom: 5px;
	margin-top: 0px;
}
.a_js ul li:hover{
	background: #0067B0;
}
.a_js ul li:hover i{
	color: #fff;
}
.a_js ul li:hover span,.a_js ul li:hover p{
	color: #fff;
}

.b_js{
	padding: 50px 0 40px;
	background: #F3F3F3;
}
.b_js ul li{
	float: left;
	width: 31.333%;
	margin: 0 1%;
}
.b_js ul li .img{
	overflow: hidden;
	box-sizing: border-box;
	padding: 0px;
	border: 1px solid #ddd;
	border-radius: 20px;
}
.b_js ul li .img img{
	border-radius: 20px;
	width: 100%;
	transition: .5s;
}
.b_js ul li span{
	display: block;
	text-align: center;
	/* line-height: 60px; */
	font-size: 16px;
	color: #333;
}
.b_js ul li:hover img{
	transform: scale(1.1);
}
.b_js ul li:hover span{
	color: #0067B0;
}

.c_js{
	margin: 50px 0 0px 0;
	position: relative;
}

.c_js .left{
	width: 100%;
}
.c_js .left .gs_item{
	width: 100%;
	overflow: hidden;
}
.c_js .left img{
	width: 100%;
}
.c_js .slick-dots{
	text-align: left;
	left: 20px;
	bottom: 20px;
}
.c_js .slick-dots li{
	margin: 0 8px;
}
.c_js .slick-dots li button{
	border: none;
	height: 10px;
	width: 10px;
	outline: none;
}


.c_js .right{
	width: 100%;
	position: relative;
	height: 100%;
}
.c_js .right .top{
	/* background: #F3F3F3; */
	background: #0060a6;
	height: 50%;
	box-sizing: border-box;
	padding: 30px 0;
}
.c_js .right .top .title{
	padding-top: 20px;
}
.c_js .right .top .title span{
	font-size: 22px;
	/* color: #333; */
	color: #fff;
}
.c_js .right .top .title p{
	font-size: 12px;
	/* color: #666; */
	color: #fff;
}
.c_js .right .top .title i{
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 15px 0;
}
/* .c_js .right .top .desc{
	margin-top: 20px;
} */
.c_js .right .top .desc span{
	font-size: 14px;
	line-height: 25px;
	/* color: #999; */
	color: rgba(255,255,255,.8);
}
.c_js .right .bot{
	height: 50%;
}
.c_js .right .bot .num_box{
	height: 100%;
	width: 50%;
	float: left;
}
.c_js .right .bot .num_box1{
	/* background: #e0e0e0; */
	background: #0067b0;
}
.c_js .right .bot .num_box2{
	/* background: #ddd; */
	background: #005390;
}
.c_js .num_box p{
	font-size: 12px;
	color: #fff;
}
.c_js .num_box p span{
	font-size: 30px;
	color: #fff;
	font-family: beba;
}
.c_js .num_box .desc>span{
	font-size: 12px;
	margin-top: 10px;
	display: block;	
	color: #fff;
}
.c_js .num_box .desc{
	width: 120px;
	margin: 0 auto;
	position: relative;
	margin-top: 44%;
	transform: translateY(-50%);
}
.c_js .zw_box{
	bottom: 0;
	z-index: 111;    
	background: #0a4c7b;
	height: 50%;
	width: 100%;
}
.c_js .zw_box ul{
	height: 100%;
}
.c_js .zw_box ul li{
	width: 50%;
	height: 50%;
	float: left;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.c_js .zw_box ul li p span{
	font-size: 50px;
	font-family: beba;
}
.c_js .zw_box ul li p{
	font-size: 14px;
}
.c_js .zw_box ul li .desc{
	margin: 20px 0;
}
.c_js .zw_box ul li .desc>span{
	font-size: 14px;
}
/*鎶€鏈紭鍔 end*/









@font-face {
  font-family: 'iconfont3';
  src: url('../fonts/iconfont3.eot');
  src: url('../fonts/iconfont3.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont3.woff2') format('woff2'),
      url('../fonts/iconfont3.woff') format('woff'),
      url('../fonts/iconfont3.ttf') format('truetype'),
      url('../fonts/iconfont3.svg#iconfont') format('svg');
}
.iconfont3 {
  font-family: "iconfont3" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






@font-face {
	font-family: "beba";
	src: url(../fonts/BebasNeue.otf);
}

.about-nav{
    width: 100%;
    font-size: 18px;
    padding: 30px 0 30px;
}
.about-nav i{
    width: 5px;height: 5px;
    display: inline-block;
    background: #e4e4e4;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px;
}
.about-nav i:last-of-type{
    display: none
}
.about-nav .action{
    color: #E60012 
}
.about-bananr{
    width: 100%;
    position: relative;
}
.about-bananr > img{
    width: 100%;
    height: auto;
}
.about-bananr .txt{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
    padding: 0 7%;
}
.about-bananr .txt h5{
   font-size: 22px;
   color: #FFFFFF;
   line-height: 30px;

}
.about-bananr .txt  i{
    width: 38px;
    height: 0px;
	display: inline-block;
    background: url('../images/ghjs-pages.png') no-repeat center !important;
    margin: 10px 0 4px;
}
.about-bananr .txt p{
    font-size: 16px;
    color: #fff;
}
.about-bananr .des{
    width: 100%;
    position: absolute;
    bottom: 6%;
    left: 0;
    box-sizing: border-box;
    padding: 0 7%;
    text-align: right;
    font-size: 16px;
    color: #fff
}
.about-bananr .des.crumbs1 {
	color: #333;
}
.about-bananr .des.crumbs1 a{
	color: #333;
}
.about-bananr .des a{
    font-size: 16px;color: #fff;
    display: inline-block;
    margin-right: 4px;
}
.about-bananr .des a:hover{
    color: #E60012 
}
.about-set2{
    padding: 35px 15px 0;
}
.about-set2 .img{
    width: 100%;
    
}
.gyzz{
	position: absolute;
	top: 0;
}
.about-set2 .txt{
    /* padding-top: 25px; */
}
.about-set2 .txt h5{
    font-size: 24px;
    color: #666
}
.about-set2 .txt  h6{
    font-size: 18px;
    color: #333;
    line-height:30px;
    padding: 15px 0 20px;
    width: 80%;
}
.about-set2 .txt p{
    font-size: 16px;
    line-height: 1.8;
    color: #666
}
.about-set3{
    padding: 30px 12px;
}
.about-set3 li{margin-bottom: 18px;}
.about-set3 li p{
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    line-height: 28px;
}
.about-set3 li p span{
    color: #E60012 
}

.about-set4{
    width: 100%;
    position: relative;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.about-set4 >img{
    width: 100%;
    height: auto;
}
.about-set4-cont{
    background: #fdfdfd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 32px 0 30px;
    text-align: center;
    width: 80%;
}
.about-set4-cont .txt{
    text-align: center
}
.about-set4-cont .txt img{height: 60px;}
.about-set4-cont .txt p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 25px;
    line-height: 30px;font-family: CNHeavy;
    padding-left: 10px;
}
.about-set4-cont .txt span{
    display: block
}
.about-set4-cont h5{
    text-align: center;
    font-size: 18px;color: #333;
    padding-top: 25px;
    margin-bottom: 40px;
    width: 80%;
    margin: 0 auto;
}
.about-set4-cont  a{
    display: inline-block;
    font-size: 16px;
    color: #E60012 ;
    border-bottom: 1px solid #E60012 ;
}
.about-set5{
    padding: 20px 15px 0;
}
 .about-title{
     width: 100%;
     padding: 30px 0 20px;
 }
 .about-title h5{
     font-size: 26px;
     color: #333
 }
 .about-title p{
     font-size: 16px;color: #666
 }
 .about-set5-cont{
     width: 100%;
     position: relative;
 }
 .about-set5-cont i{
     width: 32px;
     height: 32px;
     position: absolute;
     top: 50%;
     display: block;
     border-radius: 50%;

     z-index: 10;
     cursor: pointer;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 .about-set5-cont .next{
     background: url('../images/left-ico.png') no-repeat 3px center;
     background-color: #fff;
     left: 50px;
 }
 .about-set5-cont .next:hover{
    background-position: -48px center;
    background-color: #091115
 }
 .about-set5-cont .prev{
    background: url('../images/rigth-ico.png') no-repeat -56px center;
    background-color: #fff;
    right:50px;
 }
 .about-set5-cont .prev:hover{
    background-position: 0px center;
    background-color: #091115
 }
 .about-set5-cont li img{
     max-width: 100%;
     height: auto;
 }
 .about-set5 > p{
     font-size: 14px;color: #666;
     padding: 30px 0 20px;
	 line-height: 30px;
 }
 .about-set6{
     padding: 0 10px;
 }
 .about-set6-cont{
     width: 100%;
     padding-bottom: 25px;
 }
 .about-set6-cont2{
	 border-bottom: 1px solid #000000;
 }
 .about-set6-cont li{
     width: 50%;
     float: left;
     text-align: center;
     cursor: pointer;
     margin-bottom: 14px;
 }
 .about-set6-cont li .img{
     margin: 6px 5px;
 }
 .about-set6-cont li p{
     font-size: 16px;
     color: #666;
     padding-top: 10px;
 }
 .about-set6-cont li .img1{
	 transition: all 2s; 
 }
 .about-set6-cont li .img2 {
     opacity: 0;
     visibility: hidden;
     display: none;
	 transition: all 2s;
 }
 .about-set6-cont li:hover .img1 {
     opacity: 0;
     visibility: hidden;
     display: none;
	 transition:transform 2s;
 }
 .about-set6-cont li:hover .img2 {
     opacity: 1;
     visibility: visible;
     display: block;	 
 }
 .about-h-title{
     text-align: center;
     padding: 60px 0 50px;
 }
 .about-h-title h5{
     font-size: 36px;
     color: #333;
     line-height: 42px;
 }
 .about-h-title p{
     font-size: 24px;
     color: #333
 }
 .about-h-cont{
     width: 100%;
     padding-bottom: 10px;
     border-bottom: 3px solid #000000
 }
 .about-h-cont li{
     width: 24%;
     float: left;
     margin-right: 1.33%;
     margin-bottom: 20px;
     background: #f4f4f4;
     padding: 10px 0;
 }
 .about-h-cont li:nth-of-type(4n){
     margin-right: 0;
 }
 .more-x{
     width: 100%;
     text-align: center;
     cursor: pointer;
     margin: 60px 0;
 }
 .more-x i{
     width: 16px;
     height: 6px;
     background: url('../images/more-x.png') no-repeat center ;
     display: inline-block;
     margin-bottom: 12px;
 }
 .more-x p{
     font-size: 16px;
     color: #E60012
 }
 .about-hz-title{
     text-align: center;
     padding: 70px 0;
 }
 .about-hz-title h5{
     font-size: 36px;color: #333
 }
 .about-hz-title h6{
     font-size: 24px;color: #333;
     margin-bottom: 40px;
 }
 .about-hz-title p{
     font-size: 16px;color: #666
 }

 .contact-vs{
    width: 100%;
    padding-bottom: 30px;
}
.contact-vs h2{
    /* text-align: center; */
    font-size: 25px;
    color: #333;
	padding: 35px 7% 26px 7%;
}
.contact-vs ul{
    /* width: 66%; */
    /* margin: 0 auto; */
	padding: 0 7%;
}
.contact-vs li {
    margin-bottom: 12px;
}
.index-set5-new li:hover h6{
    color: #005390 
}
.contact-vs li p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 6px;
}
.contact-vs li img{
    height: 40px;
}
.contact-vs li p span{
    font-size: 18px;
    color: #005390 ;
    display: block;
    line-height: 28px;
}

.contact-ly{
    background: url('../images/conatct-bj.png') no-repeat center top;
    padding: 30px 15px;
    box-sizing: border-box;
	background-size: cover;
}
.contact-ly-cont{
   background: #fff; 
   text-align: center;
   box-sizing: border-box;
}
.contact-ly-title{
    margin-bottom: 28px;
    padding-top: 30px;
}
.contact-ly-title h3{
    font-size: 26px;
}
.contact-ly-title p{
    color: #707070;
    font-size: 16px;
}
.contact-ly-c label{
    width: 95%;
    display: block;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin: 0 auto 24px;
	text-align: left;
}
.contact-ly-c label span{
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: middle;padding-right: 5px;
    border-right: 1px solid #e7e7e7;
    padding-left: 6px;
    margin-right: 5px;
}
.contact-ly-c label input{position: absolute;height: 26px;}
.contact-ly-c textarea{
    width: 95%;
    border: 1px solid #f2f2f2;
    padding: 12px 18px;
    display: block;
    height: 200px;
    margin: 0 auto;
	box-sizing: border-box;

}
.contact-ly-c .submit{
    width: 137px;
    line-height: 40px;
    background-color: #005390 ;
    background-position: 26px center;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}
.contact-zx{
    margin-top: 70px;
    position: relative;
}
.contact-zx .ves{
    position: absolute;
    bottom: 26px;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #fff;
    width: 330px;
    text-align: center;
    padding: 10px 30px 10px;
}
.contact-zx .ves p{
    font-size: 16px;
    color: #666;
    margin-bottom: 8px;
}
.contact-zx .ves a{
    color: #E60012 ;
    font-size: 16px;
}
.contact-text{
    padding-bottom: 62px;
}

.bg_ov table td{
	width: 30px;
	padding: 1px;
}