

/* CSS Document */

* {

	margin: 0px;

	padding: 0px;

}

body {

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	font-family: '微软雅黑';

	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%;
	/*height: 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(../image/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(../image/nn8_03.png)

}

.xl_div .swiper-button-next,.xl_div .swiper-container-rtl .swiper-button-prev{

	background: url(../image/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(../image/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(../image/case_02.jpg)no-repeat center;

	background-size: cover;
	
	padding: 30px 0;

}



.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{

	padding: 5%;

	

}

.case_txt span{

	display: block;

	font-size:  16px;

	color: #333333;

	margin-bottom: 20px;

}

.case_txt h6{
	margin-bottom: 15px;

	font-size: 17px;

	color: #666666;

	line-height: 30px;

	overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 

}
.case_txt p{
	font-size: 16px;
	line-height: 30px;
}

.case_txt a{

	display: block;

	font-size: 14px;

	color: #0a6cad;

	text-transform: uppercase;

	/*margin-top: 60px;*/
	margin-top: 20px

}

.case .swiper-button-prev,.case .swiper-container-rtl .swiper-button-next {

    background-image:url(../image/caser_03.png);

	margin-left: -84px;
}

.case .swiper-button-next,.case .swiper-container-rtl .swiper-button-prev {

    background-image: url(../image/casel_05.png);

	margin-left: 40px;


}

.case .swiper-button-next,.case .swiper-button-prev{

	width: 48px;

	height: 48px;

	background-size: 48px 48px;

	opacity: 1;

	bottom: 0;

	top: inherit;

	outline: none;
	
	left: 50%;

}

.case .swiper-button-next:hover{

	background-image:url(../image/caser_05.png);

}

.case .swiper-button-prev:hover{

	background-image: url(../image/casel_03.png);

}

.case .swiper-button-next.swiper-button-disabled,.case .swiper-button-prev.swiper-button-disabled {

    opacity: 1;

    cursor: auto;

    pointer-events: inherit;

	

}

.case_banner{
	position: relative;
	padding-bottom: 80px;
}
.case_banner .swiper-wrapper{
	display: flex;
	align-items: self-end;
}
.case_banner .swiper-slide{
	
}

.news_l{

	position: relative;
	width: 720px;

}

.news_bom{

	position: absolute;

	bottom: 0px;

}

.time{

	position: absolute;

	top: 20px;

	left: 20px;

	width: 75px;

	height: 55px;

	padding: 30px 12px 25px;

	background: url(../image/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_box{
	width: 100%;
}
.news_box img{
	width: 100%;
	height: 420px;
}

.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: 20px;

	color: #666666;

	/*line-height: 60px;*/

	display: block;

	margin: 40px 0px 30px;

}

.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: 16px;

	line-height: 27px;

	color: #666666;
	text-align: center;

}

.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(../image/dend_02.jpg) center;

	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: 25px;

}

.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: 10px 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: 10px;

}

.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(../image/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(../image/youjt_03.png)no-repeat right;

}

.mbnt .subNavBox .currentDd .sub{

	background: url(../image/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(../image/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(../image/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(../image/btn1.jpg) no-repeat; text-indent:56px; line-height:48px; font-size:16px;}

.pageDown .btn:hover{ color: #fff;  background:url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/zcp88_03.jpg) center bottom no-repeat;z-index:22;}

.researchPic .prev:hover{ background:url(../image/zcp77_04.jpg) center top no-repeat;}

.researchPic .next:hover{ background:url(../image/zcp77_03.jpg) center bottom no-repeat;}

.researchPic .nameList{ position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(http://www.szrdcj.com/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(../image/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(../image/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(http://www.szrdcj.com/images/hbg1.png) repeat;}*/



.researchPic2 .swiper-slide img{ width:100%;}

.researchPic2 .swiper-button-prev{ cursor:pointer; position:absolute; background:url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/zcpjt2_03.png)no-repeat right;

	



}

.down_nav{

	margin: 30px 0px 70px;

}

.down_nav ul li:hover span{

	color: #086aab;

	background: url(../image/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(../image/caser_03.png);

    left: 0px;

    right: auto;

}

.por_case .swiper-button-next,.por_case .swiper-container-rtl .swiper-button-prev {

    background-image: url(../image/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(../image/caser_05.png);

}

.por_case  .swiper-button-prev:hover{

	background-image: url(../image/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(../image/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(../image/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(../image/zq_03.png)no-repeat left;

	margin: 30px 0px;

}

.service_txt p{

	font-size: 16px;

	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: 24px;

	color: #333333;

	margin-bottom: 25px;

}

.service2_r_txt p{

	font-size: 16px;

	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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/zzquan_03.png)no-repeat bottom;

	padding-bottom:18px;

	margin-top: -40px;

}

.path .swiper-slide  .path_txt{

	position: absolute;

	/*bottom: 0px;*/
	top:65%;
	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: 13px;

	line-height: 25px;

	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:16%;

}

.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(../image/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(../image/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; 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.1em;}

.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:12.4rem; padding-left:4.6rem;}

/*.mxfDiv .bigImg img{ width:100%;}*/
.mxfDiv .bigImg img {
    width: 100%;
    height: 5.6rem;
    object-fit: cover;
}
.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:30px; color:#333; font-weight:bold; padding-bottom:45px;}

.hpart1 .leftDiv, .hpart1 .rightDiv{ width:50%;}

.hpart1 h2{ font-size:16px; height:30px; border-bottom:#ddd solid 1px;}

.hpart1 .hcontent{width: 70%;margin: 0 auto; font-size:18px; padding-top:20px; line-height:24px;}

.hpart1 ul{ padding-top:15px;}

.hpart1 li{ font-size:18px; line-height:30px;}



.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:16px;}