/*@import url(http://fonts.useso.com/css?family=PT+Sans:400,700,400italic);

@import "http://fonts.useso.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic";*/
/*响应式布局*/
@import url(../css/bootstrap.min.css);
/*字体样式*/
@import url(../css/font-awesome.css);
/*动画样式*/
/* @import url(../assets/animate/animate.css); */

/* FONTS */
/* IMPORTS *//* THEMES */
body {
  background: #fff;
  font-family:  "Microsoft YaHei" !important;
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
  color: #616161;
}
body,html, .wrapper{
  min-height:100%;
}
a{
  text-decoration: none !important;
  outline:none !important;
}
p {
  margin: 0;
}
.row p{
  margin: 0 0 10px;
}
h3{
  font-weight: bold;
  color: #131313;
}
p{
  color: #777777;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.wp-theme-3 .btn {
  padding:5px 12px !important;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  position: relative;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px;
  behavior: url(PIE.htc);      
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}
.wp-theme-3 .btn i {
  margin-right: 4px;
}
.wp-theme-3 h1,
.wp-theme-3 h2,
.wp-theme-3 h3,
.wp-theme-3 h4,
.wp-theme-3 h5,
.wp-theme-3 h6 {
  font-family: "Roboto", "STHeitiTC-Light", "Microsoft YaHei", sans-serif !important;
}
.wp-theme-3 p {
  line-height: 26px;
}
.wp-theme-3 a {
  color: #FFF;
  cursor: pointer;
}
.wp-theme-3 a:hover {
  color: #2ea7e0;
  text-decoration: none;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .35s;
}
#toTopHover:hover{
  filter:alpha(opacity=0);  
  -webkit-opacity:0 !important;
  -moz-opacity:0 !important;  
  -khtml-opacity: 0 !important;  
  opacity: 0 !important;  
}
/*toTop按钮样式*/
.wp-theme-3 #toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  right: 10px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: none;
  background: #ccc;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%;
  border-radius: 50%;
  behavior: url(PIE.htc);
}
.wp-theme-3 #toTopHover {
  background: #ccc;
  width: 50px;
  height: 50px;
  position: relative;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius: 50%;
  behavior: url(PIE.htc);
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -webkit-opacity:0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.wp-theme-3 #toTop:before {
  font-family: 'FontAwesome';
  content: "\f106";
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  text-indent: 0;
}

/* 导航样式设置 */
.navbar {
  height: 80px;
  width: 100%;
  margin: 0;
  padding: 0 5%;
}
/* 小能图标 */
.navbar-header {
  width: 25%;
  height: 80px;
  overflow: hidden;
  float: left;
}
.navbar-right{
  height: 80px;
  width: 75%;
  overflow: hidden;
}
.navbar-brand {
  margin: 0 auto;
  border: 1px solid transparent;
  line-height: 46px;
}
.navbar-nav {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.navbar-nav > li {
  margin-right: 20px;
  float: left;
}
.navbar-nav > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  border-bottom: 4px solid transparent;
  padding:28px 16px;
}
.navbar-nav  > li > a:hover {
  text-decoration: none;
  color: #2ea7e0;
  background: #292929;
  border-bottom: 4px solid #03a9f4 ;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus{
  background: none !important;
}
.navbar-nav button{
  background: #03a9f4;
  font-size: 14px;color: #fff;
  margin-top: 22px;
}

/* 帮助中心选择功能样式 */
.wp-theme-3 .w-box {
  margin: 0 0 15px 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  cursor: default;
  border: 1px solid #e0eded;
}
.wp-theme-3 .w-box:before,
.wp-theme-3 .w-box:after {
  display: table;
  content: "";
}
.wp-theme-3 .w-box:after {
  clear: both;
}
/* end */

