@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
html,body {
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 0.18rem;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #707f8c;
}
input{
	border: 0;
	outline: none;
}
.clear{
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}
.wap-header{
	height: 0.87rem;
}
.wap-logo{
	float: left;
	margin: 0.15rem 0 0 0.32rem;
	width: 2.21rem;
	height: 0.57rem;
}
.idx-banner{
	margin-bottom: 0.35rem;
	font-size: 0;
}
.banner{
	font-size: 0;
}
.idx-banner img,.banner img{
	width: 100%;
}
.column-title{
	font-size: 0.36rem;
	text-align: center;
	position: relative;
	margin-bottom: 0.5rem;
}
.column-title:after{
	content: '';
	display: block;
	width: 1.06rem;
	height: 0.08rem;
	background-size: 1.06rem 0.08rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/ico1.png");
	position: absolute;
	left: 50%;
	margin-left: -0.53rem;
}
.column-title2{
	color: #fff;
	padding: 0.38rem 0 1.2rem 0;
}
.column-title2:after{
	background-image: url("../img/ico2.png");
}
.service-item{
	width: 4.58rem;
	height: 2.87rem;
	position: relative;
}
.service-item img{
	width: 4.58rem;
	height: 2.87rem;
}
.service-item b{
	font-size: 0.18rem;
	display: block;
	width: 4.58rem;
	height: 0.55rem;
	line-height: 0.55rem;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	color: #fff;
}
.swiper-service{
	margin-bottom: 0.35rem;
}
.swiper-service .swiper-slide{
	width: 4.58rem !important;
	height: 2.87rem !important;
	margin-right: 0.16rem !important;
}
.more a{
	width: 1.21rem;
	height: 0.34rem;
	line-height: 0.34rem;
	display: block;
	text-align: center;
	background: #008cd6;
	margin: 0 auto;
	border-radius: 0.05rem;
	color: #fff;
	font-size: 0.14rem;
}
.product{
	width: 7.5rem;
	height: 4.8rem;
	background-size: 7.5rem 4.8rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/bg-idx-product.jpg");
	margin-top: 0.55rem;
}
.product-content h4{
	font-size: 0.18rem;
	text-align: center;
}
.product-title{
	float: left;
	width: 1.1rem;
	height: 1.64rem;
	line-height: 120%;
	font-size: 0.14rem;
	color: #fff;
	text-align: center;
	position: relative;
}
.product-title:before{
	content: '';
	display: block;
	width: 0.58rem;
	height: 0.01rem;
	background: #fff;
	position: absolute;
	left: 0.28rem;
	top: 1.43rem;
}
.product-title span{
	display: block;
	width: 0.68rem;
	height: 0.68rem;
}
.product-title img{
	width: 0.68rem;
	height: 0.68rem;
	margin: 0.2rem 0 0.3rem 0;
}
.product-title b{
	font-size: 0.14rem;
	font-weight: normal;
	color: #fff;
}
.product-title a{
	color: #fff;
}
.product-item{
	width: 2.54rem;
	height: 1.64rem;
}
.product1{
	background: #008cd6;
}
.product2{
	background: #78b232;
}
.product3{
	background: #017cdb;
}
.product4{
	background: #78b232;
}
.product-container{
	width: 7.5rem;
	margin: 0 auto;
}
.swiper-product .swiper-slide{
	width: 2.54rem !important;
	height: 1.64rem !important;
	margin-right: 0.25rem !important;
}
.product-content{
	float: left;
	width: 1.4rem;
	font-size: 0.2rem;
	color: #fff;
	padding: 0.5rem 0 0 0;
	position: relative;
}
.product-content:before{
	content: '';
	display: block;
	width: 0.41rem;
	height: 0.02rem;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -0.2rem;
	top: 0.8rem;
}
.news-container{
	padding-bottom: 0.4rem;
}
.news{
	padding: 0.42rem 0 0 0;
}
.news-first{
	width: 7rem;
	margin: 0 auto;
}
.news-first span{
	display: block;
	width: 7rem;
	height: 3.9rem;
	margin: 0 auto;
}
.news-first span img{
	width: 7rem;
}
.news-first h4{
	font-size: 0.2rem;
	padding: 0.28rem 0;
}
.news-first h4 a{
	color: #000;
}
.news-first p{
	color: #707070;
	font-size: 0.18rem;
	line-height: 200%;
	padding-bottom: 0.5rem;
}
.news-item{
	margin-bottom: 0.25rem;
}
.news-item span{
	display: block;
	float: left;
	width: 1.64rem;
	margin-top: 0.05rem;
}
.news-item span img{
	width: 1.64rem;
}
.news-list{
	width: 7rem;
	margin: 0 auto;
}
.news-list h4{
	font-size: 0.18rem;
	padding: 0 0 0.1rem 0;
}
.news-list h4 a{
	color: #000;
}
.news-list p{
	color: #707070;
	font-size: 0.16rem;
	line-height: 200%;
}
.news-txt{
	float: right;
	width: 5rem;
}
.cooperative{
	background-color: #f4f4f4;
	background-size: 6rem 3.1rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/bg-map.png");
	text-align: center;
	padding: 0.25rem 0 0 0;
}
.cooperative-item{
	display: inline;
	float: left;
	width: 1.46rem;
	height: 0.54rem;
	margin: 0 0 0.25rem 0.32rem;
	overflow: hidden;
	padding: 0 !important;
	font-size: 0;
}
.cooperative-item img{
	width: 1.46rem;
	height: 0.54rem;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
}

