@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ul,ol,li{  }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
.clear{ clear:both;}
a{ text-decoration:none; color:#616b6f;  }
a:hover{ color:#FF8400;  }
.fl{ float:left}
.fr{ float:right;}
/* Public */
html{ width:100%; height:100%;  }
body{ width:100%; height:100%; color:#555555; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left; -webkit-text-size-adjust:none;cursor:default;  }
.tt{ background: url(../images/index.jpg) no-repeat; height:680px; width:1263px; margin:0 auto; }

.public{/*background:url(../images/bg.jpg) repeat-x; width:1263px;*/  margin:0 auto; width:auto;}
.head {width: 100%;background: url(../images/topbg.jpg) repeat-x;height: 79px;display: inline-table;z-index: 9999;}
.head_1{ width:1170px; margin:0 auto; height:73px;}
.logo{ background: url(../images/logo.gif) no-repeat center; width: 280px; height: 45px; margin-top: 15px; float: left;}
.logo a{ display:block; width:283px; height:55px;}
.head_1 {width: 1170px;margin: 0 auto;}
.head_r{float: right;width: 820px;}
.head_right {background: url(../images/head_right.jpg) no-repeat top left;height: 73px;z-index: 99;}
.top_r {background-color: #3ab7ea;width: 120px;height: 20px;line-height: 20px;float: right;color: #FFFFFF;}
.top_r li {float: left;color: #FFFFFF;width: 60px;text-align: center;background: url(../images/top-i.jpg) no-repeat right center;}
.top_r li a {color: #FFFFFF;font-size: 11px;_font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-align: center;padding-right: 2px;padding-left: 2px;}
.top_r li a:hover{ color:#fff832;}

.public{/*background:url(../images/bg.jpg) repeat-x; width:1263px;*/  margin:0 auto; width:auto;}
.head{ width:100%;background:url(../images/topbg.jpg) repeat-x; height:79px; display:inline-table; z-index:9999; }
.head_1{ width:1170px; margin:0 auto; }
.logo{ background: url(../images/logo.gif) no-repeat center; width:350px;height:45px; margin-top:15px;float:left;}
.head_r{ float:right; width:820px;}
.head_right{ background:url(../images/head_right.jpg) no-repeat top left; height:73px; z-index:99;}
.top_r{ background-color:#3ab7ea; width:120px; height:20px; line-height:20px; float:right; color:#FFFFFF;  }
.top_r li{ float: left; color:#FFFFFF; width:60px; text-align:center; background:url(../images/top-i.jpg) no-repeat right center ; }
.top_r li a{color:#FFFFFF; font-size:11px;_font-size:11px;*font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-right:2px; padding-left:2px; }
.top_r li a:hover{ color:#fff832;}
#nav { width:695px; height:32px; float:right; margin-top:20px;z-index:99;Z-INDEX: 500;  LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none;}
#nav LI.top {DISPLAY: block; FLOAT: left; HEIGHT: 32px;}
#nav LI A.top_link {color:#514e4e;LINE-HEIGHT: 33px; PADDING-LEFT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px;}
 
#nav LI A.top_link SPAN { WIDTH: 80px; DISPLAY: block; text-align:center; FLOAT: left; HEIGHT: 33px; line-height:33px; PADDING-TOP: 0px}
#nav LI A.top_link SPAN.down { WIDTH: 80px; DISPLAY: block; text-align:center;   HEIGHT: 33px; PADDING-TOP: 0px}
#nav LI:hover A.top_link {background-color:#3ab7ea; color:#3e3a39;}
#nav LI:hover A.top_link SPAN {background-color:#3ab7ea; color:#FFFFFF;}
#nav LI:hover A.top_link SPAN.down {background-color:#3ab7ea; color:#FFFFFF;}
#nav LI:hover {Z-INDEX: 200; POSITION: relative}
#nav LI:hover UL.sub {Z-INDEX: 270;  PADDING-LEFT: 0px; WIDTH: 160px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP: 32px; B PADDING-TOP: 0px; LEFT:0px}
#nav LI:hover UL.sub LI {POSITION: relative; WIDTH: 160px; DISPLAY: block; FLOAT: left; HEIGHT:25px; FONT-WEIGHT: normal}
#nav LI:hover UL.sub LI A {LINE-HEIGHT:25px; TEXT-INDENT: 5px; WIDTH:160px; DISPLAY: block; HEIGHT:25px;  FONT-SIZE: 12px; font-weight:bold;COLOR: #595757;  TEXT-DECORATION: none;}

#nav LI:hover UL.sub1 {Z-INDEX: 270;  PADDING-LEFT: 0px; WIDTH:210px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP:32px; B PADDING-TOP: 0px; LEFT:0px}
#nav LI:hover UL.sub1 LI {POSITION: relative; WIDTH:210px; DISPLAY: block; FLOAT: left; HEIGHT:25px; FONT-WEIGHT: normal}
#nav LI:hover UL.sub1 LI A {LINE-HEIGHT:25px; height:25px;TEXT-INDENT: 5px;DISPLAY: block; FONT-SIZE: 12px; font-weight:bold;COLOR: #595757; TEXT-DECORATION: none}
#nav LI:hover UL.sub1 LI A:hover {BACKGROUND:#3ab7ea; COLOR: #fff; }
#nav LI:hover UL.sub1 LI .sub2{ WIDTH:155px; margin-left:65px;}
#nav LI:hover UL.sub1 LI .sub2 li:hover{WIDTH:155px;}


#nav LI:hover UL.sub-pr {Z-INDEX: 270;  PADDING-LEFT: 0px; WIDTH:150px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP:32px; B PADDING-TOP: 0px; LEFT:0px}
#nav LI:hover UL.sub-pr LI {POSITION: relative; WIDTH:150px; DISPLAY: block; FLOAT: left; HEIGHT:25px; FONT-WEIGHT: normal}
#nav LI:hover UL.sub-pr LI A {LINE-HEIGHT:25px; height:25px;TEXT-INDENT: 5px;DISPLAY: block; FONT-SIZE: 12px; font-weight:bold;COLOR: #595757; TEXT-DECORATION: none}
#nav LI:hover UL.sub-pr LI A:hover {BACKGROUND:#3ab7ea; COLOR: #fff; }
#nav LI:hover UL.sub-pr LI .sub-pro{ WIDTH:280px; margin-left:5px; }
#nav LI:hover UL.sub-pr LI .sub-pro li:hover{WIDTH:280px;}
#nav LI:hover UL.sub-pr LI .sub-proc{ WIDTH:170px; margin-left:5px; }
#nav LI:hover UL.sub-pr LI .sub-proc li:hover{WIDTH:170px;}

#nav LI:hover UL.sub-r {Z-INDEX: 270;  PADDING-LEFT: 0px; WIDTH:165px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP:32px; B PADDING-TOP: 0px; LEFT:0px}
#nav LI:hover UL.sub-r LI {POSITION: relative; WIDTH:165px; DISPLAY: block; FLOAT: left; HEIGHT:25px; FONT-WEIGHT: normal}
#nav LI:hover UL.sub-r LI A {LINE-HEIGHT:25px; height:25px;TEXT-INDENT: 5px;DISPLAY: block; FONT-SIZE: 12px; font-weight:bold;COLOR: #595757; TEXT-DECORATION: none}
#nav LI:hover UL.sub-r LI A:hover {BACKGROUND:#3ab7ea; COLOR: #fff; }





#nav LI:hover UL.sub-Ac {Z-INDEX: 270;  PADDING-LEFT: 0px; WIDTH:230px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP:32px; B PADDING-TOP: 0px; LEFT:0px}
#nav LI:hover UL.sub-Ac LI {POSITION: relative; WIDTH:230px; DISPLAY: block; FLOAT: left; HEIGHT:25px; FONT-WEIGHT: normal}
#nav LI:hover UL.sub-Ac LI A {LINE-HEIGHT:25px;TEXT-INDENT: 5px;DISPLAY: block; HEIGHT:25px; FONT-SIZE: 12px; font-weight:bold;COLOR: #595757;  TEXT-DECORATION: none}
#nav LI:hover UL.sub-Ac LI A:hover {BACKGROUND:#3ab7ea; COLOR: #fff; }
#nav LI:hover UL.sub-Ac LI .sub-Aca{ WIDTH:275px;  }
#nav LI:hover UL.sub-Ac LI .sub-Aca li:hover{WIDTH:225px;}
#nav LI:hover UL.sub-Ac LI .sub-Aca{ WIDTH:230px; margin-left:85px; }
#nav LI:hover UL.sub-Ac LI .sub-Aca li:hover{WIDTH:225px;}

#nav LI:hover UL.sub-Ac LI .sub-Acad{ WIDTH:140px;  }
#nav LI:hover UL.sub-Ac LI .sub-Acad li:hover{WIDTH:140px;}
#nav LI:hover UL.sub-Ac LI .sub-Acad{ WIDTH:140px; margin-left:85px;}
#nav LI:hover UL.sub-Ac LI .sub-Acad li:hover{WIDTH:140px;}

#nav LI:hover UL.sub LI A:hover {BACKGROUND:#3ab7ea; COLOR: #fff; }

#nav LI:hover LI:hover UL {Z-INDEX: 400;  PADDING-LEFT: 0px; WIDTH: 150px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP:0px; B PADDING-TOP: 0px; LEFT: 144px}
#nav LI:hover LI:hover LI:hover UL {Z-INDEX: 400;  PADDING-LEFT: 0px; WIDTH: 150px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP: -1px; B PADDING-TOP: 0px; LEFT: 144px}
#nav LI:hover LI:hover LI:hover LI:hover UL {Z-INDEX: 400;  PADDING-LEFT: 0px; WIDTH: 150px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP: -1px; B PADDING-TOP: 0px; LEFT: 144px}
#nav LI:hover LI:hover LI:hover LI:hover LI:hover UL {Z-INDEX: 400;  PADDING-LEFT: 0px; WIDTH: 150px; WHITE-SPACE: nowrap; BACKGROUND: #FFFFFF; HEIGHT: auto; TOP: -1px; B PADDING-TOP: 0px; LEFT: 144px}
#nav UL {POSITION: absolute;  LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px}
#nav LI:hover UL UL {POSITION: absolute;  LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px}
#nav LI:hover LI:hover UL UL {POSITION: absolute;  LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px}
#nav LI:hover LI:hover LI:hover UL UL {POSITION: absolute;  LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px}
#nav LI:hover LI:hover LI:hover LI:hover UL UL {POSITION: absolute;  LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: -9999px}
#nav LI:hover LI:hover A.fly { BACKGROUND:#3ab7ea;  COLOR: #fff;} 
#nav LI:hover LI:hover LI:hover A.fly { BACKGROUND:#3ab7ea;  COLOR: #fff;} 
#nav LI:hover LI:hover LI:hover LI:hover A.fly { BACKGROUND:#3ab7ea;  COLOR: #fff;} 
#nav LI:hover LI:hover LI:hover LI:hover LI:hover A.fly { BACKGROUND:#3ab7ea;  COLOR: #fff;} 
#nav LI:hover LI:hover LI A.fly { BACKGROUND:#ffffff;  COLOR: #000; } 
#nav LI:hover LI:hover LI:hover LI A.fly { BACKGROUND:#ffffff; COLOR: #000; } 
#nav LI:hover LI:hover LI:hover LI:hover LI A.fly { BACKGROUND:#ffffff; COLOR: #000; } 
#nav LI:hover UL.sub LI A.fly:hover {BACKGROUND: #3ab7ea; COLOR: #fff }
#nav LI UL.sub LI A.fly { BACKGROUND: #ffffff} 


#menu{ width: auto; height:28px; float:right; _float:none; *float:none; margin-top:21px;*margin-top:38px;}
#menu ul{float:right;}
.home{margin-left:16px}
#menu li{position:relative; display:inline-block; float:left; cursor:pointer;/* margin-left:20px; */_float:left;*float:left; z-index:99; }
#menu li a.tablink{padding:0px 18px;_padding:0px 18px;*padding:0px 15px;display:inline-block;height:35px;color:#514e4e;font-size:12px; font-weight:bold; text-align:center; line-height:22px;text-decoration:none;}
#menu li .on{background-color:#3ab7ea; line-height:22px; display:inline-block;} 
#menu li .on a { color:#fff;padding:1px 18px;text-decoration:none; font-weight:bold; display:block; height:30px; line-height:22px;}


/*#menu li .on a:link { color: #514e4e; text-decoration: none; } 
#menu li .on a:visited { text-decoration: none; color: #006600; } 
#menu li .on a:hover { text-decoration: none; color: #FFFFFF; } 
#menu li .on a:active { text-decoration: none; color: #FFFFFF; } 
*/
.subnav {background-color: #FFF}
.subnav{position:absolute; margin-left:-1px;top:30px;left:1px;z-index:9; overflow:hidden; display:none;}
.subnav a{padding:4px 4px 4px 10px;line-height:22px;display:block; white-space:nowrap;color:#595757;float:left;}
.subnav a:hover{color:#FFF; background:#3ab7ea; }

.subnav .subnav1{ margin-top:0px; padding-top:0px;}
.subnav .subnav1 dd a{ display:block; color:#3e3a39; font-size:12px; padding-left:18px; padding-right:20px;* padding-left:18px; *padding-right:20px; line-height:16px;  text-align:left; width:104px;*width:104px; _width:104px;font-weight:bold;  }
.subnav .subnav1 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:104px;*width:104px; _width:104px; font-weight:bold; line-height:16px; }

.subnav .subnav2{ margin-top:0px; padding-top:0px;}
.subnav .subnav2 dd a{ display:block; color:#3e3a39; font-size:12px; line-height:16px;padding-left:18px; text-align:left;padding-right:20px; width:200px;  font-weight:bold; }
.subnav .subnav2 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:200px; font-weight:bold; line-height:16px;  }

.subnav .subnav3 { margin-top:0px; padding-top:0px;}
.subnav .subnav3 dd a{ display:block; color:#3e3a39; font-size:12px; line-height:16px;  text-align:left; padding-left:18px; padding-right:20px; width:98px;font-weight:bold; }
.subnav .subnav3 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:98px;font-weight:bold;  line-height:16px; }


.subnav .subnav4 { margin-top:0px; padding-top:0px;}
.subnav .subnav4 dd a{ display:block; color:#3e3a39; font-size:12px;line-height:16px;   text-align:left; font-weight:bold;padding-left:18px; padding-right:20px; width:218px;  }
.subnav .subnav4 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:218px;font-weight:bold; line-height:16px;  }


.subnav .subnav5 { margin-top:0px; padding-top:0px;}
.subnav .subnav5 dd a{ display:block; color:#3e3a39; font-size:12px;line-height:16px;   text-align:left; font-weight:bold;padding-left:18px; padding-right:20px; width:140px;  }
.subnav .subnav5 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:140px;font-weight:bold; line-height:16px;  }


.subnav .subnav6 { margin-top:0px; padding-top:0px;}
.subnav .subnav6 dd a{ display:block; color:#3e3a39; font-size:12px;line-height:16px;   text-align:left; font-weight:bold;padding-left:18px; padding-right:20px; width:140px;  }
.subnav .subnav6 dd a:hover{ color:#FFF; background:#3ab7ea; font-size:12px;width:140px;font-weight:bold; line-height:16px;  }






/*banner*/
.banner{ height:407px; margin:0 auto; } 
.fullSlide{ min-width:1000px;   position:relative; overflow:hidden;   height:407px; overflow:hidden; z-index:33;}
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:407px; }
.fullSlide .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:407px;  }
.fullSlide .bd li a{ position:absolute; width:100%; height:525px; display:block; z-index:1;   }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
/*.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:4px;background:url(../img/bj-3.png) no-repeat left center; overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background:url(../img/bj-2.png) no-repeat left center;}
*/
.fullSlide .prev,.fullSlide .next { width:25px; height:58px;  display: black;  position: absolute; margin: -28px 0 0; top: 50%; z-index: 1; cursor: pointer; text-indent: -9999px; }
.fullSlide .prev { left:0PX; background:url(../images/prev.png) no-repeat left center;}
.fullSlide .next { right:0PX; background:url(../images/next.png) no-repeat left center;}
.fullSlide .prev:hover,
.fullSlide .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*banner  bottom*/
.content{ margin: 0 auto; width: 1170px;}
.cont1{ height:110px; margin:0 auto; margin-top:25px; margin-bottom:25px; width:1170px; min-width:1000px;}
.ceomessage{ background:url(../images/c_1.jpg) no-repeat left; width:280px; height:110px;position:relative; float:left;}
.ceo>img{  width:273px; height:102px; display:block;margin-left:1px;}
.eco_na{width:273px;height:35px;background:#fff;filter:alpha(opacity=80);opacity:0.8;position:absolute;top: 67px;left: 1px;}
.eco_na a{ text-align:center; display:block; width:273px; height:35px; line-height:35px; cursor:pointer; color:#3e3a39; font-weight:bold;}
.eco_na a:hover{ display:block;width:273px; height:35px;background:#50b7da;color:#FFF;font-weight:bold;}
/*product*/
.product>img{  width:273px; height:102px; display:block;margin-left:1px;}
.press>img{  width:273px; height:102px; display:block;margin-left:2px;}
.social>img{  width:273px; height:102px; display:block;margin-left:3px;}
/*press*/
.products,.press_releases,.social_responsibility{background:url(../images/c_1.jpg) no-repeat left; width:280px; height:110px; position:relative; float:left; margin-left:16px; overflow:hidden;}
.press_na{width:273px;height:35px;background:#fff;filter:alpha(opacity=80);opacity:0.8;position:absolute;top: 67px;left:2px;}
.press_na a{ text-align:center; display:block; width:273px; height:35px; line-height:35px; cursor:pointer; color:#3e3a39; font-weight:bold;}
.press_na a:hover{ display:block;background:#50b7da;color:#FFF;width:273px; height:35px;  font-weight:bold;}
/*social*/
.social_na{width:273px;height:35px;background:#FFF;filter:alpha(opacity=80);opacity:0.8;position:absolute;top: 67px;left:3px;}
.social_na a{ text-align:center; display:block; width:273px; height:35px; line-height:35px; cursor:pointer; color:#3e3a39; font-weight:bold;}
.social_na a:hover{ display:block;width:273px; height:35px; background:#50b7da;color:#FFF; font-weight:bold;}
.product_na{width:274px; height:35px; overflow:hidden; position:absolute;bottom: 8px;left:1px;}
.product_l, .product_r{width:50%; display:inline-block;  background:#fff;filter:alpha(opacity=80);opacity:0.8;}
.product_l{float:left; text-align:right;}
.product_r{float:right; text-align:left;}
.product_l a, .product_r a{width:131px;padding:0 3px; color:#3e3a39; height:35px;background:#fff;  font-weight:bold;display:inline-block; line-height:35px; }
.product_l a:hover, .product_r a:hover{background:#50b7da;padding:0 3px; color:#FFF; color:#FFF; font-weight:bold;}
/*About*/
.about,.Social,.inveator{ width:1170px; margin:0 auto;}
.about_banner,.Social_banner,.inveator_banner{ width:1170px;height:180px; margin:0 auto; }
.about_banner img{ display:block; margin:0 auto;}
/*About left*/
.about_left{ width:215px; float:left; margin-top:25px;}
.about_left>h3{ color:#3ab8eb; font-size:24px;font-family: "Myriad Pro"; height:45px; line-height:45px;padding-left:15px; }
.about_l_list li{ width:210px; background:url(../images/about_x.jpg) no-repeat center bottom; }
.about_l_list li a{ height:28px;width:195px; display:block; line-height:28px; font-size:12px; color:#3e3a39; font-weight:bold; padding-left:15px;  }
/*.about_l_list li a:hover{font-size:12px; color:#3ab8eb; font-weight:bold;background:url(../images/about_s.png) left no-repeat; }
*/
.about_l_list li a.leftmenuon {
background:url(../images/about_s.png) left no-repeat;
color: #3ab8eb;
}
/*About middle*/
.about_middle{ width:930px; float:right;  margin-top:35px;margin-bottom:50px;_margin-bottom:50px; *margin-bottom:50px; }
.about_lm{ }
.about_lm p{ float:left; color:#000000; font-size:14px; font-weight:bold;}
.about_nr { float:right;}
.about_nr li{ float:left; width:auto; padding-right:5px;}
.about_nr li a{ font-size:11px; color:#3ab8eb; }
.about_x{ width:auto; margin:12px; margin-top:20px;margin-left:0px; margin-right:0px; }
.about_xx p { font-size: 12px;line-height: 24px;margin-bottom: 8px;text-align: left;}
.about_view{ margin-bottom:50px;_margin-bottom:50px; *margin-bottom:50px;}
.about_view li{ background:url(../images/about_t.jpg) no-repeat left; width:200px; height:150px; float:left; margin-right:25px; position:relative;}
.about_view li a img{ display:block; padding-left:3px; width:190px; height:120px; }
.about_view li span a{ text-align:center; line-height:25px; height:25x; display:block; font-size:11px; color:#000000;}
.about_view li span a:hover{color:#3ab8eb;}

/*Overview_right*/
.about_o{ width:705px; margin-bottom:30px;margin-top:20px; _margin-top:20px; *margin-top:20px; }
.about_o_l{float:left;width:705px;}
.about_o p{font-size: 12px;line-height: 24px;margin-bottom: 8px;color:#000000;}
.about_o_r{ float:right; width:190px;margin-top:20px; _margin-top:20px; *margin-top:20px;}
.about_o_r li{ background:url(../images/about_h.jpg) no-repeat left bottom; width:190px;}
.about_o_rx{background:url(../images/about_h.jpg) no-repeat left top; width:190px; height:4px;}
.about_o_r li a{ height:95px; line-height:95px;}
.about_o_r li a img{  display:block; margin:0 auto; padding:5px;}



/*About right*/
.about_right{ float:left; margin-left:25px; width:190px;  margin-top:75px;_margin-left:20px; *margin-left:20px; margin-bottom:50px;}
.about_right li{ background:url(../images/about_h.jpg) no-repeat left bottom; width:190px;}
.about_rightx{background:url(../images/about_h.jpg) no-repeat left top; width:190px; height:4px;}
.about_right li a{ height:95px; line-height:95px;}
.about_right li a img{  display:block; margin:0 auto; padding:5px;}
/*about_Culture_middle*/
.about_culture{width:auto;margin-bottom:40px;}
.about_culture_l{width:700px;_width:700px; *width:700px;float:left; margin-bottom:50px; *margin-top:20px;}
.about_culture_l>p{ font-size: 12px;line-height: 24px;margin-bottom: 8px;text-align: left;color:#000000;}
.about_culture_r{float: left;margin-left: 25px; width: 205px;}
.about_culture_r li{ background: url(../images/Social_x.jpg) no-repeat center; width:205px; height:105px; margin-top:20px;}
.about_culture_r li a img{ display:block; padding-left:7px;}

/*Social_left*/
.Social0{ margin-top:25px; width:1170px; }
.Social_left{ width:230px; float:left;}
.Social_left>h3{ color:#3ab8eb; font-size:24px; font-family: "Myriad Pro";}
/*Social_middle*/
.Social_middle{ width:700px; float:left;  margin-left:5px; }
.Social_middle>span{ font-family:12px; font-family:Arial, Helvetica, sans-serif; color:#3e3a39; height:24px; line-height:24px;}
.Social_list>p{ font-size:14px; font-weight:bold; color:#3e3a39; margin:25px 0px;}
.Social_list ul{ margin-left:10px;}
.Social_list li{ list-style-image:url(../images/li.png);padding:5px 8px;   line-height:24px; vertical-align:text-top;  }
.Social_list li a{ height:24px; line-height:24px; cursor:default;color:#616b6f;}
.Social_bottom{ width:auto; background:#e6f4fd;border-radius:5px; border:1px dashed #67c6f2; margin:30px 0px;}
.Social_bottom  div>p{ margin:14px; line-height:24px; color:#3e3a39;}
.Social_bottom  div>img{float:right; width:250px; padding:15px;}




/*Social_right*/
.Social_r{  float:right; width:940px;}
.Social_right{ float:right; width:200px;  }
.Social_right li{ background: url(../images/Social_x.jpg) no-repeat center; width:205px; height:105px; margin-top:10px; margin-bottom:20px;}
.Social_right li a img{ display:block; padding-left:7px;}

/*Company History*/
.about_com_middle{width:930px; float:right;  margin-top:35px;margin-bottom:50px;_margin-bottom:50px; *margin-bottom:50px;}
.about_com{ width:730px; margin:12px; margin-top:20px; margin-left:0px; }
.about_com_list ul{ margin-top:30px;}
.about_com_list li p{color: #000;font-weight: bold; margin-bottom:10px;}
.about_com_list li{ margin-bottom:25px;}
.about_com_list li a{ color:#000; cursor:default; line-height:24px;}


/*Management_middle*/
.Management_middle{ width:930px;float:right;  margin-top:35px;margin-bottom:50px;_margin-bottom:50px; *margin-bottom:50px; }
.Management_lm>p{ float:left; color:#000000; font-size:14px; font-weight:bold;}
.Management_nr { float:right;}
.Management_nr li{ float:left; width:auto; padding-right:5px;}
.Management_nr li a{ font-size:11px; color:#3ab8eb; }
.jj{ color:#3e3a39; margin:25px 0;}
.Management_xx{ width:auto; margin:12px; margin-left:0; margin-top:20px; }
.loop_div{width:100%;float:left; margin-bottom:35px; }
.loop_div div,.loop_div ul{width:100%; overflow:hidden;}
.loop_div div img,.loop_div div p,.loop_div div img,.loop_div div span{float:left;}
.loop_div div img{width:150px;}
.loop_div div p{width:81%; margin-left:20px;  line-height:24px; }
.loop_div div>span{ color:#000000;margin-left:20px;  line-height:24px; display:block; margin-bottom:10px; float:left; font-size:12px; font-weight:bold;}
/*ceo alone*/
.ceo_alone{ width:1170px;margin:0 auto; margin-top:50px; margin-bottom:45px;}
.people{ float:left; width:290px;}
.people img{ display:block; margin-top:55px;}
.present{ float:left; width:785px; margin-top:5px; margin-left:40px; }
.present h3{ font-size:24px; font-family:"Myriad Pro"; color:#3ab8eb; float:left; width:350px;}
.close>a img{ float:right; display:block; width:55px; }
.presents{ padding:30px; padding-left:0px; padding-top:15px; padding-right:0px;}
.presents>p{ line-height:24px; margin-bottom:18px;}

.pop{position:absolute;left:40%;top:40%;width:300px;height:100px;background:#eee;border:1px solid #ccc} 
.pop_head{position:relative;height:20px;background:#ccc} 
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none} 
.pop_head a:hover{color:#f60;text-decoration:none} 
.pop_body{padding:8px} 



/*inveator*/
.inveator0{ margin-top:25px; width:1170px; height:260px;}
.inveator_left{ width:230px; float:left;}
.inveator_left>h3{ color:#3ab8eb; font-size:24px; font-family: "Myriad Pro";}

.inveator_right{ float:right;}

/*foot*/
.foot{  background:url(../images/foot-bg.jpg) repeat-x top center; height:65px; width:100%; margin:0 auto; display:inline-table; }
.foot1{width:1170px;margin:0 auto;}
.f_l{ line-height:45px; float:left;font-size:12px; width:auto; }
.f_r{ float:right;}
.f_r li{ float:left; width:65px;line-height:45px; text-align:center; font-weight:bold;}
.g1{ width:5px;}