@charset "UTF-8";
/* css reset */



/* @font-face {
	font-family: "PingFang-ExtraLight-2";
	src: url("../fonts/PingFang-ExtraLight-2.woff2") format("woff2"),
		url("../fonts/PingFang-ExtraLight-2.woff") format("woff"),
		url("../fonts/PingFang-ExtraLight-2.ttf") format("truetype"),
		url("../fonts/PingFang-ExtraLight-2.eot") format("embedded-opentype"),
		url("../fonts/PingFang-ExtraLight-2.svg") format("svg");
}

@font-face {
	font-family: "苹方字体";
	src: url("../fonts/苹方字体.woff2") format("woff2"),
		url("../fonts/苹方字体.woff") format("woff"),
		url("../fonts/苹方字体.ttf") format("truetype"),
		url("../fonts/苹方字体.eot") format("embedded-opentype"),
		url("../fonts/苹方字体.svg") format("svg");
} */

@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../fonts/SourceHanSansCN-Regular.otf") format("woff2"),
		url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
		url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
		url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),

}



body,
html,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
strong,
small,
ul,
li,
dl,
dt,
dd,
ol,
table,
a,
input,
textarea,
label {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	color: #333
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

span {
	display: inline-block;
}

i {
	font-style: normal;
	display: inline-block;
}

icon {
	display: inline-block;
}

ul,
li {
	list-style: none;
}

sub,
sup {
	font-size: 6px;
	margin-left: 2px
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

input,
textarea {
	display: inline-block;
	font-family: "SourceHanSansCN-Regular", "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue";
}

/* body{font-family:"Aileron-Regular","Source Sans Pro",SourceHanSansCN,"Source Han Sans CN",Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}
 */
html {
	font-size: 16px;
}

body {
	font-family: "SourceHanSansCN-Regular", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
	/* 	font-family: "SourceHanSansCN-Regular", "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
 */
	font-weight: 300;
	color: #333;
	margin: 0 auto;
	width: 100%;
	background: #FFF;

}

::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(210, 210, 210, 0.48);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(123, 121, 121, 0.7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

.clear {
	clear: both;
	zoom: 1;
}

.clear:after,
.clear:before {
	content: "";
	display: table;
	height: 0;
	clear: both;
}

.fl {
	float: left
}

.fr {
	float: right
}

.menu {
	display: none;
	float: right;
	margin-top: 31px;
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.menu span {
	position: absolute;
	transition: 0.3s;
	width: 25px;
	height: 3px;
	border-radius: 2px;
	background: #049757;
	display: block;
	margin-bottom: 5px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menu .span2 {
	top: 8.4px;
}

.menu .span3 {
	top: 17px;
}

.menu.on .span1 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu.on .span2 {
	opacity: 0;
}

.menu.on .span3 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.wrap {
	width: 1400px;
	margin: auto;
	max-width: 94%;
}

.header-wrap {
	width: 1600px;
	margin: auto;
	max-width: 94%;
}


/* header */
#header {
	height: 95px;
	line-height: 95px;
	background: #FFFFFF;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	z-index: 9999;
}

.header-logo {
	float: left;
}

.header-call {
	float: right;
}

.header-call a {
	font-size: 24px;
	color: #fea227;
	font-weight: bolder;
	display: block;
	background: url(../images/call-icon.jpg) left no-repeat;
	padding-left: 41px;
}

.header-search {
	float: right;
	margin-top: 34px;
	margin-right: 30px;
	cursor: pointer;
}

.header-search>a {
	width: 25px;
	height: 26px;
	background: url(../images/sear-icon_06.png) no-repeat;
	background-position: center;
	position: relative;
	display: block;
	margin-left: 20px;
	cursor: pointer;
}

.header-search>a::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 75%;
	left: -20px;
	background: #000000;
	top: 5px;
}

.header-nav {
	float: right;
}

.header-ul-list>li {
	float: left;
}

.header-ul-list>li>a {
	font-size: 16px;
	color: #313332;
	padding: 0 30px;
}

#header.on {
	background: #FFFFFF;
	transition: 0.4s;
	box-shadow: 0 0 8px #CCCCCC;
}

/* index */
.index-body #header {
	background: none;
}

.index-body #header.on {
	background: #FFFFFF;
	transition: 0.4s;
}

.index-banner {
	position: relative;
	margin-top: 95px;
}

.index-banner::after {
	content: "";
	position: absolute;
	width: 200px;
	height: 185px;
	background: url(../images/jiao-quan_03.png) no-repeat;
	background-position: right;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-size: 100% 100%;
}

.index-banner::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 105px;
	background: url(../images/su-icon_11.png) no-repeat;
	top: 25%;
	right: 5%;
	background-size: 100%;
	z-index: 99;
}

.index-banner .swiper-pagination {
	width: auto;
	right: 5%;
	bottom: auto;
	left: auto;
	top: 60%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);

}

.index-banner .swiper-pagination .swiper-pagination-bullet {
	display: block;
	margin-bottom: 30px;
	position: relative;
	background: #272a33;
	opacity: 1;
}

.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	border: 1px solid #272a33;
	border-radius: 100%;
	top: -14px;
	left: -14px;
}

.index-banner .swiper-button-black {
	background: url(../images/jian-h_03.png) no-repeat;
	width: 60px;
	height: 60px;
	background-position: center;
	border: 1px solid #272A33;
	border-radius: 100%;
	right: 18%;
	top: 72%;
}

.index-banner .swiper-button-black.swiper-button-prev {
	display: none;
}

.padd-40 {
	padding: 40px 0;
}

.index-product {}

.index-product-title {
	margin-bottom: 35px;
}






.index-title {}

.index-product-title .index-title {
	width: 400px;
	float: left;
}

.index-title h2 {
	font-size: 45px;
	color: #323232;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0.1;
}

.index-title h3 {
	font-size: 36px;
	color: #fea227;
	font-weight: bold;
	margin-top: -35px;
}

.index-product-list {
	width: calc(100% - 400px);
	float: right;
	position: relative;
	background: url(../images/q-h_03.png) no-repeat;
	background-position: left top;
	padding-left: 35px;
	box-sizing: border-box;
}

.index-product-list li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
}

.index-product-list li a {
	font-size: 18px;
	color: #000000;
}

.index-product-list li a:hover {
	color: #fea227;
}

.index-product-search {
	width: 50%;
	box-sizing: border-box;
	padding-right: 5%;
	padding-top: 15px;
	position: relative;
	z-index: 9;
}

.index-product-search p {
	box-shadow: 0 0 6px #bebebe;
	border-radius: 30px;
	height: 65px;
	line-height: 65px;
}

.index-product-search p input {
	box-sizing: border-box;
	padding: 0 30px;
	height: 100%;
	width: calc(100% - 90px);
	border: none;
	background: none;
	vertical-align: middle;
	font-size: 16px;
	color: #989898;
}

.index-product-search p label {
	width: 80px;
	height: 100%;
	background: url(../images/s-q_07.png) center no-repeat;
	display: inline-block;
	vertical-align: middle;
}


.index-product-swiper {
	margin-top: -6%;
	margin-bottom: 55px;
}

.index-product-swiper .swiper-slide {
	background: #FFFFFF;
}

.index-product-swiper .swiper-slide .slide-left {
	width: 50%;
	box-sizing: border-box;
	padding-right: 5%;
	float: left;
	padding-top: 9%;
}

.index-product-swiper .swiper-slide .slide-left h3 {
	font-size: 24px;
	color: #333333;
	position: relative;
	padding: 20px 0;
	margin-bottom: 15px;
}

.index-product-swiper .swiper-slide .slide-left h3::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 20px;
	height: 4px;
	background: #fea227;
}

.index-product-swiper .swiper-slide .slide-left h3 a {
	font-size: 24px;
	color: #333333;
}

.index-product-swiper .swiper-slide .slide-left p {
	font-size: 14px;
	line-height: 36px;
	color: #636363;
}

.index-product-swiper .swiper-slide .slide-right {
	width: 50%;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
	float: right;
	text-align: center;
	padding: 25px;
}

.index-product-swiper .swiper-slide .slide-right a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	box-shadow: 0 0 8px #d8d8d8;
	height: 380px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.index-product-swiper .swiper-slide .slide-right a img {
	max-height: 360px;
}

.index-product-swiper .swiper-slide:hover .slide-left h3 a {
	color: #fea227;
}

.index-product-swiper-list {}

.index-product-swiper-list .swiper-slide {}

.index-product-swiper-list .swiper-slide a {
	display: block;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	padding: 15px;
	cursor: pointer;
}

.index-product-swiper-list .swiper-slide a .t-slide-img {
	overflow: hidden;
	text-align: center;
	height: 210px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index-product-swiper-list .swiper-slide a .t-slide-img img {
	max-height: 200px;
}

.index-product-swiper-list .swiper-slide a .t-slide-text {
	position: relative;
}

.index-product-swiper-list .swiper-slide a .t-slide-text h3 {
	font-size: 18px;
	color: #242424;
	background: #f7f7f7;
	padding: 17px;
	box-sizing: border-box;
	height: 58px;
	overflow: hidden;
	white-space: nowrap;
}

.index-product-swiper-list .swiper-slide a .t-slide-text span {
	position: absolute;
	width: 50px;
	height: 100%;
	display: block;
	right: 0;
	top: 0;
	font-size: 34px;
	text-align: center;
	line-height: 58px;
	background: #f7f7f7;
	color: #242424;
	transition: 0.4s;
}

.index-product-swiper-list .swiper-slide a:hover .t-slide-text span {
	background: #fea227;
	color: #FFFFFF;
	transition: 0.4s;
}

.index-product-swiper .swiper-button-white {
	width: 80px;
	height: 50px;
	opacity: 1;
	background-size: 13px;
	top: 85%;
}

.index-product-swiper .swiper-button-white.swiper-button-prev {
	background-color: #fea227;
	border-radius: 25px 0 0 25px;
}

.index-product-swiper .swiper-button-white.swiper-button-next {
	background-color: #0062b2;
	border-radius: 0 25px 25px 0px;
	left: 90px;
}

.index-case {
	margin-top: 110px;

}

.index-case-swiper {
	margin-top: -110px;
	position: relative;
}

.index-case-swiper .swiper-container {
	height: 755px;
	width: 100%;
}

.index-case-swiper .swiper-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.index-case .wrap-s {

	margin: auto;
	box-sizing: border-box;
	width: 1010px;
	max-width: 92%;

}

.index-case>.wrap {
	position: relative;
	z-index: 9;

}

.index-case-title {
	background: none;
	position: absolute;
	top: 40px;
	width: 75%;
	left: 0;
	right: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 25px;
}

.index-case-title h3 {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	float: left;

}

.index-case-title a {
	font-size: 15px;
	color: #FFFFFF;
	background: url(../images/ca-icon_07.png) no-repeat;
	border: 1px solid #FFFFFF;
	border-radius: 21.5px;
	padding: 11px 35px;
	margin-left: auto;
	float: right;
	background-position: 86%;
}

.index-case .swiper-slide,
.index-case .swiper-wrapper {
	/* position: unset; */
}

.index-case-swiper .swiper-slide .wrap {
	width: 1050px;
	position: relative;
	height: 100%;
	max-width: 92%;
}

.index-case-swiper .wrap .case-slide-text {
	position: absolute;
	left: -3%;
	top: 35%;
}

.index-case-swiper .swiper-slide-active .wrap .case-slide-text {
	left: 5.5%;
}


.index-case-swiper .wrap .case-slide-text h3 {
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
}

.index-case-swiper .wrap .case-slide-text p {
	font-size: 16px;
	color: #FFFFFF;
}

.index-case-swiper .wrap .case-slide-text a {
	font-size: 16px;
	color: #0062b2;
	background: #FFFFFF;
	border-radius: 25px;
	padding: 15px 50px 15px 23px;
	background-image: url(../images/ca-icon_11.png);
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 150px;
	opacity: 0;
}

.index-case-swiper .swiper-slide-active .wrap .case-slide-text a {
	opacity: 1;
}

.index-case-swiper .swiper-b-t {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 48px;
	bottom: 55px;
}

.index-case-swiper .swiper-button-prev {}

.index-case-swiper .swiper-button-next {
	left: 75%;
}

.index-case-swiper .swiper-button-black {
	background-size: 12px;
	background-color: #FFFFFF;
	border-radius: 100%;
	width: 48px;
	height: 48px;
}

.index-case-swiper .swiper-pagination {
	bottom: 40px;
}

.index-case-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	opacity: 1;
	border: 2px solid #FFFFFF;
	border-radius: 100%;
	margin: 0 20px !important;
	position: relative;
}

.index-case-swiper .swiper-pagination-bullet-active {
	background: #fea227;
	border-color: #fea227;
	background-position: center;
}

.index-case-swiper .swiper-pagination-bullet-active::after {
	width: 34px;
	height: 34px;
	position: absolute;
	content: "";
	left: -12px;
	right: 0;
	top: -12px;
	margin: auto;
	background: url(../images/ca-icon_15.png) no-repeat;
}

