﻿@charset "utf-8";
@media screen and (max-width: 768px) {

	.wrap{ width:94%;}
    .navs{ display:none;}
    .Header{ padding-bottom: 0; border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .HeaderOn{ box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
	.HeaderMain{ width:100%; height:auto;}
    .HeaderLogo{ height:56px; width:auto; margin:63px 0 20px 0; z-index:9999;}
    .HeaderLogo img{ height:45px;}
	.HeaderMain .topr{ margin:0; padding:10px 0 0 0; float:none; position:relative; z-index:9999;}
	.HeaderMain .topr .search{ overflow:hidden;}
	.HeaderMain .topr .search p{ float:right;}
	.HeaderMain .topr .search p a{ float:left;}
	.HeaderMain .topr .search p a.lr{ padding:0 0 0 10px;}
	.HeaderMain .topr .search form{ width:158px; float:left; width: calc(100% - 2px); float: none;}
	.HeaderMain .topr .search form .txt{ width:118px;}
	.HeaderMain .topr h3{ display:none;}
	.menu-wrap{ display:block; top:30px;}
	.btn-nav{background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
	.btn-nav:focus{outline:0}
	.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background:#1B51A8;}
	.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.animated2{display:block;margin:0 auto}
	.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#1B51A8}
	.animated2:focus{cursor:pointer;z-index:9999}
	.middle{width:18px;}
	.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
	.animated2 .icon-bar{z-index:999999;background-color:#000}
	.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
	.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
	.animated2 .middle{width:0}
	.Header.showMenu .animated2 .icon-bar{ background:#1B51A8;}
	.HeaderOn .icon-bar,.CaseOn .icon-bar{background:#1B51A8;}

	.menu-content{ width:94%; padding:10px 3% 0 3%; height:100%; background:#FFF; position:absolute; left:0; z-index:200; display:none;}
	.menu-content .j_menu{ height:500px; overflow:auto;}
	.menu-content .j_menu>li{ line-height:48px; border-bottom:1px solid #EEE ;}
	.menu-content .j_menu>li:last-child{ border:none;}
	.menu-content .j_menu>li>a{ display:block; color:#333; text-align:left; font-size:16px}
	.menu-content .j_menu .dropdown-list{ background-color:#F9F9F9; line-height:35px; font-size:14px; display:none; padding:10px 0;}
	.menu-content .j_menu .dropdown-list>li>a{ display:block; text-align:left; padding-left:25px; color:#333; font-size:14px}
	.menu-content .j_menu .dropdown-list>li>a:hover{ color:#333;}
	.menu-content .j_menu .sub-menu{ display:none; }
	.menu-content .j_menu .sub-menu a{ line-height:30px; padding-left:50px; text-align:left; font-size:12px; display:block;}
	.menu-content .j_menu .i-left{ position:relative; display:block; }
	.menu-content .j_menu .i-left:after{ content:''; position:absolute; right:20px; top:8px; display:block; background:url(../images/icon.png) no-repeat; width:20px; height:20px; background-position:-28px -98px; background-size:180px;}
	.menu-content .j_menu .i-left:hover:after{ background-position:-28px -98px;}
	.menu-content .j_menu .i-up:after{ background-position:-28px -73px;}
	.menu-content .j_menu .i-up:hover:after{ background-position:-28px -73px;}

	/* 第一部分 */
	.sec1{ margin:20px auto 0 auto;}
	.banner{ width:100%;}
	.banner .slides li{ height:auto;}
	.banner .slides li p{ width:70%; padding:0 25% 0 5%; height:40px; line-height:40px; font-size:14px;}
	.banner .flex-control-nav{ width:15%; bottom:12px;}
	.banner .flex-control-nav li{ width:8px; height:8px;}
	.banner .flex-control-nav a{ width:8px; height:8px;}
	#brand{ width:94%; padding:10px 3%;}
	#brand .more{ right:3%; top:20px; font-size:14px;}
	#brand #lists{ display:block; border-left:2px solid #1B51A8;}
	#brand #lists li{ width:85px; margin-left:2px; float:left;}
	#brand #lists li a{ height:40px; line-height:40px; font-size:16px;}
	#brand #brand_con{ padding:10px 0 0 0;}
	#brand #brand_con .tag p{ height:35px; line-height:32px;}
	#brand #brand_con .tag p a{ width:80%; padding-left:5%; font-size:14px; background-size:10px !important;}
	#brand #brand_con .tag p span{ font-size:14px;}

	/* 第二部分 */
	.sec2{ margin:20px auto 0 auto;}
	#infos{ width:94%; padding:10px 3%;}
	#infos .more{ right:3%; top:20px; font-size:14px;}
	#infos #tpname{ display:block; border-left:2px solid #1B51A8;}
	#infos #tpname li{ width:85px; margin-left:2px; float:left;}
	#infos #tpname li a{ height:40px; line-height:40px; font-size:16px;}
	#infos #infos_con{ padding:10px 0 0 0;}
	#infos #infos_con .tag p{ height:35px; line-height:32px;}
	.zhuanti ul p{ float: none; width: 100%;height:35px; line-height:32px; font-size: 14px; }
	.zhuanti ul p a,.zhuanti ul p span{ font-size: 14px;background-size: 10px !important; }
	#infos #infos_con .tag p a{ width:80%; padding-left:5%; font-size:14px; background-size:10px !important;}
	#infos #infos_con .tag p span{ font-size:14px;}
	.indser{ width:94%; padding:10px 3%; margin-top:20px;}
	.indser .indtt{ border-left:2px solid #1B51A8;}
	.indser .indtt h3{ /*width:85px;*/ height:40px; line-height:40px; margin-left:2px; font-size:16px; }
	.indser .indtt a{ right:3%; top:12px; font-size:14px;}
	.indser ul{ padding:11px 0;}
	.indser ul li{ width:47%; margin:10px 1% 0 1%;}
	.indser ul li.lr{ margin:10px 1% 0 1%;}

	/* 第三部分 */
	.sec3{ margin:20px auto 0 auto;}
	.zhuanti{ width:94%; padding:10px 3%; margin-bottom:20px;}
	.zhuanti .indtt{ border-left:2px solid #1B51A8;}
	.zhuanti .indtt h3{ width:85px; height:40px; line-height:40px; margin-left:2px; font-size:16px; }
	.zhuanti .indtt a{ right:3%; font-size:14px;}
	.zhuanti ul li{ margin:10px auto 10px auto; background-size:100%; padding:0 0 0 4%; width: 44%; height: 50px; line-height: 50px; }
	.zhuanti ul li.lr{ margin-right:0;}
   	.zhuanti ul li a{  font-size: 15px; }
     .zhuanti ul li:nth-child(2n) { float: right; }
	.links{ width:100%; float:none; margin:0 auto; overflow:hidden;}
	.links li{ background: url(../images/lkbg.jpg) repeat center;}
	.links li a{ line-height:44px;}

	/* 外链 */
	.wlinks{ margin:20px auto 0 auto;}
	.wlinks li{ width:310px; height:76px; line-height:76px; text-align:center; margin:0 auto 10px auto; float:none;}
	.wlinks li:nth-child(3), .wlinks li:nth-child(6) {margin-right: auto}
	.wlinks li a{ font-size:16px; color:#FFF; background:url(../images/linkbg.jpg) no-repeat left center; display:block;background-size: 310px 76px;}

	/* 第四部分 */
	.sec4{ margin:20px auto;}
	.mapBox{ display:none;}
	.indmap{ width:94%; margin:0 auto; overflow:hidden; display:block;}
	.indmap h2{ width:100px; margin-bottom:20px; padding-bottom:15px; font-size:24px; background:url(../images/borderb.png) no-repeat bottom center;}
	.indmap #maptt{ width:100%; overflow:hidden;}
	.indmap #maptt li{ width:20%; float:left;}
	.indmap #maptt li a{ line-height:25px; text-align:center; color:#333; display:block;}
	.indmap #maptt li a.selected{ background:#1B51A8; color:#FFF;}
	.indmap #mapcon{ width:auto; height:auto; margin-top:5px; background:#F0F5FC; border:1px solid #1B51A8;}
	.indmap #mapcon .tag{ padding:10px; height:150px; overflow:auto;}




	/******************** 内页部分 ********************/
	.contents{ margin:30px auto;}
	.leftnav{ display:none;}
	.textcon{ width:94%; padding:5px 3% 20px 3%; float:none; margin:0 auto;}
	.position{ line-height:50px;}
	.position h3{ font-size:18px;}
	.position p{ font-size:14px;}

	/* 协会介绍-协会简介 */
	.abouts h1{ padding:20px 0; font-size:20px;}
	.abouts .cons{ line-height:26px; font-size:14px;}
	.abouts .cons p{ line-height:26px; margin-bottom:10px; text-indent:0; font-size:14px;}

	/* 协会介绍-协会章程 */
	.zhangc{ padding:20px 0; margin-top:20px;}
	.zhangc .gdt{ height:auto; overflow:auto;}
	.zhangc h1{ font-size:20px;}
	.zhangc h2{ padding:0 5%; font-size:14px;}
	.zhangc .cons{ line-height:26px; font-size:14px; padding:20px 10px 0 10px;}
	.zhangc .cons h3{ padding-bottom:10px; font-size:16px;}
	.zhangc .cons p{ line-height:26px; margin-bottom:10px; font-size:14px;}

	/* 协会介绍-协会领导 */
	.lingd{ padding-top:0;}
	.lingd dl{ width:47%; margin:15px 1% 0 1% !important;}
	.lingd dl.lr{ margin:15px 1% 0 1%;}
	.lingd dl dt{ width:94%; padding:5px 3%;}
	.lingd dl dd{ padding-top:5px; text-align:center; font-size:14px;}

	/* 协会介绍-组织架构 */
	.organ{ padding:20px 0 0 0;}
	.organ img{ max-width:100%; display:block;}

	/* 协会介绍-分支机构 */
	.fenzhi{}
	.fenzhi li{ line-height:45px;}
	.fenzhi li a{ width:66%; padding:0 0 0 5%; font-size:14px;}
	.fenzhi li:hover a{ width:70%; padding:0 0 0 50px; color:#FFF; background:url(../images/btbgh.png) no-repeat 25px center;}
	.fenzhi li span{ font-size:14px;}


	/* 新闻报道-首页 */
	.newhome{ width:88%; margin:30px auto; padding:0 3% 20px 3%;}
	.hynews{ width:100%; margin-top:20px;}
	.hynews .left{ width:100%;}
	.hynews .left p{ width:95%; padding:0 5%; height:40px; line-height:40px; font-size:14px;}
	.hynews .right{ width:94%; padding:10px 3%; margin-top:20px; background-position:left top;}
	.hynews .right .ntit{ line-height:40px;}
	.hynews .right .ntit h3{ font-size:18px;}
	.hynews .right .ntit a{ font-size:14px;}
	.hynews .right .cons{ padding:10px 0 0 0;}
	.hynews .right .cons p{ height:35px; line-height:35px;}
	.hynews .right .cons p a{ width:75%; padding-left:5%; font-size:14px; background-size:10px !important;}
	.hynews .right .cons p span{ font-size:14px;}

	/* 新闻报道-列表 */
	.otnews{ width:100%; margin-top:20px;}
	.otnews .ntit{ line-height:40px;}
	.otnews .ntit h3{ width:25%; font-size:18px;}
	.otnews .ntit a{ width:73%; font-size:14px;}
	.otnews .cons{ height:auto; padding:12px 3%; background:#F5F5F5;}
	.otnews .cons p{ height:30px; line-height:30px;}
	.otnews .cons p a{ width:75%; padding-left:5%; font-size:14px; background-size:10px !important;}
	.otnews .cons p span{ font-size:14px;}
	.frnews{ float:right;}
	.shnews{ float:right;}
	.shnews .ntit h3{ width:35%;}
	.shnews .ntit a{ width:63%;}
	.sernews .ntit h3{ width:35%;}
	.sernews .ntit a{ width:63%;}
	.sernews2 .ntit h3{ width:45%;}
	.sernews2 .ntit a{ width:53%;}
	.sernews3 .ntit h3{ width:30%;}
	.sernews3 .ntit a{ width:68%;}
	.dnews{ width:100%;}
	.dnews .ntit h3{ width:35%;}
	.dnews .ntit a{ width:63%;}
	.dnews .cons p a{ width:75%;}
	.ztnews1{ width:100%;}
	.ztnews1 .ntit a{ width:73%;}
	.ztnews1 .cons p a{ width:75%;}
	.ztnews2 .ntit h3{ width:40%;}
	.ztnews2 .ntit a{ width:58%;}
	.ztnews3 .ntit h3{ width:30%;}
	.ztnews3 .ntit a{ width:68%;}

	/* 新闻报道-详情 */
	.newsdeail{}
	.newsdeail h1{ padding:15px 0 10px 0; font-size:18px;}
	.newsdeail .txt{ padding-bottom:15px; font-size:14px;}
	.newsdeail .cons{ padding:15px 0; line-height:26px; font-size:14px;}
	.newsdeail .cons p{ line-height:26px; margin-bottom:10px; font-size:14px;}
	.newsdeail .cons img{ margin-bottom:10px;}

	/* 信息发布-首页 */
	.infos{ width:100%; margin-top:20px;}
	.infos dt{ width:30%; height:auto; padding:25px 0 25px 5%;}
	.infos dt h2{ margin-bottom:5px; font-size:20px;}
	.infos dt a{ font-size:12px;}
	.infos dd{ width:59%; padding:14px 3%;}
	.infos dd p{ height:35px; line-height:35px; overflow:hidden;}
	.infos dd p a{ width:70%; padding-left:8%; font-size:14px; background-size:10px !important;}
	.infos dd p span{ font-size:13px;}

	.infolink{ margin-top:0;}
	.infolink a{ width:50%; height:50px; line-height:50px; margin:20px 0 0 0; font-size:18px;}

	/* 联系我们-加入我们 */
	.joins{ width:100%; margin-top:20px;}
	.joins .biao p{ width:50%; font-size:15px;}
	.joins .biao p.two,.joins .biao p.four{ width:25%;}
	.joins .biao p.three{ display:none;}
	.joins .joinus h2{ height:60px;}
	.joins .joinus h2 em{ width:14px; height:14px; right:10%; top:23px;}
	.joins .joinus h2 p{ width:50%; height:60px; line-height:60px; font-size:14px;}
	.joins .joinus h2 p.two{ width:25%;}
	.joins .joinus h2 p.three{ display:none;}
	.joins .joinus dd{ width:92% !important; line-height:26px; padding:0 4% !important; font-size:14px;}
	.joins .joinus dd b{ font-size:14px; font-weight:normal; color:#333;}
	.joins .joinus dd span{ padding:10px 0 15px 0; line-height:26px;}


	/* 联系我们-常见问题 */
	.question{ margin-top:20px;}
	.question dl{ padding:15px 3%; margin-bottom:15px;}
	.question dl dt{ margin-bottom:10px;}
	.question dl dt span{ width:25px; height:25px; line-height:25px; font-size:14px;}
	.question dl dt h3{ width:85%; height:100%; line-height:25px; padding-left:10px; font-size:14px; }
	.question dl dd span{ width:25px; height:25px; line-height:25px; text-align:center; font-size:14px;}
	.question dl dd p{ width:85%; padding-left:10px; line-height:25px; font-size:14px;}

	/* 联系我们-服务电话 */
	.lianxi{ margin-top:20px;}
	.lianxi ul{ width:90%; padding:10px 5% 20px 5%;}
	.lianxi ul li span{ font-size:16px;}
	.lianxi ul li p{ font-size:16px;}
	.lianxi #dituContent{ display:none;}

	.contact{ margin-top:20px;}
	.contact ul li a{ height:60px; line-height:60px; font-size:18px;}
	.contact .submenu-indicator{ top:21px;}
	.contact ul ul.submenu{ width:94%; line-height:30px; padding:15px 3%; font-size:14px;}
	.contact ul ul.submenu h3{ height:36px; line-height:36px; padding-left:3%; font-size:14px;}
	.contact ul ul.submenu h3.t1{ width:37%;}
	.contact ul ul.submenu h3.t2{ width:26%;}
	.contact ul ul.submenu h3.t3{ width:26%;}
	.contact ul ul.submenu p{ padding:10px 0 10px 3%; font-size:12px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
	.contact ul ul.submenu p.p1{ width:37%;}
	.contact ul ul.submenu p.p2{ width:26%}
	.contact ul ul.submenu p.p3{ width:26%;}

	/* 收费公示-详情 */
	.pdfs{ height:500px;}
	.pdfs object{ height:500px;}

	/* 杂志社 */
	.zzimg{ width:300px; padding-top:20px;}
	.zzimg .imgcon{ width:216px; margin:0 31px;}
	.zazhi{ margin-top:6px; overflow:hidden;}
	.zazhi li{ width:46%; margin:20px 2% 0 2%;}
	.zazhi li.lr{ margin:20px 1% 0 1%;}
	.zazhi li h3{ padding-top:10px; font-size:16px;}

	/* 分页 */
	#mpage{ padding-top:20px; text-align:center; display:block}
	#page{ display:none;}

	/* 上下篇 */
	.shang{ padding:10px 0 0 0;}
	.shang .sx{ width:100%;}
	.shang .sx a{ line-height:25px; font-size:14px;}
	.shang .back{ width:100px; margin:10px 0 0 0; font-size:14px; float:left;}

	/* 公用底部 */
	.footer{ padding:30px 0 0 0; background-size:cover !important;}
	.footer .ftnav{ width:100%; margin:0 0 20px 0;}
	.footer .ftnav h3{ padding-bottom:10px; font-size:18px;}
	.footer .ftnav ul li{ margin:0 50px 5px 0;}
	.footer .ftnav ul li a{ font-size:14px;}
	.footer .lx{ width:100%;}
	.footer .lx h3{ padding-bottom:10px; font-size:18px;}
	.footer .lx p{ padding-bottom:5px; font-size:14px;}
	.footer .ewm{ padding:20px 0 0 0; border-left:0; float:left;}
	.footer .ewm h3{ padding:0 0 20px 0; font-size:18px;}
	.footer .ewm .wx p{ max-width:45%; margin:0 5% 0 0;}
	.footer .ewm .wx p img{ max-width:100%;}
	.select{ width:100%; margin-top:5px;}
	.select dt{ width:94%; padding:0 3%; background:#164186 url(../images/jt.jpg) no-repeat 94% center;}
	.select dd{ width:100%; height:90px;}
	.select dd a{ line-height:30px; font-size:14px; background:url(../images/jt2.jpg) no-repeat 94% center;}

	.bottoms{ margin-top:30px;}
	.bottoms p{ line-height:22px; padding:12px 0 5px 0; font-size:14px;}
	.bottoms p a{ font-size:14px;}
	.bottoms a.tt{ line-height:22px; margin:0 25px 15px 0; font-size:14px; float:left;}

.about-left{ float: none; width: 100%; margin:auto; }
.about-right{ display: none; }
.about-left .text-row .title,.about-left .text-row .content{ float: none; width: 100%; margin-bottom: 20px; }
.about-left .text-row{ display:block}
.about-left .text-row{ height: auto; }
.about-left{ padding-top:0; }
.about-left .text-row .title p{ font-size: 24px; }
.jieguo .tit{ font-size: 22px; }
.zs_tit{ font-size: 20px; }
.jieguo td{ font-size: 15px; }
.fenzhi p{ font-size: 14px; padding:10px; margin:10px auto; }
.HeaderMain .topr .ad_name{ display: none; }
}

@media screen and (max-width: 767px) {
.zhuanti ul li,.zhuanti ul li.lr,.zhuanti ul li:nth-child(2n){ width: 96%; float: none; height: 40px; line-height: 40px; }
.mess{ width: 300px; margin:20px auto; }
.mess p{ width: 290px; }
.service li{ float: none; width: calc(100% - 2px); margin:10px auto; }

}