@charset "utf-8"; @font-face { font-family: dincondregular; src: url("../font/dincondregular.otf"); } @font-face { font-family: dincondblack; src: url("../font/dincondblack.otf"); } @font-face { font-family: dincondbold; src: url("../font/dincondbold.otf"); } * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;} html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;} input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";} img{ 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 80px;} .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;} .scrollBar::-webkit-scrollbar {width: 6px;height: 6px;} .scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;} .scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;} .scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;} /*header*/ body{padding-top: 108px;transition: all .4s;} .header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;height: 108px;background: #fff;transition: all .4s;} .logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);} .logo img{display: block;height: 43px;transition: all .4s;} .nav-box{margin-top: 54px;transition: all .4s;} .nav li{float: left;position: relative;margin-left: 16px;} .nav-yi{display: inline-block;line-height: 54px;padding: 0 20px;font-size: 16px;color: #414141;position: relative;} .nav li:last-child .nav-yi{padding-right: 0;} .nav li:last-child .nav-yi:after{margin-left: 10px;} .nav-yi:after{content: '';position: absolute;bottom:6px;border-top: 2px solid #c52724;left: 50%;transform: translateX(-50%);width: 0;transition: all .4s;} .nav li.active .nav-yi:after{width: 64px;} .nav-er{position: absolute;width: 540px;box-sizing: border-box;padding:25px 34px; left: -115px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: 20px;transition: all .4s;pointer-events: none;background: #f7f7f7;width: 150px;margin-left: -75px;left: 50%;text-align: center;} li:nth-child(5) .nav-er{text-align: left;width: 200px;margin-left: -100px;} .nav-er-right{width: 306px;max-width: 100%;border-left: 1px solid #d6d6d6;padding-left: 40px;} /*.nav-er-left{min-width: 110px;padding-right: 5px;}*/ .nav-er-left a{display: block;font-size: 16px;color: #616161;position: relative;margin-bottom: 20px;padding-left: 8px;transition: all .4s;} .nav-er-left a:before{width: 2px;height: 2px;content: '';position: absolute;left: 0;top:50%;margin-top: -1px;background: #616161;transition: all .4s;} .nav-er-left a:last-child{margin-bottom: 0;} .nav-er-left a.active{color: #000;} .nav-er-left a.active:before{background: #000;} .nav-er-right h3{font-size: 20px;margin: 20px 0;} .nav-er-right p{color: #666;} .nav li.active .nav-yi{color: #c52724;} .language{position: absolute;right: 0;top:5px; cursor: pointer;z-index: 5;border:1px solid #c0c0c0;width: 44px;} .language p{height: 16px;line-height: 16px;width: 32px;font-size: 12px;color: #868686;border-right: 1px solid #c0c0c0; text-align: center;} .language p:after{content: '';position: absolute; width: 11px;height: 100%;background: url("../images/sjx6.png") no-repeat center;background-size:cover;right: 0;top:0;} .language-bot{position: absolute;width: 100%;top:16px;background: #fff;left: -1px;text-align: center;border:1px solid #c0c0c0;display: none;} .language-bot a{display: block;padding: 4px 0;font-size: 12px;} .language-bot a:hover{background: #c52724;color: #fff;} .language.active .language p:after{transform: rotate(180deg);} .search-box{cursor: pointer;z-index: 7;display: inline-block;vertical-align: middle;position: relative;height: 20px;width: 20px;} .search-btn{width: 16px;height: 16px;background-image: url("../images/search.png");background-size: cover; z-index: 5;position: absolute;right: 0;top:2px;} .search-con{position: absolute;width: 0;right: 0;height: 20px;top:0;background: #fff;overflow: hidden;border-bottom: 1px solid #f0f0f0;transition: all .4s;} .search-con .text{display: block;height: 20px;width: 100%;background: none;text-indent: 20px;font-size: 12px;} .search-close{width: 16px;height: 16px;position: absolute;top:2px;left: 0;background-image: url("../images/close.png");} .search-sb{cursor: pointer;display: none;background-color:#fff;} .search-box.active .search-con{width: 200px;} .search-box.active .search-sb{display: block;} .search-text{margin-right: 20px;} .header-area{position: absolute;right: 0;top:16px;transition: all .4s;} .gpdm{display: inline-block;vertical-align: middle;position: relative;padding: 0 12px;margin: 0 12px;color: #8c8c8a;} .gpdm i{font-style: normal;font-size: 16px;color: #c52725;font-family: dincondregular;} .gpdm:before{border-left: 1px solid #d2d2d2;height: 14px;top:50%;margin-top: -7px;position: absolute;content: '';left: 0;} .gpdm:after{border-right: 1px solid #d2d2d2;height: 14px;top:50%;margin-top: -7px;position: absolute;content: '';right: 0;} .jqw{display: inline-block;cursor: pointer; vertical-align: middle;position: relative;padding-right: 35px;} .wzq{color: #8c8c8a;} .jqw-list{position: absolute;background: #fff; width: 200px;left: 50%;margin-left: -100px; top:22px;box-shadow: 0 1px 2px 0 #ddd;padding: 10px 0;max-height: 260px;overflow: auto;display: none;} .jqw-list a{display: block;padding: 3px 10px;} .jqw-list a:hover{background: #c52724;color: #fff;} .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: #c52724; 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;} .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); } #menu-handler2{display: block;right: 0;top:50%;margin-top: -15px;transform: scale(0.9);} #menu-handler2 .burger{background: #a4a4a4;transition: all .4s;} body.is-scroll .header{height: 88px;box-shadow: 0 1px 2px #ddd;} body.is-scroll .header-area{top:11px;} body.is-scroll .nav-box{margin-top: 34px;} body.is-scroll .logo img{height: 36px;} /*header e*/ /*footer s*/ .footer-top{padding: 50px 0;} .footer-l h5{color: #000;} .footer-l strong{font-size: 18px;color: #c52725;display: block;margin: 10px 0 35px;} .footer-l p{color: #8e8d8d;} .footer-nav{margin-right: 192px;} .footer-navs{float: left;margin-right: 75px;} .footer-navs h5{font-size: 16px;color: #414141;margin-bottom: 20px;} .footer-navs a{color: #8e8e8e;} .footer a{transition: all .4s;} .footer-navs li{margin-bottom: 5px;} .footer a:hover{color: #333;} .code{position: absolute;right: 0;top:0;width: 192px;} .code p{color: #868686;margin-top: 15px;} .footer-bot{background: #e8e8e8;padding: 20px 0;} .footer-bot a,.footer-bot span{display: inline-block;color: #868686;} .flsm span{margin: 0 5px;} /*footer e*/ /*index s*/ .banner-bot{position: absolute;left: 0;width: 100%;z-index: 9;bottom:96px;} .banner-bot .swiper-pagination-bullet{width: 12px;height: 12px;background: none;opacity: 1;border:1px solid rgba(255,255,255,.6);margin: 0 5px;position: relative;overflow: visible;} .circle-svg{color: #fff;vertical-align: bottom;position: absolute;left: -1px;top:-1px;} .circle-svg circle{box-sizing: border-box;stroke-width: 1px;opacity: 0;} .banner-dot{margin-top: 30px;} .banner-dot span.swiper-pagination-bullet-active .circle-svg__circle-1{opacity: 1;stroke-dasharray:45;animation:str 5.6s linear;} @keyframes str{ 0%{stroke-dashoffset: 45px;} 100%{stroke-dashoffset: 0;} } .banner-num{width: 68px;height: 55px;position: relative;} .banner-num span{color: #fff;} .banner-num-cur{position: absolute;top:0;left: 0;line-height: 1em;font-size: 30px;} .banner-num-all{position: absolute;bottom:0;right: 0;line-height: 1em;font-size: 18px;} .banner-num-line{position: absolute;height: 100%;width: 100%;text-align: center;line-height: 55px;top:0;left: 0;} .banner-num-line img{width: 42px;vertical-align: bottom;} .banner-des{margin-bottom: 160px;} .banner-des h2{font-size: 48px;color: #fff;} .banner-des span{font-size: 20px;color: #fff;display: block;} .banner-des p{font-size: 24px;margin-top: 35px; color: #fff;display: block;} .index-new{position: relative;z-index: 9;margin-top: -70px;} .index-new-con{box-shadow: 0 5px 6px 0 rgba(1, 1, 1, 0.1);} .more{transition: all .4s;display: inline-block;position: relative;font-size: 10px;color: #8e8e8e;font-family: Arial;padding-right: 24px;} .more:after{width: 15px;height: 5px;background: url("../images/jt151.png") no-repeat center;background-size: cover;position: absolute;content: '';right: 0;top:50%;margin-top: -2px;transition: all .4s;} .more:hover:after{transform: translateX(5px);} a:hover .more:after{transform: translateX(5px);} .more:hover{color: #c52724;} .more:hover:after{background: url("../images/jt152.png") no-repeat center;background-size: cover;} .index-new-top{padding: 0 25px;border-bottom: 1px solid #e2e4e6;} .index-new-title h3{line-height: 55px;display: inline-block;font-size: 16px;color: #070707;border-bottom: 2px solid #c52725;margin-bottom: -1px;} .index-new-top .more{position: absolute;right: 25px;top:50%;margin-top: -6px;} .new-time{color: #c52724;font-family: dincondblack;} .new-time strong{font-size: 48px;margin-right: 8px;} .indexnewbot{padding: 25px;} .new-con{margin-right: 360px;} .index-new-con{margin-right: 458px;} .index-new-sp{position: absolute;width: 447px;height: 100%;right: 0;top:0;cursor: pointer; box-shadow: 0 5px 6px 0 rgba(1, 1, 1, 0.18);} .new-con h3{margin: 15px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #010101;transition: all .4s;} .new-con p{color: #8e8e8e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 25px;height: 3.2em;} .new-img{width: 302px;height: 206px;position: absolute;right: 0;top:0;overflow: hidden;} .look img{width: 13px;display: inline-block;vertical-align: middle;} .look span{font-size: 12px;color: #8a8a8a; display: inline-block;vertical-align: middle;margin-left: 8px;} .newBot{position: absolute;right: 400px;bottom:25px;z-index: 9;padding: 0 20px;} .newSize span{font-size: 12px;color: #000;} .newSize .nCur{color: #c52724;} .newBtn div{display: inline-block;width: 12px;height: 12px;position: absolute;top:50%;margin-top: -5px;cursor: pointer;transition: all .4s;} .newBtn1{left: 0;background: url("../images/left.png") no-repeat center;background-size: cover;} .newBtn2{right: 0;background: url("../images/right.png") no-repeat center;background-size: cover;} .newBtn1:hover{background: url("../images/left-1.png") no-repeat center;background-size: cover;} .newBtn2:hover{background: url("../images/right-1.png") no-repeat center;background-size: cover;} .indexnewbot .swiper-slide a:hover h3{color: #c52724;} .new-img .position-full{transition: all .4s;} .index-new-sp .position-full{transition: all .4s;} a:hover .new-img .position-full{transform: scale(1.1);} .index-new-sp:hover .position-full{transform: scale(1.1);} .play60{display: inline-block;width: 60px;height: 60px;background: url("../images/play60.png") no-repeat center;background-size: cover;border-radius: 100%;transition: all .4s;} .index-new-sp .play60{position: absolute;left: 50%;margin-left: -30px;top:50%;margin-top: -30px;} .index-new-sp:hover .play60{box-shadow: 0 0 10px 0 #fff;} .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: 1200px;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;} .about-left{position: absolute;left: 0;top:0;width: 340px;} .imgmax img{height: auto !important;max-width: 100%;vertical-align: bottom;} .fenbu{margin-left: 380px;margin-right: 250px;padding-top: 50px} .about-list{position: absolute;right: 0;top:100px;;width: 230px;} .about-list li{position: relative;padding-left: 75px;min-height: 120px;margin-bottom: 15px;} .about-list li:last-child{margin-bottom: 0;} .about-list li img{width: 52px;position: absolute;left: 0;top:0;} .title26{margin-bottom: 30px;} .title26 h2{font-size: 26px;} .title26 span{display: block;text-transform: uppercase;color: #676767;margin-top: 5px;} .about-des h3{color: #c52725;font-size: 20px;padding-top: 30px;} .about-des p{margin: 20px 0 30px;} .des2em p{color: #666;line-height: 2em;} .about-list-con h3{font-size: 30px;font-family: dincondbold;color: #c52725;} .about-list-con p{color: #666;margin-top: 5px;} .bk .img100{width: 54.44%;} .bk-con{width: 39%;} .margin-b30{margin-bottom: 30px;} .ywbk-top{position: absolute;bottom:-95px;width: 100%;left: 0;background: #f1f1f1;} .ywbk-top li{float: left;width: 33.33%;box-sizing: border-box;text-align: center;transition: all .4s;position: relative;} .ywbk-top li i{position: absolute;right: 0;top:0;height: 100%;width: 2px;background: url("../images/two.png") no-repeat center;background-size: cover;} .ywbk-top li:last-child i{display: none !important;} .ywbk-top li.active i{display: none;} .ywbk-top li img{display: inline-block;vertical-align: middle;width: 74px;filter: brightness(0.5);transition: all .4s;margin-right: 30px;} .ywbk-r{display: inline-block;vertical-align: middle;} .ywbk-top li a{display: block;padding: 40px 0;} .ywbk-top-con{display: inline-block;text-align: left;} .ywbk-r h2{font-size: 24px;color: #000;} .ywbk-r span{color: #999999;display: block;text-transform: uppercase;margin-top: 6px;} .ywbk .padding-tb80{padding-bottom: 120px;} .ywbk{margin-bottom: 90px;} .ywbk-top li.active{background: url("../images/bg.png") no-repeat center;background-size: cover;} .ywbk-top li.active h2{color: #fff;} .ywbk-top li.active span{color: #fff;} .ywbk-top li.active img{filter: brightness(1);} .ywbk-top li:hover{background: url("../images/bg.png") no-repeat center;background-size: cover;} .ywbk-top li:hover h2{color: #fff;} .ywbk-top li:hover span{color: #fff;} .ywbk-top li:hover img{filter: brightness(1);} .tzz-l{margin-right: 730px;padding-top: 20px;} .margin-b50{margin-bottom: 50px;} .tzz-nav{width: 485px;position: absolute;right: 100px;top:68px;max-width: 100%; /*transform: rotate(45deg) translateZ(0);*/ } .tzz-nav li{width: 127px;text-align: center;float: left;margin-right: 52px;margin-bottom: -9px;} .tzz-nav li:nth-child(3n){margin-right: 0;} .tzz-nav li a{display: block;height: 127px;position: relative;} .tzz-nav li .bg{position: absolute;width: 100%;height: 100%;top:0;left: 0;transform: rotate(-45deg) translateZ(0);} /*.tzz-nav li .middle-inner div{transform: rotate(-45deg) translateZ(0);}*/ .tzz-nav li:nth-child(1) .bg{background: url("../images/tzz1.jpg") no-repeat center;background-size: cover;} .tzz-nav li:nth-child(2) .bg{background: url("../images/tzz2.jpg") no-repeat center;background-size: cover;} .tzz-nav li:nth-child(3) .bg{background: url("../images/tzz3.jpg") no-repeat center;background-size: cover;} .tzz-nav li:nth-child(4){margin-left: 89px;} .tzz-nav li:nth-child(4) .bg{background: url("../images/tzz4.jpg") no-repeat center;background-size: cover;} .tzz-nav li:nth-child(5){margin-right: 0;} .tzz-nav li:nth-child(5) .bg{ background: url("../images/tzz5.jpg") no-repeat center;background-size: cover;} .tzz-nav li:nth-child(6){display: none;} .tzz-nav li:nth-child(6) .bg{background: url("../images/tzz6.jpg") no-repeat center;background-size: cover;} .tzz-nav li h3{font-size: 16px;color: #000;transition: all .4s;} .tzz-nav li span{font-size: 12px;color: #8d8d8d;display:block;margin-top: 8px;transition: all .4s;} .tzz-nav li a:hover h3{color: #c52724;} .tzz-nav li a:hover span{color: #c52724;} .other li{float: left;width: 27%;} .other li:nth-child(1){width: 46%;} .other li a{display: block;height: 206px;position: relative;overflow: hidden;} .ct{position: absolute;z-index: 9;left:40px;top:50px;} .ct h2{font-size: 24px;color: #000;} .ct span{display: block; color: #999;text-transform: uppercase;margin: 10px 0 20px;} .other li:nth-child(2) h2{color: #fff;} .other li:nth-child(2) span{color: #fff;} .other li:nth-child(2) .more{color: #fff;} .other li:nth-child(2) .more:after{background: url("../images/jt153.png") no-repeat center;background-size: cover;} .other li:nth-child(3) h2{color: #232323;} .other li:nth-child(3) span{color: #232323;} .other li:nth-child(3) .more{color: #232323;} .other li:nth-child(3) .more:after{background: url("../images/jt154.png") no-repeat center;background-size: cover;} .other li .bg{transition: all .4s;} .other li:hover .bg{transform: scale(1.1);} /*index e*/ /*鍏徃绠€浠 s*/ .about-ban .ban-des{margin-bottom: 6%;} .about-ban h2{font-size: 72px;color: #c52725;line-height: 1em;} .about-ban h2 span{font-size: 30px;color: #c52725;font-family: dincondblack;line-height: 1em;opacity: 0.7;display: inline-block;margin-left: 20px;} .about-ban h3{font-size: 30px;color: #c52725;margin: 30px 0 10px;line-height: 2em;} .about-ban p{font-size: 13px;color: #fff;text-transform: uppercase;} .ny-nav{height: 80px;position: relative;} .ny-navs{border-bottom: 1px solid #d8d8d8;text-align: center;} /*.ny-nav2 .ny-navs{border-bottom: none;}*/ .maodian{position: absolute;left: 0;top:-88px;} .ny-navs .w1440{height: 80px;font-size: 0;} .ny-navs a{display: inline-block;line-height: 80px;font-size: 16px;color: #575656;margin: 0 35px;position: relative;} .ny-navs a:after{content: '';position: absolute;left: 50%;width: 0;bottom:-1px;border-bottom: 1px solid #c52724;transform: translateX(-50%);transition: all .4s;} .ny-navs a.active{color: #c52724;} .ny-navs a.active:after{width: 100%;} .ny-navs a:hover{color: #c52724;} .ny-navs a:hover:after{width: 100%;} .about-ms{float: left;width: 50%;} .des666 p{line-height: 2em;color: #666;text-indent: 2em;text-align: justify;margin-bottom: 10px;font-family:"Microsoft YaHei","PingFang SC" !important;} .des666 p span{font-family:"Microsoft YaHei","PingFang SC" !important;} .des666 p:last-child{margin-bottom: 0;} .title24{margin-bottom: 40px;} .title24 h2{font-size: 24px;} .gs{font-size: 20px;margin-bottom: 30px;} .title24 .i{width: 56px;border-top: 2px solid #c52725;margin: 20px 0;} .ab-list{width: 43%;} .ab-list li{float: left;width: 48%;margin-right: 4%;position: relative;margin-bottom: 60px;} .ab-list li:nth-child(5){margin-bottom: 0;} .ab-list li:nth-child(6){margin-bottom: 0;} .ab-list li:nth-child(even){margin-right: 0;} .ab-list li img{position: absolute;left: 0;top:0;width: 54px;} .ab-con{margin-left: 80px;} .ab-con p{color: #6e6e6e;} .ab-con h3{font-size: 30px;color: #c52725;font-family: dincondbold;display: inline-block;position: relative;} .ab-con h3 span{font-size: 14px;margin-left: 8px;} .ab-con h3 i{font-size: 14px;font-family: Arial;position: absolute;top:0;right: 6px;} .bankuai li{margin-bottom: 80px;} .bankuai h3{font-size: 24px;color: #000;margin: 30px 0;} /*鍏徃绠€浠 e*/ /*2.3棰嗗鍥㈤槦 s*/ .group{text-align: center;padding-bottom: 20px;} .group h3{font-size: 22px;color: #000;border-bottom: 1px solid #cacaca; padding: 10px 0;margin-bottom: 32px;background: #f1f1f1;} .group:nth-child(even) h3{background: #eaeaea;} .people{font-size: 0;} .people li{font-size: 14px;border:1px solid #d9d9d9;box-sizing: border-box;display: inline-block;vertical-align: top;width: 13%;margin-right: 1.5%;margin-bottom: 1.5%;padding: 14px 0;text-align: center;} .people li:nth-child(7n){margin-right: 0;} .people li:last-child{margin-right: 0;} .people h4{font-size: 20px;color: #000;} .people p{font-size: 16px;color: #7d7d7d;margin-top: 4px;} /*.group:nth-child(1) ul{text-align: left;}*/ /*.group:nth-child(2) ul{text-align: left;}*/ /*2.3棰嗗鍥㈤槦 e*/ /*2.4涓嬪睘浼佷笟 s*/ .hongda{height: 435px;} .more-fff{color: #fff;} .hongda-con{padding-top: 55px;max-width: 92%;margin: 0 auto;} .hongda-con h3{font-size: 30px;color: #fff;} .hongda-con p{font-size: 16px;color: #fff;width: 830px;margin: 30px auto;max-width: 100%;} .more-fff:after{background: url("../images/jt153.png") no-repeat center;background-size: cover;} .jt2{padding: 40px 0;} .jt2 img{width: 21px;} .more-red{color: #c52724;} .more-red:after{background: url("../images/jt152.png") no-repeat center;background-size: cover;} .qun{border-top: 1px solid #cfcfcf;margin-bottom: 30px;padding: 30px;transition: all .4s;} .qun-con{width: 55%;padding-right: 10%;box-sizing: border-box;} .qun-con h3{color: #010101;font-size: 22px;} .qun-con p{color: #7f7f7f;font-size: 16px;margin: 30px 0;} .qun-list{border-left: 1px dashed #bbb;width: 45%;padding-left: 10%;box-sizing: border-box;min-height: 190px;} .qun-list li{margin-bottom: 15px;} .qun-list li:last-child{margin-bottom: 0;} .qun-list a{transition: all .4s;font-size: 16px;color: #525252;display: block;position: relative;padding-left: 20px;padding-right: 40px;} .qun-list a i{position: absolute;left: 0;top:7px;width: 6px;height: 6px;border-radius: 100%;background: #999;transition: all .4s;} .qun-list a span{position: absolute;right: 0;top:3px;font-size: 10px;color: #646363;font-family: Arial;transition: all .4s;} .qun-list a:hover{color: #c52724;} .qun-list a:hover span{color: #c52724;} .qun-list a:hover i{background: #c52724;} /*2.4涓嬪睘浼佷笟 e*/ /*2.4涓嬪睘浼佷笟璇︽儏 s*/ .size20{font-size: 20px;} /*.gsms img{float: right;margin-left: 60px;margin-bottom: 60px;width: 670px;max-width: 100%;}*/ .xqfy li{margin-top: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .xqfy li span{margin-right: 30px;} .xqfy a{transition: all .4s;font-size: 16px;color: #747474;} .xqfy a:hover{color: #c52724;} .gsms{border-bottom: 1px dashed #aeaeae;padding-bottom: 80px;} /*2.4涓嬪睘浼佷笟璇︽儏 e*/ /*2.5鍙戝睍鍘嗙▼ s*/ .history li{position: relative;margin-bottom: 65px;} .history li:last-child{margin-bottom: 0;} .history .i{position: absolute;width: 30px;height: 30px;background: url("../images/9.png") no-repeat center;background-size: cover;left: 94px;top:-2px;} .history p{font-size: 16px;color: #474747;margin-left: 150px;margin-bottom: 8px;padding-left: 71px; position: relative;} .history p:last-child{margin-bottom: 0;} .history p span{font-size: 20px;color: #000000;position: absolute;left: 0;top:0;} .h-time{font-size: 20px;color: #c52724;position: absolute;top:0;left: 0;} .zindex5{z-index: 5;} .history{margin-top: 100px;} .history .line{position: absolute;top:-40px;bottom:10px;left: 109px;border-right: 1px solid #c52724;} .sjx{position: absolute;width: 23px;height: 20px;top:-60px;left: 98px;background: url("../images/sjx.png") no-repeat center;background-size: cover;} /*2.5鍙戝睍鍘嗙▼ e*/ /*2.6浼佷笟鏂囧寲 s*/ .qywh li{float: left;box-sizing: border-box;border:1px solid #d1cdd1;width: 48%;margin-right: 4%;padding: 35px 50px;} .qywh li:last-child{margin-right: 0;} .qywh li p{color: #5b5b5b;font-size: 16px;} .qywh .title24{margin-bottom: 0 !important;} .qywh .title24 .i{width: 32px;} .qywh-bot{height: 3.2em;} .whbg{height: 540px;} .cul-bot{position: absolute;width: 100%;bottom:0;left: 0;box-sizing: border-box;height: 201px;background: url("../images/s1.png") no-repeat center;background-size: cover;transition: all .4s;} .cul-bot h3{color: #fff;position: absolute;bottom:25px;left: 20px;right: 70px;font-size: 20px;} .jt36{width: 36px;height: 12px;position: absolute;background: url("../images/jt36.png") no-repeat center;background-size: cover;right: 20px;bottom:25px;} a:hover .cul-bot{background: url("../images/s2.png") no-repeat center;background-size: cover;} .culture{margin-top: -164px;} .swiper-dot{margin-top: 60px;} .swiper-dot .swiper-pagination-bullet{opacity: 1;background: #919191;width: 10px;height: 10px;margin: 0 5px;} .swiper-dot .swiper-pagination-bullet-active{background-color: #b21a1b;} .gd{color: #424242;transition: all .4s;} .gd:hover{color: #c52724} .mt40{margin-top: 40px;} .cultureBtn div{position: absolute;width: 30px;height: 60px;cursor: pointer;transition: all .4s;margin-top: -30px;z-index: 9;} .cultureBtn1{left: 0;top:50%;background: url("../images/btn301.png") no-repeat center;background-size: cover;} .cultureBtn2{right: 0;top:50%;background: url("../images/btn302.png") no-repeat center;background-size: cover;} .cultureBtn1:hover{background: url("../images/btn301-1.png") no-repeat center;background-size: cover;} .cultureBtn2:hover{background: url("../images/btn302-1.png") no-repeat center;background-size: cover;} .culture .swiper-container{margin: 0 50px;} /*2.6浼佷笟鏂囧寲 e*/ /*2.6浼佷笟鏂囧寲璇︽儏 s*/ .xwxq-top{padding-bottom: 16px;} .xwxq-top h1{font-size: 24px;color: #000;margin-bottom: 30px;} .xwxq-top span{color: #8d8d8d;display: inline-block;margin: 0 9px;font-size: 16px;} .edit{border-top: 1px dashed #cfcfcf;padding: 50px 0 0;} .edit p{font-size: 16px;color: #8d8d8d;margin-bottom: 20px;} .edit img{max-width: 100%;height: auto !important;margin: 40px auto;display: block;} /*2.6浼佷笟鏂囧寲璇︽儏 e*/ /*2.7浼佷笟鑽h獕 - 2 s*/ .honor{padding: 105px 55px;} .honor-con{width: 870px;height: 460px;background:rgba(255,255,255,.8);padding: 50px 90px;box-sizing: border-box;max-width: 100%;} .honor-con p{font-size: 16px;color: #595959;transition: all .4s;position: relative;padding-left: 22px;} .honor-con p:before{position: absolute;width: 11px;height: 11px;left: 0;top:7px;content: '';background: url("../images/wjx1.png") no-repeat center;background-size: cover;transition: all .4s;} .honor-con p:hover{color: #c52724;} .honor-con p:hover:before{background: url("../images/wjx2.png") no-repeat center;background-size: cover;} /*.honor-con .swiper-container{height: 375px;}*/ .honorBtn div{width: 38px;height: 38px;cursor: pointer;z-index: 9;top:50%;margin-top: -19px;position: absolute;transition: all .4s;} .honorBtn1{background: rgba(0,0,0,.24) url("../images/btn381.png") no-repeat center;background-size: cover;left: 0;} .honorBtn2{background: rgba(0,0,0,.24) url("../images/btn382.png") no-repeat center;background-size: cover;right: 0;} .honorBtn div:hover{background-color: #c52724;} .fiexd-style{position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.8);display: none;} .rybig{background: #fff;width: 1086px;margin: 0 auto;max-width: 92%;overflow: hidden;border-radius: 20px;} .bg32{width: 32px;height: 32px;background: url("../images/gb32.png") no-repeat center;background-size: cover;position: absolute;right: 36px;top:27px;cursor: pointer;border-radius: 20px;z-index: 9;} .rybig-img{margin-top: 40px;text-align: center;height: 658px;position: relative;} .rybig-img img{max-width: 92%;position: absolute;top: 50%;left: 50%;max-height: 100%;transform: translate(-50%,-50%);} .zs-name{padding: 35px 0;} .zs-name p{font-size: 18px;color: #000;} .honor .swiper-slide{cursor: pointer;} /*2.7浼佷笟鑽h獕 - 2 e*/ /*3.1鏂伴椈璧勮 s*/ .new-ban h2{font-size: 30px;color: #fff;} .new-ban p{color: #c52724;text-transform: uppercase;margin-left: 130px;} .new-ban .ban-des{margin-left: 80px;margin-bottom: 80px;} .new-ban h2:nth-child(2){margin: 10px 0 10px 2em;} .xw a{display: block;border-bottom: 1px solid #e3e3e3;padding: 15px 0;} .xw .img100{width: 380px;float: left;height: 232px;overflow: hidden;} .xw .img100 .position-full{transition: all .4s;} .xw li a:hover .img100 .position-full{transform: scale(1.1)} .xw-con{margin-left: 450px;overflow: hidden;} .xw-con h3{font-size: 20px;margin: 25px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;} .xw-con p{color: #8c8c8c;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.6em;line-height: 1.8em;} .xw-con span{margin-top: 30px;} .jt362{color: #808080;display: inline-block;position: relative;padding-right: 50px;} .jt362:after{content: '';width: 36px;height: 12px;background: url("../images/jt362.png") no-repeat center;background-size: cover;position: absolute;right: 0;top:50%;margin-top: -6px;transition: all .4s;} .xw a:hover h3{color: #c52724;} .xw a:hover .jt362:after{transform: translateX(10px);} .page{text-align: center;font-size: 0;margin-top: 80px;} .page a{font-size: 18px;line-height: 40px;min-width: 38px; border:1px solid #d1d1d1;color: #a09f9f;display: inline-block;margin: 0 6px;transition: all .4s;vertical-align: middle;} .page a.active{border-color: #c52725;color: #c52725;} .page a:hover{border-color: #c52725;color: #c52725;} .page .page-btn{width: 88px;font-size: 14px;background: #e9e9e9;border-color: #e9e9e9;} .page .page-btn:hover{background: #c52725;color: #fff;border-color: #c52725;} /*3.1鏂伴椈璧勮 e*/ /*3.1鏂伴椈璧勮璇︽儏 s*/ .edit-content{width: 1250px;max-width: 100%;margin: 0 auto;} .xwxq-bot{border-top: 1px dashed #cfcfcf;padding-bottom: 30px;} .xwxq-bot .xqfy{margin-right: 70px;} .fh{display: inline-block;transition: all .4s;position: absolute;margin-top: -11px; right: 0;top:50%;} .fh img{display: inline-block;vertical-align: middle;margin-right: 8px;transition: all .4s;margin-top: -2px;filter: grayscale(1);opacity: 0.6;} .fh:hover{color: #c52725;} .fh:hover img{filter: grayscale(0);opacity: 1;} .xwxq-ban{height: 173px;} /*3.1鏂伴椈璧勮璇︽儏 e*/ /*涓氬姟 s*/ .jg-ban h2{color: #fff;font-size: 24px;margin: 5px 0;} .jg-ban p{color: #b6b6b6;font-size: 12px;text-transform: uppercase;width: 486px;max-width: 100%;margin-top: 15px;} .bankuai-des img{display: block;margin-top: 50px; height: auto !important;} .margin-b70{margin-bottom: 70px;} .xw2 li:nth-child(1){border-top: 1px solid #e3e3e3;} .ny-nav2{margin-top: -50px;z-index: 9;} /*涓氬姟 e*/ /*5.3鑲′笢鍥炴姤瑙勫垯 s*/ .indent0 p{text-indent: 0;} .rule li{margin-top: 22px;} .rule-top{background: #e1e1e1;padding: 13px 20px;cursor: pointer;} .rule-top .i{width: 32px;height: 32px;position: absolute;right: 15px;top:50%;margin-top: -16px;transition: all .4s;background: url("../images/jt32.png") no-repeat center;background-size: cover;} .rule-top h5{font-size: 18px;color: #000000;} .rule-con{padding: 20px 0;display: none;} .rule li.active .rule-top .i{transform: rotate(90deg);background: url("../images/jt32-1.png") no-repeat center;background-size: cover;} /*5.3鑲′笢鍥炴姤瑙勫垯 e*/ /*5.5鍏钩鍦ㄨ韩杈 s*/ .gp a{display: block;position: relative;padding: 10px 0;transition: all .4s;} .gp a:hover{background: #f5f5f5;} .gp p{font-size: 16px;color: #636363;transition: all .4s;margin-left: 20px;margin-right: 120px;} .gp i{position: absolute;width: 5px; height:5px;left: 2px;top:20px;border-radius: 100%;background: #717171;transition: all .4s;} .gp span{position: absolute;right: 5px;top:12px;color: #636363;transition: all .4s;} .gp a:hover p{color: #c52725;} .gp a:hover i{background: #c52725;} .gp a:hover span{color: #c52725;} /*5.5鍏钩鍦ㄨ韩杈 e*/ /*5.6鎶曡祫鑰呬繚鎶ゅ箍鍛 s*/ .adv{font-size: 0;} .adv li{display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;font-size: 14px;margin-bottom: 50px;} .adv li:nth-child(3n){margin-right: 0;} .adv-bot{margin-top: 25px;} .adv-bot h3{font-size: 16px;color: #636363;margin-bottom: 10px;} .adv-bot span{color: #636363;} /*5.6鎶曡祫鑰呬繚鎶ゅ箍鍛 e*/ /*鎶曡祫鑰呮姇璇夌鐞 s*/ .manage li{position: relative;margin-bottom: 15px;} .manage-name{position: absolute;left: 0;top:0;color: #272727;text-align: justify;width: 120px;padding-right: 20px;box-sizing: border-box;height: 1.6em;overflow: hidden;} .manage-name i{font-style: normal;position: absolute;right: 0;top:0;} .manage-name:after{content: "";display: inline-block;width: 100%;} .manage-con{margin-left: 140px;color: #636363;} .manage div{line-height: 1.6em;font-size: 16px;} /*鎶曡祫鑰呮姇璇夌鐞 e*/ /*6.1浜哄姏璧勬簮 s*/ /*.contact-ban h2{font-size: 30px;color: #fff;}*/ /*.contact-ban h2:nth-child(2){font-size: 18px;}*/ /*.contact-ban p{font-size: 14px;color: #fff;text-transform: uppercase;margin-top: 15px;}*/ .clo5{float:left;width:17%;box-sizing:border-box;padding: 0 15px;} .clo5:nth-child(1){width: 32%;} .job-top .clo5:nth-child(1){text-align: left;padding-left: 60px;} .job-list .clo5:nth-child(1){text-align: left;} .job-top{background: #e4e4e4;line-height: 62px;} .job-top span{font-size: 16px;color: #424242;} .job-type span{color: #5b5b5b;transition: all .4s;} .job-list li:nth-child(even){background: #f4f4f4;} .job-list li a{display: block;padding: 10px 0;} .job-list li a:hover .job-type span{color: #c52724;} /*6.1浜哄姏璧勬簮 e*/ /*6.2浜哄姏璧勬簮璇︽儏 s*/ .zpxq-a{background: #f2f2f2;padding:30px;margin-bottom: 30px;} .zpxq-a h3{font-size: 24px;color: #363636;margin-bottom: 20px;} .zpxq-a h4{font-size: 18px;color: #585858;padding-bottom: 10px;} .jbxx{font-size: 0;} .jbxx li{font-size: 14px;color: #838383;display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;margin-top: 15px;} .jbxx li:nth-child(even){margin-right: 0;} .zpxq-b{margin-bottom: 30px;} .zpxq-b h4{font-size: 20px;color: #585858;margin-bottom: 20px;} .zpxq-b p{color: #8b8b8b;} .fsjl{color: #c52724;margin-bottom: 35px;} .fsjl-tel{margin-bottom: 30px;} .fsjl a{color: #c52724;font-size: 18px;} .ljsq{display: block;width: 154px;line-height: 38px;background: #c52724;text-align: center;color: #fff;font-size: 18px;} .margin-t30{margin-top: 30px;} .swiperPageStyle .swiper-pagination-bullet{margin: 0 8px;} .cgalWap{display: none;} .rryy img{max-width: 100%;} /*6.2浜哄姏璧勬簮璇︽儏 e*/ /*7.1鑱旂郴鎴戜滑 s*/ .contact-ban h2{color:#fff;font-size:30px;} .contact-ban :nth-child(2){font-size: 18px;margin-top: 20px;} .contact-ban h3{color:#fff;font-size:18px;margin: 15px 0;} .contact-ban p{color:#fff;font-size:14px;max-width:100%;text-transform: uppercase;width: 520px;} .lxfs{padding-top: 20px;} .lxfs-l{width: 40%;} .lxfs-top{border-bottom: 1px dashed #c5c5c5;padding-bottom: 20px;margin-bottom: 20px;} .lxfs-top h3{font-size: 28px;color: #060606;} .lxfs-top p{font-size: 16px;color: #6b6b6b;} .tel-big{font-size: 24px;color: #c52724;font-family: impact;} .tel-big img{width: 25px;margin-right: 15px;} .adress li{position: relative;padding-left: 95px;font-size: 18px;color: #353535;margin-top: 32px;} .adr-name{position: absolute;left: 0;top:0;} .adress li span{display: inline-block;font-size: 18px;color: #353535;margin-right: 20px;} .adr-name img{vertical-align: middle;width: 30px;margin-top: -2px;margin-right: 10px;} .lxfs-r{background: #f9f9f9;width: 55.8%;} .map{height: 500px;} .map h3{font-size: 15px;} .BMap_bubble_center{z-index: 999 !important;position: relative;margin-top: -20px;margin-bottom: 20px;} /*7.1鑱旂郴鎴戜滑 e*/ .rydot{display: none;position: absolute;width: 100%;left: 0;bottom:30px;z-index: 9;} .honor{position: relative;} .beian br{display: none;} .ss-a{padding: 60px 0;} .ss-a h3{font-family: "dincondregular";letter-spacing: 4px;text-indent: 4px;} .ss-a p{font-size: 22px;} .ssbox{width: 600px;margin: 0 auto;max-width: 94%;} .ssingput{border-radius: 6px;overflow: hidden;margin-right: 100px;} .ssingput input{display: block;width: 100%;height: 54px;text-indent: 1em;font-size: 16px;} .sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #c52724;line-height: 54px;text-align: center;color: #fff;font-size: 18px;border-radius: 6px;cursor: pointer;} .ssingput:before{position: absolute;content: ''; height: 100%;width: 63px;background-image: url("../images/fdj.png");left: 0;top:0;} .ssdh a{float: left;line-height: 54px;position: relative;font-size: 13px;color: #a2a2a2;margin-right: 55px;} .ssdh a:after{position: absolute;width: 100%;bottom:0;border-top: 2px solid #c52724;content: '';left: 0;display: none;} .result{margin-bottom: 35px;} .ssdh a.active{color: #c52724;} .ssdh a.active:after{display: block;} .ssdh a:hover{color: #c52724;} .ssdh a:hover:after{display: block;} .ssjecon{padding: 40px 0 80px;} .conrt{padding: 40px;} .result{font-size: 18px;color: #aeaeae;} .result span{color: #c52724;} .sslb-tabs{display: none;} .sslb-tabs.active{display: block;} .qfd{padding-bottom: 540px;padding-top: 150px;} .ban-333 h2{color: #333;} .imgscale .img100{overflow: hidden;} .imgscale .img100 img{transition: all .4s;} .imgscale:hover .img100 img{transform: scale(1.1);} .background-cover,.search-btn,.search-close{ background-repeat: no-repeat; background-size: cover; background-position: center; } .slideUp,.swiper-slide-active .banner-des{ animation:slideUp 1s both;-webkit-animation:slideUp 1s both; } @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;-webkit-animation:slideLeft 1s both; } @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;-webkit-animation:slideRight 1s both; } @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;-webkit-animation:tobig 1s both; } @keyframes tobig{ 0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }