@charset "utf-8";
html { cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #fff;color: #333;overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
.vedio-box{position: absolute;left: 50%;margin-left: -960px;top:0;width: 1920px;height: 100%;z-index: 3333;} 

.wrap{
    width: 100%;
    margin: 0 auto;
    height: auto;
    min-width: 1200px;
    position: relative;
    background: url(/skin/default/images/bg.jpg) no-repeat center top;
    background-color: #326e64;
}
.top-col{width:1920px;height: 74px;position:absolute;top:0px;left:50%;margin-left:-960px;background: url(/skin/default/images/top-nav-bg.jpg) no-repeat center;z-index: 2;}
.top-nav-list{position: absolute;right: 0;top:0;height: 74px;}
.top-nav-list li{float: left;width: 96px;margin:0 20px;}
.top-nav-list li a{display: inherit;width: 96px;height: 74px;/*! background: url(/skin/default/images/top-nav.png) no-repeat 0 0; *//*! text-indent: -9999px; */position: relative;font-size: 16px;padding: 25px 10px 20px 40px;color: #a8c4c6;font-weight: bold;}
.top-nav-list li a.top-nav1{background-position: -10px 0;}
.top-nav-list li a.top-nav2{background-position: -144px 0;}
.top-nav-list li a.top-nav3{background-position: -283px 0;}
.top-nav-list li a.top-nav4{background-position: -419px 0;}
.top-nav-list li a.top-nav5{background-position: -557px 0;}
.top-nav-list li a.top-nav6{background-position: -695px 0;}
.top-nav-list li a.top-nav7{background-position: -831px 0;}
.top-nav-list li a.top-nav1.on:after,.top-nav-list li a.top-nav1:hover:after{display:block;content:'';position:absolute;left:-20px;top:0;width:160px;height:89px;background: url(/skin/default/images/top-nav1-on.png);}
.top-nav-list li a.top-nav2.on:after,.top-nav-list li a.top-nav2:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav2-on.png);}
.top-nav-list li a.top-nav3.on:after,.top-nav-list li a.top-nav3:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav3-on.png);}
.top-nav-list li a.top-nav4.on:after,.top-nav-list li a.top-nav4:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav4-on.png);}
.top-nav-list li a.top-nav5.on:after,.top-nav-list li a.top-nav5:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav5-on.png);}
.top-nav-list li a.top-nav6.on:after,.top-nav-list li a.top-nav6:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav6-on.png);}
.top-nav-list li a.top-nav7.on:after,.top-nav-list li a.top-nav7:hover:after{display:block;content:'';position:absolute;left:-30px;top:0;width:169px;height:89px;background: url(/skin/default/images/top-nav7-on.png);}
.rel1200{width: 1200px;margin:0 auto;position: relative;}
.header{height: 887px;}
.logo{position: absolute;left: -30px;top:0;}
.btn-video{position: absolute;left: 878px;top:611px;width: 90px;height: 90px;z-index: 2;}
.btn-yy{position: absolute;left:100px;top:464px;width: 483px;height: 209px;background: url(/skin/default/images/btn-yy.png) no-repeat;text-indent: -9999px;}
.download-box{position: absolute;left: 48px;top:535px;width: 472px;height: 132px;}
.erwei-code{position: absolute;left: 0;top:0;width: 133px;height: 132px;border:1px solid #89b3b6;border-radius: 5px;}
.btn-ios,.btn-and{position: absolute;left: 142px;width: 190px;height: 62px;text-indent: -9999px;}
.btn-ios{top:0;background: url(/skin/default/images/btn-ios.png);}
.btn-and{top:70px;background: url(/skin/default/images/btn-and.png);}
/*.btn-mini{position: absolute;left: 340px;top:0;width: 68px;height: 133px;background: url(/skin/default/images/minidown.png) no-repeat center;text-indent: -9999px;}*/
.btn-mini{position: absolute;left: 482px;top:0;width: 68px;height: 133px;background: url(/skin/default/images/minidown_yuyue.png) no-repeat center;text-indent: -9999px; display:none;}
.btn-pc{position: absolute;left: 340px;top:0;width: 132px;height: 132px;background: url(/skin/default/images/btn-pc.png) no-repeat center;text-indent: -9999px;}
.section1{height:340px; position: relative;}
.lunbo-swiper{position: absolute;left: 0;top:0;width: 663px;height: 340px;}
.lunbo-swiper img{width: 663px;height:340px;}
.lunbo-swiper .swiper-pagination{width:470px; bottom:10px;left:20px;text-align: left;}
.lunbo-swiper .swiper-pagination-bullet{ width:17px; height:17px; background:url(/skin/default/images/lunbo-icon.png) no-repeat center; opacity:1;}
.lunbo-swiper .swiper-pagination-bullet-active{ background:url(/skin/default/images/lunbo-icon-on.png) no-repeat center;}
.news-wrap{position: absolute;left: 663px;top:0;padding-left:28px;width: 509px;height:340px;background-color: #fff;}
.news-tab{padding-top:4px;width: 490px;height: 50px;line-height: 50px;overflow: hidden;border-bottom: 1px solid #979896;}
.news-tab a{float: left;width: 76px;height: 50px;line-height: 50px;text-align: center;/*! text-indent: -9999px; *//*! background: url(/skin/default/images/news-tab.png) no-repeat center; */position: relative;color: #333;font-size: 16px;}
.news-tab a:after{display:none;content: '';position: absolute;left: 0;bottom: 0;width: 76px;height: 3px;background-color: #a6906d;}
.news-tab a.on{/*! background-image: url(/skin/default/images/news-tab-on.png); */color: #a6906d;}
.news-tab a.on:after{display: block;}
.news-tab a.news-tab1{/*! background-position: 0 0; */}
.news-tab a.news-tab2{background-position: -80px 0;}
.news-tab a.news-tab3{background-position: -160px 0;}
.news-tab a.news-tab4{background-position: -235px 0;}
.news-tab a.news-tab5{background-position: -310px 0;}
.news-hot{padding-top:10px;width: 490px;height:50px;line-height:50px;font-size: 22px;color: #a6906d;text-align: center;}
.news-hot a{color: #a6906d;}
.news-box{display:none;width: 490px;height:228px;position: relative;}
.news-box ul li{width:  100%;padding-top:12px;}
.news-box ul li a{width: 555px;height: 30px;padding-left: 18px;line-height: 30px;font-size: 16px;color: #212121;overflow: hidden;background: url(/skin/default/images/news-icon.png) no-repeat left 2px;}
.news-box ul li a span{float: right;color:#a6906d; }
.news-box ul li a:hover{color: #a6906d;}
.more{display: block;width: 89px;height: 24px;background: url(/skin/default/images/more.png) no-repeat center;text-indent: -9999px;position: absolute;}
.news-more{position: absolute;top:-38px;right:10px;}
.section2{height: 1100px;position: relative;}
.title{width: 100%;height:231px;padding-top:20px;text-align: center;}
.manual-box { position: absolute; visibility:hidden; z-index: 0; width: 1440px; height: 822px; left: 50%;margin-left:-720px;z-index: 2; top:0;height: 1100px;}
.manual-show{visibility:visible; z-index: 3;}
.fuling-role-swiper,.zhujue-role-swiper{position:absolute;left:0;top:0;width: 1440px;height: 1100px;overflow: visible;}
.role-bg{position: absolute;right: 120px;top:250px;width: 833px;height: 833px;background: url(/skin/default/images/role-bg.png) no-repeat center;}
.role-zhishen{position: absolute;bottom:0;right: 0;}
.role-zhishen0{right: 0;}
.role-zhishen1{right: -100px;bottom: -14px;}
.role-zhishen2{right: -59px;bottom: -17px;}
.role-zhishen3{right: -163px;bottom: 82px;}
.role-zhishen4{right: -35px;bottom: 0;}
.role-zhishen5{right: -40px;bottom: -3px;}
.role-zhishen6{right: 91px;bottom: 71px;}
.role-zhishen7{right: 20px;bottom: -11px;}
.role-zhishen8{right: 90px;bottom: -11px;}
.role-zhishen9{right: -16px;bottom: 21px;}
.role-zhishen10{right: 37px;bottom: 10px;}
.role-zhishen11{right: -5px;bottom: 47px;}
.role-zhishen12{right: -156px;bottom: 1px;}
.role-zhishen13{right: 96px;bottom: 22px;}
.role-zhishen14{right: -207px;bottom: -3px;}
.role-zhishen15{right: 57px;bottom: -13px;}
.role-zhishen16{right: -72px;bottom: -12px;}
.role-zhishen17{right: -135px;bottom: -8px;}
.role-zhishen18{right: 50px;bottom: 10px;}
.role-zhishen19{right: 85px;bottom: -4px;}
.role-zhishen20{right: -41px;bottom: -13px;}
.role-zhishen21{right: -57px;bottom: 58px;}
.role-zhishen22{right: 115px;bottom: -7px;}
.role-zhishen23{right: 45px;bottom: 55px;}
.role-zhishen24{right: 67px;bottom: -5px;}
.role-zhishen25{right: -120px;bottom: -2px;}
.role-zhishen26{right: 15px;bottom: 120px;}
.role-zhishen27{right: -80px;bottom: -3px;}
.role-zhishen28{right: -318px;bottom: -3px;}
.role-zhishen29{right: -10px;bottom: -5px;}


.role-name{position: absolute;left: 316px;top:308px;position: relative;}
.swiper-slide-active .role-ren{ animation: moveUp 1s ease-out;-webkit-animation: moveUp 1s ease-out;-moz-animation: moveUp 1s ease-out;-ms-animation: moveUp 1s ease-out;}
.swiper-slide-active .role-name,.swiper-slide-active .role-intro{animation: moveDown 1s ease-out;-webkit-animation: moveDown 1s ease-out;-moz-animation: moveDown 1s ease-out;-ms-animation: moveDown 1s ease-out;}

@keyframes moveUp{
  0%{transform:translateY(100px);opacity: 0;}
  100%{transform:translateY(0);opacity: 1;}
}
@-webkit-keyframes moveUp{
  0%{-webkit-transform:translateY(100px);opacity: 0;}
  100%{-webkit-transform:translateY(0);opacity: 1;}
}
@-moz-keyframes moveUp{
  0%{-moz-transform:translateY(100px);opacity: 0;}
  100%{-moz-transform:translateY(0);opacity: 1;}
}
@-ms-keyframes moveUp{
  0%{-ms-transform:translateY(100px);opacity: 0;}
  100%{-ms-transform:translateY(0);opacity: 1;}
}
@keyframes moveDown{
   0%{transform:translateY(-100px);opacity: 0;}
  100%{transform:translateY(0);opacity: 1;}
}
@-webkit-keyframes moveDown{
   0%{-webkit-transform:translateY(-100px);opacity: 0;}
  100%{-webkit-transform:translateY(0);opacity: 1;}
}
@-moz-keyframes moveDown{
   0%{-moz-transform:translateY(-100px);opacity: 0;}
  100%{-moz-transform:translateY(0);opacity: 1;}
}
@-ms-keyframes moveDown{
   0%{-ms-transform:translateY(-100px);opacity: 0;}
  100%{-ms-transform:translateY(0);opacity: 1;}
}

.laba{position: absolute;top: 157px;width: 54px;height: 54px;cursor: pointer;background: url(/skin/default/images/btn-laba.png) no-repeat center;z-index: 3;}
.laba-zhishen{left: 260px;}
.role-intro{position: absolute;left: 88px;top:586px;width: 543px;height: 311px;background: url(/skin/default/images/role-intro-bg.png) no-repeat center top;}
.role-intro-zhujue{background-image: url(/skin/default/images/role-zhujue-intro.png);}
.role-prev,.role-next{ position:absolute; width:108px; height:113px; top:540px; z-index:10; cursor:pointer;}
.role-prev{ left:0px; background:url(/skin/default/images/role-prev.png)}
.role-next{ right:0px; background:url(/skin/default/images/role-next.png)}
.role-dot{position: absolute;bottom: 50px;left:50%;z-index: 2;transform: translateX(-50%);}
.role-dot li{float:left;margin:0 6px;width:119px; height:119px;cursor:pointer;}
.role-dot li#role-dot1{background:url(/skin/default/images/role-dot4.png);}
.role-dot li#role-dot2{background:url(/skin/default/images/role-dot2.png);}
.role-dot li#role-dot3{background:url(/skin/default/images/role-dot3.png);}
.role-dot li#role-dot4{background:url(/skin/default/images/role-dot1.png);}
.role-dot li.on{ background-position:0 -119px!important;}
.swiper-nav-wrap{position: absolute;width: 1200px;overflow: hidden;bottom: 50px;left:50%;z-index: 5;margin-left: -600px;}
.fuling-nav-swiper{width:1200px;margin:0 auto;overflow: hidden;}
.fuling-nav-swiper .swiper-slide{display:block;width:119px; height:119px;cursor:pointer;}
.fuling-nav-swiper .swiper-slide img{width: 119px;height: 119px;display: block;margin: 0 auto 0;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.fuling-nav-swiper .swiper-slide-thumb-active img, .fuling-nav-swiper .fuling-click:hover img, .fuling-nav-swiper .swiper-slide-active img{filter: none;-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;}
.role-intro h3{position: absolute;left: 106px;top:45px;}
.role-intro h4{position: absolute;left: 227px;top:150px;width: 275px;color: #1c2527;font-size:14px;line-height: 28px;}
.role-intro-zhujue h4{left: 112px;width: 390px;}
.role-tab{position: absolute;left: 77px;top:194px;width: 72px;height: 406px;background: url(/skin/default/images/role-tab-line.png) no-repeat center top;z-index: 33;}
.role-tab span{position: absolute;left: 0;display: block;width: 72px;height: 164px;cursor: pointer;}
.role-tab span.role-tab1{top:62px;background: url(/skin/default/images/role-tab1.png) left 0;}
.role-tab span.role-tab2{top:254px;background: url(/skin/default/images/role-tab2.png) left 0;}
.role-tab span.on{background-position: -72px 0;}
.section3{height: 1090px;position: relative;}
.section3-box{margin-top:50px;width: 1200px;height: 683px;background: url(/skin/default/images/section3-box-bg.png) no-repeat;position: relative;}
.section3-img1{position: absolute;left: -184px;top:-46px;z-index: 2;}
.section3-img2{position: absolute;left: 229px;top:20px;}
.section3-btn-list{position: absolute;left: 660px;top:35px;margin-left:-35px;}
.section3-btn-list li{float: left;margin-left:35px;margin-top:30px;width: 116px;height: 257px;}
.section3-btn-list li a{display: block;transform: translateY(0);transition: all 0.5s;width:116px;height: 257px;position: relative;background: url(/skin/default/images/section3-btn-list.png) no-repeat center;}
.section3-btn-list li a:hover{transform: translateY(-10px);}
.section3-btn-list li a h3{position: absolute;left: 13px;top:15px;width: 40px;text-align: center;font-size: 24px;color: #9b5637;line-height: 26px;writing-mode: vertical-lr;cursor: pointer;}
.section3-btn-list li a p{position: absolute;writing-mode: vertical-lr;left: 55px;top:15px;width: 40px;height:232px;font-size: 16px;color: #3f4543;line-height: 24px;cursor: pointer;}
.section3-btn-list li a span{position:absolute;display: block;left: 15px;bottom:6px;width: 40px;height:60px;font-size: 16px;color: #948060;writing-mode: vertical-lr;}
.section3-more{top:-20px;right: 94px;}
.section4{height: 714px;}
.section4-box{margin-top:30px;height: 382px;background-color: #fff;position: relative;}
.section4-more{right:25px;top:-40px;}
.gonglve-tab{position: absolute;left: 0;top:20px;width: 100px;border-right: 1px solid #d4d4d4;}
.gonglve-tab span{float: left;width: 100px;height: 58px;background: url(/skin/default/images/gonglve-tab.png) no-repeat center 0;cursor: pointer;}
.gonglve-tab span.on{background-image: url(/skin/default/images/gonglve-tab-on.png);}
.gonglve-tab span.gonglve-tab1{background-position: center 0;}
.gonglve-tab span.gonglve-tab2{background-position: center -55px;}
.gonglve-tab span.gonglve-tab3{background-position: center -110px;}
.gonglve-tab span.gonglve-tab4{background-position: center -165px;}
.gonglve-tab span.gonglve-tab5{background-position: center -220px;}
.gonglve-tab span.gonglve-tab6{background-position: center -275px;}
.gonglve-list{position: absolute;left: 120px;top:20px;display: none;}
.gonglve-list ul li{width: 418px;font-size: 16px;padding:11px 0;}
.gonglve-list ul li a {color: #212121;}
.gonglve-list ul li a span{float: right;color: #a6906d;}
.gonglve-list ul li a em{text-decoration: none;color: #a6906d;}
.gonglve-list ul li a:hover{color:#a6906d; }
.section4-imgs{position: absolute;right: 0;top:0;width: 645px;}
.section4-imgs a{float: left;overflow: hidden;}
.section4-imgs a img{display: block;transform: scale(1);transition: all 0.5s;}
.section4-imgs a:hover img{transform: scale(1.05);}
.section5{height:800px;}
.yishi-tab{margin-bottom: 20px;}
.yishi-tab span{float: left;margin-right:10px;width: 147px;height: 53px;cursor: pointer;}
.yishi-tab span.yishi-tab1{background: url(/skin/default/images/yishi-tab1.png) no-repeat 0 0;}
.yishi-tab span.yishi-tab2{background: url(/skin/default/images/yishi-tab2.png) no-repeat 0 0;}
.yishi-tab span.on{background-position: 0 -53px;}
.yishi-content{display: none;position: relative;}
.media-list{width:1203px;margin-left: -2px; }
.media-list li{float: left;margin:0 1px 3px 2px;width: 398px;height: 220px;overflow: hidden;}
.media-list li a{width: 398px;height: 220px;position: relative;display: block;}
.media-list li a img{transform: scale(1);transition: all 0.5s;width: 398px;height: 220px;}
.media-list li a:hover img{transform:scale(1.05); }
.media-list li a:hover .icon-play,.media-list li a:hover .icon-big{display: block;}
.media-list li a h3{position: absolute;bottom: 0;width: 398px;height: 30px;line-height: 30px;background: rgba(0,0,0,0.7);text-indent: 16px;color: #fff;font-size: 16px;overflow: hidden;}
.media-list li a h3 span{float: right;margin-right: 15px;}
.icon-play{display:none;position: absolute;left: 0;top:0;width: 398px;height: 220px;background:rgba(0,0,0,0.4) url(/skin/default/images/icon-play.png) no-repeat center;}
.icon-big{display:none;position: absolute;left: 0;top:0;width: 398px;height: 220px;background:rgba(0,0,0,0.4) url(/skin/default/images/icon-big.png) no-repeat center;}
.section6{height:800px;width: 1310px;margin-left: -55px;}
.sideMenu{margin: 0 auto;overflow: hidden;}
.sideMenu ul{ width:1320px; overflow:hidden; }
.sideMenu ul li{ height:452px; float:left;  }
.sideMenu ul li img{ display:block; }
.sideMenu ul li a{ float:left; }
.nr{ display:none; float:left; }
.nr img{margin-top: 9px;}

.ewm-list li{float: left;margin-right:50px;position: relative;width: 220px;height:220px;margin-left: 30px;}
.ewm-list li:after{display: block;content: '';position: absolute;top:0;right:-30px;width:0;height:185px;border-right: 1px dotted #c1d0c9;}
.ewm-list li h3{position: absolute;left: 0;top:0;width: 20px;font-size: 12px;text-align: center;color: #2e2e2e;}
.ewm-list li h4{position: absolute;left: 20px;top:0;width: 30px;font-size: 22px;text-align: center;color: #2e2e2e;line-height: 26px;font-weight: bold;}
.ewm-list li p{position: absolute;top:168px;right: 0;width: 160px;height: 24px;line-height:24px;border-radius: 13px;border:1px solid #727270;color: #2e2e2e;font-size: 13px;text-align: center;}
.ewm-box{position: absolute;left: 58px;width: 160px;height: 160px;background: #fff;}
.ewm-box img{position:absolute;left:50%;top:50%;margin-top:-68px;margin-left:-68px;width: 136px;height: 136px;border: 1px solid #ede0cb;}
.pop-video {

    width: 976px;
    height: 556px;
    position: relative;  
    display: none;
    background: url(/skin/default/images/pop-video-kuang.png) no-repeat center;
}
#video-main{ width:958px; height:538px; overflow:hidden;position: absolute;top:50%;left: 50%;margin-top: -269px;margin-left: -479px;background-color: #000;}
#video-main video{ width:100%; height:100%;}
#video-main img{display: none;}
#popImg{display: none;width: 958px;height: 538px;position: absolute;top:50%;left: 50%;margin-top: -269px;margin-left: -479px;background-color: #000;}
.closeBtn {
    background: url(/skin/default/images/pop-close.png) no-repeat;
    width: 84px;
    height: 84px;
    position: absolute;
    top: 0;
    right: -85px;
    cursor: pointer;
    display: block;
}
.video-info{position: absolute;right: 0;bottom: -30px;font-size: 16px;color: #bda282;}
.video-info span{margin-right: 20px;}
.boxy-modal-blackout{opacity: 0.7 !important;}
.yy-float-wrap{position: fixed;right: 0;top:50%;margin-top:-270px;width:210px;height:544px;z-index: 33;}
.yy-float-box{position: absolute;right:0;top:0;width: 207px;height: 544px;background: url(/skin/default/images/yy-float-bg.png) no-repeat center;}
.btn-slide-close{position: absolute;width: 16px;height: 86px;background: url(/skin/default/images/btn-slide-close.png) no-repeat center;right:164px;bottom:110px;z-index: 3;}
.btn-slide-open{display:none;position: absolute;width: 15px;height: 86px;background: url(/skin/default/images/btn-slide-open.png) no-repeat center;right:164px;bottom:110px;z-index: 3; }
.float-btn-yy{position: absolute;right: 0;top:145px;width: 167px; height:157px;background: url(/skin/default/images/float-btn-yy.png) no-repeat;}
.yy-float-box ul{position: absolute;right: 7px;top: 304px;width: 150px;}
.yy-float-box ul li{width: 150px;position: relative;margin-bottom: 8px;}
.yy-float-box ul li a,.yy-float-box ul li span{display: block;width: 150px;height: 48px;text-indent: -9999px;}
.float-btn-weixin{background: url(/skin/default/images/float-btn-weixin.png) no-repeat;}
.float-btn-weibo{background: url(/skin/default/images/float-btn-weibo.png) no-repeat;}
.float-btn-qq{background: url(/skin/default/images/float-btn-qq.png) no-repeat;}
.float-btn-kefu{background: url(/skin/default/images/float-btn-kefu.png) no-repeat;}

.go-shop{display:block;position: absolute;right: 13px;bottom: 20px;width: 124px;height: 49px;text-indent: -9999px;}
.float-show{display:none;position: absolute;left: -126px;top:-35px;width: 128px;height: 122px;background: url(/skin/default/images/float-show.png) no-repeat;text-indent: 0;z-index: 3;}
.float-weixin img{position: absolute;left: 3px;top: 2px;width: 116px;height: 116px;}
.float-btn-weixin:hover .float-show,.float-btn-kefu:hover .float-show{display: block;}
.float-kefu{width: 144px;height: 122px;background: url(/skin/default/images/float-kefu-show.png) no-repeat;}
.float-kefu img{position: absolute;left: 20px;top: 3px;width: 116px;height: 116px;}
.down-code-show{display:none;position: absolute;left: -45px;bottom:-149px;width: 122px;height: 148px;background: url(/skin/default/images/down-code-show.png) no-repeat;text-indent: 0;z-index: 3;}
.down-code-show img{width: 120px;height: 120px;position: absolute;top:6px;left: 1px;}
.down-float-weixin:hover .down-code-show{display: block;}
.float-qq h4{padding-top:10px;width:106px;margin-left:8px;height:36px;line-height:36px;font-size:20px ;color: #8685c6;border-bottom: 1px solid #8685c6;}
.float-btn-qq{cursor: pointer;}
.float-qq p{padding-top:2px;width:106px;margin-left:8px;font-size: 18px;color: #8685c6;margin-top: -10px;}
.qqun_btn{ width:106px; height:20px; margin-left: 8px;}
.qqun_btn #copy_qq,.qqun_btn .join-qq{ width:49px; height:20px; font:normal 14px/20px "Microsoft Yahei"; color:#fff; text-align:center; background-color:#8685c6; border-radius:10px;text-indent: 0;}
.qqun_btn .join-qq{ float:left;}
.qqun_btn #copy_qq{ float:right; cursor:pointer;}
.down-float-box{position: absolute;right:0;top:0;width: 165px;height: 467px;background: url(/skin/default/images/float-bg.png) no-repeat center;z-index: 33;}
.down-float-code{margin:23px auto 14px;width: 150px;height: 150px;position: relative;}
.down-float-code img{width: 150px;height: 150px;}
@media only screen and (min-width: 1921px) and (max-width: 3000px) {   
    .yy-float-wrap{right: 50%;margin-right: -960px;}
    .btn-slide-open{right: 174px;}
    .btn-slide-open{right: 174px;}

} 
.code-line {display: block;position: absolute;background: url(/skin/default/images/qrline.png) no-repeat;background:none\0;width: 160px;height: 90px;top: 0;left:-5px; z-index:3;
-webkit-animation: code 3s linear infinite 300ms 0 ease;
-moz-animation: code 3s linear infinite 300ms 0 ease;
-ms-animation: code 3s linear infinite 300ms 0 ease;
animation: code 3s linear infinite 300ms 0 ease;
-moz-animation: code 3s linear infinite;



-webkit-animation: code 3s linear infinite;
-o-animation: code 3s linear infinite;
-ms-animation: code 3s linear infinite;
animation: code 3s linear infinite;
}
@-webkit-keyframes code {
  0% {top: 150px}
  25% {top: 0px}
  50% {top: 150px}
  75% {top: 0px}
  100% {top: 150px}
}

@-moz-keyframes code {
  0% {top: 150px}
  25% {top: 0px}
  50% {top: 150px}
  75% {top: 0px}
  100% {top: 150px}
}

@-ms-keyframes code {
  0% {top: 150px}
  25% {top: 0px}
  50% {top: 150px}
  75% {top: 0px}
  100% {top: 150px}
}

@-o-keyframes code {
  0% {top: 150px}
  25% {top: 0px}
  50% {top: 150px}
  75% {top: 0px}
  100% {top: 150px}
}
@keyframes code {
  0% {top: 150px}
  25% {top: 0px}
  50% {top: 150px}
  75% {top: 0px}
  100% {top: 150px}
}
.down-float-box .btn-slide-close,.down-float-box .btn-slide-open{top:128px;}
.down-float-box ul li{margin:0 auto;width: 150px;height: 48px;margin-bottom: 8px;position: relative;}
.down-float-box ul li a{display: block;width: 150px;;height: 48px;text-indent: -9999px;}
.down-float-box ul li a.float-btn-ios{background: url(/skin/default/images/float-btn-ios.png) no-repeat;}
.down-float-box ul li a.float-btn-and{background: url(/skin/default/images/float-btn-and.png) no-repeat;}
.down-float-box ul li a.float-btn-mini{background: url(/skin/default/images/float-btn-mini.png) no-repeat;}
.down-float-box ul li a.float-btn-pc{background: url(/skin/default/images/float-btn-pc.png) no-repeat;}
.down-float-share{position: absolute;bottom: 10px;left: 7px;}
.down-float-share a{float: left;margin:0 7px;width: 36px;height: 36px;background: url(/skin/default/images/down-float-share.png) no-repeat center;position: relative;}
.down-float-share a.down-float-weixin{background-position: -7px 0;}
.down-float-share a.down-float-weibo{background-position: -58px 0;}
.down-float-share a.down-float-qq{background-position: -109px 0;}
/* 下载浮窗样式 */
.btn-slide-close2,.btn-slide-open2{top:128px;}