.about1{padding:120px 0 100px;position:relative;background-image:url(../img/about1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.about1 .leftimg{width:35.7812vw;position:absolute;left:0;bottom:165px}
.about1left{width:440px}
.about1left .cntitle{font-size:30px;line-height:1.333;margin:22px 0 10px}
.about1left .entitle{color:#989aa9;font-family:Arial;line-height:1.143}
.about1right{width:calc(100% - 440px - 6.77vw);margin-left:6.77vw}
.about1right .title{color:#000;font-size:30px;font-weight:bold;line-height:1}
.about1right .text{margin:25px 0 40px}
.about1right .text p{color:#3e3f41;font-size:18px;line-height:1.667}
.about1right .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.about2{height:655px;position:relative;background-image:url(../img/about2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.about2 .wrap2 .title{width:100%;color:#3f5a89;font-size:36px;line-height:2.278;font-weight:bold;position:absolute;top:50%;left:0;margin-top:-123px;text-align:center}
.about3{padding:100px 0;background-color:#eff0f5}
.about3list{width:calc((100% - 9px) / 4);position:relative;margin-right:3px;background-color:#000}
.about3list:nth-of-type(4){margin-right:0}
.about3list .img img{width:100%;height:100%;opacity:0.8}
.about3list .textbox{position:absolute;top:38px;right:58px}
.about3list .textbox .title{color:#fff;font-size:36px;font-weight:bold;width:44px;writing-mode:vertical-lr;writing-mode:tb-lr}
.about3list .textbox .text{color:#fff;font-size:30px;width:38px;margin-right:3px;writing-mode:vertical-lr;writing-mode:tb-lr}
.about3list:hover .img img{opacity:1}
.history1{padding-top:115px;background-image:url(../img/his1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.history1box{width:1000px;margin:0 auto}
.history1box .videobox{margin-top:40px;position:relative}
.history1box .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.history1box .videobox .play{width:65px;height:65px;position:absolute;top:50%;margin-top:-34px;left:50%;margin-left:-34px;z-index:3;cursor:pointer}
.history1box .videobox:hover .play{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3)}
.history1box .videobox:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.history1box .videobox.cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.history1box .videobox.cur .img,
.history1box .videobox.cur .play{z-index:-1;opacity:0;visibility:hidden}
.history2{margin-top:30px}
.hist2top{height:110px;top:-110px;background-color:#fff;z-index:3}
.hist2top.cur{width:100%;position:fixed;top:0;left:0;transition:1s ease-in-out 0.2s;-webkit-transition:1s ease-in-out 0s.2;-moz-transition:1s ease-in-out 0.2s}
.hist2top .swiper-slide{width:auto;height:110px;line-height:110px;color:#aeaeae;font-size:20px;font-weight:bold;cursor:pointer}
.hist2top .swiper-slide:after{content:"";width:0px;height:3px;background-color:#e62129;position:absolute;bottom:0;left:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.hist2top .swiper-slide.cur,
.hist2top .swiper-slide:hover{color:#e62129}
.hist2top .swiper-slide.cur:after,
.hist2top .swiper-slide:hover:after{width:100%;margin-left:-50%}
.hist2list{display:block;margin-bottom:100px}
.hist2list:nth-last-of-type(1){margin-bottom:0}
/* .hist2list.cur{display:block} */
.hist2bot{padding:74px 0 112px;background-image:url(../img/hist2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.hist2list .top .date{color:#e62129;font-size:72px;font-weight:bold;text-align:center;font-family:Arial}
.hist2list .top .title{font-size:36px;text-align:center}
/* .hist2botslide{height:822px} */
.hist2botslide .swiper-wrapper{display:block}
.hist2list .hist2botslide .swiper-container{height:100%;position:relative;margin-top:22px;padding-top:200px}
.hist2list .hist2botslide .swiper-container:after{content:"";width:1px;height:100%;position:absolute;left:50%;top:0;background-image:url(../img/histline.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.hist2list .hist2botslide .swiper-container .swiper-slide{height:auto}
.hist2list .hist2botslide .swiper-container .swiper-slide .content{width:50%;position:relative;padding-left:58px}
.hist2list .hist2botslide .swiper-container .swiper-slide .content:after{content:"";width:12px;height:12px;border:2px solid #fff;background-color:#2f318b;border-radius:16px;position:absolute;top:14px;left:-7.5px}
.hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .content{padding-left:0;padding-right:58px}
.hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .content:after{left:auto;right:-9px}
.hist2list .hist2botslide .swiper-container .swiper-slide .year{height:55px;color:#2f318b;font-size:48px;font-weight:bold;font-family:Arial}
.hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .year{text-align:right}
.hist2list .hist2botslide .swiper-container .swiper-slide .text{font-size:18px;min-height:48px;margin:8px 0 20px}
.hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .text{text-align:right}
.hist2list .hist2botslide .swiper-container .swiper-slide .imgbox{min-height:200px}
.hist2list .hist2botslide .swiper-container .swiper-slide .img{width:49%;margin-right:2%}
.hist2list .hist2botslide .swiper-container .swiper-slide .img:nth-of-type(2n-1){margin-right:0}
.hist2list .hist2botslide .swiper-container .swiper-slide .img img{width:100%}
.hist2list .hist2botslide .swiper-container .swiper-slide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}


@media (max-width:1440px){
    .about3list .textbox .title{font-size:28px}
    .about3list .textbox .text{font-size:24px}
    .about3list .textbox{top:25px;right:30px}
    .about2 .wrap2 .title{font-size:28px;margin-top:-94px}
    .about2{height:520px}
    .about1right .text p{font-size:16px}
    .about1left .cntitle{font-size:24px}
    .about1right .title{font-size:24px}
    .about1left{width:340px}
    .about1right{width:calc(100% - 340px - 4vw);margin-left:4vw}
    .about1 .leftimg{width:30vw}
    .history1box{width:900px}
    .hist2list .top .date{font-size:54px}
    .hist2list .top .title{font-size:28px}
    
    
}

@media (max-width:1024px){
    .about1{padding:60px 0 50px;background-image:none}
    .about1left{width:100%}
    .a1logo{width:60%}
    .about1left .cntitle{font-size:18px;margin:10px 0 5px}
    .about1left .entitle{font-size:12px}
    .about1right{width:100%;margin-left:0;margin-top:30px}
    .about1right .text p{font-size:14px}
    .about1 .leftimg{display:none}
    .about1right .title{font-size:20px;line-height:1.4}
    .about1right .text{margin:10px 0 30px}
    .about2{height:300px}
    .about2 .wrap2 .title{font-size:20px;line-height:1.8;margin-top:-54px}
    .about3{padding:50px 0}
    .about3box{height:300px;padding:20px;background-image:url(../img/about3bgwap.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
    .about3list{width:100%;margin-right:0;background-color:transparent}
    .about3list .img{display:none}
    .about3list .textbox{position:static}
    .about3list .textbox .title{font-size:20px;width:100%;writing-mode:initial}
    .about3list .textbox .text{width:100%;font-size:14px;writing-mode:initial;margin-top:3px}
    .about3list{margin-bottom:18px}
    .history1box{width:100%}
    .history1{padding-top:50px}
    .history1box .videobox{margin-top:25px}
    .history1box .videobox .play{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
    .hist2top .swiper-slide{height:48px;line-height:48px;font-size:16px}
    .hist2top{height:48px}
    .hist2bot{padding:45px 0 65px}
    .hist2list .top .date{font-size:30px}
    .hist2list .top .title{font-size:18px}
    .hist2list .hist2botslide .swiper-container{padding-top:0}
    .hist2list .hist2botslide .swiper-slide{margin-bottom:35px}
    .hist2list .hist2botslide .swiper-container .swiper-slide .content{width:100%;padding-left:35px;margin-top:0}
    .hist2list .hist2botslide .swiper-container:after{left:8px}
    .hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .year,
    .hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .text{text-align:left}
    .hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .content{padding-left:35px;;padding-right:0}
    .hist2list .hist2botslide .swiper-container .swiper-slide:nth-of-type(2n) .content:after{left:0;right:auto}
    .hist2list .hist2botslide .swiper-container .swiper-slide .year{font-size:24px;height:auto}
    .hist2list .hist2botslide .swiper-container .swiper-slide .text{font-size:14px;line-height:1.6;min-height:none;margin:2px 0 20px}
    .hist2list .hist2botslide .swiper-container .swiper-slide .img{width:100%;margin-right:0;margin-bottom:10px}
    .hist2list .hist2botslide .swiper-container .swiper-slide .img img{width:100%}
    .hist2list .hist2botslide .swiper-container .swiper-slide .content:after{left:0;top:8px}
    .hist2list .hist2botslide .swiper-container .swiper-slide .imgbox{min-height:none}
    .hist2list{margin-bottom:0;display:none}
    .hist2list.cur{display:block}
}

@media (max-width:370px){
    .about2 .wrap2 .title{font-size:16px;margin-top:-56px}
    .about3list .textbox .title{font-size:18px}
}

.culture{padding:116px 0 120px;background-color:#eff0f5;background-image:url(../img/about1bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.culture1 .text{color:#626262;font-size:18px;line-height:1.667;text-align:center;margin-top:26px}
.culture2{margin-top:72px}
.culture2list{margin-bottom:50px}
.culture2list:nth-last-of-type(1){margin-bottom:0}
.culture2list .swiper-slide{width:100% !important;background-color:#fff}
.culture2list:nth-of-type(2n) .swiper-slide{background-color:#e4e6f0}
.culture2list .textbox{width:calc(100% - 800px);padding:68px 100px 105px 100px}
.culture2list:nth-of-type(2n) .textbox{padding:66px 106px 105px 70px}
.culture2list .cntitle{color:#000;font-size:28px;font-weight:bold;line-height:1.2}
.culture2list .entitle{color:#bec0c6;font-size:18px;font-weight:bold;font-family:Arial;line-height:1.2;margin-top:10px}
.culture2list .line{width:100%;height:2px;background-color:#cdcfd8;margin:36px 0;position:relative}
.culture2list .line:after{content:"";width:0px;height:100%;background-color:#0d6ab8;position:absolute;left:0;top:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.culture2list .title{color:#000;font-size:32px}
.culture2list .text{color:#666;font-size:16px;margin-top:12px;line-height:1.5;max-height:85px;overflow-y:auto}
.culture2list:nth-of-type(2n) .line{background-color:#cdcfd8}
.culture2list .swiper-button-next, .culture2list .swiper-button-prev{width:58px;height:58px;left:auto;top:auto;opacity:1;background-size:100% 100%;margin-top:0;bottom:40px}
.culture2list .swiper-button-next{background-image:url(../img/culright.png);right:860px}
.culture2list .swiper-button-prev{background-image:url(../img/culleft.png);right:938px}
.culture2list:nth-of-type(2n) .swiper-button-next{background-image:url(../img/culright.png);right:60px}
.culture2list:nth-of-type(2n) .swiper-button-prev{background-image:url(../img/culleft.png);right:138px}
.culture2list:hover .swiper-slide{background-color:#0f76cd}
.culture2list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture2list:hover .cntitle,
.culture2list:hover .entitle,
.culture2list:hover .title,
.culture2list:hover .text{color:#fff}
.culture2list:hover .line:after{width:100%}
.culture2list:hover .swiper-button-next{background-image:url(../img/culright2.png)}
.culture2list:hover .swiper-button-prev{background-image:url(../img/culleft2.png)}
.culture2list .swiper-button-next:hover{background-image:url(../img/culright_cur.png)}
.culture2list .swiper-button-prev:hover{background-image:url(../img/culleft_cur.png)}
.innovation .innovalide{height:auto}
.innovation .innovalide>.swiper-wrapper{display:block}
.innovation .slidebox{width:100vw;background-image:url(../img/innbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.innovation .swiper-container-vertical>.swiper-pagination-slidebox{right:6.83vw}
.innovation .swiper-container-vertical>.swiper-pagination-slidebox .swiper-pagination-bullet{width:12px;height:12px;position:relative;opacity:1;background-color:#2f318b}
.innovation .swiper-pagination-bullet span{display:block;position:absolute;right:0;top:-5px;opacity:0;color:#e62129;font-size:16px;word-break:keep-all;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.innovation .swiper-container-vertical>.swiper-pagination-slidebox .swiper-pagination-bullet-active{background-color:#e62129}
.innovation .swiper-pagination-slidebox .swiper-pagination-bullet-active span{right:calc(100% + 8px);opacity:1}
/* .innova1, .innova2, .innova4{padding-top:14.24vh} */
.innova1, .innova2, .innova3, .innova4{padding:80px 0}
.innova1 .text, .innova2 .text{color:#666;font-size:16px;margin:30px 0 10.71vh;line-height:1.875;text-align:center}
.innova2 .title, .innova4 .title{font-size:24px;text-align:center;margin-top:28px}
.innova2 .text{margin:14px 0 8.08vh}
.innova2.innova3 .text{margin:14px 0 9.83vh}

/* [innanimate]{opacity:0;transform:translateY(170px);-webkit-transform:translateY(170px);-moz-transform:translateY(170px);transition:2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;-webkit-transition:2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;-moz-transition:2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s} */
/* .innovation .swiper-slide-active [innanimate]{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)} */
.innova3list{width:23.42%;margin-right:2.106%}
.innova3list:nth-of-type(4){margin-right:0}
.innova3list:nth-of-type(2n) .box{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
.innova3list .img{border:2px solid #0095d9;box-shadow:0px 1px 15px 0px rgba(0,0,0,0.1)}
.innova3list .title{font-size:16px;font-weight:bold;text-align:center}
.innova4 .text{color:#666;font-size:16px;margin:12px 0 8px;line-height:1.875;text-align:center}
.innova4 .text2{color:#e62129;font-size:16px;font-weight:bold;text-align:center}
.innova4 .imgbox{margin-top:52px;text-align:center}
.innovation .imgbox{text-align:center}
.innovation .imgbox img{display:inline-block}
.innova4slide{margin-top:4vh}
.innova4slide .swiper-container{padding:30px 0}
.innova4slide .swiper-slide{box-shadow:0px 10px 13px 0px rgba(0,0,0,0.13)}
.innovright{position:fixed;top:50%;right:-100%;margin-top:-50px;z-index:3;opacity:0}
.innovright.cur{right:30px;opacity:1}
.innovright:after{content:"";width:1px;height:100%;background-color:#d2d2d2;position:absolute;top:0;left:5px}
.innovright .item{padding:15px 0;cursor:pointer}
.innovright .item .yuan{width:12px;height:12px;border-radius:12px;background-color:#6c6c6c;margin-top:5px;position:relative;z-index:3}
.innovright .item.cur .yuan{background-color:#2f318b;transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
.innovright .item .text{font-size:16px;color:#6c6c6c;margin-left:15px;line-height:22px;position:relative;z-index:3}
.innovright .item.cur .text{color:#000}

@media (max-width:1800px){
    .culture2list .img{width:760px}
    .culture2list .textbox{width:calc(100% - 760px);padding:50px 100px 105px 80px}
    .culture2list:nth-of-type(2n) .textbox{padding:50px 106px 105px 80px}
    .culture2list .title{font-size:26px}
	.culture2list .line{margin:26px 0}
}

@media (max-width:1620px){
    .culture2list .img{width:720px}
    .culture2list .textbox{width:calc(100% - 720px);padding:40px 90px 95px 70px}
    .culture2list:nth-of-type(2n) .textbox{padding:50px 90px 105px 60px}
    .culture2list .swiper-button-next{right:780px}
    .culture2list .swiper-button-prev{right:858px}
    .innovation .swiper-container-vertical>.swiper-pagination-bullets{right:4.81vw}
}

@media (max-width:1440px){
    .culture2list .cntitle{font-size:26px}
    .culture2list .entitle{font-size:16px}
    .culture2list .line{margin:26px 0}
    .culture2list .title{font-size:22px}
    .culture2list .img{width:660px}
    .culture2list .textbox{width:calc(100% - 660px);padding:35px 80px 80px 65px}
    .culture2list .swiper-button-next, .culture2list .swiper-button-prev{width:46px;height:46px;bottom:40px}
    .culture2list .swiper-button-next{right:720px}
    .culture2list .swiper-button-prev{right:778px}
    .culture2list:nth-of-type(2n) .swiper-button-prev{right:118px}
    .culture2list:nth-of-type(2n) .textbox{padding:35px 90px 80px 60px}
    .innovation .swiper-container-vertical>.swiper-pagination-bullets{right:3.33vw}
    /* .innova1, .innova2{padding-top:16.24vh} */
    .innova1 .text, .innova2 .text{margin:20px 0 8vh}
    .innova2 .title, .innova4 .title{font-size:20px}
    .innova2 .text{margin-top:10px 0 6vh}
    .innova2 .title, .innova4 .title{margin-top:18px}
    /* .innova4{padding-top:14vh} */
    .innova4 .text{margin:6px 0 4px}
	.innova1, .innova2, .innova3, .innova4{padding:60px 0}
}

@media (max-width:1280px){
    .culture2list .cntitle{font-size:20px}
    .culture2list .entitle{font-size:14px}
    .culture2list .line{margin:18px 0}
    /* .culture2list .title{font-size:24px} */
    .culture2list .text{font-size:14px}
    .culture2list .img{width:600px}
    .culture2list .textbox{width:calc(100% - 600px);padding:35px 60px 80px 50px}
    .culture2list .swiper-button-next, .culture2list .swiper-button-prev{width:46px;height:46px;bottom:40px}
    .culture2list .swiper-button-next{right:660px}
    .culture2list .swiper-button-prev{right:720px}
    .culture2list:nth-of-type(2n) .swiper-button-prev{right:118px}
    .culture2list:nth-of-type(2n) .textbox{padding:35px 70px 80px 50px}
    .innovation .swiper-container-vertical>.swiper-pagination-bullets{right:1.6vw}
}

@media (max-width:1024px){
    .culture{padding:50px 0}
    .culture1 .text{font-size:14px;margin-top:10px}
    .culture2{margin-top:35px}
    .culture2list{margin-bottom:25px}
    .culture2list .img{width:100%}
    .culture2list .textbox, .culture2list:nth-of-type(2n) .textbox{width:100%;padding:25px 20px 60px}
    .culture2list .entitle{font-size:12px;margin-top:4px}
    .culture2list .cntitle{font-size:18px}
    .culture2list .line{margin:15px 0}
    .culture2list .title{font-size:20px;height:52px;overflow-y:auto}
    .culture2list .text{margin-top:6px;max-height:initial;height:63px;overflow-y:auto}
    .culture2list .swiper-button-next, .culture2list .swiper-button-prev{width:30px;height:30px;bottom:25px}
    .culture2list:nth-of-type(2n) .swiper-button-prev, .culture2list .swiper-button-prev{right:60px}
    .culture2list:nth-of-type(2n) .swiper-button-next, .culture2list .swiper-button-next{right:20px}
    .innovation .swiper-slide{background-size:cover}
    .innova1 .text, .innova2 .text{font-size:14px;margin:15px 0 10vh}
    .innova2 .title, .innova4 .title{font-size:17px;margin-top:15px}
    .innova3list{width:44%;margin-right:12%}
    .innova3list:nth-of-type(2n){margin-right:0}
    .innova3list:nth-of-type(2n) .box{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
    .innova2.innova3 .text{margin:15px 0 5vh}
    .innova2.innova3, .innova4{padding-top:8vh}
    .innova3 .innova3list{margin-bottom:15px}
    .innova3 .innova3list .title{font-size:14px;margin-top:4px}
    .innova4 .text2{font-size:14px}
    .innovright .item{padding:5px 0}
    .innovright .item .text{font-size:12px;margin-left:8px;line-height:18px}
    .innovright .item .yuan{width:8px;height:8px}
    .innovright:after{left:3.5px}
    .innovright.cur{right:15px}
    
}

@media (max-width:370px){
    .innova1 .text, .innova2 .text{font-size:12px;margin:10px 0 8vh}
    .innova2 .title, .innova4 .title{font-size:15px;margin-top:10px}
    .innova3 .innova3list .title{font-size:12px;margin-top:4px}
    .innova4 .text2, .innova4 .text{font-size:12px}
}


.honortop{padding-top:116px;background-image:url(../img/honbg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.honortop .text{width:73%;color:#666;font-sizE:16px;text-align:center;margin:26px auto 82px;line-height:1.875}
.honornav{text-align:center}
.honornavlist{display:inline-block;margin-right:60px;color:#aeaeae;font-size:20px;font-weight:bold;padding-bottom:28px;cursor:pointer;position:relative}
.honornavlist.cur, .honornavlist:hover{color:#e62129}
.honornavlist:after{content:"";width:0px;height:3px;background-color:#e62129;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}
.honornavlist.cur:after,
.honornavlist:hover:after{width:100%}
.honorbot{padding:100px 0 94px;background-image:url(../img/honbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.honorslidelist{padding:0 110px;position:relative;display:none}
.honorslidelist .swiper-button-next,
.honorslidelist .swiper-button-prev{width:42px;height:42px;margin-top:-43px;background-size:100% 100%;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}
.honorslidelist .swiper-button-prev{left:0;background-image:url(../img/honleft.png)}
.honorslidelist .swiper-button-next{right:0;background-image:url(../img/honright.png)}
.honorslidelist .swiper-button-next:hover{background-image:url(../img/honright_cur.png)}
.honorslidelist .swiper-button-prev:hover{background-image:url(../img/honleft_cur.png)}
.honorslidelist.cur{display:block}
.honorslidelist .swiper-slide .img img{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.honorslidelist .title{color:#fff;font-size:16px;font-weight:bold;text-align:center;margin-top:22px}
.honorslidelist .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.respon1{padding:116px 0 90px;background-image:url(../img/respon1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.respon1 .text{width:76%;color:#626262;font-size:18px;text-align:center;margin:26px auto 0;line-height:1.667}
.respon2{padding:95px 0 100px;background-image:url(../img/responbg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.respon2 .title{text-align:center;color:#fff;font-size:32px}
.respon2 .respon2slide{margin-top:32px;padding:0 5.833vw}
.respon2 .respon2slide .swiper-slide{width:100% !important}
.respon2slide .box{background-color:#fff;display:block}
.respon2slide .textbox{width:calc(100% - 670px);padding:68px 54px 130px 60px}
.respon2slide .textbox .name{color:#000;font-size:28px}
.respon2slide .textbox .text{color:#666;font-size:15px;margin-top:28px;line-height:1.867;overflow-y:auto}
.respon2slide .swiper-button-next,
.respon2slide .swiper-button-prev{width:58px;height:58px;margin-top:0;top:auto;left:auto;bottom:60px;background-size:100% 100%}
.respon2slide .swiper-button-prev{background-image:url(../img/culleft.png);right:138px}
.respon2slide .swiper-button-prev:hover{background-image:url(../img/culleft_cur.png)}
.respon2slide .swiper-button-next{background-image:url(../img/culright.png);right:60px}
.respon2slide .swiper-button-next:hover{background-image:url(../img/culright_cur.png)}
.respon2slide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.respon2slide .box:hover .textbox .name{color:#2f318b}
.respon3{padding:102px 0 110px}
.respon3 .title{text-align:center;color:#000;font-size:32px}
.respon3 .text{text-align:center;color:#626262;font-size:18px;margin-top:15px;line-height:1.667}
.respon3 .imgbox{margin-top:85px;text-align:center}
.respon3 .imgbox .img{display:inline-block;margin:0 38px}
.respon3 .imgbox .img:nth-of-type(2) img{transform:translateY(-30px);-webkit-transform:translateY(-30px)}
.respon4{padding:100px 0;background-image:url(../img/respon4bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.respon4 .title{color:#2f318b;text-align:center;font-size:32px}
.respon4 .text{width:56.14%;margin:26px auto 0;color:#363c42;text-align:center;font-size:18px;line-height:1.667}

@media (max-width:1800px){
    .respon2slide .textbox .name{font-size:22px}
    .respon2slide .textbox{padding:68px 2.083vw 130px 2.343vw}
}

/* @media (max-width:170px){
    .respon2slide .textbox .name{font-size:24px}
    .respon2slide .textbox{padding:68px 2.083vw 130px 2.343vw}
} */


@media (max-width:1620px){
    .respon2slide .img{width:600px}
    .respon2slide .textbox{width:calc(100% - 600px);padding:50px 2.083vw 130px 2.343vw}
}

@media (max-width:1440px){
    .honortop .text{width:86%}
    .respon4 .text{width:72%}
    .respon2 .respon2slide{padding:0 3.5vw}
    .respon2slide .img{width:540px}
    .respon2slide .textbox{width:calc(100% - 540px);padding:50px 2.083vw 130px 2.343vw}
    .respon2slide .swiper-button-next, .respon2slide .swiper-button-prev{bottom:35px}
    .respon2slide .textbox .name{font-size:22px}
}

@media (max-width:1280px){
    .respon2slide .img{width:480px}
    .respon2slide .textbox{width:calc(100% - 480px);padding:30px 2.083vw 100px 2.343vw}
    .respon2slide .textbox .text{font-size:14px;line-height:1.7;margin-top:18px}
}

@media (max-width:1024px){
    .honortop{padding-top:50px}
    .honortop .text{font-size:14px;width:100%;margin:15px 0 40px;line-height:1.6}
    .honornavlist{margin-right:15px;font-size:16px;padding-bottom:20px}
    .honorbot{padding:35px 0}
    .honorslidelist{padding:0 50px}
    .honorslidelist .swiper-slide .img img{width:100%}
    .honorslidelist .swiper-button-next, .honorslidelist .swiper-button-prev{width:30px;height:30px;margin-top:-31px}
    .honorslidelist .title{font-size:14px;margin-top:15px}
    .respon1{padding:50px 0 45px}
    .respon1 .text{width:100%;margin:10px auto 0;font-size:14px}
    .respon2{padding:40px 0}
    .respon2 .title, .respon3 .title, .respon4 .title{font-size:24px}
    .respon2slide .img{width:100%}
    .respon2 .respon2slide{margin-top:25px;padding:0}
    .respon2slide .textbox{width:100%;padding:25px 20px 80px}
    .respon2slide .textbox .name{font-size:20px}
    .respon2slide .textbox .text{max-height:none;line-height:1.6;margin-top:10px;height:132px;overflow-y:auto}
    .respon2slide .swiper-button-next, .respon2slide .swiper-button-prev{bottom:25px;width:38px;height:38px}
    .respon2slide .swiper-button-next{right:20px}
    .respon2slide .swiper-button-prev{right:80px}
    .respon3, .respon4{padding:45px 0}
    .respon3 .text{font-size:14px;line-height:1.6;margin-top:10px}
    .respon3 .imgbox{margin-top:30px}
    .respon3 .imgbox .img{display:block;text-align:center;margin:0 0 20px 0}
    .respon3 .imgbox .img img{display:inline-block}
    .respon3 .imgbox .img:nth-of-type(2) img{-webkit-transform:translateY(0px);transform:translateY(0px)}
    .respon4 .text{width:100%;font-size:14px;line-height:1.6;margin:10px auto 0}
}

.coltop{padding:60px 0 84px;background-image:url(../img/colbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.column1{padding:82px 100px 96px;background-image:url(../img/col1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.column1 .textbox{width:50%}
.column1 .cntitle{color:#e62129;font-size:32px;font-weight:bold}
.column1 .entitle{color:#aeadad;font-size:18px;font-weight:bold;font-family:Arial;margin-top:6px}
.column1 .text{color:#585858;font-size:18px;margin-top:34px;line-height:1.667}
.column1 .text a{color:#e62129;font-size:18px}
.column2{margin-top:50px}
.column2nav{height:76px;background-color:#fff;border:1px solid #f6ebe6}
.column2navbox{position:relative}
.column2nav_cur{width:33.3333%;height:87px;background-image:url(../img/column2nav_cur.png);position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.column2navlist{width:33.3333%;border-right:1px solid #f6ebe6;line-height:74px;color:#b0b0b0;font-size:24px;font-weight:bold;text-align:center;cursor:pointer;position:relative;z-index:3}
.column2navlist.cur{border-right-color:#fff;color:#e62129}
.column2navlist:nth-last-of-type(1){border-right:none}
.column2_2slide{position:relative}
.column2box{margin-top:25px}
.column2list{display:none}
.column2list.cur{display:block}
.column2_1left{width:720px}
.column2_1left a{display:block}
.column2_1left .textbox{padding:33px 50px 42px 40px;background-image:url(../img/col2bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.column2_1left .datebox{margin-top:4px;padding-right:20px;border-right:1px solid #ededed}
.column2_1left .rightbox{width:calc(100% - 108px);margin-left:20px}
.column2_1left .day{color:#303b8b;font-size:52px;line-height:1;font-weight:bold;font-family:Arial}
.column2_1left .year{color:#303b8b;font-size:16px;margin-top:2px;font-family:Arial}
.column2_1left .title{color:#2e2e2e;font-size:24px;font-weight:bold;line-height:1.5;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.column2_1left .text{margin-top:22px;color:#999;height:54px;line-height:2.143;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.column2_1left:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.column2_1left:hover .title{color:#303b8b}
.column2_1left:hover .textbox{background-image:url(../img/col2bg3.jpg)}
.column2_1right{width:calc(100% - 740px);margin-left:20px}
.column2item{display:block;margin-bottom:20px;padding:36px 36px 36px 30px;background-image:url(../img/col2bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.column2item .datebox{padding-left:35px;border-left:1px solid #ececf0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.column2item .day{font-size:72px;line-height:1;font-family:Arial}
.column2item .year{color:#52504d;font-size:20px;font-family:Arial}
.column2item .textbox{width:calc(100% - 168px);margin-right:46px}
.column2item .title{font-size:22px;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.column2item .text{color:#999;margin-top:16px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.column2item:hover{background-image:url(../img/col2bg3.jpg)}
.column2item:hover .title{color:#e62129}
.column2item:hover .datebox{border-left-color:#fff}
.columnpagers{height:60px;background-color:#fff;text-align:center}
.columnpagers .list{display:inline-block;width:32px;height:32px;line-height:32px;margin-top:14px;vertical-align:middle;color:#666;font-size:16px;font-family:Arial;border-radius:32px}
.columnpagers a.list:hover,
.columnpagers a.list.cur{background-color:#fbe3de;color:#e62129}
.columnpagers .list.prev{background-image:url(../img/colleft.png);background-repeat:no-repeat;background-position:center center}
.columnpagers .list.prev:hover{background-image:url(../img/colleft_cur.png)}
.columnpagers .list.next{background-image:url(../img/colright.png);background-repeat:no-repeat;background-position:center center}
.columnpagers .list.next:hover{background-image:url(../img/colright_cur.png)}
.column2_2slide .title{margin-top:20px;font-size:16px;font-weight:bold;text-align:center}
.column2_2slide .swiper-button-next,
.column2_2slide .swiper-button-prev{width:42px;height:42px;margin-top:-21px;opacity:1;background-size:100% 100%}
.column2_2slide .swiper-button-next{background-image:url(../img/col2right.png);right:-70px}
.column2_2slide .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.column2_2slide .swiper-button-prev{background-image:url(../img/col2left.png);left:-70px}
.column2_2slide .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.columnbot{padding:94px 0;background-image:url(../img/col3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.columnbot .cntitle{color:#e62129;font-size:32px;font-weight:bold;text-align:center}
.columnbot .entitle{color:#aeadad;font-size:18px;font-weight:bold;text-align:center;margin-top:10px}
.columnbotslide{margin-top:50px;padding:0 5.729vw;position:relative}
.columnbotslide .swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function: linear; /*涔嬪墠鏄痚ase-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.columnbotslide .title{font-size:16px;font-weight:bold;text-align:center;margin-top:25px;text-align:center}
.columnbotslide .swiper-button-next,
.columnbotslide .swiper-button-prev{width:42px;height:42px;margin-top:-21px;background-size:100% 100%;opacity:1;display:none}
.columnbotslide .swiper-button-next{background-image:url(../img/col2right.png);right:0}
.columnbotslide .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.columnbotslide .swiper-button-prev{background-image:url(../img/col2left.png);left:0}
.columnbotslide .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.columnbotslide .swiper-slide:hover .img img,
.column2_2slide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}


@media (max-width:1440px){
    .column2_1left{width:600px}
    .column2_1right{width:calc(100% - 620px)}
    .column2item{padding:27px 36px 26px 30px}
    .column2item .day{font-size:58px;text-align:center}
	.column2_2slide .swiper-button-next{right:-50px}
	.column2_2slide .swiper-button-prev{left:-50px}
}

@media (max-width:1024px){
    .coltop{padding:50px 0}
    .column1{padding:25px}
    .column1 .textbox{width:100%}
    .column1 .cntitle{font-size:22px}
    .column1 .entitle{font-size:14px}
    .column1 .text{margin-top:10px;font-size:14px}
    .column1 .text a{font-size:14px}
    .column2nav_cur{height:60px}
    .column2nav{height:52px}
    .column2navlist{font-size:16px;line-height:50px}
    .column2_1left{width:100%}
    .column2_1left .textbox{padding:20px}
    .column2_1left .day, .column2item .day{font-size:34px}
    .column2_1left .year, .column2item .year{font-size:12px}
    .column2_1left .datebox{padding-right:10px}
    .column2_1left .rightbox{width:calc(100% - 74px);margin-left:15px}
    .column2_1left .title{font-size:18px;height:54px}
    .column2_1left .text{margin-top:15px;line-height:1.8;height:50px}
    .column2_1right{width:100%;margin-top:20px;margin-left:0}
    .column2item{padding:15px;margin-bottom:10px}
    .column2item .datebox{padding-left:15px}
    .column2item .textbox{width:calc(100% - 85px);margin-right:10px}
    .column2item .title{font-size:17px;height:25px;line-height:25px}
    .column2item .text{line-height:1.4;margin-top:8px;height:40px}
    .columnpagers{display:none}
    .column2_1right .wappager{background-color:#e62129}
    .column2list{min-height:inherit}
    .column2_2slide .swiper-button-next, .column2_2slide .swiper-button-prev,
    .columnbotslide .swiper-button-next, .columnbotslide .swiper-button-prev{width:34px;height:34px;margin-top:-36px}
    .column2_2slide .swiper-button-prev{left:15px}
    .column2_2slide .swiper-button-next{right:15px}
    .column2_2slide .title{margin-top:10px;font-size:14px}
    .columnbot{padding:50px 0}
    .columnbot .cntitle{font-size:22px}
    .columnbot .entitle{font-size:14px;margin-top:5px}
    .columnbotslide .img{text-align:center}
    .columnbotslide .img img{display:inline-block}
    .columnbotslide{margin-top:25px}
    .columnbotslide .title{font-size:14px;margin-top:10px}
}

.digitizing{padding:94px 0 129px;background-color:#eff0f5;background-image:url(../img/about1bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.digitizing1 .textbox, .digitizing2 .textbox{width:calc(100% - 730px)}
.digitizing1 .cntitle{color:#000;font-size:32px;font-weight:bold;line-height:1}
.digitizing1 .entitle{color:#aeaeae;font-size:18px;font-family:Arial;font-weight:bold;margin-top:12px}
.digitizing1 .bot{background-color:#1f5dc4;padding:34px 70px 32px 50px;margin-top:49px}
.digitizing1 .bot .text{max-height:120px;overflow-y:auto;padding-right:15px}
.digitizing1 .bot .text, .digitizing2 .textbox .text{color:#fff;font-size:16px;line-height:1.875}
.digitizing1 .img:hover img,
.digitizing2 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.digitizing2{margin-top:50px}
.digitizing2 .textbox{height:300px;padding:52px 58px 20px;background-color:#1f5dc4}
.digitizing2 .textbox .text{max-height:210px;overflow-y:auto;padding-right:15px}
.digitizing2 .textbox .text::-webkit-scrollbar,
.digitizing1 .bot .text::-webkit-scrollbar{width:6px}
.digitizing2 .textbox .text::-webkit-scrollbar-thumb,
.digitizing1 .bot .text::-webkit-scrollbar-thumb{background-color:#fff}
.digitizing2 .textbox .text::-webkit-scrollbar-track,
.digitizing1 .bot .text::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.5)}
.digitizing3{margin-top:50px}
.digitizing3 .wrap{position:relative}
.digitizing3 .swiper-button-next,
.digitizing3 .swiper-button-prev{width:42px;height:42px;margin-top:-21px;background-size:100% 100%;opacity:1}
.digitizing3 .swiper-button-next{background-image:url(../img/col2right.png);right:-42px}
.digitizing3 .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.digitizing3 .swiper-button-prev{background-image:url(../img/col2left.png);left:-42px}
.digitizing3 .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.digitizing1 .digshow1text{min-height:181px;margin-top:54px;background-image:url(../img/digshowbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.digitishow3slide .swiper-slide{background-color:#d3e0e9}
.digitishow3slide .img{width:1100px;margin:0 auto;height:800px;background-color:#d3e0e9;text-align:center;line-height:800px;position:relative}
.digitishow3slide .img img{display:inline-block;vertical-align:middle;margin-bottom:3px}



@media (max-width:1440px){
    .digitizing3 .swiper-button-next{right:-1.5vw}
    .digitizing3 .swiper-button-prev{left:-1.5vw}
    .digitizing1 .textbox, .digitizing2 .textbox{width:calc(100% - 600px)}
    .digitizing1 .img, .digitizing2 .img{width:600px}
    .digitizing2 .textbox{height:246.5px;padding:30px 30px 20px}
    .digitizing1 .cntitle{font-size:26px}
    .digitizing1 .bot{padding:30px 30px 20px 30px;margin-top:25px}
    .digitizing1 .entitle{font-sizE:16px;margin-top:7px}
    .digitizing2 .textbox .text{max-height:180px}
    .digitizing1 .digshow1text{min-height:151px;margin-top:44px}
}

@media (max-width:1280px){
    .digitizing3 .swiper-button-next{right:0vw}
    .digitizing3 .swiper-button-prev{left:0vw}
}

@media (max-width:1024px){
    .digitizing{padding:50px 0 60px}
    .digitizing1 .img, .digitizing2 .img{width:100%}
    .digitizing1 .textbox, .digitizing2 .textbox{width:100%}
    .digitizing1 .cntitle{font-size:22px}
    .digitizing1 .entitle{font-size:14px;margin-top:5px}
    .digitizing1 .bot{margin-top:20px;padding:20px}
    .digitizing1 .bot .text, .digitizing2 .textbox .text{font-size:12px;line-height:1.8;max-height:inherit}
    .digitizing2{margin-top:25px}
    .digitizing3{margin-top:25px}
    .digitizing3 .wrap2{padding:0 40px}
    .digitizing3 .swiper-button-next, .digitizing3 .swiper-button-prev{width:34px;height:34px;margin-top:-17px}
    .digitizing3 .swiper-button-next{right:15px}
    .digitizing3 .swiper-button-prev{left:15px}
    .digitizing2 .textbox{padding:20px;height:auto}
    .digitizing1 .digshow1text{min-height:inherit}
    .digitishow3slide .img{width:100%;height:auto}
    .digitishow3slide .img img{display:block}
    
}

.product1{padding:114px 0 44px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.product1botbox{margin-top:46px}
.pro1left{width:48.63%;background-color:#fff;margin-right:10px}
.pro1left .box{display:block;padding:20px 20px 78px}
.pro1left .box .textbox{margin-top:36px}
.pro1left .box .type{color:#000;font-size:24px;text-align:center;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pro1left .box .title{color:#666;text-align:center;margin-top:10px}
.pro1left .swiper-button-next,
.pro1left .swiper-button-prev{width:42px;height:42px;background-size:100% 100%;margin-top:-95px;opacity:1}
.pro1left .swiper-button-next{background-image:url(../img/col2right.png);right:60px}
.pro1left .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.pro1left .swiper-button-prev{background-image:url(../img/col2left.png);left:60px}
.pro1left .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.pro1right{width:calc(100% - 48.63% - 10px)}
.pro1item{width:calc((100% - 10px) / 2);height:calc((100% - 10px) / 2);margin-bottom:10px;background-color:#fff;margin-right:10px;position:relative;overflow:hidden;box-shadow:0px 0px 21px 0px rgba(0,0,0,0.12)}
.pro1item .swiper-slide{padding:50px 40px 46px;overflow:hidden}
.pro1item:nth-of-type(2n){margin-right:0}
.pro1item:nth-last-of-type(1),
.pro1item:nth-last-of-type(2){margin-bottom:0}
.pro1item .pro1logo{position:absolute;top:0;left:-101px;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}
.pro1item .iconitems{position:absolute;right:-40px;top:50%;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;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.pro1item .iconitem{display:block;margin-bottom:10px}
.pro1item .iconitem p {font-size: 12px;color: #999;margin-top: 4px;text-align: center;}
.pro1item .iconitem:nth-last-of-type(1){margin-bottom:0}
.pro1item .textbox{margin-top:26px}
.pro1item .textbox .type{color:#000;font-size:24px;text-align:center;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pro1item .textbox .title{color:#666;text-align:center;margin-top:8px;height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pro1item .img{text-align:center}
.pro1item .img img{display:inline-block;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pro1left .box:hover .img img,
.pro1item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.pro1left .box:hover .type,
.pro1item:hover .textbox .type{color:#e62129}
.pro1item:hover .pro1logo{left:0;opacity:1}
.pro1item:hover .iconitems{right:10px;opacity:1}
.product3{padding:76px 0 118px;background-color:#eff0f5}
/* .product2title{margin-top:84px} */
.product2{padding:114px 0;background-color:#a4bcd5}
.product2slide .box{display:block}
.product2slide .type{max-width:400px;color:#fff;font-size:40px;font-weight:bold;position:absolute;top:0;left:0;height:108px;line-height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product2slide .desc{max-width:460px;color:#fff;font-size:18px;font-weight:bold;line-height:1.667;position:absolute;right:0;bottom:-30px;text-align:justify;height:122px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.product2slide .swiper-button-next,
.product2slide .swiper-button-prev{width:58px;height:58px;margin-top:-29px;background-size:100% 100%;opacity:1}
.product2slide .swiper-button-next{background-image:url(../img/pro2right.png);right:0}
.product2slide .swiper-button-next:hover{background-image:url(../img/pro2right_cur.png)}
.product2slide .swiper-button-prev{background-image:url(../img/pro2left.png);left:0}
.product2slide .swiper-button-prev:hover{background-image:url(../img/pro2left_cur.png)}
.product2slide .swiper-container{padding-bottom:50px}
.product2slide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px}
.product2slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:4px;border-radius:0px;background-color:rgba(255,255,255,0.65);opacity:1}
.product2slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff}
.prod1{padding:110px 0;background-color:#eff0f5;margin-top:100px}
.prod1 .pcnav{margin-bottom:110px;box-shadow:none}
.prod1box{padding:0 7.708vw 0 6.77vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.prod1left{width:530px;padding:70px 75px 84px 60px;background-color:#fff;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.05)}
.prod1left .type{color:#2f318b;font-size:44px;line-height:56px;font-weight:bold;font-family:Arial}
.prod1left .title{color:#000;font-size:24px}
.prod1left .text{color:#666;margin-top:20px;padding-bottom:62px;border-bottom:1px solid #eee;line-height:1.714;text-align:justify}
.prod1slide{margin-top:50px;padding:0 56px;position:relative}
.prod1slide .img{border:1px solid #e7e7e7;cursor:pointer}
.prod1slide .swiper-slide.cur .img{border-color:#3968b1}
.prod1slide .swiper-button-next, .prod1slide .swiper-button-prev{width:19px;height:34px;background-size:100% 100%;opacity:1;margin-top:-17px}
.prod1slide .swiper-button-next{background-image:url(../img/prod1right.png);right:0}
.prod1slide .swiper-button-next:hover{background-image:url(../img/prod1right_cur.png)}
.prod1slide .swiper-button-prev{background-image:url(../img/prod1left.png);left:0}
.prod1slide .swiper-button-prev:hover{background-image:url(../img/prod1left_cur.png)}
.prod1right{width:calc(100% - 530px);padding-left:3.229vw}
.prod1right .list{display:none}
.prod1right .list.cur{display:block}
.prod1right.wap{display:none}
.prod2list{padding:96px 0 100px;border-bottom:1px solid #eff0f5;background-repeat:no-repeat;background-position:center center}
.prod2list:nth-of-type(1){background-image:url(../img/prodbg1.jpg)}
.prod2list:nth-of-type(2){background-image:url(../img/prodbg2.jpg)}
.prod2list .textbox{width:calc(100% - 630px);padding-right:5.208vw}
.prod2list:nth-of-type(2) .textbox{padding-right:0;padding-left:5.208vw}
.prod2list .title{color:#000;font-size:30px;font-weight:bold}
.prod2list .text{margin-top:26px}
.prod2list .text p.icon{background-image: url(../img/prod2icon.png)!important;background-repeat:no-repeat !important;background-position:left top 12px !important;padding-left:22px !important;line-height:2.25 !important}
.prod2list .img{margin-top:4px}
.prod2list .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3{padding:96px 0 120px;background-color:#eff0f5}
.prod3 .title{color:#000;font-size:30px;font-weight:bold;padding-left:100px}
.prod3 .wrap2 .title {padding-left: 0;}
.prod3 .content{margin-top:35px}
.propcnavbox{top:-70px;background-color:#fff}
.propcnavbox.cur{width:100%;position:fixed;top:0;left:0;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}


@media (max-width:1800px){
    .pro1left .box{padding:20px 20px 60px}
    .pro1item .swiper-slide{padding:30px 55px 30px}
    .pro1item .textbox{margin-top:15px}
	.product2slide .desc{max-width:400px}
}

@media (max-width:1620px){
    .pro1item .pro1logo{width:71px;left:-71px}
    .pro1item .swiper-slide{padding:25px 50px 30px}
    .pro1item .textbox{margin-top:15px}
    .product2slide .desc{max-width:380px}
}

@media (max-width:1440px){
    .pro1left .box{padding:20px 20px 40px}
    .pro1item .pro1logo{width:64px;left:-64px}
    .pro1item .swiper-slide{padding:35px 40px 20px}
    .pro1item .textbox{margin-top:10px}
    .pro1item .textbox .type{font-size:20px;height:26px}
    .pro1item .textbox .title{margin-top:4px}
    .product2slide .desc{font-size:16px}
    .product2slide .type{font-size:32px;height:92px;line-height:46px}
    .prod1box{padding:0 4vw 0 3.5vw}
    .prod1left{width:450px;padding:45px 50px 60px 40px}
    .prod1right{width:calc(100% - 450px);padding-left:2vw}
    .prod2list .img{width:530px}
    .prod2list .textbox{width:calc(100% - 530px);padding-right:3vw}
    .prod2list:nth-of-type(2) .textbox{padding-right:0;padding-left:3vw}
    .prod1left .text{padding-bottom:40px}
    .prod1slide{margin-top:35px}
    .prod2list .title, .prod3 .title{font-size:24px}
    .prod1left .type{font-size:34px;line-height:48px}
    .prod1left .title{font-size:18px}
    .prod3 .title{padding-left:50px}
    .product2slide .desc{max-width:320px;height:106px}
}

@media (max-width:1024px){
    .product1{padding:30px 0}
    .product1botbox{margin-top:30px}
    .pro1left{width:100%;margin-right:0;margin-bottom:30px}
    .pro1left .box{padding:10px 10px 25px}
    .pro1left .box .textbox{margin-top:15px}
    .pro1left .box .type, .pro1item .textbox .type{font-size:18px;height:22px}
    .pro1left .box .title{margin-top:3px}
    .pro1right{width:100%}
    .pro1item .swiper-slide{padding:20px 10px}
    .pro1item .iconitem img {width: 30px;}
    .pro1left .swiper-button-next, .pro1left .swiper-button-prev{width:34px;height:34px;margin-top:-54px}
    .pro1left .swiper-button-next{right:25px}
    .pro1left .swiper-button-prev{left:25px}
    .product2{padding:50px 0}
    .product2slide .type{font-size:24px;position:static;margin-top:20px;height:34px}
    .product2slide .desc{font-size:14px;line-height:1.6;text-align:left;position:static;height:90px;margin-top:10px}
    .product2slide .swiper-button-next, .product2slide .swiper-button-prev{width:38px;height:38px;margin-top:-33px;top:45%}
    .prod1{margin-top:0;padding:50px 0}
    .prod1right{width:100%;padding-left:0}
    .prod1box{padding:0}
    .prod1left{width:100%;padding:25px 20px;margin-top:25px}
    .prod1left .type{font-size:28px;line-height:38px}
    .prod1left .title{font-size:16px}
    .prod1left .text{margin-top:15px;padding-bottom:25px;line-height:1.6}
    .prod1slide{margin-top:25px;padding:0 25px}
    .prod1slide .swiper-button-next, .prod1slide .swiper-button-prev{width:14px;height:25px;margin-top:-12px}
    .prod1box{overflow:hidden}
    .prod2list, .prod3{padding:50px 0}
    .prod2list .img{width:100%;margin-top:0}
    .prod2list .textbox{width:100%;padding-right:0;margin-top:25px}
    .prod2list .title, .prod3 .title{font-size:20px}
    .prod2list .text{margin-top:10px}
    .prod2list:nth-of-type(2) .textbox{padding-left:0}
    .prod3 .title{padding-left:0}
    .prod3 .content{margin-top:20px}
    /* .product2title{margin-top:65px} */
    .prod1right{display:none}
    .prod1right.wap{display:block}
    .product2slide .swiper-container{padding-bottom:30px}
    .pro1item{padding:10px 0}
}

.case1{padding:114px 0 90px;background-image:url(../img/case1bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.case1 .text{width:100%;text-align:center;margin:36px auto 72px;color:#666;font-size:16px;line-height:2}
.case1 .img{text-align:center}
.case1 .img img{display:inline-block}
.case2 .prod2list:nth-of-type(1){background-image:none;background-color:#eff3f5}
.case2 .prod2list:nth-of-type(2){background-image:none;background-color:#fff}
.case2 .prod2list .textbox{width:Calc(100% - 730px)}
.case2 .prod2list .textbox .entitle{color:#aeadad;font-size:18px;font-weight:bold;font-family:Arial;margin-top:5px}
.case2 .prod2list .videobox{position:relative}
.case2 .prod2list .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.case2 .prod2list .videobox .img{cursor:pointer}
.case2 .prod2list .videobox.cur .img{z-index:-1;opacity:0;visibility:hidden}
.case2 .prod2list .videobox.cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.case3{padding:102px 0 100px;background-color:#eff3f5}
.case3slide{margin-top:24px;padding:0 116px;position:relative}
.case3slide .swiper-container{padding:20px 0}
.case3slide .box{display:block;background-color:#fff;padding:20px 40px 46px}
.case3slide .box img{width:100%}
.case3slide .box:hover{box-shadow:0px 0px 27px 0px rgba(199,206,209,0.35)}
.case3slide .box:hover .textbox .type{color:#e62129}
.case3slide .textbox{margin-top:20px}
.case3slide .textbox .type{color:#000;font-size:18px;font-weight:bold;text-align:center;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.case3slide .textbox .title{color:#666;text-align:center;margin-top:4px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.case3slide .swiper-button-next,
.case3slide .swiper-button-prev{width:42px;height:42px;background-size:100% 100%;margin-top:-21px;opacity:1}
.case3slide .swiper-button-next{background-image:url(../img/col2right.png);right:0}
.case3slide .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.case3slide .swiper-button-prev{background-image:url(../img/col2left.png);left:0}
.case3slide .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.news{padding:104px 0 100px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.newstopsel{width:228px;position:relative;z-index:3}
.newstopseltop{width:100%;height:54px;background-color:#fff;border:1px solid #e4e5eb;border-radius:5px;padding:0 20px;cursor:pointer}
.newstopseltop .name{width:calc(100% - 33px);margin-right:20px;color:#757686;line-height:52px}
.newstopseltop .icon{line-height:52px;height:52px}
.newstopseltop .icon img{display:inline-block;margin-bottom:3px;vertical-align:middle}
.newstopsel.cur .newstopseltop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.newstopselitems{width:100%;border:1px solid #e4e5eb;border-top:none;max-height:160px;overflow:hidden;background-color:#fff;overflow-y:auto;position:absolute;top:74px;left:0;z-index:-1;opacity:0;visibility:hidden}
.newstopselitems::-webkit-scrollbar{width:6px}
.newstopselitems::-webkit-scrollbar-thumb{background-color:#2f318b}
.newstopselitems::-webkit-scrollbar-track{background-color:#f0f0ff}
.newstopsel.cur .newstopselitems{top:50px;z-index:9;opacity:1;visibility:visible}
.newstopseliem{cursor:pointer;height:38px;line-height:38px;border-bottom:1px solid #fafafa;padding:0 20px;color:#666}
.newstopseliem:nth-last-of-type(1){border-bottom:none}
.newstopseliem:hover{color:#fff;background-color:#2f318b}
.newsitems{margin:38px 0 60px}
.newsitem{margin-bottom:25px;display:block}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .rightbox{width:calc(100% - 305px);margin-left:5px;position:relative;padding:36px 35px 37px;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsresult{margin-top:100px}
.newsresult .newsitem .rightbox{width:100%;margin-left:0}
/* .newsitem:hover .rightbox{background-image:url(../img/col2bg2.jpg)} */
/* .newsitem .rightbox:before{content:"";width:100%;height:100%;background-color:#2f318b;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} */
/* .newsitem:hover .rightbox:before{width:100%} */
.newsitem:hover .rightbox{background-color:#2f318b}
.newsitem .textbox,
.newsitem .datebox{position:relative;z-index:3}
.newsitem .textbox{width:calc(100% - 210px);margin-right:84px}
.newsitem .datebox{padding-left:36px;border-left:1px solid #ececf0}
.newsitem .datebox .day{font-size:72px;line-height:1;font-family:Arial}
.newsitem .datebox .date{text-align:center;font-size:20px;font-family:Arial;margin-top:2px}
.newsitem .textbox .title{font-size:22px;line-height:30px;;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .text{color:#666;margin-top:16px;line-height:1.714;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem:hover .datebox .day,
.newsitem:hover .datebox .date,
.newsitem:hover .textbox .title,
.newsitem:hover .textbox .text{color:#fff}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsd{padding:80px 0;background-color:#eff0f5;background-image:url(../img/probg1);background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.newsdbox{background-color:#fff;padding:60px 100px;box-shadow:0px 0px 22px 0px rgba(0,0,0,0.05)}
.newsdtop{padding-bottom:25px;border-bottom:1px solid #e8e8e8}
.newsdtop .title{font-size:30px;text-align:center;font-weight:bold}
.newsdtop .other{color:#999;text-align:center;margin-top:12px}
.newsdbox .content{padding:24px 0 56px}
.newsdpager{padding:28px 0;border-top:1px solid #e8e8e8}
.newsdpager .text,
.newsdpager .name{color:#7c7c7c}
.newsdpager .text{width:calc(100% - 62px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsdpager a.text:hover{color:#2f318b}

@media (max-width:1440px){
    .case2 .prod2list .img{width:600px}
    .case2 .prod2list .textbox{width:calc(100% - 600px);padding-right:3vw}
    .prod2list:nth-of-type(2) .textbox{padding-right:0}
    .case2 .prod2list .textbox .entitle{font-size:16px}
    /* .case1 .text{width:70%} */
}

@media (max-width:1024px){
    .case1 .text{width:100%;line-height:1.6;margin:15px auto 25px}
    .case1, .case3{padding:50px 0}
    .case2 .prod2list .videobox, .case2 .prod2list .videobox .img, .case2 .prod2list .img{width:100%}
    .case2 .prod2list .textbox{width:100%;padding-right:0}
    .case2 .prod2list .textbox .entitle{font-size:12px}
    .case3slide{padding:0 50px}
    .case3slide .swiper-button-next, .case3slide .swiper-button-prev{width:34px;height:34px;margin-top:-17px}
    .case3slide .box{padding:20px}
    .case3slide .swiper-container{padding:0}
    .news{padding:50px 0;background-image:none}
    .newsresult{margin-top:0}
    .newstop .pagetitlebox .cntitle{text-align:left}
    .newstopsel{width:138px}
    .newstopseltop .name{width:calc(100% - 23px);margin-right:10px}
    .newstopseltop .name, .newstopseltop .icon{height:40px;line-height:40px}
    .newstopseltop{height:42px;padding:0 10px}
    .newsitem{margin-bottom:20px}
    .newsitems{margin:30px 0}
    .newsdbox{padding:25px}
    .newsdtop .title{font-size:20px}
    .newsdtop .other{margin-top:6px}
    .newsdbox .content{padding:30px 0}
    .newsdpager{padding:10px 0}
}

@media (max-width:768px){
	.newsitem .img, .newsitem .img img{width:100%}
	.newsitem .rightbox{width:100%;margin-left:0px;padding:20px}
	.newsitem .datebox .day{font-size:38px;text-align:center}
	.newsitem .datebox .date{font-size:14px}
	.newsitem .datebox{padding-left:15px}
	.newsitem .textbox{width:calc(100% - 95px);margin-right:15px}
	.newsitem .textbox .title{font-size:18px;height:23px;line-height:23px}
	.newsitem .textbox .text{margin-top:8px;line-height:1.6}
}


.webser{padding:114px 0 120px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.webserbox{margin-top:46px;background-color:#fff}
.webserbox .map{width:883px;height:600px;position:relative;}
/* .webserbox .map:before{content:"";width:915px;height:635px;position:absolute;top:-16px;left:-17px;z-index:8;background-image:url(../img/缁?9_76.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} */
.webserbox .mapbox{border:1px solid #1a73ce}
.webserbox .rightbox{width:calc(100% - 883px);height:600px;padding:70px 3.125vw 100px 3.4375vw}
.websearch{width:100%;height:54px;border:1px solid #eaeaea;padding:0 19px}
.websearch .input{width:calc(100% - 37px);margin-right:20px}
.websearch .input input{width:100%;height:52px}
.websearch .input input::-webkit-input-placeholder{color:#999}
.websearch .btn{height:52px;line-height:52px;cursor:pointer}
.websearch .btn img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.webscroll{margin-top:42px;position:relative}
.webscroll .title{font-size:18px;font-weight:bold}
.webscroll .swiper-slide{padding-right:6px;height:auto}
.webscroll .swiper-slide .box{padding:34px 0;border-bottom:1px solid #eaeaea}
.webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 34px 0}
.webscroll .text{color:#666;margin-top:6px;line-height:2}
.webscroll .swiper-container{height:336px}
.webscroll .swiper-container-vertical>.swiper-scrollbar{width:2px;height:100%;background-color:#eaeaea;right:4px;top:0;border-radius:0}
.webscroll .swiper-scrollbar-drag{width:10px;background-color:#2f318b;left:-4px;border-radius:0}
.clientser1{padding:116px 0 110px;background-image:url(../img/case1bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.clientser1 .context{color:#626262;font-size:18px;line-height:1.667;margin:35px 0 40px;text-align:center}
.clientser1bot{padding-top:45px;position:relative}
.clientser1bot .cenyuan{width:451px;height:451px;position:absolute;left:50%;margin-left:-225px;top:0}
.cli1items{padding:0 10.833vw;position:relative;z-index:3}
.cli1item .img{width:112px;height:112px;border-radius:50%;overflow:hidden;position:relative;z-index:3}
.cli1item .img img{width:112px;height:112px;border-radius:50%}
.cli1item .textbox{margin-top:18px;position:relative}
.cli1item .title{height:52px;padding:0 34px;background-color:#1d5cc3;line-height:52px;color:#fff;font-weight:bold;font-size:28px;border-radius:52px}
.cli1item .text{margin-top:14px;text-align:center;color:#626262;font-size:18px;line-height:1.667}
.cli1item:nth-of-type(1){margin-top:12px}
.cli1item:nth-of-type(1) .textbox{margin-right:88px}
.cli1item:nth-of-type(1) .textbox:before{content:"";width:112px;height:14px;position:absolute;top:24px;right:-113px;background-image:url(../img/cli1line1.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.cli1item:nth-of-type(2) .textbox{margin-left:88px}
.cli1item:nth-of-type(2) .textbox:before{content:"";width:133px;height:13px;position:absolute;top:25px;left:-143px;background-image:url(../img/cli1line2.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.cli1item:nth-of-type(3){margin-top:146px;padding-left:24.7375vw}
.cli1item:nth-of-type(3) .textbox{margin-left:252px;margin-top:0}
.cli1item:nth-of-type(3) .textbox:before{content:"";width:272px;height:43px;position:absolute;top:25px;left:-278px;background-image:url(../img/cli1line3.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.clientser2{padding:90px 0 106px;background-color:#f0eff4}
.clientser2 .text{font-size:18px;text-align:center;line-height:1.6}
.clientser2 .img{text-align:center;margin-top:36px;font-size:0}
.clientser2 .img img{display:inline-block}
.clientser3{padding:88px 0 84px;background-image:url(../img/cli3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.clientser3 .title{width:57%;margin:0 auto;color:#fff;text-align:center;font-size:32px;line-height:46px}
.clientser3 .text{width:57%;margin:24px auto;color:#fff;font-size:18px;line-height:1.667;text-align:center}

@media (max-width:1800px){
    .cli1items{padding:0 8.2vw}
    .cli1item:nth-of-type(3){padding-left:26.9375vw}
}

@media (max-width:1670px){
    .cli1item:nth-of-type(3){padding-left:26.4375vw}
}

@media (max-width:1650px){
    .cli1item:nth-of-type(3){padding-left:26.2375vw}
}

@media (max-width:1635px){
    .cli1item:nth-of-type(3){padding-left:26.0375vw}
}

@media (max-width:1620px){
    .webserbox .map{width:783px;height:533px}
    .webserbox .map:before{width:812px;height:562px;top:-14px;left:-16px}
    .webserbox .rightbox{width:calc(100% - 783px);height:533px}
    .cli1items{padding:0 7.6vw}
    .cli1item:nth-of-type(3){padding-left:30vw}
}

@media (max-width:1480px){
    .cli1item:nth-of-type(3){padding-left:29.7vw}
}

@media (max-width:1460px){
    .cli1item:nth-of-type(3){padding-left:29.1vw}
}

@media (max-width:1440px){
    .webserbox .map{width:683px;height:465px}
    .webserbox .map:before{width:708px;height:494px;top:-14px;left:-13px}
    .webserbox .rightbox{width:calc(100% - 683px);height:465px;padding:40px 2.5vw 60px}
    .webscroll .swiper-container{height:260px}
    .webscroll .text{line-height:1.6}
    .webscroll .swiper-slide .box{padding:25px 0}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 25px 0}
    .cli1items{padding:0 5vw}
    .clientser3 .title,
    .clientser3 .text{width:74%}
    .cli1item:nth-of-type(3){padding-left:34vw}
    .clientser1 .context, .cli1item .text, .clientser3 .text{font-size:16px}
    .cli1item .title, .clientser2 .text{font-size:26px}
    .clientser3 .title{font-size:28px}
}

@media (max-width:1280px){
    .cli1items{padding:0}
    .cli1item:nth-of-type(3){padding-left:41vw}
}

@media (max-width:1100px){
    .cli1item:nth-of-type(3){padding-left:36vw}
}

@media (max-width:1024px){
    .webser{padding:50px 0}
    .webserbox{margin-top:25px}
    .webserbox .map{width:100%;height:350px;margin:0 auto}
    .webserbox .map:before{display:none}
    .webserbox .rightbox{width:calc(100% - 683px);height:465px;padding:40px 2.5vw 60px}
    .webscroll .swiper-container{height:260px}
    .webscroll .text{line-height:1.6}
    .webscroll .swiper-slide .box{padding:25px 0}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 25px 0}
    .webmapimg{height:100%}
    .webserbox .mapbox{height:350px}
    .webserbox .rightbox{width:100%;height:auto;padding:25px}
    .websearch{height:42px;padding:0 10px}
    .websearch .input input{height:40px}
    .websearch .btn{height:40px;line-height:42px}
    .webscroll .title{font-size:16px}
    .webscroll{margin-top:25px}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 15px 0}
    .webscroll .swiper-slide .box{padding:15px 0}
    .clientser1{padding:50px 0}
    .clientser1 .context, .cli1item .text, .clientser3 .text{font-size:14px}
    .clientser1 .context{margin:15px 0 25px}
    .clientser1bot .cenyuan{width:100%;height:auto;margin-left:0;position:static}
    .clientser1bot{padding-top:0}
    .cli1items{margin-top:25px}
    .cli1item{margin-bottom:25px}
    .cli1item:nth-last-of-type(1){margin-bottom:0}
    .cli1item:nth-of-type(1){margin-top:0}
    .cli1item:nth-of-type(3){margin-top:0;padding-left:0}
    .cli1item:nth-of-type(3) .img{float:right}
    .cli1item:nth-of-type(3) .textbox{margin-left:0;margin-right:100px;margin-top:10px}
    .cli1item:nth-of-type(3) .textbox:before{width:112px;height:14px;background-image:url(../img/cli1line1.png);left:auto;right:-113px;top:20px}
    .cli1item .title{height:40px;line-height:40px}
    .cli1item .title, .clientser2 .text{font-size:18px}
    .cli1item:nth-of-type(1) .textbox:before{top:17px}
    .cli1item .text{margin-top:8px;line-height:1.6}
    .clientser2{padding:40px 0 45px}
    .clientser3{padding:35px 0}
    .clientser3 .title, .clientser3 .text{width:100%}
    .clientser3 .title{font-size:18px;line-height:32px}
    .clientser3 .text{margin:15px auto 0;line-height:1.6}
	.cli1item:nth-of-type(1) .textbox,
	.cli1item:nth-of-type(3) .textbox{margin-right:68px}
	.cli1item:nth-of-type(2) .textbox{margin-left:68px}
	.cli1item .img, .cli1item .img img{width:82px;height:82px}
}

.suggest{padding:112px 0 116px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.suggest .context{width:83%;margin:38px auto 52px;color:#626262;font-size:18px;text-align:center;line-height:1.667}
.suggestform{padding:0 5.8333vw}
.sugglist{width:47.8%;margin-right:4.4%;margin-bottom:15px}
.sugglist:nth-of-type(2n){margin-right:0}
/* .sugglist .name{width:100px;color:#666;line-height:42px;margin-right:6px} */
.sugglist .name{width:100px;color:#666;line-height:42px;margin-right:6px}
/* .sugglist:nth-of-type(2n) .name{width:86px} */
.sugglist:nth-of-type(2n) .name{width:100px}
.sugglist:nth-last-of-type(1) .name{width:100px}
.sugglist .name span{width:10px;color:#e60012;display:inline-block}
.sugglist .input, .sugglistsel{width:calc(100% - 106px)}

.sugglist.nodisplaynone{margin-right:0}
.sugglist.nodisplaynone:nth-of-type(2n){margin-right:4.4%}
.sugglist.nodisplaynone:nth-of-type(6){margin-right:0}

.sugglist.textareaval{width:100%}
.sugglist.textareaval .input{width:calc(100% - 106px)}
.sugglist .input input{width:100%;height:42px;border:1px solid #585b69;padding:0 19px;background-color:transparent}
.sugglist .input input::-webkit-input-placeholder,
.sugglist .input textarea::-webkit-input-placeholder{color:#999}
.sugglist .input textarea{width:100%;height:100px;padding:12px 19px;background-color:transparent;border:1px solid #585b69}
.sugglistsel{position:relative}
.sugglistseltop{width:100%;height:42px;border:1px solid #585b69;padding:0 19px;cursor:pointer}
.sugglistseltop .name{width:calc(100% - 40px);color:#999;line-height:40px;margin-right:20px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sugglistseltop .icon{height:40px;line-height:40px}
.sugglistseltop .icon img{display:inline-block;vertical-align:middle}
.sugglistselitems{width:100%;max-height:200px;overflow-y:auto;background-color:#fff;box-shadow:0px 6px 22px 0px rgba(0,0,0,0.04);border:1px solid #585b69;border-top:none;position:absolute;top:62px;left:0;z-index:-1;opacity:0;visibility:hidden}
.sugglistselitems::-webkit-scrollbar{width:6px}
.sugglistselitems::-webkit-scrollbar-thumb{background-color:#2f318b}
.sugglistselitems::-webkit-scrollbar-track{background-color:#efefff}
.sugglistselitem{height:38px;line-height:38px;border-bottom:1px solid #f9f9f9;padding:0 19px;color:#666;cursor:pointer}
.sugglistselitem:hover{background-color:#2f318b;color:#fff}
.sugglistsel.cur .sugglistseltop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.sugglistsel.cur .sugglistselitems{z-index:9;opacity:1;top:41px;visibility:visible}
.sugglist .codeinput{width:190px}
.sugglist .codeinput input{width:100%;height:52px;border:1px solid #585b69;padding:0 19px;background-color:transparent}
.sugglist .codeimg{margin-left:6px}
.sugglist .codeimg img{width:110px;height:52px}
.sugbtn{width:460px;height:52px;background-color:#2f318b;color:#fff;text-align:center;line-height:52px;cursor:pointer;margin:55px auto 0;font-size:16px;font-weight:bold}
.contact{padding:112px 0 66px;background-image:url(../img/conbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.conmapbox{margin:46px 0;position:relative}
/* .conmapbox:after{content:"";width:calc(100% + 36px);height:calc(100% + 36px);position:absolute;top:-16px;left:-18px;background-image:url(../img/conmapbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} */
.conmapbox .conmap{width:100%;height:31.061vw;overflow:hidden;border:1px solid #1a73ce}
.conmapbox .conmapimg{width:100%;height:100%}
.conbot{text-align:center}
.conbotewmbox{display:inline-block;vertical-align:middle}
/*.conbotewmlist:nth-of-type(1){margin-right:14px}*/
.conbotewmlist{margin-right:14px}

.conbotewmlist .img{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.08)}
.conbotewmlist .title{color:#151515;text-align:center;margin-top:16px;font-weight:bold}
.conitems{margin-left:56px;display:inline-block;vertical-align:middle}
.conitem{margin-bottom:15px}
.conitem .text{font-size:16px;font-weight:bold;line-height:30px;margin-left:15px}
.supbantext{font-weight:bold;text-align:center;margin-top:10px}
/* .supbantext{width:783px;height:366px;padding-top:54px;font-weight:bold;text-align:center;position:absolute;bottom:-80px;left:50%;margin-left:-392px} */

/* ;background-image:url(../img/supbanbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100% */
.supbantext-text{display:inline-block;color:#e62129;font-size:24px;vertical-align:top}
.supbantext-slide{width:558px;height:31px;display:inline-block;vertical-align:top;margin-left:-4px;position:relative;overflow:hidden}
/* .supbantext-slide .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
} */
.supbantext-slide a{color:#fff;font-size:24px;font-weight:normal;text-align:left;display:block;padding-right:30px;white-space:nowrap}
.supbantext-slide .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}
.supbantext-slide .scrollbox{width:auto;position:absolute;left:0;top:0}
/* .supbantext-slide .scrollbox .list{} */
.pageban .suppbantextbox{margin-top:-94px}
.supplieform{margin-top:42px}
.supplieform .sugglist{width:46%;margin-right:4%;position:relative}
.supplieform .sugglist:nth-of-type(2n){margin-right:0}
.supplieform .sugglist .name{width:198px}
.supplieform .sugglist .input,
.supplieform .sugglistsel{width:calc(100% - 206px)}
.supplieform .sugglistseltop .name{width:calc(100% - 40px)}
.supplieform .sugglist.formlistw100{width:96%;margin-right:0}
.supplieform .sugglist.mr3{margin-right:4%}
.supplieform .sugglist.mr0{margin-right:0%}
.supplieform .pdr input{padding-right:80px}
.supplieform .pdr span{color:#999;position:absolute;height:40px;line-height:40px;top:1px;right:10px}
.supplisttop{margin-bottom:14px}
.supplisttop .title{font-size:30px;line-height:60px}
.supplisttop .add{font-size:16px;color:#666;padding-left:30px;line-height:60px;cursor:pointer;background-image:url(../img/suppadd.png);background-repeat:no-repeat;background-position:left center}
.supplist{width:96%}
.supplieform .sugglist .name.w136{width:150px}
.supplieform .sugglist .input.w136{width:calc(100% - 158px)}
.supplieform .sugglist .name.pdl{padding-left:1.75vw}
.supplieform .sugglistsel.w136{width:calc(100% - 158px)}
.supplieform .supplistbot .sugglist{width:48%}
.supplieform .supplistbot .sugglist .name.pdl{padding-left:2.5vw}
.supplieform .supplist .addpeolist .sugglist{width:19.32%;margin-right:0.85%}
.supplieform .supplist .addpeolist .sugglist:nth-of-type(5n){margin-right:0}
.supplieform .supplist .addpeolist .sugglist .name{width:58px}
.supplieform .supplist .addpeolist .sugglist .input{width:calc(100% - 66px)}

@media (max-width:1620px){
    .conmapbox .conmap{height:34.061vw}
    .conmapbox:after{width:calc(100% + 30px);height:calc(100% + 30px);top:-14px;left:-15px}
    /* .supbantext{width:663px;height:310px;margin-left:-331px;font-size:20px;padding-top:48px} */
    .supbantext a, .supbantext-text{font-size:20px}
    
}

@media (max-width:1440px){
    .suggest .context{width:94%;font-size:16px}
    .suggestform{padding:0 2.5vw}
    .sugbtn{width:360px}
    .conmapbox .conmap{height:35.461vw}
    .conmapbox:after{width:calc(100% + 28px);height:calc(100% + 28px);top:-13px;left:-14px}
    /* .supbantext{width:583px;height:273px;margin-left:-291px;padding-top:40px} */
    .supbantext-text{font-size:18px}
    /* .supbantext-slide{width:422px} */
    .supbantext-slide a{font-size:18px}
}

@media (max-width:1280px){
    .pageban .suppbantextbox{margin-top:-60px}
    /* .supbantext{width:523px;height:244px;margin-left:-261px;font-size:16px;padding-top:36px} */
    .supbantext-text{font-size:16px}
    /* .supbantext-slide{width:374px} */
    .supbantext-slide a{font-size:16px}
}

@media (max-width:1024px){
    .suggest{padding:50px 0;background-image:none}
    .suggest .context{width:100%;font-size:14px;margin:10px 0 35px}
    .sugglist, .supplieform .sugglist{width:100%;margin-right:0}
    .sugglist:nth-of-type(2n) .name{width:100px}
    .suggestform{padding:0}
    .sugglist .name, .sugglistseltop .icon{line-height:40px}
    .sugglist .input input{height:40px;padding:0 10px}
    .sugglistseltop{height:42px;padding:0 10px}
    .sugglistseltop .icon, .sugglistseltop .name{height:40px}
    .sugglist .input textarea{height:90px;padding:8px 10px}
    .sugglist .codeinput{width:110px}
    .sugglist .codeinput input{height:40px;padding:0 10px}
    .sugglist .codeimg img{width:85px;height:40px}
    .sugbtn{width:120px;height:40px;line-height:40px;margin:20px auto 0}
    .contact{padding:50px 0 35px;background-image:none}
    .conmapbox:after{display:none}
    .conmapbox{margin:25px 0}
    .conmapbox .conmap{height:350px}
    .conbotewmlist .title{margin-top:8px}
    .conitems{display:block;margin-top:25px;margin-left:0}
    .conitem .icon{width:22px;height:22px}
    .conitem .text{width:calc(100% - 32px);text-align:left;font-size:14px;line-height:22px;margin-left:10px}
    .conitem{margin-bottom:10px}
    /* .supbantext{width:300px;height:140px;margin-left:-150px;font-size:12px;padding:10px 10px 0;bottom:-65px} */
    .pageban .suppbantextbox{margin-top:-45px}
    .supbantext-text{font-size:12px}
    .supbantext-slide{width:100%;height:16px}
    .supbantext-slide a{font-size:12px;line-height:15px;height:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
    .supplieform{margin-top:25px}
    .sugglist:nth-of-type(2n) .name, .sugglist .name, .supplieform .sugglist.formlistw100, .supplieform .sugglistsel.w136, .sugglist:nth-last-of-type(1) .name{width:100%}
    .supplieform .sugglist .name{line-height:24px;margin-bottom:4px}
    .supplieform .sugglist .input, .supplieform .sugglistsel, .supplieform .sugglist .name.w136, .supplieform .sugglist .input.w136,
    .sugglist .input, .sugglist.textareaval .input, .sugglistsel{width:100%}
    .sugglistseltop .name{width:calc(100% - 40px)}
    .supplieform .pdr span{height:38px;line-height:38px;top:29px}
    .supplieform .sugglistseltop .name, .supplieform .supplist .addpeolist .sugglist .name{margin-bottom:0;line-height:38px}
    .supplisttop .title{font-size:18px;line-height:32px}
    .supplisttop .add{font-size:14px;line-height:32px;background-size:16px 16px;padding-left:22px}
    .supplieform .supplistbot .sugglist, .supplist{width:100%}
    .supplieform .supplist .addpeolist .sugglist{width:100%;margin-right:0%}
    .supplieform .supplist .addpeolist .sugglist:nth-of-type(2n){margin-right:0}
    .sugglistsel.cur .sugglistselitems{top:41px}
}

@media (max-width:370px){
    .sugglist .codeinput{width:90px}
    .supbantext{width:260px;padding:5px 15px 0;margin:0 auto}
    .pageban .suppbantextbox{margin-top:-35px}
}

.recruit{padding:100px 0;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.recruititem{width:23.56%;margin-right:1.866%;position:relative}
.recruititem .textbox{width:34px;position:absolute;top:6.5%;right:14%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.recruititem:hover .textbox{right:24%}
.recruititem .textbox .title{font-size:32px;font-weight:bold;line-height:1}
.recruititem:nth-of-type(1) .textbox .title{color:#9de2ff}
.recruititem:nth-of-type(2) .textbox .title{color:#31565c}
.recruititem:nth-of-type(3) .textbox .title{color:#006794}
.recruititem:nth-of-type(4) .textbox .title{color:#3d3c40}
.recruititem .textbox .text{width:86%;margin-top:16px;color:#fff;font-size:24px;text-align:center;line-height:1;word-break:break-all;writing-mode:vertical-rl;writing-mode:tb-lr}
.recruititem:nth-of-type(4n){margin-right:0}
/* .recruititem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} */
.recruitb{padding:120px 0 100px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.recruitbnav{margin:40px 0 60px;position:relative;z-index:6}
.recruitbnavlist{width:calc((100% - 130px - 7.5%) / 5);margin-right:1.5%}
.recruitbnavlist .title{color:#000}
.recruitbnavsel{margin-top:6px;position:relative}
.recruitbnavseltop{height:66px;background-color:#fff;padding:0 20px;cursor:pointer}
.recruitbnavseltop .name{color:#999;line-height:66px;width:calc(100% - 34px);margin-right:20px;height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.recruitbnavseltop .icon{height:66px;line-height:66px}
.recruitbnavseltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.recruitbnavselitems{width:100%;background-color:#fff;box-shadow:0px 6px 22px 0px rgba(0,0,0,0.08);position:absolute;top:86px;left:0;z-index:-1;opacity:0;visibility:hidden}
.recruitbnavselitem{height:38px;line-height:38px;border-top:1px solid #fafafa;color:#999;padding:0 20px;cursor:pointer}
.recruitbnavselitem:hover{background-color:#242677;color:#fff;border-top-color:#242677}
.recruitbnavsel.cur .recruitbnavselitems{top:66px;z-index:9;opacity:1;visibility:visible}
.recruitbnavsel.cur .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.recruitbnav .btn{width:130px;height:66px;margin-top:25px;color:#fff;background-color:#e62129;line-height:66px;font-size:16px;font-weight:bold;text-align:center;cursor:pointer}
.recruitbnavlist .input{margin-top:6px}
.recruitbnavlist input{width:100%;height:66px;padding:0 20px}
.recruitbnavlist input::-webkit-input-placeholder{color:#999}
.joinustop{padding:28px 40px 0 98px;background-color:#242677;height:80px}
/* .joinustop{margin-top:46px} */
.joinustoplist{font-size:18px;color:#fff;line-height:24px}
.joinustoplist:nth-of-type(1){width:19.72%}
.joinustoplist:nth-of-type(2){width:19.72%}
.joinustoplist:nth-of-type(3){width:19.72%}
.joinustoplist:nth-of-type(4){width:19.72%}
.joinustoplist:nth-of-type(5){width:19.72%}
.joinusitems{margin-bottom:60px}
.joinusitem{border-bottom:2px solid #eff0f5}
.joinusitem:nth-last-of-type(1){margin-bottom:0}
.joinusitemtop{padding-left:98px;background-color:#fff}
.joinusitemtoplist{line-height:24px;color:#666;font-size:16px;padding:28px 0}
.joinusitemtoplist:nth-of-type(1){width:19.11%}
.joinusitemtoplist:nth-of-type(2){width:19.11%}
.joinusitemtoplist:nth-of-type(3){width:19.11%}
.joinusitemtoplist:nth-of-type(4){width:19.11%}
.joinusitemtoplist:nth-of-type(5){width:15.21%}
.joinusitemtoplist:nth-of-type(6){width:8.35%;cursor:pointer;height:80px;border-left:1px solid #c7cdd6;background-image:url(../img/join-r.png);background-repeat:no-repeat;background-position:center center}
.joinusitembot{padding:46px 78px 46px 98px;display:none;background-color:#fff}
.joinusitembot .list{margin-bottom:32px}
.joinusitembot .list:nth-last-of-type(1){margin-bottom:0}
.joinusitembot .list .name{color:#000;font-size:16px;font-weight:bold}
.joinusitembot .list .text{color:#696969;margin-top:10px;line-height:2}
.joinusitembot .emailbox{width:184px;height:52px;background-color:#e62129;margin-top:66px;text-align:center;color:#fff;line-height:52px;display:block;border-radius:52px}
.joinusitem.cur .joinusitemtop{background-color:#2f318b;box-shadow:0px 8px 17px 0px rgba(0,91,234,0.35)}
.joinusitem.cur .joinusitemtoplist{color:#fff}
.joinusitem.cur .joinusitemtoplist:nth-of-type(6){background-image:url(../img/join-rcur.png)}
.recruitb2{padding:88px 0 98px;background-image:url(../img/recbbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.recruitb2 .wrap2{text-align:center}
.recruitb2box{display:inline-block}
.recruitb2 .item{margin-bottom:10px}
.recruitb2 .item .icon{display:inline-block;vertical-align:middle}
.recruitb2 .item .email{font-size:28px;line-height:1;color:#fff;font-weight:bold;margin-left:4px;display:inline-block;vertical-align:middle}
.recruitb2 .item .tel{color:#fff;font-size:18px;font-weight:bold;line-height:22px;margin-left:4px;display:inline-block;vertical-align:middle}
.recruitb2 .btn{width:184px;height:52px;border:2px solid rgba(255,255,255,0.63);border-radius:52px;margin:30px auto 0;cursor:pointer;text-align:center;background-image:url(../img/recbbtnbg.png);background-repeat:no-repeat;background-position:center center}
.recruitb2 .btn .icon,
.recruitb2 .btn .icon img,
.recruitb2 .btn .tel{display:inline-block;vertical-align:middle;margin-bottom:3px}
.recruitb2 .btn .icon{height:48px;line-height:48px}
.recruitb2 .btn .tel{color:#fff;font-size:18px;margin-left:5px;line-height:44px;height:48px}
.busroutebox{width:970px;height:562px;padding:0;background-color:transparent;position:absolute;top:50%;margin-top:-281px;left:50%;margin-left:-485px;z-index:23;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.busroutebox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.busroutebox .top .title{padding-left:46px;color:#2f318b;font-size:28px;line-height:32px;background-image:url(../img/rectcicon.png);background-repeat:no-repeat;background-position:left center}
.busroutebox .top .close{cursor:pointer}
.busroutebox .top .close:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
.busroutebox .content{margin-top:35px;height:340px;overflow-y:auto}
.busroutebox .content::-webkit-scrollbar{width:5px}
.busroutebox .content::-webkit-scrollbar-thumb{background-color:#5368ff}
.busroutebox .content::-webkit-scrollbar-track{background-color:#f4f5ff}
.joinusitemwap{display:none}
.joinusitemwap .list{color:#666;width:50%}

@media (max-width:1440px){
    .recruititem .textbox{width:28px;top:5%;right:11%}
    .recruititem .textbox .title{font-size:26px}
    .recruititem .textbox .text{font-size:18px}
    .recruititem .textbox .text{width:82%}
}

@media (max-width:1024px){
    .recruit{padding:50px 0}
    .recruititem{width:100%;margin-right:0;margin-bottom:15px}
    .recruititem:nth-last-of-type(1){margin-bottom:0}
	.recruititem .img img{width:100%}
    .recruititem .textbox{width:24px;top:5%;right:6%}
    .recruititem .textbox .title{font-size:22px}
    .recruititem .textbox .text{width:76%;font-size:16px}
    .recruitb{padding:60px 0 50px}
    .recruitbnav{margin:20px 0 30px}
    .recruitbnavlist{width:49%;margin-right:2%;margin-bottom:10px}
    .recruitbnavlist:nth-of-type(2n){margin-right:0}
    .recruitbnav .btn{width:49%}
    .recruitbnavseltop,
    .recruitbnavlist input{height:46px;padding:0 10px}
    .recruitbnavseltop .name{width:calc(100% - 24px);height:46px;line-height:46px;margin-right:10px}
    .recruitbnavseltop .icon, .recruitbnav .btn{height:46px;line-height:46px}
    .joinustop{height:54px;padding:15px 10px;line-height:24px}
    .joinustoplist{font-size:14px}
    .joinusitemtop{padding-left:10px}
    .joinusitemtoplist{font-size:14px;padding:10px 0}
    .joinusitemtoplist:nth-of-type(6){width:10%;min-height:44px;height:auto;background-size:9px auto}
    .joinusitems{margin-bottom:30px}
    .joinusitemwap{display:block;margin-bottom:20px}
    .joinustoplist:nth-of-type(4), .joinustoplist:nth-of-type(5), .joinusitemtoplist:nth-of-type(4), .joinusitemtoplist:nth-of-type(5){display:none}
    .joinustoplist:nth-of-type(1), .joinustoplist:nth-of-type(3),
    .joinusitemtoplist:nth-of-type(1), .joinusitemtoplist:nth-of-type(3){width:35%}
    .joinustoplist:nth-of-type(2),.joinusitemtoplist:nth-of-type(2){width:20%}
    .joinusitembot{padding:25px 10px}
    .joinusitembot .joinusitemwap .list{margin-bottom:0}
    .joinusitembot .list .text{line-height:1.6}
    .joinusitembot .list .name{font-size:14px}
    .joinusitembot .list{margin-bottom:15px}
    .joinusitembot .emailbox{width:124px;height:38px;line-height:38px;margin-top:25px}
    .recruitb2{padding:40px 0}
    .recruitb2 .item .email{font-size:16px}
    .recruitb2 .item .tel{font-size:14px}
    .recruitb2 .item:nth-of-type(1) .icon img{width:20px}
    .recruitb2 .item:nth-of-type(2) .icon img{width:18px}
    .recruitb2 .item:nth-of-type(3) .icon img{width:15px}
    .recruitb2 .btn{width:154px;height:44px;margin:20px auto 0}
    .recruitb2 .btn .icon, .recruitb2 .btn .tel{height:40px;line-height:40px}
    .recruitb2 .btn .tel{font-size:16px}
    .busroutebox{width:94%;margin-left:-47%;height:360px;margin-top:-180px;padding:25px 15px}
    .busroutebox .top .title{font-size:18px;line-height:24px;background-size:20px auto;padding-left:32px}
    .busroutebox .content{margin-top:25px;height:250px}
}

@media (max-width:380px){
    .recruitbnavseltop, .recruitbnavlist input{padding:0 5px}
    .joinusitemtoplist{font-size:12px;line-height:20px;min-height:60px}
    .joinustoplist{font-size:12px}
    .joinusitemtoplist:nth-of-type(6){min-height:60px}
    .joinusitemwap .list, .recruitb2 .item .tel{font-size:12px}
    .recruitb2 .item .email{font-size:14px}
    .recruitb2 .btn{width:122px;height:40px}
    .recruitb2 .btn .icon, .recruitb2 .btn .tel{height:36px;line-height:36px}
    .recruitb2 .btn .tel{font-size:14px;margin-left:2px}
    .recruitb2 .btn .icon img{width:12px}
}

.qa{padding:104px 0 120px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.qatop .pagetitlebox .cntitle, .qatop .pagetitlebox .entitle,
.trainhightop .pagetitlebox .cntitle, .trainhightop .pagetitlebox .cntitle{text-align:left}
.qanav{margin-top:18px}
.qanavlist{color:#666;font-size:18px;line-height:40px;height:40px;margin-right:60px;cursor:pointer;position:relative}
.qanavlist:nth-last-of-type(1){margin-right:0}
.qanavlist:after{content:"";width:0px;height:2px;background-color:#e62129;position:absolute;bottom:-2px;left:0;overflow:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.qanavlist.cur:after,
.qanavlist:hover:after{width:100%}
.qanavlist.cur, .qanavlist:hover{color:#e62129}
.qaitems{margin:44px 0 80px}
.qaitem{margin-bottom:15px}
.qaitem:nth-last-of-type(1){margin-bottom:0}
.qaitemtop{background-color:#fff;padding:42px 42px 42px 58px}
.qaitemtop .icon{width:25px;height:26px;margin-right:25px;background-image:url(../img/qaicon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.qaitemtop .title{width:calc(100% - 100px);margin-right:20px;font-size:18px;line-height:26px;cursor:pointer}
.qaitemtop .right{width:24px;height:26px;cursor:pointer;background-image:url(../img/join-r.png);background-repeat:no-repeat;background-position:center center}
.qaitembot{padding:40px 110px;background-color:#fff;display:none}
.qaitem.cur .qaitemtop{background-color:#2f318b}
.qaitem.cur .qaitemtop .title{color:#fff}
.qaitem.cur .qaitemtop .icon{background-image:url(../img/qaicon_cur.png)}
.qaitem.cur .qaitemtop .right{background-image:url(../img/join-rcur.png)}
.businschool{padding:120px 0;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.busschlogo{width:101px;margin:0 auto 25px}
.businschool .context{margin:36px 0 58px;color:#626262;font-size:18px;line-height:1.667;text-align:center}
.businschoolitem{width:31.23%;margin-right:3.155%;cursor:pointer;position:relative;background-color:#2f318b}
.businschoolitem:nth-of-type(3n){margin-right:0}
.businschoolitem .textbox{width:100%;padding:35px 0 0 0;height:152px;background-color:#fff;position:absolute;bottom:0;left:0}
.businschoolitem .textbox .cntitle{color:#000;font-size:30px;text-align:center}
.businschoolitem .textbox .entitle{color:#999;font-size:12px;text-align:center;font-family:Arial;margin-top:7px}
.businschoolitem .textbox .text{max-height:0;color:#fff;line-height:1.714;overflow:hidden}
.businschoolitem:hover .img img{opacity:0.1}
.businschoolitem:hover .textbox{width:100%;height:100%;padding:44px 6.354vw 20px 48px;background-color:transparent}
.businschoolitem:hover .textbox .cntitle{color:#fff;font-size:36px;font-weight:bold;text-align:left}
.businschoolitem:hover .textbox .entitle{color:#eff3f5;text-align:left}
.businschoolitem:hover .textbox .text{max-height:256px;margin-top:42px;overflow-y:auto;padding-right:15px;padding-right:15px}
.businschoolitem:hover .textbox .text::-webkit-scrollbar{width:5px}
.businschoolitem:hover .textbox .text::-webkit-scrollbar-thumb{background-color:#fff}
.businschoolitem:hover .textbox .text::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.1)}
.trainhigh{padding:104px 0 128px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.trainhighitems{margin:46px 0 56px}
.trainhighitem{width:31.23%;margin-right:3.155%;margin-bottom:30px}
.trainhighitem:nth-of-type(3n){margin-right:0}
.trainhighitem .videobox{background-color:#000;position:relative}
.trainhighitem .videobox video{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;opacity:0;visibility:hidden}
.trainhighitem .videobox .play{width:65px;height:65px;position:absolute;top:50%;margin-top:-34px;left:50%;margin-left:-34px;z-index:2;cursor:pointer;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.trainhighitem .videobox.cur video{z-index:8;opacity:1;visibility:visible;opacity:1;object-fit:fill;object-position:center center;}
.trainhighitem .videobox.cur .img,
.trainhighitem .videobox.cur .play{z-index:-1;opacity:0;visibility:hidden}
.trainhighitem .textbox{padding:25px 15px;font-size:16px;text-align:center}
.trainhighitem .textbox .title{height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.trainhighitem:hover{background-color:#fff;box-shadow:0px 0px 21px 0px rgba(0, 0, 0, 0.15)}
.trainhighitem:hover .videobox .img img{opacity:0.6}
.trainhighitem:hover .videobox .play{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.trainhighitem:hover .textbox .title{color:#2f318b}
.busroutebox.trainvideo{height:620px;padding:0;margin-top:-310px}
.busroutebox.trainvideo .top .close{width:41px;height:41px;background-color:rgba(255,255,255,0.15);text-align:center;line-height:41px;z-index:9;position:absolute;top:0;right:0}
.busroutebox.trainvideo .top .close img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.busroutebox.trainatlas .top .close{width:41px;height:41px;background-color:rgba(255,255,255,0.15);text-align:center;line-height:41px;z-index:9;position:absolute;top:0;right:0}
.busroutebox.trainatlas .top .close img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.trainvideo video{width:100%;object-fit:fill;object-position:center center}
.trainvideo .title{font-size:18px;margin-top:20px;padding:0 15px}
.trainatlas{width:876px;height:580px;margin-top:-290px;margin-left:-460px}
.trainatlas .img{text-align:center;width:100%}
.trainatlas .img img{display:inline-block;vertical-align:middle}
.trainatlasslide .title{font-size:18px;margin-top:15px;width:100%}
.trainatlas .swiper-button-next,
.trainatlas .swiper-button-prev{width:46px;height:46px;margin-top:-23px;background-size:100% 100%;opacity:1}
.trainatlas .swiper-button-next{background-image:url(../img/col2right.png)}
.trainatlas .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.trainatlas .swiper-button-prev{background-image:url(../img/col2left.png)}
.trainatlas .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}
.trainhighitem[data-type="atlas"]{cursor:pointer}
.trainatlasslide{height:auto;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.trainatlasslide .box{width:100%}

@media (max-width:1440px){
    .businschoolitem .textbox{height:120px;padding:25px 0 0 0}
    .businschoolitem .textbox .cntitle{font-size:26px}
    .businschoolitem:hover .textbox .cntitle{font-size:30px}
    .businschoolitem:hover .textbox{padding:30px 4vw 20px 35px}
}

@media (max-width:1280px){
    .businschoolitem .textbox{height:100px;padding:18px 0 0 0}
    .businschoolitem .textbox .cntitle{font-size:22px}
    .businschoolitem:hover .textbox .cntitle{font-size:26px}
    .businschoolitem:hover .textbox{padding:20px 2.5vw 20px 20px}
    .businschoolitem:hover .textbox .text{max-height:230px;margin-top:25px}
}

@media (max-width:1024px){
    .qa, .businschool, .trainhigh{padding:50px 0;background-image:none}
    .qanav{margin-top:7px}
    .qanavlist{height:30px;line-height:30px;font-size:15px;margin-right:15px}
    .qaitems{margin:30px 0}
    .qaitemtop{padding:20px 15px}
    .qaitemtop .icon{margin-right:10px;margin-top:2px}
    .qaitemtop .title{width:calc(100% - 74px);margin-right:15px;font-size:15px;line-height:22px}
    .qaitembot{padding:25px 25px 25px 50px}
    .qaitemtop .right{width:18px;background-size:10px auto}
    .qaitem.cur .qaitemtop .right{background-size:18px auto}
    .busschlogo{width:60px;margin:0 auto 15px}
    .businschool .context{margin:20px 0 30px;font-size:14px}
    .businschoolitem{width:100%;margin-right:0;margin-bottom:15px}
    .businschoolitem .textbox{position:static;height:auto;padding:25px 15px}
    .businschoolitem .textbox .cntitle{font-size:18px;text-align:left}
    .businschoolitem .textbox .entitle{margin-top:4px;text-align:left}
    .businschoolitem .textbox .text{max-height:none;color:#666;margin-top:15px}
    .trainhighitems{margin:25px 0}
    .trainhighitem{width:100%;margin-right:0;margin-bottom:15px}
    .trainhighitem .videobox .play{width:44px;height:44px;margin-top:-22px;margin-left:-22px;opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
    .trainhighitem .textbox{padding:15px 10px}
    .trainatlas{width:92%;margin-left:-46%;height:auto;margin-top:0;top:15%}
    .busroutebox.trainatlas .top .close{top:25px}
    .trainatlasslide .title{font-size:14px}
	.busroutebox.trainvideo{height:auto;padding-bottom:20px;margin-top:-130px}
	.busroutebox.trainvideo .top .close{top:-41px}
}

.traincenter{padding:104px 0 110px;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.traincenbox{margin:36px 0 70px}
.traincenbox .column2_1left .textbox,
.traincenbox .column2item{background-image:none;background-color:#fff}
.traincenbox .column2item:hover{background-image:none;background-color:#303b8b}
.traincenbox .column2item:hover .title,
.traincenbox .column2item:hover .day{color:#fff}
.traincenbox .column2item:hover .text,
.traincenbox .column2item:hover .year{color:rgba(255,255,255,0.5)}
.traincenbox .columnpagers a.list:hover, .traincenbox .columnpagers a.list.cur{background-color:#303b8b;color:#fff}
.traincenbox .columnpagers .list.next:hover{background-image:url(../img/colright_cur2.png)}
.traincenbox .columnpagers .list.prev:hover{background-image:url(../img/colleft_cur2.png)}
.traincenitem{display:block;width:49.31%;margin-right:1.38%;position:relative}
.traincenitem:nth-of-type(2n){margin-right:0}
.traincenitem .textbox{width:100%;height:146px;position:absolute;top:50%;margin-top:-73px;left:0;z-index:2}
.traincenitem .textbox .icon{width:70px;margin:0 auto}
.traincenitem .textbox .cntitle{color:#fff;font-size:30px;text-align:center;margin-top:14px}
.traincenitem .textbox .entitle{color:#fff;font-size:12px;font-family:Arial;text-align:center;margin-top:4px}
.traincenitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.traincenitem:hover .textbox .icon{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.investrela{padding:100px 0;background-color:#eff0f5;background-image:url(../img/probg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.investrelatopleft{display:block;width:31.78%;height:440px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}
.investrelatopleft .textbox{width:100%;position:absolute;left:0;top:50%;margin-top:-74px;z-index:2}
.investrelatopleft .textbox .icon{width:70px;height:70px;margin:0 auto}
.investrelatopleft .textbox .cntitle,
.investrelabotlist .textbox .cntitle{color:#fff;font-size:30px;margin:22px 0 4px;text-align:center}
.investrelatopleft .textbox .entitle,
.investrelabotlist .textbox .entitle{color:#fff;font-size:12px;font-family:Arial;text-align:center}
.invesnewsbox{width:calc(100% - 31.78% - 349px);margin-right:35px}
.invesnewsnavlist{width:100%;height:80px;color:#000;font-size:24px;text-align:center;line-height:80px;cursor:pointer}
.invesnewsnavlist.cur,
.invesnewsnavlist:hover{background-color:#2f318b;color:#fff}
.invesnewsitems{display:none;height:360px;background-color:#fff;padding:27px 50px 10px 40px}
.invesnewsitem{display:block;padding:14px 0;border-bottom:1px solid #e1e1e1}
.invesnewsitem .t{width:45px;height:16px;color:#fff;background-color:#2f318b;font-size:12px;font-family:Arial;text-align:center;line-height:16px}
.invesnewsitem .date{color:#e00b0b;margin:0 16px;line-height:16px}
.invesnewsitem .title{width:calc(100% - 160px);height:16px;line-height:16px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.invesnewsitem:hover .title{color:#2f318b}
.investrelatopright{width:314px}
.investrelatopright .top{height:80px;background-color:#2f318b;color:#fff;font-size:18px;font-weight:bold;line-height:80px;padding-left:80px}
.investrelatopright .cen{height:181px;border-bottom:1px dashed #fff;background-color:#2271c2;padding:40px 10px 0 50px}
.investrelatopright .cen .o1{font-size:24px;color:#fff;line-height:1;margin-top:30px}
.investrelatopright .cen .o2{color:#fff;font-size:60px;font-weight:bold;line-height:1;font-family:Arial}
.investrelatopright .cen .o3{margin-top:18px;margin-left:15px}
.investrelatopright .cen .cenbot{font-size:24px;color:#fff;margin-top:8px;font-family:Arial}
.investrelatopright .bot{height:179px;background-color:#7a99bd;padding:34px 0px 0 50px}
.investrelatopright .bot .list{color:#fff;font-size:18px;margin-bottom:28px;line-height:2.2}
.investrelatopright .bot .text{color:#fff;font-size:12px}
.investrelabot{margin-top:46px}
.investrelabotlist{width:31.78%;margin-right:2.33%;display:block;position:relative}
.investrelabotlist:nth-of-type(3n){margin-right:0}
.investrelabotlist .textbox{width:100%;position:absolute;top:50%;margin-top:-75px;left:0}
.investrelabotlist .textbox .icon{width:70px;height:70px;margin:0 auto}
.investrelabotlist:hover .icon,
.investrelatopleft:hover .icon{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.investrelabotlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1440px){
    .invesnewsitems{padding:27px 30px 10px 25px}
    .invesnewsitem .date{margin:0 8px}
    .invesnewsitem .title{width:calc(100% - 144px)}
    .investrelatopright{width:284px}
    .invesnewsbox{width:calc(100% - 31.78% - 319px)}
    .investrelatopright .top{padding-left:55px}
    .investrelatopright .cen{padding:40px 10px 0 30px}
    .investrelatopright .bot{padding:34px 0 0 30px}
}

@media (max-width:1024px){
    .traincenter, .investrela{padding:50px 0;background-image:none}
    .traincenitem{width:100%;margin-right:0;margin-bottom:20px}
    .traincenitem .textbox .icon{width:50px}
    .traincenbox{margin:25px 0 35px}
    .traincenitem .textbox{height:110px;margin-top:-55px}
    .traincenitem .textbox .cntitle{font-size:20px}
    .investrelatopright{width:100%}
    .investrelatopright .top{padding-left:30px;height:56px;line-height:56px;font-size:16px}
    .investrelatopright .cen,
    .investrelatopright .bot{height:auto;padding:25px 20px}
    .investrelatopright .cen .o2{font-size:40px}
    .investrelatopright .cen .o3{width:12px;margin-left:6px}
    .investrelatopright .cen .o1{font-size:16px;margin-top:18px}
    .investrelatopright .cen .cenbot{font-size:18px}
    .investrelatopright .bot .list{font-size:16px;line-height:1.8;margin-bottom:14px}
    .invesnewsbox{width:100%;margin-right:0}
    .invesnewsnavlist{height:56px;line-height:56px;font-size:18px}
    .invesnewsitems{height:auto;padding:25px 10px}
    .investrelatopleft{width:100%;height:100vw}
    .investrelatopleft .textbox .icon, .investrelabotlist .textbox .icon{width:50px;height:50px}
    .investrelatopleft .textbox .cntitle, .investrelabotlist .textbox .cntitle{font-size:20px;margin:8px 0 2px}
    .investrelatopleft .textbox, .investrelabotlist .textbox{margin-top:-50px}
    .investrelabotlist{width:100%}
}

.corporovernav{margin-top:42px;background-color:#fff}
.corporovernavlist{width:25%;display:block;height:76px;border:1px solid #cee2f0;border-left:none;color:#aeaeae;font-size:20px;font-weight:bold;text-align:center;line-height:74px}
.corporovernavlist:nth-of-type(1){border-left:1px solid #cee2f0}
.corporovernavlist.cur,
.corporovernavlist:hover{background-color:#2f318b;color:#fff}
.organizat{margin-top:10px;background-color:#fff;padding:100px 25px;text-align:center}
.organizat img{display:inline-block}
.governitems{margin-bottom:60px}
.governitem{margin-top:20px;background-color:#fff;padding:50px 55px 46px}
.governitemtop .left .name{color:#000;font-size:24px;font-weight:bold;line-height:30px}
.governitemtop .left .line{width:15px;height:2px;background-color:#666;margin-top:25px}
.governitemtop .right{margin-top:24px;cursor:pointer}
.governitemtop .right .text{color:#2f318b;font-size:16px}
.governitemtop .right .more{width:14px;height:14px;margin-left:14px;margin-top:5px;position:relative}
.governitemtop .right .more:after{content:"";width:14px;height:2px;background-color:#2f318b;position:absolute;top:50%;margin-top:-1px;right:0}
.governitemtop .right .more:before{content:"";width:2px;height:14px;background-color:#2f318b;position:absolute;top:0;right:6px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.governitem.cur .governitemtop .right .more:before{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}
.governitembot{margin-top:12px}
.governitembot .title{font-size:18px;font-weight:bold}
.governitembot .text{color:#666;margin-top:5px;line-height:2}
.governitem.cur .governitembot{max-height:60px !important}
.governitem .governitembot{overflow:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.system{margin:40px 0 60px}
.systemitem{display:block;margin-bottom:20px;background-color:#fff;padding:30px 45px 30px 50px}
.systemitem .icon{width:6px;height:9px;margin-top:10px;background-image:url(../img/sysicon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.systemitem .title{width:calc(100% - 134px);color:#666;font-size:16px;line-height:30px;font-weight:bold;letter-spacing:2px;margin:0 20px 0 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.systemitem .date{color:#ccc;font-size:16px;font-weight:bold;line-height:30px}
.systemitem:hover{background-color:#2f318b}
.systemitem:hover .icon{background-image:url(../img/sysicon_cur.png)}
.systemitem:hover .title{color:#fff}
.systemitem:hover .date{color:#9b9cd4}
.invcontactbox{margin-top:46px;position:relative;overflow:hidden}
.invcontactbox .textbox{width:calc(100% - 5.208vw);position:absolute;top:50%;left:5.208vw;margin-top:-132px}
.invcontactbox .textbox .textlist{padding:10px 0}
.invcontactbox .textbox .icon{width:25px;line-height:24px;margin-right:17px}
.invcontactbox .textbox .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.invcontactbox .textbox .text{width:calc(100% - 44px);color:#fff;font-size:20px;line-height:1.2}

@media (max-width:1440px){
    .invcontactbox .textbox .text{font-size:20px;line-height:24px}
}

@media (max-width:1024px){
    .corporovernav{margin-top:25px}
    .corporovernavlist{height:46px;line-height:44px;font-size:14px}
    .organizat{padding:30px 15px}
    .governitem{padding:22px 15px 18px}
	.governitem.cur .governitembot{max-height:44px !important}
    .governitemtop .left .name{font-size:16px;line-height:22px}
    .governitemtop .left{width:calc(100% - 80px);margin-right:15px}
    .governitemtop .right{margin-top:0}
    .governitembot .title{font-size:15px}
    .governitembot .text{font-size:12px;line-height:1.6}
    .governitemtop .left .line{margin-top:10px}
    .governitembot{margin-top:20px}
    .governitems{margin-bottom:35px}
    .systemitem{padding:15px;margin-bottom:15px}
	.systemitem:nth-last-of-type(1){margin-borrom:0}
    .systemitem .title{width:calc(100% - 98px);font-size:14px;letter-spacing:1px;margin:0 10px 0 5px}
    .systemitem .date{font-size:14px}
    .system{margin:25px 0 35px}
    .invcontactbox{height:256px;margin-top:25px;background-image:url(../img/invconbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
    .invcontactbox .img{display:none}
    .invcontactbox .textbox{width:100%;position:static;margin-top:0;padding:25px 15px}
    .invcontactbox .textbox .textlist{padding:5px 0}
    .invcontactbox .textbox .text{color:#fff;font-size:14px;line-height:19px}
    .invcontactbox .textbox .icon{width:20px;line-height:19px;margin-right:10px}
    .invcontactbox .textlist:nth-of-type(1) .icon img,
    .invcontactbox .textlist:nth-of-type(5) .icon img{width:13px}
    .invcontactbox .textlist:nth-of-type(2) .icon img{width:15px}
    .invcontactbox .textlist:nth-of-type(3) .icon img,
    .invcontactbox .textlist:nth-of-type(4) .icon img,
    .invcontactbox .textlist:nth-of-type(6) .icon img{width:18px}
}

@media (max-width:380px){
    .invcontactbox .textbox .text{font-size:12px}
}


@media (max-width:1440px){

}

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

 /*PCwebmap*/
.webmap {
    width:100%;
    margin: 0 auto;
  }
  .webmap ul {
    overflow: hidden;
  }
  .webmap li {
      width:calc((100% - 300px) / 7);
    float: left;
    margin-right: 50px;
    background: url(/cn/img/mapbor_05.jpg) no-repeat repeat center top;
  }
  .webmap li:last-child {
    margin-right: 0;
  }
  .webmap li a {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 8px;
    text-align: center;
    line-height: 41px;
    padding:0 2px;
    font-size:12px
  }
  .webmap li .h6 {
    margin-bottom: 40px;
    background: #FFFFFF;
  }
  .webmap li a.p {
    margin-bottom: 21px;
    color: #FFFFFF;
    background: #2f318b url(/cn/img/a12_03.png) no-repeat calc(86%) center;
    border-color: #2f318b;
  }
  .webmap li a.p:hover {
    animation: aad 0.2s linear forwards;
  }
  #map {
  width:100%;height:100%;
  }
  @media (max-width:1024px){
      /*鎵嬫満webmap*/
    .webmap {
      width: 100%;
      padding: 0 15px;
    }
    .webmap li {
      width: 100%;
      background: none;
      border-bottom: 1px solid #ccc;
    }
    .webmap li a {
      width: auto;
      height: auto;
      border: none;
      line-height: 28px;
    }
    .webmap li .h6 {
      overflow: hidden;
      margin: 10px 0;
      background: #eff0f5;
    }
    .webmap li .h6 a {
      float: left;
      font-size: 16px;
      color: #2f318b;
      font-weight: bold;
    }
    .webmap li .box {
      overflow: hidden;
    }
    .webmap li a.p {
      float: left;
      margin-right: 20px;
      background: none;
      color: #666666;
      margin-bottom: 0;
    }
    .webmap li div:last-child {
      margin-bottom: 20px;
    } 
    #map {
  width:100%;height:333px;
  }
  }