@charset "utf-8";
.container { position: relative; width: 100%; padding-top:30px; }

.aArea { position:relative; padding:40px 20px; background:#fff; border-top:1px solid #cd0000; }
.aArea .p1 { padding:0 80px; font-size:36px; color:#fe2132; font-weight:bold; text-align:center; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .p1 a { color:#fe2132; }
.aArea .p2 { margin-top:15px; text-align:center; }
.aArea .p2 a { display:inline-block; padding:0 25px; font-size:18px; height:20px; line-height:20px; border-right:1px solid #444; max-width:340px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .p2 a:last-child { border-right:none; }
.aArea .p2 a:nth-child(1) { padding-left:0; }
.aArea .p2 a:nth-child(4) { padding-right:0; }
.aArea .p3 { position:absolute; top:0; left:20px; width:54px; height:54px; background:url(a01.png) no-repeat center; z-index:2; }

.bArea { margin-top:30px; padding:25px 20px; background:#fff; }
.bArea01 { position:relative; float:left; width:660px; }
.bArea01 .swiper-slide .pic { position:relative; }
.bArea01 .swiper-slide .pic p { position:absolute; left:0; right:0; bottom:0; padding:0 150px 0 20px; font-size:16px; color:#fff; background:rgba(0,0,0,0.4); height:55px; line-height:55px; z-index:5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .swiper-pagination-b01 { position:absolute; right:20px!important; bottom:22px!important; font-size:0; left:auto!important; width:auto!important; z-index:5; }
.bArea01 .swiper-pagination-b01 .swiper-pagination-bullet { width:8px; height:8px; background:#fff; border-radius:100%; margin:0 3px!important; opacity:1; }
.bArea01 .swiper-pagination-b01 .swiper-pagination-bullet-active { width:25px; border-radius:4px; }

.bArea02 { float:right; width:665px; border-top:2px solid #f1f1f1; }
.bArea02 .hd ul li { position:relative; float:left; width:230px; height:65px; line-height:65px; font-size:26px; font-weight:bold; text-align:center; cursor:pointer; }
.bArea02 .hd ul li:after { position:absolute; top:50%; margin-top:-15px; right:-1px; width:2px; height:30px; display:block; content:""; background:#e5e5e5; z-index:2; }
.bArea02 .hd ul li:last-child:after { display:none; }
.bArea02 .hd ul li:before { position:absolute; top:-2px; left:0; right:0; height:2px; display:none; content:""; background:#cd0000; z-index:2; transition: all 0.6s; }

.bArea02 .hd ul li.on { color:#fe2132; }
.bArea02 .hd ul li.on a { color:#fe2132; }
.bArea02 .hd ul li.on:before { display:block; }

.bArea02 .bd { margin-top:20px; }
.bArea02 .bd ul li { font-size:18px; height:20px; line-height:20px; padding-left:20px; margin-bottom:24px; background:url(b01.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .bd ul li:last-child { margin-bottom:0; }
.bArea02 .bd ul li span { float:right; font-size:16px; color:#999; margin-left:50px; }

.bArea02 .bd ul li:hover { background:url(b02.png) no-repeat center left; }
.bArea02 .bd ul li:hover span { color:#cd0000; }

.cArea { position:relative; margin-top:30px; }
.cArea .swiper-pagination-c01 { position:absolute; right:20px!important; bottom:20px!important; font-size:0; left:auto!important; width:auto!important; z-index:5; }
.cArea .swiper-pagination-c01 .swiper-pagination-bullet { width:12px; height:5px; background:#fff; border-radius:0; margin:0 3px!important; opacity:1; }
.cArea .swiper-pagination-c01 .swiper-pagination-bullet-active { width:40px; }


.cArea .swiper-pagination-c02 { position:absolute; right:20px!important; bottom:20px!important; font-size:0; left:auto!important; width:auto!important; z-index:5; }
.cArea .swiper-pagination-c02 .swiper-pagination-bullet { width:12px; height:5px; background:#fff; border-radius:0; margin:0 3px!important; opacity:1; }
.cArea .swiper-pagination-c02 .swiper-pagination-bullet-active { width:40px; }




.dArea { position:relative; margin-top:25px; }
.dArea01 { float:left; width:920px; }
.dArea01 .hd { border-bottom:2px solid #e5e5e5; }
.dArea01 .hd ul li { position:relative; float:left; height:50px; line-height:50px; padding-left:55px; margin-right:30px; font-size:26px; color:#333; font-weight:bold; cursor:pointer; }
.dArea01 .hd ul li:before { position:absolute; bottom:-2px; left:0; right:0; height:2px; display:none; content:""; background:#cd0000; z-index:2; }

.dArea01 .hd ul li.on { color:#cd0000; }
.dArea01 .hd ul li.on a { color:#cd0000; }
.dArea01 .hd ul li.on:before { display:block; }
 
.dArea01 .bd { height:400px; padding:25px 20px 0 20px; background:#fff; box-sizing: border-box; }

.dBox .hd01 { padding-left:5px; }
.dBox .hd01 ul li { position:relative; float:left; padding:0 20px; font-size:18px; line-height:20px; font-weight:bold; cursor:pointer; }
.dBox .hd01 ul li:before { position:absolute; top:50%; margin-top:-10px; right:-1px; width:2px; height:20px; display:block; content:""; background:#000; z-index:5; }
.dBox .hd01 ul li:last-child:before { display:none; }
.dBox .hd01 ul li.on { color:#e3150d; }
.dBox .hd01 ul li.on a { color:#e3150d; }

.dBox .bd01 { margin-top:25px; }
.dBox .bd01 .pic { position:relative; float:left; width:400px; }
.dBox .bd01 .pic p { position:absolute; left:0; right:0; bottom:0; padding:0 20px; font-size:16px; color:#fff; background:rgba(0,0,0,0.4); height:45px; line-height:45px; z-index:5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }


.dBox .bd01 .txt { float:right; width:460px; padding-top:5px; }
.dBox .bd01 .txt ul li { font-size:18px; height:20px; line-height:20px; margin-bottom:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dBox .bd01 .txt ul li:last-child { margin-bottom:0; }

.dArea011 .hd ul li:nth-child(1) { background:url(hd01.png) no-repeat center left; }
.dArea011 .hd ul li:nth-child(2) { background:url(hd01.png) no-repeat center left; }

.dArea012 .hd ul li:nth-child(1) { background:url(hd04.png) no-repeat center left; }
.dArea012 .hd ul li:nth-child(2) { background:url(hd04.png) no-repeat center left; }

.Area-hd { border-bottom:2px solid #e5e5e5; font-size:0; }
.Area-hd p { position:relative; display:inline-block; height:50px; line-height:50px; padding-left:55px; font-size:26px; color:#cd0000; font-weight:bold; }
.Area-hd p a { display:inline-block; height:50px; line-height:50px; color:#cd0000; }
.Area-hd p:before { position:absolute; bottom:-2px; left:0; right:0; height:2px; display:block; content:""; background:#fe2132; z-index:2; }
.Area-hd a.a1 { float:right; height:50px; line-height:50px; font-size:14px; }


.Area-hd03 p { background:url(hd03.png) no-repeat center left; }
.Area-hd06 p { background:url(hd06.png) no-repeat center left; }
.Area-hd07 p { background:url(hd07.png) no-repeat center left; }
.Area-hd08 p { background:url(hd08.png) no-repeat center left; }
.Area-hd09 p { background:url(hd09.png) no-repeat center left; }
.Area-hd10 p { background:url(hd10.png) no-repeat center left; }

.Area-hd07 a { float:none; height:auto; line-height:1; }
 
.dArea02 { float:right; width:445px; }
.dArea02 .bd { height:270px; padding:35px 20px 0 20px; background:#fff; box-sizing: border-box; }
.dArea02 .bd ul li { font-size:18px; height:25px; line-height:25px; margin-bottom:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea02 .bd ul li:last-child { margin-bottom:0; }
 
.dArea02 .bd01 { margin-top:20px; background:#fdf7e6; }
.dArea02 .bd01 ul li { float:left; width:50%; padding:25px 0; text-align:center;}
.dArea02 .bd01 ul li p { display:inline-block; height:60px; line-height:60px; padding-left:70px; font-size:18px; color:#000; font-weight:bold; }
.dArea02 .bd01 ul li p i { color:#e60012; }

.dArea03 { float:right; width:445px; }
.dArea03 .bd { height:400px; padding:35px 20px 0 20px; background:#fff; box-sizing: border-box; }
.dArea03 .bd ul li { font-size:18px; height:20px; line-height:20px; margin-bottom:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.dArea03 .bd ul li:last-child { margin-bottom:0; }

.eArea { position:relative; margin-top:30px; }
.eArea .prev-e01,.eArea .next-e01 { position:absolute; top:50%; margin-top:-24px; width:20px; height:47px; z-index:5; cursor:pointer; }
.eArea .prev-e01 { background:url(e01.png) no-repeat center; left:0; }
.eArea .next-e01 { background:url(e02.png) no-repeat center; right:0; }

.eArea01 { position:relative; margin-top:30px; }
.eArea01 .tempWrap { width:1400px!important; }
.eArea01 ul li { float:left; width:340px; margin-right:13px; }

.fArea { margin-top:25px; }
.fArea01 { float:left; width:920px; }
.fBox { position:relative; height:310px; padding:25px 20px 0 20px; background:#fff; box-sizing: border-box; }
.fBox .hd { position:absolute; top:-50px; right:0; z-index:2; }
.fBox .hd ul li { position:relative; float:left; line-height:50px; font-size:18px; padding:0 35px; cursor:pointer; }
.fBox .hd ul li:before { position:absolute; top:50%; right:-1px; margin-top:-9px; display:block; content:""; width:2px; height:18px; background:#777574; z-index:2;  }
.fBox .hd ul li:last-child { padding-right:0; }
.fBox .hd ul li:last-child:before { display:none; }
.fBox .hd ul li.on { color:#e3150d; }

.fBox .bd ul li { float:left; width:280px; margin-right:20px; }
.fBox .bd ul li:last-child { margin-right:0; }
.fBox .bd ul li .pic { position:relative; }
.fBox .bd ul li .pic p { position:absolute; right:20px; bottom:20px; width:41px; height:39px; background:url(f02.png) no-repeat center; z-index:2; }
.fBox .bd ul li .txt { margin-top:20px; }
.fBox .bd ul li .txt span { float:right; font-size:14px; color:#c02a26; line-height:20px; margin-right:20px; }
.fBox .bd ul li .txt p { width:165px; font-size:18px; height:20px; line-height:20px; padding-left:40px; background:url(f01.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fArea02 { float:right; width:445px; }
.fArea02 .bd { height:310px; padding:25px 20px 0 20px; background:#fff; box-sizing: border-box; }
.fArea02 .bd ul li { float:left; width:32%; margin-right:2%; text-align:center; }
.fArea02 .bd ul li:nth-child(3n) { margin-right:0; }
.fArea02 .bd ul li:nth-child(n + 4) { margin-top:40px; }
.fArea02 .bd ul li .p1 { height:35px; }
.fArea02 .bd ul li .p2 { font-size:16px; }

.gArea { margin-top:25px; }
.gArea .bd { height:360px; padding:30px 20px 0 20px; background:#fff; box-sizing: border-box; }

.gArea01 { float:left; width:920px; }
.gArea01 .bd01 .pic { position:relative; float:left; width:400px; }
.gArea01 .bd01 .pic p { position:absolute; left:0; right:0; bottom:0; padding:0 20px; font-size:16px; color:#fff; background:rgba(0,0,0,0.4); height:45px; line-height:45px; z-index:5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.gArea01 .bd01 .txt { float:right; width:460px; padding-top:5px; }
.gArea01 .bd01 .txt ul li { font-size:18px; height:20px; line-height:20px; margin-bottom:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.gArea01 .bd01 .txt ul li:last-child { margin-bottom:0; }

.gArea02 { float:right; width:445px; }
.gArea02 .bd02 ul li { font-size:18px; height:25px; line-height:25px; margin-bottom:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.gArea02 .bd02 ul li:last-child { margin-bottom:0; }

 