@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition:all 0.5s; }
img { transition:all 0.5s; }
table { border-collapse: collapse; border-spacing: 0; }
.hide { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
.hide{display: none;}

.wrap{width: 1200px;margin:0 auto;}
.g-wrap{width: 1400px;margin: 0 auto;}
.header{position: relative;}
.header .h-t{z-index: 1;position: fixed;background: rgba(255,255,255,0.5);top:0;left: 0;width: 100%;z-index: 999;}
.header .nav-l{float: left;color:#000;font-size: 16px;}
.header .nav-r{float: right;}
.header li{float: left;padding: 35px 25px 30px 25px;line-height: 1;text-align: center;position: relative;}
.header li a{display: inline-block;color:#000;font-size: 16px;}
.header li a:hover{color:#6d481a;}
.header .logo{width: 1.85rem;height: 1.45rem;background: #fff;box-shadow: 0 0 5px #dcdcdc;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;text-align: center;position: absolute;top:0;left:50%;margin-left: -95.5px;}
.header .logo img{margin-top:20px;width: 1.35rem;height: 0.77rem;}

.subNav{display:none;width:100%;position:absolute;top:81px;left: 0; background:rgba(255,255,255,0.5);z-index:10;}
.subNav dt a{height:40px;line-height:40px;font-size:14px;}

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block;color:#000; }
.m-nav li a:hover,.m-nav .current a { color:#6d481a; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #6d481a; content:"" }

@media all and (max-width:1200px){
  img{width: 100%;height: auto;}
  .header .logo{border-radius:0;position: static;margin:0;background: none;box-shadow: none;float: left;}
  .header .logo img{margin-top:14px;}
  .wrap{width: 96%;margin:0 auto;}
  .g-wrap{width: 96%;margin:0 auto;}
  .nav-l{display: none;}
  .nav-r{display: none;}
}


.f-t{width: 100%; padding: 40px 0;background: #ebf3e8;}
.footer-l{float: left;font-size: 14px;line-height: 30px;color:#000;}
.footer-l p:nth-child(1){font-size: 18px;margin-bottom: 25px;}
.footer-l p:nth-child(2),.footer-l p:nth-child(3),.footer-l p:nth-child(4){opacity: 0.5;}
.footer-r{float: right;}
.copyright{padding: 12px 0;font-size: 12px;color:#9a9a9a;background: #414141;text-align: center}
.copyright a{color:#9a9a9a;}
.copyright a:hover{opacity: 0.5;}

.right-form{width:300px;position:fixed;top:50%;right:0;background:#fff;border-radius:6px;padding-bottom:25px;
  margin-top:-170px;box-shadow:0 0 5px #ccc;z-index:9999 !important;}
.right-form h2{font-size:24px;padding:25px 0;text-align:center;font-weight:normal;color:#000;}
.right-form ul{padding:0 25px;}
.right-form li{height:44px;border:1px solid #e5e5e5;}
.right-form li p{width:44px;height:44px;float:left;border-right:1px solid #e5e5e5;}
.right-form li:nth-child(1) p{background:url(form-input-1.jpg) center no-repeat;}
.right-form li:nth-child(2) p{background:url(form-input-2.jpg) center no-repeat;}
.right-form li:nth-child(3) p{background:url(form-input-3.jpg) center no-repeat;}
.right-form li:nth-child(2){margin:12px 0;}
.right-form li .text{width:193px;height:44px;float:left;font-size:14px;padding-left:10px;}
.right-form .submit{display:block;width:250px;height:44px;background:#537d33;text-align:center;color:#fff;margin:12px auto 0;font-size:14px;cursor:pointer;}

@media all and (max-width:1200px){
  .f-t{padding: 0.4rem 0;position: relative;}
  .footer-l p:nth-child(1){font-size: 0.3rem;margin-bottom: 0.25rem;}
  .footer-l{font-size: 0.24rem;}
  .footer-r{position: absolute;bottom:0.4rem;right: 2%;}
  .footer-r img{width: 1.52rem;}

  .right-form{width:96%;padding:0 2%; position:static;padding-bottom:0;margin:0 auto;box-shadow:0 0 0 #ccc;padding-bottom:20px;border-radius:0;}
  .right-form h2{font-size:18px;padding:15px 0;}
  .right-form ul{padding:0;}
  .right-form li .text{width:calc(100% - 55px);}
  .right-form .submit{width:100%;}

}



@media all and (max-width:1200px){
  /* 菜单显示 */
  .u-menu { position:absolute; right:6px; top:14px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
  .u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
  .u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
  .u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
  .u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
  .u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

  body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
  body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
  body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
  body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
  body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
  body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
  body.z-open .u-menu .u-menu-middle { display:none; }
  .wrapper { margin:0 auto; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }
  .u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:99999; }

}

