body {
  font-family: "Microsoft Yahei";
}
a {
  color: #808080;
}
a:hover,
a:focus {
  color: #66a22e;
}

.clearfixIndex p {
  margin: 0 0 20px;
}

.index-footer {
  height: 220px;
}
.index-footer p {
  margin: 0 0 20px;
}

.clearfix {
  height: 240px;
}

.clearfix p {
  margin: 0 0 20px;
}
.aboutSty p {
  margin: 0 0 0px;
}

.normalQue p {
  padding: 0;
}

.us-footer {
  height: 120px;
}

footer p {
  text-align: center;
  /* margin: 0 0 20px; */
}

footer p.beian {
  width: 265px;
  margin: 0 auto 20px;
  height: 24px;
  line-height: 24px;
}
footer p.beian img {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 5px;
}
footer p span {
  vertical-align: top;
}

footer .footer-menu {
  width: 50%;
  margin: 45px auto;
  min-width: 900px;
  overflow: hidden;
  height: 25px;
}
footer .footer-menu li {
  display: inline-flex;
  margin: 0 40px;
}

@media screen and (max-width: 1100px) {
  .footer-link {
      height: 100px !important;
  }    
}

.align-center {
  text-align: center;
}
.banner {
  width: 100%;
  position: relative;
}
.banner-1 {
  width: 100%;
  /*height: 398px;*/
  /*    border-bottom: 1px solid #bfbfbf;*/
  height: auto;
  position: relative;
}
.banner img,
.banner-1 img {
  width: 100%;
}
.sub-banner {
  margin: 30px 0;
}
/* 解决方案中的sub-nav */
#banner-sub-nav {
  display: none;
}
#banner-sub-nav,
#banner-sub-nav-2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 230px;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 35px 0;
}
#banner-sub-nav li,
#banner-sub-nav-2 li {
  display: inline-block;
  /* margin: 0 80px; */
  /* width: 20%; */
}
#banner-sub-nav li p {
  margin: 15px;
}

