@charset "utf-8";
/*begin  --------clear */
*{margin:0;padding:0;text-decoration:none;outline:none;}
.wrap a,.wrap a:link,.wrap a:hover,.wrap a:focus,.wrap a:active,.wrap a:visited,.wrap a img{outline:none;text-decoration:none !important; border:none; color: #fff;}
.clear{clear:both;display:block;width:100%;height:0;font-size:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
object,.wrap embed{display:block;outline:0}
html,body{-webkit-text-size-adjust:none;width:100%;height:100%;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.wrap{position:relative;overflow:hidden;margin:0 auto;width:100%; height:auto; max-width:1920px;/* min-width:1500px;*/ background:#fff; font-size:14px; font-family:"微软雅黑";}
.wrap textarea{overflow:auto;resize:none;}
.wrap img{display:block;margin:0;padding:0;border:0 none;}
.wrap ul,.wrap ul li{list-style:none;}
.wrap br{font-size:0;line-height:0}
.left{float:left;}
.right{float:right;}
.bg100{width:100%;}
.bg12{margin:0 auto;width:1500px;height: 100%; position:relative}
.bg15{margin:0 9.84375% 0 12.23%;height: 100%;position: relative;}
.wrap .first_child,.wrap li:first-child{margin-left:0 !important;}
.wrap .last_child,.wrap li:last-child{margin-right:0 !important;}
/*end--------clear  */
/*star --slider 通用*/
.slick-slider{position:relative;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0 auto;}
.slick-list:focus{outline:0;}
.slick-track{position:relative;top:0;left:0;display:block;zoom:1;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{position:relative;float:left;min-height:1px;}
.slick-slide images{display:block!important;}
.slick-slide.slick-loading images{display:none;}
.slick-slide.dragging images{pointer-events:none;}
.slick-initialized .slick-slide{position:relative;display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.btn_slick{position:absolute;display:block;padding:0;outline:0;border:0;font-size:0;line-height:0;cursor:pointer;}
.slick-prev{left:0;}
.slick-next{right:0;}

.section{position: relative;}
.section img{width:100%;}
.wrap .logo{width:12.396%;position:fixed;top:0;/*left:10.9375%;*/left: 0;z-index:10; /*box-shadow: 5px 5px 5px #e8e8e8;*/}
.wrap .logo a{display:block;}
.wrap .logo a img{width: 100%;}
.section .overlay{display: none; background: url(../images/bg_trans_white.png); width: 100%; height: 100%; z-index: 5;position: absolute; top: 0; left: 0;}
.section .pop_img_more{display: none; z-index:6; padding-top:3%; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; overflow: hidden;}
.section .pop_img_more>img{width:79.79%; margin:0 auto 0;}
.section .pop_img_more .close{width:3.541%; position: absolute; right:3%; top:3%; z-index: 6;}

.section01{position: relative;}
.section01 .w1{left:4%;top:8.14%; width:22.2%;position:absolute;opacity: 0;}
.section01 .w2{left:50%; top:45.667%; margin-left: -30.1%;width: 47%; position: absolute;opacity: 0;}
.section01 .w3{left:50%; top:78.31%; margin-left: -14.5%;width: 20%; position: absolute;opacity: 0;}
.section01.active .w1 {animation:1s ease-in-out 0s normal none 1 running fadeInDown;opacity: 1;}
.section01.active .w2 {animation:1s ease-in-out 0.5s normal none 1 running zoomInDown;opacity: 1;}
.section01.active .w3 {animation:1s ease-in-out 1s normal none 1 running fadeInUp;opacity: 1;}


.section02{position:relative;}
.section02 .w1{left:50%;margin-left: -18.95%; top:10.98%; width:37.93%;position: absolute;opacity: 0;}
.section02 .bg15{text-align: center;}
.do_so {width:70%; display: block;top:48.148%; left:50%; margin-left: -35%; position: absolute;}
.do_so li{width:27.1235%; position: relative; float: left; margin-right:9.2%;}
.do_so li.last_child{margin-right: 0;}
.do_so li img{width:100%;}
.section .bg_li span{width:100%; height: 100%; display: block;opacity: 0;}
.section .bg_li b{position: absolute; top: 0; left: 0; width:100%; height: 100%;display: block;opacity: 0;}
.section02.active .w1{animation:1s ease-in-out 0.5s normal none 1 running zoomInDown;opacity: 1;}
.section.active .bg_li span{opacity: 1;animation:1s ease-in-out 0.5s normal none 1 running fadeInDown;}
.section.active .bg_li b{opacity: 1;animation:1s ease-in-out 1s normal none 1 running zoomInLeft;}
.section.active .bg_li.l1 span{animation-delay:0.5s;}
.section.active .bg_li.l1 b{animation-delay:1s;}
.section.active .bg_li.l2 span{animation-delay:1s;}
.section.active .bg_li.l2 b{animation-delay:1.5s;}
.section.active .bg_li.l3 span{animation-delay:1.5s;}
.section.active .bg_li.l3 b{animation-delay:2s;}

.section03{position:relative;}
.section03 .w1{width:43.4%; left:50%;top:8.5%; margin-left: -21.7%;position: absolute; opacity: 0;}
.queen{top: 44.98%; left: 50%; margin-left: -12.2%; width: 24.4%; position: absolute;}
.section03.active .w1{animation:1s ease-in-out 0.5s normal none 1 running zoomInDown;opacity: 1;}
.section03.active .queen{animation-delay:1s;}

.section04{position:relative;}
.section04 .w1{width:44.1333%; left:10.00006%;top:35.74%;position: absolute;opacity: 0;}
.section04 .w2{width:19.5333%; left:42.6667%;top:53.42%;position: absolute; opacity: 0;}
.section04.active .w1{animation:1s ease-in-out 0.5s normal none 1 running zoomInLeft;opacity: 1;}
.section04.active .w2{animation:1s ease-in-out 1s normal none 1 running zoomInRight;opacity: 1;}


.share{width:105px;height:94px; position:fixed; bottom:5%; right: 0; background: url(../images/img_share_bg.jpg) no-repeat left top; transition: all 0.5s ease-in-out;z-index: 10;}
.share.click{width:506px;}
.btn_share_right{width:15px; height:100%; background:transparent; position: absolute; top: 0; left: 0; cursor: pointer;}
.bshare-custom.icon-medium-plus{position:absolute; right:10px; top:50px;display: block;}
.share .bshare-custom.icon-medium-plus{display:none;}
.share.click .bshare-custom.icon-medium-plus{display:block;}
.bshare-custom.icon-medium-plus a{display: block;width:33px; height: 26px; float: left;margin: 0; margin-right: 20px !important;padding:0 !important;}
.bshare-custom.icon-medium-plus .bshare-weixin{background: url(../images/share_wx.png) no-repeat center top !important;}
.bshare-custom.icon-medium-plus .bshare-sinaminiblog{background: url(../images/share_sina.png) no-repeat center top !important;}
.bshare-custom.icon-medium-plus .bshare-qqmb{background: url(../images/share_qq.png) no-repeat center top !important;}