.wap-footer-nav{
	text-align: center;
}
.wap-footer-nav li{
	display: inline-grid;
	margin: 0.25rem;
	font-size: 0.18rem !important;
}
.wap-footer-nav li a{
	color: #fff;
}
.wap-footer-contaier{
	background: #303135;
}
.wap-copyright{
	border-top: 0.01rem solid #5c5c5c;
	padding: 0.2rem 0 0.3rem 0;
	line-height: 200%;
	text-align: center;
	color: #8a8a88;
	font-size: 0.14rem;
}
.menu,.menu2{
	position: absolute;
	right: 0.23rem;
	top: 0.23rem;
}
.menu img{
	width: 0.45rem;
	height: 0.43rem;
}
.menu2 img{
	width: 0.58rem;
	height: 0.58rem;
}
.language{
	position: absolute;
	left: 3.06rem;
	top: 0.34rem;
}
.language:before{
	content: '';
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	background-size: 0.26rem 0.26rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/diqiu.png");
	position: absolute;
	left: -.40rem;
	top: 0.0rem;
}
.language:after{
	content: '';
	display: block;
	width: 0.14rem;
	height: 0.08rem;
	background-size: 0.14rem 0.08rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/arrow2.png");
	position: absolute;
	right: -0.3rem;
	top: 0.10rem;
}
.page{
	background: #f6f6f6;
	padding: 0.22rem 0;
}
.page-title{
	padding: 0.32rem 0;
	font-size: 0.3rem;
	border-bottom: 0.01rem solid #ececec;
}
.main{
	width: 6.42rem;
	min-height: 10.42rem;
	margin: 0 auto;
	background: #fff;
	padding: 0 0.32rem 0.32rem 0.32rem;
}
.main-container{
	min-height: 6.42rem;
}
.content{
	padding: 0.25rem 0;
	line-height: 200%;
}
.content img{
	max-width: 100%;
}
.content p{
	padding: 0.05rem 0;
}
.chairman-honor p{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.24rem;
	color: #7f7e7c;
	background: url("../img/ico3.png") no-repeat left center;
	padding: 0 0 0 0.28rem;
}
.course h4{
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 0.32rem;
	position: relative;
}
.course h4:after{
	content: '';
	display: block;
	width: 0.10rem;
	height: 0.23rem;
	position: absolute;
	left: 0;
	top: 0.24rem;
	background: #017cdb;
}
.course p{
	line-height: 180%;
	color: #7f7e7c;
	font-size: 0.2rem;
	padding: 0 0 0 0.32rem;
}
.honor h4{
	position: relative;
	font-size: 0.24rem;
	color: #017cdb;
	padding-left: 0.6rem;
	margin-top: 0.5rem;
}
.honor h4:after{
	content: '';
	display: block;
	width: 0.40rem;
	height: 0.40rem;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 0.40rem 0.40rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/ico-about.png");
}
.honor p{
	padding: 0.1rem 0 0.1rem 0.6rem;
	line-height: 200%;
}
.social-tips{
	width: 5.75rem;
	margin: 0 auto;
	background: #8accfa;
	padding: 0.3rem;
	line-height: 200%;
	color: #017cdb;
	font-size: 0.2rem;
	position: relative;
}
.social-tips:after{
	content: '';
	display: block;
	width: 0.53rem;
	height: 0.53rem;
	position: absolute;
	right: 0;
	bottom: 0;
	background-size: 0.53rem 0.53rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/arrow1.jpg");
}
.social-container{
	width: 6.34rem;
	margin: 0 auto;
}
.social-container img{
	width: 6.34rem;
}
.social-img{
	margin-bottom: 0.4rem;
}
.social-title{
	height: 1.12rem;
	line-height: 1.12rem;
	font-size: 0.24rem;
}
.social-title i{
	font-style: normal;
	color: #017cdb;
}
.img-item{
	width: 6.32rem;
	margin: 0.3rem auto;
}
.img-item img{
	width: 6.32rem;
}
.img-item h4{
	text-align: center;
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.24rem;
	font-weight: normal;
}
.sort-container{
	width: 6.36rem;
	margin: 0 auto;
	padding: 0.2rem 0 0 0;
}
.subtitle{
	height: 0.48rem;
	line-height: 0.48rem;
	background-color:rgba(60,170,247,0.3);
	color: #3caaf7;
	padding: 0 0 0 0.24rem;
	font-size: 0.24rem;
}
.product-sort{
	padding: 0.15rem 0;
}
.product-sort li{
	display: inline-grid;
	width: 48%;
	height: 36px;
	line-height: 36px;
}
.product-table {
  border-collapse: collapse;
	width: 100%;
	margin: 0.12rem 0 0.24rem 0;
}
table, th, td {
  border: 1px solid #e8ebee;
}

