/* @font-face {
  font-family: 'Alibaba-PuHuiTi';
  src: url('PHT/Alibaba-PuHuiTi-Light.ttf') format('truetype');
  font-weight: 300;
} */
/* @font-face {
  font-family: 'Alibaba-PuHuiTi';
  src: url('PHT/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
  font-weight: 400;
} */
/* @font-face {
  font-family: 'Alibaba-PuHuiTi';
  src: url('PHT/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
  font-weight: 500;
} */
/* @font-face {
  font-family: 'Alibaba-PuHuiTi';
  src: url('PHT/Alibaba-PuHuiTi-Bold.ttf') format('truetype');
  font-weight: 700;
} */
/* @import url('https://fonts.font.im/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap'); */
*, *:before, *:after {
  box-sizing: content-box;
  margin: 0;
  padding: 0;
}
html, body, input, textarea, button {
  font-family: 'Alibaba-PuHuiTi';
  /* font-family: 'Noto Sans SC', sans-serif; */
  /* font-family: 'pht-en', 'pht'; */
}
body {
  background: #fff;
  color: #3e3a39;
}
body::-webkit-scrollbar {
  display: none;
}
a {
  text-decoration: none;
}
ul, ol {
    list-style: none;
}
i {
  font-style: normal;
}
img {
  display: block;
}
/* ========Header======= */
header {
  display: flex;
  width: 100%;
  border-bottom: #009cf5 0.75vw solid;
}
.logo {
  flex: 0 0;
  padding: 1.2vw 5vw;
}
.logo img {
  width: 16vw;
}
header nav {
  flex: 0.93 1;
}
header nav ul {
  display: flex;
  /* justify-content: space-evenly; */
  height: 100%;
}
header nav ul li {
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
header nav ul li a {
  font-size: 1.25vw;
  font-weight: 500;
  color: #0040c7;
  height: 100%;
}
header nav ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}
header nav ul li i {
  font-size: 0.75vw;
  font-weight: 400;
  color: #009cf5;
  white-space: nowrap;
}
header nav ul li:hover a,
header nav ul li a.active {
  background-color: #0040c7;
  background-clip: border-box;
  color: #fff;
}
header nav ul li:hover i,
header nav ul li a.active i {
  color: #fff;
}
header nav>ul>li:not(:last-child)::after {
  content: '';
  height: 2.5vw;
  width: 0.05vw;
  background-color: #000;
}
header nav .sub-nav {
  display: none;
  position: absolute;
  top: 5.75vw;
  width: 100%;
  padding-top: 0.75vw;
  z-index: 5;
}
header nav ul li:hover .sub-nav {
  display: block;
}
header nav .sub-nav ul {
  display: flex;
  flex-direction: column;
}
header nav .sub-nav ul li {
  flex-direction: column;
}
header nav .sub-nav ul li:not(:last-child)::after {
  content: '';
  height: 0.03vw;
  width: 80%;
  background-color: #fff;
  margin-top: -0.1vw;
}
header nav .sub-nav ul li a {
  font-size: 1vw;
  font-weight: 400;
  color: #858585;
  width: 100%;
  background-color: #e3e3e3;
  padding: 1vw 0;
}
header nav .sub-nav ul li:hover a,
header nav .sub-nav ul li:hover i {
  color: #0040c7;
}
header nav .sub-nav ul li i {
  font-size: 0.5vw;
  color: #858585;
  text-align: center;
}
/* ========Common======= */
article {
  padding: 7vw 8vw;
}
h1 {
  display: flex;
  flex-direction: column;
  font-size: 3.75vw;
  font-weight: 500;
  color: #0040c7;
}
h1 i {
  font-size: 2.5vw;
  font-weight: 400;
  color: #009cf5;
}
p {
  font-size: 1vw;
  text-align: justify;
}
h4 {
  display: flex;
  flex-direction: column;
  font-size: 1.9vw;
  font-weight: 500;
  color: #0040c7;
}
h4 i {
  font-size: 1.6vw;
  font-weight: 400;
  color: #009cf5;
}
h5 {
  font-size: 1.6vw;
  font-weight: 700;
  color: #0040c7;
}
article.fullpage {
  padding: 7vw 0;
}
.left-frame {
  position: absolute;
  left: 0;
  width: 4.5vw;
  height: 23vw;
  border: #009cf5 0.65vw solid;
  border-left: none;
}
.right-frame {
  position: absolute;
  right: 0;
  width: 3.5vw;
  height: 24vw;
  border: #009cf5 0.65vw solid;
  border-right: none;
}
p.cn {
  font-size: 1.06vw;
  line-height: 1.9vw;
}
p.en {
  font-size: 0.94vw;
  line-height: 1.9vw;
}

/* ========Index======= */
.news {
  display: flex;
  width: 100vw;
  background-color: #0040c7;
}
.news .label {
  width: 5.7vw;
  padding: 1vw 3.5vw 1vw 7.5vw;
  background-color: #009cf5;
  z-index: 3;
}
.news .label a {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
}
.news .label a i {
  font-weight: 400;
}

