/*内页样式*/
.wrapper{max-width: 1500px;margin: 0 auto;padding: 0 10px;}
.subbanner{height: 550px;overflow: hidden;position: relative;width: 100%;display: flex;align-items: center;}
.subbanner .sub_pic{position: absolute;right: 0;top: 50%;width: 100%;height: 100%;overflow: hidden;transform: translateY(-50%);}
.subbanner .sub_pic img{position: relative;left: 50% !important;transform: translateX(-50%) !important;height: 100%;}
.subbanner .txtarea{position: relative;z-index: 3;width: 1500px;padding: 0 10px;margin: 0 auto;color: #fff;}
.subbanner .h1{font-weight: 600;}
.subbanner .des{font-size: 16px;margin:25px 0}
.subbanner ul{display: flex;flex-direction: row;padding-top: 30px;}
.subbanner li{color: #000;background: #fff;margin-right: 30px;width: 200px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;}
.subbanner li a{color: #000;font-size: 16px;}
.subbanner li.active, .subbanner li:hover{background: #00469c;}
.subbanner li.active a, .subbanner li:hover a{color: #fff;}
.imgarea img{max-width: 100%;width: 100%;height: 100%;}

/* join */
.inner{padding-top: 3%;position: relative;}
.rczl{margin-top: 20px;margin-bottom: 5%;width: 102%;}
.rczl li{padding: 0;margin-right: 2%;width: 23%;}
.rczl li .wrap{padding: 40px 20px 80px;background: #f9f9f8;height: 370px;}
.rczl li .h3{line-height: 1.6;margin-bottom: 20px;transition: all 0.3s;font-size: 18px;font-weight: bold;}
.rczl li i{font-size: 32px;}
.rczl li .des{font-size: 16px;}
.rczl li:hover .wrap{background: #fff;box-shadow: 0 0 10px #eee;}
.rczl li:hover .h3{color: #00469c;transform: translateY(-10px);}
.rczp{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.rczp ul{display: flex;font-size: 18px;}
.rczp li{width:190px;height: 55px;line-height: 55px;text-align: center ;background: #fafafa;color: #333;margin-left: 20px;}
.rczp li.active{background: #00469c;color: #fff;}
.job-box ul{opacity: 0;height: 0;overflow: hidden;}
.job-box ul.showup{opacity: 1;height: auto;transform: translateY(-10px);transition: all 0.5s ease 0.5s;}
.job-box li{border-bottom: 1px solid #ddd;}
.job-box .job-name{font-size: 18px;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;}
.job-box .job-detail{padding: 40px;display: none;}
.job-box .h3{font-weight: bold;margin: 0 0 10px;}
.job-box .tit{font-size: 16px;font-weight: bold;margin: 25px 0 10px;}
.job-box .contact{margin-top: 40px;}
.job-box .btn{padding: 0;}
.job-box .btn a{font-size: 18px;width: 200px;line-height: 50px;height: 50px;display: inline-block;margin-right: 20px;color: #333;background: #f9f9f8;margin-top: 30px;}
.job-box .btn a:first-child{background: #00469c;color: #fff;}
.job-box{margin-bottom: 5%;}
.job-box li.active .job-name,.job-box li:hover .job-name{background: #00469c; color: #fff;}


/* service */
.sale-des{font-size: 18px;margin: 15px 0 30px;}
.salemap{text-align: center;position: relative;}
.salemap img{max-width: 100%;}
.salemap .pointslist{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.salemap .area{margin: 0 0 20px -10px;font-size: 18px;}
.point{width: 8px;height: 8px;position: relative;text-align: center;}
.point1{ width: 24px;height: 24px;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);
    background: rgba(0,70,156,0.2);border-radius: 50%;
}
.point2{width: 8px; height: 8px;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;background: #00469c;border-radius: 4px;
}
.point3::after{
    content: "";display: block;top: -30px;left: -30px;position: absolute;width: 68px;height: 68px;
    background: #00469c;border-radius: 50%;transform:scale(0.16,0.16);
    transform-origin: 50% 50%;animation: ripple 3s ease-out 225ms infinite;animation-delay: 1s;
}
.china{position: absolute;right: 60%;top: 23%;}
.oz{position: absolute;top: 15%;right: 78%;}
.yz{position: absolute;top: 13%;right: 65%;}
.dyz{position: absolute;top: 56%;right: 54%;}
.bmz{position: absolute;top: 15%;left: 70%;}
.red {color: rgb(241, 9, 9);}
.red .point1{background: rgba(241, 9, 9,0.2);}
.red .point2{background: rgb(241, 9, 9);}
.red .point3::after{background: rgb(241, 9, 9);}

@keyframes ripple {
    0% {
      transform: scale(0.16, 0.16);
      opacity: 0.5;
    }
    20% {
      transform: scale(0.33, 0.33);
      opacity: 0.3;
    }
    100% {
      opacity: 0;
      transform: scale(1, 1);
    }
  }
.sale-service{background: url(../images/fw-pic.jpg)center right no-repeat #f9f9f8;padding: 2% 0;background-size: 50% 100%;}
.sale-service .txtarea{padding: 40px  40px 0 0;}
.sale-service li{margin: 20px 0;}
.sale-service li .tit{font-size: 20px;font-weight: bold;position: relative;    padding-bottom: 15px;
    margin-bottom: 15px;}
.sale-service li .tit::after{position: absolute;content: '';left: 0;bottom: 0;width: 25px;height: 3px;background: #00469c;}
.download{padding: 3% 0;}
.downloadlist{margin-top: 30px;width: 102%;}
.downloadlist li{padding: 15px 0;font-size: 18px;width: 48%;margin-right: 2%;}
.downloadlist li .wrap{border: 1px solid #ddd;display: flex;align-items: center;justify-content: space-between;line-height: 60px;}
.downloadlist li .wrap .fl{display: flex;align-items: center;width: 75%;}
.downloadlist li .wrap .fl>div{width:70%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.downloadlist li i{font-size: 28px;padding: 0 25px;display: inline-block;line-height: 60px;}
.downloadlist li i:first-child{border-right: 1px solid #ddd;margin-right: 20px;}
.downloadlist li:hover .wrap{color: #fff;background: #00469c;}
.downloadlist li:hover a{color: #fff;}
/* .downloadlist li .iclick i{border: none;} */



/* 社会责任 */
.shzr{background: url(../images/shzr-bg.jpg)center no-repeat;padding: 3% 0 4%;background-size: cover;}
.shzr ul{padding: 5% 0;}
.shzr li .wrap{padding: 50px;background: rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px #eee;}
.shzr li i{font-size: 68px;color: #00469c;}
.shzr li .h4{font-weight: bold;margin: 15px 0;}

/* 行业应用 */
.application-nav{position: absolute;top: -70px;width: 100%;z-index: 3;}
.application-nav ul{display: flex; flex-wrap: nowrap;box-shadow: 0 10px 10px #ddd;}
.application-nav a{background: #fff;text-align: center;display: flex;align-items: center;justify-content: center;flex: 1;flex-direction: column;padding: 0;border-right: 1px solid #ddd;}
.application-nav a:last-child{border: none;}
.application-nav li i{font-size: 48px;}
.application-nav a:hover,.application-nav a.active{background: #00469c;color: #fff;}
.application-nav a:hover a,.application-nav a.active a{color: #fff;}
.application{background: #f9f9f8;}
.application .applicationlist li{padding: 4% 0;}
.application .applicationlist li:first-child{padding-top:5%}
.application .applicationlist li:nth-child(even){background: #fff;}
.application .applicationlist li .txtarea{padding: 40px 40px 40px 0;}
.application .applicationlist li:nth-child(even) .txtarea{padding-left: 40px;}
.application .applicationlist li .tit{font-size: 18px;font-weight: bold;margin: 20px 0;}
.application .applicationlist li .more{margin-top: 15%;display: inline-block;width: 160px;height: 50px;line-height: 50px;box-shadow: 0 0 10px #eee;text-align: center;background: #00469c;color: #fff;}
.application .applicationlist li .des{margin: 20px 0;}

/* applicationshow */
.app-content{padding: 6% 0 4%;}
.app-content .toparea .txtarea{padding-right: 50px;}
.app-content .toparea ul{margin: 5% 0 10%;display: flex;}
.app-content .toparea li{font-size: 20px;font-weight: 600;margin-right: 50px;}

.botarea{background: #fff;padding: 3% 0;}
.botarea .h2{text-align: center;}
.botarea ul{padding: 3% 0;}
.botarea li .wrap{border: 1px solid #ddd;text-align: center;margin-bottom: 40px;}
.botarea li .imgarea{width: 100%;height:285px ;}
.botarea li .txtarea{padding:10px 20px 20px;height: 85px;}
.botarea li .tit{font-size: 16px;font-weight: bold;color: #000;}
.botarea li .tit span {font-weight: normal;color: #666;font-size: 14px;}
.botarea li .des{color: #666;}

.overflow1{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }

/* news */
.newslist{width: 103%;margin-top: 3%;}
.newslist li{margin-bottom: 30px;padding: 0;padding-right: 3%;}
.newslist li .wrap{margin: 0;}
.newslist li .wrap .imgarea{height: 270px;}
.newslist li .txtarea{margin: 15px  10px;}
.newslist li .tit{font-size: 20px;color: #000;margin-bottom: 8px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.newslist li .time{color: #666;}
.newslist li:hover .tit a{color: #00469c;}

a.more{display: inline-block;width: 180px;height: 55px;line-height: 55px;text-align: center;background: #00469c;color: #fff;}

/* contact */
.contactus{background: #f9f9f8;margin-top: 30px;}
.contactus .imgarea{padding: 0;}
.contactus .txtarea{padding: 30px 30px 0;}
.contactus .txtarea .h4{font-weight: 600;padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.contactlist {background: #f9f9f8;display: flex;margin-top: 30px;}
.contactlist li{padding: 30px 20px;flex: 1;}
.contactlist li .h4{font-weight: 600;padding-bottom: 25px;border-bottom: 1px solid #ddd;margin-bottom: 25px;}

.message{background: url(../images/mes-bg.jpg)center no-repeat;padding: 4% 0;margin-top: 4%;background-size: cover;}
.message .h2{text-align: center;color: #fff;}
.message form{padding: 0 50px;margin-top: 3%;}
.message input,.message textarea {padding: 15px;width: 100%;margin-bottom: 15px;background: #fff;}
.message textarea{height: 200px;}
.message .ui-btn{width: 200px;text-align: center;padding: 15px;background: #fff;}
.message .getcode{width: 100%;}
.message .last{text-align: center;margin-top: 20px;}
.message .ui-btn1{background: #00469c;color: #fff;margin-right: 30px;}




.path{color: #333;font-size: 14px;padding: 20px 0;}
.path a{color: #333;}
.path .icon-zhuye{margin-right: 8px;line-height: 1;}

.nav_cont{width: 100%;background: #eee;position: relative;}
.top_nav{display: table;text-align: center;margin:0 auto;}
.top_nav li{float: left; padding: 10px 30px;color: #333;margin: 0 20px;line-height: 45px;border-radius: 3px;font-size: 17px;}
.nav_cont .nav_width{bottom: 0;left: 0;height: 5px;background: linear-gradient(to right, #2a2973 0%,#0d97d0 50%,#89bca3 100%);transition: all ease-out .5s;-moz-transition: all ease-out .5s;-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;}


/* about */

/* 岗位 */

/* -分页- */

/* form */

.newshow{position: relative; padding: 3% 0;}
/* right_sides */
.right_sides{float: right;width: 24%;overflow: hidden;position: relative;margin-left: 4%}
.right_sides .hotnews,.right_sides .tag{border: 1px solid #ddd;padding:10px 30px 0;margin-bottom: 40px}
.right_sides .title h2{font: 600 18px "microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd;color: #00469c;}
.hotnewsbd ul li{color: #666666;margin: 15px 0}
.hotnewsbd ul li .date{color: #999999;font-size: 13px}
.tagbd{margin-top: 15px}
.tagbd a{display: block;width: 100%;color: #666666;margin:0;line-height: 40px;background: #f2f2f2;margin-bottom: 10px;text-align: center;float: left;}

/* left block */
.left-cont{float: left;width: 72%;}
.left-cont .tag_sq{width: 100%;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid #dddddd}
.left-cont .tag_sq span{border-right: 1px solid #dddddd;color: #000;display: inline-block;padding: 0 30px}
.left-cont .article_cont{margin: 0 30px;overflow: hidden;}
.article_cont .title{text-align: center;font-size: 28px;color: #000;margin-top: 30px;margin-bottom: 20px}
.article_cont .title span{margin: 0 10px;color: #bbbbbb}
.article_cont .tag a{padding: 0 5px;}

/* newsdetail */
.sub_title {text-align: center;padding:0 0 20px 0;line-height: 30px;}
.sub_info{color: #777;background: #f4f4f4;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h3{font:600 30px Arial,"microsoft yahei";margin-bottom: 20px;margin-top: 10px}
.article{margin: 10px 0;line-height: 25px}
.article img{text-align: center;height: auto !important;}
.skip{margin-top: 50px;margin-bottom: 20px;background: #f6f6f6;padding: 5px;border-radius: 30px;}
.skip>div{width: 46%;line-height: 40px;height: 40px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip a{color: #666666}
.skip .fl{float: left;margin-left: 20px}
.skip .fr{float: right;}
.article_cont .tag span{display: inline-block;padding: 6px 25px;color: #fff;background: #00469c;border-radius: 30px;}
.article_cont .tag .fanhui{display: inline-block;padding: 6px 25px;color: #fff;background: #00469c;border-radius: 30px;float: right;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding: 30px;}
.relate .tit h3{font: 600 20px Arial,"microsoft yahei";float: left;color: #333333;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 2%;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #00469c;font-size: 18px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}

.btn:active, .btn.active {box-shadow: none;}

@media only screen and (max-width: 1400px){
  .subbanner{height: 30vw;}
  .subbanner .txtarea .h1{font-size: 36px;margin: 0;}
  .subbanner ul{padding: 0;}
  .botarea li .imgarea{height:19vw ;}
  .rczl li .h3{font-size: 24px;margin: 15px 0 25px;}
  .rczl li .wrap{padding: 30px 20px 60px;}
  .newslist li .wrap .imgarea{height: 18vw;}
  .china{right: 22%;}
  .dyz{right: 12%;}
  /* .subbanner li{width: auto;font-size: 20px;flex: 1;margin-right: 20px;} */
}

@media only screen and (max-width: 1200px){
  .application-nav li i{line-height: 1;}
  .inner .h2{font-size: 30px;}
  .botarea li .imgarea{height: 25vw;}
  .rczl li{margin-bottom: 20px;}
  .rczl li .wrap{padding: 30px 20px 40px;}
  .job-box .job-detail .h3{font-size: 26px;}
  .right_sides{display: none;}
  .left-cont{width: 100%;}
  .sale-service li .tit{padding-bottom: 10px;margin-bottom: 10px;}
  .shzr ul li{margin-bottom: 20px;}
  .shzr li .wrap{padding: 30px;}

}

@media only screen and (max-width: 1000px){
  .inner .h2{font-size: 26px;}
  .subbanner .txtarea .h1{font-size: 30px;margin: 0;}
  .subbanner .des{font-size: 16px;margin: 20px 0;}
  .subbanner ul{display: none;}
  .contactus .txtarea{padding: 30px;}
  .contactlist{flex-wrap: wrap;}
  .contactlist li{width: 33.33%;flex: inherit;}
  .application-nav li{text-align: center;}
  .application-nav li i{font-size: 36px;}
  .application .applicationlist li .txtarea{padding: 30px 30px 30px 0;}
  .application .applicationlist li:nth-child(even) .txtarea{padding-left: 30px;}
  .app-content .toparea ul{margin: 5% 0;}
  .app-content .toparea li{font-size: 18px;}
  .app-content .toparea .txtarea{padding: 30px;}

  .botarea li .imgarea{height: 35vw;}
  .job-box .job-detail .h3{font-size: 24px;}
  .newslist li .wrap .imgarea{height: 30vw;}
  .newslist li{margin-bottom: 10px;}
  .sale-service{background: #f9f9f8;}
  .sale-service .txtarea{padding: 0;}
  .china{top: 31%;right: 21%;}
  .dyz{right: 12%;top: 68%;}
  .downloadlist li{width: 98%;}
  .rczl li{width: 48%;}
  .rczp{flex-direction: column;}
}

@media only screen and (max-width: 768px){
  .inner .h2{font-size: 24px;}
  .subbanner .txtarea .h1{font-size: 24px;}
  .subbanner .des{margin: 10px 0;}
  
  .inner .h2{font-size: 26px;}
  .contactlist li{width: 100%;padding: 30px 20px 0;}
  .contactlist li .h4{padding-bottom: 15px;margin-bottom: 10px;font-size: 20px;}
  .applicationlist .h2{font-size: 26px;}
  .application-nav li i{font-size: 30px;}
  .application-nav a{padding: 10px 0;}
  .application-nav{position: relative;top: 0;}
  .application-nav ul{flex-wrap: wrap;}
  .application-nav a{width: 20%;flex: inherit;}
  .app-content{padding-top: 0;}
  .application .applicationlist li .txtarea{padding: 0 30px 30px 30px;}
  .newslist li .tit{margin-bottom: 0;}
  .newslist li .txtarea{margin: 10px;}
  .sub_title h3{font-size: 24px;}
  .relate{display: none;}
  .china{top: 25%;right: 20%;}
  .dyz{right: 9%;top: 60%;}
  .oz{top: 10%;right: 40%;}
  .yz{top: 14%;right: 29%;}
  .bmz{top: 13%;left: 17%;}
  .downloadlist li{padding: 0 0 15px 0;}
  .downloadlist li i{padding: 10px 25px;}
  .subbanner{height: 40vw;}
  .subbanner .des{font-size: 14px;}
  .sale-service{background: url(../images/fw-pic.jpg)center bottom no-repeat #f9f9f8;background-size: 100% 450px;}
  .sale-service .imgarea{height: 450px;}
}
  

@media only screen and (max-width: 640px){
  .subbanner{height: 40vw;}
  .subbanner .sub_pic img{height: 100%;}
  .app-content .toparea .txtarea{padding: 20px 0 ;}
  .application .applicationlist li .txtarea{padding:0 0 15px;}
  .application .applicationlist li:nth-child(even) .txtarea{padding: 0;}
  .applicationlist .h2{font-size: 24px;}
  .contactus .txtarea{padding: 0;}
  .message form{padding: 0;}
  .message .ui-btn{width: 150px;margin-top: 15px;}
  .rczl li .wrap{height: auto;}
  .newslist li .tit{font-size: 18px;}
  .rczl li{padding: 0;}
  .inner .h2{font-size: 24px;}
  .banner .index_banner .item .block_txt .txt{width: 70%;}
  .banner .index_banner .item .block_txt .txt .h3{font-size: 18px}
  .banner .index_banner .item .block_txt .txt h3{font-size: 24px;}
  .left-cont .article_cont{margin: 0;}
  .sub_title{padding: 0;}
  .skip{margin-top:0 ;}
  .downloadlist li .wrap{line-height: 50px;}
  .downloadlist li i{line-height: 50px;}
  .dyz{right: 8%;top: 53%;}
  .bmz{top: 2%;left: 18%;}
  .yz{top: 2%;right: 29%;}
  .oz{top: 4%;right: 40%;}
  .rczl li{width:98%;}
  .message .ui-btn{width: 130px;}
  .contactus .txtarea .h4{margin-top: 30px;}
  .job-box .btn a{width: 120px;}
  .sale-service{background: url(../images/fw-pic.jpg)center bottom no-repeat #f9f9f8;background-size: auto 450px;}
}

@media only screen and (max-width: 480px){
  
}