@charset "utf-8";
/* 全局 */
* {
	transition: background-color ease .3s;
	-moz-transition: background-color ease .3s;
	-webkit-transition: background-color ease .3s;
	-o-transition: background-color ease .3s
}
html {
	webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
a {
	text-decoration: none;
	outline: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
/* 基础 */
* {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-touch-callout: none;
	margin: 0
}
::-webkit-scrollbar {
width:4px;
height:4px
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1)
}
::-webkit-scrollbar-thumb {
border-radius:5px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:rgba(0,0,0,0.2)
}
::-webkit-scrollbar-thumb:hover {
border-radius:5px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:rgba(0,0,0,0.4)
}
input, textarea {
	-webkit-user-select: text
}
/*分页样式*/
.pglist {
	padding: 45px 0 38px 0;
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
}
.pglist a {
	color: #333;
	padding: 0 10px;
	margin: 0 5px;
font-/weight: bold;
	background: #fff;
	border: 1px solid #d5d5d5;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 28px;
	height: 28px;
	padding-bottom: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #008fcd;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #008fcd;
}
/*返回首页*/
#tip {
	padding-top: 30px;
}
#tip b {
	color: #008fcd;
	font-weight: bold;
}
/* 评论 */
.c-proBox h3 {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	background: #008fcd;
	color: #ffffff;
	padding: 5px 10px;
	margin: 10px 0;
}
.c-comment li {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	line-height: normal;
	margin-bottom: 10px;
	padding: 0 15px;
	border: 1px solid #ddd;
	background: #ffffff;
}
.c-comment li p {
	padding: 15px 0;
	border-top: 1px dashed #ddd;
}
.c-comment li p span {
	float: right;
}
.c-comment li p.on {
	border-top: 0;
}
.c-comment li p.admin {
	color: #008fcd;
}
.c-more {
	text-align: center;
	line-height: normal;
}
.c-more a {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	background: #008fcd;
	color: #ffffff;
	padding: 13px 0;
}
.c-more a:hover {
	background: #00a83c;
}
/* 留言 */
.c-book ul li {
	position: relative;
	margin-top: 10px;
}
.c-book ul li em {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 150px;
	font-style: normal;
}
.c-book ul li textarea, .c-book ul li input, .c-book ul li select {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 6px;
	border: 1px solid #ddd;
	font-family: 'Microsoft Yahei';
	box-shadow: 0px 0px 5px #e3e3e3 inset;
}
.c-book ul li textarea:hover, .c-book ul li input:hover, .c-book ul li select:hover, .c-book ul li textarea:focus, .c-book ul li input:focus, .c-book ul li select:focus {
	border-color: #008fcd;
	box-shadow: 0px 0px 5px #008fcd inset;
}
.c-book ul li textarea {
	width: 360px;
	height: 150px;
	overflow-y: hidden;
}
.c-book ul li img {
	position: absolute;
	cursor: pointer;
	top: 4px;
	margin-left: 5px;
}
.c-book ul li.bnt {
	margin-left: 150px;
}
.c-book ul li.bnt input {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
	width: 120px;
	margin-left: 10px;
	border-color: #008fcd;
	background: #008fcd;
	color: #ffffff;
	box-shadow: none;
}
.c-book ul li.bnt input:hover {
	border-color: #00a83c;
	background: #00a83c;
	box-shadow: none;
}
.c-cb, .c-cbli li {
	zoom: 1;
}
/*---------------banner-----------------*/
.banner1 {
	width: 100%;
	
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.banner2 {
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
/* 幻灯切换 */
.banner1 .slideBox {
	display: block;
	width: 100%;

	overflow: hidden;
	
}
.banner1 .slideBox .bd img {
	display: block;
	margin: 0 auto;
	
}
.banner1 .slideBox .prev {
	display: none;
	position: absolute;
	padding: 0;
	left: 50%;
	margin-left: -595px;
	top: 58%;
	margin-top: -73px;
	width: 38px;
	height: 73px;
	background: url(../images/next_bg_09.png) no-repeat left center;
	background-position: 0 0;
}
.banner1 .slideBox .next {
	display: none;
	position: absolute;
	padding: 0;
	right: 50%;
	margin-right: -595px;
	top: 58%;
	margin-top: -73px;
	width: 38px;
	height: 73px;
	background: url(../images/next_bg_09.png) no-repeat left center;
	background-position: right center;
}
.banner1 .slideBox .hd {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 13px;
	z-index: 1;
	width: 100%;
	text-align: center;
}
.banner1 .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	text-align: center;
}
.banner1 .slideBox .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 11px;
	height: 11px;
	background: #fff;
	cursor: pointer;
	border-radius: 100%;
}
.banner1 .slideBox .hd ul li.on {
	background: #008fcd;
}
/* 幻灯切换 */
.banner2 .slideBox2 {
	display: block;
	width: 1600px;
	height: 260px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -800px;
}
.banner2 .slideBox2 .bd img {
	display: block;
	margin: 0 auto;
	height: 260px;
}
.banner2 .slideBox2 .prev {
	display: none;
	position: absolute;
	padding: 0;
	left: 50%;
	margin-left: -595px;
	top: 64%;
	margin-top: -73px;
	width: 38px;
	height: 73px;
	background: url(../images/next_bg_09.png) no-repeat left center;
	background-position: 0 0;
}
.banner2 .slideBox2 .next {
	display: none;
	position: absolute;
	padding: 0;
	right: 50%;
	margin-right: -595px;
	top: 64%;
	margin-top: -73px;
	width: 38px;
	height: 73px;
	background: url(../images/next_bg_09.png) no-repeat left center;
	background-position: right center;
}
.banner2 .slideBox2 .hd {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 13px;
	z-index: 1;
	width: 100%;
	text-align: center;
}
.banner2 .slideBox2 .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	text-align: center;
}
.banner2 .slideBox2 .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 11px;
	height: 11px;
	background: #fff;
	cursor: pointer;
	border-radius: 100%;
}
.banner2 .slideBox2 .hd ul li.on {
	background: #008fcd;
}
/* 下拉菜单 */
.common-nav2 {
	display: none;
	position: absolute;
	z-index: 9999;
	text-align: center;
	top: 30px;
	right: -10px;
	padding-top: 10px;
	width: 110px;
}
.common-nav2_in {
	background: #008fcd;
	width: 100%;
}
.common-nav2 div {
	font-size: 12px!important;
	text-align: center;
	border-bottom: 1px dashed #007db3;
}
.common-nav2 div:last-child {
	font-size: 12px!important;
	text-align: center;
	border-bottom: 0;
}
.common-nav2 i {
	width: 0;
	height: 0;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -7px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #008fcd;
}
.common-nav2 div a {
	font-size: 12px!important;
	display: block!important;
	line-height: 35px;
	text-align: center;
	margin: 0!important;
	padding-bottom: 0!important;
	color: #fff!important;
}
.common-nav2 div a:hover {
	background: #00a83c!important;
	color: #fff!important;
}
.common-nav2 div a:after {
	display: none;
}
/* 浮动工具 */
.c-tools {
	position: fixed;
	z-index: 9999;
	text-align: center;
	right: 0;
	bottom: 50%;
	margin-bottom: -144px;
}
.c-tools ul li {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	position: relative;
	width: 62px;
	height: 62px;
	margin: 1px;
	background: #008fcd url(../images/tools-ico.png) no-repeat;
}
.c-tools ul li:hover {
	background-color: #00a83c;
}
.c-tools ul li span {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	display: none;
	position: absolute;
	right: 63px;
	width: 160px;
	line-height: 62px;
	padding: 0 10px;
	background: #00a83c;
	color: #ffffff;
	font-weight: bold;
    font-size: 14px;
}
.c-tools ul li .ewmPic {
	width: 168px;
}
.c-tools ul li .ewmPic img {
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 168px;
	height: 168px;
}
.c-tools ul .tel-ico {
	background-position: center -22px;
}
.c-tools ul .tel-ico span {
	
}
.c-tools ul .ewm-ico {
	background-position: center 21px;
}
.c-tools ul .qq-ico {
	background-position: center -69px;
}
.c-tools ul .top-ico {
	background-position: center -115px;
}
/* product view 产品内页 */
.view_imgs {
	width: 555px;
	height: 500px;
	margin: 20px auto;
	position: relative;
	background: #f7f7f7;
}
.view_imgs .btn {
	position: absolute;
	width: 15px;
	height: 70px;
	top: 422px;
	cursor: pointer;
	z-index: 99;
	font-size: 50px;
	font-weight: bold;
}
.view_imgs .prev {
	left: 0;
	background: url(../images/view_left.png) no-repeat center center #bfbebe;
}
.view_imgs #prev, .view_imgs #prev #next {
	width: 15px;
	height: 70px;
	margin-left: 0;
}
.view_imgs #prevTop, .view_imgs #nextTop {
	display: none
}
.view_imgs .next {
	right: 0;
	background: url(../images/view_right.png) no-repeat center center #bfbebe;
}
.view_imgs li {
	float: left;
}
.view_imgs .prev:hover, .view_imgs .next:hover {
	background-color: #008fcd;
}
.view_imgs .cf li {
	position: relative;
	color: #fff;
}
.view_imgs .cf a {
	display: block;
	width: 555px;
	height: 416px;
	position: absolute;
	color: #fff;
}
.view_imgs .picBox {
	height: 416px;
	position: relative;
	overflow: hidden;
}
.view_imgs .picBox ul {
	height: 416px;
	position: absolute;
}
.view_imgs .picBox li {
	width: 555px;
	height: 374px;
}
.view_imgs .listBox {
	width: 511px;
	height: 71px;
	margin: 0 auto;
	position: relative;
	padding: 6px 0 10px;
	overflow: hidden;
}
.view_imgs .listBox ul {
	height: 71px;
	position: absolute;
}
.view_imgs .listBox li {
	width: 104px;
	height: 71px;
	cursor: pointer;
	position: relative;
}
.view_imgs .listBox li a {
	display: block;
	width: 95px;
	height: 71px;
}
.view_imgs .listBox li img {
	width: 95px;
	height: 71px;
}
.view_imgs .listBox .on img {
	width: 89px;
	height: 65px;
	border: 3px solid #008fcd;
}
.view_imgs .picBox li img {
	max-width: 100%;
}
.ol_width {
	width: 580px;
}
.footer {
  background: #353535;
  width: 100%;
  margin-top: 2%;
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 90px;
  }
}
.footer_com {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding: 3% 0px;
}
.footer_com .di_nav {
  width: 65%;
  float: left;
}
.footer_com .di_nav li {
  width: 15%;
  float: left;
  border-left: 1px solid #4a4a4a;
  padding-left: 15px;
}
.footer_com .di_nav li a {
  display: block;
  color: #959595;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  width: 100%;
}
.footer_com .di_nav li a:hover {
  color: #0083c7;
}
.footer_com .di_nav li .tit {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  color: #fff;
  margin-bottom: 10px;
}
.footer_com .er_right {
  width: 35%;
  float: right;
}
.footer_com .er_right .er {
  width: 22%;
  float: left;
}
.footer_com .er_right .er .pic {
  position: relative;
}
.footer_com .er_right .er .pic i {
  display: block;
  padding-bottom: 100%;
}
.footer_com .er_right .er .pic img {
  padding: 10px;
  border: 1px solid #606060;
  box-sizing: content-box;
}
.footer_com .er_right .er .text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-left: 10px;
}
.footer_com .er_right .er .text span {
  display: block;
  line-height: 25px;
  height: 25px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
.footer_com .er_right .er .text span:last-child {
  color: #aeaeae;
  font-size: 12px;
}
.footer_com .er_right .dian {
  width: 55%;
  float: right;
  padding-left: 52px;
}
.footer_com .er_right .dian span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer_com .er_right .dian a {
  display: block;
  color: #ff9a00;
  font-size: 25px;
 
}
@media (max-width: 768px) {
  .footer_com .di_nav {
    display: none;
  }
  .footer_com .er_right {
    width: 100%;
    padding: 5% 0px;
  }
  .footer_com .er_right .er {
    width: 30%;
  }
  .footer_com .er_right .er .pic i {
    padding-bottom: 31.25%;
  }
  .footer_com .er_right .dian {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .footer_com .er_right .er {
    width: 100%;
  }
  .footer_com .er_right .er .text {
    padding-left: 0px;
  }
  .footer_com .er_right .dian {
    width: 100%;
    display: none;
  }
  .footer_com .er_right .dian span {
    font-size: 14px;
  }
  .footer_com .er_right .dian a {
    font-size: 18px;
  }
}
.copy {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  border-top: 1px solid #484848;
  padding: 5px 0px;
  color: #7a7a7a;
  font-size: 12px;
}
.copy .amap {
  float: left;
}
.copy .amap:hover {
  color: #0083c7;
}
.copy span {
  width: 60%;
  display: inline-block;
}
.copy .y_a {
  float: right;
}
.copy .y_a .map {
  margin-right: 10px;
  display: none;
}
.copy .y_a .map:hover {
  color: #0083c7;
}
@media (max-width: 640px) {
  .copy {
    text-align: center;
  }
  .copy .amap {
    display: none;
  }
  .copy span {
    width: 100%;
  }
  .copy .y_a {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .copy .y_a .map {
    display: inline-block;
  }
}
.h_wrap{min-width: 1180px;height:183px;background:#fff;}
.h_top{height:29px;line-height:28px;color:#4e4e4e;overflow:hidden;    background: #fbfbfb;}
.h_top .top_right{color:#4e4e4e;}
.h_top span a{padding:0;}
.h_top a{padding:0 8px;display:inline-block;color:#4e4e4e;}
.h_top .wb{padding-right:0;}

.h_mid{height:107px;padding-top:0;   background: #fff;}
.logo{width:955px;display:inline;}
.logo h1{width:400px}
.logo h1 img{display:block;height:60px;margin-top: 20px;}
.logo p{font-size:18px;color:#222;padding:14px 0 0 17px;}
.logo p strong{color:#003792;display:block;font-weight:bold;padding-top:6px;}

.phone{font-size:14px;/*margin-top:14px;*/display:inline-block;background:url(../images/phone.jpg) no-repeat left center;padding:0 0 0 55px;    margin-top: 30px;}
.phone span{display:block;color:#d80000;/*line-height:30px;*/padding-top:1px;font: bold 24px "Arial";}
/*导航*/
.nav{ background: #fbfbfb;}
.nav ul{width:1180px;height:47px;margin:0 auto;overflow:hidden;}
.nav ul li{float:left;text-align:center;display:inline;zoom:1;margin-left:-1px;position:relative;z-index:10001;}
.nav li a{height:47px;line-height:45px;display:inline-block;color:#000;zoom:1;padding:0 54px;font-size:16px;font-weight:bold}
.nav li a:hover,.nav .cur a{background:#008fcd;text-decoration:none;display:inline-block;zoom:1;color:#FFF}
.nav .wb{background:none;}
.header{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.fl { float:left;}
.fr { float:right;}
.m-search{margin-top:40px;float: right;height: 35px;  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}
.m-search .u-search-key{border: 0 none;color: #ccc;float: left;font-size: 14px;height: 18px;line-height: 18px;padding: 5px;width:330px;border: 2px solid #008fcd;}
.m-search .u-search-btn{color:#fff;font-size: 14px;border: 0 none;height: 32px;overflow: hidden;width: 60px;float:right;background:url(../images/soso_blue.jpg) no-repeat right center;}
.m-search .u-search-key:focus{ color: #000;}

.subMenu li{ font: 14px/34px arial,helvetica,sans-serif; color: #8d8d8d; padding-left: 30px; float: none;}
.subMenu li.address{ background: url(../images/index_44-14.png) no-repeat left center;}
.subMenu li.telphone{ background: url(../images/index_44-15.png) no-repeat left center;}
.subMenu li.email{ background: url(../images/index_56.png) no-repeat left center;}
.subMenu li.website{ background: url(../images/index_56-23.png) no-repeat left center;}