@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	
	background: #fafafa;
	
}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	max-width:100%;
}
a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
input, textarea {
	outline: 0;
	resize: none;
	border: none;
	_border: 0;
	margin: 0;
	padding: 0;
}
select {
	border: 0;
}
input {
	margin: 0;
	padding: 0;
	border: none;
}
table, table td {
	border-collapse: collapse;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}


.lianjie {
	margin-bottom: 20px;
}
.lianjie li{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
}
.lianjie li:nth-of-type(15){
	margin-left: 62px;
}
.lianjie li:nth-of-type(28){
	margin-left: 62px;
}
.lianjie li:nth-of-type(41){
	margin-left: 62px;
}

.wrap{
	width: 1680px;
	margin: 0px auto;
}
.div1200{
	width: 1200px;
	margin: 0px auto;
}
.nav > ul > li{
	float: left;
	margin-left: 60px;
}
.nav > ul > li > a{
	display: block;
	line-height: 100px;
	font-size: 16px;
	color: #fff;
}
.header{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.logo{
	margin-top: 27px;
}
.want > a {
	background: #fff;
	display: block;
	border-radius: 25px;
	
}
.want > a span{
	display: block;
	padding: 5px 50px 5px 25px;
	background: url(../images/xsj_03.png)no-repeat right;
	background-position: 85%;
	font-size: 16px;
	color: #0a6cad;
}
.want{
	
	margin-right: 15px;
	padding: 35px 0px 35px;
}
.search ul li{
	float: left;
}
.search ul li a{
	display: block;
}
.mai{
	width: 68px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	background: #098ec1;
	margin-left: 25px;
}
.en{
	width: 45px;
	height: 30px;
	
	line-height: 30px;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	background: #0a6cad;
	margin-left: 12px;
	padding: 0px 12px;
}
.search{
	margin-left: 45px;
	margin-top: 35px;
}
.fdj{
	margin-top: 7px;
}
.head{
	position: relative;
}
.xl_div{
	position: absolute;
	top: -800px;
	left: 0px;
	width: 100%;
	background: #fafafa;
	opacity: 0;
}
.xl_div .swiper-button-prev,.xl_div .swiper-container-rtl .swiper-button-next{
	background: url(../images/nn8_03.png)
}
.xl_div .swiper-button-next,.xl_div .swiper-container-rtl .swiper-button-prev{
	background: url(../images/nn8_05.png)
}
.xl_div .swiper-button-next,.xl_div  .swiper-button-prev{
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}

.xl_nav > ul > li{
	width: 25%;
	float: left;
	height: 440px;
}
.xl_nav > ul > li .swiper-slide img{
	width: 100%;
}
.xl_box{
	border-right: 1px solid #dedede;
	height: 100%;
	text-align: center;
}
.xl_nav > ul > li:nth-child(4) .xl_box{
	border: 0px;
}
.div1200{
	width: 1200px;
	margin: 0px auto;
}
.xl_box a{
	display: block;
}
.xl_box span{
	display: block;
	font-size: 16px;
	color: #666666;
}
.one_a{
	padding-top: 40px;
}
.two_a{
	padding-top: 55px;
}
.nav > ul > li:hover .xl_div{
	opacity: 1;
	top: 100%;
}
.nav > ul > li:hover a{
	color: #0a6cad;
}
.want_nav ul li{
	width: 25%;
	float: left;
}
.want_div{
	position: absolute;
	top: 100%;
	left: 0px;
	background: #fafafa;
	min-height: 460px;
	width: 100%;
	display: none;
}
.want:hover .want_div{
	display: block;
}
.wan_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	width: 140px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
}
.wan_txt a{
	display: block;
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
}
.wan_txt a:hover{
	color: #0a6cad;
}
.want_nav{
	margin-top: 60px;
}
.number_nav ul li{
	float: left;
	width: 25%;
	text-align: center;
	height: 90px;
	padding: 40px 0px 30px;
	background: #f2f2f2;
}
.number_nav ul li:nth-child(2n){
	background: #fafafa;
}
.number_nav ul li p{
	font-size: 16px;
	color: #999999;
}
.number_nav ul li span{
	display: inline-block;
	font-size: 36px;
	color: #0a6cad;
	line-height: 45px;
}
.number_nav{
	 box-shadow: 0 9px 20px 0 hsla(230,9%,48%,.2);
}
.main_top{
	margin-top: -80px;
	position: relative;
	z-index: 999;
}
.box_top{
	margin: 100px 0px 60px;
	text-align: center;
}
.box_top span{
	font-size: 36px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}
