@charset "UTF-8";
html{
 font-size: 8.33vw;
}
@media screen and  (min-width:1200px){
 html{ font-size: 100px;}
}
@media screen and  (max-width:300px){
 html{ font-size:100px;}
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


body{ background: #fff; color: #333; font-size: 14px; line-height: 26px;}
.ctext{ float: left; width: 100%; padding-left: 70px;  padding-right: 70px;}
.w_1200{ max-width: 1200px; margin-left: auto; margin-right: auto; display:block; position: relative; z-index: 6;}
.w_1440{ max-width: 1440px; margin-left: auto; margin-right: auto; display:block; position: relative; z-index: 6;}


@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .6s !important
}

.iconfont {color: inherit}
.medium {font-family: medium}
footer {color: #fff;background: #1A2025}
footer a {color: #bbb}
footer a:hover {color: #fff}
footer .ftnavs {display: flex;}
footer .navitem {line-height: 30px; display: inline-block; min-width: 187px; margin-right: 16px;}
footer .navitem h4 {position: relative;margin-bottom:26px;font-size: 14px; line-height: 22px;}
footer .navitem .icon-jia {float: right;transition: .3s;display: none;margin-right: 10px}
footer .navitem .info a { color: #fff; color: rgba(255,255,255,0.7);display: block;font-size: 12px;line-height:24px; margin-top:10px;}
footer .navitem .info a:hover{ color: #fff;}


@media (max-width:1300px) {
footer .navitem{ min-width:100px; margin-right: 0.4rem;}
}
@media (max-width:1024px) {
footer .navitem {float: none;width: 100%; margin-right: 0;}
footer .ftnavs{ flex-wrap: wrap;}
footer .navitem .icon-jia {display: block}
footer .navitem h4 {position: relative;border-bottom: 1px solid #313131;height: 46px;line-height: 46px;margin: 0}
footer .navitem .info {display: none;padding: 10px 15px 0 15px;line-height: 2}
footer .navitem .info a {color: rgba(255, 255, 255, 0.8)}
footer .navitem h4.active .iconfont {transform: rotate(135deg)}
footer .navitem h4 {font-weight: normal}
footer .telbox {text-align: center;margin-bottom: .5rem}
footer .telbox .logo {display: none}
}



.menu_btn_wrap { float: right;position: relative; width:24px; height: 60px;}



.menu_btn {width: 50px;height: 60px;z-index: 101;cursor: pointer;left: 50%;top: 50%;position: absolute;transform-origin: center center;transform: translateY(-50%) translateX(-50%) scale(.8);-webkit-transform: translateY(-50%) translateX(-50%) scale(.8);-moz-transform: translateY(-50%) translateX(-50%) scale(.8);-ms-transform: translateY(-50%) translateX(-50%) scale(.8);-o-transform: translateY(-50%) translateX(-50%) scale(.8)}
.menu_btn i {position: absolute;width: 26px;height: 2px;background: #333;left: 12px;display: block;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out}
.menu_btn i:nth-of-type(1) {top: 20px}
.menu_btn i:nth-of-type(2) {top: 30px}
.menu_btn i:nth-of-type(3) {top: 40px;width: 14px}
.menu_btn.active i:nth-of-type(1) {-webkit-transform: rotate(225deg) translate(-7px, -7px);-moz-transform: rotate(225deg) translate(-7px, -7px);-ms-transform: rotate(225deg) translate(-7px, -7px);-o-transform: rotate(225deg) translate(-7px, -7px);transform: rotate(225deg) translate(-7px, -7px)}
.menu_btn.active i:nth-of-type(3) {opacity: 0}
.menu_btn.active i:nth-of-type(2) {-webkit-transform: rotate(-225deg) translate(0, 0);-moz-transform: rotate(-225deg) translate(0, 0);-ms-transform: rotate(-225deg) translate(0, 0);-o-transform: rotate(-225deg) translate(0, 0);transform: rotate(-225deg) translate(0, 0)}
.menu_btn:hover i:nth-of-type(3) {width: 28px}
.header {background: #fff;transition: all .4s ease 0s;width: 100%;z-index: 990;position: fixed;left: 0;right: 0;top: 0}
.header.active{ box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.08);}
.header .hdinner{ float: left; width: 100%; position: relative;}
.header .logo { float: left;margin:20px 0; line-height: 0;}
.header .logo img{ height:35px;}
@media  screen and (max-width: 1024px){
.header .logo{ margin:10px 0;}	
.header .logo img{ height:35px;}
.menu_btn_wrap{ height: 55px;}
}



.pc-menus {float:left;display: flex; margin-left:60px;}
.pc-menus li { margin:0 10px;text-align: center;transition: all .4s ease 0s}
.pc-menus .tit {white-space: nowrap;text-align: center;cursor: pointer;font-size:16px;display: block;transition: all .4s ease 0s;line-height: 75px;height: 75px;position: relative; color: #333333; padding:0 10px;}
.pc-menus .tit>.iconfont {font-size: 12px;margin-left: 5px}
.pc-menus .tit > .iconfont{display:inline-table; font-size: 14px; transform: rotate(90deg); -ms-transform: rotate(90deg); color: #383838;}
.pc-menus .tit::after {content: '';display: block;position: absolute;width: 0;left: 50%;bottom: 0;height: 3px;background: #018AEB;transform: translateX(-50%);transition: all .4s ease 0s}
.pc-menus .tit.active,
.pc-menus li:hover .tit { font-weight: bold;}
.pc-menus .tit.active > .iconfont,
.pc-menus li:hover .tit > .iconfont{ transform: rotate(-90deg); -ms-transform: rotate(-90deg);color: #333;}
.pc-menus .Active .tit{color: #018AEB; font-weight: bold;}
.pc-menus .Active .tit::after{width: 100%}
.pc-menus .Active .tit-home::after{width: 100%}



.hd-dropinfo {position: absolute; display: none;width: 100%;left: 0;top: 100%;z-index: 555;background: #fff; padding:12px 32px 20px 32px;box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.08); }
.hd-dropinfo .inners {position: relative;width: 100%;z-index: 222;display: -webkit-flex;display: flex;display: -webkit-box;display: box;margin-left: auto;margin-right: auto}
.hd-dropinfo .inners .imgbox {min-width: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: 0;background: #f1f1f1;transition: all .4s ease 0s}
.hd-dropinfo .nav{ display:inline-flex; width: 100%; margin:10px 0;}
.hd-dropinfo .nav a { font-size: 14px; line-height:20px;transition: all .4s ease 0s;text-align: left;position: relative;display: inline-flex;}
.hd-dropinfo .nav a:hover{ color:#018AEB ;}
.hd-dropinfo .nav a .icon-jiantou_r {position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.m-menus {width: 100%;height: 100vh;position: fixed;top:55px;right: -100%;background: #fff;overflow: hidden;line-height: 40px;font-size: 15px;z-index: 999;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease}
.m-menus .inner {height: calc((100vh - 50px));overflow-y: auto;border-top: 1px solid #e3e3e3;padding-bottom: 30px}
.m-menus .hd-tel {text-align: center;display: block;margin: 50px 0 0}
.m-menus .hd-tel .iconfont {font-size: 30px;margin-right: 10px;color: #333}
.m-menus a {color: #333}
.m-menus.active {right: 0}
.m-menus ul {overflow-y: auto;border-bottom: 1px solid #e3e3e3}
.m-menus .item:not(:first-child) {border-top: 1px solid #e3e3e3}
.m-menus .item {cursor: pointer;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;position: relative}
.m-menus .item .iconfont {position: absolute;right:15px;top: 50%;transform: translateY(-50%);font-size: 15px;color: #999;font-weight: bold;transition: .3s}
.m-menus .item>a,
.m-menus h5 {display: block;padding: 0 15px;line-height: 54px;color: #333;position: relative;font-size: 16px}
.m-menus .xs-dropinfo {display: none;background: rgba(0, 0, 0, 0.05);padding: 15px 30px;font-size: 14px}
.m-menus .xs-dropinfo a {color: #333;display: block;line-height: 40px}
.m-menus .trans {-webkit-transition: all .4s ease;
moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease}
.m-menus .open h5 {background: #018AEB;color: #fff;border-top: 0}
.m-menus .open h5 .iconfont {color: #fff}
.m-menus .open h5 .iconfont::before {content: "\e625"}
.m-menus .open h5>a,
.m-menus .open h5 p {font-weight: bold}
.m-menus .xs-dropinfo dl.br {border-right: 1px solid #ccc}
.m-menus .hd-tel {font-size: 26px;font-family: medium;color: #666}


.pagination {text-align: center;margin-top: .3rem;display: block}
.pagination li {margin: 0 5px}
@media (max-width:480px) {
.pagination li {margin: 0 2px}
.pagination li>* {padding: 5px 12px}
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover,
.pagination .active>span:hover,
.pagination .active>a:focus,
.pagination .active>span:focus {background: #018AEB;color: #fff;border: 0}
.pagination li>a,
.pagination li>span {float: none;display: inline-block;cursor: pointer;color: #333;border-radius: 0 !important;border: 0;background: #fdfdfd;padding: 10px 15px}
.sbtn {text-align: center}
.sbtn::after {display: none}


@keyframes _line{
    0%{ width:1%;}
    100%{ width:100%;}
}
@-ms-keyframes _line{
 0%{ width:1%;}
 100%{ width:100%;}
}

.index-banner { width: 100%; margin-top: 75px;position: relative;}
.index-banner .ryry04{bottom:22px; position: absolute; left: 0; z-index:6;}
.index-banner .swiper-pagination{display: flex; width: 100%;}
.index-banner .swiper-pagination-bullet {opacity: 1;transition: all .4s ease 0s;width: 32px;height: 24px; position: relative;display: block;background:none; margin: 0 8px 0 0 !important}
.index-banner .swiper-pagination-bullet:after{ display: block; width: 100%; height:4px;background: #fff; content: ''; position: absolute; left: 0; top:50%; margin-top: -2px; opacity: 0.5; z-index: 4;}
.index-banner .swiper-pagination-bullet::before{ display: block; width: 0%; height:4px;background: #018AEB; content: ''; position: absolute; left: 0; top:50%; margin-top: -2px; z-index:6;}
.index-banner .swiper-pagination-bullet-active:before{ animation:_line 6.5s;}
.index-banner .sbtn {color: #018AEB}
.index-banner .sbtn .iconfont {font-size: 36px}
.index-banner .sbtn .iconfont:hover {color: #018AEB}
.index-banner .swiper-button-prev {left: 8vw}
.index-banner .swiper-button-next {right: 8vw}
.index-banner .wel-banner-bg {z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.index-banner .swiper-slide { min-height:calc(200px + 2.25rem);background-size: cover !important;background-position: center;background-size: cover;background-repeat: no-repeat;text-align: center}
.index-banner .swiper-slide img {position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;width: 100%; max-width: none;}
.index-banner .content {position: absolute;    text-align: left;left:0%;top: 19.7%;z-index: 55}
.index-banner .textbox {color: #333;width: 100%}
.index-banner h5 {font-size:0.48rem; line-height:0.58rem; font-weight:400;margin-bottom:22px}
.index-banner .en {font-size: 20px; text-transform:uppercase;color: #666;margin-bottom:32px;line-height:28px;}
.index-banner .vmore {display: block;}
.index-banner .ani{ width: 52%;}
.index-banner .cont{ float: left; width: 100%; display: flex; flex-wrap: wrap;}

.h-banner h5,
.h-banner .en,
.h-banner .cont{ opacity: 0; transform:translateY(20px); -ms-transform:translateY(20px);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.h-banner .en{ -webkit-transition-delay:0.3s; transition-delay:0.3s;}
.h-banner .cont{ -webkit-transition-delay:0.6s; transition-delay:0.6s; transform:translateY(30px); -ms-transform:translateY(30px); }
.h-banner .swiper-slide-active h5,
.h-banner .swiper-slide-active .en,
.h-banner .swiper-slide-active .cont{ opacity: 1; transform:translateY(0); -ms-transform:translateY(0);}

.index-banner1 .content{ top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.index-banner1 .div{ min-height:calc(190px + 1.85rem);}
.index-banner1 .ani{ width: 52%;}
.index-banner1 .vmore.on{ margin-left: 12px; background:none; color: #018AEB;}
.index-banner1 .en1{ min-height:56px; color: #333;}

.index-banner2 h5{ color: #fff;}
.index-banner2 .en{ color: #fff; opacity: 0.8;}

.index-banner3 .ani{ width: 100%; text-align: center;}
.index-banner3 .en{ font-size: 26px; line-height: 34px; color: #333; margin-bottom: 0 !important; margin-top: 0.05rem;}

@media  screen and (max-width: 1440px){
.index-banner h5 { font-size:0.44rem; line-height:0.54rem;}
.index-banner .en{ font-size: 18px; line-height: 26px;}
.index-banner1 .en1{ min-height:52px;}
.index-banner3 .en{ font-size: 24px; line-height: 32px; }
}
@media  screen and (max-width: 1024px){
.index-banner{ margin-top:55px;}	
.index-banner .ryry04{ bottom:10px;}
}
@media  screen and (max-width: 767px){	
.index-banner .content{ top:18%;}
.index-banner h5{ font-size:17px; line-height: 27px; margin-bottom:5px;}
.index-banner .en{ font-size:13px; line-height:21px; margin-bottom: 15px;}
.index-banner .ani{ width:100%; text-align: center;}
.index-banner .cont{ justify-content:center;}
.index-banner1 .content{ top:50%;}
.index-banner1 .ani{ width:100%;}
.index-banner1 .en1{ min-height:42px;}

.index-banner3 .ani{ width: 100%;}
.index-banner3 h5{ font-size:24px; line-height: 32px;} 
.index-banner3 .en{ font-size:14px; line-height:22px; }

.index-banner4{ background:#f2f9ff;}
.index-banner4 .div{ display: flex; flex-wrap: wrap; flex-wrap:wrap-reverse; }
.index-banner4 .content{ position: relative; top: 0;transform: translateY(0); -ms-transform: translateY(0); margin: 35px 0;}
.index-banner4 .wel-banner-bg.visible-xs{ position: relative; height: auto;}

}

.vmore {border: 1px solid #018AEB;width:96px; background:#018AEB;height: 40px;line-height:38px; border-radius: 2px;font-size: 16px;text-align: center;display: inline-block;color: #fff;transition: all .4s ease 0s; padding-bottom: 1px;}
.vmore em {display: inline-block;background-repeat: no-repeat;background-position: right center}
.vmore:hover {background: #018AEB;border-color: #018AEB;color: #fff}
.vmore.on:hover {background: #018AEB;border-color: #018AEB;color: #fff}
.vmore.gray {color: #666;border-color: #666}
.vmore.gray em {background-image: url('images/arr_r_0.png')}
.vmore.gray:hover {background: #018AEB;color: #fff;border-color: #018AEB}
.vmore.gray:hover em {background-image: url('images/arr_r_f.png')}
.vmore.red {background: #018AEB;color: #fff;border-color: #018AEB}
.vmore.red em {background-image: url('images/arr_r_f.png')}
.vmore.red:hover {background: #333;border-color: #333}

@media (max-width:767px) {
.vmore {width:84px;height: 32px;line-height: 30px;text-align: center;font-size: 14px}
}

.vmore01 {
border: 1px solid #fff;width: 88px; height: 32px;line-height:29px;font-size: 14px;text-align: center;display: inline-block;color: #fff;
transition: all .4s ease 0s}
.vmore01 em {display: inline-block;background-repeat: no-repeat;background-position: right center}
.vmore01:hover {border-color: #018AEB;color: #fff; background: #018AEB;}
.vmore01.gray {color: #666;border-color: #666}
.vmore01.gray em {background-image: url('images/arr_r_0.png')}
.vmore01.gray:hover {background: #018AEB;color: #fff;border-color: #018AEB}
.vmore01.gray:hover em {background-image: url('images/arr_r_f.png')}
.vmore01.red {background: #018AEB;color: #fff;border-color: #018AEB}
.vmore01.red em {background-image: url('images/arr_r_f.png')}
.vmore01.red:hover {background: #333;border-color: #333}

@media (max-width:767px) {
.vmore01 {width: 120px;height: 36px;margin: 0px auto;line-height:34px;text-align: center;font-size: 14px}
}

.igood { padding-top:48px; padding-bottom:76px; }
@media screen and (max-width: 1024px) {
.igood { padding-top:30px; padding-bottom:35px; }
}



.ihd{ width: 100%; position: relative; z-index: 6; }
.ihd .h2{ line-height: 1;
    font-weight: bold;
    font-size: 40px;
    color: #222222;}
.ihd .en{line-height: 1;font-size:14px;font-family: medium;text-transform: uppercase;font-weight: bold;color: #999}
.ihd.tc {text-align: center}
@media  screen and (max-width: 767px){
.ihd .h2{font-size:calc(14px + 0.12rem); line-height:calc(20px + 0.14rem);}
}

.ienterprise {padding-top:48px; padding-bottom:76px;}
.ienterprise .bd { width: 100%; display:inline-block;margin-top:32px;}
.ienterprise .ul{ margin:-10px; display: flex; flex-wrap: wrap;}
.ienterprise li { float: left; width: 25%; padding:10px;}
.ienterprise li a { position: relative; min-height:100%;display: block; background-image: url('images/bg01.jpg'); background-size:cover; padding:51px 21px 1.54rem 21px;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08); text-align: left;position: relative;overflow: hidden;transition: .5s}
.ienterprise li a:hover {background-image: url('images/bg02.jpg');  background-size:cover; color:#018AEB;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08); }
.ienterprise li .p {font-size: 14px;  line-height:22px;color: #666; text-align: left;margin:19px 0 22px 0;}
.ienterprise li .ic {background-repeat: no-repeat;background-size: contain;background-position: center;width: 60px;height: 60px;display: block;margin: 0 auto 30px auto;line-height: 1.76}
.ienterprise li .ic.ic1 {background-image: url('images/ev_1.png')}
.ienterprise li .ic.ic2 {background-image: url('images/ev_2.png')}
.ienterprise li .ic.ic3 {background-image: url('images/ev_3.png')}
.ienterprise li .ic.ic4 {background-image: url('images/ev_4.png')}
.ienterprise li a:hover {box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1);}
.ienterprise li a:hover::after {width: 43px;height: 12px;background-image: url('images/arr2.png')}
.ienterprise li a:hover .ic1 {background-image: url('images/ev_1_f.png')}
.ienterprise li a:hover .ic2 {background-image: url('images/ev_2_f.png')}
.ienterprise li a:hover .ic3 {background-image: url('images/ev_3_f.png')}
.ienterprise li a:hover .ic4 {background-image: url('images/ev_4_f.png')}
.ienterprise li .tit{ display: inline-block; width: 100%; font-size: calc(14px + 0.1rem); font-weight: 500; line-height:calc(22px + 0.12rem); color: #333;}
.ienterprise li a:hover .tit{ color:#018AEB ;}

@media  screen and (max-width: 1024px){
.ienterprise{ padding-top:30px; padding-bottom:35px;}
.ienterprise .bd{ margin-top:20px;}
.ienterprise .ul{margin:-6px;}
.ienterprise li{ padding:6px;}
.ienterprise li a{ padding:20px 12px 35px 12px;}	
.ienterprise li .p{ font-size: 13px; margin:10px 0 12px 0;}
}
@media  screen and (max-width: 767px){
.ienterprise li{ width: 50%;}
}


.ilogos{ display:block;overflow: hidden;padding-top:48px;padding-bottom:42px; width: 100%;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f7f9fa 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f7f9fa 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f7f9fa 100%);
  background-image: linear-gradient(top, #fff 0%, #f7f9fa 100%);
}
.ilogos .bd {display: inline-flex;width: 100%;position: relative; flex-wrap: wrap; }
.stack-content{width:100%; margin-top:42px;}
.stack-row{display:flex;width: 100%;}
.stack-row2{width:calc(100% + 220px); margin:0 -110px;}
.stack-row .item{display:inline-flex;  min-width:220px; width:220px; line-height: 0; margin:14px 12px;}
.stack-row .item a{ display: block; position: relative; height: 64px;width: 100%; overflow: hidden; background: #fff;}
.stack-row .item a img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

@media  screen and (max-width: 1024px){
.ilogos{ padding-top:30px; padding-bottom:30px;}	
.stack-content{ margin-top:15px;}	
.stack-row2{display:inline-flex;width:calc(100% + 164px); margin:0 -82px;}
.stack-row .item{ min-width:164px;  width: 164px; line-height: 0; margin:5px 5px;}
.stack-row .item a{ height:48px;}
}


._stack-content{width:100%; margin:42px 0 25px 0; overflow: hidden;}
._stack-row{display:flex;width: 100%;}
._stack-row2{display:flex;}
._stack-row .item{display:inline-flex;  min-width:220px; width:220px; line-height: 0; margin:12px 12px;}
._stack-row .item a{ display: block; position: relative; height: 64px;width: 100%; overflow: hidden; background: #fff;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.04); }
._stack-row .item a img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

._stack-row3 ul{ display: flex;flex-wrap: wrap; width:-webkit-calc(100% + 24px); width:-moz-calc(100% + 24px); width:calc(100% + 24px); margin:0 -12px;}
._stack-row3 .item{ min-width:inherit; width:-webkit-calc(20% - 24px); width:-moz-calc(20% - 24px); width:calc(20% - 24px);}
._stack-row3 .item a{cursor: initial;}

@media  screen and (max-width: 1024px){
._stack-content{ margin:15px 0 -5px 0;}	
._stack-row2{display:inline-flex;}
._stack-row .item{ min-width:164px;  width: 164px; line-height: 0; margin:5px 5px;}
._stack-row .item a{ height:50px;}
._stack-row3 ul{ width:-webkit-calc(100% + 10px); width:-moz-calc(100% + 10px); width:calc(100% + 10px); margin:0 -5px;}
._stack-row3 .item{ min-width:inherit; width:-webkit-calc(20% - 10px); width:-moz-calc(20% - 10px); width:calc(20% - 10px);}
}
@media  screen and (max-width: 767px){
._stack-row3 .item{ min-width:inherit; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
._stack-row4 .item{ min-width:inherit; width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px);}
}


.inews {padding-top:48px; padding-bottom:117px;}
.inews .ihd {position: relative;}
.inews .ihd .vmore {position: absolute;right: 0;bottom: 0}
.inews .bd { margin-top:40px; display: inline-block; width: 100%;position: relative}
.inews .bd h4 {font-size: 24px;margin-bottom:14px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.inews .newsnav .item {cursor: pointer}
.inews .imgbox {position: relative}
.inews .imgbox .time {font-size: 16px;color: #999;margin-bottom: 5px}
.inews .imgbox .tit {font-size: 26px;display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin-bottom:40px}
.inews .imgbox .desc {font-size: 16px;padding:20px}
.inews .imgbox .img {display: block;overflow: hidden}
.inews .imgbox .coverimg {width: 100%;transition: all .4s ease 0s}
.inews .newsnav .date {padding: 0 30px;text-align: center;font-family: medium;line-height: 1}
.inews .newsnav .day {font-size: 30px;margin-bottom:14px;display: block}
.inews .newsnav li {border-top: 1px solid #dedede}
.inews .newsnav li:last-child {border-bottom: 1px solid #dedede}
.inews .newsnav .inner {display: -webkit-flex;display: flex;display: -webkit-box;display: box;-webkit-align-items: center;align-items: center;-webkit-box-align: center;box-align: center}
.inews .newsnav .info {min-width: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1}
.inews .newsnav .desc {overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis}
@media screen and (max-width: 1024px){
.inews{  padding-top:30px; padding-bottom:35px;}
.inews .bd{ margin-top:20px;}
}


.hdhd01{ color:#018AEB; font-weight:700; font-size:18px; line-height:200%;}
.hdhd02{ color:#666; font-weight:400; font-size:14px; line-height:200%;}
.phph01{ width:100%; line-height: 0; padding-bottom:44px;}
.kgkg01{ width:100%;}
.copyright{ text-align:center; padding:65px 0px 19px 0px; color:#fff; color: rgba(255,255,255,0.7);font-size: 12px; line-height: 18px;}
.copyright a{ color:#fff; color: rgba(255,255,255,0.7);}
.copyright a:hover{ color: #fff;}
.gaosheng{ width:100%; margin:20px 0 0 0; display:flex; flex-wrap: wrap; justify-content:center;}
.kgkg02{ width:25%; position:relative; float:left; padding:10px 10px;}
.kgkg002{ position:relative; float:left;margin:4px 4.1%; color:#fff; font-size:18px; line-height:28px;}
.kgkg002 img{ display: inline-block;vertical-align: top; width:18px; margin:4px 10px 0 0;}
.kgkg003{ position:relative; float:left;margin:4px 4.1%; color:#fff; font-size:18px; line-height:28px;}
.kgkg003 img{ display: inline-block;vertical-align: top; width:18px; margin:4px 10px 0 0;}
.kckc01{ width:100%;clear:both}
.kckc02{ position:relative; float:left; padding-top:47px;}
.kckc03{ width:256px; position:relative; float:right;padding-top:47px;}
.info01{ width:102px; position:relative; float:left;text-align: center; font-size: 12px; line-height: 18px;}
.info01 span{ color:#fff; color: rgba(255,255,255,0.7);}
.info01 i{ display: block; width: 100%; line-height: 0; margin-bottom: 8px;}
.info01-1{ margin-right: 32px;}
.gsgs01{ border-bottom: 1px solid #cfcfcf; font-size:18px; font-weight:500; line-height: 38px; width:100%; padding-bottom:10px; margin-bottom:12px; text-align: left; display: inline-block;}
.gsgs01 a{ display:inline-flex; justify-content: space-between; width: 100%;}
.gsgs02{ color:#018AEB !important; line-height:24px;}


@media  screen and (max-width: 1024px){
.kckc03{ width:100%; padding-top:25px; display: flex; justify-content: center;}
.info01-1{ margin-right:25px;}
.phph01{ padding-bottom: 20px; display: none;}
.copyright{ padding:20px 0 15px 0;}
.gaosheng{ margin:12px 0 0 0;}
.kckc02{ width: 100%; padding-top:20px;}
}
@media  screen and (max-width: 767px){
.kgkg002{ font-size:14px; line-height: 24px; margin:4px 8px;}	
.kgkg002 img{ width:18px; margin:2px 6px 0 0;}
.kgkg003{ font-size:14px; line-height: 24px; margin:4px 0;}	
.kgkg003 img{ width:18px; margin:2px 6px 0 0;}

}



/* 产品 */
.product{float: left; width: 100%;}
.proTop{float: left; width: 100%;}
.proTop::after{ content: ''; float:none;}
.proTop ul{margin:-10px; display: flex; flex-wrap: wrap;}
.proTop ul li{float: left; width:33%; padding:10px;}
.proTop .la{float: left; width:100%; position: relative; height: 100%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);}
.proTop .top{float: left; width: 100%; position: relative; overflow: hidden; background: #333;
 }
.proTop .top img{float: left; width: 100%; display: block;}
.proTop .top .title{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; padding: 0 15px; line-height: 50px; font-size: 20px; color: #fff;  margin-top: -25px;}
.proTop .down{float: left; width: 100%; padding:15px 20px 19px 20px;}
.proTop .down .p{float: left; width: 100%;}
.proTop .down .p a{float: left; width: 100%;  line-height:24px; font-size: 14px; color: #333; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; margin:8px 0;-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;  }
.proTop .down .p a:hover{ color: #018AEB;}



@media  screen and (max-width:1024px){
.proTop ul{ margin:-6px;}
.proTop ul li{padding:6px;}
.proTop .down{ padding: 12px 12px;}
.proTop .down .p a{ margin:2px 0;}
}
@media  screen and (max-width:767px){
.proTop ul li{ width: 100%;}
}

.bg06{ padding-top:40px; padding-bottom:46px;}
@media  screen and (max-width:1024px){
.bg06{ padding-top:30px; padding-bottom:30px;}
}


.dian04{ width:14px;}


.pro-center{width: 100%;height: auto;overflow: hidden;padding:36px 0 0 0;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:185px;box-sizing: border-box;border-right:1px solid #666; min-height: 350px;}
.pro-content{width: 100%;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{line-height:26px;font-size: 14px;text-align: right;cursor: pointer; color:#fff; color: rgba(255,255,255,0.7);padding: 12px 18px 12px 0;}
.pro-left .left-category ul li.on{color: #FFFFFF; border-right: 5px solid #018AEB;margin-right: -3px;}
.pro-left .left-category ul li:hover{color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{float: right;width:-webkit-calc(100% - 251px); width:-moz-calc(100% - 251px); width:calc(100% - 251px);}
.pro-right{display: none; min-height: 352px;}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 0.15rem #c6c6c6;transition: all .2s linear;}

.kjkj01{ display:inline-block;width:100%; color:#fff; font-size:calc(14px + 0.1rem); font-weight:500; line-height:1.4;}
.kjkj02{ display:inline-block;width:100%; color:#fff; font-size:14px; font-weight:400; line-height:20px;  margin-top: 16px;}
.kjkj03{ display:inline-block;width:100%; color:#fff; color: rgba(255,255,255,0.7); font-size:14px; font-weight:400; line-height:24px; margin:32px 0 48px 0;}

.sdbg01{ display:inline-block; color:#999; padding-right:14px;}


@media  screen and (max-width: 1024px){
.pro-left{ width: 170px; min-height: 300px;} 
.pro-left .left-category ul li{ padding:8px 15px 8px 0;}
.pro-right{ min-height: 300px;width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px);}
.pro-center{width: 100%;height: auto;overflow: hidden;padding:20px 0 0 0;}
.sdbg01{ padding-right: 8px;}
.kjkj02{ margin-top: 10px;}
.kjkj03{ margin:16px 0 24px 0;}
}
@media  screen and (max-width: 767px){
.pro-left{ width: 100%;border-right:0; border-bottom: 1px solid #666; min-height: inherit;}
.pro-left .left-category ul{ display:flex; white-space: nowrap; overflow-x: auto;}
.pro-left .left-category ul::-webkit-scrollbar{ display: none;}
.pro-left .left-category ul li{ margin-right:20px; padding:0 0 12px 0;}
.pro-left .left-category ul li.on{ margin-right: 20px;border-right:0;border-bottom:3px solid #018AEB;}
.pro-right{ width: 100%; min-height:inherit; margin-top: 20px;}

}

/**/
._renter{ position: fixed; right:0.32rem; bottom:80px; z-index: 12; display: flex; justify-content: center; align-items: center;width: 40px; height: 40px; background: #fff; border-radius:50%; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.10); cursor: pointer; opacity: 0; }
._renter i{ display: block; width:18px; height:18px; background: url(images/icon-renter.svg) center no-repeat; background-size:100% 100% !important;}
._renter:hover i{ background: url(images/icon-renter1.svg) center no-repeat;}
._renter.active{ opacity: 1;}
.dy-img{ line-height: 0; justify-content: center; align-items: center;}
.dy-img img{ object-fit:contain;}
.dy-text.w48{align-content: flex-start;}
.dy-text ._Tit{ margin-top:0.12rem;}
.dy-text .line{ display: flex; background:#018AEB; width:40px; height: 4px;}
.dy-text .p{ width:100%; display: flex; flex-wrap: wrap; position: relative; padding-left: 18px; margin: 4px 0;}
.dy-text .p::after{ display: flex; content: ''; position: absolute; left: 0; top:6px; border-radius: 50%; border:1px solid #018AEB; width: 8px; height:8px;}
.dy-text .p1{ display: flex; flex-wrap: wrap; position: relative; padding:0 12px 0 28px; width:28.5%; margin: 4px 0;}
.dy-text .p1::after{ display: flex; content: ''; position: absolute; left: 0; top:2px; width:16px; height:16px; background: url(images/ico1.png) center no-repeat; background-size: contain;}
.dy-text .p1:nth-child(2n){ margin-right:20%;}


.dy-text1 ._Tit{ color: #fff;}
.dy-text1 ._Text{ color: #fff; opacity: 0.7;}
.dy-text1 ._ico{ line-height: 0; margin:3px 6px 3px 0;width: 146px;background: #ffffff;border-radius: 2px;}
.dy-text1 ._ico img{ width:100%;}


@media  screen and (max-width: 1440px){
.dy-text .p1{ width: 35%;}	
.dy-text .p1:nth-child(2n){ margin-right:15%;}
}
@media  screen and (max-width: 1024px){
._renter{ width:34px; height: 34px; bottom:65px; right:15px;}	
._renter i{ width:16px; height:16px;}
.dy-text ._Tit{ margin-top:0;}
.dy-text .p1{ width: 50%;}	
.dy-text .p1:nth-child(2n){ margin-right:0%;}
.dy-text1 ._ico{ width: 120px;}
.dy-text2 ._Tit{ margin-top: 0;}
.mt_p20{ margin-top:20px;}

}


.dy-list1 ul{ display: flex; flex-wrap: wrap; margin:-0.1rem;}
.dy-list1 li{ display: flex; flex-wrap: wrap; width: 20%; justify-content: center; text-align: center; padding:0.1rem;}
.dy-list1 li .la{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; background: #fff; position: relative; height: 100%; padding: 0.44rem 0.2rem;box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.08); 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s; }
.dy-list1 li .ico{ width: 100%; height: 68px; line-height: 0;}
.dy-list1 li .ico img{ width:68px; height: 68px;}
.dy-list1 li ._Tit1{ margin-top: 0.3rem; text-transform:uppercase;}
.dy-list1 li ._Text{ margin-top: 0.15rem;}
.dy-list1 li .la:hover{box-shadow: 0px 2px 0.12rem 2px rgba(0,0,0,0.08);}

.dy-list1-1 li{ width: 25%;}
.dy-list1-1 li .la{ box-shadow:none;}

.dy-list1-2 li{ width: 25%;}
.dy-list1-2 li .la{ box-shadow:none; padding: 0.46rem 0.2rem 0.72rem 0.2rem;}
.dy-list1-2 li .ico{ height: 120px;}
.dy-list1-2 li .ico img{ width:120px; height: 120px;}
.dy-list1-2 li ._Tit1{ margin-top:2px; }

.dy-list1-3 li{ width: 25%;}
.dy-list1-3 li .la{ box-shadow:none;}


@media  screen and (max-width: 767px){
.dy-list1 ul{ margin:-7px -5px;}
.dy-list1 li{ width:50%; padding:7px 5px;}
.dy-list1 li .la{ padding:20px 10px; }
.dy-list1 li .ico{ height: 60px;}
.dy-list1 li .ico img{ width:60px; height: 60px;}
.dy-list1 li ._Tit1{ margin-top:15px;}
.dy-list1 li ._Text{ margin-top:8px;}

.dy-list1-0 li:last-child{ width: 100%;}
.dy-list1-0 .last .la{ min-height:80px;}
.dy-list1-0 .last .ico{ width: 60px; position:absolute; left:10px; top:50%; margin-top: -30px;}
.dy-list1-0 .last ._Tit1{ text-align:left; padding-left:70px; margin-top: 0;}
.dy-list1-0 .last ._Text{ text-align:left; padding-left:70px;}
.dy-list1-0 .last1 .la{ flex-wrap: nowrap; justify-content: center; align-items: center;}
.dy-list1-0 .last1 .ico{ width: 60px; margin-right: 10px;}
.dy-list1-0 .last1 ._Tit1{ width: auto; text-align: left; margin-top: 0;}

.dy-list1-2 li .la{ padding:10px 10px 30px 10px;}
.dy-list1-2 li .ico{ height: 100px;}
.dy-list1-2 li .ico img{ width:100px; height: 100px;}
.dy-list1-2 li ._Tit1{ margin-top:2px; }

.dy-list1-3 li .ico{ height: 56px;}
.dy-list1-3 li .ico img{ width:56px; height: 56px;}

}

.dy-list2 ul{ display: flex; flex-wrap: wrap; margin:-0.1rem;}
.dy-list2 li{ display: flex; flex-wrap: wrap; width:50%; padding:0.1rem;}
.dy-list2 li .la{ display: flex; width:100%; background: #fff; position: relative; height: 100%;box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.08); padding: 0.16rem 0.4rem 0.52rem 0.16rem;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;  
 }
.dy-list2 li .ico{ min-width:120px; width:120px; line-height: 0; overflow: hidden; margin-right:0.16rem;}
.dy-list2 li .ico img{ width: 100%;}
.dy-list2 li ._Tit1{ margin-top: 0.32rem; display: inline-flex; align-items: center; flex-wrap: wrap;}
.dy-list2 li ._Text{ margin-top: 0.2rem;}
.dy-list2 li .la:hover{box-shadow: 0px 2px 0.12rem 2px rgba(0,0,0,0.08);}
.dy-list2 li .play{ display: block; line-height: 0; margin-left: 0.1rem; cursor: pointer;}


@media  screen and (max-width: 767px){
.dy-list2 ul{ margin:-7px -6px;}
.dy-list2 li{ width:100%; padding:7px 6px;}
.dy-list2 li .la{ padding:20px 15px 20px 6px;}
.dy-list2 li .ico{ min-width:80px; width:80px; margin-right:6px;}
.dy-list2 li ._Tit1{ margin-top:0;}
.dy-list2 li ._Text{ margin-top:8px;}
}


.dy-list3 ul{ display: flex; flex-wrap: wrap; margin:-0.1rem;}
.dy-list3 li{ display: flex; flex-wrap: wrap; width: 33.33%; padding:0.1rem;}
.dy-list3 li .la{ display: flex; flex-wrap: wrap; width:100%; background: #fff; position: relative; height: 100%;box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.08);
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;  }
.dy-list3 li .ico{ width: 100%; line-height: 0; overflow: hidden; position: relative; padding-bottom: 51.7%;}
.dy-list3 li .ico img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.dy-list3 li .la:hover .ico img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.dy-list3 li .w100{ padding:0.24rem 0.2rem 0.31rem 0.2rem;}
.dy-list3 li ._Text{ margin-top: 0.12rem;}
.dy-list3 li .la:hover{box-shadow: 0px 2px 0.12rem 4px rgba(0,0,0,0.08);}

.dy-list3-1 li{ width:25%;}
.dy-list3-1 li .ico{ padding-bottom: 52%;} 
.dy-list3-1 li .w100{ padding:0.24rem 0.2rem 0.39rem 0.2rem;}


@media  screen and (max-width: 767px){
.dy-list3 ul{ margin:-7px -6px;}
.dy-list3 li{ width:100%; padding:7px 6px;}
.dy-list3 li .w100{ padding:20px 15px;}
.dy-list3 li ._Text{ margin-top:8px;}

.dy-list3-1 li .w100{ padding:20px 15px;}
}


.dy-list4 ul{ display: flex; flex-wrap: wrap; justify-content: center; width:calc(100% + 20px); margin:0 -10px;}
.dy-list4 li{ width: 20%; text-align: center; padding:10px;}
.dy-list4 li .ico{ width: 100%; line-height: 0;}
.dy-list4 li .ico img{ width: 88px; height: 88px;}

@media  screen and (max-width: 1024px){
.dy-list4 li{ width: 33.33%;}
}

.dy-list5{ overflow: hidden; position: relative; height:3.42rem;}
.dy-list5 ul{ display: flex; position: absolute; left: 0; top: 0;}
.dy-list5 li{ display: inline-flex; text-align: center; width: auto !important; padding:8px 12px; line-height: 0;}
.dy-list5 li img{ max-width: none; height:3.42rem;}

@media  screen and (max-width: 767px){
.dy-list5{ height:4.42rem;}	
.dy-list5 ul{width:calc(100% + 16px); margin:0 -8px;}
.dy-list5 li{ padding:8px 8px;}
.dy-list5 li img{ height:4.42rem;}
}

.dy-list6{ margin-top:0.82rem; margin-bottom: 0.08rem; position: relative;}
.dy-list6::after{ display: block; content: ''; position: absolute; left:-10%; top:127px; width:120%;height: 1px;border:1px solid;border-image: linear-gradient(90deg, rgba(1,138,235,0.00), #018aeb 15%, #018aeb 85%, rgba(1,138,235,0.00)) 2 2; z-index: 1;}
.dy-list6 ul{ display: inline-flex; width: 100%; z-index: 6;}
.dy-list6 li{  min-width:33.32%; width:33.32%; position: relative; z-index:6; margin-top:127px;}
.dy-list6 .la{ width: 100%; position: relative; padding:84px 17px 0 28px;}
.dy-list6 .la:after{ display: block; content:''; position: absolute; left:0; top:0; width:25px;height: 25px;background: #018aeb;border: 5px solid #ffffff;border-radius: 50%;box-shadow: 0px 2px 8px 0px rgba(1,138,235,0.20); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.dy-list6 .la::before{ display: block; content:''; position: absolute; left:11px; top:0;width:3px;height:127px; background: url(images/ico6.png) center no-repeat; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.dy-list6 .la ._Text1{ margin-top: 8px;
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
}
.dy-list6 .la ._Text1::-webkit-scrollbar {
 width:3px
}
.dy-list6 .la ._Text1::-webkit-scrollbar-track
{
background-color:#fff;
 border-radius:3px
}
.dy-list6 .la ._Text1::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#018aeb;
 border-radius:3px
}

.dy-list6 li:nth-child(2n){ margin-top: 0; margin-left: -16.66%; margin-right: -16.66%;}
.dy-list6 li:nth-child(2n) .la{ padding:0 17px 0 28px; height:127px;}
.dy-list6 li:nth-child(2n) .la:after{ top: auto; bottom: 0; transform: translateY(50%); -ms-transform: translateY(50%);}
.dy-list6 li:nth-child(2n) .la::before{ transform: rotate(0deg); -ms-transform: rotate(0deg);}
.dy-list6 li:nth-child(2n) .la ._Text1{ max-height:80px;}


@media  screen and (max-width: 767px){
.about2{ padding-top: 0 !important;}	
.dy-list6{ overflow: hidden;}	
.dy-list6::after{ top:7px; width: 100%; left: 0;}	
.dy-list6 li{  min-width:50%; width:50%; margin:0;}
.dy-list6 .la{ padding:20px 0 0 20px;}
.dy-list6 .la:after{width:16px;height: 16px;border:3px solid #ffffff; transform: translateY(0); -ms-transform: translateY(0); }
.dy-list6 .la::before{ left: 7px; width: 2px; height: 100px;}
.dy-list6 .la ._Text1{ margin-top:4px; font-size: 13px;}
.dy-list6 li:nth-child(2n){ margin:0;}
.dy-list6 li:nth-child(2n) .la{ padding:20px 0 0 20px; height:auto;}
.dy-list6 li:nth-child(2n) .la:after{ bottom: auto; top: 0; transform: translateY(0); -ms-transform: translateY(0);}
.dy-list6 li:nth-child(2n) .la::before{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.dy-list6 li:nth-child(2n) .la ._Text1{ max-height:inherit;}
}



.dyA{position: relative; overflow: hidden;}
.dy-hd ul{position: relative; border-bottom: 1px solid rgba(221,221,221,0.4);}
.dy-hd ul li{ color: #fff; font-size: 16px; line-height: 22px; color: #fff;color: rgba(255,255,255,0.70); display:block; position: relative; padding:0 0 16px 0; margin: 0 0.28rem; cursor: pointer;}
.dy-hd ul li::after{ display: block; content: ''; position: absolute; left:50%; bottom:-2px; z-index: 2; width:0; height: 3px; background: #fff; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.dy-hd ul li.on{color: #fff;}
.dy-hd ul li.on::after{ width:100%;}
.dy-bd{ position: relative;}
.dy-bd .div{ display: flex; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.dy-bd .div.on{ position: relative; z-index:2; opacity: 1;}
.dy-bg{ display: flex; flex-wrap: wrap; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.dy-bg .div{ display: flex; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;}
.dy-bg .div.on{ z-index:2; opacity: 1;}
@media  screen and (max-width: 767px){
.dy-hd{ margin-bottom:5px;}	
.dy-hd ul li{ font-size: 14px; padding:5px 0 12px 0; margin: 0 10px;}
}

._form{ width:756px; padding:48px 1rem 4px 30px;}
._form .lab{ display: flex; width: 100%; margin-bottom:0.2rem;}
._form .beizhu{ position: absolute; left:100%; top:0; color:red; font-size: 14px; line-height:32px; white-space: nowrap; margin-left:0.32rem;}
._form .name{ display: flex;font-size: 14px;color: #666666;line-height:34px; white-space: nowrap; margin-right:0.32rem; min-width:68px; justify-content: flex-end;}
._form .name span{ color:#FA3242; margin-right:5px;}
._form .num{ display: flex;font-size: 14px;color: #333;line-height:32px; margin-left: 12px;}
._form .line{ flex-wrap: nowrap; position: relative;border: 1px solid #999999;border-radius: 2px;}
._form .text{ background: #fff; width: 100%; height: 32px; line-height: 24px; padding: 4px 12px;font-size: 14px;color: #333;}
._form .submit{ width:calc(100px + 1rem); height:40px; line-height:36px;  border: 1px solid #018AEB; background: #018AEB; font-size:16px;color: #fff; margin-top: 0.2rem;background-position:right bottom;transition:all .5s ease;/* padding-bottom: 2px; */ border-radius: 2px;}
._form .submit:hover{ box-shadow:0px 2px 4px 0 rgba(0,0,0,0.08);}

._form ::-webkit-input-placeholder{color:#cccccc}
._form :-moz-placeholder{color:#cccccc}
._form ::-moz-placeholder{color:#cccccc}
._form :-ms-input-placeholder{color:#cccccc}

@media  screen and (max-width: 1024px){
._form{ width:100%; padding:25px 4px 0 0;}
._form .lab{ margin-bottom:20px;}
._form .beizhu{ left: auto; right:0; margin: 0; top:100%; line-height:20px; font-size:12px;}
._form .name{ min-width: 70px; width: 70px; margin-right: 12px;}
._form .submit{ margin-top:10px;}
}

._formD{ display:none; float: left; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index:1100;background: rgba(0,0,0,0.50);}
._formD .box{ float: left;width: 480px; position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index:1200; }
._formD .box .cont{ float: left;width: 100%; position: relative;background: #ffffff;border-radius: 4px;box-shadow: 0px 8px 20px 0px rgba(177,197,197,0.08); padding:48px 37px 37px 37px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
._formD .box ._close{ float: left;width:18px; line-height: 0; position: absolute; right:24px; top:16px; cursor: pointer;}
._formD .box .ico{ float: left;width: 100%; line-height: 0;}
._formD .box .ico img{ height: 48px;}
._formD .box .tit{ float: left;width: 100%; color:#303133; font-size: 18px; line-height:26px; margin:24px 0 8px 0;}
._formD .box .p{ float: left;width: 100%; color:#606266; font-size: 14px; line-height:22px;}
._formD .box .ok{ float: left; width:74px;height:32px;background:#018AEB;font-size: 14px;text-align: center;color: #fff;line-height:30px; margin-top:24px;border-radius: 2px; cursor: pointer;}

@media  screen and (max-width: 767px){
._formD .box{ width:280px;}
._formD .box ._close{ top:12px; right: 12px;}
._formD .box .cont{ padding:30px 20px;}
._formD .box .ico img{ height: 40px;}
._formD .box .tit{ margin: 15px 0 6px 0;}
._formD .box .ok{ margin-top: 15px;}
}



.fuWu1{ position: relative;}
.fuWu1::after{ display: block; content: ''; position: absolute; left: 50%; top:0; width: 1px; height: 100%;border: 1px solid;border-image: linear-gradient(180deg, #ffffff, #dddddd 44%, #ffffff) 1 1;}
.fuWu1 .div{ flex-wrap: nowrap; align-items:center; padding:0.44rem 0.8rem;}
.fuWu1 .div .img{ width:112px; min-width:112px; line-height: 0; margin-right: 0.32rem;}

@media  screen and (max-width: 1440px){
.fuWu1 .div{ padding: 0.44rem 0.6rem;}
}
@media  screen and (max-width: 1024px){
.fuWu1 .div{ width: 48%; padding:20px 0;}
.fuWu1 .div .img{ margin-right:12px;}
}
@media  screen and (max-width: 767px){
.fuWu1::after{ display: none;}	
.fuWu1 .div{ width: 100%;border:1px solid;border-image: linear-gradient(270deg, #ffffff, #dddddd 44%, #ffffff) 1 1; margin-top: -1px;}
.fuWu1 .div:first-child{ border-top:0; padding-top: 0;}
.fuWu1 .div:last-child{ border-bottom:0; padding-bottom: 0;}
}


.back1{ position: relative; overflow: hidden;}
.back1::after{ display: block; width: 50%; height:100%; content: ''; position: absolute; left: 50%; top: 0; background: #f8fbfd;}
.fuWuA{
  background-image: -webkit-linear-gradient(right, #f8fbfd 0%, #fff 100%);
  background-image: -moz-linear-gradient(right, #f8fbfd 0%, #fff 100%);
  background-image: -o-linear-gradient(right, #f8fbfd 0%, #fff 100%);
  background-image: linear-gradient(right, #f8fbfd 0%, #fff 100%);
}
.fuWu2{ margin-top: 0.73rem;  align-items: flex-start;}
.fuWu2 .text{ width:36.5%; padding: 0.24rem 0.5rem;}
.fuWu2 .img{ width: 51%; line-height: 0; text-align: center; margin:0 12.5% 0 0;}
.fuWu2 .div{ margin:0.28rem 0;}
.fuWu2 ._num{ width: 100%; color: #333; font-size:40px; line-height:47px;font-weight:700;}
.fuWu2 ._Tit2{ margin-top: 8px;}

@media  screen and (max-width: 1024px){
.fuWu2 .text{ width:36%; padding:0;}
.fuWu2 .img{ width: 64%; margin: 0;}
.fuWu2 ._num{ font-size:26px; line-height:34px;}
.fuWu2 ._Tit2{ font-size: 15px; margin-top:2px;}
}
@media  screen and (max-width: 767px){
.fuWu2 .text{ width:100%; padding:10px 0 0 0; justify-content: space-between;}
.fuWu2 .img{ width: 100%; margin: 0;}
.fuWu2 .div{ width: auto; max-width:32%; margin:10px 0 5px 0; flex-direction: column; text-align: center;}
.fuWu2 ._num{ width: auto;}
.fuWu2 ._Tit2{ width: auto;}
}


.job{display: inline-flex; width: 66%; flex-wrap: wrap;}
.job .div{ margin-top: 12px; margin-right: 0.4rem; line-height: 20px;}
.job ._Text:hover{ color:#018AEB;}
@media  screen and (max-width: 1440px){
.job{ width: 70%;}
}
@media  screen and (max-width: 1024px){
.job{ width:calc(100% + 15px); margin-top:3px;}
.job .div{ margin-top: 5px; margin-right: 15px;}
}


._fenbu1{ float:left;width:100%; line-height: 0;}
@media  screen and (max-width: 1024px){
._fenbu1{ margin-top:30px;}
}


._fenbu{ display: inline-flex; flex-wrap: wrap; width: 100%; height: 5.48rem; position: relative; line-height: 0;}
._fenbu .img{ max-width: none; width: 120%; display: block; position: absolute; left:50%; bottom:-0.72rem; z-index: 1; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
._fenbu .dl dd{ display: block; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 6; display: flex; justify-content: center; align-content: center; flex-direction: column; width:calc(70px + 0.2rem); height:calc(70px + 0.2rem); background: #018aeb; border-radius: 50%; text-align: center;}
._fenbu .dl dd::after{ display: block; content: ''; position: absolute; left:50%; top:50%; background: #018aeb; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:calc(70px + 0.36rem); height:calc(70px + 0.36rem); border-radius: 50%; opacity:0.2;}
._fenbu .dl dd ._Tit1{ position: relative; z-index: 6; color: #fff; font-size:calc(14px + 0.06rem); line-height: 1.2 !important;}
._fenbu .dl dd ._Text{ position: relative; z-index: 6;  color: #fff; margin-top:2px; line-height: 1.2 !important;}
._fenbu .dl dd:first-child{ width:calc(60px + 0.4rem); height:calc(60px + 0.4rem);}
._fenbu .dl dd:first-child::after{ width:calc(60px + 0.6rem); height:calc(60px + 0.6rem);}
._fenbu .dl dd:first-child ._Tit1{ font-size:calc(14px + 0.1rem);}
._fenbu .ul li{ display: block; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 6; display: flex; justify-content: center; flex-direction: column; text-align: center;}
._fenbu .ul li ._Tit2{ width:calc(40px + 0.24rem); height:calc(40px + 0.24rem); background: #fff; border-radius: 50%; border:0.04rem solid #018aeb; display: flex; justify-content: center; align-items: center;}
._fenbu .ul li ._Text{ margin-top: 10px;}

@media  screen and (max-width: 1440px){
._fenbu .img{ bottom:-0.56rem; width: 120%;}
}
@media  screen and (max-width: 767px){
._fenbu{ margin-top: 0 !important; height:10rem;}	
._fenbu .img{ bottom:-0.2rem; width:140%;}
._fenbu .dl dd{ width: 70px; height: 70px;}	
._fenbu .dl dd::after{ width: 80px; height:80px;}
._fenbu .dl dd ._Tit1{ font-size:14px; }	
._fenbu .dl dd ._Text{ font-size:12px; margin-top:0;}
._fenbu .dl dd:first-child ._Tit1{ font-size:14px;}
._fenbu .ul li ._Tit2{ font-size:12px; width:40px; height:40px;}	
._fenbu .ul li ._Text{ font-size:12px; margin-top: 5px; white-space: nowrap;}
}

/**/
.back{background: #f7f9fa;}
.w48{ display: inline-flex; flex-wrap: wrap; width: 48.4%;}
.w100{ display: inline-flex; width: 100%; flex-wrap: wrap;}
.LR{ justify-content: space-between;}
.RL{flex-direction:row-reverse;}
.lrC{ justify-content: center;}
.sxC{ align-items: center;}
.sxC1{ align-content: center;}
.mt16{ margin-top:16px;}
.mt20{ margin-top:20px;}
.mt24{ margin-top:24px;}
.mt30{ margin-top:30px;}
.mt32{ margin-top:32px;}
.mt48{ padding-top: 48px;}
.mt72{ padding-top: 72px;}
.mc44{ margin-top:44px;}
.mc48{ margin-top: 48px;}
.mc61{ margin-top: 61px;}
.mc90{ margin-top: 90px;}
.md43{ padding-bottom:43px;}
.md58{ padding-bottom: 56px;}
.md72{ padding-bottom: 72px;}
._Tit{ width: 100%; color: #333; font-size: calc(14px + 0.1rem); line-height: calc(22px + 0.12rem);font-weight: 500;}
._Tit1{ width: 100%; color: #333; font-size:18px; line-height:25px;font-weight: 500;}
._Tit2{ width: 100%; color: #333; font-size:16px; line-height:22px;font-weight: 500;}
._Text{ width: 100%; color: #666; font-size: 14px; line-height: 20px;}
._Text1{ width: 100%; color: #333; font-size: 14px; line-height:20px;}

@media  screen and (max-width: 1024px){
.w48{ width: 100%;}	
.mt16{ margin-top:8px;}
.mt20{ margin-top:10px;}
.mt24{ margin-top:10px;}
.mt30{ margin-top:15px;}
.mt32{ margin-top:15px;}
.mt48{ padding-top:30px;}
.mt72{ padding-top:35px;}
.mc44{ margin-top:25px;}
.mc48{ margin-top:25px;}
.mc61{ margin-top:25px;}
.mc90{ margin-top:25px;}
.md43{ padding-bottom:35px;}
.md58{ padding-bottom:35px;}
.md72{ padding-bottom:35px;}
._Tit{ font-size:15px; line-height: 23px;}
._Tit1{ font-size:15px; line-height:23px;}

}