.product{padding: 95px 0;}
.product-intro{color: #000018;overflow: hidden;}
.product-intro .product-name span{font-size: 22px;line-height: 32px;}
.product-intro .product-name h3{font-size: 50px;line-height: 56px;font-weight: 600;}
.product-intro .intro{margin-top: 90px;}
.product-intro .img{float: left;width: 50%;text-align: center;}
.product-intro .img img{max-width: 100%;}

.product-intro .mes{float: left;width: 50%;padding-top: 80px;}
.product .product-intro .mes .bx{padding-left: 125px;}


.tech{margin-top: 105px;overflow: hidden;}
.tech-list{margin-top: 75px;overflow: hidden;}
.tech-list li{float: left;width: 18.8%;margin-right: 1.5%;background-color: #fff;background-image: url("../images/tech_bg.png");background-position: right top;background-repeat: no-repeat;background-size: auto 100%;-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);;transition:all .5s cubic-bezier(.38,0,0,1); }
.tech-list li:nth-child(5n){margin-right: 0;}
.tech-list li .mes{padding-left: 30px;height: 180px;display: flex;flex-direction: column;justify-content: center;}
.tech-list li .mes p{font-size: 28px;line-height: 40px;color: #231714;}
.tech-list li:hover{background-color: #f9b600;background-image: url("../images/tech_bg2.png");}
.tech-list li:hover .mes p{color: #fff;}
.product-effect{background-color: #fff;padding: 90px 0;}
.product-effect .effect-intro{padding: 65px 58px;position: relative;margin-top: 135px; }
.product-effect .effect-intro:before{content: '';position: absolute;left: -50px;top:-50px;width: 50%;height: 590px;background-color: #f9ebc9;z-index: 1;}
.bottom-bg{position: absolute;right: -50px;bottom:-100px;width: 50%;height: 590px;background-color: rgba(248,180,1,0.05);z-index: 1;}

.product-effect .effect-intro:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: #fff;box-shadow: 0 0 30px rgba(110,110,110,0.13);z-index: 2;}
.product-effect .effect-intro .swiper{z-index: 100;}
.product-effect .intro-item{position: relative;margin-bottom: 70px;display: flex;align-items: center;z-index: 1000}
.product-effect .intro-item:last-child{margin-bottom: 0;}

.product-effect .intro-item .img{width: 100%;}
.product-effect .intro-item .img img{width: 100%;}
.product-effect .intro-item .img .img-bx{float: left;width: 49%;margin-right: 2%;}
.product-effect .intro-item .img .img-bx:nth-child(2n){margin-right: 0;}
.product-effect .intro-item .mes{width: 50%;}
.product-effect .intro-item .mes .plef{padding-left: 200px;}
.product-effect .intro-item .mes h3{font-size: 40px;line-height: 44px;color: #231714;margin-bottom: 50px;font-weight: 600;}
.product-effect .intro-item .mes p{font-size: 34px;line-height: 38px;color: #231714;margin-bottom: 20px;font-weight: 600;}
.product-effect .intro-item .mes p img{width: 38px;margin-right: 15px;}

.product-effect .effect-intro{}
.swiper-button-next:after, .swiper-button-prev:after{content: '';}
.product-effect .effect-intro .swiper-button-next, .product-effect .effect-intro .swiper-button-prev{width: 82px;height: 82px;background-color: #fff;border-radius: 50%;background-repeat: no-repeat;background-position: center center;background-size: 22px;z-index: 1001;}
.product-effect .effect-intro .swiper-button-prev{left: -40px;background-image: url("../images/index_prev.png");}
.product-effect .effect-intro .swiper-button-next{right: -40px;background-image: url("../images/index_next.png");}
.product-effect .effect-intro .swiper-button-prev:hover{background-image: url("../images/index_prev2.png");}
.product-effect .effect-intro .swiper-button-next:hover{background-image: url("../images/index_next2.png");}
.cor-product{margin-top: 150px;}
.cor-list{margin-top: 65px;overflow: hidden;}
.cor-list li{float: left;width: 23%;margin-right: 2%;margin-bottom: 50px;background-color: #efefef;padding-bottom: 40px;padding-top: 50px;}
.cor-list li:nth-child(4n){margin-right: 0;}
.cor-list li .img{text-align: center;height: 282px;margin-bottom: 40px;}
.cor-list li .img img{max-width: 100%;max-height: 100%;}
.cor-list li .mes{text-align: center;}
.cor-list li .mes p{font-size: 30px;line-height: 40px;color: #000018;font-weight: 600;}
.cor-list li .mes span{display: block;font-size: 20px;line-height: 30px;color: #717171;}
.online{padding: 100px 0;overflow: hidden;}
.online .form-mes{margin-top: 85px;}
.online .form-mes form .user .user-fb{float: left;width: 32%;margin-right: 2%;border-bottom: 1px solid #2c2c2c;}
.online .form-mes form .user .user-fb:nth-child(3n){margin-right: 0;}
.online .form-mes form .user .user-fb,.online .form-mes form .code{margin-bottom: 35px;position: relative;box-sizing: border-box;}
.online .form-mes form input:focus {outline: none;}
.online .form-mes form input:-webkit-autofill {-webkit-text-fill-color: #a4a4a4 !important; transition: background-color 5000s ease-in-out 0s; caret-color: #a4a4a4; }

.online .form-mes form .user-fb input,.online .form-mes form .user-fb select,.online .form-mes form .code input{display: block;width: 100%;font-size: 16px;line-height: 50px;color: #000;}
.online .form-mes form .user-fb input{height: 50px;}
.online input::placeholder,.online select::placeholder{color: #6b6b6b;}

.online .form-mes form .code{border-bottom: 1px solid #2c2c2c;}
.online .form-mes form  select{font-family:"PingFang SC",Arial,sans-serif;}
.online .form-mes form .btn{text-align: right;}
.online .form-mes form .submit-bt{display: inline-block;width: 170px;font-size: 18px;line-height:56px;  background: #f8b500;text-align: center;color: #000;border-radius: 30px;}
.online .form-mes form .form-code{padding-right: 150px;position: relative;}
.online .form-mes form .form-code .vc{position: absolute;right: 0;bottom: 0;width: 150px;text-align: right;}
.online .form-mes form .form-code img{height: 42px;width: auto;}