@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
  blr:expression(this.onFocus=this.blur());
}






/****模板****/
#w_img-1540953087124,
#w_img-1540909950274,
#w_img-1540909358406,
#w_img-1540906743230,
#w_img-1540906320535,
#w_img-1540905440580,
#w_img-1540904858632,
#w_img-1540904548436,
#w_img-1540897246290,
#w_img-1540903250454,
#w_img-1540903604140,
#w_img-1540884333603 {left: auto;right: 0px;}



@media screen and (min-width: 1601px) { 
.e_ContentMajorStyleBox-001 .stylebox_content  { padding-top: 100px!important;}
#w_rbox-1540953087114,
#w_rbox-1540909950264, 
#w_rbox-1540909358396,
#w_rbox-1540906743220, 
#w_rbox-1540906320525,
#w_rbox-1540905440569, 
#w_rbox-1540904858622,
#w_rbox-1540904548426,
#w_rbox-1540903604130,
#w_rbox-1540903250444,
#w_rbox-1540897246280,
#w_rbox-1540884333591 {width: 1200px;} 

  
#c_intro_detail-1540953087134,
#c_product_detail-15409100435575511, 
#c_intro_detail-1540909358416,
 #c_product_list-15409077592379658, 
  #c_message_form-15409068374822336,
 #c_intro_detail-1540906320545, 
  #c_intro_detail-15409054410844398,
#c_news_detail-1540904858642,
#c_news_list-1540904548446,
#c_news_detail-1540903604150,
#c_news_list-1540903250464,
#c_news_detail-15408974682306159,
#c_news_list-15408925449665560,
#c_intro_detail-15408843340685848 {left: 40px;width: 1120px;}
  
#c_intro_category-1540953087139, 
 #c_product_category-1540909950289, 
#c_product_category-15409094991758594,
 #c_intro_category-1540906743245, 
#c_intro_category-1540906320550, 
#c_intro_category-15409054982877882,
#c_news_category-1540904858647,
#c_news_category-1540904548451, 
#c_news_category-1540903604155,
#c_news_category-1540903250469,
#c_news_category-1540897246305,
#c_news_category-15408958407527781,
#c_product_category-15408897348037659 {left: 1480px;}
  
  
#c_breadcrumb_nav-1540878990641 {left: 350px!important; width: 1070px!important;}
  
} 






@media screen and (max-width: 1600px) { 
#w_rbox-1540953087114, 
#w_rbox-1540909950264,   
#w_rbox-1540909358396,
#w_rbox-1540906743220, 
#w_rbox-1540906320525,
#w_rbox-1540905440569,   
#w_rbox-1540904858622,  
#w_rbox-1540904548426,
#w_rbox-1540903604130,  
#w_rbox-1540903250444,
#w_rbox-1540897246280,
#w_rbox-1540884333591 {width: 1000px;} 

#c_intro_detail-1540953087134,
#c_product_detail-15409100435575511,
 #c_intro_detail-1540909358416,
  #c_product_list-15409077592379658,  
   #c_message_form-15409068374822336,
#c_intro_detail-1540906320545,
#c_intro_detail-15409054410844398,
#c_news_detail-1540904858642,
  #c_news_list-1540904548446,
#c_news_detail-1540903604150,
#c_news_list-1540903250464,
#c_news_detail-15408974682306159,
#c_news_list-15408925449665560,
#c_intro_detail-15408843340685848 {left: 0px;width: 1000px;} 
  
  
#c_intro_category-1540953087139,  
 #c_product_category-1540909950289,   
#c_product_category-15409094991758594,
 #c_intro_category-1540906743245,   
#c_intro_category-1540906320550,
 #c_intro_category-15409054982877882, 
#c_news_category-1540904858647,
#c_news_category-1540904548451, 
#c_news_category-1540903604155,
  #c_news_category-1540903250469,
#c_news_category-1540897246305, 
#c_news_category-15408958407527781,
#c_product_category-15408897348037659 {left: 1280px;}
  
  
#c_breadcrumb_nav-1540878990641 {left: 310px!important; width: 970px!important;}

} 















/**********************************网站LOGO*******************************/

