* {margin:0; padding:0; border:0;}
img{ border:0; margin:0; padding:0;}
body  {	margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;  background: transparent url(../images/mian-bg-all.png) repeat-x scroll 0 -33px; padding:0 0 60px; background-color:#FAFAFA; }
.main #container { width: 980px; height:auto;  margin: 0 auto;  text-align: left; padding-top:0px;}
.clear-all-img{ clear:both; height:19px;}
a{ outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;}
.clear-all{ clear:both; height:0;}

/*-----------------header --------------------*/
#header{ height:70px; background:transparent url(../images/main.jpg) no-repeat scroll 13px  -543px;}
#logo-top{ float:left; width:201px; height:70px; background:transparent url(../images/main.jpg) no-repeat scroll 0 -614px; }
#logo-top a{     background: url(../images/main.jpg) no-repeat scroll 0 -614px transparent;
    float: left;
    height: 42px;
    padding: 12px 0 0 23px;
    width: 150px;}
#logo-top .logo-top-p{text-indent:-9000px; font-size:11px; color:#fff;}

.top_on { margin-left:489px; width:438px; height:18px; }
.top_on_p{ text-indent:-9911px; font-size:11px; color:#fff;}
.top_on a{background:transparent url(../images/main.jpg) no-repeat scroll 0 -719px; width:484px;height:18px;display:block;}
.top_on a:hover{background:transparent url(../images/main.jpg) no-repeat scroll 0 -738px;}


#contact-ul {margin:0; padding:0;}
#contact-ul li{display:inline;}
#contact-ul li a{ background:url(../images/main.jpg) no-repeat scroll 0 -719px;; float:left; overflow: hidden; width:484px; text-indent:-9000px; font-size:11px; color:#fff; }
#contact-ul li a:hover{ background:url(../images/main.jpg) no-repeat scroll 0 -738px;; float:left; overflow: hidden; width:484px; }

/*-----------------nav --------------------*/
#nav-left{ float:left;  width:156px; height:33px;background:transparent url(../images/main.jpg) no-repeat scroll 0 -685px;}
#nav-right{ }

#header-bottom{ height:33px; }
#globalnav {margin:0; padding: 0 0 0 30px;}
#globalnav li{display:inline;}
#globalnav li a{ background-image:url(../images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:150px; }
#gn-right{ background-image:url(../images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:46px;}
#gn-right{ background-position:100% 0; position:absolute; width:46px;}

#globalnav li#gn-home a{ background-position: 0 0;}
#globalnav li#gn-showcase a{ background-position: -150px 0;}
#globalnav li#gn-showcase-2 a{ background-position: -150px -126px;}

#globalnav li#gn-about a{ background-position: -300px 0;}
#globalnav li#gn-services a{  background-position: -450px 0;}

/*--#globalnav li#gn-faq a{ background-position: -464px 0;}--*/
#globalnav li#gn-download a{ background-position: -600px 0;}
#globalnav li#gn-blog a { background-position: -750px 0;}


#globalnav li#gn-home a:hover{ background-position:0 -42px; }
#globalnav li#gn-home a:active{ background-position:0 -84px;}

#globalnav li#gn-showcase a:hover{ background-position:-150px -42px; }
#globalnav li#gn-showcase a:active{ background-position:-150px -84px;}

#globalnav li#gn-about a:hover{ background-position:-300px -42px;}
#globalnav li#gn-about a:active{ background-position:-300px -84px;}

#globalnav li#gn-services a:hover{ background-position:-450px -42px;}
#globalnav li#gn-services a:active{ background-position:-450px -84px;}

/*--
#globalnav li#gn-faq a:hover{ background-position:-464px -42px;}
#globalnav li#gn-faq a:active{ background-position:-464px -84px;}
--*/

#globalnav li#gn-download a:hover{ background-position:-600px -42px;}
#globalnav li#gn-download a:active{ background-position:-600px -84px;}

#globalnav li#gn-blog a:hover{ background-position:-750px -42px;}
#globalnav li#gn-blog a:active{ background-position:-750px -84px;}

#nb-top p{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nbnt-p.gif) no-repeat scroll left 2px;
color:#768697;
float:left;
margin-left:27px;
padding-left:15px; margin-top:4px;}

#nb-top #globalnav-pn{ float:right; }
#nb-bottom { float:right; padding-top:5px; margin-top:0;}
#nb-bottom #globalnav-pn{ }
#globalnav-pn {margin:0; padding:0;}
#globalnav-pn li{display:inline;}
#globalnav-pn li a{ background-image:url(../images/previous-all.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:20px; width:57px;  }
#globalnav-pn li .back-c{ background-image:url(../images/previous-all.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:20px; width:65px;  }
#globalnav-pn li .next-c{ background-image:url(../images/previous-all.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:20px; width:57px;  }




#globalnav-pn li#gn-previous a{ background-position: 0 0;}
#globalnav-pn li#gn-back a{ background-position: -57px 0;}
#globalnav-pn li#gn-next a{ background-position: -122px 0;}

