@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ width:100%; height:0; overflow:hidden; clear:both;}
body{ background:#fff; overflow:hidden!important; font-family:微软雅黑;}
div{ margin:0 auto;}
ul,li{list-style:none;}
a{ text-decoration:none;}

.top_bg{ width:100%; height:90px; position:fixed; left:0; top:-80px; z-index:99; background-color:rgba(55,55,55,0.6); transition:all 1s;}
.top_bg .logo{ position:absolute; left:70px; top:13px;}
.top_bg .menu{ position:absolute; right:70px; top:0;}
.top_bg .menu ul li{ float:left; position:relative;}
.top_bg .menu ul li a{ height:90px; overflow:hidden; display:block; padding:0 25px; line-height:90px; font-size:16px; color:#fff; position:relative;}
.top_bg .menu ul li div{ width:100%; overflow:hidden; position:absolute; left:0; top:90px; background-color:rgba(55,55,55,0.6); display:none;}
.top_bg .menu ul li div a{ height:45px; padding:0; margin:0; line-height:45px; font-size:14px; text-align:center;}
.top_bg .menu ul li:hover>a{ background-color:rgba(55,55,55,1)} 
.top_bg .menu ul li div a:hover{ background-color:rgba(55,55,55,1)}
.top_bg .search{ width:30px; height:30px; overflow:hidden; position:absolute; right:40px; top:30px;}

.section{ position:relative; text-align:center; overflow:hidden}	
.section02{ background:url(/img/bg2.jpg) no-repeat top center; transition:all 1s; }
.section03{ background:url(/img/bg3.jpg) no-repeat top center; transition:all 1s;}
.section04{ background:url(/img/bg4.jpg) no-repeat top center; transition:all 1s;}
.section05{ background:url(/img/bg5.jpg) no-repeat top center; transition:all 1s;}
.section06{ background:url(/img/bg6.jpg) no-repeat top center; transition:all 1s;}

.p1_1{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.p1_1 .tempWrap{width:100%; height:100%;}
.p1_1 .bd{width:100%; height:100%;}
.p1_1 .bd li{width:100%; height:100%;}
.p1_1 .bd li a{width:100%; height:100%; display:block;}
.p1_1 .hd{ width:100%; position:absolute; left:0; bottom:25px; text-align:center;}
.p1_1 .hd li{ width:15px; height:15px; overflow:hidden; border-radius:50%; background-color:#fff; display:inline-block; margin:0 5px; cursor:pointer;}
.p1_1 .hd li.on{ background-color:#008FBB;}

.p2_1{ width:334px; height:223px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:24px; opacity:0; transition:all 1s; background-color:#008FBB;}
.p2_1:before{ content:""; width:63px; height:4px; position:absolute; left:45px; top:153px; background:#fff;}
.p2_1 p{ position:absolute; left:45px; top:35px; font-size:55px; color:#fff; text-align:left;}
.p2_2{ width:334px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:607px; opacity:0; transition:all 1s;}
.p2_2 a{ height:77px; display:block; line-height:77px; font-size:30px; color:#fff; border:1px solid #fff; letter-spacing:50px; text-align:left; padding-left:45px; transition:all 0.5s;}
.p2_2 a:hover{ background:rgba(255,255,255,0.2);}
.p2_3{ width:815px; height:470px; position:absolute; top:11%; left:50%; margin-left:-115px; margin-top:124px; opacity:0; transition:all 1s; background:url(/img/s3.png) 0 0 no-repeat;}
.p2_3_1{ width:700px; position:absolute; left:80px; top:40px; font-size:16px; line-height:30px; color:#545353; text-align:left;}
.p2_3_2{position:absolute; left:80px; top:278px;}
.p2_3_2 ul{ width:720px;}
.p2_3_2 ul li{width:215px; height:147px; overflow:hidden; float:left; margin-right:24px; position:relative;}
.p2_3_2 ul li .pic{ width:215px; height:147px; position:absolute; left:0; top:0;}
.p2_3_2 ul li .pic img{width:215px; height:147px;}
.p2_3_2 ul li .bt{ width:215px; height:26px; overflow:hidden; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); line-height:26px; color:#fefefe; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.active .p2_1{ margin-top:124px; opacity:1; transition-delay:1.2s;}
.active .p2_2{ margin-top:507px; opacity:1; transition-delay:1.2s;}
.active .p2_3{ margin-left:-215px; opacity:1; transition-delay:1.2s;}

.p3_1{ width:1px; height:0; position:absolute; top:0; left:50%; transition:all 1.5s; background-color:rgba(255,255,255,0.22);}
.p3_2{ width:600px; position:absolute; top:11%; left:50%; margin-top:137px; opacity:0; transition:all 1s;}
.p3_2.ys1{ margin-left:-700px;}
.p3_2.ys2{ margin-left:100px;}
.p3_2 .bigbt{ height:146px;}
.p3_2 .kuang{ width:400px; height:334px; overflow:hidden; margin-left:100px;}
.p3_2 .bd li{ width:400px; height:334px; overflow:hidden; float:left; background-color:rgba(255,255,255,0.3);}
.p3_2 .bd li a{ width:400px; height:334px; display:block; position:relative;}
.p3_2 .bd li .pic{ width:400px; height:284px; overflow:hidden; position:absolute; left:0; top:0;}
.p3_2 .bd li .pic img{ width:400px; height:284px; transition:all 0.5s;}
.p3_2 .bd li .bt{ width:400px; height:30px; overflow:hidden; position:absolute; left:0; top:293px; line-height:30px; font-size:18px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.p3_2 .bd li:hover .pic img{transform:scale(1.06);}
.p3_2 .anniu{ width:40px; height:80px; overflow:hidden; position:absolute; top:250px; cursor:pointer;}
.p3_2 .next{ right:30px; background:url(/img/s6.png) 50% 50% no-repeat;}
.p3_2 .prev{ left:30px; background:url(/img/s7.png) 50% 50% no-repeat;}
.active .p3_1{ height:100%; transition-delay:1.2s;}
.active .p3_2.ys1{ margin-left:-600px; opacity:1; transition-delay:1.4s;}
.active .p3_2.ys2{ margin-left:0; opacity:1; transition-delay:1.4s;}

.p4_1{ width:530px; height:100px; position:absolute; top:11%; left:50%; margin-left:-265px; margin-top:-20px; opacity:0; transition:all 1s; background:url(/img/s8.png) 50% 50% no-repeat; font-size:15px; color:#fff;}
.p4_1 p{ height:55px; line-height:50px; font-size:35px; font-weight:bold;}
.p4_2{ width:1200px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:282px; opacity:0; transition:all 1s; transform:scale(0);}
.p4_2 .kuang{ width:1200px; height:320px; overflow:hidden;}
.p4_2 .bd li{ width:197px; height:320px; overflow:hidden; float:left; margin-right:53px;}
.p4_2 .bd li a{ width:197px; height:320px; display:block; position:relative;}
.p4_2 .bd li .pic{ width:197px; height:274px; overflow:hidden; position:absolute; left:0; top:0;}
.p4_2 .bd li .pic img{ width:197px; height:274px; transition:all 0.5s;}
.p4_2 .bd li .bt{ width:197px; height:25px; overflow:hidden; position:absolute; left:0; top:286px; line-height:25px; font-size:14px; color:#e2e2e2; text-overflow:ellipsis; white-space:nowrap;}
.p4_2 .bd li:hover .pic img{transform:scale(1.06);}
.p4_2 .bd li:hover .bt{ color:#fff;}
.p4_2 .anniu{ width:40px; height:80px; overflow:hidden; position:absolute; top:100px; cursor:pointer;}
.p4_2 .next{ right:-60px; background:url(/img/s6.png) 50% 50% no-repeat;}
.p4_2 .prev{ left:-60px; background:url(/img/s7.png) 50% 50% no-repeat;}
.p4_3{ width:198px; position:absolute; top:11%; left:50%; margin-left:-99px; margin-top:766px; opacity:0; transition:all 1s;}
.p4_3 a{ height:38px; display:block; line-height:38px; font-size:15px; color:#005ca4; background-color:rgba(255,255,255,0.8); transition:all 0.5s;}
.p4_3 a:hover{ background:rgba(255,255,255,1);}
.active .p4_1{ margin-top:79px; opacity:1; transition-delay:1.2s;}
.active .p4_2{ transform:scale(1); opacity:1; transition-delay:1.2s;}
.active .p4_3{ margin-top:666px; opacity:1; transition-delay:1.2s;}

.p5_1{ width:530px; height:100px; position:absolute; top:11%; left:50%; margin-left:-265px; margin-top:-50px; opacity:0; transition:all 1s; background:url(/img/s8.png) 50% 50% no-repeat; font-size:15px; color:#fff;}
.p5_1 p{ height:55px; line-height:50px; font-size:35px; font-weight:bold;}
.p5_2{width:1200px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:203px; opacity:0; transition:all 1s;}
.p5_2 ul{ width:1300px;}
.p5_2 ul li{width:264px; height:376px; overflow:hidden; float:left; margin-right:48px; position:relative; transition:all 1s;}
.p5_2 ul li.ys1{background:url(/img/s9.png) 0 50% no-repeat; transform:translateX(-200px);}
.p5_2 ul li.ys2{background:url(/img/s10.png) 0 50% no-repeat; transform:translateX(-200px);}
.p5_2 ul li.ys3{background:url(/img/s11.png) 0 50% no-repeat; transform:translateX(200px);}
.p5_2 ul li.ys4{background:url(/img/s12.png) 0 50% no-repeat; transform:translateX(200px);}
.p5_2 ul li .bt{ font-size:13px; color:#fff; position:absolute; left:0; top:210px;}
.p5_2 ul li .bt p{width:264px; height:40px; line-height:20px; font-size:20px; font-weight:bold;}
.p5_2 ul li .more{ width:139px; position:absolute; top:306px; left:50%; margin-left:-70px; transition:all 0.5s;}
.p5_2 ul li .more a{ height:30px; display:block; line-height:30px; font-size:13px; color:#fff; background-color:#008fba; border-radius:30px; transition:all 0.5s;}
.p5_2 ul li .more a:hover{ border-radius:0;}
.active .p5_1{ margin-top:50px; opacity:1; transition-delay:1.2s;}
.active .p5_2 { opacity:1; transition-delay:1.2s;}
.active .p5_2 ul li.ys1{ transform:translateX(0); transition-delay:1.4s;}
.active .p5_2 ul li.ys2{ transform:translateX(0); transition-delay:1.4s;}
.active .p5_2 ul li.ys3{ transform:translateX(0); transition-delay:1.4s;}
.active .p5_2 ul li.ys4{ transform:translateX(0); transition-delay:1.4s;}

.p6_1{ width:530px; height:100px; position:absolute; top:11%; left:50%; margin-left:-265px; margin-top:-50px; opacity:0; transition:all 1s; background:url(/img/s8.png) 50% 50% no-repeat; font-size:15px; color:#fff;}
.p6_1 p{ height:55px; line-height:50px; font-size:35px; font-weight:bold;}
.p6_2{ width:1200px; height:492px; position:absolute; top:11%; left:50%; margin-left:-600px; margin-top:208px; opacity:0; transition:all 1s; background:rgba(0,0,0,0.8); transform:scale(0);}
.p6_2 ul{ margin:40px 0 0 25px;}
.p6_2 ul li{ width:664px; height:105px; overflow:hidden; margin-bottom:48px; text-align:left;}
.p6_2 ul li a{ width:100%; height:100%; display:block; position:relative;}
.p6_2 ul li .pic{ width:157px; height:105px; overflow:hidden; position:absolute; left:0; top:0;}
.p6_2 ul li .pic img{  width:100%; height:100%; transition:all 0.5s;}
.p6_2 ul li .bt{ width:483px; height:20px; overflow:hidden; position:absolute; right:0; top:-2px; line-height:20px; font-size:14px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.p6_2 ul li .bz{ width:483px; height:52px; overflow:hidden; position:absolute; right:0; top:25px; line-height:26px; font-size:13px; color:#c8c8c8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p6_2 ul li .dat{ width:483px; height:20px; overflow:hidden; position:absolute; right:0; top:85px; line-height:20px; font-size:13px; color:#cecece;}
.p6_2 ul li .dat:before{ content:""; width:27px; height:1px; background-color:#fff; position:absolute; right:0; top:10px; transition:all 0.5s;}
.p6_2 ul li:hover .pic img{transform:scale(1.06);}
.p6_2 ul li:hover .dat:before{ width:350px;}
.p6_2 ul li.ys1{ width:449px; height:412px; float:left; margin-right:30px;}
.p6_2 ul li.ys1 .pic{ width:449px; height:412px;}
.p6_2 ul li.ys1 .bt{ width:449px; height:39px; overflow:hidden; position:absolute; top:373px; line-height:39px; font-size:14px; color:#fff; background:rgba(0,0,0,0.7);}
.p6_2 ul li.ys1 .bt p{ padding:0 20px; overflow:hidden; line-height:39px; font-size:14px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.active .p6_1{ margin-top:50px; opacity:1; transition-delay:1.2s;}
.active .p6_2{ transform:scale(1); opacity:1; transition-delay:1.2s;}

.p7_1{ width:100%; height:100%; position:absolute; top:0; left:0;}
.p7_2{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(1,9,12,0.7);}
.p7_3{ width:767px; height:767px; position:absolute; top:11%; left:50%; margin-left:-384px; margin-top:23px; opacity:0; transition:all 1s;}
.p7_3 p{width:767px; height:767px; background:url(/img/s13.png) 50% 50% no-repeat; animation:mydh1 10s linear infinite;}
.p7_3:before{ content:""; width:225px; height:1px; background-color:#fff; position:absolute; left:-160px; top:700px; transform:rotate(-35deg);}
.p7_3:after{ content:""; width:225px; height:1px; background-color:#fff; position:absolute; left:690px; top:85px; transform: rotate(-35deg);}
.p7_4{ width:530px; height:100px; position:absolute; top:11%; left:50%; margin-left:-265px; margin-top:170px; opacity:0; transition:all 1s; background:url(/img/s8.png) 50% 50% no-repeat; font-size:15px; color:#fff;}
.p7_4 p{ height:55px; line-height:50px; font-size:35px; font-weight:bold;}

.p7_5{ width:423px; position:absolute; top:11%; left:50%; margin-left:-211px; margin-top:286px; opacity:0; transition:all 1s;}
.p7_6{ width:560px; position:absolute; top:11%; left:50%; margin-left:-280px; margin-top:353px; opacity:0; transition:all 1s; font-size:18px; line-height:37px; color:#fff;}
.p7_7{ width:167px; position:absolute; top:11%; left:50%; margin-left:-84px; margin-top:478px; opacity:0; transition:all 1s;}
.p7_7 p{ font-size:14px; color:#b8cdde; line-height:30px;}
.active .p7_3{ opacity:1; transition-delay:1.2s;}
.active .p7_4{ opacity:1; transition-delay:1.2s;}
.active .p7_5{ opacity:1; transition-delay:1.2s;}
.active .p7_6{ opacity:1; transition-delay:1.2s;}
.active .p7_7{ opacity:1; transition-delay:1.2s;}
@keyframes mydh1 {  
0%{ transform:rotate(0);}  
100%{ transform:rotate(360deg);}  
}