.product-table td{
	background: #fff;
	padding: 0.1rem;
}
.font1{
	color: #3caaf7;
}
.product-list{
	width: 6.34rem;
	margin: 0.28rem auto;
	border: 0.01rem solid #e8ebee;
	text-align: center;
}
.product-list img{
	width: 6.14rem;
}
.product-txt{
	background: #e8ebee;
	color: #909292;
	padding: 0.08rem 0.1rem;
}
.product-txt h4,.product-txt h5,.product-txt h3,.product-txt h6{
	font-weight: normal;
}
.product-txt h4 a{
	color: #8a8a88;
}
.product-txt h3 a{
	color: #3caaf7;
}
.product-txt h4{
	padding: 0.08rem 0;
}
.product-text-1{
	width: 1.4rem;
	float: left;
}
.product-text-2{
	width: 4.9rem;
	float: left;
	margin-bottom: 0.25rem;
	word-wrap:break-word;
}
.product-text-item{
	color: #737270;
	font-size: 0.2rem;
}
.text1{
	color: #333;
	font-size: 0.24rem;
}
.product-text2 td{
	padding: 0.1rem 0.05rem;
}
.product-text2 .font1{
	font-weight: bold;
}
.tab{
	margin: 0.40rem 0;
}
.tab li{
	display: inline-grid;
	width: 1.2rem;
	height: 0.48rem;
	line-height: 0.48rem;
	cursor: pointer;
	text-align: center;
	background: #f9f9f9;
	margin-right: 0.05rem;
}
.tab li.hover{
	background: #3caaf7;
	color: #fff;
}
.news-box{
	width: 6.34rem;
	margin: 0.3rem auto;
}
.news-box span{
	display: block;
	width: 6.34rem;
	margin: 0 auto;
}
.news-box span img{
	width: 6.34rem;
}
.news-box h4{
	font-size: 0.2rem;
	padding: 0.28rem 0 0.1rem 0;
}
.news-box h4 a{
	color: #000;
}
.news-box p{
	color: #707070;
	font-size: 0.18rem;
	line-height: 200%;
	padding-bottom: 0.5rem;
}
.news-box p a{
	color: #017cdb;
}
.news-box h5{
	color: #017cdb;
	font-weight: normal;
}
.news-author{
	text-align: center;
	padding: 0.28rem 0 0.15rem 0;
	color: #737270;
}
.publish,.author{
	display: inline-grid;
	margin: 0 0.1rem;
	position: relative;
	padding-left: 0.25rem;
}
.publish:after{
	content: '';
	display: block;
	width: 0.22rem;
	height: 0.22rem;
	background-size: 0.22rem 0.22rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/ico-time.png");
	position: absolute;
	left: 0;
	top: 0.04rem;
}
.author:after{
	content: '';
	display: block;
	width: 0.19rem;
	height: 0.19rem;
	background-size: 0.19rem 0.19rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/ico-publish.png");
	position: absolute;
	left: 0;
	top: 0.04rem;
}
.describe{
	width: 5.56rem;
	margin: 0 auto;
	background: #f4f4f4;
	padding: 0.15rem 0.4rem;
	line-height: 180%;
	color: #737270;
}
.pre-next{
	margin: 0 0 0 0;
	padding: 0.30rem 0 0.35rem 0;
	border-top: 0.01rem solid #ececec;
}
.pre-next li{
	line-height: 160%;
	font-size: 0.18rem;
	color: #737270;
	margin-bottom:0.1rem;
}
.pre-next li a{
	color: #737270;
}
.contact-box ul{
	padding-bottom: 0.30rem;
	display: block;
}
.contact-box li{
	position: relative;
	height: 0.48rem;
	line-height: 0.48rem;
	padding-left: 0.40rem;
	font-size: 0.16rem;
}
.contact-box h4{
	font-size: 0.24rem;
	height: 0.48rem;
	line-height: 0.48rem;
	margin: 0.30rem 0 0 0;
}
.contact-box li:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.10rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.contact-li1:after{
	background-image: url(../img/contact-ico1.png);
	width: 0.25rem;
	height: 0.25rem;
	background-size: 0.25rem 0.25rem;
}
.contact-li2:after{
	background-image: url(../img/contact-ico2.png);
	width: 0.24rem;
	height: 0.18rem;
	background-size: 0.24rem 0.18rem;
}
.contact-li3:after{
	background-image: url(../img/contact-ico3.png);
	width: 0.27rem;
	height: 0.24rem;
	background-size: 0.27rem 0.24rem;
}
.contact-li4:after{
	background-image: url(../img/contact-ico4.png);
	width: 0.21rem;
	height: 0.20rem;
	background-size: 0.21rem 0.20rem;
}
.contact-li5:after{
	background-image: url(../img/contact-ico5.png);
	width: 0.28rem;
	height: 0.26rem;
	background-size: 0.28rem 0.26rem;
}
.contact-li6:after{
	background-image: url(../img/contact-ico6.png);
	width: 0.25rem;
	height: 0.25rem;
	background-size: 0.25rem 0.25rem;
}
.contact-li7:after{
	background-image: url(../img/contact-ico7.png);
	width: 0.29rem;
	height: 0.31rem;
	background-size: 0.29rem 0.31rem;
}
.contact-banner img{
	width: 100%;
}
.job-class{
	padding: 0.25rem 0;
	text-align: center;
}
.job-class li{
	display: inline-grid;
	width: 1.24rem;
	height: 0.48rem;
}
.job-class li a{
	display: block;
	width: 1.24rem;
	height: 0.48rem;
	line-height: 0.48rem;
	border-radius: 0.10rem;
	background: #eee;
	text-align: center;
}
.active1 a{
	background: #017cdb !important;
	color: #fff;
}
.job-item{
	width: 6.3rem;
	margin: 0 auto 0.2rem auto;
	border-bottom: 0.01rem solid #e8ebee;
	position: relative;
	padding: 0 0 0.2rem 0;
}
.job-item h4{
	font-size: 0.24rem;
	color: #000;
}
.job-item h5{
	font-weight: normal;
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.14rem;
	color: #b4b4b4;
	position: relative;
	padding-left: 0.24rem;
	margin: 0.1rem 0;
}
.job-item h5:after{
	content: '';
	display: block;
	width: 0.18rem;
	height: 0.18rem;
	background-image: url(../img/job-ico3.png);
	background-size: 0.18rem 0.18rem;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0.15rem;
}
.job-item h6{
	height: 0.24rem;
	line-height: 0.24rem;
	font-size: 0.16rem;
	color: #797979;
	font-weight: normal;
	position: relative;
	padding-left: 0.24rem;
}
.job-item h6:after{
	content: '';
	display: block;
	width: 0.14rem;
	height: 0.20rem;
	background-image: url(../img/job-ico4.png);
	background-size: 0.14rem 0.20rem;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0.03rem;
}
.job-button{
	text-align: center;
	width: 1.15rem;
	position: absolute;
	right: 0;
	top: 0;
}
.job-button a{
	padding: 0.08rem 0;
	border-bottom: 0.01rem solid #017cdb;
	color: #017cdb;
	font-size: 0.16rem;
}
.job-time{
	font-size: 0.14rem;
	color: #b4b4b4;
	height: 0.3rem;
	line-height: 0.3rem;
	position: relative;
	padding-left: 0.24rem;
	margin: 0.1rem 0 0.05rem 0;
}
.job-time:after{
	content: '';
	display: block;
	width: 0.18rem;
	height: 0.18rem;
	background-image: url("../img/ico-time2.png");
	background-size: 0.18rem 0.18rem;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0.06rem;
}
.job-adr{
	font-size: 0.14rem;
	color: #797979;
	height: 0.3rem;
	line-height: 0.3rem;
	position: relative;
	padding-left: 0.24rem;
	margin-bottom: 0.15rem;
}
.job-adr:after{
	content: '';
	display: block;
	width: 0.14rem;
	height: 0.20rem;
	background-image: url("../img/ico-mask.png");
	background-size: 0.14rem 0.20rem;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0.03rem;
	top: 0.06rem;
}
.job-content{
	line-height: 200%;
	border-top: 0.01rem solid #ececec;
	padding: 0.3rem 0 0 0;
}
.job-content h4{
	font-size: 0.24rem;
}
.job-content p{
	padding: 0.1rem 0;
}

