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

.aArea { padding:45px 0 70px; }
.aArea .wrap { overflow:hidden; }
.aArea ul li { float:left; width:150px; margin-right:60px; }
.aArea ul li:last-child { margin-right:0; }
.aArea ul li .pic { width:92px; height:92px; overflow:hidden; border-radius:100%; background:#fafafa; border:1px solid #efefef; margin:0 auto; }
.aArea ul li .pic .img02 { display:none; }
.aArea ul li p { margin-top:20px; text-align:center; color:#333; font-size:16px; }

.aArea ul li:hover .pic { background:#c9151e; border-color:#c9151e; }
.aArea ul li:hover .pic .img01 { display:none; }
.aArea ul li:hover .pic .img02 { display:block; }

.bArea .wrap { background:#fafafa; width:1158px; padding:20px; border:1px solid #f0eeee; }

.Area-hd { margin-bottom:25px; }
.Area-hd a { float:right; display:block; padding-top:8px; color:#ff8c1b; }
.Area-hd p { font-size:20px; color:#d6000f; padding-left:15px; background:url(hd01.jpg) no-repeat center left; }
.Area-hd p span { font-size:12px; color:#999; text-transform:uppercase; }

.bArea01 ul li { float:left; position:relative; width:217px; margin-right:18px; }
.bArea01 ul li .img01 { position:absolute; top:0; left:0; z-index:9; }
.bArea01 ul li .pic { width:215px; height:180px; border:1px solid #e8e8e8; background:#fff; overflow:hidden; }
.bArea01 ul li .pic img { width:215px; height:180px; transition: all 0.6s; }
.bArea01 ul li .pic:hover img { transform: scale(1.2)!important; }
.bArea01 ul li p { margin-top:10px; padding:0 10px; font-size:16px; height:20px; line-height:20px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.bArea01 ul li:last-child { margin-right:0; }

.cArea { margin:60px 0; }
.cArea .wrap { background:#c9151e; width:1160px; padding:20px; }
.cArea .Area-hd p { font-size:18px; padding-left:15px; background:url(hd02.jpg) no-repeat center left; }
.cArea .Area-hd a { color:#fff; }

.cArea01 .pic {  position:relative; float:left; width:460px; height:380px; overflow:hidden; }
.cArea01 .pic img { width:460px; height:380px; transition: all 0.6s; }
.cArea01 .pic:hover img { transform: scale(1.2)!important; }
.cArea01 .pic p { position:absolute; left:0; bottom:0; width:440px; height:35px; line-height:35px; text-align:center; background:#e5e5e5; font-size:16px; color:#4e4e4e; padding:0 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:9; }

.cArea01 .bd { float:right; width:699px; }
.cArea01 .bd ul li { position:relative; float:left; width:223px; height:184px; overflow:hidden; margin-left:10px; margin-bottom:12px; }
.cArea01 .bd ul li img { width:223px; height:184px; transition: all 0.6s; }
.cArea01 .bd ul li:hover img { transform: scale(1.2)!important; }
.cArea01 .bd ul li .img01 { position:absolute; width:56px; height:60px; top:0; left:0; z-index:9; }
.cArea01 .bd ul li:hover .img01 { transform: scale(1)!important; }

.dArea { margin-top:70px; }
.dArea01 { position:relative; left:50%; width:1920px; margin-left:-960px; }
.dArea02 { background:#f3d900; }
.dArea02 ul { border-right:1px solid #fff; }
.dArea02 ul li { float:left; width:238px; padding-left:60px; height:150px; line-height:150px; font-size:22px; color:#000; border-left:1px solid #fff; }
.dArea02 ul li p { padding-left:85px; color:#000; }

.dArea02 ul li:nth-child(1) p { background:url(d01.png) no-repeat center left; }
.dArea02 ul li:nth-child(2) p { background:url(d02.png) no-repeat center left; }
.dArea02 ul li:nth-child(3) p { background:url(d03.png) no-repeat center left; }
.dArea02 ul li:nth-child(4) p { background:url(d04.png) no-repeat center left; }

.eArea { margin-top:45px; }

.eArea01 { float:left; width:320px; padding:25px 30px 0 30px; border:1px solid #efeded; height:315px; background:#fafafa; }
.eArea01 .bd .pic { width:320px; height:120px; overflow:hidden; }
.eArea01 .bd .pic img { width:320px; height:120px; transition: all 0.6s; }
.eArea01 .bd .pic:hover img { transform: scale(1.2)!important; }
.eArea01 .bd p { margin-top:20px; font-size:13px; line-height:22px; color:#848484; height:82px; }
.eArea01 .bd .more { display:block; width:93px; height:29px; line-height:29px; background:url(more.jpg) no-repeat center; font-size:12px; color:#2d2d2d; padding-left:13px; }


.eArea02 { float:right; width:750px; padding:25px 15px 0 25px; border:1px solid #efeded; height:315px; background:#fafafa; }
.eArea02 .Area-hd p { color:#fafafa; }

.eArea02 .eBox { position:relative; }
.eArea02 .eBox .hd { position:absolute; top:-53px; left:5px; z-index:9; }
.eArea02 .eBox .hd ul { color:#999; font-size:18px; }
.eArea02 .eBox .hd ul li { display:inline-block; padding:0 10px; cursor:pointer; }
.eArea02 .eBox .hd ul li.on { color:#d6000f; }

.eArea02 .eBox .bd .pic { float:left; width:327px; height:240px; overflow:hidden; }
.eArea02 .eBox .bd .pic img { width:327px; height:240px; transition: all 0.6s; }
.eArea02 .eBox .bd .pic:hover img { transform: scale(1.2)!important; }
.eArea02 .eBox .bd .txt { float:right; width:395px; }
.eArea02 .eBox .bd .txt .p1 { height:97px; border-bottom:1px solid #c8c8c8; }
.eArea02 .eBox .bd .txt .p1 h1 { font-weight:normal; font-size:14px; color:#d6000f; height:28px; line-height:28px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea02 .eBox .bd .txt .p1 h1 a { color:#d6000f; }
.eArea02 .eBox .bd .txt .p1 p { margin-top:10px; font-size:12px; color:#8a8a8a; line-height:20px; }
.eArea02 .eBox .bd .txt ul li { margin-top:17px; }
.eArea02 .eBox .bd .txt ul li span { float:right; }
.eArea02 .eBox .bd .txt ul li a { display:block; width:280px; height:18px; line-height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:15px; background:url(li01.jpg) no-repeat center left; }

.fArea { margin:60px 0; }

.fArea01 { float:left; width:320px; padding:25px 30px 0 30px; border:1px solid #efeded; height:310px; background:#fafafa; }
.fArea01 .fBox ul li { width:320px; height:195px; overflow:hidden;  }
.fArea01 .fBox ul li img { width:320px; height:195px; transition: all 0.6s; }
.fArea01 .fBox ul li:hover img { transform: scale(1.2)!important; }
.fArea01 .fBox ul li p { margin-top:15px; font-size:14px; }
.fArea01 .fBox .prev,.fArea01 .fBox .next { position:relative; display:inline-block; width:17px; height:17px; background:#e2e2e2; text-align:center; line-height:13px; color:#fff; font-size:16px; border-radius:100%; margin:5px 21px 0 21px; }
.fArea01 .fBox .prev:hover,.fArea01 .fBox .next:hover { background:#d6000f; }
.fArea01 .fBox .prev:before { position:absolute; top:8px; left:-123px; content:""; display:block; background:#e2e2e2; width:123px; height:1px; z-index:9; }
.fArea01 .fBox .next:after { position:absolute; top:8px; right:-123px; content:""; display:block; background:#e2e2e2; width:123px; height:1px; z-index:9; }

.fArea02 { /*float:right; width:750px;*/ padding:25px 15px 25px 25px; border:1px solid #efeded; background:#fafafa; }
.fArea02 .bd .p1 { float:left; width:45%; margin-right:10%; }
.fArea02 .bd .p1:nth-child(2n) { margin-right:0; }
.fArea02 .bd .p1:nth-child(n + 3) { margin-top:30px; }
.fArea02 .bd .p1 .p11 { font-size:18px; color:#000; height:20px; line-height:20px; background:url(hd03.jpg) no-repeat center left; padding-left:18px; font-weight:normal; margin-bottom:25px; }
.fArea02 .bd .p1 .p12 { font-size:14px; color:#898989;line-height:23px; }

.gArea { margin-bottom:25px; }
.gArea .Area-hd { float:left; margin-bottom:0; }
.gArea .wrap { background:#fafafa; width:1158px; padding:15px 20px; border:1px solid #f0eeee; }
.gArea .link { padding-left:105px; height:30px; line-height:30px; color:#8a8a8a; }
.gArea .link a { display:inline-block; padding:0 10px; }