﻿@media only screen and (max-width: 1380px){
    .y-list2 .tit{height: 40px;line-height: 40px;font-size: 16px;}
    .y-list2 .txt{padding: 0 20px;}
    .y-list2 .txt h5{padding: 20px 0 10px;}
    .y-list2 .txt p{padding-bottom: 15px;}
    .y-list2 .txt a{bottom: 12px;right: 12px;width: 28px;height: 28px;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .wp {width: 98%;}
 
    /*******************************
        -------[=榴莲]-------
    ********************************/
    /* g-link */
    .g-link {overflow: hidden;}
    .g-link li{float: left;/*margin:0;width: 25%;*/}
    .g-link li a{width: 100%;}
    .g-link li.on:after, .g-link li:hover:after{display: none;}

    /* 产品中心-列表 */
    .l-list-pic{margin:0 auto;width: 95%;}
    .l-list-pic li{margin-bottom: 6px;}
    .l-list-pic li a{margin:0 3px;}

    /* 公司介绍-关于我们 */
    .about-list li{width: 50%;}
    .about-list li .txt-bog:after{display: none;}
    .about-list li .txt{padding-right: 20px !important;padding-left: 20px !important;}

    .lins-xq,.about{width: 98%;}

    /*******************************
        -------[=柚子 ]-------
    ********************************/
    .nav .wp{width: 100%;}
    .nav li{padding: 0;background: none;width: 10%;text-align: center;}
    .nav li .v1{display: block;padding: 0;}
    .y-list1 li .box{margin: 0 20px;}
    .y-list1 li h5{padding: 15px 0;}
    .m-link p{width: 86%;}
    .m-link p a{width: 20%;}
    .m-link p a:after{display: none;}
    .fd-nv{padding:0 0 20px 0;}
    .m-imgtxt1 .img{width: 300px;height: 300px;}
    .m-imgtxt1 .col-l{width: 300px;}
    .m-imgtxt1 .col-r{padding-top: 0;width: 65%;}
    .m-imgtxt1 .txt h5{font-size: 20px;padding-bottom: 15px;}
    .m-imgtxt1 .txt p{line-height: 28px;font-size: 16px;}
    .m-imgtxt1 .txt{padding:0 0 30px 0;}
    .m-imgtxt1 .g-btn1{margin-top: 50px;}
    .m-imgtxt1 .list .ico{width: 55px;height: 55px;}
    .m-imgtxt1 .list p{padding: 2px 0 6px;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {

    /*******************************
        -------[=榴莲]-------
    ********************************/

    /* 产品中心-列表 */
    .l-list-pic li p{font-size: 14px;}

    /*******************************
        -------[=柚子]-------
    ********************************/
    .nav li .v1{font-size: 13px;font-weight: normal;}
    #hd .col-r{padding-top: 32px;}
    #hd .logo img{max-width: 140px;}
    #hd .logo span{font-size: 16px;margin-top: 4px;}
    #banner .box{height: 440px;}
    #banner h5{padding-top: 60px;}
    .y-list1{padding-top: 30px;}
    .y-list1 li .img{width: 100px;height: 100px;}
    .y-list1 li h5{padding: 10px 0;}
    .y-list1 li h5 a{font-size: 18px;}
    .y-list1 li p{font-size: 14px;}
    .y-list2 .con li{width: 50%;}
    .m-link p a{width: 25%;}
    .m-imgtxt1 .img{margin: 0;}
    .m-imgtxt1 .img:after, .m-imgtxt1 .img:before{display: none;}
    .m-imgtxt1 .g-tit1{margin-bottom: 20px;}
    .m-imgtxt1 .col-l{float: none;width: 100%;margin-bottom: 20px;text-align: center;}
    .m-imgtxt1 .col-r{float: none;width: 100%;}
    .m-imgtxt1 .img{text-align: center;display: inline-block;}
    .m-imgtxt1 .img img{display: inline-block;}
    .m-imgtxt1 .g-btn1{margin: 20px 0 0 0;text-align: center;}
    .index-newbox .col-l{width: 48%;}
    .index-newbox .col-c{width: 48%;}
    .index-newbox .col-r{float: left;width: 100%;margin-top: 15px;}
    .index-newbox .g-tit1{margin-bottom: 30px;}
    .index-newbox .tit{margin-bottom: 20px;}

    /*******************************
        -------[=石榴]-------
    ********************************/
    .ul-list-1 {margin: 30px 0; } 
    .ul-list-1 .pic {width: 50%; } 
    .ul-list-1 .v1 .txt {position: static; width: 50%; top: 0; margin: 0; padding: 20px; }
    .ul-list-1 .v2 .txt {position: static; width: 50%; top: 0; margin: 0; padding: 20px; }
    .ul-list-1 li {height: 220px;}
    .ul-list-1 .txt {height: 100%;}
    .ul-list-1 .pic {height: 100%;padding-top: 0;}
    .ul-list-1 .txt p {height: auto;}
    .ul-list-3 .v1 .pic {height: 100px; } 
    .ul-list-3 .txt p {line-height: 26px; }
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
 
    /*******************************
        -------[=榴莲]-------
    ********************************/
    /* g-ban */
    .g-ban .txt{padding-left: 15px;padding-right: 15px;}
    .g-ban h3 em{padding: 10px 0;font-size: 25px;}

    /* g-link */
    .g-link {padding: 25px 0;}
    .g-link li{/*width: 33.3%;*/}
    .g-link li a{font-size: 14px;}



    /* 产品中心-列表 */
    .l-list-pic li{width: 50%;}

    /* 产品中心-详情 */
    .xq-slide{width: 90%;height: auto;}
    .xq-slide img{width: 100%;height: auto;}
    .xq-slide .slick-arrow{z-index: 2;}
    .xq-slide .slick-prev{left:10px;}
    .xq-slide .slick-next{right:10px;}
    .lins-xq{padding: 0 10px;}

    /* 关于我们 */
    .about-list li .txt{position: relative;height: auto;padding: 53% 0 0 0 !important;}
    .about-list li .txt-bog{position: absolute;top: 50%;left: 15px;right: 15px;
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    .about-list .li2 .txt,
    .about-list .li4 .txt{text-align: left;}
    .about-list .li1 .txt,
    .about-list .li3 .txt{text-align: right;}
    .about-hd{padding: 0 10px;}

    /*******************************
        -------[=柚子]-------
    ********************************/
    #hd{display: none;}
    #bd{padding-top: 50px;}
    #cui-mobile-header{display: block;border-bottom: 1px solid #3a7dc4;}
    #banner .box{height: 250px;}
    #banner h5{padding: 30px 0 8px;font-size: 22px;}
    #banner h4{font-size: 20px;line-height: 1;}
    #banner h4 img{width: 80px;}
    #banner h4 span{padding-top: 2px;}
    #banner p{padding-top: 20px;}
    #banner .btn{margin-top: 24px;}
    .y-list1 li{width: 50%;}
    .g-tit1 h4{font-size: 22px;padding-bottom: 10px;}
    .y-list2 .title{padding: 20px 0;}
    .y-list2 .title li{margin: 0 22px;padding-bottom: 8px;}
    .m-link p a{width: 33.33%;}
    #fd .list li{width: 50%;}
    #fd .list p{font-size: 16px;}
    .fd-nv dl{width: 50%;min-height: 200px;margin-bottom: 20px;}
    .fd-nv dl:last-child{width: 100%;}
    .fd-nv dd{line-height: 24px;}
    .fd-nv dt{font-size: 15px;margin-bottom: 10px;}
    .fd-nv dd a{font-size: 13px;}
    .copy p{font-size: 12px;}
    .m-imgtxt1 .txt p{font-size: 14px;line-height: 24px;}
    .m-imgtxt1 .list li{width: 50%;margin-bottom: 10px;}
    .y-list3 li{width: 50%;}
    .y-list3 .list p{padding-top: 20px;}
    .index-newbox .col-l,.index-newbox .col-c,.index-newbox .col-r{float: none;width: 100%;margin: 0 0 15px 0;}
    .index-newbox .tit span{font-size: 16px;}
    .index-newbox .list1{padding-top: 0;}
    .index-newbox .list2 li{line-height: 32px;}
    .index-newbox .tit a{padding-top: 3px;}
    .index-newbox .list2 a{font-size: 14px;}
    .partner .img img{max-width: 90%;}
    .partner ul{margin-left: -10px;}
    .partner li{width: 33.33%;}
    .partner li a{margin-left: 10px;}
    .partner li p{padding-top: 5px;}
    .partner li a{font-size: 15px;}

    /*******************************
        -------[=石榴]-------
    ********************************/
    .ul-list-1 li {height: auto;}
    .ul-list-1 .v1 .pic, .ul-list-1 .v2 .txt,.ul-list-1 .v1 .txt, .ul-list-1 .v2 .pic {float: none; }
    .ul-list-1 .pic {width: 100%;height: auto;}
    .ul-list-1 .pic img{position: static; width: 100%;height: auto;}
    .ul-list-1 .v1 .txt,.ul-list-1 .v2 .txt {width: 100%;padding: 20px; }
    .ul-list-2 li {width: 33.3%;}
    .ul-list-3 .v1 {float: none; width: auto; } 
    .ul-list-3 .v1.ad-v1 {float: none; }
    .ul-list-3 .v1 .pic {
        height: auto;max-height: 150px;
    }
    .ul-list-3 .date {
        margin-left: 0;

    }
    .ul-list-3 .txt {
        margin-left: 160px;
        padding-top: 5px;
    }
    .fd-nv dl{display: none;}
    .fd-nv dl:last-child{display: block;text-align: center;}
}
@media only screen and (max-width: 640px){
    .m-link{padding: 15px 0;}
    .m-link em{float: none;width: 100%;text-align: center;display: block;margin-bottom: 10px;}
    .m-link p{width: 100%;}

    .copy{line-height: 20px;padding: 10px 0;}
    .copy p{float: none;display: block;margin-bottom: 5px;}
    .copy em{float: none;display: block;}
    .partner .item a{font-size: 16px;}
    .partner .item p{padding-top: 9px;}


    
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {

     /*******************************
         -------[=榴莲]-------
     ********************************/
    /* g-link */
     .g-link li{/*width: 50%;*/}

     /* 产品中心-列表 */
     .l-list-pic{width: 100%;padding-bottom: 15px;}

     /* 产品中心-详情 */
    .xq-slide{margin-bottom: 0;}

    /* 关于我们 */
    .about-hd h2{font-size: 22px;}
    .about-hd p{line-height: 28px;font-size: 14px;margin-bottom: 10px;}
    .about-bd .tit{padding: 20px 10px 0;}
    .about-bd .tit h2{font-size: 24px;}
    .about-hd h3{font-size: 16px;line-height: 26px;}

    /*******************************
        -------[=柚子]-------
    ********************************/

    #cui-mobile-pop-menu li a{font-size: 14px;}
    #banner h5{font-size: 16px;padding-top: 45px;}
    #banner h4{height: 24px;font-size: 18px;}
    #banner h4 img{display: none;}
    #banner h4 span{display: block;padding: 0;float: none;}
    #banner p{padding-top: 10px;font-size: 16px;}
    #banner p em{font-size: 18px;}
    #banner .btn{height: 30px;line-height: 30px;padding: 0 30px;}
    .y-list1 li h5 a{font-size: 14px;}
    .y-list1 li .box{margin: 0 10px;}
    .y-list1 li p{line-height: 18px;height: 38px;}
    .y-list2 .con li{width: 100%;}
    .y-list2 .txt h5{font-size: 16px;}
    .y-list2 .txt p{font-size: 13px;}
    .y-list2 .title{padding: 15px;}
    .y-list2 .title li{display: block;margin: 0 0 5px 0;}
    .y-list2 .title li a{font-size: 14px;}
    .y-list2 .con .btn{height: 30px;line-height: 30px;width: 120px;}
    .m-link p a{width:auto;padding: 0 8px;}
    .fd-nv dl{display: none;}
    .fd-nv dl:last-child{display: block;text-align: center;}
    .m-imgtxt1 .list li{width: 100%;}
    .y-list3 .img img{max-width: 80%;}
    .y-list3 .list p{font-size: 14px;padding-top: 10px;}
    .partner li{width: 50%;}
    /*******************************
        -------[=石榴]-------
    ********************************/
    .ul-list-1 {margin: 10px 0; } 
    .ul-list-1 .v1 .txt, .ul-list-1 .v2 .txt {padding: 10px; } 
    .ul-list-1 .txt h4 a {font-size: 15px; } 
    .ul-list-1 .txt h4 {margin-bottom: 10px; } 
    .ul-list-1 .txt p {line-height: 22px; font-size: 12px; }
    .ul-list-1 li {margin-bottom: 10px; } 
    .ul-list-1 .pic .bg {background-size: 30px 30px; } 
    .ul-list-1 .pic .bg:before {border-left: 1px solid #fff; border-right: 1px solid #fff; } 
    .ul-list-1 .pic .bg:after {border-top: 1px solid #fff; border-bottom: 1px solid #fff; } 
    .m-serve1 {margin: 10px auto; } .m-serve1 h1 {font-size: 16px; margin-bottom: 10px; } 
    .m-serve1 p {font-size: 12px; line-height: 22px; } 
    .m-serve2 {padding: 10px 0; } 
    .slider.one-time .slick-dots {margin-top: 5px; } 
    .m-serve3 {padding: 10px 0; } 
    .ul-list-2 {margin: 10px auto 0; } 
    .ul-list-2 li {width: 50%;margin-bottom: 10px; } 
    .ul-list-2 .pic {height: 30px; line-height: 30px; } 
    .ul-list-2 li h4 {font-size: 14px; margin: 5px 0 2px; } 
    .ul-list-2 li p {font-size: 12px; } 
    .ul-list-2 .pic img {display: inline-block; height: 100%; } 
    .ul-list-3 .v1 .date {height: 40px; float: none; width: auto; } 
    .ul-list-3 .v1 {height: auto; margin-bottom: 10px;} 
    .ul-list-3 .v1 .con {margin-left: 0; } 
    .ul-list-3 .v1 .pic {height: auto; max-height: auto; } 
    .ul-list-3 .v1 .more {width: 70px; height: 30px; line-height: 30px; font-size: 12px; bottom: auto; left: auto; right: 10px; margin: 0; top: 5px; } 
    .ul-list-3 .date .sp1 {float: left; font-size: 20px; line-height: 40px; margin-left: 10px; } 
    .ul-list-3 .date .sp2 {float: left; line-height: 40px;margin-left: 10px; } 
    .ul-list-3 .date {margin-left: 0; float: none; width: auto; height: 40px; } 
    .ul-list-3 .txt {margin-left: 0; padding: 10px; } 
    .ul-list-3 li {float: none; padding: 0; margin-bottom: 10px; } 
    .ul-list-3 .txt h4 {font-size: 14px; margin-bottom: 10px; } 
    .ul-list-3 .txt p {font-size: 12px; line-height: 22px; height: auto; } 
    .ul-list-3 .more {float: right; margin: 10px 0; } 
    .ul-list-3 .v1 .txt {padding: 10px; } 
    .ul-list-3 .v1 .txt h4 {font-size: 13px; } 
    .ul-list-3 {margin-top: 0; }
    .m-comp-dy .tit {padding-bottom: 40px; margin-bottom: 10px; } 
    .m-comp-dy .tit .back {float: none; width: 90px; font-size: 12px; position: absolute; bottom: 5px; right: 0; } 
    .m-comp-dy .tit h1 {font-size: 14px; margin-bottom: 10px; } 
    .m-comp-dy .tit .date {font-size: 12px; } 
    .m-comp-dy p {font-size: 12px; line-height: 22px; } 
    .ul-list-4 .pg {width: 70px; height: 35px; line-height: 35px; font-size: 12px; } 
    .ul-list-4 h4 {margin-left: 80px; } 
    .ul-list-4 h4 a {font-size: 12px; } 
    .ul-list-4 .date {font-size: 12px; } 
    .ul-list-4 li {height: 30px; line-height: 30px; margin-bottom: 10px; }
    .pages {margin-bottom: 0; }

}

