body{
	overflow-x: hidden;
	font-family: "微软雅黑";
}
ul li {
	list-style: none;
}
*{
	box-sizing: border-box;
	text-decoration: none !important;
	margin: 0px;
	padding: 0px;
}
a{
	color: #777;
	cursor: pointer !important;
}


input:focus, button:focus{
	outline: none;
}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}


.clearfix::after{
	content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{
	clear: both;
}



.header-top{
	background: #525252;
	height: 40px;
	width: 100%;
}
.header-top .container{
	height: 40px;
}
.header-top .left, .right{
	height: 100%;
}
.header-top .left{
	float: left;
}
.header-top .right{
	float: right;
}
.header-top .left p, .header-top .right p{
	display: inline-block;
	height: 100%;
	line-height: 40px;
	color: #fff;	
}
.header-top .right p a{
	margin-left: 15px;
	color: #fff;
}
.header-top .right p a:hover{
	color: #fa9000;
}
.header-top .right p a:hover i{
	color: #fa9000;
}

header{
	height: 100px;
	width: 1200px;
	margin: 0 auto;
	background: white;
	padding: 0 15px;
}
header .left{
	float: left;
}
header .left a{
	display: inline-block;
	height: 100%;
	position: relative;
	z-index: 999;
	float: left;
}
header .left .title{
	float: left;
}
header .left .title h1{
	font-size: 25px;
}
header .left .title p{
	font-size: 16px;
}
header .right{
	float: right;
}
header .right p{
	margin-top: 15px;
	font-size: 16px;
	color: #0e7823;
	line-height: 26px;
}
header .right p i{
	font-size: 20px;
}
header .right span{
	margin-top: 15px;
	font-size: 26px;
	color: #0e7823;
	line-height: 26px;
}


nav{
	background: #1b78c6;
}
nav .navbar-brand{
	display: none;
}
.navbar{
	border: none;
	margin-bottom:0;
}
.nav > li > a{
	padding: 0px;
}
nav .menu{
	width: 1200px;
	margin: 0 auto;
	height: 50px;
}
nav .menu li{
	width: 165px;
	height: 50px;
	float: left;
	background:url('../images/nav-bg.png') right center no-repeat;
}
nav .menu li:nth-last-child(1){
	background: none;
}
nav .menu .active>a{
	color: #fff;
  background-color: #fa9000;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #fa9000;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fa9000;
 }
nav .menu li>a{
	display: block;
	line-height: 50px;
	color: #fff;
	width: 100%;
	text-align: center;
}
nav .menu li.active>a{
	background-color: #fa9000;
}
nav .menu li.active .menu2:before{
  	display: block;
}
nav .menu li .menu2{
 	padding-top: 15px;
}
nav .menu .menu2 a{
	display: block;
	height: 35px;
	line-height: 35px;
	color: #333;
	font-size: 14px;
	text-align: center;
}
nav .menu .menu2 a:hover{
	background: #fa9000;
	color: #fff;
}


.dropdown-menu{
	border:none;
	box-shadow: none;
	background:#fff;
	min-width: 165px;
	margin: 0;
	padding: 0;
}
.carousel .item img{
	min-height: 150px;
}
.carousel-control.right , .carousel-control.left{
	background-image: none;
}
.carousel-indicators .active{
	background: #fa9000;
}


.section{
	padding-top: 40px;
	padding-bottom: 10px;
}
.section .section-box{
	margin: 30px auto;
}
.section .top h1{
	margin: 0;
	line-height: 45px;
}
.section .top i{
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 12px;
	background: url('../images/bj.png') no-repeat;
}
.section a.more{
	width: 140px;
	height: 40px;
	color: #333;
	border: 1px #999 solid;
	text-align:center;
	line-height: 40px;
	font-size: 14px;
	display: block;
	margin: 0 auto;
	background: none;
	transition:all .3s;
}
.section a.more:hover{
	background: #2f8abf;
	border-color:#2f8abf;
	color: #fff;
}




.section1 .row{
	margin: 20px 0; 
}
.section1 p{
	line-height: 30px;
	color: #333;
	font-size: 14px;
	text-indent: 2em;
}




.section2{
	background: #f8f8f8;
}
.section2 .pro{
	position: relative;
	width: 100%;
	min-height: 230px;
	border: 1px #ccc solid;
}
.section2 .col-md-3{
	padding: 0 8px;
}
.section2 .pro img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.section2 .pro:hover{
	border: 1px red solid;
}
.section2 p{
	line-height: 45px;
}


.section3{
	margin-bottom: 0;
	padding-bottom: 0;
}
.section3 .top{
	height: 75px;
	background:url('../images/section3top.png') no-repeat center top; 
}
.section3 .top i{
	display: block;
	width: 100%;
	height: 2px;
	background:#2f8abf;
	position: relative;
	top: 35px;
	z-index: -1;
}
.section3 .row{
	margin-top: 20px;
}
.section3 .row img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.section3 .cont {
	padding:0 30px;
}
.section3 .wrapper {
	height: 60px;
	margin-bottom: 10px;
}
.section3 .wrapper span{
	display: inline-block;
	height: 100%;
	width: 20%;
	background: #fa9000;
	text-align: center;
	font-size: 32px;
	line-height: 60px;
	float: left;
	color: #fff;
}
.section3 .wrapper p{
	display: inline-block;
	height: 100%;
	width: 80%;
	background: #1b78c6;
	text-align: left;
	text-indent: 2em;
	font-size: 22px;
	line-height: 60px;
	float: left;
	color: #fff;
	margin-bottom: 0;
}

.section3 .cont>p{
	background: url('../images/sei.png') no-repeat top left;
	text-indent: 2em;
	margin-bottom: 60px;
}


.section5{
	background: #fff;
}

.Box {position: relative;}
.Box .content {width: 100%;margin: 0 auto;}
.Box .Box_con {position: relative;overflow: hidden;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:260px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li>div{width:260px;height: 230px; border:1px #ccc solid;overflow: hidden;}
.Box .Box_con .conbox ul li>div:hover{border:1px solid red;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: inline-block; max-width: 100%;max-height: 230px; position: relative; top: 50%;left:50%; transform: translate(-50%, -50%);}
.Box .Box_con .conbox ul li p{text-align: center; font-size: 14px;line-height: 40px; color:black; display: block; width: 100%;}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
.section3 .content .case img{
	float: left;
	width: 260px;
	height: 260px;
	display: block;
	margin-right: 27px;
	border: 1px red solid;

}

.section-news{
	background: #f8f8f8;
}
.section-news .news-title span{
	float: left;
	padding-left: 10px;
	border-left: 4px solid #1474d0;
}
.section-news .news-title a{
	float: right;
}
.section-news ul{
	margin-top: 15px;
}
.section-news ul li{
	height: 30px;
}
.section-news ul li a{
	display: block;
	font-size: 12px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.section-newsul li a i{
	font-size: 10px;
	color:#1474d0 ;
}





footer{
	background: #333;
	margin-top: 25px;
}
/* 友情链接 */
footer .box-link{
	border-bottom: 3px solid #3180cd;
}
footer .link{
	width: 1180px;
	margin: 0 auto;
}
footer .link img{
	float: left;
}
footer .link li{
	float: left;
}	
footer .link li a{
	display: inline-block;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	line-height: 35px;
}	
footer .link li a:after{
	content: '|';
	line-height: 35px;
	margin-left:25px;
	color: #999;
}	
footer .link li a{
	float: left;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
}

footer .container{
	padding: 30px 0;
}

footer .box{
	background: #fff;
	width: 130px;
}
footer .box p{
	text-align: center;
	line-height: 30px;
	margin-bottom: 0;
}
footer .box img{
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
footer .box span{
	text-align: center;
	line-height: 30px;
	display: block;
	background: #cacaca;
}
footer .nav-bottom li{
	width: 25%;
	float: left;
}
footer .nav-bottom li h1{
	margin: 0;
}
footer .nav-bottom li h1 a{
	display: block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
}
footer .nav-bottom li a{
	display: block;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 14px;
}
footer .cont{
	color:#fff ;
	line-height: 27px;
}

.bottom {
	padding: 20px;
	border-top: 1px #777 solid;
	background: #282828;
}
.bottom p{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 0;
}




  	/* 固定侧边栏 */
	.footer-fixed{
	    position: fixed;
	    right: 15px;
	    bottom: 200px;
	    z-index: 999;
	}
	.footer-fixed #show i{
		display: block;
		width: 24px;
		height: 24px;
		background: url('../images/close_im.png') center center no-repeat;
		position: absolute;
		top: -10px;
		right: 10px;
		cursor: pointer;
	}
	.footer-fixed #show{
		display: none;
		background: #F9FAFB;
	    border: 1px solid #dddddd;
	    border-radius: 10px;
	    background: #F9FAFB;
	    width: 110px;
	    padding-top: 15px;
	}
	.footer-fixed #show .qq-img{
		width: 70px;
		height: 75px;
		border-radius: 50%;
		border: 3px #fff solid;
		margin: 0 auto;
		overflow: hidden;
		background: url('../images/qq.png') top center;
		box-shadow: 0px 4px 5px #ccc; 
		transition: all .3s;
	}
	.footer-fixed #show .qq-img:hover{
		animation: swing 1s;
	}
	.footer-fixed #show a{
		text-align: center;
		display: block;
		color: #0484cd;
		line-height: 40px;
		border-bottom: 1px #ccc solid;
	}
	.footer-fixed #show .tel{
		border-bottom: 1px #ccc solid;
	}
	.footer-fixed #show .tel p{
		text-align: center;
		color: black;
		line-height: 25px;
		font-weight: bold ;
		margin-bottom: 0;
	}
	.footer-fixed #show .tel span{
		text-align: center;
		color: black;
		display: block;
		line-height: 25px;
		font-weight: bold;
		color: #f60;
		font-size: 12px;
	}
	.footer-fixed #show .bot div{
		
	}
	.footer-fixed #show .bot .wx-img{
		width: 50%;
		height: 45px;
		float: left;
		border-right: 1px #ccc solid;
		position: relative;
		background: url('../images/weixing-icon.png') center center no-repeat;
	}
	.footer-fixed #show .bot .back-img{
		width: 50%;
		float: right;
		height: 45px;
		cursor: pointer;
		background: url('../images/toTop-icon.png') center center no-repeat;
	}
	.footer-fixed #show .bot .wx-img:hover #wx-show{
		transform: scale(1);
	}
	.footer-fixed #wx-show{
		width: 110px;
		position: absolute;
		right: 63px;
		bottom: 0;
		padding: 10px;
		border: 1px #ccc solid;
		border-radius: 10px;
		transition: all .2s;
		transform: scale(0);
		background: #fff;
	}
	.footer-fixed #wx-show:after{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: 20px;
		right: -14px;
		border-style:solid;
		border-color: transparent transparent transparent #fff;
		border-width: 8px;
	}
	.footer-fixed #wx-show p:after{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: 20px;
		right: -16px;
		border-style:solid;
		border-color: transparent transparent transparent #ccc;
		border-width: 8px;
	}
	.footer-fixed #wx-show p{
		text-align: center;
		font-size: 12px;
		margin-bottom: 0;
	}




