.mobile-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 99999;
}

.mobile_nav {
	position: fixed;
	top: 0;
	right: 0;
	left: auto;
	width: 100%;
	height: 100%;
	background: #fff;

	overflow-y: scroll;
}

.mobile_nav ul {
	padding-top: .4rem;
}

.mobile_nav .top {


	padding: 20px 0 35px;

}

.mobile_nav form {

	width: 200px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
	margin-right: 30px;
	display: flex;
	margin: 20px auto;
}

.mobile_nav form button {
	height: 30px;
	line-height: 30px;
	width: 30px;
	background: url(../images/search1.png) no-repeat center center;
}

.mobile_nav form input {
	width: 160px;
	padding-left: 10px;
}

.mobile_nav .top img {

	width: 130px;
	display: block;
	margin: 0 auto;
}

.mobile-container li {

	line-height: .88rem;
	text-align: center;

}

.mobile-container .sub li {
	padding-left: .1rem;
}

.mobile-container li ul.sub,
.mobile-container li ul.three {
	display: none;
}

.mobile_nav .logo {
	display: flex;
	justify-content: space-between;
	padding: .4rem .5rem 1rem;
	align-items: center;
}

.mobile_nav .logo img {
	width: 2.6rem;
}

.mobile_nav .logo img.del {
	width: .3rem;
}

.mobile-container li a {
	font-size: .3rem;

}

.mobile_nav>ul>li {
	border-bottom: 1px solid rgba(238, 238, 238, 1);
    background:url(../images/xl1.png) no-repeat right 30% top .4rem/.22rem;
}
.mobile_nav>ul>li>a{
	display: block;
}
.mobile_nav>ul>li:nth-of-type(1){
	background:none;
}

.mobile_nav>ul>li.active >a{
	 background:url(../images/xl2.png) no-repeat right 30% top .4rem/.22rem;
	 background-color:#2B71B8;
	 color:#fff;
}
.mobile-container li ul.sub{
  background:rgba(43, 113, 184, 0.05)	;
  padding:0;
}

.mobile-container li ul.sub li a {
	font-size: .26rem;
	line-height: .4rem;
	padding-right: 0rem;
}
.mobile-container li ul.sub li:hover{
	background:rgba(43, 113, 184, 0.2)
}
.mobile-container li ul.sub li:hover a{
	color: #2B71B8;
}
.mobile-container li ul.three li a {
	font-size: .24rem;
	padding-right: 0;
}

.mobile-container li ul.three li {
	line-height: .35rem;
}

.mobile-container .lang {
	padding: .5rem 0 .2rem;
	text-align: center;
}

.mobile-container .lang a {
	margin: 0 0.2rem;
}

.mobile-container .lang a.active {
	color: #339A2C;
}

