*{
	margin: 0;
	padding: 0;
}
html,body{
	min-width: 1400px;
	position: relative;
	font-family: "微软雅黑";
  scroll-behavior: smooth;
}
a{
	color: #222;
	text-decoration: none;
}
li{
	list-style: none;
}
img{
	display: block;
}
.container{
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.zw{
	display: block;
	overflow: hidden;
	height: 0;
	opacity: 0;
}
.clear:after{
	content: "";
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
}

/*导航*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111111;
	color: #fff;
	height: 80px;
	line-height: 80px;
	text-align: center;
	width: 100%;
	background: #005390;
}
.header_zw{
	height: 80px;
}
.header .logo{
	float: left;
	margin-top: 15px;
}
.header .logo img{
	height: 100%;
}
.header .nav{
	float: right;
}
.header .nav {
	margin-right: 30px;
}
.header .nav ul li{
	float: left;
	margin: 0 25px;
}
.header .nav>ul>li.sel>a,.header .nav>ul>li:hover>a{
	color: #fa9f06;
}
.header .nav>ul>li.sel>a:before,.header .nav>ul>li:hover>a:before{
	width: 100%;
}
.header .nav>ul>li.sel a::after,.header .nav>ul>li:hover a::after{
	background: url(../images/nav_more_active.png) no-repeat !important;
}
.header .nav ol li:hover a{
	color: #FA9F06;
}
.header .nav ul li a{
	color: #fff;
	position: relative;
	transition: .3s;
	display: block;
}
.header .nav ul li>a:before{
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #FA9F06;
	position: absolute;
	bottom: 30px;
	transition: .5s;
	top: 78px;
}
.header .have_m>a:after{
	content: "";
	display: block;
	height: 5px;
	width: 9px;
	position: absolute;
	right: -15px;
	top: 40px;
	background: url(../images/nav_more.png) no-repeat;
	transition: .5s;
}
.header .subnav{
	position: absolute;
	display: none;
	width: 100%;
	padding: 0 260px;
	left: -260px;
	background: rgba(2,56,123,.5);
}
.header .subnav ol{
	float: right;
	margin-right: 150px;
}
.header .subnav ol li {
	top: -10px;
	/* left: -50%; */
}
.header .subnav ol li a{
	font-size: 14px;
	color: #fff;
	color: rgba(255,255,255,.8);
}

.header .more{
	float: right;
}
.header .more .leng{
	height: 30px;
	width: 30px;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 100%;
	background: url(../images/head_icon.png) no-repeat;
	background-position: 7px 4px !important; 
	float: left;
	margin: 24px 5px;
	opacity: .6;
	transition: .5s;
}
.header .more .leng:hover{
	opacity: 1;
	background: url(../images/head_icon_hover.png) no-repeat #fff;
}
.header .more .leng a{
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 100%;
}
.header .more .wechat{
	height: 30px;
	width: 30px;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 100%;
	background: url(../images/head_icon.png) no-repeat;
	background-position: -28px 4px !important; 
	float: left;
	margin: 24px 5px;
	opacity: .6;
	transition: .5s;
	cursor: pointer;
	position: relative;
}
.header .more .wechat:hover{
	background: url(../images/head_icon_hover.png) no-repeat #fff;
	opacity: 1;
}
.header .more .wechat:hover .ewm{
	display: block;
}
.header .more .wechat .ewm{
	position: absolute;
	top:40px;
	left: -30px;
	display: none;
	transition: .5s;
} 
.header .more .wechat .ewm img{
	width: 100px;
}
.header .more .phone{
	float: left;
	margin: 0 10px;
	font-size: 24px;
	font-family: impact;
	opacity: .6;
}
.header .more .phone i{
	display: inline-block;
	height: 30px;
	width: 30px;
	background: url(../images/head_icon.png) no-repeat;
	background-position: -80px 0px;
	float: left;
	margin: 27px 15px 0 0px;
}

#fp-nav ul li a span{
	background: #ccd1d9;
	height: 7px;
	width: 7px;
}
#fp-nav ul li{
	position: relative;
	margin: 20px 10px;
}
#fp-nav ul li:after{
	content: "";
	width: 1px;
	height: 30px;
	background: #ccd1d9;
	position: absolute;
	top: 10px;
	left: 8px;
}
#fp-nav ul li:last-child:after{
	display: none;
}
#fp-nav ul li a.active span{
	margin: -2px 0px 0px -2px;
	height: 7px;
	width: 7px;
}
#fp-nav ul li a.active span:before{
	content: "";
	display: block;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	border: 1px solid #CCD1D9;
	position: absolute;
	left: -5px;
	top: -5px;
}
#fp-nav ul li:hover span{
	height: 7px !important;
	width: 7px !important;
	transform: scale(1.4);
	margin: -2px 0 0 -2px !important;
}
/*第一屏*/
.banner_box{
	height: 100%;
	width: 100%;
}
.banner{
	background-size: cover !important;
	position: relative;
	height: 100%;
	width: 100%;
}
.banner_box .slick-list,.banner_box .slick-track{
	height: 100%;
}
#section1 span{
	font-size: 48px;
	color: #fff;
	position: absolute;
	top: 250px;
	opacity: 0;
	margin-left: -30px;
	transition: .5s;
}
#section1 a{
	position: absolute;
	top: 450px;
	color: #fff;
	color: rgba(255,255,255,.6);
	width: 180px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border: 1px solid #fff;
	border: 1px solid rgba(255,255,255,.6);
	transition: .5s;
	opacity: 0;
	margin-left: -30px;	
	transition: .5s;
}
#section1 a:hover{
	background: #FA9F06;
	color: #fff;
	border: 1px solid #FA9F06;
}
#section1 .slick-dots{
	bottom: 30px;
}
#section1 .slick-dots li{
	margin: 0 10px;
}
#section1 .slick-dots li button{
	border: none;
	height: 10px;
	width: 10px;
	outline: none;
	transition: .3s;
}
#section1 .slick-dots li.slick-active button{
	background: #FA9F06;
}
#section1 .slick-dots li.slick-active::after{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	border: 1px solid #FA9F06;
	position: absolute;
	top: -6px;
	left: -6px;
	border-radius: 100%;
}

/*section2*/
#section2{
	background: url(../images/page2_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
#section2 .batt_box{
	margin-top: 160px;
	text-align: center;
}
#section2 .slick-prev,#section2 .slick-next{
	border: none;
	display: block;
	height: 95px;
	width: 75px;
	background: url(../images/prev_next.png) no-repeat;
	top: 40%;
}
.batt_item .img{
	width: 100%;
	text-align: center;
}
.batt_item .img img{
	display: inline-block;
	width: 1100px;
}
.batt_item .desc{
	margin-top: 50px;
}
.batt_item .desc span{
	color: #fff;
	font-size: 30px;
}
.batt_item .desc p{
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}

