@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;}

.yid a{ transform: translateX(0px); transition:all 0.5s;}
.yid:hover a{ transform: translateX(10px);}

.top_bg{ width:100%; height:130px; position:fixed; left:0; top:-140px; z-index:99; transition:all 1.2s; background:url(/img/s1.jpg) top left repeat-x rgba(255,255,255,0.7);}
.top_bg .kj{ width:1200px; height:130px; position:relative;}
.top_bg .dh1{ position:absolute; left:5px; top:7px;}
.top_bg .dh2{ position:absolute; left:442px; top:6px;}
.top_bg .dh3{ position:absolute; left:1000px; top:3px; font-size:14px; color:#fff;}
.top_bg .dh3 a{ height:25px; display:block; float:left; line-height:25px; margin:0 8px; color:#fff;}
.top_bg .dh3 span{ height:25px; display:block; float:left; line-height:25px; color:#fff;}
.top_bg .dh3 a.ys2{ font-family:Arial;}
.top_bg .dh3 a.ys3{ width:25px; background:url(/img/s4.png) 50% 50% no-repeat;}
.top_bg .logo{ position:absolute; left:12px; top:38px;}
.top_bg .menu{ position:absolute; left:296px; top:30px;}
.top_bg .menu ul{ width:1200px;}
.top_bg .menu ul li{ width:113px; float:left; position:relative;}
.top_bg .menu ul li>a{ height:100px; overflow:hidden; display:block; position:relative; font-size:16px; color:#000; text-align:center;}
.top_bg .menu ul li>a>span{ width:70px; height:55px; overflow:hidden; display:block; margin:8px auto 0; background-position:0 0; background-repeat:no-repeat;}
.top_bg .menu ul li.ys1>a>span{ background-image:url(/img/d1.png);}
.top_bg .menu ul li.ys2>a>span{ background-image:url(/img/d2.png);}
.top_bg .menu ul li.ys3>a>span{ background-image:url(/img/d3.png);}
.top_bg .menu ul li.ys4>a>span{ background-image:url(/img/d4.png);}
.top_bg .menu ul li.ys5>a>span{ background-image:url(/img/d5.png);}
.top_bg .menu ul li.ys6>a>span{ background-image:url(/img/d6.png);}
.top_bg .menu ul li.ys7>a>span{ background-image:url(/img/d7.png);}
.top_bg .menu ul li.ys8>a>span{ background-image:url(/img/d8.png);}
.top_bg .menu ul li:hover>a{background-color:#112471;color:#fff;}
.top_bg .menu ul li:hover>a>span{ background-position:0 -55px;}
.top_bg .menu ul li div{ width:100%; overflow:hidden; position:absolute; left:0; top:100px; display:none;}
.top_bg .menu ul li div a{ height:45px; overflow:hidden; display:block; line-height:45px; font-size:14px; color:#000; text-align:center; background-color:rgba(255,255,255,0.7);}
.top_bg .menu ul li div a:hover{background-color:#112471;color:#fff;}

.lb_yjls{ width:222px; height:498px; overflow:hidden; background-image:url(../img/back.png); position:fixed; left:0; top:50%; margin-top:-250px;}
.lb_yjls a{ width:160px; height:40px; overflow:hidden; display:block; position:absolute; left:28px;}
.lb_yjls a.ys1{ top:161px;}
.lb_yjls a.ys2{ top:213px;}
.lb_yjls a.ys3{ top:263px;}
.lb_yjls a.ys4{ top:311px;}
.lb_yjls a.ys5{ top:360px;}
.lb_yjls a.ys6{width:70px; height:30px; overflow:hidden; display:block; position:absolute; left:73px; top:459px;}

.section{ position:relative; text-align:center; overflow:hidden;}	
.section01{ background:url(/img/bg1.jpg) no-repeat top center;}
.section02{ background:url(/img/bg2.jpg) no-repeat top center;}	
.section03{ background:url(/img/bg3.jpg) no-repeat top center;}	
.section04{ background:url(/img/bg4.jpg) no-repeat top center;}	
.section05{ background:url(/img/bg5.jpg) no-repeat top center;}	
.section06{ background:url(/img/bg6.jpg) no-repeat top center;}	
.section07{ background:url(/img/bg7.jpg) no-repeat top center;}	
.section08{ background:url(/img/bg8.jpg) no-repeat top center;}	

.p1_1{ width:676px; position:absolute; top:14%; left:50%; margin-left:-834px; margin-top:199px; opacity:0; transition:all 0.5s;}
.p1_2{ width:729px; position:absolute; top:14%; left:50%; margin-left:23px; margin-top:500px; opacity:0; transition:all 0.5s;}
.p1_3{ width:1920px; position:absolute; bottom:-400px; left:50%; margin-left:-960px; opacity:0; transition:all 0.5s;}
.p1_5{ width:151px; position:absolute; top:14%; left:50%; margin-left:-871px; margin-top:94px; opacity:0; transition:all 0.5s;}
.p1_6{ width:86px; position:absolute; top:14%; left:50%; margin-left:-393px; margin-top:394px; opacity:0; transition:all 0.5s;}
.p1_4{display:none;}
.active .p1_1{ margin-left:-634px; opacity:1; transition-delay:1.8s;}
.active .p1_2{ margin-top:30px; opacity:1; transition-delay:1s;}
.active .p1_3{ bottom:-300px; opacity:1; transition-delay:1.5s;}
.active .p1_5{ margin-left:-671px; opacity:1; transition-delay:1.6s;}
.active .p1_6{ margin-left:-193px; opacity:1; transition-delay:1.4s;}

.p2_1{ width:714px; position:absolute; top:14%; left:50%; margin-left:-864px; margin-top:102px; opacity:0; transition:all 0.5s;}
.p2_2{ width:646px; position:absolute; top:14%; left:50%; margin-left:200px; margin-top:76px; opacity:0; transition:all 0.5s;}
.p2_3{ width:400px; position:absolute; top:14%; left:50%; margin-left:200px; margin-top:193px; opacity:0; transition:all 0.5s; font-size:40px; color:#b9928b; text-align:left;}
.p2_3 a{ color:#b9928b;}
.p2_4{ width:354px; position:absolute; top:14%; left:50%; margin-left:301px; margin-top:289px; opacity:0; transition:all 0.5s; font-size:14px; color:#757575; text-align:left; line-height:28px;}
.p2_5{ width:115px; position:absolute; top:14%; left:50%; margin-left:296px; margin-top:422px; opacity:0; transition:all 0.5s;}
.p2_5 a{ width:115px; height:40px; overflow:hidden; display:block; line-height:40px; font-size:14px; color:#757575; background-image:url(/img/s6.png);}
.p2_6{ width:242px; position:absolute; top:14%; left:50%; margin-left:413px; margin-top:492px; opacity:0; transition:all 0.5s;}
.active .p2_1{ margin-left:-664px; opacity:1; transition-delay:1.2s;}
.active .p2_2{ margin-left:-37px; opacity:1; transition-delay:1.2s;}
.active .p2_3{ margin-left:97px; opacity:1; transition-delay:1.4s;}
.active .p2_4{ margin-left:101px; opacity:1; transition-delay:1.6s;}
.active .p2_5{ margin-left:96px; opacity:1; transition-delay:1.8s;}
.active .p2_6{ opacity:1; transition-delay:1.3s;}

.p3_1{ width:624px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:61px; opacity:0; transition:all 0.5s;}
.p3_2{ width:400px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:153px; opacity:0; transition:all 0.5s; font-size:40px; color:#182a7b; text-align:left;}
.p3_2 a{color:#182a7b;}
.p3_4{ width:310px; height:380px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:250px; opacity:0; transition:all 0.5s; text-align:left; line-height:30px;}
.p3_4 a{ font-size:25px; font-weight:bold; color:#182a7b; display:block;}
.p3_4 p{ font-size:18px; color:#6e6e6e; line-height:36px; padding-top:15px;}
.p3_4 p span{ font-size:18px; color:#182a7b; font-weight:bold;}
.p3_5{ width:320px; height:380px; position:absolute; top:14%; left:50%; margin-left:-550px; margin-top:250px; opacity:0; transition:all 0.5s; text-align:left; line-height:30px;}
.p3_5 a{ font-size:25px; font-weight:bold; color:#182a7b; display:block;}
.p3_5 p{ font-size:18px; color:#6e6e6e; line-height:36px; padding-top:15px;}
.p3_5 p span{ font-size:18px; color:#182a7b; font-weight:bold;}
.p3_6{ width:155px; position:absolute; top:14%; left:50%; margin-left:-580px; margin-top:569px; opacity:0; transition:all 0.5s;}
.p3_7{ width:1720px; position:absolute; top:14%; left:50%; margin-left:-870px; margin-top:543px; opacity:0; transition:all 0.5s;}
.p3_8{ width:968px; position:absolute; top:14%; left:50%; margin-left:-8px; margin-top:543px; opacity:0; transition:all 0.5s;}
.active .p3_1{ margin-left:-600px; opacity:1; transition-delay:1.2s;}
.active .p3_2{ margin-left:-600px; opacity:1; transition-delay:1.4s;}
.active .p3_3{ margin-left:-597px; opacity:1; transition-delay:1.6s;}
.active .p3_4{ margin-left:-600px; opacity:1; transition-delay:1.8s;}
.active .p3_5{ margin-left:-350px; opacity:1; transition-delay:1.6s;}
.active .p3_6{ margin-top:560px; opacity:1; transition-delay:1.4s;}
.active .p3_7{ margin-top:580px; opacity:1; transition-delay:1.6s;}
.active .p3_8{ margin-top:100px; opacity:1; transition-delay:2s;}
@media screen and (max-height: 800px) { 
.p3_4{ margin-top:220px;}
.p3_5{ margin-top:220px;}
} 

.p4_1{ width:560px; position:absolute; top:14%; left:50%; margin-left:-989px; margin-top:73px; opacity:0; transition:all 0.5s;}
.p4_2{ width:573px; position:absolute; top:14%; left:50%; margin-left:41px; margin-top:716px; opacity:0; transition:all 0.5s;}
.p4_3{ width:417px; position:absolute; top:14%; left:50%; margin-left:196px; margin-top:84px; opacity:0; transition:all 0.5s;}
.p4_4{ width:794px; overflow:hidden; position:absolute; top:14%; left:50%; margin-left:-44px; margin-top:173px; opacity:0; transition:all 0.5s;}
.p4_4 ul{ width:888px;}
.p4_4 ul li{ width:387px; height:339px; overflow:hidden; float:left; margin-right:20px; background:url(/img/s20.png) 0 0 no-repeat;}
.p4_4 ul li a{ width:387px; height:339px; display:block; position:relative;}
.p4_4 ul li .pic{ width:260px; height:144px; overflow:hidden; border:3px solid #fff; position:absolute; left:60px; top:38px;}
.p4_4 ul li .pic img{ width:260px; height:144px; overflow:hidden; transition:all 0.5s;}
.p4_4 ul li .bt{ width:260px; height:25px; overflow:hidden; text-align:left; line-height:25px; font-size:18px; color:#1b2d7d; position:absolute; left:63px; top:208px; text-overflow:ellipsis; white-space:nowrap;}
.p4_4 ul li .dat{ width:260px; height:20px; overflow:hidden; text-align:left; line-height:20px; font-size:16px; color:#1b2d7d; position:absolute; left:63px; top:233px; font-family:Arial;}
.p4_4 ul li .more{width:260px; height:20px; overflow:hidden; text-align:left; line-height:20px; font-size:14px; color:#1b2d7d; position:absolute; left:63px; top:271px;}
.p4_4 ul li:hover .pic img{ transform:scale(1.06);}
.active .p4_1{ margin-left:-789px; opacity:1; transition-delay:1.2s;}
.active .p4_2{ margin-top:516px; opacity:1; transition-delay:1.4s;}
.active .p4_3{ margin-left:-196px; opacity:1; transition-delay:1.6s;}
.active .p4_4{ margin-left:-244px; opacity:1; transition-delay:1.8s;}

.p5_1{ width:521px; position:absolute; top:14%; left:50%; margin-left:-594px; margin-top:-118px; opacity:0; transition:all 0.5s;}
.p5_2{ width:400px; position:absolute; top:14%; left:50%; margin-left:-587px; margin-top:-202px; opacity:0; transition:all 0.5s; font-size:40px; color:#ed3825; text-align:left;}
.p5_2 a{ color:#ed3825;}
.p5_3{ width:770px; position:absolute; top:14%; left:50%; margin-left:-666px; margin-top:-274px; opacity:0; transition:all 0.5s;}
.p5_3 ul li{ width:276px; height:276px; float:left; margin:20px 19px; border-radius:50%; background-color:#E99137;}
.p5_3 ul li a{ width:276px; height:276px; display:block; position:relative;}
.p5_3 ul li .pic{ width:276px; height:276px; border-radius:50%; position:absolute; left:-5px; top:-12px;}
.p5_3 ul li .pic p{ width:276px; height:276px; border-radius:50%; transition:all 0.5s;}
.p5_3 ul li .pic img{ width:276px; height:276px; border-radius:50%;}
.p5_3 ul li:hover .pic p{ transform:scale(1.06);}
.p5_3 .anniu{ width:47px; height:87px; overflow:hidden; position:absolute; top:100px; cursor:pointer;}
.p5_3 .anniu.next1{ right:0; background:url(/img/s24.png);}
.p5_3 .anniu.prev1{ left:0; background:url(/img/s23.png);}
.p5_4{ width:938px; position:absolute; top:14%; left:50%; margin-left:23px; margin-top:560px; opacity:0; transition:all 0.5s;}
.active .p5_1{ margin-top:118px; opacity:1; transition-delay:1.6s;}
.active .p5_2{ margin-top:202px; opacity:1; transition-delay:1.8s;}
.active .p5_3{ margin-top:274px; opacity:1; transition-delay:1.2s;}
.active .p5_4{ margin-top:60px; opacity:1; transition-delay:1.4s;}
@media screen and (max-height: 800px) { 
.active .p5_1{ margin-top:90px;}
.active .p5_2{ margin-top:150px;}
.active .p5_3{ margin-top:230px;}
} 

.p6_1{ width:773px; position:absolute; top:14%; left:50%; margin-left:-770px; margin-top:525px; opacity:0; transition:all 0.5s;}
.p6_2{ width:518px; position:absolute; top:14%; left:50%; margin-left:384px; margin-top:114px; opacity:0; transition:all 0.5s;}
.p6_3{ width:550px; position:absolute; top:14%; left:50%; margin-left:350px; margin-top:258px; opacity:0; transition:all 0.5s;}
.p6_3 .hd{ height:40px; text-align:left;}
.p6_3 .hd li{ width:115px; height:40px; float:left; margin-right:26px; cursor:pointer; line-height:40px; font-size:18px; color:#3c4360; text-align:center;}
.p6_3 .hd li.on{ background-image:url(/img/s27.png); color:#182a7b;}
.p6_3 .bd{ padding-top:36px;}
.p6_3 .list ul li{width:550px; height:100px; overflow:hidden; margin-bottom:23px; border-bottom:1px solid #E7E7E7; position:relative; transition:all 0.5s; transform: translateX(0px);}
.p6_3 .list ul li .wt{ width:31px; height:21px; overflow:hidden; position:absolute; left:0; top:0; background-color:#10236F; font-size:14px; color:#fff;}
.p6_3 .list ul li .bt{ width:410px; height:21px; overflow:hidden; position:absolute; left:36px; top:0; text-align:left; font-size:14px; color:#252525; text-overflow:ellipsis; white-space:nowrap;}
.p6_3 .list ul li .bt a{color:#252525;}
.p6_3 .list ul li .dat{ width:100px; height:21px; overflow:hidden;position:absolute; right:0; top:0; text-align:right; font-size:14px; color:#252525;}
.p6_3 .list ul li .hud{ width:31px; height:21px; overflow:hidden; position:absolute; left:0; top:35px; background-color:#F1740A; font-size:14px; color:#fff;}
.p6_3 .list ul li .bz{ width:512px; height:48px; overflow:hidden; position:absolute; left:36px; top:30px; text-align:left; font-size:14px; color:#BEBEBE; line-height:24px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.p6_3 .list ul li:hover{ transform: translateX(10px);}
.p6_3 .list.ys1 ul li .bt{ width:446px; left:0; top:0;}
.p6_3 .list.ys1 ul li .bz{ width:548px;  left:0; top:30px; }
.active .p6_1{ margin-top:25px; opacity:1; transition-delay:1.2s;}
.active .p6_2{ margin-left:84px; opacity:1; transition-delay:1.4s;}
.active .p6_3{ margin-left:50px; opacity:1; transition-delay:1.6s;}
@media screen and (max-height: 800px) { 
.p6_2{ margin-top:80px;}
.p6_3{ margin-top:170px;}
.p6_3 .list ul li{ height:85px; margin-bottom:10px;}
} 

.p7_1{ width:1324px; position:absolute; bottom:-520px; left:50%; margin-left:-362px; opacity:0; transition:all 0.5s;}
.p7_2{ width:416px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:70px; opacity:0; transition:all 0.5s;}
.p7_3{ width:440px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:244px; opacity:0; transition:all 0.5s; font-size:14px; color:#757575; text-align:left; line-height:28px;}
.p7_4{ width:115px; position:absolute; top:14%; left:50%; margin-left:-800px; margin-top:358px; opacity:0; transition:all 0.5s;}
.p7_4 a{ width:115px; height:40px; overflow:hidden; display:block; line-height:40px; font-size:14px; color:#757575; background-image:url(/img/s6.png);}
.active .p7_1{ bottom:-120px; opacity:1; transition-delay:1.2s;}
.active .p7_2{ margin-left:-600px; opacity:1; transition-delay:1.4s;}
.active .p7_3{ margin-left:-600px; opacity:1; transition-delay:1.6s;}
.active .p7_4{ margin-left:-600px; opacity:1; transition-delay:1.8s;}
@media screen and (max-height: 800px) { 
.active .p7_1{ bottom:-320px;}
} 

.p8_1{ width:822px; position:absolute; bottom:-420px; left:50%; margin-left:37px; opacity:0; transition:all 0.5s;}
.p8_2{ width:832px; position:absolute; bottom:-420px; left:50%; margin-left:-730px; opacity:0; transition:all 0.5s;}
.p8_3{ width:353px; position:absolute; top:14%; left:50%; margin-left:136px; margin-top:-66px; opacity:0; transition:all 0.5s;}
.p8_4{ width:196px; position:absolute; top:14%; left:50%; margin-left:219px; margin-top:104px; opacity:0; transition:all 0.5s;}
.p8_5{ width:353px; position:absolute; top:14%; left:50%; margin-left:136px; margin-top:174px; opacity:0; transition:all 0.5s; font-size:14px; color:#fff;}
.p8_5 a{ color:#fff;}
.p8_6{ width:300px; position:absolute; top:14%; left:50%; margin-left:190px; margin-top:228px; opacity:0; transition:all 0.5s; background:url(/img/s32.png) 0 0 no-repeat; text-align:left;}
.p8_6 div{ width:34px; height:34px; position:relative; margin-right:38px; cursor:pointer; float:left;}
.p8_6 div a{ height:34px; display:block;}
.p8_6 div p{width:140px; position:absolute; left:50%; top:50px; margin-left:-70px; display:none; background-color:#fff;}
.p8_6 div p img{ width:120px; margin:10px;}
.p8_6 div p:after{content:""; position:absolute; top:-19px; left:50%; margin-left:-10px; border:10px solid rgba(255,255,255,0); border-bottom:10px solid #fff;}
.p8_6 div:hover p{display:block;}
.active .p8_1{ bottom:-120px; opacity:1; transition-delay:1.4s;}
.active .p8_2{ bottom:-120px; opacity:1; transition-delay:1.2s;}
.active .p8_3{ margin-top:66px; opacity:1; transition-delay:1.4s;}
.active .p8_4{ margin-top:304px; opacity:1; transition-delay:1.4s;}
.active .p8_5{ margin-top:374px;  opacity:1; transition-delay:1.4s;}
.active .p8_6{ margin-top:420px; opacity:1; transition-delay:1.4s;}

@media screen and (max-height: 800px) { 
.p8_6 div p{ top:-150px;}
.p8_6 div p:after{content:""; position:absolute; top:auto; bottom:-19px; left:50%; margin-left:-10px; border:10px solid rgba(255,255,255,0); border-top:10px solid #fff;}
.active .p8_1{ bottom:-180px;}
.active .p8_2{ bottom:-180px;}
}