@import url("reset.css");
@import url("../fonts/fonts.css?v=1.1");
@import url("font-awesome.css");

:root {
	--main-color: #0072ca;
}

html{
	background:#fff;
}
body{
	font-size:14px;
	line-height: 1.5;
	overflow-x:hidden;
	color: #333;
	-webkit-font-smoothing: subpixel-antialiased;
}
body{
	font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif;
}
body.lang-en{
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-weight: 400;
}

a {
	color: #333;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-decoration:none;
}
a:hover {
	color: var(--main-color);
	text-decoration:none;
}
a:focus,
a:active {
	outline: none;
}

/** 公共样式 **/
.section,section{
	width: 100%;
	padding: 30px 0;
	height: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.pc-hide{
	display: block;
}
.mb-hide{
	display: none;
}

.container{
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1240px;
}

@media (min-width: 768px) {
	.section,section{
		padding: 40px 0;
	}
}
@media (min-width: 992px) {
	.section,section{
		padding: 50px 0;
	}
	.pc-hide{
		display: none;
	}
	.mb-hide{
		display: block;
	}
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.section:before,.section:after {
	display: table;
  	content: " ";
}
.clearfix:after,.container:after,.section:after{
	clear: both;
}

.fl{float: left;}.fr{float: right;}
.txt-lt{text-align: left;}.txt-cr{text-align: center;}.txt-rt{text-align: right;}
.mgn-t5{margin-top: 5px;}
.mgn-t10{margin-top: 10px;}.mgn-t15{margin-top: 15px;}
.mgn-t20{margin-top: 20px;}.mgn-t25{margin-top: 25px;}
.mgn-t30{margin-top: 30px;}.mgn-t35{margin-top: 35px;}
.mgn-t40{margin-top: 40px;}.mgn-t45{margin-top: 45px;}
.mgn-t50{margin-top: 50px;}.mgn-t55{margin-top: 55px;}
.mgn-t60{margin-top: 60px;}
.img-block{display: block;margin: 0 auto;width: 100%;height: auto;}
.transitions{webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

h1,.h1{font-size: 36px;}
h2,.h2{font-size: 30px;}
h3,.h3{font-size: 24px;}
h4,.h4{font-size: 18px;}
h5,.h5{font-size: 16px;}
h6,.h6{font-size: 14px;}

.pic{
	height: auto;
	overflow: hidden;
}
.pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	transition: 0.5s;
}

/***** css style start *****/
/*** top **/
.full-top{
	height: 40px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ccc;
}
.top-flex{
	display: flex;
	flex-wrap: wrap;
	height: 40px;
	align-items: center;
	justify-content: space-between;
}
.top-flex .zou{
	width: auto;
}
.top-flex .you{
	width: auto;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.top-welcome{
	font-size: 14px;
}
.top-sitemap{
	display: flex;
	align-items: center;
	font-size: 14px;
}
.top-sitemap a{
	display: inline-block;
}
.top-sitemap a + a{
	margin-left: 15px;
}
.top-sitemap i{
	font-size: 18px;
}
.lang-wrap{
	height: 30px;
	position: relative;
	z-index: 9999;
	margin-left: 25px;
}
.lang-wrap .open-lang{
	display: block;
	height: 30px;
	line-height: 30px;
	text-transform: capitalize;
	text-align: center;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.lang-wrap .open-lang span{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-right: 5px;
	height: 26px;
	line-height: 26px;
}
.lang-wrap .open-lang i{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
}
.lan-menu{
	height: auto;
	line-height: 44px;
	overflow: hidden;
	color: #666;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	z-index: 9999;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.lan-menu a{
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
	color: #666;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.lan-menu a:hover{
	color: var(--main-color);
}
.lan-menu a.cn{
	background-image:url(../images/cn.png);
}
.lan-menu a.en{
	background-image:url(../images/en.png);
}

/*** header **/
.full-head{
	width: 100%;
	background-color:rgba(255,255,255,0.9);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.top-flex-top{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.top-left{
	height: auto;
	overflow: hidden;
}
.top-right{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/** header **/
.logo{
	height: 50px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items:Center;
	overflow: hidden;
	transition: 0.5s;
	padding: 5px 0;
}
.logo a{
	display:block;
	height: 100%;
	position: relative;
}
.logo img{
	display:block;
	max-height: 100%;
	width: auto;
	transition: 0.5s;
}
.header-right{
	display: flex;
	align-items: center;
}

.search-wrap{
	display: none;
}
i.search-open{
	display: block;
	height: 30px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	font-size: 30px;
	color: #000;
	transition: 0.5s;
}
.search-wrap:hover i.search-open{
	color: var(--main-color);
}
.search-open-wrap{
	height: auto;
	overflow: hidden;
	padding: 15px;
	border-radius: 5px;
	background-color: #fff;
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	width: 320px;
}
.search-box{
	height: auto;
	overflow: hidden;
	position: relative;
}

.search-box .key_text{
	height:40px;
	width:100%;
	overflow:hidden;
	line-height:40px;
	outline:none;
	border:none;
	padding-left: 15px;
	padding-right: 50px;
	background:#fff;
	color: #000;
	font-size: 14px;
	border-radius: 5px;
}
.search-open-wrap .search-box .key_text{
	background-color: #eee;
}
.search-box .search_btn{
	border:none;
	outline:none;
	height:40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: var(--main-color);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	border-radius: 0 4px 4px 0;
}
.search-box .search_btn i{
	font-size: 24px;
	color:#fff;
}

.tan-search-close{
	height: 50px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding-left: 5px;
}
.tan-search-close i{
	display: inline-block;
	color: var(--main-color);
	font-size: 36px;
	line-height: 1;
	cursor: pointer;
}

.mb-search-box{
	margin-top: 25px;
}

/** nav **/
.nav {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.nav .nLi{
	float: left;
	height: 100%;
	position:relative;
	z-index: 8888;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding: 0 20px;
}
.lang-en .nav .nLi{
	padding: 0 22px;
}
.nav .nLi:last-child{
	padding-right: 0;
}
.nav .nLi i{
	margin-left: 5px;
	font-size: 14px;
}
.nav .nLi h3{
	display: block;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.nav .nLi h3 a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	
	font-size:16px;
	font-weight: normal;
	text-transform: uppercase;
	transition: 0.6s;
	color: #fff;
	position: relative;
}
.nav .on h3 a{
	color: var(--main-color);
}

.sub-menu{
	width: auto;
	min-width: 120px;
	border-top: 8px solid transparent;
	position:absolute;
	top:100%;
	left: 50%;
	transform: translateX(-50%);
	display:none;
	z-index: 8888;
}
.sub-menu .sub{
	padding:10px 0;
	background:#fff;
	border-radius:3px;
	box-shadow:0 0 20px rgba(0,0,0,.1);
	position:relative;
}
.sub-menu > .sub::before{
	content:"";
	width:0;
	height:0;
	border:8px solid transparent;
	border-bottom-color:#fff;
	display:block;
	position:absolute;
	top:-16px;
	left:50%;
	margin-left:-8px;
}
.nav .sub li {
	height: auto;
	overflow: visible;
	position:relative;
}
.nav .sub li > a {
	text-align: center;
	display:block;
	font-size: 14px;
	height:auto;
	overflow:hidden;
	padding: 10px 15px;
	position: relative;
	white-space: nowrap;
}
.nav .sub li a i{
	font-size: 12px;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}

.nav .dropdown-menu,.nav .dropdown-menu ul{
	position:absolute;
	width:auto;
	min-width: 150px;
	left:100%;
	top:0;
	display:none;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	margin-left: 2px;
}
.nav .sub li:hover .dropdown-menu,.nav .sub .dropdown-menu li:hover ul{
	display:block;
}
.nav .sub li:hover{
	background-color: rgba(0,114,202,0.1);
}
.nav .sub li:hover > a{
	color: var(--main-color);
}
.pc-nav-bar{
	display: none;
	height: 100%;
}

.nav-sub-thumb{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 55%;
	position: relative;
}
.nav-sub-thumb .thumb{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.nav-sub-thumb .thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tan-lang{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	color: #fff;
}
.tan-lang i{
	font-size: 24px;
	display: inline-block;
}
.tan-lang a{
	display: inline-block;
	color: #fff;
	margin: 0 10px;
}

@media (min-width: 992px) {
	.full-head{
		top: 40px;
		background-color: transparent;
	}
	.pc-nav-bar{
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.logo{
		height: 70px;
		padding: 10px 0;
	}
	.logo img{
		filter: brightness(0) invert(1);
	}
	.search-wrap{
		height: 100%;
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 20px;
	}
	
}

@media (min-width: 1200px) {
	.nav .nLi{
		padding: 0 35px;
	}
	.lang-en .nav .nLi{
		padding: 0 30px;
	}
	.nav .nLi h3 a {
		font-size: 16px;
	}
	.search-wrap{
		margin-right: 30px;
	}
	.logo {
	  height: 90px;
	}
	.nav .sub li > a{
		font-size: 15px;
	}

}

/** footer **/
.footer{
	width:100%;
	overflow:hidden;
	padding: 25px 0;
	background-color: #1f1f28;
}
.foot-flex{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}
.foot-logo{
	height: auto;
	overflow: hidden;
}
.foot-logo img{
	display: block;
	float: left;
	width: auto;
	height: 60px;
}

.foot-item{
	width: 48%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.foot-sort-name{
	color: #1a4256;
	font-size: 16px;
	position: relative;
	line-height: 1.5;
	z-index: 2;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.foot-sort-name a{
	color: #fff;
	display: inline-block;
}

.copyright{
	width: 100%;
	color: #999;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.copyright a{
	color: #999;
	display: inline-block;
	margin-left: 5px;
}
.copyright a:hover{
	color: #fff;
}

.foot-sort-list{
	height: auto;
	overflow: hidden;
}
.foot-sort-list li{
	height: auto;
	overflow: hidden;
	color: #8b8b8b;
	font-size: 14px;
	line-height: 2.5;
}
.foot-sort-list li a{
	color: #8b8b8b;
	display: inline-block;
}
.foot-sort-list li i{
	font-size: 12px;
	margin-right: 6px;
}
.foot-sort-list li a:hover{
	color: #fff;
}

.foot-social{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: center;
	flex-wrap: wrap;
}
.foot-social li{
	height: auto;
	overflow: hidden;
	margin-right: 10px;
	color: #8b8b8b;
	font-size: 14px;
	margin-bottom: 5px;
}
.foot-social li a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	background-color: #404040;
}
.foot-social li a i{
	font-size: 16px;
}
.foot-social li a:hover{
	color: #fff;
	background-color: #de7b24;
}
.foot-social li a.facebook{
	background-color: #3b5998;
}
.foot-social li a.twitter{
	background-color: #1da1f3;
}
.foot-social li a.youtube{
	background-color: #d42426;
}
.foot-social li a.instagram{
	background-color: #6929b1;
}
.foot-social li a.linkedin{
	background-color: #006a9a;
}
.foot-social li a.baidu{
	background-color: #1960ad;
}
.foot-social li a.weibo{
	background-color: #df4d69;
}
.foot-social li a.pengyouquan{
	background-color: #3eb135;
}
.foot-social li a.weixin{
	background-color: #3eb135;
}
.foot-social li a.qqkongjian{
	background-color: #eecf3d;
}
.foot-social li a.qq{
	background-color: #4dafea;
}
.foot-social li a.skype{
	background-color: #65a2d9;
}
.foot-social li a.pinterest{
	background-color: #ca2128;
}

@media (min-width: 768px) {
	.footer{
		padding-top: 35px;
	}
	.foot-item{
		width: 33.333333%;
	}
	.foot-item.last-item{
		width: 100%;
	}
		
}
@media (min-width: 992px) {
	.footer{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.foot-item{
		width: auto;
	}
	.foot-item.last-item{
		width: 35%;
		background-image: url(../images/foot-line.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 25px;
		min-height: 330px;
	}
	.foot-logo img{
		height: 80px;
	}
}
@media (min-width: 1200px) {
	.foot-item.last-item{
		width: 35%;
		background-image: url(../images/foot-line.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 65px;
		min-height: 330px;
	}
	.foot-logo img{
		height: 110px;
	}
	.foot-sort-name{
		font-size: 18px;
	}
}

.in-flex-pages{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding: 20px 0;
	margin-top: 20px;
}
.pages{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}
.pages a{
	display: inline-block;
	padding:0 10px;
	color: #333;
	line-height: 26px;
	font-size: 14px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-family: 'OpenSansRegular';
}
.pages span{
	display: inline-block;
	padding:0 10px;
	color: #333;
	line-height: 26px;
	font-size: 14px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-family: 'OpenSansRegular';
}
.pages a.no_next,
.pages a.hasnext{
	border-radius: 0 999px 999px 0;
}
.pages a.hasprev,
.pages a.no_pre{
	border-radius: 999px 0 0 999px;
	border-left: 1px solid #ddd;
}
.pages i{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 26px;
}
.pages a.page-num:hover,
.pages .page-num-current{
	background-color: var(--main-color);
	color: #fff;
	border-color: var(--main-color);
}
.pages a.page-link:hover{
	color: var(--main-color);
}

.ny_banner{
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	position: relative;
}
.ny_banner img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 160px;
	object-fit: cover;
}
.ny_banner .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.15);
}

@media (min-width: 992px) {
	.ny_banner{
		margin-top: 0;
	}
}

#faqlist{
	height: auto;
	overflow:hidden;
}
#faqlist dl{
	height: auto;
	overflow:hidden;
	position: relative;
}
#faqlist dl + dl{
	margin-top: 20px;
}
#faqlist dl dt{
	height:auto;
	line-height:25px;
	display:block;
	background:#f0f0f0;
	cursor:pointer;
	padding: 15px 10px 15px 45px;
}
#faqlist i{
	display: block;
	position: absolute;
	position: absolute;
	left: 10px;
	top: 15px;
	width:25px;
	height:25px;
	border:1px solid #ccc;
	line-height:25px;
	text-align:center;
	font-size:18px;
	transition:0.6s;
}
#faqlist em{
	float:left;
	font-style:normal;
	font-size:18px;
}
#faqlist h4{
	font-size:18px;
	font-weight:normal;
	margin-left:5px;
}
#faqlist dd{
	padding:20px 25px;
	overflow:hidden;
	border:1px solid #f0f0f0;
	border-top:none;
	line-height:25px;
	display:none;
}
#faqlist dl dt.open i{
	transform:rotate(90deg);
}

.danye-head{
	font-size: 20px;
}
.danye-content{
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
	line-height: 2;
}
.danye-content img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.danye-content video{
	max-width: 100%;
}
.danye-content iframe{
	max-width: 100%;
}

@media (min-width: 768px) {
	.danye-head{
		font-size: 24px;
	}
	.danye-content{
		margin-top: 30px;
		font-size: 16px;
	}
}

.section-inner{
	position: relative;
	background-color: #fff;
}
.in-flex-container{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.aside-left{
	width: 250px;
	display: none;
}
.aside-left h2{
	height:54px;
	line-height:54px;
	padding-left: 20px;
	font-size:20px;
	border-radius: 5px 5px 0 0;
	color:#fff;
	background-color: var(--main-color);
}
.aside-left h2 i{
	font-size: 24px;
	vertical-align: top;
	margin-right: 10px;
	display: inline-block;
	line-height: 54px;
}
.aside-main{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.zlm{
	width:auto;
	background:#fff;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}
.zlm dl{
	overflow:visible;
}
.zlm dl dt{
	line-height:20px;
	border-bottom:1px solid #EEEEEE;
	cursor:pointer;
	overflow:visible;
	position: relative;
	padding: 15px 15px;
}
.zlm dl dt a{
	display:block;
	float:left;
	line-height: 20px;
	font-size: 15px;
}
.zlm dl dt a span.yuanjiao{
	margin-right:10px;
	display:none;
	width:7px;
	height:7px;
	border:1px solid #fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.zlm dl dt i{
	position: absolute;
	top: 16px;
	right: 10px;
	cursor:pointer;
	transition: 0.5s;
}
.zlm dl dt.zlm_on i{
	transform: rotate(-180deg);
}
.zlm dl dt:hover,.zlm dl .zlm_on,.zlm dl .zlm_on{
	background:#fff;
}
.zlm dl dt:hover::before,
.zlm dl .zlm_on::before,
.zlm dl .zlm_on::before{
	content: "";
	width: 2px;
	height: 100%;
	background: #ed6a1e;
	position: absolute;
	left:0;
	top:0;
	margin-left: -1px;
}
.zlm dl .sanji{
	display:none;
	background:#f7f7f7;
	border-bottom:1px solid #d8d8d8;
	padding: 5px 0;
}
.zlm dl .sanji li{
	height:auto;
	line-height:22px;
	position:relative;
	padding-left: 20px;
}
.zlm dl .sanji li a{
	display:block;
	line-height: 22px;
	padding: 8px 0;
	color:#666;
}
.zlm dl .sanji li i{
	float:right;
	margin-right:10px;
	margin-top:10px;
}
.zlm dl .dropdown-menu{
	position:absolute;
	left:100%;
	top:0;
	background:#f0f0f0;
	width:200px;
	display:none;
}
.zlm dl .sanji li:hover .dropdown-menu{
	display:block;
}
.zlm dl dt.zlm_on a{
	color: var(--main-color);
}

.full-in-path2{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.public-path{
	line-height: 30px;
	color: #666;
	font-size: 14px;
}
.public-path a{
	color: #666;
	display: inline-block;
	margin: 0 5px;
}
.public-path a:hover{
	color: var(--main-color);
}
.public-path i{
	display: inline-block;
	margin-right: 5px;
}
.path-cur{
	line-height: 30px;
	font-size: 18px;
	color: var(--main-color);
	font-weight: bold;
	position: relative;
}
.aside-contact{
	padding:10px;
	font-size:14px;
	color:#333;
	line-height:24px;
	border:1px solid #EEEEEE;
	border-top:none;
	word-break:break-all;
	background:#fff;
}
.aside-contact a{
	color:#333;
}
.aside-contact table tr td{
	padding: 5px;
}
.aside-contact table tr td img{
	vertical-align: middle;
	width: 25px;
}

.in-list-wznews{
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.in-list-wznews li{
	height: auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 1px dashed #e1e1e1;
	align-items: flex-start;
}
.in-list-wznews li .pic{
	width: 100%;
}
.in-list-wznews li .txt{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.in-list-wznews li .title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}
.in-list-wznews li .brief{
	color: #666;
	font-size: 14px;
	line-height: 2;
	height: auto;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	margin-bottom: 20px;
	transition: 0.5s;
}
.in-list-wznews li .more{
	height: auto;
	overflow: hidden;
	text-transform: uppercase;
}
.in-list-wznews li .more a{
	display: inline-block;
	width: 120px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background-color: var(--main-color);
}
.in-list-wznews li:hover .pic img{
	transform: scale(1.1);
}

.detail-news-title{
	font-size: 18px;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.detail-news-time{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: #666;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}
.detail-news-time .item{
	margin: 0 5px;
}
.detail-news-content{
	font-size: 14px;
	line-height: 2;
}
.detail-news-content img{
	max-width: 100%;
}
.detail-news-content video{
	max-width: 100%;
}

.shangxiapian{
	height: auto;
	overflow: hidden;
	border-top: 1px dashed #ddd;
	margin-top: 25px;
	padding-top: 15px;
}
.shangxiapian li{
	height: auto;
	overflow: hidden;
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 5px;
}
.shangxiapian li span{
	display: inline-block;
	font-weight: bold;
}

@media (min-width: 540px) {
	.in-list-wznews li .pic{
		width: 220px;
	}
	.in-list-wznews li .txt{
		width: auto;
		margin-top: 0;
		flex: 1;
		padding-left: 30px;
	}
}
@media (min-width: 992px) {
	.aside-left{
		display: block;
	}
	.aside-main{
		width: auto;
		flex: 1;
		padding-left: 30px;
	}
	.detail-news-content{
		font-size: 16px;
	}
	.detail-news-title{
		font-size: 24px;
	}
}

.in-product-list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 15px;
}
.in-product-list li{
	width: 50%;
	padding: 0 5px;
	display: flex;
}
.in-product-list li .wrap{
	width: 100%;
}
.in-product-list li .thumb{
	height: auto;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding-bottom: 100%;
}
.in-product-list li .thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
}
.in-product-list li .title{
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}
.in-product-list li .wrap:hover .thumb img{
	transform: scale(1.1);
}

.detail-product-top{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.detail-product-zoom{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.detail-product-right{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.zoomSwiper{
	height: auto;
	border: 1px solid #ddd;
	position: relative;
}
.zoomSwiper .swiper-slide{
	overflow: hidden;
}
.zoomSwiper .swiper-slide img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.swiper-thumb-wrap{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	height: auto;
	overflow: hidden;
}
.thumbSwiper{
	height: auto;
	padding: 1px;
}
.thumbSwiper .swiper-slide{
	overflow: hidden;
	border: 1px solid #eee;
	cursor: pointer;
}
.thumbSwiper .swiper-slide img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.thumbSwiper .swiper-slide.swiper-slide-thumb-active{
	border-color: var(--main-color);
}
.swiper-thumb-wrap .thumb-arrows{
	width: 20px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 2px;
}
.swiper-thumb-wrap .thumb-arrows i{
	font-size: 16px;
}
.swiper-thumb-wrap .thumb-arrows.swiper-arrow-next{
	right: 0;
}
.swiper-thumb-wrap .thumb-arrows.swiper-arrow-prev{
	left: 0;
}
.swiper-thumb-wrap .thumb-arrows.swiper-button-disabled{
	cursor: no-drop;
	color: #000;
	background-color: #eee;
}

.slideBox-product{
	margin-top:30px;
	height: auto;
	overflow:hidden;
}
.slideBox-product .hd{
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #f0f0f0;
}
.slideBox-product .hd ul{
	height: auto;
	overflow: hidden;
}
.slideBox-product .hd ul li{
	font-size:16px;
	float:left;
	height:45px;
	line-height:45px;
	border-right:1px solid #f0f0f0;	
	padding:0 25px;
	cursor:pointer;
	transition: 0.5s;
	position: relative;
}
.slideBox-product .hd ul li::before{
	content: '';
	width: 0;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s;
}
.slideBox-product .hd ul li a{
	display:block;
	color: #333;
}
.slideBox-product .hd ul li.on {
    color: var(--main-color);
}
.slideBox-product .hd ul li.on::before{
	width: 100%;
}
.slideBox-product .bd{
	height: auto;
	overflow: hidden;
}
.slideBox-product .bd ul{
	height: auto;
	overflow:hidden;
}
.detail-product-content{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
}
.detail-product-content img{
	max-width: 100%;
	height: auto;
}
.detail-product-content iframe{
	max-width: 100%;
	height: auto;
}
.detail-product-content video{
	max-width: 100%;
	height: auto;
}
.detail-product-content table{
	width: 100%;
	background-color: #f5f5f5;
	border-color: #ddd;
	margin-top: 20px;
	border-collapse: collapse;
}
.detail-product-content table tr:nth-child(2n+1){
	background-color: #ebebeb;
}
.detail-product-content table td{
	padding: 10px 15px;
	border: 1px solid #ddd;
}

.related-product{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	justify-content: center;
}
.related-product::after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #eee;
	position: absolute;
	left: 0;
	top: 50%;
}
.related-product span{
	display: inline-block;
	padding: 0 20px;
	font-size: 24px;
	text-transform: capitalize;
	position: relative;
	z-index: 11;
	background-color: #fff;
}

.detail-product-title{
	color: #000;
	line-height: 1.25;
	font-size: 20px;
	font-weight: bold;
}
.detail-product-line{
	height: 2px;
	border-top: 1px dotted #ddd;
	margin: 20px 0;
}
.detail-product-brief{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
}

.in-public-head{
	position: relative;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-transform: capitalize;
	margin-top: 30px;
}
.in-public-head::after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.scrollSwiperProduct{
	height: auto;
	overflow: hidden;
	padding: 0 40px;
	position: relative;
}
.scrollSwiperProduct .swiper{
	height: auto;
	overflow: hidden;
}
.scrollSwiperProduct .swiper .swiper-slide{
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
.scrollSwiperProduct .title{
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
.scrollSwiperProduct .swiper .swiper-slide .pic{
	border: 1px solid #ddd;
}
.scrollSwiperProduct .swiper .swiper-slide:hover .pic img{
	transform: scale(1.1);
}
.scrollSwiperProduct .swiper-arrows{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	cursor: pointer;
}
.scrollSwiperProduct .swiper-arrows.swiper-arrow-next{
	left: auto;
	right: 0;
}

.contact-group{
	height: auto;
	overflow: hidden;
	margin-bottom: 12px;
}
.contact-group label{
	display: block;
	width: 100%;
	font-size: 15px;
	margin-bottom: 5px;
}
.contact-group input{
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 6px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.contact-group textarea{
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 6px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 120px;
}
.contact-group button{
	display: inline-block;
	line-height: 30px;
	padding: 6px 40px;
	color: #fff;
	background-color: var(--main-color);
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.in-product-list{
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 30px;
	}
	.in-product-list li{
		width: 33.333333%;
		padding: 0 10px;
	}
	
	.detail-product-zoom{
		width: 46%;
	}
	.detail-product-right{
		width: auto;
		flex: 1;
		padding-left: 30px;
		margin-top: 0;
	}
	
}
@media (min-width: 992px) {
	.in-product-list li .title{
		font-size: 16px;
	}
}
@media (min-width: 1200px) {
	.detail-product-title{
		font-size: 24px;
	}
	.detail-product-brief{
		font-size: 16px;
	}
	.detail-product-content{
		font-size: 16px;
	}
	.scrollSwiperProduct .title{
		font-size: 16px;
	}
}

.photo-list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 20px;
}
.photo-list li{
	width: 50%;
	padding: 0 8px;
	display: flex;
}
.photo-list li .wrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.photo-list li a{
	display: block;
}
.photo-list li h4{
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
}

.inab-flex-company{
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	align-items: center;
}
.inab-flex-company .zou{
	width: 100%;
	padding: 0 20px;
}
.inab-flex-company .you{
	width: 100%;
	padding: 0 20px;
}
.inab-flex-company.abcp .you{
	margin-top: 20px;
}
.inab-title{
	font-size: 20px;
	color: var(--main-color);
	margin-bottom: 10px;
}
.inab-content{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
}
.inab-line{
	border-top: 1px dotted #000;
	margin: 25px 0;
}

.inab-list-wath{
	height: auto;
	overflow: hidden;
}
.inab-list-wath li{
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	align-items: center;
	border-bottom: 1px dotted #000;
	padding: 25px 0;
}
.inab-list-wath li .zou{
	width: 100%;
	padding: 0 20px;
}
.inab-list-wath li .you{
	width: 100%;
	padding: 0 20px;
	margin-top: 20px;
}

@media (min-width: 600px) {
	.photo-list li{
		width: 33.333333%;
	}
}
@media (min-width: 768px) {
	.inab-flex-company .zou{
		width: 50%;
	}
	.inab-flex-company .you{
		width: 50%;
	}
	.inab-flex-company.abcp .you{
		margin-top: 0;
	}
	.inab-list-wath li .zou{
		width: 50%;
	}
	.inab-list-wath li .you{
		width: 50%;
		margin-top: 0;
	}
	.inab-list-wath li:nth-child(2n+1) .you{
		order: -1;
	}
}
@media (min-width: 992px) {
	.photo-list{
		margin-top: 25px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.photo-list li{
		padding: 0 10px;
	}
	.photo-list li h4{
		font-size: 16px;
		padding: 15px 0;
	}
	.inab-title{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.inab-content{
		font-size: 16px;
	}
	.inab-line{
		margin: 45px 0;
	}
	.inab-list-wath li{
		padding: 45px 0;
	}
}
@media (min-width: 1200px) {
	.photo-list li{
		width: 25%;
	}
	.inab-title{
		font-size: 30px;
	}
}

.index-video-ban{
	height: auto;
	overflow: hidden;
}
.index-video-ban video{
	display: block;
	width: 100%;
	height: auto;
}

.section-feedback{
	background-color: #0072ca;
}
.index-flex-feedback{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.fbk-left{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #fff;
}
.fbk-left h3{
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}
.fbk-left .info{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}
.fbk-right{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.index-fm-flex{
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}
.index-fm-col-1{
	width: 100%;
	padding: 8px;
}
.index-fm-col-2{
	width: 100%;
	padding: 8px;
}

.index-group input{
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: none;
	outline: none;
	background-color: #0864ad;
	padding: 0 15px;
	color: #fff;
	font-size: 15px;
}
.index-group button{
	display: block;
	width: 128px;
	height: 46px;
	line-height: 46px;
	border: none;
	outline: none;
	background-color: #fff;
	padding: 0 15px;
	color: #0864ad;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

@media (min-width: 600px) {
	.index-fm-col-1{
		flex: 1;
	}
	.index-fm-col-2{
		width: 144px;
	}
}
@media (min-width: 768px) {
	.fbk-left{
		width: auto;
	}
	.fbk-right{
		width: auto;
		flex: 1;
		padding-left: 30px;
		margin-top: 0;
	}
}
@media (min-width: 992px) {
	.fbk-right{
		padding-left: 60px;
	}
}

.section-news{
	background-color: #fff;
}

.public-head{
	color: #333;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.75;
	height: auto;
	overflow: hidden;
	position: relative;
	font-weight: 700;
}

.public-head.white{
	color: #fff;
}
.public-sml{
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	padding-bottom: 20px;
}
.public-sml.white{
	color: #fff;
}
@media (min-width: 768px) {
	.public-head{
		font-size: 24px;
	}
}
@media (min-width: 992px) {
	.public-head{
		font-size: 30px;
	}
	.public-sml{
		font-size: 16px;
	}
}
@media (min-width: 1200px) {
	.public-head{
		font-size: 36px;
	}
}

.index-flex-news{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}
.index-flex-news .you{
	width: 100%;
	margin-top: 40px;
}
.faq-outer{
	width: 100%;
	background-color: #f4f4f4;
	padding: 20px 20px;
	position: relative;
}
.faq-outer .item{
	position: relative;
	height: auto;
}
.faq-outer .datetime{
	height: auto;
	overflow: hidden;
	color: #828282;
	font-size: 16px;
}
.faq-outer .title{
	height:auto;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 10px;
}
.faq-outer .title a{
	color: #0072ca;
}
.faq-outer .info{
	height: auto;
	overflow: hidden;
	color: #828282;
	font-size: 15px;
	line-height: 22px;
	max-height: 44px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 25px;
	position: relative;
}
.faq-outer .info::before{
	content: '';
	width: 1px;
	height: 80%;
	background-color: #0072ca;
	position: absolute;
	left: 0;
	top: 0;
}
.faq-outer .pic{
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.faq-outer .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 215px;
	object-fit: cover;
	transition: .5s;
}
.faq-outer .pic:hover img{
	transform: scale(1.1);
}
.faq-outer .more{
	height: auto;
	overflow: hidden;
	position: absolute;
	bottom: -43px;
	left: 0;
}
.faq-outer .more a{
	display: inline-block;
	width: 104px;
	height: 36px;
	background-color: #0072ca;
	background-image: url(../images/jt.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.index-news-wzlist{
	height: auto;
	overflow: visible;
}
.index-news-wzlist li{
	height: auto;
	overflow: visible;
	margin-bottom: 15px;
	padding: 20px 10px 20px 20px;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.index-news-wzlist li a{
	display: block;
}
.index-news-wzlist li .title{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-news-wzlist li .title span{
	display: inline-block;
	float: right;
	margin-left: 15px;
	color: #7a7a7a;
	transition: .5s;
}
.index-news-wzlist li .title a{
	display: block;
	color: #7a7a7a;
}
.index-news-wzlist li .title a:hover{
	color: #0072ca;
}
.index-news-wzlist li:hover .title span{
	color: #0072ca;
}
.index-news-wzlist li .info{
	color: #828282;
	font-size: 15px;
	height: 50px;
	overflow: hidden;
	line-height: 25px;
	padding-right: 100px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.index-news-wzlist li:hover .info{
	background-image: url(../images/jt2.png);
}

@media (min-width: 768px) {
	.faq-outer{
		width: 42.5%;
		padding: 25px 52px;
	}
	.index-flex-news .you{
		width: 54.5%;
		margin-top: 0;
	}
}
@media (min-width: 992px) {
	.index-flex-news{
		margin-top: 40px;
	}
}
@media (min-width: 1200px) {
	.index-news-wzlist li .title{
		font-size: 16px;
	}
	
}

.section-case{
	height: auto;
	overflow: hidden;
	background-image: url(../images/why.webp);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding-bottom: 20vw;
}
.index-case-list{
	width: 50%;
	height: auto;
	overflow: hidden;
}
.index-case-list li{
	height: auto;
	overflow: hidden;
	margin-bottom: 35px;
}
.title-outer{
	height: auto;
	overflow: hidden;
}
.title-outer .title{
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
}
.index-case-list li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-case-list li .pic {
  height: auto;
  overflow: hidden;
}
.index-case-list li .pic img{
	display: block;
	width: 100%;
	height: 475px;
	object-fit: cover;
	transition: .5s;
}
.index-case-list li:hover .pic img{
	transform: scale(1.1);
}
.index-case-list li .cover {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(23,163,121,.5);
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}
.index-case-list li .cover .cover-2{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
}
.index-case-list li .icon {
	height: auto;
	overflow: hidden;
	text-align: center;
	color: #fff;
}
.index-case-list li .icon i{
	display: inline-block;
	width: 62px;
	height: 62px;
	text-align: center;
	line-height: 60px;
	font-size: 36px;
	color: #fff;
	transition: 0.5s;
	border: 1px solid #fff;
	border-radius: 50%;
}
.index-case-list li .brief{
	height: auto;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	line-height: 2;
	margin-top: 10px;
}
.index-case-list li .more{
	height: auto;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
}
.index-case-list li:hover .cover{
	opacity: 1;
	visibility: visible;
}
@media (min-width: 768px) {
	.title-outer .title{
		font-size: 20px;
	}
	.index-case-list li .brief{
		font-size: 16px;
		margin-top: 20px;
	}
}
@media (min-width: 992px) {
	.title-outer .title{
		font-size: 24px;
		margin-top: 30px;
	}
	.index-case-list li .brief{
		font-size: 16px;
		margin-top: 20px;
	}
	.index-case-list li .brief{
		font-size: 18px;
		margin-top: 30px;
	}
}

.section-about{
	background-color: #fff;
}
.about-pic{
	height: auto;
	position: relative;
	margin-top: 15px;
}
.about-pic img{
	display: block;
	width: 100%;
	height: auto;
}
.about-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about-wename{
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
}
.about-brief{
	height: auto;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 15px;
}
.about-brief.white{
	color: #fff;
}
.about-more{
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	font-size: 14px;
}
.about-more a{
	display: inline-block;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	padding: 0 40px;
	color: #fff;
	background-color: #2278c5;
	text-transform: uppercase;
}
.about-more a i{
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 5px;
	color: #49b140;
	font-size: 12px;
	background-color: #fff;
	margin-left: 10px;
}
.about-more a:hover{
	/* background-color: #096fb9; 
	color: #d71809;*/
}
.public-more{
	height: auto;
	overflow: hidden;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.public-more a{
	display: inline-block;
	color: #fff;
	height: 46px;
	line-height: 46px;
	padding: 0 30px;
	border-radius: 5px;
	background-color: #0072ca;
}
.public-more i{
	display: inline-block;
	margin-left: 6px;
}
.about-content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
@media (min-width: 768px) {
	.about-wrap{
		margin-top: 30px;
	}
	.about-content{
		width: 57.5%;
	}
	.about-pic{
		width: 39.75%;
		height: 597px;
		position: relative;
	}
	.about-wename{
		font-size: 20px;
	}
	.about-brief{
		font-size: 16px;
		margin-top: 20px;
	}
}
@media (min-width: 1200px) {
	.about-wrap{
		margin-top: 40px;
	}
	.about-pic{
		width: 477px;
		height: 597px;
		position: relative;
	}
	.about-pic img{
		display: block;
		width: 837px;
		height: 597px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.about-wename{
		font-size: 24px;
	}
	.about-brief{
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.about-content{
		width: 690px;
	}
}

.section-why{
	background-color: #fff;
	background-image: url(../images/hav.webp);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.ad-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}
.ad-left{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.ad-left h2{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

.ad-left h4{
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.5;
}
.ad-right{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.ad-right h5{
	font-size: 16px;
}
.ad-right h1{
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
	line-height: 1.2;
}
.ad-more{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.ad-more a{
	display: inline-block;
	color: #fff;
	background-color: #0072ca;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 14px;
}

@media (min-width: 768px) {
	.ad-left{
		width: auto;
		width: 50%;
	}
	.ad-right{
		width: auto;
		max-width: 38%;
	}
}
@media (min-width: 992px) {
	.ad-left h2{
		font-size: 24px;
	}
	.ad-right h1{
		font-size: 30px;
	}
}
@media (min-width: 1200px) {
	.ad-right h1{
		font-size: 36px;
	}
	.ad-more a{
		font-size: 16px;
	}
	.ad-left h4{
		font-size: 18px;
	}
	.ad-right h5{
		font-size: 18px;
	}
}

.section-process{
	background-color: #f9f9f9;
}
.index-process-sort{
	font-size: 18px;
	text-transform: uppercase;
	color: #aa8757;
}
.processSwp{
	height: auto;
	overflow: hidden;
}
.processSwp .swiper{
	height: auto;
	overflow: hidden;
}
.processSwp .swiper .swiper-slide{
	height: auto;
	overflow: hidden;
	padding-top: 60px;
	display: flex;
	padding-bottom: 2px;
}
.processSwp .num{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.processSwp .num span{
	display: inline-block;
	color: #775933;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid #b99f71;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.processSwp .txt{
	border: 1px solid #efefef;
	border-radius: 10px;
	height: auto;
	overflow: hidden;
	padding: 10px;
}
.processSwp .ico{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.processSwp .ico img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: 70px;
}
.processSwp .title{
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
	line-height: 1.25;
}
.processSwp .title::after{
	content: '';
	width: 30px;
	height: 2px;
	background-color: #c5b191;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.processSwp .brief{
	font-size: 14px;
	line-height: 1.45;
	text-align: center;
}
.processSwp .swiper-page{
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pc-process{
	height: auto;
	overflow: hidden;
	margin-top: 6px;
	display: none;
}

@media (min-width: 1200px) {
	.processSwp .title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.processSwp .brief{
		font-size: 16px;
	}
	.processSwp .swiper-page{
		display: none;
	}
	.pc-process{
		display: block;
	}
	.pc-process .b-line{
		width: 760px;
		height: 40px;
		border-bottom: 1px dashed #25283c;
		border-left: 1px dashed #25283c;
		border-right: 1px dashed #25283c;
		border-radius: 0 0 15px 15px;
		margin: 0 auto;
		position: relative;
	}
	.pc-process .b-line::before{
		content: '';
		width: 17px;
		height: 16px;
		background-image: url(../images/jjtt.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		position: absolute;
		left: -9px;
		top: 0;
	}
	.hfu{
		height: 30px;
		background-image: url(../images/hf.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.pc-qita{
		color: #000;
		font-size: 18px;
		font-weight: 700;
	}
	.pc-xiao{
		margin-top: 6px;
		font-size: 16px;
		color: #999;
	}
	
}

.in-cnt-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.in-cnt-flex .zou{
	width: 100%;
}
.in-cnt-flex .you{
	width: 100%;
	margin-top: 20px;
}
.in-cnt-head{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}
.in-list-contact{
	height: auto;
	overflow: hidden;
}
.in-list-contact li{
	height: auto;
	overflow: hidden;
	display: flex;
	margin-top: 15px;
}
.in-list-contact li .thumb{
	width: 30px;
	height: auto;
	overflow: hidden;
}
.in-list-contact li .thumb img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.in-list-contact li .title{
	flex: 1;
	padding-left: 15px;
	font-size: 16px;
	line-height: 30px;
}

.test-group.required label{
	position: relative;
}
.test-group.required label::after{
	content: '*';
	color: red;
	margin-left: 5px;
}
.test-group{
	position: relative;
}
.test-group select{
	display: block;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	line-height: 30px;
	padding: 6px 15px;
	background-color: #fff;
	position: relative;
}
.test-group.select::after{
	content: "\e66f";
	font-family: "iconfont";
	position: absolute;
	top: 38px;
	right: 8px;
	pointer-events: none;
	font-size: 16px;
}
.test-group.file{
	display: flex;
	flex-wrap: wrap;
}
.contact-group input.form-file{
	width: auto;
	flex: 1;
}
.contact-group button.layui-btn{
	padding: 6px 20px;
	height: auto;
	line-height: 30px;
}
.contact-group button.layui-btn i{
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}

@media (min-width: 992px) {
	.in-cnt-flex .zou{
		width: 48%;
	}
	.in-cnt-flex .you{
		width: 48%;
		margin-top: 0;
	}
	.in-cnt-head{
		font-size: 24px;
		margin-bottom: 40px;
	}
}