@charset "utf-8";
.a-a { margin-top:-72px; position: relative; z-index: 100; background: rgba(0,0,0,0.5); }
.a-c {position: relative; float: left; width: 530px; box-sizing: border-box; padding-left:40px; position: relative; }
.a-c ul { height: 68px; line-height: 68px; }
.a-c:after { content:''; width: 14px; height: 14px; position: absolute; left:0;top:50%;margin-top:-7px; background: #d51b1f; }
.a-c li a { font-size:14px; float: left; color:#fff; }
.a-c li span { float: right; font-size:14px;color:#fff; }
.a-d {margin-top:18px; float: right; width: 275px; height: 29px; border-radius: 14px; background: #fff; overflow: hidden; }
.a-d .inp { font-size: 12px;color:#3e3e3e; float: left; width: 224px; float: left; box-sizing: border-box; padding-left:12px; border:none; height: 29px; background: none; outline: none; }
.a-d .sub { float: left;width: 51px; height: 29px; border:none;  background: url(search.png) no-repeat center #d51b1f; cursor: pointer; outline: none; font-size: 0; }

.a-e { text-align: center;  }
.a-e h2 { font-size: 48px;color:#bbb; text-transform: uppercase; font-weight: normal; }
.a-e p { font-size: 36px;color:#333333; font-weight: bold; margin-top:-18px; }

.b-a { margin-top:70px; background: url(b2.png) no-repeat bottom center; padding-bottom:500px; }
.b-b { margin-top:35px; }
.b-b .hd { text-align: center;  }
.b-b .hd ul li { margin: 0 6px; cursor: pointer; display: inline-block; width: 140px; line-height: 30px; text-align: center; height: 30px; background: #eeeeee; color:#333; font-size: 16px;border-radius: 15px; }
.b-b .hd ul li.on,.b-b .hd ul li:hover { background: #c01a1a; color:#fff; }
.b-b .bd { margin-top:40px; }
.b-b .bd li dd {margin-right:13px; margin-bottom:10px; width: 290px; height: 300px; overflow: hidden; float: left; position: relative; box-sizing: border-box; padding:0; text-align: center; border:1px solid #eee; }
.b-b .bd li dd a.t { display: block; font-size: 14px;color:#333333; padding-top:8px; }
.b-b .bd li dd a.more { display: block; width: 100%; height: 300px; line-height: 300px; position: absolute; left:0;bottom:-320px; transition: all 0.5s; background: rgba(0,0,0,0.5); font-size: 14px;color:#fff; }
.b-b .bd li dd:hover a.t { display: none; }
.b-b .bd li dd:hover a.more { bottom:0; }
.b-b .bd li dd:nth-child(4n) { margin-right:0; }
.b-b .bd li a.xq { display: block; width: 172px; height: 35px; line-height: 35px; text-align: center; margin:60px auto 0; background: #c01a1a; font-size: 14px;color:#fff; }

.d-h { margin-top:-280px; background: url(d4.jpg) no-repeat bottom center; }
.a-f p { color:#fff; }
.d-a { width: 100%;margin-top:0; }
.d-c { margin-top:70px; }
.d-b { float: left; width: 482px; box-sizing: border-box; padding:70px 205px 0 38px; height: 482px; background: url(d1.jpg) no-repeat center; position:relative }
.d-b .play{ position:absolute; width:89px; height:89px; background:url(play.png) center center no-repeat; position:absolute; left:50%; margin-left:-45px; top:50%; margin-top:-45px; cursor:pointer}
.d-b h2 { font-size: 30px;color:#333333;font-weight: normal; margin-bottom:12px; }
.d-b p { font-size:12px;color:#333;line-height: 24px; }
.d-b a.more { display: block; width: 122px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #920f11; font-size: 14px;color:#fff; margin-top:30px; }
.d-d { float: right;width: 718px; }
.d-d ul { width: 100%; height: 240px; background: #fff;  }
.d-d ul li {padding-top:75px; text-align: center; width: 33.33333%; float: left; }
.d-d ul li p { font-size: 72px;color:#c01a1a;font-family: "Arial"; line-height: 72px; }
.d-d ul li p i { font-size: 24px; vertical-align: bottom;line-height: 50px; }
.d-d ul li span { display: block; font-size: 14px;color:#333; padding-top:8px; }
.d-f { display: block; width: 328px; height: 241px; float: left; background: url(d2.jpg) no-repeat center; box-sizing: border-box; padding-top:130px; text-align: center; color:#fff; font-size: 24px; }
.d-g { display: block; width: 390px; height: 241px; float: left; background: url(d3.jpg) no-repeat center; box-sizing: border-box; padding:110px 0 0 30px;color:#fff; font-size: 24px; }
.d-g span { display: block; font-size: 12px; }

.c-a { background: #ececec; padding:90px 0 100px; }
.c-b { margin-top:50px; position: relative; }
.c-b .swiper-slide { width: 520px; background: #fff; text-align: center; box-sizing: border-box; border-bottom:none;  }
.c-b .swiper-slide span { display: block; position: absolute; left:0;top:0;width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.c-b .swiper-slide p {display: none; font-size: 18px;color:#fff; height: 56px; line-height: 56px; background: #ce1010; }
.c-b .swiper-slide-active p { display: block; }
.c-b .swiper-slide-active span { display: none; }
.c-b .swiper-button-prev { width: 74px; height: 74px; background: url(prev.png) no-repeat center; left:-85px;top:50%; margin-top:-50px; }
.c-b .swiper-button-next {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); width: 74px; height: 74px; background: url(prev.png) no-repeat center; right:-85px;top:50%; margin-top:-50px; }
.c-b .swiper-button-prev:hover {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); background: url(c2.png) no-repeat center; }
.c-b .swiper-button-next:hover {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); background: url(c2.png) no-repeat center;  }

.e-a {box-sizing: border-box; padding-top:85px; width: 100%; height: 951px; background: url(e1.jpg) no-repeat center; box-sizing: border-box;  }

.e-b { margin-top:65px; }
.e-b ul li {border:1px solid #dbdbdb; background: #eeeeee; float: left; width: 25%; box-sizing: border-box; background: #fff; text-align: center; padding:30px 45px 0; height: 272px; }
.e-b ul li:nth-child(1) span { display: block; height: 66px; background: url(e1.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(2) span { display: block; height: 66px; background: url(e2.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(3) span { display: block; height: 66px; background: url(e3.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(4) span { display: block; height: 66px; background: url(e4.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(5) span { display: block; height: 66px; background: url(e5.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(6) span { display: block; height: 66px; background: url(e6.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(7) span { display: block; height: 66px; background: url(e7.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(8) span { display: block; height: 66px; background: url(e8.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(8):hover span { display: block; height: 66px; background: url(e81.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(7):hover span { display: block; height: 66px; background: url(e71.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(6):hover span { display: block; height: 66px; background: url(e61.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(5):hover span { display: block; height: 66px; background: url(e51.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(4):hover span { display: block; height: 66px; background: url(e41.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(3):hover span { display: block; height: 66px; background: url(e31.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(2):hover span { display: block; height: 66px; background: url(e21.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:nth-child(1):hover span { display: block; height: 66px; background: url(e11.png) no-repeat center; -webkit-background-size: auto 100%;background-size: auto 100%; }
.e-b ul li:hover { background: #c01a1a; border:1px solid #c01a1a; color:#fff; }
.e-b ul li:hover  h2,.e-b ul li:hover  p { color:#fff; }
.e-b ul li h2 {font-size: 24px;color:#333333;margin: 7px 0;}
.e-b ul li p { font-size: 14px;color:#333333; line-height: 28px; text-align: left; }
.e-b a.more { display: block; width: 172px; height: 36px; line-height: 36px; text-align: center; font-size: 14px;color:#fff; background: #616161; margin:82px auto 0; }
.e-b a.more:hover { background: #c01a1a; }

.f-a { margin-top:80px; }
.f-b { width: 1920px; margin-top:60px; position: relative; left:50%; margin-left:-960px; }
.f-b ul li { position: relative; float: left; width: 316px; margin-right:5px; }
.f-b ul li a.t {position: absolute; transition: all 0.5s; left:0;bottom:0; display: block; width: 100%; padding: 0; text-align: center; box-sizing: border-box; height: 62px; line-height: 62px; background: #535353; font-size: 16px;color:#fff; }
.f-b ul li a.t span {  }
.f-b ul li:hover a.t { height: 90px; line-height: 90px; color:#fff; background: #c01a1a; }
.f-b a.more { display: block; width: 172px; height: 36px; line-height: 36px; text-align: center; font-size: 14px;color:#fff; background: #c01a1a; margin:82px auto 0; }
.f-b a.more:hover { background: #616161; }

.h-a { margin-top:65px; width: 100%; background: #f3f3f3; padding: 95px 0 155px; }
.h-b { margin-top:80px; }
.h-b li {margin-right:52px; width: 365px; float: left; }
.h-b li:nth-child(3){margin-right:0;}
.h-c {box-sizing: border-box; transition: all 0.5s; padding:15px 0 0 0; position: relative; width: 100%; height: 100px; color:#333; }
.h-c a.more { transition: all 0.5s; display: block; width: 30px; height: 30px; position: absolute; right:0;top:35px;background: url(h1.png) no-repeat center; }
.h-c span { line-height: 50px; display: block; font-size: 36px; font-family: "Arial"; }
.h-c i {line-height: 20px; font-size: 18px;font-family: "Arial"; display: block;  }
.h-b li:hover .h-c {padding:15px 25px 0; background: #c01a1a; color:#fff; }
.h-b li:hover .h-c a.more { right:25px; background: url(h2.png) no-repeat center; }
.h-d a.t { display: block; font-size: 18px;color:#333333; margin-bottom:10px; }
.h-d p { font-size: 12px;color:#333333; line-height: 24px; }
.h-b li .h-d { padding-top:20px; border-top:1px solid #ededed; margin-top:20px; }
.h-b li:nth-child(2n) .h-d { margin-top:0; padding-top:0; border-top:none;margin-bottom:20px; padding-top:20px; border-top:1px solid #ededed; }

.playx{ position:fixed; z-index:9999; width:100%; height:100%; background:rgba(00,00,00,0.5); left:0; top:0; display:none}
.playx .s2{ width:800px; height:450px; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-225px;}
.playx .s1{ width:800px; height:30px; line-height:30px; font-size:40px; color:#fff; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-270px; z-index:99; text-align:right; cursor:pointer}