@charset "utf-8";



/* wrapper */

.wrapper{position:relative;width:100%;min-height:100%;}

dl.record dd{display: inline-block;margin-right: 15px;color: #b1b1b1;font-size: 14px}

	dl.record dd:before{display: inline-block;margin-right:5px;width: 17px;height: 14px;content: "";background-position: left center;background-repeat: no-repeat;position: relative;top:2px}

	dl.record dd.time:before{background-image: url("../images/0time.png")}

	dl.record dd.seed:before{background-image: url("../images/0see.png")}

.bg8{background-color: #f8fbfc;}

.icon{background-position: center;background-repeat: no-repeat;background-size: 100%}

.fc{font-family: }

.header>*{vertical-align: middle;}

	.head-logo{ display:block;background-position:left center;background-repeat: no-repeat;background-image: url("../img/logo.png");background-size: 100% auto;width: 161px;position: absolute;left: 0;right: 10px;margin:auto;z-index: 44;top:-15px;bottom: 0;}

	.nav-toggle{position:fixed; z-index:999; top:13px; right:10px; display:none; width:30px; height:13px; padding-top:13px; touch-action:none;}

		.nav-toggle .icon{ position:relative; z-index:999;width:30px;height:2px;border-radius:2px;background-color:#008cd6;transiting-timing-function:swing;}

		.nav-toggle .icon:after,.nav-toggle .icon:before{position:absolute;left:0;width:30px;height:2px;border-radius:2px;background-color:#008cd6;content:"";-webkit-transition-timing-function:swing;transition-timing-function:swing;}

		.nav-toggle .icon:before{top:-9px;}

		.nav-toggle .icon:after{top:9px;}

		.nav-toggle.active .icon{ width:0;}

		.nav-toggle.active .icon:before{-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);}

		.nav-toggle.active .icon:after{-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);}

/* header */

.header{z-index:998;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;position: relative;width:100vw;position: fixed;width: 100vw;z-index: 998;height: 180px;background:url("../img/topbj.png") repeat-x;}

	.header:before {content: '';position: absolute;z-index: 3;top: 0;left: 0;width: 100vw;height: 4px;background-color: #8ebb2c;position: fixed;z-index: 22;overflow: hidden;}

.head-navDiv{position: relative;top:4px;width: 100vw}

	.header .Header_Sub{position: absolute;right: 150px;top:-5px;z-index: 12;width: 210px;background-color: #8ebb2c;line-height:33px;text-align: center;overflow: hidden;}

		.header .Header_Sub .contactUs{width: 94px;background-color: #8ebb2c;color: #fff;}

		.header .Header_Sub a{color: #ffffff;font-size: 16px;cursor: pointer;}

		.header .Header_Sub .line{color: #ffffff;font-size: 12px;display: inline-block;margin: 0 5px;position: relative;top:-1px}

	.header .head-nav{width:100vw;position:relative;top:auto;left: auto;text-align: right;overflow: visible;height: 178px;padding:47px 0 40px; }

		.header .head-nav .container{position: relative;}

		.header .head-nav li{position: relative;text-align: center;padding: 15px 0;height: 90px;display: inline-block;margin: 0;color: #5e6f7d;}

		.header .head-nav li:before{content: '';position: absolute;z-index: 3;top: 0;left: 0;width:1px;height: 80%;background:url("../img/xian.png") no-repeat center;position: absolute;bottom: 0;margin:auto;background-size: 100%}

		.header .head-nav li:nth-child(4n):after{content: '';z-index: 3;top: 0;right: 0;width:1px;height: 80%;background:url("../img/xian.png") no-repeat center;position: absolute;bottom: 0;margin:auto;background-size: 100%}

				.head-nav li a{ position: relative;display:inline-block;line-height:34px; font-size:15px; font-weight:normal;width: 100%;text-align: center;color: #5e6f7d;width: 145px}

				.header .head-nav li.active p,.header .head-nav li:hover p{color: #8ebb2c;}

		.header .head-nav li p{position: relative;z-index: 8;color:#5e6f7d }

			.header .head-nav li .icon{width:34px;height: 34px;background-size: 100%;display: inline-block;margin:0 auto 0px;}

				.header .head-nav li:nth-child(1) .icon{;background-image: url("../img/top_ico01.png");}

				.header .head-nav li:nth-child(2) .icon{;background-image: url("../img/top_ico02.png");}

				.header .head-nav li:nth-child(3) .icon{;background-image: url("../img/top_ico03.png");}

				.header .head-nav li:nth-child(4) .icon{;background-image: url("../img/top_ico04.png");}

				.header .head-nav li:nth-child(5) .icon{;background-image: url("../img/top_ico05.png");}

				.header .head-nav li:nth-child(6) .icon{;background-image: url("../img/top_ico06.png");}

				.header .head-nav li:nth-child(7) .icon{;background-image: url("../img/top_ico07.png");}

				.header .head-nav li:nth-child(8) .icon{;background-image: url("../img/top_ico08.png");}



/* links */

.links-list{ width:100%; height:140px; overflow:hidden;}

	.links li{ height:140px;}

		.links li .tbc{ padding:0 58px;}

.content{padding-top:160px;overflow: hidden;}

/* footer */

.index_footer{background-color: #252525;line-height:150%;font-size: 13px;}

.footer{position: relative}

.footer .container{position: relative;}

	.footer .container .fo_logo{position: absolute;width: 100%;height: 119px;top:-147px;text-align: center;z-index: 40}

	.footer .container .fo_logo .line{position: absolute;width: 100%;height:1px;top:0;bottom: 0;margin:auto;background-color: #8ebb2c}

	.footer .container .fo_logo .imgDiv{display: inline-block;width:193px;height: 91px;background:#fff url("../images/0header_logo1.png") center no-repeat;position: relative;z-index: 5}

	.index_footer .fo_div{ font-size: 14px;color: #ccc;padding: 50px 0 40px;border-bottom: 1px solid #393939}

	.index_footer .fo_div h3{ font-weight:bold;padding:0 0 10px;font-size: 17px;margin-bottom: 10px;}

	.index_footer .fo_right dl dd{padding-right:48px;line-height: 26px;font-size: 17px;}

	.index_footer .fo_left{    margin-top: -20px;}

	.index_footer .fo_right dl dd span{display: inline-block;margin-right:10px; width: 22px;height: 19px;background-position: left center;background-size: auto;width: 22px;height: 19px;position: relative;}

	.index_footer .fo_right dl dd.icon_tel span{background-image: url("../images/0foot_icon02.png")}

	.index_footer .fo_right dl dd.icon_email span{background-image: url("../images/0foot_icon03.png");top:3px;}

	.index_footer .fo_right dl p{}

	.index_footer .fo_right dl .padTop15 {margin-top:15px}

	.index_footer .fo_right{font-size: 14px;font-weight: normal;color: rgba(255, 255, 255, 0.5);text-align:left;}

		.index_footer .fo_right {margin-left:50px;line-height: 150%}



		.index_footer .fo_link a{font-size: 14px;color: rgba(255, 255, 255, 0.35);position: relative;display: inline-block;line-height: 90px;}

		.index_footer .fo_link .jishu{font-size:12px;}

		.footer .fo_link .footcopyright{line-height: 90px;}

.footer.inside_footer{    background-color: #e8e7e7;border-top: 3px solid #8ebb2c;}

	.footer.inside_footer .container{padding:50px 0 35px}

	.inside_footer  a{color: #3e3e3e;line-height: 180%}

	.inside_footer .link a{color:#3e3e3e;line-height: 180%;display: inline-block;margin-right:15px}

	.inside_footer .desc{text-align: right;}

	.inside_footer .desc .icon{width: 33px;height: 33px;background-size: auto;margin-left: 15px;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;    background-color: rgb(170, 205, 6);}

	.inside_footer .desc .weixin{background-image: url("../images/0foot_icon05.png");}

	.inside_footer .desc .qq{background-image: url("../images/0foot_icon06.png");}

	.content{padding-bottom:50px;}

	.loginDivAll{position: fixed;z-index: 999;background-color: rgba(0, 0, 0, 0.5);width: 100vw;height: 100%;top:0;display: none}

	.loginDivAll .formDiv{position: absolute;width: 607px;height: 440px;background-color: #fff;top:0;bottom: 0;left: 0;right: 0;margin:auto;overflow: hidden;display: none}

	.loginDivAll .formDiv .form_ground{ position:relative; margin-bottom:18px;padding-left:46px;margin-right:5px;border:1px solid #e7ecf1;}

		.loginDivAll .formDiv .form_ground > *{ vertical-align:middle;}

		  .loginDivAll .formDiv .form_ground label{ position:absolute;left:0;text-decoration:none;width:46px;height: 100%;background-color: #f7f7f7;border-right: 1px solid #e7ecf1;background-position: center;background-repeat: no-repeat;}

		  .loginDivAll .formDiv .form_ground .emailIcon{background-image: url("../images/0email.jpg");}

		  .loginDivAll .formDiv .form_ground .passIcon{background-image: url("../images/0mima.png");}

		  	 .loginDivAll .formDiv .formCon{padding:10px 32px;position: relative;}

		  	 .loginDivAll .formDiv .groundDiv{width: 354px;margin: auto;padding-top: 10px}

		  	 .loginDivAll .formDiv  h3{padding:0 32px;text-align: center;line-height: 67px;margin-bottom: 20px;border-bottom: 1px solid #edf1f2;font-size: 24px;font-weight: 300}

		   .loginDivAll .formDiv .form_ground .inputCtrl{display:inline-block; width:100%; height:46px;line-height: 46px;vertical-align:middle;padding:0 10px;font-size: 14px;outline: none;color: #2f373e;border:none}

	     .loginDivAll .formDiv .btn_submit{ display:block; width:100%; height:41px; border:0; font-size:16px; color:#fff; background-color:#8ebb2c;line-height: 41px;margin:24px auto 0;}

		  .loginDivAll .formDiv  .btn_submit:hover{ background-color:#bee30e;}

		  .loginDivAll .formDiv .loginBo{position:absolute;width: 100%;bottom: 0;height: 50px;line-height: 50px;text-align: center;background-color: #f8f8f8;font-size: 14px;color: #a1a7aa;font-weight: 600;}

		  .loginDivAll .formDiv .loginBo a{font-size: 14px;color: #8ebb2c;font-weight: 600;}

.loginDivAll .formDiv.registerCon{height: 454px;}

.loginDivAll .closeBtn{width: 20px;height: 20px;background:url("../images/layer-close.png") no-repeat center;background-size: 100%;position: absolute;top:20px;right: 30px;cursor: pointer;}

.index_footer{background-color: #e8e7e7;border-top: 3px solid #8ebb2c}

	.index_footer .fo_div h3,.index_footer .fo_right,.index_footer .fo_link a{color: #3e3e3e}

		.index_footer .fo_div{border-bottom-color: #d3d2d2}

.fo_left1 p{color:#3e3e3e;line-height:22px;text-align:left}



/* 1366 */

@media (max-width:1450px){

	.about_safe .container{width:1000px;padding:0 40px}

.header{height:130px;}

	.content{padding-top:130px;}

	.header .Header_Sub{line-height:26px;}

		.header .Header_Sub .line{color: #ffffff;font-size: 12px;display: inline-block;margin: 0 5px;position: relative;top:-1px}

	.header .head-nav{height: 120px;background-color: #fff;padding:47px 0 20px; }

		.header .head-nav li{padding:0;height:80px}

				.header .head-nav li.active p,.header .head-nav li:hover p{color: #8ebb2c;}

		.header .head-nav li p{margin-top: 0px }

		.header .head-nav li:before,.header .head-nav li:nth-child(3n):after{top: -22px;}

		.footer .container{position: relative;}

		

}



/* 1200 */

@media (max-width:1270px){

	.container{width:100vw;padding:0 20px}

/*	.content {padding-top: 60px;}*/

	.topBtn{bottom: 30px;right: 0}

	.head-nav.fixed .head-logo2 {left: 15px;display: block;}

	.head-nav li a{width:110px}

	.footer.inside_footer .container{padding: 50px 30px 35px;}

	.index_footer .fo_right {margin-left:85px}

	

}

@media (max-width:900px){



	.head-nav li a{width: 90px;font-size: 14px}

	.header .Header_Sub{right: 12px;top:12px;z-index: 12;width: 170px;line-height:30px;font-size: 12px;width: 303px}

		.header .Header_Sub .contactUs{width: 70px;background-color: #8ebb2c;color: #fff;}

	.footer{text-align: center;}

	.head-logo{width: 110px;height: 80px;top:0px}

.footer .fo_div{padding:30px 0}

	.footer .fo_div h3{padding:0 0 10px;font-size:16px;margin-bottom:10px;}

	.fo_left{float: none;margin-bottom:30px}

	.fo_left1{float: none;margin-bottom:30px;margin-left:0}

	.fo_right{float: none;margin-bottom: 10px}

	.footer .fo_div .fo_right h3{float: none;text-align: left;margin-bottom: 25px}

	.footer .fo_left dl dd{float: none;padding-right: 15px;}

	.footer .fo_right a{margin:0 5px}

	.footer .link{text-align: center;}

	.header .head-nav{height: 150px;padding-bottom: 10px}

	.footer .fo_link{padding:20px}

	.footer .fo_link a{line-height: 180%;text-align: center;margin:0 5px}
	.footer .fr a{text-align: center;}

	.footer .fo_link .jishu{float: none;margin:0}

	.footer .container .fo_logo{width: 94%}

.header{height: 150px}

.content {padding-top: 150px;}

.index_footer .fo_right{margin-left:0;display: block;}

.ewmDiv	{float: none;}

}

/* 900 */

@media (max-width:650px){

.content {padding-top: 52px;}

	html,body{height:100%;width: 100vw;}

	.head-navDiv{height: 48px;position: fixed;}

	.header{height: 48px;line-height: 48px;padding-top: 4px;z-index: 1000;position:fixed;width: 100vw;background-color: #fff}

	.header .head-nav{top:0;left: 0;background-color: #8ebb2c;z-index: 888;height: 100vh}

	.head-logo{width:35%;background-size: auto 100%;}

	.nav-toggle{ display:block;}

	.header .head-nav{ position:fixed; z-index:998;width: 100vw;top:0; right:auto; bottom:0; left:0; visibility:hidden; padding-top:100px; background-color:#8ebb2c; opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); transform:scale(.9); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}

	.header .head-nav .container{padding:0}

			.head-logo{ height: 40px}

		.Header_Sub{height:30px}

		

	.header .head-nav.active{ visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

		.header .head-nav li{display: block;float: none;text-align: center;margin: 0;padding:0 10%;width: 100%;height:70px}

		.header .head-nav li a{ position: relative;display:block; height:50px; line-height:50px;font-size:15px; font-weight:normal; color:#fff;margin:0}

		.header .head-nav li .icon{display: none}

		.header .head-nav li:before{ position: relative; height:1px;width: 100%;background:rgba(255, 255, 255, 0.2);display: block;bottom: 0}

		.header .head-nav li:last-child:after{display: none}

		.header .head-nav li:first-child a:before{ display:none;bottom: 0}

		.header .head-nav li.active a:before{ position: relative;}

		.header .head-nav li a p{color: #fff}

		.header .head-nav li.active a,.head-nav li:hover a{color: #fff;font-weight: normal}

		.header .head-nav li a{width: auto;display: block;border-width: 0;}



	.header .Header_Sub{right: 0px;top:0px;width: 160px;line-height:26px;font-size: 12px;bottom: 0;left: 30px;margin:auto;height: 25px}

		.header .Header_Sub .contactUs{width: 70px;background-color: #8ebb2c;color: #fff;}

.footer{ line-height:150%;padding:10px 0;margin-top: 0}

.header .head-nav li.active p,.header .head-nav li:hover p{color: #fff;}



.footer .fo_logo{display: none}

	.footer .fo_div h3{font-weight: bold;display: none}

	.footer .fo_right a{font-weight: normal;font-size: 13px;}

	.footer .fo_div .fo_right h3{margin-bottom: 10px;text-align: center;padding-bottom: 0}

	.footer .fo_right dl dd{font-size: 13px;font-weight: normal;padding-right: 0;margin-bottom: 0px}

	.footer .fo_right .ewmDiv{width: 30%;}

	.footer .fo_right .ewmDiv img{width: 100%;}

	.header .Header_Sub a{font-size: 14px}

	.footer.inside_footer .container{padding:15px 0}

	.inside_footer .pic{float: none;margin-top: 5px}

	.inside_footer .desc{text-align:center;padding-top: 10px;float: none}

	.inside_footer .desc .icon{margin:0 10px}



}



/* 375 */

@media (max-width:650px){



	dl.record dd{font-size: 12px}

	.head-logo{width:85px;right: auto;left: 15px;top:0}



	.loginDivAll .formDiv{position: absolute;width: 90%;padding:0 0px;height: 340px}

	.loginDivAll .formDiv .formCon{padding:10px;position: relative;}

		  	 .loginDivAll .formDiv .groundDiv{width:100%;margin: auto;padding-top: 10px}

		.loginDivAll .formDiv  h3{font-size: 18px;line-height: 45px}

		.loginDivAll .formDiv.registerCon{height: 400px}

		.loginDivAll .formDiv{position: fixed;width: 300px;height: 400px;margin-left: -150px;margin-top: -161px;top: 50%;left: 50%;}  	

		.loginDivAll .formDiv .form_ground .inputCtrl{ height:35px;line-height: 35px;font-size: 12px}

.footContact {margin-right: 0;text-align: center;width: 100%}

}/*

break*/

.layui-flow-more{line-height: 2.5rem;text-align: center;cursor: pointer;color: rgba(0, 0, 0, 0.8);/*border-top: 1px solid #f5f5f5;*/clear:both}		



.other_login{padding:1.5rem 0 0;text-align: center;color:#c4c4c4;font-size: .75rem}

	.loginWay{padding:1rem 0 0;text-align: center;width: 60%;margin: auto;}

		.loginWay li{width: 33.33%;}

		.loginWay li a{display: inline-block;width: 2.4rem;height: 2.6rem;background-size:100%;background-repeat: no-repeat;background-position: center;}

		.loginWay li.qq a{background-image: url("../images/6icon24.png")}

		.loginWay li.webo a{background-image: url("../images/6icon26.png")}

		.loginWay li.wechat a{background-image: url("../images/6icon25.png")}	


.footContact {margin-right: 30px;}