@charset "utf-8";


@font-face {
  font-family: "MontserratLight";
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"),
    url("../fonts/Montserrat-Light.woff") format("woff"),
    url("../fonts/Montserrat-Light.ttf") format("truetype"),
    url("../fonts/Montserrat-Light.eot") format("embedded-opentype"),
    url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.Montserrat_Light {
  font-family: "MontserratLight";
}

@font-face {
  font-family: "MontserratRegular";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat-Regular.ttf") format("truetype"),
    url("../fonts/Montserrat-Regular.eot") format("embedded-opentype"),
    url("../fonts/Montserrat-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.Montserrat_Regular {
  font-family: "MontserratRegular";
}

/* CSS Document */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0px;
  border: 0;
  outline: none;
}

header,
nav,
footer,
menu {
  display: block;
}

dt {
  font-weight: 300;
}

img {
  border: none;
  max-width: 100%;
}

li {
  list-style-type: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: #333;
}

.block {
  display: block;
}

html {
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

body {
  /* font-family: "Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, 黑体, 新細明體, Arial, "Lucida Grande", sans-serif; */
  font-family: "Microsoft Yahei", 微软雅黑, 黑体, Arial, sans-serif;
  font-size: 1.0rem;
  color: #2f3740;
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 500;
}

.clear {
  clear: both;
}

.display-flex {
  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-justify-content: space-between;
  -ms-flex-pack: distribute;
  justify-content: space-between;
  flex-flow: row wrap;
}

.display-flex-center {
  -webkit-justify-content: center;
  -ms-flex-pack: distribute;
  justify-content: center;
}

.display-flex-top {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.display-flex-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: distribute;
  justify-content: flex-start;
}

.flex-flow-row {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.swiper-container .swiper-pagination {
  font-size: 0;
  bottom: 20px;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid #ffffff;
  transform: rotate(45deg);
  margin: 0 7px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.swiper-container .bgColor_22bca2 .swiper-pagination-bullet {
  border: 1px solid #a9bac2;
}

.swiper-container .bgColor_22bca2 .swiper-pagination-bullet-active {
  background-color: #22bca2;
  border-color: #22bca2;
}

/*******头部********/
.ani {
  visibility: hidden;
}

body.homeHeader header {
  position: absolute;
}

header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

header .header-main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: top 450ms cubic-bezier(0, 0.55, 0.45, 1);
  background-color: #ffffff;
  border-bottom: 1px solid #f4f4f4;
}

header .display-flex {
  position: relative;
}

header .logo {
  width: 10.0rem;
  position: relative;
}

header .logo a {
  width: 100%;
  display: block;
}

header .header-nav {}

header .header-nav>ul>li {
  margin-right: 2.12rem;
  position: relative;
}

header .header-nav>ul>li .link {
  display: block;
  position: relative;
  padding: 1.56rem 0;
  color: #2f3740;
  font-size: 1.25rem;
}

header .header-nav>ul>li .link::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #fd5000;
  transition: all 400ms;
}

header .header-nav>ul>li.active .link::after,
header .header-nav>ul>li:hover .link::after {
  width: 100%;
}

header .header_search {
  width: 22px;
  height: 22px;
  cursor: pointer;
  display: block;
}

header .header_search img {
  width: 100%;
  height: 100%;
  display: block;
}

header .header-language {
  position: relative;
  padding-left: 1.25rem;
  margin-left: 1.25rem;
}

header .header-language:after {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #d2d2d2;
  margin-top: -8px;
}

header .header-language .header_language {
  display: block;
  position: relative;
  cursor: pointer;
}

header .header-language .header_language .l_icon {
  width: 22px;
  height: 22px;
  display: block;
}

header .header-language .header_language .l_top {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  -webkit-transition: transform .35s ease;
  -moz-transition: transform .35s ease;
  -ms-transition: transform .35s ease;
  -o-transition: transform .35s ease;
  transition: transform .35s ease;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

header .header-language:hover .header_language .l_top {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

header .header-language:hover .header_language_level_nav {
  opacity: 1;
  visibility: visible;
}

header .header-language .header_language_level_nav {
  position: absolute;
  top: 100%;
  right: 6px;
  width: 100%;
  opacity: 0;
  width: 120px;
  visibility: hidden;
  pointer-events: auto;
  z-index: 8;
  padding-top: 1.25rem;
  -webkit-transition: all .50s ease;
  -moz-transition: all .50s ease;
  -ms-transition: all .50s ease;
  -o-transition: all .50s ease;
  transition: all .50s ease;
}

header .header-language .header_language_level_nav .header_language_level_navBox {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  position: relative;
}

header .header-language .header_language_level_nav .header_language_level_navBox::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0.25rem;
  width: 9px;
  height: 9px;
  -webkit-box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, .12);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #ffffff;
  z-index: 9;
}

header .header-language .header_language_level_nav .header_language_level_navBox div+div {
  border-top: 1px solid #e5e5e5;
}

header .header-language .header_language_level_nav .header_language_level_navBox div a {
  display: block;
  color: #606060;
  font-size: 14px;
  padding: 0.625rem;
  background: #ffffff;
}

header .header-language .header_language_level_nav .header_language_level_navBox div:hover a {
  color: #ff5a02;
}

header .header-nav>ul>li:hover .headerDropDown {
  opacity: 1;
  visibility: visible;
}

.headerDropDown {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  width: 200px;
  box-shadow: 0 1.88rem 1.88rem rgba(0, 0, 0, 0.05);
  transition: all 450ms linear;
  background-color: #ffffff;
}

.headerDropDown .headerDropDownList {
  position: relative;
}

.headerDropDown .headerDropDownList ._link {
  color: #2f3740;
  font-size: 1.0rem;
  position: relative;
  padding: 14px 20px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.headerDropDown .headerDropDownList ._link:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fd5000;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.headerDropDown .headerDropDownList ._link:before {
  content: '';
  position: absolute;
  top: 0;
  right: -5%;
  height: 100%;
  background: url(../images/bottomIcon.svg) no-repeat center;
  background-size: 100%;
  width: 20px;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
  transform: rotate(-90deg);
  opacity: 0;
}

.headerDropDown .headerDropDownList ._link:hover {
  color: #fd5000;
}

.headerDropDown .headerDropDownList ._link:hover:after {
  width: 100%;
}

.headerDropDown .headerDropDownList ._link:hover:before {
  right: 6px;
  opacity: 1;
}

.headerDropDown .headerDropDownImg {
  width: 33.3333%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.headerDropDown .headerDropDownImg .img {
  width: 100%;
  height: 100%;
  position: relative;
}

/**/
.menu_botton {
  position: absolute;
  right: 75px;
  top: 73px;
  display: block;
  cursor: pointer;
  z-index: 9999;
}

.menu_botton strong {
  display: inline-block;
  float: left;
  color: #2f318b;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  margin-right: 12px;
}

#menu_toggle1 {
  display: none;
}

.menu_botton span {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 2px;
  background-color: #09a792;
  border-radius: 2px;
  vertical-align: middle;
  -webkit-transition-duration: .3s, .3s;
  -moz-transition-duration: .3s, .3s;
  -ms-transition-duration: .3s, .3s;
  -o-transition-duration: .3s, .3s;
  transition-duration: .3s, .3s;
  -webkit-transition-delay: .3s, 0s;
  -moz-transition-delay: .3s, 0s;
  -ms-transition-delay: .3s, 0s;
  -o-transition-delay: .3s, 0s;
  transition-delay: .3s, 0s;
  margin-top: -2px;
}

.menu_botton span:after,
.menu_botton span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 2px;
  left: 0;
  border-radius: 2px;
  background-color: #09a792;
  -webkit-transition-duration: .3s, .3s;
  -moz-transition-duration: .3s, .3s;
  -ms-transition-duration: .3s, .3s;
  -o-transition-duration: .3s, .3s;
  transition-duration: .3s, .3s;
  -webkit-transition-delay: .3s, 0s;
  -moz-transition-delay: .3s, 0s;
  -ms-transition-delay: .3s, 0s;
  -o-transition-delay: .3s, 0s;
  transition-delay: .3s, 0s;
}

.menu_botton span:before {
  top: -6px;
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -ms-transition-property: top, transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
}

.menu_botton span:after {
  bottom: -6px;
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -ms-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
}

.mm-opened .menu_botton span {
  background-color: transparent;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -ms-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.mm-opened .menu_botton span:after,
.mm-opened .menu_botton span:before {
  -webkit-transition-delay: 0s, .3s;
  -moz-transition-delay: 0s, .3s;
  -ms-transition-delay: 0s, .3s;
  -o-transition-delay: 0s, .3s;
  transition-delay: 0s, .3s;
}

.mm-opened .menu_botton span:before {
  top: 0;
  background: #09a792;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-opened .menu_botton span:after {
  bottom: 0;
  background: #09a792;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*********尾部************/
footer {
  background-color: #444855;
  position: relative;
  pointer-events: auto;
}

footer .footer_main {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

footer .footer_nav {
  width: 100%;
}

footer .footer_nav li {
  width: 100%;
  position: relative;
}

footer .footer_nav li:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #525666;
}

footer .footer_nav li:last-child:after {
  display: none;
}

footer .footer_nav li .title {
  padding-bottom: 0.38rem;
  font-size: 1.25rem;
  color: #ffffff;
}

footer .footer_nav li .title a {
  color: #ffffff;
}

footer .footer_nav li .con {
  line-height: 2;
  font-size: 16px;
  font-weight: 200;
}

footer .footer_nav li .con a {
  color: #ffffff;
}

footer .footer_nav li .con a:hover {
  color: #fff;
  text-decoration: underline;
}

footer .footer_copyright {
  padding: 1.25rem 0;
  font-size: 1.0rem;
  color: #fff;
  font-weight: 200;
  border-top: 1px solid #525666;
}

footer .footer_copyright a {
  color: #ffffff;
}

footer .footer_copyright .fPrivacy {
  font-size: 1.0rem;
  font-weight: 200;
  padding-left: 1.88rem
}

footer .footer_copyright .fPrivacy a+a {
  padding-left: 1.125rem;
  margin-left: 0.9375rem;
  position: relative;
}

footer .footer_copyright .fPrivacy a {
  color: #ffffff;
}

footer .footer_copyright .fPrivacy a:hover {
  color: #ffffff;
  text-decoration: underline;
}

footer .footer_copyright .fPrivacy a+a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 16px;
  margin-top: -8px;
  background-color: rgba(255, 255, 255, 0.2);
}

footer .footer_copyright .fCopyright {
  position: relative;
}

footer .fshare .fshare_items {
  margin-left: 0.62rem;
  position: relative;
}

footer .fshare .fshare_items a {
  width: 2.88rem;
  height: 2.88rem;
  border-radius: 0.62rem;
  background-color: #ff5a02;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .fshare .fshare_items a img {
  width: 24px;
  display: block;
}

.fshare_model:hover .fshare_modelBox {
  opacity: 1;
  visibility: visible;
}

.fshare_modelBox {
  position: absolute;
  bottom: 100%;
  bottom: calc(100% + 1.25rem);
  left: 50%;
  margin-left: -5.875rem;
  background-color: #333d50;
  border-radius: 6px;
  width: 11.75rem;
  padding: 1.88rem;
  opacity: 0;
  visibility: hidden;
  transition: all 350ms ease-in-out;
}

.fshare_modelBox::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #333d50;
}

.fshare_modelBox .img {
  width: 8.0rem;
}

/*****主体开始*******/
/*首页*/
#banner {
  width: 100%;
  overflow: hidden;
}

.home_banner {
  width: 100%;
  height: 100%;
  position: relative;
}

.home_banner li.swiper-slide {
  width: 100%;
  opacity: 0 !important;
}

.home_banner li.swiper-slide-active {
  opacity: 1 !important;
}

.bannerHeading-small {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 60vw;
}

.bannerHeading-middle img {
  display: block;
  width: 100%;
}

.bannerHeading-middle {
  display: block;
}

.bannerHeading-small {
  display: none;
}

.bannerHeading-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1d5c8d;
  font-size: 2.5rem;
  line-height: 1.6;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
}


