/* 顶部 */
.fixtop{position:fixed;height:3rem;line-height:3rem;width:100%;top:0;background-color:#fff;z-index:999999;box-shadow:0 2px 2px #cecece;max-width:750px}
.fixtop ul li{margin-top:0;justify-content:center}
.fixtop ul li span{background-color:#00628f;padding:0 8px;border-radius:.5rem;margin-left:.7rem;min-width:5rem;height:1.8rem;line-height:1.8rem;display:inline-block;text-align:center;text-transform:capitalize}
.fixtop ul li span a{color:#fff}
.animation {animation: scale 4s linear infinite;}

/* 头部 */
.header{background-size: cover;width: 100%;position: relative;}
.header .header-top{position: absolute;top: 0rem;width: 100%;}
.header .header-top .title{text-align: center;padding-top: 2rem;}
.header .header-top .title h2{ background: -webkit-linear-gradient(to bottom, #E38B46 0%, #E56D24 100%);background: linear-gradient(to bottom, #E38B46 0%, #E56D24 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;font-size: 3.75rem;-webkit-text-stroke-color: white; letter-spacing: 0.25rem;-webkit-text-stroke: 0.12rem #fff;font-weight: bold;}
.header .header-bottom{position: absolute;bottom: 1rem;right: 1.25rem;}
.header .header-bottom h3{color: #06287D;font-weight: bold;font-size: 1.5em;}
.header .header-bottom h3+h3{margin-top: 0.5rem;}

/* 主营产品 */
.main ul{justify-content: space-around;width: 94%;margin: 0 auto;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.main ul li{width: 48%;text-align: center;margin-top: 1rem;}
.main ul li span{ background-image: linear-gradient(to bottom, #2E79E9, #0B3199);display: inline-block;width: 96%;text-align: center;border-radius: 0.75rem;color: white;padding: 0.5rem 0;margin: 0.25rem 0;font-size: 1.25rem;}
.main ul li .img img{margin: 0 auto;}

/* 工艺选择 */
.technology #title{margin-bottom: 3.5rem;}
.technology .fully{width: 94%;margin: 0 auto;background: white;border-radius: 0.75rem;margin-top: 2.5rem;position: relative;padding: 1.5rem 0;}
.technology .fully .biaoti{position: absolute;width: 100%;top: -1rem;}
.technology .fully .text{background-image: linear-gradient(to bottom, #2E79E9, #0B3199);width: 70%;margin: 0 auto;border-radius: 1rem;display: flex;flex-wrap: wrap;justify-content: center;padding: 0.35rem 0;position: relative;}
.technology .fully .biaoti span{display: inline-block;width: 3rem;height: 3rem;line-height:3rem;text-align: center;background: #1D5AD0;color:white;border-radius: 50%;position: absolute;left: 0rem;top: -0.75rem;font-size: 1.25rem;}
.technology .fully .text .txt{color: white;font-size: 1.35rem;font-weight: bold;}
.technology .fully .img{width: 98%;margin: 0 auto;margin-top: 1.25rem;margin-bottom: 1.25rem;}
.technology .fully .img img{margin: 0 auto;}
.technology .fully .content{width: 98%;margin: 0 auto;margin-top: 1rem;margin-bottom: 1rem;}
.technology .fully .content .detail{display: flex;flex-wrap: wrap;align-items: start;padding-left: 0.5rem;margin-bottom: 1rem;}
.technology .fully .content .detail+.detail{margin-top: 0.25rem;}
.technology .fully .content .detail span{display: inline-block;width: 2.75rem;height: 1.5rem;text-align: center;line-height:1.5rem;background-image: linear-gradient(to right, #2E79E9, #0B3199);margin-right: 1.5rem;position: relative;color: white;font-size: 1.25rem;}
.technology .fully .content .detail span::after{content:' ';position: absolute;top: 50%;right: -0.95rem;transform: translateY(-50%);width: 0;height: 0;border-top: 0.79rem solid transparent;border-bottom: 0.79rem solid transparent;border-left: 1rem solid #0B3199;}
.technology .fully .content .detail .txt{font-size: 1.25rem;width: 85%;}

/* 产品特点与优势 */
.product #now_title{text-align: center;font-size: 2rem;color: white;}
.product .imgleft{background: white;width: 94%;margin: 0 auto;border-radius: 0.75rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5rem;}
.product .imgleft .img{background: #E7E7E7;width: 44.8%;border-radius: 0.75rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.product .imgleft .content{width: 54.8%;display: flex;flex-wrap: wrap;justify-content: center;}
.product .imgleft .content .content_list{width: 94%;}
.product .imgleft .content .txt{display: flex;flex-wrap: wrap;align-items: end;}
.product .imgleft .content .txt>:first-child{display: flex;flex-wrap: wrap;justify-content: center;align-items: end;width: 1.75rem;height: 2.25rem;background: #0231D6;border-bottom-left-radius: 0.75rem;border-bottom-right-radius: 0.75rem;color: white;font-size: 1.25rem;text-align: center;margin-right: 0.55rem;}
.product .imgleft .content .txt>:last-child{font-size: 1.25rem;font-weight: bold;}
.product .imgleft .content .text{font-size: 1.1rem;padding-bottom: 1rem;}
.product .imgleft .content .line{width: 80%;display: flex;flex-wrap: wrap;justify-content: center;margin: 0.5rem 0;}
.product .imgleft .content .line .hr:nth-child(1){width: 45%;height: 0.15rem;background: #000;}
.product .imgleft .content .line .hr:nth-child(2){width: 55%;height: 0.1rem;background: #000;}

.product .imgright{background: white;width: 94%;margin: 0 auto;border-radius: 0.75rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5rem;}
.product .imgright .img{background: #FFFFFF;width: 44.8%;border-radius: 0.75rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.product .imgright .img img{margin: 0 auto;}
.product .imgright .content{width: 54.8%;display: flex;flex-wrap: wrap;justify-content: center;}
.product .imgright .content .content_list{width: 94%;}
.product .imgright .content .txt{display: flex;flex-wrap: wrap;align-items: end;}
.product .imgright .content .txt>:first-child{display: flex;flex-wrap: wrap;justify-content: center;align-items: end;width: 1.75rem;height: 2.25rem;background: #0231D6;border-bottom-left-radius: 0.75rem;border-bottom-right-radius: 0.75rem;color: white;font-size: 1.25rem;text-align: center;margin-right: 0.55rem;}
.product .imgright .content .txt>:last-child{font-size: 1.25rem;font-weight: bold;}
.product .imgright .content .text{font-size: 1.1rem;}
.product .imgright .content .line{width: 80%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0.5rem 0;}
.product .imgright .content .line .hr:nth-child(1){width: 45%;height: 0.15rem;background: #000;}
.product .imgright .content .line .hr:nth-child(2){width: 55%;height: 0.1rem;background: #000;}


/* 可处理原料及出油率 */
.probability .text{background-image: linear-gradient(to bottom, #2E79E9, #0B3199);color: white;font-size: 1.5rem;text-align: center;width: 90%;margin: 0 auto;margin-top: 1rem;margin-bottom: 1rem;padding: 0.25rem 0;}
.probability .raw{width: 94%;margin: 0 auto;}
.probability .raw .base-rate{background-color:#BFBFBF;color:#000;position:relative;height:2rem;margin-bottom:5px}
.probability .raw .base-rate+.base-rate{margin-top: 0.75rem;}
.probability .raw .h{height: 3.5rem;}
.probability .raw .base-rate .rate-text{position:absolute;font-size:11px;font-family:'Open Sans',Arial,sans-serif;padding:0 6px;left:0;right:0;top:0;bottom:0;z-index:999;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.probability .raw .base-rate .rate-text .left strong{font-size: 1.25rem;}
.probability .raw .base-rate .rate-text .right{font-size: 1.25rem;}
.probability .raw .base-rate .rate-val{background-color:#F19149;position:absolute;top:0;bottom:0;}
.probability .raw .base{background: #878A93;color: #000;height: 2rem;margin-bottom: 5px;margin-top: 0.75rem;}
.probability .raw .base .rate-text{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;height: 100%;padding: 0 6px;font-size: 1.25rem;}
.probability .raw .base .rate-text .left{font-weight: bold;}


/* 产品参数 */
.parameter{padding-bottom: 0.25rem !important;}
.parameter table{width: 94%;margin: 0 auto;background: #052DC0;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.parameter table tr{border-top: none;}
.parameter table tr td{border-right: 0.01rem solid #fff;border-bottom: 0.01rem solid white;color: white;padding: 0.25rem;}
.center{text-align: center;}
.parameter table tr>:first-child{text-align: center;}
.parameter table tr>:last-child{border-right: none;}
.parameter table .last-child td{border-bottom: none;}

/* 选择我们的五大理由 */
.reason{padding: 0 !important;}
.reason .reason_bg{background: url(../img/xuan_ze_dong_ying_de_li_you.png) no-repeat;background-size: cover;width: 100%;height: 29rem;position: relative;}
.reason_bg .text{position: absolute;top: 8rem;width: 72%;text-align: center;}
.reason_bg .text h3{font-size: 1.75rem;color: white;}
.reason_bg .text .hr{width: 80%;height: 0.1rem;background: white;margin: 0 auto;margin-top: 0.75rem;margin-bottom: 0.75rem;}
.reason_bg .text span{background: #F19149;display: inline-block;color: white;padding: 0.25rem 1rem;border-radius: 0.75rem;font-size: 1.05rem;}
.reason .we{width: 94%;margin: 0 auto;padding: 0.5rem 0;}
.reason .we .content{background-image: linear-gradient(to bottom, #0231D3, #0230D0);box-shadow: 0 2px 4px 0px rgba(0,0,0,.6);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-radius: 0.5rem;height:4rem;color: white;margin-bottom: 1rem;}
.reason .we .content .num,
.reason .we .content .text{width: 12.4%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;font-size: 1.25rem;}
.reason .we .content .num span{display: inline-block;width: 100%;height: 100%;background-color: #1544CB;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;}
.reason .authentication{background-image: linear-gradient(to bottom, #0231D3, #00229A);padding-top: 0;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;margin-bottom: 1rem;}
.reason .authentication ul{justify-content: space-around;margin: 1rem 0;}
.reason .authentication ul li{width: 30%;}
.reason .authentication ul li img{width: 8rem;margin: 0 auto;}
.reason .we .content .detail{width: 75%;font-size: 1.05rem;}
.reason .we .apc{width: 100%;}
.reason .we .apc ul{justify-content: space-around;margin: 0.55rem 0;}
.reason .we .apc ul li{width: 30%;}
.reason .we .apc ul li img{margin: 0 auto;width: 8rem;}

.reason .enterprise{background-image: linear-gradient(to bottom, #0231D3, #00229A);padding-top: 0;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;margin-bottom: 1rem;}
.reason .enterprise .img{width: 80%;margin: 0 auto;padding: 1rem 0;}
.reason .enterprise .img img{margin: 0 auto;}
.reason .core{background-image: linear-gradient(to bottom, #0231D3, #00229A);padding-top: 0 !important;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;margin-bottom: 1rem;}
.reason .core .text{width: 19.4% !important;}
.reason .core .detail{width: 67.4% !important;}
.reason .core .img{width: 90%;margin: 0 auto;padding: 1rem 0;}
.reason .core .detail{width: 67.4% !important;}
.reason .core .img img{margin: 0 auto;}

/* 客户案例 */
.project ul{width: 94%;margin: 0 auto;justify-content: space-around;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.project ul li{width: 48.5%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.project ul li .img{padding: 0.25rem;position: relative;margin: 0 auto;width: 100%;}
.project ul li .img>:first-child{margin:0 auto}
.project ul li .img .location{align-items: center;position: absolute;bottom: 1rem;left: 1rem;background: rgba(0,0,0,.6);border-radius: 0.75rem;padding: 0.25rem 0.5rem;}
.project ul li .img .location span{color: white;margin-left: 0.25rem;}

/* 公司简介 */
.company .factory{background: url(../img/dong_ying_gong_chang.png) no-repeat;background-size: cover;width: 100%;height: 21rem;margin-top: 1.5rem;}
.company .company_item{width: 90%;margin: 0 auto;background: white;border-radius: 0.75rem;position: relative;top: -2rem;box-shadow: 0 2px 4px 0px rgba(0,0,0,.6);padding-bottom: 1.5rem;}
.company .company_item .text{text-align: center;padding: 1rem 0;}
.company .company_item .text h3{font-size: 1.75rem;}
.company .company_item .text h5{font-size: 1.5rem;margin-top: 1rem;}
.company .company_item .content{width: 94%;margin: 0 auto;}
.company .company_item .content .flex{justify-content: space-around;}
.company .company_item .content .flex li{width: 48%;text-align: center;margin-top: 1rem;}
.company .company_item .content .flex li .img{width: 100%;border-radius: 0.75rem;background-image: linear-gradient(to bottom, #0231D3, #00229A);border-radius: 0.75rem;}
.company .company_item .content .flex li .img img{margin: 0 auto;width: 100%;}
.company .company_item .content .flex li .img span{color: white;display: inline-block;padding: 0.5rem 0;font-size: 1.25rem;}
.company .company_item .content .txt{font-size: 1.25rem;text-indent: 2rem;margin-top: 1rem;}
.company .company_item .content .numbers{display: flex;flex-wrap: wrap;justify-content: space-around;margin: 0.75rem 0;}
.company .company_item .content .numbers .num{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.company .company_item .content .numbers li{text-align: center;width: 23%;}
.company .company_item .content .numbers li .num{color: #022DC6;font-weight: bold;font-size: 1.25rem;}
.company .company_item .content .numbers li .font{background: #022DC6;color: white;border-radius: 0.75rem;font-size: 1.25rem;padding: 0.25rem 0;margin-top: 1rem;}

/* 联系我们 */
.contact .title{justify-content: center;align-items: center;}
.contact .title .hr{width: 7.5rem;height: 0.1rem;background: white;}
.contact .title h3{color: white;font-size: 2rem;font-weight: bold;margin: 0 1rem;}
.contact .contact_us{background: white;border-radius: 0.75rem;width: 94%;margin: 0 auto;box-shadow: 0 2px 4px 0px rgba(0,0,0,.6);position: relative;padding: 2rem 0;margin-top: 1.25rem;margin-bottom: 1.25rem;}
.contact .contact_us .logo{display: flex;flex-wrap: wrap;justify-content: center;}
.contact .contact_us .logo .img{display: flex;flex-wrap: wrap;align-items: center;margin-right: 1.5rem;}
.contact .contact_us .logo .doing{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;text-align: center;}
.contact .contact_us .logo .doing h3{color: #0060B1;font-size:2rem;letter-spacing: 0.5rem;}
.contact .contact_us .logo .doing h4{color: #0060B1;font-size: 1.25rem;}
.contact .contact_us .year{display: flex;flex-wrap: wrap;justify-content: space-between;width: 60%;margin: 0 auto;background: #E87403;border-radius: 1rem;margin-top: 1rem;margin-bottom: 1rem;}
.contact .contact_us .year div{text-align: center;padding: 0.5rem 0;font-size: 1.25rem;}
.contact .contact_us .year>:first-child{color: white;background: #0060B1;width: 45%;border-radius: 1rem;}
.contact .contact_us .year>:last-child{color: white;background: #E87403;width: 55%;border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.contact .contact_us .contentmodel{text-align: center;}
.contact .contact_us .contentmodel div{font-size: 1.5rem;font-weight: bold;}
.contact .contact_us .contentmodel div+div{margin-top: 0.5rem;}
.contact .bangs{position: absolute;top: -0.5rem;width: 100%;}
.contact .bangs img{margin: 0 auto;width: 12rem;}


/* 底部按钮 */
.btn-wrap{height:20px}
.btn-box{padding:0 4%;bottom:0;width:100%;justify-content:space-between;background-color:#fe8429;background-image: linear-gradient(to right, #0231D3, #00229A);z-index: 9999;}
.btn{width:49%;height:36px;line-height:36px}
.btn a{color:#fff;display:block;text-align:center}
.btn:first-child{border-right:1px solid #fff}
.btn-box{position:fixed;max-width:750px;box-sizing:border-box}

/* 返回顶部 */
.gotop{width:12vw;height:12vw;line-height:12vw;border-radius:50%;background-color:rgba(0,0,0,0.5);display:none}
.gotop{position:fixed;z-index:99;top:75%;right:10px;text-align:center}
.gotop img{width:50%;display:inline-block;vertical-align:middle}

/* 表单样式 */
.form-wrap{padding:1rem;background-color:#fffdf6;margin:0;box-sizing:border-box}
.form-wrap>h3{text-align:center;font-size:2.4rem;line-height:2.6rem;margin:0;font-weight: 600;}
.form-wrap h3 img{width:3.3rem;position:absolute;left:2rem}
.form-wrap>p{font-size:1.2rem;line-height:1.5;margin:1rem 0;text-align:justify;text-indent:2em}
.form-wrap>p a{color:#01a94f}
.fo1{position:absolute;width:3rem;top:0rem;left:0rem}
.fo2{position:absolute;width:3rem;right:0rem;bottom:0rem}
.form-wrap>form{background:#f4ead8;padding:8% 3%;border-radius:0 3rem 0 3rem;box-shadow:1px 1px 3px #999;margin:2rem 0 1rem 0;position: relative;}
.form-wrap>form>div{margin-bottom:.5rem;display:flex;align-items:flex-start}
.form-wrap>form div img{width:1.5rem}
.form-wrap>form div span{display:block;width:5rem;min-width:5rem;color:#333;text-align:center;font-weight:bolder;font-size:1rem;line-height:1.5rem}
.form-wrap>form input{display:inline-block;width:100%;height:1.8rem}
.form-wrap>form textarea{width:100%;min-height:5rem}
.form-wrap>form p{background-color:#ffa506;text-align:center;color:#fff;border-bottom:2px solid #ffa506;height:3.6rem;margin:0 auto;font-size:1.8rem;line-height:3.6rem}
.form-wrap>form p:hover{cursor:pointer;box-shadow:2px 2px 2px #ababab}
input,textarea{border:1px solid #ccc;padding-left:1rem;font-family:Arial,Helvetica,sans-serif;border-radius:4px;font-size:.8rem;line-height:1.5;box-sizing:border-box}
input:focus,textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.wx{display:flex;align-items:center;justify-content:space-between}
.wx>p{width:45%}
.wx span{text-align:right;width:95%;display:block;color:#ff8f21}
.wx>div p{font-size:1rem;margin:1rem 0}
.wx>div p:nth-child(1)::after{content:'';width:22rem;border-bottom:1px solid #ff8f21;display:block;margin-top:0.5rem}
.wx>div p b{padding-left:1.5rem}
.wx p:nth-child(1) img{float:left;width:1.5rem}
.wx>p img{margin:0 auto;max-width:100%}