@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	outline: 0;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	height: 100%;
	width: 100%;
	color: #363d4c;
	background-color: #fff;
	min-width: 320px;
	font-family: "futura-condensed-medium", "PingFangSC-Regular", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

html {
	font-size: calc(100vw/19.2);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

a,
a:hover {
	text-decoration: none;
}

a {
	cursor: pointer;
	color: #020202;
}

a:hover {
	color: #df0716;
}

hr,
img {
	border: 0;
}

img {
	display: block;
	max-width: 100%;
}

hr {
	height: 0;
	border-top: 1px solid #ddd;
}

ol,
ul {
	list-style: none;
}

button,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=checkbox],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: normal;
}

button {
	background: none;
	border: none;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
	border: 0;
}

em,
i {
	font-style: initial !important;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-clearfix {
	clear: both !important;
}

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

.none {
	display: none !important;
	visibility: hidden;
}

.block {
	display: block !important;
	visibility: visible;
	zoom: normal;
}


.main {
	display: block;
	width: 100%;
	min-height: 100%;
	background: #000;
	position: relative;
}

@media (min-width: 1901px) {
	html {
		font-size: 100px;
	}
}

@media (max-width: 1580px) {
	html {
		font-size: 66px;
	}
}

/* 头部 */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.header:hover,
.header1 {
	background: #fff;
}

.header .hadbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	width: 100%;
	height: 110px;
	line-height: 110px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.header:hover .hadbox,
.header1 .hadbox {
	border-color: #ececec;
}

.hadbox .logo {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.27rem 0.55rem 0.26rem 0.95rem;
	border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.header:hover .hadbox .logo,
.header1 .hadbox .logo {
	border-color: #ececec;
}

.hadbox #nav {
	display: flex;
	align-items: center;
}

.hadbox #nav li .tit {
	display: flex;
	align-items: center;
	padding: 0 0.31rem;
	font-size: 16px;
	color: #fff;
	position: relative;
}

.header:hover .hadbox #nav li .tit,
.header1 .hadbox #nav li .tit {
	color: #1a4669;
}

.hadbox #nav li .tit::after {
	display: block;
	content: "";
	width: 0;
	height: 4px;
	background: #1a4669;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	bottom: 0.33rem;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hadbox #nav li.active .tit::after,
.hadbox #nav li:hover .tit::after {
	width: 30px;
}

.hadbox .gt {
	display: flex;
	align-items: center;
	height: 100%;
}

.hadbox .gt .lange {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 0.34rem;
	border-left: 1px solid rgba(255, 255, 255, 0.18);
	position: relative;
}

.header:hover .hadbox .gt .lange,
.header1 .hadbox .gt .lange {
	border-color: #ececec;
}

.hadbox .gt .lange .tit {
	display: flex;
	align-items: center;
	color: #fff;
}

.header:hover .hadbox .gt .lange .tit,
.header1 .hadbox .gt .lange .tit {
	color: #1a4669;
}

.hadbox .gt .lange .tit i {
	display: block;
	width: 0.23rem;
	height: 0.23rem;
	margin-right: 9px;
	background-image: url(../images/icon_earth.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.header:hover .hadbox .gt .lange .tit i,
.header1 .hadbox .gt .lange .tit i {
	background-image: url(../images/icon_earth1.png);
}

.hadbox .gt .lange .tit span {
	opacity: 0.6;
}

.header:hover .hadbox .gt .lange .tit span,
.header1 .hadbox .gt .lange .tit span {
	opacity: 1;
}

.hadbox .gt .lange .tit b {
	display: block;
	width: 0.13rem;
	height: 0.06rem;
	margin-left: 7px;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.header:hover .hadbox .gt .lange .tit b,
.header1 .hadbox .gt .lange .tit b {
	background-image: url(../images/icon_arrow1.png);
}

.hadbox .gt .lange .language {
	display: none;
	width: 100%;
	padding: 10px 20px;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
}

.hadbox .gt .lange .language a {
	display: block;
	line-height: 51px;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	font-size: 14px;
	color: #1a4669;
}

.hadbox .gt .lange .language a:last-child {
	border-bottom: none;
}

.hadbox .gt .lange .language a i {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
}

.hadbox .gt .lange .language a.cn i {
	background-image: url(../images/icon_cn.png);
}

.hadbox .gt .lange .language a.en i {
	background-image: url(../images/icon_en.png);
}

.hadbox .gt .search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.48rem;
	height: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.18);
	/* background: #f9f9f9; */
}

.hadbox .gt .search .tit {
	display: block;
	width: 0.22rem;
	height: 0.23rem;
	background: url(../images/icon_search.png) no-repeat;
	background-size: 100% auto;
}

.header:hover .hadbox .gt .search .tit,.header1 .hadbox .gt .search .tit {
	background: url(../images/icon_search2.png) no-repeat;
	background-size: 100% auto;
}

/* 下拉菜单 */
.hadbox #nav li .had_hover {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.61rem 0 0.4rem;
}

.hadbox #nav li .hadbot {
	background: rgba(255, 255, 255, 0.98);
}

.hadbox #nav li .hadbot .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 64%;
	max-width: 1228px;
	margin: 0 auto;
}

.hadbox #nav li .hadbot .hadbot_menu {
	flex: 0 0 39%;
}

.hadbox #nav li .hadbot .hadbot_menu h4 {
	line-height: 1;
	padding-left: 14px;
	margin-bottom: 0.36rem;
	font-size: 32px;
	color: #393939;
	position: relative;
	overflow: hidden;
}

.hadbox #nav li .hadbot .hadbot_menu h4::before,
.hadbox #nav li .hadbot .hadbot_menu h4::after {
	display: block;
	content: "";
	width: 8px;
	position: absolute;
	left: 0;
}

.hadbox #nav li .hadbot .hadbot_menu h4::before {
	height: 93.75%;
	background: #ff0008;
	top: 2px;
}

.hadbox #nav li .hadbot .hadbot_menu h4::after {
	height: 50%;
	background: #1a4669;
	bottom: 0;
}

.hadbox #nav li .hadbot .hadbot_menu .lis a {
	display: block;
	line-height: 54px;
	padding-left: 19px;
	font-size: 20px;
	color: #333;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hadbox #nav li .hadbot .hadbot_menu .lis a:hover,
.hadbox #nav li .hadbot .hadbot_menu .lis a.active {
	background: #1a4669;
	color: #fff;
}

.hadbox #nav li .hadbot .hadbot_menu .lis a .icon {
	display: block;
	width: 8px;
	height: 13px;
	background: url(../images/icon_arrow2.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 21px;
	right: 18px;
}

.hadbox #nav li .hadbot .hadbot_con {
	flex: 0 0 48%;
	margin-top: 4px;
}

.hadbox #nav li .hadbot .hadbot_con .hadbot_img {
	width: 100%;
	padding-top: 66.6%;
	position: relative;
}

.hadbox #nav li .hadbot .hadbot_con .hadbot_img .img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hadbox #nav li .hadbot .hadbot_con .hadbot_img .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.hadbox #nav li .hadbot .hadbot_con .hadbot_img .img:first-child {
	display: block;
}

.hadbot .hadbot_list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 73.4%;
	min-width: 901px;
	margin: 0 auto;
}

.hadbot .hadbot_list .list_item {
	width: 50%;
	padding: 0 0.54rem;
}

.hadbot .hadbot_list .list_item .item_img {
	width: 100%;
	padding-bottom: 62.63%;
	position: relative;
	overflow: hidden;
}

.hadbot .hadbot_list .list_item .item_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
}

.hadbot .hadbot_list .list_item .item_img a:hover img {
	transform: scale(1.1, 1.1);
}

.hadbot .hadbot_list .list_item .item_img p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 40px;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.4);
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.hadbot .hadbot_list .list_item ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 20px;
	position: relative;
}

.hadbot .hadbot_list .list_item ul::after {
	display: block;
	content: "";
	width: 1px;
	background: #dbdbdb;
	position: absolute;
	top: 24px;
	right: -0.54rem;
	bottom: 11px;
}

.hadbot .hadbot_list .list_item:last-child ul::after {
	display: none;
}

.hadbot .hadbot_list .list_item ul li {
	flex: 0 0 50%;
}

.hadbot .hadbot_list .list_item ul li a {
	display: block;
	line-height: 28px;
	padding: 6px 0 7px 17px;
	font-size: 18px;
	color: #666;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hadbot .hadbot_list .list_item ul li a:hover {
	color: #df0716;
}

.hadbot .hadbot_list .list_item ul li a::after {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	background: transparent;
	border-radius: 5px;
	position: absolute;
	top: 18px;
	left: 5px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hadbot .hadbot_list .list_item ul li a:hover::after {
	background: #df0716;
}

/* 头部搜索框 */
.hadbox1 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.61rem 0 0.79rem;
	background: #fff
}

.hadbox1 .container {
	width: 64%;
	max-width: 1228px;
	margin: 0 auto;
}

.hadbox1 .container .form {
	display: flex;
	align-items: center;
	background: #f5f5f5;
}

.hadbox1 .container .form .int {
	display: flex;
	align-items: center;
	width: calc(100% - 2.5rem);
	padding: 0 0.45rem;
}

.hadbox1 .container .form i {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/icon_search1.png) no-repeat;
	background-size: cover;
}

.hadbox1 .container .form input[type=text] {
	width: calc(100% - 30px);
	height: 1rem;
	padding-left: 0.44rem;
	background: none;
	font-size: 0.24rem;
}

.hadbox1 .container .form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 1rem;
	background: #1a4669;
	font-size: 0.24rem;
	color: #fff;
}


/* 底部 */
.footer {
	padding: 5.3125% 0 3.75%;
	background: url(../images/Bgimg4.jpg) center center no-repeat;
	background-size: cover;
}

