@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th,{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; -webkit-text-size-adjust: none; }
body { line-height: 1; text-align:left; }
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }
input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#555656}
a:hover{ text-decoration:underline}
.arial{ font-family:Arial;}
body { font-family:"微软雅黑"; font-size:12px; color:#555656}
input { color:#555656; font-family:"微软雅黑"; font-size:12px; }

/***************************{Common CSS Class}*****************************/
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.lc { margin: 0 auto; }
.fl, .il .fl { float: left; }
.fr, .il .fr { float: right; }
.fc, .il .fc { float: none; clear: both; }
.clear { clear:both; height:0px; font-size:0px; overflow:hidden}
.hide{ display:none;}

/*header*/
.header_box { width:100%; height:77px; border-top:2px solid #0ba29b; border-bottom:1px solid #cdcece; background: url(bj.jpg) repeat-x;}
.header { margin:0px auto; padding:0px 0 0 0; width:1016px; height:auto}
.header_r { width:700px}
.logo { margin:10px 0 0 0 }


	.nav .on{background:#0ba29b;}
	.nav .on a{color:#fff;}
	.nav .on dt{background:url(nav_bg_on.gif) no-repeat right center;}
    .product{height:auto;}
    .footer_nav dl{height:220px;}
/*nav*/

* {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; LIST-STYLE-IMAGE: none; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#nav {
	Z-INDEX: 2; POSITION: relative; TEXT-ALIGN: center; MARGIN-TOP: 5px; WIDTH: 640px; FONT-FAMILY: "microsoft yahei";  HEIGHT: 35px; MARGIN-LEFT: auto; CLEAR: both; MARGIN-RIGHT: auto; margin-top:20px; float:right
}
#nav LI {
	POSITION: relative; FLOAT: left; HEIGHT: 40px
}
#nav LI.line_off {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#nav A {
	POSITION: relative; LINE-HEIGHT: 18px; WIDTH: 90px; DISPLAY: block; FLOAT: left; HEIGHT: 35px; COLOR: #3f3f3f; FONT-SIZE: 15px; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#nav A:hover {
	COLOR: #6c6c6c; FONT-WEIGHT: 700; TEXT-DECORATION: none
}
#nav .active A {
	COLOR: #6c6c6c; FONT-WEIGHT: 700; TEXT-DECORATION: none
}
#nav LI.sfhover A {
	COLOR: #6c6c6c; FONT-WEIGHT: 700; TEXT-DECORATION: none
}
#nav A SPAN {
	POSITION: relative; PADDING-BOTTOM: 15px; LINE-HEIGHT: 12px; DISPLAY: block; FONT-SIZE: 11px; CURSOR: pointer; FONT-WEIGHT: 300
}
#nav .n {
	WIDTH: 16px; BACKGROUND: url(../images/i2.png) no-repeat 0px 4px; FLOAT: left; HEIGHT: 40px
}
#nav LI UL {
	POSITION: absolute; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 116px; PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND: url(../images/nav2.png) repeat-y; HEIGHT: auto; TOP: 35px; PADDING-TOP: 10px; LEFT: -20px
}
#nav LI UL LI {
	BACKGROUND-IMAGE: none; Z-INDEX: 10000; POSITION: relative; LINE-HEIGHT: 30px; MARGIN: 0px; HEIGHT: auto
}
#nav LI UL A {
	PADDING-BOTTOM: 6px; LINE-HEIGHT: 24px; PADDING-LEFT: 0px; WIDTH: 110px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/nav2.png) no-repeat -234px -100px; FLOAT: none; HEIGHT: auto; COLOR: #000; MARGIN-LEFT: 3px; FONT-SIZE: 12px; FONT-WEIGHT: 300; PADDING-TOP: 0px; _background: url(../images/nav2_1.gif) no-repeat 0 -30px
}
#nav LI.active UL A {
	PADDING-BOTTOM: 6px; LINE-HEIGHT: 24px; PADDING-LEFT: 0px; WIDTH: 110px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/nav2.png) no-repeat -234px -100px; FLOAT: none; HEIGHT: auto; COLOR: #000; MARGIN-LEFT: 3px; FONT-SIZE: 12px; FONT-WEIGHT: 300; PADDING-TOP: 0px; _background: url(../images/nav2_1.gif) no-repeat 0 -30px
}
#nav LI.sfhover UL A {
	PADDING-BOTTOM: 6px; LINE-HEIGHT: 24px; PADDING-LEFT: 0px; WIDTH: 110px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/nav2.png) no-repeat -234px -100px; FLOAT: none; HEIGHT: auto; COLOR: #000; MARGIN-LEFT: 3px; FONT-SIZE: 12px; FONT-WEIGHT: 300; PADDING-TOP: 0px; _background: url(../images/nav2_1.gif) no-repeat 0 -30px
}
#nav LI UL A:hover {
	BACKGROUND: url(../images/nav2.png) no-repeat -234px 0px; COLOR: #fff; FONT-WEIGHT: 300; _background: url(../images/nav2_1.gif) no-repeat 0 0
}
#nav LI UL .t {
	Z-INDEX: 10000; POSITION: relative; LINE-HEIGHT: 0; WIDTH: 116px; BACKGROUND: url(../images/nav2.png) no-repeat -116px 0px; HEIGHT: 4px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: 14px; LEFT: 0px; _background: url(../images/nav2_2.png) no-repeat
}
/*about us*/
.heng { width:1002px; margin:0px auto; margin-bottom:10px;}
.about { width:292px; float:left;}
.about_1 {background:url(g1.jpg) no-repeat center bottom; height:35px; line-height:35px;color:#0ba29b; font-size:15px; font-weight:bold;}
.news { width:344px; float:left; margin-left:36px;}
.news_1 {background:url(g3.jpg) no-repeat center bottom; height:35px; line-height:35px;color:#0ba29b; font-size:15px; font-weight:bold;}
.news_2 { background:url(g7.jpg) no-repeat left center; padding-left:10px; height:24px; line-height:24px;}
.video { width:294px; float:right;}
.video_1 {background:url(g3.jpg) no-repeat center bottom; height:35px; line-height:35px;color:#0ba29b; font-size:15px; font-weight:bold;}

/*in_banner*/
.flexslider { position: relative; height: 460px; overflow: hidden; background: url(loading.gif) 50% no-repeat #d3d4d4;;}
.slides { position: relative; z-index: 1;}
.slides li { height: 460px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
#description
{
 margin:0px auto;
 width:500px;
 font-size:14px;
}
#softwhy a
{
 text-decoration:underline;
 color:red;
}

/*main*/
.main { margin:15px auto 0 auto; width:1002px; height:auto; overflow:hidden}

/*product*/
.product1_tit{ margin:10px 0 10px 0; color:#0ba29b; font-size:15px;}
.product1 { margin-bottom:30px; width:1002px; height:235px;}
.prodcut1_top { display:block; margin:0px auto}
.product1_list { margin:0px auto; width:1002px; height:auto; overflow:hidden;}
.product1_list li { float:left; margin-right:5px; margin-top:10px;}
.product1_list li p { left:0px; bottom:0px; color:#333; width:100%; height:29px; text-align:center; line-height:29px; background:url() repeat-x; margin-top:2px}
.product1_list li a { color:#333}


/*technology*/
.technology { margin:0px auto; width:1002px; height:437px}
.technology_tit { width:1002px; height:41px; background:url(../images/cx.jpg) repeat-x left bottom;}
.technology_tit_l,.technology_tit_r  { width:6px; height:41px; background:url(../images/technology_l.jpg) no-repeat}
.technology_tit_r { background:url(../images/technology_r.jpg) no-repeat}
.technology h2 { width:500px; font-size:15px; color:#0ba29b; line-height:40px}
.technology .more { margin-top:18px}
.technology_content { width:1002px; height:396px; overflow:hidden; border-top:none; padding-top:10px;}

.technology_l { margin:0px; width:690px; height:378px}
.technology_l img { border:3px solid #e0e0e2}

.technology_r { margin-right:0px; width:280px; height:390px}
.technology_txt { padding-top:6px; height:246px; line-height:24px; padding-bottom:14px}

.technology_list { width:276px; height:105px; background:url(../images/technology_img_bg.jpg) repeat-x top center}
.technology_list li { float:left; margin:0 3px; text-align:center; padding-top:18px; width:86px; height:92px; cursor:pointer}
.technology_list li.on { background:url(../images/on.jpg) no-repeat}
.technology_list li img { border:2px solid #e0e0e2; padding:1px; background:#FFF}

/*product*/
.product_tit { margin:10px 0 10px 0; color:#0ba29b; font-size:15px}
.product { margin-bottom:30px; width:1002px; height:245px;}
.prodcut_top { display:block; margin:0px auto}
.product_list { margin:0px auto; width:1002px; height:auto; overflow:hidden;}
.product_list li {  float:left; margin-right:5px; margin-top:10px;}
.product_list li p {  left:0px; bottom:0px; color:#333; width:100%; height:29px; text-align:center; line-height:29px; background:url() repeat-x; margin-top:2px}
.product_list li a { color:#333}

/*footer*/
.footer { width:100%; height:auto; background:#e8e8e8;overflow:hidden}
.footer_nav { padding-left:39px; margin:50px auto 30px auto; width:1043px; height:auto; overflow:hidden }
.footer_nav dl { float:left; padding-left:20px; width:150px; height:170px; border-right:1px solid #FFF; line-height:22px}
.footer_nav dt {margin-bottom:26px; font-size:14px;  width:150px; line-height:14px; }
.footer_nav dl.last { border:none;/*margin-top: 30px;*/}

.footer_b { margin:54px auto 0 auto; padding-top:38px; width:960px; height:22px; background:url(../images/footer_b.png) no-repeat center top;}
.footer_logo { margin:-4px 15px 0 0}
.copyright { color:#d6000f;}
.copyright a { color:#d6000f;}

#gotop{ display: none; position: fixed; bottom: 100px; right: 100px; overflow: hidden; width: 38px; height: 38px; background: #d6000f url(../images/icon_gotop.gif) 0 0 no-repeat; text-indent: -500px;}

/* qrcode - 2014.11.05 - start */
.qrcode-wechat { position: fixed; display: inline-block; color: #666; width: 76px; padding: 10px; border: 1px solid #e8e8e8; top: 10px; left: 50%; margin-left: 530px; background: #fff; }
.qrcode-wechat a { display: inline-block; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAG1BMVEXV1dXo6Ojp6enq6urt7e3v7+/w8PD09PT///9wi5PTAAAATElEQVR4XnWPwQkAIAwD++xeziA4ghP4jvrp2Cq1BARDH0coaSoth6Ta1ZQS2L+IA3BXN6ojzjhuSwMBJqi9LneZwFxe+9Vh9cGH0gJwPF3aVB7j3gAAAABJRU5ErkJggg==') /*images/qrcode-close.png*/ no-repeat; *background: url("images/qrcode-close.png") no-repeat; /* For IE 6 and 7 */ overflow: hidden; position: absolute; top: -1px; left: -20px; cursor:pointer;}
 /* qrcode - 2014.11.05 - end */