@charset "utf-8";

html,body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; width:100%}
a { text-decoration:none; color:#333; border:none; outline:none}
a img { border:none; outline:none}
a:hover { color:#000}
.temp { font-size:150px; text-align:center}
sup {font-size:80%; position: relative; bottom:3px;}

/*===============================*/
.wrap_center { width:960px; margin:5px auto; font-size:14px; line-height:160%; color:#666666; overflow:hidden}
.wrap_center5 { width:750px; margin:30px auto; font-size:14px; line-height:160%; color:#666666; overflow:hidden}
.wrap_center_re { width:100%; font-size:14px; line-height:160%; color:#666666; position:relative; height:50px; float:left; margin-bottom:0 }
.wrap_center h2 { font-size:28px; color:#000; font-weight:normal; display:block; padding:0; margin:5px 0 30px 0}
.wrap_center h3 { font-size:24px; color:#000; font-weight:normal; display:block; padding:0; margin:20px 0 10px 0}
.wrap_center h4 { font-size:21px; color:#333; font-weight:normal; display:block; padding:0; margin:15px 0}
.wrap_center p { font-size:14px; display:block; padding:0; margin:0; line-height:21px;}

.wrap_detail { width:960px; margin:10px auto 30px auto; font-size:14px; line-height:160%; color:#666666; overflow:hidden}

.wrap_detail h2 { font-size:28px; color:#000; font-weight:normal; display:block; padding:0; margin:5px 0 30px 0}
.wrap_detail h3 { font-size:24px; color:#000; font-weight:normal; display:block; padding:0; margin:20px 0 10px 0}
.wrap_detail h4 { font-size:21px; color:#333; font-weight:normal; display:block; padding:0; margin:15px 0}
.wrap_detail p { font-size:14px; display:block; padding:0; margin:0; line-height:21px;}

.wrap_open { width:100%; margin:0 auto; overflow:hidden; font-size:14px; line-height:160%; color:#666666}
.wrap_open_shadow { width:100%; margin:0 auto; overflow:hidden; font-size:14px; line-height:160%; color:#666666; background:url(../images/shadow_top1.png) no-repeat center top #F5F5F5; min-height:100px;}
.wrap_open_shadow_bottom { display:block; width:100%; margin:0 auto; height:9px; overflow:hidden; background:url(../images/shadow_bottom2.png) no-repeat center bottom  }
.wrap_open_shadow ul { display:block; width:960px; margin:40px auto; padding:0; list-style:none}
.wrap_open_shadow ul li { display:block; width:220px; height:210px; margin:0 26px 30px 0; padding:0; list-style:none; float:left; font-size:14px; line-height:140%; overflow:hidden}
.wrap_open_shadow ul li:nth-child(4n) { margin:0 0 20px 2px;}
.wrap_open_shadow ul li:first-child + li + li + li, .wrap_open_shadow ul li:first-child + li + li + li + li + li + li + li, .wrap_open_shadow ul li:first-child + li + li + li + li + li + li + li + li + li + li + li { margin:0 0 20px 2px;}
.wrap_open_shadow ul li span.thumbnail { display:block; width:220px; height:140px; overflow:hidden; float:left}
.wrap_open_shadow ul li span.thumbnail img { display:block; width:220px; height:140px}
.wrap_open_shadow ul li span.description { display:block; width:220px; height:80px; float:left; margin:10px 0 0 0; overflow:hidden; color:#000000; font-size:13px; line-height:140%; }

#investor h2 { display:block; padding:0; margin:30px 0 20px 0; width:100%; font-size:32px; line-height:32px; font-weight:normal}
#investor h3 { display:block; font-size:18px; color:#0092CC; line-height:26px; width:100%; font-weight:normal; padding:0; margin:0 0 20px 0}


.ul_light_blue ul { display:block; width:160px; padding:0; margin:5px 0 0 0; float:left; }
.ul_light_blue ul li { display:block; width:140px; padding:0 0 0 20px; margin:0; font-size:14px; line-height:24px; overflow:hidden; float:left; background:url(../images/list_icon_light.png) no-repeat left -41px }

.ul_light_blue_2 ul { display:block; width:160px; padding:0; margin:5px 0 0 0; float:left; }
.ul_light_blue_2 ul li { display:block; width:350px; padding:0 0 0 20px; margin:0; font-size:14px; line-height:24px; overflow:hidden; float:left; background:url(../images/list_icon_light.png) no-repeat left -41px }


.tag_menu_wrap { width:960px; margin:30px auto 20px auto; overflow:hidden}
.tag_menu_wrap_fix { width:100%; margin:0; padding:10px 0; position:fixed; left:0; top:0; background:#FFFFFF;  overflow:hidden; z-index:9999 }
.part_left { width:720px; float:left}
#part_right { width:240px; float:left; background:#244892 url(../images/icon_down.png) no-repeat 160px 145px; height:230px; position:relative}

#tag_menu { display:block; line-height:35px; height:35px; padding:0; margin:0 auto; width:960px; border-bottom:1px solid #CCC; position:relative }
#tag_menu li { display:block; line-height:35px; height:35px; float:left; border-bottom:1px solid #CCC; padding:0 20px; margin:0; font-size:15px;}
#tag_menu li:first-child { margin:0 0 0 10px;}
#tag_menu li.current { font-weight:bold; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; border-left:1px solid #CCC; color:#000; background-color:#FFF }
#tag_menu li.current a { color:#000; }
#tag_menu li#gotop { display:none; position:absolute; right:0; top:0; height:35px; width:38px; background:url(../images/gotop.png) no-repeat right top; overflow:hidden; cursor:pointer; text-indent:-9999px;}


/*===============================*/
#header { width:100%; height:80px; float:left; background:url(../images/bg_header.png) repeat center top; margin:0; padding:0}
#header_wrap { width:960px; height:80px; margin:0 auto; position:relative}
h1 { display:block; background:url(../images/logo.png) no-repeat left top; width:355px; height:40px; float:left; margin:20px 0 0 0;}
h1 a { display:block; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px;}
#header_wrap ul, #header_wrap li { display:block; padding:0; margin:0; float:left}
#top_nav { position:absolute; right:0; top:10px; list-style:none}
#top_nav .qi{ background:url(../images/icon_qi.png)no-repeat 0px bottom; width:28px; height:14px;text-indent:-9999px;}
#top_nav li { font-size:11px; color:#999; float:left; font-family:Arial, Helvetica, sans-serif; list-style:none; text-shadow: 1px 1px #FFF; padding:0 20px; border-right:1px solid #E8E8E8}
#top_nav li:first-child + li + li + li{ padding:0 0 0 20px; border:none}
#top_nav li a { text-decoration:none; color:#999}
#top_nav li a:hover { text-decoration:none; color:#666}
#nav { position:absolute; right:0; top:35px; list-style:none}
#nav li { font-size:15px; color:#333; padding:0 18px; border-right:1px solid #D9D9D9; border-left:1px solid #FFF; line-height:25px; height:25px; font-family:Arial, Helvetica, sans-serif; list-style:none; text-shadow: 1px 1px #FFF;  }
#nav li:first-child { padding:0 20px 0 0; border-left:none}
#nav li:first-child + li + li + li + li + li { padding:0 0 0 20px; border-right:none}
#nav li:last-child { padding:0 0 0 20px; border-right:none}
#nav li a { color:#333; text-decoration:none}
#nav li a:hover { color:#ff0000; text-decoration:none}


/* MENU
#submenu { width:100%; height:200px; background:url(..png) left 10px repeat-x; display:none; position:absolute; top:60px; z-index:9998}
#submenu .arrow { width:960px; height:20px; background:url(...png) no-repeat 385px bottom; overflow:hidden; margin:0 auto}
#submenu_wrap { display:block; width:960px; margin:0 auto; overflow:hidden}
#submenu_wrap ul { display:block; padding:0; margin-top:20px; margin-bottom:20px; list-style:none; height:200px; float:left}
#submenu_wrap ul li { display:block; list-style:none; width:100%; padding:0; margin:0; height:24px; line-height:24px;  float:left; color:#FFF; font-size:13px; }
#submenu_wrap ul li.title { font-size:16px; font-weight:bold; border-bottom:1px solid #4DB3DD; line-height:24px; padding-bottom:8px; margin-bottom:10px}
#submenu_wrap ul li a { color:#D7F2FF}
#submenu_wrap ul li a:hover { color:#FFF}

#menu_pos { width:190px; background:url(..png) no-repeat right 45px; margin-left:122px}
#menu_ppc { width:200px; margin-left:50px; background:url(...png) no-repeat right 40px;}
#menu_mpc { width:200px; margin-left:50px; background:url(...png) no-repeat right 40px;}
#menu_customize { width:220px; margin-left:50px; background:url(...png) no-repeat right 40px;}
*/

/* MENU 
#submenu { width:100%; height:220px; background:url(..png) left 10px repeat-x; display:none; position:absolute; top:60px; z-index:9998; overflow:hidden}
#submenu .arrow { width:960px; height:20px; background:url(..png) no-repeat 385px bottom; overflow:hidden; margin:0 auto}
#submenu_wrap { display:block; width:960px; margin:0 auto; overflow:hidden}
#submenu_wrap ul { display:block; padding:0; margin-top:20px; margin-bottom:20px; list-style:none; height:200px; float:left}
#submenu_wrap ul li { display:block; list-style:none; width:100%; padding:0; margin:0; height:24px; line-height:24px;  float:left; color:#FFF; font-size:13px; }
#submenu_wrap ul li.title { font-size:16px; font-weight:bold; border-bottom:1px solid #4DB3DD; line-height:24px; padding-bottom:8px; margin-bottom:10px}
#submenu_wrap ul li a { color:#D7F2FF}
#submenu_wrap ul li a:hover { color:#FFF}

#menu_pos { width:250px; background:url(..png) no-repeat right 45px; margin-left:0}
#menu_ppc { width:250px; margin-left:105px; background:url(..png) no-repeat right 40px;}
#menu_mpc { width:250px; margin-left:105px; background:url(..png) no-repeat right 40px; display:none}
#menu_customize { width:250px; margin-left:105px; background:url(..png) no-repeat right 40px;}
*/




#submenu { width:100%; height:230px; background:url(../images/bg_menu.png) left 10px repeat-x; display:none; position:absolute; top:60px; z-index:9998; overflow:hidden}
#submenu .arrow { width:960px; height:20px; background:url(../images/arrow_menu.png) no-repeat 510px bottom; overflow:hidden; margin:0 auto}
#submenu_wrap { display:block; width:960px; margin:0 auto; overflow:hidden}
#submenu_wrap ul { display:block; padding:0; margin-top:20px; margin-bottom:20px; list-style:none; height:210px; float:left}
#submenu_wrap ul li { display:block; list-style:none; width:100%; padding:0; margin:0; height:24px; line-height:24px;  float:left; color:#FFF; font-size:13px; }
#submenu_wrap ul li.title { font-size:14px; font-weight:bold; border-bottom:1px solid #ffcaca; line-height:24px; padding-bottom:8px; margin-bottom:10px}
#submenu_wrap ul li a { color:#fff}
#submenu_wrap ul li a:hover { color:#ffff66}

#menu_1 { width:110px; background:url(..png) no-repeat right 45px; margin-left:0}
#menu_2 { width:110px; margin-left:16px; background:url(...png) no-repeat right 40px;}
#menu_3 { width:165px; margin-left:16px; background:url(...png) no-repeat right 40px; display:none}
#menu_4 { width:165px; margin-left:16px; background:url(..png) no-repeat right 40px;}
#menu_off { width:140px; margin-left:18px;}

/*
#submenu ul li:first-child { padding:0 20px 0 0;  border-left:none}
#submenu ul li:last-child { padding:0 0 0 20px; border-right:none}
#submenu ul li:first-child + li + li + li + li { padding:0 0 0 20px; border-right:none}
#submenu ul li span { font-size:14px; width:120px; float:left; line-height:21px; padding-bottom:3px;}
#submenu ul li span.thumbnail { width:110px; height:110px; float:left; overflow:hidden; margin-bottom:5px; border:none}
#submenu ul li span.thumbnail img { display:block; margin:0 auto; width:110px; height:auto;}
#submenu ul li span.title { font-size:16px; color:#FFF; margin-bottom:8px; padding-bottom:5px; text-align:center;}
#submenu ul li a { color:#B3DFF1}
#submenu ul li a:hover { color:#FFF}
#submenu ul li.menu_pos	{ width:120px}
#submenu ul li.menu_pos span.thumbnail { width:110px}
#submenu ul li.menu_pos span.title { width:110px}

#submenu ul li.menu_ppc { width:265px}
#submenu ul li.menu_ppc span.thumbnail { width:110px; margin-left:5px}
#submenu ul li.menu_ppc span.title { width:110px; margin-left:5px }
#submenu ul li.menu_ppc .thumb_wrap { width:130px; height:160px; float:left}
#submenu ul li.menu_ppc .subdiv { width:120px; height:160px; float:left; padding-top:10px; margin-left:5px}


#submenu ul li.menu_other { width:170px;padding-top:10px}
#submenu ul li.menu_other span.title { padding:0; margin:0 0 10px 0; text-align:left; width:170px}
#submenu ul li.menu_other span.title a { display:block; padding:0; margin:0; text-align:left; color:#FFFFFF}
*/

.iboxT { border-bottom: 1px solid #3a67bb; position: relative; margin-bottom: 32px; font-size: 24px; text-transform: uppercase; color: #ffffff; text-align: center;font-weight:300 }
.slt-bor { position: absolute; left: 50%; bottom: -1px; width: 94px; height: 1px; background-color: #fff; margin-left: -47px; }
.target.slt-bor { transition: 0.4s 0.1s; -webkit-transition: 0.4s 0.1s; width: 0; margin-left: 0; }
.action.slt-bor { width: 94px; margin-left: -47px; }
img { border: 0px; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.projectsIbox .slick-prev { background-image: url(../images/img_l.png); left: 0px; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.projectsIbox .slick-next { background-image: url(../images/img_r.png); right: 0px; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.projectsIbox:hover .slick-prev, .projectsIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.partnerIbox { padding: 42px 0px; overflow: hidden; }
.partnerIbox .iboxT { text-align: left; padding: 0px 30px 8px; color: #333333; border-bottom-color: #e0e0e0; }
.partnerIbox .iboxT .slt-bor { left: 30px; margin-left: 0; background-color: #333333; }
.partnerIdemo a:link, .partnerIdemo a:visited { color: #333; }
.partnerIdemo a:active, .partnerIdemo a:hover { color: #2450a1; }
.partnerIdemo { margin: 0px 15px; }
.partnerIdemo .item { float: left; display: block; width: 233px; margin: 0px 15px; text-align: center; text-transform: uppercase; }
.partnerIdemo .img { background-color: #f2f2f2; position: relative; overflow: hidden; }
.partnerIdemo .img img { width: 100%; display: block; }
.partnerIdemo article { padding-top: 10px; line-height: 1.5; }
.partnerIdemo .slick-arrow { width: 26px; height: 26px; top: -78px; z-index: 200; }
.partnerIdemo .slick-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.partnerIdemo .slick-prev { right: 45px; }
.partnerIdemo .slick-prev i { background: url(../images/img_l2.png) no-repeat scroll center center; }
.partnerIdemo .slick-next { right: 15px; }
.partnerIdemo .slick-next i { background: url(../images/img_r2.png) no-repeat scroll center center; }
.partnerIdemo .slick-prev:hover i { background-image: url(../images/img_l3.png); }
.partnerIdemo .slick-next:hover i { background-image: url(../images/img_r3.png); }
.filler { position: absolute; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; z-index: 5; }
.filler-left { width: 2px; height: 100%; left: 0%; bottom: 0%; }
.filler-right { width: 2px; height: 100%; right: 0%; top: 0%; }
.filler-top { width: 100%; height: 2px; left: 0%; top: 0%; }
.filler-bottom { width: 100%; height: 2px; right: 0%; bottom: 0%; }
.item:hover .filler { background-color: #2450a1; }




/*===============================*/
#banner { width:100%; float:left; height:300px;}
#banner_s { width:100%; float:left; height:180px; overflow:hidden}
.ov_about { background:url(../images/ov_about.jpg) no-repeat center top;}
.ov_services { background:url(../images/ov_service.jpg) no-repeat center top;}
.ov_app { background:url(../images/ov_app.jpg) no-repeat center top;}
.ov_qa { background:url(../images/ov_qa.jpg) no-repeat center top;}

.banner_wrap { width:960px; margin:0 auto; height:300px; position:relative; padding:0;}
.breadcrumb { display:block; height:30px; margin:0; padding:0; position:absolute; right:0; top:0; color:#FFF; line-height:30px;}
.breadcrumb li { float:left; line-height:30px; height:30px; display:block; list-style:none; font-size:12px;text-shadow: 1px 1px #0D305A;}
.breadcrumb li span{  padding:0 15px 0 10px; background:url(../images/breadcrumb.png) no-repeat center center; }

.breadcrumb li.current { font-weight:bold; padding:0 0 0 10px; background:none}
.breadcrumb li a { color:#FFF }
.breadcrumb li a:hover { text-decoration:underline}
.list_title { display:block; width:360px; padding:0; color:#FFFFFF; margin:0; overflow:hidden; list-style:none; position:absolute; left:0; top:100px;}
.list_title li { display:block; width:100%; padding:0; margin:0; list-style:none; font-size:12px; line-height:21px; text-shadow: 1px 1px #0D305A;}
.list_title h2 { display:block; font-size:32px; line-height:42px; color:#FFF; font-weight:normal; padding:0; margin:0; text-shadow: 1px 1px #0D305A;}
#banner_s .list_title { display:block; width:720px; padding:0; color:#FFFFFF; margin:0; overflow:hidden; list-style:none; position:absolute; left:0; top:50px;}




#breadcrumb { width:100%;  height:30px; padding:0; margin:0; background:#f10909; float:left}
#breadcrumb .banner_wrap { width:960px; margin:0 auto; height:30px; padding:0; line-height:30px; overflow:hidden;}
#breadcrumb .banner_wrap .breadcrumb { display:block; height:30px; margin:0; padding:0; color:#FFF; line-height:30px;  position:static; float:right}
#breadcrumb .banner_wrap .breadcrumb li { float:left; line-height:30px; height:30px; display:block; list-style:none; font-size:12px;  }
#breadcrumb .banner_wrap .breadcrumb li.current { font-weight:bold; padding:0 0 0 10px; background:none}

/*===============================*/
#article { width:100%; float:left; padding:0; margin:0; overflow:hidden;}
#article_enews { width:100%; float:left; padding:0}
#article_enews .wrap_center { margin-top:10px}
#sidebar { width:259px; float:left; margin-top:30px; height:100%}
#sidebar ul { display:block; margin:0 0 30px 0; padding:0; width:245px; float:left}
#sidebar ul li { display:block; margin:0; padding:0 0 0 15px; width:230px; float:left; font-size:12px; line-height:200%; background:url(../images/list_icon.png) no-repeat 2px center}
#sidebar ul li.title { color:#000; font-size:16px; background:none; padding:0}
#sidebar ul li.current { color:#ff0000; font-weight:bold}
#sidebar ul li.current a { color:#ff0000; font-weight:bold}
#sidebar ul li.current a:hover { color:#ff0000; font-weight:bold}
#sidebar ul li a { color:#666} 
#sidebar ul li a:hover { color:#ff0000}
#editor { width:660px; float:left; padding-left:40px; margin-top:30px; margin-bottom:30px; border-left:1px solid #E3E3E3; overflow:hidden;}
#editor h2 { display:block; padding:0; margin:0 0 20px 0;line-height: 1.2;}
#editor_investors { width:660px; float:left; padding-left:40px; margin:30px auto; border-left:1px solid #E3E3E3; font-size:14px; color:#666; }
#editor_investors h2 { display:block; padding:0; margin:0 0 20px 0}


#sidebar ul { display:block; margin:0 0 30px 0; padding:0; width:245px; float:left}
#sidebar ul li.title2 { color:#555; font-size:12px; background:none; padding:0}
#sidebar ul li.iemail {	background: url(../images/mail_icon.gif) left 4px no-repeat;padding-left: 20px;}
#sidebar ul li.iphone {	background: url(../images/phone_icon.gif) left 4px no-repeat;padding-left: 20px;}
#sidebar ul li.iuser {	background: url(../images/user.gif) left 4px no-repeat;	padding-left: 20px;}
#sidebar ul li.iquestion {	background: url(../images/question-mark.gif) left 0px no-repeat;padding-left: 20px;color: #F5821F;}

/*===============================*/
/**/
.thumbnail a img { border:none; outline:none}
.overview_about { display:block; width:450px; padding:0; margin:0; position:relative; float:left; list-style:none}
.overview_about:first-child { margin-right:60px;}
.overview_about li { display:block; list-style:none; width:205px; padding:0 0 0 20px; float:left; line-height:26px; background:url(../images/list_icon.png) no-repeat left center}
.overview_about li.descriptions { color:#666; line-height:160%; font-size:12px; width:330px; padding:0 120px 20px 0; border-bottom:1px solid #CCC; height:90px; margin-bottom:15px; background:none}
.overview_about li.title{ padding:0; width:450px; background:none}
.overview_about li.thumbnail { position:absolute; right:0; top:36px; width:90px; height:90px; padding:0; margin:0; background-color:#FFFF00; background:none}
.overview_about li h3 { display:block; color:#000; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:36px; width:450px;}
.overview_about li a { font-size:14px; color:#333; text-decoration:none}
.overview_about li a:hover { color:#cc3333;}

/**/
.overview_service { display:block; width:300px; padding:0; position:relative; float:left; list-style:none; margin:0 30px 30px 0}
.overview_service li { display:block; list-style:none;  padding:0; float:left; line-height:26px;}
.overview_service li.descriptions { color:#666; line-height:160%; font-size:12px; width:190px; padding:0 110px 20px 0; border-bottom:1px solid #CCC; height:90px; margin-bottom:15px; background:none}
.overview_service li.title{ padding:0; width:300px; background:none}
.overview_service li.thumbnail { position:absolute; right:0; top:36px; width:90px; height:90px; padding:0; margin:0; background-color:#FFFF00; background:none}
.overview_service li h3 { display:block; color:#000; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:36px; width:300px;}
.overview_service li h3 a { color:#0092CC; font-size:18px; }
.overview_service li a { font-size:12px; color:#666; text-decoration:none}
.overview_service li a:hover { color:#000;}

#part_right:hover {background-color:#406aa0; }

#part_right ul { display:block; list-style:none; width:200px; color:#FFF; padding:0}
#part_right a { color:#BFE4F3}
#part_right a:hover { color:#FFF}
#part_right ul li { display:block; list-style:none; width:200px; margin:20px; padding:0}
#part_right ul li.title{ padding:0; margin:20px 0 0 20px; width:200px; background:none}
#part_right ul li h3 { display:block; color:#FFF; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:36px; width:200px;}
#part_right ul li.descriptions { color:#FFF; line-height:160%; font-size:12px; width:200px; padding:0; margin:0 0 15px 20px; background:none; }

#part_right ul li.thumbnail { position:absolute; right:15px; bottom:15px; width:64x; height:64px; padding:0; margin:0; background:none; overflow:hidden}

/**/
.overview_cole { display:block; width:300px; padding:0; position:relative; float:left; list-style:none; margin:0 30px 30px 0}
.overview_cole:nth-child(3n) {  margin:0 0 30px 0}
.overview_cole:first-child + ul + ul { margin:0 0 30px 0}
.overview_cole:first-child + ul + ul + ul + ul + ul { margin:0 0 30px 0}
.overview_cole:first-child + ul + ul + ul + ul + ul+ ul + ul + ul { margin:0 0 30px 0}
.overview_cole li { display:block; list-style:none;  padding:0; float:left; line-height:26px;}
.overview_cole li.descriptions { color:#666; line-height:160%; font-size:12px; width:190px; padding:0 110px 20px 0; border-bottom:1px solid #CCC; height:90px; margin-bottom:15px; background:none}

.overview_cole li.title{ padding:0; width:300px; background:none}
.overview_cole li.thumbnail { position:absolute; right:0; top:36px; width:90px; height:90px; padding:0; margin:0; background-color:#FFFF00; background:none}
.overview_cole li h3 { display:block; color:#000; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:36px; width:300px;}
.overview_cole li h3 a { color:#0092CC; font-size:18px;}
.overview_cole li a { font-size:12px; color:#666; text-decoration:none}
.overview_cole li a:hover { color:#000;}


/*===============================*/
#shortcut { width:100%; float:left; background:#004d70; height:120px; display:none}
#shortcut ul { display:block; width:960px; list-style:none; padding:0; margin:0 auto; height:120px; overflow:hidden}
#shortcut ul li {}

/*===============================*/
#footer { width:100%; float:left; background:#E7E7E7; }
#footer_wrap { width:960px; margin:0 auto; }
#footer_wrap ul { display:block; list-style:none; padding:0; margin-top:20px; margin-bottom:20px; float:left}
#footer_wrap ul li { display:block; list-style:none; padding:0; margin:0; color:#333; line-height:24px; font-size:13px;}
#footer_wrap ul li.title { font-size:16px; font-weight:normal; line-height:24px; height:24px; color:#000}
#footer_wrap ul li.title2 { font-size:26px; font-weight:normal; line-height:24px; height:24px; color:#000}
#footer_wrap ul li a { color:#666}
#footer_wrap ul li a:hover { color:#000000}
#contact_link {}


#copyright { width:100%; overflow:hidden; float:left; background:#FFF}
#copyright_wrap { display:block; width:960px; list-style:none; padding:0; margin:0 auto; height:36px; overflow:hidden;}
#copyright_wrap li { display:block; color:#999; float:left; list-style:none; line-height:36px; font-size:12px;}
#copyright_wrap li:first-child { float:left; margin-right:20px; }

#contact_link {}
#contact_link a { display:block; height:100%; width:100%; padding-left:0px; color:#999}
#contact_link a:hover { color:#000}


.phone{ text-align:center}



.btn-small{height:28px;line-height:28px;width:118px;font-size:12px}
.btn-primary{background-color:#ff4a00;border-color:#ff4a00;color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active{color:#fff;border-color:#ee330a;background-color:#ee330a}


.btn{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;font-size:12px;text-align:center;cursor:pointer;background-color:#ff0000;border:1px solid #ff4a00;color:#fff;padding:0;}
.btn:hover,.btn:focus{color:#fff;outline:0;text-decoration:none;background-color:#ff3300}
.btn.active,.btn:active{outline:0;background-color:#ff4a00;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15);box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}




/*---------------------------*/
#content {}
#slidebg { width:100%; height:510px; float:left; position:relative}
#slide { display:block; width:100%; height:510px; list-style:none; padding:0; margin:0; position:relative}
#slide li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slide li a { display:block; width:100%; height:100%; text-indent:-9999px}
#slidedot { display:block; list-style:none; position:absolute; left:50%; top:445px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#slidedot li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#slidedot li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#slidedot li.currentdot { background:#0092CE}

#index_cole { display:block; list-style:none; padding:0; width:960px; height:110px; margin:0 auto}
#index_cole li { display:block; padding:0; margin:20px 0 20px 15px; list-style:none; width:310px; height:110px; float:left; overflow:hidden; position:relative}
#index_cole li a { display:block; position:absolute; width:100%; height:100%; left:0; top:0 }
#index_cole li:first-child { display:block; padding:0; margin:20px 0 20px 0; list-style:none; width:310px; height:110px; float:left; overflow:hidden}
#index_cole li h2 { display:block; width:200px; margin:20px 0 0 100px; font-size:18px; line-height:24px; color:#000; font-weight:normal}
#index_cole li p { display:block; width:200px; margin:5px 0 0 100px; font-size:13px; line-height:18px; color:#666; padding:0}

#index_news { position:absolute; height:35px; width:100%; bottom:0; left:0; z-index:5000; background:url(../images/news_bg.png) repeat-x left -40px; overflow:hidden; }
#index_news_wrap { width:960px; height:35px; margin:0 auto; font-size:13px;}
#index_news_wrap div { float:left}
#index_news_title { width:120px; height:35px; line-height:35px; color:#FFF; font-weight:bold; font-size:14px}
#index_news_slide { width:760px; position:relative; overflow:hidden; height:35px;}
#index_news_slide ul { display:block; list-style:none; position:absolute; height:35px; padding:0; margin:0}
#index_news_slide ul li { display:block; list-style:none; line-height:35px; height:35px; width:760px; overflow:hidden; float:left; color:#FFFFFF;padding:0; margin:0 }
#index_news_slide ul li span { letter-spacing:1px; margin-right:5px}
#index_news_slide ul li a { color:#FFFFFF }
#index_news_btn { width:60px; margin-left:20px; height:35px; line-height:35px; display:none}


#shadow_wrap { background: #F2F2F2 url(../images/slide_shadow.png) no-repeat center top; width:100%; height:8px; float:left}
#main_wrap { width:100%;background:url(../images/bg_main.png) repeat-x left top; float:left; overflow:hidden }
#main { width:960px; margin:100px auto 0 auto; height:230px}
.shortcut_index { width:310px; height:190px; float:left; margin-right:15px; padding:0}  
.shortcut_index a { display:block; width:100%; height:100%; padding:0; margin:0}
.shortcut_index h3 { display:block; font-size:16px; color:#0092CE; line-height:21px; padding:20px 20px 10px 20px; margin:0}
.shortcut_index p { display:block; font-size:12px; line-height:18px; color:#666; margin:0 0 0 20px; width:160px;}

#news_index { font-size:12px; color:#999999; line-height:18px; float:left}
#news_index ul { display:block; list-style:none; padding:0; margin:0; width:310px; }
#news_index ul li { display:block; list-style:none; padding:0; margin:0; border-bottom:1px solid #D8D8D8;margin-bottom:5px; padding-bottom:5px}
#news_index ul li span.i_date { color:#0092CE; }
/*------  ---------------------------------------------------*/
.product_list { display:block; width:208px; height:280px; float:left; padding:0; margin:0 26px 20px 0; border-bottom:1px solid #E4E4E4}
.product_list:nth-child(4n) { margin:0 0 20px 2px; }
.product_list:first-child + ul + ul + ul, .product_list:first-child + ul + ul + ul + ul + ul + ul + ul , .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul, .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul, .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul, .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul, .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .product_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul { margin:0 0 20px 2px; }
.product_list li { display:block; float:left; padding:0; margin:0}
.product_list li.thumbnail { width:180px; height:180px; padding:20px; overflow:hidden}
.product_list li.thumbnail img { display:block; width:180px; height:auto;}
.product_list li.thumbnail a { outline:none; border:none}
.product_list li.title { width:220px; height:30px; padding:0;}
.product_list li.title h3 { display:block; color:#0092CC; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:30px; width:220px;}
.product_list li.title h3 a { color:#000; font-size:18px;}
.product_list li.title h3 a:hover { color:#ff0000; font-size:18px;}
.product_list li.model { width:220px; height:21px; color:#666; font-size:14px; line-height:21px}
.product_list li.model a { color:#666; font-size:14px;}

.product_detail { display:block; width:960px; float:left; list-style:none; padding:0; margin:0; position:relative; min-height:400px; }
.product_detail li { display:block; width:540px; margin:0; padding:0; font-weight:normal; overflow:hidden;}
.product_detail .title { padding:0; margin:30px 0 0 0; height:48px; overflow:hidden}
.product_detail .subtitle { padding:0; margin:0; height:28px;}
.product_detail .title h2 { font-size:36px; color:#000000; line-height:48px; padding:0; margin:0; font-weight:normal}
.product_detail .subtitle h3 { font-size:18px; color:#ff0000; line-height:28px; padding:0; margin:0; font-weight:normal}
.product_detail .description { font-size:14px; color:#666; line-height:160%; margin:10px 0 50px 0;}
.product_detail .description  p{  line-height:160%;margin:10px 0 10px 0;}
.product_detail .mainpic { width:360px; height:360px; position:absolute; right:0; top:0}
.sebottom { width:960px; height:690px; float:left}
.sebottom ol {margin:0;}
.sebottom ol li {}
.sebottom h4 { color:#0092CE}

.wrap_center_re .select_year { height:28px; width:168px; border:1px solid #D9D9D9; position:absolute; left:50%; top:10px; margin:0 0 0 312px}
.wrap_center_re .select_year select { border:none; height:17px; line-height:17px; margin:5px 5px; width:158px; outline:none}

#pagecount { display:block; height:26px; margin:0 auto 20px auto; padding:0; overflow:hidden; list-style:none;  text-align:center}
#pagecount li { display: inline-block; width:30px; height:23px; border:1px solid #0092CE; overflow:hidden; list-style:none; font-size:12px; line-height:23px; text-align:center; margin:0 5px; padding:0;}
#pagecount li.pageprev { width:100px}
#pagecount li.pagenext {width:100px}
#pagecount li a { display:block; width:100%; height:100%}

/*------------------------ -----------------------------*/
#spec table, #spec tr, #spec td { margin:0; padding:0; border:none; color:#666; font-size:12px; line-height:18px; }
#spec td { padding:10px 20px; margin:0; border-right:1px dotted #666; border-bottom:1px solid #666; text-align:left; vertical-align:top}
#spec table tr:first-child td { border-bottom:2px solid #666; font-size:14px; color:#666; line-height:20px; }
#spec table tr:first-child td:first-child { border-bottom:2px solid #666; font-size:12px; color:#9B9B9B; line-height:24px }
#spec table tr td:first-child { padding:10px 20px 10px 0; color:#9B9B9B; font-weight:normal } 
#spec table tr td:last-child { padding:10px 0 10px 20px; border-right:none} 


#spec .columnb td { width:710px;}
#spec .columnb tr td:first-child { width:210px;} 
#spec .columnb tr td:last-child { width:720px;} 
#spec .columnb tr td:first-child + td { width:710px; padding:10px 0 10px 20px; border-right:none} 

#spec .columnc td { width:335px;}
#spec .columnc tr td:first-child { width:210px;} 
#spec .columnc tr td:last-child { width:335px;} 
#spec .columnc tr td:first-child + td + td{ width:335px; padding:10px 0 10px 20px; border-right:none} 

#spec .columnd td { width:210px;}
#spec .columnd tr td:first-child { width:210px;} 
#spec .columnd tr td:last-child { width:210px;} 
#spec .columnd tr td:first-child + td + td + td { width:210px; padding:10px 0 10px 20px; border-right:none} 

#spec .columne td { width:160px;}
#spec .columne tr td:first-child { width:160px;} 
#spec .columne tr td:last-child { width:160px;} 
#spec .columne tr td:first-child + td + td + td + td { width:160px; padding:10px 0 10px 20px; border-right:none} 

.colspanall { font-size:15px; font-style:italic; padding:10px 0 10px 0; margin:0; text-align:center; color:#F00; background-color:#F0F0F0}

/*-----------------------------------------------------*/



.segment_list { display:block; width:300px; height:230px; float:left; padding:0; margin:0 30px 30px 0; border-bottom:1px solid #E4E4E4}
.segment_list:nth-child(3n) { margin:0 0 20px 0; }
.segment_list:first-child + ul + ul , .segment_list:first-child + ul + ul + ul + ul + ul, .segment_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul, .segment_list:first-child + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul { margin:0 0 20px 0; }
.segment_list li { display:block; float:left; padding:0; margin:0; position:static}
.segment_list li.thumbnail { width:300px; height:150px; padding:0; overflow:hidden; background:#004d70; margin-bottom:5px}
.segment_list li.thumbnail img { display:block; width:300px; height:auto; margin-left:-10px;}
.segment_list li.thumbnail a { outline:none; border:none}
.segment_list li.title { width:300px; height:30px; padding:0;}
.segment_list li.title h3 { display:block; color:#0092CC; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:30px; width:300px;}
.segment_list li.title h3 a { color:#0092CC; font-size:18px;}
.segment_list li.descriptions { color:#666; line-height:160%; font-size:12px; width:300px; padding:0; background:none}
.segment_list li.descriptions a { color:#666; font-size:13px;}
.segment_list li.descriptions a:hover { color:#0092CC;}

#segment_detail { font-size:14px}
#segment_detail h3 { display:block; margin:10px 0 20px 0; padding:0; font-size:28px}
#segment_detail h4 { display:block; margin:0 0 10px 0; padding:0}
#segment_detail h4.subtitle { color:#004d70;}
#segment_detail table { margin-bottom:20px;}
#segment_detail p { display:block; padding:0; margin:0 0 20px 0}
#segment_detail .application_list { color:#FFFFFF; }
#segment_detail .application_list ol, #segment_detail .application_list ul { margin:0 0 0 80px}
#segment_detail .table_features { font-size:14px; line-height:140%}
#segment_detail .table_features td { padding:5px 0}




.enews_list { display:block; width:176px; height:300px; float:left; padding:0; margin:0 20px 30px 0; list-style:none; }
.enews_list li { list-style:none}
.enews_list:nth-child(5n) { margin:0 0 20px 0; }
.enews_list:first-child+ ul + ul + ul + ul, .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul , .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul , .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul, .enews_list:first-child+ ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul + ul  { margin:0 0 20px 0; }
.enews_list:nth-child(5n) { margin:0 0 20px 0; }
.enews_list li.thumbnail { width:174px; height:228px; padding:0; border:1px solid #E4E4E4; overflow:hidden; background:none; margin-bottom:5px}
.enews_list li.thumbnail img { display:block; width:164px; height:218px; margin:5px}
.enews_list li.thumbnail a { outline:none; border:none}

.enews_list li.title { width:300px; height:30px; padding:0;}
.enews_list li.title h3 { display:block; color:#0092CC; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:30px; width:300px;}
.enews_list li.title h3 a { color:#0092CC; font-size:18px;}
.enews_list li.descriptions { color:#666; line-height:140%; font-size:12px; width:176px; padding:0; background:none}
.enews_list li.descriptions a { color:#666; font-size:12px;}
.enews_list li.descriptions a:hover { color:#0092CC;}

#enews_top { margin:20px auto 0 auto; width:850px; height:40px; overflow:hidden}
#enews_wrap { width:100%; float:left; background-color:#F5F5F5; min-height:800px;}
#enews_wrap h2 { display:block; font-size:24px; line-height:40px; height:40px; color:#0091CC; width:580px; padding:0; font-weight:normal; float:left; margin:0; }
#enews_editor{ margin:20px auto; width:832px; border:1px solid #CCC; padding:8px}
#enews_function { margin:0; width:270px; height:40px; float:left; overflow:hidden}
#enews_function div { float:left; height:40px; line-height:40px; font-size:14px;}
#enews_function .back { background:url(..icon_back.png) no-repeat left center ;  margin-left:53px }
#enews_function .pdf {background:url(...png) no-repeat left center;}
#enews_function div a { color:#0092CC; padding:0 0 0 25px;} 

#enews_prev { position:absolute; left:50%; top:55%; width:74px; height:74px; margin:0 0 0 -574px; background:no-repeat left 0 url(...png); padding:0;}
#enews_next { position:absolute; left:50%; top:55%; width:74px; height:74px; margin:0 0 0 500px; background:no-repeat right 0 url(...png); padding:0;}
#enews_prev a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden}
#enews_next a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden}
#enews_prev:hover { background-position: left -76px}
#enews_next:hover { background-position: right -76px}

@media all and (max-width: 1020px){
#enews_prev { position:fixed; left:50%; top:50%; width:74px; height:74px; margin:-37px 0 0 -494px; background:no-repeat left 0 url(..png); background-size:}
#enews_next{ position:fixed; left:50%; top:50%; width:74px; height:74px; margin:-37px 0 0 420px; background:no-repeat right 0 url(...png);}
}



#relate_product {}
#relate_product h4 { display:block; width:960px; border-bottom:2px solid #0092CC; overflow:hidden; float:left; padding-bottom:15px}
#relate_product ul { display:block; padding:0; margin:0; list-style:none}
#relate_product ul li { display:block; padding:0; margin:0; list-style:none; width:120px; margin:0 48px 0 0; float:left}
#relate_product ul li:last-child { margin:0}
#relate_product ul li:first-child + li + li + li + li + li { margin:0}
#relate_product ul li a { display:block; width:100%; height:100%}
#relate_product ul li span { display:block; font-size:14px; font-weight:normal; color:#0092CD; }
#relate_product ul li span:first-child { width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
#relate_product ul li span:first-child img { outline:none; border:none}

#download { padding:0px 0; margin-top:0px;}
#download h4 { display:block; width:960px; margin:0 auto; font-size:18px; color:#333 }

#gallerys_big_wrap { width:100%; height:400px; position:relative; float:left; overflow:hidden; padding:0; margin:0; }
#gallerys_info_wrap { width:100%; height:30px; float:left; overflow:hidden; padding:0  0 10px 0; margin:0; border-bottom:1px solid #999;}
#gallerys_info { display:block; list-style:none; width:100%; height:30px; padding:0; margin:0; position:relative;}
#gallerys_info li { display:none; list-style:none; width:100%; height:30px; text-align:center; line-height:30px; font-size:18px; color:#333; padding:0; margin:0; position:absolute}
#gallerys_current { width:100%; height:6px; position:relative; float:left}
#currenticon { width:12px; height:6px; background:url(...png) no-repeat left top; position:absolute; text-indent:-9999px; overflow:hidden; margin-left:-6px; }
#gallerys_prev { width:42px; height:68px; position:absolute; left:0; top:166px; overflow:hidden; background:url(...png) no-repeat left top; cursor:pointer; z-index:9990; text-indent:-9999px}
#gallerys_next { width:42px; height:68px; position:absolute; right:0; top:166px; overflow:hidden; background:url(...png) no-repeat right top; cursor:pointer; z-index:9991; text-indent:-9999px}
#gallerys_big { display:block; height:400px; padding:0; margin:0; overflow:hidden; position:relative; list-style:none}
#gallerys_big img { display:block; max-height:400px; margin:0 auto}
#gallerys_big li { display:none; text-align:center; width:100%; height:100%; position:absolute; z-index:-999 }
#gallerys_thumb { display:block; text-align:center; margin-top:10px; float:left; width:100%;}
#gallerys_thumb img { margin:0 5px; cursor:pointer; padding:0; outline:none;}
#video p { display:block; padding:0; margin:0; text-align:center; width:960px;}
#video iframe { display:block; margin:0 auto}

/**/
#svc_intro { background:url(..jpg) no-repeat left bottom; height:400px; margin-top:30px; position:relative}
#svc_intro h2 { font-size:36px; font-weight:normal; color:#000; display:block; line-height:42px; height:42px; margin:0; padding:0}
#svc_intro h3 { font-size:18px; font-weight:normal; color:#0092CC; display:block; line-height:21px; margin:5px 0 10px 0; padding:0 }
#svc_intro p { display:block; width:450px; }
#svc_intro .remark { display:block; font-size:13px; line-height:13px; color:#FFFFFF; bottom:25px; width:600px; left:290px; position:absolute}
#svc_form { margin-top:30px}

/**/
#svc_form_left { display:none; padding:0; margin:0; list-style:none; float:left; width:390px }
#svc_form_left li.title { font-size:18px; color:#0092CC; line-height:30px}
#svc_form_left li { display:block; padding:0; margin:0 0 10px 0; list-style:none; float:left; width:390px }
#svc_form_left li span { display:block; float:left;}
#svc_form_left li span.field_name { width:140px; height:30px; line-height:30px; border:none; text-align:left; font-size:14px; color:#000000}
#svc_form_left li span.field_name strong { font-size:14px; line-height:30px; color:#0091CC; margin-left:5px}
#svc_form_left li span.field_value { width:250px; height:30px; line-height:30px; margin-left:0; border:none; text-align:left;}
#svc_form_left li span.field_value_msg { width:250px; height:80px; line-height:18px; margin-left:20px; border:none; text-align:left;}
#svc_form_left li span.field_value_msg textarea { padding:0 5px; height:78px; line-height:18px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_left li span.field_value select { padding:5px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_left li span.field_value input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}



#svc_form_part { display:block; padding:0; margin:0; list-style:none; float:left; width:390px; margin-left:0 }
#svc_form_part li { display:block; padding:0; margin:0 0 10px 0; list-style:none; float:left; }
#svc_form_part li.title { font-size:18px; color:#0092CC; line-height:30px}
#svc_form_part li span { display:block; float:left;}
#svc_form_part li span.field_name { width:94px; height:30px; line-height:30px; border:none; text-align:left; font-size:14px; color:#000000}
#svc_form_part li span.field_name strong { font-size:14px; line-height:30px; color:#0091CC; margin-left:5px}
#svc_form_part li span.field_value { width:276px; height:30px; line-height:30px; margin-left:20px; border:none; text-align:left;}
#svc_form_part li span.field_value_msg { width:386px; height:80px; line-height:18px; margin-left:20px; border:none; text-align:left;}
#svc_form_part li span.field_value_msg textarea { padding:0 5px; height:78px; line-height:18px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_part li span.field_value select { padding:5px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_part li span.field_value input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_part li span.field_value2 { width:386px; height:91px; line-height:30px; margin-left:20px; border:none; text-align:left;}

#svc_form_right { display:block; padding:0; margin:0; list-style:none; float:left; width:500px; margin-left:70px }
#svc_form_right li { display:block; padding:0; margin:0 0 10px 0; list-style:none; float:left; }
#svc_form_right li.title { font-size:18px; color:#0092CC; line-height:30px}
#svc_form_right li span { display:block; float:left;}
#svc_form_right li span.field_name { width:94px; height:30px; line-height:30px; border:none; text-align:left; font-size:14px; color:#000000}
#svc_form_right li span.field_name strong { font-size:14px; line-height:30px; color:#0091CC; margin-left:5px}
#svc_form_right li span.field_value { width:386px; height:30px; line-height:30px; margin-left:20px; border:none; text-align:left;}
#svc_form_right li span.field_value_msg { width:386px; height:80px; line-height:18px; margin-left:20px; border:none; text-align:left;}
#svc_form_right li span.field_value_msg textarea { padding:0 5px; height:78px; line-height:18px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_right li span.field_value select { padding:5px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_right li span.field_value input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_right li span.field_value2 { width:386px; height:91px; line-height:30px; margin-left:20px; border:none; text-align:left;}

#svc_form_right li span.field_value3 { width:386px; height:50px; line-height:30px; margin-left:20px; border:none; text-align:left;}
#svc_form_right li span.field_value2 input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#svc_form_right li span.field_value3 input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}



#svc_form_left .width_s_input{ width:120px}
#svc_form_left .width_m_input{ width:238px}
#svc_form_left .width_m_select{ width:250px}

#svc_form_part .width_s_input{ width:120px}
#svc_form_part .width_m_input{ width:270px}
#svc_form_part .width_l_input{ width:360px}
#svc_form_part .width_m_select { width:317px}
#svc_form_part .width_l_select { width:317px}


#svc_form_right .width_s_input{ width:120px}
#svc_form_right .width_m_input{ width:280px}
#svc_form_right .width_l_input{ width:360px}
#svc_form_right .width_m_select { width:317px}
#svc_form_right .width_l_select { width:317px}


#svc_form #form_btn { margin:20px 0 25px 575px; float:left}
#form_btn a { display:block; height:40px; text-align:center; line-height:40px; font-size:14px; float:left; background:url(../images/btn_bg.png) repeat-x left top; padding:0 20px; margin-right:15px; color:#FFF}


/*------  ---------------------------------------------------*/
#download_intro { margin-bottom:15px;}
#download_filter { background-color:#CCC }
#download_filter span { display:block; float:left; /*width:192px;*/width:157px; height:40px; }
#download_filter span select { display:block; background:transparent; /*width:220px;*/width:185px; padding:0 0 0 20px; margin:0;  font-size:14px; border:0; height:40px; -webkit-appearance:none; float:left}
#filter_category { background:url(..png) no-repeat left 0}
#filter_series { background:url(..png) no-repeat left -45px}
#filter_model { background:url(...png) no-repeat left -90px}
#filter_mb { background:url(...png) no-repeat left -135px}
#filter_system { background:url(...png) no-repeat left -180px}
.field_name { display:block; float:left; width:100%; border-top:2px solid #000; padding:0; margin:0; list-style:none}
.field_name li { display:block; float:left; font-size:12px; text-align:left; padding:7px 0; margin:0; list-style:none }
.field_name li.t_category { width:80px;}
.field_name li.t_name { width:490px; margin-right:10px}
.field_name li.t_ver { width:140px;}
.field_name li.t_update { width:100px;}
.field_name li.t_info { width:130px;  margin-right:10px}
.field_name li.t_mark { width:80px;}
.field_name li.t_os { width:120px;}
.field_name li.t_download { width:50px;}
#filter { border-top:1px solid #999; line-height:36px;}
#filter strong { color:#004d70}

.field_category { display:block; float:left; width:660px; padding:0; margin:0; position:relative; overflow:hidden; border-top:1px solid #333}
.field_category li { display:block; padding:7px 0; margin:0 0 0 0px; float:left; width:660px; border-bottom:1px solid #E0E0E0; font-size:12px; line-height:18px; color:#666 }
.field_category li h4 { display:block; margin:0; padding:0; line-height:21px; font-size:16px; color:#000; font-weight:normal}
.field_category li span { display:block; font-size:12px; line-height:21px; float:left; overflow:hidden}
.field_category li span.f_name { width:490px; margin-right:10px}
.field_category li span.f_ver { width:140px;}
.field_category li span.f_update { width:100px;}
.field_category li span.f_info { width:130px;  margin-right:10px}
.field_category li span.f_mark { width:80px;}
.field_category li span.f_os { width:120px;}
.field_category li span.f_download { width:50px;}
.field_category li span.f_download a { display:block; text-indent:-9999px; background:url(../images/icon_download.png) no-repeat center top;}

#download .field_name { display:block; float:left; width:100%; border-top:none; padding:0; margin:0; list-style:none}
#download .field_category { display:block; float:left; width:960px; padding:0; margin:0; position:relative; overflow:hidden; border-top:2px solid #004d70}
#download .field_category li:first-child { display:block; float:left; width:960px; padding:7px 0; margin:0; overflow:hidden; position:static; height:auto; line-height:18px;}
#download .field_category li { display:block; padding:7px 0; margin:0; float:left; width:960px; border-bottom:1px dotted #C2C2C2; font-size:12px; line-height:18px; color:#666 }
#download .field_name li.t_name { width:410px; margin:0}
#download .field_name li.t_info { width:600px; margin:0}
#download .field_name li.t_download { width:60px; margin:0}
#download .field_category span.f_name { width:300px; margin:0}
#download .field_category span.f_info { width:600px; margin:0}
#download .field_category span.f_download { width:60px; margin:0}


/*------   ---------------------------------------------------*/
.unit { display:block; height:30px; line-height:30px; color:#999; font-size:12px; text-align:right; width:660px; float:left; margin:20px 0}

#financial_report_en { display:block; padding:0; margin:10px 0 30px 0; width:960px; float:left}
#financial_report_en li { display:block; padding:0; margin:0; width:960px; border-bottom:1px solid #E0E0E0; float:left; height:40px;}
#financial_report_en li:nth-child(odd) { background-color:#F9F9F9 }
#financial_report_en li:first-child { border-bottom:1px solid #000; border-top:2px solid #000}
#financial_report_en li:first-child span { background:none}
#financial_report_en li span { display:block; height:40px; line-height:40px; float:left; font-size:14px; text-align:center; color:#000; background:url(../.png) no-repeat center -20px}
#financial_report_en li span.field_1 { width:100px; background:none;}
#financial_report_en li span.field_2 { width:100px; margin-left:30px; }
#financial_report_en li span.field_3 { width:100px; margin-left:30px;}
#financial_report_en li span.field_4 { width:100px; margin-left:30px;}
#financial_report_en li span.field_5 { width:100px; margin-left:30px;}
#financial_report_en li span.field_6 { width:120px; margin-left:20px;}
#financial_report_en li span.field_7 { width:120px; margin-left:20px;}
#financial_report_en li span a { display:block; height:40px; width:40px; margin:0 auto; overflow:hidden; text-indent:-9999px; background:url(..png) no-repeat center 10px}


#investors_contact { display:block; list-style:none; margin:0 0 30px 0; padding:0; width:960px; background:url(...png) no-repeat left top; height:260px;}
#investors_contact li { display:block; list-style:none; padding:0; margin:0; font-size:14px; color:#FFFFFF; line-height:24px; margin:0 0 0 40px; float:left; width:800px }
#investors_contact li.title { font-size:24px; line-height:36px; margin:120px 0 10px 40px; padding:0}
#investors_contact li.remark { display:block; list-style:none; padding:0; margin:0; font-size:12px; font-style:italic; color:#999; line-height:18px; margin:0 0 0 0; float:left; width:640px }

#investors_relation { margin:0 0 30px 0; padding:0; width:960px; background:url(..jpg) no-repeat right top; overflow:hidden;}
#investors_relation p { display:block; width:640px; margin:0; padding:0}



#financial_info { display:block; padding:0; margin:10px 0 0 0; width:660px; float:left; overflow:hidden}
#financial_info li { display:block; padding:0; margin:0; width:660px; border-bottom:1px dashed #D7D7D7; float:left; }
#financial_info li:hover { background-color:#F5F5F5}
#financial_info li:hover a { color:#004d70;}

#financial_info li:first-child { border-top:2px solid #000}
#financial_info li:first-child span { background:none}
#financial_info li span { display:block; line-height:21px; float:left; font-size:14px; }
#financial_info li span.field_1 { width:100px; background:none}
#financial_info li span.field_2 { width:540px; margin-left:20px; }

#financial_info li a { display:block;  padding:10px 0 10px 0; overflow:hidden }

#financial_report h4 { margin-top:0; padding-top:0}
#financial_report table { width:100%}
#financial_report table tr td { height:36px; line-height:36px; border-bottom:1px solid #000; text-align:center}
#financial_report table tr:first-child td { border-top:2px solid #000; height:36px; line-height:36px; border-bottom:1px solid #000; text-align:center}

/*------   ---------------------------------------------------*/

#news_top { height:50px; width:660px; float:left; position:relative; border-bottom:1px solid #e3e3e3}
#news_top .select_year { height:28px; width:168px; border:1px solid #D9D9D9; position:absolute; right:0; top:0}
#news_top .select_year select { border:none; height:17px; line-height:17px; margin:5px 5px; width:158px; outline:none}

#news_list { padding-bottom:30px; float:left}
#news_list ul { display:block; padding:0; margin:20px 0 0 0; float:left; border-bottom:1px solid #e3e3e3; padding-bottom:20px; float:left; width:660px;}
#news_list ul li { display:block; padding:0; margin:0; float:left; width:660px; margin:0;}
#news_list ul li.thumbnail { width:100px; height:100px; margin:0; display:none}
#news_list ul li.thumbnail a { border:none; outline:none}
#news_list ul li.date { font-size:12px; line-height:16px;color:#777; }
#news_list ul li.date a { color:#999}
#news_list ul li.title h3 { font-size:14px; line-height:160%; display:block; padding:0; margin:0}
#news_list ul li.title h3 a { color:#000}
#news_list ul li.description { font-size:12px; line-height:140%; margin:5px 0 0 0}
#news_list ul li.description a { color:#777}
#news_list ul li.description a:hover { color:#777}

#newsdetail_top h2 { display:block; font-size:24px; line-height:30px; color:#000; width:660px; border-bottom:1px solid #E3E3E3; padding-bottom:15px; margin:0; }
#newsdetail_top .date { display:block; font-size:12px; line-height:40px; color:#000; width:570px; border-bottom:1px solid #CCC; float:left; text-align:left  }
#newsdetail_top .backtolist { display:block; font-size:12px; line-height:40px; color:#000; width:90px; border-bottom:1px solid #CCC; float:left; text-align:right }
#newsdetail_top .backtolist a { display:block; height:40px; padding:0 0 0 25px; background:url(../images/icon_back.png) no-repeat left center; color:#000}


#job_top { padding-bottom:15px; padding:20px 0 20px 0; }
#job_top .jobL { display:block; font-size:12px; line-height:30px; color:#000; width:570px; border-bottom:0px solid #CCC; float:left; text-align:left padding:20px 0 20px 0; }
#job_top .jobR { display:block; font-size:12px; line-height:30px; color:#000; width:90px; border-bottom:0px solid #CCC; float:left; text-align:right }
#job_top .jobR a { display:block; height:30px; padding:0 0 0 25px; color:#000}



.temp_odm { background:url(...jpg) no-repeat center top; width:100%; height:2304px; text-indent:-9999px}
.temp_svc { background:url(..jpg) no-repeat center top; width:100%; height:1010px; text-indent:-9999px}
.temp_pos { background:url(...jpg) no-repeat center top; width:100%; height:3121px; text-indent:-9999px}
.temp_contact { background:url(..png) no-repeat center top; width:100%; height:694px; text-indent:-9999px}
.temp_manufacturing { background:url(..jpg) no-repeat center top; width:100%; height:4632px; text-indent:-9999px}
.temp_cole { background:url(..jpg) no-repeat center top; width:100%; height:884px; text-indent:-9999px}
.temp_about { background:url(..jpg) no-repeat center top; width:100%; height:1585px; text-indent:-9999px}


/*------ ---------------------------------------------------*/
#form_intro { font-size:14px; font-weight:normal; margin-bottom:15px; float:left} 
#form_remark { color:#999999; font-size:12px; margin-bottom:15px; float:left}
#form_btn { margin:20px 0 25px 115px; float:left}
#form_btn a { display:block; height:40px; text-align:center; line-height:40px; font-size:14px; float:left;background:url(../images/btn_bg.png) repeat-x left top; padding:0 20px; margin-right:15px; color:#FFF}
#form_btn a:hover{ background-position:left -60px}

#inquiry_form { display:block; padding:0; margin:0; list-style:none; float:left }
#inquiry_form li { display:block; padding:0; margin:0 0 10px 0; list-style:none; float:left}
#inquiry_form li span { display:block; float:left;}
#inquiry_form li span.field_name { width:94px; height:30px; line-height:30px; border:none; text-align:right; font-size:14px; color:#000000}
#inquiry_form li span.field_name strong { font-size:14px; line-height:30px; color:#ff0000; margin-right:5px}
#inquiry_form li span.field_value { width:546px; height:30px; line-height:30px; margin-left:20px; border:none; text-align:left;}
#inquiry_form li span.field_value_msg { width:546px; height:80px; line-height:18px; margin-left:20px; border:none; text-align:left;}
#inquiry_form li span.field_value_msg textarea { padding:0 5px; height:78px; line-height:18px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#inquiry_form li span.field_value select { padding:5px; border:1px solid #D9D9D9; background-color:#F8F8F8}
#inquiry_form li span.field_value input { padding:0 5px; height:28px; line-height:28px; border:1px solid #D9D9D9; background-color:#F8F8F8}

.codeverify { height:60px;}
.codeverify img { display:block; height:20px; width:auto; float:left}
.codeverify a { display:block; height:40px; line-height:40px; float:left; font-size:12px; color:#06F; margin-left:15px}
.codeverify input { float:left}
.width_s_input{ width:120px}
.width_m_input{ width:305px}
.width_m_select { width:317px}

.width_l_input{ width:532px}
.width_l_select { width:317px}

#sucessful_title { font-size:36px; margin:150px auto 10px auto; width:500px; text-align:center; height:40px; line-height:40px; color:#004d70}
#sucessful_dsc { font-size:14px; margin:0 auto 100px auto; width:500px; text-align:center; height:18px; line-height:18px;}


#editor .locations_category { width:660px; overflow:hidden; float:left; padding:0; margin:0}
#editor .locations_category h3 { display:block; padding:0 15px; margin:15px 0; font-size:18px; line-height:36px; color:#FFF; height:36px; float:left; background-color:#0092CC}
#editor .locations_category ul { display:block; padding:0 0 30px 0; margin:0; list-style:none; border:none; overflow:hidden; width:660px; position:relative; margin-bottom:10px; min-height:180px}
#editor .locations_category ul li { display:block; padding:0 0 0 220px; margin:0; list-style:none; border:none; float:left; width:440px; margin:0; }
#editor .locations_category ul li span { display:block; padding:5px 0; margin:0; list-style:none; border:none; font-size:14px; line-height:18px; color:#999; float:left}
#editor .locations_category ul li.lc_title { margin-bottom:0; border:none; height:38px; font-size:18px; color:#000;  float:left; width:440px; overflow:hidden; padding-left:220px;}
#editor .locations_category ul li.lc_title h4 { display:block; color:#000000; width:440px; line-height:30px;  padding-bottom:3px; border-bottom:1px solid #CCE9F5}
#editor .locations_category ul li.lc_thumb { width:180px; height:140px; padding:5px; background-color:#CCE9F5; overflow:hidden; margin:0; position:absolute; left:0; top:5px }
#editor .locations_category ul li span.field_name { width:90px;}
#editor .locations_category ul li span.field_value { width:350px; color:#000000}
#editor .locations_category ul li.more_info { position:absolute; left:0; top:170px; width:170px; height:30px; overflow:hidden; padding:0 0 0 20px; margin:0; font-size:12px;  background:url(..png) no-repeat 20px 1px; }
#editor .locations_category ul li.more_info a { display:block; width:100%; height:100%; text-align:center; color:#004d70 }
#editor .locations_category ul li.more_info .editor_more { width:640px; margin:30px 10px 10px 10px}
#editor .locations_category ul li.more_info_editor { width:600px; padding:20px 30px; margin:0; background:url(..png) no-repeat left top #F2F2F2; overflow:hidden; display:none}


.investor_contact { background:url(..png) no-repeat left bottom #EFEFEF;}
.investor_contact ul { display:block; padding:0; margin:10px auto 160px auto; width:220px; overflow:hidden }
.investor_contact ul li { display:block; padding:5px 0; margin:0; color:#000; border-bottom:1px solid #CCC; float:left; width:100%}
.investor_contact ul li.remark { font-size:12px; border:none; color:#666666; line-height:18px;}
.investor_contact ul li.name { font-size:18px; color:#0092CC; font-weight:bold; line-height:30px; height:30px;}
.investor_contact ul li.tel span, .investor_contact ul li.email span { display:block; width:100%; float:left}
.investor_contact ul li.tel span:first-child, .investor_contact ul li.email span:first-child { display:block; width:100%; float:left; color:#8E8E8E}
.temp_investor { background:url(..jpg) no-repeat center top; height:929px; float:left; width:100%}


#info { position:fixed; background:#FF0000; font-size:24px; color:#FFFFFF; top:50%; padding:20px; display:none}
#current { z-index:9991; position:absolute; left:0; top:0; background-color:#F00; height:50px; width:50px; line-height:50px; font-size:36px; color:#FFF; display:none}


/*==============================*/

#intro_wrap { width:100%; padding:0; margin:0; overflow:hidden}
#intro { width:960px; margin:0 auto; position:relative; overflow:visible;} 
#intro .mainpic { width:auto; height:auto; position:absolute; top:0; right:0}
#intro .intro_left { width:auto; height:auto; position:absolute; top:60px; left:0; width:450px;}

#intro h2 { display:block; padding:0; margin:0; width:450px; font-size:32px; line-height:42px; font-weight:normal}
#intro h3 { display:block; font-size:18px; color:#0092CC; line-height:26px; width:450px; font-weight:normal}
#intro_wrap h4 { display:block; font-size:18px; color:#333; line-height:24px; width:220px; font-weight:normal; margin:0 0 5px 0; padding:0}
.w500 { width:500px}
#intro p { display:block; padding:0; margin:0}
#intro_wrap .features { width:100%; min-height:240px; margin:370px auto 0 auto; background:#F5F5F5 url(..png) no-repeat center top; overflow:hidden; padding:0}
#intro_wrap .shadow_bottom { width:100%; height:10px; float:left; background:#F5F5F5 url(..png) no-repeat center top; padding:0; margin:0}
#intro_wrap .features .section { width:220px; margin:10px 0 10px 26px; float:left; min-width:180px; font-size:12px; line-height:18px ; overflow:hidden}
#intro_wrap .features .section:first-child { width:220px; margin:10px 2px 10px 0; float:left; min-width:180px; font-size:12px; line-height:18px; overflow:hidden}
#intro_wrap .features .section img { display:block; float:left; margin-bottom:10px;}
#intro_wrap .features .section p { font-size:12px; line-height:18px ;}

#intro_wrap .wrap_center { margin-bottom:0; padding-bottom:0}



#burnin_wrap { width:100%; min-height:300px; float:left; background-color:#5AB3F4; margin:0 auto 30px auto}
#burnin { width:960px; margin:0 auto; padding:30px 0}
#burnin p { color:#FFF; font-size:14px; display:block; padding:0; margin:0; line-height:21px;}
#burnin h4{ display:block; padding:0; margin:0; color:#FFFFFF; font-weight:normal; font-size:21px;}
.comments { display:block; width:100%; font-size:11px; line-height:16px; margin-top:3px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; text-align:right; -webkit-text-size-adjust:none;padding:0 0 10px 0}
.wcomments { display:block; width:100%; font-size:11px; line-height:16px; margin-top:3px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:right; -webkit-text-size-adjust:none;}


/**/
#pos_wrap { width:100%; padding:0; margin:0; overflow:hidden}
#pos { width:960px; margin:0 auto; position:relative; overflow:visible;} 
#pos .mainpic { width:auto; height:auto; position:absolute; top:0; right:0}
#pos .intro_left { width:auto; height:auto; position:absolute; top:60px; left:0; width:520px;}

#pos h2 { display:block; padding:0; margin:0; width:520px; font-size:32px; line-height:42px; font-weight:normal}
#pos h3 { display:block; font-size:18px; color:#0092CC; line-height:26px; width:520px; font-weight:normal}
#pos_wrap h4 { display:block; font-size:18px; color:#333; line-height:24px; width:220px; font-weight:normal; margin:0 0 5px 0; padding:0}

#pos .intro_left p { display:block; padding:0; margin:0; width:100%; font-size:14px; line-height:21px; color:#666}
#pos_wrap .features { width:100%; min-height:240px; margin:380px auto 0 auto; background:#F5F5F5 url(..png) no-repeat center top; overflow:hidden}
#pos_wrap .shadow_bottom { width:100%; height:10px; float:left; background:#F5F5F5 url(..png) no-repeat center top}
#pos_wrap .features .section { width:220px; margin:10px 0 10px 26px; float:left; min-width:180px; font-size:12px; line-height:18px ; overflow:hidden}
#pos_wrap .features .section:first-child { width:220px; margin:10px 2px 10px 0; float:left; min-width:180px; font-size:12px; line-height:18px; overflow:hidden}
#pos_wrap .features .section img { display:block; float:left; margin-bottom:10px;}
#pos_wrap .features .section p { font-size:12px; line-height:18px ;}

.comments { display:block; width:100%; font-size:11px; line-height:16px; margin-top:3px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; text-align:right; -webkit-text-size-adjust:none;}
.wcomments { display:block; width:100%; font-size:11px; line-height:16px; margin-top:3px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:right; -webkit-text-size-adjust:none;}

#touch_wrap { width:100%; height:420px; float:left}
#touch_wrap div { width:50%; float:left; overflow:hidden}
#touch_wrap div span { width:88%; display:block; height:420px; background-color:#00FF00; text-indent:-9999px}
#touch_wrap div h4 { display:block; font-size:36px; width:480px; overflow:hidden;padding:0; margin:100px 0 15px 0; font-weight:normal}
#touch_wrap div p { display:block; font-size:14px; line-height:21px; width:480px; overflow:hidden; padding:0; margin:0; color:#666}

h4.pos { font-size:32px; font-weight:normal; color:#000000}

.posspec_wrap { width:100%; float:left; background:url(..jpg) repeat-x left top}

/**/
#odm_wrap { width:100%; padding:0; margin:0; overflow:hidden}
#odm { width:960px; margin:0 auto; position:relative; overflow:visible;} 
#odm .mainpic { width:auto; height:auto; position:absolute; top:0; right:0}
#odm .intro_left { width:auto; height:auto; position:absolute; top:60px; left:0; width:500px;}

#odm h2 { display:block; padding:0; margin:0; width:450px; font-size:32px; line-height:42px; font-weight:normal}
#odm h3 { display:block; font-size:18px; color:#0092CC; line-height:26px; width:420px; font-weight:normal}
#odm_wrap h4 { display:block; font-size:18px; color:#333; line-height:24px; width:220px; font-weight:normal; margin:0 0 5px 0; padding:0}
#odm .intro_left p { display:block; padding:0; margin:0; width:100%; font-size:14px; line-height:21px; color:#666}

.w500 { width:500px}
#odm p { display:block; padding:0; margin:0}
#odm_wrap .features { width:100%; min-height:240px; margin:440px auto 0 auto; background:#F5F5F5 url(..png) no-repeat center top; overflow:hidden}
#odm_wrap .shadow_bottom { width:100%; height:10px; float:left; background:#F5F5F5 url(..png) no-repeat center top}
#odm_wrap .features .section { width:220px; margin:10px 0 10px 26px; float:left; min-width:180px; font-size:12px; line-height:18px ; overflow:hidden}
#odm_wrap .features .section:first-child { width:220px; margin:10px 2px 10px 0; float:left; min-width:180px; font-size:12px; line-height:18px; overflow:hidden}
#odm_wrap .features .section img { display:block; float:left; margin-bottom:10px;}
#odm_wrap .features .section p { font-size:12px; line-height:18px ;}
/*.article_section { margin:40px auto}*/
#form_btn { margin:20px 0 25px 115px; float:left}
#download_filter .submit { display:block; width:80px; float:left; overflow:hidden; height:40px; font-size:14px; float:left; background:url(../images/btn_bg.png) repeat-x left top; text-align:center; line-height:40px; margin-left:5px}
#download_filter .submit:hover {background-position:left -60px}
#download_filter .submit a { display:block; height:100%; width:100%; color:#FFF; overflow:hidden}

#relatefiles { display:block; padding:0; margin:20px 0 0 0; list-style:none; width:660px; overflow:hidden; border-bottom:2px solid #000}
#relatefiles li.title { font-size:16px; line-height:28px; color:#000000; font-weight:bold; border-bottom:2px solid #000}
#relatefiles li span { display:block; padding:0; margin:0; list-style:none; float:left; border-bottom:1px solid #E0E0E0; font-size:12px; line-height:18px; color:#666;padding:7px 0;  }
#relatefiles li span.name { width:480px}
#relatefiles li span.size { width:100px}
#relatefiles li span.dicon { width:80px}
#relatefiles li span.dicon a { display:block; text-align:center; text-indent:-9999px; background:url(..png) no-repeat center center;}


#newschange { display:block; padding:0; margin:20px 0 0 0; list-style:none; width:660px; overflow:hidden;}
#newschange li { display:block; width:660px; padding:0; margin:0; list-style:none; float:left; border-bottom:1px solid #E0E0E0; overflow:hidden  }
#newschange li span { display:block; float:left; font-size:12px; line-height:18px; color:#666; padding:7px 0;  }
#newschange li span.next { width:70px; background:url(../images/icon_pn.png) no-repeat 0 10px;  color:#555; padding-left:20px;}
#newschange li span.prev { width:70px; background:url(../images/icon_pn.png) no-repeat 0 -48px; color:#555; padding-left:20px;}
#newschange li span strong { margin-left:10px;}


#gallery_list ul { display:block; width:220px; height:300px; list-style:none; padding:0; margin:0 26px 20px 0; float:left}
#gallery_list ul:nth-child(4n) { margin:0 0 20px 2px;}
#gallery_list ul li { display:block; list-style:none; padding:0; margin:0; float:left }
#gallery_list ul li.thumbnail { height:220px; background-color:#0092CE; width:220px; overflow:hidden}
#gallery_list ul li.thumbnail img { display:block; width:220px; height:auto; border:none; outline:none}
#gallery_list ul li.thumbnail a { border:none; outline:none} 
#gallery_list ul li.title { font-size:14px; font-weight:bold; color:#0092CE; line-height:24px; height:24px; width:220px; margin:10px 0 0 0}
#gallery_list ul li.title a { color:#0092CE}
#gallery_list ul li.date { font-size:11px; color:#999; width:80px; border-right:1px solid #EBEBEB; height:20px; line-height:20px}
#gallery_list ul li.count { font-size:11px; color:#999; width:80px; margin-left:10px; height:20px; line-height:20px}

#gallery_list ul:first-child+ul+ul+ul, 
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul, 
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul, 
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul,
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul,
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul,
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul,
#gallery_list ul:first-child+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul+ul{ margin:0 0 20px 2px;}

/*page*/
.pagelist { padding:15px 0px 0px 0px; float:left; clear:both; }
.pagelist a, .pagelist span { float:left; display:block; border:0px solid #D3D1D1; padding:2px 5px; margin-right:8px; line-height:16px; }
.pagelist a:link, .pagelist a:visited { text-decoration:none; }
.pagelist a:hover, .pagelist a.c { background:#006699; color:#FFF; }


#editor { font-size:14px; line-height:160%; }
#editor h3 { font-size:16px; color:#FFF; padding:0; margin:0 0 15px 0; display:block; line-height:21px}
#editor h4 { font-size:16px; color:#000; font-weight:bold; line-height:160%; display:block; margin:0 ; padding:0 }
#editor p { font-size:14px; line-height:180%; margin:5px 0 15px 0;}
#editor p strong{ font-size:14px; line-height:180%; color:#000;}
#editor hr {  margin:25px 0 25px 0; height:1px;border:none;border-top:1px solid  #e3e3e3;
#editor h4 span { font-size:14px; color:#000; font-weight:bold; }
.shadow_line { background:url(...jpg) no-repeat center bottom; height:70px}
.shadow_line2 { background: url(..jpg) no-repeat center bottom; height:50px}
.border1 { border-top:2px solid #97D1F9;}
.border2 { border-top:1px dashed #666666;}
.border3 { border-top:2px solid #0092CF;}

.border_dach { border-bottom:1px dashed #0092CF;}
.border_dachlight { border-bottom:1px dashed #97D1F9;}
.border_dashlighttop { border-top:1px dashed #97D1F9;}
.border_dashdarktop { border-top:1px dashed #0092CF;}


#editor h5{ position:absolute; top:0; left:0;  font-weight:bold;  display:block; width:100px; padding:0;  height:80px; background:url(..png) no-repeat left top; margin:0  }
#editor h5 span { display:block; height:18px;   font-size:16px; font-weight:bold; color:#FFF}
#editor h5 span.y1999 { margin:10px 0 0 35px;}
#editor h5 span.slash { margin-left:45px}
#editor h5 span.y1998 { margin-left:20px}

#editor h6{ position:absolute; top:0; left:0;  font-weight:bold;  display:block; width:100px; padding:0;  height:80px; background:url(..png) no-repeat left top; margin:0}
#editor h6 span { display:block; height:18px;   font-size:16px; font-weight:bold; color:#FFF}
#editor h6 span.y1999 { margin:10px 0 0 35px;}
#editor h6 span.slash { margin-left:45px}
#editor h6 span.y1998 { margin-left:20px}

.s_title { font-size:14px; color:#279DCF; font-weight:bold;  display:block; margin:0 ; padding:0; background:url(..jpg) no-repeat left 5px  ;  }