锘緻import "font/din/din.css"; body,html{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#777; font-family:'PingFang SC','寰蒋闆呴粦','Microsoft YaHei','STHeiti','Gotham'; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none;} 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:#777} a:active,a:focus,a:hover{outline:none; color:#d70c19} 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;} *{box-sizing:border-box;outline:none;} .toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7} .toTop:hover{background:url(../images/toTopHover.png?v=1.0) no-repeat;background-size:100% 100%;opacity:1.0} .boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px; background:#fff} .boxTop1{position:relative;box-sizing:border-box; width:96%; text-align:right; display:block; margin:0 auto} .logo{position:absolute; left:0; top:22px; height:38px} @font-face { font-family: "DINCond"; src: url("../css/font/DINCond/DINCond.woff2") format("woff2"), url("../css/font/DINCond/DINCond.woff") format("woff"), url("../css/font/DINCond/DINCond.ttf") format("truetype"), url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"), url("../css/font/DINCond/DINCond.svg") format("svg"); font-weight:normal; font-style:normal; } @keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}} .boxNav{height:80px; text-align:center;display:inline-block; vertical-align:middle;margin:0 50px 0 0} .boxNav li{display:inline-block;position:relative; padding:0; margin:0 0 0 50px; padding:0 10px;} .boxNav li span a{display:block;font-size:14px;line-height:80px; height:80px; font-weight:bold; color:#777; position:relative; z-index:2} .boxNav li span a:hover{color:#fff} .boxNav li span i{height:24px; background:#d70c19; width:100%; position:absolute; top:28px; left:0; display:none; border-radius:3px; z-index:1} .boxNav li .on a{color:#fff} .boxNav li .on i{display:block;animation:ANavI 0.3s; z-index:1} .boxNav li div{position:absolute; top:80px; left:0;width:100vw;text-align:left;background:rgba(0,0,0,0.25); z-index:2; display:none; border-radius:3px;} .boxNav li div a{display:inline-block;font-size:13px; padding:0 15px;color:#fff;line-height:50px; text-align:center;} .boxNav li div a sup{ line-height:13px;} .boxNav li div a:hover{ color:#d70c19;} /*.boxNav li:last-child div{left:-65px;}*/ .icoTop{ float:right; } .icoTop li{position:relative;display:inline-block; vertical-align:middle} .icoTop li:first-of-type{ margin:0} .icoTop li i{display:block; width:34px; height:80px;} .icoTop li div{position:absolute; top:80px; right:-38px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center;padding:10px; display:none} .icoTop li span{display:inline-block; text-align:center} .icoTop li div img{width:90px} .icoTop li div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px} .topSearch i{background:url(../images/icoTopSearch.png) center no-repeat;} .topSearch:hover i{background:url(../images/icoTopSearchHover.png?v=1.0) center no-repeat; opacity:1.0; } .topWx i{background:url(../images/icoTopWx.png) center no-repeat;} .topWx:hover i{background:url(../images/icoTopWxHover.png?v=1.0) center no-repeat; opacity:1.0;} .topLng{/* background:url(../images/bgLngLine.png?v=1.0) no-repeat left center; */margin:0 0 0 10px; text-align:center} .topLng a{display:inline-block;font-size:12px; width:24px; height:24px; line-height:24px;} .topLng a:hover{color:#d70c19} .topLng .on{ background:#d70c19; border-radius:3px; color:#fff} .topLng .on:hover{color:#fff!important} .bgTop{background:#fff!important;box-shadow:0 0 10px rgba(0,0,0,0.1);} .whiteCon{/*background:url(../images/bgTopBlack.png) no-repeat center/100% 100%!important;*/} .whiteCon .boxNav li span a{color:#fff!important} .whiteCon .boxNav li span a:hover{color:#fff!important} .whiteCon .topSearch i{background:url(../images/icoTopSearchWhite.png) center no-repeat!important;} .whiteCon .topSearch:hover i{background:url(../images/icoTopSearchHover.png) center no-repeat!important;} .whiteCon .topWx i{background:url(../images/icoTopWxWhite.png) no-repeat center!important;} .whiteCon .topWx:hover i{background:url(../images/icoTopWxHover.png) no-repeat center!important;} .whiteCon .topLng a{color:#fff} .whiteCon .topLng a:hover{color:#d70c19} .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; background:#fff; 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:13px; color:#444; text-indent:15px;} .submitTop{ width:100px; height:52px; background:#e50012; font-size:14px; color:#fff;cursor:pointer} .submitTop:hover{ background:#ca0010} .banner{width:100vw;height:100vh;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)} .slogan {position:absolute;width:100%;left:0;top:50%;margin-top:-14vw; z-index:100} .banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important} .banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;} .banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;} .banner .swiper-pagination-bullet-active{background:#e50012; width:22px;} .banner .swiper-button-prev{left:2%;margin-top:-23px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:101} .banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0} .banner .swiper-button-next{right:2%;margin-top:-23px;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:101} .banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0} .bannerM{width:100vw; /*height:100vh; */overflow:hidden;position:relative;display:none} .bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important} .bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px} .bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; } .bannerM .swiper-pagination-bullet-active{background:#e50012; width:20px;} /*--------------------mTop------------------------*/ .boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; display:none} .logoM{ position:absolute;left:15px; top:20px; height:30px;} .openMenu{width:70px; height:70px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) no-repeat center; background-size:cover} .closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png?v=1.0) center no-repeat; background-size:cover;} .whiteConM .openMenu{background:url(../images/openMenuWhite.png) no-repeat center!important; background-size:cover!important} .navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none} .boxNavM{ width:calc(100vw - 60px); height:100%;background:#d70c19 url(../images/bgNavM.png?v=1.1) no-repeat right bottom/80% auto;overflow-y:auto; padding:70px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;} .boxNavM li{ position:relative} .boxNavM li span{display:block; position:relative; width:130px;} .boxNavM li span a{display:block;font-size:14px;line-height:50px; color:#f7cbcd; } .boxNavM li span a:hover{ color:#fff} /*.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 .on a{color:#fff} .boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100} .boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:left; color:#f7cbcd;} .boxNavM li div a:hover{color:#fff} .boxNavM li div .on{color:#fff} .lngM{ position:absolute; top:20px; left:30px;} .lngM a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:11px; text-align:center; color:#f7cbcd; border-radius:3px;} .lngM .on{ border:1px solid #fff; color:#fff!important} .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------------------------*/ @keyframes arrowGo{ 0% {bottom:70px} 50% {bottom:50px} 100% {bottom:30px} } .btnGo{position:absolute; left:50%; margin-left:-12px; bottom:50px;animation:arrowGo 1s linear 0s infinite alternate;background:url(../images/icoArrow.png) center no-repeat; background-size:100% 100%; display:none; width:24px; height:30px; opacity:0.7; z-index:100;} .btnGo:hover{opacity:1.0} .boxInd{ width:1200px; margin:60px auto; display:block} .indNewsFocus{width:640px; height:160px; margin-right:50px; vertical-align:top;display:inline-block;} .indNewsFocus div{ display:inline-block; width:240px; height:160px; vertical-align:middle} .indNewsFocus div img{width:100%; height:100%} .indNewsFocus span{ display:inline-block; width:400px; padding:0 0 0 30px; vertical-align:middle} .indNewsFocus span h1{ font-size:26px; line-height:26px; color:#d70c19; font-family:'din'; font-weight:bold} .indNewsFocus span h2{ font-size:19px; line-height:24px; color:#666; font-weight:bold; margin:8px 0 10px 0; text-align:justify; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .indNewsFocus span h3{ font-size:14px; line-height:22px; text-align:justify} .indNewsFocus a:hover h2{color:#d70c19} .indNewsFocus a:hover h3{color:#777} .indNews{ width:510px;vertical-align:top; overflow:hidden; position:relative;vertical-align:top;display:inline-block;} .indNewsNav{ background:url(../images/bgLine.png) repeat-x bottom; height:36px; box-sizing:border-box;} .indNewsNav a{display:inline-block; width:100px;font-size:13px;text-align:center; line-height:26px; height:36px;font-weight:bold;} .indNewsNav .on{ border-bottom:2px solid #d70c19; color:#d70c19;} .indNewsList{display:none; padding:2px 0 0 0; } .indNewsList a{display:block; line-height:29px;border-bottom:1px solid #e4e4e4; background:url(../images/bgLi.png) no-repeat 3px center; padding:0 0 0 15px; box-sizing:border-box} .indNewsList a h1{font-size:13px; display:inline-block; width:calc(100% - 40px); vertical-align:middle; overflow:hidden; height:28px;} .indNewsList a h2{font-size:13px; color:#bbb;display:inline-block; width:40px;vertical-align:middle} .moreNews{position:absolute; top:0; right:0;display:block; width:42px; height:36px;background:url(../images/icoMore.png) no-repeat center right/4px 9px;} .moreNews i{display:block;font-size:12px;-webkit-transform:scale(0.84,0.84);*font-size:10px; line-height:36px;text-transform:uppercase; } .moreNews:hover{background:url(../images/icoMoreHover.png) no-repeat center right/4px 9px;} .boxIndYwbj{ width:100%; height:585px; background:url(../images/bgIndYwbj.jpg) no-repeat center;} .boxIndYwbj1{ width:100%; max-width:1240px; padding:0 20px; height:100%; position:relative; margin:0 auto; overflow:hidden} .ywbjTitle{ margin-top:66px;color:#666} .ywbjTitle h1{font-size:30px; line-height:30px;} .ywbjTitle h2{font-size:26px; line-height:26px; opacity:0.5; font-family:'din'; text-transform:uppercase; margin:10px 0 15px 0} .ywbjTitle h3{ width:240px; height:2px; background:#d70c19} .ywbjMap{ position:absolute; top:40px;right:0;} .ywbjList{ padding:10px 0 0 0} .ywbjList li{ line-height:40px; padding:35px 0 0 0} .ywbjList li h1{ font-size:22px; display:inline-block; vertical-align:middle; letter-spacing:8px;margin-right:8px} .ywbjList li h2{ font-size:40px; display:inline-block; vertical-align:middle; color:#d70c19; font-family:'din'} .ywbjList li h3{ font-size:34px; display:inline-block; vertical-align:middle; color:#d70c19; margin-left:5px} .ywbjList li:last-child h1{ letter-spacing:0; margin-right:16px} .btnMore{margin:60px 0 0 0} .btnMore a{background:#d70c19; width:150px; height:42px; display:inline-block;text-align:center} .btnMore a i{background:url(../images/icoMore1.png) no-repeat center right/4px 9px; display:inline-block; padding-right:10px; margin:0 auto} .btnMore a i font{display:block;font-size:12px;-webkit-transform:scale(0.84,0.84);*font-size:10px; line-height:42px;text-transform:uppercase; color:#fff} .btnMore a:hover{ background:#bc0000} .boxFoot{width:100%; padding:30px 0 40px 0; border-top:6px solid #d70c19; text-transform:uppercase} .boxFoot1{display:block; width:100%; max-width:1200px;margin:0 auto; text-align:left;font-size:12px;line-height:22px; position:relative} .footEwm{ position:absolute; right:0; top:0; text-align:center} .footEwm div{display:inline-block; margin:0 0 0 40px;} .footEwm img{width:90px; height:90px; border:1px solid #dcdcdc} .footEwm i{font-size:12px;line-height:22px; display:block} .footLink{ width:100%; max-width:880px; border-bottom:1px solid #dcdcdc; margin:0 0 10px 0; padding-bottom:15px} .footLink a{display:inline-block; font-size:14px; font-weight:bold; background:url(../images/icoFootDian.png) no-repeat right center; padding:0 25px 0 0; margin-right:22px;} .footLink a:last-child{ margin-right:0; padding-right:0; background:none} .subBanner{ width:100%; height:16.6667vw;background-size:cover!important; position:relative; margin-top:80px;} .subBanner div{position:absolute; top:50%; left:0; margin:-25px 0 0 0; color:#fff; width:100%; text-align:center} .subBanner div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; text-align:left; box-sizing:border-box;} .subBanner div h1{ font-size:50px; line-height:50px; font-family:'din'} .subBanner div h2{ font-size:30px; line-height:30px; margin-top:15px;opacity:0.5; text-transform:uppercase} .subBanner1{ width:100%; height:31.25vw;background-size:cover!important; position:relative; margin-top:90px;} .subBanner1 div{position:absolute; top:50%; left:0; margin:-70px 0 0 0; color:#fff; width:100%; text-align:center} .subBanner1 div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; box-sizing:border-box;} .subBanner1 div h1{ font-size:36px; line-height:36px; font-weight:bold} .subBanner1 div h2{ font-size:22px; line-height:22px; margin-top:15px;opacity:0.5; text-transform:uppercase;} .subBanner1 div h3{font-size:20px; line-height:20px; margin-top:15px; padding:15px 80px 0 80px;border-top:1px solid #fff; display:inline-block} .subNavBox{background:#fff; border-bottom:2px solid #d4d4d4; height:90px;position:relative; z-index:1; box-sizing:border-box} .subNav{text-align:right; width:100%; max-width:1200px; margin:0 auto;} .subNav a{ padding:0 30px; font-size:14px; font-weight:bold; line-height:90px;display:inline-block; box-sizing:border-box; text-align:center;position:relative} .subNav a sup{ display:inline-block; vertical-align:top;margin-top:-5px;} .subNav a i{ height:2px; background:#d70c19; width:100%;position:absolute; bottom:0; left:0; display:none; z-index:-1;} .subNav .on{color:#d70c19;} .subNav .on i{ display:block;animation:ANavI 0.3s} .curNav{ position:absolute; top:27px; left:50%; margin:0 0 0 -600px; font-size:26px; color:#d70c19; line-height:26px; border-left:4px solid #d70c19; padding:0 0 0 20px} .curNav sup{display:inline-block; vertical-align:top;margin-top:-5px; } /*.subNav1{ width:1200px; display:block; margin:0 auto;} .subNav1 a{ display:inline-block; width:33.333%;font-size:17px; font-weight:bold; line-height:48px; text-align:center; background:#d1d1d1} .subNav1 a:hover{ color:#122a69} .subNav1 .on{ background:#122a69;color:#fff}*/ .boxMax{ display:block; width:100%; max-width:1200px; margin:0 auto; overflow:hidden} .imgPc{display:block} .imgM{display:none} /*-----------------浼佷笟绠€浠?----------------*/ .qyjsLeft{display:inline-block; width:400px; padding-right:60px; vertical-align:top; margin:60px 0;} .qyjsLeftList{} .qyjsLeftList li{ padding:0 0 30px 0; border-bottom:1px solid #dcdcdc; margin-bottom:25px} .qyjsLeftList li h1{ color:#d70c19} .qyjsLeftList li h1 i{ display:inline-block; vertical-align:top; font-size:60px;line-height:60px;font-family:'din'} .qyjsLeftList li h1 font{display:inline-block; vertical-align:top; font-size:50px;line-height:54px;} .qyjsLeftList li h2{ font-size:15px; line-height:15px; margin-top:10px} .aboutGp{ margin-top:25px;} .aboutGp h1{font-size:15px; line-height:15px; font-weight:bold} .aboutGp h2{font-family:'din'; height:60px; margin:5px 0} .aboutGp h2 i{font-size:60px; line-height:60px; display:inline-block; vertical-align:bottom} .aboutGp h2 span{width:30px;height:13px;display:inline-block; vertical-align:bottom; margin:0 0 8px 0} .aboutGp h2 font{font-size:20px; line-height:20px;display:inline-block; vertical-align:bottom; margin:0 0 4px 0} .aboutGp h3{ font-size:15px; line-height:22px;} .aboutGp .gpUp{ color:#d70c19} .aboutGp .gpUp span{ background:url(../images/icoGpUp.png) no-repeat center/auto 100%; } .aboutGp .gpDown{ color:#d70c19} .aboutGp .gpDown span{ background:url(../images/icoGpDown.png) no-repeat center/auto 100%;} .qyjsRight{display:inline-block; width:800px; vertical-align:top; margin:60px 0; font-size:15px; line-height:28px; text-align:justify} .qyjsRight h1{ font-size:30px; line-height:30px; margin-bottom:25px} .qyjsRight strong{ display:block} .qyjsRight img{width:100%} /*-----------------浼佷笟绠€浠?----------------*/ /*-----------------浼佷笟鏂囧寲-----------------*/ .icoQywhList{ width:1200px; display:block; margin:0 auto; padding:60px 0} .icoQywhList a{display:inline-block; width:20%; vertical-align:top; text-align:center} .icoQywhList a div{ width:100px; height:100px; border:1px solid #868686; border-radius:50%; overflow:hidden; display:block; margin:0 auto; position:relative} .icoQywhList a div img{width:100%} .icoQywhList a i{display:block; font-size:15px; line-height:15px; margin-top:15px; color:#777} .icoQywhList a .icoQywh{position:absolute; top:0; left:0;transition:all .3s} .icoQywhList a .icoQywhOn{ position:absolute; top:100%; left:0;transition:all .3s} .icoQywhList a:hover div{border:2px solid #d70c19;} .icoQywhList a:hover i{font-weight:bold; color:#d70c19} .icoQywhList a:hover .icoQywh{top:-100%;} .icoQywhList a:hover .icoQywhOn{top:0;} .icoQywhList .on div{border:2px solid #d70c19;} .icoQywhList .on i{font-weight:bold; color:#d70c19} .icoQywhList .on .icoQywh{top:-100%;} .icoQywhList .on .icoQywhOn{top:0;} .boxQywh{width:100%; height:500px;background:url(../images/bgQywh.jpg) no-repeat center;} .boxQywhList{width:100%; max-width:1200px;height:500px; display:block; margin:0 auto;overflow:hidden; position:relative; color:#fff; text-align:center} .boxQywhList .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;} .boxQywhList .swiper-slide h1{background:url(../images/bgQywhTitle.png) no-repeat center; margin-top:100px;} .boxQywhList .swiper-slide h1 i{display:inline-block; font-size:26px; line-height:26px; letter-spacing:4px; margin-left:4px} .boxQywhList .swiper-slide h2{font-size:40px; line-height:40px; letter-spacing:6px; margin:60px 0 40px 6px} .boxQywhList .swiper-slide h3{font-size:18px; line-height:36px; letter-spacing:2px; margin:0 0 0 2px} .boxQywhList .swiper-slide h4{font-size:30px; line-height:40px; letter-spacing:6px; margin:40px 0 20px 6px} .boxQywhList .swiper-button-prev{left:2%;margin-top:-23px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:101} .boxQywhList .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0} .boxQywhList .swiper-button-next{right:2%;margin-top:-23px;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:101} .boxQywhList .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0} /*-----------------浼佷笟鏂囧寲-----------------* /*-----------------鍙戝睍鍘嗙▼-----------------*/ .bgFzlc{ width:100%; min-height:1354px; background:url(../images/bgFzlc.jpg) no-repeat center/auto 100%; padding:60px 0 120px 0} .boxFzlc{width:1200px; display:block; margin:0 auto; position:relative} .imgBird{ position:absolute; right:155px; top:160px} .icoFzlc{width:228px; height:228px; background:url(../images/icoFzlc.png) no-repeat center/cover; display:block; margin:0 auto;text-align:center; font-family:'din'; color:#fff; overflow:hidden} .icoFzlc h1{ font-size:60px; line-height:60px;margin:70px 0 0 0} .icoFzlc h2{ font-size:20px; line-height:20px;text-transform:uppercase} .listFzlc{background:url(../images/bgFzlcLine.png) no-repeat center/2px 100%; padding:100px 0 0 0; width:100%; margin:0 auto} .listFzlc li{ margin:-30px 0 0 0; position:relative; padding:0 650px 0 0;} .listFzlc li h1{position:absolute; left:50%; top:50%; margin:-15px 0 0 -50px; width:65px; height:29px; background:url(../images/icoFzlcJt1.png) no-repeat; z-index:2} .listFzlc li div{background:#fff; width:550px; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; padding:30px 160px 30px 30px} .listFzlc li div h2{ width:150px; height:80px; border-left:1px solid #d4d4d4; line-height:80px; font-size:30px; font-family:'din'; color:#d70c19; text-align:center; position:absolute; top:50%; right:0; margin:-40px 0 0 0} .listFzlc li div h3{ font-size:18px; line-height:26px; font-weight:bold; margin:0 0 10px 0} .listFzlc li div span{ display:block;} .listFzlc li div span p{ background:url(../images/bgLi1.png) no-repeat left 9px; font-size:13px; line-height:26px; padding:0 0 0 15px} .listFzlc li:nth-child(even){padding:0 0 0 650px;} .listFzlc li:nth-child(even) h1{margin:-15px 0 0 -15px;background:url(../images/icoFzlcJt2.png) no-repeat;} .listFzlc li:nth-child(even) div{padding:30px 30px 30px 185px;} .listFzlc li:nth-child(even) div h2{border-right:1px solid #d4d4d4;border-left:none;right:auto; left:0;} /*-----------------鍙戝睍鍘嗙▼-----------------*/ /*-----------------鑽h獕璧勮川-----------------*/ .boxRyzz{ width:1200px; display:block; margin:0 auto; position:relative; padding:70px 0 15px 320px;} .boxRyzz div{position:absolute; left:0; top:70px;} .boxRyzz span{ width:100%; display:block; } .boxRyzz span i{ margin:0 113px 55px 0; width:218px; display:inline-block; } .boxRyzz span i:nth-child(3n+3){margin-right:0} .bgRyzz{ width:100%; height:655px; background:url(../images/bgRyzz.jpg) no-repeat center; overflow:hidden} .ryzzPic{position:relative; padding:80px 0 6px 0;width:100%; max-width:1200px; display:block; margin:0 auto;overflow:hidden; } .ryzzPic .swiper-slide{width:600px; height:490px; position:relative;} .ryzzPic .swiper-slide h1 { width:100%; position:absolute; left:0; bottom:0; height:70px;display:none;} .ryzzPic .swiper-slide h1 i{ width:1px; height:100%; display:inline-block; vertical-align:middle} .ryzzPic .swiper-slide h1 font{width:99%;font-size:15px; line-height:26px; text-align:center;display:inline-block; vertical-align:middle} .ryzzPic .swiper-slide h2{ width:100%; height:420px;background:#000; margin-top:-8px} .ryzzPic .swiper-slide h2 img{ width:100%; height:100%; opacity:0.6} .ryzzPic .swiper-slide-active h1{display:block} .ryzzPic .swiper-slide-active h2{ box-shadow:0 0 20px rgba(0,0,0,0.2); margin-top:0} .ryzzPic .swiper-slide-active h2 img{opacity:1} .ryzzPic .swiper-pagination{bottom:0!important;z-index:1} .ryzzPic .swiper-pagination-bullet{width:6px; height:6px; background:#bec0c2; border-radius:3px; opacity:1.0} .ryzzPic .swiper-pagination-bullet-active{background:#d70c19; width:22px;} .ryzzPic .swiper-button-prev{left:calc((100% - 600px)/4);margin-top:-20px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.7; z-index:101} .ryzzPic .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0} .ryzzPic .swiper-button-next{right:calc((100% - 600px)/4);margin-top:-20px;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.7; z-index:101} .ryzzPic .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0} /*-----------------鑽h獕璧勮川-----------------*/ /*-----------------缇庡ソ+鏈嶅姟浣撶郴-----------------*/ .headMhj{ width:780px; display:block; margin:70px auto; font-size:16px; line-height:32px; text-align:center} .bgMhj{ width:100%; background:#f6f2ef; overflow:hidden} .boxMhj{ width:1200px; margin:60px auto; display:block} .navMhj{position:relative; width:100%; overflow:hidden; padding:16px 0 0 28px; height:102px; margin:0 0 40px 0} .navMhj span{position:relative; z-index:2; padding:10px 0; background:#f6f2ef; line-height:50px; display:block} .navMhj span h1{color:#d70c19; font-size:50px; font-family:'din'; width:56px;display:inline-block; vertical-align:middle} .navMhj span h2{font-size:30px;display:inline-block; vertical-align:middle} .navMhj span h2 strong{ color:#d70c19;font-size:30px;} .navMhj span h2 sup{display:inline-block; vertical-align:top;margin-top:-5px; } .navMhj span h3{font-size:30px;display:inline-block; vertical-align:middle} .navMhj i{position:absolute; left:0; top:0; width:86px; height:102px; border:2px solid #d70c19; z-index:1; display:inline-block} .navMhsh{width:100%; height:102px; margin:-142px 0 40px 0; text-align:right; position:relative; z-index:3;} .navMhsh a{ width:60px; height:100%; margin:0 0 0 60px;display:inline-block; vertical-align:top; text-align:center;} .navMhsh a i{display:block; font-size:15px; line-height:30px;} .navMhsh .on{background:url(../images/icoMhshJt.png) no-repeat bottom center} .boxMhsh{ width:100%; display:none;} .boxMhsh img{ width:600px; height:400px;display:inline-block; vertical-align:top} .boxMhsh span{ width:600px; height:400px; border:2px solid #e0d3ca; border-left:none; padding:65px 50px 0 50px; background:#fff url(../images/bgMhj.png) no-repeat center/cover;display:inline-block; vertical-align:top} .boxMhsh span h1{font-size:26px; line-height:26px;color:#d70c19; margin:0 0 40px 0} .boxMhsh span ul{ border-top:1px solid #eae1dc; display:block; width:100%;} .boxMhsh span ul li{ display:inline-block; width:50%; vertical-align:middle; line-height:40px; font-size:15px; border-bottom:1px solid #eae1dc} .boxMhsh span ul li i{width:16px; height:16px;border-radius:50%; background:#d39b75; display:inline-block; vertical-align:middle; margin:0 10px 0 0} .boxMhsh span ul li i font{display:block;font-size:12px;-webkit-transform:scale(0.83,0.83);*font-size:10px; color:#fff; line-height:16px; text-align:center} .boxMhkj{ width:100%; height:400px; background:#f6f2ef; overflow:hidden; position:relative} .boxMhkj img{ position:absolute;top:0; right:0;} .boxMhkj div{ width:600px; padding:95px 70px 0 70px; text-align:justify} .boxMhkj div p{ font-size:15px; line-height:30px;} .navMhkj{width:100%; overflow:hidden} .navMhkj a{ width:50%; display:inline-block; vertical-align:middle; border-bottom:2px solid #d6c4b9; line-height:100px; font-size:20px; text-align:center} .navMhkj .on{ border-bottom:2px solid #d70c19!important; color:#d70c19;font-weight:bold;} .boxMhkjApp{width:100%; overflow:hidden;margin:50px 0 0 0; display:none} .boxMhkjApp img{display:inline-block; vertical-align:top} .boxMhkjApp div{ width:50%; padding:0 40px; display:inline-block; vertical-align:top} .boxMhkjApp div p{font-size:15px; line-height:30px;} .boxMhkjApp div ul{width:100%; display:block; overflow:hidden; margin-top:6px} .boxMhkjApp div ul li{ width:110px; display:inline-block; margin-right:90px; text-align:center} .boxMhkjApp div ul li:last-child{margin:0} .boxMhkjApp div ul li h1{ font-size:15px; font-weight:bold; line-height:65px; background:url(../images/icoJtMhkj.png) no-repeat center bottom} .boxMhkjApp div ul li span{display:block; background:#fe9e47; color:#fff; font-size:15px; line-height:30px; padding:12px 0; border-radius:6px;} .boxMhkjApp div ul li span i{display:block} .appBlue li{ width:210px!important;} .appBlue h1{background:url(../images/icoJtMhkj1.png) no-repeat center bottom!important} .appBlue span{ background:#46b4ff!important;} .bgMhwh{ width:100%; background:url(../images/bgYellow.png) no-repeat top center/100% 680px; overflow:hidden;} .boxMhwh{ width:100%;padding:58px;border:2px solid #e0d3ca; background:#fff} .picFocus{position:relative; padding:0 0 40px 0;width:100%; overflow:hidden; } .picFocus .swiper-slide{width:700px; height:400px; position:relative; background:#000} .picFocus .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; padding:10px; background:rgba(0,0,0,0.3); font-size:15px; line-height:26px; color:#fff; text-align:center;display:none;} .picFocus .swiper-slide img{ width:100%; height:100%; opacity:0.6} .picFocus .swiper-slide-active h1{/*display:block*/} .picFocus .swiper-slide-active img{opacity:1} .picFocus .swiper-pagination{bottom:0!important;z-index:1} .picFocus .swiper-pagination-bullet{width:6px; height:6px; background:#bec0c2; border-radius:3px; opacity:1.0} .picFocus .swiper-pagination-bullet-active{background:#d70c19; width:22px;} .picFocus .swiper-button-prev{left:calc((100% - 700px)/4);margin-top:-43px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.7; z-index:101} .picFocus .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0} .picFocus .swiper-button-next{right:calc((100% - 700px)/4);margin-top:-43px;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.7; z-index:101} .picFocus .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0} .boxMhwhCon{ padding:50px 0 0 0} .boxMhwhCon p{ font-size:15px; line-height:26px; margin-bottom:10px} /*-----------------缇庡ソ+鏈嶅姟浣撶郴-----------------*/ /*-----------------澶氬厓涓氬姟-----------------*/ .bgDyyw{width:100%; background:url(../images/bgDyyw.jpg) no-repeat top center; overflow:hidden; padding:60px 0} .boxDyyw{ width:100%; max-width:1200px; display:block; margin:0 auto} .leftDyyw{ width:300px; padding:0 100px 0 0; display:inline-block; vertical-align:top} .leftDyyw a{ display:block; border:1px solid #d8d8d8; font-size:14px; font-weight:bold; text-align:center; line-height:48px; margin:0 0 10px 0;} .leftDyyw a:hover{border:2px solid #d70c19; line-height:46px} .leftDyyw .on{border:2px solid #d70c19!important; background:#d70c19; color:#fff; line-height:46px!important} .rightDyyw{width:900px;display:inline-block; vertical-align:top} /*.logoDyyw{width:260px; text-align:center;display:inline-block; vertical-align:top} .conDyyw{width:640px; font-size:15px; line-height:28px;display:inline-block; vertical-align:top; text-align:justify}*/ .logoDyyw{ display:none} .titleDyyw{ font-size:30px; line-height:30px; margin-bottom:25px} .conDyyw{width:100%; font-size:15px; line-height:28px;display:inline-block; vertical-align:top; text-align:justify} .imgDyyw{ width:100%; display:block; margin:50px 0 0 0} .imgDyyw img{width:100%} .paddingDyyw{height:20px} /*-----------------澶氬厓涓氬姟-----------------*/ /*-----------------鏈嶅姟椤圭洰-----------------*/ .bgGray{ background:#f2f2f2 url(../images/bgWhite.png) repeat-x top;background-size:100% 230px; /*background-size:100% 320px;*/width:100%; overflow:hidden} .bgGray1{background:#f2f2f2;width:100%; overflow:hidden} .proSearch{position:relative; margin-top:40px;} .searchClass{} .searchClass li{position:relative; font-size:0; padding:0 0 10px 50px;line-height:24px; } .searchClass i{position:absolute; left:0; top:0; font-size:13px;font-weight:bold} .searchClass a{font-size:13px; display:inline-block; padding:0 12px; margin:0 2px;border-radius:3px;} .searchClass a:hover{color:#d70c19} .searchClass .on{background:#d70c19;color:#fff} .searchClass .on:hover{color:#fff} .proSearch1{position:absolute; bottom:0; right:0; width:380px; border-bottom:1px solid #d4d4d4; display:none} .inputPro{ width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; border:none; background:none; font-size:14px; } .submitPro{ width:40px; height:40px; background:url(../images/icoSearchPro.png) center no-repeat; border:none;} .proList{ width:100%; overflow:hidden} .proList a{display:inline-block; width:380px; vertical-align:top; margin:30px 30px 0 0;} .proList a:nth-child(3n+3){margin-right:0} .proList a div{width:100%; overflow:hidden} .proList a div img{ width:100%; transition:transform 1s;} .proList a h1{background:#fff; padding:0 20px;font-size:17px; line-height:100%; line-height:80px} .proList a h1 i{ display:inline-block; vertical-align:top; margin:0 0 0 10px} .proList a:hover div img{transform:scale(1.2);} /*-----------------鏈嶅姟椤圭洰-----------------*/ /*-----------------鍒嗛〉-----------------*/ .boxPage{width:100%; max-width:1200px; overflow:hidden; margin:30px auto 60px auto; font-size:0;} .boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#b8b8b8;width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px; border-radius:50%;vertical-align:middle} .boxPage a:hover{ color:#fff; background-color:#d70c19;} .curPage{color:#fff!important; background-color:#d70c19!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:40px;margin:0 15px 0 7px;display:none; vertical-align:middle} /*-----------------鍒嗛〉-----------------*/ /*-----------------甯傚満鍚堜綔-----------------*/ .headSchz{ width:910px; display:block; margin:70px auto; font-size:16px; line-height:32px; text-align:center} .listSchz{width:100%; max-width:1200px; display:block; margin:0 auto} .listSchz li{width:100%; height:400px; margin-bottom:60px;} .listSchz li img{width:630px; height:400px; float:left} .listSchz li div{width:630px; height:320px; float:left; margin:40px 0 0 -60px; position:relative; z-index:1; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);} .listSchz li:nth-child(even) img{float:right; margin:0 0 0 -60px} .listSchz li:nth-child(even) div{margin:40px 0 0 0;} .listSchz li div i{width:6px; height:100%; background:#d70c19; display:inline-block; vertical-align:middle;} .listSchz li div span{width:624px; display:inline-block; vertical-align:middle; padding:0 40px; position:relative; z-index:2} .listSchz li div span h1{font-size:30px; line-height:30px; color:#d70c19;text-align:center; margin:0 0 25px 0} .listSchz li div span h2{font-size:16px; line-height:30px; text-align:justify;max-height:180px;overflow:auto;overflow-x:hidden;} .listSchz li div span h2 p{ display:block; background:url(../images/icoDian.png) no-repeat 0 10px; padding:0 0 0 20px} /*-----------------甯傚満鍚堜綔-----------------*/ /*-----------------鏂伴椈鍒楄〃-----------------*/ .newsList{ width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden;} .newsList a{border-bottom:1px solid #d9d9d9; padding:30px 0 30px 0; display:block} .newsList a div{ width:240px;display:inline-block; vertical-align:middle; overflow:hidden} .newsList a div img{ width:100%;transition:transform 0.5s;} .newsList a span{ width:860px; padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:middle} .newsList a span h1{font-size:24px; line-height:24px; color:#d70c19; font-family:'din'; font-weight:bold} .newsList a span h2{ font-size:19px; line-height:26px; font-weight:bold; margin:5px 0 13px 0; color:#666} .newsList a span h3{ font-size:14px; line-height:22px; color:#999} .newsList a span font{ font-size:12px; color:#999; line-height:22px; margin:5px 0 0 0; display:block} .newsList a i{ position:relative; width:40px; height:40px; display:inline-block; vertical-align:middle; margin:0 0 0 60px} .newsList a i h4{display:block;width:100%; height:100%; border:1px solid #d9d9d9; position:absolute; left:0; top:0; z-index:1} .newsList a i h5{display:block; width:0; height:100%;background:#d70c19; position:absolute; left:0; top:0; z-index:2; transition:all 0.3s ease;} .newsList a i h6{display:block;width:100%; height:100%;background:url(../images/icoJtNews.png) no-repeat center; position:absolute; right:0; top:0; z-index:3} .newsList a:hover img{transform:scale(1.1);} .newsList a:hover h2{color:#d70c19} .newsList a:hover h5{width:100%;} .newsList a:hover h6{background:url(../images/icoJtNewsHover.png) no-repeat center;} /*-----------------鏂伴椈鍒楄〃-----------------*/ /*--------------------------------show--------------------------------*/ .bgShow{} .showCur{ border-top:4px solid #d70c19;background:url(../images/bgCurShow.jpg) no-repeat center/cover; margin-top:80px; text-align:center; height:280px; padding:40px 0 0 0} .showCur1{ width:100%; max-width:1200px; margin:0 auto} .showCur1 .navCur{ float:left; display:inline-block; width:auto} .navCur{color:#999;} .navCur a{display:inline-block; background:url(../images/icoCurJt1.png) no-repeat left center; padding-left:23px; margin-right:10px; vertical-align:middle; line-height:30px; font-size:14px;color:#999;} .navCur a:hover{color:#9d7544} .navCur a:first-of-type{background:url(../images/icoCurHome.png) no-repeat 0 8px; padding-left:20px;} .showCenter{display:block; width:100%; max-width:780px; vertical-align:top; margin:-150px auto 50px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 60px 60px 60px;} .showTitle{padding:0 0 15px 0;font-size:26px;line-height:36px; font-weight:bold; color:#444} .showInfo{color:#999; font-size:14px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:27px; margin-bottom:30px;} .showInfo i{ margin-right:10px} .showCon{width:100%; font-size:14px; line-height:24px; overflow:hidden; font-family:'寰蒋闆呴粦'!important;} .showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/} .showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0} /*--------------------------------show--------------------------------*/ /*------------share------------*/ .btnShare1{ float:right;text-align:center; padding:0} .btnShare1 i{font-size:14px; display:inline-block; color:#999; line-height:14px; vertical-align:middle;} .icoShare{ display:inline-block;vertical-align:middle} .icoShare a{display:inline-block; margin-left:5px; overflow:hidden;vertical-align:middle} .icoShare div{width:36px; height:36px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden} .icoShare a img{ margin-top:4px; width:28px;} .btnShare1 .shareWx div{background-color:#61be42} .btnShare1 .shareWb div{background-color:#db3636} .btnShare1 .shareQz div{background-color:#f0cb63} .btnShare1 .shareQq div{background-color:#367fde} .btnShare1 .shareMore div{background-color:#4cace3} .btnShare1 a:hover div{opacity:0.7} .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 0} .boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none} .bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle} .bsBox,.bsBox div,.bsBox span{box-sizing:content-box} #bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box} /*------------share------------*/ /*------------鎶曡祫鑰呭叧绯?-----------*/ .invListText{} .invListText a{ display:block; width:100%; height:90px;} .invListText a:nth-child(even){background:#f1f1f1} .invListText a h1{width:160px; display:inline-block; vertical-align:middle; line-height:22px; font-size:22px; font-family:'din'; color:#bcbcbc; border-right:1px solid #d1d1d1; text-align:center} .invListText a h2{ width:950px; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px; padding:0 0 0 30px;} .invListText a h3{ width:90px; height:100%; display:inline-block; vertical-align:middle; background:url(../images/icoPdf1.png) no-repeat center; opacity:0.2} .invListText a:hover h1{/*color:#d70c19;*/} .invListText a:hover h3{background:url(../images/icoPdf1Hover.png) no-repeat center; opacity:1.0} /*------------鎶曡祫鑰呭叧绯?-----------*/ /*------------浜烘墠鐞嗗康------------*/ /*.boxRcln{width:100%; max-width:1200px; margin:60px auto 0 auto;} .boxRcln li{width:380px; margin:0 30px 0 0; display:inline-block; vertical-align:top} .boxRcln li:last-child{ margin-right:0} .boxRcln li img{ width:100%;} .boxRcln li i{ font-size:18px; line-height:100px; font-weight:bold; text-align:center; display:block; background:rgba(255,255,255,0.9)} .boxRcln1{ width:100%; height:560px; background:url(../images/bgRcln.jpg) no-repeat center; margin:-100px 0 0 0;} .boxRcln1 div{ width:1200px; display:block; margin:0 auto; padding:190px 0 0 525px} .boxRcln1 div h1{font-size:30px; line-height:30px; font-weight:bold; color:#e82d17} .boxRcln1 div h2{width:60px; height:4px; background:#e82d17; margin:20px 0 14px 0} .boxRcln1 div h3{font-size:18px; line-height:30px;}*/ .boxRcln{width:100%; max-width:1200px; margin:60px auto 0 auto; position:relative; z-index:2} .boxRcln span{display:inline-block; width:600px; height:380px; background:#e82d17 url(../images/bgJoinText.jpg) no-repeat; vertical-align:middle; padding:50px 0 0 50px; color:#fff} .boxRcln span h1{ font-size:26px; line-height:46px;} .boxRcln span h2{ font-size:18px; line-height:30px; margin:30px 0 0 0} .boxRcln img{display:inline-block;vertical-align:middle} .boxRcln1{ width:100%; height:629px; background:url(../images/bgJoin.jpg) no-repeat center; margin:-190px 0 0 0;} .boxRcln1 h1{ width:100%; max-width:1200px; display:block; margin:0 auto; padding:325px 0 0 50px; font-size:50px; line-height:50px; color:#000; opacity:0.15; font-family:'DINCond'; text-transform:uppercase; font-weight:bold} /*------------浜烘墠鐞嗗康------------*/ /*------------鑱旂郴鎴戜滑------------*/ .boxContact{width:1200px; display:block; margin:0 auto; position:relative; z-index:1} .boxContact h1{font-size:30px; line-height:130px;} .boxContact ul{width:100%; height:180px; background:#e82d17 url(../images/bgContact.jpg) no-repeat center; padding:60px 0 0 50px;} .boxContact ul li{display:inline-block; margin:0 80px 0 0} .boxContact ul li img{opacity:0.5; display:inline-block; vertical-align:middle} .boxContact ul li span{color:#fff;display:inline-block; vertical-align:middle;font-size:15px; line-height:30px;} .boxContact ul li span i{font-size:30px;font-family:'din'; display:block} .contactMap{width:100%; height:420px; margin:-90px 0 0 0;} .contactList{width:1200px; display:block; margin:0 auto; } .contactList li{width:50%; border-top:2px solid #e6e1dd; display:inline-block; padding:50px 0 40px 0; vertical-align:top} .contactList li h1{ font-size:20px; line-height:20px; 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 4px 30px; background:url(../images/icoAdd.png) no-repeat left center; display:block} .contactList li span p:nth-child(2){background:url(../images/icoTel.png) no-repeat left center;} .contactList li:nth-child(1){border-top:none;} .contactList li:nth-child(2){border-top:none;} /*------------鑱旂郴鎴戜滑------------*/ /*------------寤夋斂涓炬姤------------*/ .boxLzjb{width:100%; max-width:1200px; background:#faf8f7; display:block; margin:60px auto} .leftLzjb{width:340px; padding:0 30px; min-height:920px; background:#f6f2ef;display:inline-block; vertical-align:top} .leftLzjb li{display:block; text-align:center;font-size:15px; line-height:30px; border-bottom:2px solid #e9e6e3; padding:40px 0 35px 0} .leftLzjb li:last-child{border:none} .leftLzjb li h1{ display:block; margin:0 auto; width:90px; height:90px; border-radius:50%} .leftLzjb li h2{margin:5px 0 5px 0} .leftLzjb li h3{font-size:30px; font-family:'din'; color:#d70c19; text-transform:uppercase} .leftLzjb li h4{line-height:26px; text-align:left; padding:0 25px;} .leftLzjb li:nth-child(1) h1{ background:#fff url(../images/icoLzjb1.png) no-repeat center} .leftLzjb li:nth-child(2) h1{ background:#fff url(../images/icoLzjb2.png) no-repeat center} .leftLzjb li:nth-child(3) h1{ background:#fff url(../images/icoLzjb3.png) no-repeat center} .rightLzjb{width:860px; padding:0 60px;display:inline-block; vertical-align:top} .navZxjb{font-size:26px; line-height:100px; padding:20px 0 10px 0; letter-spacing:6px;} .boxMsg{padding:0; font-size:15px; overflow:hidden} .boxMsg ul{ width:100%;margin:0 auto} .boxMsg li{ display:block; margin-bottom:19px; position:relative} .boxMsg span{ display:inline-block; padding:0 5px 0 0; line-height:100%; width:160px;} .boxMsg i{color:#ff0000; display:inline-block; width:12px;} .boxMsg img{margin-left:10px} .inputMsg{ background:#fff; border:1px solid #d4d4d4; width:360px; border-radius:4px; line-height:38x; height:40px; text-indent:10px; vertical-align:middle; } .textareaMsg{background:#fff; border:1px solid #d4d4d4; width:calc(100% - 160px); border-radius:4px; height:120px; padding:10px; box-sizing:border-box; vertical-align:middle; } .inputMsgShort{ background:#fff; border:1px solid #d4d4d4; width:160px; border-radius:4px; line-height:38x; height:40px; text-indent:10px; vertical-align:middle; } .submitMsg{width:360px; border-radius:4px; line-height:46px; height:46px; text-align:center; color:#fff; font-size:15px; background:#d70c19; cursor:pointer; margin:0 0 0 160px; } .submitMsg:hover{ background:#f21022} .msgTips{ font-size:12px; color:#999; line-height:20px; display:block} /*------------寤夋斂涓炬姤------------*/ .boxSpace90{height:90px;} /*--------------------------------search--------------------------------*/ .bgBox{width:100%; overflow:hidden} .searchNav{ font-size:16px; color:#666; padding:40px 0 20px 0; border-bottom:1px solid #ccc} .searchNav i{ font-size:40px; line-height:40px; font-family:'din'; color:#d70c19; margin:0 5px} .searchList{ margin-bottom:30px} .searchList a{ display:block; line-height:26px; padding:28px 25px 28px 35px; font-size:16px; background:url(../images/bgLi.png) 20px 39px no-repeat;} .searchList a i{float:right; color:#888} .searchList a:nth-child(even){ background:url(../images/bgLi.png) 20px 39px no-repeat;background-color:rgba(0,0,0,0.05);} /*--------------------------------search--------------------------------*/ .scroll-icon {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 34px;width: 20px;font-size: 22px;color: rgba(255, 255, 255, 1.0);border-radius: 2em;border: solid 2px;-webkit-transition: .4s;transition: .4s;position:absolute;top:100vh;left:50%;margin:-80px 0 0 -15px; z-index:1000;} .scroll-icon:hover {background-color: rgba(255, 255, 255, 0.05);color: #fff;} .scroll-icon::after {content: '';width: 4px;height: 4px;background-color: #fff;border-radius: 50%;-webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);} @-webkit-keyframes scroll-icon { 0% {-webkit-transform: translateY(-12px);transform: translateY(-12px);opacity: 0;} 30%, 70% {opacity: 1;} 100% {-webkit-transform: translateY(12px);transform: translateY(12px);opacity: 0;} } @keyframes scroll-icon { 0% {-webkit-transform: translateY(-12px);transform: translateY(-12px);opacity: 0;} 30%, 70% {opacity: 1;} 100% {-webkit-transform: translateY(12px);transform: translateY(12px);opacity: 0;} } .bannerRy{background:url(../images/bannerService1.jpg) no-repeat top center/cover;width:100vw;margin:0 0 0 calc((100% - 100vw)/2); height:100vh; text-align:center; position:relative} .bannerRy img{width:100%; position:absolute; left:0; top:50%; margin:-13vw 0 0 0;} .ryBg1{ background:#f4e7de url(../images/bgRy1.jpg) no-repeat top center;} .ryBox{ width:1200px; margin:0 auto; display:block; padding:80px 0; overflow:hidden} .ryNav{background:url(../images/bgNavRy.png) no-repeat left center; height:60px; padding:0 0 0 72px;} .ryNav div{height:55px; border:1px solid #1b284e; border-left:none; border-top-right-radius:54px; padding:4px 4px 0 0; display:inline-block} .ryNav div span{height:55px; border:1px solid #1b284e; border-left:none; border-top-right-radius:54px; padding:0 30px 0 0; display:block; line-height:50px; font-size:25px; color:#1b284e} .ryNav div span strong{display:inline-block; margin:0 15px 0 0} .white{background:url(../images/bgNavRy1.png) no-repeat left center!important;} .white div{border:1px solid #fff!important;border-left:none!important;} .white div span{border:1px solid #fff!important;border-left:none!important;color:#fff!important} .ryCon{font-size:15px;line-height:28px; color:#777; width:100%; max-width:980px; margin:30px 0 55px 0} .ryList{ width:100%;} .ryList a{display:inline-block; width:398px; height:520px; margin:0 3px 0 0; position:relative; overflow:hidden; background:#000} .ryList a:last-child{ margin:0} .ryList a img{width:100%; height:100%;transition:transform 0.5s;} .ryList a span{width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/bgRyTitle.png) repeat-x bottom; z-index:1} .ryList a i{ position:absolute; bottom:40px; left:40px; font-size:18px; line-height:18px; color:#fff; z-index:2 } .ryList a:hover img{transform:scale(1.1); opacity:0.5} .ryList a:hover i{color:#f0dd99} /*-----------------铻嶅尽寮圭獥-----------------*/ .boxRyTc{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:1000; text-align:center; display:none} .boxRyTc h1{ width:1px; height:100%; display:inline-block; vertical-align:middle} .mainTc{width:1200px; padding:60px 150px;position:relative; background:#f4e7de url(../images/bgTc.png) no-repeat bottom right; display:inline-block; vertical-align:middle} .closeTc{width:50px; height:50px; position:absolute; top:20px; right:20px; background:#1b284e; overflow:hidden} .closeTc i{ width:100%; height:100%;background:url(../images/closeTc.png) no-repeat center/cover;transition:transform 0.6s ease-out; display:block} .closeTc:hover{background:#1e3a9a} .closeTc:hover i{transform:rotateZ(180deg);} .navTc{background:url(../images/bgNavTcL.png) no-repeat left; padding:0 0 0 48px; display:inline-block; margin:0 auto 60px 0} .navTc div{background:url(../images/bgNavTcR.png) no-repeat right; padding:0 48px 0 0;} .navTc span{ height:100%; height:48px; display:block; padding:0 30px; font-size:24px; line-height:48px; color:#1b284e; background:url(../images/bgNavTcC.png) no-repeat center/100% 100%} .conTc{text-align:left} .conTc p{ font-size:15px; line-height:28px; color:#777;} /*-----------------铻嶅尽寮圭獥-----------------*/ .ryBg2{ background:#1b284e url(../images/bgRy2.jpg) no-repeat top center;} .ryqzCon{ background:rgba(255,255,255,0.1); margin:60px 0 0 0} .ryqzCon img{display:inline-block; vertical-align:middle} .ryqzCon span{display:inline-block; vertical-align:middle; width:600px; padding:0 60px; color:#fff} .ryqzCon h1{font-size:19px; font-weight:bold; line-height:19px; padding:0 0 10px 0; margin-bottom:20px; display:inline-block; border-bottom:2px solid #fff} .ryqzCon p{opacity:0.6; line-height:28px; font-size:15px;} .ryqzCon1{color:#fff; padding:60px 0 30px 0} .ryqzCon1 h1{font-size:19px; font-weight:bold; line-height:19px; padding:0 0 10px 0; margin-bottom:20px; display:inline-block; border-bottom:2px solid #fff} .ryqzCon1 p{opacity:0.6; line-height:28px; font-size:15px; display:block; width:100%; max-width:860px} .ryqzList{} .ryqzList li{width:280px; height:180px; display:inline-block; margin:0 26px 27px 0; background:#1e3a9a; position:relative; overflow:hidden} .ryqzList li:nth-child(4n+4){margin-right:0} .ryqzList li img{transition:all 0.3s ease;} .ryqzList li h1{font-size:15px; line-height:15px; color:#fff; position:absolute; top:calc(100% - 35px); left:20px;transition:all 0.3s ease;} .ryqzList li h2{ font-size:12px; line-height:22px; color:#f0dd99;padding:0 30px; position:absolute; top:100%; opacity:0;transition:all 1s ease;} .ryqzList li:hover img{opacity:0.1} .ryqzList li:hover h1{top:20px;color:#f0dd99;} .ryqzList li:hover h2{top:60px;opacity:1;} .ryBg3{ background:#f4e7de;} .gjxyList{ padding:60px 0} .gjxyList li{display:inline-block; width:50%; padding:0 89px 0 0; border-right:1px solid #1b284e; height:310px; vertical-align:top; text-align:center} .gjxyList li:nth-child(2){padding:0 0 0 90px; border:none} .gjxyList li h1{ display:inline-block; margin:0 auto 60px auto; padding:100px 0 0 0; background:url(../images/bgNavRy2.png) no-repeat top center;} .gjxyList li h1 i{ display:inline-block;width:150px;height:40px; background:#1b284e; border-top-left-radius:8px; border-bottom-right-radius:8px; padding:4px 0 0 5px; } .gjxyList li h1 font{ display:block; width:150px;height:40px; border:1px solid #1b284e;border-top-left-radius:8px; border-bottom-right-radius:8px;line-height:32px;color:#fff; font-size:16px;} .gjxyList li p{ font-size:15px; line-height:28px; color:#777; text-align:left} .gjxyList li p strong{display:block} .gjxyImg{ width:100%; overflow:hidden} .gjxyImg img{ float:left} .gjxyImg img:nth-child(1){ margin-right:10px;} .gjxyImg img:nth-child(3){ margin-top:10px;} .gjxyNav{ background:url(../images/bgNavRy3.png) no-repeat center bottom; padding:0 0 60px 0; font-size:19px; font-weight:bold; line-height:19px; color:#1b284e; text-align:center; margin:60px 0 40px 0;} .gjxyList1{} .gjxyList1 li{ display:inline-block; width:280px; height:280px; margin:0 26px 0 0; overflow:hidden; position:relative} .gjxyList1 li:last-child{margin:0} .gjxyList1 li div{ width:276px; height:276px; border:1px solid #1b284e; border-top-left-radius:6px;border-bottom-right-radius:6px; margin:4px 0 0 0;} .gjxyList1 li span{ display:block;width:276px; height:276px; border:1px solid #1b284e; border-top-left-radius:6px;border-bottom-right-radius:6px; position:absolute; top:0; left:4px; padding:50px 36px 0 36px;} .gjxyList1 li span h1{ font-size:18px; line-height:26px; margin-bottom:30px; color:#1b284e} .gjxyList1 li span h1 i{display:block; font-size:20px; text-transform:uppercase; opacity:0.2;} .gjxyList1 li span p{ font-size:15px; line-height:28px; color:#777} .ryBg4{ background:#1b284e url(../images/bgRy4.jpg) no-repeat top center;} .fwtxCon{ font-size:15px; line-height:28px; color:#fff; opacity:0.6; padding:40px 0 60px 0} .fwtxNav{} .fwtxNav a{border-top:1px solid rgba(255,255,255,0.25); font-size:19px; text-align:center; display:inline-block; width:50%; line-height:80px; color:#fff} .fwtxNav .on{border-top:1px solid #fff; font-weight:bold;} .fwtxBox{ width:100%;background:#fff; overflow:hidden; display:none} .fwtxList{ width:1144px; height:244px; padding:4px 4px 0 0; position:relative; display:block; margin:30px auto} .fwtxList div{width:100%; height:100%;border:1px solid #1b284e; border-top-left-radius:30px;border-bottom-right-radius:30px;} .fwtxList div ul{ width:1140px; height:240px;display:block; position:absolute; top:0; left:4px; border:1px solid #1b284e; border-top-left-radius:30px;border-bottom-right-radius:30px; padding:40px} .fwtxList div ul li{ width:88px;display:inline-block;height:100%; border-left:1px solid #1b294f; vertical-align:top;transition:all 0.3s ease; overflow:hidden} .fwtxList div ul li:last-child{border-right:1px solid #1b284e;} .fwtxList div ul li h1{width:87px; height:100%; padding:34px 34px 0 35px; font-size:18px; line-height:22px; color:#1b284e; display:inline-block; vertical-align:top} .fwtxList div ul li span{width:437px; padding:20px 0 0 50px; height:100%; display:inline-block;vertical-align:top; background:url(../images/bgNavRy4.png) no-repeat center left;} .fwtxList div ul li span i{display:inline-block; width:160px; line-height:30px; font-size:15px; letter-spacing:5px; background:url(../images/bgRyLi.png) no-repeat center left; padding:0 0 0 10px} .fwtxList .on{width:526px;} .fwtxList1{ width:1144px; height:244px; padding:4px 4px 0 0; position:relative; display:block; margin:30px auto} .fwtxList1 div{width:100%; height:100%;border:1px solid #1b284e; border-top-left-radius:30px;border-bottom-right-radius:30px;} .fwtxList1 div ul{ width:1140px; height:240px;display:block; position:absolute; top:0; left:4px; border:1px solid #1b284e; border-top-left-radius:30px;border-bottom-right-radius:30px; padding:40px} .fwtxList1 div ul li{ width:78px;display:inline-block;height:100%; border-left:1px solid #1b294f; vertical-align:top;transition:all 0.3s ease; overflow:hidden} .fwtxList1 div ul li:last-child{border-right:1px solid #1b284e;} .fwtxList1 div ul li h1{width:77px; height:100%; padding:34px 29px 0 30px; font-size:18px; line-height:22px; color:#1b284e; display:inline-block; vertical-align:top} .fwtxList1 div ul li span{width:349px; padding:20px 0 0 49px; height:100%; display:inline-block;vertical-align:top; background:url(../images/bgNavRy4.png) no-repeat center left;} .fwtxList1 div ul li span i{display:inline-block; width:150px; line-height:30px; font-size:15px; letter-spacing:5px; background:url(../images/bgRyLi.png) no-repeat center left; padding:0 0 0 10px} .fwtxList1 .on{width:434px;} .boxTzzll{ margin:60px auto; background:url(../images/bgTzzll.jpg) no-repeat center/cover; min-height:350px; text-align:center; padding:150px 100px 0 100px} .boxTzzll li{ display:inline-block; width:30%;} .boxTzzll li:last-child{ width:40%;} .boxTzzll li img{display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:50px; } .boxTzzll li span{display:inline-block; vertical-align:middle; line-height:26px; text-align:left; width:calc(100% - 60px)} .boxTzzll li h1{ font-size:15px; font-weight:bold} .boxTzzll li h2{ font-size:15px;} .videoList{ margin:60px 0 -30px 0} .videoList a{display:inline-block; width:585px; height:380px; margin:0 30px 30px 0; background:#fff;/* box-shadow:0 0 10px rgba(0,0,0,0.1)*/ } .videoList a:nth-child(even){ margin-right:0} .videoList a div{width:100%; height:330px; position:relative; overflow:hidden; } .videoList a div img{width:100%; height:100%; transition:all 1s;} .videoList a div i{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icoVideo1.png) no-repeat center; z-index:1} .videoList a h1{ font-size:15px; line-height:50px; text-align:center} .videoList a:hover div i{background:url(../images/icoVideo1Hover.png) no-repeat center} .videoList a:hover div img{transform:scale(1.2); opacity:0.5}