.news .content {
  padding-left: 2vw;
  width: 72.5vw;
}
.news .content ul {
  position: relative;
  /* margin-right: 9vw; */
}
.news .content ul li {
  position: relative;
  float: left;
  /* width: 24.5vw; */
  width: 24.2vw;
  padding-top: 1.8vw;
}
.news .content a {
  color: #00b0ec;
  font-size: 1.25vw;
}
.news .content a:hover {
  color: #fff;
}
.news .control {
  width: 10.8vw;
  z-index: 3;
  background-color: #0040c7;
}
.news .btn {
  position: absolute;
  width: 1.25vw;
  height: 2vw;
  top: 59vw;
  cursor: pointer;
}
.news .prev{
  left: 92vw;
  background: url(../images/left.png) no-repeat;
  background-size: contain;
}
.news .next{
  left: 94vw;
  background: url(../images/right.png) no-repeat;
  background-size: contain;
}

.profile {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: space-between;
  height: 40vw;
  padding: 3vw 8vw;
}
.profile p:first-of-type {
  width: 37vw;
  line-height: 1.75vw;
}
.profile p:last-of-type {
  width: 42vw;
  line-height: 1.6vw;
}
.profile .data {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: space-between;
  height: 12vw;
  width: 37vw;
}
.profile dl {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.profile dt {
  font-size: 2.5vw;
  font-weight: 700;
  color: #0040c7;
}
.profile dt i {
  font-size: 1.25vw;
}
.profile dd {
  font-size: 1.25vw;
}
.profile img{
  width: 42vw;
}
.history {
  padding: 2vw 8vw;
  background-color: #c9caca;
}
.history img {
  width: 84vw;
}
.core {
  display: flex;
  flex-wrap: wrap;
  width: 84vw;
  padding: 3vw 8vw;
}
.core div {
  width: 42vw;
}
.core div img {
  width: 42vw;
}
.core div:nth-child(2) {
  background-image: url(../images/core_02.png);
  background-size: 42vw auto;
}
.core div:nth-child(3) {
  background-image: url(../images/core_03.png);
  background-size: 42vw auto;
}
.core div:nth-child(2) p {
  padding-left: 3vw;
  padding-top: 7.5vw;
  line-height: 2vw;
}
.core div:nth-child(3) h1 {
  padding-top: 4.5vw;
  padding-bottom: 2vw;
}
.core div:nth-child(3) p {
  line-height: 1.75vw;
  width: 34vw;
}

.product {
	display: inline-block;
	position: relative;
	overflow: hidden;
  width: 84vw;
	height: 7vw;
  margin: 2vw 8vw 4vw;
	/* cursor: pointer; */
}

.product .marquee, .product *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.product .marquee {
  margin-left: 25%;
}

.product .marquee-list {
  display: inline-block;
  margin: 0;
  position: relative;
}

.product .marquee-list li {
  display: inline-block;
  width: 15vw;
  padding-right: 1vw;
}

.product figure {
  display: flex;
  flex-direction: column;
}
.product figure img {
  height: 5vw;
  width: 12.5vw;
  align-self: center;
}
.product figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75vw;
}
.product figcaption i {
  white-space: nowrap;
  font-size: 0.6vw;
}

.partners div:first-child {
  display: flex;
  background-image: url(../images/blue.png);
  background-size: 100vw auto;
  background-repeat: no-repeat;
  height: 17.9vw;
  padding-left: 17vw;
}
.partners h1 {
  align-items: flex-end;
  width: 15vw;
  padding-top: 2.25vw;
  padding-right: 2vw;
}
.partners h1 i {
  color: #0040c7;
}
.partners div>div {
  margin: 3.5vw 0;
  border-left: 0.2vw #fff solid;
  padding-left: 2vw;
}
.partners dl {
  font-size: 1vw;
  color: #fff;
  line-height: 1.8vw;
}
.partners dt {
  font-weight: 500;
}
.partners dd {
  font-weight: 400;
}
.partners dl+dl {
  padding-top: 2vw;
}
.partners img {
  width: 84vw;
  padding: 5vw 8vw;
}

.equipment {
  padding: 3vw 8vw;
}
.equipment div {
  display: flex;
  justify-content: center;
}
.equipment h1 {
  flex-direction: row;
  align-items: center;
}
.equipment h1 i {
  margin-left: 2.5vw;
}
.equipment h1::before,
.equipment h1::after {
  content: '';
  height: 0.35vw;
  width: 15vw;
  background-color: #c9caca;
}

.equipment h1::before {
  /* margin-right: 5.15vw; */
  margin-right: 4.75vw;
}
.equipment h1::after {
  /* margin-left: 5.14vw; */
  margin-left: 4.73vw;
}
.equipment ul {
  display: flex;
  justify-content: space-between;
  /* padding: 0 8vw; */
}
.equipment a:hover .mask{
  opacity: 1;
  display: flex;
  justify-content: center;
}
.equipment a:hover .mask img{
  display: block;
}
.equipment img {
  width: 27vw;
  margin: 3vw 0;
}
.equipment .mask img {
  width: 27vw;
  height: 38.5vw;
  margin-top: 0vw;
}
.equipment .mask {
  position: absolute;
  width: 27vw;
  height: 38.5vw;	
  background: rgba(0, 64, 199, 0.8);
  color: #ffffff;
  opacity: 0;
  margin-top: 3vw;
  display: none;
}

