.m-ban{display:none}
.m-ban .img img{width:100%}
.indexban .textbox.one{position:absolute;top:21%;z-index:4;left:39.5833vw;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.indexban .one.cur{left:29.5833vw;opacity:1}
.indexban .textbox.one .title1{color:#cf0107;font-size:48px;font-weight:bold;line-height:1.1;font-family:Arial;padding-right:28px;background-image:url(../img/banicon.png);background-repeat:no-repeat;background-position:right center}
.indexban .textbox.one .title2{color:#3a302d;font-size:42px;line-height:1.1;font-family:Arial}
.indexban .textbox.one .entitle1{color:rgba(0,0,0,0.5);font-size:19px;font-family:Arial;margin-top:2.2916vw}
.indexban .textbox.one .entitle2{color:rgba(0,0,0,0.5);font-size:18px;font-family:Arial}
.indexban .textbox.one .line{width:50px;height:4px;background-color:#b60005;margin-top:2.6041vw}
.indexban .textbox.two{position:absolute;top:28%;left:25%;z-index:4;margin-left:-41.66665vw;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.indexban .two.cur{left:50%;opacity:1}
.indexban .textbox.two .title1{color:#b60005;font-size:56px;font-weight:bold;line-height:1.1;font-family:Arial;text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17)}
.indexban .textbox.two .title2{color:#fff;font-size:46px;margin-left:7.5vw;line-height:1.1;font-weight:bold;font-family:Arial;text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17)}
.indexban .textbox.two .entitle1,
.indexban .textbox.two .entitle2{color:#fff;font-size:20px;font-family:Arial;text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17);margin-left:7.5vw}
.indexban .textbox.two .entitle1{margin-top:12px}
.indexban .textbox.two .line{width:50px;height:4px;background-color:#b60005;margin-top:1.875vw;margin-left:7.5vw}
.indexban .swiper-slide{overflow:hidden}
.indexban .swiper-button-next,
.indexban .swiper-button-prev{width:8px;height:15px;top:auto;bottom:50px;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexban .swiper-button-next{background-image:url(../img/ban-r.png);right:auto;left:calc(50% + 65px);margin-left:-4px}
.indexban .swiper-button-prev{background-image:url(../img/ban-l.png);left:calc(50% - 65px);margin-left:-4px}
.indexban .numbox{position:absolute;bottom:42px;left:50%;z-index:4;margin-left:-35px}
.indexban .numbox .curnum{color:#fff;font-size:30px;font-family:Arial;font-weight:bold}
.indexban .numbox .l,
.indexban .numbox .pagenum{color:#fff;font-size:12px;font-family:Arial;margin-top:15px}
.indexban .numbox .l{margin:15px 10px 0}
.indexa{padding:124px 0 126px}
.indextop .entitle{color:#ccc;font-weight:bold;font-size:40px;font-family:Arial}
.indextop .cntitle{font-size:24px;margin-top:8px}
.indextop .more{width:158px;height:60px;border:1px solid #ccc;line-height:60px;display:block;text-align:center;font-weight:bold;font-family:Arial}
.indextop .more:hover{background-color:#b60005;color:#fff;border:1px solid #b60005}
.indexa .bot{margin-top:48px}
.indexa .bot .swiper-slide{width:48%;margin-right:4%}
.indexa .bot .swiper-slide:nth-of-type(3n){margin-right:0}
.indexa .bot .swiper-slide .img{position:relative}
.indexa .bot .swiper-slide .img:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:0.7;background-image:url(../img/iabg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexa .bot .swiper-slide .img img{width:100%}
.indexa .bot .swiper-slide .textbox{width:100%;position:absolute;bottom:40px;left:0;padding:0 50px 0 56px;z-index:2}
.indexa .bot .swiper-slide .textbox .cntitle{color:#fff;font-size:20px;font-weight:bold}
.indexa .bot .swiper-slide .textbox .entitle{color:#fff;font-size:14px;font-family:Arial;margin-top:3px}
.indexa .bot .swiper-slide .textbox .more{width:38px;height:38px;background-color:#fff;font-size:18px;font-weight:bold;color:#999;line-height:38px;border-radius:38px;text-align:center;margin-top:12px}
.indexa .bot .swiper-slide:hover .textbox .more{background-color:#c32d31;color:#fff}
.indexa .bot .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexa .bot .swiper-button-next,
.indexa .bot .swiper-button-prev{width:8px;height:15px;top:auto;bottom:0;opacity:1;display:none;margin-top:0}
.indexa .bot .numbox{position:absolute;bottom:-4px;left:50%;margin-left:-24px}
.indexa .bot .numbox .curnum{font-size:20px;font-weight:bold;font-family:Arial}
.indexa .bot .numbox .l,
.indexa .bot .numbox .pagenum{font-size:14px;color:#999;font-family:Arial}
.indexa .bot .numbox .l{margin:5px 5px 0}
.indexa .bot .numbox .pagenum{margin-top:5px}
.indexb{padding:118px 0;background-color:#f2f2f2}
.indexb .indexbright{width:calc(100% - 443px);margin-left:38px}
.indexb .imgbox{position:relative}
.indexb .imgbox:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexb .imgbox .textbox{position:absolute;top:62px;left:74px}
.indexb .imgbox .textbox .entitle{color:#fff;font-size:16px;font-weight:bold;font-family:Arial}
.indexb .imgbox .textbox .cntitle{color:#fff;font-size:24px;margin-top:10px}
.indexb .imgbox .textbox .line{width:33px;height:2px;background-color:#fff;margin:42px 0 82px}
.indexb .imgbox .textbox .more{width:158px;height:60px;border:1px solid #fff;line-height:60px;color:#fff;display:block;text-align:center;font-weight:bold;font-family:Arial}
.indexb .imgbox .textbox .more:hover{background-color:#b60005;color:#fff;border:1px solid #b60005}
.indexbright .slide{margin-bottom:30px}
.indexbright .swiper-slide a{background-color:#fff}
.indexbright .swiper-slide a .img{height:auto;overflow:hidden}
.indexbright .swiper-slide a .img img{width:563px}
.indexbright .swiper-slide a .textbox{width:calc(100% - 563px);padding:54px 54px 118px 74px}
.indexbright .swiper-slide a .textbox .date{color:#999}
.indexbright .swiper-slide a .textbox .title{font-size:18px;margin-top:14px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexbright .swiper-slide a .textbox .text{margin-top:36px;color:#666;line-height:2.143;max-height:86px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexbright .swiper-slide a .more,
.indexbright .indexbbot .list .more{width:35px;height:35px;border-radius:35px;background-color:#c32d31;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:35px;position:absolute;right:54px;bottom:42px}
.indexbright .swiper-slide a:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexbright .swiper-slide a:hover .textbox .title{color:#c32d31}
.indexbright .numbox{position:absolute;left:676px;bottom:37px;z-index:3}
.indexbright .numbox .curnum{font-size:30px;font-weight:bold;font-family:Arial}
.indexbright .numbox .l,
.indexbright .numbox .pagenum{font-size:12px;color:#999;font-family:Arial}
.indexbright .numbox .l{margin:16px 8px 0}
.indexbright .numbox .pagenum{margin-top:16px}
.indexbright .swiper-button-next,
.indexbright .swiper-button-prev{width:8px;height:15px;top:auto;bottom:46px;opacity:1;margin-top:0;background-size:100% 100%}
.indexbright .swiper-button-next{background-image:url(../img/indexa-r.png);left:772px}
.indexbright .swiper-button-next:hover{background-image:url(../img/indexa-rcur.png)}
.indexbright .swiper-button-prev{background-image:url(../img/indexa-l.png);left:638px}
.indexbright .swiper-button-prev:hover{background-image:url(../img/indexa-lcur.png)}
.indexbright .indexbbot .list{width:48.5%;margin-right:3%;background-color:#fff;padding:50px 60px 44px 66px;display:block}
.indexbright .indexbbot .list:nth-of-type(2n){margin-right:0}
.indexbright .indexbbot .list .title{font-size:18px;line-height:1.667;height:58px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexbright .indexbbot .list .text{color:#666;margin-top:14px;line-height:2.143;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexbright .indexbbot .list .bot{margin-top:20px}
.indexbright .indexbbot .list .date{color:#999;line-height:35px}
.indexbright .indexbbot .list .more{position:static}
.indexbright .indexbbot .list:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);box-shadow:0px 4px 22px rgba(0,0,0,0.04)}
.indexbright .indexbbot .list:hover .title{color:#ad011a}
.indexc{padding:82px 0 60px}
.indexc .bot{margin-top:32px;padding:0 62px;position:relative}
.indexc .bot .swiper-button-next,
.indexc .bot .swiper-button-prev{width:35px;height:35px;background-size:100% 100%;margin-top:-18px}
.indexc .bot .swiper-button-next{background-image:url(../img/sty-r.png)}
.indexc .bot .swiper-button-prev{background-image:url(../img/sty-l.png)}
.indexc .bot .swiper-button-next:hover{background-image:url(../img/sty-rcur.png)}
.indexc .bot .swiper-button-prev:hover{background-image:url(../img/sty-lcur.png)}
.indexc .bot .swiper-slide .img{height:64px;line-height:64px;text-align:center}
.indexc .bot .swiper-slide .img img{max-width:80%;display:initial;vertical-align:middle}
.indexbright .swiper-slide{width:100% !important}

@media (max-width:1580px){ 
    .indexban .textbox.two{margin-left:-42.66665vw}
    .indexban .one.cur{left:26.5833vw}
    .indexban .textbox.one .title1{font-size:58px;background-size:auto 100%}
    .indexban .textbox.one .title2{font-size:52px}
    .indexban .textbox.one .entitle1,
    .indexban .textbox.one .entitle2{font-size:16px}
    .indexban .textbox.two .title1{font-size:66px}
    .indexban .textbox.two .title2{font-size:56px}
    .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:20px}
    .indexbright .swiper-slide a .img{width:463px}
    .indexbright .swiper-slide a .textbox{width:calc(100% - 463px);padding:30px 30px 98px 50px}
    .indexbright .swiper-slide a .textbox .text{margin-top:20px}
    .indexbright .swiper-slide a .textbox .title{margin-top:10px}
    .indexbright .indexbbot .list{padding:30px 45px}
    .indexbright .numbox{left:546px}
    .indexbright .swiper-button-prev{left:524px}
    .indexbright .swiper-button-next{left:632px}
    .indexb .imgbox{width:345px}
    .indexb .indexbright{width:calc(100% - 383px)}
}
@media (max-width:1440px){ 
    .indexban .textbox.two{margin-left:-43.66665vw}
    .indexban .textbox.one .title1{font-size:30px}
    .indexban .textbox.one .title2{font-size:26px}
    .indexban .textbox.two .title1{font-size:40px}
    .indexban .textbox.two .title2{font-size:30px}
    .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:18px}
    .indexb .imgbox{width:305px}
    .indexbright .swiper-slide a .img{width:363px}
    .indexbright .swiper-slide a .textbox{width:calc(100% - 363px);padding:30px 30px 64px 50px}
    .indexbright .swiper-slide a .textbox .text{margin-top:10px;line-height:1.8;max-height:75px}
    .indexbright .swiper-slide a .textbox .title{margin-top:4px}
    .indexbright .indexbbot .list{padding:30px 45px}
    .indexbright .numbox{left:446px;bottom:20px}
    .indexbright .swiper-button-prev{left:424px;bottom:29px}
    .indexbright .swiper-button-next{left:532px;bottom:29px}
    .indexbright .swiper-slide a .more{bottom:20px;right:30px}
    .indexbright .indexbbot .list{padding:29px 35px}
}
@media (max-width:1366px){ 
    .indexban .textbox.two{margin-left:-44.66665vw}
}
@media (max-width:1280px){ 
    .indexban .textbox.two{margin-left:-46.66665vw}
}
@media (max-width:993px){
    .indexbanner{display:none}
    .m-ban{display:block}
    .indexban .textbox.one{top:14%}
    .indexban .numbox .curnum{font-size:24px}
    .indexban .numbox .l{margin:10px 10px 0}
    .indexban .numbox .pagenum{margin-top:10px}
    .indexban .textbox.two{top:18%}
    .indexban .textbox.one .title1,
    .indexban .textbox.two .title1{font-size:16px;}
    .indexban .textbox.one .title2,
    .indexban .textbox.two .title2{font-size:14px}
    .indexban .textbox.one .entitle1, .indexban .textbox.one .entitle2{font-size:12px}
    .indexban .textbox.one{left:5vw}
    .indexban .one.cur{left:22vw}
    .indexban .textbox.two{margin-left:0}
    .indexban .two.cur{left:0;padding:0 15px}
    .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:12px}
    .indexban .numbox{bottom:10px}
    .indexban .swiper-button-next, .indexban .swiper-button-prev{bottom:18px}
    .indexa, .indexb, .indexc{padding:40px 0}
    .indextop .entitle{font-size:24px}
    .indextop .cntitle{font-size:18px;margin-top:3px}
    .indextop .more{width:108px;height:42px;line-height:42px;margin-top:10px}
    .indexa .bot .swiper-slide .textbox{padding:0 10px;bottom:15px}
    .indexa .bot .swiper-container{padding-bottom:40px}
    .indexa .bot{margin-top:25px}
    .indexa .bot .swiper-slide .textbox .cntitle{font-size:16px}
    .indexa .bot .swiper-slide .textbox .more{width:28px;height:28px;line-height:28px;font-size:16px}
    .indexa .bot .swiper-button-next, .indexa .bot .swiper-button-prev{display:block;background-size:100% 100%}
    .indexa .bot .swiper-button-next{background-image:url(../img/indexa-r.png);left:calc(50% + 42px)}
    .indexa .bot .swiper-button-next.cur{background-image:url(../img/indexa-rcur.png)}
    .indexa .bot .swiper-button-prev{background-image:url(../img/indexa-l.png);left:calc(50% - 42px)}
    .indexa .bot .swiper-button-prev.cur{background-image:url(../img/indexa-lcur.png)}
    .indexa .bot .swiper-slide .textbox .entitle{font-size:14px}
    .indexb .imgbox{display:none}
    .indexb .indexbright{width:100%;margin-left:0}
    .indexbright .swiper-slide a .img,
    .indexbright .swiper-slide a .img img{width:100%}
    .indexbright .swiper-slide a .img{height:auto;overflow:hidden}
    .indexbright .swiper-slide a .textbox{width:100%;padding:15px 20px 60px}
    .indexbright .swiper-slide a .textbox .text{height:52px;max-height:inherit;margin-top:6px}
    .indexbright .swiper-slide a .more, .indexbright .indexbbot .list .more{width:28px;height:28px;line-height:28px;font-size:16px}
    .indexbright .swiper-button-prev{left:20px}
    .indexbright .numbox{left:48px;bottom:25px}
    .indexbright .swiper-button-next{left:116px}
    .indexbright .numbox .curnum{font-size:20px}
    .indexbright .numbox .l{margin:7px 4px 0}
    .indexbright .numbox .pagenum{margin-top:7px}
    .indexbright .indexbbot .list{width:100%;margin-right:0;margin-bottom:20px;padding:20px}
    .indexbright .indexbbot .list:nth-last-of-type(1){margin-bottom:0}
    .indexbright .slide{margin-bottom:20px}
    .indexbright .indexbbot .list .title{font-size:16px;height:24px}
    .indexbright .indexbbot .list .text{line-height:1.8;margin-top:6px}
    .indexbright .indexbbot .list .bot{margin-top:10px}
    .indexbright .indexbbot .list .date{line-height:28px}
    .indexc .bot{margin-top:15px;padding:0 40px}
    .indexc .bot .swiper-button-next{right:0}
    .indexc .bot .swiper-button-next, .indexc .bot .swiper-button-prev{width:28px;height:28px;margin-top:-14px}
    .indexc .bot .swiper-button-prev{left:0}
}

/* 关于松兴 */
.about{padding:80px 0 92px}
.pagetitlebox .cntitle{color:#ad011a;font-size:24px;font-weight:bold;font-family:Arial}
.pagetitlebox .entitle{font-size:24px;font-weight:bold;margin-top:4px}
.pagetopnav{margin-top:30px}
.pagetopnav .list,
.pagetopnav .list img{display:inline-block}
.pagetopnav .list{margin-right:2px;color:#666}
.pagetopnav .list img{vertical-align:middle;margin-bottom:2px}
.pagetopnav .list.cur{color:#ad011a;font-weight:bold}
.aboutbox{margin-top:40px}
.aboutcenbox, .architbox{margin-top:48px}
.aboutcenbox .imglist{position:relative}
.aboutcenbox .imglist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.aboutcennumbox{position:absolute;bottom:82px;right:38px}
.aboutcennumbox .numUp{color:#fff;font-size:38px;font-family:Arial;line-height:1}
.aboutcennumbox .unit{color:#fff;margin-top:14px;font-size:12px}
.aboutcennumbox .text{color:#fff;margin-top:10px}
.aboutcenbox .textboxlist{width:calc(100% - 727px);background-color:#ad011a;padding:78px 0 0 46px}
.aboutcenbox .textboxlist .bot{margin-top:100px}
.aboutcenbox .textboxlist .aboutcennumbox{position:static}
.aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:15px}
.aboutvideo{position:relative;margin-top:79px}
.aboutvideo video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0}
.aboutvideo.cur video{z-index:9;opacity:1}
.aboutvideo.cur .img,
.aboutvideo.cur .textbox{z-index:-1;opacity:0}
.aboutvideo .textbox{width:100%;position:absolute;top:50%;left:0;margin-top:-105px}
.aboutvideo .textbox .entitle{color:#fff;font-size:24px;font-weight:bold;font-family:Arial;letter-spacing:6px;text-align:center}
.aboutvideo .textbox .cntitle{color:#fff;font-size:24px;font-weight:bold;margin-top:30px;text-align:center}
.aboutvideo .textbox .player{width:84px;height:84px;margin:38px auto 0;cursor:pointer}
.aboutvideo:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.archit{padding:80px 0 85px}
.historylist{padding-bottom:62px;position:relative;z-index:3}
.historylist .year{font-family:Arial;font-size:28px;font-family:'got';color:#535353;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.historylist .yuan{width:14px;height:14px;border:2px solid #535353;background-color:#fff;border-radius:10px;margin:10px 20px 0 26px;position:relative;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}
.historylist .yuan:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#ad011a;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px;opacity:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.historylist .hisrightbox{width:calc(100% - 130px)}
.historylist .img{width:300px}
.historylist .textbox{width:calc(100% - 300px);padding-left:30px}
.historylist .textbox .name{font-weight:bold;font-size:16px;margin-bottom:10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.historylist .textbox .text{color:#666;line-height:30px}
.history{margin-top:80px;position:relative}
.history:after{content:"";width:1px;height:100%;background-color:#eaeaea;position:absolute;top:8px;left:95px}
.historylist:hover .year,
.historylist:hover .textbox .name{color:#ad011a}
.historylist:hover .yuan{border-color:#ad011a}
.historylist:hover .yuan:after{opacity:1}


/* .history{padding-top:48px;margin-top:38px;border-top:1px solid #eee}
.history .swiper-slide{font-size:22px;text-align:center;line-height:48px;font-weight:bold;cursor:pointer}
.history .swiper-slide.cur{color:#ad011a}
.history .swiper-slide.cur:after{content:"";width:64px;height:2px;background-color:#b60005;position:absolute;bottom:0;left:50%;margin-left:-32px}
.historycon{margin-top:75px;padding-bottom:85px}
.historycon .list{display:none;position:relative;padding-left:464px}
.historycon .list.cur{display:block}
.historycon .list:before{content:attr(data-year);line-height:0.68;font-size:506px;font-weight:bold;color:rgba(204,204,204,0.17);position:absolute;top:-24px;left:-28px;z-index:-1}
.historycon .list .img{position:absolute;top:0;left:34px;z-index:1}
.historycon .list .textbox{position:relative;z-index:2;min-height:302px}
.historycon .list .textbox .year{font-size:36px;display:inline-block;font-weight:bold;padding-left:110px;line-height:72px;border-bottom:2px solid #1b1b1b}
.historycon .list .textbox .text{padding-left:110px;margin-top:28px}
.historycon .list .textbox .text .item{margin-bottom:30px}
.historycon .list .textbox .text .item:nth-last-of-type(1){margin-bottom:0}
.historycon .list .textbox .text .date{margin-bottom:8px;font-size:20px}
.historycon .list .textbox .text .t{color:#999;font-size:18px}
.historycon .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} */
.honor{padding-top:44px;margin-top:38px;border-top:1px solid #eee}
.styleb{padding-top:70px;margin-top:40px;border-top:1px solid #eee}
.styleb .stylebox{position:relative}
.honitem{width:32%;margin-right:2%;margin-bottom:30px;background-color:#f5f5f5;padding:32px 26px 32px 29px}
.honitem:nth-of-type(3n){margin-right:0}
.honitem .img{height:232px;line-height:232px;text-align:center}
.honitem .img img{max-width:100%;max-height:100%;display:initial;vertical-align:middle}
.honitem .title{color:#666;margin-top:30px;text-align:center}
.honormore{margin-top:20px;;height:48px;line-height:48px;color:#999;text-align:center;cursor:pointer}
.honormore .img{display:inline-block}
.honormore img{display:initial;vertical-align:middle;margin-bottom:2px}
.honormore .text{line-height:48px;color:#999;margin-left:14px;display:inline-block}
.honormore.cur{cursor:not-allowed}
.honormore.cur .img{animation:xuanzhuan 0.6s linear 0s infinite normal none;-webkit-animation:xuanzhuan 0.6s linear 0s infinite normal none;-moz-animation:xuanzhuan 0.6s linear 0s infinite normal none}
.culturebox{margin-top:46px}
.cultureitem .img,
.cultureitem .pcimg{width:50%}
.cultureitem .wapimg{display:none}
.cultureitem .textbox{width:50%;padding-left:6.5625vw;background-color:#efefef;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.cultureitem .textbox2{margin-left:18px}
.cultureitem .textbox2 .cntitle{color:#b60005;font-size:24px}
.cultureitem .textbox2 .entitle{color:#666;font-size:22px;font-family:Arial;margin-top:5px}
.cultureitem .textbox2 .line{width:16px;height:2px;background-color:#001d38;margin:30px 0 26px}
.cultureitem .textbox2 .text{font-size:24px}
.cultureitem:hover .img img,
.cultureitem:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.stylebox .title{text-align:center;color:#666;font-weight:bold;margin-top:16px}
.stylebox .swiper-button-next,
.stylebox .swiper-button-prev,
.probot .bot .swiper-button-next,
.probot .bot .swiper-button-prev{width:34px;height:35px;margin-top:-17px;background-size:100% 100%;opacity:1}
.stylebox .swiper-button-next,
.probot .bot .swiper-button-next{background-image:url(../img/sty-r.png)}
.stylebox .swiper-button-prev,
.probot .bot .swiper-button-prev{background-image:url(../img/sty-l.png)}
.stylebox .swiper-button-next:hover,
.probot .bot .swiper-button-next:hover{background-image:url(../img/sty-rcur.png)}
.stylebox .swiper-button-prev:hover,
.probot .bot .swiper-button-prev:hover{background-image:url(../img/sty-lcur.png)}
.stylebox .swiper-slide{width:582px}
.stylebox .swiper-slide img{width:100%}
.stylebox .swiper-slide .title{transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4)}
.stylebox .swiper-slide.swiper-slide-active .title{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.coreuserlist{width:20%;margin-bottom:46px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center}
.coreuser{margin-top:26px}

@keyframes xuanzhuan{
	from {transform:rotateZ(0deg)}
	to {transform:rotateZ(360deg)}
}

@-webkit-keyframes xuanzhuan{
	from {-webkit-transform:rotateZ(0deg)}
	to {-webkit-transform:rotateZ(360deg)}
}

@-moz-keyframes xuanzhuan{
	from {-moz-transform:rotateZ(0deg)}
	to {-moz-transform:rotateZ(360deg)}
}

@media (max-width:1440px){
    
}

@media (max-width:1280px){
    .aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:40px}
    .aboutcennumbox .numUp{font-size:28px}
    .aboutcennumbox .unit{margin-top:9px}
    .aboutcenbox .textboxlist{padding:78px 0 0 25px}
    .aboutcenbox .textboxlist .bot{margin-top:110px}
    .historycon .list:before{font-size:39.2vw}
}

@media (max-width:1150px){
    .aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:20px}
    /* .aboutcennumbox .numUp{font-size:40px}
    .aboutcennumbox .unit{margin-top:24px} */
    .aboutcenbox .imglist{width:607px}
    .aboutcenbox .textboxlist{width:calc(100% - 607px);padding:48px 0 0 30px}
    .aboutcenbox .textboxlist .bot{margin-top:60px}
    .historycon .list .img{width:395px}
    .historycon .list{padding-left:364px}
}

@media (max-width:993px){
    .about, .archit{padding:40px 0}
    .archit img{width:100% !important;height:auto !important}
    .pagetopnav{display:none}
    .pagetitlebox .cntitle,
    .pagetitlebox .entitle{font-size:20px}
    .aboutbox{margin-top:25px}
    .aboutcenbox, .architbox, .culturebox{margin-top:30px}
    .aboutcennumbox{bottom:8%}
    .aboutcennumbox .numUp{font-size:30px}
    .aboutcennumbox .unit{margin-top:10px}
    .aboutcenbox .textboxlist{width:100%;padding:30px 15px}
    .aboutcenbox .textboxlist img{width:199px}
    .aboutcennumbox .text{margin-top:3px}
    .aboutcenbox .textboxlist .bot,.aboutvideo{margin-top:35px}
    .aboutcennumbox{left:15px;right:auto}
    .aboutvideo .textbox{margin-top:-57px}
    .aboutvideo .textbox .entitle{font-size:18px}
    .aboutvideo .textbox .cntitle{font-size:18px;margin-top:8px}
    .aboutvideo .textbox .player{width:46px;height:46px;margin:15px auto 0}
    .historycon .list .img{width:100%;position:static}
    .historycon .list .textbox{width:100%}
    .historycon .list .textbox .text .date{font-size:18px}
    .historycon .list .textbox .text .t{color:#999;font-size:16px}
    .historycon .list{padding-left:0}
    /* .history, */
    .honor{margin-top:30px;padding-top:30px}
    .history{margin-top:30px}
    .historylist .year{font-size:22px}
    .historylist .yuan{margin:8px 10px 0 15px}
    .history:after{left:86px}
    .historylist .img{width:100%}
    .historylist .hisrightbox{width:calc(100% - 91px)}
    .historylist .textbox{width:100%;padding-left:0;margin-top:20px}
    .historylist{padding-bottom:35px}
    .historylist .textbox .text{line-height:24px}
    .historycon{margin-top:35px;padding-bottom:0}
    .historycon .list:before{top:auto;bottom:5%;left:0}
    .historycon .list .textbox .year{padding-left:0;font-size:26px;padding-right:50px;line-height:46px}
    .historycon .list .textbox .text{padding-left:0}
    .honitem{width:100%;margin-right:0;margin-bottom:20px;padding:20px}
    .honitem img{max-width:100%}
    .honormore{background-color:#f6f6f6}
    .cultureitem .wapimg{width:100%;display:block}
    .cultureitem .pcimg{display:none}
    .cultureitem .img, .cultureitem .img img, .cultureitem .wapimg img{width:100%}
    .cultureitem .textbox{width:100%;padding:35px 20px}
    .cultureitem .textbox .icon img{width:28px}
    .cultureitem .textbox2{width:calc(100% - 38px);margin-left:10px}
    .cultureitem .textbox2 .cntitle{font-size:20px;line-height:1}
    .cultureitem .textbox2 .entitle{font-size:16px}
    .cultureitem .textbox2 .line{margin:15px 0}
    .cultureitem .textbox2 .text{font-size:14px}
    .styleb{padding-top:30px;margin-top:30px}
    .stylebox .swiper-slide{width:100%}
    .coreuserlist{width:50%;margin-bottom:20px;padding:0 10px}
}

/* 松兴快讯 */
.newsitems{margin-top:38px;border-top:1px solid #eee}
.newsitem{display:block;padding:40px 0;background-image:url(../img/line.png);background-repeat:no-repeat;background-position:center bottom}
.newsitem .img{width:500px;height:312px}
.newsitem .img img{width:100%}
.newsitem .textbox{width:calc(100% - 500px);padding:30px 0 0 50px}
.newsitem .textbox .title{font-size:18px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .date{margin-top:10px;color:#999;font-family:Arial}
.newsitem .textbox .text{color:#666;line-height:2.143;margin-top:42px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .textbox .more{color:#000;margin-top:82px}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .textbox .more{color:#ba0d12}
.news .honormore{margin-top:60px}
.newsdetail{padding:66px 0 80px}
.newsdetail .title{font-size:24px;font-weight:bold;text-align:center}
.newsdetail .date{color:#999;margin-top:22px;text-align:center}
.newsdetail .content{padding:38px 0 54px;border-bottom:1px solid #eee}
.newsdetail .content img{display:initial}
.newsdetail .bot{margin-top:68px}
.newsdetail .list,
.prodetail .pdbot .list,
.procbox .pdcbot .list{width:260px;height:58px;color:#666;border-radius:58px;font-size:18px;text-align:center;line-height:58px;display:block;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.09)}
.newsdetail .return,
.prodetail .pdbot .return,
.procbox .pdcbot .return{margin:0 calc((100% - 780px) / 2)}

@media (max-width:993px){
    .newsitem{padding:20px 0 0}
    .newsitem .img,.newsitem .img img{width:100%;height:auto}
    .newsitem .textbox{width:100%;padding:25px 15px}
    .newsitem .textbox .date{margin-top:4px}
    .newsitem .textbox .text{margin-top:15px}
    .newsitem .textbox .more,
    .news .honormore{margin-top:20px}
    .newsdetail{padding:40px 0}
    .newsdetail .title{font-size:20px}
    .newsdetail .date{margin-top:10px}
    .newsdetail .content{padding:30px 0}
    .newsdetail .bot{margin-top:30px}
    .newsdetail .list,
    .prodetail .pdbot .list,
    .procbox .pdcbot .list{width: 100%;height:36px;line-height:36px;font-size:14px;}
    .newsdetail .return,
    .prodetail .pdbot .return,
    .procbox .pdcbot .return{margin:10px 0}
}

/* 科技研发 */
.techcenter{margin-top:38px;padding-top:36px;border-top:1px solid #eee}
.techcenter .desc{color:#666;line-height:2.571}
.techcenterbox{margin-top:38px}
.techcenterbox .textbox{width:calc(100% - 687px);margin-left:84px}
.techcenterbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.techcenterbox .textbox .list{margin-bottom:6px}
.techcenterbox .textbox .list .text{width:calc(100% - 91px);margin-left:32px;padding:14px 0 24px;line-height:30px;color:#666;font-size:16px;border-bottom:1px solid #d2d2d2}
.techcenterbox .textbox .list:nth-last-of-type(1) .text{border-bottom:none}
.techhonoritem{width:24%;margin-right:1.3333%;background-color:#f5f5f5;margin-bottom:27px;padding:42px 30px 36px}
.techhonoritem:nth-of-type(4n){margin-right:0}
.techhonoritem .img{text-align:center;height:250px;line-height:250px}
.techhonoritem .img img{display:initial;vertical-align:middle}
.techhonoritem .title{color:#666;text-align:center;margin-top:15px}
.techcorelist{width:32%;margin-right:2%}
.techcorelist:nth-of-type(3n){margin-right:0}
.techcorelist .bot{margin-top:32px}
.techcorelist .bot .cntitle{font-size:18px;font-weight:bold}
.techcorelist .bot .entitle{font-size:12px;font-family:Arial;margin-top:3px}
.techcorelist .bot .items{margin-top:22px}
.techcorelist .bot .item{width:50%;margin-bottom:16px;padding-left:24px;position:relative;color:#666}
.techcorelist .bot .item:after{content:"";width:5px;height:5px;background-color:#666;border-radius:5px;position:absolute;top:50%;left:3px}
.techcorelist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}


@media (max-width:993px){
    .techcenter{padding-top:30px;margin-top:30px}
    .techcenter .desc{line-height:1.8}
    .techcenterbox{margin-top:20px}
    .techcenterbox .img{width:100%}
    .techcenterbox .textbox{width:100%;margin-left:0;margin-top:15px}
    .techcenterbox .textbox .list .text{width:calc(100% - 74px);margin-left:15px;padding:10px 0;line-height:24px}
    .techcenterbox .textbox .list{margin-bottom:14px}
    .techhonoritem{width:100%;margin-right:0;margin-bottom:20px;padding:25px 15px}
}

/* 产品 */
.productnav{height:64px;border-bottom:1px solid #b2b2b2}
.productnav .w1200{text-align:center}
.productnavlist{font-size:16px;margin:0 18px 0 22px;padding:0 10px;line-height:64px;display:inline-block;position:relative}
.productnavlist:after{content:"";width:0;height:2px;background-color:#b60005;position:absolute;bottom:0;left:50%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.productnavlist.cur,
.productnavlist:hover{color:#ad011a;font-weight:bold}
.productnavlist.cur:after,
.productnavlist:hover:after{width:100%;margin-left:-50%}
.probox{margin-top:58px}
.proboxtop{font-size:18px;margin-bottom:38px}
.probox .childnav .childnavlist{padding:0 60px;height:52px;margin-bottom:20px;margin-right:20px;display:block;background-color:#eee;line-height:52px;border-radius:52px}
.probox .childnav .childnavlist:nth-of-type(5n){margin-right:0}
.probox .childnav .childnavlist.cur,
.probox .childnav .childnavlist:hover{background-color:#b60005;color:#fff;font-weight:bold}
.proitems{margin:30px 0 22px}
.proitem{width:22.6666%;margin-right:3.1112%;margin-bottom:38px}
.proitem:nth-of-type(4n){margin-right:0}
.proitem .img{height:226px;border:1px solid #ddd;line-height:226px;text-align:center}
.recmmprob .proitem .img{height:auto;border:none;line-height:initial}
.proitem .img img{display:initial;max-height:220px;vertical-align:middle}
.proitem .title{color:#666;margin-top:20px;text-align:center;padding:0 10px;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.proitem:hover .title{color:#ad011a}
.probot{padding:60px 0 40px;background-color:#eee}
.probot .entitle{color:#ccc;font-size:48px;font-weight:bold;font-family:Arial;line-height:1.2}
.probot .cntitle{font-size:30px}
.probot .more{width:158px;height:60px;border:1px solid #ccc;line-height:60px;text-align:center;font-weight:bold;font-family:Arial}
.probot .more:hover{background-color:#ad011a;color:#fff}
.probot .bot{margin-top:24px;padding:0 90px;position:relative}
.probot .bot .swiper-slide{height:94px;line-height:94px;text-align:center}
.probot .bot .swiper-slide img{display:initial;vertical-align:middle}
.probot .bot .swiper-button-next{right:0}
.probot .bot .swiper-button-prev{left:0}
.prodetail{margin-top:24px}
.prodetail .top .title{color:#000;font-size:24px;text-align:center}
.prodetail .top .desc{color:#666;font-size:16px;text-align:center;margin-top:8px}
.prodetail2, .prodetail3{padding:56px 0 62px;border-bottom:1px solid #eee}
.prodetail2 .textbox{width:calc(100% - 473px);margin-right:30px}
.prodetail2 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodetail2 .textbox .name,
.prodetail3 .textbox .name{font-size:22px}
.prodetail2 .textbox .text,
.prodetail3 .textbox .text{color:#666;margin-top:28px;line-height:2.571}
.prodetail .pdbot{margin:62px 0}
.prodetail1{margin-top:50px;padding-bottom:56px;border-bottom:1px solid #eee}
.prodetail1 .textbox{width:calc(100% - 632px);margin-left:56px}
.prodetail1 .textbox .proddesc{color:#666;line-height:2.571}
.prodetail1 .textbox .featuresdesc{margin-top:46px}
.prodetail1 .textbox .featuresdesc .t{color:#666;font-size:16px;font-weight:bold}
.prodetail1 .textbox .featuresdesc .b{color:#666;line-height:2.571;margin-top:7px}
.prodetailslide{width:576px;border:1px solid #eee;padding:34px 0}
.prodetailslide .swiper-button-next,
.prodetailslide .swiper-button-prev{width:10px;height:17px;margin-top:-8px;opacity:1;background-size:100% 100%}
.prodetailslide .swiper-button-next{background-image:url(../img/pd-r.png)}
.prodetailslide .swiper-button-prev{background-image:url(../img/pd-l.png)}
.prodetailslide .swiper-slide{text-align:center}
.prodetailslide .swiper-slide img{max-width:100%;display:initial;vertical-align:middle}
.prodetailb1{margin-top:30px;border-top:1px solid #eee;padding-top:30px}
.prodetailb1 .textbox{width:100%;padding-top:18px}
.prodetailb1 .textbox .one .list{color:#666;padding-left:14px;line-height:2.571;background-image:url(../img/pdbicon.jpg);background-repeat:no-repeat;background-position:left top 15px}
.prodetailb1 .textbox .two{margin-top:36px}
.prodetailb1 .textbox .two .t{color:#666;font-size:16px;font-weight:bold;padding-left:14px;background-image:url(../img/pdbicon.jpg);background-repeat:no-repeat;background-position:left top 9px}
.prodetailb1 .textbox .two .b{color:#666;line-height:2.571;margin-top:7px}
.prodetailb1 .img:hover img,
.prodetailb2 .item:hover .img img,
.procbox .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodetailb2{padding:48px 0 50px;margin-top:34px;border-top:1px solid #eee}
.prodetailb2 .entitle{color:#ad011a;font-size:24px;font-weight:bold;font-family:Arial}
.prodetailb2 .cntitle{font-size:24px;font-weight:bold;margin-top:7px}
.prodetailb2 .items{margin-top:38px}
.prodetailb2 .item{width:49%;margin-right:2%;margin-bottom:30px;display:block}
.prodetailb2 .item:nth-of-type(2n){margin-right:0}
.prodetailb2 .item img,
.procbox .item .img img{width:100%}
.prodetailb2 .item .title,
.procbox .item .title{font-size:22px;color:#000;text-align:center;height:80px;line-height:80px;background-color:#dcdcdc;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prodetailb2 .item:hover .title,
.procbox .item:hover .title{background-color:#ad011a;color:#fff}
.procbox{padding:54px 0 56px}
.procbox .content{margin-bottom:50px}
.procbox .items .item{width:32%;margin-right:2%;margin-bottom:30px;display:block}
.procbox .items .item:nth-of-type(3n+1){margin-right:0}
.procbox .items .item.one{width:100%}
.procbox .items .item .title{font-size:18px;height:52px;line-height:52px}
.procbox .items .item.one .title{font-size:22px;height:80px;line-height:80px}
.probox.procbox{padding:0 0 56px}
.procdetail1{margin-top:32px;padding-top:58px;border-top:1px solid #eee}
.procdetail1 .top .textbox{width:calc(100% - 598px);margin-right:118px}
.procdetail1 .top .textbox .name{color:#000;font-size:24px}
.procdetail1 .top .textbox .box{margin-top:14px}
.procdetail1 .top .textbox .box .item{width:50%;color:#666;font-size:18px;font-weight:bold;padding-left:42px;position:relative;margin:7px 0}
.procdetail1 .top .textbox .box .item:after{content:attr(num);color:#666;font-size:18px;font-weight:bold;position:absolute;left:0;top:2px}
.procdetail1 .top .textbox .desc{line-height:2.571;color:#666;margin-top:52px}
.procdetail1 .top .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.procdetail1 .bot{margin-top:44px}
.procdetail1 .bot .list{margin-right:17px;margin-bottom:20px}
.procdetail1 .bot .list:nth-of-type(3n){margin-right:0}
.procdetail1 .bot .list .title{height:52px;line-height:52px;background-color:#dcdcdc;padding:0 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.procdetail2{margin-top:55px;padding-top:62px;border-top:1px solid #eee}
.procdetail2 .textbox .name{font-size:22px}
.procdetail2 .textbox .text{line-height:2.571;color:#666;margin-top:28px}
.procdetail2 .box{margin-top:54px;padding-top:48px;border-top:1px solid #eee}
.procdetail2 .box .list{width:48%;margin-right:4%;flex-direction:column;flex-direction:-moz-column;flex-direction:-ms-column;flex-direction:-webkit-column}
.procdetail2 .box .list:nth-of-type(2n){margin-right:0}
.procdetail2 .box .list .title{width:100%;font-size:22px}
.procdetail2 .box .list .img{width:100%;padding:30px 22px;background-color:#eee;margin-top:40px}
.procdetail3{margin-top:74px;padding-top:64px;border-top:1px solid #eee}
.procdetail3 .list{width:32%;margin-right:2%}
.procdetail3 .list:nth-of-type(3n){margin-right:0}
.procdetail3 .title{font-size:22px;text-align:center}
.procdetail3 .img{border:3px solid #eee;margin-top:34px}
.procbox .pdcbot{margin-top:72px}

@media (max-width:993px){
    .productnav{height:auto}
    .productnavlist{width:50%;line-height:26px;padding:8px 0;margin:0;margin-right:-4px;font-size:14px;vertical-align:top}
    .probox{margin-top:25px}
    .proboxtop{font-size:16px;margin-bottom:25px}
    .probox .childnav .childnavlist{height:38px;line-height:38px;margin-bottom:10px;padding:0 20px;margin-right:10px}
    .probox .childnav .childnavlist:nth-of-type(5n){margin-right:10px}
    .proitems{margin:15px 0}
    .proitem{width:100%;margin-right:0;margin-bottom:15px}
    .probot{padding:30px 0}
    .probot .entitle{font-size:28px}
    .probot .cntitle{font-size:18px}
    .probot .more{width:100px;height:40px;line-height:40px;margin-top:14px}
    .probot .bot{padding:0 54px;margin-top:15px}
    .prodetailslide{width:100%;padding:15px 0}
    .prodetail1{margin-top:30px;padding-bottom:25px}
    .prodetail .top .title{font-size:20px}
    .prodetail1 .textbox{width:100%;margin-left:0;margin-top:25px}
    .prodetail1 .textbox .proddesc{line-height:1.8}
    .prodetail1 .textbox .featuresdesc{margin-top:25px}
    .prodetail1 .textbox .featuresdesc .b{line-height:1.8}
    .prodetail2, .prodetail3{padding:25px 0 30px}
    .prodetail2 .textbox{width:100%;margin-right:0;margin-top:25px}
    .prodetail2 .textbox .name, .prodetail3 .textbox .name{font-size:18px}
    .prodetail2 .textbox .text, .prodetail3 .textbox .text{line-height:1.8;margin-top:15px}
    .prodetail .pdbot{margin:30px 0 40px}
    .prodetailb1{margin-top:10px}
    .prodetailb1 .img img{width:100%}
    .prodetailb1 .textbox{width:100%;margin-left:0;padding-top:20px}
    .prodetailb1 .textbox .one .list{line-height:1.8;background-position:left top 10px}
    .prodetailb1 .textbox .two .b{line-height:1.8}
    .prodetailb1 .textbox .two{margin-top:25px}
    .prodetailb2{margin-top:20px;padding:25px 0 30px}
    .prodetailb2 .entitle,
    .prodetailb2 .cntitle{font-size:20px}
    .prodetailb2 .item{width:100%;margin-right:0;margin-bottom:20px}
    .prodetailb2 .item .title,.procbox .item.one .title{height:58px;line-height:58px;font-size:18px}
    .procbox{padding:40px 0 20px}
    .procbox .content{margin-bottom:25px}
    .procbox .item,
    .procdetail1 .top .textbox{width:100%;margin-right:0;margin-bottom:20px}
    .procdetail1{padding-top:30px}
    .procdetail1 .top .textbox .name{font-size:20px}
    .procdetail1 .top .textbox .box .item{font-size:16px}
    .procdetail1 .top .textbox .box .item:after{top:-2px}
    .procdetail1 .top .textbox .desc{margin-top:20px;line-height:1.8}
    .procdetail1 .bot .list{width:100%;margin-right:0}
    .procdetail1 .bot .list .img img{width:100%}
    .procdetail2{margin-top:15px;padding-top:25px}
    .procdetail2 .textbox .name,
    .procdetail2 .box .list .title{font-size:20px}
    .procdetail2 .textbox .text{line-height:1.8;margin-top:15px}
    .procdetail2 .box{margin-top:25px;padding-top:20px}
    .procdetail2 .box .list{width:100%;margin-bottom:20px;margin-right:0}
    .procdetail2 .box .list .img{padding:15px;margin-top:10px}
    .procdetail3{margin-top:15px;padding-top:25px}
    .procdetail3 .list{width:100%;margin-right:0;margin-bottom:20px}
    .procdetail3 .title{font-size:20px}
    .procdetail3 .img{margin-top:10px}
    .procbox .pdcbot{margin-top:15px}
}

/* 招贤纳士 */
.jobdeve{padding:78px 0 86px}
.jobdeve .jobdevebox{margin-top:38px;padding-top:65px;border-top:1px solid #eee}
.jobdeve .jobdevebox .box{box-shadow:0px 18px 65px 0px rgba(0, 0, 0, 0.06)}
.jobdeve .jobdevebox .textbox{width:calc(100% - 600px);padding:76px 80px 206px 96px;position:relative}
.jobdeve .jobdevebox .textbox:after{content:attr(text);color:rgba(173, 1, 26, 0.03);font-size:206px;font-weight:bold;font-family:Arial;position:absolute;bottom:14px;left:76px}
.jobdeve .jobdevebox .textbox .name{font-size:34px;font-weight:bold}
.jobdeve .jobdevebox .textbox .text{color:#999;margin-top:38px;line-height:2}
.jobdeve .jobdevebox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
/* .jobdeve.welfare{padding:78px 0 0} */
.jobdeve.welfare .jobdevebox .textbox{padding:56px 34px 80px 60px}
.welfare .imgbox{position:relative}
.welfare .imgbox .imgtextbox{position:absolute;top:92px;left:100px}
.welfare .imgbox .imgtextbox .cntitle{color:#fff;font-size:72px;font-weight:bold;font-family:Arial}
.welfare .imgbox .imgtextbox .entitle{color:#fff;font-size:48px}
.jobdeve.welfare .jobdevebox .textbox .text{color:#666;margin-top:0;line-height:1.6}
.recruititems{margin-top:38px;padding-top:40px;border-top:1px solid #eee}
.recruititem{margin-bottom:4px}
.recruititem .top .left{width:calc(100% - 174px)}
.recruititem .top .left{height:60px;background-color:#f5f5f5;padding:15px 0}
.recruititem .top .left .list{width:calc(100% / 4);border-right:1px solid #e0e0e0;text-align:center;line-height:30px}
.recruititem .top .left .list:nth-last-of-type(1){border-right:none}
.recruititem .top .left .list:nth-of-type(1){text-align:left;padding-left:24px}
.recruititem .top .more{width:174px;text-align:center;background-color:#b60005;cursor:pointer}
.recruititem .top .more .text{color:#fff;line-height:60px;display:initial;margin-right:6px}
.recruititem .top .more .img{line-height:60px;display:inline-block;margin-right:6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem.cur .top .more .img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.recruititem .top .more .img img{display:initial;vertical-align:middle}
.recruititem .bot{padding:24px 25px 62px 25px;border:1px solid #e7e7e7;border-top:none;display:none}
.recruititem .bot .recruitname{padding-left:36px;color:#5d5d5d;font-weight:bold;background-repeat:no-repeat;background-position:left center}
.recruititem .bot .desc .recruitname{background-image:url(../img/reicon1.png)}
.recruititem .bot .claim .recruitname{background-image:url(../img/reicon2.png)}
.recruititem .bot .recruittext{padding-left:36px;line-height:2.571;color:#5d5d5d;font-size:12px;margin-top:18px}
.recruititem .bot .claim{margin-top:22px}
.recruititem .bot .emailbox{margin-top:54px;padding-left:36px}
.recruititem .bot .emailbox .icon img{margin-top:3px}
.recruititem .bot .emailbox .text{font-size:12px;margin-left:12px}
.recruititem .bot .emailbox .email{font-size:12px;color:#b60005}
.contact .textbox{padding:74px 0 114px}
.contact .title{font-size:24px;font-weight:bold}
.contact .line{width:47px;height:2px;background-color:#b60005;margin:26px 0 30px}
.contact .textbox{width:50%}
.contact .textbox .text{color:#666;font-size:16px;line-height:2.25}
.contact .textbox .ewm{margin-top:28px}
.contact .textbox .ewm img{display:inline-block;vertical-align:middle}
.contact .textbox .ewm img.yindao{margin-bottom:50px}
.contact .message{width:50%;padding:74px 40px 0;background-color:#f2f2f2}
.contact .message .form{margin-top:32px}
.contact .message .input{margin-bottom:11px}
.contact .message input{width:100%;height:60px;padding:0 26px}
.contact .message input::-webkit-input-placeholder,
.contact .message textarea::-webkit-input-placeholder{color:#999}
.contact .message textarea{width:100%;height:185px;padding:14px 26px}
.contact .message .btn{width:250px;height:70px;background-color:#b60005;color:#fff;font-size:16px;text-align:center;line-height:70px;text-align:center;cursor:pointer}
.conmapbox{height:500px;overflow:hidden}
.conmapbox .map{width:100%;height:100%}

@media (max-width:1440px){
    .jobdeve .jobdevebox .textbox{padding:50px 60px 166px 76px}
    .jobdeve .jobdevebox .textbox:after{font-size:156px}
    .jobdeve .jobdevebox .textbox .name{font-size:28px}
    .welfare .imgbox .imgtextbox .cntitle{font-size:56px}
    .welfare .imgbox .imgtextbox .entitle{font-size:36px}
    .conmapbox{height:400px}
}

@media (max-width:993px){
    .jobdeve{padding:40px 0}
    .jobdeve .jobdevebox{margin-top:25px;padding-top:35px}
    .jobdeve .jobdevebox .box .textbox{width:100%;padding:35px 25px 105px 25px}
    .jobdeve .jobdevebox .textbox .name{font-size:24px}
    .jobdeve .jobdevebox .textbox .text{margin-top:15px;line-height:1.8}
    .jobdeve .jobdevebox .textbox:after{font-size:86px;bottom:0px;left:25px}
    .welfare .imgbox .imgtextbox{left:20%;top:14%}
    .welfare .imgbox .imgtextbox .cntitle{font-size:26px}
    .welfare .imgbox .imgtextbox .entitle{font-size:18px}
    .jobdeve.welfare .jobdevebox .box .textbox{padding:35px 25px}
    .jobdeve.welfare .jobdevebox .textbox .text{line-height:1.8}
    .recruititems{margin-top:25px;padding-top:30px}
    .recruititem .top .more{width:114px}
    .recruititem .top .left{width:calc(100% - 114px);height:auto}
    .recruititem .top .left .list{width:100%;text-align:left;border-right:none;line-height:24px;padding-left:15px}
    .recruititem .top .left .list:nth-of-type(1){padding-left:15px}
    .recruititem .bot{padding:20px 15px}
    .recruititem .bot .recruitname{padding-left:28px}
    .recruititem .bot .recruittext{padding-left:28px;margin-top:6px;line-height:1.8}
    .recruititem .bot .claim{margin-top:15px}
    .recruititem .bot .emailbox{padding-left:28px;margin-top:25px}
    .conmapbox{height:350px}
}

@media (max-width:768px){
    .contact .textbox{width:100%;padding:35px 0}
    .contact .title{font-size:20px}
    .contact .line{width:30px;margin:10px 0}
    .contact .textbox .text{font-size:14px;line-height:1.8}
    .contact .message{width:100%;padding:35px 20px}
    .contact .message input{height:46px;padding:0 15px}
    .contact .message textarea{padding:10px 15px;height:125px}
    .contact .message .form{margin-top:20px}
    .contact .message .btn{width:140px;height:48px;line-height:48px}
}

/* 后期添加 */
.recmmpro{padding:100px 0}
.recmmpro .btitle{font-size:22px}
.recmmpro .recmmprobox{position:relative;margin-top:40px}
.recmmprobox{padding:0 90px}
.recmmprobox .swiper-button-next,
.recmmprobox .swiper-button-prev{
    width: 34px;
    height: 35px;
    margin-top: -17px;
    background-size: 100% 100%;
    opacity: 1;
}
.recmmprobox .proitem{width:100%;margin-right:0;margin-bottom:0}
.recmmprobox .swiper-button-next{background-image:url(../img/sty-r.png);right:0}
.recmmprobox .swiper-button-prev{background-image:url(../img/sty-l.png);left:0}
.recmmprob{padding:30px 0 100px}
@media (max-width:993px){
    .recmmpro{padding:30px 0}
    .recmmpro .btitle{font-size:18px}
    .recmmpro .recmmprobox{margin-top:25px;padding:0 56px}
}


/* 2020.04.27 新增 */
.procdetbtitlebox .title{font-size:36px;text-align:center}
.procdetbtitlebox .text{color:#666;font-size:18px;text-align:center;margin-top:6px}
.procdetb1{margin-bottom:78px}
.procdetb1 .content{margin-top:32px}
.procdetb1 .contentimg{display:inline-block}
.procdetb3{padding:86px 0 120px}
.procdetbbox2{padding:72px 0 110px;background-color:#eee}
.procdetb3box{margin-top:42px}
.procdetb2box .imglist{display:none}
.procdetb2box .imglist.cur{display:block}
.procdetb2slide{width:calc(100% - 676px);margin-left:60px;position:relative;padding:49px 0;height:501px}
.procdetb2slide:after{content:"";width:2px;height:100%;background-color:#999;position:absolute;top:0;left:106px}
.procdetb2slide .swiper-slide{margin-bottom:16px;height:auto;cursor:pointer}
.procdetb2slide .year{width:92px;height:34px;color:#fff;text-align:center;font-size:18px;line-height:34px;border-radius:34px;background-color:#999;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.procdetb2slide .swiper-slide.cur .year,
.procdetb2slide .swiper-slide.cur .line{background-color:#b60005}
.procdetb2slide .line{width:35px;height:2px;background-color:#d4d4d4;margin:16px 16px 0 16px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.procdetb2slide .textbox{width:calc(100% - 159px);padding-top:6px;padding-left:30px;background-image:url(../img/addimg/procb2_icon.png);background-repeat:no-repeat;background-position:left top 12px}
.procdetb2slide .textbox .text{line-height:1.714;color:#666}
.procdetb2slide .swiper-button-next,
.procdetb2slide .swiper-button-prev{width:41px;height:41px;background-size:100% 100%;right:auto;left:87px;margin-top:0;opacity:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.procdetb2slide .swiper-button-next{background-image:url(../img/addimg/procb2b.png);bottom:0;top:auto}
.procdetb2slide .swiper-button-next:hover{background-image:url(../img/addimg/procb2b_cur.png)}
.procdetb2slide .swiper-button-prev{background-image:url(../img/addimg/procb2t.png);top:0}
.procdetb2slide .swiper-button-prev:hover{background-image:url(../img/addimg/procb2t_cur.png)}
.procdetb2box .swiper-container{height:406px}
.procdetb2box{margin-top:34px}
.procdetb4box{margin-top:50px}
.procdetb4item{width:32.5%;margin-right:1.25%;background-color:#fff;padding:54px 52px 50px;min-height:380px}
.procdetb4item:nth-of-type(3n){margin-right:0}
.procdetb4item .title{color:#ba0d12;font-size:18px;font-weight:bold}
.procdetb4item .line{margin:15px 0;width:17px;height:4px;background-color:#ba0d12}
.procdetb4item .text{color:#666;line-height:1.667}
.procdetb5{padding:76px 0 98px}
.procdetb6img{margin-top:80px}
.procdetb6 .procdetbtitlebox .text span{color:#ba0d12;font-size:18px;font-weight:bold}

@media (max-width:1440px){
    .procdetb2box .imgbox{width:516px}
    .procdetb2box .swiper-container{height:306px}
    .procdetb2slide{height:420px;width:calc(100% - 576px)}
}

@media (max-width:993px){
    .procdetbtitlebox .title{font-size:22px}
    .procdetbtitlebox .text, .procdetb6 .procdetbtitlebox .text span{font-size:14px}
    .procdetb1{margin-bottom:35px}
    .procdetb3box, .procdetb1 .content{margin-top:20px}
    .procdetbbox2, .procdetb3{padding:35px 0 45px}
    .procdetb2box .imgbox{width:100%}
    .procdetb2slide{width:100%;height:auto;margin-left:0;padding:0 35px;margin-top:20px}
    .procdetb2slide .swiper-slide{margin-bottom:0}
    .procdetb2box .swiper-container{height:auto}
    .procdetb2slide .year{font-size:15px;width:82px;height:30px;line-height:30px}
    .procdetb2slide:after{display:none}
    .procdetb2slide .textbox{width:calc(100% - 90px);padding-left:20px;padding-top:0;margin-left:8px;background-position:left top 6px;}
    .procdetb2slide .line{display:none}
    .procdetb2slide .swiper-button-next{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);left:auto;right:0;bottom:auto;top:0}
    .procdetb2slide .swiper-button-prev{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);left:0}
    .procdetb2slide .swiper-button-next, .procdetb2slide .swiper-button-prev{width:27px;height:27px}
    .procdetb4box{margin-top:30px}
    .procdetb4item{width:100%;margin-right:0;margin-bottom:20px;min-height:220px;padding:30px 25px}
    .procdetb4item:nth-last-of-type(1){margin-bottom:0}
    .procdetb6img{margin-top:25px}
}

.amap-container .info-box{text-align:left;padding:15px;border:1px solid #ababab;background-color:#fff}
.amap-container .info-bottom{text-align:center}
.amap-container .info-bottom img{display:inline-block;vertical-align:middle;margin-bottom:3px}
