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

.section { position:relative; overflow: hidden; }

.section2 { background: url(aArea.jpg) no-repeat center; background-size: auto auto; background-size: cover; }
.section3 { background: url(bArea.jpg) no-repeat center; background-size: auto auto; background-size: cover; }
.section4 { background: url(cArea.jpg) no-repeat center; background-size: auto auto; background-size: cover; }
.section5 { background: url(dArea.jpg) no-repeat center; background-size: auto auto; background-size: cover; }
.section6 { background:#efefef; }
.section7 { background: url(fArea.jpg) no-repeat center; background-size: auto auto; background-size: cover; }

#fp-nav { display:none; } 
.control_point{ }
.menu_2 { position:fixed; top:50%; right:2%; width: 20px; height:290px; margin-top:-145px; z-index:999; }
@media screen and (max-width: 1400px){
.menu_2 { right:1%; }
}

.menu_2 li{margin-bottom:5px;text-align: center; width:24px; height:24px;}
.menu_2::after{ content:""; display:block; width:1px; height:68px; background:#bec0c4; position:absolute; left:12px; top:160px}
.menu_2 li a{display: inline-block; margin-bottom:6px; width: 24px; height: 24px; background:url(g_10.png) center center no-repeat }
.menu_2 li.active a, .menu_2 li:hover a{ background:url(g_08.png) center center no-repeat}
.menu_2 li span{display:none; position:absolute; bottom:0; left:-20px; font-size:30px; color:#ae1c1e}
.menu_2 li span i{ color:#bec0c4; font-size:18px}
.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 .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:12px; }
.banner .hd ul li{ width:12px; height:12px; border-radius:50%; background:#cacacc; *display:block; display:inline-block; vertical-align:top; cursor:pointer; text-indent:9999999px; margin:0 5px; }
.banner .hd ul .on{ background:#af1e20; }
.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; }

.nav01{ width:1320px; height:106px; background:#fff; position:absolute; left:50%; margin-left:-660px; bottom:50px; z-index:9999}
.nav01 ul li{ width:329px; height:106px; float:left; border-right:1px solid #edf0f5}
.nav01 ul li a{ display:block; width:100%; height:100%}
.nav01 ul li a .p1{ font-size:20px; color:#17171a; line-height:1; padding-top:29px; padding-left:35px}
.nav01 ul li a .p2{ font-size:14px; color:#bec0c4; line-height:1; padding-top:13px; padding-left:35px}
.nav01 ul li:nth-child(1){ background:url(g_04.png) 255px center no-repeat}
.nav01 ul li:nth-child(2){ background:url(g_05.png) 255px center no-repeat}
.nav01 ul li:nth-child(3){ background:url(g_06.png) 255px center no-repeat}
.nav01 ul li:nth-child(4){ background:url(g_07.png) 255px center no-repeat}

.nav{ width:100%; position:fixed; z-index:99; left:0; top:0; height:93px;}
.nav .lt{ float:left; width:220px; }
.nav .rt{ float:right; width:93px; height:93px;}
.nav .nav02{ width:calc(100% - 314px); float:left; height:93px; float:left; background:#fff; display:block}
.nav .nav02 .sp1{ display:block; float:right; line-height:93px; font-size:18px; color:#979998; padding-right:50px; background:url(g_09.jpg) left center no-repeat; padding-left:15px}
.nav .nav02 .sp1 a{ color:#979998}
.nav .nav02 .sp2{ display:block; width:20px; height:93px; float:right; background:url(g_02.png) center center no-repeat; margin-right:15px; position:relative}
.nav .nav02 .sp2 .form{ width:150px; height:33px; position:absolute; right:0; top:30px; display:none; background:#fff; z-index:99}
.nav .nav02 .sp2 .form .inp1{ width:150px; height:31px; border:1px solid #ccc; position:absolute; left:0; top:0; padding-left:10px; background:#fff}
.nav .nav02 .sp2 .form .inp2{ width:20px; height:33px; border:0; background:url(g_02.png) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer}
.nav .nav02 .sp2:hover .form{ display:block} 
.nav .nav02 .nav03{ float:right; margin-right:50px}
.nav .nav02 .nav03 ul li{ float:left; line-height:93px; font-size:16px; background:url(g_01.jpg) left center no-repeat; padding-left:30px; margin-right:30px}
.nav .nav02 .nav03 ul li a{ color:#999}

.section2_pic{ width:100%; height:100%; position:relative; overflow:hidden}
.section2_pic ul:nth-child(1){ width:100%; height:100%; position:absolute; left:0; top:0}
.section2_pic ul li{ width:33.333%; float:left; height:100%; overflow:hidden; transition:all 0.5s}
.section2_pic ul li img{ width:10.7rem}
.section2_pic ul:nth-child(2){ width:100%; height:100%; position:absolute; left:100%; top:0}
.section2 .next{ display:block; width:60px; height:61px; background:url(g_12.png) center center no-repeat; position:absolute; right:40px; bottom:60px; z-index:99}
.section2 .prev{ display:block; width:60px; height:61px; background:url(g_11.png) center center no-repeat; position:absolute; left:40px; bottom:60px; z-index:99}

.section3{ width:100%; height:100%}
.section3 .nr{ width:100%; height:100%; overflow:hidden}
.section3 .nr .lt{ width:7.71rem; float:left; margin-top:1rem; margin-left:0.7rem}
.section3 .nr .lt img{ width:7.71rem}
.section3 .nr .rt{ width:10.35rem; height:100%; float:right}
.section3 .nr .rt .list{ width:11.5rem; height:100%}
.section3 .nr .rt .list .m1{ width:3.38rem; height:100%; float:left; border-left:0.01rem solid #edf0f5; overflow:hidden}
.section3 .nr .rt .list .m1{ padding:0 0.2rem}
.section3 .nr .rt .list .m1 .pic{ width:3.38rem; overflow:hidden}
.section3 .nr .rt .list .m1 .pic img{width:3.38rem; }
.section3 .nr .rt .list .m1 .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section3 .nr .rt .list .m1 .pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.section3 .nr .rt .list .m1 .p1{ font-size:0.93rem; line-height:1; padding-top:1.05rem; color:#e5e5e5}
.section3 .nr .rt .list .m1 .p2{ font-size:0.24rem; color:#17171a; line-height:1; padding-top:1.2rem}
.section3 .nr .rt .list .m1 .p3 a{ font-size:0.18rem; color:#191919; line-height:0.3rem; padding:0.15rem 0; display:inline-block; vertical-align:top;}
.section3 .nr .rt .list .m1 .p4{ color:#7c7d80; font-size:0.16rem; line-height:1; padding-bottom:0.2rem}
.section3 .nr .rt .list .m1 .p5{ font-size:0.16rem; color:#7c7d80; line-height:0.25rem; padding-top:0.2rem; padding-bottom:0.3rem}
.sec3_nav{ position:absolute; bottom:20px; left:20px; z-index:999; font-size:16px; color:#9b9b9b}
.sec3_nav a{ margin:0 15px; color:#9b9b9b}
.sec3_copyright{ position:absolute; bottom:20px; right:20px; z-index:999; font-size:16px; color:#9b9b9b}
.zc{ width:2.86rem; height:100%; background:url(g_18.png) repeat-y; background-size:2.86rem; position:absolute; right:0; top:0; z-index:2}

.section4{ width:100%; height:100%; background:url(g_27.png) right bottom no-repeat; background-size:15.41rem;}
.section4 .nr{ width:100%; height:100%}
.section4 .nr .lt{ width:10.11rem; float:left; height:100%; background:url(g_19.jpg) center center no-repeat; background-size:cover}
.section4 .nr .rt{ width:6.6rem; float:left; height:100%; margin-left:0.95rem}
.section4 .nr .rt .p1 img{ width:5.84rem; padding-top:1.5rem}
.section4 .nr .rt .p2{ display:inline-block; vertical-align:top; width:1.8rem; height:0.53rem; background:url(g_21.png) center center no-repeat; background-size:contain; padding:0.25rem 0 0.2rem}
.section4 .nr .rt .p3 i{ width:2.18rem;}
.section4 .nr .rt .p4{ font-size:0.19rem; color:#7c7d80; line-height:0.35rem; margin:0.4rem 0}
.section4 .nr .rt .more{ display:block; width:1.99rem; height:0.53rem; background:url(g_23.png) center center no-repeat; background-size:contain; color:#fff; font-size:0.19rem; box-sizing:border-box; padding-left:0.5rem; line-height:0.53rem}
.section4 .nr .rt ul{ margin-top:1rem}
.section4 .nr .rt ul li{ display:block; width:1.08rem; height:1.08rem; float:left; margin-right:0.2rem; background:url(g_26.png) center center no-repeat; background-size:contain; text-align:center; position:relative}
.section4 .nr .rt ul li:hover{ background:url(g_25.png) center center no-repeat; background-size:contain}
.section4 .nr .rt ul li a{ display:block; color:#af1d1f; font-size:0.18rem; width:100%; height:100%}
.section4 .nr .rt ul li:hover a{ color:#fff}
.section4 .nr .rt ul li i{ display:inline-block; width:0.4rem; line-height:1.1; position:absolute; left:50%; margin-left:-0.2rem; top:50%; margin-top:-0.2rem}
.section4 .nr .rt ul li:hover i{ top:45%}
.section5{ width:100%; height:100%; background:url(g_27.png) right bottom no-repeat; background-size:15.41rem;}

.section5 .nr{ width:1200px; height:550px;  position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-250px}
.section5 .nr .lt{ width:425px; float:left}
.section5 .nr .lt .p1{ background:url(g_28.png) left center no-repeat; padding-left:20px; font-size:18px; font-family:Arial; color:#333333; margin-bottom:10px}
.section5 .nr .lt .p2{ background:url(g_29.png) left center no-repeat; padding-left:20px; font-size:18px; font-family:Arial; color:#333333; margin-bottom:10px}
.section5 .nr .lt .p3{ background:url(g_30.png) 0 5px no-repeat; padding-left:20px; font-size:18px; font-family:Arial; color:#333333; margin-bottom:10px}
.section5 .nr .lt .inp1{ width:400px; height:45px; box-sizing:border-box; border:1px solid #d2d2d2; padding:0 15px; font-size:14px; border-radius:10px; margin-top:25px}
.section5 .nr .lt .inp2{ width:400px; height:140px; box-sizing:border-box; border:1px solid #d2d2d2; padding:0 15px; font-size:14px; border-radius:10px; margin-top:25px; line-height:45px}
.section5 .nr .lt .inp3{ display:block; width:198px; height:53px; background:url(g_23.png) center center no-repeat; background-size:contain; color:#fff; font-size:19px; box-sizing:border-box; padding-left:50px; line-height:53px; text-align:left; cursor:pointer; margin-top:20px; margin-left:80px}
.section5 .nr .rt{ width:715px; float:right}
.section5 .nr .rt .map{ width:715px; height:470px; overflow:hidden}
.section5 .nr .rt .s1{ width:100%; margin-top:20px}
.section5 .nr .rt .s1 .s1_L{ float:left; font-size:18px; color:#333333}
.section5 .nr .rt .s1 .s1_R{ float:right}