锘?* eyoucms.com 鏄撲紭CMS -- 濂界敤,鍏嶈垂,瀹夊叏 */ @charset "utf-8"; /* CSS Document */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video , p{ margin:0;padding:0; border:0;} table {border-collapse:collapse;border-spacing:0} button, input, select, textarea {outline:0;-webkit-box-sizing:border-box} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} li, ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:after, blockquote:before, q:after, q:before {content:''; content:none} b, strong {font-weight:700} a{ color:#222; text-decoration:none;} .c{ clear:both; overflow:hidden;} html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%; word-wrap: break-word; font-size:50px;} .mainbox{height: 100%;margin: 0 auto;max-width:750px;position: relative;width: 100%;z-index:8;} .mainboxbg{position:fixed; height:100%; width:100%; top:0; display:none; z-index:9; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.6; background:#000;} body {background:#fff; max-width:750px; font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;margin:0 auto;position:relative; } input {outline:0; -webkit-box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-appearance:none} input:focus, textarea:focus {outline:0;} .w50{ width: 50%; } .center{ text-align:center;} /* 瀹氫箟娴姩 */ .fl{float: left!important; display: inline} .fr{float: right!important; display: inline} /*娓呴櫎娴姩*/ .clearfix:before,.clearfix:after{content:"";display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;/*IE/7/6*/} .mt1{ margin-top:0.1rem;} .mt2{ margin-top:0.2rem;} .mt3{ margin-top:0.3rem;} .mt4{ margin-top:0.4rem;} .mt12{ margin-top:12%;display: inline-block;} /*nav*/ .nav{width:40%; height:100%; padding-top:1%; position:fixed; right:0px; display:none; top:0; z-index:100; background:#fff; overflow:auto;} .nav li{text-align:center;} .nav li a{display:block; width:100%; padding:11% 0; color:#444; border-bottom:#e5e5e5 dashed 1px; font-size:0.28rem;} /*header*/ #header{vertical-align:middle; height:0.9rem; display:inline-block; overflow:hidden; padding:0 0.2rem; width:7.1rem; position:fixed; z-index:10002;} #header #logo{ width:auto; height:0.9rem; float:left;} #header #logo img{width:auto; height:0.9rem; overflow:hidden;} .header-white-box .flbox{ font-size:0.42rem; cursor:pointer; float:right; line-height:0.9rem; color:#000;} .header-white-box .flbox em{ font-style:normal; font-size:0.25rem; margin-right:0.1rem; color:#444; float:left; display:inline-block; text-transform:uppercase; margin-top:0.03rem;} .header-white-box{ background:#fff; border-bottom:#eee solid 1px} .header-box-black{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6), transparent); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6),transparent); background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent); z-index: 10; border-bottom: 0px !important; } .header-box-black .flbox{ font-size:0.42rem; cursor:pointer; float:right; line-height:0.9rem; color:#fff;} .header-box-black .flbox em{ font-style:normal; font-size:0.25rem; margin-right:0.1rem; float:left; display:inline-block; text-transform:uppercase; margin-top:0.03rem;} /* banner */ .slideBox{position:relative; max-width:750px; max-height:500px; z-index:10;} .slideBox img{max-width:750px; max-height:500px; overflow:hidden; width:100%; height:auto;/* 璁剧疆鐒︾偣鍥炬渶澶у搴 */} .slideBox .hd{ position:absolute; left:50%; bottom:4.3%; margin-left:-0.62rem; height:auto; z-index:100;} .slideBox .hd li{display:inline; float:left; background:#FFF; -webkit-border-radius:0.16rem; border-radius:0.16rem; text-indent:-9999px; overflow:hidden; width:0.16rem; height:0.16rem;;background-size:100%; margin-left:0.12rem;} .slideBox .hd li.on{ background:#a7a25a; background-size:100%; -webkit-border-radius:100%;} .slideBox .bd{ position:relative; z-index:0;border:0 none; } .slideBox .bd li{ position:relative; text-align:center; } .slideBox .bd li img{vertical-align:top; width:100%; max-height:700px; /* 鍥剧墖瀹藉害100%锛岃揪鍒拌嚜閫傚簲鏁堟灉 */} /**/ .in_title{ text-align:center; clear:both; overflow:hidden;} .in_title h2{ text-transform:uppercase; font-size:0.8rem; color:rgba(0,0,0,.06); font-family:Arial; overflow:hidden; white-space:nowrap;} .in_title h3{ font-size:0.5rem; font-weight:normal; margin-top:-0.7rem; color:#222;} .in_title h3::after{ width:0.8rem; height:0.06rem; background:#a7a25a; display:block; content:""; margin-top:0.16rem; position:relative; left:50%; margin-left:-0.4rem;} /*鍏充簬鎴戜滑*/ .about_con_item{ width:7.1rem; margin:0.3rem 0.2rem; font-size:0.26rem; line-height:0.48rem; overflow:hidden; color:#444;} .about_pic{ width:7.5rem; height:2.58rem; overflow:hidden;} .about_pic img{ width:7.5rem; height:2.58rem; overflow:hidden;} /*椤圭洰灞曠ず*/ .pro_list{ clear:both; overflow:hidden;} .pro_list li{ width:3.5rem; float:left; display:inline-block; overflow:hidden; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); margin:0.08rem 0 0.08rem 0.167rem; line-height:0;} .pro_list li img{width:3.5rem; height:2.65rem; overflow:hidden;} .pro_list li p{ text-align:center; white-space:nowrap; overflow:hidden; font-size:0.24rem; height:0.6rem; line-height:0.6rem; color:#222; display:block;text-overflow: ellipsis;} .pro_more a{background:#FFF; width:2rem; height:0.54rem; overflow:hidden; line-height:0.54rem; text-align:center; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); display:inline-block; font-size:0.22rem; color:#888;} /*鏂伴椈涓績*/ .zs_list{ clear:both; overflow:hidden;} .zs_list li{ width:7.1rem; height:1.5rem; padding:0.22rem 0.2rem; border-bottom:#e5e5e5 dashed 1px; overflow:hidden; clear:both;} .zs_list_pic{ width:2.3rem; height:1.5rem; overflow:hidden;} .zs_list_pic img{ width:2.3rem; height:1.5rem; overflow:hidden;} .zs_list_box{ width:4.6rem; height:1.5rem; overflow:hidden;} .zs_list_tit{ font-size:0.26rem; height:0.4rem; overflow:hidden; line-height:0.4rem;white-space: nowrap;text-overflow: ellipsis;} .zs_list_tit a{ color:#333;} .zs_list_tit a:hover{ color:#a7a25a;} .zs_list_time{ font-size:0.18rem; color:#999; height:0.34rem; line-height:0.34rem; overflow:hidden;} .zs_list_xx{ height:0.72rem; line-height:0.36rem; font-size:0.22rem; overflow:hidden; color:#666;} /*妗堜緥*/ .swiper-container-case{width:100%; padding-top: 0.4rem; padding-bottom:0.6rem; overflow:hidden;} .swiper-container-case .swiper-slide {background-position: center; background-size: cover; width:4.8rem; height:4.3rem; -moz-box-shadow:0px 0px 13px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 13px rgba(0,0,0,.13); box-shadow:0px 0px 13px rgba(0,0,0,.13);} .swiper-container-case .swiper-slide img{ width:4.8rem; height:3.52rem; overflow:hidden;} .swiper-container-case .swiper-slide p{ height:0.7rem; text-align:center; line-height:0.7rem; overflow:hidden; white-space:nowrap; font-size:0.24rem; color:#444;text-overflow: ellipsis;} /*copy*/ .copy{ background:#fafafa; text-align:center; width:7.5rem; color:#555; font-size:0.24rem; padding-top:0.06rem;} .copy a{ color:#555; margin:0 0.06rem; cursor:pointer;} .copy p{ border-bottom:#e5e5e5 solid 1px; padding:0.24rem 0} /*搴曢儴*/ .foc{ position:fixed; z-index:102; bottom:0; width:7.5rem; clear:both; background:#fff; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.2); box-shadow: 0px 0px 8px rgba(0,0,0,.2);} .foc span{width:1.855rem; height:1rem; text-align:center; cursor:pointer; position:relative; border-right:#e5e5e5 solid 0.01rem;} .foc span.none{ border:0 none;} .foc span a p.iconfont{ font-size:0.34rem; margin-top:0.14rem; line-height:0.5rem;} .foc span a p{ font-size:0.2rem; overflow:hidden; color:#444;} /*寰俊寮圭獥*/ .md-modal {position: fixed;top: 50%; left: 50%; height: auto; z-index: 99999; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .md-show {visibility: visible;} .md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden; top: 0; left: 0; z-index:99990; opacity: 0; background: rgba(0,0,0,0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .md-show ~ .md-overlay {opacity: 1; visibility: visible;} .md-content{background:#fff; height:auto; padding:0.6rem 0.7rem; overflow-x:hidden; overflow-y:auto; border-radius:6px;} .md-content img{ width:3rem; height:3rem; overflow:hidden; margin-bottom:0.24rem;} .md-content p{ font-size:0.3rem;} .md-content p em{ margin-top:-0.24rem; font-style:normal; font-size:0.24rem; color:#999;} /* Effect 3: Slide from the bottom */ .md-effect-3 .md-content {-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;} .md-show.md-effect-3 .md-content {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity: 1;} /*page*/ .page_top{ width:7.1rem; height:1rem; background:#fff; padding:0 0.2rem; overflow:hidden; border-bottom:#ddd solid 1px; position:fixed; z-index:10002; } .page_top .fl a{display:inline-block; width:0.84rem; font-size:0.58rem; height:0.66rem; color:#555; margin-top:0.18rem; border-right:#ddd solid 1px;} .titles{line-height:1rem; width:5.36rem; text-align:center; white-space:nowrap; display:block; overflow:hidden; text-overflow: ellipsis; font-size:0.42rem; color:#222;} .page_top .fr{display:inline-block; width:0.84rem; font-size:0.58rem; height:0.66rem; color:#444; margin-top:0.18rem; border-left:#ddd solid 1px; text-align:center; cursor:pointer;} .page_tt{ border:#e5e5e5 solid 1px; margin:0.3rem 0.2rem 0.26rem 0.2rem; height:0.6rem; line-height:0.6rem; clear:both; position:relative;} .page_tt h3{ font-weight:normal; font-size:0.3rem; padding-left:0.2rem;} .page_tt h3 em{ width:0.07rem; height:0.34rem; background:#a7a25a; display:inline-block; float:left; margin-right:0.2rem; margin-top:0.13rem;} .page_tt .sspan{ position:absolute; right:-1px; top:-1px; width:1.2rem; height:0.6rem; line-height:0.6rem; text-align:center; overflow:hidden; color:#FFF; background:#a7a25a; border:#a7a25a solid 1px;} .page_tt .sspan a{ color:#FFF; display:block; font-size:0.26rem;} .page_tt .sspan i{ font-style:normal; overflow:hidden;} .mainboxbg01{position:fixed; height:100%; width:100%; top:0; display:none; z-index:10000; filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6; background:#000;} .page_slide{position:fixed; top:1rem; right:0; z-index:10001; display:none; width:100%; background:#fafafa; padding:0.2rem 0 0.18rem 0rem; max-height:62%; overflow-y:scroll;} .page_slide li{ display:block; width:7.1rem; height:0.66rem; line-height:0.66rem; text-align:center; margin:0.12rem 0.2rem; background:#e5e5e5;} .page_slide li a { display: block; font-size:0.26rem; background-color: transparent;} .page_slide li a:hover,.slide li a.selected { background:#a7a25a; color:#fff;} .xinxi{ padding:0.1rem 0.2rem 0.4rem 0.2rem; line-height:2; overflow:hidden; clear: both; font-size:0.26rem; border-top:#f5f5f5 solid 0.1rem;} .xinxi img{width:100%; height:auto; overflow:hidden;} .page_con{ background:#FFF; line-height:1.8; overflow:hidden; clear:both; font-size:90%; padding-top:0.1rem;} .page_con img{width:100%; height:auto; max-width:750px; overflow:hidden;} .con_title{ padding:0.08rem 0 0 0; line-height:1.4; font-weight:600; color:#000; font-size:0.38rem;} .author{font-size:0.2rem; padding:0.06rem 0; border-bottom:#ddd solid 1px; color:#666; margin-bottom:0.13rem} /*鏂伴椈璧勮*/ .news_box{ overflow:hidden; clear:both; border-top:#f5f5f5 solid 0.1rem; padding:0rem 0 0.3rem 0;} /*缈婚〉*/ #page{margin:0.12rem 0 0.4rem 0; overflow:hidden; text-align:center; font-size:0.22rem; clear:both;} #page .scott{ display:inline-block; margin:0 auto;overflow:hidden;} #page .scott span,#page .scott a:hover{ background:#a7a25a; border:1px solid #a7a25a; color:#fff; display:inline; float:left; margin:0.05rem 0.04rem; padding:0 0.16rem; height:0.46rem; line-height:0.46rem; text-decoration:none;} #page .scott a{padding:0 0.16rem; height:0.46rem;line-height:0.46rem; background-color:#fff; border:1px solid #ddd; margin:0.05rem 0.04rem; display:inline; float:left; color:#222;} .con_fy1{ margin:4% 0; font-size:0.26rem; overflow:hidden; clear:both; padding:0.3rem 0 0.1rem 0; border-top:#bdbdbd dashed 1px;} .con_fy1 a{width: 100%;color: #333;float: left;display: block;margin: 0px 5px;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .con_fy2{text-align: right; margin:4% 0; font-size:0.26rem; overflow:hidden; clear:both; padding:0.3rem 0 0.1rem 0; border-top:#bdbdbd dashed 1px;} .con_fy2 a{ color: #333;} /*鐣欒█*/ .message_bg{background:#f5f5f5; clear:both; overflow:hidden; background-size:100%; width:100%; height:auto; padding:0.2rem 0 0.3rem 0;} .message_tips{ font-size:0.22rem; color:#666; text-align:center; line-height:0.7rem; overflow:hidden; white-space:nowrap;} .free{ text-align:center; color:#444; font-size:0.24rem; line-height:0.5rem; padding:0.2rem; width:7.1rem;} .free li{text-align:left; line-height:0.7rem; font-size:0.26rem;} .free input[type="text"]{width:100%; box-sizing: border-box; border:1px solid #ddd; background:rgba(255,255,255,.6); height:0.58rem; line-height:0.58rem; text-indent:0.1rem; color:#333; border-radius:2px;} .free input[type="submit"]{width:100%; box-sizing: border-box; border:0; background:#a7a25a; color:#FFF; font-size:0.28rem; text-align:center; height:0.7rem; border-radius:4px; cursor:pointer;} .free textarea{ width:100%; box-sizing:border-box; height:2.4rem; color:#595959; border:1px solid #ddd; background:rgba(255,255,255,.6); resize:none; padding:0.1rem; font-family:"寰蒋闆呴粦"; font-size:0.22rem; color:#333; line-height:0.34rem; border-radius:2px;} /*缃戠珯鍦板浘*/ .sitemap{overflow:hidden; clear: both;} .sitemap dl{width:7.1rem; border-bottom:#f5f5f5 solid 0.1rem; padding:0.1rem 0.2rem 0.2rem 0.2rem} .sitemap dl dt{ font-size:0.36rem; height:0.9rem; line-height:0.9rem; clear:both; overflow:hidden; color:#000;} .sitemap dl dd a{font-size:0.28rem; color:#555; margin-right:0.6rem; height:0.5rem; line-height:0.5rem; overflow:hidden; display:inline-block;} .sitemap dl dd a:hover{ text-decoration:underline; color:#a7a25a;} /*****************鍝嶅簲寮忓竷灞€璁剧疆*****************/ @media screen and (max-width:320px){ body{ font-size:8px;} } @media screen and (min-width:320px) and (max-width:360px){ body{ font-size:11px;} } @media screen and (min-width:360px) and (max-width:480px){ body{ font-size:14px;} } @media screen and (min-width:480px) and (max-width:640px){ body{ font-size:15px;} } @media screen and (min-width:640px) and (max-width:750px){ body{ font-size:17px;} } @media all and (min-width:750px){ body{width:750px; margin:0 auto;} body{ font-size:18px!important;} }