body {font:14px/1.5 AppleGothic,Arial,'微软雅黑';line-height:160%;color:#333333;background:#fff; overflow-x: hidden; word-wrap: break-word;}
body,html,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{padding:0;margin:0;}
dl,dd,dt,ul,li{list-style:none;}
a{color: #333;text-decoration: none;}
li{ list-style:none}
img{ border:0;}
input,select{ border:0; outline:none}
header,nav,section,footer,article,time{ display:block}
table{ border-collapse:collapse}
.clear{clear: both;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}

.warper{width: 1200px; margin:0 auto; overflow: hidden;}

/*顶部导航*/


.head{
	width: 100%;
	border-bottom: #e4e4e4 solid 1px;
}
.header{
	width: 1200px;
	margin: 0 auto;
	height: 80px;
	position: relative;
}
.logo{
	float: left;
	margin-top: 5px;
}
.head_nav{
	float: right;
	margin-top: 20px;
	height: 60px;
}

.head_nav ul li{
	float: left;
}
.head_nav ul li>a{
	display: block;
	float: left;
	width: 97px;
	text-align: center;
	color: #333333;
	font-size: 18px;
	transition: 1s linear 1s infinite normal;
}
.head_nav ul li>a>span{
	display: block;
	font-size: 14px;
	color: #7e7e7e;

}

.head_nav ul li>a:hover{
	color: #21689a;
	transform: scale(1.1,1.1);
}
.head_nav ul li>a:hover span{
	color: #21689a;

}
.head_nav ul li>a.cur{
	color: #21689a;
}
.head_nav ul li>a.cur span{
	color: #21689a;
}

#product1:hover .navd{
	display: block;
}

.head_nav ul li>.navd{
	position: absolute;
	top: 65px;
	background: #4297d2;
	width: 1160px;
	padding: 50px 20px 40px 20px;
	background: url(../images/navbj.png);
	display: none;
	transition: 1s;
	left: 0;
	z-index: 100;
}
.head_nav ul li>.navd ul li{
	float: left;
	margin-right:10px;
	height: auto;
	padding:0 10px;
	overflow: hidden;
}
.head_nav ul li>.navd ul li:last-child{
	margin-right: 0;
}
.head_nav ul li>.navd ul li a{	
	color: #FFFFFF;
	font-size: 14px;
	transition: 1s linear 1s infinite normal;	
	width: auto;
	text-align: left;
}
.head_nav ul li>.navd ul li a b{
	
}
.head_nav ul li>.navd ul li a:hover{
	transform: scale(1.1);
}

#product1:hover .navd{
	display: block;
}


.left_index{
	float: left;
	border: #e8e8e8 solid 1px;
	padding: 0 25px 40px 25px;
	width: 840px;
	margin-top: 35px;
	overflow: hidden;
}
.left_index h1{
	color: #363c40;
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	margin: 15px 0 25px 0;
}
.left_index h1 span{
	color: #7e7e7e;
	font-size: 14px;
	margin-left: 5px;
}
.left_index  img{
	width: 193px;
	height: 245px;
	float: left;
}
.left_index .index_about_info{
	float: right;
	width: 620px;
	color: #727272;
	font-size: 14px;
	line-height: 24px;
}
.left_index .index_about_info span{	
	color: #5b5b5b;
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
}
.right_index{
	float: right;
	margin-top: 35px;
	width: 280px;
	overflow: hidden;
}
.right_index .index_right_info{
	border: #e8e8e8 solid 1px;	
	padding: 10px 25px;
}
.right_index .index_right_info a{
	display: block;
	width: 170px;
	margin: 0 auto;
	border-bottom: #e8e8e8 solid 1px;	
	text-align: center;
	color: #888888;
	font-size: 16px;
	padding: 20px 0;
	transition: all 1s initial
}
.right_index .index_right_info a:hover{
	transform: scale(1.1);
}
.right_index .index_right_info a:first-child{
	background: url(../images/js.png) no-repeat left center;
}

