@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
.clearfix:after{ content:''; width:0; height:0; display:block; visibility:hidden; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
img { display:block;}
body{ background-color:#fff;}



/******************金沙城js9线路检测中心******************************/
/*头部*/
.header{ width:100%; height:1.02rem; margin:0 auto; background: #373737; padding:0 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; overflow:hidden; position:relative;}
.logo{ float: left;
	max-width: 60%;
	display: block;
	margin: 0 auto;
margin-left: .2rem; margin:0.15rem auto 0 auto; 

}
.nav{ width:0.55rem; height:0.39rem; position:absolute; top:0.39rem; right:0.2rem; cursor:pointer;}

/*banner*/
#focus{height:386px;}
.focus{width:100%; overflow:hidden ; position:relative}
#focus .bd ul li{height:386px;}
#focus .bd ul li img{height:386px; width:100%;}
<!--.bd ul li{ width:100%;}-->
.hd{ display:none; }

/*版权*/
.copy_right{ width:100%; background: #373737; padding:0 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:0.3rem;}
.copy_right p{ font:0.24rem/0.35rem 'Microsoft YaHei'; color:#fff; text-align:center; }
.copy_right p a{ color:#dfdfdd;}
.copy_right p:first-child{ padding-top:0.2rem;}
/*下拉导航条*/
.nav_list{ width:100%;height:11.2rem; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute; left:0; top:1.02rem; z-index:9999; display:none;}
.nav_list li{ width:100%; height:0.79rem; border-top:1px solid #fff; text-align:center; }
.nav_list li a{ font:0.3rem/0.79rem 'Microsoft YaHei'; color:#000; display:block;}
.small_nav1{ display:none;}
.small_nav2{ display:none;}
.small_nav1 li a{font:0.28rem/0.79rem 'Microsoft YaHei'; color:#000; display:block; margin-left:0.5rem;}
.small_nav2 li a{font:0.28rem/0.79rem 'Microsoft YaHei'; color:#000; display:block; margin-left:0.5rem;}
.nav_li1,.nav_li2{ position:relative; }
.arrow1,.arrow2{ width:0.42rem; height:0.26rem; position:absolute; top:0.29rem; right:0;}

.nav_bg{ width:100% !important; background-color:rgba(0,0,0,.5);display:none; }
.nav_demo2{ width:100% !important; background-image:url(../img/fast_nav1.png);background-size:cover;}
.nav_demo1{ width:100% !important;}
.nav_demo{ top:1.02rem;z-index:9999 !important;}
.nav_demo li a{ text-align:center; font-style:'Microsoft Yahei' !important}
.layui-nav-child dd {overflow:hidden;}
.layui-nav-child dd a{ margin-left:0.8rem;font-style:'Microsoft Yahei' !important;}
/******************以上为公共部分******************************/
/*快速导航*/
.fast_nav{ width:100%; height:3.0rem; margin:0 auto; background-image:url(../img/fast_nav.jpg); background-size:cover;}
.fast_nav dl{ width:2.26rem; margin-left:0.21rem; float:left; overflow:visible; margin-top:0.26rem;}
/*.fast_nav dl:first-child{ margin-left:0.61rem;}*/
.fast_nav dl dt{ width:2.16rem; height:2.16rem;}
.fast_nav dl dd{ font:0.3rem/0.3rem 'Microsoft YaHei'; color:#000; text-align:center; margin-top:0.3rem; white-space:nowrap;}

/*协会动态*/
.association{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.3rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.3rem; position:relative;}
.title{ font:0.3rem/0.3rem 'Microsoft YaHei'; color:#000; position:absolute; left:50%; top:-0.68rem; margin-left:-0.6rem;}
.title:after{ content:''; width:1.2rem; height:0.02rem; background-color:#d2aa0b; position:absolute; left:0; bottom:-0.1rem;}
.focus{height:3.37rem; overflow:hidden ; position:relative}
.bd ul li{height:3.37rem;}
.bd ul li span{width:100%; height:0.6rem; background-color:rgba(34,173,56,.9); font:0.28rem/0.6rem 'Microsoft YaHei'; color:#fff; text-align: left; display:block; position:absolute; left:0; bottom:0; padding-left:30px;}

.news_box{ margin:0.25rem 0 0.65rem;}
.news_box li{ width:100%; height:0.49rem; margin-bottom:2px;}





.news_box li .news{ font:0.26rem/0.49rem 'Microsoft YaHei'; color:#333; width:4.9rem; padding-left:0.5rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; float:left; BACKGROUND-IMAGE: url(../img/dian.jpg); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; }
.news_box li .date{ font:0.24rem/0.49rem 'Microsoft YaHei'; color:#666; float:right;}
.for_more{ width:1.2rem; height:0.5rem; border:1px solid #999; border-radius:0.25rem; margin:0 auto; margin-top: 20px;background-color:#fff; font:0.24rem/0.5rem 'Microsoft YaHei'; color:#333; text-align: center;
display:block; /*默认不显示，ajax调用成功后才决定显示与否*/
}
.for_more2{ width:350px; height:260px; margin:0 auto; margin-top: 2px;background-color:#fff; font:0.24rem/0.5rem 'Microsoft YaHei'; color:#333; text-align:center;
display:block; margin-top: 20px;  /*默认不显示，ajax调用成功后才决定显示与否*/
}
.for_more3{ width:1.0rem; height:0.5rem; border:1px solid #ad8a73; border-radius:0.25rem; margin:0 auto;; margin-top: 0px; margin-left: 530px; margin-bottom:30px; background-color:#fff; font:0.24rem/0.5rem 'Microsoft YaHei'; color:#333; text-align: right; 
display:block; /*默认不显示，ajax调用成功后才决定显示与否*/
}
/*论坛活动*/
.forum_activities{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.3rem; position:relative;}
.title_1{ font:0.28rem/0.28rem 'Microsoft YaHei'; color:#000; text-align:center; padding:0.32rem 0 0.24rem 0;}
.news_box1{ margin-bottom:0.8rem; margin-top:0;}
.title_2{ position:relative; margin-top:0.3rem;}
.title_2:after{ content:''; width:100%; height:1px; background-color:#ad8a73; position:absolute; left:0; top:0;}

/*书坛人物*/
.person{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.18rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.3rem; position:relative;}
.mt1{ margin-top:0.4rem}

/*书坛人物*/
#leftMarquee1 .picList li{ width:3.5rem !important; height:4.5rem;  }
#leftMarquee1 .picList .pic{ text-align:center; line-height:0px; width:3.5rem !important; height:4.5rem;  }
#leftMarquee1 .picList .pic img{width:3.5rem; height:4.5rem; }
#leftMarquee1 .leftLoop{ overflow:hidden; position:relative; }
#leftMarquee1 .leftLoop .bd ul{ overflow:hidden; zoom:1; }
#leftMarquee1 .leftLoop .bd ul li{ margin-right:0.12rem; text-align:center; float:left; _display:inline; overflow:hidden; height:0.83rem;}
/*书法欣赏*/
.enjoy{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.4rem 0rem 0rem 0rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:0.9rem; position:relative;}

.zoomed > .gallery{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{width:100%;}
.gallery li{width:3.33rem; height:2.9rem; border:1px solid #ad8a73; background-color:#fff; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:0.4rem; overflow: hidden;}
.gallery li:nth-child(2n){ margin-left:0.4rem;}
.gallery li a{width:100%; height:2.9rem; line-height: 2.9rem;}
.gallery li img{ display: inline-block; width: 100%; vertical-align: middle;}
.tong{ width:100%; height:}
.gallery2{width:100%;}

/*友情链接*/
.link{ width:100%; height:1.4rem; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.26rem 0.2rem 0 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.3rem; position:relative;}

.picList{ width:1000% !important;}
.picList li{ width:1.33rem !important; height:0.83rem;  }
.picList .pic{ text-align:center; line-height:0px; width:1.33rem !important; height:0.83rem;  }
.picList .pic img{width:1.33rem; height:0.83rem; }
.leftLoop{ overflow:hidden; position:relative; }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin-right:0.59rem; text-align:center; float:left; _display:inline; overflow:hidden; height:0.83rem;}
.tempWrap{ width:500% !important;}



/******************书协概况******************************/
.tab_box{ width:100%; height:1.97rem;background-colod:#fff; padding:0 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tab_box .tab_btn{ height:1rem; margin-top:0.37rem;}
.tab_box .tab_btn li{ width:25%; height:0.88rem; background-image:url(../img/fast_nav.jpg); background-size:cover; border:3px solid #8e775c; float:left; margin-left:0.65rem; cursor:pointer;}
.tab_box .tab_btn li:first-child{ margin-left:0;}
.tab_box .tab_btn li span{ font:0.3rem/0.88rem 'Microsoft YaHei'; color:#666; display:block; text-align:center;}
.tab_box .tab_btn li span.black{ color:#000;}

.tab_cont .tab_txt{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.38rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; display:none;}
.tab_txt li{ width:100%; height:0.66rem; border-bottom:1px dashed #a6937c; }
.tab_txt li .news{ font:0.26rem/0.66rem 'Microsoft YaHei'; color:#333; width:4.8rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; float:left;}
.tab_txt li .date{ font:0.24rem/0.66rem 'Microsoft YaHei'; color:#666; float:right;}
.tab_cont .show{ display:block;}
.tab_txt p{ font:0.28rem/0.5rem 'Microsoft YaHei'; color:#333; text-indent:0.56rem;}
.tab_txt h3{ font:0.32rem/0.60rem 'Microsoft YaHei'; color:#333; text-align:center; margin-bottom:0.38rem;}
.tab_txt span.sp1{ font:0.28rem/0.46rem 'Microsoft YaHei'; color:#333; display:block; margin-top:0.3rem;}
.tab_txt h4{ font:bold 0.28rem/0.46rem 'Microsoft YaHei'; color:#333;}

/******************书协动态-内容页*****************************/
.shuxie_content{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.26rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.shuxie_content h3{ font:0.32rem/0.60rem 'Microsoft YaHei'; color:#333; text-align:center; margin-bottom:0.38rem;}
.shuxie_content p{ font:0.28rem/0.5rem 'Microsoft YaHei'; color:#333; text-indent:0.56rem;}
.shuxie_content p img { max-width: 100%;}
.shuxie_content p h2 img { max-width: 100%;}
.shuxie_content h2 img { max-width: 100%;}
.shuxie_content img { max-width: 100%;}
.shuxie_content p span img { max-width: 100%;}
.shuxie_content p p span img { max-width: 100%;}
.shuxie_content span img { max-width: 100%;}
.shuxie_content img { max-width: 100%;}
.shuxie_content a{ color:#333;}

/******************会员风采*****************************/
.fengcai{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.26rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.3rem; position:relative;}
.member_box li{ width:3.5rem; height:4.5rem; float:left; margin:0 0.1rem 0.2rem 0; position:relative; line-height:4.5rem;}
.member_box li:nth-child(2n){ margin-right:0;}
.member_box li span{ width:3.5rem; height:0.6rem; display:block; position:absolute; left:0; bottom:0; background-color:rgba(34,173,56,.5); font:0.3rem/0.60rem 'Microsoft YaHei'; color:#fff; text-align:center; }
.member_box li img{ display:inline-block; vertical-align: middle;}

/******************会员风采-内容页*****************************/
.personality{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.5rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:0.7rem; }
.per{ font:0.3rem/0.3rem 'Microsoft YaHei'; color:#000; text-align:center; position:relative;}
.per:after{ content:''; width:1.2rem; height:0.02rem; background-color:#d2aa0b; position:absolute; left:50%; bottom:-0.1rem; margin-left:-0.6rem;}
.person_img{ width:5.58rem; height:auto; margin:0.5rem auto;}
.person_img img{ width:100%;}
.geren p{ font:0.26rem/0.50rem 'Microsoft YaHei'; color:#000; text-indent:0.52rem;}
.geren p span{ font:0.3rem/0.5rem 'Microsoft YaHei'; color:#000; display:inline-block; margin-right:0.57rem; }
.geren2 p{ font:0.26rem/0.50rem 'Microsoft YaHei'; color:#000; text-indent:0.52rem; padding:0px 30px 10px 30px;}
.works{ margin-top:0.4rem; }
/*display*/
.zoomed > .display{-webkit-filter:blur(3px);filter:blur(3px);}
.display{ width:100%; margin-top:0.48rem;}
.display li{ width:3.45rem; height:4.5rem; line-height:4.5rem; border:none; background-color:#fff; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:0.4rem; overflow: hidden;}
.display li:nth-child(2n){ margin-left:0.2rem;}
.display li a{ width:100%; height: auto; padding:0 2%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.display li img{ display: inline-block; width: 100%; vertical-align: middle;}

.achivement p.p1{ padding-top:0.2rem;}
.art_lifes{ margin:0.4rem auto 0.5rem auto;}
.art_life{ width:4.37rem; height:5.62rem; margin:0.35rem auto 0 auto; position:relative;line-height:5.62rem;}
.art_life .art_pic{ vertical-align:middle; display:inline-block; }



/******************培训教育*****************************/
.train_edu{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.2rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.5rem; position:relative;}
.train_edu ul li{ width:92%; height:3.70rem; line-height:3.69rem; margin:0 auto 0.5rem auto; position:relative;}
.train_edu ul li span{ width:95%; height:0.6rem; background-color:rgba(34,173,56,.7); font:0.28rem/0.6rem 'Microsoft YaHei'; color:#fff; text-align: left; display:block; position:absolute; left:0; bottom:0; padding-left:5%}
.train_edu ul li img{ vertical-align:middle; height:3.69rem;}
/******************培训教育-内容页*****************************/
.organization{ width:4.69rem; height:4.69rem; margin:0.5rem auto 0.35rem auto;}
.organization2{ width:4.69rem; height:109px; margin:0.35rem auto 0.05rem auto;}
.geren h4{  font:0.3rem/0.55rem 'Microsoft YaHei'; color:#000; text-align:center;}

/******************会员中心*****************************/
.member_center{  width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.6rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.5rem; position:relative;}
.mcenter_title{ font:0.28rem/0.28rem 'Microsoft YaHei'; color:#000; text-align:center; margin-bottom:0.6rem;}
.member_center p{ font:0.26rem/0.55rem 'Microsoft YaHei'; color:#000;}
.member_center p a{ color:#0010e8;}



/******************联系我们*****************************/
.contect{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.2rem 0.2rem 0.5rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.5rem; position:relative;}
.qr_code{ width:2rem; height:2rem; margin:0 1.1rem 0 0.4rem;}
.cont_txt{ width:3.5rem; text-align:left;}
.cont_txt p{ font:0.26rem/0.5rem 'Microsoft YaHei'; color:#000;}
.cont_txt p a{ color:#000;}


/******************硬笔佳作*****************************/
.hard_pen{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.35rem 0.2rem 0.9rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.5rem; position:relative;}
.name_list>li{ width:100%; padding-bottom:0.4rem; border-bottom:1px solid #d6b328;}
.name_list li:after{ content:''; width:0; height:0; display:block; visibility:hidden; clear:both;}
.letter{ width:10%; height:1.88rem;}
.letter{ font:0.28rem/1.8rem 'arial'; color:#000;}
.names{ width:90%; padding-top:0.34rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.names a{ font-size:0.26rem; font-family:'Microsoft YaHei'; color:#000; display:block; float:left; padding:0.1rem 0.18rem;}



/******************硬笔佳作-内容页*****************************/
.hard_goodwork{ width:100%; background-image:url(../img/fast_nav.jpg); background-size:cover; padding:0.35rem 0.2rem 0.9rem 0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:1.5rem; position:relative;}
.title1{ font:0.3rem/0.3rem 'Microsoft YaHei'; color:#000; position:absolute; left:50%; top:-0.68rem; margin-left:-1.3rem;}
.title1:after{ content:''; width:2.66rem; height:0.02rem; background-color:#d2aa0b; position:absolute; left:0.01rem; bottom:-0.1rem;}
.hard_goodwork .writing{ width:3.33rem; height:4.6rem; overflow:hidden; margin:0.12rem auto 0 auto !important;line-height:4.6rem;}
.hard_goodwork .spic{ margin:0;}
.hard_goodwork .outer{ width:3.8rem; height:4.94rem;  margin:0.2rem auto 0 auto !important; border:none; padding:0; float:none;background-color:#fff; }
.pic_work1{ width:3.33rem; height:4.6rem; }
.pic_work2{ width:3.57rem; height:4.6rem; margin:0.2rem auto 0 auto;}
.pic_work3{ width:1.64rem; height:4.51rem; margin:0.2rem auto 0 auto;}
.hard_goodwork .writing img{ vertical-align:middle;}






/******************手风琴*****************************/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 2px;margin: 1px 3px;line-height: 20px;background: #fff;color:#999; width:auto; height:16px;}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 2px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
/******************分页*****************************/


.content {
	max-width: 640px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.nynav {
	text-align: center;
	padding: 30px 0;
}
.nynav ul li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	margin: 5px;
	background: #f1f1f1;
	color: #333;
	border-radius: 5px;
	font-size: 14px;
}
.nynav ul li:hover {
	background: #8fce54;
	color: #fff;
}
.nynav ul li.on {
	background: #8fce54;
	color: #fff;
}
/******************关于我们选项卡*****************************/