/* CSS Document */ header { height:120px; background:#fff; } header a.logo { height:80px; margin-top:20px; margin-right:20px; display:block; float:left;} header a.logo img { height:100%; width:auto; max-height:100%;} header a.menu_wap { display:none;} header a.en1 {display: block; float: left; position: absolute; left:50%; margin-left: 470px; background: #aaa; height: 24px; padding: 0 20px; color: #fff; border-radius:30px; line-height: 24px; top: 10px;} header a.en1:hover {background: orange; color: #fff;} header .toptel {float: left; position: absolute; left: 50%; margin-left: 150px; font-size: 18px; text-align: right; color: #178d00; height: 25px; line-height: 24px; padding-top: 10px;} .Top_left { height:90px; float:right;padding-top:30px;} .Top_left a.Top_left_en { float:right; margin-top:15px; height:35px; line-height:35px; padding:0 40px 0 20px; color:#666; border:1px solid #ddd; border-radius:20px; position:relative; z-index:1; font-size:16px;} .Top_left a.Top_left_en span { height:30px; width:30px; display:block; line-height:30px; background:url(../img/down_icon.png) center center no-repeat; position:absolute; right:10px; top:50%; margin-top:-15px;} .Top_left .sub { display:none;} .Top_left ul.Top_leftul { float:left; margin-right:20px;} .Top_left ul li.title { float:left; position:relative; z-index:999;} .Top_left ul li.title a { height:90px; font-weight:normal; line-height:70px; display:block; font-size:16px;} .Top_left ul li.title a:hover { color:#29a105; background:url(../img/green_line.png) left 50px repeat-x; } .Top_left ul li.on a {color:#29a105;background:url(../img/green_line.png) left 50px repeat-x;} .Top_left .sub { position:absolute; width:150px; left:50%; top:90px; margin-left:-75px; border-radius:0 0 10px 10px; overflow:hidden; background:#fff;} .Top_left .sub ul li { border-bottom:1px solid #e2e2e2; margin-bottom:-1px;} .Top_left .sub ul li a { display:block; text-align:center; padding:5px 15px; line-height:35px; font-size:15px;} .Top_left .sub ul li a:hover { background:#6fc300; color:#fff;} .indeximg { max-width:100%; height: auto;} .inimgs {} .inimgs ul li {width:33.33%; box-sizing: border-box; padding: 0 10px 10px; text-align: center; float: left;} .Top_left_footer {background:#fff; width:100%; height:auto;} .Top_left_footer ul { border-top:1px solid #eee;} .Top_left_footer ul li {border-bottom: 1px solid #eee;} .Top_left_footer ul li a { position:relative; z-index:100;display: block;padding: 0 20px 0 10%; font-size:16px;color: #333;line-height: 39px;} .Top_left_footer ul li a span { width:6%; height:30px; position:absolute; left:3%; top:3px; background:url(../img/more.png) left center no-repeat;} .footer { background:#333; color:#fff; padding:20px 0;/*margin-top: 45px;*/} .footer1 { padding-top:20px; padding-bottom:35px; position:relative;} .footer1 .tel { width:235px; position:absolute; right:0; top:20px;} .footer1 .tel h2 { height:30px; line-height:30px; font-size:18px; margin-bottom:10px; text-align:center; background:#ed6c01; color:#fff; font-weight:normal; border-radius:50px;} .footer1 .tel a { color:#fff; font-size:24px; height:35px; line-height:35px; display:block; text-align:center; padding-top:5px;} .footer_url { width:13%; float:left;} .footer_url h2 { height:40px; font-size:16px; font-weight:normal;} .footer_url h2 a { height:40px; line-height:40px; display:block;} .footer_url a { color:#fff;} .footer_url a:hover { color:#ffff00;} .footer_url ul li { height:30px; line-height:30px; } .footer2 {} .footer2_1 { padding-right:5%; font-size:16px; line-height:30px; color:#fff;} .mask { position: fixed; top:80px;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999; } .mask_full { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999; } .in_top { width:100%; height:auto; position:relative;} .in_top .title { color:#fff; position:absolute; height:100px; margin-top:-50px; top:50%; left:17%;} .in_top picture { width:100%; height:auto;} .in_top img { width:100%; max-width:100%; height:auto;} .in_top .title h2 { font-size:38px; line-height:50px; font-weight:normal;} .in_top .title em { font-size:38px; line-height:50px;} /* 侧边标签 */ /* 解决IE6下滚动抖动的问题 */ *html {background-image: url(about:blank);background-attachment: fixed;} /* 文章展示 */ .article { width:60%; float:left;} .article h2 {padding: 25px 0 15px;font-size: 36px;font-weight: normal;line-height: 48px;} .article h3 { border-top:1px solid #ddd; padding-top:15px;} .article h4 { height:30px; line-height:30px; font-size:18px; font-weight:normal;} .aritlce_info {height: 40px;border-bottom: 1px solid #E6E6E6;overflow: hidden;} .aritlce_date {float: left;color: #999;line-height: 26px;} .aritlce_zoom {float: right;} .aritlce_zoom a {display: ititlene-block;margin-left: -1px;width: 26px;height: 24px;border: 1px solid #E0E0E0;background: #FAFAFA;line-height: 18px;text-align: center;overflow: hidden;} .aritlce_zoom sup {font-size: 10px;-webkit-text-size-adjust: none;} .article_content {padding: 20px 0;font-size: 14px;line-height: 32px;} .article_content p {padding-bottom: 20px;} .article_right { float:right; width:35%;} .article_right .title { height:40px; line-height:40px; padding-left:15px; background:#8e8e8e; color:#fff; font-size:16px;} .article_right ul li { border-bottom:1px solid #ddd; color:#888; font-size:14px; padding:15px;} .article_right ul li a { font-size:16px; line-height:24px; display:block; padding-bottom:10px;} .article_page_Top_left {margin: auto;padding-bottom: 20px;width: 600px;overflow: hidden;} .article_page_Top_left li {float: left;margin: 0 -1px -1px 0;width: 298px;height: 38px;border: 1px solid #E6E6E6;} .article_page_Top_left li a {display: block;padding: 0 15px;line-height: 38px;} .article_page_Top_left li a.crt {color: #468C00;} .article_page {margin: auto;padding-bottom: 40px;width: 600px;border-top: 1px solid #E6E6E6;text-align: center;} .article_page a {display: ititlene-block;margin-left: -1px;padding: 5px 12px;height: 20px;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-bottom: 2px solid #E6E6E6;background: #FAFAFA;color: #333;line-height: 20px;vertical-align: middle;} .article_page a:hover {background: #FFF;} .article_page a.current {background: #FFF;border-bottom: 2px solid #8EC100;} .city { padding:10px; background:#fff; border-radius:10px;} .city a { height:24px; line-height:24px; margin-right:8px; margin-bottom:8px; float:left; padding:0 12px; font-size:13px; border-radius:6px; color:#fff; background:#aaa;} .city a:hover { background:#26377f; color:#fff;} .city a.on { background:#ff8400; color:#fff;} /*.in_title{ height:60px; border-bottom:2px solid #e1e1e1;}*/ .in_title1 { line-height:90px;} .in_title1 h2 { font-size:36px; font-weight:normal;} .in_title1 h3 { font-size:36px; line-height:45px; font-weight:normal; color:#ddd;} .in_title1 p { font-size:16px; line-height:30px; padding-bottom:15px;} .in_title2 { height:92px; text-align:center; margin-left:0;} .in_title2 a { height:90px; line-height:90px; width:auto; -webkit-flex: 1; flex:1; font-size:30px; display:block; border-bottom:2px solid #e1e1e1;} .in_title2 a:hover,.in_title2 a.on { color:#26377f; border-bottom:2px solid #26377f;} .in_title2a { height:auto; text-align:center; margin-left:0;} .in_title2a a { height:60px; line-height:60px; width:auto; -webkit-flex: 1; flex:1; font-size:16px; display:block;} .in_title2a a:hover,.in_title2a a.on { color:#26377f; border-bottom:2px solid #26377f;} .in_title2b { height:50px; text-align:center; margin-left:0; background: #fff;} .in_title2b a { height:30px; line-height:30px;-webkit-flex: 1; flex:1; margin: 0 30px; margin-top: 10px;border-radius:20px; background: #f2f2f2; font-size:15px; display:block; } .in_title2b a:hover,.in_title2b a.on { background: #26377f; color: #fff; } .in_title3 { text-align:center;} .in_title3 h2 { font-size:30px; line-height:50px; font-weight:normal;} .in_title3 h3 { font-size:24px; line-height:30px; font-weight:normal;text-transform:uppercase;} .in_title3 p { line-height:24px; padding-bottom:15px; color:#888;} .in_title4 { line-height:90px;} .in_title4 h2 { font-size:30px; font-weight:normal; float:left; padding-right:20px;} .in_title4 h3 { font-size:20px; float:left; line-height:45px; padding-top:26px; font-weight:normal; color:#888;} .formbox { background:#fff; padding:10px 40px;} .formbox a.fujian { height:50px; width:100%; display:block; border-radius:10px; text-align:center; line-height:50px; font-size:18px; color:#888; background:#f2f2f2; border:1px solid #ddd;} input.formtext { display:block; line-height:50px; height:50px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:10px; padding-left:15px; width:100%; background:#fff;} textarea.formtextarea { display:block; line-height:40px; font-size:16px; color:#666; border:1px solid #ddd; border-radius:10px; padding:10px 0 10px 15px; width:100%; background:#fff;} .formbox a.fujian:hover { background:#ed6d10; color:#fff;} .formbox label.col { padding:0 0 20px 20px; position:relative; z-index:1;} .formbox label p.yanzheng { width:90px; height:40px; line-height:40px; border:1px solid #eee; text-align:center; overflow:hidden; position:absolute; right:10px; top:5px;} .formbox .list-flex { margin-left:-20px;} .formbox a.sub { height:50px; width:300px; margin:0 auto; display:block; border-radius:10px; text-align:center; line-height:50px; font-size:18px; color:#fff; background:#20ab00;} .formbox a.sub:hover { color:#fff; background:#2cea00;} .news_links { text-align:center;margin-top: 120px;} .news_links a { height:30px; line-height:30px; background:#909090; color:#fff; display:ititlene-block; padding:0 12px; margin:0 3px; border-radius:3px; _width:2px; white-space:nowrap;} .news_links a.no,.news_links a.no:hover { background:#bbb; color:#fff; border:1px solid #bbb; } .news_links a:link,.news_links a:visited { background:#909090; border:1px solid #909090; color:#fff;} .news_links a:hover { background:#44ad24; border:1px solid #44ad24; color:#fff;} .news_links a.show:link,.news_links a.show:visited,.news_links a.show:hover {background:#44ad24; border:1px solid #44ad24; color:#fff;} .news_links span { height:30px; line-height:30px; display:ititlene-block; padding:0 10px;} @media screen and (max-width: 1024px) { header { height:80px;} header a.logo { height:60px; margin-top:10px; margin-left:10px;} header .Top_left { display:none;} header a.menu_wap { background:url(../img/ico_Top_left.png); background-size:100% 100%; height:40px; width:40px; display:block; float:right; margin-top:20px; margin-right:10px;} header a.menu_wap.show { background:url(../img/ico_Top_left_close.png); background-size:100% 100%;} .in_top .title { color:#fff; position:absolute; height:80px; margin-top:-40px; top:50%; left:5%;} .in_top .title h2 { font-size:26px; line-height:40px; font-weight:normal;} .in_top .title em { font-size:26px; line-height:40px;text-transform:uppercase;} .in_title1 { line-height:60px;} .in_title1 h2 { padding-left:10px; font-size:26px;} .in_title1 h3 { font-size:26px; padding-left:10px;} .in_title1 p { font-size:16px; padding:0 10px;} .in_title2 { height:62px; } .in_title2 a { height:60px; line-height:60px; font-size:20px;} .article,.article_right { width:96%; float:none; margin:0 auto;} .article h2 {padding: 15px 0 10px;font-size:26px;font-weight: normal;line-height:34px;} .article_content {padding: 20px ;font-size: 14px;line-height: 24px;} } @media screen and (max-width: 1150px) { header a.logo { margin-left:10px;} .Top_left ul li.title h3 { height:90px; padding:0 20px;} .Top_left ul li.title h3 a { font-size:14px;} .Top_left .sub { position:absolute; width:100px; left:50%; top:90px; margin-left:-50px; border-radius:0 0 8px 8px; overflow:hidden; background:#fff;} .Top_left .sub ul li a { height:35px; display:block; line-height:35px; font-size:13px;} .footer1 .tel { width:100%; position:relative;} .footer1 .tel h2 { height:30px; line-height:30px; width:235px; font-size:18px; text-align:center; background:#ed6c01; float:left; color:#fff; font-weight:normal; border-radius:50px;} .footer1 .tel a { color:#fff; font-size:24px; float:left; padding-left:30px; height:30px; line-height:30px; display:block; text-align:center; padding-top:0;} .footer_url { width:16.5%; float:left;} .footer2_2 a { height:40px; line-height:40px; border-radius:40px; padding:0 30px; font-size:15px; color:#fff; background:#444444; float:right; margin-right:20px; margin-bottom:10px; display:block;} } @media screen and (max-width: 978px) { } @media screen and (max-width: 768px) { .footer1 { padding-top:0;} .footer_url ul { display:none;} .footer_url { width:100%; float:left; display:none;} .footer_url h2 { border-bottom:1px solid #7d7d7d; padding-bottom:0;} .footer_url h2 { padding-left:20px;} .footer1 .tel h2 { float:none;} .footer1 .tel a { padding-left:10px; padding-right:20px; font-size:16px;} .footer2_1 { float:left; width:95%; font-size:16px; line-height:30px; color:#fff;} .footer2_2 { float:left; width:100%; text-align:left; margin-top:15px;} .footer2_2 a { float:left;} .in_top .title { color:#fff; position:absolute; height:60px; margin-top:-30px; top:50%; left:5%;} .in_top .title h2 { font-size:20px; line-height:30px; font-weight:normal;} .in_top .title em { font-size:20px; line-height:30px;} .in_title1 { line-height:30px;} .in_title1 h2 { padding-left:10px; font-size:22px;} .in_title1 h3 { font-size:22px; line-height:30px; padding-left:10px;} .in_title1 p { line-height:22px; padding:0 10px; color:#888;} .in_title2 { height:32px; padding:0 10px; } .in_title2 a { height:30px; line-height:30px; font-size:15px;} .article h4 { height:30px; line-height:30px; font-size:14px; font-weight:normal;} .in_title3 h2 { font-size:20px; line-height:30px;} .in_title3 h3 { font-size:16px; line-height:20px;} .in_title3 p { display:none;} .in_title2a { height:auto; text-align:center; margin-left:0;} .in_title2a a { height:60px; font-size:14px; display:block;} .in_title2a a:hover,.in_title2a a.on { color:#26377f; border-bottom:2px solid #26377f;} .in_title2b a { margin: 0 5px; font-size: 13px; margin-top: 10px; } .formbox { padding:10px;} .in_title4 h2 { line-height:50px; font-size:20px; float: none;} .in_title4 h3 { padding-top:0; padding-bottom:15px; font-size:16px;} .formbox .n-6 { width:100%;} .formbox a.sub { width:100%;} }