/* 英文默认字体 */

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins.woff2')
}

* {
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

html,
body {
	font-size: 16px;
	background-color: #fff;
}

body,
div,
a,
li,
ul,
ol,
dl,
img,
span,
input {
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: 0px;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #000;
}

a:active {
	text-decoration: none;
	color: #000;
}

/* 外边距和后台一致 */

p {
	margin: 5px 0;
}

ul {
	list-style-type: none;
}

img {
	vertical-align: middle;
}

.clear {
	clear: both;
}

.f-l {
	float: left;
}

.f-r {
	float: right;
}

.after:after {
	content: '';
	display: block;
	clear: both;
}

.mr-0 {
	margin-right: 0px !important;
}

.this-1200 {
	margin: 0 auto;
	width: 1200px;
}

.this-1280 {
	margin: 0 auto;
	width: 1280px;
}

.this-1660 {
	margin: 0 auto;
	width: 1660px;
}

/* 表格初始化 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	border: 1px solid #eee;
	padding: 7px;
	font-size: 14px;
}

.o-v {
	overflow-y: hidden;
}

#guding {
	height: 134px;
	z-index: 999;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
}

/* 头部 */
#header {
	background-color: #fff;
	height: 80px;
}

#header .logo {
	height: 44px;
	margin-top: 18px;
}

#header .h_r {
	margin-top: 27px;
}

#nav {
	float: right;
}

#nav>li {
	float: left;
	font-size: 18px;
	color: #333;
	margin-right: 24px;
	font-weight: bold;
	line-height: 80px;
	position: relative;
}

#nav>li:last-child {
	margin-right: 0px;
}

#nav li:hover .son {
	display: block;
}

#nav>li .son {
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	left: 0;
	top: 80px;
	z-index: 999;
	padding: 10px 0;
}

#nav li .son li {
	position: relative;
	padding: 6px 30px;
}

#nav li .son a {
	width: 200px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}


#nav li .son a:hover {
	color: #ff6000;
	transform: none;
}


#nav>li>.son a i {
	position: absolute;
	right: 0;
	width: 20px;
	font-size: 18px;
}

#nav li>.son .son {
	position: absolute;
	box-sizing: border-box;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
	text-align: left;
	display: none;
	left: 100%;
	z-index: 2;
	width: 230px;
	margin-top: -102px;
	/* border-left: 5px solid transparent; */
}

#nav li .son .son a:hover {
	color: rgba(83, 86, 98, 1);
	transform: none;
}

#nav>li>.son>li:hover>.son {
	display: block;
}

#nav>li>.son>li:hover>.son>li:hover .son {
	display: block;
}

.search {
	margin: 0 36px;
}

.search i {
	color: #333;
	font-size: 16px;
}

.languages {
	position: relative;
	height: 80px;
	line-height: 80px;
}

.languages>a {
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.languages i {
	margin-right: 10px;
	font-size: 20px;
	float: left;
	line-height: 80px;
}

.languages>a span {
	float: left;
}

.languages .yy {
	display: none;
	position: absolute;
	z-index: 999;
	top: 80px;
	right: 0;
	width: 116px;
}

.languages:hover .yy {
	display: block;
}

.languages .yy a {
	display: block;
	transition: all 0.3s;
	background-color: rgb(37 37 37 / 80%);
	height: 18px;
	transition: all 0.3s;
	line-height: 18px;
	padding: 14px 10px;
	text-align: center;
	width: 100%;
}

.languages .yy a span {
	width: 130px;
	color: #fff;
	transition: all 0.3s;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.languages .yy a:hover {
	background: #ff6000;
}

.languages .yy a:hover span {
	color: #fff;
}

.s_phone {
	color: #ff6000;
	font-size: 16px;
	line-height: 80px;
	font-weight: bold;
	margin: 0 28px;
}

.s_phone i {
	font-size: 18px;
	margin-right: 6px;
	line-height: 79px;

}

.top_an {
	float: right;
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #222;
	height: 40px;
	line-height: 40px;
	width: 158px;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
	border-radius: 4px;
}

#top_list {
	background-color: #fa7d32;
	position: absolute;
	z-index: 98;
	width: 100%;
}

#top_list li {
	float: left;
	text-align: center;
	width: 20%;
	margin: 0 auto;
}

#top_list li a {
	color: #fff;
}

#top_list li .top_list_img {
	height: 76px;
	line-height: 90px;
	display: none;
}

#top_list li .top_list_img img {
	vertical-align: middle;
	background-repeat: no-repeat;
}


#top_list:hover li .top_list_img {
	display: block;
}

.top_list_title {
	height: 54px;
	line-height: 54px;
}

#home .one {
	padding: 80px 0;
}

.one_dtitle {
	margin-bottom: 70px;
}

.one_dtitle_one {
	margin-bottom: 40px;
}

.one_dtitle_one_l {
	float: left;
	width: 720px;
}

.one_dtitle_one_l {
	font-size: 32px;
	line-height: 54px;
	color: #ff6000;
	font-weight: bold;
}

.one_dtitle_one_r {
	float: right;
	display: block;
	width: 290px;
	height: 46px;
	line-height: 46px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	background-color: #ff6000;
	border-radius: 6px;
}

.one_dtitle_two p {
	font-size: 18px;
	color: #333;
	line-height: 30px;
}

.one_list li {
	float: left;
	width: calc(50% - 75px);
	margin-bottom: 30px;
	margin-right: 30px;
	background-color: #f6f6f6;
	padding: 30px;
	transition: all 0.3s;
	border-radius: 14px;
}

.one_list li:hover {
	transform: translateY(-10px);
}

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

.one_list li .one_list_one {
	margin-bottom: 20px;
	color: #ff6000;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
}

.one_list li .one_list_one img {
	height: 34px;
	margin-right: 18px;
	float: left;
}

