/* 
* @Author: gavin
* @Date:   2015-06-26 14:25:32
* @Last Modified by:   gavin
* @Last Modified time: 2015-07-03 17:33:16
*/
body{background: #000}
.qrcode{background: url(../images/bg1.jpg) no-repeat center center;background-size: cover;}
.qrcode .qrcode_pic{width: 100%;height: 463px;position: absolute;left:0px;text-align: center;top:50%;margin-top:-400px;}
.qrcode .qrcode_text{width: 100%;position: absolute;left:0px;text-align: center;font-size: 22px;color: #F7D63A;top:50%;margin-top:130px;}
.qrcode .qrcode_btn{width: 100%;height: 72px;position: absolute;left:0px;background: url(../images/share_btn.png) no-repeat center top;top:50%;margin-top:250px;}
.qrcode .qrcode_btn_text{width: 100%;height: 43px;position: absolute;left:0px;background: url(../images/share_btn.png) no-repeat center -90px;top:50%;margin-top:350px;}

/*签到*/
.sign{background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;}
.sign .title{background: url(../images/sign_title.png) no-repeat center top;height: 80px;width: 100%;position: absolute;top:50%;left:0px;margin-top:-480px;}
.sign .title_desc{background: url(../images/sign_title.png) no-repeat center -80px;height: 178px;width: 100%;position: absolute;top:50%;left:0px;margin-top:-400px;}
.sign .avatar{position: absolute;top:50%;margin-top:-100px;width: 100%;height: 290px;margin-top:-300px;}
.sign .avatar .avatar_bg1{width: 192px;height: 192px;position: absolute;left:50%;margin-left:-96px;top:50%;margin-top:-96px;}
.sign .avatar .avatar_bg1 .bg_pic{background: url(../images/avatar_bg1.png) no-repeat center center;width: 192px;height: 192px;}
.sign .avatar .avatar_bg2{width: 162px;height: 157px;position: absolute;left:50%;margin-left:-81px;top:50%;margin-top:-78px;}
.sign .avatar .avatar_bg2 .bg_pic{background: url(../images/avatar_bg2.png) no-repeat center center;width: 162px;height: 157px;}
.sign .avatar .avatar_img{width: 110px;height: 110px;border-radius: 50%;overflow:hidden;position: absolute;left:50%;margin-left:-55px;top:50%;margin-top:-55px;}
.sign .avatar .avatar_img img{border-radius: 50%;width: 110%}
.sign .avatar .avatar_text{position: absolute;left:0px;text-align: center;bottom:0px;width: 100%;font-size: 24px;color: #fff}
.sign .sign_bg{background: url(../images/sign_score.png) no-repeat center top;height: 216px;width: 100%;position: absolute;left:0px;top:50%;margin-top:50px;} 
.sign .sign_bg .con{width: 465px;height: 216px;position: absolute;left:50%;top:50%;margin-left:-232px;margin-top:-108px;}
.sign .sign_bg .con .allday{font-size: 26px;color: #FFDC73;text-align: right;width: 380px;margin-top:25px;}
.sign .sign_bg .con .day{font-size: 26px;color: #FFDC73;text-align: right;width: 380px;margin-top:28px;}
.sign .sign_bg .con .score{font-size: 26px;color: #FFDC73;text-align: right;width: 380px;margin-top:30px;}
.sign .sign_btn{background: url(../images/sign_btn.png) no-repeat center top;height: 67px;width: 100%;position: absolute;left:0px;top:50%;margin-top:350px;border:0px;}


/*加入*/
.join{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;}
.join .title{background: url(../images/join_title.png) no-repeat center top;height: 80px;width: 100%;position: absolute;top:50%;left:0px;margin-top:-480px;}
.join .title_desc{background: url(../images/join_title.png) no-repeat center -80px;height: 178px;width: 100%;position: absolute;top:50%;left:0px;margin-top:-400px;}
.join .avatar{position: absolute;top:50%;margin-top:-100px;width: 100%;height: 290px;margin-top:-300px;}
.join .avatar .avatar_bg1{width: 192px;height: 192px;position: absolute;left:50%;margin-left:-96px;top:50%;margin-top:-96px;}
.join .avatar .avatar_bg1 .bg_pic{background: url(../images/avatar_bg1.png) no-repeat center center;width: 192px;height: 192px;}
.join .avatar .avatar_bg2{width: 162px;height: 157px;position: absolute;left:50%;margin-left:-81px;top:50%;margin-top:-78px;}
.join .avatar .avatar_bg2 .bg_pic{background: url(../images/avatar_bg2.png) no-repeat center center;width: 162px;height: 157px;}
.join .avatar .avatar_img{width: 110px;height: 110px;border-radius: 50%;overflow:hidden;position: absolute;left:50%;margin-left:-55px;top:50%;margin-top:-55px;}
.join .avatar .avatar_img img{border-radius: 50%;width: 110%}
.join .avatar .avatar_text{position: absolute;left:0px;text-align: center;bottom:0px;width: 100%;font-size: 24px;color: #fff}
.join .sign_bg{background: url(../images/join_form_bg.png) no-repeat center top;height: 267px;width: 100%;position: absolute;left:0px;top:50%;margin-top:50px;} 
.join .sign_bg .con{width: 465px;height: 216px;position: absolute;left:50%;top:50%;margin-left:-232px;margin-top:-108px;}
.join .sign_bg .con div{padding-left:50px;margin:20px 0px;}
.join .sign_bg .con input{background: url(../images/join_input.png) no-repeat;width: 358px;height: 45px;border:0px;padding:0 20px;color: #fff;font-size: 18px;}
.join .sign_bg .con select{background: url(../images/join_input.png) no-repeat;width: 358px;height: 45px;border:0px;padding:0 20px;color: #fff;font-size: 18px;}
.join .join_btn{background: url(../images/join_submit.png) no-repeat center top;height: 67px;width: 100%;position: absolute;left:0px;top:50%;margin-top:380px;border:0px;}

/*兑换*/
.exchange{background: url(../images/bg4.jpg) no-repeat center center;background-size: cover;}
.exchange .title{background: url(../images/join_title.png) no-repeat center top;height: 80px;width: 100%;position: absolute;top:50%;left:0px;margin-top:-480px;}
.exchange .avatar{position: absolute;top:50%;margin-top:-100px;width: 100%;height: 290px;margin-top:-430px;}
.exchange .avatar .avatar_bg1{width: 192px;height: 192px;position: absolute;left:50%;margin-left:-96px;top:50%;margin-top:-96px;}
.exchange .avatar .avatar_bg1 .bg_pic{background: url(../images/avatar_bg1.png) no-repeat center center;width: 192px;height: 192px;}
.exchange .avatar .avatar_bg2{width: 192px;height: 192px;position: absolute;left:50%;margin-left:-96px;top:50%;margin-top:-96px;}
.exchange .avatar .avatar_bg2 .bg_pic{background: url(../images/avatar_bg2.png) no-repeat center center;width: 192px;height: 192px;}
.exchange .avatar .avatar_img{width: 110px;height: 110px;border-radius: 50%;overflow:hidden;position: absolute;left:50%;margin-left:-55px;top:50%;margin-top:-55px;}
.exchange .avatar .avatar_img img{border-radius: 50%;width: 110%}
.exchange .avatar .avatar_text{position: absolute;left:0px;text-align: center;bottom:-50px;width: 100%;font-size: 24px;color: #fff;}
.exchange .avatar .avatar_text p{padding-top:20px;color: #FFDC72}
.exchange .exchange_con{}
.exchange .exchange_con ul{width: 534px;margin:0 auto;padding-top:500px;}
.exchange .exchange_con li{background: url(../images/exchange_pro.png) no-repeat center top;width: 534px;height: 132px;margin-bottom: 40px;}
.exchange .exchange_con li .btn{background: url(../images/exchange_btn.png) no-repeat;width: 111px;height: 40px;display: block;margin-top:25px;}
.exchange .exchange_con li .not_btn{background: url(../images/exchange_btn.png) no-repeat;width: 111px;height: 40px;display: block;margin-top:25px;}
.exchange .exchange_con li dl{padding:20px 30px;}
.exchange .exchange_con li dl dt{float: left;}
.exchange .exchange_con li dl dd{float: left;width: 220px;margin-left:60px;padding-top:10px;}
.exchange .exchange_con li dl dd p{color: #fff;font-size: 22px;}
.exchange .exchange_con li dl dd p font{color: #FFDC72;padding-top:15px;display: block;}
.exchange .exchange_icon{background: url(../images/exchange_icon.png) no-repeat;width: 70px;height: 94px;position: absolute;right:20px;top:20px;z-index: 5}


.dialog{display: none;}
.do_dialog_content{width: 100%;height: 100%;}
.normal_dialog{background: url(../images/pop_bg.png) no-repeat;width: 501px;height: 192px;position: absolute;top:50%;left:50%;margin-left:-250px;margin-top:-96px;font-size: 24px;color: #FFDC72;text-align: center;padding-top:80px;}
.exchange_dialog{background: url(../images/exchange_dialog.png) no-repeat;width: 517px;height: 385px;left:50%;top:50%;margin-left:-259px;margin-top:-192px;position: absolute;}
.exchange_dialog .close{background: url(../images/close.png) no-repeat;width: 26px;height: 26px;position: absolute;top:10px;right:20px;}
.exchange_dialog form{margin-top:90px;margin-left:80px;width: 370px;}
.exchange_dialog form p{font-size: 20px;color: #FFDC72;padding-bottom: 30px;}
.exchange_dialog form input{background: url(../images/join_input.png) no-repeat;width: 360px;height: 45px;border:0px;padding:0 20px;color: #fff;font-size: 18px;margin-bottom: 30px;}
.exchange_dialog form button{background: url(../images/join_submit.png) no-repeat center top;height: 67px;margin-top:0px;border:0px;width: 270px;margin:0 auto;display: block;}


.exchange_result{background: url(../images/exchange_result.png) no-repeat;width: 517px;height: 320px;left:50%;top:50%;margin-left:-259px;margin-top:-160px;position: absolute;}
.exchange_result .close{background: url(../images/close.png) no-repeat;width: 26px;height: 26px;position: absolute;top:15px;right:30px;}
.exchange_result .exchange_con{width: 440px;padding-top:70px;margin:0 auto;}
.exchange_result table{width: 100%;}
.exchange_result th{font-size: 18px;color: #FFDC72;padding:15px 0px;text-align: left;}
.exchange_result td{font-size: 16px;color: #FFFFFF;border-bottom:1px solid #50A0FE;padding:15px 0px;}
.exchange_result .page{text-align: center;padding-top:10px;position: absolute;left:0px;width: 100%;bottom:20px;}
.exchange_result .page a{color: #fff;text-decoration: none;margin:0 5px;}
.exchange_result .page span.current{color: #fff;margin:0 5px;}

.gift{}
.gift .swiper-container{height: 100%;width: 100%;}
.gift .mobile-main{position: relative;}
.gift .tip{background: url(../images/loop_icon.png) no-repeat center top;width: 44px;height: 44px;position: absolute;left:50%;bottom:40px;margin-left:-22px;z-index: 5}
.gift ul{width: 100%;height: 100%}
.gift ul li{width: 100%;height: 100%;position: relative;}
.gift ul li.scene1{background: url(../images/bg5.jpg) no-repeat center center;background-size: cover;}
.gift ul li.scene2{background: url(../images/bg6.jpg) no-repeat center center;background-size: cover;}
.gift ul li .gift_icon{background: url(../images/gift_icon.png) no-repeat;width: 61px;height: 89px;position: absolute;left:20px;top:20px;z-index: 5}
.gift ul li .qrcode_icon{background: url(../images/3qrcode_icon.png) no-repeat;width: 61px;height: 89px;position: absolute;right:20px;top:20px;z-index: 5}

.gift ul li .logo{position: absolute;width: 320px;height: 320px;top:50%;left:50%;margin-left:-150px;margin-top:-470px;}
.gift ul li .logo .logo_bg1{width: 316px;height: 316px;position: absolute;left:50%;top:50%;margin-left:-158px;margin-top:-158px;}
.gift ul li .logo .logo_bg1 .bg_pic{background: url(../images/logo_bg1.png) no-repeat center center;width: 316px;height: 316px;}
.gift ul li .logo .logo_bg2{width: 316px;height: 316px;position: absolute;left:50%;top:50%;margin-left:-158px;margin-top:-158px;}
.gift ul li .logo .logo_bg2 .bg_pic{background: url(../images/logo_bg2.png) no-repeat center center;width: 316px;height: 316px;}
.gift ul li .logo .logo_img{background: url(../images/logo.png) no-repeat center center;width:152px;height:152px;position: absolute;top:50%;left:50%;margin-left:-75px;margin-top:-75px;
  background-color: white; border-radius: 50%;
}

.gift ul li.scene1 .pic{background: url(../images/scene_1_pic.png) no-repeat center top;height: 222px;position: absolute;left:0px;width: 100%;top:50%;margin-top:0px;}
.gift ul li.scene2 .pic{height: 508px;position: absolute;left:0px;width: 100%;top:50%;margin-top:-400px;}
.gift ul li.scene2 .pic .bg_pic{background: url(../images/scene_2_pic1.png) no-repeat center top;height: 508px;width: 100%}
.gift ul li.scene2 .pic2{background: url(../images/scene_2_pic2.png) no-repeat center top;height: 222px;position: absolute;left:0px;width: 100%;top:50%;margin-top:-50px;}
.gift ul li.scene2 .finger{position: absolute;height: 140px;top:50%;margin-top:250px;width: 417px;left:50%;margin-left:-208px;}
.gift ul li.scene2 .finger_bg0{background: url(../images/finger_bg0.png) no-repeat center center;height: 140px;width: 100%;}
.gift ul li.scene2 .finger_bg1{background: url(../images/finger_bg1.png) no-repeat center center;height: 140px;width: 140px;position: absolute;left:50%;top:50%;margin-left:-70px;margin-top:-70px;}
.gift ul li.scene2 .finger_bg2{background: url(../images/finger_bg2.png) no-repeat center center;height: 140px;width: 140px;position: absolute;left:50%;top:50%;margin-left:-70px;margin-top:-70px;}
.gift ul li.scene2 .finger_img{background: url(../images/finger_img.png) no-repeat center center;width: 68px;height: 84px;position: absolute;left:50%;top:50%;margin-left:-34px;margin-top:-42px;}

.share_bg{background: url(../images/share_bg.jpg) no-repeat center center;background-size:cover;width: 100%;height: 100%;position: fixed;top:0px;}
.share_bg .share_btn_loop{background: url(../images/share_btn_loo.png) no-repeat;width: 44px;height: 44px;position: absolute;right:20px;top:40px;}

.animation{-webkit-transform:all ease 0.2s;}
.round{-webkit-animation:round 5s 0s linear infinite;-moz-animation:round 5s 0s linear infinite;}
.round_back{-webkit-animation:round_back 5s 0s linear infinite;-moz-animation:round_back 5s 0s linear infinite;}
.loop{-webkit-animation:loop 1s 0s linear infinite;-moz-animation:loop 1s 0s linear infinite;}

@-webkit-keyframes round{
    0%{opacity:1;-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
    100%{opacity:1;-webkit-transform:rotate(360deg) ;-webkit-transform-origin:50% 50%;}
}
@-moz-keyframes round{
    0%{opacity:1;-moz-transform:rotate(0deg);-moz-transform-origin:50% 50%;}
    100%{opacity:1;-moz-transform:rotate(360deg);-moz-transform-origin:50% 50%;}
}
@-webkit-keyframes round_back{
    0%{opacity:1;-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
    100%{opacity:1;-webkit-transform:rotate(-360deg) ;-webkit-transform-origin:50% 50%;}
}
@-moz-keyframes round_back{
    0%{opacity:1;-moz-transform:rotate(0deg);-moz-transform-origin:50% 50%;}
    100%{opacity:1;-moz-transform:rotate(-360deg);-moz-transform-origin:50% 50%;}
}
@-webkit-keyframes loop{
    0%{opacity:1;-webkit-transform:translateY(5px);-webkit-transform-origin:50% 50%;}
    50%{opacity:1;-webkit-transform:translateY(-5px);-webkit-transform-origin:50% 50%;}
    100%{opacity:1;-webkit-transform:translateY(5px) ;-webkit-transform-origin:50% 50%;}
}
@-moz-keyframes loop{
    0%{opacity:1;-moz-transform:translateY(5px);-moz-transform-origin:50% 50%;}
    50%{opacity:1;-moz-transform:translateY(-5deg);-moz-transform-origin:50% 50%;}
    100%{opacity:1;-moz-transform:translateY(5px);-moz-transform-origin:50% 50%;}
}

.pic2{ -webkit-animation:theScale 0.8s 3s ease infinite alternate; }
@-webkit-keyframes theScale {
    0% { opacity:1; -webkit-transform: scale(1);  }
    100% { opacity:1; -webkit-transform: scale(1.1);  }
}

/*添加页面*/
.gift ul li.scene3{background: #000000;}
.PictureBack { width:100%; height:100%; position:absolute; left:0px; top:0px; }
.scene3 .span1{width:25%;height:16.67%;position: absolute;top:0%;left:0%;background:url('../images/AddImg/b1.jpg') no-repeat center center;background-size:cover;}
.scene3 .span2{width:25%;height:16.67%;position: absolute;top:0%;left:25%;background:url('../images/AddImg/b2.jpg') no-repeat center center;background-size:cover;}
.scene3 .span3{width:25%;height:16.67%;position: absolute;top:0%;left:50%;background:url('../images/AddImg/b3.jpg') no-repeat center center;background-size:cover;}
.scene3 .span4{width:25%;height:16.67%;position: absolute;top:0%;left:75%;background:url('../images/AddImg/b4.jpg') no-repeat center center;background-size:cover;}
.scene3 .span5{width:25%;height:16.67%;position: absolute;top:16.67%;left:0%;background:url('../images/AddImg/b5.jpg') no-repeat center center;background-size:cover;}
.scene3 .span6{width:25%;height:16.67%;position: absolute;top:16.67%;left:25%;background:url('../images/AddImg/b6.jpg') no-repeat center center;background-size:cover;}
.scene3 .span7{width:25%;height:16.77%;position: absolute;top:16.67%;left:50%;background:url('../images/AddImg/b7.jpg') no-repeat center center;background-size:cover;}
.scene3 .span8{width:25%;height:16.77%;position: absolute;top:16.67%;left:75%;background:url('../images/AddImg/b8.jpg') no-repeat center center;background-size:cover;}
.scene3 .span9{width:25%;height:16.77%;position: absolute;top:33.34%;left:0%;background:url('../images/AddImg/b9.jpg') no-repeat center center;background-size:cover;}
.scene3 .span10{width:25%;height:16.77%;position: absolute;top:33.34%;left:25%;background:url('../images/AddImg/b10.jpg') no-repeat center center;background-size:cover;}
.scene3 .span11{width:25%;height:16.77%;position: absolute;top:33.34%;left:50%;background:url('../images/AddImg/b11.jpg') no-repeat center center;background-size:cover;}
.scene3 .span12{width:25%;height:16.77%;position: absolute;top:33.34%;left:75%;background:url('../images/AddImg/b2.jpg') no-repeat center center;background-size:cover;}
.scene3 .span13{width:25%;height:16.77%;position: absolute;top:50.01%;left:0%;background:url('../images/AddImg/b13.jpg') no-repeat center center;background-size:cover;}
.scene3 .span14{width:25%;height:16.77%;position: absolute;top:50.01%;left:25%;background:url('../images/AddImg/b14.jpg') no-repeat center center;background-size:cover;}
.scene3 .span15{width:25%;height:16.77%;position: absolute;top:50.01%;left:50%;background:url('../images/AddImg/b15.jpg') no-repeat center center;background-size:cover;}
.scene3 .span16{width:25%;height:16.77%;position: absolute;top:50.01%;left:75%;background:url('../images/AddImg/b16.jpg') no-repeat center center;background-size:cover;}
.scene3 .span17{width:25%;height:16.77%;position: absolute;top:66.68%;left:0%;background:url('../images/AddImg/b17.jpg') no-repeat center center;background-size:cover;}
.scene3 .span18{width:25%;height:16.77%;position: absolute;top:66.68%;left:25%;background:url('../images/AddImg/b18.jpg') no-repeat center center;background-size:cover;}
.scene3 .span19{width:25%;height:16.77%;position: absolute;top:66.68%;left:50%;background:url('../images/AddImg/b19.jpg') no-repeat center center;background-size:cover;}
.scene3 .span20{width:25%;height:16.77%;position: absolute;top:66.68%;left:75%;background:url('../images/AddImg/b20.jpg') no-repeat center center;background-size:cover;}
.scene3 .span21{width:25%;height:16.77%;position: absolute;top:83.35%;left:0%;background:url('../images/AddImg/b21.jpg') no-repeat center center;background-size:cover;}
.scene3 .span22{width:25%;height:16.77%;position: absolute;top:83.35%;left:25%;background:url('../images/AddImg/b22.jpg') no-repeat center center;background-size:cover;}
.scene3 .span23{width:25%;height:16.77%;position: absolute;top:83.35%;left:50%;background:url('../images/AddImg/b23.jpg') no-repeat center center;background-size:cover;}
.scene3 .span24{width:25%;height:16.77%;position: absolute;top:83.35%;left:75%;background:url('../images/AddImg/b24.jpg') no-repeat center center;background-size:cover;}
.JumpBack { z-index:1; width:100%; height:100%; position:absolute; left:0px; top:0px; background: rgba(0,0,0,0.8); }

#Jump { z-index:9; width:100%; height:100%; position:absolute; left:0px; top:0px; }
#Jump .Title { width:388px; height:160px; position:absolute; left:50%; top:34.69%; margin:-80px 0 0 -194px; background: url("../images/AddImg/Title.png") no-repeat; background-size: cover; }
#Jump .TapJia { width:141px; height:182px; position:absolute; left:50%; top:65.42%; margin:-91px 0 0 -70.5px; }
#Jump .TapJia .Circle { width:141px; height: 141px; display:block; margin:0 auto; }
#Jump .TapJia .Circle .circleRotate { width:100%; height:100%; background: url("../images/AddImg/Circle.png") no-repeat; background-size:cover;  }
#Jump .TapJia .Circle .Jia { width:45px; height:45px; position:absolute; left:48px; top:48px; background: url("../images/AddImg/Jia.png") no-repeat; background-size:cover; }
#Jump .TapJia .Understand { width:116px; height:23px; position:absolute; left:10px; bottom:0px; background: url("../images/AddImg/San.png") no-repeat; background-size:cover; }


/*导航*/
.Navigation { width:100%; height:80px; margin:0 auto; background: #37B6D0; }
.Navigation .Log { width:190px; height:59px; position:absolute; left:20px; top:10px; background: url("../images/AddImg/Log.png") no-repeat; background-size:cover; }
.Navigation .DropDown { cursor:pointer; width:44px; height:34px; position:absolute; right:20px; top:23px; background: url("../images/AddImg/Navigation.png") no-repeat; background-size: contain; }

.NavWindow { z-index:-1; display:none; width:100%; height:100%; position:absolute; left:0px; top:0px; background: url("../images/AddImg/NavBack.jpg") no-repeat; background-size:cover; }
.NavWindow .UpTitle { width:324px; height:95px; position:absolute; left:50%; top:14.32%; margin:-47.5px 0 0 -162px; background: url("../images/AddImg/NvaLog.png") no-repeat; background-size:cover; }
.NavWindow .SpanBack { width:468px; height:602px; position:absolute; left:50%; top:57.08%; margin:-302px 0 0 -234px; }
.SpanBack > span { display:block; width:486px; height:1px; margin:0 auto; background: url("../images/AddImg/NavLine.png") no-repeat; background-size:cover; }
.NavWindow .NavAbout { display:block; width:115px; height:54px; margin:23px auto; background: url("../images/AddImg/NavAbout.png") no-repeat; background-size:cover; }
.NavWindow .NavMedia { display:block; width:126px; height:54px; margin:23px auto; background: url("../images/AddImg/NavMedia.png") no-repeat; background-size:cover; }
.NavWindow .NavShow { display:block; width:142px; height:55px; margin:23px auto; background: url("../images/AddImg/NavShowcases.png") no-repeat; background-size:cover; }
.NavWindow .NavNews { display:block; width:136px; height:60px; margin:23px auto; background: url("../images/AddImg/NavIndustry.png") no-repeat; background-size:cover; }
.NavWindow .NavJoin { display:block; width:95px; height:54px; margin:23px auto; background: url("../images/AddImg/NavJoin.png") no-repeat; background-size:cover; }
.NavWindow .NavTel { display: block; width:137px; height:54px; margin:23px auto; background: url("../images/AddImg/NavTel.png") no-repeat; background-size:cover; }
.NavWindow .NavDelete { cursor:pointer; width:36px; height: 36px; position:absolute; right:30px; top:30px; background: url("../images/AddImg/NvaDelete.png") no-repeat; background-size:cover; }

/*关于我们*/
.AboutContainer { width:100%; height:100%; position:absolute; left:0px; top:0px; overflow-x:hidden; overflow-y:auto; background: white; }
.AboutContainer .Picture { width:100%; height:340px; margin:0 auto; position:relative; background: url("../images/AddImg/AboutUsBack.jpg") no-repeat; background-size:cover; }
.AboutContainer .Picture .Title { width:354px; height:165px; position:absolute; left:50%; top:88px; margin:0 0 0 -177px; background: url("../images/AddImg/AboutUs.png") no-repeat; background-size:cover; }
.AboutContainer .Remarks { width:581px; height:48px; margin: 30px auto; display: block; background: url("../images/AddImg/Remarks.png") no-repeat; background-size:cover; }
.AboutContainer .AboutPictureBack { width:585px; height:332px; position:relative; margin:0 auto; display:block; background: url("../images/AddImg/PictureBack.png") no-repeat; background-size:cover; }
.AboutContainer .AboutPictureBack .FounderPhoto { width:560px; height:300px; position:absolute; left:13px; top:10px; background: url("../images/AddImg/FounderPhoto.jpg") no-repeat; background-size:cover; }
.AboutContainer .AboutContent { width:580px; height:auto; margin:25px auto; color:#666666; font-size:18px; font-family: "微软雅黑", Tahoma; line-height: 40px; }
.AboutContainer .AboutSignature { width:328px; height:101px; margin:0 0 0 275px; background: url("../images/AddImg/Signature.jpg") no-repeat; background-size:cover; }
.AboutContainer .AboutIntroduction { width:581px; height:48px; margin: 30px auto; display:block; background: url("../images/AddImg/Introduction.png") no-repeat; background-size:cover; }
.AboutContainer .IntroductionContent { width:590px; height:auto; margin:25px auto; color:#666666; font-size:18px; font-family: "微软雅黑", Tahoma; line-height: 40px; }
.AboutContainer .AboutBrowse { width:590px; height:21px; display:block; margin:25px auto 45px auto;  }
.AboutContainer .AboutBrowse .BrowsePicture { width:158px; height:100%; float:left; display:block; background: url("../images/AddImg/Browse.png") no-repeat; background-size:cover; }
.AboutContainer .AboutBrowse .BrowseNumber { width:auto; height:100%; float:left; display: block; margin:0 0 0 10px; font-family: "微软雅黑", Tahoma; color:#666666; font-size:20px; }

/*媒体中心*/
.MediaContainer { width:100%; height:100%; position:absolute; left:0px; top:0px; overflow-x:hidden; overflow-y:auto; background: #F2F2F2; }
.MediaContainer .SwiperContainer { width:100%; height:340px; position:relative; display: block; margin:0 auto; overflow:hidden; }
.MediaContainer .SwiperContainer .MediaPictureKv { width:100%; height:100%; }
.MediaContainer .MediaPagination { position:absolute; z-index:9; left:50%; top:75%;  }
.MediaContainer .ContentBack { cursor:pointer; width:580px; height:195px; position:relative; margin: 31px auto 0 auto; background: url("../images/AddImg/ContentBack.png") no-repeat; background-size:cover; }
.MediaContainer .ContentBack .PictureTitle { width:547px; height:100px; position:absolute; left:20px; top:20px; }
.MediaContainer .ContentBack .PictureTitle .Photo { width:110px; height:80px; position:absolute; left:0px; top:10px; }
.MediaContainer .ContentBack .PictureTitle .Photo img { width:100%; height:100%; }
.MediaContainer .ContentBack .PictureTitle .Title { width:428px; height:32px; position:absolute; left:120px; top:0px; color:#333333; font-size:22px; font-family: "微软雅黑", Tahoma; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.MediaContainer .ContentBack .PictureTitle p { width:428px; height:auto; position:absolute; left:120px; top:54px; color:#666666; font-size:16px; font-family: "微软雅黑", Tahoma;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.MediaContainer .ContentBack .ContentTime { width:auto; height:25px; position:absolute; left:60px; bottom:11px; color:#999999; font-size:18px; font-family: "微软雅黑", Tahoma; }
.MediaContainer .ContentBack .ContentBrowse { height:25px; width:110px; padding-left:30px; position:absolute; right:110px; bottom:9px; text-align:center; color:#999999; font-size:18px; font-family: "微软雅黑", Tahoma; }
.MediaContainer .ContentBack .ContentPrize { z-index:99; height:25px; width:100px; padding-left:30px; position:absolute; right:8px; bottom:9px; text-align:center; color:#999999; font-size:18px; font-family: "微软雅黑", Tahoma; }

.MediaContainer .MoreBack { width:570px; height:47px; position:relative; margin:30px auto; display:block; }
.MediaContainer .MoreBack .MoreLine { width:100%; height:2px; position:absolute; left:0px; top:18px; background: url("../images/AddImg/MoreLine.png") no-repeat; background-size:cover; }
.MediaContainer .MoreBack .MoreWordBack { width:38px; height:100%; position:absolute; left:50%; top:0px; margin-left:-19px; }
.MediaContainer .MoreBack .MoreWordBack .MoreRotate { width:25px; height:23px; margin:0 auto; background: url("../images/AddImg/MoreRotate.png") no-repeat; background-size:cover; }
.MediaContainer .MoreBack .MoreWordBack .MoreWord { width:38px; height:10px; margin:7px auto; background: url("../images/AddImg/MoreWord.png") no-repeat; background-size:cover; }

.swiper-pagination-bullet-active { background:#37B6D0 !important; }
.swiper-pagination-bullet { width:25px; height:6px; margin:0 6px; border-radius: 25px;}

.PictureBlackBack { width:100%; height:50px; position:absolute; left:0px; bottom:0px; background: rgba(0,0,0,0.6); overflow:hidden; }
.PictureBlackBack span { width:auto; height:25px; position:absolute; left:13px; bottom:12px; color:white; font-size:18px; font-family: "微软雅黑", Tahoma; }

/*案例中心*/
.ShowKvBack { width:100%; height:340px; background: url("../images/AddImg/KvBack.jpg") no-repeat; background-size:cover; }
.ShowPictureKv { width:160px; height:160px; position:absolute; left:50%; top:50%; margin:-85px 0 0 -80px; }
.ShowThreeTitle { width:100%; height:65px; margin:0 auto; background: #333333; position:relative; }
.ShowThreeTitle .Enterprise { width:212px; height:100%; position:absolute; left:0px; top:0px; line-height: 55px; text-align: center; display:block; color:white; font-size:20px; font-family: "微软雅黑", Tahoma; }
.select { border-bottom: 6px solid #42BAD3;  }
#ShowLineOne { width:2px; height:100%; position:absolute; left:212px; top:0px; background: url("../images/AddImg/TitleLine.png") no-repeat; background-size:cover; }
.ShowThreeTitle .Personal { width:212px; height:100%; position:absolute; left:216px; top:0px; line-height: 55px; text-align: center; display:block; color:white; font-size:20px; font-family: "微软雅黑", Tahoma;  }
#ShowLineTwo { width:2px; height:100%; position:absolute; left:426px; top:0px; background: url("../images/AddImg/TitleLine.png") no-repeat; background-size:cover; }
.ShowThreeTitle .Government { width:212px; height:100%; position:absolute; right:0px; top:0px; line-height: 55px; text-align: center; display:block; color:white; font-size:20px; font-family: "微软雅黑", Tahoma;  }

.ShowPictureSet { width:621px; height:auto; display:block; margin:20px auto; }
.ShowPictureSet .PictureSetBack { width:186px; height:236px; float:left; margin:10px 10px; background: white;  }
.ShowPictureSet .PictureSetBack img { width:100%; height:186px; margin:0 auto; }
.ShowPictureSet .PictureSetBack span { width:100%; height:auto; display:block; margin:10px auto 0 auto; text-align: center; color:#333333; font-size:18px; font-family: "微软雅黑", Tahoma; }

/*加入我们*/
.AboutContainer .CoopPicture { width:100%; height:340px; margin:0 auto; position:relative; background: url("../images/AddImg/CoopKv.jpg") no-repeat; background-size:cover; }
.AboutContainer .CoopPicture .Title { width:354px; height:165px; position:absolute; left:50%; top:88px; margin:0 0 0 -177px; background: url("../images/AddImg/CoopTitle.png") no-repeat; background-size:cover; }
.AboutContainer .Designer { width:581px; height:7px; margin: 0px auto 30px auto; display: block; background: url("../images/AddImg/Designer.png") no-repeat bottom; background-size:cover; }
.AboutContainer .CoopIntroduction { width:581px; height:7px; margin: 0px auto 30px auto; display:block; background: url("../images/AddImg/HtmlJs.png") no-repeat bottom; background-size:cover; }
.AboutContainer .HeadTitle { width:581px; height:37px; margin:30px auto 12px auto; display:block; color:#333333; font-size:28px; font-family: "微软雅黑", Tahoma; overflow:hidden; }
.AboutContainer .ProjectTitle { width:581px; height:37px; margin:30px auto 12px auto; display:block; color:#333333; font-size:28px; font-family: "微软雅黑", Tahoma; overflow:hidden; }

.default_dialog{font-size: 26px;color: #fff;text-align: center;position: absolute;width: 100%; height:100%;}
.default_dialog .dialog_text{font-size: 26px;color: #fff;padding:20px 40px; position:absolute; left:0px; top:50%; height:40px; width:100%; text-align: center;}

/*详情页*/
.MediaDetails { display:none; z-index:999; position:absolute; width:100%; height:100%; left:0px; top:0px; overflow-x:hidden; overflow-y:auto; background: white;}
.MediaDetails .WindDelete { width:86px; height:86px; position:absolute; right:0px; top:0px; background: url("../images/AddImg/delete.png") no-repeat; background-size:cover; }
.ContentCenter { width:560px; height:auto; position:absolute; left:50%; top:0px;  margin-left:-280px; }
.DetTitle { width:auto; height:39px; float:left; display: block; margin:36px auto; color:#333333; font-size:28px; font-family: "微软雅黑", Tahoma; }
.DetTime { width:100%; height:47px; display: block; float:left; position:relative; margin:15px auto; background: url("../images/AddImg/TimeBack.png") no-repeat; background-size:cover; }
.DetTime .TimeTime { width:auto; height:27px; position:absolute; left:0px; top:-3px; color:#999999; font-size:18px; font-family: "微软雅黑", Tahoma; }
.DetTime .DetBrowse { width:auto; height:27px; position:absolute; left:268px; top:-3px; color:#999999; font-size:18px; font-family: "微软雅黑", Tahoma; }
.DetContent { width:100%; height: auto; float:left; display: block; margin:20px auto; color:#666666; font-size:18px; font-family: "微软雅黑", Tahoma; }


/*动画*/
#infscr-loading img { -webkit-animation: thisRotate 0.8s linear infinite; }
@-webkit-keyframes thisRotate {
    0% {-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
    100% {-webkit-transform:rotate(360deg);-webkit-transform-origin:50% 50%;}
}

.NoMore {width:570px; height:10px; position:relative; margin:30px auto; display:block; background: url("../images/AddImg/NoMore.png") no-repeat; background-size:100% 100%;  }

#infscr-loading img { display:block; margin:0 auto; }
#InfMoreWord { display:block; width:38px; height:10px; margin:7px auto; background: url("../images/AddImg/MoreWord.png") no-repeat; background-size:cover;  }

.ThisScale{ -webkit-animation:theScale 0.8s 1.1s ease infinite alternate; }
@-webkit-keyframes theScale {
    0% { opacity:1; -webkit-transform: scale(0.8);  }
    100% { opacity:1; -webkit-transform: scale(1.2);  }
}

.circleRotate { -webkit-animation: thisRotate 2s linear infinite; }
@-webkit-keyframes thisRotate {
    0% {-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
    100% {-webkit-transform:rotate(360deg);-webkit-transform-origin:50% 50%;}
}