footer {
  border-top: #c9caca 1vw solid;
  padding: 2.5vw 8vw 1vw;
  height: 26vw;
  background-color: #0040c7;
  background-image: url(../images/footer-map.png);
  background-repeat: no-repeat;
  background-size: 40vw;
  background-position: 50vw 5vw;
  display: flex;
}
footer>ul {
  display: flex;
  padding-top: 3.5vw;
}
footer ul>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #009cf5;
  font-size: 1.1vw;
  width: 8vw;
}
footer ul>li i {
  font-size: 0.7vw;
}
footer ul ul {
  display: flex;
  flex-direction: column;
}
footer ul ul::before {
  content: '';
  height: 0.1vw;
  width: 4vw;
  background-color: #009cf5;
  margin: 0.5vw auto 0.7vw;
}
footer ul ul>li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8vw;
  font-weight: 300;
  color: #9a9a9a;
  text-align: center;
  padding-bottom: 0.7vw;
}
footer ul ul>li a:hover {
  color: #fff;
}
footer ul ul>li i {
  font-size: 0.25vw;
}
footer div.info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  padding-left: 7vw;
}
footer div.info div {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding-top: 3.5vw;
}
footer div.left {
  background-image: url(../images/logo-icon.png);
  background-repeat: no-repeat;
  background-size: 5vw auto;
  background-position: right top;
  padding-right: 3vw;
}
footer div.left p {
  font-size: 1.9vw;
}
footer div.right {
  display: flex;
  flex-direction: column;
}
footer h1 {
  color: #009cf5;
  font-size: 4vw;
  font-weight: 400;
  padding-top: 0.5vw;
  padding-bottom: 1vw;
}
footer hr {
  width: 6vw;
}
footer div.right p.title {
  font-size: 1.35vw;
  padding: 2.2vw 0;
}
footer div.right p {
  font-size: 0.85vw;
  line-height: 1.6vw;
}
footer div.info>p {
  display: flex;
  justify-content: space-between;
  width: 35vw;
}
footer div.info>p a,
footer div.info>p span {
  color: #fff;
  font-size: 0.5vw;
}

/* =======Sliders======== */
.sliders ul {
  position: relative;
}
.sliders ul li {
  position: relative;
  float: left;
  width: 100vw;
}
.sliders img {
  width: 100vw;
}
.sliders .btn {
  position: absolute;
  width: 1.25vw;
  height: 2vw;
  top: 52vw;
  cursor: pointer;
}
.sliders .prev{
  left: 8vw;
  background: url(../images/left.png) no-repeat;
  background-size: contain;
}
.sliders .next{
  left: 11vw;
  background: url(../images/right.png) no-repeat;
  background-size: contain;
}
.sliders span.i1 {
  position: absolute;
  top: 4vw;
  left: 15.5vw;
}
.sliders span.i1 img {
  width: 20.7vw;
}
.sliders span.i2 {
  position: absolute;
  top: 17.5vw;
  right: 11vw;
}
.sliders span.i2 img {
  width: 18vw;
}
.sliders span.i3 {
  position: absolute;
  top: 30vw;
  left: 8vw;
}
.sliders span.i3 img {
  width: 29vw;
}
.sliders span.i4 {
  position: absolute;
  top: 10.5vw;
  left: 8vw;
}
.sliders span.i4 img {
  width: 26vw;
}
.sliders span.i5 {
  position: absolute;
  top: 27vw;
  left: 8vw;
}
.sliders span.i5 img {
  width: 24vw;
}

