.ys {
    background: url(../images/ys_bg.jpg) no-repeat center top!important;
    padding-top: 70px;
    height: 1855px;
    overflow: hidden;
}
.caidan {
    width: 98%;
    max-width: 1600px;
    margin: 0 auto;
}
.foot_nav {
    display: block!important;
}
.ys_con {
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
}
.ys_con dl {
    clear: both
}
.ys_con dd {
    position: relative
}
.ys_con dd>img {
    position: absolute;
    left: 0;
    top: 0
}
.ys_con dd h4 {
    font-size: 30px;
    line-height: 100%;
    font-weight: 400
}
.ys_con dd p {
    font-size: 16px;
    line-height: 26px;
    color: #808080;
}
.ys1 {
    height: 227px
}
.ys1 dd {
    padding-left: 183px;
    margin-top: 6px;
    width: 641px;
    float: left
}
.ys1 dd h4 {
    margin: 25px 0 22px
}
.ys1 dt {
    width: 372px;
    float: right;
    margin-right: -31px;
    margin-top: -4px
}
.ys2 {
    height: 743px
}
.ys2 dd {
    width: 609px;
    float: right;
    padding-left: 180px;
    margin-top: 16px
}
.ys2 dd h4 {
    margin: 44px 0 23px
}
.ys2 dd .pic img {
    width: 198px;
    height: 131px;
    float: left;
    margin-top: 32px
}
.ys2 dd .pic img:first-child {
    margin-right: 10px
}
.ys2 dt {
    width: 538px;
    height: 538px;
    float: left;
    position: relative;
    margin-top: -33px;
    margin-left: -8px
}
.ys2 dt img:first-child {
    width: 538px;
    height: 538px;
    border-radius: 50%;
    position: relative;
    z-index: 3
}
.ys2 dt img:nth-child(2) {
    width: 244px;
    height: 244px;
    border-radius: 50%;
    position: absolute;
    right: -77px;
    bottom: -16px;
    z-index: 1
}
.ys2 dt img:nth-child(3) {
    width: 162px;
    position: absolute;
    right: -93px;
    top: 235px;
    z-index: 2
}
.ys3 {
    height: 452px
}
.ys3 dd {
    padding-left: 193px;
    padding-top: 35px
}
.ys3 dd p {
    width: 516px;
    margin-bottom: 35px;
    margin-top: 24px
}
.ys3 dt {
    padding-left: 169px
}
.ys4 dd {
    padding-left: 184px;
    width: 570px;
    float: left
}
.ys4 dd h4 {
    margin: 41px 0 24px
}
.ys4 dt {
    width: 478px;
    height: 478px;
    float: right;
    border-radius: 50%;
    background: rgba(191, 191, 191, .5);
    position: relative;
    margin-top: -330px;
    margin-right: 7px
}
.ys4 dt img:nth-child(1) {
    width: 478px;
    height: 478px;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 8px;
    z-index: 2
}
.ys4 dt img:nth-child(2) {
    width: 206px;
    height: 206px;
    border-radius: 50%;
    position: absolute;
    left: -76px;
    bottom: -31px;
    z-index: 1
}
@media screen and (max-width: 780px){
    .ys {
        background:none!important;
        height: auto!important;
    }
    .ys_con img {
        max-width: 100%;
    }
    .ys_con dd>img {
        width: 100px;
    }
    .ys1 dd {
        padding-left: 130px;
        width: 100%;
    }
    .ys1 dd h4 {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .ys_con dd p {
        font-size: 13px;
    }
    .ys1 dt {
        display: none;
    }
    .ys2 dt {
        display: none;
    }
    .ys2 dd {
        width: 100%;
        padding-left: 130px;
    }
    .ys2 .pic {
        display: none;
    }
    .ys2 dd h4 {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .ys1 {
        height: auto;
    }
    .ys2 {
        height: auto;
    }
    .ys3 dt {
        display: none;
    }
    .ys3 dd p {
        width: 100%;
    }
    .ys3 dd {
        width: 100%;
        padding-left: 130px;
    }
    .ys_con dd h4 {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .ys4 dt {
        display: none;
    }
    .ys3 {
        height: auto;
    }
    .ys4 dd {
        width: 100%;
        padding-left: 130px;
    }

}
.pro {padding:0 0 8px 0; position: relative;z-index: 66; background:#fff;}
.pro_tit {display:  flex; justify-content:  center;flex-direction:  column; align-items:  center;}
.pro_tit p {font-size: 18px;line-height: 20px;padding-top: 15px;color:#999;}

.pro_nav {overflow: hidden;background: #f3f3f3;}
.pro_nav ul {display: flex;justify-content: space-between;align-items: center;height:180px;}
.pro_nav li {width:34%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%; transition: 0.5s;/*border-top:1px solid #ddd;border-bottom: 1px solid #dddddd;*/position: relative;}
.pro_nav li:after {content:'';width: 1px;height:4.4vw;background: #ddd;position: absolute;right:0;top:2.6vw;}
.pro_nav li:last-child:after {display:none;}
.pro_nav li.on {transition: 0.5s;background: #21ad42;color: #fff;}
.pro_nav li.on a ,.pro_nav li.on i {color:#fff;transition: 0.5s; }

.pro_nav li.on:after {display: none;transition: 0.5s;}
.pro_nav li i {font-size: 36px;line-height: 36px; color: #333;}
.pro_nav li i img{ filter: grayscale(0%) brightness(0%); width:2.5vw;}
.pro_nav li.on i img{filter: grayscale(0%) brightness(100%); }
.pro_nav li a {font-size:26px;display: flex;flex-direction: column;align-items: center;line-height: 28px;padding-top: 10px; font-family:hs_b; color:#666;}
.pro_nav li a span {font-size: 13px;color: #ccc; text-transform: uppercase;}
.pro_con {overflow: hidden;}
.pro_adv {display: flex;flex-wrap: wrap; height:39rem;overflow: hidden;}
.pro_int {display: flex;justify-content: space-between;align-items: center;height:100%;width:100%;}
.pro_txt {width:40%;/*height: 100%;*/display: flex;flex-direction: column; margin-top: -2%;}
.pro_txt p {flex-direction: column;font-size:2.35vw;font-weight: bold; color:#333; letter-spacing:1px; font-family: "Microsoft YaHei"; float:left;}
.pro_txt p b{ color:#21ad42; }
.pro_txt p span {font-size: 13px;color: #ccc;font-weight: normal;text-transform: uppercase;font-family: Arial; display:block; letter-spacing:0px;}
.pro_txt p i {width: 40px;height: 3px;background:#21ad42;margin-top: 20px;display: block }
.pro_txt em {font-size:22px; color:#333; line-height: 36px;margin-top: 60px;}
.pro_txt a {width: 205px;height: 52px;background:#21ad42;font-size: 16px;text-align: center;line-height: 52px;color: #fff;display: inline-block;margin-top: 18%;transition: all 0.2s; letter-spacing: 1px;}
.pro_txt a:hover{width: 325px;transition: all 0.2s; letter-spacing: 3px;}
.pro_pic {width:57%; }
.pro_top {width:100%;overflow:hidden; /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding:20px;*/}
.pro_top td {width:100%;height:100%;}
.pro_top td+td {display:none;}
.pro_top td img {width:100%;height:auto;}
/*.pro_top img{width:100%;height:auto;} */
.pro_top td br {display:none;}
.pro_call {width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden; padding-bottom: 25px;}
.pro_call td{float: left;position: relative;margin-left: 0.3%;overflow: hidden;padding-left:0!important;}
.pro_call td br{display:none;}
.pro_call td{width:24.7%;height:100%;}
.pro_call td>a,.pro_call td>a>img{width:100%;height:auto;transition:0.5s;}
.pro_call td span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background: #fc0100;height: 50px;transform: translateY(50px);transition:0.5s;}
.pro_call td:hover span{transform: translateY(0px);transition:0.5s;}
.pro_call td span a{color: #fff;font-size: 19px;line-height: 50px;}
.pro_top {transition: 0.5s;width: 100%;flex-shrink: 0; flex-shrink: 0;/*margin-top: 5%;*/}


.pro_top .new_web_div2021 {display: flex; justify-content: space-between;flex-direction: column;}
.pro_top .new_web_div2021 ul {width: 32.6%;display: flex;margin-top: 1%;}
.pro_top .new_web_div2021 li+li{margin-left:3%;}
.pro_top .new_web_div2021 li {width: 100%; position: relative;overflow: hidden;border-radius: 10px;flex-shrink: 0;}

.pro_top .new_web_div2021 li  img {width: 100%;height: auto;border-radius: 10px;transition: all 0.2s;}
.pro_top .new_web_div2021 li  img:hover{transform: scale(1.1);transition: all 0.2s;border-radius: 10px;}
.pro_top .new_web_div2021 li  p  {    position: absolute;bottom: 0;left: 0;width: 100%; height: 25%;background:linear-gradient(rgba(255,255,255,0.01),rgba(0,0,0,1));   border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center;}
.pro_top .new_web_div2021 li  p a {font-size: 15px; line-height: 24px;font-weight: 500; color: #fff;}

.t2 {
    text-align: center;
    padding: 92px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Microsoft YaHei";
}
.t2 h3 {
    color: #21ad42;
    font-size: 44px;
    line-height: 87px;
    font-weight: bold;
    position: relative;
    z-index: 5;
    letter-spacing: 2px;
    font-family: "Microsoft YaHei";
}
.t2 p {
    font-size: 18px;
    color: #5d5d5d;
    z-index: 5;
    margin-top: 5px;
}
.t2 h3 span {
    font-size: 91px;
    line-height: 82px;
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 0;
    z-index: -1;
     left: -17px;
}
.choo {padding:0 0 0; position:relative;z-index: 5;}
.choo .t2 p{ color:#fff;}
.choo .t2 h3{ color:#fff;}
.choo .t2 h3 span{color: rgba(255,255,255,0.1);}
.choo:after {content:'';background: url(../images/choobg.jpg) no-repeat center top;width: 100%;height: 120%;position:absolute;top: -0%;left:0;z-index: -1; background-size: cover; background-attachment: fixed;}
.choo_box { max-width:  1400px; margin:  0 auto;}
.choo_tit {display: flex;flex-direction: column;align-items: center;}
.choo_tit span {font-size: 42px;line-height: 42px;position: relative;color: #fff;}
.choo_tit span:before {content:'';width:160px;height: 1px;background: rgba(255,255,255,0.3);position: absolute;top: 23px;left: -27%;}
.choo_tit span:after {content:'';width:1px;height: 20px;background: rgba(255,255,255,0.3);position: absolute;top: 14px;left: -4%;}
.choo_tit span b {position: relative;}
.choo_tit span b:before {content:'';width:160px;height: 1px;background: rgba(255,255,255,0.3);position: absolute;top: 31px;right: -27%;}
.choo_tit span b:after {content:'';width:1px;height: 20px;background: rgba(255,255,255,0.3);position: absolute;top: 22px;right: -4%;}
.choo_tit p {font-size: 18px;color: #fff;padding-top: 24px;}
.choo_con {display:  flex;margin-top:0px;justify-content: flex-end;position:  relative;}
.choo_con:after {content:'';width: 50%;height:50%;background:#21ad42;position:absolute;bottom: 0;left:0;left: -18%;}
.choo_con ul {display: flex;width: 85%;}
.choo_con li {display: flex;flex-direction: column;width: 21%;}
.choo_con li.on .choo_txt {background: #21ad42;color: #fff;}
.choo_con li:nth-child(2n) {flex-direction:column-reverse;}
.choo_txt {background:  rgba(255,255,255,1);padding:16.9% 10%;display:  flex;justify-content:  center;align-items:  center;flex-direction:  column;}
.choo_txt i {font-size: 60px; color:#000; line-height:60px;}
.choo_txt p {display:  flex;flex-direction:  column;align-items:center; color:#000; font-size:  22px; padding-top: 10px;}
.choo_txt p span {font-size: 17px;color: #999;text-transform:  capitalize; font-family:  Arial; line-height:30px;font-weight:  normal;}
.choo_con li.on .choo_txt p span{color: #fff;}
.choo_con li.on .choo_txt i{ color:#fff;}
.choo_con li.on .choo_txt p{ color:#fff;}
.choo_con li.on .choo_txt i img{filter: contrast(0) brightness(2)}
.choo_sub {display: flex;flex-direction: column;position:  absolute;bottom: 45px;left: 0;width: 32%;z-index: 1;}
.choo_sub em {font-size: 30px; color:  #fff; line-height:34px;}
.choo_sub b {font-size: 60px;font-family: Arial;font-weight: 1000;text-transform: uppercase;color:  #fff; line-height:76px;}
.choo_pic i {width:  100%; display:  inline-block;}
.choo_pic i img {width: 100%;height: auto;}
#c_static_001_P_25011-1709725463902 {
    margin-top: 250px;
}
#c_static_001-1663316123419 {
    margin-top: 5% !important;
}
@media only screen and (max-width: 1366px) and (min-width: 1200px) {
    #c_static_001-1663316123419 {
        margin-top: 3% !important;
    }
}
@media screen and (max-width: 780px){
    .t2 h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .choo .t2 p {
        font-size: 12px;
    }
    .t2 h3 span {
        font-size: 55px;
    }
    .choo_con {
        justify-content: center;
    }
    .choo_con ul {
        flex-wrap: wrap;
    }
    .choo_con li {
        width: 50%;
    }
    .choo_txt {
        height: 180px;
        overflow: hidden;
    }
    .choo_pic {
        height: 180px;
        overflow: hidden;
    }
    .choo_pic img {
        height: 100% !important;
    }
    .choo_con:after {
        content: none;
    }
    .choo_pic i {
        display: block;
        height: 100%;
    }
    .choo_sub {
        bottom: -225px;
        width: 100%;
        left: 35px;
    }
    .choo_sub em {
        font-size: 16px;
    }
    .choo_sub b {
        font-size: 25px;
    }
    .choo_con li:nth-child(1) {
        display: none!important;
    }
    #c_static_001-17097186520940 .e_loop-22 .p_list {
        text-align: center;
    }
    .pro_nav ul {
        height: 110px;
    }
    .pro_nav li a {
        font-size: 18px;
    }
    .pro_nav li i img {
        width: 75%;
    }
    .pro_int {
        flex-wrap: wrap;
    }
    .pro_txt {
        width: 90%;
    }
    .pro_pic {
        width: 90%;
    }
    .pro_txt p {
        font-size: 18px;
    }
    .pro_txt em {
        font-size: 16px;
        margin-top: 16px;
    }
    .pro_txt a {
        width: 170px;
        height: 50px;
    }
    #c_static_001-1663316123419 {
        margin-top: 3% !important;
    }
}
#c_navigation_126-1686012258896 .e_navigationA-32 .p_level1Item a {
    padding: 0 28px!important;
}
@media screen and (max-width: 1610px) {
    #c_navigation_126-1686012258896 .e_navigationA-32 .p_level1Item a {
        padding: 0 26px!important;
    }
}
@media screen and (max-width: 1550px) {
    #c_navigation_126-1686012258896 .e_navigationA-32 .p_level1Item a {
        padding: 0 23px!important;
    }
}
@media screen and (max-width: 1490px) {
    #c_navigation_126-1686012258896 .e_navigationA-32 .p_level1Item a {
        padding: 0 19px!important;
    }
}
@media screen and (max-width: 1240px){
    #c_navigation_126-1686012258896 .e_navigationA-32 .p_level1Item a {
        padding: 0 10px!important;
    }
}