.mixiuindextop{
    width: 100%;
    height: calc(982px + (100vw - 1920px) / 2);
    position: relative;
    z-index: 100002;
}
.mixiuindextop1{
    width: 100%;
    height: calc(982px + (100vw - 1920px) / 2);
    position: absolute !important;

}
.swiperbottom{
    bottom:calc(210px + (100vw - 1920px) / 7.6)!important;
}
.mixiuindextop1 img{
    width: 100%;
    height: calc(982px + (100vw - 1920px) / 2);
}
.mixiuindextopimg{
    width: calc(500px + (100vw - 1920px) / 4);
  	width: -webkit-calc(500px + (100vw - 1920px) / 4);
    margin: 0 auto calc(62px + (100vw - 1920px) / 19.8);
    padding-top: calc(120px + (100vw - 1920px) / 10);
}
.mixiuindextopimg img{
    width: 100%;
}
.mixiuindextopinfo{
    width: calc(1200px + (100vw - 1920px) / 2);
    line-height: calc(36px + (100vw - 1920px) / 100);
    font-size: calc(24px + (100vw - 1920px) / 150);
    color: #fff;
    margin: auto;
    font-family: "microsoft yahei" !important;
}

.mixiuindextopline{
    width: calc(1200px + (100vw - 1920px) / 2);
    margin: calc(15px + (100vw - 1920px) / 500) auto 0;
}
.mixiuindextoplines{
    width:calc(45px + (100vw - 1920px) / 150);
    height: calc(4px + (100vw - 1920px) / 900);
    background: #1cb762;
}
.mixiuindextopform{
    width: 100%;
    height: calc(200px + (100vw - 1920px) / 13);
    background: rgba(0,0,0,0.4);
}
.mixiuindexforms{
    width: calc(1260px + (100vw - 1920px) / 2);
    padding: calc(50px + (100vw - 1920px) / 35) 0 calc(55px + (100vw - 1920px) / 35);
    margin: auto;

}
.mixiuforms{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
    flex-wrap: wrap;
}
.mixiuindexformone{
    width: calc(247px + (100vw - 1920px) / 9.5);
    height: calc(90px + (100vw - 1920px) / 140);
    margin-left: calc(15px + (100vw - 1920px) / 650);
    font-size: calc(18px + (100vw - 1920px) / 320);
    font-family: "microsoft yahei" !important;

}
.mixiuindexformone1{
    width: calc(172px + (100vw - 1920px) / 20);
    height: calc(90px + (100vw - 1920px) / 140);
    margin-left: calc(15px + (100vw - 1920px) / 650);

}
.formonetitle{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: "arial, helvetica, sans-serif" !important;
    line-height: calc(30px + (100vw - 1920px) / 150);
}
.layui-input-block {
    margin-left: 0;
    min-height: auto;

}
.layui-form-select .layui-input {
    height: calc(60px + (100vw - 1920px) / 70);
}
.layui-input-block .layui-input {
    height: calc(60px + (100vw - 1920px) / 70);
}
.layui-btn {
    display: inline-block;
    width: calc(172px + (100vw - 1920px) / 20);
    margin-top: calc(30px + (100vw - 1920px) / 140);
    height: calc(60px + (100vw - 1920px) / 70);
    line-height: calc(60px + (100vw - 1920px) / 70);
    padding: 0 18px;
    background-color: #1db663;
    color: #fff;
    white-space: nowrap;
    text-align: left;
    font-size: 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.formoneregion input{
    font-size: calc(18px + (100vw - 1920px) / 200);
    font-family: "黑体" !important;
}
.mixiuindexformone .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.mixiucity{
    margin-left: calc(247px + (100vw - 1920px) / 9.5);
    display: none;
    position: absolute;
    left: 0;
    top: calc(59px + (100vw - 1920px) / 70);
    padding: 5px 0;
    z-index: 899;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
}
.mixiucity dd.layui-this {
    background-color: #5FB878;
    color: #fff;
}
.mixiucity dd {
    cursor: pointer;
}
.mixiucity dd{
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layui-form-select dl {
    top: calc(59px + (100vw - 1920px) / 70);
    width: 100%;
    max-height: 150px;
}
.mixiuaboutname{
    width: calc(200px + (100vw - 1920px) / 50);
    margin: calc(64px + (100vw - 1920px) / 20) auto 0;
    font-size: calc(36px + (100vw - 1920px) / 100);
    font-family: "microsoft yahei" !important;
    color: #333;
    text-align: center;
}
.mixiuaboutname1{
    width: calc(200px + (100vw - 1920px) / 50);
    margin:auto;
    font-size:calc(36px + (100vw - 1920px) / 100);
    font-family: "microsoft yahei" !important;
    color: #333;
    text-align: center;
    padding-top: calc(120px + (100vw - 1920px) / 11);
}
.mixiuaboutname4{
    width: calc(200px + (100vw - 1920px) / 50);
    margin: auto;
    font-size: calc(36px + (100vw - 1920px) / 100);
    font-family: "microsoft yahei" !important;
    color: #333;
    text-align: center;
    padding-top: calc(70px + (100vw - 1920px) / 40);
}
.mixiuaboutname2{
    width: calc(200px + (100vw - 1920px) / 50);
    margin: auto;
    font-size: calc(36px + (100vw - 1920px) / 100);
    font-family: "microsoft yahei" !important;
    color: #333;
    text-align: center;
    padding-top: calc(83px + (100vw - 1920px) / 20);
}
.mixiuaboutlines{
    width: calc(64px + (100vw - 1920px) / 50);
    margin: auto;
    height: calc(4px + (100vw - 1920px) / 900);
    background: #0f7239;
}
.mixiuaboutlines1{
    width: calc(64px + (100vw - 1920px) / 70);
    margin:calc(20px + (100vw - 1920px) / 100) auto 0;
    height:  calc(4px + (100vw - 1920px) / 900);
    background: #0f7239;
}
.mixiuaboutinfo{
    width: calc(1220px + (100vw - 1920px) / 3.3);
    margin:calc(62px + (100vw - 1920px) / 70) auto;
    text-align: center;
    font-size:calc(18px + (100vw - 1920px) / 300);
    font-family: "microsoft yahei" !important;
    line-height:calc(45px + (100vw - 1920px) / 100);
}
.videobody{
    width: 100%;
    min-height: calc(285px + (100vw - 1920px) / 8);
    position: relative;
    overflow: hidden;
}
.videobt{
    width: calc(75px + (100vw - 1920px) / 35);
    height: calc(273px + (100vw - 1920px) / 10);
    line-height: calc(273px + (100vw - 1920px) / 10);
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
}

.videobt img{
    width: 100%;
}
.section-header__video{
    width: 100%;
    /*position: absolute;*/
    top: calc(-105px + (1920px - 100vw) / 11);
}
.mixiuzhanshi{
    width: calc(1194px + (100vw - 1920px) / 2.2);
    height: calc(66px + (100vw - 1920px) / 80);
    padding: calc(55px + (100vw - 1920px) / 40);
    margin: auto;
    background: #fff;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-wrap: wrap;
    justify-content: flex-start;
    box-shadow: 0 -2px 15px #aaa;
    position: relative;
    z-index: 989;
}
.mixiuzhanshione{
    width: calc(242px + (100vw - 1920px) / 14);
    height: calc(66px + (100vw - 1920px) / 40);
    margin-left: calc(48px + (100vw - 1920px) / 25);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
}
.mixiuzhanshioneimg{
    width: calc(72px + (100vw - 1920px) / 45);
}
.mixiuzhanshioneimg img{
    width: 100%;
}
.mixiuzhanshionecontent{
    width: calc(155px + (100vw - 1920px) / 90);
    font-family: "microsoft yahei";
}
.jia{
    font-size: calc(18px + (100vw - 1920px) / 70);
    line-height: calc(40px + (100vw - 1920px) / 50);
    font-weight: 600;
}

.jianum{
    width: calc(55px + (100vw - 1920px) / 35);
    line-height: calc(40px + (100vw - 1920px) / 50);
}
.jianum1{
    width:calc(107px + (100vw - 1920px) / 19);
    line-height: calc(40px + (100vw - 1920px) / 50)
}
.jianum2{
    width:calc(81px + (100vw - 1920px) / 120);
    line-height: calc(40px + (100vw - 1920px) / 50)
}
.jianum3{
    width:calc(55px + (100vw - 1920px) / 120);
    line-height: calc(40px + (100vw - 1920px) / 50)
}
.mixiuzhanshionenum{
    height: calc(40px + (100vw - 1920px) / 55);
    font-size: calc(45px + (100vw - 1920px) / 45);
    color: #1bb962;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;


}
.mixiuzhanshioneinfo{
    font-size: calc(15px + (100vw - 1920px) / 100);
    margin-top: calc(8px + (100vw - 1920px) / 120);
}
.mixiucondition{
    width: 100%;
    height: calc(914px + (100vw - 1920px) / 2.07);
    margin-top: calc(-40px - (100vw - 1920px) / 28);
}
.tiaojiancontent{
    width: calc(1505px + (100vw - 1920px) / 1.5);
    margin: calc(70px + (100vw - 1920px) / 20) auto 0;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-wrap: wrap;
    justify-content: space-around;
  	-ms-flex-pack: distribute;
    font-family: "microsoft yahei";
}
.tiaojiancontentone{
    width: calc(185px + (100vw - 1920px) / 18);
    height: calc(293px + (100vw - 1920px) / 9);
    background: rgba(255,255,255,0.25);
    border-radius: 12px;
    padding: 0 calc(32px + (100vw - 1920px) / 45);
    transition: 1s;
    -moz-transition:1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
    color: #1db663;
}
.tiaojiancontentone:hover{
    transform: scale(1.15);
    transition: 0.5s;
    -moz-transition:0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari 和 Chrome */
    -o-transition: 0.5s; /* Opera */
    color: #ffffff;

}
.tiaojiancontentonetitle{
    text-align: center;
    margin-top: calc(50px + (100vw - 1920px) / 28);
    margin-bottom: calc(20px + (100vw - 1920px) / 70);
    font-size: calc(50px + (100vw - 1920px) / 200);
}

.tiaojiancontentonecontent{
    line-height: calc(40px + (100vw - 1920px) / 100);
    color: #fff;
    font-size: calc(18px + (100vw - 1920px) / 200);
}
.liaojiexinxi{
    width: calc(1150px + (100vw - 1920px) / 1.9);
    margin: calc(87px + (100vw - 1920px) / 15) auto 0;
    height: calc(80px + (100vw - 1920px) / 30);
}
.liaojiexinxis{
    width: calc(305px + (100vw - 1920px) / 5.6);
    height: calc(80px + (100vw - 1920px) / 30);
    line-height: calc(80px + (100vw - 1920px) / 30);
    color: #fff;
    text-align: center;
    font-size: calc(25px + (100vw - 1920px) / 48);
    background: #1db663;
    float: right;
    font-family: "microsoft yahei";
    cursor: pointer;
}
.mixiutel{
    width: calc(1386px + (100vw - 1920px) / 1.8);
    height: calc(120px + (100vw - 1920px) / 16);
    clear: both;
    margin: calc(72px + (100vw - 1920px) / 20) auto 0;

}
.mixiutelcontent{
    width: calc(620px + (100vw - 1920px) / 5);
    height: calc(120px + (100vw - 1920px) / 16);
    line-height: calc(120px + (100vw - 1920px) / 16);
    float: right;
    font-weight: 600;
    color: #19bc5f;
    font-family: "microsoft yahei";
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
}
.xinxitelimg{
    width: calc(44px + (100vw - 1920px) / 70);
    height:calc(45px + (100vw - 1920px) / 70) ;
}
.xinxitelimg img{
    width: 100%;
}
.xinxitelname{
    font-size: calc(30px + (100vw - 1920px) / 90);
    display: inline-block;
}
.xinxitelnum{
    font-size: calc(50px + (100vw - 1920px) / 70);
    display: inline-block;
}
.mixiuliucheng{
    width: 100%;
    height: calc(843px + (100vw - 1920px) / 3);
}
.mixiuliuchengcontent{
    width: calc(1240px + (100vw - 1920px) / 2);
    height: calc(468px + (100vw - 1920px) / 7.6);
    margin: calc(72px + (100vw - 1920px) / 20) auto 0;
    border: 1px solid #d9d9d9;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: "microsoft yahei";
}
.liuchengone{
    width:calc(310px + (100vw - 1920px) / 8);


}
.liuchengonetop{
    height:calc(235px + (100vw - 1920px) / 15) ;
    border-right: 1px solid #d9d9d9;
    border-bottom:  1px solid #d9d9d9;
}
.liuchengonetoptitle{
    text-align: center;
    font-size: calc(25px + (100vw - 1920px) / 200);
    color: #21ba60;
    padding: calc(50px + (100vw - 1920px) / 100) calc(40px + (100vw - 1920px) / 70) calc(23px + (100vw - 1920px) / 100);
}
.liuchengonetopcontent{
    font-size: calc(18px + (100vw - 1920px) / 200);
    text-align: center;
    padding: 0 calc(36px + (100vw - 1920px) / 60) calc(40px + (100vw - 1920px) / 80);
    line-height: calc(40px + (100vw - 1920px) / 100);
}
.liuchengonebottom{
    height:calc(235px + (100vw - 1920px) / 15) ;
    border-right: 1px solid #d9d9d9;
}
.pdtop85{
    padding-top:calc(85px + (100vw - 1920px) / 30) ;
}
.licheng{
    width: 100%;
    height: calc(128px + (100vw - 1920px) / 15);
    background: #1bb861;
}
.lichengbgimg{
    width: calc(832px + (100vw - 1920px) / 2.3);
    height: calc(128px + (100vw - 1920px) / 20);
    margin: auto;
    background-image: url(../images/licheng.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.lichengtitle{
    text-align: center;
    font-size: calc(35px + (100vw - 1920px) / 80);
    padding-top: calc(40px + (100vw - 1920px) / 42);
    color: #fff;
}
.lcihenglines{
    width: calc(78px + (100vw - 1920px) / 30);
    height: calc(4px + (100vw - 1920px) / 900);
    background: #1bb861;
    margin: calc(10px + (100vw - 1920px) / 200) auto 0;
}
.mendianmoshi{
    width:100%;
    height: calc(635px + (100vw - 1920px) / 6.5);
    background: #ededed;
}
.mendianmoshiimg{
    width: calc(1228px + (100vw - 1920px) / 3);
    height: calc(524px + (100vw - 1920px) / 7);
    margin:auto;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content:flex-start;
}
.mendianmoshione{
    width: calc(306px + (100vw - 1920px) / 12);
    height: calc(524px + (100vw - 1920px) / 7);
    border-right: 1px solid #fff;
    cursor: pointer;

}
.mendianmoshione:hover{
    background: rgba(0,0,0,0.35);

}
.mendianmoshione:hover .mendianmoshiclass{
    margin-top:calc(287px + (100vw - 1920px) / 10);
    transition: 0.5s;
    -moz-transition:0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari 和 Chrome */
    -o-transition: 0.5s; /* Opera */
}
.mendianmoshione:hover .imgyuan{
    background: #fff;
    color: #444;
}
.mendianblock{
    width: calc(1228px + (100vw - 1920px) / 3);
    height: calc(110px + (100vw - 1920px) / 80);
    margin: auto;
}
.mendianmoshiclass{
    width: calc(130px + (100vw - 1920px) / 200);
    height: calc(150px + (100vw - 1920px) / 200);
    margin:calc(310px + (100vw - 1920px) / 10) auto calc(70px + (100vw - 1920px) / 70);
    font-family: "microsoft yahei";
    color: #fff;
    transition: 0.8s;
    -moz-transition:0.8s; /* Firefox 4 */
    -webkit-transition: 0.8s; /* Safari 和 Chrome */
    -o-transition: 0.8s; /* Opera */
}
.mendianmoshiclassimg{
    padding: calc(25px + (100vw - 1920px) / 200);

}
.imgyuan{
    width:calc(43px + (100vw - 1920px) / 200);
    height: calc(43px + (100vw - 1920px) / 200);
    border:1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: calc(43px + (100vw - 1920px) / 200);
    margin-left: calc(18px - (100vw - 1920px) / 150);
}
.imgyuansize{
    font-size:  calc(23px + (100vw - 1920px) / 200);
}
.mendianmoshiclasstitle{
    text-align: center;
    font-size: calc(24px + (100vw - 1920px) / 200);
}
.mendianmoshiclassftitle{
    text-align: center;
    font-size: calc(22px + (100vw - 1920px) / 200);
    margin-top: 8px;
}
.mixiuzixun{
    width:calc(1228px + (100vw - 1920px) / 2.1);
    height: calc(522px + (100vw - 1920px) / 15);
    margin:calc(75px + (100vw - 1920px) / 30) auto 0;
    font-family: "microsoft yahei";
}
.mixiuzixunone{
    width:calc(1228px + (100vw - 1920px) / 2.1);
    height: calc(130px + (100vw - 1920px) / 50);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
    border:1px solid #d1d1d1 ;
    border-top: 0px;
    cursor: pointer;
}
.mixiuzixunone:hover{
    background: #e1e1e1;
}
.mixiuzixunone:first-child{
    border-top:1px solid #d1d1d1 !important
}
.mixiuzixunoneleft{
    width:calc(100px + (100vw - 1920px) / 200);
    padding:calc(35px + (100vw - 1920px) / 100) 0;

}
.mixiuzixunonelefttop{
    background: #e1e1e1;
    font-size:calc(35px + (100vw - 1920px) / 100);
    text-align: center;
    color: #1ab663;
}
.mixiuzixunoneleftbot{
    background: #e1e1e1;
    font-size:calc(18px + (100vw - 1920px) / 200);
    text-align: center;
    color: #5abf87;
}
.mixiuzixunonecentent{
    width:calc(1036px + (100vw - 1920px) / 20);
    padding:calc(20px + (100vw - 1920px) / 100) 0 calc(2px + (100vw - 1920px) / 200) calc(10px + (100vw - 1920px) / 300);
    border-right: 1px solid #d1d1d1;
}
.mixiuzixunonecententtop{
    font-size:calc(25px + (100vw - 1920px) / 200);
    font-family: "haige1hao";
    color: #333;
}
.mixiuzixunonecententbot{
    line-height:calc(25px + (100vw - 1920px) / 300) ;
    font-size:calc(18px + (100vw - 1920px) / 200);
    color: #555;
    margin-top: 5px;
}
.mixiuzixunoneright{
    width: calc(93px + (100vw - 1920px) / 200);
    font-size: calc(55px + (100vw - 1920px) / 200);
    text-align: center;
    color: #1ab663;
}
.chakanbtn{
    width: calc(210px + (100vw - 1920px) / 200);
    margin:calc(55px + (100vw - 1920px) / 200) auto;
    height: calc(70px + (100vw - 1920px) / 200);
    text-align: center;
    line-height: calc(70px + (100vw - 1920px) / 200);
    border-radius: 12px;
    border: 1px solid #d1d1d1;
    color: #999;
    font-size:calc(26px + (100vw - 1920px) / 200);
    cursor: pointer;
}
.lianxius{
    width: calc(1256px + (100vw - 1920px) / 2);
    height: calc(424px + (100vw - 1920px) / 6);
    margin: calc(80px + (100vw - 1920px) / 200) auto calc(100px + (100vw - 1920px) / 200);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;
    flex-wrap: wrap;
}
.lianxiimg{
    width: calc(628px + (100vw - 1920px) / 4);
}
.lianxiimg img{
    width: 100%;
}
.lianxiform{
    width: calc(628px + (100vw - 1920px) / 4);
    font-size: calc(18px + (100vw - 1920px) / 200);
}
.lianxiform input{
    width: calc(415px + (100vw - 1920px) / 7);
    height: calc(53px + (100vw - 1920px) / 50);
    background: #fff;
}
.lianxiform textarea{
    width: calc(415px + (100vw - 1920px) / 7);
    min-height: calc(82px + (100vw - 1920px) / 50);
    background: #fff;
}
.lianxiform .layui-form{
    margin-top: calc(-20px + (100vw - 1920px) / 200);
}
.lianxiform .layui-form-item:first-child{
    margin-top:calc(20px + (100vw - 1920px) / 500);
}
.lianxiform .layui-form-item{
    margin:calc(20px + (100vw - 1920px) / 70) auto;
}
.lianxiform .layui-form-label {
    width: auto;
  line-height: calc(53px + (100vw - 1920px) / 28);
}
.liuyanbtn_s{
    width: calc(440px + (100vw - 1920px) / 6.2);
    height: calc(58px + (100vw - 1920px) / 200);
    line-height: calc(58px + (100vw - 1920px) / 200);
    color: #fff;
    background: #1db663;
    border-radius: calc(15px + (100vw - 1920px) / 200);
    margin: calc(24px + (100vw - 1920px) / 200) calc(50px + (100vw - 1920px) / 200) 0;
    text-align: center;

}


@media screen and (max-width: 768px){
  .lianxiform .layui-form-label {
    width: 50px;
}
    .liuyanbtn_s{
        margin: calc(24px + (100vw - 1920px) / 200) 35% 0;
    }
    .mixiuindextop {
        width: 100%;
        height: calc(982px + (100vw - 1920px) / 2.8);
    }
    .mixiuindextopimg {
        width: calc(500px + (100vw - 1920px) / 4.2);
        height: calc(500px + (100vw - 1920px) / 4.2);
        margin: 0 auto calc(62px + (100vw - 1920px) / 20);
        padding-top: calc(120px + (100vw - 1920px) / 10);
    }
    .mixiuindextopinfo {
        width: calc(1200px + (100vw - 1920px) / 1.8);
        line-height: calc(36px + (100vw - 1920px) / 100);
        font-size: calc(24px + (100vw - 1920px) / 150);
        color: #fff;
        margin: auto;
        font-family: "microsoft yahei" !important;
    }
    .mixiuindextopline {
        width: 100%;
        margin: calc(15px + (100vw - 1920px) / 500) auto 0;
 		display: none;
    }
    .mixiuindextopform {
        width: 100%;
        height: calc(490px + (100vw - 1920px) / 5.5);
        background:none;
        margin-top: 30px;
    }
    .mixiuindexforms {
        width: 100%;
        padding: calc(50px + (100vw - 1920px) / 45) 0 calc(55px + (100vw - 1920px) / 30);
        margin: auto;
    }
    .mixiuindexformone {
        width: 45%;
        height: calc(90px + (100vw - 1920px) / 60);
        margin-left: calc(15px + (100vw - 1920px) / 650);

    }
    .layui-input-block .layui-input {
        height: calc(60px + (100vw - 1920px) / 55);
    }
    .layui-form-select .layui-input {
        height: calc(60px + (100vw - 1920px) / 55);
    }
    .formonetitle {
        color: #999;
        font-size: 12px;
    }
    .imgyuan{
        margin-left: calc(0px - (100vw - 1920px) / 150);
    }
    .videobody {
        background: none !important;
    }
    .section-header__video{
        top:0;
    }
    .layui-btn {
        display: inline-block;
        width: calc(172px + (100vw - 1920px) / 20);
        margin-top: calc(30px + (100vw - 1920px) / 140);
        height: calc(60px + (100vw - 1920px) / 55);
        line-height: calc(60px + (100vw - 1920px) / 55);
        padding: 0 18px;
        background-color: #1db663;
        color: #fff;
        white-space: nowrap;
        text-align: left;
        font-size: 14px;
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }
    .layui-form-select dl {
        width: 50%;
    }
    .mixiucity {
        margin-left: calc(247px + (100vw - 1920px) / 20);
    }
    .mixiuaboutinfo {
        width: calc(1220px + (100vw - 1920px) / 1.8);
        margin: calc(62px + (100vw - 1920px) / 40) auto;
    }
    .mixiuzhanshi {
        width: calc(1194px + (100vw - 1920px) / 1.8);
        height: calc(100px + (100vw - 1920px) / 400);
        padding: calc(55px + (100vw - 1920px) / 40) calc(55px + (100vw - 1920px) / 40) calc(55px + (100vw - 1920px) / 20);

    }
    .mixiuzhanshione {
        width: calc(242px + (100vw - 1920px) / 18);
        height: calc(66px + (100vw - 1920px) / 60);
        margin-left: calc(48px + (100vw - 1920px) / 40);
    }
    .mixiuzhanshioneimg {
        width: calc(72px + (100vw - 1920px) / 46);
    }
    .mixiuzhanshionecontent {
        width: calc(155px + (100vw - 1920px) / 90);
        font-family: "microsoft yahei";
    }
    .mixiuzhanshionenum {
        height: calc(40px + (100vw - 1920px) / 60);
        font-size: calc(45px + (100vw - 1920px) / 50);
    }
    .jianum {
        width: calc(55px + (100vw - 1920px) / 40);
        line-height: calc(40px + (100vw - 1920px) / 55);
    }
    .jia {
        font-size: calc(18px + (100vw - 1920px) / 300);
        line-height: calc(40px + (100vw - 1920px) / 50);
    }
    .mixiuzhanshioneinfo {
        font-size: calc(15px + (100vw - 1920px) / 250);
        margin-top: calc(8px + (100vw - 1920px) / 200);
    }
    .jianum1 {
        width: calc(107px + (100vw - 1920px) / 21);
        line-height: calc(40px + (100vw - 1920px) / 50);
    }
    .mixiucondition {
        width: 100%;
        height: calc(914px + (100vw - 1920px) / 3.1);
        margin-top: calc(-40px - (100vw - 1920px) / 18);
        background: rgba(0, 0, 0, 0.75) !important;
    }
    .tiaojiancontent {
        width: calc(1505px + (100vw - 1920px) / 1.35);
        margin: auto;
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
        display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        flex-wrap: wrap;
        justify-content: space-around;
        font-family: "microsoft yahei";
    }
    .tiaojiancontentone {
        width: calc(185px + (100vw - 1920px) / 18);
        height: calc(293px + (100vw - 1920px) / 9);
        background: rgba(255, 255, 255, 0.25);
        border-radius: 12px;
        padding: 0 calc(32px + (100vw - 1920px) / 60);
        transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        color: #1db663;
        margin-top: 20px;
    }
    .tiaojiancontentonetitle {
        text-align: center;
        margin-top: calc(50px + (100vw - 1920px) / 35);
        margin-bottom: calc(20px + (100vw - 1920px) / 70);
        font-size: calc(50px + (100vw - 1920px) / 70);
    }
    .liaojiexinxi {
        width: calc(1150px + (100vw - 1920px) / 1.9);
        margin: calc(87px + (100vw - 1920px) / 20) auto 0;
    }
    .liaojiexinxis {
        width: calc(305px + (100vw - 1920px) / 8);
        height: calc(80px + (100vw - 1920px) / 30);
        line-height: calc(80px + (100vw - 1920px) / 30);
        color: #fff;
        text-align: center;
        font-size: calc(25px + (100vw - 1920px) / 100);
        background: #1db663;
        float: right;
        font-family: "microsoft yahei";
        cursor: pointer;
      	margin: 0 33%;
    }
    .mixiutel {
        width: calc(1386px + (100vw - 1920px) / 1.5);
        margin: calc(72px + (100vw - 1920px) / 24) auto 0;
    }
    .xinxitelnum {
        font-size: calc(50px + (100vw - 1920px) / 50);
    }
    .mixiutelcontent {
        width: calc(620px + (100vw - 1920px) / 4);
          margin: 0 18%;
    }
    .mixiuaboutname1 {
        padding-top: calc(120px + (100vw - 1920px) / 16);
    }
    .mixiuaboutname2 {
        padding-top: calc(83px + (100vw - 1920px) / 25);
    }
    .mixiuliuchengcontent {
        width: calc(1240px + (100vw - 1920px) / 1.78);
        height: calc(468px + (100vw - 1920px) / 7);
        margin: calc(72px + (100vw - 1920px) / 30) auto 0;
    }
    .liuchengone {
        width: calc(310px + (100vw - 1920px) / 7.12);
    }
    .liuchengonetop {
        height: calc(235px + (100vw - 1920px) / 15);
    }
    .liuchengonetoptitle {
        font-size: calc(25px + (100vw - 1920px) / 150);
        padding: calc(50px + (100vw - 1920px) / 40) calc(40px + (100vw - 1920px) / 30) calc(23px + (100vw - 1920px) / 100);
    }
    .liuchengonetopcontent {
        font-size: calc(18px + (100vw - 1920px) / 200);
        padding: 0 calc(36px + (100vw - 1920px) / 50) calc(40px + (100vw - 1920px) / 80);
        line-height: calc(40px + (100vw - 1920px) / 80);
    }

    .liuchengonebottom {
        height: calc(235px + (100vw - 1920px) / 13);
    }
    .pdtop85 {
        padding-top: calc(85px + (100vw - 1920px) / 20);
    }
    .mendianblock {
        height: calc(110px + (100vw - 1920px) / 20);
        width: calc(1228px + (100vw - 1920px) / 1.5);
    }
    .mendianmoshiimg {
        width: calc(1228px + (100vw - 1920px) / 1.81);
        height: calc(524px + (100vw - 1920px) / 4.25);
    }
    .mendianmoshi {
        width: 100%;
        height: calc(635px + (100vw - 1920px) / 3.5);
    }
    .mendianmoshione {
        height: calc(524px + (100vw - 1920px) / 4.25);
        width: calc(306px + (100vw - 1920px) / 7.25);
    }
    .mendianmoshiclass {
        margin: calc(310px + (100vw - 1920px) / 5.5) auto calc(70px + (100vw - 1920px) / 70);
        width: calc(105px + (100vw - 1920px) / 100);
    }
    .mixiuzixun {
        width: calc(1228px + (100vw - 1920px) / 1.8);
        height: calc(522px + (100vw - 1920px) / 10);
    }
    .mixiuzixunone {
        width: calc(1228px + (100vw - 1920px) / 1.8);
    }
    .mixiuzixunonecententtop {
        font-size: calc(25px + (100vw - 1920px) / 100);
    }
    .mixiuzixunoneright {
        font-size: calc(55px + (100vw - 1920px) / 100);
    }
    .chakanbtn {
        width: calc(210px + (100vw - 1920px) / 40);
        margin: calc(55px + (100vw - 1920px) / 40) auto;
        height: calc(70px + (100vw - 1920px) / 50);
        text-align: center;
        line-height: calc(70px + (100vw - 1920px) / 50);
        border-radius: 12px;
        border: 1px solid #d1d1d1;
        color: #999;
        font-size: calc(26px + (100vw - 1920px) / 100);
    }
    .lianxius {
        width: calc(1256px + (100vw - 1920px) / 1.7);
        height: calc(470px + (100vw - 1920px) / 1000);
        margin: calc(80px + (100vw - 1920px) / 200) auto calc(100px + (100vw - 1920px) / 200);
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
        display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .lianxiimg {
        width: calc(628px + (100vw - 1920px) / 6);
    }
    .lianxiform {
        width: calc(628px + (100vw - 1920px) / 6);
        font-size: calc(18px + (100vw - 1920px) / 200);
        margin-top: 30px;
    }
    .lianxiform input {
        
        height: calc(53px + (100vw - 1920px) / 90);
        background: #eee;
    }
    .mixiuindexformone1 {
        margin: auto;
    }
}