@charset "UTF-8";
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:62.5%;}
section,nav,header,footer{display:block;}
ul,li,div,p,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,section,nav,em,header,i,footer{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
li{list-style:none;}
a{text-decoration:none; color:#777;}
input,textarea{ -webkit-appearance:none;outline:none;font: 16px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif;}
fieldset, img {border:0 }
*{outline: none; -webkit-focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
body, html {
  background:#fff; font-weight:normal; /*display:-webkit-box;-webkit-box-orient:vertical; -webkit-box-align:center;*/
  font: 16px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif; color: #777;
}
em{font-style: normal;}


textarea-placeholder { /* WebKit browsers */
    font: 12px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif; color:#a9a9a9
}
::-webkit-input-placeholder { /* WebKit browsers */
    font: 12px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif; color:#a9a9a9
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font: 12px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif;color:#a9a9a9
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font: 12px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif;opacity:1;  color:#a9a9a9
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font: 12px "PingFang SC", "Microsoft Yahei",  "Wenquanyi Micro Hei", Arial, sans-serif;color:#a9a9a9 !important;
}
input,input:focus,input:active,textarea,textarea:focus,textarea:active{user-select: text;}

input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
/*--------------------------------- end rest ---------------------------------*/
/*nav*/
.logo{background:#fff;text-align:center;width:100%;height:52px;position:fixed;left:0;z-index:10;transition:all 0.25s 0.1s;}
.logo a{display:inline-block;}
.logo img{height:52px;}
.mobile-btn{cursor:pointer;color:#777;padding:12px;position:absolute;top:0;left:0;display:none;}
.mobile-btn em{font-size:23px;display:inline-block;vertical-align:top;margin-right:10px;}
.nav{padding-bottom:10px;background:#fff;text-align:center;width:100%;position:fixed;left:0;z-index:11;transition:all 0.25s 0.1s;}
.nav li{display:inline-block;}
.nav li{ *display: inline }
.nav li a{font-size:14px;margin:0 37px;padding-bottom:5px;display:block;position:relative;}
.nav li a:after {content:''; display:inline-block; width:0%; height:1px; position:absolute; bottom:0; background:#777; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.nav li a:hover:after,.nav li.curr a:after {width:100%; margin-left:-49.8%;color:#000;}
.nav li.curr a{color:#000;}
.open-service{font-size:14px;letter-spacing:5px;top:-5px;right:20px;line-height:30px;cursor:pointer;position:absolute;display:block;}
.open-service span{font-size:30px;display:inline-block;vertical-align: middle;}
.logo.to-top0{top:40;}
.nav.to-top0{top:92px;}
.to-top52{top:-100px;}
.height-78{width:100%;height:88px;overflow:hidden;}

.top-bg{width:100%;height:678px;background:url(images/join-big-1.jpg) center no-repeat;background-size:auto 100%;}
section{width:1000px;margin:0 auto;}
/*Page1*/
.pag-1{width:100%;height:800px;background:url(images/join-big-2.jpg) center no-repeat;background-size:auto 100%;}
.pag-1 section{padding-top: 300px;}
.pag-1 .p1 p{font-size:22px;color:#636363;line-height:30px;/*font-family:"SimSun";*/}
.pag-1 .p2{padding-top:30px;}
.pag-1 .p2 p{font-size:70px;color:#636363;line-height:80px;font-weight:700;}
.pag-1 .p2 p span{color:#d71818;margin-left:10px;}
.pag-1 .p3{font-size:27px;color:#636363;padding-top:10px;}
.pag-1 .p4{font-size:60px;color:#636363;padding-top:40px;}
.pag-1 .p4 em{font-size:46px;vertical-align: top;display:inline-block;margin-top:10px;}
.pag-1 .p4 span{font-size:18px;vertical-align: middle;display:inline-block;margin:0 10px;}
/*Page2*/
.pag-2{width:100%;height:840px;background:url(images/join-big-3.jpg) center no-repeat;background-size:auto 100%;}
.pag-2 section{padding-top:320px;}
.pag-2 .p{border-left:3px #d71818 solid;padding-left:15px;margin-top:40px;margin-left:350px;background:#fff;}
.pag-2 .p-top{font-size:26px;color:#636363;font-weight:700;}
.pag-2 .p-top span{font-size:22px;padding:0 5px;margin-right:12px;display:inline-block;background:#d71818;color:#fff;position:relative;font-weight:300;}
.pag-2 .p-top span em{font-size:50px;top:-12px;right:-28px;position:absolute;color:#d71818;}
.pag-2 .p p{font-size:16px;padding-top:5px;color:#636363;}
/*Page3*/
.pag-3{padding:80px 0;width:100%;background:#f9f9f9;}
.class-top{width:100%;position:relative;text-align:center;}
.class-top em{width:545px;height:23px;background:url(images/en.png) no-repeat;background-size:100% 100%;display:block;margin:0 auto;}
.class-top div{top:60px;background:#636363;width:100%;height:1px;font-size:0;position:absolute;}
.class-top p{background:#f9f9f9;margin-top:10px;padding:0 85px;display:inline-block;position:relative;z-index:2;}
.class-top p span{font-size:30px;padding:0 15px;padding-bottom:3px;color:#fff;background:#636363;display:inline-block;}
.class-top p i{font-size:14px;padding-top:5px;display:block;font-style: normal;}

.pag-3 section{padding-top:45px;width:1000px;margin:0 auto;}
.pag-3 .list-top{font-size:30px;border-bottom:1px #636363 solid;color:#636363;}
.pag-3 .list-top em{font-size:20px;margin:0 15px 0 5px;}
.pag-3 .list-top span{font-size:24px;color:#e6e6e6;font-family:"SimHei";text-transform:Uppercase;font-weight:700;}
.pag-3 li{margin-top:20px;margin-right:8px;width:244px;float:left;overflow:hidden;transition: 0.2s all;}
.pag-3 li img{display:block;width:100%;transition: 0.5s all;}
.pag-3 li:hover{box-shadow:2px 2px 10px #aaaaaa;}
.pag-3 li:hover img{transform:scale(1.1)}
/*Page4*/
.pag-4{padding-top:80px;width:100%;background:#fff;}
.pag-4 .class-top p{background:#fff;padding:0 60px;}
.pag-4 section{margin:0 auto;margin-top:75px;position:relative;}
.pag-4 section .pag-4-pic{width:346px;height:633px;top:-30px;left:0;position:absolute;background:url(images/pag-4.jpg) no-repeat;background-size:100% 100%;}
.pag-4 .pag-4-main{width:930px;padding:10px 30px 40px 0;float:right;background:#fcfcfc;}
.pag-4-list{width:545px;padding:25px 15px 15px 15px;margin-top:60px;float:right;position:relative;border:1px #636363 solid;text-align:justify;}
.pag-4-list-tit{top:-40px;left:-18px;padding-right:20px;position:absolute;background:#fcfcfc;}
.pag-4-list-tit i{font-size:50px;color:#646464;margin:0;padding:0;}
.pag-4-list-tit span{font-size:24px;margin-left:15px;margin-top:18px;padding:2px 10px;display:inline-block;color:#fff;background:#646464;transform: skewX(-15deg);vertical-align: top;}
.pag-4-list-info{font-size:12px;line-height:18px;color:#666;}
/*Page5*/
.pag-5{width:1000px;padding-top:50px;margin:0 auto;}
.picture-top{border-bottom:5px #dfdfdf solid;padding-bottom:10px;}
.picture-left{font-size:40px;color:#000;float:left;}
.picture-left span{font-size:30px;margin-left:20px;text-transform:Uppercase;}
.picture-right{font-size:30px;margin-top:10px;color:#000;float:right;}
.picture-right em{font-size:30px;}
.picture-right span{font-size:14px;margin:0 8px;color:#8c8c8c;}
.picture-right a{color:#000;}
.pag-pic{margin-top:30px;width:100%;overflow:hidden;}

/*page7、Page8*/
.pag-7,.pag-8{width:1000px;padding-top:50px;margin:0 auto;}
.pag-8{padding-bottom:90px;}
.pag-bg{margin-top:30px;}
.pag-bg img{width:100%;display:block;}



/*footer*/
footer{padding-top:120px;width:100%;border-top:1px #636363 solid;}
footer .main{width:1200px;padding-bottom:120px;margin:0 auto;}
footer .main .left{width:730px;float:left;}
footer .main .left .f-top{font-size:27px;padding-left:15px;border-left:2px #636363 solid;color:#777;}
footer .main .left .f-top span{font-size:24px;margin-left:10px;letter-spacing:2px;color:#bababa;text-transform:Uppercase;}
footer .main .f-mess .input{width:330px;margin-top:30px;float:left;border:0;}
footer .main .f-mess .input.right{margin-left:40px;padding-left:0;}
footer .main .f-mess .input input{width:330px;height:40px;line-height:40px;font-size:12px;color:#a9a9a9;border:0;border-bottom:1px #a9a9a9 solid;}
footer .main .f-mess .textarea{margin-top:30px;}
footer .main .f-mess .textarea textarea{width:658px;height:150px;padding:20px;font-size:12px;color:#a9a9a9;border:1px #a9a9a9 solid;}
footer .main .f-mess .submit{margin-top:30px;height:45px;}
footer .main .f-mess .submit input{cursor:pointer;width:135px;height:45px;line-height:45px;color:#fff;background:#636363;border:0;text-align:center;float:left;transition:all 0.2s linear;}
footer .main .f-mess .submit input:hover{background:#000;}
footer .main .f-mess .submit span{margin-left:35px;margin-top:28px;font-size:12px;color:#a9a9a9;display:inline-block;}

footer .main .right{padding-left:75px;width:315px;float:right;border-left:1px #636363 solid;}
footer .main .right .f-top{font-size:20px;padding-left:10px;color:#777;border-left:2px #636363 solid;color:#777;}
footer .main .right p{font-size:14px;padding-top:20px;color:#777;}
footer .main .right .web-ico{margin-top:36px;margin-bottom:55px;}
footer .main .right .web-ico a{width:66px;height:66px;line-height:66px;font-size:30px;margin-right:30px;border-radius:66px;border:1px #919191 solid;text-align:center;overflow:hidden;display:inline-block;transition:all 0.2s linear;}
.web-ico a.icon-dianhua{display:none!important;}
footer .main .right .web-ico a:hover{color:#000;border:1px #000 solid;}
footer .main .right .er-pic{margin-top:30px;width:112px;height:112px;}
footer .main .right .er-pic img{width:100%;}
.fot{padding:25px 0;font-size:14px;text-align:center;width:100%;border-top:1px #636363 solid;color:#777;}
.fot-bnt{display:none;}
/*Right*/
.web-right{width:265px;padding:0 20px;border-left:1px #636363 solid;height:100%;position:fixed;top:0;right:-330px;z-index:999;background:#fff;transition:all 0.2s linear;display:block;}
.web-right.ani{right:0;}
.web-right span.close{font-size:14px;width:25px;padding-bottom:10px;line-height:20px;top:260px;left:-25px;text-align:center;color:#fff;display:block;cursor:pointer;background:#636363;transition:all 0.2s linear;position:absolute;}
.web-right span em{display:block;padding:5px 0;font-size:12px;}
.web-right span.close:hover{background:#000;}
.web-right .r-top{font-size:18px;line-height:40px;padding-top:50px;color:#777;border-bottom:1px #636363 solid;}
.web-right .input{margin-top:18px;}
.web-right .input input{width:243px;height:40px;line-height:40px;font-size:12px;padding:0 10px;color:#a9a9a9;border:1px #a9a9a9 solid;}
.web-right .textarea{margin-top:18px;}
.web-right .textarea textarea{width:243px;height:80px;padding:10px;font-size:12px;color:#a9a9a9;border:1px #a9a9a9 solid;}
.web-right .submit{margin-top:18px;height:45px;}
.web-right .submit input{cursor:pointer;width:102px;height:35px;line-height:35px;color:#fff;background:#636363;border:0;text-align:center;transition:all 0.2s linear;}
.web-right .submit input:hover{background:#000;}

.f-top{font-size:18px;padding-left:10px;margin-top:50px;color:#777;border-left:1px #636363 solid;color:#777;}
.web-right p{font-size:14px;padding-top:15px;color:#777;}
.web-right .web-ico{margin-top:30px;}
.web-right .web-ico a{width:40px;height:40px;line-height:40px;font-size:20px;margin-right:15px;border-radius:66px;border:1px #919191 solid;text-align:center;overflow:hidden;display:inline-block;transition:all 0.2s linear;}
.web-right .web-ico a:hover{color:#000;border:1px #000 solid;}

.icon-top{font-size:30px;width:37px;height:37px;line-height:37px;bottom:90px;right:20px;border-radius:3px;z-index:999;border:1px #000 solid;position:fixed;background-color:rgba(255,255,255,0.5);transition:all 0.2s linear;cursor:pointer;text-align:center;}
.icon-top:hover{color:#fff;background-color:#000;}



.clear{clear:both;font-size:0px;overflow:hidden;}
.fr{float:right!important;margin-right:0!important;}




.jhd{background:#f9f9f9;padding-top:200px; width:100%; clear:both;background-image:url(images/dujia_t.jpg);background-repeat:no-repeat;background-position:center 0;text-align:center;}

.h40{height:40px;}