:root{
  --main:#0eb493;
  --bgc:#060D27AA;/*#060D27AA*/
  --bgcshadow : rgba(0,0,0,0);
  --top-menu-color:#D6D6D6;/*#D6D6D6*/
  --top-menu-active-bgc:#0d8b72;

  --section-bgc1 : #d9d9d9;/**板块背景色1**/
  --section-bgc2 : white;/**板块背景色2，与1交替使用**/

  --title-size:24px;/*顶部菜单字体大小*/
  --menu-height:80px;/**顶部header高度**/
  --index-title-size:24px;/**章节标题**/
  --index-title-height:60px;
}
html,body{
  width:100%;
  font-size:14px;
  color:#333;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin:0px;
  padding:0px;
}
html{
  height:100%;
}
body{
  overflow-y:auto;
  overflow-x:hidden;
}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background-color:#e2e2e2}::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,0.35)}::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,0.38)}
.header{
  background-color: var(--bgc);
}
.logo{
  padding-left:30px;
  box-sizing: border-box;
}
.logo img{
  width:calc(var(--menu-height) - 20px);
}
.trs{
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.top-menu{
  background-color: var(--bgc);
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  z-index:1000;
  width:100%;
  left:0px;
  box-shadow: 0px 0px 10px 5px var(--bgcshadow);
}
.menu>ul{
  display:flex;
  flex-direction: row;
  height:100%;
  margin:0px;
  padding:0px;
  box-sizing: border-box;
}
.menu>ul>li{
  list-style:none;
  height:var(--menu-height);
  display:flex;
  align-items: center;
  color: var(--top-menu-color);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border:1px solid transparent;
  font-size:var(--title-size);
  position:relative;
}
.menu>ul>li a{
  color:inherit;
  text-decoration: none;
  display:flex;
  height:100%;
  align-items:center;
  padding:0px 30px;
}
.menu>ul>li:after{
  content:"";
  position:absolute;
  background-color: var(--top-menu-active-bgc);
  top:0px;
  left:0px;
  width:100%;
  height:0%;
  z-index:-1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu>ul>li.active,.menu>ul>li:hover{
  color:white;
  cursor:pointer;
  background-color: var(--top-menu-active-bgc);
}
.menu>ul>li.active:after,.menu>ul>li:hover:after{
  height:100%;
}
.phone{
  font-size:26px;
  color:white;
  font-weight:500;
  background-color:#0eb493;
  padding:5px 20px;
  border-radius:30px;
  margin-right:20px;
}
.phone img{
  margin-right:5px;
}
.phone a{
  text-decoration: none;
  color:inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.swipers{
  height:100vh;
  /* min-height:800px; */
  width:100%;
}
.swiper-container{
  height:100%;
}
.banner1{
  background-image: url(https://video.shandonghaoxue.com/site/img/banner/bannera/banner.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner1 .banner-name{
  text-align:center;
  padding-top:250px;
}
.banner1 .banner-des{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.banner1 .banner-des-wrap{
  background-image: url(https://video.shandonghaoxue.com/site/img/banner/bannera/banner-border.png);
  display:block;
  padding:20px 90px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.banner1 .banner-des >span{
  margin:0px 10px;
}
.banner1 .banner-enname{
  text-align: center;
  margin-top:15px;
}
.banner-border{
  margin-top:50px;
  background-image: url(https://video.shandonghaoxue.com/site/img/banner/icon/line.png);
  display:block;
  display:flex;
  align-content: center;
  justify-content: center;
  background-position: center center;
  background-size: 100% 100%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: none!important;
  right:120px!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: none!important;
  left:30px;
}
.swiper-button-prev,.swiper-button-next{display:none;opacity:0;}

.banner2{
  background-image: url(https://video.shandonghaoxue.com/site/img/banner/bannerb/banner.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner2 .banner-name{
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:calc(300px);
  position:relative; 

}
.banner2 .banner-top-right{
  position:absolute;
  top:0px;
  margin-left:550px;
}
.banner2 .banner-des{
  margin-top:30px;
  text-align: center;
}
.banner2 .banner-enname{
  margin-top:10px;
  text-align: center;
}

.index-content{
  margin-top:50px;
}
.index-title{
  font-size:var(--index-title-size);
  color:#09BD9A;
  display:flex;
  align-items: center;
  justify-content: center;
  padding-top:var(--index-title-height);
}
.index-title-en{
  font-size:18px;
  color:#b2b2b2;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:20px;
  font-weight:200;
}
.index-title-en:after,.index-title-en:before{
  content:"";
  position:absolute;
  width:300px;
  border-top:1px solid #b2b2b2;
  height:0px;
}
.index-title-en:after{
  margin-left:520px
}
.index-title-en:before{
  margin-right:520px;
}
.product{
  background-color: var(--section-bgc2);
}
.product-content{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.product-content{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.product-avatar{
  display: flex;
  justify-content: center;
  align-items: center;

  padding:0px 80px;
  margin-top:100px;
  margin-bottom:120px;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.product .title{
  font-size:var(--title-size);
  color:#384d5c;
  font-weight:normal;
  text-align: center;
}
.product .desc{
  font-size:16px;
  color:white;
  text-align: center;
  margin:15px 0px;
  display:none;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.product .tdian{
  display:none;
}
.tdian li{
  font-size:16px;
  color:#f2f2f2;
}

.product-block{
  display:flex;
  flex-direction:column;
  justify-content: flex-start;
  align-items: center;
  height:450px;
  flex-shrink: 0;
  flex-grow: 0;
  cursor:pointer;
  width:15%;

  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.product-ic{
  display:inline-block;
  width:120px;
  height:120px;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  border:4px solid #0BBC9B;
  border-radius:50%;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.ic-paper{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/paper.png);
}
.ic-read{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/read.png);
}
.ic-zu{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/zu.png);
}
.ic-data{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/data.png);
}
.ic-error{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/error.png);
}
.ic-zuoye{
  background-image: url(../img/product/zuoye.png);
}
.product-icon{
  width:60%;
  margin:20px auto;
  background-color: white;
  height:30px;
  align-items:center;
  justify-content: center;
  border-radius:20px;
  display:none;

  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}

.product-block:hover{
  background-color: #0BBC9B;
}
.product-block:hover .product-icon{
  display:flex;
}
.product-block:hover .title{
  color:white;
}
.product-block:hover .desc{
  display:block;
}
.product-block:hover .tdian{
  display:block;
}
.product-block:hover .product-avatar{
  margin-top:40px;
  margin-bottom:40px;
  animation:suoxiao 0.3s;
}
.product-block:hover .product-ic{
  border-color:white;
}
.product-block:hover .ic-paper{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/paper-active.png);
}
.product-block:hover .ic-read{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/read-active.png);
}
.product-block:hover .ic-zu{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/zu-active.png);
}
.product-block:hover .ic-data{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/data-active.png);
}
.product-block:hover .ic-error{
  background-image: url(https://video.shandonghaoxue.com/site/img/product/error-active.png);
}
.product-block:hover .ic-zuoye{
  background-image: url("../img/product/zuoye-active.png");
}


@keyframes suoxiao{
  0%{
    margin-top:100px;
    margin-bottom:120px;
  }
  20%{
    margin-top:80px;
    margin-bottom:95px;
  }
  40%{
    margin-top:60px;
    margin-bottom:70px;
  }
  60%{
    margin-top:50px;
    margin-bottom:60px;
  }
  80%{
    margin-top:40px;
    margin-bottom:45px;
  }
  100%{
    margin-top:40px;
    margin-bottom:40px;
  }
}




.index-tab{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.index-tab-item{
  margin:0px 20px;
  padding:10px 20px;
  color:#344c5e;
  cursor:pointer;
  font-size:var(--index-title-size);
  border-radius:20px;

  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.index-tab.white .index-tab-item{
  color:white;
}
.index-tab-item.active,.index-tab-item:hover{
  background-color: #09BD9A;
  color:white;
  
}
.index-tab-content-item{
  width:90%;
  margin:0px auto;
  display:none;
}
.index-tab-content-item.active{
  display:block;
}
.case-item.active{
  display:flex!important;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  flex-wrap: wrap;
}
.case-block{
  width:30%;
  margin:20px 0px;
}

.case-block img{
  width:100%;
  height:auto;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
.case-block p{
  text-align:center;
  font-size:20px;
}
.case-block:hover img{
  box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 30%);
}


.bd{
  border:1px solid #09bd9a
}
.about{
  margin-top:150px;
  /* background-image: url(https://video.shandonghaoxue.com/site/img/about/bg.png); */
  background-color: var(--section-bgc1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about-item.active{
  display:flex!important;
  flex-direction: row;

}
.about-item-left{
  padding:50px;
  flex-grow:0;
}
.about-item-left img{
  width:500px;
}
.about-item-right{
  padding:20px;
  flex-grow:1;
}
.about-item-right-top img{
  margin-top:20px;
  display:block;
}
.green-line{
  display:inline-block;
  width:120px;
  height:0px;
  margin-top:40px;
  border:2px solid #25ca92;
}
.about-item-right-bottom{
  padding:20px;
  color:#333;
  font-size:16px;
}
.about-item-right-bottom p{
  text-indent: 2em;
  line-height:2em;
}


.infoBox {
  background-color: white;
  border: 1px solid #ccc;
}
.infoBox img {
  width: 20px;
}
.info-box-content {
  padding: 10px 20px;
}
.info-box-content .info-title {
  font-size: 18px;
  color: #333;
  
  font-weight: 500;
}
.info-box-content .info-content {
  font-size: 14px;
  color: #25ca92;
  font-weight: 400;
}

.footer{
  background-color: rgb(9 37 47 / 80%);
  bottom:0px;
  left:0px;
  right:0px;
  height:300px;
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size:20px;
  font-weight:400;
  color:#ddd;
}
.footer-left{
  padding-left:40px;
  width:480px;
  box-sizing:border-box;
}
.footer-right{
  padding-right:40px;
  width:450px;
  box-sizing:border-box;
  justify-self: flex-end;
}
.footer-right p{
  text-align:right;
}
.footer a{
  color:inherit;
  text-decoration: none;
}
.ruan-item.active{
  display:flex!important;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-around;
  flex-wrap:wrap;
  padding:50px 0px;
}
.ruan-content{
  display:flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-around;
  flex-wrap: wrap;
  padding:50px 0px;
}
.ruan-block{
  width:25%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ruan-block img{
  width:220px;
}
.ruan-block p{
  text-align:center;
  font-size:20px;
  color:#333;
}
#mapcontain{
  height:800px;
}

.anli-content{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.anli-block{
  width:23%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom:50px;
}
.img-wrap{
  height:160px;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom:20px;
}
.anli-block img{
  max-width:90%;
  max-height:150px;
  border-radius:50%;
}
.anli-block img.noround{
  border-radius:0%;
}
.anli-block p{
  font-size:24px;
  color:#49e;
  height:60px;
  text-align:center;
  margin:0px;
}
.hzflag{
  font-size:18px;
  color:#f60;
  font-weight:normal;
}
.more{
  display:flex;
  justify-content: center;
  align-items: center;
}
.more img{height:70px;}


/*产品优势*/
.adv{
  padding-bottom:120px;
  background-color: var(--section-bgc1);
  /* background-image: url(https://video.shandonghaoxue.com/site/img/advbg.png); */
  /* background-image: linear-gradient(154deg, #e2ebe2, #c0d9b4); */
  background-size: cover;
  background-repeat: no-repeat;
}
.adv .index-content{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.adv-left{
  flex-grow:1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  padding-right:40px;
}
.adv-center{
  width:400px;
  flex-shrink: 0;
  height:500px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.adv-right{
  flex-grow:1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding-left:40px;
}
.adv-center-bg{
  width:350px;
  height:359px;
  background-image: url(https://video.shandonghaoxue.com/site/img/circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.adv-center-title{
  font-size:28px;
  color:#333;
  text-align:center;
}
.adv-top{
  height:250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.adv-bottom{
  height:250px;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.adv-title{
  background-image: url(https://video.shandonghaoxue.com/site/img/bga.png);
  background-repeat: no-repeat;
  width:275px;
  height:65px;
  font-size:24px;
  color:var(--main);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: -10px 10px 20px 3px rgb(0 0 0 / 10%);
  border-radius: 50px;
}
.adv-des{
  font-size:20px;
  color:#333;
  text-align:center;
  width:300px;
  padding-top:30px;
  line-height:1.5em;
}

/***---- 尺寸适配处理 ----****/
@media screen and (max-width:2300px){
  #banner1{
    height:200px;
  }
}

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

  #banner1{
    height:200px;
  }
}
@media screen and (max-width:1360px){
  #banner1{
    height:200px;
  }
  .product-avatar{
    padding:0px 50px;
  }
  .about-item-right-bottom p{padding-right:20px;}
}
@media screen and (max-width:1180px){
  .product-avatar{
    padding:0px 30px;
  }
  .about-item-left img{width:350px;}
  .ruan-block img{width:180px;}
  .logo img{width:35px}
  .menu>ul>li{height:60px;font-size:18px;}
  .phone a{font-size:16px;}
  .phone img{width:15px;}
  #banner2-name{
    height:200px;
  }
  #banner2-desc{
    height:50px;
    margin-left:460px;
  }
  .product-block{
    width:30%;
  }
  .product-content{
    flex-wrap:wrap;
  }
  .case-block{
    width:45%;
  }
  .about-item-left{display:none;}
  .footer{
    font-size:16px;
    height:250px;
  }
  .footer-center img{
    width:150px;
  }
  #mapcontain{height:700px;}
  .index-title-en:after, .index-title-en:before{width:0px;}
  .case-block p{font-size:14px;}

  .adv-center{
    width:280px;
  }
}

@media screen and (max-width:890px){
  .product-avatar{
    padding:0px 10px;
  } 
  .menu>ul>li a{
    padding:0px 10px;
  }
  #banner2-name{height:120px;}
  #banner2-desc{height:25px;margin-left:240px;}
  #dot-left,#dot-right{display:none;}
  .ruan-block img{width:140px;}
  #banner2-name{height:60px;}
  #banner2-desc{display:none;}
  .banner1 .banner-des-wrap img{height:30px;}
  .anli-block{width:45%;}
  .anli-block img{max-width:75%;}
  .anli-block p{font-size:16px;}

  .adv-center{width:130px;}
  .adv-center-bg{
    width:233px;
    height:238px;
  }
}

@media screen and (max-width:700px){
  .phone{
    display:none;
  }
  .top-menu{
    justify-content:center;
  }
  .menu>ul>li{font-size:12px;padding:0px 0px;}
  .menu>ul>li a{padding:0px 5px;}
  .logo{display:none;}
  .about-item-right-top img{max-width:100%;}
  .logo{
    width:70px;
    text-align:center;
    padding-left:0px;
  }
  .swipers{
    height:auto;
  }
  .banner1{
    padding-bottom:100px;
  }
  .banner1 .banner-des-wrap{
    background-size: contain;
    padding:10px 30px;
  }
  .banner1 .banner-des-wrap img{
    height:50px;
  }
  .banner1 .banner-name{padding-top:150px;}
  .banner2 .banner-name{margin-top:150px;}
  #banner2-desc2{width:80%}
  #banner1{height:75px;}
  .product-block{
    width:100%;
    background-color: #0BBC9B;
    margin-bottom:10px;
  }
  .product-block .product-icon{
    display:flex;
  }
  .product-block .title{
    color:white;
  }
  .product-block .desc{
    display:block;
  }
  .product-block .tdian{
    display:block;
    padding:0px 10px;
  }
  .product-block .product-avatar{
    margin-top:40px;
    margin-bottom:40px;
    animation:suoxiao 0.3s;
  }
  .product-block .product-ic{
    border-color:white;
  }
  .product-block .ic-paper{
    background-image: url(https://video.shandonghaoxue.com/site/img/product/paper-active.png);
  }
  .product-block .ic-read{
    background-image: url(https://video.shandonghaoxue.com/site/img/product/read-active.png);
  }
  .product-block .ic-zu{
    background-image: url(https://video.shandonghaoxue.com/site/img/product/zu-active.png);
  }
  .product-block .ic-data{
    background-image: url(https://video.shandonghaoxue.com/site/img/product/data-active.png);
  }
  .product-block .ic-error{
    background-image: url(https://video.shandonghaoxue.com/site/img/product/error-active.png);
  }
  
  .case-block{width:47%;}
  .index-tab-content-item{width:96%;}
  .footer-left,.footer-right{width:100%;}
  .footer-left{padding-left:20px;}
  .footer-right{padding-left:20px;}
  .footer-center{
    position:absolute;
    top:20px;
    left:50%;
    margin-left:-75px;
  }
  .index-tab-item{
    padding:4px 15px;
    font-size:16px;
    margin:0px 5px;
  }
  .footer{
    position:relative;
    height:450px;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    font-size:14px;
    text-align:center;
  }
  .footer-right p{text-align:center;}
  .case-block p{font-size:12px;}
  .ruan-block img{width:80%;}
  .ruan-block p{font-size:14px;}
  #banner2-name{height:60px;}
  #banner2-desc{display:none;}
  .banner1 .banner-des-wrap img{height:30px;}
  .banner-enname img{width:80%;}
  .about-item-right{padding:5px;}
  .about-item-right-top img{max-width:80%;}
  .about-item-right-bottom{padding:0px;}
  .about-item-right-bottom p{padding-right:0px;}
  .ruan-block{width:40%;}
  .index-title{padding-top:30px;font-size:24px;}
  .about{margin-top:50px;}
  .anli-block{width:48%;}
  .anli-block img{max-width:70%;}
  .anli-block p{font-size:18px;}

  .adv-des{
    font-size:12px;
    width:126px;

  }
  .adv-title{
    font-size:14px;
    width:130px;
    height:50px;
  }
  .adv-top{
    height:200px;
  }
  .adv-right{
    padding-left:0px;
  }
  .adv-left{
    padding-right:0px;
  }
  .adv-center{
    width:60px;
  }
  .adv-center-bg{
    width:144px;
    height:148px;
  }
}






.help-body{
  background-color: #f2f2f2;
}
.help-content{
  padding-top:122px;
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin:0px auto;
  width:1200px;
  min-height:750px;
}
.help-left{
  width:330px;
  flex-shrink: 0;
  background-color: #80848e;
  color:#fff;
  height:100%;
  min-height:600px;
  padding-bottom:30px;
  box-sizing: border-box;
}
.help-right{
  background-color: #fff;
  padding:10px;
  flex-grow:1;
  min-height:600px;
  box-sizing: border-box;
}
.sub-title{
  font-size:24px;
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding:20px;
  box-sizing: border-box;
}
.sub-title img{margin-right:10px;}

.sub-menu ul{
  list-style: none;
  margin:0px;
  padding:0px;
}
.sub-menu ul>li{
  height:40px;
  line-height:40px;
  padding-left:40px;
  font-size:18px;
  cursor:pointer;
}
.sub-menu ul>li:hover,
.sub-menu ul>li.active{
  color:#25ca92;
  background-color: #666A72;
}
.help-right-title{
  height:60px;
  line-height:60px;
  padding-left:40px;
  font-size:24px;
  font-weight:bold;
  border-bottom:1px solid #ddd;
}
.help-right-video{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top:50px;
}
video{
  background-color: #333;
  width:800px;
  height:450px;
}



.hezuo{
  background-color: #344c5e;
  color:#f2f2f2;
  padding:20px 40px;
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.hezuo label{
  font-size:24px;
  font-weight:500;
  margin-right:30px;
}
.hezuo-list{
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.hezuo-block{
  font-size:16px;
  margin-right:15px;
}

.backTop {
  display:none;
  position: fixed;
  width: 50px;
  height: 50px;
  left:20px;
  bottom: 40px;
  z-index: 1200;
  transition: all 1s ease;
}
.backTop.showme {
  left: calc(75% + 10px);;
  -moz-transform: scale(1) rotate(-540deg) translate(0);
  -webkit-transform: scale(1) rotate(-540deg) translate(0);
  -o-transform: scale(1) rotate(-540deg) translate(0);
  transform: scale(1) rotate(-540deg) translate(0);
}

.backTop>div {
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-image: url(https://video.shandonghaoxue.com/site/img/top_button.png);
  overflow: hidden;
  background-position: 0px 50px;
  transform:rotate(90deg);
}

@media screen and (max-width:700px){
  .backTop{
    display:block;
  }
  .help-content{
    width:100%;
    padding-top:90px;
  }
  .help-content video{
    width:100%;
  }
  .help-left{
    position:fixed;
    top:0px;
    left:-75%;
    bottom:0px;
    width:75%;
    overflow:auto;
    z-index:9999999;
    transition: all 1s ease;
  }
  .help-left.show{
    left:0px;
  }
  .help-right{
    min-height:auto;
    height:auto;
  }
  .sub-menu ul>li{
    font-size:14px;
  }
}