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

/*weixin*/
.weixin{ width:180px; height:127px; position:absolute; top:80%; right:10px; z-index:9999;}
.weixin a{ background:url(../images/y_202.png) no-repeat right 0; display:block; width:52px; height:57px; position:absolute; top:8px; right:0px; }
.weiimg{ background:url(../images/y_20.png) no-repeat 0 0; width:123px; height:114px; margin-top:-20px; display:none;}

/*顶部*/
.topmenu{ width:100%;  position:absolute; height:40px; padding:20px 0%; z-index:9999;}
.topmenu:hover{background-color: rgba(0, 0, 0, 0.5); height:80px;}
.logo{ float:left; margin-left:3%;}
.logo img{ height:40px;}
.topmenu ul { display:inline-block; /*display:none;*/  position:absolute; width:400px; right:6%;}
.topmenu ul li { height:46px; float:left; width:100px; text-align:center;}

.topmenu ul li.on:hover div{display:block; }
.topmenu ul li.on div{display:none; font-size:16px; position:absolute; left:110px; top:42px; padding:0; border-radius:5px; }
.topmenu ul li.on div a{display:block; color:#ffffff; height:45px; line-height:45px;  font-family:"MicroSoft YaHei"; text-align:center; margin:0 10px;  text-decoration:none;}
.topmenu ul li.on div a:hover{color:#ffffff; }

.topmenu ul li a{ line-height:46px; font-size:16px; color:#ffffff; display:inline-block; height:46px; }
.topmenu ul li a:hover{border-bottom:2px solid #ffffff;}
.topmenu ul li a.aclicked{ border-bottom:2px solid #ffffff;}

.menuIn .topmenu{background:#000; height:80px; width:100%;}


.fixednav {position:fixed; top: 0px; left:0px; width:100%; height:80px; background-color: rgba(0, 0, 0, 0.5); }


.burger{padding:15px 0px 15px 15px;cursor:pointer;position:absolute;right:3%; }
.burger .burger-in{width:26px;margin:0 auto}
.burger [class^="line"]{background:#fff;height:2px;margin-bottom:6px;opacity:1;transition:all .3s ease;-webkit-transition:all .3s ease}
.burger [class^="line"]:last-child{margin-bottom:0}
.burger.on .line1{-ms-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6);-moz-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6);-o-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6);-webkit-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6);transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6)}
.burger.on .line2{visibility:hidden;opacity:0;-ms-transform:matrix(1, 0, 0, 1, -40, 0);-moz-transform:matrix(1, 0, 0, 1, -40, 0);-o-transform:matrix(1, 0, 0, 1, -40, 0);-webkit-transform:matrix(1, 0, 0, 1, -40, 0);transform:matrix(1, 0, 0, 1, -40, 0)}
.burger.on .line3{width:28px;-ms-transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10);-moz-transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10);-o-transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10);-webkit-transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10);transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10)}
.bgfixed{background-attachment:fixed !important}


@media screen and (max-width: 1080px){.topmenu ul { display: none; }
.logo{ float:left; margin-left:0px; margin-right:0px;}
.logo img{ height:28px; margin-top:5px;}
.topmenu{ left:0; width:94%; position: absolute; top:0; padding:10px 3%; }
.weixin{display: none;}
}


/*导航*/

