
@font-face{
    font-family: 'p';
    src : url('../font/Poppins-Regular.ttf');
}
@font-face{
    font-family: 'pb';
    src : url('../font/Poppins-Bold.ttf');
}
*{
    margin: 0;
    padding: 0;
    font-family:p;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    cursor: pointer;
}
body{
    max-width: 100%;
    margin: 0 auto;
}
.ttmst{
    background: url(../img/71050.png) no-repeat !important;
    background-size: 100% 100% !important;
}
.whycenter .one_machine{
    padding-bottom: 0rem !important;
    margin-top: 0rem !important;
    margin-bottom: 0.6rem;
}
.banner{
    width: 100%;
    height: 8.5rem;
    background: url(../img/banner.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.one_machine{
    width: 15rem;
    height: 0.5rem;
    background: url(../img/12.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    color: #1b2d36;
    font-size: 0.48rem;
    text-align: center;
    line-height: 0.7rem;
    /* text-shadow: #ddd 7px -12px 5px; */
    font-family: 'pb';
    margin-top: 0.89rem;
    margin-bottom: 0.28rem;
}
.one_machine_once{
    width: 100%;
    height: 7.7rem;
    margin: 0 auto;
    margin-bottom: 1.1rem;
}
.one_machine_oncenter{
    width: 15rem;
    height: 7.7rem;
    overflow: hidden;
    margin: 0 auto;
}
.one_machine_left{
    width: 6.55rem;
    height: 7.7rem;
    float: left;
    background: #f6f5f6;
    position: relative;
}

.one_machine_right{
    width: 8.18rem;
    height: 7.7rem;
    float: right;
}



.inquiry{
    width: 100%;
    height: 8.6rem;
    margin: 0 auto;
}
.inquirycenter{
    width: 16rem;
    height: 8.6rem;
    margin: 0 auto;
}
.inquiryleft{
    width: 6rem;
    height: 8.6rem;
    float: left;
    position: relative;
}
.inquiryleft h2{
    font-size: 0.42rem;
    font-family: pb;
    text-align: left;
    line-height: 0.42rem;
    padding-top: 1.58rem;
    padding-bottom: 0.56rem;
}
.inquirytitle{
    width: 6rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #666;
    text-align: left;
    font-family: p;
}
.inquirybox{
    width: 100%;
    height: 0.01rem;
    background: #ccc;
    margin-top: 0.55rem;
    margin-bottom: 0.3rem;
}
.inquirytitle2{
    width: 6rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    font-family: p;
    text-align: left;
    color: #666;
}
#form2{
    padding-bottom: 0.8rem;
    border-radius: 10px;
}
.five1{
width: 94%;
height: 2.6rem;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-between;
}
.five2{
width: 4.27rem;
height: 0.6rem;
}
.five2 p{
width: 4.27rem;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
..five2 span{
color: red;
font-size: 0.2rem;
}
.five2 input{
   width: 3.92rem;
height: 0.54rem;
float: left;
border: 1px solid #ccc;
padding-left: 0.35rem;
background: #fafafa;
font-size: 0.2rem;
}

.five3{
width: 100%;
margin: 0 auto;
    height: 2rem;
margin-top: 0.2rem;
}
.five3 p{
width: 100%;
margin: 0 auto;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
..five3 span{
color: red;
font-size: 0.2rem;
}
.buttons1{
    width: 4.22rem;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
    display: table;
    border-radius: 5px;
    border: none;
    /* background: #f0c600; */
}
.five3 textarea{
    width: 8.36rem;
    height: 1.55rem;
    background: #fafafa;
    float: left;
    resize: none;
    border: 1px solid #ccc;
    padding-top: 0.1rem;
    line-height: 0.3rem;
    color: #666;
    font-size: 0.2rem;
    padding-left: 0.35rem;
    margin-left: 0.38rem;
}
input::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #666;
font-size: 0.18rem;
}

input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #666;
font-size: 0.18rem;
}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color: #666;
font-size: 0.18rem;

}
textarea::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

.five2{
    position: relative;
}
.five2 img{
    width: 0.22rem;
    height: 0.22rem;position: absolute;
    top: 0.16rem;
    left: 0.1rem;
}
.five3{
    position: relative;
}
.five3 img{
    width: 0.22rem;
    height: 0.22rem;position: absolute;
    top: 0.16rem;
    left: 0.2rem;
}
.container ul li img{
    width: 3.4rem;
    height: 2.2rem;
}
.swiper-slide img{
    width: 12.42rem;
    height: 7.81rem;
}
.rela{
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    margin: 0 auto;
}
.relacenter{
    width: 14rem;
    height: auto;
    margin: 0 auto;
}
.relacenter h1{
    width: 14rem;
height: 0.48rem;
line-height: 0.48rem;
color: #000;
text-align: center;
font-size: 0.48rem;
padding-bottom: 0.5rem;
margin: 0 auto;
}
.relacenter ul {
    width: 14rem;
    height: 4.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.relacenter ul li{
    width: 4.51rem;
    height: 4.3rem;
    background: #f0efed;
}
.relacenter ul li img{
    width: 4.51rem;
    height: 3.5rem;
    display: block;
}
.relacenter ul li h3{
    width: 4.51rem;
    height: 0.86rem;
    background: #f0efed;
    text-align: center;
    color: #333;
    line-height: 0.86rem;
    font-size: 0.24rem;
}
#bkform3{
position: fixed;
z-index: 99999999;
top: 0%;
display: none;
}
.form {
width: 7.71rem;
padding: 0.2rem 0.1rem;
background: rgba(75, 74, 73, 0.8);
box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
font-size: 0.2rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #001323;
}
.form .dropdown.active .option {
display: block;
}
.form .dropdown {
position: relative;
width: 100%;
height: 0.58rem;
}
.form .dropdown input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0, 19, 35, 0.03);
border: none;
outline: none;
padding: 0 0.2rem;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #001323;
}
.form .dropdown::before {
content: "";
position: absolute;
right: 0.2rem;
top: 0.14rem;
z-index: 10000;
width: 0.14rem;
height: 0.14rem;
border: 0.02rem solid #001323;
border-top: 0.02rem solid transparent;
border-right: 0.02rem solid transparent;
transform: rotate(-45deg);
transition: 0.5s;
pointer-events: none;
}