#banner .btnPaly {
  position: absolute;
  right: 60px;
  bottom: 39px;
  z-index: 10;
}

#banner .btnPaly .btnIcon {
  width: 7px;
  height: 10px;
  cursor: pointer;
  background-image: url(../images/start_.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#banner .btnPaly .btnIcon.start {
  display: block;
}

#banner .btnPaly .btnIcon.start_ {
  background-image: url(../images/start.png);
  display: none;
}

#banner .swiper-pagination {
  bottom: 40px;
  padding-right: 75px;
  text-align: right;
}

/**/
.hTitle {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.hTitle a {
  position: relative;
  cursor: pointer;
  color: inherit;
}


.hTitle_fff {
  color: #ffffff;
}


.hMore {
  position: relative;
  z-index: 1;
}

.hMore a {
  display: block;
  font-size: 1.12rem;
  color: #fd5000 !important;
  font-weight: 400;
  border: 2px solid #fd5000;
  position: relative;
  width: 13.75rem;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.hMore a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: #fd5000;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

/*.hMore a:hover {
  color: #ffffff;
}

.hMore a:hover:after {
  width: 100%;
}*/

.hMore_fff a {
  color: #ffffff;
  border-color: #ffffff;
}

.hMore_fff a:after {
  background-color: #ffffff;
}

/*.hMore_fff a:hover {
  color: #fd5000;
}
*/
.container-fluid {
  padding-left: 9.375%;
  padding-right: 9.375%;
}

.hText {
  font-size: 1.38rem;
  font-weight: 200;
  line-height: 1.58;
  text-align: justify;
}

/**/
.hProduct {
  position: relative;
  width: 100%;
  background: linear-gradient(to right, #ec5b29, #f39b1c);
}

.hProduct .con {
  width: 40%;
  padding: 10rem 5%;
}

.hProduct .con .hTitle {
  margin-bottom: 2.88rem;
  color: #ffe3a5;
}

.hProduct .con .hText {
  border-top: 1px solid #ffe3a5;
  padding-top: 2.5rem;
  color: #ffe3a5;
}

.hProduct .img {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.hProduct .img .img_scale:hover {
  transform: scale(1.1);
}

.homeFullPage {
  margin-top: 100vh;
  height: 100vh;
}

.hNews {
  position: relative;
  padding: 5.2rem 0;
}

.hNews .hTitle {
  padding-bottom: 1.88rem;
}

.hNewsListSwiper {
  padding-bottom: 3.75rem;
}

.hNewsListSwiper li.swiper-slide .box {
  display: block;
  position: relative;
}

.hNewsListSwiper li.swiper-slide .box .title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hNewsListSwiper li.swiper-slide .box .text {
  font-size: 1.0rem;
  color: #808080;
}

.hNewsListSwiper .swiper-pagination {
  bottom: 6px;
}

.hNewsList {}

.hNewsList li {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hNewsList li .box {
  display: block;
  position: relative;
  padding: 1.7958rem 5.2083rem 1.7958rem 12.5rem;
}

.hNewsList li .box:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fd5000;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.hNewsList li .box .time {
  position: absolute;
  top: 1.7958vw;
  left: 0;
  font-size: 1.0rem;
  font-weight: 400;
  color: #fd5000;
}

.hNewsList li .box .text {
  position: relative;
  width: 100%;
}

.hNewsList li .box .text .title {
  font-size: 1.25rem;
  line-height: 1.40;
  font-weight: 400;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hNewsList li .box .icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 4px;
  background-color: #fd5000;
  margin-top: -1.12rem;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.hNewsList li .box .icon img {
  display: block;
  width: 22px;
  height: 22px;
  transform: rotate(-45deg);
}

.hNewsList li .box:hover .text .title {
  color: #ff5a02;
}

.hNewsList li .box:hover:after {
  width: 100%;
}

.hNewsList li .box:hover .icon {
  right: 1.5rem;
  opacity: 1;
}

.hNewsList .hMore {
  padding-top: 3.12rem;
}

.hNewsList .hMore a {
  margin: 0 auto;
}

/*内页banner*/
#wBanner {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#wBanner .img {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 300px;
  overflow: hidden;
}

#wBanner .img img {
  width: 100%;
  display: block;
}

#wBanner .box {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000;
}

#wBanner .box .container {
  height: 100%;
}

#wBanner .box .title {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
  padding-bottom: 0.88rem;
}

#wBanner .box .text {
  font-size: 1.25rem;
}

/*导航*/
#sideNav.isActive {
  transform: translateY(0);
}

#sideNav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 990;
  transition: transform 450ms linear;
  transform: translateY(-100%);
}

#sideNav .sideNavBorder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #ff5a02;
  transition: all 400ms linear;
}

#sideNav .sideNavBox {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05);
  transition: margin-top 450ms cubic-bezier(0, 0.55, 0.45, 1);
  margin-top: 0;
}

#sideNav .sideNavBox li {
  position: relative;
  width: 100%;
}

#sideNav .sideNavBox li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 1.0rem;
  margin-top: -0.5rem;
}

#sideNav .sideNavBox li:last-child::after {
  display: none;
}

#sideNav .sideNavBox li a {
  display: block;
  position: relative;
  text-align: center;
  padding: 1.06rem 0;
  color: #2f3740;
  font-size: 1.12rem;
  font-weight: 400;
  cursor: pointer;
  transition: all 400ms linear;
}

#sideNav .sideNavBox li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #fd5000;
  transition: all 400ms linear;
}

#sideNav .sideNavBox li.active a {
  color: #fd5000;
}

