body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #666;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #666;text-decoration: none;}
a:hover {color: #a40000;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
i,em{font-style: normal;}
input, textarea, select {outline: none;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
.f2f2f2{background: #f2f2f2;}
.middle{display: table-cell;    vertical-align: middle;}
.clear{clear: both;}

@font-face{
    font-family: 'Gats'; 
    src:url('../fonts/Gats.eot');
    src:url('../fonts/Gats.woff') format('woff'),
        url('../fonts/Gats.ttf') format('truetype'),
        url('../fonts/Gats.svg') format('svg');
}

@font-face{
    font-family: 'pangmenzhengdao3'; 
    src:url('../fonts/pangmenzhengdao3.eot');
    src:url('../fonts/pangmenzhengdao3.woff') format('woff'),
        url('../fonts/pangmenzhengdao3.ttf') format('truetype'),
        url('../fonts/pangmenzhengdao3.svg') format('svg');
}




/*menu*/
.top{color: #fff; background: #000000; line-height: 2;}
.top span{display: inline-table; padding-left: 22px;}
.top .left{float: left;}
.top .right{float: right; }
.top .right a{display: inline-table; margin-left: 12px;}



.navbar .logo img{max-height: 100%;}
.navbar{position: fixed; top: 0px; left: 0px; width: 100%;z-index: 999; color: #333; background: rgba(112,0,0,0.8);}

.navbar-nav>li>a{color: #fff;line-height: 2.4; position: relative;}
.navbar-nav>li>a:after{display: none; width: 44px; height: 3px; content: ""; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%,0); background: #ff0002;}
.nav_caidan { width: 210px; z-index: 9; display: none;}
.nav_caidan a{display: block; color: #fff;}
.navbar-nav li:last-child>a{margin-right:0px;}
.nav_caidan a:hover{background: #a40000;}
.navbar-nav li span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}

@media (min-width: 1560px){
    .navbar{}
    .navbar .logo{margin-top: 3px;}
    .navbar .logo img{height: 62px;}
    .navbar-nav li{padding: 15px 0px;}
    .navbar-nav li>a{margin: 0px 30px;}
}
@media (min-width: 1200px) and (max-width: 1559px){
    .navbar{}
    .navbar .logo{margin-top: 0px;}
    .navbar .logo img{height: 62px;}
    .navbar-nav li{padding: 13px 0px;}
    .navbar-nav li>a{margin: 0px 20px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar{}
    .navbar .logo{margin-top: 0px;}
    .navbar .logo img{height: 60px;}
    .navbar-nav li{padding: 12px 0px;}
    .navbar-nav li>a{margin: 0px 8px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .navbar{}
    .navbar .logo{margin-top: 0px;}
    .navbar .logo img{height: 54px;}
    .navbar-nav li{padding: 10px 0px;}
    .navbar-nav li>a{margin: 0px 5px;}
}
@media (max-width: 767px) {
    .top{display: none;}
    .navbar{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; top:0.5em;}
    .navbar .logo img{ height: 2em; margin-top: 0.4em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 50px;  z-index: 10;  background: rgba(112,0,0,0.8); height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid;line-height: 2; padding: 0.3em 0px;}
    .navbar-nav span {display: inline-table; width: 24px;height: 20px; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%;   position: absolute;  right: 2%; top: 18px; transform: translate(0,-50%);}
    .navbar-nav li.act{border-color: #ff0002;}
    .navbar-collapse li a{text-indent: 1em;}
    .nav_caidan{padding: 0.6em 0px;}
    .navbar-collapse li .nav_caidan a{text-indent: 2em;line-height: 2.4;}
}
@media (min-width: 768px){
    .navbar .logo{float: left;}
    .navbar-nav{float: left;}
    .navbar-collapse.collapse{float: right; padding: 0px;}
    .navbar-nav li{ position: relative; text-align: center;}
    .navbar-nav>li>a{ border-radius: 15px;}
    .navbar-nav li span{display: none;}
    .header_right .navbar-collapse{padding: 0px; float: left;}
    .navbar-nav li:hover>a:after,.navbar-nav li.act>a:after{display: block;}
    .navbar-nav li:hover .nav_caidan{display: block;}
    .nav_caidan {position: absolute; left: 50%;top: 100%; transform: translate(-50%,0); background: rgba(0,0,0,0.8);line-height: 3;}
    
    .wap{display: none;}

}





.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alert{background: #fff; position: absolute; left: 50%; top: 50%;}
.search_alert input{float: left;}
.search_alert input.txt{background: #eee; border:0px #eee solid; text-indent: 10px;}
.search_alert input.sub{text-align: center; background:url(../images/shouye_06.png) center center no-repeat #700000; border:1px #700000 solid; color: #fff; text-indent: -999px;}
.search_bg a.close{position: absolute; right: 5%; top: 5%;  display: inline-table; background: url(../images/close.png) center center no-repeat; background-size: 100%; }

@media (min-width: 1560px) {
    .search_alert{margin-left: -360px; margin-top: -37.5px;}
    .search_alert input{height: 75px;}
    .search_alert input.txt{width: 620px; font-size: 20px;}
    .search_alert input.sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1559px){
    .search_alert{margin-left: -310px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 540px; font-size: 20px;}
    .search_alert input.sub{width: 80px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}



.footer{background: #a40000;  color: #fff; line-height: 2;}
.footer a{color: #fff;}

.foot_top{border-bottom: 1px #fff solid; line-height: 2;}

.foot_link a{margin-left: 15px;}


.foot_contact li h3{font-weight: bold;}

.foot_bot{background: #800000; text-align: center; line-height: 2;}


@media (min-width: 1560px){
    .foot_top{padding: 15px 0px;}
    .foot_nav a{margin-right: 50px;}

    .foot_center{padding: 30px 0px;}
    .foot_contact li h3{font-size: 36px;}
}
@media (min-width: 1200px) and (max-width: 1559px){
    .foot_top{padding: 12px 0px;}
    .foot_nav a{margin-right: 40px;}

    .foot_center{padding: 25px 0px;}
    .foot_contact li h3{font-size: 32px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_top{padding: 10px 0px;}
    .foot_nav a{margin-right: 30px;}

    .foot_center{padding: 20px 0px;}
    .foot_contact li h3{font-size: 28px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_top{padding: 8px 0px;}
    .foot_nav a{margin-right: 10px;}

    .foot_center{padding: 15px 0px;}
    .foot_contact li h3{font-size: 24px;}
}
@media (max-width: 767px) {
    .foot_top{padding: 0.6em 0px;}
    .foot_nav a{margin-right: 1em;}
    .foot_link{text-align: right; margin-top: 1em;}

    .foot_center{padding: 0px 0px 1em;}
    .foot_contact li{margin-top: 1em;}
    .foot_contact li h3{font-size: 28px;}
    .foot_bot{padding: 0.5em 0px;}
}
@media (min-width: 768px){
    .foot_top .container{position: relative;}
    .foot_link{position: absolute;right: 0px; top: 50%; transform: translate(0,-50%);}
    .foot_contact{position: relative;}
    .foot_contact li:nth-child(2){position: absolute; right: 0px; bottom: 0px; text-align: right;}
    .foot_bot{padding: 10px 0px;}
}











@media (min-width: 1560px){
    
}
@media (min-width: 1200px) and (max-width: 1559px){
    
}
@media (min-width: 992px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}