@charset "utf-8";
/* CSS Document */
body, div, p, ul, li,  input, button,table,th,tr,td,article,section  {margin:0; padding:0;font-family:"Microsoft YaHei"; text-align:left;  font-size:14px;color: #333;}
body{background:#f8f8f8;}
h1, h2, h3, h4,h5,a{ margin:0; padding:0; text-decoration:none; font-weight: normal;}
ol, ul ,li{list-style: none;}
em{font-style: normal;}
strong{font-weight: normal;}
img{border: 0; vertical-align:middle;}
a{ color:#3F3F3F;}
a:hover{ color:#2D7EC6; text-decoration:none;}
.clear{clear:both;}
p{line-height: 24px;}

/*顶部导航*/
.headertop{ background:#2D7EC6; display: block; height: 30px;  overflow: hidden;}
.headertop li{ display:block; float: left;}
.headertop li a{ color: #fff; font-size: 12px; padding: 0 10px; line-height: 30px; display:block; float: left; }
.headertop li a:hover{ background:#146aa3;color: #fff; }
.con{ margin:auto;width: 1190px;}
header{height: 70px; background: #fff; border-bottom: 1px solid #f1f1f1;}
header .logo{ width: 195px; height: 44px; display: block; float: left; margin: 13px 50px 0 0;}
header .logo a{ width: 195px; height: 44px; background: url("../images/custom.png") 0 0; display: block; }
header ul{ width:620px;height: 70px; overflow: hidden; display:block; float: left; line-height: 70px;}
header ul li{display: block; float: left; color: #ff9000; padding-right: 30px; white-space: nowrap;}
header .header-search { width: 300px; display: block;float: right; margin-top: 15px;}
header .header-search .topLayerTxt {margin: 0 !important; float: left}
header .header-search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search_btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 250px; *width: 210px;   height: 40px; *height:38px; line-height: 40px;   border: 1px solid #ddd;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .data_search:focus {  border: 1px solid #fdb800; border-right: 0}
header .search_btn {  width: 46px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #fdb800;  cursor: pointer; _background: #fdb800;   background: #fdb800 url(../images/custom.png) -102px -42px;  position: relative;  outline: 0}
header .search_btn:hover {  background: #ff9000 url(../images/custom.png) -102px -42px;    border: 1px solid #ff9000}
nav {padding: 25px 0; height: 62px; overflow: hidden;}
nav span{ width: 66px; height: 62px; display: block; background: url("/images/custom.png") -200px 0; margin-right: 34px; float: left;}
nav ul{width: 200px; height: 60px; overflow: hidden; padding-right: 18px; display: block; float: left;}
nav ul strong{ width: 26px; height: 55px; padding-top: 5px; font-size: 18px; color: #fff; background: #2D7EC6; display: block; float: left; overflow: hidden; text-align: center;line-height: 24px; font-weight: normal; }
nav ul strong:hover{background: #333; color: #fff;}
nav ul li{display: block; float: left; white-space:nowrap;padding-left: 12px; line-height: 30px;}
nav ul li a:hover{ color: #2D7EC6;}
nav .ul2 li a:hover{ color: #00beb2;}
nav .ul3 li a:hover{ color: #db7364;}
nav .ul4 li a:hover{ color: #6ac3e3;}
nav .ul5 li a:hover{ color: #fdb800;}
nav ul .strong2{background: #00beb2;}
nav ul .strong3{background: #db7364;}
nav ul .strong4{background: #6ac3e3;}
nav ul .strong5{background: #fdb800;}

/*页脚*/
footer{background: #222222; margin-top: 40px;}
footer .article{padding: 30px 0;}
footer .article h3{font-size: 16px; color: #fff; padding-bottom: 10px;}
footer .article a{ width: 13.2%; height: 30px; padding-right: 10px;  float: left; overflow: hidden;  line-height: 30px;color: #9e9e9e; display: block;}
footer .article a:hover{color: #ff9000;}
footer .btm{ border-top:1px solid #2d2d2d; color: #777; line-height:50px; text-align: center; font-size: 12px; }


@media(max-width: 1199px) {
    .con{ width:990px;}
    header ul{ width:480px;}
    header .header-search { width: 250px;}
    header .data_search { width: 200px;}
    header .data-search:focus {  border: 1px solid #ccc; border-right: 0}
    header .search-btn {  width: 46px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #ccc;  cursor: pointer; _background: #ccc;   background: #ccc url(../images/custom.png) -102px -42px;  position: relative;  outline: 0}
    header .search-btn:hover {  background: #333 url(../images/custom.png) -102px -42px;    border: 1px solid #333}
    nav ul{width: 160px; height: 55px; padding-top: 5px;}
    nav ul strong{ width: 24px; height: 50px; font-size: 16px;line-height: 22px; }
    nav ul li{line-height: 27px;}
    footer .link_left{ width: 780px;}
    footer .link_left a{ width: 130px;}
    footer .link_right{ width: 210px;}
}
@media (min-width: 1200px) {
    .con{ width:1190px;}
}
.white {color:white}
.white:hover{color:white}

/*返回顶部*/
.BackTop{ height:60px;position:fixed; display:block;z-index:9998;height:60px;right:30px;bottom:53px;background:none;}
.BackTop span{width: 30px; height: 16px;background:url(http://www.meishitupian.cn/healthdiet/lib/bushen/images/custom.png) -170px -320px;display:block; margin: 22px 15px; }
.BackTop a{width: 60px;  height:60px;  background: #999;display:block;border: 1px solid #999;}
.BackTop a:hover{ background:#444;border: 1px solid #444;}

.error{height:100px;margin:0px auto;text-align:center;margin-top:10px;}