#globalnav-pn li#gn-previous a:hover{ background-position:0 -21px; }
#globalnav-pn li#gn-previous a:active{ background-position:0 -42px;}

#globalnav-pn li#gn-back a:hover{ background-position:-57px -21px; }
#globalnav-pn li#gn-back a:active{ background-position:-57px -42px;}

#globalnav-pn li#gn-next a:hover{ background-position:-122px -21px;}
#globalnav-pn li#gn-next a:active{ background-position:-122px -42px;}



/*-----------------search --------------------*/
#search{     float: right;
    margin-top: 16px; *margin-top: 18px;
    padding-right: 42px; *padding-right: 43px; }
form { display:inline; }
.search-go{ }
.search-go .input {color:#E0E0E0; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:1.3em; width:100px; padding-left:5px; }
.search-go input { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:medium none; height:18px; text-align:left;
margin-left:10px; padding-top:1px; }
.search-go .search-w {outline: none; cursor:pointer; width:28px; }



#another-title{   height:36px; background-color:#848484;} 
#another-header { margin:0 0 0 255px;}
#another-header .dd-a{ color:#F6E809; }
#another-header li{ float:left; list-style:none; margin:8px 6px 0 8px; color:#fff;}
#another-header li a{ color:#fff; font-size:15px; }
#another-header li a:hover{ color:#F6E809; text-decoration: none; }
.line{ border-right:2px solid #105380; padding-right:14px;}
h1{ color:#333; font-size:19px; font-family:"Times New Roman", Times, serif;  }
h1 a{ color:#2F8BBA; font-size:20px; font-family:"Times New Roman", Times, serif;  }
h1 a:hover{ color:#0E4663; font-size:20px; font-family:"Times New Roman", Times, serif; text-decoration: none;}
#title-top{ font-size:12px;}
.logo-h1{ margin:15px 0 0 235px; padding-left:12px; font-size:12px; line-height:1.5em; font-weight:300; color:#097CBB; border-left:3px solid #91D0EF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.logo-h1-2{ margin:31px 0 0 235px; padding-left:12px; font-size:12px; line-height:1.5em; font-weight:300; color:#097CBB; border-left:3px solid #91D0EF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.logo-h1-3{ margin:24px 0 0 235px; padding-left:12px; font-size:12px; line-height:1.5em; font-weight:300; color:#097CBB; border-left:3px solid #91D0EF; font-family:Verdana, Arial, Helvetica, sans-serif;}
h3{ color:#0480BC; font-weight:200; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 0; margin:0 0 0 0;  }
h2 img{ margin-right:5px;}
h2{ color:#3E4133; font-size:16px; padding:3px 0 6px 0; font-family:"Times New Roman", Times, serif;}
h6{ color:#414933; font-weight:300; font-size:11px;   margin-bottom:5px;}
h6 img{ padding:0 5px 0 0; float:left;}
.xie{
	font-style: italic;
	font-weight: bold;
}
#of a{ color:#0066CC;}
#of a:hover{
	color:#333333;
	text-decoration: none;
}
#ok-5{ margin:5px 0 0 10px;}
#ok-6{ color:#414933; font-weight:300; font-size:11px; border:1px dashed #a9a453; padding:4px 5px 7px 15px; background-color:#e4dd6d; margin-bottom:5px;}
#ok-6 img{ padding:0 5px 0 0; float:left;}
.form-title{ clear:both; font-size:12px; font-weight:bold; color:#666; padding-bottom:5px; margin-bottom:0;}
.right-link{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/h6-img.gif) no-repeat scroll left 13px;
*background:transparent url(../images/h6-img.gif) no-repeat scroll left 12px;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:27px;
margin-left:9px;
padding-left:19px;
padding-top:10px;}
.left-title { color:#000; font-size:16px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;  }
.right-title { color:#000; font-size:16px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; margin:0 0 7px 0;  }
.services-s-1{ height:170px; width:384px; background-image:url(../images/services-icons.jpg); background-repeat:no-repeat; background-color:#fff; border:1px solid #ccc; margin:8px 0 0 0 ;}
.services-s-2{ height:230px; width:384px; background-image:url(../images/services-gui.jpg); background-repeat:no-repeat; background-color:#fff; border:1px solid #ccc; margin:8px 0 0 0 ;}
.services-s-3{ height:183px; width:384px; background-image:url(../images/services-website.jpg); background-repeat:no-repeat; background-color:#fff; border:1px solid #ccc; margin:8px 0 0 0 ;}
.services-s-4{ height:217px; width:384px; background-image:url(../images/services-c.jpg); background-repeat:no-repeat; background-color:#fff; border:1px solid #ccc; margin:8px 0 0 0 ;}
.services-s-5{ height:165px; width:384px; background-image:url(../images/services-i.jpg); background-repeat:no-repeat; background-color:#fff; border:1px solid #ccc; margin:8px 0 0 0 ;}
.serices-word{ margin:10px 15px 0 140px;}
.serices-word a{   border-top:1px dashed #2B92C2; padding:2px 0 0 0; color:#2B92C2; font-size:10px;}
.serices-word a:hover{ color:#000; text-decoration: none;}
.serices-left{ float:right; width:410px; }
.serices-right{ float:left; width:490px;}
.link-logo { height:78px; background-color:#ccc; margin:8px 0 0 0;}
.link-logo img { margin: 12px 0 0 0;}
.logo-center{ text-align:center;}
h4{ color:#3A444D;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
letter-spacing:0;
margin-bottom:4px;
padding-bottom:8px;}
.du-title{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/h6-img.gif) no-repeat scroll left 12px;
*background:transparent url(../images/h6-img.gif) no-repeat scroll left 10px;
font-size:13px;
margin:0 0 0;
padding-left:18px;
padding-top:7px;}
.du-title-time{ color:#768697; font-size:11px; background:transparent url(http://www.iconcastle.com/images/comment-bg.gif) no-repeat scroll 3px -299px; padding-left:15px;}
h5{ font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300;}
.intro-logo{ font-size:27px; color:#01A8EC; padding:0 0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
p{ color:#4e5a65;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:12px;
padding-bottom:7px;
text-align:justify;}
.all-p{ margin-left:5px;}
.all-fc-p { font-style: italic; font-size:10px; color:#868686; font-family:Georgia, "Times New Roman", Times, serif;}
.fei { margin:10px 0 0 0; float:right;}
.fei a:hover{ color:#000; text-decoration: none;}
.fc-contact{ background-color:#fff; padding:8px; border:1px solid #B3B3B3; margin-top:10px;}
.fc-contact a{ font-weight:bold; font-size:11px;}
.fc-contact a:hover{ font-size:11px; color:#000; text-decoration: none;}
.fc-title { height:auto; padding:15px 0 15px 0;}
.fc-title p{ padding:20px 0 0 0;}
.fc-title img{ float:left; padding:0 15px 0 0;}
.pstyle{ text-align:justify; color:#E0E0E0; font-size:12.5px; font-family: Verdana,  Arial,  Helvetica, sans-serif; line-height:1.6em; margin-bottom:12px; line-height:1.65em;}

.important-notice{ background-color:#AAD8EB; border:1px dashed #6FB4D1; padding:0 8px 0 8px; }
.important-notice h4{ padding-bottom:5px; color:#666;}
a{ font-size:12px; color:#FF5E1E ; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:300;}
a:hover{ color:#F6E809; text-decoration:underline; }
.faq-a { font-weight:bold; color:#1083B5;}
.faq-a:hover{ color:#000; text-decoration: none;}
.faq-b { font-weight:bold; font-size:11px; color:#1083B5;}
.faq-b:hover{ color:#000; text-decoration: none;}
.email a{ font-size:11px; color:#0480BC; font-weight:bold;}
.email a:hover{ text-decoration: none; color:#034869;}
ul li a{ color:#fff;}
#top-container{ clear:both; height:auto; margin-bottom:10px; background-color:#EEE;  }
#top-container .new-product{ background-image:url(../images/product-bg.jpg); background-repeat:no-repeat; background-color:#F0F0F0; width:980px; height:256px; margin-top:16px;}
#top-container .new-product .left-line{ width:484px;  height:245px;  float:left; border-right:4px dashed #B3B3B3;}
#top-container .new-product  .title{ margin:17px 32px 0 35px; }
#top-container .new-product  .title h1 { float:left;}
#top-container .new-product  .title .icon-more { float:right; }
#top-container .new-product .right-line{ width:488px;  height:256px; float:right;}

.small-link a{ clear:left; font-size:11px; margin:0 15px 0 0 ; color:#fff;}
#tell_us p { padding:7px 0 0 0;}
#tell_us a{ font-size:18px; color:#fff; margin:0 0 0 32px; padding:7px 0 0 0;}
#tell_us a:hover{ font-size:18px; color:#F2E500; margin:0 0 0 32px; padding:7px 0 0 0; text-decoration: none; }
<!-- header-->
#nav #nav-header{ border-bottom:0px solid #fff; height:44px;}
#nav #nav-header a#di{ color:#F6E809;}
#nav .homenav { height:44px; width:130px;  background-image:url(../images/nav-n.jpg);}
#nav .homenav p{ margin:8px 0 0 0; text-align:center; }
#nav  li{ float:left; list-style:none; }
#nav  li a{ font-size:18px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
#nav  li a:hover{ color:#F6E809; text-decoration: none; }
#nav-header { height:44px;}
#nav #homenav-store { background-image:url(../images/nav-store.jpg); color:#F6E809;}
#nav #homenav-home { background-image:url(../images/nav-hover.jpg); color:#F6E809;}
#nav #homenav-home-store { background-image:url(../images/nav-store-hover.jpg); color:#F6E809;}
#header #intro-left{ float:left; width:auto; margin:0 0 0 0; background-image:url(../images/logo.jpg); background-repeat:no-repeat; height:80px;}
#header #intro-left .intro{ font-size:18px; color:#B0B0B0; font-family:"Times New Roman", Times, serif;}
#header #intro-left .intro strong{ color:#FFF;}
#header #intro-left .intro strong a{ color:#D3D3D3; font-size:18px; text-decoration: underline;}
#header #intro-left .intro strong a:hover{ color:#FFF; font-size:18px; text-decoration: underline;}
#header #intro-left .intro-2 strong a{ color:#D3D3D3; font-size:17px; text-decoration: underline; font-weight:700;}
#header #intro-left .intro-2 strong a:hover{ color:#FFF; font-size:17px; text-decoration: underline;}
.title-web{ color:#fff; font-weight:200; font-family:"Times New Roman", Times, serif;}
<!-- header-end-->
#biao{ clear:both; }
#nts{  width: 980px; height:auto;  margin: 0 auto;  text-align: left;  padding-top:25px;}
#nts p { color:#EAEAEA;}
#nts .nts-left{ float:left; width:450px;}
#nts .nts-left .needs-img{ float:left; padding:3px 15px 15px 0; }
#nts .nts-right{ float:right; width:500px; height:180px; border:1px solid #8C8C8C; margin-top:20px;}
#nts .nts-left-2{ float:left; width:650px;}
#nts .nts-left-2 img{ float:left; margin:5px 15px 400px 0;}
#nts .nts-right-2{ float:right; width:300px; height:180px; border:1px solid #333; margin-top:20px; background-color:#CCC;}
<!--top-body-height -->
#top-body-index{ clear:both; }
#all-index{ width: 980px;   margin: 0 auto;  text-align: left; padding-top:35px;}
 .all-index-left{ width:710px; float:left;}
 .all-index-right { background-color:#fff; width:253px; float:right; border:1px solid #B1B1B1; border-top:0; margin:29px 0 0 0;}
 .all-feature-left{ width:625px; float:left;}
 .all-feature-left h3{ padding-bottom:5px; font-size:13px;} 
 .all-feature-right { background-color:#fff; width:253px; float:right; border:1px solid #B1B1B1; border-top:0; margin:29px 0 0 0;}
 .list-link { list-style:none; padding:0 0 10px 10px; color:#000; font-size:11px; text-shadow: 0 1px 0 #cbd9e1;  }
 .list-link-info{ color:#333; }
 .list-link li { height:auto;   margin-bottom:5px; }
 .list-link a { color:#595757; font-size:12px;  line-height:1.3em; }
 .list-link a:hover{ color:#3399FF; text-decoration: none;}
 .list-link { padding-left:9px;}
#needs-to-submit {clear:both; height:300px; background-color:#575757; }
#all-works{ width: 980px; height:auto;  margin: 0 auto;  text-align: left; }
.all-works-zhan{ margin:0 34px 0 34px; height:180px; background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;}
.all-works-zhan p{ line-height:0.8em; font-size:11px; padding-bottom:9px;}
.all-works-zhan-bottom{ border-bottom:1px dotted #B3B3B3;
color:#777777;
padding-bottom:5px;}
.w1{ float:left; width:234px; height:auto; padding-right:42px; padding-left:19px;}
.w2{ float:left; width:234px; height:auto; margin-left:39px; margin-right:39px;}
.w3{ float:left; width:234px; height:auto; margin-left:39px; }
.alllinks{ height:131px;   margin:14px 34px 0 34px;background-color:#FFFFFF; background:transparent url(../images/showcase-bg-top-.jpg)  no-repeat scroll 0 0; }
.alllinks-bottom{ height:19px; background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0; width:912px; margin:0 auto;  }
.alllinks  h1{ float:left; letter-spacing:-1px;
line-height:88%; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;
font-size:24px; color:#5e6c79;
text-decoration:none; padding:31px 10px 12px 25px;}

.alllinks  h5{ font-weight:300; color:#8799AB;
font-family:Comic Sans MS,Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:13px;
padding:34px 10px 12px 174px; }

.alllinks-index{ height:39px;   margin:0 0 0 0; }
.all-works-zhan-icons{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
height:auto;
margin:0 auto;
overflow:hidden;
padding:0;
width:912px; }
.show-icons{ margin:0 37px 0 37px; }
.all-works-zhan-icons-left{ float:left; width:370px; margin:20px 0 0 20px; }
.all-works-zhan-icons-right{  margin:25px 20px 0 10px;}
.all-works-zhan-icons-right p{ margin:6px 0 0 0; font-size:12px;}

.all-works-zhan-icons-store{margin:0 37px 0 37px; background-color:#DBDEE1; height:191px; background-image:url(file:///M|/iconcastle/images/store-bg.jpg) }
.show-icons-store{ margin:0 37px 0 37px; }
.all-works-zhan-icons-left-store{ float:left; width:140px; margin:20px 0 0 20px; }
.all-works-zhan-icons-right-store{  padding:25px 40px 0 10px;}
.all-works-zhan-icons-right-store p{ margin:6px 0 0 0; font-size:12px;}

 .list-link-icons { float:left;	   list-style:none; padding:8px 0 10px 147px; }
 .list-link-icons li {  height:auto;  width:170px; margin-bottom:5px; }
 .list-link-icons a {  color:#595757;  font-size:15px; background:url(../images/icons/icons-view_download.jpg) no-repeat left; padding-left:52px; padding-right:28px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em; }
 .list-link-icons a:hover{ color:#000; font-size:15px; background:url(../images/icons/icons-view_download.jpg) no-repeat left;
padding-left:52px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em; text-decoration: none; }
 .list-link-icons-2 { float:left;	   list-style:none; padding:8px 0 10px 0; }
 .list-link-icons-2 li {  height:auto;  width:170px; margin-bottom:5px; }
 .list-link-icons-2 a {  color:#595757;  font-size:15px; background:url(../images/icons/icons-view_detatls.jpg) no-repeat left; padding-left:52px; padding-right:13px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em;  }
 .list-link-icons-2 a:hover{ color:#000; font-size:15px; background:url(../images/icons/icons-view_detatls.jpg) no-repeat left;
padding-left:52px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em; text-decoration: none; }
 .list-link-icons-stock { float:left;	   list-style:none; padding:8px 0 10px 147px; }
 .list-link-icons-stock li {  height:auto;  width:170px; margin-bottom:5px; }
 .list-link-icons-stock a {  color:#595757;  font-size:15px; background:url(../images/icons/icons-stock-add.jpg) no-repeat left; padding-left:52px; padding-right:28px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em; }
 .list-link-icons-stock a:hover{ color:#000; font-size:15px; background:url(../images/icons/icons-stock-add.jpg) no-repeat left;
padding-left:52px; padding-top:6px; padding-bottom:7px; margin-top:50px; line-height:2.3em; text-decoration: none; }
.sliding-navigation{ clear:both; height:26px; list-style:none; margin:25px 0 0 0;}
ul.sliding-navigation{ float:left;
font-size:1.75em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:17px;
margin-top:33px;
width:501px;}
ul.sliding-navigation li{ font-size:12px; width:95px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;}
ul.sliding-navigation li.sliding-element a{ display: block; width:auto; height:24px; *height:20px; margin-left:10px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px;  background:url(../images/alllink_left.gif) no-repeat left; padding-left:13px; border-right:1px dotted  #798998; }
ul.sliding-navigation li.sliding-element a:hover { color: #000; background:url(../images/alllink_left_ahover.gif) no-repeat left; padding-left:13px; }
#width-all{ width:auto; padding-left:8px;}
#width-all h1{ font-size:13.5px; color:#1083B5; padding:4px 0 0 8px; background:url(../images/a_z.gif) no-repeat left; padding-left:14px; }
#width-all-2{ width:auto; padding-left:8px;}
#width-all-2 h1{ font-size:16px; color:#1083B5; padding:2px 0 0 8px; background:url(../images/a_z.gif) no-repeat left; padding-left:14px; }
#width-all-3{ width:auto; padding-left:8px;}
#width-all-3 h1{ font-size:16px; color:#1083B5; padding:2px 0 0 8px; background:url(../images/a_z.gif) no-repeat left; padding-left:14px; }
#width-all-4{ width:auto; padding-left:8px;}
#width-all-4 h1{ font-size:16px; color:#1083B5; padding:2px 0 0 8px; background:url(../images/a_z.gif) no-repeat left; padding-left:14px; }
#width-f{ width:60px;}
#width-g{ width:65px;}
#width-h{ width:65px;}
#width-a{ width:100px;}
#width-b{ width:107px;}
#width-c { float:right; width:40px;}
#width-c-2 {  width:40px;}
#width-d { float:right; width:40px;}
#width-d-2 { float:right; width:40px;}
#width-e{ float:right;width:40px;}
#width-e-2{width:40px;}
ul.sliding-navigation li.sliding-element-f a{ display: block; width:auto; height:20px; margin-left:14px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px; }
ul.sliding-navigation li.sliding-element-c a{ display: block; width:auto; height:20px; width:100px; margin-left:14px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px;  background:url(../img/alllink_left.gif) no-repeat left; padding-left:5px; border-right:1px solid #ccc; }
ul.sliding-navigation li.sliding-element-c a:hover { color: #000; background:url(../img/alllink_left_ahover.gif) no-repeat left; padding-left:5px; }
ul.sliding-navigation li.sliding-element-a a{ display: block; width:auto; height:24px; *height:20px; margin-left:10px; padding-right:7px; color: #3691BE;   text-decoration: none;  padding-top:6px;  background:url(../images/a_z.gif) no-repeat left; padding-left:13px; border-right:1px dotted  #798998; }
ul.sliding-navigation li.sliding-element-a a:hover { color: #3691BE; background:url(../images/a_z.gif) no-repeat left; padding-left:13px; }
ul.sliding-navigation li.sliding-element-f a{ display: block; width:auto; height:20px; margin-left:14px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px;}
.ge{ float:left;}
 .list-link-2 { list-style:none; padding:0 0 10px 0; }
 .list-link-2 li { height:auto;  width:200px; margin-bottom:5px; padding-top:8px; }
 .list-link-2 a {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/works/link-a.gif) no-repeat scroll left -15px;
color:#2078A4;
font-size:11px;
line-height:1.3em;
padding-left:12px;}
 .list-link-2 a:hover{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/works/link-a.gif) no-repeat scroll left 2px;
color:#2078A4;
padding-left:12px;
text-decoration:none;} 
 .list-link-3 { list-style:none; padding:0 0 10px 0; }
 .list-link-3 li { height:auto;  width:200px; margin-bottom:5px; }
 .list-link-3 a { color:#595757; font-size:11px; background:url(../images/works/link2-a.gif) no-repeat left; padding-left:16px; line-height:1.3em; }
 .list-link-3 a:hover{ color:#000; text-decoration: none; background:url(../images/works/link2-ahover.gif) no-repeat left; padding-left:16px;} 
.all-works-du{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/showcase-all-bg-top.png) no-repeat scroll 0 0;
height:131px;
margin:14px auto 0;
width:912px;}
.du-w{  width:697px; height:auto; margin:22px 0 0 26px; }
.du-w p{ line-height:1.7em;}
.du-w img{ float:left; margin:0 10px 0 0; }
.all-works-du-left { float:left; width:709px;} 
.all-works-du-right { 
float:right;
height:109px;
padding-top:20px;
width:164px;}
.big-img{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
height:auto;
margin:0 auto;
overflow:hidden;
padding:0;
width:912px; text-align:center;}



.big-img .big-show{ 
clear:both;
margin:0 27px;
text-align:center; padding-bottom:18px; }
.big-img .big-show p{ margin:9px 1px 23px; line-height:1.7em; font-size:11.2px;}
.next-back{ height:21px;  margin:18px 27px 18px 0;}
.nbnt-p{ }
.end-show{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nbnt-p.gif) no-repeat scroll left 2px;
color:#768697;
float:left;
margin-bottom:0;
margin-left:27px;
margin-top:8px;
padding-left:15px;}
.nbp { list-style:none;  float:right;}
.nbp li{  height:auto;  width:95px;  float:left;}
.nbp li a{ color:#000; font-size:13.3px; background:url(../images/back.gif) no-repeat left; padding-left:20px;  }
.nbp li a:hover{ color:#000099; background-repeat:no-repeat; text-decoration: none;}
.nbp-2 { list-style:none; padding:0 0 0 0; float:right;}
.nbp-2 li{  height:auto; width:auto;  float:left; margin-right:1px; }
.nbp-2 li p{ width:111px; height:21px;}
.nbp-2 li a{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#A3A3A3 url(../images/previous-all.gif) no-repeat scroll 0 0;
color:#333333;
font-size:13.3px;
height:21px;
padding:3px 57px 2px 0;
width:111px; }
.nbp-2 li a:hover{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#A3A3A3 url(../images/previous-all.gif) no-repeat scroll 0 -22px;
color:#333333;
font-size:13.3px;
height:21px;
padding:3px 57px 2px 0;
width:111px;}
.nbp-3 { list-style:none; padding:0 0 0 0; float:right;}
.nbp-3 li{  height:auto; width:auto;  float:left;  }
.nbp-3 li p{ width:80px; height:16px; background-color:#A3A3A3; padding-left:20px;}
.nbp-3 li a{ color:#333; font-size:13.3px;  background:url(../images/next.gif) no-repeat right; padding-right:56px;  background-color:#A3A3A3; }
.nbp-3 li a:hover{ color:#000099; background-image:url(../images/next-hover.gif); background-repeat:no-repeat; text-decoration: none;}
.header_link-1{ width:906px; height:400px; padding-top:20px; border-bottom:3px dashed #B3B3B3; display:block; clear:both;  margin:0 auto; }
.header_link-2{ width:906px; height:400px; padding-top:30px; border-bottom:3px dashed #B3B3B3; display:block; clear:both;  margin:0 auto; }
.header_link-3{ width:906px; height:400px; padding-top:30px; border-bottom:3px dashed #B3B3B3; display:block; clear:both;  margin:0 auto; }
.header_link-4{ width:906px; height:400px; padding-top:30px; border-bottom:3px dashed #B3B3B3; display:block; clear:both;  margin:0 auto; }
.header_link-5{ width:906px; height:400px; padding-top:30px; display:block; clear:both;  margin:0 auto; }
.header_link-6{ width:906px; height:400px; padding-top:30px; border-bottom:3px dashed #B3B3B3; display:block; clear:both;  margin:0 auto; }
.about{background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
clear:both;
display:block;
height:auto;
margin:0 auto;
width:912px; }
.about p{ padding-bottom:0; font-size:12px; padding-bottom:6px; line-height:1.65em; padding-left:26px;}
.about-1{ width:912px; height:auto; display:block; clear:both;  margin:0 auto; background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;}
.about-1-all{ padding:19px 24px 0 24px;}
.about-1 p{ padding-bottom:0; font-size:12px;  line-height:1.65em;}
.about-1 img{ float:left; padding:0 8px 0 0;}
.faq-all{ width:906px; height:auto; display:block; clear:both;  margin:0 auto;}
.faq-all p{ border-bottom:1px dashed #B5B5B5; padding-bottom:0; line-height:1.65em; font-size:12px;}
.faq-all h3{ padding-bottom:5px; font-size:12px;}
.faq-all h2{ padding-bottom:8px;}
.header_link-left{ float:left; width:110px;}
.header_link-left h5{  font-size:11.5px; font-weight:bold; font-family:"Times New Roman", Times, serif; padding-left:5px; padding-bottom:3px; border-bottom:1px dashed #ccc;}
.header_link-left p{ font-size:9px;  padding-left:5px;  padding-right:16px; margin-bottom:25px; margin-top:3px;}
.header_link-left a{  font-size:9px;  color:#993300; padding-left:0px; }
.header_link-left a:hover{ text-decoration: none; color:#FF5E1E; }
.header_link-right{ width:793px; float:right; }
.middle_link{ background:#ccc; width:906px; display:block; clear:both; text-align:center; margin:0 auto;}




#download-photo a{ float:left; padding:8px 5px 8px 0;}
.page-line{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;

height:26px;
margin:0 34px;
padding-right:15px;
width:899px;}

.page-line-bottom{background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
height:26px;
margin-bottom:0;
margin-left:34px;
margin-right:34px;
padding-right:15px;
width:899px;}
.page-line-number{clear:both;float:right;height:26px;list-style-image:none;list-style-position:outside;list-style-type:none; margin:0 9px 0;}
.page-line-number li{float:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}

#page-line-number-top{ margin:33px 9px 0;}


.page-element-a a{display: block; width:auto; height:24px; *height:20px; margin-left:8px; padding-right:7px; color: #3691BE;   text-decoration: none;  padding-top:6px;  background:url(../images/a_z_02.gif) no-repeat left; padding-left:12px; border-right:1px dotted  #ccc; }
.page-element-a a:hover { color: #3691BE; background:url(../images/a_z_02.gif) no-repeat left; padding-left:12px; }
.page-element a{ display: block; width:auto; height:24px; *height:20px; margin-left:10px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px;  background:url(../images/a_z_03.gif) no-repeat left; padding-left:10px; border-right:1px dotted  #ccc; }
.page-element a:hover { color: #000; background:url(../images/a_z_02.gif) no-repeat left; padding-left:10px; }
.head-page-line{ float:right;
height:26px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1px 15px 0;
width:253px;}
.head-page-line-number{clear:both;float:right;height:26px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.head-page-line-number li{float:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
.head-page-element-a a{display: block; width:auto; height:24px; *height:20px; margin-left:8px; padding-right:7px; color: #3691BE;   text-decoration: none;  padding-top:6px;  background:url(../images/a_z_02.gif) no-repeat left; padding-left:12px; border-right:1px dotted  #ccc; }
.head-page-element-a a:hover { color: #3691BE; background:url(../images/a_z_02.gif) no-repeat left; padding-left:12px; }
.head-page-element a{ display: block; width:auto; height:24px; *height:20px; margin-left:10px; padding-right:7px; color: #000;   text-decoration: none;  padding-top:6px;  background:url(../images/a_z_03.gif) no-repeat left; padding-left:13px; border-right:1px dotted  #ccc; }
.head-page-element a:hover { color: #000; background:url(../images/a_z_02.gif) no-repeat left; padding-left:13px; }

#iconcastle{ clear:both;  background-image:url(../images/iconcastle.jpg); background-repeat:no-repeat; height:324px; width: 1024px;   margin: 0 auto;  text-align: left; }
#iconcastle .iconcastle-p{ padding:0 23px 0 423px;}

.important-notice-download{background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
border-bottom:3px dashed #B3B3B3;
margin:0 auto;
padding-bottom:10px;
width:911px; padding-top:15px;}
.important-notice-download p{ color:#666; font-size:12px;  padding-left:0px; padding-right:0px; line-height:1.6em; }
.important-notice-download h4{ padding-bottom:5px; color:#666;}

.download-shows { background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;
clear:both;
display:block;
height:140px;
margin:0 auto;
padding-top:32px;
width:911px; }
.download-shows  .show-left{ float:left;   width:435px;}
.download-shows p{ color:#666; line-height:0.8em;}
.download-shows  .show-left-2{ float:left;
padding-left:20px;
padding-right:15px;
width:425px;}

.lightBox{ float:left; margin-right:15px;}
.download-h2{ font-size:12px; padding:12px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555; }
.download-p{ font-size:10px; padding:6px 0 17px 0; color:#CCC;}
.free-icons-d a{
	color:#3691be;
	font-weight:bold;
	text-decoration: underline;
}
.free-icons-d a:hover{
	text-decoration: none;
}
.bottom-p-d{ font-size:11px;}

/*-----------------wer --------------------*/
#wer{clear:both; width:904px; margin:0 auto 17px; height:160px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;}
#wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA; 
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; }
#wer .wer-title .wt-left{ float:left; width:302px;}
#wer .wer-title .wt-center{ float:left; width:302px;}
#wer .wer-title .wt-right{ float:right; width:302px;}

#wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px;  }
#wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; }
#wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; }
#wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;}

.owhat{ font-size:20px; padding-right:6px;}
#wer  .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding-top:0;}
#wer  .overlap h4 {  color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding-top:0;}

#wer .wer-bottom{ height:126px; background-color:#FAFAFA; -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px; }
#wer .wer-bottom .wb-left{  float:left; width:302px;}
#wer .wer-bottom .wb-center{  float:left; width:302px;}
#wer .wer-bottom .wb-right{  float:right; width:298px;}


#wer .wer-bottom-contact{ height:188px; background-color:#FAFAFA;  -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;}

#wer .wer-bottom-contact .wb-left{  float:left; width:640px; height:188px; border-right:1px dashed #A9AFB7;}
#wer .wer-bottom-contact .wb-right{ float:right;  width:260px; height:188px; }
#wer .wer-bottom-contact .wb-right h6{ color:#555555; font-family:Arial,Candara,Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; 
border:none; padding:19px 0 0 15px;}
#wer .wer-bottom-contact ul { padding-left:15px; padding-top:14px;}
#wer .wer-bottom-contact ul li{ color:#878787; padding-bottom:2px;}
.wb-right-if{
	font-style: italic; font-family:Arial,Candara,Verdana,Arial,Helvetica,sans-serif; font-size:12px;  padding:3px 15px 16px 15px; line-height:1.4em; border-bottom:1px dashed #A9AFB7;
}

#wer .wer-bottom-contact .wer-upload {
background-position:0 7px;
} 
.wrc-email{ color:#444;}

#wer  ul{ padding:10px 0 0  38px;}
#wer li { list-style-type: none; background:transparent url(../images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;}
#wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;  }
#wer li a:hover{ color:#929699; border-bottom:1px dotted #7C7F82;}
#wer .wer-ui { background-position:0 5px; }
#wer .wer-ic { background-position:0 5px; }
#wer .wer-web { background-position:0 5px; }
#wer .wer-ill { background-position:0 5px; }
#wer .wer-tw { background-position:0 -13px; }
#wer .wer-blog { background-position:0 -13px; }
#wer .wer-link { background-position:0 -13px; }
#wer .wer-upload { background-position:0 5px; }

.wer-upload-title{ font-size:10px; color:#939699; font-weight:300;}

.sa-bottom{  -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/showcase-all-bg-top.gif) no-repeat scroll 0 -132px;
height:56px;
margin:0 auto 16px;
width:912px;}

/*------------------------------------footer-------------------*/
#footer{  clear:both; height:31px; width:904px;  border:1px dashed #BABABA;  background:transparent url(../images/mian-bg-all.jpg) repeat-x scroll 0 0; margin:0 auto; margin-top:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;}
.copyright{ float:left; width:500px; padding-left:10px;}
.partner{ float:right; padding-right:9px;}
#footer .partner p{ color:#9A9A9A;}
#footer p{ font-size:11.2px; color:#A0A0A0; padding:9px 0 0 0; font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana; }
#footer a{ padding: 0 5px;
	color:#737373;
	font-size:11px;
	font-family:Candara, 'Lucida Sans', Helvetica, Arial, Verdana;
	text-decoration: none;
}
.partner #stockicons{ font-weight:bold; color:#6D6D6D;}

#footer a:hover{ color:#285CE4; text-decoration: none;}

/*------------------------------------back-top-------------------*/
#bt-all {
float:right;
margin:31px 4px 0 0;
}

.back-top:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top-bg-all.gif) no-repeat scroll 0 -18px;
color:#696D6F;
display:block;
height:17px;
overflow:hidden;
padding:0 0 0 1px;
text-indent:-9911px;
width:39px;
}

.back-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top-bg.gif) no-repeat scroll 0 0;
color:#929799;
display:block;
font-size:15px;
height:17px;
overflow:hidden;
padding:0 0 0 24px;
text-indent:-9911px;
width:16px;
}

#contact-all-bg{ background:transparent url(../images/showcase-all-bg.gif) repeat-y scroll 0 0;}

.about .link-f-p{ font-size:14px; font-weight:bold; padding-bottom:7px; color:#3B70D2;}