header{

    width: 1200px;

    height: 105px;

	margin:auto;

}

footer{

	background-color:#272727;

	padding-bottom:40px;

	

}

.flexslider {

	margin: 0px auto;

	position: relative;

	width: 100%;

	height: 505px;

	overflow: hidden;

	zoom: 1;

}



.flexslider .slides li {

	width: 100%;

	height: 100%;

}



.flexslider .slides li .banner1{

	width:100%;

	height:505px;

	display:block;

	background:url(../images/banner.jpg) center 0 no-repeat;	

}

.flexslider .slides li .banner2{

	width:100%;

	height:505px;

	display:block;

	background:url(../images/banner2.jpg) center 0 no-repeat;

}



.flexslider .slides li .banner3{

	width:100%;

	height:505px;

	display:block;

	background:url(../images/banner.jpg) center 0 no-repeat;

	text-align:center;

}





.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 30px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 2px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	background: url(../images/dot.png) no-repeat 0 -6px;

	display: block;

	height: 6px;

	overflow: hidden;

	text-indent: -99em;

	width: 73px;

	cursor: pointer;

}



.flex-control-paging li a.flex-active,

.flex-control-paging li.active a {

	background-position: 0 0;

}



.top .logo{

	float:left;

	display:block;

	width:204px;

	height:105px;

	margin-left:60px;

}

.search{

	float:right;

	background:url(../images/search.png) 0 32px no-repeat;

	width:195px;

	height:105px;

}

.tel{

	background:url(../images/tel.png) 0 0 no-repeat;

	width:247px;

	height:105px;

	float:right;

}



.menu{

	background:url(../images/bg.png) 0 0 repeat-x;

	height:60px;

	clear:both;

}



.menu ul.menu_ct{

	width:1200px;

	display:block;

	margin:0 auto;

}

.menu ul.menu_ct li{

	width:171px;

	height:60px;

	text-align:center;

	float:left;

}

.menu ul.menu_ct a{

	line-height:30px;

	margin:15px 0px;

	display:block;

	width:171px;

	color:#fff;

	font-size:1.4rem;

	border-right:1px #fff dotted;

}

.menu ul.menu_ct a.contact{

	border-right:0;

}



.banner{

	height:505px;

}

.icon{

    display: none;

}

.wrap{

	width:1200px; 

	margin:30px auto;

	background-color:#f7f7f7;

	}

.wrap span{

	display:block;

	background:url(../images/procbg.png) left 0 no-repeat;
	background-size: 100% 100%;

	height:60px;

	width:145px;

	line-height:60px;

	font-size:1.6rem;

	float:left;

	text-align:center;

}

.scrollbox{

	width:1200px; 

	position: relative;

}

#scrollDiv{

	width:800px;

	height:60px; 

	overflow:hidden; 

	display: block;

}

#scrollDiv li{

	height:60px;

}

#scrollDiv li a{

	color:#000;

	padding-left:40px;

	line-height:60px;

	font-size:1.6rem;

}



.scroltit{

	position: absolute; 

	right:20px; 

	top:10px;

	width:20px;

}

.scroltit small{

	float:right; 

	width:20px;

	height:18px; 

	line-height:10px; 

	text-align: center;

	color: #fff;

	margin:5px 0;

}

.com_news{

	width:1200px;

	margin:0 auto;

}

.com_news .news_title{

	height:50px;

	margin-bottom:20px;

	border-bottom:1px #e5e5e5 solid;

}

.com_news .news_title span{

	display:block;

	line-height:49px;

	color:#01588e;

	font-size:1.8rem;

	text-align:center;

	width:96px;

	float:left;

	border-bottom:2px #01588e solid;

}

.com_news .news_title a{

	display:block;

	line-height:49px;

	color:#000;

	padding-right:20px;

	font-size:1.4rem;

	float:right;

}

.com_news .news_pic{

	width:590px;

	float:left;

}

.com_news .news_text{

	float:right;

	width:590px;

}

.com_news .news_text ul li.first{

	height:90px;

	border-bottom:1px #e5e5e5 solid;

	margin-bottom:10px;

	padding-left:3px;

}

