@charset "utf-8";

.about-p1{background: url(../images/pc7.jpg) center top no-repeat;padding:300px 0;color: #f7f7f7;text-align:center;}
.about-p1 li:nth-child(1){ font-size: 50px;margin-bottom:20px;}
.about-p1 li:nth-child(2),.about-p1 li:nth-child(3){ font-size: 25px;margin-bottom:15px;}
.about-p2{background: #f1eee9;padding:100px 0; overflow: hidden;}
.about-p2 ul{float: left;width: 48%}
.about-p2 ul:nth-child(2){margin-left:14%; width: 38%;}
.about-p2 ul:nth-child(2) img{width: 100%;}
.about-p2 ul:nth-child(1) li:nth-child(1){font-size: 30px;color: #000}
.about-p2 ul:nth-child(1) li:nth-child(2){font-size: 14px;margin-top:10px;}
.about-p2 ul:nth-child(1) li:nth-child(3){line-height: 30px; font-size: 16px;text-align:justify;letter-spacing: 2px;margin-top:50px;}


.about-p3{background: #f1eee9;padding: 80px 0 100px; overflow: hidden;}
.about-p3 ul{float: left;width: 51%}
.about-p3 ul:nth-child(1){width: 35%;margin-right:14%;}
.about-p3 ul:nth-child(1) img{width: 100%;}
.about-p3 ul:nth-child(2) li:nth-child(1),.about-p3 ul:nth-child(2) li:nth-child(4),.about-p3 ul:nth-child(2) li:nth-child(6){font-size: 30px;color: #000}
.about-p3 ul:nth-child(2) li:nth-child(2){font-size: 14px;margin-top:10px;}
.about-p3 ul:nth-child(2) li:nth-child(3),.about-p3 ul:nth-child(2) li:nth-child(5),.about-p3 ul:nth-child(2) li:nth-child(7){line-height: 30px; font-size: 16px;text-align:justify;letter-spacing: 2px;margin-top:30px;}
.about-p3 ul:nth-child(2) li:nth-child(4),.about-p3 ul:nth-child(2) li:nth-child(6){margin-top:30px;}


.about-p4{background: #fff; padding: 100px 0 50px;font-size: 14px;}
.about-p4 .desc li{display: none;width: 1170px;height: 557px;margin:0 auto;position: relative;}
.about-p4 .desc li img{display: inline-block; width: 100%;}
.about-p4 .desc li ol{position: absolute;display: inline-block;color: #000;}
.about-p4 .title li:nth-child(1){background: url(../images/pic11.png) repeat-x; height: 22px; margin:30px 0;}
.about-p4 .title li:nth-child(2){text-align:center;position: relative;width: 800px; margin:0 auto;}
.about-p4 .title li:nth-child(2) span{display: inline-block;width: 80px; text-align: center; line-height: 20px; height: 20px;color: #000;cursor: pointer;}
.about-p4 .title li:nth-child(2) span:nth-child(1){ background: url(../images/pc32.png) center 5px no-repeat;}
.about-p4 .title li:nth-child(2) .currs{background: url(../images/pc31.png) center 5px no-repeat!important;}
.about-p4 .title li:nth-child(2) .curr{color: #bc9882; font-weight: bold;}
.about-p4 .title li:nth-child(2) i{position: absolute;transition: all 0.5s; left:0; top:0;}
.about-p4 .title li:nth-child(2) i:before{content: "▲"; position: absolute;animation: floatssssss 1s infinite linear;left:43px;top:-15px; color:#bc9882 }
.about-p4 .title li:nth-child(2) i:after{content: "▲";position: absolute;animation: floatsssssss 1s infinite linear;left:43px;bottom:-45px; color:#bc9882}
@keyframes  floatssssss{
    0% {
        transform: translate(0px, 0px) rotate(180deg);
    }
    50% {
        transform: translate(0px, 3px) rotate(180deg);
    }
    100% {
        transform: translate(0px, 0px) rotate(180deg);
    }
}
@keyframes  floatsssssss{
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -3px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.about-p4 .desc .active{display: block;animation: aniactive 1s infinite linear;animation-iteration-count:1;}
@keyframes  aniactive{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.about-p4 .desc li p:nth-child(1){font-size: 25px; margin-bottom: 20px;}
.about-p4 .desc li p:nth-child(2){font-size: 16px;line-height: 25px;}
.about-p4 .desc li:nth-child(1) ol{left:50%;top:350px;color: #000;transform: translateX(-50%);width: 100%;text-align:center;}
.about-p4 .desc li:nth-child(1) p:nth-child(1){font-size: 25px; margin-bottom: 20px; }
.about-p4 .desc li:nth-child(2) ol{left:200px;top:380px;}
.about-p4 .desc li:nth-child(3) ol{right:270px;top:360px;}
.about-p4 .desc li:nth-child(4) ol{left:180px;top:360px;}
.about-p4 .desc li:nth-child(5) ol{right:70px;top:350px;}
.about-p4 .desc li:nth-child(6) ol{left:180px;top:370px;}
.about-p4 .desc li:nth-child(7) ol{right:90px;top:360px;}
.about-p4 .desc li:nth-child(8) ol{left:180px;top:360px;}


.about-p5{background: #f1eee9;padding: 40px 0 100px;color: #000;}
.about-p5 ul:nth-child(1){text-align:center;font-size: 35px; }
.about-p5 ul:nth-child(2){text-align:center;font-size: 14px;color: #666;margin-top:10px; margin-bottom:40px;}
.about-p5 ul:nth-child(3) img{width: 100%}
.about-p5 ul:nth-child(4){margin-top: 50px;}
.about-p5 ul li img{display: none;}
.about-p5 ul li{line-height: 35px; font-size: 16px;position: relative;cursor: pointer;}
.about-p5 ul li img{max-width: 350px; max-height: 300px;position: absolute; left: 420px; top:-100px;z-index: 2}



.contact-p1{background: url(../images/pc49.jpg) center center no-repeat;padding:300px 0;color: #f7f7f7;text-align:center;}
.contact-p1 li:nth-child(1){font-size: 50px;}
.contact-p1 li:nth-child(2),.contact-p1 li:nth-child(3){ font-size: 25px; width:600px; margin:30px auto 0; line-height: 35px;}

.contact-p2 h1,.contact-p3 h1{width: 100%; font-size: 30px; line-height: 35px;margin-bottom:20px;letter-spacing: 10px;color: #000}
.contact-p2 h1 em,.contact-p3 h1 em{color: #666; font-weight: normal;letter-spacing: 3px;}
.contact-p2{background: #fff;padding:70px 0;overflow: hidden;}
.contact-p3{background: #f1eee9;padding:50px 0;overflow: hidden;}
.contact-p2 ul{float: left;width: 50%;}
.contact-p2 .map-canvas{border:1px solid #ccc;}
.contact-p2 ul:nth-child(3){width: 40%; margin-left:10%;line-height: 35px;}
.contact-p3 ul{float: left;width: 50%; font-size: 16px; line-height: 30px;}
.contact-p3 ul li{margin-left:2%;width: 48%;float: left;position: relative;margin-bottom:30px;color: #a68676}
.contact-p3 ul li:nth-child(5){width: 100%}
.contact-p3 ul li:nth-child(6){width: 100%; margin-top:50px;}
.contact-p3 ul li input{width: 100%; border:1px solid #a68676; border-top:0;padding-left: 20px;background: #f1eee9; height: 40px; line-height: 40px; font-size: 16px; color: #a68676}
.contact-p3 ul li span{position: absolute; top:-20px; left: 50px;color: #a68676}
.contact-p3 ul li i{color: #ff0000; margin-right:5px;}
.contact-p3 ul li textarea{width: 100%; height: 90px; border: 1px solid #a68676; background: #f1eee9; color: #a68676;font-size: 16px;}
.contact-p3 ul:nth-child(2){width: 40%;margin-right:10%;}
.contact-p3 ul:nth-child(3){position: relative;}
.contact-p3 .sendmsg p{margin:0 auto;width: 170px;position: relative;text-align:center;cursor: pointer;height: 30px}
.contact-p3 .sendmsg span{display: inline-block; border-bottom: 2px solid #a68676; font-size: 20px; color: #a68676; width: 170px; height: 40px; line-height: 30px;position: relative;z-index: 1;}
.contact-p3 .sendmsg .cn{opacity: 1;position: absolute; left: 0; top:0;transition: all 0.5s;letter-spacing: 5px;}
.contact-p3 .sendmsg .en{ opacity: 0;position:absolute;left: 0; top: -30px;transition: all 0.5s;letter-spacing: 3px;}
.contact-p3 .sendmsg p:hover .cn{opacity: 0;top: 60px;}
.contact-p3 .sendmsg p:hover .en{opacity: 1;top: 0; }

.contact-p3 .feedbackmsg{color: #ff0000; font-size: 25px; position: absolute; left: 0; top:-100px;width:0; height: 30px}


.join-p1{background: url(../images/pc43.jpg) center center no-repeat;padding:300px 0;color: #f7f7f7;text-align:center;}
.join-p1 li:nth-child(1){font-size: 50px;}
.join-p1 li:nth-child(2){ font-size: 25px; width:600px; margin:30px auto 0; line-height: 35px;}
.join-p2 h1,.join-p3 h1{text-align:center;width: 100%; font-size: 30px; line-height: 35px;margin-bottom:50px;letter-spacing: 10px;color: #000}
.join-p2 h1 em,.join-p3 h1 em{color: #666; font-weight: normal;}
.join-p2{background: #fff; padding:100px 0;}
.join-p2 .w70,.join-p3 .w70{position: relative;}
.join-p3{background: #f1eee9; padding:100px 0;}
.join-p2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -50px}
.join-p2 .swiper-pagination-bullet{width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 12px;color:#000;background: #fff;opacity: 1}
.join-p2 .swiper-pagination-bullet-active {color:#fff;background: #fdd118;}
.join-p2 .swiper-container,.join-p3 .swiper-container{width: 100%;height: 100%;}
.join-p2 .swiper-slide,.join-p3 .swiper-slide{text-align:center; overflow: hidden;}
.join-p2 .swiper-slide img,.join-p3 .swiper-slide img{width: 100%;transition: all 0.5s;}
.join-p2 .swiper-slide img:hover,.join-p3 .swiper-slide img:hover{transform: scale(1.1);}
.join-p2 .p2-page{position: relative;width: 650px;margin:50px auto 0; }
.join-p2 .p2-page span{outline: none}
.join-p2 .swiper-button-next,.join-p3 .swiper-button-next{right: -50px;outline: none}
.join-p2 .swiper-button-prev,.join-p3 .swiper-button-prev{left: -50px;outline: none}
.join-p2 p{ height: 50px; line-height: 50px; text-align:center; font-size: 16px; }
.join-p3 p{ height: 50px; line-height: 50px; text-align:center; font-size: 16px; }
.join-p4 img{width: 100%;}


.server-p1{background: url(../images/pc33.jpg) center center no-repeat;padding:300px 0;color: #f7f7f7;text-align:center;}
.server-p1 li:nth-child(1){font-size: 50px;}
.server-p1 li:nth-child(2){ font-size: 25px; width:600px; margin:30px auto 0; line-height: 35px;}
.server-p2{background: #f1eee9;padding:100px 0; overflow: hidden;}
.server-p2 .title{text-align:center;}
.server-p2 .title span{display: inline-block; height: 30px; line-height: 30px; text-align:center; color:#000; font-size: 25px; columns: #000; cursor: pointer;margin-right:60px;}
.server-p2 .desc{margin-top:80px;}
.server-p2 .desc ul{display: none}
.server-p2 .title .curr{color: #fdd118; font-weight: bold;}
.server-p2 .desc .active{display: block;animation: aniactive 0.5s infinite linear;animation-iteration-count:1;}
.server-p2 .desc li{float: left; width: 50%; line-height: 35px;font-size: 14px;}
.server-p2 .desc li img{ width: 100% }
.server-p2 .desc li:nth-child(2){margin-left:8%; width: 42%;}
.server-p2 .desc .biaoti{font-size: 25px;font-weight: bold;margin-bottom:20px;}
@keyframes  aniactive{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.server-p2 .desc ul:nth-child(3){position: relative;}
.server-p2 .desc .feedbackmsg{position: absolute; top: -50px; left: 0; width:100%; height: 30px; text-align: center; color: #ff0000; font-size: 14px;}
.server-p2 .desc ul:nth-child(3) div{height: 40px; line-height: 40px;font-size: 16px;}
.server-p2 .desc ul:nth-child(3) div i{color: #ff6600;margin-right:3px;}
.server-p2 .desc ul:nth-child(3) div span{display: inline-block; height: 39px; line-height: 40px;background: #fff;padding-left: 22px;}
.server-p2 .desc ul:nth-child(3) div input{display: inline-block; height: 40px ;line-height: 40px; border: 0; padding-left: 20px; width: 270px;font-size: 16px;}
.server-p2 .desc ul:nth-child(3) div textarea{border: 0;padding:0 50px;display: inline-block;width: 1000px; height: 200px;font-size: 16px;}
.server-p2 .desc ul:nth-child(3) div button{display: inline-block; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #ccc; color: #fff; border: 0; font-size: 16px;cursor: pointer;}
.server-p2 .desc ul:nth-child(3) div button:hover{background: #fdd118;color: #000;}

.server-p2 .desc .row1 ol{float: left; width: 31.8%;margin-left:2%;border: 1px solid #ccc; background: #fff;}
.server-p2 .desc .row1 ol:nth-child(1){margin-left:0;}
.server-p2 .desc .row1 ol:nth-child(1) input{background: url(../images/pc35.png) right center no-repeat;}
.server-p2 .desc .row1 ol:nth-child(2) input{background: url(../images/pc36.png) right center no-repeat;}
.server-p2 .desc .row1 ol:nth-child(3) input{background: url(../images/pc37.png) right center no-repeat;}
.server-p2 .desc .row2{margin-top: 20px;border: 1px solid #ccc;background: #fff url(../images/pc38.png) 1170px center no-repeat;}
.server-p2 .desc .row2 ol{float: left; }
.server-p2 .desc .row2 select{border:0;height: 40px; line-height: 40px;width:280px; font-size: 16px;margin-left:20px;}
.server-p2 .desc .row2 ol:nth-child(2){width: 35%;}
.server-p2 .desc .row2 ol:nth-child(2){width:36%;}
.server-p2 .desc .row2 ol:nth-child(3){width:26%;}
.server-p2 .desc .row3{margin-top: 20px;}
.server-p2 .desc .row3 ol{float: left; width: 48.8%; margin-left: 2%;border: 1px solid #ccc;}
.server-p2 .desc .row3 ol:nth-child(1){margin-left:0;}
.server-p2 .desc .row3 ol:nth-child(1) {background: #fff url(../images/pc39.png) right 13px center no-repeat;}
.server-p2 .desc .row3 ol:nth-child(2) {background: #fff url(../images/pc40.png) right 13px center no-repeat;}
.server-p2 .desc .row4{margin-top: 20px; height: 250px!important;border: 1px solid #ccc;}
.server-p2 .desc .row4{background: #fff url(../images/pc41.png) right 15px top 10px no-repeat;}
.server-p2 .desc .row5{text-align:center;margin-top: 20px; border:0!important; background: #f1eee9!important;}


.store-p1{background: url(../images/pc47.jpg) center center no-repeat;padding:300px 0;color: #f7f7f7;text-align:center;}
.store-p1 li:nth-child(1){font-size: 50px;}
.store-p1 li:nth-child(2){ font-size: 25px; width:600px; margin:30px auto 0; line-height: 35px;}
.store-p2{background: #f1eee9; padding-top:100px;}
.store-p2 h1,.store-p3 h1{text-align:center;width: 100%; font-size: 30px; line-height: 35px;margin-bottom:50px;letter-spacing: 10px;color: #000}
.store-p2 h1 em,.store-p3 h1 em{color: #666; font-weight: normal;}
.store-p2 .swiper-button-next{right: -70px;outline: none;background:url(../images/next_info.png) no-repeat!important;background-size: auto 15%!important; height: 300px;top: 35%!important}
.store-p2 .swiper-button-prev{left: -70px;outline: none;background:url(../images/prev_info.png) no-repeat!important;background-size: auto 15%!important; height: 300px;top: 35%!important}
.store-p2 .w50{position: relative;}

.store-p3{background: #fff;padding:100px;}
.store-p3 .storebg{background: url(../images/pc48.jpg) center center no-repeat; text-align:center; background-size: 100% auto; min-height: 369px;position: relative;}
.store-p3 .storebg span{display:inline-block; width: 250px; height: 60px; line-height: 60px; background: rgba(253,209,24,0.5); color: #fff;transition: all 0.5s;border-radius: 5px;font-size: 18px;position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.store-p3 .storebg span:hover{background: #fdd118;}

.storeshop .swiper-slide span{width: 100%;height: 100%; display: inline-block;position: absolute; top: 0; left: 0;}
.storeshop .swiper-slide span::before,.storeshop .swiper-slide span::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.storeshop .swiper-slide span::before{top:30px;right:20px;bottom:30px;left:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.storeshop .swiper-slide span::after{top:20px;right:30px;bottom:20px;left:30px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.storeshop .swiper-slide:hover span::before,.storeshop .swiper-slide:hover span::after{opacity:1;transform:scale(1);transition: all 0.5s;}