.index-about {
	padding: 135px 0 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-about-left {
	width: 45%;
	height: 465px;
	float: left;
}

.index-about-left .index-about-img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.index-about-right {
	float: right;
	width: 50%;
}

.index-about-right h2 {
	font-size: 36px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 26px;
}

.index-about-right ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.index-about-right li {
	margin-right: 15px;
}

.index-about-right li:last-of-type {
	margin-right: 0;
	display: none;
}

.index-about-right li:nth-child(4) {
	margin-right: 0;
}

.index-about-right li a {
	font-size: 16px;
	color: #676767;
	border-radius: 23px;
	border: 1px solid #efefef;
	padding: 11px 22px;
}

.index-about-right li.active a,
.index-about-right li a:hover {
	color: #FFFFFF;
	background: #0062b2;
	border-color: #0062B2;
}

.index-about-r-text {
	margin-top: 30px;
}

.index-about-r-text h3 {
	font-size: 24px;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0 18px;
	margin-bottom: 25px;
}

.index-about-r-text p {
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

.index-about-r-text a {
	font-size: 14px;
	color: #0062b2;
	background: #FFFFFF;
	border-radius: 25px;
	padding: 15px 50px 15px 23px;
	background-image: url(../images/ca-icon_11.png);
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 20px;
}

.index-news {
	padding: 60px 0 90px;
}

.index-news-swiper {
	position: relative;
	margin-top: 25px;
}

.index-news-swiper .swiper-button-black {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background-color: #FFFFFF;
	background-size: 13px;
	box-shadow: 0 0 6px #333333;
}

.index-news-swiper .swiper-button-prev {
	left: -80px;
}

.index-news-swiper .swiper-button-next {
	right: -80px;
}

.index-news-swiper .swiper-container {}

.index-news-swiper .swiper-slide {}

.index-news-swiper .swiper-slide a {
	display: block;
}

.index-news-swiper .swiper-slide a .index-news-img {
	height: 272px;
	overflow: hidden;
}

.index-news-swiper .swiper-slide a .index-news-img img {
	width: 100%;
	max-height: 272px;
	height: 100%;
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a .index-news-text {
	padding: 15px 10px;
}

.index-news-swiper .swiper-slide a .index-news-text h4 {
	font-size: 18px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bold;
}

.index-news-swiper .swiper-slide a .index-news-text p {
	font-size: 14px;
	color: #737373;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a .index-news-text span {
	font-size: 14px;
	color: #0062b2;
	font-weight: bold;
	background: url(../images/i-news-img_13.png) no-repeat;
	background-position: center right;
	padding-right: 30px;
	margin-top: 10px;
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a:hover .index-news-img img {
	transform: scale(1.1);
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a:hover .index-news-text h4 {
	color: #fea227;
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a:hover .index-news-text p {
	color: #333333;
	transition: 0.4s;
}

.index-news-swiper .swiper-slide a:hover .index-news-text span {
	padding-left: 10px;
	transition: 0.4s;
}

.more {
	text-align: center;
	margin-top: 40px;
}

.more a {
	font-size: 16px;
	color: #0062b2;
	background: #f6f6f6 url(../images/i-news-img_17.png) no-repeat;
	border-radius: 24.5px;
	padding: 14px 50px 14px 18px;
	background-position: 89%;
}

.more a:hover {
	background-color: #e4e4e4;
	box-shadow: 0 0 8px #949494;
}

.index-about-r-text a:hover,
.index-case-swiper .wrap .case-slide-text a:hover {
	box-shadow: 0 0 8px #949494;
}

footer {
	background: url(../images/foot-ban_02.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 75px;
}

.footer-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 2%;
}

.footer-top dl {
	width: 20%;
	box-sizing: border-box;
	padding-left: 6%;
	position: relative;
	padding-bottom: 30px;
}

.footer-top dl:nth-child(4) {
	display: none;
}

.footer-top dl::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	left: 0;
	top: 0;
}

.footer-top dl::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 93%;
	background: rgba(255, 255, 255, 0.2);
	left: 6px;
	top: 14px;
}

.footer-top dl dt {
	margin-bottom: 15px;
}

.footer-top dl dt a {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
}

.footer-top dl dd {
	margin-bottom: 10px;
}

.footer-top dl dd a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.footer-top dl dd a:hover {
	color: #FFFFFF;
}

.footer-top dl dd img {
	max-width: 105px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.footer-top dl dd span {
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	margin: auto;
	text-align: center;
}

.footer-copy {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-copy-left {
	float: left;
}

.footer-copy-left a {
	position: relative;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.72);
	padding: 0 8px;
}

.footer-copy-left a::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 90%;
	right: 0;
	background: rgba(255, 255, 255, 0.72);
	top: 2px;
}

.footer-copy-left a:last-of-type::after {
	display: none;
}

.footer-copy-left a:hover {
	color: #FFFFFF;
}

.footer-copy-right {
	float: right;
}

.footer-copy-right a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.72);
	margin-left: 10px;
}

.footer-copy-right a:hover {
	color: #FFFFFF;
}

/* news */
.n-banner {
	margin-top: 95px;
}

.nei-nav {
	background: #FFFFFF;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #e5e5e5;
}

.nei-nav .nei-nav-left {}

.nei-nav .nei-nav-left a {
	position: relative;
	font-weight: bolder;
	font-size: 16px;
	color: #3b3a40;
	padding: 0 15px;
	margin-right: 15px;
}

.nei-nav .nei-nav-left a.active::after {
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	height: 2px;
	background: #004ea2;
	left: 0;
	right: 0;
	margin: auto;
}

.nei-nav .nei-nav-left a:hover,
.nei-nav .nei-nav-left a.active {
	color: #004ea2;
}

.nei-nav .nei-nav-right {
	margin-left: auto;
}

.nei-nav .nei-nav-right a {
	font-size: 13px;
	font-weight: bolder;
	color: #5b5b5b;
	background: url(../images/j-tt_12.png) center left no-repeat;
	padding-left: 25px;
	height: 100%;
	vertical-align: middle;
	margin-right: 10px;
}

.nei-nav .nei-nav-right a:nth-of-type(1) {
	background: url(../images/home_03.png) no-repeat;
	background-position: center left;
	margin-right: 5px;
}

.nei-nav .nei-nav-right a:nth-of-type(2) {
	background: none;
	padding-left: 0;
}

.nei-nav .nei-nav-right a.active,
.nei-nav .nei-nav-right a:hover {
	color: #5b5b5b;
}

.nei-wrap {

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
}

.n-banner {
	/* margin-top: 80px; */
}


.news {}

.news-list-ul {}

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

.news-list-ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.news-list-ul li a .news-left-img {
	width: 436px;
	height: 275px;
	overflow: hidden;
}

.news-list-ul li a .news-left-img img {
	width: 100%;
	height: 100%;
	transition: 0.4s;
}

.news-list-ul li a:hover .news-left-img img {
	transform: scale(1.1);
	transition: 0.4s;
}

.news-list-ul li a .news-right {
	width: calc(100% - 480px);
	margin-left: auto;
	border-bottom: 1px solid #e5e5e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 30px 0;
}

.news-list-ul li a .news-right .news-right-text {
	width: calc(100% - 250px);
}

.news-list-ul li a .news-right .news-right-text h3 {
	font-size: 24px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 15px;
}

.news-list-ul li a .news-right .news-right-text span {
	display: none;
}

.news-list-ul li a .news-right .news-right-text p {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}

.news-list-ul li a .news-right .news-right-time {
	width: 120px;
	margin-left: auto;
}

.news-list-ul li a .news-right .news-right-time b {
	font-size: 36px;
	font-weight: bolder;
	color: #666666;
	line-height: 30px;
	display: block;
	margin-bottom: 10px;
}

.news-list-ul li a .news-right .news-right-time i {
	font-size: 16px;
	color: #666666;
}

.news-list-ul li a:hover .news-right .news-right-text h3 {
	color: #0062b2;
}

.news-list-ul li a:hover .news-right .news-right-text p {
	color: #333333;
}

/* news-detail */
.news-detail {}

.news-detail-box {
	float: left;
}

.news-detail-box .news-detail-title {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0;
}

.news-detail-box .news-detail-title h3 {
	font-size: 30px;
	color: #4c4c4c;
	font-weight: bolder;
	text-align: center;
}

.news-detail-box .news-detail-title .info {
	margin-top: 25px;
}

.news-detail-box .news-detail-title .info span {
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #999999;
	margin-right: 20px;
	padding-left: 30px;
}

.news-detail-box .news-detail-title .info .time {
	background-image: url(../images/i-icon_03.jpg);
}

.news-detail-box .news-detail-title .info .source {
	background-image: url(../images/i-icon_05.jpg);
}

.news-detail-box .news-detail-title .info .count {
	background-image: url(../images/i-icon_07.jpg);
}

.news-detail-text {
	padding: 30px 0 60px;
}

.news-detail-text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.detail-page .clear {
	position: relative;
}

.detail-page .div-a {
	width: 42%;
}

.detail-page .div-a a {
	font-size: 16px;
	color: #9fa19f;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.detail-page .prev a {
	background: url(../images/d-l_17.jpg) left no-repeat;
	padding-left: 20px;
}

.detail-page .next a {
	background: url(../images/d-r_19.jpg) right no-repeat;
	padding-right: 20px;
}

.detail-page .prev a:hover {
	background-image: url(../images/d-l-h_17.jpg);
	color: #004ea2;
}

.detail-page .next a:hover {
	background-image: url(../images/d-r-h_19.jpg);
	color: #004ea2;
}

.detail-page .prev {
	float: left;

}

.detail-page .next {
	float: right;
	text-align: right;
}

.detail-page .back {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 10%;
	text-align: center;
}

.detail-page .back a {
	color: #9fa19f;
}

.detail-page .back a:hover {
	color: #004ea2;
}

.detail-page {
	padding: 50px 0;
	border-top: 1px solid #e5e5e5;
}

.news-detail-right {
	width: 285px;
	float: right;
}

.news-detail .news-detail-box {
	width: calc(100% - 385px);
}

.news-detail-right dl {}

.news-detail-right dl dt {
	font-size: 20px;
	color: #4c4c4c;
	font-weight: bolder;
	padding: 25px 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}

.news-detail-right dl dd {
	margin-bottom: 15px;
}

.news-detail-right dl dd a {
	display: block;
}

.news-detail-right dl dd a .news-detail-img {
	overflow: hidden;
	margin-bottom: 10px;
}

.news-detail-right dl dd a .news-detail-img img {
	width: 100%;
	max-height: 180px;
	transition: 0.4s;
}

.news-detail-right dl dd a h3 {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 26px;
}

.news-detail-right dl dd a:hover h3 {
	color: #004ea2;
}

.news-detail-right dl dd a:hover .news-detail-img img {
	transform: scale(1.1);
	transition: 0.4s;
}

.padd-60 {
	padding: 60px 0;
}


._page_container ._jumper {
	display: none !important;
}

._page_container ._prev,
._page_container ._next,
._page_container ._home,
._page_container ._last {
	font-size: 14px !important;
}

._page_container ._pages li {
	font-size: 14px !important;
	padding: 3px 7px !important;
}

._page_container ._home,
._page_container ._last,
._page_container ._prev_text,
._page_container ._next_text {
	padding: 3px 7px !important;
}

._page_container ._pages,
._page_container ._prev,
._page_container ._next,
._page_container ._home,
._page_container ._last,
._page_container ._jumper,
._page_container ._count,
._page_container ._jumper_input,
._page_container ._sizes,
._page_container ._sizes_text {
	vertical-align: middle;
}

._prev_1,
._next_1,
._home_1,
._last_1 {
	background: #f7f8f8 !important;
}

._pages_1 li {
	background: #f7f8f8 !important;
}

._pages_1 ._active_1 {
	background-color: #005bac !important;
}

._page_container {
	margin: 55px auto !important;
}

/* case */
.hui-bac {
	background: #eef2f5;
}

.case {}

.case-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.case-ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 3%;
	background: #FFFFFF;
}

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

.case-ul li a {
	display: block;
}

.case-ul li a .case-img {
	overflow: hidden;
	width: 100%;
	height: 320px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit--webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.case-ul li a .case-img::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/jx_05.png) no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	transition: 0.4s;
}

.case-ul li a:hover .case-img::after {
	opacity: 1;
	transition: 0.4s;
}

.case-ul li a .case-img .case-h-text {
	box-sizing: border-box;
	padding: 0 25px;
	position: relative;
	z-index: 9;
	opacity: 0;
	transition: 0.4s;
}

.case-ul li a:hover .case-img .case-h-text {
	opacity: 1;
	transition: 0.4s;
}

.case-ul li a .case-img .case-h-text p {
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
}

.case-ul li a .case-text {
	box-sizing: border-box;
	padding: 15px 25px;
}

.case-ul li a .case-text h3 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.case-ul li a .case-text span {
	font-size: 14px;
	color: #999999;
	background: url(../images/detail-j_13.png) no-repeat;
	background-position: right;
	line-height: 30px;
	padding-right: 46px;
}

/* case-detail */
.case-detail {}

.case-detail.hui-bac.padd-60 {}

.case-detail .case-detail-box {
	padding: 35px 0;
	margin-bottom: 50px;
}

.case-detail-title {
	position: relative;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 25px;
}

.case-detail-title-text {
	box-sizing: border-box;
	padding: 0 10%;
	text-align: center;
}

.case-detail-title-text h3 {
	font-size: 30px;
	color: #000000;
	font-weight: bolder;
	margin-bottom: 15px;
}

.case-detail-infor {
	text-align: center;
}

.case-detail-infor span {
	position: relative;
	font-size: 14px;
	color: #000000;
	padding-left: 15px;
	margin: 0 20px;
}

.case-detail-infor span::after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background: #3489c4;
	border-radius: 100%;
	left: 0;
	top: 7px;
}

.detail-back {
	position: absolute;
	left: 35px;
	top: 0;
}

.case-detail-title .product-detail-a {
	position: absolute;
	right: 35px;
	top: 0;
}

.detail-back a {
	background: #f6f6f6 url(../images/jiao_03.png) center no-repeat;
	border-radius: 25px;
	padding: 22px 50px;
	cursor: pointer;
}

.case-detail-text {
	box-sizing: border-box;
	padding: 30px 50px;
}

.case-detail-text p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 8px;
}

.case-detail-text p>span {
	display: inline;
}

.case-detail-text h3 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 8px;
}

.case-detail-text h4 {
	font-size: 24px;
	color: #1678bb;
	line-height: 36px;
	margin-bottom: 8px;
}

.n-title {
	text-align: center;
	margin-bottom: 30px;
}

.n-title h3 {
	font-size: 30px;
	color: #000000;
	font-weight: bolder;
}

.else-case {
	position: relative;
}

.else-case .swiper-container {}

.else-case .swiper-slide {
	background: #FFFFFF;
}

.else-case .swiper-slide a {
	display: block;
}

.else-case .swiper-slide a .case-img {
	overflow: hidden;
	width: 100%;
	height: 320px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit--webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.else-case .swiper-slide a .case-img .case-h-text {
	box-sizing: border-box;
	padding: 0 25px;
	position: relative;
	z-index: 9;
	opacity: 0;
	transition: 0.4s;
}

.else-case .swiper-slide a:hover .case-img .case-h-text {
	opacity: 1;
	transition: 0.4s;
}

.else-case .swiper-slide a .case-img .case-h-text p {
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
}

.else-case .swiper-slide a .case-text {
	box-sizing: border-box;
	padding: 15px 25px;
}

.else-case .swiper-slide a .case-text h3 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.else-case .swiper-slide a .case-text span {
	font-size: 14px;
	color: #999999;
	background: url(../images/detail-j_13.png) no-repeat;
	background-position: right;
	line-height: 30px;
	padding-right: 46px;
}

.else-case .swiper-slide a .case-img::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/jx_05.png) no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	transition: 0.4s;
}

