*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'siyuan', 'Microsoft YaHei',"Arial";line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

input,select{border: none;outline: none;background: none;}

html{font-size: calc(100vw / 192);}

.container{width: 120rem;margin: 0 auto;}

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

@font-face {
    font-family: "siyuan";
    font-weight: 500;
    src: url("./SourceHanSansCN-Regular.otf") format("trueType");
    font-display: swap;
}


@font-face {
    font-family: "siyuanB";
    font-weight: 800;
    src: url("./SourceHanSansCN-Bold.otf") format("trueType");
    font-display: swap;
}

html{background: #f5f5f6;}

.index{background-image: url(../img/bg_index.png);background-repeat: no-repeat;background-position: right top;background-size: auto 100%;min-height: 100vh;}
.index .container{width: 135.5rem;padding-top: 6.7rem;}

.index .logo{width: 36.6rem;height: 4.9rem;}
.index .flex{margin-top: 6rem;justify-content: space-between;align-items: flex-end;margin-bottom: 5.4rem;}
.index .flex .right{width: 48.3rem;flex-shrink: 0;}

.index .flex .left{padding-bottom: 0.2rem;width: 68.6rem;}
.index .flex .less{font-size: 3.6rem;line-height: 5.2rem;color: #0FA713;margin-bottom: 1.8rem;}
.index .flex .title{font-size: 5rem;line-height: 6rem;color: #010101;font-weight: bold;margin-bottom: 2rem;}
.index .flex .desc{font-size: 1.6rem;line-height: 3rem;color: #4c4c4c;margin-bottom: 3.7rem;}

.index .flex .searchBox{width: 67rem;height: 7.8rem;border-radius: 0.5rem;border: 1px solid #E6E7EB;background: #FFFFFF;display: flex;margin-bottom: 2.5rem;}
.index .flex .searchBox .select{width: 19rem;position: relative;flex-shrink: 0;}
.index .flex .searchBox .select::after{position: absolute;top: 0;bottom: 0;width: 1px;height: 3.2rem;background: #E7E8EB;content: "";margin: auto;right: 0;}
.index .flex .searchBox .select .normal{display: flex;width: 100%;height: 100%;align-items: center;padding: 0 1.5rem 0 2rem;cursor: pointer;}
.index .flex .searchBox .select .normal .bot{width: 2.7rem;height: 2.7rem;}
.index .flex .searchBox .select .normal .one{height: 100%;display: flex;flex: 1;width: 0;align-items: center;}
.index .flex .searchBox .select .normal .one .icon{width: 2rem;height: 2rem;margin-right: 1rem;}
.index .flex .searchBox .select .normal .one .text{font-size: 1.6rem;color: #3d3d3d;flex-shrink: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index .flex .searchBox .select .hideBox{position: absolute;top: calc(100% + 0.3rem);width: 15rem;padding: 0.8rem;border-radius: 0.5rem;border: 1px solid #E6E7EB;background: #FFFFFF;display: none;z-index: 222;}
.index .flex .searchBox .select .hideBox .one{display: flex;align-items: center;height: 3.6rem;width: 100%;padding: 0 1.2rem;cursor: pointer;transition: all 0.3s;border-radius: 1rem;}
.index .flex .searchBox .select .hideBox .one .icon{width: 2rem;height: 2rem;margin-right: 1rem;}
.index .flex .searchBox .select .hideBox .one .text{font-size: 1.6rem;color: #3d3d3d;flex-shrink: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index .flex .searchBox .select .hideBox .one:hover{background: #F5F5F5;}
.index .flex .searchBox .select .hideBox .one.active{background: #F5F5F5;}

.index .flex .searchBox .inputBox{padding: 1.2rem 1.2rem 1.2rem 1.4rem;display: flex;align-items: center;flex: 1;}
.index .flex .searchBox .inputBox .icon{width: 2rem;height: 2rem;margin-right: 2rem;}
.index .flex .searchBox .inputBox .btn{width: 13rem;height: 100%;background: #146A1F;color: #fff;font-size: 1.6rem;border-radius: 0.5rem;}
.index .flex .searchBox .inputBox input{flex: 1;height: 100%;width: 0;font-size: 1.4rem;color: #3d3d3d;}
.index .flex .searchBox .inputBox input::placeholder{color: rgba(12, 13, 16, 0.3);}

.index .flex .tip{font-size: 1.4rem;color: rgba(12, 13, 16, 0.3);line-height: 2rem;}


.index .menu{display: flex;justify-content: space-between;}
.index .menu .one{width: 32rem;height: 11rem;border-radius: 1rem;background: #FFFFFF;padding: 2rem;display: flex;align-items: center;}
.index .menu .one .img{position: relative;width: 7rem;height: 7rem;margin-right: 2rem;flex-shrink: 0;}
.index .menu .one .img img{position: absolute;top: 0;left: 0;}
.index .menu .one .img .nor{z-index: 111;opacity: 1;}
.index .menu .one .img .hov{z-index: 11;opacity: 0;}
.index .menu .one:hover .img .hov{z-index: 111;opacity: 1;}
.index .menu .one:hover .img .nor{z-index: 11;opacity: 0;}

.index .menu .one .text{font-size: 2rem;line-height: 3rem;color: #0C0D10;font-weight: bold;font-family: 'siyuanB';}

.icp{margin: 6rem auto 2rem;display: flex;align-items: center;justify-content: center;}
.icp .icon{width: 2rem;height: 2rem;margin-right: 0.8rem;}
.icp .text{font-size: 1.4rem;color: #ccc;}



.inpage .container{width: 125.4rem;}

.header{height: 9rem;background: #fff;}
.header .container{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.header .logo{width: 26rem;}
.header .menu{height: 100%;display: flex;}
.header .menu .one{height: 100%;display: flex;align-items: center;margin-left: 4.3rem;font-size: 1.6rem;color: #0C0D10;transition: all 0.3s;}
.header .menu .one.active{color: #146A1F;}
.header .menu .one:hover{color: #146A1F;}


.phy .formBox{margin: 3rem 0 1rem;background: #fff;padding: 3rem;}
.phy .formBox .title{font-size: 2.6rem;color: #3D3D3D;margin-bottom: 3rem;}
.phy .formBox .flex{display: flex;justify-content: space-between;align-items: center;}
.phy .formBox .flex .left{display: flex;}
.phy .formBox .select{width: 20rem;height: 2.7rem;margin-right: 4rem;position: relative;}
.phy .formBox .select .normal{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;cursor: pointer;}
.phy .formBox .select .normal .text{font-size: 1.6rem;flex: 1;width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.7rem;}
.phy .formBox .select .normal .img{width: 2.7rem;height: 2.7rem;margin-left: 0.5rem;flex-shrink: 0;}

.phy .formBox .select .hideBox{position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #eee;border-radius: 0.5rem;padding: 0rem 0;background: #fff;max-height: 60rem;overflow: hidden;display: none;z-index: 111;}
.phy .formBox .select .hideBox .one{height: 4rem;padding: 0 1rem;display: flex;align-items: center;color: #0C0D10;font-size: 1.6rem;transition: all 0.3s;cursor: pointer;}
.phy .formBox .select .hideBox .one:hover{background: #f5f5f5;}
.phy .formBox .select .hideBox .one.active{color: #146A1F;background: #f5f5f5;}


.phy .formBox .right{width: 33.4rem;height: 4.5rem;display: flex;align-items: center;padding: 0 1.6rem;border-radius: 0.2rem;background: #F7F7F7;}
.phy .formBox .right .icon{width: 1.6rem;height: 1.6rem;margin-right: 1.6rem;flex-shrink: 0;}
.phy .formBox .right input{flex: 1;width: 0;height: 100%;font-size: 1.4rem;color: #3D3D3D;}
.phy .formBox .right input::placeholder{color: rgba(12, 13, 16, 0.3);}


.phy .listBox{background: #fff;border-radius: 0.2rem;padding: 3rem;}
.phy .listBox .menu{border-bottom: 1px solid rgba(216, 216, 216, 0.5);display: flex;margin-bottom: 2rem;}
.phy .listBox .menu .one{padding-bottom: 0.7rem;font-size: 1.8rem;color: #474A4F;position: relative;transition: all 0.3s;margin-right: 4.5rem;cursor: pointer;}
.phy .listBox .menu .one:last-child{margin-bottom: 0;}
.phy .listBox .menu .one:hover{color: #146A1F;}
.phy .listBox .menu .one.active{color: #146A1F;}
.phy .listBox .menu .one::after{position: absolute;bottom: 0;left: 0;right: 0;width: 2rem;height: 0.2rem;background: #146A1F;border-radius: 0.2rem;content: "";margin: auto;transition: all 0.3s;opacity: 0;}
.phy .listBox .menu .one.active::after{opacity: 1;}


.phy .listBox .list{display: flex;flex-wrap: wrap;}
.phy .listBox .list .one{width: 38.2rem;height: 27rem;display: block;margin-right: 2.4rem;margin-bottom: 2.4rem;border: 1px solid #F3F3F3;border-radius: 0.2rem;overflow: hidden;}
.phy .listBox .list .one:nth-child(3n){margin-right: 0;}
.phy .listBox .list .one .img{height: 17.3rem;width: 100%;background: #EDEDED;}
.phy .listBox .list .one .textBox{padding: 1.5rem 1.6rem 0;}
.phy .listBox .list .one .name{font-size: 1.6rem;line-height: 3rem;color: #2F2F2F;transition: all 0.3s;}
.phy .listBox .list .one .desc{font-size: 1.4rem;line-height: 2rem;color: #a6a6a6;}
.phy .listBox .list .one:hover .img img{transform: scale(1.1);}
.phy .listBox .list .one:hover .name{color: #146A1F;}



.pageList{margin-top: 2rem;display: flex;align-items: center;justify-content: center;}
.pageList .img{width: 1.6rem;height: 1.6rem;margin: 0 0.9rem;}
.pageList .one{font-size: 1.4rem;color: #31373D;margin: 0 0.9rem;transition: all 0.3s;cursor: pointer;}
.pageList .one:hover{color: #146A1F;}
.pageList .one.active{color: #146A1F;}
.pageList .point{width: 4.4rem;height: 1.4rem;}



.phy .contentBox{margin: 3rem 0 0;min-height: 70rem;padding: 5rem;background: #FFFFFF;border-radius: 0.2rem;display: flex;align-items: flex-start;}
.phy .contentBox .big{width: 33rem;background: #EDEDED;margin-right: 7rem;flex-shrink: 0;}
.phy .contentBox .textBox{flex: 1;width: 0;}
.phy .contentBox .textBox .title{padding-bottom: 1.3rem;border-bottom: 1px solid #EBEBEB;display: flex;align-items: flex-end;margin-bottom: 2rem;}
.phy .contentBox .textBox .name{font-size: 3rem;color: #3D3D3D;margin-right: 2.5rem;line-height: 4.3rem;}
.phy .contentBox .textBox .desc{font-size: 1.4rem;color: #146A1F;line-height: 2rem;}
.phy .contentBox .textBox .content{font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;}
.phy .contentBox .textBox .content *{font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;max-width: 100%;}



.ins .formBox{margin: 3rem 0 1rem;background: #fff;padding: 3rem;}
.ins .formBox .title{font-size: 2.6rem;color: #3D3D3D;margin-bottom: 3rem;}
.ins .formBox .flex{display: flex;justify-content: space-between;align-items: center;}
.ins .formBox .flex .left{display: flex;}
.ins .formBox .select{width: 20rem;height: 2.7rem;margin-right: 4rem;position: relative;}
.ins .formBox .select .normal{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;cursor: pointer;}
.ins .formBox .select .normal .text{font-size: 1.6rem;flex: 1;width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.7rem;}
.ins .formBox .select .normal .img{width: 2.7rem;height: 2.7rem;margin-left: 0.5rem;flex-shrink: 0;}

.ins .formBox .select .hideBox{position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #eee;border-radius: 0.5rem;padding: 0rem 0;background: #fff;max-height: 60rem;overflow: hidden;display: none;z-index: 111;}
.ins .formBox .select .hideBox .one{height: 4rem;padding: 0 1rem;display: flex;align-items: center;color: #0C0D10;font-size: 1.6rem;transition: all 0.3s;cursor: pointer;}
.ins .formBox .select .hideBox .one:hover{background: #f5f5f5;}
.ins .formBox .select .hideBox .one.active{color: #146A1F;background: #f5f5f5;}


.ins .formBox .right{width: 33.4rem;height: 4.5rem;display: flex;align-items: center;padding: 0 1.6rem;border-radius: 0.2rem;background: #F7F7F7;}
.ins .formBox .right .icon{width: 1.6rem;height: 1.6rem;margin-right: 1.6rem;flex-shrink: 0;}
.ins .formBox .right input{flex: 1;width: 0;height: 100%;font-size: 1.4rem;color: #3D3D3D;}
.ins .formBox .right input::placeholder{color: rgba(12, 13, 16, 0.3);}


.ins .listBox{background: #fff;border-radius: 0.2rem;padding: 3rem;}

.ins .listBox .list{display: flex;flex-wrap: wrap;}
.ins .listBox .list .one{width: 38.2rem;height: 27rem;display: block;margin-right: 2.4rem;margin-bottom: 2.4rem;border: 1px solid #F3F3F3;border-radius: 0.2rem;overflow: hidden;}
.ins .listBox .list .one:nth-child(3n){margin-right: 0;}
.ins .listBox .list .one .img{height: 17.3rem;width: 100%;background: #EDEDED;}
.ins .listBox .list .one .textBox{padding: 1.5rem 1.6rem 0;}
.ins .listBox .list .one .name{font-size: 1.6rem;line-height: 3rem;color: #2F2F2F;transition: all 0.3s;}
.ins .listBox .list .one .desc{font-size: 1.4rem;line-height: 2rem;color: #a6a6a6;}
.ins .listBox .list .one:hover .img img{transform: scale(1.1);}
.ins .listBox .list .one:hover .name{color: #146A1F;}


.ins .detailBox{margin: 3rem 0 0;min-height: 70rem;padding: 5rem;background: #FFFFFF;border-radius: 0.2rem;}
.ins .detailBox .flex .big{width: 33rem;height: 23rem;flex-shrink: 0;margin-right: 7rem;background: #EDEDED;}
.ins .detailBox .flex .name{font-size: 3rem;line-height: 4.3rem;padding-bottom: 1.3rem;border-bottom: 1px solid #EBEBEB;color: #3D3D3D;margin-bottom: 2rem;}
.ins .detailBox .flex .line{margin-bottom: 2rem;display: flex;align-items: flex-start;}
.ins .detailBox .flex .line .icon{width: 2rem;height: 2rem;flex-shrink: 0;margin-right: 1.2rem;}
.ins .detailBox .flex .line .text{font-size: 1.4rem;line-height: 2rem;color: #3D3D3D;}
.ins .detailBox .flex .line:last-child .text{color: #146A1F;}

.ins .detailBox .contentBox{margin-top: 4rem;}
.ins .detailBox .contentBox .title{font-size: 1.8rem;line-height: 2.6rem;padding-bottom: 1rem;border-bottom: 1px solid #EBEBEB;position: relative;}
.ins .detailBox .contentBox .title::after{position: absolute;bottom: 0;left: 0;width: 7.2rem;height: 1px;background: #146A1F;content: "";}
.ins .detailBox .contentBox .content{margin-top: 2rem;font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;}
.ins .detailBox .contentBox .content *{font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;max-width: 100%;}





.black .formBox{margin: 3rem 0 1rem;background: #fff;padding: 3rem;}
.black .formBox .title{font-size: 2.6rem;color: #3D3D3D;margin-bottom: 3rem;}
.black .formBox .flex{display: flex;justify-content: space-between;align-items: center;}
.black .formBox .flex .left{display: flex;}
.black .formBox .select{width: 20rem;height: 2.7rem;margin-right: 4rem;position: relative;}
.black .formBox .select .normal{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;cursor: pointer;}
.black .formBox .select .normal .text{font-size: 1.6rem;flex: 1;width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.7rem;}
.black .formBox .select .normal .img{width: 2.7rem;height: 2.7rem;margin-left: 0.5rem;flex-shrink: 0;}

.black .formBox .select .hideBox{position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #eee;border-radius: 0.5rem;padding: 0rem 0;background: #fff;max-height: 60rem;overflow: hidden;display: none;z-index: 111;}
.black .formBox .select .hideBox .one{height: 4rem;padding: 0 1rem;display: flex;align-items: center;color: #0C0D10;font-size: 1.6rem;transition: all 0.3s;cursor: pointer;}
.black .formBox .select .hideBox .one:hover{background: #f5f5f5;}
.black .formBox .select .hideBox .one.active{color: #146A1F;background: #f5f5f5;}


.black .formBox .right{width: 33.4rem;height: 4.5rem;display: flex;align-items: center;padding: 0 1.6rem;border-radius: 0.2rem;background: #F7F7F7;}
.black .formBox .right .icon{width: 1.6rem;height: 1.6rem;margin-right: 1.6rem;flex-shrink: 0;}
.black .formBox .right input{flex: 1;width: 0;height: 100%;font-size: 1.4rem;color: #3D3D3D;}
.black .formBox .right input::placeholder{color: rgba(12, 13, 16, 0.3);}


.black .listBox{background: #fff;border-radius: 0.2rem;padding: 3rem;margin-bottom: 1rem;}

.black .listBox .list{display: flex;flex-wrap: wrap;}
.black .listBox .list .one{width: 38.2rem;height: 7rem;border: 1px solid #F3F3F3;border-radius: 0.2rem;margin-right: 2.4rem;margin-bottom: 2.4rem;display: flex;align-items: center;font-size: 1.6rem;line-height: 3rem;padding: 0 1.5rem;}
.black .listBox .list .one:nth-child(3n){margin-right: 0;}


.black .contentBox{background: #fff;border-radius: 0.2rem;padding: 3rem;}
.black .contentBox .content{font-size: 1.4rem;line-height: 2.4rem;color: #3D3D3D;}
.black .contentBox .content *{font-size: 1.4rem;line-height: 2.4rem;color: #3D3D3D;}
.black .contentBox>img{margin-top: 2rem;}



.pro .formBox{margin: 3rem 0 1rem;background: #fff;padding: 3rem;}
.pro .formBox .title{font-size: 2.6rem;color: #3D3D3D;margin-bottom: 3rem;}

.pro .formBox .inputBox{padding: 1.2rem 1.2rem 1.2rem 2rem;display: flex;align-items: center;width: 100%;height: 7.8rem;border: 1px solid #E6E7EB;border-radius: 0.5rem;}
.pro .formBox .inputBox .icon{width: 2rem;height: 2rem;margin-right: 2rem;}
.pro .formBox .inputBox .btn{width: 13rem;height: 100%;background: #146A1F;color: #fff;font-size: 1.6rem;border-radius: 0.5rem;}
.pro .formBox .inputBox input{flex: 1;height: 100%;width: 0;font-size: 1.4rem;color: #3d3d3d;}
.pro .formBox .inputBox input::placeholder{color: rgba(12, 13, 16, 0.3);}

.pro .formBox .tip{margin-top: 4rem;font-size: 1.4rem;color: #A6A6A6;line-height: 2rem;}

.pro .icp{position: fixed;bottom: 0;left: 0;right: 0;}



.shadow{background: rgba(0, 0, 0, 0.4);z-index: 6666;position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;}


.outBox{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 8888;display: none;}
.outBox .close{position: absolute;top: 1rem;right: -3.5rem;width: 2rem;height: 2rem;cursor: pointer;transition: all 0.5s;}
.outBox .close:hover{transform: rotate(180deg);}

.outBox.tip{padding: 4rem 0 4rem;width: 44.5rem;}
.outBox.tip .icon{width: 4.6rem;height: 4.6rem;margin: 0 auto 2rem;}
.outBox.tip .text{font-size: 1.6rem;line-height: 2.8rem;color: #3D3D3D;text-align: center;}


.outBox.success{padding: 4rem 3rem 3rem;}
.outBox.success .icon{width: 4.6rem;height: 4.6rem;margin: 0 auto 2rem;}
.outBox.success .text{font-size: 1.6rem;line-height: 2.8rem;color: #3D3D3D;text-align: center;}

.outBox.success .form{margin-top: 3.4rem;padding: 2rem 2.5rem;background: #F7F7F7;width: 60.5rem;border-radius: 0.2rem;}
.outBox.success .form .title{font-size: 1.8rem;color: #3D3D3D;text-align: center;margin-bottom: 3.2rem;line-height: 2.6rem;}
.outBox.success .form .line{display: flex;justify-content: space-between;margin-bottom: 2rem;}
.outBox.success .form .line:last-child{margin-bottom: 0;}
.outBox.success .form .line .left{font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;}
.outBox.success .form .line .right{font-size: 1.4rem;color: #3D3D3D;line-height: 2rem;}



































@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}



}