@charset "utf-8";
/*---*---*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none;list-style: none}
h1, h2, h3, h4, h5, h6,a,p,span{font-size:14px;text-decoration: none;text-shadow: none;font-weight: normal;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
body>div{margin:0 auto}


/*fixed*/
#fixed{position: fixed;bottom: 20px;right:10px;z-index: 3;}
#fixed #p1{ background: rgba(28, 188, 157,0.95);border-radius: 100%;text-shadow: none;border: none}

/*nav*/
#nav #menu{position: absolute;left: 5px;top: 55%;
    transform: translate(0,-50%);}
#nav #logo{text-align: center;height: 65px;overflow: hidden}
#nav #login{position: absolute;right: 5px;top: 55%;
    transform: translate(0,-50%);}

/*panel*/
#panel{
    background-color: #000000;
    background-color: #fff;
    width: 313px;
    z-index: 999;
}
#panel .ui-grid-solo a{color: #ffffff;font-size: 15px;width: 100%;background: none;border: none;text-shadow: none;text-align: left;border-bottom: 1.5px solid #ffffff}
#panel .ui-grid-solo .last{border:none}
#panel .ui-grid-solo a:hover{ background-color:#008000; background:rgba(0,0,0,0.4);}
#panel .bottom{position: absolute;bottom: 20px;width: 87%}


