﻿ * {
     margin: 0;
     padding: 0;
 }
 
 .sss {
     display: none;
 }
 
 .top {
     width: 100%;
     height: 80px;
     top: 17px;
     z-index: 100;
     position: absolute;
 }
 
 .header {
     position: relative;
     margin: 0 auto;
     height: 100%;
 }
 
 @media screen and (min-width: 1400px) {
     .header {
         width: 1200px;
     }
     body {
         width: 100%;
         background: url("../image/pc_banner1.jpg");
         background-repeat: no-repeat;
         background-size: contain;
     }
     .toTop {
         position: fixed;
         right: 18px;
         bottom: 145px;
         z-index: 1000;
         width: 45px;
         height: 45px;
         background: #F5F5F5;
         cursor: pointer;
     }
     .syy {
         position: fixed;
         bottom: 100px;
         right: 18px;
         z-index: 1000;
         width: 45px;
         height: 45px;
         background: #F5F5F5;
         text-align: center;
         cursor: pointer;
     }
     .toTop img {
         width: 100%;
         height: 100%;
     }
     .syy img {
         width: 78%;
     }
     .ContentTitle {
         font-weight: bold;
         color: #3183A9;
     }
     .containe {
         width: 1200px;
         margin: auto;
         margin-top: 15.5%;
         background: white;
         box-shadow: -4px -3px 30px -6px rgba(219, 219, 219, 0.86);
         /* margin-bottom: 290px; */
     }
     .top-heade {
         width: 100%;
         height: 85px;
         line-height: 85px;
         padding-left: 40px;
         box-sizing: border-box;
         border-bottom: solid 1px gainsboro;
     }
     .top-heade>span {
         margin-right: 10px;
         color: grey;
         font-size: 15px;
     }
     .top-heade>span:last-child {
         color: rgba(95, 172, 164, 1);
     }
     .toptitle {
         width: 1200px;
         padding-left: 40px;
         padding-top: 30px;
         line-height: 35px;
         border-bottom: solid 1px gainsboro;
         box-sizing: border-box;
     }
     .toptitle>div:first-child {
         font-size: 25px;
         color: rgba(24, 124, 147, 1);
         margin-bottom: 10px;
     }
     .toptitle>div:last-child {
         font-size: 14px;
         color: grey;
     }
     .toptitle>div:last-child>span {
         width: 200px;
         display: inline-table;
     }
     .toptitle>div:last-child>span:last-child {
         float: right;
     }
     .toptitle>div:last-child>span:last-child span {
         display: inline-table;
         width: 16px;
         height: 18px;
         margin-right: 10px;
     }
     .toptitle>div:last-child>span:last-child span img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }
     .toptitle>div:last-child>span:last-child span:first-child {
         margin-left: 10px;
     }
     .content-inf {
         width: 900px;
         margin: 30px auto;
         font-size: 16px;
         line-height: 26px;
         color: grey;
         padding-bottom: 100px;
         margin-bottom: 90px;
         background-color: #FFF;
     }
     .content-inf .imgdiv {
         width: 100%;
         margin-bottom: 20px;
         margin-top: 20px;
     }
     .content-inf>div>span {
         display: block;
         margin-top: 20px;
         margin-bottom: 20px;
     }
     .content-inf .imgdiv {
         text-align: center;
         line-height: 30px;
     }
     .content-inf .imgdiv img {
         width: 100%;
     }
     .content-inf .tit {
         color: black;
         font-weight: 500;
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .content-inf ul {
         list-style: disc!important;
     }
     .content-inf li {
         margin-left: 20px;
         line-height: 30px;
         list-style: initial!important;
     }
     .content-inf ol {
         list-style: decimal!important;
     }
     .content-inf ol li {
         list-style: decimal!important;
     }
     .line2,
     .back,
     .back2,
     .line3 {
         width: 100px;
         height: 100px;
         /*background: red;*/
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         margin-left: 1%;
         margin-top: 17%;
         z-index: -1;
     }
     .line3 {
         margin-left: -933px;
         margin-top: 2521px;
     }
     .back {
         margin-left: -48%;
         margin-top: 851px;
     }
     .back2 {
         margin-left: -799px;
         margin-top: 2278px;
     }
 }
 
 @media screen and (min-width: 992px) and (max-width: 1400px) {
     .header {
         width: 950px;
     }
     .toTop {
         position: fixed;
         bottom: 140px;
         right: 18px;
         z-index: 1000;
         width: 40px;
         height: 40px;
         background: #F5F5F5;
     }
     .syy {
         position: fixed;
         bottom: 100px;
         right: 18px;
         z-index: 1000;
         width: 40px;
         height: 40px;
         background: #F5F5F5;
         text-align: center;
     }
     .syy img {
         width: 80%;
         margin-top: 4px;
         cursor: pointer;
     }
     .toTop img {
         height: 100%;
         cursor: pointer;
     }
     body {
         width: 100%;
         background: url("../image/pc_banner1.jpg");
         background-repeat: no-repeat;
         background-size: contain;
     }
     .containe {
         width: 900px;
         margin: auto;
         margin-top: 15.5%;
         background: white;
         box-shadow: -4px -3px 30px -6px rgba(219, 219, 219, 0.86);
         margin-bottom: 290px;
     }
     .top-heade {
         width: 900px;
         height: 85px;
         line-height: 85px;
         padding-left: 40px;
         box-sizing: border-box;
         border-bottom: solid 1px gainsboro;
         /* margin-top: 248px; */
         background: white;
         margin: auto;
         margin-top: 174px;
     }
     .top-heade>span {
         margin-right: 10px;
         color: grey;
         font-size: 15px;
     }
     .top-heade>span:last-child {
         color: rgba(95, 172, 164, 1);
     }
     .toptitle {
         width: 900px;
         padding-left: 40px;
         padding-top: 30px;
         line-height: 35px;
         border-bottom: solid 1px gainsboro;
         box-sizing: border-box;
         margin: auto;
         background: white;
     }
     .toptitle>div:first-child {
         font-size: 25px;
         color: rgba(24, 124, 147, 1);
         line-height: 35px;
         margin-bottom: 10px;
     }
     .toptitle>div:last-child {
         font-size: 14px;
         color: grey;
     }
     .toptitle>div:last-child>span {
         width: 200px;
         display: inline-table;
     }
     .toptitle>div:last-child>span:last-child {
         float: right;
     }
     .toptitle>div:last-child>span:last-child span {
         display: inline-table;
         width: 16px;
         height: 18px;
         margin-right: 10px;
     }
     .toptitle>div:last-child>span:last-child span img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }
     .toptitle>div:last-child>span:last-child span:first-child {
         margin-left: 10px;
     }
     .contents {
         width: 900px;
         margin: auto;
         box-shadow: 0 0 10px gainsboro;
         background-color: #FFF;
     }
     .ContentTitle {
         font-weight: bold;
         color: #3183A9;
     }
     .content-inf {
         width: 800px;
         margin: 30px auto;
         font-size: 16px;
         line-height: 26px;
         color: grey;
         padding-bottom: 100px;
         margin-bottom: 90px;
         background-color: #FFF;
     }
     .content-inf li {
        list-style-type:initial !important;
     }
     .content-inf .imgdiv {
         width: 100%;
         margin-bottom: 20px;
         margin-top: 20px;
     }
     .content-inf>div>span {
         display: block;
         margin-top: 20px;
         margin-bottom: 20px;
     }
     .content-inf .imgdiv {
         text-align: center;
         line-height: 30px;
     }
     .content-inf .imgdiv img {
         width: 100%;
     }
     .content-inf .tit {
         color: black;
         font-weight: 500;
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .content-inf li {

         margin-left: 20px;
         line-height: 30px;
     }
     .content-inf ol {
        list-style: decimal!important;
    }
    .content-inf ol li {
        list-style: decimal!important;
    }
     .line2,
     .back,
     .back2,
     .line3 {
         width: 100px;
         height: 100px;
         /*background: red;*/
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         margin-left: 1%;
         margin-top: 17%;
         z-index: -1;
     }
     .line3 {
         margin-left: -789px;
         margin-top: 2250px;
     }
     .back {
         margin-left: -62%;
         margin-top: 682px;
     }
     .back2 {
         margin-left: -763px;
         margin-top: 2036px;
     }
     .line2 {
         margin-top: 8%;
     }
     .line2 img {
         transform: scale(0.7);
     }
     .back img {
         transform: scale(0.7);
     }
     .back2 img {
         transform: scale(0.7);
     }
     .line3 img {
         transform: scale(0.7);
     }
 }
 
 @media screen and (max-width: 992px) {
     .bdshare-button-style0-16 {
         display: none;
     }
     .toTop {
         position: fixed;
         bottom: 40px;
         right: 0;
         z-index: 1000;
         width: 40px;
         height: 40px;
         background: rgba(245, 245, 245, 1);
     }
     .syy {
         position: fixed;
         bottom: 0;
         right: 0;
         z-index: 1000;
         width: 40px;
         height: 40px;
         background: rgba(245, 245, 245, 1);
         text-align: center;
     }
     .syy img {
         width: 80%;
         margin-top: 4px;
     }
     .toTop img {
         height: 100%;
     }
     .top {
         height: 3rem;
         top: 0;
     }
     .containe2 {
         width: 18.75rem;
         margin: auto;
         background: -webkit-linear-gradient(bottom, rgb(240, 241, 245), white);
         /* Safari 5.1 - 6.0 */
         background: -o-linear-gradient(top, rgb(240, 241, 245), white);
         /* Opera 11.1 - 12.0 */
         background: -moz-linear-gradient(top, rgb(240, 241, 245), white);
         /* Firefox 3.6 - 15 */
         background: linear-gradient(to top, rgb(240, 241, 245), white);
         /* ÃƒÂ¦Ã‚Â Ã¢â‚¬Â¡ÃƒÂ¥Ã¢â‚¬Â¡Ã¢â‚¬Â ÃƒÂ§Ã…Â¡Ã¢â‚¬Å¾ÃƒÂ¨Ã‚Â¯Ã‚Â­ÃƒÂ¦Ã‚Â³Ã¢â‚¬Â¢ */
     }
     body {
         width: 100%;
     }
     .contents {
         width: 15.5rem;
         margin: auto;
         position: relative;
         top: -14rem;
         background: white;
         box-shadow: -4px -3px 30px -6px rgba(219, 219, 219, 0.86);
         margin-bottom: -14rem;
     }
     .ContentTitle {
         font-weight: bold;
         color: #3183A9;
     }
     .heades {
         width: 100%;
         height: 27.5rem;
         background: url("../image/sm_banner.jpg");
         background-repeat: no-repeat;
         background-size: contain;
     }
     .top-heade {
         width: 14rem;
         margin: auto;
         height: 2.125rem;
         line-height: 2.125rem;
         box-sizing: border-box;
         border-bottom: solid 1px gainsboro;
     }
     .top-heade>span {
         margin-right: 0.25rem;
         color: grey;
         font-size: 13px;
     }
     .top-heade>span:last-child {
         color: rgba(95, 172, 164, 1);
     }
     .toptitle {
         width: 14rem;
         padding-top: 0.75rem;
         line-height: 1rem;
         border-bottom: solid 1px gainsboro;
         margin: auto;
     }
     .toptitle>div:first-child {
         font-size: 16px;
         color: rgba(24, 124, 147, 1);
         line-height: 150%;
     }
     .toptitle>div:last-child {
         margin-top: 0.3rem;
         font-size: 13px;
         color: grey;
     }
     .toptitle>div:last-child>span {
         display: inline-table;
     }
     .toptitle>div:last-child>span:last-child {
         float: right;
     }
     .toptitle>div:last-child>span:last-child span {
         display: inline-table;
         width: 0.4rem;
         height: 0.45rem;
         margin-right: 0.1rem;
         line-height: 0;
         box-sizing: border-box;
     }
     .toptitle>div:last-child>span:last-child span img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }
     .toptitle>div:last-child>span:last-child span:first-child {
         margin-left: 0.25rem;
     }
     .content-inf {
         width: 14rem;
         margin: 0.75rem auto;
         font-size: 14px;
         color: grey;
         padding-bottom: 1.3rem;
         margin-bottom: 2.25rem;
         background-color: #FFF;
     }
     .content-inf .imgdiv {
         width: 100%;
         margin-bottom: 20px;
         margin-top: 20px;
     }
     .content-inf>div>span {
         display: block;
         margin-top: 0.5rem;
         margin-bottom: 0.5rem;
         line-height: 20px;
     }
     .content-inf .imgdiv {
         text-align: center;
         line-height: 0.8rem;
     }
     .content-inf .imgdiv img {
         width: 100%;
     }
     .content-inf .tit {
         color: black;
         font-weight: 500;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
     }
     .content-inf li { 
         margin-left: 20px;
         line-height: 1.2rem;
        list-style-type:initial !important;
     }
     .content-inf ol {
        list-style: decimal!important;
    }
    .content-inf ol li {
        list-style: decimal!important;
    }
     .imgdiv>span {
         display: block;
         width: 13rem;
         margin: 0.1rem auto;
         font-size: 0.3rem;
     }
 }