/* 背景图样式 */
.bg-banner {
  width: 100%;
  height: 605px;
  color: #fff;
}
/*成功案例背景图*/
.bg-banner-24{
  background:url(../images/successfulCaseBanner.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/successfulCaseBanner.jpg',sizingMethod='scale'); 
}
/*关于我们背景图*/
.bg-banner-25{
  background:url(../images/bg-about.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-about.jpg',sizingMethod='scale'); 
}

.bg-banner-solution2{
  background:url(../images_solution/banner-zhongxue.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images_solution/banner-zhongxue.jpg',sizingMethod='scale'); 
}

/* 新闻中心背景图 */
.bg-banner-26{
  background:url(../images/新闻中心.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/新闻中心.jpg',sizingMethod='scale'); 
}
/* 帮助中心 */
.bg-banner-27{
  background:url(../images/bg-help.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-help.jpg',sizingMethod='scale'); 
}

/* 产品中心banner图 */

.bg-banner1{
  background:url(../images/product_img/banner1.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner1.jpg',sizingMethod='scale'); 
}
.bg-banner2{
  background:url(../images/product_img/banner2.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner2.jpg',sizingMethod='scale'); 
}
.bg-banner3{
  background:url(../images/product_img/banner3.png) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner3.png',sizingMethod='scale'); 
}
.bg-banner4{
  background:url(../images/product_img/banner4.png) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner4.png',sizingMethod='scale'); 
}
.bg-banner5{
  background:url(../images/product_img/banner5.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner5.jpg',sizingMethod='scale'); 
}
.bg-banner6{
  background:url(../images/product_img/banner6.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner6.jpg',sizingMethod='scale'); 
}
.bg-banner7{
  background:url(../images/product_img/banner7.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner7.jpg',sizingMethod='scale'); 
}
.bg-banner8{
  background:url(../images/product_img/banner8.jpg) no-repeat !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product_img/banner8.jpg',sizingMethod='scale'); 
}

.carousel-1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.carousel-1 .item {
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;   
}
.carousel-1 .item-light {
  /* color: #ffffff; */
   width: 100%; 
   height: 440px; 
   overflow: hidden;  
}
.carousel-1 p {
  font-size: 16px;
}
/*首页中部轮播样式*/
.carousel-1 .description {
  position: absolute;
  top: 35%;
  left: 10%;
  margin-left: 50px;
  width: 514px;
  height: 290px;
}
.carousel-1 .description .title {
  font-size: 32px;
  padding: 8px 20px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
}
.carousel-1 .description .subtitle {
  font-size: 24px;
  margin: 20px 0;
  padding: 0;
  display: block;
}
.carousel-1 .description p {
  font-size: 16px;
  color: #FFF;
  margin: 0;
}
section.slice {
   background: #fff;
}

.checkMob {
  text-align: left;
  color: red;
}

/* 背景图中部文字带线样式 */
.text-center {
  overflow: hidden;
  margin-top: 255px;
  text-align: center;
}
.text-center h2 {
  display: block;
  margin: 0 auto;
  font-size:40px;
  font-weight:bold;
  height: 60px;
  width: 80%;
  overflow: hidden;
}
.text-center div {
  display: flex;
  height: 30px;
  margin: 10px auto;
  overflow: hidden;
}
.text-center div div {
  flex: 1;
  height:1px;
  margin-top: 15px;
  padding:0px;
  background-color:#D5D5D5;
}
.text-center div span{
  margin: 0 20px;
  height: 0;
  font-size:20px;
}

.text-center-new {
  overflow: hidden;
  margin-top: 55px;
  text-align: center;
}
.text-center-new h2 {
  display: block;
  margin: 0 auto;
  font-size:40px;
  font-weight:bold;
  height: 60px;
  width: 80%;
  overflow: hidden;
}
.text-center-new div {
  display: flex;
  height: 30px;
  margin: 10px auto;
  overflow: hidden;
}
.text-center-new div div {
  flex: 1;
  height:1px;
  margin-top: 15px;
  padding:0px;
  background-color:#D5D5D5;
}
.text-center-new div span{
  margin: 0 20px;
  height: 0;
  font-size:20px;
}
/* end */


/* FOOTER底部导航 */
footer {
  padding-top: 15px;
  padding-bottom: 0px;
  min-height: 70px;
  background: #000;
}
footer:before,
footer:after {
  display: table;
  content: " ";
}
footer:after {
  clear: both;
}
footer .col.reset {
  margin: 0;
}
footer h4 {
  margin-top: 20px;
  color: #ccc;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-size: 14px;
}
footer .col p {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 10px;
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {
  text-decoration: none;
}
footer .col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .col ul li {
  color: #8F8F8F;
  font-size: 14px;
}
footer .col ul li span {
  color: #FFF;
}
footer .col address {
  color: #ddd;
  padding: 8px 0;
}
footer .company-info {
  font-size: 10px;
  text-align: justify;
}
footer .company-info h2 {
  font-size: 14px;
  font-weight: 600;
}
footer .copyright {
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin:0 auto;
}
/* TABS */
div.tabs {
  margin-bottom: 0;
}
div.tabs:before,
div.tabs:after {
  display: table;
  content: " ";
}
div.tabs:after {
  clear: both;
}
div.tabs div.tab-content {
  position: relative;
  -moz-border-radius: 0;
  -moz-box-shadow: none;
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 0;
  border-top: 0;
  box-shadow: none;
  padding: 15px;
}
div.tabs ul.nav-tabs {
  margin: 0;
}
div.tabs ul.nav-tabs li.active a {
  background: #fff;
  border-top: 1px solid #ddd;
  color: #CCC;
}

/* 招聘信息样式 */
.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group {
  margin-bottom: 30px;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 0;
  border-top: 0;
}
.panel-group .panel-heading {
  padding: 14px 15px;
  position: relative;
}
.panel-group .panel-heading a {
  font-weight: normal;
}

/* 首页选择小能 背景图 */
.partner{
  background: url("../images/clients4(1).jpg") left repeat !important;
  height: 449px;
}

/*数字部分*/
.numTop{
  display: inline-block;
  width: 230px;
  height:200px;
  margin-right:70px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 3px 5px 10px  #d4d2d3;
  -moz-box-shadow: 3px 5px 10px  #d4d2d3;
  box-shadow: 3px 5px 10px  #d4d2d3;
  position: relative;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#d4d2d3')"; 
}
.numTop span{
  display: block;
  text-align: center;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow: none;
  position: relative;
}
.number{
  font-size:44px;
  color:#03a9f4;
  margin-top:50px;
  font-weight: 400;
}
.numTop-title{
  font-size:22px;
  display: block;
  margin-top:25px;
  color:#03a9f4;
  
}
.counter-main{
  text-align: center;
  margin: 45px auto ;
}

/*底部导航信息*/
.bg-footer{
  height:160px;
  padding-top:20px;
  background:#333333 !important;
}
.bg-footer ul{
  float: left;
  padding:0 45px;
}
.bg-footer li{
  list-style: none;
}
.bg-footer li a{
  font-size:12px;
  text-decoration:none;
  color:#666;
  line-height:30px;
}
.footer-line{
  border: 1px solid #3d3d3d;
  border-right: 0;
  float: left;
  height: 100px;
  margin-top:5px;
}
.bg-footer img{
  margin-top:10px;
  display:inline-block;
}
.bg-footer .f1 a{
  color: #fff;
  font-size:14px;
}
.bg-footer .f1-img {
  text-align: left;
}
.f1-img li {
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
}
.bg-footer .f1-img img{
  padding: 0 ;
  margin: 0 ;
}

/*首页gif图*/

.gif-position{
  width: 100%;
  padding-top:100px;
  position: absolute;
  text-align:center;
}
.w-section-3 p{
  color: #666;
  line-height:15px;
  font-size:14px;
}
.scene h3{
  font-size: 30px;
  text-align: center;
}

/*一键体验*/
.yulan label {
  border: 1px solid #ccc;
  font-size: 22px;
  font-weight: 500;
  border-right: none;
  padding: 0;
  position: relative;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url(PIE.htc);
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  color: #9e9e9e;
  padding-left:20px;
  margin-bottom: 80px;
  margin-top:52px;
}
.yulan .url{
  border: none;
  margin: 0;
  height: 68px;
  line-height: 68px;
  font-size: 22px;
  width:70%;
  outline: none;
}
.yulan .freeBtn{
  margin-top:52px;
  margin-left:-15px;
}
.freety {
  border: none;
  background: #03a9f4;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  padding: 20px 0px;
  line-height: normal;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  behavior: url(PIE.htc);
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.inputFixed {
  position: absolute;
  top: 47%;
  left: 15%;
  width: 30%;
  height: 50px;
}
.apply input{
  width: 70%;
  height: 50px;
  -webkit-border-top-left-radius:4px;  
  -webkit-border-top-left-radius:4px;
  -moz-border-top-left-radius:4px;
  border-top-left-radius: 4px ;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-bottom-left-radius:4px;
  border-bottom-left-radius: 4px ;
  behavior: url(PIE.htc);
  line-height: 47px;
  font-size: 18px;
  color: #999999;
  border: none;
  text-indent: 11px;
  float: left;
  outline: none;
}
.apply button{
  width: 30%;
  padding: 0;
  -moz-border-top-left-radius: 0 ;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0 ;
  -moz-border-bottom-left-radius: 0 ;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0 ;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px ;
  -moz-border-bottom-right-radius: 4px ;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px ;
  behavior: url(PIE.htc);
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  display: block;
  overflow: hidden;
}

/*layer*/
#applyForm{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/*申请试用表样式*/
  .layui-layer-page{
    background-image: url("../images/bg.png");
    background-repeat: no-repeat;  
    background-color: transparent;
     /* background-position: bottom right;   */
    -moz-border-radius: 40px ; 
    -webkit-border-radius: 40px ;
    border-radius: 40px;
    position: relative;
    border-radius: 40px !important;
    background-color: transparent !important;  
    box-shadow: none !important;  
    overflow: hidden;
  }
.layui-layer-content {
  overflow: hidden;
}
.layerTitle{
text-align: center;
font-size: 36px;
color: #03a9f4;
height: 20%;
display: block;
padding-top: 70px;
}
/*form表单*/
.form-horizontal{
  overflow: hidden;
  height: 80%;
  width: 100%;
  padding-top: 50px;
}
.form-horizontal .form-group {
  height: 70px;
  text-align: center;
  overflow: hidden;
  margin: 0;
}
.control-label {
  height: 100%;
  width: 20%;
  display: block;
  float: left;
}
.control-input{
  height: 100%;
  width: 70%;
  float: right;
  margin-right: 10%;
}
.applySubmit{
  color: #fff;
  line-height: 56px;
  padding: 0 80px;
  border: none;
  position: relative;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  behavior: url(PIE.htc);
  background: #03a9f4;
  text-align: center;
}
.form-control {
  -webkit-appearance:none;
  vertical-align:middle;
  outline: none;
  padding: 0 8px; 
  background: #f4f4f4;
  border: 1px solid #c9c9c9;
  line-height: 41px;
  height: 41px;
}
/* 申请试用表单end*/

/* 帮助中心样式 */
.modal-body{
  /* width: 360px; */
  width: 100%;
  height: 150px;
  padding: 0;
  margin: 0 auto;
}
.modal-body div{
  width: 100%;
  height: 100%;
  overflow: hidden；
}
.modal-body div img {
  margin:  20px 0;
  width: 20%;
  height: 110px;
}
.modal-body div p {
  width: 70%;
  height: 50px;
  margin: 30px 0;
  float:right; 
  font-size:18px;
  color:#03a9f4;
  line-height:50px;
}
/* toolbar侧边引导*/
.toolbar{
  position:fixed;
  right:0;
  bottom:120px;
  background: #03a9f4;
}
/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{
  display:block;
  width:60px;
  height:70px;
  cursor: pointer;
  margin-top:1px;
  position:relative;
  outline:none;
  border-bottom: 1px solid #0399dd;
}
.toolbar-item img{
  text-align: center;
  margin: 13px auto 5px;
  display: block;
}
.toolbar-item span{
  display: block;
  font-size: 12px;
  text-align: center;
  color:#fff;
}
.code{
  position: absolute;
  display: none;
  left: -125px;
  top: -30px;
  background: #fff;
  border: 1px solid #e8e8e8                ;
  width: 110px;
  height: 115px;
}
.code>img{
  margin: 12px auto 0;
}
.code>span{
  color: #03a9f4;
  line-height: 18px;
}
.code i{
  background: url(../images/toolbar_bg.png) no-repeat;
  width: 12px;
  height: 17px;
  display: block;
  position: absolute;
  right: -12px;
  top: 38px;
}
.toolbar-item-feedback .code {
  position: absolute;
  display: none;
  left: -167px;
  top: 0;
  background: #fff;
  border: 1px solid #e8e8e8;
  width: 155px;
  height: 60px;
}
.toolbar-item-feedback .code i{
  top:20px;
}


/* 关于我们 */
.delimiter{
  text-indent: 30px;
  line-height: 36px !important;
}
.little-title{
  text-align: center;
  display: block;
  font-size: 10px;
  color: #999999;
  background: url("../images/line-bg.png") bottom center no-repeat;
}

/* 首页小轮播图 */
.small-banner h3{
  margin-top:155px;
  color: #fff;
}
.small-banner p{
  color: #fff;
}

/*hr招聘下拉样式*/
.panel-title a{
  color: #000;
}

/*全局通用樣式設置*/
/*成功案例-navbar样式begin*/

    /*导航中的p样式*/
		.dropdown p {
			color: #777777; 
		}
		
		.case-ul li {
			list-style: none;
    }
    
    .applyButton:hover{
      color: #fff;
      background: #03a9f4;
    }
    
		.dropdown .case-ul {
      display: none;
			width: 100%;
			height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:0.9 !important;
      -moz-opacity:0.9 !important;  
      -khtml-opacity: 0.9 !important;  
      opacity: 0.9 !important; 
			position: fixed;
			top: 80px;
			left: 0px;
      overflow: hidden ;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
      padding: 0 10%;
		}
		.dropdown .case-ul li {
			font-size: 16px;
			float: left;
			margin-left: 5%; 
			margin-top: 22px;
			text-align: center;
		}
		.case-ul span {
			display: block;
			width: 64px;
			height: 30px;
		}
		

    /*产品中心*/
    .product-ul {
      display: none;
    }
    .product-ul li {
      list-style: none;
    }
		.dropdown .product-ul {
			width: 100%;
			height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:.9 !important;
      -moz-opacity:.9 !important;  
      -khtml-opacity:.9 !important;  
      opacity:.9 !important; 
			position: fixed;
			top: 80px;
			left: 0px;
      padding-left: 33%;
      overflow: hidden ;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
		}
		.dropdown .product-ul li {
			font-size: 16px;
			float: left;
			margin-left: 40px;
			margin-top: 22px;
			text-align: center;
		}
		.product-ul span {
			display: block;
			width: 64px;
			height: 40px;
		}


    .product-ul-product {
    }
    .product-ul-product li {
      list-style: none;
    }
    .dropdown .product-ul-product {
      width: 100%;
      height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:.9 !important;
      -moz-opacity:.9 !important;  
      -khtml-opacity:.9 !important;  
      opacity:.9 !important; 
      position: fixed;
      top: 80px;
      left: 0px;
      padding-left: 33%;
      overflow: hidden ;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
    }
    .dropdown .product-ul-product li {
      font-size: 16px;
      float: left;
      margin-left: 40px;
      margin-top: 22px;
      text-align: center;
    }
    .product-ul-product span {
      display: block;
      width: 64px;
      height: 40px;
    }

    /* 艺术培训 */
    .solution1 {
      background: url("../images/product_img/solution1_a.png") no-repeat center;
    }
    .solution1:hover {
      background: url("../images/product_img/solution1_b.png") no-repeat center;
    }
    .solution1_hover {
      background: url("../images/product_img/solution1_b.png") no-repeat center;
    }
    /* 兴趣培训 */
    .solution2 {
      background: url("../images/product_img/solution2_a.png") no-repeat center;
    }
    .solution2:hover {
      background: url("../images/product_img/solution2_b.png") no-repeat center;
    }
    .solution2_hover {
      background: url("../images/product_img/solution2_b.png") no-repeat center;
    }

    /* 招生管理 */
    .product1 {
      background: url("../images/product_img/product1_a.png") no-repeat center;
    }
    .product1:hover {
      background: url("../images/product_img/product1_b.png") no-repeat center;
    }
    .product1_hover {
      background: url("../images/product_img/product1_b.png") no-repeat center;
    }
    /* 学员管理 */
    .product2 {
      background: url("../images/product_img/product2_a.png") no-repeat center;
    }
    .product2:hover {
      background: url("../images/product_img/product2_b.png") no-repeat center;
    }
    .product2_hover {
      background: url("../images/product_img/product2_b.png") no-repeat center;
    }
    /* 排课教务 */
    .product3 {
      background: url("../images/product_img/product3_a.png") no-repeat center;
    }
    .product3:hover {
      background: url("../images/product_img/product3_b.png") no-repeat center;
    }
    .product3_hover {
      background: url("../images/product_img/product3_b.png") no-repeat center;
    }
    /* 进销存 */
    .product4 {
      background: url("../images/product_img/product4_a.png") no-repeat center;
    }
    .product4:hover {
      background: url("../images/product_img/product4_b.png") no-repeat center;
    }
    .product4_hover {
      background: url("../images/product_img/product4_b.png") no-repeat center;
    }
    /* 家校沟通 */
    .product5 {
      background: url("../images/product_img/product5_a.png") no-repeat center;
    }
    .product5:hover {
      background: url("../images/product_img/product5_b.png") no-repeat center;
    }
    .product5_hover {
      background: url("../images/product_img/product5_b.png") no-repeat center;
    }
    /* 财务管理 */
    .product6 {
      background: url("../images/product_img/product6_a.png") no-repeat center;
    }
    .product6:hover {
      background: url("../images/product_img/product6_b.png") no-repeat center;
    }
    .product6_hover {
      background: url("../images/product_img/product6_b.png") no-repeat center;
    }
    /* 呼叫中心 */
    .product7 {
      background: url("../images/product_img/product7_a.png") no-repeat center;
    }
    .product7:hover {
      background: url("../images/product_img/product7_b.png") no-repeat center;
    }
    .product7_hover {
      background: url("../images/product_img/product7_b.png") no-repeat center;
    }
    /* 其它功能 */
    .product8 {
      background: url("../images/product_img/product8_a.png") no-repeat center;
    }
    .product8:hover {
      background: url("../images/product_img/product8_b.png") no-repeat center;
    }
    .product8_hover {
      background: url("../images/product_img/product8_b.png") no-repeat center;
    }

    
    /*帮助中心-navbar样式start*/
    .help-ul {
			display: none;
		}
		
		.help-ul li {
			list-style: none;
		}
		
		.dropdown .help-ul {
			width: 100%;
      height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:0.9 !important;
      -moz-opacity:0.9 !important;  
      -khtml-opacity: 0.9 !important;  
      opacity: 0.9 !important; 
			position: fixed;
			top: 80px;
			left: 0;
      padding-left: 38%;
      overflow: hidden;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
		}
		
		.dropdown .help-ul li {
			font-size: 16px;
			float: left;
			margin-right: 80px;
			margin-top: 22px;
			text-align: center;
		}
		
		.help-ul span {
			display: block;
			width: 64px;
			height: 30px;
		}

    .help-ul-help {
    }
    
    .help-ul-help li {
      list-style: none;
    }
    
    .dropdown .help-ul-help {
      width: 100%;
      height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:0.9 !important;
      -moz-opacity:0.9 !important;  
      -khtml-opacity: 0.9 !important;  
      opacity: 0.9 !important; 
      position: fixed;
      top: 80px;
      left: 0;
      padding-left: 38%;
      overflow: hidden;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
    }
    
    .dropdown .help-ul-help li {
      font-size: 16px;
      float: left;
      margin-right: 80px;
      margin-top: 22px;
      text-align: center;
    }
    
    .help-ul-help span {
      display: block;
      width: 64px;
      height: 30px;
    }
		
    .helpBoot {
      background: url("../images/help_guide1.png") no-repeat center ; 
    }
    .helpBoot:hover {
      background: url("../images/help_guide2.png") no-repeat center ;
    }
    .sprogProblem{
      background: url('../images/novice_class1.png') no-repeat center ;
    }
    .sprogProblem:hover{
      background: url('../images/novice_class2.png') no-repeat center ;
    }
    .helpProblem {
      background: url("../images/questions1.png") no-repeat center ;
    }
    .helpProblem:hover {
      background: url("../images/questions2.png") no-repeat center ;
    }
    /*帮助中心-navbar样式end*/

    /*关于我们-navabr样式start*/
    .about-ul {
			display: none;
		}
		
		.about-ul li {
			list-style: none;
		}
		
		.dropdown .about-ul {
			width: 100%;
			height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:0.9 !important;
      -moz-opacity:0.9 !important;  
      -khtml-opacity: 0.9 !important;  
      opacity: 0.9 !important; 
			position: fixed;
			top: 80px;
      left: 0;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
      padding-right: 20%;
		}
		
		.dropdown .about-ul li {
			font-size: 16px;
			float: right;
			margin-right: 40px;
			margin-top: 22px;
			text-align: center;
		}
		
		.about-ul span {
			display: block;
			width: 64px;
			height: 30px;
		}

    .about-ul-about {
    }
    
    .about-ul-about li {
      list-style: none;
    }
    
    .dropdown .about-ul-about {
      width: 100%;
      height: 98px;
      background-color: #fff;
      filter:alpha(opacity=90);  
      -webkit-opacity:0.9 !important;
      -moz-opacity:0.9 !important;  
      -khtml-opacity: 0.9 !important;  
      opacity: 0.9 !important; 
      position: fixed;
      top: 80px;
      left: 0;
      -moz-box-shadow: 0  5px 5px #eeeeee;
      -webkit-box-shadow: 0  5px 5px #eeeeee;
      box-shadow: 0  5px 5px #eeeeee;
      padding-right: 20%;
    }
    
    .dropdown .about-ul-about li {
      font-size: 16px;
      float: right;
      margin-right: 40px;
      margin-top: 22px;
      text-align: center;
    }
    
    .about-ul-about span {
      display: block;
      width: 64px;
      height: 30px;
    }

    .about3 {
      background: url("../images/招聘灰.png") no-repeat center ;
    }
    .about3:hover{
      background: url("../images/招聘蓝.png") no-repeat center ;
    }
    .about3_hover{
      background: url("../images/招聘蓝.png") no-repeat center ;
    }

    .about1 {
      background: url("../images/关于我们灰.png") no-repeat center ;
    }
    .about1:hover{
      background: url("../images/关于我们蓝.png") no-repeat center ;
    }
    .about1_hover{
      background: url("../images/关于我们蓝.png") no-repeat center ;
    }
    .about2 {
      background: url("../images/联系我们.png") no-repeat center ;
    }
    .about2:hover{
      background: url("../images/联系我们1.png") no-repeat center;
    }
    .about2_hover{
      background: url("../images/联系我们1.png") no-repeat center;
    }
    /*关于我们-navbar样式end*/
    

    /*获取随机生成验证码
      手机验证码样式*/
    .session_code,.checkCode {
      width:100px;
      height:41px; 
      border:none;
      margin:0;
      padding:0;
      color: #ffffff;
      background-color:#2ea7e0;
    }

/*模态框的弹出层*/
.layui-layer-btn, .layui-layer-dialog .layui-layer-content{
  background:#ffffff;
}
.w-box.w-box-inverse .thmb-img {
  text-align: center;
}

@media (max-width: 1203px) {
 .gifImg{
   width: 100%;
 }
  .gif-position{
    padding-top:187px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    font-size: 13px;
    padding-top: 7px;
    font-weight: normal;
  }
}
@media (max-width: 767px) {
  .navbar-nav{
    display:none;
  }
  header .navbar-brand {
    margin: 14px 0;
  }
  .carousel-1 .carousel-inner {
    width: 100%;
    height: 440px;
    overflow: hidden;
  }
  .carousel-1 .carousel-control i {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    font-size: 36px;
    font-weight: 600;
  }
  /*首页中部文字样式*/
  .carousel-1 .description {
    top: 50px;
  }
  .carousel-1 .description .title {
    margin: 0 0 15px 0;
    padding: 8px 20px;
    background: #FFF;
    color: #9ab2cc;
    display: block;
    text-align: center;
  }
  .carousel-3 .carousel-nav a {
    bottom: 16px !important;
    top: auto !important;
  }
}
@media only screen and (max-width:750px ) {
  	 .carousel-1 .description .title {
  	 	display: none !important;
  	 }
  }