/* ---------------------------内页------------------------------- */

.top-nav{
	background: #fcfcfc;
	height: 50px;
	box-shadow: 0 0 3px #888;
}
.top-nav span{
	float: left;
	line-height: 25px;
	font-size: 18px;
	border-left: 5px #0b78b9 solid;
	text-indent: 15px;
	margin-top: 13px;
}
.top-nav .breadcrumb{
	padding:0 15px;
	float: right;
	background:none;
	display: inline-block;
	line-height: 50px;
	font-size: 12px;
}

.inside{
	width: 100%;
	border-top: 1px #ccc solid;
	padding-top: 30px;
}

/* ---leftpage---*/

.leftPage{
	border: 1px #ccc solid;
}
.leftPage .top{
	width: 100%;
	height: 50px;
	background: #fcfcfc;
	box-shadow: 0 1px 3px #ccc;
}
.leftPage .top span{
	box-sizing: content-box;
	display: block;
	height: 100%;
	width: 100%;
	line-height: 50px;
	color: #0b78b9;
	font-size: 18px;
	text-indent: 20px;
}

.leftPage ul{
	padding: 2px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 0;
}
.leftPage ul li{
	width: 100%;
	margin-bottom: 2px;
	position: relative;
}
.leftPage ul li a{
	display: block;
	width: 100%;
	height: 35px;
	color: #777;
	background: #ddd;
	text-align: left;
	text-indent: 15px;
	line-height: 35px;
	font-size: 12px;
	transition: all .3s;
}
.leftPage ul li a i{
	margin-right: 8px;
	color: #009ed5;
}
.leftPage ul li:hover a{
	background: #0b78b9;
	color: #fff;
	text-indent: 10px;
}

