.indexban{position:relative}
.m-bann{display:none}
.indexban .img{overflow:hidden}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;fill:none;margin:10px 11px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-pagination-bullet svg{width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px;border-radius:30px}
.indexban .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0.5);stroke-width:1}
.indexban .circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:2;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}
.indexban .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

.indexban .textbox1{position:absolute;left:25%;top:75%;opacity:0;margin-top:-102px;z-index:3}
.indexban .textbox1.cur{top:50%;opacity:1}
.indexban .textbox1 .title{color:#fff;font-size:60px;line-height:1.2}
.indexban .textbox1 .type{color:#fff;margin-left:10px;font-family:'dincon';font-size:72px}
.indexban .textbox1 .label,
.indexban .textbox2 .label{width:80px;height:40px;text-align:center;line-height:40px;margin:45px auto 22px;background-color:#5a0060;color:#fff;border-radius:40px}
.indexban .textbox1 .more,
.indexban .textbox2 .more{text-align:center;color:#9f16a8;display:block}
.indexban .textbox2{position:absolute;right:15%;top:75%;opacity:0;margin-top:-160px;z-index:3}
.indexban .textbox2.cur{top:50%;opacity:1}
.indexban .textbox2 .entitle1{color:#fff;font-size:72px;text-align:center;line-height:1.2;font-family:Arial}
.indexban .textbox2 .entitle2{color:#fff;font-size:30px;text-align:center}
.indexban .textbox2 .title{color:#fff;font-size:24px;text-align:center;margin:38px 0 42px}
.indexban .textbox3{position:absolute;right:10vw;top:58%;opacity:0;z-index:3}
.indexban .textbox3.cur{top:30%;opacity:1}
.indexban .textbox3 .cntitle{color:#252424;font-size:48px}
.indexban .textbox3 .entitle{color:#252424;font-size:24px;font-family:Arial;margin:26px 0 62px}
.indexban .textbox3 .morebox{width:182px;height:50px;background-color:#5a0060;padding-left:36px;display:block}
.indexban .textbox3 .morebox .more{color:#fff;font-weight:bold;font-family:Arial;line-height:50px}
.indexban .textbox3 .morebox .icon{line-height:50px;margin-left:25px}
.indexban .textbox3 .morebox .icon img{display:inline-block;vertical-align:middle}
.indexban .textbox4{position:absolute;left:10vw;top:61%;opacity:0;z-index:3}
.indexban .textbox4.cur{top:36%;opacity:1}
.indexban .textbox4 .title1{color:#fff;font-size:36px}
.indexban .textbox4 .title2{color:#fff;font-size:48px;font-family:Arial;margin:18px 0 42px}
.indexban .textbox4 .morebox{width:182px;height:50px;background-color:#5a0060;padding-left:36px;display:block}
.indexban .textbox4 .morebox .more{color:#fff;font-weight:bold;font-family:Arial;line-height:50px}
.indexban .textbox4 .morebox .icon{line-height:50px;margin-left:25px}
.indexban .textbox4 .morebox .icon img{display:inline-block;vertical-align:middle}
.indextitlebox .entitle{color:#252424;font-size:60px;text-align:center;font-family:'montse'}
.indextitlebox .cntitle{color:#4d4d4d;font-size:24px;text-align:center;margin-top:8px;letter-spacing:3px}
.indexa{padding-top:88px;background-color:#f3f3f3}
.indexabox{margin-top:78px}
.indexabox .textbox{width:50%}
.indexabox .textbox .top{background-color:#fff;padding:4.404vw 4.2708vw 3.8vw 5.46875vw}
.indexabox .textbox .top .title{color:#252424;font-size:24px;font-weight:bold}
.indexabox .textbox .top .text{color:#999;margin:28px 0 50px;line-height:1.714;height:92px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexabox .textbox .top .more{width:162px;height:48px;border:2px solid #d8d8d8;padding-left:30px;display:block;color:#5a0060;line-height:44px;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexabox .textbox .top .more:hover{border-color:#5a0060;background-color:#5a0060;color:#fff;background-image:url(../img/iamore_cur.png);background-position:right 13px center}
.indexabox .textbox .list{width:50%;background-color:#e3e3e3;padding:3.204vw 1vw 1.979vw 3.98vw;display:block;position:relative}
.indexabox .textbox .list .icon{width:55px;height:55px;background-repeat:no-repeat;background-position:center center;position:relative;z-index:3}
.indexabox .textbox .list:nth-of-type(1) .icon{background-image:url(../img/iaicon2.png)}
.indexabox .textbox .list:nth-of-type(2) .icon{background-image:url(../img/iaicon1.png)}
.indexabox .textbox .list:nth-of-type(2){background-color:#f0f0f0}
.indexabox .textbox .list .name{color:#48413e;font-size:24px;margin:20px 0 10px;position:relative;z-index:3}
.indexabox .textbox .list .enname{color:#b9b9b9;font-family:Arial;position:relative;z-index:3}
.indexabox .textbox .list:after{content:"";width:0;height:100%;background-color:#5a0060;position:absolute;top:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexabox .textbox .list:hover:after{width:100%}
.indexabox .textbox .list:hover .name,
.indexabox .textbox .list:hover .enname{color:#fff}
.indexabox .textbox .list:nth-of-type(1):hover .icon{background-image:url(../img/iaicon2_cur.png)}
.indexabox .textbox .list:nth-of-type(2):hover .icon{background-image:url(../img/iaicon1_cur.png)}
.indexabox .rightbox{width:50%;position:relative}
.indexabox .numbox{width:100%;position:absolute;bottom:65px;left:0;z-index:2}
.indexabox .numlist{width:33.3333%;padding-left:4.729vw}
.indexabox .numlist .text{color:#fff}
/* .indexabox .numlist .top{text-align:center} */
.indexabox .numlist .top .numUp{display:inline-block;color:#fff;font-size:60px;line-height:1;font-family:'dindown'}
.indexabox .numlist .top .ribox{display:inline-block;margin-left:6px}
.indexabox .numlist .top .ribox .add{width:15px;height:15px;margin-top:4px}
.indexabox .numlist .top .ribox .unit{margin-top:8px;font-weight:bold;color:#fff}
.indexb{padding:125px 0 98px}
.indexbtop{position:relative}
.indexmore{width:162px;height:48px;border:2px solid #d8d8d8;line-height:44px;position:absolute;top:6px;right:0;color:#5a0060;display:block;padding-left:30px;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexmore:hover{border-color:#5a0060;color:#fff;background-color:#5a0060;background-image:url(../img/iamore_cur.png);background-position:right 13px center}
.indexbbox{margin-top:110px;overflow:hidden}
.indexblist .img{width:60%}
.indexblist .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexblist .textbox{width:40%}
.indexblist:nth-of-type(1) .textbox{padding:5.208vw 10vw 0 10vw}
.indexblist:nth-of-type(2){margin-top:206px}
.indexblist:nth-of-type(2) .textbox{padding:6.77vw 40px 0 15.641vw}
.indexblist .wapentitle{display:none}
.indexblist .showtext .title{color:#000;font-size:36px;margin:14px 0 44px}
.indexblist .showtext .text{color:#000;font-size:24px}
.indexblist .ibmorebox{width:192px;height:208px;display:block;margin-top:50px;border:1px solid #5a0060;padding-top:60px}
.indexblist .ibmoretitle{color:#5a0060;font-size:30px;font-family:'gothicb';text-align:center}
.indexblist .ibmoretext{color:#5a0060;text-align:center;margin:10px 0 22px}
.indexblist .ibmoreicon{width:9px;height:14px;margin:0 auto;background-image:url(../img/ibmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexblist .ibmorebox:hover{background-color:#5a0060}
.indexblist .ibmorebox:hover .ibmoretitle,
.indexblist .ibmorebox:hover .ibmoretext,
.indexblist .ibmorebox:hover .ibmoreicon{color:#fff}
.indexblist .ibmorebox:hover .ibmoreicon{background-image:url(../img/ibmore_cur.png)}
.indexblist .pcentitle{color:#000;font-size:72px;font-family:'montse'}
.indexblist .pcentitle span{color:#fff}
.indexblist:nth-of-type(1) .pcentitle{width:630px;transform:translateX(-380px);-webkit-transform:translateX(-380px);-moz-transform:translateX(-380px)}
.indexblist:nth-of-type(2) .pcentitle{width:840px;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)}
.indexcbox{margin-top:110px;position:relative}
.indexcbox .indexcsmall{width:100%;padding:27px 0;background-color:rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;z-index:2}
.inexcbig .title{width:100%;color:#fefefe;font-size:48px;line-height:68px;position:absolute;top:80%;opacity:0;margin-top:-34px;left:0;text-align:center;z-index:2}
.inexcbig .swiper-slide-active .title{top:40%;opacity:1}
.indexcsmall .box{width:1000px;margin:0 auto;position:relative}
.indexcsmall .box .swiper-button-next,
.indexcsmall .box .swiper-button-prev{width:34px;height:34px;margin-top:-17px;background-size:100% 100%;opacity:1}
.indexcsmall .box .swiper-button-next{background-image:url(../img/icright.png);right:-108px}
.indexcsmall .box .swiper-button-prev{background-image:url(../img/icleft.png);left:-108px}
.indexcsmall .swiper-slide .img{border:1px solid transparent}
.indexcsmall .swiper-slide.cur .img{border-color:#fff}
.indexcsmall .swiper-slide .img img{opacity:0.5}
.indexcsmall .swiper-slide.cur .img img{opacity:1}
.indexd{padding:140px 0 164px}
.indexdtop .indextitlebox .entitle,
.indexdtop .indextitlebox .cntitle{text-align:left}
.indexdbox{margin-top:104px}
.indexdleft .list{width:402px;display:block;margin-right:31px;background-color:#f6f6f6}
.indexdleft .list .textbox{padding:21px 34px 32px 30px}
.indexdleft .list .textbox .title{color:#434343;font-size:24px;line-height:34px;height:68px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexdleft .list .textbox .bot{margin-top:20px}
.indexdleft .list .textbox .bot .date{color:#cacbcd;font-weight:bold;font-family:Arial;line-height:34px}
.indexdleft .list .textbox .bot .more{width:34px;height:34px;background-image:url(../img/nmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexdright{width:calc(100% - 866px)}
.indexdright .list{display:block;height:auto;margin-bottom:1px;background-color:#f6f6f6;padding:22.5px 45px 23px 52px;position:relative}
.indexdright .list:nth-last-of-type(1){margin-bottom:0}
.indexdright .list .datebox{width:64px}
.indexdright .list .date{color:#cacbcd;font-weight:bold;font-family:Arial}
.indexdright .list .day{color:#cacbcd;font-size:60px;line-height:1;font-family:'dincon'}
.indexdright .list .left{width:calc(100% - 134px);margin-right:70px}
.indexdright .list .left .title{color:#434343;font-weight:bold;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexdright .list .left .text{color:#929292;margin-top:10px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexdleft .list:hover{background-color:#fff;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.15)}
.indexdleft .list:hover .textbox .title{color:#5a0060}
.indexdleft .list:hover .textbox .bot .more{background-image:url(../img/nmore_cur.png)}
.indexdleft .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexdright .list:hover{background-color:#fff;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.15)}
.indexdright .list:before{content:"";width:0;height:1px;background-color:#a600b0;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexdright .list:hover:before{width:100%}
.indexe{height:531px;padding-top:190px;background-image:url(../img/indexebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.indexe .title{color:#fff;font-size:40px;text-align:center}
.indexe .more{width:172px;height:50px;background-color:#fff;display:block;margin:54px auto 0;text-align:center;line-height:50px;color:#5a0060;font-size:16px;font-weight:bold;position:relative}
.indexe .more:after{content:"";width:100%;height:0px;background-color:#5a0060;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexe .more span{position:relative;z-index:3;display:block}
.indexe .more:hover:after{height:100%}
.indexe .more:hover{color:#fff}

@media (min-width:1024px){
    .indexban .img img{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6)}
    .indexban .swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
}

@media (max-width:1800px){
    .indexabox .numlist{padding-left:4vw}
}

@media (max-width:1620px){
    .indexban .textbox2, .pcbanner .textbox3{right:8vw}
    .indexban .textbox4{left:8vw}
    .indexabox .textbox .top{padding:3.404vw 3.508vw 3vw 4.5vw}
    .indexabox .textbox .top .text{margin:20px 0 40px}
    .indexabox .textbox .list{padding:3.17vw 1vw 1.9vw 3.88vw}
    .indexabox .numlist{padding-left:3.4vw}
    .indexblist .pcentitle{font-size:60px}
    .indexblist:nth-of-type(1) .pcentitle{width:530px;transform:translateX(-266px);-webkit-transform:translateX(-266px);-moz-transform:translateX(-266px)}
    .indexblist:nth-of-type(2) .pcentitle{width:840px;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)}
    .indexblist:nth-of-type(1) .textbox{padding:4.508vw 10vw 0 7vw}
    .indexblist:nth-of-type(2) .textbox{padding:5.27vw 20px 0 14.641vw}
    .indexblist .showtext .title{font-size:32px;margin:6px 0 35px}
    .indexblist .showtext .text{font-size:20px}
    .indexblist .ibmorebox{margin-top:38px}
    .inexcbig .title{font-size:42px}
    .indexabox .numlist .top .numUp{font-size:54px}
}

@media (max-width:1540px){
    
}

@media (max-width:1440px){
    .indexban .textbox2, .pcbanner .textbox3{right:6vw}
    .indexban .textbox4{left:6vw}
    .indexban .textbox1{margin-top:-83px}
    .indexban .textbox1 .title{font-size:42px;line-height:1.3}
    .indexban .textbox1 .type{font-size:54px}
    .indexban .textbox2{margin-top:-127px}
    .indexban .textbox2 .entitle1{font-size:54px}
    .indexban .textbox2 .entitle2{font-size:22px}
    .indexban .textbox2 .title{font-size:20px;margin:28px 0 32px}
    .indexban .textbox1 .label, .indexban .textbox2 .label{margin:35px auto 14px}
    .indexban .textbox3 .cntitle{font-size:30px}
    .indexban .textbox3 .entitle{font-size:20px;margin:14px 0 36px}
    .indexban .textbox3 .morebox, .indexban .textbox4 .morebox{width:150px;padding-left:26px}
    .indexban .textbox3 .morebox .icon, .indexban .textbox4 .morebox .icon{margin-left:15px}
    .indexban .textbox3 .morebox .icon img, .indexban .textbox4 .morebox .icon img{margin-bottom:3px}
    .indexban .textbox4 .title1{font-size:26px}
    .indexban .textbox4 .title2{font-size:36px;margin:10px 0 25px}
    .indexabox .numlist{padding-left:2vw}
    .indexabox .numlist .top .numUp{font-size:48px}
    .indexabox .numlist .top .ribox .unit{margin-top:3px}
    .indexblist:nth-of-type(2){margin-top:146px}
    .indexblist .pcentitle{font-size:52px}
    .indexblist:nth-of-type(1) .pcentitle{width:460px;transform:translateX(-216px);-webkit-transform:translateX(-216px);-moz-transform:translateX(-216px)}
    .indexblist:nth-of-type(2) .pcentitle{width:610px;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)}
    .indexblist:nth-of-type(1) .textbox{padding:3.008vw 8.5vw 0 5.5vw}
    .indexblist:nth-of-type(2) .textbox{padding:5.27vw 20px 0 16.241vw}
    .indexblist .showtext .title{font-size:28px;margin:4px 0 25px}
    .indexblist .ibmorebox{width:142px;height:158px;padding-top:30px}
    .indexblist .showtext .text{font-size:18px}
    .indexblist .ibmoretitle{font-size:26px}
    .indexdleft .list{width:322px}
    .indexdright{width:calc(100% - 706px)}
    .indexdright .list{height:auto;padding:16.5px 30px 17px 38px}
    .indexdleft .list .textbox{padding:22px 34px 32px 30px}
    .inexcbig .title{font-size:36px}
}

@media (max-width:1367px){
    .indexabox .textbox .top .text{height:70px;-webkit-line-clamp:3;margin:21px 0 40px}
    .indexblist:nth-of-type(2) .textbox{padding:5.27vw 20px 0 15.041vw}
    .inexcbig .title{font-size:32px}
}

@media (max-width:1280px){
    .indexban .textbox2, .pcbanner .textbox3{right:4vw}
    .indexban .textbox4{left:4vw}
    .indexban .textbox1 .title{font-size:36px}
    .indexban .textbox1 .type{font-size:48px}
    .indexban .textbox2 .entitle1{font-size:48px}
    .indexban .textbox2 .entitle2{font-size:20px}
    .indexban .textbox3 .cntitle{font-size:26px}
    .indexban .textbox3 .entitle{font-size:18px;margin:10px 0 22px}
    .indexban .textbox2 .title{font-size:18px;margin:18px 0 22px}
    .indexban .textbox2{margin-top:-116px}
    .indexban .textbox4 .title1{font-size:22px}
    .indexban .textbox4 .title2{font-size:30px;margin:8px 0 16px}
    .indexabox .textbox .top .title{font-size:22px}
    .indexabox .textbox .top .text{margin:15px 0 30px}

    .indexblist:nth-of-type(2){margin-top:106px}
    .indexblist .pcentitle{font-size:48px}
    .indexblist:nth-of-type(1) .pcentitle{width:420px;transform:translateX(-196px);-webkit-transform:translateX(-196px);-moz-transform:translateX(-196px)}
    .indexblist:nth-of-type(2) .pcentitle{width:610px;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)}
    .indexblist:nth-of-type(1) .textbox{padding:3.008vw 8.5vw 0 5.5vw}
    .indexblist:nth-of-type(2) .textbox{padding:5.27vw 20px 0 16.241vw}
    .indexblist .showtext .title{font-size:24px;margin:4px 0 20px}
    .indexblist .ibmorebox{margin-top:30px}
    .indexblist .showtext .text{font-size:16px}
    .indexblist:nth-of-type(2) .textbox{padding:3.67vw 20px 0 15.041vw}
    /* .indexblist .showtext .text{font-size:16px} */
    .indexcsmall .box .swiper-button-next{right:-68px}
    .indexcsmall .box .swiper-button-prev{left:-68px}
    .inexcbig .title{font-size:28px}
}
@media (min-width:1024px){

}
@media (max-width:1024px){
    .m-bann{display:block}
    .pcbanner{display:none}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px}
    .m-bann>.swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:4px;border-radius:4px;opacity:1;background-color:#fff}
    .m-bann>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#00a5e2}
    .indexban .textbox1{margin-top:0;left:15px;top:45%}
    .indexban .textbox1.cur{top:calc(60px + 10%)}
    .indexban .textbox1 .title{font-size:26px}
    .indexban .textbox1 .type{font-size:34px}
    .indexban .textbox1 .label, .pcbanner .textbox2 .label{width:60px;height:30px;line-height:30px;margin:20px auto 10px}
    .indexban .swiper-pagination-bullet svg{width:22px;height:22px;margin-left:-11px;margin-top:-11px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px}
    .indexban .textbox3{right:auto;left:15px}
    .indexban .textbox3.cur{top:calc(60px + 6%)}
    .indexban .textbox3 .cntitle{font-size:20px}
    .indexban .textbox3 .entitle{font-size:14px;margin:10px 0 24px}
    .indexban .textbox3 .morebox, .indexban .textbox4 .morebox{width:120px;padding-left:20px;height:30px}
    .indexban .textbox3 .morebox .more, .indexban .textbox4 .morebox .more{line-height:30px;font-size:12px}
    .indexban .textbox3 .morebox .icon, .indexban .textbox4 .morebox .icon{margin-left:15px;line-height:30px}
    .indexban .textbox3 .morebox .icon img, .indexban .textbox4 .morebox .icon img{width:24px}
    .indexban .textbox4 .title1{font-size:18px}
    .indexban .textbox4 .title2{font-size:24px}
    .indexban .textbox4{top:75%;margin-top:-35px}
    .indexban .textbox4.cur{top:50%}
    .indexa{width:100%;padding-top:50px}
    .indexa .wrap{padding:0}
    .indextitlebox .entitle{font-size:34px}
    .indextitlebox .cntitle{font-size:16px;margin-top:0px}
    .indexabox .textbox{width:100%}
    .indexabox .textbox .top{padding:65px 55px 55px}
    .indexabox .textbox .top .text{height:92px;-webkit-line-clamp:4}
    .indexabox{margin-top:40px}
    .indexabox .textbox .top .title{font-size:18px}
    .indexabox .textbox .top .more{width:122px;height:36px;line-height:32px;padding-left:16px;background-position:right 16px center;background-size:16px auto}
    .indexabox .textbox .list .icon{width:35px;height:35px;background-size:auto 100%}
    .indexabox .textbox .list{padding:35px 10px 35px 30px}
    .indexabox .textbox .list .name{margin:10px 0 8px;font-size:18px}
    .indexabox .textbox .list:nth-of-type(1):after{width:100%}
    .indexabox .textbox .list:nth-of-type(1) .name,
    .indexabox .textbox .list:nth-of-type(1) .enname{color:#fff}
    .indexabox .textbox .list:nth-of-type(1) .icon{background-image:url(../img/iaicon2_cur.png)}  
    .indexabox .rightbox{width:100%}
    .indexabox .numlist .top .numUp{font-size:32px}
    .indexabox .numlist .top .ribox .add{width:8px;height:8px}
    .indexabox .numlist .top .ribox .unit{font-size:12px;margin-top:1px}
    /* .indexabox .numlist .top .numUp{width:56px} */
    .indexabox .numlist .top .ribox{margin-left:2px}
    .indexabox .numlist .text{font-size:12px}
    .indexabox .numlist{padding-left:8vw}
    .indexabox .numbox{bottom:35px}
    .indexb{padding:50px 0}
    .indexmore{display:none}
    .indexbbox{margin-top:40px}
    .indexblist .img{width:100%}
    .indexblist .textbox{width:100%}
    .indexblist .pcentitle{display:none}
    .indexblist .showtext{float:left;width:calc(100% - 120px);margin-right:20px;margin-top:15px}
    .indexblist .showtext .title{font-size:18px;margin:0 0 6px}
    .indexblist .showtext .text{font-size:14px}
    .indexblist .ibmorebox{float:right;width:100px;height:110px;padding-top:20px;margin-top:0}
    .indexblist:nth-of-type(1) .textbox, .indexblist:nth-of-type(2) .textbox{padding:50px 15px 0 40px}
    .indexblist:nth-of-type(2){margin-top:50px}
    .indexblist .ibmoretitle{font-size:18px}
    .indexblist .ibmoretext{font-size:12px;margin:5px 0 10px}
    .indexblist .ibmoreicon{width:6px;height:10px}
    .indexblist .wapentitle{display:block;font-size:28px;color:#000;font-family:'montse';margin-top:-85px}
    .indexblist .wapentitle span{display:block;color:#fff}
    .indexcbox{margin-top:30px}
    .inexcbig .title{position:static;color:#000;font-size:24px;line-height:36px;padding:0 15px;margin-top:0}
    .inexcbig .img{margin-top:20px}
    .indexcbox .indexcsmall{position:static;margin-top:15px;padding:15px 0}
    .indexcsmall .box .swiper-button-next{right:15px}
    .indexcsmall .box .swiper-button-prev{left:15px}
    .indexcsmall .box{width:100%}
    .indexcsmall .wrap{padding:0}
    .indexcsmall .box .swiper-button-next, .indexcsmall .box .swiper-button-prev{width:28px;height:28px;margin-top:-14px}
    .indexcsmall .swiper-slide, .indexcbox .indexcsmall{z-index:30}
    .indexcsmall .swiper-slide .img img{width:100%}
    /* .indexcsmall .swiper-slide.cur .img{border-color:transparent}
    .indexcsmall .swiper-slide.cur .img img{opacity:0.5}
    .indexcsmall .swiper-slide.swiper-slide-active .img{border-color:#fff}
    .indexcsmall .swiper-slide.swiper-slide-active .img img{opacity:1} */
    .indexd{padding:50px 0 120px}
    .indexdtop .indextitlebox .entitle, .indexdtop .indextitlebox .cntitle{text-align:center}
    .indexdleft .list{width:49%;margin-right:2%}
    .indexdleft .list:nth-of-type(2){margin-right:0}
    .indexdleft .list .textbox{padding:25px 15px}
    .indexdleft .list .textbox .title{font-size:18px}
    .indexdright{width:100%;margin-top:10px}
    .indexd .wrap{padding:0}
    .indexdbox{margin-top:40px}
    .indexdleft{padding:0 15px}
    .indexdleft .list .textbox .bot .more{float:left;width:24px;height:24px}
    .indexdleft .list .textbox .bot .date{width:100%;float:left;line-height:24px;margin-top:14px}
    .indexdleft .list .textbox .bot{margin-top:15px}
    .indexdright .list{height:auto;padding:25px 30px 20px}
    .indexdright .list .datebox{width:45px}
    .indexdright .list .left .text{display:none}
    .indexdright .list .day{font-size:40px;text-align:right}
    .indexdright .list .date{font-size:12px}
    .indexdright .list .left .title{font-size:18px;line-height:32px;height:64px;-webkit-line-clamp:2;font-weight:normal}
    .indexdright .list .left{width:calc(100% - 85px);margin-right:40px}
    .indexd .indexmore{width:122px;height:32px;line-height:28px;padding-left:15px;background-position:right 15px center;background-size:16px auto;display:block;position:absolute;top:auto;bottom:45px;right:50%;margin-right:-61px}
    .indexd{position:relative}
    .indexdtop{position:static}
    .indexe{height:350px;background-image:url(../img/iebg.jpg);background-attachment:initial;background-size:100% 100%;padding-top:85px}
    .indexe .title{font-size:26px;width:74%;margin:0 auto;line-height:32px}
    .indexe .more{width:108px;height:32px;line-height:32px;margin:45px auto 0;font-size:14px}
    .indexdleft{width:100%}
    .indexdleft .list img{width:100%}
}
@media (max-width:380px){
    .indexe{height:300px;padding-top:75px}
    .indexe .title{font-size:22px;width:64%;margin:0 auto;line-height:28px}
    .indexe .more{margin:35px auto 0}
}
@media (max-width:370px){
    .indexe .title{width:76%}
    .indexabox .numlist{padding-left:5vw}
}

.pagepublic .cntitle{color:#292929;font-size:36px;font-weight:bold;line-height:1}
.pagepublic .entitle{color:#767676;font-family:Arial;margin-top:12px}

.about{margin-top:60px}
.about1{margin-top:5px}
.about1 .textbox{width:50%;padding-right:4.375vw;padding-top:20px}
.about1 .titlebox{height:192px;padding:18px 0 14px 0;background-image:url(../img/aboutmap.png);background-repeat:no-repeat;background-position:right 3.75vw top}
.about1 .titlebox .title1{color:#5a0060;font-size:36px;line-height:1.2}
.about1 .titlebox .title2{color:#5a0060;font-size:48px;font-weight:bold;line-height:1.2;margin:4px 0 10px}
.about1 .titlebox .entitle{color:#c0c0c0;font-size:40px;font-family:'montse'}
.about1 .textbox .text{color:#646464;line-height:2.143;margin-top:64px}
.about1 .rightbox{width:50%}
.about1 .rightbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.about1 .rightbox .bot{height:210px;background-color:#f3f3f3;padding:64px 0 0 4.27vw}
.about1 .rightbox .bot .numlist{margin-right:5.029vw}
.about1 .rightbox .bot .numlist:nth-last-of-type(1){margin-right:0}
.about1 .rightbox .bot .numlist .numUp{color:#5a0060;font-size:54px;line-height:1;font-family:'dincon'}
.about1 .rightbox .bot .numlist .numright{padding-top:7px}
.about1 .rightbox .bot .numlist .add{width:15px;height:15px}
.about1 .rightbox .bot .numlist .unit{color:#2c2c2c;margin-top:7px}
.about1 .rightbox .bot .numlist .text{color:#8d8d8d;margin-top:4px}
.about1 .rightbox .bot .numlist:nth-of-type(1) .numright{margin-left:8px}
.about1 .rightbox .bot .numlist:nth-of-type(2) .numright{margin-left:8px}
.about1 .rightbox .bot .numlist:nth-of-type(3) .numright{margin-left:10px}
.about2{margin-top:36px}
.about2list{width:50%;position:relative}
.about2list video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;object-position:center center}
.about2list .player{width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;right:30%;z-index:3;cursor:pointer}
.about2list.cur .player,
.about2list.cur .img{z-index:-1;visibility:hidden;opacity:0}
.about2list.cur video{z-index:3;visibility:visible;opacity:1}
.about2list:hover .img img,
.about2list .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.about2list .swiper-container-horizontal>.swiper-pagination-bullets{text-align:right;bottom:30px;padding:0 33px}
.about2list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:54px;height:5px;opacity:1;border-radius:0px;background-color:rgba(255,255,255,0.5)}
.about2list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1)}
.history{padding:124px 0 140px;background-color:#f9f9f9}
.hisbox{margin-top:28px;position:relative;padding-bottom:110px}
.hisbox:after{content:"";width:1px;height:100%;background-color:#d9c7da;position:absolute;top:0;left:50%;z-index:auto}
.hislist{margin-bottom:80px;position:relative;z-index:3}
.hislist:nth-last-of-type(1){margin-bottom:0}
.hislist .icon{width:56px;height:56px;margin:0 34px;background-color:#fff;position:relative;z-index:3;border-radius:56px;background-image:url(../img/histime.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.hislist .imgbox{width:calc((100% - 124px) / 2)}
.hislist .imgbox .imglist{width:42%;margin-right:24px}
.hislist .imgbox .imglist:nth-of-type(1){margin-right:0}
.hislist .imglist:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.hislist .rightbox{width:calc((100% - 124px) / 2)}
.hislist .rightbox .imglist{width:42%}
.hislist .rightbox .textbox .title{color:#666;font-size:24px;font-weight:bold}
.hislist .rightbox .textbox .year{color:#5a0060;font-size:18px;font-family:'montse';margin-top:12px}
.hislist:nth-of-type(2n) .textbox .title,
.hislist:nth-of-type(2n) .textbox .year,
.hislist:nth-of-type(2n) .textbox .text{text-align:right}
.hislist .textbox{width:100%}
.hislist.two .textbox{width:auto;margin-right:54px}
.hislist:hover .icon{background-color:#5a0060;background-image:url(../img/histime_cur.png)}
.hismorebox{cursor:pointer}
.hismorebox .icon{width:59px;height:59px;margin:0 auto;background-image:url(../img/hismore.png);background-repeat:no-repeat;background-position:center center}
.hismorebox .text{color:#5a0060;text-align:center;margin-top:12px}
.hismorebox:hover .icon{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)}
.culture1{padding:64px 0 60px}
.culture2{width:65%;margin:0 auto;height:698px;position:relative;background-image:url(../img/culimg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.culture2.cur{width:100%}
.culture2 .textbox{position:absolute;top:24%;left:50%;margin-left:-600px;z-index:3}
.culture2 .textbox .cntitle{color:#fff;font-size:36px;text-align:center;font-weight:bold}
.culture2 .textbox .entitle{color:#fff;font-size:12px;text-align:center;font-family:Arial;margin:14px 0 20px}
.culture2 .textbox .line{width:29px;height:3px;background-color:#fff;margin:0 auto}
.culture2 .textbox .text{color:#fff;font-size:30px;text-align:center;margin-top:68px}
.culture3{padding:108px 0 160px}
.culture3 .cntitle{color:#000;font-size:36px;text-align:center;font-weight:bold}
.culture3 .entitle{color:#c0c0c0;font-size:12px;text-align:center;font-family:Arial;margin:14px 0 16px}
.culture3 .title{color:#565656;font-size:30px;text-align:center;font-weight:bold;margin:50px 0 22px}
.culture3 .text{color:#565656;font-size:30px;text-align:center}
.culture4{padding:138px 0;background-color:#f6f6f6}
.culture4list{margin-bottom:50px}
.culture4list:nth-last-of-type(1){margin-bottom:0}
.culture4list .wapimg{display:none}
.culture4list .textbox{width:calc(100% - 470px);background-color:#fff;padding:50px 60px 35px 80px}
.culture4list:nth-of-type(2n) .textbox{padding:50px 60px 35px 55px}
.culture4list:hover .img img, .culture4list:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture4list .cntitle{color:#000;font-size:36px;font-weight:bold}
.culture4list .entitle{color:#c0c0c0;font-size:12px;font-weight:bold;font-family:Arial;margin:6px 0 14px}
.culture4list .line{width:29px;height:3px;background-color:#393f4b}
.culture4list .text{color:#626262;line-height:1.714;margin-top:24px}
.culture5{width:100%;height:698px;position:relative;background-image:url(../img/culimg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.culture5 .textbox{width:1050px;margin-left:-525px;position:absolute;top:50%;margin-top:-150px;z-index:3;left:50%}
.culture5 .textbox .cntitle{color:#fff;font-size:36px;font-weight:bold}
.culture5 .textbox .entitle{color:#fff;font-size:12px;font-family:Arial;margin:22px 0 45px}
.culture5 .textbox .title{color:#fff;font-size:24px}
.culture5 .textbox .text{color:#fff;line-height:1.714;margin-top:46px}
.news{padding:64px 0 102px}
.newsitems{margin-top:110px}
.newsitem{width:29.81%;margin-right:5.285%;margin-bottom:80px;display:block;background-color:#f6f6f6;position:relative;overflow:hidden}
.newsitem:nth-of-type(3n){margin-right:0}
.newsitem:after{content:"";width:100%;height:3px;background-color:#93029d;position:absolute;bottom:-3px;left:0;z-index:3;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem .textbox{padding:38px 26px 40px 38px}
.newsitem .textbox .title{color:#393435;font-size:18px;font-weight:bold;line-height:1.667;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .textbox .text{color:#999;margin-top:12px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .textbox .bot{margin-top:26px}
.newsitem .textbox .date{color:#cacbcd;font-weight:bold;font-family:Arial;line-height:34px}
.newsitem .textbox .more{width:34px;height:34px;background-image:url(../img/nmore.png);background-repeat:no-repeat}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .textbox .title{color:#5a0060}
.newsitem:hover:after{bottom:0}
.newsitem:hover{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.14)}
.news .pager{margin-top:15px}
.newsdetail{padding-top:58px}
.newsdetail .leftbox{width:calc(100% - 370px);margin-right:56px}
.newsdetail .top .title{color:#404040;font-size:34px;font-weight:bold;line-height:1.471}
.newsdetail .top .date{color:#cacbcd;font-weight:bold;font-family:Arial;padding-left:25px;margin-top:38px;background-image:url(../img/ntime.png);background-repeat:no-repeat;background-position:left center}
.newsdetail .top{padding-bottom:33px;border-bottom:1px solid #d8d8d8}
.newsdetail .ndbot{margin-top:36px;position:relative}
.ndbotleft{width:136px;border-top:3px solid #6d0074;margin-top:10px}
.ndbot.cur .ndbotleft{position:fixed;top:100px;left:calc((100% - 1200px) / 2)}
.ndbot.cur2 .ndbotleft{position:absolute;bottom:96px;left:0}
.ndbotleft .shareitems{padding-bottom:42px;background-color:#fafafa}
.ndbotleft .shareitem{padding:20px 0 20px 18px;border-bottom:1px solid #d8d8d8;cursor:pointer;position:relative}
.ndbotleft .shareitem:nth-last-of-type(1){border-bottom:none}
.ndbotleft .shareitem:before{content:"";width:0;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.ndbotleft .shareitem:hover:before{width:100%}
.ndbotleft .shareitem .icon{width:36px;height:36px;border-radius:36px;background-repeat:no-repeat;background-position:center center;position:relative;z-index:3}
.ndbotleft .shareitem:hover .icon{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)}
.ndbotleft .shareitem .text{color:#aeaeae;line-height:36px;margin-left:10px;position:relative;z-index:3}
.ndbotleft .shareitem:nth-of-type(1) .icon{background-color:#20a839;background-image:url(../img/nshare1.png)}
.ndbotleft .shareitem:nth-of-type(2) .icon{background-color:#e89213;background-image:url(../img/nshare2.png)}
.ndbotleft .shareitem:nth-of-type(3) .icon{background-color:#1d8ac9;background-image:url(../img/nshare3.png)}
.ndbotleft .shareitem:nth-of-type(4) .icon{background-color:#888;background-image:url(../img/nshare4.png)}
.ndbotleft .returnlist{height:50px;display:block;background-color:#5a0060;color:#fff;line-height:50px;font-size:16px;padding-left:18px;background-image:url(../img/nlist.png);background-repeat:no-repeat;background-position:right 30px center}
.ndrec{width:314px;padding-top:16px}
.ndrecbox{margin-top:50px;background-color:#fafafa;border-top:3px solid #6d0074;padding:40px 30px 0}
.ndrecbox.cur{padding:40px 30px}
.ndreccen .title{color:#5a0060;font-size:18px;font-weight:bold}
.ndreccen .read{color:#7b7b7b;line-height:24px}
.ndreccen .entitle{color:#ccccce;font-size:16px;font-family:Arial;margin:5px 0 16px}
.ndreccen .line{width:24px;height:4px;background-color:#5a0060}
.ndrecitems{margin-top:62px;position:relative}
.ndrecitems:after{content:"";width:300px;height:1px;background-color:#ededed;position:absolute;bottom:-20px;left:-20px}
.ndrecitem{margin-bottom:24px;display:block}
.ndrecitem .title{color:#666;margin-top:18px;line-height:1.8}
.ndrecitem:hover .title{color:#5a0060}
.ndrecitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.ndbotright{width:calc(100% - 170px);margin-left:34px;padding-bottom:96px}
.ndcontent{padding-bottom:92px}
.ndcontent img{display:inline-block}
.ndpager{background-color:#fafafa;height:48px;padding:0 24px}
.ndpager:nth-of-type(2){margin-top:10px}
.ndpager .name{font-weight:bold;color:#999;line-height:48px}
.ndpager .text{display:block;width:calc(100% - 56px);color:#999;line-height:48px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ndpager a.text:hover{color:#610867}
.chairmess{margin-top:68px}
.chairmessright{width:calc(100% - 480px);margin-left:120px}
.chairmessleft{margin-top:10px}
.chairmessleft .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.chairmessleft .title{margin-top:30px;color:#5a0060;font-weight:bold;font-size:34px}
.chairmessleft .text{color:#474747;font-size:18px;margin-top:10px}

@media (max-width:1620px){

}

@media (max-width:1440px){
    .about1 .titlebox .title1{font-size:26px}
    .about1 .titlebox .title2{font-size:38px}
    .about1 .titlebox .entitle{font-size:30px}
    .about1 .textbox{padding-right:3vw}
    .about1 .titlebox{height:162px;background-size:315px auto}
    .about1 .textbox .text{margin-top:40px;line-height:1.8}
    .about1 .rightbox .bot .numlist .numUp{font-size:38px}
    .hislist .rightbox .textbox .title{font-size:20px}
    .pagepublic .cntitle, .culture3 .cntitle{font-size:30px}
    .culture2, .culture5{height:560px}
    .culture2 .textbox .cntitle, .culture4list .cntitle, .culture5 .textbox .cntitle{font-size:30px}
    .culture2 .textbox .entitle{margin:8px 0 14px}
    .culture2 .textbox .text{font-size:26px;margin-top:42px}
    .culture3 .title{font-size:26px;margin:35px 0 15px}
    .culture3 .text{font-size:26px}
    .culture3{padding:78px 0 120px}
    .culture4{padding:98px 0}
    .culture5 .textbox .entitle{margin:15px 0 30px}
    .culture5 .textbox .title{font-size:20px}
    .culture5 .textbox .text{margin-top:30px}
    .culture5 .textbox{margin-top:-123px}
    .about1 .rightbox .bot .numlist .add{width:10px;height:10px}
    .about1 .rightbox .bot .numlist .unit{margin-top:4px;line-height:1}
}

@media (max-width:1367px){
    .about1 .titlebox .title1{font-size:24px}
    .about1 .titlebox .title2{font-size:32px}
    .about1 .titlebox .entitle{font-size:28px}
    .about1 .textbox{padding-right:2vw;padding-top:10px}
    .about1 .titlebox{height:142px;background-size:285px auto;background-position:right 7.75vw top}
    .about1 .textbox .text{margin-top:32px;line-height:1.8}
    .about1 .rightbox .bot .numlist .numUp{font-size:38px}
    
}

@media (max-width:1280px){
    .about1 .rightbox .bot .numlist{margin-right:3.5vw}
    .culture2 .textbox{margin-left:-46vw}
    .culture5 .textbox{width:92vw;margin-left:-46vw;padding:0 80px}
}

@media (max-width:1024px){
    .pagepublic .cntitle{font-size:24px}
    .pagepublic .entitle{margin-top:6px}
    .about{margin-top:50px}
    .about1 .textbox{width:100%;padding-top:20px;padding-right:0}
    .about1 .titlebox{height:102px;background-size:205px auto;padding:8px 0 4px 0}
    .about1 .titlebox .title1{font-size:18px}
    .about1 .titlebox .title2{font-size:22px;margin:2px 0 5px}
    .about1 .titlebox .entitle{font-size:24px;line-height:1.2}
    .about1 .textbox .text{margin-top:20px;line-height:1.6}
    .about1 .rightbox{width:100%;margin-top:40px}
    .about1 .rightbox .img img{width:100%}
    .about1 .rightbox .bot{height:auto;padding:30px 0 30px 20px}
    .about1 .rightbox .bot .numlist .numUp{font-size:30px}
    .about1 .rightbox .bot .numlist:nth-of-type(1) .numright, .about1 .rightbox .bot .numlist:nth-of-type(3) .numright, .about1 .rightbox .bot .numlist:nth-of-type(2) .numright{margin-left:8px}
    .about1 .rightbox .bot .numlist{margin-right:10vw}
    .about1 .rightbox .bot .numlist .unit{line-height:1;font-size:12px;margin-top:1px}
    .about1 .rightbox .bot .numlist .add{width:10px;height:10px}
    .about1 .rightbox .bot .numlist .text{margin-top:2px;font-size:12px}
    .about2list{width:100%}
    .about2list .swiper-slide img, .about2list .img img{width:100%}
    .about2list .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;padding:0 15px}
    .about2list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:26px;height:3px}
    .history{padding:50px 0 60px}
    .hislist .icon{width:36px;height:36px;background-size:18px 18px;margin:0 10px}
    .hislist .imgbox, .hislist .rightbox{width:calc((100% - 56px) / 2)}
    .hislist .imgbox .imglist{width:100%;margin-right:0;margin-bottom:10px}
    .hislist .imgbox .imglist:nth-last-of-type(1){margin-bottom:0}
    .hislist .rightbox .textbox .title{font-size:16px}
    .hislist .rightbox .textbox .year{font-size:14px;margin-top:6px}
    .hislist{margin-bottom:45px}
    .hislist.two .textbox{width:100%}
    .hislist .rightbox .imglist{width:100%;margin-top:15px}
    .hisbox{margin-top:30px;padding-bottom:50px}
    .hismorebox .icon{width:38px;height:38px;background-size:100% 100%}
    .hismorebox .text{margin-top:6px}
    .about2list .player{width:40px;height:40px;right:25%;margin-top:-20px}
    .culture2{width:100%;height:350px;background-attachment:initial}
    .culture2 .textbox{width:100%;margin-left:0;left:0;top:20%}
    .culture1{padding:45px 0}
    .culture2 .textbox .cntitle, .culture4list .cntitle, .culture5 .textbox .cntitle, .pagepublic .cntitle, .culture3 .cntitle{font-size:24px}
    .culture2 .textbox .entitle{margin:4px 0 10px}
    .culture2 .textbox .line, .culture4list .line{width:20px;height:2px}
    .culture2 .textbox .text{font-size:18px;margin-top:20px}
    .culture3{padding:45px 0 60px}
    .culture3 .entitle{margin:6px 0 8px}
    .culture3 .title{font-size:20px;margin:20px 0 10px}
    .culture3 .text{font-size:18px}
    .culture4{padding:50px 0}
    .culture4list{margin-bottom:25px}
    .culture4list .pcimg{display:none}
    .culture4list .textbox, .culture4list:nth-of-type(2n) .textbox{width:100%;padding:35px 20px}
    .culture4list .wapimg{width:100%;display:block}
    .culture4list .wapimg img, .culture4list .img img{width:100%}
    .culture4list .entitle{margin:4px 0 10px}
    .culture4list .text{margin-top:15px;line-height:1.6}
    .culture5{height:350px}
    .culture5 .textbox{width:100%;padding:0 15px;margin-left:0;left:0;margin-top:-94px}
    .culture5 .textbox .entitle{margin:6px 0 13px}
    .culture5 .textbox .title{font-size:16px}
    .culture5 .textbox .text{line-height:1.6;margin-top:15px}
    .news{padding:50px 0 65px}
    .newsitems{margin-top:30px}
    .newsitem{width:100%;margin-right:0;margin-bottom:20px}
    .newsitem .img img{width:100%}
    .newsitem .textbox{padding:30px 20px}
    .newsitem .textbox .title{font-size:16px;line-height:1.6;height:50px}
    .newsitem .textbox .text{line-height:1.6;height:42px;margin-top:8px}
    .newsitem .textbox .date{line-height:26px}
    .newsitem .textbox .more{width:26px;height:26px;background-size:100% 100%}
    .newsitem .textbox .bot{margin-top:20px}
    .newsdetail{padding-top:50px}
    .newsdetail .leftbox{width:100%;margin-right:0}
    .newsdetail .top .title{font-size:24px}
    .newsdetail .top .date{margin-top:15px}
    .newsdetail .top{padding-bottom:20px}
    .ndrec{width:100%;padding-top:0}
    .ndrecbox{margin-top:0;padding:40px 14vw}
    .ndrecitems{margin-top:25px}
    .ndreccen .title{font-size:16px}
    .ndreccen .entitle{font-size:14px;margin:0 0 8px}
    .ndreccen .read{line-height:20px}
    .ndrecitem .img img{width:100%}
    .ndbotleft{margin-top:0;width:100%;margin-bottom:45px}
    .ndbotright{width:100%;margin-left:0;padding-bottom:45px}
    .newsdetail .ndbot{margin-top:0}
    .ndbotleft .shareitem{width:50%;float:left;padding:10px 0 10px 15px}
    .ndbotleft .shareitem:nth-last-of-type(2){border-bottom:none}
    .ndbotleft .shareitems{padding-bottom:0}
    .ndbotleft .shareitem .icon{width:30px;height:30px}
    .ndbotleft .shareitem .text{line-height:30px}
    .ndcontent{padding-bottom:40px}
    .ndpager{padding:0 10px}
    .chairmessleft{width:100%;margin-top:0}
    .chairmess{margin-top:40px}
    .chairmessleft{padding-bottom:30px;border-bottom:1px solid #ddd}
    .chairmessleft .img{text-align:center}
    .chairmessleft .img img{display:inline-block}
    .chairmessright{width:100%;margin-top:35px;margin-left:0}
    .chairmessleft .title{margin-top:25px;font-size:26px}
    .chairmessleft .text{font-size:15px;margin-top:4px}
}

@media (max-width:370px){
    .about1 .rightbox .bot{padding:30px 0 30px 15px}
    .about1 .rightbox .bot .numlist .numUp{font-size:24px;line-height:1.4}
    .about1 .rightbox .bot .numlist{margin-right:6vw}
   
}

.caseitems{margin-top:74px}
.caseitem{width:46.74%;margin-right:6.52%;margin-bottom:90px;display:block;position:relative;background-color:#f6f6f6;overflow:hidden}
.caseitem:nth-of-type(2n){margin-right:0}
.caseitem:before{content:"";width:100%;height:3px;background-color:#93029d;position:absolute;bottom:-3px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.caseitem .textbox{padding:38px 76px 48px 50px;position:relative}
.caseitem .titlebox{padding-right:90px}
.caseitem .titlebox .title{color:#393435;font-size:22px;font-weight:bold;line-height:1.364;height:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.caseitem .text{color:#999;margin-top:15px;line-height:1.857;height:74px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.caseitem .bot{margin-top:26px}
.caseitem .date{color:#cacbcd;font-weight:bold;font-family:Arial}
.caseitem .textbox .more{width:34px;height:34px;position:absolute;top:38px;right:76px;background-image:url(../img/nmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.caseitem:hover{background-color:#fff;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.14)}
.caseitem:hover:before{bottom:0}
.caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.caseitem:hover .titlebox .title{color:#5a0060}
.caseitem:hover .textbox .more{top:210px;background-image:url(../img/nmore_cur.png)}
.casemore{width:162px;height:48px;border:2px solid #d8d8d8;margin:0 auto;cursor:pointer;color:#5a0060;padding-left:32px;line-height:44px;background-image:url(../img/casemore.png);background-repeat:no-repeat;background-position:right 33px center}
.caseitems{margin-top:35px}
.casevideo1{padding:64px 0 60px}
.casevideotopslide .swiper-slide{height:auto}
.casevideotopslide .swiper-slide iframe{width:100%;height:100%}
.casevideotopslide .swiper-slide video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;object-position:center center}
.casevideotopslide .swiper-slide .player{width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:3;cursor:pointer}
.casevideotopslide .swiper-slide .player:after{content:"";width:70px;height:70px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px;background-image:url(../img/cvplayer_yuan.png);background-repeat:no-repeat;background-position:center center}
.casevideotopslide .swiper-slide.cur video{z-index:3;visibility:visible;opacity:1}
.casevideotopslide .swiper-slide.cur .img,
.casevideotopslide .swiper-slide.cur .player{z-index:-1;visibility:hidden;opacity:0}
.casevideotopslide .swiper-slide .player:hover:after{animation:xuanzhuan 1s linear 0s infinite normal;-webkit-animation:xuanzhuan 1s linear 0s infinite normal;-moz-animation:xuanzhuan 1s linear 0s infinite normal}
.casevideobot{padding:0 96px 82px 0;position:relative}
.casevideobot .swiper-button-next,
.casevideobot .swiper-button-prev{width:49px;height:49px;position:absolute;right:0;margin-top:0;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:1}
.casevideobot .swiper-button-next{background-image:url(../img/cvright.png);top:140px}
.casevideobot .swiper-button-prev{background-image:url(../img/cvleft.png);top:47px;left:auto}
.casevideobot .swiper-button-next:hover{background-image:url(../img/cvright_cur.png)}
.casevideobot .swiper-button-prev:hover{background-image:url(../img/cvleft_cur.png)}
.casevideobot .title{margin-top:22px;padding:0 16px;color:#a6a6a6;font-size:16px}
.casevideobot .swiper-slide{cursor:pointer;padding-top:48px}
.casevideobot .swiper-slide:after{content:"";width:14px;height:9px;position:absolute;top:50px;left:50%;opacity:0;margin-left:-7px;background-image:url(../img/cvtop.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.casevideobot .swiper-slide.cur:after{top:20px;opacity:1}
.casevideobot .swiper-slide.cur .title,
.casevideobot .swiper-slide:hover .title{color:#5a0060}
.casevideobot .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@keyframes xuanzhuan{
from {transform:rotate(0deg)}
to {transform:rotate(360deg)}
}
@-moz-keyframes xuanzhuan{
from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-webkit-keyframes xuanzhuan{
from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}

@media (max-width:1024px){
    .caseitem{width:100%;margin-right:0;margin-bottom:25px}
    .caseitem .textbox{padding:30px 20px}
    .caseitem .textbox .more{right:20px}
    .caseitem .titlebox .title{font-size:18px;height:50px}
    .caseitem .titlebox{padding-right:54px}
    .caseitem .text{margin-top:10px;line-height:1.6;height:66px}
    .caseitem .bot{margin-top:15px}
    .casemore{width:122px;padding-left:20px;background-position:right 20px center}
    .casevideo1{padding:35px 0}
    .casevideotopslide .swiper-slide .player{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
    .casevideotopslide .swiper-slide .player:after{width:50px;height:50px;margin-top:-25px;margin-left:-25px;background-size:100% 100%}
    .casevideobot .title{padding:0 5px;font-size:14px;margin-top:10px}
    .casevideobot{padding:0 66px 50px 0}
    .casevideobot .swiper-button-next, .casevideobot .swiper-button-prev{width:38px;height:38px}
    .casevideobot .swiper-button-next{top:95px}
}

.cloudzoom-lens{cursor:crosshair;z-index:10;background-image:url(../img/prodseebg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;background-color:#fff;z-index:10}
.cloudzoom-zoom-inside{border:none;box-shadow:none}
.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:bold;padding:10px;font-family:sans-serif;font-size:11px}
.cloudzoom-blank{background-image:url(../img/blank.png)}
.cloudzoom-ajax-loader{background-image:url(ajax-loader.gif);width:32px;height:32px}
.protop{padding-top:58px}
.pronav{margin-top:30px;margin-bottom:82px;text-align:center}
.pronavlist{width:168px;height:54px;background-color:#dedede;display:inline-block;margin:0 4px 20px;text-align:center;line-height:54px;color:#565656}
.pronavlist.cur, .pronavlist:hover{background-color:#5a0060;color:#fff}
.proitem{width:calc((100% - 8px) / 3);height:687px;margin-right:4px;padding:80px 15px 40px;margin-bottom:14px;overflow:hidden;display:block;background-image:url(../img/probg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proitem:nth-of-type(3n){margin-right:0}
.proitem .type{color:#5a0060;font-size:24px;font-family:Arial;text-align:center}
.proitem .title{font-size:26px;text-align:center;margin:20px 0 40px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem .img{text-align:center}
.proitem .img img{display:inline-block}
.proitem .more{position:absolute;bottom:-46px;left:50%;border-radius:46px;margin-left:-23px;z-index:3;opacity:0;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.proitem .more img{width:46px;height:46px;margin:0 auto}
.proitem:hover{background-image:url(../img/probg_cur.jpg);padding:50px 15px 40px}
.proitem:hover .title{margin:20px 0 12px}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.proitem:hover .more{bottom:48px;opacity:1}
.pro{padding-bottom:106px}
.pro .pager{margin:86px auto 0}
.pro .wappager{margin-top:35px}
.honor{margin:65px 0 88px}
.honlist{width:23.4375%;margin-right:2.0833%;margin-bottom:30px}
.honlist:nth-of-type(4n){margin-right:0}
.honlist .box{background-color:#f7f7f7;position:relative;overflow:hidden}
.honlist .box:after{content:"";width:100%;height:100%;border:1px solid #72007a;position:absolute;top:0;left:0;opacity:0;box-sizing:border-box;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.honlist .img{height:391px;padding:24px 15px;text-align:center;line-height:351px;border:1px solid #ececec}
.honlist .img img{display:inline-block;vertical-align:middle;margin-bottom:4px}
.honlist .showtitle{color:#888;padding:26px 0;font-size:16px;text-align:center}
.honlist .hidebox{width:100%;height:315px;background-color:rgba(92,3,97,0.85);position:absolute;bottom:-315px;opacity:0;left:0;padding:45px 26px 15px}
.honlist .hidebox .icon{text-align:center}
.honlist .hidebox .icon img{display:inline-block}
.honlist .hidebox .title{color:#fff;font-size:18px;font-weight:bold;text-align:center;margin:30px 0 20px}
.honlist .hidebox .text{color:#fff;text-align:center;line-height:1.6}
.honlist:hover .box{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.15)}
.honlist:hover .box:after{opacity:1}
.honlist:hover .img{border:none}
.honlist:hover .hidebox{opacity:1;bottom:0}
.prod1{margin-top:44px;height:680px;background-image:url(../img/prodbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prod1 .leftimg{width:50%;height:680px;position:relative;background-image:url(../img/prodbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prod1 .leftimg .phone-display{width:560px;margin:40px auto;height:600px;position:relative;overflow:hidden}
.prod1 .leftimg .phone-display img{width:560px;max-width:initial}
.prod1 .leftimg .phone-display .wapimg{display:none}
.prod1 .leftimg .see{width:30px;height:30px;position:absolute;bottom:0;right:0;z-index:3}
.prod1 .rightbox{width:50%;height:680px;padding:65px 0 0 5.208vw}
.prod1 .rightbox .type{color:#5a0060;font-size:24px;font-family:Arial}
.prod1 .rightbox .prodsharelist{margin-right:30px}
.prod1 .rightbox .prodsharelist:nth-last-of-type(1){margin-right:0}
.prod1 .proname{font-size:26px;font-weight:bold;margin-top:15px;line-height:36px}
.prod1 .desccon{font-size:18px;color:#666;line-height:1.8;margin:15px 0 40px;max-height:192px;overflow-y:auto}
.prod1 .desccon::-webkit-scrollbar{width:5px}
.prod1 .desccon::-webkit-scrollbar-thumb{background-color:#5a0060}
.prod1 .desccon::-webkit-scrollbar-track{background-color:#e8c0ec}
.prod1 .advisory{width:180px;height:50px;display:block;text-align:center;border-radius:4px;background-image:url(../img/prodinqbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}

.prod1 .advisory:hover{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15)}
.prod2list .down{height:50px;border:1px solid #620d68;margin-right:15px;display:block;color:#620d68;font-size:12px;border-radius:4px;font-weight:bold;box-sizing:border-box;line-height:48px;padding:0 50px 0 15px;background-image:url(../img/prodedown.png);background-repeat:no-repeat;background-position:right 15px center}
.prod2list .down:hover{background-color:#620d68;color:#fff;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15);background-image:url(../img/prodedown_cur.png)}

.prod1 .advisory .icon{display:inline-block;line-height:50px}
.prod1 .advisory .icon img{display:inline-block;vertical-align:middle;margin-bottom:4px}
.prod1 .advisory .text{display:inline-block;color:#fff;font-weight:bold;line-height:50px;margin-left:10px}
.prod1 .rightbox .line{width:100%;height:1px;background-color:#ebebeb;margin:52px 0 138px}
.prodsmallslide{position:relative;padding:0 60px}
.prodsmallslide .img{border:1px solid #efefef}
.prodsmallslide .img img{opacity:0.2}
.prodsmallslide .swiper-slide .cloudzoom-gallery-active img{opacity:1}
.prodsmallslide .swiper-button-next,
.prodsmallslide .swiper-button-prev{width:26px;height:26px;background-size:100% 100%;opacity:1;margin-top:-23px}
.prodsmallslide .swiper-button-next{background-image:url(../img/prodr.png);right:0}
.prodsmallslide .swiper-button-prev{background-image:url(../img/prodl.png);left:0}
.prodsmallslide .swiper-button-next:hover{background-image:url(../img/prodr_cur.png)}
.prodsmallslide .swiper-button-prev:hover{background-image:url(../img/prodl_cur.png)}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{max-width:initial}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom{position:relative}
.prod2{margin-top:85px}
.prod2navlist{width:168px;height:54px;background-color:#dedede;color:#565656;cursor:pointer;font-weight:bold;text-align:center;line-height:54px;position:relative;z-index:3}
.prod2navlist.cur, .prod2navlist:hover{background-color:#620d68;color:#fff}
.prod2box{position:relative}
.prod2box:after{content:"";width:100%;height:1px;background-color:#bfbfbf;position:absolute;left:0;top:-1px}
.prod2list{display:none;padding:40px 0 90px}
.prod2list.cur{display:block}
.prod3{background-color:#fafafa;padding:90px 0 136px}
.prod3top .title{font-size:30px;font-weight:bold}
.prod3top .swiper-button-prev,
.prod3top .swiper-button-next{width:26px;height:26px;position:static;margin-top:0;opacity:1;background-size:100% 100%}
.prod3top .swiper-button-prev{background-image:url(../img/prodl.png);margin-right:50px}
.prod3top .swiper-button-next{background-image:url(../img/prodr.png)}
.prod3top .swiper-button-prev:hover{background-image:url(../img/prodl_cur.png)}
.prod3top .swiper-button-next:hover{background-image:url(../img/prodr_cur.png)}
.prod3bot{margin-top:96px}
.prod4{padding:84px 0 156px}
.prod4list{width:45.83%;margin-right:8.34%}
.prod4list:nth-of-type(2n){margin-right:0}
.prod4list .title{margin-bottom:78px;font-size:30px;font-weight:bold}
.prod4list .videobox{position:relative}
.prod4list .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0}
.prod4list .player{width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;z-index:3;cursor:pointer}
.prod4list.cur .player, .prod4list.cur .img{z-index:-1;visibility:hidden;opacity:0}
.prod4list.cur .video video{z-index:3;visibility:visible;opacity:1}
.prod4list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod1wapslide{display:none}
.prodlist{width:180px;height:50px;display:block;background-color:#fafafa;border-radius:5px;margin:0 auto 84px;line-height:50px;color:#999;font-weight:bold;padding-left:76px;background-image:url(../img/prodlist.png);background-repeat:no-repeat;background-position:left 46px center}

.downbox{margin-top:35px}
.downtop{background-color:#eee;padding:0 40px}
.downtoplist{height:70px;line-height:70px;font-size:16px}
.downW25{width:25%}
.downW15{width:15%}
.downW20{width:20%}
.downitem{padding:0 40px;background-color:#f6f6f6;border-bottom:1px solid #fff}
.downitem:hover{background-color:#fbfbfb;box-shadow:0px 4px 24px 0px rgba(0,0,0,0.06)}
.downitem:hover .list{color:#5a0060}
.downitem .list{padding:15px 10px 15px 0;display:block;line-height:28px;color:#666}
.downitem .list .icon{width:33px;height:29px;background-image:url(../img/downicon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}

.downsel{width:410px;position:relative;z-index:9;margin-top:60px}
.downseltop{width:410px;height:60px;cursor:pointer;padding:0 25px 0 50px;border:1px solid #ddd;line-height:58px;font-size:18px;background-image:url(../img/downicon2.png);background-repeat:no-repeat;background-position:left 20px center}
.downselitems{width:100%;height:auto;background-color:#fff;max-height:240px;overflow-y:auto;position:absolute;top:60px;left:0;z-index:-1;visibility:hidden;opacity:0;box-shadow:0px 5px 24px 0px rgba(0,0,0,0.08);}
.downselitem{height:48px;line-height:48px;padding:0 25px 0 50px;color:#666;cursor:pointer}
.downselitem:hover{color:#fff;background-color:#5a0060}
.downsel.cur .downselitems{z-index:9;visibility:visible;opacity:1}

@media (min-width:1024px){
    
}

@media (max-width:1367px){
    .proitem{height:650px}
    .pronavlist{margin:0 2px 15px}
}

@media (max-width:1024px){
    .pronav{margin:20px 0}
    .pronavlist{font-size:12px;width:auto;padding:0 10px;height:44px;line-height:44px;display:block;float:left;margin:0 10px 10px 0}
    .proitem{width:100%;margin-bottom:0;height:auto;padding:40px 15px 25px}
    .proitem .more img{width:36px;height:36px;margin:10px auto 0}
    .proitem .type{font-size:18px}
    .proitem .title{font-size:20px;height:28px;line-height:28px;margin:0px 0 8px}
    .proitem .img{padding:0 10vw}
    .pro{padding-bottom:50px}
    .pro .casemore{margin:46px auto 0}
    .honor{margin:30px 0 30px}
    .honlist{width:100%;margin-bottom:20px;margin-right:0}
    .honlist .img{height:auto;line-height:initial}
    .honlist .showtitle{display:none}
    .honlist .hidebox{position:static;height:auto;opacity:1;background-color:transparent;padding:20px 15px}
    .honlist .hidebox .title{font-size:16px;color:#333;margin:10px 0 6px}
    .honlist .hidebox .text{color:#666}
    .honlist .hidebox .icon{width:28px;height:28px;margin:0 auto;background-image:url(../img/honiconwap.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
    .honlist .hidebox .icon img{display:none}
    .prod1{margin-top:30px;background-image:none;height:auto}
    .prod1 .leftimg{width:100%;height:auto}
    .prod1 .leftimg .phone-display{width:100%;height:auto}
    .prod1 .leftimg .phone-display img{width:100%}
    .prod1 .rightbox{width:100%;padding:35px 0 0 0;height:auto}
    .prod1 .rightbox .type{font-size:18px}
    .prod1 .proname{font-size:22px;line-height:30px;height:auto;margin-top:5px;margin-bottom:8px}
    .prod1 .desccon{font-size:14px;line-height:1.6;margin:0 0 20px;max-height:none}
    .prod1 .rightbox .prodsharelist{margin-right:10px}
    .prod1 .advisory{width:128px;height:42px}
    .prod2{margin-top:40px}
    .prod2list .down{height:38px;line-height:36px;margin-bottom:15px;background-size:18px auto;padding:0 35px 0 15px;background-position:right 10px center}
    .prod1 .advisory .icon{line-height:42px}
    .prod1 .advisory .text{line-height:42px;margin-left:4px}
    .prod1 .rightbox .line{margin:35px 0 0}
    .prod1wapslide{width:100%;display:block;padding:0 35px;margin-top:15px}
    .prod1pcslide{display:none}
    .prod2navlist{width:122px;height:44px;line-height:44px}
    .prod2list{padding:35px 0}
    .prod3{padding:50px 0}
    .prod3top .title{font-size:22px}
    .prod3top .swiper-button-prev{margin-right:15px}
    .prod3bot{margin-top:35px}
    .prod4{padding:50px 0}
    .prod4list{width:100%;margin-right:0;margin-bottom:25px}
    .prod4list:nth-last-of-type(1){margin-bottom:0}
    .prod4list .title{font-size:20px;margin-bottom:15px}
    .prod4list .player{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
    .prodlist{width:132px;height:42px;line-height:42px;margin:0 auto 50px;padding-left:56px;background-position:left 26px center}
    .proitem .more{position:static;opacity:1;width:36px;margin:0 auto}
    .downbox{margin-top:30px}
    .downtop, .downitem{padding:0 10px}
    .downtoplist{font-size:12px;height:auto;padding:15px 0;line-height:18px}
    .downitem .list{font-size:12px;line-height:18px;padding:10px 5px 10px 0;word-break:break-all}
    .downitem .list .icon{width:20px;height:17px;margin:0 auto}
    .downW15{width:18%}
    .downW25{width:26%}
    .downtoplist:nth-last-of-type(1), .downitem a.list{width:10%}
    .downsel{width:100%}
    .downseltop{width:100%;padding:0 15px 0 40px;background-position:left 10px center;height:50px;line-height:48px;font-size:16px}
    .downselitems{top:50px;max-height:200px}
    .downselitem{height:40px;line-height:40px;padding:0 15px 0 40px}
    /* .downitem{padding:15px;margin-bottom:10px}
    .downitem .date{font-size:12px;line-height:24px}
    .downitem .title{margin:0 10px;width:calc(100% - 108px);height:auto;line-height:24px} */
    
}

@media (max-width:370px){
    .pronavlist{margin:0 0.5% 2px 0}
    .pronavlist:nth-of-type(3n){margin:0 0 2px 0}
}

.culture2.talent1{background-image:url(../img/taimg1.jpg);height:468px}
.talent2{padding:107px 0 200px}
.talent2list{margin-bottom:148px}
.talent2list:nth-last-of-type(1){margin-bottom:0}
.talent2list .img{width:50%}
.talent2list .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.talent2list .textbox{width:50%;padding:6px 68px 0 0}
.talent2list:nth-of-type(2n) .textbox{width:50%;padding:6px 0 0 62px}
.talent2list .cntitle{color:#5a0060;font-size:24px;font-weight:bold}
.talent2list .entitle{color:#767676;font-size:18px;font-family:Arial;margin:10px 0 70px}
.talent2list .title{color:#000;font-size:22px;line-height:1.364}
.talent2list .text{color:#8b9195;margin-top:30px}
.sales1{padding:58px 0 110px}
.sales1img{text-align:center}
.sales1img img{display:inline-block}
.sales2slide{background-color:#f4f4f4;height:80px}
.sales2slidebox{padding:0 60px;position:relative}
.sales2slidebox .swiper-slide{text-align:center}
.sales2slidebox .swiper-slide .name{display:inline-block;color:#6b6b6b;font-size:16px;line-height:80px;cursor:pointer}
.sales2slidebox .swiper-slide.swiper-slide-active .name{color:#000;font-weight:bold}
.sales2slidebox .swiper-button-next,
.sales2slidebox .swiper-button-prev{width:60px;height:60px;margin-top:-30px;background-size:100% 100%;opacity:1}
.sales2slidebox .swiper-button-next{background-image:url(../img/sar.png);right:0}
.sales2slidebox .swiper-button-prev{background-image:url(../img/sal.png);left:0}
.sales2slidebox .swiper-button-next:hover{background-image:url(../img/sar_cur.png)}
.sales2slidebox .swiper-button-prev:hover{background-image:url(../img/sal_cur.png)}
.sales2items{margin-top:55px;position:relative}
.sales2item{width:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.sales2item.cur{position:static;visibility:visible;opacity:1;z-index:2}
.sales2item .textbox{width:calc(100% - 909px);padding:80px 60px 0 80px;box-sizing:border-box}
.sales2item .textbox .title{color:#710079;font-size:36px;font-weight:bold}
.sales2item .textbox .name{color:#181818;font-size:18px;font-weight:bold;margin:10px 0 44px}
.sales2item .textbox .text{color:#666;line-height:2.571;margin-top:44px}
.sales2item .mapbox{width:909px;height:500px;overflow:hidden}
.sales2item .mapbox .mapimg{width:100%;height:100%}
.contact{padding:60px 0 134px;background-image:url(../img/conbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.contactbox{margin-top:48px}
.contactbox .textbox{width:50%}
.contactbox .mapbox{width:50%}
.contactbox .textbox .title{color:#5a0060;font-size:24px}
.contactbox .textbox .name{color:#181818;font-size:30px;margin:15px 0 76px}
.contactbox .textbox .conitem{margin-bottom:30px}
.contactbox .textbox .conitem:nth-last-of-type(1){margin-bottom:0}
.contactbox .conitem .icon{line-height:24px}
.contactbox .conitem .icon img{display:inline-block;vertical-align:middle}
.contactbox .conitem .conname{width:58px;text-align:justify;text-align-last:justify;margin:0 15px 0 35px;position:relative;color:#666;line-height:24px;font-weight:bold}
.contactbox .conitem .conname:after{content:"锛?;color:#666;font-weight:bold;font-size:16px;position:absolute;right:-14px;top:0;line-height:24px}
.contactbox .conitem .text{color:#666;line-height:24px}

@media (max-width:1440px){
    .sales2item .mapbox{width:700px}
    .sales2item .textbox{width:calc(100% - 700px);padding:50px 40px 0 130px}
}

@media (max-width:1280px){
    .sales2item .mapbox{width:600px}
    .sales2item .textbox{width:calc(100% - 600px);padding:50px 40px 0 116px}
}

@media (max-width:1024px){
    .culture2.talent1{height:350px}
    .talent2{padding:50px 0}
    .talent2list .img{width:100%}
    .talent2list .textbox, .talent2list:nth-of-type(2n) .textbox{width:100%;padding:10px 0 0 0}
    .talent2list .cntitle{font-size:18px}
    .talent2list .entitle{margin:3px 0 15px;font-size:14px}
    .talent2list .title{font-size:16px}
    .talent2list .text{margin-top:10px}
    .talent2list{margin-bottom:35px}
    .sales1{padding:50px 0 35px}
    .sales1img{margin-top:20px}
    .sales2slide{height:60px}
    .sales2slidebox .swiper-button-next, .sales2slidebox .swiper-button-prev{width:40px;height:40px;margin-top:-20px}
    .sales2slidebox{padding:0 40px}
    .sales2slidebox .swiper-slide .name{padding:20px 0;line-height:20px}
    .sales2slidebox .swiper-slide:nth-last-of-type(1),
    .sales2slidebox .swiper-slide:nth-last-of-type(2),
    .sales2slidebox .swiper-slide:nth-last-of-type(3),
    .sales2slidebox .swiper-slide:nth-last-of-type(4),
    .sales2slidebox .swiper-slide:nth-last-of-type(5),
    .sales2slidebox .swiper-slide:nth-last-of-type(6){display:none}
    .sales2item .textbox{width:100%;padding:0;margin-bottom:20px}
    .sales2items{margin-top:25px}
    .sales2item .textbox .title{font-size:20px}
    .sales2item .textbox .name{font-size:16px;margin:4px 0 15px}
    .sales2item .textbox .text{line-height:1.8;margin-top:10px}
    .sales2item .mapbox{width:100%;height:300px}
    .sales2slidebox .swiper-slide{width:auto;padding:0 15px}
    .contactbox .textbox{width:100%}
    .contactbox .mapbox{width:100%}
    .contact{padding:50px 0 65px}
    .contactbox{margin-top:30px}
    .contactbox .textbox .title{font-size:18px}
    .contactbox .textbox .name{font-size:22px;margin:6px 0 25px}
    .contactbox .textbox .conitem{margin-bottom:15px}
    .contactbox .conitem .conname{margin:0 15px}
    .contactbox .conitem .text{width:calc(100% - 112px)}
    .contactbox .mapbox{margin-top:35px}
}

.msgitems {background: #f4f4f4 url(../img/msg.jpg) no-repeat right top;padding: 54px 19.2% 120px 9.76%;margin-top: 58px;}
.msgitems .desc {font-size: 14px;color: #666;line-height: 30px;margin-bottom: 48px;}
.msgitems .form {margin-top: 35px;}
.msgitems .form img {display: inline-block;position: relative;top: 3px;position: relative;top: 3px;}
.msgitems .form .left {width: 41.8%;}
.msgitems .form .left .group {margin-bottom: 20px;}
.msgitems .form .left label {width: 132px;vertical-align: middle;float: left;}
.msgitems .form .left .text {height: 40px;line-height: 40px;padding: 20px;width:calc(100% - 132px);}
.msgitems .form .left .consel{width:calc(100% - 132px);position:relative;float:left}
.msgitems .form .left .conseltop{height:40px;padding:0 20px;border:1px solid #e2e2e2;border-radius:5px;background-color:#fff;cursor:pointer}
.msgitems .form .left .conseltop .name{line-height:38px;width:calc(100% - 29px);margin-right:15px}
.msgitems .form .left .conseltop .icon{height:38px;line-height:38px}
.msgitems .form .left .conseltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px;position:static}
.msgitems .form .left .conselitems{width:100%;position:absolute;top:70px;left:0;border:1px solid #e2e2e2;border-top:none;z-index:-1;visibility:hidden;opacity:0;max-height:148px;overflow-y:auto;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.08)}
.msgitems .form .left .conselitem{padding:0 20px;color:#666;height:34px;line-height:34px;border-bottom:1px solid #f6f6f6;cursor:pointer}
.msgitems .form .left .conselitem:hover{background-color:#5a0060;color:#fff}
.msgitems .form .left .consel.cur .conselitems{top:38px;z-index:10;visibility:visible;opacity:1}
.msgitems .form .left .consel.cur .conseltop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.msgitems .form .right {width: 48.58%;float: right;}
.msgitems .form .right label {display: block;margin-bottom: 25px;}
.msgitems .form .right .msg { width: 100%;padding: 20px;height: 165px;resize: none;font-family: 寰蒋闆呴粦;}
.msgitems .form .right .group {margin-bottom: 25px;}
.msgitems .form .right .btn {font-size: 0;}
.msgitems .form .right .btn .submit,
.msgitems .form .right .btn .reset {display: inline-block;width: 100px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #ccc;border-radius: 30px;background: #ccc;margin-right: 20px;}
.msgitems .form .right .btn .submit {color: #5a0060;border-color: #5a0060;background: transparent;}
.msgitems .form .right .btn .submit:hover,
.msgitems .form .right .btn .reset:hover {background: #343446;}
.msgitems .form .right .btn .submit:hover {background: #5a0060;color: #fff;}
.msgitems .form label {font-size: 14px;color: #5b5b5b;}
.msgitems .form label span {color: #f00;}
.msgitems .form label img {width: 20px;margin-right: 7px;}
.msgitems .form .text,
.msgitems .form .msg {border: 1px solid #e2e2e2;border-radius: 5px;font-size: 14px;color: #a9a9a9;}


@media (max-width:1440px){
    .msgitems {padding-left: 80px;padding-right: 120px;padding-bottom: 100px;}
}


@media (max-width:1366px){
    .msgitems {padding-left: 60px;padding-right: 100px;}
}

@media (max-width: 1024px) {
    .msgitems {padding: 0;margin-top: 30px;background: none}
    .msgitems .desc {line-height: 24px;margin-bottom: 15px;}
    .msgitems .form {margin-top: 20px;}
    .msgitems .form img {top: 2px;margin-right: 5px;}
    .msgitems .form .left {width: 100%;}
    .msgitems .form .left .group {margin-bottom: 15px;}
    .msgitems .form .left label {width: 100%;margin-bottom: 10px;}
    .msgitems .form .left .text {height: 40px;line-height: 40px;padding: 0 15px;width:100%;}
    .msgitems .form .right {width: 100%;}
    .msgitems .form .right label {margin-bottom: 10px;}
    .msgitems .form .right .msg { padding: 10px 15px;height: 130px;}
    .msgitems .form .right .group {margin-bottom: 15px;}
    .msgitems .form .right .btn {display: flex;justify-content: space-between;}
    .msgitems .form .right .btn .submit,
    .msgitems .form .right .btn .reset {width: 45%;height: 40px;line-height: 40px;margin-right: 0;}
}


/* 2020.09.30 璋冩暣 */
[data-imgslide] .swiper-container{z-index:23;width:100%;height:100%}
[data-imgslide] .close{position:absolute;top:20px;right:20px;z-index:24;cursor:pointer}
[data-imgslide] .swiper-button-next, [data-imgslide] .swiper-button-prev{width:40px;height:40px;background-size:100% 100%;margin-top:-30px;z-index:23}
[data-imgslide] .swiper-button-next{background-image:url(../img/sar.png)}
[data-imgslide] .swiper-button-prev{background-image:url(../img/sal.png)}