/** Generated by FG **/
@font-face {
	font-family: 'Poppins-Regular';
	src: url('../fonts/Poppins-Regular.eot');
	src: local('☺'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Poppins-Bold';
	src: url('../fonts/Poppins-Bold.eot');
	src: local('☺'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Poppins-Light';
	src: url('../fonts/Poppins-Light.eot');
	src: local('☺'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.mt30{
  margin-top: 30px;
}
.mt50{
  margin-top: 50px;
}
.mt80{
  margin-top: 80px;
}
.common_title{
  overflow: hidden;
  position: relative;
}
.common_title .hou{
  font-size: 150px;
  line-height: 150px;
  /* color: rgba(255, 255, 255, 0.1); */
  color: #fff;
  -webkit-text-stroke: 1px #c8c9ca;
  font-family: 'Poppins-Bold';
  font-weight: 800;
  letter-spacing: -6px;
  text-transform: uppercase;
  padding-left: 20px;
}
.common_title .qian{
  position: absolute;
  left:0;
  height: 100%;
  top:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  font-size: 60px;
  color: #1a1a1a;
  text-transform: uppercase;
  font-family: 'alternate', sans-serif;
}
#contactinfo{
  border: 1px solid #ddd;
  box-shadow: 0px 0px 10px #ddd;
  overflow: hidden;
  -moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#contactinfo .item{
  width: 33.333333333333333333%;
  overflow: hidden;
  padding: 50px 60px 60px 50px;
  border-right: 1px solid #ddd;
}
#contactinfo .item:last-child{
  border: none;
}
#contactinfo .item .shang{
  position: relative;
}
#contactinfo .item .shang img{
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#contactinfo .item .shang .title{
  font-size: 36px;
  font-family: 'alternate', sans-serif;
  position: absolute;
  z-index: 10;
  left:0px;
  top:25px;
}
#contactinfo .item .xia{
  overflow: hidden;
  margin-top: 60px;
}
#contactinfo .item .xia .dazi{
  font-size: 23px;
  font-weight: 800;
  font-family: 'Poppins-Bold';
  font-weight: bold;
}
#contactinfo .item .xia .xiaozi{
  color: #666;
  line-height: 1.8;
  margin-top: 10px;
  overflow: hidden;
  font-family: 'Poppins-Light';
}
.liuyan_box{
  padding: 85px 115px 85px 115px;
  background: #323232;
  overflow: hidden;
}
.liuyan_box .col-sm-6,
.liuyan_box .col-sm-12{
  padding-left: 15px;
  padding-right: 15px;
}
.liuyan_title{
  overflow: hidden;
}
.liuyan_title .shang{
  font-size: 48px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'alternate', sans-serif;
}
.liuyan_title .xia{
  overflow: hidden;
  color: #949393;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Poppins-Light';
}
.itext{
  width: 100%;
  display: block;
  background: #fff;
  border: none;
  margin-bottom: 30px;
  height: 58px;
  line-height: 58px;
  padding-left: 40px;
  border-radius: 4px;
  font-family: 'Poppins-Light';
  outline: none;
}
.itextarea{
  width: 100%;
  display: block;
  background: #fff;
  border: none;
  margin-bottom: 30px;
  padding: 10px;
  padding-left: 40px;
  border-radius: 4px;
  font-family: 'Poppins-Light';
  outline: none;
}
.ibtn{
  display: block;
  height: 60px;
  line-height: 60px;
  background: #B89B73;
  text-align: center;
  color: #fff;
  border: none;
  font-family: 'Poppins-Light';
  width: 100%;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
#ditu_box{
  overflow: hidden;
  position: relative;
  background: url(../images/ditu.png) right bottom no-repeat;
}
#ditu_box .shang{
  font-family: 'Poppins-Light';
  color: #666;
  overflow: hidden;
  line-height: 1.7;
  max-width: 540px;
}
#ditu_box #contact_btn{
  position: absolute;
  height: 50px;
  line-height: 50px;
  background: #323232;
  width: 230px;
  text-align: center;
  color: #fff;
  font-family: 'Poppins-Light';
  right:0;
  top:30px;
  z-index: 10;
}
#ditu_box .xia{
  max-width: 450px;
  margin-top: 25px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
