@charset "utf-8";
/* CSS Document */
:root{
	--orange:#FAA508;
	--mylv:#32B4C8
}
/*html{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%)}*/
/*滚动条样式*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1);border:0}
::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.3);background-repeat:no-repeat;background-position:center;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAHCAMAAAD+ktemAAAABlBMVEXq7fFMaXEWmxZnAAAAAnRSTlNmAEU0ARkAAAAXSURBVHjaLcSxCQAAAAIg+//pGkIQmV8AKgAFgDemYgAAAABJRU5ErkJggg==");background-size:6px 7px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:horizontal{background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:horizontal:hover{background-color:rgba(0,0,0,.6)}
::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.1)}
.body{width:95%;max-width:1860px;margin:0 auto;position:relative;z-index:6}
video{display:block;margin:0;padding:0;width:100%;position:absolute;left:50%;top:50%;z-index:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video{width:100%;height:calc(100vh - 4.2rem);overflow:hidden;position:relative;z-index:1}
.video:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:2}
/*.video:before{clear:both;content:"视频来源：https://pixabay.com；\A若有侵犯您的合法权益，请联系我们及时删除";white-space:pre;position:absolute;right:1rem;bottom:1rem;z-index:3;color:rgba(255,255,255,.5);font-size:10px;line-height:normal}*/
.ad{font-size:3.5rem;color:#fff;position:absolute;left:0;top:50%;right:0;text-align:center;z-index:5;line-height:normal;margin-top:-5.5rem; letter-spacing:.2rem}
.ad:after{clear:both;content:"\aHanfocus , Since 2006";white-space:pre;font-size:1.4rem;font-weight:300}
.ad span{color:var(--orange);margin-left:1rem}.ad span+span{color:yellow}

#menu{background-color:#333;padding:1rem 0;position:fixed;left:0;right:0;top:0;z-index:17;height:2.2rem;overflow:hidden;line-height:normal;font-size:1.2rem}
#menu,#menu a{color:rgba(255,255,255,.8)}#menu a{text-decoration:none;font-size:1.1rem}
#menu>.body{height:100%;overflow:hidden}
#menu + *{margin-top:4.2rem}
.logo{background-repeat:no-repeat;background-position:left bottom;background-size:contain;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAMAAADIF1gZAAAAD1BMVEVMaXGr1HQAtKYDi9AAWqxDrGARAAAAAXRSTlMAQObYZgAAADRJREFUeNrtyjEKAEAIA0E9/f+bD6wCqVWQbJmMBWWVU6ID9FGiAxRjiu9tmtUmhXAX7acfaBcIuRZreP0AAAAASUVORK5CYII=");padding-left:3.5rem;line-height:normal;font-size:1.57rem}
.logo p{font-size:12px;transform:scaleY(.6);margin-top:-.3rem; letter-spacing:1px}
.logo span{color:yellow;font-weight:300}
#icon_menu{display:none}
#icon_menu:before{clear:both;content:"\e61f";font-family:"iconfont"}#icon_menu.close:before{clear:both;content:"\e692";font-family:"iconfont"}
#menu ul{font-size:1rem}#menu li+li{margin-left:3.5rem}
#menu ul a:hover,#menu ul a.focus{color:yellow;text-decoration:none}
#copyright{background-color:#333;margin-top:1.5rem;color:rgba(255,255,255,.5);position:relative}
#copyright ul{padding:1.5rem 0}#copyright a{color:rgba(255,255,255,.8);font-size:.9rem}#copyright a:hover{color:#fff}
#copyright li{min-width:15%}#copyright li>div:first-child{font-size:1.1rem;line-height:normal;margin-bottom:1rem}
#copyright>div{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:1rem 0;font-size:.9rem}

h1,h2,h3,h4{font-weight:400}h2{font-size:1.6rem}h3{font-size:1.4rem}
h1.title{text-align:center;font-size:2rem;font-weight:400;padding:2.5rem 0}
.indexproduct{width:calc((100% - 4.5rem) / 4);background-color:rgba(255,255,255,.5);margin:0 1.5rem 1.5rem 0;padding:3rem 1rem}
.indexproduct:nth-child(4n){margin-right:0}
.indexproduct div{font-size:.9rem;text-align:justify;line-height:1.8;color:#000;opacity:.8}
.indexproduct .pic{text-align:center;text-align:center;margin-bottom:1rem}
.indexproduct i{font-size:3rem;font-weight:300;color:var(--mylv);width:5rem;height:5rem;display:block;margin:0 auto;border:3px solid #ddd;border-radius:50%;line-height:5rem}
div.indexproduct h3,div.indexproduct i{color:#999}
.indexproduct h3{text-align:center;color:var(--mylv);margin-bottom:1rem}
a.indexproduct:hover{text-decoration:none;background-color:rgba(50,180,200,.7);color:#fff}
a.indexproduct:hover div,a.indexproduct:hover h3,a.indexproduct:hover i{color:#fff}
.indexproduct:nth-child(n+9){margin-bottom:0}

.chanquan{padding:2rem}.chanquan .flex_item+.flex_item{margin-left:2rem}
.chanquan i{display:block;margin:0 auto;width:5rem;height:5rem;color:#fff;border-radius:50%;text-align:center;line-height:5rem;font-size:2.5rem;margin-bottom:1rem}
.chanquan p{text-align:center;font-size:1.3rem;color:var(--orange);margin-bottom:1rem}
.chanquan .flex_item:nth-child(1) i{background-color:#0C9D94}
.chanquan .flex_item:nth-child(2) i{background-color:#00ACEC}
.chanquan .flex_item:nth-child(3) i{background-color:#F6A51E}
.chanquan .flex_item:nth-child(4) i{background-color:#9763E1}
.chanquan .flex_item:nth-child(5) i{background-color:#F44542}

#lunxian{height:0;padding-bottom:35%;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden}
#lunxian:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:2}



.zhishi{line-height:3;font-size:1.1rem;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex}
.zhishi:before{clear:both;content:"\e634\3000";font-family:"iconfont";color:#999}
.zhishi a{color:#000}
.zhishi a+span:before,.zhishi a+a:before,.zhishi span+span:before{clear:both;content:"\e64d";font-family:"iconfont";color:#999;display:inline-block;margin:0 .5rem}
.zhishi a,.zhishi span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#friend>a{display:block;width:20%;border-left:1px solid #ddd;border-top:1px solid #ddd;text-align:center}
#friend>a:nth-child(n+6){border-bottom:1px solid #ddd}
#friend>a:nth-child(5n){border-right:1px solid #ddd}
#friend>a>div{width:100%;height:0;padding-bottom:40%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:90%}

#xiaoyuan{background-color:#fff;padding:5rem;font-size:1.1rem;line-height:2;position:relative}
#xiaoyuan h2{margin-bottom:1rem;color:yellow}
#xiaoyuan>.box{background-color:#00B4A6;padding-left:2rem;padding-bottom:3rem;color:#fff;border-radius:40px 0 0 0;position:relative}
#xiaoyuan:before{clear:both;content:"\267B";position:absolute;left:2.5rem;top:5rem;bottom:0;width:0;border-left:5px solid #ccc;color:#fff;font-size:2rem;line-height:normal;text-indent:5px}
#xiaoyuan:after{clear:both;content:"";position:absolute;left:2.5rem;top:5rem;width:0;height:0;border-style:solid;border-width:100px 160px 0 0;border-color:#00B4A6 transparent transparent transparent;z-index:-1}
#xiaoyuan>.box+.box{padding-top:3rem}
#xiaoyuan>.box:nth-child(4){margin-bottom:2rem}
#xiaoyuan>.box:nth-child(3){margin-left:20rem;background-color:#33C3B8;}
#xiaoyuan>.box:nth-child(2){margin-left:40rem;background-color:#66D2CA;}
#xiaoyuan>.box:nth-child(1){margin-left:60rem;background-color:#99E1DB;padding-top:3rem}
#xiaoyuan .wrap{position:relative}
#xiaoyuan>.box:nth-child(1) .wrap>div{width:100%;margin:0;padding:0}
#xiaoyuan>.box:nth-child(2) .wrap>div{width:50%;margin:0;padding:0}
#xiaoyuan>.box:nth-child(3) .wrap>div{width:33.33333333%;margin:0;padding:0}
#xiaoyuan>.box:nth-child(4) .wrap>div{width:25%;margin:0;padding:0}
#xiaoyuan>.wrap{padding-top:2rem}
#xiaoyuan>.wrap div{width:calc((100% - 4rem) / 3);text-align:center;border:2px solid #ddd;padding:1rem}
#xiaoyuan>.wrap div:nth-child(2){margin:0 2rem}
#xiaoyuan>.wrap div em{display:block;margin:1rem auto;font-size:3rem;width:5rem;height:5rem;line-height:5rem;border:2px solid rgba(50,180,200,.3);border-radius:50%;text-align:center;color:rgba(50,180,200,1)}

#mubiao{background-color:#fff;padding:2rem}
.zhongjian{width:590px}
#mubiao>div+div{margin-top:3rem}
#mubiao2{background-repeat:no-repeat;background-position:center;min-height:400px;background-image:url("../img/mubiao2.jpg");margin-top:3rem}
#mubiao h2{color:rgba(50,180,200,1);margin-bottom:1rem}.mubiao_jieguo{margin-top:3rem}
.jiazhi{counter-reset:index}
.jiazhi>div{width:49%;margin-right:2%;background-color:#DF213B;color:#fff;margin-bottom:5px;line-height:3;position:relative}
.jiazhi>div:nth-child(2n){margin-right:0}
.jiazhi>div:before{clear:both;content:counter(index);counter-increment:index;display:inline-block;line-height:3;background-color:#333;border-right:2px solid #fff;width:3rem;text-align:center}

#exam{background-color:#fff;padding:2rem;counter-reset:index}
.step>.flex_item{border:4px solid rgba(50,180,200,.5);padding:3rem;text-align:center}
.step>.flex_item:before{clear:both;content:counter(index);counter-increment:index;display:block;margin:0 auto;width:7rem;height:7rem;background-color:#eee;text-align:center;line-height:7rem;font-size:3rem;border-radius:50%;margin-bottom:2rem}
#exam h2{margin-bottom:2rem}
.step>.flex_item:nth-child(2){margin:0 2rem}
.step>.flex_item:nth-child(1){border-radius:20px 0 0 0}
.step>.flex_item:nth-child(3){border-radius:0 0 60px 0}

.step2>.flex_item{border:4px solid #ccc;padding:3rem;text-align:center}
.step2>.flex_item:nth-child(2){margin:0 2rem}
.step2>.flex_item:nth-child(1){border-radius:20px 0 0 0}
.step2>.flex_item:nth-child(3){border-radius:0 0 60px 0}
.step2 em{display:block;margin:0 auto;width:7rem;height:7rem;background-color:rgba(50,180,200,.5);color:#fff;text-align:center;line-height:7rem;font-size:3rem;border-radius:50%;margin-bottom:2rem;position:relative;overflow:hidden}
.step2 em:after{clear:both;content:"";display:block;width:1.5rem;height:1.5rem;background-color:rgba(255,255,255,.3);border-radius:50%;position:absolute;right:1.5rem;top:.5rem}

#jiaowu{background-color:#fff;padding:2rem;counter-reset:index}

#service>div{background-color:#fff;padding:2rem;color:#666;position:relative}
#service>div:nth-child(2){margin:0 2rem}#service h3{margin-bottom:1rem;color:#000}
#service>div:before{clear:both;content:"";position:absolute;top:0;width:30%;height:0;border-top:3px solid rgba(50,180,200,1)}
#service>div:nth-child(1):before{left:0}
#service>div:nth-child(2):before{left:35%}
#service>div:nth-child(3):before{right:0}

#contact{padding:2rem;background-color:#fff;font-size:1.15rem;line-height:2;color:#333}
#contact p+p{margin-top:1rem}
#contact>div:first-child{margin-right:2rem;width:40%}

.amap-logo,.amap-copyright{position:absolute;left:-1000px;bottom:-1000px}
#job{padding:2rem;background-color:#fff;font-size:1rem;line-height:2;color:#333}
#job h2{margin-bottom:1.5rem;line-height:normal}#job p{margin-bottom:.5rem}
#job .pic{width:30%;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/jotu.jpg");margin-right:2rem;}
#tb_job{width:100%;border:0;margin:0;padding:0;font-size:1rem;margin:1rem 0}
#tb_job td,#tb_job th{border:0}#tb_job td{padding:8px 5px}
#tb_job th{border-top:1px solid #ddd;height:0;font-size:0;overflow:hidden;padding:0}
#tb_job thead td{border-bottom:2px solid rgba(50,180,200,1)}
#tb_job tbody tr:nth-child(2n){background-color:#EDEDED}
#viewbox{background-color:#fff;font-size:16px;padding:2rem;line-height:2.5}
@media only screen and (max-width:950px){
	.nowap{display:none}
	.video{height:auto}
	video{position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/about.jpg")}
	.video:before{display:none}
	.body{width:100%;background-color:transparent}
	.ad{font-size:1.5rem; letter-spacing:normal;margin-top:-2rem}.ad:after{font-size:1rem}
	#menu{background-color:#f8f8f8;height:3.5rem;padding:0;font-size:1rem;color:#333;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;overflow:visible}#menu p{display:none}#menu a{color:#333}
	#menu .body{width:100%}
	#icon_menu{position:absolute;right:0;top:0;bottom:0;line-height:3.5rem;padding:0 1rem}
	#menu ul{display:block;position:fixed;left:0;top:3.5rem;right:0;bottom:0;z-index:6;background-color:rgba(0,0,0,.8);-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translateX(-105%);-ms-transform:translateX(-105%);transform:translateX(-105%)}
	#menu ul.show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	#menu ul li{border-bottom:1px solid rgba(255,255,255,.3)}#menu li+li{margin-left:0}#menu ul li:last-child{display:none}
	#menu ul li a{display:block;height:100%;text-align:center;line-height:3;color:rgba(255,255,255,.8)}
	.logo{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAMAAADIF1gZAAAAD1BMVEVMaXGr1HQAtKYDi9AAWqxDrGARAAAAAXRSTlMAQObYZgAAADRJREFUeNrtyjEKAEAIA0E9/f+bD6wCqVWQbJmMBWWVU6ID9FGiAxRjiu9tmtUmhXAX7acfaBcIuRZreP0AAAAASUVORK5CYII=");background-size:1.8rem auto;background-position:1rem 1.15rem;padding-left:3.5rem;font-size:1.2rem}
	#menu + div{margin-top:50px}
	#icon_menu{display:block}
	#copyright>div{font-size:12px;padding:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:2}
	h1.title{text-align:center;font-size:1.5rem;font-weight:400;padding:1rem 0;background:rgba(50,180,200,1);color:#fff}
	#index_productbox{display:block}
	.indexproduct{display:block;width:100%;background-color:rgba(255,255,255,.5);margin:0;padding:2rem 1rem;box-shadow:none}
	.indexproduct:nth-child(even){background-color:transparent}.indexproduct i{border:1px solid var(--mylv)}
	#lunxian{padding-bottom:45%}
	.zhishi{padding:0 1rem;background:#fff;border:0}
	
	#friend{padding:1rem}
	#friend>a{width:50%}
	#friend>a:nth-child(n+6){border-bottom:0}
	#friend>a:nth-child(5n){border-right:0}
	#friend>a:nth-child(2n){border-right:1px solid #ddd}
	#friend>a:nth-child(n+9){border-bottom:1px solid #ddd}
	
	
	#xiaoyuan{padding:0;margin-top:1rem;background:none}
	#xiaoyuan:before{clear:both;position:absolute;left:5px;top:0;border-left-width:2px;font-size:1.5rem}
	#xiaoyuan:after{left:5px;top:0;width:0;height:0;border-style:solid;border-width:60px 90px 0 0;border-color:#ccc transparent transparent transparent}
	#xiaoyuan h2{margin-bottom:5px;font-size:1.2rem}
	#xiaoyuan>.box{padding-left:1rem;padding-bottom:2rem;border-radius:10px 0 0 0;font-size:1rem;background-color:#949494}
	#xiaoyuan>.box+.box{padding-top:1rem}
	#xiaoyuan>.box:nth-child(3){margin-left:5rem;background-color:#9E9E9E}
	#xiaoyuan>.box:nth-child(2){margin-left:10rem;background-color:#A9A9A9}
	#xiaoyuan>.box:nth-child(1){margin-left:15rem;background-color:#B4B4B4;padding-top:1rem}
	#xiaoyuan>.box:nth-child(4) .wrap>div{width:50%;margin:0;padding:0}
	#xiaoyuan>.box:nth-child(4){margin-bottom:0}
	#xiaoyuan>.box:nth-child(4)+div{margin:0;background-color:#fff;padding:1rem;text-align:justify}
	#xiaoyuan>.wrap{padding:0;margin-top:5px}
	#xiaoyuan>.wrap div{background-color:#fff;margin:0;padding:1rem;width:100%;border:0}
	#xiaoyuan>.wrap div:nth-child(2){margin:5px 0}
	
	#mubiao{background-color:#fff;padding:1rem;margin-top:5px}
	#mubiao h1{font-size:1.5rem;margin-bottom:0}#mubiao h2{color:rgba(50,180,200,1);margin-bottom:1rem;font-size:1.3rem}
	#mubiao>div+div{margin-top:1rem}#mubiao h3{font-size:1.2rem;margin-top:1rem}
	#mubiao2{background-image:none;margin-top:1rem}
	#mubiao2 .flex{display:block;background:none;background-image:none}
	.mubiao_jieguo{margin-top:0}
	.jiazhi>div{width:100%;margin-right:0;background-color:#DF213B;color:#fff;margin-bottom:5px;line-height:3;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	
	#exam{background-color:#fff;padding:0;margin-top:5px}
	#exam .title{background:none;text-align:center;color:rgba(50,180,200,1)}
	.step,.step2{display:block}
	#exam .flex_item{border:0;margin:0;padding:1rem;background-color:#EDEDED;border-radius:0}
	#exam .flex_item:nth-child(2n){background-color:#F6F6F6}
	.step>.flex_item:before{background-color:#ccc}#exam h2{margin-bottom:1rem}
	.step2 em,.step>.flex_item:before{width:5rem;height:5rem;margin-bottom:1rem;font-size:2.5rem;line-height:5rem}
	
	#service{display:block;margin-top:5px}
	#service>div:nth-child(2){margin:5px 0}
	#service>div{padding:1rem}
	#service>div:nth-child(2):before{left:0}
	#service>div:nth-child(3):before{right:auto;left:0}
	
	#contact{display:block;margin-top:5px;padding:1rem;font-size:1.1rem}
	#contact>div:first-child{margin-right:0;width:100%}
	#contact>div:last-child{height:100vw;border:2px solid #ddd;margin-top:1rem}
	
	#job{padding:1rem;margin-top:5px}
	#job .pic{display:none;margin:0}
	#viewbox{padding:1rem;margin-top:5px;font-size:1rem}
}