.footer .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.footer .container .jut {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 3.0914%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.footer .container .jut .lt {
	display: flex;
	align-items: center;
}

.footer .container .jut .lt .logo {
	display: block;
	width: 1.31rem;
	margin-right: 0.56rem;
	overflow: hidden;
}

.footer .container .jut .lt .logo img {
	display: block;
	width: 100%;
}

.footer .container .jut .lt .select {
	width: 2.1rem;
	height: 0.45rem;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: relative;
}

.footer .container .jut .lt .select .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.footer .container .jut .lt .select .tit span {
	display: block;
	width: calc(100% - 0.44rem);
	padding: 0 0.22rem;
	font-size: 16px;
	color: #fff;
}

.footer .container .jut .lt .select .tit i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.44rem;
	height: 100%;
	position: relative;
}

.footer .container .jut .lt .select .tit i::before {
	display: block;
	content: "";
	width: 1px;
	height: 80%;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer .container .jut .lt .select .tit i img {
	display: block;
	width: 0.12rem;
}

.footer .container .jut .lt .select .hover1 {
	display: none;
	max-height: 3.8rem;
	background: rgba(0, 0, 0, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	overflow: auto;
}

.footer .container .jut .lt .select .hover1::-webkit-scrollbar {
	width: 2px;
	height: 1px;
}

.footer .container .jut .lt .select .hover1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #999999;
}

.footer .container .jut .lt .select .hover1::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #f5f5f5;
}

.footer .container .jut .lt .select .hover1 a {
	display: block;
	line-height: 1.5;
	padding: 5px 0.22rem;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer .container .jut .gt {
	display: flex;
	align-items: center;
}

.footer .container .jut .gt .fen {
	margin-right: 0.3rem;
	font-size: 16px;
	color: #fff;
}

.footer .container .gt .list {
	display: flex;
	align-items: center;
}

.footer .container .gt .list .lis {
	position: relative;
	margin-right: 0.15rem;
}

.footer .container .gt .list .lis a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer .container .gt .list .lis a:hover {
	border-color: #1a4669;
}

.footer .container .gt .list .lis a::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #1a4669;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 0;
}

.footer .container .gt .list .lis a:hover::after {
	width: 100%;
}

.footer .container .gt .list .lis a img {
	width: 0.23rem;
	height: 0.2rem;
	position: relative;
	z-index: 1;
}

.footer .container .gt .list .lis:last-child a img {
	width: 0.18rem;
	height: 0.21rem;
}

.footer .container .cont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 4.164%;
}

.footer .container .cont dl {
	margin-right: 0.8rem;
	max-width: 12.4826%;
}

