@charset "UTF-8";

/* #region 初始化 */

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  padding: 0;

  margin: 0;

}



html,

body {

  width: 100%;

}



html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent;

}

.swiper-pointer-events{width: 100%;}

body {

  margin: 0;

  padding: 0;

  word-wrap: break-word;

  color: #000;

  background-color: #fff;

  overflow-x: hidden;

  line-height: 1.45;

}



body,

table,

input,

textarea,

select,

option {

  font-family: 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;

  font-weight: 400;

}



audio,

video {

  display: block;

}



a {

  display: block;

  background-color: transparent;

  text-decoration: none;

  color: inherit;

  outline: none;

  -webkit-tap-highlight-color: transparent;

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



li {

  list-style: none;

}



img {

  display: block;

  border: 0;

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}



button,

input,

optgroup,

select,

textarea {

  color: inherit;

  outline: none;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



td,

th {

  padding: 0;

}



.swiper-container {

  width: 100%;

}



/* #endregion */

/* #region  sass */

/* #endregion */

/* #region  首页*/

.container {

  padding: 0 30px;

  max-width: 1560px;

  margin: 0 auto;

}



header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: #fff;

  z-index: 999;

  border-bottom: 1px solid rgba(0, 0, 0, 0.3);

  transition: ease-out .36s;

}



header::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.73) 0%, rgba(56, 56, 56, 0) 100%);

  opacity: 0;

  transition: ease-out .36s;

}



header .row {

  display: flex;

  align-items: center;

  max-width: 1670px;

  padding: 0 15px;

  margin: 0 auto;

  position: relative;

}



header .logo {

  position: relative;

  margin-right: 5%;

}



header .logo img {

  width: 15.2rem;

}



header .nav {

  flex: 1;

  display: flex;

  justify-content: flex-end;

}



header .nav li {

  margin-left: 1.75rem;

  position: relative;

}



header .nav .nav_one {

  position: relative;

}



header .nav .nav_one a {

  font-size: .9rem;

  font-weight: 600;

  line-height: 4rem;

  color: #333333;

  position: relative;

  z-index: 1;

  transition: ease-out .36s;

}



header .nav .nav_one a::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 0;

  height: 2px;

  background: #00A0E9;

  transition: ease-out .36s;

}



header .nav .nav_one a:hover, header .nav .nav_one a.active {

  color: #00A0E9;

}



header .nav .nav_one a:hover::after, header .nav .nav_one a.active::after {

  width: 100%;

}



header .nav .nav_one span {

  display: none;

}



header .nav .nav_two {

  position: absolute;

  left: 0;

  top: 100%;

  /* transform: translateX(-30%); */

  padding-top: .5rem;

  display: none;

}



header .nav .nav_two div {

  background: rgba(245, 247, 255, 0.9);

  /* border-left: 2px solid #FFC300; */

  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;

}



header .nav .nav_two a {

  white-space: nowrap;

  font-size: .85rem;

  color: #222;

  padding: .55rem 1.5rem;

  border-bottom: 1px solid #dbdbdb;

  transition: ease-out .2s;
  background: url(../images/yjt.svg) no-repeat 93% center;
  text-transform: capitalize;

}



header .nav .nav_two a:last-child {

  border-bottom: none;

}



header .nav .nav_two a.active, header .nav .nav_two a:hover {

  color: #00A0E9;
	background: rgba(245, 247, 255, 1) url(../images/yjta.svg) no-repeat 93% center;

}



header .lis {

  display: flex;

  margin-left: 1.5rem;

}



header .lis a {

  margin: 0 .5rem;
  cursor: pointer;
  transition:1s;

}



header .lis a img {

  width: 1.5rem;

  transition: ease-out .36s;

}



header .lis a:hover img {

  opacity: .85;
  transform: scale(1.3);

}



header .nation {

  position: relative;

  width: 162px;

  font-size: 15px;

  color: #222;

  transition: ease-out .3s;

  margin-left: 1.35rem;

}



header .nation span {

  padding: 7px 8px;

  display: flex;

  align-items: center;

  height: 35px;

  border: 1px solid #d5d5d5;

}



header .nation span > img {

  width: 20px;

  margin-right: 7px;

}



header .nation i {

  width: 10px;

  margin-left: auto;

}



header .nation i img {

  width: 100%;

  transition: ease-out .3s;

}



header .nation a {

  display: flex;

  align-items: center;

  padding: 7px 8px 7px 8px;

  cursor: pointer;

  transition: ease-out .3s;

}



header .nation a img {

  width: 20px;

  margin-right: 7px;

}



header .nation a:hover {

  color: #C30D23;

  text-decoration: underline;

}



header .nation div {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  border: 1px solid #d5d5d5;

  padding: 3px 0;

  display: none;

}



header.on {

  background: none;

  border-color: rgba(255, 255, 255, 0.3);

}



header.on::before {

  opacity: 1;

}



header.on .nav .nav_one a {

  color: #fff;

}



header.on .nav .nav_one a::after {

  background: #fff;

}



header.on .nav .nav_one span {

  background-image: url(../images/nav_right2.svg);

}



header.on .nation {

  color: #fff;

}



header.on .nation i img {

  filter: invert(1);

}



header.on .nation span {

  border-color: transparent;

}



header.on .nation span > img {

  filter: none;

}



header .nav_modal,

header .nav_icon {

  display: none;

}



main {

  padding-top: 4rem;

}



main.on {

  padding-top: 0;

}



.banner {

  position: relative;

}



.banner::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.325) 50%, transparent 100%);

}



.banner .banner_phone {

  display: none;

}



.banner .banner_pc video {

  width: 100%;

  height: 100vh;

  object-fit: cover;

  object-position: center;

}



.banner .banner .swiper-slide {

  position: relative;

  overflow: hidden;

}



.banner .banner .swiper-slide > img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

  object-position: center;

  transition: 1s linear 2s;

  transform: scale(1.1, 1.1);

}



.banner .banner .swiper-slide.swiper-slide.swiper-slide-active > img,

.banner .banner .swiper-slide.swiper-slide.swiper-slide-duplicate-active > img {

  transition: 5s linear;

  transform: scale(1, 1);

}



.banner_text {

  position: absolute;

  left: 0;

  top: 55%;

  width: 100%;

  transform: translateY(-50%);

  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  transition: ease-out .36s;

  z-index: 1;

}



.banner_text .t1 {

  font-size: 2.9rem;

  color: white;

  text-transform: uppercase;

  font-weight: 700;

  line-height: 1.3;

  color: #fff;

  max-width: 47.5rem;

}



.banner_text .t2 {

  font-size: 1.5rem;

  color: #fff;

  line-height: 1.5;

  margin-top: 1rem;

}



.banner_text .t3 {

  width: 11rem;

  line-height: 3rem;

  background: #0264bf;

  font-size: 1.2rem;

  font-weight: 700;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  margin-top: 3rem;

  transition: ease-out .36s;

}



.banner_text .t3:hover {

  background: #FFC300;

}



.index_title {

  font-weight: 700;

  line-height: 1.2;

  text-transform: uppercase;

  position: relative;

}



.index_title .t1 {

  font-size: 1.3rem;

  color: #383838;

  margin-bottom: .5rem;

}



.index_title .t2 {

  font-size: 2rem;

  color: #333333;

  position: relative;

}



.index_title .t1 span,

.index_title .t2 span {

  color: #0264bf;

}



.index_title a {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 7.5rem;

  height: 2.3rem;

  border: 1px solid #d9d9d9;

  font-size: .9rem;

  color: #333333;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 400;

  text-transform: none;

  transition: ease-out .36s;

}



.index_title a:hover {

  border-color: #0264bf;

  color: #fff;
  background: #0264bf;

}



.index1 {

  padding-top: 4rem;

  padding-bottom: 6rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.index1 .left {

  width: 55.8%;
overflow: hidden;
}



.index1 .left img {

  width: 100%;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.index1 .left:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



.index1 .right {

  width: 39.66%;

}



.index1 .right .top {

  font-size: 1.1rem;

  color: #fff;

  font-weight: 600;

  background: #FFC300;

  padding: .3rem .5rem;

  display: inline-block;

  margin-bottom: 1.2rem;

}



.index1 .right .text {

  font-size: .9rem;

  line-height: 1.6;

  color: #333333;

  margin-top: 1.4rem;

}



.index1 .right a {

  width: 8.5rem;

  line-height: 2.5rem;

  background: #0264bf;

  color: #fff;

  font-size: 1.1rem;

  text-align: center;

  margin-top: 1.6rem;

  transition: ease-out .36s;

}



.index1 .right a:hover {

  background: #FFC300;

}



.index2 .index_title .t2 {

  max-width: 36rem;

}



.index2 .row {

  display: flex;

  background: url(../images/index2_bg.jpg);

  margin-top: 2.25rem;

}



.index2 .row .left {

  width: 50%;

  padding-right: 2rem;

}



.index2 .row .left ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

  padding: 2rem 0;

}



.index2 .row .left ul li {

  text-align: center;

  width: 50%;

  max-width: 20rem;

  padding: 1rem 0;

}



.index2 .row .left ul li div {

  font-size: 4.4rem;

  font-weight: 700;

  color: #FFC300;

}



.index2 .row .left ul li p {

  font-size: 1.1rem;

  color: #fff;

}



.index2 .row .right {

  width: 50%;

  position: relative;

}



.index2 .row .right img {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;
	max-width: 920px;

}



.product_li span {

  display: block;

  padding-bottom: 100%;

  overflow: hidden;

  position: relative;

  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);

}



.product_li span img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: ease-out .5s;

}



.product_li h3 {

  font-size: 1rem;

  color: #333333;

  margin-top: 1.05rem;



  overflow: hidden;


  text-overflow: ellipsis;

  transition: ease-out .36s;
  	min-height: 3rem;
    

}



.product_li div {

  width: 6.8rem;

  height: 2rem;

  font-size: .8rem;

  color: #383838;

  border: 1px solid #d9d9d9;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 1.15rem;

  transition: ease-out .36s;

}



