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

.Area-hd { text-align:center; margin-bottom:40px; }
.Area-hd .p1 { font-size:24px; color:#777; font-family:"Arial","微软雅黑"; text-transform:uppercase; line-height:25px; }
.Area-hd .p2 { width:24px; height:2px; background:#00b4ff; margin:5px auto; }
.Area-hd .p3 { font-size:20px; color:#00b4ff; line-height:22px; }


.aArea { padding-top:55px; height:538px; background:url(aArea.jpg) no-repeat center; }
.aArea .txt { float:left; width:590px; padding-top:55px; }
.aArea .txt .p1 { font-size:18px; color:#00b4ff; }
.aArea .txt .p2 { font-size:14px; color:#666; line-height:24px; margin-top:30px; min-height:155px; }
.aArea .txt .more { display:block; width:140px; height:48px; text-align:center; line-height:48px; color:#00b4ff; font-size:14px; border:1px solid #33a0dc; }
.aArea .pic { float:right; width:580px; text-align:right; background:url(a01.jpg) no-repeat 0 5px; }

.bArea { padding-top:30px; height:506px; background:url(bArea.jpg) no-repeat center; }
.bArea .Area-hd .p1 { color:#fff; }
.bArea01 { position:relative; }
.bArea01 .tempWrap { width:1200px!important; }
.bArea01 ul li { position:relative; float:left; width:285px; height:300px; margin-right:20px; overflow:hidden; }
.bArea01 ul li .txt { position:absolute; top:300px; right:0; bottom:0; left:0; background:rgba(0,136,211,0.8); transition: all 0.6s;  z-index:9; }
.bArea01 ul li .txt p { position:absolute; top:50%; left:50%; width:130px; margin:-30px 0 0 -65px; padding:10px 0; line-height:18px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; }
.bArea01 ul li:hover .txt { top:0; }
.bArea01 .prev,.bArea01 .next { position:absolute; display:block; width:70px; height:70px; top:50%; margin-top:-35px; z-index:9; }
.bArea01 .prev { left:-115px; background:url(prev.png) no-repeat center; }
.bArea01 .next { right:-115px; background:url(next.png) no-repeat center; }
.bArea01 .prev:hover { background:url(prev01.png) no-repeat center; }
.bArea01 .next:hover { background:url(next01.png) no-repeat center; }

.cArea { padding-top:35px; }
.cArea ul li { float:left; width:580px; }
.cArea ul li:nth-child(2) { float:right; }
.cArea ul li .txt { margin-top:15px; min-height:140px; }
.cArea ul li .txt .p1 { font-size:18px; color:#070707; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea ul li .txt .p2 { margin-top:15px; font-size:14px; color:#777; line-height:24px; }
.cArea ul li .txt .p3 { margin-top:10px; }
.cArea ul li .txt .p3 a { font-size:14px; color:#777; }
.cArea ul li:hover .txt .p3 a { color:#00b4ff; }

.cArea ul li .pic { position:relative; }
.cArea ul li .pic .img01 { position:absolute; top:0; left:0; z-index:9; display:none; }
.cArea ul li:hover .pic .img01 { display:block; }


.dArea { padding-top:35px; padding-bottom:70px; }
.dArea01 .tempWrap { width:1200px!important; }
.dArea01 ul li { float:left; width:218px; border:1px solid #d2d2d2; margin-right:25px; }
.dArea01 ul li:hover { border-color:#33a0dc; }