.one_list_two p {
	font-size: 16px;
	color: #333;
	margin: 0;
	height: 182px;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.two {
	margin-bottom: 60px;
}

.two_l {
	float: left;
	width: calc(100% - 500px);
}

.two_l_one {
	float: left;
	width: calc(50% - 90px);
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #f6f6f6;
	padding: 30px;
	border-radius: 4px;
	transition: all 0.3s;
}

.two_l_one:hover {
	transform: translateY(-10px);
}

.two_icon {
	height: 35px;
}

.two_title {
	margin: 10px 0;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}

.two_title span {
	float: left;
	line-height: 30px;
}

.two_title .two_an {
	float: right;
	border: 2px solid #444;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
	display: block;
	border-radius: 100%;
}

.two_title .two_an i {
	font-size: 20px;
}

.two_jj p {
	font-size: 13px;
	color: #444;
	height: 63px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.two_r {
	float: right;
	width: 500px;
	color: #fff;
	transition: all 0.3s;
}

.two_r_nr {
	width: 440px;
	padding: 30px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #ff6000;
}

.two_r .two_title {
	color: #fff;
}

.two_r .two_jj p {
	color: #fff;
}

.two_r .two_title .two_an {
	border: 2px solid #fff;
}

.two_r .two_title .two_an i {
	color: #fff;
}


.two_r .two_r_img {
	width: 100%;
	height: 0;
	padding-top: 250px;
	background-size: cover;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-position: center center;
}

.two_r:hover {
	transform: translateY(-10px);
}

.three {
	background-color: #f5f5f5;
	padding: 90px 0 60px 0;
}

.three .three_title {
	color: #333;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.three .three_title_an {
	color: #fff;
	font-size: 16px;
	display: block;
	width: 290px;
	height: 46px;
	line-height: 46px;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	margin: auto;
	margin-bottom: 24px;
	background-color: #999;
	transition: all 0.3s;
}

.three .three_title_an:hover {
	background-color: #ff6000;
}

.three_list li {
	float: left;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
}

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

.three_list li .three_img_fd {
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.three_list li:hover .three_list_img {
	transform: scale(1.1);
}

.three_list .three_list_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 77%;
	background-size: cover;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
}

.three_list_zi {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #fff;
	padding: 30px 16px;
	width: calc(100% - 32px);
	text-align: center;
}

.three_list_bt {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.three_list_jj {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	display: -webkit-box;
	height: 60px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.three_list_jj p {
	margin: 0;
}

.four {
	background-color: #fff;
	padding-top: 120px;
}

.four_title {
	margin-bottom: 30px;
}

.four_title_l {
	float: left;
	width: 630px;
}

.four_one {
	color: #ff6000;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.four_two {
	color: #333;
	font-size: 36px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 20px;
}

.four_title_r {
	float: right;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-top: 60px;
	width: 440px;
}

.five {
	background: linear-gradient(to bottom, #fff 40%, #ff6000 40%);
}

.five_list li {
	float: left;
	width: calc(25% - 21px);
	margin-right: 28px;
}

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

.five_list li .three_img_fd {
	overflow: hidden;
	border-radius: 6px;
}

.five_list li:hover .five_list_img {
	transform: scale(1.1);
}

.five_list .five_list_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 100%;
	background-size: cover;
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
}

.five_list_zi {
	padding-top: 26px;
}

.five_list_bt {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.five_list_jj {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.five_an {
	font-size: 16px;
	color: #252525;
	text-align: center;
	width: 290px;
	height: 46px;
	line-height: 46px;
	cursor: pointer;
	background-color: #fff;
	display: block;
	margin: auto;
	margin-bottom: 100px;
	margin-top: 50px;
	border-radius: 6px;
	transition: all 0.3s;
}

.five_an:hover {
	background-color: #222;
	color: #fff;
}

.six {
	background: linear-gradient(to bottom, #ff6000 64%, #fff 64%);
	padding-top: 20px;
}

.six_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 30%;
	background-size: cover;
	border-radius: 14px;
	background-repeat: no-repeat;
	background-position: center center;
}

.six .three_img_fd {
	overflow: hidden;
	border-radius: 14px;
}

.three_img_fd:hover .six_img {
	transform: scale(1.1);
}

.seven {
	margin-top: 127px;
	margin-bottom: 100px;
}

.seven .four_two {
	font-size: 32px;
}

.seven .four_title_r {
	width: 540px;
}

.seven .seven_nr .seven_series {
	margin-bottom: 60px;
}

.seven .seven_nr .seven_series .item {
	text-align: center;
	font-size: 16px;
	color: #333;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	padding: 0 10px;
	border: 1px solid #333;
	cursor: pointer;
	transition: all 0.3s;
	list-style: none;
	box-sizing: border-box;
	white-space: nowrap
}

.seven .seven_nr .seven_series .item.active,
.seven .seven_nr .seven_series .item:hover {
	border: 1px solid #ff6000;
	color: #ff6000;
}

.seven_list .seven_list_one li {
	float: left;
	width: calc(50% - 15px);
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
}

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

.seven_list li .three_img_fd {
	overflow: hidden;
	border-radius: 6px;
}

.seven_list li:hover .seven_list_img {
	transform: scale(1.1);
}

.seven_list .seven_list_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 60%;
	background-size: cover;
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
}

.seven_list_zi {
	/* position: absolute;
	left: 0;
	bottom: 0; */
	padding: 10px;
}

.seven_list li .seven_list_bt {
	margin-bottom: 20px;
	color: #333;
	line-height: 30px;
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
}

.seven_list li:hover .seven_list_bt {
	color: #ff6000;
}

.seven_list_x {
	width: 30px;
	height: 3px;
	background-color: #ff6000;
}

.seven_list .seven_list_two li {
	float: left;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
}

.seven_list .seven_list_two li:nth-of-type(3) {
	margin-right: 0;
}

.seven_list .seven_list_two .seven_list_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 90%;
	background-size: cover;
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
}

a.seven_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 166px;
	height: 44px;
	line-height: 44px;
	background-color: #ff6000;
	display: block;
	margin: auto;
	border-radius: 6px;
}

.eight {
	padding: 100px 0 240px 0;
	background-image: url(../images/bj.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.eight_l {
	width: calc(100% - 640px);
	float: left;

}

.eight_l .eight_one {
	font-size: 35px;
	font-weight: bold;
	color: #222;
	line-height: 64px;
	margin-bottom: 30px;
}

.eight_l .eight_two {
	font-size: 18px;
	color: #222;
	line-height: 30px;
	margin-bottom: 40px;
}

.eight_r {
	float: right;
	margin-left: 44px;
	width: 596px;
}

.eight_r .three_img_fd {
	overflow: hidden;
	border-radius: 10px;
}

.three_img_fd:hover .eight_img {
	transform: scale(1.1);
}

.eight_img {
	width: 100%;
	transition: all 0.3s;
	padding-top: 65%;
	background-size: cover;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center center;

}

a.eight_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 166px;
	height: 44px;
	line-height: 44px;
	background-color: #222;
	display: block;
	border-radius: 6px;
}

.nine {
	position: relative;
}

.nine .nine_nr {
	position: absolute;
	color: #fff;
	left: 0;
	width: calc(100% - 80px);
	top: 0;
	z-index: 21;
	background-color: #222;
	transform: translateY(-50%);
}

.nine_nr {
	height: var(--height-advantage71);
	display: flex;
	align-items: center;
	background: var(--site-color);
	border-radius: 12px;
	overflow: hidden;
	padding: 80px 40px;
}

.nine_item_one {
	margin-bottom: 18px;
}

.nine_item_sz {
	font-size: 50px;
	font-weight: bold;
	font-family: "微软雅黑";
}

.nine_item_unit {
	font-size: 24px;
	font-weight: bold;
}

.nine_item {
	margin-right: 80px;
}

.nine_item_two {
	font-size: 14px;
}

.ten {
	padding: 230px 0 100px 0;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ten_l {
	float: left;
	width: 555px;
	margin-right: 80px;
}

.ten_one {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
}

.ten_two {
	font-size: 40px;
	line-height: 60px;
	font-weight: bold;
	margin-bottom: 40px;
}

.ten_an {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 166px;
	cursor: pointer;
	height: 44px;
	line-height: 44px;
	background-color: #fff;
	display: block;
	border-radius: 6px;
	transition: all 0.3s;
}

.ten_an:hover {
	color: #fff;
	background-color: #ff6000;
}

.ten_r {
	float: right;
	width: calc(100% - 635px);
	color: #fff;
}


.ten_r .list .item {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
}

.ten_r .list .item.active .body {
	display: block;
}

.ten_r .list .item .title {
	color: #fff;
	line-height: 24px;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
}

.ten_r .list .item .title span {
	float: left;
	height: 24px;
	width: calc(100% - 66px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ten_r .list .item .title img {
	margin-right: 20px;
	width: 26px;
	height: 24px;
	float: left;
}

.ten_r .list .item .body {
	padding: 28px 47px 0 47px;
	display: none;
}

.ten_r .list .item .body p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eleven {
	padding-top: 130px;
	padding-bottom: 90px;
}

.eleven_one {
	margin-bottom: 30px;
}

.eleven_l {
	float: left;
	width: 620px;
	height: 456px;
	border-radius: 6px;
	background-size: cover;
	transition: all 0.3s;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 40px;
}

.eleven_l:hover {
	transform: translateY(-20px);
}

.eleven_r {
	background-color: #253643;
	float: right;
	padding: 28px 40px;
	border-radius: 12px;
	width: calc(100% - 740px);
	height: 400px;
}

.eleven_r_one {
	margin-bottom: 14px;
}

.eleven_r_one span {
	float: left;
	font-size: 20px;
	color: #ff6000;
}

.eleven_r_one .eleven_an {
	float: right;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.eleven_r_two {
	color: #fff;
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

.eleven_group_one {
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
}

.eleven_group_one p {
	font-size: 16px;
	color: #fff;
	padding: 0 2px;
	line-height: 25px;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eleven_group_img {
	float: left;
	width: 65px;
	height: 65px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 38px;

}

.eleven_group_name {
	font-size: 16px;
	color: #ff6000;
	line-height: 65px;
	float: left;
}

.eleven_two .eleven_two_img img {
	height: 71px;
}

.twelve {
	background-color: #f7f4ef;
	padding: 80px 0;

}

.twelve_l {
	float: left;
	margin-right: 40px;
	width: calc(100% - 670px);
}

.twelve_bt_one {
	font-size: 18px;
	color: #ff6000;
	line-height: 26px;
}

.twelve_bt_two {
	font-size: 32px;
	color: #333;
	line-height: 54px;
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 40px;
}

.twelve_nr p {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 30px;
}

.twelve_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 176px;
	cursor: pointer;
	height: 44px;
	line-height: 44px;
	background-color: #ff6000;
	display: block;
	border-radius: 6px;
}

.twelve_r {
	float: right;
	width: 628px;
	height: 392px;
	margin-top: 70px;
	border-radius: 4px;
}

.twelve_r_img {
	width: 628px;
	height: 392px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.thirteen {
	padding: 80px 0;
	background-color: #fff;
}

.thirteen_bt {
	margin-bottom: 50px;
	text-align: center;
}

.thirteen_bt_one {
	font-size: 18px;
	line-height: 26px;
	color: #ff6000;

}

.thirteen_bt_two {
	font-size: 32px;
	line-height: 54px;
	color: #333;
	font-weight: bold;
	margin-bottom: 14px;
}

a.thirteen_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 176px;
	height: 44px;
	line-height: 44px;
	background-color: #ff6000;
	display: block;
	margin: auto;
	border-radius: 6px;
}

.thirteen_list li {
	float: left;
	margin-right: 30px;
	width: calc(33.33% - 20px);
}

.thirteen_list li .thirteen_list_img {
	width: 100%;
	height: 0;
	padding-top: 70%;
	background-size: cover;
	transition: all 0.3s;
	background-position: center center;
	background-repeat: no-repeat;
}

.thirteen_list li .three_img_fd {
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.thirteen_list li:hover .thirteen_list_img {
	transform: scale(1.1);
}

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

.thirteen_list_nr {
	background-color: #f5f5f5;
	padding: 30px 20px;
}

.thirteen_list_bt {
	font-size: 18px;
	color: #333;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
	padding-bottom: 26px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}


.thirteen_list li:hover .thirteen_list_bt {
	color: #ff6000;
}

.thirteen_list_jj {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fourteen {
	padding: 100px 0;
	background-color: #fbfbfb;
}

.fourteen_l {
	float: left;
	width: 742px;
	height: 480px;
	margin-right: 60px;
}

.fourteen_l .fourteen_img {
	width: 742px;
	height: 480px;
	background-size: cover;
	transition: all 0.3s;
	background-position: center center;
	background-repeat: no-repeat;
}

.fourteen_l .three_img_fd {
	overflow: hidden;
	border-radius: 6px;
}

.fourteen_l:hover .fourteen_img {
	transform: scale(1.1);
}

.fourteen_r {
	float: left;
	width: calc(100% - 802px);
	padding-top: 60px;
}

.fourteen_one {
	font-size: 18px;
	color: #ff6000;
	line-height: 26px;
}

.fourteen_two {
	font-size: 32px;
	color: #333;
	font-weight: bold;
	line-height: 54px;
	margin: 10px 0 30px 0;
}

.fourteen_three {
	font-size: 15px;
	color: #333;
	line-height: 24px;
	margin-bottom: 30px;
}

.fourteen_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 200px;
	height: 44px;
	cursor: pointer;
	line-height: 44px;
	background-color: #ff6000;
	display: block;
	border-radius: 6px;
}

.f_fx {
	background-color: #fa7d32;
	padding: 50px 0;
}


.f_fx p {
	margin: 0;
}

.f_fx a {
	color: #fff;
	display: inline-block;
	margin-right: 54px;
	transition: all 0.3s;
}

.f_fx a:last-child {
	margin: 0;
}

.f_fx img {
	height: 26px;
	vertical-align: sub;
}

.f_fx em,
.f_fx i {
	font-size: 34px;
}

.tb {
	display: flex;
	justify-content: center;
	align-items: center;
}

.f_fx .tb a:hover {
	transform: translateY(-10px);
}

#footer {
	padding-top: 74px;
	background-color: #101417;
}

#footer a {
	color: #868585;
	transition: all 0.3s;
}

#footer a:hover {
	color: #fa7d32;
}

.footer_one {
	float: left;
	width: 300px;
}

.footer_one img {
	margin-bottom: 30px;
	height: 44px;
}

.footer_one_nr {
	width: 100%;
}

.footer_one_nr p {
	font-size: 20px;
	line-height: 36px;
	color: #696969;
	margin: 0;
}

.footer_two {
	float: left;
	width: max-content;
	margin-left: 70px;
}

.footer_two_bt {
	color: #fa7d32;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
}

.footer_two_bt i {
	margin-right: 6px;
	font-size: 10px;
}

.footer_two_list a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
	transition: all 0.3s;
	line-height: 32px;
}

.footer_two_list a:hover {
	color: #fa7d32;
}

.footer_four {
	float: right;
	width: 320px;
}

.footer_bq {
	border-top: 1px solid #696969;
	padding: 20px 0;
	margin-top: 40px;
}

.footer_bq p {
	color: #696969;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.footer_bq a {
	color: #696969;
}



footer {
	text-align: center;
	padding: 20px;
	color: #7f8c8d;
	font-size: 14px;
	margin-top: 20px;
}

@media (max-width: 600px) {
	.modal-content {
		width: 95%;
	}

	.content {
		padding: 20px;
	}
}

#main {
	margin-top: 134px;
}

.main_banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.main_banner>img {
	width: 100%;
	height: auto;
	min-height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.main_banner_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 18px;
	background: #0004;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}


.imain_banner_box_content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.main_banner_box .main_banner_title {
	font-size: 54px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 70px;
}

.innermod_banner3-placeholder {
	height: 420px;
	background-color: var(--site-color);
}

.main_banner_dh {
	font-size: 16px;
}

.main_banner_dh a {
	color: #fff;
}

.main_banner_dh i {
	padding: 0 6px;
}

.main_banner_dh i:first-child {
	padding-left: 0;
}

.main_top_x {
	padding-top: 70px;
	border-top: 1px solid #eee;
	margin-top: 50px;
	margin-bottom: 70px;
}

.solutions_bt {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}

.solutions_bt_nr p {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin: 0;
}

.about_one {
	background-color: #fff;
	padding: 80px 0;
}

.about_one_l {
	float: left;
	width: 47%;
	padding-top: 10px;
}

.about_one_l_bt {
	color: #ff6000;
	font-size: 20px;
	text-transform: uppercase;
}

.about_one_l_title {
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	color: #333;
	margin-bottom: 30px;
}

.about_one_l_jj p {
	font-size: 18px;
	line-height: 26px;
	color: #333;
	margin: 0;
}

.about_one_r {
	float: right;
	width: 48%;
	height: 0;
	padding-top: 36%;
	background-size: cover;
	border-radius: 10px;
	transition: all 0.3s;
	background-position: center center;
	background-repeat: no-repeat;
}

.about_two {
	background-color: #F7F4EF;
	padding: 80px 0;
}

.about_two_l {
	width: 48%;
	float: left;
}

.about_two_l_bt {
	color: #333;
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.about_two_l_title {
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	color: #333;
	margin-bottom: 40px;
}

.about_two_img {
	width: 100%;
	height: 0;
	padding-top: 56%;
	background-size: cover;
	border-radius: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.about_two_r {
	width: 48%;
	float: right;
}

.about_two_list {
	margin-bottom: 20px;
}

.about_two_list_bt {
	display: flex;
	align-items: center;
	color: #ff6000;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 14px;
}

.about_two_list_bt img {
	height: 32px;
	margin-right: 14px;
}

.about_three {
	position: relative;
	padding: 80px 0;
	background: linear-gradient(to bottom, #ff6000 60%, #fff 60%);
}

.about_three_nr {
	position: relative;
	z-index: 3;
}

.about_three_one {
	margin: auto;
	text-align: center;
}

.about_three_bt {
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.about_three_title {
	color: #fff;
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
}

.about_three_img .three_img_fd {
	overflow: hidden;
	border-radius: 8px;
}

.about_three_img .about_three_two_img {
	width: 100%;
	height: 0;
	padding-top: 84%;
	background-size: cover;
	transition: all 0.5s;
	border-radius: 8px;
	background-position: center center;
	background-repeat: no-repeat;
}

.about_three_img .three_img_fd {
	overflow: hidden;
	border-radius: 14px;
}

.three_img_fd:hover .about_three_two_img {
	transform: scale(1.1);
}

.about_three_three {
	margin: auto;
	text-align: center;
}

.about_three_three>.about_three_bt {
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
}

.about_three_three>.about_three_title {
	color: #333;
	margin-bottom: 50px;
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
}

.about_three_four {
	margin-bottom: 50px;
	display: flow-root;
}

.about_three_four_img .three_img_fd {
	overflow: hidden;
	border-radius: 8px;
}

.about_three_four_tp {
	float: left;
	width: calc(33.33% - 14px);
	margin-right: 20px;
	margin-bottom: 20px;
}

.about_three_four_tp:nth-of-type(3n) {
	margin-right: 0;
}

.about_three_four_img {
	width: 100%;
	height: 0;
	padding-top: 84%;
	background-size: cover;
	transition: all 0.5s;
	border-radius: 8px;
	background-position: center center;
	background-repeat: no-repeat;
}

.about_three_four_tp .three_img_fd {
	overflow: hidden;
	border-radius: 14px;
}

.three_img_fd:hover .about_three_four_img {
	transform: scale(1.1);
}

.about_five {
	padding: 80px 0;
	background-color: #f6f6f6;
}

a.about_five_an {
	margin-top: 24px;
	font-size: 16px;
	transition: all 0.3s;
	color: #fff;
	text-align: center;
	width: 140px;
	height: 38px;
	line-height: 38px;
	background-color: #ff6000;
	display: block;
	border-radius: 6px;
}

a:hover.about_five_an {
	margin-top: 24px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 140px;
	height: 38px;
	line-height: 38px;
	background-color: #333;
	display: block;
	border-radius: 6px;
}


.why_one_bt {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}

.why_one_bt_nr {
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.why_two {
	/* margin-top: 60px; */
	margin-bottom: 70px;
}


.why_two_bt {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}

.why_two p {
	margin: 0;
	margin-bottom: 24px;
	font-size: 16px;
	color: #333;
}

.technology_nr p {
	margin: 0;
	font-size: 16px;
	color: #333;
}

.certifications li {
	float: left;
	width: calc(33.33% - 16px);
	margin-right: 20px;
}

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

.certifications li .certifications_img {
	width: 100%;
	height: 0;
	padding-top: 118%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.certifications li span p {
	margin: 0;
}

.certifications li span:nth-of-type(1) {
	width: 100%;
	font-size: 18px;
	display: block;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 30px;
	height: 60px;
	margin: 20px 0 10px 0;
}

.certifications li span:nth-of-type(2) {
	width: 100%;
	font-size: 14px;
	display: block;
	color: #666;
	text-align: center;
	line-height: 24px;
	margin-bottom: 20px;
	height: 48px;
}

.technology_list {
	margin-top: 20px;
}

.technology_list li {
	float: left;
	width: calc(25% - 16px);
	margin-right: 20px;
}

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

.technology_list li .technology_img {
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.technology_list li .technology_bt {
	width: 100%;
	font-size: 16px;
	display: block;
	color: #333;
	line-height: 20px;
	margin-top: 20px;
	height: 46px;
	margin-bottom: 10px;
}

.technology_list li .technology_bt span {
	font-weight: bold;
	margin-right: 6px;
	font-size: 20px;

}

.news {
	background-color: #f0f0f0;
	padding: 90px 0;
}

.news_one {
	margin-bottom: 60px;
}

.news_one p {
	margin: 0;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.news_list li {
	border-bottom: 1px solid #D0CFCF;
	padding-bottom: 20px;
	margin-bottom: 20px;

	display: flex;
	align-items: center;
}

.news_list_l {
	width: 480px;
}

.news_list li .news_list_img {
	width: 100%;
	height: 0;
	padding-top: 80%;
	border-radius: 8px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.news_list li .news_list_r {
	padding: 20px;
	width: calc(100% - 520px);
}

.news_list_bt {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin-bottom: 30px;
}

.news_list_jj {
	font-size: 14px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin-bottom: 30px;
}

a.news_list_an {
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 120px;
	height: 34px;
	line-height: 34px;
	background-color: #ff6000;
	display: block;
	border-radius: 4px;
	transition: all 0.3s;
}

a:hover.news_list_an {
	background-color: #333;
}

.news_view {
	background: #f2f2f2;
	padding: 90px 0;
}

.news_view_bt {
	text-align: center;
	line-height: 30px;
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}

.news_view_info {
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.news_view_info i {
	margin-right: 4px;
}

.news_view_nr p {
	margin: 0;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.down_list li .news_list_img {
	width: 100%;
	height: 0;
	padding-top: 66%;
	border-radius: 8px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.down_list li .news_list_an {
	width: 280px;
	height: 30px;
	line-height: 30px;
	background-color: #ff6000;
	color: #fff;
	text-align: center;
	transition: all 0.3s;
	padding: 4px 20px;
	font-size: 14px;
	border-radius: 3rem;
	margin-top: 30px;
	display: block;
	border: none;
	cursor: pointer;
}

.down_list_time {
	font-size: 14px;
	color: #858584;
	font-weight: bold;

}

.faq_list li {
	margin-bottom: 30px;
	/* border-bottom: 2px solid #D0CFCF;
	border-radius: 0 0 10px 10px; */
}

.faq_list li .faq_q {
	padding: 15px 40px;
	border: 2px solid #D0CFCF;
	border-radius: 10px;
	font-size: 18px;
	transition: all 0.3s;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.faq_list li.active .faq_q {
	border: 2px solid #D0CFCF;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;

}

.faq_list li:hover .faq_q {
	border: 2px solid #000;
}

.faq_list li:hover.active .faq_q {
	border: 2px solid #000;
	border-bottom: 0;
}

.faq_list li .faq_a {
	transition: all 0.3s;
	padding: 15px 40px;
	font-size: 16px;
	color: #333;
	display: none;
	border: 2px solid #D0CFCF;
	border-radius: 0 0 10px 10px;
}

.faq_list li.active .faq_a {
	display: block;
	border: 2px solid #D0CFCF;
	border-radius: 0 0 10px 10px;
}

.faq_list li:hover .faq_a {
	border: 2px solid #000;
}

.case_list li {
	float: left;
	width: calc(33.33% - 21px);
	margin-right: 20px;
	margin-bottom: 20px;
}

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

.case_list li .three_img_fd {
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.case_list li:hover .case_list_img {
	transform: scale(1.1);
}

.case_list .case_list_img {
	width: 100%;
	height: 0;
	transition: all 0.3s;
	padding-top: 72%;
	background-size: cover;
	/* border-radius: 6px; */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-repeat: no-repeat;
	background-position: center center;
}

.case_list_zi {
	padding: 26px;
	background-color: #f4f4f4;
}

.case_list_bt {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin-bottom: 4px;
}

.case_list_jj {
	font-size: 14px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
	height: 46px;
}

a.case_list_an {
	border: 1px solid;
	width: 124px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background-color: #ff6000;
	margin-right: 22px;
	border-radius: 5px;
	transition: .3s all;
	display: block;
}

a:hover.case_list_an {
	background-color: #333;
}

.case_view .case_list_img,
.case_view li .three_img_fd {
	border-radius: 6px;
}

.contact {
	padding: 80px 0;
}

.contact_nr {
	display: flex;
	overflow: hidden;
}

.contact_l {
	float: left;
	background-color: #ff6000;
	width: calc(50% - 80px);
	border-radius: 6px;
	padding: 68px 40px;
	color: #fff;
}

.contact_l_title {
	font-size: 32px;
	font-weight: bold;
	width: 500px;
	max-width: 100%;
	padding-bottom: 24px;
}

.contact_l_jj {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}

.contact_l_text {
	font-size: 16px;
	padding-top: 12px;
}

.contact_r {
	float: right;
	width: calc(50% - 80px);
	border-radius: 6px;
	padding: 72px 40px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	background: #F6F6F6;
}

.contact_item {
	flex: 0 0 auto;
	width: 50%;
	display: flex;
	align-items: flex-start;
}

.contact_item img {
	margin: 5px 12px 5px 0;
}

.contact_item_content {
	flex: 0 0 calc(100% - 50px);
}

.contact_item_title {
	font-size: 24px;
	font-weight: bold;
}

.contact_item_content {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	gap: .2em;
}

.contact_item_content a {
	font-size: 16px;
	color: #333;
}

.products {
	padding: 70px 0;
}

.products .inner-left {
	width: 300px;
	float: left;
	margin-bottom: 40px;
	background-color: #fff;
	border-radius: 5px;
}


.pro-sider {
	width: 100%;
}

#main .in-title {
	line-height: 50px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
}

#main .in-title i {
	margin-right: 10px;
}

#main .list-left .more .title a {
	float: left;
	width: calc(100% - 40px);
	font-weight: bold;
}

#main .list-left a:hover,
#main .list-left a.active {
	background-color: #ff6000;
	color: #fff;
}


#main .list-left>a {
	font-weight: bold;
}

#main .list-left a {
	display: block;
	line-height: 24px;
	padding: 15px 10px;
	font-size: 14px;
	box-sizing: border-box;
	color: #333;
}

#main .list-left .children {
	display: none;
}

#main .list-left .more .title i {
	width: 40px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#main .list-left>.more>.children a {
	padding: 15px 20px;
}

#main .list-left>.more>.children>.more>.children a {
	padding: 15px 40px;
}

.pro_right {
	float: left;
	width: calc(100% - 330px);
	margin-left: 30px;
}

.pro_list li {
	float: left;
	width: calc(33.33% - 14px);
	margin-right: 20px;
	margin-bottom: 20px;
}

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

.pro_list li .pro_list_img {
	width: 100%;
	padding-top: 100%;
	background: #fff;
	height: 0;
	border-radius: 6px;
	transition: all 0.3s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.pro_list li .three_img_fd {
	overflow: hidden;
	border-radius: 6px;
}

.pro_list a:hover .pro_list_img {
	transform: scale(1.1);
}

.pro_list_nr {
	padding: 10px;
	width: calc(100% - 20px);
}

.pro_list_title {
	color: #333;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.pro_list_an {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.pro_list_an_one {
	color: #fff;
	width: 124px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	border: 0px solid;
	background-color: #ff6000;
	border-radius: 6px;
	transition: .3s all;
	font-size: 16px;
}

.pro_list li .pro_list_an_one:hover {
	background-color: #333;
}

.pro_list_an_two {
	border-color: #333;
	background-color: #fff;
	color: #333;
	width: 124px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	border: 1px solid;
	border-radius: 6px;
	transition: .3s all;
	font-size: 16px;
}

.pro_list li .pro_list_an_two:hover {
	background-color: #ff6000;
	border-color: #ff6000;
	color: #fff;
}

.main_links {
	background-color: #eee;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	padding: 22px 0 18px;
	color: #333;
}

.main_links a {
	color: #333;
	margin-left: 6px;
	font-size: 14px;
}

.main_links i {
	padding: 0 6px;
}

.current {
	margin-left: 6px;
	font-size: 14px;
}

/* 产品详情页 */

.pro_view_one {
	display: flex;
	flex-wrap: wrap;
}

.pro_view .title {
	width: 40%;
	margin-right: 60px;
}

#main .pro_view_one>.title .img {
	width: 100%;
	margin: auto;
}

#main .pro_view_one>.title .img .pic {
	display: block;
	width: 100%;
	padding-top: 100%;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	font-size: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#main .pro_view_one>.title .img .list li:nth-of-type(5n) {
	margin-right: 0;
}

#main .pro_view_one>.title .img .list li {
	width: calc(20% - 8px);
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	border: 1px solid #f1f2f4;
	box-sizing: border-box;
}

#main .pro_view_one>.title .img .list li.active {
	border: 1px solid #ff6000;
}

#main .pro_view_one>.title .img .list a {
	display: block;
	width: 100%;
	padding-top: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

#main .pro_view_one>.title>p {
	text-align: center;
	font-size: 25px;
	margin: 20px 0;
}

#main .pro_view_one .details {
	padding: 10px;
	border-top: 1px solid #ccc;
}

#main .products .pro_right .pro_view_one .pro {
	margin-top: 20px;
}

.pro_info {
	width: calc(60% - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.pro_info-title {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 20px;
}

.pro_info-des {
	font-size: 18px;
	padding-bottom: 60px;
}

.pro_info-des p {
	margin: 0;
}

.pro_info-model {
	font-size: 22px;
	margin-bottom: 10px;
	color: #333;
}

.pro_info-model span:first-child {
	font-weight: bold;
}

.pro_info-button {
	width: 244px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border: 0;
	cursor: pointer;
	background-color: #ff6000;
	color: #fff;
	transition: .5s all;
	border-radius: 4px;
	font-size: 18px;
}

.pro_info-button i {
	margin-right: 10px;
}

.pro_info-button:hover {
	background-color: #333;
}

.pro_view_two {
	padding-top: 20px;
	margin-top: 60px;
	border-top: 1px solid #ccc;
}

.pro_view_two p {
	/* margin: 0; */
	font-size: 16px;
	color: #333;
}

#main .search {
	text-align: center;
	padding-bottom: 40px;
	width: 100%;
}

#main .search input {
	border: 1px solid #ccc;
	line-height: 40px;
	width: 500px;
	padding: 0 10px;
	border-radius: 5px;
	font-size: 20px;
	vertical-align: top;
	outline: none;
}

#main .search button {
	background-color: #ff6000;
	line-height: 40px;
	border: 0px;
	border-radius: 3px;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
	font-size: 16px;
	outline: none;
}

.s_banner_an {
	cursor: pointer;
}

#nav-m {
	display: none;
}

/* .products_top{
	margin-bottom: 30px;
} */

.case_bt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	display: flex;
	align-items: center;
}

.case_bt_img img {
	max-width: 24px;
	max-height: 24px;
	margin-right: 8px;
}

.three_bt {
	text-align: center;
	line-height: 40px;
	height: 40px;
}

.pro_case {
	margin-top: 40px;
}

.pro_case_bt {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #fa7d32;
}

.contact_con {
	margin-bottom: 30px;
}

.contact_con p {
	margin: 0;
}

.solutions_two {
	margin-top: 50px;
}

.solutions_two .three_list_zi {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #fbfbfb;
	padding: 30px 16px;
	width: calc(100% - 32px);
	text-align: center;
}

.contact_one {
	float: left;
	width: 48%;
}

.contact_two {
	float: right;
	width: 50%;
	display: block;
	padding-top: 28%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 8px;
}

.products_title {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}


/* 产品详情页视频 */

#main .products-view .title .img .video {
	position: relative;
}

#main .products-view .title .img .video i {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 60px;
	padding: 1px;
	z-index: 999;
	cursor: pointer;
	color: #fa7d32;
}

