@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
	/*去移动端点击阴影*/
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	-webkit-text-size-adjust: none;
}

em,
i,
s,
b,
u {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

body {
	font-size: .28rem;
	color: #333;
	font-family:"微软雅黑";
	background: #fff;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	position: relative;
}

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

form {
	display: inline-block;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

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

img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}



button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
}


/*去掉右下角斜线*/

textarea {
	resize: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
}

input,
textarea {
	border: none;
	border-radius: 0;
	font-size: .28rem;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

input::-webkit-input-placeholder {
	color: #999;
}

input:-moz-placeholder {
	color: #999;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

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

input,
label {
	vertical-align: middle;
}
.clear{
	clear: both;
}

.Maximg img{
	width: 100%;
	height: 100%;
}
.maximg img{
	max-height: 100%;
	max-width: 100%;
}
.weizhi img{
	max-height: none;
    max-width: none;
}
.maxwimg img{
	width: 100%;
	height: auto;
}
.over1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.over2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.over3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.zhong{
	text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.width{
	width: 7.1rem;
	margin: 0 auto;
	height: auto;
}
/*公共样式*/
/*头部*/
header{
	width: 100%;
	height: 1.07rem;
	padding: 0 .2rem;
	position: fixed;
	top: 0;
	z-index: 9997;
	background: #fff
}
.logo{
	display: inline-block;
	float: left;
	width: auto;
	height: 100%;
}
.xiala{
	display: inline-block;
	float: right;
	height: .58rem;
	width: .58rem;
	margin-top: .245rem;
}
/*底部*/
footer{
	width: 100%;
	height: 1.04rem;
	border-top: .01rem solid #e6e6e6;
	position: fixed;
	bottom: 0;
	z-index: 9997;
	background: #fff;
}
footer a{
	display: inline-block;
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	color: #999;
}
.foot p{
	font-size: .2rem;
	color: #999999;
	line-height: .3rem;
}
footer .active p{
	color: #009de0 !important;
}
.foot span{
	display: block;
	width: .52rem;
	height: .52rem;
	margin: .10rem auto .05rem;
}
.foot-nav-1{
	background: url(../images/foot1.png) no-repeat center;
	background-size:.52rem .52rem;
}
.foot-nav-1-in{
	background: url(../images/foot1-1.png) no-repeat center !important;
	background-size:.52rem .52rem !important;
}
.foot-nav-2{
	background: url(../images/foot2.png) no-repeat center;
	background-size:.5rem .5rem;
}
.foot-nav-2-in{
	background: url(../images/foot2-2.png) no-repeat center !important;
	background-size:.5rem .5rem !important;
}
.foot-nav-4{
	background: url(../images/foot3.png) no-repeat center;
	background-size:.62rem .62rem;
}
.foot-nav-4-in{
	background: url(../images/foot3-1.png) no-repeat center !important;
	background-size:.62rem .62rem !important;
}
.foot-nav-3{
	background: url(../images/foot4.png) no-repeat center;
	background-size:.5rem .44rem;
}
.foot-nav-3-in{
	background: url(../images/foot4-1.png) no-repeat center !important;
	background-size:.5rem .44rem !important;
}
.foot-nav-5{
	background: url(../images/foo5.png) no-repeat center;
	background-size:.5rem .44rem;
}
.foot-nav-5-in{
	background: url(../images/foo5-1.png) no-repeat center !important;
	background-size:.5rem .44rem !important;
}
/*测导航*/
.ce-nav{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9998;
	overflow: hidden;
	display: none;
}
.kong{
	z-index: 99999;
	display: inline-block;
	float: left;
	width: 60%;
	height: 100%;
}
.nav{
	display: inline-block;
	float: right;
	width: 40%;
	min-height: 100%;
	background: #fff;
	z-index: 99999;
}
.zhankai{
	animation: myCe 0.4s;
}
@keyframes myCe{
	0%{transform: translateX(100%);}
	100%{transform: translateX(0);}
}



.nav-ul>li>p{
	height: 1.07rem;
	display: block;
	text-align: center;
	width: 100%;
	background: #009de0;
	color: #fff;
	line-height: 1.07rem;
	font-size: .32rem;
}
.nav-ul>li>a{
	height: 1.07rem;
	display: block;
	text-align: center;
	width: 100%;
	color: #009de0;
	line-height: 1.07rem;
	font-size: .28rem;
	border-bottom: .01rem solid #e6e6e6;
}

/*banner图*/
.banner{
	width: 100%;
	height: auto;
	max-height: 3.87rem;
}

section{
	padding: 1.08rem 0 ;
}

/*置顶*/
.zhiding{
	position: fixed;
	right: .26rem;
	top: 85%;
	width: .7rem;
	height: .7rem;
	border-radius: 100%;
	background: #009de0;
	opacity: .8;
	z-index: 97;
}
/*联系我们*/
.contact-title{
	font-size: .3rem;
	color: #009de0;
	line-height: .7rem;
	padding-left: .2rem;
	margin-top: .31rem;
}
.contact-title span{
	font-size: .2rem;
}
.contact-form input{
	width: 100%;
	height: .8rem;
	border: .01rem solid #d9d9d9;
	border-radius: .06rem;
	margin-bottom: .22rem;
	padding-left: .5rem;
	line-height: .8rem;
	font-size: .24rem;
	color: #333;
}
.contact-form textarea{
	border: .01rem solid #d9d9d9;
	border-radius: .06rem;
	width: 100%;
	height: 2.8rem;
	padding-left: .5rem;
	padding-top: .2rem;
	line-height: .32rem;
	font-size: .24rem;
	color: #333;
}
textarea::-webkit-input-placeholder {
	color: #999;
}
.contact-form p{
	line-height: .44rem;
	font-size: .2rem;
	color: #8c8c8c;
	text-align: right;
	padding-right: .18rem;
}
.contact-ti{
	width: 6.62rem;
	height: .95rem;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: .34rem;
}
.contact-ti input{
	width: 100%;
	height: 100%;
	border: none;
	background: #009de0;
	font-size:.3515rem;
	color: #fff;
	text-align: center;
	line-height: .95rem;
	border-radius: .08rem;
}
.contact-ditu{
	width: 100%;
	height: 4.6rem;
	overflow: hidden;
}
.contact-ditu img{
	width: 100%;
	height: 100%;
}
.contact-code{
	text-align: center;
	width: 100%;
	height: auto;
}
.contact-code img{
	width: 2.59rem;
	height: 2.58rem;
	display: block;
	margin: 0 auto;
}
.contact-code p{
	font-size:.32rem;
	color: #4c4c4c;
	line-height: 1.25rem;
}
.contact-mode-l{
	display: inline-block;
	float: left;
	width: 1.98rem;
	position: relative;
	padding-left: .48rem;
}
.contact-mode{
	padding-top: .53rem;
	margin-bottom: .87rem;
}
.contact-mode-r{
	display: inline-block;
	float: left;
	width: auto;
	width: 5rem;
}
.contact-mode-li2{
	margin-top: .43rem;
	margin-bottom: .34rem;
}

.contact-mode-l span{
	width: .32rem;
	height: .34rem;
	position: absolute;
	top: -.05rem;
	left: 0.02rem;
}
.contact-mode-l p,
.contact-mode-r p{
	font-size:.3rem;
	color: #808080;
	line-height: .34rem;
}


/*新闻详情页面*/

.particulars-title{
	width: 6.74rem;
	margin: 0 auto;
	height: auto;
	border-bottom: .01rem solid #c1c1c1;
	padding: .48rem .1rem .22rem;
}
.particulars-title h3{
	font-size: .36rem;
	line-height: .48rem;
	color: #171717;
	margin-bottom: .21rem;
	text-align: center;
}
.particulars-title p{
	font-size: .24rem;
	line-height: .3rem;
	color: #b2b2b2;
	text-align: center;
}
.particulars-mian{padding: 0 .17rem .57rem;}
.particulars-mian img{
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}
.particulars-mian p{
	font-size: .26rem;
	line-height: .46rem;
	color: #828282;
	text-indent: 2em;
	margin: .2rem 0;
}
.share{
	width: 100%;
	height: .6rem;
	overflow: hidden;
	position: relative;
}
.share em,.share-a,.share-a a{
	display: inline-block;
	float: left;
} 
.share em{
	line-height: .6rem;
	color: #808080;
	font-size: .24rem;
	padding-left: .4rem;
}
.share-a a:last-child{
	background-image:url(../images/weibo.png);
	background-size:70% 70%!important;
}
.share-a a:first-child{
	background-image:url(../images/weixin.png);
	background-size:80% 80%!important;
}
.share-a a:nth-child(2){
	background-image:url(../images/QQ.png);
	background-size:80% 80%!important;
}
.share-a a{
	width: .6rem !important;
	height: .6rem !important;
	border-radius: 100% !important;
	overflow: hidden;
	margin: 0 .14rem !important;
	background-color: #009de0 !important;
	background-size:cover;
	background-repeat: no-repeat !important;
	background-position:center ;
}
.share-fan{
	display: inline-block;
	float: right;
	margin-right: .4rem;
	width: 1.7rem;
	height: .6rem;
	border-radius: .3rem;
	background: #009de0;
	text-align: center;
	line-height: .6rem;
	color: #fff;
	font-size: .22rem;
}
.switch{
	padding: .43rem .37rem .48rem ;
}
.switch a{
	display: block;
	line-height: .72rem;
	height: .72rem;
	color: #8a8a8a;
	font-size: .26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.switch a:first-child{
	border-bottom: .01rem dashed #c3c3c3;
}
.switch a span{
	color: #474747;
}

/*新闻中心*/
.case-nav{
	width: 100%;
	height: 1.09rem;
	background: #fff;
	overflow: hidden;
	margin-bottom: .1rem;
}
.case-nav-in{
	width: 7rem;
	height: .9rem;
	margin: 0 auto;
	border-top: .01rem solid #e6e6e6;
	border-bottom: .01rem solid #e6e6e6;
}
.case-nav-in li{
	float: left;
	width: 33%;
	height: .88rem;
}
.case-nav-in li:first-child{text-align: left;}
.case-nav-in li:last-child{text-align: right;}
.case-nav-in li:nth-child(2){text-align: center;}
.case-nav-in li a{
	display: inline-block;
	width: auto !important;
	height: .86rem;
	line-height: .88rem;
	font-size: .3rem;
	color: #4c4c4c;
}
.case-nav-in .active{
	border-bottom: .04rem solid #009de0;
}
.zixun-mian li{
	width: 100%;
	height: 1.93rem;
	overflow: hidden;
	border-bottom: .01rem solid #dcdcdc;
	margin-bottom: .25rem;
}
.zixun-mian li:last-child{border: none;margin-bottom: 0;}
.zixun-img{
	display: inline-block;
	float: left;
	width: 2.6rem;
	height: 1.68rem;
	overflow: hidden;
	margin-right: .24rem;
	margin-bottom: .23rem;
}
.zixun-img img{width: 100%;height: auto;}
.zixun-right{
	flex: 1;
}
.zixun-right h3{
	font-size: .3rem;
	color: #1a1a1a;
	line-height: .32rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: .32rem;
	margin-bottom: .18rem;
}
.zixun-right p{
	font-size: .26rem;
	color: #838383;
	line-height: .38rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: .76rem;
	margin-bottom: .13rem;
}
.zixun-right em{
	font-size: .25.8rem;
	color: #a5a5a5;
	line-height: .26rem;
}
.zixun-right em a{
	color: #808080;
}
.zixun-right em:last-child{
	font-family: "宋体";
	font-size: .25.8rem;
	line-height: .38rem;
	color: #a5a5a5;
	float: right;
	padding-right: .15rem;
}


.huadong{
	width: 100%;
	height: .9rem;
	background: #f5f5f5;
	text-align: center;
}
.huadong p{
	font-size: .2499rem;
	line-height: .9rem;
	color: #c5c5c5;
}
/*内页标题*/
.nei-title{
	height: .87rem;
	background: url(../images/title-logo.png) no-repeat center bottom;
	background-size: auto .18rem;
}
.nei-title h2{
	font-size: .38rem;
	color: #009de0;
}
/*合作伙伴*/

.hezuo-container{
	width: 100%;
	height: 5.9rem;
	margin: 0 auto;
}
.hezuo-container .swiper-slide{
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0;
}
.hezuo-container .swiper-pagination{
	position: absolute;
	bottom: 0;
}
.hezuo-container .swiper-slide span{
	display: inline-block;
	width: 2.85rem;
	height: 1.2rem;
	border: .02rem solid #cccccc;
	margin: 0 .15rem .18rem;
}
.swiper-pagination-bullet {
	width: .12rem;
	width: .12rem;	
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #009de0;
}

.nav-cp{
	height: .9rem;
	width: 100%;
	position: relative;
	font-size: 0;
	margin-bottom: .23rem;
}
.nav-cp:after{
	content: "";
	display: block;
	height: .02rem;
	width: 7rem;
	background: #e6e6e6;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.nav-cp:before{
	content: "";
	display: block;
	height: .02rem;
	width: 7rem;
	background: #e6e6e6;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.nav-cp a{
	display: inline-block;
	font-size: .3rem;
	color: #4c4c4c;
	width: 25%;
	text-align: center;
	line-height: .9rem;
	position: relative;
}
.nav-cp a.active:after{
	content: "";
	display: block;
	width: 1.2rem;
	height: .04rem;
	background: #009de0;
	position: absolute;
	bottom: .02rem;
	left: 50%;
	transform: translateX(-50%);
}

.cp-title{
	height: .74rem;
	border-bottom: .02rem solid #e6e6e6;
	position: relative;
}
.cp-title h3{
	line-height: .72rem;
	color: #333;
	font-size: .28rem;
	padding-left: .24rem;
}
.cp-title:after{
	display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: .12rem solid transparent;
    border-left: .14rem solid #009de0;
    border-bottom: .12rem solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.cp-p{
	padding-top: .12rem;
	padding-bottom: .6rem;
}
.cp-p p{
	font-size: .26rem;
	line-height: .46rem;
	color: #4c4c4c;
}
/*产品中心*/
.cp-main{
	width: 100%;
	height: 6.23rem;
	background: #fff;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: .2rem;
	padding-top: .2rem;
}
.cp-main:last-child{
	margin-bottom: .6rem;
}
.cp-main>span{
	display: block;
	height: 4rem;
	overflow: hidden;
}
.cp-main>p{
	padding: 0 .25rem;
	color: #676767;
	font-size: .26rem;
	line-height: .4rem;
}
.cp-main-title{
	height: .6rem;
	margin-top: .22rem;
	margin-bottom: .2rem;
	overflow: hidden;
}
.cp-main-title h2,
.cp-main-title em{
	display: inline-block;
	float: left;
}
.cp-main-title h2{
	max-width: 4rem;
	font-size: .3rem;
	line-height: .6rem;
	background: url(../images/cp-tit.png) no-repeat left center;
	background-size:100% 100% ;
	color: #fff;
	padding-left: .15rem;
	padding-right: .56rem;
}
.cp-main-title h2>span{
	font-size: .2rem;
}
.cp-main-title em{
	font-size: .2rem;
	line-height: .74rem;
	color: #009de0;
	text-decoration: underline;
	text-transform: uppercase;
}
/*厂房厂貌*/
.mao-p p{
	text-indent: 2em;
	font-size: .26rem;
	line-height: .46rem;
	color: #666666;
}
.mao-img{
	height: 4.08rem;
	padding: .05rem;
	border: .02rem solid #e6e6e6;
	margin-top: .2rem;
}
.jiqi{
	height: 2.42rem;
	overflow: hidden;
	margin-bottom: .34rem;
}
.jiqi span{
	display: block;
	float: left;
	width: 3.5rem;
	height: 100%;
	margin-right: .32rem;
}
.jiqi-p{
	flex: 1;
}
.jiqi-p h3{
	font-size: .3rem;
	color: #009de0;
	line-height: .4rem;
	padding-bottom: .12rem;
	margin-top: .05rem;
	position: relative;
	margin-bottom: .08rem;
}
.jiqi-p h3:after{
	content: "";
	display: block;
	width: .5rem;
	height: .04rem;
	background: #009de0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.jiqi-p p{
	font-size: .24rem;
	color: #666666;
	line-height: .46rem;
}
.jiqi:nth-child(2n) span{
	float: right;
	margin-right: 0;
	margin-left: .3rem;
}
.jiqi-p:last-child{
	margin-bottom: 0;
}
.bg{
	background: #fff;
	padding-top: .17rem;
	margin-bottom: .2rem;
	padding-bottom: .4rem;
}
.ji-bg{
	background: #fff;
	padding-top: .28rem;
	padding-bottom: .4rem;
	margin-bottom: .2rem;
}
.mao-swiper{
	width: 100%;
	height: 5rem;
	background: #fff;
}
.mao-swiper .swiper-button-next,
.mao-swiper .swiper-button-prev{
	filter:brightness(0);
	opacity: .5;
}
.mao-swiper .swiper-button-next{
	right: .25rem;
}
.mao-swiper .swiper-button-prev{
	left: .25rem;
}

.mao-in{
	width: 5.6rem;
	height: 4.1rem;
	margin: .38rem auto 0;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	padding-top: .11rem;
}
.mao-in span{
	display: block;
	width: 5.38rem;
	margin: 0 auto;
	height: 3.36rem;
	overflow: hidden;
}
.mao-in p{
	text-align: center;
	padding: 0 .12rem;
	font-size: .26rem;
	color: #666666;
	line-height: .62rem;
}
.about-top{
	width: 100%;
	height: 9.84rem;
	padding: .17rem .25rem 0;
	background: url(../images/about-bg.png) no-repeat bottom center;
	background-size:100% auto;
	margin-bottom: .2rem;
}

.about-1{
	position: relative;
	width: 100%;
	height: 3.94rem;
	overflow: hidden;
}
.about-1:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .24rem;
	background: rgba(255, 255, 255, 0.7);
	z-index: 99;
}
.about-2{
	padding: 0 .24rem;
	height: 4.6rem;
	background: #fff;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.about-2 h3{
	font-size: .3rem;
	color: #009de0;
	text-align: center;
	line-height: .5rem;
	margin-bottom: .12rem;
}
.about-2 p{
	font-size: .26rem;
	color: #666666;
	line-height: .46rem;
	-webkit-line-clamp: 8;
}
.about-wen{
	padding: .14rem .25rem .31rem;
	background: #fff;
	margin-bottom: .2rem;
}
.about-wenhua li{
	width: 3.4rem;
	height: 2.05rem;
	color: #fff;
	overflow: hidden;
	position: relative;
	margin-right: .2rem;
	margin-bottom: .2rem;
	float: left;
	background-size:100% 100% !important;
	background: url(../images/about_08.jpg) no-repeat center;
}
.about-wenhua li:nth-child(2n){
	margin-right: 0;
	background: url(../images/about_10.jpg) no-repeat center;
}
.about-wenhua li:last-child{
	margin-bottom: 0;
	background: url(../images/about_15.jpg) no-repeat center;
}
.about-wenhua li:nth-last-child(2){
	margin-bottom: 0;
	background: url(../images/about_14.jpg) no-repeat center;
}
.about-wenhua li>div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(11, 68, 121, 0.4);
	z-index: 1;
}
.about-wenhua li h3{
	z-index: 99;
	font-size: .28rem;
	line-height:.43rem;
}
.about-wenhua li h4{
	z-index: 99;
	font-size: .24rem;
	line-height:.56rem;
}
.about-wenhua li p{
	z-index: 99;
	font-size: .18rem;
	line-height:.3rem;
}
.about-wenhua li>span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(11, 68, 121, 0.4);
	z-index: 99;
	padding: .13rem .26rem 0;
}

.about-fa{
	height: 12.2rem;
	width: 100%;
	overflow: hidden;
	background: url(../images/about-bg_18.jpg) no-repeat center;
	background-size:100% 100%;
	padding-top: .37rem;
}
.about-fa .nei-title h2{
	color: #fff;
}
.about-fa .nei-title{
	background: url(../images/title-logo1.png) no-repeat center bottom;
	    background-size: auto .18rem;
}
.about-fa-in{
	height: 8.82rem;
	overflow: hidden;
}
.about-in{
	width: 7.6rem;
	height: 100%;
	overflow-x: hidden;
	overflow-Y: auto;
}



.about-in-main{
	width: 7rem;
	height: 2.26rem;
	position: relative;
	font-size: 0;
}
.about-in-2{
	width: .88rem;
	height: .88rem;
	overflow: hidden;
	border-radius: 100%;
	border: .04rem solid #fff;
	z-index: 99;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.about-in-main:nth-child(2n-1) .about-in-2{
	background: #0a729d url(../images/shezhi.png) no-repeat center;
	background-size: .4rem .4rem;
}
.about-in-main:nth-child(2n) .about-in-2{
	background: #d0d204 url(../images/dizhi.png) no-repeat center;
	background-size: .4rem .4rem;
}
.about-in-1,.about-in-3{
	display: inline-block;
	width: 50%;
	height: 100%;
}
.about-in-main:nth-child(odd) .about-in-3{
	float: right;	
	padding-left: .75rem;
	text-align: left;
}
.about-in-main:nth-child(even) .about-in-3{
	float: left;
	text-align: right;	
	padding-right: .75rem;
}
.about-in-1 span{
	display: block;
	max-width: 3.4rem;
	height: 100%;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
.about-in-1 span img{
	display: block;
	float: right;
	max-height: 1.73rem;
	max-width: 3.4rem;
	border:.03rem solid #fff;
}
.about-in-main:nth-child(2n-1) .about-in-1 span{
	float:right;
	margin-right: .9rem;
}
.about-in-main:nth-child(2n) .about-in-1 span{
	float: left;
	margin-left: .75rem;
}
.about-in-main:nth-child(even) .about-in-3 div{
	float: right;
}
.about-in-3 div{
	max-width: 3.4rem;
	height: auto;
	padding-top: .6rem;
}
.about-in-3 h2{
	font-size: .3rem;
	color: #fff;
	line-height: .46rem;
}
.about-in-3 p{
	height: .72rem;
	font-size: .16rem;
	color: #fff;
	line-height: .24rem;
}
.about-in-main:after{
	content: "";
	display: block;
	width: .04rem;
	height: 100%;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.about-in-main:before{
	    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: .15rem solid transparent;
    border-left: .16rem solid #fff;
    border-bottom: .15rem solid transparent;
    position: absolute;
	position: absolute;
	bottom: -.075rem;
	left: 50%;
	transform: translateX(-50%) rotateZ(90deg);
}
.about-in-main:last-child:before{
	opacity: 0;
}

.about-fa-bot{
	height: .74rem;
	overflow: hidden;
	text-align: center;
	margin-top: .4rem;
	position: relative;
	padding-right: .18rem;
}
.about-fa-bot p{
	font-size: .18rem;
	line-height: .4rem;
	color: #fff;
}
.about-fa-bot:before{
	display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: .2rem solid transparent;
    border-left: .21rem solid #fff;
    border-bottom: .2rem solid transparent;
    position: absolute;
	position: absolute;
	bottom: 0px;
	left: 49.5%;
	transform: translateX(-50%) rotateZ(90deg);
}
.about-fa-bot:after{
	display: block;
	content: "";
	height: .02rem;
	width: .4rem;
	background: #fff;
	position: absolute;
	bottom: 0px;
	left: 49.5%;
	transform: translateX(-50%);
}
.about-ren{
	padding-top: .35rem;
	background: #fff;
	height: 5.9rem;
}	 
.swiper-about{
	height: 3.76rem;
	width: 100%;
}
.swiper-about .swiper-button-next,
.swiper-about .swiper-button-prev{
	width: .27rem;
	height: .49rem;
	background-size:.27rem .49rem !important;
	filter: contrast(0%);
}
.swiper-about .swiper-button-next{right: .6rem;}
.swiper-about .swiper-button-prev{left: .6rem;}
.swiper-about-in{
	width: 4.72rem;
	height: 100%;
	margin: 0 auto;
	border: .02rem solid #e6e6e6;
}
.swiper-about-in span{
	display: block;
	width: 100%;
	height: 3.08rem;
	overflow: hidden;
}
.swiper-about-in p{
	display: block;
	width: 100%;
	height: .68rem;
	background: #e6e6e6;
	text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 .2rem;
    color: #4c4c4c;
    font-size: .28rem;
}

.about-team{
	padding-top: .35rem;
	margin-top: .2rem;
	background: #fff;
	height: 6.98rem;
}

.about-container{
	height: 4.7rem;
	width: 100%;
}
.about-container .swiper-pagination{
	bottom: 0 !important;
}
.about-bot{
	width: 7rem;
	margin: 0 auto;
	height: 4.25rem;
	overflow: hidden;
	position: relative;
}
.about-bot span{
	display: block;
	width: 100%;
	height: 100%;
}
.about-bot p{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: .7rem;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: .28rem;
	text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 .2rem;
}
.about-container .swiper-pagination-bullet-active {
	opacity: 1;
	background: #009de0 !important;
}

/*首页*/
.index-banner{
	max-height: 4.5rem;
	width: 100%;
}

.index-banner .swiper-pagination-bullet {
	height: .12rem;
	width: .24rem;	
	display: inline-block;
	border-radius: .06rem;
	background: #ffff;
	opacity: 1;
}
.index-banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #5ba9f1 !important;
	width: .36rem;
}
.index-banner .swiper-pagination{
	position: absolute;
	bottom: .15rem !important;
}

.index-title{
	height: .91rem;
	text-align: center;
	overflow: hidden;
	padding: 0 .25rem;
	position: relative;
	background: #fff;
}
.index-title h3{
	font-size: .38rem;
	color: #302c2b;
	font-weight: bold;
	line-height: .6rem;
}
.index-title h3 span{
	color: #009de0;
}
.index-title p{
	font-size: .2rem;
	color: #4c4c4c;
	line-height: .31rem;
}
.index-title h4{
	text-transform: uppercase;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.1rem;
	line-height: 0rem;
	font-weight: bold;
	padding: .45rem;
	color: rgba(0, 0, 0, 0.04);
}
.index-cp{
	width: 100%;
	height: 6.23rem;
	overflow: hidden;
}
.index-more{
	height: 1.15rem;
	width: 100%;
}
.index-more a{
	display: block;
	width: 1.6rem;
	height: .48rem;
	background: #009de0;
	border-radius: .24rem;
	color: #fff;
	font-size: .24rem;
	text-transform: uppercase;
	line-height: .48rem;
}
.index-hexin{
	background: #fff;
	width: 100%;
	padding-top: .27rem;
	height: auto;
}
.index-hexin-nav{
	font-size: 0;
	text-align: center;
	height: 1.91rem;
	overflow: hidden;
}
.index-hexin-nav a{
	display: inline-block;
	width: 25%;
}
.index-hexin-nav a span{
	width: 1.26rem;
	height: 1.26rem;
	overflow: hidden;
	border-radius: 100%;
	background: #302c2b;
	margin: 0 auto;
}
.index-hexin-nav a span img{
	width: 60%;
}
.index-hexin-nav a:first-child span img{
	width: 50%;
}
.index-hexin-nav a p{
	font-size: .24rem;
	line-height: .5rem;
	color: #302c2b;
}
.index-hexin-nav a.active p{
	color: #0a729d;
}
.index-hexin-nav a.active span{
	background: #009de0;
}
.hexin-main{
	width: 100%;
	height: 6.26rem;
	overflow: hidden;
}
.hexin{
	width: 7rem;
	margin: 0 auto;
	height: 6.26rem;
	overflow: hidden;
}
.hexin>span{
	display: block;
	width: 100%;
	height: 4.17rem;
	overflow: hidden;
	border-radius: .35rem;
}
.hexin-bot{
	width: 100%;
	height: 2.1rem;
}
.hexin-left{
	display: block;
	width: .82rem;
	height: 1.5rem;
	border: .02rem solid #009de0;
	float: left;
	margin-top: .21rem;
	margin-right: .2rem;
	text-align: center;
	padding: .17rem .08rem 0;
	color: #009de0;
}
.hexin-left h2{
	font-size: .3214rem;
	line-height: .65rem;
	position: relative;
}
.hexin-left p{
	font-size: .2rem;
	line-height: .25rem;
}
.hexin-left h2:before{
	content: "";
	display: block;
	width: .15rem;
	height: .02rem;
	background: #009de0;
	position: absolute;
	top: .08rem;
	right: 0rem;
	transform: rotateZ(-45deg);
}
.hexin-left h2:after{
	content: "";
	display: block;
	width: .25rem;
	height: .02rem;
	background: #009de0;
	position: absolute;
	bottom: .05rem;
	left: -.1rem;
	transform: rotateZ(-45deg);
}
.hexin-r{
	flex: 1;
}
.hexin-r h3{
	font-size: .3rem;
	color: #009de0;
	font-weight: bold;
	line-height: .43rem;
	padding-top: .14rem;
}
.hexin-r p{
	font-size: .26rem;
	color: #4c4c4c;
	line-height: .4rem;
}
.index-he{
	width: 100%;
	margin-top: .2rem;
	height: 5.42rem;
	padding-top: .28rem;
	background: #fff;
	
}
.index-he-li{
	width:100%;
	text-align: center;
	font-size: 0;
}
.index-he-li span{
	display:inline-block;
	width: 2.85rem;
	height: 1.2rem;
	border:.02rem solid #cccccc;
	overflow: hidden;
	margin: 0 .15rem .18rem;
}
.index-he-li span img{
	max-height: 100%;
	max-width: 100%;
}
.more{
	display: block;
	width: 1.6rem;
	height: .48rem;
	background: #009de0;
	border-radius: .24rem;
	color: #fff;
	font-size: .24rem;
	text-transform: uppercase;
	line-height: .48rem;
	text-align: center;
	margin: .22rem auto 0;
}
.index-news{
	width: 100%;
	padding-top: .27rem;
	background: #fff;
	padding-bottom: .50rem;
	margin: .2rem 0;
}
.index-news-nav{
	width: 7rem;
	margin: 0 auto;
	height: .9rem;
	border-top: .02rem solid #e6e6e6;
	border-bottom: .02rem solid #e6e6e6;
	margin-bottom: .39rem;
}
.index-news-nav li{
	width: 33.3%;
	float: left;
	height: .86rem;
}
.index-news-nav li:last-child{
	text-align: right;
}
.index-news-nav li:nth-child(2){
	text-align: center;
}
.index-news-nav li a{
	line-height: .86rem;
	font-size: .3rem;
	color: #4c4c4c;
	position: relative;
	display: inline-block;
	width: auto;
	height: .86rem;
}
.index-news-nav li a.active:after{
	content: "";
	display: block;
	width: 100%;
	height: .04rem;
	background: #009de0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.index-news-main,.news{
	height: 8.67rem;
	overflow: hidden;
	width: 100%;
}
.news-swiper{
	height: 7.8rem;
	width: 100%;
}
.news-in{
	width: 7rem;
	height: 7.17rem;
	margin: .01rem auto 0;
	box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
}
.news-swiper .swiper-pagination{
	bottom: 0 !important;
}
.news-swiper .swiper-pagination-bullet {
	border-radius: 100%;
	background: #999;
	opacity: 1;
}
.news-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: #333;
}
.news-in>span{
	display: block;
	width: 100%;
	height: 5.08rem;
	overflow: hidden;
	position: relative;
}
.news-in>span p{
	display: block;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	height: .6rem;
	width: 100%;
	color: #fff;
	font-size: .29rem;
	text-align: center;
	line-height: .6rem;
	padding: 0 .2rem;
}
.news-in-2{
	padding: .16rem .32rem 0;
}
.news-in-2 p{
	font-size: .26rem;
	line-height: .39rem;
	color: #808080;
	margin-bottom: .35rem;
}
.news-in-2 a{
	display: inline-block;
	float: left;
	font-size: .24rem;
	line-height: .4rem;
	color: #828282;
}
.news-in-2 a span{
	font-family: "宋体";
}
.news-in-2 em{
	display: inline-block;
	float: right;
	font-size: .24rem;
	line-height: .4rem;
	color: #838383;
}
.news-more{
	display: block;
	width: 1.6rem;
	height: .48rem;
	margin: .3rem auto 0;
	border: .02rem solid #a6a6a6;
	border-radius: .24rem;
	text-align: center;
	line-height: .48rem;
	color: #808080;
	font-size: .24rem;
}
.index-about{
	width: 100%;
	padding: .27rem .25rem .36rem;
	background: #fff;
}
.index-foot{
	padding-top: .2rem;
}
.index-foot p{
	text-indent: 2em;
	font-size: .26rem;
	line-height: .46rem;
	color: #808080;
}
.index-foot p a{
	color: #009de0;
}


.jishu{
	height: .7rem;
}
.jishu p{
	font-size: .2rem;
	color: #999999;
}