* {
     margin: 0;
     padding: 0;
 }

 #div {
     display: none;
 }

 ul li {
     list-style: none;
 }

 a {
     color: black;
     text-decoration: none;
     outline: none;
 }

 a:link,
 a:visited {
     text-decoration: none;
 }

 .content {
     width: 100%;
     height: auto;
     overflow-x: hidden;
 }

 .header {
     width: 100%;
     height: 120px;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     background-color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     z-index: 2;
 }

 .header .logo {
     margin-left: 35px;
 }

 .header .title {

     text-align: center;
     width: 1000px;
     white-space: nowrap;
     height: 120px;
     line-height: 120px;
 }

 .header .title1>img {
     display: block;
     width: 142px;
     height: auto;
 }

 .header .title .titlename p {
     padding-bottom: 10px;
     height: 70px;
     width: 100%;
     text-align: center;
 }

 .header .title .titlename .line {
     display: none;
     margin: 0 auto;
     width: 15%;
     height: 3px;
     background-color: #0071bc;
 }

 .header .title .titlelist ul {
     width: 100%;
     /* border: 2px solid yellow; */
 }

 .header .title .titlelist ul li {
     width: 110%;
     /* border: 2px solid blue; */
     /* padding: 5px; */
     text-align: center;
     font-size: 15px;
     line-height: 2;
 }

 .header .title:hover .titlelist {
     width: 9.9%;
     display: block;
 }

 .header .title:hover {
     background-color: #0071bc;
 }

 .header .title:hover .titlename p a {
     width: 128px;
     color: #fff;
 }

 .header .title .titlelist ul li:hover .titlelist2 {
     display: block;
 }

 .header .title:hover .titlename .line {}

 .title .titlename p:nth-child(2) {
     margin-top: -6px;
 }

 .title .titlename p:nth-child(1) {
     text-align: center;
     font-size: 18px;
 }

 .title .titlename p {
     text-align: center;
     font-size: 18px;
 }

 .title .titlename p:nth-child(2) a {
     text-align: center;
     font-size: 14px;
 }

 #header {
     display: none;
 }

 .titlename {
     position: relative;
 }

 #logo {
     width: 142px;
     height: auto;
 }

 #logo img {
     width: 142px;
     height: auto;
     display: block;
 }

 .header .title:hover .titlename .san {
     display: block;
     margin: 0 auto;
     margin-top: 62px;
     position: absolute;
     left: 58px;
     top: 38px;
     width: 0;
     height: 0;
     border: 10px solid transparent;
     border-bottom: 10px solid white;
     z-index: 999;
 }

 @media (min-width: 768px) and (max-width: 1080px) {
     .title .titlename p:nth-child(1) {
         text-align: center;
         font-size: 13px;
     }

     .title .titlename p {
         text-align: center;
         font-size: 13px;
     }

     .naCenter li p {
         font-size: 20px !important;
         font-family: FZLTCHK;
         font-weight: normal;
         font-style: italic;
         color: #CA1421;
     }

     .loop {
         width: 120px;
         height: 42px;
         background: #CA1421;
         border-radius: 10px;
         position: absolute;
         left: 0;
         top: 150px !important;
         z-index: 1;
         text-align: center;
         line-height: 42px;
         display: flex;
         justify-content: center;
     }
 }

 @media(max-width:767px) {
     #head {
         display: none;
     }

     #header {
         display: block;
         z-index: 10;
     }
 }

 * {
     margin: 0;
     padding: 0;
 }

 ul li {
     list-style: none;
 }

 a {
     color: black;
     text-decoration: none;
     outline: none;
 }

 a:link,
 a:visited {
     text-decoration: none;
     /*超链接无下划线*/
 }

 .content {
     width: 100%;
     height: auto;
     overflow-x: hidden;
 }

 .header {
     width: 100%;
     height: 120px;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     background-color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     z-index: 2;
 }

 .header .logo {
     margin-right: 100px;
 }

 .header .logo img {
     display: block;
     width: 140px;
     height: auto;
 }

 .header .title {
     text-align: center;
     width: 10%;
     white-space: nowrap;
     height: 120px;
     line-height: 120px;
 }

 .header .title1>img {
     display: block;
     width: 142px;
     height: auto;
 }

 .header .title .titlename p {
     padding-bottom: 10px;
     height: 70px;
 }

 .header .title .titlename {
     width: 100%;
     height: 50px;
 }

 .header .title .titlename .line {
     display: none;
     margin: 0 auto;
     width: 15%;
     height: 3px;
     background-color: #0071bc;
 }

 .header .title .titlelist {
     display: none;
     width: 8%;
     height: auto;
     position: absolute;
     background-color: white;
     z-index: 100;
     font-weight: bolder;
     margin-top: 70px;
 }

 .header .title .titlelist .titleul {
     float: left;
     /* margin-right: 4%; */
 }

 .header .title .titlelist .titleli #teach {
     float: none;
     margin-left: 25%;
     margin-bottom: 30px;
 }

 .header .title .titlelist>#teach {
     position: absolute;
     float: left;
     margin-left: 20%;
     top: 10px;
     left: 330px;
 }

 .header .title .titlelist #plan {
     margin-right: 5%;
 }

 .header .title .titlelist #plan li:not(:nth-child(1)) a {
     margin-right: 40%;
 }

 .header .title .titlelist #about:not(:nth-child(1)) {
     margin-left: 10%;
 }

 .header .title .titlelist #support:not(:nth-child(1)) {
     margin-left: 5%;
 }


 /* .header .title .titlelist .titleul:nth-child(1) {
    margin-left: 20%;
    float: left;
} */

 .header .title .titlelist .titlelist2 {
     margin-top: -20px;
     margin-left: 150px;
     display: none;
     background-color: #f6f6f6;
     position: absolute;
     z-index: 100;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3000);
 }

 .header .title .titlelist ul li {
     width: 100%;
     padding: 5px;
     text-align: center;
     font-size: 15px;
     line-height: 2;
 }

 .header .title:hover .titlelist {
     display: block;
 }

 .header .title:hover {
     background-color: #0071bc;
 }

 .header .title:hover .titlename p a {
     color: #fff;
 }

 .header .title .titlelist ul li:hover .titlelist2 {
     display: block;
 }

 .header .title .titlelist .titleul li a:hover {
     /* background-color: #f0f0f0; */
     color: #eb2424 !important;
     opacity: 1 !important;
 }

 .header .title .titlelist .titlelist2 ul li:hover {
     background-color: #f0f0f0;
     opacity: 1 !important;
 }

 .title .titlename p {
     position: relative;
 }

 .title .titlename p input {
     width: 150px;
     height: 24px;
     outline: none;
     padding: 0 3px;
 }

 .title .titlename>.sousuo img {
     position: relative;
     right: -67px;
     top: -79px;
 }

 .header .title:last-child:hover {
     background-color: #fff;
 }

 .header .title:hover .titlename .line {
     /* display: block; */
 }

 .title .titlename p:nth-child(2) {
     margin-top: -6px;
 }

 .title .titlename p:nth-child(1) {
     text-align: center;
     font-size: 18px;
 }

 .title .titlename p {
     text-align: center;
     font-size: 18px;
 }

 .title .titlename p:nth-child(2) a {
     text-align: center;
     font-size: 14px;
 }

 #header {
     display: none;
 }

 .titlename {
     position: relative;
 }

 .header .title:hover .titlename .san {
     display: block;
     margin: 0 auto;
     margin-top: 62px;
     position: absolute;
     left: 58px;
     top: 38px;
     width: 0;
     height: 0;
     border: 10px solid transparent;
     border-bottom: 10px solid white;
     z-index: 999;
 }

 .lianxi {
     display: none;
 }

 @media (min-width: 768px) and (max-width: 1080px) {
     .title .titlename p:nth-child(1) {
         text-align: center;
         font-size: 13px;
     }

     .title .titlename p {
         text-align: center;
         font-size: 13px;
     }

     .naCenter li p {
         font-size: 20px !important;
         font-family: FZLTCHK;
         font-weight: normal;
         font-style: italic;
         color: #CA1421;
     }

     .loop {
         width: 120px;
         height: 42px;
         background: #CA1421;
         border-radius: 10px;
         position: absolute;
         left: 0;
         top: 150px !important;
         z-index: 1;
         text-align: center;
         line-height: 42px;
         display: flex;
         justify-content: center;
     }
 }

 @media(max-width:767px) {
     #head {
         display: none;
     }

     #header {
         display: block;
         z-index: 10;
     }

     .companyList {
         display: none;
     }

     #div {
         display: block;
         margin-top: 1rem;
         width: 100%;
         height: 16rem;
     }

     #div div {
         width: 100%;
         height: 10rem;
     }

     #div div img {
         border-radius: 1rem;
         width: 80%;
         height: 10rem;
     }

     #div p {
         margin: 10px auto;
         width: 80%;
         text-align: left;
         text-indent: 10em;
     }

     .divv {
         margin: 1rem auto;
     }

     /* 封装h5小型模块 */
     .footer {
         display: none;
     }

     .zuihou {
         width: 100%;
         display: flex;
     }

     .vertical {
         margin-top: 1rem;
         margin-left: 2rem;
     }

     .vertical ul {
         width: 5rem;
     }

     .vertical ul li {
         width: 100%;
         height: 2rem;
         text-align: center;
         line-height: 2rem;
     }

     .right-two {
         width: 6rem;
         height: 6rem;
     }

     .right-two img {
         width: 100%;
         height: 100%;
     }

     .right {
         position: relative;
         top: -0.55rem;
         margin-left: -2.1rem;
     }
     .aboutAsTitle{
        display: none;
     }
     /* 结束 */
 }