
.header_box{height: 125px;}
.logo{float: left;margin-top: 30px;}
.tel{
	background-repeat: no-repeat;float: right;width: 300px;height: 46px;margin-top: 42px;
	padding-left: 59px;
	color: #fff;
	line-height: 46px;
}
.tel span{font-size: 13px;}
.tel span b{font-size: 24px;margin-left: 10px;}

.navpc{width: 100%;height: 60px;background-color: #2b548b;}
.navpc>ul{padding-left: 32px;}
.navpc>ul>li{float: left;width: 190px;line-height: 20px;text-align: center;padding:20px 0px;}
.navpc>ul>li>a{font-size: 18px;color: #eee;border-right: 1px solid #999;width: 100%;display: block;}
.navpc>ul>li>a:first-child{border-left: 1px solid #999;}

.navpc>ul>li{position:relative;}
.navpc>ul>li>ul{
	position:absolute;left: 0px;top: 50px;background:#333;z-index: 999;width: 100%;
	border-radius:10px 10px;
	padding:10px 0px;
	display: none;
}
.navpc>ul>li:hover>ul{display: block;}
.navpc>ul>li>ul>li{margin:15px 0px;}
.navpc>ul>li>ul>li a{color: #eee;}
.navpc>ul>li>ul>li:hover a{color: #dd3d3d;}



/*banner样式*/
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; 
	text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; 
	width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; 
	filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*分类样式*/
#category{background-color: #19305b;}
.catebox ul{padding-top: 45px;padding-bottom: 45px;}
.catebox ul li{height: 253px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.catebox ul li{background-image: url(../images/cat01.jpg);}
.catebox ul li:nth-of-type(2){background-image: url(../images/cat02.jpg);}
.catebox ul li:nth-of-type(3){background-image: url(../images/cat03.jpg);}
.catebox ul li:nth-of-type(4){background-image: url(../images/cat04.jpg);}
.catebox ul li a{color: #eee;text-align: center;padding-top: 104px;display: block;text-align: center;}
.catebox ul li a .line{display: block;width: 18px;height: 1px;background-color: #999;margin:10px auto;}
.catebox ul li a p{width: 200px;margin:5px auto;padding-left: 5px;transition: 1s;}
.catebox ul li a h3{transition:1s;}
.catebox ul li:hover a h3{color:#dd3d3d;}
.catebox ul li:hover a p{color:#dd3d3d;}


/*新闻样式*/
.newsBox{max-width: 1400px;margin:0 auto;padding-top: 90px;}
.newstop img{float: left;margin-bottom:65px;padding-left: 15px;}
.catenews{float: left;margin-left: 130px;margin-top: 80px;}
.catenews h3{color: #eee;transition: 1s;}
.catenews h3:hover{color: #dd3d3d;}
.boldline{width: 50px;height: 3px;background:#fff;display: inline-block;margin-bottom: 20px;}
.boldline.acct{background:#dd3d3d;}
.smallline{width: 50px;height: 1px;background:#fff;display: inline-block;margin-bottom: 20px;}

a.newstitle p{color: #333;font-size: 16px;text-align: left;width:390px;padding:0px 15px;line-height: 26px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
p.times{padding:0px 15px;font-size: 16px;color: #666;margin:15px 0px;}
.picList li{position:relative;}
.picList li:hover .newscontent{display: block;}
.newscontent{position:absolute;background:rgba(44,86,140,0.9);left: 0px;top: 0px;bottom: 0px;right: 0px;display: none;}
.newsBox .contentbox{width: 370px;border:1px solid #eee;height:420px;margin:15px auto; }
.newsBox .contentbox p{
	color: #eee;font-size: 16px;line-height: 34px;padding-top: 50px;padding-left: 32px;padding-right: 32px;
}
.morelist{display: block;font-size:48px;text-align: center;margin-top: 50px;color: #fff;}

/* 本例子css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative;display: none;}
.picScroll-left.active{display: block;}
.picScroll-left .hd{ overflow:hidden;  height:90px; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; 
	float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left .hd ul{overflow:hidden; zoom:1; margin-top:32px; zoom:1;transform: translateX(45%);}
.picScroll-left .hd ul li{ float:left;  width:15px; height:15px; overflow:hidden; 
	margin-right:10px; text-indent:-999px; 
	cursor:pointer; background:#fff; 
	border-radius: 15px;
}
.picScroll-left .hd ul li.on{background:#dd3d3d;}
.picScroll-left .bd{ padding:10px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;
	background:#eee;
	width: 390px;
	height: 450px;
}
.picScroll-left .bd ul li .pic{text-align: left!important;}
.picScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;  padding:2px;padding:15px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

/*关于我们样式*/
#about{background-repeat: no-repeat;padding-top: 130px;}
.about-head{margin-bottom:38px;padding-left: 30px;}
.about_top{margin-bottom: 60px;}

.about-left img{display: block;margin: 0 auto;max-width: 100%;}
.about-right{color: #eee;padding-top: 50px;padding-right: 30px;}
.about-right h3{margin-bottom: 50px;transition: 1s;}
.about-right h3:hover{color: #dd3d3d;}
.about-right p{font-size: 16px;line-height: 27px;margin-bottom: 63px;transition: 1s;}
.about-right p:hover{color: #dd3d3d;}
.about-right button{width: 94px;height: 40px;border-radius: 5px;background:#2d7ab8;outline: none;border:none;}
.about_bottom{padding: 0px 35px;margin-bottom: 80px;}
.about_bottom li{height: 260px;text-align: center;padding-top: 42px;transition: 1s;}
.about_bottom li:hover{background-color:#dd3d3d!important;}
.about_bottom li a{color: #eee;}
.about_bottom li a h3{font-size: 21px;margin-bottom: 16px;}
.about_bottom li img{display: block;margin:0px auto;margin-bottom: 8px;}
.linebottom{display: block;width: 50px;height: 1px;background-color: #fff;margin:0 auto;margin-bottom: 30px;}
.about_bottom p{padding:0px 20px;}

/*底部样式*/
#footer{background-color: #1a263c;color: #eee;padding-top: 68px;}
.footerbox{margin-bottom: 30px;}
.mama01{float:left;width: 18%;text-align: center;padding-top: 40px;margin-left: -20px;}
.mama01 img{display: block;margin:5px auto;}
.contact{width: 36%;float: left;}
.navigation{width: 23%;float: left;}
.service{width: 23%;float: left;}
.line02{width: 50px;height: 2px;background:#dd3d3d;margin:20px 0px;}
.contact h4{font-size: 20px;font-weight: bold;margin-bottom: 23px;}
.contact p{font-size: 16px;line-height: 27px;}
.navigation ul li{margin-bottom: 5px;}
.navigation ul li a{color: #eee;}

.service img{margin-bottom: 20px;}

.footer_bottom{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);padding: 10px;
	text-align: center;color: #999;

}

.navbar-default .navbar-brand{width: 250px;padding: 0px;padding-top:6px;padding-left: 18px;}
.navbar-brand img{width: 100%;float:left;}
.navbar-header{background-color: #fff;height: 65px;}
.navbar-toggle{margin-top: 15px;}
.navbar{margin-bottom: 0px;}



@media(max-width: 1400px){
	.nav>ul>li{width: 186px;}
	.newsBox{padding-left: 25px;padding-right: 25px;}
	.newstop img{padding-left: 30px;}
	.about-left img {width: 90%;}
	.about-right p{padding-right: 30px;}
	.about_bottom{padding: 0px 50px;}
	.navigation{width: 26%;float: left;}
	.service{width: 20%;float: left;}
}

@media(max-width: 1280px){
	.navpc>ul>li{width: 170px;}
}

@media(max-width: 997px){
	/*导航样式*/
	.container-fluid{padding: 0px;}
	.navbar{border:none;}
	#header{position:relative;}
	ul.navbar-nav{text-align: center;background:#2b548b;}
	.navbar-nav li a{color: #fff!important;}
	ul.navbar-nav>li>ul{text-align: center;}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{padding: 0px;}
	.navbar-default .navbar-nav>.open>a{background:#333!important;}
	ul.dropdown-menu{background:#555;}
	.navbar-nav .open .dropdown-menu{background-color: #444;}
	ul.navbar-nav li{margin:15px auto;}
	.navbar-nav{padding: 0px;margin:0px;}
	.navbar-default .navbar-toggle{margin-right:30px;}

	/*分类样式*/
	.catebox ul {padding-top: 15px;padding-bottom: 15px;}
	.catebox ul li{background-size:contain;height: 136px;}
	.catebox ul li a{padding-top:59px;}
	.catebox ul li a p{display: none;}
	.catebox ul li a h3{font-size: 18px;}


	/*新闻样式*/
	.newsBox {padding-left: 15px;padding-right: 15px;}
	.catenews h3{font-size: 21px;}
	.newsBox{padding-top:15px;}
	.newstop img{display: none;}
	.catenews{margin-left:40px;margin-bottom:30px;}
	.picScroll-left .bd{padding: 0px;}
	.picScroll-left .bd ul li{margin:5px;width: 260px;;}
	.picScroll-left .bd ul li .pic{width: 100%;}
	a.newstitle p {width: 100%;}
	.picScroll-left .bd ul li{height: auto;}
	.picScroll-left .hd ul{transform: translateX(33%);}
	a.newstitle p{font-size: 14px;}
	p.times{font-size: 13px;}
/*
	关于我们样式*/
	#about {padding-top: 20px;}
	.about-head img{display: none;}
	.about-left img{width: 100%;}
	.about_bottom li a h3{font-size: 16px;}
	.about-right{padding-right: 0px;padding-left: 0px;}
	.about-right h3{margin-bottom:15px;text-align: center;}
	.about-right p{padding:5px 21px;font-size: 14px;line-height: 24px;margin-bottom:15px;}
	.about-right button{display: block;text-align: center;margin:0 auto;}
	.about_bottom {padding: 0px 15px;}
	.about_bottom li{padding-top: 30px;height: 154px;}
	.about_bottom p {padding: 0px;font-size: 12px;display: none;}
	.about_bottom{margin-bottom:0px;}


	/*底部样式*/
	#footer{padding-top: 30px;}
	.navigation{display: none;}
	.service{display: none;}
	.mama01{display: none;}
	.contact{width: 100%;padding-left: 10px;}
	.contact h3{font-size: 18px;}
	.line02{margin:14px 0;}
	.contact h4{font-size: 16px;margin-bottom:14px;}
	.contact p{font-size: 13px;}
	.footer_bottom p{font-size: 12px;}




}