.product_li:hover span img {

  transform: scale(1.1);

}





.product_li:hover div {

  color: #fff;

  border-color: #0264BF;
  background: #0264BF;

}



.index3 {

  padding-top: 5rem;

  padding-bottom: 2.5rem;

}



.index3 .index_title {

  text-align: center;

  margin-bottom: 2.1rem;

}



.index3 .top {

  display: flex;

  align-items: center;

  font-size: 1rem;

  color: #0264bf;

  text-transform: uppercase;

  margin-bottom: 1.05rem;
	position: relative;

}
.index3 .top .rowmore {
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #fff;
	padding-left: 8px;
	transform: translateY(-50%);
}



.index3 .top::after{

  content: '';

  flex: 1;

  height: 1px;

  background: #e3e3e3;

  margin-left: .5rem;

}



.index3 .ul {

  display: flex;

  flex-wrap: wrap;

}



.index3 .ul li {

  width: 23%;

  margin-right: 2.66%;

  margin-bottom: 2.5rem;

}



.index3 .ul li:nth-child(4n+4) {

  margin-right: 0;

}



.index3 .ul .more {

  padding-bottom: 100%;

  position: relative;

  overflow: hidden;

  background: url(../images/index3_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.index3 .ul .more div {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  font-size: 1.1rem;

  width: 70%;

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1.5;

}



.index3 .ul .more span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 7.5rem;

  height: 2.25rem;

  background: #fff;

  font-size: .9rem;

  color: #0264bf;

  text-transform: capitalize;

  margin: 18% auto 0 auto;

  transition: ease-out .36s;

}



.index3 .ul .more:hover span {

  opacity: .85;

}



.index4 {

  background: whitesmoke;

  padding: 4rem 0 3.3rem 0;

}



.index4 .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.index4 .left {

  width: 39%;

}



.index4 .left .text {

  font-size: .9rem;

  line-height: 1.55;

  color: #333333;

  margin-top: 2rem;

}



.index4 .left a {

  width: 12.5rem;

  line-height: 2.8rem;

  text-align: center;

  background: #0264bf;

  font-size: 1.1rem;

  color: #fff;

  text-transform: uppercase;

  margin-top: 2.3rem;

  transition: ease-out .36s;

}



.index4 .left a:hover {

  opacity: .85;

}



.index4 .right {

  width: 52.26%;

}



.index4 .right .swiper {

  width: 100%;

}



.index4 .right .swiper .swiper-slide img {

  width: 100%;

}



.index4 .right .line {

  display: flex;

  align-items: center;

  margin-top: 1.4rem;

}



.index4 .right .dot {

  flex: 1;

  position: relative;

  border-radius: 3px;

  height: 3px;

  overflow: hidden;

  background: #e0e0e0;

}



.index4 .right .dot .swiper-pagination-progressbar-fill {

  background: #0264bf;

}



.index4 .right .pn {

  display: flex;

  align-items: center;

  padding-left: 3rem;

}



.index4 .right .next,

.index4 .right .prev {

  cursor: pointer;

  margin-left: .5rem;

  transition: ease-out .36s;

}



.index4 .right .next img,

.index4 .right .prev img {

  width: 1.6rem;

  height: 1.6rem;

}



.index4 .right .next:hover,

.index4 .right .prev:hover {

  opacity: .85;

}



.index4 .right .next {

  transform: rotate(180deg);

}



.index5 {

  padding-top: 4rem;

}



.index5 .index_title {

  text-align: center;

}



.index5 .index_title .t2 {

  padding: 0 8rem;

}



.index5 ul {

  display: flex;

  justify-content: space-between;

  padding-top: 2.75rem;

}



.index5 ul li {

  width: 14.33%;

  overflow: hidden;

  position: relative;

  border-radius: .5rem;

  transition: ease-out .5s;

}



.index5 ul li.on {

  width: 36.66%;

}



.index5 ul li > img {

  width: 100%;

  height: 28.75rem;

  object-fit: cover;

  object-position: center;

}



.index5 ul li .tit {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  text-align: center;

  color: #fff;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);

  padding: 0 .75rem 1rem .75rem;

  transition: ease-out .36s;

  font-size: .9rem;

}



.index5 ul li .text {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  width: 100%;

  height: 100%;

  color: #fff;

  padding: 6.57%;

  opacity: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);

  transition: ease-out .36s;

}



.index5 ul li .text h3 {

  font-size: 1.2rem;

  font-weight: 600;

}



.index5 ul li .text div {

  font-size: .9rem;

  line-height: 1.94;

  margin-top: 1.25rem;

  max-width: 21.75rem;

}



.index5 ul li.on .tit {

  opacity: 0;

}



.index5 ul li.on .text {

  opacity: 1;

}



.index6 {

  padding-top: 4rem;

}



.index6 .index_title {

  text-align: center;

}



.index6 .index_title .t2 {

  padding: 0 8rem;

}



.index6 .ul {

  display: flex;

  flex-wrap: wrap;

  padding-top: .75rem;

}



.index6 .ul li {

  width: 31.66%;

  margin-right: 2.51%;

  margin-top: 1.75rem;

}



.index6 .ul li:nth-child(3n+3) {

  margin-right: 0;

}



.index6 .ul a {

  padding-bottom: 64.21%;

  position: relative;

  overflow: hidden;

}



.index6 .ul a > img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: ease-out .5s;

}



.index6 .ul a div {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  transform: translateY(-50%);

  font-size: 1.2rem;

  color: #fff;

  text-align: center;

  font-weight: 600;

  text-transform: uppercase;

  padding: 0 1rem;

  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

}



.index6 .ul a span {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.index6 .ul a span img {

  width: 2.4rem;

  filter: brightness(0) invert(1);

  transition: ease-out .36s;

}



.index6 .ul a:hover > img {

  transform: scale(1.1);

}



.index6 .ul a:hover span img {

  filter: none;

}



.index7 {

  padding-top: 3.5rem;

  padding-bottom: 5rem;
  overflow: hidden;

}

.gallery-thumbs .swiper-slide{width:30%;}
.gallery-thumbs .swiper-slide img{width:100%;}

.index7 .index_title {

  text-align: center;

}



.index7 .swiper {

  margin-top: 1.7rem;

  position: relative;

  overflow: visible;

}



.index7 .swiper-wrapper {

  -webkit-transition-timing-function: linear;

  -moz-transition-timing-function: linear;

  -ms-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

}



.index7 .swiper-slide {

  width: auto;

  padding: 0 .65rem;

}



.index7 .swiper-slide div {

  width: 17.5rem;

  height: 7.5rem;

  border: 1px solid #CFCFCF;

  padding: .5rem;

}



.index7 .swiper-slide div img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center;

}



.index8 {

  background: #0264bf;

}



.index8 .col {

  max-width: 2000px;

  margin: 0 auto;

}



.index8 .row {

  max-width: 1740px;

  padding-left: 30px;

  margin-left: auto;

  display: flex;

  align-items: center;

}



.index8 .left {

  width: 28.65%;

  padding: 0 1rem;

}



.index8 .left .index_title .t2 {

  color: #fff;

}



.index8 .left .index8_tit {

  font-size: 1rem;

  color: white;

  line-height: 1.5;

  margin-top: .75rem;

}



.index8 .left .card {

  margin-top: 1.5rem;

  padding-bottom: .5rem;

  max-width: 22rem;

}



.index8 .left .card li {

  background: #fff;

  margin-bottom: .9rem;
	font-size: .8rem;
	position: relative;

}

.index8 .left .card li:before {
	position: absolute;
	left: .4rem;
	top: .7rem;
	color: red;
	content: "*";
	font-size: .8rem;
	line-height: 1;
}
.index8 .left .card li.linec:before {
	margin-left: 130px;
}
.index8 .left .card li input {

  width: 100%;

  height: 2rem;

  border: none;

  padding: 0 1.2rem;

  font-size: .8rem;

}

.index8 .left .card li.linec {
	position: relative;
	padding-left: 130px;
}
.index8 .left .card li.linec .fc-code {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 120px;
	display: flex;
	align-items: center;
}
.index8 .left .card li.linec img {
	width: 100%;
}



.index8 .left button {

  width: 12.5rem;

  height: 2.5rem;

  background: #fff;

  font-size: 1.3rem;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  border: none;

  cursor: pointer;

  transition: ease-out .36s;
  background: #FFC300;

}



.index8 .left button:hover {

  opacity: .85;

}



.index8 .right {

  width: 62.51%;

  margin-left: 3.21%;

  padding-top: 4rem;

}



.index8 .right img {

  width: 100%;

}



.index9 {

  padding-top: 4.25rem;

  padding-bottom: 4rem;

}



.index9 .index_title {

  text-align: center;

}



.index9 .ul {

  display: flex;

  margin-top: 2.5rem;

}



.index9 .ul li {

  width: 30.66%;

  margin-right: 4.01%;

}



.index9 .ul li:nth-child(3n+3) {

  margin-right: 0;

}



.index9 .ul a {

  position: relative;

  transition: ease-out .36s;

}



.index9 .ul a .img {

  position: relative;

  overflow: hidden;

  padding-bottom: 63.04%;

}



.index9 .ul a .img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.index9 .ul a:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



.index9 .ul a .time {

  position: absolute;

  left: 0;

  top: 0;

  width: 4rem;

  height: 5.5rem;

  background: #333333;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-align: center;

}



.index9 .ul a .time div {

  font-size: 1.8rem;

}



.index9 .ul a .time span {

  width: 3.25rem;

  display: block;

  font-size: .9rem;

  border-top: 1px solid rgba(255, 255, 255, 0.5);

  padding-top: .3rem;

  padding-bottom: .1rem;

}



.index9 .ul a .card {

  padding: 1.75rem 1.5rem;

}