#section2 .slick-prev{
	left: -80px;
}
#section2 .slick-next{
	right: -80px;
	background-position: -80px 0;
}
.wave-canvas-wrapper{
	height: 400px;
	width: 1000px;
	z-index: 111;
	position: absolute;
}
#section2 #cans{
	position: absolute;
	z-index: 1;
	overflow: hidden;
	height: 600px;
	bottom: 0;
}
#section2 .img{
	position: relative;
}
#section2 .img .info{
	position: absolute;
	cursor: pointer;
}
#section2 .info .num{
	font-size: 18px;
	color: #fff;
}
#section2 .info i{
	display: block;
	height: 30px;
	width: 30px;
	background: rgba(255,255,255,.6);
	border-radius: 100%;
	position: relative;	
	animation: info_dh 1s infinite;
}
#section2 .info i:after{
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	background: rgba(255,255,255,.8);
	border-radius: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
}
/* #section2 .info:hover .desc{
	display: block;
	opacity: 1;
} */
#section2 .info .desc{
	position: absolute;
	width: 230px;
	top: 10px;
	left: 50px;
	margin: 0;
	text-align: left;
	display: none;
	background: #005390;
	border-radius: 10px;
	z-index: 111;
	box-sizing: border-box;
	/* padding-left: 10px; */
	padding: 10px 20px;
}
#section2 .info .desc span{
	color: #fff;
	font-size: 16px;
}
#section2 .info .desc p{
	color: #fff;
	font-size: 12px;
}

#section2 .info_a1{
	top:218px;
	left: 343px;
}
#section2 .info_a2{
	top:226px;
	left: 407px;
}
#section2 .info_a3{
	top:223px;
	left: 490px;
}
#section2 .info_a4{
	top:386px;
	left: 630px;
}
#section2 .info_a5{
	top:261px;
	left: 667px;
}
#section2 .info_a6{
	top:228px;
	left: 861px;
}
#section2 .info_a7{
	top:370px;
	left: 935px;
}

#section2 .info_b1{
	top:284px;
	left: 222px;
}#section2 .info_b2{
	top:349px;
	left: 285px;
}#section2 .info_b3{
	top:358px;
	left: 342px;
}#section2 .info_b4{
	top:303px;
	left: 395px;
}#section2 .info_b5{
	top:343px;
	left: 441px;
}#section2 .info_b6{
	top:346px;
	left: 497px;
}#section2 .info_b7{
	top:305px;
	left: 537px;
}#section2 .info_b8{
	top:238px;
	left: 593px;
}#section2 .info_b9{
	top:275px;
	left: 613px;
}#section2 .info_b10{
	top:412px;
	left: 726px;
}#section2 .info_b11{
	top:289px;
	left: 727px;
}#section2 .info_b12{
	top:369px;
	left: 890px;
}#section2 .info_b13{
	top:397px;
	left: 952px;
}#section2 .info_b14{
	top:312px;
	left: 1024px;
}#section2 .info_b15{
	top:280px;
	left: 1123px;
}




#section2 .info_c1{
	top:167px;
	left: 284px;
}
#section2 .info_c2{
	top: 154px;
	left: 381px;
}
#section2 .info_c3{
	top: 343px;
	left: 431px;
}
#section2 .info_c4{
	top: 321px;
	left: 528px;
}
#section2 .info_c5{
	top: 263px;
	left: 551px;
}
#section2 .info_c6{
	top: 327px;
	left: 590px;
}
#section2 .info_c7{
	top: 269px;
	left: 630px;
}
#section2 .info_c8{
	top: 215px;
	left: 670px;
}
#section2 .info_c9{
	top: 177px;
	left: 880px;
}
#section2 .info_c10{
	top: 201px;
	left: 973px;
}
#section2 .info_c11{
	top: 344px;
	left: 1077px;
}
#section2 .info_c12{
	top: 281px;
	left: 1130px;
}
#section2 .slick-dots{
	bottom: -80px;
}
#section2 .slick-dots li{
	margin: 0 10px;
}
#section2 .slick-dots li button{
	border: none;
	height: 10px;
	width: 10px;
	outline: none;
	transition: .3s;
}
#section2 .slick-dots li.slick-active button{
	background: #FA9F06;
}
#section2 .slick-dots li.slick-active::after{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	border: 1px solid #FA9F06;
	position: absolute;
	top: -6px;
	left: -6px;
	border-radius: 100%;
}


/*section3*/
#section3{
	background: url(../images/page3_bg.jpg) no-repeat;
	background-size: cover;
}
#section3 .title{
	margin-top: 120px;
	margin-bottom: 25px;
}
#section3 .title span{
	color: #fff;
	font-size: 36px;
}
#section3 .title p{
	color: #fff;
	line-height: 35px;
}
#section3 .sel{
	float: left;
	width: 20%;
	background: #0060a6;
}
#section3 .sel ul li{
	height: 100px;
	text-align: center;
	box-sizing: border-box;
	border-top: 1px solid #005390;
	transition: .3s;
	cursor: pointer;
}
#section3 .sel ul li .icon{
	display: block;
	height: 35px;
	width: 42px;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 5px;
	background: url(../images/pro_icon.png) no-repeat;
}
#section3 .icon2{
	background-position: -103px 0 !important;
}
#section3 .icon3{
	background-position: -202px 0 !important;
}
#section3 .icon4{
	background-position: -305px 0 !important;
}
#section3 .icon5{
	background-position: -409px 0 !important;
}
#section3 .icon6{
	background-position: -510px 0 !important;
}
#section3 .cont{
	float: right;
	width: 79%;
}
#section3 .sel ul li a{
	color: #fff;
}
#section3 .sel ul li.on{
	background: #FA9F06 !important;
}


#section3 .cont .pro_item{
	width: 32%;
	background: #fff;
	margin: 0 .5%;
	box-sizing: border-box;
	padding: 10px;
	float: left;
}
#section3 .pro_item .img{
	overflow: hidden;
	height: 295px;
}
#section3 .pro_item img{
	width: 100%;
	transition: .3s;
}
#section3 .pro_item .desc{
	height: 175px;
	box-sizing: border-box;
	padding:0 10px 10px 10px;
	margin-bottom: 45px;
}
#section3 .pro_item span{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
#section3 .pro_item p{
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	height: 100px;
}
#section3 .pro_item .more{
	display: block;
	width: 94%;
	margin: 0 3%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	color: #c2c2c2;
	margin-bottom: 15px;
	transition: .3s;
}
#section3 .pro_item:hover img{
	transform: scale(1.1);
}
#section3 .pro_item:hover .more{
	background: #0060a6;
	color: #fff;
}



