/*reset*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:arial,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /*==============================common==================================*/ .f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .g-wp{ max-width:640px;} .mt10{ margin-top:10px;} .container{ padding:8px;} body{font:16px/1.5 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#333;outline:0; background-color:#adacaa; width:100%;max-width:640px; margin:0 auto;} a{color:#444;text-decoration:none;} .tc{ text-align:center;} .ui-header{ position:relative; background:url(../images/wap_bgtop.jpg) 0 0 repeat-x;max-width:640px; margin:0 auto; } .ui-header h1{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#ecd37a; } .ui-header1{ position:relative; background:url(../images/wap_bgtop1.jpg) 0 0 repeat-x;max-width:640px; margin:0 auto; } .ui-header1 h1{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#ecd37a; } .ui-header-left, .ui-header-right{ position:absolute; top:0; left:0; width:52px; height:100%;} .ui-header-right{ left:auto; right:0;} .ui-header-left a, .ui-header-right a{ display:block; height:100%; background-size:30px auto; background-repeat:no-repeat; background-position:center center;} .ui-header-ico-home{ background:url(../images/wap_home.png);} .ui-header-ico-menu{ background:url(../images/wap_menu.png);} #menu{ position:absolute; width:200px; height:100%; top:40px; right:-200px; background:#eae8e8; color:#666; z-index:100; display:none;} #menu li{ border-bottom:1px solid #f7f6f6;} #menu li:after{ content:''; display:block; width:100%; border-bottom:1px solid #d2d0d0;} #menu a{ position:relative; height:40px; line-height:40px; padding:0 20px 0 40px; border:none; display:block; height:100%; color:#666;} #menu a:after{ display:block; content:''; position:absolute; right:8px; top:50%; margin-top:-6px; width:10px; height:10px; border:2px solid #bbb; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); } #menu .icon{ background:url(../images/icon-menu1.png) 8px center no-repeat; background-size:20px auto;} #menu .icon-2{ background-image:url(../images/icon-menu2.png);} #menu .icon-3{ background-image:url(../images/icon-menu3.png);} #menu .icon-4{ background-image:url(../images/icon-menu4.png);} #menu .icon-5{ background-image:url(../images/icon-menu5.png);} #menu .icon-6{ background-image:url(../images/icon-menu6.png);} #menu .icon-7{ background-image:url(../images/icon-menu7.png);} #msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:40px; left:0;} .m-banner{} .swipe {overflow: hidden;visibility: hidden;position: relative;width:100%;height:auto;z-index:1} .swipe-wrap{overflow: hidden;position: relative;z-index:1} .swipe-wrap li{float:left;width:100%;position: relative;z-index:1} .swipe-wrap li img{ width:100%;z-index:1; display:block;} .swipe-text{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px; z-index:100; background-color:rgba(0,0,0,0.5); color:#fff; font-size:14px;} .swipe-text p{ padding-left:8px;} #slider_on{ position:absolute;width:100%;height:30px; line-height:30px; z-index:9999;text-align:center; bottom:0;} #slider_on ul{ padding-right:8px;} #slider_on li{display:inline-block;width:10px;height:10px;border-radius:5px;background:rgba(0,0,0,0.5); margin:0 2px;cursor:pointer; z-index:9999;} #slider_on li.on{box-shadow:inset 0 1px 3px -1px #464646,0 1px 2px rgba(0,0,0,.5);background-color:#000; z-index:9999;} .index_img{ width:100%; height:auto; margin:0 auto; max-width:640px;} .index_img li img{ width:100%;} .copy{ background:url(../images/wap_bgtop1.jpg) repeat-x; height:40px; line-height:40px; color:#bfc0c1; font-size:19px; margin:0 auto; max-width:640px;} .tecl{ background:#bfc0c1; height:40px; line-height:40px; font-size:12px; text-shadow:1px 1px 1px #fff; color:#666; margin:0 auto; max-width:640px;} /*联系我们*/ .c_main{ margin:15px 15px 0; background:#fff; padding:2px 0 0;} .c_main ul{ border-top:2px solid #3a6351; padding:0 10px;} .c_main li{ height:105px; padding:10px 0; border-bottom:1px solid #dedede;} .c_main li .pic{ width:84px; height:91px; padding:6px 5px; background:#eaf0f0; border:1px solid #d9dadc; border-radius:2px 2px 2px 2px; float:left;} .c_main li .txt{ padding-left:105px;} .c_main li h3{ color:#828282; font-size:12px; font-weight:normal; line-height:30px; height:30px; overflow:hidden;} .c_main li h3 a{ color:#cb324e;} .c_main li p,.c_main dd p{ font-size:16px; color:#2c2f3e; line-height:22px; overflow:hidden;} .c_main .tpic{ text-align:center; padding:13px 10px 0;} .c_main .tpic img{ width:100%; max-height:264px; min-height:132px;} .c_main dl{ padding:10px 10px 0;} .c_main dd{ padding:10px 0; border-bottom:1px solid #dedede; height:80px;} .c_main dd .pic{ width:84px; height:70px; float:left;} .c_main dd .txt{ padding-left:95px; line-height:22px;} .c_mainso{ margin:15px 5px 0; background:#fff; padding:2px 0 0;} .c_mainso dd{ padding:10px 0; border-bottom:1px solid #dedede; height:30px;} .c_mainso dd .txtshl{ padding-left:20px; line-height:22px;} .c_mainso dd .pic{ width:4px; height:24px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;} .c_mainso dd .pic1{ width:4px; height:24px; float:left; background-color:#d0d0d0;border-radius:2px 2px 2px 2px;} .more{ display:block; margin:10px 15px; background:#ddd; height:30px; line-height:30px; text-align:center; font-size:14px; color:#858585;} /*文章页*/ .catpic{ height:auto; overflow:hidden; margin:0 auto; max-width:640px; position:relative} .catpic img{ width:100%; display:block; max-height:279px; min-height:139px;} .amain{ position:relative; margin:0 10px; background:#fff; height:auto; padding:40px 15px 0; } .amain .filter{ position:absolute; height:44px; width:100%; opacity:0.6; background:#fff; filter:alpha(opacity=60); border-radius:5px 5px 0 0; top:-15px; left:0;} .amain .catname{ position:absolute; top:-15px; left:15px; width:165px; background:#1155bf; color:#fff; font-size:20px; line-height:44px; height:44px; text-align:center; border-radius:0 0 3px 3px;} .amain .tle{ height:35px; line-height:35px; font-size:18px; border-bottom:3px solid #17120f;} .amain .tle1{ line-height:20px; font-size:16px; border-bottom:3px solid #17120f; text-align:center; padding-bottom:6px;} .amain .cont{ line-height:22px; font-size:14px; padding:5px 0 10px;} .amain .woaim{ line-height:22px; font-size:14px; padding:5px 0 10px;} .amain .cont img{ max-width:100%!important; height:auto!important;} .amain .cont iframe{ width:100%;} a.zzb07link{ font-size: 12px; text-decoration:none; color: #333; font-weight: normal; } a.zzb07link:visited { text-decoration: none; color: #333; font-size: 12px; font-weight: normal; } a.zzb07link:hover { text-decoration: none; color: #333; font-size: 12px; font-weight: normal; } .zzb07tail{ font-size:12px; color: #333; font-weight: normal; } #banner {width: 100%;margin:0px;padding:0px;overflow: hidden;} .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden; max-width:640px; } .focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:10px; text-align:center; } .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .hd ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0; margin:0px; padding:0px; overflow: hidden; } .focus .bd li{ margin:0px; padding:0px; max-height:320px;} .focus .bd li img{ width:100%; max-width:640px; height:auto; background:url(../images/wap_loading.gif) center center no-repeat; } .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .c_maindetail{ margin:10px 10px 0; background:#fff; padding:2px 0 0;} .c_maindetail dd{ padding:10px 0; border-bottom:1px solid #dedede; height:40px;} .c_maindetail dd .txtshllist{ padding-left:15px; line-height:22px;} .c_maindetail dd .pic{ width:4px; height:40px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;} .c_maindetail_1{ margin:10px 10px 0; background:#fff; padding:2px 0 0;} .c_maindetail_1 dd{ padding:10px 0; border-bottom:1px solid #dedede; height:70px;} .c_maindetail_1 dd .txtshllist{ padding-left:15px; line-height:22px;} .c_maindetail_1 dd .pic{ width:4px; height:70px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;} dl.message2{ margin: 0 auto 0 auto; padding: 0px; width: 96%; } dl.message2 dd{ margin: 0 0 6px 0; padding: 0px; float: left; width: 100%; } .round1li2 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 95%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:1.2em; } .round1li2 textarea { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 68px; width: 95%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:1.2em; } .round1li3 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 150px; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; float:left; margin-right:10px; font-size:1.2em; } .round1li4 { margin: 0 auto; width: 96%; float:left; text-align:center;} .round1li4:after { clear: both; content: " "; display: block; } .round1li4 input.button { margin:0 auto; font-size: 15px; color:#ffffff; font-weight: bold; display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: #b83930 1px solid; background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/ background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/ background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/ } .oopp{ width:100%; max-width:640px; overflow:hidden; position:relative; margin:0 auto;} a.zzb07link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color: #666; } a.zzb07link:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color: #666; } a.zzb07link:hover { text-decoration: underline; color: #666; } .search{width:100%;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:20px } .search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0; border-radius:5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; } .search .button{ height:40px; width:40px; display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; background:#A61E08 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;} .praise_btn{display:block;line-height:44px;text-align:center;background:#CBAD27;color:#fff;font-size:16px;text-shadow:0 0 1px #cb8e06;margin:20px 20px 0;border-radius:3px} .prolist { margin-right:10px;} .prolist ul li{ text-align: center; width: 50%; overflow: hidden; float: left; margin-bottom:10px; } .prolist:after { clear: both; content: " "; display: block; } .prolist li p{ line-height: 24px; margin:0; padding:0; font-size:12px;} .prolist li a{ display:block; margin-left:10px; background:#f3f3f3; font-size:12px; color:#444; } .prolist li a img{ height:100px; width:100%} /*--------------------列表页翻页---------------------------*/ .up-down-page{ width:90%; margin:0 auto 0 auto; padding:5px 0 10px 0;} .ui-uppage{ margin: 0px; padding: 0px; float: left; font-weight: bold; } .ui-uppage a:link { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-up1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 46px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 27px; display: block; } .ui-uppage a:visited { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-up1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 46px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 27px; display: block; } .ui-uppage a:hover { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-up1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 46px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 27px; display: block; } .ui-uppage a:active{ color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-up.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 46px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 27px; display: block; } .ui-downpage{ margin: 0px; padding: 0px; float:right; font-weight: bold; } .ui-downpage a:link { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-down1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 65px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; display: block; } .ui-downpage a:visited { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-down1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 65px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; display: block; } .ui-downpage a:hover { color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-down1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 65px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; display: block; } .ui-downpage a:active{ color: #FFF; text-decoration: none; font-size: 12px; line-height: 31px; background-image: url(../images/wap_ui-down.png); background-repeat: no-repeat; background-position: left top; margin: 0px; height: 32px; width: 65px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; display: block; } .py23 li a{ width:100%; height:30px; background:#ececec; float:left;-webkit-border-radius: 15px; -moz-border-radius: 15px; margin-bottom:4px; text-align:center; color:#333; list-style:none} .py23 li a:hover{ width:100%; height:30px; background:#1155bf; float:left;-webkit-border-radius: 15px; -moz-border-radius: 15px; margin-bottom:4px; text-align:center; color:#fff} .py23{ margin-bottom:40px; width:100%; float:left} .py23 li{ list-style:none}