﻿@import url('master.css');
@import url('headfoot.css');



/*-------------------新闻焦点图与焦点新闻----------------------*/
.focus { width: 1200px; margin: 0 auto; margin-top: 20px; }


.focusimg { width: 660px; height: 326px; position: relative; zoom: 1; overflow: hidden; float: left; background }
.focusimg .FP_angle { width: 7px; height: 7px; overflow: hidden; font-size: 0; line-height: 0; position: absolute; z-index: 10; }
.focusimg .FP_arr_left { width: 13px; height: 25px; position: absolute; z-index: 8; top: 150px; left: 5px; background: url(/CityStatic/images/p_w_06.gif) no-repeat 0 0; filter: Alpha(Opacity=80); opacity: .8; cursor: pointer; }
.focusimg .FP_arr_right { width: 13px; height: 25px; position: absolute; z-index: 8; top: 150px; right: 5px; background: url(/CityStatic/images/p_w_06.gif) no-repeat -200px 0; filter: Alpha(Opacity=80); opacity: .8; cursor: pointer; }
.focusimg .FP_NumList { position: absolute; right: 20px; bottom: 7px; zoom: 1; overflow: hidden; z-index: 9; }

.focusimg .FP_NumList span { float: left; width: 22px; height: 22px; text-align: center; line-height: 22px; font-weight: bold; vertical-align: middle; border-radius: 13px; margin-left: 10px; display: inline; background: #333; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

.focusimg .FP_NumList span.selected { background: #fff; color: #666; border-radius: 13px; }

.focusimg .FP_pic { width: 660px; height: 326px; overflow: hidden; float: left; border-radius: 10px; text-align: center; background: #666; }
.focusimg .FP_pic img { height: 326px; width: 660px; object-fit: cover; }
.focusimg .FP_pic .FP_tit_bg { height: 40px; width: 100%; margin-top: -40px; background: #000; filter: Alpha(Opacity=30); opacity: .3; }
.focusimg .FP_pic .FP_tit_txt { line-height: 36px; padding-left: 18px; margin-top: -40px; font-size: 16px; font-weight: bold; color: #fff; position: relative; *position: static; text-align: left; }
.focusimg .FP_pic .FP_tit_ico { width: 11px; height: 15px; margin: -22px 0 0 7px; overflow: hidden; font-size: 0; line-height: 0; position: relative; *position: static; }
.focusimg .FP_pic a:link, .FP_pic a:visited { color: #fff; text-decoration: none; }
.focusimg .FP_pic a:hover { text-decoration: underline; }


/*最新通知*/
.focustext { width: 480px; height: 306px; float: right; overflow: hidden; border: 1px #b6b6b6 solid; background: White; border-radius: 5px; padding: 10px 20px; }
.focustext .sideMenu { }
.focustext .sideMenu h3 { margin-top: 0px; font-size: 18px; color: #ff2800; height: 30px; line-height: 30px; background-repeat: no-repeat; padding-top: 12px; overflow: hidden; }
.focustext .sideMenu ul + h3 { border-top: 1px solid #F2F2ED; }
.focustext .sideMenu h3.on { color: #ff2800; }
.focustext .sideMenu ul li { font-size: 13px; height: 66px; line-height: 22px; margin-bottom: 10px; margin-top: 8px; overflow: hidden; width: 100%; color: #929090; }
.focustext .sideMenu a { color: #ff2800; }



/*----协会动态---*/
.newsphoto { background: #eaeaea; width: 1200px; margin: 0 auto; margin-top: 20px; }
.newsphoto .tit { background: #eaeaea; color: #e50100; font-size: 16px; line-height: 30px; padding: 5px 10px; }
.newsphoto .tit i { margin-right: 5px; }
.newsphoto .list { background: #f1f1f1; padding:10px;}
.newsphoto .list li { float: left; width: 275px; height: 200px; overflow: hidden; margin: 10px; }
.newsphoto .list .pic { width: 275px; height: 135px; overflow: hidden; margin: 0 auto; border-radius: 5px; background: rgba(0,0,0,.19); }
.newsphoto .list .pic img { width: 275px; object-fit: cover; height: 135px; }
.newsphoto .list .name { font-size: 14px; padding: 10px; height: 38px; overflow: hidden; }
.newsphoto .list .look { font-size: 12px; padding: 0 10px; }
.newsphoto .list .look .date { float: right; color: #ff2800; font-family: Georgia; }



/*会员风采*/

.indexuser { margin-top: 15px; }
.indexuser .tit { color: #e50100; font-size: 16px; line-height: 30px; border-bottom: 1px #b6b6b6 solid; padding:5px 10px; }
.indexuser .tit i { margin-right: 5px; }

.indexuser .list{margin-top:15px;}
.indexuser .list .photo{background:#dcdcdc;width:140px;height:220px;margin-right:10px;}
.indexuser .list .photo .img-zoom-in{width:140px;height:180px;overflow:hidden;}
.indexuser .list .photo .name{line-height:40px;}

.indexuser .list img { width: 140px; height: 180px; object-fit: cover; margin-right: 10px; }
#demo { overflow: hidden; width: 100%; height: 220px; }


.indexabout { margin-top: 30px; }
.indexabout .tit { background: #eaeaea; color: #e50100; font-size: 16px; line-height: 30px; padding: 5px 10px; }
.indexabout .tit i { margin-right: 5px; }

.indexabout .aboutlist { width: 400px; float: left; background: #f1f1f1; }
.indexabout .aboutlist .list { padding: 20px; width: 360px; height: 280px; }
.indexabout .aboutlist .list ul { }
.indexabout .aboutlist .list li { list-style-position: inside; list-style: square; font-size: 15px; line-height: 35px; height: 35px; margin-left: 15px; }


.indexabout .ruleslist { width: 780px; float: right; background: #f1f1f1; }
.indexabout .ruleslist .list { padding: 20px; width: 740px; height: 280px; }
.indexabout .ruleslist .list ul { }
.indexabout .ruleslist .list li { width: 300px; float: left; list-style-position: inside; list-style: square; font-size: 15px; line-height: 35px; height: 35px; margin-left: 15px; }



.indexlink { margin-top: 20px; }
.indexlink .tit { color: #e50100; font-size: 16px; line-height: 30px; border-bottom: 1px #b6b6b6 solid; padding-left: 10px; }
.indexlink .tit i { margin-right: 5px; }
.indexlink .list{padding:15px 0px;font-size:15px;}
.indexlink .list p{margin-bottom:15px;line-height:26px;}
.indexlink .list p a{margin-right:10px;font-size:13px;}
.indexlink .list a{margin-right:10px;}

/*.indexarticle { margin-top: 30px; }
.indexarticle .tit { background: #eaeaea; color: #e50100; font-size: 16px; line-height: 30px; padding: 5px 10px; }
.indexarticle .tit i { margin-right: 5px; }

.indexarticle .articlelist { width: 380px; float: left; background: #f1f1f1; }
.indexarticle .mid { margin: 0 30px }
.indexarticle .articlelist .list { padding: 20px 10px; width: 360px; height: 240px; }
.indexarticle .articlelist .list ul { }
.indexarticle .articlelist .list li { list-style-position: inside; list-style: square; font-size: 15px; line-height: 22px; height: 50px; margin-left: 15px; }
.indexarticle .articlelist .list li .cssDate { margin-left: 15px; color: #b6b6b6; }*/