.indexban{position:relative;overflow:hidden}
.indexban .img img{width:100%;/*height:calc(100vh - 220px);object-fit:cover*/}
.indexban .textbox{position:absolute;top:50%;margin-top:-112px;left:50%;margin-left:-37.5vw;z-index:2}
.indexban .cntitle{color:#fff;font-size:72px;font-weight:bold;line-height:84px;letter-spacing:40px;font-family:"Source Han Sans CN"}
.indexban .entitle{color:#fff;font-size:48px;line-height:52px;font-family:'butlig'}
.indexban .videobtn{width:160px;height:44px;border-radius:44px;color:#fff;font-weight:bold;margin-top:190px;border:2px solid #fff;padding-left:35px;line-height:40px;background-image:url(../img/banplay.png);background-repeat:no-repeat;background-position:right 32px center;cursor:pointer}
.indexban video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.indexban .cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.indexban .cur .img, .indexban .cur .textbox{z-index:-1;opacity:0;visibility:hidden}
.homebanbtn{position:absolute;left:50%;margin-left:-37.5vw;bottom:45px;z-index:2}
.homebanbtn .swiper-button{width:29px;height:29px;position:static;margin-top:0;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.homebanbtn .swiper-button-next{background-image:url(../img/banright.png)}
.homebanbtn .swiper-button-next:hover{background-image:url(../img/banright_cur.png)}
.homebanbtn .swiper-button-prev{background-image:url(../img/banleft.png)}
.homebanbtn .swiper-button-prev:hover{background-image:url(../img/banleft_cur.png)}
.homebanbtn .numbox{margin:0 8px}
.homebanbtn .numbox .curnum{font-size:22px;color:#fff;font-family:'butlig';line-height:1}
.homebanbtn .numbox .line{font-size:12px;color:#fff;font-family:'butlig';line-height:1;margin:16px 4px 0}
.homebanbtn .numbox .pagenum{font-size:14px;color:#fff;font-family:'butlig';line-height:1;margin-top:16px}
.homeaboutlf{width:50%;height:890px;padding:90px 118px 0 12.3vw;background-image:url(../img/homeaboutbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.homeaboutlf .top .title{color:#222;font-size:36px}
.homeaboutlf .top .name{color:#454545;font-size:40px;font-weight:bold}
.homeaboutlf .top .line{width:57px;height:3px;background-color:#283f7d;margin-top:30px}
.homeaboutlf .text{line-height:2;margin:30px 0 46px;/*height:280px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9*/}
.homeaboutlf .item{width:19%;margin-right:1.25%;position:relative}
.homeaboutlf .item:nth-of-type(5n){margin-right:0}
.homeaboutlf .item .img{z-index:-1;opacity:0;visibility:hidden}
.homeaboutlf .item .sellbox{width:100%;height:100%;border:2px solid #283f7d;position:absolute;top:0;left:0;padding:38px 0 0 1.56vw}
.homeaboutlf .item .sellbox .icon{width:26px;height:26px;position:relative;overflow:hidden}
.homeaboutlf .item .sellbox .icon .iconlist{width:100%;height:100%;position:absolute;top:0;left:0}
.homeaboutlf .item .sellbox .icon .iconlist.icon2{top:100%}
.homeaboutlf .item .sellbox .title{color:#283f7d;font-weight:bold;margin:12px 0 22px}
.homeaboutlf .item .sellbox .more{width:14px;height:14px;background-image:url(../img/homeaboutmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.homeaboutlf .item:hover .img{z-index:9;opacity:1;visibility:visible}
.homeaboutlf .item:hover .sellbox{border-color:transparent}
.homeaboutlf .item:hover .sellbox .icon .iconlist.icon1{top:-100%}
.homeaboutlf .item:hover .sellbox .icon .iconlist.icon2{top:0%}
.homeaboutlf .item:hover .sellbox .title{color:#fff}
.homeaboutlf .item:hover .sellbox .more{background-image:url(../img/homeaboutmore_cur.png)}
.homeaboutlr{width:50%;height:890px;padding:134px 0 0 196px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.homeaboutlr .title{width:100%;color:#283f7d;font-size:30px;font-weight:bold;letter-spacing:18px}
.homeaboutlr .numbox{width:100%;margin:26px 0 34px}
.homeaboutlr .numbox .numlist{margin-right:48px}
.homeaboutlr .numbox .numlist:nth-last-of-type(1){margin-right:0}
.homeaboutlr .numbox .numlist .numUp,
.homeaboutlr .numbox .numlist .per{color:#283f7d;font-size:40px;font-family:'alcu';line-height:1;letter-spacing:3px}
.homeaboutlr .numbox .numlist .unit{color:#283f7d;margin-top:18px;margin-left:4px}
.homeaboutlr .numbox .numlist .add{font-size:18px;color:#283f7d;font-family:'butbold';margin-top:3px;margin-left:4px;line-height:1}
.homeaboutlr .numbox .numlist:nth-of-type(1) .numUp{width:100px}
.homeaboutlr .numbox .numlist:nth-of-type(2) .numUp{width:66px}
.homeaboutlr .numbox .numlist:nth-of-type(3) .numUp{width:80px}
.homeaboutlr .numbox .numlist:nth-of-type(4) .numUp{width:47px}
.homeaboutlr .numbox .numlist .text{color:#283f7d}
.homeaboutlr .more{width:142px;height:48px;display:block;text-align:center;color:#283f7d;line-height:46px;border:1px solid #283f7d;line-height:44px}
.homeaboutlr .more:hover{background-color:#283f7d;color:#fff}
.homepro{background-color:#283f7d}
.homeprotop{padding:88px 0 44px}
.homeprotop .bigname{color:#fff;font-size:36px}
.homepronavlist{width:142px;height:48px;border:1px solid #fff;color:#fff;line-height:46px;padding-left:22px;font-size:16px;font-weight:bold;position:relative;cursor:pointer}
.homepronavlist:nth-of-type(1){margin-right:10px}
.homepronavlist:after{content:"";width:8px;height:17px;background-image:url(../img/homepronavicon.png);position:absolute;top:50%;margin-top:-8px;right:25px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.homepronavlist.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.homepronavlist.cur{background-color:#27a4ea;border-color:#27a4ea}
.homeproitem .swiper-wrapper{display:block}
.homeproitem .swiper-slide{width:25%;position:relative;overflow:hidden}
.homeproitem .swiper-slide:nth-of-type(1){width:50%}
.homeproitem .swiper-slide .showbox{width:100%;position:absolute;bottom:15px;left:0;padding:0 15px}
.homeproitem .swiper-slide .showbox .type{font-size:18px;text-align:center;font-weight:bold;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .swiper-slide .showbox .title{color:#666;font-size:16px;margin-top:3px;text-align:center;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .swiper-slide .hidebox{width:100%;height:100%;display:block;position:absolute;top:100%;left:0;background-color:rgba(0,0,0,0.6)}
.homeproitem .swiper-slide .hidebox .box{width:100%;padding:0 15px;position:absolute;top:50%;left:0;margin-top:-75px}
.homeproitem .swiper-slide .hidebox .type{font-size:18px;color:#fff;text-align:center;font-weight:bold;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .swiper-slide .hidebox .title{color:#fff;font-size:16px;margin-top:3px;text-align:center;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeproitem .swiper-slide .hidebox .btn{width:172px;height:58px;background-color:#27a4ea;margin:40px auto 0;color:#fff;line-height:58px;padding-left:36px;background-image:url(../img/promore.png);background-repeat:no-repeat;background-position:right 32px center}
.homeproitem .swiper-slide:hover .showbox{display:none}
.homeproitem .swiper-slide:hover .hidebox{top:0}
.homeproitem .swiper-slide:hover .img img{transform:scale(1.2) translateY(25px);-webkit-transform:scale(1.2) translateY(25px);-moz-transform:scale(1.2) translateY(25px)}
.homeprolist .swiper-button-next, .homeprolist .swiper-button-prev{width:28px;height:28px;margin-top:-14px;opacity:1;display:none;background-size:100% 100%}
.homeprolist .swiper-button-next{background-image:url(../img/homeproright.png);right:10px}
.homeprolist .swiper-button-next:hover{background-image:url(../img/homeproright_cur.png)}
.homeprolist .swiper-button-prev{background-image:url(../img/homeproleft.png);left:10px}
.homeprolist .swiper-button-prev:hover{background-image:url(../img/homeproleft_cur.png)}
.homeprolist{display:none;padding-bottom:66px}
.homeprolist .allmore{width:142px;height:48px;display:block;color:#fff;border:1px solid #fff;text-align:center;line-height:46px;margin:40px auto 0}
.homeprolist .allmore:hover{background-color:#fff;color:#283f7d}
.homeprolist.cur{display:block}
.homecaseitem .swiper-slide{width:calc((100% - 800px) / 4);height:614px;overflow:hidden}
.homecaseitem .swiper-slide:nth-of-type(1){width:800px}
.homecaseitem .swiper-slide .hideimg{opacity:0}
.homecaseitem .swiper-slide .hideimg img, 
.homecaseitem .swiper-slide .showimg img{max-width:none}
.homecaseitem .swiper-slide .showimg{width:100%;height:100%;position:absolute;top:0;left:0}
.homecaseitem .swiper-slide .showbox{width:100%;position:absolute;top:96px;left:0;padding:0 2.86vw}
.homecaseitem .swiper-slide .showbox .titlebox{margin:25px 0 26px}
.homecaseitem .swiper-slide .showbox .cntitle{color:#283f7d;font-size:18px;font-weight:bold}
.homecaseitem .swiper-slide .showbox .entitle{font-size:12px;font-family:'hkbold';margin-top:3px}
.homecaseitem .swiper-slide .showbox .iconmore{width:29px;height:29px;background-image:url(../img/joinmore.png);background-repeat:no-repeat;background-position:center center;background-size:}
.homecaseitem .hidebox{width:100%;padding:32px 48px 42px 58px;background-color:rgba(0,0,0,0.3);position:absolute;bottom:100%;left:0;z-index:1}
.homecaseitem .hidebox .textbox{width:calc(100% - 92px);padding:0 15px}
.homecaseitem .hidebox .cntitle{color:#fff;font-size:18px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homecaseitem .hidebox .entitle{color:#fff;font-size:12px;margin:3px 0 10px;font-family:'hkbold';height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homecaseitem .hidebox .text{color:#fff;font-size:16px;;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homecaseitem .hidebox .more{margin-top:20px}
.homecaseitem .swiper-slide.cur .hideimg{opacity:1}
.homecaseitem .swiper-slide.cur .showimg{opacity:0}
.homecaseitem .swiper-slide.cur .showbox{top:-100%}
.homecaseitem .swiper-slide.cur .hidebox{bottom:0}
.homenews{padding:94px 0 104px;background-image:url(../img/homenewbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.homenewstop .bigtitle{font-size:36px}
.homenewsmore{width:142px;height:48px;display:block;color:#283f7d;border:1px solid #283f7d;text-align:center;line-height:46px}
.homenewsbot{margin-top:44px}
.homenewsslide{width:600px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
.homenewsslide .textbox{padding:35px 40px 44px;background-color:#fff}
.homenewsslide .textbox .title,
.homenewsitem .title{font-size:18px;height:26px;font-weight:bold;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homenewsslide a:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.homenewsslide a:hover .textbox .title{color:#283f7d}
.homenewsslide .textbox .text{color:#666;line-height:1.786;margin:22px 0;height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.homenewsslide .textbox .more{width:92px;color:#283f7d;font-size:16px;background-image:url(../img/newsmore2.png);background-repeat:no-repeat;background-position:right center}
.homenewsitems{width:calc(100% - 600px);padding-left:94px}
.homenewsitem{display:block;padding-bottom:32px;border-bottom:1px dashed #dcdcdc;margin-bottom:34px}
.homenewsitem:nth-last-of-type(1){border-bottom:none;margin-bottom:0}
.homenewsitem .text{margin:10px 0 15px;color:#666;line-height:1.786;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homenewsitem .more{width:92px;color:#283f7d;font-size:16px;height:22px;line-height:22px;background-image:url(../img/newsmore2.png);background-repeat:no-repeat;background-position:right center}
.homenewsitem:hover .more{width:148px;height:50px;background-color:#27a4ea;color:#fff;line-height:50px;padding-left:28px;background-image:url(../img/newsmore.png);background-position:right 30px center;box-shadow:9.44px 11.657px 15px 0px rgba(39, 164, 234, 0.15)}
.homenewsslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:239px;text-align:right;padding:0 15px}
.homenewsslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:7px;height:7px;border:1px solid #fff;border-radius:7px;background-color:transparent;opacity:1}
.homenewsslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff}


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

@media (max-width:1620px){
   .indexban .textbox{margin-left:-39vw;margin-top:-102px}
   .indexban .cntitle{font-size:62px;line-height:74px;letter-spacing:28px}
   .indexban .entitle{font-size:38px;line-height:42px}
   .homebanbtn{margin-left:-39vw}
   .homeaboutlf{padding:75px 98px 0 10.8vw;height:800px}
   .homeaboutlf .top .title{font-size:32px}
   .homeaboutlf .top .name{font-size:36px}
   .homeaboutlf .top .line{margin-top:20px}
   .homeaboutlf .text{margin:20px 0 35px}
   .homeaboutlr{padding:104px 0 0 166px;height:800px}
   .homeaboutlr .numbox .numlist{margin-right:30px}
}

@media (max-width:1440px){
   .indexban .textbox{margin-left:-41vw;margin-top:-80px}
   .indexban .cntitle{font-size:50px;line-height:60px;letter-spacing:18px}
   .indexban .entitle{font-size:28px;line-height:32px}
   .indexban .videobtn{width:136px;height:38px;margin-top: 190px;line-height:34px;padding-left:25px;background-position:right 20px center;}
   .homebanbtn{margin-left:-41vw;bottom:30px}
   .homeaboutlf{padding:60px 70px 0 8.8vw;height:720px}
   .homeaboutlf .top .title{font-size:28px}
   .homeaboutlf .top .name{font-size:32px}
   .homeaboutlf .top .line{margin-top:15px}
   .homeaboutlf .text{margin:15px 0 25px; font-size:12px;}
   .homeaboutlr{padding:84px 0 0 126px;height:720px}
   .homeaboutlr .numbox .numlist{margin-right:20px}
   .homeaboutlf .item .sellbox{padding:25px 0 0 1.2vw}
   .homeaboutlr .numbox{margin:20px 0 30px}
   .homeaboutlr .title{font-size:26px}
   .homeaboutlr .numbox .numlist .numUp, .homeaboutlr .numbox .numlist .per{font-size:32px}
   .homeaboutlr .numbox .numlist .unit{margin-top:13px}
   .homeaboutlr .numbox .numlist:nth-of-type(1) .numUp{width:88px}
   .homeaboutlr .numbox .numlist:nth-of-type(2) .numUp{width:55px}
   .homeaboutlr .numbox .numlist:nth-of-type(3) .numUp{width:66px}
   .homeaboutlr .numbox .numlist:nth-of-type(4) .numUp{width:38px}
   .homeproitem .swiper-slide:nth-of-type(1) .showbox{bottom:15px}
   .homeproitem .swiper-slide .showbox{bottom:5px}
   .homeproitem .swiper-slide .showbox .type, .homeproitem .swiper-slide .hidebox .type{font-size:16px;height:24px;line-height:24px}
   .homeproitem .swiper-slide .showbox .title, .homeproitem .swiper-slide .hidebox .title{font-size:14px;height:20px;line-height:20px}
   .homeproitem .swiper-slide .hidebox .btn{width:140px;height:48px;line-height:48px;margin:25px auto 0;padding-left:25px}
   .homeprotop .bigname,
   .homenewstop .bigtitle{font-size:28px}
   .homeproitem .swiper-slide .showbox .title{margin-top:0}
   .homecaseitem .swiper-slide .showbox{padding:0 1.5vw}
   .homecaseitem .hidebox{padding:25px 35px 35px 40px}
   .homenews{padding:70px 0 80px}
   .homenewsslide{width:520px}
   .homenewsitems{width:calc(100% - 520px);padding-left:60px}
   .homenewsitem{padding-bottom:22px;margin-bottom:25px}
}

@media (max-width:1280px){
	.indexban .textbox{margin-left:-43vw;margin-top:-72px}
	.indexban .cntitle{font-size:42px;line-height:50px;letter-spacing:10px}
	.indexban .entitle{font-size:22px;line-height:26px}
	.homebanbtn{margin-left:-43vw}
	.homeaboutlf{padding:40px 50px 0 6.8vw;height:660px}
	.homeaboutlf .top .title{font-size:24px}
	.homeaboutlf .top .name{font-size:28px}
	.homeaboutlf .top .line{margin-top:10px}
	.homeaboutlf .text{margin:10px 0 20px}
	.homeaboutlr{padding:65px 0 0 5.108vw;height:660px}
	.homeaboutlr .numbox .numlist{margin-right:20px}
	.homeaboutlf .item .sellbox{padding:25px 0 0 1.2vw}
	.homeaboutlr .numbox{margin:20px 0 30px}
	.homeaboutlr .title{font-size:26px;letter-spacing:12px}
	.homeaboutlf .text{line-height:2.2}
	.homeaboutlr .more{width:128px;height:40px;line-height:38px}
}

@media (max-width:1024px){
   .indexban .img img{width:100%;height:auto}
   .indexban .textbox{width:100%;margin-left:0;left:0;padding:0 15px;margin-top:-65px}
   .indexban .cntitle{font-size:22px;line-height:30px}
   .indexban .entitle{font-size:14px;line-height:18px}
   .indexban .videobtn{width:114px;height:30px;margin-top:20px;font-size:12px;border-width:1px;line-height:28px;padding-left:20px;background-size:10px auto;background-position:right 20px center}
   .homebanbtn{width:100%;margin-left:0;left:0;padding:0 15px;bottom:20px}
   .homebanbtn .swiper-button{width:20px;height:20px}
   .homebanbtn .numbox .curnum{font-size:16px}
   .homebanbtn .numbox .pagenum{font-size:12px;margin-top:8px}
   .homebanbtn .numbox .line{margin:8px 4px 0}
   .homeaboutlf{width:100%;padding:30px 15px;height:auto}
   .homeaboutlf .top .title{font-size:18px}
   .homeaboutlf .top .name{font-size:22px}
   .homeaboutlf .top .line{width:28px;height:2px;margin-top:15px}
   .homeaboutlf .text{margin:15px 0 20px}
   .homeaboutlr{padding:65px 0 0 5.108vw;height:660px}
   .homeaboutlr .numbox .numlist{margin-right:20px}
   .homeaboutlf .item{ width:23%;}
   .homeaboutlf .item .sellbox{padding:20px 0 0 8px;font-size:12px}
   .homeaboutlf .item .sellbox .icon{width:18px;height:18px}
   .homeaboutlf .item .sellbox .title{font-size:12px;margin:4px 0 10px}
   .homeaboutlf .item .sellbox .more{width:10px;height:10px}
   .homeaboutlr .numbox{margin:20px 0 30px}
   .homeaboutlr .title{font-size:18px;letter-spacing:8px}
   .homeaboutlf .text{line-height:1.6;-webkit-line-clamp:5;height:auto}
   .homeaboutlr .more{width:128px;height:40px;line-height:38px}
   .homeaboutlr{width:100%;padding:35px 15px 39vw;height:auto}
   .homeaboutlr .numbox .numlist{margin-right:calc((100% - 260px) / 3)}
   .homeaboutlr .numbox .numlist .numUp, .homeaboutlr .numbox .numlist .per{font-size:26px;letter-spacing:1px}
   .homeaboutlr .numbox .numlist:nth-of-type(1) .numUp{width:70px}
   .homeaboutlr .numbox .numlist:nth-of-type(2) .numUp, .homeaboutlr .numbox .numlist:nth-of-type(4) .numUp{width:42px}
   .homeaboutlr .numbox .numlist:nth-of-type(3) .numUp{width:50px}
   .homeaboutlr .numbox .numlist .add{font-size:14px;margin-left:2px}
   .homeaboutlr .numbox .numlist .unit{margin-top:8px;font-size:12px;margin-left:2px}
   .homeaboutlr .numbox .numlist .text{width:70px;font-size:12px}
   .homeaboutlr .numbox{margin:15px 0 25px}
   .homeaboutlr .more{width:88px;height:30px;line-height:28px;float:right}
   .homeprobox{padding:0 15px}
   .homeprotop{padding:35px 0 25px}
   .homeprolist .swiper-wrapper{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box}
   .homeproitem .swiper-slide .img img{width:100%}
   .homeprotop .bigname, .homenewstop .bigtitle{font-size:20px}
   .homepronavlist{width:92px;font-size:14px;height:34px;line-height:32px;padding-left:10px}
   .homepronavlist:after{width:6px;height:12px;right:10px;margin-top:-6px}
   .homeprolist .swiper-button-next, .homeprolist .swiper-button-prev{display:block}
   .homeproitem .swiper-slide .showbox{bottom:10px}
   .homeproitem .swiper-slide .showbox .type, .homeproitem .swiper-slide .hidebox .type{font-size:14px;height:20px;line-height:20px}
   .homeproitem .swiper-slide .showbox .title, .homeproitem .swiper-slide .hidebox .title{font-size:12px;height:18px;line-height:18px;margin-top:0}
   .homecaseitem .swiper-slide .hideimg{opacity:1}
   .homecaseitem .swiper-slide{height:auto}
   .homecaseitem .swiper-slide .showimg{display:none}
   .homecaseitem .swiper-slide .hideimg img, .homecaseitem .swiper-slide .showimg img{max-width:100%}
   .homecaseitem .hidebox{bottom:0;padding:15px}
   .homecaseitem .swiper-slide .showbox{display:none}
   .homecaseitem .swiper-slide .hidebox .icon{width:38px;height:38px}
   .homecaseitem .hidebox .more{width:20px;height:20px;margin-top:8px}
   .homecaseitem .hidebox .entitle{line-height:16px;height:16px;margin:0px 0 8px}
   .homecaseitem .hidebox .textbox{width:calc(100% - 58px);padding:0 10px 0 5px}
   .homecaseitem .hidebox .cntitle{font-size:16px;font-weight:bold}
   .homeprolist .allmore{width:92px;height:36px;line-height:34px;margin:25px auto 0}
   .homenews{padding:30px 0}
   .homenewsmore{width:92px;height:32px;line-height:30px}
   .homenewsslide{width:100%}
   .homenewsslide .img img{width:100%}
   .homenewsitems{width: 100%; padding-left: 0; padding-top: 25px;}
   .homenewsslide{box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
   .homenewsslide .textbox{box-shadow:none;padding:20px}
   .homenewsslide .textbox .title{font-size:16px;height:22px;line-height:22px}
   .homenewsslide .textbox .text{margin:15px 0;line-height:1.6;height:66px;-webkit-line-clamp:3}
   .homenewsslide .textbox .more{font-size:14px;width:82px;background-size:6px auto}
   .homeprolist{padding-bottom:35px}
}

@media (max-width:370px){
	.homeprotop .bigname, .homenewstop .bigtitle{font-size:18px}
	.homepronavlist{font-size:12px}
}

.pagetitle{display:inline-block}
.pagetitle .cntitle{font-size:34px;color:#000;line-height:44px;display:inline-block;font-weight:bold;letter-spacing:3px;position:relative}
.pagetitle .entitle{font-size:16px;color:rgba(0,0,0,0.3);font-weight:bold;font-family:'cengothbold';margin-top:10px;letter-spacing:3px}
.pagetitle .cntitle:after{content:"";width:12px;height:12px;border-radius:12px;border:2px solid #cbb58d;box-sizing:border-box;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-7px}

@media (max-width:1440px){
    .pagetitle .cntitle{font-size:28px;line-height:38px}
	.pagetitle .entitle{font-size:14px;margin-top:6px}
}
@media (max-width:1024px){
    .pagetitle .cntitle{font-size:20px;line-height:28px}
    .pagetitle .entitle{font-size:12px;letter-spacing:1px;margin-top:3px}
	.pagetitle .cntitle:after{width:8px;height:8px;margin-left:-5px;margin-top:-5px}
}

.abouta{padding:74px 0 100px;background-image:url(../img/aboutabg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.abouta .box{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.abouta .box .textbox{width:calc(100% - 720px);padding-right:5.72vw}
.abouta .textbox .title{color:#454545;font-size:36px}
.abouta .textbox .text{line-height:2.571;margin-top:40px}
.abouta .imgbox{width:720px;position:relative}
.abouta .imgtextbox{width:100%;padding:0 72px;position:absolute;top:96px;left:0}
.abouta .imgtextbox .title{color:#283f7d;font-size:30px;font-weight:bold;letter-spacing:18px}
.abouta .imgtextbox .numbox{margin-top:20px}
.abouta .imgtextbox .numlist{margin-right:70px}
.abouta .imgtextbox .numlist:nth-last-of-type(1){margin-right:0}
.abouta .imgtextbox .numlist .numUp, .abouta .imgtextbox .numlist .unit{font-size:40px;line-height:1;font-family:'alcu';color:#283f7d}
.abouta .imgtextbox .numlist:nth-of-type(1) .unit{font-size:14px;color:#283f7d;line-height:18px;font-family:"Microsoft YaHei";margin-top:15px}
.abouta .imgtextbox .numlist .text{color:#283f7d}
.abouta .imgtextbox .numlist:nth-of-type(1) .numUp{width:70px}
.abouta .imgtextbox .numlist:nth-of-type(2) .numUp{width:43px}
.aboutb{padding:76px 0 106px;position:relative/* background-image:url(../img/about2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover */}
#particles-js{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#283f7d}
.aboutb .wrap{z-index:3;position:relative}
.aboutbtitle{color:#fff;font-size:36px}
.aboutbyear{margin:70px 0 45px}
.aboutbyear .swiper-container{padding:0 45px}
.aboutbyear .swiper-container:after{content:"";width:100%;height:1px;background-color:#fff;position:absolute;bottom:12px;left:0}
.aboutbyear .swiper-slide{padding-bottom:15px;cursor:pointer}
.aboutbyear .year{font-size:30px;color:#fff;font-weight:bold;font-family:Arial;text-align:center}
.aboutbyear .line{width:1px;height:18px;background-color:#fff;margin:5px auto 0}
.aboutbyear .yuan{width:11px;height:11px;background-color:#fff;border-radius:11px;position:absolute;bottom:7px;left:50%;margin-left:-5.5px}
.aboutbyear .yuan:after{content:"";width:17px;height:17px;border-radius:17px;border:1px solid #27a4ea;box-sizing:border-box;opacity:0;position:absolute;top:50%;margin-top:-8.5px;left:50%;margin-left:-8.5px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.aboutbyear .swiper-button-next, .aboutbyear .swiper-button-prev{width:29px;height:29px;top:auto;margin-top:0;opacity:1;bottom:0}
.aboutbyear .swiper-button-next{background-image:url(../img/aboutright.png);right:0}
.aboutbyear .swiper-button-next:hover{background-image:url(../img/aboutright_cur.png)}
.aboutbyear .swiper-button-prev{background-image:url(../img/aboutbleft.png);left:0}
.aboutbyear .swiper-button-prev:hover{background-image:url(../img/aboutbleft_cur.png)}
.aboutbyear .swiper-slide.cur .year{color:#27a4ea}
.aboutbyear .swiper-slide.cur .line, .aboutbyear .swiper-slide.cur .yuan{background-color:#27a4ea}
.aboutbyear .swiper-slide.cur .yuan:after{opacity:1}
.aboutbbox .list{display:none}
.aboutbbox .list.cur{display:block}
.aboutbbox .list .img{width:559px}
.aboutbbox .list .items{width:calc(100% - 559px);height:390px;padding:40px 32px 40px 65px;background-color:#fff}
.aboutbbox .list .items .bbox{overflow-y:auto;height:306px}
.aboutbbox .list .items .bbox::-webkit-scrollbar{width:4px}
.aboutbbox .list .items .bbox::-webkit-scrollbar-thumb{background-color:#27a4ea;border-radius:4px}
.aboutbbox .list .items .bbox::-webkit-scrollbar-track{background-color:#f0faff}
.aboutbbox .list .item{padding:15px 0;border-bottom:1px dashed #ccc}
.aboutbbox .list .item .date{width:100px;font-weight:bold;line-height:20px}
.aboutbbox .list .item .title{width:calc(100% - 100px);color:#666;line-height:20px}
.aboutc{padding:75px 0 96px}
.aboutctitle{font-size:36px}
.aboutcitems{margin:42px 0 20px}
.aboutcitem{width:17.92%;margin-right:2.6%;margin-bottom:40px;padding:32px 30px 26px;background-color:#fff;box-shadow:0px 0px 20px 0px rgba(177, 177, 177, 0.18)}
.aboutcitem:nth-of-type(5n){margin-right:0}
.aboutcitem .img img{width:100%}
.aboutcitem .title{color:#666;text-align:center;margin-top:12px}
.aboutcitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.aboutcitem:hover .title{color:#27a4ea}
.aboutcmore{width:142px;height:48px;background-color:#27a4ea;margin:0 auto;cursor:pointer;padding-left:30px}
.aboutcmore .text{color:#fff;font-size:16px;font-weight:bold;margin-right:10px;line-height:48px}
.aboutcmore .more{height:48px;line-height:48px}
.aboutcmore .more img{display:inline-block;vertical-align:middle}
.aboutd{padding:76px 0 0 0;position:relative;/* background-image:url(../img/about3bg.jpg);background-repeat:no-repeat;background-position:center top */}
.aboutdtop .title{font-size:36px;color:#fff;text-align:center}
.aboutdtop .text{font-size:16px;color:#fff;text-align:center;line-height:2.25;margin-top:10px}
.aboutdnumbox{text-align:center;margin-top:22px}
.aboutdnumlist{margin:0 3.125vw;display:inline-block;vertical-align:top}
.aboutdnumlist .numUp{color:#fff;font-size:30px;line-height:1;font-family:'alcu';letter-spacing:2px}
.aboutdnumlist .add{color:#fff;font-size:18px;line-height:1;margin:3px 3px 0 0;font-family:'butbold'}
.aboutdnumlist .unit{color:#fff;line-height:1.1;margin-top:20px;margin-left:5px}
.aboutdnumlist .text{color:#fff}
.aboutdnumlist:nth-of-type(1) .numUp{width:60px}
.aboutdnumlist:nth-of-type(2) .numUp, .aboutdnumlist:nth-of-type(3) .numUp{width:47px}
.aboutdslide{margin-top:90px}
.aboutdright .list{width:473px;display:none}
.aboutdright .list:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.aboutdleft{width:calc(100% - 473px);padding-right:74px;padding-top:10px;position:relative}
.aboutdbtnbox{position:absolute;top:10px;right:106px;z-index:4}
.aboutdbtnbox .swiper-button-prev, .aboutdbtnbox .swiper-button-next{width:44px;height:44px;background-size:100% 100%;position:static;margin-top:0;opacity:1}
.aboutdbtnbox .swiper-button-prev{background-image:url(../img/aboutdleft.png)}
.aboutdbtnbox .swiper-button-next{background-image:url(../img/aboutdright.png);margin-left:20px}
.aboutdbtnbox .numbox{margin-top:32px}
.aboutdbtnbox .numbox .curnum{color:#fff;font-size:24px;font-weight:bold;font-family:Arial;line-height:1}
.aboutdbtnbox .numbox .line{font-family:Arial;color:#fff;line-height:1;margin:9px 10px 0}
.aboutdbtnbox .numbox .pagenum{font-family:Arial;color:#fff;line-height:1;margin-top:9px}
.aboutdleft .swiper-slide .top{padding-right:160px;padding-left:30px}
.aboutdleft .swiper-slide .title{color:#fff;font-size:24px;font-weight:bold}
.aboutdleft .swiper-slide .text{color:#fff;font-size:16px;line-height:1.875;margin-top:15px}
.aboutdleft .swiper-slide .bot{padding:30px}
.aboutdleft .swiper-slide .bot .box{background-color:#fff;position:relative;padding:52px 54px 80px 58px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
.aboutdleft .swiper-slide .bot .desc{height:210px;margin:16px 0 8px;padding:0 20px 0 30px;overflow-y:auto;color:#666;line-height:2.571}
.aboutdleft .swiper-slide .bot .desc::-webkit-scrollbar{width:4px}
.aboutdleft .swiper-slide .bot .desc::-webkit-scrollbar-thumb{background-color:#27a4ea;border-radius:4px}
.aboutdleft .swiper-slide .bot .desc::-webkit-scrollbar-track{background-color:#f2faff}
.aboutdleft .swiper-slide .bot .box:after{content:"";border-left:13px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;position:absolute;top:42px;right:-13px}
.aboutdleft .swiper-slide .bot .icon2{text-align:right}
.aboutdleft .swiper-slide .bot .icon2 img{display:inline-block;vertical-align:middle}
.aboutdleft .swiper-container{width:100% !important}
.aboute{padding:80px 0 64px}
.aboutetitle{font-size:36px}
.abouteitems{margin-top:32px}
.abouteitem{width:22.5%;margin-right:2.5%;margin-bottom:42px;background-color:#fff;box-shadow:0px 0px 20px 0px rgba(102, 102, 102, 0.13)}
.abouteitem:nth-of-type(4n){margin-right:0}
.abouteitem:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.aboutd .wrap{position:relative;z-index:3}
#lizi{width:100%;height:40.729vw;position:absolute;top:0;left:0;background-color:#283f7d}

@media (max-width:1620px){
	.abouta .imgbox{width:620px}
	.abouta .box .textbox{width:calc(100% - 620px);padding-right:4.5vw}
}

@media (max-width:1440px){
    .abouta, .aboutb, .aboutc{padding:60px 0 80px}
	.aboutd{padding:60px 0 0 0}
	.abouta .imgbox{width:540px}
	.abouta .box .textbox{width:calc(100% - 540px);padding-right:3.5vw}
	.abouta .textbox .title, .aboutctitle, .aboutdtop .title, .aboutetitle{font-size:28px}
	.abouta .textbox .text{line-height:2.2}
	.abouta .imgtextbox{padding:0 45px}
	.abouta .imgtextbox .title{font-size:24px;letter-spacing:12px}
	.aboutbtitle{font-size:28px}
	.aboutbbox .list .img{width:480px}
	.aboutbbox .list .items{width:calc(100% - 480px);height:334px;padding:30px 25px 30px 45px}
	.aboutbbox .list .items .bbox{height:266px}
	.aboutbyear{margin:50px 0 30px}
	.aboutcitem{padding:22px 20px 18px;margin-bottom:30px}
	.aboutcitems{margin:30px 0 10px}
	.aboutdleft{width:calc(100% - 400px);padding-right:50px}
	.aboutdright .list{width:400px}
	.aboutdtop .text{line-height:2}
	.aboutdslide{margin-top:75px}
	.aboutdleft .swiper-slide .bot{margin-top:35px;padding:30px 32px 55px 38px}
	.aboutdleft .swiper-slide .bot .desc{padding:0 25px;height:156px;line-height:2.28}
	.aboute{padding:60px 0 40px}
	.abouteitem{margin-bottom:30px}
}

@media (max-width:1024px){
	.abouta, .aboutb, .aboutc, .aboute{padding:40px 0}
    .abouta .box .textbox{width:100%;padding-right:0}
	.abouta .textbox .title, .aboutctitle, .aboutdtop .title, .aboutetitle{font-size:20px}
	.abouta .textbox .text{line-height:1.6;margin-top:10px}
	.abouta .imgbox{width:100%;margin-top:25px}
	.abouta .imgtextbox{padding:0 20px;top:30px}
	.abouta .imgtextbox .title{font-size:16px;letter-spacing:6px}
	.abouta .imgtextbox .numlist .numUp, .abouta .imgtextbox .numlist .unit{font-size:28px}
	.abouta .imgtextbox .numlist{margin-right:30px}
	.abouta .imgtextbox .numlist:nth-of-type(2) .numUp{width:32px}
	.abouta .imgtextbox .numlist:nth-of-type(1) .numUp{width:56px}
	.abouta .imgtextbox .numlist:nth-of-type(1) .unit{margin-top:10px;font-size:12px}
	.abouta .imgtextbox .numlist .text{font-size:12px}
	.abouta .imgtextbox .numbox{margin-top:15px}
	.aboutbtitle{font-size:20px}
	.aboutbyear{margin:20px 0 10px}
	.aboutbbox .list .img{width:100%}
	.aboutbbox .list .img img{width:100%}
	.aboutbbox .list .items{width:100%;height:auto;padding:25px 15px}
	.aboutbbox .list .items .bbox{height:auto}
	.aboutbyear .year{font-size:22px}
	.aboutbbox .list .item{padding:10px 0}
	.aboutbbox .list .item .date{font-size:12px;width:70px;line-height:18px}
	.aboutbbox .list .item .title{width:calc(100% - 72px);font-size:12px;line-height:18px}
	.aboutcitems{margin:20px 0 5px}
	.aboutcitem{width:48%;margin-right:4%;margin-bottom:20px;padding:10px}
	.aboutcitem:nth-of-type(5n){margin-right:4%}
	.aboutcitem:nth-of-type(2n){margin-right:0}
	.aboutcmore{width:116px;height:36px;padding-left:22px}
	.aboutcmore .text{font-size:14px;margin-right:5px;height:36px;line-height:36px}
	.aboutcmore .more{width:13px;height:36px;line-height:36px}
	.aboutd{padding:40px 0;background-size:cover}
	.aboutdtop .text{font-size:14px;line-height:1.8}
	.aboutdnumbox{margin-top:15px}
	.aboutdnumlist .numUp{font-size:28px}
	.aboutdnumlist:nth-of-type(1) .numUp{width:44px}
	.aboutdnumlist:nth-of-type(2) .numUp, .aboutdnumlist:nth-of-type(3) .numUp{width:34px}
	.aboutdnumlist .add{font-size:14px}
	.aboutdnumlist .unit{font-size:12px;margin-top:12px}
	.aboutdnumlist .text{font-size:12px}
	.aboutdright, .aboutdright .list{width:100%}
	.aboutdslide{margin-top:30px}
	.aboutdleft{width:100%;padding-right:0;padding-top:20px}
	.aboutdleft .swiper-slide .title{font-size:18px}
	.aboutdleft .swiper-slide .text{font-size:13px;margin-top:10px;line-height:1.6}
	.aboutdbtnbox .swiper-button-prev, .aboutdbtnbox .swiper-button-next{width:28px;height:28px}
	.aboutdbtnbox .numbox .curnum{font-size:20px}
	.aboutdbtnbox .numbox .line{margin:7px 5px 0;font-size:12px}
	.aboutdbtnbox .numbox .pagenum{font-size:12px;margin-top:7px}
	.aboutdbtnbox .swiper-button-next{margin-left:10px}
	.aboutdbtnbox{right:0;top:20px}
	.aboutdleft .swiper-slide .top{padding-right:100px;padding-left:20px}
	.aboutdleft .swiper-slide .bot{padding:25px 20px;margin-top:5px}
	.aboutdleft .swiper-slide .bot img{width:28px}
	.aboutdleft .swiper-slide .bot .desc{padding:0 15px;line-height:1.8;font-size:13px;margin:15px 0}
	.abouteitems{margin-top:20px}
	.abouteitem{width:48%;margin-right:4%;margin-bottom:15px}
	.abouteitem:nth-of-type(2n){margin-right:0}
	.aboutdleft .swiper-slide .bot .box{margin-top:0;padding:25px 20px}
	#lizi{height:100%}
}

.proitems{padding:72px 0 40px}
.proitem{margin-bottom:70px;padding-bottom:72px;border-bottom:1px solid #7d7d7d}
.proitemtitle{font-size:20px;font-weight:bold}
.proitem:nth-last-of-type(1){padding-bottom:0;border-bottom:none}
.probox{margin-top:36px}
.probox .list{width:33.33%;position:relative;overflow:hidden;margin-bottom: 16px;}
.probox .textbox{width:100%;position:absolute;bottom:20px;padding:0 15px}
.probox .textbox .title{font-size:18px;text-align:center;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.probox .textbox .type{color:#666;text-align:center;font-size:16px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.probox .hidebox{width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:100%;left:0;opacity:0}
.probox .hidebox .box{width:100%;position:absolute;top:50%;left:0;padding:0 15px;margin-top:-61px}
.probox .hidebox .type{color:#fff;font-size:18px;text-align:center;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.probox .hidebox .btn{width:170px;height:58px;background-color:#27a4ea;margin:40px auto 0;line-height:58px;padding-left:34px;color:#fff;font-size:16px;background-image:url(../img/promore.png);background-repeat:no-repeat;background-position:right 32px center}
.prodetimg .pcpageright .text{color:#fff}
.prodetimg{width:100%;height:570px;padding-top:74px;position:relative/* ;background-image:url(../img/prodet1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover */}
.prodet1{margin-top:-394px;position:relative;background-color:#fff;box-shadow:0px 0px 20px 0px rgba(177,177,177,0.18)}
.prodettop{padding:76px 150px 46px 72px}
.prodettop .img{width:539px}
.prodettop .img img{width:100%}
.prodettop .textbox{width:calc(100% - 539px);padding-top:20px;padding-left:145px}
.prodettop .textbox .series{font-size:20px;font-weight:bold}
.prodettop .textbox .title{color:#666;font-size:16px;font-weight:bold;margin-top:18px}
.prodettop .textbox .text{margin-top:48px;padding-top:46px;border-top:1px solid #d1d1d1;color:#666;font-size:16px;line-height:2.25}
.prodetbot{padding:0 116px}
.prodetbot .box{border-top:1px solid #666;padding:48px 0 84px}
.prodetbot .list{width:16.6666%}
.prodetbot .list .icon{width:110px;margin:0 auto}
.prodetbot .list .title{color:#666;font-size:18px;text-align:center;margin-top:10px}
.prodet2{padding:98px 0}
.case{padding:74px 0 94px}
.caseitem{width:48%;margin-right:4%;margin-bottom:70px;position:relative}
.caseitem:nth-of-type(2n){margin-right:0}
.caseitem .box{width:100%;padding:32px 48px 42px 58px;background-color:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0;z-index:1}
.caseitem .box .textbox{width:calc(100% - 92px);padding:0 15px}
.caseitem .box .cntitle{color:#fff;font-size:18px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.caseitem .box .entitle{color:#fff;font-size:12px;margin:3px 0 10px;font-family:'hkbold';height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.caseitem .box .text{color:#fff;font-size:16px;;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.caseitem .box .more{margin-top:20px}
.caseitem .img img{width:100%}
.caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.caseitem:hover .box{background-color:rgba(40,63,125,0.8)}
.casedettop{padding:86px 0 96px}
.casedetnav{text-align:center}
.casedetnavlist{min-width:125px;display:inline-block;vertical-align:middle;margin:0 3px;font-size:16px;height:46px;line-height:44px;border:1px solid #e2e2e2;padding:0 20px}
.casedetnavlist.cur, .casedetnavlist:hover{background-color:#27a4ea;border-color:#27a4ea;color:#fff;font-weight:bold}
.casedetcon{margin-top:60px}
.casedetcon .img{width:692px}
.casedetcon .textbox{width:calc(100% - 692px);height:531px;background-color:#f4f4f4;padding:68px 80px 0 76px}
.casedetcon .title{font-size:24px;font-weight:bold;padding-bottom:28px;border-bottom:1px solid #999}
.casedetcon .text{color:#666;line-height:2.143;height:240px;overflow-y:auto;margin-top:30px}
.casedetcon .text::-webkit-scrollbar{width:4px}
.casedetcon .text::-webkit-scrollbar-thumb{background-color:#27a4ea;border-radius:8px}
.casedetcon .text::-webkit-scrollbar-track{background-color:#f4fbff}
.casedetbot{padding:70px 0 120px;background-image:url(../img/casedetbotbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.casedettitle{font-size:24px;font-weight:bold}
.appcaseitems{margin-top:30px}
.appcaseitem{margin-bottom:46px}
.appcaseitem:nth-last-of-type(1){margin-bottom:0}
.appcaseitem .img{width:512px}
.appcaseitem .textbox{width:calc(100% - 512px);height:393px;background-color:#fff;padding:62px 80px 0 86px}
.appcaseitem .title{color:#666;font-size:18px;font-weight:bold;padding-bottom:25px;border-bottom:1px solid #ccc}
.appcaseitem .text{margin-top:26px;color:#666;line-height:2.143;overflow-y:auto;height:210px}
.appcaseitem .text::-webkit-scrollbar{width:4px}
.appcaseitem .text::-webkit-scrollbar-thumb{background-color:#27a4ea;border-radius:8px}
.appcaseitem .text::-webkit-scrollbar-track{background-color:#f4fbff}
.appcaseitem:hover .img img, .casedetcon .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (min-width:1024px){
	.probox .list:hover .hidebox{top:0;opacity:1}
	.probox .list:hover .textbox{display:none}
	.probox .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
}

@media (max-width:1440px){
    .proitem{margin-bottom:50px;padding-bottom:52px}
	.prodetimg{height:470px}
	.probox .textbox{bottom:10px}
	.prodet2{padding:70px 0}
	.prodettop{padding:45px 90px 25px 50px}
	.prodettop .img{width:440px}
	.prodettop .textbox{width:calc(100% - 440px);padding-left:80px}
	.prodettop .textbox .text{margin-top:30px;padding-top:28px;line-height:2}
	.prodetbot{padding:0 80px}
	.prodetbot .list .icon{width:80px}
	.prodetbot .box{padding:30px 0 55px}
	.prodet1{margin-top:-300px}
	.case{padding:60px 0 75px}
	.caseitem{margin-bottom:50px}
	.casedettop{padding:66px 0 76px}
	.casedettitle{font-size:20px}
	.casedetcon .img{width:580px}
	.casedetcon .textbox{width:calc(100% - 580px);height:445px;padding:45px 55px 0 50px}
	.casedetcon .title{font-size:20px;padding-bottom:15px}
	.casedetcon .text{margin-top:20px;line-height:1.8}
	.appcaseitem .img{width:460px}
	.appcaseitem .textbox{width:calc(100% - 460px);height:353px;padding:45px 60px 0 65px}
	.casedetnavlist{font-size:15px;padding:0 15px;min-width:115px}
}

@media (max-width:1024px){
	.proitems, .prodet2, .case{padding:40px 0}
    .proitem{margin-bottom:50px;padding-bottom:52px}
    .probox .textbox{bottom:10px}
	.proitem:nth-last-of-type(1){margin-bottom:0}
	.proitemtitle{font-size:16px}
	.probox{margin-top:10px}
	.proitem{margin-bottom:20px;padding-bottom:20px}
	.probox .list{width:100%;margin-bottom: 16px;}
	.probox .list .img img{width:100%}
	.probox .textbox .type{font-size:12px;height:18px;line-height:18px}
	.probox .textbox .title{font-size:14px;height:20px;line-height:20px}
	.prodetimg{height:260px;padding-top:30px}
	.prodetimg .pcpageright{height:38px;line-height:38px}
	.prodet1{margin-top:-180px}
	.prodettop{padding:25px 20px}
	.prodettop .img{width:100%}
	.prodettop .textbox{width:100%;padding-left:0}
	.prodettop .textbox .series{font-size:16px}
	.prodettop .textbox .title{font-size:14px;margin-top:5px}
	.prodettop .textbox .text{margin-top:15px;padding-top:13px;font-size:14px;line-height:1.6}
	.prodetbot{padding:0 20px}
	.prodetbot .list{width:33.33%;margin-bottom:10px}
	.prodetbot .list .title{font-size:13px}
	.prodetbot .list .icon{width:56px}
	.prodetbot .box{padding:25px 0 15px}
	.prodet2{overflow-x:auto}
	.prodet2 table{width:100%}
	.caseitem{width:100%;margin-bottom:20px;margin-right:0}
	.caseitem .box{padding:20px 15px}
	.caseitem .box .icon{width:36px}
	.caseitem .box .cntitle{font-size:16px;height:22px;line-height:22px}
	.caseitem .box .entitle{margin:0px 0px 6px}
	.caseitem .box .text{font-size:14px;height:20px;line-height:20px}
	.caseitem .box .textbox{width:calc(100% - 58px);padding:0 10px}
	.caseitem .box .more{width:20px;margin-top:10px}
	.casedettitle{font-size:18px}
	.casedettop, .casedetbot{padding:40px 0}
	.casedetnavlist{font-size:14px;height:38px;line-height:36px;min-width:initial;margin:4px}
	.casedetcon{margin-top:25px}
	.casedetcon .textbox{width:100%;height:auto;padding:25px 20px}
	.casedetcon .title{font-size:18px;padding-bottom:10px}
	.casedetcon .text{margin-top:15px;line-height:1.6}
	.casedetcon .img, .appcaseitem .img, .appcaseitem .img img, .casedetcon .img img{width:100%}
	.appcaseitem .textbox{width:100%;height:auto;padding:25px 20px}
	.appcaseitem .title{font-size:16px;padding-bottom:10px}
	.appcaseitem .text{height:auto;margin-top:12px;line-height:1.6}
}

.news{padding:75px 0 90px}
.newsslide .swiper-container{width:100% !important}
.newsslide .img{width:600px}
.newsslide .img img{width:100%}
.newsslide .textbox{width:calc(100% - 600px);background-color:#f4f4f4;padding:54px 60px 0 72px}
.newsslide .top{padding-bottom:25px;border-bottom:1px solid #adadad}
.newsslide .title{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsslide .date{color:#999;margin-top:8px}
.newsslide .text{color:#666;line-height:1.786;height:50px;margin:26px 0 58px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsslide .more{width:148px;height:50px;background-color:#27a4ea;display:block;color:#fff;line-height:50px;padding-left:30px;font-size:16px;background-image:url(../img/newsmore.png);background-repeat:no-repeat;background-position:right 28px center;box-shadow:9.44px 11.657px 15px 0px rgba(39, 164, 234, 0.15)}
.newsslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsslide .swiper-slide:hover .title{color:#27A4EA}
.newsslide .swiper-container-horizontal>.swiper-pagination-bullets{width:auto;left:auto;right:calc(100% - 590px)}
.newsslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:7px;height:7px;border:1px solid #fff;border-radius:7px;background-color:transparent;opacity:1}
.newsslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff}
.newsitems{margin:46px 0 50px}
.newsitem{margin-bottom:46px;display:block;background-color:#f4f4f4}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .img{width:300px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
.newsitem .img img{width:100%}
.newsitem .box{width:calc(100% - 300px);}
.newsitem .more{width:250px;height:214px;border-left:1px solid #d9d9d9;line-height:216px;padding-left:76px;color:#283f7d;font-size:16px;background-image:url(../img/newsmore2.png);background-repeat:no-repeat;background-position:right 75px center}
.newsitem .textbox{width:calc(100% - 250px);padding:46px 100px 0 60px}
.newsitem .title{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .date{color:#999;margin:8px 0 20px}
.newsitem .text{color:#666;line-height:1.786;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .more{background-image:url(../img/newsmore.png);color:#fff;background-color:#283f7d}
.newsdet{padding:75px 0 110px}
.newsdetbox{padding:56px 78px 70px;background-color:#f4f4f4}
.newsdettop{padding-bottom:26px;border-bottom:1px solid #adadad}
.newsdettop .title{font-size:18px;font-weight:bold;text-align:center}
.newsdettop .other{text-align:center;margin-top:10px}
.newsdettop .other .list{margin:0 10px;color:#999;display:inline-block;vertical-align:middle}
.newsdetcon{margin:30px 0 44px}
.newsdetvideo{position:relative}
.newsdetvideo .img img{width:100%}
.newsdetvideo .play{width:57px;height:57px;position:absolute;top:50%;margin-top:-28px;left:50%;margin-left:-28px;cursor:pointer}
.newsdetvideo video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.newsdetvideo.cur .img img,
.newsdetvideo.cur .play{z-index:-1;opacity:0;visibility:hidden}
.newsdetvideo.cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.newsdetbot{margin-top:46px}
.newsdetpagers{width:calc(100% - 220px)}
.newsdetpagerslist:nth-of-type(1){margin-bottom:10px}
.newsdetpagerslist .name{color:#666}
.newsdetpagerslist .text{display:block;width:calc(100% - 60px);height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsdetpagerslist a.text:hover{color:#27a4ea}
.newsdetreturn{width:148px;height:50px;background-color:#27a4ea;display:block;color:#fff;line-height:50px;padding-left:30px;font-size:16px;background-image:url(../img/newsmore.png);background-repeat:no-repeat;background-position:right 28px center;box-shadow:9.44px 11.657px 15px 0px rgba(39, 164, 234, 0.15)}
.join{padding:74px 0 100px}
.joinleft{width:calc(100% - 361px);padding-right:55px}
.joinright{width:361px;position:relative}
.joinright .textbox{width:100%;position:absolute;top:52px;left:0;padding:0 62px}
.joinright .entitle{color:#fff;font-weight:bold;font-family:Arial;font-size:60px;line-height:1}
.joinright .cntitle{color:#283f7d;font-size:18px;font-weight:bold;margin-top:14px}
.joinsel{position:relative;z-index:3}
.joinsel .text{color:#666;line-height:46px}
.joinselbox{width:396px;position:relative;margin-left:10px}
.joinseltop{width:100%;height:46px;border-radius:46px;border:1px solid #999;padding:0 28px;cursor:pointer;background-color:#fff}
.joinseltop .name{width:calc(100% - 39px);margin-right:20px;line-height:44px;color:#666;font-size:13px}
.joinseltop .icon{height:44px;line-height:44px}
.joinseltop .icon img{display:inline-block;vertical-align:middle}
.joinselitems{width:100%;position:absolute;top:66px;left:0;padding:0 28px;border:1px solid #f0f0f0;border-radius:8px;max-height:120px;overflow-y:auto;z-index:-1;opacity:0;visibility:hidden;background-color:#fff}
.joinselitems::-webkit-scrollbar{width:4px}
.joinselitems::-webkit-scrollbar-thumb{background-color:#27a4ea;border-radius:8px}
.joinselitems::-webkit-scrollbar-track{background-color:#f0faff}
.joinselitem{border-bottom:1px solid #f0f0f0;font-size:13px;height:38px;line-height:38px;color:#666;cursor:pointer}
.joinselitem:nth-last-of-type(1){border-bottom:none}
.joinselitem:hover{color:#27a4ea}
.joinsel.cur .joinseltop .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.joinsel.cur .joinselitems{top:45px;z-index:9;opacity:1;visibility:visible}
.joinitems{margin:50px 0 65px}
.joinitem{margin-bottom:46px}
.joinitem:nth-last-of-type(1){margin-bottom:0}
.joinitemtop{width:100%;height:160px;cursor:pointer;background-color:#f4f4f4}
.joinitemtop .leftbox{width:calc(100% - 120px);padding:44px 60px 0}
.joinitemtop .leftbox .title{color:#252525;font-size:22px;font-weight:bold}
.joinitemtop .leftbox .other{margin-top:12px}
.joinitemtop .leftbox .list{margin-right:40px;color:#969696;font-weight:bold}
.joinitemtop .leftbox .list:nth-last-of-type(1){margin-right:0}
.joinitemtop .more{width:120px;height:160px;background-color:#dfe2ec;background-image:url(../img/joinmore.png);background-repeat:no-repeat;background-position:center center}
.joinitembot{padding:40px 62px 50px;background-color:#fff;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);display:none}
.joinitembot .list{margin-bottom:35px}
.joinitembot .list .name{color:#252525;font-weight:bold}
.joinitembot .list .text{color:#666;margin-top:8px;line-height:2.143}
.joinitembot .btn{width:148px;height:50px;background-color:#27a4ea;display:block;color:#fff;line-height:50px;padding-left:60px;font-size:16px;background-image:url(../img/joinicon.png);background-repeat:no-repeat;background-position:left 30px center;box-shadow:9.44px 11.657px 15px 0px rgba(39, 164, 234, 0.15)}
.joinitem.cur .joinitemtop{background-color:#283f7d}
.joinitem.cur .joinitemtop .leftbox .title,
.joinitem.cur .joinitemtop .leftbox .list{color:#fff}
.joinitem.cur .joinitemtop .more{background-color:#27a4ea;background-image:url(../img/joinmore_cur.png)}

@media (max-width:1440px){
    .news, .join{padding:60px 0 75px}
	.newsslide .img{width:500px}
	.newsslide .textbox{width:calc(100% - 500px);padding:40px 45px 0 60px}
	.newsslide .top{padding-bottom:20px}
	.newsslide .text{margin:18px 0 35px}
	.newsitem .more{width:200px;padding-left:55px;background-position:right 53px center}
	.newsitem .textbox{width:calc(100% - 200px);padding:35px 70px 0 40px}
	.newsdet{padding:60px 0 85px}
	.newsdetbox{padding:40px 60px 55px}
	.joinitemtop .leftbox{padding:30px 40px 0}
	.joinitemtop .leftbox .list{margin-right:30px}
	.newsslide .swiper-container-horizontal>.swiper-pagination-bullets{right:calc(100% - 490px)}
}

@media (max-width:1024px){
    .news, .newsdet, .join{padding:40px 0}
    .newsslide .img{width:100%}
    .newsslide .textbox{width:100%;padding:25px 20px}
    .newsslide .top{padding-bottom:10px}
	.newsslide .title{font-size:16px;height:22px;line-height:22px}
	.newsslide .date{font-size:12px;margin-top:2px}
    .newsslide .text{margin:18px 0 35px}
	.newsitem{margin-bottom:20px}
    .newsitem .more{width:200px;padding-left:55px;background-position:right 53px center}
    .newsitem .textbox{width:calc(100% - 200px);padding:35px 70px 0 40px}
	.newsslide .text{margin:10px 0 25px;line-height:1.6;height:44px}
	.newsslide .more, .newsdetreturn{width:118px;height:36px;line-height:36px;font-size:14px;padding-left:15px;background-position:right 15px center}
	.newsslide .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;right:0;bottom:226px}
	.newsitem .img{width:100%}
	.newsitem .box{width:100%}
	.newsitem .textbox{width:calc(100% - 80px);padding:10px 15px}
	.newsitem .more{width:80px;height:114px;line-height:114px;padding-left:10px;font-size:12px;background-position:right 10px center}
	.newsitem .title{font-size:15px;height:21px;line-height:21px}
	.newsitem .date{font-size:12px;margin:3px 0 10px}
	.newsitem .text{line-height:1.6;height:44px}
	.newsdetbox{padding:25px 15px}
	.newsdettop .other{margin-top:6px}
	.newsdettop{padding-bottom:15px}
	.newsdetcon{margin:25px 0 30px}
	.newsdetvideo .play{width:30px;height:30px;margin-top:-15px;margin-left:-15px}
	.newsdetpagers{width:100%}
	.newsdetpagerslist:nth-of-type(1){margin-bottom:6px}
	.newsdetreturn{margin-top:20px}
	.joinleft{width:100%;padding-right:0}
	.joinselbox{width:calc(100% - 85px)}
	.joinsel .text{line-height:36px}
	.joinseltop{height:36px;padding:0 15px}
	.joinseltop .name, .joinseltop .icon{height:34px;line-height:34px}
	.joinselitem{height:28px;line-height:28px}
	.joinselitems{top:54px;padding:0 15px}
	.joinsel.cur .joinselitems{top:34px}
	.joinitems{margin:25px 0 30px}
	.joinitem{margin-bottom:20px}
	.joinitemtop{height:130px}
	.joinitemtop .leftbox{width:calc(100% - 70px);padding:25px 20px 0}
	.joinitemtop .leftbox .title{font-size:16px}
	.joinitemtop .leftbox .list{font-size:12px;margin-right:0;width:100%}
	.joinitemtop .more{width:70px;height:130px}
	.joinitembot{padding:25px 20px}
	.joinitembot .list .text{line-height:1.8}
	.joinitembot .list{margin-bottom:20px}
	.joinitembot .btn{width:118px;height:38px;line-height:38px;padding-left:45px;background-position:left 15px center;font-size:14px;background-size:18px auto}
	.joinright{width:100%;margin-top:30px}
	.joinright .img img{width:100%}
	.joinright .textbox{padding:0 35px}
	.joinright .entitle{font-size:40px}
	.joinright .cntitle{font-size:16px}
	
}

@media (max-width:370px){
	.newsitem .more{padding-left:6px;background-position:right 6px center}
	.joinitemtop .leftbox{paddiing:15px 15px 0}
}

.coop{padding:72px 94px 0 110px;height:700px;background-color:#f4f4f4}
.cooptitle{font-size:24px;font-weight:bold;padding-bottom:42px;border-bottom:1px solid #999}
.coopitems{margin-top:52px}
.coopitem{margin-bottom:40px}
.coopitem:nth-last-of-type(1){margin-bottom:0}
.coopitem .textbox{width:calc(100% - 47px);padding-left:15px}
.coopitem .name{font-weight:bold;line-height:1}
.coopitem .text{color:#666;margin-top:18px;line-height:1}
.cooptextbox{width:100%;position:absolute;top:60px;left:0;padding:0 45px}
.cooptextbox .entitle{color:#999;font-weight:bold;font-family:Arial;font-size:36px}
.brantextbox.cooptextbox .entitle{color:#fff}
.cooptextbox .cntitle{color:#283f7d;font-size:24px;font-weight:bold}
.branches{padding:72px 96px 108px 110px;background-color:#f4f4f4}
.branchesitem{padding:35px 0 32px 8px;border-bottom:1px solid #999}
.branchesitem .icon{width:47px}
.branchesitem .box{width:calc(100% - 47px);padding-left:18px}
.branchesitem .textbox{width:calc(100% - 148px);padding-right:20px}
.branchesitem .textbox .title{font-weight:bold;line-height:1.2}
.branchesitem .textbox .text{color:#666;line-height:2.143;margin-top:8px}
.branchesitem .btn{width:146px;height:48px;background-color:#283f7d;border-radius:48px;line-height:48px;color:#fff;display:block;padding-left:64px;background-image:url(../img/brandw.png);background-repeat:no-repeat;background-position:left 26px center}



@media (max-width:1440px){
    .coop{padding:60px 64px 0 80px}
    .branches{padding:65px 65px 78px 80px}
}

@media (max-width:1024px){
    .coop{padding:30px 20px;height:auto}
	.cooptitle{font-size:18px;padding-bottom:15px}
	.coopitems{margin-top:30px}
	.coopitem{margin-bottom:20px}
	.coopitem .icon{width:38px}
	.coopitem .textbox{width:calc(100% - 38px);padding-left:10px}
	.coopitem .text{margin-top:10px}
	.cooptextbox{top:40px;padding:0 25px}
	.cooptextbox .entitle{font-size:26px}
	.cooptextbox .cntitle{font-size:18px}
	.branches{padding:25px 20px}
	.branchesitem{padding:20px 0}
	.branchesitem .icon{width:30px}
	.branchesitem .box{width:calc(100% - 30px);padding-left:10px}
	.branchesitem .textbox{width:100%;padding-right:0}
	.branchesitem .textbox .text{margin-top:5px;line-height:1.8}
	.branchesitem .btn{width:100px;height:36px;font-size:12px;float:right;margin-top:10px;padding-left:38px;line-height:36px;background-size:14px auto;background-position:left 15px center}
}

/*2023.11.21*/
.announcement{padding:74px 0 100px;}
.noticeleft { width: calc(100% - 361px); padding-right: 55px;}

.noticeleft .links{ overflow:hidden; padding-bottom:40px;}
.noticeleft .links li{ float:left; margin-right:20px;}
.noticeleft .links li a{ display:block; width:120px; height:48px; line-height:48px; text-align:center; background:#f5f5f5; font-size:16px; color:#333;}
.noticeleft .links li .aNow, .noticeleft .links li a:hover{ background:#27a4ea; color:#fff;}
.notice .list{ padding-bottom:50px;}
.notice .list li{ height: 90px; margin-bottom: 20px; }
.notice .list li a{ display: block; height: 100%; position: relative; padding: 0 130px 0 180px; background: #f5f5f5;}
.notice .list li .time{ position: absolute; left: 35px; top: 50%; font-size: 16px; line-height: 18px; color: #176dba; margin-top: -10px; }
.notice .list li .name{ height: 90px; font-size: 16px; line-height: 26px; color: #333; text-transform: uppercase; overflow:hidden; }
.notice .list li .name em{ height: 90px; display: table-cell; vertical-align: middle; font-style:normal;}
.notice .list li .ico{ position: absolute; right: 0; top: 50%; width: 86px; height: 42px; margin-top: -21px; }
.notice .list li .ico .img1{ display: none; }
.notice .list li a:hover{background: #283f7d;}
.notice .list li a:hover .time{ color: #27a4ea; }
.notice .list li a:hover .name{ color: #fff; }
.notice .list li a:hover .ico img{ display: none; }
.notice .list li a:hover .ico .img1{ display: inline-block; }

@media (max-width:1024px){
	.announcement{padding:40px 0;}
	.noticeleft { width: 100%; padding-right: 0;}
	.noticeleft .links{ padding-bottom:20px;}
	.noticeleft .links li{ margin-right:10px;}
	.noticeleft .links li a{ width:86px; height:36px; line-height:36px; font-size:14px;}
	.notice .list{ padding-bottom:30px;}
	.notice .list li{ height: auto; margin-bottom: 10px; }
	.notice .list li a{ position: relative; padding: 10px 42px 10px 10px; }
	.notice .list li .time{ position: relative; left: 0; top: 0; font-size: 14px; line-height: 24px; margin-top: 0; padding-bottom: 5px; }
	.notice .list li .name{ overflow: hidden; font-size: 14px; line-height: 24px; height: 48px; display: block; }
	.notice .list li .name em{ height: auto; display: block;}
	.notice .list li .ico{ width: 34px; height: 34px; margin-top: -15px; }
	.notice .list li .ico img{ width: 24px; }
	
	
}

.team-wrapper{padding:74px 0 100px;}
.team-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.team-wrapper .list li {
  width: 23.046%;
  margin-right: 2.6053%;
  margin-bottom: 75px;
}
.team-wrapper .list li:nth-child(4n) {
    margin-right: 0;
}
.team-wrapper .list li .pic{ overflow:hidden; display:block;}
.team-wrapper .list li .pic img {
    width: 100%;
    display: block;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
}
.team-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.team-wrapper .name {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 30px;
}
.team-wrapper .name i {
  font-size: 16px;
  color: #cfcfcf;
  display: inline-block;
  margin-left: 8px;
  font-weight: 500;
  text-transform: uppercase;
}
.team-wrapper .desc {
  font-size: 16px;
  color: #082c7e;
  line-height: 24px;
  margin-top: 5px;
}


@media (max-width:1024px){
	.team-wrapper{padding:40px 0;}
	.team-wrapper .list ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .team-wrapper .list li {
    width: calc((100% - 10px) / 2);
    margin-right: 0;
    margin-bottom: 15px;
  }
  .team-wrapper .list li:nth-child(-n+2) {
    margin-bottom: 15px;
  }
  .team-wrapper .name {
    font-size: 15px;
    line-height: 26px;
    margin-top: 10px;
  }
  .team-wrapper .name i {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    font-size: 12px;
    margin-left: 5px;
    transform-origin: left center;
  }
  .team-wrapper .desc {
    font-size: 12px;
    line-height: 24px;
    margin-top: 5px;
  }
}

.contactus-wrapper{padding:74px 0 100px;}
.contactus-wrapper .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contactus-wrapper h3 {
  margin-bottom: 40px;
  font-size:24px;
  line-height:24px;
  color:#000;
}
.contactus-wrapper .info {
  width: 45%;
}
.contactus-wrapper .info li {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 32px;
  padding-left: 52px;
  margin-bottom: 20px;
}
.contactus-wrapper .info li:last-child {
  margin-bottom: 0;
}
.contactus-wrapper .info li img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 32px;
}
.contactus-wrapper .pic {
  width: 50%;
}
.contactus-wrapper .pic:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.contactus-wrapper .pic img {
  height: 100%;
  object-fit: cover;
}
.contactus-wrapper .qrcodes {
  margin-top: 50px;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.contactus-wrapper .qrcodes .item {
  width: 130px;
  margin-right: 40px;
}
.contactus-wrapper .qrcodes .item:last-child {
  margin-right: 0;
}
.contactus-wrapper .qrcodes .img {
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.05rem;
  overflow: hidden;
  background-color: #fff;
}
.contactus-wrapper .qrcodes .img img {
  display: block;
  width: 100%;
}
.contactus-wrapper .qrcodes p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-top: 12px;
}

@media (max-width:1024px){
	.contactus-wrapper{padding:40px 0;}
	.contactus-wrapper .info { width: 100%;}
	.contactus-wrapper h3 {
	  margin-bottom: 20px;
	  font-size:18px;
	  line-height:18px;
	}
	.contactus-wrapper .info li {
    font-size: 14px;
    line-height: 24px;
    padding-left: 30px;
    margin-bottom: 12px;
  }
  .contactus-wrapper .info li img {
    width: 16px;
    top: 4px;
  }
  .contactus-wrapper .pic {
    display: none;
  }
  .contactus-wrapper .qrcodes{ margin-top:30px;}
  .contactus-wrapper .qrcodes .item {
    width: 120px;
	margin-right:10px;
  }
  .contactus-wrapper .qrcodes p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px;
  }
}