.index9 .ul a .card h3 {

  font-size: 1.2rem;

  font-weight: 700;

  color: #333333;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.index9 .ul a .card div {

  font-size: .9rem;

  line-height: 1.94;

  color: #999999;

  margin-top: 1.1rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.index9 .ul a .card span {

  display: block;

  width: 6.8rem;

  height: 2rem;

  border: 1px solid #d9d9d9;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .8rem;

  margin-top: 2.3rem;

  transition: ease-out .36s;

}



.index9 .ul a:hover {

  background: #fff;

  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);

}



.index9 .ul a:hover .card span {

  background: #0264bf;

  border-color: #0264bf;

  color: #fff;

}



.footer_top {

  background: #0264bf;

  padding: 1.25rem 0;

}



.footer_top .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer_top .left {

  font-size: 1.1rem;

  color: #fff;

}



.footer_top .center {

  flex: 1;

  overflow: hidden;

  margin: 0 6%;

  background: #FFF;

  height: 2.5rem;

  border-radius: 1.25rem;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding-right: .35rem;

}

.footer_top .center form {
	display: flex;
	align-items: center;
	width: 100%;
}

.footer_top .center input {

  flex: 1;

  height: 100%;

  border: none;

  font-size: .8rem;

  padding: 0 1.5rem;

}



.footer_top .center button {

  width: 4.5rem;

  height: 1.9rem;

  background: #FFC300;

  border-radius: 2.5rem;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: ease-out .36s;

}



.footer_top .center button img {

  width: 1.25rem;

}



.footer_top .center button:hover {

  opacity: .85;
  background: #FFC300;

}



.footer_top .right {

  display: flex;

}



.footer_top .right a {

  margin-left: .75rem;

  transition: ease-out .36s;
  cursor: pointer;

}



.footer_top .right a img {

  width: 1.65rem;

}



.footer_top .right a:hover {

  opacity: .85;
  transform: scale(1.3);

}



footer {

  background: #000421;

}



footer .top {

  display: flex;

  justify-content: space-between;

  padding-top: 4rem;

  padding-bottom: 2.25rem;

}



footer .top .tit {

  font-size: 1.2rem;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

}



footer .top .text {

  font-size: .8rem;

  line-height: 1.66;

  color: rgba(255, 255, 255, 0.7);

  margin-top: 1.4rem;

}



footer .top .more {

  width: 7.5rem;

  height: 2.25rem;

  background: #0264bf;

  color: #fff;

  font-size: .9rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 2.35rem;

  transition: ease-out .36s;

}



footer .top .more:hover {

  opacity: .85;

}



footer .top .flogo {

  max-width: 17.5rem;

  width: 100%;

  margin-top: 4.5rem;

}



footer .top .flogo img {

  width: 100%;

}



footer .left {

  width: 26%;

}



footer .center .lis {

  padding-top: 1rem;

}



footer .center .lis a {

  font-size: .8rem;

  line-height: 2.3;

  color: rgba(255, 255, 255, 0.7);

  transition: ease-out .2s;

}



footer .center .lis a:hover {

  color: #fff;

}



footer .right {

  width: 35.33%;

}



footer .right ul {

  padding-top: .15rem;

}



footer .right li {

  display: flex;

  align-items: start;

  font-size: .8rem;

  line-height: 1.75rem;

  color: rgba(255, 255, 255, 0.7);

  padding: .95rem 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

}



footer .right li img {

  width: 1.2rem;

  margin-right: 1rem;

  position: relative;

  top: .275rem;

}



footer .right li div {

  flex: 1;

  overflow: hidden;

}



footer .right .icons {

  display: flex;

  margin-top: 1.5rem;

}



footer .right .icons a {

  margin-right: 1.75rem;

  transition: ease-out .36s;
  cursor: pointer;

}



footer .right .icons a img {

  width: 1.5rem;

}



footer .right .icons a:hover {

  opacity: .85;
  transform: scale(1.3);

}



footer .bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  font-size: .9rem;

  color: rgba(255, 255, 255, 0.3);

  padding: 1rem 0;

}



footer .bottom .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



footer .bottom a {

  display: inline;

}



/* #endregion */

/* #region  内页*/

/* #endregion */

.comBan {

	position: relative;

	overflow: hidden;

}

.comBan .bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	animation: mybig 2s;

}

@keyframes mybig {

  0% {

    transform:scale(1.1)

  }

  100% {

    transform:scale(1)

  }

}

.comBan .bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}

.comBan .bg:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.25);

	z-index: 2;

}

.comBan .container {

	min-height: 580px;

	padding-top: 8rem;

	padding-bottom: 4rem;

	box-sizing: border-box;

	position: relative;

	z-index: 3;

	display: flex;

	justify-content: center;

	align-items: center;

}

.comBan .txt p {

	text-align: center;

	color: #fff;

	font-size: .9rem;

	text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);

	max-width: 780px;

	line-height: 1.9;

}

.comBan .txt h1 {

	font-size: 2.4rem;

	text-transform: uppercase;

	margin-bottom: 0.65rem;

	color: #fff;

	text-align: center;

	text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);

	font-weight: bold;

}

.comBan .link {

	margin-top: 2rem;

}

.comBan .link a {

	color: #fff;

	font-size: .9rem;

	border: 1px solid #fff;

	border-radius: 1.35rem;

	width: 7.5rem;

	box-sizing: border-box;

	text-align: center;

	margin: 0 auto;

	text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);

	font-weight: bold;

	padding: .5rem 0;

	background-color: rgba(0, 0, 0, 0.2);
	transition: ease-out .36s;

}

.comBan .link a:hover {

	color:#fff;

	border-color:#0264BF;
	background: #0264BF;
	font-size: 1rem;

}

.comBan .path {

	position: absolute;

	left: 30px;

	bottom: 1.5rem;

	color: #fff;

	font-size: .8rem;

	text-transform: uppercase;

}

.comBan .path a {

	display: inline-block;

	color: #fff;

}

.comBan .path a:hover {

	color: rgba(255, 195, 0, 1);

}

.contactPage .sec {

	margin: 4rem 0;

}

.contactPage .sec .container {

	display: flex;

	justify-content: space-between;

}

.contactPage .sec .lbox {

	width: 32%;

}

.contactPage .sec .lbox li {

	position: relative;

	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);

	padding: 3rem 2rem 2rem;

	margin-bottom: 2.6rem;

	-webkit-transition: .3s; 

	transition: .3s;

}

.contactPage .sec .lbox li:last-child {

	margin-bottom: 0;

}

.contactPage .sec .lbox li .icon {

	position: absolute;

	left: 2rem;

	top: -1.575rem;

	width: 3.15rem;

	height: 3.15rem;

	border: 5px solid rgba(2, 100, 191, 1);

	box-sizing: border-box;

	border-radius: 100%;

	background-color: rgba(2, 100, 191, 1);

	-webkit-transition: .3s; 

	transition: .3s;

}

.contactPage .sec .lbox li .icon img {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	width: 1.8rem;

	-webkit-transition: .3s; 

	transition: .3s;

}

.contactPage .sec .lbox li .icon .on {

	opacity: 0;

}

.contactPage .sec .lbox li:hover {

	background-color: rgba(2, 100, 191, 1);

}

.contactPage .sec .lbox li:hover .icon {

	background-color: #fff;

	border-color: rgba(0, 83, 159, 1);

}

.contactPage .sec .lbox li:hover .icon .out {

	opacity: 0;

}

.contactPage .sec .lbox li:hover .icon .on {

	opacity: 1;

}

.contactPage .sec .lbox li h2 {

	font-size: 1.2rem;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: .7rem;

	color: rgba(51, 51, 51, 1);

	-webkit-transition: .3s; 

	transition: .3s;

}

.contactPage .sec .lbox li p {

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

	line-height: 1.9;

	-webkit-transition: .3s; 

	transition: .3s;

}

.contactPage .sec .lbox li a {

	display: inline;

}

.contactPage .sec .lbox li:hover h2,

.contactPage .sec .lbox li:hover p {

	color: #fff;

}

.contactPage .sec .rbox {

	width: 63.33%;

}

.contactPage .sec .rbox h2 {

	font-size: 2rem;

	font-weight: bold;

	position: relative;

	color: rgba(51, 51, 51, 1);

	padding-left: 1.9rem;

	margin-bottom: .8rem;

}

.contactPage .sec .rbox h2:before {

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -0.75rem;

	background-color: rgba(2, 100, 191, 1);

	content: "";

	width: 0.4rem;

	height: 1.5rem;

}

.contactPage .sec .rbox .txt {

	margin: 0 0 2rem 1.9rem;

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

}

.contactPage .sec .rbox form .term {

	margin-bottom: 1.75rem;
	position: relative;

}

.contactPage .sec .rbox form .term:before {
	position: absolute;
	left: 1rem;
	top: 1.3rem;
	color: red;
	content: "*";
	font-size: .9rem;
	line-height: 1;
}

.contactPage .sec .rbox form input {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	width: 100%;

	height: 3.25rem;

	border-radius: 0;

	box-shadow: none;

	background-color: rgba(248, 248, 248, 1);

	box-sizing: border-box;

	padding: 0 2.25rem;

	border: none;

	font-size: .9rem;

}

.contactPage .sec .rbox form .line {

	display: flex;

	justify-content: space-between;

}

.contactPage .sec .rbox form .line .term {

	width: 48%;

}

.contactPage .sec .rbox form .linec {
	position: relative;
	padding-left: 130px;
}
.contactPage .sec .rbox form .linec .fc-code {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #fff;
	width: 120px;
	display: flex;
	align-items: center;
}
.contactPage .sec .rbox form .linec .fc-code img {
	width: 100%;
}

.contactPage .sec .rbox form textarea {

	width: 100%;

	height: 17.5rem;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius: 0;

	box-shadow: none;

	background-color: rgba(248, 248, 248, 1);

	box-sizing: border-box;

	padding: 1rem 2.25rem;

	border: none;

	font-size: .9rem;

	resize: vertical;

}

.contactPage .sec .rbox form button {

	color: #fff;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: none;

	box-shadow: none;

	background-color: rgba(2, 100, 191, 1);

	text-align: center;

	font-size: .8rem;

	width: 6.8rem;

	margin: 0 auto;

	display: block;

	padding: .6rem 0;

	cursor: pointer;

}

