

/*头部开始*/
.top{height: 100px;  width: 100%; overflow: hidden; z-index: -2;}
.top .top-inner{ position: relative; overflow: hidden; width: 100%; height: 100px; background-color: rgba(0,0,0,0); z-index: 99;}
.top .top-inner .top_in_nav{ height: 100%;}
.top .top-inner .top_in_nav .top_in_nav_b{height: 52px;padding-top: 46px;}
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l{ height: 55px; float: left;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_1{ width: 204px; margin-right: 48px;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2{ width:628px; position: relative;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 ul li{ float: left; width: 64px; height: 55px; margin-right: 30px; text-align: center;}
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l a{color:#757575; font-size: 18px;  line-height: 38px; }
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l a:hover{color:#222;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 .cur a{color:#555;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 .curBg{ position: absolute;bottom: 6px; left:470px; width: 64px; height:1px; background-color: rgba(33,150,243,0.8);}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_3{ width: 98px; margin-left: 220px;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_3 a{ font-size: 16px; margin-left: 15px;}
/*头部结束*/

/*搜索*/
.warpBj .bar-search{float: right;width: 22%; min-width: 165px; max-width: 315px; height: 30px; margin: 12px 8px 12px 0;position: relative; }
.warpBj .bar-search .form-box{ padding-left: 15px;padding-right: 54px; background: #f1f2f4; border-radius: 33px;}
.warpBj .bar-search .form-box .search-query{ z-index: 2; color: #757575; width: 100%;height: 30px; background: 0 0; border: 0; outline: 0; line-height: 29px!important; position: relative; font-size: 12px;}
.warpBj .bar-search .form-box .input-clear{ display: none; position: absolute; width: 15px; height: 15px; background: url("../images/input-clear.png"); right: 32px;top: 7px;color: #c1c2c3;cursor: pointer;}
.warpBj .bar-search .form-box .search-button{ display: block;width: 15px;height: 15px; border: 0; position: absolute; top: 6px; font-size: 14px; outline: 0; cursor: pointer; right: 13px;}
.warpBj .bar-search .form-box .search-button .icon-search{ display: block; width: 100%; height: 100%; background: url("../images/icon-search1.png")}
.warpBj .bar-search .form-box .search-button:hover .icon-search{ background: url("../images/icon-search2.png")}
.warpBj .bar-search .form-box .input-placeholder{ position: absolute; top: 6px;left: 15px;color: #929292; z-index: 1; font-size: 12px;}

/*导航标签*/
      .main{ padding: 60px 0 100px 0;}
      .main .nav{border-bottom: 2px solid #f1f1f1; position: relative;}
      .main .nav ul li{ float: left; width: 146px; margin-right: 20px; text-align: center;}
      .main .nav ul li a{ font-size: 16px; color: #ccc; line-height: 47px;}
.main .nav ul li.cur a{ color:#666;}
.main .nav ul li a:hover{ color: #757575;}
.main .nav .curBg{ position: absolute; left: 0; bottom: 0; height: 1px; width: 146px; background-color: #323846;}

.main-body{ padding: 30px 0 30px 0;}

.left-nav{ float: left; width: 144px; padding: 0 50px 0 0;overflow: hidden;}
.left-nav ul li{ padding: 10px; text-align: center;}
.left-nav ul li a{ width: 100%; display: block; line-height: 24px; font-size: 14px; color:#757575;  text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.left-nav ul li a:hover{ color:#2196f3; overflow: inherit}

.right-nav{float: left; width: 996px; padding: 8px 0 0 0;}
.right-nav .m-title{ line-height: 30px;}
.right-nav .m-body{background-color: #f9f9f9;  padding: 10px;}
.right-nav .m-body dl dt a{ color:#999; line-height: 28px;}
.right-nav .m-body dl dt a:hover{ color:#2196f3; text-decoration: underline;}


/*底部*/
.warp .footer{}
.warp .footer .footer-hd{height: 40px; background-color: #202228;}
.warp .footer .footer-hd h1{color:#eee;}
.warp .footer .footer-hd h1 a{color:#b0bcd0; line-height: 40px; margin-right: 10px;}
.warp .footer .footer-hd h1 a:hover{color:#fff;}
.warp .footer .footer-bd{ text-align: center; background-color: #2e3238; color:#b0bcd0; padding: 0 0 50px 0; }
.warp .footer .footer-bd .footer-bd-t ul{width: 350px; height: 30px; margin: 0 auto; padding: 50px 0 5px 0;}
.warp .footer .footer-bd .footer-bd-t ul li{ float: left;}
.warp .footer .footer-bd .footer-bd-t ul li a{color:#b0bcd0; margin-right: 10px; line-height: 30px;}
.warp .footer .footer-bd .footer-bd-t ul li a:hover{color:#fff;}
.warp .footer .footer-bd p{line-height: 25px;font-size: 12px; text-align: center; }
.warp .footer .footer-bd p img{vertical-align: middle; margin-right: 5px; text-align: center;display: inline-block;}