#w_rbox-1540260884798 {
    position: fixed!important;
    top: 20px!important;
    left: 60px!important;
  z-index:999!important;
}


#bfjwny {overflow:hidden!important;}
#ny {height:100%!important;}




/*************************************导航*********************************/

#mm-menu-toggle {
position: fixed;
    top: 40px;
    right: 60px;
    z-index: 20;
    width: 80px;
    height: 30px;
  margin: 0;
padding: 6px 0px;
  padding-left: 50px;
 	-webkit-transition:all 1.0s;
	transition:all 1.0s 
    border: none;
outline: none; 
    background: url(/img/dhwz.png) left center no-repeat;

}

#mm-menu-toggle.active {    width: 30px;
    height: 30px;
  margin: 0;
padding: 6px 0px;
  padding-left: 0px;
  
    border: none;
outline: none; 
    background:none;}

.mm-menu-toggle{

    width: 30px;
    height: 18px;
    font-size: 0px;
    text-indent: -9999px;
    margin: 0px;
    padding: 0px;
    background: linear-gradient(rgba(33, 33, 33, 0) 0px, rgba(33, 33, 33, 0) 8px, rgb(190, 0, 0) 8px, rgb(190, 0, 0) 10px, rgba(33, 33, 33, 0) 10px, rgba(33, 33, 33, 0) 18px);
}
.mm-menu-toggle::after,.mm-menu-toggle::before {
	display:block;
	position:absolute;
	right:0px;
	width:30px;
	height:2px;
	background-color:rgba(190, 0, 0, 1);
	content:""
}
.mm-menu-toggle::before {
	top:6px;
	-webkit-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	transform-origin:bottom left
}
.mm-menu-toggle::after {
	bottom:6px;
  width:21px;
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left
}
.mm-menu-toggle,.mm-menu-toggle::after,.mm-menu-toggle::before {
	-webkit-transition:all .5s;
	transition:all .5s
}
#mm-menu-toggle.active{
right: 204px;
}
#mm-menu-toggle.active .mm-menu-toggle{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
  background: linear-gradient(180deg, rgba(33,33,33,0)0px, rgba(33,33,33,0) 8px, rgba(255, 255, 255, 1) 8px, rgba(255, 255, 255, 1) 10px, rgba(33,33,33,0)10px, rgba(33,33,33,0) 18px );
}
#mm-menu-toggle.active .mm-menu-toggle::before {
	width:60%;
      left:0px;
	-webkit-transform:translateY(2px) rotate(-45deg);
	-ms-transform:translateY(2px) rotate(-45deg);
	transform:translateY(2px) rotate(-45deg);
      background-color: rgba(255, 255, 255, 1);
}
#mm-menu-toggle.active .mm-menu-toggle::after {
   left:0px;
	width:60%;
	-webkit-transform:translateY(-2px) rotate(45deg);
	-ms-transform:translateY(-2px) rotate(45deg);
	transform:translateY(-2px) rotate(45deg);
      background-color: rgba(255, 255, 255, 1);
}


.mm-menu {
	position:fixed;
	top:0;
	right:0;
	z-index:10;
	background:url(/img/dhbjta.png) center center repeat #be0000;
	width:100%;
	height:100%;
	overflow-y:auto;
	box-shadow:0;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:-webkit-transform 1.0s,box-shadow 1.0s;
	transition:transform 1.0s,box-shadow 1.0s
}
.mm-menu.active {
box-shadow: 0 0px 20px rgba(0,0,0,0.8);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}





	.mm-menu {
	width:260px;
	-webkit-transform:translateX(260px);
	-ms-transform:translateX(260px);
	transform:translateX(260px)

}



















#w_sfbox-1540172144935 {
    z-index: 2!important;
}

.w_sfbox-001 {

      
      -webkit-transform-origin: 0% 50%;
 transform-origin:0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

  position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 1.3s;
    transition: transform 1.3s;
}




.w_sfbox-001.mm-menu-open {
-webkit-transform: rotateY(12deg);
    transform: rotateY(12deg);

}
#nr.main {
-webkit-perspective: 1800px;
    perspective: 1800px;

}

