@charset "utf-8";
/* CSS Document */

.aboutArea{padding:50px 0; position:absolute}
.abox{padding:50px; max-width:560px}
.abox h1{ font-size:36px;}


.articleArea .item {
	display: flex;
	background: #fff;
}
.articleArea .item:nth-of-type(odd) {
	flex-direction: row;
}
.articleArea .item:nth-of-type(odd) .box {
	justify-content: flex-start;
}
.articleArea .item:nth-of-type(odd) .box .Txt {
	padding-left: 70px;
	box-sizing: border-box;
}
.articleArea .item:nth-of-type(even) {
	flex-direction: row-reverse;
}
.articleArea .item:nth-of-type(even) .box {
	justify-content: flex-end;
}
.articleArea .item:nth-of-type(even) .box .Txt {
	padding-right: 70px;
	box-sizing: border-box;
}
.articleArea .box {
	width: 50%;
}

.articleArea .box:nth-of-type(2) {
	display: inline-flex;
	align-items: center;
}
.articleArea .box .Txt  {
	display: inline-block;
	width: 580px;
	font-style:normal;
}
.articleArea .box .Txt h2 {
	position: relative;
	font-size: 25px;
	font-weight: normal;
	color: #2e363a;
	letter-spacing: .06em;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
.articleArea .box .Txt h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35px;
	height: 1px;
	background: #cfb094;
}
.articleArea .box .Txt h3 {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	color: #747474;
	letter-spacing: .04em;
	margin-bottom: 25px;
}
.articleArea .box .Txt p {
	font-size: 15px;
	line-height: 25px;
	color: #555;
}
.articleArea .box .Img, .articleArea .box .slick-slide {
	position: relative;
	width: 100%;
	height: 760px;
}
.articleArea .box .Img img, .articleArea .box .slick-slide img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articleArea .box .solutionList a:focus {
	outline: none;
}
.articleArea .slick-next {
	right: 0;
}
.articleArea .slick-next:before {
	content: '\f105';
}
.articleArea .slick-prev {
	left: 0;
}
.articleArea .slick-prev:before {
	content: '\f104';
}
.articleArea .slick-next, .articleArea .slick-prev {
	width: 34px;
	height: 65px;
	background: #fff;
	z-index: 99;
	transition: all .5s;
}
.articleArea .slick-next:hover, .articleArea .slick-next:focus, .articleArea .slick-prev:hover, .articleArea .slick-prev:focus {
	background: #cfb094;
}
.articleArea .slick-next:hover:before, .articleArea .slick-next:focus:before, .articleArea .slick-prev:hover:before, .articleArea .slick-prev:focus:before {
	color: #fff;
}
.articleArea .slick-next:before, .articleArea .slick-prev:before {
	opacity: 1;
	color: #2e363a;
	font-family: FontAwesome;
	font-size: 36px;
	transition: all .5s;
}

.about ul {
  margin: 30px -35px;
}


.about ul li {
  display: inline-block;
  margin-right: -3px;
  vertical-align: top;
  width: calc(100% / 2);
  padding: 0 35px;
  box-sizing: border-box;
}

.about  {
  display: block;
  font-size: 15px;
  line-height: 2.5;
  font-weight: 300;
  color: #656565;
  font-style:normal;
}