.else-case .swiper-slide a:hover .case-img::after {
	opacity: 1;
	transition: 0.4s;
}

.else-case .swiper-slide a:hover .case-text h3 {
	color: #00429a;
}

.else-case .swiper-button-prev,
.pro-detail-swiper .swiper-button-prev {
	left: -50px;
}

.else-case .swiper-button-next,
.pro-detail-swiper .swiper-button-next {
	right: -50px;
}

.else-case .swiper-button-black,
.pro-detail-swiper .swiper-button-black {
	opacity: 0.5;
}

.white-bac {
	background: #FFFFFF;
}

.jiameng-swiper .swiper-button-white,
.pro-detail-swiper .swiper-button-white,
.else-case .swiper-button-white {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	width: 45px;
	height: 45px;
	background-size: 15px;
	margin-top: 0;
}

.else-case .swiper-button-white {
	margin-top: -60px;
}

.jiameng-swiper .swiper-button-white {
	margin-top: -40px;
}


/* service-qs */
.support-qs-ul {}

.support-qs-ul li {
	background: #FFFFFF;
	margin-bottom: 30px;

}

.support-qs-ul li .support-qs-div {
	padding: 25px 40px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}

.support-qs-ul li .support-qs-div h3 {
	float: left;
	background: url(../images/w1_06.jpg) center left no-repeat;
	font-size: 18px;
	color: #555555;
	padding-left: 35px;
	transition: 0.4s;
}

.support-qs-ul li.active .support-qs-div h3 {
	color: #004ea2;
	transition: 0.4s;
}

.support-qs-ul li .support-qs-div span {
	width: 35px;
	height: 35px;
	background: url(../images/w2_05.jpg) center no-repeat;
	display: block;
	float: right;
	transform: rotateZ(180deg);
	transition: 0.4s;
}

.support-qs-ul li.active .support-qs-div span {
	transform: rotateZ(0deg);
	transition: 0.4s;
}

.support-qs-ul li .support-qs-top {
	display: none;
	border-top: 1px solid #e5e5e5;
	padding: 25px 30px;
	background: url(../images/w3_11.jpg) center left no-repeat;
	background-position: 2% 34px;
	padding-bottom: 45px;
}

.support-qs-ul li.active .support-qs-top {
	display: block;
}

.support-qs-ul li .support-qs-top h3 {
	font-size: 18px;
	color: #333333;
	padding-left: 35px;
	margin-top: 15px;
}

.support-qs-ul li .support-qs-top p {
	font-size: 14px;
	color: #a2a2a2;
	line-height: 30px;
	padding-left: 45px;
}

.support-qs-ul li .support-qs-top h3:first-of-type {}

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

.t-title h3 {
	position: relative;
	font-size: 36px;
	font-weight: bold;
	color: #040101;
	padding: 25px 0;
}

.t-title h3::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 70px;
	height: 5px;
	border-radius: 10px;
	background: #005bac;
	right: 0;
	margin: auto;
}

.support-qs-ul li .support-qs-div:hover h3 {
	color: #004ea2;
}

/* service-down */
.support-down-ul {}

.support-down-ul li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
	background: #FFFFFF;
	float: left;
	box-shadow: 0 0 8px #e5e5e5;
}

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

.support-down-ul li a {
	display: block;
	padding: 15px 25px;
	box-sizing: border-box;
}

.support-down-ul li a h3 {
	font-size: 18px;
	color: #555555;
	background: url(../images/down-icon_03.jpg) center left no-repeat;
	padding-left: 35px;
	white-space: nowrap;
	overflow: hidden;
	width: 75%;
	float: left;
	padding: 15px 0 15px 65px;
}

.support-down-ul li a span {
	width: 35px;
	height: 35px;
	background: url(../images/down-icon_06.jpg) center no-repeat;
	float: right;
	margin-top: 9px;
}

.support-down-ul li:hover {
	box-shadow: 0 0 8px #CCCCCC;
}

.support-down-ul li:hover a h3 {
	color: #004ea2;
}

/* service-ly */
.service-ly-bac {
	background: url(../images/ly-bac_02.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 85px;
}

.about-ly-box {
	box-sizing: border-box;
	padding: 0 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms--ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit--webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit--webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding-top: 30px;
}

.about-ly-left {
	width: 48%;
}

.about-ly-left h2 {
	font-size: 36px;
	font-weight: bold;
	color: #004ea2;
	margin-bottom: 10px;
}

.about-ly-left span {
	display: block;
	width: 50px;
	height: 2px;
	background: #004ea2;
}

.about-ly-left p {
	font-size: 16px;
	color: #666666;
	margin-bottom: 25px;
	margin-top: 25px;
	line-height: 30px;
}

.about-ly-left>p {
	box-sizing: border-box;
	padding-right: 30%;
}

.about-ly-left .about-ly-img {
	box-sizing: border-box;
	background: #FFFFFF;
	padding: 15px;
	text-align: center;
	width: 180px;
	margin-top: 30px;
}

.about-ly-left .about-ly-img img {
	width: 140px;
	height: 140px;
	display: block;
	margin: auto;
}

.about-ly-left .about-ly-img p {
	font-size: 14px;
	color: #9e9e9e;
	margin: 10px 0;
}

.about-ry-right {
	width: 48%;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 30px;
}

.about-ry-right h4 {
	font-size: 20px;
	color: #000000;
	margin-bottom: 8px;
}

.about-ry-right p {
	font-size: 16px;
	color: #888888;
	margin-bottom: 20px;
}

.about-ry-right .ly-div {
	margin-bottom: 15px;
}

.about-ry-right .ly-div label {
	font-size: 16px;
	color: #333333;
	display: block;
	margin-bottom: 8px;
}

.about-ry-right .ly-div label i {
	color: #FB1A25;
	margin-right: 3px;
}

.about-ry-right .ly-div input {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #e9edf1;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 16px;
	color: #999999;
}

.about-ry-right .ly-div textarea {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #e9edf1;
	font-size: 16px;
	color: #999999;
	resize: none;
}

.about-ry-right .ly-div input[type="text"] {
	font-size: 14px;
	color: #999999;
}

.about-ry-right .tj-div {
	margin-bottom: 45px;
}

.about-ry-right .tj-div button {
	width: 60px;
	height: 30px;
	border-radius: 5px;
	color: #FFFFFF;
	line-height: 30px;
	background: #004ea2;
	margin-right: 25px;
	border: none;
	cursor: pointer;
}

.about-ry-right .tj-div input {
	width: 60px;
	height: 30px;
	border-radius: 5px;
	background: #bfbfbf;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}

.tj-div input::-webkit-input-placeholder {
	color: #FFFFFF;
}

.tj-div input::-moz-placeholder {
	color: #FFFFFF;
}

.tj-div input::-moz-placeholder {
	color: #FFFFFF;
}

.tj-div input::-ms-input-placeholder {
	color: #FFFFFF;
}


/* service-commitment.html */
.com-text {}

.com-text p {
	font-size: 16px;
	color: #8b8b8b;
	line-height: 30px;
	text-indent: 2em;
	box-sizing: border-box;
	padding: 0 4%;
}

.c-ul-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 50px;
}

.c-ul-list li {
	width: 33.3333%;
	box-sizing: border-box;
	text-align: center;
	padding: 45px 55px;
	transition: 0.4s;
}

.c-ul-list li .c-ul-img {
	overflow: hidden;
	height: 100px;
	width: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: auto;
}

.c-ul-list li .c-ul-img img {
	max-width: 100%;
	max-height: 100px;
}

.c-ul-list li h4 {
	font-size: 24px;
	color: #343434;
	margin-top: 20px;
	margin-bottom: 15px;
}

.c-ul-list li p {
	font-size: 16px;
	color: #8b8b8b;
	line-height: 30px;
}

.c-ul-list li:hover {
	box-shadow: 0 0 12px #cccccc;
	transition: 0.4s;
}

.service-c-list {
	border-top: 20px solid #fbfbfb;
	padding-top: 30px;
}

.service-c-div {
	margin-bottom: 40px;
}

.service-c-div b {
	font-size: 48px;
	color: #eeeeee;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}

.service-c-div h3 {
	font-size: 32px;
	color: #555555;
	font-weight: bold;
	margin-bottom: 30px;
}

.service-c-div p {
	font-size: 16px;
	color: #8b8b8b;
	line-height: 30px;
	margin-bottom: 3px;
}

/* service-net-box */
.service-net-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 25px 16px;
}

.service-net-box .service-net-left {
	width: 55%;
}

.service-net-box .service-net-div {
	box-sizing: border-box;
	padding: 15px 0;
	border-bottom: 1px dashed #c6c6c6;
}

.service-net-box .service-net-div.active a {
	background: #f5f5f5;
}

.service-net-box .service-net-left a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	cursor: pointer;
}

.service-net-box .service-net-left a .service-net-img {
	width: 285px;
	min-height: 200px;
}

.service-net-box .service-net-left a .service-net-img img {
	height: 100%;
	width: 100%;
}

.service-net-box .service-net-left a .service-net-text {
	width: calc(100% - 285px);
	box-sizing: border-box;
	padding: 0 20px;
}

.service-net-box .service-net-left a .service-net-text h4 {
	font-size: 16px;
	color: #005bac;
	position: relative;
	font-weight: bold;
	padding: 12px 0;
	margin-bottom: 5px;
}

.service-net-box .service-net-left a .service-net-text h4::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 3px;
	background: #005bac;
	bottom: 0;
	left: 0;
}

.service-net-box .service-net-left a .service-net-text p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	font-weight: bolder;
}

.service-net-box .service-net-right {
	width: 43%;
	margin-left: auto;

}

.service-net-box .service-net-right .map-div {
	height: 100%;
	display: none;
}

.service-net-box .service-net-right .map-div.active {
	display: block;
}


/* about-jj */
.about-jj-d1 {
	position: relative;
	padding: 135px 0 70px;
	overflow: hidden;
}

.about-jj-d1 .wrap {
	overflow: hidden;
}

.about-jj-d1::after {
	position: absolute;
	content: "";
	width: 47%;
	height: 100%;
	background: #EEEEEE;
	left: 0;
	top: 0;
	z-index: -1;
}

.about-jj-d1-left {
	width: 50%;
	float: left;
	overflow: hidden;
}

.about-jj-d1-left img {}

.about-jj-d1-right {
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding: 0 20px 0 65px;
}

.about-jj-d1-right h2 {
	font-size: 72px;
	font-weight: bold;
	color: #ebebeb;
	text-transform: uppercase;
}

.about-jj-d1-right h3 {
	font-size: 36px;
	color: #040101;
	font-weight: bold;
	margin-top: -35px;
	margin-bottom: 10px;
}

.about-jj-d1-right i {
	display: block;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 20px;
}

.about-jj-d1-right span {
	display: block;
	width: 26px;
	height: 3px;
	margin-bottom: 20px;
	background: #005bac;
}

.about-jj-d1-right p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}


.about-jj-d2 {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;
	overflow: hidden;
}

.about-jj-d2-left {
	width: 50%;
	box-sizing: border-box;
	padding-right: 4%;
	float: left;
}

.about-jj-d2-left h3 {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 25px;
	margin-top: 35px;
}

.about-jj-d2-left span {
	width: 26px;
	height: 3px;
	background: #ffffff;
	display: block;
	margin-bottom: 25px;
}

.about-jj-d2-left p {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	text-align: justify;
}

.about-jj-d2-right {
	width: 50%;
	overflow: hidden;
	float: right;
}

.about-jj-d2-right img {
	width: 100%;
	transition: 0.4s;
}

.about-jj-d2-right:hover img {
	transform: scale(1.1);
	transition: 0.4s;
}

.about-p p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}

.about-jj-swiper {
	margin-top: 60px;
}

.about-jj-swiper .swiper-container {
	padding-bottom: 85px;
}

.about-jj-swiper .swiper-container .swiper-slide {
	position: relative;
}

.about-jj-swiper .swiper-container .swiper-slide i {
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
}

.about-jj-swiper .swiper-container .swiper-slide::after {
	width: 0%;
	height: 5px;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: #f0f0f0;
}

.about-jj-swiper .swiper-container .swiper-slide::before {
	width: 5px;
	height: 0%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: #f0f0f0;
}

.about-jj-swiper .swiper-container .swiper-slide i::before {
	width: 5px;
	height: 0%;
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background: #f0f0f0;
}

.about-jj-swiper .swiper-container .swiper-slide i::after {
	width: 0%;
	height: 5px;
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background: #f0f0f0;
}

.about-jj-swiper .swiper-container .swiper-slide:hover::after {
	width: 100%;
	transition: 0.4s;
}

.about-jj-swiper .swiper-container .swiper-slide:hover::before {
	height: 100%;
	transition: 0.4s;
}

.about-jj-swiper .swiper-container .swiper-slide:hover i::after {
	width: 100%;
	transition: 0.4s;
}

.about-jj-swiper .swiper-container .swiper-slide:hover i::before {
	height: 100%;
	transition: 0.4s;
}


.about-jj-swiper .swiper-container .swiper-slide a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	height: 110px;
}

.about-jj-swiper .swiper-container .swiper-slide a img {
	max-height: 85px;
	transition: 0.4s;
}

.about-jj-swiper .swiper-container .swiper-slide:hover a img {
	transform: scale(1.125);
	transition: 0.4s;
}

/* about-pp */
.about-pp {}

.about-pp-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-pp-ul li {
	width: 22.75%;
	margin-right: 3%;
	margin-bottom: 40px;
	background: #FFFFFF;
}

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

.about-pp-ul li .about-pp-img {
	text-align: center;
	height: 85px;
	padding: 20px 0;
	border-bottom: 1px solid #eeeeee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.about-pp-ul li .about-pp-img img {
	max-height: 85px;
}

.about-pp-ul li .about-pp-text {
	box-sizing: border-box;
	padding: 30px 15px;
}

