@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;  outline:medium;}
*{box-sizing: border-box;}
body{width:100%;background:#fff;color:#333;font-size:14px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;max-width: 100%;}
ul{list-style: none;}

.contain{
	width: 90%;
	max-width: 1360px;
	margin: 0 auto;
}
.top{
	background-color: #dddddd;
}
.top1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
}
.top2{
	font-size: 14px;
	color: #666666;
}
.top3{
	display: flex;
	align-items: center;
	height: 100%;
}
.top4{
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #0154a4;
	border-right: 1px solid #ffffff;
	padding-right: 30px;
	margin-right: 30px;
}
.top4 img{
	margin-right: 5px;
}
.top5{
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	border-right: 1px solid #ffffff;
	padding-right: 30px;
	margin-right: 20px;
}
.top5 a{
	color: #333333;
}
.top5 img{
	margin-right: 5px;
}
.top6{
	height: 100%;
	display: flex;
	align-items: center;
}
.top6 select{
	width: 81px;
	height: 25px;
	background-color: #bfbfbf;
	border: none;
	outline: none;
	text-align: center;
	text-align-last: center;
	border-radius: 3px;
}
.header1{
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo{
	font-size: 0;
}
.nav{
	float: right;
}
.nav ul{
	zoom: 1;
}
.nav ul:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.nav ul li{
	list-style-type: none;
	float: left;
	position: relative;
	margin-left: 20px;
}
.nav ul li.on::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	border-radius: 2px;
	background-color: #0073be;
}
.nav ul li > a{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 96px;
}
.nav ul li.on > a{
	color: #0073be;
}
.nav_sub{
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 96;
	transform: translateX(-50%);
	min-width: 160px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px 0;
}
.nav_sub a{
	white-space: nowrap;
	display: block;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
}
.nav_sub a:hover{
	color: #0073be;
	font-weight: bold;
}
.nav ul li:hover .nav_sub{
	display: block;
}
.banner{
	font-size: 0;
	text-align: center;
}
.banner .swiper-pagination{
	bottom: 20px;
}
.banner .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1;
	background-color: #ffffff;
	border-radius: 7px;
}
.banner .swiper-pagination-bullet-active{
	width: 54px;
}
.banner1{
	position: relative;
}
.banner2{
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.banner3{
	font-size: 48px;
	color: #01ffff;
	font-weight: bold;
	font-style: italic;
}
.banner4{
	font-size: 70px;
	color: #01ffff;
	font-weight: bold;
	font-style: italic;
}
.banner5{
	margin-top: 16px;
	display: inline-block;
	background-color: #ffffff;
	font-size: 20px;
	color: #0054a4;
	line-height: 45px;
	border-radius: 5px;
	padding: 0 18px;
}
.banner6{
	margin-top: 24px;
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
}
.advan{
	background-color: #f6f6f6;
	padding: 50px 0 56px;
}
.advan1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24px;
	color: #333333;
}
.advan1 a{
	font-size: 16px;
	color: #999999;
}
.advan2{
	margin-top: 32px;
	zoom: 1;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.advan2:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.advan3{
	background-color: #ffffff;
	padding: 40px 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px #e5e5e5;
	width: calc((100% - 180px)/5);
}
.advan4{
	height: 80px;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.advan4 img{
	max-height: 100%;
}
.advan5{
	margin-top: 24px;
	font-size: 20px;
	color: #000000;
	text-align: center;
}
.advan6{
	margin: 10px auto;
	width: 32px;
	height: 5px;
	background-color: #0154a4;
	border-radius: 2px;
}
.advan7{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.search{
	background-color: #ccdded;
	padding: 40px 0;
}
.search1{
	font-size: 0;
	text-align: center;
}
.search2{
	margin: 30px auto 0;
	width: 100%;
	max-width: 1160px;
	overflow: hidden;
	border-radius: 5px;
}
.search3{
	float: left;
	width: calc(100% - 178px);
	height: 71px;
}
.search3 input{
	width: 100%;
	height: 100%;
	font-size: 18px;
	padding: 0 20px;
}
.search4{
	float: left;
	width: 178px;
	height: 71px;
}
.search4 button{
	width: 100%;
	height: 100%;
	background-color: #0054a4;
	border: none;
	font-size: 24px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search4 button img{
	margin-right: 12px;
}
.brand{
	padding: 45px 0;
}
.brand1{
	margin-top: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.brand1 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 38px;
	border: 1px solid #a1a1a1;
	border-radius: 5px;
	font-size: 24px;
	color: #999999;
	font-weight: bold;
	margin-right: 20px;
}
.brand1 a.on{
	color: #0054a4;
	border: 1px solid #0054a4;
}
.brand2{
	margin-top: 16px;
}
.brand3{
	display: none;
}
.show{
	display: block !important;
}
.brand3 ul{
	zoom: 1;
}
.brand3 ul:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.brand3 ul li{
	float: left;
	margin-top: 16px;
	width: calc((100% - 140px)/8);
	margin-right: 20px;
	font-size: 0;
	border: 1px solid #dfdfdf;
}
.brand3 ul li:nth-child(8n){
	margin-right: 0;
}
.brand3 ul li:hover{
	box-shadow: 0 5px 5px #9a9a9a;
}
.brand3 ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 64px;
}
.brand3 ul li a img{
	max-width: 96%;
	max-height: 96%;
}
.dat{
	background: url(../img/hf_bg.png) no-repeat;
	background-size: cover;
	padding: 56px 0 50px;
}
.dat1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dat2{
	width: 490px;
}
.dat3{
	font-size: 52px;
	color: #ff8610;
	font-weight: bold;
}
.dat4{
	margin-top: 20px;
	width: 125px;
	height: 5px;
	background-color: #ff8610;
}
.dat5{
	margin-top: 50px;
	font-size: 40px;
	color: #ffffff;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.dat5 span{
	font-size: 48px;
}
.dat6{
	margin-top: 12px;
	font-size: 24px;
	color: rgba(255, 255, 255, 0.5);
}
.dat7{
	margin-top: 50px;
	font-size: 32px;
	color: #ffffff;
}
.dat8{
	font-size: 0;
}
.dat9{
	margin-top: 32px;
	text-align: center;
}
.dat9 a{
	display: inline-block;
	width: 229px;
	height: 48px;
	background-color: #ff8610;
	border-radius: 24px;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #ffffff;
}
.tjProduct{
	padding: 40px 0;
}
.tjProduct1{
	margin-top: 40px;
	position: relative;
}
.tjProduct2{
	border: 1px solid #eeeeee;
	border-radius: 5px;
	overflow: hidden;
}
.tjProduct3{
	font-size: 0;
	/*height: 270px;*/
	background-color: #eeeeee;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tjProduct3 img{
	/*max-width: 96%;*/
	/*max-height: 96%;*/
}
.tjProduct4{
	padding: 20px 16px;
}
.tjProduct5{
	font-size: 24px;
	color: #333333;
	line-height: 1;
}
.tjProduct6{
	margin-top: 10px;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tjProduct2:hover .tjProduct5{
	color: #0154a4;
	text-decoration: underline;
}
.tleft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.tright{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.img1{
	display: none;
}
.tleft:hover .img{
	display: none;
}
.tleft:hover .img1{
	display: block;
}
.tright:hover .img{
	display: none;
}
.tright:hover .img1{
	display: block;
}
.apply{
	padding: 40px 0;
	background-color: #eeeeee;
}
.apply1{
	margin-top: 30px;
	position: relative;
}
.apply2{
	font-size: 0;
	position: relative;
}
.apply3{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 80px;
	background-color: rgba(1, 84, 164, 0.75);
	font-size: 32px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 80px;
}
.apply4{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 60px 12px 0 36px;
}
.apply5{
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.apply5 span{
	margin-left: 10px;
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #999999;
}
.apply6{
	margin-top: 20px;
	font-size: 32px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
}
.apply7{
	margin-top: 30px;
	font-size: 14px;
	color: #ffffff;
	line-height: 28px;
}
.apply8{
	margin-top: 30px;
}
.apply2:hover .apply3{
	display: none;
}
.apply2:hover .apply4{
	display: block;
}
.apply8 a{
	display: block;
	width: 184px;
	height: 44px;
	background-color: #0154a4;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #ffffff;
}
.aleft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.aright{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.aleft:hover .img{
	display: none;
}
.aleft:hover .img1{
	display: block;
}
.aright:hover .img{
	display: none;
}
.aright:hover .img1{
	display: block;
}
.rykh{
	padding: 40px 0;
}
.rykh1{
	margin-top: 40px;
	position: relative;
}
.rykh1 .swiper{
	padding: 0 3px;
}
.rykh2{
	border: 1px solid #dfdfdf;
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	width: 100%;
}
.rykh2 img{
	max-width: 96%;
	max-height: 96%;
}
.rleft{
	font-size: 0;
	position: absolute;
	left: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.rright{
	font-size: 0;
	position: absolute;
	right: -72px;
	top: 50%;
	transform: translateY(-50%);
}
.rleft:hover .img{
	display: none;
}
.rleft:hover .img1{
	display: block;
}
.rright:hover .img{
	display: none;
}
.rright:hover .img1{
	display: block;
}
.footer{
	background-color: #373d41;
}
.footer1{
	padding: 40px 0 60px;
	overflow: hidden;
}
.footer2{
	float: left;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer3{
	font-size: 0;
	margin-right: 20px;
}
.footer4{
	
}
.footer5{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.footer6{
	margin-top: 10px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
}
.footer7{
	margin-top: 10px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}
.footer8{
	margin-top: 10px;
	display: none;
}
.footer8 a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 27px;
	border: 1px solid #9b9ea0;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}
.footer8 a img{
	margin-right: 4px;
}
.fnav{
	float: right;
	padding: 0 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.fnav1{
	float: left;
	margin-left: 20px;
}
.fnav1:first-child{
	margin-left: 0;
}
.fnav2{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.fnav2 a{
	color: #ffffff;
}
.fnav3{
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
}
.fnav3 a{
	display: block;
	color: rgba(255, 255, 255, 0.5);
}
.beian{
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.5);
}
.beian a{
	color: rgba(255, 255, 255, 0.5);
}

.header_m{
	display: none;
}

.header_m1{
	overflow: hidden;
}
.logo_m{
	width: 40%;
	float: left;
	margin: 9px 6px;
}
.logo_m img{
	height: 40px;
}
.icon_m{
	width: 10%;
	float: right;
	margin: 9px 6px;
}
.icon_m img{
	height: 40px;
}
.menu_m{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	padding: 23px 7% 0;
}
.menu_m1{
	width: 77%;
}
.menu_m2{
	margin-top: 20px;
}
.menu_m2 ul{
	
}
.menu_m2 ul li{
	list-style-type: none;
	line-height: 40px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 16px;
	padding-left: 6%;
}
.menu_m2 ul li a{
	color: #fff;
}
.menu_m2 ul li a img{
	margin-right: 9px;
	vertical-align: middle;
}
.menu_msub{
	display: none;
	width: 100%;
	padding-left: 20px;
}
.menu_msub a{
	display: block;
	font-size: 14px;
	color: #fff;
}
.innerBanner{
	font-size: 0;
	position: relative;
	text-align: center;
}
.innerBanner1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.innerBanner2{
	font-size: 36px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}
.innerBanner3{
	margin-top: 10px;
	font-size: 30px;
	color: #fefefe;
	text-align: center;
}
.inNav{
	margin-top: -90px;
	height: 90px;
	position: relative;
	z-index: 2;
}
.inNav::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 29.7%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}
.inNav::after{
	content: '';
	position: absolute;
	left: 29.7%;
	top: 0;
	right: 0;
	height: 100%;
	background-color: rgba(0,115, 190, 0.5);
}
.inNav1{
	overflow: hidden;
	height: 100%;
	position: relative;
	z-index: 3;
}
.inNav2{
	float: left;
	width: 22%;
	font-size: 30px;
	color: #0073be;
	font-weight: bold;
	line-height: 90px;
}
.inNav3{
	height: 100%;
	display: flex;
	align-items: center;
}
.inNav3 a{
	display: block;
	padding: 0 30px;
	font-size: 22px;
	color: rgba(255, 255, 255, 0.5);
}
.inNav3 a.on{
	color: #ffffff;
	font-weight: bold;
}
.profile{
	padding: 125px 0;
	position: relative;
	display: flex;
	align-items: center;
}
.profile::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 18.2%;
	background-color: #f1f2f3;
}
.profile1{
	font-size: 0;
	width: 45.8%;
	position: relative;
	margin-right: 4%;
}
.profile2{
	position: relative;
	width: 36%;
}
.profile3{
	font-size: 14px;
	color: #999999;
}
.profile4{
	margin-top: 10px;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}
.profile5{
	margin-top: 20px;
	width: 102px;
	height: 6px;
	background-color: #0073be;
}
.profile6{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 30px;
	text-indent: 2rem;
}
.history{
	background-color: #f3f7fa;
	padding: 70px 0;
}
.title{
	font-size: 36px;
	color: #333333;
	text-align: center;
}
.tline{
	margin: 20px auto 0;
	width: 46px;
	height: 4px;
	background-color: #0073be;
}
.history1{
	margin-top: 16px;
	font-size: 20px;
	color: #666666;
	line-height: 30px;
	text-indent: 2rem;
}
.history2{
	margin-top: 30px;
}
.history2 .swiper{
	padding: 230px 0;
	overflow: hidden;
}
.history2 .swiper::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 7px;
	background-color: #0073be;
}
.history2 .swiper::after{
	content: url("../img/h_arrow2.png");
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.history3{
	position: relative;
	font-size: 0;
	text-align: center;
}
.h_arrow1{
	display: none;
}
.history4{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 16px;
	min-height: 140px;
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 20px);
	border: 1px solid #e0e4e6;
	box-shadow: 0 0 10px #e0e4e6;
	text-align: left;
}
.history5{
	font-size: 18px;
	color: #0073be;
	font-weight: bold;
}
.history6{
	margin-top: 12px;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
}
.history2 .swiper-slide:nth-child(2n) .h_arrow{
	display: none;
}
.history2 .swiper-slide:nth-child(2n) .h_arrow1{
	display: inline-block;
}
.history2 .swiper-slide:nth-child(2n) .history4{
	top: calc(100% + 20px);
	bottom: auto;
}
.vision{
	padding-top: 50px;
	background-color: #f3f7fa;
}
.vision1{
	margin-top: 50px;
	position: relative;
	padding: 50px 0 60px;
}
.vision2{
	max-width: 655px;
	position: relative;
	z-index: 2;
}
.vision3{
	font-size: 36px;
	color: #333333;
}
.vision4{
	margin-top: 16px;
	width: 46px;
	height: 4px;
	background-color: #0073be;
}
.vision5{
	margin-top: 20px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}
.vision6{
	font-size: 0;
	margin-top: 40px;
}
.vision7{
	font-size: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.business{
	padding: 50px 0 30px;
	background-color: #f3f7fa;
}
.business1{
	overflow: hidden;
}
.business2{
	/*float: left;*/
	/*width: 25%;*/
	font-size: 0;
	position: relative;
	background-color: #000000;
}
.business2 > img{
	opacity: 0.26;
	width: 100%;
}
.business3{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 40px 0;
}
.business4{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 77px;
}
.business4 img{
    max-height: 99%;
}
.business5{
	margin-top: 20px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}
.business2:hover > img{
	opacity: 0.8;
}
.business2:hover .business3{
	background-color: rgba(0, 115, 190, 0.66);
}
.organ{
	background-color: #f3f7fa;
	padding: 60px 0 110px;
}
.organ1{
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}
.braDeta{
	padding: 60px 0 90px;
	background-color: #f4f4f4;
}
.braDeta1{
	margin-top: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.braDeta2{
	background-color: #ffffff;
	width: 100%;
	max-width: 525px;
	height: 326px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 36px;
}
.braDeta2 img{
	max-width: 90%;
	max-height: 90%;
}
.braDeta3{
	flex: 1;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.braDeta4{
	margin-top: 40px;
	background-color: #0073be;
	padding: 0 55px;
	line-height: 80px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
}
.braDeta4::before{
	content: '';
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 28px;
	border-radius: 2px;
	background-color: #ffffff;
}
.braDeta5{
	background-color: #ffffff;
	padding: 1px 40px 80px 30px;
}
.braDeta6{
	margin-top: 36px;
	font-size: 18px;
	color: #0073be;
	font-weight: bold;
}
.braDeta7{
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 10px;
	color: #333333;
}
.braDeta8{
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}
.braDeta9{
	margin-top: 20px;
}
.braDeta10{
	height: 44px;
	background-color: #0073be;
	overflow: hidden;
}
.braDeta11{
	float: left;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 44px;
}
.bwidth{
	width: 15%;
}
.bwidth1{
	width: 15%;
}
.bwidth2{
	width: 20%;
}
.bwidth3{
	width: 40%;
}
.bwidth4{
	width: 10%;
}
.braDeta12{
	max-height: 880px;
	overflow-y: scroll;
}
.braDeta13{
	overflow: hidden;
}
.braDeta13:nth-child(2n){
	background-color: #e9f6ff;
}
.braDeta14{
	float: left;
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 44px;
}
.braDeta15{
	margin-top: 10px;
	font-size: 0;
}
.braDeta15 img{
	margin: 10px 20px 0 0;
}
.inSearch{
	background-color: #e0e0e0;
	padding: 80px 0 72px;
}
.inSearch1{
	padding: 36px 0;
	background-color: #f4f4f4;
	min-height: 380px;
}
.inSearch2{
	margin-top: 40px;
}
.inSearch3{
	display: none;
}
.inSearch3 ul{
	overflow: hidden;
}
.inSearch3 ul li{
	float: left;
	width: calc(100% / 6);
	padding-right: 20px;
	font-size: 14px;
	line-height: 30px;
}
.inSearch3 ul li a{
	color: #333333;
}
.stock{
	padding: 60px 0 40px;
	background-color: #f4f4f4;
}
.stock1{
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stock2{
	width: calc(100% / 3);
	background-color: #0073be;
	font-size: 18px;
	color: #ffffff;
	line-height: 44px;
	text-align: center;
}
.stock4{
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
}
.stock4:nth-child(2n){
	background-color: #e9f6ff;
}
.stock5{
	width: calc(100% / 3);
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.page{
	margin-top: 40px;
	text-align: center;
}
.page a{
	display: inline-block;
	height: 30px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 28px;
	padding: 0 10px;
	margin: 0 6px;
	font-size: 12px;
	color: #000026;
}
.page a.on{
	background-color: #0073be;
	border: 1px solid #0073be;
	color: #ffffff;
}
.kczs{
	margin-top: 13px;
}
.kczs ul{
	overflow: hidden;
}
.kczs ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 81px)/4);
	margin: 27px 27px 0 0;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #eeeeee;
}
.kczs ul li:nth-child(4n){
	margin-right: 0;
}
.kczs1{
	font-size: 0;
	height: 270px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eeeeee;
}
.kczs1 img{
	max-width: 80%;
	max-height: 80%;
}
.kczs2{
	background-color: #ffffff;
	padding: 20px 16px;
}
.kczs3{
	font-size: 24px;
	color: #3e3e3e;
}
.kczs4{
	margin-top: 10px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.support{
	padding: 60px 0 85px;
}
.support2{
	margin-top: 40px;
	position: relative;
	padding-bottom: 49px;
}
.support2::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	top: 40px;
	width: 46.3%;
	background-color: #e5e5e5;
}
.support3{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.support4{
	font-size: 0;
	width: 49%;
}
.support5{
	width: 47%;
}
.support6{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.support7{
	margin-top: 20px;
	width: 60px;
	height: 4px;
	background-color: #0073be;
}
.support8{
	margin-top: 24px;
	font-size: 24px;
	color: #333333;
}
.support9{
	margin-top: 20px;
	font-size: 30px;
	color: #0073be;
	font-weight: bold;
}
.support10{
	margin-top: 90px;
	height: 1px;
	background-color: #e0e0e0;
	position: relative;
}
.support10::before{
	content: '';
	position: absolute;
	left: 0;
	top: -4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #e0e0e0;
	border: 1px solid #8c8c8c;
}
.support2:nth-child(2n)::before{
	right: 0;
	left: auto;
}
.support2:nth-child(2n) .support3{
	flex-direction: row-reverse;
}
.news{
	padding: 60px 0;
	background-color: #f4f4f4;
}
.news1{
	margin-top: 25px;
}
.news1 ul li{
	padding: 40px 25px;
	 border-bottom: 1px solid #bfbfbf;
}
.news1 ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news2{
	margin-right: 32px;
	width: 100px;
}
.news3{
	font-size: 36px;
	color: #333333;
	text-align: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 1;
}
.news4{
	margin-top: 16px;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.news5{
	font-size: 0;
	width: 240px;
	margin-right: 60px;
}
.news6{
	flex: 1;
}
.news7{
	font-size: 18px;
	color: #000000;
}
.news8{
	margin-top: 16px;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.news9{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	color: #999999;
}
.news9 span{
	display: flex;
	align-items: center;
}
.news9 span img{
	margin-right: 10px;
}
.nimg1{
	display: none;
}
.news1 ul li:hover .news3{
	color: #0073be;
}
.news1 ul li:hover .news7{
	color: #0073be;
}
.news1 ul li:hover .news9{
	color: #0073be;
}
.news1 ul li:hover .nimg{
	display: none;
}

.news1 ul li:hover .nimg1{
	display: block;
}
.newsDeta{
	padding: 25px 0 66px;
	background-color: #f3f7fa;
}
.address{
	font-size: 16px;
	color: #333333;
}
.address a{
	color: #333333;
	margin: 0 5px;
}
.address a:last-child{
	color: #0073be;
}
.newsDeta1{
	margin-top: 25px;
	background-color: #ffffff;
	padding: 40px 30px;
}
.newsDeta2{
	font-size: 30px;
	color: #3c3c3c;
	font-weight: bold;
}
.newsDeta3{
	margin-top: 20px;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #999999;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.newsDeta3::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 2px;
	background-color: #999999;
}
.newsDeta3 img{
	margin-right: 10px;
}
.newsDeta4{
	font-size: 16px;
	color: #000000;
	margin-top: 10px;
}
.newsDeta5{
	font-size: 14px;
	color: #666666;
	text-indent: 2rem;
}
.newsDeta6{
	text-align: center;
}
.newsDeta7{
	margin-top: 50px;
	height: 3px;
	background-color: #eef1f2;
	position: relative;
}
.newsDeta7 span{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 86px;
	height: 25px;
	background-color: #f4f5f7;
	text-align: center;
	line-height: 25px;
	font-size: 20px;
	color: #666666;
	font-weight: bold;
}
.sxy{
	margin-top: 45px;
}
.sxy a{
	display: block;
	font-size: 18px;
	color: #000000;
	line-height: 40px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.sxy a span{
	color: #666666;
	font-weight: bold;
}
.recruit{
	margin-top: 16px;
}
.recruit ul li{
	list-style-type: none;
	margin-top: 16px;
	border: 1px solid #e9ecef;
	box-shadow: 0 0 10px #e9ecef;
	padding: 30px 30px 30px 24px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recruit1{
	width: 45%;
}
.recruit2{
	font-size: 24px;
	color: #333333;
}
.recruit2 span{
	color: #fe5548;
	font-size: 26px;
	margin-left: 20px;
}
.recruit3{
	margin-top: 10px;
}
.recruit3 span{
	display: inline-block;
	font-size: 16px;
	color: #868686;
	background-color: #f8f8f8;
	padding: 0 10px;
	line-height: 30px;
	border-radius: 3px;
	margin-right: 5px;
}
.recruit4{
	font-size: 18px;
	color: #424242;
}
.recruit5 a{
	display: block;
	width: 114px;
	height: 38px;
	background-color: #0073be;
	border-radius: 3px;
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	color: #ffffff;
}
.recuDeta{
	margin-top: 25px;
	border: 1px solid #e9edf0;
	box-shadow: 0 0 10px #e9edf0;
}
.recuDeta1{
	background-color: #ddf2ff;
	padding: 36px 60px 20px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recuDeta3{
	font-size: 24px;
	color: #0073be;
	font-weight: bold;
}
.recuDeta4{
	margin-top: 10px;
	font-size: 14px;
	color: #666666;
}
.recuDeta5{
	margin-top: 12px;
}
.recuDeta5 span{
	display: inline-block;
	background-color: #f8f8f8;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #868686;
	margin-right: 5px;
	padding: 0 10px;
}
.recuDeta7{
	font-size: 48px;
	color: #fe5548;
	font-weight: bold;
	text-align: right;
}
.recuDeta8{
	margin-top: 20px;
	font-size: 18px;
	color: #424242;
	text-align: right;
}
.intro{
	background-color: #ffffff;
	padding: 30px 40px 40px;
	border-bottom: 15px solid #ecf1fa;
}
.intro1{
	font-size: 14px;
	color:  #666666;
	line-height: 30px;
}
.intro2{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.intro3{
	font-size: 14px;
	color: #8b8b8b;
	line-height: 30px;
}
.tdj{
	padding: 40px 40px 60px;
	background-color: #ffffff;
}
.tdj1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tdj2{
	font-size: 16px;
	color: #333333;
}
.tdj2 input{
	font-size: 16px;
	width: 443px;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #7d7d7d;
	padding: 0 10px;
}
.tdj3{
	margin-top: 20px;
	background-color: #f7f7f7;
	padding: 25px 20px;
}
.tdj4{
	font-size: 0;
	width: 182px;
	position: relative;
}
.tdj4 img{
	height: 166px;
	width: 100%;
}
.tdj4 input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
}
.tdj5{
	margin-top: 24px;
	font-size: 12px;
	color: #999999;
}
.tdj6{
	margin: 36px auto 0;
	text-align: center;
}
.tdj6 input{
	width: 244px;
	height: 60px;
	background-color: #0073be;
	border-radius: 30px;
	font-size: 22px;
	color: #ffffff;
}
.contact{
	padding: 60px 0;
	background-color: #f3f7fa;
}
.contact1{
	margin-top: 34px;
	display: flex;
	justify-content: space-between;
}
.contact2{
	width: calc((100% - 18px)/2);
	border: 1px solid #0073be;
	border-radius: 9px;
	padding: 50px 30px 24px;
}
.contact3{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.contact4{
	margin-top: 16px;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}
.map{
	margin-top: 32px;
}
.complaint{
	background: url(../img/ts_bg.png) no-repeat;
	background-size: cover;
	padding: 113px 0 170px;
}
.complaint1{
	margin-top: 20px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 37px;
}
.complaint1 span{
	font-size: 18px;
	color: #0073be;
	font-weight: bold;
}
.artica{
	background-color: #f3f7fa;
	padding: 16px 0 70px;
}
.artica1{
	display: flex;
	justify-content: space-between;
}
.arLeft{
	width: 266px;
	margin-right: 40px;
}
.arLeft1{
	margin-bottom: 20px;
}
.arLeft2{
	font-size: 18px;
	color: #fff;
	background-color: #0073be;
	line-height: 56px;
	padding: 0 36px;
	border-radius: 9px 9px 0 0;
	position: relative;
}
.arLeft2::before{
	content: '';
	position: absolute;
	left: 23px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 1px;
}
.arLeft3{
	border: 1px solid #eaeaea;
	border-radius: 0 0 9px 9px;
	border-top: 0;
	padding-bottom: 16px;
}
.arLeft3 ul li{
	list-style-type: none;
	border-bottom: 1px dashed #eeeeee;
}
.arLeft3 ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 60px;
}
.arLeft4{
	font-size: 18px;
	color: #333333;
	display: flex;
	align-items: center;
}
.arLeft4 span{
	display: block;
	width: 4px;
	height: 4px;
	background-color: #217cfe;
	border-radius: 2px;
	margin-right: 9px;
}
.arright{
	display: none;
}
.arLeft3 ul li.on .arLeft4{
	color: #0073be;
}
.arLeft3 ul li.on .arleft{
	display: none;
}
.arLeft3 ul li.on .arright{
	display: block;
}
.arRight{
	margin-bottom: 20px;
	flex: 1;
	background-color: #ffffff;
	padding: 50px 40px;
	border-radius: 16px;
	border: 1px solid #e9e9eb;
}
.arRight1{
	margin-top: 24px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}
.proDeta{
	padding: 1px 0 50px;
}
.proDeta1{
	width: 680px;
	height: 563px;
	margin-right: 50px;
	border: 1px solid #bfbfbf;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.proDeta1 img{
	max-width: 90%;
	max-height: 90%;
}
.proDeta2{
	flex: 1;
}
.proDeta3{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}
.proDeta4{
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	margin-top: 30px;
}
.proDeta5{
	margin-top: 66px;
}
.proDeta5 a{
	display: block;
	width: 220px;
	height: 50px;
	border-radius: 25px;
	background-color: #0073be;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
}
.proDeta6{
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	margin-top: 50px;
}
.proDeta7{
	background-color: #fbfbfb;
	margin-top: 50px;
	padding: 20px 0 60px;
}
.proDeta8{
	background-color: #0073be;
	padding: 0 28px;
	line-height: 80px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
}
.mt30{
	margin-top: 30px;
}
.sybt{
	padding: 30px 0 60px;
	background-color: #f7f7f7;
}
.sybt1{
	background-color: #ffffff;
	padding: 50px 160px 60px 30px;
}
.sybt2{
	font-size: 36px;
	color: #333333;
}
.sybt2 span{
	color: #999999;
	font-size: 24px;
	margin-bottom: 36px;
}
.sybt3{
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sybt3 span{
	display: block;
	width: 126px;
	text-align: right;
	font-size: 18px;
	color: #333333;
	margin-right: 10px;
	line-height: 50px;
}
.sybt3 span code{
	font-family: inherit;
	color: #fd0000;
}
.sybt3 input{
	flex: 1;
	height: 50px;
	padding: 0 20px;
	background-color: #fbfbfb;
	font-size: 18px;
}
.sybt3 textarea{
	flex: 1;
	height: 192px;
	padding: 10px 20px;
	background-color: #fbfbfb;
	font-size: 18px;
	font-family: inherit;
	border: none;
	resize: none;
}
.sybt4{
	margin-top: 40px;
	text-align: center;
}
.sybt4 input{
	width: 293px;
	height: 48px;
	border-radius: 5px;
	background-color: #0073be;
	font-size: 16px;
	color: #ffffff;
}
.result{
    padding: 50px 0;
    background-color: #f5f5f5;
}
.result1{
    color: #1a1a1a;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 2px solid #e7e7e7;
}
.result1 span{
    color: #ef3838;
}
.result2 ul li{
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid #f0f0f0;
}
.result3{
    color: #333333;
    font-size: 18px;
    margin-bottom: 14px;
}
.result3 a{
    color: #333333;
}
.result4{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.result4 span{
    color: #ef3838;
}