.index-button-area {
  width: 100%;
  height: 150px;
  margin: 30px 0;
}
.inner-area,
.inner-area-2,
.inner-area-3,
.inner-area-4 {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.inner-area-5 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.inner-area img,
.inner-area-2 img,
.inner-area-3 img,
.inner-area-4 img {
  max-width: 70%;
}
.inner-area-5 img {
  max-width: 80%;
}
.inner-area-4 ul {
  text-align: left;
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
}
.inner-area-4 ul li {
  display: inline-block;
}
.inner-area ul li img {
  width: 100%;
}

.dark-sub-banner {
  margin-top: 20px;
}

/* about page css */
.inner-sub-banner,
.dark-sub-banner {
  text-align: center;
}

.inner-area h2 {
  text-align: center;
  margin: 0;
  padding: 30px 120px;
  font-size: 2em;
  /* color: #818181; */
}
.inner-area p {
  line-height: 30px;
  text-align: left;
}
.inner-area .button-area {
  margin: 30px 0;
}

.button-area .green-btn {
  display: inline-block;
  width: 15%;
  max-width: 160px;
  min-width: 80px;
  height: 5%;
  max-height: 40px;
  line-height: 40px;
  margin-right: 1%;
  color: #fff;
  background-color: #66a22e;
  text-align: center;
}
.bottom-link-area {
  margin: 50px 0;
}
ul.inner-area,
ul.inner-area-2,
ul.inner-area-5,
ul.inner-area-3 {
  overflow: hidden;
}
ul.inner-area > li,
ul.inner-area-2 > li,
ul.inner-area-3 > li,
ul.inner-area-5 > li {
  float: left;
  text-align: center;
  position: relative;
}
ul.inner-area > li {
  width: 320px;
  height: 350px;
  padding: 0 20px;
  border-right: 1px solid #e8e8e8;
}
ul.inner-area > li:last-child {
  border-right: none;
}
ul.inner-area > li h3 {
  margin: 30px 0;
  font-size: 1.5em;
}
ul.inner-area > li p {
  font-size: 0.9em;
}
ul.inner-area > li a {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  text-align: center;
}
.green {
  color: #6fad2c;
}
.bg-green {
  background-color: #6fad2c;
}

/* cooperation page css */
ul.inner-area-5 > li {
  width: 500px;
  margin: 10px 10px;
}
ul.inner-area-2 > li {
  flex: 1;
  width: 350px;
  margin: 15px 40px;
}

ul.inner-area-2 > li p,
ul.inner-area-3 > li p,
ul.inner-area-5 > li p {
  font-size: 0.9em;
  line-height: 30px;
  text-align: center;
  padding: 0 15px;
}
ul.inner-area-2 > li .sub-title {
  color: #6fad2c;
  font-size: 1.1em;
  margin: 15px 0;
}
ul.inner-area-5 > li .sub-title {
  color: #6fad2c;
  font-size: 1.1em;
  margin: 15px 0;
}
ul.inner-area-3 {
  width: 100%;
  text-align: center;
  margin: 30px 40px;
}
ul.inner-area-3 > li {
  flex: 1;
  width: 300px;
  margin: 0 2px;
}
ul.inner-area-3 > li img {
  width: 100%;
  margin: 0;
}
ul.inner-area-3 > li .sub-title-2 {
  /*display: table;*/
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  background-color: #6fad2c;
  margin: 5px 0;
  font-size: 1em;
}
/*#school-list,#video-part{
    overflow: hidden;
    min-width: 1300px;
}
#school-list li{
    width: 289px;
    display: inline-block;
    margin: 30px 30px 0 0;
}
*/
.contact-detail {
  overflow: hidden;
  min-width: 1300px;
}
.contact-detail .contact-way {
  float: left;
  height: 180px;
  line-height: 26px;
  margin-bottom: 25px;
  width: 500px;
  color: #858585;
  margin-right: 100px;
}

.contact-detail .contact-way:nth-child(1) {
  height: 240px;
}

.contact-detail .contact-way:nth-child(2) {
  height: 240px;
}

.contact-detail .contact-way {
  line-height: 26px;
}
.contact-detail dl dd {
  text-align: left;
}
.contact-detail dl dd span {
  display: inline-block;
  width: 45px;
  text-align: right;
}
.contact-detail dl dt {
  font-weight: bold;
  text-align: left;
  font-size: 1.1em;
}

/* news page css */
.one-news {
  margin-bottom: 30px;
}
.one-news h3 {
  text-align: left;
  font-size: 1.1em;
  margin: 30px 0 0 0;
  color: #6fad2c;
}
.one-news .news-desp {
  margin-top: 15px;
}

/************************************************************* 2016-5-5  rewrite index page *************************************************************/

.menu-active {
  color: #14afca;
}
/* .index-header{
    position: absolute;
    background-color: #fff;
    top: 15px;
    left: 0;
} */

.markable {
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.markable > img {
  width: 100%;
}

.index-button-border,
.index-button-border > ul {
  display: flex;
  width: 95%;
  margin: 0 auto;
}
.index-button-border > ul > a {
  /* flex: 0 0 auto; */
  display: inline-block;
  width: 80%;
  text-align: center;
  color: #14afca;
  font-size: 1.5em;
  margin-left: 2.2%;
}
.index-button-border > ul > a > li > img {
  width: 100%;
  max-width: 160px;
}

.index-button-border > ul > a p {
  margin-top: 10px;
  /* white-space: nowrap; */
}

.eng-text {
  font-size: 0.8em;
  color: #aaa;
}

.index-footer {
  background-color: #fff;
}

.do-css {
  padding: 30px 150px;
}
.mobile-footer {
  display: none;
}
#banner-sub-nav-2 {
  display: none;
}
.mobile-banner {
  display: none;
}
/* ul#banner-sub-nav a{
    width: 16.6%;
} */
ul#banner-sub-nav a {
  float: left;
  width: 16.6%;
}