#sideNav .sideNavBox li.active a:after {
  width: 100%;
}


/*内页开始*/
.w_title {
  font-size: 1.88rem;
  padding-bottom: 0.75rem;
  line-height: 1;
  font-weight: 500;
}

.w_title_fff {
  color: #ffffff;
}

.w_text {
  font-size: 1.12rem;
  line-height: 2;
  text-align: justify;
}

.w_text ul>li {
  position: relative;
  padding-left: 2.0rem;
}

.w_text ul>li:after {
  content: '';
  position: absolute;
  top: 0.69rem;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid #2f3740;
  transform: rotate(45deg);
}

.breadcrumb {
  background-color: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  padding: 1.25rem 0 0;
  margin-bottom: 0;
}

.breadcrumb .breadcrumb-item {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.5);
}

.breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.5);
}

.breadcrumb .breadcrumb-item.active a {
  color: rgba(255, 255, 255, 1.0);
}

.bg_fff {
  background-color: #ffffff;
}

.bg_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.img_scale_relative {
  position: relative;
  overflow: hidden;
  visibility: visible !important;
}

.img_scale {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

/*.img_scale_relative::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #ff5a02, #ff5a02);
  transform: scaleX(1);
  transform-origin: right center;
  z-index: 6;
}

.img_scale_relative.visible::before,
.img_scale_relative.animated::before {
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.45s;
}

.img_scale_relative.visible .img_scale,
.img_scale_relative.animated .img_scale {
  transform: scale(1);
  transition: transform 1.2s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}*/

/**/
/*招贤纳士*/
.aboutUsHead {
  padding: 5.20rem 0;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}

.aboutUsHead .w_title {
  padding-bottom: 2.25rem;
}

.mission {
  position: relative;
  background-color: #f6f6f6;
}

.mission .missionCon {
  width: 56.25%;
  padding: 5.20vh 9.375vw 5.20vh 16.6667vw;
  position: relative;
  z-index: 1;
  min-height: 70vh;
  display: flex;
  align-items: center;
}

.missionConTab {}

.missionConTab .mission_item {
  border-top: 1px solid #e2e3e3;
  border-bottom: 1px solid #e2e3e3;
  padding: 1.0rem 0;
  margin-top: -1px;
  position: relative;
  cursor: pointer;
}

.missionConTab .mission_item:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #22bca2;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.missionConTab .mission_item .missionHead {
  font-size: 1.38rem;
  color: #2f3740;
  font-weight: 400;
  padding: 0.94rem 0;
  cursor: pointer;
  position: relative;
}

.missionConTab .mission_item .missionHead:before {
  content: '';
  position: absolute;
  top: 0.94rem;
  left: -110px;
  width: 70px;
  height: 70px;
  background-image: url(../images/missionIcon01.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.missionConTab .mission_item:nth-child(2) .missionHead:before {
  background-image: url(../images/missionIcon02.svg);
}

.missionConTab .mission_item:nth-child(3) .missionHead:before {
  background-image: url(../images/missionIcon03.svg);
}

.missionConTab .mission_item .missionHead:after {
  content: '';
  position: absolute;
  top: 0;
  right: 1rem;
  height: 100%;
  background: url(../images/bottomIcon_e2e3e3.svg) no-repeat center;
  background-size: 100%;
  width: 28px;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.missionConTab .mission_item .missionText {
  color: #2f3740;
  text-align: justify;
  padding-bottom: 1.5rem;
  display: none;
}

.missionConTab .mission_item .missionText .title {
  font-size: 1.62rem;
  font-weight: 500;
  line-height: 1.3;
  color: #22bca2;
  padding-bottom: 1.62rem;
}

.missionConTab .mission_item .missionText .text {
  line-height: 1.8;
  font-size: 1.12rem;
}

.missionConTab .mission_item .missionText .text ul>li {
  position: relative;
  padding-left: 2.0rem;
}

.missionConTab .mission_item .missionText .text ul>li:after {
  content: '';
  position: absolute;
  top: 0.62rem;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid #000;
  transform: rotate(45deg);
}

.missionConTab .mission_item.active:after {
  width: calc(100% + 9.375vw);
}

.missionConTab .mission_item.active .missionHead {
  color: #22bca2;
}

.missionConTab .mission_item.active .missionHead:before {
  opacity: 1;
  visibility: visible;
}

.missionConTab .mission_item.active .missionHead:after {
  opacity: 0;
}

.mission .missionBg {
  width: 43.75%;
  position: relative;
}

.mission .missionBg .mission_item_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 400ms;
}

.mission .missionBg .mission_item_bg.active {
  opacity: 1;
}

.jobOpportunities {
  padding: 5.20vw 0;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}

.jobOpportunities .w_title {
  padding-bottom: 2.38rem;
}

.jobOpportunities .w_text {
  width: 40.625%;
}

.jobOpportunitiesSwiper {
  position: relative;
}

.jobOpportunitiesSwiper li.swiper-slide {
  height: 26vw;
  position: relative;
}

.jobOpportunitiesSwiper li.swiper-slide .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contactUs {
  padding-top: 5.2vw;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}

.contactUsList {
  overflow: hidden;
}

.contactUsList li {
  margin-bottom: 5.2vw;
}

.contactUsList li .cultureLeft {}

.contactUsList li .cultureRight {
  padding-left: 3.7291vw;
}

.contactUsList li .img {}

.contactUsList li .con {
  padding-top: 2.125vw;
}

.contactUsList li .con .title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.contactUsList li .con .text {
  line-height: 1.8;
  padding: 1rem 0 1.5rem;
  font-size: 1.12rem;
}

.contactUsList li:nth-child(2n-1) .cultureLeft {
  -ms-flex-order: 13;
  order: 13;
}

.contactUsList li:nth-child(2n-1) .cultureRight {
  -ms-flex-order: -1;
  order: -1;
  padding-right: 3.7291vw;
  padding-left: 0;
}

/*投资者关系*/
.investor {
  padding: 5.20rem 0;
}

.investor .investorBox {
  position: relative;
  padding-left: 16rem;
}

.investor .investorColumn {
  position: absolute;
  top: 0;
  left: 0;
  width: 16rem;
}

.investorTab li {
  margin-top: 1.5rem;
}

.investorTab li a {
  color: #2f3740;
  font-size: 1.25rem;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.investorTab li a:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  background-color: #fd5000;
  height: 2px;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.investorTab li.active a,
.investorTab li a:hover {
  color: #fd5000;
  padding-left: 2.5rem;
}

.investorTab li.active a:after,
.investorTab li a:hover:after {
  width: 1.62rem;
}

.investorMain .investorNewsList {
  display: none;
}

.investorMain .investorNewsList.active {
  display: block;
}

.investorNewsList {
  border-top: 2px solid #2f3740;
}

.investorNewsList li .box {
  padding-left: 10.0rem;
}

.investorNewsList li .box .time {
  color: #949da6;
  font-size: 1.0rem;
}

.investorNewsList li .box .text .title {
  font-size: 1.25rem;
}

.investorNewsList li .box:hover .time {
  color: #fd5000;
}

.stockCode {
  padding: 11rem 0;
  color: #ffffff;
  background-attachment: fixed;
}

.stockCode_text .stockCode_text_list {
  margin-right: 1.5rem;
  padding-right: 2rem;
  position: relative;
}

.stockCode_text .stockCode_text_list:after {
  content: '';
  position: absolute;
  top: 10%;
  right: 0;
  width: 2px;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.5);
}

.stockCode_text .stockCode_text_list:last-child:after {
  display: none;
}

.stockCode_text .stockCode_text_list .titleSou {
  font-size: 1.25rem;
  font-weight: 500;
  margin-right: 1.25rem;
}

.stockCode_text .stockCode_text_list .titleSou span {
  font-size: 2.45rem;
}

.stockCode_text .stockCode_text_list .titleSou div {
  font-size: 1.25rem;
  line-height: 1.2;
}

.stockCode_text .stockCode_text_list .titleSou .down_up {
  position: relative;
  padding-right: 1.88rem;
}

.stockCode_text .stockCode_text_list .titleSou .down_up.up,
#dangC.up,
#dangB.up {
  color: #16e816;
}

.stockCode_text .stockCode_text_list .titleSou .down_up.up::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.88rem;
  margin-top: -0.94rem;
  width: 1.88rem;
  background-image: url(../images/up.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.88rem auto;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stockCode_text .stockCode_text_list .titleSou .down_up.down,
#dangC.down,
#dangB.down {
  color: #ff0000;
}

.stockCode_text .stockCode_text_list .titleSou .down_up.down::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.88rem;
  margin-top: -0.94rem;
  width: 1.88rem;
  background-image: url(../images/down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.88rem auto;
}

.stockCode_text .stockCode_text_list .titleSou #dangB,
.stockCode_text .stockCode_text_list .titleSou #arrHKData1,
.stockCode_text .stockCode_text_list .titleSou #arrHKData2 {
  font-size: 1.25rem;
}

