@charset "utf-8";
body{font-size: 17px;background: #fff;}
/*------------- */

.main01{ background: url(../images/influe/bg1.jpg) no-repeat center top #2d231e; height: 506px; background-size: 100% 32rem;}
.main01 h1{font-size: 36px;font-weight: bold;color: #fff;text-align:center;padding: 95px 0 50px;}
.main01 h1 span{font-size: 23px;font-weight: normal;color: #fd7043;display: inline-block;padding: 25px 0 0;}
.main01_cont{text-align: center;color: #9b9797;}
.main01_cont span{display: inline-block;padding-left: 30px;}
.main01 .btn{text-align: center;font-size: 21px;padding: 65px 0 0;}
.main01 .btn a{color: #fff;display: inline-block;text-decoration: none;padding: 16px 80px;background: #ff6e40;border-radius: 50px;}
/*---------- */
.main02{background: url(../images/influe/tbg1.png) no-repeat center 75px,url(../images/influe/bg3.jpg) repeat-x left bottom #202027;text-align: center;}
.main02 h2{font-size: 37px;font-weight: bold;color: #fff;padding: 110px 0 15px;}
.main02 h2 span{font-size: 25px;display: inline-block;padding: 30px 0 0;color: #737383;font-weight: normal;}
.main02_step{background: url(../images/influe/s_bg.png) no-repeat center 50px;margin: 50px 0;display: flex;justify-content: space-around;}
.main02_step .step{width: 295px;}
.main02_step .step h4{font-size: 21px;color: #fff;line-height: 40px;padding: 20px 0 10px;}
.main02_step .step p{color: #737383;text-align: left;}
.main02_prod{display: flex;justify-content: space-around;}
.main02_prod .pro_one{background:url(../images/influe/p_bg.png) no-repeat;width: 529px; height: 520px;border-radius: 10px;}
.main02_prod .pro_one img{padding:35px 0 40px;}
.main02_prod .pro_one h4 {font-size: 23px;font-weight: bold;}
.main02_prod .pro_one h4 a{color: #289cff;font-weight: normal;}
.main02_prod .pro_one p{font-size: 15px; color: #3d4b51;padding:20px 85px 0;text-align: left;}
/*---------- */
.main03{background: url(../images/influe/tbg2.png) no-repeat center 80px;}
.main03 h2{font-size: 37px;font-weight: bold;padding: 120px 0 15px;text-align: center;}
.main03 .main03_cont{background: url(../images/influe/bg5.png) no-repeat center; margin: 40px 0 20px;display: flex;justify-content: space-around;flex-wrap: wrap;}
.main03 .main03_cont .camp_one{text-align: center; width: 50%;}
.camp_one img{padding: 45px 0 15px;}
.camp_one .t{font-size: 21px;}
.camp_one p{padding: 15px 90px 15px 130px;text-align: left;font-size: 15px;}
.camp_one p a{color: #3e3e3e;text-decoration: none;}
.camp_one p a:hover{color: #0b7eff;}
.camp_one .get{padding: 0 0 40px;}
.camp_one .get a{color: #0b7eff; text-decoration: none;}
/*---------- */
.main04{background: #f7fafc;color: #3e3e3e;}
.main04 .details { padding: 40px 0;}
.main04 .icon {text-align: center;padding: 40px 0 0;}
.main04 .left {  width: 16px; height: 30px; position: absolute; left: 15px; top: 145px; cursor: pointer; }
.main04 .right {  width: 16px; height: 30px; position: absolute; right: 15px; top: 145px; cursor: pointer;  }
.main04 h4 { font-size: 27px; font-weight: 800; padding: 40px 0 0;text-align: center; }
.main04 h4 a{color:#333;}
.review-container{height: 280px;width: 900px;margin: 20px auto 30px;position: relative;}
.review-container .slider-box {overflow: hidden;}
.review-container .slider-img {overflow: hidden;height:280px;}
.review-container .slider-img {width: 6300px;position: relative;}
.review-container .slider-img .slider-img-ul {position: absolute;left: 0;top: 0;overflow: hidden;list-style: none;}
.review-container .slider-img .slider-img-ul li {float: left;text-align: center;width: 900px;}
.review-container .slider-img .slider-img-ul li .people{padding: 20px 0 0;}
.people img{padding: 0 0 15px;}
.review-container .slider-img .slider-img-ul li p{margin-top: 50px;font-size: 19px; padding: 0 100px; line-height: 35px;}
.review-container .slider-dot ul {position: absolute;right: 50%;transform: translateX(50%);bottom: -20px;list-style: none;}
.review-container .slider-dot ul li {cursor: pointer;width: 8px;height: 8px;border-radius: 50%;background: transparent;border: 1px solid #14b8ff;float: left;margin-left: 10px;}
.review-container .slider-dot ul li.active, .review-container .slider-dot ul li:hover {background: #14b8ff;}
.review-container .slider-btn {position: absolute;top: 50%;transform: translateY(-50%);}
.review-container .slider-btn.slider-btn-left {left: -100px;}
.review-container .slider-btn.slider-btn-right {right: -100px;}
/*---------- */
.main05{background: url(../images/influe/bg2.jpg) no-repeat center top #1f1f25;height: 907px; background-size: 100% 57rem;}
.parter_left{color: #fff;width:42%;float: left;}
.parter_left .t{font-size: 71px;font-weight: bold;line-height: 85px;padding: 225px 0 60px;}
.parter_left .t span{font-size: 53px;}
.parter_left .mess{font-size: 25px;color: #dbdbdb;line-height: 40px;}
.parter_right{background: #fff;border-radius: 20px;color: #3e3e3e; margin: 100px 0 0;width: 30%;padding: 20px 90px 30px;float: right;}
.parter_right .title{padding: 15px 0 5px;font-size: 15px;}
.parter_right input[type="text"]{font-size: 17px;width: 100%;box-sizing: border-box; margin: 5px 0; border:1px solid #bfbfbf;line-height: 43px; background: #fff;border-radius: 2px;padding: 0 0 0 10px;}
.parter_right select{border:1px solid #bfbfbf;line-height: 43px;color: #3e3e3e;font-size: 15px; width: 100%; cursor: pointer; background: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.parter_right .txt_are{padding: 10px 0 0;}
.parter_right .txt_are textarea{width: 100%; height: 112px; padding: 0 5px; box-sizing: border-box;font-size: 17px;resize: none;font-family: tahoma, Arial, sans-serif;color: #3e3e3e;}
.sub_btn{padding: 40px 0 0; text-align: center;color: #fff;}
.sub_btn span{width: 80%; background: #49b93e;font-size: 21px;cursor: pointer;display: inline-block;line-height: 53px; border-radius: 30px;}
.red_mess{font-size: 15px;color: #ff6e40; text-align: center; padding: 10px 0 0; opacity: 0;}
/*---------- */
@media (max-width: 979px) {

	/*---------- */
	.main01 h1{font-size: 33px;}
	.main01_cont span{ padding: 10px 0 0 20px; }
	/*----------*/
	.main02 h2,.main03 h2{font-size: 31px;}
	.main02_step{background: none;}
	.main02_step .step{width: 32%;}
	.main02_prod .pro_one{width:50%; background-size:cover; }
	.main02_prod .pro_one p{padding: 25px 10px 0 40px;}
	/*----------*/
	.camp_one p{padding:15px 50px 15px 70px; }
	/*----------*/
	.main04{display:none;}
	/*----------*/
	.parter_right{width: 57%;box-sizing: border-box;padding: 20px 50px 50px;}
}

@media (max-width: 767px) {
	/*----------*/
	.main01{height: auto;padding-bottom: 40px;}
	.main01 h1{line-height: 35px;padding: 50px 0 30px;}
	.main01_cont{text-align: left;}
	/*----------*/
	.main02 h2{padding:110px 0 15px;}
	.main02_step{flex-wrap: wrap;}
	.main02_step .step{width: 90%;}
	.main02_step .step:nth-child(2){padding:20px 0;}
	.main02_prod{flex-wrap: wrap;}
	.main02_prod .pro_one{width: 95%;height: auto;padding-bottom: 60px;}
	/*----------*/
	.camp_one p{padding:15px 10px 15px; }
	/*----------*/
	.main05{background-image: none;height: auto; padding-bottom: 30px;}
	.parter_left .t{font-size: 61px;padding:60px 0 30px ;}
	.parter_left .t span{font-size: 45px;}
	.parter_left .mess{font-size: 23px;}
	.parter_left,.parter_right{float: none;width: auto; }
	.parter_right{margin: 0;}
	/*----------*/

}

@media (max-width: 479px) {
	body{font-size: 15px;}
	/*----------*/
	.main01 h1{font-size: 29px; line-height: 33px;}
	.main01 h1 span{padding-top: 15px;}
	.main01_cont span{padding: 10px 0 0;} 
	.main01_cont span img{width: 15px;}
	.main01 .btn{padding: 40px 0 0;} 
	/*----------*/
	.main02 h2,.main03 h2{font-size: 27px;}
	.main02_prod .pro_one{width: 100%;}
	/*----------*/
	.main03 .main03_cont {background:none; margin: 0;}
	.main03 .main03_cont .camp_one{ width: 100%;border-bottom: 1px solid #d3d3d3;}
	.main03 .main03_cont .camp_one:last-child{border-bottom: none;}
	.camp_one img{padding:15px 0;}
	.camp_one p{padding:15px 10px 15px; }
	/*----------*/
	.parter_left .t{font-size: 51px;padding:40px 0 20px ;}
	.parter_left .t span{font-size: 37px;}
	.parter_right{padding: 20px 15px 30px;}
	/*----------*/
	/*----------*/
	

}
