.comtxt2{
	color: #888888;
	font-size: 16px;
	line-height: 1.7;
	word-break: break-all;
	text-align: center; padding-top:40px; width:100%; margin:0 auto;
}

.common_tit {
  text-align: center;
}

.common_tit h4 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333333;
}

.common_tit h4 span {
  font-family: "DIN Alternate";
  font-size: 52px;
  letter-spacing: 1px;
  color: #136aa9;
}

.common_tit h6 {
  margin-top: 16px;
  font-size: 20px;
  line-height: 32px;
  color: #666666;
  font-weight: 100;
}
.about4 .common_tit h4 img {
  margin-right: 12px;
}

.about4 .common_tit h6 {
  color: #fff;
}
.common_tit h5 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff; padding-top:10px;
}



@media (max-width: 768px) {
	  .about4 {
    padding: 80px 0;
  }
  .about4 .common_tit h4 {
    font-size: 24px;
  } }
  @media (max-width: 1360px) {
  .common_tit h4 {
    font-size: 32px;
  }
  .common_tit h4 span {
    font-size: 38px;
  }
}

@media (max-width: 768px) {
	  .common_tit h4 {
    font-size: 22px;
  }
  .common_tit h4 span {
    font-size: 24px;
  }
  .common_tit h6 {
    margin-top: 6px;
    font-size: 16px;
    line-height: 24px;
  }  }

.research4 {
  padding: 100px 0;
}
.research4  p{
 width:50%; text-align:center; margin:0 auto; font-size: 16px;
  font-weight: 100;
  line-height: 30px; padding-top:20px;
}
.research4 .swiper {

  margin-top: 50px;
}

.research4 .swiper .swiper-container {
  padding: 10px 0 20px;
}

