.wuyi-head{
    background:url(../../images/nimgs/duanwu.jpg) center no-repeat;
    width:100%;
    height:490px;
}
.wu-body{width:100%;background:#11c58e;padding-top:140px;}
.wuyi-box{
 
   width:1100px;
   margin:0 auto;
   padding-bottom:50px;
}
.slope-color{background:#11c58e;width:100%;height:200px;
box-shadow:0 -3px 5px rgba(182,52,86,0.4);
    position:absolute;
    left:0;
    top:590px;
    transform:skewY(-2deg) translateZ(0);
    -ms-transform:skewY(-2deg) translateZ(0); 	/* IE 9 */
    -moz-transform:skewY(-2deg) translateZ(0); 	/* Firefox */
    -webkit-transform:skewY(-2deg) translateZ(0); /* Safari ºÍ Chrome */
    -o-transform:skewY(-2deg) translateZ(0);
     }
.wuyi-banner-box {

  width: 1100px;
  height: 450px; 
  margin:0 auto;
  margin-bottom:80px;


  }
 .wuyi-banner-box .capital-img{
    transition:all 0.5s;
     transform: translate(230px, 0) ;
    -ms-transform: translate(230px, 0); 	/* IE 9 */
    -moz-transform: translate(230px, 0); 	/* Firefox */
    -webkit-transform:  translate(230px, 0); /* Safari ºÍ Chrome */
    -o-transform: translate(230px, 0); 
    margin-top:20px;
    
 }
.tab-box {width: 100%;height:auto; position:relative;margin-bottom:120px;}
.top{height:35px;line-height:30px; float:left; position:relative;}
.top li{font-size:20px;cursor:pointer;display:inline-block;margin:0 10px;padding:0 20px;color:#333;border-radius:15px;background-color:#fff;transition:all 0.3s;}
.top li:hover{box-shadow:0 0 8px #fffac6;}
.top li.active{background-color:yellow;color:#333;box-shadow:0 0 8px #f3f3f3;}
.top li a{text-decoration:none;}
.tab-box h2{
  font-size:20px;
  float:right;
  margin-right: 12px;
  display:inline-block;
  padding:0 10px;
  line-height:30px;
   height:30px;
  color:#333;
  border-radius:15px;
  background-color:yellow;
   position:relative;
  }
.tab-box h2 a{
    display:inline-block;
    padding:0 6px;
    height:24px;
    line-height:24px;
    border-radius:12px;
    background:#5f5f5f;
    color:#fff;
     font-size:14px;
     font-weight:900;
     position:relative;
     right:-6px;
     top:-3px;
     }  
.tab-box h2 a.mobile-wuyi-a{

    display:none;

    
}
.tab-box  section{
   min-height:400px;
   padding:10px;
 
   border-radius:5px;
   display:none;
   }
.tab-box-content > section:first-child{
  
   display:block;
 }

ul.tab-ul-content{width:100%;height:800px}
.m10{transition:all 0.3s;width:340px;height:336px;background:#fff;border-radius:5px;padding:5px;overflow:hidden;margin:0 13px 13px 0;float:left;position:relative;}
.m10:hover{box-shadow:0 0 10px #c0c0c0;}

.m10:first-child + li + li{margin-right:0;}
.m10:first-child + li + li + li + li+ li{margin-right:0;}
.m10 a img{width:100%;height:240px;border-radius:5px 5px 0 0;}
.mt10 a{font-size:16px;}
.wuyi-pb10 {display:inline-block;position:absolute;left:0px;top:12px;padding:3px 8px;background:yellow;color:#333;}

.wuyi-pb10 b{color: #333; font-size: 20px;}

.ljyd{transition:all 0.5s;background:#1fc167;font-size: 18px;font-weight:300;color:#fff;padding:0px 10px;height:30px;line-height:30px;border-radius:15px;position:absolute;right:5px;bottom:8px;}
.ljyd:hover{background:#16d992;box-shadow:0 0 6px #44f1b2;}
.godays{position:absolute;bottom:100px;left:5px;background: url(/images/nimgs/transparent_bg.png);color: #fff;padding:3px 5px;width:330px;}
.price_memo_s{position:absolute;top:12px;right:5px;background: url(/images/nimgs/transparent_bg.png);color: #fff;padding:3px 9px;border-radius:10px;overflow:hidden;}




/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}
.htmleaf-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
}
.htmleaf-header h1 span {
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}


/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","ËÎÌå","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em}
.related a h3 {
	font-size: 0.85em;
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}
.tab_img01{position:absolute;left:-230px;top:-90px;z-index:0;}
.tab_img02{position:absolute;right:-170px;top:-210px;z-index:0;}




@media screen and (max-width: 1024px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.4em;
    }
    .htmleaf-links{font-size: 1.4em}
}

@media screen and (max-width: 960px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.2em;
    }
    .htmleaf-links{font-size: 1.2em}
    .related h3{font-size: 1em;}
	.related a h3 {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 766px) {
	.htmleaf-header h1 {
        font-size:1.3em;
    }
    .htmleaf-links{font-size: 1.3em}
}

@media screen and (max-width: 640px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1em;
    }
    .htmleaf-links{font-size: 1em}
    .related h3{font-size: 0.8em;}
	.related a h3 {
		font-size: 0.6em;
	}
	.tab-box h2 a{display:none;}
.tab-box h2 a.mobile-wuyi-a{display:inline-block;}
}


@media(max-width:780px){

.wuyi-head {
    background: url(../../images/nimgs/duanwu2.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 180px;
}
.wuyi-banner-box {
    width: 100%;
    height:auto;
    margin: 0 auto;
    margin-bottom: 0px;
}
.tab-box h2 a{display:none;}
.tab-box h2 a.mobile-wuyi-a{display:inline-block;}


.wuyi-banner-box .capital-img {
    width:90%;
    transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -moz-transform: translate(5%, 0);
    -webkit-transform: translate(5%, 0);
    -o-transform: translate(5%, 0);
}
.htmleaf-content {
    width: 100%;
    height:auto;
    margin-top: 0px;
    background: #e6426c;
     float: none;
}
.slope-color{
   display:none;
}

   
.wu-body {

    padding-top:90px;
}
.wuyi-box {
    width: 100%;
    padding-bottom: 20px;
}

.tab-box {
   
    margin-bottom:80px;
}
.tab_img01 {
  
    left: 0px;
    top: -20px;
  width:40%!important;
}
.tab_img02 {
  
    right: 0px;
    top: -60px;
  width:60%!important;
}
.m10 {

    width: 95%;
    height: 336px;
    margin: 0 0 10px 0;
    float: none;

}
ul.tab-ul-content {

     height: auto; 
}

.top li {
    font-size: 1.5em;
  
    margin: 0 10px;
    padding: 0 10px;
    border-radius: 5px;

}
.tab-box h2 {
    font-size:2em;
    float: none;
    margin-right: auto;
   
    padding: 0 17px;
    line-height: 34px;
    color: #333;
    border-radius: 17px;
    background-color: yellow;
    position: absolute;
    left:3%;
    top:-2em;
}
.godays {
    position: absolute;
    bottom: 101px;
    left: 5px;
    background: url(/images/nimgs/transparent_bg.png);
    color: #fff;
    padding: 3px 5px;
     width: 94%;
}
}