.form .dropdown.active::before {
top: 0.25rem;
transform: rotate(-225deg);
}
.form .dropdown .option {
height: 2.32rem;
display: none;
position: absolute;
top: 0.58rem;
width: 100%;
background-color: #ffffff;
overflow-y: auto;
}
.form .dropdown .option div {
height: 0.58rem;
line-height: 0.58rem;
padding: 0 0.2rem;
cursor: pointer;
}
.form .dropdown .option div:hover {
background-color: rgba(0, 19, 35, 0.1);
}
.form .contact-way {
font-size: 0.2rem;
font-family: Arial-Regular, Arial;
height: 1rem;
color: #001323;
display: flex;
justify-content: space-between;
}
.form .contact-way div {
width: 2.5rem;
}
.form .contact-way input {
margin-top: 0.17rem;
width: 2.87rem;
height: 0.46rem;
background: #fafafa;
border: 1px solid #cccccc;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #000;
padding-left: 0.1rem;
}
.form .Requirement p {
margin-top: 0.22rem;
margin-bottom: 0.17rem;
}
.form .Requirement textarea {
width: 100%;
height: 1.29rem;
background-color: rgba(0, 19, 35, 0.03);
resize: none;
border: 1px solid #ccc;
padding: 0.2rem;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #fff;
}
.form .submit {
text-align: center;
margin-top: 0.27rem;
}
.form .submit button {
width: 1.97rem;
height: 0.68rem;
background: #1daf0f;
border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
font-size: 0.28rem;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #f9fbfc;
}
.guanbi{
float: right;
position: absolute;
top: -0.25rem;
right: -0.25rem;

}
.hint{
font-size: 0.18rem;
color: red;
}


#form3 input::-webkit-input-placeholder{

color: #000;
font-size: 0.18rem;
}

#form3 input::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #000;
font-size: 0.18rem;
}

#form3 input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #000;
font-size: 0.18rem;
}

#form3 input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color: #000;
font-size: 0.18rem;

}
#form3 textarea::-webkit-input-placeholder{

color: #000;
font-size: 0.18rem;
}

#form3 textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #000;
font-size: 0.18rem;
}

#form3 textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #000;
font-size: 0.18rem;
}

