/*common*/
body{background-color: #F2F2F2; font-family: STHeiti;}
.panel-default{border-radius: 0px;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:focus{color:#fff;}
a:hover,a:focus{text-decoration:none;}
/*****产å“ä¸å¿ƒ*******/
/*top-nav*/
.top-nav{padding-top: 61px;}
.top-nav .navbar-default{border-radius: 0px; margin-bottom: 0px; border:0px; background-color: #33a1dc;}
.top-nav .navbar-default .navbar-toggle .icon-bar-1{background-color:#fff;}
.top-nav .navbar-default .navbar-toggle:hover{background-color: #33a1dc;}
.top-nav .navbar-default .navbar-toggle{margin-top: 20px;}
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; }
.top-nav .navbar-default .navbar-brand img{width: 140px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 18px; }
.top-nav .navbar-default .navbar-nav .active a{background-color:#33a1dc; }
.top-nav .navbar-default .navbar-nav a:hover{ color:#fff; }
.top-nav .navbar-default .navbar-nav a:focus{ color:#fff; }
/*top-banner */
/*.top-banner{margin-top: 70px;}*/
.top-banner { margin:0;padding:0; }
.top-banner img{width: 100%;}
/*main-aboutCompany*/
.main-aboutCompany{margin-top: 20px; }
.main-aboutCompany .m-about-body{border:0;}
/*èœå•*/
.main-aboutCompany .m-about-body .m-about-left{padding-left: 0px; }
.main-aboutCompany .m-about-body .m-about-left,.main-aboutCompany .m-about-body .m-about-right{margin-top: 20px; min-height: 200px;}
.main-aboutCompany .m-about-body .m-about-left .panel{background-color: #F2F2F2; border:0; box-shadow: none;-webkit-box-shadow:none; border-radius: 0px; margin-bottom: 0px;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body{width: 243px;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-heading{background-image: url(../file/left_top.png); background-repeat: no-repeat; text-align: center; padding-left: 30px;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-heading .panel-title{color:#fff; font-size: 20px;font-weight: bold;left: 20%;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list{width: 200px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:5px solid #33a1dc;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list .active{background-color: #fff; border-right: 5px solid #006896; padding-right: 5px;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list a{border-radius: 0px; display: block; color:#333; text-align: center; background-color: #fff; padding: 10px 15px;border-bottom: 1px solid #ccc;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list .nav-header{position: relative; height: 40px; border-radius: 3px;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list a:hover{background-color: #d4edfb;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list ul li{list-style: none;}
.main-aboutCompany .m-about-body .m-about-left .panel .panel-body .left-list ul li a{border-radius: 0px; color:#333; text-align: center; background-color: #fff;}
/*详细内容*/
.main-aboutCompany .m-about-body .m-about-right{padding-right: 0px;}
.main-aboutCompany .m-about-body .m-about-right .panel-body{padding-left: 30px;padding-right: 30px;min-height: 350px;}
.main-aboutCompany .m-about-body .m-about-right .panel-body .thumbnail{border:0px;}
.main-aboutCompany .m-about-body .m-about-right .panel-body .thumbnail .caption{text-align: center;font-size: 15px; min-height: 60px; background-color: #33a1dc;
color: #fff;}
/*footer*/
.footer{border-radius: 0px;padding:0px; margin:0px; margin-top: 30px;}
/* main-nav-bottom*/
.main-nav-bottom{background-color: #2a82b1; margin:0px;}
.main-nav-bottom .breadcrumb{border-radius: 0px;background-color: #2a82b1; margin-top: 10px;margin-bottom: 10px;padding:8px 5%}
.main-nav-bottom .breadcrumb>li+li:before{content: "\007C"}
.main-nav-bottom .breadcrumb .tel:before{content: " "}
/*footer-b*/
.footer-b{ background-color: #33a1dc;color:#fff; margin:0px;}
.footer-b .panel{ background-color: #33a1dc;color:#fff; border:0px; margin-top: 0px;margin-bottom: 0px;}
.footer-b .panel p{ font-size: 16px; margin-bottom: 10px; }
@media (max-width: 767px) {
.main-aboutCompany .m-about-body .m-about-left,.main-aboutCompany .m-about-body .m-about-right{padding-left: 0;padding-right: 0;}
.m-about-body .column{margin-bottom: 20px;}
.m-news-body .column{margin-bottom: 20px;}
.footer-b .panel p{ font-size: 16px; margin-bottom: 10px; }
}
/*@media (min-width: 768px)*/
@media (min-width: 768px) {
.top-nav .navbar-default .navbar-nav a:hover{border-bottom: 5px solid #fff;color:#FFE443;}
.top-nav .navbar-default .navbar-nav .active a{border-bottom: 5px solid #fff;color:#FFE443; }
/*.top-nav{padding-top: 71px;}
.container { width: 1170px;}
.top-nav .navbar-default .navbar-nav a{ line-height: 15px;padding:10px 15px; font-size: 18px;}*/
}
@media (min-width: 768px) and (max-width: 1366px){
.top-nav{padding-top: 50px;}
@media (max-width: 1365px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-brand img{width: 110px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 30px;}
}
@media (max-width: 1180px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-brand img{width: 110px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 20px;}
}
@media (max-width: 1110px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-brand img{width: 110px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 15px;}
}
@media (max-width: 940px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-brand img{width: 110px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 18px; line-height: 51px;padding:10px 10px;}
}
}
@media (min-width: 1366px) and (max-width: 1920px){
.top-nav{padding-top: 71px;}
.container {width: 1200px;}
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 18px; line-height: 51px;padding:10px 80px;}
@media (max-width: 1820px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 65px;}
}
@media (max-width: 1672px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-brand img{width: 110px;}
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 55px;}
}
@media (max-width: 1532px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 50px;}
}
@media (max-width: 1532px){
.top-nav .navbar-default .navbar-brand{ color: #C8B30D; font-weight: bold; height: 71px; line-height: 41px; }
.top-nav .navbar-default .navbar-nav a{color:#fff;font-weight: bold; font-size: 22px; line-height: 51px;padding:10px 40px;}
}
}