a {text-decoration: none;color: #333;}
ul,li {padding: 0px; margin: 0px; list-style: none;}
.pc {display: block;}
.mobile {display: none;}


.rat-header-allinfo {width: 100%;padding: 15px 20px 0px;position: fixed;top: 0;left: 0;z-index: 999;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;-moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;-ms-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;-o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;}
.rat-header-allinfo.on {padding: 0;position: fixed;}
.rat-header-allinfo.open {top: -100px;}
.header_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #fff;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-ms-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;box-shadow: 0 2px 10px hsla(214, 3%, 49%, 0.3); border-bottom: 1px solid #eee;}
/* .rat-header-allinfo:hover .header_bg {opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);}
.rat-header-allinfo.on .header_bg {opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);} */
.header_con {width: 100%;position: relative;}
.logo {float: left;line-height: 65px;margin-left: 20px;position: relative;cursor: pointer;}
.logo img {height: 65px;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-ms-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;}
header .menuBtn {float: right;display: none;}
header .menuBtn .menuBtn_a {display: inline-block;vertical-align: middle;width: 38px;height: 55px;background: url(../images/menuBtn.png) no-repeat center;background-size: 70%;}
.rat-header-pclist {float: right;}
.rat-header-pclistother {font-size: 14px;padding: 0px;}
.rat-header-pclistother a {color: #666;text-shadow: none;}
.rat-header-pclistother a.dropdown-item {text-shadow: none;color: #666;}
.rat-header-allinfo.on .rat-header-pclistother a {color: #666;text-shadow: none;}
.rat-header-allinfo:hover .rat-header-pclistother a {color: #666;text-shadow: none;}
.rat-header-pclistother a:focus,.rat-header-pclistother a:hover {color: #666;}
.rat-header-search {width: 320px;}
.rat-header-search input {border: 1px solid;border-color: #295da8 !important;}
.rat-header-search button {background: #295da8 !important;}
.rat-header-pclistnav {padding: 0px;margin: 0px;}

.header-nav{padding: 0;margin: 0;}
.header-nav .nav-list li {padding-bottom: 15px;}
.rat-header-allinfo.on .header-nav .nav-list li {padding-bottom: 0px;}
.header-nav li{float: left;display: initial;color: #fff;letter-spacing: 1px;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-ms-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;-o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;}
.header-nav li>a{color: #333;text-shadow: none;}
.header-nav li span {display: block;width: 100%;height: 2px;position: relative;margin-top: 4px;}
.header-nav li span b {position: absolute;left: 50%;right: 50%;height: 2px;background: #295da8;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;-moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;-ms-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;-o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;}

.rat-header-allinfo .header-nav li:hover a {color: #295da8;}
.header-nav li:hover span b {left: 0;right: 0;}
.header-nav li .dropDown{display:none;position:absolute;z-index:999;left:50%;top:100%;padding:30px 0;width:100vw;text-align:center;overflow:hidden;background:#f0f0f0;transform:translateX(-50%);box-shadow: 0 2px 10px hsla(214, 3%, 49%, 0.3);}
.rat-header-allinfo .header-nav li .dropDown a{display:inline-block;padding:0 20px;text-align:center;font-size:1rem;color:#666;}
.rat-header-allinfo .header-nav li .dropDown a:hover{color:#295da8;}
.header-nav li .submenus{display:none;position:absolute;z-index:999;left:50%;top:100%;padding:45px 0;width:100vw;overflow:hidden;background:#f0f0f0;transform:translateX(-50%);box-shadow: 0 2px 10px hsla(214, 3%, 49%, 0.3);}
.header-nav li .submenus-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;justify-content:center;}
.header-nav li .submenus-list .item{display:list-item;margin:0 8px;width:25%;text-align:center;overflow:hidden;background:#fff;transition:all 1s; max-width: 250px;}
.header-nav li .submenus-list .item .pic{display:block;overflow:hidden;}
.header-nav li .submenus-list .item .pic img{display:block;width:100%;}
.header-nav li .submenus-list .item .tit{display:block;font-size:16px; padding: 10px; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:#f0f0f0 solid 1px;}
.header-nav li .submenus-list .item:hover{background:#295da8;}
.header-nav li .submenus-list .item:hover .tit{color:#fff;}

#nav_float {width: 100%;overflow: auto;position: fixed;background: white;top: 0;bottom: 0;z-index: 9999;left: -100%;padding-top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 30px;}
#nav_float a {color: #333;}
#nav_float.on {left: 0;}
#nav_float .nav_header {height: 40px;overflow: hidden;position: relative;}
#nav_float .nav_header .nav_title {height: 40px;line-height: 40px;font-size: 18px;text-indent: 15px;}
#nav_float .cate_box {overflow: hidden;}
#nav_float .cate_box .nav_cate1 {height: 40px;overflow: hidden;border-bottom: 1px dashed #ccc;}
#nav_float .cate_box .nav_cate1 .nav_cate1_title {font-size: 14px;font-weight: 600;line-height: 40px;position: relative;padding-left: 2%;cursor: pointer;}
#nav_float .cate_box .nav_cate1 em {background: url(../images/mobile_arrow.png) no-repeat;width: 15px;height: 10px;display: block;float: right;position: absolute;right: 2%;top: 50%;-webkit-transform: translate(0, -50%) rotate(270deg);-moz-transform: translate(0, -50%) rotate(270deg);-ms-transform: translate(0, -50%) rotate(270deg);transform: translate(0, -50%) rotate(270deg);-moz-background-size: 100%;background-size: 100%;}
#nav_float .cate_box .nav_cate1 .nav_cate1_title.on em {-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#nav_float .cate_box .nav_cate1 .nav_cate2 {padding-left: 6%;}
#nav_float .cate_box .nav_cate1 .nav_cate3 {font-size: 12px;margin: 0;height: 30px;overflow: hidden;line-height: 30px;}
#nav_float .cate_box .nav_cate1 .nav_cate3_a {position: relative;line-height: 30px;cursor: pointer;}
#nav_float .cate_box .nav_cate1 .nav_cate3_next .nav_cate3_a a {display: block;}
#nav_float .cate_box .nav_cate1 .nav_cate3_a.on em {-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#nav_float .cate_box .nav_cate1 .nav_cate2 .login_box {width: 187px;}

/* banner */
.rat-banner-all {width: 100%;margin-top: 100px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.rat-banner-all .f-center{ text-align:center; } 
.rat-banner-all .f-14{ font-size:14px; } 
.rat-banner-all .pcimg{ width:100%; height:auto; } 
.rat-banner-all .swiper-slide img{ display:block; width:100%; left:0; top:0; } 
.rat-banner-all .swiper-button-prev{ background-image:none; left:20px; top:50%; width:50px; height:50px; text-align:center; line-height:50px; color:#ffffff; border-radius: 50%; background-color:rgba(0, 0,0,0.5); transition:all .3s ease; } 
.rat-banner-all .swiper-button-next{ background-image:none; right:20px; top:50%; width:50px; height:50px; text-align:center; line-height:50px; color:#ffffff; border-radius: 50%; background-color:rgba(0, 0,0,0.5); transition:all .3s ease; } 
.rat-banner-all .swiper-button-next.swiper-button-disabled{ background-color:rgba(0, 0, 0, 0.3); } 
.rat-banner-all .swiper-button-prev.swiper-button-disabled{ background-color:rgba(0, 0, 0, 0.3); } 
.rat-banner-all .swiper-pagination-bullet{ width:12px; height:12px; background-color:#ccc; margin:0 14px; opacity:0.5; color:transparent; } 
.rat-banner-all .swiper-pagination-bullet-active{ opacity:1; width:42px; height:42px; line-height:42px; text-align:center; border:2px solid rgba(210, 210, 210, 0.4); background-color:transparent; color:#ccc; } 
.rat-banner-all .swiper-pagination-bullet-active .rightcircle{ -webkit-animation:circleProgressLoad_right 6s linear infinite; animation:circleProgressLoad_right 6s linear infinite; } 
.rat-banner-all .swiper-pagination-bullet-active .leftcircle{ -webkit-animation:circleProgressLoad_left 6s linear infinite; animation:circleProgressLoad_left 6s linear infinite; }
.rat-banner-all .wrapper_con {width: 21px;height: 42px;position: absolute;top: -2px;overflow: hidden;display: none;}
.rat-banner-all .swiper-pagination-bullet-active .wrapper_con{ display:block; }
.rat-banner-all .swiper-pagination{ font-size:0; } 
.rat-banner-all .swiper-pagination > span{ display:inline-block; vertical-align:middle; position:relative; } 
.rat-banner-all .swiper-container-rtl .swiper-button-next{ left:20px; } 
.rat-banner-all .swiper-container-rtl .swiper-button-prev{ right:20px; } 
.rat-banner-all .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:20px; } 
.rat-banner-all .swiper-pagination-custom{ bottom:5%; } 
.rat-banner-all .swiper-pagination-fraction{ bottom:5%; } 
.rat-banner-all .right{ right:-2px; } 
.rat-banner-all .left{ left:-2px; }
.rat-banner-all .circleProgress{ width:42px; height:42px; border:2px solid transparent; border-radius:50%; position:absolute; top:0; transform:rotate(-135deg); }
.rat-banner-all .rightcircle{ border-bottom:2px solid #ccc; border-left:2px solid #ccc; right:0; }
.rat-banner-all .leftcircle{ border-top:2px solid #ccc; border-right:2px solid #ccc; left:0; }
@keyframes circleProgressLoad_right { 0% { transform: rotate(45deg); } 50%, 100% { transform: rotate(225deg); } }
@keyframes circleProgressLoad_left { 0%, 50% { transform: rotate(45deg); } 100% { transform: rotate(225deg); } }
@keyframes bounce-down {
  25% {
    -webkit-transform: translateY(-10px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(10px);
  }
}

.rat-index-title {font-size: 42px; color: #333; padding: 0px; margin: 0px 0px 35px; letter-spacing: 10px; text-align: center;}
/* 棣栭〉鍏徃绠€浠 */
.rat-index-aboutall {padding: 80px 0px;margin: 0px;overflow: hidden;}
.rat-index-aboutimg {padding: 0px;margin: 0px 10% 0px 0px;border-radius: 20px;overflow: hidden; position: relative;}
.rat-index-aboutimg img {max-width: 100%;}
.rat-index-aboutimg a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background-position: center;background-repeat: no-repeat;background-image: url(../images/about-dot.png);background-color: rgba(0, 0, 0, .15);}
.rat-index-aboutinfo {padding: 0px;margin: 20px 0px;overflow: hidden;}
.rat-index-aboutinfo ul {padding: 0px;overflow: hidden;}
.rat-index-aboutinfo ul li {width: 25%;float: left;text-align: center;border-left: 1px #e3e3e3 solid;text-align: left;}
.rat-index-aboutinfo ul li:nth-child(1) {padding-left: 0;border: none;}
.rat-index-aboutnumbig p {font-size: 26px; color:#295da8; font-weight: bold;padding: 0px;margin: 0px;display: inline-block;}
.rat-index-aboutnumbig small {font-size: 14px;margin-left: 2px;}
.rat-index-aboutnumsmall {font-size: 14px;color: #666;margin-top: 8px;}
.rat-index-aboutbtn a,.rat-aboutus-newbtn,.rat-about-gybtn {background: #295da8; border: 0px;}
.rat-index-aboutbtn a:hover,.rat-aboutus-newbtn:hover,.rat-about-gybtn:hover {background: #295da8;}

/* 棣栭〉浜у搧涓庤В鍐虫柟妗 */
.rat-index-proall {background-color: #f0f0f0;padding: 80px 0px;margin: 0px 0px 0px;overflow: hidden;}
.rat-index-proinfolist {
  padding: 0px;
  margin: 0px 0px 30px;
}
.rat-index-proone {display: block;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;margin: 15px 10px;}
.rat-index-proone .img {background: #fff;padding: 15px;border-radius: 20px;border: 1px solid #eee;}
.rat-index-proone:hover .img {box-shadow: 0px 0px 10px rgba(111, 111, 111, 0.3);}
.rat-index-proone .img img {max-width: 100%;display: block;margin: auto;}
.rat-index-proone .img p {font-size: 16px;color: #333333;text-align: center;margin-top: 32px;}
.rat-index-proone .text {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;/* border-top: 1px solid #ececec; */padding: 15px 0;}
.rat-index-proone:hover .text {font-weight: 600;color: #295da8;}
.rat-index-proinfolist .owl-carousel .owl-nav button.owl-prev, .rat-index-proinfolist .owl-carousel .owl-nav button.owl-next, .rat-index-proinfolist .owl-carousel button.owl-dot {
  top: 40%;
  pointer-events: auto;
  text-align: center;
  position: absolute;
  z-index: 999!important;
  cursor: pointer;
  background: rgba(0,0,0,0.5);
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  width: 60px;
  height: 50px;
  padding-top: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.rat-index-proinfolist .owl-nav .owl-prev {left: 20px;border-radius: 10px;}
.rat-index-proinfolist .owl-nav .owl-next {right: 20px;border-radius: 10px;}
.rat-index-proinfolist .owl-nav .owl-prev i,.rat-index-proinfolist .owl-nav .owl-next i {font-size: 18px;}
.rat-index-proinfolist .owl-nav .owl-next:hover,.rat-index-proinfolist .owl-nav .owl-prev:hover {background: rgba(0,0,0,0.7);color: #fff}
.rat-index-promain {margin-bottom: 30px;border-radius: 20px;}
.rat-index-promain .solution-title{background: #295da8;}
.rat-pro-snameinfo {width: 100%;padding: 0px;margin: 0px;text-align: center;}
.rat-pro-snameinfo h3 {font-size: 18px; font-weight: 600; border: 2px dashed #fff; border-radius: 20px; height: 45px; line-height: 45px; display: inline-block; padding: 0px 50px;}
.rat-pro-snameinfo h3 a {color: #fff;}
.bg-color-0 {background: -webkit-linear-gradient(206deg, rgba(50, 226, 226, 1), rgba(12, 153, 255, 1), rgba(0, 123, 255, 1), rgba(145, 109, 220, 1), rgba(255, 134, 123, 1));color: #fff;border-radius: 20px 0px 0px 20px;}
.bg-color-1 {background: -webkit-linear-gradient(220.72deg, #5ce227 -14.05%, #34E3AF 20.83%, #00B3BE 64.89%, #615EFF 103.44%);color: #fff;border-radius: 0px 20px 20px 0px;}
.bg-color-2 {background-image: -webkit-linear-gradient(257.47deg, #FFBF1C -0.87%, #FF3A3A 25.89%, #FF123D 77.87%, #FF27C3 97.94%);color: #fff;border-radius: 20px 0px 0px 20px;}
.bg-color-3 {background-image: -webkit-linear-gradient(220.72deg, #8e83f1 -14.05%, #5143d9 20.83%, #41379e 64.89%, #892fc5 103.44%);color: #fff;border-radius: 0px 20px 20px 0px;}
.rat-index-promain .parallax-layer img {max-width: 100%;}
.rat-pro-snameinfo:hover h3 {background-color: #fff;border-color: #013490;}
.rat-pro-snameinfo:hover h3 a {background-image: -webkit-linear-gradient(206deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));-webkit-background-clip: text;color: #333;-webkit-text-fill-color: transparent;display: inline-block;background-clip: text;}

/* 瑙ｅ喅鏂规 */
.rat-index-prolistswiper {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 0px 0px 80px;
  position: relative;
}
.rat-index-prolistswiper .swiper-slide .slidedImg {
  width: 100%;
  border-radius: 20px;
}
.rat-index-prolistswiper .swiper-slide .infoBox {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 10%;
  background: #fff;
  -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
}
.rat-index-prolistswiper .swiper-slide-active .infoBox {
  -moz-animation: flipInY 1s ease 0.8s both;
  animation: flipInY 1s ease 0.8s both;
  -webkit-animation: flipInY 1s ease 0.8s both;
  opacity: 1;
}
.rat-index-prolistswiper .swiper-slide .infoBox .titlebox {
  border-left: 4px solid #295da8;
  padding-left: 45px;
}
.rat-index-prolistswiper .swiper-slide .infoBox .titlebox .title {
  font-family: syht-b;
  color: #333;
  line-height: 1;
  font-size: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.rat-index-prolistswiper .swiper-slide .infoBox .titlebox .title::after {
  width: 20px;
  background: #e5e5e5;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
}
.rat-index-prolistswiper .swiper-slide .infoBox .tebox {
  padding: 20px 0;
}
.rat-index-prolistswiper .swiper-slide .infoBox .te {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 4px;
  margin: 0 auto;
  color: #555555;
  overflow: auto;
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 50px;
}
.rat-index-prolistswiper .swiper-slide .infoBox .morebtn {
  position: relative;
  width: 180px;
  border: 1px solid #295da8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 13px;
  color: #295da8;
  cursor: pointer;
}
.rat-index-prolistswiper .swiper-slide .infoBox .morebtn .jtbox {
  width: 22px;
  height: 10px;
  position: absolute;
  left: 138px;
  background: url(../images/prolist-dot.png) no-repeat;
  background-position: right center;
}
.rat-index-prolistswiper .swiper-slide .infoBox .morebtn:hover .jtbox {
  -moz-animation: widths3 0.5s linear infinite alternate;
  animation: widths3 0.5s linear infinite alternate;
  -webkit-animation: widths3 0.5s linear infinite alternate;
}
.rat-index-prolistswiper .btn {
  width: 80px;
  height: 50px;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
}
.rat-index-prolistswiper .rat-index-proprev {
  left: 2%;
}
.rat-index-prolistswiper .rat-index-pronext {
  right: 2%;
}

.rat-index-prolistswiper .btn .btnBox {
  width: 32px;
  height: 8px;
  position: absolute;
  top: 20px;
}
.rat-index-prolistswiper .rat-index-proprev .btnBox {
  right: 24px;
  background: url(../images/proprev.png) no-repeat;
  background-position: left center;
}
.rat-index-prolistswiper .rat-index-pronext .btnBox {
  left: 24px;
  background: url(../images/pronext.png) no-repeat;
  background-position: right center;
}
@-webkit-keyframes widths3 {
  0% {
    width: 22px;
  }
  100% {
    width: 32px;
  }
}
@-moz-keyframes widths3 {
  0% {
    width: 22px;
  }
  100% {
    width: 32px;
  }
}
@keyframes widths3 {
  0% {
    width: 22px;
  }
  100% {
    width: 32px;
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
     opacity: 1;
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
     opacity: 1;
  }
}

/* 鍞悗鏈嶅姟 */
.rat-index-service {padding: 80px 0px;margin: 0px;background-color: #295da8;background-image: url(../images/circle.png);background-position: top;background-repeat: no-repeat;}
.rat-index-serviceone {padding: 6% 0px 0px;margin: 0px;text-align: center;}
.rat-index-serviceone h4 {font-size: 24px;font-weight: 600;padding: 0px;color: #fff;margin: 0px 0px 15px;}
.rat-index-serviceone p {padding: 0px;margin: 0px 0px 20px;font-size: 14px;color: #eee;line-height: 2;}
.rat-index-serviceone a {font-size: 14px;line-height: 3;padding: 0px 20px;margin: 0px; background-color: #fff;}
.rat-index-serviceone a:hover {background-color: #fff;}

/* 棣栭〉鏂伴椈 */
.rat-index-newsall {padding: 80px 0px; margin: 0px; overflow: hidden;}
.rat-index-newsimg {border-radius: 20px; padding: 0px; margin: 0px; overflow: hidden;}
.rat-index-newsimg img {width: 100%;}
.index_news {width: 100%;padding: 0px;margin: 0px;position: relative;}
.index_news ul {padding: 0;margin: 0;width: 100%;}
.index_news ul li {width: 100%;display: inline-block;margin: 0 5px;border-bottom: 1px solid #d9d9d9;}
.index_news li a {color: #333;}
.index_news li.cur,.index_news li:hover {border-bottom: 1px solid #295da8;}
.index_news ul li span {float: left;width: 14%;color: #333;}
.index_news ul li h5 {float: left;width: 16%;color: #333;margin: 0;padding-left: 16px;position: relative;}
.index_news ul li h5 i {width: 8px;height: 1px;position: absolute;top: 50%;left: 0;background: #666;}
.index_news ul li p {float: left;width: 67%;color: #333;margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news li.cur a h5,.index_news li.cur a p,.index_news li.cur a span,.index_news ul a:hover h5,.index_news ul a:hover p,.index_news ul a:hover span {color: #295da8;}

/* 棣栭〉鍏跺畠鏍忕洰 */
.rat-index-otherall {padding: 80px 0;margin: 0px;overflow: hidden;}
.rat-index-otherinfo {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: block;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.rat-index-otherimg {float: right;width: 50%;border-radius: 20px;position: relative;overflow: hidden;}
.rat-index-otherimg img {width: 100%;}
.ind2r_i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.common_tit {text-align: center;}
.common_tit h3 {font-size: 24px;color: #ffffff;}
.common_tit h5 {font-family: Candara;font-size: 24px;font-weight: bold;color: #ffffff;margin-top: 16px;}
.ind2r_i .video_btn {width: 140px;height: 38px;border: 2px solid #fff;padding-left: 34px;text-align: center;font-size: 12px;font-family: Candara;line-height: 34px;margin-top: 32px;position: relative;color: #fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn span {display: block;position: absolute;left: 0;top: 0;height: 34px;width: 36px;background: #fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn span::before {content: "";display: block;height: 0;width: 0;border: 6px solid transparent;border-left: 10px solid #295da8;border-right: 0;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn:hover {border-color: #295da8;color: #295da8;}
.ind2r_i .video_btn:hover span {background: #295da8;}
.ind2r_i .video_btn:hover span::before {border-left-color: #fff;}
.rat-index-othertxt {float: left;width: 50%;padding-right: 12px;}
.ind2l_i {width: calc(50% - 14px);float: left;margin-right: 13px;background: #ffffff;margin-top: 10px;text-align: center;padding: 23px 0 15px;border-radius: 20px;}
.ind2l_i:nth-child(-n + 2) {margin-top: 0;}
.ind2l_i .img {display: block;border-radius: 50%;width: 50px;height: 50px;border: solid 1px #000000;margin: auto;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ind2l_i:hover .img {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.ind2l_i h4 {margin-top: 16px;font-size: 16px;color: #000000;}
.ind2l_i h5 {margin-top: 8px;font-size: 12px;color: #999999;}
.ind2l_i .common_btn {border-radius: 2px;width: 150px;height: 50px;margin: 16px auto 0;}
.ind2l_i:hover .common_btn::after {opacity: 1;transform: translateX(10%) skew(-20deg);-webkit-transform: translateX(10%) skew(-20deg);-moz-transform: translateX(10%) skew(-20deg);-ms-transform: translateX(10%) skew(-20deg);-o-transform: translateX(10%) skew(-20deg);}

/* 搴曢儴瀵艰埅 */
.rat-footer-navall {position: relative;padding: 80px 0 30px;font-family: Normal;overflow: hidden;background-color: #f6f6f6;}
.rat-footer-navtitle {margin-bottom: 45px;text-align: center;}
.rat-footer-navtitle img {height: 80px;}
.rat-footer-navinfo {padding: 0px;margin: 0px;}
.rat-footer-navinfo ul {padding: 0px;margin: 0px;list-style-type: none;text-align: justify;}
.rat-footer-navinfo ul:after {content: "";display: inline-block;width: 100%;height: 0;}
.rat-footer-navinfo li {display: inline-table;font-size: 18px;margin-right: 40px;padding: 0px;}
.rat-footer-navinfo li p {font-size: 16px;font-weight: 600;}
.rat-footer-navinfo li dd {margin: 0px 3px;}
.rat-footer-navinfo li dd a {font-size: 14px;color: #333;}
/* 搴曢儴淇℃伅 */
.rat-footer-infoall {background: #295da8;padding: 75px 0 50px;}
.rat-footer-othernav {font-size: 16px;text-align: center;font-family: Normal;padding: 0px;margin: 0px;}
.rat-footer-othernav li {display: inline-block;padding: 0 40px;border-right: #fff 1px solid;}
.rat-footer-othernav li:last-child {border: none;}
.rat-footer-othernav li a {color: #fff;display: block;}
.rat-footer-followus {padding: 0px;margin: 30px 0px 50px;text-align: center;}
.rat-footer-followus li {display: inline-block;padding: 0 28px;}
.rat-footer-followus .wx {position: relative;}
.rat-footer-followus li:hover a {opacity: 0.7;}
.rat-footer-followus .wx:hover .wx_ewm {display: block;}
.wx_ewm {width: 100px;height: 100px;position: absolute;bottom: -100px;left: 50%;transform: translateX(-50%);display: none;}
.wx_ewm img {width: 100px !important;height: 100px !important;}
.rat-footer-bottominfo {line-height: 32px;color: #ebebeb;font-family: ExtraLight;text-align: center;text-shadow: 0px 0px 0px #fff, 1px 1px 1px #000;}
.rat-footer-bottominfo a {display: block;}
.rat-footer-bottominfo p {padding: 0px;margin: 0px;}
.rat-footer-bottominfo p span {margin: 0 15px;color: #fff;}
/* 宸︿笅瑙扸IS */
.rat-vis-all {position: fixed;right: 10px;bottom: 10px;padding: 0px;margin: 0px;width: 230px;height: 200px; z-index: 999;}
.rat-vis-mainimg {width: 150px;padding: 0px;margin: 0px;position: absolute;right: 0px;bottom: 0px;}
.rat-vis-mainimg .nohover {display: block;}
.rat-vis-mainimg .hover {display: none;}
.rat-vis-all:hover .rat-vis-mainimg .nohover {display: none;}
.rat-vis-all:hover .rat-vis-mainimg .hover {display: block;}
.rat-vis-bnt {width: 95px;height: 30px;line-height: 30px;border-radius: 5px;text-align: center;background-color: #295da8;border: 1px solid #fff;box-shadow: 0px 2px 3px #999;display: none;}
.rat-vis-all:hover .rat-vis-bnt {display: block;}
.rat-vis-bnt a {color: #fff;font-size: 14px;}
.rat-vis-bnt.bnt01 {position: absolute;top: 0px;right: 0px;}
.rat-vis-bnt.bnt02 {position: absolute;top: 30px;left: 20px;}
.rat-vis-bnt.bnt03 {position: absolute;top: 90px;left: 0px;}
.rat-vis-bnt.bnt04 {position: absolute;top: 150px;left: 0px;}

/* 鍐呴〉淇℃伅寮€濮 */
.rat-ny-banner {width: 100%;position: relative; margin-top: 100px;}
.rat-ny-banner .ban, .rat-ny-banner .ban img {width: 100%;}
.rat-ny-banner .ban img:last-child {display: none;}
.rat-ny-banner .ban_title {width: 100%; text-align: center;position: absolute;top: 45%; transform: translateY(-50%);}
.rat-ny-banner .ban_title h3 {width: 100%; color: #fff; font-weight: 600; padding: 0px; margin: 0px 0px 10px; overflow: hidden; display: block;}
.rat-ny-banner .ban_title.color333 h3 {color: #333;}
.rat-ny-banner .ban_title p {width: 100%; color: #ddd;font-weight: 500; line-height: 1.2; padding: 0px; margin: 0px; overflow: hidden; display: block;}
.rat-ny-banner .ban_title.color333 p {color: #999;}
.rat-breadcrumb-info {background-color: #fff;}
.rat-breadcrumb-info .breadcrumb {margin: 0px;}
.rat-ny-mainall {padding: 30px 0px 60px;margin: 0px;overflow: hidden; background-color: #fff;}
.rat-ny-title {font-family: Light;text-align: center;}

/* 鍏充簬鎴戜滑 */
.rat-ny-maintitle {padding: 0;margin: 0px 0px 40px;position: relative;}
.rat-ny-maintitle h3 {font-weight: 300;font-size: 2rem;color: #000;letter-spacing: 2px;line-height: 1.40625;padding: 0px;margin: 0px 0px 5px;}
.rat-ny-maintitle:after {content: "";display: block;width: 65px;height: 1px;background: #000;position: absolute;bottom: -10px;left: 0;}
.rat-ny-editor {font-size: 16px;line-height: 2;padding: 0px;margin: 0px;overflow: hidden;}
.rat-ny-editor img {max-width: 100%;}

/* 鍏徃绠€浠 */
.rat-aboutus-newmain {padding: 0px;margin: 0px;overflow: hidden;}
.rat-aboutus-newimg {width: 50%;border-radius: 20px;position: relative;overflow: hidden;}
.rat-aboutus-newimg img {width: 100%;}
.rat-aboutus-newimg .textbox {width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.5);padding: 5% 0;}
.rat-aboutus-newimg .textbox .numbox {color: #fff;float: left;width: 25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0px 0px 0px 5%;}
.rat-aboutus-newimg .textbox .numbox .smte {font-size: 16px;margin-bottom: 15px;}
.rat-aboutus-newimg .textbox .numbox .num {font-size: 16px;}
.rat-aboutus-newimg .textbox .numbox .num .big {font-size: 32px;line-height: 45px;font-family: bebas;}
.rat-aboutus-newinfo {position: relative;width: 50%;background: #f0f1f2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 3.409%;}
.rat-aboutus-newtxt {line-height: 2;color: #333333;}
.rat-aboutus-newbtn {position: absolute;right: 40px;bottom: -28px;}
.rat-aboutus-usainfo {right: auto; left: 30px;}


/* 鑽ｈ獕璧勮川 */
.rat-about-honorinfo {animation: ysfadeInUp .5s ease-in-out both;animation-delay: .2s; position: inherit; overflow: hidden;}
.rat-about-honorinfotwo { position: relative;}
.rat-about-honorbox  {padding-bottom: 25px;flex-wrap: nowrap;margin: 0 0px;}
.rat-about-honorbox li {  padding: 0 0px;}
.rat-about-honoroneinfo {display: block;width: 100%;position: relative;}
.rat-about-honoroneimg {overflow: hidden;width: 100%;border-radius: 16px;margin-bottom: 30px; padding: 5px; background-color: #f0f0f0; text-align: center;}
.rat-about-honoroneimg img {transition: all .36s ease; height: 260px;}
.rat-about-honoronetxt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;background: rgba(0, 74, 186, 0.9);z-index: 10;display: flex;align-items: center;transition: all 0.36s;opacity: 0;}
.rat-about-honoronetxt p {width: 100%;font-size: 22px;color: #fff;line-height: 1.5;text-align: center;padding: 0 20%;margin: 0px;font-weight: normal;}
.rat-about-honorinfotwo .swiper-scrollbar {bottom: 10px;}
.rat-about-honorinfotwo .swiper-scrollbar {position: absolute;left: inherit;bottom: 10px;z-index: 50;height: 2px;width: 100%;right: 0;}
.rat-about-honorinfotwo .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: #004ABA !important;border-radius: 10px;left: 0;top: 0;}
.rat-about-honorinfotwo .swiper-button-next {opacity: 1;z-index: 10;right: -50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);}
.rat-about-honorinfotwo .swiper-button-prev {opacity: 1;z-index: 10;left: -50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);}
.rat-about-honorinfotwo .swiper-button-next:after, .rat-about-honorinfotwo .swiper-button-prev:after {color: #004ABA;font-size: 20px;}
.rat-about-honorline {position: absolute;bottom: 6px;left: 25px;width: 1px;height: 12px;background: #004ABA; display:none;}
.rat-about-honorbox li:hover .rat-about-honoronetxt {opacity: 1;}

/* 鍙戝睍鍘嗙▼ */
.he_banten {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.he_bantd {
  width: 50px;
  cursor: pointer;
}
.he_bantd.slick-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.he_bantd img {
  width: 100%;
}
.he_bantdri {
  margin-left: 25px;
}
.he_bantdle img {
  transform: rotate(180deg);
}
.he_b1p4un {
  width: 100%;
  position: relative;
  padding-top: 15px;
}
.he_b1p4sli {
  width: 100%;
  position: relative;
  display: none;
}
.he_b1p4sli:first-child {
  display: block;
  opacity: 1;
}
.he_b1p4seq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.he_img {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.he_img1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.he_b1p4sle {
  width: 48%;
  position: relative;
}
.he_b1p4sle img {
  border: 1px solid #eee;
  border-radius: 16px;
}
.he_b1p4sri {
  width: 52%;
  padding-left: 5.5%;
  padding-bottom: 165px;
}
.he_b1p4rn .g_title4 {
  font-weight: bold;
  line-height: 1.5;
  color: #161616;
}
.he_b1p4rn {
  margin-bottom: 20px;
}
.he_b1p4rp p {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 10px;
}
.he_b1p4sh {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.he_b1p4kj {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  right: 0;
  align-items: flex-end;
  width: 52%;
  padding-left: 5.5%;
  justify-content: space-between;
}
.he_b1p4kri p {
  font-size: 170px;
  line-height: 1;
  color: #EBEBEB;
  font-family: 'poppinsbold' !important;
}
.he_b1p4kp1 p {
  font-size: 16px;
  line-height: 1.5;
  color: #161616;
}
.he_b1p4kle {
  margin-bottom: 15px;
}
.he_b1p4sul {
  width: 100%;
  position: relative;
  z-index: 10;
  display: none;
}
.he_b1p4sul:first-child {
  display: block;
}
.he_b1p4sli {
  /* opacity: 0; */
  -webkit-transition: opacity .5s ease-out, -webkit-transform 1s ease-out !important;
  transition: opacity .5s ease-out, -webkit-transform 1s ease-out !important;
  transition: opacity .5s ease-out, transform 1s ease-out !important;
  transition: opacity .5s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out !important;
  will-change: transform;
}
.he_b1p4sli.slick-current {
  opacity: 1;
}
.he_b1p4up {
  width: 100%;
}
.he_b1p4ukul {
  border-top: 1px solid #D8D8D8;
  padding-left: 30px;
  padding-right: 30px;
}
.he_b1p4ukg {
  text-align: center;
}
.he_b1p4ukg p {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  transition: all 0.36s;
  display: inline-block;
  position: relative;
  padding-top: 28px;
  cursor: pointer;
  font-family: 'poppinsmedium' !important;
  margin: 0px;
}
.he_b1p4ukg p::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background: #004ABA;
  transition: all 0.36s;
  opacity: 0;
}
.he_b1p4ukul {
  width: 100%;
}
.he_b1p4ukli.slick-current .he_b1p4ukg p::after {
  width: 100%;
  opacity: 1;
}
.he_b1p4ukul .slick-arrow {
  top: 20px;
  bottom: 5px;
  transform: inherit;
  z-index: 10;
}

.he_b1p4ukul .slick-next {
    width: 35px;
    height: 35px;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);}
.he_b1p4ukul .slick-prev {
    width: 35px;
    height: 35px;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);}
.he_b1p4susp {
  width: 100%;
  position: relative;
}
.he_b1p4srh {
  position: relative;
  z-index: 10;
  pointer-events: none;
}
.he_b1p4ukli {
  display: none;
}
.he_b1p4ukli:first-child {
  display: block;
}

/* 鍏泭浜嬩笟 */
.char-box {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.char-item {width: 49%;box-sizing: border-box;background: #fff;box-shadow: 0 0.3125rem 1.5625rem 0.625rem rgba(0,0,0,.05);border-radius: 15px;overflow: hidden;margin-bottom: 2.0833vw;position: relative;}
.char-item .photo {width: 100%;overflow: hidden;border-radius: 4px 4px 0 0;}
.char-item .photo .fit-img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 4px 4px 0 0;transition: all 1s ease-in-out;}
.char-item:hover .photo .fit-img {transform: scale(1.05);}
.char-item .info {padding: 1.3021vw 1.5625vw 2.8646vw;}
.char-item .info .title {font-weight: 300;color: #000;line-height: 1.667;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.char-item .info .desc {margin-top: .2604vw;font-weight: 300;font-size: .875rem;color: #777;line-height: 1.86;height: 3.25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.char-item:after {content: "";display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;transition: width .3s;background-color: #295da8;}
.char-item:hover:after {content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;}
.rat-gysy-item {width: 100%;box-sizing: border-box;display: block;background: #fff;box-shadow: 0 0.3125rem 1.5625rem 0.625rem rgba(0,0,0,.05);border-radius: 15px;overflow: hidden;margin-bottom: 2.0833vw;position: relative;}
.rat-gysy-item .photo {width: 100%;overflow: hidden;border-radius: 4px 4px 0 0;}
.rat-gysy-item .photo .fit-img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 4px 4px 0 0;transition: all 1s ease-in-out;}
.rat-gysy-item:hover .photo .fit-img {transform: scale(1.05);}
.rat-gysy-item .info {padding: 10px 10px 15px;}
.rat-gysy-item .info .title {font-weight: 300;color: #000;line-height: 1.667;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rat-gysy-item .info .desc {margin-top: .2604vw;font-weight: 300;color: #777;line-height: 1.86;height: 3.25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.rat-gysy-item:after {content: "";display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;transition: width .3s;background-color: #295da8;}
.rat-gysy-item:hover:after {content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;}

/* 鍏徃鐜 */
.rat-about-environmentall {position: relative;padding: 0px 0;margin-top: 30px;}
.rat-about-environmentone {display: block;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;margin: 0px;}
.rat-about-environmentone .img {background: #fff;padding: 5px;border-radius: 20px;border: 1px solid #eee;}
.rat-about-environmentone:hover .img {box-shadow: 0px 0px 10px rgba(111, 111, 111, 0.3);}
.rat-about-environmentone .img img {max-width: 100%;display: block;margin: auto;border-radius: 20px;}
.rat-about-environmentone .img p {font-size: 16px;color: #333333;text-align: center;margin-top: 32px;}
.rat-about-environmentone .text {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;/* border-top: 1px solid #ececec; */padding: 15px 0;}
.rat-about-environmentone:hover .text {font-weight: 600;color: #295da8;}
.rat-about-environmentall .owl-carousel .owl-nav button.owl-prev, .rat-about-environmentall .owl-carousel .owl-nav button.owl-next, .rat-about-environmentall .owl-carousel button.owl-dot {
  top: 45%;
  pointer-events: auto;
  text-align: center;
  position: absolute;
  z-index: 999!important;
  cursor: pointer;
  background: rgba(0,0,0,0.5);
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  width: 35px;
  height: 35px;
  padding-top: 0px;
  transform: translateY(-50%);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.rat-about-environmentall .owl-nav .owl-prev {left: -50px;border-radius: 50%;}
.rat-about-environmentall .owl-nav .owl-next {right: -50px;border-radius: 50%;}
.rat-about-environmentall .owl-nav .owl-prev i,.rat-about-environmentall .owl-nav .owl-next i {font-size: 18px;}
.rat-about-environmentall .owl-nav .owl-next:hover,.rat-about-environmentall .owl-nav .owl-prev:hover {background: rgba(0,0,0,0.7);color: #fff}
/* 鍥剧墖鏀惧ぇ */
.toast-close {text-align: center;position: absolute;bottom: -100px;width: 100%; }
.toast-close i {width: 60px;height: 60px;cursor: pointer;display: inline-block;background-image: url("../images/close01.png");background-repeat: no-repeat;background-size: cover; }
.intro-cover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100001;background: rgba(0, 0, 0, 0.9);display: none; }
.intro-cover .intro-bigPic {max-width: 70%;width: 100%; text-align: center;left: 50%;top: 50%;transform: translate(-50%, -56%);position: absolute; }
.intro-cover .intro-bigPic img {max-width: 100%;}

/* 鐢ㄦ埛鏁呬簨 */
.rat-care-box {padding: 0px 5% 2.25rem;}
.rat-care-box .bimg-box {margin-top: 0px;position: relative;}
.rat-care-box .bimg-tab {overflow: hidden;position: relative;}
.rat-care-box .bimg-tab .swiper-slide .img {position: relative;}
.rat-care-box .bimg-tab .swiper-slide .img img {width: 100%;}
.rat-care-box .bimg-tab .swiper-slide .img:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: .68;filter: alpha(opacity=68);}
.rat-care-box .bimg-tab .swiper-slide .text {font-size: .5rem;line-height: .6rem;color: #1a1a1a;text-align: center;margin-top: 1rem;opacity: 0;filter: alpha(opacity=0);}
.rat-care-box .bimg-tab .swiper-slide-active {cursor: default;}
.rat-care-box .bimg-tab .swiper-slide-active .img:before {opacity: 0;filter: alpha(opacity=0);}
.rat-care-box .bimg-tab .swiper-slide-active .text {opacity: 1;filter: alpha(opacity=100);}
.rat-care-box .simg-tab {width: 48.4375%;margin: .7rem auto 0;padding-top: 1.75rem;border-top: 1px solid #231f20;overflow: hidden;}
.rat-care-box .simg-tab .swiper-slide {width: 12.8371%;margin-right: 1.7%;position: relative;border-radius: 4px;overflow: hidden;}
.rat-care-box .simg-tab .swiper-slide:last-child {margin-right: 0;}
.rat-care-box .simg-tab .swiper-slide:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: .5;filter: alpha(opacity=50);transition: all .3s;}
.rat-care-box .simg-tab .swiper-slide img {width: 100%;}
.rat-care-box .simg-tab .swiper-slide.cur:before {opacity: 0;filter: alpha(opacity=0);}
.rat-care-box .prev,.rat-care-box .next {position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -30px;background-repeat: no-repeat;background-position: center;background-size: 10px;background-color: #de0245;border-radius: 100%;z-index: 3;}
.rat-care-box .prev {background-image: url('../images/talk-prev.png');left: 1%;}
.rat-care-box .next {background-image: url('../images/talk-next.png');right: 1%;}
.rat-care-box .swiper-button-disabled {display: none;}

/* 浜у搧绯诲垪鍒楄〃 */
.rat-pro-iteminfo {
  margin: 0px 0px 35px;
  padding: 0px;
  border-radius: 20px;
  box-shadow: 0 0 10px #ddd;
  overflow: hidden;
}
.rat-pro-iteminfo a {display: flex;}
.rat-pro-iteminfo:nth-child(2n) a{flex-direction: row-reverse}
.rat-pro-iteminfo .rat-pro-itemconl {
  width: 50%;
  background: #eeeffa;
  transition: .4s all ease;
}
.rat-pro-iteminfo:hover .rat-pro-itemconl {
  background: url(../images/n_fa1_10.jpg);
}
.rat-pro-iteminfo .rat-pro-itemtext {
  padding: 80px 70px;
}
.rat-pro-iteminfo .rat-pro-itemtitle {
  color: #333333;
  font-size: 30px;
  margin-top: 30px;
  transition: .4s all ease;
}
.rat-pro-iteminfo .rat-pro-itemtext p {
  color: #474747;
  font-size: 16px;
  line-height: 35px;
  margin-top: 20px;
  transition: .4s all ease;
}
.rat-pro-iteminfo:hover .rat-pro-itemtitle, .rat-pro-iteminfo:hover .rat-pro-itemtext p { color: #fff;}
.rat-pro-iteminfo .rat-pro-itemmore {
  display: block;
  width: 180px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  margin-top: 30px;
  background-image: linear-gradient(to right, #f9c40c, #e17626);
}
.rat-pro-iteminfo .rat-pro-itemconr {
  width: 50%;
}
.rat-pro-iteminfo .rat-pro-itemimg {
  height: 100%;
  overflow: hidden;
}
.rat-pro-iteminfo .rat-pro-itemimg .g_bg {
  padding-top: 68%;
  height: 100%;
  transition: .8s all ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.rat-pro-iteminfo:hover .g_bg {
  transform: scale(1.08);
}

/* 浜у搧璇︽儏 */
.rat-pro-detailstop {position: relative;overflow: visible;background-repeat: no-repeat;}
.rat-pro-detailstop>img {width: 100%; height: 60vh; position: absolute;display: none;}
.rat-pro-detailstopinfo {color: #fff;padding: 0px;margin: 0px;position: relative;overflow: hidden;}
.rat-pro-detailstopinfo span {display: inline-block;vertical-align: top;padding: 0 25px;line-height: 2.2em;border-radius: 2.2em;border: 2px solid rgba(255, 255, 255, 0.3);box-sizing: content-box;}
.rat-pro-detailstopinfo h1 {font-size: 36px;margin-top: .8rem;line-height: 1.15;}
.rat-pro-detailstopinfo p {padding-top: .5rem;  position: relative;  color: #c8faff;  width: 100%;  line-height: 1.875;  margin-top: .2rem;}
.rat-pro-detailsimages {margin: 120px 0px 0px;padding: 0px;position: relative;overflow: hidden;}
.rat-pro-detailsimages img {max-width: 100%;}
.rat-pro-detailsswiper .swiper-button-prev, .rat-pro-detailsswiper .swiper-button-next {width: 35px;height: 35px;border-radius: 50%;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.rat-pro-detailsswiper .swiper-button-prev:hover, .rat-pro-detailsswiper .swiper-button-next:hover {background-color: #e01a22;transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);border-color: #e01a22;}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}
.rat-pro-detailsswiper .swiper-button-prev {background-image: url(../images/3-1.png);}
.rat-pro-detailsswiper .swiper-button-prev:hover {background-image: url(../images/3-1-01.png);}
.rat-pro-detailsswiper .swiper-button-next {background-image: url(../images/3-2.png);}
.rat-pro-detailsswiper .swiper-button-next:hover {background-image: url(../images/3-2-01.png);}

/* 鏂伴椈涓績 */
/* 鏂伴椈棣栭〉鏁堟灉 */
.rat-news-indextitle {font-size: 32px;color: #333;margin: 0 0 20px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}
.rat-news-indextitle a {font-size: 18px;color: #999;font-weight: normal;}
.rat-news-indexlist {padding: 0px;margin: 0px 0px 30px;overflow: hidden;}
.rat-news-indexlist:last-child {margin-bottom: 0px;}
.blog-post {border: 1px solid #ddd;margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
.blog-post .blog-post-authore {color: #c9c9c9;display: inline-block;font-size: 14px;}
.blog-post .meta-tag {display: inline-block;color: #c9c9c9;font-size: 14px;margin-right: 8px;margin-top: 5px;}
.blog-post .thumb {position: relative;margin-bottom: 30px;}
.blog-post .thumb img {width: 100%;}
.blog-post .thumb .overlay {text-align: center;}
.blog-post .thumb .overlay {background-color: rgba(50, 50, 50, 0.6);bottom: 0;left: 0;position: absolute;right: 0;top: 0;transform: scale(0);-webkit-transform: scale(0);transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.blog-post:hover .thumb .overlay {transform: scale(1);-webkit-transform: scale(1);}
.blog-post .thumb .overlay .icon {color: #fff;font-size: 32px;left: 0;position: absolute;right: 0;top: 42%;}
.blog-post .thumb .blog-post-date {color: #fff;background-color: rgba(41, 93, 168, 0.6);font-size: 13px;font-weight: 600;left: 5px;letter-spacing: 2px;outline: 1px dashed #e0e0e0;outline-offset: -5px;padding: 12px;position: absolute;text-align: center;text-transform: uppercase;top: 5px;width: 90px;}
.blog-post .thumb .blog-post-date span {font-size: 24px;font-weight: 600;line-height: 28px;}
.blog-post .thumb .blog-post-date p {color: #fff;margin: 0px;}
.blog-post .content {display: relative;padding: 0 25px 25px;}
.blog-post .content .title {color: #1c1c1c;font-size: 16px;font-weight: 700;letter-spacing: 1px;margin-top: 0;text-transform: uppercase;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.blog-post .content p {color: #989898;font-size: 14px;font-weight: 400;margin-bottom: 18px;margin-top: 10px;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.blog-post .content .btn-link {float: left;font-size: 14px;font-weight: 700;letter-spacing: 1px;text-decoration: none;}

/* 鏂伴椈鍒嗙被 */
.rat-news-infoall {padding: 0px;margin: 0px;overflow: hidden;}
.rat-news-navlist {text-align: center;border-bottom: 1px solid #D8D8D8;margin-bottom: 30px;}
.rat-news-navlist li {padding: 15px 0;margin: 0 55px;font-weight: bold;display: inline-block;position: relative;transition: all 0.36s;}
.rat-news-navlist li::after {content: '';bottom: -1px;left: 0;height: 2px;width: 0;position: absolute;background-color: #004ABA;z-index: 6;opacity: 0;transition: all .36s ease;}
.rat-news-navlist li.on::after {opacity: 1;width: 100%;color: #0044AC;}
.rat-news-navlist li p {font-size: 16px;line-height: 1.75;color: #666;font-weight: bold;}
.rat-news-navlist li.on p {color: #0044AC;}
.rat-news-hotinfo {position: relative;}
.rat-news-hotone {display: flex;flex-wrap: wrap;}
.rat-news-hotonepic {width: 57.214285%;border-radius: 16px;position: relative;overflow: hidden;float: left;}
.rat-news-hotonepic img {width: 100%;transition: all .36s ease;}
.rat-news-hotonepic img:nth-child(2) {position: absolute;top: 0;left: 0;height: 100%;}
.rat-news-hotonetitle {width: 42.785715%;padding: 44px 0 0 70px;float: right;}
.rat-news-hotonetitle span {margin-bottom: 20px;font-weight: 500;font-size: 14px;line-height: 1.5;color: #666666;font-family: 'poppinsmedium' !important;display: block;}
.rat-news-hotonetitle h3 {font-size: 24px;line-height: 1.4;color: #161616;font-weight: normal;margin-bottom: 28px;}
.rat-news-hotonetitle p {font-size: 16px;line-height: 1.75;color: #666;margin-bottom: 46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.rat-news-hotonebtn {display: flex;flex-wrap: nowrap;}
.rat-news-hotonebtn p {color: #004ABA;font-size: 16px;line-height: 28px;padding-right: 18px;margin: 0px;}
.rat-news-hotonebtn img {width: 28px;transition: all .36s ease;}
.rat-news-hotinfo .slick-dots {text-align: left;left: calc(57.214285% + 114px);bottom: 100px;margin: 0 -10px;}
.rat-news-hotinfo .slick-dots {bottom: 0 !important;font-size: 0;}
.slick-dots li {margin: 0 10px;}
.rat-news-hotinfo .slick-dots li {width: 18px;height: 4px;border-radius: 0;}
.slick-dots li, .g_c2pt4_ul .slick-dots li, .rat-news-hotinfo .slick-dots li {width: 8px !important;height: 8px !important;border-radius: 50% !important;background: #ccc;}
.slick-dots li.slick-active, .rat-news-hotinfo .slick-dots li.slick-active {background: #004ABA;}
.rat-news-hotone:hover .rat-news-hotonepic img {transform: scale(1.05);}
.rat-news-hotone a:hover .rat-news-hotonebtn img {transform: translateX(8px);}
.rat-news-listone {margin-bottom: 45px;}
.rat-news-listonepic {width: 100%;border-radius: 16px;overflow: hidden; border: 1px solid #eee;}
.rat-news-listonepic img {width: 100%;padding: 0px;margin: 0px;transition: all 0.36s;}
.rat-news-listone:hover .rat-news-listonepic img {transform: scale(1.05);}
.rat-news-listonetxt {margin-top: 25px;height: 100%;}
.rat-news-listonetxt span {margin-bottom: 5px;font-weight: 500;font-size: 14px;line-height: 1.5;color: #666666;font-family: 'poppinsmedium' !important;display: block;}
.rat-news-listonetxt h3 {font-size: 16px;font-weight: normal;line-height: 1.75;color: #161616;}

/* 鏂伴椈璇︽儏 */
.rat-news-detailstitle {padding: 0px 0px 15px;margin: 0px 0px 20px;border-bottom: 1px solid #ddd;overflow: hidden;}
.rat-news-detailsmain {width: 98%;padding: 20px;margin: 0px;overflow: hidden; background-color: #fff;}
.rat-news-detailstitle h1 {font-size: 24px;font-weight: normal;line-height: 35px;padding: 0px;margin: 0px 0px 10px;overflow: hidden;}
.rat-news-detailstitle li {padding: 0px;margin: 0px 30px 0px 0px;overflow: hidden;float: left;}
.rat-news-detailstitle li span {width: 15px;height: 15px;margin-top: 3px;margin-right: 11px;display: inline-flex;float: left;}
.rat-news-detailstitle li span img {width: 100%;}
.rat-news-detailstitle li p {font-weight: 500;font-size: 14px;line-height: 1.5;color: #333333;margin: 0px;float: left;}
.rat-news-detailsinfo {font-size: 16px;line-height: 1.8;padding: 0px;margin: 0px;overflow: hidden;}
.rat-news-detailsinfo p {margin: 0px;}
.rat-news-detailsinfo img {max-width: 100%;}
.news_list1_back{margin-top:30px;text-align: right;padding: 30px 0px;border-top:1px solid #ccc;}
.news_list1_back a{display: inline-block;width:60px;height:60px;line-height: 60px;border:1px solid #295da8;border-radius: 50%;color:#333;font-size:14px;text-align: center;}
.news_list1_btn{padding:20px 0;border-top: 1px solid #ccc;}
.news_list1_prev{width:50%;float:left;text-align: left;position:relative;}
.news_list1_prev a{position: relative;padding-left:50px;color: #295da8;}
.news_list1_next{width:50%;float:left;text-align: right;position:relative;}
.news_list1_next a{position: relative;padding-right:50px;color: #295da8;}
.news_list1_prev_bg{position: absolute;top: -5px;left: 0;}
.news_list1_prev_bg span{position: absolute;top:0;left:0;width:30px;height:30px;border:1px solid #295da8;border-radius: 50%;}
.news_list1_prev_bg img{position: absolute;top: -3px;left: 6px;max-width: initial;}
.news_list1_next_bg{position: absolute;top: -5px;right: 30px;}
.news_list1_next_bg span{position: absolute;top:0;left:0;width:30px;height:30px;border:1px solid #295da8;border-radius: 50%;}
.news_list1_next_bg img{position: absolute;top: -3px;left: -10px;max-width: initial;}
.rat-news-detailsright {padding: 20px;margin: 0px;overflow: hidden; background-color: #fff;}
.rat-news-detailsright h2 {font-size: 24px;padding: 0px;margin: 0px 0px 20px;overflow: hidden;}

/* 甯歌闂 */
.rat-ask-list {padding: 0px;margin: 0px;}
.rat-ask-list .item {display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;}
.rat-ask-list .picture {overflow: hidden;width: 270px; border-radius: 10px;}
.rat-ask-list .img {width: 100%;transition: transform .4s ease-out;}
.rat-ask-list:hover .img {transition: transform 1s ease-out;transform: scale(1.1);}
.rat-ask-list .main {width: calc(100% - 270px);padding-left: 4%;}
.rat-ask-list .title {font-size: 22px;color: #333;transition: color .3s;overflow: hidden;text-overflow: ellipsis;}
.rat-ask-list .content {color: rgba(0, 0, 0, .6);line-height: 24px;font-size: 14px;max-height: 48px;margin: 16px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.rat-ask-list .more {color: #999;display: flex;flex-wrap: wrap;align-items: center;}
.rat-ask-list .block {margin-right: 24px;}
.rat-ask-list .fa {margin-right: 6px;}

/* 鏂扮敤鎴锋晠浜 */
.rat-story-item{display:block;width:100%;margin-bottom:2.08vw;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 5px 25px 10px rgba(0,0,0,.05);transition:all .6s ease-in-out;position:relative;top:0}
.rat-story-item:hover{top:-.52vw}
.rat-story-item:hover:after{width:100%}
.rat-story-item:after{content:"";display:block;width:0;height:1px;position:absolute;background:#295da8;bottom:0;transition:all .6s ease-in-out;left:0}
.rat-story-item .photo{width:100%;height:240px;background-size:cover!important}
.rat-story-item .title{margin:15px 25px;font-weight:200;font-size:18px;color:#000;line-height:1.5;height:4.125;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.rat-story-item .info{margin:20px 25px 15px;position:relative}
.rat-story-item .info .desc{margin-bottom: 15px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.rat-story-item .info .desc{font-size:12px;color:#aaa;line-height:20px;height: 60px; font-weight:200}
.rat-story-item .info .time{font-size:14px;color:#aaa;font-weight:200}
.rat-story-item .info .watch{position:absolute;right:0;bottom:.2vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.rat-story-item .info .watch .fa{width:1.1vw;margin-right:4px;color:#aaa;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.rat-story-item .info .watch span{font-size:12px;color:#aaa;font-weight:200}
@media screen and (max-width:800px){
  .rat-story-item{width:100%;margin-bottom:5.3333vw}
  .rat-story-item .photo{height:59.73vw}
  .rat-story-item .title{font-size:15px;margin:5.3333vw 6.9333vw}
  .rat-story-item .info{margin:5.3333vw 6.9333vw}
  .rat-story-item .info .desc{margin-bottom:2.1333vw}
  .rat-story-item .info .watch .fa{width:5vw}
}

/* 瑙嗛鐐规挱 */
.rat-video-one {width: 100%;margin: 0px 0px 30px;float: left;text-align: center;}
.rat-video-oneimg {width: 100%;overflow: hidden;position: relative;margin-bottom: 0.75rem;border-radius: 20px;}
.rat-video-one:hover .rat-video-oneimg {box-shadow: 0px 0px 10px rgba(111, 111, 111, 0.8);}
.rat-video-oneimg img {width: 100%;}
.rat-video-oneimg .mak {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);}
.rat-video-oneimg .mak img {width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.rat-video-onetitle {font-size: 16px;line-height: 30px;padding: 0px;margin: 0px;}
.rat-video-one:hover .rat-video-oneimg .mak {background-color: rgba(0, 0, 0, 0.5);}

/* 鏈嶅姟缃戠偣 */
.map-wrapper {position: relative;}
.map-wrapper #map-china {width: 100%;}
.map-wrapper h5 {position: absolute;right: 160px;top: 310px;display: inline;font-size: 14px;color: #282828;}
.map-wrapper h5:hover {color: #295da8;}
.map-wrapper .info {padding-top: 80px;}
.map-wrapper .info h3, .map-wrapper .info h3 span {margin: 0 0 2rem;font-size: 24px;font-family: 'webfont-bold';font-weight: 600;color: #282828;}
.map-wrapper .info h3 i, .map-wrapper .info h3 span i {font-size: 24px;color: #282828;margin-right: 1rem;}
.map-wrapper .info .content {padding: 2rem 0;border-top: 1px solid #282828;border-bottom: 1px solid #282828;min-height: 150px;}
.map-wrapper .info .content .part {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.map-wrapper .info .content .part:last-of-type {margin-bottom: 0;padding-bottom: 0px; border-bottom: 0px;}
.map-wrapper .info .content h4 {font-size: 16px;font-weight: 600; color: #333333;margin: 0 0 10px;}
.map-wrapper .info .content p {font-size: 14px;color: #666666;line-height: 1.5; margin: 0px;}


/* 涓嬭浇涓績 */
.rat-down-navlist {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-top: 30px;margin-bottom: 30px;}
.rat-down-navlist ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%;}
.rat-down-navlist ul li {margin-right: 12px;max-width: 190px;flex-grow: 1;width: 100%;}
.rat-down-navlist ul li a {width: 100%;height: 60px;line-height: 24px;text-align: center;font-size: 16px;color: #666666;background: #ffffff;border: solid 1px #e5e5e5;border-radius: 10px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.rat-down-navlist ul li a:hover, .rat-down-navlist ul li.active a {background: #02396c;border-color: #02396c;color: #fff;}
.rat-down-navlist ul li a::after {content: '';width: 0;height: 0;position: absolute;left: 0;right: 0;margin: auto;bottom: -10px;border: 6px solid transparent;border-top: 10px solid #02396c;border-bottom: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.rat-down-navlist ul li a:hover::after, .rat-down-navlist ul li.active a::after {opacity: 1;}

/* 鑱旂嚎鎴戜滑 */
.rat-ny-contactinfo {background-color: #f5f5f5;border: solid 1px #dcdcdc;padding: 20px;overflow: hidden;}
.rat-ny-contacttxt {padding: 0px;margin: 0px;font-size: 14px;line-height: 2.5;float: left;}
.rat-ny-contacttxt p {padding: 0px;margin: 0px;}
.rat-ny-contactcode {padding: 0px;margin: 0px;overflow: hidden;float: right;}
.rat-ny-contactcode p {margin: 0px 10px;padding: 0px;overflow: hidden;float: left;}
.rat-ny-contactcode p img {width: 120px;}
.rat-ny-contactcode p span {display: block;text-align: center;line-height: 1.8;font-size: 14px;}
.rat-ny-contactmap {width: 100%;height: 420px;font-size: 14px;line-height: 2;padding: 0px;margin: 0px;overflow: hidden;border: solid 1px #dcdcdc;border-top: 0px;}
.rat-contact-botbox {border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .02);padding: 30px 25px;margin: 0px 0px 30px;}
.rat-contact-botboxtitle {font-size: 18px;line-height: 1.4;color: #161616;font-weight: bold;margin: 0px 0px 15px;}
.rat-contact-botboxinfo {display: flex;flex-wrap: nowrap;align-items: flex-start;}
.rat-contact-botboxadd {height: 56px;}
.rat-contact-botboxinfo img {width: 16px;margin-right: 15px;line-height: 28px;margin-top: 7px;}
.rat-contact-botboxinfo p {font-size: 16px;color: #666666;line-height: 28px;padding: 0;margin: 0;}
.rat-contact-botboxinfo p a {font-size: 16px;color: #666666;line-height: 28px;}

/* 鍦ㄧ嚎鎷涜仒 */
.rat-jobpanel-main {padding: 0px;margin: 0px;}
.JobTitle {background-color: #295da8;}
.JobTitle span,.JobPanel dt span {font-size: 12px;width: 50%;padding: 13px 5px;text-align: center;float: left;display: inline;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.JobTitle span {color: #fff;}
.JobTitle span:nth-child(4),.JobPanel dt span:nth-child(4) {width: 35%;}
.JobTitle span:nth-child(2),.JobTitle span:nth-child(3),.JobTitle span:nth-child(4),.JobPanel dt span:nth-child(2),.JobPanel dt span:nth-child(3),.JobPanel dt span:nth-child(4) {display: none;}
.JobPanel dl,.JobPanel dd {margin: 0;padding: 0;}
.JobPanel dl {margin-bottom: 4px;}
.JobPanel dt {cursor: pointer;font-weight: normal;background-color: #fcfcfc;margin-bottom: 1px;}
.JobPanel dd {padding: 15px 5%;font-size: 12px;display: none;line-height: 30px;background-color: #f9f9f9;}
.JobPanel dd h2,.JobPanel dd p {margin: 0;padding: 0;}
.JobPanel dd h2 {font-size: 12px;margin-bottom: 7px;}
.JobPanel dd h3 {font-size: 18px; font-weight: 600;}
/* 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜 768px锛 */
@media screen and (min-width:992px) {
  .JobTitle span,.JobPanel dt span {width: 33%;}
  .JobTitle span:nth-child(1),.JobPanel dt span:nth-child(1) {width: 15%;}
  .JobTitle span:nth-child(4),.JobPanel dt span:nth-child(4),.JobTitle span:nth-child(3),.JobPanel dt span:nth-child(3) {width: 15%;}
  .JobTitle span:nth-child(5),.JobPanel dt span:nth-child(5) {width: 22%;}
  .JobTitle span,.JobPanel dt span,.JobPanel dd,.JobPanel dd h2 {font-size: 14px;}
  .JobTitle span {font-weight: 600;}
  .JobTitle span:nth-child(2),.JobTitle span:nth-child(4),.JobTitle span:nth-child(3),.JobPanel dt span:nth-child(2),.JobPanel dt span:nth-child(4),.JobPanel dt span:nth-child(3) {display: inline;}
}

/* 涓嬭浇涓績 */
.rat-down-list {align-items: flex-start;display: flex;flex-wrap: wrap;align-items: center;}
.rat-down-list .item {width: 50%;border-bottom: 1px solid #eee;padding-bottom: 36px;margin-bottom: 36px;display: flex;flex-wrap: wrap;align-items: flex-start;}
.rat-down-list .item:nth-of-type(2n-1) {padding-right: 5%;}
.rat-down-list .item:nth-of-type(2n) {padding-left: 5%;}
.rat-down-list .picture {border-radius: 10px;}
.rat-down-list .img {width: 100%;}
.rat-down-list .main {padding-left: 6.5%;padding-top: 6px;}
.rat-down-list .title {font-weight: 500;color: #000;font-size: 18px;line-height: 24px;max-height: 48px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.rat-down-list .time {color: #999;}
.rat-down-list .fa {margin-right: 8px;}
.rat-down-list .other {margin-top: 16px;display: flex;flex-wrap: wrap;align-items: center;}
.rat-down-list .btn {font-size: 12px;color: #1897f2;margin-right: 24px;padding: 0px;display: block;cursor: pointer;}
.rat-literature-img {background-color: #f0f0f0; text-align: center; padding: 5px;}
.rat-literature-img img {width: auto !important;}

/* 鍒嗛〉 */
.pager{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pager>li{display:inline}
.pager>li>a,.pager>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#1c4f94;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pager>li:first-child>a,.pager>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pager>li:last-child>a,.pager>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pager>li>a:focus,.pager>li>a:hover,.pager>li>span:focus,.pager>li>span:hover{z-index:2;color:#1c4f94;background-color:#eee;border-color:#ddd}
.pager>.active>a,.pager>.active>a:focus,.pager>.active>a:hover,.pager>.active>span,.pager>.active>span:focus,.pager>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#1c4f94 !important;border-color:#1c4f94 !important;}
.pager>.disabled>a,.pager>.disabled>a:focus,.pager>.disabled>a:hover,.pager>.disabled>span,.pager>.disabled>span:focus,.pager>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pager-lg>li>a,.pager-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pager-lg>li:first-child>a,.pager-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pager-lg>li:last-child>a,.pager-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pager-sm>li>a,.pager-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pager-sm>li:first-child>a,.pager-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pager-sm>li:last-child>a,.pager-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}


@media (min-width: 992px) {
  .rat-header-allinfo {padding: 5px 10px 0px;}
  .header-nav .nav-list li {padding-bottom: 5px;}
  .logo {margin-top: 0px;}
  .header-nav li {font-size: 14px;margin: 0px 18px;}
  .rat-header-pclistother {margin: 0px 5px 5px;}
  .rat-index-aboutinfo h3 {font-size: 24px;}
  .rat-index-aboutinfo .txt {font-size: 14px;line-height: 1.6;margin-top: 20px;text-align: justify;}
  .rat-index-aboutinfo .txt .fontsize {font-size: 24px;}
  .rat-index-aboutinfo ul {margin-top: 10px; margin-bottom: 10px;}
  .rat-index-aboutinfo ul li {padding: 0px 15px;}
  .rat-index-aboutnumsmall {font-size: 13px;}
  .rat-index-aboutbtn {margin-top: 30px;}
  .rat-index-prolistswiper .swiper-slide .infoBox {width: 320px; bottom: -30px;padding-top: 30px}
  .rat-index-prolistswiper .swiper-slide .infoBox .titlebox {padding-left: 25px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .te {width: 100%; padding: 0px 25px; min-height: auto; font-size: 14px; line-height: 1.6; margin-bottom: 30px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn {margin: 0px 25px 20px; font-size: 14px; height: 35px; line-height: 33px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn .jtbox {top: 10px;}
  .rat-index-service .col-md-4 {height: 200px;position: relative;}
  .rat-index-service .col-md-4:before {content: "";display: block;width: 1px;background: #dcdcdc;height: 180px;position: absolute;left: 0;top: 0;}
  .rat-index-service .col-md-4:first-child::before {display: none;}
  .ind2l_i h5 {display: none;}
  .index_news ul li span, .index_news ul li h5, .index_news ul li p {line-height: 38px; font-size: 12px;}
  .ind2l_i .common_btn {line-height: 35px; height: 35px; font-size: 12px;}
  .rat-index-otherimg img {height: 358px;}

  .rat-ny-banner,.rat-banner-all {margin-top: 78px;}
  .rat-ny-banner .ban_title h3 {font-size: 32px;}
  .rat-ny-banner .ban_title p {font-size: 16px;}
  .rat-ny-title {font-size: 26px; padding: 0px 0px 30px;}
  .rat-aboutus-newinfo {margin-top: 20px;padding: 30px 20px 10px;}
  .rat-aboutus-newtxt {margin-top: 30px; margin-bottom: 45px; font-size: 14px;}
  .rat-gysy-item .photo, .char-item .photo {height: 25vw;}
  .he_b1p4sh {margin-bottom: 20px;}
  /* .he_b1p4sle {display: none;}
  .he_b1p4sri {width: 100%; padding: 0px;}
  .he_b1p4kj {width: 100%; padding-left: 0px; padding-top: 30px; position: inherit;} */
  .he_b1p4kri p {font-size: 100px;}
  .rat-care-box .bimg-tab .swiper-slide {width: 80%;margin: 0 2%;cursor: pointer;}
  .rat-gysy-item .info .title, .char-item .info .title {font-size: 18px;}
  .rat-gysy-item .info .desc, .char-item .info .desc {font-size: 14px;}
  .rat-pro-snameinfo h2 {font-size: 28px; font-weight: 600;}
  .rat-pro-snameinfo p {font-size: 15px; line-height: 1.8;}
  .rat-pro-detailstopinfo {padding-top: 120px;}
  .rat-pro-detailstop {background-position: top center;background-size: auto 500px;}
  .rat-pro-detailsimages {margin-top: 80px;}
  .rat-pro-details2title h3 {font-size: 20px;}
  .rat-pro-detailstopinfo h1 {font-size: 28px;}
  .rat-pro-details2txt {font-size: 14px; min-height: 330px; line-height: 1.8;}
  .rat-pro-details2tel {font-size: 18px; padding: 10px;}
  .rat-pro-details2tel i {font-size: 28px; margin-right: 10px;}
  .rat-pro-details2contact {padding: 10px;}
  .rat-pro-details2contact a {font-size: 14px; line-height: 24px; padding: 5px 15px;}
  .rat-pro-details2contact i {font-size: 20px;}
  .rat-down-list .item {padding-bottom: 20px; margin-bottom: 20px;}
  .rat-down-list .picture {width: 100px; }
  .rat-down-list .main {width: calc(100% - 100px);}
  .rat-literature-img img {height: 70px;}
  .rat-down-list .title {font-size: 16px;}
  .rat-down-list .other {margin-top: 10px;}
  .map-wrapper #map-china {height: 450px;}
}
@media (min-width: 1200px) {
  .rat-header-allinfo {padding: 10px 10px 0px;}
  .header-nav .nav-list li {padding-bottom: 10px;}
  .logo {margin-top: 0px;}
  .header-nav li {font-size: 15px;margin: 0px 25px;}
  .rat-header-pclistother {margin: 0px 10px 5px;}
  .rat-index-aboutinfo h3 {font-size: 28px;}
  .rat-index-aboutinfo .txt {font-size: 15px;line-height: 1.8;margin-top: 30px;text-align: justify;}
  .rat-index-aboutinfo .txt .fontsize {font-size: 28px;}
  .rat-index-aboutinfo ul {margin-top: 20px; margin-bottom: 20px;}
  .rat-index-aboutinfo ul li {padding: 0px 25px;}
  .rat-index-aboutnumsmall {font-size: 14px;}
  .rat-index-aboutbtn {margin-top: 30px;}
  .rat-index-prolistswiper .swiper-slide .infoBox {width: 350px; bottom: -40px;padding-top: 40px}
  .rat-index-prolistswiper .swiper-slide .infoBox .titlebox {padding-left: 35px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .te {width: 100%; padding: 0px 35px; min-height: 150px; font-size: 15px; line-height: 1.6; margin-bottom: 30px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn { margin: 0px 35px 30px; font-size: 15px; height: 40px; line-height: 38px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn .jtbox {top: 15px;}
  .rat-index-service .col-md-4 {height: 220px;position: relative;}
  .rat-index-service .col-md-4:before {content: "";display: block;width: 1px;background: #dcdcdc;height: 200px;position: absolute;left: 0;top: 0;}
  .rat-index-service .col-md-4:first-child::before {display: none;}
  .index_news ul li span, .index_news ul li h5, .index_news ul li p {line-height: 45px; font-size: 13px;}
  .rat-index-otherimg img {height: 430px;}
  .ind2l_i h5 {display: block;}
  .ind2l_i .common_btn {line-height: 50px; height: 50px; font-size: 14px;}

  .rat-ny-banner,.rat-banner-all {margin-top: 90px;}
  .rat-ny-banner .ban_title h3 {font-size: 38px;}
  .rat-ny-banner .ban_title p {font-size: 18px;}
  .rat-ny-title {font-size: 32px; padding: 0px 0px 40px;}
  .rat-aboutus-newinfo {margin-top: 30px;padding: 40px 25px 20px;}
  .rat-aboutus-newtxt {margin-top: 40px; margin-bottom: 60px; font-size: 15px;}
  .rat-gysy-item .photo, .char-item .photo {height: 23vw;}
  .he_b1p4sle {display: inline-block;}
  .he_b1p4sri {width: 52%; padding-left: 5.5%; padding-bottom: 165px;}
  .he_b1p4kj {width: 52%; padding-left: 5.5%; padding-top: 0px; position: absolute;}
  .he_b1p4kri p {font-size: 120px;}
  .rat-gysy-item .info .title, .char-item .info .title {font-size: 20px;}
  .rat-gysy-item .info .desc, .char-item .info .desc {font-size: 15px;}
  .rat-care-box .bimg-tab .swiper-slide {width: 70%;margin: 0 2%;cursor: pointer;}
  .rat-pro-snameinfo h2 {font-size: 32px; font-weight: 600;}
  .rat-pro-snameinfo p {font-size: 16px; line-height: 1.8;}
  .rat-pro-detailstopinfo {padding-top: 150px;}
  .rat-pro-detailstop {background-position: top center;background-size: cover; max-height: 580px;}
  .rat-pro-details2title h3 {font-size: 24px;}
  .rat-pro-details2txt {font-size: 15px; min-height: 375px; line-height: 1.8;}
  .rat-pro-details2tel {font-size: 20px; padding: 15px;}
  .rat-pro-details2tel i {font-size: 32px; margin-right: 10px;}
  .rat-pro-details2contact {padding: 15px;}
  .rat-pro-details2contact a {font-size: 15px; line-height: 26px; padding: 5px 15px;}
  .rat-pro-details2contact i {font-size: 24px;}
  .rat-down-list .item {padding-bottom: 30px; margin-bottom: 30px;}
  .rat-down-list .picture {width: 150px; }
  .rat-down-list .main {width: calc(100% - 150px);}
  .rat-literature-img img {height: 90px;}
  .rat-down-list .title {font-size: 17px;}
  .rat-down-list .other {margin-top: 15px;}
  .map-wrapper #map-china {height: 550px;}
}
@media (min-width: 1400px) {
  .rat-header-allinfo {padding: 15px 20px 0px;}
  .header-nav .nav-list li {padding-bottom: 15px;}
  .logo {margin-top: 5px;}
  .header-nav li {font-size: 16px;margin: 0px 30px;}
  .rat-header-pclistother {margin: 0px 20px 10px;}
  .rat-index-aboutinfo h3 {font-size: 32px;}
  .rat-index-aboutinfo .txt {font-size: 16px;line-height: 2;margin-top: 35px;text-align: justify;}
  .rat-index-aboutinfo .txt .fontsize {font-size: 32px;}
  .rat-index-aboutinfo ul {margin-top: 28px; margin-bottom: 28px;}
  .rat-index-aboutinfo ul li {padding: 0px 32px;}
  .rat-index-aboutnumsmall {font-size: 14px;}
  .rat-index-aboutbtn {margin-top: 50px;}
  .rat-index-prolistswiper .swiper-slide .infoBox {width: 380px; bottom: -50px;padding-top: 60px}
  .rat-index-prolistswiper .swiper-slide .infoBox .titlebox {padding-left: 45px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .te {width: 100%; padding: 0px 45px; min-height: 170px; font-size: 16px; line-height: 1.8; margin-bottom: 50px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn { margin: 0px 50px 50px; font-size: 16px; height: 50px; line-height: 48px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn .jtbox {top: 19px;}
  .rat-index-service .col-md-4 {height: 220px;position: relative;}
  .rat-index-service .col-md-4:before {content: "";display: block;width: 1px;background: #dcdcdc;height: 200px;position: absolute;left: 0;top: 0;}
  .rat-index-service .col-md-4:first-child::before {display: none;}
  .index_news ul li span, .index_news ul li h5, .index_news ul li p {line-height: 55px; font-size: 14px;}
  
  .rat-ny-banner,.rat-banner-all {margin-top: 100px;}
  .rat-ny-banner .ban_title h3 {font-size: 46px;}
  .rat-ny-banner .ban_title p {font-size: 20px;}
  .rat-aboutus-newinfo {margin-top: 40px;padding: 50px 35px 30px;}
  .rat-aboutus-newtxt {margin-top: 50px; margin-bottom: 80px; font-size: 16px;}
  .rat-ny-title {font-size: 40px; padding: 0px 0px 50px;}
  .rat-gysy-item .photo, .char-item .photo {height: 20vw;}
  .he_b1p4kri p {font-size: 170px;}
  .rat-gysy-item .info .title, .char-item .info .title {font-size: 24px;}
  .rat-gysy-item .info .desc, .char-item .info .desc {font-size: 16px;}
  .rat-care-box .bimg-tab .swiper-slide {width: 52.5%;margin: 0 2%;cursor: pointer;}
  .rat-pro-snameinfo h2 {font-size: 36px; font-weight: 600;}
  .rat-pro-snameinfo p {font-size: 16px; line-height: 2;}
  .rat-pro-detailstopinfo {padding-top: 180px;}
  .rat-pro-detailstop {background-position: top center;background-size: cover; max-height: 650px;}
  .rat-pro-details2title h3 {font-size: 28px;}
  .rat-pro-details2txt {font-size: 16px; min-height: 335px; line-height: 2;}
  .rat-pro-details2tel {font-size: 24px; padding: 20px 15px;}
  .rat-pro-details2tel i {font-size: 36px; margin-right: 15px;}
  .rat-pro-details2contact {padding: 20px 15px;}
  .rat-pro-details2contact a {font-size: 18px; line-height: 30px; padding: 10px 35px;}
  .rat-pro-details2contact i {font-size: 28px;}
  .rat-down-list .item {padding-bottom: 35px; margin-bottom: 35px;}
  .rat-down-list .picture {width: 190px; }
  .rat-down-list .main {width: calc(100% - 190px);}
  .rat-literature-img img {height: 110px;}
  .rat-down-list .title {font-size: 18px;}
  .rat-down-list .other {margin-top: 18px;}
  .map-wrapper #map-china {height: 600px;}
}

@media (max-width: 991px) {
    .pc {display: none;}
    .mobile {display: block;}
  .rat-index-aboutall, .rat-index-newsall, .rat-index-otherall,.rat-ny-mainall {padding: 30px 0px;}
  .rat-header-allinfo {  padding: 0px;  background-color: #fff;  border-bottom: 1px solid #f0f0f0;}
  .logo {  line-height: 60px; padding-top: 5px;}
  .logo img {display: block;height: 50px;}
  .logo img.logob {display: none;}
  header .menuBtn {  display: block;  margin: 8px;}
  header .menuBtn .menuBtn_a {  height: 45px;}
  .rat-header-pclist {  display: none;}
  .rat-ny-banner,.rat-banner-all {margin-top: 62px;}
  .rat-banner-all .swiper-pagination {display: none;}
  .rat-banner-all .swiper-button-prev, .rat-banner-all .swiper-button-next {width: 30px; line-height: 30px; height: 30px;}
  .rat-index-aboutimg {margin: 0px;}
  .rat-index-aboutinfo .txt {font-size: 14px;line-height: 1.6;margin-top: 15px;text-align: justify;}
  .rat-index-aboutinfo .txt .fontsize {font-size: 20px;}
  .rat-index-aboutinfo ul {margin-top: 15px; margin-bottom: 15px;}
  .rat-index-aboutinfo ul li {padding: 0px 20px;}
  .rat-index-otherimg {width: 100%; margin-bottom: 10px;}
  .rat-index-othertxt {width: 100%; padding: 0px;}
  .rat-index-serviceone {padding: 20px 0px;}
  .rat-index-newsimg {margin-bottom: 10px;}
  .solution-title {border-radius: 0px 0px 20px 20px; padding: 20px;}
  .rat-pro-snameinfo h2 {font-size: 28px;}
  .index_news ul li {font-size: 14px; line-height: 40px;}
  .index_news ul li span { width: 90px;}
  .index_news ul li h5 {display: none;}
  .index_news ul li p {width: calc(100% - 90px);}
  .ind2l_i {width: calc(50% - 7px);}
  .ind2l_i:nth-child(2n) {margin-right: 0px;}
  .rat-index-service .col-md-4 {position: relative;}
  .rat-index-service .col-md-4:before {content: "";display: block;width: 1px;background: #dcdcdc;height: 180px;position: absolute;left: 0;top: 0;}
  .rat-index-service .col-md-4:first-child::before {display: none;}
  .rat-footer-infoall {padding: 30px 0px 15px;}
  .rat-footer-navall, .rat-footer-followus, .rat-vis-all {display: none;}
  .rat-footer-othernav {font-size: 14px; margin-bottom: 15px;}
  .rat-footer-othernav li {padding: 0px 10px;}
  .rat-footer-bottominfo {line-height: 1.8; font-size: 14px;}
  .rat-index-title {font-size: 24px; margin-bottom: 15px;}
  .rat-index-proall,.rat-index-service {padding: 40px 0px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .titlebox .title {font-size: 18px;padding-bottom: 15px;}
  .rat-index-proinfolist {margin: 0px;}
  .owl-carousel.owl-loaded .owl-nav {display: none;}
  .rat-index-proone {margin: 0px 0px 20px;}
  .rat-ny-mainall .rat-index-proone {margin: 0px 0px 15px;}
  .rat-index-proone .text {font-size: 12px;}
  .rat-index-prolistswiper {padding: 0px;}
  .rat-index-prolistswiper .swiper-slide .slidedImg {border-radius: 20px 20px 0px 0px;}
  .rat-index-prolistswiper .swiper-slide .infoBox {position: inherit; left: auto; bottom: auto; width: 100%; padding-top: 10px;box-shadow:none; border-radius: 0px 0px 20px 20px;transform:none;-webkit-transform: none;-moz-transform: none;}
  .rat-index-prolistswiper .swiper-slide .infoBox .titlebox {padding-left: 25px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .te {min-height: auto; width: 100%; padding: 0px 25px; margin-bottom: 0px; font-size: 14px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn {margin-bottom: 20px; margin-left: 25px;height: 35px; line-height: 33px;}
  .rat-index-prolistswiper .swiper-slide .infoBox .morebtn .jtbox {top: 12px;}
  .rat-index-prolistswiper .swiper-slide-active .infoBox {animation: none;-webkit-animation: none;-moz-animation: none;}
  .ind2l_i h5 {
        padding: 0px 10px;
        line-height: 18px;
        height: 36px;
    }
  .rat-index-prolistswiper .btn {top: 40%;}

  .rat-ny-banner .ban img:first-child {display: none;}
  .rat-ny-banner .ban img:last-child {display: block;}
  .rat-ny-banner .ban_title h3 {font-size: 32px;}
  .rat-ny-banner .ban_title {font-size: 16px;}
  .rat-news-navlist {display: none;}
  .rat-ny-title {font-size: 22px; padding: 0px 0px 20px;}
  .rat-ny-maintitle h3 {font-size: 22px;}
  .rat-ny-editor {font-size: 14px; line-height: 1.8;}
  .rat-aboutus-newimg {width: 100%;border-radius: 20px 20px 0px 0px;}
  .rat-aboutus-newinfo {width: 100%; margin: 0px 0px 30px; padding: 20px;font-size: 14px;border-radius: 0px 0px 20px 20px;}
  .rat-aboutus-newbtn {bottom: -15px;}
  .rat-aboutus-usainfo {right: 40px; left: auto;}
  .rat-ny-maintitle {margin-bottom: 25px;}
  .rat-about-honorbox {padding: 0px;}
  .rat-gysy-item, .char-item {width: 100%;}
  .rat-gysy-item .photo, .char-item .photo {height: auto;}
  .he_b1p4sle {display: none;}
  .he_b1p4sri {width: 100%; padding: 0px;}
  .he_b1p4kj {width: 100%; padding: 30px 0px 0px; position: inherit;}
  .he_b1p4kri p {font-size: 140px;}
  .rat-gysy-item .info .title, .char-item .info .title {font-size: 18px;}
  .rat-gysy-item .info .desc, .char-item .info .desc {font-size: 14px;}
  .rat-care-box {padding: 0px 10px;}
  .rat-care-box .bimg-tab .swiper-slide {width: 100%;}
  .simg-tab {display: none;}
  .rat-pro-iteminfo a {display: inherit;}
  .rat-pro-iteminfo .rat-pro-itemconl, .rat-pro-iteminfo .rat-pro-itemconr {width: 100%;}
  .rat-pro-iteminfo .rat-pro-itemtext {padding: 20px;}
  .rat-pro-iteminfo .rat-pro-itemtitle {font-size: 24px; margin: 0px;}
  .rat-pro-iteminfo .rat-pro-itemtext p {font-size: 14px; line-height: 1.8; margin-top: 10px;}
  .rat-pro-iteminfo .rat-pro-itemmore {width: 100%; line-height: 35px; height: 35px; margin-top: 20px; font-size: 14px;}
  .rat-aboutus-newimg .textbox {padding: 10px 0px;}
  .rat-aboutus-newimg .textbox .numbox {padding-left: 10px;}
  .rat-aboutus-newimg .textbox .numbox .smte {font-size: 12px; margin-bottom: 5px;}
  .rat-aboutus-newimg .textbox .numbox .num {font-size: 12px;}
  .rat-aboutus-newimg .textbox .numbox .num .big {font-size: 24px;}
  .rat-pro-snameinfo h2 {font-size: 28px; font-weight: 300;}
  .rat-pro-snameinfo p {font-size: 15px; line-height: 1.8;}
  .rat-pro-detailstopinfo {padding-top: 120px;}
  .rat-pro-detailstopinfo p {width: auto;}
  .rat-pro-detailstop {background-image: inherit !important;}
  /*.rat-pro-detailstop>img {display: block;}*/
  .rat-pro-details2img {margin-bottom: 20px;}
  .rat-pro-details2title h3 {font-size: 24px;}
  .rat-pro-details2txt {font-size: 14px; line-height: 1.8;}
  .rat-pro-details2tel {font-size: 18px; padding: 15px;}
  .rat-pro-details2tel i {font-size: 24px; margin-right: 10px;}
  .rat-pro-detailsinfobg {background-image:url(../images/prodetails-bg.png); background-position: top center; background-size: cover 100%; padding-bottom: 30px;}
  .rat-pro-detailsimages {margin: 20px 0px;}
  .rat-pro-details2contact {padding: 20px 15px;}
  .rat-pro-details2contact a {font-size: 16px; line-height: 25px; padding: 5px 20px;}
  .rat-pro-details2contact i {font-size: 24px;}
  .rat-ny-editor img {max-width: 100% !important;}
  .rat-down-list .item {width: 100%;padding-bottom: 20px; margin-bottom: 20px;}
  .rat-down-list .picture {width: 190px; }
  .rat-down-list .main {width: calc(100% - 190px);}
  .rat-literature-img img {height: 110px;}
  .rat-down-list .item:nth-of-type(2n) {padding-left: 0px;}
  .rat-down-list .item:nth-of-type(2n-1) {padding-right: 0px;}
  .rat-down-list .title {font-size: 18px;}
  .rat-down-list .other {margin-top: 15px;}
  .rat-ask-list .item {padding-bottom: 20px; margin-bottom: 20px;}
  .rat-ask-list .picture {width: 150px;}
  .rat-ask-list .main {width: calc(100% - 150px);padding-left: 6%;}
  .rat-ask-list .title {font-size: 16px;}
  .rat-ask-list .content {line-height: 20px;font-size: 12px;max-height: 40px;margin: 8px 0;}
  .rat-ask-list .more {color: #999;font-size: 12px;}
  .map-wrapper #map-china {height: 550px;}
  .map-wrapper .info {padding-top: 0px;}
  .map-wrapper .info .content {min-height: auto;}
  .rat-video-one {margin-bottom: 15px;}
  .rat-news-hotonepic {width: 100%; padding: 0px; margin-bottom: 10px;}
  .rat-news-hotonetitle {width: 100%; padding: 0px;}
  .rat-news-hotonetitle span {margin-bottom: 5px;}
  .rat-news-hotonetitle h3 {font-size: 18px;margin-bottom: 15px;}
  .rat-news-hotonetitle p {font-size: 14px;margin-bottom: 20px;}
  .rat-news-hotonebtn p {margin-bottom: 0px;}
  .rat-news-listonetxt {margin-top: 10px;}
  .rat-news-listone {margin-bottom: 20px;}
  .rat-news-detailsmain {width: 100%; padding: 0px;}
  .rat-news-detailstitle h1 {font-size: 18px; line-height: 30px;}
  .rat-news-detailsinfo {font-size: 14px; line-height: 1.7;}
  .news_list1_back {padding: 15px 0px; margin-top: 10px;}
  .news_list1_btn {padding-bottom: 0px; padding-top: 10px;}
  .news_list1_back a {width: 40px; height: 40px; line-height: 40px; font-size: 12px;}
  .news_list1_prev,.news_list1_next {width: 100%; float: initial; text-align: left; font-size: 12px;}
  .news_list1_prev {margin-bottom: 5px;}
  .news_list1_prev_bg,.news_list1_next_bg {display: none;}
  .news_list1_prev a,.news_list1_next a {padding: 0px; margin-bottom: 10px;}
  .news_list1_prev a:after, .news_list1_next a:after {content: '銆?; float: left;}
  .rat-nohidden {display: none;}
  .rat-down-navlist {margin: 0px 0px 10px;}
  .rat-down-navlist ul li a {height: auto; line-height: 35px; border-radius: 5px; font-size: 14px;}
  .rat-contact-botbox {padding: 20px; margin-bottom: 15px;}
}
@media (max-width: 767px) {
  .rat-index-aboutinfo ul li {width: 50%;}
  .rat-index-aboutinfo ul li {margin-bottom: 10px; text-align: center;}
  .rat-index-aboutinfo ul li:nth-child(1), .rat-index-aboutinfo ul li:nth-child(3) {padding-left: 20px; border: none;}
  .rat-index-aboutnumsmall {margin-top: 0px;}
  .rat-index-aboutbtn a {width: 100%;}
  .rat-index-service .col-md-4 {position: relative;}
  .rat-index-service .col-md-4:before {content: "";display: block;height: 1px;background: #dcdcdc;width: 100%; position: absolute;left: 0;top: 0;}
  .rat-index-service .col-md-4:first-child::before {display: none;}
  
  .rat-ny-banner .ban_title h3 {font-size: 26px;}
  .rat-ny-banner .ban_title {font-size: 13px;}
  .he_b1p4kri p {font-size: 100px;}
  .rat-pro-snameinfo h2 {font-size: 24px; font-weight: 300;}
  .rat-pro-snameinfo p {font-size: 14px; line-height: 1.5;}
  .rat-down-list .picture {width: 120px; }
  .rat-down-list .main {width: calc(100% - 120px);}
  .rat-literature-img img {height: 80px;}
  .rat-down-list .title {font-size: 16px;}
  .rat-down-list .other {margin-top: 10px;}
  .map-wrapper #map-china {height: 300px;}
}

/*鎸夐挳鍔ㄧ敾鏁堟灉*/
.hvr-float {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {-webkit-transform: translateY(-8px);transform: translateY(-8px);}

/* Icon Forward */
.hvr-icon-forward {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
.hvr-icon-forward .hvr-icon {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {-webkit-transform: translateX(4px);transform: translateX(4px);}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
.hvr-ripple-out {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;}
.hvr-ripple-out:before {content: '';position: absolute;border: #fff solid 6px;border-radius: 50rem;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {to {-webkit-transform: scale(1.1);transform: scale(1.1);}}
@keyframes hvr-pulse-grow {to {-webkit-transform: scale(1.1);transform: scale(1.1);}}
.hvr-pulse-grow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {-webkit-animation-name: hvr-pulse-grow;animation-name: hvr-pulse-grow;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}