.header{position:fixed;top:80px;-ms-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s;opacity:0;background:#000;bottom:0;left:0;width:100%;z-index:100;pointer-events:none;-webkit-perspective:640px;perspective:640px}
.header .h-section{float:left;padding-top:60px;box-sizing:border-box;width:50%;height:100%;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.header .h-menu{background:#269e8b;-ms-transform:perspective(500px) rotateY(-95deg);-moz-transform:perspective(500px) rotateY(-95deg);-o-transform:perspective(500px) rotateY(-95deg);-webkit-transform:perspective(500px) rotateY(-95deg);transform:perspective(500px) rotateY(-95deg);color:#fff;opacity:0}
.header .h-menu .ifbox{margin-left:3px; /*padding-left:5%;*/ text-align: center;}
.header .h-menu .iftit{font-size:18px;margin-bottom:30px;font-weight:normal}
.header .h-menu .skips a{display:block;font-size:24px;transition:all .3s ease;-webkit-transition:all .3s ease;margin-bottom:30px; color:#ffffff; }
.header .h-menu .skips a:hover{color:#000}
.header .h-menu .infos{margin-top:3%;font-size:16px;}
.header .h-menu .infos img{ width:130px; margin-top:3%; position: relative; left:50%; margin-left:-65px;}
.header .h-menu .infos h4{font-size:20px;margin:15px 0;font-weight:normal}
.header .h-menu .c-btn{margin-top:40px;display:inline-block;width:180px;height:45px;border:none;background:#fff;color:#269e8b;text-align:center;cursor:pointer;font-size:15px;box-sizing:border-box;line-height:45px;transition:all .3s ease;-webkit-transition:all .3s ease}
.header .h-menu .c-btn:not(.disabled):not([disabled]):hover{background:#000;color:#fff}
.header .h-nav{background:#fff;-ms-transform:perspective(500px) rotateY(-107deg);-moz-transform:perspective(500px) rotateY(-107deg);-o-transform:perspective(500px) rotateY(-107deg);-webkit-transform:perspective(500px) rotateY(-107deg);transform:perspective(500px) rotateY(-107deg);-ms-transition-delay:.35s;-moz-transition-delay:.35s;-o-transition-delay:.35s;-webkit-transition-delay:.35s;transition-delay:.35s;opacity:0}
.header .h-nav .ifbox{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;flex-wrap:nowrap}
.header .h-nav .iftit{font-size:18px;margin-bottom:30px;font-weight:normal}
.header .h-nav .skips a{display:block;text-align:center;font-size:24px;transition:all .3s ease;-webkit-transition:all .3s ease;margin-bottom:30px; color:#269e8b;}
.header .h-nav .skips a:hover{color:#269e8b}
.header.vblack{top:60px}

.menuIn .header{pointer-events:auto;-ms-transition-delay:.01s;-moz-transition-delay:.01s;-o-transition-delay:.01s;-webkit-transition-delay:.01s;transition-delay:.01s;opacity:1}
.menuIn .header .h-section{-ms-transform:perspective(500px) rotateY(0);-moz-transform:perspective(500px) rotateY(0);-o-transform:perspective(500px) rotateY(0);-webkit-transform:perspective(500px) rotateY(0);transform:perspective(500px) rotateY(0)}
.menuIn .header .h-menu{ width:50%; -ms-transition-delay:.35s;-moz-transition-delay:.35s;-o-transition-delay:.35s;-webkit-transition-delay:.35s;transition-delay:.35s;opacity:1}
.menuIn .header .h-nav{ width:50%; -ms-transition-delay:.01s;-moz-transition-delay:.01s;-o-transition-delay:.01s;-webkit-transition-delay:.01s;transition-delay:.01s;opacity:1}
@media screen and (min-width: 1080px) and (min-height: 800px){:not(.wrap) .disTit{padding:0 20px}
.header .h-section{padding-top:90px}
.header .h-menu .skips{margin-bottom:32px}
.header .h-nav .iftit{margin-bottom:50px; }
.header .h-nav .skips{margin-bottom:35px}
}
@media screen and (max-width: 1080px){
.header{top:60px;}
.header .h-section{float:left;box-sizing:border-box;width:50%;}
.header .h-menu .infos img{ display:none;}
.toper .hh-logo a{height:24px}
.burger{right:-5px;top:5px}
.header .h-menu .skips a{font-size:16px;margin-bottom:15px}
.header .h-menu .infos{font-size:14px}
.header .h-menu .infos h4{font-size:14px}
.header .h-menu .c-btn{width:80%; height:34px; line-height:34px;margin-top:0px; border-radius:17px;}
.header .h-nav .skips a{font-size:16px;margin-bottom:16px}
.menuIn .burger{right:15px; }
.menuIn .h-section{padding-top:30px}
.menuIn .h-nav .ifbox{align-items:stretch;text-align: center;}
.menuIn .h-nav .ifbox a{text-align:center;}
}

/*客服*/

@-webkit-keyframes customerQuan{0%{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
15%{-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-webkit-transform:scale(2);transform:scale(2)}
30%{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes customerQuan{0%{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
15%{-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-webkit-transform:scale(2);transform:scale(2)}
30%{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
}

.fix-customer{width:60px;height:60px;z-index:20000;box-sizing:border-box;position:fixed;right:40px;bottom:40px;transition:all .3s ease;-webkit-transition:all .3s ease}
.fix-customer img{display:block;width:100%;height:100%;border-radius:50%;position:relative;z-index:1;box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.fix-customer i{top:0;left:0;border-radius:50%;background:rgba(26,183,68,0.25);width:100%;height:100%;position:absolute;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.fix-customer .r1{-webkit-animation:customerQuan 7s 0s linear infinite;animation:customerQuan 7s 0s linear infinite}
.fix-customer .r2{-webkit-animation:customerQuan 7s .4s linear infinite;animation:customerQuan 7s .4s linear infinite}
.fix-customer .r3{-webkit-animation:customerQuan 7s .8s linear infinite;animation:customerQuan 7s .8s linear infinite}
.fix-customer .vmsg{position:absolute;pointer-events:none;transition:all .3s ease;-webkit-transition:all .3s ease;opacity:0;white-space:nowrap;font-size:14px;right:40px;top:10px;color:#fff;height:40px;line-height:40px;padding:0 20px;border-radius:3px;background:#1ab744;box-shadow:0 5px 10px 0 rgba(0,96,35,0.2)}
.fix-customer .vmsg:after{position:absolute;content:"";top:50%;right:-6px;margin-top:-10px;width:20px;height:20px;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:3px;background:#1ab744;box-shadow:0 5px 10px 0 rgba(0,96,35,0.2)}
.fix-customer:after{content:'';position:absolute;right:2px;top:1px;width:12px;height:12px;border-radius:50%;z-index:2;background:linear-gradient(to bottom, #38dc79, #1ab744)}
.fix-customer:hover i{display:none}
.fix-customer:hover .vmsg{opacity:1;-ms-transform:translate(-40px, 0);-moz-transform:translate(-40px, 0);-o-transform:translate(-40px, 0);-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}