@media (max-width: 800px) {
  header .logo {
    left: -16px;
    top: 2px;
    width: 200px;
  }
  header .en-logo {
    top: 8px;
    left: 4px;
    width: 135px;
    height: 50px;
  }
  header .menu {
    display: none;
  }
  header .mobile-menu {
    right: 20px;
  }
  header .mobile-menu-items {
    display: none;
    margin-top: 30px;
  }
  header .mobile-menu-items li {
    margin-left: -150px;
    width: 210px;
    height: 70px;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.95);
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #b3b3b3;
  }
  .index-button-border,
  .index-button-border > ul {
    width: 100%;
  }
  .index-button-border > ul > a {
    display: block;
    float: left;
    width: 18%;
    margin-left: 6%;
    font-size: 9px;
  }
  .eng-text {
    font-size: 8px;
  }

  /* other page @media css set  */
  .bottom-link-area {
    display: none;
  }
  .banner img,
  .dark-sub-banner img,
  .inner-sub-banner img {
    width: 100%;
    height: auto;
  }

  .sub-banner p {
    font-size: 9px;
  }

  .sub-banner h2 {
    font-size: 1.5em !important;
    padding: 18px 0 !important;
  }

  .sub-banner ul {
    font-size: 9px;
  }

  .button-area a {
    height: 18px !important;
    line-height: 18px !important;
    font-size: 9px;
  }
  .inner-area,
  .inner-area-2,
  .inner-area-3,
  .inner-area-4,
  .inner-area-5 {
    width: 90%;
  }
  .inner-area h2 {
    font-size: 16px;
    padding: 10px 0;
  }
  /*#school-list,#video-part,.contact-detail,#coo-1,#coo-2{
        width: 100%;
        min-width: 100%;
    }
    #school-list li{
        width: 29%;
        margin: 5% 2%;
    }*/

  #video-part li,
  #coo-1 li,
  #coo-2 li {
    width: 100%;
    margin: 0;
  }
  #video-part li a img {
    width: 100%;
  }

  .contact-detail .contact-way {
    font-size: 11px;
    margin: 0;
  }
  #coo-1 li,
  #coo-2 li {
    font-size: 11px;
  }
  ul.inner-area-2 > li .sub-title {
    font-size: 12px;
    margin: 0;
  }
  ul.inner-area-3 > li .sub-title-2 {
    width: 100%;
  }
  #coo-2 {
    margin: 0 0 0 1%;
  }

  #banner-sub-nav-2 {
    display: block;
  }
  #banner-sub-nav-2 li {
    margin: 0;
    width: 20%;
    margin: 0 5%;
    font-size: 8px;
  }
  #banner-sub-nav-2 li img {
    width: 80%;
  }
  #banner-sub-nav-2 li p {
    margin: 10px 0;
  }
  /*.banner{
        display: none;
    }*/
  .mobile-banner {
    display: block;
  }
  .mobile-banner img {
    width: 100%;
  }
  /* mobile footer */
  .footer-menu {
    display: flex;
    margin: 45px 0 !important;
    width: 100% !important;
    min-width: 375px !important;
  }
  .footer-menu > li {
    flex: 1;
    justify-content: center;
    margin: 0 0 !important;
    font-size: 12px;
  }
  footer p {
    font-size: 12px;
  }
  /* 成功案例 -- 实力见证等，移动端flex布局 */
  .text-layout {
    padding: 6px !important;
    /*min-width: 375px !important;*/
  }
  .inner-area-flex {
    min-width: 375px !important;
    flex-wrap: wrap;
  }
  .inner-area-flex li {
    flex: 1 1 auto !important;
    float: none !important;
    margin: 22px !important;
  }
  .inner-area-flex p {
    font-size: 12px !important;
    padding: 3px !important;
  }
  .blackboard-show {
    flex-direction: column !important;
    padding: 0 !important;
  }
  .show-info p {
    font-size: 10px !important;
  }
  .show-rank {
    flex-direction: column;
  }
  .show-rank-item {
    margin-left: 0 !important;
  }
  .show-rank-item img {
    width: 330px;
  }
}
/* @media (max-width:375px) end */
@media (max-width: 375px) {
  .inner-area-flex li {
    flex: 0 0 auto !important;
    margin: 12px !important;
  }
  .inner-area-flex li:first-child {
    margin-top: 0 !important;
  }
  .inner-area-flex p {
    font-size: 9px !important;
    padding: 0 !important;
  }
}

