/**头部导航菜单**/
#app{font-size: 16px;}
body{overflow-x: hidden;}
.header{height: auto;line-height: 61px;width: 100%;position: fixed;top: 0px;background-color: #fff;box-shadow: 0 1px 2px #d6d6d6;z-index: 999;}
.logo img{width: auto;height: 47px;}

.navbar-header{float: right;min-width: 705px;}
.navbar-header .on a{color: #1D6ED6;}
.dropdown-product,.dropdown-about{cursor: pointer;}
.navbar-header .nav>li>a{color: #343434;text-decoration: none;padding: 0px 15px;display: line;font-size: 18px;}
.navbar-header .nav>li>a:hover{background-color: #FFFFFF;color: #1D6ED6;text-decoration: none;}
.navbar-header .glyphicon-menu-down,.navbar-header .glyphicon-menu-up{
  font-size: 14px;
  padding-left: 7px;
  vertical-align: middle;
}
.navbar-toggle{background: #ddd;}
.navbar-toggle .icon-bar{background: #333;}


/**二级菜单栏***/
.nav-product{background-color: #1D6ED6;line-height: 61px; position: fixed;top: 61px;width: 100%;z-index: 999; display: none;}
.second-menu{width: 100%;height: 22px;font-size:16px;color: #FFFFFF;font-family:PingFang SC;margin-left: 50px;font-weight:400;}
.second-menu li{float: left;margin-right: 40px;min-width: 194px;}
.second-menu li a{color: #FFFFFF;text-decoration: none;}
.second-menu li a:hover{color: #FFEB3B;}


/**轮播图**/
.srcoll{width: 100%;color: #FFFFFF;position: relative;margin-top: 61px;}
.srcoll .item img{height:513px !important;}
.bar-mobile{display: none;}

.carousel-indicators .active{width:34px;height:10px;background:rgba(255,255,255,1);border-radius:10px;opacity:1;}
.conference .classify{font-size: 16px;margin-right: 90px;letter-spacing: 17px;}
.conference .student{font-size: 36px;font-weight: bold;letter-spacing: 24px;margin-bottom: 16px;}
.conference .hotel{margin-top: 136px;font-size: 18px;line-height: 30px;}
.conference .hotel .tea-int{font-size: 46px;}

.carousel-inner .conference{width: 36%;position: absolute;top: 136px;left: 18%;}
.carousel-inner .conference .bar-title{width: 493px; height: 66px;font-size: 40px;font-family: Microsoft YaHei UI;font-weight: bold;line-height: 66px;}
.carousel-inner .conference .bar-content{margin-top: 28px;max-width: 550px;max-height: 150px;font-size: 20px;font-family: PingFang SC;font-weight: 400;line-height: 32px;}
.carousel-inner .conference .srcoll-title{width: 100%;height: 66px;line-height: 66px;font-size: 30px;font-family: MicrosoftYaHei;font-weight: 400;}
.carousel-inner .conference .srcoll-title li{width: 126px;border-bottom: 2px solid #ffffff;margin-bottom: 4%;}
.carousel-inner .conference .srcoll-title li:last-child{width: 180px;}

.carousel-inner .full-pic img{
  width: 100%;
}


@media screen and (max-width: 300px) {

}



.carousel-inner .bar-img-1{
  width: 609px;
  height: 393px;
  position: absolute;
  top: 70px;
  left: 55%;
  background: url(../img/bar1-bg@2x.png) no-repeat;
  background-size: contain;
}

.carousel-inner .bar-img-2{
  width: 394px;
  height: 345px;
  position: absolute;
  top: 130px;
  left: 60%;
  background: url(../img/bar2-bg@2x.png) no-repeat;
  background-size: contain;
}

.carousel-inner .bar-img-3{
  width: 394px;
  height: 345px;
  position: absolute;
  top: 130px;
  left: 60%;
  background: url(../img/bar3-bg@2x.png) no-repeat;
  background-size: contain;
}
.carousel-inner .bar-img-4{
  width: 666px;
  height: 389px;
  position: absolute;
  top: 58px;
  left: 46%;
  background: url(../img/bar4-bg@2x.png) no-repeat;
  background-size: contain;
}


.carousel-inner .more-title{
  font-size: 46px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 58px;
  margin: 0 auto;
  letter-spacing: 6px;
  position: absolute;
  top: 40%;
  left: 36%;
}
.carousel-inner .more-title p{
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: 300;
  line-height: 58px;
  opacity: 0.27;
  letter-spacing: 2px;
  text-align: center;
}


.classify{
  font-size: 16px;
  margin-right: 90px;
  letter-spacing: 17px;
}
.student{
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 24px;
  margin-bottom: 16px;
}
.hotel{
  margin-top: 136px;
  font-size: 18px;
  line-height: 30px;
}
.hto-time{
  font-size: 30px;
  font-weight: bold;
}

.tea-button{
  background: #ffffff;
  color: red;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  margin-right: 6px
}
.tea-int{
  font-size: 46px;
}

.src-title{
  font-family:Microsoft YaHei UI;
  font-weight:bold;
}
.src-content{
  font-family:PingFang SC;
  font-weight:400
}
.src-button{
  color: #1D6ED6;
  background-color: #FFFFFF;
  border-radius: 18px;
}
.srcoll img{
}



/**相关产品**/
.index-product{
  height: 900px;
  background-color: #F5F7F9;
  padding: 4% 0;
}
.index-product a{
  text-decoration: none;
  color: #000;
}
.index-product .product-item:hover{
  box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
}
.index-product .product-item{
  text-align: center;
  height: 266px;
  background-color: #FFFFFF;
  padding: 6% 2% 10% 2%;
  width: 90%;
  margin: 12% auto;
}
.index-product .product-item img{
  margin-top: 20%;
}
.index-product .product-item p{
  margin-top: 20%;
  font-size: 20px;
}
.index-product .product-item .navli-last{
  margin-top: 18%;
}




.navli .col-md-2{
  margin-right: 2%;
  padding: 2% 0;
}
.col-md-2.col-xs-2:hover {
  box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
}
.navli a{
  color: #343434;
}
.navli{
  height: 180px; 
  margin-top: 60px;
  padding-top: 20px;
  text-align: center;
}

.navli p{
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 56px;
  text-align: center;
}
.navli-last{
  margin-top: 20px;
}

/**我们的服务**/

.service{
  height: 700px;
  background-color: #ffffff;
  padding: 4% 0;
  color: #343434;
  background-size: cover;
}
.service .title,.index-product .title{
  margin-top: 61px;
  /*width:220px;*/
  height:54px;
  margin:0 auto;
  text-align: center;
  font-size:42px;
  font-family:Microsoft YaHei UI;
  font-weight:bold;
  line-height:54px;
}
.service .content{
  padding-top: 26px;
  width:632px;
  height:100px;
  margin:0 auto;
  font-size:16px;
  font-family:PingFang SC;
  font-weight:400;
  line-height:32px;
}
.wrapp{
  margin-top: 35px;
  height: 100%;
}

.wrapp-item{
  box-shadow: 0px 5px 15px rgba(0,0,0,0.08);
}
.wisdom-img,.bus-img,.data-img,.manager-img,.security-img{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0px auto;
  position: relative;
}
.wisdom-img{
  background-color: #42A6FE;
}
.bus-img{
  background-color: #17BFB8;
}
.data-img{
  background-color: #2EBED5;
}
.manager-img{
  background-color: #636ED6;
}
.security-img{
  background-color: #7D65DF;
}

.wisdom-img img,.bus-img img,.data-img img,.manager-img img,.security-img img{
  width: 81px;
  height: 70px;
  position: absolute;
  top: 42px;
  left: 42px;
}
.wisdom-mess,.bus-mess,.data-mess,.manager-mess,.security-mess{
  margin: 40px 0;
  text-align: center;
}
.wrapp-item label{
  width: 100%;
  height: 33px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 32px;
  opacity: 1;
  text-align: center;
}
.wrapp-item span{
  width: 144px;
  height: 33px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 32px;
}
.wis-hover .btn-default{
  color: #42A6FE;
  background-color: #ffffff;
  border-color: #ffffff;
}
.bus-hover .btn-default{
  color: #17BFB8;
  background-color: #ffffff;
  border-color: #ffffff;
}
.data-hover .btn-default{
  color: #2EBED5;
  background-color: #ffffff;
  border-color: #ffffff;
}
.manager-hover .btn-default{
  color: #636ED6;
  background-color: #ffffff;
  border-color: #ffffff;
}
.security-hover .btn-default{
  color: #7D65DF;
  background-color: #ffffff;
  border-color: #ffffff;
}

/* .wis-bg,.bus-bg,.dat-bg,.man-bg,.sec-bg{
  width: 100%;
  height: 100%;
  background:rgba(29,110,214,1);
  box-shadow:0px 0px 0px rgba(0,0,0,0.1);
  opacity:0.74;
  display: none;
  cursor: pointer;
} */

.wisdom{
  background-size: 100%;
}
.business{
  background-size: 100%;
}
.data{
  background-size: 100%;
}
.manager{
  background-size: 100%;
}
.security{
  background-size: 100%;
}

.wrapp button{
  margin-top: 12px;
  background: rgba(255,255,255,1);
  border-radius: 18px;
}


/**我们的实力**/

.strength{
  /* height: 800px; */
  /* background-color: #f2f2f5; */
}
.strength-content{
  text-align: center;
  padding-top: 4%;
  padding-bottom: 30px;
  color: #000;
}
.str-title{
  width:220px;
  height:54px;
  font-size:42px;
  margin: 0 auto;
  font-family:Microsoft YaHei UI;
  font-weight:bold;
}
.str-content{
  padding-top: 21px;
  margin: 0 auto;
  width:632px;
  height:100px;
  font-size:18px;
  font-family:PingFang SC;
  font-weight:400;
  line-height:32px;
  color:rgba(52,52,52,1);
  opacity:1
}
.directon {
  margin-top: 10px;
}
.dir-item{
  margin-top: 20px;
  width: 120px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000;
}
.font{
  font-size: 40px;
}

.strength-echart li{
  margin-bottom: 129px;
  height: 120px;
}
.str-right{
  width:100%;
  height:625px;
  background: url('../img/str-bg1.png') no-repeat;
  background-size: 100%;
}


/**网站底部**/

.footer{
  /* height:192px; */
  background:rgba(29,110,214,1);
  opacity:1;
}
.cotact-left span{
  line-height: 26px;
}
.cotact-left{
  height: 140px;
  float: left;
  margin-top: 35px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255,255,255,1);
  opacity: 1;
}
.contact-right{
}
.column{
  /* width: 90px; */
  height: 140px;
  margin-top: 35px;
  /* margin-right: 39px; */
  color: rgba(255,255,255,1);
  font-size:12px;
  font-family:PingFang SC;
  font-weight:400;
  line-height:24px;
}
.column a{
  text-decoration: none;
  color: #ffffff;
}
.col-title{
  width:56px;
  height:20px;
  font-size:14px;
  font-family:PingFang SC;
  font-weight:400;
  line-height:20px;
}

.copyright{
  text-align: center;
  height: 47px;
  background:rgba(11,79,165,1);
  opacity:1;
  display: flex;
}
.copyright p{
  align-self: center;
  margin:0 auto;
  color: #FFFFFF;
}

/*****最外层的联系方式*****/
.wrapper{
  position: fixed;
  top: 60.5%;
  right: 0;
  width: 64px;
  height: 256px;
  z-index: 900;
}
/* .wrapper li:last-child{
  border-bottom: 1px solid #FFFFFF;
} */
.wrapper li{
  width: 64px;
  height: 64px;
  cursor: pointer;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
.wrapper .qq{
  display: none;
  background: url('../img/wrapper/qq@2x.png') no-repeat center;
}
.wrapper .wechat{
  background: url('../img/wrapper/we@2x.png') no-repeat center;
}
.wrapper .phone{
  background: url('../img/wrapper/phone@2x.png') no-repeat center;
  border-bottom: 1px solid #FFFFFF;
}
.wrapper .clickTop{
  background: url(../img/wrapper/click@2x.png) no-repeat center;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background-color: #1D6ED6;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.wrapper-mess{
  position: relative;
  background-color: #1D6ED6;
}
.qq-call{
  display: none;
  width: 212px;
  height: 64px;
  box-shadow:0px 3px 6px rgba(0,0,0,0.16);
  position: absolute;
  top: 0;
  right: 70px;
  text-align: center;
  display: none;
  z-index: 999;
  background-color: #ffffff;
  cursor: pointer;
}
.qq-icon{
  background: url(../img/wrapper/qq-icon@2x.png) no-repeat;
  display: inline-block;
  width: 46px;
  height: 46px;
  vertical-align: middle;
}
.qq-mess{
  line-height: 64px;
  height: 64px;
  font-size:16px;
}
.wechat-call{
  width: 160px;
  height: 180px;
  /* box-shadow:0px 3px 6px rgba(0,0,0,0.16); */
  position: absolute;
  top: 0;
  right: 64px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.wechat-call{
  background: url(../img/wrapper/qrcode@2x.png) no-repeat center;
  background-color: #FFFFFF;
}
.phone-call{
  width: 270px;
  height: 96px;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  position: absolute;
  top: 64px;
  right: 64px;
  display: none;
  background-color: #ffffff;
}
.phone-content{
  width: 100%;
    height: 55px;
    margin: 12px 0;

}
.phone-img{
  float: left;
  width: 34px;
  height: 51px;
  margin-left: 20px;
  background: url(../img/wrapper/phone-icon@2x.png) no-repeat center;
}
.phone-right{
  float: right;
  width: 200px;
  height: 26px;
  line-height: 26px; 
}
.phone-right .xs-title{
  width: 70px;
  display: inline-block;
}
iframe {
  top: 43.8% !important;
  right: -1px !important;
}