@font-face{
	font-family:"montserrat";
	src: url("../css/fonts/Montserrat-Regular.otf") format("opentype");     
}
@font-face{
	font-family:"montbold";
	src: url("../css/fonts/Montserrat-Bold.otf") format("opentype");
}
@font-face{
	font-family:"montlight";
	src: url("../css/fonts/Montserrat-Light.otf") format("opentype");
}
* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
button {
  border: none;
  background: none;
}
.center{
  width: 1300px;
}
.hamburger {
  display: none;
}
/* .headerBox{
  border: 1px solid red;
  width: calc(100% - 120px);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 30px 60px;
} */
.logo{
  /*width: 126px;*/
  height: 100px;
  position: fixed;
  top: 50px;
  left: 50px;
  z-index: 9;
}
.logo img{
  width: 100%;
  height: 100%;
}
.nav{
  position: fixed;
  top: 50px;
  right: 50px;
  z-index: 9;
}
.nav li a{
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: #333333;
  font-family: montlight;
  position: relative;
  height: 45px;
  width: max-content;
}
.nav li:not(:first-of-type){
  margin-top: 5px;
}
.nav li a::before{
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  left: 0px;
  bottom: 0px;
  transition: 0.3s;
}
.nav li a:hover::before{
  bottom: 12px;
  background-color: #333333;
}
.nav .active a::before{
  bottom: 12px;
  background-color: #333333;
}
.nav .active a{
  font-weight: 600;
}
.public-top{
  width: 100%;
  height: 100vh;
  position: relative;
}
.public-top .bg{
  width: 100%;
  height: 100%;
}
.public-top .content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.public-top .content h3{
  font-size: 40px;
  font-weight: bold;
  color: #EAAD1A;
  font-family: montlight;
}
.public-top .content .text{
  width: 60%;
  font-size: 80px;
  font-weight: normal;
  color: #333333;
  line-height: 90px;
  font-family: Bodoni Bk BT;
  margin-top: 15px;
}
/* index */
.i-index1Box{
  width: 100%;
  background-color: #FFFFFF;
}
.i-index1Box .i-index1InnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 50px 0 120px 0;
}
.i-index1InnerBox .left{
  width: 400px;
}
.i-index1InnerBox .left h1{
  font-size: 60px;
  font-family: montlight;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
}
.i-index1InnerBox .right{
  width: 800px;
}
.i-index1InnerBox .right p{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 38px;
  font-family: montlight;
}
/* .i-index1InnerBox .right p:not(:first-of-type){
  margin-top: 40px;
}
.i-index1InnerBox .right p:not(:last-of-type){
  margin-bottom: 70px;
} */
.i-index1InnerBox .right p:last-of-type{
  margin: 40px 0 70px 0;
}
.more{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.more span{
  font-size: 30px;
  font-weight: normal;
  color: #EAAD19;
  font-family: montlight;
  padding: 15px 10px 0 0;
  margin-left: auto;
}
.more a{
  font-size: 54px;
  font-weight: normal;
  color: #EAAD19;
  font-family: montlight;
}
.i-index2Box{
  width: 100%;
  background-color: #FFFFFF;
}
.i-index2Box .i-index2InnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 50px 0 120px 0;
}
.i-index2InnerBox .left{
  width: 450px;
}
.i-index2InnerBox .left h1{
  font-size: 60px;
  font-family: montlight;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
  margin-bottom: 200px;
}
.i-index2InnerBox .right{
  width: 800px;
}
.i-index2InnerBox .right .top{
  width: 100%;
  height: 415px;
  overflow: hidden;
}
.i-index2InnerBox .right .top img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.i-index2InnerBox .right .top img:hover{
  transform: scale(1.05);
}
.i-index2InnerBox .right .bottom{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 30px;
}
.i-index2InnerBox .right .bottom .item{
  width: calc(50% - 15px);
  height: 320px;
  overflow: hidden;
}
.i-index2InnerBox .right .bottom .item img{
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.i-index2InnerBox .right .bottom .item img:hover{
  transform: scale(1.05);
}
.i-index3Box{
  width: 100%;
  background-color: #F8F8F8;
}
.i-index3Box .i-index3InnerBox{
  margin: 0 auto;
  padding: 150px 0 150px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.i-index3InnerBox .left{
  width: 450px;
}
.i-index3InnerBox .left h1{
  font-size: 60px;
  font-family: montlight;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
  margin-bottom: 200px;
}
.i-index4Box{
  width: 100%;
  background-color: #FFFFFF;
}
.i-index4Box .i-index4InnerBox{
  margin: 0 auto;
  padding: 120px 0 120px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.i-index4InnerBox .left{
  width: 450px;
  /*border: 1px solid red; */
}
.i-index4InnerBox .left h1{
  font-size: 60px;
  font-family: montlight;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
}
.i-index4InnerBox .right{
  width: 750px;
   /*border: 1px solid red; */
}
.i-index4InnerBox .right p{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 38px;
  font-family: montlight;
}
.i-index4InnerBox .right p:last-of-type{
  margin-bottom: 200px;
}
/* categories */
.c-index1Box{
  width: 100%;
  background-color: #FFFFFF;
  padding: 50px 0 120px 0;
}
.c-index1Box .c-index1InnerBox{
  margin: 0 auto;
}
.c-index1InnerBox .table1{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.c-index1InnerBox .public li a{
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  font-family: montlight;
}
.c-index1InnerBox .public li a::after{
  display: block;
  content: '';
  width: 0px;
  height: 2px;
  background-color: #333333;
  margin-top: 10px;
  transition: 0.3s;
}
.c-index1InnerBox .public li a:hover::after{
  width: 100%;
}
.c-index1InnerBox .table2{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  margin-top: 50px;
}
.c-index1InnerBox .table2 li:not(:last-of-type){
  margin-right: 100px;
}
.c-index1InnerBox .public .active a::after{
  width: 100%;
}
.c-index1InnerBox .container{
  margin-top: 50px;
}
.c-index1InnerBox .container .list{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.c-index1InnerBox .container .list .left .item,
.c-index1InnerBox .container .list .right .item{
  width: 609px;
  height: 721px;
  overflow: hidden;
}
.c-index1InnerBox .container .list .left .item img,
.c-index1InnerBox .container .list .right .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.c-index1InnerBox .container .list .left .item{
  margin-top: 120px;
}
.c-index1InnerBox .container .list .right .item:not(:first-of-type){
  margin-top: 120px;
}
.c-index1InnerBox .container .list .left .item:hover>img,
.c-index1InnerBox .container .list .right .item:hover>img{
  transform: scale(1.05);
}
.c-index1InnerBox .container .content2{
  display: none;
}
.c-index1InnerBox .container .content1 .show-hide:not(:first-of-type){
  display: none;
}
/* about */
.a-index1Box{
  width: 100%;
  background-color: #FFFFFF;
}
.a-index1Box .a-index1InnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 80px 0 120px 0;
}
.a-index1InnerBox .left{
  width: 475px;
}
.a-index1InnerBox .left h1{
  font-size: 50px;
  font-weight: normal;
  color: #333333;
  font-family: montlight;
  margin-top: 50px;
  word-break: break-all;
}
.a-index1InnerBox .left h3{
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  font-family: montlight;
  margin: 30px 0 60px 0;
}
.a-index1InnerBox .left .img-box{
  width: 100%;
  height: 560px;
  overflow: hidden;
}
.a-index1InnerBox .left .img-box img{
  width: 100%;
  height: 100%;
  transition: 0.3s;
  object-fit: cover;
}
.a-index1InnerBox .left .img-box img:hover{
  transform: scale(1.05);
}
.a-index1InnerBox .right{
  width: 750px;
}
.a-index1InnerBox .right p{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 38px;
  font-family: montlight;
}
.a-index1InnerBox .right p:not(:first-of-type){
  margin-top: 40px;
}
.a-index1Box .imgBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.a-index1Box .imgBox .box{
  margin-right: 50px;
  margin-bottom: 50px;
  width: calc((100% - 50px) / 2);
  height: 440px;
  overflow: hidden;
}
.a-index1Box .imgBox .box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.a-index1Box .imgBox .box img:hover{
  transform: scale(1.05);
}
.a-index1Box .imgBox .box:nth-of-type(2n){
  margin-right: 0px;
  transform: translateY(-220px);
}
/* ourclients */
.o-index1Box{
  width: 100%;
  background-color: #F8F8F8;
}
.o-index1Box .o-index1InnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  /* align-items: center;
  -webkit-align-items: center; */
  padding: 150px 0 150px 0;
}
.o-index1InnerBox .left{
  width: 530px;
  /* border: 1px solid red; */
}
.o-index1InnerBox .left h1{
  font-size: 60px;
  font-weight: normal;
  color: #333333;
  font-family: montlight;
  word-break: break-all;
}
.o-index1InnerBox .left h6{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: montlight;
  margin-top: 80px;
}
.rotate{
  /* border: 1px solid red; */
  width: 750px;
  height: 575px;
  position: relative;
}
.rotate .bg{
  width: 100%;
  height: 100%;
  animation: rou 20s infinite linear;
}
/* .o-index1InnerBox .right .bg:hover{
  animation-play-state: paused;
} */
.rotate .inthe{
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.rotate .inthe img{
  /* border: 1px solid red; */
  width: 80px;
  height: 85px;
}
@keyframes rou{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* contact */
.ca-index1Box{
  width: 100%;
  background-color: #FFFFFF;
}
.ca-index1Box .ca-index1InnerBox{
  margin: 0 auto;
  padding: 50px 0 200px 0;
}
.ca-index1InnerBox .top{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.ca-index1InnerBox .top .left,
.ca-index1InnerBox .top .right{
  width: 45%;
}
.ca-index1InnerBox .top .left h1{
  font-size: 35px;
  font-family: montlight;
  font-weight: 400;
  color: #333333;
  word-break: break-all;
}
.ca-index1InnerBox .top .left h6{
  font-size: 20px;
  font-family: montlight;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  margin-top: 30px;
}
.ca-index1InnerBox .top .right h1{
  font-size: 35px;
  font-family: montlight;
  font-weight: 400;
  color: #333333;
  word-break: break-all;
}
.ca-index1InnerBox .top .right i{
  font-size: 35px;
  color: #1296DB;
  margin-top: 30px;
}
.ca-index1InnerBox .bottom{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-top: 100px;
}
.ca-index1InnerBox .bottom .content h1{
  font-size: 35px;
  font-family: montlight;
  font-weight: 400;
  color: #333333;
  margin-bottom: 35px;
  word-break: break-all;
}
.ca-index1InnerBox .bottom .content .item{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.ca-index1InnerBox .bottom .content .item:not(:first-of-type){
  margin-top: 15px;
}
.ca-index1InnerBox .bottom .content .item p{
  font-size: 20px;
  font-family: montlight;
  font-weight: 400;
  color: #333333;
}
.ca-index1InnerBox .bottom .content .item span{
  font-size: 20px;
  font-family: montlight;
  font-weight: 400;
  color: #EAAD19;
}
.footerBox{
  width: 100%;
  border-top: 1px solid #E8E8E8;
}
.footerBox .footerInnerBox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  padding: 40px 0;
}
.footerInnerBox a{
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  font-family: Bodoni Bk BT;
}
@media only screen and (max-width:1560px) {
  .center{
    /* border: 1px solid red; */
    width: 1000px;
  }
  .public-top .content h3{
    font-size: 30px;
  }
  .public-top .content .text{
    font-size: 60px;
    line-height: 80px;
  }
  .nav li a{
    font-size: 18px;
    height: 40px;
  }
  .i-index1InnerBox .left{
    width: 350px;
  }
  .i-index1InnerBox .left h1{
    font-size: 50px;
  }
  .i-index1InnerBox .right{
    width: 600px;
  }
  .i-index1InnerBox .right p{
    font-size: 18px;
    line-height: 34px;
  }
  .more a{
    font-size: 44px;
  }
  .more span{
    font-size: 24px;
    padding-right: 5px;
  }
  .i-index2InnerBox .left{
    width: 350px;
  }
  .i-index2InnerBox .left h1{
    font-size: 50px;
  }
  .i-index2InnerBox .right{
    width: 600px;
  }
  .i-index2InnerBox .right .top{
    height: 355px;
  }
  .i-index2InnerBox .right .bottom .item{
    height: 270px;
  }
  .i-index3InnerBox .left{
    width: 350px;
  }
  .i-index3InnerBox .left h1{
    font-size: 50px;
  }
  .i-index3InnerBox .rotate{
    width: 600px;
    height: 460px;
  }
  .i-index4InnerBox .left{
    width: 350px;
  }
  .i-index4InnerBox .left h1{
    font-size: 50px;
  }
  .i-index4InnerBox .right{
    width: 600px;
  }
  .i-index4InnerBox .right p{
    font-size: 18px;
  }
  .a-index1InnerBox .left{
    width: 350px;
  }
  .a-index1InnerBox .left .img-box{
    height: 460px;
  }
  .a-index1InnerBox .right{
    width: 600px;
  }
  .a-index1InnerBox .right p{
    font-size: 18px;
    line-height: 34px;
  }
  .a-index1Box .imgBox .box{
    height: 350px;
  }
  .a-index1Box .imgBox .box:nth-of-type(2n){
    transform: translateY(-175px);
  }
  .c-index1InnerBox .public li a{
    font-size: 20px;
  }
  .c-index1InnerBox .table2 li:not(:last-of-type){
    margin-right: 80px;
  }
  .c-index1InnerBox .container .list .left .item, .c-index1InnerBox .container .list .right .item{
    width: 470px;
    height: 621px;
  }
  .c-index1InnerBox .container .list .left .item{
    margin-top: 80px;
  }
  .c-index1InnerBox .container .list .right .item:not(:first-of-type){
    margin-top: 80px;
  }
  .o-index1InnerBox .left{
    width: 350px;
  }
  .o-index1InnerBox .left h1{
    font-size: 50px;
  }
  .o-index1InnerBox .left h6{
    font-size: 16px;
  }
  .rotate{
    width: 630px;
    height: 470px;
  }
  .rotate .inthe{
    width: 140px;
    height: 140px;
  }
  .rotate .inthe img{
    width: 60px;
    height: 65px;
  }
  .ca-index1InnerBox .top .left h1{
    font-size: 30px;
  }
  .ca-index1InnerBox .top .left h6{
    font-size: 18px;
    line-height: 34px;
  }
  .ca-index1InnerBox .bottom .content h1{
    font-size: 30px;
  }
  .ca-index1InnerBox .bottom .content .item p{
    font-size: 18px;
  }
  .ca-index1InnerBox .bottom .content .item span{
    font-size: 18px;
  }
  .ca-index1InnerBox .bottom .content .item:not(:first-of-type){
    margin-top: 12px;
  }
}