/*index-banner*/ .index-banner,.index-banner .swiper-container{height: 1020px;} .index-banner .swiper-slide{display: block;height: 100%;color: #000;background: no-repeat center center;background-size:cover;} .index-banner .pr{position: relative;height: 100%;} .index-banner .banner-text{color: #ffffff;width: 100%;text-align: center;position: absolute;left: 50%;transform:translatex(-50%);-ms-transform: translatex(-50%);-moz-transform: translatex(-50%);-webkit-transform: translatex(-50%);-o-transform: translatex(-50%);top: 50%;} .index-banner .p1{font-size: 80px;font-family: shsbold;} .index-banner .p2{font-size: 40px;font-family: shsnormal;} .index-banner .banner-bg{background: no-repeat center center;height: 80px;position: absolute;bottom: -8px;left: 0;width: 100%;background-size:100% 100%;} .index-banner .banner-input{position: absolute;left: 50%;transform:translatex(-50%);-ms-transform: translatex(-50%);-moz-transform: translatex(-50%);-webkit-transform: translatex(-50%);-o-transform: translatex(-50%);bottom: 140px;} .index-banner .banner-input input{width:535px;border: 8px solid #edc63b;height: 50px;padding: 0 10px;border-radius: 4px;} .index-banner .banner-input .iconfont{color: #edc63b;font-size: 25px;} .index-banner .banner-input a{position: absolute;right: 25px;} .swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;transform:translatey(-50%);-ms-transform: translatey(-50%);-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-o-transform: translatey(-50%);z-index: 10;cursor: pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .swiper-button-next,.swiper-button-prev{background-color: rgba(255, 255,255, 0.7); width: 50px; height: 50px;line-height:50px;text-align:center;background-image: none; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);} .swiper-button-prev{left: 0;} .swiper-button-next{right: 0;} .swiper-button-prev:hover,.swiper-button-next:hover{background-color: rgba(237, 198, 59, 1);} .swiper-button-prev:hover .iconfont,.swiper-button-next:hover .iconfont{color:#ffffff} .swiper-button-next .iconfont, .swiper-button-prev .iconfont{font-size:32px;vertical-align:middle;} /*index-main1*/ .index-main1 {background-color: #ededed;} .index-main1 .main1-content .m1-left{height: 440px;background: no-repeat center center;background-size:cover;width: 50%;} .index-main1 .main1-content .m1-right{max-width: 560px;width: 50%;color: #675c53;height: 440px;position: relative;} .index-main1 .main1-content .m1-right .right-text{margin-left: 40px;font-size: 20px;line-height: 36px;} .index-main1 .main1-content .m1-right h3{font-size: 38px;margin: 40px 0 40px 0;} .index-main1 .main1-content .m1-right p{overflow : hidden; text-overflow: ellipsis; /* for ie */ -o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .index-main1 .main1-content .m1-right .more{color: #675c53;position: absolute;right: 0;bottom: 30px;width: 150px;height: 45px;display: block;background-color: #ffd701;line-height: 45px;border-radius: 5px;text-align: center;font-size: 20px;} .index-main1 .main1-content .m1-right .more:hover{text-decoration: underline;} /*index-main2*/ .index-main2{margin: 40px 0 80px;font-size: 26px;color: #675c53;text-align: center;} .index-main2 .item{float: left;width: 33.33333333%;color: #675c53;} .index-main2 .item dl{margin:0 40px} .index-main2 .item dl dt{overflow: hidden;width: 100%;height: 290px;line-height:290px;text-align: center;cursor: pointer;position: relative;} .index-main2 .item img{opacity: .95;-webkit-transition: opacity .35s, -webkit-transform .35s;transition: opacity .35s, transform .35s;-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);height:100%;width:auto;} .index-main2 .item dl dt figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .5); content: '';-webkit-transition: -webkit-transform .6s;transition: transform .6s;-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)} .index-main2 .item dl:hover img {opacity: .6;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)} .index-main2 .item dl:hover figcaption::before {-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)} /*.index-main2 .item dl:hover img{transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}*/ .index-main2 .item:hover{color: #ffa82f;} /*index-main3*/ .index-main3{background: url(/uploads/image/psimages/index-05.png) no-repeat center center;height: 280px;background-size: cover;} .index-main3 .warper{display: table;height: 244px;position: relative;width: 100%;} .index-main3 .main3-text{display: table-cell;vertical-align: middle;color: #ffffff;font-size: 28px;text-align: center;} .index-main3 .main3-text h3{font-size: 52px;letter-spacing: 3px;} .index-main3 .main3-img{position: absolute;right: 0;bottom: 0;} .index-main3 .main3-a{display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;top: 0;} /*index-main4*/ .index-main4{margin: 0 0 60px 0;} .index-main4 .main4-content{font-size: 16px;color: #675c53;} .index-main4 .main4-content h3{font-size: 26px;margin-bottom: 10px;} .index-main4 .main4-content img{width: 100%;height: auto;} .index-main4 .main4-content img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); /*safari 和 chrome*/-moz-transform: scale(1.1); /*firefox*/-ms-transform: scale(1.1); /*ie9*/-o-transform: scale(1.1); /*opera*/} .index-main4 .main4-content dl{position: relative;} .index-main4 .main4-content dl dt a{display: block;height: 100%;overflow: hidden;background: no-repeat center center; background-size: cover;} .index-main4 .main4-content .m4-left{width: 46%;} .index-main4 .main4-content .m4-right{width: 54%;} .index-main4 .main4-content .m4-left dl dt{height: 360px;overflow:hidden;} .index-main4 .main4-content .m4-left dl dd{margin-top: 10px;height: 183px;} .index-main4 .main4-content .m4-right dl{margin-left: 25px;margin-bottom: 20px;} .index-main4 .main4-content .m4-right dl:last-child{margin-bottom: 0;} .index-main4 .main4-content .m4-right dl dt{width: 50%;height:170px;overflow:hidden;} .index-main4 .main4-content .m4-right dl dt a{margin-right: 20px;} .index-main4 .main4-content .m4-right dl dd{width: 50%;} .index-main4 .main4-content .m4-right dl dd p{max-height:52px;overflow:hidden;} .index-main4 .main4-content .p2{position: absolute;right: 0;bottom: 0;} .index-main4 .main4-content .a-detail{color: #675c53;display:inline-block;width: 100px;height: 32px;line-height: 32px;background-color: #ffd701;border-radius: 5px;text-align: center;font-size: 16px;} .index-main4 .main4-content .a-detail:hover{text-decoration: underline;} .phone-index-main4{display: none;} /*solution-main1*/ .solution-main1{margin:55px 0 70px 0;} .solution-main1 .main1-content .m1-top{text-align: center;font-size: 18px;color: #675c53;} .solution-main1 .main1-content .m1-top a,.solution-main1 .main1-content .m1-top dl{display: inline-block} .solution-main1 .main1-content .m1-top a{margin: 0 40px;color: #675c53;} .solution-main1 .main1-content .m1-top a:hover{color: #ffa82f;} .solution-main1 .main1-content .m1-top a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); /*safari 和 chrome*/-moz-transform: scale(1.1); /*firefox*/-ms-transform: scale(1.1); /*ie9*/-o-transform: scale(1.1); /*opera*/} .solution-main1 .main1-content .m1-top dl dt{width: 160px;height: 160px;line-height: 160px;margin-bottom: 10px;overflow:hidden} .solution-main1 .main1-content .m1-top dl dt img{max-width: 100%;height: auto;} .solution-main1 .main1-content .m1-bottom{color: #554746;} .solution-main1 .main1-content .m1-bottom ul li{margin: 60px 0;} .solution-main1 .main1-content .m1-bottom .bottom-main a{display: block;width: 100%;height: 100%;color: #554746;} .solution-main1 .main1-content .m1-bottom .item-title{border-bottom: 4px solid #ffa82f;padding-bottom: 20px;margin-bottom:30px;} .solution-main1 .main1-content .m1-bottom .item-title a{color: #ffa82f;font-size: 18px;font-weight: bold;line-height: 45px;} .solution-main1 .main1-content .m1-bottom .title{font-size: 30px;color: #675c53;text-align: center;} .solution-main1 .main1-content .m1-bottom .bm-left{width: 46%;overflow: hidden;} .solution-main1 .main1-content .m1-bottom .bm-right{width: 54%;font-size: 14px;overflow: hidden;} .solution-main1 .main1-content .m1-bottom .bm-left{height: 360px;} .solution-main1 .main1-content .m1-bottom .bm-img{background: no-repeat center center;background-size: cover;position: relative;} .solution-main1 .main1-content .m1-bottom .bm-left .bm-img span{display: block;height: 50px;line-height: 50px;background-color: rgba(117,104,94,.9);padding-left:30px;overflow: hidden;color: #ffffff;position: absolute;bottom: 0;font-size: 18px;width: 100%;} .solution-main1 .main1-content .m1-bottom .bm-right .bm-img{height: 170px;width: 260px;float: left;} .solution-main1 .main1-content .m1-bottom .bm-left:hover{box-shadow: 0px 0px 15px -2px #898989;} .solution-main1 .main1-content .m1-bottom .bm-right .right-item:hover .bm-img{box-shadow: 0px 0px 15px -2px #898989;} .solution-main1 .main1-content .m1-bottom .bm-right .right-item{margin-left: 30px;margin-bottom: 20px;} .solution-main1 .main1-content .m1-bottom .bm-right .right-item:last-child{margin-bottom: 0;} .solution-main1 .main1-content .m1-bottom .bm-right .item-text{margin-left: 290px;} .solution-main1 .main1-content .m1-bottom .bm-right .title2{font-size: 18px;margin: 15px 0;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis; /* for konqueror safari */ -moz-text-overflow: ellipsis; /* for firefox,mozilla */ -webkit-text-overflow: ellipsis; /* for safari,swift*/ } .solution-main1 .main1-content .m1-bottom .bm-right .p1{font-weight: bold;} .solution-main1 .main1-content .m1-bottom .bm-right .div1{line-height: 25px;max-height: 100px;overflow: hidden;} .solution-main1 .main1-content .m1-bottom .bm-left:hover span{text-decoration: underline;} .solution-main1 .main1-content .m1-bottom .bm-right .right-item h3:hover{color: #ffa82f;} /*solution2-main1*/ .solution2-main1{margin: 50px 0;} .solution2-main1 .main1-content .mc-left{width:550px;position: relative;overflow: hidden;} .solution2-main1 .main1-content .mc-left img{width: 100%;height: auto;} .solution2-main1 .main1-content .max-pic{ width:550px; height:490px; position:relative; overflow:hidden;line-height: 490px;} .solution2-main1 .main1-content .max-pic ul{ position:absolute; left:0; top:0;} .solution2-main1 .main1-content .max-pic ul li{ width:550px; height:490px;line-height: 490px} .solution2-main1 .main1-content .num{ height:69px;overflow:hidden; width:450px; position:relative;margin: 0 auto;} .solution2-main1 .main1-content .min-pic{ margin-top: 30px; width:550px;} .solution2-main1 .main1-content .num ul{ position:absolute; left:0; top:0;} .solution2-main1 .main1-content .num ul li{ width:65px; height:65px; margin:0 20px;border:2px solid #999a9a;line-height: 65px;overflow: hidden;} .solution2-main1 .main1-content .num ul li img{height: auto;width: 100%;} .solution2-main1 .main1-content .num ul li.on{ border:2px solid #ffa220;} .solution2-main1 .main1-content .mc-right{margin-left:600px;height: 490px;position: relative;font-size: 15px;color: #675c53;line-height: 26px;} .solution2-main1 .main1-content .mc-right .right-text{margin: 20px 10px 0 0;} .solution2-main1 .main1-content .mc-right h3{font-size: 24px;} .solution2-main1 .main1-content .mc-right .return-btn{display: block;width: 130px;height: 36px;margin-top: 30px;background-color: #efba30;border-radius: 30px;font-size: 16px;color: #ffffff;line-height: 36px;text-align: center;} .solution2-main1 .main1-content .mc-right .return-btn:hover{text-decoration: underline;} .solution2-main1 .main1-content .phone-mc-left{display: none} /*solution2-main2*/ .solution2-main2 .title .line{width: 42%;display: block;background-color: #e5e5e5;height: 1px;margin-top: 18px;} .solution2-main2 .title h3{width: 16%;font-size: 24px;color: #544741;text-align: center;font-weight: normal;} .solution2-main2 .main2-content{margin: 20px -6px 50px -6px;} .solution2-main2 .main2-content .mc2-item{float: left;width: 25%;color: #675c53;} .solution2-main2 .main2-content .mc2-item:hover dd{color:#ffa82f;} .solution2-main2 .main2-content .mc2-item img{width: 100%;height: auto;} .solution2-main2 .main2-content .mc2-item dl{margin: 0 6px;text-align: center;color: #675c53;font-size: 16px;} .solution2-main2 .main2-content .mc2-item dl dt{height: 180px;overflow: hidden;background: no-repeat center center;background-size: auto 100%;-webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%;} .solution2-main2 .main2-content .mc2-item dl dd{margin-top: 20px;} /*.solution2-main2 .main2-content .mc2-item dl dt img{height:100%;}*/ .solution2-main2 .main2-content .mc2-item dl dd{margin-top: 20px;} /*.solution2-main2 .main2-content .mc2-item dl:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}*/ /*about*/ .about-title{line-height: 50px;} .about-title .title1{color: #333333;font-size: 30px;} .about-title .title2{color: #666666;font-size: 24px;} .about-more{display: block;width: 165px;height: 40px;background-color: #ffc83a;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;margin-top: 40px;} .about-more:hover{text-decoration: underline;color:#ffffff} .about-title .title1.fcolor{color: #ffffff;} .about-title .title2.fcolor{color: #ffffff;} /*about1-main1*/ .about1-main1 .main1-content{position: relative;margin-bottom: 50px;} .about1-main1 .main1-content .mc-left{margin-right:400px ;font-size: 15px;color: #333333;line-height: 30px;margin-top: 50px;} .about1-main1 .main1-content .mc-left .about-title{margin: 30px 0;} .about1-main1 .main1-content .mc-left .line{display: block;width: 115px;height: 5px;background-color: #ffc83a;} .about1-main1 .main1-content .mc-left .mc-text{height: 90px;} .about1-main1 .main1-content .mc-right{width: 350px;position: absolute;right: 0;top: 0;} /*about1-main2*/ .about1-main2{background: no-repeat center center;background-size: 100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;height: 477px;background-attachment: fixed;} .about1-main2 .main2-content .about-title {padding: 50px 0 40px 0;} .about1-main2 .main2-content .mc2-text{font-size: 15px;color: #ffffff;line-height: 30px;height: 150px;overflow: hidden;} /*about1-main3*/ .about1-main3{background-color: #ececec;padding: 80px 0;} .about1-main3 .main3-content .mc3-list{margin: 50px -15px 0 -15px;padding-bottom: 80px;} .about1-main3 .main3-content .mc3-list ul li{width: 33.33333333%;float: left;} .about1-main3 .main3-content .mc3-list .list-item{background-color: #ffffff;padding: 30px 20px;margin: 0 15px;position: relative;} .about1-main3 .main3-content .mc3-list .item-title{font-size: 24px;color: #333333;border-bottom: 1px solid #e5e5e5;display: block;width: 100%;height: 100%;padding-bottom: 15px;margin-bottom: 30px;} .about1-main3 .main3-content .mc3-list .item-title span{color: #655752;} .about1-main3 .main3-content .mc3-list .list-text{font-size: 14px;color: #666666;line-height: 30px;height: 120px;overflow: hidden;} .about1-main3 .main3-content .mc3-list ul li:hover .list-item{background-color: #fcfcfc;} .about1-main3 .main3-content .mc3-list ul li:hover .hr{width: 100%;} .about1-main3 .main3-content .mc3-list .hr{background-color: #9a867e; width: 0;left: 0;position: absolute;bottom: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition:all 0.5s;height: 5px;} .about1-main3 .main3-content .about-pagionation .swiper-pagination-switch{background-color: transparent;border: 1px solid #7d6c66;} .about1-main3 .main3-content .about-pagionation .swiper-active-switch{background-color: #7d6c66;} .about1-main3 .main3-content .about-pagionation2 .swiper-pagination-switch{background-color: transparent;border: 1px solid #7d6c66;} .about1-main3 .main3-content .about-pagionation2 .swiper-active-switch{background-color: #7d6c66;} .about1-main3 .main3-content .phone-mc3-list{display: none} /*about2-main1*/ .about2-main1{background-color: #f8f8f8;} .about2-main1 .warper{position: relative;} .about2-main1 .main1-content{/*position: absolute;top: -180px;*/min-height: 300px;background-color: #ffffff;width: 100%;} .about2-main1 .main1-content .mc-item{padding: 50px;} .about2-main1 .main1-content .mc-text{font-size: 15px;line-height: 30px;color: #333333;margin-top: 20px;} .about2-main1 .main1-content .mc-text img{max-width: 100%;height: auto;} /*product1-main1*/ .product1-main1 {padding: 30px 0 0 0;border-bottom: 1px solid #e5e5e5;} .product1-main1 .search-more{color:#ffa82f;font-size: 18px;font-weight:bold;margin-bottom:10px;} /* .product1-main1 .main1-content .mc-item,.product1-main2 .main2-content .mc2-item{float: left;width: 20%;display: block;font-size: 16px;color: #333;margin-bottom: 50px;} .product1-main1 .main1-content .mc-item:hover,.product1-main2 .main2-content .mc2-item:hover{color: #ffa82f;} .product1-main1 .main1-content .mc-item dl{text-align: center;padding: 0 10px;} .product1-main1 .main1-content .mc-item dl dt,.product1-main2 .main2-content .mc2-item dl dt{height: 160px;background: no-repeat center center;background-size: contain;} .product1-main1 .main1-content .mc-item dl dt img,.product1-main2 .main2-content .mc2-item dl dt img{max-width: 100%;height: auto;} .product1-main1 .main1-content .mc-item dl dd{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;;margin-top: 10px;} */ /*product1-main2*/ .product-title{text-align: center;margin: 50px 0;line-height: 50px;} .product-title .title1{font-size: 30px;color: #333333;} .product-title .title2{font-size: 24px;color: #666666;} .product1-main2 .main2-content .mc2-item{width: 33.3333333%;margin-bottom: 80px;float: left;display: block;font-size: 16px;color: #333;} .product1-main2 .main2-content .mc2-item dl{padding: 0 30px;text-align: center;} .product1-main2 .main2-content .mc2-item dl dd{line-height: 25px;margin-top: 15px;} .product1-main2 .main2-content .mc2-item dl dt{height: 160px;background: no-repeat center center;background-size: contain;} /*product2-main1*/ .product2-main1{margin: 80px 0 0 0;color: #675c53;} .product2-main1 .main1-content .mc-item h3{font-size: 30px;text-align: center;} .product2-main1 .main1-content .mc-item a{color: #ffa82f;font-size: 18px;font-weight: bold;line-height: 45px;} .product2-main1 .main1-content .mc-item .item-title{border-bottom: 4px solid #ffa82f;padding-bottom: 20px;} .product2-main1 .main1-content .list-right a{color:#675c53 ;} .product2-main1 .main1-content .item-list{margin: 60px 0 100px 0;} .product2-main1 .main1-content .item-list .list-left{width:40%;height:330px;overflow:hidden;} .product2-main1 .main1-content .item-list .list-left img{width: auto;height: 100%;} .product2-main1 .main1-content .item-list .list-left img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); /*safari 和 chrome*/-moz-transform: scale(1.1); /*firefox*/-ms-transform: scale(1.1); /*ie9*/-o-transform: scale(1.1); /*opera*/} .product2-main1 .main1-content .item-list .list-right{width: 60%;overflow:hidden;} .product2-main1 .main1-content .item-list .list-right .r-item{display: block;width: 33.33333333333%;float: left;} .product2-main1 .main1-content .item-list .list-right .r-item:hover{color: #ffa82f;} .product2-main1 .main1-content .item-list .list-right dl{text-align: center;padding: 0 10px;} .product2-main1 .main1-content .item-list .list-right dl dt{height: 150px;line-height: 150px;overflow: hidden;background: no-repeat center center;background-size: contain;} .product2-main1 .main1-content .item-list .list-right dl dt img{width: 100%;height: auto;} .product2-main1 .main1-content .item-list .list-left.fr{text-align: right;} /*product2-main2*/ .product2-main2{background: no-repeat center center;height: 340px;} .product2-main2 .warper{height: 100%;position: relative;} .product2-main2 .main2-content{display: table;height: 100%;width: 100%;} .product2-main2 .main2-content .mc2-text{display: table-cell;vertical-align: middle;text-align: center;width: 100%;color: #fff;} .product2-main2 .main2-content .mc2-text h3{font-size: 30px;} .product2-main2 .main2-content .mc2-text .p1{margin: 30px 0;} .product2-main2 .main2-content .mc2-text .p2-more{ width: 170px;height: 45px;border: solid 3px #ffffff;display: inline-block;line-height: 45px;text-align: center;border-radius: 30px;color: #ffffff;} .product2-main2 .main2-content .mc2-text .p2-more:hover{text-decoration: underline;} .product2-main2 .tanchu-text{position: absolute;background-color: #ffffff;top: -30px;z-index: 100;border-radius: 20px;padding: 60px 20px 60px 60px;line-height: 36px;color: #333333;width: 60%;left: 50%;transform:translatex(-50%);-ms-transform: translatex(-50%);-moz-transform: translatex(-50%);-webkit-transform: translatex(-50%);-o-transform: translatex(-50%);display: none;} .product2-main2 .tanchu-text h3{text-align: center;margin-bottom:50px;font-size: 24px;font-weight: normal;} .product2-main2 .tanchu-text .p2-close{position: absolute;right: 10px;top: -35px;color: #fff;} .product2-main2 .tanchu-text .p2-close .iconfont{font-size: 30px;} .product2-main2 .tanchu-text .p2-close:hover{color: #ffa82f;} .product2-main2 .tanchu-text .text-main{margin-right: 40px;} .product2-main2 .tanchu-text .border:after{display: block;content: "";width: 2px;height:100%;background-color: #e6e6e6;position: absolute;right: 2px;top:0;} /*product3-main2*/ .product3-main2 .main2-content .mc2-item dl dt{height: 180px;line-height: 180px;} /*contact-main1*/ .contact-main1{margin: 50px 0 130px 0;} .contact-main1 .main1-content .mc-left{background: no-repeat;width: 420px;height: 565px;position: relative;float: left;} .contact-main1 .main1-content .mc-left .left-text {bottom: 100px;} .contact-main1 .main1-content .mc-left .left-text a{display: block;text-align: center;width: 156px;height: 40px;border: solid 2px #ebb700;border-radius: 30px;line-height: 40px;margin: 20px 0;color: #ffffff;font-size: 16px;} .contact-main1 .main1-content .mc-left .left-text a:hover{background-color:#ebb700;} .contact-main1 .main1-content .mc-left .left-text a.acitve{background-color:#ebb700;} .contact-main1 .main1-content .mc-right{margin-left: 440px;font-size: 16px;color: #333333;padding-top: 110px;} .contact-main1 .main1-content .mc-right {} .contact-main1 .main1-content .mc-right .li-item{width: 50%;margin-bottom: 20px;} .contact-main1 .main1-content .mc-right .li-item:nth-child(odd){float: left;} .contact-main1 .main1-content .mc-right .li-item:nth-child(even){float: right;} .contact-main1 .main1-content .mc-right .li-item:nth-child(even) input{float: right} .contact-main1 .main1-content .mc-right .li-item:nth-child(even) .select-main{float: right} .contact-main1 .main1-content .mc-right .li-item:last-child{width: 100%;} .contact-main1 .main1-content .mc-right h3{font-size: 24px;font-weight: normal;margin-bottom: 30px;} .contact-main1 .main1-content .mc-right textarea{width: 100%;padding: 10px 0;text-indent: 12px;border: 1px solid #7d6c66;height: 123px;} .contact-main1 .main1-content .mc-right input{height: 44px;text-indent: 12px;width: 98%;border: 1px solid #7d6c66 ;} .contact-main1 .main1-content .mc-right input:-ms-input-placeholder{color: #333333;} .contact-main1 .main1-content .mc-right input::-webkit-input-placeholder{color: #333333;} .contact-main1 .main1-content .mc-right textarea::-webkit-input-placeholder{color: #333333;} .contact-main1 .main1-content .mc-right textarea::-ms-input-placeholder{color: #333333;} .contact-main1 .main1-content .mc-right .submit-btn{text-align: center;width: 100%;} .contact-main1 .main1-content .mc-right .contact-btn{display: inline-block;width: 165px;height: 40px;line-height: 40px;color: #ffffff;background-color: #ffa82f;} .contact-main1 .main1-content .mc-right .contact-btn:hover{text-decoration: underline;} /*news1-main1*/ .news1-main1{margin: 60px 0;} .news1-main1 .main1-content .mc-top{text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 40px;} .news1-main1 .main1-content .mc-top a{display: inline-block;margin: 0 100px;text-align: center;font-size: 16px;} .news1-main1 .main1-content .mc-top dl dt{height: 150px;width: 150px;line-height: 150px;overflow:hidden;} .news1-main1 .main1-content .mc-top dl:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); /*safari 和 chrome*/-moz-transform: scale(1.1); /*firefox*/-ms-transform: scale(1.1); /*ie9*/-o-transform: scale(1.1); /*opera*/} .news1-main1 .main1-content .about-title{text-align: center;margin: 50px 0;} .news1-main1 .main1-content .mc-list{margin: 0 -10px;} .news1-main1 .main1-content .mc-list .list-item{width: 50%;float: left;margin-bottom: 20px;} .news1-main1 .main1-content .mc-list .list-item dl{margin: 0 10px;} .news1-main1 .main1-content .mc-list .list-item dl dt{width: 260px;height: 180px;line-height: 180px;float: left;overflow: hidden;background: #f6e29d;} .news1-main1 .main1-content .mc-list .list-item dl dd{margin-left: 260px;height: 180px;background-color: #f4f4f4;} .news1-main1 .main1-content .mc-list .list-item img{width: 100%;height: 100%;} .news1-main1 .main1-content .mc-list .list-item .list-text{padding: 20px;font-size: 14px;color: #333;} .news1-main1 .main1-content .mc-list .list-item .list-text h3{font-size: 16px;font-weight: normal;} .news1-main1 .main1-content .mc-list .list-item .list-text p{line-height: 24px;height: 48px;margin: 10px 0;color: #666;overflow: hidden;} .news1-main1 .main1-content .mc-list .list-item .list-text span:hover{text-decoration: underline;color: #ffa82f;} .news1-main1 .main1-content .mc-list .list-item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); /*safari 和 chrome*/-moz-transform: scale(1.1); /*firefox*/-ms-transform: scale(1.1); /*ie9*/-o-transform: scale(1.1); /*opera*/} .news1-main1 .main1-content .news-fenye{margin-top: 60px;} .news1-main1 .main1-content .news-fenye ul{text-align: center;} .news1-main1 .main1-content .news-fenye ul li{display: inline-block;width: 32px;height: 38px;line-height: 38px;background-color: #bebebe;margin: 0 3px;} .news1-main1 .main1-content .news-fenye ul li:hover{background-color: #9ecb3a;} .news1-main1 .main1-content .news-fenye ul a{color: #ffffff;display: block;width: 100%;height: 100%;} .news1-main1 .main1-content .news-fenye ul li.selected{background-color: #9ecb3a;} .news1-main1 .main1-content .news-fenye ul li.bigbtn{width: 70px;} .news1-main1 .main1-content .phone-news-fenye{display: none;} /*news2-main1*/ .news2-main1 .main1-content .mc-title{margin: 30px 0;} .news2-main1 .main1-content .mc-title .name{font-weight: normal;font-size: 24px;color: #333333;} .news2-main1 .main1-content .mc-title .date{font-size: 14px;color: #666666;margin-top: 10px;} .news2-main1 .main1-content .news-btn{width: 165px;height: 40px;line-height: 40px;background-color: #9ecb3a;display: block;text-align: center;margin: 80px auto 0 auto;color: #ffffff;font-size: 16px;letter-spacing: 1px;} .news2-main1 .main1-content .news-btn:hover{text-decoration: underline;} .product-search .mc2-list{margin-bottom: 50px;text-align: center} .not_f{font-size: 24px;color:#ba6f04;} .not_f span{color:#000;} .solution2-list .title{margin: 30px 0} .solution2-list .main2-content .mc2-item{margin-bottom: 20px} .solution2-list .main2-content .mc2-item dl dt{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .solution2-list .return-btn{display: block;text-align: center;width: 160px;height: 40px;line-height: 40px;background-color: #9ecb3a;text-align: center;color: #ffffff;font-size: 16px;letter-spacing: 1px;margin: 0 auto 40px auto} .li-layui-form .layui-form-label{display: none} .li-layui-form .layui-form-item{margin-bottom: 3px} .li-layui-form .layui-form-item .layui-input-inline{width: 48%;margin:0 7px 0 0!important;float: left;left:0;} .li-layui-form .layui-form-item .layui-input-inline:last-child{margin-right: 0!important} .li-layui-form .layui-input{padding-left: 0;padding-right: 0} .li-layui-form .layui-form-select dl dd.layui-this,li.select-items:hover,.li-layui-form li.select-items.active{background-color:#7d6c66;!important; } .li-layui-form .layui-form-select .layui-edge{ border-top-color: #7d6c66!important;} @media only screen and (max-width:1680px ) { .index-banner .banner-bg{height:70px} } @media only screen and (max-width:1600px ) { .index-banner .banner-bg{height:66.66666666px} .index-banner .banner-input{bottom:100px} .index-banner .banner-input input{width:480px;} .index-banner .p1{font-size: 60px;} .index-banner .p2{font-size: 35px;} .index-banner .banner-text{top:55%;} .index-main2 .item dl dt{height:260px;line-height: 260px;} .product2-main1 .main1-content .mc-item h3{font-size: 28px;} .product2-main1 .main1-content .mc-item a{font-size: 17px;} .solution-main1 .main1-content .m1-bottom .item-title{padding-bottom: 10px;} } @media only screen and (max-width:1440px ) { .index-banner .banner-bg{height:60px} .index-banner .banner-input{bottom:90px} .index-banner .banner-input input{width:450px;height: 46px;} .index-banner .p1{font-size: 55px;} .index-banner .p2{font-size: 35px;} .index-banner .banner-text{top:56%;} .index-main1 .main1-content .m1-left,.index-main1 .main1-content .m1-right{height:400px;} .index-main1 .main1-content .m1-right h3{font-size:34px} .index-main1 .main1-content .m1-right .right-text{font-size:18px;} .index-main1 .main1-content .m1-right .more{width: 130px;font-size:18px;height:40px;line-height:40px} .index-main2 .item dl dt{ height: 250px;line-height: 250px;} .index-main2{font-size:22px} .index-main4 .main4-content .m4-left dl dt{height:320px;} .index-main4 .main4-content .m4-right dl dt{height:150px} .index-main4 .main4-content .m4-left dl dd{height:160px} .index-main4 .main4-content h3{font-size:24px} .index-main3 .warper{height:227px} .solution-main1 .main1-content .m1-bottom .bm-left{height:320px} .solution-main1 .main1-content .m1-bottom .bm-right .bm-img{height:150px;width:230px} .solution-main1 .main1-content .m1-bottom .bm-right .item-text{margin-left:260px} .product2-main1 .main1-content .item-list .list-right dl dt{height:140px;} .news1-main1 .main1-content .mc-list .list-item dl dt{width: 240px;height: 170px;line-height:170px;} .news1-main1 .main1-content .mc-list .list-item dl dd{margin-left:240px;height:170px} .news1-main1 .main1-content .mc-list .list-item .list-text{padding:15px} .contact-main1 .main1-content .mc-right{margin-left:430px} .solution2-main2 .main2-content .mc2-item dl dt{height:200px} } @media only screen and (max-width:1400px ) { .index-banner .banner-text{top:60%;} } @media only screen and (max-width:1366px ) { .index-banner .banner-bg{height:56.916666666666664px} .index-banner .banner-input{bottom:70px} .index-banner .banner-input input{width:400px;height:40px;} .index-banner .p1{font-size:48px;} .index-banner .p2{font-size:28px;} .index-banner .banner-text{top:55%;} .index-main2 .item dl dt{height:210px;line-height:210px;} .index-main2{font-size:18px} .index-main3{height:250px;} .index-main3 .warper{height:203px} .index-main3 .main3-text h3{font-size:45px} .index-main3 .main3-text{font-size:22px} .index-main4 .main4-content .m4-left dl dt{height:300px;} .index-main4 .main4-content .m4-right dl dt{height:140px} .index-main4 .main4-content h3{font-size:20px} .index-main4 .main4-content{font-size:15px} .index-main4 .main4-content .a-detail{font-size:15px;width:85px;height:30px;line-height:30px;} .solution-main1 .main1-content .m1-bottom .title{font-size:23px;} .solution-main1 .main1-content .m1-bottom .bm-left{height: 300px;} .solution-main1 .main1-content .m1-bottom .bm-right .bm-img{height:140px;width:210px} .solution-main1 .main1-content .m1-bottom .bm-right .item-text{margin-left: 230px;} .news1-main1 .main1-content .mc-list .list-item dl dt{width:220px;height:150px;line-height:150px;} .news1-main1 .main1-content .mc-list .list-item dl dd{margin-left:220px;height:150px} .news1-main1 .main1-content .mc-list .list-item .list-text{padding:10px;} .news1-main1 .main1-content .mc-list .list-item .list-text h3{font-size:15px;} .news1-main1 .main1-content .mc-list .list-item .list-text{font-size:13px;} .contact-main1 .main1-content .mc-left{background:url(/uploads/image/psimages/contact-01.png) no-repeat center center;background-size:contain;height:540px;width:400px;} .contact-main1 .main1-content .mc-left .left-text{bottom:125px;} .contact-main1 .main1-content .mc-right{margin-left:400px;} .contact-main1 .main1-content .mc-right h3{font-size:22px;margin-bottom:20px;} .contact-main1 .main1-content .mc-right input{font-size:14px;height:35px;} div.select-set{font-size:14px} div.select-set,div.select-main{height:36px;line-height:36px;} div.select-arrow{top:15px} .contact-main1 .main1-content .mc-right textarea{height:110px;font-size:14px;} .contact-main1 .main1-content .mc-right .li-item{margin-bottom:12px;} .contact-main1 .main1-content .mc-right{font-size:14px} div.select-block{top:38px;} .index-main4 .main4-content .m4-left dl dd{height:148px;} .solution-main1 .main1-content .m1-top dl dt{width: 150px;height: 150px;line-height: 150px;} .about-title .title1{font-size: 28px;} .about-title .title2{font-size: 22px;} .about-title{line-height: 44px;} .about1-main1 .main1-content .mc-left .about-title{margin: 20px 0;} .about1-main3 .main3-content .mc3-list .item-title{font-size: 20px;margin-bottom: 20px;} .about1-main3 .main3-content .mc3-list .list-item{padding: 25px 15px;} .product2-main1 .main1-content .mc-item h3{font-size: 23px;} .product2-main1 .main1-content .mc-item .item-title{padding-bottom: 15px;} .product2-main1 .main1-content .item-list{margin: 50px 0 80px 0;} .product2-main1 .main1-content .item-list .list-left{width: 38%;} .product2-main1 .main1-content .mc-item a{font-size: 15px;} .product2-main1 .main1-content .item-list .list-right dl dt{height: 130px;} .product2-main1 .main1-content .item-list .list-left img{max-width: 100%;height: auto;} .product-title{line-height: 44px;} .product-title .title1{font-size: 28px;} .product-title .title2{font-size: 22px;} .solution-main1 .main1-content .m1-bottom .item-title{margin-bottom:20px;} .solution-main1 .main1-content .m1-bottom .item-title a{font-size: 16px;line-height:35px;} .index-main4 .main4-content .m4-right dl dd p{max-height: 45px;} .solution-main1 .main1-content .m1-bottom .bm-right .title2{margin:10px 0;font-size:17px;} .solution2-main2 .main2-content .mc2-item dl{font-size:15px;} .product1-main1 .search-more{font-size:17px;} .product2-main2 .main2-content .mc2-text h3{font-size:25px;} .product2-main2 .main2-content .mc2-text .p2-more{width: 150px;height: 38px;line-height:38px;} } @media only screen and (max-width:1200px ) { /*index-banner*/ .index-banner,.index-banner .swiper-container{height: 630px;} .index-banner .banner-bg{height:70px;} .index-banner .p1{font-size: 62px;} .index-banner .p2{font-size: 38px;} .index-banner .banner-input{bottom: 92px;} .index-banner .banner-input input{width: 400px;height: 40px;border: 5px solid #edc63b;} .index-banner .banner-input .iconfont{font-size: 22px;} /*index-main1*/ .index-main1 .main1-content .m1-right{max-width: 100%;} .index-main1 .main1-content .m1-right .right-text{margin-left: 20px;margin-right: 20px;} .index-main1 .main1-content .m1-right .more{right: 20px;} /*index-main4*/ .index-main4{display: none;} .phone-index-main4{padding:20px 0 50px 0; display: block;} .phone-index-main4 a{color: #333;} .phone-index-main4 dl{padding: 0 20px;} .phone-index-main4 dl dt{height: 320px;background: no-repeat center center;background-size: cover;} .phone-index-main4 dd{background-color: #ededed;} .phone-index-main4 .pim-text{padding: 15px 10px;font-size: 16px;line-height: 30px;} .phone-index-main4 .pim-text h3{font-size: 18px;margin-bottom: 10px;} .phone-index-main4 .pim-text span{background-color:#ffd701;display: block;text-align: center;border-radius: 5px;margin: 20px auto 10px auto;font-size: 16px;width: 120px;height: 35px;line-height: 35px;color: #675c53;} .phone-index-main4 .pim4-pagination{bottom: 15px;} .phone-index-main4 .swiper-pagination-switch{background-color: transparent;border: 1px solid #7d6c66;} .phone-index-main4 .swiper-active-switch{background-color: #7d6c66;} /*solution2-main1*/ .solution2-main1 .main1-content .mc-left{width: 450px} .solution2-main1 .main1-content .max-pic{height: 400px;width: 450px} .solution2-main1 .main1-content .max-pic ul li{width: 450px;height: 400px;line-height: 400px;} .solution2-main1 .main1-content .min-pic{width: 450px} .solution2-main1 .main1-content .mc-right{margin-left: 500px} } @media only screen and (max-width:1024px ) { /*index-main1*/ .index-main1 .main1-content .m1-left,.index-main1 .main1-content .m1-right{width: 100%;max-width: 100%;} .index-main1 .main1-content .m1-right{height: auto;} .index-main1 .main1-content .m1-right .more{position: static;margin: 40px auto;} /*about2-main1*/ .about2-main1 .main1-content{top: -40px;width: auto;margin-right: 10px} .about2-main1 .main1-content .mc-item{padding: 20px} /*contact-main*/ .contact-main1 .main1-content .mc-right{margin-left: 420px;} } @media only screen and (max-width:880px ) { /*phone-mc-left*/ .solution2-main1 .main1-content .mc-left{display: none} .solution2-main1 .main1-content .phone-mc-left{display: block} .solution2-main1 .main1-content .phone-mc-left .swiper-slide{background: no-repeat center center;background-size: auto 100%;height: 300px} .solution2-main1 .main1-content .mc-right{margin-left: 0} /*contact-main1*/ .contact-main1{margin: 40px 0 60px 0;} .contact-main1 .main1-content .mc-left{width: 100%;background: none!important;height: auto;} .contact-main1 .main1-content .mc-right{margin-left: 0;} .contact-main1 .main1-content .mc-left .left-text{position: static!important;left: 0;bottom: 0;transform: none;display: flex;justify-content: center;} .contact-main1 .main1-content .mc-left .left-text a{margin: 0 10px;color: #333333;font-size: 13px;width: 130px;height: 34px;line-height: 34px;} .contact-main1 .main1-content .mc-right{padding-top: 80px;} .contact-main1 .main1-content .mc-left .left-text a.acitve{color: #fff;} .contact-main1 .main1-content .mc-left .left-text a:hover{color: #ffffff;} } @media only screen and (max-width:768px ) { .h-right ul li a{font-size:15px;} /*index-banner*/ .index-banner,.index-banner .swiper-container{height:408px;} .index-banner .banner-bg{height:45px;} .index-banner .p1{font-size: 40px;} .index-banner .p2{font-size: 24px;} .index-banner .banner-input{bottom: 50px;} .index-banner .banner-input input{width: 300px;height: 30px;} .index-banner .banner-input .iconfont{font-size: 20px;} /*index-main1*/ .index-main1 .main1-content .m1-right h3{font-size: 40px;margin: 30px 0 30px 0;} .index-main1 .main1-content .m1-left{height: 400px;} .index-main1 .main1-content .m1-right .right-text{margin-left: 20px;margin-right: 20px;font-size: 20px;line-height: 35px;} .index-main1 .main1-content .m1-right .more{position: static;margin: 20px auto;width: 150px;height: 45px;line-height: 45px;font-size: 20px;} /*index-main2*/ .index-main2{font-size: 26px;} .index-main2 .item dl{margin: 10px 10px;} /*index-main3*/ .index-main3{height: 240px;} .index-main3 .warper{height: 195px;} .index-main3 .main3-text h3{font-size: 40px;} .index-main3 .main3-text{font-size: 28px;} /*.solution-main1*/ .solution-main1{margin:30px 0 50px 0} .solution-main1 .main1-content .m1-top{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 15px;} .solution-main1 .main1-content .m1-top a{margin: 0;width: 33.3333%;} .solution-main1 .main1-content .m1-top dl{padding: 0 10px;} .solution-main1 .main1-content .m1-top dl dt{width: 100%;height: 130px;line-height: 130px;} .solution-main1 .main1-content .m1-bottom .bm-left,.solution-main1 .main1-content .m1-bottom .bm-right{width: 100%;} .solution-main1 .main1-content .m1-bottom .bm-left{margin-bottom: 20px;} .solution-main1 .main1-content .m1-bottom .bm-right .right-item{margin-left: 0;} /*about1-main1*/ .about1-main1 .main1-content .mc-right{display: none} .about1-main1 .main1-content .mc-left{margin-right: 0} .about1-main1 .main1-content .mc-left .mc-text{height: auto} .about1-main1 .main1-content .mc-left .line{display: none;} /*.about1-main2*/ .about1-main2{background-attachment: initial;background-size: cover;height:300px} /*about1-main3*/ .about1-main3{padding: 40px 0} .about1-main3 .main3-content .mc3-list{margin: 40px -8px 0 -8px;} .about1-main3 .main3-content .mc3-list .list-item{padding: 20px 10px;margin: 0 8px} /*about2-main1*/ .about2-main1 .main1-content{top: -20px;} /*product1-main1*/ .product1-main1{padding: 20px 0 0 0;} .product1-main1 .main1-content .mc-item{margin-bottom: 30px;} .product1-main1 .main1-content .mc-item, .product1-main2 .main2-content .mc2-item{font-size: 14px;} .product1-main1 .main1-content .mc-item dl dt, .product1-main2 .main2-content .mc2-item dl dt{height: 120px;line-height: 120px;} /*news1-main1*/ .news1-main1{margin: 30px 0} .news1-main1 .main1-content .mc-top .warper{display: flex;justify-content:space-around} .news1-main1 .main1-content .mc-top a{margin: 0} .news1-main1 .main1-content .mc-top img{max-width: 100%;height: auto;} .news1-main1 .main1-content .mc-top dl dt{} .news1-main1 .main1-content .about-title{margin: 30px 0} .news1-main1 .main1-content .mc-list .list-item{width: 100%} .news1-main1 .main1-content .mc-list .list-item dl dt{width: 150px;height: 120px;line-height: 120px;} .news1-main1 .main1-content .mc-list .list-item dl dd{margin-left: 150px;height: 120px;} .news1-main1 .main1-content .mc-list .list-item .list-text{padding: 10px;} /*product2-main1*/ .product2-main1{margin: 40px 0;} .product2-main1 .main1-content .mc-item .item-title{padding-bottom: 10px;} .product2-main1 .main1-content .mc-item h3{font-size: 18px;} .product2-main1 .main1-content .mc-item a{font-size: 15px;line-height: 36px;} .product2-main1 .main1-content .item-list .list-left,.product2-main1 .main1-content .item-list .list-right{width: 100%;} .product2-main1 .main1-content .item-list .list-left,.product2-main1 .main1-content .item-list .list-left.fr{text-align: center;} .product2-main1 .main1-content .item-list .list-left{height: auto;} } @media only screen and (max-width:640px ) { /*index-banner*/ .index-banner,.index-banner .swiper-container{height: 340px;} .index-banner .banner-bg,.index-banner .banner-input{display: none;} .index-banner .p1{font-size: 32px;} .index-banner .p2{font-size: 20px;} /*index-main1*/ .index-main1 .main1-content .m1-left{height: 250px;} .index-main1 .main1-content .m1-right h3{font-size: 36px;margin: 20px 0 20px 0;} .index-main1 .main1-content .m1-right .right-text{font-size: 18px;line-height: 32px;} .index-main1 .main1-content .m1-right .more{font-size: 18px;width: 140px;height: 45px;line-height: 45px;} /*index-main2*/ .index-main2{font-size: 22px;} /*index-main3*/ .index-main3{height: 180px;} .index-main3 .warper{height: 146px;} .index-main3 .main3-text h3{font-size: 30px;} .index-main3 .main3-text{font-size: 18px;} /*phone-mc-left*/ .solution2-main1 .main1-content .phone-mc-left .swiper-slide{height: 250px} .solution2-main1 .main1-content .mc-right{height: auto} /*about-title*/ .about-title .title1{font-size: 24px} .about-title .title2{font-size: 18px} /*about1-main1*/ .about1-main1 .main1-content .mc-left{margin-top: 30px;font-size: 14px;line-height: 28px} .about1-main1 .main1-content .mc-left .about-title{margin: 15px 0;} /*about1-main2*/ .about1-main2 .main2-content .about-title{padding: 30px 0 15px 0;} .about1-main2 .main2-content .mc2-text{font-size: 14px;line-height: 28px;height: 80px} .about-more{width: 120px;height: 30px;line-height: 30px} /*about1-main3*/ .about1-main3 .main3-content .mc3-list{display: none} .about1-main3 .main3-content .phone-mc3-list{display: block;} .about1-main3 .main3-content .phone-mc3-list{margin-top: 40px;padding-bottom: 80px;} .about1-main3 .main3-content .phone-mc3-list .list-item{background-color: #ffffff;padding: 20px 15px;position: relative;} .about1-main3 .main3-content .phone-mc3-list .item-title{font-size: 24px;color: #333333;border-bottom: 1px solid #e5e5e5;display: block;width: 100%;height: 100%;padding-bottom: 15px;margin-bottom: 30px;} .about1-main3 .main3-content .phone-mc3-list .item-title span{color: #655752;} .about1-main3 .main3-content .phone-mc3-list .list-text{font-size: 14px;color: #666666;line-height: 30px;height: 120px;overflow: hidden;} .about1-main3 .main3-content .phone-mc3-list ul li:hover .list-item{background-color: #fcfcfc;} .about1-main3 .main3-content .phone-mc3-list ul li:hover .hr{width: 100%;} .about1-main3 .main3-content .phone-mc3-list .hr{background-color: #9a867e; width: 0;left: 0;position: absolute;bottom: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition:all 0.5s;height: 5px;} /*solution-main1*/ .solution-main1 .main1-content .m1-bottom .title{font-size: 24px;} /*product-title*/ .product-title{margin: 30px 0;line-height: 34px;} .product-title .title1{font-size: 22px;} .product-title .title2{font-size: 16px;} /*product1-main2*/ .product1-main2 .main2-content .mc2-item{width: 50%;} .product1-main2 .main2-content .mc2-item dl{padding: 0 15px;} .product1-main2 .main2-content .mc2-item{margin-bottom: 20px;} .product2-main2 .tanchu-text{padding: 20px 20px 20px 20px;width:80%} .product2-main2 .tanchu-text h3{margin-bottom: 20px;font-size: 18px;} .product2-main2 .tanchu-text .text-main{margin-right: 20px;} /*news1-main1*/ .news1-main1 .main1-content .mc-list .list-item .list-text h3{font-size: 15px;height: 22px;overflow: hidden;} .news1-main1 .main1-content .mc-list .list-item .list-text p{margin: 6px 0;line-height: 22px;height: 44px;} .news1-main1 .main1-content .news-fenye{display: none;} .news1-main1 .main1-content .phone-news-fenye{display: block;} .news1-main1 .main1-content .phone-news-fenye ul{text-align: center;} .news1-main1 .main1-content .phone-news-fenye ul li{display: inline-block;width: 70px;height: 38px;line-height: 38px;background-color: #bebebe;margin: 0 3px;} .news1-main1 .main1-content .phone-news-fenye ul a{color: #ffffff;display: block;width: 100%;height: 100%;} /*news1-main2*/ .news2-main1 .main1-content .news-btn{margin: 40px auto 40px auto;} .news2-main1 .main1-content .mc-title .name{font-size: 18px;} /*contact-main1*/ .contact-main1 .main1-content .mc-right h3{font-size: 20px;margin-bottom: 20px;} .contact-main1 .main1-content .mc-right{font-size: 14px;} .contact-main1 .main1-content .mc-right input{font-size: 14px;width: 96%;height: 37px;} .contact-main1 .main1-content .mc-right .li-item{margin-bottom: 15px;} div.select-main{height: 38px;width: 96%;} div.select-set{height: 38px;line-height: 38px;} div.select-arrow{top: 17px;} .contact-main1 .main1-content .mc-right textarea{height: 80px;} .product1-main1 .search-more{font-size: 16px;} .news1-main1 .main1-content .mc-top dl dt{width: 100px;height: 100px;line-height: 100px;margin-bottom: 5px;} .news1-main1 .main1-content .mc-top a{font-size: 14px;} .swiper-button-next, .swiper-button-prev{width:30px;height:30px;line-height:30px; } .swiper-button-next .iconfont, .swiper-button-prev .iconfont{font-size:25px;} .phone-index-main4 dl dt{height: 250px;} .index-main2 .item img{height:auto;max-width:100%} .solution-main1 .main1-content .m1-bottom .item-title a{font-size: 15px;line-height: 26px;} .solution2-main2 .main2-content{ margin: 20px -5px 30px -5px;} .solution2-main2 .main2-content .mc2-item dl{font-size:15px;margin: 0 5px;} .solution2-main2 .main2-content .mc2-item dl dd{margin-top:15px;} .solution-main1 .main1-content .m1-bottom ul li{margin:50px 0} .product2-main1 .main1-content .item-list .list-right dl dt{height:120px;} } @media only screen and (max-width:480px ) { /*index-banner*/ .index-banner,.index-banner .swiper-container{height: 255px;} .index-banner .p1{font-size: 25px;} .index-banner .p2{font-size: 15px;} /*index-main1*/ .index-main1 .main1-content .m1-left{height: 150px;} .index-main1 .main1-content .m1-right h3{font-size: 25px;} .index-main1 .main1-content .m1-right .right-text{font-size: 14px;line-height: 28px;} .index-main1 .main1-content .m1-right .more{font-size: 14px;width: 100px;height: 32px;line-height: 32px;} /*index-main2*/ .index-main2{font-size: 14px;margin: 20px 0 30px 0;} .index-main2 .item dl dt{height: 110px;line-height: 110px;} /*index-main3*/ .index-main3{height: 130px;} .index-main3 .warper{height: 106px;} .index-main3 .main3-text h3{font-size: 26px;} .index-main3 .main3-text{font-size: 16px;} /*.solution-main1*/ .solution-main1 .main1-content .m1-bottom .bm-left{height: 220px;} .solution-main1 .main1-content .m1-bottom .bm-left .bm-img span{font-size: 16px;padding-left: 20px;height: 40px;line-height: 40px;} .solution-main1 .main1-content .m1-bottom .bm-right .bm-img{width: 160px;height: 100px;} .solution-main1 .main1-content .m1-bottom .bm-right .item-text{margin-left: 172px;} .solution-main1 .main1-content .m1-bottom .bm-right .title2{margin: 0 0 5px 0;font-size: 16px;} .solution-main1 .main1-content .m1-bottom .bm-right .div1{line-height: 22px;max-height: 66px;font-size: 13px;} /*solution2-main1*/ .solution2-main1 .main1-content .mc-right{font-size: 14px} .solution2-main1 .main1-content .mc-right h3{font-size: 20px;} /*phone-mc-left*/ .solution2-main1 .main1-content .phone-mc-left .swiper-slide{height: 220px} /*solution2-main2*/ .solution2-main2 .title h3{font-size: 18px;width: 36%} .solution2-main2 .title .line{width: 32%;margin-top: 14px} .solution2-main2 .main2-content .mc2-item{width: 50%;margin-bottom: 20px} .solution2-main2 .main2-content .mc2-item dl dt{height: 160px;} /*about-title*/ .about-title{line-height: 40px} /*anout1-main3*/ .about1-main3 .main3-content .phone-mc3-list .item-title{font-size: 18px;margin-bottom: 20px;} .product3-main2 .main2-content .mc2-item dl dt{height: 150px;line-height: 150px;} .phone-index-main4 .pim-text span{width: 100px;height: 32px;line-height: 32px;} .phone-index-main4 .pim-text h3{margin-bottom: 5px;} .solution-main1 .main1-content .m1-bottom .title{font-size: 18px;} .about1-main3{padding: 30px 0;} .product2-main1 .main1-content .item-list .list-left img{max-width: 50%;} .solution2-main1{margin:30px 0} } @media only screen and (max-width:380px ) { /*index-banner*/ .index-banner,.index-banner .swiper-container{height: 230px;} .index-banner .p1{font-size: 20px;} .index-banner .p2{font-size: 13px;} /*index-main1*/ .index-main1 .main1-content .m1-left{height: 140px;} /*index-main2*/ .index-main2{font-size: 14px;} .index-main2 .item dl dt{height: 100px;line-height: 100px;} /*phone-mc-left*/ .solution2-main1 .main1-content .phone-mc-left .swiper-slide{height: 200px} /*about-title*/ .about-title{line-height: 32px} .about-title .title1{font-size: 20px} .about-title .title2{font-size: 14px} .li-layui-form .layui-form-item .layui-input-inline{margin: 0 3px 0 0!important;} .solution2-main2 .main2-content .mc2-item dl{font-size:14px;} .solution2-main2 .main2-content .mc2-item dl dt{height:150px;} } @media only screen and (max-width:320px ) { .product-title{margin: 20px 0;line-height: 30px;} .product-title .title1{font-size: 20px;} .product-title .title2{font-size: 14px;} .product2-main1 .main1-content .item-list .list-right dl dt{height:110px;} .solution2-main2 .main2-content .mc2-item dl dt{height:140px} } .phone-pagination p{text-align: center;margin-top: 10px;font-size: 18px;font-weight: bold;}