﻿/* reset all browser whitespace and fonts styles
 * @path STATIC/img/images/web.css
 * Created:Joysner
 */
 html{color:#666;}
 body{background:#eee;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}
 
 #header{background:#fff}
 #pg_margins{max-width:390px;margin:0 auto}
 .logo{height:110px;}
 .logoimg,.logoimg a{height:100%;width:100%;display:block}
 .navArea ul{margin:0;padding:0;list-style:none}
 .navArea li,
 #fixed-foot li{
	 background:#593b17;
 }#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 #69461c;  border-bottom:1px solid #69461c;border-right:1px solid #69461c; border-top:1px solid #69461c;text-align:center; color:#fff;}
 .navArea li .current{
	 background:#cfa96a
 }
 .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:#cfa96a;color:#cfa96a;}
 .Pro_sort .each_li:hover a{color:#cfa96a;}
 .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}
 
 .m_intro{border:1px solid #e8e8e8;padding:10px 15px;color:#444;background:#f9f9f9;margin:10px 0 ;}
 
 .box{margin:0 0 10px!important}
 .box .title{padding:3% 4%;color:#dea767}
 .box .title .title_name{border-left:4px solid #cfa96a;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:16px!important;width:20px!important;height:20px!important;background:url(com_more.gif) no-repeat center!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 .pic_list_li .pic{overflow:hidden}
 .TPLB_LIST li .pic_list_li .more{display:none}
 .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}
 
 .paging{text-align:center;padding:15px 8px 8px}
 .paging a,.paging span{display:inline-block;*display:inline;zoom:1;padding:3px 8px;border:1px solid #eee}
 .paging .current{border-color:#fff;color:#f60}
 .paging select{display:none}
 
 .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}
 .intro .more{font-size:12px;}
 .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:75px;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:#f9f9f9!important;border:1px solid #ddd;color:#666!important;text-align:left!important;margin:0 0 10px;}
 .youlink a{color:#666!important}
 .m_code{background:#eee!important;border:1px solid #ccc;}
 #fixed-foot li{display:table-cell}
 #fixed-foot{background-color:transparent!important}
 
 .product{padding:5% 0;z-index:30}
 .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;}
 
 /*
 .picBox .swipe .piclist { width:auto!important }
 
 */
 
 
 
 
 
 
 
 
 
 
 
 

