/*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);
                }
                
                .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
                }
                
                .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 20px 25px 20px;
                        display: -webkit-box;
                        height: 25px;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }
                    .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
                    }
                }
                
                .py3 {
                    top: -70px;
                }
                
                .product2 .mainbox .pdf {
                    width: 210px
                }
                
                .product2 .mainbox .pdf .pdf_t {
                    margin: 35px 0 30px
                }
                
                .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
                }
                
                .product2 .mainbox .pdf .pdf_b a {
                    font-size: 14px;
                    font-weight: bold;
                    color: rgba(255, 255, 255, 1);
                    line-height: 32px;
                }
                
                .contactus .container .content .pic .aside1 {
                    background-color: #7353ad
                }
                
                .py3 {
                    position: relative;
                    top: -180px;
                    display: block;
                    height: 0;
                    overflow: hidden;
                }
                
                .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: 14px
                }
                
                .newscenter.newslist .container {
                    padding-bottom: 50px
                }
                
                .dev .content img {
                    background-color: #E5E5E5
                }
                
                .zpxq .container .content .wrap dl dd {
                    margin-left: 13px;
                }
                
                .dev5 img {
                    background-color: #E5E5E5
                }
                /*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;
                    line-height: 46px;
                    margin-top: 10px
                }
                
                .mediacenter .banner1 .aside .section h2 a {
                    font-size: 26px;
                    font-weight: 500;
                    line-height: 46px;
                    margin-top: 10px;
                    color: #fff;
                }
                
                .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
                }
                
                .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: 28px;
                    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: 240px;
                }
                
                .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: 16px;
                    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
                    }
                }
                
                .product2 #log .wrap1 .left p {
                    width: 615px
                }
                /*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);
                }
                
                .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 .content li {
                    list-style: inherit;
                    display: list-item;
                }
                
                .newsdetail .container .content li {
                    margin-left: 15px;
                }
                
                .newsdetail .container .content div li {
                    margin-left: 0px;
                }
                
                .newsdetail .container .content div ul,
                .newsdetail .container .content div li {
                    list-style: none;
                }
                
                .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: 32px;
                }
                
                .newsdetail .container .content img {
                    margin: 31px 0 5px
                }
                
                .newsdetail .container .content div ul {
                    display: none
                }
                
                .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;
                    text-align: right;
                    background-color: inherit;
                    bottom: 23px;
                    cursor: pointer;
                    color: #4C298E;
                }
                
                .product2 .zk {
                    background-color: inherit;
                    width: 55px
                }
                
                .pick {
                    display: none;
                    position: absolute;
                    bottom: 0;
                    right: 0px;
                    cursor: pointer;
                    color: #4C298E;
                }
                
                .center3 .mainbox.mainbox2 {
                    padding-bottom: 0px;
                    margin-bottom: 50px
                }
                
                .product2.center1 .mainbox {
                    padding-bottom: 0px;
                    margin-bottom: 50px
                }
                /*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;
                }
                
                .product2 .con_logo .mainbox2 strong {
                    display: inline-block;
                    margin-bottom: 30px
                }
                
                .search .wrap {
                    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 .wrap .label {
                        width: 90%
                    }
                    .search .sskf .ssk {
                        width: 80%
                    }
                    .search .sskf .ssk input {
                        width: 90%
                    }
                    .search .container .content1 {
                        width: 80%
                    }
                    .search .wrap {
                        width: 90%;
                        margin: 0 auto
                    }
                }
                
                @media (max-width: 768px) {
                    .newscenter .container .content {
                        float: none
                    }
                    .search .sskf .ssk input {
                        width: 80%;
                        margin: 0 14px;
                    }
                    .search .sskf .ssk button {
                        right: 4px;
                        top: 12px
                    }
                    .search .wrap .label a {
                        margin-right: 10px
                    }
                }
                
                @media (max-width: 414px) {
                    .search .wrap .label {
                        font-size: 10px
                    }
                    .search .wrap .label a {
                        margin-right: 0px
                    }
                }
                /*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: 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: 100px
                }
                
                .aboutus2 .row {
                    display: flex;
                    justify-content: space-between;
                    position: relative;
                }
                
                .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: 300px;
                    margin-right: 170px;
                    margin-top: 140px;
                    margin-left: 150px;
                }
                
                .aboutus2 .row:nth-child(3) p {
                    width: 275px;
                }
                
                .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: 18px;
                    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: 35px;
                    width: 210px;
                    position: absolute;
                }
                
                .product .container .content .left p {
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 24px;
                    margin-bottom: 30px;
                }
                
                .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 .mid {
                    width: 800px;
                    margin: 0 auto;
                }
                
                .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 img {
                    margin: 10px 0 30px
                }
                
                .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;
                }
                
                .product2 .mid .box2:first-child {
                    margin-top: 70px
                }
                
                .product .container .content .right p span {
                    font-size: 16px
                }
                
                .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: 398px;
                    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;
                }
                
                .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
                }
                
                .product2 .mainbox .left ul p {
                    margin-top: 0 !important;
                }
                
                .product2 .mainbox .left p {
                    width: 630px;
                    font-size: 18px;
                    text-align: justify;
                    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: 75px;
                }
                
                .product2 .mainbox .right p {
                    width: 630px;
                    font-size: 18px;
                    font-weight: 400;
                    color: rgba(68, 68, 68, 1);
                    line-height: 32px;
                }
                
                .product2 .container .content.cont {
                    margin-top: 60px
                }
                
                .new1 h1 {
                    margin-bottom: 20px
                }
                
                .new1 h2 {
                    margin-top: 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 .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: 28px;
                    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 {
                    margin-top: 60px
                }
                
                .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 {
                    text-align: center;
                }
                
                .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
                }
                
                .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;
                }
                
                .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%;
                    }
                    .product2 .mid {
                        width: 90%;
                    }
                }
                
                @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
                    }
                    .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
                    }
                    #popbox1 {
                        width: 80%;
                    }
                    .z {
                        left: -30px
                    }
                    .y {
                        right: -50px
                    }
                    .gdta {
                        height: 350px
                    }
                    .product2 .container .content .down {
                        padding-bottom: 20px;
                        margin-top: 0
                    }
                    .product2 .container .content .down .wrap .box h2 {
                        padding: 10px 10px 0;
                        font-size: 14px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }
                }
                
                @media (max-width: 500px) {
                    .product2 .mid {
                        margin-bottom: 20px
                    }
                    .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: 0px
                    }
                    .product .container .content {
                        padding-top: 40px
                    }
                    .product .container .content .right .wrap {
                        padding: 20px
                    }
                    .product2 .container .content .middle ul li {
                        width: 150px
                    }
                }
                /*技术应用*/
                
                .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: 35px
                }
                
                .tecapp .container .content .left ul li {
                    margin-bottom: 30px
                }
                
                .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;
                }
                
                .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 .label span {
                    font-size: 18px;
                    font-weight: 500;
                    color: rgba(255, 255, 255, 1);
                    line-height: 24px;
                    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;
                }
                
                .ship6 .container .content dl dt p.slo {
                    font-size: 18px
                }
                
                .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
                }
                
                .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: 16px;
                    font-weight: 400;
                    color: rgba(68, 68, 68, 1);
                    line-height: 34px;
                }
                
                .product2 .wrap1:last-child {
                    margin-bottom: 0
                }
                
                .tecapp4 .row .wrap .tit_2 {
                    font-size: 16px;
                    padding-bottom: 30px;
                    border-bottom: 1px solid #EEEEEE;
                    font-weight: 400;
                    color: rgba(68, 68, 68, 1);
                    line-height: 34px;
                }
                
                .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 ul {
                    font-size: 16px;
                    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
                    }
                    .tecapp3 .container .content .down .wrap .box {
                        width: 50%
                    }
                }
                
                @media (max-width: 414px) {
                    .tecapp .container .content .right .wrap .label {
                        margin-bottom: 19px;
                        padding-bottom: 5px
                    }
                    .tecapp .container .content .right .wrap .label span {
                        padding: 10px 15px
                    }
                    .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;
                    }
                }
                /*联系我们*/
                
                .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: 0
                    }
                    .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 .content .wrap dl dd p {
                    text-indent: -1em;
                }
                
                .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 p {
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(85, 85, 85, 1);
                }
                
                .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;
                }
                /*服务*/
                
                .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%;
                    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: 16px;
                    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: 350px;
                }
                
                .service3 .row5 .right .txt {
                    width: 310px;
                }
                
                .service3 .row5 .txt {
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(68, 68, 68, 1);
                    line-height: 28px;
                }
                
                .service3 .box li {
                    position: relative;
                    margin-left: 20px;
                }
                
                .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;
                }
                
                .service3 .row dl {
                    flex-basis: 43.9%;
                }
                
                .service3 .row2 dl {
                    flex-basis: 26.9%;
                }
                
                .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;
                }
                
                .wap_t {
                    display: none
                }
                
                .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 60px 0 90px
                }
                
                .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 .top {
                    margin-left: 66px;
                }
                
                .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 .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;
                }
                
                .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 .row2 .left {
                    width: 780px;
                }
                
                .dev .container .content .row2 .right {
                    margin-left: 60px
                }
                  .dev .container .content .row11 {
                    display: flex;
                    align-items: center;
                    margin-bottom: 80px;
                    padding: 0;
                    background-color: inherit;
                }
                
                .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 205px
                }
                
                .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 {
                    width: 41%;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-around;
                }
                
                .main .dev .row6 .box .left a {
                    margin-left: 0;
                    width: 36%
                }
                
                .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) {
                    .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) {
                    .aboutus2 .row:nth-child(3) .txt {
                        margin-top: 0
                    }
                    .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
                    }
                    .dev .container .content h1 {
                        font-size: 14px;
                        margin-bottom: 0;
                        margin-right: 10px;
                        line-height: 19px
                    }
                    .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
                    }
                    .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 .ppc {
                        width: 48%;
                        height: auto;
                    }
                    .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;
                        margin-bottom: 20px;
                        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;
                        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;
                    }
                    .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
                    }
                }
                /*@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
                }
                
                .ship4 .container .content dl dt p.slo {
                    font-size: 18px
                }
                
                .ship4 .container .content dl dt .box {
                    text-align: center;
                    position: absolute;
                    top: 59px;
                    left: 0;
                    right: 0
                }
                
                .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;
                    padding: 0
                }
                
                .ship6 .container .content dl dt {
                    margin: 10px;
                    position: relative;
                }
                
                .ship6 .container .content dl dd p {
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 36px;
                    padding: 20px 30px 30px 30px
                }
                
                .ship6 .container .content dl dt p {
                    font-size: 18px;
                    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 {
                    text-align: center;
                    position: absolute;
                    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: 18px;
                    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;
                }
                
                .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%
                    }
                    .ship6 .container .content a {
                        width: 24%;
                    }
                    .zpxq .container .content {
                        width: 90%
                    }
                }
                
                @media (max-width: 768px) {
                    .mediacenter .container .zd {
                        top: 265px
                    }
                    .ship6 .container .content dl dt .box {
                        top: 55px
                    }
                    .ship6 .container .content dl dt p {
                        font-size: 16px;
                        line-height: 28px;
                    }
                    .ship6 .container .content a {
                        width: 49%;
                    }
                    .ship6 .container .content dl dd p {
                        font-size: 16px;
                        padding: 10px 15px 15px;
                        line-height: 28px;
                    }
                    .ship6 .container .content a {
                        margin-bottom: 20px
                    }
                }
                
                .ship4 .container .content dl dt .box {
                    top: 80px
                }
                
                .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: 46px
                }
                
                .ship4 .container .content dl dt {
                    width: 230px;
                    height: 259px;
                    margin: 10px;
                }
                
                .ship4 .container .content a:nth-child(4n) {
                    margin-right: 0
                }
                
                .ship4 .container .content dl dd p {
                    font-size: 18px;
                    font-weight: bold;
                    line-height: 36px;
                    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 {
                    width: 448px;
                    font-size: 32px;
                    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;
                }
                
                .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;
                    margin-left: 150px;
                }
                
                .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
                }
                
                .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 {
                    width: 70px;
                    height: 70px;
                    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;
                }
                
                .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;
                    }
                    .aboutus2 .row .mainbox .bot img {
                        width: 30%
                    }
                }
                
                @media (max-width: 1440px) {
                    .ship4 .container .content .head a {
                        width: 31%;
                    }
                    .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 .row:nth-child(3) .txt {
                        margin-left: 120px
                    }
                    .aboutus2 h2 {
                        font-size: 23px;
                        line-height: 32px;
                    }
                    .aboutus2 h3 {
                        font-size: 22px;
                        line-height: 32px
                    }
                    .aboutus2 .row:nth-child(1) .txt {
                        margin-right: 250px
                    }
                    .dev .row6 .box .btit {
                        font-size: 28px !important
                    }
                }
                
                @media (max-width: 1400px) {
                    .ship4 .container .content {
                        width: 90%
                    }
                    .aboutus2 .row .mainbox .bot img {
                        width: 25%
                    }
                }
                
                @media (max-width: 1290px) {
                    .aboutus .container .content .head {
                        width: 90%
                    }
                    .aboutus .container .content .middle {
                        width: 90%
                    }
                    .aboutus .container .content .middle .aside {
                        width: 90%
                    }
                    .a_wi {
                        width: 25%
                    }
                    .aboutus2 .row img:nth-child(2) {
                        width: 70%
                    }
                    .aboutus .container .content .bottom {
                        margin-top: -25px
                    }
                }
                
                @media (max-width: 1230px) {
                    .product2 .container .content .down h1 {
                        font-size: 30px
                    }
                    .dev .row6 .box p {
                        font-size: 18px
                    }
                    .ship1 .container .content .up h1 {
                        font-size: 28px
                    }
                    .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
                    }
                    .aboutus2 .row .a_wi {
                        width: 24%
                    }
                    .aboutus2 .row .a_wi2 {
                        width: 68%
                    }
                    @media (max-width: 1215px) {
                        .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 .top .mainbox {
                            width: 90%
                        }
                        .product2 .mainbox img {
                            margin-top: 20px
                        }
                        .tecapp4 .mainbox .left p {
                            width: 100%;
                        }
                        .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
                        }
                        .tecapp4 .container .mainbox .left {
                            margin-bottom: 20px
                        }
                    }
                    @media (max-width: 1024px) {
                        .zpxq .container .content .wrap {
                            width: 100%
                        }
                        .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;
                            text-align: justify;
                        }
                        .tecapp4 .row .wrap ul {
                            font-size: 14px
                        }
                        .tecapp4 .row .wrap ul img {
                            margin-left: 0
                        }
                        .product2 .wrap1 {
                            margin-bottom: 30px
                        }
                        .product2 .wrap1 .left {
                            margin-bottom: 30px
                        }
                        .product2 .wrap1 ul {
                            width: 100%
                        }
                    }
                    @media (max-width: 820px) {
                        .ship4 .container .content .right {
                            margin-left: 150px
                        }
                    }
                    @media (max-width: 768px) {
                        .tecapp4 .row .wrap a:hover i img:nth-child(2) {
                            display: none;
                            position: absolute;
                            left: 0;
                            top: -1px
                        }
                        .product2 .mainbox .pdf .pdf_t img {
                            margin-bottom: 0
                        }
                        .product2 .mainbox .pdf .pdf_t {
                            margin: 10px 0 5px
                        }
                        .product2 .mainbox .pdf .pdf_b {
                            font-size: 14px
                        }
                        .product2 .mid h2 {
                            margin-bottom: 10px
                        }
                        .product2 .container .content.cont {
                            margin-top: 30px
                        }
                        .service3 .row5 .right {
                            margin-bottom: 20px;
                        }
                        .dev .container .content .row .right .rbox {
                            width: 100%
                        }
                        .ship4 .container .content dl dd p {
                            padding: 0 10px 10px;
                            font-size: 16px
                        }
                        .product2 .container .content .down {
                            padding-bottom: 20px
                        }
                        .zkk {
                            height: auto;
                        }
                        .product2 .content .wrap1:nth-child(2n) {
                            flex-direction: column-reverse;
                        }
                        .ship4 .container {
                            padding: 40px 0 30px
                        }
                        .service3 .aside {
                            top: -40px
                        }
                        .py1 {
                            top: -40px;
                        }
                        .aboutus2 .container {
                            margin-bottom: 0
                        }
                        .aboutus2 .row:nth-child(2).mainbox {
                            padding-bottom: 10px;
                            margin-bottom: 20px
                        }
                        .aboutus2 .row:nth-child(1) .mainbox {
                            margin-bottom: 30px
                        }
                        .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%
                        }
                        .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
                        } 
                        .aboutus .container .content .head {
                            margin-top: 40px
                        }
                        .ship4 .container .content dl dt p.slo {
                            font-size: 16px
                        }
                        .dev2 .container {
                            padding: 0 0 10px 0
                        } 
                        .search .container .content .text {
                            margin-bottom: 20px
                        }
                        .ship1 .container {
                            padding-top: 40px
                        }
                        .search .container .content .text h1 {
                            margin-bottom: 12px
                        }
                        .service3 .box {
                            padding: 20px 0
                        }
                        .service3 .nav {
                            display: none !important
                        }
                        .ship4 .container .content dl dt p {
                            font-size: 16px
                        }
                        .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 .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%
                        }
                        .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
                        }
                        .product2 .mainbox {
                            padding: 40px 0 30px;
                            margin-bottom: 0;
                            width: 100%
                        }
                        .product2 .container .content .down .wrap {
                            justify-content: space-between;
                        }
                        .product2 .container .content .down .wrap .box {
                            width: 48%;
                            margin-bottom: 20px
                        }
                        .product2 .mid img {
                            margin: 10px 0 20px;
                            width: 100% !important;
                            height: auto !important;
                        }
                        .tecapp4 .row .wrap {
                            padding: 20px
                        }
                        .service3 .row5 .right .pic {
                            width: 100%
                        }
                        .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: 30px
                        }
                        .ship1 .bbox {
                            margin-top: 30px
                        }
                        .ship1 .bbox .bot .lt.en {
                            flex-basis: 100%
                        }
                        .ship1 .bbox .bot .lt.dj {
                            flex-basis: 100%
                        }
                        .product2 .wrap1 {
                            margin-bottom: 0
                        }
                        .ship1 .wrap {
                            margin-bottom: 30px
                        }
                        .service3 .box ul {
                            margin-top: 10px
                        }
                        .new1 h2 {
                            margin-top: 10px;
                            margin-bottom: 20px
                        }
                        .ship1 .container .content .bbox {
                            width: 100%
                        }
                        .new1 h1 {
                            margin-bottom: 0
                        }
                        .product2 .mainbox img {
                            margin-top: 0
                        }
                        .product2 .mainbox .pdf .pdf_b img {
                            margin-bottom: 0
                        }
                        .aboutus .container .content .middle {
                            width: 100%
                        }
                        .aboutus .container .content .middle .aside {
                            padding: 30px 0
                        }
                        .aboutus .container .content .middle h1 {
                            margin-top: 40px
                        }
                        .dev .row6 .box .wrap {
                            width: 70%;
                            margin: 0 auto;
                            display: flex;
                            justify-content: space-between;
                        }
                        .main .dev .row6 .box .left a {
                            padding: 4px 0
                        }
                        .dev5 .container .content .row1 .top1 {
                            text-align: center;
                            display: none
                        }
                        .service3 .wrap {
                            margin-bottom: 10px
                        }
                        .ship4 .container .slide li {
                            margin-bottom: 20px
                        }
                        .ship6 .container {
                            padding: 20px 0 10px
                        }
                        .ship6 .container .content dl dt p.slo {
                            font-size: 16px
                        }
                        .product2 .mid .box2:first-child {
                            margin-top: 30px
                        }
                        .wap_t {
                            display: block
                        }
                        .main .dev .row6 .box .left a {
                            width: 110px
                        }
                        .row2 span {
                            font-size: 14px;
                            line-height: 20px;
                            margin-bottom: 7px;
                        }
                        #bottom ul.ul_ti {
                            margin-left: 0
                        }
                        .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: 235px
                        }
                        .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%
                        }
                        .dev .row6 .box .btit {
                            margin-bottom: 25px;
                            font-size: 17px !important;
                            line-height: 30px;
                        }
                        .search .container .content1 .box {
                            margin-bottom: 0;
                            height: 125px
                        }
                        .dev .container {
                            padding: 40px 0 30px
                        }
                        .ship4 .container .content .right {
                            justify-content: flex-end;
                        }
                        .dev .container .content .row .right .lbox {
                            margin-right: 20px
                        }
                        .ship4 .container .content .wrap li p {
                            margin-right: 30px
                        }
                        .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: 377px;
                            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%
                        }
                        .tecapp4 .row .wrap ul {
                            width: 100%
                        }
                        .tecapp4 .row .wrap .exa {
                            flex-direction: column;
                        }
                        .tecapp4 .row .wrap .exa ul:nth-child(2) {
                            margin-top: 0
                        }
                        .dev2 .container .content .row .box {
                            width: 100%;
                            margin-right: 0
                        }
                        .dev .container .content .row3 .left .pic {
                            margin-top: 15px;
                            margin-right: 25px
                        }
                        .service3 .box ul li {
                            flex-basis: 100%;
                            margin-right: 0
                        }
                        .dev5 .container .content .row .left .tit {
                            width: 100%;
                            margin-left: 50px;
                            text-align: start;
                            margin-top: 45px
                        }
                        .ship4 .container .content .right a {
                            margin: 0 auto;
                            margin-bottom: 20px
                        }
                        .zpxq .container {
                            padding-top: 38px;
                            padding-bottom: 50px
                        }
                        .aboutus2 .row:nth-child(3) p {
                            width: 100%;
                            margin-left: 0
                        }
                        .zkbox {
                            margin-bottom: 20px
                        }
                        .pr2 .left {
                            margin-bottom: 20px
                        }
                        .zkk {
                            margin-bottom: 20px
                        }
                        .product2 #log .wrap1 .left p {
                            width: 100%
                        }
                        .product2.center3 .mainbox.mainbox2 .wrap1 {
                            margin-bottom: 0
                        }
                        .aboutus2 .row:last-child {
                            margin-bottom: 30px
                        }
                        .search {
                            min-height: 550px
                        }
                    }
                    @media (max-width: 414px) {
                        .product .container .content .right .label ul {
                            display: flex;
                            flex-flow: wrap;
                        }
                        .product .container .content .right li {
                            width: 100%
                        }
                        .center3 .mainbox.mainbox2 {
                            padding-bottom: 0px;
                            margin-bottom: 30px
                        }
                        .product2.center1 .mainbox {
                            padding-bottom: 0px;
                            margin-bottom: 30px
                        }
                        .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
                        }
                        .search .wrap {
                            padding-bottom: 0
                        }
                        .search .wrap .label {
                            display: flex;
                            justify-content: space-between;
                        }
                        .search .wrap .label a.color {
                            margin-right: 0;
                        }
                        .blue {
                            width: 100%
                        }
                        .search {
                            min-height: 600px
                        }
                        .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) {
                        .dev .row6 .box .btit {
                            font-size: 15px !important
                        }
                    }
                    .videocenter .video-nav {
                        width: 100% !important;
                        display: flex !important;
                        justify-content: start !important;
                        margin-left: 18.75% !important;
                        margin-right: 18.75% !important;
                    }
                }