.about-pp-ul li .about-pp-text p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.about-pp-ul li .about-pp-text a {
	font-size: 14px;
	color: #005bac;
	background: url(../images/i-news-img_13.png) no-repeat;
	background-position: right;
	padding-right: 25px;
	margin-top: 20px;
}

.about-pp-ul li .about-pp-text {
	position: relative;
}

.about-pp-ul li .about-pp-text::after {
	position: absolute;
	content: "";
	left: 0;
	height: 9px;
	background: #005bac;
	width: 0;
	bottom: 0;
	transition: 0.4s;
}

.about-pp-ul li:hover .about-pp-text::after {
	width: 100%;
	transition: 0.6s;
}

.about-pp-ul li .about-pp-text div {
	height: 95px;
	overflow: hidden;
}

.about-pp-ul li .about-pp-text a:hover {
	padding-left: 10px;
	transition: 0.4s;
}

.about-pp-ul li:hover {
	box-shadow: 0 0 8px #c6c6c6;
	transition: 0.4s;
}

.about-ry {}

.about-ry-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-ry-ul li {
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 25px;
	text-align: center;
	padding-bottom: 15px;
}

.about-ry-ul li:nth-of-type(5n) {
	margin-right: auto;
}

.about-ry-ul li .about-ry-img {
	height: 325px;
	overflow: hidden;
	box-sizing: border-box;
	border: 8px solid #dae0e7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 10px;
}

.about-ry-ul li .about-ry-img img {
	max-height: 300px;
}
.about-ry-ul li .xc-img{
	    height: auto;
}
.about-ry-ul li .xc-img img{
	aspect-ratio: 3/2;
}

.about-ry-ul li p {
	font-size: 16px;
	color: #666666;
}

.about-ry-ul li:hover {
	box-shadow: 0 5px 15px #cdcdcd;
	border-radius: 0 0 2px 2px;
	transition: 0.4s;
}

/* about-join */
.about-join {
	padding-top: 10px;
}

.join-box {
	background-position: bottom;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 15px;
}

.join-box .join-text {
	background: #ffffff;
	padding: 25px 20px 40px;
	box-sizing: border-box;
}

.join-box .join-text .join-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit--webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.join-box .join-text .join-search p {
	margin-right: 20px;
}

.join-box .join-text .join-search p select {
	border: 1px solid #eeeeee;
	border-radius: 5px;
	width: 270px;
	height: 50px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #959595;
	background: #f5f5f5;
	font-size: 16px;
}

.join-box .join-text .join-search p:last-of-type {
	margin-right: 0;
	width: calc(100% - 780px);
}

.join-box .join-text .join-search p input {
	height: 50px;
	box-sizing: border-box;
	padding: 0 10px;
	width: calc(100% - 150px);
	vertical-align: middle;
	border: none;
	background: #f5f5f5;
	border-radius: 5px 0 0 5px;
	font-size: 16px;
	color: #959595;
}

.join-box .join-text .join-search p label {
	background: #005bac url(../images/sear_05.png) center no-repeat;
	cursor: pointer;
	vertical-align: middle;
	width: 150px;
	height: 50px;
	margin-left: -5px;
	display: inline-block;
	border-radius: 0 5px 5px 0;
}

.join-list {
	margin-top: 20px;
}

.join-list ul {}

.join-list ul li {
	border-bottom: 1px solid #d9d9d9;
}

.join-list ul li>p {
	height: 70px;
	line-height: 70px;
	cursor: pointer;
}

.join-list ul li>p span {
	float: left;
	width: 21.5%;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px;
	color: #4a4a4a;
}

.join-list ul li.first-li>p span {
	font-size: 20px;
	color: #201e1f;
	background: #f1f1f1;
	font-weight: bolder;
}

.join-list ul li.first-li>p {
	background: #f1f1f1;
}

.join-list ul li>p span:first-of-type {
	width: 25%;
	text-align: left;
	padding-left: 30px;
}

.join-list ul li>p span.span5 {
	width: 10%;
	transition: 0.4s;
	transform: rotateZ(180deg);
}

.join-list ul li>p span.span5 img {
	width: 26px;
}

.join-list ul li>p.active span.span5 {
	transform: rotate(0);
	transition: 0.4s;
}

.join-list ul li .join-top {
	display: none;
	background: #f5f5f5;
	padding: 35px;
	box-sizing: border-box;
}

.join-list ul li .join-top h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.join-list ul li .join-top p {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}

.join-list ul li .join-top div {
	text-align: left;
	margin-top: 25px;
}

.join-list ul li .join-top div a {
	color: #ffffff;
	background: #005bac;
	font-size: 18px;
	border-radius: 10px;
	padding: 5px 25px;
}

.join-fs {
	margin-top: 40px;
	box-sizing: border-box;
	padding: 0 30px;
}

.join-fs p {
	font-size: 20px;
	line-height: 36px;
	color: #5c6e79;
}

.join-fs p span {
	color: #f37319;
}

.join-list ul li:first-of-type {
	border-bottom: none;
}

.d-more {
	text-align: center;
	margin-top: 50px;
}

.d-more a {
	width: 50px;
	height: 20px;
	margin: auto;
	background: url(../images/d-m_03.jpg) no-repeat;
	background-position: center;
	cursor: pointer;
}

/* about-lx */
.about-lx {}

.about-lx-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-lx-ul li {
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 45px;
}

.about-lx-ul li a {
	display: block;
}

.about-lx-ul li a .about-lx-img {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: auto;
	margin-bottom: 20px;
	border-radius: 100%;
}

.about-lx-ul li a .about-lx-img img {
	width: 100%;
	max-height: 100%;

}

.about-lx-ul li a b {
	font-size: 18px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}

.about-lx-ul li a p {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.about-lx-ul li:hover {
	box-shadow: 0 0 8px #cccccc;
	transition: 0.4s;
}

.about-lx-ul li:hover a .about-lx-img {
	box-shadow: 0 2px 12px #0e0e0e;
	transition: 0.4s;
}

#allmap {
	height: 500px;
	margin-top: 40px;
}

.contact_list {
	margin-top: 20px;
}

.contact_list .contact_item {
	display: none;
}

.contact_list .contact_item dt {
	margin-bottom: 13px;
}

.contact_list .contact_item dt p {
	font-size: 18px;
	color: #ff6a01;
}

.contact_list .contact_item dd {
	margin-top: 8px;
}

.contact_list .contact_item dd p {
	color: #999999;
	font-size: 16px;
}

.contact_list .contact_item.active {
	display: block;
}

.contact_list .contact_item dt h3 {
	font-size: 18px;
	color: #ff6a01;
}

#allmap .BMap_bubble_content h3 {
	font-size: 16px;
	color: #d65522;
	margin-bottom: 3px;
}

#allmap .BMap_bubble_content p {
	font-size: 14px;
}

#main_demo {}

#main_demo select {
	height: 45px;
	font-size: 18px;
	padding: 0 5px;
	border: none;
	border-bottom: 1px dashed #cccccc;
	color: #666666;
}

#main_demo #edu {
	width: 300px;
}

#main_demo #salary {
	width: 300px;
}

.contact-box-left {
	width: 60%;
	float: left;
}

#main_demo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.contact_list .contact_item {}

.contact-add {
	padding-bottom: 100px;
	background: #fcf8f5;
	padding-top: 50px;
}

.contact-add .wrap1 {
	background: #ffffff;
	box-sizing: border-box;
	padding: 40px;
}

.contact_item p {
	padding-left: 28px;
}

.contact_item .call {
	background: url(../images/cc1_03.png) center left no-repeat;
}

.contact_item .cz {
	background: url(../images/cc2_06.png) center left no-repeat;
}

.contact_item .em {
	background: url(../images/cc3_08.png) center left no-repeat;
}

.contact_item .add {
	background: url(../images/cc4_10.png) center left no-repeat;
}

.contact-box-right {
	background: url(../images/bb-t_03.jpg) no-repeat;
	background-size: 100%;
}

.contact-box-right {
	float: right;
	width: 34%;
	box-sizing: border-box;
	padding: 30px;
}

.contact-box-right .chat {
	float: left;
	width: 60px;
}

.contact-box-right .mama {
	float: left;
	width: calc(100% - 60px);
}

.contact-box-right .mama span {
	display: block;
	width: 30px;
	height: 6px;
	background: #0f5dc1;
	margin-bottom: 10px;
}

.contact-box-right .mama p {
	font-size: 18px;
	color: #999999;
}

.contact-box-right .mama h2 {
	font-size: 26px;
	font-weight: bold;
	color: #3388dd;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 15px;
}

.contact-box-right .mama .ewm-img {}

.contact-box-right .mama .ewm-img img {
	width: 100px;
}

.about-lx-map-box {
	background: #ffffff;
	box-sizing: border-box;
	padding: 40px;
}



/* product */
.product-ul {}

.product-left {
	width: 285px;

}

.product-left-title {
	background: #005bac;
	text-align: center;
	padding: 15px 0;
}

.product-left-title h3 {
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
}

.product-left-title p {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.product-left-box {
	position: sticky;
	left: 0;
	background: #FFFFFF;
}

.flex-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.product-left-ul {
	box-sizing: border-box;
	padding: 20px 10px;
	border: 1px solid #d2d2d2;
}

.product-left-ul li {
	margin-bottom: 10px;

}

.product-left-ul li .product-li {
	background: #f5f5f5;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}

.product-left-ul li .product-li.active {
	background: #005bac;
}

.product-left-ul li .product-li a {
	padding: 15px 0;
	font-size: 18px;
	color: #333333;
	display: block;
	background: url(../images/jl-l_28.png) left no-repeat;
	padding-left: 15px;
}

.product-left-ul li .product-li.active a {
	color: #FFFFFF;
	background-image: url(../images/jl-b_12.png);
}

.product-left-ul li dl {
	padding: 5px 0;
	display: none;
}

.product-left-ul li dl dd {
	padding: 0 20px;
	box-sizing: border-box;
}

.product-left-ul li dl dd a {
	padding: 10px 0;
	box-sizing: border-box;
	font-size: 16px;
	color: #666666;
	display: block;
	position: relative;
	padding-left: 25px;
}

.product-left-ul li dl dd a::after {
	position: absolute;
	left: 0;
	content: "";
	width: 11px;
	height: 11px;
	border: 1px solid #71a4d1;
	border-radius: 100%;
	top: 15px;
}

.product-left-ul li dl dd a.active,
.product-left-ul li dl dd a:hover {
	color: #005bac;
}

.product-left-ul li dl dd a.active::after,
.product-left-ul li dl dd a:hover::after {
	background: #005bac;
	border-color: #005bac;
	transition: 0.4s;
}





.product-right {
	width: calc(100% - 385px);
	margin-left: auto;
}

.product-ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 30px;
	background: #f8f8f8;
}

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

.product-ul li a {
	display: block;
	text-align: center;
}

.product-ul li a .product-img {
	height: 280px;
	line-height: 280px;
	position: relative;
}

.product-ul li a .product-img img {
	max-height: 90%;
	max-width: 90%;
}

.product-ul li a .product-text {}

.product-ul li a .product-text h3 {
	font-size: 18px;
	color: #333333;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	padding: 20px 10px;
	transition: 0.4s;
	position: relative;
	z-index: 2;
}

/* .product-ul li a:hover .product-img::after {
	transition: 0.4s;
	opacity: 1;
	width: 100%;
	height: 100%;
} */

.product-ul li a .product-img::after {
	position: absolute;
	content: "";
	width: 0%;
	height: 0%;
	background: rgba(0, 0, 0, 0.5) url(../images/link_03.png) no-repeat;
	background-position: center;
	top: 0;
	left: 0;
	transition: 0.4s;
	opacity: 0;
}

.product-ul li a .product-text {
	position: relative;
}

.product-ul li a .product-text::after {
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #005bac;
	content: "";
	transition: 0.4s;
	z-index: 1;
}

.product-ul li a:hover .product-text::after {
	width: 100%;
	transition: 0.4s;
}

.product-ul li a:hover .product-text h3 {

	color: #FFFFFF;
	transition: 0.4s;
}


/* product-detail */
.product-detail {
	background: #eef2f5;
}

.product-detail-left {
	width: 50%;
	height: 480px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	float: left;
	background: #FFFFFF;
	border: 1px solid #e5e5e5;
}

.product-detail-left li {
	display: none;
	width: 450px;
	height: 450px;
	text-align: center;
	margin: auto;
	line-height: 450px;
}

.product-detail-left li.active {
	display: block;
}

.product-detail-left li img {
	max-height: 380px;
	max-width: 380px;
}

.product-detail-right {
	width: 46%;
	float: right;
}

.product-detail-right .product-detail-right-text {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 35px;
	margin-bottom: 40px;
	margin-top: 15px;
}

.product-detail-right .product-detail-right-text h3 {
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
	margin-bottom: 25px;
}

.product-detail-right .product-detail-right-text h3 span {
	color: #005bac;
	font-weight: bolder;
}

.product-detail-right .product-detail-right-text h3 b {
	color: #000000;
	font-weight: bolder;
}


.product-detail-right .product-detail-right-text p {
	font-size: 16px;
	color: #777777;
	line-height: 30px;
	/* height: 90px; */
}

.product-detail-a a {
	color: #FFFFFF;
	background: #005bac url(../images/ms_08.png) no-repeat;
	background-position: 37px center;
	padding: 14px 38px 14px 75px;
	border-radius: 100px;
	margin-right: 30px;

}

.product-detail-a a.d-a2 {
	background-image: url(../images/down_03.png);
}


.product-detail-a a:last-of-type {
	margin-right: 0;
}



.product-detail-right .product-detail-right-img {
	margin-top: 50px;

}

.product-detail-right .product-detail-right-img li {
	width: 23.5%;
	height: 110px;
	line-height: 110px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	float: left;
	margin-right: 2%;
	text-align: center;
	cursor: pointer;
	background: #FFFFFF;
	transform: scale(0.98);
}

.product-detail-right .product-detail-right-img li:last-of-type {
	margin-right: 0;
}

.product-detail-right .product-detail-right-img li img {
	max-height: 100px;
	max-width: 100px;
}

.product-detail-right .product-detail-right-img li.active {
	border: 1px solid #005bac;
}

.product-detail-bottom {
	margin-bottom: 70px;
}

.product-detail-bottom-list {
	border-bottom: 1px solid #f2f2f2;
	margin-top: 50px;
}

.product-detail-bottom-list .product-detail-bottom-a {}

.product-detail-bottom-list .product-detail-bottom-a a {
	color: #333333;
	font-size: 20px;
	padding: 14px 15px;
	border-bottom: 4px solid #e5e5e5;
	cursor: pointer;
	margin-right: 25px;
}

.product-detail-bottom-list .product-detail-bottom-a a.active {
	border-bottom: 4px solid #005bac;
	font-weight: bold;
	color: #005bac;
}

.product-detail-bottom-box {
	margin: 0 0;
	background: #FFFFFF;
	border-top: 4px solid #e5e5e5;
	padding: 40px 30px;
	margin-top: -5px;
}

.product-detail-bottom-a a:hover {
	color: #005bac;
}

.product-detail-bottom-box .product-detail-bottom-text {
	display: none;
}

.product-detail-bottom-box .product-detail-bottom-text p {
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 5px;
	position: relative;
	box-sizing: border-box;
	padding-left: 22px;
}

.product-detail-bottom-box .product-detail-bottom-text p::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #005bac;
	top: 12px;
	left: 0;
}

