/*** Reset ***/
HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,DD,DL,DT,LI,OL,UL,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD { margin:0; padding:0; border:0; font-size:100%; font-weight:normal; font-style:normal; font-family:inherit; vertical-align:baseline }
* { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
BODY { font: 12px/20px Arial,Verdana,Tahoma,"宋体"; color: #666;}
IMG { border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
UL { list-style-type: none; }
A:link { color: #0078ff; text-decoration: none; font-size: 13px; }
A:visited { color: #0078ff; text-decoration: none; font-size: 13px; }
A:hover { color: #ff5500; text-decoration: none; font-size: 13px; }
.clear { margin: auto; width: auto; height: 0px; clear: both; _height:0px; _margin:0px; _padding:0px;}
.nospacer { height: 0px }
body{ width:1000px;}
DIV.header{ margin:0 auto; width:960px; height:70px;}
.logo{background:url(../images/logo.gif) no-repeat; width:250px; height:65px; float:left}
.language{ width:275px;float:right; margin-top:40px;}
.language a{padding-left:19px;padding-top:2px; padding-bottom:2px;}
.language a:hover{color:#ff5500;}
.language a.abb-link {background:url(../images/abb-link.gif) no-repeat; padding:1px 67px;}
.language a.en{background:url(../images/language-en.gif) no-repeat;margin-left:5px;font-size:11px; color:#8e8e8e; }
.language a.ch{background:url(../images/language-ch.gif) no-repeat;margin-left:5px;font-size:11px; color:#8e8e8e; }
DIV.content{margin:0 auto; width:960px; height:940px; border:1px solid #e6e6e6; border-bottom:none; min-height:940px;}
.tool-bar{ margin:0 auto; width:960px; height:60px; background:url(../images/tool-bar-bg.gif) repeat-x;}
.tool-bar-content{margin:0 auto; width:910px; height:60px;}
.menu-bar{ position:relative; z-index:2; width:686px; height:60px; float:left; }
.menu-bar ul.sf-menu{ margin-top:13px;}
.search-bar{ width:220px; height:60px;float:left;background:url(../images/divide.gif) no-repeat;}
.search-bar LABEL{ font-size:13px; color:#666666; font-weight:100; float:left; margin:20px 0 0 20px;}
.search-bar INPUT{ float:left;margin-top:16px; width:110px; padding:5px 0 5px 5px;background:url(../images/input-text-bg.gif) no-repeat; border:none; font-size:12px;}
.search-bar a{float:left;margin-top:17px; width:25px;height:26px;background:url(../images/search-but.gif) no-repeat; height:26px;}
.banner{margin:0 auto; width:910px; height:350px;_height:0px;padding-top:0px; min-height:350px;}
.banner-picture{ position:relative; height:350px; width:910px}
.banner-content{position:relative;width:910px; height:60px; filter:alpha(opacity=80);/* IE */ -moz-opacity:0.8; /* Moz + FF */ opacity: 0.8; background:#636d79; margin-top:-60px;}
.depict{ width:500px; height:60px;float:left;}
.depict p, .depict a:link, .depict a:visited{ color:#FFF; font-size:14px;position: relative; top:10px; left:10px;}
.depict a:hover {text-decoration:underline;}
.depict a.title{ font-weight:600;}
.scroller{ float:left; height:60px; width:400px;}
.scroller .control-prev, .scroller .control-next{ width:20px; height:60px; float:left;}
.control-prev a{ background:url(../images/scroller-button-left.gif) center no-repeat;width:20px; height:60px;float:left;}
.control-next a{ background:url(../images/scroller-button-right.gif) center no-repeat;width:20px; height:60px;float:left;}
.img-scroller { position:relative;overflow:hidden;width: 340px;height:60px;float:left;}
.img-scroller .items {width:20000em;position:absolute;clear:both;}
.img-scroller img {float:left;margin:8px 5px 10px 20px;background-color:#fff;padding:2px;cursor:pointer;width:80px;height:40px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.img-scroller .active {border:2px solid #000;width:85px;height:45px; margin-top:4px;}
.main{margin:0 auto; width:910px; height:500px;}
.main-left{width:644px; height:500px; float:left}
.product{ margin-top:22px;width:644px; height:280px;}
.main-left .product h3{background:url(../images/product-title.gif) no-repeat; width:643px; height:27px;}
.main-left .product h3 a.more{ float:right;margin-top:3px; margin-right:5px;padding-left:12px;color:#fff; font-size:12px;background:url(../images/white-arrows.gif) left center no-repeat;}
.main-left .product h3 a.more:hover{ color:#ff5500; font-size:12px;}
.main-left .product ul.outer{ height:250px; width:640; }
.main-left .product ul.outer li.outer{ float:left; height:250px; width:214px;}
.main-left .product ul.inner{height:250px; width:214px;}
.main-left .product ul.inner li{ padding-left:10px; color:#666;}
.main-left .product ul.inner li.picture{ height:160px; padding:10px 0px 0px 0px; }
.main-left .product ul.inner li.picture img{ width:210px; height:149px; padding-top:10px; *padding-top: 0px; }
.main-left .product ul.inner li a{ color:#0078ff; font-size:12px;}
.main-left .product ul.inner li a:hover{ color:#ff5500; font-size:12px;}
.home-about{width:644px; height:176px;}
.home-about h3{background:url(../images/about-title.gif) no-repeat; width:643px; height:27px; }
.home-about div.picture{ float:left; width:170px; height:149px;}
.home-about div.picture img{ margin-top:15px;width:150px; height:100px; border:1px solid #e0e0e0; padding:4px;}
.home-about div.description{ float:left; width:226px; height:149px; color:#666; margin-left:10px;}
.home-about div.description p{ margin-top:18px;}
.home-about div.description a{ font-size:12px; font-weight:600;}
.main-right{width:256px; height:500px; float:right;background:url(../images/main-divide.gif) 7px 22px no-repeat;}
.main-right h3{margin:22px 0 0 35px;;background:url(../images/news-title.gif) no-repeat; width:220px; height:27px;}
.main-right h3 a.more{ float:right;margin-top:3px; margin-right:5px;padding-left:12px;color:#FFF; font-size:12px;background:url(../images/white-arrows.gif) left center no-repeat;}
.main-right h3 a.more:hover{ color:#ff5500; font-size:12px;}
.main-right ul{ margin-left:35px; width:220px; height:440px;}
.main-right ul li{height:142px; width:220px; border-bottom:1px dashed #cccccc;}
.main-right ul li img{ margin:12px 4px 0 5px; float:left}
.main-right ul li p.date{ margin:5px 0 0 50px; color:#666}
.main-right ul li a.title{ font-weight:600;line-height:17px}
.main-right ul li p.content{color:#666;line-height:18px}
.shadow{margin:0 auto; width:960px; height:5px; background:url(../images/content-shadow.gif) no-repeat; margin-bottom:20px;_margin-bottom:0px;}
.footer{margin:0 auto; width:960px;height:60px; text-align:center; padding-bottom:50px;}
.footer a.footer-navigation{color:#666;}
.footer a.footer-navigation:hover{color:#ff5500;}
.footer p.copyright{ font-size:11px;}
/*************************************************************************/
/*页面面包屑导航, start*/
/*************************************************************************/
h3.breadcrumb-nav{ width:910px; height:35px;}
h3.breadcrumb-nav span{ float:right; margin:7px 10px 0 0;}
h3.breadcrumb-nav span a{ color:#666666}
h3.breadcrumb-nav span a:visited { color: #666666;}
h3.breadcrumb-nav span a:hover{ color:#ff5500}
h3.breadcrumb-nav label{ float:left;margin:8px 0px 0 34px; font-size:14px; font-weight:600;}
/*************************************************************************/
/*页面面包屑导航, end*/
/*************************************************************************/
/*************************************************************************/
/*contact, start*/
/*************************************************************************/
.contact-body div.content{ height:auto; min-height:700px;}
.contact{margin:0 auto; width:910px; height:0px;_height:0px;padding-top:0px; min-height:350px; color:#333333; padding-bottom:50px;}
.contact h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat; }
.contact-main{margin:0 auto; width:910px; height:500px;}
.contact-main-left{width:580px; height:500px; float:left;}
.contact-main-left p{ margin:18px 0 0 14px; line-height:18px;}
.contact-main-left div{ width:70px; float:left;}
.contact-main-left label{ float:right}
.contact-main-left input.text{ height:15px; width:230px; padding-top:3px; padding-left:3px;}
.contact-main-left .submit{ background:transparent url(../images/content-button.gif) no-repeat scroll 0 0; height:25px; width:61px;border:none;text-align:center; color:#FFF}
.contact-main-left .reset{ background:transparent url(../images/content-button-disable.gif) no-repeat scroll 0 0; height:25px; width:61px;border:none;text-align:center; color:#FFF; margin-left:10px;}
.contact-main-right{width:320px; height:500px; float:right;background:url(../images/main-divide.gif) 0px 10px no-repeat; border:1px solid #fff}
/*************************************************************************/
/*contact, end*/
/*************************************************************************/
/*************************************************************************/
/*contact-div, start*/
/*************************************************************************/
.contact-div div.top{ margin:15px 0 0 15px;font-size:12px;}
.contact-div div.top input { width:110px;font-size:12px;}
.contact-div div.top select { width:50px;font-size:12px;}
.contact-div div.top input.button{background:transparent url(../images/gmap-button.gif) no-repeat; height:19px; width:43px;border:none; margin:0 0 1px 5px;}
.contact-div p.title{ margin:10px 0 0 15px; font-size:12px; font-weight:600;line-height:22px;}
.contact-div p.title label{ font-weight:100px;}
.contact-div p.content{ margin:2px 0 0 15px;font-size:12px;}
.contact-div p.content a{font-size:12px; text-decoration:underline}
.contact-div p.map{ margin:2px 0 0 17px;}
.contact-div p img{ height:200px; width:300px;}
/*************************************************************************/
/*contact-div, end*/
/*************************************************************************/
/*************************************************************************/
/*sort, start*/
/*************************************************************************/
.sort-body{}
.sort-body div.content{ height:auto; min-height:750px;}
.sort{margin:0 auto; width:910px; height:350px;_height:0px;padding-top:0px; min-height:350px; color:#333333 }
.sort h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.sort-main{margin:0 auto; width:910px; height:500px;}
.sort-main-left{width:130px; height:500px; float:left;}
ul.sort-nav{ margin-top:15px; border:1px solid #c6c6c6; width:121px;}
ul.sort-nav li.title{background:url(../images/sort-nav/sort-nav-title.gif) no-repeat; width:119px; height:27px; margin:1px 0 0 1px;}
ul.sort-nav li { width:119px; height:26px; margin:1px 0 0 1px; border-bottom:1px solid #dbd7d6; padding-top:1px;}
ul.sort-nav li a.sort-link{background:url(../images/sort-nav/sort-nav.gif) no-repeat;position:relative; text-align:center; padding:4px 33px 6px 33px; color:#000000}
ul.sort-nav li a.sort-link:hover, ul.sort-nav li a.action{ color:#0078ff;background:url(../images/sort-nav/sort-nav-hover.gif) no-repeat;}
.sort-main-right{width:770px; height:630px; float:right;}
#portfolio{width:770px;height:auto;margin-left:0px;margin-top:15px;padding:0px;}
#portfolio img{float:left;padding:4px;background-color:#FFFFFF;border:1px solid #d6d6d6;width:240px;height:170px;}
.portfolioItem{height:180px;width:250px;position:relative;float:left;margin-right:0px;margin-left:5px;margin-bottom:10px;overflow:hidden;}
.portfolioItemInfo{background-image:url(../images/trans.png);width:230px;height:auto;z-index:99;position:absolute;bottom:-85px;left:5px;padding-left:10px;}
.zeroHeight{height:0px;}
p.infoTitle, p.infoTitle a{color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;line-height:30px;font-size:14px;font-weight:bold;margin-bottom:0px;}
p.infoTitle, p.infoTitle a:visited{color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;line-height:30px;font-size:14px;font-weight:bold;margin-bottom:0px;}
p.infoTitle, p.infoTitle a:hover{color:#ff5500;font-family:Arial, Helvetica, sans-serif;line-height:30px;font-size:14px;font-weight:bold;margin-bottom:0px; text-decoration:underline;}
.portfolioItemInfo p{color:#FFFFFF;margin-top:0px;font-size:12px;}
.sort-main-right .pagination-div { margin-top:10px;}
/*************************************************************************/
/*sort, end*/
/*************************************************************************/
/*************************************************************************/
/*product, start*/
/*************************************************************************/
.product-body{}
.product-body div.content{ height:auto; margin-bottom:0px;min-height:820px;}
.product-body .product{margin:0 auto; width:910px; padding-top:0px; min-height:500px; color:#333333 }
.product-body .product h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.product-body .product-main{margin:0 auto; width:910px; height:500px;}
.product-body .product-main hr{ position:absolute; top:515px; left:48px; width:910px;border-top:1px dashed #cccccc;height:1px; color:#FFF}
.product-introduction ul.outer{ }
.product-introduction ul.outer li.outer{ margin-left:4px; float:left;height:350px; width:220px;}
.product-introduction ul.inner{height:340px; width:210px;}
.product-introduction ul.inner li{color:#666; margin-left:10px; margin-top:5px;}
.product-introduction ul.inner li.picture{ margin:20px 0 0 5px;height:160px; width:213px;_width:205px;background:url(../images/product-li-bg.gif) no-repeat; padding:5px }
.product-introduction ul.inner li img{height:154px; width:200px;_width:200px; border:1px solid #D9D9D9 }
.product-introduction ul.inner li a{ color:#0078ff; font-size:14px; font-weight:600; padding-left:10px;background:url(../images/product-li-arrous.gif) 0px 3px no-repeat;}
.product-introduction ul.inner li a:hover{ color:#ff5500;}
.product-introduction ul.inner li input{ margin-top:10px; background:transparent url(../images/product-li-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none;text-align:center; color:#FFF}
/*************************************************************************/
/*product, end*/
/*************************************************************************/
/*************************************************************************/
/*pro-detail, start*/
/*************************************************************************/
.pro-detail-body{}
.pro-detail-body div.pro-content{margin:0 auto;padding-bottom:50px;border:1px solid #e6e6e6; border-bottom:none;width:960px; }
.pro-detail{margin:0 auto; width:910px; color:#333333 }
.pro-detail h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.pro-detail-main{margin:0 auto; width:910px;}
.pro-detail-main-left{width:0px; float:left;}
.pro-detail-main-right{width:625px; float:right}
.product-image{ margin-left:10px;width:260px; float:left; }
.product-image img{ border-bottom:1px solid #ccc; margin:15px 0 0 0px; height:170px; width:240px; }
.product-image p{ margin:10px 0 0 30px;}
.product-image input.show-zoom{ margin:0px 0 0 35px;background:transparent url(../images/larger-button.gif) no-repeat scroll 0 0; height:25px; width:84px;border:none;}
.product-image input.dow-but{ background:transparent url(../images/download-button.gif) no-repeat scroll 0 0; height:25px; width:80px;border:none;}
.product-parameter{width:600px; border-bottom:1px solid #ccc; padding-bottom:10px; height:50px;}
.product-parameter p.title{margin:10px 0 0 0px; font-size:14px; font-weight:600;line-height:20px; float:left; color:#333}
.product-parameter a.button{ margin-top:23px; margin-right:4px;background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:96px;border:none; float:right}
.product-property img{float:left; border:1px solid #ccc;}
.product-property table{ float:left; margin-left:10px; font-size:12px; color:#333;}
.product-accessories ul li {height:110px; font-size:12px;}
.product-accessories ul li img{ float:left; width:140px; height:99px; padding:3px; border:1px solid #ccc}
.product-accessories ul li div{ float:left; margin-left:5px; margin-top:5px; width:430px;}
.product-accessories ul li .acc-name{ font-weight:600;}
.product-info, .product-property, .product-methods, .product-steps, .product-note, .product-accessories{ width:600px; margin-top:10px; line-height:24px;float:left;}
p.caption {font-size:13px; font-weight:600;color:#333}
p.con {font-size:12px;color:#333;}
/*************************************************************************/
/*pro-detail, end*/
/*************************************************************************/
/*************************************************************************/
/*about, start*/
/*************************************************************************/
.about-body div.content{ height:auto; min-height:700px; margin-bottom:50px;}
.about{margin:0 auto; width:910px; height:350px;_height:0px;padding-top:0px; min-height:350px; color:#333333 }
.about h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.about-main{margin:0 auto; width:910px; height:500px;}
.about-main-left{width:580px; height:500px; float:left;}
.about-main-left p{ margin:14px 0 0 14px; line-height:24px;font-size:14px;}
.about-main-left p.title{ margin:15px 0 0 14px; line-height:18px; font-size:16px;text-indent:0em; font-family: "黑体"; }
.about-main-right{width:320px; height:500px; float:right;background:url(../images/main-divide.gif) 0px 10px no-repeat; border:1px solid #fff}
/*************************************************************************/
/*about, end*/
/*************************************************************************/
/*************************************************************************/
/*companyNews, start*/
/*************************************************************************/
.companyNews-body div.content{ height:auto; min-height:700px;}
.companyNews{margin:0 auto; width:910px; padding-bottom:200px;_padding-bottom:100px;padding-top:0px; min-height:350px; color:#333333 }
.companyNews h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.companyNews-main{margin:0 auto; width:910px; height:500px;}
.companyNews-main-left{width:600px; float:left; }
.companyNews-main-left ul{ margin:20px 0 0 10px;}
.companyNews-main-left ul li{ width:570px; height:120px; margin-bottom:10px; border-bottom:1px dashed #cccccc;}
.companyNews-main-left ul li a.title{ font-weight:600;line-height:18px; padding-left:22px;background:url(../images/toilet.gif) no-repeat; padding-top:3px}
.companyNews-main-left ul li a.title:hover{ background:url(../images/toilet-open.gif) no-repeat; padding-top:3px}
.companyNews-main-left ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.companyNews-main-left ul li p.introduction{color:#666;line-height:18px}
.companyNews-main-left ul li p.link { margin-top:8px;}
.companyNews-main-left ul li p.link span{ float:right;font-size:12px; margin-right:5px; _margin-top:-2px;}
.companyNews-main-left ul li p.link a{ float:right;font-size:12px; font- weight:600; margin-right:10px;}
.companyNews-main-right{width:300px; height:500px; float:right;background:url(../images/main-divide.gif) -5px 22px no-repeat; }
.companyNews-main-right ul{ margin:20px 0 0 25px;}
.companyNews-main-right ul li{ width:170px; padding-left:100px; margin-bottom:10px; }
.companyNews-main-right ul li.company-news{background:transparent url(../images/company-news-icon.png) no-repeat;}
.companyNews-main-right ul li.enterprise-management{background:transparent url(../images/enterprise-management-icon.png) no-repeat;}
.companyNews-main-right ul li.industry-news{background:transparent url(../images/industry-news-icon.png) no-repeat;}
.companyNews-main-right ul li.campaign{background:transparent url(../images/campaign-icon.png) no-repeat;}
.companyNews-main-right ul li.design-salon{background:transparent url(../images/design-salon-icon.png) no-repeat;}
.companyNews-main-right ul li a.title{ font-weight:600;line-height:17px}
.companyNews-main-right ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.companyNews-main-right ul li p.introduction{color:#666;line-height:18px}
.companyNews-main-right ul li a.button{ background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none; float:left; margin-top:5px;}
/*************************************************************************/
/*companyNews, end*/
/*************************************************************************/
/*************************************************************************/
/*knowledge, start*/
/*************************************************************************/
.knowledge-body div.content{ height:auto; min-height:700px;}
.knowledge{margin:0 auto; width:910px; padding-bottom:200px;_padding-bottom:100px;padding-top:0px; min-height:350px; color:#333333 }
.knowledge h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.knowledge-main{margin:0 auto; width:910px; height:500px;}
.knowledge-main-left{width:600px; float:left; }
.knowledge-main-left ul{ margin:20px 0 0 10px;}
.knowledge-main-left ul li{ width:570px; height:110px; margin-bottom:10px; border-bottom:1px dashed #cccccc;} .knowledge-main-left ul li a.title{ font-weight:600;line-height:17px}
.knowledge-main-left ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.knowledge-main-left ul li p.introduction{color:#666;line-height:18px}
.knowledge-main-left ul li p.link span{ float:right;font-size:12px; margin-right:5px; _margin-top:-2px;}
.knowledge-main-left ul li p.link a{ float:right;font-size:12px; font- weight:600; margin-right:10px;}
.knowledge-main-right{width:310px; height:500px; float:right;background:url(../images/main-divide.gif) -5px 22px no-repeat;}
.knowledge-main-right ul{ margin:20px 0 0 10px;}
.knowledge-main-right ul li{ width:170px; padding-left:125px; margin-bottom:10px; }
.knowledge-main-right ul li.supporting{background:transparent url(../images/supporting-icon.png) no-repeat 0px 5px;}
.knowledge-main-right ul li.optional{background:transparent url(../images/optional-icon.png) no-repeat 0px 5px;}
.knowledge-main-right ul li.common-sense{background:transparent url(../images/common-sense-icon.png) no-repeat 0px 5px;}
.knowledge-main-right ul li.knowledge{background:transparent url(../images/knowledge-icon.png) no-repeat 0px 5px;}
.knowledge-main-right ul li a.title{ font-weight:600;line-height:17px}
.knowledge-main-right ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.knowledge-main-right ul li p.introduction{color:#666;line-height:18px}
.knowledge-main-right ul li a.button{ background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none; float:left; margin-top:5px;}
/*************************************************************************/
/*knowledge, end*/
/*************************************************************************/
/*************************************************************************/
/*news-article, start*/
/*************************************************************************/
.news-article-body div.content{ height:auto; min-height:700px;}
.news-article{margin:0 auto; width:910px; padding-bottom:100px;_padding-bottom:100px;padding-top:0px; min-height:350px; color:#333333 }
.news-article h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.news-article-main{margin:0 auto; width:910px; min-height:500px; height:auto}
.news-article-main-left{width:600px; float:left;}
.news-article-main-left p.title{ margin:20px 0 0 10px; font-weight:600;line-height:17px; font-size:18px;color:#0078ff; text-align:center;}
.news-article-main-left div.img { width:500px; margin:0 auto; padding:10px 0; text-align:center}
.news-article-main-left img {border:1px solid #cccccc; max-width:500px; max-height:500px; }
.news-article-main-left p { }
.news-article-main-left p.title span{ float:right;font-size:12px; margin-top:4px;_margin-top:-17px; margin-right:7px;}
.news-article-main-left hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:10px;}
.news-article-main-left div.article-content{color:#666;font-size:15px; margin:0 10px; }
.news-article-main-left div.article-content p{color:#666;line-height:22px; font-size:13px;}
.news-article-main-left div.article-content strong{ font-weight:600}
.news-article-main-right{width:300px; height:500px; float:right;background:url(../images/main-divide.gif) -5px 22px no-repeat;}
.news-article-main-right ul{ margin:20px 0 0 25px;}
.news-article-main-right ul li{ width:170px; padding-left:100px; margin-bottom:10px; }
.news-article-main-right ul li.company-news{background:transparent url(../images/company-news-icon.png) no-repeat;}
.news-article-main-right ul li.enterprise-management{background:transparent url(../images/enterprise-management-icon.png) no-repeat;}
.news-article-main-right ul li.industry-news{background:transparent url(../images/industry-news-icon.png) no-repeat;}
.news-article-main-right ul li.campaign{background:transparent url(../images/campaign-icon.png) no-repeat;}
.news-article-main-right ul li.design-salon{background:transparent url(../images/design-salon-icon.png) no-repeat;}
.news-article-main-right ul li a.title{ font-weight:600;line-height:17px}
.news-article-main-right ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.news-article-main-right ul li p.introduction{color:#666;line-height:18px}
.news-article-main-right ul li a.button{ background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none; float:left; margin-top:5px;}
/*************************************************************************/
/*news-article, end*/
/*************************************************************************/
/*************************************************************************/
/*supporting, start*/
/*************************************************************************/
.supporting-body div.content{ height:auto; min-height:700px;}
.supporting-div{margin:0 auto; width:910px; padding-bottom:400px;_padding-bottom:100px;padding-top:0px; min-height:350px; color:#333333 }
.supporting-div h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.supporting-main{margin:0 auto; width:910px; height:500px;}
.supporting-main-left{width:600px; float:left; }
.supporting-main-left p.title{ font-weight:600; padding:0 0 5px 20px; background:url(../images/black-arrous.gif) no-repeat 8px 6px;_background:url(../images/black-arrous.gif) no-repeat 8px 4px; margin:20px 0 0 3px; width:93%; border-bottom:1px solid #cccccc;}
.supporting-main-left ul{ margin:20px 0 0 10px;}
.supporting-main-left ul li{ width:570px;margin-bottom:10px; border-bottom:1px dashed #cccccc;}
.supporting-main-left ul li.title{ font-weight:600;line-height:17px; padding-left:225px; width:345px;background:url(../images/supporting-big-icon.png) no-repeat; height:150px;}
.supporting-main-left ul li.link{ height:20px;}
.supporting-main-left ul li a.title{ font-weight:600;line-height:17px}
.supporting-main-left ul li p.introduction{color:#666;line-height:18px}
.supporting-main-left ul li p.link a.button{ float:right; margin-right:10px;background:transparent url(../images/top-button.gif) no-repeat; height:19px; width:38px;}
.supporting-main-left ul li.detail { margin-top:20px; padding-bottom:30px;}
.supporting-main-left ul li.detail p{ font-size:15px; font-weight:600; }
.supporting-main-left ul li.detail p.introduction{ font-size:13px; font-weight:100; }
.supporting-main-right{width:310px; height:500px; float:right;background:url(../images/main-divide.gif) -5px 22px no-repeat;}
.supporting-main-right ul{ margin:20px 0 0 10px;}
.supporting-main-right ul li{ width:170px; padding-left:125px; margin-bottom:10px; }
.supporting-main-right ul li.supporting{background:transparent url(../images/supporting-icon.png) no-repeat 0px 5px;}
.supporting-main-right ul li.optional{background:transparent url(../images/optional-icon.png) no-repeat 0px 5px;}
.supporting-main-right ul li.common-sense{background:transparent url(../images/common-sense-icon.png) no-repeat 0px 5px;}
.supporting-main-right ul li.knowledge{background:transparent url(../images/knowledge-icon.png) no-repeat 0px 5px;}
.supporting-main-right ul li a.title{ font-weight:600;line-height:17px;}
.supporting-main-right ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;_margin:0px;}
.supporting-main-right ul li p.introduction{color:#666;line-height:18px}
.supporting-main-right ul li a.button{ background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none; float:left; margin-top:5px;}
/*************************************************************************/
/*supporting, end*/
/*************************************************************************/
/*************************************************************************/
/*download, start*/
/*************************************************************************/
.download-body div.content{ height:auto; min-height:700px;}
.download{margin:0 auto; width:910px; padding-bottom:200px;_padding-bottom:100px;padding-top:0px; min-height:350px; color:#333333 }
.download h3.breadcrumb-nav{background:url(../images/breadcrumb-nav.gif) no-repeat;}
.download-main{margin:0 auto; width:910px; height:500px;}
.download-main-left{ float:left; width:600px;}
.download-main-left ul{ margin:20px 0 0 10px;}
.download-main-left ul li{ width:570px; height:120px; margin-bottom:10px; border-bottom:1px dashed #cccccc;}
.download-main-left ul li a.title{ font-weight:600;line-height:17px}
.download-main-left ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.download-main-left ul li p.introduction{color:#666;line-height:18px}
.download-main-left ul li p.link { margin-top:8px;}
.download-main-left ul li p.link span{ float:right;font-size:12px; margin-right:5px; _margin-top:-2px;}
.download-main-left ul li p.link a{ float:right;font-size:12px; font- weight:600; margin-right:10px;}
.download-main-right{width:300px; height:500px; float:right;background:url(../images/main-divide.gif) -5px 22px no-repeat; }
.download-main-right ul{ margin:20px 0 0 25px;}
.download-main-right ul li{ width:170px; padding-left:100px; margin-bottom:10px; }
.download-main-right ul li.dow-dir{background:transparent url(../images/dow-dir.gif) no-repeat;}
.download-main-right ul li.dow-spe{background:transparent url(../images/dow-spe.gif) no-repeat;}
.download-main-right ul li.dow-soft{background:transparent url(../images/dow-soft.gif) no-repeat;}
.download-main-right ul li.campaign{background:transparent url(../images/campaign-icon.png) no-repeat;}
.download-main-right ul li.design-salon{background:transparent url(../images/design-salon-icon.png) no-repeat;}
.download-main-right ul li a.title{ font-weight:600;line-height:17px}
.download-main-right ul li hr{border-top:1px dashed #cccccc;height:1px; color:#FFF; margin:3px;}
.download-main-right ul li p.introduction{color:#666;line-height:18px}
.download-main-right ul li a.button{ background:transparent url(../images/back-button.gif) no-repeat scroll 0 0; height:25px; width:102px;border:none; float:left; margin-top:5px;}
/*************************************************************************/
/*download, end*/
/*************************************************************************/
/*************************************************************************/
/*pagination, start*/
/*************************************************************************/
.pagination { float: right; margin-right:10px;font-size:13px;}
.pagination A { text-decoration: none; color: #666;font-size:13px;}
.pagination A:visited { text-decoration: none; color: #666;font-size:13px;}
.pagination A, .pagination SPAN { display: block;float: left;padding: 0 2px;margin-right: 4px;; background: #FFF;color: #666; }
.pagination .current { color:#0078ff; font-weight:600}
.pagination .current.prev, .pagination .current.next{ color: #999;border-color: #999;background: #fff;}
.pagination .prev {background:transparent url(../images/pagination/prev.png) 0px 3px no-repeat;padding:0 7px; }
.pagination .next {background:transparent url(../images/pagination/next.png) 0px 3px no-repeat;padding:0 7px;}
.pagination SPAN.current.prev {background:transparent url(../images/pagination/prev-disable.png) 0px 3px no-repeat;padding:0 7px; }
.pagination SPAN.current.next {background:transparent url(../images/pagination/next-disable.png) 0px 3px no-repeat;padding:0 7px;}
.pageInfo { float:right; color:#666; margin-right:10px;}
.pageInfo span{color:#F60; font-weight:600;}
.pageJump { float:right; color:#666; margin-right:10px;}
.pageJump input.jump-page-number{ width:20px; padding:0px 0px; height:14px; font-size:11px; }
.pageJump input.jump-button{ width:38px; height:18px;background:transparent url(../images/pagination/jump-button.png) no-repeat; border:none }
/*************************************************************************/
/*pagination, end*/
/*************************************************************************/