.right_index .index_right_info a:last-child{
	background: url(../images/down.png) no-repeat left center;
	border: none;
}

.right_index .index_contact{
	width: 228px;
	padding: 20px 25px;
	border: #e8e8e8 solid 1px;
	font-size: 14px;
	line-height: 24px;
	color: #727272;
	margin-top: 30px;
	padding-bottom: 39px;
}
.right_index .index_contact span{
	color: #5b5b5b;
	font-size: 16px;
	display: block;
	margin-bottom: 15px;
}
.right_index .index_contact b{
	color: #8a8a8a;
	font-size: 16px;
}
.index_product{
	clear: both;
	margin-top: 25px;
}
.index_product h1{
	color: #363c40;
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	margin: 15px 0 25px 0;
}
.index_product h1 span{
	color: #7e7e7e;
	font-size: 14px;
	margin-left: 5px;
}

.index_product_list{
	width: 100%;
	overflow: hidden;
}
.index_product_list li{
	float: left;
	text-align: center;
	margin-right: 30px;
}
.index_product_list li:last-child{
	margin-right: 0px;
}
.index_product_list li .img{
	width: 275px;
	height: 170px;
	 display: table-cell;
 	vertical-align:middle;
 	text-align: center;
 	 *display: block;
 	 border: #e8e8e8 solid 1px; 
 	 transition: all 1s;
 	 overflow: hidden;
}

.index_product_list li .img img{
	vertical-align:middle;
	max-height: 90px;
}
.index_product_list li  span{
	display: block;
	margin-top: 10px;
}
.index_product_list li .img:hover{
	 -webkit-box-shadow:inset 0 0 10px #ececec;  
  -moz-box-shadow:inset 0 0 10px #ececec;  
  box-shadow:inset 0 0 10px #ececec; 
}

.footer{
	border-top: #e9e9e9 solid 1px;
	margin-top: 15px;
	padding: 20px 0px;
	text-align: center;
	color: #727272;
	font-size: 14px;
}
.footer a{
	font-size: 16px;
	color: #7c7c7c;
	margin: 0 15px;
}



#banner{
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.top35{margin-top: 35px;}

.sidebar{
	width: 240px;
	background: #3992d0;
	color: #FFFFFF;
	padding-bottom: 100px;
	float: left;
}
.sidebar h2{
	width: 190px;
	margin: 0 auto;
	font-size: 22px;
	border-bottom: #FFFFFF solid 1px;
	padding: 15px 0px 10px 10px;
	font-weight: normal;
	margin-bottom: 10px;
}
.sidebar a{
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	padding: 5px 55px;
	transition: all 1s;
}
.sidebar a.cur{
	background-color: #3086c2;
}
.sidebar a:hover{
	background-color: #3086c2;
}

.sidebar .about_sidebar a:nth-child(1){
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 26px;
}

.sidebar .about_sidebar a:nth-child(2){
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: 30px;
}
.sidebar .about_sidebar a:nth-child(3){
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	background-position: 30px;
}

.right{
	float: right;
	width: 930px;
	padding-bottom: 30px;
	line-height: 24px;
	font-size: 14px;
	color: #727272;
}

.title{
	border-bottom: #3992d0 solid 2px;
	font-size: 18px;
	color: #3d3d3d;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.title .menu{
	float: right;
	color: #a1a1a1;
	font-size: 14px;
	width: 500px;
	line-height: 20px
}
.title .menu a{
	color: #a1a1a1;
}