.stockCode .title {
  font-size: 1.38rem;
  font-weight: 400;
  padding-bottom: 0.35rem;
}

.stockCode .code {
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.1;
}

.contactInformation {
  position: relative;
  width: 100%;
  background: linear-gradient(to right, #ec5b29, #f39b1c);
}

.contactInformation .con {
  width: 40%;
  padding: 6.2rem 5%;
}

.contactInformation .con .w_title {
  margin-bottom: 2.62rem;
  padding-bottom: 3.12rem;
  color: #ffe3a5;
  border-bottom: 1px solid #ffe3a5;
}

.contactInformation .con .w_text {
  color: #ffe3a5;
}

.contactInformation .img {
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

/*不良事件报告*/
.eventReport_main {
  padding-left: 33.3333%;
  position: relative;
  min-height: 100vh;
}

.eventReport_main .eventReport_main_left {
  width: 33.3333%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}

.eventReport_main .eventReport_main_left .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.eventReport_main .eventReport_main_right {
  width: 100%;
  position: relative;
  padding: 8.125rem 0 8.3333rem;
}

.eventReport_main .eventReport_main_right .hTitle {
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #2f3740;
  margin-bottom: 2.81rem;
}

.eventReport_tips {
  font-size: 16px;
  color: #666666;
  background-color: #f8f8f8;
  padding: 2.25rem 2.5rem;
  line-height: 1.6;
  text-align: justify;
  margin-bottom: 3.12rem;
}

.eventReport_tips span {
  color: rgba(47, 55, 64, 1.0);
}

.eventReport_form_title {
  font-weight: 500;
  font-size: 1.5rem;
  color: #2f3740;
  line-height: 1;
  padding: 1.25rem 0;
}

.eventReport_form hr {
  margin-bottom: 3.125vw;
  margin-top: 3.125vw;
  border-top-color: rgba(47, 55, 64, 0.2);
}

.eventReport_form ul {
  margin-right: -0.625vw;
  margin-left: -0.625vw;
}

.eventReport_form ul>li {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}

.eventReport_form .form-group {
  margin-bottom: 1.25rem;
  position: relative;
}

.eventReport_form .form-control {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #2f3740;
  box-shadow: none;
  padding: 1.5rem 0 0.38rem;
  font-size: 1.25rem;
  color: #2f3740;
  height: auto;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.eventReport_form .eventReport_label {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 1.0rem;
  color: #acafb3;
  pointer-events: none;
  transform: scale(1);
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
  transform-origin: left center;
}

.eventReport_form .eventReport_label .required {
  color: #fd5000;
}

.eventReport_form .form-group .code {
  position: absolute;
  right: 0;
  bottom: 0.75rem;
  width: 7.12rem;
  height: 2.19rem;
  z-index: 2;
}

.eventReport_active .eventReport_label {
  top: 0;
  transform: scale(0.75);
}

.eventReport_active .form-control {
  border-bottom-color: #fd5000;
}

.textarea_form {
  padding-top: 0.75rem;
  padding-bottom: 1px;
}

.textarea_form .form-control {
  border: 1px solid #2f3740;
  border-radius: 6px;
  height: 14.38rem;
  padding: 1.38rem;
  font-size: 1.0rem;
}

.textarea_form .form-control::placeholder {
  font-size: 1.0rem;
  color: #acafb3;
}

.form_button {
  padding-top: 1.25rem;
}

.form_button .btn {
  margin-right: 1.25vw;
  border-radius: 6px;
  width: 13.75rem;
  border: 2px solid #fd5000;
  color: #fd5000;
  font-size: 1.12rem;
  padding: 0.62rem;
  box-shadow: none;
}

.form_button .btn:hover {
  background-color: #fd5000;
  color: #ffffff;
}

.form_button .btn_submit {
  color: #22bca2;
  border-color: #22bca2;
}

.form_button .btn_submit:hover {
  background-color: #22bca2;
  color: #ffffff;
}

/*新闻中心*/
.newsHead {
  overflow: hidden;
  position: relative;
}

.newsHead li.swiper-slide .img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.newsHead .newsHeadBox {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 2;
}

.newsHead .newsHeadBox .title {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
  padding-bottom: 0.88rem;
}

.newsHead .newsHeadBox .text {
  font-size: 1.25rem;
}

.newsHead .img {
  position: relative;
  width: 100%;
  pointer-events: none;
}


.news {
  padding: 5.20rem 0;
}

.news .w_title {
  padding-bottom: 2.75rem;
}

.wNewsList {
  border-top: 2px solid #2f3740;
}

.wNewsList li .box .time {
  color: #949da6;
}

.wNewsList li .box:hover .time {
  color: #fd5000;
}

/*新闻详情*/
.newsD {
  position: relative;
  padding: 5.2rem 0;
}

.newsD .return {
  padding-bottom: 1.88rem;
}

.newsD .return a {
  font-weight: 400;
  font-size: 1.12rem;
  color: #fd5000;
  display: flex;
  align-items: center;
}

.newsD .return a svg {
  display: block;
  margin-right: 0.94rem;
}

.newsD .title {
  font-size: 1.88rem;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 0.75rem;
}

.newsD .time {
  font-size: 14px;
  color: #949da6;
  border-bottom: 2px solid #fd5000;
  padding-bottom: 2.88rem;
  margin-bottom: 2.88rem;
}

.newsD .text {
  line-height: 1.8;
  font-size: 1.12rem;
  color: #2f3740;
  text-align: justify;
  padding-bottom: 3.1666rem;
}

.newsD .text img {
  max-width: 800px;
}

.newsD .page {
  border-top: 1px solid #2f3740;
  position: relative;
  padding: 1.5rem 0;
}

.newsD .page .link {
  display: block;
}

.newsD .page .page_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.12rem;
  color: rgba(47, 55, 64, 0.5);
  padding-top: 4px;
  font-weight: 400;
}

.newsD .page .page_text {
  font-size: 14px;
  font-weight: 400;
  color: rgba(47, 55, 64, 0.5);
}

.newsD .page .page_perv,
.newsD .page .page_next {
  width: 40%;
}

.newsD .page .page_perv {
  text-align: left;
}

.newsD .page .page_next {
  text-align: right;
}

.newsD .page .page_return {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2.12rem;
  margin-left: -2.75rem;
}

.newsD .page .page_return a {
  display: block;
  position: relative;
  width: 5.5rem;
  height: 4.25rem;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.newsD .page .page_return a span {
  display: block;
  background-image: url(../images/returnIcon01.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.newsD .page .link:hover .page_title {
  color: rgba(47, 55, 64, 1.0);
}

/*核心产品*/
.product {
  background-color: #fff;
  position: relative;
}

.product .productItem {
  padding: 5.2rem 0;
}

.product .productItem .con {
  width: 50%;

}

.product .productItem {
  position: relative;
}

.product .productItem .con .my_text {
  position: absolute;
  right: 0;
  bottom: 0;
}

.product .productItem .con .w_title {
  padding-bottom: 1.88rem;
}

.product .productItem .con .w_text {
  margin-bottom: 1.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.product .productItem .img {
  width: 32%;
}

.product .productItem .img .img_box {
  position: relative;
  z-index: 2;
}

.product .productItem .img .sou {
  font-size: 18.75rem;
  line-height: 1;
  right: 0;
  color: rgba(255, 255, 255, 0.14);
  position: absolute;
  top: 8.0208vw;
  pointer-events: none;
  font-weight: 100;
  /* font-family: "MontserratLight"; */
}

.bookmark--list--confirm {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 60%;
  height: 270px;
  background: #f7f7f7;
  font-size: 17px;
  margin-top: -135px;
  padding: 65px 0 0 170px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9999;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
  display: none;
}

.bookmark--list--confirm__tips {
  color: #596773;
  margin-bottom: 20px;
}

.bookmark--list--confirm__text {}

.bookmark--list--confirm__buttons {
  text-align: right;
  padding: 40px 185px 0 170px;
}

.bookmark--list--confirm__buttons a {
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  width: 57px;
  margin-left: 15px;
  display: inline-block;
  border: 1px solid #9fa6ad;
  color: #9fa6ad;
  cursor: pointer;
  padding: 4px;
}

.bookmark--list--confirm__buttons a.blue {
  border: 1px solid #ff5a02;
  color: #fff;
  background: #ff5a02;
}

/*太阳新城官方网站*/
.field {
  padding: 5.20rem 0;
}

.field .w_title {
  padding-bottom: 2rem;
}

.field .w_text {
  padding-bottom: 3.12rem;
}

/*研发管线*/

.ny-yfgx-process {
  position: relative;
}

.ny-yfgx-child {
  padding-top: 15px;
  padding-bottom: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between;
}

.ny-yfgx-child .left {
  font-size: 22px;
  border-left: 10px solid;
  padding-left: 30px;
  line-height: 1.36;
  flex: 1;
  font-weight: 400;
}

.ny-yfgx-child .left span {
  font-family: "MontserratRegular";
}

.yfgx-col1 {
  border-color: #22bca2;
  color: #22bca2;
}

.yfgx-col2 {
  border-color: #004c98;
  color: #004c98;
}

.yfgx-col3 {
  border-color: #ec5b29;
  color: #ec5b29;
}

.yfgx-col4 {
  border-color: #f1cf57;
  color: #f1cf57;
}

.yfgx-col5 {
  border-color: #9ec9b2;
  color: #9ec9b2;
}

.yfgx-col6 {
  border-color: #96abb5;
  color: #96abb5;
}

.ny-yfgx-child .right {
  display: flex;
  flex: 3.6;
  flex-direction: column;
}

.ny-yfgx-child .right .ny-yfgx-list {
  background: #eeeeee;
}

.ny-yfgx-child .right ul {
  display: flex;
  height: 50px;
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  width: 0;
  color: #E2E2E2;
  opacity: 0;
}

.ny-yfgx-child .right ul {
  animation: growPipe 1s 0s 1 ease-out backwards;
  opacity: 1;
}

.ny-yfgx-child .right ul li {
  color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-right: 1px solid #fff;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  width: 100%;
  text-transform: uppercase;
}

.ny-yfgx-child .right ul li:last-child {
  border: none;
}

/*伏美替尼(核心产品)*/
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list ul {
  width: 100%;
  background-color: #00a08b;
  background-image: linear-gradient(to right, #dceae7, #00a08b);
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul {
  width: 100%;
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul {
  width: 70%;
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(7) ul {
  width: 38%;
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(9) ul {
  width: 38%;
}

/*RET抑制剂抑制剂*/
.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list ul,
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list ul,
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul,
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list ul,
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list ul {
  width: 14.4329%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list ul {
  background-color: #004c98;
  background-image: linear-gradient(to right, #a7c4d7, #004c98);
}

/*KRAS G12C抑制剂*/
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list ul {
  background-color: #ec5b29;
  background-image: linear-gradient(to right, #e7d2ca, #ec5b29);
}

/*KRAS G12D抑制剂*/
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul {
  background-color: #f0d577;
  background-image: linear-gradient(to right, #eae5d4, #f0d577);
}

/*SOS1抑制剂*/
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list ul {
  background-color: #acccbb;
  background-image: linear-gradient(to right, #cee6d9, #acccbb);
}

/*第四代EGFR抑制剂*/
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list ul {
  background-color: #a5b7bf;
  background-image: linear-gradient(to right, #dbe3e6, #a5b7bf);
}


.ny-yfgx-child .right .ny-yfgx-p {
  font-size: 16px;
  color: #2f3740;
  line-height: 1;
  padding: 20px 0;
  border-bottom: 1px dotted #C0C0C0;
  margin-bottom: 15px;
  font-weight: 400;
}

.ny-yfgx-child .right .ny-yfgx-p:last-child {
  padding-bottom: 0;
  margin: 0;
  border: none;
}

/*@keyframes growPipe {
  0% {
    width: 0%;
    color: #E2E2E2;
    font-size: 0;
    opacity: 0;
  }

  20% {
    font-size: 0;
    opacity: 0;
  }

  65% {
    font-size: 0;
  }
}*/

/*研发管线*/

.fieldBg {
  padding: 8rem 0;
  background-attachment: fixed;
}

.fieldBg .title {
  font-size: 1.88rem;
  font-weight: 400;
  color: #2f3740;
  line-height: 1.7;
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.achievements {
  background-color: #ffffff;
  padding: 5.20rem 0;
}

.achievements_box {
  position: relative;
}

.achievements_box .achievements_next,
.achievements_box .achievements_prev {
  width: 2.25rem;
  height: 2.25rem;
  background: none;
  background-size: 100%;
  background-color: #fd5000;
  color: #fff;
  border-radius: 50%;
  z-index: 700;
}

.achievements_box .achievements_next.swiper-button-disabled,
.achievements_box .achievements_prev.swiper-button-disabled {
  background-color: #fd5000;
  cursor: default;
  -webkit-opacity: .25;
  -moz-opacity: .25;
  opacity: .25;
}

.achievements_box .achievements_next::after,
.achievements_box .achievements_prev::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-49%) translateX(-60%) rotate(45deg);
  -moz-transform: translateY(-49%) translateX(-60%) rotate(45deg);
  transform: translateY(-49%) translateX(-60%) rotate(45deg)
}

.achievements_box .achievements_prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.achievements_box .achievements_next {
  right: -2.88rem;
}

.achievements_box .achievements_prev {
  left: -2.88rem;
}

.achievements .w_title {
  padding-bottom: 2.88rem;
}

.achievementsSwiper {
  padding-bottom: 3.75rem;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
}

.achievementsSwiper li.swiper-slide {
  height: auto;
}

.achievementsSwiper li.swiper-slide .box {
  display: block;
  background-color: #ffffff;
  border-top: 2px solid #22bca2;
  padding: 3.75rem 1.88rem 4.5rem;
  text-align: center;
  height: 100%;
  position: relative;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.achievementsSwiper li.swiper-slide .box .icon {
  width: 34px;
  height: 34px;
  margin: 0 auto 1.5rem;
}

.achievementsSwiper li.swiper-slide .box .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.achievementsSwiper li.swiper-slide .box .title {
  font-size: 1.12rem;
  line-height: 1.6;
  font-weight: 400;
}

.achievementsSwiper li.swiper-slide .box .time {
  font-weight: 400;
  font-size: 1.0rem;
  position: absolute;
  bottom: 2.0rem;
  left: 0;
  width: 100%;
}

.achievementsSwiper li.swiper-slide .box .time span {
  position: relative;
  padding: 0 0.62rem;
}

.achievementsSwiper li.swiper-slide .box .time span+span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.0rem;
  margin-top: -0.5rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.achievementsSwiper .swiper-pagination {
  bottom: 4px;
}

.operate {
  background-color: #f5f5f5;
  padding-left: 33.3333%;
  position: relative;
}

.operate .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3333%;
  bottom: 0;
}

.operate .con {
  padding: 5.20rem 8%;
  color: #2f3740;
}

.operate .con .w_title {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #2f3740;
}

.operate .con .sou {
  border-bottom: 1px solid rgba(47, 55, 64, 0.2);
}

.operate .con .sou li {
  position: relative;
  padding: 2.1rem 0;
}

.operate .con .sou li+li {
  padding-left: 5.0rem;
}

.operate .con .sou li+li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 3.0rem;
  margin-top: -1.5rem;
  background-color: rgba(255, 255, 255, 0.2);
}

.operate .con .sou li ._sou {
  font-size: 3.2rem;
  /* font-family: 'MontserratLight'; */
  padding-right: 1.5rem;
  line-height: 1;
}

.operate .con .sou li ._area {
  font-size: 1.0rem;
  line-height: 1.6;
}

.operate .con .w_text {
  padding: 1.88rem 0;
}

.foreignCooperation {
  background-color: #ec5b29;
}

.foreignCooperation li {
  position: relative;
}

.foreignCooperation li .con {
  height: 100%;
  display: block;
}

.foreignCooperation li.foreignCooperation_left {
  display: flex;
  align-items: flex-end;
}

.foreignCooperation li.foreignCooperation_left .con {
  padding: 10rem 30% 7rem;
  color: #ffe3a5;
  height: auto;
}

.foreignCooperation li.foreignCooperation_left .con .w_title {
  padding-bottom: 2.88rem;
  margin-bottom: 2.62rem;
  border-bottom: 1px solid #ffe3a5;
}

.foreignCooperation li.foreignCooperation_left .con .w_text {
  line-height: 1.58;
}

.foreignCooperation li.foreignCooperation_left .con .w_text p {
  padding-bottom: 1.0rem;
}

.foreignCooperation li.foreignCooperation_center {
  border-right: 1px solid #e5e5e5;
  cursor: pointer;
}

.foreignCooperation li.foreignCooperation_right {
  cursor: pointer;
}

.foreignCooperation li.foreignCooperation_center .con .img,
.foreignCooperation li.foreignCooperation_right .con .img {
  height: 83%;
}

.foreignCooperation li.foreignCooperation_center .con .title,
.foreignCooperation li.foreignCooperation_right .con .title {
  height: 17%;
  background-color: #ffffff;
  font-weight: 400;
  font-size: 1.38rem;
  padding: 0 5.2083vw;
  display: flex;
  align-items: center;
}

.foreignCooperation li .con:hover .img_scale_relative .img_scale {
  transform: scale(1.2);
}

/*关于我们*/

.honor {}

.honorTab {
  background-color: #f5f5f5;
}

.honorTab li {
  position: relative;
}

.honorTab li+li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 6.25rem;
  background-color: #e1e2e3;
  margin-top: -3.12rem;
}

.honorTab li .box {
  display: block;
  text-align: center;
  font-size: 1.12rem;
  font-weight: 400;
  color: #2f3740;
  padding: 2.8458rem 0.62rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.honorTab li .box:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #00a08c;
  margin-left: -8px;
  transition: bottom 400ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.honorTab li .box .img {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.honorTab li .box .img img:nth-child(2) {
  display: none;
}

.honorTab li .box .title {
  padding-top: 1.38rem;
  color: #2f3740;
  font-weight: 500;
}

.honorTab li.active .box:after {
  bottom: 0;
}

.honorTab li.active .box .title {
  color: #00a08c;
}

.honorTab li.active .box .img img:nth-child(1) {
  display: none;
}

.honorTab li.active .box .img img:nth-child(2) {
  display: block;
}

.honorMain .honorItem {
  display: none;
}

.honorMain .honorItem.active {
  display: block;
}

.honorItemSwiper {}

.honorItemSwiper li.swiper-slide img {
  display: block;
  width: 100%;
}

.honorMain .honorItem .honorItemBox {
  padding: 4.20rem 0;
}

.honorMain .honorItem .text {
  font-size: 1.25rem;
  line-height: 1.78;
  color: #2f3740;
  font-weight: 500;
}

.honorMain .honorItem:nth-child(3) .honorItemBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.honorMain .honorItem:nth-child(3) .honorItemBox .text {
  max-width: 63%;
}

.honorMain .honorItem .hMore {
  padding-bottom: 0.62rem;
}

.honorMain .honorItem .hMore a {
  margin: 0;
}

.history {
  padding-top: 5.20rem;
  background-color: #f6f6f6;
  overflow: hidden;
}

.history .w_title {
  padding-bottom: 2.88rem;
}

.history .section-content .content-wrap {
  padding: 0;
  min-height: 10px;
}

#history-nav {
  list-style: none;
  margin: 0;
  padding: 0
}

#history-nav .history-nav-item {
  margin: 0;
  text-align: center;
  overflow: hidden;
}

#history-nav .history-nav-item .history-link {
  display: block;
  padding-bottom: 1.75rem;
}

#history-nav .history-nav-item .nav-year {
  font-size: 1.12rem;
  color: #2f3740;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  line-height: 1.6;
  padding-bottom: 6px;
  font-family: "MontserratRegular";
}

#history-nav .history-nav-item .history-indictor {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0 auto;
  padding: 0;
  z-index: 10;
}

#history-nav .history-nav-item .history-indictor .bg {
  position: relative;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 10;
  transform: rotate(45deg);
}

#history-nav .history-nav-item .history-indictor .bg .indicator {
  content: '';
  display: flex;
  position: relative;
  width: .6em;
  height: .6em;
  background-color: #00a08c;
  align-self: center;
  padding: 0;
  margin: auto;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 20;
}

#history-nav .history-nav-item .history-indictor::before,
#history-nav .history-nav-item .history-indictor::after {
  display: block;
  position: absolute;
  content: '';
  width: 10em;
  height: 1px;
  background-color: #ccc;
  top: 50%;
  z-index: -11;
}

#history-nav .history-nav-item .history-indictor::before {
  right: 0
}

#history-nav .history-nav-item .history-indictor::after {
  left: 0
}

#history-nav .history-nav-item.first .history-indictor::before {
  display: none
}

#history-nav .history-nav-item.last .history-indictor::after {
  display: none
}

#history-nav .history-nav-item.active .nav-year {
  color: #22bca2;
}

#history-nav .history-nav-item.active .history-indictor .bg .indicator {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.timeline-aside {
  position: relative;
  /*background-image: url(../images/historyBg.jpg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding-right: 0;
  pointer-events: none;
  overflow: visible;
  z-index: 10;
  border-right: 1px solid #e3e2e3;
}

.timeline-aside::after {
  content: '';
  display: block;
  position: relative;
  padding-bottom: 40em;
}

.timeline-aside #timeline-image-wrap {
  position: absolute;
  width: 176%;
  overflow: visible;
  bottom: -1px;
  pointer-events: none;
  left: 0;
}

.timeline-aside #timeline-image-wrap #timeline-image {
  display: block;
  height: auto;
  width: 100%;
  min-width: 100%;
  pointer-events: none;
}

.timeline-wrap {
  position: relative;
  padding-left: 0;
  z-index: 1
}

.jcarousel-wrapper {
  margin: 0 auto;
  position: relative;
  max-height: 100%
}

.jcarousel-wrapper .jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 100%
}

.jcarousel-wrapper .jcarousel ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 !important;
  max-height: 100%
}

.jcarousel-wrapper .jcarousel li {
  width: 200px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%
}

.jcarousel-wrapper .jcarousel img {
  display: block;
  max-width: 100%;
  min-width: 100%;
  height: auto !important
}

#timeline {
  position: relative
}

#timeline ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

#timeline .year-col {
  position: relative;
  background: #f6f6f6;
  border-top: 1px solid #e3e2e3;
  border-right: 1px solid #e3e2e3;
  padding: 0;
  font-size: 1.12rem;
}

#timeline .year-col:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s
}

#timeline .year-col:nth-of-type(2n+0) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s
}

#timeline .year-col:nth-of-type(3n+0) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s
}

#timeline .year-col:nth-of-type(4n+0) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s
}

#timeline .year-col::before {
  display: none !important
}

#timeline .year-col .year-inner-wrap {
  position: relative
}

#timeline .year-col .year {
  position: relative;
  padding: 2em 1.25em 0 1.25em;
}

#timeline .year-col .year time {
  white-space: nowrap;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.2;
  font-family: "MontserratRegular";
}

#timeline .year-col .year.year-top {
  top: 0;
  left: 0
}

#timeline .year-col .year.year-top time {
  /* font-family: "MontserratLight"; */
}

#timeline .year-col .year-content {
  padding: 1em 1.25em 4em 1.25em;
  font-size: 1.12rem;
  line-height: 1.6;
}

#timeline .year-col .year-content p+p {
  margin-top: 0.75rem;
}

