/*
	[Destoon B2B System] Copyright (c) 2008-2013 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
#destoon_member,.head_l ul li{ font-size:14px;}
*,body{ font-size:1em; }
html,body{ background:none;}
.head{ top:0;}
.headline {background:#FFFFFF;padding:0 10px 5px 10px;border-bottom:#DDDDDD 1px solid;}
.headline h2 {text-align:center;font-size:1.1em;margin:0;height:30px;line-height:30px;overflow:hidden;}
.headline span {color:#225588;}
.headline div {line-height:22px;height:22px;overflow:hidden;}
.subline li {height:26px;line-height:26px;overflow:hidden;padding:0 10px 0 10px;}
.subline span {color:#666666;}
/* catlist */
.catlist {padding:12px 15px 12px 20px;line-height:24px;}
.catlist_li {height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
/* special */
.special_intro {line-height:180%;height:160px;overflow-y:scroll;}
.special_box {width:980px;overflow:hidden;}

ul,li{ padding:0; margin:0;}
*{box-sizing: border-box;}
ul li {
    list-style-type: none;
}
img{max-width:100%;}
.top{ text-align:center; width:100%; }
.hrcolor { height:0px; border:5px solid #ffae5f; }
.spanav{ line-height:45px; margin:0 auto; overflow:hidden;margin-bottom:15px; border:1px solid #FFAE5F; border-top:0;}
.spanav a,.spanav span{ padding:5px; 8px; margin-left:15px; }
.top h1{ margin-top:3.5em; font-size:1.7em; text-align:center;}

.slider img{ max-width:100%;}
 
.main{ width:80%; margin:0 auto;}

#demo {
    overflow: hidden;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left;
}
#demo2 {
    float: left;
}
#moreshi{ float:right; margin-top:0; border-top:0; cursor:pointer; padding:5px 8px; box-shadow:#999 3px 3px; border:1px solid #ccc;}
.mingshi{ border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin-top:15px;}
.mingshi h2 { color:#e09144; font-weight:700;}
.mingshi ul{ overflow:hidden;   display: block;
}
.mingshi li {
    float: left;
    display: block;
    width: 153px;
    overflow: hidden;
    margin-right: 0.6em;
    margin-left: 0.6em;
}
.mingshi li i{ display:block; margin-bottom:1em; margin:0 0 1em 0;}
.mingshi li i img{ border:1px solid #CCC; width:178px;}
#demo .title{ width:100%; line-height:1.5em; overflow:hidden; display:block; height:1.5em; font-family:"黑体";}

.hot ul li{ background:url(image/hot.png) no-repeat top right;}
.hot h2{ font-weight:700;}


.lists  li,.hot  li{padding:1em 0 ; border-bottom:1px solid #ccc;}
.lists  p,.hot p{ line-height:2em;}
.slider{ border-top:10px solid #a7680e;}
.zhaosheng { border:6px double #FF9900; margin-top:15px;  padding:0.5em 1em; }
.zhaosheng  p{ line-height:2em; font-size:1.5em;}


.show_main{ width:1024px; overflow:hidden; position:relative; background-color:#ebe9ea; margin:0 auto;}
.show_top{ background:url(image/head.jpg) no-repeat left top; height:310px; width:100%; position:relative; overflow:hidden;}
.show_top h1{ display:block; position:absolute; left:20px; bottom:10px; font-size:1.5em; margin:0; padding:0;}
.show_content{ width:100%; overflow:hidden; background:url(image/boyd.jpg) no-repeat left center;}
.show_txt{ padding:20px; line-height:1.8em; color:#222;}
.show_foot{ background:url(image/foot.jpg) no-repeat left top; width:100%; height:350px;}
.plists{ display:block; overflow:hidden;}
.plists li{ display:block; float:left; width:48%; overflow:hidden; height:1.5em; line-height:1.5em; text-indent:2em;}
.plists li a{ font-size:0.8em;}

.pagenext a,.pagenext{ margin-left:25px; margin-top:15px; line-height:1.8em;}
.foot_page{ background:none;position: absolute;width: 100%;bottom: 15px;}
.posb div.title{margin:1em; background:none; text-align:left; font-size:1.2em; }
.b10{ background:none;}
.m{ background:none;}
.foot{position: relative;width: 100%;height: 130px;}
.show_foot .foot{ position:static; width:auto; height:auto;}



.new_banner{border:1px solid #E1E1E1;position:relative; margin:0 auto; padding:9px; background:url(image/loading.gif) no-repeat center center #fff;overflow: hidden;}
.new_banner{ display:block; overflow:hidden; margin-top:15px; overflow:hidden;}
.new_banner ul{ display:block; overflow:hidden;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px; background-image:url(image/banner_new.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden;}

.prev{ background-position:0 0;left:35px; top:40%;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:35px; top:40%;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; left:48%;bottom:10%;clear:both;text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#F90;}
.new_banner ul li{ width:100%;}
.bdsharebuttonbox{ margin-left:1.5em;}
.foot_page{ line-height:1.8em;}
.foot .foot_page a{ font-size:0.8em;}
.show_top a{ display:block; width:100%; height:210px;}
@media only screen and (min-width: 1920px){
.main{ width:1080px;}
}
@media only screen and (max-width: 1080px){
.show_main{ width:auto;}
.show_top{ background-position:right top;}
.main{ width:99%;}
.head_m{ width:100%;}
*,body{ font-size:1.1em;}
.mingshi li i{ margin-bottom:0.5em;}
.top h1{ font-size:1.3em;}
.plists li{ width:100%; float:none;}
}
@media only screen and (max-width: 1024px){
	.show_top{ background-position:center top;}
}