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

.aArea { background:#fff; }
.aArea .wrap { position:relative; }
.aArea01 { float:left; width:45px; height:65px; background:url(a01.png) no-repeat center left; }
.aArea02 { position:relative; float:left; width:1100px; height:65px; overflow:hidden; }
.aArea02 .tempWrap { width:1100px!important;}
.aArea02 .tempWrap ul {  }
/*
.aArea02 ul p { float:left; font-size:16px; width:550px; height:65px; line-height:65px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 ul p span { float:right; display:inline-block; padding:0 25px; color:#929292; }
*/
.aArea02 ul li { float:left; }
.aArea02 ul p { font-size:16px; height:65px; line-height:65px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 ul p span { padding-left:20px; }

.aArea03 { position:absolute; top:0; right:0; height:65px; line-height:65px; z-index:6; }
.aArea03 a { display:block; width:15px; /*background:url(ms.png) no-repeat center;*/ height:65px; font-size:14px; color: #777; line-height:65px; }


.aArea02 .prev,.aArea02 .next { position:absolute; right:0; display:block; width:11px; height:6px; z-index:5; }
.aArea02 .prev { top:27px; background:url(prev01.png) no-repeat center; }
.aArea02 .next { top:36px; background:url(next01.png) no-repeat center; }
.aArea02 .prev:hover { background:url(prev02.png) no-repeat center; }
.aArea02 .next:hover { background:url(next02.png) no-repeat center; }

.bArea { margin-top:15px; }
.bArea01 { position:relative; float:left; width:725px; min-height:475px; }
.bArea01 .bd ul li { position:relative; overflow:hidden; }
.bArea01 .bd ul li img { object-fit: cover; }
.bArea01 .bd ul li p { position:absolute; left:0; bottom:0; font-size:18px; color:#fff; width:100%; height:50px; line-height:50px; padding:0 180px 0 20px; box-sizing: border-box; background:rgba(0,0,0,0.7); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .hd { position:absolute; right:15px; bottom:15px; z-index:5; }
.bArea01 .hd ul li { display:inline-block; width:10px; height:10px; background:#cacaca; border-radius:100%; font-size:0; margin:0 5px; cursor:pointer; }
.bArea01 .hd ul li.on { background:#db0216; }

.Area-hd { position:relative; padding-bottom:8px; border-bottom:1px solid #bad8f1; margin-bottom:10px; }
.Area-hd:before { position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#1770c2; transition: all 0.6s; display:block; content:""; z-index:5; }
.Area-hd p { font-size:22px; color:#0e6ac0; font-weight:bold; height:35px; line-height:35px; }
/*
.Area-hd p:after { position:absolute; display:block; left:0; bottom:-1px; content:""; width:86px; height:7px; background:url(t1.png) no-repeat center; z-index:5; }
*/
.Area-hd a { float:right; display:block; font-size:14px; color:#999d9f; margin-top:10px; }


.bArea02:hover .Area-hd:before { width:100%; }
.cArea01:hover .Area-hd:before { width:100%; }
.dArea:hover .Area-hd:before { width:100%; }




.bArea02 { float:right; width:455px; }
.bArea02 .bd .txt01 { background:url(a02.jpg) repeat-y; padding:20px 20px 0 20px; height:100px; }
.bArea02 .bd .txt01 .p1 { text-align:center; font-size:20px; color:#0d68c0; font-weight:bold; height:22px; line-height:22px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .bd .txt01 .p2 { font-size:16px; line-height:28px; color:#595959; height:56px; overflow:hidden; }
.bArea02 .bd .txt01:hover .p1 { color:#0d68c0; }


.bArea02 .bd .txt01 { background:url(a03.jpg) repeat-y; }
.bArea02 .bd .txt01 .p1 { color:#bd0008 ; }
 

.bArea02 .bd ul li { padding:10px 0; border-bottom:1px dashed #e0e7ea; }
.bArea02 .bd ul li:last-child { padding:10px 0 0; border-bottom:none; }
.bArea02 .bd ul li .date { float:left; width:55px; height:55px; border:1px solid #7d8286; text-align:center; }
.bArea02 .bd ul li .date p { height:35px; background:#7d8286; color:#fff; line-height:35px; font-size:22px; }
.bArea02 .bd ul li .date span { display:block; height:20px; color:#7d8286; line-height:20px; font-size:12px; }

.bArea02 .bd ul li .txt { float:right; width:calc(100% - 75px); font-size:16px; line-height:28px; height:56px; color:#454545; overflow:hidden; }
.bArea02 .bd ul li .txt p{vertical-align: middle; display: inline-block; *display: inline; *zoom: 1;}
.bArea02 .bd ul li .txt .visible {height: 100%; vertical-align: middle; width: 0; display: inline-block;}
 
.bArea02 .bd ul li:hover .date { border:1px solid #0d68c0; }
.bArea02 .bd ul li:hover .date p { background:#0d68c0; }
.bArea02 .bd ul li:hover .date span { color:#0d68c0; }

.bArea02 .bd ul li .date01 { border:1px solid #0d68c0; }
.bArea02 .bd ul li .date01 p { background:#0d68c0; }
.bArea02 .bd ul li .date01 span { color:#0d68c0; }


.cArea { margin-top:20px; }
.cArea01 { width:580px; }
.cArea01 .Area-hd { margin-bottom:20px; }
.cArea01 .bd ul li { padding-left:15px; background:url(li02.png) no-repeat center left;  *zoom:1; }
.cArea01 .bd ul li:after { content: '\20'; display: block; height: 0; clear: both; }
.cArea01 .bd ul li a { position:relative; display:inline-block; max-width:415px; font-size:16px; color:#3f3f3f; height:35px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .bd ul li:hover a { color:#0e6ac0; }
.cArea01 .bd ul li span { float:right; display:block; text-align:right; font-size:16px; color:#b2b8bc; height:35px; line-height:35px; }
.cArea01 .bd ul li i { position:relative; display:inline-block; top:-9px; margin-left:10px; width:22px; height:14px; background:url(news.gif) no-repeat center; z-index:5; }
 
.dArea { margin:20px 0 0; }
.dArea .Area-hd { margin-bottom:20px; }
#dArea01 { position:relative; width:1200px; overflow:hidden; height:205px; }
#dArea01 a {position:absolute; top:0; display:block; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms; }
#dArea01 .item-1 { z-index:1; }
#dArea01 .item-2 { z-index:2; }
#dArea01 .item-3 { z-index:3; }
#dArea01 .item-4 { z-index:4; }
/* 第一个 */
#dArea01 .state-1 .item-1 { left:0; }
#dArea01 .state-1 .item-2 { left:405px; }
#dArea01 .state-1 .item-3 { left:670px; }
#dArea01 .state-1 .item-4 { left:935px; }
/* 第二个 */
#dArea01 .state-2 .item-1 { left:0; }
#dArea01 .state-2 .item-2 { left:265px; }
#dArea01 .state-2 .item-3 { left:670px; }
#dArea01 .state-2 .item-4 { left:935px; }
/* 第三个 */
#dArea01 .state-3 .item-1 { left:0; }
#dArea01 .state-3 .item-2 { left:265px; }
#dArea01 .state-3 .item-3 { left:530px; }
#dArea01 .state-3 .item-4 { left:917px; }
/* 第四个 */
#dArea01 .state-4 .item-1 { left:0; }
#dArea01 .state-4 .item-2 { left:265px; }
#dArea01 .state-4 .item-3 { left:530px; }
#dArea01 .state-4 .item-4 { left:795px; }
 
.eArea { margin-top:20px; }
.eArea .hd { position:relative; padding-bottom:8px; border-bottom:1px solid #d2e0ea; margin-bottom:20px; }
.eArea .hd:before { position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#1770c2; transition: all 0.6s; display:block; content:""; z-index:5; }
.eArea .hd ul li { float:left; cursor:pointer; }
.eArea .hd ul li p { position:relative; padding:0 15px; font-size:18px; color:#3c3c3c; font-weight:bold; height:35px; line-height:35px; }
/*
.eArea .hd ul li p:after { position:absolute; display:none; left:50%; margin-left:-43px; bottom:-9px; content:""; width:86px; height:7px; background:url(t1.png) no-repeat center; z-index:5; }
*/
.eArea .hd ul li a { position:absolute; font-size:14px; color:#999d9f; top:10px; right:0; display:none; z-index:3; }
.eArea .hd ul li:first-child p { padding:0 15px 0 0; }
.eArea .hd ul li:first-child p:after { left:0; margin-left:0; }
.eArea .hd ul li.on a { display:block; }
.eArea .hd ul li.on p { color:#0e6ac0; font-size:22px; }
/*
.eArea .hd ul li.on p:after { display:block; }
*/

.eArea01:hover .hd:before { width:100%; }
 









.eArea01 { width:580px; }
.eBox01 { float:left; }
.eBox02 { float:right; }

.eArea01 .bd { min-height:195px; }
.eArea01 .bd01 { padding-top:10px; }
.eArea01 .bd01 ul li { position:relative; float:left; width:125px; height:165px; background:#c0d2dc; margin:0 22px 0 3px; }
.eArea01 .bd01 ul li:last-child { margin-right:0; }
.eArea01 .bd01 ul li img { position:absolute; top:3px; left:-3px; z-index:5; }

.eArea01 .bd02 { padding-top:15px; }
.eArea01 .bd02 ul li { float:left; width:180px; margin-right:20px; }
.eArea01 .bd02 ul li:last-child { margin-right:0; }
.eArea01 .bd02 ul li .pic { overflow:hidden; }
.eArea01 .bd02 ul li .pic img { transition: all 0.6s; }
.eArea01 .bd02 ul li .pic img:hover { transform: scale(1.1)!important; }
.eArea01 .bd02 ul li p { background:#fff; text-align:center; height:35px; line-height:35px; font-size:14px; color:#373737; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea01 .bd03 ul li { padding-left:15px; background:url(li02.png) no-repeat center left;  *zoom:1; }
.eArea01 .bd03 ul li:after { content: '\20'; display: block; height: 0; clear: both; }
.eArea01 .bd03 ul li a { position:relative; display:inline-block; max-width:415px; font-size:16px; color:#3f3f3f; height:35px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 .bd03 ul li:hover a { color:#0e6ac0; }
.eArea01 .bd03 ul li span { float:right; display:block; text-align:right; font-size:16px; color:#b2b8bc; height:35px; line-height:35px; }
.eArea01 .bd03 ul li i { position:relative; display:inline-block; top:-9px; margin-left:10px; width:22px; height:14px; background:url(news.gif) no-repeat center; z-index:5; }
 
.fArea { padding-bottom:25px; margin-top:20px; }
.fArea01 { width:860px; float:left; position:relative; overflow:hidden; height:164px;  }
.fArea01 ul li { border-left:1px solid #bed4ea; box-sizing: border-box; position:absolute; top:0; width:725px; display:block; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms; }
.fArea01 ul li .p1 { float:left; width:45px; text-align:center; height:164px; background:#fff; color:#0d67bd; }
.fArea01 ul li .p1 p { padding-top:35px; font-size:18px; width:20px; line-height:20px; margin:0 auto; padding-bottom:25px; background:url(f01.png) no-repeat center bottom; font-weight:bold; }



.fArea01 ul li .p2 { float:left; width:679px; height:164px; background:rgba(255,255,255,0.65); display:none; }
.fArea01 ul li .p2 .clearfix { padding:35px 0 0 25px; }
.fArea01 ul li .p2 a { float:left; display:block; width:140px; margin-right:10px; margin-bottom:20px; padding-left:10px; color:#373737; background:url(li03.png) no-repeat center left; font-size:16px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea01 ul li .p2 a:nth-child(4n) { margin-right:0; }
.fArea01 ul li .p2 a:hover { color:#0d67bd; }

.fArea01 .item-1 { z-index:1; border-left:none; }
.fArea01 .item-2 { z-index:2; }
.fArea01 .item-3 { z-index:3; }
.fArea01 .item-4 { z-index:4; }
/* 第一个 */
.fArea01 .state-1 .item-1 { left:0; }
.fArea01 .state-1 .item-2 { left:725px; }
.fArea01 .state-1 .item-3 { left:770px; }
.fArea01 .state-1 .item-4 { left:815px; }
.fArea01 .state-1 .item-1 .p1 { background:#0d67bd; color:#fff; }
.fArea01 .state-1 .item-1 .p1 p { background:url(f02.png) no-repeat center bottom; }
.fArea01 .state-1 .item-1 .p2 { display:block; width:680px; }
/* 第二个 */
.fArea01 .state-2 .item-1 { left:0; }
.fArea01 .state-2 .item-2 { left:45px; }
.fArea01 .state-2 .item-3 { left:770px; }
.fArea01 .state-2 .item-4 { left:815px; }
.fArea01 .state-2 .item-2 .p1 { background:#0d67bd; color:#fff; }
.fArea01 .state-2 .item-2 .p1 p { background:url(f02.png) no-repeat center bottom; }
.fArea01 .state-2 .item-2 .p2 { display:block; }
/* 第三个 */
.fArea01 .state-3 .item-1 { left:0; }
.fArea01 .state-3 .item-2 { left:45px; }
.fArea01 .state-3 .item-3 { left:90px; }
.fArea01 .state-3 .item-4 { left:815px; }
.fArea01 .state-3 .item-3 .p1 { background:#0d67bd; color:#fff; }
.fArea01 .state-3 .item-3 .p1 p { background:url(f02.png) no-repeat center bottom; }
.fArea01 .state-3 .item-3 .p2 { display:block; }
/* 第四个 */
.fArea01 .state-4 .item-1 { left:0; }
.fArea01 .state-4 .item-2 { left:45px; }
.fArea01 .state-4 .item-3 { left:90px; }
.fArea01 .state-4 .item-4 { left:135px; }
.fArea01 .state-4 .item-4 .p1 { background:#0d67bd; color:#fff; }
.fArea01 .state-4 .item-4 .p1 p { background:url(f02.png) no-repeat center bottom; }
.fArea01 .state-4 .item-4 .p2 { display:block; }





.fArea02 { width:330px; float:right; }
.fArea02 a { position:relative; display:block; }
.fArea02 a:first-child { margin-bottom:4px; }
.fArea02 p { position:absolute; top:0; left:0; font-size:18px; color:#fff; padding-left:110px; line-height:80px; z-index:2; }