html {margin:0 auto;padding:0;color:#454545;font:13px/22px "Microsoft Yahei","宋体",Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
body,label,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote{margin:0;padding:0;border:0;background:none;outline:0;}
body{background:#fff;}
div {margin:0 auto;}
ul,ol,li,dl,dt {list-style:none;}
img,a img {border:0;}
em {font-style:normal;font-size:12px;}
h1,h2 {font-size:20px;font-family:"Microsoft Yahei";}
h3 {font-size:16px;}
h4 {font-size:14px;}
a:link,a:visited {color:#333;text-decoration:none;outline:none;}
a:visited {*color:#333!important;}
a:hover {color:#C00;text-decoration:none;}
.clearfix {font-size:1px;width:1px;height:0;line-height:0;margin-top:0px!important;*margin-top:-1px;clear:both;visibility:hidden;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl{ float:left;}
.fr{ float:right;}
.h10{height:10px; line-height:10px;}
.h15{height:15px; line-height:15px;}
.h20{height:20px; line-height:20px;}
.mt0{ margin-top:0px!important; display:block;}
.mb0{ margin-bottom:0px!important; display:block;}
.mt5{ margin-top:5px!important; display:block;}
.mb5{ margin-bottom:5px!important; display:block;}
.mt10{ margin-top:10px!important; display:block;}
.mb10{ margin-bottom:10px!important; display:block;}
.mt15{ margin-top:15px!important; display:block;}
.mb15{ margin-bottom:15px!important; display:block;}
.mb20{ margin-bottom:20px!important; display:block;}
.mt20{ margin-top:20px!important; display:block;}
.bb0{ border-bottom:none!important;}
.line{ border-bottom:1px dashed #ccc; margin-bottom:5px; padding-bottom:5px; display:block;}
.red,.red a{ color:#C00;}

/*header*/
.fullwidth{ width:100%; margin:0px; padding:0px;}
.inner {width:980px; margin:0 auto;}
.header{position:relative;float:left; width:100%;height:143px;background:url(images/header_bg.png) top left repeat-x;margin-top:0px;z-index:999;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);}
.head_top{ height:102px;}
.logo_header{ float:left; width:560px; margin-top:15px; overflow: hidden;}
.logo_header a{width:560px;height:75px; text-indent:-9999em; background:url(images/logo.png) no-repeat 0px 0px; *background:url(images/logo.gif) no-repeat 0px 0px; display:block;}
.head_right{float:right; width:400px; overflow: hidden;}
.head_right .top_bar{float:right; color: #ccc; font-size:12px; margin-right:0px; padding-right:0px;}
.head_right .top_bar .center{height:28px;line-height:28px;float:left;padding:0px 3px;}
.head_right .top_bar a{color: #383838;font-size: 12px;text-decoration: none;}
.head_right .top_bar a:hover{color: #C00;}
.head_right .lang{ float:right; line-height:25px; height:25px; color:#666; padding-bottom:5px; margin-right:5px; clear:both;}
.head_right .lang a{display:inline-block;color:#333; font-size:14px; line-height:25px; padding:2px 0 2px 25px; margin-left:10px;}
.head_right .lang a:hover{ color:#C00;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.head_right .lang a.lang_cn{background:url(images/icon_cn.jpg) no-repeat 0px 50%;}
.head_right .lang a.lang_en{background:url(images/icon_en.jpg) no-repeat 0px 50%;}
.head_right .topcontact{float:right; width:325px; height:35px; color:#C00; font-size:20px; line-height:25px; text-align:right; padding-top:5px;  /*text-indent:-99999em; background:url(images/phone.gif) left top no-repeat;*/ background:none!important; display:block; overflow:hidden; clear:both;}
.topnav{width:980px;height:39px; margin-top:1px; overflow:visible;}
ul.dropmenu { width:980px; margin:0 auto; padding:0px; position:relative; z-index:300; overflow:visible;}
ul.dropmenu a.topmenu{ width:100px; height:39px; color:#000; font-size:15px; line-height:39px; padding:0px; font-family:"Microsoft Yahei",Arial,"Lucida Grande",Verdana,sans-serif; text-decoration:none; text-align:center; display:block; }
ul.dropmenu li a.topmenu:hover, ul.dropmenu li.cur a.topmenu{ width:98px; border-left:1px solid #afafaf; border-right:1px solid #afafaf; background-color:#fff; color:#C00; }
ul.dropmenu a.nav_home{ width:80px;}
ul.dropmenu a.nav_home:hover, ul.dropmenu li.cur a.nav_home{ width:78px!important;}
ul.dropmenu li { float:left; position:relative; zoom: 1; z-index:10000; }
ul.dropmenu li:hover a.topmenu,ul.dropmenu li a.topmenu:hover,ul.dropmenu li.cur a.topmenu:hover{ width:98px; border-left:1px solid #afafaf; border-right:1px solid #afafaf; background:#fff;color:#C00;text-decoration:none; }
ul.dropmenu li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropmenu li:hover { position: relative;}
ul.dropmenu ul { position: absolute; float:left; top:39px; left:0px; z-index:10000; display:none;}
ul.dropmenu ul li { float: left; font-weight: normal; display:block; }
ul.dropmenu li:hover > ul { display:block;}
ul.dropmenu li ul.narnav{ width:100px; padding-bottom:15px; background:url(images/bg_narnav.png) center bottom no-repeat; *background:url(images/bg_narnav.gif) center bottom no-repeat;}
ul.dropmenu li ul.narnav4 { width:330px!important; padding:10px 0px 15px 10px!important; background:url(images/bg_nav_wid4.png) center bottom no-repeat!important; *background:url(images/bg_nav_wid4.gif) center bottom no-repeat!important; overflow:hidden;}
ul.dropmenu li ul.narnav li{ width:100px; padding-left:10px; text-align:left;}
.ennav ul.dropmenu li ul.narnav li{ width:100px; text-align:left; padding-left:10px;}
ul.dropmenu li ul.narnav li a{color:#333; font-size:13px; line-height:25px; padding-left:10px; background:url(images/icon_line.jpg) left center no-repeat; text-align:center; display:inline-block;}
ul.dropmenu li ul.narnav li a:hover{color:#000;background:url(images/icon_line_hover.jpg) left center no-repeat;}
ul.dropmenu li ul.narnav li a span{ float:left; width:70px; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; text-align:left; overflow:hidden; display: inline-block;}
ul.dropmenu li ul.narnav2 { width:220px!important; padding:10px 0px 15px 10px!important; background:url(images/bg_nav_wid2.png) center bottom no-repeat!important; *background:url(images/bg_nav_wid2.gif) center bottom no-repeat!important; overflow:hidden;}
ul.dropmenu li ul.narnav3 { width:270px!important; padding:10px 0px 15px 10px!important; background:url(images/bg_nav_wid3.png) center bottom no-repeat!important; *background:url(images/bg_nav_wid2.gif) center bottom no-repeat!important; overflow:hidden;}
ul.dropmenu li ul.widnav li{ float:left; width:100px; margin-left:5px;}
ul.dropmenu li ul.widnav li.nar{width:85px!important;}
ul.dropmenu li ul.widnav li.wid{width:115px!important;}
ul.dropmenu li ul.widnav li.wid2{width:140px!important;}
ul.dropmenu li ul.widnav li.ml10{ margin-left:15px!important;}
ul.dropmenu li ul.widnav li .subbox{color:#333; font-size:13px!important; line-height:22px;}
ul.dropmenu li ul.widnav li .subbox p{ width:100%; color:#333; font-size:13px!important; line-height:28px; margin-bottom:5px; display:block; clear:both;}
ul.dropmenu li ul.widnav li .subbox p a{background:none; padding:0px!important;}
ul.dropmenu li ul.widnav li .subbox p span{width:140px; height:28px; line-height:28px; overflow:hidden;}
ul.dropmenu li ul.widnav li .subbox p span a{ color:#333!important; font-size:15px!important; line-height:28px; background:none; display:block;text-shadow:none!important;}
ul.dropmenu li ul.widnav li .subbox p span a:hover{ color:#C00!important;text-shadow:none!important;}
ul.dropmenu li ul.widnav li .subbox dt{font-size:12px; line-height:18px; padding-top:5px; padding-right:10px;background:url(images/icon_rightarrow.png) right 9px no-repeat; *background:url(images/icon_rightarrow.gif) right 9px no-repeat; display:inline-block;}
ul.dropmenu li ul.widnav li .subbox dd {color: #333;margin: 4px 0; text-align:left;padding: 0 0 0 10px;background:url(images/icon_line.jpg) left center no-repeat; display:block; clear:both;}
ul.dropmenu li ul.widnav li .subbox dd:hover,ul.dropmenu li ul.widnav li .subbox dd.cur{color:#000;background:url(images/icon_line_hover.jpg) left center no-repeat;}
ul.dropmenu li ul.widnav li .subbox dd a{color:#333; font-size:13px!important; line-height:22px; background:none;text-shadow:none!important;}
ul.dropmenu li ul.widnav li .subbox dd a:hover,ul.dropmenu li ul.widnav li .subbox dd.cur a{ color:#000;text-shadow:none!important;}

/*index slider*/
.indexslider{max-width: 1920px; height:445px; padding-top:0px; margin-top:0px; margin: 0 auto; overflow:hidden; clear:both;}
#full-width-slider {width: 100%;color: #000;}
.coloredBlock {padding: 12px;background: rgba(255,0,0,0.6);color: #FFF; width: 200px; left: 20%; top: 5%;}
.infoBlock { position:relative; width:980px; height:445px;padding: 0px!important; margin:0 auto; padding-bottom: 0; margin-top:-445px;background:none!important;overflow: hidden;z-index:9999;}
.infoBlockLeftBlack {color: #FFF;background: #000;background: rgba(0,0,0,0.75);left: 30px;right: auto;}
.infoBlockRightBlack {color: #FFF;background: #000;background: rgba(0,0,0,0.75);right: 30px;left: auto;}
.infoBlock h4 {font-size: 20px;line-height: 1.2;margin: 0;padding-bottom: 3px;}
.infoBlock p {font-size: 14px;margin: 4px 0 0;}
.infoBlock a,.infoBlock h4 a{color: #fff;text-decoration: underline;}
.infoBlock a:hover,.infoBlock h4 a:hover{ color:#eee}
.infoBlock a:visited,.infoBlock h4 a:visited{color: #fff;}
.photosBy {position: absolute;line-height: 24px;font-size: 12px;background: #FFF;color: #000;padding: 0px 10px;position: absolute;left: 12px;bottom: 12px;top: auto;border-radius: 2px;z-index: 25;} 
.photosBy a {color: #000;}
.rsGCaption,.ds-powered-by{ display:none;}
.heroSlider .rsOverflow,.royalSlider.heroSlider { height: 445px !important;}
@media screen and (max-width: 1200px) {.rsMinW .rsBullets {bottom: 65px;right: 73px;}.rsMinW .rsArrowLeft {bottom: 57px; }.rsMinW .rsArrowRight {bottom: 57px;}}
@media screen and (max-width: 800px) {.infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px;}.infoBlock h3 { font-size: 14px; line-height: 17px;}}
.btn-blue, .btn-blue:visited {display:inline-block;height:28px;line-height:26px;text-align:center;font-size:15px;color:#fff;*color:#fff!important;padding:10px 20px;background:#6aa7df; text-decoration:none!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn-green, .btn-green:visited {display:inline-block;height:28px;line-height:26px;text-align:center;font-size:15px;color:#fff;*color:#fff!important;padding:10px 20px;background:#81b846; text-decoration:none!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn-red, .btn-red:visited {display:inline-block;height:28px;line-height:26px;text-align:center;font-size:15px;color:#fff;*color:#fff!important;padding:10px 20px;background: #F00; text-decoration:none!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn-gold, .btn-gold:visited {display:inline-block;height:28px;line-height:26px;text-align:center;font-size:15px;color:#fff;*color:#fff!important;padding:10px 20px;background: #CFB53B; text-decoration:none!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn-blue:hover {color:#fff;background:#75b0e7;}
.btn-green:hover {color:#fff;background:#8ec355;}
.btn-red:hover {color:#fff;background:#C00;}
.btn-gole:hover {color:#fff;background:#C00;}
.link_pro{ float:right; margin-top:240px;}
.link_service{ float:left; margin-top:240px; margin-left:75px;}
.link_join{ float:right; margin-top:240px;}

/* wrapper */
.wrapper{position: relative; width:980px; margin:0 auto; padding: 0; /*-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;*/ background:#fff; *zoom: 1; clear:both;}
.home .wrapper{ background:none;}
.wrapper:before,.wrapper:after {display: table;line-height: 0;content: "";}
.wide_wrapper{position: relative; width:1042px; margin:10px auto; padding: 0; z-index:77; overflow:hidden; clear:both;}
.full_wrapper{position: relative; width:100%; margin:0 auto;}

/*index scroll case*/
.index_case{padding:0px; background:#fff; border:1px solid #e4e0c8; clear:both;}
.cat_title h4{ width:100%; height:35px; font-size:16px; line-height:35px; font-weight:500; color:#000; border-bottom:1px solid #ddd;}
.cat_title h4 a{ float:left; color:#C00; text-decoration:none;}
.cat_title h4 span{ float:right;}
.cat_title h4 span.more a{ float:right; font-size:14px; line-height:35px; color:#666;}
.cat_title h4 span.more a:hover{color:#333;}
.cat_title2 h4{ width:100%; height:35px; font-size:16px; line-height:35px; font-weight:500; color:#000;background: url(images/bg_title_1.jpg) repeat;}
.cat_title2 h4 .title{ float:left; color:#C00; padding-left:10px; margin-left:15px; text-decoration:none; background: url(images/icon_line_hover.jpg) no-repeat 0 14px;}
.cat_title2 h4 span{ float:right;}
.cat_title2 h4 span.more a{ float:right; font-size:14px; line-height:35px; color:#aba370; margin-right:15px;}
.cat_title2 h4 span.more a:hover{color:#333;}
.rollpro{float:left; width: 950px; height:160px; margin-top:20px; margin-left: 16px; margin-bottom:0px; overflow:hidden;_margin-left:2px;}
.index_pro{float:left; width:945px; margin:0px; padding:0px; overflow:hidden;}
.index_pro ul{width:840px; height:160px; overflow:hidden;}
.index_pro ul li{ float:left; width:190px; height:160px; margin-left:10px; _margin-left:5px; _padding-right:5px; margin-right:10px; text-align:center; line-height:16px; overflow:hidden;}
.index_pro ul li img{ width:190px; height:115px;}
.index_pro ul li a span{ width:190px; height:30px; color:#333; font-size:14px; line-height:30px; text-align:center; _padding-left:13px; clear:both; overflow:hidden;}
.index_pro ul li a:hover span{ color:#C00;}
.xj_a{ width:18px; height:115px; line-height:90px; float:left; padding:0px 4px; cursor:pointer;}
.xj_a img{ float:left; padding-top:30px;}
.xj_a a:hover img{ filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/}
.tran:hover{alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.content .rollpro{float:left; width: 735px; height:160px; margin-top:20px; margin-left: 0px; margin-right:0px; margin-bottom:0px; overflow:hidden;}

/*index about*/
.about_news{padding:2px 15px 0 15px; margin-top:10px; background:#fff;border:1px solid #e4e0c8; clear:both;}
.about_content{ float:left; width:455px;}
.about_content .stinner{margin-bottom:10px; margin-top:10px; clear:both; overflow:hidden;}
.about_content .stinner p{font-size:14px; line-height:25px; color:#535353;}
.about_content .stinner p a{color:#333;}
.about_content .stinner p a:hover{color:#C00;}
.news_content{ float:right; width:455px;}
.news_content .index_news{width:455px; height:130px; margin-top:10px; overflow:hidden;}
.news_content .index_news ul li{ float:left; width:455px; height:25px; line-height:25px; overflow:hidden;}
.news_content .index_news ul li a{float:left; width:360px; height:25px; color:#333; font-size:14px; line-height:25px; text-decoration:none; padding-left:15px; background:url(images/icon.gif) no-repeat 0 -265px; overflow:hidden;}
.news_content .index_news ul li a:hover{ color:#C00; background:url(images/icon.gif) no-repeat 0 -299px;}
.news_content .index_news ul li span{ float:right; width:80px; height:25px; text-align:right; color:#666; font-size:12px; line-height:25px; overflow:hidden;}

/*index search*/
.index_search{ width:980px; height:30px; line-height:20px; padding-top:8px; padding-bottom:8px; margin-top:10px; /*background:url(images/bg_index_search.jpg) no-repeat 0 0;*/background:#F2EDE9; clear:both;overflow:hidden;}
.index_search .hot_search{ float:left; width:740px; height:30px; overflow:hidden; display:inline-block;}
.index_search .hot_search span{ float:left; font-size:14px; line-height:30px; font-weight:bold; margin-left:10px; display:inline-block;}
.index_search .hot_search ul{ float:left;width:620px; height:30px; overflow:hidden;}
.index_search .hot_search ul li{ float:left; margin:0 5px; font-size:14px; line-height:30px;}
.index_search .hot_search ul li a{color:#333; font-size:14px; line-height:30px;}
.index_search .hot_search ul li a:hover{color:#f27405;}
.btn_search{float: right;width: 175px;height: 33px; margin:0px; margin-right:5px; _margin-right:0px; padding: 0; text-align:right; display:inline-block; outline:none; overflow:hidden;}
.searchinput{width: 136px;height:15px;border-left-width: 0px;border-right-width: 0px;	border-top-width: 0px;border-bottom-width: 0px;vertical-align: middle;line-height:15px;padding:9px 13px 9px 25px;background:url(images/search-bg.png) no-repeat 0px 0px scroll; _background:url(images/search-bg.gif) no-repeat 0px 0px scroll;font-size:12px; color:#a9a9a9;color:#333; outline:none!important;}
.searchinput:focus {background:url(images/search-bg.png) no-repeat 0px -33px scroll;color:#333; outline:none!important;}

/*index products*/
.index_products{ width:980px; margin-top:10px; background:#fff; clear:both;}
.cate_title{ height:35px; background: url(images/bg_cattitle.jpg) no-repeat 0px top;}
.cate_title h4{ width:100%; font-size:18px; line-height:35px; font-weight:500; color:#000;}
.cate_title h4 a{ color:#C00; text-decoration:none;}
.cate_title h4 span.more a{ float:right; font-size:14px; line-height:35px; color:#666;}
.cate_title h4 span.more a:hover{color:#333;}
.pro_content{width:978px; border:1px solid #e4e0c8; overflow:hidden; /*border-top:0px none;*/}
.index_products .hd{ float:left; width:199px; background:#f4f4f4;border-right:1px solid #ddd; _border-right:1px solid #fff;  position:relative; }
.index_products .hd ul{ float:left;}
.index_products .hd ul li{ float:left;width:199px; height:55px; line-height:55px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; cursor:pointer; clear:both;}
.index_products .hd ul li.on{ width:198px; height:55px; background:#fff; border:1px solid #ddd; border-left:0px none; border-right:2px solid #fff; }
.index_products .hd ul li:first-child.on{ height:56px; border-top:0px none; } /* Doesn't work in IE */
.index_products .hd ul li:first-child.on a{ margin-top:1px; } /* Doesn't work in IE */
.index_products .hd ul li:last-child.on{ height:56px; border-bottom:0px none; } /* Doesn't work in IE */
.index_products .hd ul li:last-child.on a{ margin-bottom:1px; } /* Doesn't work in IE */
.index_products .hd ul li a{ color:#333; font-size:14px; padding-left:30px;background:url(images/icon.gif) no-repeat 15px -248px; display:block;}
.index_products .hd ul li a:hover,.index_products .hd ul li.on a{ color:#C00; background:url(images/icon.gif) no-repeat 15px -282px;}
.index_products .bd{ float:right; width:750px;}
.index_products .bd ul{ padding:0 15px; margin-top:3px; zoom:1;}
.list_pro_main{width:720px;overflow:hidden;}
.list_pro_main li{float:left;overflow:hidden;width:168px;height:245px;padding-bottom:10px;padding-left:5px;padding-right:5px;}
.list_pro_main li a{width:168px;height:245px;float:left;text-align:center;overflow:hidden;}
.list_pro_main li a img{width:160px;height:215px;padding:3px;margin-bottom:5px;}
.list_pro_main li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.list_pro_main li a span{width:120px; height:16px; color:#333; line-height:18px; overflow:hidden; clear:both; display:block;}
.list_pro_main li a:hover span{color:#C00;}

/*index products new*/
.index_products_tab{ width:980px; margin-top:10px; background:#fff; clear:both;}
.index_pro_slide{ width:978px; border:1px solid #ddd; text-align:left;  }
.index_pro_slide .hd{ height:35px; line-height:35px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.index_pro_slide .hd ul{ float:left;  position:absolute; left:10px; top:-1px; height:37px;   }
.index_pro_slide .hd ul li{ float:left; padding:0 18px; cursor:pointer; background: url(images/icon_split.png) no-repeat -2px center; *background: url(images/icon_split.gif) no-repeat -2px center;}
.index_pro_slide .hd ul li:first-child{ background:none;}
.index_pro_slide .hd ul li.on{ height:35px;  background:#fff none; border:1px solid #ddd; border-bottom:2px solid #fff; }
.index_pro_slide .hd ul li a{ font-size:15px;}
.index_pro_slide .hd ul li.on a{ color:#C00;}
.index_pro_slide .bd{width:978px; height:260px; overflow:hidden;}
.index_pro_slide .bd ul{width:978px;overflow:hidden;zoom:1;  }
.index_pro_slide .bd ul li{float:left;overflow:hidden;width:163px;height:245px;padding-bottom:10px;padding-left:0px;padding-right:0px;}
.index_pro_slide .bd ul li a{width:160px;height:245px;float:left;text-align:center;overflow:hidden;}
.index_pro_slide .bd ul li a img{width:160px;height:215px;padding:3px;margin-bottom:5px;}
.index_pro_slide .bd ul li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.index_pro_slide .bd ul li a span{width:150px; height:16px; padding:0 5px; text-align:center; color:#333; line-height:18px; overflow:hidden; clear:both; display:block;}
.index_pro_slide .bd ul li a:hover span{color:#C00;}
.index_pro_slide .arrow{  position:absolute; right:10px; top:3px; }
.index_pro_slide .arrow a{ display:block;  width:5px; height:9px; float:right;margin-left:5px; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("images/arrow.png") 0 0 no-repeat; *background:url("images/arrow.gif") 0 0 no-repeat; }
.index_pro_slide .arrow .next{ background-position:0 -50px;  }
.index_pro_slide .arrow .prevStop{ background-position:-60px 0; }
.index_pro_slide .arrow .nextStop{ background-position:-60px -50px; }

/*index links*/
.firendlinks{border:1px solid #e4e0c8; padding:0px; margin-top:10px; background:#fff; clear:both;}
.firend_pic{ position:relative; width: 948px; margin-left:15px; margin-top:10px; margin-bottom:10px;clear: both;overflow: hidden;}
.firend_pic .bd{padding:0px;}
.firend_pic .bd ul{ width: 958px; margin:0 auto; overflow:hidden; zoom:1; }
.firend_pic .bd ul li{ float:left; width:126px; height:66px; margin:5px; text-align:center; _display:inline; overflow:hidden; text-align:center;  }
.firend_pic .bd ul li img{ width:120px; height:60px; display:block; padding:2px; border:1px solid #ccc; }
.firend_pic .bd ul li a:hover img{ border-color:#999;  }
.firend_pic .bd ul li .title{ line-height:24px;   }

/*index footer*/
.footer{width:100%; height:140px; margin:0 auto; padding:0px; padding-bottom:45px; border-top:3px solid #C00; background:#f5f3f2; display:block; clear:both;}
.footer .inner{ padding-top:15px; padding-bottom:15px;}
.footer .mod-main {width: 775px;float: left; padding-left:5px;}
.footer .mod-main .logo_foot{ float:left; width:210px; overflow: hidden;}
.footer .mod-main .logo_foot a{width:200px;height:83px; text-indent:-9999em; background:url(images/logo_bottom.png) no-repeat 0px 0px; *background:url(images/logo_bottom.gif) no-repeat 0px 0px; display:block;}
.footer .mod-main .logo_foot p{ font-size:14px; margin-left:3px;}
.footer .mod-main .foot_nav{ float:left; width:545px; text-align:left; overflow:hidden;}
.footer .mod-main .nav_foot{ margin-top:0px;}
.footer .mod-main .nav_foot ul li{ float:left; color:#333; font-size:14px; line-height:28px; margin-left:11px;}
.footer .mod-main .nav_foot ul li.first{margin-left:0px;}
.footer .mod-main .nav_foot ul li a{color:#333; font-size:14px; line-height:28px; font-weight:bold;}
.footer .mod-main .nav_foot ul li a:hover{color:#C00;}
.footer .mod-main h4{ width:100%; font-size:16px; line-height:30px; font-weight:500; color:#313131; text-shadow:1px 1px 0 #ccc;}
.footer .mod-main h4:hover{color:#804e21;}
.footer .mod-main p{ font-size:13px; line-height:22px; color:#535353;}
.footer .mod-side {width: 190px;float: right; padding-right:5px; margin-top:3px;}
.footer .mod-side h4{ width:100%; font-size:16px; line-height:30px; font-weight:500; color:#313131; text-shadow:1px 1px 0 #ccc;}
.footer .mod-side h4:hover{color:#804e21;}
.footer .mod-side p{ font-size:12px; line-height:22px; color:#666;}
.footer .mod-side p a{ padding:0 3px;}
.footer .mod-side p.firlinks{width: 210px; padding-top:10px;}
.footer .mod-side p.firlinks .box{ width:118px; height:20px; background:#eee; outline:none;}
.sharebox{ float:right;}
.sharebox a {float: left; width:22px; height: 24px; font-size: 18px; line-height: 24px; padding-left: 10px; background-image: url(images/share_icons.png);_background-image: url(images/share_icons.gif);background-repeat: no-repeat;cursor: pointer; margin: 6px 3px 6px 3px;color: #666;}
.sharebox a:hover{background-image: url(images/share_icons_hover.png);_background-image: url(images/share_icons_hover.gif);background-repeat: no-repeat;}
.bds_qzone {background-position: -4px -4px;}
.bds_tsina{background-position: -36px -4px;}
.bds_tqq{background-position: -67px -4px;}
.bds_weixin{background-position: -99px -4px;}
.bds_sqq{background-position: -132px -4px;}

/*floatbar*/
.floatbar{width:100%; height:45px; position:fixed; bottom:0px; left:auto; right:auto; padding:0px; margin:0 auto; /*background:url(images/bg_float.jpg) repeat-x 0px 0px;*/ background:#E7E7E7; border-top:1px solid #C00; z-index:999; _position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:hidden;}
.icon_float{float:left; height:45px; line-height:45px;}
.icon_float a{ line-height:30px; margin-top:5px; display:block;}
.news_float{float:left; line-height:40px; margin-left:10px;}
.news_float h4{float:left; color:#000; font-size:14px; line-height:40px; _margin-top:1px; font-weight:normal;}
.news_float_content{ float:left; width:470px; height:30px; margin-top:9px; margin-left:10px; display:inline-block; overflow:hidden;}
.news_float_content ul li{ float:left; width:470px; height:30px; line-height:25px; overflow:hidden;}
.news_float_content ul li a{float:left; width:470px; height:30px; color:#C00; font-size:14px; line-height:30px; text-decoration:none; padding-left:15px; background:url(images/icon.gif) no-repeat 0 -296px; overflow:hidden;}
.news_float_content ul li a:hover{ color:#000; background:url(images/icon.gif) no-repeat 0 -262px;}
.news_float_content ul li span{ float:right; width:80px; height:25px; text-align:right; color:#666; font-size:12px; line-height:25px; overflow:hidden; display:none;}
.nav_float{margin-left:5px;}
.nav_float ul{ float:left;}
.nav_float ul li{ float:left; font-size:14px; line-height:40px; margin-left:5px;}
.nav_float ul li.dotline{ width:20px; height:45px; background: url(images/icon_split.png) no-repeat center center; *background: url(images/icon_split.gif) no-repeat center center;}
.nav_float ul li a,.nav_float ul li a:visited{ color:#C00;font-size:16px; line-height:45px; font-weight:bold;}
.nav_float ul li a:hover{ color:#000;}
.nav_float h4{float:left; color:#333; font-size:16px; line-height:45px; font-weight:bold; margin-left:10px; padding-left:40px; background: url(images/icon_phone.png) no-repeat left center; *background: url(images/icon_phone.png) no-repeat left center;}

/*pageslide*/
.pageslide { position:static; min-width: 960px; width: 100%; height: 300px; text-align:center; margin:0 auto; margin-top:-35px; z-index:0;}
.pageslide .slidecontent{ position:absolute; *position:relative; min-width: 960px; width: 100%; height: 300px; overflow:hidden;}
.pageslide ul.slidepic li img{position:absolute; width:1920px; height:300px; left:50%; margin-left:-960px;}
.pageslide .num {position: relative; width:980px; height: 300px; margin:0 auto; padding:0px; zoom:1; z-index:3;}
.pageslide .num ul{position: absolute; bottom:55px; *bottom:75px; left:50px;}

/* container */
.container{background: url(images/bg_container.jpg) no-repeat 190px -60px;  border:1px solid #e4e0c8; clear:both;}
.breadcrumb{ height:35px; margin-bottom:10px; padding-left:15px; font-size:12px; line-height:35px; color:#333; font-family:Verdana; border-bottom:1px solid #E7E7E7; background: url(images/bg_breadcrumb.png) repeat 0 0; _background: url(images/bg_breadcrumb.gif) repeat left top;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#333; text-shadow:1px 1px 0 #ccc;}
.breadcrumb a:hover{ color:#000; text-shadow:1px 1px 0 #ccc;}
.content{ float:right; width:720px; min-height:250px; padding-right:15px; margin-bottom:20px; overflow:hidden;}
.post{ min-height:250px; padding:15px 10px; font-size:14px;overflow: hidden;}
.post h1{ margin-bottom:5px;margin-top: 0px; line-height:30px; font-size:20px; text-align:center; font-weight:normal; font-family:"Microsoft Yahei"; color:#000; border-bottom: 1px solid #ddd;}
.page h1{font-size:22px; line-height:35px; text-align:center; color:#000; border-bottom: 1px solid #ddd; margin-bottom:10px;}
.post p{ color:#535353; font-size:14px; line-height:22px; margin-bottom:15px;}
.page p{ font-size:15px; line-height:28px;}
.post img{ max-width:700px; _width:expression(this.scrollWidth > 700 ? "700px" : "auto");}
.post a:link, .post a:visited{ color:#804e21;}
.post a:hover{ color:#313131;}
.post .postmeta{ margin:5px 0 20px; line-height:16px; font-size:12px; text-align:center; color:#666;}
.post .postmeta .metar{ float:right;}
.post .postmeta a:link, .post .postmeta a:visited{ color:#666;}
.post .postmeta a:hover{ color:#804e21;}
.textcontent ul{margin-bottom:15px;padding-left: 0px;}
.textcontent li{ color:#333; margin:8px 0px;padding-left:10px;background:url(images/icon.gif) no-repeat 1px 8px;}
.textcontent li:hover { color:#222; background:url(images/icon.gif) no-repeat 0px -338px;}
.textcontent hr{ margin:10px auto; padding:0px; clear:both;}
.textcontent .diytable table { margin-left:4px;font-family: verdana,arial,sans-serif;font-size:11px;color:#000333;border-width: 1px;border-color:#ccc;border-collapse: collapse;}
.textcontent .diytable table th {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.textcontent .diytable table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.textcontent .diytable table tbody td:hover { background:#eee;} 
#tablecolor tbody td:hover { background:#fff;} 
.oddrowcolor{background-color:#f8f8f8;}
.evenrowcolor{background-color:#eee;}
.contactmessage table th,.contactmessage table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#efefef;}
.planbtn{ float:left; margin:0 auto; text-align:center; display:block;}
.btn_paln{ width:188px; height:51px; margin:0 auto; background:url(images/btn_plan.png) no-repeat center center; *background:url(images/btn_plan.gif) no-repeat center center; text-indent:-9999em; display:block;}
.btn_paln:hover{ background:url(images/btn_plan_hover.png) no-repeat center center; *background:url(images/btn_plan_hover.gif) no-repeat center center;}

/* sidebar */
.page_sidebar {float:left; width:200px; margin-top:20px; margin-bottom:30px; margin-left:12px; _margin-left:6px; padding-left:0px; overflow:hidden;}
.page_sidebar h3.title { width:200px; height:32px;font-size:13px;font-weight:bold;vertical-align:middle;line-height:32px;border-top:1px solid #e7e7e7;background-color:#a7a7a7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; margin:0px; margin-bottom:5px; overflow:hidden; display:block; clear:both;}
.page_sidebar h3.cur{color:#fff;font-size:14px;font-weight:bold;line-height:32px;background-color:#7a7a7a}
.page_sidebar h3 a{color:#fff; *color:#fff!important;font-size:14px;line-height:32px;padding-left:30px;*padding-left:30px;margin:0px; *margin-left:-10px!important;display:block;}
.page_sidebar h3 a:visited {color:#fff;}
.page_sidebar h3.cur a{color:#fff;margin:0px;*color:#fff!important;}
.page_sidebar h3.cur a:visited {color:#fff;}
.page_sidebar h3.cur>a:hover {background-color:#a7a7a7;color:#fff;}
.page_sidebar h3 a:hover{background-color:#a7a7a7;color:#fff;}
.page_sidebar .menu{ margin-bottom:10px;}
.page_sidebar .menu li { width:100%; line-height:28px; position:relative; overflow:hidden;}
.page_sidebar .menu li a {color:#000; font-size:13px;line-height:28px;vertical-align:middle;padding-left:30px;margin:2px 0px;background-color:#fbfbfb;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;display:block;}
.page_sidebar .menu>li>a {padding-left:30px;}
.page_sidebar .menu li.cur a,.page_sidebar .menu li a:hover{background-color:#dedede;color:#C00;}
.page_sidebar .menu li ul li { width:100%; height:25px; padding-left:15px; position:relative; overflow:hidden;}
.page_sidebar .menu li ul li a {color:#666!important; font-size:13px;line-height:25px;vertical-align:middle;padding-left:30px;margin:2px 0px; background:url(images/icon.gif) no-repeat 20px 12px!important; _background:url(images/icon.gif) no-repeat 20px 10px!important; display:block;}
.page_sidebar .menu li ul li.cur a,.page_sidebar .menu li ul li a:hover{color:#C00!important; background:url(images/icon.gif) no-repeat 20px -334px!important;_background:url(images/icon.gif) no-repeat 20px -336px!important;}

/*news list*/
.list_news_box{float:left; width:700px;min-height:250px; font-size:14px; padding:15px 10px; overflow:hidden;display:inline;}
.news_list dl{ width: 700px; height:105px; padding-bottom:12px; margin-bottom:12px; border-bottom:1px dashed #ddd; clear:both; overflow:hidden; _zoom:1;}
.news_list dt{ margin:10px 0px 6px 0px; line-height:25px; position:relative;}
.news_list dt img{float:left; margin-right:20px;}
.news_list dt a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.news_list dl.last{background:none;}
.news_list dt a,.news_list dt a:visited{ color:#000; font-size:15px; line-height:25px;}
.news_list dt a:hover{ color:#C00;}
.news_list dt span{ color:#a5a5a5; font-size:13px; float:right; margin-right:5px;}
.news_list dd.des{ margin:0px; list-style:none; height:65px; color:#333; font-size:13px; overflow:hidden;}
.news_list dd.des a{color:#666; font-size:13px; line-height:25px;}
.news_list dd.des a:hover{color:#C00;}
.news_list dd.des .more{ float:right; position:relative; _display:none; overflow:hidden; _zoom:1;}
.news_list dd.des .more a{ color:#000; font-size:13px; line-height:25px; padding-right:0px; float:right; }
.news_list dd.des .more a:hover{ color:#666;}
.list_pic .first{ border-top:none; padding-top:10px;}
.list_txt dd.detail a{ padding-right:0px;}

/*products center*/
.list_products{ float:left; width:720px;min-height:250px; font-size:14px; padding:20px 0 15px 5px; overflow:hidden;}
.list_pro{width:720px;overflow:hidden;}
.list_pro li{float:left;overflow:hidden;width:168px;height:245px;padding-bottom:10px;padding-left:5px;padding-right:5px;}
.list_pro li a{width:168px;height:245px;float:left;text-align:center;overflow:hidden;}
.list_pro li a img{width:160px;height:215px;padding:3px;margin-bottom:5px; border:1px solid #eee;}
.list_pro li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7; border:1px solid #ccd;}
.list_pro li a span{width:168px; height:16px; color:#333; line-height:18px; overflow:hidden; clear:both; display:block;}
.list_pro li a:hover span{color:#C00;}

/*products list*/
.products_list{ float:left; width:700px;min-height:250px; font-size:14px; padding:15px 10px; overflow:hidden;}
.pro_list dl{ float:left; width: 330px; border-bottom:1px #ddd dashed; padding-bottom:15px; margin-bottom:5px; margin-right:20px; overflow:hidden; _zoom:1;}
.pro_list dl.nomr{ float:right; margin-right:0px;}
.pro_list dt{ margin:10px 0px 6px 0px; line-height:22px; position:relative;}
.pro_list dt img{float:left; margin-right:20px; border:1px #eee solid;  padding:2px;}
.pro_list dt a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7; border:1px #ccd solid; }
.pro_list dl.last{background:none;}
.pro_list dt a{ color:#000; font-size:14px;}
.pro_list dt a:hover{ color:#C00;}
.pro_list dt span{ float:right; color:#a5a5a5; font-size:12px; margin-right:5px; display:none;}
.pro_list dd.des{height:170px; overflow:hidden;}
.pro_list dd.des a{color:#666; line-height:22px;}
.pro_list dd.des a:hover{color:#333;}
.pro_list dd.detail{ overflow:hidden; _zoom:1;}
.pro_list dd.detail a{ color:#000; font-size:12px; line-height:22px; padding-right:0px; float:right; }
.pro_list dd.detail a:hover{ color:#C00;}

/* pagenavi */
.pagenavi{clear:both; padding:15px 0; color:#333; font:normal 12px/24px Arial, Helvetica, sans-serif; text-align:center;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#000; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
.pagenavi a:visited{color:#000!important;}
.pagenavi a:hover{height:24px; margin:0 3px; border:none; background:#C00; color:#fff!important; line-height:24px; text-decoration:none;}
.pagenavi a.select{cursor:default;}

/*product detail*/
.prodcut_detail{float:left; width:700px;min-height:250px; font-size:14px; padding:20px 10px 15px 10px; overflow:hidden;}
.goods-info{ width:700px; position:relative; display:block; overflow:hidden;}
.goods-left { float: left; width: 300px; height:390px; overflow:hidden;}
.goods-spce-ul h3{ font-weight:normal; padding:5px 0;}
.goods-left .jqzoom {position:relative;  width:300px; height:383px;z-index:1; text-align:center; overflow:hidden;}
.zoomdiv{z-index:100;position:absolute; width:410px!important;height:378px!important;top:0px!important;left:281px!important;width:415px;height:381px;background:url(images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:700px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);_background:none;cursor:move;}
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.goods-right { float: right; width: 380px; text-shadow:0px;}
.goods-intro { width: 380px; margin-top: 10px; margin-bottom:15px; padding-top: 10px; overflow:hidden;}
.goods-intro h3{ color:#C00; font-size:18px; line-height:35px; font-weight:normal; margin-bottom:10px;}
.goods-intro .keyfeature{width: 380px; height:200px; overflow:hidden;}
.goods-intro .keyfeature p span{ font-weight:bold;}
.goods-intro p{ font-size:13px; line-height:22px; margin-top:0px; margin-bottom:5px; padding-left:0px!important;}
.goods-intro p.desname{ color:#333; font-size:15px; line-height:25px; text-indent:0em; }
.goods-intro p.description{ height:180px; overflow:hidden;}
#spec-list{ width:320px; float:left; overflow:hidden; display:inline; }
#spec-list ul li{ float:left; display:inline; width:60px; margin-right:0px; padding-left:0px; background:none!important; list-style:none!important;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; width:45px; height:60px;}
.products_detail{ margin-top:20px; clear:both;}
.pro_tab { width:100%; clear:both;}
.pro_tab ul {height: 32px; padding-bottom: 15px; background: url("images/tabs_bg.png") no-repeat scroll left 30px transparent; clear:both;}
.pro_tab ul li {float:left;height:32px;margin-right:4px;position:relative;background:none;}
.pro_tab ul a { cursor:pointer;color:#000;display:inline-block;height:32px;font-size:16px;font-weight: normal;line-height:20px;text-decoration:none;padding-left:22px;background: url("images/tab_sprite.png") no-repeat left -111px;}
.pro_tab ul a span {display:inline-block;height:31px;padding:5px 20px 0 0;background: url("images/tab_sprite.png") no-repeat right -223px;}
.pro_tab ul li a:hover{color: #fff; text-shadow: none; background: url("images/tab_sprite.png") no-repeat left -36px;text-shadow:#000 0 1px 0;}
.pro_tab ul li a:hover span{background: url("images/tab_sprite.png") no-repeat right -148px;}
.pro_tab ul li.home a{color: #fff; background: url("images/tab_sprite.png") no-repeat left -74px;}
.pro_tab ul li.home a span{background: url("images/tab_sprite.png") no-repeat right -186px;}
.c1{display:none;margin:0px;}
.c2{display:block;margin:0px;}
.c3{display:block;margin:0px;}
.product_content{ padding:0px; clear:both;}
.product_content p{ margin-bottom:5px;}
.product_content table { margin-left:4px;color:#000333;border-width: 1px;border-color:#ccc;border-collapse: collapse;}
.product_content table th {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.product_content table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.product_content table tbody td:hover { background:#eee;} 
#tablecolor tbody td:hover { background:#fff;} 
.oddrowcolor{background-color:#f8f8f8;}
.evenrowcolor{background-color:#eee;}
.product_content img{ max-width:700px;}
.product_content ul{ margin-bottom:5px;}
.product_content li{ color:#333; font-weight:normal; padding-left:10px; /*background:url(images/icon.gif) no-repeat 0px 8px;*/ line-height:25px;}
.product_content li:hover{ color:#222; /*background:url(images/icon.gif) no-repeat 0px -338px;*/}

/* relative article */
.related{ overflow:hidden;}
.related h2{ margin:15px 0; padding:4px 0 5px; font-size:14px; border-bottom:1px solid #ddd; color:#C00;}
.list_text{float:left; width:700px;min-height:250px; font-size:14px; padding:15px 10px; margin-top:5px; overflow:hidden;display:inline;}
.postlist{ padding:0 5px; overflow:hidden;}
.postlist li{ margin-bottom:5px; padding:0 0 9px 12px; height:20px; border-bottom:1px solid #EEE; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.postlist li a,.postlist li a:visited{ float:left; width:560px; color:#000; font-size:13px;}
.postlist li a:hover{color:#C00;}
.postlist li span{ float:right; width:78px; text-align:right; color:#666;}
.postlist li.nbd{ margin:0; border:none;}
ul.inner_content_text_page{width:100%;float:left;overflow:hidden;margin-top:10px;padding-top:5px;border-top:1px solid #CCC;}
ul.inner_content_text_page li{width:100%;font-size:13px;height:25px;line-height:25px;float:left;overflow:hidden;}

/*down list*/
.list_download {border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e6e6e6;border-bottom-color: #e6e6e6;border-left-color: #e6e6e6;margin-top: 20px;margin-right: 15px;margin-bottom: 10px;margin-left:10px; width:695px;}
.list_download .libox {line-height: 40px;position: relative;border-top-width: 1px;border-top-style: solid;border-top-color: #e6e6e6;height: 40px;list-style-type: none;}
.list_download .t {text-align: center;background-image: url(images/down-t-bg.gif);background-repeat: repeat-x;font-size: 14px;font-weight: bold;color: #c4261d;}
.list_download .libox .no {position: absolute;height: 40px;width: 50px;left: 0px;top: 0px; color:#666;line-height: 40px;text-align: center;font-size: 14px;text-transform: uppercase;display: block;}
.list_download .libox .dname {line-height: 40px;position: absolute;height: 40px;left: 50px;right: 400px;text-align: left;font-size: 14px;color: #000;border-left-width: 1px;border-left-style: solid;border-left-color: #e6e6e6;padding-left: 10px;border-right-width: 1px;border-right-style: solid;border-right-color: #e6e6e6;width: 250px;display: block; overflow:hidden;}
.list_download .libox .des { color:#333;line-height: 40px;position: absolute;height: 40px;width: 275px;top: 0px;right: 100px;text-align: center;display: block; overflow:hidden;}
.list_download .libox .ds {position: absolute;bottom: 0px;height: 40px;width: 100px;right: 0px;border-left-width: 1px;border-left-style: solid;border-left-color: #e6e6e6;display: block;}
.list_download .libox .ds a {line-height: 40px;display: block;height: 40px;width: 100px;text-align: center;text-indent:-99999px;background-image: url(images/down-a-bg.gif);background-repeat: no-repeat;background-position: center center;}
.list_download .libox .ds a:hover {background-image: url(images/down-hover-bg.gif);}

/*project_list*/
ul.project_list{ padding:10px 0 0 0; clear:both; width:720px; float:left;}
ul.project_list li{ float:left; text-align:left; padding:15px 0 15px 10px; width:330px; margin-right:20px; position:relative; word-break:break-all;word-wrap:break-word;}
ul.project_list li:hover h3 a{ color:#C00;}
ul.project_list li.even{margin-right:0;}
ul.project_list li img{ width:190px; height:115px; float:left; display:inline; margin-right:20px; border:1px solid #dedede;-moz-box-shadow:2px 3px 8px #C7C7C7; -webkit-box-shadow:2px 3px 8px #C7C7C7; box-shadow:2px 3px 8px #C7C7C7;}
ul.project_list li:hover img, ul.project_list li img:hover{border:1px solid #eee;}
ul.project_list li h3 a{ color:#666; font-size:12px;}
ul.project_list li h3 a:hover{ color:#C00;}
ul.project_list li p{ color:#666; line-height:150%; margin:5px 0;}

/*project list*/
.list_project {border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e6e6e6;border-bottom-color: #e6e6e6;border-left-color: #e6e6e6;margin-top: 20px;margin-right: 15px;margin-bottom: 10px;margin-left:10px; width:695px;}
.list_project .libox {height: 100px;line-height: 100px; position: relative;border-top-width: 1px;border-top-style: solid;border-top-color: #e6e6e6;list-style-type: none;}
.list_project .t {height: 40px;line-height: 40px;text-align: center;background-image: url(images/down-t-bg.gif);background-repeat: repeat-x;font-size: 14px;font-weight: bold;color: #c4261d;}
.list_project .libox .no {position: absolute;height: 100px;width: 50px;left: 0px;top: 0px; color:#666;text-align: center;font-size: 14px;line-height:100px;text-transform: uppercase;display: block;}
.list_project .libox .local {line-height: 100px;position: absolute;width: 120px;height: 100px;left: 50px;text-align:center;font-size: 14px;color: #000;border-left-width: 1px;border-left-style: solid;border-left-color: #e6e6e6;border-right-width: 1px;border-right-style: solid;border-right-color: #e6e6e6;display: block; overflow:hidden;}
.list_project .libox .pic {position: absolute;left: 170px;right: 335px;text-align: center;font-size: 14px;color: #000;width: 190px;height: 100px; line-height:100px;border-right-width: 1px;border-right-style: solid;border-right-color: #e6e6e6;display: block;}
.list_project .libox .pic img{ margin-top:10px;}
.list_project .libox .name { color:#333;line-height: 100px;position: absolute;height: 100px;width: 335px;top: 0px;right: 0px;text-align: center;display: block; overflow:hidden;}
.list_project .libox .star { color:#333;text-align: center;font-size: 14px;position: absolute;bottom: 0px;height: 100px; line-height:100px;width: 100px;right: 0px;border-left-width: 1px;border-left-style: solid;border-left-color: #e6e6e6;display: block;}
.list_project .t .no,.list_project .t .local,.list_project .t .pic,.list_project .t .name,.list_project .t .star{ height:40px; line-height:40px;}

/*project related*/
.list_case_related{width:720px;overflow:hidden;}
.list_case_related li{float:left;overflow:hidden;width:168px;height:150px;padding-bottom:10px;padding-left:5px;padding-right:5px;}
.list_case_related li a{width:168px;height:150px;float:left;text-align:center;overflow:hidden;}
.list_case_related li a img{width:160px;height:120px;padding:3px;margin-bottom:5px; border:1px solid #eee;}
.list_case_related li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7; border:1px solid #ccd;}
.list_case_related li a span{width:150px; height:16px; color:#333; line-height:18px; overflow:hidden; clear:both; display:block;}
.list_case_relatedli a:hover span{color:#C00;}

/*contact service*/
.sideservice { background:#68A7D2; position: fixed; top: 162px; right: 1px; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight - 200); z-index: 999;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.sideservice a { color: #00A0E9;}
.sideservice a:hover { color: #ff8100; text-decoration: none;}
.sideservice .floatL { *float: left; width: 36px; position: relative; z-index:1; clear:both;}
.sideservice .floatL a { font-size:0; text-indent: -999em; display: block;}
.sideservice .floatR { width: 135px; height:379px; float: left; padding: 5px; overflow:hidden;}
.sideservice .floatR .cn { background: #F7F7F7;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.sideservice .cn h3 { font-size: 14px; color: #000; font-weight:600; line-height: 24px; padding:5px 5px 0 5px; margin: 0px;}
.sideservice .cn ul { padding: 0 0 0 8px;}
.sideservice .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.sideservice .cn ul li span { float:left; width:43px; font-size: 13px; color: #000; display:inline-block; overflow:hidden;}
.sideservice .cn ul li img { vertical-align: middle;}
.sideservice .btnOpen { position: relative; z-index:9; top:0; left: 0; background-image: url(images/cmsyou.png); _background-image: url(images/cmsyou.gif); background-repeat: no-repeat;background-position: -410px 0; display:block; width: 20px; height: 146px; padding: 8px;}
.sideservice .btnCtn {position: relative; z-index:9; top:-3px; left: -53px;  background-image: url(images/cmsyou.png); _background-image: url(images/cmsyou.gif); background-repeat: no-repeat; background-position: -260px 0; display:block; width: 146px; height: 20px; padding: 8px; *width: 20px; *height: 146px;*background-position: -450px 0; *left:0;}
.sideservice ul li.top { border-bottom: solid #ACE5F9 1px;}
.sideservice ul li.bot { border-bottom: none;}