.box_top p{
	font-size: 24px;
	color: #333333;
	text-transform: uppercase;
	font-family: "Arial";
}
..slick-vertical .slick-slide{
	width: 26%;
}
.Product_l ul li{
	line-height: 80px;
	height: 80px;
	background: #ededed;
}
.Product_l ul li a{
	padding: 0px 25px 0px 35px;
	display: block;
	font-size: 18px;
	color: #333333;
}
.Product_l ul li a:hover{
	color: #333333;
}
.Product_l ul li:nth-child(2n){
	background: #f2f2f2;
}
.main{
	background: #fafafa;
}
.Product_l ul .por_on a{
	background: #0a6cad;
}
.Product_l ul .por_on a{
	color: #fff;
}
.Product_l ul .por_on a:hover{
	color: #fff;
}
.Product_r{
	width: 72.5%;
}
.pro_tab{
	display: none;
}
.pro_tab_on{
	display: block;
}
.prou_nav ul li{
	float: left;
	width: 25%;
}
.prou_nav ul li a{
	display: block;
	margin-right: 10px;
}
.prou_nav ul{
	margin-right: -10px;
}
.prou_nav{
	margin-top: 20px;
}
.Product{
	margin-bottom: 100px;
}
.solution{
	background: url(../images/xi_02.jpg)no-repeat center;
	background-size: cover;
	height: 800px;
	position: relative;
}
.solution_top{
	position: absolute;
	text-align: center;
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.solution_top span{
	font-size: 36px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.solution_top p{
	font-size: 24px;
	color: #fff;
	font-family: "Arial";
	text-transform: uppercase;
}
.solution_nav {
		overflow: hidden;
}
.solution_nav ul li{
	position: relative;
	width: 20%;
	
	height: 800px;
	text-align: center;

	float: left;
}
.solution_div{
	border-right: 1px solid #7f8293;
	width: 100%;
	height: 100%;
}
.solution_nav ul li:nth-child(5){
	border: none;
}
.solution_nav ul li span{
	display: block;
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	bottom: 160px;
	width: 100%;
}
.solution_box dd{
	font-size: 24px;
	color: #ffffff;
	width: 100%;
}
.solution_box a{
	display: block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 45px auto 0px;
	font-size: 14px;
	color: #1373b4;
	font-family: "Arial";
}
.solution_box{
	width: 100%;
	height: 100%;
	background: rgba(10,108,173,0.6);
	position: absolute;
	top: -1500px;
	left: 0px;
	 -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
	opacity: 0;
}
.solution_more{
	position: absolute;
	bottom: 230px;
	width: 100%;
}
.solution_nav ul li:hover .solution_box{
	top: 0px;
	visibility: visible;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    opacity: 1;
}
.solution_nav ul li:hover span{
	display: none;
}
.case_box{
	background: url(../images/case_02.jpg)no-repeat center;
	background-size: cover;
}
.case_r{
	width: 480px;
}

.case_top{
	text-align: center;
}
.case_top span{
	display: block;
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin-bottom: 10px;
}
.case_top p{
	font-size: 24px;
	color: #333;
	font-family: "Arial";
}
.case_r{
	background: #f0f0f0;
	height: 406px;
}
.case_txt{
	margin: 80px 60px 0px 40px;
	
}
.case_txt span{
	display: block;
	font-size:  24px;
	color: #333333;
	margin-bottom: 40px;
}
.case_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.case_txt a{
	display: block;
	font-size: 14px;
	color: #0a6cad;
	text-transform: uppercase;
	margin-top: 60px;
}
.case .swiper-button-prev,.case .swiper-container-rtl .swiper-button-next {
    background-image:url(../images/caser_03.png);
    left: 640px;
    right: auto;
}
.case .swiper-button-next,.case .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/casel_05.png);
    right: 400px;
    left: auto;
}
.case .swiper-button-next,.case .swiper-button-prev{
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
	opacity: 1;
	bottom: 30px;
	top: inherit;
	outline: none;
}
.case .swiper-button-next:hover{
	background-image:url(../images/caser_05.png);
}
.case .swiper-button-prev:hover{
	background-image: url(../images/casel_03.png);
}
.case .swiper-button-next.swiper-button-disabled,.case .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: inherit;
	
}
.news_l{
	position: relative;
}
.news_bom{
	position: absolute;
	bottom: 0px;
}
.time{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 75px;
	height: 55px;
	padding: 30px 12px 25px;
	background: url(../images/nwesbj_03.jpg)no-repeat;
	text-align: right;
	z-index: 9;
}
.time h3{
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	font-family: "Arial";
	display: block;
	margin-bottom: 10px;
}
.time p{
	font-size: 18px;
	color: #fff;
	font-family: "Arial";
}
.news_bom{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.news_bom span{
	display: block;
	font-size: 24px;
	color: #fafafa;
	background: rgba(10,108,173,0.9);
	padding-left: 30px;
	line-height: 80px;
}
.news_r{
	width: 930px;
}
.news_nav ul li{
	position: relative;
}
.news_nav_l{
	position: absolute;
	left: 0px;
	width: 120px;
}
.news_nav_l span{
	display: block;
	font-size: 30px;
	color: #333333;
	font-family: "Arial";
}
.news_nav_l p{
	font-size: 18px;
	color: #333333;
	font-family: "Arial";
}
.news_nav_r{
	padding-left: 120px;
}
.news_nav_r span{
	display: block;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.news_nav_r p{
	font-size: 14px;
	color: #999999;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.news_nav ul li{
	border-bottom: 1px solid #dedede;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.news_nav ul li:hover .news_nav_r span{
	color: #0a6cad;
}
.news_more{
	text-align: center;
	padding: 45px 0px 100px;
}
.news_more a{
	font-size: 14px;
	color: #0a6cad;
	text-transform: uppercase;
	display: inline-block;
}
.about_l{
	width: 625px;
}
.about_l span{
	font-size: 30px;
	color: #333333;
	display: block;
}
.about_l h3{
	font-size: 50px;
	color: #333333;
	font-family: "Arial";
	text-transform: uppercase;
}
.about_l p{
	font-size: 30px;
	color: #666666;
	line-height: 60px;
	display: block;
	margin: 40px 0px 100px;
}
.about{
	background: #fff;
	padding: 100px 0px;
}
.about_more a{
	display: block;
	background: #0a6cad;
	width: 195px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	
}
.about_r{
	width: 880px;
}

.about_r p{
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}
.about_r_nav{
	margin-top: 50px;
}
.about_r_nav ul li{
	width: 25%;
	float: left;
	text-align: center;
}
.about_r_nav p{
	font-size: 16px;
	color: #999999;
}
.about_r_nav span{
	font-size: 36px;
	color: #0a6cad;
	display: inline-block;
}
.about_r_img video
{
    width:880px;
    height:450px;
     object-fit: fill;

}
.advantage{
	background: url(../images/dend_02.jpg)no-repeat;
	background-size: cover;
	
}
.advantage_l span{
	font-size: 60px;
	color: #fff;
	font-weight: 100;
	display: block;
	font-family: "思源黑体 CN"
}
.advantage_l p{
	font-size: 24px;
	color: #fff;
	font-family: "思源黑体 CN";
	font-weight: 100;
}
.advantage_l a{
	display: block;
	width: 180px;
	font-size: 18px;
	color: #333333;
	height: 60px;
	line-height: 60px;
	background: #fff;
	text-align: center;
	margin-top: 115px;
}
.advantage_l{
	margin-top: 150px;
	margin-left: 240px;
}
.advantage_r{
	width: 640px;
	
}
.advantage_r ul li{
	background: #0c65a0;
	height:50px;
	padding: 50px 0px;
	opacity: 0.9;
}
.advantage_r ul li:nth-child(2n){
	opacity: 0.8;
}
.advantage_r ul li span{
	font-size: 24px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.advantage_r ul li p{
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	text-transform: uppercase;
}
.advantage_r ul li a{
	display: block;
	padding-left: 55px;
}
.ft_nav ul li{
	width: 14%;
	float: left;
}
.ft_nav span{
	display: block;
	font-size: 22px;
	color: #ffffff;
	margin-bottom: 35px;
}
.ft_nav a{
	font-size: 16px;
	display: block;
	color: #999999;
	margin-bottom: 20px;
}
.footer{
	background: #212121;
	padding-top: 80px;
}
.fl_t span{
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin-bottom: 40px;
}
.ft_nav{
	margin-bottom: 75px;
}
.fl_t i{
	margin-right: 20px;
}
.fl_t dd{
	font-size: 16px;
	color: #dedede;
}
.fl_t h3{
	display: block;
	font-size: 36px;
	color: #fff;
	font-family: "Arial";
	margin: 25px 0px;
	font-weight: normal;
}
.fl_t p{
	font-size: 18px;
	color: #dedede;
	line-height: 45px;
}
.ft_nav a:hover{
	color: #fff;
}
.fl_r{
	width: 1010px;
	
}
.fl_two{
	display: none;
}
.fl_lnav ul li{
	float: left;
	margin-right: 15px;
}
.fl_lnav ul li:hover .fl_two{
	display: inline-block;
}
.fl_lnav ul li:hover .fl_one{
	display: none;
}
.fl_lnav{
	margin-top: 30px;
}
.fl_r_t span{
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin-bottom: 20px;
}
.fl_r_t p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.fl_r ul li{
	width: 50%;
	float: left;
	margin-bottom: 60px;
}
.end_nav a{
	display: inline-block;
}
.end{
	background: #131313;
	padding: 40px 0px;
}
.end p{
	font-size: 14px;
	color: #999999;
    margin-left:25%;
}
.end a{
	font-size: 14px;
	color: #999999;
	margin-left: 40px;
}
.end_first{
	background: url(../images/zzsj_03.png)no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #999999;
	font-size: 14px;
	position: relative;
}
.end a:hover{
	color: #fff;
}
.en{
	position: relative;
}
.en_xl{
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	z-index: 999;
	background: rgba(255,255,255,0.9);
	display: none;
	text-align: center;
}
.search .en_xl a{
	display: block;
	color: #666;
}
.search a{
	color: #fff;
}
.search .en_xl a:hover{
	color: #0a6cad;
}
.search ul li:hover .en_xl{
	display: block;
}
.search_k{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 25px;
	border: 1px solid #999;
	background: #fff;
	position: absolute;
	z-index: 3;
	top: -12px;
	left: -180px;
	padding-left: 10px;
	display: none;
}
.fdj{
	position: relative;
}
.fdj img{
	position: relative;
	z-index: 999;
}
.search ul li:hover .search_k{
	display: block;
}
.m_head{
	display: none;
}
.pro_l{
	position: relative;
}
.pro_r{
	position: relative;
}
.pto2_a{
	display: none;
}
.pto_a{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 0px;
}



/*手机头部*/
.rightNav{
    width: 100%;
    max-width: 100%;
    height: 100%;
    background:#fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -100%;

}
.mbnt{
	margin-top: 10px;
}
.mtop_txt{
	margin-left: 30px;
	margin-top: 15px;
}

.m_head{
	padding: 15px 0px;
	width: 100%;
	background:rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.mlogo{
	width: 180px;
}
.mbnt .subNavBox .sub_nav{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e1e4e8;
}
.temb_top{
	padding: 5% 0px;
	border-bottom: 1px solid #0a6cad;
}
.mbnt .subNavBox .currentDd {
	background: #0a6cad;
	color: #fff;
}
.mbnt .subNavBox .sub_nav .sub{
	background: url(../images/youjt_03.png)no-repeat right;
}
.mbnt .subNavBox .currentDd .sub{
	background: url(../images/xjt_03.png)no-repeat right;
	background-size: 18px;
}
.mbnt .navContent a{
	font-size: 16px;
	color: #666666;
	display: block;
	height: 60px;
	line-height: 60px;border-bottom: 1px solid #d6d6d6;
	background: #f5f5f5;
}
.mbnt .navContent span{
	display: block;
}
.mbnt .navContent a:hover{
	color: #1356b1;
}
.msearch{
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: #f0f9ff;
	margin-top: 30px;
}
.mk{
	width: 270px;
	line-height: 60px;
	height: 60px;
	margin-left: 30px;
	font-size: 18px;
	color: #999999;
}
.part2_r{
	display: none;
}
.par3_nav ul li{
	width: 50%;
	float: left;
}
.par3_banner .swiper-pagination-bullet{
	background: #fff;
	width: 14px;
	height: 14px;
	opacity: 1;
}
.par3_banner .swiper-pagination-bullet-active{
	background: #f7b52c;
}
.par3_banner{
	display: none;
}
.end_l ul li  a{
	font-size: 14px;
}
.mjt {
	margin-top: 8px;
}
.m_head .search{
	margin-top: 15px;
	margin-right: 20px;
}
.en span{
	display: block;
	background: url(../images/wsj_03.png)no-repeat right;
	background-position: 90%;
}
.m_search{
	background: #0a6cad;
	padding: 0px 30px;
}
input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #fff; 
font-size: 18px;
} 

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #fff; 
font-size: 18px;
} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #fff; 
font-size: 18px;
} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #fff; 
font-size: 18px;
} 
.m_searl{
	width: 80%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;}
