/*----------------------------------------------协会首页----------------------------------------------*/
/*首页布局*/
.service { width: 238px; height: 233px; }
.about { width: 488px; height: 233px; margin: 0 10px; }
.news { width: 238px; height: 428px; float: right; }
.info { width: 238px; height: 183px; margin: 10px 0 10px 0; }
.resource { width: 488px; height: 183px; margin: 10px; }
.partner { width: 988px; height: 108px; }

.service .top h2 { background-position: 4px 0; }
.about .top h2 { background-position: 4px -15px; }
.news .top h2 { background-position: 4px -30px; }
.info .top h2 { background-position: 4px -45px; }
.resource .top h2 { background-position: 4px -60px; }
.partner .top h2 { background-position: 4px -75px; }
/*微信公众号*/
.service ul { margin: 15px 0 0 23px; }
/*协会简介*/
.about .top { margin: 0 0 20px 0; }
.about p { margin: 0 25px; line-height: 27px; text-indent: 2em;}
/*协会动态*/
.news ul { margin: 16px 0 0 22px; }
.info ul { margin: 3px 0 0 22px; }
.news ul li, .info ul li { padding: 10px 0 10px 12px; background: url(" /static/images/icon_list2.gif") no-repeat left center; }
.news ul li a, .info ul li a { font: normal 14px "黑体"; }
/*会员风采*/
.resource ul { margin: 8px 0 0 20px; }
.resource ul li { width: 144px;  margin: 0 10px 0 0; float: left; display: inline; }
.resource ul li img { width: 142px; height: 103px; border: solid 1px #ccc; }
.resource ul li p { margin: 3px 0 0 0; font: normal 14px "微软雅黑"; text-align: center;}
/*----------------------------------------------内页公用模块----------------------------------------------*/
/*子导航模块+加入我们模块*/
.aboutNav, .contact { width: 238px; margin: 0 0 17px 20px; display: inline; }
.aboutNav .top h2 { background-position: 4px -15px; }
.contact .top h2 { background-position: 4px -90px; }
.aboutNav ul { margin: 17px 0 12px 23px; }
.aboutNav ul li { margin: 0 0 5px 0; }
.aboutNav ul li a { width: 155px; padding: 4px 0 4px 37px; _padding: 5px 0 2px 37px; border: solid 1px #ccc; background: url(" /static/images/icon_list3.gif") no-repeat 13px 10px; display: block; font: normal 14px "黑体"; }
.contact { height: 230px; }
.contact ul { margin: 20px 25px 30px 25px; }
.contact ul li { line-height: 25px; }
/*主体内容模块*/
.aboutContent, .introContent, .contactContent { width: 618px; margin: 0 20px 0 0; padding: 0 30px 30px 30px; float: right; display: inline; }
.aboutContent h2, .introContent h2 {  padding: 15px 0 15px 15px; background: url("/static/images/icon_list3.gif") no-repeat left center; font: normal 16px "微软雅黑"; color: #333; }
.aboutContent p, .introContent p { margin: 10px 0; line-height: 23px; text-indent: 2em; }
.introContent { height: 230px; padding: 0 30px; }
.introContent h2 {  padding: 5px 0 8px 15px; }

/*----------------------------------------------关于我们----------------------------------------------*/
/*图片*/
.picture { margin: 30px 0 0 -5px; }
.picture .link_prev, .picture .link_next { width: 20px; height: 20px; margin: 60px 0 0 0; position: relative; z-index: 2; float:left; display: block; cursor: pointer; text-indent: -9999em; }
.picture .link_prev { background: url("/static/images/icon_pre1.gif") no-repeat; }
.picture .link_next { background: url("/static/images/icon_next1.gif") no-repeat; }
.picture .link_prev:hover, .picture .link_next:hover { opacity:0.8; filter: alpha(opacity=80); }
.picture .links { width:574px; height:145px; margin:0 4px; float:left; overflow:hidden; position:relative; }
.picture .links ul { width:2000px; height:145px; overflow:hidden; }
.picture .links ul li { width:190px; margin:0 2px 0 0; float:left; display:inline;}
.picture .links ul li img { width:188px; height:140px; border: solid 1px #4a4a4a; display:block; overflow:hidden; }
.picture .links a:hover img { opacity: 0.8; filter:alpha(opacity=80); }
.picture .links .slide{ position: relative; }


/*----------------------------------------------服务介绍----------------------------------------------*/
/*子导航*/
.culNav { width: 238px; margin: 0 0 17px 20px; display: inline; }
.culNav .top h2 { background-position: 4px -90px; font-size: 16px; border: none; }
.culNav ul { margin: 0 0 0 16px; }
.culNav ul li { width: 170px; padding: 10px 0 10px 25px; border-bottom: dotted 1px #ccc; background: url("/static/images/icon_list2.gif") no-repeat 5px center;}
.culNav ul li a { font: normal 14px "微软雅黑"; color: #333; }
.culNav ul li a:hover, .culNav ul li .current { color: #64b590; }
.culNav ul .last { border: none; }
/*主体内容*/
.culContent { width: 678px; margin: 0 20px 0 0; padding: 0 0 40px 0; float: right; display: inline; }
.culContent h1 { padding: 20px 0 20px 0; font: normal 24px "微软雅黑"; text-align: center; }
.culContent .list { margin: 0 0 0 25px; }
.culContent .list  li { width: 615px; padding: 9px 0 9px 13px; background: url("/static/images/icon_list2.gif") no-repeat 5px center; position: relative; font: normal 16px "微软雅黑";}
.culContent .list  li span { position: absolute; right: 0; top: 10px;}
.culserve h1 { padding: 20px 0 20px 0; font: normal 19px "微软雅黑"; text-align: center; }



/*----------------------------------------------产品中心----------------------------------------------*/
/*主体盒子*/
.caseContent { padding: 17px 0 45px 0; }
.case_top { width: 988px; height: 40px; background: url("/static/images/case_top.gif") no-repeat left bottom; float: left;  }
.case_top h2 { margin: 0 0 0 30px;font: normal 16px "微软雅黑"; color: #64b590; }
/*会员风采*/

.case_resource { margin: 20px 0 0 23px; float: left; display: inline; }
.case_resource li { height: 280px; margin: 0 5px 0 0; float: left; }
.case_resource li img { width: 230px; height: 185px; border: solid 1px #ccc; }
.case_resource li a:hover img { opacity: 0.8; filter:alpha(opacity=80); }
.case_resource li p { margin: 20px 0 0 0; font-size: 13px; text-align: center; }
/*协会活动*/
.activity { float: left; margin: 35px 0 0 23px; display: inline; }
.activity .link_prev, .activity .link_next { width: 32px; height: 66px; position: relative; z-index: 2; float:left; display: block; cursor: pointer; text-indent: -9999em; }
.activity .link_prev { margin: 110px 10px 0 0; background: url("/static/images/icon_pre2.gif") no-repeat; }
.activity .link_next { margin: 110px 0 0 10px; background: url("/static/images/icon_next2.gif") no-repeat; }
.activity .link_prev:hover, .activity .link_next:hover { opacity:0.8; filter: alpha(opacity=80); }
.activity .links { width:860px; height:284px; float:left; overflow:hidden; position:relative; }
.activity .links ul { width:860; height:284px; overflow:hidden; }
.activity .links ul li { width:172px; float:left; display:inline;}
.activity .links ul li img { width:170px; height:140px; border: solid 1px #ccc; display:block; overflow:hidden; }
.activity .links img:hover { opacity: 0.8; filter:alpha(opacity=80); }
.activity .links .slide{ position: relative; }

/*----------------------------------------------加入我们----------------------------------------------*/
.contactContent h1 { padding: 20px 0 20px 0; font: normal 24px "微软雅黑"; text-align: center; }
.contactContent p {margin: 20px 0 0 0; font-size: 13px;text-indent: 2em; line-height: 23px;}
.contactContent .note { padding: 20px 0 25px 25px; color: #333;}
.contactContent .btn { padding: 25px 0 10px 0; text-align: center;}

#mainForm ul { margin: 0 0 0 25px; }
#mainForm ul .user, #mainForm ul .phone, #mainForm ul .email, #mainForm ul .yzm { height: 25px; margin: 0 0 10px 0; }
#mainForm ul .yzm { margin: 10px 0 0 0; }
#mainForm ul li label { width: 75px; padding: 8px 0 0 5px; display: block; float: left; font-size: 14px; color: #333; }
#mainForm ul .user label, #mainForm ul .phone label, #mainForm ul .email label { width:65px; padding: 8px 0 0 15px; background: url("/static/images/icon_must.gif") no-repeat left center; }
#mainForm ul li span { width: 312px; height: 25px; margin: 0 0 0 8px; padding: 0 0 0 15px; background: #f3f3f3 url("/static/images/icon_form.gif") no-repeat 7px center; display: block; float: left; line-height: 25px; }
#mainForm ul .yzm span { width: 120px; padding: 0; background: none; color: #333; cursor: pointer; }
#mainForm ul .yzm img { width: 90px; height: 40px; margin: -6px 0 0 10px; float: left; }
#user, #phone, #email { width: 150px; height: 25px; border: solid 1px #878787; float: left; line-height: 25px; }
#msg { width: 485px; height: 125px; border: solid 1px #878787; line-height: 25px; }
#yzm { width: 80px; height: 25px; border: solid 1px #878787; float: left; line-height: 25px; }
#sub { width: 70px; height: 30px; border: 0; background: url("/static/images/btn_sub.png") no-repeat; color: #333; cursor: pointer; }

/*----------------------------------------------详情页----------------------------------------------*/
/*会员风采详情页*/
.articleContent { width: 948px; padding: 20px 20px 40px 20px; }
.articleContent .title { padding: 0 0 25px 0; font: normal 24px "黑体"; color: #414141; text-align: center; line-height: 35px; }
.articleContent .img { padding: 0 0 20px 0; text-align: center; }
.articleContent .img img{ padding: 10px; border: solid 1px #e9e9e9; }
.articleContent .article { font-size: 14px; color: #333; line-height: 23px; }
.articleContent .article p { padding: 13px 0; text-indent: 2em; }