/*setcion4*/
.swiper-container1{
	height: 100%;
	pointer-events: none;
}
.col33,
.col34 {
    float: left;
    height: 50%;
    background-size: cover;
	transition: 1s;
}
.col33:hover, .col34:hover{
	background-size: 120%;
}
.col33 span,
.col34 span {
    font-family: "DIN";
}

.col33 {
    width: 33%;
}

.col34 {
    width: 34%;
}

.col33 span,
.col34 span {
    font-size: 80px;
	font-family: beba;
}

.col33 p:nth-child(1),
.col34 p:nth-child(1) {
    font-size: 36px;
    margin-top: 25%;
	height: 100px;
}

.col33 p:nth-child(2),
.col34 p:nth-child(2) {
    font-size: 36px;
}

.col33 p:nth-child(3),
.col34 p:nth-child(3) {
    font-size: 12px;
}
.home-layer.page2{
	height: 100%;
	color: #fff;
	text-align: center;
}
#number{
	font-size: 36px;
}
.data1 {
    background-image: url(../images/data1.jpg);
}

.data2 {
    background-image: url(../images/data2.jpg);
}

.data3 {
    background-image: url(../images/data3.jpg);
}

.data4 {
    background-image: url(../images/data4.jpg);
}

.data5 {
    background-image: url(../images/data5.jpg);
}

.data6 {
    background-image: url(../images/data6.jpg);
}



/*section5*/
#section5{
	background: #0060a6;
}
#section5 .left{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#section5 .left .img{
	position: absolute;
	transition: .5s;
	height: 100%;
	width: 100%;
}
#section5 .left .img img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}
#section5 .left .img:first-child{
	opacity: 1;
	z-index: 11;
}
#section5 .left .img:nth-of-type(2){
	opacity: 0;
}
#section5 .left .sel {
}
#section5 .left .sel ul li{
	background: #2791e0;
	box-sizing: border-box;
	padding: 20px 30px;
	height: 100px;
	margin-bottom: 20px;
	position: absolute;
	right: 0;
	width: 170px;
	transition: .5s;
	cursor: pointer;
	z-index: 1111;
}
#section5 .left .sel .li1{
	/* top: 200px; */
	top: 100px;
}
#section5 .left .sel .li2{
	/* top: 330px; */
	top: 215px;
}
#section5 .left .sel .li3{
	/* top: 330px; */
	top: 330px;
}
#section5 .left .sel ul li p{
	font-size: 24px;
	color: #fff;
	line-height: 35px;
	position: relative;
}
#section5 .left .sel ul li p:after{
	content: "+";
	position: absolute;
	top: 27px;
	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: 250px;
}
#section5 .left ul li.active span{
	display: block;
}
#section5 .left ul li.active p:after{
	display: none;
}
	
#section5 .right{
	width: 50%;
	height: 100%;
	float: left;
}
#section5 .right .top{
	box-sizing: border-box;
	height: 50%;
	padding: 100px 200px 0px 100px;
}
#section5 .right .title{
	color: #fff;
} 
#section5 .right .title span{
	font-size: 36px;
	line-height: 60px;
}
#section5 .right .title p{
	font-size: 18px;
}
#section5 .right .top .desc{
	padding: 30px 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{
	display: block;
	width: 180px;
	height: 50px;
	border: 1px solid #99bfdb;
	color: #fff;
	color: rgba(255,255,255,.6);
	text-align: center;
	line-height: 50px;
	transition: .5s;
}
#section5 .right .top a:hover{
	background: #FA9F06;
	border: 1px solid #FA9F06;
	color: #fff;
}
#section5 .bot{
	height: 50%;
	position: relative;
}
#section5 .bot_box{
	width: 50%;
	float: left;
	height: 100%;
}
#section5 .b1{
	background: #0067b0;
}
#section5 .b2{
	background: #005390;
}

#section5 .bot_box{
	color: #fff;
}
#section5 .bot_box sub{
	font-size: 18px;
	padding-left: 10px;
}
#section5 .bot_box p span{
	font-size: 60px;
	font-family: beba;
}
#section5 .bot_box .desc>span{
	font-size: 16px;
	display: block;
	margin-top: 40px;
}
#section5 .bot_box .desc,#section5 .jj .desc{
	display: block;
	margin: 0 auto;
	margin-top: 50%;
	transform: translateY(-50%);
	height: 210px;
	width: 230px;
}
#section5 .bot .jj{
	position: absolute;
	display: block;
	height: 100%;
	width: 50%;
	left: -50%;
	bottom: 0;
	background: #0086e7;
	background: rgba(0,134,231,.6);
	z-index: 1111;
}

#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;
}



/*section6*/
#section6,#section6 .fp-tableCell{
	height: auto !important;
	background: #003b67;
}
#section6{
	color: #fff;
	color: rgba(255,255,255,.6);
	box-sizing: border-box;
	padding-top: 40px;
	position: relative;
}
#section6 .foot_nav{
	float: left;
}
#section6 .foot_nav dl{
	float: left;
	margin-right: 60px;
}
#section6 .foot_nav dt{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #a4bdd9;
}
#section6 .foot_nav i{
	display: block;
	width: 100%;
	height: 1px;
	background: #1a4f76;
	border-bottom: 1px solid #002948;
	margin-bottom: 15px;
}
#section6 .foot_nav .d1{
	width: 200px;
}
#section6 .foot_nav .d2{
	width: 460px;
}

#section6 .foot_nav dd{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #869ab1;
}
#section6 .foot_nav .d2 dd{
	float: left;
	width: 230px;
}

#section6 .more{
	float: right;
}
#section6 .ewm{
	float: left;
	width: 120px;
	margin-right: 50px;
	margin-top: 10px;
}
#section6 .ewm img{
	width: 100%;
}
#section6 .ewm span{
	line-height: 40px;
	display: block;
	font-size: 14px;
	color: #5b7693;
}
#section6 .inf{
	float: right;
}
#section6 .inf span{ 
	color: #FA9F06;
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
#section6 .inf p{
	font-size: 14px;
	padding: 5px 0;
}
#section6 .inf a{
	height: 35px;
	width: 120px;
	background: #FA9F06;
	display: block;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	transition: .3s;
	margin-top: 20px;
}
#section6 .inf a span{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: url(../images/ly.png) no-repeat;
	background-position: 19px 10px;
	padding-left: 15px;
}
#section6 .inf a:hover{
	background: #0060A6;
}
#section6 .bq{
	margin-top: 50px;
	height: 50px;
	line-height: 50px;
	padding-bottom: 20px;
	color: #567390;
	font-size: 14px;
}
#section6 .bq a{
	color: #567390;
	transition: .3s;
}
#section6 .bq a:hover{
	color: #fff;
}
/*关于我们页 start*/

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


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





