/* 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:#f90}

#pg_margins{max-width:390px;margin:0 auto}
.logo{height:110px;background:url(/uploads/image/upsssjm60613/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:#1a9892!important;
}#fixed-foot li a{color:#fff;}
.navarea li{width:33.33%;float:left}
.navarea li a{display:block; line-height:3.2em;border-left:1px solid #24c1bd;  border-bottom:1px solid #24c1bd;border-right:1px solid #24c1be; border-top:1px solid #24c1be;text-align:center; color:#fff;}
.navarea li .current{
	background:#ffcd34
}

.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; }
.pro_sort .each_li:hover{border-color:#1eaef3;color:#3d4351;}
.pro_sort .each_li:hover a{color:#3d4351;}
.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 #24c1bd;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(/uploads/image/upsssjm60613/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:first-child{width:100%}
.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{padding:0 1.5%}
.tplb_list li .pic_list_li{padding:0 3%;}
.tplb_list li .txt{margin:0 0 10px;height:22px;overflow:hidden}
.tplb_list li .memo{color:#888;overflow:hidden;height:40px;line-height:20px;}
.info_view .tplb_list{padding:0}

.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(/uploads/image/upsssjm60613/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(/uploads/image/upsssjm60613/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:#fff!important;border-top:1px solid #ccc;color:#666!important;text-align:left!important}
.youlink a{color:#666!important}
.m_code{background:#eee!important;border-top:1px solid #ccc;}
#fixed-foot li{display:table-cell}
#fixed-foot{background-color:transparent!important}

.product{padding:5% 0;z-index:30}
.product .piclist{width:100%!important}
.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%;}
}
#fixed-foot .icon-custom_1{background-position:2px -329px!important}
#fixed-foot a{color:#fff}
.box_display .head{z-index:300}
.tplb_list li .pic_list_li{overflow:hidden;}
.tplb_list .pic_list_li img{height:150px}