@charset "utf-8"; @font-face { font-family: dincondregular; src: url("../font/dincondregular.otf"); } @font-face { font-family: dincondbold; src: url("../font/dincondbold.otf"); } @font-face { font-family: dinpromedium; src: url("../font/dinpromedium.ttf"); } @font-face { font-family: rubikmedium; src: url("../font/rubikmedium.ttf"); } * { 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,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*/ /*header s*/ body{padding-top: 100px;transition: all .4s;} .header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;background: #fff;} .header .w1400{position: relative;height: 100px;transition: all .4s;} .logo{position: absolute;left:0;top:50%;transform: translateY(-50%);} .logo img{display: block;height: 60px;transition: all .4s;} .nav-box{margin-right: 170px;position: relative;} .nav-box:before{content: '';position: absolute;right: 0;top:50%;margin-top: -10px;border-right: 1px solid #cbcbcb;height: 20px;} .nav li{float: left;position: relative;} .nav li:after{content: '';position: absolute;width: 2px;height: 2px;right: -1px;top:50%;margin-top: -1px;background: #333333;} .nav li:last-child:after{display: none;} .nav-yi{display: inline-block;line-height: 100px;font-size: 16px; padding: 0 45px;transition: all .4s;position: relative;z-index: 3;} .nav-yi span{position: relative;z-index: 1;display: inline-block;color: #3c3939;text-align: center;} .nav-yi span:after{position: absolute;z-index: -1;top:0;left: 50%;transform: translateX(-50%); height: 3px;background: #d91313;width:0;content: "";transition: all .4s;} .nav li.active .nav-yi span:after{width: 100%;} .nav li.active .nav-yi span{color: #d91313;} .nav-er{position: absolute;width: 160px;left: 50%;margin-left: -80px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;} .nav-er a{display: block;background: #fff;text-align: center;line-height: 60px;text-transform: uppercase;font-size: 16px;color: #777;border-bottom: 1px solid #e3e3e3;} .nav-er a:last-child{border-bottom: none;} .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: #d91313; 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); } .language{position: absolute;width: 95px;right: 0;top:50%;margin-top: -15px;} .language a{line-height: 30px;border:1px solid #cecece;width: 50%;box-sizing: border-box;text-align: center;} .language a.fl{border-top-left-radius: 30px;border-bottom-left-radius: 30px;border-right: none;} .language a.fr{border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-left: none;} .language a.active{color: #fff;background: #ffae00;border-color: #ffae00;} .search-box{position: absolute;right: 120px;top:50%;margin-top: -12px; cursor: pointer;z-index: 7;} /*.search-box:before{content: '';height: 12px;border-right: 1px solid #3c3938;top:50%;margin-top: -6px;left: -7px;position: absolute;}*/ .search-btn{width: 24px;height: 24px;border-radius: 24px;background:url("../images/search.png") no-repeat center;background-size:cover;line-height: 24px;text-align: center; z-index: 5;position: relative;} .search-con{position: absolute;width: 0;right: 0;height: 32px;top:63px;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:4px;cursor: pointer;display: none;} .search-box.active .search-con{width: 200px;} .search-box.active .search-sb{display: block;} .search-text{margin-right: 32px;} body.is-scroll{padding-top: 80px;} body.is-scroll .header{box-shadow: 0 1px 2px #ddd;} body.is-scroll .header .w1400{height: 80px;} body.is-scroll .nav-yi{line-height: 80px;} body.is-scroll .logo img{height: 52px;} body.is-scroll .search-con{top: 53px;} .scrollBar::-webkit-scrollbar {width: 10px;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 e*/ /*header e*/ /*footer s*/ .footer{background: url("../images/footer-bg.jpg") no-repeat center;background-size: cover;} .footer-top{padding: 85px 0 188px; box-sizing: border-box;} .footer-logo{margin-bottom: 38px;} .footer-logo img{height: 63px;vertical-align: bottom;} .footer-add p{color: #666;margin-bottom: 10px;} .footer-add p:last-child{margin-bottom: 0;} .footer-r dl{float: left;margin-right: 150px;} .footer-r dt{margin-bottom: 15px;} .footer-r dl:last-child{margin-right: 0;} .footer-r dl dd{opacity: 0.7;margin-bottom: 5px;} .footer-r dl dd a{transition: all .4s;} .footer-r dl dd a:hover{color: #c70c0c;} .footer-bot{border-top: 1px solid #d9d9d9;padding: 15px 0;} .beian{color: #666;} .beian span,.beian a{display: inline-block;color: #666;line-height: 30px;} .footer-share a{display: inline-block;width: 30px;height: 30px;margin-right: 20px;position: relative;} .hide-code{position: absolute;transition: all .4s;width: 120px;height: 0;overflow: hidden;left: 50%;margin-left: -60px;bottom:40px;} .footer-share a:hover .hide-code{height: 120px;} .hide-code img{width: 120px;height: 120px;display: block;vertical-align: bottom;} .footer-share a:last-child{margin-right: 0;} .footer-share a.weixin{background: url("../images/share1.png") no-repeat center;background-size: cover;} .footer-share a.qzone{background: url("../images/share2.png") no-repeat center;background-size: cover;} .footer-share a.weibo{background: url("../images/share3.png") no-repeat center;background-size: cover;} /*footer e*/ /*index s*/ .banner-des{margin-bottom: 10%;} .banner-des h2{font-size: 36px;font-weight: bold;margin-bottom: 30px;} .banner-des h2 span{color: #d91313;} .banner-des p{font-size: 22px;width: 580px;max-width: 100%;margin-bottom: 40px;} .ckxx{width: 145px;height: 42px;border-radius: 42px;border:1px solid #8b9faf;text-align: center;transition: all .4s;} .ckxx span{display: inline-block;vertical-align: middle;line-height: 42px;} .ckxx img{display: inline-block;vertical-align: middle;width: 27px;margin-left: 10px;transition: all .4s;} .ckxx:hover{background: #d91313;color: #fff;border-color: #d91313;} .ckxx:hover img{filter: invert(1);} .bannerBtn div{position: absolute;width: 75px;height: 60px;line-height: 60px;top:50%;margin-top: -30px;transition: all .4s;z-index: 9;background: rgba(255,255,255,.5);cursor: pointer;font-size: 20px;font-family: dincondregular;text-align: center;} .bannerBtn1{border-top-right-radius: 60px;border-bottom-right-radius: 60px;left: 0;} .bannerBtn2{border-top-left-radius: 60px;border-bottom-left-radius: 60px;right: 0;} .bannerBtn div:hover{background: #d91313;color: #fff;} .bannerDot{position: absolute;width: 100%;left: 0;bottom:42px;z-index: 9;} .bannerDot .swiper-pagination-bullet{margin-right: 26px;opacity: 1;background: #27231a;width: 10px;height: 10px;position: relative;} .bannerDot .swiper-pagination-bullet-active{background: none;} .bannerDot .swiper-pagination-bullet span{font-size: 26px;font-family: dincondbold;border-bottom: 2px solid #c70c0c;color: #c70c0c;position: absolute;left: 50%;top:50%;margin-left: -10px;margin-top: -16px;opacity: 0;} .bannerDot .swiper-pagination-bullet-active span{opacity: 1;} .title26{margin-bottom: 50px;} .title26 h2{font-size: 26px;font-weight: bold;} .title26 h2 span{color: #d91313;} .about-img{width: 440px;} .about-left{position: absolute;left: 0;height: 100%;right: 520px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;top:0;box-sizing: border-box;padding: 40px 0;} .about-left .ckxx{position: absolute;left: 0;bottom:40px;} .about-top{margin-bottom: 30px;} .about-top h3{font-size: 22px;margin-bottom: 10px;} .about-top p{font-size: 18px;} .about-desc{} .about-desc p{line-height: 2em;} .about-logo{position: absolute;right: 0;width: 318px;bottom:40px;} .padding-t60{padding-top: 60px;} .padding-t100{padding-top: 100px;} .product .swiper-container{padding-right: calc(50vw - 700px);} .product-area{position: absolute;height: 100%;top:0;width: 110px;left: 50%;z-index: 9;margin-left:691px;} .productBtn{width: 30px;position: absolute;left: 50%;margin-left: -15px;top:20px;} .productBtn div{height: 30px;width: 100%;cursor: pointer;margin-bottom: 20px;transition: all .4s;} .productBtn1{background: url("../images/left30.png") no-repeat center;background-size: cover;} .productBtn1:hover{background: url("../images/left30-1.png") no-repeat center;background-size: cover;} .productBtn2{background: url("../images/right30.png") no-repeat center;background-size: cover;} .productBtn2:hover{background: url("../images/right30-1.png") no-repeat center;background-size: cover;} .product-area:after{content: '';position: absolute;left: 50%;border-right: 1px solid #d4d4d4;top:120px;bottom:80px;} .productPage{position: absolute;bottom:0;left: 0;width: 100%;text-align: center;font-size: 16px;} .productPage .i{border-top: 1px solid #b8b8b8;margin: 5px auto;width: 12px;} .news .swiper-container{padding-left: calc(50vw - 700px);} .news-img{width: 50%;height: 350px;} .news-con{position: absolute;right: 0;width: 50%;height: 100%;top:0;background: #fff;} .news-warp{padding: 50px;} .news-top h3{font-size: 17px;margin-bottom: 10px; font-weight: bold;transition: all .4s;} .news-top p{font-size: 16px;color: #999;} .news-desc{margin: 40px 0;} .news-desc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 4.8em;} .newsBtn div{position: absolute;width: 59px;height: 58px;z-index: 9;cursor: pointer;transition: all .4s;top:50%;margin-top: -29px;} .newsBtn1{left:calc(50vw - 730px);background: url("../images/btn1.png") no-repeat center;background-size: cover;} .newsBtn1:hover{background: url("../images/btn1-1.png") no-repeat center;background-size: cover;} .newsBtn2{left:calc(50vw - 640px);background: url("../images/btn2.png") no-repeat center;background-size: cover;} .newsBtn2:hover{background: url("../images/btn2-1.png") no-repeat center;background-size: cover;} .news a .news-img{overflow: hidden;} .news a .news-img .position-full{transition: all .4s;} .news a:hover .news-img .position-full{transform: scale(1.1);} .news a:hover h3{color: #d91313;} .news-list{padding: 30px 0 60px;} .news-list li{float: left;width: 47.4%;margin-right: 5%;border-bottom: 1px solid #dbdbdb;margin-bottom: 8px;} .news-list li:nth-child(even){margin-right: 0;} .news-list li a{display: block;position: relative;line-height: 64px;} .news-list li a p{line-height: 64px;margin-left: 90px;transition: all .4s;margin-right: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news-list li a:hover p{color: #d91313;} .news-list li a:hover span{color: #d91313;} .news-list li a span{position: absolute;right: 0;top:0;color: #999;transition: all .4s;} .news-type{position: absolute;left: 0;top:0;color: #d91313;width: 72px;} .news-type:after{content: '';position: absolute;border-right: 1px solid #d91313;height: 14px;top:50%;margin-top: -7px;right: 0;} .join .w1400{height: 198px;} .join-img{position: absolute;right: -108px;bottom:0;width: 730px;max-width: 100%;} .join-con{padding-top: 60px;margin-right: 680px;} .join-con .title26{margin-bottom: 20px;} /*index e*/ /*2.1鍏充簬鎴戜滑 s*/ .gy-a-img{width: 63.5%;} .gy-a-con{width: 33%;padding-top: 20px;} .title32 h2{font-size: 32px;font-weight: bold;display: inline-block;margin-right: 10px;} .title32 span{font-size: 26px; color:#999999;font-family: dincondbold;display: inline-block;vertical-align: bottom;text-transform: uppercase;} .desc-666 p{color: #666;} .line-2em p{line-height: 2em;} .gy-a-bot h3{font-size: 26px;color: #c70c0c;margin-bottom: 5px;} .margin-bot90{margin-bottom: 90px;} .gy-a-bot h4{font-size: 22px;color: #000;margin-bottom: 20px;} .gy-b-img{width: 36.5%;} .gy-b-con{width: 63.5%;position: absolute;right: 0;height: 100%;top:0;} .gy-b-warp{padding: 0 70px;} .gy-b-warp p{margin-bottom: 40px;} .gy-b-warp p:last-child{margin-bottom: 0;} .data{margin-top: 15%;} .data li{float: left;width: 32%;margin-right: 2%;} .data li:last-child{margin-right: 0;} .data li div{font-family: dincondbold;font-size: 60px;background-image:linear-gradient(135deg,#e30808,#ffd201);background-clip: text;-webkit-background-clip: text;display: inline-block; color: transparent;} .data li p{color: #666;} .zindex5{z-index: 5;} .gy-bg{position: absolute;width: 100%;left: 0;bottom:0;z-index:-1;height: 52%;} .title32-fff h2{color: #fff;} .title32-fff span{color: #fff;} .margin-bot60{margin-bottom: 60px;} .huode-con{background: #fff;transition: all .4s;padding: 30px 15px 0;} .huode-con h3{transition: all .4s;font-size: 26px;padding: 25px 0;} .huode-bot{border-top: 1px solid #d7d7d7;position: relative;padding: 30px 0;} .huode-bot span{font-size: 16px;color: #999;} .huode-bot .i{width: 21px;height: 21px;position: absolute;right: 0;top:50%;margin-top: -10px;background: url("../images/i.png") no-repeat center;background-size: cover;} .huode .swiper-slide{padding-top: 14px;cursor: pointer;} .huode .swiper-slide .position-full{text-align: center;} .huode .swiper-slide:hover .huode-con{transform: translateY(-14px);} .huode .swiper-slide:hover h3{color: #c70c0c;} .jia58{display: inline-block;width: 58px;height: 58px;background: url("../images/jia58.png") no-repeat center;background-size: cover;transition: all .4s;} .huode .swiper-slide .jia58{opacity: 0;transform: scale(0);} .huode .swiper-slide:hover .jia58{opacity: 1;transform: scale(1);} .fixed-style{position: fixed;z-index: 9999;background: rgba(0,0,0,.8);width: 100%;height: 100%;top:0;left: 0;display: none;} .ry-pay{max-width: 92%;margin: 0 auto;width: 1200px;} .ry-pay .swiper-container{margin: 0 60px;} .ry-pay p{font-size: 18px;text-align: center;color: #fff;margin-top: 25px;} .ry-pay .img{height: 600px;display: flex;justify-content: center;align-items: center;} .ry-pay .img img{max-width: 100%;max-height: 100%;} .rybtn div{width: 42px;height: 42px;position: absolute;top:50%;margin-top: -21px;cursor: pointer;z-index: 9;transition: all .4s;border-radius: 100%;} .rybtn div.swiper-button-disabled{cursor: default;opacity: 0.6;} .rybtn1{background: url("../images/421.png") no-repeat center;background-size: cover;left: 0;} .rybtn2{background: url("../images/422.png") no-repeat center;background-size: cover;right: 0;} .ryclose{position: absolute;width: 48px;height: 48px;background: url("../images/gb128.png") no-repeat center;background-size: cover;right: -10px;top:-48px;cursor: pointer;} .huodedot .swiper-pagination-bullet{width: 14px;height: 15px;border-radius: 0;opacity: 1;background: url("../images/swiper-dot-fff.png") no-repeat center;background-size: cover;margin: 0 8px;} .huodedot .swiper-pagination-bullet-active{background: url("../images/swiper-dot-color.png") no-repeat center;background-size: cover;} .huodedot{margin-top: 60px;} .dev li{float: left;width: 30.6%;margin-right: 4.1%;} .dev li:last-child{margin-right: 0;} .dev-titles{display: inline-block;transition: all .4s;} .dev-titles h3{font-size: 26px;transition: all .4s;font-weight: bold;margin-bottom: 10px;} .dev-titles span{font-size: 16px;transition: all .4s;color: #666;} .dev-title{position: relative;transition: all .4s;padding-left: 0;margin-top: 30px;} .dev-title .i{display: inline-block;width: 0;transition: all .4s; position: absolute;top:17px;left: 0; border-top: 1px solid #c70c0c;} .dev li:hover h3{color: #c70c0c;} .dev li:hover .dev-title{padding-left: 68px;} .dev li:hover .dev-title .i{width: 54px;} .dev-desc{width: 1164px;max-width: 100%;margin: 0 auto;} .dev-desc p{font-size: 20px;line-height: 2.4em;font-weight: bold;color: #000;} .margin-bot80{margin-bottom: 80px;} /*2.1鍏充簬鎴戜滑 e*/ /*2.2鑱旂郴鎴戜滑 s*/ .lxfs-a li{float: left;width: 48.5%;padding: 45px 0;border-bottom: 1px dashed #c2c2c2; margin-right: 3%;} .lxfs-b li{float: left;width: 48.5%;margin-right: 3%;} .lxfs-a li:nth-child(even){margin-right: 0;} .lxfs-b li:nth-child(even){margin-right: 0;} .lxfs-a li p{font-size: 18px;margin-left: 78px;} .lxfs-a li .i{position: absolute;width: 54px;left: 0;top:50%;margin-top: -27px;} .lxfs-a li .i img{width: 100%;vertical-align: bottom;} .lxfs-b h3{font-weight: bold;margin-bottom: 12px; font-size: 18px;} .lxfs-b p{font-size: 18px;} .map{position: absolute;width: 50%;top:0;right: 0;height: 100%;background: #f0f0f0;} .title26-normal h2{font-weight: normal;} .ly-list{background: #f6f6f6;margin-bottom: 14px;position: relative;} .ly-list{background: #f6f6f6;margin-bottom: 14px;position: relative;} .ly{width: 45.2%;} .ly-input{margin-left: 60px;} .ly-input .text{display: block;height: 50px;line-height: 50px;width: 100%;background: none;font-size: 16px;} .ly-name{position: absolute;left: 16px;top: 0;line-height: 50px;font-size: 16px;} .textarea{padding: 16px;margin: 0;} .textarea textarea{display: block;width: 100%;height: 190px;font-size: 16px;resize: none;background: none;} .tj{display: block;background: #c70c0c;color: #fff;text-align: center;font-size: 16px;line-height: 50px;} .map h3{font-weight: bold;} .map-desc{padding: 0 10px;} /*2.2鑱旂郴鎴戜滑 e*/ /*3.1浜у搧涓績 s*/ .cp li{margin-bottom: 60px;transition: all .4s;} .cp li:last-child{margin-bottom: 0;} .cp a{display: block;padding: 50px;} .cp .img100{width: 63%;} .cp-con{position: absolute;width: 34%;top:0;height: 100%;} .cp li:nth-child(odd) .cp-con{right: 0;} .cp li:nth-child(even) .cp-con{left: 0;} .cp li:nth-child(even) .img100{float: right;} .cp-warp{padding: 25px 0;} .cp-top h3{font-size: 26px;font-weight: bold;margin-bottom: 20px; transition: all .4s;} .cp-top p{font-size: 16px;line-height: 1.8em;} .cp-bot{position: absolute;width: 100%;left: 0;bottom:25px;} .cp-logo{position: absolute;right: 0;width: 75px;bottom:0;} .cp-logo img{width: 100%;vertical-align: bottom;} .cp-bot .i{width: 58px;height: 58px;background: url("../images/jia-df.png") no-repeat center;background-size: cover;transition: all .4s;} .cp li:hover h3{color: #c70c0c;} .cp li:hover .cp-bot .i{background: url("../images/jia58.png") no-repeat center;background-size: cover;} .cp li:hover{background: #f6f6f6;box-shadow: 0 0 14px 0 rgba(0,0,0,.2);} /*3.1浜у搧涓績 e*/ /*3.3浜у搧涓績璇︽儏-s*/ .cpxq-r{margin-left: 220px;} .cpxq-des p{font-size: 16px;line-height: 1.8em;margin-bottom: 30px;} .cpxq-des p:last-child{margin-bottom: 0;} .cpxq-des{width: 680px;max-width: 100%;} .cpxq-top{min-height: 200px;} .cpxq-l{width: 200px;max-width: 100%;position: absolute;top:0;left: 0;} .cpxq-l img{width: 56px;} .cpxq-l h1{font-size: 36px;margin: 20px 0 5px; font-weight: bold;} .cpxq-l p{font-size: 16px;} .cpxqdot{position: absolute;left: 0;width: 100%;text-align: center;z-index: 9;bottom:30px;} .cpxqdot .swiper-pagination-bullet{width: 14px;height: 15px;border-radius: 0;opacity: 1;background: url("../images/swiper-dot-fff.png") no-repeat center;background-size: cover;margin: 0 8px;} .cpxqdot .swiper-pagination-bullet-active{background: url("../images/swiper-dot-color.png") no-repeat center;background-size: cover;} .table th{border:1px solid #cdcdcd;height:66px;background: #f3f3f3;font-size: 22px; padding: 0 66px;text-align: left;width: 50%;} .table td{border:1px solid #cdcdcd;padding: 0 66px;height: 60px;font-size: 17px;} .table td span{display: inline-block;font-size: 17px;} .table td span:nth-child(1){min-width: 230px;} .cpxq-bg{position: absolute;width: 100%;top:0;height: 58%;left: 0; z-index: -1;} .padding-b100{padding-bottom: 100px;} /*3.3浜у搧涓績璇︽儏-e*/ /*4.1鏂伴椈璧勮 s*/ .ny-nav{padding: 20px 0;} .ny-navs{border-bottom: 1px solid #d5d5d5;} .ny-navs a{line-height: 77px;font-size: 16px;transition: all .4s; display: inline-block;position: relative;margin-right: 60px;} .ny-navs a:last-child{margin-right: 0;} .ny-navs a:after{content: "";position: absolute;opacity: 0;width: 0;bottom:-1px;left: 50%;transform: translateX(-50%);border-top: 1px solid #c70c0c;transition: all .4s;} .ny-navs a:hover{color: #c70c0c;} .ny-navs a:hover:after{width: 100%;opacity: 1;} .ny-navs a.active{color: #c70c0c;} .ny-navs a.active:after{width: 100%;opacity: 1;} .xw a{display: block;padding: 30px 0;transition: all .4s;} .xwimg{width: 384px;height: 210px;} .xw-con{position: absolute;left: 428px;bottom: 0;right: 0;top:20px;} .xw-des{margin-left: 100px;} .xw-date{position: absolute;top:0;left: 0;} .xw-date strong{font-size: 30px;font-family: dincondregular;transition: all .4s;display: block;margin-bottom: 10px;} .xw-date span{font-size:18px;font-family: dincondregular;color: #999; display: block;} .xw-date .i{width: 20px;height: 14px;background: url("../images/jt20.png") no-repeat center;background-size: cover;transition: all .4s;margin-top: 70px;} .xw-des h3{transition: all .4s;font-size: 20px;line-height: 1.5em;min-height: 3em;} .xw-des p{color: #6e6e6e;line-height: 2em;height: 4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .xw a:hover{background: #f6f6f6;} .xw a:hover strong{color: #c70c0c;} .xw a:hover h3{color: #c70c0c;} .xw a:hover .i{background: url("../images/jt20-1.png") no-repeat center;background-size: cover;} .page{text-align: center;} .pages{text-align: center;display: inline-block;width: 52px;height: 52px;border:1px solid #9f9f9f;border-radius: 100%;line-height: 52px;transition: all .4s;font-size: 22px;color: #999;font-family: dinpromedium;margin: 0 10px;} .pages.active{background: #c70c0c;border-color: #c70c0c;color: #fff;} .pages:hover{background: #c70c0c;border-color: #c70c0c;color: #fff;} /*4.1鏂伴椈璧勮 e*/ /*4.2鏂伴椈璧勮璇︽儏 s*/ .xwxq-warp{padding: 0 80px;} .xwxq-top{border-bottom: 1px solid #e4e4e4;padding-bottom: 35px;} .xwxq-top h1{font-size: 32px;margin-bottom: 35px;} .xwxq-top span{display: inline-block;font-size: 12px;color: #999999;margin: 0 6px;} .edit{padding: 50px 0;} .edit img{max-width: 100%;height: auto !important;margin: 0 auto;} .xwxq-fy a{font-size: 16px;color: #666;} .xwxq-fy a img{display: inline-block;margin-top: -2px;margin-right: 10px; vertical-align: middle;} .xwxq-fy a.fr img{margin-left: 10px;margin-right: 0;} .fhlb{position: absolute;left: 50%;top:50%;margin-left: -47px;margin-top: -11px;} .margin-bot40{margin-bottom: 40px;} .xwxq-share .footer-share a{border-radius: 100%;width: 38px;height: 38px;margin-right: 16px;} .xwxq-share .footer-share a:last-child{margin-right: 0;} .xwxq-share .footer-share .weixin{background: url("../images/xq-wx.jpg") no-repeat center;background-size: cover;} .xwxq-share .footer-share .qzone{background: url("../images/xq-qq.jpg") no-repeat center;background-size: cover;} .xwxq-share .footer-share .weibo{background: url("../images/xq-wb.jpg") no-repeat center;background-size: cover;} .go{display: block;height: 302px;} .go h2{color: #fff;font-family: rubikmedium;font-size: 70px;line-height: 1;} .go p{color: #fff;font-size: 22px;margin-bottom: 30px;} .ckcp{display: inline-block;background: #fff;font-size: 16px;width: 190px;line-height: 52px;} /*4.2鏂伴椈璧勮璇︽儏 e*/ /*5鍔犲叆鎴戜滑 s*/ .jiaru-desc{margin-right: 300px;} .jiaru-desc h2{font-size: 26px;margin-bottom: 10px;} .jiaru-desc p{font-size: 16px;} .jiaru-desc p span{color: #c70c0c;} .jiaru-type{position: absolute;right: 0;bottom:0;} .jiaru-type a{margin-right: 20px; display: inline-block;width: 118px;line-height: 38px;text-align: center;border-radius: 38px;background: #f3f3f3;font-size: 16px;transition: all .4s;} .jiaru-type a:last-child{margin-right: 0;} .jiaru-type a:hover{background: #c70c0c;color: #fff;} .jiaru-type a.active{background: #c70c0c;color: #fff;} .col-5{float: left;width:20%;border-right:1px solid #dfdfdf; box-sizing: border-box;font-size: 16px;padding: 23px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;border-bottom: 1px solid #dfdfdf;} .zp-page.active .col-5{white-space: normal;} .col-5:last-child{border-right: none;} .zp-top{background: #c70c0c;} .zp-top span{color: #fff;} .zp{border:1px solid #dfdfdf;border-bottom: none;} .zp-control{cursor: pointer;display: flex;} .zp-con{padding: 50px 90px;border-bottom: 1px solid #dfdfdf;display: none;background: #f8f9fb;} .zp-desc{margin-bottom: 40px;} .zp-desc p{margin-bottom: 5px;} .toudi{display: block;width: 148px;line-height: 48px;font-size: 18px;color: #fff;background: #c70c0c;text-align: center;} .zp-page:nth-child(odd){background: #f7f7f7;} /*5鍔犲叆鎴戜滑 e*/ .maodian{position: absolute;left: 0;top:-80px;} .bgf8{background: #f8f8f8;} .ss-a{padding:200px 0 120px;} .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: 65px;font-size: 16px;} .sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #c70c0c;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: url("../images/fdj.png") no-repeat center;background-size:cover;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 #c70c0c;content: '';left: 0;display: none;} .result{margin-bottom: 35px;} .ssdh a.active{color: #c70c0c;} .ssdh a.active:after{display: block;} .ssdh a:hover{color: #c70c0c;} .ssdh a:hover:after{display: block;} .ssjecon{padding: 40px 0 80px;} /*.conrt{padding: 40px;}*/ .result{font-size: 18px;color: #aeaeae;} .result span{color: #c70c0c;} .sslb-tabs{display: none;} .sslb-tabs.active{display: block;} @media (max-width:760px) { .ssbox .text{height: 44px;font-size: 14px;text-indent: 50px;} .ssbox .sbmint{width: 56px;font-size: 14px;line-height: 44px;} .ssingput:before{width: 42px;} .ssingput{margin-right: 62px;} .ss-a{padding: 140px 0 80px;} } .ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;} .ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;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;} .product-title{position: absolute;bottom: 54.4%;left: 1.25%;} .product-title h3{font-size: 20px;font-weight: bold;color: #fff;} .product-title p{color: #fff;} .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;-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);} }