@charset "utf-8";
/* CSS Document */

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,td,form,input,select,option,textarea{
	  margin:0;
  	padding:0;
    border: 0;
    outline:0;
  }
  ul,li,ol{
	list-style:none;
  }
a{text-decoration:none;}
img{border:0px;}
body{font-family: Arial, Helvetica, sans-serif;}
input{margin:0; padding:0; outline:none; border:none;}

.w1200{width:1200px; margin:0 auto;}
.w1000{width:1000px; margin:0 auto;}
.w80{width:80%; margin:0 auto;}
.fr{float:right;}
.clear{clear:both;}



.header{background:#fff; padding-bottom:20px; width:100%; padding-top:20px;}
.search{width:500px; margin-top:20px; }
.button01{background: url(../images/search.png) no-repeat #073b6a;  background-position: center center; /* 水平居中和垂直居中 */
  background-size: 25%; /* 背景图片覆盖整个容器 */
  background-repeat: no-repeat; /* 不重复背景图片 */width:100px; height:40px; text-align:center; cursor:pointer;}
.search_input{width:390px; border:1px solid #cccccc;height:38px; padding-left:5px; }




.navbg {
	height:44px;
	width: 100%;
	background:#073b6a;
	position:absolute;
	z-index:99;
	left:0;

}
#navul li {
	float: left;
	margin-right:1px;
	width:200px;
	height:44px;
	position:relative;
	text-align:center;
	line-height:44px;
}

#navul li a:link, #navul li a:visited {
	color:#FFFFFF;
}

#navul li a:active, #navul li a:hover { background:#2aa2ab; display:block; color:#FFFFFF;	width:200px;
}
#navul li a.on{ background:#2aa2ab; display:block; color:#FFFFFF;	width:200px;}
#navul li ul {
	display:none;
	position:absolute;
	z-index:10000;
	top:44px;
	left:-1px;
	background:#073b6a;
	border-bottom:none;
}
#navul li ul li {
	display:block;
	width:200px;
	float:none;
	margin-right:0px;
	height:44px;
	position:relative;
	line-height:44px;
	border-bottom:#004E6C 1px solid;
	font-size:14px;
	overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/


}
#navul li.navmoon {
	background:#073b6a;
	
	width:200px;
	height:44px;
	line-height:44px;
}
#navul li.navmoon a {
	color:#FFFFFF;
}
#navul li.navhome a:hover {
	color:#2aa2ab;
}
#navul li.navmoon ul {
	display:block;
}
#navul li.navmoon ul a {
	display:block;
	width:200px;
	height:44px;
	line-height:44px;
}
#navul li.navmoon ul a:hover {
	background:#2aa2ab;
}

.banner{margin-top:36px; }