.history #timeline-controls {
  position: absolute;
  display: block;
  text-align: center;
  right: 0;
  top: 50%;
  left: 0;
  width: 100%;
  min-width: 100%;
  z-index: 900;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

.history #timeline-controls .jcarousel-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.25em;
  height: 2.25em;
  background: none;
  background-size: 100%;
  background-color: #fd5000;
  color: #fff;
  border-radius: 50%;
  z-index: 700;
  position: relative;
}

.history #timeline-controls .jcarousel-control.disabled {
  background-color: #fd5000;
  cursor: default;
  -webkit-opacity: .25;
  -moz-opacity: .25;
  opacity: .25;
}

.history #timeline-controls .jcarousel-control .carret {
  position: relative;
  display: inline-block
}

.history #timeline-controls .jcarousel-control .carret::after {
  content: '';
  display: block;
  position: absolute;
  width: .7em;
  height: .7em;
  top: 50%;
  left: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-49%) translateX(-60%) rotate(45deg);
  -moz-transform: translateY(-49%) translateX(-60%) rotate(45deg);
  transform: translateY(-49%) translateX(-60%) rotate(45deg)
}

.history #timeline-controls .jcarousel-control .carret.previous {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.history #timeline-controls .jcarousel-control.jcarousel-control-next {
  right: -2.25em;
}