.phoneheader {
	padding: 0 .3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search{
	padding:.2rem .3rem;
}
.search form{
	height: .66rem;
	background: #EEEEEE;
	border-radius: .33rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.search form input{
	padding-left: .2rem;
}
.search form button{
	height: .66rem;
	width: .66rem;
	background:url(../images/se.png) no-repeat center center;
}
.banner img {
	width: 100%;
}
.menus{
	background:#eee;
	padding:0 .2rem;
	line-height: .8rem;

	margin:.2rem 0;
	overflow: scroll;
}
.menus>div{
	width: 150%;
	display: flex;

}
.menus a{
	font-size: .3rem;
	display: inline-block;
	margin-right: .3rem;
}
.menus a.active{
	color: rgba(240, 131, 30, 1)
}
.phoneheader .fr {
	position: absolute;
	right: .3rem;
}

.phoneheader .fl img {
	width: 2.3rem;
}

.phoneheader .fl img:last-of-type {
	display: none;
}

.phoneheader .fr img:last-of-type {
	display: none;
}



.phoneheader .fr img {
	width: .5rem;
	margin-left: .2rem;
}

.wrap {
	width: 94%;
	margin: 0 auto;
}

.header {
	position: absolute;
	top: 0;
	height: 100px;
	line-height: 100px;
	z-index: 99;
	width: 100%;
}

.header .wrap {
	width: 82%;
}

.header .fr {
	display: flex;
}

.header .fr li {
	display: inline-block;
	vertical-align: top;
}

.header .fr li a {
	font-size: 20px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #fff;
	margin-left: 40px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

.indexvideo {
	position: relative;
	height: 3.6rem;
}

.indexvideo h2 {
	font-size: .36rem;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	position: absolute;
	top: .5rem;

	left: 0;
	text-align: center;
	z-index: 999;
	width: 100%;
}

.indexvideo video {
	max-width: 100%;
	max-height: 100%;
	/* object-fit: fill; */
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: -.6rem;
	margin-top:-.6rem;
	cursor: pointer;
	z-index: 10;
}
.VideoBtn img{
	width: 1.2rem;
	height: 1.2rem;
}

.header .fr li a.active {
	color: #F0831E;
	background: url(../images/border.png) no-repeat bottom center;
}

.header .search {
	width: 344px;
	border-bottom: 1px solid #fff;
	display: flex;
	justify-content: space-between;
	line-height: 50px;
	height: 50px;
	margin: 25px 0 0 80px;

}

.header .search input {
	background: none;
	color: #FFFFFF;
	line-height: 50px;
	height: 50px;
	opacity: 1;
}

.header .search input::-webkit-input-placeholder {
	color: #FFFFFF;
	opacity: 0.3;
}

.header .search button {
	width: 30px;
	height: 30px;
	background: url(../images/sea.png) no-repeat center center;
}

.banner .swiper-pagination {
	position: absolute;
	bottom: .2rem;
}

.banner .swiper-pagination-bullet {
	width: .4rem;
	height: 4px;
	background: #FFFFFF;
	margin: 0 .1rem !important;
	border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
	background: #F0831E;
}

.banner .swiper-button-prev {
	width: 56px;
	height: 56px;
	left: 10%;
	background: url(../images/prev.png) no-repeat center center;
}

.banner .swiper-button-next {
	width: 56px;
	height: 56px;
	right: 10%;
	transform: rotate(180deg);
	background: url(../images/prev.png) no-repeat center center;
}

.indexhy {
	padding: .4rem 0 .6rem;
}


.titles {
	text-align: center;
	margin-bottom: .5rem;
}

.titles .ch {
	font-size: .36rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	display: block;
}

.titles .en {
	font-size: .2rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #333333;
	line-height: .3rem;
	opacity: 0.3;
	margin-top: 10px;
}

.indexhy li {
	float: left;
	width: 48%;
	margin: 0 4% .3rem 0;
	position: relative;
}

.indexhy li:nth-of-type(2n) {
	margin-right: 0;
}

.indexhy li>a>img {
	width: 100%;
	height: 2.4rem;
	border-radius: .1rem;
}

.indexhy li .layer {

	position: absolute;
	top: 5%;
	width: 90%;
	border: 5px solid transparent;
	height: 90%;
	left: 5%;
	box-sizing: border-box;
}

.indexhy li:hover .layer {
	border: 5px solid #FFFFFF;
}

.indexhy li .layer img {
	display: block;
	margin: .5rem auto .2rem;
	height: .6rem;
}

.indexhy li .layer span {
	font-size: .25rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #FFFFFF;
	display: block;
	text-align: center;
}

.indexproduct {
	background: url(../images/bg.png) no-repeat center center/cover;
	padding: .7rem 0;
}

.indexproduct span.ch,
.indexproduct span.en {
	color: #fff;
}

.indexproduct ul {
	margin-top: .3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.indexproduct li {

	text-align: center;
	padding: .5rem 0 .7rem;
	width: 48%;
	margin:0 4% .4rem 0;
	background:rgba(255, 255, 255, 0.2)
}
.indexproduct li:nth-of-type(2n){
	margin-right: 0;
}
.indexproduct li i {
	display: block;
	height: .7rem;

}

.indexproduct li:nth-of-type(1) i {
	background: url(../images/p1.png) no-repeat center center/.6rem;
}

.indexproduct li:nth-of-type(2) i {
	background: url(../images/p2.png) no-repeat center center/.6rem;
}

.indexproduct li:nth-of-type(3) i {
	background: url(../images/p3.png) no-repeat center center/.6rem;
}

.indexproduct li:nth-of-type(4) i {
	background: url(../images/p4.png) no-repeat center center/.6rem;
}

.indexproduct li span {
	font-size: .3rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	display: block;
	text-align: center;
	margin: .2rem 0;
	color: #FFFFFF;
}

.indexproduct li span.line {
	width: .6rem;
	height: 2px;
	display: block;
	margin: 0 auto;
	background: #F0831E;
}

.indexproduct li span.detail {
	width: 181px;
	height: 35px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	opacity: 0;
	display: none;
}

.indexproduct li:hover {
	background: rgba(240, 131, 30, 0.7)
}

.indexproduct li:hover span.detail {
	opacity: 1;
}

.indexproduct li:nth-of-type(1):hover i {
	background: url(../images/p5.png) no-repeat center center;
}

.indexproduct li:nth-of-type(2):hover i {
	background: url(../images/p6.png) no-repeat center center;
}

.indexproduct li:nth-of-type(3):hover i {
	background: url(../images/p7.png) no-repeat center center;
}

.indexproduct li:nth-of-type(4):hover i {
	background: url(../images/p8.png) no-repeat center center;
}

.indexcase {
	padding: .7rem 0;
}

.indexcase .wrap {
	width: 94%;
}

.indexcase ul {
	width: 100%;
	margin: 0 auto;
}

.indexcase li {
	float: left;
	width: 48%;
	height: 2.4rem;
	border: 1px solid #EEEEEE;
	border-radius: 1px;
	padding-top: .6rem;
	box-sizing: border-box;
	margin: 0 3.5% .3rem 0;
}
.indexcase .swiper-slide img,.indexcase .swiper-container{
	width: 100%;
}
.indexcase li:nth-of-type(2n) {
	margin-right: 0;
}

.indexcase li img {
	display: block;
	margin: 0 auto .2rem;
	height: .6rem;
}

.indexcase li span {
	font-size: .25rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #2B71B8;
	display: block;
	text-align: center;
}



.indexcase .swiper-slide img {
	width: 100%;
	height: 2.4rem;
}
.indexcase .swiper-wrapper{
	margin-left: -25%;
}
.indexcase .swiper-slide span {
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #040404;
	display: block;
	text-align: center;
	margin-top: 10px;
}

.indexcase .swiper-button-prev {
	background: url(../images/prev2.png) no-repeat center center/100%;
	width: .53rem;
	height: .43rem;
	left: 0px;
}

.indexcase .swiper-button-next {
	background: url(../images/prev2.png) no-repeat center center/100%;
	width: .53rem;
	height: .43rem;
	right: 0px;
	transform: rotate(180deg);
}

.indexnews {
	padding:.5rem 0;
	background: url(../images/bg1.png) no-repeat top center/cover;
}

.indexnews .con>.fl {
	width: 42%;
	position: relative;
	display: none;
}

.indexnews .con>.fl img {
	width: 100%;
}

.indexnews .con>.fl p {
	height: 50px;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
}

.indexnews .con>.fr {
	width: 100%;
}

.indexnews .con>.fr li {
	padding:.3rem 0;
}

.indexnews .con>.fr li .p1 {
	font-size: .28rem;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
	height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: .2rem;
}

.indexnews .con>.fr li .p2 {
	font-size: .2rem;
	font-family: PingFang;
	font-weight: 400;
	color: #999999;
	line-height: .35rem;
	height: .7rem;
	overflow: hidden;
}

.indexnews .con>.fr li .fl {
	width: 70%;
}

.indexnews .con>.fr li .fr span {
	font-size:.28rem;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
}

.indexnews .con>.fr li .fr p {
	font-size: .14rem;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
	text-align: right;
}

.indexpart {
	padding:.5rem 0 .8rem;
}

.indexpart li {
	height: 2.2rem;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	width: 32%;
	margin: 0 2% .25rem 0;
	float: left;
	vertical-align: top;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}



.indexpart li:nth-of-type(1) {
	width: 66%;
}

.indexpart li:nth-of-type(1) img {
	width: 100%;
	height: 100%;
}
.indexpart li:nth-of-type(2),
.indexpart li:nth-of-type(5),
.indexpart li:nth-of-type(8),
.indexpart li:nth-of-type(3n+8){
	margin-right: 0;
}
.indexpart li img {
	max-width: 100%;
	max-height: 100%;
}

.footer {
	background: #222222;
	padding:.6rem 0 .3rem;
}

.footer .fl span.tel {
	font-size: .25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
	background: url(../images/tel.png) no-repeat left center;
	padding-left: 25px;
	display: block;
}

.footer .fl span.tel2 {
	font-size: .48rem;
	font-family: HelveticaLT;
	font-weight: normal;
	color: #CCCCCC;
	margin: 5px 0;
}
.footer .fl  a{
	color: #CCCCCC;
}
.footer .fl p.p1 {
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
	margin-bottom: .3rem;
}

.footer .fl p.cite {
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
	line-height: .4rem;

}

.footer .fl .codes {
	display: flex;
	margin-top: .4rem;
	justify-content: center;
}

.footer .fl .cite img {
	vertical-align: middle;
	margin-right: 5px;

}

.footer .fl .codes .codebtn {
	margin:0 .2rem;

}

.footer .fl .codes .codebtn img {
	width: 1.14rem;
	height:1.14rem;
	display: block;
	margin:0 auto;
}

.footer .fl .codes .codebtn span {
	font-size: .26rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #888888;
	text-align: center;
	display: block;
	margin-top: .2rem;
}

.footer .fr {
	width: 100%;
}

.footer .fr h2,.footer .fl h2 {
	font-size: .36rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #CCCCCC;
	margin-bottom: .4rem;
}
.footer .fl h2{
	margin:.7rem 0 .4rem;
}
.footer .fr input {
	width: 48%;
	height: .6rem;

	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #BBBBBB;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	padding-left: .2rem;
	margin-right: 3%;
}

.footer .fr input.mg {
	margin-right: 0;
}

.footer .fr textarea {
	height: 2rem;
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #BBBBBB;
	background: none;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.5);
	width: 100%;
	margin: .2rem 0;
}

.footer .fr button {
	height: .7rem;
	background: rgba(43, 113, 184, 1);
	width: 100%;
	font-size: .3rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .7rem;
	border-radius: .3rem;
}

.copy {
	border-top: 1px solid #3B3B3B;
	line-height:.5rem;
	background: #222222;
}

.copy p {
	font-size: .2rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #FFFFFF;
}

.submenus {
	height: .5rem;

	line-height: .5rem;
}

.submenus .fl a {
	font-size: .2rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	height: .5rem;
	line-height: .5rem;

	display: inline-block;
}

.submenus .fl a.active {
	background: #F0831E;
	color: #fff;
}

.submenus .fr a {
	font-size:.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}

.submenus .fr a:last-of-type {
	color: rgba(240, 131, 30, 1)
}

.product,
.case {
	padding: .6rem 0;
}

.product li {
	float: left;
width: 48%;
	margin: 0 4% .3rem 0;
}

.case li {
	float: left;
	width: 48%;
	margin: 0 4% .3rem 0;
}

.fc li {
	float: left;
	width: 48%;
	margin: 0 4% .3rem 0;
}

.fc li:nth-of-type(2n) {
	margin-right: 0;
}

.fc li img {
	width: 100%;
	height: 2.2rem;
}

.fc li span {
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #333333;
	display: block;
	height: .5rem;
	line-height:.5rem;
	overflow: hidden;
	text-align: center;
}

.product li:nth-of-type(2n) {
	margin-right: 0;
}

.case li:nth-of-type(2n) {
	margin-right: 0;
}

.product li p {
	border-bottom: 1px solid #EEEEEE;
	line-height: .56rem;
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #333333;
	height: .56rem;
	overflow: hidden;
	text-align: center;
}

.case li p {
	font-size: .26rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #040404;
	margin-top: .2rem;
	text-align: center;
}

.product li img {
	width: 100%;
	height: 2.2rem;
}
.product .v-hope-solution-wap li img {
	height: auto;
}

.case li img {
	width: 100%;
	height: 2.2rem
}

.product li:hover p {
	background: #2B71B8;
	color: #fff;
	border: 1px solid transparent;
}

.page {
	margin-top: .3rem;
	text-align: center;
	height: .6rem;
	background: #EEEEEE;
	display: flex;
}
.page form{
	display: flex;
	width: 100%;
	align-items: center;
}
.page a,.page span {
	font-size: .24rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	flex:1;
	text-align: center;
}

.page input {
	height: 32px;
	line-height: 32px;
	border: 1px solid rgba(229, 229, 229, 1);
	width: 50px;
	border-radius: 2px;
	text-align: center;
	box-sizing: border-box;
}

.page a:hover,
.page a.active {
	background: #eee;
}


.details,
.fc,
.culture {
	padding: .6rem 0;
}

.details p.font1 {
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #444444;

	margin-bottom: .3rem;
}

.details p.font2 {
	font-size: .22rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #999999;
	margin-bottom: .4rem;
}

.details .des {
	background: #F7F7F7;
	padding: .2rem;
}

.details .des p {
	font-size: .2rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	text-align: left;
}

.details .content {
	padding: .4rem 0 .6rem;
}

.details .content p {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .36rem;
	text-indent: 2em;
}

.details .content img {
	display: block;
	margin:.2rem auto;
	max-width: 100%;
}

.chapter {
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;


}

.chapter a {
	font-size: .24rem;
	display: block;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: .9rem;
}
.chapter a:first-of-type{
	border-bottom: 1px solid #E5E5E5;
}
.contact {
	padding-bottom: .6rem;
}

.contatcts {
	background: rgba(249, 249, 249, 1);
	padding: .25rem;
	text-align: left;
	margin:.4rem 0;
}

.contatcts .tab p.items {
	border-bottom: 1px solid rgba(220, 220, 220, 1);
	line-height: .35rem;
	margin-bottom: .2rem;
}

.contatcts .tab p.items span {
	line-height: .4rem;

	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(51, 51, 51, 1);
	display: inline-block;

}

.contatcts .tab p.items span.en {
	color: rgba(153, 153, 153, 1);
	font-size: .24rem;
	border: none;
		border-bottom: 1px solid rgba(229, 33, 41, 1);

}

.contatcts .tab p {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: .4rem;
}

.maps {
	position: relative;
}

.maps img {
	width: 100%;
}

.culture {
	background: url(../images/bg2.png) no-repeat bottom center/cover;
	padding: .6rem 0;
}

.culture p {
	font-size: .18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;

	color: #333333;
}

.honor {
	padding: .6rem 0;
}

.honor .wrap {
	width: 94%;
}

.honor .title img {
	display: block;
	margin: 0 auto .3rem;
	width: 3rem;
}

.honor li {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin: 0 3% .3rem 0;
}

.honor li:nth-of-type(2n) {
	margin-right: 0;
}

.honor li img {
	width: 100%;

}

.honor li p {
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #333333;
	display: block;
	height: .5rem;
	line-height: .5rem;
	overflow: hidden;
	text-align: center;
}

.fa {
	padding: .5rem 0 .8rem;
}

.fa li {
	margin-bottom: .5rem;
}



.fa li a img {
	width: 100%;
}

.fa li a .right {
	width:100%;
}

.fa li a .right span {
	font-size: .3rem;
	font-family: SourceHanSansCN;
	font-weight: 300;
	color: #333333;
	display: block;
	margin:.3rem 0 .2rem;
}

.fa li a .right p.p1,
.fa li a .right p.p2 {
	font-size: .28rem;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #666666;
	line-height: .4rem;
}

.fa li a .right span.de {
	width: 1.8rem;
	height: .5rem;
	border: 1px solid #999999;
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #999999;
	margin-top:.3rem;
	text-align: center;
	line-height: .5rem;
}


.recurbox2 {
	background: #fff;
	padding: .6rem 0;
}

.recurbox2 .zw {
	background: #F5F7F9;

	padding: .2rem .4rem;
}

.recurbox2 .zw h2 {
	font-size: .28rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
}

.recurbox2 .zw h2 span {
	font-size: .2rem;
	color: #999;
}

.recurbox2 .zw .type {
	margin-top: .3rem;
	display: flex;
	flex-wrap: wrap;

}

.recurbox2 .zw .type li,
.recurbox2 .zw .type ul {
	display: inline-block;
}
.recurbox2 .zw .type ul{
	width: 84%;
}
.recurbox2 .zw .type a {
	font-size: .2rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #666666;
	padding: 0 .2rem;
	margin-bottom: .2rem;
	height: .4rem;
	display: inline-block;
	line-height: .4rem;
}

.recurbox2 .zw .type span {
	font-size: .24rem;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333; 	margin-right: .2rem;
}

.recurbox2 .zw .type a.active {
	background: #0075C2;
	border-radius: 6px;
	color: #FFFFFF;
}

.recurbox2 .zw .form {
	display: inline-flex;
	justify-content: space-between;
	width: 3rem;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	padding-left: 10px;
}
.recurbox2 .zw .form input{
	width: 70%;
	font-size: .2rem;
}
.recurbox2 .zw .form button {
	width: 30px;
	height: 30px;
	background: url(../images/se.png) no-repeat center center;
}

.recurbox2 .list .tab {
	background: #F5F7F9;
	margin-top: 20px;
	padding: 35p
}

.recurbox2 .list .tab .tit {
	padding: .3rem 0;
	background: url(../images/jia.png) no-repeat right .3rem top .4rem/.23rem;
}

.recurbox2 .list .tab .tit.active {
	background: url(../images/jian.png) no-repeat  right .3rem top .4rem/.23rem;
}

.recurbox2 .list .tab p.title {
	border-left: 3px solid #0075C2;
	padding-left: .3rem;
	font-size: .24rem;
	font-family: PingFang;
	font-weight: bold;
	color: #000000;

}

.recurbox2 .list .tab .sub {
	border-top: 1px solid #E5E5E5;
	padding: .3rem;
	display: none
}

.recurbox2 .list .tab .sub p {
	font-size: .2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666;
	line-height: .4rem;
}

.recurbox2 .list .tab .sub span {
	font-size: .24rem;
	color: #000;
}

.zx {
	padding: .7rem 0;
}

.zx .wrap>img {
	width: 100%;
	display: block;
	margin: 0 auto .3rem;
}

.zx .txt img {
	display: block;
	margin: 0 auto .4rem;
	width: 100%;
}

.zx .txt p {
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .4rem;
	text-align: center;
}

.zx .from {
	margin-top: .5rem;
}

.zx .from h2 {
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	margin-bottom: .3rem;
}

.zx .from input {
	height: .6rem;
	width: 100%;
	line-height: .6rem;
	font-size: .24rem;
	margin: 0 auto .3rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	padding-left: .2rem;
	box-sizing: border-box;
	display: block;
	background: #F8F8F8;
	border: 1px solid #DCDCDC;
}
.zx .from input.input-val{
	width: 70%;
	margin:0;
	display: inline-block;
}
.zx .from textarea {
	width: 100%;
	margin: 0 auto .3rem;
	background: #F8F8F8;
	border: 1px solid #DCDCDC;
	padding-left: .2rem;
	box-sizing: border-box;
	display: block;
	padding-top:.2rem;
	height: 2rem;
}

.zx .from button {
	width: 100%;
	display: block;
	margin: .3rem auto;
	height: .6rem;

	background: #065BC8;
	font-size: .26rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .6rem;
}

.new {
	padding:.6rem 0;
}

.new li {
	float: left;
	width: 48%;
	margin: 0 4% .3rem 0;
}

.new li:nth-of-type(2n) {
	margin-right: 0;
}

.new li img {
	width: 100%;
	height:2.4rem;
}

.new li p.font1 {
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #444444;
	margin: .2rem 0;
	line-height:.36rem;
	height:.72rem;
	overflow: hidden;
}

.new li p.font2 {
	font-size: .2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: .3rem;
	height: .9rem;
	overflow: hidden;
	margin: 0 .1rem 0;
}

.new li p.time {
	font-size: .24rem;
	margin-top:.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	background: url(../images/time.png) no-repeat left center;
	padding-left: 20px;
	margin-left: 10px;
}

.about .txt {
	padding: .7rem 0 1.4rem;
}

.about .txt .ch {
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: block;
	text-align: center;
	margin-bottom: .15rem;
}

.about .txt .en {
	font-size: .18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	display: block;
	text-align: center;
}

.about .txt .con {
	margin-top: .3rem;
}

.about .txt .con img {
	width: 100%;
	margin: 0 auto .3rem;
}

.about .txt .con p {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #444444;
	line-height: .48rem;
}

.gallery-top .swiper-slide {

}

.gallery-top .swiper-slide>img {
	width: 100%;
	display: block;
}

.gallery-top .swiper-slide .right {
	width:100%;
}

.gallery-top .swiper-slide .right span.num {
	font-size: 1.8rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F7F7F7;

	display: inline-block;
}

.gallery-top .swiper-slide .right .txt {
	padding:0;
	margin-top:-1.5rem;
}

.gallery-top .swiper-slide .right .a1 {
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: .2rem;
}

.gallery-top .swiper-slide .right li {
	font-size: .25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .45rem;
}

.gallery-thumbs {
	margin: .7rem 0 1rem;
	position: relative;
}

.gallery-thumbs span.line {
	width: 100%;
	background: #E5E5E5;
	height: 1px;
	position: absolute;
	top: 3px;
	left: 0;
}

.gallery-thumbs .swiper-slide {
	width: 33% !important;


}

.gallery-thumbs .swiper-slide span {
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #D2D2D2;

	margin-top: 10px;
	display: inline-block;
}

.gallery-thumbs .swiper-container {
	width: 75%;
	margin: 0 auto;
}

.gallery-thumbs .swiper-slide {
	background: url(../images/dot.png) no-repeat left top;
}

.gallery-thumbs .swiper-slide-thumb-active {
	background: url(../images/line.png) no-repeat left top;
}

.gallery-thumbs .swiper-button-prev {
	width: .53rem;
	height: .43rem;
	background: url(../images/prev2.png) no-repeat center center/100%;
	left: 2%;
	top: 15px;
}

.gallery-thumbs .swiper-button-next {
	width: .53rem;
	height: .43rem;
	background: url(../images/prev2.png) no-repeat center center/100%;
	right: 2%;
	top: 15px;
}

#top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;


	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
}