html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;  
}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;} 
.cd-morph-dropdown{
	z-index: 99999999;
	display: none;
	background: url(../images/bg9.png);
}
.alogo{
	float:left;
}
.alogo .logo{
	max-height:45px;
}
.phone-canvas{
	display: none;
	width:100%;
	height:420px;
	background: url(../img/bg1.png) center no-repeat;
	position: absolute;
	top:210px;
	left:0;
	
}
.wap-case-menu{ display:none;width:100%;padding:3% 0;}
.wap-case-menu a{
	width:23%;
	margin:0 1%;
	height: 40px;
	margin-bottom:5px;
	line-height: 40px;
	text-align: center;
	font-size:16px;
	color:#FFFFFF;
	background:#CCCCCC;
	float:left;}
.wap-case-menu a.cur,.wap-case-menu a:hover{
	background: #22C2D9;
}
.bx-part4 .title,.bx-part2 .title2{ display:none;}
@media screen and (max-width: 1366px){
	.mycanvas{top:100px;}
	.part1 .img-box img{
		max-width:70%;
	}
	.home-anquan .list,.home-hezuo .hz-list{
		width:98%;
	}
	.home-anquan .list .con{
		width:40%;
	}
	.home-anquan .list .con .des{
		width:70%;
	}
	.home-hezuo .hz-list ul{
	margin-left:-2%;
	margin-top:20px;
}
.home-hezuo .hz-list li{
	width:18%;
	height: 120px;	
	margin:2% 0 0 2%;
	
}
.home-hezuo .hz-list li img{
	max-width:100%;
	height: auto;
}
.baoxian-header .bx-top{
	width:96%;
	margin:0 auto;
	margin-top:100px;
	position: relative;
	height:400px;
}


.baoxian-header .bx-top .step1{
	height:155px;	
	left:0;
	bottom:155px;	
}
.baoxian-header .bx-top .step2{
	height:295px;	
	left:15%;
	bottom:120px;
	
}
.baoxian-header .bx-top .step3{
	height:230px;	
	left:30%;
	bottom:160px;	
}
.baoxian-header .bx-top .step4{
	height:205px;	
	left:45%;
	bottom:230px;	
}
.baoxian-header .bx-top .step5{
	height:108px;	
	left:60%;
	bottom:280px;	
}
.baoxian-header .bx-top .step6{
	height:122px;	
	left:75%;
	bottom:230px;	
}
.baoxian-header .bx-top .step7{
	height:122px;	
	left:89%;
	bottom:150px;	
}
.baoxian-header .bx-top .step1,.baoxian-header .bx-top .step2,.baoxian-header .bx-top .step3,.baoxian-header .bx-top .step4,.baoxian-header .bx-top .step5,.baoxian-header .bx-top .step6,.baoxian-header .bx-top .step7{
	width:15%;
}
.bx-part2 .imgdiv{
	display: inline-block;
	vertical-align: middle;
	margin-top:50px;
	width:45%;
}
.bx-part4{
	width:100%;
	height:920px;
	
}
.bx-part4{
	width:100%;
	height:920px;
	
}
.bx-part4 .part4-box{
	width:98%;
	height:920px;
}
.bx-part4 .part4-box .left-con{
	left:0;
	top:50%;
	margin-top:-79px;
	width:60%;
}
.bx-part4 .part4-box .right-con{
	top:50%;
	margin-top:-369px;
	width:60%;
}
.bx-part6{height:auto;padding-bottom:50px;}
.bx-part6 .bxlist span{width:8%;margin:0 0.8%;margin-top:15px;}
}
@media screen and (max-width: 1280px){
	.home-header-bot{
		width:100%;
		
	}
	.box,.part2 .con,.footer{
		width:96%;
	}
	.home-header-bot .botbg{
		margin:0 0.5%;
	}
	.home-header-bot .bot1{
	width:20%;	
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.home-header-bot .bot1 span{
	background-size:45px;
	padding-left:60px;
	height:64px;	
	font-size:25px;	
	margin:21px 0 0 15px;
}
.home-header-bot .bot1 span p{
	font-size:15px;
	color:#fff;
}
.home-header-bot .bot2{
	width:15%;	
	font-size:42px;	
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.home-header-bot .bot2 p{
	font-size:15px;
	color:#AAABB2;	
}
.home-header-bot .bot3{
	width:20%;	
	font-size:32px;	
	padding-top:20px;
	background-size:100% 100%;
	background-repeat: no-repeat;
	}
	
	.part2 .left-con,.part2 .right-con{
		width:40%;
		margin-top:30px;
	}
	.part2 .left-con img,.part2 .right-con img{
		max-width:100%;
	}
	
	.footer .left-con{
		width:72%;
	}
	.footer .left-con .tel,.footer .left-con .adress{
		width:50%;
	}
	.case-box{width:98%;}
	.bx-part3{height:auto;padding-bottom:5%;}
	.bx-part3 .title{padding-top:5%;}
	.bx-part3 .watch span{width:20%;margin:0 2%;}
	.bx-part3 .watch{padding-top:10%;}
	
	.bx-part5{	
	height:590px;
	background: url(../images/bg12.jpg) top center no-repeat;
}
.bx-part5 .text{
	
	padding-left:10%;
	padding-top:10%;
	font-size:4rem;
	
}
.bx-part5 .text p{
	font-size:1.7rem;
	padding-top:20px;
	
}
.bx-part5 .botpng{
	width:100%;
	padding:5% 0 0 10%;	
}
}
@media(min-width:980px) and (max-width:1199px){
	.home-header-bot .bot1 span{
		font-size:18px;
		padding-top:10px;
		background-size:40px;
		padding-left:50px;
	}
	.home-header-bot .bot2{
		font-size:30px;
		padding-top:22px;
	}
	.home-header-bot .bot3{
		font-size:25px;
	}
	.mycanvas,.js-box{display: none;}
	
	.phone-canvas{
			display: block;
	}
	.part1{
		height:500px;
	}
	.part1 .text-box{
	width:58%;
	float:right;
	margin-top:60px;
}
.part1 .text-box .con1{
	margin-top:30px;
}
.part1 .text-box .con2{
	width:50%;
	float:left;
	margin-top:25px;
}
.home-anquan .list .con .des{
		width:60%;
	}
	.footer .left-con{
		width:100%;
	}
	.footer .right-con{
		width:100%;
		margin-top:25px;
	}
	.case-header .case-menu a{width:12.5%;}
	
.case-part1 .ricon{margin-right:3%;}
.graybg .ricon{margin-left:3%;margin-right:0;}
.case-part1 .left-con{
	width:348px;	
	height:642px;
	background: url(../images/phone3.png) center no-repeat;
}
.case-part1 .left-con2{
	width:45%;
	margin-right:-100px;
	height:466px;
	background: url(../images/phone4.png) center no-repeat;
}
.mid-text{
	    	width:45%;
	    	text-align: left;
	    	
	    	margin:15px 0 0 3%;
	    }
.mid-text2{
	    	width:366px;
	    	text-align: left;	    	
	    	margin:15px 0 0 3%;
}
.about-box{width:96%;margin-top:0;}
.about-box .about-bot{padding:3% 0;}
.about-box .about-bot ul{
	margin-left:-2%;
}
.about-box .about-bot li{
	float:left;
	width:23%;
	height: 278px;
	margin-left:2%;
	background: #F6F6F6;
	text-align: center;
}


.baoxian-header .bx-top .step1{
	height:155px;	
	left:0;
	bottom:125px;	
}
.baoxian-header .bx-top .step2{
	height:295px;	
	left:15%;
	bottom:90px;
	
}
.baoxian-header .bx-top .step3{
	height:230px;	
	left:30%;
	bottom:130px;	
}
.baoxian-header .bx-top .step4{
	height:205px;	
	left:45%;
	bottom:230px;	
}
.baoxian-header .bx-top .step5{
	height:108px;	
	left:60%;
	bottom:250px;	
}
.baoxian-header .bx-top .step6{
	height:122px;	
	left:75%;
	bottom:200px;	
}
.baoxian-header .bx-top .step7{
	height:122px;	
	left:89%;
	bottom:120px;	
}
.baoxian-header .bx-top .step1,.baoxian-header .bx-top .step2,.baoxian-header .bx-top .step3,.baoxian-header .bx-top .step4,.baoxian-header .bx-top .step5,.baoxian-header .bx-top .step6,.baoxian-header .bx-top .step7{
	width:15%;
	padding-left:60px;
	background-size:50px;
	padding-top:30px;
}
.bx-part4{
	width:100%;
	height:720px;
	
}
.bx-part4 .part4-box{
	width:98%;
	height:720px;
}
.bx-part4 .part4-box .left-con{
	left:0;
	top:50%;
	margin-top:-59px;
	width:60%;
}
.bx-part4 .part4-box .right-con{
	top:50%;
	margin-top:-269px;
	width:60%;
}
.bx-part6 .bxlist span{width:15%;margin:0 0.8%;margin-top:15px;}
.box,.part2 .con,.footer{
		width:90%;
	}
}

@media screen and (max-width: 979px){
	.mycanvas,.js-box{display: none;}
	.phone-canvas{
			display: block;
			top:130px;
			background-size:350px;;
	}
	
	.home-header{
		height:829px;
	}
	.home-header-bot .bot2{
		display: none;
	}
	.home-header-bot .bot1,.home-header-bot .bot3{
		width:40%;	
		background-size:100% 100%;
	}
	.home-header-bot .bot1 span{
		background-size:60px;
		padding-left:80px;
		font-size:30px;
	}
	
	
.home-header-text p.t1{
	font-size:50px;
}
.home-header-text p.t2{
	font-size:18px;
	padding-top:10px;
	letter-spacing:12px;
}
.part2 .left-con,.part2 .right-con{
		width:40%;
		margin-top:30px;
	}
	.part2 .center-png{
		background-size:80%;
	}
	.footer .left-con{
		width:100%;
	}
	.footer .right-con{
		width:100%;
		margin-top:25px;
	}
.case-part1 .left-con{
	width:348px;	
	height:642px;
	background: url(../images/phone3.png) center no-repeat;
}
.case-part1 .left-con2{
	display:none;
}
.case-part1 .left-con3{
	display:none;
}
.mid-text{
	    	width:40%;
	    	text-align: left;
	    	
	    	margin:15px 0 0 3%;
	    }
.mid-text2{
	    	width:80%;
	    	text-align: left;	    	
	    	margin:15px 0 0 3%;
}
.threetab{ display:none;}
.about-box{width:96%;margin-top:0;}
.about-box .about-bot{padding:3% 0;}
.about-box .about-bot ul{
	margin-left:-2%;
}
.about-box .about-bot li{
	float:left;
	width:23%;
	height: 278px;
	margin-left:2%;
	background: #F6F6F6;
	text-align: center;
}
.bx-part6 .bxlist span{vertical-align:top;}
.box,.part2 .con,.footer{
		width:90%;
	}
}
@media screen and (max-width: 800px){
	.header{
		display: none;
	}
	.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright {
/* Default effect duration */
  transition:auto;
}
	.cd-morph-dropdown{
		display: block;
	}
	.part1{
		height: auto;
		
	}
	.part1 .img-box{
		position:relative;
		float:left;
		width:100%;
		left:-50px;
		text-align: left;
	}
	.part1 .img-box img{
		max-width:100%;
	}
	.part1 .text-box{
		padding:0 5%;
		float:none;
		width:100%;
		margin-top:5%;
		
	}
	.part1 .text-box .con1{
		margin-top:20px;
	}
	.home-anquan{
		padding:0 5%;
		background: none;
		height: auto;
		padding-bottom:30px;
	}
	.home-anquan .list .con{
		width:100%;
		text-align: center;
		margin-top:40px;
	}
	
	.home-anquan .list .con .des{
		width:100%;
		margin:0;
		padding:0;
		padding-top:20px;
	}
	.home-anquan .list .ico{
		margin:0 auto;
		float:none;
	}
	.home-hezuo{
		height: auto;
		padding:5% 0;
	}
	.home-hezuo .hz-list li{
	width:18%;
	height: auto;
	padding:10px;	
	margin:2% 0 0 2%;
	
}
.home-hezuo .hz-list li a{
	position:relative;
	top:0;
	left:0;
	width:100%;
	text-align: center;
	
}
.home-hezuo .hz-list li:hover a{
	margin-top:-42px;
}
.home-hezuo .title{
	padding-top:0;
}
.home-zixun .title{
	padding-top:30px;
	font-size:3.5rem;
}
.home-zixun .gbook li{
	width:30%;
}
.home-zixun .gbook .text{
	width:96%;
}
.case-part1 .left-con{ display:none;}
.ricon,.mid-text,.mid-text2{width:100%;padding:0 3%;margin-left:0;}
.ricon,.mid-text .tit,.mid-text2 .tit{width:100%; text-align:center}
.case-part1 .ricon,.graybg .ricon{margin:0;}
.case-part1{padding:4% 0;}

.baoxian-header .phone{ display:none;}
.baoxian-header .bx-top{margin-top:30px;}
.baoxian-header .bx-top .step{ text-align:center;}
.baoxian-header .bx-top .step .con{padding-top:15px;}
.baoxian-header .bx-top .step .icon{width:58px;height:58px; overflow:hidden; display:block;margin:0 auto;}
.baoxian-header .bx-top .step .icon1{ background:url(../images/step1.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon2{ background:url(../images/step2.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon3{ background:url(../images/step3.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon4{ background:url(../images/step4.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon5{ background:url(../images/step5.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon6{ background:url(../images/step6.png) center top no-repeat;}
.baoxian-header .bx-top .step .icon7{ background:url(../images/step7.png) center top no-repeat;}

.baoxian-header .bx-top .step1,.baoxian-header .bx-top .step2,.baoxian-header .bx-top .step3,.baoxian-header .bx-top .step4,.baoxian-header .bx-top .step5,.baoxian-header .bx-top .step6,.baoxian-header .bx-top .step7{
	width:31%;
	height:180px;
	display:inline-block;
	vertical-align:top;
	padding-left:0;
	background:none;
	padding-top:30px;
	position:relative;
	text-align:center;
	left:auto;
	bottom:auto;
}
.baoxian-header .bx-top .line{ display:none;}
.bx-part2 .title{padding-top:5%;}


.bx-part4{
	width:100%;
	height:auto;
	
}
.bx-part4 .part4-box{
	width:98%;
	height:auto;
}
.bx-part4 .part4-box .left-con{
	display:none;
}
.bx-part4 .part4-box .right-con{
	top:0;
	margin-top:0;
	width:100%;
	padding:10%;
	position:relative;
}
.bx-part4 .title,.bx-part2 .title2{
	text-align: center;
	width:100%;
	padding-top:8%;
	font-size:3rem;
	display:block;
	
}
.bx-part4 .title p,.bx-part2 .title2 p{
	font-size:17px;
	padding:0 5%;
	padding-top:15px;
	color:#777777;
	
}
.bx-part3 .title p{padding:0 5%;padding-top:15px;}
.bx-part5{	
	height:490px;
	background: url(../images/bg12.jpg) top center no-repeat;
}
.bx-part6 .title{padding-top:10%;font-size:3.8rem;}
.bx-part6 .bxlist span{width:15%;margin:0 0.8%;margin-top:15px;}
.bx-part6 .bxlist span p.t1{font-size:1.5rem;}
.about-box .about-bot li p.t2{padding:0 5%;font-size:1.3rem;}

.case-header,.about-header{height:350px; background-position:center; background-size:auto 350px}
.mid-text .tit,.mid-text2 .tit,.about-box .about-title{
	font-size:2.5rem;
	
}
.about-box .about-content{font-size:1.4rem;}

.logo-r{margin-top:8px;}
.sq-box{width:90%;}
.sq-list li{height:230px; overflow:hidden;}
}
@media screen and (max-width: 640px){
	.home-header-bot .bot1 span{
		background-size:50px;
		padding-left:60px;
		font-size:2.5rem;
	}
	.part1 .text-box .con2{
	width:50%;
	float:left;
	margin-top:25px;
}
.part2{
	height:600px;
	background-position-y: bottom;
}
.part2 .center-png{
		background-size:172px 204px;
		margin:-86px 0 0 -122px;
	}
	.home-hezuo .hz-list li{
		width:48%;
	}
	.footer .left-con .tel,.footer .left-con .adress{
		width:100%;
	}
	.footer .left-con .adress{
		line-height: 25px;
	}
	.wap-case-menu{ display:block;padding-bottom:5%;width:100%;}
	.case-header .case-menu{ display:none;}
.about-box .about-bot{padding:3% 0;}
.about-box .about-bot ul{
	margin-left:-2%;
}
.about-box .about-bot li{
	float:left;
	width:48%;
	height: 278px;
	margin-left:2%;
	margin-top:2%;
	background: #F6F6F6;
	text-align: center;
}
.about-box .about-bot li p.t2{padding:0 5%;font-size:1.4rem;}

.about-box .about-title{padding:8% 0;}
.bx-part2{padding-bottom:5%;}
.bx-part2 .title{ display:none;}
.bx-part2 .imgdiv{width:95%;}

.bx-part3{ background-size:50%;}
.bx-part3 .title{padding-top:8%;font-size:3rem;}
	.bx-part3 .watch span{width:45%;margin:0 2%;}
	.bx-part3 .watch{padding-top:10%;}
	.part1 .text-box{
		padding:0 5%;
		float:none;
		width:100%;
		margin-top:8%;
		
	}
	.bx-part2 .title2{ display:block;}
	.bx-part2 .revealator-slideright{ display:none;}
	.about-box{padding:0 3%;}
	.about-box .about-title{ text-align:center;}
	
	.bot-text span{width:80%;}
	
}
@media screen and (max-width: 480px){
	.home-header{
		height:670px;
	}
	.alogo img{
		max-width:220px;
		margin-top:8px;
	}
	.phone-canvas{
			display: block;
			top:50px;
			background-size:300px;;
	}
	.home-header-text{
		margin-top:-30px;
	}
	.home-header-text p.t1{
	font-size:40px;
}
.home-header-text p.t2{
	font-size:18px;
	padding-top:10px;
	letter-spacing:5px;
}
.home-header-bot{
	bottom:5%;
}
.home-header-bot .bot1{ display:none;}
.home-header-bot{bottom:80px;}
	.cd-morph-dropdown .nav-trigger {
		width:35px;
		height: 35px;
		top:15px;
	}
	.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before{
		width:20px;
	}
	.home-header-bot .bot1,.home-header-bot .bot3{
		width:80%;
		height:80px;
	}
	.home-header-bot .bot1 span{
		margin-top:10px;
	}
	.home-header-bot .bot3{
		padding-top:10px;	
		height:90px;
	}
	.part1 .text-box{
		width:100%;
		padding:3%;
		
	}
	.part1 .text-box .con1{
		margin-top:20px;
	}
	.part1 .text-box .con2{
	width:100%;
	float:left;
	margin-top:25px;
}
	
	.part1 .img-box img{
		width:100%;
	}
	.part1 .text-box .title,.part2 .top-title,.home-anquan .top-title,.home-hezuo .title,.home-zixun .title{
		font-size:3rem;
	}
	.part1 .text-box .title span,.part2 .top-title span,.home-anquan .top-title span{
		font-size:2rem;
	}
	.part2 .top-title,.home-anquan .top-title,.home-zixun .title{
		padding-top:30px;
	}
	.part2{
	height:400px;
	background-position-y: bottom;
}
	.part2 .left-con,	.part2 .right-con{
		width:50%;
	}
.part2 .center-png{
		background-size:40%;
		margin:-70px 0 0 -122px;
	}
	.home-zixun{
		height:350px;
		
		background-size:cover;
	}
		.home-zixun .gbook{
			margin-top:15px;
		}
	.home-zixun .gbook li{
	width:100%;
	margin-top:10px;
}
.wap-case-menu a{font-size:1.4rem;}



.baoxian-header .title{font-size:3.2rem;margin-top:40px;}
.baoxian-header .bx-top .step1,.baoxian-header .bx-top .step2,.baoxian-header .bx-top .step3,.baoxian-header .bx-top .step4,.baoxian-header .bx-top .step5,.baoxian-header .bx-top .step6,.baoxian-header .bx-top .step7{
	width:46%;
	height:180px;
	display:inline-block;
	float:left;
	margin:0 2%;
	padding-left:0;
	background:none;
	padding-top:30px;
	position:relative;
	text-align:center;
	left:auto;
	font-size:1.6rem;
	bottom:auto;
}
.baoxian-header .bx-top .step p{font-size:1.2rem;}

.bx-part5{	
	height:auto;
	padding-bottom:15%;
	background: url(../images/bg12.jpg) top center no-repeat;
}
.bx-part5 .text{
	
	padding-left:10%;
	padding-top:10%;
	font-size:3rem;
	
}
.bx-part5 .text p{
	font-size:1.4rem;
	padding-top:20px;
	line-height:25px;
	padding-right:20px;
	
}
.bx-part5 .botpng{padding-top:10%;}
.bx-part5 .botpng span{width:23%;margin-right:3%;}
.bx-part6 .title{font-size:3rem;padding:0 5%;padding-top:10%;}
.bx-part6 .bxlist{padding-top:8%;}
.bx-part6 .bxlist span{width:25%;margin:0 0.8%;margin-bottom:25px;margin-top:0;}
.about-box .about-bot li .pic{margin-top:30px;}

.home-zixun .gbook li{position: relative;width:100%;}
.home-zixun .gbook li .Validform_checktip{left:auto;right:15px;top:7px; text-align: right;width:50%; }

.footer .left-con .tel span{width:100%; display:block}

.sq-list li{width:100%;height:auto;}


.logo-r{float:left;padding:0 10px;height:30px; margin-left:13px;line-height:30px;border-radius:4px; background:#26C5DD; position:relative;}
.logo-r a{color:#fff;color:#fff;font-size:14px;}
.logo-r .arrow-left{top:9px;}
.logo-r:hover .arrow-left{
	
	top:9px;
	}
}
@media screen and (max-width: 360px){
	.cd-morph-dropdown .logo{width:170px;}
	.logo-r{height:25px; line-height:23px;padding:0 5px;margin-left:8px;}
	.logo-r a{color:#fff;color:#fff;font-size:12px;}
	.logo-r .arrow-left{top:7px;}
.logo-r:hover .arrow-left{
	
	top:7px;
	}

	}