html {font-size: 62.5%;
    /*10 ÷ 16 × 100% = 62.5%*/
}
body{ font-family:microsoft yahei; margin:0; padding:0; 
	font-size:1.6rem;
	/*1.4 × 10px = 14px */ }
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p,a{margin:0; padding:0; border:none; list-style-type:none; text-decoration:none;}
a:link{ color:#666}
a:visited{ color:#666;}
a:hover{ color:#ff6a00; text-decoration:none;}
.navbar{ margin-bottom:0; }
.container img{ max-width:100%; height:auto;}

.yahei{ font-family:microsoft yahei;}
.transition{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* =====================================================
				          首页
========================================================*/



/* 本例子css */
.slideBox{ width:100%; overflow:hidden; }

.slideBox .bd{  height:100%; z-index:0;   }
.slideBox .bd li{ float:left; width:100%; }
.slideBox .bd img{ width:100%; display:block;  }


.top{ float:left; width:100%; }
.top img{ float:left; width:100%; }
.top ul{ float:left; width:100%; }
.top ul li{ float:left; width:25%; text-align:center; line-height:2em; }
.top ul li a{ color:#ad0000; font-family:microsoft yahei; font-size:1.8rem;}

.column-1{ float:left; width:97%; margin-left:1%; border:1px solid #d9dadc; border-radius:.2rem; }
.column-1 h3{ float:left; width:100%; border-bottom:.1rem dashed #d9dadc; text-align:center; color:#111; font-size:1.8rem; font-weight:800; padding:.5rem 0; font-family:microsoft yahei; }
.column-1 img.l{  margin-top:.2rem; width:90%; margin-left:5%;   }
.column-1 span{ float:left; line-height:1.8em; font-size:1.6rem; color:#333; padding:0 1.5rem; }

.column-2{ float:left; width:100%; margin-top:.5rem;  }
.column-2 .slideTxtBox .bd ul{ float:left; width:100%; border-top:1px solid #d9dadc; }
.column-2 .slideTxtBox .hd ul li{ float:left; width:25%; padding:.5rem 0; color:#333; }
.column-2 .slideTxtBox .hd ul li:hover{ background-color:#ad0000; }
.column-2 .slideTxtBox .hd ul li:hover a{ border-color:#ad0000; color:#fff; }
.column-2 .slideTxtBox .hd ul li.on{ background-color:#ad0000;  }
.column-2 .slideTxtBox .hd ul li.on a{ color:#fff; border-color:#ad0000; }
.column-2 .slideTxtBox .hd ul li a{ float:left; width:100%; border-left:.1rem solid #d9dadc; font-size:1.8rem; font-family:microsoft yahei; text-align:center; }
.column-2 .slideTxtBox .hd ul li a:hover{ color:#fff; border-color:#ad0000; }

.column-2 .slideTxtBox{ width:100%; border:none; }

.column-2 .slideTxtBox .bd ul{ float:left; width:100%; }
.column-2 .slideTxtBox .bd ul li{ float:left; width:96%; margin-left:2%; border-top:.1rem dashed #d9dadc; }
.column-2 .slideTxtBox .bd ul li a{ float:left; width:100%; font-size:1.8rem; color:#333; padding:1rem 0; }

.column-3{ float:left; width:100%; }
.column-3 h3{ float:left; width:100%; font-family:microsoft yahei; text-align:center; color:#000; font-size:1.8rem; letter-spacing:.5rem; background-color:#d9dadc; padding:.9rem 0; font-weight:800; }
.column-3 ul{ float:left; width:100%; }
.column-3 ul li{ float:left; width:50%; text-align:center; }
.column-3 ul li img{ float:left; width:90%; margin-left:5%; margin-top:.4rem; }
.column-3 ul li a{ float:left; text-align:center; width:100%; color:#333; font-size:1.6rem; margin-top:1rem;  }

.column-4{ float:left; width:100%; }
.column-4 h3{ float:left; width:100%; font-family:microsoft yahei; text-align:center; color:#000; font-size:1.8rem; letter-spacing:.5rem; background-color:#d9dadc; padding:.9rem 0; font-weight:800; margin-top:1rem; }
.column-4 ul li{ float:left; width:50%; text-align:center; }
.column-4 ul li a{ padding:.2rem 0; float:left; text-align:center; width:100%; color:#333; }
.column-4 img.a{ float:left; width:96%; margin-left:2%; margin-top:1rem; margin-bottom:.5rem; }

.column-5{ float:left; width:100%; }
.column-5 h3{ float:left; margin-top:.5rem; width:100%; border-top:.3rem solid #ad0101; border-bottom:.1rem solid #dadadc; background-color:#f2f2f2; text-align:center; font-size:1.8rem; font-family:microsoft yahei; letter-spacing:.5rem; padding:1rem 0; }
.column-5 ul li{ float:left; width:50%; }
.column-5 ul li img{ float:left; width:93%; margin-left:3%; border:.1rem solid #d9dadc; height:12rem; }
.column-5 ul li a{ float:left; width:100%; text-align:center; color:#333; font-size:1.6rem; padding:.7rem 0; }



/*  ==========================  宝宝起名  ==================================  */
.noname{ float:left; width:100%; }
.noname h3{ float:left; width:100%; text-align:center; font-size:1.6rem; font-weight:400; line-height:3rem; }
.noname span{ float:left; width:96%; margin-left:2%; font-size:1.2rem; line-height:1.8rem; }
.noname span a{ color:#333; float:left; }
.baobao{ float:left; width:100%; }
.baobao ul{ float:left; width:100%; }
.baobao ul li{ float:left; width:100%; }
.baobao ul li a{ float:left; width:90%; margin-left:5%; font-size:1.2rem; color:#333; padding:.3rem 0; }

/*  liebiao  */
.baobao2{ float:left; width:100%; }
.baobao2 ul{ float:left; width:100%; }
.baobao2 ul li{ float:left; width:100%;  }
.baobao2 ul li a{ float:left; width:90%; margin-left:5%; font-size:1.6rem; color:#333; padding:.5rem 0; border-bottom:.1rem dashed #d4d5d7;}


/*  案例  */
.anli{ float:left; width:100%; }
.anli ul{ float:left; width:100%; }
.anli ul li{ float:left; width:50%; }
.anli ul li img{ float:left; width:96%; margin-left:2%; }
.anli ul li a{ float:left; width:100%; font-size:1.2rem; padding:.3rem 0; color:#333; text-align:center; }

/*  article_show  */
.ccc{ float:left; width:100%; line-height:2rem; font-size:1.2rem; }
.ccc img{ float:left; width:90%; margin-left:5%; }
.ccc span{  line-height:2rem; font-size:1.2rem;}

/*  footer  */
.footer ul{ float:left; width:100%; }
.footer ul li.l{ float:left; width:49%; padding-left:1%; text-align:left; font-size:1.6rem; color:#333; font-family:microsoft yahei; line-height:1.8em; }
.footer ul li.r{ float:left; width:49%; padding-right:1%; text-align:right; font-size:1.6rem; color:#333; font-family:microsoft yahei; line-height:1.8em; }
.footer ul li.address{ float:left; width:98%; padding:0 1%; border-bottom:.1rem dashed #efefef; margin:.6rem 0; padding-bottom:.5rem; font-size:1.6rem; line-height:1.8em; }
.footer ul li.banquan{ float:left; width:98%; padding-left:1%; font-size:1.6rem; letter-spacing:.3rem; text-align:center; line-height:1.8em; }
.footer ul li.banquan2{ float:left; width:98%; padding-left:1%; font-size:1.6rem; text-align:center; line-height:1.8em; }
.footer ul li.banquan3{ float:left; width:98%; padding-left:1%; font-size:1.6rem; text-align:center; line-height:1.8em; }
.footer img{ float:left; width:100%; margin-top:.8rem; }
.footer ul{ float:left; width:100%; margin:0; padding:0; }
.footer ul.b{ position:fixed; bottom:0; left:0; }
.footer ul.b li{ float:left; width:25%; background:#ad0000; height:7.5rem; margin:0; padding:0;  }
.footer ul.b li .tiao{ width:0; height:7.5rem; border-left:.1rem #fff dashed; }
.footer ul.b li a{ float:left; width:100%; }
.footer ul.b li a img{ float:left; width:40%; margin-left:30%; }
.footer ul.b li a span{ float:left; width:100%; color:#fff; text-align:center; color:#fff; font-size:1.8rem; text-align:center; } 

/*   底部nav  */
.f_nav{ float:left; width:100%; }
.f_nav ul{ float:left; width:100%; padding:.3rem 0; background-color:#efefef; }
.f_nav ul li{ width:25%; float:left;  }
.f_nav ul li a{ float:left; width:100%; text-align:center; font-size:1.8rem; color:#333; line-height:1.8em; }

/*  分页  */
.page{ float:left; width:100%; text-align:center; margin-top:1.5rem; }
.page a{ font-size:1.2rem; padding:.3rem .8rem; border:.1rem solid #e5e5e5; background-color:#f5f5f5; margin:0 .3rem; }
.page span{ font-size:1.2rem; padding:.3rem .8rem; border:.1rem solid #e5e5e5; background-color:#f5f5f5; margin:0 .3rem; }
.page a:hover{ color:#333; background-color:#fff; }
.page2{ float:left; width:100%; text-align:center; margin-top:1.5rem; margin-bottom:1rem; }
.page2 a.l{ float:left; margin-left:3rem; font-size:1.2rem; padding:.3rem .8rem; border:.1rem solid #e5e5e5; background-color:#f5f5f5;  }
.page2 a.r{ float:right; margin-right:3rem; font-size:1.2rem; padding:.3rem .8rem; border:.1rem solid #e5e5e5; background-color:#f5f5f5; }
/*  列表  */
.liebiao{ float:left; width:100%; }
.liebiao ul{ float:left; width:100%; }
.liebiao ul li{ float:left; width:96%; margin-left:2%; border-top:.1rem dashed #d4d5d7; }
.liebiao ul li a{ float:left; width:100%; font-size:1.8rem; color:#333; line-height:2.0em; }
/*  详情  */
.xiangqing{ float:left; width:96%; padding:0 2%; line-height:1.5em; font-size:2.0rem; color:#444; }
.xiangqing span{ font-size:2.0rem; }
.xiangqing p{ font-size:2.0rem; }

.show_nav{ float:left; width:100%; margin-top:.5rem; }
.show_nav ul{ float:left; width:100%; border-bottom:.1rem solid #aaa;  }

.show_nav ul li{ float:left; width:25%; padding:.5rem 0; color:#333; }
.show_nav ul li:hover{ background-color:#ad0000; }
.show_nav ul li:hover a{ border-color:#ad0000; color:#fff; }
.show_nav ul li.on{ background-color:#ad0000;  }
.show_nav ul li.on a{ color:#fff; border-color:#ad0000; }
.show_nav ul li a{ float:left; width:100%; border-left:.1rem solid #d9dadc; font-size:1.8rem; font-family:microsoft yahei; text-align:center; }
.show_nav ul li a:hover{ color:#fff; border-color:#ad0000; }