/* 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;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom: 30px;}


@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;}
.mt20{margin-top:20px;}
.navbar-fixed-top{position:relative;}

.top{height: 45px; line-height: 45px; padding: 0 30px; border-bottom: 1px #ccc solid;}
.top span{ color:#d10000;font-size:12px;}
.top span:first-child{ margin-right:40px;}
.top span img{ position:relative; top:15px; width:16px; margin-right:5px;}
.top span a{ color:#d10000; font-weight:bold;transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.top span a:hover{ opacity:1; color:#9e0000;}


/* 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;}
.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: 150px;opacity:0.5;}
.index_btn:hover{opacity:1;color:#fff;}
.index_quo{  border: 2px solid #c4181f; background-color: #c4181f; opacity: 0.7; margin-left: 20px;  }
.index_quo:hover{opacity:1;}
.foot_email{ color: #fff; font-weight: bold; border-top:1px solid #999; padding-top: 10px; width: 80%; }
.foot .foot_email a{ color: #fff;}

@media screen and (min-width:768px){
    nav .container-fluid{padding:0px 30px; 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;}
    .dropdown-menu>li>a{color:#999; padding: 8px 20px;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#fff;background-color:#000;}
    .navbar-default{background-color:#fff;border-color:#ccc;}
    .navbar-default .navbar-nav>.open>a:hover{background-color:#fff;}
    .navbar{margin-bottom:0;}
    .pb20{padding-bottom:20px;}
    .pt20{padding-top:20px;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color: #ffffff; }
}
@media screen and (max-width:768px){
    .top{ padding: 0 10px; }
    nav .container-fluid{padding:0px 10px; background-color: #FFF;}
    .navbar-brand{width:70%; padding: 10px 15px;}
    .logo{width:60%;}
    .navbar{position:absolute;top:45px;left:0;}
    .navbar-default{border-color:#ccc;}
    .navbar-collapse{ background-color: #333; border-color: #999;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #999;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #999;
    background-color: #333; }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #999;}
    .navbar-nav{ margin: 0 -15px; }
    .nav>li{ border-bottom: 1px #999 solid;}
    .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #999;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 360px;}

    .foot_email{ width: 100%; }




}


@media (max-width: 320px){

    .index_quo{ margin-left: 0; margin-top: 20px; }
    
}