@charset "utf-8";

/*.w-b { margin-top: -4px; }

.w-b .hd {padding-top: 20px; position: relative; width: 1920px; left: 50%; margin-left: -960px; height: 85px; box-sizing: border-box; background: url(../images/bg1.png) no-repeat center; overflow: hidden; }

.w-b .hd .prev { background: url(../images/prev.png) no-repeat; left: 310px; top: 50%; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; }

.w-b .hd .next { background: url(../images/next.png) no-repeat; right: 310px; top: 50%; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; }

.w-b .hd li {margin-right: 4px; cursor: pointer; width: 196px; height: 48px; line-height: 48px; box-sizing: border-box; float: left; text-align: center; font-size: 14px; color: #333333; background: #fff; }

.w-b .hd li.on { background: #e60012; color: #fff; }

.w-b .bd { margin-top: 45px; }

.w-b .bd dl dd {float: left; position: relative; width: 399px; cursor: pointer; margin: 0 1px 1px 0; height: 304px; overflow: hidden; }

.w-b .bd dl dd .w-b-b {position: absolute; transition: all 0.5s; box-sizing: border-box; width: 399px; height: 304px; left: 0; bottom: -400px; background: rgba(21,56,96,0.9); overflow: hidden; }

.w-b .bd dl dd:hover .w-b-b { bottom:0; }*/







.h-a { margin-top: -4px; }

.h-a-a {padding-top: 20px; position: relative; width: 1920px; left: 50%; margin-left: -960px; height: 85px; box-sizing: border-box; background: url(../images/bg1.png) no-repeat center; overflow: hidden; }

.h-a-a .swiper-button-prev { background: url(../images/prev.png) no-repeat!important; left: 310px; top: 50%; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; }

.h-a-a .swiper-button-next { background: url(../images/next.png) no-repeat!important; right: 310px; top: 50%; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; }

