/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-09-22 20:19:28
*/
/*banner*/
.wrap{width: 14.5rem !important;}
body{background: #f7f7f7;}


.title{font-size: 0.2rem;color: #222222;text-align: center;padding-top: 1rem;letter-spacing:0.5px;}
.title p{display: block;font-size: 0.5rem;color:#111111;padding-bottom:0.1rem;}


#banner img{width:100%;display: block;}


#product{width: 100%;height: 9.2rem;}
#product li{width: 25%;float: left;text-align: center;font-size: 0.16rem;color: #111111;margin-top: 0.7rem;font-family: 'MyriadPros';}
#product li p{font-size: 0.24rem;color: #333333;line-height: 0.5rem;font-family: 'Gothamm';}
#product li img{width: 1.17rem;display: block;margin:0 auto;}



#list{width:100%;height:29.3rem;background:#fff;}
#list li{margin-top:1.25rem;}
#list li .fl{font-size:0.24rem;color:#666666;}
#list li .fl img{width:0.38rem;height:0.27rem;display:block;margin-top:0.7rem;}
#list li .fl p{font-size:0.46rem;color:#111111; font-family: 'Gothamm';line-height:0.5rem;font-weight:bold;padding-top:0.5rem;padding-bottom:0.4rem;}
#list li .fr img{width:100%;display:block;}
#list li .fr{width:6.56rem;}



/*scene*/
#scene{width: 100%;height: 8.2rem;background: #f4f4f4;}
#scene .title{padding-top: 1.2rem;}
#scene li{width: 4.43rem;float: left;margin-right: 0.6rem;margin-top:0.8rem;font-size: 0.18rem;color: #999;}
#scene li:last-child{margin-right: 0;}
#scene li .wen{background:#fff;width:95%;height:1.4rem;padding:0 2.5%;}
#scene li p{font-size: 0.24rem;color: #333333;font-family: 'Gothamb';padding-top:0.25rem;padding-bottom:0.1rem;}
#scene li .tu{width: 100%;height: 2.68rem;overflow: hidden;}
#scene li .tu img{width: 100%;display: block;}



#Process{background:#fff;}
#Process .wrap{margin-top: 0.8rem;height:3.8rem;background:url(/statics/images/feibiao/line.jpg)no-repeat top;background-size: 100%;}
#Process li{width: 11.1%;float: left;font-size: 0.18rem;color: #333;text-align: center;}
#Process li .shu{width: 1rem;height: 1rem;background:#fff;;margin:0 auto;font-size: 0.47rem;color: #ffaf14;line-height: 1rem;font-family: 'MyriadPros';position: relative;z-index: 1;border:1px solid #d9d9d9;margin-bottom:0.55rem;}
#Process li:hover .shu{background:#ffaf14;color: #fff;}
#Process li span{width:0.2rem;height:0.2rem;border-radius:50%;border:1px solid #d9d9d9;display:block;margin:0 auto;background:#fff;}
#Process li p{height: 1rem;width: 100%;padding-top: 0.3rem;font-size: 0.18rem;color: #333333;font-family: 'Gothamb';line-height: 0.3rem;}
#Process li:hover span{background:#ffaf14;color:P#fff;border:1px solid #ffaf14;}



#liuyan{height:7rem;background: #f4f4f4;width: 100%;padding-top: 1rem;}
#liuyan .fl{width: 5.7rem;font-size: 0.16rem;color: #111111;line-height:0.36rem;padding-top:0.5rem;}
#liuyan .fl p{font-size: 0.3rem;color: #333333;line-height:0.45rem;margin-bottom:0.5rem;}
#liuyan .fr{width: 6rem;margin-left: 0.8rem;background:#fff;padding:0.5rem}
#liuyan .fr input{width: 80%;height: 0.4rem;line-height: 0.4rem;background:#f7f7f7;outline: none;border:none;text-indent: 0.2rem;margin-right: 0.57rem;font-size: 0.14rem;color: #666;margin-bottom: 0.4rem;display: block;margin-top: 0.1rem;}
#liuyan .fr textarea{outline: none;border: none;background: #f7f7f7;width: 6rem;margin: 0.1rem 0;color: #666;height:1.2rem;text-indent: 0.2rem;font-size: 0.14rem;font-family: 'Microsoft YaHei';line-height: 0.35rem;}
#liuyan .fr .tijiao1{margin-left:0;}
#liuyan .fr li{width: 50%;float: left;font-size:0.16rem;}