h3{font-size: 16px;color: #2881be;margin: 10px 0px;}

.con .img{
	float: left;
	width: 465px;
	height: 275px;
}
.con .img{
	width: 465px;
	height: 275px;
}
.con .con_con{
	float: left;
	width: 405px;	
	height: 215px;
	padding: 30px 30px;
	background: #fcfcfc;
}



.sidebar .news_sidebar a:nth-child(1){
	background-image: url(../images/icon4.png);
	background-repeat: no-repeat;
	background-position: 28px;
}
.sidebar .news_sidebar a:nth-child(2){
	background-image: url(../images/icon5.png);
	background-repeat: no-repeat;
	background-position: 30px;
}



.news_list{
	overflow: hidden;
}
.news_list li{
	border-bottom: #d7d7d7 dashed 1px;
	background: url(../images/icon1.jpg) no-repeat left;	
	padding: 5px 0px;
	padding-left: 10px;
	transition: all 1s; 
	overflow: hidden;
}
.news_list li a{
	font-size: 16px;
	color: #535353;
	transition: all 1s; 
}

.news_list li span{
	color: #a0a0a0;
	font-size: 14px;
	float: right;
}
.news_list li:last-child{border: none;}
.news_list li:hover{
	background: url(../images/icon2.jpg) no-repeat left;
}
.news_list li:hover a{
	color: #2b81bc;
}

.page{
	text-align: center;
	border-top:#d7d7d7 solid 1px;
	overflow: hidden;
	padding: 20px;
	padding-top:40px ;
}

.page a{
	display: inline-block;
	border: #d8d8d9 solid 1px;
	font-size: 18px;
	color: #898989;
	padding: 5px 10px;
	transition: all 1s;
	text-align: center;
}

.page a:hover{
	color: #FFFFFF;
	background: #3992d0;
	border-color: #3992d0;
}
.page a.cur{
	color: #FFFFFF;
	background: #3992d0;
	border-color: #3992d0;
}


.con h1{
	font-size: 24px;
	color: #4e4e4e;
	font-weight: normal;
	text-align: center;
	border-bottom: #dfdfdf solid 1px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.con h1 span{
	display:block;
	color: #a1a1a1;
	font-size: 14px;
	margin-top: 10px;
}



.product_sidebar>.prod:nth-child(1)>a{
	background-image: url(../images/icon6.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 3px,210px 10px;
}
.product_sidebar>.prod:nth-child(1)>a:hover{
	background-image: url(../images/icon6.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 3px,210px 10px;
}

.product_sidebar>.prod:nth-child(2)>a{
	background-image: url(../images/icon8.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 10px,210px 10px;
}
.product_sidebar>.prod:nth-child(2)>a:hover{
	background-image: url(../images/icon8.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 10px,210px 10px;
}

.product_sidebar>.prod:nth-child(3)>a{
	background-image: url(../images/icon7.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 5px,210px 10px;
}
.product_sidebar>.prod:nth-child(3)>a:hover{
	background-image: url(../images/icon7.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 5px,210px 10px;
}

.product_sidebar>.prod:nth-child(4)>a{
	background-image: url(../images/icon10.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}
.product_sidebar>.prod:nth-child(4)>a:hover{
	background-image: url(../images/icon10.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}

.product_sidebar>.prod:nth-child(5)>a{
	background-image: url(../images/icon9.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}
.product_sidebar>.prod:nth-child(5)>a:hover{
	background-image: url(../images/icon9.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}
.product_sidebar>.prod:nth-child(6)>a{
	background-image: url(../images/icon11.png),url(../images/icon_11.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}
.product_sidebar>.prod:nth-child(6)>a:hover{
	background-image: url(../images/icon11.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}


	





.product_sidebar>.prod > a:hover .product_sidebar .prod .prodnav{
	display: block;
}
.product_sidebar>.prod>.prodnav{
	display: none;
	transition: all 1s;
}
.product_sidebar>.prod>.prodnav a{
	background-repeat: no-repeat;
	background-position: 20px;
}
.product_sidebar>.prod>.prodnav a:hover{
	background-image: url(../images/d.png);
	background-repeat: no-repeat;
	background-position: 25px;
}

.product_sidebar .prod.cur>a{
	background-color: #3086c2;
}
.product_sidebar .prod.cur .prodnav{
	display: block;
}

.product_sidebar>.prod.cur>.prodnav .cur1{
	background-image: url(../images/d.png);
	background-repeat: no-repeat;
	background-position: 25px;
}








.project_nav>.prod > a:hover .product_sidebar .prod .prodnav{
	display: block;
}
.project_nav>.prod>.prodnav{
	display: none;
	transition: all 1s;
}
.project_nav>.prod>.prodnav a{
	background-repeat: no-repeat;
	background-position: 20px;
}
.project_nav>.prod>.prodnav a:hover{
	background-image: url(../images/d.png);
	background-repeat: no-repeat;
	background-position: 25px;
}

.project_nav .prod.cur>a{
	background-color: #3086c2;
}
.project_nav .prod.cur .prodnav{
	display: block;
}

.project_nav>.prod.cur>.prodnav .cur1{
	background-image: url(../images/d.png);
	background-repeat: no-repeat;
	background-position: 25px;
}




.project_nav .prod>a{
	background-image: url(../images/icon13.png),url(../images/icon_1.png);
	background-repeat: no-repeat;
	background-position: 20px 8px,210px 10px;
}


.prod_list li{
	text-align: left;
	width: 288px;
	margin-bottom: 20px;
	height: 280px;
	overflow: hidden;
	
}
.prod_list li a{
	color: #737373;
	font-size: 14px;
}
.prod_list li a span{
	color: #363c40;
	font-size: 16px;
}
.prod_list li .img{
	width: 288px;
}
.prod_list li:nth-child(3n){
	margin-right: 0px;
}

.prod_info{
		float: left;
		overflow: hidden;
}
.prod_info .img1{
	border: 1px solid #e8e8e8;
    display: table-cell;
    vertical-align:middle;
    text-align: center; 
     -webkit-box-shadow:inset 0 0 10px #ececec;  
  -moz-box-shadow:inset 0 0 10px #ececec;  
  box-shadow:inset 0 0 10px #ececec; 
  width: 410px;
  height: 255px;
}
.prod_info .img img{
	vertical-align: middle;
}

.prod_info_con{
	float: right;
	width: 470px;
	overflow: hidden;
}
.prod_info_con h1{
	text-align: left;
	border: none;
}
.prod_info_con a{
	display: block;
	background-color: #3992d0;
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(../images/icon12.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding:3px 0 3px 25px;
	width: 100px;
	margin-top: 30px;
}


.prod_nav{
	border-bottom: #d5d5d5 solid 1px;
	clear: both;
	margin-top: 30px;
}

.prod_nav a{
	display: inline-block;
	border: #d5d5d5 solid 1px;
	padding: 3px 20px;
	margin-right: 5px;
	border-bottom: none;
	font-size: 16px;
	color: #6c6c6c;
	
}
.prod_nav a.cur{
	color: #FFFFFF;
	background: #7f7f7f;
	border-color: #7f7f7f;
}

.con{overflow: hidden;}
.p_con_con{display: none;margin-top: 15px;}

.project_list{
	overflow: hidden;
	
}

.project_list li{
	overflow: hidden;
	width: 410px;
	height: 150px;
	padding: 20px;
	border: 1px solid #e8e8e8;
	-webkit-box-shadow:inset 0 0 10px #ececec;  
  -moz-box-shadow:inset 0 0 10px #ececec;  
  box-shadow:inset 0 0 10px #ececec; 
  float: left;
  margin-bottom: 20px;
}
.project_list li:nth-child(2n){
	float: right;
}
.project_list li .img{
	float: left;
	width: 180px;
	height: 150px;
	text-align: center;
}
.project_list li .img div{
    display: table-cell;
    vertical-align:middle;
    text-align: center;  
    width: 180px;
	height: 150px;   
	overflow: hidden;
	transition: all 1s; 
}
.project_list li .img div img{
	vertical-align:middle;
	width: 180px;
	height: 150px;  
}
.project_list li:hover .img div{
	transform: scale(1.1);
}

.porject_list_info{
	float: right;
	width: 210px;
}
.porject_list_info h4{
	font-weight: normal;
	color: #363c40;
	font-size: 16px;
	margin-bottom: 5px;
}
.porject_list_info  p{
	height:90px ;
	overflow: hidden;
}
.porject_list_info a{
	color: #fff;
	background: #3992d0;
	font-size: 14px;
	display: inline-block;
	padding: 3px 10px;
}

.project_con h1{
	border: none;
}


.sidebar .case_sidebar a:nth-child(1){
	background-image: url(../images/icon14.png);
	background-repeat: no-repeat;
	background-position: 26px;
}
.sidebar .case_sidebar a:nth-child(2){
	background-image: url(../images/icon16.png);
	background-repeat: no-repeat;
	background-position: 26px;
}
.sidebar .case_sidebar a:nth-child(3){
	background-image: url(../images/icon17.png);
	background-repeat: no-repeat;
	background-position: 26px;
}

.sidebar .case_sidebar a:nth-child(1):hover{
	background-image: url(../images/icon14.png);
	background-repeat: no-repeat;
	background-position: 26px;
}


.sidebar .case_sidebar .prodnav a {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 26px;
}

.sidebar .case_sidebar .prodnav a:hover{
	background-image: url(../images/d.png);
	background-repeat: no-repeat;
	background-position: 26px;
}
/*.sidebar .case_sidebar .prod a:nth-child(1){
	background-image: url(../images/icon14.png);
	background-repeat: no-repeat;
	background-position: 26px;
}*/



.xz td{border: none;}
.xz tr{
	height: 40px;
}
.xz .pname{
	color: #3d3d3d;
	font-size: 16px;
	width: 120px;
}

.xz .ptype{
	color: #9d9d9d;
	font-size: 12px;
	width: 250px;
}
.xz .ptype select{
	width: 180px;
	border: #dae5e1 solid 1px;
	height: 25px;
	background: rgba(0, 0, 0, 0) url("../images/x.png") no-repeat scroll 160px center;
	-moz-appearance:none;
	color: #9d9d9d
}

option{
	color:#9d9d9d;
	font-size: 12px;
	border:none
}

.con_list{
	width: 99%;
	margin-top: 20px;
}
.con_list tr td,.con_list tr th{
	border: #d5d5d5 solid 1px;
	text-align: center;
	height: 40px;
}
.con_list tr th{
	background: #f1f1f1;
	color: #3d3d3d;
	font-weight: normal;
	font-size: 14px;
}

.con_list tr td{
	font-size: 14px;
	color: #3d3d3d;
}


.wt_list{
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: #d5d5d5 dashed 1px;
	padding-bottom: 5px;
}
.conno{
	border-bottom: none;
}
.wt_list .w{
	background: url(../images/q.jpg) no-repeat left 5px;
	padding-left: 30px;
	font-size: 16px;
	color: #535353;
}
.wt_list .d{
	background: url(../images/a.jpg) no-repeat left 5px;
	padding-left: 30px;
	font-size: 14px;
	color: #737373;
}

.down_list li{
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: #d5d5d5 dashed 1px;
	padding-bottom: 5px;
}
.down_list li:last-child{
	border: none;
}
.down_list li a{
	float: right;
    background-image: url("../images/icon121.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #7f7f7f;
    display: block;
    font-size: 14px;
    padding: 1px 0 1px 25px;
    width:65px;
    border: #7f7f7f solid 1px;
    transition: all 1s; 
}
.down_list li a:hover{
	background-color: #3992d0;
	color: #FFFFFF;
	background-image: url("../images/icon12.png");
	border-color: #3992d0;
}


.contact{
	width: 100%;
}

.con .contact_list{
	float: left;
	width: 530px;
	height: 200px;
	padding: 30px;
	background: #f7f7f7;
	margin-bottom: 20px;
}
.con .contact_list:nth-child(2n){
	float: right;
}


.con .contact_list b{
	display: block;
	font-size: 16px;
	color: #727272;
}