#ditu_box .xia .item{
  display: block;
  width: 220px;
  height: 105px;
  transition: 0.6s;
  margin-top: 15px;
  background-color: #4A4A4A;
  border-radius: 4px;
  padding: 25px 20px 0 84px;
  overflow: hidden;
  background-position:30px center;
  background-repeat: no-repeat;

}
#ditu_box .xia .item:hover{
  background-color: #B89B73;
}
#ditu_box .xia #ii1{
  background-image: url(../images/ii1.png);
}
#ditu_box .xia #ii2{
  background-image: url(../images/ii2.png);
}
#ditu_box .xia #ii3{
  background-image: url(../images/ii3.png);
}
#ditu_box .xia #ii4{
  background-image: url(../images/ii4.png);
}
#ditu_box .xia dt{
  display: block;
  font-family: 'Poppins-Light';
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
}
#ditu_box .xia dd{
  display: block;
  margin-top: 5px;
  font-family: 'Poppins-Regular';
  font-size: 24px;
  color: #fff;
}
#ditu_box .xia dd em{
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
.nadvantage {
	padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
  background: url(../images/ys_zone.jpg) center center no-repeat;
  background-size: cover;
}
.common_title2{
  overflow: hidden;
  position: relative;
  text-align: center;
}
.common_title2 .hou{
  font-size: 150px;
  line-height: 150px;
  /* color: rgba(255, 255, 255, 0.1); */
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.1);
  font-family: 'Poppins-Bold';
  font-weight: 800;
  letter-spacing: -6px;
  text-transform: uppercase;
  padding-left: 20px;
}
.common_title2 .qian{
  position: absolute;
  left:0;
  height: 100%;
  top:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  font-size: 60px;
  color: #1a1a1a;
  text-transform: uppercase;
  font-family: 'alternate', sans-serif;
  width: 100%;
  color: #fff;
}
.ys_box{
  display: flex;
  overflow: visible;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ys{
  background: #fff;
  border-radius: 5px;
  padding: 40px 30px 40px 30px;
  text-align: center;
  width: 290px;
  transition:all 1s ease; 
}
.ys:hover{
	transform:translateY(-10px);
}
.ys .icon{
  height: 50px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.ys .icon img{
  margin-left: auto;
  margin-right: auto;
  transition:all 1s ease; 
  transform:perspective(800px) rotateY(0deg); 
  -webkit-transform:perspective(800px) rotateY(0deg); 
  -moz-transform:perspective(800px) rotateY(0deg);
}
.ys:hover .icon img{
	transition:all 1s ease; 
	transform:perspective(800px) rotateY(360deg); 
	-webkit-transform:perspective(800px) rotateY(360deg); 
	-moz-transform:perspective(800px) rotateY(360deg);
}
.ys .title{
  overflow: hidden;
  margin-top: 20px;
  font-family: 'Poppins-Bold';
  font-size: 20px;
}
.ys .desc{
  overflow: hidden;
  margin-top: 15px;
  color: #666;
  font-family: 'Poppins-Light';
	font-size: 13px;
    line-height: 2;
}
.common_title3{
  text-align: center;
  overflow: hidden;
  font-size: 60px;
  color: #1a1a1a;
  text-transform: uppercase;
  font-family: 'alternate', sans-serif;
}
.sosuo_box{
  max-width: 925px;
  height: 80px;
  background: none;
  box-shadow: 0px 0px 10px #ddd;
  border-radius: 15px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.sosuo_text{
  width:100%;
  height: 80px;
  line-height: 80px;
  padding-left: 60px;
  padding-right: 60px;
  border: none;
  background: none;
  font-family: 'Poppins-Light';
}
.sosuo_btn{
  width: 50px;
  height: 80px;
  line-height: 0;
  font-size: 0;
  text-indent: -99999em;
  background: url(../images/so.png) left center no-repeat;
  position: absolute;
  right:0;
  top:0;
  z-index: 10;
  cursor: pointer;
  border: none;
}
.faq_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.faq_list .item{
  margin-top: 50px;
  width: 48%;
}
.faq_list .item dl dt{
  display: block;
  padding-left: 15px;
  background: url(../images/dian.png) left center no-repeat;
  font-size: 16px;
  font-family: 'Poppins-Light';
  font-weight: normal;
  cursor: pointer;
}
.faq_list .item dl dd{
  display: block;
  padding: 10px;
  background: #f9f9f9;
  line-height: 1.7;
  color: #666;
  margin-top: 10px;
  font-family: 'Poppins-Light';
  display: none;
}
.faq_more a{
	display: block;
	max-width: 305px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	background: #B89B73;
	line-height: 65px;
	text-align: center;
	color: #fff;
	font-family: 'Poppins-Light';
}
.banner_t2 img{
	-webkit-animation: nudgeMouse 1.6s linear infinite;
	animation: nudgeMouse 1.6s linear infinite;
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

@media screen and (max-width: 800px) {
    .common_title .hou{
      font-size: 130px;
    }
		#ditu_box #contact_btn{
			position: static;
			margin-top: 40px;
			display: block;
		}
		.ys{
			margin-top:15px;
			margin-bottom: 15px;
			width: 48%;
		}
		.faq_list .item{
			width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
		#contactinfo{
			flex-wrap: wrap;
		}
		#contactinfo .item{
			width: 100%;
			border-bottom: 1px solid #ddd;
			border-right: none;
		}
		.liuyan_box{
			padding: 30px;
		}
}
@media screen and (max-width: 600px){
	.common_title .hou{
		font-size: 80px;
	}
	.common_title .qian{
		font-size: 40px;
	}
	#contactinfo .item{
		padding: 30px;
	}
}