/* GLOBAL STYLES
-------------------------------------------------- */
 
 html,
 body {
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     font-family: "Microsoft YaHei", "宋体", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", "Simsun", "sans-self";
     -webkit-font-smoothing: antialiased;
     background-color: #FFFFFF;
     position: relative;
 }
 
 html,
 body,
 div,
 span,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 em,
 img,
 strong,
 sub,
 sup,
 tt,
 dd,
 dl,
 dt,
 form,
 label,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 ul,
 li,
 p,
 a,
 section {
     margin: 0;
     padding: 0;
 }
 
 input,
 select,
 textarea {
     vertical-align: middle;
 }
 
 img {
     border: 0;
     margin: 0;
     padding: 0;
     display: block;
 }
 
 ul,
 li {
     list-style-type: none;
 }
 
 a {
     blr: expression(this.onFocus=this.blur());
 }
 
 * {
     margin: 0;
     padding: 0;
     border: 0;
 }
 
 div,
 a {
     tap-highlight-color: rgba(0, 0, 0, 0);
     focus-ring-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-focus-ring-color: rgba(0, 0, 0, 0);
     -moz-tap-highlight-color: rgba(0, 0, 0, 0);
     -moz-focus-ring-color: rgba(0, 0, 0, 0);
 }
 
 img {
     width: 100%;
 }
 
 .zhfl {
     float: left;
 }
 
 .zhri {
     float: right;
 }
 
 .zhclearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
 .zhclearfix {
     *zoom: 1;
 }
 
 .show-pc {
     display: block;
 }
 
 .show-phone {
     display: none;
 }
 
 .banner {
     position: relative;
     width: 100%;
     height: 100%;
     background-image: url(../images/banner.jpg);
     background-size: cover;
     background-position: 50% 20%;
     overflow: hidden;
 }
 
 .banner-img {
     position: absolute;
     left: 0;
     top: 10%;
     width: 56%;
 }
 
 .banner img {
     width: 100%;
 }
 
 .banner-c {
     position: relative;
     width: 1200px;
     height: 100%;
     margin: 0 auto 0;
 }
 
 .banner-left {
     width: 46%;
     float: right;
     overflow: hidden;
     margin-top: 9%;
 }
 
 .banner-txt {
     width: 79%;
     margin-left: 12%;
     margin-top: 0%;
     line-height: 1.8em;
     font-size: 18px;
     color: #FFFFFF;
     text-align: justify;
 }
 
 .banner-txt p {
     margin-top: 1.5%;
 }
 
 .banner-txt-img {
     width: 81%;
     margin-top: 10%;
     margin-left: 12%;
 }
 
 .banner-btn {
     width: 31%;
     margin-left: 14%;
     margin-top: 5%;
     cursor: pointer;
 }
 
 .top {
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     height: 80px;
     z-index: 999;
 }
 
 .zl-box2020 {
     display: none;
 }
 
 .zl-box2021 {
     display: none;
 }
 
 .p3xbtn {
     cursor: pointer;
 }
 
 .p4-btn {
     cursor: pointer;
 }
 
 .top-c {
     width: 1200px;
     margin: 0 auto;
     height: 100%;
     overflow: hidden;
 }
 
 .logo {
     width: 20%;
     float: left;
     margin-top: 20px;
 }
 
 .logom {
     width: 20%;
     float: left;
     margin-top: 20px;
 }
 
 .nav {
     width: 25.8%;
     float: right;
     overflow: hidden;
 }
 
 .nav li {
     float: left;
     font-size: 18px;
     box-sizing: border-box;
     color: #fff;
     line-height: 80px;
     padding: 0 5%;
     margin-left: 7.7%;
     cursor: pointer;
 }
 
 .nav li:hover {
     height: 80px;
     border-bottom: 3px solid #e60012;
     color: #e60012;
 }
 
 .nav li.active {
     height: 80px;
     border-bottom: 3px solid #e60012;
     color: #e60012;
 }
 
 .content {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
 }
 
 .main {
     position: relative;
     width: 1200px;
     margin: 0 auto;
     overflow: hidden
 }
 
 .title {
     width: 100%;
     margin: 55px auto 30px;
 }
 
 .content#m0 {
     background-image: url(../images/bg1.jpg);
     background-size: cover;
     background-position: center;
 }
 
 .p0-main {
     width: 100%;
     margin: 0 auto 40px;
     position: relative;
     overflow: hidden;
 }
 
 .p0-c {
     width: 89.5%;
     margin: 0 auto 0;
 }
 
 .p0-t1 {
     width: 100%;
     line-height: 1.7em;
     color: #333;
     font-size: 18px;
     margin-bottom: 2%;
 }
 
 .zhnewbox {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
 }
 
 .zhnewbox p {
     color: #fff;
     font-size: 16px;
     width: 92%;
     margin: 0 auto;
     padding-top: 13%;
     text-align: center;
     line-height: 1.5;
     box-sizing: border-box;
     opacity: 0;
 }
 
 .active .zhnewbox {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     left: 0;
     top: 0;
     opacity: 1;
 }
 
 .active .zhnewbox p {
     opacity: 1;
 }
 
 .p0-title {
     text-align: right;
     font-size: 22px;
     color: #333333;
     font-weight: 600;
     margin-top: 2%;
 }
 
 .p0-name {
     float: right;
     width: 14%;
     margin-top: 2%;
 }
 
 .p0-img1 {
     width: 2.9%;
     position: absolute;
     top: 1%;
     left: 0;
 }
 
 .p0-img2 {
     width: 2.9%;
     position: absolute;
     top: 76.5%;
     right: 0;
 }
 
 .content#m4 {
     background-image: url(../images/down-bg.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 160px;
     padding-bottom: 160px;
 }
 
 .p1-main {
     position: relative;
     width: 100%;
     margin: 0 auto 40px;
     overflow: hidden;
 }
 
 .swiper-container-b {
     width: 100%;
     overflow: hidden;
     position: relative;
 }
 
 .swiper-container-b .swiper-slide {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     opacity: 0;
     transition: 0.5s;
 }
 
 .swiper-container-b .swiper-slide.active {
     position: relative;
     opacity: 1;
 }
 
 .p1-bottom {
     position: relative;
     width: 100%;
     margin: 3% auto 0;
     overflow: hidden;
 }
 
 .swiper-container-s {
     width: 90.8%;
     overflow: hidden;
     margin: 0 auto;
 }
 
 .swiper-container-s img {
     width: 92%;
     margin: 0 4%;
 }
 
 .p1-b {
     width: 90.8%;
     overflow: hidden;
     margin: 0 auto;
 }
 
 .p1-ul {
     width: 200%;
     position: relative;
     left: 0;
     top: 0;
     overflow: hidden;
 }
 
 .p1-ul li {
     width: 9.2%;
     float: left;
     position: relative;
     margin-left: 0.88%;
     cursor: pointer;
 }
 
 .p1-ul li:first-child {
     margin-left: 0;
 }
 
 .p1-ul li.active .p1-border {
     display: block;
 }
 
 .zh-no3s .zh1 {
     width: 350px;
 }
 
 .zh-no3s .zh2 {
     width: 311px;
 }
 
 .p1-border {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     box-sizing: border-box;
     border: 2px solid #e60012;
     display: none;
     z-index: 1;
 }
 
 .p1-prev {
     width: 1.4%;
     left: 1%;
     top: 30%;
     position: absolute;
     cursor: pointer;
 }
 
 .p1-next {
     width: 1.4%;
     right: 1%;
     top: 30%;
     position: absolute;
     cursor: pointer;
 }
 
 .pagination2 {
     width: 100%;
     text-align: center;
     margin-top: 20px;
 }
 
 .pagination2 span {
     width: 10px;
     height: 10px;
     margin: 0 0.7%;
 }
 
 .p2-main {
     position: relative;
     width: 100%;
     margin: 0 auto 40px;
     overflow: hidden;
 }
 
 .p2-center {
     width: 55%;
     margin: 0 auto;
 }
 
 .p2-left {
     width: 52%;
     float: left;
 }
 
 .p2-right {
     width: 44.8%;
     float: right;
     position: relative;
 }
 
 .p2-right p {
     position: absolute;
     width: 71%;
     left: 14.5%;
     top: 18%;
     line-height: 1.7em;
     color: #333;
     font-size: 18px;
 }
 
 .p2-btn {
     width: 30%;
     margin: 0 auto;
 }
 
 .p2-btn div {
     width: 43%;
 }
 
 .content#m3 {
     background: #fff;
     background-size: cover;
     background-position: center;
 }
 
 .p3-main {
     position: relative;
     width: 100%;
     margin: 60px auto 60px;
     overflow: hidden;
 }
 
 .p3-left {
     width: 18.2%;
     float: left;
     margin-left: 21%;
     margin-top: 7%;
 }
 
 .p3-title {
     width: 100%;
     margin-bottom: 2%;
 }
 
 .p3-t1 {
     width: 100%;
     line-height: 1.7em;
     font-size: 18px;
     color: #333;
 }
 
 .p3-btn {
     width: 31%;
     cursor: pointer;
     margin: 8% auto 0;
 }
 
 .p3-right {
     width: 45.8%;
     margin: 0 auto;
 }
 
 .p4-left {
     float: left;
     width: 61.8%;
 }
 
 .zh-mt1 {
     margin-top: 16px;
 }
 
 .zh-mt2 {
     margin-top: 6px;
 }
 
 .p4-ler {
     float: left;
     width: 26.8%;
     margin-top: 66px;
     margin-left: 29px;
 }
 
 .p4kk {
     width: 48%;
     margin: 0 auto;
 }
 
 .bottom {
     width: 100%;
     height: 60px;
     background-color: #4d4d4d;
     text-align: center;
     font-size: 12px;
     line-height: 60px;
     color: #e5e5e5;
 }
 
 .bottom .main1 {
     margin-top: 0;
 }
 
 .bottom img {
     width: 1.3%;
     vertical-align: middle;
     display: inline-block;
     padding-left: 1%;
     padding-right: 0.5%;
 }
 
 .clear {
     clear: both;
 }
 
 .zl-box {
     position: fixed;
     width: 600px;
     padding: 2% 0;
     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
     left: 50%;
     margin-left: -300px;
     top: 50%;
     transform:translateY(-50%);
     z-index: 999;
     background-color: #fff;
     display: none;
 }
 
 .zl-main {
     width: 81.4%;
     margin: 0 auto;
     overflow: hidden;
 }
 
 .zl-title {
     width: 100%;
     text-align: center;
     font-size: 28px;
     color: #e60012;
 }
 
 .zl-tip {
     width: 100%;
     text-align: center;
     font-size: 14px;
     color: #333333;
     margin: 1.5% auto 3%;
 }
 
 .zl-list {
     position: relative;
     width: 100%;
     overflow: hidden;
     margin-top: 2%;
 }
 
 select {
     width: 78.2%;
     float: left;
     box-sizing: border-box;
     margin-left: 1.8%;
     border: 1px solid #d9d9d9;
     appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     font-size: 12px;
     color: #333;
     padding: 1% 0 1.2%;
     padding-left: 2%;
     border-radius: 5px;
     outline: none;
 }
 
 .zl-p {
     width: 17.3%;
     font-size: 12px;
     color: #333333;
     float: left;
     margin-top: 1%;
     text-align: right;
 }
 
 .xing {
     width: 1.2%;
     float: right;
     margin-top: 2%;
 }
 
 select::-ms-expand {
     display: none;
 }
 
 input {
     width: 78.2%;
     float: left;
     box-sizing: border-box;
     margin-left: 1.8%;
     border: 1px solid #d9d9d9;
     font-size: 12px;
     color: #333;
     padding: 1.3% 0 1.4%;
     padding-left: 2%;
     border-radius: 5px;
     outline: none;
 }
 
 .jiao {
     position: absolute;
     width: 1.5%;
     right: 6.4%;
     top: 44%;
 }
 
 .zl-c {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 
 .zl-c.c1 {
     margin-top: 2%;
 }
 
 .ys {
     width: 100%;
     text-align: center;
     font-size: 14px;
     margin: 3% auto 0;
 }
 
 .ys a {
     color: #e60012;
     text-decoration: none;
 }
 
 .zl-btn {
     width: 20.5%;
     margin: 3% auto 0;
     cursor: pointer;
 }
 
 .zl-close {
     position: absolute;
     width: 3.1%;
     right: 3.1%;
     top: 3.1%;
     cursor: pointer;
 }
 
 .sw-border {
     position: absolute;
     width: 92%;
     height: 100%;
     box-sizing: border-box;
     border: 2px solid #e60012;
     display: none;
     left: 4%;
     top: 0;
 }
 /*新增*/
 
 .pl14 {
     padding-left: 1.4%;
     box-sizing: border-box;
 }
 
 .zh-box {
     width: 902px;
     position: absolute;
     left: 50%;
     margin-left: -452px;
     top: 416px;
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding-top: 18px;
     padding-bottom: 18px;
 }
 
 .zh-box2 {
     width: 902px;
     position: absolute;
     left: 50%;
     margin-left: -452px;
     top: 416px;
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding-top: 18px;
     padding-bottom: 48px;
 }
 
 .yig {
     width: 100% !important;
 }
 
 .zh-tit {
     text-align: center;
     font-size: 25px;
     font-weight: bold;
 }
 
 .zhclearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
 .zhclearfix {
     *zoom: 1;
 }
 
 .zhfl {
     float: left;
 }
 
 .zhfr {
     float: right;
 }
 
 .zh-no {
     width: 836px;
     margin: 0 auto;
 }
 
 .zh-no2 {
     width: 769px;
     margin: 0 auto;
 }
 
 .zh-no3 {
     width: 709px;
     margin: 0 auto;
 }
 
 .zh-no4 {
     width: 753px;
     margin: 0 auto;
 }
 
 .zh-no5 {
     width: 753px;
     margin: 0 auto;
 }
 
 .zh-no6 {
     width: 819px;
     margin: 0 auto;
 }
 
 .zh-no7 {
     width: 797px;
     margin: 0 auto;
 }
 
 .zh-no8 {
     width: 751px;
     margin: 0 auto;
 }
 
 .zh-no9 {
     width: 754px;
     margin: 0 auto;
 }
 
 .zh-no10 {
     width: 804px;
     margin: 0 auto;
 }
 
 .zh-no img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no2 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no3 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no4 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no5 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no6 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no7 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no8 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no9 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no10 img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-mt1 {
     margin-top: 16px;
 }
 
 .zh-mt2 {
     margin-top: 6px;
 }
 
 .zh-no p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no2 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no3 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no3s p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no4 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no5 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no6 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no7 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no8 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no9 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-no10 p {
     float: left;
     font-size: 18px;
 }
 
 .zh-mt1 {
     margin-top: 16px;
 }
 
 .zh-mt2 {
     margin-top: 6px;
 }
 
 .zh1 {
     width: 437px;
 }
 
 .zh-no2 .zh1 {
     width: 404px;
 }
 
 .zh-no3 .zh1 {
     width: 246px;
 }
 
 .zh-no4 .zh1 {
     width: 271px;
 }
 
 .zh-no5 .zh1 {
     width: 250px;
 }
 
 .zh-no6 .zh1 {
     width: 250px;
 }
 
 .zh-no7 .zh1 {
     width: 250px;
 }
 
 .zh-no8 .zh1 {
     width: 432px;
 }
 
 .zh-no9 .zh1 {
     width: 428px;
 }
 
 .zh-no10 .zh1 {
     width: 411px;
 }
 
 .zh2 {
     width: 350px;
     margin-left: 44px;
 }
 
 .zh-no2 .zh2 {
     width: 317px;
     margin-left: 44px;
 }
 
 .zh-no3 .zh2 {
     width: 213px;
     margin-left: 44px;
 }
 
 .zh-no3s img {
     width: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 5px;
 }
 
 .zh-no3s {
     width: 709px;
     margin: 0 auto;
 }
 
 .zh-no4 .zh2 {
     width: 258px;
     margin-left: 44px;
 }
 
 .zh-no5 .zh2 {
     width: 249px;
     margin-left: 44px;
 }
 
 .zh-no6 .zh2 {
     width: 279px;
     margin-left: 44px;
 }
 
 .zh-no7 .zh2 {
     width: 275px;
     margin-left: 44px;
 }
 
 .zh-no8 .zh2 {
     width: 275px;
     margin-left: 44px;
 }
 
 .zh-no9 .zh2 {
     width: 282px;
     margin-left: 44px;
 }
 
 .zh-no10 .zh2 {
     width: 340px;
     margin-left: 44px;
 }
 
 .swiper-container-s .swiper-nav .sw-border {
     display: block;
 }
 
 .zhw2 {
     width: 640px;
 }
 
 @media(max-width:1600px) {
     .banner-img {
         width: 50%;
     }
 }
 
 @media(max-width:1400px) {
     .banner-img {
         width: 40%;
         left: 5%;
     }
     .banner-img img {
         margin-top: 10%;
     }
     .banner-left {
         margin-top: 8%;
     }
     .banner-left {
         width: 44%;
         margin-right: 7%;
     }
     .banner-txt {
         font-size: 18px;
     }
     .zl-box {
         width: 440px;
         margin-left: -220px;
         padding: 1% 0;
     }
     .zl-main {
         width: 90.4%;
     }
     input,
     select,
     .zl-p,
     .zl-tip {
         font-size: 12px;
     }
     .zl-p.p1 {
         letter-spacing: -0.5px;
         margin-top: 0;
     }
     .ys {
         font-size: 12px;
         letter-spacing: -0.5px;
     }
     .zl-title {
         font-size: 22px;
     }
     .xing {
         margin-top: 2.5%;
     }
     .jiao.j1 {
         top: 35%;
     }
     .zl-btn {
         width: 22.5%;
     }
     .zl-close {
         width: 4.1%;
     }
     .zhw2 {
         width: 640px;
     }
 }
 
 @media(max-width:1200px) {
     .top-c {
         width: 960px;
     }
     .logo {
         margin-top: 2%;
     }
     .main {
         width: 960px;
     }
     .zl-box {
         width: 540px;
         margin-left: -270px;
     }
     .p2-right p {
         font-size: 16px;
         top: 11%;
     }
     .p0-t1 {
         font-size: 12px;
     }
     .p0-title {
         font-size: 14px;
     }
     .nav {
         width: 34.8%;
     }
     .banner-left {
         width: 44%;
         margin-right: 3%;
     }
     .banner-c {
         width: 960px;
     }
     .banner-txt {
         font-size: 18px;
     }
     .banner-img {
         width: 60%;
         left: 0;
     }
     /*新增*/
     .zh-box {
         width: 800px;
         position: absolute;
         left: 50%;
         margin-left: -400px;
         top: 328px;
         background: rgba(0, 0, 0, 0.5);
         color: #fff;
         padding-top: 18px;
         padding-bottom: 18px;
     }
     .zh-box2 {
         width: 800px;
         position: absolute;
         left: 50%;
         margin-left: -400px;
         top: 328px;
         background: rgba(0, 0, 0, 0.5);
         color: #fff;
         padding-top: 18px;
         padding-bottom: 48px;
     }
     .zh-tit {
         text-align: center;
         font-size: 22px;
         font-weight: bold;
     }
     .zh-no {
         width: 713px;
         margin: 0 auto;
     }
     .zh-no2 {
         width: 633px;
         margin: 0 auto;
     }
     .zh-no3 {
         width: 709px;
         margin: 0 auto;
     }
     .zh-no3s {
         width: 709px;
         margin: 0 auto;
     }
     .zh-no4 {
         width: 753px;
         margin: 0 auto;
     }
     .zh-no5 {
         width: 753px;
         margin: 0 auto;
     }
     .zh-no6 {
         width: 760px;
         margin: 0 auto;
     }
     .zh-no7 {
         width: 781px;
         margin: 0 auto;
     }
     .zh-no8 {
         width: 751px;
         margin: 0 auto;
     }
     .zh-no9 {
         width: 754px;
         margin: 0 auto;
     }
     .zh-no10 {
         width: 734px;
         margin: 0 auto;
     }
     .zh-no img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no3s img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no2 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no3 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no4 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no5 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no6 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no7 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no8 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no9 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no10 img {
         width: 7px;
         float: left;
         margin-top: 8px;
         margin-right: 5px;
     }
     .zh-no p {
         float: left;
         font-size: 16px;
     }
     .zh-no2 p {
         float: left;
         font-size: 16px;
     }
     .zh-no3 p {
         float: left;
         font-size: 16px;
     }
     .zh-no4 p {
         float: left;
         font-size: 16px;
     }
     .zh-no5 p {
         float: left;
         font-size: 16px;
     }
     .zh-no6 p {
         float: left;
         font-size: 16px;
     }
     .zh-no7 p {
         float: left;
         font-size: 16px;
     }
     .zh-no8 p {
         float: left;
         font-size: 16px;
     }
     .zh-no9 p {
         float: left;
         font-size: 16px;
     }
     .zh-no10 p {
         float: left;
         font-size: 16px;
     }
     .zh-mt1 {
         margin-top: 16px;
     }
     .zh-mt2 {
         margin-top: 6px;
     }
     .zh1 {
         width: 317px;
     }
     .zh-no2 .zh1 {
         width: 404px;
     }
     .zh-no3 .zh1 {
         width: 246px;
     }
     .zh-no3s .zh1 {
         width: 350px;
     }
     .zh-no3s .zh2 {
         width: 311px;
     }
     .zh-no4 .zh1 {
         width: 271px;
     }
     .zh-no5 .zh1 {
         width: 250px;
     }
     .zh-no6 .zh1 {
         width: 223px;
     }
     .zh-no7 .zh1 {
         width: 250px;
     }
     .zh-no8 .zh1 {
         width: 432px;
     }
     .zh-no9 .zh1 {
         width: 428px;
     }
     .zh-no10 .zh1 {
         width: 370px;
     }
     .zh2 {
         width: 350px;
         margin-left: 44px;
     }
     .zh-no2 .zh2 {
         width: 317px;
         margin-left: 44px;
     }
     .zh-no3 .zh2 {
         width: 213px;
         margin-left: 44px;
     }
     .zh-no4 .zh2 {
         width: 258px;
         margin-left: 44px;
     }
     .zh-no5 .zh2 {
         width: 249px;
         margin-left: 44px;
     }
     .zh-no6 .zh2 {
         width: 269px;
         margin-left: 44px;
     }
     .zh-no7 .zh2 {
         width: 275px;
         margin-left: 44px;
     }
     .zh-no8 .zh2 {
         width: 275px;
         margin-left: 44px;
     }
     .zh-no9 .zh2 {
         width: 282px;
         margin-left: 44px;
     }
     .zh-no10 .zh2 {
         width: 319px;
         margin-left: 44px;
     }
     .zh-mt1 {
         margin-top: 16px;
     }
     .zh-mt2 {
         margin-top: 6px;
     }
     .zhw2 {
         width: 571px;
     }
 }
 
 @media(max-width:768px) {
     .top {
         height: auto;
         overflow: visible;
         background-color: #fff;
         box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
     }
     .top-c {
         width: 100%;
         height: 100%;
         background-color: #fff;
         overflow: visible;
     }
     .logo {
         width: 40.6%;
         padding: 3% 0;
         margin: 0 0 0 5.3%;
     }
     .clear {
         clear: both;
     }
     .menu-w {
         width: 5%;
         position: absolute;
         top: 30%;
         right: 5%;
     }
     .menu-w img {
         width: 100%;
     }
     .nav {
         position: absolute;
         top: 100%;
         right: 0;
         background-color: rgba(0, 0, 0, 0.8);
         width: 66%;
         z-index: 10;
         display: none;
     }
     .nav li.active {
         color: #fff;
         height: auto;
         border-bottom: 1px solid #666;
     }
     .nav li:hover {
         color: #fff;
         border-bottom: 1px solid #666;
     }
     .nav li {
         float: none;
         width: 100%;
         text-align: center;
         font-size: 4vw;
         line-height: 3.5em;
         border-bottom: 1px solid #666;
         margin-left: 0;
         color: #fff;
     }
     .nav li:last-child {
         border-bottom: none;
     }
     .banner-txt-img {
         margin-left: 0;
     }
     .banner {
         width: 100%;
         background-image: none;
         margin-top: 13%;
         height: auto !important;
     }
     .banner-c {
         width: 100%;
     }
     .banner-img {
         position: relative;
         width: 81.4%;
         left: 0;
         top: 0;
         margin-left: 11%;
     }
     .banner-left {
         width: 83%;
         position: absolute;
         /* float: none; */
         left: 11%;
         /* margin-left: 11%; */
         /* margin-top: 80% !important; */
         top: 36%;
     }
     .banner-txt {
         width: 100%;
         margin-left: 0;
         font-size: 3.3vw;
         letter-spacing: -0.5px;
     }
     .banner-txt-img {
         width: 97%;
         margin-top: 10%;
         margin-left: 0%;
     }
     .banner-btn {
         width: 35.8%;
         margin-left: 0;
         margin: 2% auto;
     }
     .main {
         width: 100%;
     }
     .title {
         width: 100%;
         margin: 0% auto 10%;
     }
     .p0-main {
         width: 94%;
         margin: 0% auto 6%;
     }
     .p0-c {
         width: 88.5%;
         font-size: 3.2vw;
     }
     .p0-t1 {
         font-size: 3.2vw;
         letter-spacing: -0.3px;
     }
     .p4kk {
         width: 66%;
         margin: 0 auto;
     }
     .p4-left {
         float: none;
         width: 100%;
     }
     .p4-ler {
         float: none;
         width: 43%;
         margin-top: 12%;
         margin: 12% auto 0;
     }
     .p0-img1 {
         width: 4.1%;
         left: 0;
         top: 0.5%;
     }
     .p0-img2 {
         width: 4.1%;
         right: 0;
         top: 87%;
     }
     .p0-title {
         font-size: 3.5vw;
     }
     .swiper-container-w {
         width: 100%;
         overflow: hidden;
         margin: 0 auto;
     }
     .p1-box-w {
         width: 93.2%;
         margin: 0 auto 3%;
     }
     .p1-img-w {
         width: 100%;
         overflow: hidden;
     }
     .p1-bottom-w {
         width: 100%;
         box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
         padding: 4% 0 0;
         background: #fff;
         box-sizing: border-box;
     }
     .p1-bottom-w.t1 {
         padding-bottom: 6%;
     }
     .p1-title {
         margin-left: 4.7%;
         width: 95.3%;
         font-weight: 600;
         font-size: 4.3vw;
         color: #000;
     }
     .p1-ul-w {
         width: 95.3%;
         margin-left: 4.7%;
         overflow: hidden;
     }
     .p1-ul-w li {
         width: 100%;
         margin-top: 2%;
         overflow: hidden;
     }
     .p1-ul-w img {
         width: 1.9%;
         float: left;
         margin-right: 1.9%;
         margin-top: 1.3%;
     }
     .p1-ul-w p {
         width: 96.2%;
         float: left;
         font-size: 3.2vw;
         color: #333333;
     }
     .p2-main {
         width: 93.2%;
         margin: 0 auto 6%;
     }
     .p2-left {
         width: 100%;
         float: none;
         margin: 0 auto;
     }
     .p2-center {
         width: 100%;
         margin: 0 auto;
     }
     .p2-btn {
         width: 60%;
         margin: 0 auto;
     }
     .p2-right {
         width: 100%;
         float: none;
         margin: 5% auto 0;
     }
     .p2-right p {
         font-size: 3.2vw;
         width: 90.4%;
         left: 5%;
         top: 14%;
     }
     .p3-main {
         margin: 8% auto;
     }
     .p3-right {
         width: 84.4%;
         margin: 0 auto;
         float: none;
     }
     .p3-left {
         width: 84.3%;
         margin: 8% auto 0;
         float: none;
     }
     .p3-t1 {
         font-size: 3.2vw;
         color: #000;
         letter-spacing: -0.3px;
         text-align: justify;
     }
     .p3-title {
         width: 40%;
         margin: 0 auto 4%;
         margin-bottom: 4%;
     }
     .p3-btn {
         width: 36%;
         margin: 6% auto 0;
     }
     .pagination3 {
         width: 100%;
         margin: 0 auto 6%;
         text-align: center;
     }
     .pagination3 span {
         margin: 0 1.5%;
     }
     .p0-name {
         width: 24%;
         margin-top: 4%;
     }
     .show-phone {
         display: block;
     }
     .show-pc {
         display: none;
     }
     .bottom {
         height: auto;
         line-height: 1.7em;
         padding: 2% 0;
     }
     .bottom span {
         display: block;
     }
     .bottom img {
         width: 5%;
     }
     .zl-box {
         width: 93.3%;
         margin-left: 0;
         left: 3.5%;
         padding: 5% 0;
     }
     .zl-title {
         font-size: 4.8vw;
     }
     .zl-tip {
         font-size: 3vw;
         margin-top: 3%;
     }
     .zl-main {
         width: 92%;
         margin-left: 4%;
     }
     .zl-p {
         width: 24%;
         font-size: 3vw;
     }
     .zl-p.p1 {
         margin-top: 1%;
     }
     .zl-list,
     .zl-c.c1 {
         margin-top: 4%;
     }
     select,
     input {
         width: 69%;
         margin-left: 2.5%;
         border-radius: 3px;
         font-size: 3vw;
         padding: 1.5% 0 1.7% 2%;
         background: none;
         -webkit-appearance: none;
     }
     .xing {
         width: 1.7%;
     }
     .jiao {
         width: 2.2%;
         right: 8.2%;
     }
     .jiao.j1 {
         top: 44%;
     }
     .ys {
         font-size: 2.4vw;
     }
     .zl-close {
         width: 5%;
         right: 4%;
     }
     .zl-btn {
         width: 30.4%;
         margin: 3% auto 0;
     }
     .zhgez li {
         width: 50%;
     }
     .zhgez p {
         width: 92.2%;
     }
     .zhgez img {
         width: 3.9%;
         margin-top: 2.3%;
     }
     .title {
         width: 100%;
         margin: 7% auto 5%;
     }
     .title3 {
         margin: 0% auto 5%;
     }
     .banner-w {
         width: 100%;
     }
 }
 
 .zh-mt1 {
     margin-top: 16px;
 }
 
 .zh-mt2 {
     margin-top: 6px;
 }