@charset "utf-8";

@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	margin: 0;
	letter-spacing: 1.5px;
	line-height:2;
font-family:"微软雅黑",arial,sans-serif;

}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family:"微软雅黑";}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.9;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.9;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.9;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.9;}



.w85{width:85%;max-width:1400px;margin: 0 auto;}
.title{width: 100%;height: auto;position: relative; text-align: center;}
.title h1{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);letter-spacing: 2px; -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); width: 100%;height: auto;text-align: center; font-size: 36px;color: #FFC960;}
.title h6{line-height: 1.3; font-size: 110px;font-family:arial;font-weight: bold;color: rgba(255,255,255,0.1);text-transform: uppercase;}
.title2 h2{font-size: 30px;color: #FFC960;}
.title h2{color: #FFFFFF;font-size: 36px;font-weight: normal;}



@media only screen and (max-width:1600px) {
	.title h1{font-size: 34px;}
	.title h2{font-size: 34px;}
	.title h6{font-size: 105px;}
.title2 h2{font-size: 28px;}
}
@media only screen and (max-width:1400px) {
	.title h1{font-size:32px;}
	.title h2{font-size: 32px;}
	.title h6{font-size: 100px;}
.title2 h2{font-size: 26px;}
}
@media only screen and (max-width:1200px) {
	.title h1{font-size:30px;}
	.title h2{font-size: 30px;}
	.title h6{font-size: 90px;}
.title2 h2{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
	.title h1{font-size:26px;}
	.title h2{font-size: 26px;}
	.title h6{font-size: 80px;}
.title2 h2{font-size: 22px;}
}

@media only screen and (max-width:720px) {
	.w85{width: 90%;}
	.title h1{font-size:20px;}
	.title h2{font-size: 20px;}
	.title h6{font-size:42px;}
.title2 h2{font-size: 20px;}
}





.index-page{width: 100%;height: auto;}
.header{width: 100%;height: auto;position:fixed;top: 35px;left: 0;z-index: 9999;}
.header ul{ width: 100%;height: auto; font-size: 0;text-align: center;}
.header ul li{text-align: center; display: inline-block;height: auto;margin: 0 2%;font-size: 0;}
.header ul li a{color: #fff;display: inline-block;font-size: 15px;}
.header ul li a:hover{color: #ffc960;}
.header ul li a span{font-size: 15px;}
.header ul li a b{font-size: 12px;transform: scale(0.9); display: block;font-weight: normal;margin-top: 5px;text-transform: capitalize;}
.header ul li a:hover{color: #ffc960;}
.header ul li.cut a{color: #ffc960;}

.header3{overflow: hidden; width: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;padding: 15px 0;transition: all 0.3s ease}

.header ul li.sub{position: relative;display: inline-block;}


.header ul li.sub > a{display: block;}
.header ul li.sub .downs{ width: 140px;background:rgba(0,0,0,0.6);position: absolute;top: 100%;display: block; display: none; padding: 10px 0; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}


.header ul li.sub .downs a{line-height: 35px;font-size: 13px; display: block;color: #FFFFFF;}
.header ul li.sub:hover .downs{display:block;}
.header ul li.sub .downs a:hover{color: #FFC960;}
.index-page video{position: fixed; bottom:0%;top: auto; left: 0%; width: 100%;height: 100%;object-fit:cover !important; z-index: 22;display: block;}
.index-page  .con{width: 100%;height: auto;position:fixed;z-index: 44; top: 40%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.index-page  .con .logo{display: block;width: 45%;max-width: 560px;height: auto;margin: 0 auto;margin-bottom: 15px;}
.index-page  .con .logo img{display: block;width: 100%;height: auto;}
.index-page .con .title{font-size:28px;padding-left:2.5%; color: #FFFFFF;letter-spacing:3px; text-align: center;font-weight: bolder;}
.index-page .con .btn:before{content: "";position: absolute;left: 50%;top:-2px;height: 100%;border-radius: 0px; width: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); z-index: -1;background:rgb(255,255,255,0.1);}
.index-page .con .btn:hover:before{width:calc(100% + 4px);transition: all 0.5s ease; height: calc(100% + 4px);}

.index-page .law-box{width: 100%;height: auto;text-align: center;color: #FFFFFF;position: fixed;bottom: 5%;left: 0;z-index: 999;}
.index-page .law-box h6{font-size:16px;font-weight: normal;letter-spacing: 2px;}
.index-page .law-box p{font-size: 12px;}

.header2{position: absolute;}

.index-page .contact{width: ;color: #FFFFFF; position: fixed;bottom: 5%;right: 5%;z-index: 999;}
.index-page .contact .tel{font-size: 12px;}
.index-page .contact .tel span{width:100px;display: inline-block; text-align-last:justify;text-justify:distribute-all-lines;text-align: justify;}
.index-page .contact .tels span{font-size: 12px;letter-spacing: 0; width: 100px;}
.index-page .contact .tels {font-size: 12px;}
:-webkit-full-screen video {
width: 100%;
height: 100%;object-fit:fill;
}

:-moz-full-screen video{
width: 100%;
height: 100%;object-fit:fill;
}

.mb-nav{display: none;z-index: 99999; width: 100%;height: 55px;position:fixed;top: 0;left: 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.mb-nav .logo{display: block;width: 155px; height: auto;margin-left: 10px;margin-top: 10px;}
.mb-nav .logo img{display: block;width: 100%;height: auto;}

.mb-nav .toggle{ margin-top: 18px;width: 25px;height: 16px;position: absolute;right: 10px;top: 0;z-index: 999;}
.mb-nav .toggle span{width: 100%;height: 2px;background: #FFFFFF;display: block;margin-top: 7px;}
.mb-nav .toggle:before{content: ""; width: 100%;height: 2px;background: #FFFFFF;left: 0;top: 0;position: absolute;}
.mb-nav .toggle:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #FFFFFF;}
.header2  .mb-nav{position: absolute;}
header .mb-nav2{background: rgba(0,0,0,0.5);}


@media only screen and (max-width:1600px) {
.index-page .con .title{font-size: 26px;}
.index-page .law-box h6{font-size:15px;}
.index-page .law-box p{font-size: 12px;}
}

@media only screen and (max-width:1400px) {
.header ul li{margin: 0 1.5%;}
.header ul li a span{font-size: 13px;}
.header ul li a b{font-size: 12px;transform: scale(0.75);margin-top: 2px;}
.index-page .con .title{font-size: 24px;}
.index-page .law-box h6{font-size:14px;}
.index-page .law-box p{font-size: 12px;}
}
@media only screen and (max-width:1200px) {
	.header ul li{margin: 0 10px;}
	.index-page .con .title{font-size: 23px;}
	.index-page .law-box h6{font-size:13px;}
.index-page .law-box p{font-size: 12px;}
}
@media only screen and (max-width:1100px) {
	.header .nav{display: none; width: 100%;height: auto;position: fixed;top: 55px;left: 0;background: rgba(0,48,183,0.8);}
	.header .nav li{display: block;width: 100%;padding:10px 5%;border-bottom: 1px solid rgba(255,255,255,0.1);margin: 0;text-align: left;}
	.header .nav li a b{display: inline-block;transform: scale(1);padding-left: 10px;}
	.mb-nav{display: block;}
	.header  ul li.sub .downs{width: 100%;text-align: left;background:rgba(0,0,0,0.7);padding: 0;}
	.header  ul li.sub .downs a{display: block;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1); padding: 10px 5%;}
	.header3{background: rgba(0,0,0,0);}
	.index-page .law-box{bottom: calc(6% + 40px);}
	.index-page .contact{transform: scale(0.9); bottom: 5%;right: 0;width: 100%;text-align:center;}
	
}
@media only screen and (max-width:720px) {
		.header{position: absolute;top: 0;}
	.index-page{width: 100%;height:100%;background: url(../img/ags.gif)center no-repeat;background-size: cover;}
	.index-page video{display: block;top: 0;left: 0;width: 100%;height: 100%;bottom: auto;object-fit: cover;}
	.index-page  .con .logo{width: 85%;margin-bottom:5px;}
	.index-page  .con .title{font-size: 20px;}
.index-page video{z-index: 0;display: none;}
.index-page .law-box h6{font-size:13px;}
.index-page .law-box p{font-size: 12px;transform: scale(0.8);}	
}


.page-bks{width: 100%;height: auto;position: fixed;z-index: -1; top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.header .pc-nav{width: 100%;height: auto;}
.header .pc-nav .logo{float: left; width: 180px;height: auto;display: block;}
.header .pc-nav .logo img{display: block;width: 100%;height: auto;}
.header .pc-nav .nav{width: calc(100% - 180px);text-align: right;float: right;}
.header .pc-nav .nav li{display: inline-block;text-align: center;margin: 0 1%;}
.header2 {background:#FFFFFF;position: absolute;top: 0;}

@media only screen and (max-width:1450px) {
.header .pc-nav .logo{width: 160px;}
.header .pc-nav .nav{width: calc(100% - 160px);}
.header .pc-nav .nav li{display: inline-block;text-align: center;margin: 0 0.8%;}	
}
@media only screen and (max-width:1350px) {
	.header .pc-nav .logo{width: 120px;}
.header .pc-nav .nav{width: calc(100% - 120px);}
.header .pc-nav .nav li{display: inline-block;text-align: center;margin: 0 3px;}
.header .pc-nav .nav li a span{font-size: 13px;}
}
@media only screen and (max-width:1200px) {
	.header .pc-nav .logo{width: 100px;}
.header .pc-nav .nav{width: calc(100% - 100px);}
.header .pc-nav .nav li{display: inline-block;text-align: center;margin: 0 1px;}
.header .pc-nav .nav li a span{font-size: 12px;}
}



@media only screen and (max-width:1100px ) {
.header .pc-nav .logo{display: none;}
.header .pc-nav .nav{width: 100%;text-align:left;background:url(../img/bk3.jpg)center no-repeat;}
.header .pc-nav .nav li{text-align: left;}
}

.wage{width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.wage .wage-c{width: 85%;height: auto;overflow: hidden; max-height:calc(90% - 80px); position:fixed;top: calc(46% + 40px);left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.wage .wage-c .li{ width:100%;height: auto; : relative; max-height: 100%;padding:3% 10% 5% 22%;float: left;  background: rgba(1,3,104,0.75);-webkit-background: rgba(1,3,104,0.75);}

.wage .wage-c .li .tl{width: 100%;color: #FFC960;}
.wage .wage-c .li .tl h5{font-size: 28px;color: #FFC960;}
.wage .wage-c .li .tl span{font-size:56px; font-family: arial;font-weight: bold;display: inline-block;padding-right: 10px;}
.wage .wage-c .li:before{content: "";position: absolute;left: 0;bottom: 1px;height: 2px;width: 100%;
background: -moz-linear-gradient(center, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2));
background: -webkit-gradient(linear, left top, left bottom, color-stop( rgba(255,201,96,0.2)), color-stop(#ffc960)); 
background: -webkit-linear-gradient(right,  rgba(255,201,96,0.2), #ffc960, rgba(255,201,96,0.2)); 
background: -o-linear-gradient(right, rgba(255,201,96,0.2), #ffc960  , rgba(255,201,96,0.2)); 
background: -ms-linear-gradient(right, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2)); 
background: linear-gradient(to right,  rgba(255,201,96,0.2), rgba(255,201,96,1) , rgba(255,201,96,0.2));}
.wage .wage-c .li .view{width: 100%;height: auto;letter-spacing: 2px; display: block;margin-top: 35px; font-size:20px;color: #FFC960;font-weight: bolder;}
.wage .wage-c .li .view span{display:inline-block;width:30px;height:18px;vertical-align: middle;margin-left:15px;}
.wage .wage-c .li .wageli-js{ margin-top:35px; max-height: 360px; width: 100%;}

.wage .wage-c .li .txt{width: 100%;height: auto;}
.wage .wage-c .li p{color: #FFFFFF;font-size: 16px;}
.wage .wage-c .li b{font-weight:bold;color: #FFC960;font-size: 20px;font-style: italic}












@media only screen and (max-width:1600px) {
	.wage .wage-c .li  .tl h5{font-size: 26px;}
.wage .wage-c .li  .tl span{font-size: 50px;}
.wage .wage-c .li  .view{font-size: 18px;margin-top: 30px;}
.wage .wage-c .li  .view span{width: 25px;height: 15px;}
.wage .wage-c .li  .txt{margin-top: 30px;}
.wage .wage-c .li .wageli-js{max-height:300px;}
	
}
@media only screen and (max-width:1400px) {
.wage .wage-c .li  p{font-size: 15px;}
.wage .wage-c .li  .view{font-size: 16px;}
.wage .wage-c .li  .tl h5{font-size: 25px;}
.wage .wage-c .li  .tl span{font-size:48px;}
.wage .wage-c .li  .txt{}
.wage .wage-c .li .wageli-js{height: auto; max-height:280px;margin-top: 30px;}
}
@media only screen and (max-width:1200px) {
.wage .wage-c .li  .tl h5{font-size: 20px;}
.wage .wage-c .li  .tl span{font-size: 40px;}
.wage .wage-c .li  .view{font-size: 15px;margin-top: 25px;}
.wage .wage-c .li  .view span{width: 20px;height: 12px;}
.wage .wage-c .li  .txt{}
.wage .wage-c .li .wageli-js{max-height:200px;margin-top: 25px;}
}
@media only screen and (max-width:1024px) {
.wage .wage-c{width: 90%;top: calc(50% + 22.5px);margin: 0 auto;}	
.wage .wage-c .li  p{font-size: 14px;}
.wage .wage-c .li  .tl h5{font-size: 18px;}
.wage .wage-c .li  .tl span{font-size: 35px;}
.wage .wage-c .li  .txt{}
.wage .wage-c .li .wageli-js{max-height:200px;margin-top:15px;}
.wage .wage-c .li  .view{font-size: 14px;margin-top: 20px;}
}
@media only screen and (max-width:720px) {
	.wage{position:static;height: auto;}
	.wage .wage-c{height:auto;top: calc(50% + 27.5px); }
	.wage .wage-c .li  p{font-size: 12px;}
.wage .wage-c .li  .tl h5{font-size:16px;}
.wage .wage-c .li .tl span{font-size: 28px;}
	.wage .wage-c{padding: 5% 0;}
.wage .wage-c .li {width: 100%;height: auto;margin: 0;padding: 5%;margin-top: 20px;}
.wage .wage-c .li .wageli-js{max-height:auto;}
}
















.class-banner{position: relative;top: 0;left: 0;width: 100%;overflow: hidden; height: 100%;background-size: cover;background-repeat:no-repeat;background-position: center;}
.class-banner .class-contain{width: 100%;height: auto;position: absolute;left: 0;top: 40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);  width: 100%;height: auto;}
.class-banner .class-contain .aide-sort{margin-top: 55px; width: 100%;text-align: center; height: auto;}
.class-banner .class-contain .aide-sort li{cursor: pointer; margin: 0 10px; position: relative;padding-bottom: 20px; color: #FFFFFF;display: inline-block;font-size: 18px;}
.class-banner .class-contain .aide-sort li.cut:before{content: "";position:absolute;left: 50%;bottom: 0; width:16px;height: 10px;background: url(../img/c009.svg)center no-repeat;background-size: cover;}
.class-banner .class-contain .aide-sort li.cut{font-weight: bold;}
.class-banner .class-contain .form-box{display: none; width: 80%; height: auto;margin: 0 auto;position: relative;}
.class-banner .class-contain .form-box form{display: block;border: none;}
.class-banner .class-contain .form-box input.sk{color: #999999; padding-left: 20px;font-size: 15px;color: #999; border: none; width: 100%;height:55px;background: #FFFFFF;}
.class-banner .class-contain .form-box input.ss{position: absolute;top: 7.5px;right:30px; width:40px;height:40px;border: none;background: none;background: url(../img/c008.svg)center no-repeat;background-size: cover;}

@media only screen and (max-width:1600px) {
.class-banner .class-contain .aide-sort li{font-size: 16px;}
.class-banner .class-contain .form-box input.sk{height: 50px;}
.class-banner .class-contain .form-box input.ss{width: 35px;height: 35px;}		
}
@media only screen and (max-width:1400px) {
.class-banner .class-contain .aide-sort li{font-size: 16px;}
.class-banner .class-contain .form-box input.sk{height:45px;}
.class-banner .class-contain .form-box input.ss{width: 30px;height: 30px;}		
}
@media only screen and (max-width:1200px) {
.class-banner .class-contain .aide-sort{margin-top: 45px;}
.class-banner .class-contain .aide-sort li{font-size: 16px;}
.class-banner .class-contain .form-box input.sk{height:45px;}
.class-banner .class-contain .form-box input.ss{width: 30px;height: 30px;}		
}
@media only screen and (max-width:1024px) {
.class-banner .class-contain .form-box{width:90%;}
}
@media only screen and (max-width:720px) {
.class-banner .class-contain .aide-sort{margin-top: 35px;}
.class-banner .class-contain .form-box input.sk{height:40px;padding-left: 10px;}
.class-banner .class-contain .form-box input.ss{width:25px;height:25px;right: 10px;}	
.class-banner .class-contain .form-box{width:100%;}
}


.footer{width: 100%;height: auto;background: #0e132a; padding: 55px 0;z-index: 9999;position: relative;}
.footer .foot-t{width: 100%;height: auto;}
.footer .foot-t .logo{width:180px;height: auto; display: block;float: left;}
.footer .foot-t .logo img{display: block;width:100%;height: auto;}
.footer .foot-t .pcy{width:calc(100% - 180px);float: right; height: auto;color: rgba(243,243,243,0.3);text-align:right;}
.footer .foot-t .pcy p{font-size: 16px; color: rgba(243,243,423,.3);}
.footer .foot-t .pcy p a{color: rgba(243,243,243,0.3);}
.footer .footer-c{position: relative;z-index: 0; width: 100%;height: auto;}
.footer .footer-c .bks{z-index: -1; height:auto;width:70%;position: absolute;top:65%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.footer .footer-c .bks img{display: block;width: 100%;height: auto;}
.footer .foot-d{padding-top:5%; width: 100%;height: auto;}
.footer .foot-d .tel{color: #FFFFFF;float: left;width: 50%;}
.footer .foot-d .tel p{color: rgba(248,250,253,0.3);}
.footer .foot-d .tel p a{font-size:36px;font-family:"arial black"; color: #f8fafd;}
.footer .foot-d .share{width: 50%;float: right;text-align: right;margin-top: 10px;}
.footer .foot-d .share a{display: inline-block;width:25px;margin: 0 1.5%;}
.footer .foot-d .share a img{display:block;width: 100%;height: auto;}
.return-top{border: none; width:45px;display: none;z-index: 999; height: auto;background: none; position: fixed;bottom: 8%;right:7.5%;}
.return-top img{display: block;width: 100%;height: auto;opacity: 0.2;}
.return-top:hover .img{opacity:0.6;}
.footer .foot-d .share a.wx{position: relative;}
.footer .foot-d .share a.wx .ewm{display: none; position: absolute;width: 120px;height: 120px;bottom: 100%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.footer .foot-d .share a.wx .ewm img{display: block;width: 100%;height: auto;}
.footer .foot-d .share a.wx:hover .ewm{display: inherit;}

@media only screen and (max-width:1700px) {
.return-top{right: 4%;}	
}

@media only screen and (max-width:1600px) {
.return-top{right: 45px;}
.footer .foot-d .tel p a{font-size: 34px;}
.footer .foot-t .pcy p{font-size: 15px;}	
.footer .foot-d .tel p{font-size: 15px;}	
}
@media only screen and (max-width:1400px) {
	.return-top{right:35px;width: 40px;height: auto;}
	.footer .foot-d .tel p a{font-size: 30px;}
}
@media only screen and (max-width:1200px) {
	.return-top{right:30px;width:35px;height: auto;}
	.footer .foot-d .tel p a{font-size:28px;}
}
@media only screen and (max-width:1024px) {
	.return-top{right:30px;width:35px;height: auto;}
	.footer .foot-d .tel p a{font-size:26px;}	
	.footer .foot-d .share{margin-top: 10px;}
	.footer .foot-d .share a{width: 20px;height: 20px;}
}
@media only screen and (max-width:720px) {
	.footer{padding:40px 0;}
	.footer .foot-t .logo{width: 180px;float: none;margin: 0 auto;}
	.footer .foot-t .pcy{width: 100%;height: auto;float: none;text-align: center;margin-top: 30px;}
	.footer .foot-t .pcy p{font-size: 14px;}
	.footer .foot-d .tel{width: 100%;height: auto;float: none;margin: 0 auto;text-align: center;}
	.footer .foot-d .tel p{font-size: 14px;}
	.footer .foot-d .tel p a{font-size:20px;}
	.footer .footer-c .bks{width: 100%;}
	.footer .foot-d .share{width: 100%;height: auto;text-align: center;}
	.footer .foot-d .share a{width: 16px;height: auto;}
}


.netaide-box{width: 100%;height:auto;overflow-y: auto; background: #f3f9ff; padding: 90px 0;position: relative;}
.netaide-box  .netaide-sort{padding: 90px 40px;position:absolute; width: 250px;overflow-y: auto; height:100%;background: #FFFFFF;left: 0;z-index: 99;top: 0;}
.netaide-box  .netaide-sort  ul.left-sort{width: 100%;height: auto;}
.netaide-box  .netaide-sort  ul.left-sort >li{margin-bottom: 20px; width: 100%;height: auto;padding-right: 20px;position: relative; }
.netaide-box  .netaide-sort  ul.left-sort li a{font-size: 18px;font-weight: bolder; color: #000000;padding: 5px 0; display: block; width: 100%;height: auto;}
.netaide-box  .netaide-sort  ul.left-sort li a .icon1{margin-right: 15px; vertical-align: middle; width: 22px;height: auto;display: inline-block;}
.netaide-box  .netaide-sort  ul.left-sort li  a .icon1 img{display: block;width: 100%;height: auto;}
.netaide-box  .netaide-sort  ul.left-sort li  .icon2{position: absolute;right:0;top: 10px; width: 10px;height:auto;display: block;}
.netaide-box  .netaide-sort  ul.left-sort li  .icon2 img{display: block;width:100%;height: auto;}
.netaide-box  .netaide-sort ul.left-sort>li.cut>a{color: #0052D9;}
.netaide-box  .netaide-sort ul.left-sort>li.cut .icon2{transform: rotate(90deg);}
.netaide-box  .netaide-sort ul.left-sort li .item{display: none; width: 100%;height: auto;text-align: left;padding: 10px 0;}
.netaide-box  .netaide-sort ul.left-sort>li .item li{text-align: left;padding-left: 32px;}
.netaide-box  .netaide-sort ul.left-sort>li .item li a{color: #666;font-size: 16px;padding: 10px 0;}
.netaide-box  .netaide-sort::-webkit-scrollbar {width:3px;}
.netaide-box  .netaide-sort::-webkit-scrollbar-thumb {border-radius: 5px;height: 35%;background: #c1c1c1;}
.netaide-box  .netaide-sort::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:#f1f1f1;}
.netaide-box  .netaide-sort.active{position: fixed;top: 0;left: 0;height: 100%;}




.netaide-box .netaide-c{width: calc(100% - 250px);margin-left: 250px; padding: 0 10% 0 5%;}
.netaide-box .panel{width: 100%;height: auto;background: #FFFFFF;margin-bottom: 40px;}
.netaide-box .panel .panel-top{font-size: 20px;color: #0052d9;padding: 20px 40px;  font-weight: bolder; width: 100%;height: auto;}
.netaide-box .panel .panel-top span{display: inline-block;width:24px;height: 24px;margin-right: 15px;vertical-align: middle;}
.netaide-box .panel .panel-list{padding: 0px 40px 10px 40px;}
.netaide-box .panel .panel-list .line{display: block;width: 100%;height:1px;background: #efefef;}
.netaide-box .panel .panel-list .row{width: 100%;height: auto;overflow: hidden;padding-bottom: 10px;}
.netaide-box .panel .panel-list .row .col-md2{width:20%; float:left;padding:10px 15px;background: #FFFFFF;margin-top: 10px;}
.netaide-box .panel .panel-list .row .col-md2 a{display: block;width: 100%;height: auto;overflow: hidden;}
.netaide-box .panel .panel-list .row .col-md2 a .ico{width: 40px;height: 40px;display: block;float: left;}
.netaide-box .panel .panel-list .row .col-md2 a .ico img{display: block;width: 100%;height: auto;}
.netaide-box .panel .panel-list .row .col-md2 a .con{width: calc(100% - 40px);float: left;padding-left: 10px; }
.netaide-box .panel .panel-list .row .col-md2 h6{color: #000000;font-size:16px;}
.netaide-box .panel .panel-list .row .col-md2 p{font-size: 14px;color: #999;}
.netaide-box .panel .panel-list .row .col-md2:hover{background: #f0f8ff;}
.netaide-box .panel .panel-list .row dt{width: 20%; margin-top:20px; height: 150px;font-size:18px;font-weight:400;color: #666; float: left;}
.netaide-box .panel .panel-list .row .col-md3{width: 20%;}
.netaide-box .panel .panel-list .row{border-bottom: 1px solid #efefef;}
.netaide-box .panel .panel-list .row:last-child{border-bottom: none;}


@media only screen and (max-width:1600px) {
.netaide-box .panel .panel-list .row .col-md2 h6{font-size:15px;}
.netaide-box .panel .panel-list .row .col-md2 p{font-size: 13px;}
.netaide-box  .netaide-sort{width: 230px;padding: 90px 35px;}
.netaide-box  .netaide-sort  ul.left-sort li a{font-size: 16px;}
.netaide-box .netaide-c{width: calc(100% - 230px);margin-left: 230px;padding: 0 7.5% 0 5%;}	
}
@media only screen and (max-width:1400px) {
.netaide-box .panel .panel-list .row .col-md2 a .ico{width: 30px;}
.netaide-box .panel .panel-list .row .col-md2 a .con{width: calc(100% - 30px);}	
.netaide-box .panel .panel-list .row .col-md2 h6{font-size:14px;}
.netaide-box .panel .panel-list .row .col-md2 p{font-size: 12px;}

.netaide-box  .netaide-sort{width: 200px;padding: 90px 30px;}
.netaide-box  .netaide-sort  ul.left-sort li a .icon1{margin-right: 10px;}
.netaide-box .netaide-c{width: calc(100% - 200px);margin-left: 200px;padding: 0 5% 0 5%;}		
}
@media only screen and (max-width:1200px) {
.netaide-box .panel .panel-list .row .col-md2 a .ico{width:25px;}
.netaide-box .panel .panel-list .row .col-md2 a .con{width: calc(100% - 25px);}	
.netaide-box .panel .panel-list .row .col-md2 h6{font-size:13px;}
.netaide-box .panel .panel-list .row .col-md2 p{font-size: 12px;}
.netaide-box  .netaide-sort{width: 200px;padding: 90px 25px;}
.netaide-box  .netaide-sort  ul.left-sort li a{font-size: 15px;}

.netaide-box .netaide-c{width: calc(100% - 200px);margin-left: 200px;padding: 0 5% 0 5%;}		
}
@media only screen and (max-width:1024px) {
	
	
}
@media only screen and (max-width:720px) {
.netaide-box  .netaide-sort{display: none;}
.netaide-box{padding: 40px 0;}
.netaide-box .netaide-c{width: 100%;height: auto;padding: 0;margin-left: 0;}
.netaide-box .panel{margin-bottom: 20px;}
.netaide-box .panel:last-child{margin-bottom: 0;}
.netaide-box .panel .panel-list .row dt{width: 100%;height:auto;font-size: 15px;font-weight: bolder;}	
.netaide-box .panel .panel-list .row .col-md2{width: 50%;padding: 5px;}
.netaide-box .panel .panel-top{padding: 10px 5%;font-size: 16px;line-height: 20px;}
.netaide-box .panel .panel-top span{width:20px;height:20px}
.netaide-box .panel .panel-list{padding: 10px 5%;}	
}





.rate{text-align: left; width: 100%; height:100%;position: fixed;top: 0;left: 0;}
.rate .rate-c{position: fixed; width: 85%;height: auto; padding: 5%; transform: translateX(-50%)translateY(-50%); -webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%); max-height: calc(80% - 80px);top: calc(50% + 40px);left: 50%;background: rgba(1,3,104,0.75);-webkit-background: rgba(1,3,104,0.75);}

.rate .rate-c .rate-js{width: 100%;height: auto; max-height: 300px;overflow: hidden; margin-top: 40px;}
.rate .rate-c:before{content: "";display: block; z-index:999; position: absolute;left: 0;bottom:0; height: 2px;width: 100%;
background: -moz-linear-gradient(center, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2));
background: -webkit-gradient(linear, left top, left bottom, color-stop( rgba(255,201,96,0.2)), color-stop(#ffc960)); 
background: -webkit-linear-gradient(right,  rgba(255,201,96,0.2), #ffc960, rgba(255,201,96,0.2)); 
background: -o-linear-gradient(right, rgba(255,201,96,0.2), #ffc960  , rgba(255,201,96,0.2)); 
background: -ms-linear-gradient(right, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2)); 
background: linear-gradient(to right,  rgba(255,201,96,0.2), rgba(255,201,96,1) , rgba(255,201,96,0.2));}
.rate .rate-js .txt{color: #FFFFFF;}
.rate .rate-js .txt p{font-size: 18px;color: #FFFFFF;}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 5px;
    top: 1%;
    z-index: 50;
    width: 4px;
    height: 98%;
}


.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(255,255,255,0.1);
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
    left: 0;
    top: 0;
}



@media only screen and (max-width:1600px) {
.rate .rate-c .rate-js{margin-top: 35px;max-height: 260px;}
.rate .rate-js .txt p{font-size: 16px;color: #FFFFFF;}
}
@media only screen and (max-width:1400px) {	
.rate .rate-c .rate-js{margin-top: 35px;max-height: 240px;}
}
@media only screen and (max-width:1200px) {
.rate .rate-c .rate-js{max-height: 220px;}
	.rate .rate-js .txt p{font-size: 15px;color: #FFFFFF;}
}
@media only screen and (max-width:1024px) {
.rate .rate-c .rate-js{max-height: 200px;}
		.rate .rate-js .txt p{font-size: 14px;}
		.rate .rate-c{width: 90%;}
	
}

@media only screen and (max-width:720px) {
		.rate{position: static;}
	.rate .rate-c{top: calc(50% + 27.5px);height: auto;padding: 5%;}
	
.rate .rate-c .rate-js{margin-top: 20px;max-height:400px;height: auto;}
	
	.rate .rate-js .txt p{font-size: 14px;}
}

.office{z-index: 20; width: 100%;height: 100%;position: fixed;top:0%;left: 0;}
.office .office-c{width: 100%;height: auto;position: fixed;top: calc(50% + 40px);left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.office .office-js{width: 85%;max-width: 1400px;margin: 0 auto;}

.office .office-js2{display: none;}


.office .office-js .swiper-slide{padding: 0 10px  0 0;}
.office .office-js .of-con{color: #FFFFFF; padding: 4%;position: relative;  width: 100%;height: auto; background: rgba(1,3,104,0.75);-webkit-background: rgba(1,3,104,0.75);}
.office .office-js .of-con:before{content: "";display: block; z-index:999; position: absolute;left: 0;bottom:0; height: 2px;width: 100%;
background: -moz-linear-gradient(center, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2));
background: -webkit-gradient(linear, left top, left bottom, color-stop( rgba(255,201,96,0.2)), color-stop(#ffc960)); 
background: -webkit-linear-gradient(right,  rgba(255,201,96,0.2), #ffc960, rgba(255,201,96,0.2)); 
background: -o-linear-gradient(right, rgba(255,201,96,0.2), #ffc960  , rgba(255,201,96,0.2)); 
background: -ms-linear-gradient(right, rgba(255,201,96,0.2), #ffc960 , rgba(255,201,96,0.2)); 
background: linear-gradient(to right,  rgba(255,201,96,0.2), rgba(255,201,96,1) , rgba(255,201,96,0.2));}
.office .office-js .of-con .ico{width: 90px;height:auto;position: absolute;right: 5%;bottom: 5%;}
.office .office-js .of-con .ico img{width: 100%;height: auto;}
.office .office-js .of-con .tl{font-size:22px;font-weight: bolder; color: #FFC960;width: 100%;height: auto;}
.office .office-js .of-con .tl span{font-size: 15px;text-transform: uppercase; color:#FFC960;display: inline-block;vertical-align: bottom;font-family:arial;font-weight: bolder;}
.office .office-js .of-con .of-cont{width: 100%;height: 130px;margin-top: 35px;}
.office .office-js .of-con .of-cont li{font-size: 14px;letter-spacing: 0; color: #FFFFFF; color: #FFFFFF;padding-left: 30px;background-size: 16px 16px;background-position: left 5px;margin-bottom:5px; background-repeat: no-repeat; width: 100%;height: auto;}
.office .office-c .swiper-button-next{
    background-image: url(../img/next.png);
    right: 7.5%;
    left: auto;
}
.office .office-c .swiper-button-prev{
    background-image: url(../img/prev.png);
    left:7.5%;
    right: auto;
}
.office .office-c .swiper-button-next,.office .office-c .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1600px) {
.office .office-js .of-con .tl {font-size: 22px;}
.office .office-js .of-con .tl span{font-size: 15px;}
.office .office-js .of-con .of-cont li{font-size: 13px;}
.office .office-js .of-con .ico{width: 75px;height: auto;}
.office .office-js .of-con .of-cont{margin-top: 30px;}
}


@media only screen and (max-width:1400px) {
.office .office-js .of-con .tl {font-size: 22px;}
.office .office-js .of-con .tl span{font-size: 15px;}
.office .office-js .of-con .of-cont li{font-size: 13px;}
.office .office-js .of-con .ico{width: 65px;height: auto;}
.office .office-js .of-con .of-cont{margin-top: 25px;}

.office .office-c .swiper-button-next,.office .office-c .swiper-button-prev {
    width:40px;
    height: 40px;
    margin-top: -20px;
    background-size:40px 40px;}
}
}
@media only screen and (max-width:1200px) {
.office .office-js .of-con .tl {font-size: 22px;}
.office .office-js .of-con .tl span{font-size: 15px;}
.office .office-js .of-con .of-cont li{font-size: 13px;}
.office .office-js .of-con .ico{width: 60px;height: auto;}
}
@media only screen and (max-width:1024px) {
.office .office-js .of-con .tl {font-size: 22px;}
.office .office-js .of-con .tl span{font-size: 15px;}
.office .office-js .of-con .of-cont li{font-size: 13px;}
.office .office-c{top: calc(50% + 22.5px);}
.office .office-js .of-con .ico{width:50px;height: auto;}
.office .office-js .of-con .of-cont{margin-top:25px;}

.office .office-c .swiper-button-next,.office .office-c .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size: 30px 30px;}
}


@media only screen and (max-width:720px) {
.office .office-js .of-con{height: 210px;}
.office .office-js .of-con .tl {font-size: 16px;}
.office .office-js .of-con .tl span{font-size: 12px;}
.office .office-js .of-con .of-cont li{font-size: 12px;padding-left: 20px;background-size: 14px 14px;}
.office .office-js .of-con .of-cont{margin-top:15px;}
.office .office-js .of-con .ico{width: 45px;height: auto;}	
.office .office-js .of-con .of-cont li{margin-bottom: 5px;}
.office .office-js .swiper-slide{padding: 0 0  0 0;}
.office .office-js2{display: block;}
.office .office-js1{display: none;}
}

.coffee{z-index: 20; width: 100%;height: 100%;position: fixed;top:0%;left: 0;}
.coffee .coffee-c{position: fixed; left: 0; top:calc(50% + 40px); transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);width: 100%;height: auto;}
.coffee .cof-top{width: 100%;height: auto;overflow: hidden;}
.coffee .cof-top .title{text-align: left;float: left;position:relative;padding-bottom: 55px;width: 50%;}
.coffee .cof-top .title .minewm{width:100px;height: auto;top: 0;right: 6%;position: absolute;}
.coffee .cof-top .title .minewm img{display: block;width: 100%;height: auto;}

 .minewm2{display: none; position:fixed;width: 100%;height: 100%;bottom: 0; left: 0; z-index: 99999;background: rgba(0,0,0,0.8);}
 .minewm2 img{position: absolute;top: calc(50% - 225px);width: 450px; left: calc(50% - 225px);}








.coffee .coffee-c .title h1{text-align:left;position: static;transform: translateX(0)translateY(0);-ebkit-transform: translateX(0)translateY(0);-moz-transform: translateX(0)translateY(0);-ms-transform: translateX(0)translateY(0);-o-transform: translateX(0)translateY(0);}
.coffee .coffee-c .title h2{text-align: left;}
.coffee .coffee-c .title h6{position: absolute;bottom: 0;left: 15%;}
.coffee .coffee-c  .summy{width: 50%;text-align: left;float: right;color: #FFFFFF;}
.coffee .coffee-c  .summy p{font-size: 16px;font-family: "sw";}
.coffee .cof-c{width: 100%;height: auto;padding-left: calc(50% - 700px);position: relative;}
.coffee .cof-c .cof-js{width: 100%;height: auto;overflow: hidden;position:relative;padding-right:20%;margin-top:5%;}
.coffee .cof-c .cof-js .cof-con{position: relative;padding:5%  35% 5% 5%;z-index: 0;  width:100%;height: auto;background-size: cover;background-position: center;}
.coffee .cof-c .cof-js .cof-con  .tl{font-size:24px;font-weight: bolder; color: #FFFFFF;width: 100%;height: auto;}
.coffee .cof-c .cof-js .cof-con  .tl span{padding-left: 10px; font-size: 16px;text-transform: uppercase; color:#FFFFFF;display: inline-block;vertical-align: bottom;font-family:arial;}
.coffee .cof-c .cof-js .cof-con .cof-cont{width: 100%;height: auto; margin-top: 60px;}
.coffee .cof-c .cof-js .cof-con .cof-cont li{font-size: 15px;letter-spacing: 0; color: #FFFFFF; color: #FFFFFF;padding-left: 30px;background-size: 18px 18px;background-position: left 5px;margin-bottom:10px; background-repeat: no-repeat; width: 100%;height: auto;}
.coffee .cof-c .cof-js .cof-con .bks{position: absolute;z-index:-1; top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.coffee .cof-c .swiper-button-next{
    background-image: url(../img/next.png);
    right:10%;
    left: auto;
}
.coffee .cof-c .swiper-button-prev{
    background-image: url(../img/prev.png);
    left:7.5%;
    right: auto;
}
.coffee .cof-c .swiper-button-next,.coffee .cof-c .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1650px) {
	.coffee .cof-c{padding-left:7.5%;}
}
@media only screen and (max-width:1600px) {
	.coffee .cof-c .cof-js .cof-con  .tl{font-size: 22px;}
	.coffee .cof-c .cof-js .cof-con  .tl span{font-size: 14px;}
	.coffee .cof-c .cof-js .cof-con{padding:40px  30% 40px 5%;}
	.coffee .cof-c .cof-js .cof-con .cof-cont{margin-top: 55px;}
	.coffee .cof-top .title{padding-bottom: 45px;}
}
@media only screen and (max-width:1400px) {
		.coffee .cof-c .cof-js .cof-con  .tl{font-size: 20px;}
	.coffee .cof-c .cof-js .cof-con  .tl span{font-size: 12px;}
	.coffee .cof-c .cof-js .cof-con{padding:35px  30% 35px 5%;}
	.coffee .cof-c .cof-js .cof-con .cof-cont{margin-top: 50px;}
	
	.coffee .cof-c .swiper-button-next,.coffee .cof-c .swiper-button-prev {
    width: 40px;
    height:40px;
    margin-top: -20px;
    background-size:40px 40px;}
}
@media only screen and (max-width:1200px) {
			.coffee .cof-c .cof-js .cof-con  .tl{font-size:18px;}
	.coffee .cof-c .cof-js .cof-con  .tl span{font-size: 12px;}
	.coffee .coffee-c  .summy p{font-size: 15px;}
	.coffee .cof-c .cof-js .cof-con{padding:30px  25% 30px 5%;}
	.coffee .cof-c .cof-js .cof-con .cof-cont{margin-top: 45px;}
	.coffee .cof-top .title{padding-bottom: 35px;}
}

@media only screen and (max-width:1024px) {
	.coffee .cof-c{padding-left:5%;}
			.coffee .cof-c .cof-js .cof-con  .tl{font-size:16px;}
	.coffee .cof-c .cof-js .cof-con  .tl span{font-size: 12px;}
	.coffee .coffee-c  .summy p{font-size: 14px;}
	.coffee .cof-c .cof-js .cof-con{padding:25px  25% 25px 5%;}
	.coffee .cof-c .cof-js .cof-con .cof-cont{margin-top: 35px;}
	.coffee .cof-top .title{padding-bottom: 30px;}
	
	 .minewm2 img{position: absolute;top: calc(50% - 150px);width: 300px; left: calc(50% - 150px);}
	
.coffee .cof-c .swiper-button-next,.coffee .cof-c .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size: 30px 30px;}
    
    
.coffee .cof-c .swiper-button-next{
    background-image: url(../img/next.png);
    right:5%;
    left: auto;
}
.coffee .cof-c .swiper-button-prev{
    background-image: url(../img/prev.png);
    left:5%;
    right: auto;
}    
    
    
}
@media only screen and (max-width: 720px) {
	.coffee .coffee-c{position: absolute;top: calc(50% + 27.5px);}
	.coffee .coffee-c  .summy p{font-size: 13px;}
	.coffee .cof-top .title{width: 100%;height: auto;}
	.coffee .cof-top .summy{width: 100%;height: auto;margin-bottom: 35px;}
	.coffee .cof-c .cof-js{padding-right:10%;}
	.coffee .cof-c .cof-js .cof-con .cof-cont{margin-top: 20px;}
	.coffee .cof-c .cof-js .cof-con .cof-cont li{margin-bottom: 5px;}
	.coffee .cof-top .title{padding-bottom: 20px;margin-bottom: 10px;}
		.coffee .cof-c .cof-js .cof-con{padding:20px  20% 20px 5%;}
		
		.minewm2 img{position: absolute;top: calc(50% - 100px);width: 200px; left: calc(50% - 100px);}
}






.about{width: 100%;height: auto;padding: calc(5% + 40px) 0  5% 0;}
.about .about-c{width: 85%;max-width: 1400px; padding: 5%; height: auto; background: rgba(1,3,104,0.75);-webkit-background: rgba(1,3,104,0.75);margin: 0 auto;}
.about .about-c .title{text-align: left;float: left;position:relative;padding-bottom:55px;}
.about .about-c .title h1{text-align:left;position: static;transform: translateX(0)translateY(0);-ebkit-transform: translateX(0)translateY(0);-moz-transform: translateX(0)translateY(0);-ms-transform: translateX(0)translateY(0);-o-transform: translateX(0)translateY(0);}
.about .about-c .title h2{text-align: left;}
.about .about-c .title h6{position: absolute;bottom:0;left: 15%;white-space: nowrap;}
.about .about-cl{width: 50%;padding-right: 5%;float: left;}
.about .about-cr{color: #FFFFFF; width: 50%;padding-left: 5%;float: right;}
.about .about-cr .ab-js{width: 100%;max-height:200px;overflow: hidden;padding-right: 5px;}
.about .about-cr .ab-js .txt{width: 100%;height: auto;}
.about .about-cr .ab-js .txt p{font-size: 16px;}
.about .about-cr .lawer-list{overflow: hidden; width: 100%;height: auto;margin-top: 40px;color: #FFFFFF;}
.about .about-cr .lawer-list li{width: 50%;float: left;margin-bottom: 10px; text-align: left;padding-left: 25px;background-size: 18px 18px;background-position:left 2px ;background-repeat: no-repeat;}
.about .about-cr .lawer-list li a{color: #FFFFFF;font-size: 16px;padding-right: 30px;background:url(../img/n012.png)right center no-repeat;background-size: 20px 20px;}
.about .about-cr .lawer-list li a:hover{color: #FFc960;}
.about .about-cr .num{width: 100%;height: auto;font-size: 0;margin-top: 45px;}
.about .about-cr .num li{display: inline-block;width: 33%;padding:0 5%;position: relative;}
.about .about-cr .num li:after{content: "";position: absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); right: 5%; width: 1px;height: 45%;background: rgba(255,255,255,0.1);}
.about .about-cr .num li:nth-child(3){padding-right: 0;}
.about .about-cr .num li:nth-child(3):after{display: none;}
.about .about-cr .num li:first-child{padding-left: 0;}
.about .about-cr .num li h6{color: #ffc960;font-size: 20px;font-family: arial;font-weight: bold;}
.about .about-cr .num li h6 span{font-size: 56px;}
.about .about-cr .num li p{font-size: 15px;color: #FFFFFF;}

.form{width: 100%;height: auto;}
.form form{width: 100%;height: auto;overflow: hidden;color: #FFFFFF;display: block;font-size: 0;}
.form form .c1{overflow: hidden; width: calc(50% - 10px);border: none;background: none;display: block; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.5);color: #FFFFFF; padding: 15px 0;height:35px;  margin-right:18px;display: inline-block;}
.form form .c1:nth-child(2n){margin-right: 0;}
.form form .yzm{position: relative; width: calc(50% - 10px);margin-right: 0;display: inline-block;margin-bottom: 20px;}
.form form .yzm .c1{width: 100%;display: inline-block;}
.form form .yzm .pic{width: 80px;height: auto;position: absolute;right: 0;top: 0px;}
.form form .yzm .pic img{display: block;width: 100%;height: auto;}
.form form .download-file{display: block;display: none; font-size: 16px; width: 100%;height: auto;margin-top: 10px; margin-bottom: 20px;padding-left: 30px;background-size: 20px 20px;background-repeat: no-repeat;background-position: left 0px;}
.form form .download-file a{color: #FFFFFF;}
.form form .file{margin-bottom: 20px; width: 100%; height: auto;color: #FFFFFF;}
.form form .file #text{overflow: hidden; padding-left: 15px; height: 55px;text-align: center;font-size: 16px;color: #fff; line-height: 55px; display: block;width: 100%; border:1px solid rgba(255,255,255,0.5);}
.form form .file .file-input{position: relative;width: 100%;}
.form form .file #fileroad{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.form form .file .zs{margin-top: 10px;width: 100%;height: auto;font-size: 16px;color:rgba(255,255,255,0.6);}

.form form .c1::-webkit-input-placeholder {color: #FFFfff;font-family: "微软雅黑";}
.form form .c1::-moz-placeholder {color: #FFFfff;font-family: "微软雅黑";}
.form form .c1::-ms-input-placeholder {color: #FFFfff;font-family: "微软雅黑";}
.form form #send{width: 100%;margin-top: 40px;display: block; background: #007AFF;height: 50px;text-align: center;border: none;color: #FFFFFF;font-size: 16px;}

@media only screen and (max-width:1600px) {
	.about .about-cr .num li h6 span{font-size:54px;}
	.about .about-cr .lawer-list li a{font-size: 15px;}
	.form form .download-file{font-size: 15px;}
	.form form .file #text{font-size: 15px;}
	.about .about-cr .num li h6{font-size: 18px;}
	.about .about-c .title{padding-bottom: 45px;}
}
@media only screen and (max-width:1400px) {
.about .about-cr .num li h6 span{font-size: 50px;}
.about .about-cr .ab-js .txt p{font-size: 15px;}	
.about .about-cr .num li p{font-size: 14px;}
.about .about-cr .lawer-list li a{font-size: 13px;}
.form form .download-file{font-size: 14px;}
.form form .file #text{font-size: 14px;}
.form form #send{height:45px;margin-top: 30px;}
.about .about-cr .num li h6{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
	.about .about-cr .num li h6 span{font-size:45px;}
.about .about-cr .ab-js .txt p{font-size: 15px;}	
.about .about-cr .num li p{font-size: 14px;}
	.about .about-cr{padding-right: 0;}
.about .about-cr .lawer-list li a{font-size: 12px;}
.about .about-cr .lawer-list li{width: 100%;}
.form form #send{height: 40px;margin-top: 20px;}
.form form .file #text{height: 50px;line-height: 50px;}
.about .about-c .title{padding-bottom: 35px;}
}
@media only screen and (max-width:1024px) {
	.about .about-cr .num li{width: 32%;}
.about .about-cr .num li h6 span{font-size:28px;}
.about .about-c{width: 90%;}
.about .about-cr .num li p{font-size: 13px;}
.about .about-cr .ab-js .txt p{font-size: 14px;}
.form form .file #text{height:45px;line-height:45px;}
.about .about-cr .num{margin-top: 35px;}
.about .about-cr .num li h6{font-size: 15px;}	
.form form .c1{width: 100%;height: auto;}
.form form .yzm{width: 100%;}	
.about .about-c .title{padding-bottom: 25px;}
}
@media only screen and (max-width:720px) {
	.about{padding: calc(5% + 55px) 0 50px 0;}
	.about .about-c .title{padding-bottom: 3%;}
	.about .about-cr{margin-top: 40px;}
	
	.form form .c1{padding: 10px 0;margin-bottom: 10px;}
	.form form .yzm{margin-bottom: 0;}
	.about .about-cr .num{margin-top: 30px;}
	.about .about-cr .num li h6 span{font-size:28px;}
	.about .about-cr .num li p{font-size: 12px;}
	.about .about-cl{width: 100%;height: auto;padding-right: 0;}
	.about .about-cr{width: 100%;height: auto;padding-left: 0;}
	.form form #send{height: 35px;margin-top: 10px;}
	.about .about-c .title{padding-bottom: 20px;margin-bottom: 10px;}
}

.join{width: 100%;height: auto;padding: calc(5% + 40px) 0  5% 0;}
.join .join-c{width: 85%;max-width: 1400px; padding: 5%; height: auto; background: rgba(1,3,104,0.75);-webkit-background: rgba(1,3,104,0.75);margin: 0 auto;}

.join .join-c .title{text-align: left;float: left;position:relative;padding-bottom:55px;}
.join .join-c .title h1{text-align:left;position: static;transform: translateX(0)translateY(0);-ebkit-transform: translateX(0)translateY(0);-moz-transform: translateX(0)translateY(0);-ms-transform: translateX(0)translateY(0);-o-transform: translateX(0)translateY(0);}
.join .join-c .title h2{text-align: left;}
.join .join-c .title h6{position: absolute;bottom:0;left: 15%;white-space: nowrap;}
.join .join-cl{width: 50%;padding-right: 5%;height: auto;float: left;}
.join .join-cl .cont{width: 100%;height: auto;}
.join .join-cl .cont p{font-size: 16px;color: rgb(255,255,255,0.6);}
.join .join-cl .cont .tel{font-size: 36px;font-family: "arial black";color: #FFFFFF;}
.join .join-cl .cont .mail{font-size:22px;font-family: arial;color: #FFFFFF;}
.join .join-cr{width: 50%;height: auto;padding-left: 5%;float: right;}
.join .join-cr .c1:nth-child(3){width: 100%;}
.join .join-cr .yzm{width: 100%;height: auto;}

.join .join-cl .share{width:100%;margin-top: 15%;}
.join .join-cl .share a{display: inline-block;width:25px;margin: 0 1.5%;}
.join .join-cl .share a img{display:block;width: 100%;height: auto;}
.join .join-cl .share a.wx{position: relative;}
.join .join-cl .share a.wx .ewm{display: none; position: absolute;width: 120px;height: 120px;bottom: 100%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.join .join-cl .share a.wx .ewm img{display: block;width: 100%;height: auto;}
.join .join-cl .share a.wx:hover .ewm{display: inherit;}


@media only screen and (max-width:1600px) {
	.join .join-cl .cont .tel{font-size: 34px;}
	.join .join-cl .cont .mail{font-size: 20px;}
	.join .join-c .title{padding-bottom: 45px;}
}
@media only screen and (max-width:1400px) {
.join .join-cl .cont .tel{font-size: 30px;}
	.join .join-cl .cont .mail{font-size: 18px;}	
}
@media only screen and (max-width:1200px) {
.join .join-cl .cont .tel{font-size: 30px;}
	.join .join-cl .cont .mail{font-size: 18px;}
	.join .join-c .title{padding-bottom: 35px}	
}
@media only screen and (max-width:1024px) {
.join .join-c{width: 90%;height: auto;}	
.join .join-cl .cont .tel{font-size: 26px;}
	.join .join-cl .cont .mail{font-size: 16px;}
	.join .join-c .title{padding-bottom: 25px;}
}
@media only screen and (max-width:720px) {
	.join{padding: calc(5% + 22.5px) 0 50px 0;}
	.join .join-cl .cont .tel{font-size: 24px;}
	.join .join-cl .cont .mail{font-size: 15px;}
	.join .join-cl .share a{width: 20px;height: 20px;}
	.join .join-cl{width: 100%;height: auto;padding:0;}
	.join .join-cr{width: 100%;height: auto;padding: 0;margin-top: 35px;}
	.join .join-c .title{padding-bottom: 20px;margin-bottom: 10px}
	
}

.lem-compelte-bn5{width: 100%;background: #aaa;}



.invtited-list-box .invited-recommend{width: 100%;height: auto;margin-top: 50px;}  
.recommend-list{ width: 100%;height: auto;}

.invtited-list-box .invtited-list-con .people-list li{width: 100%;height: auto;font-size: 0; padding: 15px 0;border-bottom: 1px solid #EEEEEE;}
.recommend-list  ul{width: 100%;height: auto;}
.recommend-list  ul li{margin-top: 10px; background: #FFFFFF;padding: 15px 5% 0 5% ;}
.recommend-list  ul li .recom-top{font-size: 0; border-bottom: 1px solid #EFEFEF; width: 100%;height: auto;padding:0 0 15px 0}
.recommend-list  ul li .recom-top  .people-infor{width: calc(100% - 70px);display: inline-block;overflow: hidden; vertical-align: middle;}
.recommend-list  ul li .recom-top .commission{display: inline-block;color: #7A6550;width: 70px;text-align: right; font-family: "BC";font-size:19px; vertical-align: middle;}
.recommend-list  ul li .recom-top .commission i{font-size: 15px;font-weight: bolder;}
.recommend-list  ul li .recom-top .people-infor .head{float: left; width: 50px;height:50px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 100%;}
.recommend-list  ul li .recom-top .people-infor .infor-r{padding-top: 5px; width: calc(100% - 50px);float: right;padding-left:10px;}
.recommend-list  ul li .recom-top .people-infor .infor-r .name{font-size: 15px;font-weight: bolder; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block;}
.recommend-list  ul li .recom-top .people-infor .infor-r .grade{margin-top: 5px; width: 100%;height: auto;overflow: hidden;}
.recommend-list  ul li .recom-top .people-infor .infor-r .grade .ico{width: 18px;height: 18px;display: block;float: left;}
.recommend-list  ul li .recom-top .people-infor .infor-r .grade .ico img{display: block;width: 100%;height: auto;}
.recommend-list  ul li .recom-top .people-infor .infor-r .grade span{font-size: 13px;color: #959595;display: block;float: right;width: calc(100% - 22px);}
.recommend-list  ul li .recom-top  .time{display:inline-block;vertical-align: middle; margin-top: 5px;line-height: 1;width: 70px; font-size: 14px;color: #959595;font-family: "BC";}

.recommend-list  ul li .pro-order{width: 100%;height: auto;}
.recommend-list  ul li .pro-order .order-num{padding: 15px 0;font-weight: bolder;}

.recommend-list  ul li .order-pro-con-d{ position: relative; width: 100%;height: auto;padding-bottom: 20px; overflow: hidden;z-index: 1;border-bottom: 1px solid #EFEFEF;}

.recommend-list  ul li .order-pro-con-d .pic{width:90px;height:auto;float: left;border-radius: 5px;}
.recommend-list  ul li .order-pro-con-d .pic img{display: block;width: 100%;height: auto;border-radius: 5px;}
.recommend-list  ul li .order-pro-con-d .con{position: relative; width: calc(100% - 90px);float: right;padding-left: 5%;}
.recommend-list  ul li .order-pro-con-d .con h6{font-size: 14px;color: #101820;padding-right:55px;height:42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.recommend-list  ul li .order-pro-con-d .selected-specs{margin-top: 2px; width: 100%;font-size: 12px;color: #959595;}
.recommend-list  ul li .order-pro-con-d .con-d{overflow: hidden; width: 100%;height: auto;margin-top:10px;}
.recommend-list  ul li .order-pro-con-d .con  .con-d .present-price{ width:calc(100% - 65px);font-family: "BE";color: #7A6550;font-size:16px;float: left;}
.recommend-list  ul li .order-pro-con-d .con  .con-d .present-price i{font-size: 12px;font-weight: bolder;}
.recommend-list  ul li .order-pro-con-d .order-status{position: absolute;right: 0;top: 0px;font-size: 14px;color: #A98162;width: 45px;text-align: right;}
.recommend-list  ul li .order-pro-con-d .con  .con-d  .counted{float: right;width: 65px;text-align:right;font-size: 14px;color: #959595;font-family: "NR";}
.recommend-list  ul li .order-pro-content{text-align: right; width: 100%;height: auto;padding: 5px 0 15px 0;overflow: hidden;font-size: 0;}
.recommend-list  ul li .order-pro-content span{margin-right: 2%; display: inline-block;font-size: 12px;color: #959595;}
.recommend-list  ul li .order-pro-content span.payment{font-size: 15px;color: #A98162;}

.recommend-list  ul li .pro-order .pay-now{text-align: right;padding: 10px 0;font-size: 15px; color:#A98162;}