*{
	padding:0;
	margin:0;
}
html{
	font-size: 12px;
	font-family: Arial;
	list-style:none;
}

ul{
	list-style:none;
}

a{
	font-size: 14px;
	font-family: Arial;
	text-decoration：none;
	text-decoration : none;
}
.main{;

}

.header{
	background: #232f36;
	width: 100%;
	height: 80px;
}

.header .header-nav-box{
	width: 1437px;
	margin:0 auto;
}
.header .header-nav-box .logo{
	float:left;
	margin-top:10px;
}
.header .header-nav-box .nav-box{
	float:left;
	padding-left:40px;
}
.nav-box ul li{
   display: inline-block;
   height: 80px;
   line-height: 80px;
   padding-left: 20px;
   padding-right: 20px;
}

.nav-box ul li.active{
   background: #105095;
   color: #fff;
}
.nav-box ul li.active a{
   color: #fff;
}

.nav-box ul li a{
	font-size: 22px;
	font-family: "微软雅黑";
	color: #b4bdc3;
	text-decoration : none;
   
}

.header .nav li{
	display: inline-block;
}
.banner{
	width: 100%;
}

.box-view-2,.box-view{
	background: #cdd6dd;
	width: 100%;
}
.box-view .box-view-block{
    width: 1200px;
    margin:0 auto;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.box-view .box-view-block .box-view-block-left{
	float: left;
	width: 50%;
	background: red;
	height: 295px;
}
.box-view .box-view-block .box-view-block-right{
	float: left;
	width: 46%;
	font-size: 14px;
	color: #fff;
	background: #105095;
	line-height: 30px;
	padding-left:2%; 
	padding-right: 2%;
	padding-bottom: 30px;
}

.box-view-1{
	width: 100%;
	text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.box-view-1 .box-view-1-block{
	width: 1260px;
	margin:0 auto;
}
.box-view-1 .box-view-1-block ul li{
	display: inline-block;
	width: 49%;
	position: relative;
	border-bottom: 1px solid #cdd6dd;
	height: 100px;
}

.box-view-1-block ul li .num1{
	background: url(../images/01.png) no-repeat;
	height: 46px;
	width: 60px;
	position: absolute;
	left: 0;
	top:25px;
}

.box-view-1 .title{
	margin-bottom: 60px;
}

.box-view-1-block ul li a{
	color: #747474;
	font-size: 16px;
}

.box-view-1-block ul li .news-title{
	position: absolute;
	left: 70px;
	top:20px;
	font-size: 16px;
}

.page{
	;
}

.page .pagination{
	text-align:center;
	margin-top:20px;
}
.page  ul li{
	display:inline-block;
	width:30px;
	height:30px;
	border:1px solid #eaeaea;
	text-align:center;
	line-height:30px;
	background:#fff;
}

.page  ul li.active{
	background:#0099ff;
	color:#fff;
	font-weight:bold;
}

.search{
	width: 100%;
	height: 80px;
	background: #fff;
	position: relative;
}

.search .mobile-view{
	width: 50%;
	position: absolute;
	z-index: 1000;
	left: 0;
	top:-20px;
	height: 100px;
	line-height: -180px;
	border-top: 100px solid #105095;
    border-right: 100px solid transparent;

}

 .search .mobile-view-text{
 position: absolute;
 z-index: 111110;
 color: #fff;
 top: -20px;
 left: 16%;
 height: 100px;
 width: 340px;
 background: url(../images/tel1.jpg?1) no-repeat 0 0px;
 padding-left: 100px;
}

.search .search-input{
	position: absolute;
	left: 55%;
	z-index: 10000;
	height: 70px;
}
.search .search-input .key-txt{
   height: 40px;
   line-height: 40px;
   width: 300px;
   margin-top: 15px;
   padding-left: 10px;
   margin-left: 50px;
   font-size: 18px;
}.search .search-input .search-box{
   height: 40px;
   line-height: 40px;
   width: 120px;
   margin-top: 15px;
   padding-left: 10px;
   margin-left: 30px;
   font-size: 18px;
   background: #018ae2;
   border-radius: 5px;
   border: none;
   color: #fff;
}

.search .search-input .key-txt{
   height: 40px;
   line-height: 40px;
   width: 300px;
   margin-top: 15px;
   padding-left: 10px;
   margin-left: 50px;
   font-size: 18px;
}




.box-view-1-block ul li .news-text{
	position: absolute;
	left: 70px;
	top:50px;
	font-family: "微软雅黑"
}

.box-view-1-block ul li .date-text{
	position: absolute;
	right: 20px;
	top:20px;
	font-size: 14px;
	color: #e5e5e5;
	font-family: "微软雅黑";
}


.box-view-1-block ul li .num2{
	background: url(../images/02.png) no-repeat;
	height: 46px;
	width: 60px;
	position: absolute;
	left: 0;
	top:25px;
}

.box-view-1-block ul li .num3{
	background: url(../images/03.png) no-repeat;
	height: 46px;
	width: 60px;
	position: absolute;
	left: 0;
	top:25px;
}

.box-view-1-block ul li .num4{
	background: url(../images/04.png) no-repeat;
	height: 46px;
	width: 60px;
	position: absolute;
	left: 0;
	top:25px;
}




.box-view-2 .box-view-2-block{
    width: 1220px;
    margin:0 auto;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.box-view-2-block ul li{
	display: inline-block;
	width: 296px;
	height: 226px;
	position: relative;
}

.box-view-2-block ul li .product-title{
	position: absolute;
	z-index: 1000;
	bottom: 0;
	height: 40px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	line-height: 40px;
	text-align: left;
	padding-left: 3%;
	width: 97%;
	font-size: 16px;
}


.box-view-2-block ul li.first-title{
	background: url(../images/index_products.png) 25px 25px #105095 no-repeat;
}

.box-view-3,.box-view-4{
	width: 100%;
	padding-bottom: 100px;
}
.box-view-3 .title,.box-view-4 .title{
	text-align: center;
	height: 100px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.box-view-3-block,.box-view-4-block{
	width: 1427px;
	margin: 0px auto;
}

.box-view-3-block ul li,.box-view-4-block ul li{
	display: inline-block;
	margin-right: 50px;
	margin-top: 20px;
}

.box-view-3-block ul li{
	margin-right: 70px;
}



.footer{
	width: 100%;
	background: #232f36;
	height: auto;
}

.footer .footer-nav{
	width: 1437px;
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 20px;
}

.footer .footer-nav .footer-nav-box{
  width: 25%;
  float:left;

}

.footer .footer-nav .footer-nav-box h1{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	font-family: "微软雅黑";
	margin-top: 30px;
	line-height: 40px;
}

.footer-nav-box ul li{
	line-height: 30px;
}
.footer-nav-box ul li a{
   font-size: 14px;
   font-family: "微软雅黑";
}
.footer .footer-nav .footer-nav-left{
   width: 60%;
   float: left;
}

.footer .footer-nav .footer-nav-right{
   width: 40%;
   font-weight: 50%;
   float:left;
} 
.footer-nav-right .right-box{
   float:left;
   width: 200px;
   border-left:1px solid #42525b;
   padding-left:30px;
   margin-top: 50px;
}
.footer-nav-right .right-contact-box{
   float:left;
   margin-top: 50px;
}
.footer-nav-right .right-contact-box ul li{
   color: #78858c;
   font-size: 16px;
   font-family: "微软雅黑";
   line-height: 36px;
}  


.footer a{
	color: #78858c;
}

.footer .friendlink{
  width: 1437px;
  margin:0 auto;
  height: 100px;
   border-top: 1px solid #42525b;
   padding-top: 20px;
   line-height: 100px;
}

.footer .friendlink .friendlink-logo{
	width: 200px;
	float: left;
}

.footer .friendlink ul li{
	display: inline-block;
	padding-right: 15px;
}

.footer .friendlink .friendlink-right li a{
  color: #576269;
  font-size: 16px;
  font-family: "微软雅黑";

}



.footer .copyclass{
  border-top: 1px solid #42525b;
  width: 1437px;
  margin:0 auto;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #3d4c54;
  font-family: "微软雅黑";
}

/*
* contact
*/
.contact-view{
	width: 100%;
}
.contact-view .title{
	text-align: center;
	margin-top: 80px;
}
.contact-view .contact-view-block{
   width: 1200px;
   margin:0 auto;
   border-bottom: 1px solid #d2dde8;
   padding-bottom: 20px;
   padding-top: 30px;
   text-align: center;
}
.contact-view .contact-view-block p{
	line-height: 40px;
	font-weight: "微软雅黑";
	font-size: 16px;
	color: #959595;
	width: 100%;
}
.contact-view .contact-view-block p b{
	color: #105095;
};

/*
*zhaopin
*/
.zp-view{
	width: 100%;
}
.zp-view .title{
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 18px;
}
.zp-view .zp-view-block{
	width: 1200px;
	margin:40px auto;
}
.zp-view-block-title{
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	padding-left: 30px;
	background: linear-gradient(70deg, #8bcdff, #f2f5f5);
}
.section1{
	margin-top: 20px;
	font-size: 14px;
	line-height: 30px;
}

.view-section{
	width: 100%;
}

.view-section .view-block{
	width: 1200px;
	margin:0 auto;
}

.view-section .view-block .view-box-left{
   float:left;
   width: 35%;
}
.view-section .view-block .view-box-right{
   float:left;
   width: 55%;
   font-size: 16px;
   line-height: 30px;
}

.view-section .view-block .title{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: bold;
}
.view-section .view-block .view-block-box p{
	margin-bottom: 60px;
}
/*
*product
*/
.product-view{
	width: 1260px;
	margin:0 auto;
}
.product-view .product-view-left{
	width: 283px;
	float: left;
	margin-top: 20px;
}
.product-view .product-view-right{
	width: 960px;
	float: right;
}
.product-box{
;
}
.product-box ul li{
	display: inline-block;
	width: 287px;
	height: 310px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	margin-top: 15px;
	margin-left: 15px;
	padding-top: 4px;
	padding-left: 6px;
	line-height: 30px;
	color: #747474;
}

.news-box{

}

.news-box ul li{
	display: inline-block;
	width: 95%;
	height: 200px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 15px;
	padding-top: 10px;
	padding-left: 6px;
	line-height: 30px;
	color: #747474;
}

.product-view-left .left-box{
	margin:0px auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #fff;
}

.product-view-left .left-box ul li{
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

.product-view-left .left-box ul li.active{
   background: #174f8a;
   color: #fff;
}

.product-view-left .left-box ul li.active a{
	color: #fff;
}

.product-view-left .left-box dl{
	width: 100%;
}
.product-view-left .left-box dl dd{
	width: 70%;
	line-height: 40px;
	height: 40px;
	text-align: left;
	padding-left: 25px;
	background: url(../images/news_arrow_right.png) no-repeat 10px 15px;
	border-bottom: 1px solid #d4dde3;
	margin-left: 10%;s

}
.product-view-left .left-box dl dd a{
	color: #999999;
	font-size: 14px;
}

.product-view-left .left-box ul li .title{
    position: absolute;
    bottom: 0;
    background: url(../images/pic_recommended.png) no-repeat;
    width: 100%;
    line-height: 50px;
    height: 40px;
    color: #fff;
    text-align: right;
    font-size: 14px;
}

.product-view-left .left-box h1{
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #4a70a5;
}

.product-box ul li .txt{
	line-height: 30px;
	font-size: 14px;
	text-align: left;
}

.pos{
	height: 80px;
	line-height: 100px;
	border-bottom: 1px solid #b9c7d0;
	margin-left:20px;
	overflow: hidden;
}
.pos h1{
	width: 40%;
	float: left;
}
.pos .pos-xt{
	float: left;
	font-size: 14px;
	color: #a9abad;
	text-align: right;
	width: 60%;
}

.pos .pos-xt a{
	color: #a9abad;
}
.product1{
	margin-bottom: 20px;
}

.left-box h2{
   background: url(../images/product_center.png) no-repeat 30px 0;
   height: 280px;
   height: 100px;
   margin:0 auto;
}

.product-view-left .product1{

}

 .product1  li{
	background: #f6f6f6;
	width: 70%;
	margin-left: 0%;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border:1px solid #c1cdd4;
	text-align: left;
	padding-left: 10px;
	
}
.product1  li a{
	color: #999999;

}

.news-box{
	background: #fff;margin-top: 20px;
}

.news-box .title{
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #eaeaea;
	line-height: 100px;
	text-align: center;
}

.news-box .bodycontent{
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	line-height: 30px;

}