#bfjwny {
-webkit-perspective: 1800px;
    perspective: 1800px;

}
#ny {

      
      -webkit-transform-origin: 0% 50%;
 transform-origin:0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

  position: relative;
    left: 0;

    height: 100%;
    -webkit-transition: -webkit-transform 1.3s;
    transition: transform 1.3s;
}

#ny.mm-menu-open {
-webkit-transform: rotateY(12deg);
    transform: rotateY(12deg);

}






/*************************P2**********************/

#w_rbox-1540632225062 {overflow:hidden;
height: 100%!important;
}



#w_rbox-1540636344905 {
  top: 50%!important;
  margin-top: -300px!important;
}





#w_img-1540725325300 a img {
width:100%;
height:100%;
display:inline-block;
  cursor:pointer;
    transition:all 1.5s ease 0s;
  -o-transition:all 1.5s ease 0s;
  -moz-transition:all 1.5s ease 0s;
  -webkit-transition:all 1.5s ease 0s;
}




#w_img-1540725325300 a:hover img {
    transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);
}

#w_img-1540725325300 a:before {
content:url(/img/sp_tb.png);
width:80px;
height:80px;
display:inline-block;
position: absolute;
  top:50%;
  left:50%;
  z-index:10;
  margin-left:-40px;
  margin-top:-40px;
  cursor:pointer;
}

#w_img-1540725325300 a:after {
content:url(/img/sp_tb2.png);
width:80px;
height:80px;
display:inline-block;
position: absolute;
  top:50%;
  left:50%;
  z-index:10;
  margin-left:-40px;
  margin-top:-40px;
  cursor:pointer;
}

#w_img-1540725325300 a:hover:after {
  -webkit-animation: gWelCnta 1.5s ease-in-out;
  -moz-animation: gWelCnta 1.5s ease-in-out;
  -o-animation: gWelCnta 1.5s ease-in-out;
  -ms-animation: gWelCnta 1.5s ease-in-out;
  animation: gWelCnta 1.5s ease-in-out;
}


#w_img-1540725325300 {
    height: auto!important;
  left:auto!important;
  right: 0px!important;
}




#w_rbox-1540728147975 {
width:0px; 
position:fixed; 
  top:0px; 
  left:0px!important;
    z-index: 99999;
  transition:all 0.5s ease 0s; 
-o-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}


#w_rbox-1540728147975.dbj {
width:50%; 
}



#w_rbox-1540728147975 .w_rbox {
  background-color: rgba(0,0,0,0);
  transition:all 0.5s ease 0s; 
-o-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}

#w_rbox-1540728147975.dbj .w_rbox {background-color: rgba(0,0,0,0.9);
}



#w_rbox-1540728147975 .gdgb{position:absolute;
    top:34px;
    right:40px;
    z-index: 100000;
    width: 30px;
    height:30px;
display:block;
  cursor:pointer;
 opacity:0;
transition:opacity 2s ease 1s; 
}

#w_rbox-1540728147975 .gdgb.fd-close{
 opacity:1;
}


#w_rbox-1540728147975.dbj .gdgb:hover{position:absolute;
  -webkit-animation: gWelCnta 1.5s ease-in-out;
  -moz-animation: gWelCnta 1.5s ease-in-out;
  -o-animation: gWelCnta 1.5s ease-in-out;
  -ms-animation: gWelCnta 1.5s ease-in-out;
  animation: gWelCnta 1.5s ease-in-out;
}


#w_rbox-1540728147975.dbj .gdgb:before,
#w_rbox-1540728147975.dbj .gdgb:after{	display:block;
	position:absolute;
	left:0;
	width:30px;
	height:2px;
	background-color:rgba(255,255,255, 1);
	content:"";
}
#w_rbox-1540728147975.dbj .gdgb:before {top:0px!important;
	-webkit-transform:translateY(14px) rotate(-45deg);
	-ms-transform:translateY(14px) rotate(-45deg);
	transform:translateY(14px) rotate(-45deg);
}
#w_rbox-1540728147975.dbj .gdgb:after {bottom:0px!important;
	-webkit-transform:translateY(-14px) rotate(45deg);
	-ms-transform:translateY(-14px) rotate(45deg);
	transform:translateY(-14px) rotate(45deg);


}