/* ========Profiles======= */
#profile .full img {
  width: 84vw;
  padding-top: 4vw;
}
#profile .content {
  display: flex;
  justify-content: space-between;
  padding-top: 4vw;
}
#profile .content div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 45vw;
  height: 24.4vw;
}
#profile p.en {
  line-height: 1.7vw;
}
#profile .content img {
  width: 43vw;
  margin-right: -8vw;
}
#profile .pictures {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 4vw;
}
#profile .pictures .data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 37vw;
}
#profile .pictures dl {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  width: 14vw;
}
#profile .pictures dt {
  font-size: 2.5vw;
  font-weight: 700;
  color: #0040c7;
}
#profile .pictures dt i {
  font-size: 1.25vw;
}
#profile .pictures dd {
  font-size: 1.25vw;
}
#profile .pictures img:first-of-type {
  width: 65vw;
}
#profile .pictures img:nth-of-type(2) {
  width: 50.25vw;
  margin-top: -3.5vw;
}
#profile .pictures img:last-of-type {
  width: 22.5vw;
  align-self: flex-end;
}
#profile .history {
  padding: 10vw 0 0;
  background-color: #fff;
}
/* ========Cultures======= */
#culture article {
  padding-bottom: 3vw;
}
#culture article .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 48vw;
  background-image: url(../images/logo-large.png);
  background-repeat: no-repeat;
  background-size: 25.5vw;
  background-position-x: 21.2vw;
}
#culture article .content div:first-of-type p {
  font-size: 2.66vw;
  font-weight: 700;
  color: #0040c7;
  white-space: pre;
}
#culture article .content div:first-of-type p:last-of-type {
  font-size: 1.42vw;
}
#culture article .content div:last-of-type p {
  width: 30.5vw;
}
#culture article .content>div:last-of-type {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-evenly;
  align-content: space-between;
  height: 23.75vw;
}
#culture article .feature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  width: 46vw;
}
#culture article .point {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 12vw;
  height: 17.55vw;
}
#culture article .point:first-child {
  align-self: flex-end;
}
#culture article .point:last-child {
  align-self: flex-start;
}
#culture article .point div {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 8.7vw;
}
#culture article .point div:first-child {
  justify-content: center;
  font-size: 4.5vw;
  font-weight: 700;
  color: #fff;
  background-color: #0040c7;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}
#culture article .point div:first-child i {
  font-size: 1.5vw;
  margin-top: -0.5vw;
}
#culture article .point div:last-child {
  justify-content: space-evenly;
  font-size: 1.15vw;
  color: #0040c7;
  background-color: #009cf5;
  border-bottom-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
}
#culture article .point div:last-child i {
  font-size: 0.9vw;
  text-align: center;
}
#culture .pictures {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}
#culture .pictures img {
  width: 50vw;
}

