@charset "utf-8"; @font-face { font-family: manropelight4; src: url("../font/manropelight4.otf"); } @font-face { font-family: dincondmedium; src: url("../font/dincondmedium.otf"); } @font-face { font-family: dincondregular; src: url("../font/dincondregular.otf"); } * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;} html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;} input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;} img,input,textarea{ border: none; } h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;} table{width: 100%;border-collapse: collapse;} audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;} html.hide{overflow: hidden;} body.hide{overflow: hidden;} a{color: #333;} .fl{ float: left;} .fr{float: right;} .clear:after{ content: ''; display: table; clear: both; } p{line-height: 1.6em;} .img100 img{vertical-align: bottom;width: 100%;} .middle-box{display: table; height: 100%; width:100%; margin:0 auto; position:relative; table-layout: fixed;} .middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;} .pc-show{display: block;} .wap-show{display: none;} .position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .relative{position: relative;} .text-center{text-align: center;} .overhide{overflow: hidden;} .padding-tb60{padding: 60px 0;} .padding-tb70{padding: 70px 0;} .padding-tb80{padding: 80px 0;} .padding-tb90{padding: 90px 0;} .padding-tb100{padding: 100px 0;} .padding-tb110{padding: 110px 0;} .padding-tb120{padding: 120px 0;} .w1200{width: 1200px;max-width: 92%;margin: 0 auto;} .w1280{width: 1280px;max-width: 92%;margin: 0 auto;} .w1300{width: 1300px;max-width: 92%;margin: 0 auto;} .w1400{width: 1400px;max-width: 92%;margin: 0 auto;} .w1440{width: 1440px;max-width: 92%;margin: 0 auto;} .w1600{width: 1600px;max-width: 92%;margin: 0 auto;} .bgf1{background: #f1f1f1;} .bgf2{background: #f2f2f2;} .bgf3{background: #f3f3f3;} .bgf4{background: #f4f4f4;} .bgf5{background: #f5f5f5;} .bgf6{background: #f6f6f6;} .bgf7{background: #f7f7f7;} .bgf8{background: #f8f8f8;} .bgf9{background: #f9f9f9;} .bgfff{background: #fff;} .padding20{padding: 20px;} .padding30{padding: 30px;} .padding40{padding: 40px;} .padding50{padding: 50px;} .padding60{padding: 60px;} /*header s*/ body{padding-top: 80px;transition: all .4s;} .header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;background: #fff;border-bottom: 1px solid #e5e6e8;transition: all .4s;} .header .w1400{position: relative;height: 80px;transition: all .4s;} .logo{position: absolute;left:0;top:50%;transform: translateY(-50%);} .logo img{display: block;height: 69px;transition: all .4s;} .nav-box{margin-right: 85px;} .nav li{float: left;position: relative;} .nav-yi{display: inline-block;line-height: 88px;font-size: 16px;color: #000; padding: 0 28px;transition: all .4s;position: relative;z-index: 3;} .nav-yi span{position: relative;z-index: 1;display: inline-block;text-align: center;} .nav-yi span:after{position: absolute;z-index: -1;bottom:-1px;left: 50%;transform: translateX(-50%); height: 1px;background: #e60019;width:0;content: "";transition: all .4s;} .nav li.active .nav-yi span:after{width: 100%;min-width: 64px;} .nav li.active .nav-yi{color: #e60019;} .nav-er{position: absolute;opacity: 0;left: 28px;white-space: nowrap; margin-top: -20px;transition: all .4s;pointer-events: none;background: rgba(255,255,255,0.9);padding: 15px 0;} .nav-er:before{content: '';position: absolute;height: 100%;top:0;right: 100%;width: 99999px;background: rgba(255,255,255,0.9);} .nav-er:after{content: '';position: absolute;height: 100%;top:0;left: 100%;width: 99999px;background: rgba(255,255,255,0.9);} .nav-er a{display: inline-block;line-height: 36px;text-transform: uppercase;color: #343434;position: relative;} .nav-er a:after{content: '';position: absolute;opacity: 0;left: 0;right: 0; bottom:0;border-bottom: 1px dashed #e60019;transform: scale(0);transition: all .4s;transform-origin: center;} .nav-er a:last-child{border-bottom: none;} .search-box{position: absolute;right: 0;top:50%;margin-top: -16px; cursor: pointer;z-index: 7;} .search-btn{width: 32px;height: 32px;border-radius: 32px;background:url("../images/search.png") no-repeat center;background-size:cover;text-align: center; z-index: 5;position: relative;} .search-con{position: absolute;width: 0;right: 0;height: 32px;top:62px;background: #fff;overflow: hidden;transition: all .4s;border-radius: 32px;box-shadow: 0 0 4px #ddd;} .search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 36px;} .search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;text-align: center;line-height: 32px;background:url("../images/gb64.png") no-repeat center;background-size:cover;} .search-sb{position: absolute;right:6px;top:0;cursor: pointer;display: none;} .search-box.active .search-con{width: 200px;} .search-box.active .search-sb{display: block;} .search-text{margin-right: 32px;} .language{position: absolute;right: 0;top:50%;transform: translateY(-50%);font-size: 16px;padding-right: 22px;} .language:after{width: 7px;height: 8px;background: url("../images/sjx7x8.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -4px;position: absolute;content: "";} .menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; } .menu-handler .burger{height: 2px; background: #e60019; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;} .menu-handler .burger-2{top: 15px; } .menu-handler .burger-3{top: 22px;} .menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header-style .header{background: rgba(255,255,255,.48);border-bottom: 1px solid transparent;} body.is-scroll .search-con{top: 53px;} .index-body{padding-top: 0;} .index-body.is-scroll{padding-top: 0;} body.is-scroll{padding-top: 70px;} body.is-scroll .header .w1400{height: 70px;} body.is-scroll .nav-yi{line-height: 70px;} body.is-scroll .logo img{height: 58px;} /*header e*/ /*footer s*/ .footer{position: relative;padding: 180px 0;background: url(../images/footer.png) no-repeat top;background-size: cover;} .footer-logo img{height: 87px;} .footer-tel{margin: 30px auto;} .footer-tel img{width: 39px;margin-right: 15px;} .footer-tel span{font-family: dincondmedium;color: #e6212c;font-size: 60px;} .footer-lxfs{display: inline-block;width: 330px;text-align: left;} .footer-lxfs p{font-size: 16px;color: #132a09;margin-bottom: 10px;} .footer-lxfs p:last-child{margin-bottom: 0;} .share{font-size: 0;} .share a{display: inline-block;font-size: 14px;width: 36px;height: 36px;margin: 0 5px;} .bq a,.bq span{display: inline-block;color: #054e71;} .bq a{margin-left: 5px;} .bq a:last-child{margin-right: 0;} .totop{position: fixed;right: 52px;bottom:60px;z-index: 997;cursor: pointer;background: url("../images/totop.png") no-repeat center;background-size: cover;display: none;width: 58px;height: 58px;} .totop.active{display: block;} .fixedBox{position: fixed;z-index: 997;right: 10px;bottom:200px;width: 96px;display: none;} .fixedBox.active{display: block;} .fixedBox a{display: block;} .fixedTop{width: 100%;height: 252px;background: url('../images/18060701.png') no-repeat center;background-size:contain;overflow: hidden;} .fixed-txt{margin-top: 108px;text-align: center;} .fixedTop p{color: #71bb34;line-height: 1.1em;font-size: 16px;font-family: 'Microsoft Yahei';padding: 0;margin: 0;} .fixedBtn{width: 34px;height: 34px;margin: 6px auto 0;background: url("../images/18060702.png") no-repeat center;background-size:cover;cursor: pointer;} .fixedBtn.active{animation: hide 1.5s both;-webkit-animation: hide 1.5s both;} .fixedTop p{animation: show 1.5s backwards; -webkit-animation: show 1.5s backwards;} @keyframes show { 0%{opacity: 0;transform: scale(0);-webkit-transform: scale(0);} 100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);} } @-webkit-keyframes show { 0%{opacity: 0;transform: scale(0);-webkit-transform: scale(0);} 100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);} } @keyframes hide { 0%{opacity: 1;transform: scale(1) rotate(0deg);-webkit-transform: scale(1) rotate(0deg);} 100%{opacity: 0;transform: scale(0) rotate(180deg);-webkit-transform: scale(0) rotate(180deg);} } @-webkit-keyframes hide { 0%{opacity: 1;transform: scale(1) rotate(0deg);-webkit-transform: scale(1) rotate(0deg);} 100%{opacity: 0;transform: scale(0) rotate(180deg);-webkit-transform: scale(0) rotate(180deg);} } /*footer e*/ /*index s*/ .swiperDotfff{position: absolute;width: 100%;left: 0;z-index: 9;bottom:32px;text-align: center;} .swiperDotfff .swiper-pagination-bullet{background: #fff;opacity: 1;width: 14px;height: 14px;position: relative;margin: 0 10px;transition: all .4s;} .swiperDotfff .swiper-pagination-bullet:before{content: '';position: absolute;top:-6px;right: -6px;bottom:-6px;left: -6px;border:1px solid #ffb006;border-radius: 100%;transition: all .4s;opacity: 0;} .swiperDotfff .swiper-pagination-bullet-active{background: #e6212c;} .swiperDotfff .swiper-pagination-bullet-active:before{opacity: 1;} .title24-box{margin-bottom: 60px;} .title24 span{font-size: 36px;text-transform: uppercase;color: #606060;font-family: manropelight4;display: block;} .title24{z-index: 5;display: inline-block;} .title24 img{width: 128px;position: absolute;right: -100px; top:-30px;} .title24 h2{font-size: 24px;margin-top: 10px;color: #000;} .size24{font-size: 24px;} .pro-title-img img{display: inline-block;vertical-align: middle;width: 23px;margin-right: 18px;} .pro-title-img span{display: inline-block;vertical-align: middle;} .mg-bt40{margin-bottom: 40px;} .xp{width: 66.66%;} .play64{width: 64px;height: 64px;background: url("../images/play64.png") no-repeat center;background-size: cover;display: inline-block;} .yezhi{width: 31%;cursor: pointer;} .sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;} .video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1270px;max-width: 90%;} .video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;} .video_t a img{width: 100%;vertical-align: bottom;} .video_t video{width: 100%;vertical-align: bottom;} .xpDot{bottom:94px;} .xpBtn{position: absolute;width: 100%;top:0;left: 0;bottom:74px;pointer-events: none;} .xpBtn div{position: absolute;width: 47px;height: 47px;border-radius: 100%;border:1px solid #fff;top:50%;margin-top: -24px;z-index: 9;pointer-events: auto;cursor: pointer;transition: all .4s;} .xpBtn1{left: 0;opacity: 0; background: url("../images/471.png") no-repeat center;background-size: cover;} .xpBtn1:hover{background: url("../images/473.png") no-repeat center;background-size: cover;} .xpBtn2{right: 0;opacity: 0;background: url("../images/472.png") no-repeat center;background-size: cover;} .xpBtn2:hover{background: url("../images/474.png") no-repeat center;background-size: cover;} .xp:hover .xpBtn1{left: 12px;opacity: 1;} .xp:hover .xpBtn2{right: 12px;opacity: 1;} .xpBtn div:hover{border-color: #e60019;} .about-warp{padding: 60px;} .about-con{width: 423px;background: #fff;} .about-mp4{position: absolute;left: 423px;height: 100%;top:0;right: 0;cursor: pointer;overflow: hidden;} .about-poster{transition: all .4s;} .about-mp4:hover .about-poster{transform: scale(1.1);} .des16 p{font-size: 16px;line-height: 1.8em;color: #3f3f3f;text-align: justify;} .des16.text-center p{text-align: center;} .about-warp .des16 p{margin-bottom: 40px;} .about-warp .des16 p:last-child{margin-bottom: 0;} .about-warp .des16 p span{color: #e60019;} .gd{display: inline-block;border:1px solid #cecece;width: 116px;text-align: center;border-radius: 33px;color: #959595;transition: all .4s;} .gd span{line-height: 33px;display: inline-block;vertical-align: middle;margin-right: 10px;} .gd i{display: inline-block;vertical-align: middle;width: 23px;height: 13px;background: url("../images/jt19x13.png") no-repeat center;background-size: cover;transition: all .4s;} .mg-bt60{margin-bottom: 60px;} .gd:hover{border-color: #e60019;color: #e60019;} .gd:hover i{transform: translateX(5px);background: url("../images/jt19x13-2.png") no-repeat center;background-size: cover;} .data{font-size: 0;width: 1200px;margin: 0 auto;max-width: 100%;} .data li{font-size: 14px;display: inline-block;vertical-align: top;width: 20%;text-align: center;position: relative;} .data li:before{content: '';height: 90px;border-right: 1px solid #cecece;top:50%;margin-top: -45px;position: absolute;right: 0;} .data li strong{font-size: 60px;font-family: dincondmedium;color: #000;margin-right: 5px;transition: all .4s;} .data li span{font-size: 13px;color: #000;} .data .i{width: 35px;margin: 12px auto;background: #909090;height: 2px;transition: all .4s;} .data p{font-size: 16px;color: #000;} .data li:hover strong{color: #e60019;} .data li:hover .i{background-color: #e60019;} .data li:last-child:before{display: none;} .new-l{width: 71%;} .new-l li{float: left;width: 40%;margin-right: 10%;} .mg-bt30{margin-bottom: 30px;} .size18{font-size: 18px;} .date{font-family: dincondmedium;color: #a1a1a1;margin: 15px 0 20px;} .xw-desc p{color: #a1a1a1;text-align: justify;} .new-bot .xw-desc p{height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .new-bot h3{transition: all .4s;} .jt27x12{display: inline-block;background: url("../images/jt27x12-1.png") no-repeat center;background-size: cover;transition: all .4s;width: 27px;height: 12px;} .mg-bt50{margin-bottom: 50px;} .new-r{width: 29%;} .new-r h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .new-r a{display: block;padding: 12px 24px;transition: all .4s;} .mg-bt25{margin-bottom: 25px;} .new-r .date{margin: 5px 0 10px;} a:hover .new-bot h3{color: #e60019;} a:hover .jt27x12{background: url("../images/jt27x12-2.png") no-repeat center;background-size: cover;} .jt27x12:hover{background: url("../images/jt27x12-2.png") no-repeat center;background-size: cover;} .new-r .jt27x12{opacity: 0;} .new-r a:hover{background: #f5f5f5;} .new-r a:hover .jt27x12{opacity: 1;} /*index e*/ /*2.1鍏徃绠€浠 s*/ .ban-des{margin-bottom: 60px;} .ban-des h2{font-weight: bold;color: #fff;margin-bottom: 10px;} .ban-des span{display: block;font-family: manropelight4;color: #fff;font-size: 34px;width: 680px;max-width: 100%;} .size48{font-size: 48px;} .mg-bt20{margin-bottom: 20px;} .ny-nav{position: relative;z-index: 9;margin-top: -60px;} .ny-navs-warp{border:1px solid rgba(255,255,255,.3);font-size: 0;background: rgba(0,0,0,.5);} .ny-navs-warp a{display: inline-block;vertical-align: middle;line-height: 58px;font-size: 16px;text-align: center;width: 10%; color: #fff;border-right:1px solid rgba(255,255,255,.3);transition: all .4s;} .ny-navs-warp a:last-child{border-right: none;} .ny-navs .w1440{background: url("../images/navs.png");} .ny-navs-warp a.active{background: #e60019;border-color: #e60019;} .ny-navs-warp a:hover{background: #e60019;border-color: #e60019;} .position a,.position span{display: inline-block;vertical-align: middle;color: #a5a5a5;transition: all .4s;margin-right: 8px;} .position img{display: inline-block;vertical-align: middle;width: 15px;margin: -4px 6px 0 0;} .position{padding-top: 30px;} .position a:last-child{color: #e60019;} .title24-box-left img{left: 0;margin: 0;width: 90px;} .title24-box-left .title24{padding-left: 110px;} .gsjs-img{width: 585px;margin-right: 80px;} .size30{font-size: 30px;} .gsjs p{margin-top: 35px;color: #5f5f5f;} .mg-bt80{margin-bottom: 80px;} .title30-img{position: absolute;left: 0;bottom:0;width: 60px;} .title30-img img{vertical-align: bottom;width: 100%;} .title30-text{margin-left: 66px;} .title30-text h3{font-size: 30px;} .gsjs-con{position: absolute;height: 100%;left: 0;top:0;width: 53%;padding: 70px;} .gsjs-mp4{width: 47%;cursor: pointer;} .title30-img-title{margin-bottom: 30px;} .zindex5{z-index: 5;} .gsjs-bg{position: absolute;width: 100%;left: 0;bottom:0;top:426px;z-index: -1;} /*2.1鍏徃绠€浠 e*/ /*2.2浼佷笟鏂囧寲 s*/ .wh-title .i{width: 48px;height: 5px;background: #e60019;margin: 15px auto 20px;} /*2.2浼佷笟鏂囧寲 e*/ /*2.3钁d簨闀胯嚧杈 s*/ .dsz-img{float: right;margin-left: 50px;width: 619px;margin-bottom: 50px;} .dsz .des16 p{margin-top: 35px;color: #5f5f5f;} .dsz .des16 p:last-child{font-weight: bold;} .dsz h3{padding-top: 20px;} .wel-top{background: #eee;padding: 20px;} /*2.3钁d簨闀胯嚧杈 e*/ /*2.5鍏泭浜嬩笟 s*/ .wel-lsit a{display: block;position: relative;font-size: 16px;color: #5f5f5f;transition: all .4s;padding: 23px 0 23px 10px;} .wel-lsit li{border-bottom: 1px dashed #9f9f9f;} .wel-lsit a span{position: absolute;left: 0;top:0;padding: 23px 0;} .wel-lsit a:hover{color: #e60019;} .page a{display: inline-block;vertical-align: middle;transition: all .4s;color: #5f5f5f;font-size: 18px;margin: 0 5px;} .page-btn{width: 34px;height: 29px;border:1px solid #cacaca;} .page a.active{color: #e60019;} .page a:hover{color: #e60019;} .page{text-align: right;margin-top: 50px;} .page-left{background: url("../images/page1.png") no-repeat center;background-size: cover;} .page-right{background: url("../images/page2.png") no-repeat center;background-size: cover;} .page-left:hover{background: url("../images/page3.png") no-repeat center;background-size: cover;} .page-right:hover{background: url("../images/page4.png") no-repeat center;background-size: cover;} .page-btn:hover{background-color: #e60019;border-color: #e60019;} .preview{position: absolute;right: 0;bottom:0;width: 920px;} .preview .swiper-slide{width: 20%;text-align: center;cursor: pointer;height: 70px;} .ryBtn div{position: absolute;z-index: 9;cursor: pointer;top:50%;margin-top: -22px;width: 44px;height: 44px;transition: all .4s;} .ryBtn1{left: 0;background: url("../images/421.png") no-repeat center;background-size: cover;} .ryBtn2{right: 0;background: url("../images/422.png") no-repeat center;background-size: cover;} .ryBtn1:hover{background: url("../images/423.png") no-repeat center;background-size: cover;} .ryBtn2:hover{background: url("../images/424.png") no-repeat center;background-size: cover;} .preview .swiper-container{margin: 0 50px;position: relative;} .preview .swiper-container:before{position: absolute;content: '';width: 100%;bottom:7px;left: 0;border-bottom: 1px solid #b2b2b2;} .preview h3{font-size: 18px;margin-bottom: 10px;transition: all .4s;font-weight: bold;} .preview-con{position: absolute;left: 0;width: 100%;bottom:0;padding: 0 10px;} .ry-dot{width: 16px;height: 16px;border:1px solid transparent;background: none;margin: 0 auto;border-radius: 100%;position: relative;transition: all .4s;} .ry-dot i{position: absolute;width: 5px;height: 5px;border-radius: 100%;background: #686868;top:4.5px;left: 4.5px;} .ry-line{width: 50%;border-right: 1px solid #686868;height: 10px;margin-bottom: -8px;transition: all .4s;} .preview .swiper-slide.active-nav h3{color: #e60019;} .preview .swiper-slide.active-nav .ry-line{border-color: #e60019;height: 20px;} .preview .swiper-slide.active-nav .ry-dot{border-color: #e60019;background: #fff;} .preview .swiper-slide.active-nav .ry-dot i{background: #e60019;} .preview .swiper-slide:hover h3{color: #e60019;} .preview .swiper-slide:hover .ry-line{border-color: #e60019;height: 20px;} .preview .swiper-slide:hover .ry-dot{border-color: #e60019;background: #fff;} .preview .swiper-slide:hover .ry-dot i{background: #e60019;} .bgeee{background: #eee;} .ry-con{padding: 40px;} .ry-img{width: 49.1%;} .ry-l li{position: relative;color: #5f5f5f;transition: all .4s;font-size: 16px;margin-bottom: 12px;padding-left: 108px;} .ry-l li:hover{color: #e60019;} .ry-l{padding-top: 20px;width: 49%;} .ry-l li span:nth-child(1){position: absolute;left: 0;top:0;} .ppzz{position: absolute;width: 100%;left: 0;top:0;height: 548px;z-index: -1;} .ppzz-box{min-height: 500px;} .ppzz-list{font-size: 0;width: 1286px;max-width: 100%;margin: 0 auto;padding-top: 70px;} .ppzz-list li{display: inline-block;vertical-align: top;width: 30%;font-size: 16px;margin-right: 5%;margin-bottom: 55px;} .ppzz-list li:nth-child(3n){margin-right: 0;} .ppzz-list li p{font-size: 16px;color: #5f5f5f;} .fixed-style{position: fixed;width: 100%;height: 100%;top:0;z-index: 99999;left: 0;background: rgba(2,21,36,.5);display: none;} .rzzz-con{width: 1140px;max-width: 92%;margin: 0 auto;} .rzzz-con img{width: 760px;max-width: 100%;} .rzzz-warp{margin: 0 20px;} .rzclose{cursor: pointer;position: absolute;top:22px;right: 30px;background: url("../images/close32.png") no-repeat center;background-size: cover;width: 32px;height: 32px;} .size20{font-size: 20px;} /*2.5鍏泭浜嬩笟 e*/ /*3.1鏂伴椈涓績 s*/ .ny-new-l{width: 100%;margin-bottom: 60px;} /*.ny-new-l:before{content: "";left: 50%;top:0;height: 100%;border-right: 1px dashed #9f9f9f;position: absolute;}*/ .ny-new-l li{width: 45.5%;margin-right: 9%;} .ny-new-l li:nth-child(even){margin-right: 0;} .ny-new-l li p{font-size: 16px;} .ny-new-l li .date{font-size: 16px;} .xw li{border-bottom: 1px dashed #b3b3b3;} .xw li a{display: block;padding: 25px 0;transition: all .4s;} .xw-img{width: 338px;height: 186px;position: absolute;top:0;left:0;display: none;} /*.size20{font-size: 20px;}*/ .xw-con{margin-left: 20px;min-height: 186px;padding-top: 15px;margin-right: 85px;min-height: 100%;} .xw-con h3{transition: all .4s;} .xw-con .date{font-size: 16px;margin: 20px 0;} .xw-con p{font-size: 16px;color: #5f5f5f;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .xw-con .jt27x12{position: absolute;right: 15px;top:25px;} .xw a:hover{background: #f8f8f8;} .xw a:hover h3{color: #e60019;} .xw{border-top: 1px dashed #9f9f9f;} .new-body .ban-des h2{color: #2980b5;} .new-body .ban-des span{color: #2980b5;} /*3.1鏂伴椈涓績 e*/ /*3.2鏂伴椈涓績璇︽儏 s*/ .xwym{margin-top: 20px;padding: 65px 90px;} .size22{font-size: 22px;} .xwxq-top span,.xwxq-top img{display: inline-block;vertical-align: middle;} .xwxq-top img{width: 27px;margin-right: 15px;} .xwxq-top span{font-size: 22px;color: #999999;font-family: dincondregular;} .xwxq-time{margin-right: 20px;} .edit{border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;padding: 40px 0;} .edit *{font-size: 16px !important;color: #666 !important;text-indent: 2em;margin: 20px 0;} .edit img{max-width: 100%;height: auto !important;display: block;margin: 30px auto;} .xwxq-fy a{font-size: 16px;color: #666;transition: all .4s;display: inline-block;margin-right: 44px;} .xwxq-fy a:last-child{margin-right: 0;} .xwxq-fy a:hover{color: #004098;} .fanhui i{display: inline-block;vertical-align: middle;width: 30px;height: 24px;background: url("../images/fanhui.png") no-repeat center;background-size: cover;margin-right: 15px;} .fanhui span{color:#666;font-size:16px;display: inline-block;vertical-align: middle;} .xwxq-share{position: absolute;right: 0;bottom:0;} .xwxq-share span{display: inline-block;vertical-align: middle;text-transform: uppercase;font-size: 18px;font-family: dincondregular;color: #999999;} .xwxq-share a{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-left: 10px;} .qq2{background: url("../images/qq2.png") no-repeat center;background-size: cover;} .wb2{background: url("../images/wb2.png") no-repeat center;background-size: cover;} .wx2{background: url("../images/wx2.png") no-repeat center;background-size: cover;} .ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;} .ermwarp{position: absolute;top:50%;left: 50%;margin: -147px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 294px;border:1px solid #d8d8d8;} #erm{width: 185px;height: 185px;margin: 15px auto;} .erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;} .ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;} .erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;} /*3.2鏂伴椈涓績璇︽儏 e*/ /*5.1閿€鍞綉缁 s*/ .pro li{display: block;padding: 45px 0;transition: all .4s;} .pro-imgs{height: 420px;background: #f2f2f2;text-align: center;} .pro-imgs img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .pro-img{width: 50%;position: relative;} .pro-con{position: absolute;width: 45.8%;top:0;height: 100%;} .pro li:nth-child(odd) .pro-img{float: left;} .pro li:nth-child(odd) .pro-con{right: 0;} .pro li:nth-child(even) .pro-img{float: right;} .pro li:nth-child(even) .pro-con{left: 0;} .pro li:hover{background: #f2f2f2;} .pro li:hover h3{color: #e60019;} .pro-cons h3{padding: 20px 0;border-bottom: 1px solid #e8e8e8;transition: all .4s;} .pro-page h4{font-size: 16px;color: #010101;margin-bottom: 5px;} .pro-page p{font-size: 16px;color: #5f5f5f;} .pro-page-bzq h4{display: inline-block;vertical-align: middle;} .pro-page-bzq p{display: inline-block;vertical-align: middle;} .pro-cons{display: none;} .pro-cons.active{display: block;} .pro-type{position: absolute;bottom:20px;left: 0;z-index: 9;font-size: 0;} .pro-type a{display: inline-block;line-height: 36px;background: #d5d5d5;font-size: 20px;padding: 0 20px;transition: all .4s;margin-right: 40px;margin-top: 10px;} .pro-type a:last-child{margin-right: 0;} .pro-type a.active{color: #fff;background: #e60019;} .pro-type a:hover{color: #fff;background: #e60019;} .proBtn div{position: absolute;z-index: 9;cursor: pointer;top:50%;margin-top: -22px;width: 44px;height: 44px;transition: all .4s;} .proBtn1{left: 0;background: url("../images/421.png") no-repeat center;background-size: cover;} .proBtn2{right: 0;background: url("../images/422.png") no-repeat center;background-size: cover;} .proBtn1:hover{background: url("../images/423.png") no-repeat center;background-size: cover;} .proBtn2:hover{background: url("../images/424.png") no-repeat center;background-size: cover;} .net-des{width:920px;max-width: 100%;} /*5.1閿€鍞綉缁 e*/ /*5.2鎷涘晢鍔犵洘 s*/ .title30{margin-bottom: 40px;} .title30 h2{font-size: 30px;} .jmys-r{width: 47.56%;} .jmys-l{width: 48%;padding-top: 10px;} .jmys-l ul{position: relative;} .jmys-l ul:before{position: absolute;left: 0;top:10px;bottom:10px;border-left: 1px solid #e60019;content: "";} .jmys-l li{margin-bottom: 25px;position: relative;padding-left: 25px;} .jmys-l li:before{content: '';position: absolute;width: 10px;height: 10px;border-radius: 100%;background: #e60019;left: -5px;top:8px;} .jmys-l li:last-child{margin-bottom: 0;} .jmys-l li:last-child p{min-height: 100%;} .jmys-l li p{min-height: 3.2em;color: #5f5f5f;} .jmys-box{padding-top: 40px;} .jmdh span{display: inline-block;vertical-align: middle;} .jmdh .span1{margin-right: 30px;} .jmdh .span2{color: #e6212c;font-family: dincondmedium;position: relative;} .jmdh .span2 img{width: 33px;margin-right: 12px;} /*5.2鎷涘晢鍔犵洘 e*/ /*6.1浜烘墠鐞嗗康 s*/ .title36{} .title36 h2{font-size: 36px;} .renli-page p{color: #5f5f5f;line-height: 2em;} .renli-page:nth-child(2) p{color: #333;} .renli-r{width: 54.45%;} .renli-l{width: 44%;padding-top: 80px;} /*6.1浜烘墠鐞嗗康 e*/ /*6.2璇氳仒鑻辨墠 s*/ .job-box{border:1px solid #bcbcbc;padding:1px;} .col-5{font-size: 0;} .col-5 span{display: inline-block;vertical-align: middle;font-size: 14px;color: #5b5b5b;width: 20%;padding: 17px 5px;text-align: center;transition: all .4s;} .col-5 span:nth-child(1){text-align: left;padding-left: 30px;} .job-top{background: #dddddd;} .job-top .col-5 span{font-size: 16px;color: #424242;} .job-list a{display: block;background: #f9f9f9;transition: all .4s;} .job-list li:nth-child(even) a{background: #f0f0f0;} .job-list li a:hover span{color: #e60019;} /*6.2璇氳仒鑻辨墠 e*/ /*6.21璇氳仒鑻辨墠璇︽儏 s*/ .jobxq-top{padding: 30px 20px;} .jobxq-lsit{font-size: 0;} .jobxq-lsit li{display: inline-block;vertical-align: top; font-size: 14px;color: #838383;width: 48%;margin-right: 2%;margin-top: 12px;} .jobxq-top h4{color: #585858;padding-bottom: 8px;} .job-ms h4{color: #585858;} .job-ms p{color: #8b8b8b;} .fasong{color: #e60019;font-size: 16px;} .ljsq{display: inline-block;background: #e60019;color: #fff;text-align: center;line-height: 38px;padding: 0 22px;} /*6.21璇氳仒鑻辨墠璇︽儏 e*/ /*7.1鑱旂郴鎴戜滑 s*/ .lxfs-list{font-size: 0;} .lxfs-list li{display: inline-block;vertical-align: top;font-size: 16px;width: 20%;text-align: center;} .lxfs-list li img{width: 137px;max-width: 90%;} .lxfs-list li h3{margin: 20px 0;} .lxfs-list li p{color:#818181;} .map{height: 525px;} .map h3{color: #e60019;font-size: 16px;} .padding-t80{padding-top: 80px;} .zxly-des p{color: #5f5f5f;margin-bottom: 10px;} .zxly-des p span{color: #e60019;display: inline-block;} .input-page{width: 32%;margin-right: 2%;float: left;position: relative;margin-bottom: 20px;} .input-page-full{width: 100%;margin-right: 0;float: none;} .input-page:nth-child(3n){margin-right: 0;} .input{border:1px solid #d6d6d6;} .input .text{display:block;height:33px;line-height:33px;padding-left: 10px;width: 100%;} .name{position: absolute;left: 0;top:0;width: 80px;text-align: right;line-height: 33px;color: #6d6d6d;} .name span{padding-right: 3px; color: #e60019;} .input-r{margin-left: 80px;} .input .text::-webkit-input-placeholder{color:#cccccc;} .input .text:-moz-placeholder{color:#cccccc;} .input .text::-moz-placeholder{color:#cccccc;} .input .text:-ms-input-placeholder{color:#cccccc;} textarea::-webkit-input-placeholder{color:#cccccc;} textarea:-moz-placeholder{color:#cccccc;} textarea::-moz-placeholder{color:#cccccc;} textarea:-ms-input-placeholder{color:#cccccc;} .yzm-r{position: absolute;width: 134px;top:0;right: 0;} .yzm-r img{width: 64px;height: 33px;position: absolute;left: 0;top:1px;} .yzm-r a{position: absolute;right: 0;left: 64px;top:0;height: 33px;line-height: 33px;text-align: center;font-size: 13px;color: #b2b2b2;} .input-page-yzm .input{margin-right: 150px;} .textarea{padding:5px 10px;} .textarea textarea{display: block;width: 100%;resize: none;overflow: auto;height: 230px;} .tijiao{width: 415px;line-height: 43px;background: #e60019;color: #fff;text-align: center;display: block;margin: 0 auto;} .syly-list li{border-bottom: 1px solid #e4e4e4;} .syly-warp{padding: 20px 50px;} .syly-top{cursor: pointer;transition: all .4s;} .syly-top span{font-size: 16px;color: #656565;} .syly-top span:nth-child(2){margin:0 30px;} .ly-time{position: absolute;right: 0;top:0;} .wenti{position: relative;} .wenti img{position: absolute;left: 0;width: 21px;top:2px;} .wenti{padding-left: 38px;} .wenti p{font-size: 16px;} .syly-bot{background: #f2f2f2;display: none;} .syly-top .i{width: 11px;height: 6px;background: url("../images/bot11x6.png") no-repeat center;background-size: cover;right: 0;bottom:0;transition: all .4s;position: absolute;} .syly-list li.active .i{transform: rotate(180deg);} .syly-bot h4{font-size: 16px;margin-bottom: 5px;} .syly-des{min-height: 110px;} .syly-list li.active .syly-top{background: #e4e4e4;} .syly-list li:hover .syly-top{background: #e4e4e4;} /*7.1鑱旂郴鎴戜滑 e*/ .imgmax img{max-width: 100%;vertical-align: bottom;} .text-justify{text-align: justify;} .pro{padding-top: 30px;} .pro-fl{text-align: center;margin-top: 30px;} .pro-fl a{display: inline-block;font-size: 18px;background: rgba(0,0,0,.5);padding: 0 20px;line-height: 48px;color: #fff;margin: 0 20px;min-width: 120px;transition: all .4s;} .pro-fl a.active{background: #e60019;} .pro-fl a:hover{background: #e60019;} .swiperDot{margin-top: 50px;} .swiperDot .swiper-pagination-bullet{background: #ddd;opacity: 1;width: 14px;height: 14px;position: relative;margin: 0 10px;transition: all .4s;} .swiperDot .swiper-pagination-bullet:before{content: '';position: absolute;top:-6px;right: -6px;bottom:-6px;left: -6px;border:1px solid #ffb006;border-radius: 100%;transition: all .4s;opacity: 0;} .swiperDot .swiper-pagination-bullet-active{background: #e6212c;} .swiperDot .swiper-pagination-bullet-active:before{opacity: 1;} .img360{height: 360px;} .img360 .position-full{transition: all .4s;} a:hover .img360 .position-full{transform: scale(1.1);} .nav-er{text-align: center;left: 50%;transform: translate(-50%);} .imgscale .img100{overflow: hidden;} .imgscale .img100 img{transition: all .4s;} .imgscale:hover .img100 img{transform: scale(1.1);} .background-cover{ background-repeat: no-repeat; background-size: cover; background-position: center; } .slideUp,.swiper-slide-active .banner-des{ animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out; } @keyframes slideUp{ 0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);} 100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);} } .slideLeft{ animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out; } @keyframes slideLeft{ 0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .slideRight{ animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out; } @keyframes slideRight{ 0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .tobig{ animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out; } @keyframes tobig{ 0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }