/* reset all browser whitespace and fonts styles
 * @path STATIC/img/images/web.css
 * Created:Joysner
 */
html{color:#666;}
body{background:#ebebeb;margin:0;padding:0;font:87%/1.6 "\5fae\8f6f\96c5\9ed1","Arial","tahoma";}
a{text-decoration:none;color:#666}
ul{list-style:none;margin:0;padding:0}
.spot{color:#38a42c}

#pg_margins{max-width:390px;margin:0 auto}
.logo{height:80px;background:url(top_bg.png) repeat-x 0 bottom}
.logoimg,.logoimg a{height:100%;width:100%;display:block}
.navArea ul{margin:0;padding:0;list-style:none}
.navArea li,
.box .title,
#fixed-foot li{
	background:#48596f!important;
	background:linear-gradient(#48596f,#37495f)!important;
}
.navArea li{width:33.33%;float:left}
.navArea li a{display:block; line-height:3.2em;border-left:1px solid #37495f;  border-bottom:1px solid #37495f;border-right:1px solid #48596f; border-top:1px solid #48596f;text-align:center; color:#fff;}
.navArea li .current{
	background:#e15051;
	background:linear-gradient(#e15051,#b73d3e);border-top:1px solid #e15051;
        
}

.Pro_sort{padding:3% 3% 0;text-align:center;overflow:hidden}
.Pro_sort .each_li{float:left; width:47.5%; margin-bottom:3%; line-height:2.83em; border:2px solid #cccccc; color:#666; text-align:center; border-radius:2px}
.Pro_sort .each_li:hover{border-color:#e15051;color:#e15051;}
.Pro_sort .each_li:hover a{color:#e15051;}
.Pro_sort .each_li:nth-of-type(2n){float:right}
.Pro_sort .each_li .name a{width:100%;height:10%;display:block;}
.third_box{display:none}

.picBox{ width:100%;height:100%;position:relative;background:#e6e6e6;}
.picBox .next{ float:right;}
.piclist{position:relative;width:2232px; left:0;height:100%;}
.piclist li{height:100%;position:relative; float:left; vertical-align: top;text-align:center;font-size:0}
.icon_num{font-size:0;position:absolute;bottom:10px;left:0;text-align:center;width:100%}
.icon_num a{background:#fff;border-radius:7px;width:.5em;height:.5em;padding:0;font-size:12px;border:1px solid #fff;text-align:center;cursor:pointer;margin-right:.4em;display:inline-block;*display:inline;zoom:1;overflow:hidden;}
.icon_num a:hover,.icon_num .active{background:#f60;color:#f60;border-color:#f60;}
.swipe{position:relative;overflow:hidden}


.box{margin:0!important}
.box .title{padding:3% 4%;color:#fff}
.box .title .title_name{border-left:0.42em solid #e14f50;padding:0 2%;font-weight:bold}

.info_view{padding:3%!important;}
.img_content{line-height:1.8;font-size:16px}
.box_info .catetitle{margin:0!important;font-size:16px!important;border-bottom:1px solid #ddd}

.arr-round{top:11px!important;width:1.55em!important;height:1.75em!important;background:url(com_more.png) no-repeat center!important;background-size:1.55em 0.34em!important;}

.box img,
.info_view img,
.display_content img{width:100%;height:auto}

.case{padding:3% 1%}
.TPLB_LIST{overflow:hidden;zoom:1;}
.TPLB_LIST li{float:left;text-align:center;width:50%}
.TPLB_LIST li .pic{position:relative;font-size:0}
.TPLB_LIST li .pic img{border:1px solid #d9d9d9;}
.TPLB_LIST li .pic img:hover{opacity:.8;filter:alpha(opacity=80);}
.TPLB_LIST li .pic_list_li{padding:0 3%;}
.TPLB_LIST li .txt{margin:10px;}
.TPLB_LIST li .memo{color:#888;overflow:hidden;height:40px;line-height:20px;}

.XW_LIST li .wrap{border-bottom:1px dotted #b2b2b2;margin:0}
.XW_LIST li .wrap .topic{padding:12px 12px 12px 24px;display:block;background:url(icon_lead.jpg) no-repeat 10px 50%;}
.date{float:right;padding:12px}

.intro{line-height:1.8;padding:0!important}
.box .TW_CONTENT{padding:3%}
.news_thumb{padding:3%}
.display_content .intro{padding:5% 0!important}

.TTXW_CONTENT .pic img{width:130px;border:1px solid #d9d9d9;padding:5px;float:left;margin:0 5% 0 0}
.TTXW_CONTENT{overflow:hidden;zoom:1;}
.TTXW_CONTENT .intro .t{height:22px;overflow:hidden;margin:0;font-weight:bold}
.TTXW_CONTENT .intro .v{line-height:1.8;color:#888;font-size:12px;height:45px;overflow:hidden;}
.TTXW_CONTENT,.TTXW_LIST{overflow:hidden;zoom:1;}

.TTXW_LIST{padding:0;}
.TTXW_LIST li .wrap{border-bottom:1px dotted #b2b2b2;margin:0}
.TTXW_LIST li .wrap .topic{padding:12px;display:block;background:url(icon_lead.jpg) no-repeat 0 50%;}

.pic_list_1{width:100%}
.pic_list_2{width:50%}
.pic_list_3{width:33.3%}
.pic_list_4{width:25%}
.pic_list_5{width:20%}

.TWLB_LIST{padding:0}
.TWLB_LIST .txt{line-height:24px;color:#888;}
.TWLB_LIST .txt p{height:45px;overflow:hidden;}
.TWLB_LIST .txt .more{padding:5px 0;height:auto}
.TWLB_LIST li{overflow:hidden;zoom:1;}
.TWLB_LIST li h4{height:22px;overflow:hidden;margin:0}
.TWLB_LIST li{padding:15px 0;margin:0;border-bottom:1px solid #f1f1f1;}
.TWLB_LIST li img{border:1px solid #d9d9d9;padding:5px;float:left;width:130px;margin:0 10px 0 0}

.youlink{background:#eee!important;border-bottom:1px solid #ccc;border-top:1px solid #fff;color:#666!important;text-align:left!important}
.youlink a{color:#666!important}
.m_code{background:#eee!important;border-top:1px solid #fff;}
#fixed-foot li{display:table-cell}
#fixed-foot{background-color:transparent!important}

.product{padding:5% 0;z-index:30}
.product .piclist{height:auto!important}
.piclist li img{width:100%!important;height:auto!important}
.box_display .display_content{padding:60px 5% 0!important;font:16px/1.8 "\5fae\8f6f\96c5\9ed1"!important}
.theme{font-family:"\5fae\8f6f\96c5\9ed1"!important;font-weight:normal;font-size:20px}
.box_display .display_content .blue1{width:30%}
.pager-next-pre{padding:10px;background:#fff}
.box_display .display_content{background:#fff!important}
.info-list{padding:0}
.info-list li{padding:10px;border-bottom:1px dotted #b2b2b2}

.PRO-I{border-bottom:3px solid #0446a8;margin:0 0 20px}
.PRO-I .TITLE-LEAD{background:linear-gradient(#2666c8,#0446a8);display:inline-block;*display:inline;zoom:1;padding:3px 25px;color:#fff;font-size:16px;font-weight:bold;border-radius:3px 3px 0 0;text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.2)}

@media screen and (max-width:320px) {
	body { font-size:75%;}
}