.header { position: relative; }
.joindiv { width: 100%; height: 831px; position: relative; background: #f5f5f6; }
.jvimg { width: 100%; position: absolute; }
.jvimgs { width: 100%; position: relative; }
.jvp { width: 73%; margin: auto; position: relative; padding-top: 101px; }
.jpone { font-size: 42px; color: white; line-height: 46px; }
.jespan { width: 145px; height: 46px; line-height: 46px; background: #f0f0f0; text-align: center; font-size: 18px; float: left; margin-left: 26px; cursor: pointer; }
.jespan.active{background-color: #007108; color:#fff;}
.mrdiv { width: 73%; height: 525px; position: relative; margin: auto; margin-top: 47px; }
.siteswiper { width: 100%; height: 100%; position: relative; position: absolute; top: 0px; overflow: hidden; }
.srdiv { width: 100%; height: 100%; position: relative; }
.svdiv { width: 50%; height: 100%; position: relative; float: left; background: white; overflow: hidden; }
.svimg { display: block; width: 100%; height: 100%; object-fit: cover; }
.svwhite { width: 85%; height: auto; position: relative; margin: auto; padding-top: 96px; }
.sepa { font-size: 30px; color: #342c2a; }
.sepb { font-size: 30px; color: #342c2a; margin-top: 5px; }
.sbimg { margin-top: 36px; }
.sgdivp { line-height: 32px; margin-top: 31px; }
.mra { z-index: 1; }
.mrb { z-index: 0; }
.mrc { z-index: 0; }
.mraa { z-index: 1; }
.mrbb { z-index: 0; }
.mrcc { z-index: 0; }
.ptp { font-size: 38px; font-weight: bold; }
.ptppp { font-size: 30px; text-align: center; }
.ptpdivs { margin-top: 17px; margin-bottom: 12px; width: 65px; }
.container { padding-top: 101px; }
.slide_items li.on { height: 168px; }
.lantian { width: 100%; }
.cnp { font-size: 38px; text-align: center; padding-top: 88px; font-weight: bold; }
.cnpp { font-size: 20px; line-height: 36px; text-align: center; color: #504f4f; margin-top: 13px; }
.sixdiv { width: 137px; height: 129px; float: left; background: #f0f0f0; margin: 0 41px; }
.cnsix { width: 100%; position: relative; background: #f0f0f0; padding-top: 68px; }
.siximg { display: block; margin: auto; transition: 1s; }
.chuangxin { background: #f0f0f0; margin-top: -5px; }
.cxdiv { width: 1314px; height: 100%; margin: auto; display: block; position: relative; overflow: hidden; }
.siximg:hover { transform: translate3d(0, -20px, 0); -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); }
.hezuo { overflow: hidden; width: 100%; height: 870px; position: relative; float: left; margin-top: 93px; margin-bottom: 98px; }
.hop { font-size: 42px; font-weight: bold; }
.hpred { width: 55px; height: 5px; background: #007108; display: block; margin-top: 16px; margin-left: 8px; margin-bottom: 67px; }
.hdpa { font-size: 30px; }
.hdpb { font-size: 20px; line-height: 35px; margin-top: 10px; margin-bottom: 50px; }
.hodiv { width: 700px; left: 13.64%; position: relative; margin-top: 45px; }
.huoban { overflow: hidden; width: 100%; height: auto; background: #f5f5f6; }
.hnimg { width: 50%; float: left; }
.hnright { width: 50%; float: left; height: 100%; }
.htp { font-size: 36px; }
.htriv { width: 96%; overflow: hidden; margin-top: 55px; margin-left: 3.33%; }
.hvimg { display: block; float: left; margin-right: 21px; max-height: 100%; }
.hpdiv { overflow: hidden; margin-top: 41px; margin-bottom: 33px; }
.hgdiv { width: auto; overflow: hidden; float: left; height: 50px; margin-bottom: 13px; margin-right: 0px; }
.jured { width: 37px; height: 4px; background: #007108; margin: auto; margin-top: 61px; }
.jdp { font-size: 42px; text-align: center; font-weight: bold; margin-top: 12px; }
.jdpp { font-size: 20px; text-align: center; color: #504f4f; margin-top: 3px; margin-bottom: 37px; }
.jpdiv { width: 1400px; height: 401px; margin: auto; position: relative; }
.jvback { width: 50%; height: 100%; float: left; }
.jkright { float: right; width: 46.5%; height: 100%; position: relative; }
.jtinput { width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #dddddd; margin-bottom: 14px; }
.jtinputs { width: 78.3%; height: 50px; box-sizing: border-box; border: 1px solid #dddddd; margin-bottom: 14px; float: left; }
.jtleft { width: 80%; border: none; outline: none; font-size: 15px; line-height: 48px; height: 100%; margin-left: 2.7%; }
.jtright { display: block; float: right; right: 2.8%; position: relative; margin-top: 12px; }
.jtinputarea { width: 100%; height: 144px; box-sizing: border-box; border: 1px solid #dddddd; margin-bottom: 14px; }
.jtbutton { width: 100%; height: 100%; font-size: 18px; text-align: center; background: #007108; border: none; color: white; }
.jiaru { overflow: hidden; margin-bottom: 163px; }
.yzm { height: 50px; float: right; width: 18.28%; }
@media screen and (max-width:1680px) {
    .container { padding-top: 61px !important; } 
    .htriv { margin-top: 35px; }
    .hgdiv { margin-bottom: 10px; }
	.hpdiv { margin-top: 15px; margin-bottom: 15px; }
}
@media screen and (max-width:1600px) {
    .hodiv { left: 10%; }
    .hpdiv { margin-top: 35px; margin-bottom: 10px; }
    /* .hgdiv { margin-bottom: 18px; } */
    .hgdiv { height: 40px; }
}
@media screen and (max-width:1500px) {
    .jpdiv { width: 90%; }
    .htp { font-size: 30px; }
    .hgdiv { height: 37px; }
    .sixdiv { margin: 0 30px; }
    .cxdiv { width: 1182px; }
    .jvp { width: 90%; }
    .mrdiv { width: 90%; }
}
@media screen and (max-width:1400px) {
    .sixdiv { margin: 0 20px; }
    .cxdiv { width: 1062px; }
    .hgdiv { height: 33px; }

    /* .ptppp {
        font-size: 33px;
    } */
    .htriv { width: 90%; }
}
@media screen and (max-width:1300px) {
    .htp { font-size: 27px; }
    .hgdiv { height: 30px; }

    /* .ptppp {
        font-size: 30px;
    } */
    .jiaru { overflow: hidden; margin-bottom: 130px; }
}
@media screen and (max-width:1200px) {
    .hpdiv { margin-top: 30px; }
    .hgdiv { height: 30px; }
    .jiaru { overflow: hidden; margin-bottom: 120px; }
}
@media screen and (max-width:1024px) {
    .sixdiv { margin: 0 10px; }
    .cxdiv { width: 942px; }
    .htriv { margin-top: 15px; }
    .hpdiv { margin-top: 20px; }
    .hgdiv { height: 25px; }
    .svwhite { padding-top: 56px; }
    .jtinputs { width: 70%; }
    .yzm { width: 27%; }
    .jiaru { margin-bottom: 63px; }
}
@media screen and (max-width:768px) {
    .jvp { width: 92%; }
    .mrdiv { width: 92%; margin-top: 14% }
    .ptppp { font-size: 25px; }
    .htp { font-size: 20px; }
    .hpdiv { margin-top: 10px; }
    .hgdiv { height: 17px; /* margin-bottom: 5%; margin-right: 5%; */ }
    .hodiv { width: 90%; left: 5%;}
    .siximg { height: 100px; }
    .sixdiv { margin: 0 0px; width: 120px; }
    .cxdiv { width: 720px; } 
}
@media screen and (max-width:640px) {
    .j-tab-box{ position: relative; top: -10%; width: 100% !important; }
    .container { padding-top: 4% !important; }
    .jvp{padding-top: 10%;}
    .cxdiv { width: 90%; }
    .ptpdivs { margin-top: 10px; margin-bottom: 15px; width: 40px; }
    .hezuo { margin-top: 7%; height: auto; margin-bottom: 7%; background: url(../images/m-079.jpg) no-repeat 70% center !important; background-size: auto 100% !important; }
    .htriv{width:92%; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:450px) {
    .hvimg { margin-right: 1px; }
    .sixdiv { width: 96px; height: 100px; }
    .siximg { height: 75px; }
    .jpone { font-size: 18px; line-height: 30px; }
    .jespan { width: 65px; font-size: 12px; margin-left: 5px; height: 30px; line-height: 30px; }
    .svdiv { width: 100%; height: 300px; }
    .sepa { font-size: 20px; }
    .sepb { font-size: 20px; }
    .svwhite { padding-top: 20px; }
    .sbimg { margin-top: 17px; }
    .sgdivp { line-height: 22px; margin-top: 12px; font-size: 14px;}  
    .mrdiv { height: 600px; }
    .joindiv { height: 780px; }
    .ptp { font-size: 20px; }
    .ptppp { font-size: 14px; } 
    .slide-content { margin-top: 20px !important; }
    .cnp { font-size: 20px; padding-top: 30px; }
    .cnpp { font-size: 14px; line-height: 27px; width: 92% !important;margin-left: 4%;}
    .cnsix { padding-top: 20px; height: 200px; }
    .cxdiv { width: 288px; }
    .hop { font-size: 20px; }
    .hdpa { font-size: 20px; }
    .hpred { margin-bottom: 20px; }
    .hdpb { font-size: 14px; line-height: 27px; margin-bottom: 20px; }
    .hnimg { width: 100%; }
    .hnright { width: 100%; }
    .jured { margin-top: 30px; }
    .jdp { font-size: 20px; }
    .jdpp { font-size: 16px; }
    .jvback { display: none; }
    .jkright { width: 100%; }
    .hgdiv { height: 28px; margin: 5px 3px;}
    .svwhite { width: 90%; padding-top: 12px; }
}
@media screen and (max-width:360px) {
    .sgdivp { line-height: 26px; }
    .ptppp { font-size: 12px; }
    .hezuo { height: 670px; }
    /* .cnpp { font-size: 10px; line-height: 20px; } */
    /* .hdpb { font-size: 15px; } */
    .jiaru { margin-bottom: 40px; }
    .jespan{font-size: 12px !important; width: 64px !important;  }
}
@media screen and (max-width:320px) {
    .hgdiv { height: 25px; }
    .joindiv { height: 760px; }
}