@media only screen and (max-width:1199px) {

/**index-bg**/
.guide-pagemain .title {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    color: #fff;
    display: block;
    font-size: 38px;
}
.guide-pagemain .title span {
    display: block;
}
.guide-pagemain .title i {
    display: none;
}
.guide-pagemain .title p {
    font-size: 16px;
    color: #fff;
    margin: 20px auto 0px;
    opacity: 0.8;
    font-weight: 100;
    line-height: 1.8em;
}
.guide-pagemain .title p a
{
    display: block;
}

.guide-pagemain .center ul {
    display: block;
    max-width: 1240px;
    margin: 40px auto;
    padding: 0px 0px;
    overflow: hidden;
}
.guide-pagemain .center ul li {
    height: 50%;
    width: 48%;
    float: left;
    border-radius: 0px;
    margin: 1%;
}
.guide-pagemain .center ul li img {
    height: 50px;
}
.guide-pagemain .center ul li .text {
    font-size: 16px;
    color: #059349;
    font-weight: normal;
    text-decoration: none;
    opacity: 1;
    transition: all 0.5s;
    margin-top: 5px;
}
.guide-pagemain .center ul li a {
    padding: 30px 0px;
}
.guide-pagemain .center ul li:hover a {
    padding: 30px 0px;
}
.guide-pagemain .center ul li:nth-of-type(2) {
    margin-top: 1%;
}
.guide-pagemain .center ul li:nth-of-type(3) {
    margin-top: 1%;
}
    /**top**/
    
    .top-r {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 30px;
        background: #f6f6f6;
        left: 0px;
        font-size: 12px;
        padding: 0px 20px;
    }
    
    .top-tel a {
        font-size: 16px;
        color: #54535c;
        background: url(../images/anran_03.png) no-repeat left center;
        padding-left: 24px;
        line-height: 28px;
        font-family: Barlow !important;
        background-size: 18px;
    }
    .top-home {
        background: url(../images/anran_06.png) no-repeat left center;
        padding-left: 24px;
        margin-left: 15px;
        background-size: 16px;
    }
    .log-on {
        background: url(../images/anran_08.png) no-repeat left center;
        padding-left: 20px;
        margin-left: 15px;
        background-size: 14px;
    }
    .top-en {
        background: url(../images/anran_10.png) no-repeat left center;
        padding-left: 20px;
        margin-left: 15px;
        background-size: 15px;
    }
    
    
    .nav li.en
    {
        display: block;
    }
    
    .top_contact,.logo a p,.search
    {
        display:none;
    }
    .logo a img,.logo {
        height: 50px;
    }
    .logo
        {
        margin-top: 40px;
        }
    
    .m_gb {
            right: 9px;
            width: 30px;
            height: 50px;
            position: absolute;
            top: 30px
        }
    
        .m_gb:before {
            content: '';
            width: 25px;
            height: 2px;
            background: #ddd;
            position: relative;
            display: block;
            -moz-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
            position: relative;
            top: 2px;
            left: .5px
        }
    
        .m_gb:after {
            content: '';
            width: 25px;
            height: 2px;
            background: #ddd;
            position: relative;
            display: block;
            -moz-transform: rotate(-225deg);
            -webkit-transform: rotate(-225deg);
            -o-transform: rotate(-225deg);
            -ms-transform: rotate(-225deg);
            transform: rotate(-225deg)
        }
    
        .top_tel a {
            width: 180px;
            height: 46px;
            line-height: 46px;
            background: url(../images/index_05.jpg) #01a8ec no-repeat 20px center;
            border-radius: 30px;
            color: #fff;
            float: right;
            font-size: 16px;
            padding-left: 46px;
            margin-top: 27px
        }
    
        .logo img {
            height: 60px;
            float: left;
        }
    
        .index_top {
            height: 100px;
            padding-top: 0px;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
        }
    
        #navToggle {
            position: fixed;
            right: 20px;
            width: 25px;
            display: block;
            top: 41px;
        }
    
        #navToggle span {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            display: block;
            background: #00a650;
            height: 2px;
            position: relative;
            width: 100%;
            margin-top: 24px;
        }
    
        #navToggle span:before {
            content: '';
            position: relative;
            width: 100%;
            height: 2px;
            left: 0;
            top: 8px;
            display: block;
            background: #00a650;
        }
    
        #navToggle span:after {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            display: block;
            background: #00a650;
            content: '';
            bottom: 10px;
            width: 100%;
            height: 2px;
            position: relative
        }
    
        #menu .nav {
            position: fixed;
            height: 100vh;
            z-index: 9999;
            background: #fff;
            left: 0;
            top: 0;
            padding-top: 80px;
            transform: translateX(100%);
            transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
            -webkit-transition: all ease .5s;
            width: 100%;
        }
    
        #menu .open {
            transform: translateX(0)
        }
    
        #menu .nav li {
            width: 100%;
            line-height: 50px;
            padding: 0px;
            position: relative
        }
    
    
        #menu .nav li a {
            line-height: 50px;
            text-align: left;
            border-bottom: 1px #eee solid;
            padding: 0 0;
            color: #333;
        }
    
        #menu .nav li a:hover {
            background: 0 0;
            color: #00a650;
        }
    
    
    
    /**banner**/
    
    
    .n_banner {
        margin-top: 100px;
        height: 240px;
    }
    .banner_text p {
        font-size: 26px;
    }
    .banner_text p span {
        font-size: 14px;
        margin-top: 10px;
    }
    .n_banner img {
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
        height: 100%;
    }
    .banner_text p i img
        {
            display:none;
        }
    
    
    /**.footer**/
    .footer_left,.footer_right
    {
        display: none;
    }
    .footer_c_left {
        width: 100%;
        padding-left: 0%;
        border-right: 0px rgba(255,255,255,0.06) solid;
        min-height: auto;
    }
    .footer_c_left .content {
        font-size: 13px;
        color: #a2a1a1;
        line-height: 2.4em;
    }	
    .footer_c_left img
    {
      max-width: 200px;  
    }
    
    .bq_left {
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: 2em;
    }
    .bq a {
        margin-left: 0px;
        display: block;
        font-size: 13px;
    }
    .footer_main_center {
        max-width: 100%;
        overflow: hidden;
        margin: auto;
        padding: 40px 0px;
    }
    .bq_right {
        width:100%;
        float: right;
        text-align: center;
    }
        
    /**fl*/
    
    .fl_list p {
        display: none;
    }
    .fl_list {
        width: 100%;
        box-shadow: 0px 0px 0px #ddd;
        overflow: hidden;
    }
    .fl_title {
        padding: 0px 20px 0px;
        overflow: hidden;
    }
    .fl_list a {
        line-height: 40px;
        width: calc((100% - 5px)/2);
        font-size: 14px;
        color: #666;
        float: left;
        border-bottom: 0px #e5e5e5 solid;
        position: relative;
        background: #f6f6f6;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    .fl_list .on {
        color: #fff;
        background: #00a650;
    }
    
    
        
    .fl_list a:nth-of-type(2n)
    {
        margin-right: 0px;  
    }
    .mfl_title a
        {
        width: calc((100% - 10px)/3);
     }
    
    
    .mfl_title a:nth-of-type(2n)
    {
        margin-right: 5px;  
    }
        
    .mfl_title a:nth-of-type(3n)
    {
        margin-right: 0px;  
    }	
    
    
    .nyabout {
        width: 100%;
        padding-left: 0px;
        float: right;
    }
    .mbx {
        display: none;
    
    }
    
    
    /**contactn**/
    
    .welcome-center {
        max-width: 1440px;
        margin: auto;
        padding: 50px 20px;
    }
    .welcome-center p {
        font-size: 14px;
        line-height: 2em;
        text-indent: 2em;
    }
    .contact-fl {
        background: #f6f6f6;
        padding:0px 20px;
    }
    .welcome-center p:nth-of-type(1) {
        color: #01b457;
        font-size: 18px;
        font-weight: bold;
        text-indent: 0em;
        margin-bottom: 0px;
    }
    .contact .left {
        width: 100%;
        float: left;
    }
    .contact .right {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    .contact li {
        display: block;
        justify-content: space-between;
        padding: 14px 0px;
        border-bottom: 1px #ddd solid;
        font-size: 16px;
    }
        
    .contact li p:nth-of-type(1) {
        color: #999;
        width: 100%;
        font-size: 14px;
    }
    
    .contact li p:nth-of-type(2)
    {
        width: 100%;
        font-size: 14px;
        text-align: left;
        margin-top: 10px;
    }
    
    
     .my-map {
         height: 300px !important;
         
     }
    .fl_center {
        max-width: 1440px;
        padding: 60px 0px 60px;
        margin: auto;
        overflow: hidden;
    }
    .contact {
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .contact .right p {
        width: calc((100% - 20px)/2);
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
        float: left;
        margin-right: 20px;
        border-radius: 8px;
    }
    
    /**about**/
    
    .nyabout_center img
    {
      max-width:100%;  
    }
    .nyabout p {
        font-size: 14px;
    }
    .photo_fl a {
        line-height: 40px;
        font-size: 14px;
     
    }
    .nyabout_center ul.list li {
        width: calc((100% - 20px)/2);
        text-align: center;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .nyabout_center ul li:nth-of-type(2n)
    {
        margin-right:0px;
    }
    .nyabout_center .left {
        width: 100%;
    }
    .Profile {
        display: block;
    }
    .nyabout_center .left .title {
        font-size: 28px;
        color: #00a650;
        font-weight: bold;
        line-height: 1.5em;
    }
    .nyabout_center .left .sz li em {
        font-size: 40px;
        color: #00a650;
        font-style: initial;
        font-family: CenturyGothic !important;
        margin-right: 5px;
    }
.nyabout_center .right .title {
    font-size: 22px;
    font-weight: bold;
    color: #00a650;
} 
    .nyabout_center .left .sz ul {
        margin-top: 20px;
    }
    .nyabout_center .right {
        width: 100%;
    }
    .nyabout_center .left .title span {
        font-size: 24px;
    }
    
    
    .culture-center ul.left li:nth-of-type(1) {
        padding-right: 0px;
        width: 100%;
    }
    .culture-center ul {
        display: block;
        margin-bottom:0px;
    }
    .culture-center ul li .title {
        font-size: 28px;
    }
    .culture-center ul li .title em {
        font-size: 24px;
        line-height: 1em;
    }
    .culture-center ul li {
        font-size: 14px;
        line-height: 2em;
        margin-bottom: 20px;
    }
    .culture-center ul li .title2 {
        font-size: 18px;
    }
    .culture-center ul li img {
        max-width: 100%;
        width: 100%;
    }
    .culture-center ul.right li:nth-of-type(2) {
        padding-left: 0px;
    }
    .culture {
        width: 100%;
        overflow: hidden;
        background: #f7f7f7;
        padding: 50px 0px 50px;
    }
    
    .organizational {
        padding: 60px 0px;
        width: 100%;
        overflow: hidden;
    }
    .organizational-title {
        font-size: 28px;
        color: #00a650;
        font-weight: bold;
        line-height: 1.5em;
    }
    .organizational-title span {
        font-size: 24px;
    }
    .organizational-center img
    {
        max-width: 100%;
        padding: 0px 20px; 
    }
    .development-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .development-title span {
        font-size: 24px;
    }
    .development-time .time {
        font-size: 16px;
    }
    .development-time {
        display: none;
    }
    .development-main .content {
        color: #fff;
        min-height: auto;
        padding-bottom:0px;
    }
    .development {
        background: url(../images/bg7.jpg) no-repeat center;
        padding: 60px 0px;
        background-size: cover;
        width: 100%;
        overflow: hidden;
    }
    .development-next:before {
        content: "\f105";
        width: 50px;
        height: 50px;
        display: block;
        font-size: 20px!important;
        color: #fff;
        text-align: center;
        line-height: 50px!important;
        cursor: pointer;
        font: normal normal normal 18px/1 FontAwesome;
        background: rgba(0,0,0,0);
        transition: all .5s;
        border: 1px rgba(255,255,255,0.2) solid;
        border-radius: 100%;
    }
    .development-prev:before {
        content: "\f104";
        width: 50px;
        height: 50px;
        display: block;
        font-size: 20px!important;
        color: #fff;
        text-align: center;
        line-height: 50px!important;
        background: rgba(0,0,0,0);
        cursor: pointer;
        font: normal normal normal 18px/1 FontAwesome;
        transition: all .5s;
        border-radius: 100%;
        border: 1px rgba(255,255,255,0.2) solid;
    }
    .development-main {
        position: relative;
        overflow: hidden;
        padding-bottom: 100px;
    }
    .development-next {
        position: absolute;
        right: 50%;
        top: initial;
        z-index: 9;
        bottom: 0px;
        margin-right: -60px;
    }
    .development-prev {
        position: absolute;
        left: 50%;
        top: auto;
        z-index: 9;
        bottom: 0px;
        margin-left: -60px;
    }
    .development-main .time {
        font-size: 36px;
        color: #fff;
        text-align: center;
        font-family: Barlow !important;
    }
    
    .about-case
    {
        padding: 50px 0px; 
    }
    .about-case .title p {
        font-size: 28px;
    }
    .about-case .title span {
        font-size: 22px;
    }
    .about-case ul li {
        width: calc((100% - 0px)/1);
        float: left;
        border-bottom: 1px #eee solid;
        margin-right: 0px;
        padding: 20px 0px;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc((100% - 0px)/1);
    }
    .about-case ul li .title {
        font-size: 16px;
        color: #333;
    }
    .about-case ul li .ext_aboutgy {
        color: #999;
        font-size: 14px;
        margin-top: 10px;
        line-height: 2em;
    }
    
    /**news**/
    
    .nynews_list_text {
        padding: 0px 0px;
        width: calc(100% - 80px);
        float: left;
        display: block;
        height: 100%;
        border-left: 0px #ddd solid;
        padding-left: 20px;
    }
    .nynews_list_ptitle a {
        font-size: 16px;
        color: #66666d;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        transition: all 0.5s;
    }
        
    .nynews_list_img {display: none;}
    
    .nynews_list_c {
        display: flex;
    }
    .nynews_list_c .time
        {
            width: 80px;
            height: 100px;
            padding: 6px 0px;
        }
        
    .nyabout_center {
        width: 100%;
        padding: 0px 20px;
        margin: 20px auto 0px;
        overflow: hidden;
    }
        
    .nynews_list_summary {
        margin-top: 10px;
        font-size: 14px;
    }
    .news_detail h1.title {
        font-size: 18px;
    }
    
    .precontent {
        width: 100%;
        float: left;
        line-height: 30px;
        font-size: 14px;
    }
    .nextcontent {
        width: 100%;
        float: right;
        text-align: left;
        line-height: 30px;
        font-size: 14px;
    }
    .detailpage {
        margin-top: 0px;
    }
    
    
    .news-first {
        margin-top: 20px;
        padding: 0px 20px;
    }
    .news-first a {
        display: block;
        justify-content: center;
        align-items: center;
        background: #fff;
    }
    .news-first .pr_img {
        width: 100%;
        position: relative;
        height: 0px;
        overflow: hidden;
        padding-top: 70%;
    }
    .news-first .text {
        padding: 20px 20px;
        width: 100%;
    }
    .news-first .title {
        font-size: 18px;
        color: #66666d;
        margin-bottom: 10px;
    }
    .news-first .more {
        color: #01b457;
        margin-top: 20px;
    }
    .news-first .ext_summary {
        font-size: 14px;
        line-height: 2em;
        color: #999;
    }
    .news_detail {
        overflow: hidden;
        max-width: 1440px;
        margin: auto;
        padding: 40px 20px;
        background: #fff;
    }
    
    
    /**honor**/
    
    .honor-center .list li {
        width: calc((100% - 10px)/2);
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .honor-center .list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .honor-center .list li .img {
        display: block;
        width: 100%;
        height: 100%;
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f6f6f6;
        padding: 20px;
    }
    .honor-center .list li .title {
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
    }
    .honor-center .list {
        width: 100%;
        overflow: hidden;
        margin: 40px 0px;
        padding: 0px 20px;
    }
    
    /**hr**/
    .hr-center {
        max-width: 1440px;
        margin: auto;
        padding: 60px 20px;
        display: block;
    }
    .hr-center li:nth-of-type(1) {
        padding-right: 0px;
        border-right: 0px #eee solid;
    }
    .content {
        font-size: 14px;
        color: #999;
        line-height: 1.8em;
        padding-top: 20px;
    }
    .hr-center li:nth-of-type(2) {
        padding-left: 0px;
        margin-top: 40px;
    }
    .hr-list-center ul li {
        width: 100%;
        display: flex;
        font-size: 14px;
        padding: 10px 20px;
        margin-bottom: 1px;
        line-height: 1.5em;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .hr-list-center .content {
        padding: 20px;
        background: #f3f3f3;
        display: none;
    }
    .hr-list-center ul li .ext_section,.hr-list-center ul li .ext_address,.hr-list-center ul li .ext_number {
        display: none;
    }
    .hr-list-center ul li .title {
        width: auto;
    }
    .hr-list {
        background: #f6f6f6;
        padding: 50px 0px;
    }
    
    /**service**/
    
    .service-content ul {
        display: block;
        margin-bottom:0px;
    }
    .service-content ul li img
    {
        max-width: 100%;
    }
    .service-content ul.ser1 li:nth-of-type(2) {
        padding-left: 0px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .service-content ul li {
        font-size: 14px;
        line-height: 2em;
    }
    .service-content ul.ser2 li:nth-of-type(1) {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .service-content ul li .title2 {
        font-size: 18px;
    }
    .service-content ul li .title {
        font-size: 22px;
    }
    .service-content {
        overflow: hidden;
        max-width: 1440px;
        padding: 0px 20px;
        margin: 40px auto 0px;
    }
    
    
    /**video**/
    .video-center {
        max-width: 1440px;
        margin: auto;
        padding: 40px 20px;
    }
    .video-center .list li {
        width: calc((100% - 20px)/2);
        float: left;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .video-center .list li:nth-of-type(2n) {
        margin-right: 0px !important;
    }
    .video-center .list li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .video-center .img a:before {
        z-index: 2;
        content: '';
        width: 40px;
        height: 40px;
        position: absolute;
        background: url(../images/video.png) no-repeat;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -20px;
        background-size: 100%;
    }
    .video-center .img {
        margin-bottom: 10px;
    }
    .video-center .title a {
        display: block;
        width: 100%;
        font-size: 14px;
    }
    .video-center .list {
        margin-bottom: 30px;
    }
    .video-details .nyabout_center {
        margin: 80px auto 0px;
    }
    
    
    /**about-partners**/
    
    .about-partners {
        background: #f6f6f6;
        padding: 40px 0px;
    }
    .about-partners .title p {
        font-size: 28px;
    }
    
    .about-partners ul li a {
        height: 60px;
    }
    .about-partners ul li {
        width: calc((100% - 30px)/3);
        float: left;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 10px;
    }
    .about-partners ul li:nth-of-type(5n) {
        margin-right: 10px;
    }
    .about-partners ul li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .about-partners .title span {
        font-size: 14px;
    }
    
    /**download**/
    
    .download-list {
        width: calc((100% - 0px)/1);
        float: left;
        margin-right: 0px;
        padding: 20px;
        border: 1px #eee solid;
        border-radius: 8px;
        transition: all 0.5s;
        margin-bottom: 20px;
    }
    .download {
        overflow: hidden;
        width: 100%;
        padding: 40px 0px 20px;
    }
    .download-list .date {
        color: #999;
        font-family: Barlow !important;
        margin: 10px 0px 10px;
    }
    
    
    /**products**/
    
    .pr_list .title {
        display: none;
    }
    
    
    .nyproducts_center {
        max-width: 1440px;
        display: block;
        margin: auto;
        padding: 0px 20px;
    }
    .nyprmain {
        width: 100%;
        padding-left: 0px;
    }
    .indexpr_main li {
        width: calc((100% - 5px)/2) !important;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        position: relative;
        overflow: hidden;
        padding: 10px;
        background: #fff;
    }
    .indexpr_main li:nth-of-type(3n) {
        margin-right: 5px !important;
    }
    .indexpr_main li:nth-of-type(2n) {
        margin-right: 0px !important;
    }
    .rm.indexpr_main li:nth-last-of-type(1) 
    {
        display:block;
    }
    
        
    .indexpr_main li .title a {
        font-size: 14px;
        -webkit-line-clamp: 1;
        margin: 10px 0px 5px;
    }
    .indexpr_main li .ext_prsummary {
        font-size: 12px;
        color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.8em;
    }
    .indexpr_main li .more {
        margin: 10px 0px 0px;
    }
    .indexpr_main {
        margin: 0px auto 30px;
    }
    
    .mflbt
    {
        display: flex;
        text-align: center;
        color: #fff;
        margin-bottom: 30px;
        justify-content: space-between;
    }
    .mflbt p
    {
        width: calc((100% - 5px)/2);
        background: #01b457;
        padding: 10px 5px;
        font-size: 14px;
    }
    .mflbt-p p
        {
        width: calc((100% - 0px)/1);
        }
        
        
    .fl-b,.fl-c {
        width: 100%;
        position: fixed;
        top: 0px;
        right: -100%;
        height: 100vh;
        background: #fff;
        z-index: 999;
        display: flex;
        justify-content: space-between;
        transition: all 0.5s;
    }
    .fl-b.active,.fl-c.active{
        right:0%;
    }
    
        
    .pr_title
        {width: calc(100% - 60px);overflow: scroll;}
        
    
    .close
    {display: block;position: absolute;left: 0px;opacity: 1;margin: 0px;content: '';width: 60px;position: relative;height: 100vh;left: 0px;background: #01b457;display: block;}
    .close img
    {width: 60px;padding: 30px 20px;filter: brightness(100);}
    
    
    
    
    /**Details**/
    .nyDetails {
        padding-top: 140px;
        padding-bottom: 20px;
    }
    .fa_top {
        display: block;
    }
    .fa_top_l {
        width: 100%;
    }
    .fa_dt_r {
        width: 100%;
        float: left;
        padding-left: 0px;
        padding-top: 20px;
    }
    .fa_pro_tit {
        font-size:22px;
        color: #01b457;
        text-align: left;
    }
    .pr_pages {
        padding-top: 20px;
        display: flex;
    }
    
    
    /**index**/
    
    .index_title span {
        font-size: 30px;
    
    }
    .index_title p {
        font-size:22px;
    }
    
    
    .index_bn {
        margin-top: 100px;
        position: relative;
    }
    
    .swiper-bn-list span {
        width: 10px;
        height: 10px;
        border: 1px #fff solid;
    }
    .swiper-bn-list {
        bottom: 10px !important;
    }
    .swiper-pr-list span {
        width: 20px;
        height: 2px;
        background: #999;
        border-radius: 0px;
        margin:0px 2px;
    }
    .pag1_center ul {
        padding: 0px 40px;
    }
    .swiper-button-prev:after, .swiper-button-next:after {
        color: #ddd;
        font-size: 20px;
    }
    .swiper-pr-list .swiper-pagination-bullet-active {
        width: 20px;
        height: 2px;
        background: #3ba598;
        border-radius: 0px;
    }
    .swiper-honor-list span {
        width: 20px;
        height: 2px;
        background: #999;
        border-radius: 0px;
    }
    .swiper-honor-list .swiper-pagination-bullet-active {
        width: 20px;
        height: 2px;
        background: #3ba598;
        border-radius: 0px;
    }
    .inmore {
        margin: 40px auto 0px;
    
    }
    
    
    
    /**index-title**/
    .index-title .cn {
        font-size: 28px;
    }
    .index-title .en {
        font-size: 22px;
    }
    .index-title .cn span {
        font-size: 14px;
        line-height: 1.8em;
    }
    .index-title
    {
        padding:0px 20px;
    }
    
    /**pag2**/
    
    .pag2 {
        display: none;
    }
    
    
    
    /**pag**/
    
    .pag {
        padding: 50px 0px;
        background: #f6f6f6;
    }
    .features li {
        width: calc(100% / 4);
        text-align: center;
        background: none;
        padding: 10px;
    }
    .features li:nth-of-type(2n) {
        background: none;
    }
    .features li img
    {
        height:30px;
    }
    .features li .title {
        font-size: 16px;
        margin-top: 5px;
    }
    .index-fl
    {
        display:none;
    }
    .pag-pr ul li {
        width: calc((100% - 10px)/2);
        float: left;
        margin-right: 10px;
        padding: 10px;
        background: #fff;
        margin-bottom: 10px;
    }
    .pag-pr ul li:nth-of-type(4n) {
        margin-right: 10px;
    }
    .pag-pr ul li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .pag-pr ul li .title a {
        font-size: 14px;
    }
    .pag-pr ul li .details,.pag-pr ul li .consultation {
        line-height: 30px;
        font-size: 12px;
    }
    
    /**pag4**/
    .pag4-1 {
        padding: 50px 0px 50px;
    }
    .pag4-2 .center ul {
        display: block;
        padding: 0px 20px;
    }
    .pag4-2 .center ul li em {
        font-size: 56px;
    }
    .pag4-2 .center ul li
    {
        float: left;
        width: 50%;
        margin: 10px 0px;
    }
    .pag4-2 .center ul li p:nth-of-type(2) {
        font-size: 16px;
    }
    .pag4-1 .center {
        max-width: 1400px;
        font-size: 14px;
        line-height: 2em;
        text-align: center;
        margin-top: 0px;
        display: block;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
        margin: 0px 20px;
        border-radius: 0px 40px 0px 40px;
    }
    .pag4-2 .center {
        border-radius: 0px;
        width: 100%;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
        margin: 40px 0px;
    }
    .pag4-1 .center .left {
        text-align: left;
        padding: 40px 20px;
        width: 100%;
    }
    .pag4-1 .center .right {
        width: 100%;
    }
    .pag4-1 .center .left .title {
        color: #01b457;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .pag4-3 .center .left .title p {
        font-size: 28px;
        font-weight: bold;
        color: #333;
    }
    .pag4-3 .center {
        padding: 0px 20px;
        display: block;
    }
    .pag4-3 .center .left {
        padding-right: 0px;
        max-width: 100%;
    }
    .pag4-3 .center .left .title span {
        font-size: 22px;
    }
    .pag4-3 .center .left .title2 {
        font-size: 16px;
        color: #666;
        margin: 20px 0px 10px;
    }
    .pag4-3 .center ul li .ico {
        display: flex;
        height: 86px;
    }
    .pag4-3 {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 60px 0px;
    }
    .pag4-3 .center a {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    /**pag3**/
    
    .pag3-list {
        position: relative;
    }
    
    .pag3-list li {
        width: 100%;
        background: rgba(27,37,46,1);
        padding: 20px 0px;
        margin: 0px vw;
        cursor: pointer;
        display: block;
        text-align: center;
        align-items: center;
        border-right: 1px rgba(255,255,255,0.1) solid;
    }
    
    .pag3-list li img {
        display: block;
        height: 26px;
        margin: auto;
    }
    .pag3-list li .title {
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        margin-left: 0px;
        margin-top: 10px;
    }
    .pag3-main li .ico
    {
        height: 360px;
        position: relative;
    }
    .pag3-main li .ico img
    {
        width: 100%;
        object-fit: cover;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .pag3-main li .text {
        position: absolute;
        width: 100%;
        top: 15%;
        left: 0;
        max-width: 100%;
        transform: translate(-0%,-0%);
        text-align: center;
        padding: 0px 20px;
    }
    .pag3-main li .text .title {
        font-size: 28px;
        color: #fff;
        font-weight: bold;
        
    }
    
    
    /**.pag1**/
    .pag1
    {
        padding: 50px 0px;
    }
    .swiper-pr-list {
        max-width: 60%;
    }
    .swiper-pr li .text .title {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .swiper-pr {
        margin-top: 30px;
        padding-bottom: 40px;
    }
    
    /**.pag7**/
    
    .pag7 {
        overflow: hidden;
        position: relative;
        width: 100%;
        background: #fff;
        padding: 60px 20px 60px;
        background-size: 100%;
    }
    .mySwiper {
        margin-top: 20px;
        padding: 0px 0px;
    }
    .pag7-center li a {
        display: flex;
        height: 80px;
        justify-content: center;
        align-items: center;
        border: 1px #eee solid;
    }
    .mySwiper .swiper-wrapper {
        display: block;
        overflow: hidden;
    }
    .mySwiper .swiper-wrapper li {
        float: left;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }
    
    .pag5-main {
        display: block;
        margin-top: 20px;
    }
    .pag5-main .left {
        width: 100%;
        display: block;
    }
    .pag5-main .right {
        width: 100%;
        margin-top: 20px;
    }
    .r-top {
        background: #fff;
        width: 100%;
        display: block;
        padding: 20px 0px;
        justify-content: space-between;
    }
    .r-top .list {
        width: 100%;
        display: block;
        padding: 20px;
        border-right: 0px #eee solid;
    }
    .r-bott li {
        width: 100%;
        background: #fff;
        padding: 0px 20px 0px;
    }
    .r-bott ul {
        display: block;
        justify-content: space-between;
        padding: 20px 0px;
        background: #fff;
    }
    .r-bott li .list .date {
        color: #999;
        font-family: Barlow !important;
        width: 80px;
        text-align: right;
    }
    .pag5 {
        width: 100%;
        overflow: hidden;
        padding: 60px 0px;
        position: relative;
        background: #f3f3f3;
    }
    .pag6-center {
        display: block;
    }
    .pag6-right {
        width: 100%;
    }
    .pag6-left {
        width: 100%;
        padding: 0px;
        display: block;
        align-items: center;
    }
    .pag6-right .title {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
    }
    .pag6-right .title span {
        font-size: 22px;
    }
    .pag6-right .summary {
        font-size: 16px;
    }
    .pag6-right .contact .zx {
        display: none;
    }
    
    .pag6-right .contact .tel {
        margin-left: 0px;
    }
    .pag6-right .contact {
        display: flex;
        margin-top: 20px;
    }
    .pag6 {
        padding: 60px 0px;
    }
    
    /**pag9**/
    
    .pag9-center {
        padding: 20px;
    }
    .pag9-title {
        font-size: 22px;
        margin-bottom:20px;
    }
    .pag9-title .summary {
        font-size: 14px;
    }
    .eject {
        display: block;
    }
    .eject .right {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .eject .left {
        width: 100%;
        display: flex;
        background: #f6f6f6;
        padding: 20px;
        justify-content: space-between;
    }
    .eject .left .left-r .tel span {
        display: block;
        font-size: 14px;
        color: #999;
    }
    .eject .left .left-r .tel {
        padding: 29px 20px;
        border: 2px #059349 solid;
        display: block;
        background: none;
        color: #059349;
        padding-left: 20px;
        font-family: Barlow !important;
        font-size: 18px;
    }
    .eject .left .left-r {
        margin-left: 10px;
        width: 60%;
    }
    .eject .left .left-l p {
        font-size: 12px;
    }
    .eject-close {
        width: 40px;
        position: absolute;
        right: 0px;
        padding: 10px;
        cursor: pointer;
        top: 0px;
    }
    .pag6-left textarea {
        height: 140px;
        margin: 10px 0px;
    }
    .pag9-title .title span {
        display: block;
        font-size: 20px;
    }
    .eject .left .left-l {
        max-width: 110px;
    }
    .pag6-left .ly input {
        width: calc(50% - 5px);
        height: 50px;
    }
    .pag6-left button {
        line-height: 50px;
        height: 50px;
    }
    
    }