.history #timeline-controls .jcarousel-control.jcarousel-control-prev {
  left: -2.25em;
}

.team {
  padding: 5.20vw 0;
}

.team .con {
  width: 30%;
}

.team .con .w_title {
  padding-bottom: 2.5rem;
}

.team .con .w_text {
  padding-bottom: 2.5rem;
}

.team .img {
  width: 57%;
  height: 21.875vw;
}

.team .img .img_scale {
  background-size: contain;
  background-position: right center;
}

/*生产运营*/
#productionOperationBanner {
  position: relative;
  height: 867px;
}

#productionOperationBanner .img {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6.7708vw;
}

#productionOperationBanner .hTitle {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 1.5rem;
  padding-right: 3.75rem;
  display: inline-block;
}

.landmark {
  position: absolute;
  z-index: 6;
  font-size: 1.12rem;
  color: #2f3740;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 240px;
  text-align: center;
  font-weight: 400;
  line-height: 1.3;
  pointer-events: none;
}

.landmark span {
  position: relative;
  display: block;
  padding: 1.12rem 1.88rem;
}

.landmark span:after,
.landmark span:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}

.landmark span:after {
  width: 2px;
  height: 40px;
  margin-left: -1px;
}

.landmark span:before {
  width: 20px;
  height: 2px;
  margin-left: -10px;
}

.landmark01 span:after,
.landmark02 span:after {
  bottom: -40px;

}

.landmark01 span:before,
.landmark02 span:before {
  bottom: -42px;
}

