/* base */
body{background:#F3F5F9;}
.wrap{position:relative;margin:0 auto;width:1380px;}
.left{float:left;}
.right{float:right;}
.icon{display:inline-block;position:relative;}
.icon-share{background:url('../images/share.png');width:33px;height:35px;}
.backToTop{display:none;width:56px;height:56px;overflow:hidden;border-radius:5px;background:rgba(220,220,220,0.6);color:#fff;font-size:12px;text-align:center;position:fixed;right:20px;bottom:100px;cursor:pointer;}
.backToTop i{width:16px;height:16px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(-135deg);margin:24px 0 0;display:inline-block;}
.backToTop:hover i{border-color:#333;}
.title{color:#EC7A5C;padding:30px 0 0;}
.title .h{font-size:24px;font-weight:bold;position:relative;height:30px;line-height:30px;padding-left:13px;}
.title .h span{position:absolute;display:block;width:5px;border-radius:2px;background:#EC7A5C;height:30px;left:0;top:0;}
.img{position:relative;overflow:hidden;background:#fff;border-radius:4px;transform:translate3d(0,0,0);}
.img img{position:relative;width:100%;height:100%;top:50%;left:50%;transform:translate3d(0,0,0);transform:translate(-50%,-50%);transition:all 0.3s ease;}
.img:hover img,.area li:hover img{transform:translate(-45%,-45%) scale(1.1);top:45%;left:45%;}
/* header */
.header{height:70px;line-height:70px;background:#252525;}
.logo{margin:12px 0 0;}
/* slider */
.slider{margin-top:30px;height:450px;width:1380px;}
.swiper-container{width:100%;height:100%;}
.swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;}
.swiper-container .swiper-slide img{width:100%;height:100%;}
.slider .swiper-pagination-bullet{display:inline-block;width:25px;height:8px;border-radius:5px;margin:0 3px;background:rgba(0,0,0,0.5);}
.slider .swiper-pagination-bullet-active{background:#fff;}
/* area */
.area ul{width:1410px;}
.area li{float:left;width:330px;height:256px;background:#fff;border-radius:4px;margin:30px 20px 0 0;box-shadow:0 0 8px rgba(0,0,0,0.3);}
.area li .img{height:166px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.area li .h{font-weight:bold;font-size:20px;line-height:50px;height:50px;padding-top:4px;}
.area li .h,.area li .p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.area li a{display:block;height:100%;}
.area li a,.area li a p{color:#111;}
/* corporation */
.corporation ul{background:#fff;margin:30px 0;border-radius:4px;padding-bottom:12px;}
.corporation li{float:left;width:672px;height:305px;margin:12px 0 0 12px;}
/* intro */
.intro > .right,.intro .left-wrap{background:#fff;height:375px;box-sizing:border-box;margin-top:30px;border-radius:4px;}
.intro > .right{width:487px;margin-top:90px;}
.intro > .left{width:876px;box-sizing:border-box;}
.intro .left-wrap{padding:25px 30px;}
.intro > .right .b{text-align:center;}
.intro > .right .h{padding:35px 0 30px;}
.intro > .right .item{float:left;width:50%;box-sizing:border-box;text-align:center;margin:-8px 0;}
.intro > .right .item1{border-left:1px solid #B5B5B5;}
.intro .item .h1{font-size:16px;color:#111;line-height:30px;}
.intro .item .b1{font-size:30px;color:#FC5A30;line-height:50px;font-weight:bold;}
.intro > .left{font-size:18px;line-height:30px;}
.intro .left-wrap .h{height:270px;word-wrap:break-word;word-break:break-all;overflow:auto;}
.intro .left-wrap .h::-webkit-scrollbar{width:9px;height:9px;}
.intro .left-wrap .h::-webkit-scrollbar-track{width:6px;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.intro .left-wrap .h::-webkit-scrollbar-thumb{background-color:#aaa;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.intro > .left .b{text-align:right;padding:25px 0 0;}
.intro > .left .more{color:#EC7A5C;}
.share .h1 img{height:35px;}
.share,.share .share-item{display:inline-block;text-align:center;}
.share .share-item{margin:0 10px 0 30px;cursor:pointer;position:relative;}
.share .share-item canvas{position:absolute;top:-120px;left:-34px;padding:5px;background:#fff;border:1px solid #222;z-index:9;display:none;}
.share .weixin:hover canvas{display:block;}
.intro .right .f{padding:10px 0 0 48px;}
.intro .right .icon,.intro .right span,.intro .right .share{display:inline-block;vertical-align:middle;}
.intro .right .icon{margin-right:15px;}
/* works */
.works{background:#fff;border-radius:4px;margin-top:30px;box-sizing:border-box;padding:10px 10px 18px;}
.works .h{position:relative;}
.works .more{color:#EC7A5C;position:absolute;right:10px;top:0;font-size:18px;line-height:32px;height:32px;z-index:9;}
.swiper-container1 .swiper-slide{width:80px;color:#EC7A5C;font-size:16px;text-align:center;height:32px;line-height:32px; cursor: pointer;}
.swiper-container1 .cur{background:#EC7A5C;color:#fff;border-radius:4px;cursor: default;}
.works .m{overflow:hidden;height:210px;padding-top:15px;}
.works .m img{height:100%;}
.works .swiper-pagination{display:none!important;}
.works .m .swiper-container2{height:210px;}
.swiper-container2 span{position:absolute;display:block;background:#EC7A5C;color:#fff;bottom:6px;right:16px;padding:5px 10px;border-radius:4px;}
/*scrollerimg*/
.works .scroll{position:relative;width:100%;height:210px;}
.works .scroll .scrollerimg_left{width:100%;height:100%;overflow:hidden;margin:0 auto;position:relative;}
.works .scroll .scroll-wrap{position:absolute;}
.works .scroll .scrollerimg_left .swiper-slide{width:auto;height:210px;overflow:hidden;line-height:20px;font-size:12px;float:left;padding-right:10px;}
.works .scroll .scrollerimg_left .swiper-slide img{height:210px;}
.works .bx-wrapper{box-shadow: 0 0 0;}
/* zoom */
.origin-img{position:fixed;z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);text-align:center;}
.origin-img .origin-show{position:relative;height:100%;box-sizing:border-box;padding:60px;display:inline-block;}
.origin-img .close{position:absolute;top:50%;right:0;margin-top:-24px;color:#fff;width:40px;height:40px;font-size:30px;font-weight:bold;text-align:center;line-height:34px;cursor:pointer;border:4px solid #fff;border-radius:50%;}
.origin-img .close:hover{background:rgba(0,0,0,0.8);}
.origin-show > img{max-width:100%;max-height:100%;padding:10px;background:#fff;border-radius:4px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.origin-img .origin-show,.origin-show > img{transition:all 0.3s ease;}
/* lottery */
.page{background:#6b2ab5 url(../images/bg.png) no-repeat top center;background-size:100% auto;overflow:hidden;}
.slogan{width:560px;margin:0 auto;display:block;}
#rotate{width:608px;height:608;position:relative;background:url(../images/zp_bg.png) no-repeat center;background-size:100% 100%;margin:0 auto 0;}
#zp{width:100%;height:100%;}
.zp-btn{width:100%;position:absolute;left:0;top:0;}
.tips{text-align:center;color:#fff;margin-top:0;}
.tips span{color:#ffe56e;font-size:38px;margin:0 15px;}
.rule{width:800px;background:#fff;border-radius:10px;padding:30px 40px;margin:75px auto 25px;color:#111;}
.rule .hd{text-align:center;font-size:24px;font-weight:bold;margin-bottom:20px;}
.rule .bd p{font-size:20px;margin-bottom:10px;}
.dialog{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;}
.dialog-box{width:580px;background:#fff;border-radius:10px;}
.dialog .con{padding:50px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.dialog .btn-wrap{width:100%;height:100px;border-top:1px solid #ededed;display:flex;justify-content:center;align-items:center;}
.dialog .btn-wrap .btn{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#ef7f48;}
.dialog textarea{width:420px;height:100px;padding:20px;resize:none;border-radius:5px;margin-top:25px;font-size:28px;font-family:"微软雅黑";}
/* footer */
.footer{background:#fff;padding:30px 0;color:#666;font-size:14px;line-height:30px;}
.footer .left{width:760px;margin-left:50px;}
.footer p{margin:10px 0;}
.footer p a{color:#666;}
.footer p a:hover{color:#000;}
.icon-line{font-family:"宋体";color:#ccc;margin:0 18px;}
.footer .icon-line{margin:0 2px 0 4px;color:#999;}
.footer .strong{font-size:24px;font-weight:bold;color:#f4f4f4;}
.footer .right .code{float:left;margin:15px 40px 0 0;display:flex;justify-content:flex-start;align-items:center;}
.footer .right .code img{width:120px;height:120px;margin-right:20px;}
/* plugin */
/* line 1,../sass/simplelightbox.scss */
.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:0.7;display:none;z-index:6;}
/* line 12,../sass/simplelightbox.scss */
.sl-wrapper{z-index:10;}
/* line 14,../sass/simplelightbox.scss */
.sl-wrapper button{border:0 none;background:transparent;font-size:24px;padding:0;cursor:pointer;}
/* line 20,../sass/simplelightbox.scss */
.sl-wrapper button:hover{opacity:0.7;}
/* line 25,../sass/simplelightbox.scss */
.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:15;}
/* line 33,../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation{width:100%;display:none;}
/* line 36,../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-align:center;display:block;z-index:15;}
/* line 46,../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next{right:40px;}
/* line 50,../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev{left:40px;}
/* line 56,../sass/simplelightbox.scss */
.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000;}
/* line 61,../sass/simplelightbox.scss */
.sl-wrapper .sl-image img{margin:0;padding:0;display:block;}
/* line 66,../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0.8;position:absolute;bottom:0;left:0;right:0;}
/* line 80,../sass/simplelightbox.scss */
.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:10;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite;}
@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0;}
50%{opacity:1;}
100%{transform:scale(1.2);opacity:0;}
}
@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0;}
50%{opacity:1;}
100%{transform:scale(1.2);opacity:0;}
}
@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0;}
50%{opacity:1;}
100%{transform:scale(1.2);opacity:0;}
}
@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0;}
50%{opacity:1;}
100%{transform:scale(1.2);opacity:0;}
}
@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0;}
50%{opacity:1;}
100%{transform:scale(1.2);opacity:0;}
}
/* lightbox */
/*! * baguetteBox.js * @author feimosi * @version 0.7.0 * @url https://github.com/feimosi/baguetteBox.js */
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:4;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}
50%{margin-left:-30px}
100%{margin-left:0}
}
@keyframes bounceFromRight{0%{margin-left:0}
50%{margin-left:-30px}
100%{margin-left:0}
}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}
50%{margin-left:30px}
100%{margin-left:0}
}
@keyframes bounceFromLeft{0%{margin-left:0}
50%{margin-left:30px}
100%{margin-left:0}
}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@media only screen and (max-width:700px){/* hide */
 .footer,.header{display:none;}
/* base */
 body,html{overflow-x:hidden;width:100%;}
.wrap{width:100%;margin:0;}
.icon-share{background:url('../images/share.png');width:.33rem;height:.35rem;}
.backToTop{width:.56rem;height:.56rem;font-size:.24rem;right:.2rem;bottom:1rem;}
.backToTop i{width:.16rem;height:.16rem;margin:.24rem 0 0;}
.backToTop{display:none!important;}
.title{padding:.3rem 0 0 0.2rem;box-sizing:border-box;}
.title .h{font-size:.36rem;height:.4rem;line-height:.4rem;padding-left:.2rem;}
.title .h span{width:.08rem;height:.4rem;}
/* slider */
 .slider{margin-top:0;height:2.5rem;width:100%;overflow:hidden;}
.swiper-container .swiper-slide{font-size:.18rem;}
.slider .swiper-pagination-bullet{width:.4rem;height:.1rem;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets,.slider .swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;}
/* area */
 .area ul{width:100%;box-sizing:border-box;padding:0 0.2rem;}
.area li{float:left;width:3.44rem;height:auto;box-sizing:border-box;margin:0.3rem 0 0;}
.area li a{padding-bottom:0.2rem;}
.area li:nth-child(2n+1){margin:.3rem 0.2rem 0 0;}
.area li .img{height:1.66rem;}
.area li .h{font-size:.30rem;line-height:.6rem;height:.6rem;padding-top:.04rem;}
.area li a p{font-size:.26rem;}
/* corporation */
 .corporation ul{background:none;margin:.3rem 0 .3rem;border-radius:4px;padding-bottom:.24rem;}
.corporation li{float:left;width:3.44rem;height:1.56rem;margin:0.2rem 0 0 0.2rem;}
/* intro */
 .intro .right,.intro .left-wrap{height:auto;box-sizing:border-box;margin-top:.3rem;border-radius:0;}
.intro .right,.intro .left{width:100%;margin-top:0;}
.intro .right .b{padding:0 .24rem .24rem;line-height:0;}
.intro .right .b img{max-width:100%;}
.intro .right .h{padding:.5rem 0 .5rem;}
.intro .right .item{float:left;width:50%;box-sizing:border-box;text-align:center;margin:-8px 0;}
.intro .right .item1{border-left:1px solid #B5B5B5;}
.intro .item .h1{font-size:.28rem;color:#111;line-height:.4rem;}
.intro .item .b1{font-size:.4rem;color:#FC5A30;line-height:.6rem;font-weight:bold;}
.intro .right .f{display:none;}
.intro .right .icon,.intro .right span,.intro .right .share{display:inline-block;vertical-align:middle;}
.intro .right .icon{margin-right:15px;}
.intro .left-wrap{padding:.25rem .3rem;margin-top:0;}
.intro .left .title{background:#fff;margin-top:.2rem;}
.intro .left{font-size:.30rem;line-height:.4rem;}
.intro .left-wrap .h{height:auto;max-height:4rem; overflow: hidden;}
.intro .left .b{text-align:right;padding:.25rem 0 0;}
.intro .left .more{color:#EC7A5C;}
/* works */
 .works{border-radius:0;margin-top:.3rem;padding:.2rem 0 1rem;}
.works .more{color:#EC7A5C;position:absolute;right:.2rem;top:5.94rem;font-size:18px;line-height:32px;height:32px;z-index:9;}
.swiper-container1 .swiper-slide{width:1.1rem;color:#EC7A5C;font-size:.32rem;text-align:center;height:.54rem;line-height:.54rem;}
.swiper-container1 .cur{background:#EC7A5C;color:#fff;border-radius:4px;}
.works .m,.works .m .swiper-container2,.works .scroll,.works .scroll .scrollerimg_left .swiper-slide img,.works .scroll .scrollerimg_left .swiper-slide{height:5rem;}
.works .m{overflow:hidden;padding-top:0.2rem;}
.works .swiper-pagination{display:none!important;}
.works .h{position:relative;padding:0 .24rem;}
.swiper-container1{overflow-x:auto;position:relative;margin-right:0.2rem;height:.6rem;}
.swiper-container1::-webkit-scrollbar{display:none;}
.mobile .works .arrow{display:block;position:absolute;width:.2rem;height:.2rem;top:.15rem;right:.2rem;border-style:solid;border-width:0 2px 2px 0;transform:rotate(-45deg);color:#EC7A5C;}
.swiper-container2 span{bottom:.2rem;right:.1rem;padding:.1rem .2rem;border-radius:4px;}
.bx-wrapper{border:0;margin-bottom:0;}
.bx-wrapper .bx-pager{display:none;}
.works .scroll .swiper-slide{background:#000;width:100%;height:5rem;text-align:center;}
.works .scroll .swiper-slide .imgbox{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.works .scroll .swiper-slide .imgbox img{max-width:100%;max-height:100%;height:auto;margin:auto;width:auto;}
.works .imgleft,.works .imgright{display:none;}
/*scrollerimg*/
 .works .scroll{position:relative;width:100%;}
.works .scroll .scrollerimg_left{width:100%;height:100%;overflow:hidden;margin:0 auto;position:relative;}
.works .scroll .scroll-wrap{position:absolute;}
.works .scroll .scrollerimg_left .swiper-slide{line-height:.3rem;font-size:.24rem;padding-right:0;}
/* zoom */
 .origin-img{position:fixed;z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);text-align:center;}
.origin-img .origin-show{position:relative;height:100%;box-sizing:border-box;padding:60px;display:inline-block;}
.origin-img .close{position:absolute;top:50%;right:0;margin-top:-24px;color:#fff;width:40px;height:40px;font-size:30px;font-weight:bold;text-align:center;line-height:34px;cursor:pointer;border:4px solid #fff;border-radius:50%;}
.origin-img .close:hover{background:rgba(0,0,0,0.8);}
.origin-show > img{max-width:100%;max-height:100%;padding:10px;background:#fff;border-radius:4px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.origin-img .origin-show,.origin-show > img{transition:all 0.3s ease;}
/* lottery */
 .slogan{width:5.6rem;}
#rotate{width:6.08rem;height:6.08rem;margin:0 auto 0;}
.tips{margin-top:0rem;padding-top:.3rem;font-size:.3rem;}
.tips span{font-size:.38rem;margin:0 .15rem;}
.rule{width:6rem;border-radius:.1rem;padding:.3rem .4rem;margin:.75rem auto .25rem;color:#491a7d;}
.rule .hd{font-size:.4rem;margin-bottom:.2rem;}
.rule .bd p{font-size:.28rem;margin-bottom:.1rem;}
.dialog-box{width:5.8rem;border-radius:.1rem;font-size:.3rem;}
.dialog .con{padding:.5rem .4rem;}
.dialog .btn-wrap{height:1rem;}
.dialog textarea{width:4.2rem;height:1rem;padding:.2rem;margin-top:.25rem;font-size:.28rem;}
}