@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#333; font-family:"arial","微软雅黑"; max-width:960px; margin:0 auto; }
#main_out {  }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
.highlight { color:#FFF; background:red; padding:1px; }
img { border:none; vertical-align:top; }
/* a */ 
a { color:#333; text-decoration:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
a:visited {  }
a:active, a:hover { text-decoration:none; color:#f60; }
a:focus { outline:none; }
p { line-height:22px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
:focus { outline:0; text-decoration:none; }
a:focus {outline:0; text-decoration:none; color:#f60; }

/*首页CSS*/
#sria_index { position:absolute; height:100%; width:960px; box-shadow:0 0 10px #666; }
#index { position:absolute; left:0; top:0; height:100%; width:100%; }
#index h1 { position:absolute; left:0; top:0; height:100%; width:100%; z-index:1; }
#index h1 img { position:absolute; left:0; top:0; height:100%; width:100%; }
#index h2 { position:relative; text-align:center; z-index:2; padding:40px 0 0; }
#index h2 img { width:100%; padding:0 20%; box-sizing:border-box; }
#index h3 { position:relative; z-index:2; padding:25px 0 0; color:#f60; text-align:center; font-size:40px; text-shadow:1px 1px 1px #333; text-transform:uppercase; line-height:40px; }
#index ul { position:relative; z-index:2; padding:25px 0 0; text-align:center; }
#index ul li { display:inline-block; font-size:28px; line-height:28px; padding:0 20px; color:#f60; text-shadow:1px 1px 1px #333; }
#index ol { padding:40px 20px; text-align:center;  position:relative; z-index:2; }
#index ol li { padding:0 20px; float:left; width:16.6666667%; box-sizing:border-box; }
#index dl { border-radius:8px; }
#index dl dt { font-size:40px; }
#index dl dd { font-size:18px; }
#index dl a { display:block; color:#fff; padding:10px 0 15px; border-radius:5px; background:rgba(0,0,0,0.4); }
#index dl a:hover { background:#f60; }

/*网站底部*/
footer { background:rgba(0,0,0,0.6); padding:5px 15px; text-align:center; color:#fff; border-top:1px solid #222524; z-index:2; height:40px; position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; line-height:28px; font-size:16px; text-transform:uppercase; }
footer a {color:#fff; }


/*顶部*/
header { background:#dedede; position:relative; }
#logo { text-align:center; position:relative; z-index:1; padding:10px 0; border-bottom:1px solid #3a3a3a; }
#logo img { height:48px; margin:-5px  0 0 0;}
#goback a { color:#f60; }
#goback { position:absolute; z-index:2; left:10px; top:0; color:#fff; line-height:68px; font-size:28px; }
#menu { cursor:pointer; position:absolute; right:18px; top:0; z-index:2; color:#fff; line-height:68px; font-size:28px; color:#f60; }

nav { position:fixed; width:960px; height:100%; background:rgba(0, 0, 0, 0.6); top:0; z-index:-1; left:0; opacity:0; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
nav ul { width:50%; position:absolute; top:0; right:0; height:100%; background: rgba(0,0,0,0.7); }
nav li { line-height:42px; border-bottom:1px solid #666666; color:#fff; font-size:18px; }
nav li.menu { padding:0 15px; }
nav li a { display:block; color:#fff; padding:0 15px; }
nav li i {  }
nav li span { float:right; }
nav li em { float:right; }
nav li a:hover { background:#f60; color:#fff; }
nav .current { background:#f60; color:#fff; }

.tnav { left:auto; z-index:1000; opacity:1; }

/*内页通用部分*/
body { box-shadow:0 0 10px #666; }
.banner { width:100%; height:auto; }
.common {  }
.channel { }
.channel li { float:left; padding:0 0 0 2px; box-sizing:border-box; }
.channel li:first-child { padding:0; }
.channel li a { display:block; font-size:16px; color:#f60; background:#dedede; padding:0 10px; line-height:32px; }
.channel li span { float:right; transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
.channel li a:hover { color:#fff; background:#f60; }
.channel .c_c { color:#fff; background:#f60; }

#cat1 li { width:20%; }

.custom { padding:20px; }
.custom p { line-height:26px; font-size:16px; text-indent:2em; }

#footer { border-top:1px solid #333; padding:10px 0; font-size:14px; color:#666; background:#000; line-height:14px; text-align:center; text-transform:capitalize; }


/*关于我们*/
#c7 { }
#c7 i { display:block; margin:0 0 10px; }
#c7 i img { width:100%; }
#c7 p { margin:0 0 10px; }

/*协会领导*/
#leader { }
.leader { padding:20px; }
.leader dt { padding:10px; background:#f1f1f1; border:1px solid #ccc; }
.leader dt img { float:left; padding:0 10px 0 0; }
.leader h2 { line-height:30px; font-size:18px; }
.leader h3 { line-height:26px; font-size:16px; }
.leader p { line-height:24px; font-size:14px; }

.leader dd { margin:10px 0 0; }
.leader dd h2,.leader dd h3 { color:#f60; }
.leader li { line-height:24px; font-size:14px; }
.leader li i { font-style:normal; }
.leader li i strong { color:transparent; padding:0 5px; }

.leader dd h3{ margin:10px 0 0; }
.leader dd h3 em { font-style:normal; display:block; color:#333; }
.leader dd h3 em strong { color:transparent;  padding:0 5px; }

/*组织架构*/
.construction { padding:20px; }
.construction ul { width:640px; margin:0 auto; position:relative;}
.construction li { width:70%; margin: 0 auto 40px  auto; position:relative; box-sizing:border-box; }
.construction li a { display:block; width:100%; line-height:40px; text-align:center; font-size:18px; background:#f1f1f1; background:-webkit-linear-gradient(to bottom,#eee,#ccc); background-image:linear-gradient(to bottom,#eee,#ccc); font-family:"微软雅黑"; }
.construction li big {display:block; height:40px; width:6px; background:#e77b1c; position:absolute; left:224px; border-radius:6px; }
.construction li i { display:none; }
.construction li i img { transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); padding:1px 0 0 30px; }
.construction li a:hover i { display:inline-block; }
.construction li dl label{ float:right; margin:40px 0 0 0; font-size:30px; color:#989898 ; }
.construction li dl{ display:block;}
.disdl{ display:block; width:100%;}
.icon icon-cancel-circle{ padding:20px;}
.construction .li5{ width:100%;}
.construction .li6{ width:100%;}
.construction .li7{ width:100%;}
.construction .li8{ width:100%;}
.construction .li5 big{ left:50%; display:none;}
.construction .li6 big{ left:50%; display:none;}
.construction .li7 big{ left:50%; display:none;}
.construction .li8 big{ left:50%; display:none;}
.construction dt { text-align:center; padding: 0 36px}
.construction dd { background:#f1f1f1; background:#f1f1f1; width:100%; }
.construction dd img { float:left; padding:0 10px 0 0; }
.construction dd h2 { font-size:16px; font-weight:bold; line-height:22px; margin:0 0 10px; padding: 10px 0px 0px 10px;}
.construction dd h3 { font-size:14px; line-height:26px; padding:0 0 0 10px;}
.construction .li5 p { font-size:13px; line-height:21px;  padding:0 10px;}
.construction .li6 h3 em { font-style:normal; padding:0 10px 0 0; font-weight:bold; }

.construction .li7 h4 { font-size:16px;  line-height:42px; font-weight:normal; padding: 10px 0px 0px 10px;}
.construction .li7 em { font-style:normal; color:#000; padding:0 0 0 5px; font-weight:bold; }
.construction .li8 h5 { font-size:16px; padding:10px 0 0 10px; }
.construction .li8 em { font-style:normal; color:#000; font-weight:bold; }

.construction .li9 big { display:none; }

.construction li strong { font-weight:normal; color:transparent; padding:0 5px;}

/*协会宗旨*/
#c10  {  }
#c10 .custom li { display:block; width:300px; margin:0 auto 20px; text-align:center; line-height:40px; font-size:18px; color:#f60; background:-webkit-linear-gradient(to bottom,#eee,#ccc); background-image:linear-gradient(to bottom,#eee,#ccc); }

/*协会章程*/
#cat2 li { width:33.3333334%; }
.custom h1{ text-align:center; font-size:20px; color:#F60}
#c11 h2{ font-size:18px; margin:10px 0 0 0;}
#c11 p{ font-size:16px;}
#c11 p span{ text-indent:2em;}
#c11 i{ display:block; font-style:normal; text-indent:4em;}


/*入会须知*/
#c12 h1 { font-size:22px; color:#f60; font-family:"微软雅黑"; }
#c12 h2 { font-size:16px; line-height:26px; font-weight:bold; padding:10px 0 0; }
#c12 h2 span { padding:0 0 0 10px; }
#c12 p  { text-indent:0; }
#c12 p span { text-align:center; display:block; }
#c12 h3 a { display:block; width:230px; line-height:48px; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:18px; float:right; background:#f60; border-radius:12px; margin:50px 0 0; }

/*会员信息*/
.member { padding:20px; }
.member h2 { font-size:18px; font-weight:bold; color:#f60; }
.member dl p,.member li { font-size:16px; line-height:26px; }
.member dd,.member ul { margin:10px 0 0; }

/*入会申请*/
#c14 h1 { font-size:22px; color:#f60; font-family:"微软雅黑"; }
#c14 h2 { font-size:18px; line-height:26px; font-weight:bold; padding:10px 0 0; color:#f60; margin:10px 0;}
#c14 h3 { font-size:18px; padding:10px 0 0; color:#f60; margin:10px 0; font-weight:bold; }
#c14 p { line-height:35px; font-size:15px; }
#c14 span{ display:block; border:#f60 solid 2px; padding:5px; text-align:center; line-height:18px;}
#c14 i{ display:block; margin:10px 0; text-align:center;}
#c14 h4 a { display:block; width:230px; line-height:48px; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:18px; float:right; background:#f60; border-radius:12px; margin:50px 0 0; }

/*新闻中心*/
#cat3 li { width:25%; }
.news { padding:20px; }
.news ul { background:url(../img/news_ul_960.png) repeat; }
.news dl { padding:10px; float:left; width:50%; box-sizing:border-box; }
.news dl a { display:block; }
.news dt { float:left; width:80px; height:60px; padding:0 10px 0 0; }
.news dt img { width:100%; height:100%; box-shadow:0 0 2px #333; }
.news dd { height:44px; line-height:22px; font-size:15px; overflow:hidden; }
.news dl span { display:block; line-height:16px; font-size:14px; text-align:right; }

/*筹备日记*/
.diary { padding:20px; }
.diary dl p { padding:0 0 10px; }
.diary dl { padding:0 0 30px; border-bottom:1px dotted #666; }

/*行业资讯*/
#cat4 li { width:33.3333334%; }

/*会展活动*/
#cat5 li { width:100%; float:none; }

/*联系我们*/
#cat6 li { width:50%; }
.contact { padding:20px; }
.contact h2 { font-size:18px; padding:0 0 10px; }

/*人才招聘*/
.recruit { padding:20px; }
.recruit dl { padding:15px; box-shadow:0 0 5px #ccc; margin:0 0 20px; }
.recruit dt { line-height:32px; font-size:16px; font-weight:bold; cursor:pointer; }
.recruit dt span { float:right; color:#f60; }
.recruit dd { height:0; overflow:hidden; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.recruit .current dt { color:#f60; }
.recruit .current dd { height:auto; overflow:visible; }
.recruit .current dt span { transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); }  

/*信息详情*/
.info { padding:20px; }
.info h2 { line-height:24px; font-size:18px; text-align:center; border-bottom:1px solid #333; color:#333; padding:3px 0; }
.info_content { padding:20px 0; font-size:16px; line-height:26px; text-indent:2em; }
.info_content p { font-size:16px; line-height:26px; margin:0 0 10px; text-indent:2em; }
.info_content img { max-width:100%; }


/*分页样式*/
.page_turner { margin:20px 0; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #f66a14; padding:2px 5px; margin-left:4px; line-height:16px; color:#f66a14; background: #fff; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; color:#f66a14; }
.page_turner a:hover, .page_turner a.c { background:#f66a14; color:#FFF; }
#total { color:#025291; }
#gotop { z-index:1000; width:30px; height:30px; border-radius:5px; }

/*响应式*/
@media screen and (max-width:960px){
#sria_index{ width:100%; min-height:570px;}
nav{ width:100%;}
body{ max-width:100%;}
#construction{ overflow-x:hidden;}
#c14 h1{ font-size:20px; font-weight:bold;}
#c14 h2{ font-weight:normal;}
#c14 h3{ font-weight:normal;}
}

@media screen and (max-width:860px){
#index h2 img{ padding:0 23%;}
#index h3{ font-size:38px;}
#index dl dt{ font-size:38px;}
	}
@media screen and (max-width:720px){
#index h3{ font-size:36px;}
#index ul li{ font-size:26px;}
#index dl dt{ font-size:36px;}
#index ol li{ padding:0 12px;}
}


@media screen and (max-width:680px){
#index h2 img{ padding:0 16%;}
#index h3{ font-size:26px; line-height:35px;}
#index ul{ padding:0; }
#index ul li{ font-size:16px; padding:0 3px;}
#index ol{ padding:60px 20px;}
#index ol li{ width:33.33333333%; padding:15px;}
footer{ font-size:14px;}
#logo{ padding:3px 0;}
#cat1 li{ width:100%; border-bottom:#FFFFFF solid 1px;}
#c7 p{ margin:0 0 5px;}
.construction ul{ width:100%;}
/*.construction li{ width:100%;}*/
.construction li big{ width:6px; height:40px; left:50%; margin:0 auto;}
.construction li small{ left:50%}
.construction dd{ width:100%; padding:0;}
.construction dt{ width:100%;}
.construction .li6 dd{ margin:0 auto;}
.construction .li6 dt{ float:none;}
.construction .li6 dl{ margin:0 auto;}
.construction .li7 dd{ margin:0 auto;}
.construction .li7 dl{ margin:0 auto;}
#menu{ line-height:60px; right:5px; font-size:24px;}
#logo img{ margin:-3px 0 10px 0; height:41px;}
#goback{ line-height:60px; left:0; font-size:24px;}
/*.block_home_slider .flex-control-paging{ left:50%; right:0 !important; bottom:40px !important;}
.caption p{ padding:0  0 0 10px !important;}*/
#cat2 li{ width:100%;  border-bottom:#FFFFFF solid 1px;}
#cat3 li{width:100%;  border-bottom:#FFFFFF solid 1px;}
#cat4 li{width:100%;  border-bottom:#FFFFFF solid 1px;}
#cat5 li{width:100%;  border-bottom:#FFFFFF solid 1px;}
#cat6 li{width:100%;  border-bottom:#FFFFFF solid 1px;}
.news dl{ width:100%; overflow:hidden;}
/*.block_home_slider .flex-direction-nav a.flex-prev{ left:1px !important;}*/
.block_home_slider .flex-direction-nav a {width: 35px;height: 36px;margin-top: -40px;}
#c10 .custom li{ width:50%;}
#c14 h1{ text-align:left;}
.info_content{ padding:10px 0;}
.info_content p{ font-size:14px; text-indent:0;}
.info h2{ font-size:16px;}
}
@media screen and (max-width:560px){
#c14 h1{ font-size:18px;}
.member h2{ font-size:16px;}
.member dl p, .member li{ font-size:14px;}
.custom h1{ font-size:16px;}
#c11 h2{ font-size:15px;}
nav li{ line-height:37px; font-size:16px;}

	}
@media screen and (max-width:460px){
#c14 h1{ font-size:16px;}
#c14 h2{ font-size:15px;}
#c14 h3{ font-size:15px;}
.leader h2{ font-size:16px;}
.leader h3{ font-size:15px;}
.leader p{ font-size:14px;}
.construction li a{ font-size:16px;}
#c14 h2{ margin:5px 0;}
#c14 h3{ margin:5px 0;}
#c14 i{ margin:5px 0;}


}
@media screen and (max-width:400px){
#c12 h1{ font-size:16px;}
.news dd{ font-size:14px;}
.custom p{ font-size:14px;}
#c11 h2{ font-size:16px;}
#c11 p{ font-size:14px;}
#c12 h2{ font-size:15px;}
#c12 p{ font-size:14px;}
#c12 h3 a{ width:140px;}
.contact h2{ font-size:16px;}
.recruit dt{ font-size:15px;}
#c14 h4 a{ width:140px;}
#c14 p{ line-height:25px;}
	}
@media screen and (max-width:340px){
#index h3{ font-size:26px;}
#index ul li{ padding:0 2px; font-size:16px;}
#index dl dt{ font-size:34px;}
#index dl dd{ font-size:15px;}
#logo img{margin: -4px 0px 10px; height:40px;}
#index ol li{ padding:12px;}

}
@media screen and (max-width:260px){
#index h3 { font-size: 18px;}
#index ul li {padding: 0px;font-size: 14px;}
#index dl dt {font-size: 20px;}
#index dl dd {font-size: 12px;}
#logo img{ height:38px;}
}