/*aboutus*/
.banner .about-content{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 300px;
	height: 60px;
	margin: auto;
    line-height: 60px;
	left: 0;
	right: 0;
	text-align: center;
  font-size: .43rem;
  font-family: "graphik";
  color: rgb(255, 255, 255);
}

.about-wenzi{
  margin-top: 5vw;
}
.about>div{
  margin: 1rem 0;
}
.about-one{
  text-align: center;
}
.about h3{
  font-size: 18px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  line-height: 1.5;
  margin-bottom: .2rem;
}
@media (max-width:639px){
.about p br{display:none;}
}
.about p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(153, 153, 153);
}

.path-title{
  padding: .8rem 0;
  font-size: .65rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  text-align: center;
}
.path-content h3{
  font-size: 26px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin-top: -5px;
  margin-bottom: 30px;
}
.path-content p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
}
.mid{position: absolute;left: 0;right: 0;
margin: auto;}
@media (max-width: 992px){
  .path-content{text-align: left!important;}
}
/*culture*/
.culture-one{
	margin-top: 0.6rem;
}
.culture-one .col-md-5{
	padding-top: 0.3rem;
}
.culture-one .col-md-5 p:nth-of-type(1){
  font-size: 14px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  font-weight: bold;
}

.culture-one .col-md-5 h2{
  font-size: 0.45rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin: 0.8rem 0;
  font-weight: bold;
}
.culture-one .col-md-5 p:nth-of-type(2){
  font-size: 11px;
  font-family: "arial";
  color: rgb(153, 153, 153);
  line-height: 20px;
}



.culture-two{
	margin: 1.2rem 0;
}

.culture-two .culture-item{
   padding: 2.2rem 0;
  padding-left: 30%;
  
}

.culture-two .col-md-4 p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(153, 153, 153);
  text-align: left;
  padding-right: 1rem;
}

.culture-two .col-md-4 h4{
  font-size: 18px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
}

.culture-two .col-md-4:nth-child(2n 0){
    background: #ececec;
}

@media (max-width: 639px){
	.culture-two .culture-item{padding-left: 0;padding: 1rem 0;}
	.culture-two .culture-item h4{text-align: center;}
  .culture-two .col-md-4 p{
  padding-right: 0;
}
.mid{display: none;}
	.design .design-two{padding-top: 1.3rem}
}
}

/*honor*/
.honor{
  padding: .1rem 0 1rem;
}
.honor-item {
    padding: 4vw .3rem .4rem;
    background: #efefef;
    text-align: center;
}
.honor-item .imgbox {
    display: table-cell;
    vertical-align: middle;
}
.honor-item p{
  margin-top: .4rem;
}
.honor-item img{margin: 0 auto;box-shadow: 0.1rem 0.3rem 0.4rem rgba(0,0,0,.1);position: relative;top: 0;max-height:100%}
.honor .col-md-4{
  margin: .25rem 0;
  padding: 0 .34rem;
}

@media (min-width: 1200px){
.honor-item img:hover {
    top: -10px;
}
}
/*business promotion*/
video{width: 100%;display: none;}
.video-title h2{
  font-size: 22px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  padding: .5rem 0;
}
.play-video{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin:auto;
  width: .82rem;
  height: .82rem;
  cursor: pointer;
}
.about-video{
  padding-bottom: .8rem;
}

.about-video-bottom{
  margin-top: .2rem;
}
.about-video-bottom .swiper-slide img{padding: 0 15px;}
.about-video-bottom .swiper-slide img:hover{
}
.about-video .container{
  margin: 0 15.3%;
}
.about-video-bottom .swiper-button-next{
  width: 13px;
  height: 20px;
  background:  0 0 no-repeat;
}
.about-video-bottom .swiper-button-prev{
  width: 13px;
  height: 20px;
  background:  0 0 no-repeat;
}

@media (max-width: 992px){
  .about-video-bottom{display: none;}
}
/*solution*/

.source{
  padding: .5rem 0;
}


.source h2{
  font-size: .43rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  padding-top: 1.35rem;
}

.source p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
  margin-top: .3rem;

}
@media (min-width: 992px){
    .source .col-md-offset-2{
    margin-left: 13%;
  }
}