.index_A{padding-top:10px; height:550px; padding-bottom:30px;background: url(../images/bg1.jpg) no-repeat bottom #ffffff;}
.index_A_l{width:550px;}
.index_A_l img{width:100%;}
.index_A_r{width:600px;}
.index_A_r h2{line-height:36px; font-size:24px; margin-bottom:20px;}
.index_A_r p{font-size:16px; line-height:24px; text-align:justify;}

.index_B{ background:#f8F8F8; padding-top:30px; padding-bottom:30px;}
.index_B_l{width:200px; background:#ffffff;padding:10px;}
.index_B_r{width:950px; }
.index_B_l_title{font-weight:bold; font-size:18px; margin-bottom:10px;}
.index_B_list li{line-height:44px; font-size:14px; }
.index_B_list li a:link{color:#333333;}
.index_B_list li a:visited{color:#333333;}
.index_B_list li a:hover{color:#2aa2ab;}
.index_B_list li a:active{color:#2aa2ab;}

.index_B_r_list li{width:290px; height:250px; background:#ffffff;  margin-right:15px; margin-bottom:15px; float:left; padding:5px;}
.index_B_img{height:210px; overflow:hidden; display:flex; justify-content:center;align-items:center;}
.index_B_img img{width:100%; }
.index_B_p{text-align:center; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.index_B_r_list li a:link{color:#333333;}
.index_B_r_list li a:visited{color:#333333;}
.index_B_r_list li a:hover{color:#2aa2ab;}
.index_B_r_list li a:active{color:#2aa2ab;}

.index_C{padding-top:30px; padding-bottom:30px; background:#ffffff; }
.infopic{ width:1090px; height:300px; position:relative; overflow:hidden; margin:15px auto;}
.piclist{ height:300px; position:absolute; top:0; left:0;}
.piclist li{ height:300px; margin-right:0px; margin-left:55px;float:left; overflow:hidden;}
.piclist li img{ height:300px;}

.pic_prev{ width:50px; height:70px; background:url(../images/icon.png) no-repeat; position:absolute; top:95px;  cursor:pointer;}
.pic_next{ width:50px; height:70px; background:url(../images/icon.png) no-repeat; position:absolute; top:95px;  cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -100px; right:0;}

.index_D{padding-top:30px; padding-bottom:50px; border-top:1px solid #f7f7f7; background:#ffffff; height:500px;}
.index_D_l{width:800px;}
.index_D_r{width:350px; border:1px solid #ebebeb;}
.index_D_box{width:90%; margin:20px auto;}
.index_Dbox_title{font-size:18px; font-weight:bold; line-height:30px;}
.index_Dbox_p{font-size:14px; line-height:24px; margin-bottom:10px;}
.D_input{height:40px; border:1px solid #cccccc; width:97%; padding-left:3%; font-size:14px;}
.D_input02{ height:290px;border:1px solid #cccccc; width:97%; padding-left:3%; font-family: Arial, Helvetica, sans-serif;  line-height:30px; font-size:14px;}
.index_D_T{ text-align:right; padding-right:5px;}
.button02{  border-radius:3px; margin-top:10px; width:150px; font-size:16px; height:40px; text-align:center; color:#ffffff; background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  cursor:pointer;}


.index_title{height:50px;line-height:50px; border-bottom:1px solid #dddddd; margin-bottom:40px;}
.index_title_l{color:#073b6a; font-size:26px; font-weight:bold; }
.index_title_r{font-size:14px;}
.index_title_r a:link{color:#073b6a; }
.index_title_r a:visited{color:#073b6a; }
.index_title_r a:hover{color:#2aa2ab; }
.index_title_r a:active{color:#2aa2ab; }
.index_title_line{height:3px; width:100px; background:#33a6aa;}



.footer{background:#181818; text-align:center; color:#cdcdcd; padding-top:30px; padding-bottom:30px;}
.footer_list{width:750px; margin:0 auto;}
.footer_list li {float:left; width:150px; text-align:center; line-height:30px; font-size:16px;}
.footer_list li a{padding-left:40px;}
.footer_list li a:link{color:#cdcdcd}
.footer_list li a:visited{color:#cdcdcd;}
.footer_list li a:hover{color:#2aa2ab;}
.footer_list li a:active{color:#2aa2ab;}
.footer p{line-height:40px; font-size:14px;}




.grey_bg{background:#f8f8f8; padding-bottom:20px;}
.page_add{font-size:14px; height:50px; line-height:50px; background:url(../images/icon02.png) no-repeat 2px; padding-left:25px;}
.about_b{background:#ffffff;padding:10px;  line-height:28px; text-align:justify; }
.about_a{margin-bottom:10px;}
.pageside{background:#ffffff;}
.about_a_l{width:250px;}
.about_a_r{width:900px;}
.white{ background:#ffffff; padding:10px; }
.pageside_title{background:#073b6a; color:#ffffff; font-weight:bold; height:60px; line-height:60px; font-size:20px; border-bottom:2px solid #2aa2ab; padding-left:10px;}
.pageside_list li{height:50px; line-height:50px; font-size:14px;}
.pageside_list li a{display:block;  padding-left:10px;}
.pageside_list li a:link{color:#000000;}
.pageside_list li a:visited{color:#000000;}
.pageside_list li a:hover{color:#000000; background:#e9f3fc;}
.pageside_list li a:active{color:#000000; background:#e9f3fc;}
.pageside_list li a.here{ color:#000000; background:#e9f3fc;}

.page_contact{background:#ffffff; margin-top:10px; padding-bottom:20px;}
a.button03{ border-radius:3px;  width:120px; font-size:14px; height:32px; line-height:32px; margin:0 auto; text-align:center; color:#ffffff; display:block;}
a.button03:link{ background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  }
  
  a.button03:visited{ background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  }
  
  a.button03:hover{ background: -webkit-linear-gradient(left, #2aa2ab, #073b6a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2aa2ab, #073b6a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2aa2ab, #073b6a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2aa2ab, #073b6a); /* 标准的语法 */  }
  
    a.button03:active{ background: -webkit-linear-gradient(left, #2aa2ab, #073b6a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2aa2ab, #073b6a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2aa2ab, #073b6a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2aa2ab, #073b6a); /* 标准的语法 */  }
  
  
.page_contact_box{width:90%; margin:10px auto;}
.page_contact_title{font-size:16px; font-weight:bold; line-height:30px;}
.page_contact_p{font-size:14px; line-height:24px; margin-bottom:10px; }

.aboutar_box{font-size:14px; margin-bottom:30px; }
.aboutarbox_r{width:75%;}
.aboutarbox_l{color:#707070;width:20%;}
.about_a_r_img img{width:100%; }
.about_a_r_img{margin-top:18px;}

.table01{background:#dae0e5; color:#666666;}
.table01 td{height:30px;line-height:30px; padding-left:10px;}


.about_list li{width:200px;  float:left; margin-right:10px; margin-left:15px; margin-bottom:20px; }
.about_list_img{ border:1px solid #cccccc; background:#ffffff; padding:5px;}
.about_list_img img{width:100%;}
.about_list_p{height:30px; line-height:30px; text-align:center;}



.product_list li{width:270px; height:260px; background:#ffffff;  margin-right:15px; margin-bottom:25px; float:left; padding:5px;}
.product_img{height:210px; overflow:hidden; display:flex; justify-content:center;align-items:center;}
.product_img img{width:100%; }
.product_p{text-align:center; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.product_list li a:link{color:#333333;}
.product_list li a:visited{color:#333333;}
.product_list li a:hover{color:#2aa2ab;}
.product_list li a:active{color:#2aa2ab;}


.pages {
  padding: 20px 0px;
  text-align: center;

}
.pages li {
  display: inline;
  margin:0 5px;
}
.pages li a {
  padding: 4px 8px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
}
.pages li a:hover {
  padding: 4px 8px;
  border: 1px solid #073b6a;
  background: #073b6a;
  color: #fff;
}

.s_box_a{padding-top:20px; padding-bottom:20px;}
.s_box_b{padding-top:20px; padding-bottom:20px; background:#ffffff;}
.sboxa_r{width:850px;}
.sboxa_l{width:300px; }
.sboxar_title{font-size:20px; font-weight:bold; line-height:40px;}
.sboxa_r p{line-height:36px;}
.sboxa_l img{width:50%; margin-top:40px; }


a.button04{ border-radius:3px;  width:150px; font-size:15px; height:40px; line-height:40px; text-align:center; margin-top:15px; color:#ffffff; display:block;}
a.button04:link{ background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  }
  
  a.button04:visited{ background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  }
  
  a.button04:hover{ background: -webkit-linear-gradient(left, #2aa2ab, #073b6a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2aa2ab, #073b6a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2aa2ab, #073b6a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2aa2ab, #073b6a); /* 标准的语法 */  }
  
    a.button04:active{ background: -webkit-linear-gradient(left, #2aa2ab, #073b6a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2aa2ab, #073b6a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2aa2ab, #073b6a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2aa2ab, #073b6a); /* 标准的语法 */  }
  
  
  .map{padding-bottom:30px; padding-top:20px;}
  .contact_b{padding-top:30px; padding-bottom:30px; background:#ffffff;}
  
  .contactb_title{font-weight:bold; font-size:18px; line-height:36px;}
  
  .button05{  border-radius:3px;  width:150px; font-size:16px; height:40px; text-align:center; color:#ffffff; background: -webkit-linear-gradient(left, #073b6a, #2aa2ab); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #073b6a, #2aa2ab); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #073b6a, #2aa2ab); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #073b6a, #2aa2ab); /* 标准的语法 */  cursor:pointer; margin:10px auto;}
  
  
  .productxx_t{font-size:24px; font-weight:bold; line-height:36px; margin-bottom:20px;}
  .product_xx{padding-top:30px; padding-bottom:30px;}
  
  .xx_bottom{border-top:1px solid #cecece; padding-top:20px; padding-bottom:20px;}
  .xxb_list li{height:30px; line-height:30px; font-size:14px;}
  .xxb_list li a:link{color:#666666;}
   .xxb_list li a:visited{color:#666666;}
    .xxb_list li a:hover{color:#2aa2ab;}
	 .xxb_list li a:active{color:#2aa2ab;}
	 
	 
	.productxx_l{width:450px;}
	.productxx_r{width:750px;}
	.pxxr_box{border:1px solid #cecece; background:#ffffff; padding:10px;}
	.pxxr_list li{margin-bottom:30px;}
	.pxxrbox_l{ width:20%; color:#999999;}
	.pxxrbox_r{width:75%; text-align:left;}
	
	.pxxr_title{font-weight:bold; font-size:20px; line-height:36px; margin-bottom:20px;}
	

	
	
.product-left{ width: 400px; float: left; padding-bottom: 15px;position: relative;}

.box{ float: left;}

.smallbox{ background:#ffffff; width: 400px;  height: 400px; position: relative;  overflow:hidden;   display:flex; justify-content:center;align-items:center;}
.smallbox img{ width:100%}



.listimg{width:400px;float: left; margin: 20px 0px; position: relative;}
.list_center{ width: 340px; height: 54px; margin: 0px auto; position: relative; overflow: hidden;}
.list_center ul{ height: 54px;}
.list_center ul li{ height: 54px; width: 54px; margin: 0 2px; float: left;}
.list_center ul li img{ width: 50px;height: 50px;border: 2px solid #FFFFFF;}
.list_center ul li img:hover{border: 2px solid #e53e41;}
.listimg i{width: 22px;height: 32px; }
.sprite-arrow-prev{ background:url("../images/disabled-prev.png"); position: absolute;left: 0;top:11px; }
.sprite-arrow-next{ background:url("../images/disabled-next.png"); position: absolute;right: 0;top:11px;}


.about_a_r_title{font-weight:bold; text-align:center; font-size:24px; border-bottom:1px solid #cccccc; height:60px; line-height:60px;}
.about_a_r_img{width:40%; margin:20px auto;}
.about_a_r_img img{width:100%;}



@media (max-width:1430px){
.w80{width:90%; margin:0 auto;}
.header_l{width:50%; margin-top:10px;}
.header_l img{width:100%;}
.search{width:400px;  }
.button01{width:100px;  }
.search_input{width:293px; }

#navul li {width:150px;}
#navul li a:active, #navul li a:hover { width:150px;}
#navul li a.on{ width:150px;}

#navul li ul li {width:150px;}
#navul li.navmoon {width:150px;}
#navul li.navmoon ul a {width:150px;}


.w1200{width:1000px; margin:0 auto;}
.index_A_l{width:450px;}
.index_A_r{width:500px;}
.index_title_l{ font-size:22px;  }
.index_A_r h2{line-height:32px; font-size:18px; margin-bottom:10px;}
.index_A_r p{font-size:13px; line-height:22px;}
.index_A{ height:450px;}


.index_B_r{width:750px; }
.index_B_r_list li{width:230px; height:250px;  margin-right:10px; margin-bottom:10px; padding:5px;}
.index_B_img{height:180px; }


.infopic{ width:890px; height:300px;  margin:15px auto;}

.index_D_l{width:700px;}
.index_D_r{width:250px; }



.about_a_l{width:200px;}
.about_a_r{width:750px;}

.pageside_title{ height:42px; line-height:42px; font-size:18px; padding-left:10px;}
.pageside_list li{height:36px; line-height:36px; font-size:13px;}
.page_contact_title{font-size:14px; line-height:30px;}
.page_contact_p{font-size:13px; line-height:24px; margin-bottom:5px; }
.aboutar_box{margin-bottom:24px; }

.about_b{padding:10px;  line-height:28px; font-size:13px; }

.sboxa_r{width:650px;}
.sboxa_r p{line-height:30px;}

.product_list li{width:235px; height:240px; margin-right:15px; margin-bottom:25px; padding:5px;}
.product_img{height:180px; }

.productxx_r{width:550px;}

.about_list li{width:150px; float:left;  margin-right:10px; margin-left:15px; margin-bottom:20px; }
}


  /* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
 
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #1759aa;
  border: 1px solid #1759aa;
}
.pagination a.page-num-current {
  color: #fff;
  background: #1759aa;
  border: 1px solid #1759aa;
}
/* ----- PB分页数字条效果 结束 ----- */