.product-detail-bottom-box .product-detail-bottom-text.active {
	display: block;
}


.detail-else-div {
	margin-top: 60px;
}

.detail-else-div .case-ul {}

.detail-else-div .case-ul li a .case-img {
	height: 240px;
}

.else-title {
	margin-bottom: 25px;
}

.else-title h3 {
	font-size: 36px;
	font-weight: bolder;
	text-align: center;
	color: #000000;
}


/* header-top */
.header-nav-top {
	position: absolute;
	top: 95px;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	border-top: 8px solid #f2f2f2;
	border-bottom: 8px solid #f2f2f2;
	right: 0;
	margin: auto;
	display: none;
	overflow: hidden;
}

.header-nav-top dl {
	position: relative;
	line-height: normal;
}

.header-nav-top dl dd {
	width: 350px;
	box-sizing: border-box;
	padding-left: 10px;
	background: #f2f2f2;
}

.header-nav-top dl dd>a {
	display: block;
	padding: 13px 0;
	padding-left: 15px;
	border-left: 3px solid #f2f2f2;
	font-size: 18px;
	color: #474747;
	cursor: pointer;
	background-image: url(../images/j-h_06.png);
	background-repeat: no-repeat;
	background-position: 93%;
}

.header-nav-top dl dd>a.active {
	background-color: #FFFFFF;
	border-left: 3px solid #005BAC;
	background-image: url(../images/j-l_03.png);
}

.header-nav-top dl dd .dl-top-right {
	position: absolute;
	left: 350px;
	top: 0;
	display: none;
	width: calc(100% - 350px);
	box-sizing: border-box;
	padding-left: 40px;
}

.dl-top-right h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #dfe1e6;
	padding: 17px 0;
}

.dl-top-right .dl-top-list {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 287px;
	align-content: start;
	overflow-y: auto;
}

.dl-top-right .dl-top-list div {
	width: 33.33333%;
}

.dl-top-right .dl-top-list a {
	font-size: 16px;
	color: #333333;
	padding: 10px 0;
}

.dl-top-right .dl-top-list a:hover {
	color: #005BAC;
	font-weight: bold;
	transition: 0.4s;
}

/* .header-ul-list>li:hover .header-nav-top{
	display: block;
} */
.header-else-top {
	position: absolute;
	top: 95px;
	left: 0;

	margin: auto;
	background: #f2f2f2;

	line-height: normal;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	display: none;
	padding: 10px;
}

.header-else-top a {
	white-space: nowrap;
	display: block;
	font-size: 16px;
	color: #333333;
	padding: 10px 20px;

}

.header-ul-list>li:hover .header-else-top {
	display: block;
}

.header-else-top a:hover {
	background: #FFFFFF;
	color: #005BAC;
}

.header-ul-list>li {
	position: relative;
}

.header-ul-list>li.pro-li {
	position: unset;
	position: static;
	position: initial;
}

.header-ul-list>li.active>a {
	color: #005BAC;
}

.header-search>a.on {
	background-image: url(../images/close_03.jpg);
	background-size: 20px;
}

.header-search-top {
	position: absolute;
	top: 95px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	background: #FFFFFF;
	border-top: 8px solid #f2f2f2;
	border-bottom: 8px solid #f2f2f2;
	line-height: normal;
	padding: 50px 0;
	display: none;
}

.header-search-div {
	width: 490px;
	margin: auto;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.header-search-div input {
	width: calc(100% - 75px);
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
	padding: 0 10px;
}

.header-search-div label {
	width: 75px;
	background: #005BAC url(../images/b-sear_03.jpg) center no-repeat;
	height: 100%;
	display: block;
	cursor: pointer;
}



.search-box {
	margin-top: 95px;
	background: #F2F2F2;
}

.search-box .product-right {
	width: 100%;
}

.search-jg {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 25px;
}

.search-jg span {
	font-weight: bold;
}

.search-box .product-ul li {
	width: 24.25%;
	margin-right: 1%;
}

.search-box .product-ul li:nth-of-type(4n) {
	margin-right: 0;
}

.index-banner .swiper-button-black:hover,
.index-case-swiper .swiper-button-black:hover {
	box-shadow: 0 0 8px #000000;
}

#header:hover {
	background: #FFFFFF;
	transition: 0.4s;
}

.index-product-swiper-list .swiper-slide a:hover .t-slide-img img {
	transform: scale(1.1);
	transition: 0.4s;
}

.index-case-title a:hover {

	box-shadow: 0 0 8px #4c4c4c;
}

.index-product-search p label {
	cursor: pointer;
}

.case-ul li a:hover .case-text h3 {
	color: #005BAC;
	transition: 0.4s;
}

.case-ul li a:hover .case-text span,
.else-case .swiper-slide a:hover .case-text span {
	padding-left: 8px;
	transition: 0.4s;
}

.product-detail-left li {
	cursor: pointer;
}


.mask-div {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFFFFF;
	z-index: 99999;
	top: 0;
	display: flex;
	align-items: center;
	display: none;
}

.mask-div .mask-box {

	height: 85%;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}

.close-div {}

.close-div .close-btn {
	width: 55px;
	height: 55px;
	background: url(../images/close_03.jpg) no-repeat;
	float: right;
	background-position: center;
	cursor: pointer;
}

.mask-img {
	height: calc(100% - 55px);
	width: 100%;
	border: 1px solid #EEEEEE;
	text-align: center;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mask-img img {
	max-height: 90%;
}

.news-detail-text p {
	line-height: 1.62;
	margin-bottom: 8px;
}

body.fixed {
	position: fixed;
}

.product-ul li a .product-text p {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	height: 120px;
	overflow: hidden;
	text-align: left;
}

.product-ul li a .product-text {
	box-sizing: border-box;
	padding: 0 15px 10px;
	background: #FFFFFF;
	height: 170px;
}

.product-ul li a .product-text h3 {
	padding: 15px 0px 10px;
	text-align: left;
}

.product-ul li a:hover .product-text::after {
	width: 0;
}

.product-ul li a:hover {
	box-shadow: 0 0 8px #cccccc;
}

.product-ul li a:hover .product-text h3 {
	color: #005bac;
}

.product-ul li a:hover .product-text p {
	color: #333333;
}

.product-ul li a:hover .product-img img {
	transform: scale(1.05);
	/* transition: 0.2s; */
}

.product-detail-bottom-box .product-detail-bottom-text p.on {
	padding-left: 0;
}

.product-detail-bottom-box .product-detail-bottom-text p.on:after {
	display: none;
}

.product-detail-bottom-text table {
	width: 100%;
	border-spacing: 0;
}

.product-detail-bottom-text table td p:after {
	display: none;
}

.product-detail-bottom-text table td {
	border: 1px solid #cccccc !important;
}

.product-detail-bottom-text table tr:nth-of-type(odd) {
	background: #F9F9F9;
}

.product-detail-bottom-text table tr:first-of-type {
	/*background: #D9EDF7;*/

}

.product-ul li a .product-text p {
	line-height: 1.62;
	height: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.product-ul li a .product-text p:nth-of-type(n+2) {
	display: none;
}




/*0506*/
.product-left-ul li dl {
	/*max-height: 205px;
    overflow-y: overlay;*/
}


.index-product-swiper-list .swiper-slide a .t-slide-img {
	height: 185px;
}

.index-product-swiper-list .swiper-slide a .t-slide-img img {
	max-height: 165px;
}

.index-product-swiper .swiper-slide .slide-right a {
	height: 350px;
}

.index-product-swiper .swiper-slide .slide-right a img {
	max-height: 260px;
}

.p-div {
	max-height: 108px;
	overflow: hidden;
}

.index-product-swiper .swiper-button-white {
	top: 90%;
}

.index-product-swiper-list .swiper-slide a .t-slide-text h3 {
	font-size: 17px;
	height: 82px;
	width: calc(100% - 50px);
	white-space: normal;
}

.about-pp-ul li .about-pp-img img {
	max-height: 60px;
}

.about-pp-ul li .about-pp-img {
	padding: 4px 0;
	height: 70px;
}

.scroll {
	width: 108px;
	height: 301px;
	background: url(../images/scroll_bg.png) no-repeat center top;
	position: fixed;
	right: -108px;
	top: 50%;
	z-index: 999;
	margin-top: -150px;
	background-size: 100%;
}

.scroll_btn {
	width: 28px;
	height: 112px;
	background: url(../images/scroll_click.png) no-repeat 0 0;
	position: absolute;
	left: -28px;
	top: 22px;
	cursor: pointer;
}

.s_main span.title {
	display: block;
	width: 93px;
	height: 24px;
	background: url(../images/scroll_titlebg.png) no-repeat 0 0;
	margin: 0 auto;
}

.s_main .list {
	padding: 5px 6px;
	background: #fcfcfc;
	border-left: #c8c8c8 solid 1px;
	border-right: #c8c8c8 solid 1px;
}

.s_main .list span.list_title {
	display: block;
	color: #0062b2;
	font: 12px/36px \5FAE\8F6F\96C5\9ED1;
	/*background:url(../images/sprint.png) repeat-x 0 -400px;*/
	text-indent: 5px;
}

.s_main .list ul li {
	font: 12px/24px \5FAE\8F6F\96C5\9ED1;
	/*background:url(../images/sprint.png) repeat-x 0 -405px;*/
	text-align: center;
	padding: 0 0 6px 0;
}

.s_main .list ul li a {
	display: block;
	color: #333333;
	background: url(../images/scroll_liBg.png) no-repeat 5px 2px;
}

.s_main .s_img {
	text-align: center;
	background: url(../images/scroll_bottombg.png) no-repeat center bottom;
	padding: 0 0 28px 0;
	overflow: hidden;
	zoom: 1;
}

.s_main .s_img img {
	display: block;
	margin: 10px auto;
}



/5-12**/ .product-left-title {
	padding: 10px 0;
}

.product-left-ul {
	padding: 5px 10px;
}

.product-left-ul li .product-li a {
	padding: 8px 0 8px 15px;
}

.product-left-ul li dl dd a {
	padding: 5px 0 5px 25px;
}

.product-left-ul li dl dd a::after {
	width: 9px;
	height: 9px;
	top: 11px;
}


html {
	position: relative;
}

#pro {

	top: 18%;
}

.case-detail-text table {
	width: 100% !important;
	border-spacing: 0px;
}

.case-detail-text table td {
	border: 1px solid #cccccc;

}


.index-banner .swiper-button-black,
.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	border-color: #ffffff;
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
}

.index-banner::before {
	display: none;
}

.index-banner .swiper-button-black {
	top: 83%;
}

.about-jj-d3 {
	padding-bottom: 0;
}

.product-detail-bottom-box .product-detail-bottom-text table p {
	padding: initial;
}

.product-detail-bottom-text table {
	width: 100% !important;
}



/* 0531 */
.index-product-title .index-title {
	width: 355px;
}

.index-product-list {
	width: calc(100% - 360px);
}

.index-product-list li {
	margin-right: 2%;
	width: 23.5%;
}

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

.index-product-swiper .swiper-slide .slide-left p {
	line-height: 30px;
}

.p-div {
	max-height: 90px;
}

.index-product-swiper-list .swiper-slide a .t-slide-text h3 {
	font-size: 16px;
	height: 60px;
	line-height: 26px;
	padding: 6px 17px;
}

.index-case-swiper .wrap .case-slide-text h3 {
	font-size: 32px;
}

.case-detail-title-text h3 {
	font-size: 26px;
}

.nei-nav .nei-nav-left {
	display: none;
}

.s_main .list ul li a {
	padding-left: 20px;
	box-sizing: border-box;
	line-height: 18px;
}

.scroll {
	width: 125px;
	right: -125px;
}

.s_main .s_img {
	background-size: 100%;
}


.about-rw li:nth-of-type(5n){display: inline;}
.about-rw li:nth-of-type(5n){margin-right: 2%;}
.about-rw li:nth-of-type(4n){margin-right: 0;}
.about-rw li{width: 23.5%;}
.about-rw li .about-ry-img{height: 225px;}



.nei-nav .nei-nav-right a:last-of-type{
  display:none;
}
.nei-nav .nei-nav-left{
  display:block;
  flex: 1;
}
.scroll{
  transition:0.6s;
}
.scroll:hover{
  right:0!important;
  transition:0.6s;
}

.lang{
	float: right;
	margin-left: 20px;
}
.lang a{
	font-size: 18px;
	    font-weight: bold;
}
.lang a:hover{
	color: #005BAC;
}





@media (max-width:1660px) {
	.index-case-swiper .swiper-button-prev {
		left: 4%;
	}

	.index-news-swiper .swiper-button-prev {
		left: -50px;
	}

	.index-news-swiper .swiper-button-next {
		right: -50px;
	}
}

@media (max-width:1520px) {
	.index-case-swiper .swiper-button-next {
		left: 65%;
	}

	.index-case-swiper .swiper-button-prev {
		left: 4%;
	}

	.index-case-swiper .wrap .case-slide-text {
		left: 3%;
	}

	.index-news-swiper .swiper-button-prev {
		left: 10px;
	}

	.index-news-swiper .swiper-button-next {
		right: 10px;
	}

	.else-case .swiper-button-prev,
	.pro-detail-swiper .swiper-button-prev {
		left: 15px;
	}

	.else-case .swiper-button-next,
	.pro-detail-swiper .swiper-button-next {
		right: 15px;
	}

	.product-detail-a a {
		background-position: 24px center;
		padding: 12px 25px 12px 65px;
		border-radius: 100px;
		margin-right: 27px;
	}


}



