/* 公共样式 */ *{margin: 0;padding: 0;list-style: none;text-decoration: none;} a:hover{color: #c52720;} .layui-nav-tree .layui-nav-bar{background-color: #c52720;display: none;} img{max-width: 100%;} .center{max-width: 1200px;margin: 0 auto;} .clearfix{clear: both;} .swiper-pagination-bullet-active{background:#c52720 !important;} .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;} .indexproduct .swiper-button-prev{background-image:url(../img/left3.png)} .indexproduct .swiper-button-next{background-image:url(../img/right3.png)} .indexproduct .swiper-button-next,.indexproduct .swiper-button-prev{background-size: 110px 110px;width: 110px;height: 110px;top: 36%;} .indexproduct .swiper-button-prev{left: 4%;} .indexproduct .swiper-button-next{right: 4%;} .layui-tab-card>.layui-tab-title .layui-tab-bar{display: none;} /* 公共头部 */ .header1{background-image: url(../img/kunyupic6.png);background-repeat: no-repeat;background-position: center;background-size: cover;} .header1 .center{max-width: 1200px;margin: 0 auto;display: flex;} .header1 .center .left{width: 50%;line-height: 30px; color: #ffffff;} .header1 .center .right{width: 50%;text-align: right;} .header1 .center .right a{padding: 0 10px;color: #999999;line-height: 30px;position: relative;} .header1 .center .right a img{margin-right: 10px;} .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: #fff;} .header2 .center{max-width: 1200px;margin: 0 auto;display: flex;background-color: #fff;} .header2 .center .left{width: 65%;line-height: 27px;color: #545454;display: flex;padding: 20px 0;} .header2 .center .left h1{padding-top: 10px;padding-left: 40px;} .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: 30px;letter-spacing: 2px;color: #333333;font-weight: bold;margin-top: 5px;} .header2 .center .left .text i{font-style: normal;color: #c52720;} .header2 .center .right{width: 35%;text-align: right;display: flex;padding: 20px 0;} .header2 .center .right .rightbox1{width: 65%;padding-top: 20px;} .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;margin-right: 10px;} .header2 .center .right .rightbox1 li:nth-child(1) span{font-size: 16px;color: #151515;line-height: 30px;} .header2 .center .right .rightbox1 li:nth-child(2){margin-top: 5px;line-height: 30px;font-size: 20px;color:#c52720;font-weight: bold;} .header2 .center .right .rightbox1 li:nth-child(3){line-height: 30px;font-size: 20px;color:#c52720;font-weight: bold;} .header2 .center .right .rightbox2{width: 35%;} .header2 .center .right .rightbox2 img{width: 100px;height: 100px;border:1px solid #e2e2e2;} .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: #fff;border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;} .nav .center{max-width: 1200px;margin: 0 auto;} .nav .center ul li{display: inline-block;width: calc(100% / 9 - 5px);position: relative;line-height: 40px;} .nav .center ul li .ccc{color: #333;text-align: center;display: block;font-size: 18px;position: relative;} .nav .center ul li a.cur{background-color:#c52720;color: #fff;border-radius: 5px;margin: 5px 0;} /* .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: #c52720;} */ .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:#c52720 ;} .indexbanner .main4{width: 100%;position: relative;} .indexbanner .main4 video{width: 100%;} .indexbanner .main4 .bannericon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} /* 首页样式 */ .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: #c52720;} .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: #c52720;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: #c52720;background-color: unset;} .layui-nav-tree .layui-nav-item a{line-height: 36px;height: 36px;padding-top:5px;padding-bottom: 5px; } .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: #c52720;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 .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: 40px;display: block;text-align: center;} .indexmain11 ul li a:hover{color:#c52720 ;} .indexmain11 ul li a.cur:hover{color: white;} .indexmain11 ul li a.cur{background-color: #c52720;} .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;} /* footer */ .footer{background-color: #2f2f2f;} .footer .center{max-width: 1200px;margin: 0 auto;padding: 50px 0;display: flex;} .footer .center .footerright{width: calc(100% - 270px);margin-left: 30px;} .footer .center .footerright .grid-demo1{display: flex;} .footer .center .footerright .grid-demo1 p{color: white;padding-left: 10px;} .footer .center .footerright .grid-demo1 p span{font-size: 18px;} hr{margin: 30px 0;} .boxfooter1{display: flex;} .boxfooter1 .footerleft1{width: 50%;} .boxfooter1 .footerleft1 .title{color: white;font-size: 18px;font-weight: bold;margin-bottom: 10px;} .boxfooter1 .footerleft1 .cn3{font-size: 14px;color: #999797;line-height: 27px;margin-bottom: 20px;} .boxfooter1 .footerleft1 .text{color: white;margin-bottom: 10px;font-size: 16px;} .boxfooter1 .footerright1{width: 70%;text-align: right;} .boxfooter1 .footerright1 .text{width: 20px;color: #fff;display: inline-block;font-size: 12px;margin-right: 5px;} .boxfooter1 .footerright1 .img{display: inline-block;vertical-align: top;} .boxfooter1 .cimg1{width: 20px;color: #fff;display: inline-block;font-size: 12px;margin-right: 5px;} .boxfooter1 .cimg1 span{display: inline-block;width: 20px;color: #fff;display: inline-block;font-size: 12px;margin-right: 5px;opacity: 0.4;} .beian{background-color: #000000;} .beian p{text-align: center;color: #ffffff;opacity: 0.5;font-size: 14px;line-height: 20px;} .footer .center .footerleft{width: 240px;} .footer .center .footerleft p{text-align: center;} .footer .center .footerleft .cn8{font-size: 18px;font-weight: bold;color: #ffffff;position: relative;margin-top: 15px;} .footer .center .footerleft .cn8::after{content: "";position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%); width: 50px;height: 1px;background-color: #fffefe;} .footer .center .footerleft .cn9{font-size: 16px;color: #ffffff;margin-top: 20px;} /****************************************************** 首页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: #c52720;line-height: 44px;position: relative;} .center1 .main .maintitle img{padding-left:15px;} .center1 .main .maintitle .title .cn{font-size: 20px;font-weight: bold;color: #ffffff;margin: 0 15px;line-height: 24px;} .center1 .main .maintitle .title .en{font-size: 18px;color: #ffffff;opacity: 0.5;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: #fff;line-height: 44px;border: 1px solid #E5E5E5;margin-top: 35px;position: relative;} .center1 .main .maintitle1 img{padding-left:15px;margin-top: -5px;} .center1 .main .maintitle1 .title .cn{font-size: 20px;font-weight: bold;color: #333333;margin: 0 15px;line-height: 24px;} .center1 .main .maintitle1 .title .en{font-size: 18px;color: #030303;opacity: 0.5;line-height: 18px;} .center1 .main .maintitle1 .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #777777;} /* 联系泰如s */ .sectioncontact{background-color: #f3f2f2;border: solid 1px #e5e5e5;position: relative;} .sectioncontact .box1{display: flex;} .sectioncontact .box1 .left{width: 400px;} .sectioncontact .box1 .left .cn{font-size: 27px;line-height: 38px;color: #323232;font-weight: bold;} .sectioncontact .box1 .left .cn span{font-size: 16px;line-height: 20px;color: #323232;opacity: 0.17;margin-left: 15px;} .sectioncontact .box1 .right{width: 450px;display: flex;} .sectioncontact .box1 .right .title{font-size: 24px;color: #030303;font-weight: bold;line-height: 50px;margin-left: 10px;} .sectioncontact .box2{height: 360px;display: flex;background-image: url(../img/kunyupic13.png);background-position: center;background-repeat: no-repeat;background-size: cover;} .sectioncontact .box2 .left{display: flex;width: 50%;} .sectioncontact .box2 .right{padding:30px 45px;width: unset !important;} .sectioncontact .box2 .right ul{border-bottom:1px solid #E5E5E5 ;} .sectioncontact .box2 .right ul li{padding: 15px 0;border-bottom: 1px solid #E5E5E5;display: flex;} .sectioncontact .box2 .right ul li:last-child{border-bottom: 0;} .sectioncontact .box2 .right ul li .img{width: 26px;display: inline-block;text-align: center;} .sectioncontact .box2 .right ul li .cn{padding-left: 20px;font-size: 18px;color: #666666;} .sectioncontact .box2 .right ul li .tel{font-size: 18px;color: #333333;font-weight: bold;} .sectioncontact .box2 .right ul li .email{font-size: 18px;color: #333333;} .sectioncontact .box2 .right .title{font-size: 24px;color: #c52720;font-weight: bold;line-height: 60px;border-bottom: 1px solid #E5E5E5; } .sectioncontact .icon2{position: absolute;right: 0;bottom: 0;} /* 联系泰如s */ /* 我要留言s */ .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: #c52720;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{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 40px;position: relative;} .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;} .center1 .section4 .aboutnav::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 250px;height: 1px; border-top: 1px dashed #E2E2E2;} .center1 .section4 .aboutnav::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 250px;height: 1px; border-top: 1px dashed #E2E2E2;} /* 泰如介绍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: #c52720;} .center1 .section5 .box1:hover .right .button{background-color:#c52720;color: #fff;} /* 应用场景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;color: #c52720;} .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{text-align: center;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: 52px;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: #b32c25;} .section6 .layui-col-xs4:hover .text a{color: #fff;} .section6 .layui-col-xs4:hover .text{background-color: #b32c25;} /* 产品推荐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%;height: 240px;} .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: #c52720;} .center1 .section7 .box1:hover .right .button{background-color:#c52720;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-color: #f1f1f1;border: solid 1px rgba(0, 0, 0, 0.1);font-size: 16px;line-height: 40px;color: #000000;margin-bottom: 10px;margin-top: 30px;padding-left: 30px;} .section9 .after{background-color: #f1f1f1;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;margin-bottom: 35px;} .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: #c52720;} .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: #c52720;margin-right: 80px;} .center1 .mainbody11 .question .title11 .name1{float: left;width: 230px;font-size: 18px;line-height: 28px;color: #c52720;margin-right: 40px;} .center1 .mainbody11 .question .title11 .time{float: left;font-size: 18px;line-height: 28px;color: #c52720;} .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 #c52720;padding: 15px;font-size: 14px;line-height: 24px; color: #666666;} .center1 .mainbody11 .question .text12 .name12{font-size: 14px;line-height: 24px;color: #c52720;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 #666666;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: #ffffff;border: solid 1px rgba(11, 2, 5, 0.19);text-align: center;} .mainbody12 .button a:last-child{background-color: #c52720;color: #fff;} .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 .left .leftbox .jiantou{position: absolute;bottom: 8px;right: 10px;} .center1 .section12 .box1 .right{width:calc(50% - 15px );padding: 10px 0;} .center1 .section12 .box1 .right .box2{border-bottom: 1px dashed lightgray;padding-bottom: 30px;} .center1 .section12 .box1 .right .box2 .cn{font-size: 18px;line-height: 24px;color: #333333;position: relative;padding-bottom: 30px;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{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-word;font-size: 14px;line-height: 28px;color: #999999;position: relative;} .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{margin-top: 30px;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: #c52720;color: #fff;} .center1 .section13{padding: 0 30px 0;;border-top: 0;margin-bottom: 25px;} .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: #c52720;} .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 .left .leftbox .jiantou{position: absolute;bottom: 8px;right: 10px;} .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: #c52720;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: 140px;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: #c52720;color: #fff;} /* 公司新闻e */ /******************************************************* 左边栏目e *********************************************/ /******************************************************** 侧边栏s***********************************************/ .center1 .aside{width: 240px;} .center1 .aside .maintitle2{position: relative;padding: 10px 20px;background-color: #242424;} .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 #c52720;color: #fff;background-color:#c52720 ;} .product2 .box99 ul li a{font-size: 16px;color: #333333;width: 160px;} .product2 .box99 ul li a:hover{color: #c52720;} .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: #c52720;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: #c52720;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 #c52720;background-color: #c52720;color: #fff;} /************************************************** 侧边栏e**********************************************/ /* 产品中心s */ .product1{overflow: hidden;} .product1 .center{margin: 0 auto 0;max-width: 1200px;padding-bottom: 110px;} .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;} .product1 .center .box1 .left{width: 240px;margin-right: 30px;float: left;} .product1 .center .box1 .right{float: right;width:calc(100% - 272px);margin-bottom: 50px;} .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{color: #fff !important;font-size: 18px !important;position: relative;border-bottom: 1px solid #E2E2E2;} .product1 .layui-nav-tree .layui-nav-item>a img{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);} .product1 .layui-nav-tree .layui-nav-item>a:hover{color:#fff !important;} .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 30px;position: relative;} .product1 .layui-nav-tree .layui-nav-child a:hover{color: #c52720;} /* 产品侧边条s */ .product1 .layui-nav-tree .layui-nav-child dd a::before{ content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 10px;height: 10px;border-radius: 50%;background-color:#E2E2E2 ; } .product1 .layui-nav-tree .layui-nav-child dd:hover a::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 10px;height: 10px;background-color:#c52720 ;} .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: #c52720;background-color: unset;} .product1 .layui-nav-tree .layui-nav-item a{line-height: 36px;height: 36px;padding-top:4px;padding-bottom: 4px; } .product1 .layui-nav-item .box4{background-color:#c52720;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: #c52720;} .product1 .center .box1 .right .box6 .layui-col-md4:hover .text4::after{border-bottom: 57px solid #c52720;} .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: #c52720;line-height: 44px;position: relative;} .product1 .maintitle img{padding-left:15px;} .product1 .maintitle .title .cn{font-size: 20px;font-weight: bold;color: #ffffff;margin: 0 15px;line-height: 24px;} .product1 .maintitle .title .en{font-size: 18px;color: #ffffff;opacity: 0.5;line-height: 18px;} .product1 .maintitle .more{position: absolute;right: 10px;top:50%;transform: translateY(-50%);font-size: 14px;color: #fff;} /* 产品中心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: #c52720;} .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{font-size: 18px;color: #ffffff;line-height: 60px;background: url(../img/404pic1.png);display:block;text-align: center;width: 200px;margin: 45px auto 0;} /* 404错误页样式e */ /* 产品详情s */ .rightbox{border: 1px solid #E2E2E2;} .dbox1{position: relative;} .dbox1 .deng1{position: absolute;top: 0;right: 150px;} .dbox1 .deng2{position: absolute;top: 0;right: 50px;} .dbox1 .product1{position: absolute;bottom: 50px;right: 260px;} .dbox1 .product2{position: absolute;bottom: 20px;right: 0;} .dbox1 .textbox1{position: absolute;top: 80px;left: 60px;} .dbox1 .textbox1 .box1{display: flex;} .dbox1 .textbox1 .box1 .right p:nth-child(1){font-size: 14px;color: #ffffff;line-height: 30px;width: 350px;} .dbox1 .textbox1 .box1 .right p:nth-child(2){font-size: 60px;width: 350px; background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;border-top: 1px solid rgba(146,117,62,.5);border-bottom: 1px solid rgba(146,117,62,.5); } .dbox1 .textbox1 .box1 .right p:nth-child(3){font-size: 14px;color: #ffffff;line-height: 30px;width: 350px;} .dbox1 .textbox1 .box1 .right p:nth-child(3) span{padding: 0 20px;border-right: 1px solid #Fff;} .dbox1 .textbox1 .box1 .right p:nth-child(3) span:last-child{padding-right: 0;border-right: 0;} .dbox1 .textbox1 .box2{font-size: 0;} .dbox1 .textbox1 .box2 span:first-child{border-top: 1px solid #c52720;text-align: center;border-radius: 10px 0px 0px 10px;background-color: #c52720;width: 88px;height: 51px;font-size: 36px;color: #ffffff;font-weight: bold;display: inline-block;} .dbox1 .textbox1 .box2 span:last-child{border-radius: 0px 10px 10px 0px;border: solid 1px #c52720;width: 240px;height: 49px;line-height: 49px;font-size: 27px;color: #ffffff;text-align: center;font-weight: bold;display: inline-block;border-bottom: 2px solid #c52720;} .dbox1 .textbox1 .box3{margin-top: 60px;font-size: 60px; width: 360px;text-align: center;} .dbox1 .textbox1 .box3 span{margin-top: 60px;font-size: 60px; background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;} .dbox1 .textbox1 .box4{width: 360px;text-align: center;margin-bottom: 70px;} .dbox1 .textbox1 .box4 span{font-size: 36px;color: #ffffff;position: relative;} .dbox1 .textbox1 .box4 span::before{content: "";width: 10px;height: 3px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);left: -20px;} .dbox1 .textbox1 .box4 span::after{content: "";width: 10px;height: 3px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: -20px;} .dbox1 .textbox1 .box5{width: 360px;display: flex;padding-left: 50px;margin-bottom: 30px;} .dbox1 .textbox1 .box5 .left5{background-color: #c52720;border: 1px solid #c52720;width: 48px;height: 48px;text-align: center;} .dbox1 .textbox1 .box5 .left5 img{width: 40px;height: 40px;line-height: 48px;padding: 5px 0;} .dbox1 .textbox1 .box5 .right5{border: 1px solid #c52720;width: 210px;height: 48px;text-align: center;line-height: 50px;font-size: 24px;color: #ffffff;} .dbox2{position: relative;} .dbox2 .textbox1{position: absolute;left: 50%;transform: translateX(-50%);top: 40px;display: flex;width: 51%;} .dbox2 .textbox1 .left2{position: relative;right: -5px;} .dbox2 .textbox1 .left2 span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 36px;width: 75px;line-height: 40px;color: #ffffff;} .dbox2 .textbox1 .right2 .en{font-size: 14px;line-height: 30px;color: #000000;font-weight: lighter;padding-left: 25px;} .dbox2 .textbox1 .right2 .cn{font-weight: bold;line-height: 75px;font-size: 60px;color: #292929;letter-spacing: 6px;padding-left: 25px;border-top: 1px solid rgba(146,117,62,.5);border-bottom: 1px solid rgba(146,117,62,.5);} .dbox2 .textbox2{position: absolute;left: 50%;transform: translateX(-50%);top: 160px;} .dbox2 .textbox2 .cn{font-size: 18px;line-height: 30px;color: #666666;text-align: center;} .dbox2 .textbox2 .text{text-align: center;margin-top: 20px;display: flex;} .dbox2 .textbox2 .text span{font-size: 18px;color: #ffffff;line-height: 36px;background-color: #c52720;border-radius: 4px;width: 100px;margin-right: 20px;} .dbox2 .textbox2 .text span:last-child{margin-right: 0;} .dbox2 .textbox3{position: absolute;left: 50%;transform: translateX(-50%);top: 300px;width: 830px;border: 1px solid #d2d2d2;} .dbox2 .textbox3 p{text-align: center;} .dbox2 .textbox3 .layui-row{padding: 40px 25px;} .dbox2 .textbox3 .layui-col-xs4{border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;width: 240px;height: 110px;line-height: 55px;} .dbox2 .textbox3 .layui-col-xs4:nth-child(3n){border-right: 0;} .dbox2 .textbox3 .layui-col-xs4:nth-child(7),.dbox2 .textbox3 .layui-col-xs4:nth-child(8),.dbox2 .textbox3 .layui-col-xs4:nth-child(9){border-bottom: 0;} .dbox2 .textbox3 .layui-col-xs4 p:last-child{font-size: 24px;color: #333333;} .dbox3{position: relative;} .dbox3 .product1{position: absolute;bottom: 100px;right: 100px;z-index: 2;} .dbox3 .box1{position: absolute;top: 100px;left: 100px;} .dbox3 .box1 p{margin-bottom: 20px;} .dbox3 .box1 img{height: 105px;} .dbox3 .text1{position: absolute;top: 151px;left: 180px;} .dbox3 .text1 li{font-size: 25px;color: #333333;letter-spacing: 3px;margin-bottom: 89px;width: 160px;font-weight: bold;} /* .dbox4{border: 1px solid lightgrey;border-bottom: 0;} */ .dbox4 .cn{font-size: 60px;text-align: center; background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;padding-top: 60px;position: relative;} .dbox4 .cn::after{content: "";position: absolute;bottom:-30px;left: 50%;transform: translateX(-50%);width: 100px;height: 6px;background-color: #b3b3b3;} .dbox4 .en{font-size: 30px;line-height: 36px;color: #666666;text-align: center;margin-top: 60px;} .dbox4 .box1{display: flex;margin-top: 30px;padding: 0 100px 60px;} .dbox4 .box1 .left3{width: 60%;z-index: 99;} .dbox4 .box1 .left3 img{padding-left: 20px;} .dbox4 .box1 .right3{width: 40%;padding-top: 60px;} .dbox4 .box1 .right3 .img3{text-align: right;position: relative;} .dbox4 .box1 .right3 .img3 span{position: absolute;top: 50%;transform: translateY(-50%);left: -140px;} .dbox4 .box1 .right3 .bcn{font-size: 24px;color: #333333;font-weight: bold;padding-left: 5px;margin-top: 10px;} .dbox4 .box1 .right3 .scn{font-size: 20px;color: #333333;padding-left: 5px;margin-bottom: 20px;} .dbox5{border: 10px solid #eeeeee;padding-left: 50px;padding-top: 50px;} .dbox5 .box5{display: flex;} .dbox5 .box5 .left3{width: 17%;} .dbox5 .box5 .right3{width: 73%;} .dbox5 .box5 .right3 .cn{font-size: 60px;color: #333333;line-height: 65px;} .dbox5 .box5 .right3 .cn span{font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .dbox5 .box5 .right3 .text{font-size: 20px;color: #333333;line-height: 30px;} .dbox5 .box6{display: flex;} .dbox5 .box6 .left6{width: 50%;} .dbox5 .box6 .left6 dl:first-child{padding-top: 80px;} .dbox5 .box6 .left6 dl{margin-bottom: 65px;} .dbox5 .box6 .left6 dl dt span:first-child{padding: 0 10px;display: inline-block;color: #fff;line-height: 46px;font-size: 30px;background-image: linear-gradient(0deg, #ffe57b 0%, #c52720 1%, #ffca3b 100%), linear-gradient(#c52720, #c52720);} .dbox5 .box6 .left6 dl dt span:last-child{margin-left: 10px;font-size: 30px;color: #333333;} .dbox5 .box6 .left6 dd{font-size: 18px;line-height: 36px;color: #333333;} .dbox5 .box6 .right6{width: 50%;text-align: right;padding-right: 10px;} .dbox6{border: 10px solid #eeeeee;padding-left: 50px;padding-top: 50px;border-top: 0;} .dbox6 .box5{display: flex;} .dbox6 .box5 .left3{width: 17%;text-align: right;} .dbox6 .box5 .right3{width: 80%;text-align: right;} .dbox6 .box5 .right3 .cn{font-size: 60px;color: #333333;line-height: 65px;} .dbox6 .box5 .right3 .cn span{font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .dbox6 .box5 .right3 .text{font-size: 20px;color: #333333;line-height: 30px;} .dbox6 .box6{display: flex;} .dbox6 .box6 .left6{width: 65%;} .dbox6 .box6 .left6 dl:first-child{padding-top: 80px;} .dbox6 .box6 .left6 dl{margin-bottom: 65px;} .dbox6 .box6 .left6 dl dt{font-size: 30px;color: #333333;font-weight: bold;} .dbox6 .box6 .left6 dd{font-size: 18px;line-height: 36px;color: #333333;} .dbox6 .box6 .right6{width: 35%;text-align: left;padding-right: 10px;} .dbox7{border: 10px solid #eeeeee;padding-left: 50px;border-top: 0;position: relative;} .dbox7 .box5{display: flex;position: absolute;left: 50px;top: 50px;} .dbox7 .box5 .left3{width: 17%;text-align: left;} .dbox7 .box5 .right3{width: 80%;text-align: left;margin-left: 10px;} .dbox7 .box5 .right3 .cn{font-size: 60px;color: #333333;line-height: 65px;} .dbox7 .box5 .right3 .cn span{font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;margin-left: 10px;} .dbox7 .box5 .right3 .text{font-size: 20px;color: #333333;line-height: 30px;} .dbox7 .box7{display: flex;} .dbox7 .box7 .left6{width: 60%;padding-top: 150px;} .dbox7 .box7 .left6 dl:first-child{padding-top: 80px;} .dbox7 .box7 .left6 dl{margin-bottom: 29px;} .dbox7 .box7 .left6 dl dt{font-size: 30px;color: #333333;font-weight: bold;} .dbox7 .box7 .left6 dd{font-size: 18px;line-height: 36px;color: #333333;} .dbox7 .box7 .right6{width: 40%;text-align: left;padding-right: 10px;overflow: hidden;} .dbox8{border-top: 0;position: relative;} .dbox8 .box5{display: flex;position: absolute;left: 50px;top: 50px;} .dbox8 .box5 .left3{width: 17%;text-align: left;} .dbox8 .box5 .right3{width: 80%;text-align: left;margin-left: 10px;} .dbox8 .box5 .right3 .cn{font-size: 60px;color: #333333;line-height: 65px;color: #fff;} .dbox8 .box5 .right3 .cn span{font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;margin-left: 10px;} .dbox8 .box5 .right3 .text{font-size: 20px;color: #fff;line-height: 30px;} .dbox8 .box7{display: flex;position: absolute;left: 50px;top: 200px;} .dbox8 .box7 .left6{width: 60%;} /* .dbox8 .box7 .left6 dl:first-child{padding-top: 80px;} */ .dbox8 .box7 .left6 dl{margin-bottom: 29px;} .dbox8 .box7 .left6 dl dt{font-size: 18px;color: #fff;} .dbox8 .box7 .left6 dd{font-size: 36px;line-height: 36px;color: #fff;font-weight: bold;width: 450px;margin-bottom: 80px;position: relative;} .dbox8 .box7 .left6 dd:after{content: "";width: 60px;height: 1px;background-color: #Fff;position: absolute;left: 0;bottom: -40px;} .dbox8 .box7 .left6 dd span{font-size: 24px;} .dbox8 .box7 .right6{width: 40%;text-align: left;padding-right: 10px;overflow: hidden;} .dbox8 .box7 .left6 dl:last-child dd::after{display: none;} .dbox9{border: 10px solid #eeeeee;border-top: 0;padding: 50px 0 40px;} .dbox9 .cn{text-align: center;} .dbox9 .cn span:first-child{font-size: 60px;font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .dbox9 .cn span:last-child{font-size: 60px;background-image: unset;color: #333333;font-weight: normal;} .dbox9 .text{font-size: 24px;line-height: 42px;color: #333333;text-align: center;margin-top: 20px;} .dbox10{border: 10px solid #eeeeee;border-top: 0;padding: 50px 0 40px;} .dbox10 .cn{text-align: center;} .dbox10 .cn span:first-child{font-size: 60px;font-weight: bold;background-image:-webkit-linear-gradient(bottom,#ffe57b,#c52720,#ffca3b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .dbox10 .cn span:last-child{font-size: 60px;background-image: unset;color: #333333;font-weight: normal;} .dbox10 .text{font-size: 24px;line-height: 42px;color: #333333;text-align: center;margin-top: 20px;} .dbox10 .box{display: flex;} .dbox10 .box .left5{padding-left: 50px;width: 65%;} .dbox10 .box .left5 ul li{padding: 30px 0 20px ;border-bottom: 1px dashed #c6c6c6;font-size: 20px;color: #282828;} .dbox10 .box .right5{width: 30%;} .dbox10 .box .right5 p{text-align: right;} .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: #c52720;} .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 #c52720;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: 80%;width: 100%;} .boxdetail .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;} .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: #c52720;font-weight: bold;padding: 40px 0 20px;border-bottom: 1px dashed #233f96;} .boxdetail .right5 .title{font-size: 18px;color: #c52720;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;margin-top: 40px;} .boxdetail .right5 .button a:first-child{font-size: 20px;color: #c52720;border: solid 1px #c52720;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;width: 220px;line-height: 40px;background-color: #c52720;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: #c52720;margin-right: 80px;} .mainbody11 .question .title11 .name1{float: left;width: 230px;font-size: 18px;line-height: 28px;color: #c52720;margin-right: 40px;} .mainbody11 .question .title11 .time{float: left;font-size: 18px;line-height: 28px;color: #c52720;} .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 #c52720;padding: 15px;font-size: 14px;line-height: 24px; color: #666666;} .mainbody11 .question .text12 .name12{font-size: 14px;line-height: 24px;color: #c52720;font-weight: bold;} .mainbody11 .question .hr4{margin: 25px 0;} .mainbody11 .question:last-child .hr4{display: none;} /* 响应式 */ @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;} } @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: #c52720;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%;} .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 #c52720;} .section10 .layui-col-xs6:hover .time{color:#c52720 ;} .center1 .section13 .layui-col-xs6:hover .righticon1{border-left: 6px solid #c52720;} .center1 .section13 .layui-col-xs6:hover .time{color:#c52720 ;} .newsbox .layui-col-xs6:hover .righticon1{border-left: 6px solid #c52720;} .newsbox .layui-col-xs6:hover .time{color:#c52720 ;} .product1 .maintitle2{position: relative;padding: 10px 20px;background-color: #242424;} .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: #c52720;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: #c52720;border: solid 1px #c52720;} .indexmain12{line-height: 70px;} .indexmain12 .center{max-width: 1200px;margin: 0 auto;display: flex;} .indexmain12 .center .w500{width: 50%;} .indexmain12 .center .right500{width: 50%;text-align: right;} .indexmain12 .center .w500 p{width: 100%;} .indexmain12 .center .w500 p img{margin-right: 10px;margin-top: -5px;} .indexmain12 .center .w500 p span{font-size: 16px;color: #666666;font-weight: bold;margin-right: 10px;} .indexmain12 .center .w500 p a{font-size: 16px;color: #666666;} .indexmain12 .center .w500 p i{font-size: 16px;padding: 0 10px;} .indexmain12 .center .right500 form{text-align: right;width: 100%;} .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: #c52720;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;}} .indexmain11{background-color: #1a2a65;margin-top: 50px;border-bottom: 1px solid #636363;} .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:#c52720 ;} .indexmain11 ul li a.cur:hover{color: white;} .indexmain11 ul li a.cur{background-color: #c52720;} .indexmain11 .nav{background-color: #1f1f1f;} .indexmain11 .nav .center ul li .ccc{color: #fff;} /* 拦腰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%;} .hbox1{position: relative;} .hbox1 .cn1{position: absolute;top: 80px;left: 80px;} .hbox1 .cn2{position: absolute;top: 250px;left: 80px;} .hbox1 .cn3{position: absolute;top: 340px;left: 80px;} .hbox1 .cn5{position: absolute;left: 80px;top: 500px;} .hbox1 .cn5 .text1{font-size: 36px;color: #ffffff;padding-bottom: 10px;border-bottom: 4px solid #fb9300;} .hbox1 .cn5 .text2{margin-top: 20px;} .hbox1 .cn5 .text2 span:first-child{text-align: center;width: 220px;font-size: 34px;color: #fefefe;line-height: 52px;background-color: #fb9300;display: inline-block;} .hbox1 .cn5 .text2 span:last-child{text-align: center;width: 180px;font-size: 34px;color: #fefefe;line-height: 52px;background-color: #1a2a65;display: inline-block;} .hbox1 .cn4{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);width: 858px;} /* 侧边栏s */ .center1 .aside .maintitle2 .cn{font-size: 26px;color: #ffffff;line-height: 38px;} .center1 .aside .maintitle2 .en{font-size: 14px;color: #ffffff;opacity: 0.5;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 #c52720;color: #fff;background-color:#c52720 ;} .center1 .aside .box1 ul li a{font-size: 16px;color: #333333;width: 160px;} .center1 .aside .box1 ul li a:hover{color: #c52720;} .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 #c52720;color: #fff;background-color:#c52720 ;} .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: #E2E2E2;border-radius: 50%;} .center1 .aside .boxa1 ul li a::before{display: none;} .center1 .aside .boxa1 ul li a{padding-left: 0;} .center1 .aside .box1 ul li a:hover{color: #c52720;} .center1 .aside .box1 ul li a:hover::before{background-color: #c52720;} .center1 .aside .box99 ul li a::before{display: none;} .center1 .aside .box99 ul li a{padding-left: 0;} .maintitle2{position: relative;padding: 10px 20px;background-color: #002870;} .maintitle2{text-align: center;} .maintitle2 .cn{display: block;} .maintitle2 .en{display: block;} .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;} .box33{padding-bottom: 30px;} .box33 .cn1{text-align: center;line-height: 50px;font-size: 14px;color: #666666;} .box33 .cn1 img{margin-right: 5px;} .box33 .cn2{text-align: center;font-size: 20px;color: #c52720;font-weight: bold;margin-bottom: 90px;} .box33 .cn3{margin: 0 auto;width: 150px;height:30px;background-color: #c52720;font-size: 14px;color: #ffffff; text-align: center;padding-top: 40px;position: relative;line-height: 30px;} .box33 .cn3 span{position: absolute;left: 50%;transform: translateX(-50%);top: -80px;width: 120px;} .box33 .cn3 span img{width: 120px;height: 120px;} .yinying{margin: 25px 0;text-align: center;} .box223{border: 1px solid #E2E2E2;} .box223 .cardtext2{margin-bottom: 10px;border-bottom: 1px solid #E2E2E2;} .box223 .cardtext2 a{text-align: center;font-size: 16px;line-height: 50px;color: #030303;} .box223 .cardtext2:hover{background-color: #c52720;} .box223 .cardtext2:hover a{color: #fff;} .aboutnav1{font-size: 16px;text-align: center;padding-bottom: 20px;} .BMap_shadow img{display: none;} @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;} } /* 产品详情s */ .kydbox2{display: flex;background-image: url(../img/kydpic4.png);background-repeat: no-repeat;background-position: center;background-size: cover;} .kydbox2 .cn1{height: 40px;width: 40%;} .kydbox2 .cn1 img{padding: 0 10px;margin-top: -5px;} .kydbox2 .cn1 span:nth-child(2){font-size: 22px;color: #ffffff;line-height: 40px;padding-right: 10px;} .kydbox2 .cn1 span:last-child{font-size: 18px;color: #ffffff;opacity: 0.5;line-height: 40px;} .kydbox2 .cn2{width: 60%;text-align: right;line-height: 40px;height: 40px;} .kydbox2 .cn2 span:nth-child(2){font-size: 14px;color: #151515;} .kydbox2 .cn2 span:last-child{font-size: 22px;font-weight: bold;color: #c52720;padding:0 10px;} .kydbox3{padding-bottom: 40px;background-color: #F7F7F7;} .kydbox3 .cn1{text-align: center;font-size: 50px;color: #333333;letter-spacing: 3px;font-weight: bold;padding: 60px 0 30px;position: relative;} .kydbox3 .cn1::after{content: "";position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);width: 140px;height: 6px;background-color: #c52720;} .kydbox3 .cn1 span{color: #c52720;} .kydbox3 .cn2{font-size: 18px;text-align: center;} .kydbox3 .cn3{text-align: center;margin-top: 30px;} .kydbox3 .cn4{font-size: 30px;font-weight: bold;color: #1a1a1a;margin: 40px auto;text-align: center;line-height: 60px;width: 500px;border: solid 1px #c52720; border-radius: 10px;} .kydbox3 .cn4 span{font-size: 30px;color: #c52720;} .kydbox3 .cn5{display: flex;width: 800px;margin: 0 auto;} .kydbox3 .cn5 .cn6{width: calc(100% / 3);text-align: center;} .kydbox3 .cn5 .cn6 span{display: block;text-align: center;font-size: 30px;color: #1e1e1e;margin-top: 30px;} .kydbox4{padding: 0 10px 35px;} .kydbox4 .cn1{font-size: 16px;text-align: center;color: #c52720;text-align: center;padding-top: 45px;} .kydbox4 .cn2{font-size: 48px;font-weight: bold;color: #151515;text-align: center;padding: 10px 0 15px;line-height: 50px;} .kydbox4 .cn2 span{color: #c52720;} .kydbox4 .cn3{font-size: 18px;color: #666666;text-align: center;margin-bottom: 50px;} .kydbox4 .cn4{display: flex;margin-bottom: 10px;} .kydbox4 .cn4 .cn5{width:calc(50% - 70px);padding-left: 70px;} .kydbox4 .cn4 .cn5 .cn6{padding: 40px 0 10px;} .kydbox4 .cn4 .cn5 .cn7{font-size: 38px;font-weight: bold;color: #333333;padding-bottom: 50px;position: relative;} .kydbox4 .cn4 .cn5 .cn7::after{position: absolute;content: "";bottom: 25px;left: 0;width: 40px;height: 6px;background-color: #c52720;} .kydbox4 .cn4 .cn5 .cn8{font-size: 22px;color: #333333;line-height: 40px;} .kydbox4 .cn4 .cn9{width: 50%;} .kydbox5{padding: 30px;background-color: #ebebeb;} .kydbox5 .cn1{display: flex;background-color: #Fff;margin-bottom: 30px;border-radius: 10px;} .kydbox5 .cn1:last-child{margin-bottom: 0;} .kydbox5 .cn2{width: calc(35% - 50px);padding-left: 50px;} .kydbox5 .cn2 .cn3{padding-top: 50px;font-size: 36px;font-weight: bold;color: #333333;padding-bottom: 50px;position: relative;} .kydbox5 .cn2 .cn3::after{content: "";position: absolute;left: 0;bottom: 25px;width: 70px;height: 8px;background-color: #c52720;} .kydbox5 .cn2 .cn4{font-size: 22px;line-height: 36px;color: #333333;letter-spacing: 1px;} .kydbox5 .cn5{width: 65%;} .kydbox6{padding: 60px 30px;overflow: hidden;} .kydbox6 .cn1{text-align: center;font-size: 36px;color: #030303;font-weight: bold;} .kydbox6 .cn2{text-align: center;font-size: 24px;color: #666666;margin-top: 10px;margin-bottom: 40px;} .kydbox6 .cn3{} .kydbox6 .cn3 .cn4{float: left;margin-right: 25px;width: calc((100% - 75px) / 4);} .kydbox6 .cn3 .cn4:nth-child(4n){margin-right: 0;} .kydbox6 .cn3 .cn4:nth-child(-n+4){margin-bottom: 30px;} .kydbox6 .cn3 .cn4 img{max-width: 100%;} .kydbox7{padding: 40px 30px;} .kydbox7 .cn1{text-align: center;width: 260px;height: 40px;background-color: #c52720;border-radius: 20px;line-height: 40px;color: #fff; font-size: 24px;margin: 0 auto;} .kydbox7 .cn2{text-align: center;font-size: 36px;font-weight: bold;color: #c52720;margin: 15px 0;} .kydbox7 .cn2 span{color: #333333;} .kydbox7 .cn3{text-align: center;font-size: 18px;color: #808080;} .kydbox7 .cn4{text-align: center;margin-top: 30px;} .kydbox7 .cn5{padding: 0 35px;margin-top: 40px;} .kydbox7 .cn6{font-size: 36px;font-weight: bold;color: #333333;letter-spacing: 2px;} .kydbox7 .cn6 span{color: #c52720;} .kydbox7 .cn7{margin-bottom: 30px;} .kydbox7 .cn8{font-size: 18px;line-height: 30px;color: #666666;text-indent: 2em;} /* 产品详情e */