.com_news .news_text ul li.first a{

	font-size:1.7rem;

	line-height:35px;

	color:#01588e;

}

.com_news .news_text ul li.first a:hover{

	color:#f00;

}

.com_news .news_text ul li.first span{

	line-height:24px;

	font-size:1.4rem;

	color:#545454;

}

.com_news .news_text ul li{

	height:30px;

	padding-left:15px;

}

.com_news .news_text ul li a{

	font-size:1.4rem;

	line-height:30px;

	color:#545454;

}

.com_news .news_text ul li a:hover{

	color:#f00;

}



#wrap{

	width: 590px;

	height: 313px;

	

}



#wrap .hiSlider{

	overflow: hidden;

	height: 313px;

	width: 590px;

	padding:0;

}

#wrap li img{

	display: block;

	margin: 0 auto;

}

#wrap .hiSlider-item{

	float: left;

}

#wrap .hiSlider-item img{

	width:590px;

	height:313px;

}

#wrap .hiSlider-pages,.hiSlider-title{

	position:absolute;

	z-index:3

}

#wrap .hiSlider-title{

	bottom:0;

	width:100%;

	padding:13px 0;

	color:#fff;

	text-indent:20px;

	background:rgba(0,0,0,.6);

	z-index:2;

	font-size:1.4rem;

}

#wrap .hiSlider-pages{

	bottom:10px;

	right:10px;

	text-align:right;

}

#wrap .hiSlider-pages a{

	height:12px;

	width:12px;

	margin:0 6px;

	display:inline-block;

	overflow:hidden;

	font-size:0;

	border-radius:50%;

	background:#ddd;

}

#wrap .hiSlider-pages a.active{

	background:#5472BF;

}



.proj{

	background-color:#f7f7f7;

	margin-top:40px;

	padding-bottom:40px;

}

.proj .proj_center{

	width:1200px;

	margin:0 auto;

	padding-top:20px;

}

.proj .proj_left{

	float:left;

	width:890px;

}

.proj .proj_title{

	height:50px;

	margin-bottom:20px;

	width:100%;

	border-bottom:1px #e5e5e5 solid;

}

.proj .proj_title span{

	display:block;

	line-height:49px;

	color:#01588e;

	font-size:1.8rem;

	text-align:center;

	width:96px;

	float:left;

	border-bottom:2px #01588e solid;

}

.proj .proj_title a{

	display:block;

	line-height:49px;

	color:#000;

	padding-right:20px;

	font-size:1.4rem;

	float:right;

}



.proj .proj_left .rollBox{width:890px;overflow:hidden;margin:0 auto;}

.proj .proj_left .rollBox .Cont{width:890px;overflow:hidden;margin:0 auto;}

.proj .proj_left .rollBox .ScrCont{width:10000000px;}

.proj .proj_left .rollBox .Cont .pic{width:210px;float:left;text-align:center;padding-right:16px;height:290px;background:url(../images/pjbg.png) 0 0 no-repeat;}

.proj .proj_left .rollBox .Cont .pic img{width:210px;height:120px;padding-top:5px;}