#c_video_list-15408070007441545 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: auto;
}




/*************************P3**********************/

#w_rbox-1540703031096 {
  top: 50%!important;
  margin-top: -300px!important;
}
  
/*************************P4**********************/
#w_rbox-1540770975223 {
overflow:hidden;
height: 100%!important;
width: 50%!important;
  left:0px!important;
}



#w_rbox-1540772538701 {
  top: 50%!important;
  margin-top: -300px!important;
}



#w_rbox-1540789194600 {
  top: 50%!important;
  margin-top: -300px!important;
}




/**************************内页样式*****************************/
#w_rbox-1540878990531,
#w_rbox-1540812830217 {overflow:hidden;}
#w_rbox-1540813468356 {
    position: absolute;
    top: 20px;
    left: 60px;
}




#w_img-1540878990601,
#w_img-1540814010908 {
    position: absolute;
    top:auto!important;
    left:80px!important;
  bottom:120px!important;
}






#w_img-1540878990551,
#w_img-1540864712801 {
   left:auto;
    right: 0px;
}






@media screen and (min-width: 1601px) { 
#w_rbox-1540878990541,
#w_rbox-1540859440627 {
    position: absolute;
    top: 0px;
    left: 280px;
    width: 1200px;
    height: 1080px;
}
#c_intro_category-1540878990636,
#c_intro_category-15408175701943613 {
   left:1480px;
}
#c_intro_detail-1540878990631,
#c_intro_detail-15408167695072841 {
width: 1120px;
  left:40px;
}
  
  #c_breadcrumb_nav-1540878990641,
  #c_breadcrumb_nav-15408608753616255 {
    left: 350px;
    width: 1070px;

}
  #w_img-1540878990621,
  #w_img-1540874958629 {
    position: absolute;
    top: 520px;
    left: 1450px;
    z-index: 100;
}
  
  
} 






@media screen and (max-width: 1600px) { 
#w_rbox-1540878990541,
#w_rbox-1540859440627 {
    position: absolute;
    top: 0px;
    left: 280px;
    width: 1000px;
    height: 1080px;
}
#c_intro_category-1540878990636,
#c_intro_category-15408175701943613 {
   left:1280px;
}
#c_intro_detail-1540878990631,
#c_intro_detail-15408167695072841 {
width: 1000px;
  left:0px;
}
  
 #c_breadcrumb_nav-1540878990641,
  #c_breadcrumb_nav-15408608753616255 {
    left: 310px;
    width: 970px;

}
#w_img-1540878990621,
#w_img-1540874958629 {
    position: absolute;
    top: 420px!important;
    left:1060px!important;
    z-index: 100;
    transform: scale(0.8);
}
  
  
  
} 














.sybk {
  width:270px;
  height:400px;
  background-color: rgba(245,245,245,1);
}
.sybk span {display:block;}
.sybk span.sybk_ms { display:block; }


.sybk a {  
  width:270px;
  height:400px;
  overflow:hidden;
  border-bottom: solid 4px rgba(200, 42, 33, 1);
display:inline-block;
}
.sybk a:hover {  
  border-bottom: solid 8px rgba(200, 42, 33, 1);
}
.sybk a .sybk_img {
  width:270px;
  height:180px;
  overflow:hidden;
}

.sybk a .sybk_img img{  
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}


.sybk a:hover .sybk_img img{  
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
}