.leftPage .leftPage-bottom {
	height: 230px;
	background:#fa9000;
}
.leftPage .leftPage-bottom h3{
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.leftPage .leftPage-bottom p{
	padding-left: 15px;
	text-align: left;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 25px;
}


/* ---rightPage---*/
.rightPage{
	box-shadow: 0px 1px 2px #ccc;
	border: 1px solid #ccc;
}
.rightPage .top{
	width: 100%;
	background: #e8e8e8;
}
.rightPage .top .pageTitle{
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 50px;
	margin: 0;
}
.rightPage .top p{
	float: right;
	margin-right: 10px;
	font-size: 14px;
	text-align: right;
	color: #777;
	display: inline-block;
	height: 45px;
	line-height: 45px;
}
.rightPage .content{
	width: 100%;
	min-height: 500px;
	padding: 10px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.rightPage .content .news-page img{
	width: 100%;
}
.rightPage .content .news_title{
	margin: 5px 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}
.rightPage .content .news_info{
	text-align: center;
    color: #999;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    margin: 10px 0;
    padding: 5px 0;
    font-size: 14px;
}






/* ----------------上一条新闻-------- */
.page_pre{
 	margin-top: 30px;
 	color: black;
 	font-size: 14px;
}
.page_pre a, .page_after a{
	font-size: 12px;
	color: #777;
	line-height: 28px;
}
.page_pre a:hover, .page_after a:hover{
	color: red;
}

/*------------分页样式---------*/
.List_page{
	display: block;
	margin:25px 0px;
	float: right;
}
.List_page a, .List_page span{
    cursor: pointer;
    border-color: #337ab7;
    float: left;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 3px;
}
.List_page span{
	background: #ddd;
}
.List_page a:hover, .List_page span:hover{
	color: #009ed4;
}

.List_page a:nth-child(1):hover, .List_page a:nth-last-child(1):hover{
	color: #666;
}
/*------------分页样式---------*/




/* -----------------------新闻------------- */
.inside .List .news{
	height: 45px;
	border-bottom: 1px #CCCCCC dashed;
}
.inside .List .news img{
	margin: 0 8px;
	margin-top: -3px;
}
.inside .List .news a{
	display: inline-block;
	width: 65%;
	color: #666;
	font-size: 13px;
	line-height: 45px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.inside .List .news:hover a{
	color: red;
}
.inside .List .news span{
	color: #666;
	font-size: 13px;
	float: right;
	line-height: 45px;
}


/* -----------------------产品------------ */
.inside .pros{
	width: 100%;
}
.inside .pros li{
	border: 1px #ccc solid;
	position: relative;
	overflow: hidden;
	height: 220px;
}
.inside .pros li:hover{
	border:1px solid red;
}
.inside .pros li img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.inside .pros p{
	width: 100%;
    text-align: center;
    font-size: 14px;
    color: black;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
}
.inside .col-md-4{
	margin-bottom: 15px;
}
.inside-pro .col-md-4 {
    padding: 0 6px;
}
/* -------------案例------------------ */
.inside-case .col-md-4{
	padding: 0 6px;
	
}
.inside #div3 img{
	max-width: 100%;
}

/* 百度地图 */
.baiduMap{
	width: 100%;
	height: 300px;
	border: 1px #ccc solid;
}




@media only screen and (min-width: 100px) and (max-width: 640px) {
	.footer-fixed{
	    right: 0;
	}
	.header-top{
		display: none;
	}
	header{
		display: none;
	}
	nav{
		background: #fff;
	}
	nav .menu {
		width: 100%;
		height: auto;
		background: #4da4d8;
	}
	nav .menu li{
		width: 100%;
		float: none;
	}
	nav .navbar-brand{
		display: block;
	}
	nav .navbar-brand img{
		height: 45px;
	}
	.navbar-brand{
		padding: 3px 15px;
	}
	.navbar {
     	border: 1px solid transparent; 
	}
	.col-xs-3, .col-xs-4 , .col-xs-12{
		margin-bottom: 15px;
	}
	
	textarea{
		width: 80%;
	}
	#div3 img{
		max-width: 100%;
	}
	.container{
		padding: 0;
	}
	.section{
		padding:0 10px;
	}
	.section .section-box .top i{
		left: -50px;
	}
	.section .section-box .pro-dj a{
		width: 80px;
	}
	.section2 .content .pro img{
		height: 135px;
	}
	nav .menu .menu2{
		background:#fff;
	}
	nav .menu .menu2 a{
		background:#fff;
	}
	
	
	.section1 .section-box .content li img{
		width: 90%;
	}
	.section1 .section-box .content li p{
		font-size: 14px;
	}
	.section2 .section-box .content1 li{
		width: 30%;
	}
	.section2 .section-box .content2 li{
		width: 50%;
		margin-bottom: 15px;
	}
	.section3 .section-box .content li{
		width: 47%;
	}

	footer{
		padding-top: 0;
	}
	.bottom{
		margin-top: 0;
	}
	.inside{
		padding-top: 0;
	}
	.rightPage .top .pageTitle{
		font-size: 14px;
		line-height: 35px;
		padding: 0 10px;
	}
	 nav .menu li:hover a span:nth-of-type(1){
      top: -45px;
   }
   nav .menu li:hover a span:nth-of-type(2){
      top: 0;
   }
   .row{
   		margin-right: 0;
   		margin-left: 0;
   }
   .col-xs-12, .col-md-9{
   		padding-right: 0px;
   		padding-left: 0px;
   }
   .section4 img{
		width: 80%;
	}
	.navbar-toggle .icon-bar{
		background: #2f8abf;
		transform-origin: center left;
		transition: all .5s;
	}
	.section1 a.more{
		margin: 0 auto;
	}
	.section3 .top {
    	height: 75px;
    	background: url('../images/section3top.png') no-repeat center top;
    	background-size: 100%; 
	}
	.section3 .top i{
		top: 25px;
	}
	.section3 .cont{
		padding: 10px;
	}
	.section3 .cont>p{
		margin-bottom: 15px;
	}
	footer .link{
		width:100%;
	}
	.rightPage .content{
		padding:5px 0;
	}
	.inside-pro .col-md-4 {
   	  padding: 0 2px;
	}
	nav .menu li{
		height:auto;
	}
	nav .menu li .menu2{
		width:100%;
	}



}