@charset "utf-8";
/* CSS Document */

*{font-family:"微软雅黑","宋体",Arial;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}  
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}  
table{}  
caption,th{text-align:left;font-weight:normal;}  
html,body,fieldset,img,iframe,abbr{border:0;}  
i,cite,em,var,address,dfn{font-style:normal;}  
[hidefocus],summary{outline:0;}  
li{list-style:none;vertical-align: bottom;}  
h1,h2,h3,h4,h5,h6,small{font-size:100%;}  
sup,sub{font-size:83%;}  
pre,code,kbd,samp{font-family:inherit;}  
q:before,q:after{content:none;}  
textarea{overflow:auto;resize:none;}  
label,summary{cursor:default;}  
a,button{cursor:pointer;}  
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}  
del,ins,u,s,a,a:hover{text-decoration:none;}  
body,textarea,input,button,select,keygen,legend{border-radius:3px;font:13px/1.14 arial,\5b8b\4f53;color:#333;outline:0;} /*控制文字大小颜色字体：底部版权/页面中部翻页处文字/表单验证提示文字*/
body{background-color: #e4e5e0;background-image: url(../image/bg.jpg);background-attachment: fixed;background-repeat: no-repeat;background-position: center top;}  
a{cursor:default; color:#666;} /*<a>标签去除手指图标和文字颜色属性*/
a:hover{color:#284E97;text-decoration: none; transition:all .5s ease-out 0s;}
.w1000{width:1200px; margin:auto;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.div-relative{positon:relative;}

.b5{height:5px;}.b10{height:8px;}.b8{height:8px;}.b15{height:15px;}.b20{height:20px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}
.more{color:#333; font-size:12px; font-weight:normal;}
.border_radius_8px{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.border_radius_5px{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.alpha{filter:alpha(opacity=50);  /* IE */ -moz-opacity:0.5;  /* Moz + FF */ opacity: 0.5;}

.wrapper{width: 930px;overflow: hidden;background-color: #FFF;border-top:5px solid #666;border-right: 1px solid #666;border-left:1px solid #666;border-bottom:5px solid #666;padding:15px;margin:20px auto 0px auto;}

.wrapper .logo{width:250px; height:60px; color:#333} /*首页头部LOGO尺寸*/
.div-center{position:absolute;z-index:3;top:25px;left:50%;transform:translateX(-50%);} /*顶部中间图片<DIV>控制*/
.wrapper .gName{width:630px;height:30px; line-height:30px; text-align:right; overflow:hidden; font-size:20px; font-weight:bold;} /*首页头部文字属性*/

.wrapper .gBanner{}
.wrapper .nav{height:30px; line-height:30px; font-size:16px; overflow:hidden;}
.wrapper .nav a{line-height: 30px;display: block;height: 30px;width: 100px;text-align: center;float:left;margin-right:10px;background-color:#666; color:#FFF}
.wrapper .nav a:hover{background-color:#DA1F2E; color:#FFF}
.wrapper .nav .fr{ font-size:14px;}

.wrapper .gIntroduction{background-color:#F7F7F7; border:1px solid #E4E4E4; padding:15px; line-height:25px;}
.wrapper .gIntroduction a{color: #00F;text-decoration: underline;}
.wrapper .gIntroduction a:hover{color:#000;}

.wrapper .adminlist{font-size:13px;}

.wrapper .megList{border-top:#cccccc 3px solid; padding:15px}
.wrapper .bg1{background-color: #f8f8f8;}
.wrapper .bg2{background-color: #FFF;}
.wrapper .bg1:hover,.wrapper .bg2:hover{border-top: #F60 3px solid;color: #000;background-color: #FFF0E6;}
.wrapper .megList .head{width:70px;}
.wrapper .megList .head img{border-radius:5px; border:#cccccc 1px solid; padding:3px; background-color:#FFF; width:63px;} /*留言后用户头像属性-宽度*/
.wrapper .megList .meg{width:790px; border-left:#CCC 1px solid; padding-left:20px;}
.wrapper .megList .meg .mTop{font-size:13px; padding-bottom:10px; border-bottom:#CCC 1px solid; color:#666} /*留言后用户信息属性-昵称/时间*/

.wrapper .megList .meg .mTop span.ico{background-repeat: no-repeat;background-position:left center;padding-left:20px;}
.wrapper .megList .meg .mTop span.user{background-image: url(../image/user.png);}
.wrapper .megList .meg .mTop span.time{background-image: url(../image/time.png);}

.wrapper .megList .meg .mContent{padding:18px 0px; font-size:13px; line-height:25px;}
.wrapper .megList .meg .mContent .reply{background-color: #FFFFFF;padding:10px 15px;font-size: 12px;border: 1px dashed #cccccc;margin-top:15px;color:#999;}
.wrapper .megList .meg .mContent .reply .tit{ border-bottom:#cccccc 1px solid; padding-bottom:5px; margin-bottom:5px; font-weight:bold; color:#FF8080}
.wrapper .megList .meg .mContent .reply .con{line-height:20px;}
.wrapper .megList .meg .mSm{padding-top:10px; border-top:#CCC 1px solid; text-align:right; color:#666}
.wrapper .megList .meg .mSm a.good{background-image: url(../image/good.png);background-repeat: no-repeat;background-position: left center;padding-left: 20px;color:#666}
.wrapper .megList .meg .mSm span.address{background-image: url(../image/address.png);background-repeat: no-repeat;background-position:left center;padding-left:20px;}

.wrapper .Megnew{display:inline-block;width:45px;height:13px;background-image: url(../image/new.gif);background-repeat: no-repeat;background-position: center center; margin-bottom:-2px; margin-left:1px;}

.wrapper .pag{background-color:#F7F7F7; border:1px solid #E4E4E4;padding:15px; text-align:center}
.wrapper .pag a{display: inline-block;height: 20px;line-height:20px;padding: 0px 6px;border: 1px inset #CCC;margin:0px 3px;background-color:#FFF; color:#666; font-size:12px;}
.wrapper .pag a:hover,.wrapper .pag a.Invalid,.wrapper .pag a.present{border: 1px outset #CCC;background-color: #E8E8E8;color:#000;}

.wrapper .gDisplayNo{background-color:#F7F7F7; border:1px solid #E4E4E4;padding:15px;}

/*.sm留言板右侧外框属性和背景图控制:background-size:cover;确保图片覆盖整个div/background-position:center;背景图片居中显示/无背景图时使用background:#fff;*/
.wrapper .megAdd{border-top:#cccccc 3px solid; padding:15px 0px; padding-bottom:0px;}
.wrapper .megAdd .addform{width:500px;}
.wrapper .megAdd .sm{width:350px; height:412px;border:1px solid #E4E4E4; padding:15px; background-size: cover;background-position: center; background-image: url(../image/imgbot.jpg);}
.wrapper .megAdd .sm .tit{ font-size:15px; font-weight:bold; line-height:30px;}
.wrapper .megAdd .sm .con{ font-size:13px; line-height:25px;}

.footer{ width:950px; margin:auto; height:30px; line-height:40px;}
.footer a{ color:#333}
.footer a:hover{color:#F00}

.basic-grey{margin-left:auto;margin-right:auto;max-width:500px;background:#F7F7F7;padding:15px;text-shadow:1px 1px 1px #FFF;border:1px solid #E4E4E4}
.basic-grey h1{font-size: 25px;padding: 0 0 15px 75px;display: block;border-bottom: 1px solid #E4E4E4;color: #888;margin-bottom: 15px;background-image: url(../image/logoMeg.jpg);background-repeat: no-repeat;background-position: left top;padding-top:5px;}
.basic-grey h1>span{font-size:12px; margin-top:8px;display:block;}/*在线留言 | Email Message下边文字控制*/
.basic-grey label{display:block;margin:0}
.basic-grey label>span{float:left;width:20%;text-align:right;padding-right:10px;margin-top:10px;color:#888}
.basic-grey select{background:#FFF url(down-arrow.png) no-repeat right;background:#FFF url(down-arrow.png) no-repeat right);appearance:none;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;text-overflow:'';width:70%;height:35px;line-height:25px}
.basic-grey .submit{height:34px; width:76px; background:#E27575;border:none;padding:2px 2px 2px 2px;color:#FFF;box-shadow:1px 1px 5px #B6B6B6;border-radius:3px;text-shadow:1px 1px 1px #9E3F3F;cursor:pointer} /*表单提交按钮属性（尺寸+背景色）*/
.basic-grey .submit:hover{background:#CF7A7A}
.basic-grey span.Prompt{margin-bottom:5px;display:block;} /*验证码图片中的数字底边距*/

.basic-grey input.Validform_error,.basic-grey textarea.Validform_error{/*border:#F00 1px solid*/} /*input/textarea表单边框线点击后颜色和粗细*/
.basic-grey input[type=text],.basic-grey input[type=email],.basic-grey input[type=url],.basic-grey input[type=tel],.basic-grey input[type=password],.basic-grey input[type=search],.basic-grey input[type=checkbox],.basic-grey select{border:1px solid #DADADA;color:#C0C0C0;height:38px; line-height:38px; padding:0px 5px; margin-bottom:15px;outline:0 none;width:440px;font-size:14px;box-shadow:inset 0 1px 4px #ECECEC;-moz-box-shadow:inset 0 1px 4px #ECECEC;-webkit-box-shadow:inset 0 1px 4px #ECECEC;}
.basic-grey textarea{border:1px solid #DADADA;color:#C0C0C0; padding:0px 5px; margin-bottom:15px;outline:0 none;width:440px;font-size:14px;box-shadow:inset 0 1px 4px #ECECEC;-moz-box-shadow:inset 0 1px 4px #ECECEC;-webkit-box-shadow:inset 0 1px 4px #ECECEC; line-height:20px;} /*留言内容表单底边距*/
.basic-grey textarea{padding:5px 3px 3px 5px}
.basic-grey textarea{background-repeat:no-repeat; background-position:center center; overflow:auto; resize:none; background-image:url(../image/form_logo.gif);}
.basic-grey textarea{height:204px;} /*留言内容表单高度150/204/259*/
/*.basic-grey textarea{height:259px;} 留言内容表单输入框高度*/

/*两个验证表单属性（尺寸+边距）*/
.Validform_wrong{color:#F00;} /*表单验证提示的文字属性-红色*/
.Validform_right{color:#090;} /*表单验证通过的文字属性-绿色*/
.basic-grey img.verifycodeImg{width:80px; height:38px; margin-bottom:0px;} /*数字验证图片属性*/
.basic-grey input.VerifyCodeInp{width:80px; height:38px; margin-bottom:0px;color:#666;} /*图片验证输入框属性*/

/*表单提交按钮属性（尺寸+背景）*/
.basic-grey input.bmit{cursor:pointer; margin-bottom:0px;}  /*表单提交按钮属性*/
input{text-decoration:none; color:#354B66;}
input.bmit{height:34px; width:76px; font-size:12px; font-family:Microsoft YaHei; color:#FFF; display:inline-block; cursor:pointer; border:1px solid #236300; padding:0; margin:0; background:#6b9f40 url(../image/Send_bg.png) repeat-x 0 0; text-align:center; border-radius:3px;}
input.bmit:hover{background-position:0 -32px; text-decoration:none;}
a.submit_green_m:active{background-position:0 -64px}
/*表单清除按钮属性（尺寸+背景）*/
input.eset{height:34px; width:76px; font-size:12px; font-family:Microsoft YaHei; color:#000; display:inline-block; cursor:pointer; border:1px solid #999; padding:0; margin:0; background:#ebebeb url(../image/Clear_bg.png) repeat-x 0 0; text-align:center; border-radius:3px;}
input.eset:hover{background-position:0 -32px; text-decoration:none;}
a.reset_green_m:active{background-position:0 -64px}

/*幻灯片控制*/
img{border:0;}
ul,li{list-style-type:none;}
.turn{width:930px; height:310px; margin: auto; position:relative; overflow:hidden;} /*整个播放框架属性*/
.turn-pic li{position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;}
.turn-pic li img{width:930px; height:310px; overflow:hidden;} /*播放图片尺寸属性*/
.turn-btn{position:absolute; z-index:3; font-size:12px; color:#afafaf; bottom:8px; right:15px;}
.turn-btn .lb,.turn-btn .rb{width:6px; height:9px; background:url(../image/btn.png) no-repeat; overflow:hidden; position:absolute; top:3px; left:-10px; cursor:pointer;}
.turn-btn .rb{background-position:-6px 0; left:21px;}
.turn-btn span{text-align:center;}

/*留言右侧窗口内div定位class="parent"/class="child"*/
.parent {
  min-height: 100vh; /* 确保父容器至少与视口一样高 */
  position: relative; /* 确保父容器是定位的 */
}
.child {
  position: absolute;
  top: 379px; /* 距离div上面位置定位 */
  width: 100%; /* 根据需要调整宽度 */
}