/* 公共样式 */ *{margin: 0;padding: 0;list-style: none;text-decoration: none;} a:hover{color: #ffcc00;} .layui-nav-tree .layui-nav-bar{background-color: #ffcc00 !important;display: none;} img{max-width: 100%;} .center{max-width: 1200px;margin: 0 auto;} .clearfix{clear: both;} .swiper-pagination-bullet-active{background:#ffcc00 !important;} .mt110{margin-top: 110px;} .mt30{margin-top: 30px;} .textflow{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-word;} .textflow2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-word;} .textflow3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-word;} .textflow6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;word-break: break-word;} .indexmain9 .box9 .right1 .text9{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .yinying{margin: 20px 0 30px;text-align: center;} .layui-tab-card>.layui-tab-title .layui-tab-bar{display: none;} /* 公共头部 */ .header1{background-color: #1a2a65;background-repeat: no-repeat;} .header1 .center{max-width: 1600px;margin: 0 auto;display: flex;} .header1 .center .left{width: 50%;line-height: 30px; color: #d9d9d9;} .header1 .center .right{width: 50%;text-align: right;} .header1 .center .right a{padding: 0 10px;color: #d9d9d9;line-height: 30px;position: relative;} .header1 .center .right a:first-child::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 15px;background-color: white;} .header2{background-color: #f4f4f4;} .header2 .center{max-width: 1600px;margin: 0 auto;display: flex;background-color: #f4f4f4;} .header2 .center .left{width: 45%;line-height: 27px;color: #545454;display: flex;padding: 20px 0;} .header2 .center .left .text{position: relative;margin-left: 40px;font-size: 30px;letter-spacing: 2px;color: #030303;font-weight: bold;line-height: 47px;} .header2 .center .left .text span{font-size: 18px;letter-spacing: 2px;color: #666666;font-weight: normal;margin-top: 5px;} .header2 .center .left .text i{font-style: normal;color: #fb9300;} .header2 .center .left .text::after{content: "";position: absolute;left: 0;top: 50px;width: 71px;height: 3px;background-color: #fb9300;} .header2 .center .middle{width: 20%;} .header2 .center .middle p{line-height: 142px;} .header2 .center .right{width: 35%;text-align: right;display: flex;padding: 20px 0;} .header2 .center .right .rightbox1{width: 65%;} .header2 .center .right .rightbox1 li:nth-child(1){font-size: 16px;color: #151515;line-height: 30px;} .header2 .center .right .rightbox1 li:nth-child(1) img{line-height: 30px;vertical-align:baseline;position: relative;left: 10px;} .header2 .center .right .rightbox1 li:nth-child(1) span{font-size: 16px;color: #151515;line-height: 30px;position: relative;left: 15px;} .header2 .center .right .rightbox1 li:nth-child(2){margin-top: 5px;line-height: 30px;font-size: 20px;color: #fc9200;font-weight: bold;} .header2 .center .right .rightbox1 li:nth-child(3){line-height: 30px;font-size: 20px;color: #fc9200;font-weight: bold;} .header2 .center .right .rightbox2{width: 35%;} .header2 .center .right .img{width: 60%;text-align: right;} .header2 .center .right .img img{width: 60px;height: 60px;padding: 10px 0;} .header2 .center .right .text{width: 40%;text-align: left;padding-left: 20px;font-size: 16px;color: #000000;line-height: 40px;} .header2 .center .right .text span{font-size: 24px;color: #000000;font-weight: bold;} /* 公共nav */ .nav{background-color: #1a2a65;} .nav .center{max-width: 1600px;margin: 0 auto;} .nav .center ul li{display: inline-block;width: calc(100% / 9 - 5px);position: relative;line-height: 50px;} .nav .center ul li .ccc{color: white;text-align: center;display: block;font-size: 20px;position: relative;} .nav .center ul li a.cur{background-color: #ffcc00;} .nav .center ul li:hover .ccc::after{color:#Fff !important;position: absolute;content: "";width: 85px;height: 2px;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #ffcc00;} .nav .center ul li .bbb{position: absolute;top: 50px;left: 0;z-index: 99;background-color: rgba(0,0,0,.1); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);border-radius: 0px 0px 20px 20px;display: block;width: 100%;text-align: center;} .nav .center ul li .aaa{display: none;font-size: 16px;line-height: 44px;color: #ffffff;position: relative;} .nav .center ul li .aaa:hover{color: #fb9300;} .nav .center ul li .aaa:hover::before{content: "";position: absolute;left: 40px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background-color:#ffcc00 ;} .indexbanner .main4{width: 100%;position: relative;} .indexbanner .main4 video{width: 100%;} .indexbanner .main4 .bannericon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} @media (max-width:1500px) { .nav .center ul li .aaa:hover::before{left: 20px;} } /* 首页样式 */ .indexmain1 .center{max-width: 1200px;margin: 20px auto 0;} .indexmain1 .center .left{line-height: 40px;float: left;} .indexmain1 .center .left p{font-size: 16px;color: #666666;font-weight: bold;} .indexmain1 .center .left p a{font-size: 16px;color: #666666;font-weight: normal;padding: 0 10px;border-right: 1px solid #666666;} .indexmain1 .center .left p a:hover{color: #ffcc00;} .indexmain1 .center .left p a:last-child{border-right: 0;} .indexmain1 .center .right{display: flex;float: right;} .indexmain1 .center .right .input{padding: 10px 20px;border: 1px solid #666666;border-right: 0;} .indexmain1 .center .right button{width: 60px;background-color: #888888;border: 0;} .indexmain2{margin-top: 90px;} .indexmain2 .center{max-width: 1400px;margin: 0 auto;display: flex;} .indexmain2 .center .left{width: calc(1200px / 2);} .indexmain2 .center .left .box{display: flex;} .indexmain2 .center .left .box1{position: relative;} .indexmain2 .center .left .box1 .text1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: white;font-size: 30px;width: 75px;} .indexmain2 .center .left .box1 .text2{position: absolute;bottom: 10px;right: -10px;font-size: 36px;color: #292929;} .indexmain2 .center .left .box2{font-size: 60px;margin-top: 30px;padding: 0 80px 0 10px;border-top: 1px solid #ed9025;border-bottom: 1px solid #ed9025;} .indexmain2 .center .left .text3{font-size: 18px;color: #666666;padding: 15px 35px;text-align: center;} .indexmain2 .center .left .box3{width: 500px;height: 30px;margin: 0 auto;position: relative;} .indexmain2 .center .left .box3 .box4{position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);width: 90%;} .indexmain2 .center .left .box3 .box4 a{padding: 10px;background-color: #ffcc00;color: white;font-size: 18px;letter-spacing: 2px;margin-right: 20px;border-radius: 5%;} .indexmain2 .center .left .text4{margin-top: 20px;} .indexmain2 .center .left .text4 span{font-size: 16px;color: #999999;padding: 0 10px;border-right: 1px solid #999999;} .indexmain2 .center .left .text4 span:last-child{border-right: 0;} .indexmain2 .center .left .img{margin-top: 40px;} .indexmain2 .center .right{width: calc(1200px / 2);} .indexmain2 .center p{text-align: center;} .indexmain2 .center .right .img:first-child{margin-top: 50px;} .indexmain2 .center .right .img{margin-top: 70px;} .indexmain2 .center .img2{position: relative;} .indexmain2 .center .img2 .text{position: absolute;top: 0;left: -200px;width: 320px;font-size: 14px;line-height: 30px;color: #000000;opacity: 0.6;} .indexmain3 .center{margin: 0 auto 0;max-width: 1200px;padding-bottom: 110px;} .indexmain3 .center .img1{text-align: center;position: relative;} .indexmain3 .center .img2{text-align: right;position: absolute;bottom: -50px;right: -80px;} .indexmain3 .center .box1{margin-top: 50px;clear: both;} .indexmain3 .center .box1 .left{width: 240px;margin-right: 30px;float: left;} .indexmain3 .center .box1 .right{float: right;width:calc(100% - 270px);} .indexmain3 .layui-nav-tree{width: 100%;} .layui-nav{background-color: unset;} .layui-nav li{background-image:linear-gradient(gray, white); background-position: center;background-repeat: no-repeat;background-size: cover;color:#000000 !important;} .layui-nav-tree .layui-nav-item>a{color: #666666 !important;font-size: 18px !important;} .layui-icon-down:before{display: none;} .layui-nav-item .img3{margin-right: 15px;} .layui-nav-itemed>.layui-nav-child{background-color:white !important;padding: 0;} .layui-nav-tree .layui-nav-child a{color: #000000;border-bottom: 1px dashed lightgray;} .layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover{color: #ED9025;} .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{color: #ffcc00;background-color: unset;} .layui-nav-tree .layui-nav-item a{line-height: 36px;height: 36px;padding-top:5px;padding-bottom: 5px; } .layui-nav-item .box4{background-position: center;background-repeat: no-repeat;background-size: cover;} .indexmain3 .center .box1 .left .box5{background-color: white;padding-top: 10px;border: 1px solid lightgray;} .indexmain3 .center .box1 .left .box5 .title1{margin: 15px 0;text-align: center;} .indexmain3 .center .box1 .left .box5 .title1 span{font-size: 16px;color: #4d4b4b;margin-left: 10px;} .indexmain3 .center .box1 .left .box5 .title2{text-align: center;font-size: 20px;color: #4d4b4b;} .indexmain3 .center .box1 .left .box5 .title3{text-align: center;margin: 20px 0 15px;} .indexmain3 .center .box1 .right .box2{display: flex;line-height: 45px;background-color: #eeeeee;width: 100%;} .indexmain3 .center .box1 .right .box2 .text1{font-style: italic;font-size: 22px;width: 135px;background-image: url(../img/indexmain3_5.png);color: white;padding-left: 45px;background-position: center;background-repeat: no-repeat;background-size: cover;} .indexmain3 .center .box1 .right .box2 .text2{padding-left: 30px;font-size: 18px;color: #000000;opacity: 0.23;} .indexmain3 .center .box1 .right .box2 .text3{display: inline-block;flex-shrink: 2;width: 55%;text-align: right;} .indexmain3 .center .box1 .right .box6{margin-top: 20px;} .indexmain3 .center .box1 .right .box6 .img4{background-color: white;text-align: center;} .indexmain3 .center .box1 .right .box6 .img4 img{width: calc(100% - 2px);border: 1px solid #E2E2E2;} .indexmain3 .center .box1 .right .box6 .text4{border: 1px solid #e5e5e5;padding: 15px 20px;font-size: 18px;color: #333333;position: relative;} .indexmain3 .center .box1 .right .box6 .text4 span{position: absolute;right: 5px;bottom: 0;z-index: 99;color: white;font-size: 30px;} .indexmain3 .center .box1 .right .box6 .text4::after{position: absolute;right: 0;bottom: 0;content: ""; width: 0;height: 0;border-bottom: 57px solid #c7c7c7;border-left: 57px solid transparent;} .indexmain3 .center .box1 .right .box6 .layui-col-md4:hover .text4{color: #ffcc00;} .indexmain3 .center .box1 .right .box6 .layui-col-md4:hover .text4::after{border-bottom: 57px solid #ffcc00;} .indexmain4{position: relative;clear: both;} .indexmain4 .box1{margin-top: -25px;position: relative;} .indexmain4 .box1 .main4title{position: absolute;top:10%;left: 17%;} .indexmain4 .box1 .box6{display: flex;position: absolute;top: 32%;left: 50%;transform: translateX(-50%);width: 75%;} .indexmain4 .box1 .box6 .left{} .indexmain4 .box1 .box6 .right{padding-left: 90px;} .indexmain4 .box1 .box6 .right .text1{} .indexmain4 .box1 .box6 .right .text1 a{font-size: 20px;line-height: 24px;color: #999999;padding: 0 10px;border-right: 1px solid #999999;} .indexmain4 .box1 .box6 .right .text1 a:last-child{border-right: 0;} .indexmain4 .box1 .box6 .right .text2{margin: 30px 0 10px;font-size: 48px;letter-spacing: 5px;color: #ffcc00;font-weight: bold;line-height: 50px;} .indexmain4 .box1 .box6 .right .text3{font-size: 48px;letter-spacing: 5px;color: #333333;font-weight: bold;line-height: 50px;margin: 10px 0 30px;} .indexmain4 .box1 .box6 .right .text4{font-size: 14px;line-height: 24px;color: #a4a4a4;} .indexmain4 .box1 .box6 .right .text5{margin-top: 80px;} .indexmain4 .box1 .box6 .right .text5 span{margin-left: 10px;padding-bottom: 10px;border-bottom: 1px dashed #333333;color: #333333;font-size: 18px;letter-spacing: 2px;} .indexmain4 .box1 .box6 .right .text5 li{margin-bottom: 50px;} .indexmain4 .box1 .box6 .right .text5 li:last-child{margin-bottom: 0;} .indexmain4 .box1 .main4icon{position: absolute;right: 15%;top: 27%;} .indexmain5{position: relative;clear: both;} .indexmain5 .box1{margin-top: -30px;position: relative;} .indexmain5 .box1 .box6{display: flex;position: absolute;top: 21%;left: 50%;transform: translateX(-50%);width: 75%;} .indexmain5 .box1 .box6 .left{padding-left: 50px;width: 50%;} .indexmain5 .box1 .box6 .left .text1 a{font-size: 20px;line-height: 24px;color: #999999;padding: 0 10px;border-right: 1px solid #999999;} .indexmain5 .box1 .box6 .left .text1 a:last-child{border-right: 0;} .indexmain5 .box1 .box6 .left .text2{margin: 30px 0 10px;font-size: 48px;letter-spacing: 5px;color: #ffcc00;font-weight: bold;line-height: 50px;} .indexmain5 .box1 .box6 .left .text3{font-size: 48px;letter-spacing: 5px;color: #333333;font-weight: bold;line-height: 50px;margin: 10px 0 30px;} .indexmain5 .box1 .box6 .left .text4{font-size: 14px;line-height: 24px;color: #a4a4a4;} .indexmain5 .box1 .box6 .left .text5{margin-top: 80px;} .indexmain5 .box1 .box6 .left .text5 span{margin-left: 10px;padding-bottom: 10px;border-bottom: 1px dashed #333333;color: #333333;font-size: 18px;letter-spacing: 2px;} .indexmain5 .box1 .box6 .left .text5 li{margin-bottom: 50px;} .indexmain5 .box1 .box6 .left .text5 li:last-child{margin-bottom: 0;} .indexmain5 .box1 .main4icon{position: absolute;left: 40%;top: 15.5%;} .indexmain6{position: relative;clear: both;} .indexmain6 .box1{margin-top: -30px;position: relative;} .indexmain6 .box1 .main4title{position: absolute;top:10%;left: 17%;} .indexmain6 .box1 .box6{display: flex;position: absolute;top: 20%;left: 50%;transform: translateX(-50%);width: 75%;} .indexmain6 .box1 .box6 .right{padding-left: 90px;} .indexmain6 .box1 .box6 .right .text1 a{font-size: 20px;line-height: 24px;color: #999999;padding: 0 10px;border-right: 1px solid #999999;} .indexmain6 .box1 .box6 .right .text1 a:last-child{border-right: 0;} .indexmain6 .box1 .box6 .right .text2{margin: 30px 0 10px;font-size: 48px;letter-spacing: 5px;color: #ffcc00;font-weight: bold;line-height: 50px;} .indexmain6 .box1 .box6 .right .text3{font-size: 48px;letter-spacing: 5px;color: #333333;font-weight: bold;line-height: 50px;margin: 10px 0 30px;} .indexmain6 .box1 .box6 .right .text4{font-size: 14px;line-height: 24px;color: #a4a4a4;} .indexmain6 .box1 .box6 .right .text5{margin-top: 70px;} .indexmain6 .box1 .box6 .right .text5 span{margin-left: 10px;padding-bottom: 10px;border-bottom: 1px dashed #333333;color: #333333;font-size: 18px;letter-spacing: 2px;} .indexmain6 .box1 .box6 .right .text5 li{margin-bottom: 30px;} .indexmain6 .box1 .box6 .right .text5 li:last-child{margin-bottom: 0;} .indexmain6 .box1 .main4icon{position: absolute;right: 15%;top: 15.5%;} .indexmain7 .box1{background: url(../img/section7bg.png);} .indexmain7 .box1 .title{text-align: center;padding: 120px 0 60px;} .indexmain7 .box1 .center{max-width: 1400px;margin: 0 auto;position: relative;} .indexmain7 .box1 .center::after{z-index: -1;content: "";border: 1px dashed lightgray;width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .indexmain7 .box1 .center{text-align: center;} .indexmain7 .box1 .center .title9{text-align: center;font-size: 20px;color: #3a383b;margin-top: 5px;} #contrast div{display: inline-block;padding: 0 50px;} .swiper-container2{max-width: 1400px;margin: 40px auto 0 ;} .section7img1{border: 6px solid #ffcc00 ;padding: 20px;position: relative;} .section7img1 .box7{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);padding: 40px 40px 70px 40px;background-color: rgba(255, 255, 255, 0.8);width: 330px;} .section7img1 .box7 h3{text-align: center;font-size: 30px;color: #333333;} .section7img1 .box7 .title7{margin-top: 30px;font-size: 16px;color: #333333;} .indexmain8{background: url(../img/section8bg2.png);} .indexmain8 .title{text-align: center;padding: 75px 0 55px;} .indexmain8 .box2{max-width: 1340px;margin: 0 auto;background: #d4d4d4;padding: 30px;display: flex;} .indexmain8 .box2 .left{width: 50%;} .indexmain8 .box2 .right{background-color: white;width: 50%;margin-left: 30px;padding: 50px;} .indexmain8 .box2 .right .title3{font-size: 36px;color: #333333;padding: 0 20px;position: relative;} .indexmain8 .box2 .right .title3::after{content: "";width: 80px;height: 4px;background-color: #ed9025;position: absolute;bottom: -20px;left: 20px;} .indexmain8 .box2 .right .text3{margin-top: 50px;font-size: 16px;color: #666666;line-height: 30px;} .indexmain8 .box2 .right .button3{margin-top: 30px;} .indexmain8 .box2 .right .button3 .firstbutton{border: 0;border-radius: 20px;background-color: #e4e4e4;width: 156px;height: 40px;} .indexmain8 .box2 .right .button3 .lastbutton{border: 0;border-radius: 20px;background-color: #ed9025;width: 156px;height: 40px;color: white;margin-left: 10px;} .indexmain8 .box3{max-width: 1400px;margin: 60px auto 0 ;padding-bottom: 60px;} .indexmain9 .title2{text-align: center;margin: 100px 0 70px;} .indexmain9 .center{max-width: 1400px;margin: 0 auto;display: flex;} .layui-tab-title{height: 60px;} .indexmain9 .center .left{width: 1000px;} .layui-tab-title li{min-width: 22.2%;font-size: 16px;line-height: 60px;} .layui-tab-card>.layui-tab-title .layui-this{background-color: #ffcc00;color: white;font-size: 16px;line-height: 60px;} .layui-tab-card>.layui-tab-title .layui-this a{color: white;} .layui-tab-card>.layui-tab-title{background-color: unset;background: url(../img/section9bg.png);} .layui-tab-card>.layui-tab-title .layui-this:after{display: none;} .layui-tab{margin: 0;} .indexmain9 .box9{padding: 35px;display: flex;} .indexmain9 .box9 .left1{width: 50%;} .indexmain9 .box9 .right1{width: 50%;padding-left: 40px;} .indexmain9 .box9 .right1 .title9{font-size: 16px;color: #ffcc00;margin: 40px 0 20px;} .indexmain9 .box9 .right1 .text9{font-size: 14px;color: #333333;line-height: 20px;} .indexmain9 .box9 .right1 .time{margin: 20px 0 30px;font-size: 14px;color: #333333;} .indexmain9 .box9 .right1 .button9 a{display: block;float: right;text-align: center;line-height: 36px;color: white;width: 110px;height: 36px;background-color: #ed9025;border-radius: 10px;} .indexmain9 .box10{padding: 0 35px 35px;display: flex;} .indexmain9 .box10 .left1{width: 50%;} .indexmain9 .box10 .left1 .icon5{font-size: 20px;font-weight:bold;} .indexmain9 .box10 .left1 .title5{float: left;width: 200px;margin-left: 10px;font-size: 16px;color: #666666;border-bottom: 1px dashed #666666;line-height: 52px;padding-bottom: 10px;} .indexmain9 .box10 .left1 .time{padding-left: 55px;border-bottom: 1px dashed #666666;line-height: 52px;padding-bottom: 10px;} .indexmain9 .box10 .right1{width: 50%;padding-left: 40px;} .indexmain9 .box10 .right1 .icon5{font-size: 20px;font-weight:bold;} .indexmain9 .box10 .right1 .title5{margin-left: 10px;font-size: 16px;color: #666666;border-bottom: 1px dashed #666666;line-height: 52px;padding-bottom: 10px;} .indexmain9 .box10 .right1 .time{margin-left: 55px;} .indexmain9 .center .right{width: 360px;padding-left: 40px;} .indexmain9 .center .right .title6{font-size: 14px;line-height: 60px;color: #999999;display: flex;background: url(../img/section9bg.png);padding: 0 5px;} .indexmain9 .center .right .title6 p:first-child{width: calc(85% - 15px);color: #333333;font-size: 16px;padding-left: 15px;} .indexmain9 .center .right .title6 p:last-child{width: 15%;} .indexmain10 .center{max-width: 1400px;margin: 0 auto;position: relative;} .indexmain10 .center .box1320{width: 1320px;max-width: 1200px;float: right;padding: 20px 40px 20px 60px;border: 1px solid #999999;margin: 110px 0 120px;} .indexmain10 .center .box1320 .box11{padding-bottom: 10px;} .indexmain10 .center .box1320 .box11 a{padding: 0 10px;width: calc(100% / 20);display: inline-block;border-right: 1px solid #999999;} .indexmain10 .center .box1320 .box11 a:nth-child(14n){border-right: 0;} .indexmain10 .center .img10{position: absolute;left: 30px;top: 150px;} .indexmain9 .box10 .left1 .boxtext{display: flex;clear: both;} .indexmain9 .box10 .left1 .boxtext .time2{padding-left: 10px;} .indexmain9 .box10 .left1 .boxtext .dian{font-size: 20px;font-weight: bold;color: #000000;line-height: 20px;margin-right: 10px;} .hr0{margin: 17px 0;width: 95%;float: right;height:1px;border:none !important;border-top:1px dashed lightgray !important;} .indexmain9 .box10 .right1 .boxtext{display: flex;clear: both;} .indexmain9 .box10 .right1 .boxtext .time2{padding-left: 10px;} .indexmain9 .box10 .right1 .boxtext .dian{font-size: 20px;font-weight: bold;color: #000000;line-height: 20px;margin-right: 10px;} .indexmain9 .center .right .box3{padding: 30px 20px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} .indexmain9 .center .right .box3:last-child{border-bottom:1px solid #e1e1e1;} .indexmain9 .center .right .box3 .question{display: flex;} .indexmain9 .center .right .box3 .question .left3{background-color: #807e7e;padding: 5px;color: white;margin-right: 20px;} .indexmain9 .center .right .box3 .question .right3 p{line-height: 30px;font-size: 16px;color: #020202;} .indexmain9 .center .right .box3 .answer{display: flex;margin-top: 20px;} .indexmain9 .center .right .box3 .answer .left3{background-color: #ed9025;padding: 5px;color: white;margin-right: 20px;height: 20px;} .indexmain9 .center .right .box3 .answer .right3 p{line-height: 30px;font-size: 16px;color: #666666;} .indexmain9 .center .right .box4{padding: 0 20px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} .hr1{margin: 0 auto;width: 95%;height:1px;border:none !important;border-top:1px dashed lightgray !important;} .indexmain11{background-color: #000000;margin-top: 50px;} .indexmain11 .center{max-width: 1200px;margin: 0 auto;} .indexmain11 ul li{display: inline-block;width: calc(100% / 9 - 5px);} .indexmain11 ul li a{color: white;font-size: 18px;line-height: 56px;display: block;text-align: center;} .indexmain11 ul li a:hover{color:#ffcc00 ;} .indexmain11 ul li a.cur:hover{color: white;} .indexmain11 ul li a.cur{background-color: #ffcc00;} .indexmain2 .box5 .text5{font-size: 14px;margin-bottom: 5px;padding-left: 30px;text-align: left;} .indexmain2 .box5 .text6{font-size: 60px;border-top: 1px solid #eabb86;border-bottom: 1px solid #eabb86;padding-right: 60px;padding-left: 20px;} .indexbanner .main4{margin-bottom: -3px;} .section2 .center{max-width: 1400px;margin: 0 auto;display: flex;width: 80%;margin-top: 70px;margin-bottom: 60px;} .section2 .center .left4{width: 50%;} .indexmain1{height: 60px;} .section2 .center .right4{width: 50%;} .section2 .center .right4 p{text-align: right;} .box12{border: 1px solid #bdbebf;padding: 30px 0;} .box12 .img12{text-align: center;height: 46px;} .box12 .text12{text-align: center;margin-top: 10px;font-size: 24px;color: #333333;} .box12:nth-child(1),.box12:nth-child(2),.box12:nth-child(3){border-top: 0;border-right: 0;} .section2 .layui-col-xs4:nth-child(3n){border-right: 1px solid #bdbebf;} .boxbottom{border-bottom: 0;} /****************************************************** 首页e *****************************************************/ /* 当前位置s */ .local{height: 70px;line-height: 70px;} .local span,.loacl a{font-size: 14px;color: #000000;} .local img{padding: 0 10px;} /* 当前位置e */ /******************************************* 左边栏目s ***************************************/ .center1{display: flex;} .center1 .main{width: 930px;} .center1 .main .maintitle{background-color: #eeeeee;line-height: 44px;position: relative;} .center1 .main .maintitle img{padding-left:15px;} .center1 .main .maintitle .title .cn{font-size: 20px;font-weight: bold;color: #333;padding: 0 15px;background-color: #ffcc00;line-height: 50px; display: inline-block;width: 150px;text-align: center;position: relative;} .center1 .main .maintitle .title .en{margin-left: 20px;font-size: 18px;color: #030303;opacity: 0.44;line-height: 18px;} .center1 .main .maintitle .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #fff;} .center1 .main .maintitle1{background-color: #333;line-height: 44px;border: 1px solid #E5E5E5;margin-top: 35px;position: relative;} .center1 .main .maintitle1 img{padding-left:15px;} .center1 .main .maintitle1{background-color: #eeeeee;} .center1 .main .maintitle1 .title .cn{font-size: 20px;font-weight: bold;color: #333;padding: 0 15px;background-color: #ffcc00;line-height: 50px; display: inline-block;width: 150px;text-align: center;position: relative;} .center1 .main .maintitle1 .title .en{margin-left: 20px;font-size: 18px;color: #030303;opacity: 0.44;line-height: 18px;} .center1 .main .maintitle1 .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #777777;} /* 我要留言s */ .section2 .center{max-width: 1400px;margin: 0 auto;display: flex;width: 80%;margin-top: 70px;margin-bottom: 60px;} .section2 .center .left4{width: 50%;} .section2 .center .right4{width: 50%;} .section2 .center .right4 p{text-align: right;} .section2 .layui-col-xs4:nth-child(3n){border-right: 1px solid #bdbebf;} .center1 .section2{padding: 30px 50px 60px;border: solid 1px #e5e5e5;} .center1 .section2 .box1{border: solid 1px #e5e5e5;display: flex;} .center1 .section2 .box1 .left{width: 330px;border-right: 1px solid #e5e5e5;text-align: center;} .center1 .section2 .box1 .right{width: 330px;padding: 40px 40px 10px 110px;} .center1 .section2 .box1 .right input{width:calc(100% - 30px);margin-bottom: 15px;padding: 15px;border: 1px solid #e5e5e5;} .center1 .section2 .box1 .right textarea{width:calc(100% - 30px);margin-bottom: 15px;padding: 15px;resize: none;border: 1px solid #e5e5e5;} .center1 .section2 .box1 .right .button{text-align: right;} .center1 .section2 .box1 .right .button button{border: 0;background-color: #ffcc00;box-shadow: 0px 1px 3px 0px #003776;color: #fff;font-size: 16px;line-height: 40px;width: 150px;} /* 我要留言e */ /* 泰如介绍s */ .center1 .section4{padding: 30px;border: solid 1px #e5e5e5;} .center1 .section4 .abouttop{text-align: center;} .center1 .section4 .abouttop .cn{padding-bottom: 15px;border-bottom: 1px dashed #E2E2E2;font-size: 24px;line-height: 30px;letter-spacing: 2px;color: #323333;font-weight: bold;text-align: center;} .center1 .section4 .abouttop .en{font-size: 14px;line-height: 30px;color: #b1b3b2;position: relative;padding: 0 10px;display: block;} .center1 .section4 .aboutnav{text-align: center;margin: 20px 0 20px;} .center1 .section4 .aboutnav span{font-size: 14px;color: #b1b3b2;} .center1 .section4 .aboutnav span:nth-child(2){margin-left: 20px;} .center1 .section4 .aboutnav span:nth-child(3){margin-left: 20px;} /* 泰如介绍e */ /* 应用场景s */ .center1 .section5{border: 1px solid #E5E5E5;} .center1 .section5 .box1{padding: 30px;display: flex;} .center1 .section5 .box1 .left{width: 450px;} .center1 .section5 .box1 .left img{width: 100%;} .center1 .section5 .box1 .right{width: calc(100% - 500px);} .center1 .section5 .box1 .right .cn{margin-top: 30px;padding-bottom: 10px;border-bottom: 1px dashed #929292;} .center1 .section5 .box1 .right .cn a{font-size: 18px;color: #333333;font-weight: bold;} .center1 .section5 .box1 .right .time{padding: 10px 0 20px;font-size: 14px;color: #333333;opacity: 0.99;} .center1 .section5 .box1 .right .text{font-size: 14px;color: #666666;line-height: 24px;text-indent: 2em;} .center1 .section5 .box1 .right .button{text-align: right;float: right;width: 100px;line-height: 30px;background-color: #ffffff;border-radius: 10px;border: solid 1px #eeeeee;text-align: center;margin-top: 30px;} .center1 .section5 .box1:hover{background-color: #f1f1f1;} .center1 .section5 .box1:hover .cn a{color: #ffcc00;} .center1 .section5 .box1:hover .right .button{background-color:#ffcc00;color: #333;} /* 应用场景e */ /* 分页s */ .pagebox{padding: 30px;margin-bottom: 50px;border-top: 0;} .pagebox p {text-align: right;font-size: 0;} .pagebox p a{text-align: center;margin: 0 2px;display: inline-block;color: #333232;font-size: 14px;width: 29px;line-height: 28px;background-color: #ffffff;border-radius: 4px;border: solid 1px rgba(0, 0, 0, 0.1);} .pagebox p a.cur{border: 0;width: 31px;line-height: 30px;background-color: #ffcc00;color:#333232;} .pagebox p a.page1{width: 66px;} /* 分页e */ /* 产品推荐s */ .section6{margin-top: 20px;} .section6 .img{border: 1px solid #E5E5E5;overflow: hidden;} .section6 .img img{width: 100%;transition: all .4s;} .section6 .img:hover img{transform:scale(1.1);} .section6 .text{padding-left: 20px;border: 1px solid #E5E5E5;border-top: 0;line-height: 50px;position: relative;} .section6 .text a{font-size: 18px;color: #333333;} .section6 .text .sanjiao{ width: 50px;height: 51px;background-color: #d2d2d2;position: absolute;right: 0;bottom: 0;} .section6 .text .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 30px;color: #ffffff;line-height: unset;} .section6 .layui-col-xs4:hover .text .sanjiao{background-color: #333;} .section6 .layui-col-xs4:hover .text a{color: #333;background-color:#ffcc00;} .section6 .layui-col-xs4:hover .text{background-color:#ffcc00;} .section6 .layui-col-xs4:hover .img{border: 1px solid #ffcc00;} /* 产品推荐e */ /* 公司新闻s */ .center1 .section7{border: 1px solid #E5E5E5;} .center1 .section7 .box1{padding: 30px;display: flex;} .center1 .section7 .box1 .left{width: 360px;height: 240px;} .center1 .section7 .box1 .left img{width: 100%;} .center1 .section7 .box1 .right{width: 460px;} .center1 .section7 .box1 .right .cn{margin-top: 20px;padding-bottom: 10px;border-bottom: 1px dashed #929292;} .center1 .section7 .box1 .right .cn a{font-size: 18px;color: #333333;font-weight: bold;} .center1 .section7 .box1 .right .time{padding: 10px 0 20px;font-size: 14px;color: #333333;opacity: 0.99;} .center1 .section7 .box1 .right .text{font-size: 14px;color: #666666;line-height: 24px;text-indent: 2em;} .center1 .section7 .box1 .right .button{text-align: right;float: right;width: 100px;line-height: 30px;background-color: #ffffff;border-radius: 10px;border: solid 1px #eeeeee;text-align: center;margin-top: 20px;} .center1 .section7 .box1:hover{background-color: #f1f1f1;} .center1 .section7 .box1:hover .cn a{color: #ffcc00;} .center1 .section7 .box1:hover .right .button{background-color:#ffcc00;color: #fff;} .center1 .section8{border: 1px solid #E5E5E5;} .center1 .section8 .box1{padding: 30px 30px 0;} .center1 .section8 .box1 .cn{font-size: 24px;line-height: 30px;color: #323333;letter-spacing: 3px;display: block;text-align: center;padding-bottom: 10px;border-bottom: 1px dashed #b1b2b2;} .center1 .section8 .box1 .text{text-align: center;font-size: 14px;color: #b1b3b2;margin-right: 10px;margin: 10px 0 50px;} .center1 .section8 .box1 .text span{font-size: 14px;color: #b1b3b2;margin-right: 10px;} .center1 .section8 .box1 p{font-size: 18px;line-height: 36px;color: #555555;text-indent: 2em;margin-bottom: 40px;} .center1 .section8 .layui-row{margin-bottom: 40px;text-align: center;} .section9 .before{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient( #ffffff, #ffffff);border: solid 1px rgba(0, 0, 0, 0.1);font-size: 16px;line-height: 40px;color: #000000;margin-top: 30px;padding-left: 30px;} .section9 .after{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient( #ffffff, #ffffff);border: solid 1px rgba(0, 0, 0, 0.1);font-size: 16px;line-height: 40px;color: #000000;padding-left: 30px;} .section9 .word{text-align: left;padding: 20px 30px 40px ;border: 1px solid #E5E5E5;font-size: 16px;color: #000000;} .section9 .word span{padding: 0 10px;border-right: 1px solid #000000;} .section9 .word span:last-child{border-right: 0;padding-right: 0;} .section10{padding: 30px 15px 10px;border: 1px solid #F2F2F2;border-top: 0;} .section10 .mainbody2_2{margin-bottom: 50px;} .section10 .layui-col-xs6{display: flex;margin-bottom: 20px;} .section10 .title2{font-size: 14px;color: #666666;width: 80%;} .section10 .title2 a:hover{color: #ffcc00;} .section10 .time{font-size: 14px;color: #999999;width: 20%;line-height: 20px;} .center1 .mainbody11{padding: 35px;border: 1px solid #F2F2F2;border-top: 0;} .center1 .mainbody11 .question .title11{margin-bottom: 15px; clear: both;} .center1 .mainbody11 .question .title11 .name{float: left;width: 120px;font-size: 18px;line-height: 28px;color: #333;margin-right: 80px;} .center1 .mainbody11 .question .title11 .name1{float: left;width: 230px;font-size: 18px;line-height: 28px;color: #333;margin-right: 40px;} .center1 .mainbody11 .question .title11 .time{float: left;font-size: 18px;line-height: 28px;color: #333;} .center1 .mainbody11 .question .text11{clear: both;font-size: 14px;line-height: 24px;color: #666666;margin-bottom: 15px;padding-top: 15px;} .center1 .mainbody11 .question .text12{border: 1px dashed #d92123;padding: 15px;font-size: 14px;line-height: 24px; color: #666666;} .center1 .mainbody11 .question .text12 .name12{font-size: 14px;line-height: 24px;color: #d92123;font-weight: bold;} .center1 .mainbody11 .question .hr4{margin: 25px 0;} .center1 .mainbody11 .question:last-child .hr4{display: none;} .mainbody12{padding: 35px;border: 1px solid #F2F2F2;border-top: 0;} .mainbody12 textarea{width: calc(100% - 22px);resize: none;border: 1px dashed #999999;padding: 10px;} .mainbody12 .tip{padding-left: 10px;font-size: 14px;line-height: 30px;color: #666666;} .mainbody12 .button{text-align: right;} .mainbody12 .button a{margin-right: 10px;width: 96px;line-height: 30px;display: inline-block;background-color: #333333;border: solid 1px rgba(11, 2, 5, 0.19);text-align: center;color: #fff;} .mainbody12 .button a:last-child{background-color: #ffcc00;color: #272727;} .center1 .section12{border: 1px solid #E5E5E5;} .center1 .section12 .box1{display: flex;padding: 40px 30px 0;} .center1 .section12 .box1 .left{width: calc(50% - 15px );} .center1 .section12 .box1 .left .leftbox{position: relative;} .center1 .section12 .box1 .left .leftbox img{width: 100%;} .center1 .section12 .box1 .left .leftbox span{width: 75%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fefefe;line-height: 35px;padding-left:10px ;padding-right:400px;background-color: #010101;} .center1 .section12 .box1 .right{width:calc(50% - 15px );} .center1 .section12 .box1 .right .box2{border-bottom: 1px dashed lightgray;padding: 8px 0;} .center1 .section12 .box1 .right .box2 .cn{font-size: 18px;line-height: 24px;color: #333333;position: relative;font-weight: bold;} /* .center1 .section12 .box1 .right .box2 .cn::after{position: absolute;content: "";left: 0;bottom: 15px;width: 36px;height: 2px;background-color: #bebebe;} */ .center1 .section12 .box1 .right .box2 .text{font-size: 14px;line-height: 28px;color: #999999;position: relative;} .center1 .section12 .box1 .right .box2 .text .text1{font-size: 14px;line-height: 28px;color: #999999;display: block;position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-word; } .center1 .section12 .box1 .right .box2 .text span:last-child{font-size: 14px;position: absolute;bottom: 0;right: 0;} .center1 .section12 .box1 .right .box2:last-child{padding-bottom: 0;border-bottom: 0;} .center1 .section12 .number{position: absolute;bottom: 0;right: 0;z-index: 999;} .center1 .section12 .number a{color: #323333;width: 16px;height: 17px;background-color: #eeeeee;font-size: 12px;display: inline-block;margin: 9px 0;text-align: center;margin-right: 10px;line-height: 17px;} .center1 .section12 .number a:hover{background-color: #ffcc00;color: #fff;} .center1 .section13{padding: 0 30px 0;;border-top: 0;margin-bottom: 50px;} .center1 .section13 .mainbody2_2{margin-bottom: 50px;} .center1 .section13 .layui-col-xs6{display: flex;margin-bottom: 20px;} .center1 .section13 .title2{font-size: 14px;color: #666666;width: 80%;} .center1 .section13 .title2 a:hover{color: #ffcc00;} .center1 .section13 .time{font-size: 14px;color: #999999;width: 20%;line-height: 20px;} .center1 .section14{border: 1px solid #E5E5E5;} .center1 .section14 .box1{display: flex;padding: 40px 30px 0;} .center1 .section14 .box1 .left{width: calc(50% - 15px );} .center1 .section14 .box1 .left .leftbox{position: relative;} .center1 .section14 .box1 .left .leftbox img{width: 100%;} .center1 .section14 .box1 .left .leftbox span{width: 75%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fefefe;line-height: 35px;padding-left:10px ;padding-right:400px;background-color: #010101;} .center1 .section14 .box1 .right{width:calc(50% - 15px );padding: 10px 0;} .center1 .section14 .box1 .right .box2{border-bottom: 1px dashed lightgray;padding-bottom: 30px;} .center1 .section14 .box1 .right .box2 .cn{font-size: 18px;line-height: 24px;color: #333333;position: relative;padding-bottom: 30px;font-weight: bold;} .center1 .section14 .box1 .right .box2 .cn::after{position: absolute;content: "";left: 0;bottom: 15px;width: 36px;height: 2px;background-color: #bebebe;} .center1 .section14 .box1 .right .box2 .text{font-size: 14px;line-height: 28px;color: #999999;position: relative;} .center1 .section14 .box1 .right .box2 .text .text1{font-size: 14px;line-height: 28px;color: #999999;margin-top: 30px;} .center1 .section14 .box1 .right .box2 .text span:last-child{font-size: 14px;text-align: right;float: right;} .center1 .section14 .box1 .right .box2:last-child{margin-top: 30px;padding-bottom: 0;border-bottom: 0;} .center1 .section14 .number{position: absolute;bottom: 0;right: 0;z-index: 999;} .center1 .section14 .number a{color: #323333;width: 16px;height: 17px;background-color: #eeeeee;font-size: 12px;display: inline-block;margin: 9px 0;text-align: center;margin-right: 10px;line-height: 17px;} .center1 .section14 .number a:hover{background-color: #ffcc00;color: #fff;} .center1 .section14 .bigtitle{padding: 40px 30px 0;} .center1 .section14 .bigtitle a{font-size: 16px;display: inline-block;text-align: center;margin-left: 30px;width: 160px;line-height: 40px;background-image: linear-gradient(0deg, rgba(157, 155, 155, 0.15) 0%, rgba(239, 229, 220, 0.15) 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;border-radius: 20px;} .center1 .section14 .bigtitle a:hover{background-image:unset;background-color: #ffcc00;color: #fff;} /* 公司新闻e */ /******************************************************* 左边栏目e *********************************************/ /******************************************************** 侧边栏s***********************************************/ .center1 .aside{width: 240px;} .center1 .aside .maintitle2{position: relative;padding: 10px 20px;background-color: #ffcc00;} .center1 .aside .maintitle2 .icon1{line-height: 54px;} .center1 .aside .maintitle2 .right{position: relative;text-align: center;} .center1 .aside .maintitle2 .cn{font-size: 26px;color: #333;line-height: 38px;font-weight:bold;} .center1 .aside .maintitle2 .cn img{margin-right: 10px;} .center1 .aside .maintitle2 .en{font-size: 14px;color: #666666;opacity: 0.6;display: block;} .center1 .aside .maintitle2 .sanjiao{position: absolute;top: 1px; right: 1px;width: 0; height: 0; border-top: 62px solid #fff; border-left: 62px solid transparent; } .center1 .aside .maintitle2 .icon{position: absolute;top: 7px;right: 7px;} .center1 .aside .box1{padding: 0 10px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .center1 .aside .box1 ul li{padding: 15px 10px;border-bottom: 1px dashed #e5e5e5;display: flex;} .center1 .aside .box1 ul li:last-child{border-bottom: 0;} .center1 .aside .box1 ul li i{text-align: center;width: 20px;font-style: normal;line-height: 22px;margin-right: 10px;border: 1px solid #333333;color: #333333; } .center1 .aside .box1 ul li:hover i{border: 1px solid #9a0404;color: #fff;background-color:#9a0404 ;} .center1 .aside .box1 ul li a{font-size: 16px;color: #333333;width: 160px;position: relative;padding-left: 20px;} .center1 .aside .box1 ul li a::before{position: absolute;left: 0;content: "";top: 50%;transform: translateY(-50%); width: 10px;height: 10px;background-color: transparent;border-radius: 50%;} .center1 .aside .box1 ul li a:hover{color: #ffcc00;} .center1 .aside .box1 ul li a:hover::before{background-color: #ffcc00;} .product2 .box99{padding: 0 10px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .product2 .box99 ul li{padding: 15px 10px;border-bottom: 1px dashed #e5e5e5;display: flex;} .product2 .box99 ul li:last-child{border-bottom: 0;} .product2 .box99 ul li i{text-align: center;width: 20px;font-style: normal;line-height: 22px;margin-right: 10px;border: 1px solid #333333;color: #333333;} .product2 .box99 ul li:hover i{border: 1px solid #ffcc00;color: #fff;background-color:#ffcc00 ;} .product2 .box99 ul li a{font-size: 16px;color: #333333;width: 160px;} .product2 .box99 ul li a:hover{color: #ffcc00;} .aside .box2{border: 1px solid #e5e5e5;} .aside .box2 .card{margin-bottom: 15px;position: relative;} .aside .box2 .cardimg{text-align: center;border-top: 1px solid #e5e5e5;} .aside .box2 .cardtext{position: absolute;left: 0;bottom: 0;padding: 15px 0;font-size: 18px;color: #fff;width:100%;background-color: rgba(0,0,0,.3);text-align: center;} .aside .box2 .mask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center; background-image: url(../img/producthpic4.png);z-index: 999;background-repeat: no-repeat;font-size: 24px;;background-size: cover;color: #ffcc00;text-align: center;vertical-align: middle;line-height: 220px;} .aside .box2 .card:hover .cardtext{display: none;} .product2 .box2{border: 1px solid #e5e5e5;} .product2 .box2 .card{margin-bottom: 15px;position: relative;} .product2 .box2 .cardimg{text-align: center;border-top: 1px solid #e5e5e5;} .product2 .box2 .cardtext{position: absolute;left: 0;bottom: 0;padding: 15px 0;font-size: 18px;color: #fff;width:100%;background-color: rgba(0,0,0,.3);text-align: center;} .product2 .box2 .mask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center; background-image: url(../img/producthpic4.png);z-index: 999;background-repeat: no-repeat;font-size: 24px;;background-size: cover;color: #ffcc00;text-align: center;vertical-align: middle;line-height: 220px;} .product2 .box2 .card:hover .cardtext{display: none;} .center1 .aside .box3{border: 1px solid #E5E5E5;} .center1 .aside .box3 p{text-align: center;} .center1 .aside .box3 .cn{margin: 15px 0;line-height: 50px;display: flex;} .center1 .aside .box3 .cn i{margin-left: 20px;} .center1 .aside .box3 .cn span{font-weight: bold;color: #030303;font-size: 18px;margin-left: 10px;text-align: left;color: #4d4b4b;line-height: 20px;display: inline-block;padding: 10px 0 0;} .center1 .aside .box3 .tel{font-size: 20px;color: #4d4b4b;font-weight: bold;} .center1 .aside .box3 .qrcode{padding: 20px 0 30px;} .center1 .aside .box4{border: 1px solid #e5e5e5;padding: 0 20px;} .center1 .aside .box4 span{border: 1px solid #666666;font-size: 12px;color: #666666;margin-right: 10px;padding:0 2px;} .center1 .aside .box4 ul li{margin-bottom: 20px;} .center1 .aside .box4 ul li:first-child{margin-top: 20px;} .center1 .aside .box4 ul li:hover span{border: 1px solid #ffcc00;background-color: #ffcc00;color: #fff;} /************************************************** 侧边栏e**********************************************/ /* 产品中心s */ .product1 .center{margin: 0 auto 0;max-width: 1200px;} .product1 .center .img1{text-align: center;position: relative;} .product1 .center .img2{text-align: right;position: absolute;bottom: -50px;right: -80px;} .product1 .center .box1{clear: both;display: flex;} .product1 .center .box1 .left{width: 240px;margin-right: 30px;float: left;} .product1 .center .box1 .right{text-align: left;display: block;width: 930px;} .product1 .layui-nav-tree{width: 100%;} .product1 .layui-nav{background-color: unset;border: 1px solid lightgray;} .product1 .layui-nav li{background-image:linear-gradient(gray, white); background-position: center;background-repeat: no-repeat;background-size: cover;color:#000000 !important;} .product1 .layui-nav-tree .layui-nav-item>a{text-align: center;color: #666666 !important;font-size: 18px !important;background-color: #e6e6e6;position: relative;border-bottom:1px solid #cccccc;} .product1 .layui-nav-tree .layui-nav-item>a:hover{color:#fff !important;background-color: #ffcc00;} .product1 .layui-icon-down:before{display: none;} .product1 .layui-nav-item .img3{margin-right: 15px;} .product1 .layui-nav-itemed>.layui-nav-child{background-color:white !important;padding: 0;} .product1 .layui-nav-tree .layui-nav-child a{color: #000000;border-bottom: 1px dashed lightgray;margin: 0 5px;position: relative;} .product1 .layui-nav-tree .layui-nav-child dd:hover a::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 6px;height: 20px;background-color:#ffcc00 ;} .product1 .layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover{color: #ED9025;} .product1 .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{color: #ffcc00;background-color: unset;} .product1 .layui-nav-tree .layui-nav-item a{line-height: 36px;height: 36px;padding-top:5px;padding-bottom: 5px; } .product1 .layui-nav-tree .layui-nav-item a:hover{color:#ffcc00;} .product1 .layui-nav-item .box4{background-position: center;background-repeat: no-repeat;background-size: cover;} .product1 .center .box1 .left .box5{background-color: white;padding-top: 10px;border: 1px solid lightgray;} .product1 .center .box1 .left .box5 .title1{margin: 15px 0;text-align: center;} .product1 .center .box1 .left .box5 .title1 span{font-size: 16px;color: #4d4b4b;margin-left: 10px;} .product1 .center .box1 .left .box5 .title2{text-align: center;font-size: 20px;color: #4d4b4b;} .product1 .center .box1 .left .box5 .title3{text-align: center;margin: 20px 0 15px;} .product1 .center .box1 .left .box5{background-color: white;padding-top: 10px;border: 1px solid lightgray;} .product1 .center .box1 .left .box5 .title1{margin: 15px 0;text-align: center;} .product1 .center .box1 .left .box5 .title1 span{font-size: 16px;color: #4d4b4b;margin-left: 10px;} .product1 .center .box1 .left .box5 .title2{text-align: center;font-size: 20px;color: #4d4b4b;} .product1 .center .box1 .left .box5 .title3{text-align: center;margin: 20px 0 15px;} .product1 .center .box1 .right .box6{margin-top: 20px;} .product1 .center .box1 .right .box6 .img4{background-color: white;} .product1 .center .box1 .right .box6 .img4 img{width: calc(100% - 2px);border: 1px solid #E2E2E2;} .product1 .center .box1 .right .box6 .text4{border: 1px solid #e5e5e5;padding: 15px 20px;font-size: 18px;color: #333333;position: relative;} .product1 .center .box1 .right .box6 .text4 span{position: absolute;right: 5px;bottom: 0;z-index: 99;color: white;font-size: 30px;} .product1 .center .box1 .right .box6 .text4::after{position: absolute;right: 0;bottom: 0;content: ""; width: 0;height: 0;border-bottom: 57px solid #c7c7c7;border-left: 57px solid transparent;} .product1 .center .box1 .right .box6 .layui-col-md4:hover .text4{color: #ffcc00;} .product1 .center .box1 .right .box6 .layui-col-md4:hover .text4::after{border-bottom: 57px solid #ffcc00;} .product1 .maintitle1{background-color: #fff;line-height: 44px;border: 1px solid #E5E5E5;position: relative;} .product1 .maintitle1 img{padding-left:15px;} .product1 .maintitle1 .title .cn{font-size: 20px;font-weight: bold;color: #333333;margin: 0 15px;line-height: 24px;} .product1 .maintitle1 .title .en{font-size: 18px;color: #030303;opacity: 0.5;line-height: 18px;} .product1 .maintitle1 .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #777777;} .product1 .maintitle{background-color: #eeeeee;line-height: 44px;position: relative;} .product1 .maintitle img{padding-left:15px;} .product1 .maintitle .title .cn{font-size: 20px;font-weight: bold;color: #333;line-height: 24px;background-color: #ffcc00; line-height: 50px;display: inline-block;width: 160px;text-align: center;position: relative;} .product1 .maintitle .title .cn::after{content: "";position: absolute;right: -10px;top: 50%;transform: translateY(-50%); width: 0;height: 0;border-top: 10px solid transparent;border-left: 20px solid #ffcc00;border-bottom: 10px solid transparent;} .product1 .maintitle .title .cn::after{display: none;} .product1 .maintitle .title .en{margin-left: 20px;font-size: 18px;color: #040404;opacity: 0.44;line-height: 18px;} .product1 .maintitle .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #333333;} /* 产品中心e */ .newsbox{padding: 35px 20px 15px;border: 1px solid #F2F2F2;border-top: 0;} .newsbox .mainbody2_2{margin-bottom: 50px;} .newsbox .layui-col-xs6{display: flex;margin-bottom: 20px;} .newsbox .title2{font-size: 14px;color: #666666;width: 80%;} .newsbox .title2 a:hover{color: #ffcc00;} .newsbox .time{font-size: 14px;color: #999999;width: 20%;line-height: 20px;} .sanjiaoa{ border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent black;} /* 404错误页样式s */ .error .main1{background-color: #f7f7f7;width: 100%;height: 100vh;} .error .main1 .center .main2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .error .main1 .center .main2 .text1{font-size: 20px;color: #333333;line-height: 40px;letter-spacing: 4px;text-align: center;margin: 50px 0 10px;} .error .main1 .center .main2 .text2{font-size: 14px;color: #999999;text-align: center;} .error .main1 .center .main2 .text3{background-color: #323232;font-size: 18px;color: #ffffff;line-height: 60px;display:block;text-align: center;width: 200px;margin: 45px auto 0;} /* 404错误页样式e */ /* 产品详情s */ .dbox11{padding: 50px 60px 90px;} .dbox11 .box{display: flex;} .dbox11 .box .left5{width: 50%;} .dbox11 .box .left5 p{text-align: center;} .dbox11 .box .right5{width: 50%;} .dbox11 .box .right5 p{text-align: right;} .dbox11 .cn{font-size: 60px;color: #222222;font-weight: bold;text-align: center;margin-top: 70px;} .dbox11 .cn span{color: #ffcc00;} .dbox11 .box2{position: relative;} .dbox11 .box2 span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 50%;border-radius: 0px 30px 30px 0px;background-color: rgba(255,255,255,.7); font-size: 24px;line-height: 60px;padding-left: 20px;} .dbox11 .text{text-align: center;padding: 20px 0 50px;} .dbox11 .text span{font-size: 24px;color: #333333;padding: 0 50px;line-height: 50px;border-radius: 20px;border: solid 1px #ffcc00;display: inline-block;} .dbox11 .img{text-align: center;} .boxdetail{display: flex;margin-bottom: 30px;} .boxdetail .left5{width: 390px;position: relative;height: 500px;overflow: hidden;} .boxdetail .right5{width: 760px;} .boxdetail .swiper-button-next,.boxdetail .swiper-button-prev{bottom: 0;} .boxdetail .swiper-button-next.swiper-button-white,.boxdetail .swiper-button-prev.swiper-button-white{color: #000000;background-color: #e6e6e6;height: 80px;} .boxdetail .swiper-button-next, .boxdetail .swiper-container-rtl .swiper-button-prev{right: 0;} .boxdetail .swiper-button-next,.boxdetail .swiper-button-prev{z-index: 99;top: 0;margin-top: 10px;} .boxdetail .swiper-button-prev{left: 0;} .boxdetail .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .boxdetail .swiper-slide {background-size: cover;background-position: center;} .boxdetail .gallery-top {height: 280px;width: 100%;} .boxdetail .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 30px;} .boxdetail .gallery-thumbs .swiper-slide {width: 390px;height: 100%;opacity: 0.4;} .boxdetail .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .boxdetail .swiper-button-next:after,.boxdetail .swiper-button-prev:after{font-size: 18px;} .boxdetail .right5 .cn{font-size: 30px;color: #ffcc00;font-weight: bold;padding: 40px 0 20px;border-bottom: 1px dashed #ffcc00;} .boxdetail .right5 .title{font-size: 18px;color: #ffcc00;margin: 25px 0 20px;display: inline-block;} .boxdetail .right5 .text{font-size: 16px;line-height: 36px;color: #332828;height: 205px;border-bottom: 1px dashed #ffcc00;padding-bottom: 25px;} .boxdetail .right5 .button{text-align: right;margin-top: 40px;} /*.boxdetail .right5 .button a:first-child{color: #333;font-size: 20px;text-align: center;border: solid 1px #ffcc00;*/ /*border-radius: 20px;display: inline-block;text-align: center;width: 197px;line-height: 40px;*/ /*background-image: linear-gradient(90deg, */ /* #eeeeee 0%, */ /* #ffffff 50%, */ /* #eeeeee 100%), */ /* linear-gradient(*/ /* #ffffff, */ /* #ffffff);*/ /* background-blend-mode: normal, */ /* normal;}*/ .boxdetail .right5 .button a:last-child{font-size: 20px;color: #ffffff;width: 220px;line-height: 40px; background-image: linear-gradient(90deg, #eeeeee 0%, #ffffff 50%, #eeeeee 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal;border-radius: 20px;display: inline-block;text-align: center;color: #Fff;margin-left: 30px;} .boxdetail .right5 .button a{position: relative;} .boxdetail .right5 .button a img{position: absolute;left: 2px;top: 50%;transform: translateY(-50%);shadow: 1px 1px 1px #000000;} /* 产品详情e */ .mainbody11{padding: 35px;border: 1px solid #F2F2F2;border-top: 0;} .mainbody11 .question .title11{margin-bottom: 15px; clear: both;} .mainbody11 .question .title11 .name{float: left;width: 120px;font-size: 18px;line-height: 28px;color: #333;margin-right: 80px;} .mainbody11 .question .title11 .name1{float: left;width: 230px;font-size: 18px;line-height: 28px;color: #333;margin-right: 40px;} .mainbody11 .question .title11 .time{float: left;font-size: 18px;line-height: 28px;color: #333;} .mainbody11 .question .text11{clear: both;font-size: 14px;line-height: 24px;color: #666666;margin-bottom: 15px;padding-top: 15px;} .mainbody11 .question .text12{border: 1px dashed #333;padding: 15px;font-size: 14px;line-height: 24px; color: #666666;} .mainbody11 .question .text12 .name12{font-size: 14px;line-height: 24px;color: #3333;font-weight: bold;} .mainbody11 .question .hr4{margin: 25px 0;} .mainbody11 .question:last-child .hr4{display: none;} /* 底部菜单s */ .footer{background-color: #121212;margin-top: 50px;border-top:1px solid #cccccc} .footer .center{display: flex;max-width: 1200px;margin: 0 auto;} .footer .center .footerleft{width: 55%;display: flex;padding: 30px 0;line-height: 170px;} .footer .center .footerleft ul{width: calc(25% - 40px);padding-left: 20px;position: relative;} .footer .center .footerleft ul::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 1px ;height: 140px;background-color: #ffffff;opacity: 0.2;} .footer .center .footerleft ul:last-child::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%); width: 1px ;height: 140px;background-color: #ffffff;opacity: 0.2;} .footer .center .footerleft ul .footertitle{font-size: 16px;color: #ffffff;line-height: 36px;} .footer .center .footerleft ul li{margin-bottom: 10px;} .footer .center .footerleft a{color: #FFF;} .footer .center .footerright{width: 30%;} .footer .center .footerright1{width: 25%;text-align: right;} .footer .center .footerright1 p{position: relative;top: 50%;transform: translateY(-50%);} .beian{background-color: #2e2e2e;text-align: center;line-height: 36px;} .beian p{color: #ffffff;opacity: 0.5;font-size: 14px;} .footerright ul{padding-left: 10px;position: relative;top: 50%;transform: translateY(-50%);} .footerright ul .cn1{margin-bottom: 15px;} .footerright ul .cn1 img{vertical-align: text-bottom;margin-right: 5px;} .footerright ul .cn1 span{font-size: 16px;color: #ffffff;} .footerright ul .cn2{font-size: 24px;color: #ffffff;font-weight: bold;} .footerright ul .cn3{margin-bottom: 25px;} .footerright ul .cn4{font-size: 18px;line-height: 30px;color: #ffffff;} .footerright ul .cn5{display: flex;} .footerright ul .cn5 span:first-child{font-size: 18px;line-height: 30px;color: #ffffff;width: 80px;} .footerright ul .cn5 span:last-child{font-size: 18px;line-height: 30px;color: #ffffff;width: calc(100% - 80px);} .footerright ul .cn6{} .footerright ul .cn7{} .footerright ul .cn7 span{color: #ffffff;font-size: 18px;margin-right: 10px;} .footerright ul .cn7 a{font-size: 18px;color: #ffcc00;} /* 底部菜单e */ /* 响应式 */ @media (max-width:1200px) { .indexmain4 .box1 .main4title{width: 54%;} .indexmain4 .box1{margin-top:-16px} .indexmain4 .box1 .main4icon{width: 5%;} .boxfooter1 .footerleft1{width: 50%;} .boxfooter1 .footerright1{width: 50%;} } @media (max-width:1800px) { .indexmain4 .box1 .main4title img{width: 90%;} .indexmain4 .box1 .box6 .left img{width: 100%;} .indexmain4 .box1 .box6 .left{width: 50%;} .indexmain4 .box1 .box6 .right{padding-left: 40px;} .indexmain4 .box1 .box6 .right .text5{margin-top: 30px;} .indexmain4 .box1 .box6 .right .text5 li{margin-bottom: 20px;} .indexmain5 .box1 .main4title img{width: 90%;} .indexmain5 .box1 .box6 .right img{width: 100%;} .indexmain5 .box1 .box6 .right{width: 50%;} .indexmain5 .box1 .box6 .left{width: 50%;} .indexmain5 .box1 .box6 .left{padding-left: 40px;} .indexmain5 .box1 .box6 .left .text5{margin-top: 30px;} .indexmain5 .box1 .box6 .left .text5 li{margin-bottom: 20px;} .indexmain6 .box1 .main4title img{width: 90%;} .indexmain6 .box1 .box6 .left img{width: 100%;} .indexmain6 .box1 .box6 .left{width: 50%;} .indexmain6 .box1 .box6 .right{padding-left: 40px;} .indexmain6 .box1 .box6 .right .text5{margin-top: 30px;} .indexmain6 .box1 .box6 .right .text5 li{margin-bottom: 10px;} } @media (min-width:1200px) and (max-width:1600px) { .indexmain6 .box1 .box6 .right .text2{font-size: 36px;margin: 10px 0 20px;line-height:40px} .indexmain6 .box1 .box6 .right .text3{font-size: 36px;margin: 10px 0 20px;line-height:40px} .indexmain6 .box1 .box6 .right .text5 li{margin-bottom: 10px;} .indexmain6 .box1 .box6 .right .text5{margin-top: 20px;} } @media (max-width:1400px) { .indexmain4 .box1 .main4icon{width: 5%;} .indexmain5 .box1 .main4icon{width: 5%;} .indexmain6 .box1 .main4icon{width: 5%;} .indexmain5 .box1 .box6 .left{padding-left: 0;} .indexmain4 .box1 .box6 .right .text2{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain4 .box1 .box6 .right .text3{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain4 .box1 .box6 .right .text1 a{font-size: 16px;line-height: 20px;} .indexmain4 .box1 .box6 .right .text1 a:first-child{padding-left: 0;} .indexmain4 .box1 .box6 .right .text5{margin-top: 10px;} .indexmain5 .box1 .box6 .left .text2{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain5 .box1 .box6 .left .text3{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain5 .box1 .box6 .left .text1 a{font-size: 16px;line-height: 20px;} .indexmain5 .box1 .box6 .left .text1 a:first-child{padding-left: 0;} .indexmain5 .box1 .box6 .left .text5{margin-top: 10px;} .indexmain6 .box1 .box6 .right .text2{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain6 .box1 .box6 .right .text3{font-size: 24px;line-height: 30px;margin: 10px 0;} .indexmain6 .box1 .box6 .right .text1 a{font-size: 16px;line-height: 20px;} .indexmain6 .box1 .box6 .right .text1 a:first-child{padding-left: 0;} .indexmain6 .box1 .box6 .right .text5{margin-top: 10px;} .indexmain8 .box2 .right{padding: 20px;} } @media (max-width:1200px) { html,body{min-width: 1200px;overflow：scroll;} .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9{display: inline-block;} .layui-col-space15>*{padding: 1.5px;} .q1{min-width: 1200px;overflow：scroll;} .bjtop{min-width: 1200px;overflow：scroll;} .bjtop .bjnav{min-width: 1200px;overflow-x：scroll;} } @media (max-width:1400px) { .indexmain8 .box2 .right .text3{margin-top: 35px;} .indexmain8 .box2 .right .button3{margin-top: 25px;} .indexmain10 .center .box1320{width: 1100px;padding:20px 0 20px 80px} .indexmain10 .center .box1320 .box11 a{padding: 0 5px;width: calc(100% / 18);} .indexmain10 .center .img10{left: 2px;width: 8%;} .hr0{margin: 21px 0;} .indexmain3 .center .img2{right: 0 !important; } } @media (min-width:1300px) and (max-width:1400px) { .hr0{margin: 17.5px 0;} } @media (max-width:1300px) { .indexmain3 .center .img2{right: 0 !important; } .layui-col-space15{margin: 0;} } @media (max-width:1500px) { .box12 .text12{font-size: 16px;} } .indexmain9 .box10{display: block;} .indexarticle{display: flex;position: relative;} .indexarticle .dian{display: inline-block;font-size: 20px;line-height: 20px;font-weight: bold;} .indexarticle .textflow{margin-left: 5px;line-height: 20px;position: relative;font-size: 14px;} .indexarticle .time2{display: inline-block;position: relative;padding-left: 50px;line-height: 20px;} .hr0{position: absolute;right: 15px;bottom: -15px;width: 90%;} .indexmain9 .layui-col-space30>*{padding: 21px 15px;} @media (max-width:1300px) { .indexmain9 .layui-col-space30>*{padding: 24px 15px;} } .layui-tab-card>.layui-tab-title li:hover{color: rgb(254, 141, 3);} .layui-tab-card>.layui-tab-title .layui-this:hover{color: #fff;} .layui-nav-tree .layui-nav-item dd:last-child a{border-bottom: 0;} .center1 .section6 .box9 .card{margin-bottom: 15px;position: relative;width: calc(100% / 3 - 10px);float: left;margin-right: 15px;} .center1 .section6 .box9 .card:last-child{margin-right: 0;} .center1 .section6 .box9 .cardimg{text-align: center;} .center1 .section6 .box9 .cardtext{position: absolute;left: 0;bottom: 0;padding: 15px 0;font-size: 18px;color: #fff;width:100%;background-color: rgba(0,0,0,.3);text-align: center;} .center1 .section6 .box9 .mask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center; background-image: url(../img/producthpic4.png);z-index: 999;background-repeat: no-repeat;font-size: 24px;;background-size: cover;color: #ffcc00;text-align: center;vertical-align: middle;line-height: 220px;} .center1 .section6 .box9 .card:hover .cardtext{display: none;} .center1 .section6 .box9 .cardimg img{width: 100%;height: 100%;} .section6{margin-bottom: 20px;} .righticon1{width: 0; height: 0; border-top: 3px solid transparent; border-left: 6px solid #b3b1b1; border-bottom: 3px solid transparent;margin-top: 7px;margin-right: 5px;} .section10 .layui-col-xs6:hover .righticon1{border-left: 6px solid #ffcc00;} .section10 .layui-col-xs6:hover .time{color:#ffcc00 ;} .center1 .section13 .layui-col-xs6:hover .righticon1{border-left: 6px solid #ffcc00;} .center1 .section13 .layui-col-xs6:hover .time{color:#ffcc00 ;} .newsbox .layui-col-xs6:hover .righticon1{border-left: 6px solid #ffcc00;} .newsbox .layui-col-xs6:hover .time{color:#ffcc00 ;} .product1 .maintitle2{position: relative;padding: 20px;background-color: #ffcc00;} .product1 .maintitle2 .icon1{line-height: 54px;} .product1 .maintitle2 .right9{margin-left: 20px;position: relative;} .product1 .maintitle2 .right9::before{content: "";width: 1px;height: 40px;background-image: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.4), rgba(255,255,255,.2));position: absolute;left: -10px;top: 50%;transform: translateY(-50%);} .product1 .maintitle2 .cn{font-size: 26px;color: #ffffff;line-height: 38px;font-weight: bold;} .product1 .maintitle2 .en{font-size: 14px;color: #ffffff;opacity: 0.5;display: block;} .product1 .maintitle2 .sanjiao{position: absolute;top: 1px; right: 1px;width: 0; height: 0; border-top: 62px solid #fff; border-left: 62px solid transparent; } .product1 .maintitle2 .icon{position: absolute;top: 7px;right: 7px;} .product1 .box33{border: 1px solid #E5E5E5;} .product1 .box33 p{text-align: center;} .product1 .box33 .cn{margin: 15px 0;line-height: 50px;display: flex;} .product1 .box33 .cn i{margin-left: 20px;} .product1 .box33 .cn span{font-weight: bold;color: #030303;font-size: 18px;margin-left: 10px;text-align: left;color: #4d4b4b;line-height: 20px;display: inline-block;padding: 10px 0 0;} .product1 .box33 .tel{font-size: 20px;color: #4d4b4b;font-weight: bold;} .product1 .box33 .qrcode{padding: 20px 0 30px;} .section6 .box9 .card{margin-bottom: 15px;position: relative;width: calc(100% / 3 - 10px);float: left;margin-right: 15px;} .section6 .box9 .card:nth-child(3n){margin-right: 0;} .section6 .box9 .cardimg{text-align: center;} .section6 .box9 .cardtext{position: absolute;left: 0;bottom: 0;padding: 15px 0;font-size: 18px;color: #fff;width:100%;background-color: rgba(0,0,0,.3);text-align: center;} .section6 .box9 .mask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center; background-image: url(../img/producthpic4.png);z-index: 999;background-repeat: no-repeat;font-size: 24px;;background-size: cover;color: #ffcc00;text-align: center;vertical-align: middle;line-height: 220px;} .section6 .box9 .card:hover .cardtext{display: none;} .section6 .box9 .cardimg img{width: 100%;height: 100%;} .productlist .box1{padding: 30px 0;display: flex;border: 1px solid #E2E2E2;} .productlist .box1 .left6{width: 280px;clear: both;} .productlist .box1 .left6 .img{text-align: right;width: 260px;height: 240px;float: right;} .productlist .box1 .left6 .img img{border: 1px solid #E2E2E2;} .productlist .box1 .w50{width: 50px;} .productlist .box1 .right6{width: 600px;} .productlist .box1 .right6 ul{padding-right: 30px;position: relative;} .productlist .box1 .right6 ul .title6{font-size: 16px;line-height: 30px;color: #323333;font-weight: bold;margin: 30px 0;} .productlist .box1 .right6 ul .text6{font-size: 14px;line-height: 30px;color: #323333;} .productlist .box1 .right6 ul li .more12{position: absolute;bottom: -50px;right: 30px;display: inline-block;text-align: center; font-size: 16px;line-height: 30px;color: #666666;width: 140px;background-color: #f0f0f0;border-radius: 18px;border: solid 1px #d2d2d2;} .productlist .box1:hover{background-color: #fafafa;} .productlist .box1:hover .right6 ul li .more12{color: #ffffff;background-color: #ffcc00;border: solid 1px #ffcc00;} .indexmain12{line-height: 70px;} .indexmain12 .center{max-width: 1600px;margin: 0 auto;display: flex;} .indexmain12 .center .w500{width: 50%;} .indexmain12 .center .right500{width: 50%;display: flex;} .indexmain12 .center .right500 p{width: 50%;} .indexmain12 .center .right500 p span{font-size: 16px;color: #666666;font-weight: bold;} .indexmain12 .center .right500 p a{font-size: 16px;color: #666666;} .indexmain12 .center .right500 p i{font-size: 12px;padding: 0 5px;} .indexmain12 .center .right500 form{text-align: right;width: 50%;} .indexmain12 .center .right500 .indexinput{background-color: #fff;border: 1px solid rgba(3, 0, 0, 0.1);padding: 11px 20px;} .indexmain12 .center .right500 .indexbutton{background-color: #fc9200;width: 50px;border: 1px solid rgba(3, 0, 0, 0.1);line-height: 38px;} @media (max-width:1400px) { .indexmain12 .center .w500{width: 50%;} .indexmain12 .center .right500 p span{font-size: 14px;color: #666666;font-weight: bold;} .indexmain12 .center .right500 p a{font-size: 14px;color: #666666;} } .productindex .title2{text-align: center;margin: 70px 0 50px;} .productindex .center{max-width: 1600px;} .productindex .center .box1 .left{width: 340px;} .productindex .maintitle2{height: 120px;} .productindex .maintitle2 .icon1{line-height: 120px;} .productindex .maintitle2 .icon1 img{width: 80px;} .productindex .maintitle2 .cn{font-size: 40px;line-height: 60px;} .productindex .maintitle2 .en{font-size: 20px;} .productindex .maintitle2 .right9{margin-top: 15px;margin-left: 35px;} .productindex .maintitle2 .right9::before{left: -20px;} .productindex .layui-nav-tree .layui-nav-item a{line-height: 45px;height: 45px;padding-top: 4px;padding-bottom: 4px;} .productindex .layui-nav-tree .layui-nav-item>a{font-size: 24px !important;} .productindex .layui-nav *{font-size: 20px;} .w60{width: 60px;} .productindex .center .box1 .right{width: 1200px;} .productindex .center .box1 .right .section6{margin-top: 0;} .productindex .section6 .box9 .card{margin-bottom: 30px;} .productindex .product1 .maintitle2{padding: 0 20px;} @media (max-width:1600px) { .productindex .center{max-width: 1200px;} .productindex .center .box1 .left{width: 240px;} .productindex .maintitle2{height: 54px;} .productindex .maintitle2 .icon1{line-height: 54px;} .productindex .maintitle2 .icon1 img{width: unset;} .productindex .maintitle2 .cn{font-size: 26px;color: #ffffff;line-height: 38px;font-weight: bold;} .productindex .maintitle2 .en{font-size: 14px;color: #ffffff;opacity: 0.5;display: block;} .productindex .maintitle2 .right9{margin-left: 20px;position: relative;margin-top: 0;} .productindex .maintitle2 .right9::before{left: -10px;} .productindex .layui-nav-tree .layui-nav-item a{line-height: 36px;height: 36px;padding-top: 4px;padding-bottom: 4px;} .productindex .layui-nav-tree .layui-nav-item>a{font-size: 20px !important;} .productindex .layui-nav *{font-size: 16px;} .w60{width: 30px;} .productindex .center .box1 .right{width: 930px;} .productindex .center .box1 .right{margin-bottom: 0;}} .q3{background-image: url(../img/q3pic1.png);background-size: cover;background-position: center;background-repeat: no-repeat;} .q3 .title3{text-align: center;padding: 70px 0;} .q3 .center{max-width: 1600px;margin: 0 auto;} .q3 .box3{width: 364px;float: left;margin-right: 45px;background-color: #fff;} .q3 .box3:last-child{margin-right: 0;} .q3 .box3{border: 1px solid #E2E2E2;padding: 40px 0;} .q3 .box3 p{text-align: center;} .q3 .box3 .cn{font-size: 28px;color: #333333;letter-spacing: 3px;margin-bottom: 15px;} .q3 .box3 .en{font-size: 16px;color: #999999;} .q3 .box3 .img3{margin: 20px 0 30px;height: 50px;} .q3 .box3 .cn1{font-size: 18px;color: #666666;} .q3 .box33 .left{position: relative;width: 320px;max-width: 100%;} .q3 .box33 .left span img{vertical-align: baseline;margin-right: 15px;} .q3 .box33 .left span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #Fff;font-size: 20px;} .q3 .box33 .left22{display: flex;} .q3 .box33 .left22 p{margin-top: 30px;} .q3 .box33 .left22 p:first-child{margin-right: 20px;} .q3 .box33 .left33{margin-left: 30px;width: 25%;} .q3 .box33{display: flex;padding: 100px 0;} .q3 .box33 .middle{width: 25%;} .q3 .box33 .middle .cn{font-size: 34px;color: #404040;letter-spacing: 3px;font-weight: bold;} .q3 .box33 .middle .img{text-align: center;} .q3 .box33 .right{width: 50%;} .q3 .box33 .right ul{display: flex;} .q3 .box33 .right ul:last-child{margin-top: 45px;} .q3 .box33 .right ul li span{text-align: left;display: block;margin-left: 8px;} .q3 .box33 .right ul li p {line-height: 90px;margin-right: 30px;} @media (max-width:1600px) { .q3 .box3{width: 24%;margin-right: 10px;} } @media (max-width:1400px) { .q3 .box33 .right ul li p{margin-right: 15px;} .q3 .box33 .left33{margin-right: 20px;} .q3 .box33 .right ul:last-child{margin-top: 10px;} } .q5 .center{max-width: 1600px;margin: 0 auto;} .q5 .title{text-align: center;padding: 100px 0 50px;} .q5 .box5{overflow: hidden;} .q5 .box5a{margin-right: 50px;width: 500px;float: left;box-shadow: 1px 1px 10px #EEEEEE;position: relative;} .q5 .box5a:last-child{margin-right: 0;} .q5 .box5a p{height: 50px;text-align: center;padding: 110px 0 50px;font-size: 18px;color: #7e7e7e;letter-spacing: 2px;background-color: #ededed;} .q5 .box5a .box5b{position: absolute;left: 50%;top: 220px;transform: translateX(-50%);width: 160px;height: 160px;background-color: #ffffff; box-shadow: 4px 5px 8px 0px rgba(198, 198, 198, 0.45);border-radius: 50%;text-align: center;} .q5 .box5a .box5b b{height: 60px;margin-top: 20px;} .q5 .box5a .box5b i{margin-top: 30px !important;} .q5 .box5a .box5b .box5a2{height: 54px;text-align: center;background-image: url(../img/newsq5.png);width: 46px;display: block;background-position: center; background-repeat: no-repeat;background-size: cover;margin: 0 auto;} .q5 .box5a .box5b .box5a1{height: 42px;text-align: center;background-image: url(../img/newsq4.png);width: 58px;display: block;background-position: center; background-repeat: no-repeat;background-size: cover;margin: 0 auto;} .q5 .box5a .box5b .box5a3{height: 50px;text-align: center;background-image: url(../img/newsq6.png);width: 54px;display: block;background-position: center; background-repeat: no-repeat;background-size: cover;margin: 0 auto;} .q5 .box5a .box5b span{font-size: 24px;line-height: 28px;color: #333333;text-align: center;margin-top: 10px;display: block;} .q5 .box5a .box5b:hover{background-color: #faa804;} .q5 .box5a .box5b:hover span{color: #Fff;} .q5 .box5a .box5b:hover .box5a1{background-image: url(../img/newsq7.png);} .q5 .box5a .box5b:hover .box5a2{background-image: url(../img/newsq8.png);} .q5 .box5a .box5b:hover .box5a3{background-image: url(../img/newsq9.png);} @media (max-width:1600px) { .q5 .center{max-width: 1200px;margin: 0 auto;} .q5 .box5a{margin-right: 15px; width: calc((100% - 30px) / 3);float: left;box-shadow: 1px 1px 10px #EEEEEE;position: relative;} .q5 .box5a .box5b{position: absolute;left: 50%;top: 150px;transform: translateX(-50%);width: 160px;height: 160px;background-color: #ffffff; box-shadow: 4px 5px 8px 0px rgba(198, 198, 198, 0.45);border-radius: 50%;text-align: center;} } .q6 .center{max-width: 1600px;margin: 0 auto;padding-bottom: 100px;} .q6 .center .title{text-align: center;padding: 75px 0 35px;} .q6 .center .box1{position: relative;} .q6 .center .box1 .swiper-container99{max-width: 1440px;margin: 0 auto;} .q6 .center .box1 .swiper-button-next,.q6 .center .box1 .swiper-container-rtl .swiper-button-prev{background-image: url(../img/rightbutton.png);} .q6 .center .box1 .swiper-button-prev,.q6 .center .box1 .swiper-container-rtl .swiper-button-next{background-image: url(../img/leftbutton.png);} .q6 .center .box1 .swiper-button-next,.q6 .center .box1 .swiper-button-prev{width: 44px;background-size:44px 44px} @media (max-width:1600px) { .q6 .center{max-width: 1200px;margin: 0 auto;padding-bottom: 100px;} .q6 .center .box1 .swiper-container99{max-width: 1100px;margin: 0 auto;} } /* 知识产权s */ .asidebox3{border: 1px solid #E2E2E2;padding: 20px;} .asidebox3 .cn1{margin-bottom: 10px;} .asidebox3 .cn1 img{margin: 0 10px 0 20px;} .asidebox3 .cn1 span{font-size: 16px;color: #333333;} .asidebox3 .cn2{text-align: center;font-size: 24px;color: #333333;font-weight: bold;} .asidebox3 .qrcode{text-align: center;} .product1 .center .box1 .maintitle2 .right{text-align: center;width: unset;} /* 首页新闻s */ .swiper-container45{border: 1px solid #E2E2E2;} .indexnews .box45{display: flex;padding: 20px 30px;} .indexnews .img45{width: 538px;height: 360px;} .indexnews .w35{width: 35px;} .indexnews .box46{width: 455px;} .indexnews .box46 .cn{margin-top: 80px;} .indexnews .box46 .cn a{font-size: 18px;color: #fb9300;font-weight: bold;} .indexnews .box46 .cn1{margin-top: 25px;} .indexnews .box46 .cn1 a{font-size: 16px;color: #333333;height: 50px;line-height: 25px;} .indexnews .box46 .time{font-size: 16px;color: #333333;margin-top: 25px;} .indexnews .box46 .button46{margin-top: 40px;display: inline-block;text-align: center;float: right;background-color: #fb9300; width: 110px;border-radius: 10px;font-size: 16px;color: #ffffff;line-height: 40px;} .newsbox4{padding: 30px ;border-top: 0;overflow: hidden;} .newsbox4 .mainbody2_2{margin-bottom: 50px;} .newsbox4 .layui-col-xs6{display: flex;margin-bottom: 20px;border-bottom: 1px dashed #e2e2e2;width: calc(50% - 20px);margin-left: 20px;} .newsbox4 .title2{font-size: 14px;color: #666666;width: 80%;padding-bottom: 20px;display: flex;} .newsbox4 .title2 i{width: 10px;height: 10px;background-color: #cccccc;position: relative;top: 50%;transform: translateY(-50%) ;margin-right: 20px;border-radius: 50%;} .newsbox4 .title2 a{width: calc(100% - 30px);} .newsbox4 .layui-col-xs6:hover .title2 i{background-color: #fb9300;} .newsbox4 .layui-col-xs6:hover .title2 a{color: #fb9300;} .newsbox4 .time{font-size: 14px;color: #999999;width: 20%;line-height: 20px;} .newsbox4 .layui-col-xs6:hover .time{color: #fb9300;} .indexnews .center1600{max-width: 1600px;margin: 0 auto;} .indexnews .img{text-align: center;padding: 0 0 60px;} .indexnews .box{display: flex;padding-bottom: 45px;} .indexnews .left{width: 1090px;height: 500px;background-color: #fff;} .indexnews .left .title a{background-image: linear-gradient(0deg, #e5e5e5 0%, #fefdfd 34%, #e1e1e1 100%);border-bottom: 1px solid #E2E2E2;width: 25%;display: inline-block;text-align: center;line-height: 50px;color: #000000;font-size: 18px;} .indexnews .left .title .default{background-color: #fb9300;background-image: unset;color: #fff;} .swiper-container2 .swiper-slide{display: flex;padding: 30px 0 50px;} .w30{width: 30px;} .swiper-container2 .swiper-slide .right3 p span:last-child{width: 25%;} .indexnews .right{width: 480px;height: 500px;background-color: #fff;} .indexnews .right .title{position: relative;padding-left: 20px;line-height: 70px;height: 70px;border-bottom: 1px solid #E2E2E2;font-size: 20px;color: #010101;font-weight: bold;} .indexnews .right .title img{margin-right: 10px;} .indexnews .right .title .more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 14px;} .indexnews .right .box2{padding: 0 30px;height: 142px;border-bottom: 1px solid #E2E2E2;} .indexnews .right .box2:last-child{border-bottom: 0;} .indexnews .right .box2 .question{display: flex;padding-top: 35px;} .indexnews .right .box2 .question .text2{font-size: 14px;color: #000000;line-height: 30px;} .indexnews .right .box2 .question .img2{height: 25px;margin-bottom: 5px;margin-right: 10px;color: #fefefe;font-size: 16px;border: solid 1px rgba(0, 0, 0, 0.15);border-radius: 50%;padding: 2px;border: 1px solid #E2E2E2;display: inline-block;} .indexnews .right .box2 .question .img2 i{display: inline-block;background-color: #000000;border: 2px slid #fff;border-radius: 50%;width: 25px;height: 25px;text-align: center;font-style: normal;} .indexnews .right .box2 .answer{display: flex;} .indexnews .right .box2 .answer .img2{height: 25px;margin-right: 10px;color: #333333;font-size: 16px;border: solid 1px rgba(0, 0, 0, 0.15);border-radius: 50%;padding: 2px;border: 1px solid #E2E2E2;display: inline-block;} .indexnews .right .box2 .answer .img2 i{display: inline-block;background-color: #e2e2e2;border: 2px slid #fff;border-radius: 50%;width: 25px;height: 25px;text-align: center;font-style: normal;} .indexnews .right .box2 .question:hover .img2 i{background-color: #004593;} .indexnews .right .box3{padding: 30px 20px;border-left: 0;border-right: 0;} .indexnews .right .box3:last-child{border-bottom:0;} .indexnews .right .box3 .question{display: flex;} .indexnews .right .box3 .question .left3{background-color: #807e7e;padding: 5px;color: white;margin-right: 20px;} .indexnews .right .box3 .question .right3 p{line-height: 30px;font-size: 16px;color: #020202;} .indexnews .right .box3 .answer{display: flex;margin-top: 20px;} .indexnews .right .box3 .answer .left3{background-color: #ed9025;padding: 5px;color: white;margin-right: 20px;height: 20px;} .indexnews .right .box3 .answer .right3 p{line-height: 30px;font-size: 16px;color: #666666;} .indexnews .right .box4{padding: 0 20px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} .hr1{margin: 0 auto;width: 95%;height:1px;border:none !important;border-top:1px dashed lightgray !important;} .indexnews .right .title6{font-size: 14px;line-height:50px;color: #999999;display: flex;padding: 0 5px;background-image: linear-gradient(0deg, #e5e5e5 0%, #fefdfd 34%, #e1e1e1 100%);} .indexnews .right .title6 p:first-child{width: calc(85% - 15px);color: #333333;font-size: 16px;padding-left: 15px;} .indexnews .right .title6 p:last-child{width: 15%;} .indexnews .right{height: 755px;border: 1px solid #E2E2E2;} @media (max-width:1400px) { .indexnews .left{width: 900px;} .indexnews .img45{height: unset;} .indexnews .box46 .cn{margin-top: 20px !important;} .indexnews .right .box3{padding: 20px;} .indexnews .right{height: 690px;} .indexnews .right .title6 p:last-child{width: 20%;} } /* 首页新闻e */ /* 首页链接s */ .q7{position: relative;} .q7 .title{text-align: center;} .q7 .box7{position: absolute;left: 50%;transform: translateX(-43%);width: 80%;top: 30px;height: 60px;overflow: hidden;max-width: 1500px;} .q7 .box7 a{height: 20px;overflow: hidden;font-size: 16px;color: #393939;line-height: 20px;margin-right: 20px;width: 90px;display: inline-block;margin-bottom: 10px;} @media (max-width:1500px) { .q7 .box7{position: absolute;top: 15px;} } /* 首页链接e */ .indexmain11{background-color: #1a2a65;margin-top: 50px;border-bottom: 2px solid #Fff;} .indexmain11 .center{max-width: 1600px;margin: 0 auto;} .indexmain11 ul li{display: inline-block;width: calc(100% / 9 - 5px);} .indexmain11 ul li a{color: white;font-size: 18px;line-height: 56px;display: block;text-align: center;} .indexmain11 ul li a:hover{color:#ffcc00 ;} .indexmain11 ul li a.cur:hover{color: white;} .indexmain11 ul li a.cur{background-color: #ffcc00;} /* 拦腰1s */ .lanyao{height: 290px;position: relative;background-image: url(../img/qer3.png);background-position: center;background-repeat: no-repeat;background-size: cover;} .lanyao .center{max-width: 1600px;margin: 0 auto;display: flex;} .lanyao .center .left{width: 50%;} .lanyao .center .left ul{padding: 50px 0;} .lanyao .center .left .cn1{font-size: 48px;color: #ffffff;font-weight: bold;} .lanyao .center .left .cn2{margin: 25px 0;display: inline-block;font-size: 18px;color: #ffffff;letter-spacing: 2px;border: solid 1px #ffffff;line-height: 36px;padding: 0 10px;} .lanyao .center .left .cn3{font-size: 22px;color: #ffffff;letter-spacing: 1px;} .lanyao .center .right{width: 50%;display: flex;z-index: 99;} .lanyao .center .right p{line-height: 290px;} .lanyao .center .right ul{margin-left: 70px;} .lanyao .center .right ul li img{margin: 70px 0 30px;} .lanyao .center .right ul li{font-size: 18px;line-height: 48px;color: #333333;letter-spacing: 1px;} .lanyao .qer2{position: absolute;right: 0;bottom: 0;z-index: 1;width: 44%;} @media (max-width:1600px) { .lanyao .qer2{width: 53%;} } @media (max-width:1400px) { .lanyao .center .left .cn3{font-size: 16px;} .lanyao .center .right ul li{letter-spacing: 0;} .lanyao .qer2{width: 60%;} } /* 拦腰1e */ .product2 .section1 .box2 .left{width: 50%;margin-right: 0;float: unset;} .product2 .section1 .box2 .right{margin-bottom: 0;width: 50%;} /* 联系我们s */ .section1{background-color: #f2f2f2;border: solid 1px #e5e5e5;position: relative;} .section1 .box1{display: flex;} .section1 .box1 .left{width: 400px;} .section1 .box1 .left .cn{font-size: 27px;line-height: 38px;color: #323232;font-weight: bold;} .section1 .box1 .left .cn span{font-size: 16px;line-height: 20px;color: #323232;opacity: 0.17;margin-left: 15px;} .section1 .box1 .right{width: 450px;display: flex;} .section1 .box1 .right .title{font-size: 24px;color: #030303;font-weight: bold;line-height: 50px;margin-left: 10px;} .section1 .box2{display: flex;position: relative;} .section1 .box2::after{position: absolute;width: 0; height: 0; border-top: 100px solid #ffcc00; border-left: 100px solid transparent;content: "";right: 0;top: 0;} .section1 .box2 .left{padding: 0 160px 0 90px;width: 200px;text-align: center;} .section1 .box2 .left .cm1{display: flex;} .section1 .box2 .left .cm2{margin-right: 20px;} .section1 .box2 .left .cm3{text-align: center;} .section1 .box2 .left .cm3 span{display: block;line-height: 24px;font-size: 12px;} .section1 .box2 .left .cm4{margin: 50px 0 80px;position: relative;} .section1 .box2 .left .cm4::after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -40px;width: 192px;height: 2px; background-color: #aaaaaa;content: "";} .section1 .box2 .right{padding: 20px 0px;width: calc(100% - 520px);background-color: #F2f2f2;background-repeat: no-repeat;background-size: cover;} .section1 .box2 .right ul{border-bottom:1px solid #E5E5E5 ;} .section1 .box2 .right ul li{padding: 15px 0;border-bottom: 1px solid #E5E5E5;display: flex;} .section1 .box2 .right ul li:last-child{border-bottom: 0;} .section1 .box2 .right ul li .img{width: 26px;display: inline-block;text-align: center;} .section1 .box2 .right ul li .cn{padding-left: 20px;font-size: 18px;color: #666666;} .section1 .box2 .right ul li .tel{font-size: 18px;color: #333333;font-weight: bold;} .section1 .box2 .right ul li .email{font-size: 18px;color: #333333;} .section1 .box2 .right .title{font-size: 24px;color: #030303;font-weight: bold;line-height: 60px;margin-left: 20px; } .section1 .icon2{position: absolute;right: 0;bottom: 0;} /* 联系我们e */ .box223{width: calc(100% - 2px);border: 1px solid #E2E2E2;} .box223 .card .cardtext2 a{text-align: center;font-size: 16px;line-height: 38px;color: #030303;background-color: #f2f2f2;} .box223 .card .cardtext2:hover{background-color: #ffcc00;} .box223 .cardtext2:hover a{color: red;} .box223 .card:hover .cardtext2 a{background-color: #ffcc00;color: #fff;} .box223 .card .cardimg{overflow: hidden;width: 238px;height: 238px;} .box223 .card .cardimg img{ transition: all 0.6s;} .box223 .card:hover .cardimg img{transform: scale(1.2);} .yjtop5{margin-top: 50px;} .image-border {position: absolute;width: 10px;height: 10px;} .image-border1 {top: -1px;left: -2px;border-left: 5px solid #ffcc00;border-top: 5px solid #ffcc00;} .image-border2 {top: -1px;right: -2px;border-right: 5px solid #ffcc00;border-top: 5px solid #ffcc00;} .image-border3 {bottom: -1px;left: -2px;border-bottom: 5px solid #ffcc00;border-left: 5px solid #ffcc00;} .image-border4 {bottom: -1px;right: -2px;border-right: 5px solid #ffcc00;border-bottom: 5px solid #ffcc00;} .maintitlea3{background-image: url(../img/asideimga5.png);background-repeat: no-repeat;background-position: center;background-size: cover; width: 240px;height: 280px;} .maintitlea3 .cn1{padding-top: 10px;font-size: 24px;line-height: 44px;color: #ffffff;letter-spacing: 1px;text-align: center;} .maintitlea3 .cn1 img{margin-right: 15px;} .maintitlea3 .cn2{font-size: 26px;line-height: 30px;font-weight: bold;text-align: center;color: #ffffff;padding: 5px 0;} .maintitlea3 .cn3{text-align: center;} .maintitlea3 .cn3 img{width: 120px;height: 120px;} .center1 .aside .boxa1 ul li a{padding-left: 0;} .center1 .aside .boxa1 ul li a::before{display: none;} .center1 .aside .boxa1 ul li:hover a{color: #ffcc00;} .center1 .aside .boxa1 ul li:hover i{ border: 1px solid #ffcc00; background-color: #ffcc00;color:#333;} .boxa1 ul li a{padding-left: 0;} .boxa1 ul li a::before{display: none;} .boxa1 ul li:hover a{color: #ffcc00;} .boxa1 ul li a:hover{color: #ffcc00;} .boxa1 ul li:hover i{ border: 1px solid #d92123; background-color: #d92123;} .maintitlea4{display: flex;width: 100%;line-height: 42px;background-color: #f2f2f2;flex-wrap:wrap;} .maintitlea4 .cn1{width: calc((100% - 4px ) / 4);line-height: 42px;font-size: 20px;color: #000000;background-color: #d2d2d2; text-align: center;border-right: 1px solid #fff;border-bottom:1px solid #fff} .maintitlea4 .cn1:last-child{border-right: 0;} .maintitlea4 .cn1.default{background-color: #ffcc00;} .procenter1{overflow: hidden;} .procenter1 .cn1{font-size: 0;padding: 30px 0 5px;overflow: hidden;border-bottom: 1px dashed #d2d2d2;} .procenter1 .cn1 .cn2{display: inline-block;width: calc(100% / 7);float: left;text-align: center; font-size: 21px;color: #000000;margin-bottom: 25px;position: relative;} .procenter1 .cn1 a.default1::after{content: "";position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%); width: 67px;height: 2px;background-color: #ffcc00;} .procenter1 .cn1 a.default1::before{content: "";position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%); width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #ffcc00;} .procenter1 .cn3{padding-top: 20px;font-size: 18px;color: #333333;line-height: 30px;text-indent: 2em;} .boxdetail{display: flex;margin-bottom: 30px;} .boxdetail .left5{width: 390px;position: relative;height: 500px;overflow: hidden;} .boxdetail .right5{width: 760px;} .boxdetail .swiper-button-next,.boxdetail .swiper-button-prev{bottom: 0;} .boxdetail .swiper-button-next.swiper-button-white,.boxdetail .swiper-button-prev.swiper-button-white{color: #000000;background-color: #e6e6e6;height: 80px;} .boxdetail .swiper-button-next, .boxdetail .swiper-container-rtl .swiper-button-prev{right: 0;} .boxdetail .swiper-button-next,.boxdetail .swiper-button-prev{z-index: 99;top: 0;margin-top: 10px;} .boxdetail .swiper-button-prev{left: 0;} .boxdetail .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .boxdetail .swiper-slide {background-size: cover;background-position: center;} .boxdetail .gallery-top {height: 80%;width: 100%;} .boxdetail .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 30px;} .boxdetail .gallery-thumbs .swiper-slide {width: 390px;height: 100%;opacity: 0.4;} .boxdetail .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .boxdetail .swiper-button-next:after,.boxdetail .swiper-button-prev:after{font-size: 18px;} .boxdetail .right5 .cn{font-size: 30px;color: #333333;font-weight: bold;padding: 40px 0 20px;border-bottom: 1px dashed #233f96;} .boxdetail .right5 .title{font-size: 18px;color: #fe8d03;margin: 25px 0 20px;display: inline-block;} .boxdetail .right5 .text{font-size: 16px;line-height: 36px;color: #332828;height: 205px;border-bottom: 1px dashed #233f96;padding-bottom: 25px;} .boxdetail .right5 .button{text-align: right;padding-top: 40px;} .boxdetail .right5 .button a:first-child{font-size:20px;border-radius: 20px;display: inline-block; text-align: center;width: 170px;line-height: 40px;background-image: linear-gradient(90deg, rgba(148, 148, 148, 0.61) 0%, rgba(255, 255, 255, 0.61) 46%, rgba(148, 148, 148, 0.61) 100%), linear-gradient( #ffffff, #ffffff);} .boxdetail .right5 .button a:last-child{width: 220px;line-height: 40px; background-image: linear-gradient(90deg, rgba(148, 148, 148, 0.61) 0%, rgba(255, 255, 255, 0.61) 46%, rgba(148, 148, 148, 0.61) 100%), linear-gradient( #ffffff, #ffffff);border-radius: 20px;display: inline-block;text-align: center;color: #333;margin-left: 30px;} .boxdetail .right5 .button a{position: relative;} .boxdetail .right5 .button a img{position: absolute;left: 2px;top: 50%;transform: translateY(-50%);shadow: 1px 1px 1px #000000;} /* 产品详情e */ .xq1{} .xq1 td{padding-top: 25px;} .xq1 td{width: 50%;font-size: 26px;letter-spacing: 1px;color: #666666;} .boxdetail .right5 .button{border-top: 1px dashed #233f96;} .boxn99{padding: 0 10px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .boxn99 ul li{padding: 15px 10px;border-bottom: 1px dashed #e5e5e5;display: flex;} .boxn99 ul li:last-child{border-bottom: 0;} .boxn99 ul li i{text-align: center;width: 20px;font-style: normal;line-height: 22px;margin-right: 10px;border: 1px solid #333333;color: #333333; } .boxn99 ul li:hover i{border: 1px solid #ffcc00;color: #333;background-color:#ffcc00 ;} .boxn99 ul li a{font-size: 16px;color: #333333;width: 160px;position: relative;} .boxn99 ul li a::before{position: absolute;left: 0;content: "";top: 50%;transform: translateY(-50%); width: 10px;height: 10px;background-color: transparent;border-radius: 50%;} .boxn99 ul li a:hover{color: #ffcc00;} .boxn99 ul li a:hover::before{background-color: #ffcc00;} .product1 .maintitle2 .cn img{margin-right: 10px;} .product1 .maintitle2 .cn{color: #333;} .product1 .maintitle2 .en{color: #8c8458;} .sectionab1 .box2 .left9{width: 50%;margin-right: 0;float: unset;} .sectionab1 .box2 .right9{margin-bottom: 0;width:calc(50% - 40px);padding: 0 20px;} .sectionab1 .box2{display: flex;position: relative;} .sectionab1 .box2 .left9 .cm1{display: flex;} .sectionab1 .box2 .left9 .cm2{margin-right: 20px;} .sectionab1 .box2 .left9 .cm3{text-align: center;} .sectionab1 .box2 .left9 .cm3 span{display: block;line-height: 24px;font-size: 12px;} .sectionab1 .box2 .left9 .cm4{margin: 50px 0 80px;position: relative;} .sectionab1 .box2 .left9 .cm4::after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -40px;width: 192px;height: 2px; background-color: #aaaaaa;content: "";} .sectionab1 .box2 .right9 ul{border-bottom:1px solid #E5E5E5 ;} .sectionab1 .box2 .right9 ul li{padding: 15px 0;border-bottom: 1px solid #E5E5E5;display: flex;} .sectionab1 .box2 .right9 ul li:last-child{border-bottom: 0;} .sectionab1 .box2 .right9 ul li .img{width: 26px;display: inline-block;text-align: center;} .sectionab1 .box2 .right9 ul li .cn{padding-left: 20px;font-size: 18px;color: #666666;} .sectionab1 .box2 .right9 ul li .tel{font-size: 18px;color: #333333;font-weight: bold;} .sectionab1 .box2 .right9 ul li .email{font-size: 18px;color: #333333;} .sectionab1 .box2 .right9 .title{font-size: 24px;color: #030303;font-weight: bold;line-height: 60px;margin-left: 20px; } .sectionab1 .icon2{position: absolute;right: 0;bottom: 0;} .sectionab1 .box2 .left9 p{text-align: right;} .sectionab1 .box2 .left9 img{height: 360px;} .sectionab1 .box2 .right9 .cn2{padding: 50px 0 30px;} /* 产品详情s */ .dbox2{position: relative;} .dbox2 .cn1{} .dbox2 .cn2{position: absolute;left: 60px;top: 50px;} .dbox2 .cn3{margin-bottom: 130px;} .dbox2 .cn4{position: relative;} .dbox2 .cn4::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 6px;height: 186px;background-color: #ffcc00;} .dbox2 .cn4 li{padding-left: 30px;font-size: 40px;font-weight: bold; background: linear-gradient(0deg, #ffffff 1%, #c4c4c4 4%, #898888 4%,#c4c4c4 37%,#ffffff 100%); -webkit-background-clip: text;color: transparent;} .dbox2 .cn4 li:last-child{margin-bottom: 50px;} .dbox2 .cn5{position: relative;display: inline-block;} .dbox2 .cn5 span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); font-size: 38px; background: linear-gradient(0deg, #333333 0%, #000000 100%); -webkit-background-clip: text;color: transparent;} .dbox2 .cn6{position: absolute;bottom: 0;right: 0;} .dbox3{} .dbox3 .cn1{font-size: 48px;font-weight: bold;color: #333333;text-align: center;padding: 40px 0 15px;} .dbox3 .cn2{font-size: 24px;color: #ffffff;width: 266px;height: 40px;background-color: #c5000f;border-radius: 6px;text-align: center;margin: 0 auto;} .dbox3 .cn3{line-height: 46px;font-size: 23px;color: #333333;width: 478px;height: 46px;background-color: #ffffff;border-radius: 10px;border: solid 1px #a0a0a0;text-align: center;margin: 10px auto 30px;} .dbox3 .cn4{display: flex;background-image: url(../img/ebox5.png);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 110px 0;} .dbox3 .cn5{width: calc(100% / 3);text-align: center;position: relative;} .dbox3 .cn5::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px; height: 140px;background-image: linear-gradient(rgba(0,0,0,.2) 0, #fff 50% , rgba(0,0,0,.2) 100%);} .dbox3 .cn5:last-child::after{display: none;} .dbox3 .cn5 span:first-child{font-size: 30px;font-weight: bold;color: #fffffe;display: block;line-height: 50px;} .dbox3 .cn5 span:last-child{font-size: 22px;color: #fffffe;display: block;line-height: 30px;} .dbox4{position: relative;background-color: #eeeeee;height: 160px;margin-top: 40px;} .dbox4 .cn1{text-align: center;padding: 30px 0 10px;} .dbox4 .cn2{font-size: 21px;color: #333333;width: 380px;margin: 0 auto;line-height: 40px;text-align:center; border-radius: 10px;border: solid 1px #a0a0a0;} .dbox4 .cn3{position: absolute;right: 30px;bottom: 0;} .dbox4 .cn3 img{height: 160px;} .dbox5 .cn1{text-align: center;padding: 100px 0;} .dbox6{background-image: url(../img/ebox7.png);background-repeat: no-repeat;background-size: cover; background-position: center;padding: 50px 0 10px;} .dbox6 .cn1{font-size: 36px;font-weight: bold;color: #ffffff;text-align: center;} .dbox6 .cn2{font-size: 14px;color: #a6a6a6;text-align: center;} .dbox6 .cn3{font-size: 20px;color: #333333;text-align: center;width: 360px;background-color: #ffcc00; line-height: 36px;margin: 5px auto;} .dbox6 .cn4{font-size: 19px;color: #ffffff;opacity: 0.5;text-align: center;} .dbox8{background-image: url(../img/ebox8.png);background-repeat: no-repeat;background-size: cover; background-position: center;padding: 50px 0 50px;} .dbox8 .cn1{font-size: 36px;font-weight: bold;color: #ffffff;text-align: center;} .dbox8 .cn2{font-size: 14px;color: #a6a6a6;text-align: center;} .dbox8 .cn3{font-size: 20px;color: #333333;text-align: center;width: 612px;background-color: #ffcc00; line-height: 36px;margin: 5px auto;} .dbox7{padding: 40px 0;} .dbox7 .cn1{display: flex;} .dbox7 .cn2{width: calc((100% - 23px) / 4);margin-right: 5px;border: solid 1px #dcdcdc;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);} .dbox7 .cn2:last-child{margin-right: 0;} .dbox7 .cn2 img{} .dbox7 .cn2 span{font-size: 41px;color: #333333;text-align: center;display: block;} .dbox9{overflow: hidden;padding: 35px 0 20px;} .dbox9 .cn1{} .dbox9 .cn2{width: calc((100% - 15px) / 2);float: left;margin-bottom: 15px;} .dbox9 .cn2:nth-child(2n){margin-left: 15px;} .dbox9 .cn3{position: relative;top:50%;height: 313px;text-align: center;} .dbox9 .cn3 span{font-size: 24px;color: #333333;line-height: 40px;position: relative;top: 33%;transform: translateY(-50%);} /* 产品详情e */