html{
	font-size:62.5%;
}
input{
	outline:0px;
	-webkit-appearance:none;
	border-radius: 0;
}
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	background:#fff;
	box-sizing:border-box;
	padding:16px 10px;
	display:flex;
	justify-content:space-between;
}
.header h2 img{
	width:101px;
	height:24px;
}
.topic{
}
.topic span{
	display:inline-block;
	vertical-align:middle;
}
.topic span.menu_ico{
	width:30px;
	height:30px;
	background:url(../img/icon_menu.png) no-repeat;
	background-size:30px 30px;
}
.topic span.close_ico{
	background:url(../img/icon_close.png) no-repeat;
	background-size:30px 30px;
}
.topic img{
	width:30px;
	height:30px;
}
/*navti*/
#navti{
	position:fixed;
	top:55px;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.18);
	display:none;
}
.navti_show{
	display:block;
}
#navti ul{
	background:#fff;
	text-align:center;
	
}
#navti ul li{
	box-sizing:border-box;
	padding:0 4rem;
}
#navti ul li a{
	display:block;
	border-bottom:1px solid #cccccc;
	padding:1.4rem 0;
	color:#000000;
	font-size:1.2rem;
}
#navti ul li a:hover{
	color:#00ABC1;
}
.banner{
	margin-top:4.9rem;
	width:100%;
	background-size:cover;
}
.banner img{
	width:100%;
}
/*serve*/
#serve{
	width:100%;
	padding-bottom:2rem;
}
#serve h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
.serve_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.serve_list li{
	flex:0 0 50%;
	text-align:center;
	margin-top:2.5rem;
}
.serve_list li img{
	width:8rem;
	height:8rem;
	margin-bottom:1rem;
}
.serve_list li h3{
	color:#000;
	font-size:1.4rem;
	line-height:2rem;
	margin-bottom:0.5rem;
}
.serve_list li .text{
	color:#666666;
	font-size:1.2rem;
	line-height:1.5rem;
	padding:0 1rem;
	
}
/*advantage*/
#advantage{
	width:100%;
	box-sizing:border-box;
	padding:0 1rem;
	background:#F5F5F5;
	padding-bottom:2rem;
}
#advantage h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
.advantage_wrap{
	
}
.advantage_wrap li{
	display:flex;
	margin-top:2rem;
}
.advantage_wrap li .title_ico{
	width:5rem;
	height:5rem;
	flex:0 0 5rem;
	line-height:5rem;
	border-radius:50%;
	background:#00ABC1;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
}
.advantage_wrap li .advantage_detail{
	flex:1;
	padding:0 0 0 2rem;
}
.advantage_wrap li .advantage_detail h3{
	font-size:1.4rem;
	color:#000;
	padding-bottom:1rem;
}
.advantage_wrap li .advantage_detail p{
	font-size:1.2rem;
	color:#666666;
	line-height:1.5rem;
}
/*case*/
#case{
	width:100%;
	text-align:center;
	padding-bottom:2rem;
}
#case h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
.case_list{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.case_list li{
	flex:0 0 49%;
	position:relative;
	margin-top:0.5rem;
}
.case_list li img{
	width:100%;
	height:185px;
}
.case_list li .case_title{
	width:100%;
	height:3rem;
	line-height:3rem;
	background:#00ABC1;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
}
.more_case{
	display:inline-block;
	
	padding:0 1.1rem;
	height:2.4rem;
	line-height:2.4rem;
	color:#fff;
	border-radius:0.5rem;
	margin:0 auto;
	background:#FFA200;
	text-align:center;
	font-size:1.2rem;
	margin-top:2rem;
}
/*aboutus*/
#aboutus{
	width:100%;
	background:#F5F5F5;
	box-sizing:border-box;
	padding:0 3rem;
	padding-bottom:2rem;
}
#aboutus h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
#aboutus h3{
	color:#000000;
	font-size:1.2rem;
	padding:1rem 0;
}
#aboutus p{
	font-size:1.4rem;
	color:#666666;
	line-height:2rem;
}
#aboutus p.frist{
	margin-top:1rem;
}
#aboutus img{
	width:100%;
	margin-top:1rem;
}
/*industry*/
#industry{
	width:100%;
	padding-bottom:2rem;
}
#industry h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
.industry_wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	
}
.industry_wrap li{
	flex:0 0 25%;
	text-align:center;
	margin-top:2rem;
}
.industry_wrap li img{
	display:block;
	width:5rem;
	height:5rem;
	margin:0 auto;
}
.industry_wrap li p{
	margin-top:1.1rem;
	color:#000;
	font-size:1.2rem;
}
/*cooperation*/
#cooperation{
	width:100%;
	background:#F5F5F5;
	padding-bottom:8rem;
}
#cooperation h2{
	width:100%;
	text-align:center;
	color:#000;
	font-size:1.8rem;
	font-weight:bold;
	padding-top:3rem;
}
.cooperation_wrap{
	width:100%;
	box-sizing:border-box;
	padding:0 4rem;
	margin-top:40px;
}
.cooperation_wrap li{
	position:relative;
}