/* ========Concept======= */
#concept article {
  padding-bottom: 14vw;
}
#concept .foucs {
  background: url(../images/concept.jpg) no-repeat;
  background-size: 78vw;
  background-position: 0 13vw;
  margin-left: -8vw;
  height: 66vw;
}
#concept article .foucs p:first-of-type {
  font-size: 3.9vw;
  font-weight: 700;
  color: #0040c7;
  text-align: right;
  padding-top: 5vw;
}
#concept article .foucs p:last-of-type {
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 2.5vw;
  color: #009cf5;
  text-align: right;
  padding-top: 5vw;
}
#concept figure {
  display: flex;
  justify-content: flex-end;
}
#concept figure img {
  width: 27.5vw;
  margin-top: -11vw;
}
#concept article .content {
  padding: 13vw;
  padding-top: 4vw;
  margin-right: 14vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: url(../images/concept-word.png);
  background-repeat: no-repeat;
  background-size: 45%;
  background-position: bottom right;
}
#concept article .content div:first-of-type p {
  font-size: 1.06vw;
  line-height: 1.8vw;
  padding: 3vw 0 5vw;
}
#concept article .content div:nth-of-type(2) h5 {
  color: #009cf5;
}
#concept article .content div:nth-of-type(2) p {
  font-size: 0.94vw;
  line-height: 1.8vw;
  padding: 3vw 0 5vw;
}
#concept article .content>p {
  font-size: 1.06vw;
  line-height: 1.8vw;
  padding-top: 3.5vw;
}
#concept article .content>p+p {
  font-size: 0.94vw;
  padding-top: 2.5vw;
}
#concept article .content h2 {
  font-size: 3.43vw;
  font-weight: 700;
  color: #0040c7;
  white-space: pre;
  padding-top: 6vw;
}
#concept .left-frame {
  margin-top: 35vw;
}
/* ========Future======= */
#future article {
  background: url(../images/future.jpg) no-repeat;
  background-size: contain;
  background-position: top;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15vw;
}
#future article .content {
  width: 35vw;
}
#future article .content p.cn {
  padding-top: 6vw;
}
#future article .content p.en {
  padding-top: 4vw;
}
#future article .man {
  background: url(../images/frame-right.png) no-repeat;
  background-size: contain;
  background-position: bottom;
  align-self: center;
  width: 21.5vw;
  margin-top: 19vw;
  margin-right: 15vw;
}
#future article img:last-of-type {
  height: 33vw;
  padding-left: 5vw;
  margin-bottom: -1vw;
}
/* ========Quality======= */
#quality article {
  background: url(../images/medal.jpg) no-repeat;
  background-size: 29vw;
  background-position: 53vw 0;
}
#quality article .content {
  width: 35vw;
}
#quality article .content p.cn {
  padding-top: 6vw;
}
#quality article .content p.en {
  padding-top: 4vw;
}
#quality article .certs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20vw;
  height: 78vw;
}
#quality article .certs figure:first-of-type {
  align-self: flex-start;
}
#quality article .certs figure:last-of-type {
  align-self: flex-end;
}
#quality article .certs img {
  width: 25vw;
}
#quality article .certs figcaption {
  font-size: 1vw;
  font-weight: 300;
  text-align: center;
  padding-top: 3vw;
}
/* ========Rewards======= */
#rewards article {
  background: url(../images/rewards.jpg) no-repeat;
  background-size: contain;
  background-position: top;
  height: 33.6vw;
}
#rewards figure {
  padding-bottom: 4vw;
}
#rewards figure img {
  width: 100vw;
}
/* ========Certificate======= */
#certificate figure {
  display: flex;
  flex-wrap: wrap;
}
#certificate figure img {
  width: 50vw;
}
/* ========Innovation======= */
#innovation article .img {
  position: relative;
  display: flex;
}
#innovation article .img img:nth-of-type(1) {
  margin-left: -8vw;
  margin-top: 3vw;
  width: 51.5vw;
}
#innovation article .img img:nth-of-type(2) {
  height: 24.5vw;
  margin-left: -4.2vw;
  mix-blend-mode: multiply;
}
#innovation .content {
  display: flex;
  justify-content: space-between;
  padding-top: 4vw;
}
#innovation .content img {
  width: 100%;
}
#innovation .content .left {
  width: 38.5vw;
  margin-left: -8vw;
  padding-left: 15vw;
  background: url(../images/frame-right-long.png) no-repeat;
  background-position: left bottom 15.5vw;
  background-size: 40.5vw;
}
#innovation .content .right {
  width: 40.5vw;
  padding-left: 2.5vw;
  background: url(../images/frame-right-long.png) no-repeat;
  background-position: left bottom 2.5vw;
  background-size: contain;
}
#innovation p.cn {
  padding-bottom: 2vw;
}
#innovation p.en {
  padding-top: 2vw;
}
/* #innovation */
/* ========Recruitment======= */
#recruitment article .img {
  /* display: flex; */
  position: relative;
}
#recruitment article img:nth-of-type(1) {
  margin-left: -8vw;
  margin-top: 3vw;
  width: 63vw;
}
#recruitment article img:nth-of-type(2) {
  position: absolute;
  top: -7.7vw;
  right: 9.7vw;
  width: 26.5vw;
}
#recruitment .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 5vw;
  padding-bottom: 27vw;
  background: url(../images/joinus.png) no-repeat;
  background-position: right 18vw bottom 13vw;
  background-size: 20vw;
}
#recruitment dl {
  width: 39vw;
}
#recruitment dt {
  font-size: 1.25vw;
  font-weight: 500;
  color: #0040c7;
  padding-top: 2vw;
  line-height: 2vw;
}
#recruitment dd {
  font-size: 1vw;
  line-height: 1.8vw;
}
#recruitment .left-frame {
  top: 170vw;
  width: 3.5vw;
  height: 15vw;
}
/* ====Product:Exterior/Interior==== */
#exterior article h4,
#interior article h4 {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#exterior article h4 i,
#interior article h4 i {
  font-size: 1.8vw;
  padding-left: 1.5vw;
}
#exterior article p,
#interior article p {
  margin: 0 auto;
  padding-top: 2vw;
  text-align: center;
}
#exterior article p.cn,
#interior article p.cn {
  padding-top: 3.5vw;
  width: 50vw;
}
#exterior article p.en,
#interior article p.en {
  width: 60vw;
}
#exterior section,
#interior section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#exterior section figure img,
#interior section figure img {
  width: 9vw;
}
#exterior section h4,
#interior section h4 {
  padding-top: 5vw;
  align-items: center;
}
#exterior section h4 i,
#interior section h4 i {
  font-size: 1.3vw;
}
#exterior section div {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#exterior div.front-right {
  padding-top: 6vw;
  background-image: url(../images/exterior_bg_01.jpg);
  background-position: 0 11.5vw;
}
#exterior div.front-left {
  height: 95vw;
  background-image: url(../images/exterior_bg_02.jpg);
  background-position: 0 5.8vw;
}
#exterior div.back-right {
  padding-top: 7vw;
  background-image: url(../images/exterior_bg_03.jpg);
  background-position: 0 20.4vw;
}
#exterior div.back-left {
  padding-top: 3.3vw;
  padding-bottom: 12vw;
  background-image: url(../images/exterior_bg_04.jpg);
  background-position: 0 5.1vw;
}
#exterior section div dl,
#interior section div dl {
  width: 27vw;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
#exterior section div dt,
#interior section div span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.05vw;
  color: #0040c7;
}
#exterior section figure:nth-of-type(2) img {
  margin-top: -9vw;
}
#interior section img {
  width: 100vw;
}
#interior section div.top{
  margin-top: 10vw;
}
#interior section div.bottom{
  margin-bottom: 7vw;
}
#interior section div.top,
#interior section div.bottom {
  position: relative;
}
#interior section div.top span:nth-of-type(1) {
  position: absolute;
  top: 19.5vw;
  left: 15vw;
}
#interior section div.top span:nth-of-type(2) {
  position: absolute;
  top: 19.5vw;
  left: 49.3vw;
}
#interior section div.top span:nth-of-type(3) {
  position: absolute;
  top: 32vw;
  left: 42.5vw;
}
#interior section div.top span:nth-of-type(4) {
  position: absolute;
  top: 51.7vw;
  left: 46vw;
}
#interior section div.bottom span:nth-of-type(1) {
  position: absolute;
  top: 51.1vw;
  left: 16.9vw;
}
#interior section div.bottom span:nth-of-type(2) {
  position: absolute;
  top: 35.3vw;
  left: 58vw;
}
#interior section div.bottom span:nth-of-type(3) {
  position: absolute;
  top: 63.8vw;
  left: 60.7vw;
}


