﻿/*????*/
#top{background-color: #f4f4f7; height: 39px; position:fixed; left:0; top:0; z-index:99999;}
#top .box1{padding: 7px 0 0 0;}
#top .box1 a{display: inline-block; font-size: 12px; color: #36393d;}
#top .box1 a:hover{text-decoration: none; color: #e90103;}
#top .box1 span{display: inline-block; height: 10px; margin: 0 5px; border-right: 1px solid #36393d;}
#top .box2{padding: 8px 0 0 0;}
#top .box2 span{display: block; float: left; font-size: 14px; color: #36393d; padding-left: 23px; background: url(img/ico1.png) no-repeat left center;}
/*nav*/
#nav{height: 79px; position:fixed; left:0; top:39px; background-color: #fff; border-bottom: 2px solid #f4f4f7;  z-index:99999;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
#nav.chose{top: 39px;}
#nav .logo{padding: 15px 0 0 0;}
#nav .main_nav a{display: inline-block; margin: 0 10px; width: 88px; line-height: 79px; text-align: center; font-size: 14px; color: #666; border-bottom: 2px solid #f4f4f7; float: left; position: relative;}
#nav .main_nav a img{position: absolute; right: -35px; top: 15px; z-index: 1333;}
#nav .main_nav a.chose{background-color: #eef8fe; border-bottom: 2px solid #0072dc; color: #0072dc;}
#nav .main_nav a:hover{text-decoration: none; background-color: #eef8fe; border-bottom: 2px solid #0072dc; color: #0072dc;}
#nav .build_nav{width: 100%; height: 98px; background: url(img/white_bg.png); position: absolute; left: 0 ;top: 81px;  z-index: 99999; display: none;}
#nav .build_nav .build_type_list{width: 300px; height: 100%; position: relative;}
#nav .build_nav .build_type_list img{position: absolute; left: 170px; top: 5px; z-index: 1333;}
#nav .build_nav .build_type_list.chose{background: #42b4fd;}
#nav .build_nav .build_type_list .pic{width: 98px; height: 98px; margin: 0 5px;}
#nav .build_nav .build_type_list .pic a{display: block; width: 100%; height: 100%;}
#nav .build_nav .build_type_list .pic a.ico1{background: url(img/build_ico1.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico2{background: url(img/build_ico2.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico3{background: url(img/build_ico3.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico4{background: url(img/build_ico4.png) no-repeat center center;}
#nav .build_nav .build_type_list .ifo{width: 170px; position: relative;}

#nav .build_nav .build_type_list .ifo a:hover{text-decoration: none;}
#nav .build_nav .build_type_list .ifo .a1{display: block; padding: 20px 0 3px 0; font-size: 14px; color: #333; font-weight: bold;}
#nav .build_nav .build_type_list .ifo .a2{display: block; font-size: 12px; color: #808080;}
#nav .build_nav .build_type_list .ifo .a1.chose{color: #fff;}
#nav .build_nav .build_type_list .ifo .a2.chose{color: #fff;}
#nav .build_nav .build_type_list .ifo .a2.chose{color: #fff;}


/*footer*/
.footer{background: #202b30; padding: 20px 0;}
.footer .footer_title{width: 100%; padding: 10px 0; border-bottom: 1px solid #4f5457; position: relative;}
.footer .footer_title p{font-size: 16px; color: #fff;}
.footer .footer_title span{display: block; width: 34px; height: 3px; background: #7f7f7f; position: absolute; left: 0; bottom: -2px;}
.footer .box1{width: 363px;}
.footer .box1 .text{padding: 10px; padding-left: 0; font-size: 13px; line-height: 26px; color: #8e8e8e;}
.footer .box2{width: 200px; margin-left: 90px;}
.footer .box2 .text{padding: 10px; padding-left: 0;}
.footer .box2 .text a{display: inline-block; padding-right: 10px; font-size: 13px; color: #8e8e8e; line-height: 28px;}
.footer .box2 .text a:before{content:"- ";}
.footer .box3{width: 450px; margin-left: 90px;}
.footer .box3 .text{padding: 10px; padding-left: 0;}
.footer .box3 .text p{font-size: 13px; color: #8e8e8e; line-height: 28px;}
.footer .box4{width: 100%;}
.footer .box4 .link{padding: 10px 0 0 0;}
.footer .box4 .link a{display: inline-block; color: #8e8e8e; font-size: 13px; padding: 0 10px;}
.page_bottom{background: #1a2128; text-align: center; padding: 20px 0;}
.page_bottom a{display: inline-block; font-size: 13px; color: #8e8e8e; margin: 0 20px;}
.page_bottom p{display: inline-block; font-size: 13px; color: #8e8e8e; margin: 0 20px;}