.cooperation_wrap li .he_ico img{
	width:6rem;
	height:6rem;
}
.cooperation_wrap li .he_text{
	
	text-align:center;
	font-size:1.6rem;
	padding:1rem 0;
}
.cooperation_wrap li.section_1 .he_ico{
	position:absolute;
	top:-20px;
}
.cooperation_wrap li.section_1 .he_text{
	position:absolute;
	top:40px;
}
.cooperation_wrap li.section_2 .he_ico{
	position:absolute;
	top:-20px;
	right:0px;
}
.cooperation_wrap li.section_2 .he_text{
	position:absolute;
	top:40px;
	right:0px;
}
.cooperation_wrap li.section_3 .he_ico{
	position:absolute;
	top:-20px;
}
.cooperation_wrap li.section_3 .he_text{
	position:absolute;
	top:40px;
}
.cooperation_wrap li.section_4 .he_ico{
	position:absolute;
	top:-20px;
	right:0px;
}
.cooperation_wrap li.section_4 .he_text{
	position:absolute;
	top:40px;
	right:0px;
}
.cooperation_wrap li.section_5 .he_ico{
	position:absolute;
	top:-20px;
}
.cooperation_wrap li.section_5 .he_text{
	position:absolute;
	top:40px;
}
.cooperation_wrap li.section_6 .he_ico{
	position:absolute;
	top:-20px;
	right:0px;
}
.cooperation_wrap li.section_6 .he_text{
	position:absolute;
	top:40px;
	right:0px;
}
.cooperation_wrap li .line_wrap{
	width:100%;
	box-sizing:border-box;
	padding:0 55px;
}
.cooperation_wrap li .line_wrap img{
	width:100%;
	height:100px;
}