/* ========Painting======= */
#painting .content {
  padding-left: 8vw;
  margin-bottom: -0.01vw;
  height: 92.5vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 70vw 13.1vw;
  background-position: left bottom;
}
#painting .content p.cn {
  width: 41vw;
  padding-top: 5.5vw;
  padding-bottom: 2.4vw;
}
#painting .content p.en {
  padding-left: 4vw;
  padding-bottom: 7.4vw;
  width: 37vw;
}
#painting .content img.left {
  width: 41vw;
  margin-bottom: 2.1vw;
}
#painting .content img.right {
  width: 49vw;
}
#painting .content img:nth-of-type(3) {
  width: 8.3vw;
  margin-top: 3.3vw;
  margin-bottom: 3vw;
  align-self: flex-end;
}
#painting .pictures {
  padding: 0 8vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 70vw 87vw;
  background-position: left top;
}
#painting .pictures img.half {
  width: 42vw;
}
#painting .pictures img.full {
  width: 84vw;
}
#painting .pictures img.left {
  width: 38.5vw;
}
#painting .pictures img.right {
  width: 43vw;
}
#painting .pictures img:nth-child(1),
#painting .pictures img:nth-child(2){
  padding-bottom: 2.5vw;
}
#painting .right-frame {
  top: 223vw;
}
/* ========Injection======= */
#injection h4 {
  padding-left: 8vw;
}
#injection .content {
  padding: 6vw 14vw 5vw 4vw;
  margin-left: 4vw;
  height: 27vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  background: linear-gradient(#c9caca, #c9caca) no-repeat;
  background-size: 66vw 22vw;
  background-position: 0 16vw;
}
#injection .content p {
  width: 35vw;
}
#injection .content figure img {
  width: 39vw;
}
#injection .pictures img {
  width: 100vw;
}
/* ========Assembly======= */
#assembly article {
  background: url(../images/assembly_01.jpg) no-repeat;
  background-size: contain;
  background-position: top;
}
#assembly .content {
  padding-left: 65vw;
  padding-right: 9vw;
  height: 70.7vw;
}
#assembly h4 {
  color: #fff;
}
#assembly h4 i {
  color: #fff;
}
#assembly p {
  color: #fff;
  padding-top: 2.5vw;
}
#assembly div.pictures {
  display: flex;
}
#assembly div:nth-of-type(2) {
  align-items: flex-end;
  justify-content: center;
  margin-top: -11vw;
}
#assembly div:nth-of-type(2) img:first-child {
  height: 13vw;
  padding: 0 7vw 7vw 16vw;
}
#assembly div:nth-of-type(2) img:last-child {
  width: 50vw;
  border: #fff 1.5vw solid;
  border-bottom: none
}
#assembly div:nth-of-type(3) {
  justify-content: space-between;
}
#assembly div:nth-of-type(3) img:first-child {
  height: 36.5vw;
}
#assembly div:nth-of-type(3) img:last-child {
  height: 34.7vw;
  padding-top: 6vw;
}
#assembly div:nth-of-type(4) {
  flex-wrap: wrap;
  justify-content: space-between;
}
#assembly div:nth-of-type(4) figure:nth-child(1) {
  width: 39.7vw;
  height: 47vw;
  display: flex;
  justify-content: flex-end;
  background: linear-gradient(#c9caca, #c9caca) no-repeat;
  background-size: 34.3vw 34vw;
  background-position: left bottom;
  margin-left: 8.1vw;
}
#assembly div:nth-of-type(4) figure:nth-child(1) img {
  height: 30.6vw;
}
#assembly div:nth-of-type(4) figure:nth-child(2) {
  width: 46vw;
  height: 47vw;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 30vw 34vw;
  background-position: right bottom;
}
#assembly div:nth-of-type(4) figure:nth-child(2) img {
  height: 24.8vw;
  margin-top: 6vw;
}
#assembly div:nth-of-type(4) figure:nth-child(3) {
  width: 100vw;
  height: 34vw;
  display: flex;
  justify-content: flex-end;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 85vw 17vw;
  background-position: left bottom;
}
#assembly div:nth-of-type(4) figure:nth-child(3) img {
  height: 37.75vw;
  margin-top: -12.3vw;
  border-left: 1.5vw solid #fff;
  border-bottom: 1.5vw solid #fff;
  border-image: linear-gradient(to bottom, #00000000 50%,#fff 50%,#fff 100%,#00000000 100%);
  border-image-slice: 1;
}
/* ========Testing======= */
#testing article {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#testing article figure.full img {
  width: 100vw;
  padding-bottom: 4vw;
}
#testing .content {
  padding-left: 8vw;
  width: 27vw;
}
#testing p {
  padding-top: 3vw;
}
#testing p.en {
  padding-bottom: 2.5vw;
  border-bottom: 0.3vw solid #009cf5;
}
#testing figure:nth-of-type(2) img {
  width: 42vw;
  padding-right: 8vw;
}
#testing figure:nth-of-type(3) img {
  width: 17vw;
  padding-top: 3vw;
  padding-left: 11.5vw;
}
#testing figure:nth-of-type(4) img {
  width: 62vw;
  padding-top: 3vw;
}
#testing figure:nth-of-type(5) img {
  width: 62vw;
  padding-top: 2vw;
}
#testing figure:nth-of-type(6) {
  position: relative;
  margin-top: -3.3vw;
  padding-right: 5.5vw;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 12vw;
  background-position: right;
}
#testing figure:nth-of-type(6) img:first-child {
  width: 30.2vw;
  margin-top: 5.2vw;
  background-color: #fff;
}
#testing figure:nth-of-type(6) img:last-child {
  position: absolute;
  top: 8vw;
  left: 19vw;
  width: 8.5vw;
}
#testing figure:last-of-type {
  padding-top: 4vw;
}
/* ========Warehouse======= */
#warehouse article {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#warehouse article figure.full {
  display: flex;
  flex-wrap: wrap;
}
#warehouse article figure.full img {
  width: 50vw;
}
#warehouse .content {
  margin-top: -18vw;
  margin-left: 54vw;
  margin-right: 15vw;
  padding: 3vw 2vw;
  padding-bottom: 0;
  background-color: #009cf5;
}
#warehouse .content h4,
#warehouse .content h4 i {
  color: #0040c7;
}
#warehouse .content p {
  color: #fff;
  padding-top: 3vw;
}
#warehouse .content p.en {
  padding-bottom: 3vw;
  border-bottom: 0.25vw solid #fff;
  border-image: linear-gradient(to left, #00000000 50%,#fff 50%,#fff 100%,#00000000 100%);
  border-image-slice: 1;
}
#warehouse .pictures {
  width: 100vw;
  height: 74vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
}
#warehouse .pictures figure:first-child img {
  width: 54vw;
}
#warehouse .pictures figure.frame {
  position: relative;
  margin-top: 5vw;
  padding-left: 13vw;
  background: linear-gradient(#c9caca, #c9caca) no-repeat;
  background-size: 9vw;
  background-position: left;
}
#warehouse .pictures figure.frame img:first-child {
  width: 32vw;
}
#warehouse .pictures figure.frame img:last-child {
  position: absolute;
  top: 3vw;
  left: 33vw;
  width: 8.5vw;
}
#warehouse .pictures figure:last-child {
  height: 74vw;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 31vw;
  background-position: left;
}
#warehouse .pictures figure:last-child img {
  width: 40.5vw;
  padding-top: 12vw;
  padding-left: 5.5vw;
}
#warehouse figure.full:last-of-type {
  padding-bottom: 6vw;
  margin-bottom: 6vw;
  background: linear-gradient(#009cf5, #009cf5) no-repeat;
  background-size: 66.6vw;
  background-position: left bottom;
}
/* ======== News ======= */
#news_list article {
  display: flex;
  justify-content: space-between;
}
#news_list article ul {
  width: 70vw;
  padding-right: 6.4vw;
}
#news_list article ul li {
  display: flex;
  justify-content: space-between;
  padding-left: 6.5vw;
  padding-right: 5.5vw;
  padding-bottom: 2.5vw;
  border-bottom: 0.1vw solid #ccc;
}
#news_list article ul li:not(:first-of-type) {
  padding-top: 2.5vw;
}
#news_list article ul li img {
  width: 27.5vw;
}
#news_list article ul li div {
  width: 26.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
