/* 新加 */
.videolist{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.videoUl{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.videoUl li {
    width: 23.23%;
    height: auto;
    overflow: hidden;
    margin-right: 2.35%;
    margin-bottom: 30px;
}
.videoUl li:nth-child(4n) {
    margin-right: 0;
}
.videoUl li a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
}
.videoposter {
    width: 100%;
    height: 350px;
    max-height: 350px;
    overflow: hidden;
    position: relative;
}
.videoTime{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: rgba(0,0,0,0.5);
    font-size: 16px;
    color: #fff;
    text-align: right;
    padding: 0 12px;
    line-height: 30px;
}
/*.videoposter img {*/
/*    max-width: 100%;*/
/*    height: 100%;*/
/*    display: block;*/
/*    margin: auto;*/
/*    transition: all .35s;*/
/*}*/
.videoposter img {
    width: fit-content;
    height: 100%;
    display: block;
    margin: 0 50%;
    transform: translate(-50%, 0px);
    transition: all .35s;
}
.videoUl li a p {
    width: 100%;
    height: 69px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 27px;
    text-align: left;
    border-top: 1px solid #EEEEEE;
    margin: auto;
    padding: 10px 10px;
}
/* 新加 */

/* 首页开始 */
.sy_banner{
    width: 100%;
    height: 100%;
    position: relative;
}
.videoImg{
    width: 30px;
    height: 30px;
    background-color: #C7000A;
    position: absolute;
    bottom: 180px;
    left: 0;
    z-index: 99;
}
.sy_banner .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sy_banner .swiper-container .swiper-slide {
    overflow: hidden;
    position: relative;
    background: #AF2822;
}
.sy_banner .swiper-container .swiper-slide .pcbannerimg{
     width: 100%; 
    /*height: 100%;*/
    margin: 0 50%;
    transform: translateX(-50%);
}
.sy_banner .swiper-container .swiper-slide video{
     width: 100%; 
     /*height: 100%; */
    margin: 0 50%;
    transform: translateX(-50%);
}
.sy_banner .bannergroup{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}
.sy_banner .swiper-button-prev:after, .sy_banner .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.sy_banner .swiper-button-next:after,.sy_banner  .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.sy_banner .swiper-button-next,.sy_banner  .swiper-container-rtl .swiper-button-prev{
    left: auto;
    top: auto;
    right: 43.4%;
    transform: translate(-50%, 0);
    background-image: url(../img/newjtr.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}

.sy_banner .swiper-button-prev,.sy_banner .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: auto;
    left: 46.6%;
    transform: translate(-50%, 0);
    background-image: url(../img/newjtl.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}

.sy_banner .swiper-button-next,.sy_banner  .swiper-button-prev {
    /*width: 51px;*/
    /*height: 23px;*/
    /*overflow: hidden;*/
    /*z-index: 99;*/
    /*bottom: 5.2%;*/
    width: 64px;
    height: 33px;
    overflow: hidden;
    z-index: 99;
    bottom: 24.2%;
}
.sy_banner .swiper-container-horizontal > .swiper-pagination-bullets,
.sy_banner .swiper-pagination-custom,
.sy_banner .swiper-pagination-fraction {
    color: #ffffff;
    font-size: 16px;
}
.sy_banner .swiper-pagination-current{
    font-size: 18px;
    /*margin-left:18px;*/
    margin-right: 4px;
}
.sy_banner .swiper-pagination-total{
     margin-left: 4px;
}
.sy_banner .swiper-pagination{
    width: 100%;
    height: 120px;
    background-image: url(../img/line_wd@2x.png);
    /*background-size: 20.11% 60px*/
    background-size: 25.11% auto;
    background-position:top center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    line-height: 140px;
    bottom: 0%;
}
.sy_banner .swiper-button-next.swiper-button-disabled,.sy_banner  .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.paginationBg{
    width: 20.11%;
    height: 59px;
    background-image: url(../img/line_wd@2x.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 18.3%;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 9;
}
.honertop{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 17%;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
}
.honertop img{
    
    max-width: 980px;
}
.secondslide{
    position: relative;
}
.fullScreenbtn{
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 24px;
    height: 24px;
    display: none;
}
.fullScreenbtn img{
    width: 100%;
    height: 100%;
}

/* 关于开始 */
.aboutUs{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    padding: 6.5% 0 86px 0;
    background-image: url(../img/bg_about.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px;
    position: relative;
}
.aboutbgt{
    width: 100%;
    height: 129px;
    background-image: url(../img/wuding_about_home@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
}
.aboutTop{
    width: 100%;
    height: auto;
    position: relative;
}
.aboutTips{
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #666666;
}
.aboutTitle{
    font-size: 60px;
    font-family: HYKuiSu;
    color: #59504C;
    margin-top:18px;
}
.aboutText{
    width: 500px;
    height: auto;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: rgba(89, 80, 76, 0.8);
    line-height: 30px;
    margin-top: 10px;
}
.aboutMore{
    display: block;
    width: 125px;
    height: 54px;
    background-image: url(../img/btn1_a@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}
.productMore{
    display: block;
    width: 125px;
    height: 54px;
    background-image: url(../img/btn1_a@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 30%;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}
.aboutBtn{
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%,0);
    width: 144px;
    height: 357px;
    background-image: url(../img/alljing.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0;
    z-index: 8;
}
.aboutBtn span{
    display: block;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #543E00;
    writing-mode: vertical-rl;
    margin: 30px auto 0;
}
.aboutBtn img{
    width: 31px;
    height: 33px;
    display: block;
    margin: auto;
}
.aboutDown{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg2_about_home@2x.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-top: 90px;
}
.digital{
    width: 100%;
    height: auto;
    padding:60px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.digital_box{
    padding: 40px 96px;
    width: 32.5%;
    text-align: center;
}
.digital_box:nth-child(2){
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
}
.animateNum{
    font-size: 72px;
    font-family: JDZhengHT;
    font-weight: 400;
    color: #C7000A;
    display: inline-block;
    line-height: 1;
}
.year{
    margin-left: 17px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #C7000A;
    vertical-align: text-bottom;
}
.digital_box .text{
    width: 100%;
    height: auto;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #666666;
    text-align: center;
    display: block;
    margin-top: 25px;
}

.product{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    padding:89px 0 60px 0;
    background-image: url(../img/bg_product@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product .title span{
    display: block;
    width: 100%;
    height: auto;
    background-image: url(../img/bg1_title_home@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 10px 0 30px 0;
}
.title{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;
}
.title span{
    font-size: 48px;
    font-family: HYKuiSu;
    font-weight: 400;
    color: #59504C;
}
.title p{
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #59504C;
    margin-top: 4px;
}
.productDet{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 17%;
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
}
.productNav{
    width: 200px;
    height: auto;
    overflow: hidden;
    padding-top: 30px;
}
.productUl{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.productUl li{
    width: 100%;
    height: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    cursor: pointer;
}
.productUl li:last-child{
    margin-bottom: 0;
}
.productUl li::before{
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    /* background-color: #CCCCCC; */
    background-image: url('../img/li2_product_home@2x.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.productUl li i{
    display: block;
    width: 0px;
    height: 2px;
    border-top: 2px dashed #C7000A;
    transition: all .35s;
    margin: 0 10px 0 4px;
}
.productUl li span{
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #59504C;
}
.productUl li:hover i,
.productUl li.liactive i{
    width: 50px;
    transition: all .35s;
}
.productUl li:hover::before,
.productUl li.liactive::before{
    background-image: url('../img/li_product_home@2x.png');
}
.productUl li:hover span,
.productUl li.liactive span{
    color: #C7000A;
    font-size: 20px;
}
.productCon{
    width: 1268px;
    height: auto;
    overflow: hidden;
    margin-left: 100px;
}
.productCon .proCon.selectCon{
    display: block;
}
.productCon .proCon{
    width: 100%;
    height: auto;
    display: none;
    position: relative;
    padding-bottom: 95px;
}
.productCon .proCon.selectCon .swiper{
    height: 485px;
}

.proCon .swiper .swiper-slide{
    background-color: #fff;
    border: 1px solid #fff;
    transition: all .35s;
}
.proCon .swiper .swiper-slide a{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.proCon .swiper .swiper-slide .slideCon{
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    transition: all .35s;
}
.proCon .swiper .swiper-slide .slideCon img{
    max-width: 100%;
    max-height: 100%;
}
.proCon .swiper .swiper-slide p{
    width: 100%;    
    height: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #666666;
}
.proCon .swiper .swiper-slide:hover{
    border: 1px solid #B79B63;
    transition: all .35s;
}
.proCon .swiper .swiper-slide:hover .slideCon{
    border-bottom: 1px solid #B79B63;
    transition: all .35s;
}
.proCon .swiper .swiper-slide:hover p{
    color: #7C4F01;
}
.proCon .swiper-button-prev:after, .proCon .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.proCon .swiper-button-next:after,.proCon   .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.proCon .swiper-button-prev,.proCon .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
    background-image: url(../img/newleft2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.proCon  .swiper-button-next,.proCon .swiper-container-rtl .swiper-button-prev {
    right: auto;
    top: auto;
    bottom: 0;
    left: 105px;
    background-image: url(../img/newright2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.proCon .swiper-button-next,.proCon .swiper-button-prev {
    width: 92px;
    /*width: 72px;*/
    height: 69px;
    /*border-radius: 50%;*/
    overflow: hidden;
    opacity: 1 !important;
    z-index: 99;
}
.science{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    padding: 110px 0 120px 0;
    background-image: url(../img/bg_kjycx@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.science .title span{
    display: block;
    width: 100%;
    height: auto;
    background-image: url(../img/bg2_title_home@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 10px 0 30px 0;
}
.scienceCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 53px auto 0;
}
.scienceCon ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.scienceCon ul li{
    width: 150px;
    height: 500px;
    transition: all .35s;
    position: relative;
}
.scienceCon ul li .scienceBtn{
    display: block;
    width: 97px;
    height: 100%;
    padding: 90px 0 45px 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    transition: all .35s;
}
.scienceCon ul li .scienceBtn p{
    width:97px;
    font-size: 36px;
    font-family:HYKuiSu;
    font-weight: 400;
    color: #FFFFFF;
    writing-mode: vertical-rl;
    line-height: 97px;
    height: 252px;
}
.scienceCon ul li .scienceBtn i{
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 57px;
    width: 21px;
    margin: 10px auto;
    opacity: 0;
}
.scienceCon ul li .scienceBtn span{
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #ffffff;
    writing-mode: vertical-rl;
    opacity: 0;
    transition: all .35s;
    width: 97px;
    line-height: 97px;
}
.scienceCon ul li .scienceBtn:hover span,
.scienceCon ul li .scienceBtn:hover i,
.scienceCon ul li.active .scienceBtn span,
.scienceCon ul li.active .scienceBtn i{
    opacity: 1;
    transition: all .35s;
}
.scienceCon ul li:first-child .scienceBtn{
    background-image: url(../img/bg01_kjycx@2x.png);
}
.scienceCon ul li:nth-child(2) .scienceBtn{
    background-image: url(../img/bg02_kjycx@2x.png);
}
.scienceCon ul li:nth-child(3) .scienceBtn{
    background-image: url(../img/bg01_kjycx@2x.png);
}
.scienceCon ul li:last-child .scienceBtn{
    background-image: url(../img/bg02_kjycx@2x.png);
}
/*.scienceCon ul li:nth-child(3) .scienceBtn{*/
/*    background-image: url(../img/bg03_kjycx@2x.png);*/
/*}*/
/*.scienceCon ul li:last-child .scienceBtn{*/
/*    background-image: url(../img/bg04_kjycx@2x.png);*/
/*}*/
.scienceCon ul li:first-child .scienceBtn i{
    background-image: url(../img/yellow.png);
}
.scienceCon ul li:nth-child(2) .scienceBtn i{
    background-image: url(../img/red.png);
}
.scienceCon ul li:nth-child(3) .scienceBtn i{
    background-image: url(../img/yellow.png);
}
.scienceCon ul li:last-child .scienceBtn i{
    background-image: url(../img/red.png);
}
/*.scienceCon ul li:nth-child(3) .scienceBtn i{*/
/*    background-image: url(../img/green.png);*/
/*}*/
/*.scienceCon ul li:last-child .scienceBtn i{*/
/*    background-image: url(../img/blue.png);*/
/*}*/

.scienceCon ul li:first-child .scienceBtn span{
    color: #7F5F17;
}
.scienceCon ul li:nth-child(2) .scienceBtn span{
    color: #961300;
}
.scienceCon ul li:nth-child(3) .scienceBtn span{
    color: #7F5F17;
}
.scienceCon ul li:last-child .scienceBtn span{
    color: #961300;
}
/*.scienceCon ul li:nth-child(3) .scienceBtn span{*/
/*    color: #177167;*/
/*}*/
/*.scienceCon ul li:last-child .scienceBtn span{*/
/*    color: #172B71;*/
/*}*/


.scienceCon ul li .linei{
    position: absolute;
    top: 43px;
    left: 97px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}
.scienceCon ul li:first-child .linei{
    border-top: 1px solid #B3975E;
}
.scienceCon ul li:nth-child(2) .linei{
    border-top: 1px solid #AB4534;
}
.scienceCon ul li:nth-child(3) .linei{
    border-top: 1px solid #B3975E;
}
.scienceCon ul li:last-child .linei{
    border-top: 1px solid #AB4534;
}
/*.scienceCon ul li:nth-child(3) .linei{*/
/*    border-top: 1px solid #008971;*/
/*}*/
/*.scienceCon ul li:last-child .linei{*/
/*    border-top: 1px solid #475487;*/
/*}*/
.scienceCon ul li:last-child .linei{
    display: none;
}
.scienceCon ul li:last-child:hover .linei{
    display: block;
}
.scienceCon ul li:last-child.active .linei{
    display: block;
}
.sciencemask{
    width: 620px;
    height: auto;
    overflow: hidden;
    padding-left: 45px;
    transition: all .35s;
    position: absolute;
    top: 43px;
    left: 97px;
    opacity: 0;
    padding-right: 20px;
}
.scienceCon ul li .scienceBtn:hover{
    /* width: 670px; */
    transition: all .35s;
}
.scienceCon ul li.active{
    width: 800px;
}
.scienceCon ul li .scienceBtn:hover .sciencemask,
.scienceCon ul li.active .sciencemask{
   transition: all .35s;
   opacity: 1;
}

.sciencep{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 24px;
    color: #59504C;
    line-height: 48px;
    margin-top: 12px;
}
.sciencespan{
    line-height: 30px;
    height: 60px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
}
.scienceimg{
    width: 563px;
    height: auto;
    overflow: hidden;
    border: 1px solid #B79B63;
    padding: 7px;
    margin-top: 14px;
}
.sciencemask .sciencetp{
    display: block;
    width: 547px;
    height: 274px;
    border: 7px solid #B79B63;
}
.sciencemask  .sciencetp img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.quality{
   width: 100%;
   height: 100%;
   overflow: hidden;
   padding: 104px 0 150px 0;
   background-image: url(../img/bg_pzbz_home@2x.png);
   background-size: cover;
   background-position: 0 0;
   background-repeat: no-repeat;
}
.quality .title span{
    display: block;
    width: 100%;
    height: auto;
    background-image: url(../img/bg1_title_home@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 10px 0 30px 0;
}

.qualitycontent{
    width: 402px;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: -64px;
    right: 56px;
}
.qualitySwiper{
    padding-bottom: 90px;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.qualitySwiper .swiper .swiper-slide{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    padding: 16px;
    border: 1px solid #B79B63;
}
.qualitySwiper .swiper .swiper-slide div{
    width: 376px;
    height: 238px;
}
.qualitySwiper .swiper .swiper-slide div img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}
.qualitySwiper .swiper .swiper-slide p{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #333333;
}
.qualitySwiper .swiper-button-prev:after, .qualitySwiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.qualitySwiper .swiper-button-next:after,.qualitySwiper .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.qualitySwiper .swiper-button-next,.qualitySwiper .swiper-container-rtl .swiper-button-prev {
    right: 42%;
    left: auto;
    top: auto;
    bottom: 1px;
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.qualitySwiper .swiper-button-prev,.qualitySwiper .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: auto;
    bottom:1px;
    left: 42%;
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.qualitySwiper .swiper-button-next,.qualitySwiper .swiper-button-prev {
    width: 92px;
    height: 69px;
    overflow: hidden;
    opacity: 1 !important;
    z-index: 99;
}

/* 新增奖项内容 */
.honorMain{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(../img/bg_jp@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.honorMain .img1{
    position: absolute;
    top: 0px;
    right: 12.3%;
    width: 280px;
    height: 100vh;
}
.honorMain .img2{
    position: absolute;
    top: 0px;
    right: 42%;
    width: 280px;
    height: 100vh;
}
.honormaincon{
    width: 100%;
    max-width: 1387px;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding:4% 0 60px 0;
}
.honorLeft{
    width: 130px;
    height: auto;
    overflow: hidden;
}
.tab-term{
    visibility: hidden;
    opacity: 0;
}
.honordiv{
    width: 130px;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}
.honordiv img{
    width: 22px;
    height: 13px;
    display: block;
    margin: auto;
}
.honorLeft p{
    font-size: 36px;
    font-family: HYKuiSu;
    font-weight: 400;
    color: #A1855D;
    line-height: 130px;
    writing-mode: vertical-rl;
    padding: 16px 0;
}
 
.honorRight{
    width: 85.7%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.goldMedal{
    width: 610px;
    height: auto;
    position: relative;
    
}
.goldMedal p{
    font-size: 24px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #A1855D;
    line-height: 130px;
    writing-mode: vertical-rl;
    margin-left: 220px;
    letter-spacing: 3px;
}
.goldMedal p::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #8C5901;
    margin-bottom: 15px;
    transform: rotate(45deg);
}
.goldMedal img:nth-child(2){
    width: 100%;
    height: 299px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.goldMedal img:nth-child(3){
    /* position: absolute;
    top: 0;
    right: -25px;
    width: 280px;
    height: 750px; */

    position: absolute;
    top: -180px;
    right: -25px;
    width: 280px;
    height: 100vh;
}
.firstPrize {
    width: 32%;
    height: auto;
    position: relative;
}
.firstPrize p{
    font-size: 24px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #8D3A20;
    line-height: 86px;
    writing-mode: vertical-rl;
    letter-spacing: 3px;
}
.firstPrize p::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #8D3A20;
    margin-bottom: 15px;
    transform: rotate(45deg);
}
.firstPrize img:nth-child(2){
    width: 261px;
    height: 369px;
    position: relative;
    z-index: 1;
    /*margin-top: 85px;*/
    margin-top: 164px;
}

.firstPrize img:nth-child(3){
    /* position: absolute;
    top: 0;
    right: -13px;
    width: 280px;
    height: 750px; */
    position: absolute;
    top: -180px;
    right: -13px;
    width: 280px;
    height: 100vh;
}
.certificate{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 70px auto 0 !important;
}
.certificatebtn{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.certificatebtn ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.certificatebtn ul li{
    width: 273px;
    height: 89px;
    font-family: HYKuiSu;
    font-size: 30px;
    color: #A1855D;
    line-height: 89px;
    cursor: pointer;
    margin: 0 25px;
    background-image: url('../img/btn2_pzbz_home@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
}
.certificatebtn ul li.liactivesec{
    background-image: url('../img/btn1_pzbz_home@2x.png');
    color: #FFFFFF;
}
.certificatecon{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 34px;
}
.certificatecon .certificatenr{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}
.certificatecon .certificatenr.certificateset{
    display: block;
}

/* 关于我们 */
.nybanner{
    width: 100%;
    height: 537px;
    overflow: hidden;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.gywmbanner {
    /*background-image: url(../image/banner_about@2x.jpg);*/
}
.breadcrumbdh{
    width: 100%;
    overflow: hidden;
    height: 62px !important;
    border-bottom: 1px solid #EEEEEE;
    background-color: #fff;
}
.breadcrumbnav{
    width: 100%;
    overflow: hidden;
    height: 62px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subnav{
    width: fit-content;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.subnav span{
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    font-size: 14px;
    color: #59504C;
}
.subnav i{
    display: block;
    font-size: 14px;
    color:#CCCCCC;
    margin: 0 16px 0 16px;
}
.subnavul{
    width: 36%;
    height: 100%;
    overflow: hidden;
}
.subnavul ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subnavul ul li a{
    display: block;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    font-size: 14px;
    color: #59504C;
    line-height: 60px;
}
.subnavul ul li i{
    display: block;
    width: 0;
    height: 2px;
    background: #C8000A;
    transition: all .35s;
    margin: auto;
}
.subnavul ul li.subnavact a{
    color: #C8000A;
}
.subnavul ul li:hover a{
    color: #C8000A;
}
.subnavul ul li:hover i{
    width: 56px;
}
.subnavul ul li.subnavact i{
    width: 56px;
    transition: all .35s;
}
.partOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url('../img/bg1_about@2x.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 73px 0 55px 0;
}
.partOnetit{
    display: flex;
    justify-content: center;
    align-items: center;
}
.partOnetit i{
    display: block;
    width: 31px;
    height: 23px;
    background-size: 31px 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.partOnetit .icon_one{
    background-image: url('../img/left_icon@2x.png');
}
.partOnetit .icon_two{
    background-image: url('../img/right_icon@2x.png');
}
.partOnetit p{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #59504C;
    margin: 0 10px 0 10px;
    line-height: 1;
}
.partOneTime{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 36px;
    color: #A1855D;
    line-height: 1;
    padding: 40px 0 42px 0 ;
    text-align: center;
}
.partOnecon{
    overflow: hidden;
    padding: 0 3px
}
.partOnecon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 30px;    
    text-align: center;
    white-space: break-spaces;
}
.partTwo{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg3_about.png);
    background-repeat: no-repeat;
    background-size:auto;
    background-attachment: fixed;
    background-position: center 0;
    /* background-color: black; */
}

.partTwogold{
    width: 100%;
    height: 528px;
}
.partTwogold img{
    margin: 0 50%;
    transform: translate(-50%, 0px);
}
.partTwoCon{
    width: 100%;
    height: auto;
    background-image: url(../img/bg2_about@2x.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 0;
    position: relative;
    margin-top: -124px;
    padding-top: 154px;
}
.partTwotit{
    background-image: url(../img/wd_about@2x.png);
    background-size: 1025px 204px;
    background-repeat: no-repeat;
    background-position: center 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 0 0 0;
}
.partTwotit i{
    display: block;
    width: 31px;
    height: 23px;
    background-size: 31px 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.partTwotit .icon_one{
    background-image: url('../img/left_icon@2x.png');
}
.partTwotit .icon_two{
    background-image: url('../img/right_icon@2x.png');
}
.partTwotit p{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #59504C;
    margin: 0 10px 0 10px;
    line-height: 1;
}
.partTwop{
    overflow: hidden;
    padding: 0 3px;
    margin: 60px auto 0 !important;
}
.partTwop p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 30px;    
    text-align: center;
    white-space: break-spaces;
}
.nyfirstPrize{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 240px;
}
.nyfirstPrize .prize{
    width: 316px;
    height: 450px;
    margin: auto;
}
.nyfirstPrize p{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 20px;
}
.dbbgi{
    width: 100%;
    height: 200px;
    overflow: hidden;
    line-height: 190px;
}
.dbbgi p{
    width: 100%;
    height: 100%;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    text-align: center;
}
.partThree{
    width: 100%;
    height: auto;
    background-image: url(../img/bg4_about@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    margin-top: -252px;
    padding-top: 260px;
}
.partThreegroup{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
}
.partThreegroup .groupLeft{
    width: 36.51%;
    height: auto;
    overflow: hidden;
    float: left;
}
.groupTitle{
    padding: 35px 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.groupTitle img{
    width: 31px;
    height: 23px;
}
.groupTitle p{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #59504C;
    margin: 0 16px 0 16px;
    line-height: 1;
}
.groupCon{
    width: 100%;
    height: 280px;
    overflow-y: scroll;
}
.groupCon::-webkit-scrollbar {
    width: 5px; /* 设置滚动条宽度 */
}
.groupCon::-webkit-scrollbar-track {
    background-color: transparent; /* 设置滚动条背景颜色 */
}
.groupCon::-webkit-scrollbar-thumb {
    background-color: #dfdfdf; /* 设置滚动条颜色 */
    border-radius: 3px; /* 设置滚动条边角弯曲程度 */
}
/* 当鼠标悬停时的滑块样式 */
.groupCon::-webkit-scrollbar-thumb:hover {
    background-color: #999; /* 设置滚动条鼠标悬停时的颜色 */
}
.groupCon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    white-space: pre-line;
}

.partThreegroup .groupRight{
    width: 57.94%;
    min-height: auto;
    max-height: 430px;
    float: right;
    overflow: hidden;
}
.partThreegroup .groupRight img{
    width: 100%;
    height: 100%;
    transition: all .35s;
}
.partThreegroup .groupRight:hover img{
    transform: scale(1.05);
    transition: all .35s;
}
.partThreegroup:nth-child(2n) .groupLeft{
    float: right;
}
.partThreegroup:nth-child(2n) .groupRight{
    float: left;
}
.partFour{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 80px;
    margin-top: 176px;
}
.partFourimg{
    width: 100%;
    height: 484px;
    background-repeat: no-repeat;
    background-size: 100% 484px;
    background-position: center;
    overflow: hidden;
    margin-top: 64px;
}
.partFourcontent{
    width: 100%;
	max-width: 1260px;
    height: auto;
    position: relative;
	margin: 46px auto 0;
}
.partFourCon{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #59504C;
}
.partFourBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3%;
}
.partFourBox .partFourgyly{
    width: 32.78%;
    height: auto;
    overflow: hidden;
    max-height: 264px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partFourBox .partFourgyly img{
    max-width: 100%;
    max-height: 100%;
}
/* 分子公司 */
.companyOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #F7F1E1;
    padding-bottom:80px;
    position: relative;
}
.companyWhite{
    width: 100%;
    height: 536px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.companyWidth{
    width: 100%;
    max-width: 1790px;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.companyleft{
    width: 57.83%;
    height: auto;
    overflow: hidden;
    padding:0 75px 0 285px;
    float: left;
}
.companyTitle{
    width: 134px;
    height: 536px;
    background-image: url(../img/bg_title_fzgs@2x.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 85px 34px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.companyTitle p{
    font-family: HYKuiSu;
    font-size: 24px;
    color: #FFFFFF;
    writing-mode: vertical-rl; /* 竖向排列 */
    margin: auto;
}
.companyprofile{
    width: 450px;
    height: 400px;
    overflow-y: auto;
    padding-right: 20px;
    margin-top: 60px;
    float: right;
}
.companyprofile::-webkit-scrollbar {
    width: 9px; /* 设置滚动条宽度 */
}
.companyprofile::-webkit-scrollbar-track {
    background: #EEEEEE;
    border-radius:5px; /* 设置滚动条边角弯曲程度 */
}
.companyprofile::-webkit-scrollbar-thumb {
    background-color: #C5C5C5; /* 设置滚动条颜色 */
    border-radius:5px; /* 设置滚动条边角弯曲程度 */
}

.companyprofile p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    white-space: pre-line;
}
.companySwiper{
    width: 42.1%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: right;
    padding-bottom: 95px;
    margin-top: 62px;
}
.companySwiper .swiper-slide{
    width: 100%;
    height: 556px;
    overflow: hidden;
}
.companySwiper .swiper-slide img{
    width: 100%;
    height: 100%;
}
.companySwiper .swiper-button-prev:after, .companySwiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.companySwiper .swiper-button-next:after,.companySwiper  .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.companySwiper .swiper-button-next,.companySwiper  .swiper-container-rtl .swiper-button-prev
 {
    right: auto;
    left: 107px;
    top: auto;
    bottom: 0px;
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}
.companySwiper .swiper-button-prev,.companySwiper .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: auto;
    bottom: 0px;
    left: 0px;
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}

.companySwiper .swiper-button-next,.companySwiper  .swiper-button-prev {
    width: 92px;
    height: 69px;
    overflow: hidden;
}
.companyOne:nth-child(2n) .companyWidth .companyleft{
    float: right;
    padding: 0 285px 0 75px;
}
.companyOne:nth-child(2n) .companyWidth .companyleft .companyTitle{
    float: right;
}
.companyOne:nth-child(2n) .companyWidth .companySwiper,
.companyOne:nth-child(2n) .companyWidth .companyleft .companyprofile{
    float: left;
}
.companyOne:nth-child(2n) .companyWidth .companySwiper .swiper-button-next,
.companyOne:nth-child(2n) .companyWidth .companySwiper  .swiper-container-rtl .swiper-button-prev{
    left: auto;
    right: 0px;
}
.companyOne:nth-child(2n) .companyWidth .companySwiper .swiper-button-prev,
.companyOne:nth-child(2n) .companyWidth .companySwiper .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 107px;
}
/* 关于我们-百年荣誉 */
.nyHonor{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_about_honor@2x.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    padding: 44px 0 52px 0;
}
.nyHonorCon{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.honornav{
    width: 26.59%;
    height: 571px;
    background: #F0EAE0;
    border: 1px solid #A1855D;
    float: right;
}
.honornav ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}
.honornav ul li{
    padding: 0 20px;
    cursor: pointer;
}
.honornav ul li i{
    display: block;
    width: 1px;
    height: 110px;
    background: #D7D2BF;
    margin: auto;
    transition: all .35s;
}
.honornav ul li p{
    font-family: HYKuiSu;
    font-size: 24px;
    color: rgba(106, 98, 94,0.5);
    writing-mode: vertical-rl;
    margin: 0 auto 0;
}
.honornav ul li p::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/li2_product_home@2x.png');
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-bottom: 12px;
}
.honorContent{
    width: 73.41%;
    height: 571px;
    background: rgba(243, 241, 234,0.53);
    border-top: 1px solid #A1855D;
    border-bottom: 1px solid #A1855D;
    border-left: 1px solid #A1855D;
    padding: 55px;
    float: left;
}
.honorTitle{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.honorTitle img{
    width: 31px;
    height: 23px;
}
.honorTitle p{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #59504C;
    margin: 0 16px;
}
.honorMaincon{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.honorMaincon .honornrPart{
    width: 100%;
    height: 360px;
    overflow-y: auto;
    display: none;
    padding-right: 30px;
    margin-top:50px;
}
.honorMaincon .honornrPart.selectPart{
    display: block;
}
.honorMaincon .honornrPart p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    white-space: pre-line;
   
}
.honornrPart::-webkit-scrollbar {
    width: 6px; /* 设置滚动条宽度 */
}
.honornrPart::-webkit-scrollbar-track {
    background-color: rgba(161, 133, 93, 0.3); /* 设置滚动条背景颜色 */
}
.honornrPart::-webkit-scrollbar-thumb {
    background-color: rgba(161, 133, 93, 1); /* 设置滚动条颜色 */
}
.honornav ul li.acthonnr i{
    height: 48px;
    background: #BD1A2D;
    transition: all .35s;
}
.honornav ul li.acthonnr p{
    color: #BD1A2D;
}
.honornav ul li.acthonnr p::before{
    background-image: url('../img/li_product_home@2x.png');
}
/* 百年历程 css在course*/
/* 企业文化 */
.ideaOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.idealeft{
    width: 46.87%;
    height: 718px;
    position: relative;
    overflow: hidden;
}
.idealeft img{
    /*width: 100%;*/
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.idearight{
    width: 55%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_qywh.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0 102px;
}
.ideaTitle p{
    padding: 25px 2px;
    width: 1em;
    font-size: 30px;
    line-height: 1;
    font-family: HYKuiSu;
    color: #59504C;
}
.ideaTitle:before, .ideaTitle:after {
    content: '';
    margin: auto;
    width: 23px;
    height: 31px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    
}
.ideaTitle:before {
    background-image: url(../img/up_about@2x.png);
    
}
.ideaTitle:after {
    background-image: url(../img/down_about@2x.png);
}
.ideaCon {
    width: 30%;
    height: 100%;
    overflow: hidden;
    margin-left: 84px;
    display: flex;
}
.ideaCon li{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 100%;
    vertical-align: top;
    cursor: pointer;
    margin: 0 30px;
    /* text-align: justify; */
}
.ideaRule{
    position: relative;
}
/* .ideaRule i{
    display: block;
    content: '';
    position: absolute;
    right: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #A1855D;
} */
.ideaCon li:nth-child(1) .ideaRule {
    top: 134px;
}
.ideaCon li:nth-child(2) .ideaRule {
    top: 174px;
}
.ideaCon li:nth-child(3) .ideaRule {
    top: 70px;
}
.ideaCon li:nth-child(2):hover .ideaRule{
    top: 114px;
}
.ideaCon li:nth-child(3):hover .ideaRule{
    top: 20px;
}

.ideaCon li:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #A1855D;
}
.ideaCon li:hover:before {
    border-color: #C7000B;
}
.ideaCon li:hover .ideaRule{
    color: #C7000B;
    font-family: HYKuiSu;
    font-size: 21px;
    line-height: 1;
}
.ideaCon li .ideaRule{
    position: relative;
    padding: 25px 0 25px;
    background:#EBE7DC;
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 18px;
    color: #59504C;
    white-space: nowrap;
    writing-mode: tb-rl;
    border-radius: 10px 
}
.ideaCon li .ideaRule:before, .ideaCon li .ideaRule:after {
    content: '';
    position: absolute;
    left: 3px;
    width: 16px;
    height: 16px;
    background: url(../img/li2_product_home@2x.png) no-repeat;
}
.ideaCon li .ideaRule:before{
    top: 0;
}
.ideaCon li .ideaRule:after{
    bottom: 0;
}
.ideaCon li:hover .ideaRule:before, .ideaCon li:hover .ideaRule:after{
    background: url(../img/li_product_home@2x.png) no-repeat;
}
.ideaConTwo{
    /* width: 42%; */
    width: 75%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
}
.ideaConTwo li{
    width: 22px;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: all .35s;
}
.ideaConTwo li:nth-child(1) p {
    top: 215px;
}
.ideaConTwo li:nth-child(2) p {
    top: 174px;
}
.ideaConTwo li:nth-child(3) p  {
    top: 260px;
}
.ideaConTwo li:nth-child(2).ideabigtit p {
    top: 114px;
}
.ideaConTwo li:nth-child(3).ideabigtit p {
    top: 20px;
}
.ideaConTwo li:nth-child(4) .ideabigtit p{
    top: 210px;
}
.ideaConTwo li:nth-child(5) p {
    top: 250px;
}
.ideaConTwo li:nth-child(5) .ideabigtit p {
    top: 180px;
}
.ideaConTwo li:nth-child(6) p {
    top: 300px;
}
.ideaConTwo li:nth-child(6) .ideabigtit p {
    top: 200px;
}
.ideaConTwo li:nth-child(7) .ideabigtit p {
    top: 230px;
}
.ideaConTwo li .ideabigtit:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #A1855D;
}
.ideaConTwo li .ideabigtit:hover:before {
    border-color: #C7000B;
}
.ideaConTwo li.ideaact .ideabigtit:before {
    border-color: #C7000B;
}
.ideaConTwo li .ideabigtit {
    width: 22px;
    height: 100%;
    transition: all .35s;
    float: right;
    position: relative;
}
.ideaConTwo li .ideabigtit p{
    position: relative;
    padding: 25px 0 25px;
    background:#EBE7DC;
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 18px;
    color: #59504C;
    white-space: nowrap;
    writing-mode: tb-rl;
    border-radius: 10px 
}
.ideaConTwo li:hover .ideabigtit p{
    font-family: HYKuiSu;
    font-size: 21px;
    line-height: 1;
    color: #C7000B;
}
.ideaConTwo li.ideaact .ideabigtit p{
    font-family: HYKuiSu;
    font-size: 21px;
    line-height: 1;
    color: #C7000B;
}
.ideabigtit p:before, .ideabigtit p:after {
    content: '';
    position: absolute;
    left: 3px;
    width: 16px;
    height: 16px;
    background: url(../img/li2_product_home@2x.png) no-repeat;
}
.ideabigtit p:before{
    top: 0;
}
.ideabigtit p:after{
    bottom: 0;
}
.ideaConTwo li:hover  .ideabigtit p:before, 
.ideaConTwo li:hover  .ideabigtit p:after{
    background: url(../img/li_product_home@2x.png) no-repeat;
}
.ideaConTwo li.ideaact .ideabigtit p:before,
.ideaConTwo li.ideaact .ideabigtit p:after{
    background: url(../img/li_product_home@2x.png) no-repeat;
}
.ruledet {
    width: 0px;
    height: 100%;
    overflow: hidden;
    padding-right: 20px;
    transition: all .35s;
    position: absolute;
    top: 0;
    right: 13px;
    opacity: 0;
    /* display: none; */
}

.ruledet p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #C7000B;
    writing-mode: tb-rl;
    white-space:pre-line;
    line-height: 28px;
    height: 200px;
    float: right;
}
.ideaConTwo li .ideabigtit:hover .ruledet, 
.ideaConTwo li.ideaact .ruledet {
    transition: all .35s;
    opacity: 1;
    width: 170px;
    /* display: block; */
}
.ideaConTwo li:nth-child(1) .ideabigtit:hover .ruledet,
.ideaConTwo li:nth-child(2) .ideabigtit:hover .ruledet,
.ideaConTwo li:nth-child(3) .ideabigtit:hover .ruledet{
    width: 90px !important;
    overflow: hidden;
}
.ideaConTwo li.ideaact {
    width: 170px;
}
.ideaConTwo li:nth-child(1).ideaact,
.ideaConTwo li:nth-child(2).ideaact,
.ideaConTwo li:nth-child(3).ideaact{
    width: 90px !important;
    overflow: hidden;
} 
.ideaConTwo li.ideaact:nth-child(1) .ruledet
.ideaConTwo li.ideaact:nth-child(2) .ruledet,
.ideaConTwo li.ideaact:nth-child(3) .ruledet{
    width: 90px;
}
.ideaConTwo li:nth-child(1) .ruledet p {
    margin-top: 242px;
}
.ideaConTwo li:nth-child(2) .ruledet p {
    margin-top: 198px;
}
.ideaConTwo li:nth-child(3) .ruledet p {
    margin-top: 285px;
}
.ideaConTwo li:nth-child(4) .ruledet p {
    margin-top: 240px;
}
.ideaConTwo li:nth-child(5) .ruledet p {
    margin-top: 220px;
}
.ideaConTwo li:nth-child(6) .ruledet p {
    margin-top: 230px;
}
.ideaConTwo li:nth-child(7) .ruledet p {
    margin-top: 260px;
}

.cultureOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    /*background-image: url(../img/bg_qywh@2x.png);*/
    background-image: url(../img/redbg_qywh@2x.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 300px 0 200px 0;
    margin-top: -176px;
    position: relative;
}
.cultureCon {
    width: 45%;
}

.cultureul{
    width:80%;
    height: auto;
    overflow: hidden;
    display: flex;
}
.cultureul li{
    padding: 0 35px;
    display: flex;
}
.cultureul li span{
    color: #C7000B;
    font-size:30px;
    font-family: HYYanKai;
    writing-mode: tb-rl;
    display: block;
    font-family: HYKuiSu;
}
.cultureul li p{
    font-size: 18px;
    color: #59504C;
    writing-mode: tb-rl;
    margin-right: 16px;
    letter-spacing: 2px;
}
.cultureTitle{
    float: right;
}
.cultureTitle p{
    padding: 25px 2px;
    width: 1em;
    font-size: 30px;
    line-height: 1;
    font-family: HYKuiSu;
    color: #59504C;
}
.cultureTitle:before, .cultureTitle:after {
    content: '';
    margin: auto;
    width: 23px;
    height: 31px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}
.cultureTitle:before {
    background-image: url(../img/up_about@2x.png);
}
.cultureTitle:after {
    background-image: url(../img/down_about@2x.png);
}
/* 产品中心 */
.cpzxbanner{
    /*background-image: url(../image/banner_product@2x.jpg);*/
}
.productnyCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 110px;
    background-image: url(../img/bg_product@2x.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.productnavul{
    width: 60%;
}
.productnavul ul li{
    cursor: pointer;
}
.proSearch{
    width: 980px;
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:40px auto 40px;
}
.searchLeft{
    width: 856px;
    height: 46px;
    background: #F7F1E1;
    border: 1px solid #C7000A;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}
.searchOption{
    width: 107px;
    height: auto;
    border-right: 1px solid #C7000A;
    background: #F7F1E1;
}
.searchOption select{
    width: 100%;
    height: 100%;
    border: 0;
    background: #F7F1E1;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    padding: 0 10px 0 10px;
    outline: none;
}
.searchinput{
    width: 748px;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 46px;
    padding-left: 24px;
    background: #F7F1E1;
    outline: none;
    border: 0;
}
.searchRight{
    width: 106px;
    height: 46px;
    background-image: url(../img/btn1_search@2x.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}
.productlist{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.productnyCon .productlist{
    display: none;
}
.productnyCon .productlist.selectprocon{
    display: block;
}
.productul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.productul li {
    width: 31.75%;
    height: auto;
    overflow: hidden;
    margin-right: 2.35%;
    margin-bottom: 30px;
}
.productul li:nth-child(3n){
    margin-right: 0;
}
.productul li a{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
}
.productul li a:hover .proimg img{
    transform: scale(1.02);
    transition: all .35s;
}
.proimg {
    width: 100%;
    height: auto;
    max-height: 400px;
    overflow: hidden;
}
.proimg img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    transition: all .35s;
}
.productul li a p{
    width: 100%;
    height: 80px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 80px;
    text-align: center;
    border-top: 1px solid #EEEEEE;
}
.promore{
    width: 125px;
    height: 54px;
    overflow: hidden;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
    background-image: url(../img/btn1_search@2x.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto;
    cursor: pointer;
}
/* 产品详情 */
.productnyDet{
    width: 100%;
    height: auto;
    overflow: hidden;
    /*position: relative;*/
}
.productnyDet .productnyDetop{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.colorblock{
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
    height: 295px;
    background-color: #F7F1E1;
}
.voiceAnnouncements{
    position: absolute;
    top: 122px;
    right: 330px;
    width: 110px;
    height: auto;
    background-image: url(../img/yybb@2x.png);
    background-size: 37px 37px;
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 45px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #B60005;
    line-height: 48px;
    text-decoration-line: underline;
    cursor: pointer;
    outline: none;
    border: 0;
    background-color: transparent;
}
.prodettop{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    padding-top: 55px;
    padding-bottom: 34px;
}
.proLeft {
    width: 26.12%;
    height: auto;
    position: relative;
}
.proLeft .mySwiper2{
    width: 100%;
    height: auto;
    padding-bottom: 130px;
    overflow: hidden;

}
.proLeft .mySwiper2 .swiper-slide{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;  
}
.proLeft .mySwiper2 .swiper-slide img{
    width: 100%;
    height: 100%;
}
.proLeft .swiper-button-prev:after,
.proLeft .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.proLeft .swiper-button-next:after,
.proLeft  .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.proLeft .swiper-button-next,
.proLeft .swiper-container-rtl .swiper-button-prev{
    left: auto;
    top: auto;
    right: 12.4%;
    bottom: 32px;
    transform: translate(-50%, 0);
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}
.proLeft .swiper-button-prev,
.proLeft .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: auto;
    left: 37.5%;
    bottom: 32px;
    transform: translate(-50%, 0);
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transition: 0.35s;
}

.proLeft .swiper-button-next,
.proLeft  .swiper-button-prev {
    width: 72px;
    height: 69px;
    overflow: hidden;
    z-index: 99;
}
.proLeft .mySwiper{
    position: absolute;
    left: 363px;
    bottom: 134px;
    width: 550px;
    height: 121px;
    overflow: hidden;
}
.proLeft .mySwiper .swiper-slide{
    width: 122px;
    height: 121px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;  
}
.proLeft .mySwiper .swiper-slide-thumb-active {
    border: 1px solid #C8000A; 
}
.proLeft .mySwiper .swiper-slide img{
    width: 100%;
    height: 100%;
}
.proRight{
    width: 60%;
    height: auto;
    overflow: hidden;
    margin-left: 34px;
}
.proRight h4{
    font-family: HYKuiSu;
    font-size: 36px;
    color: #665E59;
    font-weight: normal;
    margin-bottom: 30px;
}
.proRight p{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    white-space: pre-line;
}
.prodetDown{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 200px;
}
.proInstruction{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 45px 0;
}
.proInstruction .Instructionlogo{
    width: 85px;
    height: 57px;
}
.proInstruction .Instructionlogo img{
    width: 100%;
    height: 100%;
}
.proInstruction p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 24px;
    color: #666666;
}
.proInstruction .Instructionotc{
    width: 84px;
    height: 63px;
    overflow: hidden;
}
.proInstruction .Instructionotc img{
    width: 100%;
    height: 102%;
}
.proInstructionCon{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.proInstructionCon p{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    white-space: pre-line;
    line-height: 30px;
}
/* 智能制造 */
.znzzbanner{
    /*background-image: url(../image/banner_znzz@2x.jpg);*/
}
.manufacture{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.manufactureCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 60px;
}
.manufactureImg{
    width: 100%;
    max-height: 581px;
}
.manufactureImg img{
    max-width: 100%;
    max-height: 100%;
}
.manufactureText{
    width: 100%;
    height: 300px !important;
    background: #F7F1E1;
    margin: -122px auto 0 !important;
    position: relative;
    z-index: 1;
    padding: 50px 68px 0 68px;
}
.manufactureText h1{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 30px;
    color: #59504C;
    line-height: 1;
    text-align: center;
}
.manufactureText i{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../img/iconc_znzz@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    margin:20px auto 0;
}
.manufactureP{
    width: 100%;
    height: 120px;
    overflow-y: auto;
    margin: 30px auto 0;
}
.manufactureP::-webkit-scrollbar {
    width: 9px; /* 设置滚动条宽度 */
    border-radius: 5px;
    overflow: hidden;
}
.manufactureP::-webkit-scrollbar-track {
    background: #EEEEEE; /* 设置滚动条背景颜色 */
    border-radius: 5px;
}
.manufactureP::-webkit-scrollbar-thumb {
    background: #C5C5C5; /* 设置滚动条颜色 */
    border-radius: 5px;
}
.manufactureP p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    white-space: pre-line;
}
/* 科技与创新 */
.conOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg1_yjyjj@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    padding: 70px 0 150px 0;
}
.conOnetit{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.conOnetit img{
    width: 31px;
    height: 23px;
}
.conOnetit p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 1;
    margin: 0 20px;
}
.conOnecon{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 45px auto 0 !important;
}
.conOnecon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #7A7A7A;
    line-height: 30px;
    white-space: pre-line;
    text-align: center;
}
.dataTwo{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px auto 0 !important;
}
.datadiv{
    padding: 0 40px;
}
.datadiv>div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}
.datadiv i{
    display: inline;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 1;
    font-style: normal;
}
.datadiv p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 1;
    text-align: center;
}
.datadiv span{
    display: block;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #7A7A7A;
    line-height: 24px;
    text-align: center;
}
.dataImg{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.dataImg img{
    width: 100%;
    height: 594px;
}
.dataImg p{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.academialb{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #E8E3D1;
}
.academiaSwiper{
    padding: 60px 0 170px 0;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.academiaSwiper .swiper .swiper-slide{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.academiaSwiper .swiper .swiper-slide img{
    width: 412px;
    height: 264px;
}
.academiaSwiper .swiper-button-prev:after, 
.academiaSwiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.academiaSwiper .swiper-button-next:after,
.academiaSwiper .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.academiaSwiper .swiper-button-next,
.academiaSwiper .swiper-container-rtl .swiper-button-prev {
    right: 40%;
    left: auto;
    top: auto;
    bottom: 65px;
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.academiaSwiper .swiper-button-prev,
.academiaSwiper .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: auto;
    bottom:65px;
    left: 42%;
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.academiaSwiper .swiper-button-next,
.academiaSwiper .swiper-button-prev {
    width: 92px;
    height: 69px;
    overflow: hidden;
    opacity: 1 !important;
    z-index: 99;
}
/* 研发平台 */
.kjcxbanner{
    /*background-image: url(../image/banner_kjycx@2x.jpg);*/
}
.platformOne{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.platformData{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 75px 0;
}
.platformOnetit{
    display: flex;
    align-items: center;
}
.platformOnetit img{
    width: 31px;
    height: 23px;
}
.platformOnetit p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 1;
    margin: 0 10px;
}
.platformOnecon{
    width: 661px;
    height: auto;
    overflow: hidden;
}
.platformOnecon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #7A7A7A;
    line-height: 30px;
    white-space: pre-line;
}
.platformTwo{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_yfpt@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    padding: 55px 0 65px 0;
}
.organize{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.organizetou{
    width: 200px;
    height: 74px;
    background: #C7000A;
    text-align: center;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 74px;
    margin: auto;
}
.lineOne{
    display: block;
    width: 9px;
    height: 45px;
    background-image: url(../img/line2_yfpt@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin: auto;
}
.organizebranch{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.lineTwo {
    display: block;
    width: 83%;
    height: 1px;
    border-top: 1px dashed #A1855D;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0px);
}
.branchCon{
    width: 218px;
    height: auto;
    overflow: hidden;
}
.lineThree{
    display: block;
    width: 9px;
    height: 42px;
    background-image: url(../img/line_yfpt@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin: auto;
}
.branchname{
    width: 80px;
    height: 230px;
    background: #C7000A;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 24px;
    color: #FFFFFF;
    writing-mode: tb-rl;
    line-height: 80px;
    padding-top: 50px;
    margin: auto;
}
.branchInfo{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 14px 0;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 24px;
    color: #59504C;
}
.branchDet{
    width: 218px;
    height: 70px;
    background: #A1855D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
}
.branchDet p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
}
.platformlb{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 70px 0 70px 0;
}
.platformSwiper{
    width: 100%;
    height: auto;
    position: relative;
    /* overflow: hidden; */
}
.platformSwiper .swiper{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.platformSwiper .swiper .swiper-slide img{
    width: 294px;
    height: 198px;
}
.platformSwiper .swiper-button-prev:after, 
.platformSwiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.platformSwiper .swiper-button-next:after,
.platformSwiper .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.platformSwiper .swiper-button-next,
.platformSwiper .swiper-container-rtl .swiper-button-prev {
    right: -115px;
    left: auto;
    top: 89px;
    bottom: auto;
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.platformSwiper .swiper-button-prev,
.platformSwiper .swiper-container-rtl .swiper-button-next {
    right: auto;
    top: 89px;
    bottom: auto;
    left: -115px;
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.platformSwiper .swiper-button-next,
.platformSwiper .swiper-button-prev {
    width: 72px;
    height: 69px;
    overflow: hidden;
    opacity: 1 !important;
    z-index: 99;
}
/* 研发方向 */
.directionOne{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.directionGroup{
    width: 100%;
    max-width: 1610px;
    height: auto;
    overflow: hidden;
    padding: 56px 0;
    float: right;
}
.directionlb{
    width: 39.255%;
    height: auto;
    float: left;
}
.directionSwiper{
    width: 100%;
    height: auto;
    position: relative;
}
.directionSwiper .swiper{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.directionSwiper .swiper .swiper-slide div{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #E9C888;
}
.directionSwiper .swiper .swiper-slide div img{
    width: 100%;
    height: 517px;
}
.directionSwiper .swiper .swiper-slide p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.directionSwiper .swiper-button-prev:after, 
.directionSwiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.directionSwiper .swiper-button-next:after,
.directionSwiper .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.directionSwiper .swiper-button-next,
.directionSwiper .swiper-container-rtl .swiper-button-prev {
    right: -254px;
    left: auto;
    top: auto;
    bottom: 104px;
    background-image: url(../img/right@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.directionSwiper .swiper-button-prev,
.directionSwiper .swiper-container-rtl .swiper-button-next {
    right: -140px;
    top: auto;
    bottom: 104px;
    left: auto;
    background-image: url(../img/left@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.directionSwiper .swiper-button-next,
.directionSwiper .swiper-button-prev {
    width: 72px;
    height: 69px;
    overflow: hidden;
    opacity: 1 !important;
    z-index: 99;
}
.directionOnecon{
    width: 60.72%;
    height: 517px;
    overflow: hidden;
    padding: 98px 0 98px 70px;
    float: right;
    background-image: url(../img/bg_yffx@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
.directionOnecon h1{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    margin-bottom: 50px;
}
.directionOnecon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #7A7A7A;
    line-height: 30px;
    white-space: pre-line;
}

.directionGroup:nth-child(2n){
    float: left;
}
.directionGroup:nth-child(2n) .directionlb{
    float: right;
}
.directionGroup:nth-child(2n) .directionOnecon{
    float: left;
    padding: 98px 0 98px 326px;
}
.directionGroup:nth-child(2n) .directionSwiper .swiper-button-next, 
.directionGroup:nth-child(2n) .directionSwiper .swiper-container-rtl .swiper-button-prev {
    left: -500px;
    right: auto;
    top: auto;
    bottom: 104px;
}
.directionGroup:nth-child(2n) .directionSwiper .swiper-button-prev, 
.directionGroup:nth-child(2n) .directionSwiper .swiper-container-rtl .swiper-button-next {
    left: -640px;
    top: auto;
    bottom: 104px;
    right: auto;
}
.collaborativeOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_hzjl@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
.collOnecon{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
}
.collaborativeOneul{
    width: 36.43%;
    height: auto;
    overflow: hidden;
}
.collaborativeOneul ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.collaborativeOneul ul li{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.collaborativeOneul ul li .hzjlimg{
    width: 100%;
    height: auto;
    max-height: 337px;
    border: 5px solid #fff;
}
.hzjlimg img{
    width: 100%;
    height: 100%;
}
.collaborativeOneul ul li p{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #59504C;
    line-height: 60px;
    text-align: center;
}
.collaborativeOneul ul li:nth-child(1){
    margin-bottom: 20px;
}
.collaborativeOneul:nth-child(2){
    margin-top: 50px;
    margin-right: 6%;
}
.collaborativepeo{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #F7F1E1;
    padding: 50px 0;
}
.collaborativeul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto 0 !important;
}
.collaborativeul li{
    width: 22.15%;
    height: auto;
    overflow: hidden;
}
.collaborativeul li .colliimg{
    width: 100%;
    height: auto;
    max-height: 361px;
    overflow: hidden;
    border: 2px solid #fff;
}
.collaborativeul li .colliimg img{
    width: 100%;
    height: 100%;
}
.collaborativeul li p{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 48px;
    text-align: center;
}
.collpartner{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.collpartnertit{
    width: 150px;
    height: 702px;
    background-image: url(../img/bg_title_hzjl@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    padding: 235px 0;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 150px;
    writing-mode: vertical-rl;
}
.collpartnerimg {
    width: 72%;
    height: auto;
    max-height: 482px;
}
.collpartnerimg img{
    width: 100%;
    height: 100%;
}
.collaborativepeo .platformOnetit{
    justify-content: center;
}
/* 企业生产 */
.qyscbanner{
    /*background-image: url(../image/banner_qysc@2x.jpg);*/
}
.producenavul{
    width: 13%;
}
.producenavul ul li{
    cursor: pointer;
}
.producenyCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_scgy@2x.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 42px 0 100px 0;
}
.producenyCon .producenr{
    display: none;
}
.producenyCon .producenr.selectproduce{
    display: block;
}
.producenr{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_title_scgy@2x.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-bottom: 80px;
}
.producetitle{
    padding-top: 140px;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 97px;
    writing-mode: vertical-rl;
    width: 97px;
    float: left;
}
.producetext {
    width: 83.05%;
    height: 400px;
    overflow-y: auto;
    float: right;
    margin-top: 88px;
    padding-right: 10px;
}
.producetext p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #59504C;
    line-height: 32px;
    white-space: pre-line;
}
.producetext::-webkit-scrollbar {
    width: 5px; /* 设置滚动条宽度 */
}
.producetext::-webkit-scrollbar-track {
    background-color: #EEEEEE; /* 设置滚动条背景颜色 */
}
.producetext::-webkit-scrollbar-thumb {
    background-color: #C5C5C5; /* 设置滚动条颜色 */
    border-radius: 3px; /* 设置滚动条边角弯曲程度 */
}
/* 质量保证 */
.zlzxbanner{
    /*background-image: url(../image/banner_pzbz@2x.png);*/
}
.qualitynavul ul{
    justify-content: end;
}
.qualityswiper{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg1_pzbz@2x.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0px 0 55px 0;
}
.qualitytext{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg2_pzbz@2x.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 80px 0 20px 0;
}
.qualityContent{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.qualityContent p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    white-space: pre-line;
}
/* 工业旅游 */
.gylybanner{
    /*background-image: url(../image/banner_gyly@2x.jpg);*/
}
.visitTime{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 65px;
}
.visitTitle{
    width: 1600px !important;
    height: auto !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-left: 18%;
}
.icongyly{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../img/icon_gyly@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
}
.visitTitle p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 30px;
    color: #59504C;
    margin-left: 14px;
}
.visitTitle .visitLine{
    display: block;
    width: 1274px;
    height: 1px;
    border: 1px dashed #CFB57A;
    margin-left: 30px;
}
.visitTimecon{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin: -20px auto 0 !important;
}
.visitLift{
    width: 703px;
    height: auto;
    overflow: hidden;
    padding-left: 40px;
    border-right: 1px dashed #CFB57A;
    padding-top: 42px;
    padding-bottom: 25px;
}
.timecon{
    font-family: JDZhengHT;
    font-weight: 400;
    font-size: 48px;
    color: #333333;
}
.telul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 45px;
}
.telul li{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.parkShop{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 70px;
}
.shopewm{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.shopewm img{
    width: 26px;
    height: 26px;
}
.shopewm a{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    display: block;
    margin-left: 10px;
}
.shopewm:hover a{
    color: #C7000B;
    text-decoration-line: underline;
}
.visitRight{
    width: 550px;
    height: auto;
    overflow: hidden;
    padding: 90px 0 0 90px;
    display: flex;
    justify-content: space-between;
}
.parkEwm{
    width: 189px;
    height: auto;
    overflow: hidden;
}
.parkEwm img{
    width: 189px;
    height: 203px;
}
.parkEwm p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 18px;
    color: #59504C;
    margin-top: 5px;
    width: 100%;
    text-align: center;
}
.scenicAreaGuide{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #F7F4EC;
    padding-top: 80px;
}
.scenicAreaGuide .visitTitle{
    float: inherit;
}
.scenicAreaGuide .visitTitle .visitLine{
    width: 1005px;
}
.guideMap{
    width: 100%;
    height: auto;
    position: relative;
}
.guideMap img{
    width: 1240px;
    height: 1015px;
    display: block;
    margin: auto;
}
.guideBtn{
    position: absolute;
    top: -45px;
    right: -10px;
    width: 85px;
    height: 85px;
    display: block;
    background-image: url(../img/btn_qjt@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.trafficRoutes{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #E0DBC8;
    padding-top: 90px;
}
.roadMap{
    width: 100%;
    height: 796px;
    margin: 50px auto 30px !important;
    border: 1px solid #CFB57A;
    padding: 22px;
}
.roadMapTit{
    width: 100%;
    height: 94px;
    background: #ECE8D9;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.roadMapTit li{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 24px;
    color: #59504C;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 60px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.roadMapTit li:nth-child(1){
    background-image: url(../img/icon_address_b@2x.png);
}
.roadMapTit li:nth-child(1):hover,
.roadMapTit li:nth-child(1).roadact{
    background-image: url(../img/icon_address_a@2x.png);
}
.roadMapTit li:nth-child(2){
    background-image: url(../img/icon_zj_b@2x.png);
}
.roadMapTit li:nth-child(2):hover,
.roadMapTit li:nth-child(2).roadact{
    background-image: url(../img/icon_zj_a@2x.png);
}
.roadMapTit li:nth-child(3){
    background-image: url(../img/icon_gj_b@2x.png);
}
.roadMapTit li:nth-child(3):hover,
.roadMapTit li:nth-child(3).roadact{
    background-image: url(../img/icon_gj_a@2x.png);
}
.roadMapTit li:hover{
    color: #AE2722;
}
.roadMapTit li.roadact{
    color: #AE2722;
}
.roadMapCon{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.roadMapDet .roadMapCon{
    display: none;
}
.roadMapDet .roadMapCon.selectroad{
    display: block;
}
.roadMaptail{
    width: 100%;
    height: 552px;
    margin-top: 17px;
    background-color: #fff;
}
.roadMapCon .roadMapwz{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 24px;
    color: #59504C;
    text-align: center;
    margin-top: 25px;
}
.viewIntroduce{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_gylv@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    padding-top: 100px;
}
.viewPartone{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0 !important;
}
.viewPartoneTit{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewPartoneTit img{
    width: 31px;
    height: 23px;
}
.viewPartoneTit p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 24px;
    color: #59504C;
    margin: 0 16px;
}
.viewPartoneimg{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.viewPartoneimg img{
    width: 100%;
    height: 350px;
}
.viewPartoneCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.viewPartoneCon p{
    width: 100%;
    height: auto;
    overflow: hidden;
    white-space: pre-line;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    text-align: center;
}
.viewPartTwo{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0 !important;
}
.viewgroup{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 26px;
}
.itgroupLeft {
    width: 47.62%;
    height: auto;
    border: 2px solid #B3975E;
    float: left;
    max-height: 355px;
}
.itgroupLeft img{
    width: 100%;
    height: 100%;
}
.itgroupRight {
    width: 52.37%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #B3975E;
    padding: 35px 40px 20px 50px;
    float: right;
}
.itgroupRight span{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    display: block;
    line-height: 1;
}
.itgroupRight p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #59504C;
    line-height: 30px;
    white-space: pre-line;
}
.viewgroup:nth-child(2n) .itgroupLeft{
    float: right;
}
.viewgroup:nth-child(2n) .itgroupRight{
    float: left;
}
.viewPartThree{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 50px auto 0 !important;
}
.viewParttitle{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/wd_about@2x.png);
    background-size: 1025px 204px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0 80px 0;
}
.viewParttitle img{
    width: 31px;
    height: 23px;
}
.viewParttitle p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 48px;
    margin: 0 30px;
}
.viewPartUl{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.viewPartUl li {
    width: 47.62%;
    height: auto;
    max-height: 355px;
    border: 2px solid #E5CB9E;
    margin-bottom: 45px;
}
.viewPartUl li img{
    width: 100%;
    height: 100%;
}
/* 商务合作 */
.cooperateCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 35px auto 20px !important;
}
.cooperateCon .cooperatenr{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}
.cooperatenr li{
    width: 100%;
    height: auto;
    background-color: #F6F1E8;
    margin-bottom: 30px;
}
.cooperatenr li a{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 65px 65px 110px 65px;
    display: flex;
    justify-content: space-between;
    background-image: url(../img/line_zbgg@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: 90%;
}
.cooperateCon .cooperatenr.selectcooperatee{
    display: block;
}
.cooperateDate{
    width: 70px;
    height: auto;
    overflow: hidden;
}
.cooperateDate p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 60px;
    color: #59504C;
    line-height: 1;
    text-align: center;
}
.cooperateDate span{
    display: block;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 1;
    margin-top: 12px;
    text-align: center;
}
.cooperateText {
    width: 90.5%;
    height: auto;
    overflow: hidden;
}
.cooperateText h1{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #59504C;
    line-height: 1;
    margin-bottom: 20px;
}
.cooperateText p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    line-height: 26px;
}
.cooperatenr li a:hover .cooperateDate p,
.cooperatenr li a:hover .cooperateDate span{
    color: #C59A50;
}

.cooperatenr li a:hover .cooperateText h1{
    color: #C59A50;
}
/* 商务中心 */
.cooperateDet{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cooperateDetitle{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 70px 0 30px 0;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
}
.cooperateDetitle p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 32px;
    color: #59504C;
    line-height: 1;
    text-align: center;
}
.cooperateDetitle span{
    text-align: center;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 36px;
    margin-top: 30px;
    text-align: center;
    display: block;
    width: 100%;
}
.download {
    display: block;
    width: 62px;
    height: auto;
    overflow: hidden;
    padding: 0 0 0 30px;
    background-image: url(../img/icon_load@2x.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 23px 19px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.businessCencon{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0;
}
.businessCencon p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    white-space: pre-line;
}
.businessCenpage{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 50px 0;
}
.businessCenpage a{
    display: block;
    display: flex;
    align-items: center;
}
.businessCenpage a:nth-child(1) img,
.businessCenpage a:nth-child(3) img{
    /* width: 72px; */
    height: 69px;
}
.businessCenpage a:nth-child(1) p,
.businessCenpage a:nth-child(3) p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: rgba(51, 51, 51,0.5);
    line-height: 1;
}
.businessCenpage a:nth-child(1) p{
    margin-left: 8px;
}
.businessCenpage a:nth-child(3) p{
    margin-right: 8px;
}
.businessCenpage a:nth-child(2) img{
    width: 47px;
    height: 47px;
}
/* 商务中心 */
.shangwucenter{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 90px 0 140px 0;
    background-image: url(../img/bg_swzx@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
.businessCen{
    width: 100%;
    height: auto;
    overflow: hidden;
    
}
.businessCen li{
    width: 28.65%;
    height: 64px;
    display: flex;
    justify-content: space-between;
    margin:0 auto 35px;
}
.bussleft{
    width: 34%;
    height: 100%;
    background-color: #D7D2BF;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #59504C;
    line-height: 64px;
    padding-left: 55px;
}
.businessCen li:nth-child(1) .bussleft{
    background-image: url(../img/email.svg);
}
.businessCen li:nth-child(2) .bussleft{
    background-image: url(../img/phonecall.svg);
}
.businessCen li:nth-child(3) .bussleft{
    background-image: url(../img/customer_service.svg);
}
.bussright{
    width: 66%;
    height: 100%;
    background-color: #E8E3D1;
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 30px;
    color: #59504C;
    line-height: 64px;
    text-align: center;
}
/* 新闻动态 */
.xwdtbanner{
    /*background-image: url(../image/banner_news@2x.jpg);*/
}
.newsCon .cooperatenr li a{
    padding: 28px 24px 28px 24px;
    background-image: url();
}
.newsCon .cooperatenr li a:hover .newimg img{
    transition: all 0.35s;
    transform: scale(1.05);
}
.newimg{
    width: 300px;
    height: 200px;
    overflow: hidden;
}
.newimg img{
    width: 100%;
    height: 100%;
    transition: all 0.35s;
}
.newcon{
    width: 70%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background-image: url(../img/line_news@2x.png);
    background-repeat: no-repeat;
    background-position: 0 85%;
    background-size: auto;
    padding-top: 33px
}
.newcon .cooperateText {
    width: 87%;
    height: auto;
    overflow: hidden;
}
.newsmore{
    width: 125px;
    height: 54px;
    background-image: url(../img/btn1_search@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
    display: block;
    margin: 50px auto 50px;
}
.newnavul{
    width: 20%;
}
.businessCencon p img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin: 8px auto 8px;
}
.newDetitle p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 32px;
    color: #333333;
}
.newCencon p{
    white-space: pre-wrap;
}
.newCencon video{
    width: 100%;
    height: 500px;
}
/* 联系我们 */
.lxwmbanner{
    /*background-image: url(../image/banner_contact@2x.jpg);*/
}
.joinus{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_contact@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 240px 0 183px 0;
    text-align: center;
}
.joinus p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #59504C;
    line-height: 36px;
}
.joinus span{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #59504C;
    line-height: 36px;
}
.joinusbtn{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
    
.joinus a{
    display: block;
    width: 125px;
    height: 54px;
    background-image: url(../img/btn1_search@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
    margin: 40px 20px 0 20px;
}
.joinus a:hover{
    color: #fff !important;
}
/* 联系方式 */
.wayTop{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../img/bg_lxfs@2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 84px 0 110px 0;
}
.wayTopCon{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wayLeft {
    width: 32%;
    height: auto;
    overflow: hidden;
}
.wayCon{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
    background-repeat: no-repeat;
    background-size: 28px 28px;
}
.wayCon span{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
}
.wayCon p{
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}
.wayCon:nth-child(1){
    padding:0 0 20px 45px;
    background-position: 0 7px;
    background-image: url(../img/icon_address_contact@2x.png);
}
.wayCon:nth-child(2){
    padding: 20px 0 20px 45px;
    background-position: 0px 23px;
    background-image: url(../img/icon_phone_contact@2x.png);
}
.wayCon:nth-child(3){
    padding: 20px 0 20px 45px;
    background-position: 0px 23px;
    background-image: url(../img/icon_email_contact@2x.png);
}
.waytext{
    width: 100%;
    height: auto;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
}
.wayRight {
    width: 55.56%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wayRight .inputdiv {
    width: 48.57%;
    height: 46px;
    background: #FFFFFF;
    padding-left: 20px;
}
.wayRight .inputdiv input{
    width: 90%;
    height: 100%;
    background: #FFFFFF;
    outline: none;
    border: 0;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}
.wayRight .inputdiv i,
.textareadiv i,
.verCode .codediv  i{
    font-size:14px;
    color: #C8000A;
    display: inline-block;
    width: 10px;
    height:10px;
}
.textareadiv{
    width: 100%;
    height: 120px;
    margin-top: 20px;
    background: #FFFFFF;
    padding-left: 20px;
    display: flex;
    padding-top: 10px;
}
.textareadiv textarea{
    width: 99%;
    height: 100%;
    background: #FFFFFF;
    outline: none;
    border: 0;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}
.verCode{
    width: 100%;
    height: 46px;
    margin-top: 20px;
}
.codediv{
    width: 162px;
    height: 46px;
    background: #FFFFFF;
    float: left;
    padding-left: 20px;
}
.codediv input{
    width: 88%;
    height: 100%;
    outline: none;
    border: 0;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    background: #FFFFFF;
}
.yzma{
    width: 163px;
    height: 45px;
    float: left;
}
.yzma img{
    width: 100%;
    height: 100%;
    margin-left: 6px;
}
.submit{
    width: 162px;
    height: 50px;
    background: #C8000A;
    margin-top: 20px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    border: 0;
    outline: none;
    cursor: pointer;
}
.wayMap{
    width: 100%;
    height: 510px;
}
.wayMap #map{
    width: 100%;
    height: 100%;
}
/* 药物警戒 */
.pharmacovigilance{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.PharLeft {
    width: 49.21%;
    height: auto;
    overflow: hidden;
}
.PharOne{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding:55px 0 40px 0;
    border-bottom: 1px solid #EEEEEE;
}
.PharOne span{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #C8000A;
}
.PharOne h1{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 36px;
    color: #59504C;
    margin-top: 14px;
}
.PharOne p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #7A7A7A;
    line-height: 30px;
    margin-top: 30px;
}
.PharTwo{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding:25px 0 30px 0;
    border-bottom: 1px solid #EEEEEE;
}
.PharTwo .PharTwospan{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #C8000A;
}
.pharGroup{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}
.pharGroup span{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #908A87;
}
.pharGroup p{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 18px;
    color: #908A87;
    margin-top: 10px;
}
.PharThree{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding:45px 0 70px 0;
    border-bottom: 1px solid #EEEEEE;
}
.PharThree span{
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #C8000A;
    margin-bottom: 24px;
    display: block;
}
.PharThree p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 14px;
    color: #999999;
    white-space: pre-wrap;
}
.PharRight {
    width: 37.47%;
    height: auto;
    overflow: hidden;
    background-color: #F7F1E1;
    padding: 60px 42px 0 42px;
}
.PharRight p{
    font-family: HYKuiSu;
    font-weight: normal;
    font-size: 36px;
    color: #605753;
    line-height: 48px;
    white-space: pre-line;
}
.PharRightcode{
    width: 180px;
    height: 180px;
    margin-top: 20px;
}
.PharRightcode img{
    width: 100%;
    height: 100%;
}
.downloadBtn{
    display: block;
    width: 123px;
    height: 50px;
    background: #C8000A;
    margin-top: 25px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
}
.Pharemail{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.Pharemail p{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #766E68;
}
.Pharemail a{
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    font-size: 16px;
    color: #C8000A;
    text-decoration: underline;
    font-weight: bold;
}




/* 手机端隐藏内容 */
.mobile,.mobannerimg,.moproductMore{
    display: none;
}



/* 自适应*/
@media screen and (max-width: 1770px){
    
}

@media screen and (max-width: 1750px){
    .honertop img {
        max-width: 880px;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev{
        bottom: 28.4%;
    }
    .sy_banner .swiper-button-prev, .sy_banner .swiper-container-rtl .swiper-button-next{
        left: 46.3%;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-container-rtl .swiper-button-prev{
        right: 42.7%;
    }
    .businessCen li {
        width: 30.65%;
    }
    .honertop{
        bottom: 18%;
    }
    .sy_banner .swiper-pagination{
        line-height:128px;
    }
    .head {
        max-width: 1400px;
    }
    .aboutUs {
        padding: 6% 0 2% 0 !important;
    }
    .aboutTitle {
        font-size: 56px;
        margin-top: 1%;
    }
    .aboutBtn {
        top: 27%;
        left: 50%;
        background-size: 100% auto;
    }
    .digital_box {
        padding: 3% 7.5%;
    }
    .animateNum {
        font-size: 62px;
    }
    .year{
        margin-left: 0;
    }
    .honormaincon {
        padding: 6% 0 6% 0;
        max-width: 1293px;
    }
    .honorMain .img2 {
        right: 40%;
    }
    .honorMain .img1 {
        right: 11.5%;
    }
    .aboutDown {
        margin-top: 7%;
    }
    .honorLeft p {
        font-size: 34px;
        padding: 12px 0;
    }
    .goldMedal p {
        font-size: 22px;
        margin-left: 38%;
    }
    .product {
        padding: 70px 0 50px 0;
    }
    .title span {
        font-size: 42px;
    }
    .productDet {
        margin-top: 3%;
    }
    .productCon .proCon.selectCon .swiper {
        height: auto;
    }
    .proCon .swiper .swiper-slide .slideCon {
        height: 366px;
    }
    .productNav {
        width: 15%;
    }
    .science {
        padding: 4% 0 4% 0;
    }
    .quality {
        padding: 3% 0 2% 0;
    }
    .aboutbgt {
        background-size: 100% auto;
    }
    
}
@media screen and (max-width: 1700px){
    
    .sy_banner .swiper-pagination{
        background-size: 27.11% auto;
    }
    .certificate {
        width: 33%;
    }
    .companyOne:nth-child(2n) .companyleft {
        padding: 0 240px 0 75px !important;
    }
    .companyleft {
        padding: 0 75px 0 240px;
    }
    .dataImg img {
        height: auto;
    }
    .visitTitle {
        margin-left: 13%;
    }
    .companySwiper .swiper-slide{
        height: auto;
        max-height: 556px;
    }
}
@media screen and (max-width: 1670px){
    .certificate {
        width: 33%;
    }
    .companyOne:nth-child(2n) .companyleft {
        padding: 0 240px 0 75px !important;
    }
    .companyleft {
        padding: 0 75px 0 240px;
    }
    .dataImg img {
        height: auto;
    }
    .visitTitle {
        margin-left: 13%;
    }
    .companySwiper .swiper-slide{
        height: auto;
        max-height: 556px;
    }
    
}
@media screen and (max-width: 1580px){
    .directionSwiper .swiper-button-next, .directionSwiper .swiper-button-prev{
        bottom: 50px !important;
    }
    .productnavul {
        width: 60%;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev{
       width: 46px;
        height: 24px;
        /*bottom: 18.1%;*/
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev {
        bottom: 24.2%;
    }
    .sy_banner .swiper-button-prev, .sy_banner .swiper-container-rtl .swiper-button-next {
        left: 46.3%;
    }
    .sy_banner .swiper-pagination {
        height: 100px;
        background-size: 24.11% auto;
        line-height: 110px;
    }
    .honertop img {
        max-width: 780px;
    }
    .businessCen li {
        width: 35.65%;
    }
    .viewPartoneimg img {
        width: 100%;
         height: auto; 
    }
    .itgroupRight p {
        font-size: 12px;
        line-height: 23px;
    }
    .directionGroup:nth-child(2n) .directionlb .directionSwiper .swiper .swiper-slide div{
        width: 99%;
    }
    .platformSwiper .swiper .swiper-slide img {
        width: 100%;
        height: 171.56px;
    }
    .companyOne:nth-child(2n) .companyleft {
        padding: 0 9% 0 67px !important;
    }
    .companyleft {
        padding: 0 67px 0 9%;
    }
    .visitTitle {
        margin-left: 10%;
    }
    /*新修改*/
    .sy_banner .swiper-button-next, .sy_banner .swiper-container-rtl .swiper-button-prev {
        right: 43.3%;
    }
    .aboutTitle {
        font-size: 46px;
    }
    .aboutText {
        width: 42%;
        font-size: 13px;
        line-height: 23px;
    }
    .aboutBtn {
        background-size: 81% auto;
        background-position: center 0;
    }
    .aboutDown {
        margin-top: 7%;
    }
    .digital_box {
        padding: 1% 7.5%;
    }
    .animateNum {
        font-size: 52px;
    }
    .aboutMore {
        width: 114px;
        height: 46px;
        margin-top: 25px;
        font-size: 14px;
        line-height: 46px;
    }
    .honorMain .img1 {
        right: 12.3%;
        width: 240px;
    }
    .honorMain .img2{
        width: 240px;
    }
    .honormaincon {
        padding: 5% 0 6% 0;
        max-width: 1160px;
    }
    .honorLeft p {
        font-size: 30px;
        padding: 8px 0;
    }
    .goldMedal p {
        font-size: 20px;
        margin-left: 32%;
    }
    .firstPrize {
        width: 36%;
    }
    .firstPrize p {
        font-size: 20px;
    }
    .goldMedal img:nth-child(2) {
        width: 75%;
         height: auto; 
        margin-left: 10%;
    }
    .firstPrize img:nth-child(2) {
        width: 58%;
        height: auto; 
        /*margin-top: 14%;*/
        margin-top: 30%;
    }
    .title span {
        font-size: 38px;
    }
    .product .title span {
        background-position: left center;
    }
    .title p {
        font-size: 14px;
    }
    .productDet {
        padding-left: 14%;
    }
    .proCon .swiper .swiper-slide p {
      
        padding: 15px 0;
    }
    .productUl li span {
        font-size: 16px;
    }
    .productUl li:hover span, .productUl li.liactive span {
        font-size: 18px;
    }
    .productUl li {
        margin-bottom: 25px;
        
    }
    .productMore {
        width: 114px;
        height: 46px;
        margin-top: 20%;
        font-size: 14px;
        line-height: 46px;
    }
    .productUl li::before {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
    }
    .productUl li i {
        height: 1px;
        border-top: 1px dashed #C7000A;
    }
    .proCon .swiper .swiper-slide .slideCon {
        height: 345px;
    }
    .productCon {
        width: 1050px;
        height: auto;
        overflow: hidden;
        margin-left: 0px;
    }
    .proCon .swiper .swiper-slide .slideCon {
        height: 330px;
    }
    .proCon .swiper-button-next, .proCon .swiper-button-prev{
        background-size: 84%;
    }
    .scienceCon ul li.active {
        width: 620px;
    }
    .sciencemask {
        width: 550px;
        height: auto;
        overflow: hidden;
        padding-left: 27px;
        transition: all .35s;
        position: absolute;
        top: 43px;
        left: 80px;
        opacity: 0;
        padding-right: 20px;
    }
    .sciencemask .sciencetp {
        display: block;
        width: 100%;
        height: auto;
        border: 4px solid #B79B63;
    }
    .scienceimg {
        width: 100%;
        padding: 4px;
    }
    .scienceCon ul li .scienceBtn {
        display: block;
        width: 80px;
        height: 100%;
        padding: 60px 0 30px 0;
    }
    .scienceCon ul li {
        width: 80px;
    }
    .scienceCon ul li {
        height: 445px;
    }
    .scienceCon ul li .scienceBtn p {
        width: 80px;
        font-size: 28px;
        line-height: 80px;
        height: 210px;
    }
    .scienceCon ul li .scienceBtn span {
        width: 80px;
        line-height: 80px;
    }
    .scienceCon ul li .linei {
        top: 36px;
        left: 80px;
    }
    .sciencep {
        font-size: 22px;
    }
    .certificate {
        margin: 40px auto 0 !important;
    }
    .certificatebtn ul li {
        width: 263px;
        height: 79px;
        font-size: 28px;
        line-height: 79px;
        margin: 0 20px;
    }
    .qualitySwiper .swiper .swiper-slide div {
        width: 100%;
        height: 208px;
    }
    .qualitySwiper .swiper .swiper-slide p {
        padding: 15px 0;
        font-size: 16px;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-button-prev{
        background-size: 88%;
    }
    .qualitySwiper .swiper .swiper-slide {
        padding: 12px;
    }
    .partFourCon {
        width: 100%;
    }
    
    .producetitle {
        padding-top: 12%;
        font-size: 34px;
        line-height: 85px;
        width: 85px;
    }
    .producetext p {
        font-size: 14px;
        line-height: 32px;
    }
    .cultureul li {
        padding: 0 28px;
    }
    .guideMap img {
        width: 100%;
        height: auto;
        
    }
    .newimg {
        width: 220px;
        height: 120px;
        overflow: hidden;
    }
    .newsCon .cooperatenr li a {
        padding: 20px 20px;
    }
    .newcon {
        width: 74%;
        background-position: 0 85%;
        padding-top: 17px;
    }
    .newcon {
        width: 74%;
        background-position: 8px 95%;
        padding-top: 17px;
        background-size: 98%;
    }
     .newcon .cooperateDate p {
        font-size: 44px;
    }
     .newcon .cooperateDate span {
        font-size: 14px;
        margin-top: 10px;
    }
    .newcon  .cooperateText p {
        font-size: 12px;
        line-height: 20px;
    }   
    .newcon  .cooperateText h1 {
        font-size: 18px;
        margin-bottom: 13px;
    }
    .cooperatenr li a {
        background-size: 88%;
    }
    .newDetitle p {
        font-size: 26px;
    }
    .cooperateDetitle span {
        font-size: 12px;
        line-height: 26px;
        margin-top: 25px;
    }
     .businessCencon {
        padding: 30px 0;
    }
    .businessCencon p {
        font-size: 12px;
        line-height: 26px;
    }
    .businessCenpage a:nth-child(1) img, .businessCenpage a:nth-child(3) img {
        width: 50px;
        height: 50px;
    }
    .businessCenpage a:nth-child(2) img {
        width: 37px;
        height: 37px;
    }
    .businessCenpage a:nth-child(1) p, .businessCenpage a:nth-child(3) p {
        font-size: 12px;
    }
   .directionGroup {
        max-width: 1400px;
        height: auto;
        overflow: hidden;
        padding: 30px 0;
        float: right;
    }
    .directionSwiper .swiper .swiper-slide div img{
        height: 417px;
    }
    .directionOnecon {
        height: 417px;
        overflow: hidden;
        padding: 98px 0 98px 70px;
        float: right;
        background-image: url(../img/bg_yffx@2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
    }
    .directionGroup:nth-child(2n) .directionOnecon {
        padding: 98px 0 98px 208px;
    }
}
@media screen and (max-width: 1560px){
    
    
}
@media screen and (max-width: 1450px){
    .visitTitle {
        margin-left: 6%;
    }
}
@media screen and (max-width: 1366px){
    .companyleft {
        padding: 0 50px 0 5%;
    }
    .companyOne:nth-child(2n) .companyleft {
        padding: 0 5% 0 50px !important;
    }
}
@media screen and (max-width: 1300px){
    .videoUl li a p {
        font-size: 14px;
    }
    /*新加*/
    .productMore {
        width: 100px;
        height: 40px;
        margin-top: 20%;
        font-size: 12px;
        line-height: 40px;
    }
    .paginationBg {
        width: 20.14%;
        height: 45px;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev {
        width: 40px;
        bottom: 19%;
    }
    .sy_banner .swiper-button-prev, .sy_banner .swiper-container-rtl .swiper-button-next {
        left: 46.5%;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-container-rtl .swiper-button-prev {
        right: 43.4%;
    }
    .sy_banner .swiper-pagination-current {
        font-size: 14px;
        margin-left: 0px;
    }
    .sy_banner .swiper-pagination {
        height: 84px;
        background-size: 24.11% auto;
        line-height: 90px;
    }
    .sy_banner .swiper-container-horizontal > .swiper-pagination-bullets, .sy_banner .swiper-pagination-custom, .sy_banner .swiper-pagination-fraction {
        font-size: 12px;
    }
    .honertop img {
        max-width: 680px;
    }
    .directionGroup {
        max-width: 1100px;
        
    }
    .directionOnecon h1 {
        font-size: 30px;
        margin-bottom: 22px;
    }
    .directionOnecon p {
        font-size: 12px;
        line-height: 22px;
    }
    .directionSwiper .swiper-button-next, .directionSwiper .swiper-button-prev {
        width: 60px;
        height: 60px;
        overflow: hidden;
        opacity: 1 !important;
        z-index: 99;
    }
    .directionOnecon {
        height: 340px;
        padding: 70px 0 70px 70px;
    }
    .directionGroup:nth-child(2n) .directionOnecon {
        padding: 70px 0 70px 100px;
    }
    .directionGroup:nth-child(2n) .directionSwiper .swiper-button-prev, .directionGroup:nth-child(2n) .directionSwiper .swiper-container-rtl .swiper-button-next {
        left: -569px;
    }
    .directionGroup:nth-child(2n) .directionSwiper .swiper-button-next, .directionGroup:nth-child(2n) .directionSwiper .swiper-container-rtl .swiper-button-prev {
        left: -456px;
    }
    .directionSwiper .swiper .swiper-slide div img {
        height: 340px;
    }
    .scienceimg {
        margin-top: 5px;
    }
    .scienceCon ul li {
        height: 390px;
    }
    .aboutUs {
        padding: 4.5% 0 2% 0 !important;
    }
    .collpartnertit {
        width: 135px;
        height: 573px;
        padding: 167px 0;
        font-size: 32px;
        line-height: 135px;
    }
    .lineTwo {
        width: 78%;
    }
    .platformSwiper {
        width: 100%;
        max-width: 850px !important;
        height: auto;
        margin: auto;
    }
    .platformSwiper .swiper .swiper-slide img {
        width: 100%;
         height: 129.47px; 
    }
    .platformSwiper .swiper-button-next, .platformSwiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        top: 69px;
    }
    .platformSwiper .swiper-button-prev, .platformSwiper .swiper-container-rtl .swiper-button-next {
        left: -72px;
    }
    .platformSwiper .swiper-button-next, .platformSwiper .swiper-container-rtl .swiper-button-prev {
        right: -72px;
    }
    .aboutTips {
        font-size: 16px;
    }
    .aboutTitle {
        font-size: 40px;
    }
    .aboutText {
        font-size: 12px;
        line-height: 22px;
    }
    .aboutBtn {
        background-size: 75% auto;
    }
    .aboutDown {
        margin-top: 3%;
    }
    .digital {
        padding: 50px 0;
    }
    .animateNum {
        font-size: 50px;
    }
    .year {
        font-size: 14px;
    }
    .digital_box .text {
        font-size: 11px;
    }
    .aboutBtn {
        
        background-size: 70% auto;
    }
    .honormaincon {
        padding: 4% 0 6% 0;
        max-width: 1000px;
    }
    .honorLeft p {
        font-size: 22px;
        padding: 6px 0;
    }
    .honorMain .img2 {
        width: 200px;
    }
    .honorMain .img1 {
        width: 200px;
    }
    .goldMedal p {
        font-size: 15px;
    }
    .goldMedal p::before {
        width: 8px;
        height: 8px;
        margin-bottom: 12px;
    }
    .firstPrize p {
        font-size: 15px;
    }
     .firstPrize p::before{
        width: 8px;
        height: 8px;
        margin-bottom: 12px;
    }
    .goldMedal img:nth-child(2) {
        width: 68%;
        margin-top: 19px;
    }
    .firstPrize {
        width: 38%;
    }
    .product {
        padding: 22px 0 0px 0;
    }
    .science {
        padding: 2% 0 4% 0;
    }
    .quality {
        padding: 2% 0 2% 0;
    }
    .title span {
        padding: 0px 0 25px 0 !important;
        font-size: 34px;
        background-size: 95% !important;
        background-position: left center !important;
    }
    .title p {
        font-size: 12px;
        margin-top: 0;
    }
    .product .title span {
        background-size: 95%;
    }
    .proCon .swiper .swiper-slide .slideCon {
        height: 268px;
    }
    .proCon .swiper .swiper-slide p {
        font-size: 16px;
    }
    .productCon {
        width: 860px;
    }
    .productDet {
        padding-left: 11%;
        margin-top: 2%;
    }
    .productUl li span {
        font-size: 14px;
    }
    .productUl li:hover span, .productUl li.liactive span {
        font-size: 16px;
    }
    .productUl li {
        margin-bottom: 22px;
    }
    .proCon .swiper-button-next, .proCon .swiper-button-prev {
        background-size: 100%;
        /*width: 50px;*/
        width: 70px;
        height: 50px;
        background-position: center;
    }
    .productCon .proCon {
        padding-bottom: 77px;
    }
    .proCon .swiper-button-next, .proCon .swiper-container-rtl .swiper-button-prev {
        left: 80px;
    }
    .scienceCon ul {
        width: 94%;
    }
    .scienceCon {
        margin: 30px auto 0;
    }
    .sciencep {
        font-size: 20px;
        margin-top: 0;
    }
    .sciencespan {
        line-height: 19px;
        height: 40px;
        font-size: 12px;
    }
    .sciencemask {
        width: 510px;
    }
    .scienceCon ul li .scienceBtn span{
        font-size: 12px;
    }
    .scienceCon ul li .scienceBtn p {
        font-size: 26px;
    }
    .certificatebtn ul li {
        width: 200px;
        height: 59px;
        font-size: 22px;
        line-height: 59px;
        margin: 0 14px;
    }
    .certificate {
        margin: 2% auto 0 !important;
    }
    .certificatecon {
        margin-top: 3%;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-button-prev {
        background-size: 100%;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-button-prev {
        width: 70px;
        height: 50px;
    }
    .qualitySwiper .swiper-button-prev, .qualitySwiper .swiper-container-rtl .swiper-button-next {
        left: 42%;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-container-rtl .swiper-button-prev {
        right: 42%;
    }
    .qualitySwiper .swiper .swiper-slide {
        padding: 7px;
    }
    .qualitySwiper {
        padding-bottom: 70px;
    }
    .qualitySwiper .swiper .swiper-slide div {
        width: 100%;
        height: 198px;
    }
    .qualitySwiper .swiper .swiper-slide p {
        padding: 12px 0;
        font-size: 14px;
    }
    .honorLeft {
        padding-left: 11px;
    }
    .partTwotit {
        background-size: 683px 187px;
        padding: 90px 0 0 0;
    }
    .partFourimg {
        background-size: auto;
    }
    .partFourCon {
        width: 100%;
        font-size: 12px;
        line-height: 22px;
    }
    .partFourBox {
        width: 100%;
    }
    .partFourcontent {
        width: 100%;
        max-width: 1000px;
        height: auto;
        position: relative;
        margin: 46px auto 0;
    }
     .producetitle {
        font-size: 30px;
        line-height: 77px;
        width: 77px;
    }
    .producetext p {
        font-size: 12px;
        line-height: 22px;
    }
    .breadcrumbdh {
        height: 50px !important;
    }
    .breadcrumbnav {
        height:50px !important;
    }
    .subnavul ul li.subnavact i {
        width: 48px;
    }
    .subnavul ul li:hover i {
        width: 48px;
    }
    .subnavul ul li a {
        font-size: 12px;
        line-height: 47px;
    }
    .subnav span {
        font-size: 12px;
    }
    .idealeft {
        width: 46.87%;
        height: 618px;
    }
    .idearight {
        padding: 0 65px;
        align-items: inherit;
    }
    .ideaTitle {
        padding-top: 150px;
    }
    .ideaConTwo {
        width: 80%;
        padding-left: 40px;
    }
    .ideaTitle p {
        padding: 7px 2px;
        font-size: 22px;
    }
    .ideaTitle:before, .ideaTitle:after {
       
        background-position: center;
        background-size: 80%;
    }
    .ideaConTwo li .ideabigtit p {
        padding: 20px 0 20px;
        font-size: 14px;
    }
    .ideaConTwo li.ideaact .ideabigtit p {
       
        font-size: 18px;
    }
    .ruledet p {
        font-size: 13px;
        color: #C7000B;
        line-height: 18px;
        height: 200px;
        letter-spacing: 3px;
    }
    .cultureOne {
        padding: 150px 0 100px 0;
        margin-top: -136px;
    }
    .cultureTitle p {
        padding: 13px 2px;
        font-size: 24px;
    }
    .cultureTitle:before{
        background-position: center;
        background-size: 80%;
    }
     .cultureTitle:after{
        background-position: center;
        background-size: 80%;
    }
    .cultureul li span {
        font-size: 22px;
    }
    .cultureul li p {
        font-size: 15px;
        margin-right: 8px;
    }
    .ideaConTwo li.ideaact {
        width: 134px;
    }
    .ideaConTwo li:nth-child(1).ideaact, .ideaConTwo li:nth-child(2).ideaact, .ideaConTwo li:nth-child(3).ideaact {
        width: 78px !important;
    }
    .honorTitle p {
        font-size: 28px;
        margin: 0 14px;
    }
    .honorTitle img {
        width: 23px;
        height: auto; 
    }
    .honorMaincon .honornrPart {
        height: 285px;
        margin-top: 27px;
    }
    .honorContent {
        height: 440px;
        padding: 45px;
    }
    .honorMaincon .honornrPart p {
        font-size: 12px;
    }
    .honornav ul li p {
        font-size: 20px;
    }
    .honornav ul li p::before {
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
        margin-bottom: 5px;
    }
    .honornav {
        height: 440px;
    }
    .companyTitle p {
        font-size: 18px;
    }
    .companyprofile p {
        font-size: 12px;
        line-height: 22px;
    }
    
    .companyTitle {
        width: 97px;
        height: 385px;
        padding: 42px 0px;
        background-size: cover;
    }
    .companyWhite {
        height: 385px;
    }
    .companyprofile {
        width: 74%;
        height: 292px;
        padding-right: 8px;
        margin-top: 39px;
    }
    .companyleft {
        padding: 0 50px 0 13%;
    }
    .companyWidth {
        max-width: 1190px;
    }
   .companyprofile::-webkit-scrollbar {
        width: 5px;
    }
    .companySwiper .swiper-button-next, .companySwiper .swiper-button-prev {
        width: 50px;
         height: 50px; 
        overflow: hidden;
    }
    .companySwiper .swiper-button-next, .companySwiper .swiper-container-rtl .swiper-button-prev {
        left: 76px;
    }
    .companySwiper {
        padding-bottom: 73px;
        margin-top: 31px;
    }
    .companyOne {
        padding-bottom: 34px;
    }
    
    .companyOne:nth-child(2n) .companyWidth .companySwiper .swiper-button-prev, .companyOne:nth-child(2n) .companyWidth .companySwiper .swiper-container-rtl .swiper-button-next {
        right: 76px;
    }
    .searchLeft {
        width: 82%;
        height: 40px;
    }
    .proSearch {
        width: 768px;
        height: 40px;
        margin: 30px auto 30px;
    }
    .searchinput {
        width: 82%;
        font-size: 12px;
        line-height: 40px;
        padding-left: 10px;
    }
    .searchOption select {
        font-size: 12px;
        padding: 0 10px 0 16px;
    }
    .searchRight {
        width: 100px;
        height: 40px;
        background-size: 100% 100%;
        font-size: 12px;
        line-height: 40px;
    }
    .partOnetit p {
        font-size: 32px;
    }
    .partOneTime {
        font-size: 28px;
        padding: 22px 0 24px 0;
    }
    .partOnecon p {
        font-size: 12px;
        line-height: 22px;
    }
    .partTwogold {
        width: 100%;
        height: 356px;
    }
    .partTwogold img{
        height: 100%;
    }
    .partTwotit p {
        font-size: 24px;
    }
    .partTwop p {
        font-size: 12px;
        line-height: 22px;
    }
    .partTwoCon {
        width: 100%;
        height: auto;
        background-image: url(../img/bg2_about@2x.png);
        background-repeat: no-repeat;
        background-size: 124%;
        background-position: center 0;
        position: relative;
        margin-top: -106px;
        padding-top: 154px;
    }
    .nyfirstPrize {
        margin-top: 198px;
    }
    .nyfirstPrize .prize {
        width: 296px;
        height: auto;
    }
    .nyfirstPrize p {
        font-size: 26px;
        margin-top: 16px;
    }
    .groupTitle p {
        font-size: 28px;
        margin: 0 12px 0 12px;
    }
    .groupTitle img {
        width: 23px;
         height: auto; 
    }
    .groupTitle {
        padding: 10px 0;
    }
    .groupCon p {
        font-size: 12px;
        line-height: 22px;
    }
    .partFour {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-bottom: 80px;
        margin-top: 90px;
    }
    .partFourimg {
        height: 385px;
        background-size: cover;
        margin-top: 38px;
    }
    .proRight h4 {
        font-size: 28px;
        margin-bottom: 23px;
    }
    .proRight p {
        font-size: 12px;
    }
    .proLeft {
        width: 31.12%;
    }
    .proLeft .swiper-button-next, .proLeft .swiper-button-prev {
        width: 55px;
        height: 55px;
        bottom: 50px;
    }
    .colorblock {
        top: 212px;
        height: 260px;
    }
    .proLeft .swiper-button-next, .proLeft .swiper-container-rtl .swiper-button-prev {
        right: -2.6%;
    }
    .proLeft .swiper-button-prev, .proLeft .swiper-container-rtl .swiper-button-next {
        left: 62.5%;
    }
    .proLeft .mySwiper {
        left: 348px;
        bottom: 115px;
        width: 450px;
    }
    .proLeft .mySwiper .swiper-slide {
        height: 102px;
    }
    .voiceAnnouncements {
        top: 122px;
        right: 130px;
        width: 95px;
        background-size: 20px 20px;
        padding-left: 14px;
        font-size: 14px;
    }
    .proInstruction p {
        font-size: 20px;
    }
    .prodetDown {
        padding-bottom: 100px;
    }
    .proInstructionCon p {
        font-size: 12px;
        line-height: 22px;
    }
    .manufactureText h1 {
        font-size: 24px;
    }
    .manufactureText i {
        background-size: 68%;
        margin: 9px auto 0;
    }
    .manufactureP p {
        font-size: 12px;
        line-height: 22px;
    }
    .manufactureP {
        width: 100%;
        height: 115px;
        overflow-y: auto;
        margin: 20px auto 0;
    }
    .manufactureText {
        height: 297px !important;
        margin: -82px auto 0 !important;
        padding: 40px 38px 0 38px;
    }
    .conOne {
        padding: 40px 0 70px 0;
    }
    .conOnetit p {
        font-size: 32px;
        margin: 0 14px;
    }
    .conOnetit img {
        width: 23px;
        height: auto;
    }
    .conOnecon {
        margin: 32px auto 0 !important;
    }
    .conOnecon p {
        font-size: 12px;
        line-height: 22px;
    }
    
    .platformOnecon p {
        font-size: 12px;
        line-height: 22px;
    }
    .datadiv p {
        font-size: 22px !important;
    }
    .datadiv i {
       font-size: 22px !important;
    }
    .datadiv span {
        font-size: 10px;
    }
    .dataImg p {
        font-size: 18px;
        bottom: 20px;
    }
    .academiaSwiper .swiper .swiper-slide img {
        width: 323px;
         height: 206px; 
    }
    .academiaSwiper .swiper-button-next, .academiaSwiper .swiper-button-prev {
        width: 72px;
        height: 52px;
    }
    .academiaSwiper {
        padding: 60px 0 135px 0;
    }
    .academiaSwiper .swiper-button-prev, .academiaSwiper .swiper-container-rtl .swiper-button-next {
        left: 42%;
    }
    .academiaSwiper .swiper-button-next, .academiaSwiper .swiper-container-rtl .swiper-button-prev {
        right: 42%;
    }
    .producetext {
        width: 88.05%;
        height: 320px;
        margin-top: 68px;
    }
    .producenr {
         padding-bottom: 0px; 
    }
    .qualitytext {
        padding: 70px 0;
    }
    .qualityContent p {
        font-size: 12px;
        line-height: 22px;
    }
    
    .visitTitle p {
        font-size: 26px;
        margin-left: 12px;
    }
    .timecon {
        font-size: 32px;
    }
    .telul li {
        font-size: 14px;
        line-height: 26px;
    }
    .telul {
        margin-top: 18px;
    }
    .parkShop {
        margin-top: 50px;
    }
    .shopewm a {
        font-size: 12px;
        line-height: 30px;
        margin-left: 10px;
    }
    .shopewm img {
        width: 22px;
        height: 22px;
    }
    .visitRight {
        padding: 65px 0 0 65px;
    }
    .parkEwm img {
        width: 154px;
        height: 165.41px;
    }
    .parkEwm {
        width: 154px;
        height: auto;
        overflow: hidden;
    }
    .parkEwm p {
        font-size: 14px;
        margin-top: 5px;
    }
    .scenicAreaGuide .visitTitle .visitLine {
        width: 770px;
    }
    .visitTitle {
        margin-left: 11%;
    }
    .roadMapTit li {
        font-size: 20px;
        background-size: 30px 30px;
        padding-left: 34px;
    }
    .roadMapTit {
        height: 70px;
    }
    .roadMaptail {
        height: 352px;
        margin-top: 17px;
    }
    .roadMapCon .roadMapwz {
        font-size: 18px;
        margin-top: 18px;
    }
    .viewPartoneCon p {
        font-size: 12px;
        line-height: 22px;
    }
    .itgroupRight span {
        font-size: 26px;
    }
    .itgroupRight p {
        font-size: 12px;
        line-height: 22px;
    }
    .businessCencon p {
        font-size: 12px;
        line-height: 22px;
    }
    .viewParttitle {
        background-size: 675px 161px;
        background-position: 50% 0;
        padding: 63px 0 42px 0;
    }
    .viewParttitle p {
        font-size: 30px;
        line-height: 48px;
        margin: 0 30px;
    }
    .viewPartUl li {
        margin-bottom: 20px;
    }
    .cooperatenr li a {
        padding: 35px 35px 60px 35px;
         background-position: 50% 81%;
        background-size: 92%;
    }
    .cooperateText h1 {
        font-family: Microsoft YaHei UI;
        font-weight: 400;
        font-size: 16px;
        color: #59504C;
        line-height: 1;
        margin-bottom: 12px;
    }
    .cooperateText p {
        font-size: 12px;
        line-height: 22px;
    }
    .cooperateDate p {
        font-weight: 400;
        font-size: 42px;
    }
    .cooperateDate span {
        font-size: 12px;
        margin-top: 12px;
    }
    .cooperateDetitle {
        padding: 40px 0 15px 0;
    }
    .cooperateDetitle p {
        font-size: 22px;
    }
    .waytext {
        font-size: 12px;
    }
    .cooperateDetitle span {
        font-size: 12px;
        line-height: 26px;
        margin-top: 12px;
    }
    .download {
        width: 60px;
        padding: 0px 0 0 20px;
        background-size: 16px;
        font-size: 12px;
        bottom: 10px;
    }
   
    .businessCen li {
        height: 50px;
        margin: 0 auto 35px;
    }
    .bussright {
        font-size: 22px;
        color: #59504C;
        line-height: 50px;
    }
    .bussleft {
        background-size: 22px 22px;
        background-position: 15px 50%;
        font-size: 12px;
        line-height: 50px;
        padding-left: 45px;
    }
    .businessCen li {
        height: 50px;
        margin: 0 auto 25px;
    }
     .joinus p {
        font-size: 28px;
        line-height: 36px;
    }
    .joinus span {
        font-size: 12px;
    }
    .joinus a {
        width: 100px;
        height: 42px;
        font-size: 12px;
        line-height: 42px;
        margin: 18px 15px 0 15px;
    }
    .joinus {
        padding: 140px 0 103px 0;
    }
    .PharRight p {
        font-size: 28px;
        line-height: 39px;
    }
    .downloadBtn {
        width: 110px;
        height: 40px;
        margin-top: 19px;
        font-size: 12px;
        line-height: 40px;
    }
    .Pharemail p {
        font-size: 12px;
    }
    .Pharemail a {
        font-size: 12px;
    }
    .PharOne span {
        font-size: 16px;
    }
    .PharOne h1 {
        font-size: 24px;
        margin-top: 10px;
    }
    .PharOne p {
        font-size: 12px;
        line-height: 26px;
        margin-top: 16px;
    }
    .PharOne {
        padding: 40px 0 30px 0;
    }
    .PharTwo .PharTwospan {
        font-size: 16px;
    }
    .pharGroup {
        margin-top: 14px;
    }
    .pharGroup span {
        font-size: 14px;
    }
    .pharGroup p {
        font-size: 16px;
        margin-top: 6px;
    }
    .PharThree {
        padding: 23px 0 40px 0;
    }
    .PharThree p {
        font-size: 12px;
        line-height: 22px;
    }
    .PharThree span {
        font-size: 16px;
        margin-bottom: 7px;
    }
    /*新加*/
}
@media screen and (max-width: 1100px){
  
}
@media screen and (max-width: 768px){
    .groupCon {
        width: 100%;
        height: auto;
         overflow-y: hidden; 
    }
    .videoUl li {
        width: 48.68%;
        margin-right: 2.35%;
        margin-bottom: 15px;
    }
     .videoUl li:nth-child(2n) {
        margin-right: 0;
    }
    .videoposter {
        height: 270px;
        max-height: 270px;
    }
    .videoTime {
        font-size: 14px;
    }
    .productMore{
        display: none;
    }
    .moproductMore{
        width: 100px;
        height: 40px;
        margin: 8% auto 0;
        line-height: 40px;
        display: block;
        background-image: url(../img/btn1_a@2x.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 14px;
        font-family: Microsoft YaHei UI;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
    }
    .honertop{
        display: none;
    }
    .sy_banner .swiper-container .swiper-slide .mobannerimg{
        /* width: auto !important; */
         width: 100%; 
        /*height: 100%;*/
        margin: 0 50%;
        transform: translateX(-50%);
    }
    .subnavul ul li a {
        font-size: 16px;
    }
    .academiaSwiper .swiper .swiper-slide img {
        width: 100%;
        height: 206px;
    }
    .academiaSwiper .swiper-button-next, .academiaSwiper .swiper-button-prev {
        width: 76px;
        height: 62px;
    }
    .partTwo::before{
        content: '';
        position: fixed;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: url(../img/bg3_about.png);
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .proLeft .mySwiper .swiper-slide img{
        height: auto;
    }
    .proLeft .mySwiper .swiper-slide {
        height: 89px;
    }
    .mobile,.pcbannerimg{
        display: none;
    }
    .newCencon video{
        height: auto;
    }
    .mobannerimg{
        display: block;
    }
    .sy_banner{
        position: static;
    }
    .sy_banner .swiper-container{
        background-color: #000;
    }
    .sy_banner .swiper-container .swiper-slide{
        background-color: transparent;
    }
    .sy_banner .swiper-container .swiper-slide video {
        width: 100%;
        margin: 50% 50%;
        transform: translate(-50%, 50%);
    }
    .fullScreenbtn{
        display: block;
    }
    .sy_banner .swiper-container .swiper-slide video.fullStyle {
        width: 100%;
        height: 100%;
        width: 100vmax;
        height: 100vmin;
        transform-origin: top left;
        transform: rotate(90deg) translateY(-100vmin);
        margin: 0 !important;
    }
    .sy_banner .swiper-container .swiper-slide img {
        /* width: auto !important; */
        width: 100%;
    }
    .paginationBg {
        display: none;
    }
    .sy_banner .swiper-button-prev, .sy_banner .swiper-container-rtl .swiper-button-next {
        left: 41.5%;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev {
        bottom: 13.2% !important;
        
        display: none;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-container-rtl .swiper-button-prev {
        right: 34% !important;
    }
    .sy_banner .swiper-container-horizontal > .swiper-pagination-bullets, .sy_banner .swiper-pagination-custom, .sy_banner .swiper-pagination-fraction {
        bottom: 128px;
        height: 52px;
        background-image: url(../img/line_wd@2x.png);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center 0;
        line-height: 19px;
        
        
        display: none;
    }
    .aboutUs{
        margin-top: 0;
        padding: 48px 0 43px 0;
        background-position: left;
    }
    .aboutbgt {
        width: 100%;
        height: 129px;
        background-image: url(../img/wuding_about_home@2x.png);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: -1px;
        left: 0;
    }
    .aboutTop {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 50px;
    }
    .tab-term {
        visibility: inherit;
        opacity: 1;
    }
    .aboutTitle {
        font-size: 34px;
        margin-top: 12px;
    }
    .aboutTips {
        color: #666666;
    }
    .aboutText {
        font-size: 14px;
        width: 100%;
        height: auto;
        line-height: 24px;
        margin-top: 20px;   
        -webkit-line-clamp: 6 !important;
    }
    .aboutMore {
        margin-top: 20px;
    }
    .aboutDown {
        margin-top: 50px;
    }
    .aboutBtn {
        top: 216px;
        left: auto;
        right: -15%;
        width: 109px;
        height: 197px;
    }
    .digital {
        padding: 20px 0;
        display: block;
    }
    .digital_box {
        padding: 22px 15px;
        text-align: center;
        width: 100%;
    }
    .digital_box:nth-child(2){
        border-top: 1px solid #EEEEEE;
        border-right: 0px solid #EEEEEE;
        border-left: 0px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
    }
    .animateNum {
        font-size: 38px;
    }
    
    .aboutBtn img {
        display: none;
    }
    .aboutBtn span {
        margin: 0px auto 0;
    }
    .year {
        margin-left: 6px;
    }
    .digital_box .text {
        margin-top: 14px;
        font-size: 14px;
    }
    .product {
        padding: 50px 0 30px 0;
    }
    .product .title span {
        height: 60px;
        background-size: cover !important;
        background-position: left !important;
        padding: 0;
    }
    .title span {
        font-size: 28px;
    }
    .title p {
        margin-top: 14px;
        line-height: 24px;
        font-size: 14px;
    }
    .productDet {
        width: 92%;
        padding-left: 0%;
        margin: 40px auto 0;
        display: block;
    }
    .productCon {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20px auto 0;
    }
    .proCon .swiper .swiper-slide .slideCon {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .proCon .swiper .swiper-slide p {
        padding: 20px 0;
    }
    .productCon .proCon {
        padding-bottom: 88px;
    }
    .productCon .proCon.selectCon .swiper{
        height: auto;
    }
    .proCon .swiper-button-next, .proCon .swiper-container-rtl .swiper-button-prev {
        left: auto;
        right:26%;
    }
    .proCon .swiper-button-next, .proCon .swiper-button-prev {
        background-size: 100%;
        width: 77px;
        height: 60px;
        background-position: center;
    }
    .proCon .swiper-button-prev, .proCon .swiper-container-rtl .swiper-button-next {
        left: 26%;
    }
    .productNav {
        width: 100%;
        padding-top: 0px;
    }
    .productUl {
        width: 100%;
        height: 30px;
        overflow: inherit;
        overflow-x: scroll !important;
        white-space: nowrap;
    }
    .productUl li {
        margin-bottom: 0px !important;
        display: inline-block;
        width: auto;
        height: 36px;
        margin-right: 20px;
        padding: 5px 0;
    }
    .productUl li i {
        display: none;
    }
    .productUl li::before {
        vertical-align: middle;
    }
    .productUl li span {
        margin-left: 6px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 30px;
    }
    .productUl li:hover span, .productUl li.liactive span {
        font-size: 18px;
    }
    .science {
        padding: 40px 0 60px 0;
    }
    .science .title span {
        height: 60px;
        background-size: cover !important;
        background-position: left !important;
        padding: 0;
    }
    .scienceCon {
        margin: 50px auto 0;
    }
    .scienceCon ul {
        width: 100%;
        height: auto;
        overflow: inherit;
        /*overflow-x: scroll;*/
        /*white-space: nowrap;*/
        /*display: inherit; */
    }
    .scienceCon ul li .linei{
        display: none;
    }
   
    .sciencemask{
        display: none;
    }
    .scienceCon ul li {
        display: inline-block;
        width: 21% !important;
        height: 400px;
        transition: all .35s;
        position: relative;
    }
    .scienceCon ul li .scienceBtn {
        width: 100% !important;
        background-size: 100% 100%;
    }
    .scienceCon ul li .scienceBtn p {
        width: 100%;
        line-height:72px;
        font-size: 26px;
    }
    .scienceCon ul li .scienceBtn span {
        width: 72px;
        line-height: 72px;
    }
    .scienceCon ul li .scienceBtn i,
    .scienceCon ul li .scienceBtn span{
        /*display: none;*/
        opacity: 1;
        margin:10px auto 0;
    }
    .quality {
        padding: 20px 0 60px 0;
    }
    .quality .title span {
        height: 60px;
        background-size: cover !important;
        background-position: left !important;
        padding: 0;
    }
    .qualitycontent {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: inherit;
        margin: 0px auto 0;
        bottom: auto;
        right: auto;
    }
    .qualityCon {
        width: 100%;
        height: 510px;
        margin: 45px auto 0;
        padding: 30px 30px 0 30px;
        background-image: url(../img/bg_pzbz@2x.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    .qualitySwiper {
        padding-top: 0px;
        width: 100%;
        height: auto;
        margin-top: 10px;
        position: relative;
        overflow: hidden;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-button-prev{
         width: 77px;
        height: 60px;
    }
    .qualitySwiper .swiper-button-next, .qualitySwiper .swiper-container-rtl .swiper-button-prev {
        right: 26%;
        left: auto;
       
    }
    .qualitySwiper .swiper-button-prev, .qualitySwiper .swiper-container-rtl .swiper-button-next {
        right: auto;
        left: 26%;
    }
    .qualitySwiper .swiper .swiper-slide div {
        width: 100%;
        height: 238px;
    }
    .qualitySwiper .swiper .swiper-slide img {
        width: auto;
        height: 238px;
    }
   .qualitySwiper .swiper .swiper-slide p {
        padding: 12px 0 12px 0;
        font-size: 16px;
    }
    .honorMain {
        background-size: cover;
        background-position: left;
    }
    .honormaincon {
        width: 100%;
        display: block;
        padding: 50px 0 50px 0;
    }
    .honorLeft {
        width: 94%;
        margin: auto;
        height: auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
    .honordiv {
        width: 116px;
        display: flex;
        margin-bottom: 0px;
    }
    .honordiv img {
        width: 22px;
        height: 13px;
        display: inline-block;
        margin: auto;
        transform: rotate(-90deg);
    }
    .honorLeft p {
        font-size: 24px;
        line-height: 32px;
        writing-mode: inherit;
        text-align: center;
        margin-bottom: 0px;
        padding: 0;
    }
    .goldMedal img:nth-child(3) {
        display: none;
    }
    .firstPrize img:nth-child(3) {
        display: none;
    }
    .honorMain .img1,
    .honorMain .img2{
        display: none;
    }
    .honorRight {
        width: 100%;
        display: block;
    }
    .goldMedal {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 20px;
    }
    .goldMedal p {
        font-size: 16px;
        line-height: 36px;
        writing-mode: inherit;
        margin-left: 28px;
    }
    .goldMedal p::before {
        width: 8px;
        height: 8px;
        margin-bottom: 3px;
        margin-right: 13px;
    }
    .goldMedal img:nth-child(2) {
        height: auto;
        margin: 0px auto 0;
        width: 80%;
    }
    .firstPrize {
        width: 100%;
        margin-top: 24px;
    }
    .firstPrize p {
        font-size: 16px;
        line-height: 36px;
        writing-mode: inherit;
        margin-left: 28px;
    }
    .firstPrize p::before {
        width: 8px;
        height: 8px;
        margin-bottom: 3px;
        margin-right: 13px;
    }
    /*.firstPrize img:nth-child(2) {*/
    /*    width: 67%;*/
    /*    margin: 25px auto 0;*/
    /*}*/
    .firstPrize img:nth-child(2) {
        width: 67%;
        margin: 3px auto 0;
    }
    .certificatebtn {
        width: 100%;
        height: auto;
        float: inherit;
    }
    .certificate {
        width: 90%;
        padding-left: 0px;
        margin: 10px auto 0 !important;
    }
    .certificatebtn ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        /*margin-top: 40px;*/
        display: flex;
        justify-content: space-around;
    }
    .certificatebtn ul li {
        width: 50%;
        margin-bottom: 0px;
        text-align: center;
        height: 52px;
        line-height: 52px;
        font-size: 22px;
    }
    .qualitySwiper .swiper .swiper-slide{
        width: 100%;
    }
    /* 关于我们 */
    .ny_head{
        display: none;
    }
    .subnav{
        display: none;
    }
    .subnavul {
        width: 100%;
    }
    .nybanner {
        height: 180px !important;
        margin-top: 80px;
    }
    .partOne {
        padding: 50px 0 55px 0;
    }
    .partOnetit p {
        font-size:26px;
        text-align: center;
    }
    .partOnetit i {
        width: 38px;
        background-size: 100%;
    }
    .partOneTime {
        font-size: 24px;
        padding: 20px 0 22px 0;
    }
    .partOnecon p {
        font-size: 14px;
        line-height: 24px;
        text-align: justify !important;
        text-indent: 2em;
    }
    .partOnecon p br{
        display: none;
    }
    .partTwogold {
        width: 100%;
        height: 210px;
    }
    .partTwogold img {
        max-width: inherit;
        max-height: 100%;
        min-height: 210px;
        margin-left: 50%;
        transform: translate(-50%, 0px);
    }
    /*.partTwoCon {*/
    /*    background-size: 230%;*/
    /*    background-position: center 0;*/
    /*    margin-top: -60px;*/
    /*    padding-top: 70px;*/
    /*}*/
    .partTwoCon {
        background-size: 279%;
        background-position: 49.1% 0;
        margin-top: -86px;
        padding-top: 70px;
        background-image: url(../img/bgnew_about.png);
    }
    .partTwotit {
        background-size: 354px;
        background-position: center 0px;
        padding: 26px 0 0 0;
        width: 100% !important;
    }
    .partTwotit p {
        font-size: 22px;
        margin: 0 5px 0 5px;
    }
    .partTwotit i {
        width: 18px;
        background-position: center;
        background-size: contain;
    }
    /*.partTwop {*/
    /*    overflow-y: scroll;*/
    /*    padding: 0 3px;*/
    /*    margin: 22px auto 0 !important;*/
    /*    height: 107px !important;*/
    /*}*/
    .partTwop {
        overflow-y: hidden;
        padding: 0 3px;
        margin: 22px auto 0 !important;
         height:auto; 
    }
    .partTwop p {
        font-size: 14px;
        line-height: 24px;
        text-align: justify;
        text-indent: 2em;
    }
    .groupCon p {
        font-size: 14px;
        line-height: 24px;
    }
    .nyfirstPrize {
        margin-top: 100px;
    }
    .nyfirstPrize .prize {
        width: 185px;
        height: auto;
    }
    .nyfirstPrize p {
        font-size: 26px;
        margin-top: 15px;
    }
    .dbbgi {
        width: 84%;
        height: 190px;
        line-height: 24px;
        padding-top: 65px;
        margin: auto;
    }
    .partThree {
        padding-top: 180px;
    }
    .partThreegroup .groupLeft {
        width: 100%;
    }
    .partThreegroup .groupRight {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .partThreegroup {
        margin-bottom: 35px;
    }
    .groupTitle p {
        font-size: 26px;
    }
    .groupTitle {
        padding: 20px 0;
    }
    .partFour {
        margin-top: 45px;
        padding-bottom: 25px;
    }
    .partFourimg {
        height: 165px;
        background-size: cover;
        background-position: right;
        margin-top: 30px;
    }
    .partFourcontent {
        width: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
        margin: 46px auto 0;
    }
    .partFourCon {
        width: 100%;
        height: auto;
        line-height: 23px;
        padding: 0 20px 0 20px;
    }
    .partFourBox .partFourgyly {
        width: 30%;
        margin: 0 0px;
    }
    .partFourBox .partFourgyly:nth-child(2){
        margin: 0 5px;
    }
    .partFourCon p{
        font-size: 14px;
    }
    .partFourBox {
        width: 100%;
        justify-content:center;
        flex-wrap: nowrap;
    }
    .ideaOne {
        display: block;
    }
    .idealeft {
        width: 100%;
        height: 340px;
    }
    .ideaTitle p {
        padding: 10px 2px;
        font-size: 24px;
    }
    .ideaTitle:before, .ideaTitle:after {
        width: 18px;
        height: 26px;
        background-size: contain;
    }
    .idearight {
        width: 100%;
        height: 500px;
        background-size: cover;
        display: flex;
        align-items: center;
        padding: 0 0 0 30px;
    }
    .ideaConTwo {
        width: 89%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
    }
    .ruledet p {
        font-size: 16px;
        line-height: 23px;
        height: 200px;
    }
   
    .ruledet {
        width: 137px;
        padding-right: 15px;
        opacity: 1;
        display: none;
    }
    .ideaConTwo li:hover .ruledet,
    .ideaConTwo li.ideaact .ruledet{
        display: block;
    }
    .ideaConTwo li:nth-child(4) .ideabigtit p {
        top: 128px;
    }
    .ideaConTwo li:nth-child(4) .ruledet p {
        margin-top: 154px;
    }
    .ideaConTwo li:nth-child(3) p {
        top: 220px;
    }
    .ideaConTwo li:nth-child(3) .ruledet p {
        margin-top: 247px;
    }
    .cultureCon {
        width: 88%;
        margin: auto;
    }
    .cultureTitle {
        margin-right: 30px;
    }
    .cultureOne {
        width: 100%;
        height: auto;
        /*height: 400px;*/
        background-position: 25%;
        padding: 71px 0 28px 0;
        margin-top: -66px;
    }
    .cultureul li {
        padding: 0 10px;
        display: flex;
    }
    .cultureul li p {
        font-size: 16px;
        margin-right: 6px;
    }
    .cultureul li span {
        font-size: 22px;
    }
    .nyHonor {
        background-size: cover;
    }
    .honornav {
        width: 100%;
        height: auto;
        background: #F0EAE0;
        border: 1px solid #A1855D;
        float: inherit;
    }
    .honorContent {
        width: 100%;
        height: auto;
        background: rgba(243, 241, 234, 0.53);
        border-top: 1px solid #A1855D;
        border-bottom: 1px solid #A1855D;
        border-left: 1px solid #A1855D;
        border-right: 1px solid #A1855D;
        padding: 20px 12px;
        float: inherit;
    }
    .honorTitle {
        justify-content: center;
    }
    .honorMaincon .honornrPart {
        padding-right: 6px;
        margin-top: 23px;
        height: auto;
    }
    .honornrPart::-webkit-scrollbar {
        width: 3px;
    }
    .honornav ul li{
        padding: 0;
        width: 67px;
    }
    .honornav ul li i {
        height: 60px;
        margin: auto;
    }
    .honornav ul li.acthonnr i {
        height: 34px;
        background: #BD1A2D;
    }
    .honornav ul {
        padding-bottom: 20px;
    }
    .companyleft {
        width: 100%;
        padding: 0px 25px 25px 25px !important;
        float: inherit !important;
         background-color: #ffffff;
    }
    /*.companyprofile {*/
    /*    width: 100%;*/
    /*    height: 300px;*/
    /*    overflow-y: auto;*/
    /*    padding-right: 10px;*/
    /*    margin-top: 0px;*/
    /*}*/
    .companyprofile {
        width: 100%;
        height: auto;
        overflow-y: hidden;
        padding-right: 0px;
        margin-top: 0px;
    }
    .companyTitle{
        width: 100%;
        height: auto;
        padding: 10px 0px;
        background-image: url();
    }
    .companyOne:nth-child(2n) .companyleft .companyTitle {
        float: inherit;
    }
    .companyOne:nth-child(2n) .companySwiper, .companyOne:nth-child(2n) .companyleft .companyprofile {
        float: inherit;
    }
    .companySwiper{
        width: 100%;
       margin-top: 0;
    }
    .companyTitle p {
        font-size: 23px;
        color: #59504C;
        writing-mode: inherit;
        text-align: center;
    }
    .companySwiper .swiper-slide {
        height: 287.2px;
    }
    .companyOne:nth-child(2n) .companySwiper .swiper-button-prev, 
    .companyOne:nth-child(2n) .companySwiper .swiper-container-rtl .swiper-button-next {
        left: 30% !important;
        right: auto !important;
    }
    .companyOne:nth-child(2n) .companySwiper .swiper-button-next, 
    .companyOne:nth-child(2n) .companySwiper .swiper-container-rtl .swiper-button-prev {
        left: auto !important;
        right: 30% !important;
    }
    .companySwiper .swiper-button-next, 
    .companySwiper .swiper-container-rtl .swiper-button-prev{
        left: auto !important;
        right: 30% !important;
    }
    .companySwiper .swiper-button-prev, 
    .companySwiper .swiper-container-rtl .swiper-button-next{
        left: 30% !important;
        right: auto !important;
    }
    .companySwiper .swiper-button-next, .companySwiper .swiper-button-prev {
        width: 72px;
        height: 57px;
    }
    .companyOne {
        padding-bottom: 20px;
        /*background-color: transparent;*/
    }
    .companyprofile::-webkit-scrollbar {
        width: 4px; /* 设置滚动条宽度 */
    }
    .productnavul ul{
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }
    .productnavul ul li {
        display: inline-block;
        margin-right: 18px;
    }
    .proSearch {
        width: 100%;
        height: auto;
        display: block;
        margin: 20px auto 20px;
    }
    .searchLeft {
        width: 94%;
        margin: auto;
    }
    .searchinput {
        width: 68%;
        padding-left: 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .searchOption select {
        font-size: 14px;
        padding: 0 10px 0 16px;
    }
    .searchRight {
        width: 90px;
        height: 39px;
        line-height: 39px;
        margin: 10px auto;
        font-size: 14px;
    }
    .productul li {
        width: 48%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .productul li:nth-child(3n) {
        margin-right: 10px;
    }
    .productul li:nth-child(2n) {
        margin-right: 0;
    }
    .proimg {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .productul li a p {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
    .promore {
        width: 110px;
        height: 49px;
        line-height: 49px;
        margin: 10px auto 0;
        font-size: 14px;
    }
    .productnyCon {
        padding-bottom: 60px;
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../img/bg_product@2x.png);
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #F6F0E7;
    }
    .prodettop {
        display: block;
        padding-top: 53px;
        padding-bottom: 34px;
    }
    .proLeft {
        width: 100%;
        height: auto;
        position: relative;
    }
    .proLeft .mySwiper {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 400px;
        height: 121px;
        overflow: hidden;
    }
    .colorblock {
        top: 263px;
        left: 0;
    }
    .voiceAnnouncements {
        top: -262px;
        right: auto;
        width: 102px;
        left: 50%;
        background-size: 26px 26px;
        padding-left: 34px;
        font-size: 16px;
        transform: translate(-50%, 0px);
    }
    .proLeft .swiper-button-next, .proLeft .swiper-button-prev{
        display: none;
    }
    .proRight {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
    .proRight h4 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .proInstruction {
        padding: 16px 0;
    }
    .prodetDown {
        padding-bottom: 70px;
    }
    .manufactureCon {
        padding-bottom: 40px;
    }
    .manufactureImg {
        height: 240px;
    }
    .manufactureImg img {
        max-width: fit-content;
        height: 100%;
        margin: 0% 50%;
        transform: translate(-50%, 0px);
    }
    .manufactureP {
        height: auto;
        margin: 12px auto 0;
    }
    .manufactureText i {
        width: 15px;
        margin: 15px auto 0;
    }
    .manufactureText h1 {
        font-size: 22px;
    }
    .manufactureText {
        height: auto !important;
        margin: -75px auto 0 !important;
        padding: 20px 28px 20px 28px;
    }
    .manufactureP p {
        line-height: 24px;
        font-size: 14px;
    }
    .manufactureP::-webkit-scrollbar {
        width: 5px;
        border-radius: 5px;
        overflow: hidden;
    }
    .conOne {
        padding: 30px 0 20px 0;
        background-size: cover;
        background-position: center;
    }
    .conOnetit p {
        font-size: 32px;
        margin: 0 15px;
    }
    .conOnecon {
        margin: 37px auto 0 !important;
    }
    .conOnecon p {
        text-align: left;
        font-size: 14px;
    }
    .datadiv span {
        font-size: 14px;
    }
    .dataTwo {
        margin: 40px auto 0 !important;
        flex-wrap: wrap;
    }
    .datadiv {
        width: 45%;
        margin-bottom: 25px;
        padding: 0;
    }
    .dataImg img {
        height: 187px;
        width: auto;
        margin: 0 50%;
        transform: translate(-50%, 0px);
    }
    .dataImg p {
        font-size: 18px;
        bottom: 16px;
    }
    .datadiv p,
    .datadiv i{
        font-size: 28px;
    }
    .academiaSwiper .swiper-button-prev, .academiaSwiper .swiper-container-rtl .swiper-button-next {
        left: 28%;
        bottom: 34px;
    }
    .academiaSwiper .swiper-button-next, .academiaSwiper .swiper-container-rtl .swiper-button-prev {
        right: 25%;
        bottom: 34px;
    }
    .academiaSwiper {
        padding: 60px 0 130px 0;
    }
    .platformData {
        padding: 30px 0;
        flex-wrap: wrap;
    }
    .platformOnetit {
        margin-bottom: 20px;
        width: 100%;
        justify-content: center;
    }
    .platformOnetit p {
        font-size: 32px;
    }
    .platformTwo {
        padding: 40px 0 57px 0;
    }
    .organizetou {
        width: 180px;
        height: 60px;
        font-size: 22px;
        line-height: 60px;
    }
    .lineOne {
        height: 34px;
    }
    .lineTwo {
        width: 78%;
    }
    .branchCon {
        width: 78px;
    }
    .branchname {
        width: 78px;
        font-size: 24px;
        line-height: 78px;
        padding-top: 30px;
    }
    .branchInfo {
        padding: 10px 0;
        font-size: 18px;
    }
    .branchDet {
        width: 100%;
        height: 134px;
        padding: 10px 10px;
        overflow-y: auto;
        display: block;
    }
    .platformlb {
        padding: 30px 0 110px 0;
    }
    .platformSwiper .swiper-slide{
        width: 100%;
    }
    .platformSwiper .swiper .swiper-slide img {
        margin: auto;
        height: auto;
    }
    .platformSwiper .swiper-button-prev, .platformSwiper .swiper-container-rtl .swiper-button-next {
        left: 100px;
        right: auto;
        top: auto;
        bottom: -89px;
        width: 76px;
        height: 60px;
    }
    .platformSwiper .swiper-button-next, .platformSwiper .swiper-container-rtl .swiper-button-prev {
        right: 100px;
        left: auto;
        top: auto;
        bottom: -89px;
        width: 76px;
        height: 60px;
    }
    .directionGroup {
        padding: 28px 0;
        float: inherit;
    }
    .directionlb {
        width: 100%;
        float: inherit;
    }
    .directionOnecon {
        width: 100%;
        height: auto;
        float: inherit;
        padding: 40px 25px 40px 25px;
        margin-top: 20px;
    }
    .directionGroup:nth-child(2n) .directionOnecon {
        float: inherit;
        padding: 40px 25px 40px 25px;
    }
    .directionSwiper .swiper .swiper-slide div img {
        height: 292px;
    }
    .directionOnecon h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .directionSwiper .swiper-button-next, .directionSwiper .swiper-button-prev{
        display: none;
    }
    .directionSwiper .swiper .swiper-slide div {
        width: 99%;
    }
    .collOnecon {
        padding: 40px 0;
        display: block;
    }
    .collaborativeOne {
        background-size: cover;
        background-position: 48%;
    }
    .collaborativeOneul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .collaborativeOneul:nth-child(2) {
        margin-top: 0px;
        margin-right: 0px;
    }
    .collaborativeOneul ul li .hzjlimg {
        width: 100%;
        height: auto;
        border: 3px solid #fff;
    }
    .collaborativeOneul ul li p {
        line-height: 48px;
    }
    .collaborativepeo {
        padding: 30px 0;
    }
    .collaborativeul {
        margin: 30px auto 0 !important;
        flex-wrap: wrap;
    }
    .collaborativeul li {
        width: 49%;
        margin-bottom: 6px;
    }
    .collaborativeul li .colliimg {
        height: auto;
    }
    .collaborativeul li p {
        font-size: 14px;
        line-height: 36px;
    }
    .collpartner {
        flex-wrap: wrap;
    }
    .collpartnertit {
        width: 100%;
        height: 90px;
        padding: 0px 14px;
        font-size: 30px;
        line-height: 90px;
        writing-mode: inherit;
    }
    .collpartnerimg {
        width: 100%;
        height: auto;
        margin: 20px 0;
    }
    .producenyCon {
        width: 100%;
        background-size: cover;
        background-position: center;
        padding: 42px 0 50px 0;
    }
    .producenr {
        width: 100%;
        background-size: 210%;
        background-position: 0 0;
        padding-bottom: 0px;
    }
    .producetitle {
        padding-top: 70px;
        font-size: 30px;
        line-height: 58px;
        width: 58px;
    }
    /*.producetext {*/
    /*    width: 80.05%;*/
    /*    height: 300px;*/
    /*    margin-top: 39px;*/
    /*    padding-right: 10px;*/
    /*}*/
    .producetext {
        width: 80.05%;
        height: auto;
        margin-top: 39px;
        padding-right: 0;
    }
    .producetext p {
        font-size: 14px;
        line-height: 24px;
    }
    .producenavul ul {
        justify-content: space-around;
    }
    .qualitynavul ul {
        justify-content: center;
    }
    .qualitytext {
        padding: 50px 0;
    }
    .qualityContent p {
        font-size: 14px;
        line-height: 24px;
    }
    .cooperatenr li a {
        padding: 30px 23px 50px 23px;
        background-position: 24px 81%;
        background-size: 189%;
    }
    .cooperateDate{
        display: none;
    }
    .shangwucenter {
        padding: 40px 0 70px 0;
    }
    .viewParttitle {
        background-size: 100% auto;
        padding: 25px 0 25px 0;
    }
    .viewParttitle img {
        width: 20px;
        height: auto;
    }
    .viewParttitle p {
        font-size: 26px;
        line-height: 35px;
        margin: 0 22px;
    }
    .businessCen li {
        width: 86%;
        height: 64px;
        margin: 0 auto 30px;
    }
    .bussleft {
        width: 47%;
        background-size: 18px 18px;
        background-position: 11px 50%;
        font-size: 14px;
        line-height: 64px;
        padding-left: 34px;
    }
    .bussright {
        width: 57%;
        height: 100%;
        font-size: 20px;
        line-height: 64px;
    }
    .cooperateDetitle {
        padding: 30px 0 15px 0;
    }
    .businessCencon {
        padding: 40px 0;
    }
    .businessCenpage a:nth-child(1) img, .businessCenpage a:nth-child(3) img {
        width: 42px;
        height: auto;
    }
    .businessCenpage a:nth-child(2) img {
        width: 28px;
        height: auto;
    }
    .cooperateDetitle p {
        font-size: 20px;
        text-align: left;
        line-height: 28px;
    }
    .cooperateDetitle span {
        margin-top: 10px;
        text-align: left;
        font-size: 14px;
    }
    .businessCencon p {
        font-size: 14px;
        line-height: 24px;
    }
    .businessCenpage a:nth-child(1) p, .businessCenpage a:nth-child(3) p {
        font-size: 14px;
    }
    .visitTime {
        padding-top: 45px;
    }
    .visitTitle p {
        font-size: 26px;
        margin-left: 4px;
    }
    .visitTitle .visitLine {
        width: 227px;
        margin-left: 10px;
    }
    .visitTimecon {
        display: block;
        margin: 0px auto 0 !important;
    }
    .visitLift {
        width: 100%;
        padding-left: 30px;
        border-right: 0px dashed #CFB57A;
        padding-top: 14px;
        padding-bottom: 0px;
    }
    .timecon {
        font-size: 32px;
    }
    .telul {
        margin-top: 9px;
    }
    .parkShop {
        margin-top: 14px;
    }
    .shopewm {
        margin-bottom: 0px;
    }
    .visitRight {
        width: 100%;
        padding: 30px 10px 10px 10px;
    }
    .parkEwm {
        width: 171px;
    }
    .parkEwm img {
        width: 100%;
        height: auto;
    }
    .scenicAreaGuide .visitTitle {
        margin-left: 6% !important;
    }
    .guideBtn {
        top: -52px;
        right: -15px;
        width: 65px;
        height: 65px;
    }
    .guideMap img {
        width: 100%;
        height: auto;
    }
    .trafficRoutes {
        padding-top: 40px;
    }
    .roadMap {
        margin: 30px auto 30px !important;
        padding: 12px;
    }
    .roadMapTit li {
        font-size: 20px;
        background-size: 25px 25px;
        padding-left: 26px;
    }
    .roadMapTit {
        height: 50px;
    }
    .roadMapCon .roadMapwz {
        font-size: 16px;
        margin-top: 20px;
    }
    .viewIntroduce {
        padding-top: 40px;
    }
    .viewPartone {
        margin: 30px auto 0 !important;
    }
    .viewPartoneTit p {
        font-size: 24px;
        margin: 0 10px;
    }
    .viewPartoneTit img {
        width: 22px;
        height: auto;
    }
    .viewPartoneimg {
        margin-top: 27px;
    }
    .viewPartoneimg img {
        height: auto;
    }
    .viewPartoneCon p {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
    }
    .viewPartoneCon {
        margin-top: 30px;
    }
    .viewgroup {
        margin-bottom: 0px;
    }
    .viewPartTwo {
        margin: 30px auto 0 !important;
    }
    .itgroupLeft {
        width: 100%;
        height: auto;
        border: 1px solid #B3975E;
        float: inherit !important;
    }
    .itgroupRight {
        width: 100%;
        padding: 20px 10px 30px 10px;
        float: inherit !important;
    }
    .itgroupRight span {
        font-size: 24px;
    }
    .itgroupRight p {
        font-size: 14px;
        line-height: 24px;
    }
    .viewPartThree {
        margin: 0px auto 0 !important;
    }
    .viewPartUl li {
        width: 100%;
        height: auto;
        border: 1px solid #E5CB9E;
        margin-bottom: 20px;
    }
    .roadMaptail {
        height: 420px;
        margin-top: 12px;
    }
    .newimg{
        display: none;
    }
    .newcon {
        width: 100%;
        background-image: url(../img/line_news@2x.png);
        background-position: 0 100%;
        padding-top: 0px;
        padding-bottom: 25px;
        background-size: 207%;
    }
    .newcon .cooperateText h1 {
        margin-bottom: 8px;
        line-height: 22px;
        font-weight: 600;
    }
    .newcon .cooperateText p {
        font-size: 14px;
        line-height: 20px;
    }
    .newcon .cooperateText {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .newsmore {
        width: 105px;
        height: 44px;
        font-size: 14px;
        line-height: 44px;
        margin: 30px auto 30px;
    }
    .joinus {
        background-size: auto;
        background-position: center;
        padding: 220px 20px 150px 20px;
    }
    .joinus span {
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
        display: block;
    }
    .joinus a {
        margin: 20px 10px 0 10px;
    }
    .wayTopCon {
        display: block;
    }
    .wayTop {
        padding: 40px 0 50px 0;
    }
    .wayRight {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    .wayRight .inputdiv {
        width: 100%;
        margin-bottom: 20px;
    }
    .pharmacovigilance {
        display: block;
    }
    .PharLeft {
        width: 100%;
    }
    .PharThree {
        padding: 22px 0 30px 0;
    }
    .PharThree span {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .pharGroup {
        margin-top: 15px;
    }
    .PharRight {
        width: 100%;
        padding: 30px 20px 30px 20px;
    }
    .PharRight p {
        font-size: 30px;
        line-height: 40px;
    }
    .downloadBtn {
        font-size: 14px;
        margin-top: 15px;
    }
    .Pharemail {
        margin-top: 20px;
    }
    .Pharemail p {
        font-size: 16px;
        line-height: 24px;
    }
    .PharOne {
        padding: 30px 0 20px 0;
    }
    .PharOne h1 {
        font-size: 30px;
        margin-top: 10px;
    }
    .PharOne p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }
    .proInstruction .Instructionlogo {
        width: 68px;
        height: auto;
    }
    .proInstruction p{
        font-size: 18px;
    }
    .proInstruction .Instructionotc {
        width: 60px;
        height: auto;
    }
    .wayLeft {
        width: 100%;
    }
    .PharThree p {
        font-size: 14px;
        line-height: 24px;
    }
    .ideaTitle {
        padding-top: 0px;
    }
    .ideaConTwo li .ideabigtit p {
        font-size: 16px;
    }
    .honorMaincon .honornrPart p {
        font-size: 14px;
        line-height: 24px;
    }
    .companyprofile p {
        font-size: 14px;
        line-height: 24px;
    }
    .honorLeft {
        padding-left: 0px;
    }
    .companyWhite {
        height: 429px;
    }
    .companyOne:nth-child(2n) .companyleft {
       width: 100%;
        padding: 0px 25px 25px 25px !important;
        float: inherit !important;
    }
    .proRight p {
        font-size: 14px;
        line-height: 24px;
    }
    .proInstructionCon p {
        font-size: 14px;
        line-height: 24px;
    }
    .shopewm a {
        font-size: 14px;
        line-height: 30px;
        margin-left: 10px;
    }
    .platformOnecon p{
        line-height: 24px;
    }
    .directionOnecon p {
        font-size: 14px;
        line-height: 24px;
    }
    .cooperateText {
        width: 100%;
    }
    .cooperateText h1 {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }
    .cooperateText p {
        font-size: 14px;
        line-height: 22px;
    }
    .PharTwo .PharTwospan {
        font-size: 16px;
    }
    .Pharemail a {
        font-size: 14px;
    }
    .proCon .swiper .swiper-slide .slideCon img {
        max-width: 90%;
        max-height: 100%;
        display: block;
        margin: auto;
    }
}
@media screen and (max-width: 450px){
    
}
@media screen and (max-width: 390px){
    .partTwotit {
        padding: 20px 0 0 0;
    }
    .partTwop {
        padding: 0 0px;
        margin: 10px auto 0 !important;
    }
    .sy_banner .swiper-button-next, .sy_banner .swiper-button-prev {
        bottom: 14.2% !important;
    }
    .cooperateDetitle p {
        font-size: 20px;
        text-align: left;
        line-height: 28px;
    }
    .cooperateDetitle p {
        font-size: 24px;
    }
    .bussleft {
        width: 178px;
    }
    .bussright {
        width: 163px;
    }
    .parkEwm {
        width: 153px;
    }
    .viewPartoneTit p {
        font-size: 22px;
        margin: 0 10px;
    }
    .visitTitle {
        margin-left: 5%;
    }
    .visitTitle p {
        font-size: 24px;
        margin-left: 4px;
    }
    .viewParttitle p {
        font-size: 22px;
        line-height: 26px;
        margin: 0 22px;
    }
    .manufactureText h1 {
        font-size: 22px;
    }
    .proRight h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .partOnetit p {
        font-size: 23px;
        text-align: center;
    }
    .partOneTime {
        font-size: 22px;
    }
    .sy_banner .swiper-container-horizontal > .swiper-pagination-bullets, .sy_banner .swiper-pagination-custom, .sy_banner .swiper-pagination-fraction {
        bottom: 111px;
        
    }
    .companyTitle p{
        font-size: 22px;
    }
    .subnavul ul li a {
        font-size: 14px;
    }
}
@media screen and (max-width: 360px){
    .partTwoCon {
        background-size: 311%;
    }
   .honorLeft p {
        font-size: 22px;
    }
    .viewPartoneTit p {
        font-size: 20px;
        margin: 0 10px;
    }
    .goldMedal p {
        margin-left: 16px;
        letter-spacing: 2px;
    }
    .firstPrize p {
        margin-left: 16px;
        letter-spacing: 2px;
    }
   
}
@media screen and (max-width: 350px){
     .partTwoCon {
        background-size: 325%;
    }
}
@media screen and (max-width: 340px){
    .academiaSwiper .swiper .swiper-slide img {
        width: 100%;
        height: 186px;
    }
    .conOnetit p {
        font-size: 30px;
        margin: 0 10px;
    }
    .collaborativeOneul ul li p{
        font-size: 13px;
    }
     .directionSwiper .swiper .swiper-slide div img {
        height: 234px;
    }
    .branchDet {
        width: 93%;
        height: 158px;
        padding: 10px 10px;
        overflow-y: auto;
        display: block;
    }
    .branchname {
        width: 66px;
        font-size: 20px;
        line-height: 66px;
    }
    .platformSwiper .swiper-button-prev, .platformSwiper .swiper-container-rtl .swiper-button-next {
        left: 80px;
    }
    .platformSwiper .swiper-button-next, .platformSwiper .swiper-container-rtl .swiper-button-prev {
        right: 80px;
    }
    .yzma {
        width: 126px;
    }
    .bussright {
        font-size: 16px;
    }
    .bussleft {
        font-size: 12px;
    }
    .viewPartoneTit p {
        font-size: 20px;
        margin: 0 3px;
    }
    .producetitle {
        padding-top: 43px;
        font-size: 24px;
        line-height: 47px;
        width: 47px;
    }
    .companySwiper .swiper-button-next, .companySwiper .swiper-button-prev {
        width: 45px;
        height: 45px;
    }
    .companyleft {
        padding: 0px 20px 25px 20px !important;
    }
    .companyTitle p {
        font-size: 18px;
    }
    .cultureTitle {
        margin-right: 0px;
    }
    .cultureul li p {
        font-size: 14px;
        margin-right: 4px;
    }
    .cultureul li span {
        font-size: 20px;
    }
    .ruledet p {
        font-size: 14px;
        line-height: 16px;
        height: 200px;
    }
   .subnavul ul li a {
        font-size: 12px;
    }
    .partTwoCon {
        background-size: 180%;
        background-position: 49.1% 0;
        margin-top: -86px;
        padding-top: 70px;
        background-image: url(../img/bgEn_about.png);
    }
    .ideaConTwo li.ideaact {
        width: 107px;
    }
    .idearight {
        padding: 0 0 0 15px;
    }
    .ideaConTwo li .ideabigtit:hover .ruledet, .ideaConTwo li.ideaact .ruledet{
        width: 96px;
    }
}
@media screen and (max-width: 320px){
   .subnavul ul li a {
        font-size: 12px;
    }
}