/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;font-family:' '; color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{
	box-sizing: border-box;
}
input,textarea{
	outline: none;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.imgbox{
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	margin-bottom: 10px;
}
.imgbox img{
	max-width: 100%;
	width: auto;
}

/* 导航 */
.headerbox{
	width: 100%;
	margin:  0 auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background: rgb(0 0 0 / 5%);
	transition: all .5s;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.headerbox.active{
	background: rgba(0,98,182,0.6);
    box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 15%);
}
.headerbox .header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height:100px;
}
.headerbox .header .logo {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.headerbox .header .logo img{
	max-width: 100%;
	width: auto;
}
/* 导航栏 */
.menu{display: flex;align-items: center;}
.menu ul li{ float:left; position:relative;}
/*二级*/
.menu ul li .m_nav2{ background:#fff;position:fixed; left:0px; top:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 999;word-break: keep-all;width: 100%;padding: 12px 0px 12px 25px;box-sizing: border-box;}
.menu ul li .m_nav2 h3{
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	text-align: left;
}
.menu ul li .m_nav2 dl{
	display: flex;
	justify-content: center;
}
.menu ul li .m_nav2 dl dd{
	width: 14%;
	padding: 0 10px;
	box-sizing: border-box;
}
.menu ul li .m_nav2 dl dd a{
	display: block;
	width: 100%;
	padding: 0;
}
.menu ul li .m_nav2 dl dd .m_nav2_list{
	border-top: 1px dotted #ddd;
}
.menu ul li .m_nav2 dl dd .m_nav2_list p a{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
}
.menu ul li .m_nav2 dl dd .m_nav2_list p a:hover{
	color: #0062b6;
}

.menu ul li.menu_down:hover>.m_nav2{
	display: block;
}

/*链接样式*/
.menu a{ font-size:16px;color:#fff; text-decoration:none;display:block;text-align:center;padding: 40px 25px;font-weight: bold;}
.menu_down span{ display:block;}

/*线*/
.menu ul li .line{position: absolute;bottom: 3px;left: 0%; display: inline-block; width:0; margin: 0 auto;background: #fff; height: 2px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.menu ul li span a:hover .line{ width: 100%;}

.searchbox{
	width: calc(9% + 30px);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: relative;
}
.searchbox input{width: 100%;background: rgba(255,255,255,0.25);border-radius: 15px;padding: 5px 10px;box-sizing: border-box;}
.searchbox input::placeholder{
	color: #d5d5d5;
}
.header:hover .searchbox{
	width: calc(9% + 48px);
}
.searchbox i{
	position: absolute;
	right: 10px;
	top: 50%;
	color: #d5d5d5;
	transform: translateY(-50%);
}
.language{
	color: white;
	font-size: 18px;
	padding: 0 20px;
	box-sizing: border-box;
	transition: all 0.5s;
}
.language a{
	color: white;
	font-size: 18px;
}
.language:hover a{
	color: #0062b6;
}




/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:#0062b6;position:fixed;z-index:999;width:100%;display: none;top: 0;}
.sp_logo{height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_right{
	display: flex;
	align-items: center;
}
.sp_right .searchbox{
	width: auto;
}
.sp_nav{width:50px;position:relative;cursor:pointer;height:30px;}
/* 横杠 */
.sp_nav span{display:block;background:#fff;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:10px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li .index5_btn:after{
	width: 15px;
	height: 2px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	background-color: #333;
	content: "";
}
.sjj_nav ul li .index5_btn:before{
	height: 15px;
	content: "";
	width: 2px;
	background-color: #333;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.sjj_nav ul li .index5_btn.on:before{
	display: none;
}


.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}


/* banner */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}


.bannerbox .mySwiper1 .prev_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 5%;
	line-height: 80px;
	background: rgba(255, 255, 255, 0.498039);
	width: 42px;
	height: 80px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	font-size: 36px;
}
.bannerbox .mySwiper1 .next_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 5%;
	line-height: 80px;
	background: rgba(255, 255, 255, 0.498039);
	width: 42px;
	height: 80px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	font-size: 36px;
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	width: 15px;
	height: 15px;
    background: white;
    border-radius: 50%;
    overflow: hidden;
	transition: all .5s;
	opacity: 1;
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	opacity: 1;
    width: 45px;
	border-radius: 8px;
    background: #0062b6;
}


/* footer */
.footerbox{
	padding: 30px 0;
	box-sizing: border-box;
	color: white;
	background-color: #4c4c4c;
}
.footerbox .wapper{
	width: 96%;
}
.footerbox .footer{
	width: 100%;
	margin: 0 auto;
}
.footer .footer_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.footer .footer_top h1{
	font-size: 26px;
	font-weight: bold;
}
.footer .footer_center{
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
	padding: 30px 0;
	box-sizing: border-box;
}
.footer .footer_center ul{
	display: flex;
	flex-wrap: wrap;	
}
.footer_center ul li:first-child{
	width: 25%;
}
.footer_center ul li{
	width: 18.75%;
	padding-right: 30px;
	box-sizing: border-box;
}
.footer_center ul li h3{
	color: white;
	font-size: 20px;
	margin-bottom: 22px;
}
.footer_center ul li dl dd{
	margin-bottom: 22px;
	color: #c4c4c4;
	display: flex;
	align-items: center;
}
.footer_center ul li dl dd span{
	font-size: 16px;
}
.footer_center ul li dl dd i{
	color: #c4c4c4;
	padding-right: 10px;
}
.footer_center ul li dl dd a{
	font-size: 16px;
	color: #c4c4c4;
}
.footer_bottom{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 20px;
	font-size: 14px;
	color: #98999a;
}
.footer_bottom a{
	font-size: 14px;
	color: #98999a;
	padding: 0 15px;
	box-sizing: border-box;
}
.footer_bottom .f_b_left{
	display: flex;
}

.slidebox{
	position: fixed;
	right: 0;
	top: 45%;
	transform: translateY(-50%);
	z-index: 999;
}
.slidebox ul{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.slidebox ul li{
	margin-bottom: 10px;
	background-color: #0062b6;
	text-align: center;
	width: 80px;
	height: 80px;
	color:#fff;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .3s ease;
}
.slidebox ul li .phone{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.slidebox ul li .phone .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slidebox ul li .phone p{
	text-align: center;
	font-size: 14px;
	color: white;
}
.slidebox ul li .number_box{
	display: none;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all 0.8s ease;
}
.slidebox ul li .number_box p{
	color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    white-space: nowrap;
	position: relative;
	z-index: 10;
}
.slidebox .out_top{
	cursor: pointer;
	background-color: #0062b6;
	text-align: center;
	width: 80px;
	height: 80px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.slidebox ul li:hover>.phone{
	display: none;
}
.slidebox ul li:hover>.number_box{
	display: block;
	width: 100%;
}
.slidebox ul li:hover {
	width: 180px;
	background-color: #0062b6;
}





/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 450px;
}
.inbannerbox .inbanner{
	width: 100%;
	position: absolute;
	height: auto;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.inbannerbox .inbanner h2{
	width: 100%;
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
	color: white;
	text-align: center;
	margin-bottom: 20px;
}
.inbannerbox .inbanner p{
	font-size: 20px;
	margin-top: 5px;
	color: white;
}


.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .wapper{
	max-width: 1320px;
}
.insidebox .wapper .inside{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}



/* ingdex1 */
.index1box{
	padding: 40px 0 60px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index1box .index1{
	width: 100%;
	margin: 0 auto;
}
.main_title{
	width: 100%;
	position: relative;
	text-align: center;
}
.main_title h1{
	font-size: 42px;
	color: #333;
	font-weight: bold;
}
.main_title h3{
	position: absolute;
	width: 100%;
	text-align: center;
	top: -25px;
	font-size: 72px;
	color: #f7f7f7;
	display: block;
	z-index: -1;
}

.index1_content{
	margin-top: 30px;
}
.index1_content .index1_tab{
	width: 100%;
	margin-bottom: 30px;
}
.index1_content .index1_tab ul{display: flex;flex-wrap: wrap;}
.index1_content .index1_tab ul li{
	cursor: pointer;
	width: 20%;
	text-align: center;
	border-radius: 22px;
	margin-bottom: 20px;
}
.index1_content .index1_tab ul li span{
	font-size: 16px;
	
	line-height: 44px;
	padding: 0 10px;
	display: block;
	box-sizing: border-box;
}
.index1_content .index1_tab ul li:last-child{
	margin-right: 0;
}
.index1_content .index1_tab ul li.on{
	background: linear-gradient(90deg,#007ae1 0%,#0061b4 88%);
}
.index1_content .index1_tab ul li.on span{
	color: #fff;
}

.index1_box ul li{
	width: 100%;
}
.index1_box ul li .box1_item{
	width: 100%;
}
.box1_item dl{
	display: flex;
	flex-wrap: wrap;
}
.box1_item dl dd{
	margin-right: 2%;
	width: 23.5%;
	margin-bottom: 20px;
	padding: 1%;
	box-sizing: border-box;
	border-radius: 6px;
	border: 1px solid rgba(232,232,232,1);
}
.box1_item dl dd:nth-child(4n){
	margin-right: 0;
}
.box1_item dl dd a{
	display: block;
	width: 100%;
} 
.box1_item dl dd a:hover .imgbox img{
	transform: scale(1.1);
}
.box1_item dl dd a .imgbox{
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
}
.box1_item dl dd a .imgbox img{
	max-width: 100%;
	width: auto;
	transition: all 0.5s;
}
.box1_item dl dd a h3{
	font-size: 24px;
	margin-top: 22px;
	color: rgba(46,46,46,1);
}

.box1_item dl dd a p{
	font-size: 14px;
	color: #888;
	margin-top: 6px;
}
.box1_item dl dd a span{
	text-align: left;
	color: #0062d1;
	font-size: 14px;
	display: block;
	margin-top: 6px;
}



/* index2 */
.index2box{
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin-bottom: 70px;
	position: relative;
}
.index2{
	width: 100%;
	margin: 0 auto;
}
.index2 .swiper-wrapper{
	display: flex;
}
.index2 .swiper-wrapper .swiper-slide{
	width: 25%;
	min-height: 777px;
	transition: all .5s;
	position: relative;
	background: transparent;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.index2 .swiper-wrapper .swiper-slide:hover{
	background: rgb(0 69 195 / 48%);
}
.index2 .swiper-wrapper .swiper-slide .textbox{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 55px;
	box-sizing: border-box;
	left: 0;
	top: 38%;
	color: white;
	text-align: center;
	transition: all .5s;
}
.index2 .swiper-wrapper .swiper-slide:hover .textbox{
	top: 35%;
}
.index2 .swiper-wrapper .swiper-slide .textbox .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.index2 .swiper-wrapper .swiper-slide .textbox .imgbox img{
	max-width: 100%;
	width: auto;
}
.index2 .swiper-wrapper .swiper-slide .textbox h1{
	text-align: center;
	color: white;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
}
.index2 .swiper-wrapper .swiper-slide .textbox p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	width: 100%;
}

.index2 .swiper-wrapper .swiper-slide .textbox .index2_btn{
	width: 100%;
	margin-top: 20px;
	display: none;
}

.index2 .swiper-wrapper .swiper-slide .textbox .index2_btn a{
	max-width: 152px;
	text-align: center;
	color: #333;
	background-color: white;
	margin: 6px auto;
	border-radius: 50px;
	line-height: 42px;
	display: block;
}
.index2 .swiper-wrapper .swiper-slide:hover .textbox .index2_btn{
	display: block;
}

.index2 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -35px !important;
}



/* index3 */
.index3box{
	width: 100%;
	margin: 0 auto;
	min-height: 300px;
	padding-bottom: 28px;
	padding-top: 50px;
	background-position: center center;
}
.index3box .wapper{
	width: 1500px;
}
.index3box .index3{
	width: 100%;
	margin: 0 auto;
}

.index3_content{
	margin-top: 20px;
    background-color: rgba(248,249,250,1);
	border-radius: 16px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 32px;
    padding-right: 18px;
	box-sizing: border-box;
}
.index3_content .index3_left{
	width: 60%;
}
.index3_content .index3_right{
	width: 37%;
}
.index3_content .index3_right video{
	width: 100%;
}
.index3_content .index3_left h1{
	position: relative;
	text-align: left;
    font-size: 36px;
    color: rgba(0,78,194,1);
	padding-top: 8px;
	font-weight: bold;
}
.index3_content .index3_left h1:before{
	position: absolute;
	content: "";
	background-color: rgba(255,156,0,1);
	width: 40px;
	height: 3px;
	left: 0;
	top: 0;
}
.index3_content .index3_left h3{
	font-size: 24px;
	color: #000;
	font-weight: bold;
}
.index3_content .index3_left .desc{
	margin-top: 16px;
    text-align: left;
    max-width: 760px;
    margin-bottom: 12px;
}
.index3_content .index3_left .desc p{
	font-size: 18px;
    color: rgba(123,123,124,1);
}
.index3_btn{
	max-width: 138px;
}
.index3_btn a{
	display: block;
	width: 100%;
	color: rgba(23,78,173,1);
	border: 2px solid rgba(23,78,173,1);
	border-radius: 22px;
	text-align: center;
	padding: 11px 8px;
	box-sizing: border-box;
}


.index3_number{
	padding: 30px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index3_number ul{
	display: flex;
	flex-wrap: wrap;
}
.index3_number ul li{
	width: 20%;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.index3_number ul li p{
	color: #585858;
	font-size: 17px;
}
.index3_number ul li p span{
	color: #ff9c00;
    font-size: 50px;
}
.index3_number ul li h2{
	color: rgba(150,150,150,1);
    font-size: 16px;
    text-align: center;
}

.index3_number ul li:after{
	content: "";
    width: 1px;
    background: #e0e0e0;
    height: 64%;
    display: block;
    position: absolute;
    top: 18%;
    right: 12%;
}

/* index4 */
.index4box{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	background-color: rgba(248,251,255,1);
}
.index4box .wapper{
	width: 1500px;
}
.index4box .index4{
	width: 100%;
	margin: 0 auto;
}

.main_title1{
	text-align: left !important;
}

.index4_content{
	width: 100%;
	padding: 20px 0;
	box-sizing: border-box;
}
.index4_content ul{
	display: flex;
	flex-wrap: wrap;
}
.index4_content ul li{
	margin-right: 2%;
	width: 32%;
}
.index4_content ul li:last-child{
	margin-right: 0;
}

.index4_content ul li a{
	display: block;
	width: 100%;
	background: white;
}
.index4_content ul li a .imgbox{
	width: 100%;
	display: block;
	overflow: hidden;
}
.index4_content ul li a .imgbox img{
	width: 100%;
	transition: all 0.5s;
}
.index4_content ul li a:hover .imgbox img{
	transform:scale(1.1);
}
.index4_content ul li a .textbox{
	padding: 25px 10px 22px;
	box-sizing: border-box;
}
.index4_content ul li a .textbox h1{
	font-size: 26px;
    color: rgba(0,0,0,1);
    margin-bottom: 6px;
    font-weight: bold;
	transition: all 0.5s;
}
.index4_content ul li a .textbox h1:hover{
	color: #0062b6;
}
.index4_content ul li a .textbox p{
	margin-bottom: 10px;
	font-size: 15px;
	color: rgba(195,195,195,1);
	min-height: 44px;
}

.index4_content ul li a .textbox span{
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 1px solid #0061b4;
	color: #0062b6;
	display: block;
	text-align: center;
	line-height: 45px;
}
.index4_content ul li a .textbox span i{
	font-size: 25px;
}




.s_menubox{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
}
.s_menubox .wapper{
	width: 1500px;
}
.s_menubox .s_menu{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
}
.s_menubox .s_menu p{
	display: flex;
	align-content: center;
	font-size: 16px;
	color: #212529;
}
.s_menubox .s_menu p a{
	color: #6c757d;
	font-size: 16px;
}
.s_menubox .s_menu p a i{
	padding-right: 5px;
}
.s_menubox .s_menu p span{
	color: #212529;
	font-size: 16px;
}



/* product */
.productbox{
	width: 100%;
	margin: 0 auto;
	background-color: rgba(252,252,252,1);
	padding: 32px 0 48px;
	box-sizing: border-box;
}
.productbox .wapper{
	width: 1500px;
}
.productbox .product{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.productbox .product .product_left{width: 25%;padding: 0 15px;box-sizing: border-box;}
.productbox .product .product_right{width: 75%;padding: 0 15px;box-sizing: border-box;background: white;}

.mainTitle{
	background-color: #0062b6;
	padding: 12px 20px 8px 22px;
	box-sizing: border-box;
	font-weight: bold;
	color: #fff;
}
.tab_list5{width: 100%;box-sizing: border-box;box-sizing: border-box;background-color: white;}
.accordion {width: 100%;}
.accordion .link {cursor: pointer;display: block;padding: 10px 20px;color: #000;font-size: 16px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;box-sizing: border-box;margin-top: 1px;margin-bottom: 1px;}
.accordion .link a{color: #000;font-size: 16px;font-weight: 400;}
.accordion li{border-bottom: 1px solid #f1f1f1;}
.accordion li i {position: absolute;top: 10px;left: 12px;font-size: 18px;color: #000;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.icon {right: 12px;left: auto;font-size: 20px;}
.accordion li.open .link {color: #000;}
.accordion li.open a {color: #000;}
.accordion li.open i {color: #000;}


.submenu {display: none;font-size: 14px;box-sizing: border-box;}
.submenu li:first-child{
	border-top: 1px solid #f1f1f1;
}
.submenu li {background: #fff;border-bottom: 1px solid #f1f1f1;padding: 0px 0px 0 28px;}
.submenu a {display: block;text-decoration: none;color: #696969 !important;padding: 10px 0;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;font-size: 15px;}


.tab_sj{
	width: 100%;
	background-color: #0062b6;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	color: white;
}
.black_bg{
	display:none;
	position:fixed;
	top: 70px;
	left: 0;
	width:100%;
	height:100%;
	z-index:120;
	background:rgba(0,0,0,0.5);
}
.close{
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.close img{
	filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}
.product_left_sj{
	display: none;
	width: 100%;
}
.box_sj{
	position: fixed;
	z-index: 9999;
	width: 60%;
	height: 100%;
	font-size: 14px;
	line-height: 40px;
	top: 70px;
	background-color: #fff;
	right: -70%;
	overflow: auto;
	overflow-x: hidden;
	transition: right ease 0.35s;
	box-sizing: border-box;
}
.box_sj ul li ul{display:none;}
.box_sj ul li{
	border-bottom: 1px solid #f1f1f1;
	padding: 0 10px;
}
.sj_title{
	display: flex;
	align-items: center;
	color: #212529;
	justify-content: space-between;
}
.sj_title:hover{
	color: #007ae1;
}
.sj_title span{
	font-size: 16px;
}
.sj_title i{
	font-size: 20px;
}
.box_sj ul li ul li{
	width: 50%;
	border-bottom: 1px solid #f1f1f1;
}
.box_sj ul li ul{
	border-top: 1px solid #f1f1f1;
}
.box_sj ul li.open ul{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
.box_sj ul li ul li a{
	font-size: 15px;
	color: #696969;
}
.box_sj ul li ul li a:hover{
	color: #007ae1;
}


.product_right h2{
	margin-bottom: 25px;
	background-color: white;
	color: rgba(48,48,48,1);
	border-left: 3px solid #0062b6;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}
.product_right .choose{
	width: 100%;
	border: 1px solid #dee2e6;
	margin-bottom: 12px;
	margin-left: 10px;
}
.product_right .choose .choose_tab{
	border-bottom: 1px solid #dee2e6;
	width: 100%;
	display: flex;
}
.choose_tab span{
	background-color: #0062b6;
	color: white;
	font-size: 16px;
	text-align: center;
	padding: 10px;
	display: block;
	width: 120px;
	box-sizing: border-box;
}
.choose_tab a{
	padding: 10px;
	box-sizing: border-box;
	display: block;
	width: 120px;
	font-size: 16px;
	color: #212529;
	font-weight: bold;
}
.choose_tab a.curr{
	color: #0062b6;
}
.choose_box{
	display: flex;
	align-items: center;
}
.choose_box span{
	font-size: 16px;
	text-align: center;
	padding: 20px;
	display: block;
	width: 120px;
	border-right: 1px solid #dee2e6;
	box-sizing: border-box;
}
.choose_box .choose_curr{
	padding: 10px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	margin-left: 20px;
	color: #212529;
	border: 1px solid #dee2e6;
}
.choose_box .choose_curr .delete{
	cursor: pointer;
}
.choose_box .choose_curr i img{
	width: 16px;
}


.product_content{
	padding: 20px 0;
	box-sizing: border-box;
}
.product_content ul{
	display: flex;
	flex-wrap: wrap;
}
.product_content ul li{
	width: 33.33%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.product_content ul li a{
	display: block;
	width: 100%;
	padding: 5px;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
}
.product_content ul li a .imgbox{
	width: 100%;
}
.product_content ul li a .imgbox img{
	height: 200px;
	object-fit: contain;
	width: 100%;
}
.product_content ul li a .textbox{
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
}
.product_content ul li a .textbox h3{
	color: rgba(48,49,51,1);
	font-size: 18px;
	transition: all 0.5s
}
.product_content ul li a .textbox h3:hover{
	color: #0062b6;
	font-size: 16px;
}


/* 产品详情 */
.pro_detail .prodetail1{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.pro_detail .prodetail1 .pd1_left{
	width: 49%;
	position: relative;
}
.pro_detail .prodetail1 .pd1_right{
	width: 49%;
}

.pd1_left .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pd1_left .swiper-slide {
  background-size: cover;
  background-position: center;
}

.pd1_left .swiper_box {
  height: 80%;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-bottom: 0px solid;
}
.pd1_left .swiper_box .swiper-slide{
	padding: 0 20px;
	box-sizing: border-box;
}
.pd1_left .swiper_tab {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 40px;
/*  margin-top: 20px; */
  border: 1px solid #e0e0e0;
}

.pd1_left .swiper_tab .swiper-slide {
  width: 25%;
  opacity: 0.4;
}

.pd1_left .swiper_tab .swiper-slide-thumb-active {
	opacity: 1;
	border: 1.5px solid #0062b6;
}

.pd1_left .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.swiper_tab .swiper-slide img{
	border: 1px solid #ddd;
}

.swiper_tab .tab_prev{
	position: absolute;
	top: 0%;
	z-index: 9;
	left: 0px;
	cursor: pointer;
	width: 36px;
	height: 100%;
	display: flex;
	justify-content: center;
	background-color: #f1f1f1;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	transition: all .3s;
}

.swiper_tab .tab_next{
	position: absolute;
	top: 0%;
	z-index: 9;
	right: 0px;
	cursor: pointer;
	width: 36px;
	height: 100%;
	display: flex;
	background-color: #f1f1f1;
	justify-content: center;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	transition: all .3s;
}

.pd1_right h1{
	padding-bottom: 10px;
	color: #333;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}
.pd1_right .desc{
	padding: 20px 0;
	box-sizing: border-box;
}
.pd1_right .desc p{
	font-size: 14px;
	color: #888;
}
.pd1_right .right_p{
	margin-bottom: 20px;
	color: #333;
	font-size: 16px;
}
.pd1_right .right_p strong{
	font-weight: bold;
}
.pd1_right .right_p a{
	color: #333;
	padding-left: 5px;
}
.pd1_right .right_p a:hover{
	color: #0062b6;
}
.pd1_right .pd1_right_btn{
	display: flex;
	align-content: center;
}
.pd1_right .pd1_right_btn a{
	background-color: #0062b6;
	width: auto;
	border: 1px solid #0062b6;
	line-height: 42px;
	color: white;
	display: flex;
	align-items: center;
	border-radius: 40px;
	transition: all 0.5s;
	justify-content: center;
	padding: 0 10px;
	margin-right: 20px;
}
.pd1_right .pd1_right_btn a i{
	padding-left: 5px;
	font-size: 16px;
	box-sizing: border-box;
}
.pd1_right .pd1_right_btn a:last-child{
	margin-right: 0;
}
.pd1_right .pd1_right_btn a:hover{
	background-color: transparent;
	color: #0062b6;
}


.prodetail2{
	width: 100%;
	margin-top: 30px;
}

.prodetail2 .pro_title{
    border-bottom: 1px solid #eee;
}
.prodetail2 .pro_title span{
	background-color: #0062b6;
	color: white;
	min-width: 98px;
	line-height: 40px;
	font-size: 18px;
	padding: 2px 35px;
	box-sizing: border-box;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}
.prodetail2_item{
	padding-top: 30px;
	box-sizing: border-box;
}
.prodetail2_item .pro_item_title {
	border-bottom: 1px solid #eee;
}
.prodetail2_item .pro_item_title span{
	color: #0062b6;
	line-height: 40px;
	font-size: 22px;
	box-sizing: border-box;
	font-weight: bold;
	cursor: pointer;
}
.prodetail2_item .desc{
	padding-top: 30px;
	box-sizing: border-box;
}

.prodetail2_item .desc p{
	color: #212529;
	font-size: 16px;
}

.formbox{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.formbox input,
.formbox textarea{
	width: 100%;
	padding: 10px 20px;
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    box-sizing: border-box;
    transition: .5s;
    margin-bottom: 13px;
	font-size: 16px;
	box-sizing: border-box;
}
.formbox input:focus,
.formbox textarea:focus{
	color: #495057;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.formbox input{
	height: 50px;
}
.formbox textarea{
	height: 120px;
}

.formbox a{
	display: block;
	text-align: center;
	max-width: 200px;
	color: #0062b6;
	border: 1px solid #0062b6;
	padding: 10px 20px;
	margin: 30px auto;
	font-size: 14px;
}

.prodetail2_item h2{
	margin-bottom: 25px;
	background-color: white;
	color: rgba(48,48,48,1);
	border-left: 3px solid #0062b6;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}

.prodetail2_item .product_content ul li a{
	transition: all .5s ease;
}
.prodetail2_item .product_content ul li a .textbox h3 {
	font-size: 16px;
}
.prodetail2_item .product_content ul li a:hover{
	box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}



/* 解决方案 */
.s_menubox{
	
}
.s_menu1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.s_menu1 ul{
	display: flex;
	align-items: center;
}
.s_menu1 ul li{
	box-sizing: border-box;
	margin-right: 10px;
}
.s_menu1 ul li:last-child{
	margin-right: 0;
}
.s_menu1 ul li a{
	padding: 20px;
	text-align: center;
	font-size: 18px;
	color: #000;
	position: relative;
}
.s_menu1 ul li a span:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width:0; 
	bottom: 0;
	height: 3px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: inline-block;
	background-color: #0062b6;
}
.s_menu1 ul li:hover a span:after{
	width: 100%;
}
.s_menu1 ul li.curr a span:after{
	width: 100%;
}
.s_menu1 ul li:hover a{
	color: #0062b6;
}
.s_menu1 ul li.curr a{
	color: #0062b6;
}




.solution1box{
	padding: 48px 0 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.solution1box .wapper{
	width: 1500px;
}

.solution1box .solution1{
	position: relative;
	display: flex;
	align-items: center;
	min-height: 350px;
}
.solution1box .solution1:after{
	content: "";
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f7f8fb;
    display: block;
    height: 100%;
	z-index: -1;
}
.solution1box .solution1_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 250px;
}
.solution1_left{
	width: 50%;
    padding: 40px;
	height: 100%;
}
.solution1_right{
	width: 50%;
	height: 100%;
}
.solution1_right img{
	width: 100%;
	height: 100%;
}
.solution1_left h1{
	color: #0062b6;
	font-size: 28px;
	margin-bottom: 6px;
}
.solution1_left .desc{
	margin-top: 14px;
	max-width: 96%;
}
.solution1_left .desc p{
	font-size: 16px;
	color: #333333;
}



.solution2box{
	background-color: #f7f8fb;
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.solution2box .wapper{
	width: 1500px;
}

.solution2box .solution2{
	width: 100%;
	margin: 0 auto;
}

.solution2box .solution2 h1{
	color: #0062b6;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.solution2box .solution2 table{
	border-collapse: collapse;
	border: 1px solid #e0e0e0;
	color: #666;
	font-size: 16px;
	width: 100%;
}
.solution2box .solution2 table td{
	border: 1px solid #e0e0e0;
	padding: 15px 14px 15px 30px;
	box-sizing: border-box;
	width: 40%;
}
.solution2box .solution2 table tr{
	background-color: #fff;
}
.solution2box .solution2 table tr:nth-child(2n){
	background-color: #f0f9ff;
}
.solution2box .solution2 table td:nth-child(1){
	font-weight: bold;
}
.solution2box .solution2 table td:nth-child(2n){
	width: 60%;
}



/* 常见问题 */
.problem_box{
	background-color: #f7f8fb;
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.problem_box .wapper{
	width: 1500px;
}

.problem_box .problem{
	width: 100%;
	margin: 0 auto;
}
.problem_box .problem h1{
	text-align: center;
	color: #222;
	font-size: 36px;
	font-weight: bold;
}
.problem_content{
	padding: 20px 0;
	box-sizing: border-box;
}
.problem_content .problem_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	background-color: white;
}
.problem_content .problem_item .item_left{
	display: flex;
	align-items: center;
}
.problem_content .problem_item .item_left a{
	font-size: 16px;
	color: #333;
	padding-left: 5px;
}
.problem_content .problem_item .item_right a{
	color: #999;
	font-size: 14px;
}
.problem_content .problem_item a:hover{
	color: #0062b6;
}


/* news */
.newsbox{
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.newsbox .wapper{
	width: 1500px;
}

.newsbox .news{
	width: 100%;
	margin: 0 auto;
}
.news ul{
	display: flex;
	flex-wrap: wrap;
}
.news ul li{
	margin-right: 2%;
	width: 32%;
}
.news ul li:last-child{
	margin-right: 0;
}

.news ul li a{
	display: block;
	width: 100%;
	background: white;
}
.news ul li a .imgbox{
	width: 100%;
	display: block;
	overflow: hidden;
}
.news ul li a .imgbox img{
	width: 100%;
	height: 300px;
	object-fit: contain;
	transition: all 0.5s;
}
.news ul li a:hover .imgbox img{
	transform:scale(1.1);
}
.news ul li a .textbox{
	padding: 25px 10px 22px;
	box-sizing: border-box;
}
.news ul li a .textbox h1{
	font-size: 26px;
    color: rgba(0,0,0,1);
    margin-bottom: 6px;
    font-weight: bold;
	transition: all 0.5s;
}
.news ul li a .textbox h1:hover{
	color: #0062b6;
}
.news ul li a .textbox p{
	margin-bottom: 10px;
	font-size: 15px;
	color: #333333;
	min-height: 44px;
}

.news ul li a .textbox span{
	color: #0062b6;
	color: rgba(160,160,160,1);
	font-size: 14px;
}


/* contact */
.contact1box{
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.contact1box .wapper{
	width: 1500px;
}

.contact1box .contact1{
	width: 100%;
	margin: 0 auto;
}
.contact1box .contact1 img{
	width: 100%;
}

.contact1_content{
	padding: 20px 0;
	box-sizing: border-box;
}

.contact1_content ul{
	display: flex;
	flex-wrap: wrap;
}
.contact1_content ul li{
	width: 30%;
	padding-right: 20px;
	margin-bottom: 30px;
}
.contact1_content ul li h2{
	font-size: 22px;
	color: #0062b6;
	font-weight: bold;
	margin-bottom: 5px;
}
.contact1_content ul li p{
	font-size: 16px;
	color: #303030;
}
.contact1_content ul li p span{
	display: block;
	color: #0062b6;
	font-size: 32px;
}

.contact2box{
	background-color: #f7f8fb;
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.contact2box .wapper{
	width: 1500px;
}

.contact2box .contact2{
	width: 100%;
	margin: 0 auto;
}
.contact2box .contact2 h1{
	font-size: 38px;
	color: #292929;
	text-align: center;
	font-weight: bold;
}
.contact2box .contact2 p{
	font-size: 16px;
	color: #a1a1a1;
	text-align: center;
}

.contact2box .contact2 .contact2_content{
	padding: 20px 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contact2box .contact2 .contact2_content input{
	width: 49%;
}
.contact2box .contact2 .contact2_content textarea{
	width: 100%;
}
.contact2box .contact2 .contact2_content input,
.contact2box .contact2 .contact2_content textarea{
	color: #666;
    background-color: #fff;
    border: 1px solid #eee;
	padding: 14px 22px;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-size: 16px;
}
.contact2box .contact2 .contact2_content .contact2_btn{
	width: 398px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	color: #fff;
	background-color: #0062b6;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	display: block;
	overflow: hidden;
	font-size: 16px;
}
.contact2_btn:before{
	content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
@keyframes style1 {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: 0 0;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}
.contact2_btn:hover:before{
	animation: style1 .75s;
    z-index: 1;
}
.contact2_btn:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.contact2_btn:hover:after{
	opacity: 1;
}

.contact2_btn:hover{
	background-color: rgba(28,86,168,1);
    border-style: solid;
    border-color: rgba(0,86,191,1);
}




.contact3box{
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.contact3box .wapper{
	width: 1500px;
}

.contact3box .contact3{
	width: 100%;
	margin: 0 auto;
}
.contact3box .contact3 h1{
	font-size: 38px;
	color: #292929;
	text-align: center;
	font-weight: bold;
}
.contact3box .contact3 p{
	font-size: 16px;
	color: #a1a1a1;
	text-align: center;
}


.contact3_content{
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}


.contact3_tab{
	width: 100%;
	background-color: rgba(0,98,182,1);
}
.contact3_tab ul{
	display: flex;
}
.contact3_tab ul li{
	width: 16.66%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 10px;
}
.contact3_box{
	width: 100%;
	background-color: #f9f9f9;
}

.contact3_box ul li{
	width: 100%;
}
.contact3_box ul li .contact3_title{
	width: 100%;
	border-bottom: 1px dashed #ddd;
}
.contact3_title dl{
	display: flex;
}
.contact3_title dl dd{
	width: 16.66%;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding: 10px;
}

.contact3_box_item{
	display: none;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 80px;
	padding-right: 80px;
	background-color: rgba(238, 238, 238, 1);
}
.contact3box .contact3 .contact3_box_item p{
	text-align: left;
	font-size: 14px;
	color: #333;
	
}




/* download */
.downloadbox{
	width: 100%;
	margin: 0 auto;
	padding: 48px 0 80px;
}
.downloadbox .wapper{
	width: 1500px;
}

.downloadbox .download{
	width: 100%;
	margin: 0 auto;
}
.downloadbox .download ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.downloadbox .download ul li{
	width: 49%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px;
	border: 1px solid rgba(0,0,0,0.1);
	transition-duration: 0.5s;
	margin-bottom: 20px;
}
.downloadbox .download ul li .d_left h3{
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #3c3c3c;
}
.downloadbox .download ul li .d_left p{
	color: #bfbfbf;
	font-size: 14px;
}

.downloadbox .download ul li .d_right a{
	text-align: center;
	background-color: #0062b6;
	padding: 10px 20px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 5px;
}
.downloadbox .download ul li:hover{
	background-color: rgba(242,242,242,1);
}




/* 关于我们 */
.about1box{
	padding-top: 76px;
	padding-bottom: 100px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	background-position: bottom center;
    background-repeat: no-repeat;
}
.about1box .wapper{
	width: 1500px;
}
.about1box .about1{
	width: 100%;
	margin: 0 auto;
}
.about1box .about1 h1{
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.about1box .about1 .about1_top{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about1_top .a_t_left{
	width: 60%;
}
.about1_top .a_t_right{
	width: 38%;
}
.about1_top .a_t_right img{
	width: 100%;
	border-radius: 5px;
}
.about1box .about1 h3{
	color: #0062b6;
	font-size: 20px;
	font-weight: bold;
}
.about1box .about1 p{
	font-size: 16px;
	color: #666;
	margin-bottom: 11px;
}



.about2box{
	min-height: 300px;
	box-sizing:border-box;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
}
.about2box .wapper{
	width: 1500px;
}
.about2box .about2{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about2_item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	min-height: 370px;
}
.about2_item .about2_left{
	width: 50%;
	font-size: 0;
	min-height: 370px;
}
.about2_item .about2_left1{
	border-bottom-left-radius: 12px;
	min-height: 370px;
}
.about2_item .about2_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about2_left h1{
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}
.about2_left p{
	margin: 8px 0 15.5px;
	font-size: 18px;
	color: white;
}
.about2_item .about2_right{
	width: 50%;
	display: flex;
	border-top-right-radius: 12px;
	min-height: 370px;
}

.about2_item .about2_right .right_item{width: 50%;font-size: 0;min-height: 370px;}
.about2_item .about2_right .right_item img{
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 5px;
	height: 100%;
}
.about2_item .about2_right .right_item .right_item_inner{
	width: 100%;
	height: 100%;
	padding: 0 10px;
	padding-top: 50px;
	background-color: white;
	border-top-right-radius: 12px;
}
.right_item_inner1{
	background-color: rgba(0,98,182,1) !important;
	border-top-right-radius: 0px !important;
	color: #fff !important;
}
.right_item_inner .right_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.right_item_inner .right_title h2{
	color: rgba(211,211,211,1);
	font-size: 32px;
}
.right_item_inner .right_title h3{
	font-size: 22px;
	font-weight: bold;
	color: rgba(46,46,46,1);
}
.about2_item .about2_right .right_item .right_item_inner .right_title img{
	width: auto;
	max-width: 100%;
}
.right_item_inner p{
	font-size: 16px;
	color: #333;
}


.right_item_inner1 .right_title h3{
	color: #fff;
}
.right_item_inner1 p{
	color: #fff;
}



.about3box{
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 47px 0 79px;
	box-sizing: border-box;
}
.about3box .wapper{
	width: 1500px;
}
.about3box .about3{
	width: 100%;
	margin: 0 auto;
}
.about3box .about3 h1{
	font-size: 36px;
	color: rgba(37,37,37,1);
	text-align: center;
}
.about3box .about3 p{
	font-size: 18px;
	margin-top: 8px;
	color: rgba(161,161,161,1);
	text-align: center;
}

.about3_content{
	margin-top: 40px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.about3_item{
	padding: 4% 0;
    display: inline-block;
    vertical-align: middle;
}
.about3_item a{
	display: block;
}
.about3_item a .icon1{
	margin: auto;
    position: relative;
    z-index: 5;
	transition: all 0.5s;
}
.about3_item a .icon1 i{
	display: flex;
	align-items: center;
	justify-content: center;
    width: 74px;
    height: 74px;
    line-height: 74px;
    margin: auto;
    background: #fff;
    border-radius: 100%;
    z-index: 11;
    position: relative;
    box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);
}
.about3_item a .icon1 i img{
	max-width: 100%;
	width: auto;
}
.about3_item a .icon1:after{
	content: '';
    width: 0px;
    height: 0px;
    border-radius: 100%;
    background: #0062b6;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: all .4s ease;
    opacity: 0;
}

.about3_item a .title1{
	font-size: 20px;
    font-weight: bold;
    padding-top: 30px;
	transition: all 0.5s;
}
.about3_item a:hover .icon1 i{
	background-color: #0062b6;
}
.about3_item a:hover .icon1 i img{
	filter: invert(100%);
}
.about3_item a:hover .icon1:after{
	width: 104px;
    height: 104px;
    opacity: .2;
}
.about3_item a:hover .title1{
	color: #0062b6;
}


.fengexian{
	display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 1% 4% 1%;
}
.fengexian i{
	display: block;
    position: relative;
    border: 1px dashed #ccc;
    padding: 0 5px;
    width: 140px;
}
.fengexian i:after{
	content: '';
    width: 5px;
    height: 5px;
    border: 1px dotted #ccc;
    border-radius: 100%;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}
.fengexian i:before{
	content: '';
    width: 5px;
    height: 5px;
    border: 1px dotted #ccc;
    border-radius: 100%;
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}



.about4box{
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 47px 0 79px;
	box-sizing: border-box;
}
.about4box .wapper{
	width: 1500px;
}
.about4box .about4{
	width: 100%;
	margin: 0 auto;
}
.about4box .about4 h1{
	font-size: 36px;
	color: rgba(37,37,37,1);
	text-align: center;
}
.about4box .about4 p{
	font-size: 18px;
	margin-top: 8px;
	color: rgba(161,161,161,1);
	text-align: center;
}

.about4_content{
	display: flex;
	align-items: center;
	justify-content: center;
}
.about4_content img{
	max-width: 100%;
	width: auto;
}




.about6box{
	background-color: rgba(248,251,254,1);
    padding-top: 60px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}
.about6box .wapper{
	width: 1500px;
}
.about6box .about6{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.about6box .about6 h1,
.about7box .about7 h1{
	font-size: 36px;
	color: rgba(37,37,37,1);
	text-align: center;
}
.about6box .about6 p,
.about7box .about7 p{
	font-size: 18px;
	margin-top: 8px;
	color: rgba(161,161,161,1);
	text-align: center;
	margin-bottom: 40px;
}
.about6_content{

	box-sizing: border-box;
	width: 100%;
}
.about6_content .swiper-slide{
	cursor: zoom-in;
}
.about6_content .swiper-slide .inner{
	width: 100%;
	height: 100%;
	position: relative;
}
.about6_content .swiper-slide .inner .text{
	position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    right: 0;
	top: 0;
    padding: 0 10%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: rgb(255 255 255);
    font-size: 18px;
    transition: all ease .5s;
    transform: translateY(20px);
    opacity: 0;
}
.about6_content .swiper-slide .inner:after{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(92 89 100 / 50%);
    transition: all ease .5s;
    opacity: 0;
    pointer-events: none;
}
.about6_content .swiper-slide:hover .inner:after{
	opacity: 1;
}
.about6_content .swiper-slide:hover .inner .text{
	transform: translateY(0px);
    opacity: 1;
}


.about6 .swiper-pagination-bullet {
	font-size: 0px;
	width: 10px;
	height: 2px;
    background-color: #000;
    overflow: hidden;
	border-radius: 0;
}
.about6 .swiper-pagination-bullet-active{
	background: #1f74dd;
	opacity: 1;
	width: 25px;
}



.about7box{
    padding-top: 60px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}
.about7box .wapper{
	width: 1500px;
}
.about7box .about7{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.about7_content{
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about7_content ul{
	display: flex;
	flex-wrap: wrap;
}
.about7_content ul li{
	width: 16.66%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.about7_content ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 5%);
}
.about7_content ul li a img{
	max-width: 100%;
	width: auto;
	transition: all 0.5s;
}
.about7_content ul li:hover a img{
	transform: scale(1.1);
}




.about5box{
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 47px 0 79px;
	box-sizing: border-box;
}
.about5box .wapper{
	width: 1500px;
}
.about5box .about5{
	width: 100%;
	margin: 0 auto;
}
.about5box .about5 h1{
	font-size: 36px;
	color: #fff;
	text-align: center;
}
.about5box .about5 p{
	font-size: 18px;
	margin-top: 8px;
	color: #fff;
	text-align: center;
}
.about5_content{
	padding: 50px 0;
	box-sizing: border-box;
	position: relative;
}
.about5_content .swiper-slide{
	background: transparent;
	position: relative;
	min-height: 400px;
}
.about5_content .date{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	
}
.about5_content .date h1{
	font-size: 58px;
	color: rgba(0,98,182,1);
}
.about5_content .about5_item{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
}
.about5_content .about5_item .item_left{
	max-width: 500px;
	padding-right: 15px;
	box-sizing: border-box;
}
.about5_content .about5_item .item_left img{
	max-width: 100%;
	width: auto;
	border-radius: 8px;
}
.about5_content .about5_item .item_right{
	padding-left: 15px;
	box-sizing: border-box;
}
.about5_content .about5_item .item_right h1{
	color: #fff;
	text-align: left;
	font-size: 26px;
}
.about5_content .about5_item .item_right p{
	margin-top: 22px;
	font-size: 18px;
	text-align: left;
	color: #fff;
}

.line{
	position: absolute;
	top: 30%;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.line .swiper-pagination4 {
    bottom: -6px !important;
}
.line .swiper-pagination-bullet {
	font-size: 0px;
	width: 5px;
	height: 5px;
    background-color: #999;
    overflow: hidden;
	border-radius: 50%;
	opacity: 1;
	margin: 0 15px !important;
}






@media only screen and (max-width: 980px) {
	.headerbox{
		display: none;
	}
	.topbox{
		display: none;
	}
	.sp_header{ display:flex;justify-content: space-between;align-items: center;}
	.bannerbox{margin-top: 70px;}
	.inbannerbox{margin-top: 70px;}
	.footer_top{
		flex-wrap: wrap;
	}
	.footer .footer_top .footer_logo{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.footer .footer_top h1{
		width: 100%;
		text-align: center;
		font-size: 22px;
	}
	.footer_bottom .f_b_left{
		width: 100%;
		justify-content: center;
	}
	.footer_bottom .f_b_right{
		width: 100%;
		text-align: center;
	}
	.box1_item dl dd{
		margin-right: 2%;
		width: 49%;
	}
	.box1_item dl dd:nth-child(2n){
		margin-right: 0;
	}
	.index1_content .index1_tab ul li {
	    cursor: pointer;
	    width: 50%;
	}
	.pro_detail .prodetail1 .pd1_left{
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	.pro_detail .prodetail1 .pd1_right{
		width: 100%;
	}
	.solution1box .solution1_inner {height: auto;}
	.solution1_left {
	    width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
	.solution1_right{
		width: 100%;
	}
	.solution1box .solution1:after {display: none;}
	.s_menu1 ul{
		display: none;
	}
	.contact3_tab ul li{
		width: 33.33%;
	}
	.contact3_tab ul li:nth-child(3){
		display: none;
	}
	.contact3_tab ul li:nth-child(4){
		display: none;
	}
	.contact3_tab ul li:nth-child(5){
		display: none;
	}
	
	.contact3_title dl dd{
		width: 33.33%;
	}
	.contact3_title dl dd:nth-child(3){
		display: none;
	}
	.contact3_title dl dd:nth-child(4){
		display: none;
	}
	.contact3_title dl dd:nth-child(5){
		display: none;
	}
	.contact3_box_item {padding: 10px;}
	.about1_top .a_t_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.about1_top .a_t_right{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	.about1_top .a_t_right img{
		max-width: 100%;
		width: auto;
	}
	.about2_item .about2_left {
	    width: 100%;
		min-height: auto;
	}
	.about2_item .about2_right {
	    width: 100%;
		flex-wrap: wrap;
	}
	.about2_item .about2_right .right_item1{
		width: 100%;
		min-height: auto;
	}
	.about2_item {min-height: auto;}
	.about2_item .about2_right .right_item .right_item_inner {padding: 20px;}
	.about2_item .about2_right .right_item {min-height: auto;}
	.about7_content ul li{
		width: 33.33%;
	}
	.about5_content .about5_item {
	    bottom: 43px;
	}
}


@media only screen and (max-width: 680px) {
	.footer_center ul li:first-child{
		display: block;
		width: 100%;
	}
	.footer_center ul li{
		display: none;
	}
	.box1_item dl dd{
		margin-right: 0%;
		width: 100%;
	}
	.index3_content .index3_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.index3_content .index3_right{
		width: 100%;
	}
	.index3_number{
		display: none;
	}
	.index4_content ul li{
		margin-right: 0%;
		width: 100%;
		margin-bottom: 20px;
	}
	.news ul li{
		margin-right: 0%;
		width: 100%;
		margin-bottom: 20px;
	}
	.product_left_sj{
		display: block;
		margin-bottom: 30px;
	}
	.product_left_pc{
		display: none;
	}
	.productbox .product .product_right{
		width: 100%;
		padding: 0;
	}
	.choose{
		display: none;
	}
	.product_content {padding: 0;}
	.product_content ul li {width: 100%;}
	.contact1_content ul li {
	    width: 100%;
		padding-right: 0;
	}
	.contact2box .contact2 .contact2_content input{
		width: 100%;
	}
	.downloadbox .download ul li{
		width: 100%;
	}
	.about7_content ul li{
		width: 50%;
	}
}