.guestbook h4{
	font-size: 0.40rem;
	color: #3caaf7;
	font-weight: normal;
	padding: 0.15rem 0;
}
.guestbook h4 i{
	font-size: 0.24rem;
	font-style: normal;
}
.guestbook p{
	font-size: 0.16rem;
	line-height: 180%;
	padding: 0 0 0.40rem 0;
	
}
.guestbook h5{
	font-size: 0.16rem;
	font-weight: normal;
}
.guestbook h5 em{
	font-style: normal;
	color: #26ae61;
}
.guestbook h6{
	font-size: 0.14rem;
	color: #a6a6a6;
	font-weight: normal;
	padding: 0 0 0.30rem 0;
}
.contact-left{
	padding: 0 0 0.1rem 0;
}
.contact-right{
	padding: 0 0 0.1rem 0;
}
.contact-left input{
	background: #f2f3f5;
	height: 0.36rem;
	border: none;
	padding: 0 0.10rem;
	border-radius: 0.05rem;
	font-size: 0.16rem;
	color: #a6a6a6;
}

.contact-item{
	padding: 0.05rem 0;
}
.contact-item i{
	font-style: normal;
	color: #26ae61;
}
.contact-item em{
	font-style: normal;
	color: #a6a6a6;
	font-size: 0.14rem;
}
.contact-item textarea{
	width: 5.9rem;
	height: 1.8rem;
	background: #f2f3f5;
	border: none;
	margin: 0.20rem 0;
	padding: 0.20rem;
	color: #a6a6a6;
	font-size: 0.16rem;
}
.contact-right select{
	width: 2.05rem;
    height: 0.36rem;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow-bottom.png) no-repeat right center #f2f3f5;
    font-size: 0.16rem;
    color: #a6a6a6;
	border-radius: 0.05rem;
	padding-left: 0.10rem;
}
.button-contact{
	width: 1.28rem;
	height: 0.38rem;
	border: none;
	color: #fff;
	background: #3caaf7;
	border-radius: 0.05rem;
	font-size: 0.18rem;
	margin: 0 0 0.20rem 0;
}
@media screen and (max-width: 400px){
	.footer-nav li {
		display: inline-grid;
		margin: 0.15rem;
	}
}
@media screen and (max-width: 320px){
	.footer-nav li {
		display: inline-grid;
		margin: 0.1rem;
	}
}