/*  rewrite img optimize  */
.index-button {
  display: inline-block;
  width: 160px;
  height: 160px;
  background: url("../images/Banner-04.png");
}
.index-button-1 {
  background-position: -55px 0;
}
.index-button-2 {
  background-position: -420px 0;
}
.index-button-3 {
  background-position: -790px 0;
}
.about-button {
  display: inline-block;
  width: 75px;
  height: 75px;
  background: url("../images/about-button.jpg");
}
.about-button-1 {
  background-position: 0 0;
}
.about-button-2 {
  background-position: -75px 0;
}
.about-button-3 {
  background-position: -150px 0;
}
.about-button-4 {
  background-position: -225px 0;
}

.coo-sub-banner,
.coo-sub-banner-bigger {
  display: inline-block;
  width: 300px;
  height: 198px;
  background: url("../images/coo-sub-banner.jpg");
}
.coo-sub-banner-bigger {
  width: 343px;
}

.coo-sub-banner-1-1 {
  background-position: 0 0;
}
.coo-sub-banner-1-2 {
  background-position: -350px 0;
}
.coo-sub-banner-1-3 {
  background-position: -695px 0;
}
.coo-sub-banner-2-1 {
  background-position: 0 -198px;
}
.coo-sub-banner-2-2 {
  background-position: -300px -198px;
}
.coo-sub-banner-2-3 {
  background-position: -600px -198px;
}
.coo-sub-banner-2-4 {
  background-position: -900px -198px;
}
.sub-nav {
  display: inline-block;
  width: 150px;
  height: 120px;
}
.sub-nav-1 {
  background: url("../images/layout/nav01.png");
}
.sub-nav-1-active,
.sub-nav-1:hover {
  background: url("../images/layout/nav01-01.png");
}
.sub-nav-2 {
  background: url("../images/layout/nav02.png");
}
.sub-nav-2-active,
.sub-nav-2:hover {
  background: url("../images/layout/nav02-01.png");
}
.sub-nav-3 {
  background: url("../images/layout/nav03.png");
}
.sub-nav-3-active,
.sub-nav-3:hover {
  background: url("../images/layout/nav03-01.png");
}
.sub-nav-4 {
  background: url("../images/layout/nav04.png");
}
.sub-nav-4-active,
.sub-nav-4:hover {
  background: url("../images/layout/nav04-01.png");
}
.sub-nav-5 {
  background: url("../images/layout/nav05.png");
}
.sub-nav-5-active,
.sub-nav-5:hover {
  background: url("../images/layout/nav05-01.png");
}
.sub-nav-6 {
  background: url("../images/layout/nav06.png");
}
.sub-nav-6-active,
.sub-nav-6:hover {
  background: url("../images/layout/nav06-01.png");
}

.imgGap {
  margin-bottom: 50px;
}
.inner-area p.title {
  color: #165fa5;
  font-size: 24px;
  padding: 30px 150px 0;
}
.shutcut {
  position: fixed;
  left: 2px;
  top: 80px;
  z-index: 9999;
}
.shutcut ul {
  overflow: hidden;
}
.shutcut li a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #3198c4;
  background: #fff;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  width: 150px;
  transition: all 0.35s ease;
}
.shutcut li a:hover {
  background: #fcfcfc;
}
.shutcut li:last-child a,
.shutcut li:first-child a {
  border-bottom: none;
  background: #3198c4;
  color: #fff;
}
.shutcut li:first-child a {
  letter-spacing: 8px;
  border: 1px solid #3198c4;
}
@media screen and (max-height: 768px) {
  .shutcut li a {
    height: 32px;
    line-height: 32px;
  }
}
@media screen and (max-height: 568px) {
  .shutcut li a {
    height: 24px;
    line-height: 24px;
  }
  .shutcut {
    position: fixed;
    left: 2px;
    top: 20px;
    z-index: 9999;
  }
}

