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

.section { position:relative; }
.section7 { background:#f7f7f7; }

#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 { background:#15f3fc; }
.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: 23px; height: 23px; border-radius:100%;background: url(nav_s.png) no-repeat center; }
.menu_2 li span{ position:absolute; z-index:9999999;display: none; 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 a,
.menu_2 li.active a{background: url(nav_sH.png) no-repeat center; }

.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 .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:#15f3fc; }
.banner a.prev, .banner a.next{ width:48px; height:6px; position:absolute; bottom:4%; z-index:15; transition:0.8s linear 0s; cursor:pointer; }
.banner a.prev{ left:25%; background:url(prev01.png) no-repeat; }
.banner a.next{ right:25%; background:url(next01.png) no-repeat; }

.active .img_bg{transition: all 5s;-webkit-transform: scale(1,1);}
.img_bg{transform: scale(1.1,1.1); transition: all 5s;-webkit-transform: scale(1.1,1.1);width: 100%; height: 100%;}

.titleGin{position: relative;text-align: left;position: relative;transition: all 1.5s;line-height: 36px;left: -500px;opacity: 0;}
.titleGin .en{font-size: 12px; color: rgba(255,255,255,0.5);text-transform: uppercase;margin-left: 10px;}
.titleGin .cn{font-size: 24px; color: #fff;position: relative;} 
.active .titleGin{left: 0;opacity: 1;}

.aArea { position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-226px; width:1200px; height:550px; z-index:99; }
.i_box02C .hd{position: absolute; top: 10px; right: -5000px;opacity: 0; transition: all 1.5s;text-align: right;}
.i_box02C .hd ul {display: inline-block;}
.i_box02C .hd ul li{float: left;margin: 0 5px;}
.i_box02C .hd ul li a{display: block;text-align: center;color: #fff;font-size: 14px;}
.i_box02C .hd ul li.on a,
.i_box02C .hd ul li:hover a{color: #15f3fc;}
.i_box02C .bd{position: relative;width: 1200px;position: relative;margin:0 auto;height: 449px;}
.i_box02C .bd ul{position: static;}
.i_box02C .bd ul li{position: absolute; width:295px;height:221px;overflow: hidden;transition: all 0.8s ease 0s; }
.i_box02C .bd ul li .img{position: relative;}
.i_box02C .bd ul li .title{position: absolute;width: 80%;padding: 0 10%;overflow: hidden;height: 36px;line-height: 36px;
text-align: left;font-size: 20px; color: #000;top: 0;left: 0;}
.i_box02C .bd ul li:nth-child(1){top: 0;left: -5000px;opacity: 0;transition: all 1.5s;}
.i_box02C .bd ul li:nth-child(2){top: 0;right: -5000px;opacity: 0;transition: all 1.5s;}
.i_box02C .bd ul li:nth-child(3){bottom: 0;left: -5000px;opacity: 0;transition: all 1.5s;}
.i_box02C .bd ul li:nth-child(4){bottom: 0;right: -5000px;opacity: 0;transition: all 1.5s;}
.i_box02C .bd .product_img{  width:600px; height:449px;overflow: hidden;position: absolute;top: 0;left: 300px;display: block !important;}
.i_box02C .bd .product_img .title{position: absolute;width: 90%;padding: 0 5%;overflow: hidden;height: 36px;line-height: 36px;
text-align: left;font-size: 20px; color: #000;top: 0;left: 0;}


.active .aArea .i_box02C .hd  { right: 0;opacity: 1;}
.active .aArea .i_box02C .bd ul li:nth-child(1),
.active .aArea .i_box02C .bd ul li:nth-child(3){left: 0;opacity: 1;} 
.active .aArea .i_box02C .bd ul li:nth-child(2),
.active .aArea .i_box02C .bd ul li:nth-child(4){right: 0;opacity: 1;} 

.bArea { position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-226px; width:1200px; height:510px; z-index:99; }
.bArea .titleGin{margin-bottom: 0;}
.bArea .img {width: 509px; height: 445px;overflow: hidden;left: -5000px;opacity: 0;transition: all 1.5s;position: relative;}
.bArea .img img{transition: all 0.6s ease-in-out; }
.bArea .img:hover img{transform: scale(1.1);}
.bArea .font{width: 630px;left: -5000px;opacity: 0;transition: all 0.8s;position: relative;}
.bArea .font .title{margin-top: 24px;font-size: 20px;color: #fff;}
.bArea .font .line{transition: all 1.5s;width: 80px;height: 1px;background: #15f3fc;margin: 10px 0 30px;}
.bArea .font:hover .line{width: 200px;}
.bArea .font .content{font-size: 14px; color:rgba(255,255,255,0.5);line-height: 30px;text-align: justify;}
.bArea .font .a_more {margin: 50px 0 60px;}
.bArea .font .a_more a{width: 124px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;
box-sizing: border-box;display: block;float: left;}
.bArea .font .a_more a.a01{margin-right: 15px;}
.bArea .font .a_more a:hover{background: #15f3fc;border-color: #15f3fc;color: #000;}
.bArea .about_more{width: 155px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #15f3fc;
border: 1px solid #000;box-sizing: border-box;display: block;background: #000;text-transform: uppercase;}

 
.active .bArea .font { opacity: 1; left:0; }
.active .bArea .img{ left: 0;opacity: 1;}



.cArea { position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-226px; width:1200px; height:530px; z-index:99;/*overflow: hidden;*/ }
.cArea .titleGin .more{width: 124px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color:#666;border: 1px solid #666;
box-sizing: border-box;display: block;float: right;text-transform: uppercase;}
.cArea .titleGin .more:hover{background: #15f3fc;color: #fff;}
.i_box04L{width: 770px;padding: 10px; background: #fff;right: -5000px;opacity: 0;transition: all 1s;position: relative;}
.i_box04L .img{width: 423px;height: 317px;overflow: hidden;}
.i_box04L .img img{transition: all 0.6s ease-in-out; }
.i_box04L .img:hover img{transform: scale(1.1);}
.i_box04R{width: 360px;margin-top: 45px;position: relative;}
.i_box04R:before{display: block;content: "";clear: both;position: absolute;top:-500px;left:6px;background: #222;
z-index: 0;width:1px; height:1000px;z-index: 0;}
.i_box04L .font{width: 300px;margin-top: 50px;font-size: 14px; color: #333;line-height: 30px;}
.i_box04L .font .more{width: 124px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #333;
border: 1px solid #333;box-sizing: border-box;display: block;margin-top: 50px;text-transform: uppercase;}
.i_box04L .font .more:hover{background: #333;color: #fff;}
.i_box04R{right: -5000px;opacity: 0;transition: all 1.5s;position: relative;}
.i_box04R ul{position: relative;}
.i_box04R ul li{padding-left:30px;background: url(d_dd.png) no-repeat left center;line-height: 24px;margin-bottom: 14px;}
.i_box04R ul li a{font-size: 14px; color: #414141;}
.i_box04R ul li:hover,
.i_box04R ul li.on{background: url(d_ddH.png) no-repeat left center;}
.i_box04R ul li:hover a,
.i_box04R ul li.on a{ color: #15f3fc;}

.active .i_box04R { opacity: 1; right:0; }
.active .i_box04L{ right: 0;opacity: 1;}


.dArea { position:absolute; top:50%; margin-right:-600px; margin-top:-226px; width:1200px;right: 50%;
 height:610px; z-index:99;transition: all 2.6s;z-index: 2; }
.dArea .titleGin{text-align: center;background:none;}
.dArea .titleGin .cn {font-size: 30px;}
.dArea .titleGin .en{font-size: 14px;color:#ffffff;}
.dArea .color{ color: #15f3fc;}
.i_box05 {right: -5000px;opacity: 0;transition: all 1.5s;position: relative;}
.i_box05 ul li{float: left; width: 48%;padding: 0 1%;}
.i_box05 ul li:nth-child(1),
.i_box05 ul li:nth-child(2){margin-bottom: 80px;}
.i_box05 ul li .img{width: 76px;margin-right: 18px;float: left;}
.i_box05 ul li .font{float: right;width: 480px;}
.i_box05 ul li .font .title{font-size: 20px;color: #15f3fc;font-weight: bold;margin-bottom: 18px;}
.i_box05 ul li .font .intro{font-size: 16px;line-height: 30px;color: #fff;}
.box05_intro{padding: 0 20px;height: 48px;line-height: 48px;font-size: 16px;color: #fff;border-radius: 4px;
border: 1px solid #fff;margin: 30px auto 0;width: 640px;text-align: center;}
.active .i_box05{ right: 0;opacity: 1;}

.eArea { position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-255px; width:1200px; height:510px; z-index:99; }
.eArea .titleGin .more{width: 124px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color:#666;border: 1px solid #666;
box-sizing: border-box;display: block;float: right;text-transform: uppercase;}
.eArea .titleGin .more:hover{background: #15f3fc;color: #fff;}
.i_box06L{position: relative; width:484px;height:476px;overflow: hidden;left: -5000px;opacity: 0;transition: all 1.5s;}
.i_box06L img{transition: all 0.6s ease-in-out; }
.i_box04L:hover img{transform: scale(1.1);}
.i_box06L .img_box{position: absolute;width: 90%;padding: 10px 5%; background: rgba(0,0,0,0.8);bottom: -100px;
transition: all 1.2s ease 0s; }
.i_box06L:hover .img_box{bottom: 0;}
.i_box06L .img_box .title{font-size: 18px; color: #15f3fc;}
.i_box06L .img_box .intro{font-size: 14px; color: rgba(255,255,255,0.5);line-height: 20px;height: 40px;overflow: hidden;
color: #fff;margin-top: 12px;}
.i_box06R{width: 716px;right: -5000px;opacity: 0;transition: all 1.5s;position: relative;}
.i_box06R ul li{width: 238px;float: left;position: relative;height: 476px;}
.i_box06R ul li .font{height: 238px; width: 218px;background: #fff;padding: 0 10px;position: absolute;bottom: 0;}
.i_box06R ul li .font .title{padding: 40px 0 30px;font-size: 16px;color: #000000;border-bottom: 1px solid #ccc;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;margin-bottom: 24px;}
.i_box06R ul li .font .title a{color: #000;}
.i_box06R ul li .font .intro{font-size: 12px;color: #000000;line-height: 22px;height: 44px;}
.i_box06R ul li .img {width: 240px;height: 240px;overflow: hidden;position: absolute;}
.i_box06R ul li .img img{transition: all 0.6s ease-in-out; }
.i_box06R ul li:hover img{transform: scale(1.1);}
.i_box06R ul li:nth-child(1) .font,
.i_box06R ul li:nth-child(3) .font{top: 0;}
.i_box06R ul li:nth-child(1) .img,
.i_box06R ul li:nth-child(3) .img{bottom: 0;}

.active .i_box06L{left: 0;opacity: 1;}
.active .i_box06R{right: 0;opacity: 1;}


.fArea{ position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-255px; width:1200px; height:510px; z-index:99; }
.con07L {bottom: -5000px;opacity: 0;transition: all 1s;position: relative;}
.con07L .title{margin: 50px 0;}
.con07L .p01{font-size: 20px; color: #ffffff;}
.con07L .p02{font-size: 14px; color: rgba(255,255,255,0.3);}
.con07L .contact{font-size: 14px; color: #fff;line-height: 30px;margin-bottom: 16px;}
.con07L .img{text-align: center;width: 143px;}
.con07L .img p{margin-top: 12px;text-align: center;font-size: 14px; color: #fff;}
.con07R {width: 544px;padding: 20px; height: 230px;background: #333333;margin-top: 50px;bottom: -5000px;opacity: 0;transition: all 1.5s;
position: relative;}
.con07R .title{font-size: 24px; color: #fff;margin-top: 100px;}
.con07R form{width: 330px;}
.con07R form li{margin-bottom: 10px;}
.con07R form input[type="text"]{background: #222222; height: 36px;line-height: 36px;width: 300px;padding: 0 15px;
font-size: 16px;color: #fff;}
.con07R form .submit-field{text-align: right;}
.con07R form textarea{background: #222222; height: 80px;line-height: 30px;width: 300px;padding: 0 15px;font-size: 16px;color: #fff;}
.con07R form input[type="submit"]{background: #222222; height: 28px;line-height: 28px;width: 68px;font-size: 14px;color: #15f3fc;
text-align: center;margin-right: 0;}
.active .con07R{bottom: 0;opacity: 1;}
.active .con07L{bottom: 0;opacity: 1;}


.bqxx,
.bqxx a{color:#ffffff;}
.fp-tableCell {overflow: hidden;}

.section3 {background: url(banner0222.jpg) no-repeat center top;}
.section3 .image-layer{margin-top: 50px;}
/*.section3 .image-layer:after{display: block;content: "";clear: both;position: absolute;top: -60px;left: -80px; 
width:64px; height:394px; background: url(us.png) no-repeat center;}*/
.section3 .index02Left{position: relative; }
.section3 .index02Left h2.titleGin:after{ background: url(aboutus.png) no-repeat left center; background-size: 70%; width:425px; height:63px;}
.section3 .index02Left p.content{line-height: 30px; font-size: 14px;width: 590px;padding: 25px 0 55px;}
.section3 .index02Left .ul02 li{float: left; width: 25%; height: 187px;  background: rgba(255,255,255,0.8);color: #282828;cursor: pointer; }
.section3 .index02Left .ul02 .num{text-align: center;font-size: 80px;line-height: 1.8;}
.section3 .index02Left .ul02 .num i{font-size: 24px;}
.section3 .index02Left .ul02 li p{font-size: 18px;text-align: center;position: relative;top: -26px;}
.section3 .index02Left .ul02 li:hover,
.section3 .index02Left .ul02 li.current,
.section3 .index02Left .ul02 li:first-child{ background:#282828;color: #15f3fc; }
.section3 .index02Left .ul02 li:hover .num i,
.section3 .index02Left .ul02 li.current .num i,
.section3 .index02Left .ul02 li:first-child .num i{color: #15f3fc; }
.section3 .index02_more {padding: 50px 0 0px;}
.section3 .index02_more a{ text-transform: uppercase; display: block;width: 132px; height: 40px; background: url(more03.png) no-repeat center top ;font-size: 16px;text-align: center;
line-height: 40px;color: #15f3fc}
.section3 .index02_more a:hover{background: url(more03.png) no-repeat center bottom;color: #282828;}

h2.titleGin {font-size: 24px;text-align: left;color: #000000;font-weight: bold;position: relative;}
h2.titleGin:after{display: block;content: "";clear: both;position: absolute;top: -110px;left: 0px; }