锘緻import "font/DINCond-Bold/DINCond-Bold.css"; body{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#555; font-family:/*'PingFang SC',*/'寰蒋闆呴粦','Microsoft YaHei','STHeiti','Gotham'; background:#fff; overflow-x:hidden} img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} ol,ul,li{list-style:none; margin:0; padding:0} h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0} a{text-decoration:none; color:#555} a:active,a:focus,a:hover{outline:none; color:#c8161d} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;} div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;} .rightEwm{ position:fixed; right:0; bottom:65px; background:#fff; padding:10px; width:110px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:1000; text-align:center} .rightEwm img{ width:100%;} .rightEwm i{ display:block; font-size:12px; line-height:20px; margin:0 0 10px 0} .rightEwm a{width:16px; height:16px; background:#c9151e; font-size:8px; line-height:16px; text-align:center; color:#fff; font-family:'arial'; display:block; margin:0 auto 8px auto} #ewmRight{left:auto; right:0} .boxRightIco{position:fixed;bottom:10px; right:10px;z-index:1000; } .boxRightIco div{width:42px; height:42px; border-radius:100%; margin:10px 0 0 0} .toTop{position:fixed;bottom:10px; right:10px;z-index:1000;width:42px; height:42px; border-radius:100%; background:url(../images/toTop.png) no-repeat center/cover;opacity:0.7; display:block} .toTop:hover{background:url(../images/toTopHover.png) no-repeat center/cover;opacity:1.0} .topWx{ position:absolute; right:60px; top:20px;width:30px; height:30px; border-radius:50%; display:inline-block;background:url(../images/rightWx.png) no-repeat center/cover; display:none} .ewmSj{position:fixed;top:0;left:0;width:100vw; height:100vh; background:rgba(0,0,0,0.8); z-index:1000; text-align:center; display:none} .ewmSj div{margin:80px 0 0 0;} .ewmSj i{ font-size:14px; line-height:30px; color:#fff; display:block} .ewmSj img{ width:160px;} .ewmSj a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;} .ewmSj a:hover{ transform:rotateZ(180deg);} @media(max-width:767px){ .rightEwm{display:none} .topWx{display:block} .toTop{width:30px; height:30px;} } .boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px; background:#fff } .boxTop1{position:relative;box-sizing:border-box; width:100%; margin:0 auto; text-align:right; box-sizing:border-box} .logo{position:absolute; left:20px; top:17px; width:170px;} @keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}} .boxNav{height:80px; text-align:center;display:inline-block; vertical-align:middle; text-align:right;} .boxNav li{display:inline-block;position:relative; padding:0 30px; } .boxNav li span a{display:block;font-size:15px; color:#444;line-height:80px; position:relative; z-index:1; font-weight:bold} .boxNav li span a:hover{ color:#c8161d} .boxNav li span i{height:100%; background:#f4f4f4;width:100%; position:absolute; bottom:0; left:0; display:none; z-index:0; box-sizing:border-box; border-top:4px solid #c8161d} .boxNav li .on i{display:block;animation:ANavI 0.3s} .boxNav li .on a{} .boxNav li div{position:absolute; top:80px; left:0;width:100vw;text-align:left;background:rgba(66,66,66,0.9); z-index:2; display:none; box-sizing:border-box; padding:0 0 0 15px} .boxNav li div a{display:inline-block;font-size:14px; padding:0 13px;color:#fff;line-height:60px; opacity:0.8} .boxNav li div a:hover{/*color:#dc1e1e;*/ opacity:1} .icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;} .icoTop a{ position:relative;display:inline-block; border-left:1px solid #dcdcdc} .icoTop a:first-of-type{ margin:0} .icoTop a i{display:block; width:80px; height:80px;} .icoTop a div{position:absolute; top:80px; right:0; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0} .icoTop a span{display:inline-block; width:120px;} .icoTop a div img{width:90px} .icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px} .topSearch i{background:url(../images/icoSearchTop1.png) center no-repeat;transition:background 0.3s ease} .topSearch:hover i{background:#c8161d url(../images/icoSearchTop1Hover.png) center no-repeat;} .bgTop{ box-shadow:0 0 3px rgba(0,0,0,0.2);} .searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none} .searchTop span{display:inline-block; width:700px; height:52px; overflow:hidden; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;} .searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;} .searchTop a:hover{ transform:rotateZ(180deg);} .inputTop{width:600px; height:52px; line-height:52px; font-size:15px; color:#444; text-indent:15px;} .submitTop{ width:100px; height:52px; background:#c8161d; font-size:17px; color:#fff;cursor:pointer} .submitTop:hover{ background:#ff1922} /*--------------------mTop------------------------*/ .boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; background:#fff; display:none; box-shadow:0 0 3px rgba(0,0,0,0.2);z-index:1000;} .logoM{ position:absolute;left:15px; top:18px; height:34px;} .openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/openMenu.png?v=1.0) center no-repeat; background-size:cover} .closeMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/closeMenu.png?v=1.0) center no-repeat; background-size:cover;} .navTopM{position:fixed; top:0; left:100%; width:75vw;height:100vh; padding:0 30px; z-index:1001; background:#464c57;overflow-y:auto;} .boxNavM{padding-top:20px} .boxNavM li{border-bottom:1px solid rgba(255,255,255,0.1);} .boxNavM li span{display:block; position:relative} .boxNavM li span a{display:block;font-size:14px;line-height:50px; color:#fff} .boxNavM li span a:hover{} .boxNavM li span i{width:80px; height:50px; position:absolute; top:0; right:0; background:url(../images/icoNavM.png?v=1.0) right center no-repeat; background-size:20px 20px; z-index:2;} .boxNavM li span .on{background:url(../images/icoNavM1.png?v=1.0) right center no-repeat!important;background-size:20px 20px!important;} .boxNavM li div{background:#c8161d; display:none} .boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:center; color:#fff} .boxNavM li div a:hover{background:#fc1e26;color:#fff} .boxNavM li div .on{background:#fc1e26;} .searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8} .searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;} .searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer} .searchTopM .subimtSearchM:hover{color:#c30e23;} .icoTopM{text-align:center; color:#fff} .icoTopM img{ width:50%;vertical-align:middle} .icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px; line-height:26px;} /*--------------------mTop------------------------*/ .banner{width:100vw;height:28.125vw;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2); margin-top:80px;} .banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important} .banner .swiper-slide img{ width:100%;} .banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;} .banner .swiper-pagination-bullet{width:9px; height:9px; background:#fff; opacity:1.0; border-radius:50%; box-sizing:border-box;} .banner .swiper-pagination-bullet-active{ background:#c8161d;width:22px; border-radius:5px;} /*.banner .swiper-button-prev{left:30px;margin-top:-25px; width:27px; height:50px; background:url(../images/bannerJtLeft.png) center no-repeat;opacity:0.5; z-index:101} .banner .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png?v=1.0) center no-repeat;opacity:1.0} .banner .swiper-button-next{right:30px;margin-top:-25px;width:27px; height:50px; background:url(../images/bannerJtRight.png) center no-repeat;opacity:0.5; z-index:101} .banner .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png?v=1.2) center no-repeat;opacity:1.0}*/ .swiper-button-prev{left:30px;opacity:0.5;} .swiper-button-prev:hover{opacity:1.0} .swiper-button-next{right:30px;opacity:0.5;} .swiper-button-next:hover{opacity:1.0} .bannerM{width:100%;height:67vw;overflow:hidden; position:relative;margin-top:70px; display:none;} .bannerM img{ width:100%; height:100%} .bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; } .bannerM .swiper-pagination{bottom:8px!important;z-index:1; text-align:center; } .bannerM .swiper-pagination-bullet{width:4px; height:4px;background:#fff;opacity:1.0; border-radius:2px; box-sizing:border-box; margin:0 2px!important;} .bannerM .swiper-pagination-bullet-active{ width:16px;background:#c8161d; } /*------------------------foot------------------------*/ .boxFoot{ background:#373737; color:#acafb1;} .boxFoot1 { width:100%; max-width:1260px; margin:0 auto;line-height:22px; font-size:13px;font-weight:bold; padding:35px 0; position:relative} .boxFoot i{display:inline-block; font-weight:bold;} .boxFoot span{ position:absolute; top:35px; right:0;line-height:33px; z-index:10} .boxFoot span a:last-of-type{ background:url(../images/icoWxFoot.png) right center no-repeat; display:inline-block; padding-right:36px; position:relative;} .boxFoot span a:last-of-type div{ position:absolute; top:-90px; right:0; padding-bottom:7px; background:url(../images/boxJt.png) center bottom no-repeat; visibility:hidden; opacity:0;transition:all .3s;} .boxFoot span a:last-of-type div img{ width:100px; height:100px; border:4px solid #c7161e;} .boxFoot a{color:#acafb1} .boxFoot a:hover{color:#fff} .boxFoot span a:last-of-type:hover div{top:-115px; display:block;visibility:visible; opacity:1} /*------------------------foot------------------------*/ /*------------------------zhezhao------------------------*/ .boxZhezhao{ background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none} .boxZhezhao video{width:100%; height:100%;} .closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;} .closeZhezhao:hover{ transform:rotateZ(180deg);} /*------------------------zhezhao------------------------*/ .boxMax{ width:100%; max-width:1260px; margin:0 auto;position:relative; z-index:1; overflow:hidden} /*------------------------indNews------------------------*/ .indNews{ display:inline-block; width:560px; position:relative; margin:40px 15px 40px 0; vertical-align:top} .indNewsNav{ height:34px; border-bottom:1px solid #ccc;} .indNewsNav a{ display:inline-block; width:100px; height:34px; line-height:34px; background:#7f7f7f; font-size:15px; font-weight:bold; text-align:center;color:#fff; margin-right:1px;} .indNewsNav .on{background:#c8161d!important;color:#fff} .indNewsList{ width:100%;display:none} .indNewsList div a{ display:block; border-bottom:1px solid #e5e5e5; line-height:30px; height:30px;} .indNewsList div a i{ display:inline-block; width:100px; font-size:14px; font-weight:bold; color:#c0c0c0; padding:0 0 0 7px;} .indNewsList div a span{ display:inline-block; width:460px; } .indNewsList div h1{ font-size:18px; font-weight:bold; line-height:20px; height:20px; overflow:hidden; margin:12px 0 4px 0} .indNewsList div h2{ font-size:13px; line-height:20px; color:#888} .indNewsList div h3{ font-size:15px; background:url(../images/icoJt1.png) no-repeat 448px center;} .indNewsList div a:first-child{ height:86px;} .indNewsList div a:first-child i{ font-family:'DINCond-Bold'; color:#dc1e1e; font-size:26px; line-height:26px; vertical-align:top; letter-spacing:-1px; margin-top:10px; padding:0 0 0 3px} .indNewsList div a:first-child span{vertical-align:top} .moreNews{ position:absolute; top:0; line-height:34px; right:5px; font-size:12px; color:#999; display:inline-block; padding:0 10px 0 0; background:url(../images/icoJt.png) no-repeat right center;} .moreNews:hover{background:url(../images/icoJtHover.png) no-repeat right center;} /*------------------------indNews------------------------*/ /*------------------------indVideo------------------------*/ .indVideo{display:inline-block; width:398px; height:240px; position:relative; margin:40px 15px 40px 0; overflow:hidden; vertical-align:top;} .indVideo .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important} .indVideo .swiper-slide img{ width:100%;} .indVideo .swiper-slide i{ width:38px; height:38px; position:absolute; left:50%; top:50%; margin:-19px 0 0 -19px; background:url(../images/icoVideo.png) no-repeat center/100% 100%; z-index:100;} .indVideo .swiper-slide i:hover{background:url(../images/icoVideoHover.png) no-repeat center/100% 100%;} .indVideo .swiper-slide span{ background:url(../images/bgBlackTitle.png); display:block; width:100%; height:66px; position:absolute; left:0; bottom:0; z-index:99} .indVideo .swiper-slide h1{ position:absolute; bottom:18px; left:0; width:100%; padding:0 20px; line-height:22px; color:#fff; font-size:15px; text-align:center; z-index:100} .indVideo .swiper-button-prev{left:30px;margin-top:-11px; width:10px; height:22px; background:url(../images/icoJt3.png) center no-repeat;opacity:0.5; z-index:101} .indVideo .swiper-button-prev:hover{background:url(../images/icoJt3.png) center no-repeat;opacity:1.0} .indVideo .swiper-button-next{right:30px;margin-top:-11px;width:10px; height:22px; background:url(../images/icoJt2.png) center no-repeat;opacity:0.5; z-index:101} .indVideo .swiper-button-next:hover{background:url(../images/icoJt2.png) center no-repeat;opacity:1.0} .indVideoNav{ position:absolute; top:10px; left:10px; z-index:100} /*------------------------indVideo------------------------*/ /*------------------------indInv------------------------*/ .indInv{display:inline-block; width:272px; height:240px;margin:40px 0 40px 0; padding:15px 15px 0 15px; vertical-align:top; background:#0c5296} .gpTitle{display:inline-block; width:84px; height:75px;background:#0091e4; vertical-align:top; color:#fff; text-align:center; overflow:hidden} .gpTitle i{font-family:'DINCond-Bold'; font-size:24px; display:block; line-height:24px; margin:15px 0 5px 0} .gpTitle span{font-size:14px; line-height:14px; font-weight:bold; display:block} .gpInfo{display:inline-block; width:158px; height:75px;padding:12px 0 0 20px; background:#fff; vertical-align:top} .gpInfo h1{display:inline-block;font-size:30px;line-height:30px; font-weight:normal;font-family:'DINCond-Bold'; vertical-align:bottom} .gpInfo i{display:inline-block; width:30px; height:13px; margin:0 0 5px 0;vertical-align:bottom} .gpInfo h2{display:inline-block; font-size:22px;line-height:22px; font-weight:normal;font-family:'DINCond-Bold';vertical-align:bottom} .gpInfo span{ display:block; color:#999; font-size:12px; line-height:12px; margin-top:5px;} .gpUp{ color:#e40808} .gpUp i{ background:url(../images/icoGpUp.png) bottom center no-repeat;} .gpDown{ color:#258841} .gpDown i{background:url(../images/icoGpDown.png) bottom center no-repeat;} .indNotice{} .indNoticeNav{ border-bottom:1px solid #3d75ab; color:#fff; position:relative; height:38px; margin-top:10px;} .indNoticeNav i{ font-size:15px; display:inline-block; padding:0 10px; height:38px; line-height:35px; border-bottom:3px solid #0091e4; font-weight:bold} .indNoticeNav a{ font-size:12px; display:inline-block; position:absolute; right:0; line-height:35px;color:#fff; opacity:0.5; background:url(../images/icoJt4.png) no-repeat right center; padding:0 10px 0 0} .indNoticeNav a:hover{opacity:1.0} .indNoticeList{width:100%;height:100px;position:relative;overflow:hidden; } .indNoticeList .swiper-slide{width:100%;height:100%; position:relative; padding:17px 0 0 0; overflow:hidden; } .indNoticeList .swiper-slide i{ font-size:14px; line-height:22px;color:#fff; text-align:justify; display:block} .indNoticeList .swiper-slide span{ position:absolute; right:0; bottom:18px;font-size:12px; line-height:20px; color:#fff; opacity:0.5} /*------------------------indInv------------------------*/ /*------------------------indCenter------------------------*/ .boxInd{ background:#eae7e2; padding:40px 0;} .boxInd1 {width:100%; max-width:1260px; margin:0 auto} .boxInd1 ul{} .boxInd1 ul li{display:inline-block; width:410px; height:200px; margin-right:15px; position:relative; vertical-align:top; padding:36px 0 0 40px;} .boxInd1 ul li img{ position:absolute; right:10px; bottom:0} .boxInd1 h1{ font-size:19px; line-height:25px; font-weight:bold;} .boxInd1 h2{ line-height:26px; font-size:15px; color:#666; margin:16px 0 20px 0} .boxInd1 h3 a{ display:inline-block; padding:0 0 0 21px; line-height:21px; background:url(../images/icoHe.png) no-repeat left/14px 21px; font-size:12px; color:#999} .boxInd1 h3 a:hover{ color:#c8161d} .boxInd1 ul li:nth-child(1){ background:url(../images/bgInd1.png) no-repeat center/cover} .boxInd1 ul li:nth-child(2){ background:url(../images/bgInd2.png) no-repeat center/cover} .boxInd1 ul li:nth-child(3){ background:url(../images/bgInd3.png) no-repeat center/cover; margin-right:0} .boxInd1 ul li:nth-child(3) img{bottom:10px; width:133px; height:180px;} /*------------------------indCenter------------------------*/ /*------------------------indXl------------------------*/ .boxIndXl{ width:100%; max-width:1260px; margin:40px auto} .boxIndXl li{ width:134px; height:290px;display:inline-block;margin-right:4px; position:relative; vertical-align:top;background:#000;transition:width .3s; } .boxIndXl li:last-child{ margin:0} .boxIndXl li img{ width:44px;position:absolute; left:50%; top:25px; margin:0 0 0 -22px; z-index:2} .boxIndXl li div{ position:absolute; left:0;bottom:0; width:100%; height:100%; background:url(../images/bgBlackTitle.png) no-repeat bottom / 100% 140px; z-index:2; display:none} .boxIndXl li span{ width:100%; height:78px; position:absolute; left:0; bottom:0;padding:0 100px 0 40px;overflow:hidden; z-index:2; opacity:0;transition:all .5s ease-out .3s;} .boxIndXl li span i{height:78px; width:1px;display:inline-block; vertical-align:middle} .boxIndXl li span p{ width:429px;display:inline-block; vertical-align:middle;font-size:14px; line-height:22px; color:#fff; } .boxIndXl li h1{ width:31px; height:18px; display:block; background:url(../images/icoJt5.png) no-repeat;position:absolute; right:60px; bottom:30px; opacity:0;z-index:2;transition:all .3s ease-out .3s;} .boxIndXl li h2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:width .3s;transition:opacity .1s} .boxIndXl li:nth-child(1) h2{background:url(../images/imgXl1.jpg) no-repeat center/cover} .boxIndXl li:nth-child(2) h2{background:url(../images/imgXl2.jpg) no-repeat -130px center/cover} .boxIndXl li:nth-child(3) h2{background:url(../images/imgXl3.jpg) no-repeat center/cover} .boxIndXl li:nth-child(4) h2{background:url(../images/imgXl4.jpg) no-repeat -390px center/cover} .boxIndXl li:nth-child(5) h2{background:url(../images/imgXl5.jpg) no-repeat center/cover} .boxIndXl li:nth-child(6) h2{background:url(../images/imgXl6.jpg) no-repeat -360px center/cover} .boxIndXl .on{ width:570px;} .boxIndXl .on img{ left:62px!important;} .boxIndXl .on div{display:block} .boxIndXl .on span{opacity:1.0;} .boxIndXl .on h1{right:40px; opacity:0.7;} .boxIndXl .on h2{background-position:center center!important;} .boxIndXl li:hover h2{ opacity:0.7} /*------------------------indXl------------------------*/ /*------------------------indXlList------------------------*/ .indXlList{width:100%; max-width:1260px; margin:40px auto;position:relative; overflow:hidden} .indXlList .swiper-slide{ width:134px; height:290px;display:inline-block;margin-right:4px; position:relative; vertical-align:top;background:#000;transition:width .3s; } .indXlList .swiper-slide:last-child{ margin:0} .indXlList .swiper-slide img{ width:44px;position:absolute; left:50%; top:25px; margin:0 0 0 -22px; z-index:2} .indXlList .swiper-slide div{ position:absolute; left:0;bottom:0; width:100%; height:100%; background:url(../images/bgBlackTitle.png) no-repeat bottom / 100% 140px; z-index:2; display:none} .indXlList .swiper-slide span{ width:100%; height:78px; position:absolute; left:0; bottom:0;padding:0 100px 0 40px;overflow:hidden; z-index:2; opacity:0;transition:all .5s ease-out .3s;} .indXlList .swiper-slide span i{height:78px; width:1px;display:inline-block; vertical-align:middle} .indXlList .swiper-slide span p{ width:429px;display:inline-block; vertical-align:middle;font-size:14px; line-height:22px; color:#fff; } .indXlList .swiper-slide h1{ width:31px; height:18px; display:block; background:url(../images/icoJt5.png) no-repeat;position:absolute; right:60px; bottom:30px; opacity:0;z-index:2;transition:all .3s ease-out .3s;} .indXlList .swiper-slide h2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:width .3s;transition:opacity .1s; } .indXlList .bg1{background:url(../images/imgXl1.jpg) no-repeat center/cover} .indXlList .bg2{background:url(../images/imgXl2.jpg) no-repeat -130px center/cover} .indXlList .bg3{background:url(../images/imgXl3.jpg) no-repeat center/cover} .indXlList .bg4{background:url(../images/imgXl4.jpg) no-repeat -390px center/cover} .indXlList .bg5{background:url(../images/imgXl5.jpg) no-repeat center/cover} .indXlList .bg6{background:url(../images/imgXl6.jpg) no-repeat -360px center/cover} .indXlList .onDiv{width:570px;} .indXlList .onDiv img{ left:62px!important;} .indXlList .onDiv div{display:block} .indXlList .onDiv span{opacity:1.0;} .indXlList .onDiv h1{right:40px; opacity:0.7;} .indXlList .onDiv h2{background-position:center center!important;} .indXlList .swiper-slide:hover h2{ opacity:0.7} .indXlList .swiper-pagination{bottom:90px!important;z-index:1;} .indXlList .swiper-pagination-bullet{width:6px; height:6px;background:#fff;opacity:1.0; border-radius:3px; box-sizing:border-box; margin:0 3px!important;} .indXlList .swiper-pagination-bullet-active{ width:18px;background:#c8161d; } /*------------------------indXlList------------------------*/ .subBanner{ width:100%; height:19.48vw; max-height:360px;background-size:cover!important; position:relative; margin-top:80px;} .subBanner div{position:absolute; top:50%; left:0; margin:-50px 0 0 0; color:#fff; width:100%; text-align:center;} .subBanner div span{ display:inline-block; width:100%; max-width:1300px; margin:0 auto; text-align:right; box-sizing:border-box;text-shadow:0 0 10px rgba(0,0,0,0.5); padding:0 20px;} .subBanner div h1{ font-size:30px; line-height:30px;} .subBanner div h2{ font-size:20px; line-height:20px; margin-top:15px; font-weight:bold; opacity:0.5;text-transform:uppercase} .subBannerBig{ width:100%; height:28.125vw; min-height:400px;background-size:cover!important; position:relative; margin-top:80px; text-align:center; color:#fff} .subBannerBig i{ width:1px; height:100%; display:inline-block; vertical-align:middle} .subBannerBig span{ display:inline-block; width:99.9%; max-width:1260px; margin:0 auto; box-sizing:border-box; vertical-align:middle;text-shadow:0 0 10px rgba(0,0,0,0.5);} .subBannerBig h1{ font-size:40px; line-height:40px; font-weight:bold;} .subBannerBig h2{ font-size:20px; line-height:20px; margin:15px 0 30px 0; font-weight:bold; opacity:0.5;text-transform:uppercase} .subBannerBig h3{ background:url(../images/bgTitle.png) top center no-repeat; font-size:24px; line-height:40px; padding:30px 0 0 0;} .subBannerBig h4{ background:url(../images/bgTitle.png) top center no-repeat; font-size:24px; line-height:40px; padding:30px 0 0 0;} .subNavBox{background:rgba(0,0,0,0.5); height:70px;position:relative; z-index:1; margin-top:-70px} .subNav{text-align:right; width:1260px; margin:0 auto} .subNav a{ padding:0 20px; margin:0 5px;font-size:15px; height:70px; line-height:70px;display:inline-block; text-align:center; font-weight:bold; color:#fff; position:relative} .subNav a i{ height:38px; background:#c8161d; width:100%;position:absolute; bottom:15px; left:0; display:none; border-radius:3px;z-index:-1;} .subNav .on{color:#fff;} .subNav .on i{ display:block;animation:ANavI 0.5s} .curNav{ position:absolute; top:0; left:50%; margin:0 0 0 -630px} .curNav a{display:inline-block; background:url(../images/icoCurJt.png) center left no-repeat; padding-left:15px; margin-right:10px; vertical-align:middle; font-size:15px; color:#444;line-height:70px; height:70px; color:#fff;} .curNav a:hover{color:#c8161d} .curNav a:first-of-type{background:url(../images/icoCurHome.png) center left no-repeat; padding-left:28px;} .curNav a:last-of-type{ font-weight:bold;} .navTitle{ font-size:40px; line-height:40px; color:#bbb; background:url(../images/bgTitle1.png) no-repeat bottom center; padding:0 0 36px 0; text-align:center} .titleM{display:none} .navTabTitle{ text-align:center} .navTabTitle a{ font-size:15px; font-weight:bold; height:70px; line-height:70px;display:inline-block; padding:0 25px; background:url(../images/bgTabLine.png) no-repeat right center} .navTabTitle a:last-child{ background:none} .navTabTitle .on{ color:#c8161d} .boxMax1{ width:100%;max-width:1260px; margin:60px auto; overflow:hidden} .boxMax2{ width:100%;margin:60px 0 0 0; overflow:hidden} .dszCon{} .dszImg{width:360px;display:inline-block; vertical-align:top} .dszText{ width:750px; margin:0 0 0 80px;display:inline-block; vertical-align:top} .dszText h1{ font-size:40px; line-height:40px; color:#bbb; padding:36px 0 30px 0} .dszText h1 i{ font-size:26px; line-height:26px; color:#dedede; vertical-align:bottom; display:inline-block; margin:0 0 0 10px} .dszText p{ font-size:15px; line-height:26px; padding-bottom:15px;} .pQm{text-align:right; margin-top:20px} .pQm i{width:70%; max-width:270px; height:1px; display:inline-block; background:#ccc; margin:5px 10px 0 0; vertical-align:middle} .pQm img{vertical-align:middle} .pWeb p{font-size:15px; line-height:26px; padding-bottom:15px;} .imgPc{width:100%;} .imgM{width:100%; display:none} .imgPcM{width:100%;} .boxSpace10{height:10px;} .boxSpace20{height:20px;} .boxSpace40{height:40px;} .boxCon{} .conHead{ display:block; background:url(../images/bgColor.png) no-repeat; background-size:100% 100%; font-size:18px; line-height:30px; font-weight:bold; color:#fff; text-align:justify; padding:25px 50px; margin:0 0 25px 0} .btnLink{text-align:center;} .btnLink a{display:inline-block} .btnLink div{border-right:1px solid #ccc;padding:10px 20px 10px 0; margin:0 20px 0 0;display:inline-block; vertical-align:middle} .btnLink img{ } .btnLink span{display:inline-block; vertical-align:middle; font-size:14px; line-height:16px;} .btnLink span i{ display:inline-block; width:20px; height:20px; background:url(../images/icoJtLink.png) center no-repeat; background-size:6px 10px;border-radius:50%; vertical-align:middle; margin:0 0 0 10px;} .linkRed i{background-color:#999!important;} .linkRed:hover i{background-color:#c8161d!important;} .linkBlue i{background-color:#0236a4!important;} .linkBlue:hover i{background-color:#0236a4!important;} .linkBlue:hover span{color:#0236a4} .linkGreen i{background-color:#007571!important;} .linkGreen:hover i{background-color:#007571!important;} .linkGreen:hover span{color:#007571} .linkYellow i{background-color:#c8a063!important;} .linkYellow:hover i{background-color:#c8a063!important;} .linkYellow:hover span{color:#c8a063} .picFocus{position:relative; padding:0 0 70px 0;width:100%; overflow:hidden; } .picFocus .swiper-slide{width:700px; height:420px; position:relative} .picFocus .swiper-slide img{ width:100%; height:100%} .picFocus .swiper-slide div { width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:0 0 20px 0;display:none; } .picFocus .swiper-slide i{display:block; text-align:center; font-size:18px; line-height:30px; font-weight:bold; color:#fff; text-align:center; width:100%;} .picFocus .swiper-slide-active div{display:block} .picFocus .swiper-pagination{bottom:16px!important;z-index:1} .picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; border-radius:4px; opacity:1.0} .picFocus .swiper-pagination-bullet-active{background:#c8161d; width:20px;} .picFocus .swiper-button-prev{left:50%;top:auto; bottom:0;margin:0 0 0 -500px;width:60px; height:60px; background:url(../images/jtLeft.png) center no-repeat; opacity:1;z-index:99;} .picFocus .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) center no-repeat;} .picFocus .swiper-button-next{right:50%;top:auto;bottom:0; margin:0 -500px 0 0;width:60px; height:60px; background:url(../images/jtRight.png) center no-repeat;opacity:1;z-index:99} .picFocus .swiper-button-next:hover{background:url(../images/jtRightHover.png) center no-repeat;} .boxVi{} .boxVi li{ width:100%; padding:60px 0;background:#eeece8; text-align:center; overflow:hidden} .boxVi li div{ width:835px; text-align:left; display:inline-block; vertical-align:middle} .boxVi li span{ width:425px; text-align:center; margin:0 0 0 59px;display:inline-block; vertical-align:middle} .boxVi li h1{ font-size:20px; line-height:20px; font-weight:bold;} .boxVi li h1 i{ display:block; width:140px;height:2px; background:#c8161d; margin:12px 0 10px 0} .boxVi li p{} .boxVi li strong{ display:block} .boxVi li:nth-child(2){ padding:80px 0;background:#f7f5f3} .boxJyln{ text-align:center; color:#fff;} .boxJyln li{width:100%; height:540px;overflow:hidden; position:relative; margin-bottom:1px; background:#000} .boxJyln li h1{ position:relative; margin-top:80px; z-index:2} .boxJyln li h2{ position:relative; margin-top:140px; font-size:19px; line-height:36px;transition:all .7s; font-weight:bold;z-index:2} .boxJyln li div{ position:relative; width:100%; max-width:1220px; padding:0 20px; margin-top:40px; display:inline-block; opacity:0;transition:all .7s;z-index:2} .boxJyln li div span{ display:inline-block; width:28%; vertical-align:top;font-size:13px; line-height:20px; text-align:justify; padding:0 30px} .boxJyln li div span strong{display:block; font-size:15px; margin-bottom:5px; padding-bottom:5px;border-bottom:2px solid #fff} .boxJyln li h6{ position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover!important; opacity:0.9;transition:opacity .3s; z-index:0;} .boxJyln li:hover h2{margin-top:110px;} .boxJyln li:hover div{opacity:1.0} .boxJyln li:nth-child(1):hover h2{ margin-top:60px;} .boxJyln li:hover h6{ opacity:0.5} .boxYear{width:100%; max-width:1000px; margin:0 auto;padding:0 50px;position:relative; overflow:hidden;} .listYear{width:100%; height:50px;overflow:hidden} .listYear .swiper-slide{width:14.285%;height:100%; text-align:center;} .listYear .swiper-slide a{display:block; font-size:17px; line-height:50px; font-weight:bold; color:#aaa; background:url(../images/bgYearLine.png) right center no-repeat; padding:0 5px 0 0} .listYear .swiper-slide a:hover{color:#e60012;} .listYear .swiper-button-prev{left:0; top:50%; margin-top:-10px; width:12px; height:20px; background:url(../images/jtLeft.png) no-repeat; background-size:100% 100%; opacity:1} .listYear .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) no-repeat; background-size:100% 100%; opacity:1} .listYear .swiper-button-next{right:0;top:50%; margin-top:-10px; width:12px; height:20px; background:url(../images/jtRight.png) no-repeat; background-size:100% 100%; opacity:1} .listYear .swiper-button-next:hover{background:url(../images/jtRightHover.png) no-repeat;background-size:100% 100%; opacity:1} .listYear .on{background:#c7161e!important; color:#fff!important; padding:0!important} .qyryList{background:url(../images/bgLineQyry.png) 150px 0 no-repeat; background-size:2px 100%; margin:40px auto 0 auto; width:100%; max-width:1060px; overflow:hidden} .qyryList li{ padding:40px 0 0 212px; position:relative;} .qyryList li i{display:block; width:60px; height:60px; background:url(../images/icoQyry.png); background-size:100% 100%;position:absolute; left:121px; top:0;} .qyryList li span{display:block;font-size:36px;line-height:100%;position:absolute; left:0; top:12px;font-family:'DINCond-Bold'; color:#aaa} .qyryList li div{ border-bottom:1px dashed #b2b2b2; padding:0 0 40px 0; margin:-30px 0 30px 0;} .qyryList li div p{line-height:30px; font-size:15px; padding:0 0 0 15px;background:url(../images/icoP.png) 0 12px no-repeat;} .myScroll{transform:translateY(100px); transition:transform 0.5s, opacity 0.5s; opacity:0;} .myScroll.on{transform:none;opacity:1;} .imgText{text-align:center; padding:0 0 60px 0; text-align:center} .imgText img{} .boxZrgy{ width:100%; overflow:hidden; margin-top:-20px;} .boxZrgy li{ width:100%; margin-bottom:50px;} .boxZrgy h1{ background:url(../images/bgLine.png) center repeat-x; text-align:center; margin-bottom:20px;} .boxZrgy h1 img{border:1px solid #ccc;border-radius:50%; } .boxZrgy1{width:100%; min-height:380px; overflow:hidden} .boxZrgy1 img{ float:left;border-top-right-radius:80px;border-bottom-left-radius:80px;} .zrgyText{ float:left; width:630px; padding:0 0 0 50px;} .zrgyText h2{ font-size:26px; line-height:26px; font-weight:bold; margin:30px 0 20px 0} .zrgyList p{line-height:30px; font-size:15px; padding:0 0 0 15px;background:url(../images/icoP.png) 0 12px no-repeat;} .zrgyCon p{line-height:26px; font-size:15px; padding:0 0 10px 0;} .boxZrgy li:nth-child(2n+2) .zrgyText{padding:0 50px 0 0;} .boxZrgy li:nth-child(2n+2) .boxZrgy1 img{float:right;border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:80px;border-bottom-right-radius:80px;} .boxZrgy li:last-child{ margin:0} .boxZrgy li:nth-child(2) .zrgyList{ height:240px; overflow:hidden} .boxZrgy a{display:inline-block; padding:0 0 0 21px; line-height:21px; background:url(../images/icoHe.png) no-repeat left/14px 21px; font-size:12px; color:#999; margin-top:10px;} .boxZrgy a:hover{ color:#c8161d} .boxRcln{border-top:2px solid #ccc; text-align:center} .boxRcln ul{display:inline-block; width:100%; max-width:960px; text-align:left} .boxRcln li{width:100%; padding:40px 0 0 0;} .boxRcln img{display:inline-block; vertical-align:middle} .boxRcln p{line-height:26px; font-size:15px;display:inline-block; vertical-align:middle; margin:0 0 0 50px;} /*----------------------------news----------------------------*/ .boxLeft{ display:inline-block; width:230px; vertical-align:top; background:#fff; border-top:4px solid #c8161d; padding:0 20px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1)} .boxDate{} .boxDate li{} .boxDate li span{display:block;} .boxDate li span a{display:block;border-bottom:1px solid #ebebeb; background:url(../images/icoJtDate.png) right center no-repeat; font-size:17px; line-height:50px;} .boxDate li span .on{background:url(../images/icoJtDateHover.png) right center no-repeat!important; color:#555} .boxDate li span .on:hover{color:#c8161d} .boxDate li div{display:none;border-bottom:1px solid #ebebeb; padding-top:15px;} .boxDate li div a{ display:inline-block; width:36px; height:36px; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:50%; margin:0 15px 15px 0; font-size:14px; line-height:36px; color:#777; text-align:center; } .boxDate li div a:hover{ background:#c8161d; color:#fff} .boxDate li div a:nth-child(4n+4){margin-right:0} .boxDate li div .on{ background:#c8161d; color:#fff!important} .searchNews{ margin:20px 0; background:#f5f5f5; height:40px; overflow:hidden} .inputSearchNews{border:none; background:none; width:156px; line-height:40px; text-indent:8px} .submitSearchNews{border:none; background:none; width:34px; height:40px; background:url(../images/icoSearch.png) center no-repeat; cursor:pointer} .submitSearchNews:hover{background:url(../images/icoSearchHover.png) center no-repeat} .boxDateList{} .boxDateList a{display:block;border-bottom:1px solid #ebebeb; background:url(../images/icoJtDate1.png) right center no-repeat; font-size:17px; line-height:50px;} .boxDateList .on{background:url(../images/icoJtDate1Hover.png) right center no-repeat!important;} .boxDateList .on:hover{color:#c8161d} .boxRight{ display:inline-block; width:990px; padding:0 0 0 40px; vertical-align:top;} .newsList{ margin-top:-30px;} .newsList a{display:block; border-bottom:2px solid #e6e6e6; padding:30px 0; overflow:hidden} .newsList a div{float:right; width:200px; overflow:hidden} .newsList a div img{width:100%; height:auto; transition:transform 1s;} .newsList a i{display:inline-block; width:110px; font-size:28px; line-height:28px;color:#c8161d;font-family:'DINCond-Bold';letter-spacing:-1px; margin-top:10px;vertical-align:top; } .newsList a span{display:inline-block; width:610px; vertical-align:top; text-align:justify} .newsList a h1{font-size:21px; line-height:28px; margin:10px 0; font-weight:bold; color:#555;overflow:hidden; } .newsList a h2{font-size:14px; line-height:22px; color:#999} .newsList a h3{background:url(../images/icoJt6.png) right center no-repeat; display:inline-block; padding-right:26px; line-height:22px; font-size:14px;color:#999; font-weight:bold; margin:10px 0 0 0} .newsList a:hover{border-bottom:2px solid #c8161d;} .newsList a:hover h1{color:#c8161d;} .newsList a:hover h3{background:url(../images/icoJt6Hover.png) right center no-repeat; color:#c8161d;} .newsList a:hover div img{transform:scale(1.2);} .boxPage{width:100%; overflow:hidden; margin:30px auto 0 auto; font-size:0; max-width:1260px;} .boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:42px; height:42px;text-align:center; line-height:42px; margin-right:8px; border-radius:50%;vertical-align:middle} .boxPage a:hover{ color:#fff; background-color:#c8161d;} .curPage{color:#fff!important; background-color:#c8161d!important;} .numPage{float:left;} .btnPage{float:right; } .prePage{background:url(../images/pagePre.png) center no-repeat; } .nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important} .boxPage span{font-size:16px;line-height:45px;margin:0 15px 0 7px;display:none; vertical-align:middle} .boxShow{ padding:0;} .showLeft{display:inline-block; width:150px; padding:0 40px 0 0; vertical-align:top; } .newsDate{ width:110px; height:110px; background:#eee; font-family:'DINCond-Bold'; font-weight:bold; text-align:center} .newsDate h1{line-height:74px; color:#c8161d; font-size:50px;} .newsDate h2{line-height:36px; background:#c8161d; color:#fff; font-size:18px;} .showCenter{display:inline-block; width:100%; max-width:800px; vertical-align:top} .showTitle{padding:0 0 10px 0;font-size:26px;line-height:35px; font-weight:bold} .showInfo{color:#999; font-size:14px; line-height:20px;} .showInfo i:last-child{display:none} .showCon{width:100%; padding:20px 0 0 0; font-size:15px; line-height:26px; overflow:hidden;border-top:1px solid #d8d8d8; margin-top:20px; font-family:'寰蒋闆呴粦'!important} .showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/} .showCon p,.showCon div{line-height:26px; text-align:justify} .showRight{display:inline-block; width:270px; margin:0 0 0 40px;vertical-align:top; background:#ededed; padding:0 20px;} .showRight a{ display:block; font-size:13px; line-height:26px; color:#999; padding:15px 0; border-bottom:1px solid #ddd} .showRight a:last-of-type{ border:none} .showRight a strong{ display:block; color:#555} .showRight a:hover i{ color:#c8161d} .showVideo{ width:100%; height:calc((100vw - 30px)/16*9); max-height:500px; display:block; margin:10px 0 0 0} /*------------share------------*/ .btnShare1{ text-align:center; padding:40px 0 0 0} .btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; margin-bottom:15px;} .btnShare1 a{display:block; margin-bottom:10px; overflow:hidden;} .btnShare1 div{width:40px; height:40px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden} .btnShare1 a img{ margin-top:4px;} .btnShare1 .shareWx div{background-color:#c5c5c6} .btnShare1 .shareWb div{background-color:#c5c5c6} .btnShare1 .shareQz div{background-color:#c5c5c6} .btnShare1 .shareQq div{background-color:#c5c5c6} .btnShare1 .shareWx:hover div{background-color:#6ac334} .btnShare1 .shareWb:hover div{background-color:#c8161d} .btnShare1 .shareQz:hover div{background-color:#f1a718} .btnShare1 .shareQq:hover div{background-color:#27a0f5} .btnShare1Fixed{} .boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box} .boxEwm a{display:block;height:26px; width:100%;} .boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 22px} .boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none} /*------------share------------*/ .tvList{ width:100%; overflow:hidden; margin-top:-30px;} .tvList a{display:inline-block; width:calc((100% - 60px)/3); margin:30px 30px 0 0; position:relative} .tvList a:nth-child(3n+3){margin-right:0} .tvList h1{ position:absolute; top:20px; left:20px; z-index:2; background:url(../images/logoTv.png) no-repeat; width:87px; height:24px;} .tvList a div{ width:100%; height:240px;/* height:calc((100% - 60px)/3*2);*/ position:relative; overflow:hidden; background:#000} .tvList a div i{ width:100%; height:100%; background:url(../images/icoVideo.png) no-repeat center center/40px 40px; position:absolute; top:0; left:0; display:block; z-index:2;} .tvList a div img{width:100%; height:100%; transition:transform 1s} .tvList a span{display:block; height:70px; padding:0 20px; border:2px solid #e6e6e6; border-top:none} .tvList a span i{height:68px; width:1px; display:inline-block; vertical-align:middle} .tvList a span font{ width:calc(100% - 1px);display:inline-block; vertical-align:middle;line-height:22px; font-size:15px;} .tvList a:hover div img{ transform:scale(1.2); opacity:0.7} .tvList a:hover div i{display:block} .tvList a:hover{ background:#c8161d;color:#fff} /*----------------------------news----------------------------*/ /*----------------------------inv----------------------------*/ .textList{ margin:-25px 0 0 0} .textList a{ display:block; padding:25px 10px; border-bottom:1px dotted #b2b2b2;} .textList a i{display:inline-block; width:120px; height:40px; line-height:40px; font-size:20px; background:#d8d8da; color:#c8161d; font-family:'DINCond-Bold'; text-align:center; vertical-align:middle} .textList a span{ display:inline-block; width:810px; padding:0 30px 0 20px; font-size:17px; line-height:28px; vertical-align:middle; background:url(../images/icoJt7.png) no-repeat right center; text-align:justify} .textList a:hover span{background:url(../images/icoJt7Hover.png) no-repeat right center} .navTab{} .navTab a{ width:50%; border-bottom:2px solid #ccc; font-size:24px; line-height:26px; padding:0 0 25px 0; display:inline-block; text-align:center} .navTab .on{border-bottom:2px solid #c8161d!important; font-weight:bold; color:#c8161d} .dsList{ padding:20px 0 0 0} .dsList li{ background:#f4f4f4; margin-bottom:20px; padding:40px;} .dsList li h1{ display:inline-block; width:180px; vertical-align:top; font-size:26px; line-height:40px; background:url(../images/icoJtDate1Hover.png) no-repeat right center;} .dsList li div{ display:inline-block; width:1000px; vertical-align:top; padding:0 0 0 40px; font-size:15px; line-height:26px;} .icoMail{ padding:20px 0; background:#c8161d; text-align:center} .icoMail i{ display:inline-block; width:60px; height:60px; background:#fff url(../images/icoMail.png) no-repeat center center/30px 24px; border-radius:50%; vertical-align:middle} .icoMail span{display:inline-block; font-size:15px; line-height:26px; font-weight:bold; color:#fff; margin:0 0 0 20px; vertical-align:middle} .contactIcoInv{ padding:10px 0 50px 0; } .contactIcoInv li{display:inline-block; margin:0 70px 0 10px; font-size:15px; line-height:26px;} .contactIcoInv li img{display:inline-block; vertical-align:middle;} .contactIcoInv li i{display:inline-block;vertical-align:middle;} .btnLinkA{ display:inline-block; width:280px; height:50px; padding:0 30px 0 0; border:2px solid #e6e6e6; line-height:46px; font-size:15px; text-align:center; position:relative; border-radius:25px; margin:0 0 0 100px;} .btnLinkA h1{ width:31px; height:18px; background:url(../images/icoJt5Hover.png) no-repeat; position:absolute; top:50%; margin:-9px 0 0 0; right:50px; transition:all .3s} .btnLinkA:hover{border:2px solid #c8161d;} .btnLinkA:hover h1{right:30px;} .contactMapInv{ width:100%; height:400px;} /*----------------------------inv----------------------------*/ /*----------------------------contact----------------------------*/ .boxContactJt{} .contactIco{padding:40px 0} .contactIco li{display:inline-block;width:26%;font-size:15px; line-height:26px;} .contactIco li:first-child{ width:44%;} .contactIco li:last-child{ margin-right:0;width:20%;} .contactIco li img{display:inline-block; vertical-align:middle;} .contactIco li i{display:inline-block;vertical-align:middle;} .boxContactJt1{ display:none} .contactMap{width:100%; height:400px; border:10px solid #fff;} .imgMap{border:1px solid #ccc; padding:10px; width:100%; height:400px; cursor:pointer} .imgMap .bj{width:100%; height:100%; background:url(../images/mapBj.jpg?v=1.0) no-repeat center} .imgMap .fz{width:100%; height:100%; background:url(../images/mapFz.jpg) no-repeat center} .contactList{} .contactList li{width:50%; border-bottom:2px solid #ccc; display:inline-block; padding:45px 0; vertical-align:top} .contactList li h1{ font-size:24px; line-height:24px; padding:0 0 0 5px} .contactList li span{ display:block; padding:15px 0 0 0} .contactList li span p{ font-size:15px;line-height:22px; padding:4px 0 0 35px; background:url(../images/icoContactList1.png) no-repeat left center; display:block} .contactList li span p:nth-child(2){background:url(../images/icoContactList2.png) no-repeat left center;} .contactList li span p:nth-child(3){background:url(../images/icoContactList3.png) no-repeat left center;} .contactList li span p:nth-child(4){background:url(../images/icoContactList4.png) no-repeat left center;} .contactList li:nth-last-child(2){border-bottom:none;padding-bottom:0} .contactList li:last-child{border-bottom:none;padding-bottom:0} /*----------------------------contact----------------------------*/ .navTitle1{} .navTitle1 h1{ margin-bottom:10px; position:relative} .navTitle1 h1 i{width:100%; height:1px; position:absolute; top:50%; left:0;} .navTitle1 h1 font{font-size:36px;line-height:36px;display:inline-block; background:#fff; padding-right:30px; position:relative; z-index:2} .navTitle1 h2{ font-size:46px; line-height:46px; opacity:0.15; text-transform:uppercase} .gray i{background:#c8161d} .red{color:#c8161d} .red i{background:#c8161d} .blue{color:#0736a2} .blue i{background:#0736a2} .green{color:#00736a} .green i{background:#00736a} .yellow{color:#c99f63} .yellow i{background:#c99f63} .dcMap{width:100%; max-width:1260px; height:640px; margin:0 auto; position:relative; overflow:hidden} .dcMapL{width:390px; padding:80px 0 0 0} .dcMapText{ padding:100px 0 0 0} .dcMapText p{ font-size:15px; line-height:26px; text-align:justify; margin-bottom:10px;} .dcMapR{position:absolute; right:75px; top:24px; width:704px; height:616px; background:url(../images/imgMap.png) no-repeat top;} .bgGray{ background:#f2f2f2; width:100%; overflow:hidden} .navTitle2{ width:100%; max-width:1260px;text-align:center; background:url(../images/bgLine.png) center repeat-x; margin:60px auto 40px auto; display:block} .navTitle2 span{ display:inline-block; background:#f2f2f2} .navTitle2 h1{background:url(../images/bgTitle2.png) no-repeat left center} .navTitle2 i{ font-size:36px; line-height:36px; display:inline-block; padding:0 30px;background:url(../images/bgTitle2.png) no-repeat right center} .white span{ background:#fff!important} .dcXl{ margin:0 0 60px 0!important} .dcXl .swiper-slide{ height:380px!important;} .dcXl .bg1{background:url(../images/imgXl1_1.jpg) no-repeat center/cover!important;} .dcXl .bg2{background:url(../images/imgXl2_1.jpg) no-repeat -130px center/cover!important} .dcXl .bg3{background:url(../images/imgXl3_1.jpg) no-repeat center/cover!important} .dcXl .bg4{background:url(../images/imgXl4_1.jpg) no-repeat -390px center/cover!important} .dcXl .bg5{background:url(../images/imgXl5_1.jpg) no-repeat center/cover!important} .dcXl .bg6{background:url(../images/imgXl6_1.jpg) no-repeat -360px center/cover!important} .proSearch{position:relative; padding:0 0 30px 0; } .searchClass{} .searchClass li{position:relative; font-size:0; padding:0 0 10px 50px;line-height:28px; } .searchClass i{position:absolute; left:0; top:0; font-size:14px;font-weight:bold} .searchClass a{font-size:14px; display:inline-block; padding:0 12px; margin:0 2px;border-radius:3px;} .searchClass a:hover{color:#c8161d} .searchClass .on{background:#c8161d;color:#fff} .searchClass .on:hover{color:#fff} .proSearch1{position:absolute; bottom:45px; right:0; width:390px; border-bottom:1px solid #c2c2c2} .inputPro{ width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; border:none; background:none; font-size:14px; text-indent:5px} .submitPro{ width:40px; height:40px; background:url(../images/icoSearchPro.png) center no-repeat; border:none;} .proList{ width:100%; margin:0 0 -30px 0} .proList a{display:inline-block; width:calc((100% - 70px)/3); height:370px; vertical-align:top; margin:0 30px 0 0;} .proList a:nth-child(3n+3){margin-right:0} .proList a div{width:100%; height:253px; overflow:hidden} .proList a div img{ width:100%; height:100%;transition:transform 1s;} .proList a h1{ font-size:18px;line-height:100%;font-weight:bold; padding:20px 0 10px 0;} .proList a h2{ font-size:13px; line-height:22px; color:#666; font-weight:normal} .proList a:hover div img{transform:scale(1.2);} /*--------------------------------椤圭洰灞曠ず--------------------------------*/ .proEwm{ position:fixed; right:0; bottom:100px;} .proCur{ width:1240px; margin:80px auto 0 auto;} .proCur a{display:inline-block; background:url(../images/icoCurJt1.png) center left no-repeat; padding-left:15px; margin-right:10px; vertical-align:middle; font-size:15px; color:#444;line-height:70px; height:70px;} .proCur a:first-of-type{background:url(../images/icoCurHome.png) center left no-repeat; padding-left:28px;} .proCur a:last-of-type{ font-weight:bold;} .proShow{width:100%; max-width:1260px; margin:0 auto; background:#fff} .proBanner{width:100%;height:515px;overflow:hidden; position:relative;z-index:1} .proBanner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important;} .proBanner .swiper-slide img{ width:100%;} .proBanner .swiper-pagination{bottom:30px!important; left:-10px; text-align:right;z-index:1;} .proBanner .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1.0; box-sizing:border-box; border-radius:4px;} .proBanner .swiper-pagination-bullet-active{width:20px; background:#c8161d;} .proInfo{margin:-80px auto 0 auto; width:100%; max-width:1260px; position:relative;z-index:2; text-align:center} .proInfo span{ width:160px; height:160px; padding:11px;background:url(../images/bgProLogo.png) no-repeat center center/cover;display:block; margin:0 auto;} .proInfo span img{ width:100%; height:100%; border-radius:50%} .proInfo h1{ background:url(../images/bgLine.png) repeat-x center; display:inline-block; width:100%; max-width:800px; margin:10px auto 20px 0} .proInfo h1 i{font-size:30px; line-height:30px; font-weight:bold; padding:0 20px; background:#fff} .proInfo h2{} .proInfo h2 i{ display:inline-block; font-size:14px; line-height:26px;padding:0 0 0 15px; text-align:left} .proInfo h2 i:first-child{ padding:0 20px 0 0; background:url(../images/bgLine1.jpg) no-repeat right center; background-size:6px 11px; text-align:right} .proShow1{ width:100%;padding:0 100px; overflow:hidden} .proNavTab{ border-bottom:1px solid #ccc; height:36px; margin:30px 0 20px 0} .proNavTab a{display:inline-block; width:140px; line-height:36px; font-size:17px; text-align:center;} .proNavTab .on{background:#c7161e; color:#fff; font-weight:bold} .conTab{display:none} .proNav{border-bottom:1px solid #ccc; height:36px; margin:30px 0 20px 0} .proNav i{display:inline-block;width:140px; line-height:36px; font-size:17px; text-align:center;background:#c7161e; color:#fff; font-weight:bold} .proCon{font-size:15px; line-height:26px; text-align:justify} .proImgList1{position:relative; padding:0 0 40px 0; width:100%; overflow:hidden;} .proImgList{width:100%; height:260px; overflow:hidden;} .proImgList img{width:auto; height:260px} .proImgList .swiper-slide{width:auto; z-index:1} .proImgList .swiper-pagination{bottom:0!important;z-index:1} .proImgList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;} .proImgList .swiper-pagination-bullet-active{width:20px; background:#c8161d;} .proImgList .swiper-button-prev{left:10px; margin-top:-40px; opacity:0.5;pointer-events:auto!important} .proImgList .swiper-button-next{right:10px;margin-top:-40px;opacity:0.5;pointer-events:auto!important} .proMap{ margin-bottom:50px; height:400px; width:100%;} /*--------------------------------椤圭洰灞曠ず--------------------------------*/ /*--------------------------------hotel--------------------------------*/ /*.hotelCon{ width:100%; max-width:1260px; margin:0 auto} .hotelCon p{ font-size:15px; line-height:26px}*/ .hotelNews{ width:100%; overflow:hidden} .hotelNews a{ display:block; background:#fff; margin-bottom:20px;} .hotelNews a div{ display:inline-block; width:210px; height:140px;vertical-align:middle} .hotelNews a div img{width:100%; height:100%} .hotelNews a span{ display:inline-block; width:1050px; padding:0 35px 0 35px; position:relative; vertical-align:middle} .hotelNews a h1{ position:absolute; right:35px; top:3px; font-size:22px; line-height:22px; color:#999; font-family:'DINCond-Bold'} .hotelNews a h2{ font-size:21px; font-weight:bold; line-height:30px; margin:0 0 10px 0} .hotelNews a h3{ font-size:14px; line-height:22px; color:#999} .btnMore{text-align:center; margin:30px 0 60px 0;} .btnMore a{display:inline-block; line-height:60px; width:180px; padding:0 40px 0 0; background:#0236a4; color:#fff; font-size:15px; font-weight:bold; position:relative} .btnMore a i{ display:inline-block; position:absolute; top:50%; margin:-9px 0 0 0; right:40px; width:31px; height:18px; background:url(../images/icoJt5.png) no-repeat; transition:all .3s} .btnMore a:hover i{ right:30px} .hotelProList{width:100%;overflow:hidden; position:relative; padding-bottom:90px;} .hotelProList .swiper-slide{ position:relative; overflow:hidden; display:inline-block; width:60%; height:32.4vw; max-width:1000px; max-height:540px;background:#000} .hotelProList .swiper-slide div{position:absolute; bottom:15px; left:0; width:100%; height:130px; background:url(../images/bgBlackHotel.png) center repeat-x; color:#fff;display:none; overflow:hidden} .hotelProList .swiper-slide div h1{width:130px; height:130px; border:8px solid rgba(255,255,255,.3); border-radius:50%; display:inline-block; vertical-align:middle; margin:0 20px 0 30px} .hotelProList .swiper-slide div h1 img{width:100%; height:100%; background:#fff;border-radius:50%;} .hotelProList .swiper-slide div h2{font-size:21px; line-height:21px; font-weight:bold;display:inline-block; vertical-align:middle; margin:0 10px 0 0 } .hotelProList .swiper-slide div h3{ width:90px; height:26px;font-size:12px; line-height:24px; border:1px solid #fff; opacity:0.5; text-align:center; border-radius:4px;display:inline-block; vertical-align:middle} .hotelProList .swiper-slide div h4{ display:inline-block; float:right; width:140px; margin:30px 0 0 0; line-height:70px; background:url(../images/icoJt5.png) no-repeat 70px center; font-size:15px; font-weight:bold; color:#fff; transition:all .3s; } .hotelProList .swiper-slide div h4:hover{background:url(../images/icoJt5.png) no-repeat 80px center;color:#fff} .hotelProList .swiper-slide span{width:100%; height:100%; display:block; background-size:cover!important; opacity:0.5} .hotelProList .swiper-slide-active div{display:block;} .hotelProList .swiper-slide-active span{opacity:1.0} .hotelProList .swiper-pagination{bottom:41px!important;z-index:1; text-align:center;} .hotelProList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;} .hotelProList .swiper-pagination-bullet-active{width:20px; background:#c8161d;} .hotelProList .swiper-button-prev{left:calc((100% - 1000px)/4 - 20px); margin:-105px 0 0 0;width:40px; height:120px; background-size:100% 100%} .hotelProList .swiper-button-next{right:calc((100% - 1000px)/4 - 20px);margin:-105px 0 0 0;width:40px; height:120px; background-size:100% 100%} .hotelContct{ padding:40px 0;} .hotelContct li{display:inline-block; width:33.3%; height:270px; border-right:1px solid #ccc; vertical-align:top; padding:0 40px;} .hotelContct li:first-child{padding:0 40px 0 0;} .hotelContct li:last-child{border:none} .hotelContct li h1{ font-size:17px;line-height:17px;font-weight:bold; } .hotelContct li h2{ width:34px; height:2px; background:#0236a4; margin:15px 0;} .hotelContct li span{ font-size:15px; line-height:26px;} .hotelContct li span p{ padding-bottom:10px;} .hotelTips{font-size:15px; line-height:26px; font-weight:bold; color:#0236a4; margin:0 0 50px 0} /*--------------------------------hotel--------------------------------*/ /*--------------------------------sy--------------------------------*/ .syCon{ text-align:center; padding:60px 0} .navSy{} .navSy h1{ font-size:36px; line-height:36px;} .navSy h2{ display:block; max-width:600px; width:100%; border:1px solid #ccc; color:#b6b6b6; text-transform:uppercase; letter-spacing:10px; padding-left:20px; line-height:36px; font-size:20px; margin:15px auto 30px auto} .syCon i{ display:block;height:33px; background:url(../images/icoJt8.png) no-repeat center center/auto 100%; margin:30px 0 0 0} .syProList{ padding:0 0 50px 0} .syProList li{ width:100%;background:#666; margin-bottom:10px; color:#fff; overflow:hidden; text-align:justify} .syProList li div{display:inline-block; width:360px; height:240px; vertical-align:middle} .syProList li div img{width:100%; height:100%} .syProList li span{display:inline-block; width:900px; padding:0 30px;vertical-align:middle; position:relative} .syProList li h1{ line-height:22px;} .syProList li h1 strong{font-size:22px; font-weight:bold; display:inline-block; min-width:210px;} .syProList li h1 i{ font-size:18px;display:inline-block; background:url(../images/bgLine2.png) no-repeat left center; padding:0 0 0 20px;} .syProList li h2{ width:44px; background:#fff; height:2px; margin:15px 0 15px 0} .syProList li h3{ font-size:15px; line-height:22px;} .syProList li h4{ width:100%;margin:10px 0 0 0} .syProList li h4 i{ display:inline-block; padding-right:25px;font-size:15px; line-height:22px; opacity:0.5} .syProList li h5{ background:url(../images/icoClock.png) no-repeat left center; padding:0 0 0 25px; font-size:14px; font-weight:bold; line-height:22px; position:absolute; right:30px; top:0;} /*--------------------------------sy--------------------------------*/ /*--------------------------------service--------------------------------*/ .serviceCon{ width:100%; padding:80px 0;background:url(../images/bgService.png) left repeat-y;} .serviceCon img{ display:inline-block; width:510px;} .serviceConR {display:inline-block; width:750px; padding:40px 0 0 80px; vertical-align:middle;text-align:left; float:right} .serviceConText{text-align:justify; padding:30px 0 0 0} .serviceConText p{ font-size:15px; line-height:26px; margin-top:10px;} .serviceTs{ width:100%; max-width:1260px; margin:0 auto; padding:60px 0} .navTs{ font-size:36px; line-height:36px; margin:0 0 25px 0} .serviceTsList{position:relative; padding:0 0 80px 0;width:100%; overflow:hidden; margin:30px 0 0 0;} .serviceTsList .swiper-slide{width:700px; height:540px; position:relative;} .serviceTsList .swiper-slide h2{background:#000;margin:-16px 0 0 0;} .serviceTsList .swiper-slide img{ width:100%;opacity:0.7} .serviceTsList .swiper-slide div{width:100%; height:120px; border-bottom:1px solid #ccc; font-size:14px; line-height:24px; display:block; opacity:0} .serviceTsList .swiper-slide div i{ height:100%; width:1px; display:inline-block; vertical-align:middle} .serviceTsList .swiper-slide div span{width:99%; display:inline-block; vertical-align:middle} .serviceTsList .swiper-slide div span h1{ font-weight:bold; font-size:19px; color:#c8161d; line-height:19px; margin:0 0 10px 0; display:block;} .serviceTsList .swiper-slide-active h2{margin:0;} .serviceTsList .swiper-slide-active img{ opacity:1} .serviceTsList .swiper-slide-active div{opacity:1.0} .serviceTsList .swiper-pagination{bottom:16px!important;z-index:1} .serviceTsList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;} .serviceTsList .swiper-pagination-bullet-active{width:20px; background:#c8161d;} .serviceTsList .swiper-button-prev{left:120px; top:auto;bottom:0;margin:0;width:18px; height:41px; background:url(../images/jtLeft.png) no-repeat center/cover; opacity:1;z-index:99;} .serviceTsList .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) no-repeat center/cover;opacity:1.0} .serviceTsList .swiper-button-next{right:120px;top:auto;bottom:0; margin:0;width:18px; height:41px; background:url(../images/jtRight.png) no-repeat center/cover; opacity:1;z-index:99} .serviceTsList .swiper-button-next:hover{background:url(../images/jtRightHover.png) no-repeat center/cover;opacity:1.0} /*--------------------------------service--------------------------------*/ /*--------------------------------layout--------------------------------*/ .dybjList{} .dybjList li{background:#f2f2f2; padding:80px 0;} .dybjList li:nth-child(odd){ background:url(../images/bgService.png) right repeat-y} .dybjBox{width:1260px; margin:0 auto; overflow:hidden} .dybjBoxL{float:left; width:750px; height:430px; padding:0 70px 0 0;} .dybjBoxR{float:left; width:510px;} .dybjBoxR img{width:100%;} .dybjBoxL1{height:100%; width:1px; display:inline-block; vertical-align:middle} .dybjBoxL2{width:99.5%; display:inline-block;vertical-align:middle} .dybjText{ font-size:15px; line-height:26px; padding:40px 0 40px 70px;} .dybjList li:nth-child(even) .dybjBoxL{ float:right;padding:0 0 0 70px;} .dybjList li:nth-child(even) .dybjText{ padding:40px 70px 40px 0;} .dybjList .btnLink{ text-align:left!important} /*--------------------------------layout--------------------------------*/ /*--------------------------------search--------------------------------*/ .bgBox{ background:#f4f4f4; width:100%; overflow:hidden} .marginTop{ margin-top:80px;} .searchNav{ font-size:16px; color:#666; padding:40px 0 20px 0; border-bottom:1px solid #aaa} .searchNav i{ font-size:40px; line-height:40px; font-family:'DINCond-Bold'; color:#c8161d; margin:0 5px} .searchList{} .searchList a{ display:block; line-height:26px; padding:28px 25px 28px 30px; font-size:16px; background:url(../images/bgLi1.png) 15px 40px no-repeat;} .searchList a i{float:right; color:#888} .searchList a:nth-child(even){ background:url(../images/bgLi1.png) 15px 40px no-repeat;background-color:rgba(0,0,0,0.05);} /*--------------------------------search--------------------------------*/ /*--------------------------------thzl--------------------------------*/ .boxThzl{ width:100%;background:url(../images/bgLine.png) no-repeat 0 150px/100% 2px; margin-bottom:60px;} .boxThzl ul{ display:block; width:1260px; margin:0 auto;background:url(../images/bgLineThzl.jpg) no-repeat bottom left} .boxThzl ul li{ width:160px; height:600px; display:inline-block; text-align:center; vertical-align:top; background:url(../images/bgLineThzl.jpg) no-repeat bottom right; position:relative; padding:200px 0 0 0; transition:width .3s } .boxThzl ul li h1{ font-size:26px; line-height:26px; font-family:'DINCond-Bold'; position:absolute; top:85px; width:100%;} .boxThzl ul li h2{ width:20px; height:20px; border:4px solid #c8161d; border-radius:50%; background:#fff; position:absolute; top:140px; left:50%; margin:0 0 0 -10px;transition:all 1s ease} .boxThzl ul li h2 img{width:100%; height:100%;display:none; } .boxThzl ul li h3{ width:100%; padding:50px 69px 0 69px;font-size:21px; font-weight:bold; line-height:30px;} .boxThzl ul li h4{ width:40px; height:2px; background:#c8161d; display:block; margin:20px auto; opacity:0} .boxThzl ul li span{ width:100%;display:block; opacity:0; text-align:left; padding:0 40px} .boxThzl ul li span i{ display:block; position:relative; padding:0 0 0 60px; font-size:15px; line-height:24px;} .boxThzl ul li span i strong{ position:absolute; left:0; top:0} .boxThzl ul li:last-child h3{padding-top:40px;} .boxThzl .on{ width:620px;} .boxThzl .on h1{ top:330px; color:#c8161d} .boxThzl .on h2{ width:300px; height:300px; border:2px solid #ccc;top:0; margin:0 0 0 -150px;} .boxThzl .on h2 img{ border:4px solid #fff; border-radius:50%; display:block} .boxThzl .on h3{ width:100%; padding:0!important;margin-top:165px;font-size:21px; font-weight:bold; line-height:30px; } .boxThzl .on h4{ opacity:1} .boxThzl .on span{ opacity:1} /*--------------------------------thzl--------------------------------*/ .magList{ width:100%; margin:60px 0 -30px 0; overflow:hidden} .magList a{width:245px;height:340px;border:2px solid #d9d9d9; position:relative; overflow:hidden; background:#c7161e; display:inline-block; margin:0 35px 50px 35px;} .magList a img{width:241px; height:336px;} .magList a i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s} .magList a:hover img{ opacity:0.2} .magList a:hover i{opacity:1; top:50%;} .xlNav{background:rgba(0,0,0,0.5); display:none; position:relative; z-index:1} .xlNav a{ display:inline-block; font-size:12px; line-height:46px; width:16.6%; text-align:center; color:#fff} .xlNav .on{ background:#c8161d} .xlText{ padding:0 100px 50px 100px; font-size:15px; line-height:26px;} .indPc{} .indM{display:none}