/* CSS Document */
@import "reset.css";
/*globe*/
.top{ background:#2695df; line-height:30px; height:30px; color:#fff;}
.top p a{display:inline-block; margin:0 5px; color:#fff;}
/**/
.navbar-box{ box-shadow: 2px 2px 3px #ccc; z-index:1; border-radius: 0; margin: 0;}
.navbar-header{ padding:25px 15px;}
.navbar-toggle{ background:#2695df; margin: 0; padding:12px;}
.navbar-toggle .icon-bar{ color:#fff; background:#fff;}
.navbar-nav{ padding:25px 15px;}
.navbar-nav > li > a{ padding:10px 25px; font-size:14px;}
.navbar-nav > li > a:hover,.navbar-nav > li.active > a,.navbar-nav > li > a.dropdown-toggle:hover,.nav .open a.dropdown-toggle:focus,.nav .open a.dropdown-toggle,.nav .open a.dropdown-toggle:hover,.navbar-nav > li > a.dropdown-toggle:focus,.navbar-nav > li > a:focus,.dropdown-menu li a:hover{ background:#2695df; color:#fff;}
.navbar-text{ margin-top:25px; line-height:40px; font-size:20px; color:#2695df;}
/**/
.carousel{ padding:0;}
.carousel-control{opacity: .3}
.carousel-control.left,.carousel-control.right{ background:#ec0000; line-height:35px; width: 40px; height:40px; top: 50%; margin-top: -40px;}
/**/
.tel{ margin:15px;}
.bg-black{ height:150px; background:#000; padding:15px; line-height:40px; color:#fff; font-size:22px;}
.bg-blue{ height:150px; background:#2695df; padding:15px; color:#fff;}
.bg-blue p{ font-size:22px; line-height:30px; padding:0 15px;}
.phone{ font-size:24px; padding:15px;}
.phone b{ font-size:30px;}
.blue-btn{ background:url(../images/line.png) no-repeat left center #2695df; text-align:center; padding: 50px;}
.blue-btn a{ border:0; color:#2695df; font-size:18px;}
.blue-btn a:hover{ background:#fff;color:#2695df;}
/**/
.company{padding:15px;}
.about h3{ font-size:30px;}
.about small{ color:#666;}
.about_info{ line-height:30px; padding:20px; font-size:14px;}
.about_more{ display:inline-block;margin:10px auto; padding:10px; width:60px; height:60px; border-radius:30px; background:#005baa; line-height:40px; color:#fff;}
.about_more:hover{ color:#fff;}
.icons-bar{ width:120px; height:120px; background:#2695df; color:#fff; display:inline-block; font-size:40px; border-radius:60px; line-height:120px;}
.caption a.icons-bar:hover{ color:#fff;}
.caption h3{margin:10px; font-size:18px;}
/**/
.product{ padding:20px 0; background:#e8f6ff; overflow:hidden;}
.product-nav{ padding:15px 0;}
.product-nav a{ margin:5px;}
.picList{ width:100%; padding:15px 0;}
.picList li{ _display:inline; overflow:hidden; text-align:center;}
.picList li .pic{ text-align:center;}
.picList li .pic img{ width:100%; display:block;}
.picList li .title{ line-height:24px;}
/**/
.new{ width: 100%; height:auto; padding:20px 0; overflow:hidden; background: -webkit-linear-gradient(left, #005baa 50%, #196bb2 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #005baa 50%, #196bb2 50%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #005baa 50%, #196bb2 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #005baa 50%, #196bb2 50%); /* 标准的语法（必须放在最后） */}
.new h3{ font-size:16px; color:#fff; line-height:30px;}
.new .new_box{ padding:10px 0;}
.new .new_box a.new_tit{ color:#fff; line-height:24px;}
.new .new_box a span{}
.new .new_box p{ line-height:24px; color: #fff;}
.new .new_box a.new_more{ display:inline-block; padding:5px 20px; border: 1px solid #fff; color:#fff;}
.footer{ padding:20px 15px;}
.footer .f_left>img{ display:block; padding:10px;}
.footer .f_center{ text-align:center; line-height:24px;}
.footer .f_center img{ display:block; margin: auto; max-width:120px;}
.footer .f_right h2{ color:#005baa; font-size:24px; line-height:36px;}
.footer .f_right p{ line-height:18px;}
.footer .f_right a{ display:inline-block; padding:10px 20px; background:#005baa; color:#fff; margin-top:10px;}
.fbottom{ line-height:18px;margin-top:30px;}
/**/
.wrapper{ margin:20px auto;}
.sidebar h3{ width:100%; line-height:40px; padding:10px; background:#005baa; color:#fff; text-align:center; font-size:24px; font-family: "Microsoft YaHei" ! important;}
.menu_son ul li{ padding:10px 20px; background:#f5f5f5; width:100%; margin-top:1px; line-height:30px;}
.menu_son ul li a{ font-size:14px; font-weight: 700; display:inline-block; width:100%;}
.menu_son ul li:hover a{ color:#005baa;}
.menu_son ul li.active a{ color:#005baa;}
.position{ line-height:30px; border-bottom: 1px solid #ddd; color:#666;}
.position a{ color:#333;}
.position a:hover{ color:#005baa;}
.content_box{ line-height:30px; padding:10px; font-size:14px; overflow:hidden;}
.content_box p{ line-height:30px;}
.content_box img{ width:100%; display:block; margin:auto; max-width:100%;}
/**/
.grid{width:auto;min-height:100px;padding:5px;background:#fff; font-size:12px;float:left;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.masonry .thumbnail{ border:0;}
.grid strong{border-bottom:1px solid #ccc;margin:10px 0;display:block;padding:0 0 5px;font-size:17px;}
.grid .meta{text-align:right;color:#777;font-style:italic;}
.grid .imgholder{ width: 100%; height:160px; overflow:hidden; border:1px solid #ddd; padding:5px; display:table-cell;vertical-align:middle;}
.grid .imgholder img{max-width:100%;max-height:148px; width:auto; background:#ccc;display:block;}
.masonry .item:hover a{color: #005baa;}
.masonry .item:hover .imgholder{ border-color:#005baa;}
.masonry .item:hover .grid strong{ border-color:#005baa;}
.masonry .item a:focus,.masonry .item a:hover{ color:#005baa;}
/**/
.pages .pagination li a{ color:#005baa;}
.pages .pagination li.active a{ color:#fff; background:#005baa; border-color:#005baa;}
.list_art{ padding:0;}
.list_art .li_panel{ border-bottom:1px dotted #ddd; width:100%; height:auto; overflow:hidden; float:left; margin:10px 0; padding-bottom:10px;}
.list_art .li_panel:hover{ border-color: #005baa; color: #005baa;}
.list_art .li_panel:hover a,.list_art .li_panel a:focus{ color: #005baa;}
.a_title{ line-height:40px;}



@media (max-width: 1200px) {
.navbar-text{display:none;}
.bg-black{ line-height:40px; color:#fff; font-size:18px;}
.bg-blue p{ font-size:18px; line-height:30px; padding:0 15px;}
.phone{ font-size:18px; padding:15px;}
.phone b{ font-size:30px;}


}

@media (max-width: 992px) {


}

@media (max-width: 768px) {
.navbar-header{ padding:15px;}
.navbar-nav{ padding:0 15px;}
.navbar-text{display:block; margin-top:15px;}
.carousel-control.left,.carousel-control.right{margin-top:-20px;}
.banner .carousel-inner>.item>a>img{width:auto; max-height: 200px; max-width:600px; margin-left: -100px;}
.bg-black{ display:none;}
.blue-btn{ background:#2695df;}
.new{ background: -webkit-linear-gradient(top, #005baa 50%, #196bb2 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #005baa 50%, #196bb2 50%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #005baa 50%, #196bb2 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #005baa 50%, #196bb2 50%); /* 标准的语法（必须放在最后） */
	}
.new .l_new{ padding:15px;}
.share{ text-align:center; margin-bottom:10px;}
.footer .f_left>img{margin: auto; text-align:center;}
.footer .f_right,.footer .f_right h2,.footer .f_right p{ text-align:center;}
.content_box{ padding:10px 0;}

}

@media (max-width: 320px) {


}