@charset "utf-8";

.probanner{ width:100%;background-image:url(../images/bg_01.jpg); background-repeat:repeat}
.probanner .bansimg{width:1180px; margin:0 auto; padding-bottom:30px; }
.probanner .bansimg .htits{ font-size:42px; text-align:center; color:#000000; padding-top:46px;}
.probanner .bansimg .htitssm{ font-size:14px;text-align:center; color:#666666; padding-top:20px; }
.probanner .topnav{ text-align:center; padding-top:20px;}
.probanner .topnav a{font-size:12px; margin-left:10px; margin-right:10px; line-height:180%; text-decoration:none ; color: #003399;}
.probanner .topnav a:hover{ text-decoration:underline}


.newul{ width:1218px; margin:0 auto; padding-top:20px; padding-bottom:50px;}
.newul .cpli{ width:366px; float:left;  height:220px; background-color:#FFFFFF;   margin-left:20px; margin-right:20px;  margin-top:20px; margin-bottom:20px;}
.newul .cpli  .stmh1{ font-size:20px; padding-left:20px; padding-top:20px; font-weight:bold}
.newul .cpli  .stmh2{ font-size:14px;  line-height:180%;padding:20px; padding-top:5px;color:#999999}
.newul .cpli:hover{ background-color: #FBFBFB}


.article{width:1180px; margin:0 auto; margin-top:20px;min-height:900px; margin-bottom:30px;}
.article .arl{width:938px;border:1px #E7E7E7 solid; padding-bottom:30px;float:left;background-image:url(../images/31.jpg); background-repeat:no-repeat; background-color:#FFFFFF}
.article .arl .tit{ padding-left:30px; margin-top:20px; margin-bottom:20px; position:relative}
.article .arl .tit h1{font-size:26px;font-weight:normal; font-weight:bold;color:#666666}
.article .arl .tit .sobox{ width:230px; height:50px; position:absolute; top:0px; right:12px;}
.article .arl .tit .sobox .inputbox{ width:220px; height:36px; border:1px #CCC solid; position:relative; background-color:#FFF}
.article .arl .tit .sobox .inputbox:hover{border:1px #F25126 solid;}
.article .arl .tit .sobox .inputbox .so{width:200px; height:34px; background-color:#FFF; border:0px; padding-left:10px; }
.article .arl .tit .sobox .inputbox .btn{height:38px; width:38px; background-color:#F25126 ;top:-1px; right:-1px; position:absolute; background-image:url(../images/08.png); background-repeat:no-repeat; background-position:center center; cursor:pointer; border:0px;}
.article .arl .tit .sobox .inputbox .btn:hover{ background-color:#ED3A0E}

.article .arl .oder{ height:50px; line-height:50px;border-bottom:1px #E7E7E7 solid;border-top:1px #E7E7E7 solid; background-color:#FFFFFF}
.article .arl .oder .menus{ padding-right:15px; text-align:right}
.article .arl .oder .menus a{ padding-left:15px; padding-right:15px;}
.article .arl .oder .menus a.select{ font-weight:bold}
.article .arl .alist{width:880px; margin:0 auto; border-bottom:1px #E7E7E7 solid; padding-top:15px; padding-bottom:15px;}
.article .arl .alist .imgbox{ float:left; width:245px; height:180px;border:1px #E7E7E7 solid; overflow:hidden;border-radius:6px; background-color:#F7F7F7}
.article .arl .alist .imgbox img{ width:245px;height:180px;border-radius:6px;}
.article .arl .alist .txtbox{  width:840px; padding-left:30px;}
.article .arl .alist .txtbox .atit{ height:30px; line-height:30px;}
.article .arl .alist .txtbox .atit h4{ font-size:20px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article .arl .alist .txtbox .atit h4 .exc{ background-color:#FF6600;border-radius:4px; padding:2px 6px; color:#FFFFFF; margin-right:8px; font-size:12px;}
.article .arl .alist .txtbox .time{ height:30px; line-height:30px; font-size:12px;}

 
  
.article .arl .alist .txtbox .time .co{ color:#FF0000}
.article .arl .alist .txtbox .time .tag {padding-left:20px;background-image:url(../images/35.png); background-repeat:no-repeat; background-position:0px 1px; font-size:12px; margin-left:8px;} 
.article .arl .alist .txtbox .time .tag a{ margin-right:15px; color: #00CC99; text-decoration:underline }
.article .arl .alist .txtbox .txt{line-height:180%; padding-bottom:5px;position:relative; color:#999999}
.article .arl .alist .txtbox .userimg{ width:32px; height:32px;border-radius:50%; position:absolute; right:0px; bottom:-5px;}
.article .arl .alist .txtbox .userimg img{width:32px; height:32px;border-radius:50%;}
.article .arl .alist .txtbox .username{ text-align:right; width:200px; height:32px; line-height:32px;position:absolute; right:40px; bottom:-5px;}


.article .arr{width:220px; float:left; padding-right:20px; }
.article .arr .btn{width:220px; height:40px; line-height:40px; text-align:center; margin-bottom:16px;border-radius:4px; background-color:#FE8827; color:#FFF; font-size:16px; display:block; text-decoration:none;}
.article .arr .btn:hover{ background-color:#FE7607}
.article .arr .btn.share{ background-color:#009A61}
.article .arr .btn.share:hover{ background-color:#008C58}
.article .arr .tagbox{ padding-top:5px;}
.article .arr .tagbox .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .tagbox .more{ float:right; width:80px; text-align:right; font-size:12px;}
.article .arr .tagbox a.tag{ display:block; text-decoration:none; padding:4px 8px; background-color:#01BE97; color: #FFFFFF; float:left; margin-right:10px; font-size:14px; margin-bottom:10px;white-space:nowrap;border-radius:4px}
.article .arr .tagbox a.tag span{ color:#999; padding-left:3px;}
.article .arr .tagbox a:hover.tag{ background-color:#017e66; color:#FFF}
.article .arr .tagbox a:hover.tag span{ color:#FFF;}
.article .arr .anav{}
.article .arr .anav .nli{ padding-left:20px ; height:36px; line-height:36px; display:block; text-decoration:none; cursor:pointer; color:#666666; background-color:#FFFFFF; margin-bottom:15px;}
.article .arr .anav .nli:hover{ background-color:#FFFFFF; color:#01BE97}
.article .arr .anav .nli.select{ background-color:#01BE97;color:#FFFFFF; font-weight:bold}

.article .arr .rec{ padding-top:5px; padding-bottom:15px;}
.article .arr .rec .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .rec .more{ float:right; width:80px; text-align:right; font-size:12px;}
.article .arr .rec .reli{ height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position:relative; width:160px; padding-right:40px;}
.article .arr .rec .reli .pra{ position:absolute; right:0px; text-align:right; top:0px; color:#999999; font-size:12px;}

.article .arr .author{ padding-top:5px; padding-bottom:15px;}
.article .arr .author .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .author .autli{ padding-bottom:10px;}
.article .arr .author .autli .pic{ width:50px; float:left}
.article .arr .author .autli .pic img{ width:42px; height:42px;border-radius:50%;}
.article .arr .author .autli .rtxt{ float:left}
.article .arr .author .autli .rtxt .uname{ width:160px;}
.article .arr .author .autli .rtxt .count{ font-size:12px}
 
 
 

.artshow{width:1180px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.artshow .probox{ width:380px; float:left; padding-left:20px; padding-top:20px;}
.artshow .atxts{width:730px; float:left;  padding-top:20px;}
.artshow .atxts .artoptit{ font-size:38px; text-align:center; line-height:180%; color:#000000; padding:15px;}
.artshow .atxts .time{ width:600px;margin:0 auto; height:40px; line-height:40px; font-size:12px; border-top:1px  #E1E1E1 solid;border-bottom:1px #E1E1E1 solid; margin:0 auto; text-align:center;}
.artshow .atxts .artoptxt{ font-size:16px; line-height:200%; color:#666666; padding:20px;}
.artshow .atxts .artoptxt img{ max-width:600px; margin:10px;}
.artshow .atxts .artoptxt .keytj{ background-color:#FFFFFF; font-size:14px; height:40px; line-height:40px; padding-left:15px; border:1px #E9E9E9 solid; margin-top:20px;}
.artshow .atxts .artoptxt .keytj a{ margin-right:20px;}
.artshow .atxts .artoptxt .xglist{  line-height:200%; color:#666666; border:1px  #E9E9E9 solid; margin-top:20px; padding-bottom:10px; background-color:#FFFFFF}
.artshow .atxts .artoptxt .xglist .stiwel{font-size:16px; height:40px; line-height:40px; padding-left:20px; border-bottom:1px #E9E9E9 solid; margin-bottom:10px;}
.artshow .atxts .artoptxt .xglist .tjli{ height:30px; font-size:14px; line-height:30px; padding-left:20px;}


.artcpli{ width:366px;height:260px; background-color:#E6F2EC; margin-bottom:20px;position:relative}
.artcpli  img{ width:366px; height:260px;}
.artcpli .stest{width:366px;  height:80px; position:absolute; left:0px; bottom:0px; padding-top:20px;background-image:url(../images/bgw.png); cursor:pointer }
.artcpli .stest .sh1{ font-size:20px; height:34px; font-weight:bold; font-weight:bold; color:#000000;padding-left:30px;}
.artcpli .stest .smores{ font-size:12px;padding-left:30px;}
.artcpli .stest .smores a{ color:#666666; text-decoration:underline}
.artcpli .stest .smores a:hover{ color:#000000}
.artcpli:hover .stest{ background-image:url(../images/bgw1.png);}