@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{overflow-x: hidden; background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
.shareCont a{ float: none!important; padding: 0!important; background: #c0c0c0!important; height: 34px!important; margin: 0 0 0 8px!important;}
.shareCont a:hover {background: #336fb7!important;}
/* CSS Document */
.fixAside li .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -232px;
  bottom: -5px;
  width: 235px;
  height: 80px;
  border-radius: 8px;
}
.fixAside li:hover .revi-hotline-wrapper { display:block;}
.fixAside li .revi-hotline {
  position: absolute;
  left: 0;
  width: 221px;
  height: 80px;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: text;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  padding-left:12px;
  border-radius: 8px;
}
.fixAside li .revi-hotline h3 {
  margin: 16px 0 8px;
  font-family: 'Arial',"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  font-size: 28px;
  color: #336fb6;
  font-weight:normal;
}
.fixAside li .revi-hotline h4{ font-weight:normal; font-size:13px;}

.searchinput{z-index: 3; transition: all .5s; opacity: 1;pointer-events: auto;left:350px; position: absolute; width: 350px; top: 50%; margin-top: -23px;
transform-origin: right center; transform: scale(0); }
.searchinput.show { left: -240px; transform: scale(1);}
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #336fb7;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #336fb7;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #336fb7;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #336fb7;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.sclosebtn:hover { transform: rotate(180deg);}
.social-share .icon-wechat .wechat-qrcode {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}
.qrcode img { display: block;}
.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
.fcs {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: flex-start;
}

.fcc {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.fce {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: flex-end;
}
.fsc {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}
header.tosmall{top: -100px;}


.header { transition: all .5s; z-index: 22; position: fixed; left: 0; top: 0; width: 100%; height: 90px;}
.logo { margin-top: 34px; float: left; width:153px; position: relative;}
.logo img { display: block; transition: all .5s;}
.logo img:nth-child(1) { opacity: 1; width: 100%;}
.logo img:nth-child(2) {opacity: 0;width: 100%;}
.removeLogo { position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.banner .swiper-pagination span { opacity: 1; width: 9px; height: 9px; transition: all .5s; border-radius: 50%; background: #006cb7; margin: 0 4px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { border-radius: 9px; background: #7dabe2; width: 42px;}
.banner .swiper-slide-active { z-index: 2;}
.banner .swiper-pagination,.insideBanner .swiper-pagination { bottom: 35px!important;}
.banner img { display: block; width: 100%;}
.langChose { position: relative; float: right;}

.langChose h2 { cursor: pointer; padding-right: 11px; color: #ffffff; line-height: 90px; padding-left: 24px; position: relative; background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 14px;}
.langChose h2::after{ content: ''; position: absolute; transition: all .5s; right: 0; top: 50%; margin-top: -2.5px; background: url(../images/down.png) center no-repeat; width: 7px; height: 5px;}
.langChose:hover h2::after { transform: rotate(-180deg); background: url(../images/bdowno.png) center no-repeat!important;}
.langChose:hover h2 { background: url(../images/beartho.png) left center no-repeat!important;}
.langChose:hover h2 { color: #336fb7!important;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top: 66px; left: 50%; transform: translateX(-50%);}
.langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;}
.langChose dt a{ transition: all .5s; display: block; font-size: 14px; color: #393939;}
.langChose dt.cur a { color: #336fb6;}
.langChose:hover dl { display: block;}
.searchEnter { margin-right: 45px; margin-left: 54px; position: relative; float: right;}
.searchEnter span { cursor: pointer; height: 90px; display: block; background: url(../images/search.png) center no-repeat; width: 14px;}
.searchEnter:hover span { background: url(../images/bsearcho.png) center no-repeat!important;}
.searchSub::after {content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) 95% center no-repeat; background-size: auto 6px;}
.searchSub { box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius: 4px; display: none; position: absolute; top: 66px; right: -14px; width:240px; padding: 10px; height: 50px; background: #ffffff; z-index: 2;}
.searchSub input { text-indent: 10px; height: 30px; padding: 0; width: 100%; box-sizing: border-box; border: 1px solid #eeeeee;}
.searchSub button { transform: translateY(-50%); border: none; right: 10px; cursor: pointer; position: absolute; top: 50%; background: url(../images/searchs.png) center no-repeat; width: 30px; height: 30px;
background-size: 50% auto;}
.searchEnter:hover .searchSub { display: block;}
.nav { float: right;}
.nav li {float: left; }
.nav li:not(:last-child) { margin-right: 3.125vw;}
.nav li h2 a { font-size: 18px; line-height: 90px; color: #ffffff;}
.titleCell { text-align: center;}
.titleCell p { font-size: 40px; font-weight: bold; color: #000000; line-height: 1; margin-bottom: 16px;}
.titleCell span { font-size: 30px; color: #336fb6; text-transform:uppercase;}
.homeProduct {padding: 90px 0 230px;}
.container,.headerCont { width: 1600px; margin:0 auto 0; max-width: 92%;}
.productInfor p { font-size: 32px; line-height: 1; margin-bottom: 15px; color: #333333;}
.productInfor h2 { font-size: 48px; line-height: 1; color: #333333;}
.productCont { width: 100%; display: flex; align-items:  center; justify-content: space-between;}
.styleList a.checkMore { margin-top: 60px; display: inline-block; padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.styleList a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}

.productInfor a.checkMore { padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.productInfor a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.productInfor ul { margin: 55px 0 25px; flex-wrap: wrap; display: flex; width:440px;}
.productInfor li { line-height:3; color: #333333; font-size:14px; display: flex; align-items: center; width: 50%;}
.productInfor li img { height: 24px; margin-right: 10px;}
.productSwiper { margin-top: 130px;}
.productImg img { transition: all 3s; max-width: 100%;}
.productImg:hover img { transform: scale(0.9);}
.productSwiper .swiper { position: relative;}
.productSwiper .swiper::after{ content: ''; position: absolute; right: 0; height: 100%; z-index: 2; top:0; width:30%; background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));}
.productSwiper .swiper-slide { display: flex; height: auto;}
.productSwiper .swiper-button-next { z-index: 3; left: 73%; top: 50%; transform: translateY(-25px); transition: all .5s; background: url(../images/next.png) center no-repeat; width: 45px; height: 45px; outline: none;}
.productSwiper .swiper-button-prev { z-index: 3; left: 73%; top: 50%; transform: translateY(25px); transition: all .5s; background: url(../images/prev.png) center no-repeat; width: 45px; height: 45px; outline: none;}
.productSwiper .swiper-button-next:hover { background: url(../images/nextOn.png) center no-repeat;}
.productSwiper .swiper-button-prev:hover { background: url(../images/prevOn.png) center no-repeat;}
.productSwiper .swiper-button-next::after,.productSwiper .swiper-button-prev::after { display: none;}
.homeProduct { background: url(../images/bg1.jpg) center no-repeat; background-size: cover;}
.productCenter {background: url(../images/bg2.jpg) center no-repeat; background-size: cover; padding: 90px 0; background-attachment: fixed;} 
.iconBox {position: relative; margin: 0 auto; transition: all .5s; background: url(../images/iconBg.png) center no-repeat; width: 90px; height: 97px;}
.iconBox img { transition: all .5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.productMenu { margin: 70px 0 80px;}
.productMenu ul { display: flex; justify-content: space-between; align-items:center; text-align: center;}
.productMenu li { position: relative; cursor: pointer;}
.productMenu li p { line-height: 30px; font-size: 18px; color: #333333;}
.iconBox img:nth-child(2) { opacity:0;}
.productMenu li.cur .iconBox img:nth-child(1) { opacity: 0;}
.productMenu li.cur .iconBox img:nth-child(2) { opacity: 1;}
.productMenu li.cur .iconBox { transform: rotate(360deg); background: url(../images/iconBgOn.png) center no-repeat;}
.productMenu li.cur p { color: #336fb6;}
.productMenu li::after{content: ''; pointer-events: none; top: 45px; position: absolute;left: 100%; width: 12vw; height: 1px; background: #d8d8d8;}
.productMenu li::before{content: ''; pointer-events: none; top: 45px; position: absolute;right: 100%; width: 12vw; height: 1px; background: #d8d8d8;}
.productMenu li:last-child::after,.productMenu li:first-child::before{ display: none;}
.productCard .swiper-slide {padding-bottom: 20px; opacity: .4; position: relative;}
.productCard .swiper-slide img { max-width: 100%; max-height: 100%; object-fit: cover;}
.productCard .swiper-slide-next,.productCard .swiper-slide-prev { opacity: .8;}
.productCard .swiper-slide-active {box-shadow: 0 0 10px rgba(212,212,212,.75); opacity: 1;}
.productCard .swiper-slide p { position: absolute; bottom:20px; left: 0; width: 100%; font-size: 18px; color: #333333;}
.productSlide { width: 100%;}
.productSlide::after { content: ''; clear: both; display: block; height: 0;}
.productCard { position: relative; float: right; width: 770px;}
.productCard .swiper {padding: 20px 0; width:770px;}
.productCard .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 640px;
  height: 380px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;align-items:  center; text-align: center; justify-content: center;
}
.cardControl { z-index:3; position: absolute; right: 0; top: 50%; margin-top: -50px; padding-top: 14px;box-shadow: 0 0 10px rgba(212,212,212,.75); width: 44px; border-radius: 44px; background: #ffffff; height: 100px;}
.cardControl .prevControl { cursor: pointer; margin: 0 auto 53px; display: block; background: url(../images/pprev.png) center no-repeat; width: 19px; height: 11px;}
.cardControl .nextControl { cursor: pointer; margin: 0 auto; display: block; background: url(../images/pnext.png) center no-repeat; width: 19px; height: 11px;}
.cardControl .prevControl:hover {background: url(../images/pprevon.png) center no-repeat;}
.cardControl .nextControl:hover {background: url(../images/pnexton.png) center no-repeat;}
.productArt {padding-top: 20px; float: left; width: calc(100% - 770px - 9vw);}
.productArt h2 { font-size: 40px; font-weight: bold; color: #000000; line-height: 1; margin-bottom: 30px;}
.productArt p { margin-bottom: 95px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;
 font-size: 18px; color: #333333; line-height: 28px; height: 84px;}
.productArt a { padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.productArt a:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.homeAbout { background: url(../images/bg3.jpg) center no-repeat; background-size: cover; position: relative;padding: 8.85vw 0 12.24vw;	}
.homeAbout .titleCell { text-align: left;}
.aboutIntroduce { width: 730px; margin: 40px 0 0; position: relative; z-index: 2;}
.aboutIntroduce p { font-size: 20px; color: #333333; line-height: 1.6;}
.aboutIntroduce a.checkMore { padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.aboutIntroduce a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.aboutIntroduce dl::after { content: ''; clear: both; display: block; height: 0;}
.aboutIntroduce dl{ margin: 60px 0 7.29vw; display: flex; align-items: center;}
.aboutIntroduce dt { margin-right: 120px; text-align: center;}
.aboutIntroduce dt:last-child { margin-right: 0;}
.aboutIntroduce dt h3 { white-space: nowrap; line-height: 56px; font-size: 20px; color: #336fb6;}
.aboutIntroduce dt h3 span {margin-right: 5px; vertical-align: middle; display: inline-flex; line-height: 1; font-size: 2.9vw; font-weight: bold; color: #336fb6;}
.aboutIntroduce dt b { display:block; margin-top: 15px; font-size: 16px; color: #666666;}
.buildCont { position: absolute; height: 100%; right: 0; bottom: 0; display: flex; align-items: end;}
.buildCont img { display: block; width: auto; height:90%;}
.videoEnter {transition: all .5s; cursor: pointer; width: 70px; height: 70px; color: #ffffff; font-size: 16px;
display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-30%);background-image: url(../images/play2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;}
.videoEnter::after {content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: iconScale2 1.8s linear infinite;}
	@keyframes iconScale2 {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    opacity: 0;
  }
}
.industry { text-align: center;}
.industry a.checkMore { margin: 40px 0 60px; display: inline-block; padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.industry a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.industry { background: #f8f8f8; padding-top: 90px;}
.industry .titleCell { margin-bottom: 60px;}
.i_application{overflow: hidden;}
.i_application ul{overflow: hidden;min-width: 1200px;}
.i_application li{margin-right: 0.78125%;float: left;width: 19.375%;height: 632px;position: relative;transition:all 0.3s;}
.i_application li:last-child{margin-right: 0;}
.i_application li .divs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;transition:all 0.5s;}
.i_application li .imgs{overflow: hidden;height: 100%;background-repeat: no-repeat;background-position: 20% center;background-size: auto 100%;transition:all 0.3s;}
.i_application li:hover .imgs{background-size: cover;}
.i_application li .bgs{transition: all .5s; overflow: hidden;width: 100%; height: 100%;position: absolute;left: 0;top: 0;}
.i_application li .bgs .boxs{margin-left: 45px;margin-right: 45px;overflow: hidden;position: relative;height: 100%;}
.i_application li .bgs .boxs .i_application_t{overflow: hidden;top: 88px;width: 100%; left: 0;position: absolute;transition:all 0.3s;}
.i_application li .bgs .boxs .i_application_t img{ margin: 0 auto; height: 91px;display: block;transition:all 0.3s;}
.i_application li .bgs .boxs .i_application_t .cons{overflow: hidden;transition:all 0.3s;}
.i_application li .bgs .boxs .i_application_t .h4{ transition: all .5s; font-size:24px; color: #333333; font-weight: normal;overflow: hidden;line-height: 1.25;white-space:nowrap;text-overflow:ellipsis;margin-top: 20px;}
.i_application li .bgs .boxs .i_application_t .p{transition: all .5s;margin: 15px 0 30px; overflow: hidden;line-height: 30px;height: 30px;font-size: 20px; white-space:nowrap;text-overflow:ellipsis;color: #333333;}
.i_application li .bgs .boxs .i_more{position: absolute;left: 0;bottom: 20px;color: #fff;}

.i_application li .bgs .boxs .i_more .span{background-image: url(../images/i_pic8.png);}
.i_application li .bgs .boxs .i_more:hover .span{background-image: url(../images/i_pic2_on.png);}
.i_application li .bgs .boxs .i_more::after{display: none;}
.i_application li:hover .bgs { background: rgba(0,0,0,0.5);}
.i_application li:hover .bgs .boxs .i_application_t .h4,.i_application li:hover .bgs .boxs .i_application_t .p{color: #ffffff;}
.i_application li:last-child:hover .divs{left: auto;right: 0;}
.divs .checkMore { transition: all .5s; opacity: 0; font-size: 16px; color: #ffffff; display: flex; align-items:  center; justify-content: center; position: absolute; bottom: 50px; text-align: center; width: 100%; left: 0;}
.divs .checkMore span { margin-left: 10px; background: url(../images/moreWhite.png) center no-repeat; width: 12px; height: 13px; display: inline-flex;}
.i_application li:hover .checkMore { opacity: 1;}
.descCont { color: #ffffff; max-width: 80%; margin: 0 auto; transition: all .5s; opacity: 0; font-size: 16px; line-height: 28px;}
.i_application li:hover .descCont { opacity: 1;}
.newsTitle { text-align: center; margin-bottom: 60px;}
.newsTitle a.checkMore { display: inline-block; padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.newsTitle a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.homeNews { padding: 95px 0 140px;}
.newsPic { position: relative; overflow: hidden; height: 12.23vw;}
.newsPic::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.newsPic img { border-radius: 4px 4px 0 0; width: 100%; height: 100%; transition: all .5s; object-fit: cover;}
.newsList ul::after { content: ''; clear: both; display: block; height: 0;}
.newsList li {overflow: hidden;border-radius: 8px; transition: all .5s; width: 23.3%; margin-right: 2.2666%; float: left; margin-bottom: 2.2666%; background: #f8f8f8; border-radius: 10px ;}
.newsList li:nth-child(4n){ margin-right: 0;}
.newsArt { padding: 23px 15px 30px;}
.newsArt span { z-index: 1; position: relative; line-height: 32px; display: block; padding-left: 22px; font-size: 14px;
color: #333333; margin-bottom: 20px;}
/* .newsArt span::after { content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: #d1ddeb; z-index: -1;} */
.newsArt span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 32px; width: 15px; background: url(../images/dateIcon.png) left center no-repeat; }
.newsArt p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 52px; line-height: 1.3; font-size: 20px; color: #333333; transition: all .5s;}
.newsList li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/* .newsList li:hover .newsPic img { transform: scale(1.1);} */
.newsList li:hover p { color: #336fb6;}
.newsList li a.checkMore { margin-top: 60px; display: inline-block; padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.newsList li:hover a.checkMore{ background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.footer {background: #f8f8f8;}
.sologn { border-bottom: 1px solid #d4d4d4; line-height: 130px; display: flex; align-items: center; justify-content: space-between;}
.sologn p { font-size: 30px; color: #333333;}
.sologn p span { font-weight: bold; color: #336fb6;}
.sologn a { display: inline-flex; align-items:  center;}
.sologn a img { transition: all .5s;}
.sologn a span { margin-right: 8px; transition: all .5s; line-height: 30px; border-bottom: 1px solid #333333; color: #333333; font-size: 18px; display: inline-flex;}
.sologn a:hover span { color: #336fb6; border-bottom: 1px solid #336fb6;}

.footerLink li h2 { line-height: 1; margin-bottom: 18px; font-size: 20px; color: #000000;}
.footerLink ul::after{ content: ''; clear: both; display: block; height: 0;}
.footerLink li{float: left; width: 9.375vw;}
.footerLink li p{ line-height: 2; font-size: 16px; transition: all .5s;}
.footerLink li a { position: relative; color: #333333; transition: all .5s; display: block; transition: all .3s;}
.footerLink li a::after { transition: all .3s; content: ''; position: absolute; left: 0; width: 0; height: 1px; top: 50%; transform: translateY(-50%); background: #336fb6;}
.footerLink li p:hover a {color: #336fb6; padding-left: 6px;}
.footerLink li p:hover a::after { width: 5px;}
.footerCont { padding: 65px 0 6.77vw; display: flex; justify-content: space-between;} 
.footerContact li { margin-bottom: 28px; display: flex; align-items: flex-start;}
.contactTxt h2 { line-height: 24px; margin-bottom: 10px; font-size: 16px; color: #333333;}
.contactTxt p { font-size: 16px; height: 42px; line-height: 21px; color: #333333;}
.contactTxt p a { color: #336fb6; font-weight: bold; font-size: 26px;}
.contactTxt { width: 328px; margin-left: 14px;}
.contactHd { margin-bottom: 10px;}
.contactHd span { margin-right: 18px; cursor: pointer; font-size: 18px; color: #333333;}
.contactHd span.cur { color: #336fb6;}
.inforRight { float: right;}
.inforRight ul::after { content: ''; clear: both; display: block; height: 0;}
.inforRight li { font-size: 16px; color: #333333; text-align: center; float: left; margin-left:22px;}
.scanImg img { display: block; width: 100px; height: 100px;}
.scanImg { margin-bottom: 20px; padding: 10px; background: #ffffff; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.inforLeft { max-width: calc(100% - 426px); float: left;}
.footInfor::after { content: ''; clear: both; display: block; height: 0;}
.footInfor { margin-bottom: 35px;}
.friendLink { line-height: 16px; font-size: 16px; color: #666666;}
.friendLink a { display: inline-block; transition: all .5s; color: #666666;}
.friendLink span { display: inline-block; vertical-align:2px; margin: 0 10px; font-size: 12px;}
.inforLeft a.footLogo { display: inline-block; margin-bottom:94px;}
.friendLink a:hover {color: #336fb6;}
.footCopy { line-height: 50px; color: #FFFFFF; background: #336fb6;}
.copyRight::after { content: ''; clear: both; display: block; height: 0;}
.footCopy p{ font-size: 16px; float: left;}
.footCopy p a { transition: all .5s; color: #ffffff;}
.footCopy p a:hover { opacity: .6;}
.footCopy p:last-child { float: right;}
.copyRight a.webMep { margin-right: 16px; background: url(../images/location.png) left center no-repeat; padding-left:30px;}
.productSub { display: none; position: absolute; top: 90px; left: 0; width: 100%; background: #ffffff; padding: 20px 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.subCont { width: 1600px; max-width: 92%; margin: 0 auto;}
.subCont::after { content: ''; clear: both; display: block; height: 0;}
.subMenu { float: left; width: 154px; border-right: 1px solid #d9d9d9; padding-right: 10px;}
.subMenu p { font-weight: bold; color: #000000; font-size: 18px; cursor: pointer; line-height: 30px; margin-bottom: 25px;}
.subMenu p.cur { color: #336fb6;}
.subList { float: right; width: calc(100% - 207px);}
.subList dl { display: flex; align-items:center; flex-wrap: wrap;}
.subList dt { white-space: nowrap; margin-bottom:6px; position: relative; padding-left: 9px; width:25%; box-sizing: border-box;}

.subList dt a {transition: all .5s; line-height:42px; position: relative; display: inline-block; font-size: 18px; color: #333333;}
.subList dt a::after { content: ''; height: 1px; transition: all .5s; width: 0; background: #336fb6; position: absolute; bottom: 0; left: 0;}
.subList dt:hover a::after {width: 100%;}
.subList dt:hover a { color: #336fb6;}
.subList dt:hover::after { background: #336fb6;}
.subList dt img { position: relative; top: -8px; margin-left: 7px;}
.subNav { display: none; position: absolute; top: 90px; left: 0; padding: 70px 0 90px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; width: 100%;}
.subNav dl { width: 1600px; max-width: 92%; margin: 0 auto; display: flex; align-items:  center; justify-content: center;} 
.subNav dt { margin: 0 2%; width: 18.375%;}
.subNav dt:last-child { margin-right: 0;}
.subNav dt:first-child { margin-left: 0;}
.subNav dt a { position: relative; padding-left: 55px; font-size: 18px; color: #333333; transition: all .5s; line-height: 62px; display: block; position: relative;}
.subNav dt a::after {content: ''; height: 1px; position: absolute; bottom: 0; width: 100%; left: 0; background: #d9d9d9;}
.subNav dt a::before {transition: all .5s; z-index: 2; content: ''; height: 1px; position: absolute; bottom: 0; width: 0; left: 0; background: #336fb6;}
.subIcon { position: absolute; width: 54px; left: 0; bottom: 23px;}
.subIcon img { transition: all .5s; position: absolute;display: block; left: 0; bottom: 0;}
.subNav dt img:nth-child(2) {opacity: 0;}
.subNav dt a:hover img:nth-child(1) {opacity: 0;}
.subNav dt a:hover img:nth-child(2) {opacity: 1;}
.subNav dt a:hover {color:#336fb6 ;}
.subNav dt a:hover::before { width: 100%;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 12;}
#screen2 { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 120;}
.header:hover { background: #ffffff;}
.header:hover .logo img:nth-child(1) { opacity: 0;}
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header:hover .nav li h2 a { color: #333333;}
.header:hover .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
.header:hover .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
.header:hover .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}
.header .nav li:hover h2 a { color: #336fb6;}
.header .nav li.cur h2 a,.header.move .nav li.cur h2 a { color: #336fb6;}
.header.move { box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff;}
.header.move .logo img:nth-child(1) { opacity: 0;}
.header.move .logo img:nth-child(2) { opacity: 1;}
.header.move .nav li h2 a { transition: .5s; color: #333333;}
.header:hover .nav li:hover h2 a { color: #336fb6;}
.header.move .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
.header.move .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
.header.move .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}
.fixAside a { position: relative;}
.modeFix { transition: all .3s; opacity: 1;}
.hideFix { opacity: 0; transition: all .3s; left: 50%; transform: translateX(-50%); position: absolute; top: 0;}
.fixAside a:hover .hideFix { opacity: 1;}
.fixAside a:hover .modeFix { opacity: 0;}
.fixAside a:hover p { color: #336fb6;}
.fixAside { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:10px 2px 4px;  z-index:4; position: fixed; right: 30px; top: 50%; transform: translateY(-50%); background: #ffffff; width: 62px; border-radius: 60px;}
.chatPhone { align-items: center; display: flex; margin: 0 auto; position: relative; width: 44px; height: 44px; border-radius: 50%; background: #336fb6;}
.chatPhone::after { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(102,147,200, 0.8);
    border: 1px solid rgb(102,147,200);
    animation: yuanRun 2s infinite linear;}
.chatPhone::before { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(102,147,200, 0.8);
    border: 1px solid rgb(102,147,200);
    animation: yuanRun 2s 1s infinite linear;}
.circleClass { position: relative; border-radius: 50%;}
.circleClass img { position: relative; z-index: 2;}
.circleClass::after { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(51,111,183, 1);
    border: 1px solid rgb(51,111,183);
    animation: yuanRun 2s infinite linear;}
.circleClass::before { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(51,111,183, 1);
    border: 1px solid rgb(51,111,183);
    animation: yuanRun 2s 1s infinite linear;}
@keyframes yuanRun {
  form {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.chatPhone img { z-index: 3; display: block; margin: 0 auto; position: relative;}
.fixAside li p { text-align: center; font-size: 13px; color: #666666; line-height: 30px;}
.fixAside li { position: relative; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.fixAside li:last-child {border: none; margin-bottom: 0;}
.fixAside img { display: block; margin: 0 auto;}
.videoAlt { display: none; z-index: 121; width:880px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.closeVideo { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -60px;}
.videoAlt video { display: block; width: 100%;max-height: 60vh;object-fit: cover;}
.closeVideo:hover { transform: rotate(360deg);}
.main { padding-top: 90px;}
.insideBanner { height: 650px; position: relative;}
.insideBanner img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.bannerText { width: 1600px; max-width: 92%; transform: translate(-50%,-90%); position: absolute; top: 50%; left: 50%;}
.bannerText h2 { font-size: 46px; color: #ffffff; line-height: 1.13; margin-bottom: 34px;}
.bannerText p { font-size: 20px; color: #ffffff;}
.location { position: absolute; z-index: 2; bottom: 24px; left: 50%; width: 1600px; max-width: 92%; transform: translateX(-50%); color: #ffffff; font-size: 16px; color: #ffffff;
background: url(../images/homes.png) left center no-repeat; padding-left: 27px; font-weight: 200;}
.location a {color: #ffffff; font-size: 16px; font-weight: 200;}
.location span { margin: 0 10px; font-weight: 200;}
.seondNav { margin-top: 40px; text-align: center;}
.seondNav a { transition: all .5s; position: relative; display: inline-block; vertical-align: top; line-height: 66px; font-size: 24px; font-weight: bold; color: #000000; margin: 0 45px;}
.seondNav a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #336fb7; transition: all .5s;}
.seondNav a.cur::after,.seondNav a:hover::after { width: 100%;}
.seondNav a.cur,.seondNav a:hover { color: #336fb7;}
.introduce { background: url(../images/intBg.jpg) center bottom no-repeat; background-size: cover; padding: 6.25vw 0 4.4vw;}
.introduceData ul { padding: 0 2.6vw; display: flex; align-items: center; justify-content: space-between;}
.introduceData li div{ display: inline-block; vertical-align: top; }
.dataText b { color: #333333; display: block; font-size: 16px;}
.dataText p { line-height:40px; font-size: 25px;}
.dataText p span { font-size: 3.125vw; font-weight: bold;}
.introduceData li img { vertical-align: middle;}
.introduceData li { position: relative;}
.introduceData li::after { content: ''; top: 18px; position: absolute; right: -3.5vw; height: 26px; width: 1px; background: #dcdcdc;}
.introduceData li:last-child::after { display: none;}
.introduceSwiper { margin: 80px auto 65px; border-radius: 20px; overflow: hidden;}
.introduceSwiper img.pcShow { display: block; width: 100%;}
.introduceSwiper img.mobShow { display: none;}
.introduceSwiper .swiper-pagination { bottom: 20px!important; text-indent: 32px; text-align: left;}
.introduceSwiper .swiper-pagination span { border: 1px solid #FFFFFF; background: none; opacity: 1;}
.introduceSwiper .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1; background: #ffffff;}
.introduceSwiper .swiper-slide { position: relative;}
.introduceSwiper p { font-size: 20px; z-index: 2; bottom: 20px; line-height: 25px; right:28px; position: absolute; display: inline-block; background: url(../images/dizhi.png) left center no-repeat; color: #ffffff; padding-left: 24px;}
.introduceArt h2 { color: #000000; font-weight: bold; font-size: 40px; line-height: 1; margin-bottom:35px;}
.introduceArt p { font-size: 20px; color: #333333; margin-bottom: 35px; line-height: 1.9;}
.introduceArt a img{ animation: downAni 1s infinite linear;}
@keyframes downAni{
	from{ transform: translateY(0);}
	50%{ transform: translateY(-10px);}
	to{transform: translateY(0);}
}
.introduceArt a:hover img{ transform: rotate(-90deg);}
.aboutTitle { text-align: center;}
.aboutTitle h2 { font-weight: bold; font-size: 40px; line-height: 1; margin-bottom: 25px;}
.aboutTitle p{ font-size: 30px; color: #336fb6; text-transform: uppercase;}
.cultrue { padding: 100px 0;}
.solognCulture { text-align: center; font-size: 36px; color: #333333; margin: 60px 0 40px; line-height: 1;}
.cultrueSlide ul {  display: flex; align-items: center; justify-content:  space-between;}
.cultrueSlide li {overflow: hidden; text-align:center; position: relative; transition: all .3s; width: 32%; padding: 46px 0 50px; border-radius: 26px; background: #f2f2f2;}
.cultruePic { position: relative; z-index: 2;}
.cultruePic img { display: block; margin: 0 auto 30px; transition: all .5s;}
.cultruePic img:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); top: 0; opacity: 0;}
.cultrueSlide li h2 { position: relative;z-index: 2; transition: all .3s; margin-bottom: 60px; font-size: 30px; color: #000000;}
.cultrueSlide li p { position: relative;z-index: 2; transition: all .3s; font-size: 20px; color: #333333; line-height: 1.5;}
.cultrueSlide li::after { transition: all .3s; content: ''; position: absolute; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/slideBg.jpg) center no-repeat; background-size: cover;}
.cultrueSlide li:hover::after { opacity: 1;}
.cultrueSlide li:hover .cultruePic img:nth-child(1) { opacity: 0;}
.cultrueSlide li:hover .cultruePic img:nth-child(2) { opacity: 1;}
.cultrueSlide li:hover h2,.cultrueSlide li:hover p { color: #FFFFFF;}
.step { padding: 100px 0 110px; background: url(../images/growBg.png) center no-repeat; background-size: cover; background-attachment: fixed;}
.growSwiper { position: relative; width: 1600px; margin: 70px auto 80px; max-width: 92%; padding: 0 110px;}
.growSwiper .swiper-button-next {background: url(../images/abIconNext.png) center no-repeat; width: 58px; height: 58px; transition: all .5s;}
.growSwiper .swiper-button-prev {background: url(../images/abIconPrev.png) center no-repeat; width: 58px; height: 58px; transition: all .5s;}
.growSwiper .swiper-button-next:hover { background: url(../images/abIconNexton.png) center no-repeat;}
.growSwiper .swiper-button-prev:hover { background: url(../images/abIconPrevon.png) center no-repeat;}
.growSwiper .swiper-button-next::after,.growSwiper .swiper-button-prev::after { display: none;}
.growSwiper h2 { font-size: 60px; font-weight: bold; color: #333333; line-height: 1; margin-bottom:40px;}
.growSwiper p { line-height: 1.8; position: relative; padding-left: 14px; font-size: 20px; color: #336fb6;}
.growSwiper p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background:#336fb6; width: 6px;
height: 6px; border-radius: 50%;}
.growSwiper span { line-height: 2; display: block; padding-left: 14px; font-size: 18px; color: #333333;}
.yearSwiper {text-align: center; }
.yearSwiper .swiper{ max-width: 92%; width: 1600px; font-size: 24px; font-weight: bold; margin: 0 auto;}
.yearSwiper .swiper .swiper-slide {background: url(../images/lines.png) center bottom no-repeat; background-size: 100% auto; padding-bottom: 37px; position: relative; cursor: pointer;}
.yearSwiper .swiper .swiper-slide::before { content: ''; position: absolute; bottom: 0; left: 0; width: 1px; background: #7b8acc; height: 50px;}
.yearSwiper .swiper .swiper-slide:last-child::after {content: ''; position: absolute; bottom: 0; right: 0; width: 1px; background: #7b8acc; height: 50px;}
.yearSwiper .swiper .act { font-weight: bold;}
.yearSwiper .swiper .swiper-slide.act span { position: absolute; bottom: 0; width: 6px; left: 50%; margin-left: -3px; display: block; height: 14px; background: #336fb6;}
.yearSwiper .swiper .swiper-slide.act p { color: #336fb6;}
.yearSwiper {border-bottom: 1px dashed #7b8acc;}
.honor { background: url(../images/honorBg.jpg) center no-repeat; padding: 100px 0 70px; background-size: cover;}
.honorSwiler {padding-bottom: 85px; position: relative; width: 1600px; margin:130px auto 0; max-width: 92%;}
.honorSwiler .swiper-slide { border-radius: 8px; background: #ffffff; padding: 104px 1.875vw 65px; box-sizing: border-box; position: relative; position: relative; transition: all .5s; display: flex; align-items: center; height: auto;}
.honorSwiler .swiper-slide p { max-width: 90%; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all .3s; position: absolute; left: 1.875vw; top: 46px; font-size: 16px; color: #333333;}
.honorSwiler .swiper-slide img { width: 100%; display: block;}
.honorSwiler .swiper-slide span { cursor: pointer; display: block; background: url(../images/abIcon9.png) center no-repeat; width: 24px; height: 24px; position: absolute;
right: 1.875vw; top: 24px;}
.honorSwiler .swiper-slide:hover { background: #336fb6;}
.honorSwiler .swiper-slide:hover p { color: #ffffff;}
.honorSwiler .swiper-slide:hover span{ background: url(../images/abIcon9on.png);}
.honorAlt { display: none; z-index: 30; position: fixed; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.honorAlt img { width: 400px; max-height: 90vh;}
.honorSwiler .swiper-pagination { height: 2px!important; background: #bababa; top: auto!important; left: 85px!important; width: auto!important; right: 85px!important; bottom: 5px!important;}
.honorSwiler .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #006fc3;}
.honorSwiler .swiper-button-next,.honorSwiler .swiper-button-prev { font-weight: bold; top: auto; bottom: 0; margin: 0; height: 16px; font-size: 12px;}
.honorSwiler .swiper-button-next::after,.honorSwiler .swiper-button-prev::after { font-size: 16px;}

.customer { padding: 90px 0 80px;}
.customer .titleCell { margin-bottom: 45px;}
.customerMenu { float: left; width: 230px;}
.customerMenu ul { margin-bottom: 50px;}
.customerMenu li span { cursor: pointer; font-size: 24px; font-weight: bold; line-height: 55px; transition: all .3s; display: inline-block; position: relative;}
.customerMenu li span::after { content: ''; transition: all .3s; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #336fb7;}
.customerMenu li:hover span,.customerMenu li.cur span { color: #336fb7;}
.customerMenu li.cur span::after { width: 100%;}
.customerMenu a.checkMore { padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.customerMenu a.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.partnerCont { float: right; width: calc(100% - 230px);}
.friendSlide { margin-top: 15px;}
.friendSlide ul { gap:4.375%; gap:35px; display: flex; flex-wrap: wrap;}
.friendSlide li { overflow: hidden; transition: all .3s; border-radius: 6px; height: 105px; display: flex;align-items: center; text-align: center; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.05); width: calc(20% - 28px);}
.friendSlide li img { transition: all .5s; width: 80%; display: block; margin: 0 auto;}
.friendSlide li:hover img {transform: scale(1.1);}
.friendSlide li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.searchInfor { float: right; border: 1px solid #b1b1b1;width: 350px; line-height: 55px; border-radius: 6px;}
.searchInfor::after { content: ''; clear: both; display: block; height: 0;}
.searchType span { cursor: pointer; color: #333333; display: flex; align-items: center; justify-content: center;}
.searchType span img { display: block; height:22px; margin-right: 10px;}
.searchType { font-size: 16px; color: #333333; float: left; position: relative; width: 110px; text-align: center; position: relative;}
.searchType dl { display: none; position: absolute; top: 54px; background: #ffffff; width: 100%; left: -1px; border: 1px solid #b1b1b1; border-top: none; border-radius: 0 0 6px 6px;}
.searchType dt { cursor: pointer; padding-left: 10px; display: flex;align-items: center; text-align: left; line-height: 40px;}
.searchType dt img { display: block; margin-right: 10px;}
.searchType dt:hover { background: #336fb6; color: #ffffff;}
.searchType dt:hover img {filter:brightness(100) }
.searchSelect { float: right; width: calc(100% - 110px); padding-right: 10px;}
.searchSelect select { display: block; width: 100%; height: 55px; box-sizing: border-box; padding-left: 15px; border: none; outline: none; background: none;
font-size: 16px; color: #999999;}
.searchType::after { content: ''; position: absolute; right: 0; width: 1px; height: 30px; top: 50%; margin-top: -15px; background: #ededed;}
.caseSearch { margin: 35px 0 40px;}
.fpage { margin: 45px auto; text-align: center;}
.fpage a { transition: all .5s; display: inline-block; vertical-align: top; margin: 0 2px; width:60px; line-height: 44px; border-radius: 8px; background: #f8f8f8;
font-size: 16px; color: #555555;}
.fpage a:hover { background: rgba(51,111,182,.5); color: #ffffff;}
.fpage a.cur { background: #336fb6; color: #ffffff;}
.joinArt { margin: 90px 0 60px;}
.joinDesc p { font-size: 30px; line-height: 1.4; font-weight: bold;}
.joinDesc { margin-bottom: 36px;}
.joinArticle .joinImg{ border-radius: 8px; overflow: hidden; float: left; width: calc(100% - 520px); height: 500px;}
.joinArticle .joinImg img { width: 100%; height: 100%; object-fit: cover;}
.joinSologn {padding-top: 70px; float: right; width: 455px;}
.joinSologn p { font-size: 30px; font-weight: bold; color: #000000; line-height: 1.5;}
.joinSologn span { display: block; line-height: 1.5; font-size: 24px; color: #333333;}
.joinSologn li:nth-child(1) { margin-bottom: 100px;}
.sologn a b { overflow: hidden; display: inline-flex; justify-content: center; position: relative; width: 36px; height: 36px; align-items: center; border-radius: 50%;
background: rgb(116,157,205); transition: all .5s;}
.sologn a b img { position: relative; z-index: 2;}
.sologn a b::after {content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #336fb6 ;
    border-radius: 50%;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.sologn a:hover b::after{transform: scaleX(1);  transform-origin: left;}
.sologn a:hover b { background: none;}
.joinTitle { text-align: center;}
.joinTitle p { font-size: 40px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.joinTitle span { font-size: 24px; color: #666666;}
.jobList li { cursor: pointer; transition: all .5s; margin-bottom: 20px; padding: 10px 1.5%; border: 1px solid #dddddd; border-radius: 10px;}
.jobName { border-bottom: 1px solid #dddddd; padding-right: 20px; line-height: 72px; display: flex; justify-content: space-between;align-items: center; overflow: hidden;}
.jobName p { transition: all .5s; padding-left: 50px; background: url(../images/joinIcon1.png) 20px center no-repeat; color: #000000; font-size: 24px;}
.jobName span { display: flex; align-items: center; justify-content: center; width: 115px; height: 36px; border-radius: 36px; color: #ffffff; background: #336fb6; line-height: 36px; text-align: center;
cursor: pointer; font-size: 15px;}
.jobName span i { margin-left: 8px; transition: all .5s; display: inline-flex; background: url(../images/joinIcon3.png) center no-repeat; width: 8px; height: 5px;}
.jobName span.cur i { transform: rotate(180deg);}
.jobTag { padding: 0 20px; line-height: 78px;}
.jobTag span { color: #333333; font-size: 16px; margin-right:30px;}
.jobTag span:last-child { margin-right: 0;}
.descSub {display: none;}
.jobDesc { padding: 10px 20px; border-top: 1px solid #dddddd;}
.jobDesc p { font-size: 16px; color: #333333; line-height: 30px;}
.jobList li:hover {border: 1px solid #336fb6;}
.jobList li:hover .jobName p { color: #336fb6; background: url(../images/joinIcon2.png) 20px center no-repeat;}
.sendMail { border-top: 1px solid #dddddd; padding: 0 20px; line-height: 100px; display: flex; justify-content: space-between; align-items:  center;}
.sendMail p { font-size: 16px; color: #333333;}
.sendMail a { transition: all .5s; display: inline-flex; align-items: center; background: #336fb6; line-height: 36px; padding: 0 14px 0 15px; border-radius: 36px; color: #ffffff;}
.sendMail a img { display: inline-flex; height: 20px; margin-right: 5px;}
.sendMail a:hover { box-shadow: 0 0 10px rgba(51,111,182,.4);}
.jobList { margin: 40px auto;}
.researchCont{ background: url(../images/research.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 60px;}
.reacherArt{ margin: 60px 0 95px;}
.reacherArt h2 { font-size: 40px; font-weight: bold; line-height: 1.5; margin-bottom: 15px;}
.reacherArt p { font-size: 20px; line-height: 1.9;}
.reacherArt h3 { font-size: 34px; color: #497bbc; font-weight: bold; line-height: 1.5; margin: 45px 0 20px;}
.reacherData ul::after { content: ''; clear: both; display: block; height: 0;}
.reacherData li { float: left; margin-right: 5.98vw; text-align: center;}
.reacherData li p { line-height: 56px; font-size: 36px; color: #497bbc;}
.reacherData li p span { font-weight: bold; font-size: 56px;}
.reacherData li b {  font-size: 16px; color: #333333; line-height: 52px;}
.technology { padding: 100px 0 80px;}
.techonlogyList ul { flex-wrap: wrap; justify-content: space-between; display: flex;}
.techonlogyList li { box-shadow: 0 2px 10px rgba(0,0,0,0.2); box-sizing: border-box; width: 31%; margin-bottom: 3.5%; border-radius: 10px; padding:45px 2.875%;}
.techonlogyList li img {display: block; transition: all .5s; filter:grayscale(100%);}
.techonlogyList li h2 { line-height: 1.5; margin: 30px 0 20px; font-size: 24px; color: #333333; transition: all .5s;}
.techonlogyList li p { position: relative; padding-left: 15px; font-size: 20px; color: #333333; line-height: 1.7;}
.techonlogyList li p::after { content: ''; position: absolute; left: 0; top: 17px; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #bababa;}
.techonlogyList li:last-child {text-align: center; align-items: center; justify-content: center; display: flex;}
.techonlogyList li:last-child img { margin: 0 auto 30px; display: block;}
.techonlogyList li b { font-weight: bold; font-size: 24px; color: #333333;}
.techonlogyList li { transition: all .5s;}
.techonlogyList {margin: 80px auto 0;}
.productBanner,.majorBanner { overflow: hidden; position: relative; height: 560px;}
.productBanner .bannerText h2,.productBanner .bannerText p { color: #333333;}
.productBanner .location {background: url(../images/homesb.png) left center no-repeat; color: #333333;}
.productBanner .location a { color: #333333;}
.productBanner .bannerPic { width: 1195px; max-width: 63.8vw; position: absolute; right: 50%; margin-right: -800px; top: 50%; transform: translateY(-50%);}
.styleList li::after { content: ''; clear: both; display: block; height: 0;}
.styleList li {transition: all .5s; margin-bottom:3.38vw ; background-size: cover; height: 530px; border-radius: 10px; overflow: hidden;}
.typePic {width: calc(100% - 555px); justify-content: center; height: 100%; float: left; display: flex; align-items:  center;}
.typeText { float: right; width: 555px; padding:75px 50px 0;}
.typeText h2 { font-size: 20px; color: #bdbdbd; line-height: 1.5; text-transform: uppercase;}
.typeText h3 { margin: 15px 0 60px; font-size: 36px; color: #333; line-height: 1;}
.typeText p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; font-size: 18px; color: #333333; line-height: 1.6;}
.typeText div.checkMore { display: inline-block; margin-top: 55px; padding-right: 17px; background: url(../images/moreIcon.png) right center no-repeat; background-size:12px auto; font-size: 16px; color: #000; transition: all .3s;}
.typeText div.checkMore:hover { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.styleList li:nth-child(2n) .typePic { height: 100%;  float: right;}
.styleList li:nth-child(2n) .typeText { float: left;}
.styleList li img { transition: all 1.5s;}
.styleList li:hover img { transform: scale(1.05);}
.styleList { padding: 5.2vw 0 2.6vw;}
.typePic img { max-width: 80%;}
.styleList li:hover { box-shadow: 0 0 10px rgba(0,0,0,.2);}
.proList { margin: 4vw auto 0;}
.proList ul{ margin: 3vw auto 0;}
.proList li { float: left; width: 23.45%; margin-bottom: 2.06666%; margin-right: 2.06666%;}
.proList li:nth-child(4n) {margin-right: 0;}
.listPic {margin-bottom: 13px; transition: all .5s; background: #f8f8f8; height: 220px; position: relative; display: flex; align-items: center; justify-content: center;}
.listPic img { transition: all 1.5s; max-width: 90%; max-height: 90%; object-fit: cover; display: block;}
.listPic::before { content: ''; transition: all .5s; position: absolute; right: 0; height: 8px; bottom: -8px; background: url(../images/lineUp.png) left center no-repeat; width: 0;}
.listPic::after { content: ''; transition: all .5s; position: absolute; left: 0; height: 8px; top: -8px; background: url(../images/lineUp.png) left center no-repeat; width: 0;}
/* .proList li:hover .listPic::after,.proList li:hover .listPic::before { width: 125px;} */
.proList li:hover .listPic { box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff;}
.proList li:hover img { transform: scale(1.05);}
.proList li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  text-align: center; font-size: 18px; color: #333333; position: relative; line-height: 62px;}
.proList li p::after { content: ''; background: #3b75b9; position: absolute; bottom: 0; left: 0; height: 2px; width: 0; transition: all .5s;}
.proList li:hover p::after { width: 100%;}
.proList li:hover p { color: #336fb6;}
.serviceBanner { background: url(../images/serviceBanner.jpg) right center no-repeat; background-size: cover; height: 555px; position: relative;}
.questionList li { border-bottom: 1px solid #e7e3e0;}
.questionList li h2 { transition: all .5s; cursor: pointer; line-height: 82px; font-size: 18px; color: #333333; position: relative; padding: 0 55px; background: url(../images/qbg.jpg) left center no-repeat;}
.questionList li h2::after { content: ''; transition: all .5s; position: absolute; right: 41px; background: url(../images/serviceUp.jpg) center no-repeat; width: 40px; height: 40px; display: block; top: 50%; transform: translateY(-50%);}
.questionList li p { display: none; position: relative; padding: 0 55px 55px; line-height: 32px; font-size: 16px; color: #333333;}
.questionList li p::after { content: ''; background: url(../images/abg.jpg) center no-repeat; position: absolute; left: 0; top: 16px; margin-top: -8px; width: 19px; height: 18px;}
.questionList li.cur h2::after { background: url(../images/serviceDown.jpg) center no-repeat;}
.questionList li.cur h2 { font-weight: bold; font-size: 20px; color: #336fb7;}
.questionList li:hover h2 { color: #336fb7;}
.detailBanner { position: relative; height: 648px; background: url(../images/detailBanner.jpg) center no-repeat; background-size: cover;}
.detailBanner .location { background: url(../images/homesb.png) left center no-repeat; bottom: auto; top: 28px; color: #333333;}
.detailBanner .location a{color: #333333;}
.detailInfor { padding-top: 185px;}
.detailInfor h2 { text-transform: uppercase; font-size:2.03vw; color: #b7d0e6; line-height: 1.3;}
.detailInfor p { line-height: 1.58; font-size:46px; color: #333333;}
.detailInfor p span { display: none; font-weight: bold; font-size: 3.54vw;}
.detailButton::after { content: ''; clear: both; display: block; height: 0;}
.detailButton { margin-top: 140px;}
.detailButton a { transition: all .3s;padding-top: 15px; line-height: 32px; font-size: 14px; color: #666666; border-radius: 8px; margin-right: 28px; box-sizing: border-box; float:left; text-align: center; width: 85px; height: 85px; border: 1px solid #898989;}
.detailButton a img { display: block; filter:grayscale(100); transition: all .3s; margin: 0 auto;}
.detailButton a:hover img{filter:grayscale(0);}
.detailButton a:hover { color: #336fb7; border: 1px solid #336fb7;}
.detailSwiper { position: relative; width: 750px; padding-right: 246px;}
.bannerCont {display: flex; justify-content: space-between;}
.detailSwiper { height:780px;}
.detailSwiper .swiper { width: 100%; height: 100%;}
.detailSwiper .swiper .swiper-slide { width: 100%; height: 100%; display: flex; align-items:  center;}
.detailSwiper .swiper .swiper-slide img { display: block; width: 100%;}
.detailSwiper .swiper-button-next { transition: all .5s; top: 319px; left: auto; right: 30px; background: url(../images/dnext.png) center no-repeat; width: 50px; height: 51px;}
.detailSwiper .swiper-button-prev { transition: all .5s; top: 227px; left: auto; right: 30px; background: url(../images/dprev.png) center no-repeat; width: 50px; height: 51px;}
.detailSwiper .swiper-button-next::after,.detailSwiper .swiper-button-prev::after { display: none;}
.detailSwiper .swiper-button-next:hover { background: url(../images/dnexton.png) center no-repeat;}
.detailSwiper .swiper-button-prev:hover { background: url(../images/dprevon.png) center no-repeat;}
.detailSwiper .pageControl {position: absolute;  font-size: 18px; color: #666666; top: 605px; right: 30px; width: auto; text-align: right;}
.detailSwiper .pageControl b { color: #333333; font-weight: bold;}
.detailCont { padding: 130px 0 40px;}
.detailTit { font-weight: bold; font-size: 24px; color: #333333; background: #f8f8f8; border-radius: 8px; text-indent: 30px; line-height: 60px;}
.detailArticle { margin: 50px auto 0;}
.detailDesc { padding: 24px 0;}
.detailDesc p { font-size: 18px; color: #333333; line-height: 28px; margin-bottom: 10px;}
.detailDesc p b { font-weight: bold;}
.detailDesc p:last-child { margin-bottom: 0;}
.detailTable table { width: 100%; border: 1px solid #bcbcbc; border-bottom: none;}
.detailTable td {border-bottom: 1px solid #bcbcbc; text-align: center;}
.detailTable td:nth-child(odd) { padding: 26px 0; line-height: 2; background: #f8f8f8; color: #333333; font-weight: bold; font-size: 18px; }
.detailTable td:nth-child(even) { padding: 26px 0;border-right: 1px solid #bcbcbc; line-height: 2; color: #333333; font-size: 18px; }
.detailTable td:last-child { border-right: none;}
.majorList li {overflow: hidden; border-radius: 12px; position: relative; width: 23.45%;margin-right: 2.06666%; float: left;}
.majorList li:nth-child(4n) { margin-right: 0;}
.detailDesc .proList ul,.detailDesc .proList{ margin: 0 auto;}
.majorList li img { display: block; width: 100%; height: 100%; transition: all 1.5s; object-fit: cover;}
.majorList li p { position: absolute; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; text-align: center; left: 0; height: 100%; top: 0; width: 100%; color: #FFFFFF; font-size: 18px;}
.majorList li:hover img { transform: scale(1.1);}
.customerCont { background: #f8f8f8; overflow: hidden;}
.customerInfor { padding: 3.125vw 0 5.2vw;}
.supportList ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.supportList li { position: relative; transition: all .5s; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; box-sizing: border-box; padding: 58px 32px 24px; width: 32%; margin-bottom: 2%; text-align: center; transition: all .5s;}
.supportIcon { z-index: 2; position: relative; margin-bottom: 40px; display: flex; justify-content: center; align-items:  center; height: 80px;}
.supportIcon .supportIcon img { display: inline-flex;}
.supportList li h2 { transition: all .5s; position: relative; z-index: 2; font-size: 30px; color: #333333; line-height: 1; margin-bottom: 18px;}
.supportList li p { transition: all .5s; position: relative; z-index: 2; font-size: 20px; color: #666666; line-height: 1.5;}

.supportList { margin: 70px auto 0;}
.supportContact { padding: 4.5vw 0;}
.contactInfor ul { margin: 4.5vw auto 0;}
.contactInfor ul::after { content: ''; clear: both; display: block; height: 0;}
.contactInfor li { position: relative; float: left; width: 33.33%; text-align: center;}
.contactInfor li p { font-size: 18px; color: #333333;}
.contactInfor li p img { display: inline-block; vertical-align:-5px; margin-right: 7px;}
.contactInfor a.telBtn { font-size: 28px; color: #336fb7; display: inline-block; line-height: 122px; margin: 28px 0 25px;}
.scanBox { border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 122px; height: 122px;margin: 28px auto 25px; background: #ffffff; padding: 11px;}
.scanBox img { display: block; width: 100%; margin: 0 auto;}
.contactInfor a.chatBtn { transition: all .5s; display: inline-block; padding: 0 45px; line-height: 40px; background: rgb(51,111,183); border-radius: 8px;
color: #fff; font-size: 18px; margin: 69px auto 66px;}
.contactInfor a.chatBtn:hover { background: #336fb7; color: #ffffff;}
.supportContact li b { font-size: 18px; color: #333333; display: block;}
.supportContact li::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px;
transform: translateY(-50%); height: 95px; background: #dddddd;}
.supportContact li:last-child::after { display: none;}
.downChose { margin: 70px 0 50px;}
.downChose span { font-size: 20px; margin-right: 45px; cursor: pointer; font-weight: bold; color: #333333;}
.downChose span img { filter:grayscale(100%); display: inline-block; margin-right: 7px; vertical-align: -5px;}
.downChose span.cur img {filter:grayscale(0%);}
.downChose span.cur { color: #336fb7;}
.downSlide table { width: 100%;}
.downSlide th { font-size: 20px; text-align: center; background: #d1dff0; font-weight: bold; line-height: 82px;}
.downSlide th:nth-child(1) { border-radius: 6px 0 0 6px; text-align: left; text-indent: 82px;}
.downSlide th:last-child { border-radius: 0 6px 6px 0;}
.downSlide td { text-align: center; color: #333333; font-size: 18px; line-height: 82px; transition: all .3s;
border-bottom: 1px solid #e7e3e0;}
.downSlide tr:hover td { border-bottom: 1px solid #336fb7;}
.downSlide td:nth-child(1) {text-align: left;}
.downSlide td img { margin: 0 14px;filter:grayscale(100%); transition: all .5s;}
.downSlide tr:hover td img {filter:grayscale(0%);}
.downSlide td:nth-child(1) img { vertical-align: -5px;}
.videoList ul::after { content: ''; clear: both; display: block; height: 0;}
.videoList li { float: left; width: 32%; margin-bottom: 1%; margin-right: 2%;}
.videoList li:nth-child(3n) { margin-right: 0;}
.videoCover { height: 365px; border-radius: 10px; overflow: hidden; position: relative;}
.videoCover .coverLogo { z-index: 4; display: block; position: absolute; left: 10px; top: 28px;}
.videoCover .coverPic { transition: all 1.5s; width: 100%; height: 100%; display: block; object-fit: cover;}
.videoList li:hover .coverPic { transform: scale(1.1);}
.videoCover::after { content: ''; transition: all .3s; opacity: 0; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.playBtn { cursor: pointer; position: absolute; background: url(../images/videoBtn.png) center no-repeat;
width: 62px; height: 62px; background-size: 100% auto; left: 50%; top: 50%; opacity: 0; transform: translate(-50%,-50%); opacity: 0;
transition: all .5s; z-index: 3;}
.videoCover p { position: absolute; line-height: 1; right: 15px; bottom: 15px; color: #333; font-size: 18px;
transition: all .5s; z-index: 3;}
.videoList li:hover .videoCover p { color: #ffffff;}
.videoList li:hover .playBtn { opacity: 1;}
.videoList li:hover .videoCover::after { opacity: 1;}
.videoTit {padding: 0 15px; line-height: 70px; overflow: hidden;}
.videoTit p { max-width: calc(100% - 80px);  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  float: left; font-size: 18px; color: #333333;}
.videoTit span { float: right; font-size: 18px; color: #333333;}
.videoList { margin: 50px auto 0;}
.videoList .fpage { margin-top: 10px;}
.majorType .typeImg { height: 530px; width: calc(100% - 555px); float: left; overflow: hidden;}
.majorType .typeImg img { display: block; height: 100%; object-fit: cover; width: 100%;}
.majorType li:nth-child(2n) .typeImg { float: right;}
.majorType li { background: #f8f8f8;}
.majorDetailBanner { position: relative; height: 550px;}
.majorDetailBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.majorDetailBanner .location { bottom: auto; top: 20px;}
.mBannertext { text-align: center; width: 100%; padding: 0 140px; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%);}
.mBannertext img { display: block; margin: 0 auto 34px;}
.mBannertext h2 { line-height: 1; margin-bottom: 34px; font-size: 2.4vw; color: #ffffff;}
.mBannertext p { font-size: 20px; color: #ffffff; line-height: 1.8;}
.scenario { max-width: 92%; position: relative; background: #ffffff; border-radius: 24px; padding-top: 90px; width: 1600px; margin: -64px auto 0;}
.scenario::after { content: ''; border-radius: 24px 24px 0 0; position: absolute; left: 0; top: 0; width: 100%; height: 64px; box-shadow: 0 -5px 15px rgba(255,255,255,.5);}
.scenario .supportList { padding: 0 60px;}
.scenario .supportList p { font-size: 18px;}
.scenario .supportList li { overflow: hidden;}
.coverBg { position: absolute; transition: all 1.5s; opacity: 0; left: 0; top: 0; width: 100%; height: 100%;}
.scenario .supportList li::after { content: '';transition: all .5s; position: absolute;width: 100%;height: 100%;background:#336fb6; opacity: 0;left: 0;top: 0;}
.scenario .supportList li:hover::after { opacity: .5;}
.scenario::before { content: ''; z-index: -1; border-radius: 24px 24px 0 0; position: absolute; left: 0; top:64px; width: 100%; height: 164px; box-shadow: 0 -20px 15px rgba(0,0,0,.15);}
.noticeProduct { background: #f8f8f8; padding: 90px 0 30px;}
.noticeProduct li .listPic { background: #ffffff;}
.noticeProduct ul{width: 1600px; max-width: 92%; margin: 90px auto 0;}
.caseApp { padding: 5.2vw 0 4vw;}
.caseApp .newsList { margin-top: 3.38vw;}
.contact {overflow: hidden; background: url(../images/contactBg.jpg) right top no-repeat;}
.contact .titleCell { margin: 60px 0 100px;}
.contactList ul { justify-content: space-between; display: flex;}
.contactList li { align-items: center; display: flex;}
.contactList li img { margin-right: 10px;}
.contactList li p { line-height: 28px; font-size: 18px; color: #333333;}
.contactList li span { line-height: 28px;  font-weight: bold; color: #333333; font-size: 18px;}
.contactList dt b { font-size: 18px; font-weight: bold; color: #333333; margin-right: 10px;}
.contactList dt {cursor: pointer; line-height: 32px; font-size: 15px; color: #333333;}
.contactList dt.cur::after { content: ''; background: url(../images/contactIcon4.png) center no-repeat; display: inline-block; width: 16px; height: 25px;
margin-left: 15px; vertical-align: -3px;}
.contactList li:last-child { width: 605px; max-width: 100%;}
#map_container { height: 660px; margin: 60px auto 0;}
.messages { padding: 95px 0 110px; background: url(../images/contactmap.jpg) center no-repeat; background-size: cover;}
.anchorBL { display: none!important;}
.messagesForm ul::after { content: ''; clear: both; display: block; height: 0;}
.messagesForm li { margin-bottom: 2%; background: #ffffff; margin-right: 2%; float: left; padding-left: 50px; width: 32%; box-sizing: border-box; border: 1px solid #e8e8e8; position: relative; border-radius: 6px;}
.messagesForm li img { display: block; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.messagesForm li input { font-size: 16px; background: none; width: calc(100% - 55px); box-sizing: border-box; height: 58px; padding: 0; border: none;}
.messagesForm li:nth-child(3n) { margin-right: 0; line-height: 58px;}
.messagesForm li span { color: #FF0000;}
.tagArea { position: relative; background: #ffffff; border:1px solid #e8e8e8; border-radius: 6px; padding: 20px;}
.tagArea textarea{padding-left: 32px; height: 88px; outline: none; resize: none; font-family: '微软雅黑'; border: none; resize: none; font-size: 16px; width: 100%; box-sizing: border-box; line-height:26px;}
.tagArea img { position: absolute; left: 20px; top: 20px;}
.messagesForm a.subForm { overflow: hidden; text-align: center; transition: all .5s; display: block; width: 164px; line-height: 48px; border: none; margin: 30px auto; color: #ffffff; font-size: 16px; background: #336fb7; border-radius: 48px;
cursor: pointer; position: relative;}
.messagesForm a.subForm span { position: relative; z-index: 2;}
.messagesForm a.subForm::after {content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #749dcd;
    transition: 0.6s;}
.messagesForm a.subForm:hover::after { width: 100%;}
.messagesForm button:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.messagesForm {margin: 75px auto 0;}
.joinService .customerInfor { padding-top: 0;}
.applyCont { background: url(../images/joinBg.jpg) center no-repeat; background-size: cover; padding: 100px 0;}
.applyCont .titleCell p,.applyCont .titleCell span{ color: #ffffff;}
.applyBox { width: 1600px; padding: 75px 8.75vw 100px 4.37vw; border-radius: 18px; display: flex; justify-content: space-between; margin: 80px auto 0; background: #ffffff; max-width: 92%;}
.applyForm { width: 740px;}
.applyImg { max-width: 460px; display: flex; align-items: center; width: calc(100% - 760px);}
.applyImg img { display: block; width: 100%;}
.applyForm h3 { font-size: 24px; color: #000000; line-height: 1; margin-bottom: 36px;}
.applyForm ul { overflow: hidden;}
.applyForm li { margin-bottom: 2%; float: left; width: 49%;}
.applyForm li:nth-child(2n) { float: right;}
.inputBox { position: relative; border: 1px solid #e5e5e5; border-radius: 4px;}
.inputBox input { width: 100%; font-size: 18px; color: #333333; text-indent: 45px; box-sizing: border-box; padding: 0; margin: 0; height: 52px; outline: none; border: none; background: none;}
.inputBox img { position: absolute; left: 14px; top: 50%; transform: translateY(-50%);}
.applyForm li p { font-size: 18px; color: #666666; line-height: 58px;}
.applyForm li p span { color: #FF0000;}

.applyForm a.subForm { overflow: hidden; text-align: center; transition: all .5s; display: block; width: 164px; line-height: 48px; border: none; margin: 30px 0 0; color: #ffffff; font-size: 16px; background: #336fb7; border-radius: 48px;
cursor: pointer; position: relative;}
.applyForm a.subForm span { position: relative; z-index: 2;}
.applyForm a.subForm::after {content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #749dcd;
    transition: 0.6s;}
.applyForm a.subForm:hover::after { width: 100%;}
.newLists li { padding: 50px 0; border-bottom: 1px solid #eaeaea;}
.newLists li::after { content: ''; clear: both; display: block; height: 0;}
.newsPicture { float: left; width: 348px; border-radius: 10px; height:220px;}
.newsPicture img { border-radius: 4px; transition: all 1s; display: block; width: 100%; height: 100%; }
.newsText { float: left; width: calc(100% - 710px); margin-left: 45px;}
.newsText h2 { transition: all .5s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 24px; color: #000000; line-height: 70px;}
.newsText p { margin-bottom: 40px; transition: all .5s; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 font-size: 18px; color: #333333; line-height: 30px;}
 .enterBtn { padding-top: 90px; float: right; width: 228px; height: 198px; border-left: 1px solid #eaeaea; text-align: center;}

.enterBtn b { padding-right: 17px; background: url(../images/newEnter.png) right center no-repeat; font-size: 16px; color: #000; transition: all .3s;}
.newLists li:hover .enterBtn b { background: url(../images/moreIconon.png) right center no-repeat; background-size:12px auto; color:#336fb6 ;}
.newLists li span { z-index: 1; position: relative; line-height: 32px; display: block; padding-left: 22px; font-size: 14px;
color: #333333; margin-bottom: 20px;}
/* .newLists li span::after { content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: #d1ddeb; z-index: -1;} */
.newLists li span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 32px; width: 15px; background: url(../images/dateIcon.png) left center no-repeat; }
.newLists li:hover h2 { color: #336fb7;}
.newLists li:hover img { transform: scale(1.1);}
.articleTag::after { content: ''; clear: both; display: block; height: 0;}
.articleTag span { color: #666666;font-size: 16px; margin-right: 50px; padding-left: 30px; float: left; position: relative;}
.articleTag span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
.articleTag span::after { content: ''; position: absolute; left: 23px; width: 1px; height: 8px; top: 50%; margin-top: -4px; background: #d9d9d9;}
.articleTag { line-height: 58px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.articleDetail { padding: 20px 50px; float: left; width: calc(100% - 490px); border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.articleTitle span { position: relative; z-index: 2; display: inline-block; color: #000000; font-size: 36px; font-weight: bold; line-height: 1.5;}
.articleTitle { padding:45px 0; position: relative;}
.articleTitle::after { content: 'Company news'; white-space: nowrap; font-weight: bold; text-transform: uppercase; position: absolute; left: 0; top: 50%; font-size: 5.8vw; line-height: 1; transform: translateY(-50%); color: #f2f2f2;}
.shareCont { float: right; color: #666666; font-size: 16px; font-weight: 200;}
.shareCont a { vertical-align: -2px; border-radius: 50%; margin-left: 8px; display: inline-flex; justify-content: center; align-items: center; transition: all .3s; background: #c0c0c0; width: 34px; height: 34px; position: relative;}
.shareCont a:hover { background: #336fb7;}
.articleInfor img { max-width: 100%;}
.articleInfor { background: url(../images/articleIcon4.png) left top no-repeat; padding: 4vw 0;}
.articleInfor p { font-size: 18px; color: #333333; line-height: 2;}
.articleFpage { line-height: 68px; background: #f8f8f8; border-radius: 18px; padding: 0 25px; display: flex; justify-content:space-between; align-items: center;}
.articleFpage a.prevPage { background: url(../images/artp.png) left center no-repeat; padding-left: 25px;}
.articleFpage a.nextPage { background: url(../images/artn.png) right center no-repeat; padding-right: 25px;}
.articleFpage a.backMenu { padding-left: 34px; background: url(../images/backIcon.png) left center no-repeat;}
.articleFpage a { color: #666666; font-size: 18px;}
.articleFpage a:hover { background: url(../images/backIconOn.png) left center no-repeat; color: #346db0;}
.articleFpage a.prevPage:hover { background: url(../images/artpon.png) left center no-repeat;}
.articleFpage a.nextPage:hover { background: url(../images/artnon.png) right center no-repeat;}
.aboutNews { border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.05); width: 448px; float: right; padding: 40px 18px 0;}
.aboutNews h2 { line-height: 58px; border-bottom: 1px solid #dcdcdc; font-weight: bold; font-size: 24px; color: #2f6ebd;}
.aboutNews li p { font-size: 18px; color: #343434; line-height: 1; margin-bottom: 16px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; transition: all .5s;}
.aboutNews li:hover p{ color: #2f6ebd;}
.aboutNews li { border-bottom: 1px solid #dcdcdc; padding: 18px 0;}
.aboutNews li span { background: url(../images/articleIcon3.png) left center no-repeat; padding-left: 32px; font-size: 14px; color: #666666; display: block;}
.aboutNews li:last-child { border: none;}
.productImg { max-width: 50%;}
.newsArticle {margin: 50px auto;}
.mobSub { display: none;}
@media screen and (min-width: 1200px) { 
  /*应用场景*/
.i_application li:hover{z-index: 1;}
.i_application li:hover .divs{width: 204%;}
.supportList li:hover .supportIcon img {filter: brightness(100);}
.supportList li:hover { background:rgb(51,111,183);}
.supportList li:hover h2,.supportList li:hover p { color: #ffffff;}
.techonlogyList li:hover { transform: translateY(-10px);}
.techonlogyList li:hover h2 { color: #336fb6;}
.techonlogyList li:hover img {filter:grayscale(0%);}
.supportList li:hover .coverBg { opacity: 1; transform: scale(1.1);}
}
@media screen and (max-width: 1600px) {
	.productBanner .bannerPic { right: 0; margin: 0;}
    /*应用场景*/
    .i_application li{height: 527px;}
    .i_application li .bgs .boxs{margin-left: 25px;margin-right: 25px;}
    .i_application li .bgs .boxs .i_application_t{top: 35px;}
    .i_application li:hover .bgs .boxs .i_application_t{}
}

@media screen and  (max-width:1440px){
	.detailInfor { padding-top: 152px;}
	.detailInfor p { font-size: 32px;}
	.videoCover { height: 22.8vw;}
	.applyCont { padding: 70px 0;}
	.applyBox { margin: 50px auto 0;}
	.supportList li h2 { font-size: 26px;}
	.supportList li p { font-size: 16px;}
	#map_container { height: 400px;}
	.contact .titleCell { margin-bottom: 40px;}
	.techonlogyList li h2 { font-size: 20px;}
	.techonlogyList { margin: 50px auto 0;}
	.reacherData li p { font-size: 28px;}
	.reacherArt { margin: 40px 0 65px;}
	.reacherArt h2 { font-size: 32px;}
	.reacherArt h3 { font-size: 26px;}
	.reacherArt p { font-size: 18px;}
	.customer {padding: 60px 0 50px;}
	.i_application li .bgs .boxs .i_application_t .h4 { font-size: 24px;}
	.i_application li .bgs .boxs .i_application_t .p { font-size: 18px;}
	.subList dt a { font-size: 14px;}
	.subMenu p { font-size: 16px;}
	.nav li h2 a { font-size: 16px;}
	.nav li:not(:last-child) { margin-right: 3vw;}
  /*应用场景*/
  .i_application li{height: 474px;}
  .i_application li:hover .bgs .boxs .i_application_t{top:35px;}
  .titleCell p,.productArt h2 { font-size: 32px;}
  .productArt p { font-size: 16px;}
  .titleCell span { font-size: 22px;}
  .productInfor p { font-size: 24px;}
  .productInfor h2 { font-size: 40px;}
  .productInfor li { font-size: 16px;}
  a.checkMore { font-size: 14px!important; background-size: 9px auto!important; padding-right: 14px;}
  .productArt a { font-size: 14px;}
  .productImg { width: 50%;}
  .homeProduct { padding: 60px 0 120px;}
  .productSwiper { margin-top: 60px;}
  .productMenu li p { font-size: 16px;}
  .productCenter { padding: 60px 0;}
  .productMenu { margin: 50px 0;}
  .productArt {width: calc(100% - 780px);}
  .aboutIntroduce p { font-size: 18px;}
  .homeAbout { padding: 60px 0 100px;}
  .videoEnter { background-size: 80% auto; padding-top: 80px;}
  .industry { padding-top: 60px;}
  .homeNews { padding: 60px 0 100px;}
  .insideBanner,.serviceBanner,.majorBanner,.productBanner { height: 440px;}
  .bannerText h2 { font-size: 32px; margin-bottom: 20px;}
  .bannerText p { font-size: 16px;}
  .seondNav a { font-size: 20px; margin: 0 30px;}
  .dataText p span { font-size: 32px;}
  .introduceData li { width: 20%; text-align: center;}
  .introduceData li::after { right: 0;}
  .introduce { padding-top: 50px;}
  .introduceArt p { margin-bottom: 20px; font-size: 18px;}
  .introduceArt h2 { font-size: 32px;}
  .introduceSwiper { margin: 40px auto;}
  .cultrue { padding: 60px 0;}
  .solognCulture { font-size: 28px; margin: 40px 0 30px;}
  .cultrueSlide li h2 { margin-bottom: 42px; font-size: 26px;}
  .cultrueSlide li p { font-size: 18px;}
  .step { padding: 70px 0;}
  .growSwiper h2 { font-size: 40px;}
  .growSwiper p { font-size: 18px;}
  .growSwiper span { font-size: 16px;}
  .growSwiper { margin: 40px auto;}
  .honor { padding: 70px 0 50px;}
  .honorSwiler { margin: 90px auto 0;}

  .customerMenu li span { font-size: 20px;}
  .customerMenu { width: 180px;}
  .partnerCont {width: calc(100% - 200px);}
  .customer { padding: 60px 0 50px;}
  .reacherData li p span { font-size: 44px;}
  .technology { padding: 70px 0 50px;}
  .techonlogyList li p { font-size: 18px;}
  .joinDesc p { font-size: 26px;}
  .joinSologn p { font-size: 26px;}
  .joinSologn span { font-size: 18px;}
  .joinArt { margin: 60px 0 30px;}
  .noticeProduct { padding: 60px 0 30px; margin: 60px auto 0;}
  .noticeProduct ul { margin: 60px auto 0;}
  .articleTitle span { font-size: 30px;}
  .articleTitle::after { font-size: 4vw;}
  .aboutNews { width: 320px;}
  .aboutNews li p { font-size: 16px;}
  .articleDetail { width: calc(100% - 340px);}
  .detailButton { margin-top: 105px;}
}
@media screen and (max-width: 1280px) {
	.supportIcon { margin-bottom: 20px;}
	.supportList li p { font-size: 14px;}
	.reacherData li p span { font-size: 32px;}
	.reacherData li p { font-size: 20px;}
	.reacherArt h2 { font-size: 26px;}
	.reacherArt h3 { font-size: 20px; margin: 20px 0 10px;}
	.reacherArt p { font-size: 16px;}
	.industry { padding-top: 30px;}
	.industry a.checkMore,.newsTitle a.checkMore { margin: 20px 0;}
	.buildCont { width: 40%; overflow: hidden;}
	.aboutIntroduce { width: 60%;}
	.aboutIntroduce dt b { margin-top: 0;}
	.aboutIntroduce dl { margin: 30px 0;}
	.buildCont img { position: absolute; width: 100%; bottom: 0; height: auto;}
	.productArt { float: none; width: 100%;}
	.productCard { float: none;  max-width: 100%; margin: 0 auto;}
	.productCard .swiper-slide { padding: 20px; width: 100%; height: auto;}
	.productCard .swiper { padding: 20px; width: 100%;}
	.fixAside { display: none;}
	.aboutIntroduce dt b { font-size: 14px;}
	.aboutIntroduce dt h3 { font-size: 16px;}
	.techonlogyList { margin: 30px auto 0;}
	.techonlogyList li { width: 49%;}
	.applyForm h3 { font-size: 18px;}
	.proList li p { font-size: 16px;}
}
@media screen and (max-width: 1200px) {
	.mobSub {border-top: 1px solid #eee; padding: 10px 10px 10px 20px;padding-left: 20px;}
	.mobSub h3 { line-height: 2;}
	.mobSub h3 a{ color: #006FC3; }
	.mobSub p {position: relative; }
	.mobSub p a { color: #666666; line-height:2; padding-left: 8px; display: block; position: relative;}
	.mobSub p a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #999999; border-radius: 50%; width: 4px; height: 4px;}
	.productSub { display: none!important;}
	.scenario .supportList { padding: 0 ;}
	.scenario .supportList p { font-size: 14px;}
	.scenario { padding-top: 30px;}
	.majorDetailBanner { height: 420px;}
	.mBannertext h2 { font-size: 20px; margin-bottom: 10px;}
	.mBannertext p { font-size: 14px; padding: 0 4%;}
	.applyForm h3 { font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
	.applyForm li p { font-size: 14px; line-height: 32px;}
	.applyCont { padding: 30px 0;}
	.applyBox { margin: 30px auto 0; padding: 20px;}
	.contactList li { margin-bottom: 20px;}
	.contactList ul { display: block;}
	.techonlogyList li h2 { font-size: 16px;}
	.techonlogyList li p { padding-left: 10px; font-size: 14px;}
	.techonlogyList li p::after { top: 50%; transform: translateY(-50%); width: 4px; height: 4px; margin: 0;}
	.technology { padding: 30px 0;}
  /*应用场景*/
  .homeNews,.step,.honor { padding: 30px 0;}
  .honorSwiler { margin: 30px auto 0;}
  .growSwiper { margin: 20px auto;}
  .i_application{overflow-x: scroll;}
  .i_application li{height: 395px;}
  .i_application li .bgs .boxs .i_application_t img{height: 51px;}
  .i_application li .bgs .boxs{margin-left: 20px;margin-right: 20px;}
  .i_application li .bgs .boxs .i_application_t{top: 30px;}
  .i_application li .bgs .boxs .i_application_t .h4{margin-top: 15px;height: 36px;line-height: 36px;}
  .i_application li .bgs .boxs .i_application_t .p{line-height: 26px;height: 26px;}
  .i_application li:hover .bgs .boxs .i_application_t{top:30px;}
	/*header*/
	.menubox{position: absolute;right: 4%; top: 10px; width: 50px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #006FC3;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.header { height: 60px;}
	.logo { width:140px; margin-top:18px;}
	.langChose h2 {  line-height: 60px;}
	.langChose {margin-right: 40px;}
	.searchEnter { margin: 0 45px 0 0; height: 60px;}	.searchinput { background: #ffffff;}
	
	.searchEnter span { height: 60px;}
	.nav { position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.act h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.header:hover .nav li:hover h2 a {color: #333333;}
	.header:hover .nav li:hover h2 i { transform: rotate(0);}
	.nav li.act h2 a { color: #336fb6!important;}
	.nav li.act h2 i { transform: rotate(90deg)!important;}
	.header { box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff;}
	.header .logo img:nth-child(1) { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { color: #333333;}
	.header .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
	.header .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
	.header .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}
	body{padding-top: 60px;}
	.main { padding-top: 0;}
	.subNav { padding: 0; position: static; box-shadow: none;}
	.subNav dl { width: 100%; margin: 0; max-width: none; display: block;}
	.subNav dt {box-sizing: border-box; padding-left:20px; text-align: left; width: 100%; margin: 0;}
	.subIcon { height: 20px; top: 50%; margin-top: -10px; bottom: auto;}
	.subIcon img { width:20px; top: 50%; transform: translateY(-50%); bottom: auto;}
	.subNav dt a { line-height: 40px; padding-left: 30px; font-size: 14px;}
	.subNav dt a::after,.subNav dt a::before { display: none!important;}
	.productSub { overflow-y: auto; bottom: 0; border-left: 1px solid #eee; box-shadow: none; border-top: 1px solid #eee; position: fixed; width: auto; left: 200px; right: 0; top: 60px;}
	.subMenu { border: none; padding: 0; float: none; width: 100%; white-space: nowrap; overflow-x: auto;}
	.subMenu p { margin: 0 10px 0 0; display: inline-block; font-size: 14px; vertical-align: top;}
	.subList { float: none; width: 100%;}
	.subList dt { width: 100%; margin: 0;}
	.subList dt img { margin-left: 3px; top: -4px;}
	.footerCont { display: none;}
	.friendLink { display: none;}
	.inforLeft { max-width: none; float: none; margin: 30px auto; text-align: center; width: 100%;}
	.inforRight { float: none; text-align: center;}
	.inforLeft a.footLogo { margin: 0 auto;}
	.inforRight li { margin: 0 15px; float: none; vertical-align: top; display: inline-block;}
	.sologn p { line-height: 1.5; font-size:18px;}
	.sologn { line-height: 1.5; padding:30px 0; display: block; text-align: center;}
	.sologn a img { width:14px;}
	.footLogo img { display: block; width: 260px; margin: 0 auto;}
	.seondNav a { font-size: 16px; margin: 0 10px; line-height: 32px;}
	.seondNav { margin-top: 20px;}
	.introduce { padding-top: 20px;}
	.introduceSwiper .swiper-pagination span { width: 4px; height: 4px;}
	.introduceSwiper .swiper-pagination { bottom: 5px!important;}
	.introduceSwiper p { font-size: 12px; bottom: 5px!important; padding-left: 16px; background-size: 12px auto!important;}
	.introduceData li img { display: none;}
	.dataText p span { font-size: 20px;}
	.dataText p { font-size: 14px; line-height: 32px;}
	.introduceData li { margin-top: 10px; padding: 0 15px; white-space: nowrap; float: none; width: auto; display: inline-block; vertical-align: top;}
	.introduceData ul { text-align: center; display: block; }
	.dataText b { font-size: 14px;}
	.introduceArt h2 { font-size: 26px; margin-bottom: 20px;}
	.introduceArt p { font-size: 14px; margin-bottom: 10px;}
	.introduceArt a img { width: 30px;}
	.cultruePic img { margin-bottom: 20px;}
	.cultrue { padding: 30px 0;}
	.solognCulture { margin:10px 0 26px; font-size:16px;}
	.cultrueSlide li h2 { font-size: 20px; margin-bottom: 20px;}
	.cultrueSlide li p { font-size: 14px;}
	.cultruePic img { width: 60px;}
	.cultrueSlide ul { display: block; overflow-x: auto; white-space: nowrap;}
	.growSwiper .swiper-button-next,.growSwiper .swiper-button-prev { display: none;}
	.growSwiper { padding: 0;}
	.cultrueSlide li { padding: 20px; width: auto; display: inline-block; vertical-align: top;}
	.growSwiper h2 { margin-bottom: 20px; font-size: 30px;}
	.supportList { margin-top: 40px;}
	.articleDetail { width: 100%; padding: 20px;}
	.articleTitle { padding: 10px 0;}
	.articleTitle span { font-size: 20px;}
	.articleTag span { margin-right: 10px; font-size: 14px; float: none;}
	.articleTag { line-height: 32px; padding: 15px 0; text-align: center;}
	.shareCont { margin-top: 10px; font-size: 14px; float: none; text-align: center;}
	.articleInfor p { font-size: 16px;}
	.articleFpage a { font-size: 12px;}
	.aboutNews { width: 100%; margin-top: 30px; padding: 20px;}
	.aboutNews h2 { font-size:18px; line-height: 2;}
	.newsPicture { float: none; margin: 0 auto; max-width: 100%; height: auto;}
	.newsPicture img { width: 100%; height: auto;}
	.newsText { float: none; width: 100%; margin: 0;}
	.enterBtn { display: none;}
	.newLists li { padding: 30px 0;}
	.newLists li span { margin-bottom: 0;}
	.newsText h2 { font-size: 18px;}
	.newsText p { font-size: 16px; margin-bottom: 10px;}
	.bannerCont  { height: auto; background-size: cover!important; display: block;}
	.detailInfor { padding-top: 60px;}
	.detailButton { margin-top: 20px;}
	.detailSwiper { max-width: 100%; height: auto; padding-right: 0;}
	.detailSwiper .pageControl { top: auto; bottom: 0;}
	.detailSwiper .swiper-button-prev { width: 30px; background-size: 100% auto!important; top: auto; left: 0; bottom: 0;}
	.detailSwiper .swiper-button-next { width: 30px; top: auto; background-size: 100% auto!important; left: 40px; right: auto; bottom: 0;}
	.detailSwiper .swiper .swiper-slide img { width: 70%; margin: 0 auto;}
	.detailSwiper .swiper .swiper-slide { height: auto;}
	.detailBanner { height: auto; overflow: hidden;}
	.detailSwiper { margin: 20px auto;}
	.detailBanner .location { white-space: nowrap; overflow-x: auto;}
	.detailInfor h2 { font-size:20px;}
	.detailInfor p { font-size: 18px;}
	.detailInfor p span { font-size: 26px;}
	.detailCont { padding: 30px 0;}
}
@media screen and (max-width: 992px) {
	
	.detailTable td,.detailTable td:nth-child(odd),.detailTable td:nth-child(even) { font-size: 14px;}
	.detailArticle { margin-top: 30px;}
	.detailTit { font-size: 18px;}
	.detailDesc p { font-size: 16px;}
	.detailDesc p span { word-break: break-all!important; text-wrap:wrap!important;}
	.noticeProduct ul { margin: 20px auto 0;}
	.noticeProduct { padding: 30px 0; margin: 30px auto 0;}
	.researchCont { padding-bottom: 30px;}
	.reacherData li p span { font-size: 20px;}
	.reacherArt { margin: 30px auto 10px;}
	.reacherData li { margin: 0; width: 25%; text-align: center;}
	.reacherData li b { line-height: 2; font-size: 13px;}
	.reacherData li p { line-height: 32px; font-size: 14px;}
	.reacherArt h2 { font-size: 20px;}
	.reacherArt h3 { font-size: 18px; margin: 10px 0;}
	.reacherArt p { font-size: 14px; line-height: 1.5;}
	.customer { padding: 30px 0;}
	.cultrueSlide li h2 { font-size: 18px;}
	.yearSwiper .swiper .swiper-slide { padding-bottom:20px;}
	.yearSwiper .swiper { font-size: 16px;}
	.growSwiper p { font-size: 16px;}
	.growSwiper span { font-size: 14px;}
/*应用场景*/
.footCopy { padding: 20px 0;}
.footCopy p { float: none!important; text-align: center; line-height: 1.5;}
.scanImg img { width: 80px; height: 80px;}
.inforRight li { margin: 0 10px;}
.i_application li .bgs .boxs .i_application_t .p { margin:  0;}
.descCont { display: none;}
.i_application li{height: 329px;}
.productMenu li p { font-size: 14px;}
.productMenu li::before,.productMenu li::after { display: none;}
.homeProduct { padding: 30px 0;}
.titleCell p, .productArt h2,.aboutTitle h2,.joinTitle p { font-size: 20px;}
.titleCell span,.aboutTitle p,.joinTitle span { font-size: 14px;}
.titleCell p,.aboutTitle h2,.joinTitle p { margin-bottom: 10px;}
.productInfor p { font-size: 18px;}
.productInfor h2 { font-size: 20px;}
.productInfor ul { margin: 20px 0;}
.productCont { flex-wrap: wrap;}
.productInfor li { font-size: 14px;}
.productInfor li img { height: 24px;}
.productInfor { width: 100%;}
.productImg { max-width: 60%; margin: 0 auto;}
.productInfor a.checkMore { display: none;}
.productSwiper { margin-top: 20px;}
.productSwiper .swiper-button-next { width: 30px; height: 30px; background-size: 100% auto!important; right: 0; top: 25px; left: auto; transform: translate(0);}
.productSwiper .swiper-button-prev { width: 30px; height: 30px; background-size: 100% auto!important; right: 40px; top: 25px; left: auto; transform: translate(0);}
.iconBox { width: 63px; height: 79px; background-size: 100% auto!important;}
.iconBox img { width: 20px;}
.productArt h2 { margin-bottom: 20px;}
.productArt p { font-size: 14px; margin-bottom: 20px;}
.productMenu { margin: 20px auto;}
.productCenter { padding: 30px 0;}
.aboutIntroduce{ margin-top: 20px; width: 100%;}
.aboutIntroduce p { font-size: 16px;}
.aboutIntroduce dt { margin: 0;}
.aboutIntroduce dt h3 span { font-size:24px;}
.aboutIntroduce dl { justify-content: space-between; text-align: center;}
.videoEnter { bottom: 20px; top: auto; font-size: 12px; background-size: 40%; padding-top: 30px;}
.homeAbout { padding: 30px 0 100px;}
.aboutIntroduce dl { margin: 20px 0;}
.newsList li { width: 49%; margin: 0 0 2%;}
.newsList li:nth-child(2n) { float: right;}
.newsList li a.checkMore { margin-top:10px;}
.newsArt p { font-size: 16px; height: 42px;}
.joinSologn { width: 100%; padding: 20px 0;}
.joinArticle .joinImg { width: auto; max-width: 100%; height: auto; float: none; margin: 0 auto;}
.joinSologn li:nth-child(1) { margin-bottom: 20px;}
.supportList li h2 { font-size: 20px;}
.searchinput.show { left: -285px;}
.industry .titleCell,.newsTitle { margin-bottom: 30px;}
}
@media screen and (max-width: 640px) {	.productInfor li { font-size: 12px;}
	.scanImg img { width: 70px; height: 70px;}
	.scanImg { padding: 6px;}
	.buildCont  { width: 60%;}
	.homeAbout { padding: 30px 0 200px;}
	.banner .swiper-pagination, .insideBanner .swiper-pagination { bottom: 10px!important;}
	.banner .swiper-pagination span { width: 6px; height: 6px;}
	.footCopy p { font-size: 14px;}
	.jobName { padding-right: 0; line-height: 50px;}
	.jobName span i { display: none;}
	.jobName span { font-size: 13px; width: 80px; height: 30px; line-height: 30px;}
	.contact { background: none;}
	.articleTitle::after { display: none;}
	.introduceSwiper img.pcShow { display: none;}
	.introduceSwiper img.mobShow { display: block; width: 100%;}
	.majorList li { width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.majorList li:nth-child(2n) { margin-right: 0;}
	.proList { margin: 30px auto 0;}
	.proList ul { margin-top: 20px;}
	.typePic { width: 100%; padding:20px 0 0;}
	.downSlide th { font-size: 14px; line-height: 32px;}
	.downSlide td { font-size: 14px; line-height:44px;}
	.downSlide td img { height: 20px;}
	.downChose { margin: 20px 0;}
	.downChose span img { height: 20px;}
	.downChose span { font-size: 14px;}
	.sologn p,.sologn a span { font-size: 16px;}
	.sologn p { margin-bottom: 5px;}
	.caseApp .newsList  { margin-top: 20px;}
	.caseApp { padding: 30px 0;}
	.proList li p { font-size: 14px; line-height: 40px;}
	.proList li { width: 100%;}
	.typeText a.checkMore { margin-top: 20px;}
	.styleList li { background-size: cover!important; height: auto;}
	.typeText h2 { font-size:14px; line-height: 1.5;}
	.typeText h3 { font-size: 16px; margin: 10px 0;}
	.typeText p { font-size: 14px;}
	.majorType .typeImg { width: 100%; float: none; height: auto;}
	.typeText { width: 100%; padding: 20px;}
	.applyForm button { font-size: 14px; margin:20px auto 0; width: 120px; height: 36px; line-height: 36px;}
	.applyForm li { float: none; width: 100%;}
	.joinService .customerInfor { padding-bottom: 30px;}
	.supportIcon img { height: 50px;}
	.supportList li h2 { font-size: 18px;}
	.supportList { margin-top: 20px;}
	.supportList li { width:49%; padding:14px 10px;}
	.messagesForm {margin-top: 20px;}
	.messagesForm li { width: 100%; margin: 0 0 2%;}
	.messages { padding: 30px 0;}
	#map_container { height: 200px; margin-top: 20px;}
	.contactList dt b,.contactList dt { text-align: left; font-size: 14px;}
	.contact .titleCell { margin: 30px auto 20px;}
	.contactList li img { display: block; width: 60px; margin: 0 auto;}
	.contactList li { display: block; text-align: center;}
	.contactList ul { display: block;}
	.techonlogyList li h2 { margin: 20px 0 10px;}
.techonlogyList li img { width: 34px;}
.techonlogyList li { width: 100%; padding: 20px 4%;}
.techonlogyList li b { font-size: 16px;}
.bannerText h2 { font-size: 20px;}
.bannerText p,.location a { font-size: 14px;}
.inforRight li { margin: 0 5px; font-size: 14px;}
.footInfor { margin-bottom: 20px;}
.insideBanner,.serviceBanner,.majorBanner,.productBanner { height:300px;}
.location { font-size: 14px; display: none;}
.honorSwiler .swiper-slide img { width: 80%; margin: 0 auto;}
.friendSlide li { width: calc(33.33% - 10px);}
.friendSlide ul {gap:10px}
.partnerCont { width: 100%;}
.customerMenu { text-align: center; margin-bottom: 10px;}
.customer .titleCell { margin-bottom: 20px;}
.customerMenu {float: none; width: 100%;}
.customerMenu ul { margin-bottom: 10px; overflow-x: auto; white-space: nowrap;}
.customerMenu li { margin-right: 10px; float: none; display: inline-block; vertical-align: top;}
/*应用场景*/
.i_application ul{min-width: 1000px;}
.i_application li .bgs .boxs{margin-left: 15px;margin-right: 15px;}
.i_application li .bgs .boxs .i_application_t .h4{height: 30px;line-height: 30px;margin-top: 12px;}
.i_application li .bgs .boxs .i_application_t img{height: 46px;}
.newsList li { float: none; width: 100%;}
.newsArt { padding: 15px;}
.newsArt span { margin-bottom: 10px;}
.honorSwiler .swiper-slide { padding: 40px 20px 20px;}
.honorSwiler .swiper-slide p { left: 20px; top: 10px;}
.honorSwiler .swiper-slide span { top: 10px;}
.honorSwiler { padding-bottom: 30px;}
.honorAlt img { max-width:80vw;}
.joinArt { margin: 30px auto;}
.joinDesc p,.joinSologn p { font-size: 20px;}
.joinSologn span { font-size: 16px;}
.sendMail p { font-size: 14px;}
.jobDesc p { font-size: 14px; line-height: 1.75;}
.jobTag { line-height: 1.5; padding: 10px;}
.jobTag span { font-size: 14px; display: inline-block; line-height: 2;}
.jobName p { background-position: 5px center!important;padding-left: 35px; font-size: 14px; }
.sendMail { line-height: 50px;}
.contactInfor li { float: none; width: 100%;}
.contactInfor a.telBtn { margin: 0; line-height: 1.5;}
.contactInfor a.chatBtn { margin: 10px auto; font-size: 14px;}
.contactInfor li::after { display: none;}
.contactInfor li { margin-top: 20px;}
.contactInfor li p,.supportContact li b { font-size: 14px;}
.contactInfor a.telBtn { font-size: 20px;}
.questionList li h2 { font-size: 14px; line-height:60px;}
.questionList li h2::after { right: 0;}
.questionList li.cur h2 { font-size: 18px;}
.videoList li { float: none; width: 100%; margin: 0 0 2%;}
.videoCover { height: auto;}
.videoTit p { font-size:16px;}
.videoTit span { font-size: 14px;}
.detailButton a img { height: 30px;}
.detailButton a { width: 70px; margin-right:10px; height: 70px; padding-top: 7px;}
.customerInfor { padding-top: 30px;}
}
@media screen and (max-width: 480px) {
	.newsPicture {width: 100%; overflow: hidden;}
/*应用场景*/
.i_application ul{min-width: 900px;}
.i_application li{height: 296px;}
.i_application li .bgs .boxs .i_application_t img{height: 42px;}
.searchInfor { line-height: 40px; width: 100%; font-size: 14px;}
.searchSelect select {font-size: 14px; height: 40px;}
.newsPic { height: auto;}
.caseSearch { margin: 20px auto;}
.searchType dl { top: 40px;}
.searchType { font-size: 14px;}
.searchType span img { height: 16px; margin-top: -4px;}
.fpage a { font-size: 12px; width: 30px; line-height: 30px; margin: 0;}
.fpage { margin: 20px auto;}
}

@media screen and  (max-width:780px){.mBannertext p { font-size: 12px; line-height: 1.5;}
.mBannertext { padding: 0 10px;}
}