/* common */
html{height: 100%;}
body{margin: 0;padding: 0;font-size: 14px;/*font-family: "Arial","Microsoft YaHei";*/font-family:Arial, Helvetica, sans-serif;min-width: 320px;background-color:#fff;color:#333;}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,img,small,ol,ul,li,label{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;box-sizing:border-box;}
i{ font-style: normal; }
select, input, textarea{font-family: "arial","Microsoft YaHei";color:#333;font-size:14px;}
ul, dl, dd,dt,ol{margin: 0;padding: 0;list-style: none;}
img{max-width: 100%;border: none;font-size:0;outline-width:0px;vertical-align:top;}
table{border-collapse: collapse;border-spacing: 0;}

.bg_ff{background-color:#fff;}
.bg_f7{background-color:#f7f7f7;}
.red{color:#f88a13;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb65{margin-bottom:62px;}
.pt30{padding-top:30px;}
.pb50{padding-bottom: 50px;}
.f14{font-size:14px;}

@media screen and (max-width:768px){
    .pt30{padding-top:0;}
    .mt30{margin-top:0;}
    .mb30{margin-bottom:0px;}
    .mb65{margin-bottom:0;}
    .header{padding-top:50px;}
}

/* header */
.dropdown-menu{box-shadow: none;border:0 none;}
.navbar-fixed-top{position:relative;}
@media screen and (min-width:768px){
    .navbar-header{ margin-bottom: 10px; }
    nav .container-fluid{padding:0px 40px 0 100px; background-color: #FFF; }
    .navbar-brand{padding:0;}
    .navbar-default .navbar-nav>li>a{font-weight: 700;color:#666;}
    .navbar-default .navbar-nav>li>a:hover{color:#333;}
    .dropdown-menu{background-color:#000; width: 190px;}
    .dropdown-menu>li>a{color:#999; padding: 6px 15px; font-size: 13px; white-space: initial;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#fff;background-color:#000;}
    .navbar-default{background-color:#fff;border-color:transparent;}
    .navbar-default .navbar-nav>.open>a:hover{background-color:#fff;}
    .navbar{margin-bottom:0;}
    .pb20{padding-bottom:20px;}
    .pt20{padding-top:20px;}


    .header .head_email{border-left:1px solid #ccc;height:40px;display:block;padding-top:10px;padding-left:40px;margin-left:20px;margin-top:5px;}
    .header .head_email a{ border: 2px solid #126aa6; padding: 8px 25px; }
    .header .head_email a b{color:#126aa6; }
    .header .head_email a:hover{ text-decoration: none; }
}




/* footer */
.foot{background-color:#000;padding:45px 0;}
.foot dl{ margin-bottom: 20px; }
.foot dt{margin-bottom:10px;}
.foot dt a{color:#fff;}
.foot dd a{color:#999;font-size: 12px; line-height: 22px;}
.foot dd a:hover{color:#fff;}
.foot a:hover{text-decoration: none;}
.index_btn{border: 2px #fff solid;display: inline-block; color: #fff;line-height: 30px;text-align: center;width: 145px;opacity:0.5; margin-top: 20px;}
.index_btn:hover{opacity:1;color:#fff;} 
.footer_us{ border-bottom: 1px solid #999; padding-bottom: 15px; margin-bottom: 15px; }
.footer_email dd{ color: #999; }
.footer_email dd a{ color: #fff; font-weight: bold; }

@media screen and (max-width:768px){
    nav .container-fluid{padding:0px 10px; background-color: #FFF;}
    .navbar-brand{width:70%;}
    .logo{width:60%;}
    .navbar{position:absolute;top:0;left:0;}

    .header .head_email{ display: none; }
    

    /* footer */
    .footer_email{ padding-bottom: 20px; }
    .footer_us{ width: 100%; text-align: center; }
    .footer_email dd{ text-align: center; width: 50%; float: left; }



}