@charset "gb2312";
/* CSS Document */

html{-webkit-text-size-adjust: none;}/* 取消浏览器最小字体限制 */
body {padding:0px; margin:0px; font-size:12px;white-space:normal;word-break: break-all; }
img{ border:none;}
ul,li,dl,dt,dd,p,b,h1,h2,h3,h4,h5,h6,hr,ol,p{list-style:none;padding:0px; margin:0px; margin-bottom:0px; border:none; text-decoration:none;}



td {font-size:14px;font-family: "microsoft yahei", arial;}
a {text-decoration:none}


.all {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.top {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
body {color: #999999; } 

A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
A:active {
	COLOR: #999999; TEXT-DECORATION: none
}
A:hover {
	COLOR: #33B7B4; TEXT-DECORATION: none
}

.a1 A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
.a1 A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.a1 A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
.a1 A:hover {
	COLOR: #33B7B4; TEXT-DECORATION: none
}

.a2 {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.a2 A:link {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.a2 A:visited {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.a2 A:active {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.a2 A:hover {
	COLOR: #33B7B4; TEXT-DECORATION: none
}

.a3 {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.a3 A:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.a3 A:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.a3 A:active {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.a3 A:hover {
	COLOR: #FFFFCC; TEXT-DECORATION: none
}

.aa2 {font-size:16px;font-family: "microsoft yahei", arial;}
.aa2 A:link {
	COLOR: #999; TEXT-DECORATION: none
}
.aa2 A:visited {
	COLOR: #999; TEXT-DECORATION: none
}
.aa2 A:active {
	COLOR: #999; TEXT-DECORATION: none
}
.aa2 A:hover {
	COLOR: #33B7B4; TEXT-DECORATION: none
}

.aa3 {
	COLOR: #666666; TEXT-DECORATION: none
}
.aa3 A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
.aa3 A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.aa3 A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
.aa3 A:hover {
	COLOR: #33B7B4; TEXT-DECORATION: none
}

.aa5 A:link {
	COLOR: #33B7B4; TEXT-DECORATION: none
}
.aa5 A:visited {
	COLOR: #33B7B4; TEXT-DECORATION: none
}
.aa5 A:active {
	COLOR: #33B7B4; TEXT-DECORATION: none
}
.aa5 A:hover {
	COLOR: #393939; TEXT-DECORATION: none
}
/* 搜索*/

/* 搜索    描边border:#999 solid 1px;*/
.search{ position:absolute; right:0px; top:10px;}
.search input{ float:left;right:0px;left:10px;}
.search_k{ border:none; width:340px; height:32px; background:#fff; padding-left:10px; line-height:30px; color:#999;	border-left: 0px solid #EAEAEA;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-right: 0px solid #EAEAEA;}

.search_k4{ border:none; width:160px; height:32px; background:#fff; padding-left:10px; line-height:30px; color:#999;	border-left: 0px solid #EAEAEA;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-right: 0px solid #EAEAEA;}

.search_k1{ border:none; width:160px; height:38px; background:#EEEEEE; padding-left:15px;  line-height:38px; color:#999999;	border-left: 0px solid #E5E5E5;
	border-top: 0px solid #E5E5E5;
	border-bottom: 0px solid #E5E5E5;
	border-right: 0px solid #E5E5E5;}

.search_k2{ border:none; width:118px; height:23px; background:#999999; padding-left:0px; line-height:23px; color:#fff; margin-bottom:1px;}
.search_k3{ border:none; width:115px; height:20px; background:#999999; padding-left:2px; line-height:20px; color:#fff; margin-bottom:1px;}

.search_k2e{ border:none; width:158px; height:23px; background:#999999; padding-left:0px; line-height:23px; color:#fff; margin-bottom:1px;}
.search_k3e{ border:none; width:155px; height:20px; background:#999999; padding-left:2px; line-height:20px; color:#fff; margin-bottom:1px;}





.sidebar { font-size:13px; float:left; width:220px; margin-bottom:0px;}
.sidebar .title { height:0px; border-bottom:0px solid #d8d8d8; font-size:13px; line-height:480px; color:#33B7B4; }
.sidebar .sidebar-box { border-top:0px solid #fff; width:220px; padding-top:0px;}
.sidebar .sidebar-box ul { padding-bottom:0px;}
.sidebar .sidebar-box ul li { line-height:38px; margin-bottom:0px;}
.sidebar .sidebar-box ul li a { display:block; width:100%; line-height:38px; text-indent:28px; background:#bbbbbb; background:url(../images/left01_17.jpg); color:#666; }
.sidebar .sidebar-box ul li a:hover { background:#C00; background:url(../images/left01_18.jpg); color:#fff; text-decoration:none;}
.sidebar .sidebar-box ul li.current a { background:#C00; background:url(../images/left01_18.jpg); color:#fff;}
.sidebar .sidebar-box ul li ul li{ line-height:38px; margin-bottom:0px;}
.sidebar .sidebar-box ul li ul li a { display:block; width:100%; line-height:38px; background:#FFF; text-indent:18px; color:#999999; font-weight:100;}
.sidebar .sidebar-box ul li ul li a:hover { background:#C00; color:#fff; text-decoration:none;}

/*产品二级分类*/
.sidebar2 a{width:100%;color:#999999;float:left; text-indent:35px;}
.sidebar2 a:hover{color:#FFFFFF;text-decoration:none; background:url(../images/left01_16-2.jpg); }



/*新闻动态*/
.exnews4 {  color:#555555; float:left}
.exnews4 a{ background: #fff; color:#555555; float:left}
.exnews4 a:hover{ background: #33B7B4;color:#fff;text-decoration:none;}

.exnews4-new {  color:#555555; float:left}
.exnews4-new a{ background: #F5F5F5; color:#555555; float:left}
.exnews4-new a:hover{ background: #33B7B4;color:#fff;text-decoration:none;}

.exnews5 a{width:100%;color:#999; float:left}
.exnews5 a:hover{color:#33B7B4;text-decoration:none;}

.exnews6 { background: #f5f5f5; float:left}
.exnews6 a{ color:#555555; float:left}
.exnews6 a:hover{  background: #33B7B4;color:#ffffff;text-decoration:none;}


.exnews7 a{  width:100%;color:#555555; float:left}
.exnews7 a:hover{background: #33B7B4; color:#fff;text-decoration:none;}

/*图片连接边框代码*/
.highlightit img{
border: 4px solid #CCCCCC;
}


.highlightit:hover img{
border: 4px solid navy; border: 4px solid #33B7B4;
}

.highlightit:hover{
color:#33B7B4;
}


/*logo图片连接边框代码*/
.highlightit2 img{
border: 1px solid #E4E4E4;
}

.highlightit2:hover img{
border: 1px solid navy; border: 1px solid #03594c; 
}

.highlightit2:hover{
color:#03594c;
}



/*定义首页移到图片上放大*/
.index_right .pic{ overflow:hidden;}
.index_right img{ transform: scale(1, 1);transition: all 0.4s ease-in-out 0s;}
.index_right img:hover{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }




/*右边在线客服*/

.fixed{ height: 160px;position: fixed;z-index: 9;right: 0;top: 50%;margin-top: -80px;}
.fixed li {position: relative;height: 52px;margin-bottom: 2px;border-radius: 6px 0 0 6px;width:48px;background: #4d4d4d}
.fixed li:after {cursor: pointer;z-index: 33;content: '';background:url(../images/icon.png) no-repeat;width: 62px;height: 100%;position: absolute;top: 0;right: 0;border-radius: 6px 0 0 6px;}
.fixed li:after{background-position:26px -123px}
.fixed .s2:after {background-position: 26px -176px}
.fixed .s3:after {background-position: 26px -230px}
.fixed li a {display: block;height: 100%;color: #fff;}
.fixed .img {padding: 2px;background:#fff; position: absolute;right: -180px;transition:.5s;z-index: 0; border: 10px solid #4d4d4d;}
.fixed .img:after{content: "";border: 10px solid transparent;border-left: 15px solid #4d4d4d; position: absolute;right: -30px;top: 50%;margin-top: -72px; }
.fixed .s3:hover .img{right:60px;}
.fixed li>a {position: relative;z-index: 55;}
.fixed p {white-space:nowrap;line-height:52px;background: #4d4d4d;font-size: 18px;padding:0 6px 0 11px;color: #fff;position: absolute;z-index: -1; right: -240px;border-radius: 6px 0 0 6px;  }
.fixed li:hover p {right:42px;transition:.5s;}




/* 公共分页CSS代码 */ 
DIV.green-black A { font-family: '微软雅黑';
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px solid;
PADDING-LEFT: 0px; BACKGROUND: #666; 
PADDING-BOTTOM: 4px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 0px; 
PADDING-TOP: 4px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none 
} 
DIV.green-black A:hover { font-family: '微软雅黑';
BORDER-RIGHT: #33B7B4 1px solid; BORDER-TOP: #33B7B4 1px solid;
 BACKGROUND:  #33B7B4; BORDER-LEFT: #33B7B4 1px solid;
 COLOR: #fff; BORDER-BOTTOM: #33B7B4 1px solid 
} 
DIV.green-black A:active {font-family: '微软雅黑';
BORDER-RIGHT: #33B7B4 1px solid; BORDER-TOP: #33B7B4 1px solid; 
BACKGROUND: #33B7B4; BORDER-LEFT: #33B7B4 1px solid;
 COLOR: #fff; BORDER-BOTTOM: #33B7B4 1px solid 
} 
DIV.green-black SPAN.current { font-family: '微软雅黑';
BORDER-RIGHT: #33B7B4 1px solid; PADDING-RIGHT: 0px; 
BORDER-TOP: #33B7B4 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; 
BACKGROUND: #33B7B4; PADDING-BOTTOM: 4px; 
BORDER-LEFT: #33B7B4 1px solid; COLOR: #fff; MARGIN-RIGHT: 1px; 
PADDING-TOP: 4px; BORDER-BOTTOM: #33B7B4 1px solid 
} 
DIV.green-black SPAN.disabled { font-family: '微软雅黑';
BORDER-RIGHT: #CCCCCC 1px solid; PADDING-RIGHT: 0px;  
BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px;
BORDER-LEFT: #CCCCCC 1px solid; COLOR: #999999; MARGIN-RIGHT: 4px; PADDING-TOP: 4px; 
BORDER-BOTTOM: #CCCCCC 1px solid 
} 
.page_k2{  font-family: '微软雅黑'; border:none; width:65px; height:26px;border: 1px solid #CCCCCC; background:#fff; padding-left:4px; line-height:26px; color:#999999; margin-bottom:0px;}

/*ie的默认选择框样式下拉箭头*/
select::-ms-expand { font-family: '微软雅黑'; border: 1px solid #fff; background: #f1f1f1;color:#999;}



/*more按钮*/

.newslist a.news_more {
	margin: 10px auto 50px;
	display: block;
	border: #cccccc 1px solid;
	position: relative;
	z-index: 99;
}

.newslist a.news_more {
	color: transparent;
	background: #;
	width: 130px;
	height: 32px;
	transition: all ease-out .9s;
	border-radius: 0px;
	font-size: 13px;
        color: #b9b9b9;
        font-family: arial;
        line-height: 32px;
}

.newslist a.news_more:hover {
	color: transparent;
	background: #;
	width: 130px;
	height: 32px;
	transition: all ease-out .9s;
	border-radius: 0px;
	font-size: 13px;
        color: #fff;
        font-family: arial;
        line-height: 32px;
      
}

.newslist a.news_more i{display: block;width: 0;height: 32px;background: #33B7B4; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;left: 0;position: absolute;top: 0;z-index: -1;}
.newslist a.news_more:hover i{width: 100%; }
.exlist a img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



/*更多系列按钮*/

.product a.news_more {
	width: 200px;
	height: 35px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 35px;
	color: #999;
	display: block;
	background: #fff;
	margin: 5px auto 30px;
	border-radius: 30px;
	position: relative;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	overflow: hidden;
	z-index: 3;
}

.product a.news_more i {
	display: block;
	width: 0;
	height: 35px;
	background: #33B7B4;
	border-radius: 30px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}

.product a.news_more:hover {
	color: #fff;
	z-index: 3;
}

.product a.news_more:hover i {
	width: 100%;
}





.news a.news_more {
	width: 160px;
	height: 35px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 35px;
	color: #999;
	display: block;
	margin: 15px auto 25px;
	border-radius: 0px;
	position: relative;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	overflow: hidden;
	z-index: 3;
}

.news a.news_more i {
	display: block;
	width: 0;
	height: 35px;
	background: #33B7B4;
	border-radius: 0px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}

.news a.news_more:hover {
	color: #fff;
	z-index: 3;
}

.news a.news_more:hover i {
	width: 100%;
}






/*首页关于我们*/
.ilist {
	padding: 0px 0 25px;
	position: relative;
	overflow: hidden;
}

.ilist .title {
	text-align: center;
	line-height: 1;
}

.ilist .title h2 {
	font-size: 32px;
	font-weight: normal;
	color: #444444;
        font-family: HELVETICANEUELTPRO-THEX, "方正正准黑简体", "微软雅黑";
}

.ilist .title p {
	color: #999;
	padding-top: 10px;
	display: block;
	width: 600px;
	color: rgba(191, 191, 191, 0.91);
	font-size: 14px;
	margin: 0 auto;
	border-bottom: 1px #ececec solid;
	padding-bottom: 10px;
	margin: 0 auto;
        font-family: arial;
}



.ilist .title p::after {
	content: '';
	background-image:url(../images/xx.png);
	width: 15px;
	height: 15px;
	display: block;
	border-left: 17px #fff solid;
	border-right: 17px #fff solid;
	position: relative;
	top: 17px;
	left: 275px;

}



.i_list .index_list ul li img,.i_list .index_list ul li h3,.i_list .index_list ul li p,.i_list .index_list .i_01 .i_01_bot b,.i_list .index_list ul li .other_desc,.i_list,.i_list .index_list ul li .other_desc i{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i_list{width: 100%;background-image: url(../images/indaboutbg.jpg);background-repeat: no-repeat;background-position: center;height: 792px;background-size: cover; position: relative; font-family: "microsoft yahei", arial;}
.i_list .index_list{width: 1200px;margin: 73.5px auto;height: 693px;}
.i_list .index_list .mt231{margin-top: 231px;}
.i_list .index_list .i_01{width: 506px;float: left;}
.i_list .index_list .i_01 a{display: block;width: 506px;height: 321px;overflow: hidden; }
.i_list .index_list .i_01 .i_01_bot{width:491px; height: 462px; overflow: hidden;position: relative;text-align: right; padding-right:15px; background: url(../images/i_01bg.jpg) no-repeat; }
.i_list .index_list .i_01 .i_01_bot h3{color: #070707;font-weight: normal;font-size: 26px;line-height: 2.5; padding-top:15px; }
.i_list .index_list .i_01 .i_01_bot p{font-size: 12px;color: #999;line-height: 21px;}
.i_list .index_list .i_01 .i_01_bot b{display: block;width: 160px;height: 80px;background-image:url(bot_arrow2.png);background-position: center;background-repeat: no-repeat;background-color: #;position: absolute;right: 15px;bottom: -265px;}
.i_list .index_list ul li{float: left;cursor: pointer;}
.i_list .index_list ul li:hover img{transform: scale(1.05, 1.05);}
.i_list .index_list ul li:hover .i_01_bot b{bottom: 245px;}
.i_list .index_list ul li:hover .i_01_bot p{color: #333;}
.i_list .index_list ul li .other_desc{width: 231px;height: 231px;background: #fff;overflow: hidden;position: relative;text-align: center;}
.i_list .index_list ul li .other_desc h3{margin-top: 60px;line-height: 60px;font-weight: normal;color: #070707;font-size: 26px;}
.i_list .index_list ul li .other_desc p{font-size: 12px;color: #999;line-height: 21px;}
.i_list .index_list ul li .other_desc i{background-image: url(bot_arrow.png);width: 30px;height: 17px;position: absolute;left: 50%;margin-left: -15px;bottom: -100px;display: block;}
.i_list .index_list ul .i_other a{width: 231px;height: 231px;display: block;overflow: hidden;position: relative;}
.i_list .index_list ul .i_other a em{display: block;width: 236px;height: 236px;border: 5px solid #343434;position: absolute;top: -10px; left: -10px;z-index: 2;transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i_list .index_list ul li:hover em{top: 0;left: 0;width: 221px;height: 221px;}
.i_list .index_list ul li:hover .other_desc{background-color: #343434;}
.i_list .index_list ul li:hover .other_desc i{bottom: 45px;}
.i_list .index_list ul li:hover .other_desc h3{margin-top: 50px;color: #fff;}
.i_list .index_list ul li:hover .other_desc p{color: #fff;}


/*首页新闻标题*/

.newslist {
	padding: 50px 0px 28px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.newslist .title {
	text-align: center;
	line-height: 1;
}

.newslist .title h2 {
	font-size: 32px;
	font-weight: normal;
	color: #444444;
        font-family: HELVETICANEUELTPRO-THEX, "方正正准黑简体", "微软雅黑";
}

.newslist .title p {
	color: #999;
	padding-top: 10px;
	display: block;
	width: 600px;
	color: rgba(191, 191, 191, 0.91);
	font-size: 14px;
	margin: 0 auto;
	border-bottom: 1px #ececec solid;
	padding-bottom: 5px;
	margin: 0 auto;
        font-family: arial;
}

.newslist .title p::after {
	content: '';
	background-image:url(../images/xx.png);
	width: 15px;
	height: 15px;
	display: block;
	border-left: 17px #fff solid;
	border-right: 17px #fff solid;
	position: relative;
	top: 13px;
	left: 275px;

}
