/* stone use mobile web public */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,pre,a,big,cite,code,del,em,img,q,s,samp,small,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td,canvas,footer,header,menu,nav,section,summary,time,mark,audio,video,p{border:none;margin:0;padding:0;outline:0;}article,details,footer,header,menu,nav,section,iframe{display:block;}fieldset,img,abbr,acronym{border:0;max-width:100%;}address,caption,cite,code,dfn,em,var,i{font-weight:normal;font-style:normal;}ol,ul,li,dd,dt{list-style:none;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}input,textarea{outline:none}input:focus,textarea:focus{outline:none}html{font-size:14px;}body{font:14px/1.5 "Microsoft Yahei","Helvetica Neue",STHeiti,Tahoma,-apple-system, BlinkMacSystemFont, "PingFang SC",Simsun,sans-serif;outline:none;color:#000;max-width:750px;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;margin:0 auto;}a{color:#000;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}a:hover{outline:none;}a.hove{color:#142e7c}html.mic,html.mic body{width:100%;height:100%;overflow:hidden}.lt{ float:left;}.rt{ float:right;}.clear{clear:both;overflow:hidden;height:0;}.clfix:after,ul::after{content:"";display:block;height:0;clear:both;visibility:hidden;}.both{clear:both;overflow:hidden;height:1rem;}.wrap{margin:0 12px;height:100%;position:relative}.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.f-title{font-size:1.25rem}.f-cont{font-size:1.0625rem} 
/* Header */
#Header{width:100%;height:43px;position:fixed;top:19px;left:0px;z-index:10000} 
#Header .logo{width:43px;height:100%;}
#Header .logo a,#Header .reset span{display:block;width:100%;height:100%} 
#Header .reset{width:43px;height:43px;}
#Header .reset span{background:url(../images/menu.png) no-repeat center;background-size:cover}
#Header .nav-box{width:100%;height:auto;position:absolute;left:0px;top:-38px;background:rgba(255,255,255,.95);z-index:10;display:none}
#Header .nav-list{width:185px;background:rgba(24,45,121,.98);position:relative}
#Header .nav-list .lang{width:100%;height:30px;position:absolute;top:0px;left:0px;text-align:center;padding:35px 0px;color:#FFF;}
#Header .nav-list .lang em{padding:0 5px;}
#Header .nav-list .lang a{line-height:30px;color:#FFF;font-size:1.125rem;}
#Header .nav-list .lang a.now{border-bottom:1px solid #FFF;}
#Header .nav-list ul{padding:100px 0px 70px;}
#Header .nav-list li{height:35px;width:100%;position:relative}
#Header .nav-list li a.d{display:block;color:#FFF;padding-left:20px;line-height:35px;}
#Header .nav-list li.curr a.d{background:url(../images/tran.png) no-repeat 90% 53%;background-size:7px auto}
#Header .nav-list dl{width:220px;border-top:1px dashed #7d7d7d;position:absolute;top:0px;left:200px;opacity:0;visibility:hidden;transition:all .3s;}
#Header .nav-list li:nth-child(4) dl{top:-88px;}
#Header .nav-list li:nth-child(5) dl{top:-120px;}
#Header .nav-list li:nth-child(9) dl{top:-70px;}
#Header .nav-list li:nth-child(10) dl{top:-250px;}
#Header .nav-list dd{height:auto;width:100%;padding:7px 0px;border-bottom:1px dashed #7d7d7d;}
#Header .nav-list dd a{display:block;color:#1e1e1e;padding:0px 10px;}
#Header .nav-list li.curr dl.show{opacity:1;visibility:visible;left:185px}
#Header .menu-close{width:30px;height:30px;float:right;margin-top:30px;margin-right:30px;background:url(../images/close.png) no-repeat center;background-size:25px auto}
/* Footer */
#Footer{padding:12px 0px;background:#333;color:#FFF;font-size:.875rem;}
#Footer .adder{width:100%;margin-bottom:.75rem;}
#Footer .tel-share{height:30px;margin-bottom:1.5rem;}
#Footer .tel em{}
#Footer .share{height:100%;}
#Footer .share a{display:block;width:25px;height:100%;float:left;margin-left:.35rem;position:relative}
#Footer .share a.bds_tsina{background:url(../images/sina.png) no-repeat center;background-size:25px auto}
#Footer .share a.bds_weixin{background:url(../images/weChat.png) no-repeat center;background-size:25px auto}
#Footer .share a.bds_twitter{background:url(../images/twitter.png) no-repeat center;background-size:25px auto}
#Footer .share a.bds_fbook{background:url(../images/faceb.png) no-repeat center;background-size:25px auto}
#Footer .share a.bds_play{background:url(../images/play.png) no-repeat center;background-size:25px auto}
#Footer .share span{display:block;width:200px;height:200px;position:absolute;bottom:50px;left:50%;margin-left:-100px;background:#333;padding:10px;z-index:1000;display:none}
#Footer .share span img{display:block;width:100%;}
#Footer .share a.show span,#Footer .share a:hover span{display:block}
#Footer .copyright{width:100%;height:1px;background:#717171;margin:10px 0px;position:relative}
#Footer .copyright span{display:block;background:#333;position:absolute;top:-12px;left:0px;padding-right:30px;}
#Footer .filing{width:100%;}
#Footer .filing p{height:22px;line-height:20px;padding-top:5px;}
#Footer .filing span{float:left}
#Footer .filing a{float:right;color:#FFF;}
/* webbox */
#webbox,#webbox .swiper-container,.layer,.pj-list,.expert-list,.c-image,.cmc-list,.box-list,.sublayer,.box-main{width:100%;font-size:1rem;}
#webbox.bgColor{background:#e7e7e7;}
#webbox.bgGray{background:#e7e7e7;}
#webbox .marg{margin-bottom:15px;}
#webbox .magin{margin-bottom:.75rem;}
#webbox .marg-heg{margin-bottom:1.5rem;}
#webbox .just{text-align:justify}
#webbox .cent{text-align:center}
#webbox .wall-back{background:#848484 !important;}
#webbox .wall-gay{background:#e8e8e8 !important;}
#webbox .bg-gray{background:#f0eeee !important;}
#webbox .bg-grf{background:#f4f4f4 !important;}
#webbox .bg-grf2{background:#f2f2f2 !important;}
#webbox .bg-yelo{background:#ffe109 !important;}
#webbox .bg-blu{background:#142e7c !important;color:#FFF;}
#webbox .box-pad{padding:1.125rem .85rem;}
#webbox .grid-pad{padding:1.5rem 0px;} 
#webbox .box-pt{padding-top:.75rem;} 
#webbox .green{color:#142e7c}
#webbox .white{color:#FFF}
#banner{width:100%;margin-bottom:10px;}
#webbox .hd-perch{width:100%;height:83px;margin-bottom:5px;overflow:hidden}
#webbox .videobox{width:100%;margin-bottom:10px;position:relative;}
#webbox .videobox video{width:100%;height:auto}
#webbox .videobox span{display:block;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0px;left:0px;}
#webbox .videobox span:after{content:"";display:block;width:35px;height:35px;position:absolute;top:50%;left:50%;margin-left:-17px;margin-top:-17px;background:url(../images/plays.png) no-repeat center;background-size:cover}
#webbox .swiper-wrapper{width:100%;height:100%} 
#banner .swiper-slide{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#banner .swiper-slide img{display:block;width:100%;height:auto !important}
#banner .swiper-slide p{display:block;width:68%;height:auto;position:absolute;right:0px;bottom:0px;opacity:0;visibility:hidden;transition:all 1s;}
#banner .swiper-slide.swiper-slide-active p{opacity:1;visibility:visible;right:0px;} 
#banner .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #1454a1;background:none;opacity:.9}
#banner .swiper-pagination-bullet-active{background:#142e7c;border:1px solid #142e7c;}
#webbox .n-page{width:100%;height:81px;background:#efcd0e;margin-bottom:15px;}
#webbox .n-page a{display:block;width:33.33%;height:100%;float:left;text-align:center;border-left:3px solid #FFF;box-sizing:border-box;}
#webbox .n-page a:first-child{border:none;}
#webbox .n-page a p{display:block;padding-top:25px;margin:8px 0px 0px;line-height:20px;}
#webbox .n-page a.l p{background:url(../images/icon1.png) no-repeat center top;background-size:22px auto}
#webbox .n-page a.c p{background:url(../images/icon5.png) no-repeat center top;background-size:22px auto}
#webbox .n-page a.r p{background:url(../images/icon2.png) no-repeat center top;background-size:22px auto}
#webbox .lazyBox img,#webbox .c-image img,#webbox #cmc-list .swiper-slide img{display:block;width:100%;height:auto}
#webbox .bgImg{background:url(../images/bg-wal2.png) no-repeat center bottom;background-size:100% auto;}
#webbox .layer{background:#FFF;}
#webbox .layer dd{width:441px;float:left}
#webbox .layer dt{width:296px;float:right}
#webbox .lazyBox{background:#7d7d7d;width:100%;}
#webbox .lazyBox a,#webbox .layer a.lay-grid{display:block;width:100%;height:100%;position:relative;color:#FFF;}
#webbox .layer a.lay-grid img{width:100%;height:auto;display:block}
#webbox .tag-title{width:100%;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0);font-size:1rem;padding:10px 0px;}
#webbox .tag-title p{display:block;margin:0px 8px 0px 10px;background:url(../images/icon3.png) no-repeat center left;padding-left:18px;}
#webbox .tag-title h1{margin:0px 10px;padding-left:0px;font-size:1rem;}
#webbox .p-title{height:40px;line-height:40px;padding:10px 0px;text-align:center;font-size:1.25rem;}
#webbox .p-title span{margin-right:15px;}
#webbox .pj-list{height:auto;position:relative;padding-bottom:36px}
#webbox #pjl-list .swiper-slide p{display:block;width:100%;height:auto;box-sizing:border-box;}
#webbox #pjl-list .swiper-slide img{display:block;width:100%;height:auto;}
#webbox .pjt-nav{width:100%;height:36px;position:absolute;bottom:0px;left:0px;background:none;z-index:100;}
#webbox .poje-title{width:100%;height:36px; overflow:hidden}
#webbox .poje-title li{display:table;width:100%;float:left}
#webbox .poje-title li p{display:table-cell;width:100%;height:100%;vertical-align:middle}
#webbox .poje-title li span{display:block;margin:0 2px;text-align:center;}
#webbox .pjt-nav .per-button-prev,#webbox .pjt-nav .per-button-next{width:25px;height:10px;position:absolute;bottom:105px;}
#webbox .pjt-nav .per-button-prev{left:12px;background:url(../images/sw-prev.png) no-repeat center left;background-size:100% auto}
#webbox .pjt-nav .per-button-next{right:12px;background:url(../images/sw-next.png) no-repeat center left;background-size:100% auto}
#webbox #expert{padding-bottom:1.125rem;}
#webbox #expert .swiper-slide{background:#e5e5e5;}
#webbox #expert .swiper-slide img{display:block;width:100%;height:auto}
#webbox #expert .peplo{padding:.5rem .25rem .75rem;}
#webbox #expert .peplo h1{display:block;text-align:center;width:100%;max-height:48px;line-height:24px;overflow:hidden;margin-bottom:10px;font-size:1rem;}
#webbox #expert .peplo h2{height:65px;line-height:22px;display:block;overflow:hidden;font-size:.9375rem;}
#webbox #expert .swiper-scrollbar{height:1px;background:#000}
#webbox #expert .swiper-scrollbar-drag{height:5px;top:-2px;border-radius:1px;background:#142e7c}
#webbox .page-banner{width:100%}
#webbox .page-banner img{display:block}
#webbox .pageLink{height:90px;padding:0 10px;position:relative;background:#EEE;margin-bottom:1.5rem;} 
#webbox .lnk-buttom{width:12px;height:100%;position:absolute;top:0px;cursor:pointer}
#webbox .lnk-prev{background:url(../images/lnk-prev.png) no-repeat center left;left:10px;background-size:60% auto}
#webbox .lnk-next{background:url(../images/lnk-next.png) no-repeat center right;right:10px;background-size:60% auto}
#webbox #pageLink{height:100%}
#webbox #pageLink .swiper-slide{width:50%;height:100%;line-height:20px;text-align:center}
#webbox #pageLink .swiper-slide p{display:table;width:100%;height:100%;vertical-align:middle;text-align:center}
#webbox #pageLink .swiper-slide a{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0 10px;border-bottom:1px solid #EEE;box-sizing:border-box}
#webbox #pageLink .swiper-slide.current a{color:#142e7c;border-bottom:1px solid #142e7c} 
#webbox .designNav{height:65px;position:relative;background:#dcdcdc;margin-bottom:1.5rem;} 
#webbox .designNav a{display:block;float:left;width:50%;height:100%;line-height:18px;text-align:center;font-size:1.0625rem;padding:0px 2px;box-sizing:border-box;}
#webbox .designNav p{display:table;width:100%;height:100%;} 
#webbox .designNav p span{display:table-cell;width:100%;height:100%;vertical-align:middle}
#webbox .designNav a.current{background:#142e7c;color:#FFF} 
#webbox .designNav.three a{display:block;float:left;width:33.33%;height:100%;line-height:60px;text-align:center;font-size:1.0625rem;padding:0px 2px;box-sizing:border-box;} 
#webbox .pag-title{font-size:1.25rem;width:100%;margin-bottom:.75rem;}
#webbox .c-title{font-size:1.25rem;width:100%;margin-bottom:.65rem;}
#webbox .pag-title span{color:#7d7d7d;}
#webbox .pag-title em{color:#7d7d7d}
#webbox .box-context{font-size:1rem}
#webbox .box-context p{margin-bottom:.5rem;}
#webbox .cmc-list{background:#000;margin-bottom:1.5rem;}
#webbox #cmc-list .swiper-slide{width:33.33%;background:#e5e5e5;opacity:.6;padding-bottom:1.2rem;transition:all .3s}
#webbox #cmc-list .swiper-slide.active{opacity:1;transform:scale(1.05)}
#webbox #cmc-list .swiper-slide em{display:block;margin-bottom:20px;}
#webbox #cmc-list p,#webbox #cmc-list span{display:block;margin:0 12px}
#webbox #cmc-list p{display:block;height:20px;line-height:20px;text-align:center;margin-bottom:5px;}
#webbox #cmc-list span{display:block;height:90px;line-height:22px;overflow:hidden;}
#webbox .slide-top{font-size:1.25rem;text-align:center;margin-bottom:1rem}
#webbox .slide-context,#webbox .floor-nav span,#webbox .floor-tip span,#webbox .shop-infor,#webbox .event .eb-context{font-size:1.0625rem;}
#webbox .floor-nav{height:45px;text-align:center;margin-bottom:1.5rem}
#webbox .floor-nav span{display:inline-block;width:45px;height:45px;line-height:45px;border-radius:50%;background:#878787;color:#FFF;margin:0 .5rem;}
#webbox .floor-nav span.curr{background:#ffe109;color:#000;}
#webbox .floor-tip{margin:0 24px 1.2rem;}
#webbox .floor-tip p{font-size:1.25rem;}
#webbox .floor-maps{background:#EEE;padding:1.5rem 0px .5rem;width:100%;}
#webbox .box-map{width:100%;height:325px;margin-bottom:1.25rem;}
#webbox .f-map{height:263px;width:620px;padding:30px;position:relative;}
#webbox .map-tag{width:620px;height:263px;position:absolute;top:30px;left:30px;z-index:2;}
#webbox .flag{width:28px;height:41px;position:absolute;}
#webbox .flag i{display:block;width:100%;height:100%;text-align:center;font-size:1.125rem;line-height:25px; background:url(../images/flag.png) no-repeat center;background-size:cover}
#webbox .flag p{display:none;width:124px;position:absolute;top:41px;left:50%;margin-left:-62px;text-align:center;font-size:.8125rem;}
#webbox .flag.show i{background:url(../images/flag-on.png) no-repeat center;background-size:cover;animation:move 3s ease-in infinite;-webkit-animation:move 3s ease-in infinite;}
#webbox .fl-comp{margin:0 12px;}
#webbox .fl-comp p{display:block;width:47%;margin-bottom:10px;float:left;margin-right:3%;box-sizing:border-box;position:relative;padding-left:16px;line-height:20px;}
#webbox .fl-comp em{color:#142e7c;margin-right:5px;position:absolute;top:0px;left:0px;}
#webbox .fl-list{padding-bottom:1.5rem;} 
#webbox .f-shop{display:none}
#webbox .shop-tag{position:relative;font-size:1.25rem;padding-left:1.5rem;margin-bottom:.65rem;}
#webbox .shop-tag i{width:1rem;height:2px;position:absolute;left:0px;top:12px;background:#142e7c}
#webbox .partner ul{margin:0 -5px;}
#webbox .partner li{width:33.33%;margin-bottom:0.65rem;float:left;display:inline-block;}
#webbox .partner li a{display:block;text-align:center;margin:0px 5px;background:#FFF;}
#webbox .partner li img{display:block;width:100%;height:auto;}
#webbox .tab-nav{height:108px;background:#FFF;margin-bottom:1.25rem;}
#webbox .tab-nav #tabNav{width:100%;height:100%}
#webbox .tab-nav #tabNav li{float:left;width:50%;height:100%;text-align:center;line-height:108px;}
#webbox .tab-nav #tabNav li.curr{background:#ffe109}
#webbox .event{position:relative;}
#webbox .event:after{content:"";display:block;width:2px;height:100%;position:absolute;left:50%;top:0px;margin-left:-1px;background:#b7b7b5}
#webbox .event .event-ebox{padding-top:50px;background:url(../images/clock.png) no-repeat center top;position:relative;width:100%;z-index:1;} 
#webbox .event .wall-column{display:block;position:relative;width:50%;float:left;box-sizing:border-box;}
#webbox .event .ebox{padding-top:30px;margin-bottom:.65rem}
#webbox .event .eb-top{height:30px;position:relative;margin-bottom:.5rem}
#webbox .event .eb-top:after{content:"";display:block;width:14px;height:14px;position:absolute;top:50%;margin-top:-7px;}
#webbox .event .eb-context{border-top:1px dashed #7d7d7d;padding-top:.65rem;margin-bottom:.65rem}
#webbox .event .eb-img{width:100%}
#webbox .event .lt-box{text-align:left;} 
#webbox .event .lt-box .ebox{padding-right:0.75rem;}
#webbox .event .lt-box .eb-top:after{right:-18px;background:url(../images/icon-trs.png) no-repeat;background-size:100% auto}
#webbox .event .rt-box .ebox{padding-left:0.75rem;}
#webbox .event .rt-box .eb-top:after{left:-18px;background:url(../images/icon-trans.png) no-repeat;background-size:100% auto}
#webbox .b-intro{width:100%;margin-top:1.25rem;}
#webbox .b-intro h1{display:block;color:#142e7c;font-size:1.25rem;margin-bottom:.65rem;}
#webbox .intro-cont,#webbox .box-intro-cont{width:100%;font-size:1.0625rem;}
#webbox .intro-cont p{background:url(../images/a.png) no-repeat 0px 10px;background-size:8px auto;padding-left:15px;display:block;margin-bottom:15px;}
#webbox .box-tops{display:block;color:#142e7c;font-size:1.25rem;margin-bottom:.65rem;}
#webbox .app-infor-cont{width:100%;color:#595757;margin-bottom:1.25rem;}
#webbox .app-infor-cont dt,#webbox .app-infor-cont dd{float:inherit;width:100%;}
#webbox .app-infor-cont dt{background:url(../images/icon4.png) no-repeat 0px 9px;background-size:7px auto;padding-left:13px;display:block;font-size:1.125rem;margin-bottom:10px;}
#webbox .app-infor-cont dd{font-size:1.0625rem;}
#webbox .app-infor-cont dd.intro-cont p{width:50%;box-sizing:border-box;float:left;background:url(../images/a.png) no-repeat 0px 10px;background-size:5px auto;padding-left:10px;display:block;margin-bottom:15px;}
#webbox .box-picture{width:100%;height:auto;margin-top:10px;}
#webbox .box-picture .swiper-container{width:100%;height:100%;text-align:center;padding-bottom:2rem;} 
#webbox .box-picture .swiper-slide .slide-infor{width:100%;height:auto;background:#F4F4F4;transition:all .5s;opacity:.5}
#webbox .box-picture .swiper-slide .slide-infor p{margin-bottom:10px;display:block;}
#webbox .box-picture .swiper-slide .slide-infor span{display:block;width:100%;height:26px;overflow:hidden;}
#webbox .box-picture .swiper-slide img{display:block}
#webbox .box-picture .swiper-slide-active{z-index:10;text-align:center;}
#webbox .box-picture .swiper-slide-active .slide-infor{width:100%;height:auto;opacity:1;}
#webbox .box-picture .swiper-slide-active .slide-infor p{box-shadow:0px 0px 10px #333}
#webbox .box-picture .swiper-slide-active .slide-infor span{height:auto;}
#webbox .gay{color:#555;}
#webbox .gay p{margin-bottom:5px;}
#webbox .proj-list li{border-bottom:1px solid #c0c0c0;padding-bottom:1.25rem;margin-bottom:1.5rem;}
#webbox .cul-title{font-size:1.25rem;border-top:1px solid #c0c0c0;padding-top:1rem;margin-top:1rem;margin-bottom:1.5rem;text-align:center}
#webbox .pro-image{text-align:center;margin-bottom:1rem;} 
#webbox .pro-title{text-align:center;margin-bottom:1rem;}
#webbox .layer-title{font-size:1.25rem;margin-bottom:1.25rem;text-align:center}
#webbox .layer-context .step{width:100%;margin-bottom:1rem;}
#webbox .layer-context .step dt{font-size:1.25rem;}
#webbox .bgImg1{background:url(../images/wal2.jpg) no-repeat center;background-size:cover}
#webbox .lay-title{background:url(../images/w-round.png) no-repeat center left;padding-left:15px;font-size:1.25rem;margin-bottom:.75rem;}
#webbox .lar-title{background:url(../images/pn2.png) no-repeat 0px 8px;background-size:10px;color:#555;padding-left:15px;font-size:1.25rem;margin-bottom:.75rem;}
#webbox .laye-list{width:100%;margin-bottom:1rem;}
#webbox .laye-list ul{margin:0 -10px;}
#webbox .laye-list li{width:50%;float:left;display:inline-block;margin-bottom:20px;}
#webbox .laye-list .l-box{margin:0 10px;text-align:center;}
#webbox .t-context{width:100%;margin-bottom:1rem;}
#webbox .t-context span{color:#142e7c}
#webbox .t-context em{background:#cce1f1;display:inline-block;border-radius:50%;width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem; overflow:hidden;float:left;margin-top:5px;margin-right:10px;}
#webbox .t-context p{display:block;margin-bottom:1.25rem; } 
#webbox .tab-top,#webbox .video-box{width:100%;}
#webbox .tab-top .line{border-top:1px solid #a2a2a2;}
#webbox .tab-top .line p{display:block;height:1.125rem;}
#webbox .tab-menu{height:3rem;line-height:20px;text-align:center;padding:6px 0px;}
#webbox .tab-menu a{height:100%;display:block;text-align:center;margin:0 0%;float:left;width:33.33%;position:relative;font-size:1.125rem}
#webbox .tab-menu a:nth-child(1){line-height:3rem}
#webbox .tab-menu span{display:inline-block;}
#webbox .tab-menu i{width:100%;height:3px;position:absolute;bottom:-7px;left:0px;background:#142e7c;display:none;}
#webbox .tab-menu a.curr i{display:block;}
#webbox .video-box{width:100%;margin-bottom:1rem;}
#webbox .video-play-box{width:100%;margin-bottom:.5rem}
#webbox .play-box{width:100%;height:100%;position:absolute;top:0px;left:0px;display:none}
#webbox .poster{width:100%;height:100%;position:relative;}
#webbox .poster p{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.5) url(../images/room/play.png) no-repeat center;}
#webbox .poster img{display:block}
#webbox .video-intron{padding:12px;padding-bottom:24px;color:#FFF;}
#webbox .video-intron .int-top{text-align:center;margin-bottom:10px;}
#webbox .video-intron .main-cont{text-align:justify}
#webbox .product{background:#e8e8e8;padding:12px 0px 24px;}
#webbox .product .product-top{text-align:center;font-size:1.25rem;margin-bottom:1.125rem;}
#webbox .product .product-top p{display:block;width:100%;margin-bottom:10px;text-align:center}
#webbox .product .product-top i{display:block;width:1.5rem;height:2px;background:#142e7c;margin:0 auto}
#webbox .product-list{margin-left:12px}
#webbox .product-list .wall-column{float:left;width:50%;box-sizing:border-box;}
#webbox .prolist{width:100%;box-sizing:border-box;margin-bottom:20px;}
#webbox .prolist img{display:block;width:100% !important;height:auto !important}
#webbox .prolist .boxCont{display:block;margin:0px 10px 0px 0px;background:#FFF;padding-bottom:3px}
#webbox .prolist .boxCont span{display:block;padding:6px 6px;line-height:1.2}
#webbox .prolist .master{display:block;margin:0px 10px 0px 0px;background:#FFF;padding-bottom:10px;box-shadow:0px 0px 10px #666}
#webbox .prolist .master span{display:block;padding:10px 10px;text-align:center;} 
#webbox .prolist .prolist_text{margin:0 5px;height:95px;overflow:hidden;font-size:.9375rem;position:relative}
#webbox .prolist .prolist_text:after{content:".....";display:block;width:20px;height:20px;line-height:16px;text-align:center;position:absolute;bottom:0px;right:0px;background:#FFF;} 

#webbox .detail-top{width:100%;text-align:center;margin-bottom:1.5rem;color:#595757;margin-top:1.5rem;font-size:1.25rem;}
#webbox .banBox{width:100%;position:relative;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #d9d9d9}
#webbox .butn{width:22px;height:22px;display:block;position:absolute;top:50%;margin-top:-20px;}
#webbox .bn-prev{left:10px;background:url(../images/room/sn-prev.png) no-repeat center;background-size:22px auto}
#webbox .bn-next{right:10px;background:url(../images/room/sn-next.png) no-repeat center;background-size:22px auto}
#webbox #bn-slide{width:70%;margin:0 auto;text-align:center}
#webbox .page-title{font-size:1.25rem;}
#webbox .related-product{width:100%}
#webbox .related-product ul{margin:0px -5px;}
#webbox .related-product li{float:left;width:50%;margin-bottom:1rem;display:inline-block}
#webbox .related-product li a{display:block;margin:0px 5px;}
#webbox .page-inside{width:100%;position:relative}
#webbox .inside-head{width:50%;position:absolute;left:50%;margin-left:-25%;bottom:12px;}
#webbox .inside-head span{display:block;width:120px;height:120px;border-radius:55%;overflow:hidden;margin:0 auto 10px;background:#ffe109;box-sizing:border-box;padding:5px;}
#webbox .inside-head em{display:block;width:110px;height:110px;border-radius:50%;overflow:hidden;box-sizing:border-box}
#webbox .inside-head p{display:block;text-align:center;color:#FFF;} 
#webbox #studio{margin-bottom:1.25rem;padding-bottom:1rem;}
#webbox #studio .swiper-slide,#webbox #works .swiper-slide{text-align:center;width:33.33%}
#webbox #studio .swiper-slide.active{color:#142e7c}
#webbox #studio p{display:block;border:1px solid #999;box-sizing:border-box}
#webbox #studio p img{display:block;width:100%}
#webbox #studio span{display:block;padding:5px 1px;font-size:0.9375rem;} 
#webbox .works-top{width:100%;height:1px;background:#CCC;position:relative;margin:2rem 0px;}
#webbox .works-top span{display:block;height:30px;width:182px;padding:0 15px;font-size:1.25rem;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-91px;text-align:center;line-height:30px; background:#FFF;}
#webbox #works p{display:block;width:100%;margin-bottom:10px;}
#webbox #works p img{display:block;width:100%}
#webbox #works span{display:block;padding:0px 2px;font-size:.9375rem;height:44px;overflow:hidden;text-align:left}
#webbox .works .swiper-button-prev{left:-25px;top:35%;background-size:15px auto}
#webbox .works .swiper-button-next{right:-25px;top:35%;background-size:15px auto}
#webbox .sign{border-top:2px dashed #959595;padding-top:1rem;position:relative}
#webbox .box-main-top{padding:1.25rem .65rem;background:#dfdfdf;position:relative;font-size:1.125rem;padding-right:5rem}
#webbox .box-main-top span{display:block;width:50px;height:50px;position:absolute;top:13%;right:.65rem;background:url(../images/desi/icon1.png) no-repeat;background-size:cover}
#webbox .box-main-cont{padding:1rem .65rem;}
#webbox .box-main-cont.blue{background:#142e7c;color:#FFF}
#webbox .design-list{width:100%}
#webbox .design-list li{margin-bottom:.65rem;display:block;width:100%}
#webbox .design-list li a{display:block;width:100%}
#webbox .detail-return{width:100%;height:60px;line-height:60px;background:#dfdfdf;text-align:center}
#webbox .detail-return a{display:none;margin:0 12px;text-align:center;}
#webbox .datail-title{padding:1.5rem 0px;font-size:1.25rem;}
#webbox .datail-context{width:100%;font-size:1.0625rem;}
#webbox .datail-context p{margin-bottom:1rem;}
#webbox .box-form{width:100%;padding:2rem 0px;position:absolute;top:0rem;left:0px;background:rgba(255,255,255,.95);z-index:100;box-sizing:border-box;display:none}
#webbox .box-form h1{font-size:1.25rem;display:block;margin-bottom:.5rem;}
#webbox .box-form-content{border:1px solid #7d7d7d;padding:1rem;}
#webbox .form-grid{width:100%;height:2rem;margin-bottom:1rem;}
#webbox .form-grid span{display:block;float:left;width:86px;height:100%;text-align:right}
#webbox .form-grid p{display:block;margin-left:86px;height:100%;}
#webbox .form-grid .ui-text{width:100%;height:100%;border:none;border-bottom:1px solid #7d7d7d;background:none;box-sizing:border-box}
#webbox .form-area{width:100%;height:7.5rem;margin-bottom:.5rem;}
#webbox .form-area span{display:block;width:100%;margin-bottom:.5rem;}
#webbox .form-area p{display:block;width:100%;box-sizing:border-box}
#webbox .form-area .ui-textarea{border:1px solid #7d7d7d;width:100%;height:5rem;box-sizing:border-box}
#webbox .form-grid .ui-button{padding:0px 1rem;border:none;height:2rem;background:#b5b5b5;margin-right:2rem;color:#FFF}
#webbox .form-grid .ui-button{padding:0px 1rem;border:none;height:2rem;background:#b5b5b5;margin-right:2rem;color:#FFF}
#webbox .form-grid .ui-submit{padding:0px 1rem;border:none;height:2rem;background:#ffff00;margin-right:2rem;color:#464646}
#webbox .policy{border-top:2px solid #959595;padding-top:1rem;position:relative}
#webbox .policy-list{width:100%}
#webbox .policy-list li{display:block;height:3rem;line-height:3rem;border-bottom:1px dashed #7d7d7d}
#webbox .policy-list li a{display:block;height:100%;color:#555;padding-left:20px;overflow:hidden;position:relative}
#webbox .policy-list li a.aud{background:url(../images/aut.png) no-repeat center left; background-size:15px auto;padding-right:39px;}
#webbox .policy-list li a.aud:after{content:"NEW";display:block;position:absolute;top:0px;right:0px;z-index:1;background:#FFF;color:#c10808;padding-left:2px;}
#webbox .policy-list li a.hov{background:#ffe109}
#webbox .mapBox{width:100%;position:relative;margin:50px 0px 0px}
#webbox .mapBox img{display:block;width:100%;height:auto}
#webbox .mapShow{width:100%;height:100%;position:absolute;top:0px;left:0px;}
#webbox .mapShow p{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;visibility:hidden} 
#webbox .adder-touch{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:10}
#webbox .adder-touch .adder{display:block;width:20px;height:20px;position:absolute;background:url(../images/join/adder.png) no-repeat center;background-size:auto 100%;}
#webbox .adder-touch .adder span{font-size:.9375rem;display:block;width:160px;position:absolute;bottom:38px;left:50%;margin-left:-114px;border-bottom:1px solid #7d7d7d;visibility:hidden;padding-bottom:10px;line-height:1.35;}
#webbox .adder-touch .adder span:after{content:"";display:block;width:1px;height:20px;background:#7d7d7d;position:absolute;right:45px;bottom:-20px;}
#webbox .adder-touch .adder.show{background:url(../images/join/adder-on.png) no-repeat center;background-size:auto 100%;}
#webbox .adder-touch .adder.show span,#webbox .mapShow p.show{visibility:visible}
#webbox .behav-list{width:100%;}
#webbox .behav-list li{display:block;width:100%;margin-bottom:1rem;background:#FFF;}
#webbox .behav-list li a{display:block}
#webbox .behav-list .det-infor{padding:.5rem .65rem;height:2rem;line-height:2rem;}
#webbox .behav-list .det-infor em{float:left;display:block;padding-left:30px;background:url(../images/join/clock.png) no-repeat center left;}
#webbox .behav-list .det-infor span{display:block;float:right;width:65%;height:100%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;} 

.bgColor2{background:#f4f4f4}
.co_content{position:relative;width:100%;overflow:hidden}
.co_contentBlock{margin:0 12px;height:100%;position:relative}
.co_title{text-align:center;font-size:1.25rem;color:#464646;padding-bottom:20px}
.co_text{text-align:justify;color:#666;font-size:1.0625rem}
.co_text p{margin-bottom:10px}
.co_block{position:relative;width:100%;background:url(../images/a_2.jpg) no-repeat center;background-size:cover;margin-top:40px}
.coB_title{position:relative;width:100%;background:#ccc;text-align:center;padding:10px 0;font-size:1.25rem;color:#464646}
.coB_ul{position:relative;width:100%;padding-top:20px;padding-bottom:40px}
.coB_li{position:relative;padding:0 12px;margin-bottom:10px}
.coB_text{position:relative;width:100%;float:initial;text-align:initial;color:#666;margin-bottom:5px;}
input.coB_input{width:100%;background:none;height:2rem;line-height:2rem;border:none;border-bottom:1px solid #bababa;padding-bottom:5px;color:#666;box-sizing:border-box}
.coB_submit{position:relative;float:right;background:#959595;padding:4px 40px;color:#fff}
.coA_img{position:relative;width:100%;margin-top:20px}
.coA_img img{width:100%}
a.coA_map{position:relative;display:block;width:100%}
a.coA_map img{width:100%}
.coA_text{position:relative;width:100%;padding:50px 0}
.co_content{color:#666;font-size:1.0625rem}
.co_content p{line-height:2rem}
.coA_ulTitle{position:relative;width:100%;margin-bottom:30px;}
.coA_ul{position:relative;width:100%;margin-bottom:30px}
.coA_li{position:relative;width:100%;margin-bottom:5px}
.coA_num{float:left;position:relative;width:50px;height:50px;text-align:center;background:#c8ccdb;border-radius:100px;line-height:50px;color:#fff;margin-top:5px}
.coA_textBlock{position:relative;margin-left:60px;}
.coA_tTitle{color:#333;font-size:1.25rem}
.coA1_content{position:relative;width:100%;background:#fff}
.coA1_title{text-align:center;padding:40px 0px 30px 0;font-size:1.25rem;color:#333}
.coA1_ul{position:relative;margin:auto 12px;padding-bottom:30px}
.coA1_li{position:relative;width:100%;margin-bottom:0px}
.coA1_text{position:relative;width:100%;white-space:nowrap;padding:4px 0 5px;}
.coA1_input{position:relative;border:0px;border:1px solid #ccc;padding:10px 0%;width:100%;box-sizing:border-box;background:none}
.coA1_textarea{position:relative;width:100%;float:left;height:120px;border:1px solid #ccc;padding:2% 0%;color:#666;box-sizing:border-box;background:none}
.ta_content{position:relative;width:100%}
.ta_textBlock{position:relative;width:90%;background:#182d79;color:#fff;padding:20px 5%}
.ta_title{font-size:1.25rem;padding-bottom:10px}
.ta_img{position:relative;width:100%}
.ta_img img{width:100%}
.de_content .coA1_text{width:100%;text-align:left}
.de_content .coA1_input,.de_content .coA1_textarea{width:100%;box-sizing:border-box}
.me_ul{position:relative;width:100%;padding-top:20px}
.me_li{float:left;margin-right:80px;margin-bottom:20px;text-transform:uppercase;color:#333}
.bu_text{position:relative;padding-top:30px;text-align:center;padding-bottom:20px}
.con_text{position:relative;width:100%;padding:20px 0 30px 0}
.con_block{position:relative;width:100%}
.con_ul{position:relative;}
.con_li{position:relative;margin-bottom:15px}
.con_wcwb{position:relative;width:100% }
.con_wc{float:left;margin-left:43px;width:120px;white-space:nowrap;text-align:center}
.con_wcT{font-size:1.1rem}
.con_wcImg{position:relative;width:100%}
.con_wcImg img{width:100%}
.si_textBlock{background:#eeeeee;width:90%;padding:0px 5%}
.si_textBlock .bu_text{text-align:justify}
.si_titleBlock{position:relative;width:100%;margin:25px 0 15px;overflow:hidden}
.si_wire{position:absolute;left:125px;top:14px;width:68%;height:1px;background:#666}
.si_ul{position:relative;width:100%;padding-bottom:50px}
.si_li{position:relative;width:100%;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px}
.si_img{position:relative;width:100%}
.si_img img{width:100%;margin-bottom:-5px}
.si_tBlock{position:relative;width:90%;background:#142e7c;color:#ffe109;padding:6% 5% 5% 5%}
.si_tWire{position:relative;width:20px;height:2px;background:#ffe109;margin-bottom:15px}
.si_tTitle{font-size:1.25rem;margin-bottom:10px}
.nav_content{position:relative;padding:0px 0;height:70px;box-sizing:border-box;width:100%;background:#eee;margin-bottom:1.5rem;overflow:hidden}
.nav_ulBlock{position:relative;width:90%;margin:auto}
.nav_liBlock{float:left;position:relative;width:33.1%;text-align:center;border-right:1px solid #666;font-size:1.25rem;height:30px;line-height:30px;color:#333;padding:20px 0;}
.nav_liBlock:nth-child(3){border:0px}
.news_content{position:relative;width:100%;border-top:1px solid #ccc;padding-top:30px;padding-bottom:40px}
.news_ul{position:relative;width:100%}
a.news_aBlock{position:relative;display:block;width:100%;background:#fff;margin-bottom:30px;overflow:hidden}
.news_img{position:relative;width:100%}
.news_img img{width:100%}
.news_textBlock{position:relative;width:94%;margin:auto;padding:10px 0 20px 0}
.news_time{color:#e2b565}
.news_title{position:relative;width:100%;height:50px;line-height:24px; overflow:hidden;/*text-overflow:ellipsis;white-space:nowrap;*/}
.news_moreBlock{position:relative;width:100%;}
.news_more{position:relative;float:right;padding-right:30px;background:url(../images/a2_6.png) no-repeat right center;background-size:22px;font-size:.875rem;color:#999}
.news_wire{position:absolute;right:138px;width:62%;height:1px;background:#666;top:12px}
.Inn_title{position:relative;width:100%;font-size:1.125rem}
.Inn_block{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0;margin:20px 0}
.Inn_ul{position:relative;width:100%}
.Inn_li{float:left;margin-right:90px;margin-top:3px;position:relative}
.Inn_textBlock{position:relative;width:100%;text-align:justify}
.Inn_textBlock img{width:100%}
.Inn_textBlock p{margin:20px 0}
.Inn_content{position:relative;width:100%;padding-bottom:50px}
.Inn_share{position:absolute;left:80px;top:-2px;width:200px}
.nav_wire{position:relative;background:#142e7c;margin:auto;width:60%;height:1px;margin-top:18px;display:none}
.nav_liBlock.cur .nav_wire{display:block}
.nav_liBlock.cur a{color:#142e7c}
.navUl_ulBlock{position:relative;width:100%;margin-top:-1.25rem;padding-bottom:40px;display:none}
a.navUl_aBlock{position:relative;width:50%;float:left;text-align:center;display:block;background:#959595;color:#fff;padding:10px 0}
.navUl_aBlock.cur{background:#ffe109;color:#666}
.nav_liBlock.last{border:0px}
.jo_nav{width:50%}
.jo_nav .nav_liBlock{width:49%}
.comm_content{position:relative;width:659px;margin-top:20px}
.bgColor1{background:#fff}
.comm_ulBlock{position:absolute;top:0px;left:0px;width:100%}
.comm_img{position:absolute;top:0px;left:0px;opacity:0;filter:alpha(opacity=0);width:100%}
.comm_li{position:absolute;top:200px;left:188px;width:40px;height:40px;margin-left:-20px;margin-top:-20px;background:url(../images/b1_3.png) no-repeat center;cursor:pointer}
.comm_li:hover{background:url(../images/b1_31.png) no-repeat center}
.comm_li:hover .comm_block{display:block}
.comm_bgImg{position:absolute;right:18px;bottom:45px;width:0px}
.comm_text{position:absolute;left:0px;bottom:105px;width:310px;white-space:nowrap;margin-left:-135px}
@-webkit-keyframes an01{0%{-webkit-transform:translate(0,-20px);opacity:0}
100%{-webkit-transform:translate(0,0);opacity:1}
}.comm_block{position:relative;width:100%;height:100%;display:none;-webkit-animation:an01 0.4s ease backwards}
.comm_img.cur{opacity:1;filter:alpha(opacity=100)}
.navUl_contentBlock.policy_width{width:380px}
.comm_wire1{position:absolute;height:50px;width:1px;background:#666;right:0px;bottom:0px}
.comm_wire2{position:absolute;width:310px;height:1px;background:#666;bottom:50px;left:-155px} 

@keyframes move{0%,50%{transform:translateY(0px);-webkit-transform:translateY(0px)}25%,75%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}100%{transform:none;-webkit-transform:none}}@-webkit-keyframes move{0%,50%{-webkit-transform:translateY(0px)}25%,75%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:none}}