.mfdj{
	position: relative;
	bottom: 18px;
}
.mbanner{
	display: none;
}
.mpro .swiper-slide img{
	width: 100%;
}
.mpro .swiper-pagination{
	text-align: right;
}
.mpro{
	display: none;
}


.mpro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	opacity: 1;
}

.mpro .swiper-pagination-bullet{
	background:rgba(0,0,0,0);
	border-radius: 50%;
	border: 1px solid #fff;
}
.mpro .swiper-pagination-bullet-active{
	background: #fff;
}
.mpro .swiper-container-horizontal>.swiper-pagination-bullets,.mpro .swiper-pagination-custom, .swiper-pagination-fraction{
	left: inherit;
	right: 30px;
	bottom: 30px;
}
.mpro_nav ul li{
	float: left;
	width: 50%;
	margin-top: 10px;
}
.mpro_nav ul li a{
	margin-right: 10px;
	display: block;
}
.mpro_nav ul{
	margin-right: -10px;
}
.mpro_nav{
	margin-bottom: 50px;
}
.case_lb{
	display: none;
	height: 500px;
	position: relative;
}
.case_lb dd{
	display: block;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 100%;
}
.case_lb a{
	display: block;
	height: 500px;
	
}
.csae_txt{
	height: 500px;
	position: relative;
	border-left: 1px solid #7f899b;
}
.case_lb .swiper-pagination-bullet{
	background: none;
	border: 1px solid #fff;
	opacity: 1;
}
.case_lb .swiper-pagination-bullet-active{
	background: #fff;
}
.case_lb .swiper-pagination {
    position: absolute;
    text-align: right;
    z-index: 10;
	
}
.case_lb .swiper-container-horizontal>.swiper-pagination-bullets,.case_lb .swiper-pagination-custom,.case_lb .swiper-pagination-fraction{
	right: 30px;
	bottom: 30px;
	left: inherit;
}
.adv{
		display: none;
	}
.adv_box{
	padding: 5%;
}
.mbx{
	font-size: 14px;
	color: #666666;
}
.mbx a{
	font-size: 14px;
	color: #666666;
}
.div2002{
	width: 1200px;
	margin: 0px auto;
}

