@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:18px; font-family:Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:url(../images/bg.jpg) top center no-repeat #fff; font-family: Arial,"微软雅黑"; line-height:30px; letter-spacing:1px;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
h1,h2,h3 { font-weight:100;}
a{text-decoration:none; color:#FFF;}
img{ display:block;}
.cl { clear:both;}
em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
a:hover{}
/*top*/
.wrap{ width:1200px;margin:0px auto;padding:30px 0px; position:relative;display:block;}
.top { width:100%; height:80px;}
.logo { float:left; width:300px; height:75px; margin:10px 0px;font-size:26px; letter-spacing:1px; color:#393939;overflow:hidden;}
.head { width:1200px; margin:0px auto; position:relative;}
.nav a { float:right;margin:30px 0 0 30px; color:#333;height:40px; line-height:40px; position:relative;}
.nav a:hover { color:#0aa94b;}
.nav a.btn_top { float:right; margin:30px 0px 0 40px; color:#fff; height:40px; width:140px; text-align:center; border-radius:2px; line-height:40px; font-size:16px;background:#1ec66d;}
.nav a em {position: absolute;right: 0;top: -10px;}
.nav a em img.anm {animation:shake .3s linear infinite;}
@keyframes shake{0% {transform: translateY(0.5px);} 100% {transform: translateY(-0.5px);}}
.btn_top:hover { box-shadow: 3px 3px 10px rgba(32,182,97,0.3);}
.btn_top:before { content:""; width:30px; height:30px; background:url(../images/icon.png) no-repeat 0px 0px; display:inline-block; margin:0px 3px -8px 0;}
.title_a { font-size:60px; margin:0px auto 0 auto; line-height:100px; letter-spacing:5px; font-weight:bold;}
.title_a strong { color:#0aa94b;}
.title_b { font-size:18px; width:90%; margin:10px auto; letter-spacing:1px; line-height:30px;}
.title_c { font-size:18px; margin:80px auto 10px auto}
.btnbox { margin:50px auto 0px auto; display:flex;align-items: flex-end; z-index:10000; position:relative;}
.btnbox a:not(.store-a) { border-radius:4px;margin:0px 30px 0 0; width:240px; height:80px; line-height:60px; text-align:center;background:#1ec66d; font-size:24px; box-shadow: 5px 5px 15px rgba(32,182,97,0.3);}
.btnbox a:not(.store-a):hover { box-shadow: 5px 5px 15px rgba(32,182,97,0.5);}
.btnbox a:not(.store-a):before { content:""; width:30px; height:30px; background:url(../images/icon.png) no-repeat -40px 0px; display:inline-block; margin:0px 3px -6px 0;}
.btnbox a:not(.store-a) p { font-size:14px; margin-top:-10px; line-height:20px;}
.btnbox + span { font-size:14px; text-align:center; line-height:30px;width: 537px;
    display: block;
    padding-top: 10px;
    float: right;}
.btnbox .store-a {
    display: block;
    background: #1ec66d;
    font-size: 24px;
    box-shadow: 5px 5px 15px rgba(32, 182, 97, 0.3);
    height: 79px;
}
.btnbox .store-a img {
    height: 100%;
}
.banner { width:530px; height:460px; float:left; margin:50px 80px 0 50px;}
.title { font-size:40px; font-weight:bold; text-align:center; margin:100px auto 20px auto; height:60px; line-height:60px; width:100%; float:left;}
.titlea { display:flex; width:100%;justify-content:center;align-items:center; color:#666;}
.titlea i { width:50px; height:1px; background:#e3e3e3; margin:0 50px;}
.main {display:flex;justify-content:space-between;}
.main_txt { margin:50px 0 0 0; width:500px; position:relative; z-index:1; position:relative;}
.main_txt h2 { font-size:40px; font-weight:bold; height:60px; margin:30px 0;}
.main_txt .txta { position:absolute; left:0px; top:120px; width:580px;}
.main_txt p { margin:60px 0 -20px 50px; font-size:20px;}
.main_bg { background:rgba(255,255,255,0.5); height:380px; width:1000px; position:absolute; top:-60px; left:-278px; z-index:-1;}
.main_img { margin:50px 0 0 50px;}
.main_pic { margin:50px 0 0 50px; z-index:1;}
.main_pifu { margin:30px 0 -30px -100px;}
.wrap ul {display:flex;justify-content:space-between;flex-wrap: wrap;}
.wrap ul li { width:42%; border-radius:10px; box-shadow:0 5px 10px rgba(26,177,94,0.2); margin:20px 0; padding:30px 30px;}
.wrap ul li:hover { box-shadow:2px 5px 10px rgba(26,177,94,0.5);}
.wrap ul li h3 { font-size:22px; margin-bottom:20px;}
.wrap ul li h3:before {content:""; width:5px; height:25px; background:#fe7e62; display:inline-block; margin:0px 10px -5px 0;}
.wrap ul li p { font-size:15px;}
.footer { text-align:center; padding:20px 0px;}
.footer p { width:800px; margin:5px auto; line-height:20px; font-size:13px; color:#888;}
.tj { display:none;}
.kefu { position:fixed; right:10px; top:40%; width:90px;border-radius:6px;background:#e2e8e2; z-index:10000;}
.kefu .qq,.kefu .qun { text-align:center; height:90px; font-size:14px;}
.kefu .qq { border-bottom:1px solid rgba(255,255,255,1)}
.kefu .qq:hover {background:#d9e3d9; border-radius:6px 6px 0 0;}
.kefu .qun:hover {background:#d9e3d9; border-radius:0 0 6px 6px;}
.kefu .qq i img { width:32px; height:32px; margin:0 auto;}
.kefu .qun i img { width:48px; margin:0 auto;}
.kefu i { width:100%; text-align:center; display:block; margin:15px auto 10px auto; float:left;}
.kefu .qq:hover .kefucode,.kefu .qun:hover .kefucode  { display:block;}
.kefucode { position:absolute; right:90px; top:0px;  display:none;}
.kefucodebox {background:#e2e8e2;padding:20px 20px 10px 20px; border-radius:8px; margin-right:15px; letter-spacing:0;}
.kefucode img { width:130px; margin:5px 0;}
.kft { font-size:16px;}
.qqnum { font-size:16px;}
.kefucode p { margin:3px 0;}
.kefucode a { color:#333}
.kefucode a:hover { text-decoration:underline; color:#00ff00;}
.kefucode em {width: 0; height: 0;border-top: 7px solid transparent;border-left:10px solid #e2e8e2;border-bottom: 7px solid transparent; position:absolute; top:30px; right:5px;}
.qun .kefucode em { top:130px;}