.b_about{
	margin: 50px 0;
}

.b_about .cont .com1{
	width: 48%;
	margin: 0 1%;
	margin-bottom: 30px;
	float: left;
}
.b_about .cont .com2{
	width: 31.3%;
	margin: 0 1%;
	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: 20px;
	line-height: 35px;
	color: #666;
}
.b_about .cont .com .desc p{
	font-size: 14px;
	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;
}
.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: 80px 0px 100px 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: 31.3%;
	margin: 10px 1%;
	box-sizing: border-box;
	padding-left: 50px;
}
.gsln i{
	display: block;
	width: 48px;
	width: 48px;
	float: left;
}
.gsln .desc{
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.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;
    }
    .d_about .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 120px;
        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{
		width: 1300px;
		margin: 0 auto;
	}
/*关于我们页 end*/




.ny_banner{
	height: 450px;
	background-position: center !important; 
}




/*技术优势 start*/
.a_js{
	margin: 80px 0;
}
.a_js ul li{
	text-align: center;
	float: left;
	width: 15.666%;
	margin: 0 .5%;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding: 40px 20px;
	height: 300px;
	transition: .3s;
}
.a_js ul li span{
	font-size: 26px;
	line-height: 50px;
	color: #333;
}
.a_js ul li p{
	font-size: 14px;
	color: #666;
}
.a_js ul li i{
	display: block;
	height: 48px;
	width: 48px;
	margin: 0 auto;
	font-size: 40px;
	color: #666;
	margin-bottom: 60px;
	margin-top: 20px;
}
.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: 80px 0 80px;
	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: 30px;
	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: 100px 0 80px 0;
	position: relative;
}
.c_js .container{
	height: 700px;
}
.c_js .left{
	float: left;
	width: 50%;
}
.c_js .left .gs_item{
	width: 100%;
	height: 700px;
	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{
	float: right;
	width: 50%;
	position: relative;
	height: 100%;
}
.c_js .right .top{
	/* background: #F3F3F3; */
	background: #0060a6;
	height: 50%;
	box-sizing: border-box;
	padding: 30px 80px 0 40px;
}
.c_js .right .top .title{
	margin-top: 20px;
}
.c_js .right .top .title span{
	font-size: 36px;
	line-height: 60px;
	/* color: #333; */
	color: #fff;
}
.c_js .right .top .title p{
	font-size: 18px;
	/* color: #666; */
	color: #fff;
}
.c_js .right .top .title i{
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 20px 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: 14px;
	color: #fff;
}
.c_js .num_box p span{
	font-size: 60px;
	color: #fff;
	font-family: beba;
}
.c_js .num_box .desc>span{
	font-size: 14px;
	margin-top: 30px;
	display: block;	
	color: #fff;
}
.c_js .num_box .desc{
	width: 185px;
	height: 155px;
	margin: 0 auto;
	position: relative;
	margin-top: 44%;
	transform: translateY(-50%);
}
.c_js .zw_box{
	position: absolute;
	left: -50%;
	bottom: 0;
	z-index: 111;    
	background: #0086e7;
    background: rgba(0,134,231,.6);
	height: 50%;
	width: 50%;
}
.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-top: 50px;
}
.c_js .zw_box ul li .desc>span{
	font-size: 14px;
}
/*技术优势 end*/




@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') 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 {
  font-family: "iconfont" !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);
}



@keyframes info_dh{
	0%{transform: scale(0.9);}
	50%{ transform: scale(1);}
	100%{ transform: scale(0.9);}
}
@-moz-keyframes info_dh{
	0%{transform: scale(0.9);}
	50%{ transform: scale(1);}
	100%{ transform: scale(0.9);}
}
@-webkit-keyframes info_dh{
	0%{transform: scale(0.9);}
	50%{ transform: scale(1);}
	100%{ transform: scale(0.9);}
}
@-o-keyframes info_dh{
	0%{transform: scale(0.9);}
	50%{ transform: scale(1);}
	100%{ transform: scale(0.9);}
}


.banner_dh1{
	opacity: 1 !important;
	margin-left: 0 !important;
}
.banner_dh2{
	opacity: 1 !important;
	margin-left: 0 !important;
}

.banner_dh1{
	opacity: 1 !important;
	margin-left: 0 !important;
}
.banner_dh2{
	opacity: 1 !important;
	margin-left: 0 !important;
}

.content_box { width: 100%; height: 100%; margin: auto; position: relative; z-index: 9; }
.content_box::after{ content: ''; display: block; clear: both; font-size: 0px; height: 0px;}

