@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;/*-webkit-user-select:none;*/-webkit-text-size-adjust:none;color:#666 ;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#666;}
a:hover {color:#00afe9;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}

/*index*/
#header .top {background-color:#33343f;color:#fff;height:38px;line-height:38px;font-size:15px;overflow:hidden;}
#header .top .top_left {padding-left:10px;}
#header .top .top_right {padding-right:100px;font-size:26px;font-weight:bold;}
#header .top .top_right  img {margin-top:10px;}
#header .logo_nav {height:80px;}
#header .logo_nav .logo {padding:25px 0 0 10px;}
#header .logo_nav .nav li {float:left;line-height:80px;height:80px;padding:0 20px;;}
#header .logo_nav .nav li a {color:#333;font-size:16px;display:block;}
#header .logo_nav .nav li a:hover,#header .logo_nav .nav li a.active {color:#00afe9}

#banner_slideBox{ position:relative;}
#banner_slideBox .hd{ height:15px; overflow:hidden; position:absolute;left:50%;bottom:10px; z-index:1;/*margin-left:-50px; */}
#banner_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#banner_slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px;border-radius:15px; text-indent:-9999px;background:#ddd; cursor:pointer; }
#banner_slideBox .hd ul li.on{ background:#00afe9;}
#banner_slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner_slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner_slideBox .bd .banner_img{display:block;width:100%;height:500px;}
#banner_slideBox .prev,#banner_slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-48px; display:block; width:52px; height:97px; background:url(../images/slider-arrow.png) 0 -103px no-repeat;}
#banner_slideBox .next{ left:auto; right:3%; background-position:-103px -103px;}
#banner_slideBox .prev:hover{background-position:0 0;}
#banner_slideBox .next:hover{background-position:-103px 0;}

#container  {margin:30px 0;}
#container .about {padding:20px 0 30px;}
#container .about .about_con {width:700px;font-size:16px;line-height:2;padding-top:40px;}
#container .btn_more {display:block;width:140px;height:36px;line-height:36px;text-align:center;border:1px solid #999;margin-top:30px;}
#container .btn_more:hover {border:1px solid #00afe9;}

#container hgroup {text-align:center;}
#container hgroup  h3 {font-size:28px;color:#333;}
#container hgroup  h6 {text-transform:uppercase;width:160px;background-color:#fff;margin:0 auto;position:relative;z-index:1;}
#container .h_line {width:300px;height:1px;background-color:#777;position:relative;left:50%;margin-left:-150px;top:-10px;z-index:0;}

#container .product {background:#00afe9 url(../images/product_bg.jpg) no-repeat 50% 0;height:842px;padding:50px 0;}
#container .product hgroup  h3 {color:#fff;}
#container .product hgroup  h6 {color:#fff;background-color:#00afe9;}
#container .product .h_line {background-color:#fff;}

#product_slide {position:relative;}
#product_slide .hd {position:absolute;left:50%;top:15px;}
#product_slide .hd ul  li {float:left;color:#fff;font-size:16px;padding:0 15px;}
#product_slide .hd ul  li:hover,#product_slide .hd  li.on {cursor:pointer;color:#fff21b;}
#product_slide .bd {position:relative;top:70px;}
#product_slide .bd .bd_wrap li {float:left;margin:10px;transition:all 0.3s;}
#product_slide .bd .bd_wrap li:hover {transform:translateY(-5px)}
#product_slide .bd .bd_wrap li a {color:#fff;text-align:center;line-height:2;}
#product_slide .bd .bd_wrap li a img {border-radius:5px;}
#product_slide .bd .btn_more {color:#fff;border:1px solid #fff;margin:50px auto 0;}


#container .advantages {padding:50px 0;}
#container .advantages .advantages_con li {float:left;width:280px;text-align:center;margin:20px 10px;}
#container .advantages .advantages_con li h6 {font-size:18px;line-height:3;font-weight:bold;}
#container .advantages .advantages_con li p {text-align:left;}

#container .video {padding:30px 0;}
#container .video ul li  {float:left;width:360px;margin:15px 20px;}
#container .video ul li  a {display:block;position:relative;}
#container .video ul li  a .video_pic img {width:360px;height:280px;}
#container .video ul li  a .video_play {position:absolute;top:0px;left:0;background-color:rgba(0,0,0,0.3);z-index:10;width:100%;height:100%;}
#container .video ul li  a .video_play img {position:absolute;top:50%;left:50%;margin:-55px 0 0 -35px;}
#container .video ul li  a .video_play h6 {position:absolute;top:50%;left:50%;margin:20px 0 0 -40px;font-size:20px;color:#fff;}
#container .video ul li  a:hover .video_play  {background-color:rgba(0,175,233,0.8);}
#container .video .btn_more {margin:30px auto 0;}



#container .news_exhibit {padding:30px 0;}
#container .news_exhibit .news {width:710px;}
#container .news_exhibit h4 {font-size:24px;color:#333;line-height:2.5;}
#container .news_exhibit h4 a {float:right;font-size:16px;}
#container .news_exhibit .news .news_1 .news_pic img {width:156px;height:108px;}
#container .news_exhibit .news .news_1 .news_con1 h6 {line-height:3;}
#container .news_exhibit .news .news_1 .news_con1 h6 a {color:#444;font-size:16px;}
#container .news_exhibit .news .news_1 .news_con1 h6 a:hover {color:#00afe9}
#container .news_exhibit .news .news_con li {border-bottom:1px solid #ddd;line-height:3;}
#container .news_exhibit .news .news_con li span {float:right;}
#container .news_exhibit .exhibit {width:444px;}
#container .news_exhibit .exhibit .exhibit_con img {width:444px;height:284px;}

#footer .footer_nav {background:url(../images/footer_bg.jpg) no-repeat 50% 0;height:340px;padding-top:20px;}
#footer .footer_nav dl {float:left;color:#fff;margin:0 30px;}
#footer .footer_nav dl a {color:#fff;}
#footer .footer_nav dl dt {font-size:22px;line-height:4;}
#footer .footer_nav dl dd {line-height:2;}
#footer .footer_nav .weixin_share {margin-top:30px;}
#footer .footer_nav .weixin_share .weixin {margin-left:30px;margin-bottom:30px;width:124px;height:124px;}
#footer .footer_copyright {text-align:center;line-height:3;}



/*list*/

#container .left_aside {float:left;width:260px;}
#container .left_aside .left_menu h3 {font-size:24px;background-color: #00afe9;color:#fff;text-align:center;line-height:2;}
#container .left_aside .left_menu li {line-height:2;margin-top:5px;font-size:18px;text-align:center;}
#container .left_aside .left_menu li a {display:block;border:1px solid #ccc;}
#container .left_aside .left_menu li a:hover,#container .left_aside .left_menu li a.active {border:1px solid #00afe9;color:#00afe9;}
#container .left_aside .left_box {margin-top:20px;}
#container .left_aside .left_box h4 {font-size:18px;border-bottom:2px solid #00afe9;line-height:2;padding-left:10px;}
#container .left_aside .left_box .left_con {padding:10px 0;}
#container .left_aside .left_box .left_con p {font-size:15px;line-height:2;color:#666;}
#container .left_aside .left_box .left_con p strong {font-size:18px;}
#container .left_aside .left_box .left_con li {line-height:2;}
#container .left_aside .left_box .left_con li span {color:#999;float:right;}
#container .left_aside .left_box .left_con i img {margin-top:6px;}


#container .right_con {float:right;width:900px;}
#container .right_con .right_pos {border-bottom:1px solid #bbb;overflow:hidden;height:40px;}
#container .right_con .right_pos  h2 {font-size:22px;color:#00afe9;line-height:2;}
#container .right_con .right_pos  h2 span {float:right;font-size:15px;margin-top:10px;color:#888;}
#container .right_con .right_pos  h2 span a {color:#888;}
#container .right_con .right_pos  h2 span a:hover {color:#333;}
#container .right_con .right_pos  h2 span img {margin-top:5px;}
#container .right_con .list_con li {border-bottom:1px dashed #ccc;padding:15px 0 10px;}
#container .right_con .list_con li h6 {font-size:17px;line-height:2;background:url(../images/icon-tit.png) no-repeat left center;text-indent:5px;}
#container .right_con .list_con li h6 span {float:right;font-size:15px;color:#888;}
#container .right_con .list_con li p {color:#666;}



/*show*/
#container .right_con .show_con {padding:20px;}
#container .right_con .show_con h1.show_tit {text-align:center;line-height:2;color:#333;font-size:26px;}
#container .right_con .show_con .show_time {font-size:13px;text-align:center;color:#777;}
#container .right_con .show_con .show_content {padding:20px 0;}
#container .right_con .show_con .show_content p,#container .right_con .show_con .show_content div {font-size:15px;color:#555;margin-bottom:10px;}
#container .right_con .show_con .page_next {padding-top:30px;color:#555;clear:both;}

/*list product*/
#container .right_con .list_product ul li  {float:left;width:280px;overflow:hidden;margin:15px 10px 0 0;}
#container .right_con .list_product ul li a {display:block;text-align:center;}
#container .right_con .list_product ul li a img {height:200px;max-width:280px;}
#container .right_con .list_product ul li a h6 {font-size:16px;}

/*zh show*/
#container .show_content .show_body {padding:20px;}
#container .inkPhoBox {
	width: 808px;
	margin: 0px auto;
	background: url(../images/m2picbg2.jpg) no-repeat;
	height: 614px;
}
#container .inkPhoBox .main {
	width: 808px;
}
#container .inkPhoBox .mod18 {
	width: 808px;
	position: relative;
}
#container .inkPhoBox #prev {
	background: url(../images/m2pic_btn1.jpg) no-repeat;
	height: 18px;
	width: 11px;
	position: absolute;
	z-index: 99;
	left: 4px;
	top: 40px;
	cursor: pointer;
}
#container .inkPhoBox #next {
	background: url(../images/m2pic_btn2.jpg) no-repeat;
	height: 18px;
	width: 11px;
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 4px;
	cursor: pointer;
}
#container .inkPhoBox .mod18 #prevTop {
	display: none
}
#container .inkPhoBox .mod18 #nextTop {
	display: none
}
#container .inkPhoBox .mod18 li {
	float: left;
}
#container .inkPhoBox .mod18 .cf li {
	position: relative;
	color: #fff;
}
#container .inkPhoBox .mod18 .cf a {
	display: block;
	width: 526px;
	height: 377px;
	position: absolute;
	color: #fff;
}
#container .inkPhoBox .mod18 .cf li span {
	display: block;
	width: 780px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 7px 20px;
	line-height: 22px;
	text-align: left;
	background: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = "#60000000", endColorstr = "#60000000");
}
#container .inkPhoBox .bigImgBox {
	width: 780px;
	height: 500px;
	margin-left: 14px;
	padding-top: 14px;
}
#container .inkPhoBox .mod18 .picBox {
	width: 780px;
	height: 500px;
	position: relative;
	overflow: hidden;
}
#container .inkPhoBox .mod18 .picBox ul {
	height: 500px;
	position: absolute;
	left: 0;
}
#container .inkPhoBox .mod18 .picBox li {
	width: 780px;
	height: 500px;
}
#container .inkPhoBox .smImgBox {
	width: 781px;
	height: 81px;
	padding: 10px 0px 0px;
	position: relative;
	background: #F1F1F1;
	margin-left: 14px;
}
#container .inkPhoBox .mod18 .listBox {
	width: 737px;
	height: 81px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	margin-left: 21px;
}
#container .inkPhoBox .mod18 .listBox ul {
	height: 81px;
	position: absolute;
	padding-left: 0px;
}
#container .inkPhoBox .mod18 .listBox li {
	width: 148px;
	height: 81px;
	cursor: pointer;
	position: relative;
}
#container .inkPhoBox .mod18 .listBox li i {
	display: none;
}
#container .inkPhoBox .mod18 .listBox li a {
	display: block;
	width: 136px;
	height: 60px;
	
}
#container .inkPhoBox .mod18 .listBox li img {
	border: 3px solid #D3D3D3;
	width: 142px;
	height: 66px;
	margin-top: 5px;
}
#container .inkPhoBox .mod18 .listBox .on img {
	width: 142px;
	height: 71px;
	background: url(../images/ink_imgbg.jpg) no-repeat center top;
	padding: 8px 3px 3px;
	border-width: 0px;
	border-style: none;
	margin-top: 0px;
}
#container .inkPhoBox .mod18 .listBox .on i {
	display: block;
}
#container .inkPhoBox .left_top {
	font-family: Arial;
	font-size: 32px;
	color: #fff;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #333
}

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体;text-align:center; margin-top:30px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}


.hwc08031{
width: 211px;	
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}