/*banner*/
#banner{padding-top:25px;padding-bottom: 25px;padding-left: 10px;padding-right: 10px}
#banner .ui-bar{padding: 0;margin: 0;margin: 5px;border-radius: 5px; }
#banner img{margin: 0;padding: 0;}
.banner-txt{position: absolute;bottom:0;height:30px;width:100%;background-color: #000000; background-color:rgba(0,0,0,0.8);font-size: 12px;color:#ffffff;text-align: center;line-height: 30px;text-shadow: none}

/*---Main---*/
/*title*/
.title{padding-left:10px;padding-right: 10px;padding-bottom: 10px; }
.title h1{text-align: center;font-size: 22px;padding-top: 35px;padding-bottom: 5px;font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo}
.title .shadow{text-align: center;padding-bottom: 35px}
.title img{padding-bottom: 20px}
.title .radius{padding-left: 30px;padding-right: 30px}
.title .ui-grid-solo p{text-align: left;padding-left: 20px;padding-right:20px;padding-bottom:15px;text-shadow: none;line-height: 25px}
.title .ui-grid-solo a p{color: red;text-align: right;padding-right:10px}
/*title-four*/
#title-four #video{position: fixed;top:40%;z-index: 999;display: none}

/*swiper2*/
#title-five h1{ font-size: 30px;  font-family: "SimHei";  color: rgb( 0, 0, 0 );  line-height: 1.467;  text-align: center;  }
#title-five h2{ font-size: 16px;  font-family: "SimHei";  color: rgb( 0, 0, 0 );  line-height: 1.467;  text-align: center;  padding-left: 30px;padding-right: 30px;padding-bottom: 20px}
#title-five #swiper2 .text{position:relative;margin-top: -30px}
#title-five #swiper2 h1{  font-size: 20px;  font-family: "SimHei";  color: rgb( 0, 0, 0 );  line-height: 1.467;  text-align: center;  }
#title-five #swiper2 h1 a{font-size: 20px;color: #45D4AC}
#title-five #swiper2 h2{  font-size: 16px;  font-family: "SimHei";color: rgb( 9, 9, 9 );  line-height: 2;  text-align: left;padding-left: 20px;padding-right: 20px  }

/*form*/
#form{padding-left: 30px;padding-right: 30px;padding-bottom: 60px;padding-top:50px;overflow: hidden}
#form h1{text-align: center;font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;font-size: 22px;padding-bottom: 10px}
#form #code{background-color: #45d4ac;height: 20px;text-align: center;color: #ffffff;text-shadow: none;line-height: 20px;border-radius: 10px;margin-left: 10%}
#form #submit{background-color:#008000;color: #ffffff;border-radius: 10px;height: 35px;line-height: 35px;text-shadow: none}

/*partner*/
#title-six{padding-bottom: 30px;background: #f6f6f6}
#title-six h1{  font-size: 30px;  font-family: "SimHei";  color: rgb( 4, 4, 4 );  text-align: center;  }
#title-six img{margin: 0;padding: 0}

/*more*/
#more{padding: 5px;padding-top: 25px;padding-bottom: 10px}
#more a{color: #000000;font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo}

/*---footer---*/
#footer{z-index: 10;
    background-color: #1abc9c;
    height: 48px;
    color: #fff;}
#footer .ui-grid-solo{background: green;height: 50px}
#footer h1{text-align: center;font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;font-size: 20px;line-height: 50px;color: #ffffff}

/*---start---*/
a,ul,li{  margin: 0;  padding: 0;  text-decoration: none;  list-style: none;  }
.start-intro{  width: 100%;  position: fixed;  top:30%;  left: 50%;  -webkit-transform:translate(-50%,-50%);  -moz-transform:translate(-50%,-50%);  transform:translate(-50%,-50%);  }
.start-intro .intro-logo{  overflow: hidden;  text-align: center;  }
.start-intro .intro-cen{  width: 50%;  margin-left:auto;  margin-right: auto;  overflow: hidden;  margin-top: 20px;  text-align: center;  padding-bottom: 40px;  }
.enter-intro .intro-cen p{  color: #4d4d4d;  margin-top: 10px;  }
.start a{  position:fixed;  color: #737373;  bottom:50%;  left: 50%;  -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);  transform:translate(-50%,0);  }


/*---少儿弹窗---*/
#modalIndexChoose { top: 0; font-size: 7px; }
#modalIndexChoose .close { font-size: 4em; position: absolute; top: 2%; right: 3%; }
#modalIndexChoose .modal-header { border: none; }
#modalIndexChoose .modal-header h4 { font-size: 2.8em; color: #333; text-align: center; }
#modalIndexChoose .modal-dialog { width:100%; position: absolute; margin: 0; top: 20%; left: 0; }
#modalIndexChoose .modal-content { width: 85%; max-width: 1000px; margin: 0 auto; background: url(../img/modalIndexChoose-bg.png) no-repeat center bottom #fff; background-size: 100%; border-radius: 1em; padding: 2%; }
#modalIndexChoose .wrap { max-width: 435px; margin: 0 auto; text-align: center; }
#modalIndexChoose .wrap .img-wrap { }
#modalIndexChoose .wrap img { display: block; transition: .4s; position: relative; z-index: 1; transform-origin: bottom center;  }
#modalIndexChoose .wrap:hover img { transform: scale(1.02); }
#modalIndexChoose .main-btn { width: 100%; display: block; color: #fff; border-radius: 10px; font-size: 2.8em; padding: 0 .2em; padding-bottom: 8px; position: relative; z-index: 2; margin-bottom: 1em; }
#modalIndexChoose .main-btn * { display: block; line-height: 1.5; }
#modalIndexChoose .main-btn strong { padding-top: .4em; }
#modalIndexChoose .main-btn span { font-size: .8em; font-weight: normal; padding-bottom: .6em; }
.btn-gradient-orange, .btn-gradient-orange:focus { box-shadow: inset 0 -8px 0 #e56039;
    background: #fdc839;
    background: linear-gradient(top,#ff812f,#ff6941);
    background: -webkit-linear-gradient(top,#ff812f,#ff6941);
    background: -moz-linear-gradient(top,#ff812f,#ff6941);
    background: -o-linear-gradient(top,#ff812f,#ff6941);
    background: -ms-linear-gradient(top,#ff812f,#ff6941);
}
.btn-gradient-orange:hover { background: #ff6941; }
.btn-gradient-green, .btn-gradient-green:focus { box-shadow: inset 0 -8px 0 #10b589;
    background: #fdc839;
    background: linear-gradient(top,#23dc87,#19c391);
    background: -webkit-linear-gradient(top,#23dc87,#19c391);
    background: -moz-linear-gradient(top,#23dc87,#19c391);
    background: -o-linear-gradient(top,#23dc87,#19c391);
    background: -ms-linear-gradient(top,#23dc87,#19c391);
}
.btn-gradient-green:hover { background: #19c391; }