/*产品列表*/
.paging_ban_box{ height: 380px;}
.paging_product_box{ background: #f5f5f5; overflow: hidden; padding-bottom: 45px;}
.paging_product_box .column_list{ width: calc(100% - 60px); margin: auto; margin-top: 20px; overflow: hidden; background: #ffffff; overflow-x: visible;padding:10px 0px;}
.paging_product_box .column_list::-webkit-scrollbar {display:none}
.paging_product_box .column_list>ul{ display: block; width: 3000px; height: 30px;line-height:30px; white-space: nowrap;}
.paging_product_box .column_list>ul>li{ display: block; height: 28px; float: left; padding: 0px 29px; margin: 0px 25px; overflow: hidden; border-radius: 15px;}
.paging_product_box .column_list>ul>li>a{ display: block; width: 100%; height: 100%; line-height: 28px; font-size: 14px; color: #6e6e6e;}
.paging_product_box .column_list>ul>.hover{ border: 1px solid #066db9;}
.paging_product_box .column_list>ul>.hover>a{ color: #066db9;}
.paging_product_box .product_list{ max-width: 1360px;width: calc(100% - 100px);  margin: auto; background: #ffffff; margin-top: 20px; padding: 20px; overflow: hidden;}
.paging_product_box .product_list>a{ display: block; width: 100%; max-width: calc((100% - 60px) /4); overflow: hidden; background: #ffffff; float: left; margin-right: 20px; margin-bottom: 20px;position:relative;}
.paging_product_box .product_list>a:nth-child(4n+0){ margin-right: 0px;}
.paging_product_box .product_list>a>img{ display: block; width: 100%; margin: auto; margin-bottom: 10px;border: 1px solid #ddd;box-sizing: border-box;}
.paging_product_box .product_list>a>b{ display: block; font-size: 18px; color: #585858; text-align: left; font-weight: normal; position: relative; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.paging_product_box .product_list>a>b>span{ display: block; width: 86px; height: 21px; font-size: 14px; color: #ffffff; text-align: center; line-height: 21px; background: #0069b7; position: absolute; bottom: 0; right: 0; border-radius:15px;}
.paging_product_box .product_list>a>p{overflow: hidden; width: 100%;height:40px;line-height:20px; font-size: 14px; color: #808080; text-align: left; margin-bottom: 10px;}
.paging_product_box .product_list>a::after{content:"";display:block;width:100%;height:1px;background:#e5e5e5;position:absolute;bottom:1px;left:0px;}
.paging_product_box .product_list>a>i{ display: block; width: calc(100% - 10px); height: 21px; padding: 0px 5px; text-align: left; font-style: normal; font-size: 14px; color: #9c9c9c; line-height: 21px; background: url("../images/cross_img.png") no-repeat right center; background-size: auto 100%; margin-bottom: 5px;}
.paging_product_box .flip_box{width:calc(100% - 40px); margin: auto; background: #ffffff; padding: 0px 20px 60px 20px; overflow: hidden;max-width:1360px;}
.paging_product_box .flip_box .flip{ width: 100%; height: 28px; border-top: 1px solid #e5e5e5; padding-top: 30px;}
/*产品列表结束*/

/*产品详情*/
.conbox{width:100%;height:auto;overflow:hidden;background:#f5f5f5;}
.product_info_box{ width: calc(100% - 70px); max-width: 1330px; overflow: hidden; background: #ffffff; padding: 35px; margin: 20px auto;}
.product_info_box .show{ width: 531px; height: 384px; float: left;}
.product_info_box .show img{
	height: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.product_info_box .text{ width: calc(100% - 700px); overflow: hidden; float: right; margin-right: 117px;}
.product_info_box .text>b{ display: block; width: 100%; font-size: 24px; color: #585858; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; font-weight: normal; overflow: hidden; white-space: nowrap;}
.product_info_box .text>div{ width: 100%; height: auto; font-size: 16px; color: #838383; line-height: 30px;}
.product_details_box{ width: calc(100% - 23px); max-width: 1400px; overflow: hidden; margin: auto; margin-bottom: 80px;}
.product_details_box .details{ width: calc(100% - 320px); float: left;}
.product_details_box .details>b{ display: block; width: calc(100% - 40px); padding: 10px 20px; background: #ffffff;  font-size: 20px; color: #066db9; margin-bottom: 5px;}
.product_details_box .details .text{ width: calc(100% - 40px); background: #ffffff; padding: 20px;}
.product_details_box .details .text img{ max-width: 100%;}
.product_details_box .hot{width: 280px; padding: 20px 10px 0px; float: right; background: #ffffff;}
.product_details_box .hot .title{ width: 100%; overflow: hidden; padding-bottom: 10px; /*border-bottom: 1px solid #dcdcdc;*/ margin-bottom: 10px;}
.product_details_box .hot .title>span{ display: block; width: calc(100% - 35px); float: left; font-size: 18px; color: #3a3a3a;}
.product_details_box .hot .title>a{ display: block; width: 35px; font-size: 12px; color: #828282; float: left; text-align: right;}
.product_details_box .hot .list{ width: 100%; overflow: hidden;}
.product_details_box .hot .list>a{ display: block; width: 100%; overflow: hidden; background: #ffffff; float: left; padding-bottom: 15px; margin-bottom: 20px;/* border-bottom: 1px solid #e5e5e5;*/}
.product_details_box .hot .list>a>img{ display: block; width: 100%; margin: auto; margin-bottom: 10px; border: 1px solid #ddd;box-sizing: border-box;}
.product_details_box .hot .list>a>b{ display: block; width: 100%; font-size: 18px; color: #585858; text-align: left; font-weight: normal; position: relative; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product_details_box .hot .list>a>b>span{ display: block; width: 86px; height: 21px; font-size: 14px; color: #ffffff; text-align: center; line-height: 21px; background: #0069b7; position: absolute; bottom: 0; right: 0; border-radius:15px;}
.product_details_box .hot .list>a>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%;height:40px; font-size: 14px; color: #808080; text-align: left;}
.product_info_box .text>div>p{
	font-weight: bold;
	font-size: 16px;
}
.product_info_box .text>div>ul>li{
	font-size: 14px;
	margin-top: 10px;
}


/*产品详情结束*/

/*新闻内页*/
.news_text_box{ width: calc(100% - 300px); max-width: 1160px; padding: 40px 120px; margin: auto; margin-top: 20px; background: #ffffff; overflow: hidden;}
.news_text_box>b{ display: block; width: calc(100% - 20px); padding: 0px 10px; font-size: 24px; color: #5c5c5c; margin-bottom: 20px; text-align: center;}
.news_text_box .source{ width: 100%; margin-bottom: 30px; text-align: center;}
.news_text_box .source::after{ content: ''; display: block; clear: both; font-size: 0px; height: 0px;}
.news_text_box .source>span{ display: inline-block; font-size: 14px; color: #8e8e8e; margin: 0px 20px;}
.news_text_box .preface{ display: block; width: calc(100% - 40px); padding: 20px; overflow: hidden; background: #f5f5f5; font-size: 14px; color: #898989; margin-bottom: 40px;}
.news_text_box .text{ width: 100%; line-height: 30px; overflow: hidden; margin-bottom: 20px;}
.news_text_box .text img{display:block;margin:10px auto; max-width: 100%;}

.news_text_box .turn{ width: 100%; overflow: hidden;}
.news_text_box .turn br{display:none;}
.news_text_box .turn .up{ width: calc(50% - 17px); height: 30px; margin-right: 15px; float: left; text-align: center; font-size: 14px; color: #696969; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_text_box .turn .down{ width: calc(50% - 17px); height: 30px; margin-left: 15px; float: left; text-align: center; font-size: 14px; color: #696969; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_text_box .turn .up a{font-size: 14px; color: #696969; }
.news_text_box .turn .down a{font-size: 14px; color: #696969; }
.hot_topic{ width: calc(100% - 60px); max-width: 1400px; margin: auto; overflow: hidden; margin-top: 40px;}
.hot_topic .title{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.hot_topic .title>b{ display: block; width: calc(100% - 100px); float: left; font-size: 22px; color: #696969;}
.hot_topic .title>a{ display: block; width: 88px; height: 23px; border: 1px solid #c9c9c9; border-radius:15px; font-size: 14px; color: #696969; line-height: 23px; float: left; margin-left: 10px; margin-top: 2px; text-align: center;}
.hot_topic .list{ width: calc(100% - 30px); padding: 15px; text-align: center; overflow: hidden; background: #ffffff;}
.hot_topic .list>a{ display: inline-block; width: calc((100% - 64px) / 4); overflow: hidden; margin: 0px 5px;}
.hot_topic .list>a>img{ max-width: 100%; margin-bottom: 10px;}
.hot_topic .list>a>b{ display: block; width: 100%; margin-bottom: 5px; font-weight: normal; font-size: 16px; color: #000000; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hot_topic .list>a>span{ display: block; width: 100%; margin-bottom: 10px; font-size: 14px; color: #525252; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.routine_answer .list2{ width: 100%;overflow: hidden;}
.routine_answer .list2>a{ display: block; width: calc(50% - 21px); padding: 3px; margin-right: 15px; float: left; background: #ffffff; margin-bottom: 15px;}
.routine_answer .list2>a:nth-child(2n+0){ margin-right: 0px; margin-left: 15px;}
.routine_answer .list2>a>img{ display: block; width: calc(40% - 10px); margin-right: 10px; float: left;}
.routine_answer .list2>a>b{ display: block; width: 58%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #7b7a7a; margin-top: 25px; margin-bottom: 10px;margin-left:1%;}
.routine_answer .list2>a>p{ width: 58%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-size: 14px; color: #7b7a7a; line-height: 22px;margin-left:1%;}
/*新闻内页结束*/

.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E61636;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:25px;line-height:25px;margin:0px 5px 0px 0px;vertical-align:middle;}

.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}

.pagination li a:hover {background:#FB9007;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:14px 0 10px;text-align:right;}

#pages a {display:inline-block;height:22px;line-height:22px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 10px;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:22px;padding:0 10px;line-height:22px;background:#066db9;border:1px solid #0da946;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.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: 38px;
   color: #FFFFFF;
   line-height: 48px;

}
.about-bananr .txt  i{
    width: 38px;
    height: 27px;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{
    width: 100%;
    padding: 138px 0 0;
}
.about-set2 .img{
    width: 50%;
}
.about-set2 .txt{
    width: 630px;
    padding-top: 48px;
}
.about-set2 .txt h5{
    font-size: 24px;
    color: #666
}
.about-set2 .txt  h6{
    font-size: 34px;
    color: #333;
    line-height:46px;
    padding: 30px 0 20px;
}
.about-set2 .txt p{
    font-size: 16px;
    line-height: 2.2;
    color: #666
}
.about-set3{
    width: 100%;
    padding: 108px 0;
}
.about-set3 li{
    display: inline-block;
    vertical-align: middle;
    padding-left: 80px;
}
.about-set3 li p{
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-left: 10px;
}
.about-set3 li p span{
    color: #E60012 
}
.about-set3 li.n2{
	padding-left: 130px;
	padding-right: 30px;
}
.about-set4{
    width: 100%;
    position: relative;
}
.about-set4 >img{
    width: 100%;
    height: auto;
}
.about-set4-cont{
    width: 640px;
    background: #fdfdfd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 70px 0 50px;
    text-align: center
}
.about-set4-cont .txt{
    text-align: center
}
.about-set4-cont .txt p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 40px;
    line-height: 48px;font-family: CNHeavy;
    padding-left: 10px;
}
.about-set4-cont .txt span{
    display: block
}
.about-set4-cont h5{
    text-align: center;
    font-size: 24px;color: #333;
    padding-top: 25px;
    margin-bottom: 40px;
}
.about-set4-cont  a{
    display: inline-block;
    font-size: 16px;
    color: #E60012 ;
    border-bottom: 1px solid #E60012 ;
}
.about-set5{
    width: 100%;
}
 .about-title{
     width: 100%;
     padding: 80px 0 40px;
 }
 .about-title h5{
     font-size: 30px;
     color: #333
 }
 .about-title p{
     font-size: 18px;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;
 }
 .ny-about-set62{
	 padding: 0  0 60px 0px!important;
 }
 .about-set6-cont{
     width: 100%;
     padding-bottom: 0px !important;
     /* border-bottom: 1px solid #000000 */
 }
 .about-set6-cont2{
	 border-bottom: 1px solid #000000;
 }
 .about-set6-cont li{
     width: 24%;
     float: left;
     margin-right: 1.33%;
     text-align: center;
     cursor: pointer;
     margin-bottom: 10px;
 }
 .about-set6-cont li:nth-of-type(4n){
     margin-right: 0;
 }
 .about-set6-cont li p{
     font-size: 16px;
     color: #666;
     padding-top: 10px;
 }
 .about-set6-cont li .img{
     height: 260px;
 }
 /* .about-set6-cont li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);


 }
 .about-set6-cont li:hover img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);

    filter: grayscale(0);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
 } */
/*  .about-set6-cont li img{
	  transition: transform 2s;
  }
  .about-set6-cont li:hover img{
	  transform: scale(1.05);
  } */
 .about-set6-cont li .img1{
	 transition: all 2s; 
 }
 .about-set6-cont li .img2 {
     opacity: 0;
     visibility: hidden;
     display: none;
     /* transition:transform 2s opacity .6s,visibility .6s; */
	 /* transition-property:transform opacity visibility;
	 transition-duration:2s .6s .6s; */
	 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
 }

.w1600 {
	margin-right: auto;
	margin-left: auto;
	width: 1600px;
}
@media only screen and (max-width:1599px){
    .w1600{width: 1400px;}
	.w1400{width: 1400px;}
}
@media only screen and (max-width:1499px) {
	.w1600 {width:1200px;}
	.w1400{width:1200px;}
}

.contact-vs{
    width: 100%;
    text-align: center;
    padding-bottom: 80px;
	margin-top: 40px;
}
.contact-vs h2{
    font-size: 30px;
    color: #333;

    padding: 40px 0 50px;
}
.contact-vs li{
    display: inline-block;
}
.index-set5-new li:hover h6{
    color: #E60012 
}
.contact-vs li p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 6px;
	margin-top: 20px;
}
.contact-vs li p span{
    font-size: 28px;
    color: #005390 ;
    display: block;
    line-height: 28px;
}
.contact-vs li:nth-of-type(2){
    margin: 0 192px;
}
.contact-ly{
    background: url('../images/conatct-bj.png') no-repeat center top;
    padding: 30px 40px;
    box-sizing: border-box;
	background-size: cover;
}
.contact-ly-cont{
   width: 100%;
   background: #fff;
   text-align: center;
   box-sizing: border-box;
   padding: 60px;
}
.contact-ly-title{
    margin-bottom: 35px;
}
.contact-ly-title h3{
    font-size: 36px;
}
.contact-ly-title p{
    color: #707070;
    font-size: 24px;
}
.contact-ly-c label{
    width: 49%;
    display: block;
    float: left;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-right: 2%;
    margin-bottom: 24px;
    text-align: left
}
.contact-ly-c label img{
	display: inline-block;
}
.contact-ly-c label:nth-of-type(2n){
    margin-right: 0;
}
.contact-ly-c label span{
    font-size: 16px;
    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 textarea{
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 30px;
    display: block;
    height: 200px;
	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: 50px;
    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;
}
img, input, textarea {
    border: none;
    vertical-align: middle;
}
input, textarea, select, button {
    border: 0;
    background: none;
    outline: 0;
    font-family: "Microsoft Yahei";
}

/*关于我们页 start*/

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


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





.b_about{
	padding-top: 100px;
	margin: 0px 0 50px 0;
}

.b_about .cont .com1{
	width: 31%;
	margin: 0 1%;
	margin-bottom: 30px;
	float: left;
}
.b_about .cont .com2{
	width: 31.3%;
	margin: 0 1%;
	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: 20px;
	line-height: 35px;
	color: #666;
}
.b_about .cont .com .desc p{
	font-size: 14px;
	color: #999;
}
.b_about .cont .com:hover img{
	transform: scale(1.1);
}






.c_about{
	padding: 100px 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;
}
.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: 100px 0px 100px 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: 31.3%;
	margin: 10px 1%;
	box-sizing: border-box;
	padding-left: 50px;
}
.gsln i{
	display: block;
	width: 48px;
	width: 48px;
	float: left;
}
.gsln .desc{
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.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;
    }
    .d_about .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 120px;
        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{
		width: 1300px;
		margin: 0 auto;
	}
/*关于我们页 end*/




.ny_banner{
	height: 380px;
	background-position: center !important; 
}




/*技术优势 start*/
.a_js{
	padding: 100px 0 0px;
	margin-top: 0;
}
.a_js ul li{
	text-align: center;
	float: left;
	width: 15.666%;
	margin: 0 .5%;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding: 40px 20px;
	height: 300px;
	transition: .3s;
}
.a_js ul li span{
	font-size: 26px;
	line-height: 50px;
	color: #333;
}
.a_js ul li p{
	font-size: 14px;
	color: #666;
}
.a_js ul li i{
	display: block;
	height: 48px;
	width: 48px;
	margin: 0 auto;
	font-size: 40px;
	color: #666;
	margin-bottom: 60px;
	margin-top: 20px;
}
.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-top: 100px;
	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: 30px;
	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{
	padding: 100px 0 0px 0;
	margin-top: 0;
	position: relative;
}
.c_js .container{
	height: 700px;
}
.c_js .left{
	float: left;
	width: 50%;
}
.c_js .left .gs_item{
	width: 100%;
	height: 700px;
	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{
	float: right;
	width: 50%;
	position: relative;
	height: 100%;
}
.c_js .right .top{
	/* background: #F3F3F3; */
	background: #0060a6;
	height: 50%;
	box-sizing: border-box;
	padding: 30px 80px 0 40px;
}
.c_js .right .top .title{
	margin-top: 20px;
}
.c_js .right .top .title span{
	font-size: 36px;
	line-height: 60px;
	/* color: #333; */
	color: #fff;
}
.c_js .right .top .title p{
	font-size: 18px;
	/* color: #666; */
	color: #fff;
}
.c_js .right .top .title i{
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 20px 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: 14px;
	color: #fff;
}
.c_js .num_box p span{
	font-size: 60px;
	color: #fff;
	font-family: beba;
}
.c_js .num_box .desc>span{
	font-size: 14px;
	margin-top: 30px;
	display: block;	
	color: #fff;
}
.c_js .num_box .desc{
	width: 185px;
	height: 155px;
	margin: 0 auto;
	position: relative;
	margin-top: 44%;
	transform: translateY(-50%);
}
.c_js .zw_box{
	position: absolute;
	left: -50%;
	bottom: 0;
	z-index: 111;    
	background: #0086e7;
    background: rgba(0,134,231,.6);
	height: 50%;
	width: 50%;
}
.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-top: 50px;
}
.c_js .zw_box ul li .desc>span{
	font-size: 14px;
}
/*技术优势 end*/




@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') 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 {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg_ov table tr, th, td {
    padding: 5px;
    font-weight: normal;
    border-color: #ddd;
}
.bg_ov table td{
	width: 27px;
	padding: 15px 0;
}
.bg_ov table{
	margin: 0 auto;
	border-collapse: collapse;
    text-align: center;
    width: 100%;
    border: solid 1px;
    border-color: #ddd;
    background-color: white;
}

.rightmenu{width: 185px; cursor: pointer; position: fixed; z-index: 99999; right: -130px; top: 210px; cursor: pointer;}
.rightmenu li{height: 55px; line-height: 55px; border-radius: 4px; margin-bottom: 1px; background-color: #005390; background-repeat: no-repeat; background-image: url(../images/rightmenu-icon.png); text-indent: 55px; font-size: 16px; color: #fff; overflow: hidden;}
.rightmenu li a{display: block; width: 100%; height: 55px; color: #fff;}
.rightmenu li a:hover{color: #fff!important;}
.rightmenu li.r-top{background-position: 0 0;}
.rightmenu li.r-phone{background-position: 0 -55px; font-family: "Arial";}
.rightmenu li.r-qq{background-position: 0 -110px;}
.rightmenu li.r-mess{background-position: 0 -165px;}
.rightmenu li.r-code{background-position: 0 -220px;}
.rightmenu li.r-code .img{width: 117px; margin: 0 auto; position: relative;}
.rightmenu li.r-code .img img{display: block; width: 117px; height: 117px;}


.news_a {
  padding: 6.25% 0 4.1666%;
  background: url(../images/new_09.jpg) no-repeat center top / cover;
}
.news_a .mktitle {
  text-align: center;
  margin-bottom: 60px;
}
.news_a .newsul {
  margin-bottom: 60px;
}
.news_a .newli {
  float: left;
  width: 23.125%;
  padding: 40px 45px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin-right: 2.5%;
  margin-bottom: 20px;
}
.news_a .newli .timebox {
  width: 120px;
  margin: 0 auto 40px;
  color: #666666;
  text-align: center;
  font-family: "lhf";
}
.news_a .newli .timebox .day {
  font-size: 36px;
  letter-spacing: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.news_a .newli .timebox .month {
  padding-top: 14px;
  font-size: 16px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  letter-spacing: 2px;
}
.news_a .newli .imgbox {
  overflow: hidden;
  margin-bottom: 40px;
}
.news_a .newli .imgbox img {
  width: 100%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.news_a .newli .text {
  font-size: 18px;
  color: #333333;
  margin-bottom: 30px;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap; 
}
.news_a .newli .viewMore {
  height: 40px;
  border: solid 1px #e5e5e5;
  line-height: 38px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  padding: 0 20px;
  position: relative;
  overflow: hidden;
}
.news_a .newli .viewMore span {
  color: #999999;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  position: relative;
  z-index: 10;
  font-size: 12px;
}
.news_a .newli .viewMore .jtbox {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.news_a .newli .viewMore::after {
  content: "";
  left: -100%;
  width: 100%;
  height: 100%;
  background: #0062a7;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  top: 0;
  z-index: 0;
}
.news_a .newli:hover .timebox {
  color: #0062a7;
}
.news_a .newli:hover .imgbox img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.news_a .newli:hover .viewMore span {
  color: #fff;
}
.news_a .newli:hover .viewMore::after {
  left: 0;
}
.news_a .newli:nth-child(4n) {
  margin-right: 0;
}
.news_a .pagebox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #005999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  border: solid 1px #00528c;
  padding: 0 30px;
}
.news_a .pagebox .btn {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news_a .pagebox .btn img {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  opacity: .4;
}
.news_a .pagebox .btn:hover {
  background: none;
}
.news_a .pagebox .btn:hover img {
  opacity: 1;
}
.news_a .pagebox .pagenumbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 36px;
  color: #dce2e6;
}
.news_a .pagebox .pagenumbox .current {
  color: #dce2e6;
  font-size: 18px;
  background: none;
}
.news_a .pagebox .pagenumbox .total {
  font-size: 36px;
  color: #ffffff;
}
.news_b {
  padding: 4.1666% 0 6.25%;
  background: url(../images/new_10.jpg) no-repeat center top / cover;
}
.news_b .newstitle {
  margin-bottom: 5.2083%;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
}
.news_b .from {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #e5e5e5;
  padding-bottom: 24px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.news_b .from span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.news_b .from span:nth-child(2) {
  text-align: center;
}
.news_b .from span:nth-child(3) {
  text-align: right;
}
.news_b .wrap .content {
  padding: 50px 0;
  line-height: 20px;
  color: rgba(229, 229, 229, 0.9);
}
.news_b .wrap .backpagebox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #0062a7;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 0 40px;
}
.news_b .wrap .backpagebox .btn {
  width: 290px;
  color: #e5e5e5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.news_b .wrap .backpagebox .btn .inflex {
  width: 100%;
}
.news_b .wrap .backpagebox .btn .tl {
  font-size: 18px;
  margin-bottom: 16px;
}
.news_b .wrap .backpagebox .btn .te {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.news_b .wrap .backpagebox .prev {
  text-align: right;
}
.news_b .wrap .backpagebox .backbtn {
  background-color: #005999;
}
.news_b .wrap .backpagebox .backbtn img {
  opacity: .8;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.news_b .wrap .backpagebox .btn:hover {
  color: #fff;
}
.news_b .wrap .backpagebox .backbtn:hover img {
  opacity: 1;
}
.mktitle {
    color: #ffffff;
}
.mktitle .cn {
    font-size: 36px;
    margin-bottom: 25px;
}
.mktitle .en {
    font-size: 24px;
    color: #c2d1e0;
    letter-spacing: 2px;
}
@media (max-width: 1366px) {
  .mktitle .cn {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .mktitle .en {
    font-size: 14px;
  }
  footer .top .right li .title{
    padding-right: 35px;
  }
}
@media (max-width: 1440px) {
  .news_a .newli {
    padding: 30px 35px;
  }
  .news_a .newli .timebox {
    margin: 0 auto 30px;
  }
  .news_a .newli .imgbox {
    margin-bottom: 30px;
  }
  .news_a .newli .text {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .news_a .newsul {
    margin-bottom: 40px;
  }
  .news_a .pagebox .btn {
    width: 80px;
    height: 80px;
  }
  .news_b {
    padding: 60px 0;
  }
  .news_b .newstitle {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .news_a .newli {
    padding: 20px 25px;
  }
  .news_a .newli .timebox {
    margin: 0 auto 20px;
  }
  .news_a .newli .imgbox {
    margin-bottom: 20px;
  }
  .news_a .newli .text {
    font-size: 14px;
  }
  .news_a .pagebox .btn {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1024px) {
  .news_a .newli {
    padding: 10px 12px;
  }
  .news_a .newli .timebox {
    margin: 0 auto 10px;
  }
  .news_a .newli .imgbox {
    margin-bottom: 10px;
  }
  .news_a .newli .text {
    margin-bottom: 10px;
  }
  .news_a .pagebox .btn {
    width: 60px;
    height: 60px;
  }
  .news_a .pagebox .pagenumbox {
    font-size: 24px;
  }
  .news_a .pagebox .pagenumbox .total {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .news_a {
    padding: 60px 0;
  }
  .news_a .newli {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px 10px;
  }
  .news_a .newli .timebox {
    margin: 0 auto 20px;
  }
  .news_a .newli .imgbox {
    margin-bottom: 20px;
  }
  .news_a .newli .text {
    margin-bottom: 20px;
  }
  .news_a .newli:last-child {
    margin-bottom: 0;
  }
  .news_a .pagebox {
    margin-top: 0;
  }
  .news_a .pagebox .btn {
    width: 60px;
    height: 60px;
  }
  .news_b {
    padding: 60px 0;
  }
  .news_b .newstitle {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .news_b .from {
    font-size: 12px;
    padding-bottom: 15px;
  }
  .news_b .wrap .content {
    padding: 30px 0;
  }
  .news_b .wrap .backpagebox {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 10px ;
    position: relative;
  }
  .news_b .wrap .backpagebox .btn {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding-right: 70px;
  }
  .news_b .wrap .backpagebox .btn .tl {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .news_b .wrap .backpagebox .btn .te {
    font-size: 14px;
  }
  .news_b .wrap .backpagebox .backbtn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }
}
.wrap {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
}
.hoverbtn img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: block;
}
.hoverbtn .act {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.news_a .newli .viewMore::after {
    content: "";
	display: block;
	position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #0062a7;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    top: 0;
    z-index: 0;
}
.news_a .newli:hover .viewMore::after {
    left: 0;
}