#form3 textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color:#000;
font-size: 0.18rem;
}
.inquiryright{
    width: 9.48rem;
    height: 6.17rem;
    float: right;
    border-top: 0.05rem solid #db0f19;
    box-shadow: 0px 0px 6px #ccc;
    margin-top: 1.58rem;
}
.inquiryright h3{
    font-size: 0.3rem;
    font-family: pb;
    font-weight: 600;
    color: #000;
    width: 100%;
    text-align: center;
    line-height: 0.3rem;
    padding-top: 0.7rem;
}
.one_a1{
    width: 6.55rem;
    height: 5.3rem;
    position: absolute;
    left: 0rem;
    bottom: 0.18rem;
}
.one_machine_left h2{
    font-size: 0.36rem;
    font-family: pb;
    color: #383e44;
    font-weight: 600;
    position: absolute;
    top: 0.25rem;
    left: 0rem;
    width: 100%;
    text-align: center;
    text-shadow:#ddd 7px -12px 2px;
}
.huo{
    width: 1.1rem;
    height: 0.65rem;
}
.gty{
    font-size: 0.18rem;
    text-align: left;
    color: #ff9900;
    font-family: pb;
    font-weight: 600;
    padding: 0.1rem 0.21rem;
    border-radius: 0.8rem;
    border: 0.02rem solid #ff9900;
    display: inline-block;
    float: left;
    margin-left: 0.6rem;
}
.one_machine_left ul li{
    width: 6.35rem;
    height: 0.6rem;
}
.one_machine_left ul{
    margin-top: 1.2rem;
}
.one_machine_right ul {
    width: 8.18rem;
    height: 7.7rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
}
.one_machine_right ul li{
    width: 3.96rem;
    height: 4.07rem;
    background: #f6f5f6;
    position: relative;
    cursor: pointer;
}
.one_machine_right ul li img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0rem;
    top: 0rem;
}
.one_machine_right ul li h3{
    font-size: 0.24rem;
    font-family: pb;
    color: #383e44;
    font-weight: 600;
    position: absolute;
    bottom: 0.8rem;
    left: 0rem;
    width: 100%;
    text-align: left;
    text-indent: 0.4rem;
    text-shadow:#ddd 7px -12px 2px;
}
.one_machine_right ul li .gty{
    position: absolute;
    left: -0.2rem;
    bottom: 0.2rem;
    font-size: 0.16rem;
}
.yincang{
    width: 3.36rem;
    height: 3.07rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
    background: rgba(0, 0, 0, 0.7);
    font-size: 0.17rem;
    color: #fff;
    padding-top: 1rem;
    line-height: 0.35rem;
    padding-left: 0.6rem;
    opacity: 0;
    transition: 0.4s;
}
.yinbutton{
    width: 2.5rem;
    height: 0.5rem;
    background: linear-gradient(to right,#ffcc2c,#ff9b01);
    border-radius: 0.5rem;
    text-align: center;
    color: #fff;
    line-height: 0.5rem;
    font-family: pb;
    font-size: 0.2rem;
    margin-left: 0rem;
    margin-top: 0.25rem;
}
.xianxian .yincang{
    opacity: 1 !important;
    transition: 0.4s;
}
.qie1014{
    width: 100%;
    height: 10.54rem;
    margin: 0 auto;
    background: url(../img/1054.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 1rem;
}
.qie1014 .one_machine{
    width: 100%;
    text-align: center;
    line-height: 0.68rem;
    font-family: pb;
    font-size: 0.48rem;
    padding-top: 0.8rem;
    color: #fff;
    /* text-shadow: #ccc 7px -12px 5px; */
    margin: 0 auto;
    padding-bottom: 0.1rem;
}
.qiecc1{
    width: 10rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    text-align: center;
    color: #000;
    font-family:p;
    font-weight: 400;
    margin: 0 auto;
}
.why{
    width: 100%;
    height: 5.88rem;
    margin: 0 auto;
    background: url(../img/688.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 0.9rem;
}
.whycenter{
    width: 15rem;
    height: 6.7rem;
    margin: 0 auto;
}
.whycenter h2{
    width: 100%;
    text-align: center;
    line-height: 0.48rem;
    font-family: pb;
    font-size: 0.48rem;
    padding-top: 0.8rem;
    margin: 0 auto;
    padding-bottom: 0.1rem;
}
.whttt{
    width: 15rem;
    height: 0.28rem;
    font-size: 0.2rem;
    text-align: center;
    color: #000;
    font-family: p;
    background: url(../img/28.jpg) no-repeat;
    background-size: 100% 100%;
    line-height: 0.28rem;
}
.whycenter ul{
    width: 100%;
    height: 3.1rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 0.4rem;
    position: relative;
}
.whycenter ul li{
    width: 3.58rem;
    height: 3.98rem;
    background: #fff;
    border-radius: 0rem;
    color: #000;
    box-shadow: 0px 0px 6px #eee;
    transition: 0.4s;
}
.whycenter ul li h4{
    font-size: 0.2rem;
    text-align: center;
    color: #000;
    font-family: p;
    margin: 0 auto;
    margin-top: 0.2rem;
    width: 90%;
    font-family: pb;
}
.whycenter ul li img{
    width: 3.58rem;
    height: 3.24rem;
    display: block;
    margin: 0 auto;
    /* margin-top: 0.6rem; */
}
.redb{
  /* margin-top: -0.2rem; */
    transition: 0.4s;
    border: 0.01rem solid #179448;
    cursor: pointer;
}
.areas{
    width: 100%;
    height: 11.1rem;
    margin: 0 auto;
    background: #fff;
    /* overflow: hidden; */
}
.areasleft{
    width: 7.1rem;
    height: 7.1rem;
    float: left;
}
.areasleft h2{
    font-size: 0.48rem;
    text-align: left;
    width: 100%;
    color: #182830;
    line-height: 0.48rem;
    padding-top: 0.87rem;
    padding-bottom: 0.25rem;
    font-family: pb;
    
}
.areascenter{
    width: 15rem;
    height: 11.1rem;
    margin: 0 auto;
    position: relative;
    padding-top: 0.45rem;
}
.projectcenter{padding-top:0.1rem;}
.arestitle{
    width: 7.1rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    text-align: left;
    color: #666;
    margin-top: 0.25rem;
    font-family: p;
}
.areasleft img{
    width: 7.1rem;
    height: 2.61rem;
    /* display: block; */
    /* margin-top: 0.5rem; */
}
.areasright{
    width: 7.4rem;
    height: 7.1rem;
    float: right;
    position: relative;
}
.areasbox{
    width: 7.4rem;
    height: 6.65rem;
    /* background: #e9bb41; */
    border-radius: 0.3rem;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}
#form2{
   
padding-top: 0.35rem;
   
padding-bottom: 0.8rem;
   
border-radius: 10px;
   
position: relative;
}
#form3{
   
    padding-top: 0.35rem;
    padding-bottom: 0.8rem;
    border-radius: 10px;
}
.five1{width: 5.6rem;height: 2rem;margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-content: space-between;}
.five2{width: 2.7rem;height: 0.6rem;}
.five2 p{
width: 100%;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
..five2 span{
color: red;
font-size: 0.2rem;
}
.five2 input{
   width: 2.23rem;
   height: 0.54rem;
   float: left;
   border: 1px solid #ccc;
   padding-left: 0.35rem;
   background: #fafafa;
   font-size: 0.2rem;
}

.five3{
width: 12.75rem;
margin: 0 auto;
    height: auto;
margin-top: 0.1rem;
}
.five3 p{
width: 12.5rem;
margin: 0 auto;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
.five3 span{
color: red;
font-size: 0.2rem;
}
.buttons1{
    width: 4rem;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
    font-size: 0.3rem;
    color: #000;
    margin: 0 auto;
    font-weight: 600;
    display: table;
    border-radius: 5px;
    border: none;
  
    border-radius: 0.65rem;
    
}
.five3 textarea{
    width: 5.05rem;
    height: 1.16rem;
    background: #fafafa;
    float: left;
    resize: none;
    border: 1px solid #ccc;
    padding-top: 0.1rem;
    line-height: 0.3rem;
    color: #666;
    font-size: 0.2rem;
    padding-left: 0.35rem;
    margin-left: 0.55rem;
}
input::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #666;
font-size: 0.18rem;
}

input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #666;
font-size: 0.18rem;
}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color: #666;
font-size: 0.18rem;

}
textarea::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

