@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: 20px;
	color: #fea227;
	font-weight: bolder;
	display: block;
background: url(../images/call-icon.jpg) left no-repeat;
    padding-left: 32px;
	margin-left: 20px;
}

.header-sc{
	float: right;
	position: relative;
}
.header-sc .top-sc{
	font-weight: bolder;
	background: url(../images/sc-icon.png) left no-repeat;
    padding-left: 31px;
}
.header-sc .header-sc-top{
    display:none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: auto;
    background: #f2f2f2;
    line-height: normal;
    box-sizing: border-box;
    padding: 5px;
}
.header-sc .header-sc-top a{
    white-space: nowrap;
    display: block;
    font-size: 16px;
    color: #333333;
    padding: 7px 10px;
}
.header-sc:hover .header-sc-top{
	display: block;
}
.header-sc-top a:hover{
	background: #FFFFFF;
	color: #005BAC;
}

.header-search{
	float: right;
	margin-top: 34px;
	    margin-right: 15px;
		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: 0;
}
.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;
overflow-x: overlay;
}

.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 h3 {
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 5px;
	position: relative;
	box-sizing: border-box;
	font-weight: 200;
}
.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; }
.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;}


.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}



.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) {
	.header-ul-list>li>a {
    		padding: 0 15px;
	}
	.index-banner::after{
		width: 125px;
		    height: 110px;
	}
	.index-title h3,.index-case-title h3,.index-about-right h2{
		font-size: 28px;
	}
	.index-title h2{
		font-size: 38px;
	}
	.index-product-title .index-title{
		width: 325px;
	}
	.index-product-list {
	    width: calc(100% - 335px);
	}
	.index-product-list li{
		width: 23.5%;
		margin-right: 2%;
	}
	.index-product-list li:nth-of-type(4n){
		margin-right: 0;
	}
	.index-product-search p{
		height: 50px;
		line-height: 50px;
	}
	.index-product-swiper-list .swiper-slide a .t-slide-text h3{
		font-size: 16px;
		height: 60px;
		padding: 10px 17px 17px 17px;
		width: calc(100% - 35px);
	}
	.index-product-swiper-list .swiper-slide a .t-slide-text span{
		width: 35px;
		font-size: 24px;
	}
	.index-product-swiper .swiper-button-white {
	    width: 65px;
	    height: 40px;
	}
	.index-product-swiper .swiper-button-white.swiper-button-next{
		left: 75px;
	}
	.index-case-title a,.index-case-swiper .wrap .case-slide-text a{
		font-size: 14px;
		    padding: 7px 30px 7px 19px;
	}
	.index-case-swiper .wrap .case-slide-text h3{
		font-size: 26px;
	}
	.index-case-swiper .wrap .case-slide-text a,.index-about-r-text a{
		padding: 9px 42px 9px 21px;
	}
	.index-case-swiper .swiper-button-black{
		width: 40px;
		height: 40px;
		background-size: 10px;
	}
	.index-case-swiper .swiper-container{
		height: 535px;
	}
	.index-about-right li a{
		padding: 7px 15px;
	}
	.index-about-r-text h3{
		font-size: 20px;
		padding: 8px 0 10px;
		    margin-bottom: 13px;
	}
	.index-news-swiper .swiper-slide a .index-news-img{
		height: 245px;
	}
	.index-news-swiper .swiper-slide a .index-news-img img{
		max-height: 245px;
	}
	.index-news-swiper .swiper-button-black{
		width: 40px;
		height: 40px;
		background-size: 10px;
	}
	.index-news-swiper .swiper-slide a .index-news-text h4{
		white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
	}
	.more a{
		padding: 10px 50px 10px 18px;
	}
	.index-about {
	    padding: 90px 0 70px;
	}
	.index-case-swiper .wrap .case-slide-text a{
		margin-top: 95px;
	}
	.header-nav-top dl dd>a{
		font-size: 16px;
	}
	.dl-top-right h4{
		font-size: 16px;
	}
	.dl-top-right .dl-top-list a{
		font-size: 15px;
	}
	.header-else-top a{
		padding: 6px 20px;
	}
	#header {
	    height: 80px;
	    line-height: 80px;
	}
	
	.index-banner, .n-banner{
		margin-top: 80px;
	}
	.header-search{
		margin-top: 27px;
	}
	.header-else-top,.header-nav-top{
		top: 100%;
	}
	.product-left-title h3{
		font-size: 24px;
	}
	.product-left-title{
		padding: 10px 0;
	}
	.product-right {
	    width: calc(100% - 340px);
	}
	.product-ul li a .product-img{
		height: 265px;
		line-height: 265px;
	}
	.product-ul li a .product-img img {
	    max-height: 85%;
	    max-width: 85%;
	}
	.product-detail-right .product-detail-right-text h3{
		font-size: 22px;
	}
	.product-detail-left {
	    width: 45%;
	    height: 415px;
	}
	.product-detail-left li{
		width: 95%;
		height: 415px;
	}
	.product-detail-left li img{
		max-width: 95%;
	}
	.product-detail-a a{
		background-size: 18px;
		padding: 9px 20px 9px 50px;
	}
	.product-detail-bottom-list .product-detail-bottom-a a{
		font-size: 18px;
		padding: 10px 13px;
		border-bottom: 2px solid #e5e5e5;
	}
	.product-detail-bottom-list .product-detail-bottom-a a.active{
		border-bottom: 2px solid #005bac;
	}
	.product-detail-bottom-box .product-detail-bottom-text p{
		line-height: 30px;
	}
	.product-detail-bottom-box .product-detail-bottom-text h3{
		line-height: 30px;
	}
	.product-detail-bottom-box .product-detail-bottom-text p::after{
		width: 8px;
		height: 8px;
	}
	.case-detail-title-text h3{
		font-size: 24px;
	}
	.nei-nav .nei-nav-left a{
		padding: 0 7px;
		    margin-right: 6px;
	}
	.n-title h3{
		font-size: 26px;
	}
	.else-case .swiper-slide a .case-img{
		height: 260px;
	}
	.else-case .swiper-slide a .case-text h3{
		white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
	}
	.nei-nav.case-detail-nav .nei-nav-right a:last-of-type{
		display: none;
	}
	.case-detail-text h3{
		font-size: 20px;
	}
	.case-detail-title-text{
		padding: 0 15%;
	}
	.case-ul li a .case-img{
		height: 250px;
	}
	.t-title h3{
		font-size: 26px;
		    padding: 17px 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;
	}
	.service-c-div h3{
		font-size: 22px;
	}
	.service-c-div b{
		font-size: 34px;
		margin-bottom: 5px;
	}
	.about-ly-left h2{
		font-size: 26px;
	}
	.news-list-ul li a .news-right .news-right-text h3{
		font-size: 20px;
	}
	.news-list-ul li a .news-right .news-right-time b{
		font-size: 26px;
	}
	.news-list-ul li a .news-left-img {
	    width: 375px;
	    height: 245px;
	    overflow: hidden;
	}
	.news-list-ul li a .news-right {
	    width: calc(100% - 400px);
	}
	.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: 26px;
	}
	.about-jj-d1-right i{
		margin-bottom: 12px;
	}
	.about-jj-d2-left h3{
		font-size: 24px;
	}
	.join-list ul li.first-li>p span{
		font-size: 18px;
	}
	.join-list ul li>p {
	    height: 55px;
	    line-height: 55px;
	    cursor: pointer;
	}
	.join-list ul li>p span{
		font-size: 16px;
	}
	.join-list ul li .join-top h3{
		font-size: 16px;
	}
	.join-list ul li .join-top div a{
		font-size: 14px;
	}
	
	.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;
}

}

@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 {
   		 display: none;
	}
	.header-call a{
		font-size: 22px;
	}
	.header-ul-list>li>a{
		padding: 0 15px;
	}
	.header-logo{
		width: 140px;
	}
	.index-banner .swiper-button-black{
		width: 45px;
		height: 45px;
		    background-size: 26px;
	}
	.index-product-title .index-title {
	    width: 210px;
	}
	.index-product-list {
	    width: calc(100% - 230px);
	}
	.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: auto;
	}
	.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 15px;
		
	}
	.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;
	}
	.lang{
		margin-right: 20px;
		    margin-left: 10px;
	}
	
	
}
@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;
	}
	.product-detail-bottom-box .product-detail-bottom-text h3{
		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);
	}
	
	.index-case-title a{
		background-size: 7px;
	}
	.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;
}