/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------å…¬ç”¨-----------*/



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}





/**banner**/

.banner{

   

    margin:0 auto;

 	 width:100%;

    height:500px;

    overflow: hidden;

 	position: relative;

   

   

}

.fullSlide{width:100%;position:relative;height:100%;background:transparent;}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;z-index: 99}

.fullSlide .bd li a{display:block;height:100%;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}

.fullSlide .hd ul{text-align:center;margin-bottom:10px;}



.fullSlide .hd ul .on{background:#218d00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}

.fullSlide .next{left:auto; right:15%; background-position:-6px -137px;}









.title h3{

	margin:50px auto 40px auto;

	text-align: center;



}

.title h3>b{

	color: #1b58a9;

	font-size: 26px;

	

	display: block;

	font-weight: bold;

}

.title h3 p{

	color: #1b58a9;

	font-size: 24px;

	font-weight: bold;

	text-transform: uppercase;

	

}





/*产品开始*/

.pro_bg{

	margin-top: 40px;

	margin-bottom: 50px;

}

.aside{

    width:253px;

  

}



.aside>h3{

    width:253px;

    height:100px;

    color:#fff;

    font-size:24px;

    font-weight: normal;

     background: url(../images/pro_icon.png) no-repeat 30px center ;

 	background-color: #1b58a9;

    text-align: center;

    margin-bottom: 2px;



}



.aside>h3>b{

	color: #fff;

	font-size: 24px;

	text-align: center;

	display: block;

	padding-top: 20px;

}

.aside>h3>p{

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

}

.sideMenu{width: 253px;float: left;margin-top: 15px;}

.sideMenu>h3{

	width:253px;

	height: 78px;

	background-color: #1b58a9;

	font-weight: normal;

	text-align: center;

}

.sideMenu>h3 b{

	color: #fff;

	font-size: 24px;

	font-weight: normal;

	display: block;

	padding-top: 10px;

}

.sideMenu>h3 p{

	color: #fff;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

}

.sideMenu ul{ padding-bottom: 4px; }

.sideMenu ul li>a{

	width: 253px;



	background-color:#f5f5f5;

	line-height:72px;

	font-size: 16px;

	display: block;

	color: #4c4c4c;

	text-align: center;



}



.sideMenu ul li{

	width: 253px;

	height: 72px;

	

	margin: 1px auto 1px auto;

	 -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

}

.sideMenu ul li>a:hover{

	background-color: #1b58a9;

	color: #fff;

}

/**pro content**/



.tab3_box{width:908px;clear:both;margin-left: 18px;}





.section_body>ul>li{

    margin:15px 15px 0 0;

    float:left;



 width:212px;

    height:170px;

}



.section_body>ul>li>a>img{

	

 width:212px;

    height:140px;

}

.section_body>ul>li>p>a{

	 width:212px;

	 display: block;

	  height:30px;

	  background-color: #f5f5f5;

	 color: #666666;

	 text-align: center;

	   -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

	 line-height: 30px;

}

.section_body>ul>li:hover p>a{

background-color: #1b58a9;

	 color: #fff;

}





/*产品结束*/



/*小banner*/

.s_banner1{

	background: url(../images/s_banner1.jpg) no-repeat center;

	height:305px;

	

}

.s_banner2{

	background: url(../images/s_banner2.jpg) no-repeat center;

	height:296px;

	margin-top: 20px;

}

.s_banner2 .between{
	
width: 1350px;
}



.s_font1{



	float: left;

	margin-top:52px;

}

.s_font2{



	margin-top:40px;

}



.s_font1 h5{

		font-size:20px;

	color: #fff;

	text-transform: uppercase;

}

.s_font1 h4{

	

	font-size: 28px;

	font-weight: bold;

	color: #fff;

	

}

.s_font2 h4{

	color: #ff9401;

}

.s_font1 i{

	color: #fff;

	font-size: 20px;

	font-weight: bold;

}

.s_font1 i>span{

	font-weight: normal;

	font-size: 14px;

}

.s_font1 p{

	color: #fff;

	font-size: 24px;

}

.s_font1 a{

	width: 120px;

	height: 42px;

	text-align: center;

	line-height: 42px;

	display: block;

	background-color: #fff;

	color: #4c4c4c;

	font-size: 14px;

	margin-top: 10px;

}

.s_font1 a:hover{

	background-color: #fc7803;

	color: #fff;

}



/*小banner*/



/*案例开始*/



.anli_cont ul li{

	float: left;

	width: 366px;

	height: 394px;

	margin:0 13px 26px 13px;

	background: #f5f5f5;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.anli_cont ul li i{

	width: 366px;

	height: 40px;

	display: block;

	line-height: 40px;

	border-top: 2px solid #fff;

	margin-top: 20px;

	background:url(../images/anli_icon.png) no-repeat center right 30px;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}

.anli_cont ul li i a{

	color: #808080;

	padding-left: 30px;

}



.anli_cont ul li:hover{

	background: #1b58a9;

}

.anli_cont ul li:hover i a{

	color: #fff;

}

.anli_cont ul li:hover i{

	background:url(../images/anli_icon.png) no-repeat center right -30px;

}

.anli_cont ul li:hover>h4>a,.anli_cont ul li:hover p{

	color: #fff;

}



.anli_cont ul li>a>img{

	width: 366px;

	height: 226px;

}

.anli_cont ul li>h4>a{

	color: #4c4c4c;

	font-size: 16px;

	display: block;

	margin:30px 0 0 30px;

}

.anli_cont ul li>p{

	color: #808080;

	font-size: 14px;

	width: 294px;

	height: 40px;

	overflow: hidden;

	margin:12px 0 0 30px;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

/*案例结束*/





/*优势*/

.ys_bg{

	background:url(../images/ys_bg.jpg) no-repeat center;

	height: 590px;

	



}

.ys_box h3{

	margin:50px auto 30px auto;

	text-align: center;

	padding-top: 50px;

}

.ys_box h3>p{

	color: #fff;

	font-size: 26px;

	

	display: block;

	font-weight: bold;

}

.ys_box h3 i{

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	text-transform: uppercase;

	

}

.box002{

	position: relative;

}

.box002 ul li img{

	float: left;

	padding:40px 0 0 40px;

}

.box002 ul li div{

	float: left;

	width: 552px;

	margin-top: 40px;

	margin-left: 40px;

}

.box002 ul li div b{

	width: 38px;

	display: block;

	height: 1px;

	background-color: #1b58a9;

	margin:30px 0;

}

.box002 ul li div h4{

	color: #1d43ae;

	font-size: 20px;

	font-weight: bold;

}

.box002 ul li div i{

	color: #969696;

	font-size: 12px;

	text-transform: uppercase;

	margin-bottom: 30px;

	display: block;

}

.box002 ul li div p{

	width: 510px;

}

.box002 .lefts_ys{

	width: 32px;

	height: 32px;

	background:url(../images/left.png) no-repeat center;

	position: absolute;

	right: 538px;

	top: 280px;

	display: block;

	z-index: 999

}

.box002 .rights_ys{

	width: 32px;

	height: 32px;

	background:url(../images/right.png) no-repeat center;

	position: absolute;

	right: 498px;

	top: 280px;

	display: block;

	z-index: 999

}

/*优势*/





/*客户见证*/



.kh_box ul li{

	float: left;

	margin:0 23px 10px 23px;

		width: 346px;

	height: 416px;

	position: relative;

}

.kh_box ul li>a>img{

	width: 346px;

	height: 194px;

	border-radius: 4px;

}

.kh_box ul li div{

	position: absolute;

	top: 160px;

	left: 24px;

	background-color: #f5f5f5;

	width: 300px;

	text-align: center;

	height: 208px;

	border-radius: 4px;

  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.kh_box ul li:hover div{

	cursor:pointer;



background-color: #1b58a9;

}

.kh_box ul li:hover div a,.kh_box ul li:hover div p{

	color: #fff;

}

.kh_box ul li div>a{

	color: #666666;

	font-size: 16px;

	margin-top: 30px;

	display: block;

}

.kh_box ul li div em{

	display: block;

	width: 36px;

	height: 2px;

	background-color: #d9d9d9;

	margin:20px auto;

}

.kh_box ul li div p{

	width: 228px;

	height: 46px;

	overflow: hidden;

	color: #666666;

	font-size: 14px;

	margin:0 auto;

}

.kh_box ul li div span a{

	color: #666666;

	display: block;

	margin-top: 10px;

}

/*客户见证结束*/



/* about*/



.about_box ul li{

	float: left;

}

.about_box ul li h3{

	

	margin-top: 30px;

	

}

.about_l{

	width: 620px;

	height: 420px;

}

.about_box{

	margin-top: 50px;

}

.about_box ul{

	position: relative;

	height: 420px;

}

.about_box ul i{

	width: 588px;

	height: 382px;

	display: block;

	background-color: #f5f5f5;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}

.about_box ul li h3>p{

	font-size: 14px;

	

	text-transform: uppercase;

	color: #4c4c4c;

	

}

.about_box ul li h3>b{

	color: #4c4c4c;

	font-size: 16px;

	margin:0px 0 20px 0;

	display: block;

}

.about_box ul li>p{

	width: 500px;

	height: 66px;

	overflow: hidden;

	color: #808080;

}

.about_box ul li>a{

	text-transform: uppercase;

	color: #333;

	display: block;

	margin-top: 10px;

}

.about_box ul li>a:hover{

	color: #1b58a9;

}

.about_l >b>img{

	width: 588px;

	height: 382px;

	margin:36px 0 0 36px;

		position: absolute;

	z-index: 2;

}

.about_r{

	position: absolute;

	right: -322px;

}

.box011 {width:845px; position:relative;float:left;}



.box011 li{float:left; width:160px; margin:0px 20px 0px 0px; text-align:center;}

.box011 li img{width:160px; height:120px; border:1px solid #cfdbeb;}

.box011 li span a{display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; height:30px; text-align:center; width:100%; color:#666666;}



.box011 li span a:hover{color: #1b58a9;}

/*厂房展示*/

.box0 {width:1156px; margin:40px auto 0 auto;}

.box0 ul {margin:20px auto 0px auto;}

.box0 li {float:left; width:274px; margin:0px 15px 0px 0px; text-align:center;}

.box0 li img {width:274px; height:190px;  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;}



.box0 li:hover span a {

	color:#4c4c4c;

}

.box0 li span a {display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; height:30px; text-align:center; width:100%; color:#4d4d4d;}



.box0 li:hover span a{

	background-color: #1b58a9;

	color: #fff;

}

/*about结束*/







/*新闻中心*/



.new_title{

	margin:50px auto 40px auto;

	width: 1180px;

	height: 78px;

}



.new_title h3{

	

	float: left;

	

}

.new_title h3>b{

	color: #1b58a9;

	font-size: 26px;

	

	display: block;

	font-weight: bold;

}

.new_title h3 p{

	color: #808080;

	font-size: 20px;

	

	text-transform: uppercase;

	

}



.new_box{

	height: 640px;

	overflow: hidden;

}

.new_fl{

	float: right;

	margin-top: 30px;

}

.new_fl ul li{

	float: left;

	margin-left: 20px;

	display: block;

	padding-bottom: 6px;

	color: #4c4c4c;

	font-size: 16px;

}



.new_fl ul li.on {

	border-bottom: 1px solid #1b58a9;

	color: #1b58a9;

}

.new_top>a>img{

	width: 348px;

	height: 238px;

	display: block;

	float: left;

}

.new_top>ul{

	width: 770px;

	float: left;

	margin-left: 35px;

}

.new_top>ul li{

	float: left;

	width: 350px;

	height: 100px;

	margin-right: 35px;

	margin-bottom: 34px;

}

.new_top>ul li a{

	color: #4c4c4c;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.new_top>ul li:hover a{

	color: #1b58a9;

}

.new_top>ul li p{

	width: 350px;

	height: 40px;

	overflow: hidden;

	color: #808080;

	font-size: 12px;

	margin:12px 0;
	line-height:20px;

}

.new_top>ul li i{

	color: #4c4c4c;

	font-size: 14px;

}

.new_cont>div>ul li{

	float: left;

	width: 360px;

	margin-right: 25px;

	margin-bottom: 30px;

}

.new_cont>div>ul li a{

	width: 276px;

	display: block;

	float: left;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    color: #808080;

}

.new_cont>div>ul li:hover a{

	 color: #1b58a9;

}

.new_cont>div>ul li i{

	float: right;

	display: block;

	color: #808080;

}