/*knshare*/
 
 .knshare .container {
     padding-top: 80px;
     padding-bottom: 100px
 }
 
 .knshare .container .content {
     width: 1240px;
     margin: 0 auto;
 }
 
 .knshare .container .content .head {
     display: flex;
     flex-flow: wrap;
     justify-content: space-between;
 }
 
 .knshare .container .content .head dl {
     width: 24%;
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     transition: all 0.3s;
 }
 
 .knshare .container .content .head dl:hover dd img {
     transform: scale(1.1);
     transition: all 0.3s;
 }
 
 .knshare .container .content .head dd img {
     width: 100%;
     height: 307px;
     transition: all 0.3s;
 }
 
 .knshare .container .content .head dt {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 135px;
     background-size: 380px 135px;
     background-repeat: no-repeat;
     background-size: cover
 }
 
 .product2 .kz {
     background-color: #f5f6f7
 }
 
 .knshare .container .content .head dt p {
     padding: 15px 28px 25px 20px;
     font-size: 16px;
     font-weight: 500;
     color: rgba(255, 255, 255, 1);
 }
 
 .knshare .container .content .head dt p:first-child {
     margin-top: 20px;
     text-align: right;
     color: rgba(255, 255, 255, 1);
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     padding: 0 20px 0 0;
 }
 
 @media (max-width: 1310px) {
     .knshare .container .content {
         width: 90%;
     }
     .knshare .container .content .head dl {
         width: 31%;
         margin-right: 1.1%
     }
     .knshare .container .content .head dt p {
         padding: 13px 28px 25px 20px;
     }
 }
 
 @media (max-width: 1024px) {
     .knshare .container .content .head dt a {
         font-size: 16px
     }
     .knshare .container .content .head dl {
         width: 48%;
     }
 }
 
 @media (max-width: 768px) {
     .knshare .container .content .head dt a {
         font-size: 14px
     }
     .knshare .container .content .head dt p {
         padding: 15px 28px 25px 20px;
         display: -webkit-box;
         width: 90%;
         height: 25px;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
     }
     .product2 .wrap1:last-child {
         margin-bottom: 0
     }
     .py3 {
         top: -70px;
     }
     .knshare .container .content .head {
         padding-bottom: 20px
     }
     .knshare .container .content .head dl {
         width: 100%;
         margin: 0 auto;
         margin-bottom: 20px
     }
     .knshare .container {
         padding-top: 40px;
         padding-bottom: 50px
     }
 }
 
 .product2 .mainbox .pdf {
     width: 300px
 }
 
 .product2 .mainbox .pdf .pdf_t {
     margin: 15px 0 10px
 }
 
 .product2 .mainbox .pdf .pdf_t img {
     width: 28px;
     margin-right: 12px
 }
 
 .product2 .mainbox .pdf .pdf_t a {
     font-size: 14px;
     font-weight: 500;
     color: rgba(78, 41, 140, 1);
     line-height: 32px;
 }
 
 .product2 .mainbox .pdf .pdf_b img {
     width: 20px;
     margin-top: 6px
 }
 
 .product2 .mainbox .pdf .pdf_b {
     background-color: #0CB5FB;
     padding: 7px 18px 7px 15px;
     width: 200px
 }
 
 .product2 .mainbox .pdf .pdf_b a {
     font-size: 14px;
     font-weight: bold;
     color: rgba(255, 255, 255, 1);
     line-height: 32px;
 }
 
 .dev .content img {
     background-color: #E5E5E5
 }
 
 .py3 {
     position: relative;
     top: -180px;
     display: block;
     height: 0;
     overflow: hidden;
 }
 
 .dev5 img {
     background-color: #E5E5E5
 }
 
 .product2 #log .wrap1 .left p {
     width: 615px
 }
 
 .contactus .container .content .pic .aside1 {
     background-color: #7353ad
 }
 /*mediacenter*/
 
 .newscenter .container .content .head dt img {
     height: 220px
 }
 
 .mediacenter {
     background-color: #fff
 }
 
 .mediacenter .banner1 {
     position: relative;
     width: 100%;
     height: 380px;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center;
     background-color: #0B1266
 }
 
 .mediacenter .banner1 .aside {
     width: 1200px;
     margin: 0 auto;
     color: rgba(255, 255, 255, 1)
 }
 
 .mediacenter .banner1 .aside .section {
     width: 328px;
     padding: 30px;
     height: 380px;
     background: linear-gradient(to right, rgba(29, 125, 251, 1), rgba(29, 175, 251, 1));
     float: right;
 }
 
 .mediacenter .banner1 .aside .section img {
     width: 19px;
     height: 12px;
     margin-top: 64px
 }
 
 .mediacenter .banner1 .aside .section p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
     line-height: 30px;
     margin-top: 5px
 }
 
 .mediacenter .banner1 .aside .section h2 {
     font-size: 26px;
     font-weight: 500;
     margin-top: 10px;
     position: relative;
 }
 
 .mediacenter .banner1 .aside .section h2::after {
     position: absolute;
     content: "...";
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
 }
 
 .mediacenter .banner1 .aside .section h2 a {
     font-size: 26px;
     font-weight: 500;
     line-height: 36px;
     margin-top: 10px;
     color: #fff;
     max-height: 220px;
     overflow: hidden;
     display: block;
 }
 
 .mediacenter .banner1 .aside .section p a {
     font-size: 16px;
     color: #fff
 }
 
 .mediacenter .container .zd .section .mediacenter .container dl {
     border: 1px solid #EEEEEE
 }
 
 .mediacenter .container .zd {
     display: none
 }
 
 .mediacenter .container .zd {
     width: 90%;
     color: rgba(255, 255, 255, 1);
     background: linear-gradient(to right, rgba(29, 125, 251, 1), rgba(29, 175, 251, 1));
     position: absolute;
     top: 295px;
 }
 
 .mediacenter .container .zd .section {
     margin: 30px;
 }
 
 .mediacenter .container .zd .section img {
     width: 19px;
     height: 12px;
     margin-top: 44px;
     margin-bottom: 10px
 }
 
 .mediacenter .container .zd .section p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
     line-height: 30px;
     margin-top: 5px
 }
 
 .mediacenter .container .zd .section h2 {
     font-size: 26px;
     font-weight: 500;
     line-height: 46px;
     margin-top: 10px
 }
 
 .mediacenter .container .zd .section span {
     font-size: 16px;
     line-height: 52px;
 }
 
 .mediacenter .container .zd .section a {
     color: #fff;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .mediacenter .right {
     display: block;
     float: right;
     font-size: 14px
 }
 
 .mediacenter .container {
     width: 1200px;
     margin: 0 auto;
     margin-top: 99px
 }
 
 .mediacenter .container .more {
     font-size: 18px;
     font-weight: 500;
     color: rgba(250, 100, 41, 1);
     line-height: 24px;
 }
 
 .mediacenter .container .more img {
     width: 38px;
     height: 22px;
     margin-top: 2px;
     margin-left: 12px;
 }
 
 .mediacenter .container h1 {
     font-size: 26px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     margin-bottom: 40px;
     float: left;
 }
 
 .mediacenter .container .head p {
     text-align: right;
     font-size: 18px;
     font-weight: bold;
     color: #4D298C;
     line-height: 24px;
 }
 
 .mediacenter .container .foot p {
     text-align: right;
     font-size: 18px;
     font-weight: bold;
     color: #4D298C;
     line-height: 24px;
 }
 
 .mediacenter .container .content {
     display: flex;
     flex-flow: wrap;
     margin-bottom: 80px;
     margin-top: 0
 }
 
 .mediacenter .container .head .content dl {
     width: 380px;
     background: rgba(255, 255, 255, 1);
     margin-right: 27px;
     margin-bottom: 30px;
     border: 1px solid rgba(238, 238, 238, 1);
 }
 
 .mediacenter .container .head .content dl:nth-child(3n) {
     margin-right: 0px
 }
 
 .mediacenter .container .foot .content dl:nth-child(3n) {
     margin-right: 0px
 }
 
 .mediacenter .container .content dl img {
     width: 100%;
     height: 220px;
 }
 
 .mediacenter .container .content dd {
     margin-top: 21px;
 }
 
 .mediacenter .container .foot .content dd span {
     display: none
 }
 
 .mediacenter .container .content dd span {
     font-size: 14px;
     font-weight: 500;
     color: rgba(153, 153, 153, 1);
     line-height: 24px;
 }
 
 .mediacenter .container .content dd span.timeyello {
     width: 140px;
     height: 24px;
     text-align: center;
     background-image: url(../images/mediacenter/weikaishi@2x.png);
     background-size: 140px 24px;
     color: #fff;
     margin-right: -35px;
     display: block;
     float: right;
 }
 
 .mediacenter .container .content dl:hover {
     box-shadow: 0px 2px 30px 0px rgba(18, 14, 0, 0.08);
 }
 
 .container .content {
     margin-top: 0
 }
 
 .mediacenter .container .content dd {
     margin: 25px 30px 0;
     position: relative;
 }
 
 .mediacenter .container .content h3 {
     font-size: 14px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 28px;
     margin: 20px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .mediacenter .container .foot .content dl {
     width: 378px;
     background: rgba(255, 255, 255, 1);
     margin-bottom: 30px;
     margin-right: 27px;
     border: 1px solid rgba(238, 238, 238, 1);
 }
 
 .mediacenter .container .foot .content dt {
     position: relative;
     cursor: pointer;
 }
 
 .mediacenter .container .foot .content .tc {
     position: absolute;
     width: 56px;
     left: 0;
     right: 0;
     margin: auto;
     margin-top: 80px
 }
 
 .mediacenter .container .foot .content .tc img {
     width: 56px;
     height: 56px
 }
 
 @media (max-width: 1230px) {
     .mediacenter .banner1 .aside {
         width: 90%;
     }
     .mediacenter .container {
         width: 90%;
     }
     .mediacenter .container .head .content dl {
         width: 31%
     }
     .mediacenter .container .foot .content dl {
         width: 31%
     }
 }
 
 @media (max-width: 1024px) {
     .mediacenter .container .head .content dl:nth-child(3n) {
         margin-right: 27px
     }
     .mediacenter .container .foot .content dl:nth-child(3n) {
         margin-right: 27px
     }
     .mediacenter .container .head .content dl:nth-child(2n) {
         margin-right: 0px
     }
     .mediacenter .container .foot .content dl:nth-child(2n) {
         margin-right: 0px
     }
     .mediacenter .container .head .content dl {
         width: 48%;
         height: auto;
     }
     .mediacenter .container .foot .content dl {
         width: 48%;
         height: auto;
     }
 }
 
 @media (max-width: 877px) {
     .mediacenter .container .head .content dl {
         width: 47%;
         height: auto;
     }
     .mediacenter .container .foot .content dl {
         width: 47%;
         height: auto;
     }
 }
 
 @media (max-width: 768px) {
     #popbox {
         padding-top: 10px
     }
     #popbox video {
         margin-bottom: 0
     }
     .mediacenter .container .zd {
         display: block;
     }
     .mediacenter .banner1 .aside {
         display: none;
     }
 }
 
 @media (max-width: 610px) {
     .mediacenter .container .content dl img {
         width: 100%
     }
     .mediacenter .container .foot .content dl:nth-child(3n) {
         margin-right: 0px
     }
     .mediacenter .container .head .content dl {
         width: 100%;
         margin-right: 0
     }
     .mediacenter .container .head .content dl:nth-child(3n) {
         margin-right: 0
     }
     .mediacenter .container .foot .content dl {
         width: 100%;
         margin-right: 0
     }
     .mediacenter .container .head .content dd {
         margin: 15px
     }
     .mediacenter .container .foot .content dd {
         margin: 15px
     }
     .mediacenter .container .zd .section h2 {
         font-size: 20px;
         line-height: 25px
     }
     .mediacenter .container .zd .section img {
         margin-top: 20px
     }
     .mediacenter .container .content h3 {
         font-size: 16px
     }
     .mediacenter .container h1 {
         font-size: 24px;
         margin-bottom: 20px
     }
 }
 
 @media (max-width: 500px) {
     .mediacenter .container .content dd span.timeyello {
         margin-right: -25px
     }
     #popbox {
         width: 100%;
         height: 400px;
     }
     #popbox .aside img {
         margin-left: 10px
     }
     .mediacenter .container .content {
         margin-bottom: 20px
     }
 }
 /*newscenter*/
 
 .newscenter {
     background-color: #fff
 }
 
 .main {
     background-color: #fff
 }
 
 .newscenter .container {
     width: 1200px;
     margin: 0 auto;
     padding-top: 60px;
     padding-bottom: 100px;
     position: relative;
 }
 
 .newscenter .container .slide li {
     margin-bottom: 49px;
 }
 
 .newscenter .container .slide .circle {
     top: 9px;
     left: -15px;
     width: 8px;
     height: 8px;
     background: #FB8354;
     border-radius: 50%;
     position: absolute;
 }
 
 .newscenter .container .slide .relative a {
     padding-left: 11px
 }
 
 .newscenter .container .slide .relative {
     position: relative;
 }
 
 .newscenter .container .slide .relative .ss {
     position: absolute;
     border-left: 1px solid #FB8354;
     top: 16px;
     left: -11px;
     opacity: 0.3;
     height: 68px
 }
 
 .newscenter .container .slide li:last-child .ss {
     display: none
 }
 
 .newscenter .container .content { 
       float: right; 
     margin-top: 0
 }
 
 .newscenter .container .slide li:hover .relative a {
     font-size: 18px;
     font-weight: 500;
     color: #101010;
 }
 
 .newscenter .container .slide li:hover .circle {
     top: 6px;
     left: -18px;
     width: 8px;
     height: 8px;
     border: 3px solid #FB8354;
     background: #fff;
     border-radius: 50%;
     position: absolute;
 }
 
 .newscenter .container .slide .ss2 {
     font-size: 18px;
     font-weight: 500;
     color: #101010;
 }
 
 .newscenter .container .slide .ss2 .circle {
     top: 6px;
     left: -18px;
     width: 8px;
     height: 8px;
     border: 3px solid #FB8354;
     background: #fff;
     border-radius: 50%;
     position: absolute;
 }
 
 .newscenter .container .slide {
     position: absolute;
     top: 77px;
     font-size: 18px;
     font-weight: 400;
     color: #333333;
     line-height: 24px;
 }
 
 .newscenter .right {
     display: block;
     float: right;
 }
 
 .newscenter .container .content .head {
     width: 1100px;
     margin: 0 auto;
     display: flex;
     flex-flow: wrap;
     padding-bottom: 60px
 }
 
 .newscenter .container .content .head dl {
     width: 350px;
     background: rgba(255, 255, 255, 1);
     border: 1px solid rgba(238, 238, 238, 1);
     margin-top: 20px;
     margin-right: 20px
 }
 
 .newscenter .container .content .head dl:nth-child(3n) {
     margin-right: 0px
 }
 
 .newscenter .container .content .head dd {
     margin-top: 21px
 }
 
 .newscenter .container .content .head dd span {
     font-size: 14px;
     font-weight: 500;
     color: rgba(153, 153, 153, 1);
     line-height: 24px;
 }
 
 .newscenter .container .content dd span.timeyello {
     width: 140px;
     height: 24px;
     text-align: center;
     background-image: url(../images/mediacenter/weikaishi@2x.png);
     background-size: 140px 24px;
     color: #fff;
     margin-right: -35px;
     display: block;
     float: right;
 }
 
 .newscenter .container .content dl:hover {
     box-shadow: 0px 2px 30px 0px rgba(18, 14, 0, 0.08);
 }
 
 .product2 .mid {
     width: 800px;
     margin: 0 auto;
 }
 
 .product2 .mid img {
     margin: 10px 0 30px;
 }
 
 .product2 .mid .box2:first-child {
     margin-top: 70px
 }
 
 .product2 .mid h2 {
     font-size: 20px;
     text-align: center;
     margin-bottom: 25px;
     font-weight: bold;
     color: rgba(78, 41, 140, 1);
     line-height: 24px;
 }
 
 .product2 .mid p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
 }
 
 .product2 .mid h3 {
     font-size: 16px;
     margin-top: 40px;
     margin-bottom: 20px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .newscenter .container .content .head dd {
     margin: 25px 30px 0;
     position: relative;
 }
 
 .newscenter .container .content .head h3 {
     font-size: 16px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 28px;
     margin: 20px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 @media (max-width: 1280px) {
     .newscenter .container .slide {
         display: none
     }
 }
 
 @media (max-width: 1230px) {
     .newscenter .container {
         width: 90%;
     }
     .newscenter .container .content .head {
         width: 100%;
     }
     .newscenter .container .content .head dl {
         width: 31%;
         height: auto;
     }
 }
 
 @media (max-width: 1024px) {
     .newscenter .container .content .head dl:nth-child(3n) {
         margin-right: 20px
     }
     .newscenter .container .content .head dl:nth-child(2n) {
         margin-right: 0px
     }
     .newscenter .container .content .head dl {
         width: 48%;
         height: auto;
     }
 }
 
 @media (max-width: 877px) {
     .newscenter .container .content .head dl {
         width: 47%;
         height: auto;
     }
 }
 
 @media (max-width: 768px) {
     .newscenter .container .content .head {
         padding-bottom: 0
     }
     .newscenter .banner .aside p {
         font-size: 10px
     }
     .newscenter .banner .aside span {
         margin-left: 7px
     }
     .newscenter .banner .aside h1 {
         font-size: 24px;
     }
     .newscenter .container .slide {
         font-size: 14px
     }
     .newscenter .container .content .head h3 {
         font-size: 16px
     }
     .newscenter .container {
         padding-top: 30px;
         padding-bottom: 50px
     }
     .newscenter .container .slide .relative a {
         padding-left: 0px
     }
 }
 
 @media (max-width: 550px) {
     .newscenter .container .content .head dl:nth-child(3n) {
         margin-right: 0px
     }
     .newscenter .container .content .head dl {
         width: 100%;
         height: auto;
     }
     .newscenter .container .content .head dl {
         margin-right: 0
     }
 }
 
 @media (max-width: 414px) {
     .newscenter .container .slide li:hover .relative a {
         font-size: 14px;
         font-weight: 500;
         color: #101010;
     }
     .newscenter .container .slide {
         font-size: 10px
     }
     .newscenter .container .content .head dd {
         margin: 20px
     }
 }
 /*newsdetail*/
 
 .newsdetail {
     background-color: #fff;
 }
 
 .newsdetail .container {
     position: relative;
     padding-top: 60px;
     padding-bottom: 101px;
     width: 1200px;
     margin: 0 auto;
 }
 
 .newsdetail .container .aside {
     position: absolute;
     top: 18.5%;
     left: 0
 }
 
 .newsdetail .container .aside li {
     margin-bottom: 20px;
     color: #666666
 }
 
 .newsdetail .container .aside img {
     width: 36px;
     height: 36px
 }
 
 .newsdetail .container .content {
     width: 72.5%;
     margin: 0 auto
 }
 
 .newsdetail .container .content span {
     /* width: 70px;
     font-size: 14px;
     font-weight: inherit;
     color: rgba(153, 153, 153, 1); */
     line-height: 28px;
     /* margin-right: 20px */
 }
 
 .newsdetail .container .content h1 {
     font-size: 36px;
     font-weight: bold;
     color: rgba(9, 27, 48, 1);
     line-height: 40px;
     margin-bottom: 21px
 }
 
 .newsdetail .container .content .tit {
     border-bottom: 1px solid #EAEAEA;
     margin: 30px 0 40px 0;
 }
 
 .newsdetail .container .content p {
     font-size: 16px;
     font-weight: 400;
     /* color: rgba(85, 85, 85, 1); */
     line-height: 30px;
 }
 
 .newsdetail .container .content img {
     margin: 20px 0 5px
 }
 
 .newsdetail .container .content li {
     list-style: inherit;
     display: list-item;
 }
 
 .newsdetail .container .content div ul,
 .newsdetail .container .content div li {
     list-style: none;
 }
 
 .newsdetail .container .content div ul {
     display: none
 }
 
 .newsdetail .container .content li {
     margin-left: 15px;
 }
 
 .newsdetail .container .content div li {
     margin-left: 0px;
 }
 
 .newsdetail .container .content div ul li {
     float: left;
     margin-right: 20px
 }
 
 .newsdetail .container .content div ul img {
     width: 36px;
     height: 36px;
     margin: 0
 }
 
 .newsdetail .container dl {
     border: 1px solid rgba(238, 238, 238, 1);
 }
 
 @media (max-width: 1560px) {
     .newsdetail .container .content h1 {
         font-size: 30px
     }
 }
 
 @media (max-width: 1230px) {
     .newsdetail .container {
         width: 90%
     }
 }
 
 @media (max-width: 876px) {
     .newsdetail .container {
         width: 100%;
         padding-bottom: 40px;
         padding-top: 25px
     }
     .newsdetail.new1 .container {
         width: 90%;
     }
     .newsdetail .container .content {
         width: 90%
     }
     .newsdetail .container .aside {
         top: 13.5%;
     }
     .newsdetail .container .content h1 {
         font-size: 24px;
         margin-top: 15px
     }
     .newsdetail .container .content .tit {
         border-bottom: 1px solid #EAEAEA;
         margin: 15px 0;
     }
     .newsdetail .container .content img {
         margin: 15px 0 3px
     }
 }
 
 @media(max-width: 768px) {
     .newsdetail .container .aside {
         display: none
     }
     .newsdetail .container .content div ul {
         display: flex;
         justify-content: center;
         align-items: center;
     }
     .newsdetail .container .aside {
         position: absolute;
         top: 18.5%;
         left: 1%
     }
     .newsdetail .container .aside li {
         margin-bottom: 20px
     }
     .newsdetail .container .aside img {
         width: 36px;
         height: 36px
     }
 }
 
 @media(max-width: 520px) {
     .newsdetail .container .content div ul li {
         margin-right: 10px
     }
     .newsdetail .container .content h1 {
         font-size: 24px;
         margin-top: 15px
     }
 }
 
 .zkk {
     position: relative;
     height: 338px
 }
 
 .zk {
     display: none;
     position: absolute;
     right: 0;
     width: 50px;
     background-color: inherit;
     text-align: right;
     color: #4C298E;
     bottom: 23px;
     cursor: pointer;
 }
 
 .product2 .zk {
     background-color: inherit;
     bottom: 32px;
 }
 
 .pick {
     display: none;
     position: absolute;
     bottom: 0;
     right: 0px;
     cursor: pointer;
     color: #4C298E;
 }
 /*search*/
 
 .search {
     position: relative;
     min-height: 700px
 }
 
 .search .banner {
     z-index: 1;
 }
 
 .search .sskf {
     position: absolute;
     z-index: 100;
     width: 100%
 }
 
 .search .sskf .ssk {
     width: 800px;
     margin: 0 auto;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
     margin-top: -22px
 }
 
 .search .sskf .ssk input {
     width: 90%;
     border: none;
     height: 45px;
     margin: 0 40px 0 22px
 }
 
 .search .sskf .ssk form {
     position: relative;
 }
 
 .search .sskf .ssk button {
     background-color: inherit;
     cursor: pointer;
     border: 0;
     right: 15px;
     position: absolute;
     top: 13px;
 }
 
 .search .sskf .ssk img {
     width: 18px;
 }
 
 .search .wrap {
     padding-bottom: 12px;
     width: 100%;
     border-bottom: 1px solid rgba(238, 238, 238, 1);
 }
 
 .search .wrap .label {
     width: 1200px;
     margin: 0 auto;
     font-size: 14px;
     font-weight: 400;
     line-height: 21px;
     margin-top: 50px;
     display: flex
 }
 
 .search .wrap .label a {
     margin-right: 57px;
 }
 
 .search .wrap .label {
     color: #333
 }
 
 .search .wrap .label a:hover {
     color: #4D298C;
     border-bottom: 2px solid #4D298C;
     padding-bottom: 12px
 }
 
 .search .wrap .label a.color {
     color: #4D298C;
     border-bottom: 2px solid #4D298C;
     padding-bottom: 12px
 }
 /*.color{color: #FA6429;border-bottom:2px solid #FA6429;padding-bottom: 12px}*/
 
 .search .container .content {
     width: 1200px;
     margin: 0 auto;
     margin-top: 39px;
     padding-bottom: 100px
 }
 
 .search .container .content .text {
     margin-bottom: 43px
 }
 
 .search .container .content .text h1 {
     margin-bottom: 24px;
     font-size: 18px
 }
 
 .search .container .content .text span {
     color: #4D298C;
     font-size: 18px;
     font-weight: 500;
     line-height: 21px;
 }
 
 .search .container .content .text p {
     font-size: 14px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 28px;
 }
 
 .search .container .content1 {
     width: 800px;
     height: 155px;
     margin: 0 auto;
     margin-top: 85px;
     text-align: center;
 }
 
 .search .container .content1 .box {
     width: 155px;
     height: 155px;
     margin: 0 auto;
     margin-bottom: 10px
 }
 
 .search .container .content1 .box img {
     width: 100%
 }
 
 .search .container .content .text.controltext {
     margin-bottom: 39px
 }
 
 .search .container .content .text h1.controltitle {
     border-bottom: 1px solid rgba(238, 238, 238, 1);
     padding-bottom: 39px;
     margin-bottom: 0px;
 }
 
 @media (max-width: 1230px) {
     .search .container .content {
         width: 90%
     }
     .search .sskf .ssk {
         width: 80%
     }
     .search .container .content1 {
         width: 80%
     }
     .search .wrap {
         width: 90%;
         margin: 0 auto
     }
 }
 
 @media (max-width: 768px) {
     .search .sskf .ssk input {
         width: 80%;
         margin: 0 14px;
     }
     .search .sskf .ssk button {
         right: 4px;
         top: 12px
     }
     .search .wrap .label a {
         margin-right: 0px;
         white-space: nowrap;
     }
 }
 
 @media (max-width: 414px) {
     .search .wrap .label {
         font-size: 10px
     }
 }
 /*videocenter*/
 
 .videocenter {
     background-color: #fff
 }
 
 .videocenter .container {
     width: 1200px;
     margin: 0 auto;
     padding-top: 50px;
     padding-bottom: 100px;
     position: relative;
     margin-top: 0
 }
 
 .videocenter .container .silder {
     position: absolute;
     top: 77px;
     font-size: 18px;
     font-weight: 500;
     color: #101010;
     line-height: 24px;
 }
 
 .videocenter .container .silder li {
     margin-bottom: 43px;
     position: relative;
 }
 
 .videocenter .container .silder ul {
     border-left: 1px solid #FB8354;
     padding-left: 12px
 }
 
 .videocenter .right {
     display: block;
     float: right;
 }
 
 .videocenter .container .content .head {
     display: flex;
     flex-flow: wrap;
 }
 
 .videocenter .container .content .head dl:nth-child(3n) {
     margin-right: 0
 }
 
 .videocenter .container .content .head dl {
     width: 380px;
     background: rgba(255, 255, 255, 1);
     border: 1px solid rgba(238, 238, 238, 1);
     margin-top: 27px;
     margin-right: 27px
 }
 
 .videocenter .container .content .head dd {
     margin-top: 21px
 }
 
 .videocenter .container .content dt .tc img {
     width: 56px;
     height: 56px
 }
 
 .videocenter .container .content .head dd span {
     font-size: 14px;
     font-weight: 500;
     color: rgba(153, 153, 153, 1);
     line-height: 24px;
 }
 
 .videocenter .container .content dd span.right {
     color: rgba(153, 153, 153, 1);
     float: right;
 }
 
 .videocenter .container dl {
     border: 1px solid rgba(238, 238, 238, 1);
 }
 
 .videocenter .container .content .head dd {
     margin: 25px 30px 0;
     position: relative;
 }
 
 .videocenter .container .content .head h3 {
     font-size: 16px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     margin: 20px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .videocenter .container .content dt {
     position: relative;
     cursor: pointer;
 }
 
 .videocenter .container .content .tc {
     position: absolute;
     width: 56px;
     top: 35%;
     left: 40%
 }
 
 body {
     overflow: auto
 }
 
 @media (max-width: 1230px) {
     .videocenter .container {
         width: 90%;
     }
     .videocenter .container .content .head dl {
         width: 31%;
         height: auto;
     }
 }
 
 @media (max-width: 1024px) {
     .videocenter .container .content .head dl {
         width: 48%;
     }
     .videocenter .container .content .head dl:nth-child(3n) {
         margin-right: 27px
     }
     .videocenter .container .content .head dl:nth-child(2n) {
         margin-right: 0px
     }
 }
 
 @media (max-width: 877px) {
     .videocenter .container .content .head dl {
         width: 47%;
     }
 }
 
 @media (max-width: 768px) {
     #popbox video {
         margin-top: 0
     }
     #popbox video {
         margin-bottom: 0
     }
     #popbox {
         width: 90%;
         height: 200px;
     }
 }
 
 @media (max-width: 500px) {
     #popbox .aside img {
         margin-left: 10px
     }
 }
 
 @media (max-width: 610px) {
     .videocenter .container .content .head dl {
         width: 100%;
         height: auto;
         margin-right: 0
     }
     .videocenter .container .content .head dl:nth-child(3n) {
         margin-right: 0px
     }
     .videocenter .banner .aside p {
         font-size: 10px
     }
     .videocenter .banner .aside span {
         margin-left: 7px
     }
     .videocenter .banner .aside h1 {
         font-size: 24px;
     }
     .videocenter .container {
         padding-top: 30px;
         padding-bottom: 50px
     }
 }
 
 @media (max-width: 414px) {
     .videocenter .container .content .head h3 {
         font-size: 16px
     }
     .videocenter .container .content .head dd {
         margin: 20px
     }
 }
 
 .videocenter .container .content .head {
     margin-bottom: 30px
 }
 /*aboutus*/
 
 .aboutus2 .row:nth-child(1) .mainbox {
     margin-bottom: 80px;
     padding-bottom: 0px;
     border-bottom: 1px solid #EEEEEE
 }
 
 .aboutus2 .row:nth-child(2).mainbox {
     margin-bottom: 50px;
     padding-bottom: 80px;
     border-bottom: 1px solid #EEEEEE
 }
 
 .aboutus .container .content .head {
     width: 1231px;
     margin: 0 auto;
     margin-top: 80px;
     position: relative;
 }
 
 .aboutus .container .content .middle {
     width: 983px;
     background-color: #FFFFFFFF;
     margin: auto;
     box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
 }
 
 .aboutus .container .content .middle {
     border-top: 3px solid #4D288E;
     /*margin-top: -133px;*/
      margin-top: 20px;
 }
 
 .aboutus .container .content .middle h1 {
     text-align: center;
     margin-top: 58px;
     font-size: 24px;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 27px;
 }
 
 .aboutus .container .content .middle .aside {
     width: 815px;
     margin: 0 auto;
     padding: 49px 0
 }
 
 .aboutus .container .content .middle .aside p {
     font-size: 16px;
     font-weight: 400;
     color: #534A44;
     line-height: 32px;
     padding-bottom: 18px
 }
 
 .aboutus .container .content .head .shadow {
     width: 100%;
     height: 330px;
     position: absolute;
     background: linear-gradient(to top, rgba(254, 254, 255, 0.96) 20%, rgba(251, 253, 254, 0.09) 79%);
     top: 300px;
 }
 
 .aboutus .container .content .bottom {
     margin-top: -285px
 }
 
 .aboutus2 .container {
     margin-top: 50px;
     margin-bottom: 100x
 }
 
 .aboutus2 .row {
     display: flex;
     justify-content: space-between;
     position: relative;
 }
 
 .aboutus2 .row:last-child {
     margin-bottom: 100px
 }
 
 .aboutus2 .row .mainbox {
     display: flex;
 }
 
 .aboutus2 .row .mainbox .top img {
     position: absolute;
     width: 620px;
     right: 0;
     top: 0;
 }
 
 .aboutus2 .row .mainbox .bot img {
     position: absolute;
     width: 620px;
     left: 0;
     bottom: 0;
 }
 
 .aboutus2 .row:nth-child(1) .txt {
     margin-right: 290px;
     margin-top: 128px;
 }
 
 .aboutus2 .row:nth-child(1) h3 {
     margin-bottom: 60px
 }
 
 .aboutus2 .row:nth-child(3) .txt {
     width: 330px;
     margin-right: 160px;
     margin-left: 150px;
 }
 
 .aboutus2 .row .mainbox .pic img {
     width: 520px
 }
 
 .aboutus2 .row .a_wi {
     width: 290px
 }
 
 .aboutus2 .row .a_wi2 {
     width: 820px
 }
 
 .blue {
     background-color: #1AAFE3;
     width: 287px;
     height: 38px
 }
 
 .aboutus2 h2 {
     font-size: 36px;
     margin-bottom: 35px;
     font-weight: bold;
     margin-right: 72px;
     color: rgba(20, 20, 20, 1);
     line-height: 50px;
 }
 
 .aboutus2 h3 {
     font-size: 24px;
     margin-bottom: 40px;
     font-weight: bold;
     color: rgba(78, 41, 140, 1);
     line-height: 40px;
 }
 
 .aboutus2 .ss {
     position: relative;
 }
 
 .aboutus2 .ss:after {
     position: absolute;
     content: "";
     width: 52px;
     height: 2px;
     background: #4E298C;
     bottom: -15px;
     left: 0;
 }
 
 .aboutus2 p {
     font-size: 17px;
     font-weight: 500;
     color: rgba(20, 20, 20, 1);
     line-height: 32px;
 }
 /*product*/
 
 .product .container {
     padding-bottom: 80px;
     background-color: #F5F6F7
 }
 
 .product .container .content {
     width: 1200px;
     margin: 0 auto;
     padding-top: 80px;
     position: relative;
 }
 
 .product .container .content .left {
     background-color: #4D298C;
     padding: 15px;
     width: 250px;
     position: absolute;
 }
 
 .product .container .content .left p {
     font-size: 12px;
     font-weight: 500;
     line-height: 20px;
     margin-bottom: 25px;
 }
 
 .product .container .content .left p a {
     color: #fff
 }
 
 .color1 {
     color: #fff;
     border-bottom: 2px solid #fff;
     padding-bottom: 4px
 }
 
 .product .container .content .right p {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 15px;
 }
 
 .product a:target {
     padding-top: 100px
 }
 
 .product2 .container .content .down {
     margin-top: 60px
 }
 
 .product .container .content .right {
     width: 872px;
     margin-left: 82px;
     float: right;
 }
 
 .product .container .content .right h1 {
     font-size: 18px;
     position: relative;
     font-weight: bold;
     line-height: 24px;
     margin-bottom: 39px;
     color: #4D298C
 }
 
 .product .container .content .right h1:before {
     content: "";
     position: absolute;
     height: 18px;
     position: absolute;
     border-left: 4px solid #4D298C;
     top: 4px;
     left: -15px;
 }
 
 .product .container .content .right .label {
     margin-bottom: 20px
 }
 
 .product .container .content .right li {
     margin-bottom: 10px;
     float: left;
     width: 390px;
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     color: #555;
 }
 
 .product .container .content .right a {
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     color: #555
 }
 
 .product .container .content .right p a {
     font-size: 16px;
     font-weight: bold;
 }
 
 .product .container .content .right a:hover {
     color: #4D298C
 }
 
 .product .container .content .right span {
     margin-left: 6px;
     font-size: 12px;
     position: relative;
     display: inline;
 }
 
 .product2 .wrap1:last-child {
     margin-bottom: 0
 }
 
 .product .container .content .right a:hover span::after {
     border-color: #4D298C
 }
 
 .product .container .content .right span::after {
     position: absolute;
     content: "";
     border-top: 2px solid #555;
     border-right: 2px solid #555;
     width: 7px;
     height: 7px;
     top: 0;
     bottom: 0;
     margin: auto;
     right: -10px;
     transform: rotate(45deg);
 }
 
 .product .container .content .right .wrap {
     margin-bottom: 20px;
     border: 1px solid rgba(238, 238, 238, 1);
     background-color: #fff;
     box-shadow: 0px 4px 8px 0px rgba(18, 14, 0, 0.04);
     padding: 39px 37px 0
 }
 
 .product .container .content .right .wrap .wrap1 {
     width: 100%;
     margin: 0 auto
 }
 
 .product2 .container .content {
     width: 1200px;
     margin: 0 auto
 }
 
 .product2 .mainbox {
     display: flex;
     justify-content: space-between;
     padding: 60px 0;
     flex-flow: wrap;
 }
 
 .product2 .mainbox .left ul li {
     position: relative;
     margin-left: 10px
 }
 
 .product2 .mainbox .left ul li:after {
     position: absolute;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     left: -10px;
     top: 15px;
     content: "";
     background-color: #333
 }
 
 .zkbox ul li {
     position: relative;
     margin-left: 10px
 }
 
 .zkbox ul li:after {
     position: absolute;
     content: "";
     left: -10px;
     width: 5px;
     background: #333;
     border-radius: 50%;
     height: 5px;
     top: 11px
 }
 
 .product2 .mainbox .left ul p {
     margin-top: 0 !important;
 }
 
 .product2 .mainbox .left p {
     width: 630px;
     font-size: 18px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 32px;
 }
 
 .product2 .mainbox .right p:first-child {
     margin-top: 28px;
 }
 
 .a_wi {
     position: relative;
     width: 290px
 }
 
 .aboutus2 .row .a_wi img {
     width: 100% !important;
 }
 
 .row5 .right .bottom ul {
     overflow: hidden;
 }
 
 .aboutus2 .about_wish {
     position: absolute;
     font-size: 36px;
     font-weight: bold;
     color: rgba(20, 20, 20, 1);
     line-height: 50px;
     top: 35px;
     right: 51px;
 }
 
 .product2 .mainbox .right p {
     width: 630px;
     font-size: 18px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 32px;
 }
 
 .product2 .wrap1 h3.active {
     width: 630px
 }
 
 .product2 .mainbox.mainbox2 {
     padding-bottom: 20px
 }
 
 .product2 .mainbox img {
     width: 500px
 }
 
 .product2 dl {
     width: 180px;
     background-color: #fff;
     padding: 39px 50px;
     margin-top: -20px;
     box-shadow: 0px 8px 0px 0px rgba(223, 219, 230, 1);
 }
 
 .product2 dl dt {
     width: 180px;
     margin: 0 auto
 }
 
 .product2 .con_logo {
     background-image: url(../images/logo/BG@2x.png);
     background-position: top;
     background-repeat: no-repeat;
     background-color: #F5F6F7;
     -webkit-background-size: contain;
     background-size: contain;
 }
 
 .product2 .con_logo .mainbox2 {
     padding-top: 155px;
     margin-bottom: 0
 }
 
 .product2 .mainbox2 {
     flex-flow: wrap;
 }
 
 .product2 .wrap1 p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
 }
 
 .product2 .container .content.cont {
     margin-top: 60px
 }
 
 .product2 .mainbox .wrap1 .right li p {
     margin-top: 0
 }
 
 .product2 .mainbox .wrap1 .left p {
     font-size: 16px
 }
 
 .product2 .mainbox .wrap1 .right p {
     width: 635px;
     font-size: 16px
 }
 
 .product2 .wrap1 {
     display: flex;
     justify-content: space-between;
     width: 100%;
     margin-bottom: 50px;
 }
 
 .product2 .container .content .down h1 {
     font-size: 26px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     margin-bottom: 60px;
     float: left;
 }
 
 .product2 .container .content .down p {
     text-align: right;
     font-size: 18px;
     font-weight: bold;
     color: #4D298C;
     line-height: 24px;
 }
 
 .product2 .container .content .down p img {
     width: 38px;
     height: 22px;
     margin-top: 2px;
     margin-left: 12px
 }
 
 .product2 .container .content .down .wrap {
     display: flex;
     flex-flow: wrap;
 }
 
 .product2 .container .content .down {
     width: 1200px
 }
 
 .product2 .container .content .down .wrap .box {
     text-align: center;
     display: block;
     width: 285px;
     margin-bottom: 20px;
     margin-right: 20px
 }
 
 .product2 .container .content .down .wrap .box:nth-child(4n) {
     margin-right: 0
 }
 
 .product2 .top {
     background-color: #F5F6F7
 }
 
 .product2 .container .content .down .wrap .box1 {
     width: 285px;
     overflow: hidden;
     background-color: #E5E5E5;
 }
 
 .product2 .container .content .down .wrap .box1:hover img {
     transform: scale(1.1);
 }
 
 .product2 .container .content .down .wrap .box1 img {
     transition: all 0.8s
 }
 
 .product2 .container .content .down .wrap .box .box1 img {
     width: 100%
 }
 
 .product2 .container .content .down .wrap .box h2 {
     font-size: 16px;
     text-align: center;
     font-weight: bold;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     padding: 25px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .product2 .wrap1 h3.active {
     font-size: 20px;
     ;
     margin-bottom: 20px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .product2 .wrap1 ul {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
 }
 
 pre {
     display: block;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
     padding: 0;
     margin: 0;
     line-height: inherit;
     color: inherit;
     word-break: break-all;
     background-color: transparent;
     border: none;
     border-radius: 0;
 }
 
 .ship6 .container .content dl dt p.slo {
     font-size: 16px
 }
 
 .product2 .left pre {
     font-size: 16px;
     width: 545px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
 }
 
 .product2 .right pre {
     font-size: 16px;
     width: 635px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
 }
 
 .product2 .wrap1 ul li {
     position: relative;
     margin-left: 20px;
 }
 
 .product2 .wrap1 ul li:after {
     position: absolute;
     border-radius: 50%;
     width: 5px;
     height: 5px;
     content: "";
     background-color: #555;
     left: -20px;
     top: 15px
 }
 
 #popbox1 {
     display: none;
     z-index: 11;
     width: 713px;
     background: #fff;
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     margin: auto;
     padding-bottom: 20px;
     max-height: 500px
 }
 
 #popbox1 .head {
     width: 650px;
     margin: 0 auto;
     margin-top: 30px;
     border-bottom: 1px solid #eee;
     margin-bottom: 20px
 }
 
 #popbox1 .head h1 {
     font-size: 20px;
     font-weight: 500;
     color: #333;
     float: left;
 }
 
 #popbox1 .head p {
     text-align: right;
     font-size: 30px;
     color: #555;
     margin-bottom: 30px
 }
 
 #popbox1 .middle {
     width: 650px;
     margin: 0 auto;
     border-bottom: 1px solid #eee;
     margin-bottom: 30px
 }
 
 #popbox1 .box {
     width: 250px;
     margin: 0 auto;
     ;
     margin-bottom: 20px
 }
 
 #popbox1 .middle img {
     width: 100%
 }
 
 #popbox1 .bottom p {
     font-size: 14px;
     font-weight: 400;
     color: #555
 }
 
 #popbox1 .bottom {
     padding: 0 30px
 }
 
 .gdta {
     overflow-y: auto;
     height: 400px
 }
 
 .z {
     position: absolute;
     width: 36px;
     height: 36px;
     z-index: 11;
     cursor: pointer;
     top: 250px;
     left: -135px
 }
 
 .y {
     position: absolute;
     width: 36px;
     height: 36px;
     z-index: 11;
     cursor: pointer;
     top: 250px;
     right: -150px
 }
 
 .z img {
     width: 19px;
     height: 36px
 }
 
 .y img {
     width: 19px;
     height: 36px
 }
 
 #popbox2 {
     display: none;
     z-index: 11;
     width: 713px;
     max-height: 80%;
     background: #F9F9F9;
     position: fixed;
     top: 130px;
     right: 0;
     left: 0;
     margin: auto;
     padding-bottom: 20px
 }
 
 #popbox2 .head {
     width: 650px;
     margin: 0 auto;
     margin-top: 30px;
     border-bottom: 1px solid #eee;
     margin-bottom: 20px
 }
 
 #popbox2 .head h1 {
     font-size: 20px;
     font-weight: 500;
     color: #333;
     float: left;
 }
 
 #popbox2 .head p {
     text-align: right;
     font-size: 30px;
     color: #555;
     margin-bottom: 30px
 }
 
 #popbox2 .middle {
     width: 650px;
     margin: 0 auto;
     border-bottom: 1px solid #eee;
     margin-bottom: 30px
 }
 
 #popbox2 .box {
     width: 390px;
     margin: 0 auto;
     ;
     margin-bottom: 20px
 }
 
 #popbox2 .middle .bf {
     display: flex;
 }
 
 #popbox2 .middle .bf .bf1 {
     width: 120px;
     height: 80px
 }
 
 #popbox2 .bottom {
     font-size: 14px;
     font-weight: 400;
     color: #555;
     padding: 0 77px 30px 30px;
     height: 200px;
     overflow-y: auto;
 }
 
 #popbox2 .bottom li {
     position: relative;
     margin-left: 9px
 }
 
 #popbox2 .bottom li:before {
     position: absolute;
     content: "";
     width: 3px;
     height: 3px;
     border-radius: 50%;
     background-color: #555;
     top: 11px;
     left: -9px
 }
 
 #bigImgBox {
     width: 389px;
     height: 259px;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 20px
 }
 
 #bigImgBox img {
     height: 259px;
 }
 
 #imgList {
     display: flex;
     justify-content: center;
     margin-bottom: 20px
 }
 
 #imgList img {
     width: 120px;
     height: 70px;
     padding-top: 5px;
     padding-left: 5px;
     cursor: pointer;
 }
 
 #imgList .kk:hover {
     border: 1px solid #FA6429;
 }
 
 #imgList .kk {
     width: 130px;
     height: 80px;
     margin-right: 10px;
     border: 1px solid #fff;
 }
 
 .py {
     position: relative;
     top: -180px;
     display: block;
     height: 0;
     overflow: hidden;
 }
 
 @media (max-width: 1230px) {
     .product2 .container .content {
         width: 90%
     }
     .product2 .container .content .middle {
         width: 100%
     }
     .product2 .container .content .down .wrap .box {
         width: 25%
     }
     .product2 .container .content .down {
         width: 100%
     }
     #popbox1 {
         width: 55%;
     }
     #popbox1 .middle {
         width: 100%
     }
     #popbox1 .head {
         width: 100%;
     }
 }
 
 @media (max-width: 1230px) {
     .product .container .content {
         width: 90%
     }
     .product .container .content .right {
         width: 70%
     }
     .product .container .content .left {
         width: 20%
     }
     .product .container .content .left {
         display: none
     }
     #popbox1 .middle img {
         width: 80%;
     }
     .product .container .content .right {
         width: 100%
     }
     #popbox1 .head h1 {
         font-size: 16px;
     }
 }
 
 @media (max-width: 986px) {
     .product .container .content .right li {
         width: 270px
     }
     .product2 .container .content .middle ul li {
         width: 200px
     }
 }
 
 @media (max-width: 768px) {
     .product .container .content .right li {
         width: auto;
         margin-right: 50px;
         margin-bottom: 0
     }
     .product2 .container .content .top {
         width: 100%
     }
     .product2 .container .content .down .wrap .box1 {
         width: 50%
     }
     .product2 .container .content .down .wrap .box {
         width: 50%
     }
     #popbox1 .bottom {
         padding: 0 0 10px 10px
     }
     .product2 .container .content .down .wrap .box h2 {
         padding: 15px 25px 25px
     }
     .product2 .container .content .down .wrap .box h2 {
         text-align: left;
         padding: 10px 10px 0;
         font-size: 14px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         text-overflow: ellipsis;
         overflow: hidden;
     }
     #popbox1 {
         width: 80%;
     }
     .z {
         left: -30px
     }
     .y {
         right: -50px
     }
     .gdta {
         height: 350px
     }
 }
 
 @media (max-width: 500px) {
     .product .container .content .right h1 {
         margin-bottom: 20px
     }
     .product .container .content .right p {
         margin-bottom: 5px
     }
     .product .container .content .right li {
         float: none;
         margin-right: 0;
         margin-bottom: 5px
     }
     .product .container .content {
         padding-top: 40px
     }
     .product .container .content .right .wrap {
         padding: 20px
     }
     .product2 .container .content .middle ul li {
         width: 150px
     }
 }
 /*技术应用*/
 
 .new1 h2 {
     margin-top: 20px;
 }
 
 .new1 h1 {
     margin-bottom: 20px
 }
 
 .tecapp .container .content .right .wrap .text ul a {
     color: #FA6429;
 }
 
 .tecapp .container .content {
     width: 1200px;
     margin: 0 auto
 }
 
 .tecapp .container .content .head {
     padding-bottom: 45px;
     width: 1200px;
     margin: 0 auto
 }
 
 .tecapp .container .content .head p {
     font-size: 16px;
     font-weight: 400;
     line-height: 36px;
 }
 
 .tecapp .container .content .left {
     float: left;
     width: 265px;
     background: #4D298C;
 }
 
 .tecapp .container .content .left ul {
     padding: 15px
 }
 
 .tecapp .container .content .left ul li {
     margin-bottom: 15px
 }
 
 .tecapp .head {
     background-color: #F5F6F7;
     padding: 60px 0;
     margin-bottom: 60px
 }
 
 .tecapp .head .mainbox {
     display: flex;
     justify-content: space-between;
 }
 
 .tecapp .head .txt {
     width: 610px;
     font-size: 18px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 32px;
 }
 
 .tecapp .head .pic {
     width: 500px
 }
 
 .tecapp .container .content .left ul li a {
     font-size: 14px;
     font-weight: 500;
     color: rgba(255, 255, 255, 1);
     line-height: 24px;
 }
 
 .product2 .con_logo .mainbox2 strong {
     display: inline-block;
     margin-bottom: 20px
 }
 
 .tecapp .container .content .left ul li a:hover {
     border-bottom: 2px solid #fff;
     color: #fff;
     padding-bottom: 4px;
 }
 
 .tecapp .container .content .right {
     float: right;
     width: 872px
 }
 
 .tecapp .container .content .right .wrap {
     margin-top: 17px;
     margin-bottom: 40px
 }
 
 .tecapp .container .content .right .wrap .label {
     border-bottom: 2px solid #4D298C;
     padding-bottom: 11px;
     margin-bottom: 39px;
 }
 
 .tecapp .container .content .right .wrap .label span {
     font-size: 18px;
     font-weight: 500;
     color: rgba(255, 255, 255, 1);
     line-height: 24px;
     background-color: #4D298C;
     padding: 15px 25px
 }
 
 .tecapp .container .content .right .wrap .text ul li {
     position: relative;
 }
 
 .tecapp .container .content .right .wrap .text ul li:before {
     position: absolute;
     content: "";
     background-color: #333;
     border-radius: 50%;
     top: 14px;
     width: 5px;
     height: 5px
 }
 
 .tecapp .container .content .right .wrap .text {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
     margin-bottom: 28px
 }
 
 .tecapp .container .content .right .wrap .pic {
     text-align: center;
     margin-bottom: 30px
 }
 
 .tecapp .container .content .right .wrap .bg {
     padding: 10px 40px 40px;
     margin-bottom: 30px
 }
 
 .tecapp .container .content .right .wrap .bg h3 {
     font-size: 16px;
     font-weight: 500;
     color: rgba(250, 100, 41, 1);
     padding-left: 12px;
     position: relative;
     margin-top: 40px;
     margin-bottom: 30px
 }
 
 .tecapp .container .content .right .wrap .bg h3:before {
     content: "";
     border: 1px solid #FA6429;
     position: absolute;
     height: 13px;
     top: 5px;
     left: 0
 }
 
 .tecapp .container .content .right .wrap .bg img {
     width: 14px;
     height: 10px;
     margin-top: 9px;
     margin-right: 12px;
 }
 
 .tecapp .container .content .right .wrap .bg li {
     width: 350px;
     float: left;
 }
 
 .tecapp .container .content .right .wrap .text li p {
     margin-left: 10px
 }
 
 .tecapp .container .content .right .wrap .logo {
     width: 872px;
     margin: 0 auto;
     height: 20px;
     display: flex;
     align-items: center;
     margin-bottom: 30px;
     justify-content: center;
 }
 
 .tecapp .container .content .right .wrap .logo .box {
     width: 100px;
     height: 25px;
     margin-right: 30px;
     cursor: pointer;
 }
 
 .tecapp .container .content .right .wrap .logo .box:hover {
     transform: scale(1.1);
     transition: all 0.5s
 }
 
 .tecapp .container .content .down img {
     width: 19px;
     height: 12px;
     margin-top: 5px;
     margin-left: 12px
 }
 
 .tecapp .container .content .down .wrap {
     display: flex;
 }
 
 .tecapp .container .content .down .wrap .box {
     width: 300px;
     height: 300px;
     text-align: center;
     position: relative;
     z-index: 1;
 }
 
 .tecapp .container .content .down .wrap .box .yy {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 2;
     background: rgba(28, 34, 46, 1);
     opacity: 0.9;
     color: #fff;
     display: none;
     cursor: pointer;
 }
 
 .tecapp .container .content .down .wrap .box .yy .tit {
     margin-top: 110px
 }
 
 .tecapp .container .content .down .wrap .box .yy .tit h3 {
     margin-bottom: 40px;
     font-size: 24px;
     font-weight: 500;
 }
 
 .tecapp .container .content .down .wrap .box .yy .tit a {
     color: #fff;
     font-size: 16px
 }
 
 .tecapp .container .content .down .wrap .box .yy .tit span {
     font-size: 20px;
     margin-left: 5px
 }
 
 .tecapp .container .content .down .wrap .box1 {
     width: 300px;
     height: 226px;
 }
 
 .tecapp .container .content .down .wrap .box .box1 img {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
 }
 
 .tecapp .container .content .down .wrap .box h2 {
     font-size: 20px;
     font-weight: 500;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     padding: 25px
 }
 
 .tecapp .container .content .down .wrap .box:hover .yy {
     display: block;
 }
 
 .tecapp3 .container {
     padding-top: 80px;
     padding-bottom: 100px
 }
 
 .tecapp3 .container .content .top {
     width: 900px;
     margin: 0 auto;
 }
 
 .tecapp3 .container .content .top p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px
 }
 
 .tecapp3 .container .content .top .middle {
     margin-bottom: 60px
 }
 
 .tecapp3 .container .content .down {
     width: 1200px;
     margin: 0 auto
 }
 
 .tecapp3 .container .content .down .wrap {
     display: flex;
     flex-wrap: wrap;
 }
 
 .tecapp3 .container .content .down .wrap .box {
     width: 300px;
     height: 300px;
     text-align: center;
     position: relative;
     z-index: 1;
 }
 
 .tecapp3 .container .content .down .wrap .box p {
     color: #fff;
     font-size: 16px
 }
 
 .tecapp3 .container .content .down .wrap .box1 {
     height: 226px;
     overflow: hidden;
 }
 
 .tecapp3 .container .content .down .wrap .box .box1 img {
     width: 100%;
     height: 100%;
     transition: all 0.8s;
 }
 
 .tecapp3 .container .content .down .wrap .box .box1:hover img {
     transform: scale(1.1)
 }
 
 .tecapp3 .container .content .down .wrap .box h2 {
     font-size: 16px;
     font-weight: 500;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     padding: 25px
 }
 
 .tecapp4 .container {
     background-color: #F5F6F7;
     padding-bottom: 1px
 }
 
 .tecapp4 .container .mainbox {
     display: flex;
     justify-content: space-between;
     margin-bottom: 70px;
     padding: 60px 0;
 }
 
 .tecapp4 .mainbox .left p {
     text-align: justify;
     width: 630px;
     font-size: 18px;
     margin-top: 5px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 32px;
 }
 
 .tecapp4 .mainbox img {
     width: 500px;
 }
 
 .tecapp4 .container .content {
     width: 1200px;
     margin: 0 auto;
 }
 
 .tecapp4 .container .content .head {
     margin-bottom: 64px;
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 36px;
     width: 900px;
     margin: 0 auto;
     margin-bottom: 60px
 }
 
 .tecapp4 .container .content .row {
     width: 100%;
     display: flex;
     flex-flow: wrap;
     padding-top: 0;
     padding-bottom: 0px;
     margin-bottom: 50px;
     box-shadow: 0px 4px 8px 0px rgba(18, 14, 0, 0.04);
 }
 
 .tecapp4 .container .content .smallrow {
     height: 386px;
     width: 100%
 }
 
 .tecapp4 .container .content dl:nth-child(2n) {
     margin-right: 0px
 }
 
 .tecapp4 .row {
     overflow: hidden;
 }
 
 .tecapp4 .row .pic {
     width: 380px;
     float: left
 }
 
 .tecapp4 .row .wrap {
     float: left;
     width: 720px;
     background-color: #FFFEFF;
     padding: 40px 50px 0
 }
 
 .tecapp4 .row .wrap h2 {
     font-size: 20px;
     margin-bottom: 20px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .tecapp4 .row .wrap a:hover {
     color: #4D298C
 }
 
 .tecapp4 .row .wrap a:hover i img:nth-child(2) {
     display: block;
     position: absolute;
     left: 0;
     top: -1px
 }
 
 .tecapp4 .row .wrap .tit_2 ul {
     margin: 0
 }
 
 .tecapp4 .row .wrap .tit_2 ul li {
     margin: 0
 }
 
 .tecapp4 .row .wrap .tit_2 p {
     font-size: 14px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 26px;
 }
 
 .product .container .content .right p span {
     font-size: 16px
 }
 
 .tecapp4 .row .wrap .tit_2 {
     font-size: 14px;
     padding-bottom: 30px;
     border-bottom: 1px solid #EEEEEE;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 26px;
 }
 
 .tecapp4 .row .wrap ul li {
     margin-bottom: 15px;
 }
 
 .tecapp4 .row .wrap ul li i {
     position: relative;
     margin-left: 6px;
     font-size: 12px
 }
 
 .tecapp4 i:after {
     position: absolute;
     content: "";
     border-top: 2px solid #555;
     border-right: 2px solid #555;
     width: 6px;
     height: 6px;
     top: 0;
     bottom: 0;
     margin: auto;
     right: -10px;
     transform: rotate(45deg);
 }
 
 .tecapp4 .row .wrap ul li:hover i:after {
     border-color: #4D298C;
 }
 
 .tecapp4 .row .wrap .exa {
     display: flex
 }
 
 .tecapp4 .row .wrap .exa {
     display: flex
 }
 
 .tecapp4 .row .wrap ul {
     font-size: 15px;
     margin-top: 30px;
     width: 50%;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .tecapp4 .row .wrap ul img {
     width: 9px;
     margin-top: 7px;
     margin-left: 10px
 }
 
 @media (max-width: 1230px) {
     .tecapp .container .content .head {
         width: 90%
     }
     .tecapp .container .content {
         width: 90%
     }
     .tecapp .container .content .right {
         width: 70%
     }
     .tecapp .container .content .right .wrap .logo {
         width: 100%
     }
     .tecapp3 .container .content .down {
         width: 90%
     }
     .tecapp3 .container .content .down .wrap .box {
         width: 25%
     }
     .tecapp3 .container .content .top {
         width: 75%;
     }
     .tecapp4 .container .content {
         width: 90%
     }
     .tecapp4 .container .content dl {
         width: 37%;
         margin-right: 2.2%
     }
     .tecapp4 .container .content dl dd .item {
         width: 100%
     }
 }
 
 @media (max-width: 1150px) {
     .tecapp .container .content .left {
         display: none;
     }
     .tecapp .container .content .right {
         width: 100%
     }
 }
 
 @media (max-width: 1027px) {
     .it1 {
         margin-right: 70%
     }
     .tecapp4 .container .content .head {
         width: 90%
     }
     ;
     .tecapp4 .container .content dl {
         width: 42%;
         padding: 20px
     }
 }
 
 @media (max-width: 1024px) {
     .it1 {
         margin-right: 50%
     }
     .tecapp .container .content .left {
         width: 25%
     }
 }
 
 @media (max-width: 770px) {
     .tecapp4 .container .content .row {
         flex-direction: column;
         margin-bottom: 25px
     }
     .tecapp4 .container .content dl {
         margin-right: 0
     }
     .tecapp4 .container .content dl {
         width: 90%;
         padding: 20px
     }
     .tecapp .container .content .right .wrap .label {
         margin-bottom: 19px;
         padding-bottom: 0px
     }
     .tecapp .container .content .right .wrap .label span {
         padding: 10px 15px;
         display: block;
         text-overflow: ellipsis;
         white-space: nowrap;
         max-width: 90%;
         overflow: hidden;
     }
     .tecapp3 .container .content .down .wrap .box {
         width: 50%
     }
 }
 
 @media (max-width: 414px) {
     .tecapp3 .container .content .down .wrap .box {
         width: 100%
     }
     .tecapp3 .container .content .top {
         width: 90%;
     }
     .tecapp3 .container {
         padding-top: 40px;
         padding-bottom: 40px;
     }
     .tecapp4 .container .content dl {
         width: 85%;
     }
     .it1 {
         margin-right: 10%
     }
     .tecapp4 .container .content dl dd a {
         font-size: 14px
     }
     .tecapp4 .container .content .head {
         margin-bottom: 32px;
         font-size: 16px;
         font-weight: 400;
         color: rgba(85, 85, 85, 1);
         line-height: 30px;
     }
 }
 /*联系我们*/
 
 .box.wap_1 {
     display: none
 }
 
 .contactus .container {
     padding-top: 80px;
     padding-bottom: 100px
 }
 
 .contactus .container .content {
     width: 1200px;
     margin: 0 auto
 }
 
 .contactus .container .content .pic {
     display: flex;
     justify-content: space-between;
     margin-bottom: 80px;
     color: #fff;
     flex-flow: wrap;
 }
 
 .contactus .container .content .pic .aside1:nth-child(1) {
     background-image: url(../images/bjmap.jpg);
     background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
 }
 
 .contactus .container .content .pic .aside1:nth-child(2) {
     background-image: url(../images/xgmap.png);
     background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
 }
 
 .contactus .container .content .pic .aside1:last-child {
     background-image: url(../images/cpz/11.png);
     background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
 }
 
 .contactus .container .content .pic .aside1 .bottom {
     position: absolute;
     width: 100%;
     height: 144px;
     background: linear-gradient(0deg, rgba(115, 83, 173, 1) 0%, rgba(76, 41, 142, 0) 100%);
     ;
     margin-top: 133px;
 }
 
 .contactus .container .content .pic .aside1 .box {
     margin: 74px 20px 24px 20px;
     position: absolute;
     bottom: 0
 }
 
 .contactus .container .content .pic .aside1:last-child h2 {
     font-size: 24px;
     font-weight: 400;
     margin: 52px 61px 30px 61px
 }
 
 .contactus .container .content .pic .aside1:last-child p {
     width: 196px;
     font-size: 14px;
     font-weight: 400;
     margin-left: 61px;
     margin-bottom: 14px
 }
 
 .contactus .container .content .pic .aside1 .box h2 {
     font-size: 18px;
     font-weight: 500;
 }
 
 .contactus .container .content .pic .aside1 .box p {
     font-size: 14px;
     font-weight: 400;
     text-shadow: 0px 3px 2px rgba(18, 14, 0, 0.15);
     margin-top: 7px
 }
 
 .contactus .container .content .pic .aside1 {
     width: 380px;
     position: relative;
     height: 277px
 }
 
 .contactus .container form {
     width: 790px;
     margin: 0 auto
 }
 
 .contactus .container form h1 {
     text-align: center;
     margin-bottom: 60px;
     font-size: 34px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
 }
 
 .contactus select {
     -webkit-appearance: none;
     border-radius: 0;
 }
 
 .contactus .container form .con .row {
     height: 75px;
     margin-bottom: 30px;
     display: flex;
     justify-content: space-between
 }
 
 .contactus .container form .con textarea {
     width: 100%;
     height: 150px;
     border: 0;
     background-color: #F5F5F5;
     border: 1px solid rgba(230, 230, 230, 1);
     box-sizing: border-box;
 }
 
 .contactus .container form .con .row dl {
     width: 380px;
 }
 
 .contactus .container form .con .row .small:nth-child(2) {
     margin-right: 7px
 }
 
 .contactus .container form .con .row .small {
     width: 180px;
 }
 
 .contactus .container form .con dt {
     margin-bottom: 5px;
 }
 
 .contactus .container input {
     background-color: #F5F5F5;
     border: 0;
     width: 100%;
     border: 1px solid rgba(230, 230, 230, 1);
     box-sizing: border-box;
 }
 
 select {
     border: 0;
     width: 100%;
     border: 1px solid rgba(230, 230, 230, 1);
     width: 190px;
     height: 47px;
     padding: 15px 0 15px 15px;
     outline: none;
     /*去掉默认的下拉三角*/
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     /*添加下拉三角图标*/
     background: url("../images/dev/icon_jiantou @2x.png") 150px center no-repeat;
     background-size: 12px
 }
 
 select {
     background-color: #F5F5F5;
 }
 
 [placeholder] {
     padding: 15px 0 15px 15px;
     font: menu;
     font-size: 10px
 }
 
 .contactus .container .tj {
     width: 100%;
     text-align: center;
     margin-top: 54px
 }
 
 .contactus .container button {
     background-color: #FA6429;
     width: 120px;
     height: 45px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
 }
 
 @media (max-width: 1230px) {
     .contactus .container .content {
         width: 90%
     }
     .contactus .container .content .pic .aside1 {
         width: 33%
     }
 }
 
 @media (max-width: 900px) {
     .contactus .container form {
         width: 100%
     }
     .contactus .container form .con .row {
         flex-wrap: wrap;
         height: auto;
         margin-bottom: 0px
     }
     .contactus .container form .con .row dl {
         width: 100%;
         margin-bottom: 15px
     }
 }
 
 @media (max-width: 850px) {
     .contactus .container .content .pic .aside1 {
         width: 100%;
         margin-bottom: 20px
     }
 }
 
 @media (max-width:414px) {
     .contactus .container .content .pic {
         margin-bottom: 20px
     }
     .contactus .container form .con .row {
         flex-wrap: wrap;
         height: auto;
         margin-bottom: 0px
     }
     .contactus .container form .con .row dl {
         width: 100%
     }
     [placeholder] {
         padding: 15px 5px
     }
     .contactus .container form .con .row .small:nth-child(2) {
         margin-right: 0px
     }
     .contactus .container .tj {
         margin-top: 27px
     }
     .contactus .container form h1 {
         margin-bottom: 30px;
         font-size: 24px
     }
     .contactus .container {
         padding: 40px 0 50px
     }
     .contactus .container form .con .row .small {
         margin-bottom: 15px
     }
     .contactus .container .tj input {
         width: 100px;
         height: 35px;
         font-size: 16px;
     }
     .contactus .container form .con .row .small [placeholder] {
         padding: 15px 5px
     }
 }
 /*招聘详情*/
 
 .zpxq .container {
     padding-top: 79px;
     padding-bottom: 100px;
     background-color: #fff
 }
 
 .zpxq .container .content {
     width: 865px;
     margin: 0 auto;
 }
 
 .zpxq .container .content .wrap {
     border-bottom: 1px solid #EEEEEE;
     padding-bottom: 68px;
     margin-bottom: 35px;
     width: 865px
 }
 
 .zpxq .container .content .wrap h1 {
     font-size: 34px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     margin-bottom: 49px
 }
 
 .zpxq .container .content .wrap dl {
     margin-bottom: 38px
 }
 
 .zpxq .container .content .wrap dl dt h2 {
     font-size: 18px;
     font-weight: 500;
     color: #4D288E;
     padding-left: 13px;
     position: relative;
 }
 
 .zpxq .container .content .wrap dl dt h2:before {
     position: absolute;
     content: "";
     height: 18px;
     border-left: 2px solid #4D288E;
     top: 5px;
     left: 0;
 }
 
 .zpxq .container .content .wrap dl dt {
     margin-bottom: 39px
 }
 
 .zpxq .container .content .wrap dl dd {
     margin-left: 13px
 }
 
 .zpxq .container .content .wrap dl dd p {
     font-size: 14px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     text-indent: -1em
 }
 
 .zpxq .container .content .wrap a {
     background-color: #705DA6;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     padding: 13px 18px
 }
 
 .zpxq .container .content .wrap a img {
     width: 40px;
     margin-top: 2px;
 }
 
 .zpxq .container .content .ewm .box {
     width: 100px;
     height: 100px
 }
 
 .zpxq .container .content .ewm {
     display: flex;
 }
 
 .zpxq .container .content .ewm span {
     color: #4D288E
 }
 
 .zpxq .container .content .ewm p {
     padding: 30px;
     font-size: 14px;
     font-weight: 500;
     line-height: 27px;
 }
 
 @media screen and (max-width: 930px) {
     .zpxq .container .content {
         width: 90%
     }
 }
 
 @media screen and (max-width: 414px) {
     .zpxq .container .content .wrap h1 {
         font-size: 28px;
         line-height: 24px;
         margin-bottom: 24px
     }
     .zpxq .container .content .wrap dl dt {
         margin-bottom: 20px
     }
     .zpxq .container .content .wrap {
         padding-bottom: 34px;
         margin-bottom: 20px
     }
     .zpxq .container .content .ewm {
         flex-direction: column;
     }
     .zpxq .container .content .ewm .box {
         margin: 0 auto
     }
     .zpxq .container .content .ewm p {
         width: 100%;
         font-size: 14px;
         font-weight: 500;
         line-height: 27px;
         padding: 0
     }
 }
 
 .dev5 .container .content .down .zpxx {
     font-size: 34px
 }
 
 .dev .container .content .down .zpxx {
     font-size: 34px
 }
 
 .contactus .container .tj input {
     background-color: #4D288E;
     width: 120px;
     height: 45px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     border: none;
     text-align: center;
     -webkit-appearance: none;
     border-radius: 0;
 }
 /*服务*/
 
 .service3 {
     position: relative;
 }
 
 .service3 .box {
     background-repeat: no-repeat;
     background-position: top;
 }
 
 .service3 .nav {
     background-color: #7A46B5;
     width: 100%;
     top: -100px;
     z-index: 11;
     ;
     background-image: url(../images/about/3.png);
 }
 
 .service3 .nav ul {
     display: flex;
     flex-flow: wrap;  
    width: 75%;
    justify-content: center;
    margin: 0 auto;
     padding: 20px 0;
 }
 
 .service3 .nav ul li {
     width: 16.6%;
     margin-bottom: 3px;
 }
 
 .zz a:after {
     position: absolute;
     width: 100%;
     border-bottom: 1px solid #A786D3;
     content: "";
     left: 0;
     bottom: -5px;
     visibility: hidden;
     left: 0
 }
 
 .zz a::before {
     position: absolute;
     width: 6px;
     height: 6px;
     content: "";
     background-color: #A786D3;
     top: 10px;
     visibility: hidden;
     left: -15px
 }
 
 .service3 .nav ul li a {
     color: #fff;
     font-size: 14px;
     position: relative;
 }
 
 .zz:hover a:after {
     visibility: visible
 }
 
 .zz:hover a:before {
     visibility: visible
 }
 
 .service3 .aside {
     position: relative;
     top: -280px;
     display: block;
     height: 0;
     overflow: hidden;
 }
 
 .service3 img {
     width: 40px
 }
 
 .service3 h1 {
     font-size: 32px;
     margin-bottom: 35px;
     position: relative;
     font-weight: 500;
     color: rgba(78, 41, 140, 1);
     line-height: 50px;
 }
 
 .service3 h1::after {
     position: absolute;
     content: "";
     width: 40px;
     border-bottom: 4px solid #4E298C;
     left: 0;
     bottom: -15px;
 }
 
 .service3 p {
     font-size: 16px;
     margin-top: 5px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 30px;
 }
 
 .service3 dt p {
     font-size: 18px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 30px;
 }
 
 .service3 dd {
     font-size: 14px;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 28px;
 }
 
 .service3 dl {
     background-color: #fff;
     border: 1px solid rgba(232, 232, 232, 1);
     border-top: 3px solid rgba(78, 41, 140, 1);
     margin-bottom: 30px;
     padding: 30px;
 }
 
 .service3 .box {
     padding: 100px 0 90px;
 }
 
 .service3 h1+p {
     margin-bottom: 55px;
 }
 
 .service3 .row3 {
     border: 1px solid rgba(232, 232, 232, 1);
     border-top: 3px solid rgba(78, 41, 140, 1);
     background-color: #fff;
     padding: 25px 25px 0 25px;
     margin-bottom: 30px;
 }
 
 .service3 .row3 p {
     font-size: 18px;
     margin-top: 5px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 30px;
 }
 
 .service3 dl dt {
     overflow: hidden;
     margin-bottom: 25px;
 }
 
 .service3 .row5 p {
     font-size: 18px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 30px;
 }
 
 .service3 .row5 .right {
     display: flex;
     justify-content: space-between;
     flex-flow: wrap;
 }
 
 .service3 .row5 .right .pic {
     width: 385px;
 }
 
 .service3 .row5 .right .txt {
     width: 310px;
 }
 
 .service3 .row5 .txt {
     font-size: 14px;
     padding: 0;
     font-weight: 400;
     color: rgba(68, 68, 68, 1);
     line-height: 28px;
 }
 
 .service3 .box li {
     position: relative;
     margin-left: 20px;
 }
 
 .wap_5 {
     display: none
 }
 
 .service3 .box li:after {
     position: absolute;
     content: "";
     width: 8px;
     height: 8px;
     background-color: #FFAE26;
     left: -20px;
     top: 9px
 }
 
 .service3 .top {
     overflow: hidden;
     margin-bottom: 25px;
 }
 
 .service3 i img {
     float: left;
     margin-right: 15px;
 }
 
 .service3 .row {
     display: flex;
     justify-content: space-between;
     flex-flow: wrap;
 }
 
 .service3 .sbox {
     display: flex;
     flex-flow: wrap;
     justify-content: space-between;
 }
 
 .service3 .wrap {
     flex-basis: 45.2%;
     margin-bottom: 30px;
 }
 
 .service3 .box ul {
     margin-top: 30px;
     display: flex;
     flex-flow: wrap;
 }
 
 .service3 .box ul li {
     margin-right: 20px;
     margin-bottom: 5px;
     width: 100%;
 }
 
 .service3 .row dl {
     flex-basis: 43.45%;
 }
 
 .service3 .row2 dl {
     flex-basis: 26.5%;
 }
 
 .service3 .row4 {
     display: flex;
     justify-content: space-between;
    /* text-align: center;*/
     flex-flow: wrap;
 }
 
 .service3 .row4 p {
     font-weight: bold
 }
 
 .service3 .row4.row_4 {
     justify-content: center;
     border: none;
 }
 
 .service3 .row4.row_4 dl {
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row5 {
     display: flex;
     justify-content: space-between;
 }
 
 .service3 .main_1 dl {
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .main_1 .row3 {
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .main_2 dl {
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .main_2 .row3 {
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .main_22 .row4 dl {
     border: 1px solid #E8E8E8;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row5 .left {
     width: 320px;
     background-color: #fff;
     padding: 30px;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .main_22 .row4.row_4 dl {
     border: 1px solid #E8E8E8;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row5 .right {
     width: 730px;
     background-color: #fff;
     padding: 30px;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row4.row_2 dl {
     flex-basis: 26.5%;
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row4.row_3 dl {
     flex-basis: 18.9%;
 }
 
 .service3 .row4.row_4 dl {
     flex-basis: 27.5%;
     margin-left: 15px;
     margin-right: 15px;
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 
 .service3 .row4 dl {
     flex-basis: 13.8%;
     border: none;
     border-top: 3px solid rgba(78, 41, 140, 1);
 }
 /*职业发展*/
 
 .tankuang {
     cursor: pointer;
 }
 
 .dev2 .container {
     padding-top: 80px;
     padding-bottom: 100px;
     position: relative;
 }
 
 .dev2 .container .content {
     width: 1000px;
     margin: 0 auto;
 }
 
 .bg1 {
     position: absolute;
     width: 100%;
     border-top: 1px solid #f5f6f7;
     top: 1180px
 }
 
 .bg2 {
     position: absolute;
     width: 100%;
     border-top: 1px solid #f5f6f7;
     top: 1980px
 }
 
 .dev5 .bg1 {
     position: absolute;
     width: 100%;
     border-top: 1px solid #f5f6f7;
     top: 1125px
 }
 
 .py1 {
     position: relative;
     top: -130px;
     display: block;
     height: 0;
     overflow: hidden;
 }
 
 .dev5 .bg2 {
     position: absolute;
     width: 100%;
     border-top: 1px solid #f5f6f7;
     top: 1890px
 }
 
 .dev2 .container .content .row .box {
     width: 310px;
     height: 140px;
     float: left;
     margin-right: 20px;
     margin-bottom: 20px;
     background-size: 100% 100%;
     position: relative;
 }
 
 .dev2 .container .content .row .box .boxd {
     width: 310px;
     height: 139.4px;
     background-size: 100% 100%;
     position: absolute;
     z-index: -1
 }
 
 .dev2 .container .content .row .box:hover {
     opacity: 0.99
 }
 
 .dev2 .container .content .row .box p {
     font-size: 20px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
     margin: 50px 30px
 }
 
 .dev2 .container .content .row a:hover p {
     color: #fff
 }
 
 .dev2 .container .content .aside {
     margin-top: 40px
 }
 
 .dev2 .container img {
     max-width: 100%
 }
 
 .dev5 .container {
     padding-top: 80px;
     padding-bottom: 40px
 }
 
 .dev5 .container .content {
     width: 1200px;
     margin: 0 auto;
 }
 
 .dev5 .container .content h1 {
     font-size: 24px;
     font-style: normal;
     text-align: start;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 36px;
 }
 
 .dev5 .container .content h2 {
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 36px;
 }
 
 .dev5 .container .content .row {
     display: flex;
     margin-bottom: 80px;
     padding: 0
 }
 
 .dev5 .container .content .row1 {
     display: flex;
     margin-bottom: 80px;
 }
 
 .dev5 .container .content .row .left .tit {
     float: left;
     margin: 110px 30px 0 30px;
 }
 
 .dev5 .container .content .row .left .pic {
     width: 280px;
     float: right;
     margin-top: 60px
 }
 
 .dev5 .container .content .row .right {
     width: 440px;
 }
 
 .dev5 .container .content .row1 .left {
     width: 440px;
     margin-right: 35px
 }
 
 .dev5 .container .content .row1 .left.ll {
     margin-left: 70px
 }
 
 .dev5 .container .content .row1 .top1 {
     margin: 17px 0 16px 30px;
 }
 
 .dev5 .container .content .row1 .top h1:nth-child(2) {
     margin-top: 22px
 }
 /*.dev5 .container .content .row1 h1{margin-bottom:20px;font-weight: 500 }*/
 
 .dev5 .container .content .row .left {
     margin-right: 35px
 }
 
 .dev5 .container .content .row1 .right .bottom .pic {
     width: 280px;
     height: 190px;
     display: inline-block;
     margin-right: 30px;
     margin-top: 50px
 }
 
 .dev5 .container .content .row3 .pic .ppc {
     width: 23%;
 }
 
 .dev5 .container .content .row3 h1 {
     text-align: center;
     margin-bottom: 50px
 }
 
 .dev5 .container .content .row3 .pic {
     display: flex;
     justify-content: space-between;
     margin-bottom: 80px;
     flex-flow: wrap;
     -webkit-justify-content: space-between;
 }
 
 .container .content .down {
     width: 1000px;
     margin: 0 auto
 }
 
 .container .content .down h1 {
     text-align: center;
     margin-bottom: 60px
 }
 
 .container .content .down dl {
     box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05);
 }
 
 .container .content .down dl dt {
     width: 470px;
     height: 295px;
 }
 
 .container .content .down dl dd {
     font-size: 20px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
     text-align: center;
     padding: 30px 0
 }
 
 .container .content .down a:hover p {
     color: #4D298C
 }
 
 .dev .container {
     background-color: #fff
 }
 
 .dev .container {
     padding-top: 80px;
     padding-bottom: 20px
 }
 
 .dev .container .content {
     width: 1200px;
     margin: 0 auto;
 }
 
 .dev .container .content .row {
     width: 100%;
     display: flex;
     align-items: center;
     margin-bottom: 80px
 }
 
 .dev .container .content .row .left {
     width: 440px;
     margin-right: 30px;
 }
 
 .dev .container .content .row .right {
     display: flex;
     align-items: center;
 }
 
 .dev .container .content .row .right .lbox {
     width: 280px;
     margin-right: 60px
 }
 
 .dev .container .content h1 {
     font-size: 22px;
     text-align: start;
     font-style: normal;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 36px;
 }
 
 .dev .container .content h2 {
     font-size: 22px;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 36px;
 }
 
 p.title {
     font-size: 36px;
     text-align: center;
     margin-bottom: 70px;
     font-weight: 500;
     color: rgba(20, 20, 20, 1);
     line-height: 51px;
 }
 
 .dev .container .content .row1 {
     display: flex;
     align-items: center;
     margin-bottom: 80px;
 }
 
 .dev .container .content .row1 .right {
     width: 640px;
     height: 360px;
     margin-left: 60px
 }
 
 .dev .container .content .row1 .left .box {
     display: block;
     float: right;
     width: 500px;
     text-align: right;
 }
 
 .dev .container .content .row1 .left .box h1 {
     text-align: right
 }
 
 .dev .container .content .row2 {
     display: flex;
     align-items: center;
     margin-bottom: 80px;
     padding: 0;
     background-color: inherit;
 }
  .dev .container .content .row11 {
     display: flex;
     align-items: center;
     margin-bottom: 80px;
     padding: 0;
     background-color: inherit;
 }
 
 .dev .container .content .row2 .left {
     width: 780px;
 }
 
 .dev .container .content .row2 .right {
     margin-left: 60px
 }
  .dev .container .content .row11 .left {
     width: 500px;
 }
 
 .dev .container .content .row11 .right {
     margin-left: 60px
 }
 
 .dev .container .content .row3 {
     display: flex;
     margin-bottom: 80px;
     justify-content: space-between;
 }
 
 .dev .container .content .row3 .left .tit {
     float: left;
     margin: 110px 60px 0 65px
 }
 
 .dev .container .content .row3 .left .pic {
     width: 280px;
     float: right;
     margin-top: 60px
 }
 
 .dev .container .content .row3 .right {
     width: 440px;
 }
 
 .dev .row {
     padding: 0;
 }
 
 .dev .row6 .box .left {
     margin: 0
 }
 
 .dev .row6 .box .wrap a:nth-child(1) {
     margin: 0
 }
 
 .dev .row6 .box .wrap {
     display: flex;
     justify-content: center;
 }
 
 .dev .row6 .box {
     justify-content: center;
     padding-top: 119px;
     margin: 0;
     padding-bottom: 60px
 }
 
 .dev .row6 .box p {
     margin-bottom: 60px;
     font-size: 32px;
     font-weight: 400;
     color: rgba(254, 254, 254, 1);
     line-height: 52px;
     text-shadow: 0px 2px 5px rgba(28, 19, 14, 0.2);
 }
 
 @media (max-width: 1230px) {
     .zpxq .container .content {
         width: 90%
     }
     .dev2 .container .content {
         width: 80%
     }
     .dev2 .container .content .row .box {
         width: 30%;
     }
     .dev2 .container .content .row .box .boxd {
         width: 100%;
     }
     .dev .container .content {
         width: 90%
     }
     .dev .container .content .row .left {
         width: 65%;
     }
     .dev5 .container .content .row {
         height: auto;
     }
     .dev5 .container .content .row .left {
         margin-right: 66px
     }
     .dev5 .container .content .row .left .tit {
         float: none;
         margin: 0
     }
     .dev5 .container .content .row .left .pic {
         float: none;
     }
     .dev5 .container .content .row .right {
         height: auto;
     }
     .dev5 .container .content {
         width: 90%
     }
     .dev5 .container .content .row1 .bottom {
         margin-left: 66px;
         text-align: center;
     }
     .dev5 .bg1 {
         display: none;
     }
     .dev .container .content .row2 .right {
         margin-left: 0
     }
      .dev .container .content .row11 .right {
         margin-left: 0
     }
     .dev5 .bg2 {
         display: none;
     }
     .container .content .down {
         width: 90%
     }
     .dev .container .content .row1 .left {
         margin-left: 0
     }
     .container .content .down dl dt {
         width: 100%;
         height: auto
     }
     .dev .container .content .row .right .lbox {
         margin-right: 0;
     }
     .dev .container .content .row3 .left .pic {
         float: none;
     }
     .bg1 {
         display: none;
     }
     .bg2 {
         display: none;
     }
     .dev .container .content .row1 .right {
         height: auto;
     }
     .dev .container .content .row3 .left .tit {
         margin: 0;
     }
 }
 
 @media (max-width: 768px) {
     .tecapp4 .row .wrap a:hover i img:nth-child(2) {
         display: none;
         position: absolute;
         left: 0;
         top: -1px
     }
     .dev .container .content .row .right .lbox {
         margin-right: 50px;
         line-height: 19px
     }
     .dev .container .content h2 {
         line-height: 19px
     }
     .dev .container .content .row .left {
         width: 100%;
         margin-right: 0px;
         line-height: 19px
     }
     .dev .container .content h1 {
         font-size: 14px;
         margin-bottom: 0;
     }
     .dev .container .content .row3 .left .pic {
         margin-top: 30px;
         margin-right: 50px
     }
     .dev5 .container .content h1 {
         margin-bottom: 0;
         font-size: 14px;
         line-height: 19px
     }
     .dev .container .content h2 {
         font-size: 14px;
         line-height: 19px
     }
     .dev .container .content .row {
         margin-bottom: 30px;
         flex-direction: column;
         align-items: flex-start;
     }
     .dev .container .content .row .left {
         margin-bottom: 20px;
     }
     .dev .container .content .row1 {
         margin-bottom: 30px;
         flex-direction: column-reverse;
     }
     .dev .container .content .row1 .right {
         margin-left: 0px;
         width: 100%;
         margin-right: 0;
         margin-bottom: 15px
     }
     .dev .container .content .row2 {
         margin-bottom: 30px;
         flex-direction: column;
     }
      .dev .container .content .row11 {
         margin-bottom: 30px;
         flex-direction: column;
     }
     .dev .container .content .row3 {
         align-items: center;
         margin-bottom: 20px;
         flex-direction: column-reverse;
     }
     .dev .container .content .row2 .left {
         width: 100%;
         margin-bottom: 15px
     }
       .dev .container .content .row11 .left {
         width: 100%;
         margin-bottom: 15px
     }
     .dev2 .container .content {
         width: 90%
     }
     .dev .container .content .row .right {
         margin-left: 0;
         width: 100%
     }
     .dev5 .container .content .row3 h1 {
         margin-bottom: 25px
     }
     .dev5 .container .content .row .left {
         margin-right: 0px;
         margin-bottom: 30px;
         display: flex;
         width: 100%;
         justify-content: flex-end;
     }
     .dev5 .container .content .row1 .left.li {
         width: 100%;
         margin-right: 0;
         margin-left: 0
     }
     .dev5 .container .content .row1 .right .bottom .pic {
         margin-bottom: 25px;
         margin-right: 0px;
         margin-top: 0;
         width: 48%;
         height: auto;
     }
     .dev2 .container .content .row .box {
         width: 45%;
     }
     .dev5 .container .content .row {
         flex-direction: column-reverse;
         align-items: center;
         text-align: center;
         margin-bottom: 0px
     }
     .dev5 .container .content .row1 {
         flex-direction: column;
         align-items: center;
         text-align: center;
         margin-bottom: 0
     }
     .dev5 .container .content .row3 .pic .ppc {
         width: 48%;
     }
     .dev5 .container .content .row3 .pic img {
         margin-bottom: 14px
     }
     .dev5 .container .content .row1 .bottom {
         margin-left: 0;
         display: flex;
         justify-content: space-between;
     }
     .dev5 .container .content .row1 .top {
         margin-left: 0;
         text-align: center;
         display: flex;
         justify-content: center;
     }
     .dev5 .container .content .row .left .pic {
         margin-top: 15px;
         font-size: 14px
     }
     .dev5 .container .content .row1 .top {
         margin-right: 10px;
         flex-wrap: wrap;
         margin-bottom: 10px;
         display: none
     }
     .dev5 .container .content .row3 .pic {
         margin-bottom: 20px
     }
     .dev .container .content .row3 .right {
         width: 100%;
     }
     .dev5 .container .content .row .right {
         width: 100%
     }
     .dev .container .content .down .zpxx {
         font-size: 24px;
         ;
         margin-left: 50px
     }
     .dev .container .content .row1 .left .box {
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center;
     }
     .dev5 .container .content h2 {
         font-size: 14px;
         line-height: 19px;
         margin-bottom: 15px
     }
     .tecapp4 .container .mainbox {
         padding: 40px 0 30px 0;
         margin-bottom: 15px
     }
     .dev .container .content .row3 .left .pic {
         width: 100%
     }
     p.title {
         font-size: 18px;
         margin-bottom: 15px
     }
     .dev .container .content .row3 .left {
         display: flex;
         align-items: center;
         justify-content: flex-end;
         flex-direction: row-reverse;
         margin-right: 10px;
     }
     .dev5 .container {
         padding-top: 40px;
         padding-bottom: 30px
     }
 }
 /*@media (max-width: 500px) {
.dev5 .container .content .row1 .left.ll{margin: 0}

	.dev .container{padding-top: 40px}
	.dev5 .container .content .row1 .top1{margin:17px 0 16px;}
	.dev5 .container .content .row3 h1{margin-bottom: 25px}
 .container .content .down dl dd{font-size: 16px}
.container .content .down .zpxx{font-size:24px;}
.dev .container .content .row1 .right.container .content .down h1{margin-bottom: 30px;}
	.dev5 .container .content .row .right{width: 100%;margin-right: 0}
	.dev5 .container .content h1{font-size: 14px}
	.dev5 .container .content h2{font-size: 14px}
	.dev5 .container .content .row .left .pic{width: 100%;height: auto}
	.dev5 .container .content .row1 .left{width:100%;margin-right: 0}
 .container .content .down .row{margin-bottom: 0}
		 .container .content .down dl dd{padding: 15px 0}



      .dev2 .container .content .row .box {width: 100%;;margin-right: 0}
	}*/
 /*投资者关系*/
 
 .ship6 .container .content dl:hover dd p {
     color: #4D288E;
 }
 
 .main .dev .row6 .box .left {
     width: 100%
 }
 
 .main .dev .row6 .box .left a {
     text-align: center;
     margin-bottom: 20px;
     padding: 0;
     width: 220px
 }
 
 .wap_t {
     display: none
 }
 
 .ship6 .container {
     padding: 80px 0;
 }
 
 .ship6 .container .content {
     width: 1200px;
     margin: 0 auto;
     display: flex;
     flex-flow: wrap;
     justify-content: space-between;
 }
 
 .ship6 .container .content a {
     width: 250px;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 2px 30px 0px rgba(18, 14, 0, 0.08);
     margin-top: 30px
 }
 
 .ship6 .container .content dl dt {
     margin: 10px;
     position: relative;
 }
 
 .ship6 .container .content dl dd p {
     font-size: 16px;
     font-weight: 500;
     line-height: 28px;
     padding: 20px
 }
 
 .ship6 .container .content dl dt p {
     font-size: 16px;
     font-weight: bold;
     color: rgba(255, 255, 255, 1);
     line-height: 32px;
     text-shadow: 0px 2px 4px rgba(0, 70, 172, 0.15);
 }
 
 .ship6 .container .content dl dt .box {
     position: absolute;
     text-align: center;
     top: 59px;
     left: 0;
     right: 0;
 }
 
 .ship4 .container .content dl dt img {
     width: 39px;
     margin-top: 79px;
 }
 
 .ship4 .container .content dl dt {
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
 
 .ship4 .container .content dl dt p {
     font-size: 16px;
     font-weight: bold;
     color: rgba(255, 255, 255, 1);
     line-height: 32px;
     text-shadow: 0px 2px 4px rgba(0, 70, 172, 0.15);
 }
 
 .ship4 .container .content dl dt .box {
     text-align: center;
     position: absolute;
     top: 69px;
     left: 0;
     right: 0
 }
 
 .ship4 .container .content dl dt p.slo {
     font-size: 16px
 }
 
 .ship4 .container .content .sp {
     position: relative;
 }
 
 .ship4 .container .content dl dt span {
     font-size: 16px;
     font-weight: 400;
     color: rgba(255, 255, 255, 1);
     line-height: 36px;
     position: absolute;
     left: 25px;
     bottom: 10px
 }
 
 @media (max-width: 1230px) {
     .ship6 .container .content {
         width: 90%
     }
 }
 
 @media (max-width: 1024px) {
     .search .wrap .label {
         justify-content: space-between;
     }
     .search .wrap .label a {
         margin-right: 0;
         display: block;
     }
 }
 
 @media (max-width: 768px) {
     .product2 #log .wrap1 .left p {
         width: 100%
     }
     .ship6 .container .content a {
         width: 44%;
     }
     .ship6 .container .content dl dt p {
         font-size: 14px;
         line-height: 28px
     }
     .ship6 .container .content dl dt .box {
         top: 50px
     }
     .ship6 .container .content dl dd p {
         font-size: 14px;
         line-height: 28px;
         padding: 10px
     }
     .ship6 .container .content a {
         width: 49%;
         margin-bottom: 20px
     }
 }
 
 .ship4 .container .content .right a {
     width: 250px;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 2px 30px 0px rgba(18, 14, 0, 0.08);
     margin-right: 45px
 }
 
 .ship4.shi .container .content dl dt {
     margin: 10px;
     height: 250px !important
 }
 
 .ship4 .container .content a:nth-child(4n) {
     margin-right: 0
 }
 
 .ship4 .container .content dl dd p {
     font-size: 16px;
     font-weight: bold;
     line-height: 28px;
     padding: 20px 30px 30px 30px
 }
 
 .ship5 .container {
     padding: 80px 0 110px 0;
     position: relative;
 }
 
 .ship5 .container .content {
     width: 1200px;
     margin: 0 auto;
 }
 
 .ship5 .container .content .left {
     position: relative;
 }
 
 .ship5 .container .content .left h1 {
     font-size: 24px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 50px;
     margin-bottom: 70px
 }
 
 .ship5 .container .content .left img {
     width: 36px;
     height: 37px;
     margin-top: 5px
 }
 
 .ship5 .container .content .left ul {
     position: absolute;
     width: 50%
 }
 
 .ship5 .container .content .left .f2 li {
     margin-bottom: 60px
 }
 
 .ship5 .container .content .left .f1 li {
     margin: 9px 0 35px 54px
 }
 
 .ship5 .container .content .left .f1 h2 {
     margin-bottom: 15px
 }
 
 .ship5 .container .content .right {
     width: 590px;
     height: 380px;
     float: right;
 }
 
 .ship5 .container .content h2 {
     font-size: 18px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
 }
 
 .ship5 .container .content p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
 }
 
 .ship5 .container .bottom {
     width: 100%;
     height: 280px;
     background-size: 100% 100%;
     position: absolute;
     bottom: 0;
 }
 
 .ship4 .gd {
     background-color: #FB6429;
     color: #fff;
     display: block;
     width: 120px;
     height: 32px;
     margin: 0 auto;
     margin-top: 30px;
     text-align: center;
     padding-top: 8px
 }
 
 .ship4 .gd img {
     width: 16px;
     height: 9px;
     margin-top: 8px;
     margin-left: 10px;
 }
 
 .ship4 .container {
     padding: 80px 0 100px;
     min-height: 600px;
 }
 
 .ship4 .container .content {
     width: 1200px;
     margin: 0 auto;
     display: flow;
     justify-content:space-between;
     align-items: flex-start;
 }
 
 .ship4 .container .slide li {
     margin-bottom: 39px;
 }
 
 .ship4 .container .slide .circle {
     top: 7px;
     left: -15px;
     width: 8px;
     height: 8px;
     background: #4D288E;
     border-radius: 50%;
     position: absolute;
 }
 
 .ship4 .container .slide .relative a {
     padding-left: 11px
 }
 
 .ship4 .container .slide .relative {
     position: relative;
 }
 
 .ship4 .container .slide .relative .ss {
     position: absolute;
     border-left: 1px solid #4D288E;
     top: 13px;
     left: -11px;
     opacity: 0.3;
     height: 63px
 }
 
 .ship4 .container .slide li:last-child .ss {
     display: none
 }
 
 .ship4 .container .slide li:hover .relative a {
     font-size: 18px;
     font-weight: bold;
     color: #4D288E;
 }
 
 .ship4 .container .slide li:hover .circle {
     top: 6px;
     left: -18px;
     width: 8px;
     height: 8px;
     border: 3px solid #4D288E;
     background: #fff;
     border-radius: 50%;
     position: absolute;
 }
 
 .ship4 .container .slide li .on .circle {
     top: 6px;
     left: -18px;
     width: 8px;
     height: 8px;
     border: 3px solid #4D288E;
     background: #fff;
     border-radius: 50%;
     position: absolute;
 }
 
 .newscenter .container .slide li .on .circle {
     top: 6px;
     left: -18px;
     width: 8px;
     height: 8px;
     border: 3px solid #4D288E;
     background: #fff;
     border-radius: 50%;
     position: absolute;
 }
 
 .newscenter .container .slide li .relative.on a {
     font-size: 18px;
     font-weight: bold;
     color: #101010;
 }
 
 .ship4 .container .slide li .relative.on a {
     font-size: 18px;
     font-weight: bold;
     color: #101010;
 }
 
 .ship4 .container .slide {
     position: absolute;
     font-size: 18px;
     font-weight: 400;
     color: #333333;
     line-height: 24px;
 }
 
 .ship4 .container .content .right {
/*     margin-left: 365px;*/
        margin-left: 150px;
     display: flex;
     flex-flow: wrap
 }
 
 .ship4 .container .content .wrap {
     float: right;
     width: 900px;
 }
 
 .ship4 .container .content .wrap li p {
     font-size: 16px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 36px;
     margin-left: 30px;
     margin-right: 30px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .ship4 .container .content .wrap li span {
     font-size: 14px;
     font-weight: 400;
     color: rgba(153, 153, 153, 1);
     line-height: 36px;
     margin-left: 30px
 }
 
 .ship4 .container .content .wrap .relative {
     position: relative;
     width: 910px;
     height: 80px;
     background-color: #fff;
     margin-bottom: 20px;
     padding-top: 10px;
 }
 
 .ship4 .container .content .wrap .relative .ss {
     position: absolute;
     width: 45px;
     height: 110px;
     border-top: 2px solid #DADADA;
     border-left: 2px solid #DADADA;
     top: 40px;
     left: -55px
 }
 
 .ship4 .container .wrap li:last-child .ss {
     height: 0 !important
 }
 
 .ship4 .container .content .wrap .relative .s2 {
     position: absolute;
     border-left: 10px solid #1E8384;
     width: 20px;
     height: 70px;
     left: -5px;
     top: 10px
 }
 
 .ship4 .container .content .wrap li:hover p {
     color: #4D288E;
 }
 
 .ship4 .container .content .wrap li:hover .relative {
     padding-right: 28px;
     box-shadow: 0px 2px 30px 0px rgba(18, 14, 0, 0.08);
 }
 
 .ship4 .container .content .head {
     display: flex;
     flex-flow: wrap;
 }
 
 .ship4 .container .content .head a {
     width: 380px;
     margin-right: 30px;
     background-color: #fff;
     margin-bottom: 30px;
     border-top: 2px solid #4D288E
 }
 /*.ship4 .container .content .head a:nth-child(3n){margin-right: 0}*/
 
 .ship4 .container .content .head a:hover {
     box-shadow: 0px 2px 20px 0px rgba(18, 14, 0, 0.08);
 }
 
 .ship4 .container .content .bottom a:hover {
     box-shadow: 0px 2px 20px 0px rgba(18, 14, 0, 0.08);
 }
 
 .ship4 .container .content .head a dt {
    /* height: 0*/
 }
 
 .ship4 .container .content .head a dt h1 {
     font-size: 18px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 32px;
     height: auto;
     margin-top: 30px;
     margin-left: 21px
 }
 
 .ship4 .container .content .head a dd p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(85, 85, 85, 1);
     line-height: 32px;
     padding: 30px
 }
 
 .ship4 .container .content .bottom {
     display: flex;
     flex-flow: wrap;
 }
 
 .ship4 .container .content .bottom a {
     width: 278px;
     height: 165px;
     margin-right: 25px;
     background-color: #fff;
     margin-bottom: 30px;
 }
 /*.ship4 .container .content .bottom a:nth-child(4n){margin-right: 0}*/
 
 .ship4 .container .content .bottom a dt.cir {
     width: 70px;
     height: 70px !important;
     border-radius: 50%;
     background-color: #F5F6F7;
     text-align: center;
     margin: 0 auto;
     margin-top: 30px
 }
 
 .ship4 .container .content .bottom a dt img {
     width: 35px;
     height: 25px;
     margin-top: 23px
 }
 
 .ship4 .container .content .bottom a dd p {
     font-size: 14px;
     font-weight: 500;
     color: rgba(51, 51, 51, 1);
     line-height: 28px;
     text-align: center;
     padding: 20px 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .newscenter.newslist .container {
     padding-bottom: 50px
 }
 
 .ship1 .container {
     padding-top: 80px
 }
 
 .ship1 .container .content {
     width: 1200px;
     margin: 0 auto;
 }
 
 .ship1 .container .content .up h1 {
     font-size: 32px;
     font-weight: 400;
     color: rgba(16, 16, 16, 1);
     line-height: 24px;
     margin-bottom: 30px
 }
 
 .ship1 .container .content .up p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(102, 102, 102, 1);
     line-height: 32px;
 }
 
 .ship1 .container .content .up .row {
     margin-top: 40px;
     display: flex;
 }
 
 .ship1 .container .content .up .row .pic:last-child {
     margin-right: 0
 }
 
 .ship1 .container .content .up .row .pic {
     width: 380px;
     height: auto;
     margin-right: 30px;
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
 
 .ship1 .container .content .up .row .pic .down {
     width: auto;
     height: 202px;
     margin-top: 78px;
     padding: 0 20px;
     background: linear-gradient(0deg, rgba(134, 94, 89, 1) 0%, rgba(176, 52, 1, 0) 100%);
     position: relative;
 }
 
 .ship1 .container .content .up .row .pic .down1 {
     height: 202px;
     margin-top: 78px;
     padding: 0 20px;
     background: linear-gradient(0deg, rgba(34, 88, 125, 1) 0%, rgba(176, 52, 1, 0) 100%);
     position: relative;
 }
 
 .ship1 .container .content .up .row .pic .down2 {
     height: 202px;
     margin-top: 78px;
     padding: 0 20px;
     background: linear-gradient(0deg, rgba(58, 65, 88, 1) 0%, rgba(176, 52, 1, 0) 100%);
     position: relative;
 }
 
 .ship1 .container .content .up .row .pic h2 {
     font-size: 18px;
     font-weight: 500;
     color: rgba(255, 255, 255, 1);
     line-height: 24px;
     margin-bottom: 10px
 }
 
 .ship1 .container .content .up .row .pic .box {
     margin-top: 30px;
     position: absolute;
     bottom: 20px;
 }
 
 .ship1 .container .content .up .row .pic p {
     font-size: 14px;
     font-weight: 400;
     color: rgba(255, 255, 255, 1);
     line-height: 24px;
     text-shadow: 0px 3px 2px rgba(18, 14, 0, 0.15);
 }
 
 .ship1 .bbox {
     display: flex;
     margin-top: 77px
 }
 
 .ship1 .bbox .left,
 .ship1 .bbox .right {
     width: 50%
 }
 
 .ship1 .bbox .bot {
     display: flex;
     flex-flow: wrap;
 }
 
 .ship1 .bbox .bot .lt {
     flex-basis: 50%
 }
 
 .ship1 .bbox .bot .lt.en {
     flex-basis: 80%
 }
 
 .ship1 .sbox {
     margin-bottom: 26px
 }
 
 .ship1 .bbox .top {
     font-size: 16px;
     margin-bottom: 14px;
     font-weight: bold;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .ship1 .wrap {
     margin-bottom: 50px
 }
 
 .ship1 .bbox .bot p {
     font-size: 16px;
     margin-bottom: 10px;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 24px;
 }
 
 .ship1 .bbox p {
     font-size: 20px;
     margin-bottom: 29px;
     font-weight: 500;
     color: rgba(28, 34, 46, 1);
     line-height: 24px;
 }
 
 .ship1 .bbox span {
     font-size: 14px;
     font-weight: 400;
     color: rgba(153, 153, 153, 1);
     line-height: 24px;
 }
 
 @media (max-width: 1560px) {
     .aboutus2 h2 {
         font-size: 28px
     }
     .dev .row6 .box p {
         font-size: 28px
     }
     .aboutus2 .about_wish {
         font-size: 25px;
     }
 }
 
 @media (max-width: 1440px) {
     .aboutus2 .row .mainbox .bot img {
         width: 40%
     }
     .product .container .content .left p {
         font-size: 12px;
         font-weight: 500;
         line-height: 20px;
         margin-bottom: 15px;
     }
     .dev .row6 .box .btit {
         font-size: 28px !important;
     }
     .aboutus2 .row .mainbox .top img {
         width: 30%;
     }
     .aboutus2 .about_wish {
         font-size: 23px;
         line-height: 32px
     }
     .dev .row6 .box p {
         font-size: 20px
     }
     .aboutus2 h3 {
         font-size: 20px
     }
     .aboutus2 h2 {
         font-size: 23px;
         line-height: 32px;
         margin-right: 44px
     }
     .aboutus2 h3 {
         font-size: 22px;
         line-height: 32px
     }
     .aboutus2 .row:nth-child(1) .txt {
         margin-right: 250px
     }
     .aboutus2 .row:nth-child(3) .txt {
         margin-left: 110px
     }
 }
 
 @media (max-width: 1400px) {
     .ship4 .container .content {
         width: 90%
     }
     .aboutus2 .row:nth-child(3) .txt {
         margin-right: 110px
     }
 }
 
 @media (max-width: 1290px) {
     .aboutus .container .content .head {
         width: 90%
     }
     .aboutus .container .content .middle {
         width: 90%
     }
     .aboutus .container .content .middle .aside {
         width: 90%
     }
     .aboutus2 .row img:nth-child(2) {
         width: 70%
     }
     .a_wi {
         width: 25%
     }
     .aboutus .container .content .bottom {
         margin-top: -25px
     }
 }
 
 @media (max-width: 1230px) {
     .search .wrap .label {
         width: 100%;
     }
     .row2 .one_1 {
         width: 90%
     }
     .dev .row6 .box p {
         font-size: 18px
     }
     .ship1 .container .content .up h1 {
         font-size: 28px
     }
     /*.ship4 .container .content .head a{width:31%;}*/
     .ship4 .container .content .bottom a {
         width: 22%;
     }
     .ship1 .container .content {
         width: 90%
     }
     .ship1 .container .content .bbox {
         width: 90%
     }
     .ship1 .container .content .bbox .wrap1 {
         width: 50%
     }
     .ship5 .container .content {
         width: 90%
     }
     .ship4 .container .content .wrap {
         width: 80%;
          margin-left: 30px;
     }
     .ship4 .container .content .wrap .relative {
         width: 100%
     }
     .service3 .row dl {
         flex-basis: 100%
     }
     .product2 .container .content .down .wrap .box1 {
         width: 100%
     }
     .product2 .container .content .down .wrap .box {
         margin-right: 0
     }
     .ship6 .container .content a {
         width: 24%
     }
     .aboutus2 .row .a_wi {
         width: 24%
     }
     .aboutus2 .row .a_wi2 {
         width: 68%
     }
     .product2 .top .mainbox {
         width: 90%
     }
     .product2 .mid {
         width: 90%;
     }
 }
 
 @media (max-width: 1215px) {
     .product2 .wrap1 h3.active {
         width: 100%
     }
     .aboutus2 h3 {
         font-size: 18px;
         line-height: 28px;
     }
     .aboutus2 .about_wish {
         font-size: 22px;
         line-height: 28px;
         right: 30px
     }
     .aboutus2 h2 {
         font-size: 22px;
         line-height: 28px;
         margin-bottom: 20px;
         margin-right: 41px
     }
     .tecapp .head .mainbox {
         justify-content: center;
         flex-flow: wrap;
     }
     .tecapp .head .txt {
         width: 100%;
         margin-bottom: 20px
     }
     .product2 .mainbox {
         justify-content: center;
     }
     .product2 .mainbox img {
         margin-top: 20px
     }
     .tecapp4 .mainbox .left p {
         width: 100%;
         margin-bottom: 20px
     }
     .tecapp4 .row .pic {
         width: 100%;
         text-align: center;
     }
     .product2 .wrap1 {
         justify-content: center;
         flex-flow: wrap
     }
     .product2 .mainbox .wrap1 .right p {
         width: 100%
     }
     .product2 .mainbox .left p {
         width: 100%;
     }
     .tecapp4 .container .mainbox {
         justify-content: center;
         flex-flow: wrap;
     }
     .ship5 .container .content .right {
         float: none;
         width: 80%;
         margin-top: 500px;
     }
     .ship5 .container .bottom {
         position: static;
     }
     .service3 .row5 {
         flex-flow: wrap;
     }
     .service3 .row5 .left {
         width: 100%;
         margin-bottom: 30px
     }
     .product2 .mainbox .wrap1 .left p {
         width: 100%
     }
     .service3 .row5 .right {
         width: 100%
     }
     .aboutus2 p {
         font-size: 16px
     }
     .aboutus2 h3 {
         margin-bottom: 20px
     }
     .ship5 .container .content .left ul {
         position: absolute;
         width: 100%
     }
     .tecapp4 .container .mainbox .left {
         margin-bottom: 20px
     }
 }
 
 @media (max-width: 1024px) {
     .blue {
         width: 200px
     }
     font-size {
         font-size: 14px;
     }
     .service3 h1 {
         font-size: 28px
     }
     .aboutus2 .row:nth-child(1) h3 {
         margin-bottom: 30px
     }
     .aboutus2 .row:nth-child(1) .txt {
         margin-right: 50px;
         margin-top: 50px
     }
     .aboutus2 p {
         font-size: 14px
     }
     .main .dev .row6 .box .left a {
         padding: 0 10px
     }
     .product2 .container .content .down h1 {
         font-size: 28px
     }
     /*.ship4 .container .content .head a{width:47%;}*/
     /*.ship4 .container .content .head a:nth-child(2n+1){margin-right: 30px}*/
     /*.ship4 .container .content .head a:nth-child(2n){margin-right: 0}*/
     .ship4 .container .content .wrap li p {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     }
     .ship4 .container .content .right {
         margin-left: 200px
     }
     .ship4 .container .content .right a {
         margin-right: 20px
     }
     .tecapp4 .row .wrap .tit_2 p {
         font-size: 14px;
     }
     .tecapp4 .row .wrap ul {
         font-size: 14px;
         width: 100%
     }
     .tecapp4 .row .wrap ul img {
         margin-left: 0
     }
     .product2 .wrap1 {
         margin-bottom: 30px
     }
     .product2 .wrap1 .left {
         margin-bottom: 30px
     }
     .product2 .wrap1 ul {
         width: 100%
     }
     .zpxq .container .content .wrap {
         width: 100%
     }
 }
 
 @media (max-width: 820px) {
     .ship4 .container .content .right {
         margin-left: 150px
     }
 }
 
 @media (max-width: 768px) {
     .aboutus2 .row:last-child {
         margin-bottom: 30px
     }
     .zkbox {
         margin-bottom: 20px
     }
     .ship1 .bbox p {
         margin-bottom: 15px
     }
     .ship1 .container .content .up h1 {
         font-size: 24px
     }
     .product2 .mid h2 {
         margin-bottom: 10px
     }
     .product2 .container .content.cont {
         margin-top: 30px
     }
     .zpxq .container {
         padding-top: 38px;
         padding-bottom: 50px
     }
     .main .dev .row6 .box .left a {
         width: 110px
     }
     .aboutus2 .row:nth-child(2).mainbox {
         padding-bottom: 10px;
         margin-bottom: 20px
     }
     .aboutus2 .row:nth-child(1) .mainbox {
         margin-bottom: 30px
     }
     .ship6 .container .content dl dt p.slo {
         font-size: 10px
     }
     .ship6 .container {
         padding: 0;
     }
     .ship6 .container .content a {
         width: 49%
     }
     .aboutus .container .content .middle {
         width: 100%
     }
     .aboutus .container .content .middle .aside {
         padding: 30px 0
     }
     .aboutus .container .content .middle h1 {
         margin-top: 40px
     }
     .aboutus .container .content .head {
         margin-top: 40px
     }
     .service3 h1+p {
         margin-bottom: 30px;
         margin-top: -8px
     }
     .contactus .container form .con .row .small [placeholder] {
         padding: 15px
     }
     .contactus .container form .con .row .small:nth-child(2) {
         margin-right: 0
     }
     .contactus .container form .con .row .small {
         width: 100%;
         margin-bottom: 15px
     } 
     .dev5 .container .content h1 {
         margin-bottom: 0
     }
     .dev2 .container {
         padding: 0 0 10px 0
     }
     .aboutus .container .content .middle {
         margin-top: 0;
         box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
     }
     .search .container .content .text {
         margin-bottom: 20px
     }
     .search .container .content .text h1 {
         margin-bottom: 12px
     }
     .service3 .box {
         padding: 20px 00
     }
     .service3 .nav {
         display: none !important
     }
     .aboutus2 .about_wish {
         top: 10px;
         right: 10px
     }
     .tecapp .container .content .right .wrap .text {
         font-size: 14px
     }
     .tecapp .head {
         padding: 40px 0 30px;
         margin-bottom: 30px
     }
     .tecapp4 .row .wrap {
         width: auto;
         padding: 20px 10px
     }
     .aboutus2 .row:nth-child(3) .txt {
         margin: 0;
     }
     .product2 .container .content .down h1 {
         font-size: 24px;
         margin-bottom: 15px
     }
     .ship1 .bbox {
         flex-direction: column;
     }
     .ship1 .bbox .left {
         width: 100%
     }
     .service3 .box ul {
         margin-top: 10px
     }
     .service3 .row4 dl {
         flex-basis: 100%
     }
     .ship5 .container .content .left .f2 li {
         margin-bottom: 36px
     }
     .ship5 .container .content .left .f1 h2 {
         margin-bottom: 0
     }
     .ship1 .bbox .right {
         width: 100%
     }
     .product2 .mainbox {
         padding: 40px 0 30px;
         margin-bottom: 15px;
         width: 100%
     }
     .ship1 .container .content .up .row {
         flex-flow: wrap;
     }
     .ship1 .container .content .up .row .pic {
         width: 100%;
         margin-right: 0;
         margin-bottom: 20px
     }
     .ship1 .container .content .bbox .wrap1 {
         width: 100%;
         margin-bottom: 30px
     }
     .ship4 .container .content .bottom a {
         width: 30%;
     }
     .ship5 .container .content .left .f1 li {
         margin-bottom: 25px
     }
     /*.ship4 .container .content .bottom a:nth-child(4n){margin-right: 25px}*/
     /*.ship4 .container .content .head a:nth-child(2n+1){margin-right: 30px}*/
     /*.ship4 .container .content .head a:nth-child(2n){margin-right: 0}*/
     .ship4 .container .content .wrap .relative .ss {
         display: none;
     }
     .ship4 .container .content .wrap li:hover .relative {
         padding-right: 10px;
     }
     .ship4 .container .content .right {
         margin-left: 100px
     }
     .new1 h2 {
         margin-top: 10px;
         margin-bottom: 20px
     }
     .product2 .mainbox {
         padding: 40px 0 30px;
         margin-bottom: 0
     }
     .product2 .container .content .down .wrap {
         justify-content: space-between;
     }
     .product2 .container .content .down .wrap .box {
         width: 48%;
         margin-bottom: 20px
     }
     .tecapp4 .row .wrap {
         padding: 20px 20px 0
     }
     .service3 .row5 .right .pic {
         width: 100%
     }
     .product2 .wrap1 {
         margin-bottom: 0
     }
     .service3 .row5 .right .txt {
         width: 100%
     }
     .service3 .row4.row_4 dl {
         flex-basis: 100%;
         margin-right: 0;
         margin-left: 0
     }
     .ship5 .container .bottom {
         display: none
     }
     .contactus .container .content .pic .aside1:last-child p {
         margin-left: 25px
     }
     .contactus .container .content .pic .aside1:last-child h2 {
         margin-left: 24px
     }
     .product2 .content .wrap1:nth-child(2n) .right {
         margin-bottom: 0px
     }
     .ship1 .container {
         padding-top: 40px
     }
     .aboutus2 .container {
         margin-top: 40px
     }
     .new1 h1 {
         margin-bottom: 0
     }
     .ship1 .bbox {
         margin-top: 30px
     }
     .ship1 .bbox .bot .lt.dj {
         flex-basis: 100%
     }
     .product2 .mainbox img {
         margin-top: 0
     }
     .ship1 .bbox .bot .lt.en {
         flex-basis: 100%
     }
     .py1 {
         top: -40px;
     }
     .service3 .aside {
         top: -40px
     }
     .ship1 .wrap {
         margin-bottom: 30px
     }
     .ship1 .container .content .bbox {
         width: 100%
     }
     .product2 .mid img {
         margin: 10px 0 20px;
         width: 100% !important;
         height: auto !important;
     }
     .service3 .row5 .right {
         margin-bottom: 20px;
     }
     .dev .container .content .row2 .right .box {
         justify-content: center !important;
     }
     .dev .container .content .row11 .right .box {
         justify-content: center !important;
     }
     .dev .container .content .row3 .left .tit {
         width: 100%
     }
     .dev .row6 .box .wrap {
         width: 70%;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
     }
     .main .dev .row6 .box .left a {
         padding: 4px 0
     }
     .main .dev .row6 .box .left a {
         flex-basis: 48%
     }
     .dev5 .container .content .row1 .top1 h1 {
         text-align: center;
     }
     .newscenter .container .content {
         float: none
     }
     .service3 .wrap {
         margin-bottom: 10px
     }
     .ship4 .container .slide li {
         margin-bottom: 20px
     }
     .mediacenter .container .zd {
         top: 265px
     }
     .ship6 .container {
         padding: 20px 0 10px
     }
     .product2 .content .wrap1:nth-child(2n) {
         flex-direction: column-reverse;
     }
     .ship4 .container {
         padding: 40px 0 30px
     }
     .product2 .container .content .down {
         padding-bottom: 20px;
         margin-top: 0
     }
     .ship4 .container .content dl dd p {
         padding: 0 10px 10px
     }
     .product2 .mid .box2:first-child {
         margin-top: 30px
     }
     .dev .container {
         padding: 40px 0 30px
     }
     /*.ship4 .container .content .head a{width:100%;margin-right: 0}*/
     /*.ship4 .container .content .head a:nth-child(2n+1){margin-right: 0}*/
     /*.ship4 .container .content .bottom a{width: 45%;}*/
     /*.ship4 .container .content .bottom a:nth-child(2n){margin-right: 0}*/
     .service3 .row4.row_3 dl {
         flex-basis: 100%
     }
     .service3 .row4.row_2 dl {
         flex-basis: 100%
     }
     .dev .row6 .box .wrap {
         width: 100%
     }
     .aboutus2 .row:nth-child(1) .txt {
         margin-right: 0;
         margin-left: 0;
         margin-top: 20px
     }
     .blue {
         width: 150px
     }
     .aboutus2 h2 {
         text-align: left !important;
     }
     .aboutus2 h3 {
         text-align: left !important;
     }
     .aboutus2 .row .mainbox .pic img {
         width: 60%
     }
     .aboutus2 .row .mainbox .pic {
         text-align: center;
     }
     .search .container .content1 .box img {
         width: 70%
     }
     .search .container .content1 .box {
         margin-bottom: 0;
         height: 125px
     }
     .row5 .right .bottom li a {
         width: 320px
     }
     .dev .row6 .box .btit {
         font-size: 17px !important;
         line-height: 30px;
     }
     .search .wrap {
         width: 90%;
         margin: 0 auto;
     }
     .product2 .mid {
         margin-bottom: 20px
     }
     .tecapp4 .row .wrap .exa ul:nth-child(2) {
         margin-top: 0
     }
     .dev .container .content h1 {
         text-align: left;
     }
     .dev .container .content .row .right .lbox {
         margin-right: 20px
     }
     .dev5 .container .content .row1 .left.ll {
         margin-left: 0;
     }
     .dev5 .container .content .row1 .left {
         margin: 0
     }
     .search .container .content1 {
         margin-top: 60px
     }
     .ship4 .container .slide {
         left: 10px
     }
     .service3 .sbox {
         flex-direction: column;
     }
     .py {
         top: -75px;
     }
     .tecapp4 .row .pic {
         overflow: hidden;
     }
     .tecapp4 .row .pic img {
         position: relative;
     }
     .service3 .main_22 .row4.row_4 dl {
         flex-basis: 100%
     }
     .ship5 .container .content .left h1 {
         width: 100%;
         height: auto;
         font-size: 24px
     }
     .ship5 .container {
         padding: 40px 0 50px
     }
     .ship5 .container .content .left h1 {
         margin-bottom: 30px;
         line-height: 35px
     }
     .ship5 .container .content .right {
         margin-top: 415px;
         width: 100%;
         height: auto;
     }
     .dev5 .container .content .row1 .left {
         width: 100%;
         margin-bottom: 20px
     }
     .zpxq .container .content .wrap a {
         display: block;
         text-align: center;
         padding-right: 0
     }
     .dev5 .container .content .row .right {
         width: 100%
     }
     .ship4 .container .content .wrap li p {
         margin-right: 30px
     }
     .dev .container .content .row3 .left .pic {
         margin-top: 15px;
         margin-right: 25px
     }
     .dev5 .container .content .row1 .top1 {
         margin: 0;
         display: none
     }
     .dev2 .container .content .row .box {
         width: 100%;
         margin-right: 0
     }
     .row5 .right .bottom li a {
         width: 220px
     }
     .service3 .box ul li {
         flex-basis: 100%;
         margin-right: 0
     }
     .row2 span {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 10px;
     }
     .wap_t {
         display: block;
     }
     .tecapp4 .row .wrap .exa {
         flex-flow: wrap;
     }
     .ship4 .container .content .right a {
         margin: 0 auto;
         margin-bottom: 20px
     }
     .ship1 .container .content .up .row .pic .box {
         width: 93%
     }
     .search .container .content {
         margin-bottom: 50px
     }
     .product2 .con_logo .mainbox2 {
         padding-top: 135px
     }
     .search .wrap {
         padding-bottom: 0
     }
     .search .wrap {
         display: flex;
     }
     .aboutus2 .row:nth-child(2).mainbox {
         margin-bottom: 20px
     }
     .dev .container .content h1 {
         line-height: 19px;
     }
     .dev .row6 .box .btit {
         margin-bottom: 25px
     }
     .dev5 .container .content .row .left .tit {
         width: 100%;
         margin-left: 15px;
         text-align: start;
         margin-top: 30px
     }
 }
 
 @media (max-width: 500px) {
     .ship5 .container .content .left ul {
         position: static;
     }
     .ship5 .container .content .right {
         margin-top: 0px
     }
     .product2 .wrap1 .left {
         margin-bottom: 0
     }
     .product2 .mainbox.mainbox2 {
         padding: 0
     }
     .product2 .con_logo .mainbox2 {
         padding-top: 100px
     }
     .product2 .mainbox.m1 {
         padding-bottom: 0
     }
     .service3 dl dt {
         justify-content: center;
         ;
         display: flex
     }
     .service3 dt p {
         width: 80%
     }
     .product2 .mainbox .pdf .pdf_b {
         height: 30px
     }
     .product2.pro3 .container .content {
         padding: 0
     }
     .search {
         min-height: 550px
     }
     .box.pc_1 {
         display: none
     }
     .box.wap_1 {
         display: block
     }
     .ship5 .container .content .left ul.f2 {
         float: left;
         width: auto
     }
 }
 
 @media (max-width: 414px) {
     .wap_5 {
         display: block;
     }
     .pc_5 {
         display: none
     }
     .product .container .content .right .label ul {
         display: flex;
         flex-flow: wrap;
     }
     .product .container .content .right li {
         width: 100%;
         margin-right: 0
     }
     .row6 {
         background-attachment: inherit;
     }
     .product2 .container .content .down h1 {
         font-size: 18px
     }
     .product2 .container .content .down p {
         font-size: 14px;
     }
     .product2 .container .content .down p img {
         width: 29px;
         height: 19px
     }
     .service3 .top {
         display: flex;
     }
     .service3 .top p {
         width: 80%
     }
     .search .wrap {
         padding-bottom: 0;
         overflow: auto;
     }
     .search .wrap .label {
         width: 1000px;
         display: flex;
         justify-content: space-between;
     }
     .search .wrap .s_l {
         margin-right: 10px;
     }
     .search .wrap .label a.color {
         margin-right: 0;
     }
     .front {
         width: 100%
     }
     .row6 a {
         width: 47%
     }
     .ship1 .bbox .bot .lt {
         flex-basis: 100%
     }
     .blue {
         width: 100%
     }
     .aboutus2 .row .mainbox {
         flex-direction: column;
     }
     .ship4 .container .content .bottom a {
         width: 100%;
         margin-right: 0
     }
     .ship1 .container {
         padding: 40px 0 20px
     }
     .ship1 .container .content .bbox .wrap1 {
         margin-bottom: 15px
     }
     .ship1 .container .content .bbox .wrap1 .tit p {
         font-size: 12px
     }
     .ship1 .container .content .bbox .wrap1 .tit span {
         font-size: 10px
     }
     .ship4 .container {
         padding: 40px 0 50px
     }
     .ship4 .container .slide li .relative.on a {
         font-size: 16px
     }
     .ship4 .container .slide .relative a {
         font-size: 14px
     }
     .ship4 .container .content .wrap .relative .s2 {
         border-left: 5px solid #187434 !important
     }
     .ship4 .container .slide .relative a {
         padding-left: 0px
     }
     .ship4 .container .content .right {
         margin-left: 50px
     }
     .aboutus2 .row:nth-child(3) .txt {
         width: 100%
     }
 }
 
 @media (max-width: 320px) {
     .ship4 .container .content dl dt {
         width: 205px
     }
     .ship4 .container .content .right a {
         width: 225px
     }
 }