@media (max-width:1440px) {

	/* 0531 */
	.nei-nav.case-detail-nav .nei-nav-right a:last-of-type {
	    display: none;
	}
	.index-product-swiper .swiper-button-white {
		width: 70px;
		height: 40px;
	}

	.index-product-swiper .swiper-button-white.swiper-button-next {
		left: 80px;
	}

	.index-case-title h3,
	.index-about-right h2,
	.index-title h3 {
		font-size: 30px;
	}

	.index-case-swiper .wrap .case-slide-text h3 {
		font-size: 28px;
	}

	.index-case-title a {
		font-size: 14px;
		padding: 6px 25px 6px 14px;
		background-position: 90%;
	}

	.index-case-title {
		padding-bottom: 10px;
	}

	.index-case-swiper .swiper-container {
		height: 630px;
	}

	.index-case-swiper .wrap .case-slide-text a {
		font-size: 14px;
		padding: 9px 42px 9px 15px;
		background-position: 89%;
		margin-top: 135px;
	}

	.index-case-swiper .swiper-button-black {
		width: 40px;
		height: 40px;
	}

	.index-about-right li a {
		padding: 6px 18px;
	}

	.index-about-right h2 {
		margin-bottom: 20px;
	}

	.index-about-r-text h3 {
		padding: 7px 0 9px;
		margin-bottom: 10px;
	}

	.index-about-r-text a {
		padding: 10px 44px 10px 15px;
	}

	.index-news-swiper .swiper-slide a .index-news-text h4 {
		font-size: 16px;
	}

	.more a {
		padding: 10px 50px 10px 18px;
	}

	.index-news-swiper .swiper-slide a .index-news-img img {
		max-height: 250px;
	}

	.index-news-swiper .swiper-slide a .index-news-img {
		height: 250px;
	}

	.index-product-swiper .swiper-slide .slide-left h3 a {
		font-size: 20px;
	}

	.index-product-search p {
		height: 50px;
		line-height: 50px;
	}

	.index-product-search p input {
		font-size: 14px;
	}

	.index-product-list li a {
		font-size: 16px;
	}

	.index-title h2 {
		font-size: 38px;
	}

	.header-nav-top dl dd>a {
		padding: 10px 0;
		font-size: 16px;
	}

	.dl-top-right h4 {
		font-size: 16px;
		padding: 10px 0;
	}

	.dl-top-right .dl-top-list {
		margin-top: 10px;
	}

	.dl-top-right .dl-top-list a {
		font-size: 15px;
		padding: 6px 0;
	}

	.header-else-top a {
		font-size: 15px;
		padding: 7px 20px;
	}

	.header-call a {
		font-size: 22px;
	}

	#header {
		height: 80px;
		line-height: 80px;
	}

	.header-search {
		margin-top: 25px;
	}

	.index-banner,
	.n-banner {
		margin-top: 80px;
	}

	.header-else-top {
		top: 100%;
	}

	.header-nav-top {
		top: 100%;
	}

	.product-left-title h3 {
		font-size: 26px;
	}

	.product-left-ul li .product-li {
		padding: 0 10px;
	}

	.product-left-ul li dl dd {
		padding: 0 10px;
	}

	.product-left-ul li .product-li a {
		font-size: 16px;
	}

	.product-left-ul li dl dd a {
		font-size: 15px;
		padding: 5px 0 5px 18px;
	}

	.product-left-ul li dl dd a::after {
		width: 6px;
		height: 6px;
		top: 13px;
	}

	.product-left-title {
		padding: 10px 0;
	}

	.product-right {
		width: calc(100% - 325px);
	}

	.product-ul li a .product-img {
		height: 255px;
		line-height: 255px;
		position: relative;
	}

	.product-ul li a .product-img img {
		max-height: 80%;
		max-width: 80%;
	}

	.product-ul li a .product-text h3 {
		font-size: 16px;
	}

	.product-ul li a .product-text h3 {
		padding: 10px 0px 6px;
		text-align: left;
	}

	.product-ul li a .product-text p {
		font-size: 15px;
		height: 72px;
	}

	.product-ul li a .product-text {
		height: 155px;
	}

	.product-detail-right .product-detail-right-text h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.product-detail-a a {
		background-size: 17px;
		padding: 8px 20px 8px 50px;
	}

	.product-detail-left li {
		width: 95%;
		height: 95%;
	}

	.product-detail-left {
		width: 45%;
	}

	.product-detail-right {
		width: 51%;
	}

	.product-detail-left {
		height: 395px;
	}

	.product-detail-bottom-list .product-detail-bottom-a a {
		font-size: 16px;
		padding: 10px 10px;
		margin-right: 10px;
	}

	.product-detail-bottom-list .product-detail-bottom-a a.active {
		border-bottom: 2px solid #005bac;
	}

	.product-detail-bottom-box {
		padding: 20px;
	}

	.product-detail-bottom-box .product-detail-bottom-text p::after {
		width: 8px;
		height: 8px;
		top: 14px;
	}

	.product-detail-bottom-box .product-detail-bottom-text p {
		padding-left: 16px;
		line-height: 30px;
	}

	.case-ul li a .case-text h3 {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}

	.case-ul li a .case-img {
		height: 285px;
	}

	.case-detail-title-text h3 {
		font-size: 20px;
	}

	.case-detail-title-text {
		padding: 0 16%;
	}

	.case-detail-title {
		padding-bottom: 15px;
	}

	.detail-back a {
		padding: 18px 45px;
	}

	.case-detail-text h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.n-title h3 {
		font-size: 26px;
	}

	.else-case .swiper-slide a .case-text h3 {
		font-size: 16px;
		line-height: 26px;
		height: 52px;
		overflow: hidden;
	}

	.else-case .swiper-slide a .case-img {
		height: 265px;
	}

	.t-title h3 {
		font-size: 26px;
		padding: 18px 0;
	}

	.t-title h3::after {
		height: 3px;
	}

	.t-title {
		margin-bottom: 20px;
	}

	.c-ul-list li .c-ul-img {
		width: 60px;
		height: 60px;
	}

	.c-ul-list li h4 {
		font-size: 20px;
		line-height: 26px;
	}

	.c-ul-list li p {
		line-height: 26px;
	}

	.service-c-div b {
		font-size: 34px;
		line-height: 26px;
	}

	.service-c-div h3 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.about-ly-left h2 {
		font-size: 26px;
		margin-bottom: 5px;
	}

	.about-ly-left p {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.about-ly-left .about-ly-img p {
		line-height: 24px;
	}

	.about-ly-left .about-ly-img {
		padding: 10px;
	}

	.news-list-ul li a .news-right .news-right-time b {
		font-size: 26px;
	}

	.news-list-ul li a .news-right .news-right-text h3 {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.news-list-ul li a .news-left-img {
		height: 250px;
		width: 385px;
	}

	.news-list-ul li a .news-right {
		width: calc(100% - 420px);
	}

	.news-list-ul li a .news-right .news-right-text {
		width: calc(100% - 230px);
	}

	.news-list-ul li a .news-right .news-right-text p {
		height: 120px;
		overflow: hidden;
	}

	.news-detail-box .news-detail-title h3 {
		font-size: 24px;
	}

	.about-jj-d1-right h2 {
		font-size: 50px;
	}

	.about-jj-d1-right h3 {
		font-size: 28px;
	}

	.about-jj-d1-right span {
		margin-bottom: 13px;
	}

	.about-jj-d1 {
		padding: 70px 0 70px;
	}

	.about-jj-d2-left h3 {
		font-size: 24px;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.join-list ul li.first-li>p span {
		font-size: 18px;
	}

	.join-list ul li>p span {
		font-size: 16px;
	}

	.join-list ul li>p {
		height: 60px;
		line-height: 60px;
		cursor: pointer;
	}

	.join-list ul li .join-top h3 {
		font-size: 18px;
	}
.about-rw li .about-ry-img {
    height: 215px;
}


}

@media (max-width:1366px) {
	.join-box .join-text .join-search p select {
		width: 245px;
	}

    .about-rw li .about-ry-img {
    height: 200px;
}
.header-ul-list>li>a {
    padding: 0 15px;
}

}

@media (max-width:1280px) {
	/* html {
		width: 1280px;
		margin: auto;
	}
	#header{
		width: 1280px;
		margin: auto;
		max-width: 1280px !important;
	}
	.wrap {
		width: 1200px !important;
		margin: auto;
		max-width: 1200px !important;
	}

	.wrap-about {
		width: 1200px;
		margin: auto;
		max-width: 1200px !important;
	}

	.wrap3 {
		width: 1300px;
		margin: auto;
		max-width: 1200px !important;
	} */
}

@media (max-width:1200px) {
	.header-call a {
		font-size: 22px;
	}

	.header-ul-list>li>a {
font-size: 14px;
		padding: 0 7px;
	}
	.header-logo {
		width: 140px;
	}

	.index-banner .swiper-button-black {
		width: 45px;
		height: 45px;
		background-size: 26px;
	}

	.index-product-title .index-title {
		width: 100%;
		margin-bottom: 15px;
	}

	.index-product-list {
		width: 100%;
	}

	.index-product-list li a {
		font-size: 16px;
	}

	.index-product-swiper .swiper-slide .slide-left h3 a {
		font-size: 20px;
	}

	.index-product-swiper .swiper-slide .slide-right a img {
		max-height: 220px;
	}

	.index-product-swiper .swiper-slide .slide-right a {
		height: 315px;
	}

	.index-title h3,
	.index-case-title h3,
	.index-about-right h2 {
		font-size: 24px;
	}

	.index-case-swiper .wrap .case-slide-text h3 {
		font-size: 22px;
	}

	.product-left {
		width: 260px;
	}

	.product-ul li a .product-text h3 {
		font-size: 16px;
		padding: 10px 0px 5px;
	}

	.product-ul li a .product-text p {
		font-size: 15px;
		line-height: 27px;
	}

	.product-right {
		width: calc(100% - 295px);
	}

	.product-detail-right .product-detail-right-text h3 {
		font-size: 20px;
	}

	.case-detail-title-text h3 {
		font-size: 22px;
	}

	.n-title h3 {
		font-size: 24px;
	}

	.t-title h3 {
		font-size: 24px;
		padding: 17px 0;
	}

	.about-ly-left h2 {
		font-size: 24px;
	}

	.about-jj-d1-right h2 {
		font-size: 40px;
	}

	.about-jj-d1 {
		position: relative;
		padding: 70px 0 50px;
		overflow: hidden;
	}

	.about-ry-ul li {
		width: 23.5%;
	}

	.about-ry-ul li:nth-of-type(5n) {
		margin-right: 0;
	}

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

	.join-box .join-text .join-search p:last-of-type {
		margin-right: 0;
		width: calc(100% - 590px);
	}

	.join-box .join-text .join-search p label {
		width: 100px;
	}

	.join-box .join-text .join-search p input {
		width: calc(100% - 100px);
	}

	.join-list ul li>p {
		overflow: hidden;
	}

	.service-net-box .service-net-left a .service-net-text {
		width: calc(100% - 245px);
	}

	.service-net-box .service-net-left a .service-net-img {
		width: 245px;
		min-height: 200px;
	}

.about-rw li .about-ry-img {
    height: 170px;
}
    
}

@media (max-width:992px) {
	.menu {
		display: block;
	}

	.menu span {
		background: #0062b2;
	}

	.header-call {
		margin-right: 20px;
	}

	.header-nav {
		float: right;
		position: absolute;
		top: 100%;
		background: #ffffff;
		width: 100%;
		left: 0;
		height: calc(100vh - 80px);
		overflow-y: overlay;
		border-top: 1px solid #cccccc;
		box-sizing: border-box;
		padding: 0 3%;
		display: none;
	}

	.header-ul-list>li {
		display: block !important;
		float: none;
		line-height: normal;
		position: relative;
		border-bottom: 1px dashed #dcdcdc;
	}

	.header-nav-top,
	.header-nav-top dl dd .dl-top-right,
	.header-else-top {
		position: unset;
		position: static;
		position: inherit;

	}

	.header-nav-top dl dd {
		width: 100%;
	}

	.header-nav-top dl dd .dl-top-right {
		width: 100%;
	}

	.header-nav-top .wrap {
		width: 100%;
		max-width: 100%;
	}

	.dl-top-right h4 {
		display: none;
	}

	.dl-top-right .dl-top-list {
		height: auto;
		margin-top: 3px;
	}

	.header-nav-top dl dd .dl-top-right {
		padding-left: 30px;
	}

	.header-ul-list>li>a {
		display: block;
		padding: 15px 0;

	}

	.header-ul-list>li:hover .header-else-top {
		display: none;
	}

	.header-ul-list>li i {
		position: absolute;
		width: 30px;
		height: 30px;
		display: block;
		right: 15px;
		top: 10px;
		background: url(../images/j-h_06.png) center no-repeat;
	}

	.header-ul-list>li.pro-li {
		position: relative;
	}

	.header-ul-list>li i.on {

		transform: rotateZ(90deg);
		-moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		background-image: url(../images/j-l_03.png);
	}

	.dl-top-right .dl-top-list a {
		font-size: 14px;
	}

	.header-search>a::after {
		display: none;
	}

	.index-banner::after {
		width: 77px;
		height: 68px;
	}

	.index-title h2 {
		font-size: 30px;
	}

	.index-about-right {
		width: 60%;
	}

	.index-about-left {
		width: 35%;
		height: 410px;
	}

	.index-about-right li a {
		padding: 4px 10px;

	}

	.index-about-right li {
		margin-right: 7px;
	}

	.index-news-swiper .swiper-slide a .index-news-img {
		height: 180px;
	}

	.footer-top dl dt a {
		font-size: 15px;
	}

	.footer-top dl {
		padding-left: 3%;
	}

	.product-left-title h3 {
		font-size: 20px;
	}

	.product-left-ul li .product-li a {
		font-size: 16px;
	}

	.product-left-ul li dl dd a {
		font-size: 14px;
	}

	.product-left {
		width: 235px;
		display: none;
	}

	.product-left-ul {
		padding: 5px 5px;
	}

	.product-left-ul li .product-li {
		padding: 0 10px;
	}

	.product-left-ul li dl dd {
		padding: 0 10px;
	}

	.product-left-ul li dl dd a {
		padding: 5px 0 5px 15px;
	}

	.product-left-ul li dl dd a::after {
		width: 6px;
		height: 6px;
		top: 11px;
	}

	.product-right {
		width: 100%;
	}

	.nei-nav .nei-nav-left {
		display: none;
	}

	.nei-nav {
		height: 50px;
		line-height: 50px;
	}

	.padd-60 {
		padding: 35px 0;
	}

	.case-ul li a .case-text h3 {
		font-size: 16px;
		color: #333333;
		line-height: 26px;
	}

	.case-ul li {
		width: 49%;
	}

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

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

	#header {
		height: 65px;
		line-height: 65px;
	}

	.header-search {
		margin-top: 21px;
	}

	.menu {
		margin-top: 24px;
	}

	.case-detail-text h4 {
		font-size: 18px;
	}

	.n-title h3 {
		font-size: 20px;
	}

	.case-detail-title-text h3 {
		font-size: 20px;
	}

	.c-ul-list li h4 {
		font-size: 18px;
	}

	.c-ul-list li {
		padding: 30px 20px;
	}

	.c-ul-list li .c-ul-img {
		width: 50px;
		height: 50px;
	}

	.service-c-div h3 {
		font-size: 20px;
	}

	.t-title h3 {
		font-size: 22px;
		padding: 13px 0;
	}

	.service-net-box {
		flex-wrap: wrap;
	}

	.service-net-box .service-net-left {
		width: 100%;
	}

	.service-net-box .service-net-right {
		width: 100%;
		height: 300px;
	}

	.support-qs-ul li .support-qs-div {
		padding: 15px 25px;
	}

	.support-qs-ul li .support-qs-top p {
		padding-left: 30px;
	}

	.support-qs-ul li .support-qs-top {
		padding-bottom: 30px;
	}

	.support-down-ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.about-ly-left {
		width: 100%;
	}

	.about-ry-right {
		width: 100%;
		margin-top: 15px;
	}

	.about-ly-left h2 {
		font-size: 20px;
	}

	.about-ly-box {
		padding: 0 10px;
	}

	.index-banner,
	.n-banner {
		margin-top: 65px;
	}

	.news-list-ul li a .news-left-img {
		width: 260px;
		height: 180px;
		overflow: hidden;
	}

	.news-list-ul li a .news-right {
		width: calc(100% - 280px);
		padding: 10px 0;
	}

	.news-list-ul li a .news-right .news-right-text h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.news-list-ul li a .news-right .news-right-time b {
		font-size: 20px;
	}

	.news-list-ul li a .news-right .news-right-time {
		width: 70px;
	}

	.news-list-ul li a .news-right .news-right-text {
		width: calc(100% - 95px);
	}

	.news-list-ul li a .news-right .news-right-text p {
		line-height: 26px;
		height: 78px;
		overflow: hidden;
	}

	.news-detail-box .news-detail-title h3 {
		font-size: 20px;
	}

	.news-detail .news-detail-box {
		width: 100%;
	}

	.news-detail-right {
		width: 100%;
	}

	.news-detail-right dl dd a .news-detail-img img {
		max-height: 200px;
		height: 100%;
	}

	.news-detail-right dl dd a .news-detail-img {
		height: 200px;
	}

	.news-detail-right dl dd {
		width: 49%;
		margin-right: 2%;
		float: left;
	}

	.news-detail-right dl dd:nth-of-type(2n) {
		margin-right: 0;
	}

	.news-detail-right dl dt {
		padding: 13px 0;
	}

	.about-jj-d1-right h2 {
		font-size: 30px;
	}

	.about-jj-d1-right h3 {
		font-size: 22px;
	}

	.about-jj-d1-right {
		padding: 0 20px 0 35px;
	}

	.about-jj-d2-left h3 {
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 25px;
	}

	.about-pp-ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.about-pp-ul li:nth-of-type(4n) {
		margin-right: 2%;
	}

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

	.search-box .product-ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.search-box .product-ul li:nth-of-type(4n) {
		margin-right: 2%;
	}

	.search-box .product-ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	.search-box {
		margin-top: 65px;
	}

	.about-ry-ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.about-ry-ul li:nth-of-type(4n) {
		margin-right: 2%;
	}

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

	.join-box .join-text .join-search p select {
		width: 165px;
		height: 38px;
	}

	.join-box .join-text .join-search p:last-of-type {
		margin-right: 0;
		width: calc(100% - 435px);
	}

	.join-box .join-text .join-search p input {
		height: 38px;
		width: calc(100% - 65px);
	}

	.join-box .join-text .join-search p label {
		width: 60px;
		height: 38px;
		background-size: 20px;
	}
.case-ul li a .case-img .case-h-text,.else-case .swiper-slide a .case-img .case-h-text{
	display: none;
}
.lang {
margin-right: 15px;
    margin-left: 0;
}

}

@media (max-width:756px) {

	.index-product-title .index-title {
		width: 100%;
		margin-bottom: 15px;
	}

	.index-product-list {
		width: 100%;
		padding-left: 25px;
	}

	.index-product-list li {
		width: 49%;
		margin-bottom: 10px;
	}

	.index-product-list li:nth-of-type(4n) {
		margin-right: 2%;
	}

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

	.index-title h2 {
		font-size: 24px;
	}

	.index-title h3,
	.index-case-title h3,
	.index-about-right h2 {
		font-size: 18px;
	}

	.padd-40 {
		padding: 20px 0;
	}

	.index-product-title {
		margin-bottom: 10px;
	}

	.index-product-search {
		width: 100%;
		padding-right: 0;
	}

	.index-product-search p {
		height: 35px;
		line-height: 35px;
	}

	.index-product-swiper {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.index-product-search p input {
		font-size: 14px;
		padding: 0 15px;
		width: calc(100% - 55px);
	}

	.index-product-search p label {
		width: 50px;
		background-size: 35px;
	}

	.index-product-swiper .swiper-slide .slide-left h3 a {
		font-size: 16px;
	}

	.index-product-swiper .swiper-slide .slide-left h3 {
		font-size: 16px;
		color: #333333;
		position: relative;
		padding: 10px 0;
		margin-bottom: 5px;
	}

	.index-product-swiper .swiper-slide .slide-left p {
		font-size: 14px;
		line-height: 28px;
		color: #636363;
	}

	.index-product-swiper .swiper-slide .slide-left {
		width: 100%;
		box-sizing: border-box;
		padding-right: 0;
		float: left;
		padding-top: 3%;
	}

	.index-product-swiper .swiper-slide .slide-right {
		width: 100%;
		padding: 10px;
	}

	.index-product-swiper .swiper-slide {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.index-product-swiper .swiper-slide .slide-right a img {
		max-height: 155px;
	}

	.index-product-swiper .swiper-slide .slide-right a {
		height: 220px;
	}

	.index-product-swiper .swiper-button-white {
		top: unset;
		bottom: 0;
		width: 45px;
		height: 32px;
		background-size: 10px;
	}

	.index-product-swiper .swiper-container {
		padding-bottom: 40px;
	}

	.index-product-swiper .swiper-button-white.swiper-button-next {
		left: 54px;
	}

	.index-product-swiper-list {
		display: none;
	}

	.index-case-title a,
	.index-case-swiper .wrap .case-slide-text a {
		font-size: 12px;
		padding: 5px 30px 5px 13px;
	}

	.index-case-title {
		padding-bottom: 13px;
	}

	footer {
		padding-top: 25px;
	}

	.footer-top dl dd {
		display: none;
	}

	.footer-top dl:last-of-type dd {
		display: block;
	}

	.footer-top dl::before,
	.footer-top dl::after {
		display: none;
	}

	.footer-top dl {
		width: 25%;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	.footer-top dl:last-of-type {
		width: 100%;
		padding-left: 0;
		margin-bottom: 0;
	}

	.footer-top {
		flex-wrap: wrap;
	}

	.footer-top dl dt {
		margin-bottom: 0;
		text-align: center;
	}

	.footer-copy-right a {
		font-size: 13px;
	}

	.footer-copy {
		padding: 10px 0;
	}

	.header-logo {
		width: 90px;
	}

	.header-call a {
		font-size: 16px;
		background-size: 20px;
		padding-left: 27px;
	}

	.header-search>a {
		width: 17px;
		height: 17px;
		background-size: 100%;
	}

	.header-search {
		margin-top: 20px;
		margin-right: 18px;
	}

	#header {
		height: 55px;
		line-height: 55px;
	}

	.menu {
		margin-top: 19px;
	}

	.index-banner,
	.n-banner {
		margin-top: 55px;
	}

	.index-banner::after {
		width: 30px;
		height: 26px;
	}

	.index-banner .swiper-button-black {
		width: 27px;
		height: 27px;
		background-size: 14px;
	}

	.swiper-pagination-bullet {
		width: 4px;
		height: 4px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		width: 12px;
		height: 12px;
		left: -5px;
		top: -5px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		margin-bottom: 14px;
	}

	.index-product-list li a {
		font-size: 14px;
	}

	.index-case-swiper .wrap .case-slide-text h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.index-case-swiper .wrap .case-slide-text p {
		font-size: 14px;
		padding-right: 35px;
		box-sizing: border-box;
	}

	.index-case-swiper .swiper-container {
		height: 400px;
	}

	.index-case-title {
		width: 100%;
		top: 30px;
	}

	.index-case-swiper .wrap .case-slide-text a {
		margin-top: 35px;
	}

	.index-case-title a,
	.index-case-swiper .wrap .case-slide-text a {
		background-size: 14px;
	}

	.index-case-swiper .swiper-button-black {
		width: 30px;
		height: 30px;
		background-size: 8px;
	}

	.index-case-swiper .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 6px !important;
	}

	.index-case-swiper .swiper-pagination-bullet-active::after {
		width: 16px;
		height: 16px;

		left: -5px;

		top: -5px;

		background-size: 16px;
	}

	.index-case-swiper .swiper-button-prev {
		left: 0%;
	}

	.index-case-swiper .swiper-button-next {
		left: 90%;
	}

	.index-case-swiper .swiper-b-t {
		bottom: 22px;
	}

	.index-about-left {
		width: 100%;
		height: 260px;
		margin-bottom: 15px;
	}

	.index-about-right {
		width: 100%;
	}

	.index-about-right li a {
		font-size: 14px;
		padding: 4px 10px;
	}

	.index-about-right h2 {
		margin-bottom: 10px;
	}

	.index-about-r-text {
		margin-top: 15px;
	}

	.index-about-r-text h3 {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.index-about-r-text p {
		line-height: 28px;
	}

	.index-about-r-text a {
		font-size: 12px;
		background-size: 16px;
	}

	.index-about {
		padding: 30px 0 25px;
	}

	.index-news-swiper {
		position: relative;
		margin-top: 15px;
	}

	.header-nav-top dl dd>a {
		padding: 6px 0;
		padding-left: 15px;
	}

	.header-nav-top dl dd .dl-top-right {
		padding-left: 18px;
	}

	.dl-top-right .dl-top-list div {
		width: 50%;
	}

	.index-news-swiper .swiper-slide a .index-news-text h4 {
		font-size: 16px;
		margin-bottom: 3px;
	}

	.index-news-swiper .swiper-slide a .index-news-text p {
		line-height: 28px;
		height: 84px;
		overflow: hidden;
	}

	.index-news-swiper .swiper-button-black {
		width: 35px;
		height: 35px;
		background-size: 8px;
	}

	.index-news-swiper .swiper-button-black {
		top: 28%;
	}

	.more a {
		font-size: 12px;
	}

	.index-news-swiper .swiper-slide a .index-news-text span {
		font-size: 12px;
	}

	.more {
		text-align: center;
		margin-top: 25px;
	}

	.index-news {
		padding: 55px 0 32px;
	}

	.dl-top-right .dl-top-list a {
		padding: 5px 0;
	}

	.product-ul li {
		width: 100%;
		margin-right: 0;

		margin-bottom: 15px;

	}

	.product-ul li a .product-img {
		height: 225px;
		line-height: 225px;
	}

	.product-ul li a .product-text p {
		font-size: 14px;
		line-height: 26px;
		height: auto;
		max-height: 78px;
	}

	.product-ul li a .product-text {
		height: auto;
	}

	._page_container ._home,
	._page_container ._last,
	._page_container ._prev_text,
	._page_container ._next_text {
		padding: 0 3px !important;
	}

	._page_container,
	._page_container ._prev,
	._page_container ._next,
	._page_container ._home,
	._page_container ._last {
		font-size: 12px !important;
	}

	._page_container ._pages li {
		min-width: 18px !important;
		margin: 0 3px !important;
		padding: 0 3px !important;
	}

	._page_container {
		height: 25px !important;
		line-height: 25px !important;
	}

	._page_container ._jumper {
		margin-top: 15px !important;
	}

	._page_container {
		margin: 20px auto !important;
	}

	.product-detail-left {
		width: 100%;
		height: 260px;
	}

	.product-detail-left li {
		height: 260px;
		line-height: 260px;
	}

	.product-detail-left li img {
		max-height: 215px;
	}

	.product-detail-right {
		width: 100%;
	}

	.product-detail-right .product-detail-right-text h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.product-detail-right .product-detail-right-text p {
		font-size: 14px;
		color: #777777;
		line-height: 28px;
	}

	.product-detail-right .product-detail-right-text {
		padding-bottom: 20px;
		margin-bottom: 20px;
		order: 2;
	}

	.product-detail-right {

		display: flex;
		flex-wrap: wrap;
	}

	.product-detail-a {
		width: 100%;
		order: 3;
	}

	.product-detail-right .product-detail-right-img {
		width: 100%;
		order: 1;
	}

	.product-detail-right .product-detail-right-img {
		margin-top: 20px;
	}

	.product-detail-a a {
		background-size: 15px;
		padding: 7px 16px 7px 40px;
		font-size: 14px;
		background-position: 14px center;
	}

	.product-detail-bottom-list .product-detail-bottom-a a {
		font-size: 14px;
		padding: 7px 7px;
		margin-right: 5px;
	}

	.product-detail-bottom-list {
		margin-top: 36px;
	}

	.product-detail-bottom-box {
		padding: 15px 10px;
	}

	.product-detail-bottom-box .product-detail-bottom-text p::after {
		width: 5px;
		height: 5px;
	}

	.product-detail-bottom-box .product-detail-bottom-text p {
		font-size: 14px;
		line-height: 28px;
		padding-left: 15px;
	}

	.nei-nav {
		display: none;
	}

	.padd-60 {
		padding: 20px 0;
	}

	.case-ul li {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 15px;
	}

	.case-ul li a .case-img {
		height: 200px;
	}

	.case-ul li a .case-text {
		box-sizing: border-box;
		padding: 10px 10px;
	}

	.case-ul li a .case-img .case-h-text {
		display: none;
	}

	.case-detail-title-text h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.detail-back a {
		border-radius: 20px;
		padding: 13px 25px;
	}

	.detail-back {
		left: auto;
		top: -15px;
		right: 10px;
	}

	.case-detail .case-detail-box {
		padding: 30px 0;
		margin-bottom: 26px;
	}

	.case-detail-title-text {
		padding: 0 0%;
		margin-top: 20px;
	}

	.case-detail-title {
		padding-bottom: 7px;
	}

	.case-detail-text {
		box-sizing: border-box;
		padding: 15px 10px;
		    overflow: overlay;
	}

	.case-detail-text h3 {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 3px;
	}

	.case-detail-text p {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 4px;
	}

	.n-title h3 {
		font-size: 18px;
	}

	.n-title {
		margin-bottom: 20px;
	}

	.jiameng-swiper .swiper-button-white,
	.pro-detail-swiper .swiper-button-white,
	.else-case .swiper-button-white {
		width: 35px;
		height: 35px;
		background-size: 10px;
	}

	.else-case .swiper-slide a .case-img {
		height: 210px;
	}

	.else-case .swiper-slide a .case-text h3 {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}

	.else-case .swiper-slide a .case-img .case-h-text {
		display: none;
	}

	.else-case .swiper-slide a .case-text {
		box-sizing: border-box;
		padding: 10px 10px;
	}

	.case-detail-text h4 {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 4px;
	}

	.t-title h3 {
		font-size: 18px;
		padding: 8px 0;
	}

	.t-title h3::after {
		height: 2px;
	}

	.t-title {
		margin-bottom: 10px;
	}

	.com-text p {
		font-size: 14px;
		color: #8b8b8b;
		line-height: 28px;
	}

	.c-ul-list {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.c-ul-list li {
		width: 100%;
		padding: 15px 15px;
	}

	.c-ul-list li .c-ul-img {
		width: 40px;
		height: 40px;
	}

	.c-ul-list li h4 {
		font-size: 16px;
		margin-top: 12px;
		margin-bottom: 6px;
	}

	.c-ul-list li p {
		font-size: 14px;
		line-height: 28px;
	}

	.service-c-div b {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.service-c-div h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.service-c-div p {
		font-size: 14px;

		line-height: 28px;
		margin-bottom: 3px;
	}

	.service-c-div {
		margin-bottom: 10px;
	}

	.service-c-list {
		border-top: 10px solid #fbfbfb;
		padding-top: 20px;
	}

	.service-net-box .service-net-left a .service-net-img {
		width: 100%;
		min-height: 176px;
		height: 176px;
	}

	.service-net-box .service-net-left a .service-net-text {
		width: 100%;
		padding: 0 10px;
	}

	.service-net-box .service-net-left a .service-net-text h4 {
		font-size: 16px;
	}

	.service-net-box .service-net-left a .service-net-text p {
		line-height: 26px;
		font-size: 14px;
	}

	.service-net-box {
		padding: 20px 10px;
	}

	.amap-info-content h4 {
		font-size: 15px !important;
	}

	.amap-info-content p {
		font-size: 13px !important;
	}

	.support-qs-ul li .support-qs-div h3 {
		font-size: 15px;
		background-size: 10px;
		padding-left: 21px;
		width: calc(100% - 70px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.support-qs-ul li .support-qs-div span,
	.support-down-ul li a span {
		width: 25px;
		height: 25px;
		background-size: 100%;
		margin-top: 5px;
	}

	.support-qs-ul li .support-qs-div {
		padding: 7px 10px;
	}

	.support-qs-ul li .support-qs-top {
		background-size: 18px;
		padding: 13px 18px;
	}

	.support-qs-ul li .support-qs-top p {
		line-height: 28px;
		padding-left: 18px;
	}

	.support-down-ul li a {
		padding: 9px 10px;
	}

	.support-down-ul li a h3 {
		font-size: 15px;
		padding: 10px 0 9px 65px;
		background-size: 25px;
		padding-left: 35px;
		width: calc(100% - 70px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.about-ly-left h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.about-ly-left p {
		font-size: 14px;
		color: #666666;
		margin-bottom: 13px;
		margin-top: 13px;
		line-height: 26px;
		padding-right: 15%;
	}

	.about-ly-left .about-ly-img {
		width: 160px;
		padding: 9px;
	}

	.about-ly-left .about-ly-img img {
		width: 100%;
		height: auto;
	}

	.about-ly-left .about-ly-img p {
		margin: 4px 0;
	}

	.about-ly-box {
		padding: 0 0px;
	}

	.about-ry-right h4 {
		font-size: 16px;
		color: #000000;
		margin-bottom: 4px;
	}

	.about-ry-right p {
		font-size: 14px;
		color: #888888;
		margin-bottom: 15px;
	}

	.about-ry-right {
		padding: 10px;
	}

	.about-ry-right .ly-div label {
		font-size: 14px;
	}

	.about-ry-right .ly-div input[type="text"] {
		font-size: 12px;
	}

	.about-ry-right .tj-div button {
		font-size: 12px;
	}

	.about-ry-right .tj-div {
		margin-bottom: 20px;
	}

	.about-ly-left .about-ly-img p {
		padding-right: 0;
	}

	.news-list-ul li a {
		flex-wrap: wrap;
	}

	.news-list-ul li a .news-left-img {
		width: 100%;
	}

	.news-list-ul li a .news-right {
		width: 100%;
	}

	.news-list-ul li a .news-right .news-right-time b {
		display: inline-block;
		font-size: 14px;
		margin-bottom: 0;
	}

	.news-list-ul li a .news-right .news-right-time {
		width: 100%;
	}

	.news-list-ul li a .news-right .news-right-text {
		width: 100%;
	}

	.news-list-ul li a .news-right .news-right-text h3 {
		font-size: 16px;
		margin-bottom: 3px;
	}

	.news-list-ul li a .news-right .news-right-text p {
		font-size: 14px;
	}

	.news-list-ul li a .news-right .news-right-time i {
		font-size: 14px;
	}

	.news-list-ul li {
		margin-bottom: 15px;
	}

	.news-detail-box .news-detail-title h3 {
		font-size: 16px;
	}

	.news-detail-box .news-detail-title {
		padding: 7px 0;
	}

	.news-detail-box .news-detail-title .info {
		margin-top: 5px;
	}

	.news-detail-box .news-detail-title .info span {
		font-size: 12px;
		background-size: 15px;
	}

	.news-detail-text p {
		font-size: 14px;
		line-height: 28px;
	}

	.detail-page .div-a a {
		font-size: 14px;
	}

	.detail-page .div-a {
		width: 100%;
		margin-bottom: 5px;
	}

	.detail-page .back a {
		font-size: 14px;
	}

	.detail-page .back {
		width: 60px;
		top: 55px;
	}

	.detail-page {
		padding: 18px 0 45px;
		border-top: 1px solid #e5e5e5;
	}

	.news-detail-text {
		padding: 25px 0 25px;
	}

	.news-detail-right dl dd {
		width: 100%;
		margin-right: 0;

	}

	.news-detail-right dl dt {
		font-size: 16px;
	}

	.about-jj-d1-left {
		width: 100%;
	}

	.about-jj-d1-right {
		width: 100%;
	}

	.about-jj-d1-right {
		padding: 0 10px 0 10px;
	}

	.about-jj-d1-right h2 {
		font-size: 25px;
	}

	.about-jj-d1-right h3 {
		font-size: 18px;
		margin-top: -19px;
		margin-bottom: 2px;
	}

	.about-jj-d1-right p {
		font-size: 14px;
		color: #666666;
		line-height: 28px;
	}

	.about-jj-d1 {
		padding: 25px 0 30px;
	}

	.about-jj-d1-right span {
		margin-bottom: 13px;
	}

	.about-jj-d2-left {
		width: 100%;

		padding-right: 0;

	}

	.about-jj-d2-right {
		width: 100%;
		margin-bottom: 10px;
	}

	.about-jj-d2-left h3 {
		font-size: 16px;
		margin-bottom: 8px;
		margin-top: 10px;
	}

	.about-jj-d2-left span {
		margin-bottom: 15px;
	}

	.about-jj-d2-left p {
		font-size: 14px;
		line-height: 28px;

	}

	.about-jj-d2 .wrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.about-p p {
		font-size: 14px;
		color: #333333;
		line-height: 28px;
	}

	.about-jj-swiper .swiper-container .swiper-slide a {
		height: 70px;
	}

	.about-jj-swiper .swiper-container {
		padding-bottom: 50px;
	}

	.about-jj-swiper .swiper-container .swiper-slide:hover a img {
		transform: scale(1);
		transition: 0.4s;
	}

	.about-jj-swiper .swiper-container .swiper-slide a img {
		max-width: 75%;
		max-height: 65px;
	}

	.about-pp-ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.about-pp-ul li .about-pp-img img {
		max-height: 40px;
	}

	.about-pp-ul li .about-pp-img {
		padding: 4px 0;
		height: 50px;
	}

	.about-pp-ul li .about-pp-text div {
		height: auto;
		max-height: 95px;
	}

	.about-pp-ul li .about-pp-text::after {
		height: 3px;
	}

	.about-pp-ul li .about-pp-text {
		box-sizing: border-box;
		padding: 15px 15px;
	}

	.about-ry-ul li {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}

	.about-ry-ul li .about-ry-img {
		height: 260px;
		border: 3px solid #dae0e7;
	}

	.about-ry-ul li .about-ry-img img {
		max-height: 220px;
	}

	.about-ry-ul li p {
		font-size: 14px;
	}

	.close-div .close-btn {
		width: 30px;
		height: 30px;
		background-size: 15px;
	}

	.mask-div .mask-box {
		height: 65%;
	}

	.join-box .join-text .join-search {
		flex-wrap: wrap;
	}

	.join-box .join-text .join-search p {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
	}

	.join-box .join-text .join-search p select {
		width: 100%;
		font-size: 12px;
	}

	.join-box .join-text .join-search p:last-of-type {
		margin-right: 0;
		width: 100%;
	}

	.join-box .join-text .join-search p label {
		width: 45px;
		height: 38px;
		background-size: 17px;
	}

	.join-box .join-text .join-search p input {
		height: 38px;
		width: calc(100% - 45px);
		font-size: 12px;
	}

	.join-list ul li.first-li>p span {
		font-size: 14px;
	}

	.join-list ul li>p span:first-of-type {
		padding-left: 6px;
	}

	.join-list ul li>p {
		height: 45px;
		line-height: 45px;
		cursor: pointer;
	}

	.join-list ul li>p span {
		font-size: 13px;
	}

	.join-list ul li>p span.span5 img {
		width: 17px;
	}

	.join-list ul li .join-top {
		padding: 9px;
	}

	.join-list ul li .join-top h3 {
		font-size: 14px;
	}

	.join-list ul li .join-top p {
		font-size: 14px;
		color: #666666;
		line-height: 28px;
	}

	.join-list ul li .join-top div a {
		font-size: 12px;
	}

	.footer-top dl dt a {
		font-size: 14px;
	}

	.search-box {
		margin-top: 55px;
	}

	.search-jg {
		font-size: 16px;
	}

	.search-box .product-ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.header-else-top a {
		font-size: 15px;
	}

	.header-nav-top dl dd>a {
		font-size: 15px;
	}

	.header-nav {
		height: calc(100vh - 55px);
	}

.about-jj-d1::after{
  display:none;
}
.lang a{
		font-size: 14px;
	}
	.lang {

   		 margin-right: 8px;
	}
	.header-search>a{
		margin-left: 0;
	}
	.header-call a {
		    font-size: 14px;
	}
	.header-call {
   		 margin-right: 8px;
	}
	.header-search {
  		  margin-top: 21px;
   		 margin-right: 12px;
	}

}

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



@keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TopBtn {
  -webkit-animation-name: TopBtn;
  animation-name: TopBtn;
}
.kefu-box {
  position: fixed;
  bottom: 10%;
  right: 10px;
  z-index: 9;
}
.kefu-box.sidebar_toggle .item {
  display: none;
}
.kefu-box.sidebar_toggle .item.eas {
  display: block;
}
.kefu-box .item {
  width: 45px;
  height: 45px;
  background-color: #333;
  margin-top: 2px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(32, 40, 36, 0.15);
  display: block;
}
.kefu-box .item .item-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kefu-box .item .item-box .img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.kefu-box .item .item-box .img img {
  max-width: 30px;
  max-height: 24px;
}
.kefu-box .item .info {
  width: auto;
  height: 100%;
  background-color: #0062b2;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 1;
  margin-right: 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.kefu-box .item .info a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 14px;
  color: #fff;
}
.kefu-box .item .info img {
  max-width: 22px;
  max-height: 22px;
  margin-right: 6px;
}
.kefu-box .item .info2 {
  width: 130px;
  right: 100%;
  height: 140px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  margin-right: 10px;
}
.kefu-box .item .info2 img {
  max-width: 100%;
  max-height: initial;
  margin: 0;
}
.kefu-box .item .info2 span {
  display: block;
  margin-top: 4px;
}
.kefu-box .item#backToTopBtn .item-box img {
  position: relative;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  animation: TopBtn 1.5s ease-out infinite;
  -webkit-animation: TopBtn 1.5s ease-out infinite;
}
.kefu-box .item#backToTopBtn:hover .item-box .img {
  opacity: 1;
}
.kefu-box .item:hover {
  background-color: #0062b2;
}
.kefu-box .item:hover .info {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .kefu-box {
    display: none;
  }
}

.header-sc {
	display: none;
}