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

/*btn*/

/*wrap*/
html,body{height: 100%;}
#main_con{position: relative; width: 100%; height: 100%;}
#nav{max-width:185px;width:10%;height: 100%; background:#141414; position:relative; overflow:hidden; float: left;}
.nav_list{text-align: center;width: 100%; background:#141414; position: relative;}
.nav_list1{position: relative;width:73%; margin:0 auto;}
.nav_list1 li{margin-bottom:83px; border-bottom:1px solid #141414; cursor: pointer;}
.nav_list1 li img{ width: 100%;}
.nav_list1 li.last_child{margin-bottom:0;}
.nav_list1 li:hover,.nav_list1 li.hover{border-bottom:1px solid #5b5b5b;}
.dot_arrow{position: absolute;right: 0;display: block; width:23px; height:21px;}

#content{float:left;width:89.5%; margin-left:0.1%; background:#000;height:100%; position: relative;}
.con{width:100%;height:100%;position:relative; background:#fff;}


.con01{position:relative;}
.c1_left{float:left;width:21.6%;position: relative; height:100%; background: #fff; text-align:center;}
.c1_right{float:left;width:78%;position: relative; height:100%; background: #000; text-align: center;}

.c1_left .word_01{padding:30% 0 50%; text-align: center; transition: all 1s ease-in-out;}
.con01.on .c1_left .word_01{transform:rotate(360deg);}
.c1_left .word_01 li{text-align: center;}

.c1_left .word_02{padding:20% 0 0;}
.c1_left .word_02 li{background-image:url(../images/part1_img02.png);background-repeat:no-repeat;display: block; margin: 0 auto;margin-top:-10%;transition: all 1s ease-in-out; opacity: 0;}
.c1_left .word_02 li.l1{width:224px; height: 24px; background-position: -25px 0;transition-delay: 0.5s;}
.c1_left .word_02 li.l2{width:184px; height: 62px; background-position: -47px -70px;margin: 10% auto 11%;transition-delay:1s;}
.c1_left .word_02 li.l3{width:259px; height: 18px; background-position: -11px -164px;transition-delay:1.5s;}
.con01.on .c1_left .word_02 li{margin-top: 0; opacity: 1;}
.con.on .c1_left .word_02 li.l2{margin-top: 10%;margin-bottom: 10%;}

.c1_right .scroll_bg{position:absolute;top:0; left:0;width: 100%; height: 100%; overflow: hidden;}
.c1_right .word_01{width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.c1_right .word_01 li{display: block;transition: all 1s ease-in-out; opacity:0;position: relative; margin: 0 auto;}
.con01.on .c1_right .word_01 li{opacity: 1;}
.c1_right .word_01 li img{width:100%;}
.c1_right .word_01 li.l1{width:25.46%; margin-top:10%;}
.con01.on .c1_right .word_01 li.l1{ margin-top:20%;}
.c1_right .word_01 li.l2{width:65.29%; }
.con01.on .c1_right .word_01 li.l2{margin-top:3%; transition-delay:0.5s;}
.c1_right .word_01 li.l2,.c1_right .word_01 li.l3{margin-top:0%;}
.c1_right .word_01 li.l3{width:21.6%;margin-top:6%;transform: scale(5);}
.con01.on .c1_right .word_01 li.l3{transition-delay:1s;transform:scale(1);}

.con02{position: relative; background: #fff;}
.con02 .tit{width:36%; padding:5% 0; margin: 0 auto;}
.con02 .tit img{width: 100%;}

.c2_con{position:relative; width: 100%; max-height:530px; overflow: hidden;}
.c2_con .c2_left{float:left;width:34.75%;max-height:530px; height: auto; overflow: hidden;}
.c2_con .c2_left .c2_sc_img{position:relative;}
.c2_con .c2_left .c2_sc_img li{float: left;}
.c2_con .c2_left .c2_sc_img li img{width: 100%;}
.c2_con .c2_right{float:left;width:65%; max-height:530px;position: relative;}
.c2_sc_img .btn_slick{width:19px;height:38px;display: block;position: absolute; top: 50%; margin-top:-20px; background-repeat: no-repeat; background-position: left top;}
.c2_sc_img .btn_slick.slick-prev{left: 0;background-image:url(../images/part2_btn_top.png);}
.c2_sc_img .btn_slick.slick-next{right: 0;background-image:url(../images/part2_btn_bottom.png);}
.c2_con .c2_right .c2_r_bg{width:100%;max-height:530px;}

#ptvc{height:60px;width:60px;cursor:pointer; position:absolute;z-index:100;top:50%; left:50%; margin:-30px 0 0 -30px; background: url(../images/part2_btn_video.png) no-repeat center top;}
#exposeMask {position:absolute;top: 0;height: 100%;width: 100%;z-index: 111;background: #000;opacity: .55;filter: alpha(opacity=55);}
.pop{display: none;position: absolute;left: 50%;top: 50%;z-index: 200;padding-bottom: 40px;background: url(../images/bg_msd.png) no-repeat 50% 100% / 100%;}
.pop img.close {cursor: pointer;right: 0;top: 0;position: absolute;}
.popbox {display: none;position: absolute;width:921px;height:534px;z-index: 222;}
#opv .close {top: 0px;right: 0px;position: absolute;}
#opv{left:50%; margin-left:-430px;top:10%; width:921px;height:534px;position: absolute;}
#opv .pvideo{width: 100%; height: 100%;}

.con03{position:relative; background: #fff;}
.c3_left{float:left;width:50%;position: relative; height:100%; background: #fff; text-align:center;}
.c3_right{float:left;width:49.6%;position: relative; height:100%; background: #000; text-align: center;}
.c3_left .word_01{text-align:center;}
.con03.on .c3_left .word_01,.con03.on .c3_right .word_01{transform:rotate(360deg);}
.c3_left .word_01 li,.c3_right .word_01 li{text-align:center; opacity:0; transition: all 1s ease-in-out;}
.con03.on .c3_left .word_01 li,.con03.on .c3_right .word_01 li{opacity: 1;}
.c3_left .word_01 li.l1,.c3_right .word_01 li.l1{padding:0% 0 30%;}
.con03.on .c3_left .word_01 li.l1,.con03.on .c3_right .word_01 li.l1{padding-top:20%;}
.c3_left .word_01 li.l2,.c3_right .word_01 li.l2{position: relative;}
.con03.on .c3_left .word_01 li.l2,.con03.on .c3_right .word_01 li.l2{transform:rotate(360deg);transition-delay:0.5s;}
.c3_right .word_01 li.l3{width:16.2%;margin: 0 auto;margin-top:10%;transform: scale(5);}
.con03.on .c3_right .word_01 li.l3{transition-delay:0s;transform:scale(1);}

.con04{position:relative; background:#141414;}
/*start accordion */
.accordion{background:#141414;overflow:hidden;position: relative; border-bottom: 1px solid #fff;}
.accordion ul{width:auto;}
.accordion ul li{display:block;overflow:hidden;position:relative;float:left;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; }
.accordion ul li img{display:block;}
.accordion .btn{display: none;}
/*end accordion */

.con05{position:relative; background:#fff; width:100%;}
.con05 .word_01{text-align:center;}
.con05 .word_01 li{position:relative;opacity:0; transition: all 1s ease-in-out;}
.con05.on .word_01 li{opacity:1;}
.con05 .word_01 li.l1{width:403px; height:79px; margin:0 auto;padding-top:5%;}
.con05.on .word_01 li.l1{padding-top:15%;}
.con05 .word_01 li.l2{width:332px; height:15px; margin:0 auto;transition-delay: 0.5s;}
.con05.on .word_01 li.l2{margin-top:3%; }
.con05 .word_01 li.l3{width:154px; height:190px; margin:5% auto 5%;transition-delay:1s;}
.con05.on .word_01 li.l3{transform:rotate(360deg);}
.con05 .word_01 li.l4{width:22.5%;margin: 0 auto;transform: scale(5);}
.con05 .word_01 li.l4 img{width: 100%;}
.con05.on .word_01 li.l4{transition-delay:0s;transform:scale(1);}

#load_flash{position:absolute; top:0; left:0;width: 100%; height:100%;z-index: 2;}

.con05 .tip_sm{width:10px; height:auto;position: absolute;left:1%;bottom:1%;}
.con05 .tip_sm img{width: 100%;}

.share{width:506px;height:94px; position:absolute; bottom:5%; right: 0; background: url(../images/img_share_bg.jpg) no-repeat left top; transition: all 0.5s ease-in-out;}
.share.click{width:105px;}
.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;}
.share.click .bshare-custom.icon-medium-plus{opacity: 0;}
.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;}