time {
  font-size: 1vw;
  font-weight: 300;
  padding-bottom: 1vw;
}
#news_list article ul li div p {
  font-size: 1.25vw;
  padding-bottom: 1.25vw;
}
#news_list article ul li div span {
  font-size: 1.25vw;
  font-weight: 300;
}
#news_list article ul li div span a,
#news_list article ul li div span a:hover{
  color: #000;
}

#news_view article {
  padding: 7vw 14.5vw 2vw;
}
#news_view article h4 {
  text-align: center;
}
#news_view article time {
  display: block;
  text-align: right;
}
#news_view article div.content {
  padding: 3vw 8vw;
}
#news_view article p {
  font-size: 1.25vw;
  line-height: 2.25vw;
  padding-bottom: 3vw;
}
#news_view article img {
  width: 55vw;
  padding: 1vw 0;
}
#news_view article figcaption {
  font-size: 1.25vw;
  text-align: center;
  padding: 0.5vw 0;
}
#news_view article h5 {
  font-weight: 500;
  text-align: center;
}
#news_view article div.content time {
  text-align: center;
}
#news_view article div.content img.icon{
  width: 1.8vw;
  display: inline-block;
  padding: 0 0.3vw;
  vertical-align: text-top;
}
#news_view div.pagination {
  display: flex;
  justify-content: space-between;
  padding: 2vw 28vw;
}
#news_view div.pagination i {
  display: block;
  width: 2vw;
  height: 2vw;
}
#news_view i.btn-prev {
  background: url(../images/btn-prev.png) no-repeat;
  background-size: contain;
}
#news_view i.btn-back {
  background: url(../images/btn-back.png) no-repeat;
  background-size: contain;
}
#news_view i.btn-top {
  background: url(../images/btn-top.png) no-repeat;
  background-size: contain;
}
#news_view i.btn-next {
  background: url(../images/btn-next.png) no-repeat;
  background-size: contain;
}
/* ========Contact======= */
#contact article {
  padding: 0;
}
#contact article img {
  width: 100vw;
}
#contact .BMap_Marker.BMap_noprint {
  background: url(/images/pointer.png) 0 0 / contain !important;
  width: 1.4vw !important;
  height: 2.2vw !important;
  margin-top: -0.7vw !important;
}
/* ========Overlay======= */
div.button {
  position: fixed;
  top: 18vw;
  right: 0;
  width: 9vw;
  z-index: 8;
}
div.button a {
  display: flex;
  align-items: center;
  height: 3vw;
  right: -6vw;
  position: relative;
  background: url(/images/button_bg.png) no-repeat;
  background-size: cover;
  margin-bottom: 0.1vw;
}
div.button img {
  width: 2.3vw;
  height: 2.3vw;
  padding-left: 0.4vw;
}
div.button span {
  color: #fff;
  font-size: 0.9vw;
  font-weight: 300;
  padding-left: 0.9vw;
}
.overlay {
  width: 100vw;
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.overlay .info {
  width: 29vw;
  height: 100vh;
  background: url(../images/overlay-light.png) #009cf5;
  mix-blend-mode: multiply;
  opacity: 0.85;
  padding: 0 5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.overlay .info img {
  width: 11vw;
  align-self: flex-end;
}
.overlay div.up p {
  font-size: 2.5vw;
  line-height: 3.5vw;
  color: #fff;
}
.overlay hr {
  width: 9vw;
}
.overlay div.down p {
  color: #fff;
  font-size: 1.05vw;
  font-weight: 300;
  line-height: 1.6vw;
}
.overlay div.down p.title {
  font-size: 1.6vw;
  font-weight: 400;
  padding-bottom: 2.2vw;
}
.overlay .menu {
  width: 42vw;
  height: 100vh;
  background: url(../images/footer-map.png) #000479 no-repeat;
  background-size: 48vw;
  background-position: right 6vw bottom 6vw;
  mix-blend-mode: multiply;
  opacity: 0.9;
  padding: 0 10vw;
  display: flex;
  align-items: flex-start;
}
.overlay nav {
  padding-top: 6vw;
}
.overlay nav a {
  font-size: 2vw;
  line-height: 3.3vw;
  color: #fff;
}
.overlay nav .sub-nav {
  display: none;
}
.overlay nav .sub-nav a {
  font-size: 1.5vw;
}
.overlay .close {
  position: fixed;
  right: 2vw;
  bottom: 2vw;
  background: url(../images/btn-close.png) no-repeat;
  background-size: contain;
  width: 2.5vw;
  height: 2.5vw;
}
/* ========Message======= */
.message {
  position: fixed;
  top: 2vw;
  left: 35vw;
  width: 25vw;
  height: 40vw;
  border-radius: 1.5vw;
  box-shadow: 0px 0px 10px #000;
  margin: 2vw;
  z-index: 8;
  display: none;
  background-color: #fff;
}
.message .header {
  display: flex;
  justify-content: space-between;
  background-color: #0040c7;
  height: 3.5vw;
  border-radius: 1.5vw 1.5vw 0 0;
}
.message .header>img:first-of-type {
  width: 8vw;
  padding: 0.8vw;
  padding-left: 2.5vw;
}
.message .header a {
  padding-right: 1.9vw;
  padding-top: 1vw;
}
.message .header a img {
  width: 1.6vw;
  height: 1.6vw;
}
.message .body form {
  display: flex;
  flex-direction: column;
  padding: 1.5vw;
}
.message .body h5 {
  align-self: center;
  font-weight: 400;
  color: #888;
  padding-bottom: 0.7vw;
}
.message .body textarea,
.message .body input,
.message .body button {
  height: 2.5vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  padding-left: 1vw;
  border: solid 0.1vw #3e3a39;
  background-color: #eee;
}
.message .body textarea {
  height: 11vw;
  padding-top: 0.6vw;
}
.message .body .group {
  display: flex;
}
.message .body input#code {
  width: 11.3vw;
}
.message .body img {
  width: 8vw;
  height: 2.7vw;
  padding-top: 0.5vw;
  padding-left: 1.2vw;
}
.message .body button {
  height: 2.7vw;
  background-color: #009cf5;
  border: 0;
  font-size: 1vw;
  color: #fff;
}