.contactPage .sec .rbox form button:hover {

	background-color: rgba(255, 195, 0, 1);

}

.projectPage .sec {

	margin: 4rem 0;

}

.projectPage .sec ul {

	display: flex;

	flex-wrap: wrap;

}

.projectPage .sec ul li {

	width: 31.66%;

	margin: 0 2.51% 2rem 0;

}

.projectPage .sec ul li:nth-child(3n) {

	margin-right: 0;

}

.projectPage .sec ul a {

	display: block;

	background-color: rgba(241, 243, 244, 1);

	position: relative;

	height: 100%;

}

.projectPage .sec ul .photo {

	height: 15rem;

	overflow: hidden;

}

.projectPage .sec ul .photo img {

	width: 100%;

	height: 100%;

	object-fit: cover;

object-position: center;

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-webkit-backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

}

.projectPage .sec ul a:hover .photo img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.projectPage .sec ul p {

	font-size: 1.1rem;

	color: rgba(51, 51, 51, 1);

	padding: 1.5rem 1.5rem 5.2rem 1.5rem;

}

.projectPage .sec ul .link {

	position: absolute;

	left: 1.5rem;

	bottom: 1.5rem;

	background: url("../images/icon05.png") no-repeat center center;

	background-size: 1.5rem auto;

	border: 1px solid rgba(2, 100, 191, 1);

	box-sizing: border-box;

	border-radius: 1.25rem;

	width: 5.75rem;

	height: 2.2rem;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.projectPage .sec ul a:hover .link {

	background-color: rgba(2, 100, 191, 1);

	background-image: url("../images/icon05_on.png");

}

.applicationsPage .sec {

	margin: 4rem 0;

}

.applicationsPage .sec .note {

	font-size: 1rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.8;

	margin-bottom: 3rem;

}

.applicationsPage .sec ul {

	display: flex;

	flex-wrap: wrap;

}

.applicationsPage .sec li {

	width: 31.66%;

	margin: 0 2.51% 1.75rem 0;

	border: 1px solid rgba(219, 219, 219, 1);

	border-top: none;

	box-sizing: border-box;

}

.applicationsPage .sec li:nth-child(3n) {

	margin-right: 0;

}

.applicationsPage .sec ul .photo {

	height: 17.25rem;

	margin: 0 -1px;
	overflow: hidden;

}

.applicationsPage .sec ul .photo img {

	width: 100%;

	height: 100%;

	object-fit: cover;

object-position: center;
transition: ease-out .5s;

}
.applicationsPage .sec ul a:hover .photo img {
	transform: scale(1.1);
}


.applicationsPage .sec ul .txtbox {

	padding: 1rem;

}

.applicationsPage .sec ul .txtbox h2 {

	color: rgba(2, 100, 191, 1);

	font-size: 1.2rem;

	margin-bottom: 1rem;

}

.applicationsPage .sec ul .txtbox p {

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.9;

	text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

}

.applicationsPage .sec ul .more {

	border: none;

}

.applicationsPage .sec ul .more a {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 17.25rem;

	background: url("../images/applications_bg02.jpg") no-repeat center center;

	background-size: cover;

	box-sizing: border-box;

	padding: 1rem 3rem;

}

.applicationsPage .sec ul .more p {

	color: #fff;

	font-size: 1.1rem;

	text-transform: uppercase;

	margin-bottom: 2.25rem;

}

.applicationsPage .sec ul .more .link {

	background-color: #fff;

	text-align: center;

	font-size: .9rem;

	color: rgba(2, 100, 191, 1);

	width: 7.5rem;

	padding: .5rem 0;

	margin: 0 auto;

}

.applicationsPage .sec ul .more a:hover .link {

	background-color: rgba(255, 195, 0, 1);

	color: #fff;

}

.galleryPage .sec {

	margin: 4rem 0;

}

.galleryPage .sec .note,.projectPage .sec .note {

	font-size: 1.1rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.6;

	margin-bottom: 2.5rem;

}

.galleryPage #grid {

	list-style: none;

	padding: 0;

}

.galleryPage #grid li {

	display: block;

	width: 25%;

	padding: 8px;

	float: left;

	opacity: 0;

}

.galleryPage #grid li.shown,

.no-js .grid li,

.no-cssanimations .grid li {

	opacity: 1;

}

.galleryPage #grid.effect-3 li.animate {

	-webkit-transform: scale(0.6);

	transform: scale(0.6);

	-webkit-animation: scaleUp 0.65s ease-in-out forwards;

	animation: scaleUp 0.65s ease-in-out forwards;

}

@-webkit-keyframes scaleUp {

	0% { }

	100% { -webkit-transform: scale(1); opacity: 1; }

}

@keyframes scaleUp {

	0% { }

	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

}

.galleryPage #grid li img {

	width: 100%;

	-webkit-transition: all .5s;

	transition: all .5s;

	-webkit-backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

}

.galleryPage #grid li a:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.galleryPage #grid li div {

	overflow: hidden;

}

.productPage .sec {

	margin: 4rem 0;

}

.productPage .sec .note {

	color: rgba(51, 51, 51, 1);

	font-size: 1rem;

	margin-bottom: 2.85rem;

}

.productPage .sec ul {

	display: flex;

	flex-wrap: wrap;

}

.productPage .sec ul li {

	width: 31.66%;

	margin: 0 2.51% 2rem 0;

}

.productPage .sec ul li:nth-child(3n) {

	margin-right: 0;

}

.productPage .sec ul .list a {

	display: block;

}

.productPage .sec ul .list .photo {

	height: 17.25rem;

	box-shadow: 0px 4px 16px  rgba(0, 0, 0, 0.1);

	overflow: hidden;

}

.productPage .sec ul .list .photo img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all .5s;

	transition: all .5s;

	-webkit-backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

}

