html,
                            body {
                                width: 100%;
                                height: 100%;
                            }
                            
                            * {
                                margin: 0;
                                padding: 0;
                            }
                            
                            h1,
                            h2,
                            h3,
                            h4,
                            h5,
                            h6 {
                                margin: 0;
                                padding: 0;
                            }
                            
                            input,
                            textarea {
                                outline: none;
                                border-radius: 0;
                            }
                            
                            a {
                                text-decoration: none;
                            }
                            
                            a:hover {
                                text-decoration: underline;
                            }
                            
                            .section {
                                height: 100vh !important;
                            }
                            /* 头部导航 */
                            
                            header {
                                width: 100%;
                                height: 105px;
                                display: flex;
                                justify-content: space-between;
                                background-color: #ffffff;
                                box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
                                position: fixed;
                                top: 0;
                                z-index: 999;
                                color: #2b2b2b;
                            }
                            
                            .logo {
                                margin: 17px 0 18px 152px;
                            }
                            
                            .nav {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }
                            
                            .nav a li {
                                margin-left: 45px;
                            }
                            
                            .nav a:nth-last-child(1) {
                                margin-left: 0;
                            }
                            
                            .title-right {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .title-right {
                                line-height: 105px;
                            }
                            
                            .emil img {
                                height: 36px;
                                margin-right: 13px;
                                margin-left: 46px;
                            }
                            
                            .sousuo img {
                                height: 36px;
                                margin-right: 20px;
                            }
                            
                            .title-right span {
                                position: relative;
                                margin: 0 13px 0 15px;
                            }
                            
                            .title-right span::after {
                                content: "";
                                width: 2px;
                                height: 36px;
                                background: #ccc;
                                position: absolute;
                                top: 33%;
                                left: -50%;
                            }
                            
                            .daohang {
                                width: 105px;
                                height: 105px;
                                background: #015ca5;
                            }
                            
                            .daohang img {
                                width: 50px;
                                margin-left: 26%;
                            }
                            /* 轮播图 */
                            
                            #index-swiper {
                                width: 100vw;
                                height: 100vh;
                                overflow-x: hidden;
                            }
                            /*.swiper{*/
                            /*    padding: 1%;*/
                            /*}*/
                            #index-swiper .swiper-wrapper .swiper-slide img {
                                width: 100%;
                                height: 100vh;
                            }
                            
                            #index-page {
                                position: absolute;
                                left: -34%;
                                bottom: 12%;
                            }
                            
                            .my-bullet-active {
                                background-color: #ffba01;
                            }
                            
                            .fp-tableCell .mySwiper .swiper-pagination-bullet {
                                width: 14px;
                                height: 14px;
                                /* background-color: #fff; */
                                color: #fff;
                            }
                            /* 关于我们 */
                            
                            .about {
                                position: relative;
                                width: 100%;
                                height: 100vh;
                                background: url(../images/yosenn.png) no-repeat;
                                background-size: cover;
                            }
                            
                            .aboutusl {
                                max-width: 1680px;
                                position: absolute;
                                right: 0;
                                top: 0;
                                padding: 8.5% 8% 2.5% 4.5%;
                                background-color: #ffffff;
                                box-shadow: 0px 3px 13px 0px rgba(168, 171, 173, 0.21);
                                opacity: 0.95;
                            }
                            
                            .aboutusl-top {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .aboutusl-topnr {
                                width: 100%;
                                max-width: 743px;
                            }
                            
                            .aboutusl-topnr h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #313131;
                                font-weight: 600;
                            }
                            
                            .aboutusl-topnr span {
                                position: relative;
                            }
                            
                            .aboutusl-topnr h3::before {
                                content: "";
                                width: 134px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 6%;
                            }
                            
                            .aboutusl-topnr h6 {
                                margin-top: 20px;
                                font-size: 18px;
                            }
                            
                            .aboutusl-topnr p {
                                font-size: 18px;
                                line-height: 36px;
                                color: #333333;
                                margin-top: 5%;
                            }
                            
                            .aboutusl-topnr a img {
                                margin-top: 57px;
                            }
                            /* 上左结束 */
                            
                            .aboutusl-topimg {
                                margin-left: 4.5%;
                                display: flex;
                                align-items: center;
                                overflow: hidden;
                            }
                            .aboutusl-topimg img {
                                width: 100%;
                                height: 100%;
                                transition: .5s;
                            }
                            .aboutusl-topimg:hover>img{
                                transform: scale(1.2);
                            }
                            /* 上右结束 */
                            
                            .aboutusl-bottom {
                                margin-top: 76px;
                            }
                            
                            .aboutusl-bottom ul {
                                display: flex;
                                justify-content: space-between
                            }
                            
                            .aboutusl-bottom ul li img {
                                display: block;
                                margin: auto;
                                transition: .5s;
                            }
                            .aboutusl-bottom ul li:hover>img{
                                transform: rotate(360deg);
                            }
                            /* .aboutusl-bottom ul li>img{
                                transform: rotate(360deg);
                            } */
                            .aboutusl-bottom ul li h6 {
                                text-align: center;
                                margin-top: 29px;
                                font-size: 18px;
                                line-height: 24px;
                                color: #000000;
                            }
                            
                            .aboutusl-bottom ul li p {
                                text-align: center;
                                max-width: 168px;
                                margin-top: 13px;
                                font-size: 14px;
                                line-height: 24px;
                                color: #000000;
                            }
                            /* 关于我们结束 */
                            /* 全球布局 */
                            
                            .globe {
                                width: 100%;
                                height: 100vh;
                                background: #f3f3f3;
                                padding-left: 166px;
                            }
                            
                            .globe-map {
                                width: 100%;
                                padding-top: 10%;
                            }
                            
                            .globe-map h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #313131;
                                font-weight: 600;
                            }
                            
                            .globe-map h3::before {
                                content: "";
                                width: 102px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 27.5%;
                            }
                            
                            .globe-map span {
                                position: relative;
                            }
                            
                            .globe-map h6 {
                                margin-top: 19px;
                                font-size: 18px;
                                color: #898989;
                            }
                            .map-nr{
                                display: flex;
                                justify-content: space-around;
                            }
                            .map-nr p {
                                font-size: 24px;
                                color: #333333;
                                
                            }
                            
                            .map-nr p span {
                                font-size: 24px;
                                line-height: 48px;
                                color: #666666;
                            }
                            
                            .map-nrp {
                                color: #666 !important;
                                margin-left: 33%;
                            }
                            
                            .globe-ditu {
                                width: 100%;
                                margin: auto;
                            }
                            
                            .globe-map {
                                display: flex;
                                justify-content: flex-start;
                            }
                            
                            .map-nr {
                                margin-left: 34%;
                            }
                            .globe-map .map-nrleft p{
                                color: #333;
                            }
                            .globe-map .map-nrright p{
                                color: #666;
                            }
                            /* 全球布局结束 */
                            /* 产品解决方案 */
                            
                            .products {
                                padding-top: 10%;
                                padding-left: 12.5%;
                                position: relative;
                                height: 100vh;
                                overflow: hidden;
                            }
                            
                            .productstop {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .pro-nr h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #313131;
                                font-weight: 600;
                            }
                            
                            .pro-nr h3::before {
                                content: "";
                                width: 102px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 54.2%;
                            }
                            
                            .pro-nr span {
                                position: relative;
                            }
                            
                            .pro-nr h6 {
                                margin-top: 19px;
                                font-size: 18px;
                                color: #898989;
                            }
                            
                            .productstop ul {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .productstop ul a li {
                                width: 250px;
                                height: 50px;
                                text-align: center;
                                line-height: 29px;
                            }
                            
                            .productstop ul a {
                                width: 250px;
                                height: 32px;
                                margin-right:10px;
                            }
                            
                            .productstop ul {
                                margin-right: 13%;
                            }
                            
                            .productstop ul a {
                                background-color: #ededed;
                                border-radius: 3px;
                                border: solid 1px #e1e1e1;
                                color: #343434;
                                margin-top: 2%;
                                
                            }
                            
                            .productstop ul a:nth-last-child(1) {
                                margin-left: 0px;
                            }
                            
                            .productstop ul a:hover {
                                background-color: #2d5c9b;
                                color: #fff;
                                transition: .5s;
                            }
                            
                            .productsbottom {
                                width: 100%;
                                margin-top: 35px;
                                display: flex;
                                justify-content: space-between;
                                border-top: 1px solid #d3d3d3;
                            }
                            
                            .productsbottom {
                                width: 100%;
                                margin-top: 35px;
                                display: flex;
                                justify-content: space-between;
                                border-top: 1px solid #d3d3d3;
                            }
                            .proleft {
                                max-width: 499px;
                            }
                            
                            .proleft h4 {
                                font-size: 34px;
                                line-height: auto;
                                color: #313131;
                                margin-top: 60px;
                            }
                            
                            .proleft h5 {
                                font-size: 24px;
                                line-height: 24px;
                                color: #313131;
                                margin-top: 61px;
                            }
                            
                            .proleft p {
                                font-size: 14px;
                                color: #313131;
                                margin-top: 47px;
                            }
                            .proleft p:nth-child(2){
                                                 overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                display: -moz-box;
                -moz-line-clamp: 4;
                -moz-box-orient: vertical;
                word-wrap: break-word;
                word-break: break-word;
                white-space: normal;
                            }
                            
                            .proleft a span {
                                display: block;
                                font-size: 14px;
                                line-height: 24px;
                                color: #313131;
                                margin-top: 70px;
                                position: relative;
                                z-index: 99;
                            }
                            .img-z{
                                position: relative;
                                z-index: 99;
                            }
                            .proleft a P {
                                display: inline-block;
                                margin-top: 18%;
                                font-size: 16px;
                                line-height: 24px;
                                color: #313131;
                                margin-right: 15px;
                                position: relative;
                                z-index: 10;
                            }
                            .proleft2 {
                                max-width: 499px;
                            }
                            
                            .proleft2 h4 {
                                font-size: 36px;
                                line-height: 24px;
                                color: #313131;
                                margin-top: 62px;
                            }
                            
                            .proleft2 h5 {
                                font-size: 24px;
                                line-height: 24px;
                                color: #313131;
                                margin-top: 61px;
                            }
                            
                            .proleft2 p {
                                font-size: 14px;
                                color: #313131;
                                margin-top: 47px;
                            }
                            
                            .proleft2 a span {
                                display: block;
                                font-size: 14px;
                                line-height: 24px;
                                color: #313131;
                                margin-top: 70px;
                            }
                            
                            .proleft2 a P {
                                display: inline-block;
                                margin-top: 18%;
                                font-size: 16px;
                                line-height: 24px;
                                color: #313131;
                                margin-right: 15px;
                                position: relative;
                                z-index: 10;
                            }
                            .proright {
                                padding: 4.5% 0;
                                width: 60%;
                                position: relative;
                                /*overflow: hidden;*/
                                z-index: 99;
                            }
                            
                            .proright::after {
                                content: '';
                                display: block;
                                position: absolute;
                                background-color: #305697;
                                width: 100%;
                                height: 70vh;
                                top: 0;
                                left: 0%;
                            }
                            .proright2 {
                                padding: 4.5% 0;
                                width: 60%;
                                position: relative;
                                overflow: hidden;
                            }
                            
                            .proright2::after {
                                content: '';
                                display: block;
                                position: absolute;
                                background-color: #305697;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 30%;
                            }
                            .pic{
                                width: 100%;
                                height: 320px;
                                text-align: center;
                                background-color: #fff;
                                box-shadow: 0 0 5px 1px #ccc;
                                margin-left: 0;
                                border-radius: 3px;
                            }
                            .Product {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                            }
                            /* #pro-swiper{
                                width: 50% !important;
                            }                            
                            #pro-swiper a img{
                                width: 100% !important;
                            } */
                            /* 茶农方案结束 */
                            /* 友情链接 */
                            
                            .links {
                                padding-top: 8%;
                                height: 100vh;
                                padding-left: 10.5%;
                                background: url(../images/dq.png)no-repeat center top 75px;
                                /*background-size: cover 100px;*/
                            }
                            
                            .links-top h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #ffffff;
                                font-weight: 600;
                            }
                            
                            .links-top h3::before {
                                content: "";
                                width: 134px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 1.5%;
                            }
                            
                            .links-top span {
                                position: relative;
                            }
                            
                            .links-top h6 {
                                margin-top: 19px;
                                font-size: 18px;
                                color: #ffffff;
                            }
                            
                            .links-top ul {
                                display: flex;
                                justify-content:flex-start;
                                margin-top: 1%;
                                flex-wrap: wrap;
                                width: 100%;
                                max-width: 910px;
                                /* height: 230px; */
                                /* margin-top: 29px; */
                            }
                            .links-top ul a{
                                margin-left: 2%;
                            }
                            .links-top ul a li {
                                width: 100%;
                                margin: 6% 0;
                                transition: .5s;
                            }
                            
                            .links-top ul a li img {
                                width: 100%;
                            }
                            .links-top ul a li:hover{
                                transform: translateY(-10px);
                            }
                            .links-bottom {
                                margin-top: 47px;
                            }
                            
                            .links-bottom ul a li {
                                width: 100%;
                                margin: 6% 0;
                                transition: .5s;
                            }
                            .links-bottom ul a{
                                margin-left: 2%;
                            }
                            .links-bottom ul a li:hover{
                                transform: translateY(-10px);
                            }
                            
                            .links-bottom h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #ffffff;
                                font-weight: 600;
                            }
                            
                            .links-bottom h3::before {
                                content: "";
                                width: 134px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 1.5%;
                            }
                            
                            .links-bottom span {
                                position: relative;
                            }
                            
                            .links-bottom h6 {
                                margin-top: 19px;
                                font-size: 18px;
                                color: #ffffff;
                            }
                            
                            .links-bottom .linkb1 {
                                display: flex;
                                justify-content: space-between;
                                flex-wrap: wrap;
                                max-width: 733px;
                                margin-top: 25px;
                            }
                            
                            .links-bottom .linkb2 {
                                display: flex;
                                justify-content: flex-start;
                                flex-wrap: wrap;
                                width: 60%;
                                /* margin-top: 25px; */
                                /* height: 177px; */
                            }
                            /* 友情链接结束 */
                            /* 新闻中心 */
                            
                            .news {
                                height: 100vh;
                                width: 100%;
                                background: url(../images/xwbj.png) no-repeat;
                                background-size: cover;
                                position: relative;
                                display: block!important;
                            }
                            
                            .news {
                                padding: 164px 161px 0 159px;
                                height: 100vh;
                            }
                            
                            .news-top {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .news-top h3 {
                                position: relative;
                                font-size: 36px;
                                line-height: 24px;
                                letter-spacing: 0px;
                                color: #313131;
                                font-weight: 600;
                            }
                            
                            .news-top h3::before {
                                content: "";
                                width: 99px;
                                height: 13px;
                                background-color: #3d7ad7;
                                position: absolute;
                                bottom: -54%;
                                left: 29.5%;
                            }
                            
                            .news-top span {
                                position: relative;
                            }
                            
                            .news-top h6 {
                                margin-top: 19px;
                                font-size: 18px;
                                color: #313131;
                            }
                            
                            .ljgd {
                                width: 117px;
                                height: 35px;
                                border-radius: 3px;
                                border: solid 1px #a0a0a0;
                                text-align: center;
                                line-height: 35px;
                                transition: .5s;
                            }
                            .ljgd span{
                                color: #000000;
                            }
                            .ljgd:hover{
                                transform: translateX(15px);
                            }
                            .news-buttom {
                                margin-top: 80px;
                            }
                        
                            /* .news-buttomimg:hover>img{
                                transform: scale(1.2);
                            } */
                            .news-buttomimg img {
                                width: 100%;
                            }
                            .news-buttom ul {
                                display: flex;
                                justify-content: space-between;
                                position: relative;
                                z-index: 1;
                            }
                            
                            .news-buttom ul li {
                                width: 24%;
                                border: solid 1px #e8e8e8;
                                margin-left: 33px;
                                background: #fff;
                                transition: .5s;
                                max-height: 410px;
                            }
                            .news-buttom ul li .news-buttomimg{
                                height: 50%;
                            }
                            .news-buttom ul li:hover{
                                transform: translateY(-10px);
                                box-shadow: 0 1px 16px rgb(0 0 0 / 20%), 0 3px 50px rgb(0 0 0 / 10%);
                            }
                            .news-buttom ul li:nth-child(1) {
                                margin-left: 0;
                            }
                            .news-buttom ul li:hover .news-buttomimg img{
                                transform: scale(1.2);
                            }
                            .news-buttom ul li .news-buttomimg img{
                                    object-fit: cover;
                                    height: 100%;
                                transition: .5s;
                            }
                            .news-buttom ul li .news-buttomimg{
                                overflow: hidden;
                            }
                            .news-nr {
                                padding: 10% 4% 0 4%;
                            }
                            
                            .news-nr h5 {
                                margin-left: 0;
                                font-size: 16px;
                                color: #333333;
                            }
                            
                            .news-nr p {
                                font-size: 14px;
                                line-height: 30px;
                                color: #878787;
                                margin-top: 20px;
                                padding: 0 30 0 15px;
                            }
                            .news-buttomckxq {
                                margin-top: 19px;
                                width: 100%;
                                height: 71px;
                                line-height: 71px;
                                border-top: 1px solid #d4d4d4;
                                color: #878787;
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .news-buttomckxq span {
                                margin-left: 15px;
                            }
                            
                            .news-buttomckxq a img {
                                margin-right: 12px;
                            }
                            
                            .information {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                            }
                            
                            footer {
                                background-color: #383838;
                            }
                            
                            .footer-top {
                                display: flex;
                                justify-content: space-between;
                                padding: 89px 186px 105px 162px;
                            }
                            
                            .footerss {
                                display: block !important;
                            }
                            
                            .tel {
                                margin-top: 62px;
                                font-size: 14px;
                                color: #d4d4d4;
                            }
                            
                            .tel span {
                                margin-left: 13px;
                            }
                            
                            .dz {
                                margin-top: 32px;
                                font-size: 14px;
                                line-height: 24px;
                                color: #d4d4d4;
                                width:80%;
                            }
                            
                            .dz span {
                                margin-left: 8px;
                            }
                            /*.footer-left{width:25%}*/
                            .footer-right {
                                width: 70%;
                            }
                            
                            .footer-right ul {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .footer-right ul li {
                                /*margin-left: 14%;*/
                            }
                            
                            .footer-right ul li:nth-child(1) {
                                margin-left: 0;
                            }
                            
                            .footer-right ul li a h6 {
                                font-size: 18px;
                                color: #ffffff;
                            }
                            
                            .footer-right ul li a p {
                                font-size: 14px;
                                color: #8e8e8e;
                                margin-top: 30px;
                            }
                            
                            .footer-right ul li .tit {
                                margin-top: 72px;
                                position: relative;
                            }
                            
                            .footer-right ul li .tit::after {
                                content: "";
                                width: 115px;
                                height: 1px;
                                background-color: #666666;
                                position: absolute;
                                left: 0;
                                top: -30px;
                            }
                            
                            .banquan ul {
                                display: none;
                                display: flex;
                                justify-content: space-between;
                                background-color: #2c2c2c;
                                padding: 0 160px 0 162px;
                            }
                            
                            .banquan ul li {
                                font-size: 14px;
                                line-height: 67px;
                                letter-spacing: 0px;
                                color: #939393;
                            }
                            .globe-ditu img{
                                padding-left: 13%;
                            }
                            
                            @media (max-width:1560px) {
                                .footer-right ul li {
                                    margin-left: 1%;
                                }
                                .proright {
                                    padding: 11.5% 0;
                                }
                                .proright2 {
                                    padding: 11.5% 0;
                                }
                                .globe-ditu img{
                                    padding-left: 13%;
                                }
                                .nav a li {
                                    margin-left: 25px !important;
                                }
                                .links {
                                    background: url(../images/dq.png)no-repeat;
                                    background-repeat: repeat-y;
                                }
                            }
                            
                            @media (max-width:1440px) {
                                .nav a li {
                                    margin-left: 20px;
                                }
                                .logo {
                                    margin-left: 6%;
                                }
                                .aboutusl {
                                    padding: 8.5% 4.5% 2.5% 4.5%;
                                }
                                .map-nr {
                                    margin-left: 29%;
                                }
                                .proright {
                                    padding: 14.5% 0;
                                }
                                .proright2 {
                                    padding: 14.5% 0;
                                }
                                .Product {
                                    width: 60%;
                                }
                                .proleft a P {
                                    margin-top: 21%;
                                }
                                .proleft2 a P {
                                    margin-top: 21%;
                                }
                                .news {
                                    padding: 11.7% 8% 0 8%;
                                }
                                .footer-right ul li .tit::after {
                                    width: 100%;
                                }
                                .globe-ditu img{
                                    padding-left: 0;
                                }
                                .nav a li {
                                    margin-left: 12px !important;
                                }
                                .links {
                                    background: url(../images/dq.png)no-repeat;
                                    background-repeat: repeat-y;
                                }
                            }
                            
                            @media (max-width:1199px) {
                                header {
                                    display: none;
                                }
                                .aboutusl {
                                    padding: 4.5%;
                                }
                                .aboutusl-topnr h3::before {
                                    left: 8%;
                                }
                                .products {
                                    padding-top: 5%;
                                    padding-left: 5.5%;
                                }
                                .Product {
                                    position: absolute;
                                    left: 0;
                                    bottom: 16%;
                                }
                                .Product {
                                    width: 49%;
                                }
                                .proleft a P {
                                    margin-top: 25%;
                                }
                                .proleft2 a P {
                                    margin-top: 25%;
                                }
                                .proright {
                                    padding: 17.5% 0;
                                }
                                .proright2 {
                                    padding: 17.5% 0;
                                }
                                .globe {
                                    padding-left: 10%;
                                }
                                .news {
                                    padding: 6.5%;
                                    height: 100vh;
                                }
                                .footer-right ul li .tit::after {
                                    width: 100%;
                                }
                                .links {
                                    background: url(../images/dq.png)no-repeat;
                                    background-repeat: repeat-y;
                                }
                            }
                            
                            @media (max-width:990px) {
                                .dz{width:100%;}
                                header {
                                    display: none;
                                }
                                .about {
                                    background: none;
                                }
                                #index-swiper {
                                    width: 100vw;
                                    height: auto !important;
                                    overflow-x: hidden;
                                }
                                #index-swiper .swiper-wrapper .swiper-slide img {
                                    width: 100%;
                                    height: auto !important;
                                }
                                .fp-tableCell {
                                    height: auto !important;
                                }
                                .fp-section.fp-table,
                                .fp-slide.fp-table {
                                    height: auto !important;
                                }
                                .about {
                                    width: 100%;
                                    height: 100%;
                                }
                                .aboutusl-topnr h3::before {
                                    left: 8.5%;
                                }
                                .aboutusl {
                                    max-width: 1680px;
                                    height: auto;
                                    padding: 4.5%;
                                    position: initial;
                                }
                                .aboutusl-topnr h3 {
                                    font-size: 34px;
                                }
                                .aboutusl-topnr h6 {
                                    font-size: 16px;
                                }
                                .aboutusl-topnr p {
                                    font-size: 16px;
                                }
                                .aboutusl-bottom ul {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .aboutusl-bottom ul li {
                                    width: 33.33%;
                                }
                                .aboutusl-bottom ul li p {
                                    text-align: center;
                                    max-width: none;
                                    margin-top: 13px;
                                    font-size: 14px;
                                    line-height: 24px;
                                    color: #000000;
                                }
                                .aboutusl-topnr a img {
                                    margin-top: 50px;
                                }
                                .aboutusl-bottom {
                                    margin-top: 0;
                                }
                                .aboutusl-bottom ul li {
                                    margin-top: 50px;
                                }
                                .globe {
                                    height: 100%;
                                    padding-left: 4.5%;
                                }
                                .globe-map {
                                    padding-top: 4.5%;
                                }
                                .map-nr {
                                    margin-left: 20%;
                                }
                                .map-nr p {
                                    font-size: 20px;
                                }
                                .map-nr p span {
                                    font-size: 20px;
                                    line-height: 20px;
                                }
                                .globe-map h3 {
                                    font-size: 34px;
                                }
                                .globe-map h6 {
                                    font-size: 16px;
                                }
                                .productstop ul {
                                    margin-right: 2%;
                                    width: 100%;
                                    display: flex;
                                    justify-content: flex-start;
                                }
                                .productstop {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .productsbottom {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .proleft h4 {
                                    margin-top: 6%;
                                }
                                .proleft h5 {
                                    margin-top: 6%;
                                }
                                .proleft p {
                                    margin-top: 6%;
                                }
                                .proleft a span {
                                    margin-top: 6%;
                                }
                                .proleft a P {
                                    margin-top: 6%;
                                }

                                .proleft2 h4 {
                                    margin-top: 6%;
                                }
                                .proleft2 h5 {
                                    margin-top: 6%;
                                }
                                .proleft2 p {
                                    margin-top: 6%;
                                }
                                .proleft2 a span {
                                    margin-top: 6%;
                                }
                                .proleft2 a P {
                                    margin-top: 6%;
                                }
                                .proright::after {
                                    display: none;
                                }
                                .proright2::after {
                                    display: none;
                                }
                                .Product {
                                    display: none;
                                }
                                .proright {
                                    padding: 0;
                                }
                                .proright2 {
                                    padding: 0;
                                }
                                .products {
                                    height: 100% !important;
                                }
                                .links {
                                    height: 100%;
                                    padding: 5%;
                                }
                                .news {
                                    height: 100%;
                                }
                                .news-buttom {
                                    margin-top: 3%;
                                }
                                .news-buttom ul {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .news-buttom ul li {
                                    width: 48%;
                                    margin-left: 0;
                                    margin-top: 2%;
                                }
                                .footer-top {
                                    display: flex;
                                    flex-wrap: wrap;
                                    padding: 29px 10px 7px 10px;
                                }
                                .footer-right {
                                    width: 100%;
                                    margin-top: 10%;
                                }
                                .banquan ul {
                                    display: flex;
                                    flex-wrap: wrap;
                                    height: auto;
                                    padding: 0 10px 7px 10px;
                                }
                                .footer-right ul li .tit::after {
                                    width: 100%;
                                }
                                .links {
                                    background: url(../images/dq.png)no-repeat;
                                    background-repeat: repeat-y;
                                }
                            }
                            
                            @media (max-width:767px) {
                                .dz{width:100%;}
                                .productsbottom {
                                    display: flex;
                                    flex-wrap: wrap;
                                    justify-content: center;
                                }
                                .pic{
                                    margin-top: 20%;
                                }
                                .aboutusl {
                                    padding: 6.5%;
                                }
                                .aboutusl-top {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .aboutusl-topnr a img {
                                    display: block;
                                    margin: auto;
                                    margin-top: 25px;
                                }
                                .aboutusl-topimg {
                                    margin-left: 0;
                                    margin-top: 25px;
                                }
                                .aboutusl-topimg img {
                                    width: 100%;
                                }
                                .aboutusl-topnr h3 {
                                    text-align: center;
                                    font-size: 26px;
                                }
                                .aboutusl-topnr h3::before {
                                    display: none;
                                }
                                .aboutusl-topnr h6 {
                                    text-align: center;
                                    font-size: 14px;
                                    margin-top: 3%;
                                }
                                .aboutusl-topnr p {
                                    font-size: 14px;
                                    margin-top: 25px;
                                }
                                .aboutusl-bottom ul li {
                                    width: 50%;
                                    margin-top: 25px;
                                }
                                .aboutusl-bottom ul li h6 {
                                    font-size: 14px;
                                    line-height: 0px;
                                }
                                .aboutusl-bottom ul li p {
                                    font-size: 13px;
                                }
                                .globe-map {
                                    display: flex;
                                    flex-wrap: wrap;
                                    padding-top: 0;
                                }
                                .globe-map>div {
                                    width: 100%;
                                }
                                .globe-map h3 {
                                    text-align: center;
                                    font-size: 26px;
                                }
                                .globe-map h3::before {
                                    display: none;
                                }
                                .globe-map h6 {
                                    text-align: center;
                                    font-size: 14px;
                                    margin-top: 3%;
                                }
                                .globe {
                                    padding: 6.5%;
                                }
                                .globe-map .map-nrleft p{
                                    line-height: 28px;
                                    font-size: 16px;
                                    /* margin-left: 20%; */
                                    text-align: left;
                                    color: #333;
                                }
                                .map-nr .map-nrright p {
                                    font-size: 14px;
                                    line-height: 28px;
                                    color: #666;
                                    letter-spacing: 0px;
                                }
                                .map-nr {
                                    text-align: left;
                                    margin-left: 0;
                                    margin-top: 25px;
                                    display: flex;
                                    justify-content: center;
                                }
                                .globe-ditu {
                                    margin-top: 25px;
                                }
                                .productstop ul {
                                    display: flex;
                                    flex-wrap: wrap;
                                    margin-right: 0%;
                                    width: 100%;
                                }
                                .pro-nr h3::before {
                                    display: none;
                                }
                                .productstop ul a {
                                    width: 100%;
                                    margin-top: 5%;
                                    height: 45px;
                                }
                                .productstop ul a li {
                                    width: 100%;
                                    line-height: 45px;
                                }
                                .productstop ul a:nth-last-child(1) {
                                    margin-left: 0;
                                }
                                .products {
                                    padding: 6.5% 6.5% 0 6.5%;
                                    height: 100% !important;
                                }
                                .pro-nr h3 {
                                    position: relative;
                                    font-size: 26px;
                                    line-height: 24px;
                                    letter-spacing: 0px;
                                    color: #313131;
                                    font-weight: 600;
                                    text-align: center;
                                }
                                .pro-nr h6 {
                                    margin-top: 3%;
                                    font-size: 14px;
                                    color: #898989;
                                    text-align: center;
                                }
                                .proleft h4 {
                                    font-size: 18px;
                                }
                                #gdfx{
                                    display: none;
                                }
                                .proleft h5 {
                                    font-size: 20px;
                                }
                                .proleft2 h4 {
                                    font-size: 30px;
                                }
                                .proleft2 h5 {
                                    font-size: 20px;
                                }
                                .pro-nr {
                                    width: 100%;
                                }
                                .links-top h3 {
                                    text-align: center;
                                    font-size: 26px;
                                }
                                .links-top h3::before {
                                    display: none;
                                }
                                .links-top h6 {
                                    text-align: center;
                                    font-size: 14px;
                                    margin-top: 3%;
                                }
                                .links-top ul {
                                    margin-top: 5%;
                                    display: flex;
                                    justify-content: space-between;
                                    flex-wrap: wrap;
                                }
                                .links-top ul a{
                                    width: 49%;
                                }
                                .links-bottom h3 {
                                    text-align: center;
                                    font-size: 26px;
                                }
                                .links-bottom h3::before {
                                    display: none;
                                }
                                .links-bottom h6 {
                                    text-align: center;
                                    font-size: 14px;
                                    margin-top: 3%;
                                }
                                .links-bottom {
                                    margin-top: 8.5%;
                                }
                                .links-bottom ul {
                                    margin-top: 5%;
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .links-bottom ul a{
                                    width: 49%;
                                }
                                .news-buttom ul li {
                                    width: 100%;
                                    height: 400px;
                                }
                                .news-top{
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                .news-top>div{
                                    width: 100%;
                                    text-align: center;
                                }
                                .news-top h3{
                                    font-size: 26px;
                                }
                                .news-top h3::before {
                                    display: none;
                                }
                                .news-top h3 {
                                    font-size: 30px;
                                }
                                #ljgda{
                                    width: 100%;
                                    margin-top: 5%;
                                }
                                .ljgd{
                                    margin: auto;
                                }
                                .news-top h6 {
                                    font-size: 14px;
                                    margin-top: 3%;
                                }
                                .news-nr {
                                    padding: 5% 4% 0 4%;
                                }
                                .news-nr h5 {
                                    margin-left: 0;
                                    font-size: 16px;
                                }
                                .news-nr p {
                                    margin: 17px 0 0 0;
                                }
                                .news-buttomckxq span {
                                    margin-left: 0;
                                }
                                .news-buttomckxq a img {
                                    margin-right: 0;
                                }
                                .information {
                                    display: none;
                                }
                                .footer-right ul li a p {
                                    font-size: 14px;
                                    margin-top: 12px;
                                }
                                .footer-right ul li a h6 {
                                    font-size: 14px;
                                }
                                .footer-right ul li .tit::after {
                                    width: 100%;
                                }
                                .footer-right ul li .tit{
                                    display: none !important;
                                }
                                .footer-logo{
                                    width: 45%;
                                }
                                .footer-right ul li a p {
                                    font-size: 14px;
                                    margin-top: 12px;
                                    text-align: center;
                                }
                                .footer-right ul li a h6 {
                                    font-size: 14px;
                                    text-align: start;
                                }
                                .footer-right{
                                    margin-top: 0;
                                }
                                .footer-right ul li{
                                    width: 100%;
                                    margin-left: 0;
                                    margin-top: 4%;
                                    border-bottom: 1px solid #ccc;
                                    color: #d4d4d4;
                                }
                                .footer-right ul li a h6{
                                    font-size: 14px;
                                    text-align: start;
                                    line-height: 44px;
                                    color: #d4d4d4;
                                }
                                .footer-right ul {
                                    display: flex;
                                    justify-content: space-between;
                                    flex-wrap: wrap;
                                }
                                .tel{
                                    margin-top: 10%;
                                }
                                .banquan ul li {
                                    font-size: 14px;
                                    line-height: 30px;
                                    letter-spacing: 0px;
                                    color: #939393;
                                    margin-top: 5%;
                                }
                                .swiper-wrapper{
                                    max-height: 400px;
                                }
                                .links{
                                    padding: 6.5%;
                                }
                                #gd{
                                    display: none !important;
                                }
                                .proright{
                                    width: 100%;
                                }
                                .links {
                                    background: url(../images/dq.png)no-repeat;
                                    background-repeat: repeat-y;
                                }
                                .aboutusl-bottom ul li>img{
                                    width: 40% !important;
                                }
                                .links-bottom .linkb2 {
                                    display: flex;
                                    justify-content: space-between;
                                    flex-wrap: wrap;
                                    width: 100%;
                                    /* margin-top: 25px; */
                                    /* height: 177px; */
                                }
                                            .links-top ul a{
                                  margin-left: 0% !important;
                                }
                                 .links-bottom ul a{
                                  margin-left: 0% !important;
                                }
                            }
                            /* 底部结束 */
                            /* 底部结束 */
                                                         
            @media screen and (max-height: 768px) and (min-width:1199px) {
            .aboutusl {
                padding: 9.5% 4.5% 2.5% 4.5%;
            }
            .aboutusl-topnr h6 {
                margin-top: 16px;
                font-size: 18px;
            }
            .aboutusl-topnr p {
                font-size: 15px;
                line-height: 36px;
                margin-top: 1%;
            }
            .aboutusl-bottom {
                margin-top: 1%;
            }
            .aboutusl-topnr a img {
                margin-top: 1%;
            }
            .aboutusl-bottom ul li img{
                width: 37%;
            }
            .aboutusl-bottom ul li h6 {
                margin-top: 6px;
                font-size: 16px;
                line-height: 24px;
            }
            .aboutusl-bottom ul li p {
                max-width: 168px;
                margin-top: 4px;
                font-size: 14px;
                line-height: 24px;
            }
            .globe {
                padding-left: 66px;
            }
            .globe-ditu{
                width: 55%;
            }
            .productsbottom{
                margin-top: 0 !important;
            }
             .proright {
               padding: 6.5% 0;
            } 
            .proleft a span{
                margin-top: 5%;
            }
            .Product {
                width: 53%;
            }
            .proleft a P {
                margin-top: 4%;
            }
            .links {
                padding-top: 9%;
                height: 100vh;
            }
            .links-top ul {
                display: flex;
                justify-content: flex-start;
                margin-top: 0%;
                flex-wrap: wrap;
                width: 65%;
                padding-right: 5%;
                max-width: 80%;
                height: auto;
                margin-top: 1%;
                /*width: calc(100%/2);*/
                
            }
            .links-top h6 {
                margin-top: 13px;
                font-size: 18px;
                color: #ffffff;
            }
            .links-bottom h6 {
                margin-top: 13px;
                font-size: 18px;
                color: #ffffff;
            }
            .links-top ul a li:hover {
                transform: translateY(-3px);
            }
            .links-bottom ul a li:hover {
                transform: translateY(-3px);
            }
            .links-top ul a li{
                margin: 2%;
            }
            .links-bottom{
                margin-top: 1%;
            }
            .links-bottom ul a li {
                margin: 1% 0;
            }
            .news {
                padding: 10% 8% 0 8%;
            }
            .news-buttom {
                margin-top: 2%;
            }
            .news-buttomckxq {
                margin-top: 0;
                width: 100%;
                height: 60px;
                line-height: 60px;
            }
            .news-buttom ul li{
                height: 336px;
            }
            .links-bottom .linkb2{
                width: 60%;
            }
            .links-top ul a{
              margin-left: 0% !important;
            }
             .links-bottom ul a{
              margin-left: 0% !important;
            }
        }