@charset "utf-8";
html{width:100%;}
body{width:100%; margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#f3f2f0;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;}

   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:67.5px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:60px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:45px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:37.5px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:25.875px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:23.4375px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:20px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:15px;
     }
   }
#wrap{width: 16rem; position: relative;}
#logo{width: 5.25rem; position: absolute; left:10.7rem; top: 0.5rem; }
#logo2{width: 5.25rem; position: absolute; right:0.25rem; top:0.5rem; display: block;}
.wrapBg1{background:url(http://sd.laohu.com/_s/ydyannium/topPic1.jpg) no-repeat center 0; background-size: 100% auto;}
.wrapBg2{background:url(http://sd.laohu.com/_s/ydyannium/topPic2.jpg) no-repeat center 0; background-size: 100% auto;}
.wrapBg3{background:url(http://sd.laohu.com/_s/ydyannium/topPic3.jpg) no-repeat center 0; background-size: 100% auto;}

.textBox{padding: 13.375rem 0.8rem 0.65rem 0.8rem; font-size: 0.6rem; color: #3a3a3a; line-height: 0.9rem;}
.btn{height: 3.5rem; padding-left: 0.05rem;}
.btn a{float: left; width: 4.45rem; height: 1.625rem; background: url(http://sd.laohu.com/_s/jxjsym/btn.png) no-repeat 0 0; font-weight: bold; font-size: 0.55rem; text-indent: 0.4rem; line-height: 1.625rem; color: #ffe0bd; margin-left: 0.65rem;}
.btn a.n1{background-position: 0 0; background-size: 100% auto; color: #fff; text-indent: 1rem;}
.btn a.n2{background-position: 0 -1.625rem; background-size: 100% auto;}
.btn a.n3{background-position: 0 -3.25rem; background-size: 100% auto; color: #fff;}
.btn a.n4{background-position: 0 -4.875rem; background-size: 100% auto; color: #fff;}

.list{padding:0 0.4rem;}
.title{height: 1.65rem; background: #3a3a3a; position:relative; margin-bottom: 0.65rem;}
.showBtn{width: 1rem; height: 1rem; display: block; position: absolute; right:0.25rem; top: 0.325rem; background: url(http://sd.laohu.com/_s/jxjsym/on.png) no-repeat 0 -1rem; background-size: 100% auto;}
.btnOn{background-position: 0 0;}

.name{float: left; color: #faf5f6; font-size: 0.85rem; padding: 0 0 0 2.125rem; line-height: 1.65rem; font-weight: normal;}
.kBox{width: 1.35rem; height: 1.35rem; position: absolute; left: 0.25rem; top: 0.025rem;}
.kBox span.number{font-size: 0.9rem; color: #faf5f6; text-align: center; width: 1.35rem; height: 1.35rem; line-height: 1.35rem; position: absolute; left: 0; top: 0; z-index: 2;}
.kBox span.ks{ background: #379dc7; width: 1.35rem; height: 1.35rem; line-height: 1.35rem; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.kBox span.ks2{background: #a052b0;}
.kBox span.ks3{background: #d18d42;}

.fontBox{font-size: 0.6rem; color: #1f1f1f; display: none;}
.fontBox p{padding: 0 0 0.75rem 0; line-height: 1.05rem;}
.fontBox h3{ height: 1.7rem; }
.fontBox span.kk{display: block; background: #41add9; font-size: 0.75rem; color: #faf5f6; padding: 0.125rem 0.3rem; float: left;}
.fontBox span.kk2{background: #b25dc4;}
.fontBox span.kk3{background: #d18d42;}
.fontBox li{padding: 0 0 0.5rem 1.2rem; position: relative; line-height: 1.05rem;}
.fontBox li span{display: block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.6rem; color:#faf5f6; border-radius: 20px; position: absolute; left: 0; top: 0.05rem; background: #41add9;}
.fontBox li span.y2{background:#b25dc4;}
.fontBox li span.y3{background:#d18d42;}
.fontBox h4 img{display: block; max-width: 13.45rem; margin: 0 auto;}
.fontBox h4{padding-bottom: 0.5rem;}

.kefu{background: #1e242d; padding: 0.6rem; font-size: 0.6rem;  color: #a7a8a9; line-height: 1.2rem;text-align: center;}
.kefu strong{color:#e2e2e2; font-size: 0.9rem;}
.kefu span{font-size: 0.5rem; padding-left: 0.1rem;}
.kefu a{color:#a7a8a9;}
.fontBox li img{display: block; max-width: 90%; margin: 0 auto;}