.landmark03 span:after,
.landmark04 span:after {
  top: -40px;

}

.landmark03 span:before,
.landmark04 span:before {
  top: -42px;
}

.landmark01 {
  top: 30.4444%;
  left: 19.0104%;
}

.landmark02 {
  top: 15.1111%;
  left: 47.7604%;
}

.landmark03 {
  bottom: 27.1111%;
  left: 49.5833%;
}

.landmark04 {
  top: 40.6666%;
  right: 16.6666%;
}

.businessScope {
  padding: 5.20rem 0;
}

.businessScope .w_title {
  padding-bottom: 2.88rem;
}

.quality .quality_item {
  background-color: #f5f5f5;
}

.quality .quality_item .con,
.quality .quality_item .img {
  width: 50%;
}

.quality .quality_item .con {
  padding: 6.2rem 8%;
  display: flex;
  align-items: center;
  color: #2f3740;
  -ms-flex-order: -1;
  order: -1;
}

.quality .quality_item .con .w_title {
  padding-bottom: 2.88rem;
  border-bottom: 1px solid #2f3740;
  margin-bottom: 2.88rem;
}

.quality .quality_item .con .text {
  font-size: 1.12rem;
  line-height: 2;
  text-align: justify;
}

.quality .quality_item .con .text ul>li {
  position: relative;
  padding-left: 2.0rem;
}

.quality .quality_item .con .text ul>li:after {
  content: '';
  position: absolute;
  top: 0.69rem;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid #2f3740;
  transform: rotate(45deg);
}

.quality .quality_item .con .text .text_hide {
  padding-top: 3.12rem;
  margin-top: 3.12rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}

.quality .quality_item .con .hMore {
  padding-top: 2.88rem;
}

.quality .quality_item .img {
  -ms-flex-order: 13;
  order: 13;
  min-height: 35.0rem;
}

.quality .quality_item:nth-child(2n) .con {
  -ms-flex-order: 0;
  order: 0;
}

.quality .quality_item:nth-child(2n) .img {
  -ms-flex-order: 0;
  order: 0;
}

.qualitySwiper {
  height: 100%;
}

.qualitySwiper .swiper-pagination {
  bottom: 3.12rem;
  text-align: right;
  padding: 0 9.375vw;
}

.quality .quality_item:nth-child(2n) .qualitySwiper .swiper-pagination {
  text-align: left;
}


.equipment {
  padding: 5.20rem 0;
}

.equipment .w_title {
  padding-bottom: 2.88rem;
}

.equipment .list {}

.equipment .hMore a {
  margin: 0 auto;
}

.equipment .list ul {
  margin-left: -0.41666vw;
  margin-right: -0.41666vw;
}

.equipment .list li {
  padding-left: 0.41666vw;
  padding-right: 0.41666vw;
  margin-bottom: 2.6041vw;
}

.equipment .list li .box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
}

.equipment .list li .box::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fe5b00;
  transition: all 0.6s ease-in;
}

.equipment .list li .box .img {
  height: 14.5833vw;
}

.equipment .list li .box .title {
  font-size: 1.12rem;
  color: #2f3740;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1.88rem 0 2.5rem;
}

.equipment .list li .box:hover::before {
  width: 100%;
}

/*搜索*/
.searchField {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  overflow: hidden;
  display: none;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.searchField_form {
  position: relative;
}

.searchField_form .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 5.0rem;
  line-height: 5.0rem;
}

.searchField_form .icon img {
  width: 1.625rem;
  height: 1.625rem;
}

.searchField_form .icon::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 2.0rem;
  background-color: #d0d0d0;
  margin-top: -1.0rem;
}

.searchField_form .form-control {
  font-size: 1.12rem;
  border-radius: 0;
  height: 5.0rem;
  box-shadow: none;
  border: 0;
  color: #111111;
  padding: 0 7.5rem 0 5.375rem;
  font-weight: 300;
}

.searchField_form .btn {
  background-image: url(../images/icon27.svg);
  background-size: 1.375rem auto;
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  padding-right: 2.25rem;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1.12rem;
  box-shadow: none;
  color: #111111;
}

/*对外合作弹框*/
.innovateCase .modalClose {
  position: fixed;
  top: 0;
  right: 0;
  width: 3.6458vw;
  height: 3.6458vw;
  background-color: #ec5b29;
  cursor: pointer;
  z-index: 10;
}

.innovateCase .modalClose img {
  display: block;
  width: 28px;
  height: 28px;
}

.innovateCase .modal-dialog {
  max-width: 100%;
  margin: 0;
}

.modalMain {
  position: relative;
}

.modalMain .modalMainBg {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 33.3333%;
  background-color: #fef7f4;
}

.modal-content {
  background-color: #ffffff;
  border: none;
}

.modalMain .modalMainBox {
  padding-left: 33.3333%;
  min-height: 100vh;
  width: 100%;
}

.modalMainCon {
  padding: 6.7708rem 12%;
}

.modal-open .modal {
  padding-right: 0 !important;
}

.modal-open .modal::-webkit-scrollbar {
  width: 0;
}

.innovateTitle {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 2.62rem;
}

#independentModal .innovateTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2.62rem;
}

.innovateCase hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 4.6458rem 0;
}

.advantage_list {
  margin-left: -0.5729vw;
  margin-right: -0.5729vw;
}

.advantage_list li {
  padding-left: 0.5729vw;
  padding-right: 0.5729vw;
  margin-bottom: 1.1458vw;
}

.advantage_list li .box {
  border-top: 2px solid #29b3a6;
  background-color: #f7fcfc;
  padding: 0.62rem 2.1875rem 2.4rem;
  height: 100%;
}

.advantage_list li:nth-child(2) .box {
  border-top: 2px solid #fd5000;
  background-color: #fef9f7;
}

.advantage_list li:nth-child(3) .box {
  border-top: 2px solid #024b97;
  background-color: #f5f8fb;
}

.advantage_list li:nth-child(4) .box {
  border-top: 2px solid #a5b7bf;
  background-color: #f7f9f9;
}

.advantage_list li .box .title {
  font-weight: 400;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.advantage_list li .box .text {
  line-height: 1.8;
  font-size: 1.12rem;
}

.advantage_list li .box .text p {
  position: relative;
  padding-left: 1.0rem;
}

.advantage_list li .box .text p:after {
  content: '';
  position: absolute;
  top: 0.81rem;
  left: 0;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 100%;
  background-color: #000;
}

.independent_list {
  margin-left: -0.4166vw;
  margin-right: -0.4166vw;
}

.independent_list li {
  padding-left: 0.4166vw;
  padding-right: 0.4166vw;
  margin-bottom: 0.8333vw;
}

.independent_list li .box {
  background-color: #f0f5fb;
  height: 100%;
  color: #3481c3;
}

.independent_list li:nth-child(2) .box {
  background-color: #edf6fb;
  color: #0070ba;
}

.independent_list li:nth-child(3) .box {
  background-color: #effafe;
  color: #49bef3;
}

.independent_list li:nth-child(4) .box {
  background-color: #eaf7f9;
  color: #29b3a6;
}

.independent_list li:nth-child(5) .box {
  background-color: #fff1ef;
  color: #ff4f32;
}

.independent_list li .box .title {
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*产品弹框*/
.proImg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 14.0625%;
  z-index: 2;
}

.instructionsBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.instructionsBtn a {
  display: block;
  color: #2f3740;
  font-size: 1.12rem;
  font-weight: 400;
  text-align: center;
  position: relative;
  border-top: 1px solid #c6d2d7;
  padding: 1.62rem 0;
}

.instructionsBtn a:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 0;
  bottom: 0;
  background-color: #333333;
  transition: all 600ms cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.instructionsBtn a span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.instructionsBtn a span img {
  width: 30px;
  height: 30px;
  margin-right: 1.0rem;
}

#productModal .innovateTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2.62rem;
}

.productModal_title {
  font-size: 1.5rem;
  padding: 1.0rem 0 2.0rem;
  line-height: 1;
}

.productModal_list li {
  padding-bottom: 1.0416vw;
}

.productModal_list li .box {
  position: relative;
  padding-left: 98px;
}

.productModal_list li .box .icon {
  width: 66px;
  height: 66px;
  padding: 0.62rem;
  border-radius: 100%;
  background-color: #22bba1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  left: 0;
}

.productModal_list li .box .icon:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -32px;
  width: 29px;
  height: 2px;
  background-color: #cde5d8;
  margin-top: -1px;
}

.productModal_list li .box .text {
  font-size: 1.12rem;
  background-color: #f4fbfa;
  border-radius: 6px;
  line-height: 1.8;
  padding: 0.94rem 1.25rem;
}

.productModal_list li:nth-child(2n) .box .icon {
  background-color: #fd5000;
}

.productModal_list li:nth-child(2n) .box .icon:after {
  background-color: #ffdccc;
}