@media (min-width: 992px) and (max-width: 1500px){
  .source h2{
    padding-top: 0;
  }
  .source-two .col-md-3{
    width: 38%;
  }
}
.source-one,.source-two{
  padding: .5rem 0;
}
.product{padding: .4rem 0}
.product h2{
  font-size: .32rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin: .45rem 0;
}
.product .row{
  margin-bottom: .4rem;
}
.product p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
    line-height: 2;
  padding-bottom: .6rem;
}
.product-one,.product-two,.product-three{
  padding: .5rem 0;
}
.product-one .pr .col-md-4{
   position: absolute;
  bottom: 0;
  right: 0;
}
.product-one img{
  float: right;
}
.product-three .pr .col-md-4 {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 992px){
  .product-three .pr .col-md-4,.product-one .pr .col-md-4{
    position: relative;
  }
}
.design{
text-align: center;
}
.product-title{
  margin-top: .2rem;
  margin-bottom: .8rem;
}
.design-one{
	padding: 1rem 0;
}
.design-one p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
  margin-top: 0.7rem;
}

.design-two{
	height: 7.67rem;
	background: 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 2.1rem
}

.design-two p{
  font-size: .14rem;
  color: rgb(255, 255, 255);
  line-height: 1.857;
  margin-bottom: 1rem;
}

.design .design-two h2{
	color: white;
}

.design h2{
  font-size: .32rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
}

.design-three{
	padding: 1rem 0;
}

.design-three img{
	display: inline-block;
	margin-top: 100px;
}
.design-three p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
  margin: 0.25rem 0;
}

@media (max-width: 999px){
	.design-three p br{
		display: none;
	}
	.design-three p:nth-of-type(2){
		text-align: left;
		text-indent: 2em;
	}
  .service-one p br{
    display: none;
  }
}

.service{
	text-align: center;
}

.service h2{
  font-size: .32rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin-bottom: 0.5rem;
}
.service-one{
	margin-top:1rem;
}
.service-two{
	margin:1.5rem 0;
}
.service-one p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
}
.service-two img{
	display: inline-block;
}
.service-three{padding: .8rem 0}
.service-three h3{
  font-size: 17px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin: 20px 0;
}
.service-three img{
  margin: 0 auto;
}

.service-three p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
  text-align: center;
}
.service-three .col-md-4{
  padding:.5rem;
}

.service-three .container{
      margin: 0 14%;
}

.solution-five{
  padding: 1.5rem 0;
}


/*case*/
.case{padding-bottom: 1rem;padding-top:1rem;}
.case h2,.case p{margin: 0;}
.case .row img{
  margin: 0 auto;
   width:100%;
}

.case .row{margin: 0}
.case h2{
  font-size: .32rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
}
.case p{
  padding-top: 10px;
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
}

.case-title{padding-bottom: .8rem;}
@media (max-width: 992px){
  .case p{text-align:left;}
}
.case-item{margin-bottom:.8rem;}

/*product-details*/
.product-details{
  padding: 1rem 0;
}
.detail-r{
  margin-top: 50%;
  padding-right: 16%;
}
.detail-r h2{
  font-size: 26px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
}

.detail-r p{
  font-size: 11px;
  font-family: "arial";
  color: rgb(51, 51, 51);
  line-height: 2;
  margin-top: .2rem;
}
@media (max-width: 999px){
 .detail-r{
  margin-top: 20%;
  padding-right: 0;
}
}

.news-details .item{
  padding: 1rem 0;
  margin: 0 28%;
}
.news-details h2{
  font-size: .32rem;
  font-family: "graphik";
  color: rgb(62, 62, 62);
  line-height: 1.25;
  margin-bottom: .8rem;

}
.news-details p{
  font-size: 14px;
  font-family: "arial";
  color: rgb(146, 146, 146);
  line-height: 1.429;
}

.news-details span{
  font-size: 12px;
  font-family: "arial";
  color: rgb(163, 163, 163);
}

.news-details .news-img{
  margin-top: 1rem;
}
@media (max-width: 1600px){
  .news-details .item{
  margin: 0 25%;
}
}
@media (max-width: 1200px){
  .news-details .item{
  margin: 0 17%;
}
}
@media (max-width: 992px){
  .news-details .item{
  margin: 0 10%;
}
}
@media (max-width: 700px){
  .news-details .item{
  margin: 0 5%;
}
.product-item{
margin:30px!important;}
}

.product-item{
  margin: 12px;
  background: #f1f1f1;
  padding: .4rem;
  padding-bottom: .3rem;
  position:relative;
  top:0;
}

