body{word-break:break-all; overflow-x: hidden;font-family:"helvetica neue",helvetica,arial;margin:0;padding:0;color: #3f3d56;background-color: #fff}
html:lang(zh-cn) h1{font-family: Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Microsoft JhengHei,sans-serif}
.hide{display:none!important}
input, button, select, textarea{outline:none !important;}
textarea{resize: none;}
input:focus, button:focus, select:focus, textarea:focus{box-shadow:none !important; outline:none !important;}
ul,dd,dl,dt{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:none;}
u, b, em, i{font-style:normal; list-style:none none !important; text-decoration:none !important;}
a{text-decoration:none;color:#333}

p{padding:0;margin:0}

body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}


.headlay{height:80px;width:100%;background-color: rgba(255,255,255,1);}
.header{height:80px;max-width:1100px;margin:auto}
.header{clear:both}
.header:after{content:'';display:block;clear:both}

.logo{display:inline;margin-right:20px}
.logo img{display:inline;height:42px;margin-top:20px}

.apply{display:inline-block;background-color:#222;color:#fff;padding:9px 45px 9px 30px;border-radius:30px;float: right;margin-top:20px;font-weight: bold;font-size: 1em;position: relative;
  opacity: 1;transition: 0.3s ease-in;}
.apply:after{content:''; display: inline-block;width: 8px;height: 8px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);position: absolute;right:25px;top: 50%;margin-top:-5px;}
.apply:hover{opacity: 0.8;padding:9px 40px 9px 35px;}


.top{background-color:#fc0;height:600px;text-align: center;position: relative;width: 100%;overflow: hidden;}
.top1{width:1800px;position: absolute;left:50%;bottom:30px;margin-left: -900px}
.top2{width:700px;position: absolute;right:0;bottom: -22px}
.top3{width:450px;position: absolute;left:0;top:130px}
.top .w{position: relative;height:600px}

.w{max-width:1100px;margin: auto;}

.htit{padding:50px 0 30px;font-weight: normal;font-size: 1.2em}
.htit img{height:35px;display: inline;vertical-align: middle;margin-top: -5px;margin-right:10px}
.htit strong{display: inline-block;background-color: #ffdc63;margin: 0 5px;padding:5px 0;border-radius: 70%}

.dtrs{display:flex;padding-bottom:50px}
.dtrs_txt{flex: 1}
.dtrs_txt p{padding-bottom:15px; font-size: 1.1em;line-height: 1.7em;text-indent:2em}
.dtrs_img{flex:1;text-align: right;}
.dtrs_img img{ width:450px}

.aboutmfg{background-color:#fff;padding:40px 0}
.aboutcon{display: flex;padding:10px 0 100px;}
.aboutcon div{text-align: center;width: 28%}
.aboutcon div img{ width:160px;display: block;margin:15px auto 30px;transition: 0.2s ease-in;}
.aboutcon div h4{font-size: 1.4em;padding:20px 0 15px;margin: 0;transition: 0.2s ease-in;}
.aboutcon div p{line-height: 1.6em;font-size:1em;opacity: 0.7}
.aboutcon div:nth-child(2){margin: 0 9%}
.aboutcon div:hover img{transform: scale(1.1);}


.endanger{background-color: #f9f9f9;padding:50px 0 50px}

.testgo{background-color: #fff;padding:0 0  100px}
.testgoin{display: flex; max-width:1200px;margin: auto;}
.wximg{padding-right: 90px; text-align:right;flex: 1}
.wxcon{flex: 1}
.wximg img{border-radius:280px;width:280px}
.wxcon h2{font-size:2em;font-weight:bold;text-align:left;padding:40px 0 0}
.wxcon h3{font-size:1.1em;text-align:left;font-weight: normal;opacity: 0.8}

.somlay{padding:50px 0 80px}

.socialm{
	text-align: center; list-style: none;
}
.socialm li{display: inline-block;margin: 0 10px;position: relative;width:50px;height:50px;}
.smimg{width:50px;height:50px;border-radius:50px;transition: 0.2s ease-in;}
.upimg{width:170px;height:170px;background-color: #fff;position: absolute;left:-60px;top:-180px;text-align: center;;box-shadow:0 6px 6px #444;border-radius: 10px;opacity:0;transition: 0.2s ease-in}
.upimg img{width: 140px;height: 140px;margin-top:15px}
.socialm li:hover .upimg{display:block;opacity: 1}
.socialm li:hover .smimg{transform: scale(1.1);}

.footer{background-color:#3f3d56;color:#fff;padding:30px 0 30px;text-align: center;letter-spacing: 2px;font-weight: normal;font-size: 0.9em;position: relative;}
.footer a{color: #fff;}

.top1{-webkit-animation-name:postPicAnimate;animation-name:postPicAnimate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:50s;animation-duration:50s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes postPicAnimate{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}5%{opacity:1}20%{opacity:1}25%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.4);transform:scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}










 .lesson{height:200px}
.lesson .w{height:200px}
.lesson .top1{bottom:-50px;}
.lwlistlay{width:1100px;margin: auto;display: flex;padding:60px 0 0;display:none}
.lwitem{width:25%;text-align: center;}
.lwimglay{width:200px;height:200px;margin: auto; border-radius: 10px;box-shadow:0 15px 15px #e2e2e2;;background-color: #fff; box-shadow:#aaa ;}
.lwimglay img{width:95%;margin-top:30px;}
.buy img{display:block;margin:auto;width:70px;transition: 0.2s ease-in;border-radius: 30px;}
.buy img:hover{transform: scale(2);}
.lwitem h5{display:block;padding:10px 0;margin:-20px auto 0;font-size: 1.3em}
.buy{background-color:#fc0;color: #111;margin-left: 30px}
.buy:after{border-top:2px solid #111;border-right:2px solid #111;}
.waylay{display: flex;}
.wayimg{width:50%;padding:40px 0}
.wayimg img{width:90%}
.waylessons{padding: 40px 0;flex: 1}
.waylessons h4{background-color: #f7f7f7;padding:10px 15px;border-radius:6px;cursor: pointer;}
.waylessons h4:hover{background-color: #f5f5f5}
.waylessons ul{padding:0 0 0 30px}
.waylessons li{padding: 10px;cursor: pointer;list-style-type: circle;}
.waylessons li:hover{background-color: #fc0;color:#111;border-radius:6px}
.waylessons li text{float: right;}

.paycode{text-align: center;width:300px;height:320px;display: none; position:fixed;left:50%;top:50%;z-index:9999;margin-top:-150px;margin-left:-160px;background-color:#fff;border-radius:20px;}
.paycode img{width:80%;margin:10px 0 0}
.paycode div{font-size:19px;font-weight: bold;}
.paycode h3{font-size:15px;line-height:25px;padding:0;margin:5px 0 0 0;}
.bgw{width: 100%;height: 100%;opacity: 0.6;display: none;background-color: #000;position: fixed;left: 0;top: 0}