@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;padding: 0;}
html {overflow-y: scroll;}
html, body {font-size: 14px;font-family: Arial,"Microsoft YaHei", sans-serif;, sans-serif;color: #2d373c;background: #fff;
}
iframe {
    background-image: none; border: none;
}
a {color: #2d373c;text-decoration: none;}
a:hover {color: #1474a4;}
img {border: 0 none;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.box {width: 1200px;height: auto;margin: 0 auto;}
/*header*/
/*logo*/
.logo{display: block;}
.head_tel{padding-left:32px; background: url(../images/headertel.png) top 5px left no-repeat; width: 270px; color: #2d373c; font-size: 16px;}
.head_tel span{display: inline-table;}
.head_tel span:last-child{ font-weight: bold; font-size: 18px;}
/*menu*/
.navbar{background: url(../images/navbg.jpg) bottom center repeat-x #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9;}
.navbar-nav li{text-align: center; font-size: 16px;background: url(../images/menuline.png) center right no-repeat ; z-index: 999;}
.navbar-nav>li:last-child{background: none;}
.navbar-nav li:hover .navmenu{display: block;}
.navbar-nav li>a{color: #2d373c;}
.navbar-nav li:hover>a{color:#1474a4; border-bottom: 2px #1474a4 solid;}

.navmenu{background:none;padding:0px; display: none;}
.navmenu a{display: block; overflow: hidden; color: #daf1f7;background: url(../images/nav.png) right 15px center no-repeat;text-align: left;height: 40px; line-height: 40px; border-bottom: 1px #808080 solid;}
.navmenu a:hover{ color: #fff; border-bottom: 1px #fff solid;background: url(../images/navfff.png) right 15px center no-repeat;}

.float_bg{background: rgba(45,55,60,0.7); width: 100%;  position: absolute; left: 0px;z-index: 99;}
@media (min-width: 1200px){
    .swiper-containerbanner,.mbanner{margin-top:125px;}
    .navbar{padding-top:90px;}
    .navbar .logo{ margin-left: -585px; top:13px;}
    .navbar .head_tel{margin-right: -585px; top:78px;}

    
} 

@media (min-width: 991px) and (max-width: 1200px){
    .swiper-containerbanner,.mbanner{margin-top:120px;}
    .navbar{padding-top:85px;}
    .navbar .logo{ margin-left: -485px; top:10px; height: 55px;}
    .navbar .head_tel{margin-right: -485px; top:13px;}
}

@media (min-width: 768px) and (max-width: 991px){
    .swiper-containerbanner,.mbanner{margin-top:120px;}
    .navbar{padding-top:85px;}
    .navbar .logo{ margin-left: -360px; top:8px; height: 50px;}
    .navbar .head_tel{margin-right: -360px; top:10px;}
    
}

@media (max-width: 768px) {
    .swiper-containerbanner,.mbanner{margin-top:3.5em;}
    .navbar{background: none; height: 3.5em;}
    .head_tel{display: none;}
    .navbar .logo{position: absolute; left: 2%; max-width: 78%; max-height: 80%; top:13%;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 3.5em; height: 100%;  z-index: 10;  background: rgba(0,0,0,0.5);   width: 50%;}
    .navbar-collapse li{background: none; line-height: 3em;}
    .navbar-collapse li:first-child img{display: none;}
    .navbar-nav li>a{color: #fff;}
    .navmenu{    padding: 0px 35%;}

    .float_bg{display: none;}
}
@media (min-width: 768px){
    .navbar .logo{position: absolute; left: 50%;}
    .navbar .head_tel{position: absolute; right: 50%;}
    .navbar-nav li{ position: relative; height:35px; line-height: 35px; margin:0px 21px; }
    .navbar-nav li>a{height: 35px; border-bottom: 2px #fff solid;}
    .navmenu{width: 190px; position: absolute; left:0; z-index: 5;}
    .navbar-collapse li:first-child span{display: none;}

    .float_bg{height:230px; top:125px; display: none;}
}
.footer{background:#ebf0f5;color:#767676;text-align: center; font-size: 14px;}
.footer a{color:#767676;}
.footer a:hover{color:#1474a4 ; }

.footbot{border-top:1px #c5cbd0 solid;color: #1474a4;text-align: center;}
.footbot a{color: #1474a4;}
.footphone span{ background: url(../images/ind_phone.png) left center no-repeat;}
.footer .link a{color: #2d3c3d;}
.footer .link{color: #2d3c3d; font-size: 16px; font-weight: bold;}
@media (min-width: 1200px){
    .footer{}
    .footop{padding:20px 0px; line-height: 30px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .footop{padding:15px 0px; line-height: 28px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footop{padding:12px 0px; line-height: 26px;}
}
@media (min-width: 768px){
    .footbot{line-height: 42px;}
    .footcontact{width: 31%; float: left; text-align: left; padding:17px 0px;}
    .footphone{width: 48%;float: left; border-left: 1px #c5cbd0 solid; border-right: 1px #c5cbd0 solid; padding:17px 0px;}
    .footphone span{font-size: 20px; font-weight: bold; color: #1474a4; padding:17px 0px; padding-left: 30px;}
    .footerweima{width:20%;float: right; padding:17px 0px;}
    .footerweima img{ width: 80px;}
}
@media (max-width: 768px){
    .footer{padding:1em 2% 0px; font-size: 1em; line-height: 2;}
    .footbot{line-height: 1.5; padding:0.5em 0px;}
    .footcontact{ text-align: left;}
    .footphone .link{display: none;}
    .footphone{ padding:1em 0px 0px;}
    .footphone span{font-size: 1.2em; font-weight: bold; color: #1474a4; padding-left: 30px;}
    .footerweima{ padding:1em 0px;}
    .footerweima img{ width: 80px;}
}