.productPage .sec ul .list a:hover .photo img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.productPage .sec ul .list h2 {

	color: rgba(51, 51, 51, 1);

	font-size: 1rem;

	text-transform: uppercase;

	margin: 1.25rem 0;

	-webkit-transition: all .5s;

	transition: all .5s;

	overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.productPage .sec ul .list a:hover h2 {

	color:#0264bf;

}

.productPage .sec ul .list .link {

	width: 6.8rem;

	border: 1px solid rgba(217, 217, 217, 1);

	font-size: .8rem;

	color: rgba(56, 56, 56, 1);

	text-align: center;

	padding: .45rem 0;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.productPage .sec ul .list a:hover .link {

	color: #fff;

	border-color: #0264bf;
	background: #0264bf;

}

.productPage .sec ul .more {

	border: none;

}

.productPage .sec ul .more a {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 17.25rem;

	background: url("../images/applications_bg02.jpg") no-repeat center center;

	background-size: cover;

	box-sizing: border-box;

	padding: 1rem 3rem;

}

.productPage .sec ul .more p {

	color: #fff;

	font-size: 1.1rem;

	text-transform: uppercase;

	margin-bottom: 2.25rem;

}

.productPage .sec ul .more .link {

	background-color: #fff;

	text-align: center;

	font-size: .9rem;

	color: rgba(2, 100, 191, 1);

	width: 7.5rem;

	padding: .5rem 0;

	margin: 0 auto;

}

.productPage .sec ul .more a:hover .link {

	background-color: rgba(255, 195, 0, 1);

	color: #fff;

}

.comAbout {

	margin: 4rem 0;

}

.comAbout .imgbox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 4rem;

}

.comAbout .imgbox .photo {

	width: 55.8%;
	overflow: hidden;

}

.comAbout .imgbox .photo img {

	width: 100%;
-webkit-transition: ease-out .5s;
	transition: ease-out .5s;
}
.comAbout .imgbox .photo:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comAbout .imgbox .txtbox {

	width: 39.53%;

}

.comAbout .imgbox .txtbox .color {

	color: #fff;

	font-size: 1.1rem;

	font-weight: 600;

	display: inline-block;

	background-color: rgba(255, 215, 59, 1);

	padding: .2rem .5rem;

	margin-bottom: 1.3rem;

}

.comAbout .imgbox .txtbox h2 {

	color: rgba(51, 51, 51, 1);

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1.25;

	font-size: 2rem;

	margin-bottom: 1.6rem;

}

.comAbout .imgbox .txtbox h2 span {

	color: rgba(2, 100, 191, 1);

}

.comAbout .imgbox .txtbox .txt {

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.55;

}

.comAbout ul {

	display: flex;

	justify-content: space-between;

	text-align: center;

}

.comAbout ul p {

	margin-top: .5rem;

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

}

.comAbout ul .top {

	display: flex;

	align-items: center;

	justify-content: center;

}

.comAbout ul .top img {

	width: 3.65rem;

	margin-right: 1rem;

}

.comAbout ul .num {

	font-size: 3rem;

	color: rgba(2, 100, 191, 1);

	font-weight: bold;

}

.comAbout ul .num sup {

	font-size: 1.8rem;

}

.headline01 {

	font-size: 2rem;

	font-weight: bold;

	text-transform: uppercase;

	color: rgba(51, 51, 51, 1);

	margin-bottom: 2rem;

}

.headline01span{
    	font-weight: normal;
}
.comChoice {

	margin-bottom: 4rem;

	padding: 4rem 0;

	background: url("../images/all-about_bg02.jpg") no-repeat center center;

	background-size: cover;

}

.comChoice h2 {

	color: #fff;

	margin-bottom: 1rem;

}

.comChoice .note {

	color: #fff;

	font-size: .9rem;

	margin-bottom: 2rem;
	
	font-style: italic;

}

.comChoice ul {

	display: flex;

	justify-content: space-between;

}

.comChoice ul li {

	width: 31.66%;

}

.comChoice ul .photo {
	overflow: hidden;
}
.comChoice ul .photo img {

	width: 100%;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comChoice ul .photo:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comChoice ul h3 {

	color: #fff;

	font-size: 1.1rem;

	margin: 1.25rem 0 1rem;

}

.comChoice ul p {

	font-size: .9rem;

	color: #fff;

	line-height: 1.66;

}

.comHonour {

	margin-bottom: 4rem;

}

.comHonour .swiper-slide {

	width: auto;

	height: 7rem;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0 2rem;

}

.comHonour .swiper-slide img {

	max-height: 100%;

	max-width: 100%;

}

.all-aboutPage .sec {

	margin-bottom: 4rem;

}

.all-aboutPage .sec .mySwiper2 {

	margin-bottom: 1.5rem;

}

.all-aboutPage .sec .mySwiper2 .swiper-slide {

	height: 41rem;

}

.all-aboutPage .sec .mySwiper2 .swiper-slide > img {

	width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.all-aboutPage .sec .mySwiper2 p {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 1.5rem;

}

.all-aboutPage .sec .mySwiper2 p:before {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);

	z-index: 1;

}

.all-aboutPage .sec .mySwiper2 p span {

	position: relative;

	z-index: 2;

	display: block;

	color: #269AFF;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-image: -webkit-linear-gradient(bottom,#269AFF,#00FFEE);

	font-size: 1.2rem;

	font-weight: bold;

}

.all-aboutPage .sec .mySwiper2 p img {

	width: 1.5rem;

	display: inline-block;

	vertical-align: middle;

	margin: -.2rem 1rem 0 0;

}

.all-aboutPage .sec .mySwiper .swiper-slide {

	height: 8.5rem;

}

.all-aboutPage .sec .mySwiper .swiper-slide-thumb-active{
   border: 5px solid rgba(0, 160, 233, 1);
}

.all-aboutPage .sec .mySwiper img {

	width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.all-aboutPage .sec .swiper-button-next:after,

.all-aboutPage .sec .swiper-button-prev:after {

	display: none;

}

.all-aboutPage .sec .swiper-button-next,

.all-aboutPage .sec .swiper-button-prev {

	width: 2.5rem;

	height: 2.5rem;

	margin-top: -1.25rem;

}

.all-aboutPage .sec .swiper-button-next {

	background: url("../images/next01.png") no-repeat;

	background-size: 100% auto;

	right: 3rem;

}

.all-aboutPage .sec .swiper-button-prev {

	background: url("../images/prev01.png") no-repeat;

	background-size: 100% auto;

	left: 3rem;

}

.comNews {

	margin-bottom: 4rem;

}

.comNews .topbox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 2rem;

}

.comNews h2 {

	margin-bottom: 0;

}

.comNews .topbox .link a {

	display: block;

	text-align: center;

	color: #333;

	font-size: .9rem;

	border: 1px solid #D9D9D9;

	width: 7.5rem;

	padding: .5rem 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.comNews .topbox .link a:hover {

	color: #fff;

	background-color: rgba(2, 100, 191, 1);

	border-color:rgba(2, 100, 191, 1);

}

.comNews .ul {

  display: flex;

	flex-wrap: wrap;

}

.comNews .ul li {

  width: 30.66%;

  margin-right: 4.01%;

}

.comNews .ul li:nth-child(3n) {

  margin-right: 0;

}

.comNews .ul a {

  position: relative;

  transition: ease-out .36s;

}

.comNews .ul a .img {

  position: relative;

  overflow: hidden;

  padding-bottom: 63.04%;

}

.comNews .ul a .img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comNews .ul a:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comNews .ul a .time {

  position: absolute;

  left: 0;

  top: 0;

  width: 4rem;

  height: 5.5rem;

  background: #333333;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-align: center;

}

.comNews .ul a .time div {

  font-size: 1.8rem;

}

.comNews .ul a .time span {

  width: 3.25rem;

  display: block;

  font-size: .9rem;

  border-top: 1px solid rgba(255, 255, 255, 0.5);

  padding-top: .3rem;

  padding-bottom: .1rem;

}

.comNews .ul a .card {

  padding: 1.75rem 1.5rem;

}

.comNews .ul a .card h3 {

  font-size: 1.2rem;

  font-weight: 700;

  color: #333333;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.comNews .ul a .card div {

  font-size: .9rem;

  line-height: 1.94;

  color: #999999;

  margin-top: 1.1rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.comNews .ul a .card span {

  display: block;

  width: 6.8rem;

  height: 2rem;

  border: 1px solid #d9d9d9;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .8rem;

  margin-top: 2.3rem;

  transition: ease-out .36s;

}

.comNews .ul a:hover {

  background: #fff;

  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);

}

.comNews .ul a:hover .card span {

  background: #0264bf;

  border-color: #0264bf;

  color: #fff;

}

.comAboutLink {

	background-color: #F7F7F7;

	padding: 1.5rem;

}

.comAboutLink ul {

	display: flex;

	justify-content: center;

}

.comAboutLink ul li {

	margin: 0 2rem;

}

.comAboutLink ul a {

	font-size: .9rem;

	color: #333333;

	text-transform: uppercase;

}

.comAboutLink ul a:hover {

	color: #0264BF;

	text-decoration: underline;

}

.comAboutLink li.on a {

	color: #0264BF;

	text-decoration: underline;

}

.about-linePage .sec {

	margin: 4rem 0;

}

.about-linePage .sec .headline01 {

	margin-bottom: 1.2rem;

}

.about-linePage .sec .note {

	font-size: .9rem;

	color: #333333;

	line-height: 1.94;

	margin-bottom: 4rem;

}

.about-linePage .sec ul {

	display: flex;

	flex-wrap: wrap;

}

.about-linePage .sec ul li {

	width: 31.66%;

	margin: 0 2.15% 2rem 0;

}

.about-linePage .sec ul li:nth-child(3n) {

	margin-right: 0;

}

.about-linePage .sec ul .photo a {
	display: block;
	overflow: hidden;

	height: 15rem;

	margin-bottom: 1rem;

}

.about-linePage .sec ul .photo img {

	width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.about-linePage .sec ul .photo a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.about-linePage .sec ul h2 {

	color: #333333;

	font-size: .9rem;

	font-weight: bold;

}

.newsPage .comNews .note {

	font-size: .9rem;

	color: #333333;

	margin: 4rem 0;

}

.newsPage .comNews .ul li {

	margin-bottom: 2.2rem;

}

.pagination {

	margin-top: 1rem;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

}
.pagination li{

width: auto !important;
  margin: 0 !important;

}

.pagination span {

	font-size: .8rem;

	color: #666;

}

.pagination a {

	margin: 0 .26rem .26rem;

	display: inline-block;

	padding: .34rem .4rem;

	border: 1px solid #ddd;

	box-sizing: border-box;

	min-width: 1.9rem;

	text-align: center;

	color: #666;

}

.pagination .page-status {

	margin-right: 10px;

}

.pagination a:hover,

.pagination .page-num-current {

	background-color: #0264BF;

	color: #fff;

}

.news-detailPage .sec {

	margin: 4rem 0;

}

.news-detailPage .sec .container {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}

.news-detailPage .sec .lbox {

	width: 63.33%;

}

.news-detailPage .sec .lbox .photo {

	position: relative;

	height: 23rem;

	margin-bottom: 2.5rem;

}

.news-detailPage .sec .lbox .photo img {

	width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.news-detailPage .sec .lbox .photo .time {

	position: absolute;

	left: 1.25rem;

	top: 1.25rem;

	background-color: #333333;

	color: #fff;

	text-align: center;

	font-size: .9rem;

	min-width: 4rem;

	padding: .7rem .4rem;

	box-sizing: border-box;

}

.news-detailPage .sec .lbox .photo .time span {

	display: block;

	font-size: 1.8rem;

}

.news-detailPage .sec .lbox .note {

	color: #0264BF;

	font-size: .9rem;

	margin-bottom: 1.3rem;

}

.news-detailPage .sec .lbox h2 {

	color: #333;

	font-size: 1.2rem;

	font-weight: bold;

	margin-bottom: 2rem;

}

.news-detailPage .sec .lbox .content {

	color: #666;

	font-size: .9rem !important;

	line-height: 2;

	border-bottom: 1px solid rgba(232, 232, 232, 1);

	padding-bottom: 2rem;

	margin-bottom: 2rem;

}

.news-detailPage .sec .lbox .content * {

	color: #666;

	font-size: .9rem;

	line-height: 2;

}

.news-detailPage .sec .lbox .content p{
  padding:10px 0
}
.news-detailPage .sec .lbox .content img {

	max-width: 100% !important;

	max-height: 100% !important;

	width: auto !important;

	height: auto !important;

	margin: 0 auto !important;

}

.news-detailPage .sec .lbox .link a {

	text-align: center;

	color: #fff;

	font-size: .8rem;

	background-color: rgba(2, 100, 191, 1);

	width: 6.5rem;

	padding: .8rem 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.news-detailPage .sec .lbox .link a:hover {

	background-color: #FFC300;

}

.news-detailPage .sec .rbox {

	width: 31.33%;

	background-color: #F7F7F7;

	padding: 2rem 1rem;

}

.news-detailPage .sec .rbox h2 {

	color: #333333;

	font-size: 1.2rem;

	font-weight: bold;

	margin-bottom: 1rem;

}

.news-detailPage .sec .rbox ul li {

	margin-top: 1rem;

}

.news-detailPage .sec .rbox ul a {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.news-detailPage .sec .rbox ul .photo {

	width: 46.51%;

	height: 6.2rem;

}

.news-detailPage .sec .rbox ul .photo img {

	width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.news-detailPage .sec .rbox ul .txtbox {

	width: 50%;

}

.news-detailPage .sec .rbox ul .txtbox h3 {

	color: #333;

	font-size: .9rem;

	line-height: 1.2;

	text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

	margin-bottom: 1.8rem;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.news-detailPage .sec .rbox ul .txtbox .time {

	color: #CFCFCF;

	font-size: .8rem;

}

.news-detailPage .sec .rbox ul a:hover .txtbox h3 {

	color: #FFC300;

}

.comBox01 {

	margin: 4rem 0;

}

.comBox01 .container {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.comBox01 .photo {

	width: 41%;

	display: flex;

	justify-content: center;

	align-items: center;
	overflow: hidden;

}

.comBox01 .photo img {

	max-width: 100%;

	max-height: 100%;

	width: auto;

	height: auto;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comBox01 .photo:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comBox01 .txtbox {

	width: 54%;

}

.comBox01 .txtbox h3 {

	color: rgba(2, 100, 191, 1);

	font-weight: bold;

	font-size: 1.2rem;

	margin: -1rem 0 1rem;

}

.comBox01 .txtbox p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comSpecification {

	margin-bottom: 4rem;

	background-color: rgba(245, 245, 245, 1);

	padding: 2rem 0;

}

.comSpecification h2 {

	margin-bottom: 1rem;

	padding-bottom: 1.3rem;

	border-bottom: 3px solid rgba(2, 100, 191, 1);

}

.comSpecification ul li {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	border-bottom: 1px solid rgba(210, 214, 214, 1);

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	padding: 1rem 0;

}

.comSpecification ul li:last-child {

	border-bottom: none;

}

.comSpecification ul .name {

	width: 20%;

}

.comSpecification ul .txt {

	width: 78%;

}

.comProject {

	margin-bottom: 4rem;

}

.comProject.bg {

	background-color: rgba(245, 245, 245, 1);

	padding: 2rem 0;

}

.comProject .headline01 {

	margin-bottom: .8rem;

}

.comProject .note {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

}

.comProject ul {

	display: flex;

	flex-wrap: wrap;

}

.comProject ul li {

	width: 23%;

	margin: 1.8rem 2.66% 0 0;

}
.comProject ul li:nth-child(4n) {
	margin-right: 0;
}
.comProject ul li.swiper-slide {
	margin-right: 2.66%;
}

.comProject ul .photo {

	position: relative;

box-shadow: 0px 4px 16px  rgba(0, 0, 0, 0.1);

	padding-bottom: 100%;

  overflow: hidden;

	margin-bottom: 1rem;

}

.comProject ul .photo img {

	position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: ease-out .5s;

	object-fit: cover;

  object-position: center;

}

.comProject ul a:hover .photo img {

	transform: scale(1.1);

}

.comProject ul h3 {

	font-size: 1rem;

	color: rgba(51, 51, 51, 1);


	margin-bottom: 1.3rem;
	
	min-height: 3rem;
    
    overflow: hidden;

}

.comProject ul .link {

	font-size: .8rem;

	color: rgba(56, 56, 56, 1);

	text-align: center;

	border:  1px solid rgba(217, 217, 217, 1);

	width: 6.8rem;

	padding: .5rem 0;

	box-sizing: border-box;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.comProject ul a:hover .link {

	color: #fff;

	background-color: rgba(2, 100, 191, 1);

	border-color: rgba(2, 100, 191, 1);

}

.comFactory {

	margin-bottom: 4rem;

}

.comFactory.bg {

	background-color: rgba(245, 245, 245, 1);

	padding: 2rem 0;

}

.comFactory ul {

	display: flex;

	flex-wrap: wrap;

}

.comFactory ul li {

	width: 23%;

	margin: 0 2.66% 1rem 0;

}

.comFactory ul li:nth-child(4n) {

	margin-right: 0;

}

.comFactory ul .photo a {
	display: block;
	overflow: hidden;

	height: 11.5rem;

	margin-bottom: .5rem;

}

.comFactory ul .photo img {

	width: 100%;

  height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comFactory ul .photo a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comFactory ul p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	font-weight: bold;

	font-style: italic;

}

.comInquiry {

	margin-bottom: 4rem;

}

.comInquiry .bg {

	background-color: rgba(245, 245, 245, 1);

	padding: 2rem;

}

.comInquiry .headline01 {

	margin-bottom: 1rem;

}

.comInquiry .note {

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 1rem;

}

.comInquiry .item {

	margin-bottom: 1rem;
	position: relative;

}
.comInquiry .item:before {
	position: absolute;
	left: 1rem;
	top: 1.3rem;
	color: red;
	content: "*";
	font-size: .9rem;
	line-height: 1;
}
.comInquiry form input{

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	width: 100%;

	height: 3.25rem;

	border-radius: 0;

	box-shadow: none;

	background-color: #fff;

	box-sizing: border-box;

	padding: 0 2.25rem;

	border: none;

	font-size: .9rem;

}

.comInquiry .line {

	display: flex;

	justify-content: space-between;

}

.comInquiry .line .item {

	width: 24.3%;

}

.comInquiry textarea {

	width: 100%;

	height: 17.5rem;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius: 0;

	box-shadow: none;

	background-color: #fff;

	box-sizing: border-box;

	padding: 1rem 2.25rem;

	border: none;

	font-size: .9rem;

	resize: vertical;

}

.comInquiry button {

	color: #fff;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: none;

	box-shadow: none;

	background-color: rgba(2, 100, 191, 1);

	text-align: center;

	font-size: .8rem;

	width: 6.8rem;

	margin: 0 auto;

	display: block;

	padding: .6rem 0;

	cursor: pointer;

}

.comInquiry button:hover {

	background-color: rgba(255, 195, 0, 1);

}


.comInquiry form .linec {
	position: relative;
	padding-left: 130px;
}
.comInquiry form .linec .fc-code {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #fff;
	width: 120px;
	display: flex;
	align-items: center;
}
.comInquiry form .linec .fc-code img {
	width: 100%;
}


.comBox02 {

	margin: 4rem 0;

}

.comBox02 .container {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.comBox02 .photo {

	width: 57.33%;

	height: 27rem;

	position: relative;

}

.comBox02 .photo div {

	right: 0;

	height: 100%;

	position: absolute;

	left: -10.5rem;

	top: 0;
	overflow: hidden;

}

.comBox02 .photo img {

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comBox02 .photo:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comBox02 .txtbox {

	width: 37.53%;

}

.comBox02 .txtbox .headline01 span {

	color: rgba(2, 100, 191, 1);

}

.comBox02 .txtbox p {

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.94;

}

.comBox03 {

	margin-bottom: 4rem;

}

.comBox03 ul {

	display: flex;

	flex-wrap: wrap;

	margin-top: -1rem;

}

.comBox03 ul li {

	width: 31.66%;

	margin: 1rem 2.51% 0 0;

}

.comBox03 ul li:nth-child(3n) {

	margin-right: 0;

}

.comBox03 ul .photo {

	margin-bottom: 1rem;
	overflow: hidden;

}

.comBox03 ul .photo img {

	width: 100%;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comBox03 ul li:hover .photo img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comBox03 ul h3 {

	color: rgba(2, 100, 191, 1);

	font-size: 1.2rem;

	margin-bottom: 1rem;

}

.comBox03 ul p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comBox04 {

	margin: 4rem 0;

}

.comBox04 .photo {

	margin-bottom: 2rem;
	overflow: hidden;

}

.comBox04 .photo img {

	width: 100%;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comBox04 .photo:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comBox04 p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comBox05 {

	margin-bottom: 4rem;

}

.comBox05 ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.comBox05 ul li {

	width: 48.66%;

	position: relative;

	height: 21.1rem;
	overflow: hidden;

}

.comBox05 ul img {

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comBox05 ul li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comBox05 ul .txt {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 1.5rem;

}

.comBox05 ul .txt:before {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	content: "";

background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

	z-index: 1;

}

.comBox05 ul p {

	position: relative;

	z-index: 2;

	font-size: .9rem;

	color: #fff;

	line-height: 1.94;

}

.comBox05 ul p span {

	display: block;

	font-size: 1.2rem;

	font-style: italic;

	margin-bottom: .5rem;

}

.comBox06 {

	margin-bottom: 4rem;

}

.comBox06 .note {

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.94;

	margin-bottom: 2rem;

}

.comBox06 .swiper-slide .txt {

	padding: 2.2rem;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	box-sizing: border-box;

	-webkit-transform: translateX(-100%);

  transform: translateX(-100%);

	-webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

	overflow-y: auto;

	color: #fff;

}

.comBox06 .swiper-slide .txt h3 {

	font-size: 1.1rem;

	font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 1rem;

}

.comBox06 .swiper-slide .txt p {

	font-size: .9rem;

	line-height: 1.94;

}

.comBox06 .swiper-slide .ttl {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	text-align: center;

	-webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 1rem;

}

.comBox06 .swiper-slide .ttl img {

	width: 3.5rem;

	margin: 0 auto 1rem;

}

.comBox06 .swiper-slide .ttl p {

	color: rgba(51, 51, 51, 1);

	font-size: 1.4rem;

	font-weight: 700;

}

.comBox06 .swiper-slide {

	width: 17rem;

	height: 27rem;

	background-color: rgba(247, 249, 252, 1);

	overflow: hidden;

	-webkit-transition: all .6s;

	transition: all .6s;

	cursor: pointer;

}

.comBox06 .swiper-slide-active .txt {

	-webkit-transform: translate(0, 0);

  transform: translate(0, 0);

}

.comBox06 .swiper-slide-active .ttl {

	-webkit-transform: translateX(100%);

  transform: translateX(100%);

}

.comBox06 .swiper-slide-active {

	width: 38.5rem;

	background-color: rgba(2, 100, 191, 1);

}

.comBox06 .swiperbox {

	position: relative;

	padding-bottom: 4.5rem;

}

.comBox06 .swiper-button-next:after,

.comBox06 .swiper-button-prev:after {

	display: none;

}

.comBox06 .swiper-button-next,

.comBox06 .swiper-button-prev {

	bottom: 0;

	top: inherit;

	margin-top: 0;

	width: 2rem;

	height: 2rem;

}

.comBox06 .swiper-button-next {

	right: 50%;

	margin-right: -2.8rem;

	background: url("../images/next02.png") no-repeat;

	background-size: 100% auto;

}

.comBox06 .swiper-button-next:hover {

	background-image: url("../images/next02_on.png");

}

.comBox06 .swiper-button-prev {

	left: 50%;

	margin-left: -2.8rem;

	background: url("../images/prev02.png") no-repeat;

	background-size: 100% auto;

}

.comBox06 .swiper-button-prev:hover {

	background-image: url("../images/prev02_on.png");

}

.comDetail01 {

	padding: 4rem 0;

	margin-bottom: 4rem;

	background-color: rgba(245, 245, 245, 1);

}

.comDetail01 .container {

	display: flex;

	justify-content: space-between;

}

.comDetail01 .lbox {

	width: 34.66%;

}

.comDetail01 .lbox .mySwiper2 {

	margin-bottom: 2rem;

}

.comDetail01 .lbox .mySwiper2 .photo {

	position: relative;

	padding-bottom: 100%;

	overflow: hidden;

}

.comDetail01 .lbox .mySwiper2 .photo img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: ease-out .5s;

	object-fit: cover;

  object-position: center;

}

.comDetail01 .lbox .mySwiper2 a:hover .photo img {

	transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.comDetail01 .lbox .mySwiper2 a {

	position: relative;

}

.comDetail01 .lbox .mySwiper2 .video {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	width: 3rem;

	z-index: 2;

}

.comDetail01 .lbox .mySwiper2 .video img {

	width: 100%;

	height: auto;

}

.comDetail01 .lbox .btmbox {

	padding: 0 2.5rem;

	position: relative;

}

.comDetail01 .lbox .btmbox .swiper-slide-thumb-active {

	border: 3px solid rgba(0, 160, 233, 1);

}

.comDetail01 .lbox .mySwiper .swiper-slide div {

	padding-bottom: 100%;

	overflow: hidden;

	position: relative;

}

.comDetail01 .lbox .mySwiper .swiper-slide img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: ease-out .5s;

	object-fit: cover;

  object-position: center;

}

.comDetail01 .lbox .mySwiper .swiper-slide div:hover img {

	transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.comDetail01 .lbox .swiper-button-next:after,

.comDetail01 .lbox .swiper-button-prev:after {

	color: rgba(153, 153, 153, 1);

	font-size: 1.2rem;

	font-weight: bold;

}

.comDetail01 .lbox .swiper-button-next {

	right: 0;

}

.comDetail01 .lbox .swiper-button-prev {

	left: 0;

}

.comDetail01 .rbox {

	width: 58.66%;

}

.comDetail01 .rbox h2 {

	padding: 1.5rem 0 2rem;

	margin-bottom: 2rem;

	font-size: 2rem;

	font-weight: bold;

	color: rgba(2, 100, 191, 1);

/*	text-transform: uppercase; */

	border-bottom: 1px solid rgba(227, 227, 227, 1);

}

.comDetail01 .rbox .typeul li {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	margin-bottom: .5rem;

}

.comDetail01 .rbox .shareul {

	display: flex;

	flex-wrap: wrap;

	margin-top: 4rem;

}

.comDetail01 .rbox .shareul li {

	width: 1.5rem;

	margin: .5rem 1rem 0 0;

}

.comDetail01 .rbox .shareul li img {

	width: 100%;

	height: auto;

}

.comDetail01 .rbox .shareul li a:hover {

	opacity: 0.7;

}

.comDetail02 {

	margin-bottom: 4rem;

}

.comDetail02 .headline01 {

	margin-bottom: 1rem;

}

.comDetail02 .txt {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comDetail02 .txt p{

	margin-bottom: 20px;
}

.comDetail02 .txt span {

	font-size: 1.2rem;

	color: rgba(2, 100, 191, 1);

	font-style: italic;

}

.comDetail02 ul li {

	list-style: disc;

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

	margin: 0 0 1rem 1rem;

}

.detailPage .comSpecification {

	background-color: #fff;

	padding: 0;

}

.detailPage .comSpecification ul li:last-child {

	border-bottom: 1px solid rgba(210, 214, 214, 1);

}

.comDetail03 {

	margin-bottom: 4rem;

}

.comDetail03 .headline01 {

	margin-bottom: 1rem;

}

.comDetail03 .note {

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 1rem;

}

.comDetail03 ul {

	display: flex;

	flex-wrap: wrap;

}

.comDetail03 ul li {

	width: 23%;

	margin: 1rem 2.66% 0 0;

}

.comDetail03 ul li:nth-child(4n) {

	margin-right: 0;

}

.comDetail03 ul a {

	position: relative;

	padding-bottom: 100%;

	overflow: hidden;

}

.comDetail03 ul img {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;

	left: 0;

	top: 0;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comDetail03 ul a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail03 ul .inner {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	box-sizing: border-box;

	background-color: rgba(0, 81, 186, 0.75);

	padding: 1.5rem;

	display: flex;

	align-items: center;

	font-size: .9rem;

	color: #fff;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	-webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

	text-transform: uppercase;

}

.comDetail03 ul a:hover .inner {

	-webkit-transform: translate(0, 0);

  transform: translate(0, 0);

}

.comDetail04 {

	margin-bottom: 4rem;

}

.comDetail04 .headline01 {

	margin-bottom: 1rem;

}

.comDetail04 .note {

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 1rem;

}

.comDetail04 ul {

	display: flex;

	flex-wrap: wrap;

}

.comDetail04 ul li {

	width: 23%;

	margin: 1rem 2.66% 0 0;

	box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);

}

.comDetail04 ul li:nth-child(4n) {

	margin-right: 0;

}

.comDetail04 ul .photo {

	position: relative;

	padding-bottom: 100%;

	overflow: hidden;

}

.comDetail04 ul .photo img {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;

	left: 0;

	top: 0;
-webkit-transition: ease-out .5s;
	transition: ease-out .5s;
}
.comDetail04 ul li:hover .photo img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail04 ul .txtbox {

	padding: 1rem;

}

.comDetail04 ul h3 {

	font-size: 1rem;

	color: rgba(2, 100, 191, 1);

	font-weight: bold;

}

.comDetail04 ul p {

	font-size: .9rem;

	color: rgba(102, 102, 102, 1);

}

.comDetail05 {

	margin-bottom: 4rem;

}

.comDetail05.bg {

	padding: 4rem 0;

	background-color: rgba(245, 245, 245, 1);

}

.comDetail05 .container {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.comDetail05 .lbox {

	width: 42%;

}

.comDetail05 .lbox h3 {

	font-size: 1.8rem;

	color: rgba(2, 100, 191, 1);

	font-weight: bold;

	margin-bottom: 1rem;

}

.comDetail05 .lbox .txt {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comDetail05 .rbox {

	width: 55.73%;

}

.comDetail05 .rbox .swiper img {

	width: 100%;

}

.comDetail05 .rbox .swiper-button-next:after,

.comDetail05 .rbox .swiper-button-prev:after {

	display: none;

}

.comDetail05 .rbox .swiper-button-next,

.comDetail05 .rbox .swiper-button-prev {

	margin-top: -1.25rem;

	width: 2.5rem;

	height: 2.5rem;

}

.comDetail05 .rbox .swiper-button-next {

	right: 1.2rem;

	background: url("../images/next03.png") no-repeat;

	background-size: 100% auto;

}

.comDetail05 .rbox .swiper-button-prev {

	left: 1.2rem;

	background: url("../images/prev03.png") no-repeat;

	background-size: 100% auto;

}

.comDetail06 {

	margin-bottom: 4rem;

}

.comDetail06 .headline01 {

	margin-bottom: 1rem;

}

.comDetail06 .note {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

	margin-bottom: 1rem;

}

.comDetail06 ul {

	display: flex;

	flex-wrap: wrap;

}

.comDetail06 ul li {

	width: 23.9%;

	box-sizing: border-box;

	margin: 1rem 1.46% 0 0;

	padding: .35rem;

	position: relative;
	overflow: hidden;

}

.comDetail06 ul li:before {

	position: absolute;

	left: 0;

	top: 0;

	right: .7rem;

	bottom: .7rem;

	z-index: 1;

	content: "";

	background-color: rgba(255, 219, 102, 1);

}

.comDetail06 ul li:after {

	position: absolute;

	left: .7rem;

	top: .7rem;

	right: 0;

	bottom: 0;

	z-index: 1;

	content: "";

	background-color: rgba(2, 100, 191, 1);

}

.comDetail06 ul img {

	width: 100%;

	position: relative;

	z-index: 2;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comDetail06 ul li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.comProject .swiper-wrapper,
.comDetail06 .swiper-wrapper {

  -webkit-transition-timing-function: linear;

  -moz-transition-timing-function: linear;

  -ms-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

}

.comDetail07 {

	margin-bottom: 4rem;

}

.comDetail07 .headline01 {

	margin-bottom: 1rem;

}

.comDetail07 .note {

	font-size: .9rem;

	line-height: 1.94;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 2rem;

}

.comDetail07 ul li {

	margin-top: 1rem;

	display: flex;

	background-color: rgba(65, 141, 80, 1);

}

.comDetail07 ul .photo {

	width: 32%;
	overflow: hidden;

}

.comDetail07 ul .photo img {

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comDetail07 ul li:hover .photo img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail07 ul .txtbox {

	width: 68%;

	color: #fff;

	padding: 1.5rem 2.5rem;

}

.comDetail07 ul .txtbox h3 {

	font-size: 1rem;

	font-weight: bold;

	margin-bottom: 1rem;

	text-transform: uppercase;

}

.comDetail07 ul .txtbox p {

	font-size: .7rem;

	line-height: 2.5;

}

.comDetail08 {

	margin-bottom: 4rem;

}

.comDetail08 ul li {

	margin-top: 2rem;

	position: relative;

	padding-left: 5.3rem;

}

.comDetail08 ul .icon {

	width: 4.2rem;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -2.1rem;

}

.comDetail08 ul .icon img {

	width: 100%;

}

.comDetail08 ul h3 {

	font-size: 1rem;

	color: rgba(51, 51, 51, 1);

	font-weight: 700;

	margin-bottom: .5rem;

}

.comDetail08 ul p {

	font-size: 1rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.21;

}

.comDetail08 ul.two {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: -1.5rem;

}

.comDetail08 ul.two li {

	width: 48.5%;

	padding-left: 3.6rem;

}

.comDetail08 ul.two .icon {

	width: 2.5rem;

	margin-top: -1.25rem;

}

.comDetail08 ul.two h3 {

	margin: 0;

}

.comDetail09 {

	margin-bottom: 4rem;

}

.comDetail09 .headline01 {

	margin-bottom: 1rem;

}

.comDetail09 .note {

	font-size: .9rem;

	line-height: 1.94;

	margin-bottom: 1rem;

	color: rgba(102, 102, 102, 1);

}

.comDetail09 ul {

	display: flex;

	flex-wrap: wrap;

}

.comDetail09 ul li {

	width: 23%;

  margin: 1rem 2.66% 0 0;

}

.comDetail09 ul li:nth-child(4n) {

	margin-right: 0;

}

.comDetail09 ul .photo {
	overflow: hidden;
}

.comDetail09 ul .photo img {

	width: 100%;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comDetail09 ul li:hover .photo img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail09 ul h3 {

	min-height: 3rem;

	font-size: 1.2rem;

	color: rgba(2, 100, 191, 1);

	line-height: 1.21;

	margin: 1rem 0 .5rem;

}

.comDetail09 ul p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comDetail10 {

	margin-bottom: 4rem;

}

.comDetail10 .imgbox {
	position: relative;
	padding-left: 6.25rem;
}

.comDetail10 .mySwiper {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 4.75rem;

}
.comDetail10 .mySwiper .swiper-slide div {
	width: 100%;
	height: 100%;
}
.comDetail10 .mySwiper img {
	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;

}

.comDetail10 .mySwiper .swiper-slide-thumb-active {

	border: 3px solid rgba(0, 160, 233, 1);

}

.comDetail10 .mySwiper2 .photo {
	width: 37.8%;
}
.comDetail10 .mySwiper2 .photo div {
	position: relative;
	padding-bottom: 100%;
}
.comDetail10 .mySwiper2 .photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
  object-position: center;
}

.comDetail10 .mySwiper2 .txtbox {
	width: 54.5%;
	position: absolute;
  right: 0;
  top: 50%;
  max-height: 100%;
  overflow-y: auto;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	box-sizing: border-box;
	padding-right: 1rem;
}


.comDetail10 .mySwiper2 .txtbox::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
}
 
.comDetail10 .mySwiper2 .txtbox::-webkit-scrollbar-thumb {
    background-color: #00A0E9; /* 滚动条滑块的颜色，这里使用了半透明的蓝色 */
    border-radius: 6px; /* 滑块的圆角 */
}
 
.comDetail10 .mySwiper2 .txtbox::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道的颜色 */
}
.comDetail10 .mySwiper2 h3 {

	font-size: 1.8rem;

	color: rgba(2, 100, 191, 1);

}

.comDetail10 .mySwiper2 p {

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.94;

	margin-top: 1rem;

}

.comDetail11 {

	margin-bottom: 4rem;

}

.comDetail11 ul {

	display: flex;

	flex-wrap: wrap;

	margin-top: -1rem;

}

.comDetail11 ul li {

	width: 23%;

	margin: 1rem 2.66% 0 0;

}

.comDetail11 ul li:nth-child(4n) {

	margin-right: 0;

}
.comDetail11 ul li.swiper-slide {
	margin-right: 2.66%;
}
.comDetail11 .swiper-wrapper {

  -webkit-transition-timing-function: linear;

  -moz-transition-timing-function: linear;

  -ms-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

}
.comDetail11 ul li div {

	position: relative;

	padding-bottom: 100%;
	overflow: hidden;

}

.comDetail11 ul img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}

.comDetail11 ul li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail12 {

	margin-bottom: 4rem;

}

.comDetail12 .note {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}
.comDetail02 pre,
.comDetail12 .txt {

	margin: 1rem 0;

	font-style: italic;

	padding: 1rem;

	box-shadow: 0px 4px 16px  rgba(0, 0, 0, 0.1);

}
.comDetail02 pre {
	word-wrap: break-word;
	white-space: pre-wrap;
	font-family: inherit;
	font-weight: 400;
}
.comDetail02 pre code {
	font-family: inherit;
	font-weight: 400;
}

.comDetail12 .note span {

	color: rgba(0, 0, 0, 1);

	font-size: 1.1rem;

	font-weight: 700;

}

.comDetail13 {

	margin-bottom: 4rem;

}

.comDetail13 .headline01 {

	margin-bottom: 1rem;

}

.comDetail13 .note {

	font-size: .9rem;

	line-height: 1.94;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 2rem;

}

.comDetail13 .imgbox {

	display: flex;

	justify-content: space-between;

}

.comDetail13 .imgbox .rbox {

	width: 46.2%;

	height: 21rem;
	overflow: hidden;

}

.comDetail13 .imgbox .rbox img {

	width: 100%;

	height: 100%;

	object-fit: cover;

  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comDetail13 .imgbox .rbox:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail13 .imgbox .lbox {

	width: 50%;

	overflow-y: auto;

	direction: rtl;

}
.comDetail13 .imgbox .lbox::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
}
 
.comDetail13 .imgbox .lbox::-webkit-scrollbar-thumb {
    background-color: #00A0E9; /* 滚动条滑块的颜色，这里使用了半透明的蓝色 */
    border-radius: 6px; /* 滑块的圆角 */
}
 
.comDetail13 .imgbox .lbox::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道的颜色 */
}

.comDetail13 .imgbox .lbox .inner {

	height: 21rem;

}

.comDetail13 .imgbox .lbox ul {

	text-align: left;

	padding: 1rem 3.5rem;

}

.comDetail13 .imgbox .lbox ul li {

	padding: 1rem;

	margin: 1rem 0;

}

.comDetail13 .imgbox .lbox ul .txt {

	display: none;

	font-size: .9rem;

	line-height: 1.94;

	margin: 1rem 0 0 2.29rem;
	text-align: justify;
  text-justify: inter-word;
  direction: ltr;

}

.comDetail13 .imgbox .lbox ul h3 {

	font-size: 1.1rem;

	color: rgba(51, 51, 51, 1);

	font-weight: 700;

}

.comDetail13 .imgbox .lbox ul h3 span:first-child {

	color: rgba(153, 153, 153, 1);

	margin-right: 1rem;

}

.comDetail13 .imgbox .lbox ul li:hover {

	box-shadow: 0px 4px 8px  rgba(2, 100, 191, 0.15);

}

.comDetail13 .imgbox .lbox ul li:hover .txt {

	display: block;

}

.comDetail14 {

	margin-bottom: 4rem;

}

.comDetail14 ul li {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 2rem;

}

.comDetail14 ul .photo {

	width: 45.7%;
	height: 450px;
overflow: hidden;
}

.comDetail14 ul .photo img {

	width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
	-webkit-transition: ease-out .5s;
	transition: ease-out .5s;

}
.comDetail14 ul li:hover .photo img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.comDetail14 ul .txtbox {

	width: 50%;
	max-height: 450px;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 2rem;

}

.comDetail14 ul .txtbox h3 {

	font-size: 1.4rem;

	color: rgba(51, 51, 51, 1);

	font-weight: 700;

	margin-bottom: 1rem;

}

.comDetail14 ul .txtbox p {

	font-size: .9rem;

	color: rgba(51, 51, 51, 1);

	line-height: 1.94;

}

.comDetail14 ul .txtbox::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
}
 
.comDetail14 ul .txtbox::-webkit-scrollbar-thumb {
    background-color: #00A0E9; /* 滚动条滑块的颜色，这里使用了半透明的蓝色 */
    border-radius: 6px; /* 滑块的圆角 */
}
 
.comDetail14 ul .txtbox::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道的颜色 */
}

.comDetail15 {

	margin-bottom: 4rem;

}

.comDetail15 dl {

	background-color: rgba(247, 249, 252, 1);

}

.comDetail15 dl dt {

	padding: 2rem 4.9rem 2rem 2.5rem;

	font-size: 1.1rem;

	color: rgba(51, 51, 51, 1);

	font-weight: 700;

	border-top: 1px solid rgba(235, 235, 235, 1);

	background: url("../images/down.png") no-repeat right 2.5rem center;

	background-size: 1.2rem auto;

	cursor: pointer;

}

.comDetail15 dl dt:first-child {

	border-top: none;

}

.comDetail15 dl dt.on {

	color: rgba(2, 100, 191, 1);

	background-image: url("../images/up.png");

}

.comDetail15 dl dd {

	display: none;

	color: rgba(51, 51, 51, 1);

	font-size: .9rem;

	line-height: 1.94;

	padding: 0 2.5rem 2rem;

}

.comFix {
	width: 4.4rem;
	position: fixed;
    right: .6rem;
     bottom: 15%;
	z-index: 1000;
	transform: translate(100%,0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.comFix.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0,0);
}
.comFix img {
	width: 100%;
	height: auto;
	animation: msClock 1.4s infinite linear;
}
@keyframes msClock {
  0%,90%,100% {
    transform: rotate(0) scale(1);
  }
  20%,40% {
    transform: rotate(-15deg) scale(1.1);
  }
  30%,50% {
  transform: rotate(15deg) scale(1.1);
  }
}
.comFix a{
	position: relative;
}
.comFix a span{
	position: absolute;
    bottom: 100%;
    left: 0%;
    transform: translate(-70%, -0.7rem);
    background: #fff;
    box-shadow: 0px 4px 2rem -2px rgba(49, 70, 81, 0.2);
    border-radius: .3rem;
	display: none;
}
.comFix a span img{
	width: 12.5rem;
	border-radius: .3rem;
	animation: inherit !important;
}
.phone-comFix{
	display: none;
    background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
    padding: 1rem;
    z-index: 1200;
}
.phone-comFix img{
	width: 100%;
}
.phone-comFix-mark{
	display: none;
    background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    z-index: 1100;
}