.proj .proj_left .rollBox .Cont .pic span{line-height:22px;color:#505050;text-align:left;display:block;padding:5px 10px 0px 10px;}

.proj .proj_left .rollBox .Cont a{color:#01588e;font-size:1.4rem;line-height:30px;}

.proj .proj_left .rollBox .Cont a:hover{color:#f00;}

.proj .proj_left .rollBox #List1,.rollBox #List2{float:left;}

.proj .proj_left .rollBox .btn{float:right;margin-top:10px;}

.proj .proj_left .rollBox .btn img{cursor:pointer;margin-right:3px;}



.proj .proj_right{

	float:right;

	width:280px;

}

.proj .proj_right ul li{

	clear:both;

}

.proj .proj_right ul li a.jz_img{

	float:left;

	width:105px;

	margin-bottom:10px;

}

.proj .proj_right ul li a{

	font-size:1.6rem;

	line-height:26px;

	color:#000;

}

.proj .proj_right ul li a:hover{

	color:#f00;

}

.proj .proj_right ul li img{

	width:105px;

	height:80px;

}

.proj .proj_right ul li span{

	float:right;

	display:block;

	width:160px;

	font-size:1.4rem;

	color:#999999;

}

.bottom{

	width:1200px;

	margin:0 auto;

	padding:20px 0;

}

.bottom ul{

	margin:20px auto;

	display:block;

	width:420px;

}

.bottom ul li{

	float:left;

	width:105px;

	text-align:center;

}

.bottom ul li a{

	color:#606060;

	font-size:1.4rem;

}

.bottom ul li a:hover{

	color:#fff;

}

.bottom .banquan{

	clear:both;

	color:#606060;

	line-height:28px;

	text-align:center;

	font-size:1.4rem;

	border-top:1px #606060 solid;

	padding-top:20px;

}



@media (min-width: 768px) and (max-width: 1200px){

	header{

		width:768px;

	}

	.top .logo{

		margin-left:30px;

	}

	.menu ul.menu_ct{

		width:768px;

	}

	.menu ul.menu_ct li{

		width:109px;

	}

	.menu ul.menu_ct a{

		width:109px;

	}

	.banner{

		background:url(../images/banner.jpg) center 0px no-repeat;

		height:316px;

		background-size:1200px auto;

	}

	.icon{

		display: none;

	}

	.wrap{

		width:768px; 

		margin:30px auto;

		background-color:#f7f7f7;

	}

	.wrap span{

		display:block;

		background:url(../images/procbg.png) left 0 no-repeat;
		background-size: 100% 100%;

		height:60px;

		width:145px;

		line-height:60px;

		font-size:1.6rem;

		float:left;

		text-align:center;

	}

	.scrollbox{

		width:768px; 

		position: relative;

		}

	#scrollDiv{

		width:603px;

		height:60px; 

		overflow:hidden; 

		display: block;

		}

	#scrollDiv li{

		height:60px;

		}

	#scrollDiv li a{

		color:#000;

		padding-left:40px;

		line-height:60px;

		font-size:1.6rem;

		}



	.scroltit{

		position: absolute; 

		right:20px; 

		top:10px;

		width:20px;

		}

	.scroltit small{

		float:right; 

		width:20px;

		height:18px; 

		line-height:10px; 

		text-align: center;

		color: #fff;

		margin:5px 0;

		}



	.com_news{

		width:768px;

		margin:0 auto;

	}

	.com_news .news_title{

		height:50px;

		margin-bottom:20px;

		border-bottom:1px #e5e5e5 solid;

	}

	.com_news .news_title span{

		display:block;

		line-height:49px;

		color:#01588e;

		font-size:1.8rem;

		text-align:center;

		width:96px;

		float:left;

		border-bottom:2px #01588e solid;

	}

	.com_news .news_title a{

		display:block;

		line-height:49px;

		color:#000;

		padding-right:20px;

		font-size:1.4rem;

		float:right;

	}

	.com_news .news_pic{

		width:374px;

		float:left;

	}

	.com_news .news_text{

		float:right;

		width:374px;

		height:197px;

		overflow:hidden;

	}

	.com_news .news_text ul li.first{

		height:120px;

		border-bottom:1px #e5e5e5 solid;

		margin-bottom:10px;

		padding-left:3px;

	}

	.com_news .news_text ul li.first a{

		font-size:1.7rem;

		line-height:35px;

		color:#01588e;

	}

	.com_news .news_text ul li.first a:hover{

		color:#f00;

	}

	.com_news .news_text ul li.first span{

		line-height:24px;

		font-size:1.4rem;

		color:#545454;

	}

	.com_news .news_text ul li{

		height:30px;

		padding-left:15px;

	}

	.com_news .news_text ul li a{

		font-size:1.4rem;

		line-height:30px;

		color:#545454;

	}

	.com_news .news_text ul li a:hover{

		color:#f00;

	}

	#wrap{

		width: 374px;

		height: 198px;

	}



	#wrap .hiSlider{

		overflow: hidden;

		height: 198px;

		width: 374px;

		padding:0;

	}

	#wrap li img{

		display: block;

		margin:0;

		width:374px;

	}

	#wrap .hiSlider-item{

		float: left;

	}

	#wrap .hiSlider-item img{

		width:374px;

		height:198px;

	}

	#wrap .hiSlider-pages,.hiSlider-title{

		position:absolute;

		z-index:3

	}

	#wrap .hiSlider-title{

		bottom:0;

		width:100%;

		padding:13px 0;

		color:#fff;

		text-indent:20px;

		background:rgba(0,0,0,.6);

		z-index:2;

		font-size:1.2rem;

	}

	#wrap .hiSlider-pages{

		bottom:10px;

		right:10px;

		text-align:right;

	}

	#wrap .hiSlider-pages a{

		height:12px;

		width:12px;

		margin:0 6px;

		display:inline-block;

		overflow:hidden;

		text-indent:-100px;

		font-size:0;

		border-radius:50%;

		background:#ddd;

	}

	#wrap .hiSlider-pages a.active{

		background:#5472BF;

	}





	.proj .proj_center{

		width:768px;

		margin:0 auto;

		padding-top:20px;

	}

	.proj .proj_left{

		float:left;

		width:440px;

	}

	.proj .proj_title{

		height:50px;

		margin-bottom:20px;

		width:100%;

		border-bottom:1px #e5e5e5 solid;

	}

	.proj .proj_title span{

		display:block;

		line-height:49px;

		color:#01588e;

		font-size:1.8rem;

		text-align:center;

		width:96px;

		float:left;

		border-bottom:2px #01588e solid;

	}

	.proj .proj_title a{

		display:block;

		line-height:49px;

		color:#000;

		padding-right:20px;

		font-size:1.4rem;

		float:right;

	}



	.proj .proj_left .rollBox{width:440px;overflow:hidden;margin:0 auto;}

	.proj .proj_left .rollBox .Cont{width:440px;overflow:hidden;margin:0 auto;}

	.proj .proj_left .rollBox .ScrCont{width:10000000px;}

	.proj .proj_left .rollBox .Cont .pic{width:210px;float:left;text-align:center;padding-right:16px;height:290px;background:url(../images/pjbg.png) 0 0 no-repeat;}

	.proj .proj_left .rollBox .Cont .pic img{width:210px;height:120px;padding-top:5px;}

	.proj .proj_left .rollBox .Cont .pic span{line-height:18px;color:#505050;text-align:left;display:block;padding:5px 10px 0px 10px;}

	.proj .proj_left .rollBox .Cont a{color:#01588e;font-size:1.4rem;line-height:30px;}

	.proj .proj_left .rollBox .Cont a:hover{color:#f00;}

	.proj .proj_left .rollBox #List1,.rollBox #List2{float:left;}

	.proj .proj_left .rollBox .btn{float:right;margin-top:10px;}

	.proj .proj_left .rollBox .btn img{cursor:pointer;margin-right:3px;}



	.proj .proj_right{

		float:right;

		width:300px;

	}

	.proj .proj_right ul li{

		clear:both;

	}

	.proj .proj_right ul li a.jz_img{

		float:left;

		width:105px;

		margin-bottom:10px;

	}

	.proj .proj_right ul li a{

		font-size:1.6rem;

		line-height:24px;

		color:#000;

	}

	.proj .proj_right ul li a:hover{

		color:#f00;

	}

	.proj .proj_right ul li img{

		width:105px;

		height:80px;

	}

	.proj .proj_right ul li span{

		float:right;

		display:block;

		width:190px;

		font-size:1.4rem;

		color:#999999;

	}

	.bottom{

		width:768px;

		margin:0 auto;

		padding:20px 0;

	}

	.bottom ul{

		margin:20px auto;

		display:block;

		width:420px;

	}

	.bottom ul li{

		float:left;

		width:105px;

		text-align:center;

	}

	.bottom ul li a{

		color:#606060;

		font-size:1.4rem;

	}

	.bottom ul li a:hover{

		color:#fff;

	}

	.bottom .banquan{

		clear:both;

		color:#606060;

		line-height:28px;

		text-align:center;

		font-size:1.4rem;

		border-top:1px #606060 solid;

		padding-top:20px;

	}	



}



@media (max-width: 768px){

	header{

		width:100%;

		height:105px;

	}

	.search{

		display:none;

	}

	.tel{

		display:none;

	}

	.top .logo{

		float:left;

		margin:0;

	}

	.icon{

		display: block;

        position: relative;

        float: right;

        width:60px;

        height: 55px;

        padding-top: 30px;

        cursor: pointer;

	}

	.icon span{

        display:block;

        width: 40px;

        height: 5px;

        margin: 4px auto;

        border-radius: 2px;

        background-color: #01588e;

    }



	.menu{

		display: none;

        position: relative;

        top:0;

        left:0;

        margin:0;

		padding:0;

        width:100%;

        height:350px;

		background:#f7f7f7;

	}

	.menu ul.menu_ct{

		width:100%;

		margin:0;

		padding:0;

	}

	.menu ul.menu_ct li{

		width:100%;

		height:50px;

	}

	.menu ul.menu_ct a{

		line-height:50px;

		color:#000;

		display:block;

		width:100%;

		padding:0;

		margin:0;

		text-align:center;

		background-color:#f7f7f7;

		

	}

	.menu ul.menu_ct a:hover{

		background-color:#01588e;

		color:#fff;

	}

	.banner{

		background:url(../images/banner.jpg) center 0px no-repeat;

		height:202px;

		background-size:768px auto;

	}

	.wrap{

		width:100%; 

		margin:30px auto;

		background-color:#f7f7f7;

	}

	.wrap span{

		display:block;

		background:url(../images/procbg.png) left 0 no-repeat;
		background-size: 100% 100%;

		height:60px;

		width:145px;

		line-height:60px;

		font-size:1.6rem;

		float:left;

		text-align:center;

	}

	.scrollbox{

		width:100%; 

		position: relative;

		}

	#scrollDiv{

		width:50%;

		height:60px; 

		overflow:hidden; 

		display: block;

		}

	#scrollDiv li{

		height:60px;

		}

	#scrollDiv li a{

		color:#000;

		padding-left:40px;

		line-height:60px;

		font-size:1.6rem;

		}

