@charset "utf-8";
/* CSS Document */
/* Code by Wiky @landfancy.com */
/*banner*/
.banner {z-index:20; overflow: hidden; height: 396px; }
ul#banner-con { position: relative;  z-index:20; overflow: hidden; width: 100%; height: 404px; /*display:none;*/ }
ul#banner-con li { display: none;  position: absolute; left: 0; top: 0;  z-index:20; width: 100%; height: 404px; }
ul#banner-con li a { display: block; width: 100%; height: 404px; background-position: center top; background-repeat: no-repeat; }
.banner-slide { z-index:25;  left: 0; bottom: 17px; width: 100%; height: 14px; }
.banner-slide ul { overflow: hidden; text-align: center; }
.banner-slide ul li { display: inline-block; vertical-align: top; width: 13px; height: 13px; margin: 0 5px; zoom: 1; *display: inline;
background: url(../images/bg/ico.png) no-repeat 0 -250px; cursor: pointer; _background: url(../images/bg/banner-thumb.gif) no-repeat 0 0; /* For IE6*/ }
.banner-slide ul li.current { background-position: -19px -250px; cursor: default; _background-position:-19px 0;/* For IE6*/ }
/*hot spots*/
.hot-spots-wrap { height: 38px; background: url(../images/bg/body_bg.png) repeat-x 0 -475px; line-height: 38px; }
.hot-spots { overflow: hidden; width: 680px; height: 38px; }
.hot-spots dt, .hot-spots dd { float: left; height: 38px; }
.hot-spots dt { width: 68px; color: #C00; font-weight: bold; }
.hot-spots dd { padding: 0 12px; background: url(../images/bg/ico.png) no-repeat 0 -276px; }
.hot-spots dd.first-item { background: none; }
.hot-spots dd a { color: #5E6169; }
.hot-spots dd a:hover { color: #C00; text-decoration: underline; }
/*hot spots*/
.sns { overflow: hidden; width: 172px; height: 38px; background: url(../images/bg/ico.png) no-repeat -298px 9px; }
.sns dt { width: 56px; color: #444; font-weight: bold; padding-left: 15px; }
.sns dd { width: 22px; padding: 0; margin: 0 5px; background: none; text-indent: -9999px; }
.sns dd a { display: block; background: url(../images/bg/ico.png) no-repeat -215px -28px; text-indent: -9999px; }
.sns dd.sns2 a { background-position: -248px -28px; }
.sns dd.sns3 a { background-position: -280px -28px; }
/*main-content*/
.main-content-wrap { padding-bottom:38px; background: #E0E9F2 url(../images/bg/body_bg.png) repeat-x 0 -513px; }
.main-left { width: 504px; }
.main-right { width: 460px; }
.main-column { position: relative; overflow: hidden; width: 100%; }
.main-tit { height: 30px; background: url(../images/bg/index-tit.png) no-repeat; text-indent: -9999px; }
.extra { position: absolute; top: 5px; right: 0; display: block; width: 96px; height: 18px; line-height: 18px; }
.extra a { color: #c00; font-weight: bold; }
.chat { background: url(../images/bg/ico.png) no-repeat -277px -72px; text-indent: 23px; }
.rss { width:50px; background: url(../images/bg/ico.png) no-repeat -163px -151px;  font-weight:bold; text-indent:22px;  }

/**********hot products**************/
.hot-products .main-tit { background-position: 0 -30px; }
.hot-products .extra { top: 7px; background: url(../images/bg/ico.png) no-repeat -204px -101px; text-indent: 10px; }
.hot-products .extra a { font-weight: normal; color: #666; }
.hot-products .extra a:hover { color: #C00; }
/**products img list**/
/************material-solutions**************/
.material-solutions .main-tit { background-position: 0 -60px; }
.material-solutions .imglist2 { overflow: hidden;  height:114px; }
.material-solutions .imglist2 li { width: 104px; height: 114px; overflow: hidden; margin-right:0; }
.material-solutions .imglist2 li a {  width: 84px; height: 114px;   text-align:center; }
.material-solutions .imglist2 li img {  width: 80px; height: 63px;  }
.material-solutions .imglist2 li span {  width: 84px; height: 40px; margin-top:5px; line-height: 20px; cursor: pointer; white-space: pre-wrap }

/*quicknav*/
.quicknav { margin-top:10px; padding-top:20px; background: url(../images/bg/index-tit.png) no-repeat  0 -141px; }
.quicknav ul { height:16px; line-height:16px;}
.quicknav ul li { float:left; padding:0  10px ; background: url(../images/bg/ico.png) 0 -286px;}
.quicknav ul li.quicknav1 { background:none;}
.quicknav ul li a { display:inline-block; padding-left:23px; color:#666;  background: url(../images/bg/ico.png) -280px -131px; vertical-align: top; zoom: 1; *display: inline; }
.quicknav ul li a:hover { color:#C00; text-decoration:underline; }

.quicknav ul li.quicknav2 a {background-position: -280px -176px; }
.quicknav ul li.quicknav3 a {background-position: -280px -221px; }
.quicknav ul li.quicknav4 a {background-position: -280px -266px; }

.news-taber ul.news-list { display:none;}
.news-taber ul.index-news1 { display:block;}