@charset "utf-8";

body {
	font: 16px/1.231 "HuiPuTi-L", Arial, helvetica, clean, sans-serif;
}


.clearfix {
	zoom: 1
}

.clearfix:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden
}

.marginauto {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

/* CSS Document */
body {
	background-color: #fff;
	overflow-x: hidden;
	color: #000;
	font-size: 16px;
	font-family: "HuiPuTi-L";
	position: relative;
	min-width: 320px;
	width: 100%;
	-webkit-font-smoothing: auto;
	font-smoothing: auto;
}

#content {
	position: relative;
}

.w1600 {
	width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

@media (max-width: 1800px) {
	.w1600 {
		width: 1400px;
	}
}

@media (max-width: 1520px) {
	.w1600 {
		width: 1300px;
	}

	.w1200 {
		width: 1100px;
	}
}

@media (max-width: 1320px) {
	.w1600 {
		width: 1200px;
	}
}

@media (max-width: 1220px) {
	.w1600 {
		width: 1000px;
	}

	.w1200 {
		width: 1000px;
	}
}

@media (max-width: 1023px) {
	.w1600 {
		width: 94%;
	}

	.w1200 {
		width: 94%;
	}
}

.product .page-path {
	transform: unset;
}

.page-product-wilson .page-path {
	transform: unset;
}

.page-product-wilson .pageInfo {
	padding-top: 0px;
}

/**/
.linenowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

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

.home-wrap .header {
	opacity: 0;
	visibility: hidden;
	transition: 2s
}

.home-wrap .header.show {
	opacity: 1;
	visibility: visible
}

.audios {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.banner {
	height: 100vh;
	background: #2976be
}


.header {
	position: relative;
	left: 0;
	top: 0;
	padding: 0px;
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	justify-content: space-between;
	align-items: center;
	z-index: 99;
	transition: 0.68s;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 255, 255, 0.55);
	/* background-image:url(../images/page-shadowbg.png); background-repeat:repeat-x; background-position:left center; */
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
}

/* .header.scrollfix .navs{opacity:0;visibility:hidden} */
.home .header {
	position: fixed;
	left: 0;
	top: 0;
}

.logo {
	display: flex;
	position: relative;
	width: 120px;
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.4s
}

.logo img:last-child {
	margin-left: 20px;
}

.navs {
	position: absolute;
	right: 134px;
	top: 50%;
	font-size: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.navs>li {
	position: relative;
	margin-right: 46px;
	line-height: 60px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.navs>li:last-child {
	margin-right: 0
}

/*.navs > li:hover > a:before,.navs > li.active > a:before{width:100%;right:auto;left:0}*/
.navs>li:hover .navs-menus-box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	pointer-events: visible
}

/* .navs > li .navs-menus-box{opacity:1;visibility:visible;transform:translateY(0px);pointer-events:visible} */
.navs>li>a {
	display: inline-block;
	padding: 2px;
	position: relative;
	z-index: 2;
	color: #333;
	font-size: 18px;
	/* line-height:100%; */
	font-family: "HuiPuTi-R";
}

.navs>li>a:before {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	content: "";
	width: 0;
	height: 2px;
	background: #fff;
	transition: 0.4s
}

.navs>li>a .v {
	display: inline-block;
	margin-left: 3px;
	line-height: 100%;
	color: #fff;
	font-size: 18px;
}

/*.home .navs > li > a{color:#333333;text-shadow:0px 0px 14px rgba(0,0,0,0.2);}*/

.navs-menus-box {
	position: absolute;
	/* left:-22px; */
	top: 100%;
	padding-top: 3px;
	width: 220px;
	z-index: 4;
	/* opacity:0;visibility:hidden; */
	transform: translateY(30px);
	pointer-events: none;
	transition: 0.5s;
}

.navs-menus {
	position: relative;
	padding: 40px 20px;
	background: #fff;
	border-radius: 10px;
	width: 350px;
	height: 460px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

/* .navs-menus:before{position:absolute;left:44px;top:-4px;content:"";border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:4px solid rgba(0,0,0,0.5)} */
/**/
.navs-menus h2 {
	font-size: 30px;
	color: #333;
	margin-bottom: 30px;
	padding-left: 20px;
}

.navs-menus li {
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	border-radius: 20px;
}

.navs-menus li.on {
	background-color: #f6f6f6;
}

.navs-menus li a {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 13px;
	height: 41px;
	line-height: 41px;
	overflow: hidden;
	color: #999;
	/* font-family: 'HuiPuTi-R'; */
	;
	font-size: 18px;
	cursor: pointer;
}

.navs-menus li a i {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	line-height: 1;
	font-size: 12px;
	right: 6px;
	background: url(../images/icon-right2.png) center no-repeat;
	width: 19px;
	height: 11px;
}

@media screen and (min-width:1024px) {
	.navs>li {
		position: unset;
	}

	.navs-menus-box {
		width: 1000px;
		height: 460px;
		z-index: 4;
		opacity: 0;
		visibility: hidden;
		transform: translateY(30px);
		pointer-events: none;
		transition: 0.5s;
		display: flex;
		right: 0;
	}

	.navs-content-box {
		display: none;
	}

	.navs-content-box.on {
		display: block;
	}

	.navs-content {
		width: 635px;
		height: 460px;
		line-height: normal;
		background-color: #fff;
		margin-left: 20px;
		font-size: 14px;
		padding: 40px 20px;
		border-radius: 20px;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	}

	.navs-content .line {
		height: 1px;
		width: 100%;
		background-color: #ddd;
		margin: 25px 0;
	}

	.nav-page-title h2 {
		font-size: 18px;
		color: #333;
	}

	.nav-page-title p {
		margin: 10px auto;
		font-size: 16px;
		color: #999;
	}

	.nav-page-info .img {
		width: 270px;
		height: 140px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.nav-page-info .img img {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.nav-page-info h2 {
		font-size: 16px;
		color: #333;
	}

	.nav-page-info p {
		margin: 10px auto 20px;
		font-size: 16px;
		color: #999;
	}

	.nav-page-info a.nav-page-link {
		display: inline-block;
		border-radius: 20px;
		border: 1px solid #dddddd;
		color: #a4a4a4;
		font-size: 14px;
		padding: 5px 10px;
	}

	.nav-page-info a.nav-page-link:hover {
		border: 1px solid #1e4e7f;
		color: #fff;
		background-color: #1e4e7f;
	}



}

/**/
.header-menu {
	z-index: 3;
	align-items: center;
	position: absolute;
	right: 40px;
	top: 28px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.header-menu.active .menu-btn {
	border-color: #c2cbcd
}

.header-menu.active .menu-btn p {
	color: #333333
}

.header-edite {
	position: relative;
	display: flex;
	margin-right: 15px
}

.header-edite a {
	position: relative;
	z-index: 2;
	margin: 0 10px;
	display: inline-block;
	color: #fff;
	font-size: 14px
}

.header-edite a:before {
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.34s;
	z-index: -1
}

.header-edite a:hover:before,
.header-edite a.active:before {
	width: 100%;
	right: auto;
	left: 0
}

.header-edite a:after {
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -6px;
	content: "";
	width: 1px;
	height: 12px;
	background: #fff
}

.header-edite a:last-child:after {
	display: none
}



.menu-btn {
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 43px;
	line-height: 43px;
	border-radius: 22px;
	cursor: pointer;
	transition: 0.4s 0.2s;
	background: rgba(0, 0, 0, 0.2);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
}

.menu-btn p {
	margin-right: 10px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.4s 0.2s
}

/* .header.scrollfix .menu-btn{width:105px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;} */

.audio {
	position: relative;
	z-index: 3;
	margin-right: 10px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
	font-size: 18px;
	cursor: pointer;
	transition: 0.4s
}

.audio:hover {
	background: rgba(0, 0, 0, 0.4)
}

.common-bott .commontop {
	display: block;
	margin-left: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	line-height: 44px;
	color: #fff;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: 0.32s
}

.common-bott .commontop:hover {
	background: rgba(0, 0, 0, 0.4);
	line-height: 40px
}

.menu-flex {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	pointer-events: none;
	transition: 0.88s
}

.menu-flex.show {
	visibility: visible;
	pointer-events: visible
}

.menu-flex.show .menu-bg {
	opacity: 1;
	visibility: visible;
	transition: 0.88s 0s
}

.menu-flex.show .menu-right {
	right: 0
}

.menu-bg {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 0.88s 0.3s
}

.menu-right {
	position: absolute;
	right: -330px;
	top: 0;
	width: 330px;
	height: 100%;
	background: #fff;
	transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}

.menu-list {
	padding-top: 119px;
	margin: 0 30px
}

.menu-list>li {
	position: relative;
	z-index: 3;
	border-bottom: 1px solid #ebebeb
}

/* .menu-list > li:hover > a,.menu-list > li.active > a{color:#fff} */
.menu-list>li:hover>a:before,
.menu-list>li.active>a:before {
	height: 100%;
	bottom: auto;
	top: 0
}

/* .menu-list > li:hover > a em,.menu-list > li.active > a em{border-top-color:#fff;} */
.menu-list>li>a {
	display: block;
	position: relative;
	z-index: 2;
	padding-left: 10px;
	color: #333333;
	font-size: 16px;
	height: 59px;
	line-height: 59px
}

/* .menu-list > li > a:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:0;border-bottom:1px solid #1e4e7f;transition:0.38s;z-index:-1} */
.menu-list>li>a em {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #333333
}

.menu-leval {
	display: none
}

.menu-leval.on {
	display: block
}

.menu-leval li {
	position: relative;
	border-top: 1px solid #ebebeb
}

.menu-leval li:first-child {
	border-top: none
}

.menu-leval li a {
	display: block;
	position: relative;
	padding-left: 59px;
	height: 59px;
	line-height: 59px;
	color: #666666;
	font-size: 16px
}

.menu-leval li a:hover {
	color: #333333
}

.menu-leval li a:hover i {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.menu-leval li a i {
	display: block;
	position: absolute;
	right: 36px;
	top: 50%;
	margin-top: -7px;
	font-size: 15px;
	line-height: 1;
	font-style: bold;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10px);
	transition: 0.38s
}


@media screen and (max-width:1450px) {
	.header-menu {
		top: 13px;
	}

	.header {
		height: 70px
	}

	.logo {
		width: 120px
	}

	.navs>li {
		margin-right: 30px
	}

	.menu-btn {
		height: 46px
	}

}

@media screen and (min-width:1024px) and (max-width:1600px) {
	.navs>li>a {
		font-size: 12px
	}

	.logo {
		width: 100px
	}

	.inner {
		width: 1000px
	}

	.menu-btn p {
		font-size: 13px
	}

}

@media screen and (max-width:1024px) {
	.navs {
		display: none
	}

	.header {
		height: 70px;
		/* background:#fff; */
		padding: 0 5%;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	}

	.logo {
		width: 100px
	}

	.menu-btn {
		width: 118px;
		height: 40px;
		border: 1px solid #c2cbcd
	}

	.menu-btn p {
		color: #000000;
		font-size: 14px
	}

	.menu-btn {
		width: 25px;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
		background: none;
		border: none;
	}

	.header.scrollfix .menu-btn {
		width: 25px;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
	}

	.menubtn span {
		background: #000000
	}

	.menubtn span:before,
	.menubtn span:after {
		background: #000
	}

	.home>.swiper-wrapper,
	.sea>.swiper-wrapper {
		display: block
	}

	.home,
	.sea,
	.home-slide {
		height: 100%
	}

	.sea-text strong,
	.healthy-title strong,
	.free-text strong,
	.free-list li span,
	.brand-text strong {
		font-size: 26px
	}

	.pasture {
		right: 40px
	}

	.pcslidetop.articleShow {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px)
	}

}

@media screen and (max-width:861px) {}

@media screen and (max-width:751px) {
	.logo {
		width: 80px
	}
}

@media screen and (max-width:641px) {
	.menu-btn p {
		font-size: 15px;
		margin-right: 5px
	}

	.header,
	.header.scrollfix {
		height: 60px
	}

	.header-menu {
		right: 5%;
		top: 10px;
	}

	.menu-flex {
		overflow: hidden
	}

	.menu-right {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}

	.logo {
		width: 70px;
	}

	.menu-right {
		width: 80%;
		right: -80%
	}

	.menu-list>li>a {
		padding-left: 10px;
		height: 50px;
		line-height: 50px;
		font-size: 15px
	}

	.menu-leval li a {
		padding-left: 40px;
		height: 50px;
		line-height: 50px;
		font-size: 15px
	}

	.sea-enter-title strong,
	.sea-text strong,
	.healthy-title strong,
	.free-text strong,
	.free-list li span,
	.brand-text strong {
		font-size: 24px
	}

}











/*search*/
/*topSearch*/
.main-content-wrap {
	z-index: 99999;
	display: block;
	background: #FFF;
	position: fixed;
	left: 0;
	right: 0;
	visibility: hidden;
	padding: 120px 0;
	width: 100%;
	height: auto;
	filter: alpha(opacity=0);
	opacity: 0;
	max-width: 1200px;
	margin: auto auto;
	top: 60%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.main-content-wrap .content-wrap {
	overflow-y: auto;
	height: 100%;
	background-color: #fff;
}

.main-content-wrap.show-content-wrap .content-wrap {
	overflow-y: hidden;
}

.main-content-wrap.show-content-wrap {
	top: 50%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
}

.head-search {
	position: relative;
	margin: 0 auto;
	width: 90%;
	height: 50px;
	background: #fff;
	border-radius: 5px;
	max-width: 800px;
	overflow: hidden;
}

.head-search .search-ipt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 10px;
	width: 100%;
	color: #666;
	height: 50px;
	font-size: 14px;
	background: #fff;
	outline: none;
	border: 1px solid #dcdcdc;
}

.head-search .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block !important;
	width: 50px;
	height: 100%;
	border: none;
	background: url(../images/top-search.png) center center no-repeat #21201e;
	background-size: 20px;
	-webkit-background-size: 20px;
}

.mobile-body-mask {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

@media screen and (max-width:1024px) {
	.main-content-wrap.show-content-wrap {
		top: 60px;
		padding: 60px 0;
	}

	.head-search {
		height: 40px;
	}

	.head-search .search-ipt {
		height: 40px;
	}

	.head-search .search-btn {
		width: 40px;
	}
}


/*nsearch*/
.head-btn {
	float: right;
	margin-top: 28px;
	height: 38px;
	margin-left: 0;
	width: 100px;
	z-index: 1000;
	position: relative;
	text-align: right;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.head-btn a {
	display: inline-block;
	height: 38px;
	width: 38px;
	margin-left: 4px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
}

.head-btn .top-search {
	background: url("../images/top-search.png") no-repeat center #fff;
	background-size: 14px;
}

.head-btn .top-menu {
	background: url("../images/top-menu.png") no-repeat center #fff;
	background-size: 12px;
}

.head-btn {
	position: fixed;
	top: 0;
	right: 100px;
	z-index: 101;
}

.bianseb .head-btn {
	margin-top: 15px;
}

.nav-hide .header {
	visibility: hidden;
	opacity: 0;
	filter: Alpha(opacity=0);
	left: -5%;
}

body.nav-hide {
	padding-top: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media screen and (max-width:1800px) {
	.head-btn {
		right: 5%;
	}
}

@media screen and (max-width:1520px) {
	.head-btn {
		right: 40px;
	}
}

@media screen and (max-width:1024px) {
	.head-btn {
		right: 30px;
		display: none;
	}
}

@media screen and (max-width:768px) {
	.head-btn {
		right: 15px;
	}
}





/*footer*/
.footer {
	position: relative;
	z-index: 2;
	background-size: 100%;
	padding-bottom: 65px;
	background: url("../images/bg-footer.png") center bottom no-repeat #1d4a79;
	border-bottom: 5px solid #fca532;
}

/*footer-nav*/
.footer .footer-nav {
	min-height: 44px;
	font-size: 12px;
	width: 100%;
	height: auto;
	padding: 85px 0 0 0;
}

.footer .footer-nav .left {
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #5d6371;
	text-align: left;
}

.footer .footer-nav .navlist .ul2 {
	height: auto;
	float: left;
	text-align: left;
	display: block;
	min-width: 140px;
}

.footer .footer-nav .navlist .ul2:last-child {
	min-width: 0;
}

.footer .footer-nav .navlist .ul2 .ulB {
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 24px;
	display: block !important;
}

.footer .footer-nav .navlist .ul2 .ul2B {
	padding-left: 20px;
}

.footer .footer-nav .navlist .ul2 .t2 {
	display: block;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.footer .footer-nav .t1 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #ffffff;
	text-transform: uppercase;
}

.footer .footer-nav .t1 a {
	display: inline-block;
	color: #ffffff;
}

.footer .footer-nav .t2 {
	font-size: 14px;
}

.footer .footer-nav .t2 a {
	font-size: 16px;
	display: inline-block;
	overflow: hidden;
	line-height: 32px;
	color: #92a7bd;
	position: relative;
}

.footer .footer-nav .t2 a:hover,
.footer .footer-nav .t1 a:hover {
	color: #fff
}

/*logo*/
.bottom-logo img {
	margin-right: 20px;
}

.bottom-logo img:last-child {
	margin-right: 0
}
}

.bottom-ewm-box {
	width: 120px;
}

.bottom-ewm-box .img {
	display: flex;
	align-items: center;
	width: 120px;
	height: 120px;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 3px;
}

.bottom-ewm-box .img img {
	float: left;
	width: 100%;
	display: block;
}

.bottom-ewm-box p {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.footer-nav .bottom-logo {
	float: left;
	width: 300px;
}

.navlist {
	float: left;
	width: calc(100% - 300px - 260px);
}

.navlist .leftBox {
	float: right;
	margin-right: 8%;
}

.bottom-ewm {
	display: flex;
	justify-content: space-between;
	width: 260px;
	float: right;
}

/*bq*/
.footer .bq {
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	color: #92a7bd;
	position: relative;
	text-align: center;
}

.footer .bq .w1600 {
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 40px;
	margin-top: 50px;
}

.footer .bq a {
	color: #92a7bd;
}

.footer .bq a:hover {
	color: #fff
}

.footer .bq .bqname {
	text-align: center;
}

@media screen and (max-width: 1220px) {}

@media screen and (max-width: 1024px) {
	.footer-nav .bottom-logo {
		display: none;
	}

	.footer .footer-nav .navlist {
		width: 50%;
	}

	.footer .footer-nav .navlist .ul2 {
		width: 50%;
	}

	.footer .footer-nav .right {
		width: 25%;
	}

	.footer .footer-nav .center {
		width: 25%;
	}

	.footer {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 992px) {
	.footer .footer-nav .right {
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {

	.footer {
		padding-bottom: 30px;
	}

	.footer .footer-nav {
		padding: 43px 0 0 0;
	}

	.footer-nav .bottom-logo {
		float: unset;
		width: 100%;
		text-align: center;
		display: none;
	}

	.footer .bq .w1600 {
		padding-top: 10px;
		margin-top: 10px;
		line-height: 20px;
	}

	.bottom-ewm {
		justify-content: space-evenly;
		width: 100%;
	}

	.footer .footer-nav .navlist {
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.footer .footer-nav .navlist .ul2 .ul2B {
		padding-right: 0;
	}

	.footer .footer-nav .leftBox {
		display: block;
		margin-right: 0;
	}

	.footer .footer-nav .navlist .ul2 {
		margin-left: 0;
		width: 100%;
	}

	.footer .footer-nav .navlist .ul2 .t1.child {
		background: url("../images/icon-down.png") right center no-repeat;
	}

	.footer .footer-nav .navlist .listB {
		display: none;
		width: 100%;
	}

	.footer .footer-nav .navlist .ul2B.on .listB {
		display: block;
	}

	.footer .footer-nav .navlist .ul2 .ulB {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer .footer-nav .center {
		float: none;
		width: 100%;
		text-align: center;
	}

	.footer .footer-nav .t1 {
		margin-bottom: 0;
		font-size: 16px;
	}

	.footer .footer-nav .t1 a {
		/*background:url(../images/v2.png) right center no-repeat;*/
		background-position: right center;
		line-height: 20px;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 0
	}

	.footer .footer-nav .t1 a:after {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		width: auto;
		background-color: #fff;
		opacity: .2
	}

	.footer .footer-nav .t1 a,
	.footer .footer-nav .t2 a {
		display: block;
	}

	.footer .footer-nav .t2 a {
		padding: 5px 10px;
		color: #b3bcc7;
		font-size: 15px;
	}

	.footer .footer-nav .ulB {}

	.footer .bq .bqname {
		width: 100%;
		text-align: center;
		float: none;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.footer .footer-nav .navlist .ul2 .ul2B {
		padding-left: 0;
	}
}




/*back-top*/
.common-bott {
	position: fixed;
	right: 40px;
	bottom: 52px;
	z-index: 20;
	display: flex
}

.back-top {
	display: flex;
	align-items: center;
	margin-left: 0px;
	cursor: pointer
}

.back-top:hover b {
	border-color: #e4e966;
	color: #333;
	line-height: 50px
}

.back-top:hover b:before {
	height: 100%;
	bottom: auto;
	top: 0
}

.back-top span {
	display: block;
	color: #333333;
	font-size: 14px;
	white-space: nowrap
}

.back-top b {
	display: block;
	position: relative;
	z-index: 3;
	width: 54px;
	height: 54px;
	border: 1px solid #999999;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	transition: 0.3s
}

.back-top b:before {
	content: "";
	width: 100%;
	height: 0;
	background: #e4e966;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.5s;
	z-index: -1
}

.back-top b:hover:before,
.back-top b.active:before {
	height: 100%;
	bottom: auto;
	top: 0
}

.back-top b:hover {
	color: #333
}

@media screen and (max-width:641px) {
	.common-bott {
		right: 10px
	}
}




/*****************************page start*****************************/
/*pbanner*/
.pbanner {
	position: relative;
	overflow: hidden;
	background: #ddd;
}

.product-hide {
	position: relative
}

.product-hide figure {
	display: block;
	line-height: 1;
	overflow: hidden
}

.product-hide figure img {
	display: block;
	position: relative;
	width: 100%;
	height: auto
}

.product-hide figure video {
	display: block;
	position: relative;
	width: 100%;
	height: auto
}

/**/
.slidetop.article-block {
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: 0.88s
}

.slidetop.articleShow {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.slidetop.detay1.article-block {
	transition-delay: 0.2s
}

.slidetop.detay2.article-block {
	transition-delay: 0.4s
}

.slidetop.detay3.article-block {
	transition-delay: 0.6s
}

.slidetop.detay4.article-block {
	transition-delay: 0.8s
}

.slidetop.detay5.article-block {
	transition-delay: 1s
}

.slidetop.detay6.article-block {
	transition-delay: 1.2s
}

.slidetop.detay7.article-block {
	transition-delay: 1.4s
}

.slidetop.detay8.article-block {
	transition-delay: 1.6s
}

.slidetop.detay9.article-block {
	transition-delay: 1.8s
}

/*sea-down*/
.sea-down {
	position: absolute;
	left: 50%;
	margin-left: -29px;
	bottom: 30px;
	z-index: 3;
	pointer-events: none;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	display: none;
}

.sea-down.loaderMouse,
.sea-down.defaul {
	opacity: 1;
	visibility: visible
}

.sea-down.loaderMouse i {
	height: 14vw
}

.sea-down.loaderMouse i:after {
	animation: none
}

.sea-down.defaul i {
	height: 18px
}

.sea-down.defaul i:after {
	animation: move2 3s 1s infinite
}

.sea-down i {
	display: block;
	margin: auto;
	position: relative;
	width: 2px;
	height: 18px;
	transition: 1s
}

.sea-down i:after {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	content: "";
	width: 100%;
	height: 100%;
	animation: move2 3s infinite;
	transform-origin: center top
}

.sea-down i:before {
	position: absolute;
	left: -6px;
	top: -15px;
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff
}

.sea-down span {
	display: block;
	margin-top: 15px;
	color: #fff;
	line-height: 1;
	font-size: 14px
}

@keyframes move2 {
	0% {
		opacity: 1;
		transform: scaleY(1)
	}

	50% {
		transform: scaleY(0.2);
		opacity: 0.2
	}
}


@media (max-width:1680px) {}

@media (max-width:1520px) {}

@media (max-width:1220px) {}

@media (max-width:1150px) {}

@media (max-width:1024px) {}

@media (max-width:992px) {}

@media (max-width:768px) {}

@media (max-width:641px) {
	.pbanner {
		margin-top: 0px;
	}

	/* .pbanner .pc{ display:none;} */
	/* .pbanner .sjimg{ padding:30% 0; background-size:cover; background-position:center center;} */
}

@media (max-width:430px) {}




/*********************************page*********************************/
.page {
	background: #ffffff;
	color: #002d4b;
	font-size: 16px;
	line-height: 32px;
	min-height: 300px;
	overflow: hidden;
	position: relative;
}

.pageInfo {
	padding: 50px 0;
	/* padding-top:100px; */
	overflow: hidden;
	width: 100%;
}

.page img {
	max-width: 100%;
	height: auto;
}

.page hr {
	border: none;
	border-top: 1px solid #e7e7e7;
}

@media screen and (max-width:1024px) {
	.pageInfo {
		padding: 50px 0;
	}
}

@media screen and (max-width:768px) {
	.pageInfo {
		font-size: 14px;
		line-height: 26px;
		padding: 50px 0 30px 0;
	}
}




/*container*/
.container {
	margin: 0 auto;
	width: 72.91666666666667%;
}

@media (max-width: 1580px) {
	.container {
		width: 84%;
	}
}

@media (max-width: 1024px) {}

@media (max-width: 751px) {
	.container {
		width: 90%;
	}
}


/*pageTit*/
.pageTit {
	font-size: 42px;
	height: 42px;
	color: #1e4e7f;
	line-height: 32px;
	text-align: center;
	margin-bottom: 70px;
	font-weight: normal;
	padding-top: 50px;
	position: relative;
}

.pageTit .title-logo-box {
	display: flex;
	align-items: center;
}

.pageTit .title-logo-box img {
	display: block;
}

.pageTit .title-logo-box span {
	display: block;
	margin: 0 30px;
	width: 1px;
	background-color: #d5d5d5;
	height: 50px;
}

.pageTit .cn {
	display: inline-block;
	font-weight: normal;
	text-transform: uppercase;
}

.pageTit .cn span {}

.pageTit .en {
	text-transform: uppercase;
	color: #fff;
	font-size: 150px;
	font-weight: bold;
	letter-spacing: -4px;
	font-family: 'Tunga Bold', Arial, Helvetica, sans-serif;
	text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	-webkit-text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	-moz-text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	*filter: Glow(color=#e8ebef, strength=1);
	padding: 12px 0;
}

.pageTit .en {
	position: relative;
	display: inline-block;
}

.pageTit .en.en2 {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 12px;
	right: 0;
	width: 100%;
	height: 100%;
	color: #981d34;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.pageTit.animated .en .en2 {
	font-size: 0;
}

.pageTit .fbt {
	padding-top: 50px;
	font-size: 40px;
}

@media screen and (max-width:1680px) {
	.pageTit {
		font-size: 45px;
		margin-bottom: 70px;
		padding-top: 30px;
	}

	.pageTit .en {
		font-size: 140px;
	}
}

@media screen and (max-width:1024px) {
	.pageTit {
		font-size: 40px;
		margin-bottom: 50px;
		padding-top: 20px;
	}

	.pageTit .en {
		font-size: 130px;
	}
}

@media screen and (max-width:1220px) {
	.pageTit {
		font-size: 35px;
		margin-bottom: 50px;
		padding-top: 20px;
	}

	.pageTit .en {
		font-size: 120px;
	}
}

@media screen and (max-width:1024px) {
	.pageTit {
		font-size: 30px;
		margin-bottom: 30px;
		padding-top: 0px;
	}

	.pageTit .en {
		font-size: 100px;
		padding: 0px 0;
	}
}

@media screen and (max-width:768px) {
	.pageTit .fbt {
		padding-top: 0px;
		font-size: 20px;
	}

	.pageTit {
		font-size: 26px;
	}

	.pageTit .cn span {
		padding: 0 30px;
		background-size: 20px;
	}

	.pageTit .en {
		font-size: 70px;
	}
}




/*page-tab*/
.page-tab {
	margin: 0 auto;
	padding: 33px 0 33px 0;
	text-align: center;
}

.page-tab ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 0;
}

.page-tab ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	height: 44px;
	line-height: 44px;
}

.page-tab ul li span {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #1e2831;
	margin: 0 4px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #fff;
	background: #ffffff;
	display: inline-flex;
	align-items: center;
}

.go {
	height: 100%;
	margin: 0 5px;
	width: 44px;
	border: 1px solid #e9e9e9;
	text-align: center;
}

.page-tab ul li span button {
	border: none;
	border-radius: 0px;
	height: 100%;
	background-color: #1e4e7f;
	color: #fff;
	margin-left: 10px;
}

.page-tab ul li span button.btn:focus {
	outline: dotted thin;
	outline: unset;
	outline-offset: -2px;
}

.page-tab ul li a {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #1e2831;
	padding: 0 18px;
	margin: 0 4px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e9e9e9;
	background: #ffffff;
}

.page-tab ul li a:hover,
.page-tab ul li a.focus {
	background: #1e4e7f;
	color: #fff;
	border-color: #1e4e7f;
}

.page-tab ul li.next-page a,
.page-tab ul li.prev-page a {
	padding: 0 26px;
	background-color: #e9e9e9;
}

.page-tab ul li.next-page a:hover,
.page-tab ul li.prev-page a:hover {
	background: #1e4e7f;
	color: #fff;
	border-color: #1e4e7f;
}

@media screen and (max-width:1024px) {
	.page-tab {
		margin: 0 auto;
		padding: 30px 0 30px 0;
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	.page-tab ul li {
		display: none;
	}

	.page-tab ul li.next-page,
	.page-tab ul li.prev-page {
		display: inline-block;
	}
}



/*page-back*/
.page-back {
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
}

.page-back a {
	display: block;
	width: 160px;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	color: #002d4b;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
	border: 1px solid #dcdcdc;
	position: relative;
}

.page-back a span {
	display: inline-block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 5px
}

.page-back a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 100%;
	background: #c30d23;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.page-back a:hover:after {
	width: 100%;
	left: 0;
}

.page-back a:hover {
	color: #fff;
	border-color: #e80313;
}

@media screen and (max-width:768px) {
	.page-back {
		padding: 30px 0;
	}

	.page-back a {
		width: 120px;
		font-size: 12px;
		line-height: 35px;
		height: 35px;
		border-radius: 5px;
	}

	.page-back a span {
		border-radius: 5px
	}
}



/*page-newsInfo*/
.page-newsInfo {
	text-align: left;
}

.page-newsInfo .newsTit {
	font-size: 46px;
	color: #002d4b;
	line-height: normal;
	text-align: left;
	font-weight: 300;
	padding-top: 30px;
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
}

.page-newsInfo .newsShuju {
	font-size: 14px;
	color: #909090;
	line-height: 30px;
	text-align: left;
	padding-bottom: 35px;
}

.page-newsInfo .newsShuju em {
	display: inline-block;
	margin: 0;
	margin-right: 20px;
	color: #909090;
	line-height: 30px;
	font-style: normal;
}

.page-newsInfo .newsText {
	margin: 0 0;
	text-align: left;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	border-top: 1px solid #e5e5e5;
}

.page-newsInfo .newsText img {
	max-width: 100%;
}

.page-newsInfo .newsTextNr {
	padding-top: 60px;
	padding-bottom: 20px;
	width: 100%;
	margin: 0 auto;
}

.page-newsInfo .newsBtn {
	/* border-bottom:1px solid #e5e5e5; */
	padding-top: 20px;
	font-size: 0;
}

.page-newsInfo .newsBtn .newsBtnA,
.page-newsInfo .newsBtn .newsBtnB {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	overflow: hidden;
	color: #002d4b;
	font-size: 16px;
}

.page-newsInfo .newsBtn a {
	display: inline-block;
	max-width: 90%;
	line-height: 20px;
	height: 20px;
	color: #002d4b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* .page-newsInfo .newsBtn a:hover{color:#e80313;} */
.page-newsInfo .newsBtn .newsBtnA {
	text-align: left;
}

.page-newsInfo .newsBtn .newsBtnB {
	text-align: right;
}

.page-newsInfo .newsBtn a srtong {
	color: #333333;
}

@media screen and (max-width:1520px) {
	.page-newsInfo .newsTit {
		font-size: 28px;
	}
}

@media screen and (max-width:1220px) {
	.page-newsInfo .newsTit {
		font-size: 26px;
	}

	.page-newsInfo .newsShuju {
		padding-bottom: 30px;
	}

	.page-newsInfo .newsTextNr {
		padding-top: 50px;
	}
}

@media screen and (max-width:992px) {
	.page-newsInfo .newsTit {
		font-size: 24px;
	}
}

@media screen and (max-width:992px) {

	.page-newsInfo .newsTit,
	.page-newsInfo .newsText {
		margin: 0 10px;
	}

	.page-newsInfo .newsTit {
		font-size: 20px;
		width: auto;
	}

	.page-newsInfo .newsTextNr {
		padding-top: 30px;
		padding-bottom: 20px;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.page-newsInfo .newsTit {
		padding-top: 0;
	}

	.page-newsInfo .newsTit,
	.page-newsInfo .newsText {
		margin: 0 0px;
	}

	.page-newsInfo .newsBtn span {
		width: 100%;
	}

	.page-newsInfo .newsBtn .newsBtnB {
		text-align: left;
	}

	.page-newsInfo .newsTit {
		font-size: 18px;
	}

	.page-newsInfo .newsBtn span,
	.page-newsInfo .newsBtn a {
		max-width: 100%;
	}

	.page-newsInfo .newsBtn .newsBtnA,
	.page-newsInfo .newsBtn .newsBtnB {
		display: block;
		width: 100%;
	}

	.page-newsInfo .newsBtn {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}


/**********************************************index conment**********************************************/

/*btn-view*/
.btn-view {
	text-align: center;
	width: 155px;
	margin-top: 100px;
	position: relative;
}

.btn-view a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fca532;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 45px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 0 auto;
}

.btn-view a span {
	z-index: 20;
	position: relative;
	text-align: center;
	font-size: 20px;
}

.btn-view a i {
	z-index: 20;
	position: relative;
	font-style: normal;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 23px;
	display: inline-block;
	margin-left: 10px;
}

.btn-view a {
	z-index: 1
}

.btn-view a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #1e4e7f;
	border-radius: 5px;
	transition: all 0.3s ease
}

.btn-view a:hover {
	color: #fff
}

.btn-view a:hover:after {
	left: 0;
	width: 100%
}

.btn-view a:hover {
	color: #fff;
}

.btn-view a:hover i {
	color: #fff;
}

@media screen and (max-width:1220px) {
	.btn-view {
		margin-top: 90px;
	}
}

@media screen and (max-width:1024px) {
	.btn-view {
		margin-top: 70px;
	}

	.btn-view a i {
		font-size: 18px;
		margin-right: 0px;
	}
}

@media screen and (max-width:992px) {
	.btn-view {
		margin-top: 50px;
	}

	.btn-view a i {
		font-size: 16px;
		margin-right: 0px;
	}

	.btn-view {
		width: 200px;
	}
}

@media screen and (max-width:768px) {
	.btn-view {
		margin-top: 30px;
	}

	.btn-view {
		width: 150px;
	}

	.btn-view a {
		line-height: 40px;
		font-size: 12px;
	}

	.btn-view a i {
		font-size: 14px;
		margin-right: 0px;
	}
}

@media screen and (max-width:640px) {
	.btn-view a span {
		font-size: 14px;
	}

	.btn-view a i {
		font-size: 12px;
		margin-right: 0px;
	}
}





/*ind-banner*/
.ind-banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	background: #000;
}

.ind-banner .shipin:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9yZWN0Pgo8cGF0aCBkPSJNMCA1TDUgMFpNNiA0TDQgNlpNLTEgMUwxIC0xWiIgc3Ryb2tlPSIjMjkyNzI3IiBzdHJva2Utd2lkdGg9IjMuMjUiIG9wYWNpdHk9Ii4yNSI+PC9wYXRoPgo8L3N2Zz4=);
}

.ind-banner .img {
	color: #fff;
	background: #000;
}

.ind-banner .img {
	position: relative;
}

.ind-banner .img .banner-text {
	width: 74.6875%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	margin: auto auto;
	top: 50%;
	transform: translate(0, -50%);
}

.banner-text h2 {
	position: relative;
	font-size: 70px;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: 5px;
}

.banner-text p {
	font-size: 46px;
	color: #fff;
	letter-spacing: 3px;
}

.banner-text h2 {
	position: relative;
	top: 30px;
	opacity: 0;
}

.banner-text p {
	position: relative;
	top: 30px;
	opacity: 0;
}

.banner-text a {
	position: relative;
	top: 30px;
	opacity: 0;
}

.active .banner-text h2 {
	top: 0;
	opacity: 1;
	transition: 600ms;
	transition-delay: 800ms;
}

.active .banner-text p {
	top: 0;
	opacity: 1;
	transition: 600ms;
	transition-delay: 1000ms;
}

.active .banner-text a {
	top: 0;
	opacity: 1;
	transition: 600ms;
	transition-delay: 1200ms;
}

.banner-text a {
	display: inline-flex;
	/* width: 120px; */
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	line-height: 55px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #d7dadd;
	border-radius: 5px;
	margin-top: 70px;
	padding: 0 25px;
	align-items: center;
	letter-spacing: 2px;
}

.banner-text a span {
	z-index: 20;
	position: relative;
	text-align: center;
	margin-right: 10px;
	font-size: 26px;
}

.banner-text a i {
	z-index: 20;
	position: relative;
	font-style: normal;
	font-size: 20px;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 23px;
}

.banner-text a {
	z-index: 1
}

.banner-text a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #1e4e7f;
	border-radius: 5px;
	transition: all 0.3s ease
}

.banner-text a:hover {
	color: #fff
}

.banner-text a:hover:after {
	left: 0;
	width: 100%
}

.banner-text a:hover {
	color: #fff;
}

.banner-text a:hover i {
	color: #fff;
}


.ind-banner .img {
	display: block;
	width: 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.ind-banner .img .shipin {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ind-banner .img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/
}

/**/
@media screen and (max-width:1524px) {
	.banner-text h2 {
		font-size: 54px;
		letter-spacing: 0;
		margin-bottom: 15px;
	}

	.banner-text p {
		font-size: 28px;
		letter-spacing: 0;
	}

	.banner-text a {
		font-size: 16px;
		line-height: 30px;
		border-radius: 5px;
		margin-top: 25px;
		padding: 0 15px;
		align-items: center;
		letter-spacing: 2px;
	}

	.banner-text a span {
		font-size: 14px;
	}

	.banner-text a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}
}

@media screen and (max-width:1024px) {
	.banner-text h2 {
		font-size: 34px;
		letter-spacing: 0;
		margin-bottom: 15px;
	}

	.banner-text p {
		font-size: 28px;
		letter-spacing: 0;
	}

	.banner-text a {
		font-size: 16px;
		line-height: 30px;
		border-radius: 5px;
		margin-top: 25px;
		padding: 0 15px;
		align-items: center;
		letter-spacing: 2px;
	}

	.banner-text a span {
		font-size: 14px;
	}

	.banner-text a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}
}

@media screen and (max-width:992px) {
	/*	.ind-banner{ display:none;}
	.bannerTel{ display:block;}*/

}

@media screen and (max-width:768px) {
	.ind-banner .swiper-slide .img {
		min-height: 180px;
	}

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

	.ind-banner .img .banner-text {
		width: 80%;

	}

	.banner-text h2 {
		font-size: 24px;
		letter-spacing: 0;
		margin-bottom: 15px;
	}

	.banner-text p {
		font-size: 18px;
		letter-spacing: 0;
	}

	.banner-text a {
		font-size: 14px;
		line-height: 30px;
		border-radius: 5px;
		margin-top: 25px;
		padding: 0 15px;
		align-items: center;
		letter-spacing: 2px;
	}

	.banner-text a span {
		font-size: 14px;
	}

	.banner-text a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	.banner-text h2 {
		font-size: 32px;
		margin-bottom: 10px;
		line-height: 1.2;
	}

	.banner-text p {
		font-size: 18px;
		letter-spacing: 0;
	}

	.banner-text a {
		font-size: 14px;
		line-height: 35px;
		border-radius: 5px;
		margin-top: 25px;
		padding: 0 15px;
		align-items: center;
		letter-spacing: 2px;
	}

	.banner-text a span {
		font-size: 14px;
	}

	.banner-text a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}
}




/*indexAbout*/
.indexAbout {
	background: url(../images/bg-index-weierxun.png) center bottom no-repeat;
	background-color: linear-gradient(to bottom, #eee, #fbfbfb);
	background-size: 100% auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.indexAbout .pageTit .title-logo-box {
	justify-content: center
}

.indexAbout .titleWzBox {
	padding-top: 20px;
}

.indexAbout .titleWzBox .wz {
	font-size: 22px;
	line-height: 42px;
	max-height: 84px;
	color: #08407a;
	overflow: hidden;
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: 45px;
	text-align: center;
	position: relative;
}

.indexAbout .btn-view {
	margin: 0 auto;
}

@media screen and (max-width:1220px) {

	.indexAbout .titleWzBox .wz {
		font-size: 16px;
		line-height: 30px;
		max-height: 60px;
		max-width: 100%;
		width: 90%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:992px) {

	.indexAbout .titleWzBox .wz {
		font-size: 15px;
	}
}

@media screen and (max-width:768px) {
	.indexAbout .titleWzBox .wz {
		max-height: unset;
	}
}


.indexShouhouBox {
	height: 100%;
}

.indexShouhouInfo {
	height: 100%;
}

/*indexShouhoulist*/
.indexShouhoulist {
	width: 100%;
	height: 100%;
	position: relative;
}

.indexShouhoulist .itemBg {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0%;
	max-width: none;
	max-height: none;
	background-color: #010308;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.indexShouhoulist .item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 18.22916666666667% 0;
}

.indexShouhoulist .item .list {
	font-size: 0;
}

.indexShouhoulist .item .list {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.indexShouhoulist .item .list .li {
	width: 33.333%;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1;
}

.indexShouhoulist .item .list .li a {
	display: inline-block;
}

.indexShouhoulist .item .list .li .img {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: none;
}

.indexShouhoulist .item .list .li .text {
	font-size: 13px;
	color: #ffffff;
	line-height: 28px;
	text-align: left;
	padding: 0 50px 120px 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.indexShouhoulist .item .list .li .t1 {
	display: flex;
	align-items: center;
}

.indexShouhoulist .item .list .li .t1 i {
	display: inline-block;
	background: url(../images/icon-index-fuwu1.png) center center no-repeat;
	width: 45px;
	height: 45px;
}

.indexShouhoulist .item .list .li .t1 i.l2 {
	background: url(../images/icon-index-fuwu2.png) center center no-repeat;
}

.indexShouhoulist .item .list .li .t1 i.l3 {
	background: url(../images/icon-index-fuwu3.png) center center no-repeat;
}

.indexShouhoulist .item .list .li .t1 span {
	font-family: "HuiPuTi-R";
	font-size: 43px;
	color: #ffffff;
	margin-left: 34px;
}

.indexShouhoulist .item .list .li a {
	
	/* width: 120px; */
	color: #fff;
	background-color: #4f769d;
	border: 1px solid #fff;
	cursor: pointer;
	line-height: 50px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 0 25px;
	align-items: center;
}

.indexShouhoulist .item .list .li a span {
	z-index: 20;
	position: relative;
	text-align: center;
	margin-right: 10px;
	font-size: 20px;
	letter-spacing: 1px;
}

.indexShouhoulist .item .list .li a i {
	z-index: 20;
	position: relative;
	font-style: normal;
	font-size: 20px;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	display: block;
}

.indexShouhoulist .item .list .li a {
	position: relative;
	z-index: 1;
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

.indexShouhoulist .item .list .li a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #1e4e7f;
	border-radius: 5px;
	transition: all 0.3s ease
}

.indexShouhoulist .item .list .li a:hover {
	color: #fff
}

.indexShouhoulist .item .list .li a:hover:after {
	left: 0;
	width: 100%
}

.indexShouhoulist .item .list .li a:hover {
	color: #fff;
}

.indexShouhoulist .item .list .li a:hover i {
	color: #fff;
}

.indexShouhoulist .item .list .li.swiper-slide-active {
	background-color: rgb(32, 80, 128, .6);
}

.indexShouhoulist .item .list .li.swiper-slide-active a {
	display: inline-flex;
	opacity: 1;
	height: 50px;
	margin-top: 50px;
	font-weight: bold;
}


.indexShouhoulist .item .list .li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.indexShouhoulist .itemBg {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

@media (max-width: 1800px) {
	.indexShouhoulist .item .list .li .t1 {
		font-size: 32px;
	}
}

@media (max-width: 1520px) {
	.indexShouhoulist .item .list .li .t1 {
		font-size: 30px;
	}

	.indexShouhoulist .item .list .li .text {
		padding: 0 40px 50px 40px;
	}
}

@media (max-width: 1320px) {
	.indexShouhoulist .item .list .li .t1 {
		font-size: 26px;
	}

	.indexShouhoulist .item .list .li .text {
		padding: 0 30px 50px 30px;
	}
}

@media (max-width: 1220px) {
	.indexShouhoulist .item .list .li {
		width: 25%;
		display: block;
	}

	.indexShouhoulist .item .list .li .t1 {
		font-size: 24px;
	}

	.indexShouhoulist .item .list .li .text {
		padding: 0 30px 50px 30px;
	}
}

@media (max-width: 1150px) {
	.indexShouhoulist .item {
		padding: 25% 0;
	}

	.indexShouhoulist .item .list .li .t1 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.indexShouhoulist .item .list .li .text {
		font-size: 14px;
		line-height: 26px;
		padding: 0 20px 40px 20px;
	}
}

@media (max-width:1024px) {
	.indexShouhoulist {
		background: #333;
	}

	.indexShouhoulist .item {
		padding: 25% 0;
	}

	.indexShouhoulist .item .list .li {
		width: 33.33333%;
	}

	.indexShouhoulist .item .list .li .t1 {
		font-size: 18px;
		padding-bottom: 10px;
	}

	/* .indexShouhoulist .item .list .li .line{height:2px;} */
	.indexShouhoulist .item .list .li .text {
		padding: 0 20px 30px 20px;
	}

	.indexShouhoulist .item .list .li,
	.indexShouhoulist .item .list .li.swiper-slide-active {
		background-color: transparent;
	}

	.indexShouhoulist .item .list .li .img {
		display: block !important;
	}

	.indexShouhoulist .itemBg {
		display: none;
	}
}

@media (max-width:768px) {
	.indexShouhoulist .item .list .li {
		width: 50%;
	}

	.indexShouhoulist .item .list .li .t1 i {
		background-size: 25px auto !important;
	}

	.indexShouhoulist .item {
		padding: 40vw 0;
	}

	.indexShouhoulist .item .list .li .t1 span {
		margin-left: 0px;
		font-size: 24px;
	}

	.indexShouhoulist .item .list .li a {
		margin-top: 30px;
		line-height: 40px;
		padding: 0 15px;
	}
	.indexShouhoulist .item .list .li.swiper-slide-active a{
		height: 35px;
		margin-top: 20px;
	}

	.indexShouhoulist .item .list .li a span {
		font-family: "HuiPuTi-R";
		font-size: 14px;
		margin-right: 0;
	}

	.indexShouhoulist .item .list .li a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}


}

@media (max-width:761px) {
	.indexShouhoulist .item {
		padding: 30% 0;
	}

	.indexShouhoulist .item .list .li {
		width: 100%;
	}

	.indexShouhoulist .item .list .li .t1 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.indexShouhoulist .item .list .li .text {
		font-size: 14px;
		line-height: 24px;
		padding: 50px 20px 40px 20px;
	}

}

@media (max-width:640px) {
	.indexShouhoulist .item .list .li .t1 i {
		width: 25px;
		background-size: 25px auto !important;
		margin-right: 5PX;
	}

	.indexShouhoulist .item {
		padding: 40vw 0;
	}

	.indexShouhoulist .item .list .li .t1 span {
		margin-left: 0px;
		font-size: 24px;
	}
}




/*indexAbout2*/
.indexAbout2 {
	padding-top: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url(../images/bg-index-weierxun.png) center bottom no-repeat;
	background-size: 100% auto;
}

.indexAbout2Box {
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.indexAbout2 .btn-view {
	margin: 0;
	margin-top: 80px;
	text-align: left;
}

.indexAbout2 .indexAbout2Title {
	text-align: left;
	position: absolute;
	left: 0;
	top: 50px;
}

.indexAbout2 .pageTit {
	margin-top: 0;
	padding-top: 0;
	line-height: unset;
	margin-bottom: 0;
	height: auto;
}

.indexAbout2 .pageTit .cn {
	left: 45px;
	right: auto;
	margin: 0;
	top: 10px;
}

.indexAbout2 .pageTit .en {
	margin: 0;
}

.indexAbout2 .wbox1 {
	float: left;
	width: 48%;
	flex: 0 0 48%;
	margin-right: 4%;
}

.indexAbout2 .wbox2 {
	float: right;
	width: 48%;
	flex: 0 0 48%;
}

.indexAbout2 .wbox3 {
	width: 100%;
	display: none;
}

.index-products-swiper-container1 img {
	width: 100%;
	height: 170px;
	overflow: hidden;
}

.index-products-swiper-container1 .swiper-slide {
	border: 3px solid #fff;
	opacity: .6;
}

.index-products-swiper-container1 .swiper-slide-thumb-active {
	border: 3px solid #fca532;
	opacity: 1;
}




.module-hotsaleImg {
	overflow: hidden;
}

.module-hotsaleImg img {
	max-width: 100%;
	height: auto;
}

.module-hotsaleImg .box {
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 76%;
}

.module-hotsaleImg .box a {
	display: block;
}

.module-hotsaleImg .box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	height: 100%;
}


@media screen and (max-width: 1680px) {
	.module-hotsale .img {
		max-width: 500px;
		margin-bottom: 60px;
	}

	.module-hotsale .title {
		font-size: 30px;
	}
}

@media (max-width: 1520px) {}

@media screen and (max-width: 1440px) {
	.module-hotsale .img {
		max-width: 450px;
		margin-bottom: 50px;
	}

	.module-hotsale .title {
		font-size: 28px;
	}

	.module-hotsaleImg .box {
		padding-bottom: 76%;
	}

	.module-hotsale {
		padding-left: 10%;
	}
}

@media (max-width: 1320px) {}

@media screen and (max-width: 1280px) {
	.index-products-swiper-container1 img {
		height: 100px;
	}

	.module-hotsale .img {
		max-width: 400px;
		margin-bottom: 40px;
	}

	.module-hotsale .title {
		font-size: 26px;
	}

	.module-hotsale {
		padding-left: 5%;
	}
}

@media (max-width: 1220px) {}

@media screen and (max-width: 1199px) {
	.module-hotsale .img {
		max-width: 350px;
		margin-bottom: 30px;
	}

	.module-hotsale .title {
		font-size: 24px;
	}
}

@media (max-width: 1024px) {

	.index-products-swiper-container1 img {
		height: 100px;
	}

	.module-hotsale {
		padding-left: 3%;
	}

	.module-hotsale .box {
		max-width: 330px;
		padding-left: 45px;
	}

	.module-hotsaleImg .box {
		padding-bottom: 76%;
	}
}

@media (max-width: 992px) {
	.indexAbout2Box {
		display: block;
		padding-top: 20px;

	}

	.indexAbout2 .indexAbout2Title {
		position: relative;
		top: 0;
	}

	.index-products-swiper-container1 {
		display: none;
	}

	.indexAbout2 {
		padding-top: 0px;
	}

	.indexAbout2 .wbox1 {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.indexAbout2 .wbox2 {
		float: none;
		width: 100%;
		padding-left: 0px;
	}

	.indexAbout2 .wbox3 {
		width: 100%;
		display: block;
	}

	.indexAbout2 .btn-view {
		margin-top: 20px;
	}

	.module-hotsale .img {
		max-width: 300px;
		margin-bottom: 20px;
	}

	.module-hotsale .title {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.indexAbout2 {
		padding-top: 30px;
	}

	.module-hotsale {
		margin-bottom: 30px;
	}

	.module-hotsale .img {
		margin-bottom: 10px;
		max-width: 280px;
	}

	.module-hotsale .title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.module-hotsale .bjb,
	.module-hotsale .bjb p {
		font-size: 14px;
		line-height: 26px;
		height: 78px;
	}
}

@media (max-width:640px) {
	.indexAbout2Box {
		display: block
	}

	.indexAbout2 .indexAbout2Title {
		position: relative;
	}

	.index-products-swiper-container1 {
		display: none;
	}

	.indexAbout2 .wbox2 {
		padding-left: 0;
	}

	.module-hotsale .img {
		max-width: 250px;
	}

	.module-hotsale .title {
		font-size: 18px;
	}
}





/*module-hotsaleDian*/
.module-hotsaleDian {
	padding: 40px 0;
	position: relative;
}

.module-hotsaleDian .my-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #eaeaea;
	opacity: 1;
	margin-left: 5px;
	margin-right: 5px;
	outline: none;
	border-radius: 8px;
}

.module-hotsaleDian .my-bullet-active {
	opacity: 1;
	background: #1e4e7f;
	width: 36px;
}

@media screen and (max-width: 1199px) {
	.module-hotsaleDian {
		padding: 35px 0;
	}
}

@media screen and (max-width: 991px) {
	.module-hotsaleDian {
		padding: 30px 0;
	}
}

@media screen and (max-width: 767px) {
	.module-hotsaleDian {
		padding: 25px 0;
	}
}

@media screen and (max-width: 575px) {
	.module-hotsaleDian {
		padding: 20px 0;
	}
}




/*indexNews*/
.indexNews {
	height: 100%;
	background: url("../images/bg-index-news.png") center bottom no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.indexNews .titlebox {
	margin-bottom: 60px;
}

.indexNews .titlebox .cn {
	display: flex;
	justify-content: space-between;
}

.indexNews .titlebox .cn .title {
	display: flex;
	justify-content: space-between;
	font-family: "HuiPuTi-R";
	font-size: 42px;
	color: #08407a;
}

.indexNews .titlebox .txt {
	margin-top: 10px;
	font-size: 20px;
	color: #999999;
}

.indexNews .btn-view {
	width: 150px;
	height: 40px;
	background: #ebeef1;
	margin: 0;
	margin-top: 10px;
}

.indexNews .btn-view a {
	margin: 0;
	border: none;
	width: 100%;
	display: block;
	display: flex;
	border-radius: 5px;
}

.indexNews .btn-view a:before,
.indexNews .btn-view a:after {}

.indexNews .btn-view a:hover {
	background: #1e4e7f;
}

@media (max-width: 1520px) {
	.indexNews .btn-view a {}
}

@media (max-width: 1320px) {
	.indexNews .btn-view a {}

	.indexNews .item {
		padding: 40px;
	}
}

@media (max-width: 1220px) {
	.indexNews .btn-view a {}

	.indexNews .item {
		padding: 30px;
	}
}

@media (max-width: 1024px) {
	.indexNews .btn-view a {}

	.indexNews .item {
		padding: 30px;
	}

	.indexNews .titlebox .cn {
		margin-bottom: 10px;
	}

	.indexNews .titlebox .txt {
		font-size: 16px;
	}
}

@media (max-width: 992px) {
	.indexNews .titlebox {
		margin-bottom: 20px;
	}

	.indexNews .titlebox .cn .title {
		font-size: 28px;
	}

	.indexNews .btn-view a {
		line-height: 40px
	}
}

@media (max-width: 768px) {
	.indexNews {
		padding-top: 60px;
	}
}

@media (max-width: 640px) {
	.indexNews .titlebox .cn .title {
		font-size: 24px;
	}

	.indexNews .titlebox .txt {
		font-size: 14px;
	}

	.indexNews .btn-view {
		width: 100px;
		height: 30px;
		background: #ebeef1;
		margin: 0;
		margin-top: 0px;
		padding: 0;
	}

	.indexNews .btn-view a {
		line-height: 30px;
	}

	.btn-view a i {
		background-size: 80%;
	}

	.indexNews .titlebox {
		margin-bottom: 20px;
	}
}

.lll .news-box {
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transform: translateY(60px);
}

.news-box {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.active .lll .news-box {
	opacity: 1;
	transform: translateY(0);
}

.active.indexNews .lll:nth-child(1) .news-box {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
}

.active.indexNews .lll:nth-child(2) .news-box {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
}

.active.indexNews .lll:nth-child(3) .news-box {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
}

.active.indexNews .lll:nth-child(4) .news-box {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
}

.news-box .img {
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ccc;
}

.news-box .img img {
	width: 100%;
	height: 100%;
}

.news-box .news-time {
	margin-top: 10px;
	font-size: 15px;
	color: #b5b5b5;
}

.news-box .news-title {
	margin: 20px 0;
	height: 22px;
	font-size: 22px;
	color: #333;
	overflow: hidden;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.news-box:hover .news-title {
	color: #08407a;
}

.news-box .news-des {
	height: 93px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	line-height: 31px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}


.news-box .news-more {
	display: inline-block;
	margin-top: 20px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	color: #b5b5b5;
}

a.news-box:hover .news-more {
	border: 1px solid #fca532;
	background-color: #fca532;
	color: #fff;
}

@media (max-width: 1520px) {}

@media (max-width: 1320px) {}

@media (max-width: 1220px) {}

@media (max-width: 1024px) {}

@media (max-width: 992px) {
	.news-box .img {
		height: 150px;
	}

	.news-box .news-time {
		font-size: 12px;
	}

	.news-box .news-title {
		margin: 5px 0 5px;
		font-size: 16px;
	}

	.news-box .news-des {
		font-size: 14px;
		line-height: 20px;
		height: 64px;
	}

	.news-box .news-more {
		margin-top: 4px;
		padding: 3px 5px;
		font-size: 12px;
	}
}

@media (max-width: 768px) {

	.news-box .img {
		height: 120px;
	}

	.news-box .news-time {
		font-size: 12px;
	}

	.news-box .news-title {
		margin: 5px 0 5px;
		font-size: 16px;
	}

	.news-box .news-des {
		font-size: 14px;
		line-height: 20px;
		height: 63px;
	}

	.news-box .news-more {
		margin-top: 4px;
		padding: 3px 5px;
		font-size: 12px;
	}

	.indexNews .swiper {
		padding-bottom: 20px;
	}

}



/*indexYoushi*/
.indexYoushi {
	padding-top: 0px;
	background-color: #000;
}

/*indexYoushilist*/
.indexYoushilist {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.indexYoushilist .list {
	font-size: 0;
	height: 100vh;
}

.indexYoushilist ul li {
	width: 15%;
	height: 100%;
	display: block;
	zoom: 1;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.indexYoushilist ul li.swiper-slide-active{
	width: 70%;
}

.indexYoushilist ul li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 91;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}

.indexYoushilist ul li .text {
	overflow: hidden;
	opacity: 0;
}

.indexYoushilist ul li.swiper-slide-active::after {
	display: none;
}

.active .indexYoushilist ul li.swiper-slide-active .text {
	-webkit-animation: fadeIn 1s ease-in-out .5s forwards;
	animation: fadeIn 1s ease-in-out .5s forwards;
	-moz-animation: fadeIn 1s ease-in-out .5s forwards;
	-o-animation: fadeIn 1s ease-in-out .5s forwards;

}

.indexYoushilist ul li {
	display: block;
	position: relative;
	height: 100%;
}

.indexYoushilist ul li .img {
	position: relative;
	overflow: hidden;
	height: 100%;
	opacity: .5;
}

/* .indexYoushilist ul li .img:after{content: '';display: block;width:100%;height:100%;background-color:#981d34;background: url("../images/index-youshi-img1.jpg") center center no-repeat #981d34;background-size:100%;left: 0;top:0;position: absolute;filter: alpha(opacity=0);opacity:0;z-index:1; visibility:hidden;} */
.indexYoushilist ul li.swiper-slide-active .img {
	opacity: 1;
}

.indexYoushilist ul li.swiper-slide-active .img:after,
.indexYoushilist ul li:hover .img:after {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.indexYoushilist ul li .img img {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	max-height: none;
	height: 100%;
	transition: none;
}
/* @media (min-width: 1220px) {
	.indexYoushilist ul li:last-child .img img {
		left: 23%;
	}
	.indexYoushilist ul li.swiper-slide-active:last-child .img img {
		left: 50%;
	}
} */


.indexYoushilist ul li .text {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.indexYoushilist ul li.li2 .text {
	top: 30%;
}

.indexYoushilist ul li.li3 .text {
	top: 50%;
}


.indexYoushilist ul li .text .textBox {
	padding: 30px 60px 50px 60px;
	display: flex;
	justify-content: center;
}

.indexYoushilist ul li .t1 {
	text-align: center;
	display: block;
}

/* .indexYoushilist ul li .t1 img{
	transform: translateX(-30%);
} */

.indexYoushilist ul li .wz {
	/* min-width: 640px;max-width:60%; */
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	text-align: left;
	padding-top: 0;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.indexYoushilist ul li.li2 .wz {
	color: #333333;
	border-left: 1px solid rgba(51, 51, 51, 0.5);
}

.indexYoushilist ul li .wz h3 {
	font-size: 40px;
}

.indexYoushilist ul li .wz p {
	font-size: 20px;
	margin-top: 10px;
}

.indexYoushilist ul li .wz a {
	display: inline-flex;
	margin-top: 30px;
	/* width: 120px; */
	color: #fff;
	background-color: #fca532;
	cursor: pointer;
	line-height: 50px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 0 25px;
	align-items: center;

}

.indexYoushilist ul li .wz a span {
	z-index: 20;
	position: relative;
	text-align: center;
	margin-right: 10px;
	font-size: 20px;
	letter-spacing: 1px;
}

.indexYoushilist ul li .wz a i {
	z-index: 20;
	position: relative;
	font-style: normal;
	font-size: 20px;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	display: block;
}

.indexYoushilist ul li .wz a {
	z-index: 1
}

.indexYoushilist ul li .wz a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #1e4e7f;
	border-radius: 5px;
	transition: all 0.3s ease
}

.indexYoushilist ul li .wz a:hover {
	color: #fff
}

.indexYoushilist ul li .wz a:hover:after {
	left: 0;
	width: 100%
}

.indexYoushilist ul li .wz a:hover {
	color: #fff;
}

.indexYoushilist ul li .wz a:hover i {
	color: #fff;
}
.indexYoushilist ul li {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.indexYoushilist ul li .t1,
.indexYoushilist ul li .img,
.indexYoushilist ul li .wz,
.indexYoushilist ul li .text {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* .indexYoushilist ul li .img,
.indexYoushilist ul li .img img {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
} */

@media (max-width: 1220px) {
	.indexYoushi {}

	.indexYoushilist ul li .text .textBox {
		flex-direction: column;
	}

	.indexYoushilist ul li a {
		height: 100%;
	}

	.indexYoushilist ul li .img {
		padding: 50% 0;
	}

	.indexYoushilist ul li .text .textBox .t1 {
		text-align: left;
	}

	.indexYoushilist ul li .text .textBox .wz {
		margin-top: 10px;
		border: none;
		padding-left: 0;
		margin-left: 0;
	}
}

@media (max-width: 1024px) {
	.indexYoushi .pageTit {
		padding-top: 30px;
	}

	.indexYoushilist ul li .wz {
		width: 94%;
	}

	.indexYoushilist ul li .wz h3 {
		font-size: 30px;
	}

	.indexYoushilist ul li .wz p {
		font-size: 24px;
	}

}

@media (max-width: 768px) {
	.indexYoushilist ul li {
		width: 100% !important;
	}

	.indexYoushilist ul li .t1 {
		font-size: 26px;
		line-height: 26px;
	}

	.indexYoushilist ul li .text .textBox .t1 img {
		height: 40px;
	}

	/*.indexYoushilist ul li.on a .img:after{filter: alpha(opacity=0);opacity:0;visibility:hidden;}*/
	.indexYoushilist ul li a:hover .img:after {
		filter: alpha(opacity=0);
		opacity: 0;
		visibility: hidden;
	}

	.indexYoushilist ul li.on a .img:after {
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
	}

	.indexYoushilist ul li .text .textBox {
		padding: 0 20px;
	}

	.indexYoushilist ul li .wz a {
		margin-top: 20px;
		line-height: 30px;
		padding: 0 10px;
	}

	.indexYoushilist ul li .wz a span {
		font-family: "HuiPuTi-R";
		font-size: 14px;
		margin-right: 0;
	}

	.indexYoushilist ul li .wz a i {
		width: 16px;
		height: 15px;
		background-size: auto 15px;
		font-size: 14px;
	}
}

@media (max-width: 751px) {
	.indexYoushilist ul li {
		width: 100%;
	}

	.indexYoushilist ul li .wz h3 {
		font-size: 26px;
		line-height: 1.3;
	}

	.indexYoushilist ul li .wz p {
		font-size: 18px;
		line-height: 1.3;
	}
}




.page-path {
	position: relative;
	background-color: #09f;
	height: 54px;
	line-height: 54px;
	background: url(../images/pathinfobg.png) center bottom no-repeat;
	transform: translateY(-12px);
	overflow: hidden;
}

.page-path .catname {
	position: relative;
	display: none;
}

.page-path .catname::after {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3px;
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #fff;
	transform: rotate(-90deg);
	transition: all 0.3s;
}

.icon-down-dir.catname::after {
	transform: rotate(0deg);
}

.subnav {
	float: left;
	/* transition: all 0.3s; */
}

.subnav a {
	font-size: 18px;
	color: #fff;
	margin-right: 30px;
}

.subnav a.on {
	font-weight: bold;
	font-size: 20px;
}

.page-info {
	float: right;
	margin-top: 12px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	max-width: 400px;
	overflow: hidden;
}

.page-info i {
	width: 15px;
	height: 17px;
	display: inline-block;
	background: url(../images/location.png) center center no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {
	.page-info {
		display: none;
	}
}

@media screen and (max-width:1024px) {
	.news_list ul li .pic {
		width: 35%;
	}

	.news_list ul li .text .title {
		margin-top: 20px;
		font-size: 24px;
	}

	.news_list ul li .time {
		font-size: 20px;
	}
}

@media screen and (max-width:790px) {
	.page-path {
		height: 40px;
		transform: unset;
		line-height: 40px;
		overflow: unset;
		background-color: #1e4e7f;
	}

	.page-path .catname {
		display: block;
		color: #fff;
	}

	.subnav {
		width: 100%;
		display: none;
		position: absolute;
		left: 0;
		padding: 10px;
		background-color: #eee;
		z-index: 1;
	}

	.subnav a {
		margin-right: 0px;
		font-size: 14px;
		text-align: left;
		display: block;
		color: #000;
	}

	.subnav a.on {
		font-size: 15px;
	}

	.page-info {
		display: none;
	}

}



/*newslist*/
.news_list {
	margin-bottom: 70px;
}

.news_list ul li {
	border-bottom: 1px solid #eee;
}

.news_list ul li .newslist-box {
	display: flex;
	overflow: hidden;
	position: relative;
	padding-bottom: 60px;
	padding-top: 60px;
	transition: all .3s;
}

.news_list ul li:first-child .newslist-box {
	padding-top: 0;
}

.news_list ul li .pic {
	padding-bottom: 0px;
	flex: 0 0 410px;
	width: 410px;
	overflow: hidden;
	height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	order: 3;
}

.news_list ul li .pic img {
	transition: 0.3s;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%
}

.news_list ul li .text {
	margin-left: 2%;
	margin-right: 10%;
	float: left;
	position: relative;
	order: 2;
}

.news_list ul li .text .title {
	font-size: 26px;
	margin-top: 10px;
	color: #333;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news_list ul li .text .txt {
	font-size: 14px;
	color: #999;
	line-height: 30px;
	margin-top: 20px;
	max-height: 62px;
	overflow: hidden;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news_list ul li .text .more {
	font-size: 18px;
	color: #999;
	margin-top: 30px;
	display: inline-block;
	height: 40px;
	border: 1px solid #dadada;
	text-align: center;
	;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 5px;
}

.news_list ul li .text .more i {
	display: inline-block;
	width: 16px;
	height: 23px;
	background: url(../images/icon-news-more.png) center center no-repeat;
	vertical-align: middle;
	font-size: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.news_list ul li .time {
	font-family: "宋体";
	font-size: 26px;
	color: #333;
	text-align: center;
	order: 1;
	flex: 0 0 100px;
}

.news_list ul li .time span {
	display: block;
	line-height: normal;
}

.news_list ul li .time span:first-child {
	font-size: 66px;
}

.news_list ul li .time span:last-child {
	font-size: 20px;
	color: #a59f9c;
}


.news_list ul li .newslist-box:hover {
	/* transform: translate(0px,-5px); */
	/* box-shadow: 0 -10px 10px #ccc; */
	/* background-color: #fff; */
}

/* .news_list ul li .newslist-box:hover .pic img {
  transform: scale(1.1);
} */
.news_list ul li .title:hover {
	color: #1e4e7f;
}

.news_list ul li .more:hover {
	background-color: #1e4e7f;
	border: 1px solid #1e4e7f;
	color: #fff;
}

.news_list ul li .text .more:hover i {
	background: url(../images/icon-news-more-hover.png) center center no-repeat;
}


@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {
	.news_list ul li .pic {
		width: 35%;
	}

	.news_list ul li .text .title {
		margin-top: 20px;
		font-size: 24px;
	}

	.news_list ul li .time {
		font-size: 20px;
	}
}

@media screen and (max-width:790px) {

	.news_list ul li .newslist-box {
		flex-direction: column;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.news_list ul li .pic {
		width: 100%;
		min-height: 200px;
		height: auto;
		order: 1;
		flex: 1;
	}

	.news_list ul li .pic img {
		width: 100%;
		height: auto;
	}

	.news_list {
		margin-bottom: 30px;
	}

	.news_list ul li .pic {
		width: 100%;
		padding-bottom: 0;
	}

	.news_list ul li .text {
		margin: 0;
	}

	.news_list ul li .text .title {
		font-size: 18px;
	}

	.news_list ul li .text .txt {
		line-height: 24px;
		margin-top: 10px;
	}

	.news_list ul li .text .more {
		font-size: 14px;
		margin-top: 15px;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		font-family: "HuiPuTi-R";
	}

	.news_list ul li .text .more i {
		width: 16px;
		height: 23px;
		background: url(../images/icon-news-more.png) center center no-repeat;
		background-size: auto 13px;
	}

	.news_list ul li .time {
		top: auto;
		bottom: 0px;
		transform: translateY(0);
		font-size: 16px;
		display: none;
	}

	.news_list ul li .time span {
		font-size: 12px;
		display: inline-block;
	}

}


.aboutTxt .img {
	float: right;
	;
	margin-left: 80px;
}

.aboutTxt .img img {
	max-width: 100%;
}

.aboutTxt .about-title {
	margin-top: 90px;
	display: flex;
	align-items: baseline;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 30px;
	margin-bottom: 30px;

}

.aboutTxt .about-title h1 {
	margin-top: 20px;
	font-size: 40px;
}

.aboutTxt .about-title span {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	color: #999;
}

.aboutTxt .about-content {
	color: #666;
	font-size: 18px;
	line-height: 40px;
}

.aboutTxt .about-content p {
	text-indent: 2em;
}

.aboutTxt .about-content p:nth-child(2) {
	margin-bottom: 150px;
}

@media screen and (max-width:1530px) {
	.aboutTxt .img {
		max-width: 50%;
	}
}

@media screen and (max-width:1220px) {
	.aboutTxt {
		display: flex;
		flex-direction: column;
	}

	.aboutTxt .img {
		order: 2;
		margin-left: 0px;
		float: unset;
		margin-top: 20px;
	}

	.aboutTxt .about-content p:nth-child(2) {
		margin-bottom: auto;
	}
}

@media screen and (max-width:1024px) {
	.aboutTxt {
		display: flex;
		flex-direction: column;
	}

	.aboutTxt .img {
		order: 2;
		margin-left: 0px;
		float: unset;
		margin-top: 20px;
	}

	.aboutTxt .about-content p:nth-child(2) {
		margin-bottom: auto;
	}
}

@media screen and (max-width:790px) {
	.aboutTxt {}

	.aboutTxt .img {
		margin-top: 20px;
		width: 100%;
		max-width: unset;
	}

	.aboutTxt .about-title {
		display: unset;
		margin-top: 0px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.aboutTxt .about-title h1 {
		font-size: 20px;
	}

	.aboutTxt .about-title span {
		margin-top: 10px;
		font-size: 16px;
	}

	.aboutTxt .about-content {
		font-size: inherit;
		line-height: inherit;
	}

}


.about2head {
	display: flex;
	align-items: center;
	height: 300px;
	background: linear-gradient(to right, #f5f5f5, #fff);
}

.about2-title {
	flex: 0 0 50%;
	padding: 40px;
}

.about2-title p {
	margin-top: 30px;
	font-size: 18px;
	color: #666;
	padding-right: 50px;
}

.about2head-img img:first-child {
	margin-right: 30px;
}

.aboutTxt2 .about2-content {
	color: #666;
	font-size: 18px;
	line-height: 40px;
	margin-top: 50px;
}

.aboutTxt2 .about2-content p {
	text-indent: 2em;
}

.about2-img-content {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.aboutTxt2 .about2-content .img {
	position: relative;
	float: left;
	flex: 0 0 740px;
	width: 740px;
	height: 520px;
	margin-right: 50px;
	text-align: center;
	background-color: #ccc;
	padding: 20px;
}

@media screen and (max-width:1530px) {
	.about2head-img img {
		width: 40%;
		margin-right: 0px;
		text-align: center;
	}
}

@media screen and (max-width:1220px) {
	.about2head-img img {
		width: 40%;
		margin-right: 0px;
		text-align: center;
	}
}

@media screen and (max-width:1024px) {
	.about2head {
		display: unset;
	}

	.about2-title {
		padding: 0;
	}

	.about2-title-head {
		width: 100%;
	}

	.about2-title-head img {
		width: 100%;
	}

	.about2-title p {
		margin-top: 10px;
		font-size: 16px;
		padding-right: 0px;
	}

	.about2head-img {
		margin-top: 20px;
	}

	.about2head-img.text-right {
		text-align: center;
	}

	.about2head-img img {
		width: 200px;
		margin-right: 0px;
		text-align: center;
	}

	.about2head-img img:first-child {
		margin-right: 10px;
	}

	.aboutTxt2 .about2-content {
		font-size: 16px;
		line-height: 30px;
		margin-top: 10px;
	}

	.about2-img-content {
		display: unset;
	}

	.aboutTxt2 .about2-content .img {
		width: 100%;
		height: auto;
		margin: 10px 0;
		padding: 10px;
	}

	.aboutTxt2 .about2-content .img img {
		width: 100%;
		position: relative;
	}
}

@media screen and (max-width:790px) {

	.about2head-img {
		margin-top: 20px;
	}

	.about2head-img img {
		width: 40%;
	}

	.about2-title p {
		font-size: inherit;
	}

	.aboutTxt2 .about2-content {
		font-size: inherit;
	}
}



.about3head {
	display: flex;
	align-items: center;
}

.about3-title {
	flex: 0 0 50%;
}
.about3-title h1 {
	font-family: Arial;
	font-size: 36px;
	color: #000;
	padding-right: 50px;
}
.about3-title p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 40px;
	color: #666;
	padding-right: 50px;
}

.about3head-img img {
	max-width: 760px;
	width: 100%
}
.about3-center-content{
	margin-top: 40px
}
.about3-center-content p{
	margin-top: 0px;
	text-indent: 2em;
	font-size: 18px;
	line-height: 40px;
	color: #666;
}
.aboutTxt3 .about3-content {
	color: #666;
	font-size: 18px;
	line-height: 40px;
	margin-top: 40px;
}
.aboutTxt3 .about3-content h2 {
	font-family: Arial;
	font-size: 36px;
	margin-bottom: 30px
}
.aboutTxt3 .about3-content p {
	margin-top: 30px;
	line-height: 40px
}

.about3-img-content {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.aboutTxt3 .about3-content .img {
	position: relative;
	flex: 0 0 760px;
	width: 760px;
	height: 424px;
	margin-right: 50px;
	text-align: center;
}

.about3-history{
	
	margin-top: 30px;
	padding: 30px 0 60px;
	background-color: #f2f2f2;
}
.about3-history h2{
	font-size: 32px;
	text-align: center;
	padding: 50px 0 60px;
}
.about3-history .w1600{
	display: flex;
	position: relative;
}
.about3-history .btn-left,.about3-history .btn-right{
	flex: 0 0 60px;
	background: url(../images/btn-left.png) center 130px no-repeat;
}
.about3-history .btn-left.swiper-button-disabled,.about3-history .btn-right.swiper-button-disabled{
	opacity: .5
}
.about3-history .btn-right{
	transform: rotateY(180deg);
}
.about3-history .slide-box{
	flex: 1;
	max-width: calc( 100% - 120px);
	position: relative;
}
.about3-history .swiper{
	flex: unset;
}
.about3-history-box{
	text-align: center;
}
.about3-history-box .img-box {
	
}
.about3-history-box .img-box .img{
	height: 80px;
	margin-bottom: 10px;
}
.about3-history-box .img-box .img img{
	max-height: 100%;
}
.img-box p{
	height: 40px;
	font-size: 32px;
	color: #1e4e7f;
}
.about3-history-box .line{
	position: relative;
	margin: 0px 0;
	height: 60px;
	width: 100%;
}
.about3-history-box .line:before{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 50%;
	background: #ddd;
	width: 100%;
	height: 1px;
}
.about3-history-box .line:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #09f;
	width: 16px;
	height: 16px;
	background: url(../images/icon-line-yuan.png) center no-repeat;
}
.about3-history-box .desc{
	width: 90%;
	font-size: 18px;
	line-height: 32px
}

@media screen and (max-width:1530px) {
	.about3head-img img {
		
	}
}

@media screen and (max-width:1220px) {
	.about3head-img img {
		
	}
}

@media screen and (max-width:1024px) {
	.about3head {
		display: unset;
	}

	.about3-title {
		padding: 0;
	}

	.about3-title-head {
		width: 100%;
	}

	.about3-title-head img {
		width: 100%;
	}

	.about3-title p {
		margin-top: 10px;
		font-size: 16px;
		padding-right: 0px;
	}

	.about3head-img {
		margin-top: 20px;
	}

	.about3head-img.text-right {
		text-align: center;
	}

	.about3head-img img {
		
	}

	.aboutTxt3 .about3-content {
		font-size: 16px;
		line-height: 30px;
		margin-top: 10px;
	}

	.about3-img-content {
		display: unset;
	}

	.aboutTxt3 .about3-content .img {
		width: 100%;
		height: auto;
		margin: 10px 0;
	}

	.aboutTxt3 .about3-content .img img {
		width: 100%;
		position: relative;
	}
}

@media screen and (max-width:790px) {

	.about3-title h1{
		font-size: 20px
	}
	.about3head-img {
		margin-top: 20px;
	}

	.about3head-img img {
		width: 100%;
	}

	.about3-title p {
		font-size: inherit;
	}

	.aboutTxt3 .about3-content {
		font-size: inherit;
	}
	.aboutTxt3 .about3-content h2{
		font-size: 20px;
		margin-bottom: 0px;
		margin-top: 20px
	}
	.aboutTxt3 .about3-content p{
		margin-top: 10px
	}
	.about3-center-content p {
	    font-size: 14px;
	}


	.about3-history{
		padding-bottom: 30px
	}
	.about3-history h2{
		font-size: 20px;
		padding: 0px 0 30px;
	}
	.about3-history .btn-left,.about3-history .btn-right{
		flex: 0 0 30px;
		background: url(../images/btn-left.png) center 100px no-repeat;
		background-size: 100% auto
	}

	.about3-history .slide-box{
		max-width: calc( 100% - 60px);
	}
	.about3-history-box .img-box .img{
		height: 60px;
		margin-bottom: 10px;
	}
	.about3-history-box .img-box p{
		height: 30px;
		font-size: 18px;
	}
	.about3-history-box .line{
		height: 30px;
	}
	.about3-history-box .desc{
		font-size: 14px;
		line-height: 25px
	}
}



.yingyongList ul.row {
	display: flex;
	flex-wrap: wrap;
}

.yingyongList ul li {
	position: relative;
	margin-bottom: 50px;
}

.yingyongList ul li .yingyong-item {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.yingyongList ul li .yingyong-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}


@media (min-width: 992px) {
	.yingyongList ul.row {
		margin-left: -25px;
		margin-right: -25px;
	}

	.yingyongList ul li.col-md-4 {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.yingyongList ul li .img {
	position: relative;
}

.yingyongList ul li .img img {
	width: 100%;
}

.yingyongList ul li .img i {
	position: absolute;
	right: 30px;
	bottom: -40px;
	display: block;
	width: 80px;
	height: 80px;
	background-color: #1f4f80;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.yingyongList ul li:nth-child(1) .img i {
	background-image: url("../images/yingyong/icon-1.png");
}

.yingyongList ul li:nth-child(2) .img i {
	background-image: url("../images/yingyong/icon-2.png");
}

.yingyongList ul li:nth-child(3) .img i {
	background-image: url("../images/yingyong/icon-3.png");
}

.yingyongList ul li:nth-child(4) .img i {
	background-image: url("../images/yingyong/icon-4.png");
}

.yingyongList ul li:nth-child(5) .img i {
	background-image: url("../images/yingyong/icon-5.png");
}

.yingyongList ul li:nth-child(6) .img i {
	background-image: url("../images/yingyong/icon-6.png");
}

.yingyongList ul li:nth-child(7) .img i {
	background-image: url("../images/yingyong/icon-7.png");
}


.yingyongList ul li .info {

	padding: 20px;
}

.yingyongList ul li .info h2 {
	font-size: 30px;
	color: #1e1e1e;
	font-weight: bold;
	margin: 10px 0 20px;
}

.yingyongList ul li .info .txt {}

.yingyongList ul li .info h3 {
	position: relative;
	font-size: 20px;
	color: #666;
	padding-left: 20px;
}

.yingyongList ul li .info h3::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background-color: #1f4f80;
	border-radius: 7px;
}

.yingyongList ul li .info p {
	padding: 20px 0;
	line-height: 1.5;
	color: #999;
	max-height: 82px;
	overflow: hidden;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {

	.yingyongList ul li {
		margin-bottom: 20px;
	}

	.yingyongList ul li .info h2 {
		font-size: 18px;
		margin: 10px 0 20px;
	}

	.yingyongList ul li .info h3 {
		font-size: 16px;
		padding-left: 20px;
	}

	.yingyongList ul li .info p {
		font-size: inherit;
	}

}


/*pageTop*/
.pageTop {
	padding-top: 40px;
}

.pageNav {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.pageNav ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	display: inline-block;
}

.pageNav li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 15px;
	line-height: 43px;
	margin-right: 8px;
	vertical-align: top;
	width: auto;
}

.pageNav li a {
	display: block;
	color: #999999;
	text-align: center;
	font-size: 36px;
	padding: 0 20.5px;
}

.pageNav li.on a,
.pageNav li a:hover {
	color: #1e4e7f;
	font-weight: bold;
}

@media screen and (max-width:1023px) {

	/*	.pageNav ul{display: flex;justify-content: center;}*/
	.pageNav li a {
		padding: 0 20px;
	}
}

@media screen and (max-width:768px) {
	.pageNav {
		margin-bottom: 10px;
	}

	.pageNav ul {
		justify-content: flex-start;
	}

	.pageNav li {
		font-size: 12px;
		line-height: 30px;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.pageNav li a {
		padding: 0 8px;
		font-size: 18px;
	}
}


/*.pageTop2*/
.pageTop2 {
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #f1f1f1;
	padding-top: 15px;
	padding-bottom: 7.5px;
}

.pageTop2 .pageNav li {
	margin-right: 8px;
	padding-left: 17px;
	background: url(../images/pro-line.png) no-repeat left center;
	margin-bottom: 7.5px;
}

.pageTop2 .pageNav li:nth-child(1) {
	background-image: none;
}

.pageTop2 .pageNav li a {
	color: #002d4b;
	border: 1px solid #fff;
}

.pageTop2 .pageNav li.on a,
.pageTop2 .pageNav li a:hover {
	color: #fff;
	background-color: #981d34;
	border-color: #981d34;
}

.video-flag {
	margin-top: 60px;
}

.video-flag ul li a {
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.video-flag ul li a:hover {
	/* margin-top: -10px; */
	transform: translateY(-10px);
}

.video-flag ul li .img {
	position: relative;
	width: 100%;
	max-height: 470px;
}

.video-flag ul li .img img {
	width: 100%;
	height: 100%;
}

.video-flag ul li .img i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	background-image: url("../images/icon_play.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 100px) center;
}

.video-flag ul li .info .cat {
	position: relative;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 66px;
	color: #fff;
}

.video-flag ul li .info {
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%);
}

.video-flag ul li .info h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 20px 0 0px;
	display: block;
	color: #fff;
	font-size: 38px;
}

@media screen and (max-width:790px) {


	.video-flag {
		margin-top: 20px;
	}

	.video-flag ul li .img i {
		background-size: 40px;
	}

	.video-flag ul li .info h2 {
		font-size: 16px;
		margin-top: 10px;
	}

	.video-flag ul li:first-child .img i {

		background-position: calc(100% - 30px) center;

	}

	.video-flag ul li:first-child .info {

		left: 10px;
	}

	.video-flag ul li:first-child .info .cat {
		font-size: 18px;
	}

	.video-flag ul li:first-child .info h2 {

		font-size: 16px;
	}

}



.videoList {
	margin-top: 30px;
}

.videoList ul.row {
	display: flex;
	flex-wrap: wrap;
}

.videoList ul li {
	margin-bottom: 30px;
}

.videoList ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.videoList ul li a:hover {
	/* margin-top: -10px; */
	transform: translateY(-10px);
}

.videoList ul li .img {
	position: relative;
	width: 100%;
	max-height: 350px;
	height: 100%;
}

.videoList ul li .img img {
	width: 100%;
	height: 100%;
}

.videoList ul li .img i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	background-image: url("../images/icon_play.png");
	background-position: center;
	background-repeat: no-repeat;
}

.videoList ul li .info .cat {
	display: none;
	position: relative;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 66px;
	color: #fff;
}

.videoList ul li .info h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin: 20px 0 0px;
}

/* .videoList ul li:first-child .img{

	max-height: 470px;
}
.videoList ul li:first-child .img i{

	background-position: calc(100% - 100px) center;

}
.videoList ul li:first-child .info{
	position: absolute;
	top: 50%;
	left:60px;
	transform: translateY(-50%);
}
.videoList ul li:first-child .info .cat{
	display: block;
}
.videoList ul li:first-child .info h2{
	display: block;
	color: #fff;
	font-size: 38px;
} */


@media screen and (max-width:790px) {
	.videoList {
		margin-top: 20px;
	}

	.videoList ul li .img i {
		background-size: 40px;
	}

	.videoList ul li .info h2 {
		font-size: 16px;
		margin-top: 10px;
	}

	/* .videoList ul li:first-child .img i{

		background-position: calc(100% - 30px) center;
	
	}

	.videoList ul li:first-child .info{

		left:10px;
	}
	.videoList ul li:first-child .info .cat{
		font-size: 18px;
	}
	.videoList ul li:first-child .info h2{

		font-size: 16px;
	} */

}

#pubVideoBox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .9);
	width: 100%;
	height: 100%;
	z-index: 200
}

#pubVideoBox.on {
	display: block
}

#pubVideoBox video {
	width: 100%;
	max-height: 95%;
	height: calc(100vh - 120px);
}

.video-box {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}

.vbox {
	text-align: center;
	flex: 1;
	max-height: 90%;
}

#pubVideoBox .close {
	position: fixed;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: url(../images/7.png) no-repeat 0 0;
	background-size: 80px;
	cursor: pointer;
	opacity: 1;
	z-index: 999;
	background-size: 100%;
}

#pubVideoBox video {
	width: 100%;
}

@media screen and (max-width:790px) {
	#pubVideoBox video {
		margin-top: 50px;
		width: 100%;
		height: calc(100% - 100px)
	}
}


.proList {
	display: flex;
	background-color: #f8f8f8;
}

.pro-left {
	flex: 0 0 30%;
	background-color: #fff;
	padding-left: calc((100% - 1600px) / 2);
}

.pro-left h1 {
	font-family: "HuiPuTi-R";
	font-size: 34px;
	color: #333;
	font-weight: bold;
	padding-bottom: 28px;
	margin-bottom: 28px;
	border-bottom: 1px solid #ddd;
}

.pro-left ul {
	display: block;
}

.pro-left ul li {
	position: relative;
	font-size: 32px;
	color: #999;
	margin: 25px 0;
	font-family: "HuiPuTi-R";
	cursor: pointer;
}

.pro-left ul li.on {
	padding-left: 20px;
	color: #1e4e7f;
	font-style: italic;
	font-weight: bold;
}

.pro-left ul li.on::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #1e4e7f;
	width: 5px;
	height: 100%;
}

.pro-left,
.pro-right {
	padding-top: 90px;
	padding-bottom: 90px;
}

.pro-right {
	padding-left: 4%;
	margin-right: calc((100% - 1600px) / 2);
}

.pro-right h2 {
	font-family: "HuiPuTi-R";
	font-size: 34px;
	color: #333;
	text-align: center;
}

.pro-right p {
	margin-top: 20px;
	line-height: 36px;
	font-size: 16px;
	color: #333;
}

.pro-right img {
	margin-top: 40px;
	width: 100%;
}

.pro-right .btn-view {
	margin: 40px 0 0;
}

.pro-right .btn-view a {
	font-family: "HuiPuTi-R";
	font-size: 22px;
	background-color: #ebeef1;
	border: 1px solid #1e4e7f;
	color: #1e4e7f;
}

.pro-right .btn-view a:hover {
	color: #fff;
}

.pro-right .btn-view a:after {
	background-color: #1e4e7f;
}

.pro-right .btn-view a i {
	background-image: url(../images/icon-right.png);
}

.pro-right .btn-view a:hover i {
	background-image: url(../images/icon-right1.png);
}

@media (max-width: 1800px) {
	.pro-left {
		padding-left: calc((100% - 1400px) / 2);
	}

	.pro-right {
		margin-right: calc((100% - 1400px) / 2);
	}
}

@media (max-width: 1520px) {
	.pro-left {
		padding-left: calc((100% - 1300px) / 2);
	}

	.pro-right {
		margin-right: calc((100% - 1300px) / 2);
	}

	.pro-left ul li {
		font-size: 28px;
	}
}

@media (max-width: 1320px) {
	.pro-left {
		padding-left: calc((100% - 1200px) / 2);
	}

	.pro-right {
		margin-right: calc((100% - 1200px) / 2);
	}
}

@media (max-width: 1220px) {
	.proList {
		flex-direction: column;
	}

	.pro-left {
		padding-left: calc((100% - 1000px) / 2);
		margin-right: calc((100% - 1000px) / 2);
	}

	.pro-right {
		padding-left: calc((100% - 1000px) / 2);
		margin-right: calc((100% - 1000px) / 2);
	}

	.pro-left,
	.pro-right {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.pro-left h1 {
		font-size: 26px;
		background: url("../images/icon-down.png") calc(100% - 10px) center no-repeat;
		margin-bottom: 18px;
		padding: 18px 0px;
	}

	.pro-left ul {
		display: none;
	}

	.pro-left.on ul {
		display: block;
	}

	.pro-left ul li {
		margin: 10px 0;
		font-size: 20px;
	}

	.pro-right h2 {
		font-size: 24px;
	}
}

@media (max-width: 1023px) {

	.proList {
		flex-direction: column;
	}

	.pro-left,
	.pro-right {

		padding: 20px 10px;
	}

	.pro-left h1 {
		font-size: 24px;
		margin-bottom: 18px;
		background: url("../images/icon-down.png") calc(100% - 10px) center no-repeat;
		padding: 18px 0px;
	}

	.pro-left ul {
		display: none;
	}

	.pro-left.on ul {
		display: block;
	}

	.pro-left ul li {
		margin: 10px 0;
		font-size: 18px;
	}

	.pro-left ul li.on {
		padding-left: 15px;
	}

	.pro-left {

		width: 100%;
	}

	.pro-right {
		margin-right: calc((100% - 94%) / 2);
	}

	.pro-right h2 {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.pro-left h1 {
		font-size: 20px;
	}

	.pro-left ul li {
		font-size: 16px;
	}

	.pro-right h2 {
		font-size: 18px;
	}

	.pro-right p {
		font-size: 14px;
		line-height: 26px;
	}

	.pro-right img {
		margin-top: 20px;
	}

	.pro-right .btn-view {
		margin-top: 20px;
	}
}




.trimble .product-thumb {
	width: 100%;
}

.trimble .product-thumb img {
	width: 100%;
}

.trimble .product-info {
	padding: 60px;
}

.trimble .product-info h1 {
	font-size: 34px;
	margin-bottom: 20px;
}

.trimble .product-info .desc {
	font-size: 16px;
	line-height: 36px;
}

.trimble .product-info .btn-view {
	margin-top: 200px;
	width: 240px;
	height: 50px;
}

.trimble .product-info .btn-view a {
	font-family: "HuiPuTi-R";
	font-size: 22px;
	background-color: #1e4e7f;
	color: #fff;
}

/* .product-info .btn-view a:hover{
	color: #fff;
}
.product-info .btn-view a:after {
    background-color: #1e4e7f;
} */
@media screen and (max-width:790px) {


	.trimble .product-info {
		padding: 20px 0px 0;
	}

	.trimble .product-info h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.trimble .product-info .desc {
		font-size: inherit;
		line-height: inherit;
	}

	.trimble .product-info .btn-view {
		margin: 20px auto 0;
	}

}


.trimble .product-content {
	background-color: #fff;
	padding: 0px 0 60px;
	margin-top: 90px;
}
.trimble .product-content .ptab{
	background-color: #f2f2f2;
	padding-top: 40px;
}
.trimble .product-content-tab {
	border-bottom: 1px solid #ddd;
}

.trimble .product-content-tab li {
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
	margin-right: 50px;
	font-family: "HuiPuTi-R";
	font-size: 24px;
	cursor: pointer;
}

.trimble .product-content-tab li.on {
	color: #1e4e7f;

}

.trimble .product-content-tab li.on::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #1e4e7f;
}

.trimble .product-content-box {
	margin-top: 30px;
	font-size: 16px;
}

.trimble .product-content-box ul.content-list li {
	position: relative;
	padding-left: 30px;
	font-family: "HuiPuTi-R";
	color: #333;
	font-size: inherit;
	line-height: 41px;
}

.trimble .product-content-box ul.content-list li::before {
	position: absolute;
	content: "";
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background-color: #9b9b9b;
	border-radius: 50%;
}

.trimble .product-content-box img {
	max-width: 100%;
}

@media screen and (max-width:790px) {


	.trimble .product-content {
		padding: 0px 0 20px;
		margin-top: 20px;
	}
	.trimble .product-content .ptab{
		padding-top: 20px;
	}
	.trimble .product-content-tab {
		border-bottom: 1px solid #ddd;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;

	}

	.trimble .product-content-tab li {
		padding-bottom: 15px;
		margin-right: 20px;
		font-size: 18px;
	}

}


/**/
.wilson .product-info-box {
	display: flex;
	align-items: center;
}

.wilson .product-thumb {
	position: relative;
	width: 100%;
	min-height: 600px;
}

.wilson .product-thumb img {
	max-width: 100%;

}

.wilson .product-info {
	padding: 60px;
}

.wilson .product-info h2 {
	font-family: "HuiPuTi-R";
	font-size: 34px;
	margin-bottom: 20px;
}

.wilson .product-info h1 {
	font-family: "HuiPuTi-R";
	font-size: 26px;
	margin-bottom: 20px;
}

.wilson .product-info .desc {
	font-size: 16px;
	line-height: 36px;
}

.highlight {
	font-family: "HuiPuTi-R";
	font-size: 20px;
	margin-top: 40px;
	font-weight: bold;
}

.top-three {
	margin-top: 20px;
}

.top-three dt {
	color: #999;
	margin-bottom: 5px;
}

.top-three dd {
	color: #666;
}

.wilson .product-info .btn-view {
	margin-top: 60px;
	width: 240px;
	height: 50px;
}

.wilson .product-info .btn-view a {
	font-family: "HuiPuTi-R";
	font-size: 22px;
	background-color: #1e4e7f;
	color: #fff;
}

/* .product-info .btn-view a:hover{
	color: #fff;
}
.product-info .btn-view a:after {
    background-color: #1e4e7f;
} */
@media screen and (max-width:790px) {

	.wilson .product-info-box {
		display: inherit;
	}

	.wilson .product-thumb {
		min-height: unset;
		margin-top: 20px;
	}

	.wilson .product-thumb img {
		position: relative;
	}

	.wilson .product-info {
		padding: 20px 0px 20px;
	}

	.wilson .product-info .cat {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.wilson .product-info h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.wilson .product-info .desc {
		font-size: 16px;
		line-height: 36px;
	}

	.highlight {
		font-family: "HuiPuTi-R";
		font-size: 16px;
		margin-top: 0;
	}

	.top-three {
		margin-top: 5px;
	}

	.top-three dl {
		margin-top: 5px;
	}

	.wilson .product-info .btn-view {
		margin: 20px auto 0;
		width: 100%;
	}

}

.product-item-title {
	font-family: "HuiPuTi-R";
	font-size: 34px;
	color: #fff;
	text-align: center;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.product-item-title {
		font-size: 18px;
	}
}


.product-gaishu {
	padding: 80px 0;
	background-color: #00246a;
	color: #fff;
}

.product-item-title {}

.gaishuItem {
	margin-top: 20px;
}

.gaishuItem h3 {
	font-family: "HuiPuTi-R";
	font-size: 30px;
	margin-top: 10px;

}

.gaishuItem p.title {
	font-family: "HuiPuTi-R";
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.product-gaishu {
		padding: 30px 0px;
	}

	.product-gaishu h2 {
		color: #fff;
	}

	.gaishuItem h3 {
		font-size: 17px;
	}

	.gaishuItem p.title {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 0;
	}

}


.texingItem {
	margin-top: 100px;
}

.texingItem h2 {
	font-size: 30px;
}

.texingItem ul {
	margin-top: 20px;
}

.texingItem ul li div.texing-title {
	position: relative;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #444;
	padding-left: 20px;
	cursor: pointer;
	color: #fff;
}

.texingItem ul li.on .texing-title {
	background-color: #1a3a79;
}

.texingItem ul li.on .texing-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: #01499b;
}


.texingItem .texing-box .img {}

.texingItem .texing-box .img img {
	max-width: 100%;
}

.texingItem .texing-box h3.title {
	font-family: "HuiPuTi-R";
	font-size: 24px;
	margin-top: 20px;
}

.texingItem .texing-box .desc {
	margin-top: 20px;
	line-height: 1.5;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.texingItem {
		margin-top: 30px;
	}

	.texingItem h2 {
		text-align: center;
		font-size: 18px;
	}

	.texingItem ul li div.texing-title {
		position: relative;
	}

	.texingItem ul li div.texing-title::after {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -3px;
		content: "";
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 7px solid #fff;
		transform: rotate(-90deg);
		transition: all 0.3s;
	}

	.texingItem ul li.on div.texing-title::after {

		transform: rotate(0);
	}

	.texingItem .texing-box h3.title {
		font-size: 16px;
	}

	.texingItem .texing-box .desc {
		margin-top: 10px;
	}

	.pc-texing {
		display: none;
	}

	.texingItem ul li.on .hide {
		display: block !important;
		border-bottom: 1px solid #444;
		padding-bottom: 10px;
	}

}



.product-attr {
	padding: 50px 0;
	background-color: #fff;
}

.product-attr .product-item-title {
	color: #333;
}


.product-attr .product-content-tab {
	position: relative;
	margin-top: 40px;
}

.product-attr .product-content-tab li {
	position: relative;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	margin-right: 13px;
	font-size: 18px;
	border: 1px solid #1e4e7f;
	border-radius: 38px;
	cursor: pointer;
}

.product-attr .product-content-tab li.on {
	background-color: #1e4e7f;
	color: #fff;

}

.product-attr .product-content-tab li.print {
	position: absolute;
	right: 0;
	border-radius: 0;
	background-color: #1e4e7f;
	width: 80px;
	color: #fff;
	text-align: center;
}

.product-attr .product-content-tab li.download {
	position: absolute;
	right: 100px;
	border-radius: 0;
	background-color: #1e4e7f;
	color: #fff;
	text-align: center;
}

.wilson-content-box {
	padding: 20px 0;
}

.open-all {
	font-family: "HuiPuTi-R";
	font-size: 18px;
	color: #1e4e7f;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	cursor: pointer;
}

.attr-box-title {
	position: relative;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	cursor: pointer;
	font-family: "HuiPuTi-R";
}

.attr-box-title i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 15px;
	height: 8px;
	background: url("../images/icon-down.png") center center no-repeat;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.attr-box-title.open i {
	transform: rotate(180deg);
}

.attr-box .table td,
.attr-box .table th {
	border-top: none;
}

.product-attr .product-content-box {
	margin-top: 30px;
	font-size: 16px;
}

.product-attr .product-content-box ul.content-list li {
	position: relative;
	padding-left: 30px;
	font-family: "HuiPuTi-R";
	color: #333;
	font-size: 18px;
	line-height: 41px;
}

.product-attr .product-content-box ul.content-list li::before {
	position: absolute;
	content: "";
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background-color: #9b9b9b;
	border-radius: 50%;
}

.product-attr .product-content-box img {
	max-width: 100%;
}

@media screen and (max-width:790px) {


	.product-attr .product-content {
		padding: 20px 0;
		margin-top: 20px;
	}

	.product-attr .product-content-tab {
		margin-top: 30px;
		border-bottom: 1px solid #ddd;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;

	}

	.product-attr .product-content-tab li {
		padding-bottom: 15px;
		margin-right: 5px;
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}

	.product-attr .product-content-tab li.download,
	.product-attr .product-content-tab li.print {
		position: relative;
		right: unset;
		border-radius: 38px;
		background-color: initial;
		color: initial;
		text-align: center;
		display: none !important;
	}

	.wilson-content-box {
		padding: 0;
	}

}

.downloadLinks .desc {
	padding: 0px 0 20px;
}

.downloadLinks li {
	float: left;
	width: 100%;
	padding-top: 1.286em;
	padding-bottom: 1.286em;
	position: relative;
	border-top: 1px solid #ccc;
}

.downloadLinks li a .icon-link__text {
	font-family: "HuiPuTi-R";
	text-transform: capitalize;
	color: #1e4e7f;
}

.downloadLinks li a i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url("../images/icon-download1.png") #1e4e7f center center no-repeat;
	border-radius: 5px;
}

.other-product {
	background-color: #f2f2f2;
	padding: 80px 0;
}

.other-product .product-item-title {
	text-align: center;
	color: #333;
}

.other-product-item {
	margin-top: 40px;
	padding: 30px;
	background-color: #fff;
	transition: all .25s ease;
}

.other-product-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.other-product-item .img {
	position: relative;
	width: 100%;
	height: 300px;
}

.other-product-item .cat {
	font-size: 18px;
}

.other-product-item .title {
	font-family: "HuiPuTi-R";
	font-size: 30px;
	color: #333;
	margin: 10px 0 20px;
}

.other-product-item .info {
	line-height: 28px;
}

.other-product-item .btn {
	margin-top: 20px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #1e4e7f;
	text-align: center;
	font-size: 16px;
}

.other-product-item .btn.selected {
	min-width: 120px;
	background-color: #fca532;
	border: 1px solid #fca532;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.other-product {
		padding: 40px 0;
	}

	.other-product h3 {
		font-size: 18px;
	}

	.other-product-item {
		margin-top: 20px;
		padding: 30px;
	}

	.other-product-item .img {
		height: auto;
		text-align: center;
		margin-bottom: 10px;
	}

	.other-product-item .img img {
		position: relative;
		margin: 0 auto;
	}

	.other-product-item .cat {
		font-size: 16px;
	}

	.other-product-item .title {
		font-size: 18px;
		margin: 5px 0 8px;
	}

	.other-product-item .btn {
		font-size: inherit;
		width: 100%;
	}

}

.product-media {
	padding: 80px 0;
	background-color: #fff;
}

.product-media .product-item-title {

	color: #333;
}

.product-media .product-media-list {
	display: flex;
	margin-top: 50px;
}

.product-media img {
	max-width: 100%;
}

.media-pic1 .box {
	position: relative;

	width: 100%;
	height: 100%;
	overflow: hidden;
}

.media-pic1 .products-swiper-container2 {
	border: 2px solid #eee;
	height: 100%;
}

.media-pic2 .box {
	position: relative;
	height: 200px;
	border: 2px solid #eee;
	width: 99%;
	overflow: hidden;
	cursor: pointer;
}

.products-swiper-container1 .swiper-slide-thumb-active .box {
	border: 2px solid #1e4e7f;
	opacity: 1;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {
	.product-media {
		padding: 30px 0;
	}

	.product-media .product-media-list {
		/* display: unset; */
		margin-top: 10px;
	}

	.media-pic1 .box img.marginauto {
		position: relative;
	}
}

@media screen and (max-width:790px) {
	.media-pic2 {
		display: none;
	}

	.media-pic2 .box {
		height: 60px;
		margin-top: 10px;
	}
}



/**/
.baoyangTxt {
	color: #666;
}

.baoyangTxt h2 {
	font-family: "HuiPuTi-R";
	font-size: 40px;
	color: #333;
	margin-bottom: 30px;
}

.baoyangTxt h2 span {
	font-size: 22px;
}

.baoyangTxt h3 {
	font-family: "HuiPuTi-R";
	font-size: 22px;
	color: #333;
	margin-bottom: 30px;
}

.baoyangTxt h4 {
	margin-top: 30px;
	font-family: "HuiPuTi-R";
	font-size: 22px;
	color: #333;
	margin-bottom: 30px;
}

.baoyangTxt ul li {
	font-size: 18px;
	margin-bottom: 15px;
	padding-left: 50px;
	background: url("../images/icon-jt.png") 25px center no-repeat;
}

.baoyangTxt p {
	font-size: 18px;

}

.baoyangTxt .line {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin-bottom: 30px;
	margin-top: 30px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {
	.baoyangTxt h2 {
		font-size: 30px;
	}

	.baoyangTxt h3 {
		font-size: 26px;
	}

	.baoyangTxt p {
		font-size: 16px;

	}

	.baoyangTxt ul li {
		font-size: 16px;
	}
}

@media screen and (max-width:790px) {
	.baoyangTxt h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.baoyangTxt h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.baoyangTxt ul li {
		margin-bottom: 10px;
	}

}


.downloadList {}

.download-item {
	display: flex;
	align-items: center;
	width: 100%;
	height: 105px;
	font-family: "HuiPuTi-R";
	font-size: 24px;
	border: 1px solid #1e4e7f;
	background: url("../images/icon-download.png") calc(100% - 30px) center no-repeat, linear-gradient(to bottom, #fff, #d0e7fe);
	/* background-blend-mode: multiply; */
	margin-bottom: 20px;
	padding: 20px 120px 20px 20px;
	color: #1e4e7f;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.download-item {
		height: 85px;
		font-size: 16px;
		/* 	background: url("../images/icon-download.png") calc(100% - 30px) center no-repeat, linear-gradient(to bottom,#fff,#d0e7fe); */
		background-size: 40px auto;
		/* background-blend-mode: multiply; */
		margin-bottom: 20px;
		padding: 20px 80px 20px 20px;
	}

}



.lingjianTxt {
	line-height: 1.8;
}

.lingjianTxt p {
	font-size: 18px;
}

.lingjianTxt .line {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin-bottom: 30px;
	margin-top: 30px;
}

.lingjian-images {
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.lingjian-images .img {
	border: 1px solid #ddd;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.lingjian-images .img img {
	width: 100%;
}

.lingjian-images .text {
	text-align: center;
	font-size: 22px;
	padding: 10px 0;
}

.lingjian-images:hover {
	transform: translateY(-10px);
}

.lingjian-images:hover .img {
	box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, .5);
}


.product-wilson-info {
	color: #666;
}

.product-wilson-info h2 {
	font-family: "HuiPuTi-R";
	font-size: 40px;
	color: #333;
	margin-bottom: 30px;
}

.product-wilson-info .desc {
	font-size: 18px;
	line-height: 36px;
}

.product-wilsonTxt .line {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin-bottom: 50px;
	margin-top: 50px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.lingjianTxt {
		font-size: inherit;
	}

	.lingjianTxt p {
		font-size: inherit;
	}

	.product-wilson-info h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}


	.product-wilson-info .desc {
		font-size: inherit;
		line-height: inherit;
	}

	.product-wilsonTxt .line {
		margin: 20px 0;
	}

	.lingjian-images .text {
		font-size: 16px;
	}
}

/*wilson栏目首页categorys*/
.pro-wilson-categorys li a {
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.pro-wilson-categorys li a .img {
	position: relative;
	height: 290px;
	overflow: hidden;
	border: 1px solid #ddd;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pro-wilson-categorys li a .img img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	-moz-transition: -moz-transform 0.5s ease 0s;
	-o-transition: -o-transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.pro-wilson-categorys li .img .cover {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(30, 78, 127, .8);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media screen and (min-width:790px) {
	.pro-wilson-categorys li a:hover .cover {
		display: block;
	}
}

.pro-wilson-categorys li a:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.pro-wilson-categorys li .img .cover .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pro-wilson-categorys li .img .cover .btn span {
	font-family: "HuiPuTi-R";
	font-size: 22px;
}

.pro-wilson-categorys li .img .cover .btn i {
	z-index: 20;
	position: relative;
	font-style: normal;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 23px;
	display: inline-block;
	margin-left: 20px;
}

.pro-wilson-categorys li a .text {
	font-family: "HuiPuTi-R";
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
}

.pro-wilson-categorys li a:hover .text {
	color: #1a3a79;
}

.pro-wilson-categorys li a:hover {
	transform: translateY(-10px);
}

.pro-wilson-categorys li a:hover .img {
	box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, .5);
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.pro-wilson-categorys li a .img {
		height: auto;
	}

	.pro-wilson-categorys li a .text {
		font-size: inherit;
	}

}


.pro-wilson-list{
	display: flex;
	flex-wrap: wrap;
}
.pro-wilson-list li .pro-wilson-list-box {
	display: flex;
	padding: 20px;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

.pro-wilson-list li .pro-wilson-list-box:hover {
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
}

.pro-wilson-list li .pro-wilson-list-box {
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.pro-wilson-list li .pro-wilson-list-box .img {
	flex: 0 0 40%;
	position: relative;
}

.pro-wilson-list li .pro-wilson-list-box .img img {
	max-width: 100%;
	max-height: 100%;
}

.pro-wilson-list li .itembox {
	flex: 1;
	font-size: 22px;
	padding: 10px 0;
	margin-left: 20px;
}

.pro-wilson-list li .itembox .cat {
	font-size: 16px;
	color: #999;
}

.pro-wilson-list li .itembox .title {
	font-size: 28px;
	color: #333;
	margin: 10px 0 15px;
}

.pro-wilson-list li .itembox .info {
	line-height: 26px;
	font-size: 16px;
	color: #999;
}

.pro-wilson-list li .itembox .info .p1 {
	color: #666;
}

.pro-wilson-list li .btn {
	margin-top: 20px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #1e4e7f;
	text-align: center;
	font-size: 16px;
}

.pro-wilson-list li .btn i {
	z-index: 20;
	position: relative;
	font-style: normal;
	background-image: url(../images/icon-right1.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 23px;
	display: inline-block;
	margin-left: 20px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:790px) {
	.pro-wilson-list li .itembox {
		margin-left: 0;
	}

	.pro-wilson-list li .pro-wilson-list-box {
		display: block;
		margin-bottom: 10px;
	}

	.pro-wilson-list li .pro-wilson-list-box .img {
		width: 100%;
		position: relative;
	}

	.pro-wilson-list li .pro-wilson-list-box .img img {
		position: relative;
		width: 100%;
	}

	.pro-wilson-list li .btn {
		width: 100%;
	}

}




h2.h2title {
	font-family: "HuiPuTi-R";
	font-size: 36px;
	color: #1e1e1e;
	margin-bottom: 30px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {
	h2.h2title {
		font-size: 26px;
	}
}

@media screen and (max-width:790px) {
	h2.h2title {
		font-size: 26px;
	}

}

.xunjia h2.h2title {
	margin-top: 15px;
}

.xunjia {
	background-color: #f8f8f8;
	padding: 100px;
}

.xunjia .img img {
	width: 100%;
}

.xunjia .form-group {
	margin-bottom: 10px;
}

.xunjia .control-label {
	text-align: left;
	color: #666;
}

.xunjia .col-lg-8 {
	padding-left: 3%;
}

@media screen and (max-width:1320px) {


	.xunjia {
		padding: 30px;
	}

}

@media screen and (max-width:790px) {


	.xunjia {
		padding: 20px 0;
	}

}


.control-label .required,
.form-group .required {
	color: #e02222;
	font-size: 12px;
	padding-left: 2px;
}




.baoxiuTxt .form-control-static {
	font-family: "HuiPuTi-R";
	font-size: 18px;
	color: #1e1e1e;
	margin-bottom: 5px;
}

.baoxiuTxt .input,
.baoxiuTxt .input1 {
	margin-bottom: 25px;
}

.input {
	position: relative;
}

.input span {
	position: absolute;
	color: red;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.input span.l {
	top: 22px;
}

@media screen and (max-width:790px) {
	.baoxiuTxt .h2title {
		/* margin-bottom: 15px; */
	}

	.baoxiuTxt .input,
	.baoxiuTxt .input1 {
		margin-bottom: 15px;
	}

	.baoxiuTxt .input-lg {
		height: initial;
		padding: 6px 18px;
		font-size: initial;
	}
}




.bg-table {
	background-color: #1e4e7f;
	color: #fff;
	text-align: center;
}

.bg-table th {
	text-align: center;
}

.input-table input {
	width: 100%;
	border: none;
}

.input-table td {
	/* padding-right:0!important;
	padding-left:0!important; */
}

.input-table td:first-child,
#dr_lingjian_body td:first-child {
	text-align: center;
}


.btn.btn1 {
	width: 220px;
	margin-right: 10px;
}

.btn.blue:not(.btn-outline) {
	color: #FFF;
	background-color: #28b6ff;
	border-color: #28b6ff;
}

.btn.blue:not(.btn-outline).focus,
.btn.blue:not(.btn-outline):focus {
	color: #FFF;
	background-color: #28b6ff;
	border-color: #3f8bb4;
}

.btn.red:not(.btn-outline) {
	color: #fff;
	background-color: #e7505a;
	border-color: #e7505a;
}

button[type='reset'] {
	background-color: #c7c7c7;
	color: #fff;
}

button[type='reset']:hover {
	color: #fff;
	background-color: #d3d2d2;
	border-color: #d3d2d2
}

/*contact*/
.contactItem {
	padding: 0px 0 60px;
}

.company-info {
	margin-bottom: 20px;
}

.company-info .title {
	font-family: "HuiPuTi-R";
	font-size: 30px;
	color: #000;
	line-height: 1.2;
	margin-bottom: 10px;
}

.company-info .tel,
.company-info .mail,
.company-info .address {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #666;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.company-info .tel i,
.company-info .mail i,
.company-info .address i {
	margin-right: 10px;
	flex: 0 0 45px;
	width: 45px;
	height: 45px;
	background-color: #7f7f7f;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.company-info .tel i {
	background-image: url(../images/icon-tel.png);
}

.company-info .mail i {
	background-image: url(../images/icon-mail.png);
}

.company-info .address i {
	background-image: url(../images/icon-address.png);
}

.ewm-img {
	border: 1px solid #ededed;
	padding: 20px;
	margin-bottom: 20px;
}

.ewm-img img {
	width: 100%;
}

.messageItem {
	padding: 100px 0 100px;
	background-color: #f2f2f2;
}

.messageItem .h2title {
	margin-bottom: 20px;
}

.messageItem p {
	margin-bottom: 30px;
	color: #999;
}

.messageItem .img {
	padding-right: 2%;
}

.messageItem .img img {
	width: 100%;
}

@media screen and (min-width:1024px) {
	.messageItem .form-group {
		margin-bottom: 20px;
	}
}

.messageItem .control-label {
	text-align: left;
	color: #666;
}

.mbox {
	padding-left: 50px;
}

.yz-code {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.yz-code-img {
	margin-left: 20px;
	padding: 0 !important;
	width: 120px !important;
	height: 100%;
	border: 1px solid #ddd;
}

.yz-code-txt {
	display: block;
	white-space: nowrap;
	padding: 0 20px;
}

@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {
	.company-info .title {
		font-size: 18px;
	}

	.company-info .tel,
	.company-info .mail,
	.company-info .address {
		padding: 10px 0;
		font-size: 16px;
	}

	.company-info .tel i,
	.company-info .mail i,
	.company-info .address i {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		background-size: 15px !important;
	}

	.contactItem {
		padding-bottom: 20px;
	}

	.messageItem {
		padding: 40px 0;
	}

	.btn.btn1 {
		width: auto;
	}

	.mbox {
		padding-left: 15px;
	}
}

@media screen and (max-width:1024px) {
	.company-info .title {
		font-size: 18px;
	}

	.company-info .tel,
	.company-info .mail,
	.company-info .address {
		padding: 10px 0;
		font-size: 16px;
	}

	.company-info .tel i,
	.company-info .mail i,
	.company-info .address i {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		background-size: 15px !important;
	}

	.contactItem {
		padding-bottom: 20px;
	}

	.messageItem {
		padding: 20px 0;
	}

	.btn.btn1 {
		width: auto;
	}

	.mbox {
		padding-left: 15px;
	}
}

@media screen and (max-width:790px) {
	.company-info .title {
		font-size: 16px;
	}

	.company-info .tel,
	.company-info .mail,
	.company-info .address {
		padding: 10px 0;
		font-size: 14px;
	}

	.company-info .tel i,
	.company-info .mail i,
	.company-info .address i {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		background-size: 15px !important;
	}

	.contactItem {
		padding-bottom: 20px;
	}

	.messageItem {
		padding: 20px 0;
	}

	.messageItem p {
		margin-bottom: 15px;
	}

	.btn.btn1 {
		width: auto;
		padding: 6px 12px;
		font-size: initial;
	}

	.mbox {
		padding-left: 15px;
	}

	.form-group-lg .form-control {
		height: initial;
		padding: 6px 14px;
		font-size: initial;
	}

}






.page-content img {
	max-width: 100%;
}


#menu {
	width: 21px;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 20px;
	top: 50%;
	list-style-type: none;
	z-index: 70;
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	#menu {
		display: none;
	}
}

#menu li {
	text-align: center;
}

.myhome {
	margin: 0 auto;
	width: 21px;
	height: 20px;
	background: url(/skin/images/icon-home.png) center center no-repeat;
}

#menu li.firstnum,
#menu li.lastnum {
	text-align: center;
	color: #fff;
	margin: 10px 0;

}

#menu li.fillpage-line {
	width: 1px;
	height: 40px;
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	margin: 0 auto;
}

#menu a {
	display: block;
	width: 100%;
	height: 100%;
}

#menu li.active {
	background-color: #fff;
	height: 50px;
}

.fp-viewing-page6 #menu li.firstnum,
.fp-viewing-page6 #menu li.lastnum {
	color: #000;
}

.fp-viewing-page6 #menu li.active {
	background-color: #fff;
}

.fp-viewing-page4 #menu li.firstnum,
.fp-viewing-page4 #menu li.lastnum,
.fp-viewing-page5 #menu li.firstnum,
.fp-viewing-page5 #menu li.lastnum,
.fp-viewing-page6 #menu li.firstnum,
.fp-viewing-page6 #menu li.lastnum {
	color: #000;
}

.fp-viewing-page4 #menu li.fillpage-line,
.fp-viewing-page5 #menu li.fillpage-line,
.fp-viewing-page6 #menu li.fillpage-line {
	background-color: rgba(0, 0, 0, .3);
}

.fp-viewing-page4 #menu li.active,
.fp-viewing-page5 #menu li.active,
.fp-viewing-page6 #menu li.active {
	background-color: #000;
}

.fp-viewing-page4 #menu li.myhome,
.fp-viewing-page5 #menu li.myhome,
.fp-viewing-page6 #menu li.myhome {
	background-image: url(/skin/images/icon-home1.png);
}

.fp-viewing-foot #menu {
	display: none;
}

.smallcontent {
	line-height: 1.7;
}

.smallcontent img {
	max-width: 100%;
	height: auto;

}


.cox-block-1{

}
.cox-block-1-left h2{
	font-size: 34px;
	color: #333
}
.cox-block-1-left .desc{
	margin-top: 20px;
	font-size: 16px;
	line-height: 2;
	color: #333
}
.cox-block-1-left .attr{
    display: flex;
    margin-top: 20px;
    color: #1e4e7f;
    justify-content: space-between;
}
.cox-block-1-left .attr .attr-box:nth-child(1) {
  justify-self: center;
}
/* 方法1：自定义上标类 */
.cox-block-1-left .attr .attr-box .attr-item .sup {
      /* 核心代码：单独设置垂直方向排列方式 */
            /* 核心代码：单独设置垂直方向排列方式 */
            /* 核心代码：单独设置垂直方向排列方式 */
            align-self: flex-start;
            font-size: 26px;
            display: flex;
            background: #1e4e7f;
            padding: 5px;
            height: 30px;
            width: 30px;
            border-radius: 30px;
            align-items: center;
            justify-content: center;
            color: #fff
    }
.cox-block-1-left .attr .attr-box p.attr-item{
        display: flex;
            flex-direction: row;
            /*justify-content: center;*/
            align-items: center;
            /*核心代码 可以用来设置20与.00水平线 */
            /*核心代码 可以用来设置20与.00水平线 */
            /*核心代码 可以用来设置20与.00水平线 */
            line-height: .7;
    }
.cox-block-1-left .attr .attr-box .attr-item .txt {
        font-size: 100px;
        /*font-weight: bold;*/
        font-family: Microsoft Yahei
}
.cox-block-1-left .attr .attr-box .text{
    	margin-top: 20px;
    	font-size: 18px;
    	color: #999
}
.cox-block-1-left  .attr .attr-box:nth-child(2) .attr-item .sup{
        width: auto
}
.cox-block-1-left .btn{
	width: 250px;
	margin-top: 40px
}

@media screen and (max-width:790px) {
	.cox-block-1-left .attr .attr-box .attr-item .sup {
	    font-size: 16px;
	    height: 20px;
	    width: 20px;
	    border-radius: 20px;
	 }
	.cox-block-1-left .attr .attr-box p.attr-item{
	        display: flex;
	            flex-direction: row;
	            /*justify-content: center;*/
	            align-items: center;
	            /*核心代码 可以用来设置20与.00水平线 */
	            /*核心代码 可以用来设置20与.00水平线 */
	            /*核心代码 可以用来设置20与.00水平线 */
	            line-height: .7;
	    }
	.cox-block-1-left .attr .attr-box .attr-item .txt {
	    font-size: 50px;
	}
	.cox-block-1-left .attr .attr-box .text{
	    margin-top: 10px;
	    font-size: 12px;
	}
	.cox-block-1-left .btn{
		width: 100%;
		margin-top: 10px
	}
	.cox-block-1 img{
		max-width: 100%;
		margin-top: 20px
	}

}

.cox-block-2{
	margin-top: 60px;
	padding: 60px 0;
	background: #00246a;
	color: #fff;
}
.gaikuang{
	display: flex;
	margin-top: 50px;
}
.gaikuang .img{
	
}
.gaikuang img{
		max-width: 100%;
}
.mybtn{
	display: flex;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.cox-block-2 .attr{
	height: 100%
}
.cox-block-2 .attr li{
	margin-top: 50px
}
.cox-block-2 .attr li:nth-child(2),.cox-block-2 .attr li:nth-child(1){
	margin-top: 0px
}
.cox-block-2 .attr .p1{
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: bold;
}
.cox-block-2 .attr .p2{
	font-size: 24px;
	white-space: nowrap;
}

.btn-my {
	display: inline-block;
    padding: 0px 16px;
    width: 275px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 24px;
    border-radius: 60px;
    border: 2px solid #002971;
    background: #1a3a79;
    margin-bottom: 10px;
    color: #fff
}
@media screen and (max-width:1200px) {
	.gaikuang{
		/*display: block;
		flex-direction: column;*/
		margin-top: 30px;
	}
	.gaikuang .btns{
		margin-bottom: 20px
	}
	.btn-my {
		width: 100%;
		font-size: 16px;
		height: 40px;
    	line-height: 40px;
    	border-radius: 40px;
	    margin: 0 auto 10px;
	}
	.gaikuang img{
		max-width: 80%;
	}
	.cox-block-2 .attr li{
		margin-top: 20px
	}
	.cox-block-2 .attr .p1{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.cox-block-2 .attr .p2{
		font-size: 16px;
		white-space: nowrap;
	}
}
@media screen and (max-width:790px) {
	.cox-block-2{
		margin-top: 30px;
		padding: 30px 0;
	}
	.gaikuang{
		flex-direction: column;
		margin-top: 30px;
	}
	.gaikuang .img{
		text-align: center;
	}
	.gaikuang img{
		max-width: 100%;
		margin-top: 20px;
	}
	.cox-block-2 .attr{
		margin-top: 20px
	}
	.cox-block-2 .attr li{
		margin-top: 10px
	}
	.cox-block-2 .attr .p1{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.cox-block-2 .attr .p2{
		font-size: 14px;
		white-space: wrap;
	}
	.btn-my {
		display: inline-block;
	    padding: 0px 16px;
	    width: 100%;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    font-size: 16px;
	    border-radius: 40px;
	    border: 2px solid #002971;
	    background: #1a3a79;
	    margin-bottom: 10px;
	    color: #fff
	}

}



.cox-block-3{
	padding: 60px 0;
	background: #f2f2f2;
}
.cox-block-3 .product-item-title{
	color: #333
}
.cox-block-3 .img{
	text-align: center;
	margin-top: 50px
}
.cox-block-3 .img img{
	max-width: 100%
}

@media screen and (max-width:790px) {

}

.cox-block-4{
	padding: 60px 0 0;
	background: #fff;
}
.cox-block-4 .product-item-title{
	color: #333
}
.cox-block-4  .cox-title-desc{
	font-size: 16px;
	color: #999999;
	text-align: center;
	margin-top: 20px
}
.cox-yingyong-list ul{
	display: flex;
	flex-wrap: wrap
}
.cox-yingyong-list li{
	position: relative;
	width: calc( (100% - 50px * 2) / 3 );
	margin-right: 50px;
	margin-top: 50px;
	overflow: hidden;
}
.cox-yingyong-list li .cox-yingyong-item{
	position: relative;
	width: 100%;
	padding-top: 75.4%
}
.cox-yingyong-list li img{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%
}
@media screen and (min-width:790px) {
	.cox-yingyong-list li:nth-child(3n){
		margin-right: 0
	}
}

.cox-yingyong-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: calc(100% - 50px);
	background: rgba(30 ,76, 121 , .8);
	transition: .3s;
	color: #fff;
}
.cox-yingyong-bg .title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
}
.cox-yingyong-bg .desc{

	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding: 0 10%;
	display: none;
}
.cox-yingyong-list li:hover .cox-yingyong-bg{
	top: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}
.cox-yingyong-list li:hover .cox-yingyong-bg .desc,.cox-yingyong-list li:hover .cox-yingyong-bg .btn-default{
	display: block;
}
.cox-yingyong-bg .btn-default {
	margin-top: 20px;
    color: #fff;
    background-color: #fca532;
    border-color: #fca532;
    display: none;
}

.cox-yingyong-bg .btn-default.focus,.cox-yingyong-bg .btn-default:focus {
    color: #fff;
    background-color: #fca532;
    border-color: #fca532
}

.cox-yingyong-bg .btn-default:hover {
    color: #fff;
    background-color: #fca532;
    border-color: #fca532
}
@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:790px) {
	.cox-yingyong-list li{
		position: relative;
		width: 100%;
		margin-right: 0px;
		margin-top: 20px;
		overflow: hidden;
	}
	.cox-yingyong-bg{

		top: calc(100% - 40px);
	}
	.cox-yingyong-bg .title{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.cox-yingyong-bg .desc{

		font-size: 12px;
		line-height: 30px;
	}
}
@media screen and (max-width:790px) {
	.cox-yingyong-list li:nth-child(2n){
		margin-right: 0
	}
}

.cox-case-block{
	position: relative;
	border-top: 4px solid #1e4e7f;
	background: #f2f2f2;
	margin-top: 60px;
	padding: 60px;
}
.cox-case-block .cox-case-title{
	font-size: 26px
}

ul.cox-case-list {
	display: flex;
	flex-wrap: wrap;
}
.cox-case-list li{
	position: relative;
	width: calc( (1600px - 120px - 43px * 3) / 4 );
	margin-right: 43px;
	margin-top: 43px;
	overflow: hidden;
}
.cox-case-list li .cox-case-item{
	position: relative;
	width: 100%;
	padding-top: 75.4%;
	overflow: hidden;
}
.cox-case-list li .cox-case-item .cox-case-item-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(30 ,76, 121 , .8);
}
.cox-case-list li:hover .cox-case-item .cox-case-item-bg{
	display: flex;
}
.cox-case-item-bg .btn-default {
	margin-top: 20px;
    color: #fff;
    background-color: #fca532;
    border-color: #fca532;
}

.cox-case-item-bg .btn-default.focus,.cox-case-item-bg .btn-default:focus {
    color: #fff;
    background-color: #fca532;
    border-color: #fca532
}

.cox-case-item-bg .btn-default:hover {
    color: #fff;
    background-color: #fca532;
    border-color: #fca532
}
.cox-case-list li img{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%
}
.cox-case-list li:nth-child(4n){
	margin-right: 0
}
.cox-case-list li .title{
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-top: 10px;
}
.cox-case-list li:hover .title{
	color: #1e4e7f;
}
@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {

}
@media screen and (max-width:790px) {
	.cox-case-block{
		margin-top: 30px;
		padding: 10px;
		border-top: 2px solid #1e4e7f;
	}
	.cox-case-block .cox-case-title{
		font-size: 18px
	}
	ul.cox-case-list {
		display: flex;
		flex-wrap: wrap;
	}
	.cox-case-list li{
		position: relative;
		width: 100%;
		margin-right: 0px;
		margin-top: 20px;
		overflow: hidden;
	}
	.cox-case-list li .cox-case-item{
		position: relative;
		width: 100%;
		padding-top: 75.4%;
		overflow: hidden;
	}
	.cox-case-list li .cox-case-item .cox-case-item-bg{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: none;
		align-items: center;
		justify-content: center;
		background: #1e4c79;
	}
	.cox-case-list li:hover .cox-case-item .cox-case-item-bg{
		display: flex;
	}
	.cox-case-list li img{
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%
	}
	.cox-case-list li:nth-child(4n){
		margin-right: 0
	}
	.cox-case-list li .title{
		font-size: 18px;
		color: #333;
		text-align: center;
		margin-top: 10px;
	}
}


.cox-case-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	/*height: 100%;*/
	background: #f2f2f2;
	padding: 50px;
	display: flex;
	align-items: center;
}
.active .cox-case-box{
	display: flex;
}
.cox-case-box .close1{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: #1e4e7f;
	border-radius: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #fff;
}

.cox-case-box .img{
	flex: 0 0 30%;
	margin-right: 60px;
}
.cox-case-box .img img{
	width: 100%;
}
.cox-case-info{
	flex: 1
}
.cox-case-info .title{
	font-size: 26px;
	color: #333;
	font-weight: bold;
}
.cox-case-info .desc{
	font-size: 16px;
	color: #999;
	margin-top: 20px;
}
.cox-case-attr{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.cox-case-attr li{
	width: 40%;
	display: flex;
	font-size: 16px;
	margin-top: 20px;
}
.cox-case-attr li .p1{
	flex: 1;
	color: #333;
	
}
.cox-case-attr li .p2{
	flex: 1;
	color: #999;
}
@media screen and (max-width:1530px) {}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {

}
@media screen and (max-width:790px) {
	.cox-case-box{
		padding: 10px;
		display: block;
		height: 100%;
	}
	.active .cox-case-box{
		display: block;
	}
	.cox-case-box .close1{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 30px;
		height: 30px;
		background: #1e4e7f;
		border-radius: 100%;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		color: #fff;
	}

	.cox-case-box .img{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px
	}
	.cox-case-info .title{
		font-size: 18px;
	}
	.cox-case-info .desc{
		font-size: 14px;
		color: #999;
		margin-top: 10px;
	}
	.cox-case-attr{
		margin-top: 10px;
	}
	.cox-case-attr li{
		width: 50%;
		display: block;
		font-size: 16px;
		margin-top: 10px;
	}
}




.cox-block-5{
	padding: 60px 0 0;
	background: #fff;
}
.cox-block-5 .product-item-title{
	color: #333
}
.cox-down-list ul{
	display: flex;
	flex-wrap: wrap
}
.cox-down-list li{
	position: relative;
	width: calc( ( 100% - 50px * 2 ) / 3 );
	margin-right: 50px;
	margin-top: 50px;
	overflow: hidden;
}
.cox-down-list li .cox-down-item{
	position: relative;
	width: 100%;
	padding-top: 58.8%
}
.cox-down-list li img{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%
}
@media screen and (min-width:790px) {
	.cox-down-list li:nth-child(3n){
		margin-right: 0
	}
}

.cox-down-info{
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0,0,0,.4);
}
.cox-down-info .title{
	font-size: 26px;
}
.cox-down-info .down-icon{
	display: block;
	margin-top: 20px;
	width: 54px;
	height: 54px;
	background: url(../images/icon-cox-down.png) center center no-repeat;
	background-size: 100%;
}

@media screen and (max-width:1530px) {
	.cox-down-list li{
		width: calc( ( 100% - 30px * 2 ) / 3 );
		margin-right: 30px;
		margin-top: 30px;
	}
}

@media screen and (max-width:1220px) {
	.cox-down-list li{
		width: calc( ( 100% - 20px * 2 ) / 3 );
		margin-right: 20px;
		margin-top: 20px;
	}
	.cox-down-info .title{
		font-size: 16px;
	}
	.cox-down-info .down-icon{
		margin-top: 10px;
		width: 34px;
		height: 34px;
		background-size: 100%;
	}
}

@media screen and (max-width:1024px) {
	.cox-down-list li{
		width: calc( ( 100% - 10px * 2 ) / 3 );
		margin-right: 10px;
		margin-top: 10px;
	}
}
@media screen and (max-width:790px) {
	.cox-block-5{
		padding: 30px 0 0;
	}
	.cox-down-list li{
		position: relative;
		width: 100%;
		margin-right: 0px;
		margin-top: 10px;
		overflow: hidden;
	}
	.cox-down-info .title{
		font-size: 16px;
	}
	.cox-down-info .down-icon{
		margin-top: 10px;
		width: 34px;
		height: 34px;
		background-size: 100%;
	}
}


.cox-block-6{
	padding: 60px 0 0;
	background: #fff;
}
.cox-block-6 .product-item-title{
	color: #333
}
.cox-video-tab{
	margin-top: 20px;
}
.cox-video-tab li{
	float: left;
	color: #1e4e7f;
	font-size: 18px;
	padding: 10px 20px;
	border: 1px solid #1e4e7f;
	border-radius: 30px;
	margin-right: 20px;
	cursor: pointer;
}
.cox-video-tab li.active{
	background: #1e4e7f;
	color: #fff
}

.cox-video-list ul{
	display: flex;
	flex-wrap: wrap
}
.cox-video-list li{
	position: relative;
	width: calc( ( 100% - 40px * 3 ) / 4 );
	margin-right: 40px;
	margin-top: 40px;
	overflow: hidden;
}
.cox-video-list li .cox-video-item{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 69.46%;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
}
.cox-video-list li .cox-video-item:hover{
	border: 1px solid #1e4e7f
}
.cox-video-list li img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
}
@media screen and (max-width:1530px) {
	.cox-video-list li{
		width: calc( ( 100% - 30px * 3 ) / 4 );
		margin-right: 30px;
		margin-top: 30px;
	}
}

@media screen and (max-width:1220px) {
	.cox-video-list li{
		width: calc( ( 100% - 20px * 3 ) / 4 );
		margin-right: 20px;
		margin-top: 20px;
	}
}

@media screen and (max-width:1024px) {
	.cox-video-list li{
		width: calc( ( 100% - 10px * 3 ) / 4 );
		margin-right: 10px;
		margin-top: 10px;
	}
}
@media screen and (min-width:790px) {
	.cox-video-list li:nth-child(4n){
		margin-right: 0
	}
}
@media screen and (max-width:790px) {
	.cox-block-6{
		padding: 30px 0 0;
	}
	.cox-video-tab li {
	    font-size: 14px;
	    padding: 2px 20px;
	    border-radius: 20px;
	    margin-right: 10px;
	    width: calc( (100% - 10px) / 2 );
	    text-align: center;
	    cursor: pointer;
	}
	.cox-video-tab li:last-child{
		margin-right: 0
	}
	.cox-video-list li{
		width: calc( ( 100% - 10px * 1 ) / 2 );
		margin-right: 10px;
		margin-top: 10px;
	}
	.cox-video-list li:nth-child(2n){
		margin-right: 0
	}
}