.footer .container .cont dt a {
	display: block;
	line-height: 30px;
	margin-bottom: 0.13rem;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer .container .cont dd a {
	display: block;
	line-height: 24px;
	margin-bottom: 4px;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer .container .cont dt a:hover,
.footer .container .cont dd a:hover {
	opacity: 0.6;
}

.footers {
	display: flex;
	align-items: center;
	background: #161616;
}

.footers .container {
	width: 82.55%;
	max-width: 1585px;
	line-height: 45px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footers .container .lt,
.footers .container .lt a,
.footers .container .gt,
.footers .container .gt a {
	font-size: 14px;
	color: #5e5e5e;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footers .container .lt a:hover,
.footers .container .gt a:hover {
	color: #fff;
}


/* 分页 */
.pages {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 0.63rem;
}

.pages a,
.pages span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	margin: 0 5px 10px;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.pages a:hover,
.pages span {
	background: #1a4669;
	border-color: #1a4669;
	color: #fff;
}

.pages a.txtbtn {
	width: 70px;
}


/* 关注图片弹窗 */
#hi-img-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}

#hi-img-pop img {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 90%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#hi-img-pop .hi-close {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	position: fixed;
	top: 85%;
	left: 50%;
	margin-left: -20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}

#hi-img-pop .hi-close:hover {
	background: #1a4669;
}

#hi-img-pop .hi-close::before,
#hi-img-pop .hi-close::after {
	display: block;
	content: "";
	width: 20px;
	height: 2px;
	margin: -1px 0 0 -10px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#hi-img-pop .hi-close::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#hi-img-pop .hi-close::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#hi-img-pop .hi-close:hover::before,
#hi-img-pop .hi-close:hover::after {
	background: #fff;
}


/* 首页轮播图 */
.carousel {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.carousel .swiper-slide .coverbg {
	width: 100%;
	padding-bottom: 50.5208%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.carousel .swiper-slide section {
	position: absolute;
	top: 42.4%;
	left: 10.9375%;
	max-width: 60%
}

.carousel .swiper-slide section .title {
	line-height: 0.76rem;
	padding-bottom: 0.12rem;
	font-size: 0.63rem;
	font-weight: 300;
	color: #fff;
	letter-spacing: 0rem;
	position: relative;
}

.carousel .swiper-slide section .title::after {
	display: block;
	content: "";
	width: 0.65rem;
	height: 0.07rem;
	border-radius: 0.07rem;
	background: #1a4669;
	position: absolute;
	left: 0;
	bottom: 0;
}

.carousel .swiper-slide section p {
	line-height: 0.54rem;
	padding-top: 0.16rem;
	font-size: 0.4rem;
	font-weight: 300;
	color: #fff;
}

.carousel .container {
	position: absolute;
	left: 10%;
	bottom: 2.15rem;
	width: 80%;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.carousel .container .pagination {
	display: flex;
	align-items: flex-start;
	line-height: 0.8;
	font-size: 18px;
	color: #fff;
}

.carousel .container .pagination .swiper-pagination-current {
	font-size: 0.6rem;
	margin-right: 6px;
}

.carousel .container .pagination .swiper-pagination-total {
	margin-left: 10px;
}

.carousel .container .toggle_btn {
	display: flex;
	align-items: center;
}

.carousel .container .toggle_btn .sBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.carousel .container .toggle_btn .sBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.carousel .container .toggle_btn .sBtn::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s linear;
}

.carousel .container .toggle_btn .sPrev {
	border-right: none;
}

.carousel .container .toggle_btn .sBtn i {
	display: block;
	width: 0.09rem;
	height: 0.15rem;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1;
}

.carousel .container .toggle_btn .sPrev i {
	background-image: url(../images/icon_sPrev.png);
}

.carousel .container .toggle_btn .sNext i {
	background-image: url(../images/icon_sNext.png);
}

.carousel .container .toggle_btn .sPrev:hover::after,
.carousel .container .toggle_btn .sNext:hover::after {
	width: 100%;
}

.carousel .container .toggle_btn .sPrev:hover i {
	background-image: url(../images/icon_sPrev1.png);
}

.carousel .container .toggle_btn .sNext:hover i {
	background-image: url(../images/icon_sNext1.png);
}


/* 首页关于我们 */
.sec1 {
	width: 100%;
	padding-bottom: 18.8542%;
	margin-top: -7.292%;
	background-image: url(../images/Bgimg7.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	z-index: 1;
}

.sec1 .container {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	flex-direction: column;
}

.sec1 .container .tit {
	line-height: 0.48rem;
	margin-bottom: 0.14rem;
	font-size: 0.36rem;
	color: #fff;
}

.sec1 .container .sub_tit {
	line-height: 0.36rem;
	margin-bottom: 0.43rem;
	font-size: 0.28rem;
	color: #ff0008;
}

.sec1 .container .btn_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec1 .container .btn_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0.5rem;
	padding: 0 0.43rem 0 0.46rem;
	margin: 0 0.2rem;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec1 .container .btn_box a:hover,
.sec1 .container .btn_box a:last-child {
	background: #1a4669;
	border-color: #1a4669;
}

.sec1 .container .btn_box a:last-child:hover {
	border-color: #fff;
}

.sec1 .container .btn_box a::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #1a4669;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s linear;
	z-index: 0;
}

.sec1 .container .btn_box a:last-child::after {
	background: #fff;
}

.sec1 .container .btn_box a:hover::after,
.sec1 .container .btn_box a:last-child:hover::after {
	width: 100%;
}

.sec1 .container .btn_box a span {
	display: block;
	padding-right: 0.2rem;
	font-size: 16px;
	color: #fff;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec1 .container .btn_box a:last-child:hover span {
	color: #1a4669;
}

.sec1 .container .btn_box a span::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background-image: url(../images/icon_sNext.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec1 .container .btn_box a:last-child:hover span::after {
	background-image: url(../images/icon_sNext1.png);
}


/* 首页视频弹窗 */
.mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}

.mask .videos {
	width: 60%;
	height: 70%;
	padding: 1.5%;
	background: #fff;
	border-radius: 15px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mask .videos #video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mask .videos .vclose {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: -40px;
	cursor: pointer;
}

/* 首页产品分类 */
.sec2 {
	background: #000;
}

.sec2 .container {
	display: flex;
	position: relative;
}

.sec2 .container .items {
	width: 47%;
	height: 41.6667vw;
	margin-left: -22.5%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.sec2 .container .items:first-child {
	margin-left: 0;
}

.sec2 .container .items.on {
	width: 76%;
	-webkit-transition: width 0.3s linear;
	transition: width 0.3s linear;
}

.sec2 .container .items .img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.sec2 .container .items:last-child .img {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

.sec2 .container .items .img img {
	width: 100vw;
	max-width: inherit;
	height: 53.698vw;
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: fill;
	-webkit-transition: left 0.3s linear;
	transition: left 0.3s linear;
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
	margin-top: -26.849vw;
	margin-left: -50vw;
}

.sec2 .container .items:first-child .text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.79rem 0 0 1.87rem;
}

.sec2 .container .items:last-child .text {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 0 0.54rem 1.74rem;
}

.sec2 .container .items .text .tit {
	width: 3.04rem
}

.sec2 .container .items:last-child .text .tit {
	margin-left: 0.57rem;
}

.sec2 .container .items .text .tit p {
	line-height: 0.4rem;
	font-size: 18px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}

.sec2 .container .items .text .txt {
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.sec2 .container .items:first-child .text .txt {
	width: 71%;
	padding: 0.16rem 0.25rem;
	margin-top: 0.1rem;
	background: url(../images/icon_bg_black.png) center center no-repeat;
	background-size: cover;
}

.sec2 .container .items.on .text .txt {
	opacity: 1;
}

.sec2 .container .items .text .txt p {
	line-height: 31px;
	font-size: 18px;
	color: #fff;
}

.sec2 .container .items .text .but {
	display: flex;
	align-items: center;
	line-height: 31px;
	margin-top: 0.08rem;
	font-size: 18px;
	color: #fff;
}

.sec2 .container .items:last-child .text .but {
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.sec2 .container .items.on:last-child .text .but {
	opacity: 1;
}

.sec2 .container .items .text .but i {
	display: block;
	width: 0.07rem;
	height: 0.11rem;
	margin-left: 0.08rem;
	background: url(../images/icon_arrow5.png) no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec2 .container .items .text .but:hover i {
	-webkit-transform: translateX(0.1rem);
	transform: translateX(0.1rem);
}

.sec2 .container .items:last-child .text .imgs {
	width: 6.65rem;
	margin-top: 0.19rem;
}

/* 首页产品中心 */
.sec3 {
	display: flex;
	align-items: center;
	background: url(../images/Bgimg2.jpg) center center no-repeat;
	background-size: 100%;
	padding: 1.18rem 0 0.76rem;
}

.sec3 .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.sec3 .container .category {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sec3 .container .category .item {
	flex: 0 0 49.97%;
	position: relative;
}

.sec3 .container .category .item::after,
.sec3 .container .category .on::after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-left: 0.205rem solid transparent;
	border-right: 0.205rem solid transparent;
	border-top: 0 solid #dedeed;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .on::after,
.sec3 .container .category .item:hover::after {
	border-top-width: 0.2rem;
}

.sec3 .container .category .item .img {
	width: 100%;
	padding-bottom: 62.63%;
	position: relative;
	overflow: hidden;
}

.sec3 .container .category .item .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .item a:hover .img img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sec3 .container .category .item .text {
	width: 54.3%;
	padding: 4.6% 5.5% 0 5.8%;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 0.2rem;
	position: absolute;
	top: 15.32%;
	left: 5.6%;
}

.sec3 .container .category .item .text .tit {
	line-height: 0.5rem;
	margin-bottom: 0.13rem;
	font-size: 0.34rem;
	color: #1a4669;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .item .text .txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 0.9rem;
	line-height: 0.3rem;
	font-size: 18px;
	color: #999;
	text-align: justify;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .item a:hover .text .tit,
.sec3 .container .category .item a:hover .text .txt {
	padding-left: 10px;
}

.sec3 .container .category .item .but {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.5rem;
	height: 0.5rem;
	background: #1a4669;
	border-radius: 0.08rem;
	position: relative;
	overflow: hidden;
	-webkit-transform: translateY(45%);
	transform: translateY(45%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .item .but::before {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category .item a:hover .but::before {
	width: 100%;
}

.sec3 .container .category .item .but i {
	display: block;
	width: 0.09rem;
	height: 0.15rem;
	background: url(../images/icon_sNext.png) no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 1;
}

.sec3 .container .category_con {
	margin-top: 4.42%;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.sec3 .container .category_con .list {
	display: none;
	flex: 0 0 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category_con .list:first-child {
	display: block;
}

.sec3 .container .category_con .list ul {
	margin: 0 -0.21rem;
	font-size: 0;
}

.sec3 .container .category_con .list li {
	display: inline-block;
	width: 20%;
	padding: 0 0.21rem;
}

.sec3 .container .category_con .list li a {
	display: block;
	width: 100%;
	background: #fff;
}

.sec3 .container .category_con .list li .img {
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}

.sec3 .container .category_con .list li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category_con .list li a:hover .img img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sec3 .container .category_con .list li .tit {
	line-height: 0.47rem;
	padding: 0 0.1rem;
	font-size: 18px;
	color: #999;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec3 .container .category_con .list li a:hover .tit {
	color: #1a4669;
}

/* 首页列表 */
.sec4 {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.sec4 .item {
	flex: 0 0 33.33%;
	padding: 0 1px;
	position: relative;
}

.sec4 .item .img {
	width: 100%;
	padding-bottom: 68.34%;
	position: relative;
	overflow: hidden;
}

.sec4 .item .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec4 .item a:hover .img img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sec4 .item .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 12.4% 11.8%;
}

.sec4 .item .text .tit {
	line-height: 0.5rem;
	font-size: 0.4rem;
	color: #fff;
}

.sec4 .item .text .but {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.6rem;
	height: 0.6rem;
	margin-top: 1.38rem;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 100%;
}

.sec4 .item a:hover .text .but {
	background: #fff;
	border-color: #fff;
}

.sec4 .item .text .but i {
	display: block;
	width: 0.19rem;
	height: 0.18rem;
	background-image: url(../images/jiantouba2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec4 .item a:hover .text .but i {
	background-image: url(../images/jiantouba1.png);
	transform: rotate(45deg);
}


/* 申请打样弹窗 */
.prooalt {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}

.prooalt .con {
	width: 94%;
	max-width: 600px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.prooalt .con .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 0.8rem;
	padding: 0 0.26rem 0 0.52rem;
	background: #1a4669;
	color: #fff;
}

.prooalt .con .tit span {
	font-size: 0.24rem;
}

.prooalt .con .tit .close {
	width: 0.24rem;
	height: 0.24rem;
	line-height: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}

.prooalt .con .tit .close:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.prooalt .con .jut {
	width: 100%;
	padding: 0.32rem 0.5rem 14px;
}

.prooalt .con .jut .item .int {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.15rem;
	border-bottom: 1px solid #ddd;
}

.prooalt .con .jut .item .int .lab {
	font-size: 16px;
	color: #ff0000;
}

.prooalt .con .jut .item .int input {
	width: calc(100% - 20px);
	padding: 0.16rem 0;
	font-size: 16px;
	color: #666;
}

.prooalt .con .jut .item .but_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 0.5rem;
	margin-top: 0.3rem;
	background: #1a4669;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.prooalt .con .jut .item .but_next:hover {
	opacity: 0.8;
}

.prooalt .con .jut .text {
	line-height: 1.5;
	margin-top: 14px;
	font-size: 14px;
	color: #999;
	text-align: center;
}


/* 首页新闻 */
.sec5 {
	display: flex;
	align-items: center;
	padding: 2.552% 0 6.354%;
	background: url(../images/Bgimg3.jpg) no-repeat;
	background-size: 100%;
}

.sec5 .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.sec5 .container .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3.66%;
}

.sec5 .container .title .tit {
	line-height: 0.68rem;
	font-size: 0.4rem;
	color: #fff;
	position: relative;
}

.sec5 .container .title .tit::after {
	display: block;
	content: "";
	width: 0.48rem;
	height: 0.07rem;
	background: #1a4669;
	border-radius: 0.07rem;
	position: absolute;
	left: 2px;
	bottom: 0;
}

.sec5 .container .title .but {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #999;
}

.sec5 .container .title .but i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.2218rem;
	height: 0.2218rem;
	margin-left: 0.14rem;
	background: #1a4669;
	border-radius: 0.2218rem;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .title .but:hover i {
	-webkit-transform: translateX(0.06rem);
	transform: translateX(0.06rem);
}

.sec5 .container .title .but i::after {
	display: block;
	content: "";
	width: 8px;
	height: 12px;
	background: url(../images/icon_arrow3.png) no-repeat;
	background-size: 100% 100%;
}

.sec5 .container .jut {
	margin-bottom: 3.79%;
	background: #051420;
	border: 1px solid #474747;
}

.sec5 .container .jut a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec5 .container .jut .lt,
.sec5 .container .jut .gt {
	width: 50%;
}

.sec5 .container .jut .lt {
	border-right: 1px solid #474747;
}

.sec5 .container .jut .lt .img {
	width: 100%;
	padding-bottom: 50.13%;
	position: relative;
	overflow: hidden;
}

.sec5 .container .jut .lt .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut a:hover .lt .img img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

/* .sec5 .container .jut .gt {
	padding: 2.778% 3.912% 2.778% 3.28%;
} */

.sec5 .container .jut .gt .gt_box {
	width: 100%;
	padding-bottom: 50.13%;
	position: relative;
	overflow: hidden;
}

.sec5 .container .jut .gt .gt_box .text {
	position: absolute;
	top: 11.1111%;
	left: 6.562%;
	bottom: 11.1111%;
	right: 7.823%;
}

.sec5 .container .jut .gt .tit {
	line-height: 1;
	padding: 0.1rem 0;
	font-size: 0.3rem;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut .gt .time {
	line-height: 1;
	padding: 0.08rem 0;
	margin-bottom: 6.18%;
	font-size: 18px;
	color: #d5d5d5;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut .gt .txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 60px;
	line-height: 30px;
	margin-bottom: 6.03%;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

/* .sec5 .container .jut a:hover .gt .txt {
	-webkit-transform: translateX(-50%);
	transform: translateX(10px);
} */

.sec5 .container .jut .gt .but {
	display: flex;
	align-items: center;
	padding-top: 7.7941%;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 16px;
	color: #fff;
	position: relative;
}

.sec5 .container .jut .gt .but::after {
	display: block;
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	top: -1px;
	left: 0;
	-webkit-transition: all 0.3s 0.1s linear;
	transition: all 0.3s 0.1s linear;
}

.sec5 .container .jut a:hover .gt .but::after {
	width: 100%;
}

.sec5 .container .jut .gt .but span {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 32px;
	padding: 0 0.12rem 0 0.2rem;
	background: #1a4669;
	border-radius: 32px;
	position: relative;
	overflow: hidden;
}

.sec5 .container .jut .gt .but span::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut a:hover .gt .but span::after {
	width: 100%;
}

.sec5 .container .jut .gt .but span i {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0.19rem;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut a:hover .gt .but span i {
	color: #1a4669;
}

.sec5 .container .jut .gt .but span i::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background-image: url(../images/icon_sNext.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .jut a:hover .gt .but span i::after {
	background-image: url(../images/icon_sNext1.png);
}

.sec5 .container .cont ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sec5 .container .cont ul li {
	width: 49%;
	padding: 0.29rem 0.41rem 0.3rem;
	background: #051420;
	border: 1px solid #474747;
}

.sec5 .container .cont a {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.sec5 .container .cont a .img {
	width: 53.2%;
	padding-bottom: 26.74%;
	border: 1px solid #e8e8e8;
	position: relative;
	overflow: hidden;
}

.sec5 .container .cont a .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sec5 .container .cont a:hover .img img {
	-webkit-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04);
}

.sec5 .container .cont a .text {
	width: 40.68%;
	margin-left: 0.45rem;
}

.sec5 .container .cont a .text .tit {
	line-height: 1;
	padding: 0.12rem 0;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sec5 .container .cont a .text .time {
	line-height: 1;
	padding: 0.08rem 0;
	margin-bottom: 0.21rem;
	font-size: 18px;
	color: #d5d5d5;
}

.sec5 .container .cont a .text .txt {
	line-height: 26px;
	font-size: 14px;
	color: #fff;
}


/* 内页Banner */
.carousels {
	position: relative;
	overflow: hidden;
}

.carousels .coverbg {
	width: 100%;
	padding-bottom: 47.135%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousels .video1 {
	position: absolute;
	left: 50%;
	bottom: 28.95%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
	text-align: center;
}

.carousels .video1 i {
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
}

.carousels .video1 span {
	display: block;
	line-height: 34px;
	padding: 0 0.2rem;
	margin-top: 10px;
	background: #1a4669;
	border-radius: 34px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.carousels .video1:hover span {
	background: #fff;
	color: #1a4669;
}


/* 内页视频弹窗 */
.hi-video-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}

.hi-video-pop .hi-video-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hi-video-pop .hi-video-box .hi-video-wrap {
	max-width: 90vh;
	border: 2px solid #fff;
}

.hi-video-pop .hi-video-box .hi-video-wrap video {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.hi-video-pop .hi-close {
	display: block;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: #fff;
	border-radius: 50%;
	position: fixed;
	top: 85%;
	left: 50%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}

.hi-video-pop .hi-close:hover {
	background: #1a4669;
}

.hi-video-pop .hi-close::before,
.hi-video-pop .hi-close::after {
	display: block;
	content: "";
	width: 20px;
	height: 2px;
	margin: -1px 0 0 -10px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hi-video-pop .hi-close::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hi-video-pop .hi-close::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hi-video-pop .hi-close:hover::before,
.hi-video-pop .hi-close:hover::after {
	background: #fff;
}

/* 关于我们 */
.abtbox {
	width: 100%;
	margin-top: -3.90625%;
	/* background: #000; */
	background-size: 100% auto;
	position: relative;
	z-index: 1;
}

.abtbox .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.abtbox .abtbox-sec1 {
	padding-top: 3.1771%;
	background: url(../images/Bgimg7.png) center top no-repeat;
	background-size: 100%;
}

.abtbox .title {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0.68rem;
	color: #fff;
}

.abtbox .title span {
	display: block;
	font-size: 0.4rem;
	padding: 0 7.382%;
	position: relative;
}

.abtbox .title span::before,
.abtbox .title span::after {
	display: block;
	content: "";
	width: 1.04rem;
	height: 0.02rem;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.abtbox .title span::before {
	background-image: url(../images/tit_line_left.png);
	left: 0;
}

.abtbox .title span::after {
	background-image: url(../images/tit_line_right.png);
	right: 0;
}

.abtbox .tit {
	line-height: 0.48rem;
	font-size: 0.28rem;
	color: #ff0008;
	text-align: center;
}

.abtbox-sec1 .cont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 2.21%;
}

.abtbox-sec1 .cont .lt {
	width: 55.52%;
	max-width: 880px;
}

.abtbox-sec1 .cont .lt p {
	line-height: 32px;
	font-size: 18px;
	color: #fff;
}

.abtbox-sec1 .cont .gt {
	width: 34.76%;
}

.abtbox-sec1 .cont .gt .img {
	width: 100%;
	padding-bottom: 60.8%;
	position: relative;
}

.abtbox-sec1 .cont .gt .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.abtbox-sec1 .con {
	margin-top: 0.13rem;
}

.abtbox-sec1 .jut {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 4.01%;
	position: relative;
	overflow: hidden;
}

.abtbox-sec1 .jut .txt {
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	position: absolute;
	right: 10.416667%;
	bottom: 0.18rem;
}

.abtbox .abtbox-sec2 {
	padding-top: 2.76%;
	background: url(../images/Bgimg8.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.abtbox-sec2 .img-box {
	display: flex;
	position: relative;
	padding-top: 2.5%;
}

.abtbox-sec2 .img-box .item {
	width: 36.46%;
	height: 24.9vw;
	margin-left: -13%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.abtbox-sec2 .img-box .item:first-child {
	margin-left: 0;
}

.abtbox-sec2 .img-box .item.on {
	width: 77.2%;
	-webkit-transition: width 0.3s linear;
	transition: width 0.3s linear;
}

.abtbox-sec2 .img-box .item .img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.abtbox-sec2 .img-box .item:last-child .img {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

.abtbox-sec2 .img-box .item .img img {
	width: 100vw;
	max-width: inherit;
	height: 31.823vw;
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: fill;
	-webkit-transition: left 0.3s linear;
	transition: left 0.3s linear;
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
	margin-top: -15.9115vw;
	margin-left: -50vw;
}

.abtbox-sec2 .cont {
	padding-top: 3.74%;
}

.abtbox-sec2 .cont p {
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	text-align: justify;
}

.abtbox-sec2 .con {
	padding-top: 1.4511%;
}

.abtbox-sec2 .con {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding-right: 3.4069%;
}

.abtbox-sec2 .con .items {
	width: 23.8486%;
	margin: 1.4511% 1.4511% 0;
}

.abtbox-sec2 .con .items .img {
	width: 100%;
	padding-bottom: 98.9418%;
	position: relative;
}

.abtbox-sec2 .con .items .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.abtbox-sec2 .con .items .tits {
	line-height: 0.6rem;
	font-size: 0.22rem;
	color: #fff;
	text-align: center;
}

.abtbox-sec2 .con .items:first-child {
	width: 33.25%;
	margin: 1.4511% 2.9022% 0;
}

.abtbox-sec2 .con .items:first-child .text {
	width: 100%;
	padding-bottom: 70.9677%;
	background: url(../images/IMG3.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.abtbox-sec2 .con .items:first-child .text .txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 8.7302% 8.3491% 7.5901% 20.0397%;
}

.abtbox-sec2 .con .items .text .txt p.cn {
	line-height: 0.42rem;
	font-size: 0.26rem;
	color: #fff;
}

.abtbox-sec2 .con .items .text .txt p.cn:first-child {
	line-height: 0.35rem;
	font-size: 0.2234rem;
}

.abtbox-sec2 .con .items .text .txt p.en {
	line-height: 0.32rem;
	font-size: 0.2rem;
	color: #fff;
	letter-spacing: 2px;
}

.abtbox .abtbox-sec3 {
	padding: 2.70833% 0 7.03125%;
	background: url(../images/Bgimg6.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.abtbox-sec3 .con {
	padding-top: 3.7855%;
	text-align: center;
}

.abtbox-sec3 .con img {
	margin: 0 auto;
}

/* 企业文化 */
.abtbox .abtbox-sec4 {
	padding-top: 3.1771%;
	background: url(../images/Bgimg1.png) center top no-repeat;
	background-size: 100%;
}

.abtbox-sec4 .jut {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-shrink: 0;
	padding-top: 0.32rem;
}

.abtbox-sec4 .jut .item {
	flex: 0 0 20%;
	padding: 0 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.abtbox-sec4 .jut .item:first-child .img img {
	width: 1.1rem;
	margin-top: 0.13rem;
}

.abtbox-sec4 .jut .item:nth-child(2) .img img {
	width: 1.31rem;
}

.abtbox-sec4 .jut .item:nth-child(3) .img img {
	width: 1.16rem;
	margin-top: 0.13rem;
}

.abtbox-sec4 .jut .item:nth-child(4) .img img {
	width: 1.16rem;
	margin-top: 0.17rem;
}

.abtbox-sec4 .jut .item:last-child .img img {
	width: 1.22rem;
	margin-top: 0.21rem;
}

.abtbox-sec4 .jut .item .tits {
	line-height: 1;
	padding: 0.14rem 0;
	margin-top: 5px;
	font-size: 22px;
	color: #fff;
	position: relative;
}

.abtbox-sec4 .jut .item .tits::after {
	display: block;
	content: "";
	width: 0.32rem;
	height: 0.06rem;
	background: #ff0007;
	border-radius: 0.06rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.abtbox-sec4 .jut .item .text {
	line-height: 32px;
	margin-top: 0.3rem;
	font-size: 18px;
	color: #fff;
}

.abtbox-sec4 .con .text {
	line-height: 0.4rem;
	padding: 0.48rem 0 0.66rem;
	font-size: 20px;
	color: #9e9e9e;
	text-align: center;
}

.abtbox-sec4 .con .img {
	width: 7.31rem;
	margin: 0 auto 0.89rem;
}

/* 企业相册 */
.abtbox .abtbox-sec5 {
	padding-top: 3.1771%;
	background: url(../images/Bgimg1.png) center top no-repeat;
	background-size: 100%;
}

.abtbox-sec5 .jut,
.abtbox-sec5 .jut a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.abtbox-sec5 .jut {
	padding: 0.36rem 0 0.46rem;
}

.abtbox-sec5 .jut a {
	padding: 0.17rem 0.35rem 0.15rem 0.4rem;
	margin: 0 0.21rem;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec5 .jut a:hover,
.abtbox-sec5 .jut a.active {
	border-color: #1a4669;
}

.abtbox-sec5 .jut a::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #1a4669;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec5 .jut a:hover::after,
.abtbox-sec5 .jut a.active::after {
	width: 100%;
}

.abtbox-sec5 .jut a span {
	display: flex;
	align-items: center;
	line-height: 1;
	padding-right: 0.21rem;
	font-size: 18px;
	position: relative;
	z-index: 1;
}

.abtbox-sec5 .jut a span::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background: url(../images/icon_sNext.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec5 .jut a:hover span::after,
.abtbox-sec5 .jut a.active span::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.abtbox-sec5 .con {
	overflow: hidden;
}

.abtbox-sec5 .con .list {
	text-align: center;
	font-size: 0;
}

.abtbox-sec5 .con .list li {
	display: inline-block;
	width: 28.8959%;
	padding: 0 2.0189%;
	margin-bottom: 0.63rem;
}

.abtbox-sec5 .con .list li .img {
	width: 100%;
	padding-bottom: 67.2589%;
	position: relative;
	overflow: hidden;
}

.abtbox-sec5 .con .list li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec5 .con .list li a:hover .img img {
	transform: scale(1.04, 1.04);
}

.abtbox-sec5 .con .list li .font {
	padding: 0.13rem 0 0.14rem;
	border-bottom: 1px solid #b9b9b9;
	position: relative;
}

.abtbox-sec5 .con .list li .font .tit1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #999;
	text-align: left;
}

.abtbox-sec5 .con .list li .font .tit1 span {
	display: block;
	width: calc(100% - 0.3rem);
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.abtbox-sec5 .con .list li .font .tit1 i {
	display: block;
	width: 0.29rem;
	height: 0.29rem;
	background: url(../images/iocn_check.png) no-repeat;
	background-size: 100%;
}

.abtbox-sec5 .con .list li .font .tit2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	padding: 0 0.15rem;
	background: #1a4669;
	font-size: 18px;
	color: #fff;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec5 .con .list li .font .tit2 span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: hidden;
}

.abtbox-sec5 .con .list li a:hover .font .tit2 {
	opacity: 1;
	width: 100%;
}


/* 荣誉证书 */
.abtbox .abtbox-sec6 {
	padding: 3.1771% 0 9.0221%;
	background: url(../images/Bgimg2.png) center top no-repeat;
	background-size: 100%;
}

.abtbox-sec6 .con {
	margin-top: 0.61rem;
	overflow: hidden;
}

.abtbox-sec6 .con .swiper-list {
	width: 84.6057%;
	margin-left: 0.12rem;
	overflow: hidden;
}

.abtbox-sec6 .con .swiper-list .swiper-slide .img {
	width: 100%;
	padding-bottom: 138.9068%;
	position: relative;
	overflow: hidden;
}

.abtbox-sec6 .con .swiper-list .swiper-slide .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: fill;
}

.abtbox-sec6 .con .swiper-list .jut {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.43rem;
}

.abtbox-sec6 .con .swiper-list .jut .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	margin: 0 0.07rem;
	background: #c9caca;
	opacity: 1;
}

.abtbox-sec6 .con .swiper-list .jut .swiper-pagination-bullet-active {
	background: #df0716;
}

.abtbox-sec6 .con .swiper-list .jut .sBtn {
	display: block;
	width: 0.09rem;
	height: 0.15rem;
	margin: 0 0.11rem;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.abtbox-sec6 .con .swiper-list .jut .sPrev {
	background-image: url(../images/icon_sPrev.png);
}

.abtbox-sec6 .con .swiper-list .jut .sPrev:hover {
	background-image: url(../images/icon_sPrev2.png);
}

.abtbox-sec6 .con .swiper-list .jut .sNext {
	background-image: url(../images/icon_sNext.png);
}

.abtbox-sec6 .con .swiper-list .jut .sNext:hover {
	background-image: url(../images/icon_sNext2.png);
}


/* 产品中心 */
.probox {
	padding-top: 7.76%;
	background: url(../images/Bgimg9.jpg) center top no-repeat #000;
	background-size: 100%;
}

.probox1 {
	background: url(../images/Bgimg10.jpg) center top no-repeat #000;
	background-size: 100%;
}

.probox .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.probox .jut .list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 94%;
	padding: 0.11rem 0 0.71rem;
	margin: 0 auto;
}

.probox .jut .list li {
	margin-top: 0.25rem;
	margin-right: 0.9rem;
}

.probox .jut .list a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #999;
}

.probox .jut .list a i {
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.probox .jut .list a i.icon-pro0 {
	width: 28px;
	height: 28px;
	background-image: url(../images/icon_pro1.png);
}

.probox .jut .list a i.icon-pro1 {
	width: 33px;
	height: 33px;
	background-image: url(../images/icon_pro2.png);
}

.probox .jut .list a i.icon-pro2 {
	width: 29px;
	height: 34px;
	background-image: url(../images/icon_pro3.png);
}

.probox .jut .list a i.icon-pro3 {
	width: 27px;
	height: 27px;
	background-image: url(../images/icon_pro4.png);
}

.probox .jut .list a i.icon-pro4 {
	width: 29px;
	height: 27px;
	background-image: url(../images/icon_pro5.png);
}

.probox .jut .list a i.icon-pro5 {
	width: 24px;
	height: 29px;
	background-image: url(../images/icon_pro6.png);
}

.probox .jut .list a i.icon-pro6 {
	width: 27px;
	height: 27px;
	background-image: url(../images/icon_pro7.png);
}

.probox .jut .list a i.icon-pro7 {
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_pro8.png);
}

.probox .jut .list a i.icon-pro8 {
	width: 14px;
	height: 35px;
	background-image: url(../images/icon_pro9.png);
}

.probox .jut .list a i.icon-pro9 {
	width: 29px;
	height: 29px;
	background-image: url(../images/icon_pro10.png);
}

.probox .jut .list a span {
	display: block;
	padding: 0.12rem 0;
	margin-left: 0.24rem;
	font-size: 18px;
	color: #999;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox .jut .list a:hover span,
.probox .jut .list li.active span {
	color: #df0716;
}

.probox .con .list1 {
	margin: 0 -1.2618%;
	font-size: 0;
}

.probox .con .list1 li {
	display: inline-block;
	width: 20%;
	padding: 0 1.2618%;
	margin-bottom: 3.7224%;
}

.probox .con .list1 li a {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #fff;
}

.probox .con .list1 li .img {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.probox .con .list1 li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox .con .list1 li a:hover .img img {
	transform: scale(1.04, 1.04);
}

.probox .con .list1 li .tit {
	width: 100%;
	line-height: 1;
	padding: 0.13rem 0.15rem 0.17rem;
	font-size: 18px;
	color: #999;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox .con .list1 li a:hover .tit {
	color: #1a4669;
}

.probox-sec1 .jut {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 0.45rem;
}

.probox-sec1 .jut .lt {
	width: 21.2618%;
}

.probox-sec1 .jut .lt li {
	width: 100%;
	padding-bottom: 20.178%;
	margin-bottom: 1px;
	position: relative;
}

.probox-sec1 .jut .lt a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 7.7151% 0 12.7596%;
	background: #2e2e2e;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox-sec1 .jut .lt a:hover,
.probox-sec1 .jut .lt li.active a {
	background: #1a4669;
}

.probox-sec1 .jut .lt a span {
	font-size: 18px;
}

.probox-sec1 .jut .lt a i {
	display: block;
	width: 0.09rem;
	height: 0.15rem;
	background-image: url(../images/icon_sNext.png);
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox-sec1 .jut .lt a:hover i,
.probox-sec1 .jut .lt li.active a i {
	background-image: url(../images/icon_sNext3.png);
}

.probox-sec1 .jut .gt {
	width: 76.4038%;
}

.probox-sec1 .jut .gt li {
	margin-bottom: 4.386%;
}

.probox-sec1 .jut .gt li a {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	padding: 2.6424% 0;
	border-bottom: 1px solid #2e2e2e;
	position: relative;
}

.probox-sec1 .jut .gt li a::after {
	display: block;
	content: "";
	width: 0;
	height: 1px;
	background: #1a4669;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox-sec1 .jut .gt li a:hover::after {
	width: 100%;
}

.probox-sec1 .jut .gt li .img {
	flex: 0 0 49.3807%;
	padding-bottom: 30.8836%;
	background: #f0f0fa;
	position: relative;
	overflow: hidden;
}

.probox-sec1 .jut .gt li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox-sec1 .jut .gt li a:hover .img img {
	transform: scale(1.04, 1.04);
}

.probox-sec1 .jut .gt li .font {
	margin-left: 3.6334%;
	width: 47.0685%;
}

.probox-sec1 .jut .gt .font .tit {
	line-height: 1;
	padding: 2.2807% 0;
	margin-bottom: 1.228%;
	font-size: 24px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.probox-sec1 .jut .gt .font .txt {
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.probox-sec1 .jut .gt .font .txt p {
	line-height: 31px;
	font-size: 16px;
	color: #999;
	text-align: justify;
}

.probox-sec1 .jut .gt .font .but {
	display: flex;
	align-items: center;
	margin-top: 5.4386%;
}

.probox-sec1 .jut .gt .font .but span {
	line-height: 1;
	font-size: 18px;
	color: #fff;
}

.probox-sec1 .jut .gt .font .but i {
	display: block;
	width: 0.22rem;
	height: 0.22rem;
	margin-left: 0.09rem;
	background: #1a4669;
	border-radius: 0.22rem;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.probox-sec1 .jut .gt li a:hover .but i {
	transform: translateX(0.1rem);
}

.probox-sec1 .jut .gt .font .but i::after {
	display: block;
	content: "";
	width: 0.07rem;
	height: 0.11rem;
	background: url(../images/icon_arrow5.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 产品详情 */
.probox-sec2 {
	padding-top: 2.3958%;
}

.probox-sec2 .pro-info {
	width: 84.6057%;
	margin: 0 auto;
}

.probox-sec2 .pro-info .info-box1 {
	display: flex;
	align-items: flex-start;
}

.info-box1 .master-container {
	width: 43.8479%;
	overflow: hidden;
}

.info-box1 .master-container .master,
.info-box1 .thumbs-container .thumbs {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.info-box1 .master-container .master img,
.info-box1 .thumbs-container .thumbs img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.info-box1 .thumbs-wrap {
	width: 9.6943%;
	padding-bottom: 43.8479%;
	margin-left: 1.7897%;
	position: relative;
	overflow: hidden;
}

.info-box1 .thumbs-wrap .thumbs-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.info-box1 .thumbs-container .swiper-slide {
	height: auto;
	border: 1px solid #a6a6a6;
	cursor: pointer;
}

.info-box1 .thumbs-container .swiper-slide-thumb-active {
	border-color: #ff0000;
}

.info-box1 .font {
	width: 41.0141%;
	margin-left: 3.5794%;
}

.info-box1 .font .tit {
	padding: 2.1818% 0 3.0909%;
	font-size: 0.36rem;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.info-box1 .font .text {
	padding-top: 4.7273%;
	line-height: 30px;
	color: #fff;
}

.info-box1 .font .text p {
	margin-bottom: 2%;
	font-size: 20px;
	color: #fff;
}

.info-box2 {
	padding-top: 2.46056%;
}

.info-box2 .tit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 0.44rem;
	font-size: 0.3rem;
	color: #df0716;
	padding-bottom: 0.522%;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.info-box2 .tit::after {
	display: block;
	content: "";
	width: 0.65rem;
	height: 0.04rem;
	background: #df0716;
	position: absolute;
	left: 50%;
	bottom: -0.03rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.info-box2 .tit span {
	display: block;
	line-height: 0.25rem;
	padding-bottom: 0.522%;
	font-size: 0.16rem;
	color: #b5b5b5;
}

.info-box2 .con {
	padding: 0.5rem;
}

.info-box2 .con p,
.info-box2 .con a {
	line-height: 35px;
	font-size: 16px;
	color: #fff;
}

.probox-sec3 .con {
	padding: 2.082% 0 2.3975%;
}

.probox-sec3 .con .title {
	line-height: 0.54rem;
	margin-bottom: 0%;
	font-size: 0.4rem;
	color: #2e88d0;
	text-align: center;
}

.probox-sec3 .con .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}

.probox-sec3 .con .font {
	width: 59.9369%;
	margin: 0 auto;
}

.probox-sec3 .con .font .tit {
	line-height: 0.36rem;
	padding-left: 1.6842%;
	margin-bottom: 0.9474%;
	font-size: 0.26rem;
	color: #fff;
	position: relative;
	z-index: 1;
}

.probox-sec3 .con .font .tit::after {
	display: block;
	content: "";
	width: 51.6842%;
	padding-bottom: 1.6842%;
	background: url(../images/tit_bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.probox-sec3 .con .font .txt1 {
	padding-left: 1.6842%;
	color: #fff;
}

.probox-sec3 .con .font .txt1 p {
	line-height: 0.3rem;
	margin-bottom: 1.0526%;
	font-size: 0.2rem;
}

.probox-sec3 .con .font .txt2 {
	padding-top: 2.7368%;
	padding-left: 1.6842%;
	color: #fff;
}

.probox-sec3 .con .font .txt2 p {
	line-height: 0.46rem;
	padding: 0 0.18rem;
	margin-bottom: 0.04rem;
	background: #2e88d0;
	font-size: 0.2rem;
}

.probox-sec3 .con .font .txt2 p:first-child {
	background: #1a4669;
}

/* 解决方案 */
.abtbox .abtbox-sec7 {
	padding-top: 3.1771%;
	background: url(../images/Bgimg1.png) center top no-repeat;
	background-size: 100%;
}

.abtbox-sec7 .con .item {
	position: relative;
	overflow: hidden;
}

.abtbox-sec7 .con .lis1,
.abtbox-sec7 .con .lis3,
.abtbox-sec7 .con .lis5,
.abtbox-sec7 .con .lis7 {
	color: #fff;
}

.abtbox-sec7 .con .lis2,
.abtbox-sec7 .con .lis4,
.abtbox-sec7 .con .lis6 {
	color: #221815;
}

.abtbox-sec7 .con .item .font {
	position: absolute;
	z-index: 1;
}

.abtbox-sec7 .con .lis1 .font {
	top: 18.0967%;
	right: 6.4984%;
}

.abtbox-sec7 .con .lis1 .font .tit-en {
	line-height: 0.48rem;
	margin-bottom: 0.1rem;
	font-size: 0.35rem;
}

.abtbox-sec7 .con .lis1 .font .tit-en span {
	display: block;
	line-height: 0.42rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis1 .font .tit-cn {
	line-height: 0.41rem;
	font-size: 0.27rem;
}

.abtbox-sec7 .con .lis1 .font .txt-en {
	line-height: 0.33rem;
	margin-bottom: 0.09rem;
	font-size: 0.26rem;
}

.abtbox-sec7 .con .lis1 .font .txt-cn {
	line-height: 0.4rem;
	font-size: 0.26rem;
}

.abtbox-sec7 .con .lis2 .font {
	top: 15.0709%;
	left: 5.9937%;
}

.abtbox-sec7 .con .lis2 .font .tit-en {
	line-height: 0.53rem;
	font-size: 0.4rem;
}

.abtbox-sec7 .con .lis2 .font .tit-en span {
	display: block;
	line-height: 0.47rem;
	font-size: 0.34rem;
}

.abtbox-sec7 .con .lis2 .font .tit-cn {
	line-height: 0.52rem;
	font-size: 0.31rem;
}

.abtbox-sec7 .con .lis2 .font .txt-en {
	line-height: 0.38rem;
	margin-bottom: 0.13rem;
	font-size: 0.32rem;
}

.abtbox-sec7 .con .lis2 .font .txt-cn {
	line-height: 0.45rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis3 .font {
	top: 29.16%;
	right: 2.5237%;
}

.abtbox-sec7 .con .lis3 .font .tit-en {
	line-height: 0.51rem;
	font-size: 0.4rem;
}

.abtbox-sec7 .con .lis3 .font .tit-cn {
	line-height: 0.44rem;
	font-size: 0.31rem;
}

.abtbox-sec7 .con .lis3 .font .txt-en {
	line-height: 0.39rem;
	margin-top: 0.09rem;
	font-size: 0.32rem;
}

.abtbox-sec7 .con .lis3 .font .txt-cn {
	line-height: 0.51rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis4 .font {
	position: initial;
}

.abtbox-sec7 .con .lis4 .font .tit-en {
	display: flex;
	align-items: flex-start;
	line-height: 0.75rem;
	font-size: 0.61rem;
	position: absolute;
	top: 24.5528%;
	left: 18.8013%;
}

.abtbox-sec7 .con .lis4 .font .tit-cn {
	display: inline-block;
	line-height: 0.41rem;
	padding-top: 0.21rem;
	margin-left: 0.2rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis4 .font .txt-en {
	position: absolute;
	bottom: 8.4553%;
	right: 17.3502%;
	line-height: 0.3rem;
	font-size: 0.22rem;
}

.abtbox-sec7 .con .lis4 .font .txt-cn {
	position: absolute;
	bottom: 4.3902%;
	right: 19.8738%;
	line-height: 0.25rem;
	font-size: 0.2rem;
}

.abtbox-sec7 .con .lis5 .font {
	top: 25.1969%;
	left: 4.7319%;
}

.abtbox-sec7 .con .lis5 .font .tit-en {
	line-height: 0.47rem;
	font-size: 0.4rem;
}

.abtbox-sec7 .con .lis5 .font .tit-cn {
	line-height: 0.4rem;
	margin-bottom: 0.16rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis5 .font .txt-en {
	line-height: 0.38rem;
	margin-bottom: 0.09rem;
	font-size: 0.32rem;
}

.abtbox-sec7 .con .lis5 .font .txt-cn {
	line-height: 0.44rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis6 .font {
	top: 30.2439%;
	right: 7.9495%;
}

.abtbox-sec7 .con .lis6 .font .tit-en {
	line-height: 0.54rem;
	font-size: 0.4rem;
}

.abtbox-sec7 .con .lis6 .font .tit-cn {
	line-height: 0.44rem;
	margin-bottom: 0.25rem;
	font-size: 0.32rem;
}

.abtbox-sec7 .con .lis6 .font .txt-en {
	line-height: 0.42rem;
	font-size: 0.33rem;
}

.abtbox-sec7 .con .lis6 .font .txt-cn {
	line-height: 0.44rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis7 .font {
	top: 17.6912%;
	left: 5.2366%;
}

.abtbox-sec7 .con .lis7 .font .tit-en {
	line-height: 0.44rem;
	margin-bottom: 0.05rem;
	font-size: 0.3rem;
}

.abtbox-sec7 .con .lis7 .font .tit-cn {
	display: inline-block;
	line-height: 0.35rem;
	margin-left: 0.11rem;
	font-size: 0.23rem;
	vertical-align: text-bottom;
}

.abtbox-sec7 .con .lis7 .font .txt-en {
	line-height: 0.26rem;
	margin-bottom: 0.05rem;
	font-size: 0.22rem;
}

.abtbox-sec7 .con .lis7 .font .txt-cn {
	line-height: 0.3rem;
	font-size: 0.22rem;
}



/* 新闻中心 */
.newsbox {
	width: 100%;
	margin-top: -3.90625%;
	background-size: 100% auto;
	position: relative;
	z-index: 1
}

.newsbox .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.newsbox .newsbox-sec1 {
	padding-top: 3.1771%;
	background: url(../images/Bgimg7.png) center top no-repeat;
	background-size: 100%;
}

.newsbox .title {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0.68rem;
	color: #fff;
}

.newsbox .title span {
	display: block;
	font-size: 0.4rem;
	padding: 0 7.382%;
	position: relative;
}

.newsbox .title span::before,
.newsbox .title span::after {
	display: block;
	content: "";
	width: 1.04rem;
	height: 0.02rem;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.newsbox .title span::before {
	background-image: url(../images/tit_line_left.png);
	left: 0;
}

.newsbox .title span::after {
	background-image: url(../images/tit_line_right.png);
	right: 0;
}

.newsbox .tit {
	line-height: 0.48rem;
	font-size: 0.28rem;
	color: #ff0008;
	text-align: center;
}

.newsbox-sec1 .jut,
.newsbox-sec1 .jut a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsbox-sec1 .jut {
	padding: 0.36rem 0 0.46rem;
}

.newsbox-sec1 .jut a {
	padding: 0.17rem 0.35rem 0.15rem 0.4rem;
	margin: 0 0.21rem;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .jut a:hover,
.newsbox-sec1 .jut a.active {
	border-color: #1a4669;
}

.newsbox-sec1 .jut a::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #1a4669;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .jut a:hover::after,
.newsbox-sec1 .jut a.active::after {
	width: 100%;
}

.newsbox-sec1 .jut a span {
	display: flex;
	align-items: center;
	line-height: 1;
	padding-right: 0.21rem;
	font-size: 18px;
	position: relative;
	z-index: 1;
}

.newsbox-sec1 .jut a span::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background: url(../images/icon_sNext.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .jut a:hover span::after,
.newsbox-sec1 .jut a.active span::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.newsbox-sec1 .list {
	margin-bottom: 3.79%;
	background: #051420;
	border: 1px solid #474747;
}

.newsbox-sec1 .list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.newsbox-sec1 .list .lt,
.newsbox-sec1 .list .gt {
	width: 50%;
}

.newsbox-sec1 .list .lt {
	border-right: 1px solid #474747;
}

.newsbox-sec1 .list .lt .img {
	width: 100%;
	padding-bottom: 50.13%;
	position: relative;
	overflow: hidden;
}

.newsbox-sec1 .list .lt .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list a:hover .lt .img img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.newsbox-sec1 .list .gt .gt_box {
	width: 100%;
	padding-bottom: 50.13%;
	position: relative;
	overflow: hidden;
}

.newsbox-sec1 .list .gt .gt_box .text {
	position: absolute;
	top: 11.1111%;
	left: 6.562%;
	bottom: 11.1111%;
	right: 7.823%;
}

.newsbox-sec1 .list .gt .tits {
	line-height: 1;
	padding: 0.1rem 0;
	font-size: 0.3rem;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list .gt .time {
	line-height: 1;
	padding: 0.08rem 0;
	margin-bottom: 6.18%;
	font-size: 18px;
	color: #d5d5d5;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list .gt .txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 60px;
	line-height: 30px;
	margin-bottom: 6.03%;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list .gt .but {
	display: flex;
	align-items: center;
	padding-top: 7.7941%;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 16px;
	color: #fff;
	position: relative;
}

.newsbox-sec1 .list .gt .but::after {
	display: block;
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	top: -1px;
	left: 0;
	-webkit-transition: all 0.3s 0.1s linear;
	transition: all 0.3s 0.1s linear;
}

.newsbox-sec1 .list a:hover .gt .but::after {
	width: 100%;
}

.newsbox-sec1 .list .gt .but span {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 32px;
	padding: 0 0.12rem 0 0.2rem;
	background: #1a4669;
	border-radius: 32px;
	position: relative;
	overflow: hidden;
}

.newsbox-sec1 .list .gt .but span::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list a:hover .gt .but span::after {
	width: 100%;
}

.newsbox-sec1 .list .gt .but span i {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0.19rem;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list a:hover .gt .but span i {
	color: #1a4669;
}

.newsbox-sec1 .list .gt .but span i::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background-image: url(../images/icon_sNext.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list a:hover .gt .but span i::after {
	background-image: url(../images/icon_sNext1.png);
}

.newsbox-sec1 .list1 ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.newsbox-sec1 .list1 ul li {
	width: 49%;
	padding: 0.29rem 0.41rem 0.3rem;
	margin-bottom: 3.79%;
	background: #051420;
	border: 1px solid #474747;
}

.newsbox-sec1 .list1 a {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.newsbox-sec1 .list1 a .img {
	width: 53.2%;
	padding-bottom: 26.74%;
	border: 1px solid #e8e8e8;
	position: relative;
	overflow: hidden;
}

.newsbox-sec1 .list1 a .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox-sec1 .list1 a:hover .img img {
	-webkit-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04);
}

.newsbox-sec1 .list1 a .text {
	width: 40.68%;
	margin-left: 0.45rem;
}

.newsbox-sec1 .list1 a .text .tits {
	line-height: 1;
	padding: 0.12rem 0;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.newsbox-sec1 .list1 a .text .time {
	line-height: 1;
	padding: 0.08rem 0;
	margin-bottom: 0.21rem;
	font-size: 18px;
	color: #d5d5d5;
}

.newsbox-sec1 .list1 a .text .txt {
	line-height: 26px;
	font-size: 14px;
	color: #fff;
}

/* 新闻详情 */
.newsbox1 {
	padding-top: 7.76%;
	background: url(../images/Bgimg9.jpg) center top no-repeat #000;
	background-size: 100%;
}

.newsbox1 .container {
	width: 82.55%;
	max-width: 1585px;
	margin: 0 auto;
}

.newsbox1 .con {
	padding-top: 2.8391%;
}

.newsbox1 .con .tit {
	padding: 0.12rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	font-size: 0.36rem;
	color: #fff;
	text-align: center;
}

.newsbox1 .con .time {
	line-height: 32px;
	margin-top: 7px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.newsbox1 .con .font {
	padding: 0.35rem;
}

.newsbox1 .con .font p {
	line-height: 38px;
	font-size: 18px;
	color: #fff;
	text-align: justify;
}

.newsbox1 .con .font p img {
	margin: 0 auto;
}

.newsbox1 .con .btnbox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0.35rem;
	margin-bottom: 3.2177%;
}

.newsbox1 .con .btnbox a {
	display: block;
	width: 48px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.newsbox1 .con .btnbox a:hover {
	background: #1a4669;
	border-color: #1a4669;
}

.newsbox1 .con .btnbox a.prevone {
	margin-right: 0.18rem;
}

.newsbox1 .con .btnbox a::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.newsbox1 .con .btnbox a.prevone::after {
	background-image: url(../images/icon_sPrev.png);
}

.newsbox1 .con .btnbox a.nextone::after {
	background-image: url(../images/icon_sNext.png);
}

/* 联系我们 */
.abtbox-sec8 .cont {
	display: flex;
	align-items: flex-start;
	padding-top: 0.35rem;
}

.abtbox-sec8 .cont .item {
	width: 50%;
	padding: 0 6.6404%;
	position: relative;
}

.abtbox-sec8 .cont .item::after {
	display: block;
	content: "";
	width: 1px;
	height: 80.3853%;
	background: rgb(26, 70, 105, .8);
	position: absolute;
	top: 3px;
	right: 0;
}

.abtbox-sec8 .cont .item:last-child::after {
	display: none;
}

.abtbox-sec8 .cont .item .tits {
	line-height: 45px;
	margin-bottom: 2.2767%;
	font-size: 30px;
	color: #fff;
}

.abtbox-sec8 .cont .item .font p,
.abtbox-sec8 .cont .item .font p a {
	line-height: 40px;
	font-size: 20px;
	color: #fff;
}

.abtbox-sec8 .cont .item .img {
	width: 100%;
	padding-bottom: 23.4676%;
	margin: 4.9037% 0 5.2539%;
	position: relative;
	overflow: hidden;
}

.abtbox-sec8 .cont .item .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.abtbox-sec8 .cont .item .but {
	display: flex;
	align-items: center;
	justify-content: center;
}

.abtbox-sec8 .cont .item .but a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.17rem 0.35rem 0.15rem 0.4rem;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec8 .cont .item .but a:hover,
.abtbox-sec8 .cont .item .but a.active {
	border-color: #1a4669;
}

.abtbox-sec8 .cont .item .but a::after {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	background: #1a4669;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec8 .cont .item .but a:hover::after,
.abtbox-sec8 .cont .item .but a.active::after {
	width: 100%;
}

.abtbox-sec8 .cont .item .but span {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding-right: 0.23rem;
	font-size: 18px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.abtbox-sec8 .cont .item .but span::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.15rem;
	background: url(../images/icon_sNext.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.abtbox-sec8 .cont .item .but a:hover span::after,
.abtbox-sec8 .cont .item .but a.active span::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}


/* 地图 */
.mapbox {
	width: 100%;
	padding-bottom: 37.03125%;
	margin-top: 1.6667%;
	position: relative;
	overflow: hidden;
}

.mapbox .map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

.mapbox .map:first-child {
	display: block;
}

.input-card {
	width: 280px;
}

.input-card h4 {
	font-weight: bold;
	border-bottom: 2px solid #666;
	margin-bottom: 6px;
	padding-bottom: 4px;
}

.input-card p {
	font-size: 14px;
}

.amap-info-sharp {
	height: 9px;
	width: 16px;
	top: -1px;
	left: 50%;
	margin-left: -8px;
	background: url(../images/map.png) 0 0 no-repeat;
}

/* 在线留言 */
.abtbox-sec8 form {
	width: 56.7823%;
	margin: 0 auto;
}

.abtbox-sec8 form .items,
.abtbox-sec8 form .items .lis {
	display: flex;
	align-items: center;
}

.abtbox-sec8 form .items {
	margin-bottom: 2.33333%;
}

.abtbox-sec8 form .items .lis {
	width: 50%;
}

.abtbox-sec8 form .items .lis:last-child {
	justify-content: flex-end;
}

.abtbox-sec8 form .items .lis p {
	width: 82.2222%;
	height: 0.5rem;
	padding: 0 0.4rem 0 0.6rem;
	background: rgba(245, 245, 245, 0.2);
	border-radius: 5px;
	position: relative;
}

.abtbox-sec8 form .items .lis p i {
	display: block;
	width: 0.27rem;
	height: 0.5rem;
	position: absolute;
	top: 0;
	left: 0.21rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

.abtbox-sec8 form .items .lis p .user {
	background-image: url(../images/icon-contact.png);
	background-position: 0 0;
}

.abtbox-sec8 form .items .lis p .name {
	background-image: url(../images/icon-contact.png);
	background-position: 0 -0.5rem;
}

.abtbox-sec8 form .items .lis p .area {
	background-image: url(../images/icon-contact.png);
	background-position: 0 -1rem;
}

.abtbox-sec8 form .items .lis p .phone {
	background-image: url(../images/icon-contact.png);
	background-position: 0 -1.5rem;
}

.abtbox-sec8 form .items .lis p .website {
	background-image: url(../images/icon-contact.png);
	background-position: 0 -2rem;
}

.abtbox-sec8 form .items .lis p .mail {
	background-image: url(../images/icon-contact.png);
	background-position: 0 -2.5rem;
}

.abtbox-sec8 form .items .lis p input[type=text] {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	font-size: 18px;
	color: #999;
}

.abtbox-sec8 form .items .lis p input::-webkit-input-placeholder {
	color: #666;
}

.abtbox-sec8 form .items .lis p input:-moz-placeholder {
	color: #666;
}

.abtbox-sec8 form .items .lis p input::-moz-placeholder {
	color: #666;
}

.abtbox-sec8 form .items .lis p input:-ms-input-placeholder {
	color: #666;
}

.abtbox-sec8 form .items .lis span {
	margin-left: 0.17rem;
	font-size: 18px;
	color: #e80010;
}

.abtbox-sec8 form .items label {
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 18px;
	color: #666;
}

.abtbox-sec8 form .items label:first-child {
	margin: 0 0.15rem 0 0.08rem;
}

.abtbox-sec8 form .items label.type {
	margin-right: 0.4rem;
}

.abtbox-sec8 form .items input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-right: 0.07rem;
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.abtbox-sec8 form .items input[type=checkbox]:checked {
	background-image: url(../images/checked.png);
}

.abtbox-sec8 form .items textarea {
	width: 97.444%;
	line-height: 32px;
	padding: 0.1rem 0.24rem;
	background: rgba(245, 245, 245, 0.2);
	border-radius: 5px;
	font-size: 18px;
	color: #666;
	resize: none;
}

.abtbox-sec8 form .btnbox {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3.7778% 0 7.6667%;
}

.abtbox-sec8 form .btnbox .btn {
	width: 1.6rem;
	height: 0.53rem;
	margin: 0 0.09rem;
	background: #1a4669;
	border-radius: 5px;
	border: none;
	font-size: 18px;
	color: #fff;
}


/**/

.breadbox .con {
	display: flex;
	align-items: center;
	padding: 0.18rem 0;
	border-bottom: 1px solid rgba(46, 46, 46, 0.5);
}

.breadbox .con a,
.breadbox .con span {
	display: block;
	line-height: 1;
	font-size: 16px;
	color: #df0716;
}

.breadbox .con a:hover {
	opacity: 0.8;
}

.breadbox .con a:first-child {
	width: 18px;
	height: 18px;
	background: url(../images/icon_home.png) no-repeat;
	background-size: 100%;
}

.breadbox .con span.sign {
	margin: 0 10px;
}

.probox-sec1 .breadbox .con a,
.probox-sec1 .breadbox .con span,
.probox-sec3 .breadbox .con a,
.probox-sec3 .breadbox .con span {
	color: #2e88d0;
}

.probox-sec1 .breadbox .con a:first-child,
.probox-sec3 .breadbox .con a:first-child {
	background: url(../images/icon_home1.png) no-repeat;
	background-size: 100%;
}

@media (max-width: 1580px) {
	.header .hadbox {
		height: 90px;
		line-height: 90px;
	}

	.hadbox #nav li .tit {
		font-size: 14px;
	}

	.hadbox #nav li .hadbot .hadbot_menu h4 {
		font-size: 30px;
	}

	.hadbox #nav li .hadbot .hadbot_menu .lis a {
		font-size: 18px;
	}

	.hadbot .hadbot_list .list_item .item_img p {
		font-size: 16px;
	}

	.hadbot .hadbot_list .list_item ul li a {
		font-size: 16px;
	}

	.sec2 .container .items .text .txt p,
	.sec2 .container .items .text .but {
		line-height: 28px;
		font-size: 16px;
	}

	.sec3 .container .category .item .text .txt {
		font-size: 14px;
	}

	.sec3 .container .category_con .list li .tit {
		font-size: 14px;
	}

	.sec5 .container .title .but {
		font-size: 16px;
	}

	.sec5 .container .title .but i {
		width: 18px;
		height: 18px;
	}

	.sec5 .container .title .but i::after {
		width: 6px;
		height: 10px;
	}

	.sec5 .container .jut .gt .time,
	.newsbox-sec1 .list .gt .time {
		font-size: 14px;
	}

	.sec5 .container .jut .gt .txt,
	.newsbox-sec1 .list .gt .txt {
		height: 48px;
		line-height: 24px;
		font-size: 14px;
	}

	.sec5 .container .jut .gt .but,
	.newsbox-sec1 .list .gt .but {
		font-size: 12px;
	}

	.sec5 .container .jut .gt .but span,
	.newsbox-sec1 .list .gt .but span {
		line-height: 26px;
		border-radius: 26px;
	}

	.sec5 .container .cont a .text .tit,
	.newsbox-sec1 .list1 a .text .tits {
		font-size: 16px;
	}

	.sec5 .container .cont a .text .time,
	.newsbox-sec1 .list1 a .text .time {
		font-size: 14px;
	}

	.sec5 .container .cont a .text .txt,
	.newsbox-sec1 .list1 a .text .txt {
		line-height: 24px;
		font-size: 12px;
	}

	.footer .container .jut .lt .select .tit span,
	.footer .container .jut .gt .fen {
		font-size: 14px;
	}

	.footer .container .jut .lt .select .hover1 a {
		font-size: 12px;
	}

	.prooalt .con .jut .item .int input {
		font-size: 14px;
	}

	.prooalt .con .jut .item .but_next {
		height: 45px;
		font-size: 14px;
	}

	.prooalt .con .jut .text {
		font-size: 12px;
	}

	.carousels .video1 span {
		line-height: 30px;
		font-size: 16px;
	}

	.abtbox-sec1 .cont .lt p,
	.abtbox-sec1 .jut .txt {
		line-height: 28px;
		font-size: 16px;
	}

	.abtbox-sec4 .jut .item .tits {
		font-size: 18px;
	}

	.abtbox-sec4 .jut .item .text {
		line-height: 28px;
		font-size: 14px;
	}

	.abtbox-sec4 .con .text {
		font-size: 16px;
	}

	.abtbox-sec5 .jut a span,
	.abtbox-sec5 .con .list li .font .tit1 span,
	.abtbox-sec5 .con .list li .font .tit2 {
		font-size: 16px;
	}

	.breadbox .con a:first-child {
		width: 16px;
		height: 16px;
	}

	.breadbox .con a,
	.breadbox .con span {
		font-size: 16px;
	}

	.probox .jut .list a i.icon-pro0 {
		width: 22px;
		height: 22px;
	}

	.probox .jut .list a i.icon-pro1 {
		width: 27px;
		height: 27px;
	}

	.probox .jut .list a i.icon-pro2 {
		width: 23px;
		height: 28px;
	}

	.probox .jut .list a i.icon-pro3,
	.probox .jut .list a i.icon-pro6 {
		width: 21px;
		height: 21px;
	}

	.probox .jut .list a i.icon-pro4 {
		width: 23px;
		height: 21px;
	}

	.probox .jut .list a i.icon-pro5 {
		width: 18px;
		height: 23px;
	}

	.probox .jut .list a i.icon-pro7 {
		width: 19px;
		height: 24px;
	}

	.probox .jut .list a i.icon-pro8 {
		width: 10px;
		height: 24px;
	}

	.probox .jut .list a i.icon-pro9 {
		width: 23px;
		height: 23px;
	}

	.probox .jut .list a span,
	.probox .con .list1 li .tit,
	.probox-sec1 .jut .lt a span {
		font-size: 16px;
	}

	.probox-sec1 .jut .gt .font .tit {
		font-size: 22px;
	}

	.probox-sec1 .jut .gt .font .txt {
		-webkit-line-clamp: 6;
	}

	.probox-sec1 .jut .gt .font .txt p {
		line-height: 28px;
		font-size: 14px;
	}

	.probox-sec1 .jut .gt .font .but span {
		font-size: 16px;
	}

	.info-box1 .font .text p {
		font-size: 16px;
	}

	.newsbox-sec1 .jut a span {
		font-size: 16px;
	}

	.newsbox1 .con .time {
		line-height: 28px;
		font-size: 14px;
	}

	.newsbox1 .con .font p {
		line-height: 32px;
		font-size: 16px;
	}

	.newsbox1 .con .btnbox a {
		width: 40px;
		height: 40px;
	}

	.abtbox-sec8 .cont .item .tits {
		line-height: 35px;
		font-size: 26px;
	}

	.abtbox-sec8 .cont .item .font p,
	.abtbox-sec8 .cont .item .font p a {
		line-height: 30px;
		font-size: 16px;
	}
	
	.abtbox-sec8 .cont .item .but span {
		font-size: 16px;
	}
	
	.abtbox-sec8 form .items .lis p input[type=text],
	.abtbox-sec8 form .items label,
	.abtbox-sec8 form .items textarea,
	.abtbox-sec8 form .btnbox .btn {
		font-size: 16px;
	}
	
	.abtbox-sec8 form .items input[type=checkbox] {
		width: 16px;
		height: 16px;
	}
	
	.pages a, .pages span {
		width: 40px;
		height: 40px;
	}
}