.sybk a .sybk_tb {
 position: absolute;
  top:140px;
  right:20px;
    transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
.sybk a:hover .sybk_tb {
  top:130px;
}


.sybk a .sybk_bt {margin:30px 20px 20px 20px;
font-size:18px;
font-weight: bold;
color:rgba(200, 42, 33, 1);  
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}

.sybk a .sybk_bt:after {
width:50px;
height:2px;
  content: '';
  display:block;
  margin-top:10px;
 background-color:rgba(200, 42, 33, 1);

}


.sybk a:hover .sybk_bt {
color:#000;  
}

.sybk_ms {

  margin:0px 20px 20px 20px;
font-size:13px;
line-height:22px;
color:#999;  
}
.sybk a .sybk_gd {

margin-left:20px;
color:#666;
transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
.sybk a:hover .sybk_gd {
 color:rgba(200, 42, 33, 1);
}

.sybk a .sybk_gd:after {content: ">>"; font-size:13px; margin-left:4px;}

.ckgd {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 2.4s;
    animation-fill-mode: both;
}

.ckgd a {width:70px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(200,200,200,1);
  display:block;
  text-align:center;
  margin:0 auto;
}

.ckgd a:hover {width:120px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(140,140,140,1);
  display:block;
  text-align:center;
    transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}

.ckgd a:hover img {
  -webkit-animation: gWelCnta 1.5s ease-in-out;
  -moz-animation: gWelCnta 1.5s ease-in-out;
  -o-animation: gWelCnta 1.5s ease-in-out;
  -ms-animation: gWelCnta 1.5s ease-in-out;
  animation: gWelCnta 1.5s ease-in-out;
}




.ckgd2 a {width:140px;
height:40px;
  line-height:40px;
  color: rgba(255,255,255,1);
  padding:0px;
  background-color: rgba(0,0,0,0.6);
  border-radius:40px;
  display:block;
  text-align:center;
  font-size: 15px;
}

.ckgd2 a:hover {width:180px;
 background-color: rgba(34, 143, 120, 1);
}



.ckgd3 a {width:200px;
height:40px;
  line-height:40px;
  color: rgba(0,0,0,1);
  padding:0px;
  background-color: rgba(255,255,255,1);
  border-radius:40px;
  display:block;
  text-align:center;
  font-size: 15px;
    margin:0 auto;
}

.ckgd3 a:hover {width:240px;

}

/*************************************

* 组件样式: 翻页样式

*************************************/

.p_page .pre:hover:after,
.p_page .next:after,
.p_page .next,
.p_page .pageNum,
.p_page .pre{
  background-color: rgba(50, 50, 50, 1)!important;
  color: rgba(255,255,255, 1)!important;
}
.p_page .pre:active:after,
.p_page .pre:hover,
.p_page .pre:active,
.p_page .next:hover:after,
.p_page .next:active:after,
.p_page .next:hover,
.p_page .next:active,
.p_page .pageNum:hover,
.p_page .pageNum:active,
.p_page .pageNum.active {
  color: rgba(255,255,255, 1)!important;
  background-color:rgba(190, 0, 0, 1)!important;
}

.nyzsq { 
  width:100%; 
  height:100%; 
  display:block; 
  background-color:rgba(200, 42, 33, 0.9); 
  position:relative;
}
.nyzsq .bt {
  font-size:30px; 
  color:#fff; 
  line-height:40px; 
  padding-left:40px; 
  padding-top:30px;
}

.nyzsq .ms { font-size:17px; color: rgba(255, 255, 255,0.5); line-height:30px; padding-left:40px; margin-top:44px;}

.nyzsq .bt:before { content: url(/img/zsq.png); width:30px; height:30px; display:inline-block; position:absolute; top:34px; right:30px; }
.nyzsq .bt:after { content:""; width:40px; height:2px; display:block; position:absolute; top:88px; left:40px; background:#fff; }



















.htmleaf-container {
	margin:0 auto;
	text-align:center;
	overflow:hidden
}
.htmleaf-content {
	font-size:150%;
	padding:1em 0
}
.htmleaf-content h2 {
	margin:0 0 2em;
	opacity:.1
}
.htmleaf-content p {
	margin:1em 0;
	padding:5em 0 0;
	font-size:.65em
}
.bgcolor-1 {
	background:#f0efee
}
.bgcolor-2 {
	background:#f9f9f9
}
.bgcolor-3 {
	background:#e8e8e8
}
.bgcolor-4 {
	background:#2f3238;
	color:#fff
}
.bgcolor-5 {
	background:#df6659;
	color:#521e18
}
.bgcolor-6 {
	background:#2fa8ec
}
.bgcolor-7 {
	background:#d0d6d6
}
.bgcolor-8 {
	background:#3d4444;
	color:#fff
}
.bgcolor-9 {
	background:#ef3f52;
	color:#fff
}
.bgcolor-10 {
	background:#64448f;
	color:#fff
}
.bgcolor-11 {
	background:#3755ad;
	color:#fff
}
.bgcolor-12 {
	background:#3498db;
	color:#fff
}
.htmleaf-header {
	padding:1em 190px;
	letter-spacing:-1px;
	text-align:center
}
.htmleaf-header h1 {
	font-weight:600;
	font-size:2em;
	line-height:1;
	margin-bottom:0;
	font-family:segoe ui,lucida grande,Helvetica,Arial,microsoft yahei,FreeSans,Arimo,droid sans,wenquanyi micro hei,hiragino sans gb,hiragino sans gb w3,fontawesome,sans-serif
}
.htmleaf-header h1 span {
	font-family:segoe ui,lucida grande,Helvetica,Arial,microsoft yahei,FreeSans,Arimo,droid sans,wenquanyi micro hei,hiragino sans gb,hiragino sans gb w3,fontawesome,sans-serif;
	display:block;
	font-size:60%;
	font-weight:400;
	padding:.8em 0 .5em;
	color:#c3c8cd
}
.htmleaf-demo a {
	color:#1d7db1;
	text-decoration:none
}
.htmleaf-demo {
	width:100%;
	padding-bottom:1.2em
}
.htmleaf-demo a {
	display:inline-block;
	margin:.5em;
	padding:.6em 1em;
	border:3px solid #1d7db1;
	font-weight:700
}
.htmleaf-demo a:hover {
	opacity:.6
}
.htmleaf-demo a.current {
	background:#1d7db1;
	color:#fff
}
.htmleaf-links {
	position:relative;
	display:inline-block;
	white-space:nowrap;
	font-size:1.5em;
	text-align:center
}
.htmleaf-links::after {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:100%;
	background:#dbdbdb;
	content:'';
	-webkit-transform:rotate3d(0,0,1,22.5deg);
	transform:rotate3d(0,0,1,22.5deg)
}
.htmleaf-icon {
	display:inline-block;
	margin:.5em;
	padding:0;
	width:1.5em;
	text-decoration:none
}
.htmleaf-icon span {
	display:none
}
.htmleaf-icon:before {
	margin:0 5px;
	text-transform:none;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	font-family:icomoon;
	line-height:1;
	speak:none;
	-webkit-font-smoothing:antialiased
}
.htmleaf-footer {
	width:100%;
	padding-top:10px
}
.htmleaf-small {
	font-size:.8em
}
.center {
	text-align:center
}
.related {
	color:#fff;
	background:#333;
	text-align:center;
	font-size:1.25em;
	padding:.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:segoe ui,lucida grande,Helvetica,Arial,microsoft yahei,FreeSans,Arimo,droid sans,wenquanyi micro hei,hiragino sans gb,hiragino sans gb w3,fontawesome,sans-serif
}
.related a {
	display:inline-block;
	text-align:left;
	margin:20px auto;
	padding:10px 20px;
	opacity:.8;
	-webkit-transition:opacity .3s;
	transition:opacity .3s;
	-webkit-backface-visibility:hidden
}
.related a:hover,.related a:active {
	opacity:1
}
.related a img {
	max-width:100%;
	opacity:.8;
	border-radius:4px
}
.related a:hover img,.related a:active img {
	opacity:1
}
.related h3 {
	font-family:microsoft yahei,sans-serif
}
.related a h3 {
	font-weight:300;
	margin-top:.15em;
	color:#fff
}
.icon-htmleaf-home-outline:before {
	content:"\e5000"
}
.icon-htmleaf-arrow-forward-outline:before {
	content:"\e5001"
}
@media screen and (max-width:50em) {
	.htmleaf-header {
	padding:3em 10% 4em
}
.htmleaf-header h1 {
	font-size:2em
}
}@media screen and (max-width:40em) {
	.htmleaf-header h1 {
	font-size:1.5em
}
}@media screen and (max-width:30em) {
	.htmleaf-header h1 {
	font-size:1.2em
}
}



/*!
Title:TITLE
Author:Nick Salloum
Author URI:http://callmenick.com/
Description:My theme
Version:0.1.0
*/a,article,aside,body,div,em,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,html,img,li,nav,ol,p,section,small,span,strong,ul {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline
}
article,aside,figcaption,figure,footer,header,main,nav,section {
	display:block
}
ol,ul {
	list-style:none;
	margin:0;
	padding:0
}
button {
	margin:0;
	padding:0;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	background:0 0;
	border:none;
	border-radius:none;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:0;
	cursor:pointer
}
*,::after,::before {
	box-sizing:border-box
}
.clearfix::after {
	content:"";
	display:table;
	clear:both
}
body {
	color:#727272;
	background-color:#fff;
	font-family:Roboto,sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:1.6
}
body.mm-menu-open {
	overflow:hidden
}

.header {
	padding:24px 0;
	text-align:center
}
.header__title {
	margin:0
}
.mm-menu__header {
	position:relative;
	width:100%;
	height:188px;
	background-color:#CDDC39
}
.mm-menu__title {
	position:absolute;
	bottom:12px;
	left:12px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:22px
}
.mm-menu__items {
	list-style:none;
	margin:0;
	padding:0
}
.mm-menu__item {
	display:block;
	width:100%;
	opacity:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.mm-menu__item.in-view {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.mm-menu__item.item-1 {
	-webkit-transition:opacity .5s .1s,-webkit-transform .5s .1s;
	transition:opacity .5s .1s,transform .5s .1s
}
.mm-menu__item.item-2 {
	-webkit-transition:opacity .5s .2s,-webkit-transform .5s .2s;
	transition:opacity .5s .2s,transform .5s .2s
}
.mm-menu__item.item-3 {
	-webkit-transition:opacity .5s .3s,-webkit-transform .5s .3s;
	transition:opacity .5s .3s,transform .5s .3s
}
.mm-menu__item.item-4 {
	-webkit-transition:opacity .5s .4s,-webkit-transform .5s .4s;
	transition:opacity .5s .4s,transform .5s .4s
}
.mm-menu__item.item-5 {
	-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;
	transition:opacity .5s .5s,transform .5s .5s
}
.mm-menu__item.item-6 {
	-webkit-transition:opacity .5s .6s,-webkit-transform .5s .6s;
	transition:opacity .5s .6s,transform .5s .6s
}
.mm-menu__item.item-7 {
	-webkit-transition:opacity .5s .7s,-webkit-transform .5s .7s;
	transition:opacity .5s .7s,transform .5s .7s
}
.mm-menu__item.item-8 {
	-webkit-transition:opacity .5s .8s,-webkit-transform .5s .8s;
	transition:opacity .5s .8s,transform .5s .8s
}
.mm-menu__item.item-9 {
	-webkit-transition:opacity .5s .9s,-webkit-transform .5s .9s;
	transition:opacity .5s .9s,transform .5s .9s
}
.mm-menu__item.item-10 {
	-webkit-transition:opacity .5s 1s,-webkit-transform .5s 1s;
	transition:opacity .5s 1s,transform .5s 1s
}
.mm-menu__item.item-11 {
	-webkit-transition:opacity .5s 1.1s,-webkit-transform .5s 1.1s;
	transition:opacity .5s 1.1s,transform .5s 1.1s
}
.mm-menu__item.item-12 {
	-webkit-transition:opacity .5s 1.2s,-webkit-transform .5s 1.2s;
	transition:opacity .5s 1.2s,transform .5s 1.2s
}
.mm-menu__item.item-13 {
	-webkit-transition:opacity .5s 1.3s,-webkit-transform .5s 1.3s;
	transition:opacity .5s 1.3s,transform .5s 1.3s
}
.mm-menu__item.item-14 {
	-webkit-transition:opacity .5s 1.4s,-webkit-transform .5s 1.4s;
	transition:opacity .5s 1.4s,transform .5s 1.4s
}
.mm-menu__item.item-15 {
	-webkit-transition:opacity .5s 1.5s,-webkit-transform .5s 1.5s;
	transition:opacity .5s 1.5s,transform .5s 1.5s
}
.mm-menu__item.item-16 {
	-webkit-transition:opacity .5s 1.6s,-webkit-transform .5s 1.6s;
	transition:opacity .5s 1.6s,transform .5s 1.6s
}
.mm-menu__item.item-17 {
	-webkit-transition:opacity .5s 1.7s,-webkit-transform .5s 1.7s;
	transition:opacity .5s 1.7s,transform .5s 1.7s
}
.mm-menu__item.item-18 {
	-webkit-transition:opacity .5s 1.8s,-webkit-transform .5s 1.8s;
	transition:opacity .5s 1.8s,transform .5s 1.8s
}
.mm-menu__item.item-19 {
	-webkit-transition:opacity .5s 1.9s,-webkit-transform .5s 1.9s;
	transition:opacity .5s 1.9s,transform .5s 1.9s
}
.mm-menu__item.item-20 {
	-webkit-transition:opacity .5s 2s,-webkit-transform .5s 2s;
	transition:opacity .5s 2s,transform .5s 2s
}
.mm-menu__link {
	display:block;
	position:relative;
	overflow:hidden;
	margin:4px 0;
	padding:12px;
	color:#727272;
	font-size:16px;
	text-decoration:none;
	-webkit-transition:background .5s,color .5s;
	transition:background .5s,color .5s
}
.mm-menu__link-text {
	position:relative;
	z-index:2
}
.mm-menu__link--touch-effect {
	display:block;
	position:absolute;
	z-index:1;
	width:0;
	height:0;
	border-radius:100%;
	background-color:#B6B6B6;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.mm-menu__link--touch-effect.animating {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s
}
.mm-menu-mask {
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:8;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .5s,visibility .5s;
	transition:opacity .5s,visibility .5s
}
.mm-menu-mask.active {
	visibility:visible;
	opacity:1
}

.md {
	line-height:inherit;
	vertical-align:bottom
}
.md-lg {
	font-size:1.5em;
	line-height:.5em;
	vertical-align:-35%
}
.md-2x {
	font-size:2em
}
.md-3x {
	font-size:3em
}
.md-4x {
	font-size:4em
}
.md-5x {
	font-size:5em
}
.md-border {
	padding:.2em .25em .15em;
	border:.08em solid grey;
	border-radius:.1em
}
.md-border-circle {
	padding:.2em .25em .15em;
	border:.08em solid grey;
	border-radius:50%
}

.md-spin {
	-webkit-animation:md-spin 1.5s infinite linear;
	animation:md-spin 1.5s infinite linear
}
.md-spin-reverse {
	-webkit-animation:md-spin-reverse 1.5s infinite linear;
	animation:md-spin-reverse 1.5s infinite linear
}
@-webkit-keyframes md-spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}@keyframes md-spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}@-webkit-keyframes md-spin-reverse {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(-359deg);
	transform:rotate(-359deg)
}
}@keyframes md-spin-reverse {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(-359deg);
	transform:rotate(-359deg)
}
}.md-rotate-90 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.md-rotate-180 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.md-rotate-270 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}
.md-flip-horizontal {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
	-webkit-transform:scale(-1,1);
	-ms-transform:scale(-1,1);
	transform:scale(-1,1)
}
.md-flip-vertical {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
	-webkit-transform:scale(1,-1);
	-ms-transform:scale(1,-1);
	transform:scale(1,-1)
}
:root .md-flip-horizontal,:root .md-flip-vertical,:root .md-rotate-180,:root .md-rotate-270,:root .md-rotate-90 {
	-webkit-filter:none;
	filter:none
}
#fusionads {
	display:none;
	position:fixed;
	top:12px;
	right:12px;
	z-index:5;
	padding:12px;
	background:rgba(255,255,255,.95);
	font-size:12px;
	line-height:1.2;
	box-shadow:-2px 2px 4px rgba(0,0,0,.1)
}
#fusionads .fusion-wrap {
	display:block;
	margin:0 auto 10px;
	width:130px
}
#fusionads a.fusion-text {
	display:block;
	color:#727272;
	text-decoration:none
}
#fusionads a.fusion-img {
	display:block;
	margin-bottom:10px;
	width:130px;
	height:100px;
	background-color:#fff
}
#fusionads a.fusion-img img {
	display:block;
	margin:0 0 12px
}
#fusionads a.fusion-poweredby {
	color:#CDDC39;
	text-decoration:none
}
@media all and (min-width:600px) {
	#fusionads {
	display:block
}
}