@charset "utf-8";
.container { position: relative; width: 100%; }

.section { position:relative; overflow:hidden; }
.section .Area-hd { text-align:center; padding-bottom:75px; }
.section .Area-hd p { font-size:24px; color:#333; margin-top:20px; }

#fp-nav { display:none; } 
.control_point{ }
.menu_2 { position:fixed; top:50%; right:2%; width: 20px; height:312px; margin-top:-156px; z-index:999; }
@media screen and (max-width: 1400px){
.menu_2 { right:1%; }
}
.navs{display: none; width: 80px;height: 26px;line-height: 26px;text-align:center;background:#53aa47;color: #fff;position: absolute;right: 39px;top:-6px; }
.menu_2 li{ position:relative;margin-top:10px;text-align: center;}
.menu_2 li.active a, .menu_2 li.hover a { border-color:#00c0ff; }
.menu_2 li.active .navs{display: block;}
.menu_2 .active .navs{display: block;}
.menu_2 li a{ position: relative; z-index: 99; display: inline-block; margin-bottom:6px; width: 10px; height: 10px; border-radius:100%; border:1px solid #aaaaaa; }
.menu_2 li span{ position:absolute; z-index:9999999; right:30px; top:-15px; font-size:14px; width:121px; height:47px; line-height:47px; text-align:center; color:#fff; background:url(full-menu-bcg.png) no-repeat left center; display:none;}
.menu_2 li:hover span{ display:block;}
/*.menu_2 li.active span{ display:block; }*/

.banner{ position:relative; width:100%; overflow:hidden; }
.banner .bd{ width:100%; position:relative; left:50%; margin-left:-50%; z-index:9; }
.banner .bd  ul li{ background-size:cover !important; height:100%; }
.banner .bd  ul li a { display:block; width:100%; height:100%; }
.banner .hd{ width:100%; position:absolute; left:50%; margin-left:-50%; z-index:11; bottom:4%; text-align:center; height:2px; margin-bottom:2px; }
.banner .hd ul{ display:inline-block; height:2px; }
.banner .hd ul li{ width:50px; height:5px; margin:0 5px; background:#fff; *display:block; display:inline-block; vertical-align:top; cursor:pointer; text-indent:9999999px; }
.banner .hd ul .on{ background:#00c0ff; }
.banner a.prev, .banner a.next{ width:48px; height:6px; position:absolute; bottom:4%; z-index:15; transition:0.8s linear 0s; cursor:pointer; }


.aArea { position:absolute; top:50%; left:50%; margin-left:-600px; width:1200px; margin-top:-200px; /*margin-top:-267px; height:535px;*/ z-index:99; }

.aArea .bd .p1 { padding:0 60px; font-size:16px; color:#333; line-height:40px; text-align:center; height:250px; }
.aArea .bd .p2 { height:110px; }
.aArea .bd .p2 ul { width:780px; margin:0 auto; }
.aArea .bd .p2 ul li { float:left; width:260px; text-align:center; line-height:1; }
.aArea .bd .p2 ul li i { font-size:43px; color:#01b8f5; font-weight:bold; }
.aArea .bd .p2 ul li span { font-size:18px; color:#01b8f5; font-weight:bold; }
.aArea .bd .p2 ul li p { color:#333; margin-top:15px; font-size:14px; }
.aArea .bd .p3 { text-align:center; }
.aArea .bd .p3 a { font-size:14px; color:#01b8f5; padding-right:40px; background:url(a01.png) no-repeat center right; text-decoration:underline; }

.bArea { position:absolute; top:50%; left:50%; margin-left:-960px;margin-top:-280px;height:560px; /*margin-top:-340px;height:680px;*/ width:1920px;  z-index:99; }
.bArea .bd ul li { padding:25px 0; border-bottom:1px solid rgba(255,255,255,0.2); }
.bArea .bd ul li:last-child { border-bottom:none; }
.bArea .bd ul li:hover { background:rgba(0,0,0,0.3);}
.bArea .bd ul li .clearfix { width:1200px; margin:0 auto; background:url(li01.png) no-repeat center right; }
.bArea .bd ul li:hover .clearfix {  background:url(li02.png) no-repeat center right;  }
.bArea .bd ul li .pic { float:left; width:205px; }
.bArea .bd ul li .txt { float:right; width:855px; padding-right:100px; }
.bArea .bd ul li .txt h1 a { font-size:18px; color:#00c0ff; font-weight:normal; }
.bArea .bd ul li .txt span { display:block; color:#fff; margin:15px 0 30px 0; }
.bArea .bd ul li .txt p { font-size:14px; color:#fff; }

.cArea ul li { width:18.45%; float:left; transition: all 0.6s; }
.cArea ul li a { position:relative; display:block; width: 100%; height:100%; top:-500px; opacity: 0; background-size: cover;  background-position:left center; }

.cArea ul li:nth-child(1) a { background:url(c01.jpg); transition: all 1.5s; }
.cArea ul li:nth-child(2) a { background:url(c01.jpg); transition: all 2s; }
.cArea ul li:nth-child(3) a { background:url(c01.jpg); transition: all 2.5s; }
.cArea ul li:nth-child(4) a { background:url(c01.jpg); transition: all 3s; }
.cArea ul li:nth-child(5) a { background:url(c01.jpg); transition: all 3.5s; }

.cArea ul li.on { width:26.2%; }

.active .cArea ul li a { opacity: 1; top:0; }

.cArea ul li a .p1 { position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; }
.cArea ul li.on a .p1 { background:rgba(0,160,255,0.6); }

.cArea ul li a .p2 { position:absolute; width:250px; height:295px; top:50%; left:30px; margin-top:-147px; color:#fff; z-index:9; }
.cArea ul li a .p2 h1 { font-size:24px; font-weight:normal; padding-left:50px; }
.cArea ul li a .p2 h1 span { display:block; font-size:12px; text-transform:uppercase; transform:scale(0.8); margin-left:-20px;  }
.cArea ul li a .p2 p { margin:0 0 170px 50px; }
.cArea ul li a .p2 i { display:block; margin-left:50px; }


.cArea ul li:nth-child(1) a .p2 h1 { background:url(c1.png) no-repeat center left; }
.cArea ul li:nth-child(2) a .p2 h1 { background:url(c2.png) no-repeat center left; }
.cArea ul li:nth-child(3) a .p2 h1 { background:url(c2.png) no-repeat center left; }
.cArea ul li:nth-child(4) a .p2 h1 { background:url(c2.png) no-repeat center left; }
.cArea ul li:nth-child(5) a .p2 h1 { background:url(c2.png) no-repeat center left; }

.dArea { position:absolute; top:50%; left:50%; margin-left:-600px; width:1200px;margin-top:-210px;  height:420px; /*margin-top:-290px;  height:580px;*/ z-index:99; }

.dArea01 { position:relative; }
.dArea01 ul { padding-top:10px; }
.dArea01 ul li { float:left; width:225px; height:120px; overflow:hidden; margin:0 7.5px 15px 7.5px; cursor:pointer; }
.dArea01 ul li:hover { box-shadow: #666 0px 0px 10px;   }
.dArea01 ul li img { width:225px; height:120px; transition: all 0.6s; }
/*
.dArea01 ul li:hover img { transform: scale(1.4)!important; }
*/
.dArea01 .prev,.dArea01 .next { position:absolute; width:34px; height:64px; top:50%; margin-top:-32px; margin-top:z-index:9; }
.dArea01 .prev { left:-70px; background:url(prev01.png) no-repeat; }
.dArea01 .next { right:-70px; background:url(next01.png) no-repeat; }
.dArea01 .prev:hover { background:url(prev02.png) no-repeat; }
.dArea01 .next:hover { background:url(next02.png) no-repeat; }

.eArea { position:absolute; top:50%; left:50%; margin-left:-600px;margin-top:-225px; height:450px; /*margin-top:-280px; height:560px;*/ width:1200px;  z-index:99; }
.eArea .bd01 .pic { width:680px; float:right; }
.eArea .bd01 .txt { float:left; width:470px; }
.eArea .bd01 .txt .p1 { margin-bottom:45px; }
.eArea .bd01 .txt .p1 h1 { font-weight:normal; font-size:18px; color:#333; }
.eArea .bd01 .txt .p1 p { margin-top:20px; color:#999; }

.eArea .bd01 .txt .p2 .hd ul li { float:left; margin-right:40px; font-size:14px; padding-bottom:15px; border-bottom:2px solid #fff; }
 
.eArea .bd01 .txt .p2 .hd ul li.on { border-color:#00c0ff; color:#00c0ff; }
.eArea .bd01 .txt .p2 .bd { margin-top:45px; font-size:14px; line-height:27px; }

.eArea .bd02 { text-align:center; margin-top:45px; padding-top:20px; border-top:1px dotted #999; }