@charset "gb2312";
/*--头部---*/
.logo {left:50%;top:50%;display:block;width:390px;height:60px;margin-left:-195px;margin-top:-30px;background:url(../images/logo.png) no-repeat;}
.logo-chanke {left:50%;top:50%;display:block;width:383px;height:60px;margin-left:-191px;margin-top:-30px;background:url(../images/logo-chanke.png) no-repeat;}
.topTell {left:10px;top:50%;display:block;width:40px;height:40px;margin-right:-20px;margin-top:-20px;background:url(../images/header_goHome.png) no-repeat;}
.goBack { left:5px;top:50%;display:block;width:40px;height:40px;margin-right:-20px;margin-top:-20px;background:url(../images/header_goBack.png) no-repeat;}
.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}
/*--/头部---*/


/*--2017版头部---*/
/*.iphone__screen {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden;}*/
.nav {position:absolute;z-index:9;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav--active .nav {opacity:1;background-color:#00b0b0;overflow:hidden;overflow-y:scroll;height:100%;}
/*.nav__list {margin:10% 0 0 0;padding:10px;width:30%;float:left;text-align:center;}
.nav__list dt {color:#fff;line-height:1.5em;font-size:.888em;}
.nav__list dt>.fa {display:block;}
.nav__item {}
.nav__link {line-height:2em;font-size:1em;text-transform:uppercase;text-decoration:none;color:#FFFFFF;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;}*/
.nav__trigger {display:block;position:absolute;width:30px;height:25px;right:10px;top:50%;z-index:10;margin-top:-20px;}
.nav--active .nav__trigger { opacity:0.5;}
.nav__icon {display:inline-block;position:relative;width:30px;height:5px;background-color:#00b0b0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before,.nav__icon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#00b0b0;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}
/* Don't nest if you don't have to. *//*** v2017Style*/
.v2017Style .nav {width:100%;height:100%;-webkit-transform:translateX(100%);transform:translateX(100%);}
.v2017Style .nav--active .nav {-webkit-transform:translateX(20%);transform:translateX(20%);}
/*.v2017Style .iphone__screen {background-color:transparent;}*/
.v2017Style .nav--active .wrapper {-webkit-transform:scale(0.9) translateX(-90%);transform:scale(0.9) translateX(-90%);}
.v2017Style .nav--active .nav__icon {background:rgba(0,0,0,0);}
.v2017Style .nav--active .nav__icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.v2017Style .nav--active .nav__icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.goHomeMap {display:block;text-align:center;width:50%;margin:0 auto;}
.goHomeMap li {border:1px solid #fff;border-radius:.2em;margin-bottom:10px;padding:.4em;}
#header {width:100%;min-width:320px;height:90px;background-color:#008883;position:relative;z-index:9;border-bottom:1px solid #dddddd;}
/*--/2017版头部---*/


/*--2017版导航弹出部分---*/
.kuaisu {overflow:hidden;width:100%;background-color:#313940;}
.zt-1 {height:3em;background-color:#00b0b0;font-size:1em;color:#fff;line-height:3em;padding-left:18px;}
.kuaisu-1 {padding:0;}
.su-left {margin-left:5%;width:45%;float:left;}
.su-left li,.su-right li {height:1.75em;text-align:left;line-height:1.75em; padding:.4em 0;}
.su-left a,.su-right a {font-size:1em;color:#fff;}
.su-right {margin-left:5%;width:45%;float:right;}

.kuaisu-2 {width:100%;margin:10px auto 20px;}
.kuaisu-3 {text-align:center;}
.kuaisu-3 p {font-size:1em;color:#fff;text-align:center;margin:5px 0 0 0;}
/*--/2017版导航弹出部分---*/




/*--2016版导航---*/
.showMenu {right:3%;top:35%;display:block;width:48px;height:28px;margin-top:-14px;z-index:1001;font:1em/1.5em "Microsoft YaHei";color:#fff;}
.showMenu a {display:block;width:48px;height:28px;position:relative;outline:none;}
.showMenu a:before,.showMenu a:after {content:'';position:absolute;left:0;top:50%;height:8px;width:100%;z-index:-1;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;background-color:#fff;margin-top:-4px;}
.showMenu a:before {-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.showMenu a:after {-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);}
.hideMenu a:before {-moz-transform:rotate(90deg) rotate(45deg);-o-transform:rotate(90deg) rotate(45deg);-ms-transform:rotate(90deg) rotate(45deg);-webkit-transform:rotate(90deg) rotate(45deg);transform:rotate(90deg) rotate(45deg);}
.hideMenu a:after {-moz-transform:rotate(90deg) rotate(-45deg);-o-transform:rotate(90deg) rotate(-45deg);-ms-transform:rotate(90deg) rotate(-45deg);-webkit-transform:rotate(90deg) rotate(-45deg);transform:rotate(90deg) rotate(-45deg);}

@-webkit-keyframes shake {0% {-moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg);}
100% {-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg);}
}
@-moz-keyframes shake {0% {-moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg);}
100% {-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg);}
}
@-o-keyframes shake {0% {-moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg);}
100% {-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg);}
}
@keyframes shake {0% {-moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg);}
100% {-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg);}
}

.menulist {width:100%;}
.menulist h3 {wdith:100%;height:70px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px;padding-bottom:0;}
.menulist h3 a {display:block;}
.menulist ul {width:100%;border-bottom:1px solid #6a7380;}
.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}
.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}
.menulist ul li a:nth-child(4n) {border-right:none}
.popMenu {display:none;}
.menulists {position:absolute;width:100%;}
.menuBtn {width:100%;height:90px;line-height:90px;text-align:center;font-size:26px;color:#424b59;background-color:#242c37;cursor:pointer;position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
.menuBtn span {display:inline-block;}
.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:60px;display:block;width:17px;height:12px;background:url(/img/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;}
/*--/2016版导航---*/


/*.scrollTop {position:fixed;bottom:116px;right:0;width:13%;}*/

@media screen and (min-width:320px) and (max-width:900px) {#header {height:45px;}
.showMenu {width:24px;height:14px;margin-top:-7px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;font:1em/1.5em "Microsoft YaHei";}
.showMenu a {width:24px;height:14px;}
.showMenu a {display:block;width:24px;height:14px;position:relative;}
.showMenu a:before,.showMenu a:after {content:'';position:absolute;left:0;top:50%;height:4px;width:100%;z-index:-1;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;background-color:#fff;margin-top:-2px;}
.showMenu a:before {-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.showMenu a:after {-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);-webkit-transform:translateY(5px);transform:translateY(5px);}
.hideMenu a:before {-moz-transform:rotate(90deg) rotate(45deg);-o-transform:rotate(90deg) rotate(45deg);-ms-transform:rotate(90deg) rotate(45deg);-webkit-transform:rotate(90deg) rotate(45deg);transform:rotate(90deg) rotate(45deg);}
.hideMenu a:after {-moz-transform:rotate(90deg) rotate(-45deg);-o-transform:rotate(90deg) rotate(-45deg);-ms-transform:rotate(90deg) rotate(-45deg);-webkit-transform:rotate(90deg) rotate(-45deg);transform:rotate(90deg) rotate(-45deg);}
.logo {width:195px;height:30px;margin-left:-98px;margin-top:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.topTell {width:20px;height:20px;margin-top:-10px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.goBack {width:20px;height:20px;margin-top:-10px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.menulist h3 {height:30px;font-size:15px;padding-left:11px;padding-top:10px;padding-bottom:0}
.menulist ul li {height:39px;font-size:13px;line-height:39px;}
.menuBtn {height:45px;line-height:45px;font-size:13px;}
.menuBtn i {width:9px;height:6px;margin-left:30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

}
@media screen and (min-width:360px) and (max-width:409px) {

}
@media screen and (min-width:410px) and (max-width:900px) {

}
@media screen and (min-width:320px) and (max-width:900px) {
.nav__trigger { width:16px; top:50%; right:10px; margin-top:-10px;}
.nav__icon { width:16px; height:3px;}
.nav__icon:before,.nav__icon:after { width:16px;height:3px;}
.nav__icon:before { margin-top:-6px;}
.nav__icon:after { margin-top:6px;}
}
@media screen and (min-width:321px) and (max-width:767px) {
#header {height:45px;}
.logo {width:215px;height:30px;margin-left:-107px;margin-top:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}
/*@media only screen and (min-width:768px) and (max-width:900px) {*/@media screen and (min-width:321px) and (max-width:768px) {#header {height:68px;}
.logo {width:280px;height:43px;margin-left:-140px;margin-top:-21px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.showMenu {width:24px;height:14px;margin-top:-4px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;font:.8888em/1.5em "Microsoft YaHei";}
}