.shipint {
   position:fixed;
   width:350px;
   top:30%;
   right:5px;
   z-index:9;
   }

	.scroltit{

		position: absolute; 

		right:20px; 

		top:10px;

		width:20px;

		}

	.scroltit small{

		float:right; 

		width:20px;

		height:18px; 

		line-height:10px; 

		text-align: center;

		color: #fff;

		margin:5px 0;

		}

	.com_news{

		width:100%;

		margin:0 auto;

	}

	.com_news .news_title{

		height:50px;

		margin-bottom:20px;

		border-bottom:1px #e5e5e5 solid;

	}

	.com_news .news_title span{

		display:block;

		line-height:49px;

		color:#01588e;

		font-size:1.8rem;

		text-align:center;

		width:96px;

		float:left;

		border-bottom:2px #01588e solid;

	}

	.com_news .news_title a{

		display:block;

		line-height:49px;

		color:#000;

		padding-right:20px;

		font-size:1.4rem;

		float:right;

	}

	.com_news .news_pic{

		width:48%;

		float:left;

	}

	.com_news .news_text{

		float:right;

		width:48%;

		overflow:hidden;

	}

	.com_news .news_text ul li.first{

		margin-bottom:10px;

		padding:15px 3px;

		border:0;

		display:block;

	}

	.com_news .news_text ul li.first a{

		font-size:1.7rem;

		line-height:35px;

		color:#01588e;

		

	}

	.com_news .news_text ul li.first a:hover{

		color:#f00;

	}

	.com_news .news_text ul li.first span{

		line-height:24px;

		font-size:1.4rem;

		color:#545454;

	}

	.com_news .news_text ul li{

		height:30px;

		display:none;

		padding-left:15px;

	}

	.com_news .news_text ul li a{

		font-size:1.4rem;

		line-height:30px;

		color:#545454;

	}

	.com_news .news_text ul li a:hover{

		color:#f00;

	}

	#wrap{

		width: 100%;

		height:auto;

	}



	#wrap .hiSlider{

		overflow: hidden;

		width: 100%;

		padding:0;

	}

	#wrap li img{

		display: block;

		margin:0;

		width:100%;

	}

	#wrap .hiSlider-item{

		float: left;

		width:100%;

	}

	#wrap .hiSlider-item img{

		width:100%;

		height:150px;;

	}

	#wrap .hiSlider-pages,.hiSlider-title{

		position:absolute;

		z-index:3

	}

	#wrap .hiSlider-title{

		bottom:0;

		width:100%;

		padding:13px 0;

		color:#fff;

		text-indent:20px; 

		background:rgba(0,0,0,.6);

		z-index:2;

		font-size:1.2rem;

	}

	#wrap .hiSlider-pages{

		bottom:10px;

		right:10px;

		text-align:right;

	}

	#wrap .hiSlider-pages a{

		height:12px;

		width:12px;

		margin:0 6px;

		display:inline-block;

		overflow:hidden;

		text-indent:-100px;

		font-size:0;

		border-radius:50%;

		background:#ddd;

	}

	#wrap .hiSlider-pages a.active{

		background:#5472BF;

	}

	

	.proj .proj_center{

		width:100%;

		margin:0 auto;

		padding-top:20px;

	}

	.proj .proj_left{

		float:left;

		width:45%;

	}

	.proj .proj_title{

		height:50px;

		margin-bottom:20px;

		width:100%;

		border-bottom:1px #e5e5e5 solid;

	}

	.proj .proj_title span{

		display:block;

		line-height:49px;

		color:#01588e;

		font-size:1.8rem;

		text-align:center;

		width:96px;

		float:left;

		border-bottom:2px #01588e solid;

	}

	.proj .proj_title a{

		display:block;

		line-height:49px;

		color:#000;

		padding-right:20px;

		font-size:1.4rem;

		float:right;

	}



	.proj .proj_left .rollBox{width:100%;overflow:hidden;margin:0 auto;}

	.proj .proj_left .rollBox .Cont{width:210px;overflow:hidden;margin:0 auto;}

	.proj .proj_left .rollBox .ScrCont{width:10000000px;}

	.proj .proj_left .rollBox .Cont .pic{width:210px;float:left;text-align:center;padding-right:16px;height:290px;background:url(../images/pjbg.png) 0 0 no-repeat;}

	.proj .proj_left .rollBox .Cont .pic img{width:210px;height:120px;padding-top:5px;}

	.proj .proj_left .rollBox .Cont .pic span{line-height:18px;color:#505050;text-align:left;display:block;padding:5px 10px 0px 10px;}

	.proj .proj_left .rollBox .Cont a{color:#01588e;font-size:1.4rem;line-height:30px;}

	.proj .proj_left .rollBox .Cont a:hover{color:#f00;}

	.proj .proj_left .rollBox #List1,.rollBox #List2{float:left;}

	.proj .proj_left .rollBox .btn{float:right;margin-top:10px;}

	.proj .proj_left .rollBox .btn img{cursor:pointer;margin-right:3px;}



	.proj .proj_right{

		float:right;

		width:45%;

	}

	.proj .proj_right ul li{

		clear:both;

	}

	.proj .proj_right ul li a.jz_img{

		float:left;

		width:47%;

		margin-bottom:10px;

	}

	.proj .proj_right ul li a{

		font-size:1.6rem;

		line-height:24px;

		color:#000;

	}

	.proj .proj_right ul li a:hover{

		color:#f00;

	}

	.proj .proj_right ul li img{

		width:100%;

		height:80px;

	}

	.proj .proj_right ul li span{

		float:right;

		display:block;

		width:47%;

		font-size:1.4rem;

		color:#999999;

	}

	.bottom{

		width:100%;

		margin:0 auto;

		padding:20px 0;

	}

	.bottom ul{

		margin:20px auto;

		display:block;

		width:360px;

	}

	.bottom ul li{

		float:left;

		width:90px;

		text-align:center;

	}

	.bottom ul li a{

		color:#606060;

		font-size:1.4rem;

	}

	.bottom ul li a:hover{

		color:#fff;

	}

	.bottom .banquan{

		clear:both;

		color:#606060;

		line-height:28px;

		text-align:center;

		font-size:1.4rem;

		border-top:1px #606060 solid;

		padding-top:20px;

	}

}

@media (min-width: 768px){

	.menu{

		display:block ! important;

	}

}