.research4 .swiper .swiper-slide {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.research4 .swiper .swiper-slide:hover {
  box-shadow: 4px 7px 20px 0px rgba(15, 41, 76, 0.1);
}

.research4 .swiper .swiper-slide h6 {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 100;
  line-height: 30px;
  color: #666666;
  text-align: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.research4 .swiper .swiper-slide:hover h6 {
  color: #136aa9;
}

.research4 .swiper .prevButton {
  -webkit-transform: translateY(-48px);
  -moz-transform: translateY(-48px);
  -ms-transform: translateY(-48px);
  -o-transform: translateY(-48px);
  transform: translateY(-48px);
}

.research4 .swiper .nextButton {
  -webkit-transform: rotate(180deg) translateY(48px);
  -moz-transform: rotate(180deg) translateY(48px);
  -ms-transform: rotate(180deg) translateY(48px);
  -o-transform: rotate(180deg) translateY(48px);
  transform: rotate(180deg) translateY(48px);
}
  @media (max-width: 768px) {
	  
	 .research4  p{
 width:80%; 
} 
	.comtxt2{
 width:98%; 
} 


	}
	  
	  
	  
	  
	  .features { padding-bottom:0px;padding-top:90px;
  
}
 .features ul {
  overflow: hidden;
  margin: 0 -4px;padding-top:50px;
}
 .features li {
  width: 25%;
  float: left;
  padding: 4px;
  text-align: center;
}
 .features li:nth-child(4n+1) {
  clear: left;
}
 .features li .box {
  border-radius: 4px;
  background: #f8f8f8;
  padding: 60px 30px;
}
 .features li img {
  width: 100%;
  display: block;
}
 .features li .icon {
  width: 69px;
  margin: 0 auto;
}
 .features li .tit {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 40px 0;
}
 .features li .txt {
  line-height: 26px;
  font-size: 16px;
  color: #666; height:80px;
}

@media only screen and (max-width: 1200px) {
 .features {

}
 .features li {
	width: 50%;
}
 .features li:nth-child(4n+1) {
	clear: none;
}
 .features li:nth-child(2n+1) {
	clear: left;
}
 .features li .box {
	padding: 30px 6px;
}
 .features li .tit {
	font-size: 16px;
	margin: 20px 0;
}
 .features li .txt {
	line-height: 24px;
	font-size: 14px;
}}




.surroundings {
  padding: 90px 0;
  background: #f8f8f8;
}
.surroundings .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.surroundings p {
  font-size: 14px;
 
  text-align: center; line-height:30px; padding-top:10px;
}


.surroundings .swiper-container {
  margin-top: 50px;
  padding-bottom: 80px;
}
.surroundings .swiper-slide img {
  width: 100%;
  display: block;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.surroundings .swiper-slide span {
  display: block;
  background: #000;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.surroundings .swiper-slide span:hover img {
  filter: alpha(opacity=40);
  opacity: .4;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.surroundings .swiper-slide span:hover::after {
  filter: alpha(opacity=100);
  opacity: 1;
}
.surroundings .swiper-slide span::after {
  content: " ";
  width: 27px;
  height: 28px;
  background: url(../images/surroundings_icon.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 2;
  filter: alpha(opacity=0);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.surroundings .swiper-pagination {
  bottom: 0;
}
.surroundings .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #ddd;
  opacity: 1;
  border-radius: 2;
}
.surroundings .swiper-pagination-bullet-active {
  background: #136aa9;
}

.flex{display: flex;flex-wrap: wrap;}
.yf-list{width: 100%;}
.yf-list ul{margin: 0 0 0 -31px;}
.yf-list li{width: calc(33.3333% - 31px);margin: 60px 0 0 31px;background: #f6f7f9;}
.yf-list .yf-image{width: 100%;}
.yf .yf-cont{width: 100%;padding: 32px 30px 40px;}

.yf-cont {
   
    padding: 32px 44px 30px;
  
  
    background: #f6f7f9; text-align: center
}

.yf-image{width: 924px;overflow: hidden;display: block;}
.yf-image img{width: 100%;object-fit: cover;transition: all .6s ease;height: 260px;}

.yf-image:hover img{transform: scale(1.04);}
@media all and (max-width:1599px) {
	 .yf-list ul {margin: 0 0 0 -26px;}
    .yf-list li {width: calc(33.3333% - 26px);margin: 48px 0 0 26px;}
    .yf-list .yf-cont {padding: 28px 24px 32px;}}
	
	@media all and (max-width:1279px) {
		 .yf-list ul {margin: 0 0 0 -20px;}
    .yf-list li {width: calc(33.3333% - 20px);margin: 36px 0 0 20px;}
    .yf-list .yf-cont {padding: 24px 20px 28px;}}
	/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	 .yf-list li {width: calc(50% - 20px);}}
	 
	 @media all and (max-width:640px) {
		   .yf-list ul {margin: 0;}
    .yf-list li {width: 100%;margin: 18px 0 0;}
    .yf-list .yf-cont {height: auto;padding: 20px 15px;}
    .yf-image img{height: 200px !important;}}
	
	
	
	
	
	
	
	.sl_two_ul{ margin-top:4%; overflow:hidden;width:102%;}
.sl_two_ul li{ float:left; width:18.1%; margin-right:2%; overflow:hidden; text-align:center; background:#f6f6f6; border-radius:10px;}
.sl_two_ul li:nth-child(5n+0){ margin-right:0;}
.sl_two_ul li .imgs{ overflow:hidden; position:relative; padding-top:66.8%;}
.sl_two_ul li .imgs img{display: block;width: 100%; height:100%; top:0; left:0; position:absolute;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.sl_two_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.sl_two_ul li .txts{ overflow:hidden; width:96%; margin:0 auto; max-width:296px;margin-top:4%; margin-bottom:13%; }
.sl_two_ul li .txts .h3{ font-weight:bold; overflow:hidden; line-height:52px; height:52px; color:#333333; white-space:nowrap;text-overflow:ellipsis;}
.sl_two_ul li .txts .p2{ color:#666666;font-size:16px; line-height:25px; height:120px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:20; -webkit-box-orient: vertical;}
.sl_two_bg {
    background: #fff;
    overflow: hidden;  padding-bottom:90px;
}

@media screen and (max-width: 960px) {
.sl_two .p{ font-size:15px; line-height:30px;}
.sl_two_ul li .txts .p2{ font-size:15px; line-height:28px; height:120px;}
.sl_two_ul li .txts .h3{ height:44px; line-height:44px;}
.sl_t .desc{ font-size:18px;}
}
@media screen and (max-width: 780px) {
/*关于我们*/
.sl_two_ul li{ width:49%; margin-bottom:2%;}
.sl_two_ul li:nth-child(2n+0){ margin-right:0;}	.sl_two_ul{ margin-top:10%;}
}	
@media screen and (max-width: 640px) {	
	.sl_two .p{ font-size:14px; line-height:26px;}
.sl_two_ul li .txts{ margin-bottom:10%;}
.sl_two_ul li .txts .p2{ font-size:14px; line-height:26px; height:120px;}
.sl_t .desc{ font-size:16px;}}
	@media screen and (max-width: 480px) {
	.sl_two .p{ font-size:13px; line-height:22px;}

.sl_two_ul li .txts .p2{ font-size:13px; line-height:22px; height:120px; margin-top:1%;}
.sl_two_ul li .txts .h3{ height:32px; line-height:32px;}
.sl_t .desc{ font-size:14px;}}



	  .featuress { 
  
}
 .featuress ul {
  overflow: hidden;
  margin: 0 -4px;padding-top:50px;
}
 .featuress li {
  width: 25%;
  float: left;
  padding: 4px;
  text-align: center;
}
 .featuress li:nth-child(4n+1) {
  clear: left;
}
 .featuress li .box {
  border-radius: 4px;
  background: #f8f8f8;
  padding: 60px 30px;
}
 .featuress li .box:hover {

  background: #f3f3f3;
 
}
 .featuress li img {
  width: 100%;
  display: block;
}
 .featuress li .icon {
  width: 69px;
  margin: 0 auto;
}
 .featuress li .tit {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 40px 0;
}
 .featuress li .txt {
  line-height: 26px;
  font-size: 16px;
  color: #666; height:80px;
}

@media only screen and (max-width: 1200px) {
 .featuress {

}
 .featuress li {
	width: 50%;
}
 .featuress li:nth-child(4n+1) {
	clear: none;
}
 .featuress li:nth-child(2n+1) {
	clear: left;
}
 .featuress li .box {
	padding: 30px 6px;
}
 .featuress li .tit {
	font-size: 16px;
	margin: 20px 0;
}
 .featuress li .txt {
	line-height: 24px;
	font-size: 14px;
}}
.nlish_ul{ overflow:hidden;}
.nlish_ul ul li{ display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; min-height:750px; padding-top:20px; padding-bottom:20px;display: flex; align-items: center; justify-content: left; background-size:cover;}
.nlish_ul ul li .wrap{position:relative; z-index:0;}
.nlish_ul ul li .wrap:after{ content:""; text-transform:uppercase; position:absolute; top:50%; margin-top:-280px; left:-13%; line-height:1; font-family:Arial; color:rgba(208,208,208,0.28); font-size:570px; font-weight:bold; letter-spacing:-10px; z-index:-1;}
.nlish_ul ul li.bgs2 .wrap:after{color:rgba(208,208,208,0.38); right:-16%; left:auto;}
.nlish_ul ul li.bgs2{ min-height:685px;}
.nlish_ul ul li .nlish_l{width:calc(98% - 747px);width:-webkit-calc(98% - 747px);width:-moz-calc(98% - 747px); max-width:650px; float:left;}
.nlish_ul ul li.bgs2 .nlish_l{ float:right;}
.nlish_ul ul li .nlish_l .span{ display:block; color:#fff; font-weight:bold;  line-height:1;}
.nlish_ul ul li.bgs2 .nlish_l .span{color:#333333;}
.nlish_ul ul li .nlish_l .span .colors{ color:#136aa9; font-style:normal;}
.nlish_ul ul li .nlish_l .h3{ margin-top:10px; padding-bottom:40px; position:relative; line-height:1; font-weight:bold; color:#fff;}
.nlish_ul ul li .nlish_l .h3:after{ background:#136aa9; position:absolute; left:0; bottom:0; height:3px; width:65px;transition:all 0.3s; content:""; z-index:0;}
.nlish_ul ul li.bgs2 .nlish_l .h3{color:#333333;font-size:28px;}
.nlish_ul ul li .nlish_l .desc{ color:#fff; overflow:hidden; line-height:40px;  margin-top:5%; font-size:16px;}
.nlish_ul ul li.bgs2 .nlish_l .desc{ color:#666;}
.nlish_ul ul li .nlish_r{ position:absolute; right:0; top:50%; margin-top:-250px;  width:747px; overflow:hidden;}
.nlish_ul ul li.bgs2 .nlish_r{ right:auto; left:0;}
.nlish_ul ul li .nlish_r img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.nlish_ul ul li .nlish_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

 .btnn{
	margin-top: 30px;
}
 .btnn span{
	display: inline-block;
	min-width: 140px;
	height: 50px;
	line-height: 48px;
	border-radius: 5px;
	background-color:#136aa9;
	font-family: "syr"; 
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	border: #0136aa9 solid 1px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
 .btnn span:hover{
	background-color: #eee;
	color: #136aa9;
}

	
		
		/*新闻中心*/
.news_con{ overflow:hidden; margin-bottom:2%; border-top:1px solid #dddddd; margin-top:0%; }
.news_con ul li{ /*overflow:hidden;*/padding-top:1%;border-bottom:1px solid #dddddd; display:block;background:#fff; padding-bottom:1%;transition:all 0.3s; position:relative; }
.news_con ul li:last-child{ margin-bottom:0;}
.news_con ul li:hover{ border-color:#136aa9; /*background:#f6f6f6;*/}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width:356px;float:left;display:inline;overflow:hidden;margin-right:3%;}
.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden; padding-right:3%; }
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333; font-weight:bold;transition: all 0.3s; margin-top:40px;white-space:nowrap;text-overflow:ellipsis; font-size:22px;}
.news_con ul li .txts .p{ height:48px; overflow:hidden; font-size:16px; color:#999999; line-height:24px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:16px;}
.news_con ul li .ends{ overflow:hidden; float:right; width:180px; text-align:right;  height:166px; position:relative; font-family:Arial;}
.news_con ul li .ends em{ position:absolute; right:0; top:50%;font-style:normal;color:rgba(135,135,135,0.4); transform: translate(0%, -50%);transition:all 0.3s;}
.news_con ul li .ends em b{ display:block; font-weight:normal; color:#878787;}
.news_con ul li:hover .txts h3{color:#136aa9;}
.news_con ul li:hover .ends em{color:#136aa9;}
.news_con ul li .ends .news_more{ width:130px; text-align:center;height:42px; line-height:42px;color:#fff; font-size:15px;transition: all 0.3s; position:absolute; right:0; top:50%;transform: translate(0%, -50%); background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;/*opacity:0;filter:Alpha(opacity=0); margin-right:5px;*/}
.news_con ul li .ends .news_more:hover{/* background:#136aa9;*/opacity:0.9;filter:Alpha(opacity=90); }
/*.news_con ul li:hover .ends .news_more{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}
.news_con ul li:hover .ends em{opacity:0;filter:Alpha(opacity=0);}*/

@media screen and (max-width: 1600px) {

.nlish_ul ul li .wrap:after{ font-size:500px; margin-top:-240px; left:-12%;}
.nlish_ul ul li.bgs2 .wrap:after{ right:-12%;}
}
@media screen and (max-width: 1440px) {
	.nlish_ul ul li{ min-height:650px;}
.nlish_ul ul li.bgs2{ min-height:600px;}
.nlish_ul ul li .nlish_l{width: calc(98% - 650px);width: -webkit-calc(98% - 650px); width: -moz-calc(98% - 650px);}
.nlish_ul ul li .nlish_r{ width:650px; margin-top:-217px;}
.nlish_ul ul li .wrap:after{ font-size:450px; margin-top:-220px; }

/*新闻中心*/
.news_con ul li .ends{ width:170px;}
}

@media screen and (max-width: 1200px) {
	.nlish_ul ul li{ min-height:550px;}
.nlish_ul ul li.bgs2{ min-height:520px;}
.nlish_ul ul li .nlish_l{width: calc(98% - 580px);width: -webkit-calc(98% - 580px); width: -moz-calc(98% - 580px);}
.nlish_ul ul li .nlish_r{ width:580px; margin-top:-193px;}
.nlish_ul ul li .nlish_l .desc{ font-size:16px; line-height:28px; margin-top:7%;}
/*新闻中心*/
.news_con ul li .txts .h3{ font-size:20px;}

}

@media screen and (max-width: 1100px) {
	.nlish_ul ul li{ min-height:510px;}
.nlish_ul ul li.bgs2{ min-height:480px;}
.nlish_ul ul li .nlish_l{width: calc(98% - 500px);width: -webkit-calc(98% - 500px); width: -moz-calc(98% - 500px);}
.nlish_ul ul li .nlish_r{ width:500px; margin-top:-167px;}
.nlish_ul ul li .nlish_l .desc{ font-size:15px; line-height:26px; margin-top:6%;}
.nlish_ul ul li .wrap:after{ font-size:400px; margin-top:-185px; }
.nlish_ul ul li .nlish_l .h3{ padding-bottom:30px;}

/*新闻中心*/
.news_con ul li .imgs{ width:250px;}
.news_con ul li .txts .h3{ margin-top:26px; font-size:18px;}
.news_con ul li .ends{ width:150px; height:155px;}
.news_con ul li .ends .news_more{ width:110px; font-size:14px;}
}

@media screen and (max-width: 960px) {
	.nlish_ul ul li{ min-height:410px;}
.nlish_ul ul li.bgs2{ min-height:390px;}
.nlish_ul ul li .nlish_l{width: calc(98% - 400px);width: -webkit-calc(98% - 400px); width: -moz-calc(98% - 400px);}
.nlish_ul ul li .nlish_r{ width:400px; margin-top:-133px;}
.nlish_ul ul li .nlish_l .desc{ font-size:14px; line-height:24px; margin-top:5%;}
.nlish_ul ul li .wrap:after{ font-size:350px; margin-top:-165px; }
.nlish_ul ul li .nlish_l .h3{ padding-bottom:25px;}
/*新闻中心*/
.news_con ul li .imgs{ margin-right:2%; width:220px;}
.news_con ul li .txts{ padding-right:2%;}
.news_con ul li .ends{ width:140px; height:137px;}
.news_con ul li .txts .p{ margin-top:7px; font-size:15px;}
}
@media screen and (max-width: 780px) {
	.nlish_ul ul li{ height:auto; min-height:inherit; display:block;padding-bottom:6%;}
.nlish_ul ul li.bgs2{ height:auto; min-height:inherit;}
.nlish_ul ul li .nlish_l{ float:none;width: calc(100% - 0px);width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-top:5%; /*max-width:none;*/}
.nlish_ul ul li.bgs2 .nlish_l{ float:none;}
.nlish_ul ul li .nlish_r{ width:100%; margin-top:5%; position:static; top:0; }
.nlish_ul ul li .wrap:after{ display:none;}

/*新闻中心*/
.news_con ul li .txts .p{ font-size:14px; line-height:24px; height:48px;}
.news_con ul li .ends{ width:120px;}
.news_con ul li .ends .news_more{ width:100px; font-size:13px;}
}
@media screen and (max-width: 640px) {
	.nlish_ul ul li .nlish_l .desc{ font-size:13px; line-height:22px;}
	/*新闻中心*/
.news_con ul li{ padding-right:2%;}
.news_con ul li .ends{ display:none;}
.news_con ul li .txts{ padding-right:0;}
	}
	@media screen and (max-width: 480px) {
		.nlish_ul ul li{ padding-bottom:7%;}
		/*新闻中心*/
.news_con ul li .imgs{ width:200px;}
.news_con ul li .txts .h3{ margin-top:20px; font-size:16px;}
.news_con ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;}
		
		}
		
		
		



.detail {
  width: 100%;
  max-width: 1000px;
  margin: 80px auto;
}

.detail .tit {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333333;
  text-align: center;
}

.detail .desc {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #999999;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 20px;
}

.detail .desc img {
  margin: 0 6px 0 18px;
}

.detail .content {
  padding: 40px 0;
  margin: 50px 0;
  border-top: 1px solid #d2d0d0;
  border-bottom: 1px solid #d2d0d0;
}

.detail .content p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #333333;
  margin: 10px 0;
}

.detail .content img {
}

.detail .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detail .bottom .left {
  display: flex;
  flex-direction: column;
}

.detail .bottom .left a {
  font-size: 16px;
  font-weight: 100;
  line-height: 40px;
  letter-spacing: 1px;
  color: #333333;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.detail .bottom .left a:hover {
  color: #136aa9;
}

.detail .bottom .right {
  width: 150px;
  height: 48px;
  background-color: #136aa9;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 1px;
  color: #ffffff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.detail .bottom .right:hover {
  opacity: .8;
}

.detail .bottom .right img {
  margin-right: 6px;
}

@media (max-width: 768px) {
	  .bread {
    display: none;
  }
  .detail .content {
    padding: 20px 0;
    margin: 20px 0;
  }
  .detail .tit {
    font-size: 24px;
  }
  .detail .desc {
    font-size: 14px;
  }
  .detail .bottom .left a {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .detail .bottom .right {
    display: none;
  }  }
  
  .contact-page{
  width: 100%; overflow:hidden; padding-bottom:90px;
 
}
  .col {
  float: left;
}
.col12 {
  width: 100%;
  float: left;
}
.col1 {
  width: 8.33333333%;
}
.col2 {
  width: 16.66666667%;
}
.col3 {
  width: 25%;
}
.col4 {
  width: 33.33333333%;
}
.col5 {
  width: 41.66666667%;
}
.col6 {
  width: 50%;
}
.col7 {
  width: 58.33333333%;
}
.col8 {
  width: 66.66666667%;
}
.col9 {
  width: 75%;
}
.col10 {
  width: 83.33333333%;
}
.col11 {
  width: 91.66666667%;
}
.l {
  float: left;
}
.r {
  float: right;
}
.hide {
  display: none;
}
  .contact-page .contact {
  padding: 80px 0;
  margin: 0 -38px;
}
.contact-page .contact .title {
  font-size: 24px;
  color: #222;
}
.contact-page .contact .entit {
  color: #888;
  margin-top: 6px;
}
.contact-page .address,
.contact-page .message {
  width: 50%;
  padding: 0 38px;
  float: left;
}
.contact-page .address .text {
  border-top: solid 1px #f3f3f3;
  border-bottom: solid 1px #f3f3f3;
  padding: 4px 0;
  margin: 38px 0 26px 0; font-size: 16px;
}
.contact-page .address .txt {
  margin: 26px 0;
  line-height: 24px;
  padding: 3px 0 3px 58px;  padding-left: 0;
  background: no-repeat 0 0;
  font-size: 16px;
  color: #888;
}
.contact-page .address .txt a {
  font-size: 16px;
  color: #888;
}
.contact-page .address  p {
  padding: 3px 0;
  display: flex;
  margin: 26px 0;
}
.contact-page .address .txt span {
  color: #333;
  font-weight: bold;
  margin-right: 16px;
  white-space: nowrap;
}
.contact-page .address p strong{ font-weight: bold;}
.contact-page .address .qrcode {
  text-align: center;
  display: inline-block;
}
.contact-page .address .qrcode i {
  width: 150px;
  display: block;
  margin: 0 auto;
  border: solid 1px #dddddd;
}
.contact-page .address .qrcode p {
  font-size: 16px;
  color: #888;
  margin-top: 14px;
}
.contact-page .message .inputbox {
  margin-top: 34px;
}
.contact-page .message .inputbox .row {
  margin: 0 -8px;
}
.contact-page .message .inputbox .col {
  padding: 0 8px;
  margin-bottom: 15px;
}
.contact-page .message .inputbox .tit {
  line-height: 34px;
  font-size: 16px;
  color: #999;
}
.contact-page .message .inputbox .tit span {
  color: #fe1212;
  margin-right: 5px;
}
.contact-page .message .inputbox input,
.contact-page .message .inputbox textarea {
  width: 100%;
  line-height: 26px;
  padding: 15px 12px;
  font-size: 16px;
  color: #333;
  background: #f8f8f8;
  border: solid 1px #eee;
}
.contact-page .message .inputbox textarea {
  height: 184px;
}
.contact-page .message .btn {
  margin-top: 10px;
}
.contact-page .message .btn .rbtn {
  display: inline-block;
  color: #fff;
  background: #6cb315;
  height: 46px;
  line-height: 46px;
  border-radius: 46px;
}
.contact-page .message .btn .rbtn::after {
  background: #579e00;
}
.rbtn {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}
.contact-page .message .btn .rbtn input,
.contact-page .message .btn .rbtn button,
.contact-page .message .btn .rbtn a {
  display: block;
  padding: 0 25px;
  color: #fff;
  cursor: pointer;
}
.contact-page .map #allmap {
  height: 516px;
}

@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.col.sm-col12{width: 100%; float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
.rbtn::after {
	display: none;
}
.contact-page .contact {
	padding: 30px 0;
	margin: 0;
}
.contact-page .contact .wrap{
	max-width: 600px;
}
.contact-page .contact .title {
	font-size: 20px;
}
.contact-page .contact .entit {
	font-size: 12px;
}
.contact-page .address,
.contact-page .message {
	width: 100%;
	padding: 0;
	float: none;
}
.contact-page .address .text {
	margin: 20px 0; font-size: 14px;
}
.contact-page .address .txt {
	margin: 16px 0;
	padding: 3px 0 3px 50px;
}
.contact-page .address p{
	margin: 16px 0;
}
.contact-page .address .qrcode p {
	margin-top: 10px;
}
.contact-page .message{
	margin-top: 40px;
}
.contact-page .message .inputbox {
	margin-top: 20px;
}
.contact-page .message .inputbox .col {
	margin-bottom: 10px;
}
.contact-page .message .inputbox input,
.contact-page .message .inputbox textarea {
	padding: 10px;
}
.contact-page .message .inputbox textarea {
	height: 100px;
}
.contact-page .map #allmap {
	height: 400px;
}}