/* 智慧黑板模块添加 */
.blackboard-show {
  padding: 30px 150px;
}
.show-info .name {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 18px;
}
.show-info .desc {
  padding-bottom: 16px;
}
.show-rank {
  display: flex;
  flex-direction: row;
}
.show-rank-item {
  flex: 1;
}
.show-rank-item {
  margin-left: 30px;
}
/* 公司资质更新 20170830 */
.qualification {
  width: 80%;
  background: #fff;
  margin: 0 auto;
}
.title {
  font-size: 22px;
  line-height: 24px;
  color: #a0a0a0;
  text-align: left;
  padding-left: 20px;
}
.qualification-wrapper {
  margin: 0 auto;
  width: 80%;
}
.qualification-row {
  display: flex;
  flex-direction: row;
  /* justify-content: space-around; */
  width: 100%;
  margin: 0 auto;
}
.qualification-row a {
  display: block;
  height: auto;
  margin: 10px;
}
.qualification-row img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 1px solid #888;
  vertical-align: top;
}

/*英文网页调整CSS*/

/*home page News 宽度调整*/
.path-0 .menu a.fourth {
  width: 160px;
}
.path-0 .menu a.fifth {
  width: 80px;
}

.path-0 .menu a.seventh {
  width: 40px;
  margin-left: 5px;
}
.path-0 .menu a.eighth {
  width: 59px;
}

.sub-banner .inner-sub-banner .homepage-description {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.8%;
  width: 80%;
  text-align: justify;
  line-height: 2;
}
.homepage-description p {
  margin-bottom: 4%;
}
.homepage-description .subtitle {
  text-align: center;
}
.sub-banner h2 {
  text-align: center;
  font-size: 36px;
}

.qualificated1 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  text-align: center;
}

.qualificated1 img {
  width: 15%;
  height: 15%;
  margin-left: 5%;
}

.qualificated-row1 .third_img img {
  width: 8%;
}
.qualificated2 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  text-align: center;
}
.qualificated2 img {
  width: 13%;
  height: 14%;
  margin-left: 5%;
}

.en_shutcut ul li a {
  height: 40px;
  line-height: 20px;
  width: 180px;
  padding-top: 10px;
}

.en_shutcut ul li:nth-child(4) a {
  height: 60px;
}

.en_shutcut ul li:nth-child(6) a {
  height: 60px;
}

.en_shutcut ul li:nth-child(7) a {
  height: 60px;
}

/*此媒体查询解决浏览器缩小过程中顶部菜单栏换行和被遮挡的问题*/
@media (max-width: 1296px) {
  header .menu a {
    font-size: 14px;
    width: 80px;
  }
  header .menu a.fourth {
    width: 120px !important;
  }
  header .menu a.fifth {
    width: 60px !important;
  }
}

@media (max-width: 1066px) {
  header .menu a {
    font-size: 12px;
    width: 60px;
  }
  header .menu a.seventh {
    width: 25px !important;
  }
  header .menu a.eighth {
    width: 40px !important;
  }
  header .menu a.fifth + a {
    width: 70px;
  }
  header .menu a:first-child {
    width: 70px;
  }
  header .menu a.fourth {
    width: 100px !important;
  }
  header .menu a.fifth {
    width: 45px !important;
  }
}

#normal-question .right .question-content .question-item {
  /* background-color: red; */
  margin-bottom: 10px;
}

#normal-question .right .question-content .title {
  font-size: 18px;
  color: #333333;
  line-height: 26px;
  padding: 0;
}

#normal-question .right .question-content .content {
  padding: 0;
  line-height: 24px;
  margin: 0;
  color: #666666;
  font-size: 16px;
  width: 100%;
}

#normal-question .right .question-content img {
  max-width: 100%;
  height: auto;
}

#normal-question .right img,
#use-guide .right img {
  max-width: 100%;
  height: auto;
}

/* .pc-header a{
  position: relative;
}
.pc-header #banner-sub-nav{
  top: 20px;
}
.pc-header #banner-sub-content{position: absolute;left: 0;top: 0;}
.pc-header {}
.pc-header {} */