.h-a .swiper-slideHd {margin-right: 5px!important; cursor: pointer; width: 196px!important; height: 48px; line-height: 48px; box-sizing: border-box; float: left; text-align: center; font-size: 14px; color: #333333; background: #fff; }

.h-a-a .swiper-slide-active { background: #e60012; color: #fff; }

.h-a .gallery-top { margin-top: 45px!important; }

.swiper-slide dl dd {float: left; position: relative; width: 399px; cursor: pointer; margin: 0 1px 1px 0; height: 304px; overflow: hidden; }

.swiper-slide dl dd .w-b-b {position: absolute; transition: all 0.5s; box-sizing: border-box; width: 399px; height: 304px; left: 0; bottom: -400px; background: rgba(21,56,96,0.9); overflow: hidden; }

.swiper-slide dl dd:hover .w-b-b { bottom:0; }









.w-b-c { padding: 50px 68px 0; height: 204px; }

.w-b-b h2 { margin-bottom: 32px; font-size: 18px; color: #fff; font-weight: normal; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 10px; text-align: center; }

.w-b-b p { font-size: 12px; color: #fff; opacity: 0.5; text-align: justify; line-height: 20px; }

.w-b-d { width: 100%; height: 50px; line-height: 50px; background: #e60012; }

.w-b-d .more { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; }

.w-b-d .more img { display: inline-block; margin-left: 15px; }

.w-b-d .more:hover { color: #fff; }

.w-c { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top: 80px; }

.w-d { margin-top: 75px; }

.w-d-a { width: 650px; height: 484px; float:left; overflow: hidden; position: relative; }

.w-d-a .hd { position: absolute; width: 100%; text-align: right; left: 0; top: 80px; height: 10px; z-index: 10; box-sizing: border-box; padding-right: 13px;}

.w-d-a .hd li {cursor: pointer; display: inline-block; width: 7px; height: 7px; background: #fff; font-size: 0; margin: 0 3px; }

.w-d-a .hd li.on { background: #292929; }

.w-d-b { position: relative; z-index:10; float:left;width: 600px; height: 484px; margin-left: -50px; }

.w-d-c { padding-left: 90px;  }

.w-d-c p { font-size: 36px; line-height: 40px; color: #d4d4d4; text-transform: uppercase; }

.w-d-c h2 { font-size: 30px; line-height: 40px; color: #2e2e2e; }

.w-d-d { margin-top: 34px; height: 320px; background: #e60012; box-sizing: border-box; padding: 55px 50px 0; }

.w-d-d h2 { font-size: 36px; color: #ffffff; font-weight: 300; line-height: 36px; }

.w-d-d span { display: block; height: 1px; width: 145px; background: #fff; margin-top: 10px; margin-bottom: 25px; }

.w-d-d p { font-size: 14px; color: #fff; line-height: 25px; text-indent: 2em; text-align: justify; }

.w-d-e a { display: block; width: 100%; height: 51px; font-size: 14px; color: #fff; line-height: 51px; text-align: right; background:#394e72; }

.w-d-e a img { display: inline-block; margin: 0 55px 0 20px; }

.w-e { margin-top: 50px; }

.w-e .hd li {cursor: pointer; float:left; width: 600px; text-align: center; height: 43px; line-height: 43px; font-size: 16px; color: #fff; background: #394e72; }

.w-e .hd li.on { background: #e60012; }

.w-e .bd { margin-top: 20px; }

.w-e .bd li dd { float: left; width: 283px; height: 209px; overflow: hidden; margin-right: 22px; }

.w-e .bd li dd:nth-child(4n){ margin-right:0; margin-left: 2px; }

.w-e .bd li dd { position: relative; }

.w-e .bd li dd .w-e-a a { position: absolute; left: 0; top: -250px; transition: all 0.5s; display: block; width: 283px; height: 209px; line-height: 209px; text-align: center; font-size: 14px; color: #fff; background: rgba(0,0,0,0.5); }

.w-e .bd li dd:hover .w-e-a a { top: 0; }





.w-f { margin-top: 85px; }

.w-f-a { width: 100%; height: 111px; line-height: 111px; background: url(../images/wfbg.png) no-repeat center; text-align: center; }

.w-f-a h2 {padding-left: 65px; font-size: 24px; color: #fff; }

.w-f-a i {vertical-align: middle; display: inline-block; margin: 0 4px; font-weight: normal; font-size: 16px; }

.w-f-a span {vertical-align: middle; display: inline-block; text-transform: uppercase; font-weight: normal; font-size: 16px; }

.w-f-b { margin-top: 30px; height: 430px; overflow: hidden; }

.w-f-b li { margin-right: 12px; width: 210px; height: 430px; overflow: hidden; float: left; position: relative; transition: all 0.5s; }

.w-f-b li:nth-child(4){ margin-right: 0; }

.w-f-c { transition: all 0.5s; padding: 30px 0 0 0; text-align: center; width: 100%; height: 93px; background: #343434; box-sizing: border-box; position: absolute; left: 0; bottom: 0;}

.w-f-c h2 { text-align: center; font-size: 16px; font-weight: normal; color: #fff; padding: 15px 15px 0; display: inline-block; border-top: 3px solid #fff; }

.w-f-b li .sign1 { display: block; transition: all 0.5s;}

.w-f-b li .sign2 { display: none; transition: all 0.5s;}

.w-f-b li:hover { width: 534px; }

.w-f-b li:hover .w-f-c,.w-f-b li.on .w-f-c { padding: 30px 0 0 30px; text-align: left; }

.w-f-d { display: none; transition: all 0.5s; }

.w-f-b li:hover .sign2 { display: block; }

.w-f-b li:hover .sign1 { display: none; }

.w-f-b li:hover .w-f-c { height: 168px; background: #e60012; bottom: 262px; }

.w-f-b li:hover .w-f-d { display: block; }

.w-f-d p { font-size: 12px; color: #fff; padding-left: 15px; margin-top: 15px; line-height: 18px; }

.w-f-d span { display: block; text-align: right; padding-right: 50px; margin-top: 10px; }



.w-f-b li.on { width: 534px; }

.w-f-b li.on .sign2 { display: block; }

.w-f-b li.on .sign1 { display: none; }

.w-f-b li.on .w-f-c { height: 168px; background: #e60012; bottom: 262px; }

.w-f-b li.on .w-f-d { display: block; }















.w-g { margin-top: 80px; }

.w-g-a { width: 600px; float: left; }

.w-g-b .hd {width: 100%; height: 59px; line-height: 59px; box-sizing: border-box; background: url(../images/wg1.png) no-repeat center;  padding-left: 30px; font-size: 18px; color: #fff; }

.w-g-b .bd { margin-top: 25px; }

.w-g-b .bd li { float: left; width: 273px; overflow: hidden; }

.w-g-b .bd li:nth-child(1){ margin-right: 30px; }

.w-g-b .bd li h2 { font-size: 14px; font-weight: normal; margin: 10px 0 5px; }

.w-g-b .bd li h2 a { color: #222; }

.w-g-b .bd li p { font-size: 12px; color: #888; line-height: 20px; }

.w-g-b .bd li .more { display: block; width: 106px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #c3c1c1; margin-top: 15px; }

.w-g-b .bd li:hover .more { display: block; width: 106px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #e60012; margin-top: 15px; }

.w-g-c { width: 600px; float: left; }

.w-g-d .hd {width: 100%; height: 59px; line-height: 59px; box-sizing: border-box; background: url(../images/wg2.png) no-repeat center;  padding-left: 30px; font-size: 18px; color: #fff; }

.w-g-d .bd { margin-top: 25px; padding-left: 20px; box-sizing: border-box; }

.w-g-d .bd li { width: 100%; height: 93px; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 12px 0; margin-bottom: 16px; }

.w-g-e { float: left; width: 92px; text-align: center; border-right: 1px solid #ebebeb; overflow: hidden; }

.w-g-e h2 { font-size: 48px; color: #bdbdbd; font-weight: normal; line-height: 48px; }

.w-g-e span { display: block; font-size: 14px; color: #b9b8b8; }

.w-g-f { float: left; margin-left: 15px; width: 470px; box-sizing: border-box; padding-right: 15px; }

.w-g-f h2 { font-size: 14px; color: #000; font-weight:normal; padding-bottom: 10px; }

.w-g-f h2 a { color: #000; }

.w-g-f p { font-size: 12px; color: #888; }