.productModal_list li:nth-child(2n) .box .text {
  background-color: #fef7f4;
}

/*隐私政策*/
.privacyPolicy {
  padding: 5.2vw 0;
}

#pageSwiper {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}

.pageWrapper {
  pointer-events: none;
}

.pageSlide {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.0);
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.pageSlideBanner {
  pointer-events: none;
}

#pagination1,
#pagination2,
#pagination3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
}

#pagination1 span,
#pagination1 a,
#pagination2 span,
#pagination2 a,
#pagination3 span,
#pagination3 a {
  display: block;
  font-size: 1.0rem;
  color: #111;
  font-weight: 500;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.0);
  padding: 4px 12px;
  border: 1px solid #cccccc;
  text-align: center;
  border-radius: 6px;
  margin: 0 0.18rem;
}

#pagination1 span.current,
#pagination2 span.current,
#pagination3 span.current {
  border-color: #fd5000;
  background-color: #fd5000;
  color: #ffffff;
}

/**/

/**/
.managementTeam {
  background-color: #f6f6f6;
  padding-bottom: 6.25rem;
}

.managementTeam .breadcrumb {
  padding: 2.5rem 0;
}

.managementTeam .breadcrumb .breadcrumb-item a {
  color: #878d93;
}

.managementTeam .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: #2f3740;
}

.managementTeam .breadcrumb .breadcrumb-item.active a {
  color: #2f3740;
}

.managementTeamList .listUl {
  margin-left: -10px;
  margin-right: -10px;
}

.managementTeamList .listUl li {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.managementTeamList .listUl li .box {
  background-color: #ffffff;
  cursor: pointer;
  text-align: center;
  height: 100%;
}

.managementTeamList .listUl li .box .img img {
  width: 100%;
  display: block;
}

.managementTeamList .listUl li .box .text {
  padding: 0.75rem;
}

.managementTeamList .listUl li .box .text .title {
  font-size: 1.25rem;
}

.managementTeamList .listUl li .box .text .position {
  font-size: 1.0rem;
}

.managementTeamList .listUlBorder {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 2.5rem;
  margin-bottom: 3.75rem;
}

/*弹框*/
.teamCase {
  background-color: rgba(0, 0, 0, 0.75);
}

.teamCase .modal-dialog {
  max-width: 1000px;
}

.teamCase .modal-content {
  border-radius: 0;
}

.teamCase .modalClose {
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #eb5a2a;
}

.teamCase .modalClose img {
  width: 22px;
}

.teamCase .teamCaseMain {
  padding: 6.25rem 6.88rem;
  position: relative;
}

.teamCase .teamCaseMain .title {
  font-size: 1.75rem;
}

.teamCase .teamCaseMain .position {
  font-size: 1.0rem;
  color: rgba(47, 55, 64, 0.5);
}

.teamCase .teamCaseMain .text {
  font-size: 1.0rem;
  line-height: 2;
  margin-top: 1.25rem;
}

.teamCase .modalPrev,
.teamCase .modalNext {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background-color: rgba(253, 80, 0, 1.0);
  border-radius: 100px;
  margin-top: -18px;
  cursor: pointer;
}

.teamCase .modalPrev:after,
.teamCase .modalNext:after {
  content: '';
  position: absolute;
  top: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transition: all .20s ease;
  -moz-transition: all .20s ease;
  -ms-transition: all .20s ease;
  -o-transition: all .20s ease;
  transition: all .20s ease;
}

.teamCase .modalPrev:after {
  right: 50%;
  margin-right: -7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.teamCase .modalNext:after {
  left: 50%;
  margin-left: -7px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.teamCase .modalPrev {
  left: 2.12rem;
}

.teamCase .modalNext {
  right: 2.12rem;
}

.teamCase .modalPrev.disabled,
.teamCase .modalNext.disabled {
  cursor: default;
  background-color: rgba(253, 80, 0, 0.3);
}

/*不良事件报告*/
.adverseEvent {
  padding: 5.2rem 0;
  position: relative;
}

.adverseEvent .w_title {
  padding-left: 3.75rem;
  position: relative;
  padding-bottom: 0;
}

.adverseEvent .w_title::after,
.adverseEvent .w_title::before {
  content: '';
  position: absolute;
  top: 0.38rem;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2px;
  background-color: #22bca2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.adverseEvent .w_title::before {
  left: 0.75rem;
  background-color: #76d5c6;
}

.adverseEvent .w_text {
  padding-left: 3.75rem;
  padding-bottom: 1.25rem;
  padding-top: 1.0rem;
  border-bottom: 1px solid #2f3740;
  font-size: 1.0rem;
}

.adverseEvent .adverseEventText {
  background-color: #f6f6f6;
  padding: 3.75rem;
  color: #626262;
  line-height: 1.8;
  margin: 3.12rem 0;
}

.adverseEvent .adverseEventText p+p {
  margin-top: 0.75rem;
}

.adverseEvent .list {
  padding: 0 3.75rem;
  position: relative;
}

.adverseEvent .list .title {
  font-size: 1.38rem;
  padding-bottom: 0.75rem;
}

.adverseEvent .list ul.row li .box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
  border: 3px solid #d5d7d9;
  color: #2f3740;
  height: 10.62rem;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.adverseEvent .list ul.row li .box .img img {
  display: none;
  margin: 0 auto;
}

.adverseEvent .list ul.row li .box .img .img_b {
  display: block;
}

.adverseEvent .list ul.row li .box .text {
  font-size: 1.12rem;
  margin-top: 1rem;
}

.adverseEvent .list ul.row li .box:hover {
  background-color: #22bca2;
  border-color: #22bca2;
  color: #ffffff;
}

.adverseEvent .list ul.row li .box:hover .img .img_b {
  display: none;
}

.adverseEvent .list ul.row li .box:hover .img .img_w {
  display: block;
}

.adverseEventSteps {
  padding: 7.81rem 0;
  position: relative;
}

.adverseEventSteps .stepsImg {
  margin-bottom: 2.62rem;
}

.adverseEventSteps .stepsTitle {
  font-size: 1.38rem;
  padding-bottom: 2.0rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.adverseEventSteps .stepsTitle .text {
  font-size: 1.0rem;
  color: #acafb3;
}

.adverseEventSteps .stepsTitle .text span,
.stepsBox .labelTitle span,
.radio_type .labelText span,
.stepsBox .form-check label span {
  color: #fd5000;
}

.stepsBox .formGroup {
  margin-bottom: 2.5rem;
  position: relative;
}

.stepsBox .labelTitle {
  margin-bottom: 0.75rem;
  font-size: 1.12rem;
}

.stepsBox .form-control {
  height: 3.75rem;
  padding: 0 1.62rem;
  font-size: 1.0rem;
  color: #3d444d;
  box-shadow: none;
  border-radius: 6px;
}

.stepsBox .form-control:focus {
  border-color: #fd5c11;
}

.stepsBox textarea.form-control {
  height: 18.75rem;
  padding: 1.25rem 1.62rem;
}

.radio_type {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.radio_type .labelTitle {
  margin-right: 2.5rem;
  cursor: pointer;
  padding-left: 2.25rem;
  position: relative;
}

.radio_type .labelTitle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.62rem;
  border-radius: 100%;
  border: 1px solid #3d444d;
}

.radio_type .labelTitle.selected::after {
  border-color: #fd5000;
  background-color: #fd5000;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem auto;
}

.radio_type .labelText {
  color: #b7babd;
  font-size: 1.0rem;
  margin-bottom: 0.75rem;
  flex: 1;
  text-align: right;
}

.radioTab .radioInput {
  display: none;
}

.radioTab .radioInput.selected {
  display: block;
}

.stepsBox .form-check {
  padding-left: 2.25rem;
  position: relative;
  margin-bottom: 0.75rem;
}

.stepsBox .form-check label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.62rem;
  border-radius: 100%;
  border: 1px solid #3d444d;
}

.stepsBox .form-check input[type="checkbox"]:checked+label::before {
  border-color: #fd5000;
  background-color: #fd5000;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem auto;
}

.stepsBox .form-check label {
  cursor: pointer;
  font-size: 1.12rem;
  color: #2f3740;
  text-align: left;
}

.stepsBox .btn {
  margin-right: 1.5rem;
  width: 13.75rem;
  padding: 10px 20px;
  font-size: 1.12rem;
  border-width: 2px;
  box-shadow: none;
}

.stepsBox .btn-primary {
  border-color: #22bca2;
  color: #ffffff;
  background-color: #22bca2;
}

.stepsBox .btn-default {
  border-color: #fd5000;
  color: #fd5000;
  background-color: #ffffff;
}

.stepsBox .btn-default:hover {
  border-color: #fd5000;
  color: #ffffff;
  background-color: #fd5000;
}

.textareaText {
  color: #2f3740;
  font-size: 1.0rem;
  margin-top: 1.25rem;
}