/* 右侧导航 */
#fp-nav ul li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
	#fp-nav ul li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
	#fp-nav ul li .active { background-position: 0 bottom;}
	#fp-nav ul li span { display: none;}
@media(max-width: 1024px){
	#fp-nav{display: none;}
}

/*header*/

.header{z-index: 9999;width:100%;top:20px;position: fixed;transition: all .5s}
.header.active{top:0;}
.header.active .wrapp{width:100%;}


.header-box{background: #fff;border-radius: 5px;padding:25px 15px;;width:100%;position: relative;left:50%;transform: translate(-50%);width:100%;transition: all .5s}
.header-box .container-fluid{display: flex;flex-direction:row;justify-content: space-between;}
.h-logo{width:450px;display: flex;flex-direction: row;align-items: center}
.h-right{width:350px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.h-nav{width:calc(100% - 850px);display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.h-nav li{position: relative;height: 200%;display: flex;flex-direction: column;justify-content: center;}
.header.active .h-nav li{height: 160%}
.h-nav .yiji{font-size: 16px;color:#000002;display: inline-block;transition: all .5s;}
.h-nav .yiji:hover{color:var(--zhu-color);}
.h-nav .sublist{position: absolute;width:560px;left:-250px;top:100%;background:#fff;padding:30px;display: none;z-index: 0}
.header.active .h-nav .sublist{background:rgba(255,255,255,0.8);}
.h-nav .sublist .lt{width:150px;float: left;display: flex;flex-direction: column;}
.h-nav .sublist .lt a{color:#333;padding:10px 0;transition: all .5s;font-size: 16px;}
.h-nav .sublist .lt a:hover{color:var(--zhu-color);padding-left:10px }
.h-nav .sublist .rt{width:330px;float: right;}
.h-nav .sublist .rt img{width:100%;height: 200px;object-fit:cover;}
.h-right i{line-height: 1}
.h-right .search,.h-right .language{color:#666;font-size: 30px;cursor: pointer;}
.h-right .search:hover,.h-right .language:hover{color:var(--zhu-color);}
.h-right .tel{color:var(--zhu-color);font-size: 30px;font-family: 'DIN'}
.h-right .tel i{font-size: 32px;margin-right: 15px;}
.h-right .demo-buttons{display: none;cursor: pointer;}
.h-right .demolist{display: none;}
.h-right .menu{font-size: 24px;color:#333;}
.search-box{position: absolute;right:-410px;width:400px;top:0;height: 100%;border:none;padding:25px 80px 25px 25px;background: #fff;transition: all .5s;opacity: 0}
.search-box.active{right:10px;opacity: 1}
.search-box form{width:100%;height: 100%;border-radius:30px;border:solid 1px #cecece;overflow: hidden;transition: all .5s}
.search-box input{padding:0 10px;height: 100%;width:calc(100% - 60px);}
.search-box form:hover{border:solid 1px var(--zhu-color);}
.search-box button{float: right;border:none;background: none;padding:0 15px;transition: all .5s}
.search-box button i{font-size: 30px;}
.search-box button:hover i{color:var(--zhu-color);}
.search-box .close{font-size: 40px;float: right;position: absolute;right:15px;top:20px;cursor: pointer;transition: all .5s}
.search-box .close:hover{transform:rotate(360deg);color:var(--zhu-color);}
.lang{position: absolute;top:100px;right:300px;width:100px;flex-direction: column;text-align: center;font-size: 16px;display: none;}
.lang.on{display: flex;}
.lang a{color:#333;padding:10px;background: #fff;margin-top: 2px}
.lang a:hover{color:var(--zhu-color);}
@media(min-width:1800px){
	.header.active .header-box{padding:25px 100px;}
}
@media(max-width: 1600px){
	.header-box{border-radius: 0;padding:25px 0;}

}
@media(max-width: 1400px){
	
	.h-right{width:100px;justify-content: space-between;}
	.h-right span{display: none;}
	.h-nav{width:calc(100% - 600px);}
	.lang{right:50px;}
}

@media(max-width: 1200px){
	.h-logo{width:400px;}
	.h-nav{width:calc(100% - 530px);}
	.lang{top:94px;}
}
@media(max-width: 1024px){
	.header{border-bottom: solid 1px #eee;top:0;border-radius: 0}
	.h-logo{width:calc(100% - 200px);}
	.header-box{padding:15px 0;}
	.h-nav{display: none;}
	.h-right{width:150px;justify-content: space-between;}
	.h-right .demo-buttons{display: block;}
	.search-box{padding:15px 80px 15px 15px;}
	.search-box .close{top:10px;}
	.lang{top:82px;right:95px;}
}
@media(max-width: 768px){
	.lang{top:76px;}
}
@media(max-width:576px){
	.header{top:0;}
	.header-box{padding:10px 0;}
	.h-logo{width:calc(100% - 70px);}
	.h-right{width:60px;}
	.h-right .search{display: none;}
	.h-right .language{font-size: 24px;}
	.h-right .menu{font-size: 18px;}
	.search-box{width:90%;padding:5px 50px 5px 5px;}
	.search-box button{line-height: 1.2}
	.search-box .close{right:0px;font-size: 30px;top:0px;}
	.lang{top:47px;right:25px;width:60px;}
	.lang a{padding:0px 0;font-size: 14px}
}

/*dowebok*/
#dowebok{width:100%;}
/*section*/
@media(max-width: 1024px){
	.section{height: auto!important;}
	.fp-tableCell{height: auto!important}
}

/*flash*/
.flash{width:100vw;height: 100vh;}
.flash .banner1{width:100%;height: 100%;background-size: 100% auto;padding-top: 100px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0px 15px;}
.flash .banner1 .t1{font-size: 170px;color:rgba(255,255,255,.5);line-height: 1;transition: all .5s;font-weight: bold;}
.flash .banner1 .t2{font-size: 40px;color:#fff;padding:30px 0;font-family: 'puhui';transition: all .5s}
.flash .banner1 img{transition: all .5s}
.flash .banner2{width:100%;height: 100%;background-size: 100% auto;padding:13% 15px 0;text-align: center;}
.flash .banner2 .t1{font-size: 120px;color:rgba(255,255,255,.2);line-height: 1;transition: all .5s;font-weight: bold;}
.flash .banner2 .t2{font-size: 60px;color:#fff;font-family: 'puhui';transition: all .5s;margin-top: -85px;font-weight: bold;margin-bottom: 15px;}

@media(max-width: 1200px){
	.flash .banner1 .t1{font-size: 140px}
	.flash .banner2{padding-top:30%;}
}
@media(max-width: 1024px){
	.flash{height: 80vh}
	.flash .banner1 .t1{font-size: 130px}
	.flash .banner2 .t1{font-size: 100px}
}
@media(max-width: 992px){
	.flash .banner1 .t1{font-size: 100px}
	.flash .banner2{padding:0 15px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.flash .banner2 .t2{font-size: 60px}

}
@media(max-width:768px){
	.flash{height: 65vh}
	.flash .banner1 .t1{font-size: 80px}
	.flash .banner1 .t2{font-size: 35px}
	.flash .banner2 .t1{font-size: 80px}
	.flash .banner2 .t2{font-size: 35px;margin:0;}
	.flash .banner1 img{width:80%;}
}
@media(max-width:576px){
	.flash{height: 50vh;width:100%;padding-top:30px;}
	.flash .banner1 .t1{font-size: 40px}
	.flash .banner2 .t1{font-size: 40px}
	.flash .banner1 .t2{font-size: 20px;padding:10px 0;}
	.flash .banner2 .t2{font-size: 20px;padding:10px 0;}
	.flash .banner1 img{width:100%;}
}
/*ititle*/
.ititle .t1{font-size: 45px;font-weight: bold;color: var(--zhu-color);font-family: 'canger'}
.ititle .t2{font-size: 16px;text-transform: uppercase;font-weight: bold;}
@media(max-width: 576px){
	.ititle .t1{font-size: 30px}
}

/*more*/
.more{width:150px;height: 50px;background:var(--zhu-color);color:#fff;text-align: center;line-height: 50px;transition: all .5s;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.more i{font-size: 20px;line-height: 50px;margin-left:10px;}
.more:hover{width:170px;color: #fff;border-radius: 10px}
@media(max-width: 576px){
	.more{width:130px;height: 40px;line-height: 40px;font-size: 14px}
	.more:hover{width:150px;}
}

/*icom*/
.section2{background:url(../images/icom-bg.jpg) center bottom no-repeat;background-size: 100% 100%;}
.icom{width:100%;overflow: hidden;}
.icom .wrap{display: flex;flex-direction: row;padding:60px 15px;}
.icom-left{width:650px;padding-right: 30px;display: none;}
.icom-left .txt{line-height: 48px;font-size: 16px;color:#3f4040;-webkit-line-clamp:6;margin: 30px 0}

.icom-right{width:calc(100% - 650px);position: relative;display: none;}
/*.section2.active .icom-left{display: block;}
.section2.active .icom-right{display: block;}*/
.icom-right .pao{}
.icom-right .pao1{position: absolute;top:10%;left:45px;transition: all .5s}
.icom-right .pao2{position: absolute;top:-20px;right:10%;transition: all .5s}
.icom-right .pao3{position: absolute;top:320px;right:10%;transition: all .5s}
@media(max-width: 1800px){
	.section2{background-size: auto auto;}
}
@media(max-width: 1600px){
	.icom-right .pao1{width:400px;}
	.icom-right .pao2{right:3%;width:280px;}
	.icom-right .pao3{right:0%;width:180px;}
}
@media(max-width: 1400px){
	.icom-right .pao1{width:360px;top:18%;}
	.icom-right .pao2{right:3%;width:240px;}
	.icom-right .pao3{right:0%;width:160px;}
}
@media(max-width: 1200px){
	.icom-right .pao1{width:300px;top:25%;}
	.icom-right .pao2{right:3%;width:200px;}
	.icom-right .pao3{right:0%;width:120px;top:400px;}
}
@media(max-width: 1024px){
	.icom .wrap{padding:45px 15px;}
	.icom-left{width:100%;padding-right: 0;display: block}
	.icom-left .txt{margin:30px 0;font-size: 16px;line-height: 30px }
}
@media(max-width: 576px){
	.icom-left .txt{font-size: 14px;}
}

/*ipro*/
.section3{background:url(../images/ipro-bg.jpg) center bottom no-repeat;background-size: 100% 100%;}
.ipro{padding-top: 95px}
.ipro-hd{text-align: center;display: none;}
.ipro-bd{padding:30px 15px;margin-top:15px;overflow: hidden;display: none}
.ipro-bd a{display: block;width:100%;display: flex;flex-direction: column;padding:45px 15px;transition: all .5s}
.ipro-bd a span{width:110px;height: 30px;border-radius: 20px;color:#979797;border:solid 1px #979797;display: block;line-height: 30px;text-align: center;transition: all .5s}
.ipro-bd a .t1{font-size: 24px;color:#333333;margin: 15px 0;padding:0 10px;}
.ipro-bd a .t2{font-size: 14px;color:#666666;line-height: 24px;-webkit-line-clamp:2;margin-bottom: 15px;padding:0 10px;}
.ipro-bd a img{transition: all .5s}
.ipro-bd a:hover,.ipro-bd a.active{background: #fff;box-shadow: 0 0 10px #999;}
.ipro-bd a:hover span,.ipro-bd a.active span{background: var(--zhu-color);color:#fff;border-color:var(--zhu-color);}
.ipro-bd a:hover img,.ipro-bd a.active img{transform: scale(1.1,1.1);}

@media(max-width: 1800px){
	.section3{background-size: auto auto;}
}
@media(max-width: 1024px){
	.ipro-hd,.ipro-bd{display: block;}
}
@media(max-width: 576px){
	.ipro-bd a.active{}
	.ipro-bd .swiper-slide-active a{background: #fff;box-shadow: 0 0 10px #999;}
	.ipro-bd .swiper-slide-active a span{background: var(--zhu-color);color:#fff;border-color:var(--zhu-color);}
	.ipro-bd .swiper-slide-active a img{transform: scale(1.1,1.1);}
}

/*ihonor*/
.section4{background:url(../images/ihonor-bg.jpg) center bottom no-repeat;background-size: 100% 100%;}
.ihonor{padding-top:95px}
.ihonor .wrap{padding:0 15px 100px;}
.ihonor-hd{text-align: center;display: none;}
.ihonor-hd .ititle .t1{color:#fff;}
.ihonor-hd .ititle .t2{color:#fff;}
.ihonor-bd{display: flex;flex-direction: row;justify-content: space-between;margin-top: 45px;}
.ihonor-bd .left{width:580px;border:solid 8px var(--zhu-color);position: relative;overflow: hidden;--swiper-theme-color: #fff;display: none;}
.ihonor-bd .left .img{border-bottom: solid 5px var(--zhu-color);padding-bottom: 63.5% }
.ihonor-bd .left .img img{transition: all .5s}
.ihonor-bd .left .t1{background: var(--zhu-color);padding:15px 80px 15px;color:#fff;font-size: 20px;text-align: center;width:101%;}
.ihonor-bd .left .line{height: 5px;width:0;background: #fff;display: block;transition: all .5s}
.ihonor-bd .left .swiper-slide:hover .line{width:100%;}
.ihonor-bd .left .swiper-slide:hover .img img{transform: scale(1.1,1.1);}
.ihonor-bd .left .swiper-pagination{position: absolute;left:20px;bottom:20px;z-index: 1;width:auto;}

.ihonor-bd .right{/*width:calc(100% - 620px);*/width:100%;position: relative;display: none;}
.ihonor-bd .honor-list{width:100%;overflow: hidden;}
.ihonor-bd .right a{width:100%;border-radius: 10px;border:solid 1px #fff;padding:15px;display: block;transition: all .5s}
/*.ihonor-bd .right a .img{padding-bottom: 75%;}*/
.ihonor-bd .right a img{transition: all .5s}
.ihonor-bd .right a:hover{border-color:var(--zhu-color);}
.ihonor-bd .right a:hover img{transform: scale(1.1,1.1);}
.ihonor-bd .right .swiper-pagination{position: absolute;bottom:-80px;}
.ihonor-bd .right .swiper-pagination span{width:12px;height: 12px;transition: all .5s}
.ihonor-bd .right .swiper-pagination span.swiper-pagination-bullet-active{width:30px;border-radius: 20px;background: var(--zhu-color)}
@media(max-width: 1800px){
	.section4{background-size: auto auto;}
}
/*@media(max-width: 1600px){
	.ihonor-bd .left{width:560px;}
	.ihonor-bd .right{width:calc(100% - 580px);}
}
@media(max-width: 1400px){
	.ihonor-bd .left{width:500px;}
	.ihonor-bd .right{width:calc(100% - 520px);}
}
@media(max-width: 1200px){
	.ihonor-bd .left{width:420px;}
	.ihonor-bd .right{width:calc(100% - 440px);}
}
@media(max-width: 1024px){
	.ihonor-bd .left{width:440px;display: block;}
	.ihonor-bd .right{width:calc(100% - 460px);display: block;}
}*/
@media(max-width: 992px){
	.section4{background-size: auto 100%;}
	.ihonor-bd{flex-direction: column;align-items: center;}
/*	.ihonor-bd .left{width:60%;}*/
	.ihonor-bd .right{width:100%;margin-top: 30px;}
	.ihonor-bd .right .swiper-pagination{width:100%;left:0;}
}
@media(max-width: 768px){
	/*.ihonor-bd .left{width:80%;}*/
}
@media(max-width: 576px){
	.ihonor-bd .left{width:100%;}
	.ihonor-bd .right a{padding:5px;}
	.ihonor-bd .left .t1{padding:15px 10px 15px 80px;}
	.ihonor-bd .right .swiper-pagination{bottom:-30px;}
}

/*section5*/
.section5{background:url(../images/ihezuo-bg.jpg) center bottom;background-size: 100% auto;margin-top: 45px;}
.ihezuo{background: url(../images/ihezuo-img.jpg) 500px 0px no-repeat;height: 570px}
.ihezuo .left{width:500px;padding:0 60px;display: flex;flex-direction: column;justify-content: center;height:570px;}
.ihezuo .left .t3{line-height: 48px;font-size: 16px;margin: 30px 0 90px}
.ihezuo .right{display: none;}
@media(max-width: 1600px){
	.ihezuo{background: url(../images/ihezuo-img.jpg) right 0px no-repeat;}
}
@media(max-width: 1400px){
	/*.ihezuo{background-size: 90% auto;}*/
}
@media(max-width: 1200px){
	/*.ihezuo{background-size: 90% auto;}*/
}
@media(max-width: 1024px){
	.ihezuo{text-align: center;background: none;height: auto;padding:0px 0 30px;}
	.ihezuo .left{width:100%;height: auto;padding:30px 0;}
	.ihezuo .left .t3{margin:0px;padding:0 15px;}
	.ihezuo .left .more{display: none;}
	.ihezuo .right{display: block;}
	.ihezuo .right .more{margin:30px auto 0;}

}
@media(max-width: 576px){

	.ihezuo .left .t3{margin-top:15px;line-height: 26px;padding:0 15px;font-size: 14px;}

}

/*iyingyong*/
.section6{background: url(../images/iyingyong-bg.jpg) center bottom no-repeat;}
.iyingyong{background: rgba(0,104,55,0.7);overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;height: 100%;padding-top: 100px;}
.iyingyong a{width:20%;display: block;border-right:solid 1px #6e9780;border-bottom: solid 1px #6e9780;height: calc(calc(100vh - 100px)/2)}
.iyingyong .item{width:100%;position: relative;overflow: hidden;height: 100%}
.iyingyong .item .hd{width:100%;height: 100%;position: absolute;display: flex;flex-direction: column;justify-content: center;padding:0 15%;transition: all .5s}
.iyingyong .t1{color:#fff;font-size: 26px;position: relative;padding-bottom: 10px;}
.iyingyong .t1:after{content:'';position: absolute;width:35px;height: 1px;background: #fff;left:0%;bottom: 0;}
.iyingyong .t2{color:#fff;font-size: 26px;font-weight: bold;padding:10px 0;}
.iyingyong .t3{color:#fff;font-size: 16px;text-transform: uppercase;}
.iyingyong .item .hd .circle{width:36px;height: 36px;border:solid 1px #fff;border-radius: 50%;text-align: center;line-height: 36px;position: absolute;right:10%;bottom:10%;opacity: 0;transition: all .5s}
.iyingyong .item .hd .circle i{color:#fff;}
.iyingyong .item .bd{height: 50%;position: absolute;bottom:-50%;left:0;transition: all .5s;width:100%;}
.iyingyong .item .bd .img{height: 100%;padding-bottom: 0;}
.iyingyong .item:hover .hd,.iyingyong .item.active .hd{height: 50%;background: var(--zhu-color)}
.iyingyong .item:hover .circle,.iyingyong .item.active .circle{opacity: 1}
.iyingyong .item:hover .bd,.iyingyong .item.active .bd{bottom:0;}

.iyingyong .item2{background:#e1cb82;width:100%;height: 100%;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.iyingyong .item2 i{color:#fff;font-size:40px;}
@media(max-width: 1024px){
	.section6{background-size: auto 100%;}
	.iyingyong{padding-top: 0}
	.iyingyong a{width:33.3%;}
	.iyingyong a:nth-child(3n){border-right:none}
	.iyingyong a:nth-child(10){display: none;}
}
@media(max-width: 992px){
	.iyingyong a{height: calc(100vh / 3)}
	.iyingyong .item .hd{padding:0 5%;}
}
@media(max-width: 576px){
	.iyingyong a{width:50%;height: calc(100vh / 2.5)}
	.iyingyong a:nth-child(3n){border-right:solid 1px #6e9780;}
	.iyingyong a:nth-child(2n){border-right:none;}
	.iyingyong a:nth-child(10){display: block;}
	.iyingyong .item .hd{padding:0 5%;}
	.iyingyong .item .hd .circle {display: none;}
	.iyingyong .t1{font-size: 20px;padding-bottom: 5px}
	.iyingyong .t2{font-size: 20px;padding:5px 0;}
	.iyingyong .t3{font-size: 14px}
}

/*inews*/
.section7{background: #ecefee;}
.inews{padding-top: 100px;}
.inews-hd{text-align: center;display: none;}
.inews-bd{margin-top: 15px;padding:15px;display: none;overflow: hidden;}
.inews-bd .item{display: block;border-radius: 10px;background: #f5f7fb;transition: all .5s}
.inews-bd .item .img{padding-bottom: 56.7%;}
.inews-bd .item .img img{transition: all .5s}
.inews-bd .item .txt{padding:15px 25px 25px;position: relative; }
.inews-bd .item .txt:after{content:'';position: absolute;right:30px;bottom: 30px;width:150px;height: 50px;background: url(../images/logo.png);}
.inews-bd .item .t1{color:#333333;font-size: 22px;font-weight: bold;border-bottom: solid 1px #e6e8eb;padding:10px 0;transition: all .5s}
.inews-bd .item .t1 i{font-weight: normal;font-size: 24px;float: left;margin-right: 10px;transition: all .5s}
.inews-bd .item .t2{margin:15px 0;color:#666666;line-height: 30px;}
.inews-bd .item .t3{color:var(--zhu-color);font-weight: bold;font-size:24px;}
.inews-bd .item .more{background: none;border:solid 1px var(--zhu-color);color:var(--zhu-color);height: 40px;line-height: 40px;margin-top: 15px;}
.inews-bd .item:hover{box-shadow: 0 0 20px #999;}
.inews-bd .item:hover .t1{color:var(--zhu-color);}
.inews-bd .item:hover .img img{transform: scale(1.05,1.05);}
.inews-bd .item:hover .more{width:170px;}
@media(max-width: 1024px){
	.inews{padding:30px 0;}
	.inews-hd,.inews-bd{display: block;}
}

/*footer*/
.section8{background: url(../images/footer-bg.jpg) center bottom no-repeat;position: relative;}
.footer{}
.f-hd{width:100%;display: flex;flex-direction: row;padding:60px 15px;}
.f-hd .txt{width:560px;padding:55px 70px;color:#fff;}
.f-hd .txt .t1{font-size: 48px;}
.f-hd .txt .t2{font-size: 18px;margin-top: 10px;letter-spacing: 2.5px}
.f-hd .txt .t3{font-size: 18px;margin-top: 30px;}
.f-hd .txt .t3 i{font-size: 24px;float: left;line-height: 1.2;margin-right: 5px;}
.f-hd .txt .t4{font-size: 40px;font-weight: bold;}
.f-hd .txt .t5{font-size: 12px;}
.f-hd .txt ul{margin-top: 15px}
.f-hd .txt ul li{font-size: 16px;padding:10px 0;}
.f-hd .txt ul li i{margin-right: 5px;}

.f-hd .form{width:730px;background: rgba(59,138,105,.7);padding:30px 60px;border-radius: 20px;}
.f-hd .form .t1{color:#fff;font-size: 24px;text-align: center;}
.f-hd .form .message{display: flex;flex-direction: column;margin-top: 50px;}
.f-hd .form li{margin-bottom: 20px;display: flex;flex-direction: row;justify-content: space-between;}
.f-hd .form .inputbox{width:48%;border-radius: 10px;background: #86b7a2;color:#fff;font-size: 16px;height: 60px;line-height: 60px;padding:0 15px;}
.f-hd .form textarea{width:100%;border-radius: 10px;background: #86b7a2;color:#fff;font-size: 16px;height:170px;padding:15px;border:none;}
.f-hd .form .inputbox::-webkit-input-placeholder{color:#fff;}
.f-hd .form textarea::-webkit-input-placeholder{color:#fff;}
.f-hd .form .left{width:calc(100% - 215px);}
.f-hd .form .left input{width:55%;}
.f-hd .form .left img{margin-left: 15px;width:150px;}
.f-hd .form .right a{width:196px;height: 60px;line-height: 60px;text-align: center;color:#fff;font-size: 16px;background: var(--pei-color);border-radius: 10px;display: inline-block;transition: all .5s}
.f-hd .form .right a:hover{background: var(--zhu-color)}
.f-bd{color:#fff;font-size: 16px;text-align: center;background: var(--zhu-color);padding:10px 15px;position: absolute;bottom:0;width:100%;}
.f-bd a{color:#fff;display: inline-block;}
.f-bd a:hover{color:var(--pei-color);}
@media(max-width: 1200px){
	.f-hd{justify-content: space-between;}
	.f-hd .txt{padding:50px 0;width:360px;}
	.f-hd .form{width:650px;}
	.f-hd .form .left input{width:140px;}
}
@media(max-width: 1024px){
	.f-hd .form{width:calc(100% - 360px);}
	.f-hd .form li:last-child{display: flex;flex-direction:column;}
	.f-hd .form .inputbox{height: 45px;line-height: 45px;}
	.f-hd .form textarea{height: 100px}
	.f-hd .form .message{margin-top: 30px;}
	.f-hd .form .left{width:100%;}
	.f-hd .form .left input{width:calc(100% - 200px);}
	.f-hd .form .left img{height: 45px;}
	.f-hd .form .right{margin-top: 15px;}
	.f-hd .form .right a{width:100%;}
	/*.section8{background-size: auto 100%}
	.f-hd{flex-direction: column;align-items: center;}*/
}
@media(max-width: 992px){
	.f-hd{flex-direction: column;}
	.f-hd .txt{width:100%;}
	.f-hd .form{width:100%;}
}
@media(max-width: 576px){
	.f-hd .txt{padding:0 0 30px;}
	.f-hd .txt .t1{font-size: 30px;}
	.f-hd .txt .t4{font-size: 30px;}
	.f-hd .form{padding:30px 15px;}
	.f-hd .form li{flex-direction: column;margin-bottom: 0}
	.f-hd .form textarea{margin-bottom: 15px;}
	.f-hd .form .inputbox{width:100%;margin-bottom: 15px}
	.f-hd .form .left input{width:calc(100% - 120px);}
	.f-hd .form .left img{width:100px;}
}