@charset "utf-8";
@font-face { font-family:dm; src: ; }
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; background:#0b0916; z-index:10001;}
.loading .zhen{ width:800px; height:800px; margin-left:-400px; margin-top:-400px; left:50%; top:50%; position:absolute;}
.loading .sz{ width:500px; height:500px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -250px; z-index:3; text-align:center; font-size:480px; line-height:480px; color:#0b0916;font-family:dm; font-weight:bold;}
.hidden{ overflow:hidden;}
.footer{ padding-top:0; background:#fff; position:relative;}
/*滚动条*/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{border-radius: 8px;background:rgba(255,255,255,0.75);}
::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(255,255,255,0.75);}
::-webkit-scrollbar-thumb:hover{border-radius:8px;background:rgba(255,255,255,0.75);}
/*头部*/
.video{ width:100%; height:100%; position:relative;}
.video video{ width:100%; float:left;}
.fl{ float:left;}
.head{ position:absolute; background:#fff;}.head .menu{ border-bottom:0;}
.qnav{ overflow:hidden; width:100%; position: absolute; top:80px; left:0; z-index:90; background:#333; background:rgba(0,0,0,0.75);}
.navbg{ background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.po{ position:absolute; left:0; top:0;}
body{ background:#000; overflow-x:hidden;}
.head .menu h1{ background: no-repeat left center;}
.floatnav{padding:10px 0; overflow:hidden;}
.floatnav .tab{ float:right; }
.floatnav .tab li{ float:left; margin-left:35px;height:32px; line-height:32px;}
.floatnav .tab li a{ font-size:12px; color:#d1d0d0;}
.floatnav .tab li.active a{ color:#952225}
.floatnav .tab li a:hover{color:#952225}
.floatnav .tab li a.buynow{ background:#fff; height:30px; line-height:30px; color:#3b301e; border-radius:30px; display:inline-block; width:75px!important; font-size:12px;}
.floatnav .tab li a.buynow:hover{ background-color:rgb(146, 29, 33); color:#fff; }
.floatnav .name{ height:30px; line-height:30px; font-size:12px; }
.floatnav .name a{color:#d1d0d0;}
.floatnav .name span{background: no-repeat left center; float:left; display:block; width:40px; height:30px; line-height:33px; margin-right:8px;}
.fixedtop{ position:fixed; top:0px; z-index:90;}
.qnav,.floatnav .name span{-moz-transition:background .3s linear; -webkit-transition:background .3s linear; transition:background .3s linear;}
/*右侧浮动栏*/
.fixnav{ position:fixed; right:10px; top:50%; padding:4px 4.5px 4px 4px; z-index:998; width:16px;border-radius:50px;}
.fixnav li{ height:10px; width:10px; cursor: pointer; position:relative; margin:2px 0;}
.fixnav li span{ width:2px; height:2px; background:#fff;border-radius: 100%; position:absolute; left:50%; top:50%; margin:-1px 0 0 -1px;}
.fixnav li.on span,.fixnav li:hover span{ width:10px; height:10px; left:0; top:0; margin:0;}
.fixnav li b{font-weight:normal;position:absolute; right:14px; top:-3px; color:#fff; font-size:12px; height:16px; line-height:16px; width:80px; text-align:right; display:none;}
.fixnav li:hover b{ display:block;}
.fixnav li span,.fixnav li b{-webkit-transition:all 0.3s linear; transition:all 0.3s linear;}

.page{ position:relative; background:#000;}

/*home*/
.page1{ z-index:11; background: no-repeat center center; background-size:cover;}
.home{ overflow:hidden; background:#000; left:0; top:0; width:100%;}
.home .bgbox{ position:relative; width:100%; height:100%; overflow:hidden; left:0; top:0;}
.home .bgbox video{ width:100%; float:left; position:relative; margin-top:100px;}
#movie_home2{ position:absolute; left:0; top:0; width:100%; display:none;}
.home .txt{ position:absolute; left:50%; top:40%; width:600px; margin-left:-300px; margin-top:-40px; z-index:9; font-size:13px; text-align:center; display:none;}
.home .txt p span{ font-size:20px; 
background:-webkit-linear-gradient(151deg, rgba(255,135,135,1) 0%, rgba(255,232,192,1) 100%);
background:linear-gradient(151deg, rgba(255,135,135,1) 0%, rgba(255,232,192,1) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent; opacity:0.75;}
.home .txt img{ margin-top:30px;}
.p1inner{ position:relative; left:0; top:0; width:100%; height:100%; float:left;}
.p1main{/*background:linear-gradient(60deg,rgba(38,25,25,1) 0%,rgba(9,10,17,1) 100%); */ background:none; height:600px; position: absolute; left:0; bottom:-600px; z-index:9; float:left;}
.p1main .item{ float:left; width:25%; height:100%; position:relative; top:0px; opacity:0.25; overflow:hidden; padding:0; margin:0; }

.p1main .item .inner{ padding:70px 50px 0 50px; cursor:pointer; height:600px; box-sizing:content-box; opacity:0.7; margin:2px;background:rgba(0,0,0,0.25);}
.p1main .item:hover .inner{background:rgba(0,0,0,0.55);}
.p1main .item .line{ position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.1);}
.p1main .item h2{ width:70%;}
.p1main .item p{ margin:30px 0 0 0; font-size:14px; line-height:24px; display:none;
background:-webkit-linear-gradient(148deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);
background:linear-gradient(148deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent; }
.p1main .item .btn{ font-size:14px; position:relative; cursor:pointer; margin-top:30px;}
.p1main .item .btn span{ position:relative; z-index:9; color:#fff; padding-left:5px; opacity:0;}
.p1main .item .btn i{ position:absolute; left:0; bottom:0; width:67px; height:2px; background:#952225;}
.p1main .item:hover .btn i{ height:8px;}
.p1main .item:hover .btn span{opacity:1;}
.p1main .item:hover p{ height:auto;}
.p1main .item:hover .inner{opacity:1;}
/*.p1main .t1{ top:300px;}
.p1main .t2{ top:500px;}
.p1main .t3{ top:700px;}
.p1main .t4{ top:900px;}*/

/*page2*/
.page2 .txt{ width:800px; height:180px; position:absolute; left:50%; margin-left:-400px; top:20%; margin-top:300px; text-align:center; font-size:14px;}
.page2 .txt h2,.page2 .txt p{
background:-webkit-linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
background:linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent; display:block;}
.page2 .txt h2{
background:-webkit-linear-gradient(166deg, #ff8787 0%, #fda406 100%); 
background:linear-gradient(166deg, #ff8787 0%, #fda406 100%); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;}
.page2 .txt p{ font-size:16px; line-height:26px; width:700px; margin:0 auto; text-align:left;}
.page2 .txt h2{ font-size:48px; margin-bottom:20px;}

/*page3*/
.page3{}
.page3 .bgimg{ margin-top:300px;}
.page3 .inner{ position:absolute; width:900px; height:300px; left:50%; margin-left:-450px;}
.page3 .inner .txt h2,.page3 .inner .txt p span{
	background:-webkit-linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
	background:linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page3 .inner .txt h2{ font-size:36px; text-align:left; display:inline-block; margin-bottom:20px;}
.page3 .txt p{ font-size:16px; line-height:26px; width:480px; text-align:left;}
.page3 .info{ margin-top:90px; position:relative;top:380px;}
.page3 .info .item{ float:left; color:#858585;}
.page3 .info .t1{ width:230px;}
.page3 .info .t2{ margin:0 80px; width:240px;}
.page3 .info .t3{ width:260px;}
.page3 .info .item p{ padding-top:9px; line-height:20px;}
.page3 .info .jia{ position:absolute; left:260px; top:30px; width:26px; height:28px; text-align:center;}
.page3 .info .deng{ position:absolute; left:574px; top:30px; width:26px; height:28px;text-align:center;}
.page3 .txt{ position:relative; top:380px;}

/*page4*/
.page4{ overflow:hidden; min-height:1000px;}
.page4 .inner{ position:relative;  width:980px; margin:0 auto; margin-bottom:350px; z-index:3; }
.page4 .bgimg{ position:absolute; left:0; bottom:0; width:100%;}
.page4 .inner .tit{ padding:100px 0; text-align:center;}
.page4 .inner .tit h3,.page4 .inner .tit p,.page4 .npage .txt h4{
	background:linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
	background:-webkit-linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page4 .inner .tit h3{font-size:36px; text-align:left; display:inline-block; margin-bottom:20px;}
.page4 .inner .tit p{font-size:16px; line-height:26px; width:420px; margin:0 auto;}
.page4 .zpage{ width:836px; height:612px; position:relative; margin:0 auto;}
.page4 .npage{ width:900px; height:450px; position:relative; margin:0 auto;}
.page4 .zpic{ width:100%; position:relative; height:100%;}
.page4 .zpic .zp{width:100%; position: absolute; height:100%; background-repeat:no-repeat; background-position:center center; display:none;}
.page4 .npic{ float:left; width:434px; height:416px; margin-right:120px; background: no-repeat center center;}
.page4 .npic p{ width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.page4 .npage .info{ float:left; padding-top:70px;}
.page4 .npage .txt{ width:300px;}
.page4 .npage .txt h4{ font-size:18px; display:inline-block; line-height:28px; margin-bottom:40px;}
.page4 .npage .info .item{ padding-left:50px; margin-bottom:18px; background-repeat:no-repeat; background-position: left top;}
.page4 .npage .info .item h5{font-size:18px; color:#fff; margin-bottom:8px;}
.page4 .npage .info .item p{ font-size:13px; line-height:20px; color:#fff; opacity:0.75; width:190px;}
.page4 .npage .info .t1{ background-image:; background-size:40px;}
.page4 .npage .info .t2{ background-image:; background-size:40px;}
.page4 .zpage .step{ position:absolute; background-repeat:no-repeat; background-position:center center; background-size:85%; cursor:pointer;}
.page4 .zpage .s1{ width:107px; height:53px; background-image:; right:-120px; top:330px;}
.page4 .zpage .s2{ width:121px; height:53px; background-image:; right:-10px; top:410px;}
.page4 .zpage .s3{ width:148px; height:55px; background-image:; right:140px; top:480px;}
.page4 .zpage .s4{ width:155px; height:53px; background-image:; right:340px; top:520px;}
.page4 .zpage .s5{ width:124px; height:54px; background-image:; right:550px; top:480px;}
.page4 .zpage .s6{ width:122px; height:55px; background-image:; right:700px; top:410px;}
.page4 .zpage .s7{ width:120px; height:53px; background-image:; right:820px; top:260px;}
.page4 .zpic .zp1{background-image:;}
.page4 .zpic .zp2{background-image:;}
.page4 .zpic .zp3{background-image:;}
.page4 .zpic .zp4{background-image:;}
.page4 .zpic .zp5{background-image:;}
.page4 .zpic .zp6{background-image:;}
.page4 .zpic .zp7{background-image:;}
.pg1 .npic p{ }
.pg2 .npic p{ background-image:;}
.pg3 .npic p{ background-image:;}
.pg4 .npic p{ background-image:;}
.pg5 .npic p{ background-image:;}
.pg6 .npic p{ background-image:;}
.pg7 .npic p{ background-image:;}
.pg1 .zpage .s1{background-image:;}
.pg2 .zpage .s2{background-image:;}
.pg3 .zpage .s3{background-image:;}
.pg4 .zpage .s4{background-image:;}
.pg5 .zpage .s5{background-image:;}
.pg6 .zpage .s6{background-image:;}
.pg7 .zpage .s7{background-image:;}

/*page5*/
.page5 .inner{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.page5 .gg{ opacity:0;}
.page5 .inner .txt { position:absolute; left:10%; top:8%; width:450px;}
.page5 .inner .txt h2,.page5 .inner .txt p span{
	background:linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	background:-webkit-linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page5 .inner .txt h2{ font-size:42px; text-align:left; display:inline-block; margin-bottom:20px;}
.page5 .txt p{ font-size:16px; line-height:26px; width:450px; text-align:left;}
.page5 .item{ position:absolute; width:210px; color:rgba(255,255,255,0.5); font-size:14px; line-height:21px; cursor:pointer;}
.page5 .item:hover,.page5 .item.hover{color:rgba(255,255,255,0.9);}
.page5 .item h3{ font-size:21px; color:#fff; margin-bottom:12px; margin-top:6px;}
.page5 .item:hover h3,.page5 .item.hover h3{
	background:linear-gradient(152deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);; 
	background:-webkit-linear-gradient(152deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);; 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;
	}
.page5 .item p{ width:200px;}
.page5 .item .tip{ font-size:12px; margin-top:12px;}
.page5 .t1{ left:10%; top:31%;}
.page5 .t2{  right:13%; top:69%;}
.page5 .t3{ left:10%; top:46%;}
.page5 .t3 p{ width:210px;}
.page5 .t4{ right:13%; top:47.5%;}
.page5 .t4 p{ width:210px;}
.page5 .qy,.page5 .q3 span{ position:absolute; border:0px solid #ccc; z-index:9; cursor:pointer;}
.page5 .q1{ width:32.85%; height:15.07%; left:34%; top:26%;}
.page5 .q2{ width:10%; height:12%; left:22%; top:62%;}
.page5 .q4{ width:13%; height:12%; left:45%; top:54%;}
.page5 .q3{ width:27%; height:7%; left:31%; top:66%;}
.page5 .q3 span{ display:inline-block; left:0; top:-100%; width:50%; height:100%;}

/*page6*/
.page6 .inner{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page6 .inner .txt { position:absolute; left:10%; top:0%; width:450px; top:0px;}
.page6 .inner .txt h2,.page6 .inner .txt p{
	background:linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	background:-webkit-linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page6 .inner .txt h2{ font-size:36px; text-align:left; display:inline-block; margin-bottom:20px;}
.page6 .txt p{ font-size:16px; line-height:26px; width:450px; text-align:left;}
.page6 .itemlist{ position:absolute; left:10%; bottom:32%; margin-bottom:-200px;}
.page6 .itemlist .item{ margin-top:40px;}
.page6 .itemlist .item h2{ font-size:30px; color:#fff; margin-top:5px;}
.page6 .itemlist .item p{ font-size:13px; line-height:20px; color:rgba(255,255,255,0.5); width:210px; margin:8px 0;}
.page6 .itemlist .item .btn{ position:relative; display:inline-block; font-size:13px; color:#fff; cursor:pointer;}
.page6 .itemlist .item .btn span{ position:relative; z-index:3; padding-left:3px; font-size:13px;}
.page6 .itemlist .item .btn i{ width:58px; height:4px; position:absolute; left:0; bottom:0; background:#952225;}
.page6 .itemlist .item .icon{ width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:100%; display:block;}
.page6 .itemlist .t1 .icon{ background-image:;}
.page6 .itemlist .t2 .icon{ background-image:;}
.page6 .itemlist .t3 .icon{ background-image:;}

/*page7*/
.page7 .inner{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.page7 .inner .txt { position:absolute; left:10%; top:0%; width:450px;}
.page7 .inner .txt h2,.page7 .inner .txt p ,.page7 .item .yuan .t{
	background:linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	background:-webkit-linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page7 .inner .txt h2{ font-size:36px; text-align:left; display:inline-block; margin-bottom:20px;}
.page7 .txt p{ font-size:16px; line-height:26px; width:450px; text-align:left;}
.page7 .bgimg{ position:absolute; left:0; width:100%; top:0;}

.page7 .item{ width:50px; height:50px; position:absolute;}
.page7 .m1{right:35%; top:18%;}
.page7 .m2{left:30%; top:44%;}
.page7 .m3{right:24%; top:23%;}
.page7 .m4{right:47%; top:73%;}
.page7 .item .dot{ width:100%; height:100%; cursor:pointer;}
.page7 .item .dot p{ border:1px dashed rgba(255,255,255,0.3); padding:10px; width:30px; height:30px;border-radius: 100%;}
.page7 .item .line{ background: no-repeat; width:250px; height:10px; position:absolute; right:44px; top:22px;}
.page7 .item .l2{background: no-repeat; width:169px; left:44px; right:auto;}
.page7 .item .text{ position:absolute; right:240px; width:150px; font-size:14px; color:#888; top:5px;}
.page7 .item .te2{ right:auto; left: 220px; color: #a69f9f;}
.page7 .m2 .text{ right:210px;}

.page7 .item .yuan{ width:150px; height:150px;padding:15px; position:absolute; left:-65px; top:-65px; border-radius: 100%; cursor:pointer;}
.page7 .item .yuan .pic{ width:120px; height:120px; padding:15px;border-radius: 100%;}
.page7 .item .yuan .pic .img{ position:relative; width:100%; height:100%;}
.page7 .item .yuan .pic .img i{ width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; display:inline-block; background: no-repeat center center; background-size:100%;border-radius: 100%;}
.page7 .item .yuan .t{ width:200px; height:60px; position:absolute; left:200px; top:70px; color:#fff; display:inline-block; font-weight:bold; font-size:20px; line-height:24px;}


.page7 .item:hover .line,.page7 .item:hover .text{opacity:0;}

.page7 .item:hover .dot{transform:scale(0.3);-webkit-transform:scale(0.3); opacity:0;}



.yqbig,.yqsmall{ position:absolute; left:0; top:0; width:100%; height:100%; }
.yqbig u,.yqsmall u{background:rgba(255,255,255,0.1);border-radius: 100%; width:100%; height:100%; display:inline-block;}

.page7 .item .yuan,.page7 .item:hover .yuan,
.page7 .item .dot,.page7 .item:hover .dot{-webkit-transition:all 0.2s linear; transition:all 0.2s linear;}
.page7 .item:hover .yuan .t,.page7 .item:hover .yuan .t,
.page7 .item .line,.page7 .item .text,.page7 .item:hover .line,.page7 .item:hover .text{-webkit-transition:all 0.5s linear; transition:all 0.5s linear;}


/*page8*/
.page8{ background:none;}
.page8 .inner{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.page8 .inner .txt { margin:0 auto; width:330px; text-align: center;}
.page8 .inner .txt h2,.page8 .inner .txt p,.page8 .inner .txt2{
	background:linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%);
	background:-webkit-linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page8 .inner .txt h2{ font-size:36px; display:inline-block; margin-bottom:20px;}
.page8 .txt p{ font-size:16px; line-height:26px; opacity:0.75;}

.page8 .inner .listitem{width:1060px; height:500px; margin:0 auto; margin-top:90px;}
.page8 .inner .item{ width:284px; height:360px; margin:0 30px; display:inline-block;  color:#000; border:none; float:left;}
.page8 .inner .item .yuan{ width:284px; height:284px; background-position:center top; background-repeat:no-repeat; margin:0 auto; text-align:center; cursor:pointer; border-radius: 100%; position:relative;border-radius:100%!important;}
.page8 .inner .item .yuan img{ position:absolute; left:0; bottom:0; width:100%;}
.page8 .inner .txt2{ text-align:center; margin-top:30px; line-height:1.5; font-size:16px; display:inline-block; width:100%; opacity:0.75;}

.page8 .item .pic{ position:absolute; left:0; top:0; width:100%; opacity:0; z-index:5;}
.page8 .item .yuan i{ position:absolute;left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.2);border-radius:100%;}
.page8 .item:hover .pic{ opacity:1;}
.page8 .item:hover i{transform:scale(1.1);-webkit-transform:scale(1.1);}

.page8 .item .yuan i,.page8 .item:hover .yuan i{-webkit-transition:all 0.2s linear; transition:all 0.2s linear;}
.page8 .item .pic,.page8 .item:hover .pic{-webkit-transition:all 0.2s linear; transition:all 0.2s linear;}

/*page9*/
.page9{ background:none; overflow:hidden;}
.page9 .inner{ padding:450px 0 300px 0; margin:0 auto; width:1180px; position:relative;}
.page9 .p9main{ background: no-repeat; width:1180px; height:638px; position:relative;}
.page9 .inner .txt { position:absolute; left:0; top:0; text-align:left;}
.page9 .inner .txt h2,.page9 .inner .txt p,.page8 .inner .txt2,.page9 .item .line{
	background:linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%);
	background:-webkit-linear-gradient(166deg, rgba(255,232,192,1) 0%, rgba(240,120,112,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.page9 .inner .txt h2{ font-size:36px; display:inline-block; margin-bottom:20px;}
.page9 .txt p{ font-size:16px; line-height:26px; opacity:0.75; width:418px;}
.page9 .item{ width:90px; height:68px; position:absolute; left:18%; top:-160px; cursor:pointer; z-index:19;}
.page9 .dd{  top: auto; bottom:-150px;}
.page9 .item .dot{width:5px; height:5px; background:#ffe8c0;border-radius: 100%; display:inline-block; opacity:0.3; position:absolute; left:0; top:0;}
.page9 .item .text{ height:40px;  font-size:14px; color:rgba(255,255,255,1); opacity:0.3; z-index:9;  padding-top:30px; text-align:center;background-size:32px;width:90px; background-repeat:no-repeat; background-position:center top; position:relative;left:-15px;}
.page9 .dd .text{background-position:center bottom; padding:0 0 30px 0; height:20px;}
.page9 .item .line{ position:absolute; background-repeat:no-repeat; background-position:center top; opacity:0.3; display: inline-block; top:70px; z-index:3;}
.page9 .dd .line{  top: auto; bottom:-170px; top:auto; bottom:70px;}
.page9 .item:hover .line{ opacity:1;}
.page9 .item:hover .text{opacity:1;}

.page9 .bgbox{ width:100%; height:100%;}
.page9 .bgbox img{ position:absolute; left:0; top:0; width:100%; opacity:0;}



/*.page9 .item:hover .dot{ opacity:0.5;}
.page9 .item:hover .line,.page9 .item:hover .line2{opacity:0.5;
background:linear-gradient(90deg, rgba(240,120,112,1) 0%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(90deg, rgba(240,120,112,1) 0%, rgba(255,255,255,1) 100%);}
.page9 .item:hover .text{color:rgba(255,255,255,1);}*/

.page9 .t1{left:5.3%;}
.page9 .t1 .text{ background-image:; }
.page9 .t1 .line{ background: no-repeat center top; width:96px; height:333px; left:28px;}

.page9 .t2{left:18%;}
.page9 .t2 .text{ background-image:;}
.page9 .t2 .line{ background: no-repeat center top; width:14px; height:393px; left:28px;}

.page9 .t3{left:36%;}
.page9 .t3 .text{ background-image:;}
.page9 .t3 .line{ background: no-repeat center top; width:11px; height:311px; left:28px;}

.page9 .t4{left:42.5%;}
.page9 .t4 .text{ background-image:;}
.page9 .t4 .line{ background: no-repeat center top; width:31px; height:306px; left:3px;}

.page9 .t5{left:52%;}
.page9 .t5 .text{ background-image:;}
.page9 .t5 .line{ background: no-repeat center top; width:10px; height:365px; left:28px;}

.page9 .t6{left:64.8%;}
.page9 .t6 .text{ background-image:;}
.page9 .t6 .line{ background: no-repeat center top; width:9px; height:367px; left:28px;}

.page9 .t7{left:77.8%;}
.page9 .t7 .text{ background-image:;}
.page9 .t7 .line{ background: no-repeat center top; width:12px; height:363px; left:28px;}

.page9 .t8{left:18%;}
.page9 .t8 .text{ background-image:;}
.page9 .t8 .line{ background: no-repeat center top; width:12px; height:190px; left:28px;}

.page9 .t9{left:28%;}
.page9 .t9 .text{ background-image:;}
.page9 .t9 .line{ background: no-repeat center top; width:72px; height:452px; left:28px;}

.page9 .t10{left:38.1%;}
.page9 .t10 .text{ background-image:;}
.page9 .t10 .line{ background: no-repeat center top; width:158px; height:188px; left:28px; bottom:68px;}

.page9 .t11{left:47%;}
.page9 .t11 .text{ background-image:; height:40px;}
.page9 .t11 .line{ background: no-repeat center top; width:12px; height:250px; left:28px; bottom:68px;}

.page9 .t12{left:68%;}
.page9 .t12 .text{ background-image:;}
.page9 .t12 .line{ background: no-repeat center top; width:11px; height:194px; left:28px; bottom:68px;}



/*page10*/
.page10{ overflow:hidden;}
.page10 .left{ float:left; width:50%; height:900px; position:relative;}
.page10 .right{ float:left; width:50%;height:900px; position:relative;}
.page10 .bottom{ float:left; width:100%; position:relative;}
.page10 .left .item{ float:left; width:100%; height:450px;}
.page10 .bottom .item{float:left; width:50%; height:100%;}
.page10 .item{ overflow:hidden; position:relative;}
.page10 .item img{ float:left;}
.page10 .right .line_left{ position:absolute; left:0; width:2px; top:0; height:100%; background:#000; z-index:3;}
.page10 .right .line_bottom{ position:absolute; left:0; height:4px; bottom:0; width:100%; background:#000; z-index:3;}
.page10 .left .line_center{ position:absolute; left:0; height:4px; top:50%; margin-top:-2px; width:100%; background:#000; z-index:3;}
.page10 .left .line_bottom,.page10 .bottom .line_bottom{ position:absolute; left:0; height:4px; bottom:0%; width:100%; background:#000; z-index:3;}
.page10 .bottom .line_center{ position:absolute; left:50%; width:4px; top:0%; margin-left:-2px; height:100%; background:#000; z-index:3;}
.page10 .bottom .line_top{ position:absolute; left:0%; width:100%; top:0%; height:4px; background:#000; z-index:3;}
.page10 .right .item{ height:100%;}
.page10 .top{ float:left; width:100%;}
.page10 .item a{ display:block;}

/*page11*/
.page11{ background:#232323; overflow:hidden; padding-bottom:120px;}
.page11 .tit{ padding:120px 0; text-align:center; color:#8a8a8a; font-size:30px; font-weight:bold;}
.page11 .inner{ width:100%;  color:#fff;}
.page11 tr:nth-child(odd){  background-color: #2a2a2a; }
.page11 .tt{ padding-right:80px; text-align:right; opacity:0.5;}
.page11 td{ padding:15px 0; height:20px; line-height:20px;}
.page11 .tps{ color:#7f7f7f; font-size:12px; line-height:22px; width:460px; margin-top:3px;}



/*dialog*/
.dialog{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; background:#000; display:none;}
.dialog .close,.sl-wrapper .sl-close{ background:  no-repeat center center; background-size:38px; width:44px; height:44px; position:absolute; left:50%; margin-left:-22px; bottom:30px; cursor:pointer; z-index:9;}
.sl-wrapper .sl-close{ position:fixed; top:auto; z-index:100005; right:auto;}
.dialog .inner{ display:none;}
.dialog .video{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000;}
.dialog .video video{ width:100%; float:left; position:relative;}
.dialog .txt { position:absolute; left:12%; top:20%; z-index:9;}
.dialog .txt h2,.dialog .txt p{
	background:linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%);
	background:-webkit-linear-gradient(166deg, rgba(240,120,112,1) 0%, rgba(255,232,192,1) 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; display:block;}
.dialog .txt h2{ font-size:36px; display:inline-block; margin-bottom:20px;}
.dialog .txt p{ font-size:16px; line-height:26px; opacity:0.75; width:330px;}
.p8m_3 .left{ position:absolute; left:0; width:50%; top:0; height:100%; background: no-repeat; background-size: cover;}
.p8m_3 .right{ position:absolute; right:0; width:50%; top:0; height:100%; background: no-repeat; background-size: cover;}
.p8m_3 h2{
	background:linear-gradient(152deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);
	background:-webkit-linear-gradient(152deg, rgba(255,135,135,1) 0%, rgba(255,220,110,1) 100%);}
.p8m_3 .left .txt{ left:auto; right:0;}
.p8m_3 .right .txt{ right:auto; left:0;}
.p8m_3 .txt{ width:400px; text-align:center; right:0;}
.p8m_3 .txt p{ width:100%;}
.p8m_3 .pic{ width:790px; height:283px; position:absolute; left:50%; margin-left:-395px; top:20%; margin-top:170px; z-index:3;}
.p8m_3 .pic .tp{ position:absolute; left:0; bottom:-60px; width:100%; text-align:center; font-weight:bold; font-size:30px; color:#fff;}

.p6m .video video{}

.sl-wrapper .sl-image{ width:100%; height:100%;}