@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:55px 0 20px 0; z-index:9999;} .HeaderLogo img{ height:100%;} .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;} .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;} #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 0 auto; background-size:100%; padding:0 0 0 4%; float:none;} .zhuanti ul li.lr{ margin:10px auto 0 auto;} .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:20px;} .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:70%; 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;} }