/* 手机版 */
@media screen and (max-width:1200px) {

	html,
	body {
		overflow-x: hidden;
		min-height: 100vh;
	}

	.this-1280 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.this-1680 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}


	/* 头部 */
	.wrap {
		transition: all 0.3s ease 0s;
		/* transform: translate(0, 0px); */
	}

	.wrap.active {
		transform: translate(calc(-90% + 60px), 0px);
	}

	#top_list {
		display: none;
	}

	#header,
	#nav {
		display: none;
	}

	#nav-m {
		height: 50px;
		display: block;
		position: relative;
		z-index: 999;
		font-size: 0;
		width: 100%;
	}

	#nav-m .logo {
		height: 50px;
		float: left;
	}

	#nav-m .logo img {
		height: 32px;
		margin-left: 10px;
		margin-top: 9px;
	}

	#nav-m>.title {
		font-size: 14px;
		display: inline-block;
		line-height: 50px;
		vertical-align: top;
		margin-left: 10px;
		width: calc(100% - 140px);
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	#nav-m .menu {
		position: absolute;
		right: 10px;
		top: 11px;
		width: 22px;
		padding: 5px 10px;
		border: 1px solid #333;
		border-radius: 3px;
	}

	#nav-m .menu span {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		height: 2px;
		background-color: #333;
	}

	#nav-m .menu span:nth-of-type(3) {
		margin-bottom: 0px;
	}

	#nav-m .list {
		position: fixed;
		left: 100%;
		width: calc(90% - 60px);
		top: 0;
		height: 100vh;
	}

	#nav-m .list a {
		padding-left: 10px;
		position: relative;
	}

	#nav-m .list a {
		height: 45px;
		width: 100%;
		float: left;
		font-size: 14px;
		color: #666;
		box-sizing: border-box;
		line-height: 45px;
		border-bottom: 1px solid #DEDEDF;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#nav-m .list .title {
		border-bottom: 1px solid #DEDEDF;
	}

	#nav-m .list .title a {
		width: calc(100% - 60px);
		border-right: 1px solid #DEDEDF;
		border-bottom: 0;
	}

	#nav-m .list li i {
		width: 60px;
		height: 45px;
		line-height: 45px;
		float: right;
		font-size: 22px;
		text-align: center;
		color: #666;
		transition: all 0.3s;
		box-sizing: border-box;
	}

	#nav-m .list li .children {
		background-color: #FAFAFA;
		display: none;
	}

	#nav-m .list .language a {
		float: left;
		width: 50%;
	}

	#nav-m .list .language a:nth-of-type(n-1) {
		border-right: 1px solid #DEDEDF;
	}

	/* 搜索 */
	#nav-m .list .search_m {
		font-size: 0;
		display: block;
		padding: 20px;
	}

	#nav-m .list .search_m input {
		width: calc(100% - 50px);
		line-height: 35px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		outline: none;
		border: 1px solid #DEDEDF;
		font-size: 12px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	#nav-m .list .search_m button {
		width: 50px;
		line-height: 37px;
		border: 0;
		height: 37px;
		vertical-align: bottom;
		color: #fff;
		background-color: #DDD;
		outline: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	#banner {
		margin-top: 0 !important;
	}

	#home .one {
		padding: 30px 0 0 0;
	}

	.one_dtitle {
		margin-bottom: 14px;
	}

	.one_dtitle_one {
		margin-bottom: 0;
	}

	.one_dtitle_one_l {
		font-size: 20px;
		line-height: 30px;
		float: none;
		width: 100%;
		text-align: center;
	}

	.one_dtitle_one_r {
		float: none;
		margin: auto;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.one_dtitle_two p {
		font-size: 16px;
	}

	.one_list li {
		float: left;
		width: calc(100% - 40px);
		margin-bottom: 20px;
		margin-right: 0;
		padding: 20px;
	}

	.one_list li .one_list_one {
		display: flex;
		line-height: 24px;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.one_list li .one_list_one img {
		height: 26px;
		margin-right: 10px;
	}

	.one_list_two p {
		font-size: 14px;
		color: #333;
		margin: 0;
		height: max-content;
		-webkit-line-clamp: unset;
	}

	.two {
		margin-bottom: 30px;
	}

	.two_l {
		float: none;
		width: 100%;
	}

	.two_r {
		float: none;
		width: 100%;
	}

	.two_l_one {
		float: none;
		width: calc(100% - 40px);
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 20px;
	}

	.two_icon {
		height: 26px;
	}

	.two_title {
		font-size: 16px;
	}

	.two_title .two_an {
		width: 24px;
		height: 24px;
		line-height: 24px;
	}

	.two_jj p {
		height: max-content;
		-webkit-line-clamp: unset;
	}

	.two_r .two_title {
		color: #fff;
		display: flex;
		align-items: center;
	}

	.two_r_nr {
		width: calc(100% - 40px);
		padding: 20px;
	}

	.three {
		padding: 30px 0 10px 0;
	}

	.three .three_title {
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 30px;
	}

	.three_list li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.four {
		background-color: #fff;
		padding-top: 30px;
	}

	.four_title {
		margin-bottom: 20px;
		text-align: center;
	}

	.four_title_l {
		float: none;
		width: 100%;
	}

	.four_title_r {
		float: none;
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}

	.four_one {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.four_two {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.five {
		background: linear-gradient(to bottom, #fff 8%, #ff6000 0);
	}

	.five_list li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.five_list_bt {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 18px;
	}

	.five_list_jj {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: unset;
	}

	.five_list li:nth-of-type(4n) {
		margin-bottom: 0;
	}

	.five_an {
		margin-bottom: 50px;
		margin-top: 20px;
	}

	.six_img {
		padding-top: 40%;
	}

	.six {
		background: linear-gradient(to bottom, #ff6000 77%, #fff 0);
		padding-top: 20px;
	}

	.seven {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.seven .four_two {
		font-size: 20px;
	}

	.seven .four_title_r {
		width: 100%;
	}

	.seven .seven_nr .seven_series .item {
		font-size: 14px;
		padding: 0 5px;
	}

	.seven .seven_nr .seven_series {
		margin-bottom: 30px;
	}

	.seven_list_zi {
		padding: 20px;
		position: unset;
	}

	.seven_list .seven_list_one li {
		float: left;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;

		position: relative;
	}

	.seven_list_bt {
		margin-bottom: 20px;
		line-height: 24px;
		font-size: 16px;
	}

	.seven_list .seven_list_two li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		position: relative;
	}

	.eight {
		padding: 30px 0 200px 0;
	}

	.eight_l {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}

	a.eight_an {
		margin: auto;
	}

	.eight_r {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.eight_l .eight_one {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.eight_l .eight_two {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.nine_item_sz {
		font-size: 26px;
	}

	.nine_item {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.nine_item_unit {
		font-size: 18px;
	}

	.nine_nr {
		overflow: hidden;
		width: calc(100% - 40px) !important;
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.nine_item_one {
		margin-bottom: 0;
	}

	.ten {
		padding: 200px 0 30px 0;
	}

	.ten_one {
		font-size: 14px;
		line-height: 0;
		margin-bottom: 10px;
	}

	.ten_two {
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.ten_l {
		float: none;
		width: 100%;
		margin-right: 0;
		text-align: center;
	}

	.ten_an {
		margin: auto;
	}

	.ten_r {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.ten_r .list .item .title span {
		height: max-content;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: unset;
	}

	.ten_r .list .item .body {
		padding: 10px 18px 0 47px;
	}

	.ten_r .list .item .title {
		font-size: 14px;
	}

	.ten_r .list .item .body p {
		font-size: 13px;
		line-height: 20px;
		-webkit-line-clamp: unset;
	}

	.eleven {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.eleven_l {
		float: none;
		width: 100%;
		height: 260px;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.eleven_r {
		float: none;
		padding: 20px;
		border-radius: 12px;
		width: calc(100% - 40px);
		height: max-content;
	}

	.eleven_r_one span {
		font-size: 14px;
	}

	.eleven_r_one .eleven_an {
		font-size: 14px;
	}

	.eleven_r_two {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.eleven_group_one p {
		font-size: 14px;
		line-height: 20px;
		-webkit-line-clamp: unset;
		height: 170px;
	}

	.eleven_group_img {
		margin-right: 10px;
	}

	.eleven_group_name {
		font-size: 14px;
		width: calc(100% - 75px);
		line-height: 26px;
	}

	.twelve {
		padding: 30px 0;
	}

	.twelve_l {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.twelve_bt_one {
		font-size: 14px;
		line-height: 20px;
	}

	.twelve_bt_two {
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.twelve_nr p {
		margin-bottom: 10px;
	}


	.twelve_r {
		float: none;
		width: 100%;
		height: max-content;
		margin-top: 30px;
	}

	.twelve_r_img {
		width: 100%;
		height: 222px;
	}

	.thirteen {
		padding: 30px 0 10px 0;
	}

	.thirteen_bt_one {
		font-size: 14px;
		line-height: 20px;
	}

	.thirteen_bt_two {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.thirteen_list li {
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	.thirteen_list_bt {
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.thirteen_list_jj {
		font-size: 14px;
		line-height: 20px;
	}

	.fourteen {
		padding: 30px 0;
	}

	.fourteen_l {
		float: none;
		width: 100%;
		height: max-content;
		margin-right: 0;
	}

	.fourteen_l .fourteen_img {
		width: 100%;
		height: 230px;
	}

	.fourteen_r {
		float: none;
		width: 100%;
		padding-top: 30px;
		text-align: center;
	}

	.fourteen_one {
		font-size: 14px;
		line-height: 20px;
	}

	.fourteen_two {
		font-size: 20px;
		line-height: 30px;
		margin: 10px 0;
	}

	.fourteen_three {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.fourteen_an {
		margin: auto;
	}

	.f_fx {
		padding: 30px 0;
	}

	.f_fx a {
		margin-right: 0;
	}

	#footer {
		padding-top: 50px;
	}

	.footer_one img {
		margin-bottom: 10px;
		height: 40px;
	}

	.footer_one {
		float: none;
		width: 100%;
	}

	.footer_one_nr p {
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}

	.footer_one_nr p strong {
		font-size: 18px;
	}

	.footer_two {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.footer_two_bt {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.footer_two_list a {
		font-size: 14px;
		line-height: 26px;
	}

	.footer_four {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.content {
		padding: 0;
	}

	.footer_bq {
		padding: 10px 0;
		margin-top: 20px;
	}

	#main {
		margin-top: 0;
	}

	.main_banner_box .main_banner_title {
		font-size: 20px;
		line-height: 30px;
	}

	.main_top_x {
		padding-top: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.main_banner {
		height: 300px;
	}

	.solutions_bt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.solutions_bt_nr p {
		font-size: 14px;
		line-height: 24px;
	}

	.about_one {
		padding: 30px 0;
	}

	.about_one_l {
		float: none;
		width: 100%;
		padding-top: 10px;
	}

	.about_one_l_bt {
		font-size: 14px;
	}

	.about_one_l_title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.about_one_l_jj p {
		font-size: 16px;
		line-height: 24px;
	}

	.about_one_r {
		float: none;
		width: 100%;
		padding-top: 56%;
		margin-top: 20px;
	}

	.about_two {
		padding: 30px 0;
	}

	.about_two_l {
		width: 100%;
		float: none;
	}

	.about_two_l_bt {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.about_two_l_title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.about_two_r {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.about_two_list_bt {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.about_two_list_bt img {
		height: 26px;
		margin-right: 10px;
	}

	.about_three {
		padding: 30px 0;
		background: linear-gradient(to bottom, #ff6000 60%, #fff 60%);
	}

	.about_three_bt {
		font-size: 14px;
	}

	.about_three_title {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 30px;
	}

	.about_five {
		padding: 30px 0;
	}

	.why_two_bt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.certifications li {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.certifications li .certifications_img {
		padding-top: 140%;
	}

	.certifications li span:nth-of-type(1) {
		font-size: 16px;
		line-height: 20px;
	}

	.certifications li span:nth-of-type(2) {
		font-size: 14px;
		line-height: 18px;
	}

	.technology_list li {
		float: left;
		width: calc(50% - 5px);
		margin-right: 10px;
	}

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

	.technology_list li .technology_bt span {
		font-size: 16px;
	}

	.technology_list li .technology_bt {
		font-size: 16px;
	}

	.news {
		padding: 30px 0;
	}

	.news_list li {
		flex-direction: column;
		padding-bottom: 0;
	}

	.news_list_l {
		width: 100%;
	}

	.news_list li .news_list_r {
		padding: 0;
		width: 100%;
		margin: 20px 0;
	}

	.news_list_bt {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.news_list_jj {
		margin-bottom: 20px;
	}

	.news_one {
		margin-bottom: 30px;
	}

	.news_view {
		padding: 30px 0;
	}

	.news_view_bt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.faq_list li .faq_q {
		padding: 15px;
		font-size: 16px;
	}

	.faq_list li .faq_a {
		padding: 15px;
		font-size: 14px;
	}

	.case_list li {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.case_list_zi {
		padding: 26px 10px;
		background-color: #ffffff;
	}

	.contact {
		padding: 30px 0;
	}

	.contact_message_bj {
		padding: 20px !important;
	}

	.products .inner-left {
		display: none;
	}

	.pro_right {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	#main .search input {
		width: 60%;
		font-size: 14px;
	}

	#main .search button {
		font-size: 14px;
	}

	.search {
		margin: 0;
	}

	.pro_list li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.products {
		padding: 30px 0;
	}

	.pro_view .title {
		width: 100%;
		margin-right: 0;
	}

	.pro_info {
		width: 100%;
		height: 100%;
		margin-top: 20px;
	}

	.pro_info-title {
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}

	.pro_info-des {
		font-size: 16px;
		padding-bottom: 20px;
	}

	.pro_info-model {
		font-size: 16px;
	}

	.pro_view_two {
		padding-top: 20px;
		margin-top: 20px;
	}

	.pro_view_two p img {
		width: 100%;
	}

	.pro_info-button {
		width: 220px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}

	.imain_banner_box_content {
		width: calc(100% - 30px);
	}

	.top_an {
		float: right;
		margin-right: 70px;
		font-size: 12px;
		height: 28px;
		line-height: 28px;
		width: 95px;
		margin-top: 12px;
		border-radius: 3px;
	}

	#main .products-view .title .img .video i {
		font-size: 40px;
	}

	.products_top img {
		width: 100%;
	}

	.contact_one {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.contact_two {
		float: none;
		width: 100%;
		padding-top: 55%;
	}
}


@media screen and (min-width:1201px) and (max-width:1399px) {
	.this-1280 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.this-1660 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.this-1280 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	#nav>li {
		margin-right: 14px;
	}

	.s_phone {
		margin: 0 14px;
	}

	.search {
		margin: 0 14px;
	}

	.top_an {
		width: 130px;
	}

	#header .logo {
		height: 34px;
		margin-top: 23px;
	}

	.logo img {
		height: inherit;
	}

	.top_list_title {
		font-size: 14px;
	}
}

@media screen and (min-width:1400px) and (max-width:1659px) {

	.this-1280 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.this-1660 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.this-1280 {
		margin: 0 10px;
		width: calc(100% - 20px);
	}

}