/*初始化*/
body{color: #666;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #333;}
a:hover{color: #268cc1;}
input[type="button"],input[type="submit"],button{
    -webkit-appearance: none;
}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;outline:none;}
img{max-width: 100%;}
a img{-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
a:hover img{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

/*布局*/
.wp{ width:1200px; margin:0 auto;}


/*头部*/
#hd{position: relative;background-color: #1d90cc;overflow: hidden;}
#hd.hd-bg{
    background:#e24737;
}
#hd .logo{padding: 20px 0 0 0;float: left;}
#hd .nav{float: right;margin-top: 15px;margin-right: 50px;}
#hd .nav li{float: left;height: 75px;line-height: 75px;padding: 0 15px;position: relative;margin-left: 20px;}
#hd .nav li a{color: #fff;font-size: 14px;display: block;}
#hd .nav li span{position: absolute;left:0;bottom:0;width: 0;height:2px;background-color: #fff;-o-transition:.3s ease-in-out;
-ms-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out;}
#hd .nav li:hover span,#hd .nav li.active span{width: 100%;}
#hd .lag a{display: block; position: absolute;right: 70px;top: 34px;color: #fff;font-size: 14px;border: 1px solid #ffffff;height: 40px;line-height: 40px;width: 100px;text-align: center;border-radius: 20px;}
#hd .lag a:hover{background-color: #fff;color:#268cc1; }
#hd.index-hd{position: fixed;left:0;top:0;width: 100%;z-index: 99;background: none;}
#hd.black-hd *{color: #268cc1 !important;}
#hd.black-hd .lag a{border: 1px solid #268cc1 !important;}
#hd.black-hd .lag a:hover{border: 1px solid #268cc1 !important;background-color:#268cc1;color: #fff !important; }
#hd.black-hd .nav li span{background-color: #268cc1;}
.logo-b{display: none;}
#hd.black-hd .logo-w{display: none;}
#hd.black-hd .logo-b{display: block;}

#m-hd{height:80px;background-color: rgba(255,255,255,0.8);position: fixed;left:0;top:0;width: 100%;z-index: 99;display: none;}
#m-hd .logo{float: left;line-height: 80px;padding-left: 20px;}
#m-hd .logo img{vertical-align: middle;}
#m-hd .menu-btn{float: right;line-height: 80px;padding-right: 20px;}
#m-hd .menu-btn>a{display: inline-block;width: 29px;height: 25px;vertical-align: middle;background: url(../images/menu.png) no-repeat left top;}
#m-hd .menu-btn ul{position: absolute;left:0;top:81px;width: 100%;display: none;}
#m-hd .menu-btn ul li{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: rgba(255,255,255,0.8);margin-bottom: 1px;font-size: 16px;}
#m-hd .menu-btn ul li a{color: #268cc1;}
#m-hd .lag{position: absolute;right:62px;top:32px;color: #353535;font-size: 14px;}
#m-hd .lag a{color: #353535;display: inline-block;margin: 0 3px;}
#m-hd .lag a:hover{text-decoration: underline;}
/*底部*/
#fd{text-align: center;background-color: #16232b;padding: 24px 0 15px 0;}
.index-fd{position: absolute;left:0;bottom:0;width: 100%;z-index: 5;}
#fd p{font-size: 14px;color: #fff;line-height: 1.4em;}
#fd p a{color: #fff;}
#fd p a:hover{text-decoration: underline;}
.fd-main{display: inline-block;*display: inline;zoom:1;}
.fdl{float: left;}
.fdl img{margin-right: 10px;}
.fdr{float: left;text-align: left;padding-left: 45px;}

#bd{padding-bottom: 50px;}