.aright{background:#777777; padding:70px; height:760px; width:50%; float:right}

.aright .Txt  {
	display: inline-block;
	max-width: 580px;
	font-style:normal;
}

.aright .Txt h2 {
	position: relative;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	letter-spacing: .06em;
	margin-bottom: 20px;
}

.aright .Txt h3 {
	font-size: 14px;
	font-weight: normal;
	color: #747474;
	letter-spacing: .04em;
	margin-bottom: 25px;
}
.aright .Txt p {
	font-size: 16px;
	line-height: 25px;
	color: #D8D8D8;
	margin-bottom:30px;
}


.aleft{background:#e6e6e6;width:50%; float:left; height:760px; padding:70px;}
.aleft .Txt  {
	display: inline-block;
	max-width: 480px;
	float:right;
	font-style:normal;
}

.aleft .Txt h2 {
	position: relative;
	font-size: 25px;
	font-weight: normal;
	color: #2e363a;
	letter-spacing: .06em;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.aleft .Txt h3 {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	color: #747474;
	letter-spacing: .04em;
	margin-bottom: 25px;
}
.aleft .Txt p {
	font-size: 16px;
	line-height: 25px;
	color: #555;
	
}


  .statisticsArea{font-style:normal;}
  .statisticsArea .bg_Img{
    padding: 100px 0 170px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .statisticsArea .Txt{
    text-align: center;
	font-style:normal;
  }
  .statisticsArea .Txt h2{
    color: #000;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .statisticsArea .Txt .txtExp{
    color: #555;
    font-size: 16px;
    line-height: 30px;
  }
  .statisticsArea .numTitle{
    text-align: center;
    margin-top: 55px;
	margin-bottom:40px;
  }
  .statisticsArea .numTitle h2{
    display: inline-block;
    position: relative;
    padding: 0 10px;
    color: #fff;
    font-size: 54px;
    font-weight: 900;
  }
  
  .statisticsArea .numTitle h2 span{ color:#FC0}
  
  /*.statisticsArea .numTitle h2::before,
  .statisticsArea .numTitle h2::after{
    content: '';
    width: 0;
    height: 1px;
    background: #aaa;
    position: absolute;
    top: 50%;
  }
  .statisticsArea .numTitle h2::before{
    right: 100%;
  }
  .statisticsArea .numTitle h2::after{
    left: 100%;
  }
  .statisticsArea .numTitle.ani h2::before,
  .statisticsArea .numTitle.ani h2::after{
    width: 1920px;
    background: #ccc;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
  }*/
  .statisticsArea ul.aboutnumList{
    margin-top: 35px;
  }
  .statisticsArea ul li{
    text-align: center;
  }
  .statisticsArea ul li .num{
    color: #fff;
    font-size: 54px;
    letter-spacing: 0;
    line-height: 1.2;
  }
  .statisticsArea ul li h3{
    color: #FC0;
    font-size: 18px;
    font-weight: 300;
  }
  



@media (max-width:1280px) {
	.articleArea .item:nth-of-type(odd) .box .Txt {
		padding-right: 20px;
	}
	.articleArea .item:nth-of-type(even) .box .Txt {
		padding-left: 20px;
	}
	.articleArea .box .Txt {
		width: 100%;
		padding:0 20px;
	}
	
}

@media (max-width:1160px){
	.articleArea .item:nth-of-type(odd) .box .Txt {
	padding: 30px;
	box-sizing: border-box;
}
    .articleArea .item:nth-of-type(even) .box .Txt {
	padding-right: 0px;
	box-sizing: border-box;
}
	.articleArea .box .Txt  {
	display: inline-block;
	max-width: 100%;
}
	
	.aleft{ height:750px; padding:30px;}
	
	.aright{padding:30px; height:750px; }
	
	.aleft .Txt  {
	display: inline-block;
	max-width: 480px;
	float:none;
}

	}
	
	
@media (max-width:960px) {	
     .statisticsArea .bg_Img{
        padding: 80px 0 140px;
      }
      
      .statisticsArea .Txt .txtExp{
        color: #333;
      }
      .statisticsArea ul li .num{
        font-size: 40px;
      }
	  
}

@media (max-width:768px) {
	.aboutArea .wrap{padding:30px}
	
	.aleft{width:100%; float:none; height:auto; padding:30px;}
	
	.aleft .Txt  {
	display: inline-block;
	max-width:100%;
}
	
	.aright{padding:30px; height:auto; width:100%; float:none}
	
	.articleArea .item {
		display: block;
	}
	.articleArea .box {
		width: 100%;
	}
	.articleArea .box .Txt {
		padding: 30px 20px;
	}
	.articleArea .box .Img, .articleArea .box .slick-slide {
		height: auto;
	}
	.articleArea .box .Img img, .articleArea .box .slick-slide img {
		position: static;
		display: block;
		width: 100%;
	}
	
	.statisticsArea .bg_Img{
        padding: 80px 0;
      }
}

@media (max-width:640px) {
	
	.aboutArea{padding:50px 0}
	
	 .statisticsArea .numTitle h2{
        font-size: 26px;
        padding: 0;
      }
      .statisticsArea .numTitle h2::before,
      .statisticsArea .numTitle h2::after{
        display: none;
      }
      .statisticsArea .Txt h2{
        font-size: 22px;
      }
}

@media (max-width:480px) {

	.articleArea .box .Txt h2 {
		font-size: 21px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.articleArea .box .Txt h3 {
		margin-bottom: 20px;
	}
	.articleArea .box .Txt p {
		font-size: 14px;
	}
	
	.statisticsArea .numTitle h2{
        font-size: 20px;
      }
      .statisticsArea ul.aboutnumList .slick-prev:before,
      .statisticsArea ul.aboutnumList .slick-next:before{
        color: #222;
        font-size: 26px;
        opacity: 1;
      }
      .statisticsArea ul.aboutnumList .slick-prev:hover:before,
      .statisticsArea ul.aboutnumList .slick-next:hover:before{
        color: #01afb8;
      }
      .statisticsArea ul.aboutnumList .slick-prev{
        left: 10px;
      }
      .statisticsArea ul.aboutnumList .slick-next{
        right: 10px;
      }
	  
	   .statisticsArea ul li .num{
        font-size: 36px;
      }
}