.product-item:hover{ top: -10px;-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.15);}
.product-item:hover p{color:#940c08;}
@media (min-width: 1200px){
.product-item:hover .item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
}
.product-item .item-img img{
  margin: 0 auto;
 
}
.product-items{
  padding-bottom: 1rem;
  margin-left:-15px;
  margin-right:-15px;
}
.product-items .col-lg-3{
  padding: 0;
}
.product-item p{
  text-align: center;
  font-size: 23px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin-top:.3rem;
}
.product-ul{
  margin: .5rem 0;
}
.product-ul li{
  display: inline-block;
  margin-right: 5vw;
}
.product-ul li a{
  font-size: 13px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
}

/*news*/
.news-box{
  padding: .8rem 0;
}
.news-box .news-item{
  padding: .3rem .65rem;
}
.news-box .news-item h3{
  font-size: 18px;
  font-family: "graphik";
  color: rgb(62, 62, 62);
  margin-bottom: .6rem;
}
.news-box .news-item img{
  margin-top: .2rem;
}
.news-box .news-item p{
  font-size: 14px;
  font-family: "arial";
  color: rgb(146, 146, 146);
  margin-top: .5rem;
  margin-bottom: .6rem;
  word-wrap:break-word;
}
.jiantou2{
  display: none;
}
.news-box .news-item:hover{
background: #900000;
color: white;
}
.news-box .news-item:hover p{
  color: white;
}
.news-box .news-item:hover h3{
  color: white;
}
.news-box .news-item:hover .jiantou2{
  display: block;
}

.news-box .news-item:hover .jiantou1{
  display: none;
}
.news-box .news-item:nth-child(2 3n) {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

/*map*/
.anchorbl {
    display: none;
}
.map{height: 88vh;}
@media (max-width: 1366px){.map{height: 92vh;}}
@media (max-width: 1199px) and (min-height: 1024px) {.map{height: 77vh;}}
@media (max-width: 1199px) and (min-height: 1200px) {.map{height: 60vh;}}

.map-mask{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}
.map-content{
  position: absolute;
  left: 7%;
  top: 30%;
  margin: auto;
  color: white;
}
.map-content h2{
  font-size: .43rem;
  font-family: "graphik";
  margin-bottom: .4rem;
}

.map-content p{
  font-size: 12px;
  font-family: "arial";
}
.map-item h2{
  font-size: 22px;
  font-family: "graphik";
  color: black;
  margin-bottom: .35rem;
}
.map-item p{
  font-size: 12px;
  font-family: "arial";
    color: black;
}
.mapdiv .col-md-4{
  padding: 0;
}
.map-item{
  padding: 60px;
  position: relative;
  top: 0;
  cursor: pointer;
}

@media (min-width: 900px){
.mapdiv .container .map-item:hover {
    box-shadow: 1px 1px 1px 1px;
    top: -10px;
}
}
.mapdiv .container{
  margin: 0 4%;
}
.mapdiv{
  padding: .3rem 0;
}
@media (max-width: 1200px){
  .map-item{padding:40px  20px;}
}


.lang-menu{position:absolute;width:100%;left:0;padding:0;top:40px;display:none;}
,lang-menu li a{color:white;}
.lang-menu li a:hover{color:#9f0d09;}

.area-ul{
height:350px; overflow-y:auto;}


.path .col-md-offset-6 h3{position: relative;}
.path .col-md-offset-6 h3:before{
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid black;
  border-radius: 50%;
  position:absolute;
  left: -23px;
  top: 8px;
}

.path .col-md-offset-6 h3:after{
  content: "";
  width: 1px;
  height: 279px;
  background: black;
  border-radius: 50%;
  position:absolute;
      left: -15px;
    top: 24px;
      background: #e6e6e6;
}

.path .col-md-6 .tr h3{position: relative;}
.path .col-md-6 .tr h3:before{
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid black;
  border-radius: 50%;
  position:absolute;
  right: -23px;
  top: 8px;
}
.path .col-md-6 .tr h3:after{
  content: "";
  width: 1px;
  height: 279px;
  background: black;
  border-radius: 50%;
  position:absolute;
  right: -16px;
  top: 24px;
  background: #e6e6e6;
}

.path-content{height: 300px;}

@media (max-width: 992px){
  .path .col-md-6 h3:after{
    display: none;
  }
    .path .col-md-6 h3:before{
    display: none;
  }
}