@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#666; font-size: 1em;}
a{text-decoration:none; color:#666;}
li{list-style:none;}
img{display:block;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}
.container{width:100%;overflow:hidden; position: relative;
	margin:auto;padding:0 1%;box-sizing:border-box;max-width:640px;min-width:320px;}
.left{float:left!important}
.right{float:right!important}
.clearFloat{zoom: 1;}
.clearFloat:after{content:".";clear:both; display: block; width: 0;height: 0; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden;}
.allW img{width:100%;}
.margin-b{margin-bottom: 0.8rem;}
.margin-t{margin-top: 0.8rem;}
.margin-a{margin-top: 0.9rem; margin-bottom: 0.9rem;}
.gray-line{background-color: #e2e2e2; height: 0.3rem;}

/*  */
.top-bar{height: 0.3rem; background-color: #4eb5df;}
.top-logo{margin-bottom: 0.5rem;}

.index-lead-picture{width: 21.875%;}
.index-lead-picture img{width: 100%;}
.index-lead-txt{width: 77%; font-size: 0.9rem; text-indent: 2em;  line-height: 1.25rem;}

/* main */
.index-main-title{text-align: center; margin-top: 1.2rem; padding-bottom: 0.4rem;}
.index-main-title h1{font-size: 1.3rem; font-weight: bold; color: #06ace9; margin-bottom: 0.4rem;}
.index-main-title h6{font-size: 0.6rem; color: #b3b3b3; margin-bottom: 0.6rem;}
.x-line{width: 70%; margin: 0 auto; display: block; height: 1px; background-color: #06ace9;}
.c-line{width: 26%; margin: 0 auto; display: block; height: 4px;background-color: #06ace9; margin-top: -3px;}
.d-arrow{ width: 0.8rem; height: 0.8rem; display: block;margin: 0 auto; background-color: #06ace9;
	transform: rotate(45deg); margin-top: -0.5rem;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);}
.d-arrow-box{height: 0.6rem; overflow: hidden;}

/* .wbxBox{position: relative;}
.wbxBox img{width: 100%;}
.wbxBox a{position: absolute; display: block;}
.wbx01{top: 1rem; left: 10%;}
 */

.wbx-box{position: relative; margin-bottom: 1.2rem;}
.wbx-box a{position: absolute; z-index: 9; font-size: 0.9rem; color: #fff; text-align: center;}
.wbx01{top: 2.7rem; left: 18.3%;}
.wbx02{top: 2.7rem; left: 40.3%;}
.wbx03{top: 2.1rem; left: 63.3%;}
.wbx04{top: 7.2rem; left: 29.2%;}
.wbx05{top: 7.2rem; left: 53.6%;}

.index-cheak .x-line{width: 96%;}
.index-yq .x-line{width: 88%;}
.index-technology .x-line{width: 80%;}
.index-video .x-line{width: 63%;}
.index-protect .x-line{width: 90%;}

.index-cheak-list li{float: left; width: 19.0625%; margin-right: 1.171875%}
.index-cheak-list li:last-child{margin-right: 0;}
.index-cheak-list li img{width: 100%;}
.index-cheak-list li span{display: block; width: 100%; text-align: center; font-size: 0.9rem; line-height: 2.2rem;}

.index-cheak-intro{box-sizing: border-box; border: 1px #e5e5e5 solid; border-radius: 0.3rem;
	padding: 0.5rem 0.1rem 0rem 0.6rem;margin-bottom: 0.8rem;}
.index-cheak-intro p{width: 100%; text-indent: 2rem; font-size: 0.9rem; line-height: 1.3rem;}
.index-cheak-intro p span{color: #eaab01;}

/* .index-cheak-btn{text-align: center;} */
.index-cheak-btn{position: relative; padding: 1rem 0 0.8rem 0; overflow: hidden; margin-top: 0.4rem;}
.index-cheak-btn a{float: left; font-size: 0.9rem;}
.index-cheak-btn a:first-child{height: 3rem;line-height: 3rem; background-color: #e2e2e2; width: 70%;
	 margin-left: 14%; border-radius: 0.4rem; box-sizing: border-box; padding-left:0.8rem;}

.index-cheak-btn a:last-child{width: 4.4rem; height: 4.4rem; border-radius: 50%; background-color: #e9aa01; 
	font-size: 1.2rem; line-height: 1.5rem;
	position: absolute; right: 14%; top: 0.2rem; text-align: center;box-sizing: border-box; padding-top: 0.7rem;
	color: #fff;}

/*  */
.index-yq-main{margin-bottom: 2.5rem;}
.index-yq-picture{width: 36.25%; margin-right: 1.75%;}
.index-yq-picture img{width: 100%;}
.index-yq-txt{width: 62%; font-size: 0.9rem; text-indent: 2em; line-height: 1.3rem; margin-top: -0.2rem;}

.index-yq-theory{box-sizing: border-box; border: 1px #e5e5e5 solid; border-radius: 0.4rem; padding: 0.8rem 0;}
.index-yq-theory-title{width: 100%; height: 1.5rem; line-height: 1.38rem; font-size: 1rem; font-weight: bold;
	color: #eaab01; text-align: center;
	background: url(../images/bj_07.jpg) no-repeat 0.2rem center; background-size: cover;}
.index-yq-theory video{display: block; width: 70%; margin: 0.8rem auto; }
.index-yq-theory p{box-sizing: border-box; padding: 0 0.1rem 0 0.5rem; text-indent: 2em;}
.index-yq-theory p a{color: #eaab01;}
/*  */
.index-buzhou{padding: 1rem 0;}
.index-buzhou .index-yq-theory-title{background: url(../images/bj2_10.jpg) no-repeat 0 center;
	background-size: cover; font-size: 0.9rem;}


.index-buzhou-main{margin-top: 1.6rem; position: relative;}
.index-buzhou-list li{float: left; width: 28.59375%; margin-right: 7.109375%;}
.index-buzhou-list li:nth-of-type(3n){margin-right: 0;}

.index-buzhou-list li img{width: 100%;}
.index-buzhou-list li span{display: block; text-align: center; font-size: 0.9rem; margin-top: 0.6rem;}
.index-buzhou-list .space06 span{margin-bottom: 2rem;}

.index-buzhou-main .arrow01{ width: 1.58rem; position: absolute; left:29.1%; top: 2.4rem;}
.index-buzhou-main .arrow02{ width: 1.58rem; position: absolute; left:65%; top: 2.4rem;}
.index-buzhou-main .arrow03{ width: 0.79rem; position: absolute; right:13%; top: 11rem;}
.index-buzhou-main .arrow04{ width: 1.58rem; position: absolute; right:29.1%; top: 15.2rem;}
.index-buzhou-main .arrow05{ width: 1.58rem; position: absolute; right:65%; top: 15.2rem;}

/*  */
.index-ys-list li{width: 100%; overflow: hidden;padding-top: 1.4rem; padding-bottom: 1.6rem; border-bottom: 1px #e2e2e2 solid;}
.index-ys-list li:last-child{border-bottom: none;}
.index-ys-list li:first-child{padding-top: 0.5rem;}
.index-ys-list-picture{width: 41.09375%;}
.index-ys-list-picture img{width: 100%;}

.index-ys-list-txt{width: 57%; margin-top: -0.25rem;}
.index-ys-list-txt h1{font-size: 1rem; font-weight: bold; color: #eaab01; overflow: hidden;}
.index-ys-list-txt h1 span{font-family: "宋体"; font-size: 1.55rem;  font-style: italic; float: left;}
.index-ys-list-txt h1 a{color: #eaab01;float: left; margin-top: 0.2rem;}
.index-ys-list-txt p{font-size: 0.9rem; width: 100%; box-sizing: border-box; padding-left: 0.2rem;}

/*  */
.index-technology-main{position: relative;}
.index-technology-list{box-sizing: border-box; padding-left: 10%; margin-top: 0.55rem;}
.index-technology-list li{width: 100%; overflow: hidden; margin-bottom: 2.2rem;}
.index-technology-list-txt{width: 67%; font-size: 0.9rem;}
.index-technology-list-txt span{color: #eaab01;}
.index-technology-list-txt a{color: #eaab01;}
.index-technology-list-picture{width: 32.29%; margin-top: 0.25rem;}
.index-technology-list-picture img{width: 100%;}
.mark-t{position: absolute; left:-0%; top: 0; width: 8.4375%;}

/*  */
.index-video-main{margin: 0 auto; width: 80%;text-align:center;padding-bottom: 6%;}
.index-video-main video{ width: 80%;}
.index-video-main p{}

.index-protect-inreo{width: 100%; text-indent: 2em; margin-bottom: 0.9rem;}
.index-protect-list li{float: left; width: 49.2%; margin-right: 1.6%; background-color: #e2e2e2; height: 16.5rem;
	margin-bottom: 0.46rem;}
.index-protect-list li:nth-of-type(even){margin-right: 0;}
.index-protect-list li img{width: 95.34%; margin: 0 auto; padding-top: 0.3rem;}
.index-protect-list li h1{font-size: 1rem; font-weight: bold; text-align: center; margin-top: 0.5rem;}
.index-protect-list li p{width: 96%; margin-left: 3%; line-height: 1.3rem; font-size: 0.9rem;}

.index-protect{margin-bottom: 2rem;}

.public-footer{padding-bottom:10%;}
.public-footer p{width: 100%; text-align: center;  line-height: 1.4rem; font-size: 0.9rem; color: #383838; 
	margin-top: 0.3rem; margin-bottom: 1rem;}