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

.section { position:relative; overflow: hidden; background-size:cover!important; }

#fp-nav { display:none; } 
#menu { margin: 0; padding: 0; position: fixed; right:20px; top:50%; margin-top:-110px; list-style-type: none; z-index:99;}
#menu li { position:relative; margin:10px 0; width:16px; height:16px; font-size: 0px; }
#menu li a { display:block; width:16px; height:16px; background:url(menu01.png) no-repeat center; }
#menu .active a { background:url(menu02.png) no-repeat center; }
#menu li a span { position:absolute; top:0; right:50px; display:block; width:55px; font-size:12px; color:#9f9f9f; line-height:16px; z-index:9; display:none; }
#menu li a span:after { position:absolute; top:7px; left:55px; display:block; content:""; width:25px; height:1px; background:#9e9e9e; z-index:9; }
#menu li:hover a span { display:block; }

.topArea { position:fixed; top:0; left:0; width:100%; z-index:99; }
.tail { position:absolute; bottom:0; left:0; width:100%; z-index:99; }

.Area-hd { text-align:center; margin-bottom:50px; }
.Area-hd .p1 { margin-bottom:20px; }
.Area-hd .p2 span { position:relative; display:inline-block; font-size:24px; line-height:25px; color:#555; }
.Area-hd .p2 span:before { position:absolute; left:-110px; top:12px; width:70px; height:1px; background:#555; display:block; content:""; z-index:5; }
.Area-hd .p2 span:after { position:absolute; right:-110px; top:12px; width:70px; height:1px; background:#555; display:block; content:""; z-index:5; }

.aArea { position:absolute; top:50%; left:0; margin-top:-260px; width:100%; z-index:5; }
.aArea01 { background:#fff; padding:60px 0; }
.aArea01 .pic { float:left; width:535px; }
.aArea01 .txt { float:right; width:580px; padding-top:80px; }
.aArea01 .txt .p1 { position:relative; font-size:14px; line-height:28px; min-height:140px; }
.aArea01 .txt .p1:before { position:absolute; left:-85px; top:13px; width:70px; height:1px; background:#a8a8a8; display:block; content:""; z-index:5; }
.aArea01 .txt .p2 ul li { float:left; margin-right:80px; }
.aArea01 .txt .p2 ul li p { font-size:30px; color:#0792c6; line-height:32px; }
.aArea01 .txt .p2 ul li span { display:block; font-size:12px; color:#ababab; margin-top:10px; }

.bArea { position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-220px; z-index:5; }
.bArea .Area-hd { margin-bottom:100px; }
.bArea .Area-hd .p2 span { color:#fff; }
.bArea .Area-hd .p2 span:before { background:#fff; }
.bArea .Area-hd .p2 span:after { background:#fff; }
.bArea01 { position:relative; }
.bArea01 .tempWrap { width:1200px!important; }
.bArea01 ul li { position:relative; float:left; width:385px; margin-right:22.5px; overflow:hidden; }
.bArea01 ul li .txt { position:absolute; bottom:-100px; left:0; right:0; padding:20px 15px 15px 10px; background:#007bc3; color:#fff; text-align:center; transition: all 0.6s; }
.bArea01 ul li .txt .p1 { font-size:14px; line-height:20px; margin-bottom:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 ul li .txt .p2 { font-size:12px; line-height:20px; height:40px; overflow:hidden; }
.bArea01 ul li:hover .txt { top:auto; bottom:0; }
.bArea01 .prev,.bArea01 .next { position: absolute; top: 50%; width:75px; height:75px; margin-top:-37px; z-index:9; }
.bArea01 .prev { left:-100px; right: auto; background: url(prev11.png); }
.bArea01 .next { left: auto; right:-100px; background: url(next11.png); }
.bArea01 .prev:hover { background: url(prev12.png); }
.bArea01 .next:hover { background: url(next12.png); }

.cArea { position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-265px; z-index:5; }
.cArea .Area-hd { margin-bottom:110px; }
.cArea01 ul li { float:left; width:540px; margin:0 30px 60px 30px; }
.cArea01 ul li:nth-child(5) { margin-bottom:0; }
.cArea01 ul li:nth-child(6) { margin-bottom:0; }
.cArea01 ul li .p1 { font-size:18px; color:#000; height:20px; line-height:20px; padding-left:20px; background:url(li01.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 ul li .p2 { font-size:12px; color:#848484; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin:20px 0; }
.cArea01 ul li .p3 { font-size:12px; color:#29aaeb; line-height:20px; }
.cArea01 ul li:hover .p1 { color:#29aaeb; background:url(li02.png) no-repeat center left; }

.dArea { position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-200px; z-index:5; }
.dArea01 { position:relative; }
.dArea01 .tempWrap { width:1200px!important; }
.dArea01 ul { padding-top:10px!important; }
.dArea01 ul li { float:left; width:260px; border:1px solid #e5e5e5; padding:10px; background:#fff; text-align:center; margin-right:24px; transition: all 0.6s; }
.dArea01 ul li .pic { position:relative; }
.dArea01 ul li .pic p { position:absolute; top:0; right:0; bottom:0; left:0; background:url(form.png) no-repeat center rgba(255,255,255,0.4); z-index:5; display:none; }
.dArea01 ul li .txt { padding:15px 0 25px 0; }
.dArea01 ul li .txt .p1 { font-size:16px; color:#000; line-height:20px; margin-bottom:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea01 ul li .txt .p2 { font-size:12px; color:#9d9d9d; line-height:20px; height:40px; overflow:hidden; }
.dArea01 ul li:hover { margin-top:-10px; border-color:#fff; box-shadow: #e5e5e5 0px 0px 10px; }
.dArea01 ul li:hover .pic p { display:block; }
.dArea01 .prev,.dArea01 .next { position: absolute; top: 50%; width:75px; height:75px; margin-top:-37px; z-index:9; }
.dArea01 .prev { left:-100px; right: auto; background: url(prev11.png); }
.dArea01 .next { left: auto; right:-100px; background: url(next11.png); }
.dArea01 .prev:hover { background: url(prev12.png); }
.dArea01 .next:hover { background: url(next12.png); }

.eArea { position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-250px; z-index:5; }
.eArea .Area-hd { margin-bottom:65px; }
.eArea .map { float:left; width:575px; }
.eArea .txt { float:right; width:505px; padding-top:10px; }
.eArea .txt .p1 { height:120px; }
.eArea .txt .p1 p { padding-left:20px; line-height:28px; font-size:18px; color:#545454; }
.eArea .txt .p1 p:nth-child(1) { margin-bottom:15px; background:url(e01.png) no-repeat center left; }
.eArea .txt .p1 p:nth-child(2) { background:url(e02.png) no-repeat left 7px; }
.eArea .txt form .text { border:1px solid #777; height:48px; line-height:48px; padding-left:35px; font-size:14px; width:100%; margin-bottom:20px; box-sizing: border-box; }
.eArea .txt form .textarea { border:1px solid #777; height:62px; line-height:20px; padding:10px 10px 10px 35px; font-size:14px; width:100%; margin-bottom:20px; box-sizing: border-box; }
.eArea .txt form .btn01 { height:48px; line-height:48px; font-size:16px; width:100%; color:#fff; background:#0792c6; text-align:center; cursor:pointer; }
.eArea .txt form .text01 { background:url(e03.png) no-repeat 13px center; }
.eArea .txt form .text02 { background:url(e04.png) no-repeat 15px center; }
.eArea .txt form .text03 { background:url(e05.png) no-repeat 12px 13px; }