@charset "UTF-8";
.product-main1{margin-bottom:150px;}
.product-container{padding: 110px 0;}
.product-h2{font-size:20px; color: #0073b1;}
.product-h1{font-size:50px; margin: 10px 0; line-height:1.6;}
.product-h3{font-size:30px; margin:30px 0 20px;}
.product-con1{color: #666666; font-size:18px;}
.product-le{width: 53%; margin-right: 2%;}
.product-dl img{width: 50px;}
.product-dl p{max-width: 160px;}
.product-ri{position:relative;padding-bottom:1%;}
.product-ri img{display: block;width:98%;position:relative;z-index:20;}
.product-ri::after{position:absolute;width:60%;height: 82%; background-color: #0073b1; right:0; bottom: 0; z-index: 0; content: '';}
.product-list2{padding-bottom:10%;margin-bottom:40px;}
.product-list2 dd{position:relative; line-height:1.4;font-family: 'Myriad Pro'; float: left;}
.product-list2 .dd01{padding-bottom:16.3%;margin-right:1%;margin-bottom:10px;}
.product-list2 .dd02{padding-bottom:17.6%;margin-right:1%;}
.product-list2 .dd01 img,.product-list2 .dd02 img{width: 100%;display: block;height: 100%;object-fit: cover;}
.product-list2 .dd1{background-color: #0073b1; color: #FFFFFF; font-size: 30px; width:21%;}
.product-list2 .dd2{width:16%;}
.product-list2 .dd3{width:16%;}
.product-list2 .dd2 .text,.product-list2 .dd3 .text{right:2%; top:10px;color: #333333;}
.product-list2 .dd4{width:25.3%;}
.product-list2 .dd5{width:17.7%; margin-right: 0 !important;}
.product-list2 .dd4 .text,.product-list2 .dd5 .text{bottom: 100%; left:0;margin-bottom: 10px;}
.product-list2 .dd6{width:28.6%; z-index: 60;}
.product-list2 .dd6 .text{left:105%; bottom: 6%;white-space:nowrap;}
.product-list2 .dd7{width:35.2%; background-color: #ededed; }
.product-list2 .dd7 .imgW{width:38%;height:100%;position: absolute;right:0; top: 55%;}
.product-list2 .dd7 .text{left:0; bottom: 100%;margin-bottom: 10px;}
.product-list2 .dd8{width:34.2%; margin-right: 0;}
.product-list2 .dd8 .text{left:0; top: 100%; margin-top: 10px;}
.product-list2 .text{font-size: 24px; position: absolute;}
.pro-ab{position:absolute;width: 100%; height: 100%; display: flex;left:0;top:0; align-items: center;justify-content: center;}



.product-view .t1{font-size:36px; position:relative;}
.product-view .t2::before{content:''; display:block;position:absolute;height:1px;left:0; bottom:0;background-color: #DDDDDD; width: 100%;}
.product-view .t2::after{background-color: #0073b1;width: ;}
.product-view .t2 span{display: inline-block;vertical-align:bottom ; border-bottom: 1px solid #0073b1; position:relative;z-index:10; padding-bottom:10px;}
.product-view .t2{font-size:18px;color: #0073b1; position:relative; margin-bottom:20px;}
.product-view .t3{font-size:16px; line-height:1.4;}
.product-img{display:block;}
.product-view-list dd{margin-bottom:40px;}

.product-clients{overflow: hidden;}
.product-clients-list1{width: 110%;overflow: hidden; margin-bottom:70px;}
.product-clients-list1 a{display: block;float: left;width: 18%;margin:0 1% 10px 0;position:relative;padding-bottom:10%;}
.product-clients-list1 img{display:block;position: absolute;width: 100%;height: 100%;object-fit: cover;}
.product-clients .t1{font-size: 30px; margin-bottom:30px;}


.product-clients-list2 .text{
  padding: 27px 29px;
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
  position: relative;
}
.product-clients-list2 .text::after{
  content: "";
      position: absolute;
      z-index: 2;
      left: 90px;
      bottom: -20px;
      border-bottom: 20px solid transparent;
      border-left: 25px solid #fff;
}
.product-clients-list2 .div{padding:30px;}
.product-clients-list2 .p2{
  font-family: "Roboto", sans-serif;
  color: #707070;
  font-size: 14px;
}
.product-clients-list2{width:110%;font-size: 0px;}
.product-clients-list2 div{font-size:14px;}
.product-clients-list2 .p1{font-size:16px;}
.product-clients-list2 .flex1{margin-left:30px;}
.product-clients-list2 dd{width:44.5%;margin:0 2% 30px 0;display: inline-block;vertical-align: top;}

.product-list-box{overflow: hidden;}
.product-list-box .t1{font-size: 20px;color: #0073b1;}
.product-list-box .t2{font-size: 50px;margin:20px 0 30px;}
.product-list-box-list dd{padding-left:30px;background-image: url(/static/images/product_ico6.png); background-position: left 0;background-repeat: no-repeat;line-height:1.4; color: #666666;margin-bottom: 10px;}
.product-list-box-list{margin-bottom:60px;}
.product-list-box .our-product{width:110%;overflow: hidden;}
.product-list-box .product-item{width:29%;float: left;margin:0 2% 20px 0;}

@media (min-width: 1200px){
  .about-career{width: 1250px;}
}
.about-career{overflow: hidden;}
.about-career .t1{font-size:20px;color: #0073b1; margin-bottom:20px; text-transform: uppercase;}
.about-career .t2{font-size:50px;margin-bottom:50px;}
.about-career .t3{font-size:30px;margin-bottom:30px;margin-top:60px;}
.about-career .ab6-w2{width:49%;position:relative;}
.about-career .con{color: #3f3f3f;font-size:18px;}
.about-career-ul{color: #666666;width:110%;font-size:0px;margin-top:40px;}
.about-career-ul li{width:44.5%;font-size:18px;display: inline-block;vertical-align: top;margin:0 2% 10px 0;}
.about-career-ul li::before{background-color: #ffd8c8;display: inline-block;vertical-align: middle;width:6px;height:6px;border-radius: 50%;content: ''; margin-right:5px;}
.about-career-job{border-bottom: 1px solid #DDDDDD;  }
.about-career-job dd{padding:20px 0;border-top: 1px solid #DDDDDD;}
.about-career-job .h2{font-size:20px;position:relative;}
.about-career-job .div{font-size:16px;color: #666666;padding:10px;display: none;}
.about-career-job .on .h2{color: #0073b1;}
.about-career-job .on .btn::before{display: none;}
.about-career-job .on .btn::after{background-color: #0073b1;}
.about-career-job .btn{position:relative;display:block;position:absolute;width:20px; height:20px;right:0;top:50%;margin-top:-10px; cursor:pointer;}
.about-career-job .btn::after,.about-career-job .btn::before{content:'';display:block;position: absolute;background-color: #333333;}
.about-career-job .btn::before{height:100%; width:4px;top:0;margin-left:-2px;left:50%;}
.about-career-job .btn::after{width:100%; height:4px;left:0;margin-top:-2px;top:50%;}

.about-news .imga{padding-bottom:60px; margin-bottom:60px;border-bottom:1px solid #DDDDDD;}
.about-news .imgW{width:360px;margin-right:30px;}
.about-news .t1{font-size:28px; color: #333333;}
.about-news .t2,.about-news .t3{color: #666666;}
.about-news .t2{font-size:18px;margin:18px 0;}
.about-news .t3{font-size:16px;margin-bottom:25px;}
.about-news .extra {font-size: 0; text-align: left; cursor: pointer;}
.about-news .extra span { display: inline-block; vertical-align: middle; }
.about-news .extra .txt {font-size: 14px;color: #666; transition: color 500ms;}
.about-news .imga:hover .extra .txt {font-size: 14px;color: #0073b1;}
.about-news .extra .icon {cursor: pointer; width: 20px;height: 20px;margin-left: 10px;background: url(/static/images/more-btn.png) center top no-repeat; background-size: 100% auto; }
.our-product .product-item .extra:hover .icon { background-position-y: bottom; }
.ab-page{text-align: center;}
.ab-page *{display:inline-block;vertical-align: middle;}
.ab-page .a{width:32px;line-height:30px;border-radius:3px;border: 1px solid #ededed;margin:0 7px;}
.ab-page .a.on{background-color: #518fb1; color: #FFFFFF;border-color: #518fb1;}



@media (max-width:991px) {
  .product-view .t1{font-size:18px;}
  .product-view .t2{margin-bottom:6px;}
  .product-view-list dd{margin-bottom:20px;}
  .product-main1{display:block !important;margin-bottom:40px;}
  .product-le,.product-ri{width:100%;margin-right:0; margin-bottom:20px;}
  .product-h1{font-size:30px;}
  .product-h3{margin:16px 0 8px; font-size:20px;}
  .product-container .our-product .main-title{margin-top:30px;}
  .product-container{padding:50px 0;}
  .product-list2{padding-bottom:0; margin-bottom:0;}
  .product-list2 .dd1,.product-list2 .text{font-size:18px;}
  .product-list2 .dd2 .text,.product-list2 .dd3 .text{top:6px;}
  .product-list2 .dd2 .text,.product-list2 .dd3 .text,.product-list2 .dd7 .text{margin-bottom:6px;}
  .product-list2 .dd1,.product-list2 .dd2,.product-list2 .dd3{width:32.3333%; padding-bottom:33%;}
  .product-list2 .dd3{margin-right:0;}
  .product-list2 .dd4,.product-list2 .dd5{width:49.5%; padding-bottom:30%;}
  .product-list2 .dd6,.product-list2 .dd7,.product-list2 .dd8{padding-bottom:50% !important;}
  .product-list2 .dd6,.product-list2 .dd7{margin-bottom:40px;}
  .product-list2 .dd6{width:59%;}
  .product-list2 .dd7{width:40% !important;margin-right:0;}
  .product-list2 .dd7 .imgW{width: 100%;left:0;top:0;}
  .product-list2 .dd8{width:100% !important;margin-right:0;}
  .product-list2 dd{margin-bottom:10px !important;}
  .product-list2 .text{font-size:16px;background-color: rgba(0,0,0,0.5); color: #FFFFFF !important; width: 100%; left:0 !important; bottom:0 !important;top:auto !important; margin:0 !important;padding:3px 6px;}
  .product-clients-list2 dd,.product-clients-list2{width: 100%;display:block;}
  .product-clients-list2 .div{padding-bottom:20px;}
  .product-clients-list2 dd{margin-bottom:20px;}
  .product-clients-list2 .text{padding:20px;}
  .product-clients-list1{margin-bottom:40px;}
  .product-clients-list1 a{width:29%; padding-bottom:17%;}
  .product-clients .t1{font-size:26px; margin-bottom:20px;}
  .product-list-box .product-item{width:44.5%;}
  .about-career .flex-be{display: block;}
  
  .about-career .t2{font-size:30px; line-height:1.4; margin-bottom:20px;}
  .about-career .con,.about-career-ul li{font-size:16px;}
  .about-news .imgW{width:30%; margin-right:4%;}
  .about-news .t1{font-size:20px;}
  .about-news .t2,.about-news .t3{font-size:14px;}
  .about-news .t2{margin:5px 0;}
  .about-news .t3{margin-bottom:6px;}
  .about-news .imga{margin-bottom:20px; padding-bottom:20px;}
}

@media (max-width:500px){
  .product-clients-list1 a{width:44.5%; padding-bottom:30%;}
  .product-list-box .our-product,.product-list-box .product-item{width: 100%;}
  .about-career-ul li,.about-career-ul{width: 100%;float: none;}
  .about-career .ab6-w2{width: 100%; margin-top:20px;}
  .about-career .t3{font-size:26px; margin:30px 0 20px;}
  .about-career-job dd{padding:16px 0;}
  .product-container{padding:36px 0;}
  .about-news .imga{display:block;}
  .about-news .imgW{width:100%; margin-right:0%;margin-bottom:10px;}
}