.five2{
    position: relative;
}
.five2 img{
    width: 0.22rem;
    height: 0.22rem;position: absolute;
    top: 0.16rem;
    left: 0.1rem;
}
.five3{
    position: relative;
}
.five3 img{
    width: 0.22rem;
    height: 0.22rem;position: absolute;
    top: 0.16rem;
    left: 0.5rem;
}
.areasbox h3{
    font-size: 0.3rem;
    line-height: 0.3rem;
    font-family: pb;
    text-align: left;
    color: #000;
    padding-top: 0.64rem;
    padding-bottom: 0.15rem;
    padding-left: 0.55rem;
}
.ares_tts{
    width: auto;
    padding-left: 0.55rem;
    line-height: 0.3rem;
    font-size: 0.19rem;
    padding-right: 0.55rem;
}
.areas_img{
    width: 3.5rem;
    height: 2.33rem;
    position: absolute;
    bottom: -0.95rem;
    right: -2rem;
}
.project{
    width: 100%;
    height: 11.1rem;
    margin: 0 auto;
    background: url(../img/1110.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.areas_img img{
    width: 3.5rem;
    height: 2.33rem;
}
.projectcenter h2{
    width: 15rem;
    height: auto;
    line-height: 0.48rem;
    font-size: 0.48rem;
    text-align: center;
    color: #000;
    font-family: pb;
    margin: 0 auto;
    padding-top: 1.54rem;
    padding-bottom: 0.24rem;
}
.project_title{
    width: 7.16rem;
    height: auto;
    font-size: 0.2rem;
    text-align: center;
    margin: 0 auto;
    line-height: 0.36rem;
}
.relative{
    width: 100%;
    height: 7.4rem;
    margin: 0 auto;
    background: url(../img/880.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 0.6rem;
}
.relativecenter{
    width: 15rem;
    height: 8.8rem;
    margin: 0 auto;
}
.relativecenter h2{
    width: 15rem;
    height: 1.85rem;
    text-align: center;
    line-height: 1.85rem;
    margin: 0 auto;
    font-size: 0.48rem;
    font-family: pb;
    font-weight: 600;
}
.relativecenter ul{
    width: 15rem;
    height: 4.08rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.relativecenter ul li{
    width: 3.6rem;
    height: 5.4rem;
    background: #fff;
    border: 0.01rem solid #fff;
    border-radius: 0rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.relativecenter ul li img{
    width: 3.6rem;
    height: 3.68rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.pts{
    width: 0.91rem;
    height: 0.73rem;
    background: url(../img/quote.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0.35rem;
    bottom: 0.25rem;
}
.relativecenter ul li h3{
    font-size: 0.22rem;
    line-height: 0.36rem;
    font-family: p;
    font-weight: normal;
    text-align: left;
    position: absolute;
    left: 0rem;
    width: 100%;
    bottom: 0.9rem;
    text-align: center;
}
.qiehuan1280{
    width: 100%;
    height: 12.8rem;
    margin: 0 auto;
    background: url(../img/1280.jpg) no-repeat;
    background-size: 100% 100%;
}
.qiehuancenter{
    width: 15rem;
    height: 12.8rem;
    margin: 0 auto;
}
.qiehuancenter h2{
    font-size: 0.48rem;
    text-align: left;
    width: 100%;
    color: #182830;
    line-height: 0.48rem;
    padding-top: 0.87rem;
    padding-bottom: 0.25rem;
    font-family: pb;
    text-align: center;
}
.qiehuantits{
    width: 11.7rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    text-align: left;
    color: #182830;
    margin: 0 auto;
}
.bigBox {
    width: 15rem;
    height: 7.1rem;
    /* background: rgb(236, 236, 236); */
    margin: 0 auto;
    /* border-bottom: 5px solid orange; */
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 2.73rem;
    padding-top: 0.3rem;
}

.bigBox ul {
    width: 11rem;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto;
}

.bigBox ul li {
    width: auto;
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 5px;
    transition:all .7s ease 0s;
    padding: 0.23rem 0.47rem;
    font-size: 0.22rem;
    line-height: 0.22rem;
    height: auto;
    color: #666;
    border: 0.01rem solid #f6dd9f;
    position: relative;
}

li.active {}
.bigBox ul li:hover{
background-color: #f0b93c;cursor: pointer
}
.box {
    width: 15rem;
    height: 5.4rem;
    margin: 0.41rem auto;

    overflow: hidden;
    border-radius: 5px;
}

.box>div {
    width: 15rem;
    height: 5.4rem;
 
    text-align: center;
    line-height: 400px;
    font-size: 30px;
    font-weight: 500;
}

.active {
    background: #f0b93c !important;
    border: 0.01rem solid #f0b93c;
    color: #df2c25 !important;
}
.daosanjiao{
    width: 0rem;
    height: 0.1rem;
    border-top: 0.15rem solid #f0b93c;
    border-right: 0.15rem solid transparent;
    border-left: 0.15rem solid transparent;
    position: absolute;
    left: 42%;
    bottom: -0.25rem;
    opacity: 0;
    transition: 0.4s;
}
.active .daosanjiao{
    opacity: 1 !important;
    transition: 0.4s;
}
.box ul li{
    width: 3.6rem !important;
    padding: 0rem !important;
    height: 2.59rem !important;
    border-color: transparent !important;
    overflow: hidden;
  
}
.box ul li img{
    width: 3.6rem !important;
    height: 2.59rem !important;
    transition: 0.4s;
}
.box ul li img:hover{
    transform: scale(1.05);
    transition: 0.4s;
}
.box ul{
    width: 15rem;
    height: 5.4rem;
    display: flex;
    justify-content: space-around !important;
    flex-wrap: wrap !important;
    align-content: space-between !important;
    margin: 0 auto;
}
.bbbiaodan{
    width: 100%;
    overflow: hidden;
    height: 9.14rem;
    margin: 0 auto;
    background: url(../img/849.jpg) no-repeat;
    background-size: 100% 100%;
}
.bbbiaodancenter{
    width: 14rem;
    height: 8.14rem;
    margin: 0 auto;
}
.bbbiaodantitle{
    width: auto;
    font-size: 0.48rem;
    color: #000;
    font-weight: 600;
    font-family: pb;
    line-height: 0.48rem;
    padding-top: 1.8rem;
    padding-bottom: 0.2rem;
    text-align: left;
    text-indent: 4.52rem;
}
.bbbiaodantitle1{
    width: auto;
    padding-left: 4.52rem;
    color: #666;
    font-size: 0.22rem;
    line-height: 0.3rem;
    text-align: left;
}
.one_machine img {
    width: 0.26rem;
    height: 0.23rem;
        margin-left: 0.2rem;
    margin-right: 0.2rem;
}
.one_machine img :nth-of-type(1){
    margin-right: 0.02rem;
}
.one_machine img :nth-of-type(2){
    margin-left: 0.02rem;
}
.one_machine_tits{
    width: 10.5rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #666;
    margin: 0 auto;
    text-align: center;
    font-family: p;
    margin-bottom: 0.66rem;
}
.one_machine_ulist{
    width: 15rem;
    height: 7.7rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.one_machine_ulist li{
    width: 4.4rem;
    height: 7.7rem;
    position: relative;
}

.one_machine_gray{
    width: 4.4rem;
    height: 6.55rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    border-radius: 0.2rem;
    background: #f2f2f2;
    border: 0.01rem solid transparent;
}
.one_machine_gray h3{
    font-size: 0.26rem;
    line-height: 0.36rem;
    font-family: pb;
    text-align: left;
    color: #000;
    height: auto;
    width: 3.6rem;
    margin: 0 auto;
    padding-bottom: 0.15rem;
    padding-top: 0.56rem;
}
.one_machine_graytitles{
    width: 3.6rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    text-align: left;
    font-family: p;
    color: #666;
    margin: 0 auto;
}
.one_machine_gray img{
    width: 4.8rem;
    height: 4.2rem;
    position: absolute;
    left: 0.2rem;
    bottom: -1.15rem;
}

.xiantp .one_machine_gray{
    border-color: #ff9900 !important;   
}
.xiantp{
    cursor: pointer;
}
.gary_button{
    width: 2.1rem;
    height: 0.48rem;
    border: 0.01rem solid #ff9900;
    color: #ff9900;
    font-family: pb;
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.48rem;
    text-align: center;
    border-radius: 0.48rem;
    margin-left: 0.4rem;
    margin-top: 0.6rem;
    transition: 0.4s;
    position: relative;
    z-index: 99999;
}
.garyimg{
    width: 0.2rem;
    height: 0.13rem;
    background: url(../img/jian.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.17rem;
    margin-right: 0.2rem;
    transition: 0.4s;
}
.xiantp .gary_button{
    width: 2.1rem;
    height: 0.48rem;
    border: 0.01rem solid #eca525;
    background: #ff9900;
    color: #fff;
    transition: 0.4s;
    font-family: pb;
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.48rem;
    text-align: center;
    border-radius: 0.48rem;
}
.xiantp .garyimg{
    width: 0.2rem;
    height: 0.13rem;
    background: url(../img/jian2.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.17rem;
    margin-right: 0.2rem;
    transition: 0.4s;
}
.qie1014center{
    width: 15rem;
    height: 10.54rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.qie_titles{
    width: 4.2rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.3rem;
    text-align: left;
    color: #666;
    font-family: p;
}
.qie1014center ul li h3{
    font-size: 0.22rem;
    line-height: 0.3rem;
    font-family: pb;
}
.qie1014center ul li{
    position: absolute;
    padding: 0.3rem 0.35rem;
    background: rgba(255, 255, 255, 0.93);
    border: 0.01rem dashed #000000;
}
.qie1014center ul li:nth-of-type(1){
    position: absolute;
    top: 0.9rem;
    left: 0rem;
}
.qie1014center ul li:nth-of-type(2){
    position: absolute;
    top: 1.2rem;
    right: 0rem;
}
.qie1014center ul li:nth-of-type(3){
    position: absolute;
    top: 5.3rem;
    left: 0rem;
}
.qie1014center ul li:nth-of-type(4){
    position: absolute;
    top: 6.3rem;
    right: 0rem;
}
.qie1014center ul li:nth-of-type(5){
    position: absolute;
    top: 7.9rem;
    left: 2.2rem;
}
.ppt{
    width: 3.5rem;
    height: 0.7rem;
    border: 0.01rem solid #ff9900;
    background: #ff9900;
    color: #fff;
    transition: 0.4s;
    font-family: pb;
    font-weight: 600;
    font-size: 0.25rem;
    line-height: 0.7rem;
    margin-top: 0.3rem;
    cursor: pointer;
    text-align: center;
    border-radius: 0.48rem;
    box-shadow: 0px 0px 6px #fcc778;
    margin-left: 1.8rem;
}
.ppt .garyimg{
    width: 0.2rem;
    height: 0.13rem;
    background: url(../img/jian2.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.28rem;
    margin-right: 0.4rem;
    transition: 0.4s;
}
.areas_box1{
    width: 7.4rem;
    height: 3.19rem;
    display: flex;
    justify-content: space-between;
}
.areas_box1_box{
    width: 2.42rem;
    height: 3.19rem;
    flex-wrap: wrap;
    display: flex;
    align-content: space-between;
}

.areas_box1_boxb{
    width: 2.42rem;
    height: 1.55rem;
    overflow: hidden;
}
.areas_box1_boxb img{
    width: 2.42rem;
    height: 1.55rem;
    transition: 0.4s;
}
.areas_boxright{
    width: 4.91rem;
    height: 3.19rem;
    overflow: hidden;
}
.areas_boxright img{
    width: 4.91rem;
    height: 3.19rem;
    transition: 0.4s;
}
.areas_boxright img:hover{
    transition: 0.4s;
    transform: scale(1.05);
    cursor: pointer;
}
.areas_box1_boxb img:hover{
    transition: 0.4s;
    transform: scale(1.05);
    cursor: pointer;
}
.area_bottom{
    width: 15rem;
    height: 2.72rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.area_bottomimg{
    width: 3.65rem;
    height: 2.72rem;
    overflow: hidden;
}
.area_bottomimg img{
    width: 3.65rem;
    height: 2.72rem;
    transition: 0.4s;
}
.area_bottomimg img:hover{
    transition: 0.4s;
    transform: scale(1.05);
    cursor: pointer;
}

.projectcenter .arestitle{
    margin: 0 auto;
}
.relativecenter .one_machine{
    color: #fff !important;
}
.areasleft .one_machine{
    width: 100% !important;
}
.gary_button1{
    width: 2.1rem;
    height: 0.48rem;
    border: 0.01rem solid #ff9900;
    background: #ff9900;
    color: #fff;
    transition: 0.4s;
    font-family: pb;
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.48rem;
    text-align: center;
    position: absolute;
    border-radius: 0.48rem;
    left: 0.65rem;
    bottom: 0.25rem;
}
.relativecenter .one_machine{
    margin-top: 0rem !important;
    margin-bottom: 0.48rem;
     background: url(../img/1500502.png) no-repeat;
    background-size: 100% 100%;
}
.qie1014center .one_machine{
     background: url(../img/1500502.png) no-repeat;
     background-size: 100% 100%;
     padding: 0rem;
}
.gary_button1 .garyimg{
    width: 0.2rem;
    height: 0.13rem;
    background: url(../img/jian2.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.17rem;
    margin-right: 0.2rem;
    transition: 0.4s;
}