/*Contact*/
#Contact{
	width:100%;
	background-image: -webkit-linear-gradient(top, #46CFE1 0%, #1FBCD0 50%, #00ABC1 100%);
	background-image: -o-linear-gradient(top, #46CFE1 0%, #1FBCD0 50%, #00ABC1 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#5abbff', EndColorStr='#5b87ca'); 
	background-image: linear-gradient(top, #46CFE1 0%, #1FBCD0 50%, #00ABC1 100%);
	padding-bottom:2rem;
}
#Contact h2{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	padding-top:2.5rem;
	padding-bottom:1.5rem;
}
#Contact p{
	color:#fff;
	font-size:1.2rem;
	line-height:1.6rem;
	text-align:center;
}
/*留言*/
.messages{
	position:fixed;
	bottom:0;
	left:0;
	
}
.tell{
	position:fixed;
	right:0;
	top:20rem;
	background:#fff;
	padding:1rem 1.5rem 1.5rem;
	-moz-box-shadow:-2px 0px 15px #BDBDBD; -webkit-box-shadow:-2px 0px 15px #BDBDBD; box-shadow:-2px 0px 15px #BDBDBD;
}
.tell img{
	width:5rem;
	height:5rem;
}
.tell p{
	color:#666666;
	text-align:center;
	font-size:1.2rem;
}
.tell_show_wrap{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.18);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10000;
	display:none;
	-webkit-transition:all 0.5 ease;
	transition:all 0.5 ease;

}
.tell_wrap_hide{
	display:flex;

}
.tell_content{
	background:#fff;
	padding:2.4rem 2.5rem;
	text-align:center;
	border-radius:0.8rem;
}
.tell_content .font{
	font-size:1.4rem;
}
.tell_content .call{
	display:block;
	width:100%;
	line-height:34px;
	border-radius:0.5rem;
	background:#00ABC1;
	color:#fff;
	font-size:1.6rem;
	margin-top:1rem;
}
.tell_content .close{
	margin-top:1rem;
	box-sizing:border-box;
	display:block;
	font-size:1.2rem;
	width:100%;
	line-height:34px;
	border-radius:0.5rem;
	color:#666666;
	border:1px solid #666666;
}
.number{
	color:#00ABC1;
	font-size:2.4rem;
	line-height:3.3rem;
	margin-top:0.9rem;
}
/*qq*/
.qqonline{
	position:fixed;
	right:0;
	top:30rem;
	width:40px;
	height:40px;
	background:url(../img/qqonline.png) no-repeat;
	background-size:100% 100%;
	-moz-box-shadow:-2px 0px 10px #BDBDBD; -webkit-box-shadow:-2px 0px 10px #BDBDBD; box-shadow:-2px 0px 10px #BDBDBD;
}
.qqonline a{
	display:block;
	width:40px;
	height:40px;
}
/*form*/
#form_wrap{
	width:100%;
	margin-top:80px;
	box-sizing:border-box;
	padding:0 3rem;
}
.kindlyMessage{
	color:#000;
	font-size:1.6rem;
}
.f_name,.f_tell{
	margin-top:2rem;
}
.f_name input,.f_tell input{
	width:100%;
	box-sizing:border-box;
	line-height:40px;
	border-radius:0.5rem;
	padding-left:0.5rem;
	color:#B4B4B4;
	font-size:1.4rem;
}
textarea{
	margin-top:2rem;
	border:none;
	width:100%;
	box-sizing:border-box;
	line-height:40px;
	border-radius:0.5rem;
	padding-left:0.5rem;
	color:#B4B4B4;
	font-size:1.4rem;
}
.f_tijiao{
	margin-top:2rem;
}
.f_tijiao input{
	width:100%;
	line-height:40px;
	background:#00ABC1;
	color:#fff;
	border-radius:0.5rem;
	font-size:1.4rem;
}
.waring{
	margin-top:2rem;
	color:#DD3737;
	font-size:1.4rem;
	line-height:1.5rem;
}
/*case*/
.caselist_wrap{
	width:100%;
	box-sizing:border-box;
	margin-top:50px;
	padding:2rem;
}
.caselist_wrap ul li{
	width:100%;
	position:relative;
}
.caselist_wrap ul li img{
	width:100%;
}
.caselist_wrap ul li .caseTitle{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	text-align:center;
}
.caselist_wrap ul li .caseTitle p{
	color:#000;
	font-size:1.6rem;
	line-height:25px;
	padding:0 5px 5px 5px;
}
.caselist_wrap ul li .caseTitle p:last-child{
	color:#666666;
	font-size:1.2rem;
}
#caseBack{
	width:100%;
	height:55px;
	background:#fff;
	margin-top:65px;
	box-sizing:border-box;
	padding:0 1.5rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#caseBack a{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius:50%;
	border:1px solid #04ADC2;
	color:#04ADC2;
}
.caseSwiper{
	box-sizing:border-box;
	padding:2rem;
}
.swiper-container {
        width: 100%;
        overflow:hidden;
    }
.swiper-container img{
    width: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}
/*分页*/
.case-page-wrap{
	margin-top:-1rem;
	height:3rem;
}
.pagination li{
	float:left;
	border:1px solid #F5F5F5;
	text-align:center;
	font-size:14px;
	color:#999;
	line-height:2.5rem;
	margin:0 3px;
	width:2.5rem;
}
.pagination .disabled{
	width:3rem;

}
.pagination li:last-child{
	width:3rem;
}
.pagination li a{
	color:#999;

}
.pagination li.active{
	border: 1px solid #ffbc1b;
	background-color: #ffbc1b;
	color:#fff;
}
/*case*/
.new_h2{
	line-height:30px;
}
.new_h2 .ico_back{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/ico_back.png)no-repeat;
	vertical-align:middle;
	background-size:cover;
}
.new_h2 a{
	font-size:14px;
}
.topic span.new_title{
	margin-left:5px;
	background:none;
    width:auto;
    line-height:30px;
    font-size:1.2rem;
    color:#00ABC1;
    border:1px solid #00ABC1;
    border-radius:5px;
    padding:0 7px;
    position:relative;
    padding-right:23px;
}
.topic span.new_title:before{
	content:'';
    position:absolute;
    right:5px;
    top:11px;
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #00ABC1;

}
.fu_navti{
	position:absolute;
	right:10px;
	top:74px;
	background:#fff;
	width:10rem;
	padding:0 1.5rem;
	border-radius:5px;
}
.fu_navti:before{
	content:'';
	position:absolute;
	top:-9px;
	right:15px;
	width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
}
.fu_navti ul li{
   line-height:40px;
   text-align:center;
   border-bottom:1px solid #ccc;
}
.fu_navti ul li:last-child{
	border:none;
}
.fu_navti ul li a{
	color:#00ABC1;
	font-size:1.2rem;
	display:block;
}
.fu_navti_back{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:1;
	display:none;
	-webkit-transition:all 0.5 ease-in;
}
.show{
	display:block;
}