.nycase_top{
	padding: 25px 0px;
	border-bottom: 1px solid #dedede;
}
.nycase_top img{
	margin-right: 25px;
	position: relative;
	top: -3px;
}
.mbx a:hover{
	color: #0a6bac;
}
.nycase_nav ul li{
	float: left;
	width: 585px;
	position: relative;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.nycase_nav ul li:nth-child(2n){
	margin-right: 0px;
}
.nycase_nav ul li img{
	width: 100%;
}
.nycase_nav ul li span{
	display: block;
	position: absolute;
	bottom: 30px;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.nycase_nav ul li a{
	display: block;
}
.nycase_box{
	margin: 70px 0px;
}
.nycase_nav ul li img {
    transition: all 1s;
}
.nycase_nav ul li:hover img {
    transform: scale(1.2);
}
.ny_dh ul li{
	display: inline-block;
	width: 155px;
	margin: 0px 20px;
	position: relative;
}
.nybanner{
	position: relative;
}
.ny_dh{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.ny_dh ul li a{
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.lsj{
	position: absolute;
	bottom:-20px;
	width: 100%;
	text-align: center;
	display: none;
	
}
.ny_dh ul li a:hover{
	color: #089fd9;
	border-bottom: 1px solid #089fd9;
	 transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
}
.ny_dh ul li a:hover .lsj{
	display: block;
	
}
.nypro_top{
	margin: 65px 0px 50px;
}
.nypro_top span{
	font-size: 30px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}
.nypro_top p{
	font-size: 18px;
	color: #dedede;
	text-transform: uppercase;
	font-family: "Arial";
}
.nypro_nav ul li a{
	padding: 40px;
	background: #fff;
	display: block;
}
.nypro_nav ul li{
	
	
	width: 380px;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.nypro_nav ul li:nth-child(3n){
	margin-right: 0px;
}
.nypro_nav ul li span{
	display: block;
	font-size: 16px;
	color: #666666;
	text-align: center;
	border-top: 1px solid #dedede;
	padding-top: 30px;
	margin: 0px 40px;
}
.nypro_nav ul li:hover{
	 transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
	box-shadow: 5px 8px 1px #f2f2f2;
}

.nypro_nav_img{
	text-align: center;
}


.fy {
	text-align: center;
	margin-top: 40px;
}
.fy a{
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	font-family: "Arial";
}
.up{
	background: none;
	margin-right: 15px;
}
.next{
	background: none;
	margin-left: 15px;
}
.fy .up:hover{
	background: none;
	color: #666666;
}
.fy .next:hover{
	color: #666666;
	background: none;
}
.fy a:hover{
	color: #fff;
	background: #0a6cad;
}

.fy .a_on{
	color: #fff;
	background: #0a6cad;
}
.fy_more{display: none;}
.fy_more a{
	display: block;
	margin: 5% 0px;
	text-align: center;
	font-size: 16px;
	color: #666;
	
}
.nypro{
	margin-bottom: 100px;
}



/*手机下拉*/
.m_xl{
  position: relative;
  width: 100%;
  background: #0a6cad;
display: none;
}
.m_xl span{
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 3% 0px;
  width: 92%;
  margin: 0px auto;
  background: url(../images/jiaaa_03.png)no-repeat right;
  background-size: 18px;
}
.m_xlnav{
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
	z-index: 99;
	display: none;
	background: #fff;
}
.m_xlnav ul li{
 
  padding: 2% 0px;
  background: #f2f2f2;
  margin-bottom: 1px;
}
.m_xlnav ul li a{
  font-size: 16px;
  color: #565656;
  margin: 0px auto;
  display: block;
}

/*end*/
.ny_dh ul .dh_on a{
	top: -20px;
	color: #089fd9;
	border-bottom: 1px solid #089fd9;
	position: relative;
	z-index: 99;
}
.ny_dh ul .dh_on a .lsj {
    display: block;
	bottom: -20px;
}
.ny_dh ul .dh_on a:hover{
	 transform: translate(0,-0px);
    -webkit-transform: translate(0,-0px);
    -moz-transform: translate(0,-0px);
    -o-transform: translate(0,-0px);
    -ms-transform: translate(0,-0px);
}
.ny_dh ul .dh_on a:hover .lsj {
    display: block;
	bottom: -20px;
}





.news .list ul{ margin-right: -72px; }
.news .list li{ float:  left; margin-bottom: 65px;}
.news .list li .box{ width: 352px; margin-right: 72px; height: 430px; border-bottom: #959595 solid 1px; -webkit-transition: all .2s linear; transition: all .2s linear; position: relative;}
.news .list .li01 .box{ width: 776px; border-bottom: none;} 
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;}
.news .list li .name a{ color: #353535; }
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; }
.news .list li .content a{ color: #949494; }
.news .list li .botDiv{ padding-top: 25px; position: relative;}
.news .list li .time a{ color: #bfbfbf; }
.news .list li .add{ position: absolute; right: 0px; top: 25px; width: 11px; height: 11px;}
.news .list li .imgDiv2{ position: relative; }
.news .list li .imgDiv2 img{ width: 100%; }
.news .list li .wen{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 80px; background:rgba(10,108,173,0.9); }
.news .list li .name2{ padding-left: 38px; height: 80px; line-height: 80px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; }
.news .list li .time2{ position: absolute; right: 40px; top: 0px; line-height: 52px; color: #fff; }
.news .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.pageBox{
	margin: 70px 0px 100px;
}



.newShow{ border: #dedede solid 1px; padding: 40px 28px; }
.newShow .name{ text-align: center; font-size: 24px; color: #333; padding-bottom: 25px; }
.newShow .timeold{ text-align: center; padding-bottom: 25px; }
.newShow .timeold em{ font-size: 14px; color: #999; padding: 0 36px; }
.newShow .content{ font-size: 14px; line-height: 30px; padding-bottom: 35px; }
.newShow .content .imgDiv{ padding: 25px 0; text-align: center; }
.newShow .content img{ max-width: 822px; }


.sideNews{ padding-top: 40px; }
.sideNews .title{ height: 56px; background:#e3e1e9; padding-left: 18px; color: #333; font-size: 22px; line-height: 56px; }
.sideNews .list li{ position: relative; margin-bottom: 20px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.5); font-size: 16px; color: #fff; height: 50px; width:100%;}
.sideNews .list li .name em{ padding: 0 10px; display: block; line-height: 50px; overflow: hidden; }
.sideNews .list li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.shareNews{ height: 50px; padding-left: 43px; position: relative; padding-bottom: 30px; overflow: hidden;}
.shareNews em{ position: absolute; left: 0px; top: 0px; line-height: 50px; font-size: 14px; }
.shareNews li{ float: left; width: 50px; height: 50px; margin-right: 17px; }

.pageDown{height:132px; position:relative;}
.pageDown .box{ border-top:#ddd dashed 1px; padding-top:32px; padding-right: 200px;}
.pageDown .btn{ color: #666; position:absolute; display:block; top:50px; right:0px; width:174px; height:48px; background:url(../images/btn1.jpg) no-repeat; text-indent:56px; line-height:48px; font-size:16px;}
.pageDown .btn:hover{ color: #fff;  background:url(../images/xqbnt_03.png) no-repeat;} 
.pageDown li{ height:48px; line-height:48px; overflow:hidden; position:relative; font-size:16px;}
.pageDown li b{ color:#333;}

.w880{ width:880px; overflow:hidden;}
.w280{ width:280px; overflow:hidden;}
.w280-2{ padding-top:34px;}

.searchNews{ background: #e3e1e9; padding: 13px 18px 22px; }
.searchNews .title{ font-size: 22px; color: #333; padding-bottom: 10px; }
.searchNews .form{ position: relative; height: 40px; background: #fff; }
.searchNews .form .input1{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-indent: 15px; color: #999; }
.searchNews .form .btn1{ position: absolute; right: 0px; top: 0px;  width: 40px; height: 40px; background: #c2c2c2 url(../images/nimg16_2.png) no-repeat center;}
.pageDown ul li a:hover{
	color: #086aab;
}
.bq {
	margin-top: 40px;
}
.bq span{
	font-size: 14px;
	font-weight: bold;
	color: #444444;
}
.bq a{
	color: #086aab;
	font-weight: bold;
	text-decoration: underline;
}
.content{
	border-top: 1px dashed #dddddd;
	padding-top: 40px;
}


.pro2_box_limg{
	background: url(../images/cpzxbj_03.jpg)no-repeat center;
	background-size:  cover;
	text-align: center;
	padding: 46.5px 0px;
	height: 163px;
}
.pro2_box_l{
	width: 272px;
}
.pro2_box_limg span{
	display: block;
	font-size: 18px;
	color: #ffffff;
}
.pro2_box_l_txt{
	background: #089fd9;
	text-align: center;
	line-height: 84px;
	
}
.pro2_box_l_txt span{
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	background: url(../images/cpjt_03.png)no-repeat right;
	padding-right: 20px;
}
.pro2_box_l_txt a{
	display: block;
}

.prod2one a{
	display: block;
}
.pro2_box_r{
	width: 928px;
	position: relative;
	
}
.let_box span{
	display: block;
	font-size: 14px;
	color: #666666;
	display: block;
	line-height: 30px;
}
.let_box{
	text-align: center;
	border-right: 1px solid #dedede;
	margin-top:20px; 
}
.pro2_box_r_nav .swiper-button-prev,.pro2_box_r_nav .swiper-container-rtl .swiper-button-next {
    background-image:url(../images/bbnt_03.jpg);
    left: auto;
    right: 150px;
}
.pro2_box_r_nav .swiper-button-next,.pro2_box_r_nav .swiper-container-rtl .swiper-button-prev {
    background-image:url(../images/bbnt_05.jpg);
    right: 100px;
    left: auto;
}
.pro2_box_r_nav .swiper-button-next,.pro2_box_r_nav  .swiper-button-prev {
    position: absolute;
    top: inherit;
	bottom: -55px;
    width: 30px;
    height: 30px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
	outline: none;
}
.pro2_box{
	background: #fff;
	overflow: hidden;
}
.gb a{
	display: block;
	position: absolute;
	right: 50px;
	bottom: -55px;
}
/*.pro2_box_r_nav{
	position: relative;
	left: -100000000px;
	height: 260px;
	margin-top: -260px;
	
}*/
.pro2_box_r_nav{
	position: inherit;
	left: 0px;
	height: 260px;
	margin-top: 0px;
	
}
.let_box{
	position: relative;
	right: -1px;
}
.pro2_box .add{
	position: inherit;
	left: 0px;
	height: 260px;
	margin-top: 0px;
}
.pro2_box{
	margin-top: 70px;
	box-shadow: 0 9px 20px 0 hsla(230,9%,48%,.2);
}
.prod2{
	margin-bottom: 100px;
}
.prod2_top{
	display: none;
	width: 100%;
	line-height: 60px;
	font-size: 24px;
	color: #fff;
	background: #089fd9;
	text-align: center;
}



.pro3_box_l{
	width: 690px;;
}


.research{ padding-bottom: 70px; }
.researchPic{ position:relative; height:400px;}
.researchPic .bigImg{ position:relative; width:535px; height: 400px;}
.researchPic .list{width:148px;overflow:hidden;height: 400px;padding-right: 0px; position: relative;padding-bottom: 10px;}
.researchPic li{ width:144px; height:108px; margin-bottom:18px; position:relative; border: 2px solid #fff;}
.researchPic .prev{position:absolute;right: 0px;top: inherit;bottom: 0px; display:block;width: 72px;height: 32px;background: url(../images/zcp88_04.jpg) center top no-repeat;z-index:22;}
.researchPic .next{position:absolute;right: 73px;bottom: 0px;display:block;width: 72px;height: 32px;background: url(../images/zcp88_03.jpg) center bottom no-repeat;z-index:22;}
.researchPic .prev:hover{ background:url(../images/zcp77_04.jpg) center top no-repeat;}
.researchPic .next:hover{ background:url(../images/zcp77_03.jpg) center bottom no-repeat;}
.researchPic .nameList{ position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(../images/hbg1.png) repeat; height: 72px;}
.researchPic .nameList dd{ display:none; text-align: center; color: #fff; line-height: 72px; font-size: 20px;}
.researchPic .list img{
	height: 100%;
}
.researchPic .liNow{
	border: 2px solid #089fd9;
}
/*.researchPic2{ position:relative; padding-bottom:20px;}
.researchPic2 .agentlist{ padding:15px 35px;}
.researchPic2 .agentlist .slick-slide{float:left; margin:0 3px;}
.researchPic2 .slick-slide .ico{ opacity: 0.5;}
.researchPic2 .slick-slide img{ width:100%;}
.researchPic2 .agentlist .slick-current .ico{ opacity: 1;}
.researchPic2 .slick-prev{ cursor:pointer; position:absolute; background:url(../images/caser_03.png) no-repeat left center; background-size: 48px; width:48px; height:48px; top:inherit;  left:0px; z-index:22; margin-top:-24px;top: 50%;}
.researchPic2 .slick-next{ cursor:pointer; background: url(../images/casel_05.png) no-repeat right center; background-size: 48px; width: 48px; height: 48px; position: absolute;top:inherit;  margin-top:-24px; right: 0px; z-index:22;top: 50%;}
.researchPic2 .slider-for .box{ position:relative;}
.researchPic2 .slider-for .imgDiv img{ width:100%;}
.researchPic2 .slider-for .name{ text-align: center; color: #fff; height: 42px; line-height: 42px; font-size: 14px; position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(../images/hbg1.png) repeat;}*/

.researchPic2 .swiper-slide img{ width:100%;}
.researchPic2 .swiper-button-prev{ cursor:pointer; position:absolute; background:url(../images/caser_03.png) no-repeat left center; background-size: 48px; width:48px; height:48px;   left:0px; z-index:22; margin-top:-24px;top: 50%;}
.researchPic2 .swiper-button-next{ cursor:pointer; background: url(../images/casel_05.png) no-repeat right center; background-size: 48px; width: 48px; height: 48px; position: absolute;  margin-top:-24px; right: 0px; z-index:22;top: 50%;}

.pro3_box_r{
	width: 480px;
	
}

.pro3_box_r span{
	display: block;
	font-size: 30px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 10px;
}
.pro3_box_r dd{
	font-size: 14px;
	color: #999999;
}
.pro3_box_r p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	display: block;
	margin: 40px 0px 150px;
}
.pro3_box_r_a a{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #086aab;
	font-size: 14px;
	color: #ffffff;
	margin-right: 10px;
}
.pro3_box_r_a a:hover{
	background: #089dd7;
}
.pro3_box{
	margin: 70px 0px;
}
.pro_gs{
	border-top: 1px solid #dedede;
}
.pro_gs span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../images/zq_03.png)no-repeat left;
	margin: 30px 0px;
}
.pro_gs p{
	font-size: 14px;
	color: #999999;
	line-height: 27px;
	
}
.pro_cs{
	border-top: 1px solid #dedede;
	margin-top: 40px;
}
.pro_cs span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../images/zq_03.png)no-repeat left;
	margin: 70px 0px 0px;
}
.pro_cs_nav ul li dd{
	font-size: 14px;
	color: #999999;
	display: inline-block;
	width: 24.5%;
}
.pro_cs_nav ul li{
	border-bottom: 1px solid #dedede;
	padding: 32px 0px 25px;
}


.pro_xq span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../images/zq_03.png)no-repeat left;
	margin: 70px 0px 30px;
}
.pro_xq_img{
	text-align: center;
}

.pro3_ft{
	background: #eeeeee;
	padding: 70px 0px 100px;
}
.down_top span{
	display: block;
	text-align: center;
	font-size: 22px;
	color: #333333;
}
.down_nav ul li{
	float: left;
	width: 270px;
	box-shadow: 1px 1px 20px 0 hsla(230,9%,48%,.2);
	margin-right: 40px;
    margin-top:20px;
}
.down_nav ul li:nth-child(4n){
	margin-right: 0px;
}
.down_nav ul li a{
	background: #fff;
	display: block;
	
	padding: 35px 20px;
}
.down_nav ul li span{
	font-size: 13px;
	color: #333333;
	display:block;
	line-height: 32px;
	background: url(../images/zcpjt2_03.png)no-repeat right;
	

}
.down_nav{
	margin: 30px 0px 70px;
}
.down_nav ul li:hover span{
	color: #086aab;
	background: url(../images/zcpjt1_03.png)no-repeat right;
}
.prod3onebox_txt{
	background: #fff;
	padding: 30px 40px;
}
.prod3onebox_txt span{
	display: block;
	font-size: 18px;
	color: #333333;
	margin-bottom: 15px;
}
.prod3onebox_txt p{
	font-size: 14px;
	color: #999999;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.por_case{
	position: relative;
	width: 1356px;
	margin: 0px auto;
	
}


.por_case .swiper-button-prev,.por_case .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/caser_03.png);
    left: 0px;
    right: auto;
}
.por_case .swiper-button-next,.por_case .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/casel_05.png);
    right: 0px;
    left: auto;
}
.por_case  .swiper-button-next,.por_case  .swiper-button-prev{
	outline: none;
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}
.por_case .swiper-button-next:hover{
	 background-image: url(../images/caser_05.png);
}
.por_case  .swiper-button-prev:hover{
	background-image: url(../images/casel_03.png);
}
.prod3one{
	margin-top: 50px;
}
.dw{
	position: absolute;
	left: 100%;
	top: 0px;
	width: 140px;
	padding-left: 40px;
}
.pro3_box{
	position: relative;
}
.pro3 .showNavNow {
    position: fixed;
    top: 50%;
	z-index: 99999999;
	left: inherit;
	right: 100px;
}

.dw a{
	display: block;
	color: #999999;
	background: url(../images/zq3_03.png)no-repeat left;
	font-size: 14px;
	color: #999999;
	
	padding-left: 20px;
	line-height: 60px;
}
.dw ul .dw_on a{
	color: #086aab;
	background: url(../images/zq2_03.png)no-repeat left;
}


.pc-hide{
	display: none;
}


.service_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	padding-left: 25px;
	background: url(../images/zq_03.png)no-repeat left;
	margin: 30px 0px;
}
.service_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.service_nav ul li{
	border-bottom: 1px solid #dedede;
	padding-bottom: 70px;
}
.service_nav ul li:last-of-type{
	border: none;
}
.service{
	margin: 70px 0px 30px;
}

.service2_nav ul li{
	background: #eeeeee;
	height: 270px;
	overflow: hidden;
}
.service2_l{
	width: 50%;
	overflow: hidden;
}
.service2_l img{
	width: 100%;
	transition: all 1s;
}
.service2_r{
	width: 50%;
}
.service2_r_txt{
	padding: 40px;
}
.service2_r_txt span{
	display: block;
	font-size: 22px;
	color: #333333;
	margin-bottom: 25px;
}
.service2_r_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.service2_nav ul li:hover img{
	transform: scale(1.2);
}
.service2{
	margin: 70px 0px 100px;
}
.map_r{
	width: 640px;height:300px;
}
.map_l{
	width: 435px;
}
.map_l span{
	display: block;
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
}
.map_l p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
}
.map_nav ul li{
	width: 380px;
	background: #eeeeee;
	height: 325px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.map_txt{
	padding: 40px;
}
.map_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	margin-bottom: 20px;
}
.map_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	
}
.map_txt a{
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fafafa;
	background: #0a6cad;
	margin-top: 30px;
}
.map_nav{
	margin: 70px 0px;
}

.map_nav ul li:nth-child(3n){
	margin-right: 0px;
}


.join_top{
	text-align: center;
	margin: 30px 0px 50px;
}
.join_top p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}

.join_k .subNavBox .sub{
	
	padding: 20px 0px;
	border-top: 2px solid #dedede;
}
.join_k .subNavBox span{
	background: url(../images/zaddhao_03.png)no-repeat right;
	display: block;
	margin: 0px 40px;
	font-size: 18px;
	color: #333333;
}
.join_k .subNavBox a{
	display: block;
	color: #333333;
	font-size: 18px;
}
.jo_top{
	border-bottom: 1px solid #e9e9e9;
	padding: 40px 0px;
}
.jo_top ul li{
	float: left;
	width: 245px;
}
.join_txt{
	margin: 0px 40px;
	padding: 40px 0px;
}
.join_k  .navContent{
	background: #f3f3f3;
}
.jo_top ul li:nth-child(4){
	text-align: right;
	float: right;
	width: 25%;
}
.join_k .subNavBox .currentDd .sub{
	background: none;
}
.join_k .subNavBox .currentDd a{
	color: #333;
}
.join_k .subNavBox .currentDd span{
	background: url(../images/zjianhao_03.png)no-repeat right;
	color: #fff;
}
.join_txt dd{
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
}
.join_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.join_txt .sc_a a{
	display: block;
	width: 120px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	color: #ffffff;
	background: #086aaa;
	border-radius: 3px;
	padding-left: 0px;
	margin-top: 70px;
}
.join_k .navContent{
	margin-bottom: 65px;
}
.mbanner{
	width: 100%;
}

.mbanner img{
	width: 100%;
}










/*案例*/
.khcase_l{
	width: 200px;
	height: 100%;
	position: absolute;
	left: 0px;
}
.dq_l{
	height: 100%;
	text-align: center;
	background: url(../images/casebg_03.jpg)repeat-y;
	position: relative
}
.dq_l span{
	display: block;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -12px;
}
.khcase_r_txt{
	padding: 20px;
	
	
}
.khcase_r{
	width: 1000px;
	padding-left: 200px;
	border: 1px solid #e9e9e9;
}
.dq{
	
	position: relative;
}
.all a{
	font-size: 16px;
	/*color: #fff;*/
	display: block;
	width: 70px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	/*background: url(../images/casebg_03.jpg)repeat-y;*/
}
.all_nav{
	width: 875px;
}
.all_nav ul li{
	width: 9%;
	float: left;
	margin-bottom: 12px;
}
.all_nav ul{
	margin-bottom: -12px;
}
.all_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
/*.all_nav ul li a:hover{
	color: #0a6dae;
}*/
.all2_nav{
	width: 875px;
}
.khcase_r_txt  ul .all_on a{
	background: #0a6cad;
	color: #fff;
}

.all2_nav ul li{
	width: 14%;
	float: left;
	margin-bottom: 12px;
}
.all2_nav ul{
	margin-bottom: -12px;
}
.all2_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all2_nav ul li a:hover{
	color: #0a6dae;
}



.all3_nav{
	width: 875px;
}
.all3_nav ul li{
	width: 20%;
	float: left;
	margin-bottom: 12px;
}
.all3_nav ul{
	margin-bottom: -12px;
}
.all3_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all3_nav ul li a:hover{
	color: #0a6dae;
}
.dq{
	margin-bottom: 10px;
}

.khcase{
	margin: 70px 0px 100px;
}

.khcase_nav ul li{
	 transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
	width: 380px;
	float: left;
	margin-right: 30px;
	box-shadow: 0 1px 20px 0 hsla(230,9%,48%,.2);
	margin-bottom: 30px;
}
.khcase_nav ul li a{
	display: block;
}
.khcase_nav ul li:nth-child(3n){
	margin-right: 0px;
}
.khcase_div{
	background: #fff;
	padding: 30px 25px;
}
.khcase_div span{
	display: block;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}
.khcase_div p{
	font-size: 14px;
	color: #999999;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
	
}
.khcase_nav ul li:hover{
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
}
.khcase_nav ul li:hover .khcase_div{
	background: #0a6cad;
}
.khcase_nav ul li:hover .khcase_div span{
	color: #fff;
}
.khcase_nav ul li:hover .khcase_div p{
	color: #fff;
}
.khcase_nav{
	margin: 60px 0px 0px;
}
/*end*/
.map{
	margin-top: 70px;
}



.all4_nav{
	width: 875px;
}
.all4_nav ul li{
	padding: 0px 25px;
	float: left;
	margin-bottom: 12px;
	display: inline-block;
}
.all4_nav ul{
	margin-bottom: -12px;
}
.all4_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all4_nav ul li a:hover{
	color: #0a6dae;
}


.nydown_top span{
	display: block;
	color: #333;
	font-size: 22px;
	margin-bottom: 30px;
}

.nydown_nav ul li{
	display: block;
	padding: 40px 0px;
}
.nydown_nav ul li{
	width: 585px;
	box-shadow: 0 1px 20px 0 hsla(230,9%,48%,.2);
	background: #fff;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.nydown_txt{
	margin: 0px 40px;
	
}
.nydown_txt span{
	display: block;
	font-size: 16px;
	color: #666666;
	background: url(../images/zdown_03.png)no-repeat left;
	padding-left: 28px;
}

.nydown_nav ul li:nth-child(2n){
	margin-right: 0px;
}
.nydown{
	margin-top: 40px;
}
.down_big{
	margin-top: 60px;
}


.big_bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99999999;
	display: none;
}
.big_bg_box{
	display: inline-block;
	-webkit-transform: translateX(-50%) translateY(-50%); 
    position: absolute;
    text-align: center;
    z-index: 9999999;
	left: 50%;
	top: 50%;}
.gboff a{
	display: block;
	margin-bottom: 30px;
}



.nyabout .about_l{
	width: 230px;
}
.nyabout .about_l span{
	font-size: 24px;
	color: #333333;
}
.nyabout .about_l h3{
	font-weight: normal;
	color: #dedede;
	font-size: 18px;
	font-family: "Arial";
}
.nyabout .about_more{
	margin-top: 225px;
}
.culture{
	background: url(../images/abbg_02.jpg)center no-repeat;
	background-size: cover;
	padding: 70px 0px 75px;
}
.culture_r{
	width: 547px;
}
.culture_r p{
	font-size: 14px;
	color: #cccccc;
	line-height: 30px;
}
.culture_r span{
	font-size: 16px;
	color: #ffffff;
}
.culture_l span{
	font-size: 24px;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
}
.culture_l p{
	font-size: 18px;
	color: #ffffff;
	opacity: 0.3;
	font-family: "Arial";
	text-transform: uppercase;
	font-weight: 100;
}
.culture_img{
	margin-top: 70px;
}
.path_top span{
	display: block;
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
}
.path_top p{
	font-size: 18px;
	color: #dedede;
	text-transform: uppercase;
}
.path{
	margin: 70px 0px;
}
.path_time span{
	font-size: 18px;
	color: #0a6cad;
	display: block;
	text-align: center;
	background: url(../images/zzquan_03.png)no-repeat top;
	padding-top: 18px;
	top: 50%;
	position: absolute;
	left: 50%;
	margin-top: 12px;
	margin-left: -35px;
}
.path .swiper-button-next,.path .swiper-button-prev{
	margin-top: -10px;
}
.time_xian{
	width: 100%;
	height: 1px;
	background: #dedede;
	position: absolute;
	top: 50%;
	margin-top: 16px;
	
}
.path_txt{
	text-align: right;
}
.path .swiper-slide{
	height: 355px;
	position: relative;
}
.path .swiper-slide:nth-child(2n) .path_time span{
	font-size: 18px;
	color: #0a6cad;
	display: block;
	text-align: center;
	background: url(../images/zzquan_03.png)no-repeat bottom;
	padding-bottom:18px;
	margin-top: -40px;
}
.path .swiper-slide  .path_txt{
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-bottom: 15px;
}
.path .swiper-slide:nth-child(2n)  .path_txt{
	position: inherit;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}
.path .swiper-slide:nth-child(2n)  .path_img{
	position: absolute;
	bottom: 0px;
}
.path_txt{
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}

.honor{
	background: #000000;
	padding: 70px 0px 95px;
}
.honor_top span{
	font-size: 24px;
	color: #ffffff;
	display: block;
	margin-bottom: 15px;
}
.honor_top p{
	font-size: 18px;
	color: #ffffff;
	opacity: 0.2;
	text-transform: uppercase;
}

.honor .swiper-slide{
	background: #fff;
	text-align: center;
}
.honor .swiper-slide span{
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 27px;
	border-top: 1px solid #dedede;
	margin-top: 30px;
	padding-top: 20px;
}
.honor_div{
	padding: 30px 30px 20px 30px;
}


.about_r_nav i{
	position: relative;
	top: -16px;
}
.number_nav ul li i{
	position: relative;
	top: -12px;
}

.cse_xl{
	position: absolute;
	top: 100%;
	z-index: 999999;
	width: 100%;
	left: 0px;
	background: #fafafa;
	text-align: center;
	display: none;
}
.cse_xl_nav ul li{
	display: inline-block;
	width:19.5%;
}
.cse_xl_img{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.cse_xl_nav ul li a{
	padding: 30px 25px;
	display: block;
	border-left: 1px solid #dedede;
	
}
.cse_xl_nav ul li:last-of-type a{
	border-right: 1px solid #dedede;
}
.cse_xl_nav ul li span{
	display:block;
	font-size: 16px;
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: -15px;
}
.cse_xl_nav ul li img {
    transition: all 1s;
}
.cse_xl_nav ul li:hover img {
    transform: scale(1.2);
}
.nav > ul > li:hover .cse_xl{
	display: block;
}


.end_first dl{
	display: none;
	position: absolute;
	bottom: 100%;
	width: 100%;
	background: #fff;
	color: #333;
}
.end_first dl dd a{
	margin: 0px;

	text-align: center;
	line-height: 40px;
	display: block;
}
.end_first dl dd a:hover{
	color: #0a6cad;
}


.industrylist{
	width: 26%;
	float: left;
	z-index: 999;
}
.industryPic{
	width: 100%;
	float: none;
	
}
.industryPic .slick-track{ width:100%!important;}

.Product .slick-vertical .slick-slide{
	background: #f2f2f2;
}
.industrylist  .slick-slide:nth-child(2n){
	background: #ededed;
}
.ico{
	margin: 0px 35px 0px 35px;
}
.ico span{
	display: block;
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 80px;
}
.Product{
	position: relative;
}
.Product .industrylist .slick-current{
 background: #1270ac;
}
.Product .industrylist .slick-current span{
	color: #fff;
}



.industryPic .slick-next {
    width: 60px;
    height: 80px;
    position: absolute;
    left: inherit;
    margin-top: -190px;
    z-index: 10;
    
    right: 0px;
	top: 50%;
	background: url(../images/abnt_03.png) no-repeat center;
}


.gban{
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 99999;
	display: none;
}
.khcase_r_txt{
	position: relative;
}

.vision{
	margin: 70px 0px;;
}
.vision_txt{
	text-align: center;
	margin-top: 80px;
}
.vision_txt h3{
	font-weight: normal;
	font-size: 24px;
	color: #0a6cad;
	display: block;
	margin-bottom: 55px;
}
.vision_txt p{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
}

.nydown_txt a{
	margin-left: 15px;
	line-height: 21px;
}
.down_two{
	display: none;
}
.down_onea:hover .down_two{
	display: inline-block;
}
.down_onea:hover .down_one{
	display: none;
}
.down_twoa:hover .down_two{
	display: inline-block;
}
.down_twoa:hover .down_one{
	display: none;
}



.prou_nav{

}

.industrylist {
	overflow: hidden;
	height: 480px;
	position: absolute;
	left: 0px;
}
.Product .imgDiv{
	overflow: hidden;
	height: 480px;
	background: url(../images/zzzzzzbj_03.png)no-repeat right;
	background-size: cover;
	margin-left: 455px;
}

.khcase_r_txt ul .all a{
	font-size: 16px;
	display: block;
	width: 70px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.khcase_r_txt ul .all{
	position: absolute;
	left: 0px;
}
.khcase_r_txt  ul{ 
	position: relative; 
	padding-left: 100px;
}
.khcase_r_txt ul .all_on a {
    background: #0a6cad;
    color: #fff;
}
.xl_img{
	overflow: hidden;
}
.xl_img img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.xl_box a:hover .xl_img img{
	    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.xl_box a:hover span{
	color: #0a6cad;
}

.want_img img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.want_nav ul li:hover .want_img img{
	    transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}

.pro2_box_l  img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.pro2_box_l:hover img{
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}
.add3{
	display: none;
}
.fyy
{
    text-align:center;
}
.mxfDiv{ position:relative; height:8.0rem; padding-bottom:0.8rem;}
.mxfDiv .tab{ position:absolute; left:0; top:0; width:4.4rem;}
.mxfDiv .tab li{ height:0.8rem; background: #f2f2f2; position:relative;}
.mxfDiv .tab li:nth-child(2n){ background:#ededed;}
.mxfDiv .tab li .name{ padding-left:0.35rem; color:#333; line-height:0.8rem; font-size:0.18rem;}
.mxfDiv .tab li .limg{ position:absolute; right: 0.2rem; top:0;}
.mxfDiv .tab li .limg img{ width:0.71rem;}
.mxfDiv .tab .liNow{ background:#0a6cad;}
.mxfDiv .tab li:nth-child(2n).liNow{ background:#0a6cad;}
.mxfDiv .tab .liNow .name{ color:#fff;}
.mxfDiv .bigImg{ width:8.4rem; padding-left:4.6rem;}
.mxfDiv .bigImg img{ width:100%;}
.mxfDiv .bg{ width:3.76rem;}
.mxfDiv .bg img{ width:100%;}
.mxfDiv .list{ padding-top:0.2rem; clear:both;}
.mxfDiv .list ul{ margin-right:-0.1rem;}
.mxfDiv .list li{ float:left; width:25%;}
.mxfDiv .list li .lbox{ margin-right:0.1rem;}
.mxfDiv .list li .xDiv img{ width:100%;}
.mxfDiv .list li .name{ padding-top:0.18rem; font-size:0.16rem; text-align:center; color:#333;}


/*2020.7.31*/
.hpart1 .title{ text-align:center; font-size:20px; color:#333; font-weight:bold; padding-bottom:45px;}
.hpart1 .leftDiv, .hpart1 .rightDiv{ width:400px;}
.hpart1 h2{ font-size:16px; height:30px; border-bottom:#ddd solid 1px;}
.hpart1 .hcontent{ font-size:14px; padding-top:20px; line-height:24px;}
.hpart1 ul{ padding-top:15px;}
.hpart1 li{ font-size:14px; line-height:24px;}

.hpart2{ padding-top:80px;}
.hpart2 .title{ text-align:center; font-size:20px; color:#333; font-weight:bold; padding-bottom:45px;}
.hpart2 .list li{ float:left; width:33.33%; text-align:center;}
.hpart2 .list li .icon{ padding-bottom:20px; height:60px;}
.hpart2 .list li .icon img{ width:56px;}
.hpart2 .list li b{ font-size:14px;}