/*Common For Max 960*/
@media only screen and (max-width: 1600px) {
    .pop-ft-con .con{max-height: 400px;overflow-y: auto;
        padding-right: 15px;}
    .BMap_stdMpCtrl{right: 7% !important;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1400px) {
    /* 简体弹框 */
    .l-pop-jt{padding: 60px 0 45px;}
    .pop-jt-con p{margin:15px 0;}
    .BMap_stdMpCtrl{right: 2% !important;}
}
@media only screen and (max-width: 1370px){
    .BMap_stdMpCtrl{right: 1% !important;}

}
@media only screen and (max-width: 1300px) {
    .html-map{margin: 0 20px;}
    .html-map .wp{width: 100%;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1280px) {
    .wp{width: 100%;}
    /*******************************
        -------[=榴莲]-------
    ********************************/
    /* 头部 */
    .logo{margin-left: 21px;}
    .g-cur{padding-left: 21px;}
    .hd-r .a1{margin-left: 25px;}
    .hd-r li:first-of-type a{margin-left: 0;}
    .jewels-pop .dl1{margin-left: 185px;}
    .ico-jewels-pop .dl1{margin-left: 274px;}
    .ico-jewels-pok .dl1{margin-left: 366px;}
    .ico-jewels-pop-b dl{margin-left: 450px;}
    .ico-jewels-pok-b dl{margin-left: 540px;}
	
    /* 首页 */
    .l-tit h3{font-size: 24px;}
    .l-tit a:before{margin-top: 8px;}

    .index-m1 .left .link{top:22%;}
    .index-m1 .left h3{margin-bottom: 28px;font-size: 24px;}
    .index-m1 .left li a{font-size: 14px;height: 34px;line-height: 34px;}
    .index-m1 .left li a:after{top:5px;}

    .index-m3 .txt div{width: 330px;}
    .index-m3 .txt h3{font-size: 24px;}
    .index-m3 .txt h4{padding:1px 0 21px;font-size: 16px;}
    .index-m3 .txt p{font-size: 14px;line-height: 20px;}
    .index-m3 .txt a{margin-top: 51px;width: 154px;height: 44px;line-height: 44px;}

    .index-m4 .bg{height: 773px;}
    .index-m4 .con{position: static;margin-top: -195px;}
    .index-m4 .g-poa{right: 4%;}
    .index-m4 li .box{background:#f2f2f2;}
    .index-m4 li .txt h3{margin:24px 0 4px;}
    .index-m4 li .txt h3 a{font-size: 24px;height: 33px;}
    .index-m4 li .txt p{font-size: 14px;height: 16px;}
    .index-m4 li .a{margin-top: 28px;}

    .index-fd{padding-bottom: 79px;/*margin-bottom: 33px;*/}
    .index-fd a{padding:0 106px 0 63px;}
    .index-fd a em{font-size: 24px;}

    /* 底部 */
    .fd-link li{margin-left: 0;width: 20%;}
    .fd-link li .pop{left: 50%;margin-left: 0px;width: 146px;}

    /* 企业定制 */
    .customize-ban .txt{
        -webkit-transform: translateX(80px) translateY(-18%);
        -o-transform: translateX(80px) translateY(-18%);
        -moz-transform: translateX(80px) translateY(-18%);
        transform: translateX(80px) translateY(-18%);
    }
    .customize-con .slick-prev{left:10px;margin-left: 0;}
    .customize-con .slick-next{right:10px;margin-right: 0;}
    .cus-fd .l-tit h3{margin-bottom: 28px;font-size: 36px;}

    .cus-m2-slide .slick-prev{left:10px;}
    .cus-m2-slide .slick-next{right:10px;}


    /*******************************
        -------[=石榴]-------
    ********************************/
    .m-infor1 .explain {width: 540px;}
    .s-list8 {margin-left: 30px; } 
    .m-cont1 {padding: 55px 38px; }
    /*.m-news1 .txt {left: 10%; }*/
    .m-pro1 .pic {float: right; width: 50%; height: auto; } 
    .m-pro1 .txt {width: 50%; height: auto; padding: 10px 20px;; } 
    .m-pro1 .txt h4 {margin-bottom: 30px; }
    .s-list1 {margin: 0 0 26px; } 
    .s-list2 {overflow: hidden; margin: 52px 0 100px; }
    .g-cur1 {margin: 0 20px;}


    /*******************************
        -------[=柚子]-------
    ********************************/
    .y-row1 .col-l{width: 68%;}
    .y-row1 .col-r{width: 31%;}
    .y-row2 .col-l{width: 31%;}
    .y-row2 .col-r{width: 68%;}
    .y-pic1{padding-top: 55%;}
    .y-pic2{padding-top: 120.5%;}
    .y-pic3{padding-top: 120.5%;}
    .y-img4{padding-top: 55%;height: auto;}
    .y-img4 .img{height: auto;margin-top: 30px;}
    .y-img4 .img img{height: 300px;}
    .y-bgbox1 .col-r{width: 608px;}
    .y-list1 li{width: 276px;}
    .y-list1 li a{width: 276px;height: 276px;}
    .y-list1 li img{max-height: 250px;}
    .y-list1 li{margin-left: 28px;}
    .y-bgbox1{height: 540px;margin-bottom: 75px;}
    .y-img5 .img{height: 340px;}
    .y-img5 .img img{max-height: 340px;}
    .y-txtimg1 .img{padding-top: 123%;height: auto;}
    .y-pic4{padding-top: 68%;}
    .y-t1 h5{padding-top: 16px;}
    .y-t1 span{margin-top: 9px;}
    .y-pic5{padding-top: 62%;}
    .y-img8{padding-top: 136%;height: auto;position: relative;}
    .y-img8 .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .y-img8 .box img{height: 280px;}
    .y-row3 .col-l{width: 31%;}
    .y-row3 .col-r{width: 69%;}
    .y-row4 .col-l{width: 59%;}
    .y-row4 .col-r{width: 39%;}
    .y-row5 .col-l{width: 60%;}
    .y-row5 .col-r{width: 38%;}
    .y-pic6{padding-top: 47%;}
    .y-img16 .box{right: 14%;}
    .y-img16 .img{margin-left: 10%;}
    .y-imglist2 li{float: left;width: 50%;margin: 0;}
    .map-box .wp{width: 98%;}
    .map-screen li{width: 215px;}
    .map-box .map-screen{padding-right: 80px;}
    .map-box .cont{width: 98%;}
    .customize-con .slider-for .img{width: 320px;height: 420px;}
    .customize-con .slider-for .img img{max-height: 420px;max-width: 320px;}
    .customize-con .box{margin-left: 80px;}
    .customize-nav{margin-left: 90px;}
    /*******************************
        -------[=荔枝]-------
    ********************************/
    .m-sele dd a{margin-right: 35px;}
    .y-imglist1 li{height: 480px;}

    .map-box .map-screen{width: 98%;}
    .m-supplier .txt{padding: 0 30px;}


    /*修改2016-12-19！！！！*/
    .m-sele{margin: 0 20px;}

}

/*Common For Max 960*/
@media only screen and (max-width: 1200px) {
    /*******************************
        -------[=榴莲]-------
    ********************************/

    /* 头部 */
    .logo{margin-right: 15px;}
    .nav li{margin-left: 44px;}
    .hd-r .lang{margin:0 13px 0 26px;}
	
	    /* 头部 */
    .logo{margin-left: 21px;}
    .g-cur{padding-left: 21px;}
    .hd-r .a1{margin-left: 25px;}
    .hd-r li:first-of-type a{margin-left: 0;}
    .jewels-pop .dl1{margin-left: 163px;}
    .ico-jewels-pop .dl1{margin-left: 233px;}
    .ico-jewels-pok .dl1{margin-left: 307px;}
    .ico-jewels-pop-b dl{margin-left: 375px;}
    .ico-jewels-pok-b dl{margin-left: 450px;}

   /*******************************
       -------[=石榴]-------
   ********************************/
   .m-infor1 {padding-left: 12px; } 
   .m-infor1 .td1 {margin-right: 30px; width: 450px; } 
   .m-infor1 .text {width: 290px; } 
   .m-infor1 .sel {width: 290px; } 
   .m-infor1 .explain {margin-left: 60px; width: 420px; height: 100%; }
   .m-cont1 .pic {width: 480px; } 
   .s-list8 li h4 {font-size: 24px; margin-bottom: 5px; } 
   .s-list8 li {padding: 10px 0; margin-bottom: 10px; } 
   .s-list8 li p {line-height: 28px; }


   /*******************************
       -------[=柚子]-------
   ********************************/
    .y-img11 .box2{right: 5%;}
    .y-img11 .box1{width: 41%;}
    .y-img19{height: 475px;}
    .y-img19 .img1 img{max-width: 500px;max-height:390px;}
    .y-img19 .img2 img{max-height: 290px;}
    .y-img19 .img2 .y-t2{margin-top: 206px;left: -29px;}
   /*******************************
       -------[=荔枝]-------
   ********************************/
   .index-pop1{width: 930px;}
   .y-nbox1 .img2{max-width: 300px;top: 20px;}
   .n-box1 .img{width: 260px;
        top: 241px;
        right: 272px;
    }
    .n-box1 .txt{left: 100px;top: 200px;}
    .n-box1 .img{right: 195px;top: 120px;}
    .y-img6 img{width: 230px;}

    /*******************************
        -------[=搜索页面结果]-------
    ********************************/
    .sear-result{padding:52px 50px 0 50px;}

    .BMap_stdMpCtrl{right: 1% !important;}
    
    /*******************************
        -------[=修改2017-1-10 新增模块]-------
    ********************************/
    .m-service .img{margin-top: 10px;}

}

@media only screen and (max-width: 1024px) {
     /*******************************
         -------[=榴莲]-------
     ********************************/
     /* 首页 */
     .logo{margin-right: 0;}
     .nav li{margin-left: 35px;}

    .jewels-pop .dl1{margin-left: 140px;}
    .ico-jewels-pop .dl1{margin-left: 200px;}
    .ico-jewels-pok .dl1{margin-left: 260px;}
    .ico-jewels-pop-b dl{margin-left: 325px;}
    .ico-jewels-pok-b dl{margin-left: 390px;}
	
	
	
	
	
	
	
	
	
	
	
	

     /* 首页 */
     .index-m1 .left .link{top: 18%;}
     .index-m5 .box{height: 480px;}
     .index-m5 .txt{height: 244px;margin-top: -122px;width: 360px;}
     .index-m5 .txt div{padding:38px 25px 0;}
     .index-m5 .txt p{margin:15px 0 22px;}

     .ban-slide .con h3{font-size: 32px;}
     .ban-slide .con p{font-size: 40px;padding-bottom: 30px;}
     .ban-slide .con p a{font-size: 40px;}
     .ban-slide .con{bottom: 30px;}

     /* 企业定制 */
     .customize-ban h3 img{width: 230px;}
     .customize-ban .txt p{font-size: 14px;margin-bottom: 26px;}

     .customize-con .bg{height: 632px;}
     .customize-con .box{margin-left: 86px;}
     .customize-con p{font-size: 14px;margin:26px 0 34px;}

     .customize-con .bg{
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;}
     .customize-nav .item img,
     .customize-nav .item {width: 46px;height: 46px;}

     .customize-nav .slick-current img,
     .customize-nav .slick-current{width: 55px;height: 55px;margin-top: 4px;}

     .customize-m1{height: 635px;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
    .customize-m1 h2{padding:50px 0 0 100px;}
    .customize-m1 .box{width: 415px;margin:67px 100px 0 0;}
    .customize-m1 p{margin-bottom: 41px;}
    .customize-m1 .img div{width: 92px;margin-right: 42px;}
    .customize-m1 .img div img{width: 100px;height: auto;margin-bottom: 18px;}

    .customize-m2{padding-top:46px ;}
    .cus-m2-slide{padding: 0 78px;}
    .certification .wp{overflow: hidden;}
    .certification ul{padding: 0;margin:0 -30px;}
    .cus-fd .list{margin-bottom: 0;}
    .cus-fd .txt{width: 100%;padding: 0 1%;}
    .cus-fd .txt em{float: none;display: block;}
    .cus-fd .txt .box{float: none;width: 100%;}
    /*******************************
        -------[=石榴]-------
    ********************************/
    .m-cont1 .pic {width: 100%; float: none; } 
    .s-list8 {float: none; margin-left: 0; } 
    .m-cont1 {padding: 0; margin: 10px 0 50px; } 
    .s-list8 li {padding: 10px; }
    .m-cont2 {overflow: visible; margin-bottom: 272px; } 
    .m-cont2 .txt {width: 100%; background-color: #fefefe; top: auto; margin-top: 0; left: 0; margin-left: 0; }
    .m-news1 .txt {position: static; width: 370px; margin-left: 20px; top: 0; transform: translateY(0); -webkit-transform: translateY(0); left: 0; margin-bottom: 50px; } 
    .m-news1 .pic {float: none; width: 100%; height: auto; padding-top: 0; } 
    .m-news1 .pic img {position: static; width: 100%; height: auto; } 
    .m-news2 .txt {position: static; padding: 120px 0; width: auto; text-align: center; transform: translateY(0); -webkit-transform: translateY(0); } 
    .m-news2 .pic {float: none; width: auto; height: auto; } 
    .m-news2 .pic img {height: auto; } 
    .s-list7 li {width: 100%; float: none; } 
    .s-list7 .txt p {display: none; } 
    .s-list7 .txt .date {height: auto; line-height: normal; border: none; margin: 5px 0 35px; } 
    .pages .v1{display: none;} 
    .pages .v2{display: none;} 
    .pages .pgt{display: none;}


    .m-statement2 .tit {position: static; border-bottom: 1px solid #e1e1e1; height: 50px; } 
    .m-statement2 .tit:after {display: none; } 
    .m-statement2 .tit .date {margin-right: 0; } 
    .m-statement2 {position: relative; border: none; margin: 0 20px; } 
    .m-statement2 .tit .bdsharebuttonbox{position: absolute; bottom: -32px; right: 0; } 
    .m-back {margin-left: 20px; margin-top: 0; }
    .m-statement2 .ins {display: none;}
    .m-supplier .close {display: none; } 
    .m-supplier .close1{display: block;}
    .m-supplier .txt {margin: 0 20px 50px;}
    .m-pro1 .txt {float: none; width: auto; padding: 20px; } 
    .m-pro1 .pic {float: none; width: auto; } 
    .s-list1 li {width: 50%; } 
    .m-dn{display: none;} 
    .s-list2 li {width: 50%; }
    .m-pro2 .pro-p {width: auto; float: none; } 
    .m-pro2 .pro-t {width: auto; float: none; padding: 50px 20px 0; border-top: 1px solid #f1f1f1; margin-top: 40px; } 
    .s-list3 {margin-top: 20px; } 
    .m-pro3 {padding: 30px 20px 60px; background-color: #fafafa; margin-bottom: 26px; } 
    .m-pro3 .con span {margin-bottom: 20px; margin-right: 0; width: 48%; } 
    .s-list4 li {height: auto; } 
    .s-list4 .v1 .txt {float: none; width: auto; padding: 30px 20px; } 
    .s-list4 .v1 .pic {float: none; width: auto; } 
    .s-list4 .v2 .txt {float: none; width: auto; padding: 30px 20px; } 
    .s-list4 .v2 .pic {float: none; width: auto; height: auto; } 
    .s-list5 li {width: 50%; } 
    .s-list5 .con {margin: 0 20px; } 
    .s-list5 .pic {line-height: 220px; }
    .cloudzoom-zoom {
        top: 550px!important;
        left: 0;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
    #ban1 .txt {font-size: 20px; }





    /*******************************
        -------[=柚子]-------
    ********************************/
    .y-img9{height: 440px;}
    .y-img10 .bg{height: 340px;}
    .y-img10 .img2{right: 1%;height: 440px;}
    .y-img10 .img2 img{height: 440px;}
    .y-img10{height: 440px;}
    .y-img10 .box{bottom: 0;}
    .y-img9 .img{margin-bottom: 10px;}
    .y-img9 .img img{height: 337px;}
    .y-t2 h5{padding-top: 5px;}
    .y-img11{height: 450px;}
    .y-img11 .box1 .img img{height: 297px;}
    .y-img11 .box2{right: 10%;}
    .y-img11 .box2 img{height: 210px;}
    .y-img12 .img img{height: 400px;}
    .y-img12{height: 580px;}
    .y-img18{height: 430px;}
    .y-img18 .txt{padding:50px 50px 0 50px;}
    .y-img18 .txt{height: 300px;}
    .y-img18 .img img{max-height: 200px; margin-top: -163px;}
    .y-img18-b{height: 460px;}
    .y-img18-b .txt{padding:50px 50px 0 50px;}
    .y-img18-b .img img{max-height: 200px;}
    .y-list2 .img{margin-top: 120px;}
    .y-list2 li{height: 500px;}
    .customize-con .slider-for .img{right: 70px;height: 320px;width: 232px;}
    .customize-con .slider-for .img img{max-height: 320px;max-width: 232px;}

    /*******************************
        -------[=荔枝]-------
    ********************************/
    .n-box2 .img{max-height: 360px;}
    .n-box2 .img img{max-height: 360px;}

    .slider-page .slick-next{right: 0;}

    /*******************************
        -------[=招聘]-------
    ********************************/
    .recruit .imgtxt .txt{padding:20px 20px 0;}    
    .recruit .imgtxt .txt h5{padding-bottom: 15px;}

    /*******************************
        -------[=网站地图]-------
    ********************************/
    /*.html-map{width: 98%;margin: 0 auto;}*/
    .html-map .list dd{width: 25%;}

    /*******************************
        -------[=PDF窗口]-------
    ********************************/
    .pdf-pop{width: 98%;}
    .pdf-html .cloudzoom-zoom{top: 50% !important;left: 50% !important;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);}

    /*修改2016-12-19！！！！*/
    .customize-m1 .box{margin-top: 0;}
    .customize-m1 h3{margin-bottom: 20px;}
    .customize-m1 p{margin-bottom: 15px;}
}


/*Common For Max 768*/
@media only screen and (max-width: 959px) {
     /*******************************
         -------[=榴莲]-------
     ********************************/
     /* 头部 */
    #hd{padding: 15px 0;}
    .logo{width: 100px;height: 59px;}
    .hd-r{padding-top: 20px;}
    .hd-r .search-btn{margin-right: 15px;}
    .hd-r .a1{margin-left: 14px;}
    .hd-r .lang{margin-left: 16px;}

    .nav li{margin-left:18px;}
    .nav .a1 em{height: 58px;line-height: 58px;}
    .nav .a1 em i{bottom: -18px;}
    .nav-pop{padding: 15px 0;}

    .about-pop dd a{width: 110px;height: 35px;line-height: 35px;}
	
	.jewels-pop .dl1{margin-left: 85px;}
    .ico-jewels-pop .dl1{margin-left: 145px;}
    .ico-jewels-pok .dl1{margin-left: 190px;}
    .ico-jewels-pop-b dl{margin-left: 235px;}
    .ico-jewels-pok-b dl{margin-left: 280px;}
	
	
	
	
	

     /* 首页 */
     .index-m4 li .box{padding: 25px;}

     /* 企业定制 */
     .customize-ban h3 img{width: 208px;}
     .customize-ban .txt p{font-size: 18px;margin:7px 0 18px;}
     .customize-ban .txt{top: auto;bottom: 5%;
        -webkit-transform: translateX(80px) translateY(0);
        -o-transform: translateX(80px) translateY(0);
        -moz-transform: translateX(80px) translateY(0);
        transform: translateX(80px) translateY(0);
     }

    .customize-con .bg{height: 480px;}
    .customize-m1 .box{margin-right: 50px;}

    .customize-m1 h2{padding: 30px 0 0 64px;}
    .customize-m1 .box{margin:28px 28px 0 0;}
    .customize-m1 p{margin:20px 0;}
    .customize-m1{height: 488px;}





    /*******************************
        -------[=石榴]-------
    ********************************/

    .m-infor1 .td1 {width: 100%; float: none; margin-right: 0; margin-bottom: 19px; } 
    .m-infor1 .tr1 {height: auto; margin-bottom: 0; } 
    .m-infor1 .tr3 {height: auto; margin-bottom: 19px; } 
    .m-infor1 .explain {margin-left: 150px; width: auto; margin-top: 10px; }


    /*******************************
        -------[=柚子]-------
    ********************************/
    .y-row1 .col-l,.y-row1 .col-r{float: none;width: 100%;}
    .y-row1 .col-l{margin-bottom: 20px;}
    .h26{height: 20px;}
    .y-row2 .col-l,.y-row2 .col-r{float: none;width: 100%;}
    .y-img4{padding-top: 56%;}
    .y-img4 .img{left: 26%;margin-top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);}
    .y-img4 .y-t2{top: 100px;}
    .y-bgbox1 .y-img5{margin-left: 20px;}
    .y-img5 .img{height: 260px;}
    .y-img5 .img img{max-height: 260px;}
    .y-img5 .y-t1 h5{padding-top: 15px;}
    .y-t1 h4{padding-top: 10px;}
    .y-img5 .y-t1 span{margin-top: 10px;}
    .y-bgbox1{height: 415px;}
    .y-bgbox1 .col-r{width: 68%;}
    .y-list1{margin-left: -15px;}
    .y-list1 li{width: 48%;margin-left: 0;}
    .y-list1 li a{width: 100%;padding-top: 100%;height: auto;}
    .y-list1 li.r{float: right;}
    .y-img8{padding-top: 50%;}
    .h120{height: 40px;}
    .y-t2 h5{padding-top: 10px;}
    .y-img10 .img2{width: 204px;}
    .y-img11 .box2{top: 150px;}
    .y-img12 .img img{height: 360px;}
    .y-img13{height: 270px;}
    .y-img14 .img{text-align: center;}
    .y-img14 .img img{max-width: 280px;}
    .y-row8 .col-l,.y-row9 .col-l,.y-row9 .col-r{float: none;width: 100%;}
    .y-row8 .col-r{float: none;width: 100%;margin-bottom: 15px;}
    .y-img18{height: 345px;}
    .y-img18 .txt{height: 280px;}
    .y-img18 .img{left:auto;right: 8%;width: 150px;height: 150px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);}
    .y-img18-b .img{left: auto;right: 8%;top: 50%;width: 150px;height: 150px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);}
    .y-img18-b{height: 265px;}
    .y-img18-b .img img{position: static;max-height: 150px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);}
    .y-img18-b .txt{height: 265px;}
    .y-row10 .col-l,.y-row10 .col-r{float: none;width: 100%;}
    .y-imglist2 li{height: auto;}
    .y-imglist2 .img{height: 224px;}
    .y-imglist2 .img img{max-height: 220px;}
    .map-screen .list-btn{display: none;}
    .map-box .map-screen{padding: 17px 25px 0 25px;}
    .map-screen ul{margin-left: -15px;float: none;}
    .map-screen li{float: left;width: 33.33%;margin-right: 0;}
    .map-screen li .box{margin-left: 15px;}
    .map-screen select{width: 100%;margin: 0;}
    .phone-maptit{display: block;}
    .map-box #map{left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);}
    .map-box #map .autobox{height: 245px;}
    .map-box #map-content{height: 570px !important;}
    .map-box .map-pop{display: block;}
    .map-box .list li{width: 100%;}
    .y-ban1 .txt{width: 98%;}
    .y-ban1 .txt h5{margin-bottom: 15px;font-size: 22px;}
    .y-ban1 .txt p{font-size: 14px;line-height: 22px;}
    .y-ban1 .txt-b h4{font-size: 22px;}
    .y-ban1 .txt-b h4 span{padding-top: 5px;}
    .y-ban1 .txt-b em{margin-top: 20px;font-size: 14px;}
    .customize-con .slider-for .slider{margin-top: 30px;}
    .y-img19 .img1 img{max-width: 300px;}
    .y-img19 .img1 .y-t2{width: 100%;float: none;}
    .y-img19 .img2 img{max-height: 235px;}
    .y-img19{height: 345px;}
    #hd{height: 90px;}
    #banner{margin-top: 90px;}
    /*******************************
        -------[=荔枝]-------
    ********************************/
    .m-sele dd a{margin-right: 35px;}
    .m-list1 li{width: 33.33%;}
    .m-sele dd{padding-left: 20px;}
    .m-sele dd a{margin-right: 20px;}
    .m-sele dd .more{right: 45px;}
    .m-sele .d2 dd{padding-right: 105px;}

    .index-pop1{width: 98%;}
    #banner .fix-box{padding: 14px;}
    #banner h5{padding-bottom: 5px;}
    #banner .list{margin-bottom: 10px;}
    #banner .vid-btn a{font-size: 14px;}
    .index-pop1 .close{width: 20px;height: 20px;
        background-size: 20px 20px;}
    .index-pop1 p{width: 100%;padding: 0 10px;}
    .index-vid .box{width: 740px;height: 416px;}
    .l-tit h3{font-size: 20px;}
    .index-m3 .txt h3{font-size: 20px;}
    #banner p{font-size: 28px;}
    .y-nbox1 .img2{top: 0;}
    .n-box1 .txt{top: 160px;}
    .n-box1 .img{top: 175px;width: 140px;}
    .n-box1 .txt h5{font-size: 20px;}
    .n-box1 .txt h5{padding-bottom: 5px;}
    .n-box1 .txt a{margin-top: 10px;padding-top: 5px;}
    .y-imglist1 li .img{height: 300px;}
    .y-imglist1 li .img img{max-height: 280px;}
    .y-img10 .y-t1{padding-bottom: 0;}
    .y-img10 .y-t1 h5{padding-top: 0;}
    .y-pic7{padding-top: 460px;}
    .y-img15{height: 460px;}
    .y-img15 .y-t1{top: 160px;}
    .y-t1 h5{font-size: 20px;}
    .n-box2 .img{max-height: 300px;right:auto;left: 0;width: 100%;text-align: center;}
    .n-box2 .img img{max-height: 300px;}
    .s-list1 .pic img{max-height:200px;max-width:200px;}
    .s-list1 .pic{height: 225px;line-height: 272px;}


    /*修改2016-12-19*/
    .customize-m1 .box{margin:0 15px 0 0;}
    .customize-m1 h2{font-size: 22px;}
    .customize-m1 h3{font-size: 20px;margin-bottom: 5px;}
    .customize-m1 .box .txt{height: 222px;}
    .customize-m1 .box .img{display:none;}
    .customize-m1 p{margin: 5px 0;}

    /*修改2016-12-19*/
    .customize-ban .txt{left: 0%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);}


    /*******************************
        -------[=修改2017-1-10  新增模块]-------
    ********************************/
    .m-service .pic-box{margin-right: 15px;}
    .m-service .txt li{margin-right: 15px;line-height: 20px;}
    .m-service .txt strong{line-height: 30px;}
    .m-service .img{margin-top: 8px;}
}

@media only screen and (max-width: 880px){
    .cus-box{display: none;}
    .customize-con .slider-for .slick-list, .customize-con .slider-for .slider{height: 480px;margin-top: 0;}
    .slick-slider .slick-track, .slick-slider .slick-list,.customize-con .item{height: 100%;}
    .customize-con .slider-for .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .customize-con .slider-for .wp{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .customize-con .slider-for .img{right: auto;left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}


    /*******************************
        -------[=招聘]-------
    ********************************/
    .recruit .imgtxt .col-l{float: none;width: 100%;}
    .recruit .imgtxt .col-r{float: none;width: 100%;}
    .recruit .imgtxt .txt{padding-bottom: 20px;}


    /*修改-2016.12.19*/
    .customize-con .box{position: absolute;bottom: 0;left: 50%;width: 480px;margin-left: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);}
    .customize-con strong{display:none;}
    .customize-con .slider-for .img{top: 30%;}

}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
     /*******************************
         -------[=榴莲]-------
     ********************************/
     .g-cur{display: none;}
     /* 头部 */
    #hd{display: none;}
    #banner{display: none;}
    #m-hd{display: block;}
    #bd{padding-top: 65px;margin-top: 0;}
    #go-top{display: none;}

    /*.m-customize-con{display: block;}*/
    /*.m-customize-m1{display: block;}*/

    /* 底部 */
    #fd{display: none;}
    #m-fd{display: block;}

    /* 首页 */
    .l-tit h3{font-size: 18px;height: auto;line-height: 1.2;}
    #m-banner{display: block;}
    .m-index-link{display: block;}
    .index-box{padding-top: 0 !important;margin-top: 15px;}
    .index-m1 .left{display: none;}
    .index-m1 .right{position: static;padding-top: 53%;width: 100%;height: auto;}
   

    .index-m2 .left{position: relative;top: auto;left: auto;width: 100%;height: auto;
        padding-top: 61%;}
    .index-m2 .right{position: static;right: auto;top:auto;margin-top: 15px;padding-left: 0;
        width: 100%;height: auto;}
    .index-m2 .right .bg{position: relative;padding-top: 76%;}

    .index-m3 .img{position: static;width: 100%;}
    .index-m3 .icn{left: 28%;width: 22%;margin-left: 0;}
    .index-m3 .txt{position: static;padding: 29px 0; 
        width: 100%;text-align: center;}
    .index-m3 .txt div{position: static;width: 100%;
        -webkit-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .index-m3 .txt a{margin:0 auto;width: 100px;height: 30px;line-height: 28px;}
    .index-m3 .txt h3{font-size: 20px;color:#000;}
    .index-m3 .txt h4{padding-bottom: 0;font-size: 16px;color:#666;}
    .index-m3 .txt p{margin:7px auto 15px;width: 240px;font-size: 14px;line-height: 23px;}

    .index-m4 .bg{padding-top: 62%;height:auto;position: relative;
        background: url(../image/index-m8-m.jpg) no-repeat center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
    .index-m4 .g-poa{width: auto;top:auto;right: 21%;bottom: 28%;}
    .index-m4 .g-poa .bak{width: 60px;margin-bottom: 0;}
    .l-tit h3{margin:20px 0 0;}
    .index-m4 .bg .wp{position: static;padding:0;}

    .index-m4 .con{position: relative;z-index: 2;margin-top: -46px;bottom:0;}
    .index-m4 ul{margin-left: -15px;}
    .index-m4 li .box{padding: 10px;margin-left: 15px;}

    .index-m4 li .txt h3{margin:15px 0 5px;height: auto;}
    .index-m4 li .txt h3 a{font-size: 18px;}
    .index-m4 li .a{margin-top: 15px;}

    .index-m5{padding: 15px 0;}
    .index-m5 .box{height: 352px;}

    .index-m5 .txt{width: 59%;height: 175px;left: 15px;margin-top: -87px;}
    .index-m5 .txt div{padding: 25px 20px 0;}
    .index-m5 .txt h3{font-size: 24px;}
    .index-m5 .txt p{margin-bottom: 13px;}

    .index-fd{padding: 35px 0;/*margin-bottom: 15px;*/}
    .index-fd p br{display: block;}
    .index-fd p{line-height: 25px;}
    .index-fd a{padding: 0 95px 0 55px;}
    .index-fd a em{padding-left: 44px;
        height: 60px;line-height: 60px;font-size: 18px;}

    /*.customize-con,.cus-box,.customize-m1{display: none;}*/
    .customize-m2 li a{padding: 0 14px;height: 26px;line-height: 25px;
        width: auto;height: auto;font-size: 14px;}

    .certification li{width: 95%;max-width: 442px;margin:28px auto 0;float: none;}
    .certification li:after{display: none;}
    .certification h2{margin-bottom: 0;}
    .certification {padding: 30px 0;}
    
    .cus-fd .l-tit h3{font-size: 24px;margin-bottom: 20px;}
    .cus-fd .list{width: 100%;}
    .cus-fd .list li{font-size: 14px;}
    .cus-fd .list li br{display: none;}

    .customize-m2{padding: 100px 0;}
    .customize-m2 h3{font-size: 24px;}
    .customize-m2 ul{padding:20px 0;}
    .certification h2{font-size: 24px;}

    .cus-m2-slide .slick-arrow{width: 20px;height: 38px;margin-top:0;top: 32%;}

    /* 弹框 */
    .l-pop{width: 99%;margin-left: 0;left: 0.5%;}
    .l-pop .con{max-width: 98%;}
    .pop-ft-con .con{max-height:none;height: 100%;}
    .pop-ft-con{height: 100%;}
    .g-form{max-height: 400px;overflow-y: auto;}

    /*******************************
        -------[=石榴]-------
    ********************************/
    .m-infor1 {padding-left: 0; margin: 0 20px; } 
    .m-infor1 .sp1 {display: block; width: auto; line-height: 35px; } 
    .m-infor1 .text {width: 100%; } 
    .m-infor1 .sel {width: 100%; } 
    .m-infor1 .tr2 {height: auto; } 
    .m-infor1 .sp2 {display: block; width: auto; line-height: 35px; } 
    .m-upload {display: block; width: auto;} 
    .m-infor1 .explain {margin: 10px 10px 0; } 
    .m-infor1 .tr4 {height: auto; } 
    .m-infor1 .tr2 .lab {margin-left: 0; } 
    .m-infor1 .tr5 {text-align: center; padding-left: 0; height: auto;} 
    .m-infor1 .tr5 .btn1 {width: 100%;display: block; margin: 0 0 30px 0;}
    .m-statement1 .year {position: static; text-align: center; margin-top: 20px; } 
    .s-list6 {margin: 25px 0; } 
    .s-list6 li {padding: 0 20px; }
    .m-news1 .txt {width: auto; margin: 0 20px 30px; }
    .cloudzoom-zoom {
        top: 460px!important; 
    }
    .slider.one-time .slick-dots {
        height: 13px;
    }
    .slider.one-time .slick-dots li {
        border-radius: 13px;
        width: 13px;
        height: 13px;
        margin: 0 13px;
    }
    .g-cur1{text-align: center;}
    .g-cur1 a{margin: 0 24px;}

    



    /*******************************
        -------[=柚子]-------
    ********************************/
    .y-bgbox1 .col-r{width: 60%;}
    .y-list1 li img{max-height: 150px;}
    .y-t1 h5{font-size: 18px;}
    .y-t1 h4{font-size: 18px;}
    .y-img8 .box img{height: 240px;}
    .y-img8{padding-top: 308px;}
    .y-row3 .col-l,.y-row3 .col-r{float: none;width: 100%;}
    .y-img9{height: 350px;}
    .y-img9 .img{float: left;margin-left: 12%;width: 18%;}
    .y-img9 .y-t2{float: right;width: 55%;margin-top: 150px;}
    .y-img11 .box1{left: 0;width: 50%;}
    .y-img11 .box2{right: 0;width: 50%;top: 100px;}
    .y-img12 .img img{float: none;height: 300px;}
    .y-img12{height: 500px;}
    .y-imglist1 li .box{float: none !important;text-align: center;margin: 0 !important;}
    .y-row4 .col-l{float: none;width: 100%;text-align: center;}
    .y-row4 .col-r{float: none;width: 100%;}
    .y-imglist1 li{height:auto;}
    .y-imglist1 li .img{position: relative;height: 373px;}
    .y-imglist1 li .img img{position: absolute;top: 50%;left: 50%;
        max-width: 100%;max-height: 100%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
    .y-img14 .img{margin-top: 25px;}
    .y-img14 .img img{max-width: 200px;}
    .y-img14 .y-t1{height: 210px;}
    .y-img16 .img img{max-height: 270px;}
    .y-img16{height: 350px;}
    .y-img16 .img{margin-left: 0;text-align: center;}
    .y-img16 .box{position: static;}
    .y-img17{height: 400px;}
    .y-img17 .img{top: 0;left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);}
    .y-img17 .img img{max-height: 290px;}
    .y-img18-b .txt,.y-img18 .txt{padding-left: 20px;}
    .y-img18-b .img{right: 1%;}
    .y-img18-b .txt, .y-img18 .txt{padding-right: 0;}
    .y-img18-b .txt p{width: 55%;}
    .y-img18 .txt p{width: 70%;}
    .y-t2{font-size: 14px;}
    .y-imglist2 .img{height: 160px;}
    .y-imglist2 .img img{max-height: 160px;}
    .y-list2 li{height: auto;padding: 30px 0;}
    .y-list2 .img{margin: 0;}
    .y-imglist2 .box{margin: 0 15px;}
    .y-t2 span{padding-top: 8px;}
    .map-box .map-screen{padding: 17px 0 10px;}
    .map-screen select{float: none;height: 30px;}
    .map-box .map-screen{height: 64px;}
    .map-box .list{margin-top: 20px;}
    .customize-m1 h2{padding-left: 0;text-align: center;font-size: 22px;}
    .customize-m1 h3{font-size: 20px;line-height: 24px;}
    .customize-m1 p{margin: 10px 0;}
    .y-img19{height: 225px;}
    .y-img19 .img1 img{max-width: 200px;}
    .y-img19 .img2 img{max-height: 160px;}
    .y-img19 .img2 .y-t2{margin-top: 146px;}
    .y-ban1 .txt{bottom: auto;top: 50%;width: 90%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
    /*******************************
        -------[=荔枝]-------
    ********************************/
    .m-list1 li{width: 50%;}
    .m-sele{border: 0;background-color: #f2f2f2;position: absolute;
        top: 40px;left: -100%;width: 100%;z-index: 999;margin: 0;
        transition: .3s;overflow:visible;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }
    .m-sele .close{display: block;position: absolute;bottom: -30px;left: 50%;
        width: 24px;height: 24px;border:2px solid #9e0028;border-radius:50px;
        background-size:8px 8px;
        background: url(../images/hd-search-close.png) no-repeat center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);}
    .m-sele.open{left: 0;}
    .m-sele dt{float: none;width: auto;text-align: left;padding-left: 30px;
        border-bottom: 1px solid #d0d0d0;
        background: url(../images/i-01.png) no-repeat right center;
        -o-background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }
    .m-sele dt.on{background-image: url(../images/i-01-on.png);}
    .m-sele dd{height: auto;overflow: visible;padding-left: 0;display: none;}
    .m-sele dl.on dd{display: block;}
    .m-sele dd a{display: block;border-bottom: 1px solid #e7e7e7;padding-left: 30px;
        margin-right: 0;
    }
    .m-sele .d2 dd{padding-right: 0;}
    .m-sele dd .more{display: none;}
    .m-sele .d5{display: none;}
    .m-sele .option{display: block;}
    .btn-sele{display: block;}
    .js-sele{display: block;}
    .so-box{position: relative;height: 50px;border: 1px solid #b2b2b2;margin-left: 170px;}
    .so-box .inp{height: 50px;line-height: 50px \9;border: 0;padding-left: 50px;font-size: 16px;
        background-position: 20px center;width: 100%;
    }
    .so-box .btn{font-size: 16px;height: 48px;width: 50px;position: absolute;top: 0;right: 0;}

    .index-pop1 .img{margin-bottom: 20px;}
    .index-pop1{padding: 20px 0;}
    .index-pop1 .txt{padding-bottom: 50px;}
    .n-box1 .img{top: 50%;margin-top: -80px;right: 92px;}
    .n-box1 .txt{top: 50%;margin-top: -43px;left: 30px;}
    .y-img2{height: 360px;}
    .y-img2 .img{height: 300px;}
    .y-img2 .img img{max-height: 300px;}
    .y-img3{height: 300px;}
    .y-img3 .box{top: 16%;}
    .y-img6{height: 400px;}
    .y-img6 .y-t2{top: 120px;}
    .y-img1{height: 300px;}
    .y-row6 .col-l,.y-row6 .col-r{width: 100%;}
    .y-pic7{padding-top: 123%;}
    .y-img15 .y-t1{width: 100%;left: 0;text-align: center;top: 80px;}
    .n-box2 .img{max-height: 200px;}
    .n-box2 .img img{max-height: 200px;}
    #ban1 .txt h2{font-size: 28px;margin-bottom: 20px;}
    .m-statement2 .txt{padding: 0 10px;}


    /*******************************
        -------[=网站地图]-------
    ********************************/
    .html-map .list dd{width: 33.33%;}

    /*******************************
        -------[=PDF窗口]-------
    ********************************/
    .pdf-pop .con{width: 98%;}
    .pdf-html .cloudzoom-zoom{width: 97% !important;height: 300px !important;}


    /*******************************
        -------[=2016-12-6]-------
    ********************************/
    .y-list1 li .y-t2{bottom: 8px;}
    .y-img6-c .y-t2{top: 50px;}
    .y-nbox1 .img1{top: 50px;left: 50px;}

    /*******************************
        -------[=搜索页面结果]-------
    ********************************/
    .sear-result{padding:30px 20px 0 20px;}
    .sear-result .inpbox{margin-bottom: 20px;}
    .sear-result .listbox li{height: 48px;line-height: 48px;}
    .sear-result .inpbox .inp{padding: 0 15px;}
    .sear-result .listbox li span{width: 75%;}



    .m-supplier .txt{padding: 0 15px;}
    .customize-m2 ul{margin-top: 0;}
    .customize-m2 h3{top: -147px;}


    /*修改2016-12-19！！！！！*/
    #bd.ad-bd1{padding-top: 30px;}
    #bd{padding-top: 65px;}
    .phone-tit{display: block;text-align:center;font-size: 18px;}
    .phone-tit span{display: inline-block;position: relative;padding-bottom: 11px;}
    .phone-tit span:after{content:'';position: absolute;bottom: 0;left: 50%;
        width: 21px;height: 1px;background-color:#000;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);}
    .m-index-link .bg{padding-top: 45%;}
    .m-index-link h3,.m-index-link a:after{display:none;}
    .m-index-link .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .m-index-link a{margin-bottom: 0;position: absolute;top: 50%;left: 50%;font-size: 18px;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}

    .customize-m1 .box{margin-top: 20px;}
    .customize-m1 p{margin: 5px 0;}

    /*八部定制*/
    .cus-fd{height: 680px;}
    .cus-fd .txt .box p{float: none;width: 100%;white-space:normal;
        background-position:left 8px;}

    /*******************************
        -------[=修改2017-1-10  新增模块]-------
    ********************************/
    .m-service .left{float: none;width:auto;}
    .m-service .right{float: none;width:auto;}
    .m-service .txt strong{text-align: center;font-size: 14px;}
    .m-service .img{width:auto;}
    .m-service .pic-box{width: 48%;margin-right: 5px;}
    .fix-ding{display:none;}
    .g-y-t1 h5{padding-bottom: 20px;}

}

@media only screen and (max-width: 600px) {
    /*******************************
        -------[=榴莲]-------
    ********************************/
    /* 首页 */
    .index-m4 .g-poa{right: 10%;bottom: 20%;}
    .index-m4 .con{margin-top: -20px;}
    .index-m5 .box{height: 250px;}
    .index-m5 .txt div{padding: 12px 15px 0;}
    .index-m5 .txt{width: 65%;height: 144px;margin-top: -72px;}
    .index-m5 .txt p{margin-top: 6px;font-size: 12px;}
    .index-m5 .txt a{font-size: 14px;}

    /* 企业定制 */
    .customize-ban .txt h3 img{width: 120px;}
    .customize-ban .txt p{font-size: 14px;margin:3px 0 5px;
        line-height: 14px;height: 62px;overflow: hidden;}
    .customize-ban .txt a{font-size: 14px;}
    .cus-m2-slide{padding: 0 44px;}

    /* 弹框 */
    .l-pop .close{width: 25px;height: 25px;}
    .pop-jt-con h2{font-size: 20px;}
    .pop-jt-con p{line-height: 20px;}

    .l-pop{top:5%;bottom: 5%;margin-top: 0 !important;
        padding-bottom: 10px;}
    .pop-jt-con{height: 100%;overflow-y: auto;}

    .pop-Success{top: 50%;bottom: auto;
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    .g-form li{margin-top: 10px;}
    .g-form{margin-left: -10px;}
    .g-form .inp{padding-left: 10px;}
    .cus-fd{height: auto;padding: 20px 0;overflow: hidden;}
    .cus-fd .g-poa{position: static;}
    .cus-fd .list li{width: 33.33%;}
    .n-box2 .img{max-height: 150px;}
    .n-box2 .img img{max-height: 150px;}
    .customize-ban .txt{top: 64% !important;left: 50% !important;bottom: auto !important;
        padding: 0 15px;
        -webkit-transform: translate(-50%,-50%) !important;
        -moz-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important;}
    .map-box #map{left: 39%;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
     /*******************************
         -------[=榴莲]-------
     ********************************/
     /* 首页 */

     .index-m4 li .txt h3 a{font-size: 16px;}
     .index-m4 li .txt p{font-size: 12px;}
     .index-m4 li .a{margin-top: 10px;padding-top: 4px;}

    .index-fd p{font-size: 16px;line-height: 23px;margin-bottom: 20px;}
    .index-fd a em{height: 45px;line-height: 45px;font-size: 16px;}
    .index-fd a{padding: 0 50px 0 28px;}

    .index-m4 .l-tit h3{margin-top: 10px;font-size: 14px;}
    .l-tit a{margin-top: 10px;}
    .index-m4 .g-poa{right: 10%;bottom: 22%;}

    .l-tit a{margin-top: 12px;}
    .cus-fd .l-tit h3{margin: 10px 0;font-size: 22px;}
    /*#bd{padding-top: 10px;}*/
    .customize-con .bg{height: 390px;}
    .customize-con .slider-for .img{height: 220px;width: 159px;}
    .customize-con .slider-for .img img{max-height: 220px;max-width: 159px;}
    .customize-con .slider-for .slick-list, .customize-con .slider-for .slider{height: 390px;}
    .customize-con .slick-arrow{height: 34px;background-size: auto 34px;width: 18px;}
    .customize-m1{height: 460px;}
    .customize-m1 .box{width: 100%;float: none;padding: 0 1%;}
    .customize-m1 .box div{text-align: center;}
    .customize-m1 .img div{margin-right: 10px;width: 70px;}
    .cus-fd .list{margin-top: 0;}
    .black-box{/*background-color: #030303;*/padding: 15px 0;margin-top: 42px;}
    .cus-fd{padding-bottom: 0;}
    .cus-fd .list li{width: 50%;}
    /*******************************
        -------[=石榴]-------
    ********************************/

    .m-infor1 h1 {font-size: 20px; margin-bottom: 20px; } 
    .m-infor1 h1 span {font-size: 14px; margin-left: 10px; } 
    .m-infor1 {margin: 20px 10px; } 
    .m-infor1 .td1 {margin-bottom: 10px; } 
    .m-infor1 .explain .txt p {font-size: 14px; } 
    .m-infor1 .text1 {width: 90px; } 
    .m-infor1 .tr4 .img {height: 38px; width: 70px; margin: 0 10px; } 
    .m-infor1 .tr2 label {margin-right: 0; } 
    .m-infor1 .tr5 .btn1 {width: 100%;display: block; margin: 0 0 10px 0;}
    .s-list8 li h4 {font-size: 18px; } 
    .s-list8 li p {font-size: 14px; line-height: 25px; } 
    .s-list8 li {margin-bottom: 5px; }
    .m-cont2{margin-bottom: 160px;}
    .m-cont2 .txt {padding-top: 20px; height: 160px;} 
    .m-cont2 .txt h4 {font-size: 18px; margin-bottom: 15px; } 
    .m-cont2 .txt p {font-size: 14px; line-height: 25px; } 
    .m-cont2 .txt h4:after {bottom: -10px; }
    .m-statement2 { margin: 0 10px;padding: 20px 0;} 
    .m-back {margin: 0 0 30px 10px;}
    .m-statement2 .tit {height: 30px; line-height: 26px; margin: 10px 0 20px; } 
    .m-statement2 .txt {font-size: 14px; line-height: 25px; }
    .m-statement1 h1 {font-size: 18px; } 
    .m-statement1 .sel {width: 90px; background: url(../images/ico-10.png) no-repeat 70px center; background-size: 12px auto; padding-left: 10px; } 
    .s-list6 li {height: 40px; line-height: 40px; padding: 0 10px; } 
    .s-list6 li h4 {font-size: 14px; } 
    .date {font-size: 14px; } 
    .s-list6 {margin: 10px 0; }
    .m-supplier .txt {font-size: 14px; line-height: 25px; margin: 0 10px 10px; } 
    .m-supplier .btn {width: 110px; height: 40px; line-height: 40px; 
        background: url(../images/ico-08.png) no-repeat 10px center; 
        background-size: 20px auto; padding-left: 40px; 
    } 
    .m-supplier .close1 {height: 40px; line-height: 40px; font-size: 18px; } 
    .m-supplier .tit {font-size: 18px; top: 15px; left: 10px; }
    .m-pro1 .txt {padding: 0 10px; } 
    .m-pro1 .txt h4 {font-size: 18px; margin-bottom: 30px; } 
    .m-pro1 .txt p {font-size: 14px; line-height: 25px; margin-bottom: 15px; } 
    .s-list1 .pic {height: 160px; line-height: 160px; } 
    .s-list1 .pic img{max-height:105px;max-width:105px;}
    .s-list1 .txt h4 {font-size: 14px; margin: 5px 0; } 
    .s-list1 .txt p {font-size: 14px; } 
    .m-tit-1 {font-size: 20px; height: 36px; line-height: 36px; } 
    .m-tit-1 span {padding: 0 10px; } 
    .s-list2 {overflow: hidden; margin: 10px 0 20px; } 
    .s-list1 {margin: 0 0 10px; } 
    .s-list2 h4 {padding-top: 20px; font-size: 14px; }
    .slider.one-time {width: 300px; height: 160px; margin: 0 auto; } 
    .slider.one-time .pic {width: 160px; height: 160px;margin: 0 auto;} 
    .m-pro2 .pro-t {padding: 20px 10px 0; border-top: 1px solid #f1f1f1; margin-top: 40px; } 
    .m-pro2 .pro-t .tit {font-size: 14px; } 
    .m-pro2 .pro-t h2 {font-size: 20px; line-height: 30px; } 
    .m-pro2 .pro-t p {font-size: 14px; line-height: 30px; } 
    .s-list3 li {width: 50%; margin-bottom: 15px; } 
    .m-pro2 {padding-bottom: 10px; margin-bottom: 20px; } 
    .m-pro3 h4 {font-size: 16px; margin-bottom: 20px; } 
    .m-pro3 .con {font-size: 14px; } 
    .m-pro3 {padding: 20px 10px; background-color: #fafafa; margin-bottom: 26px; } 
    .s-list4 .v1 .txt {padding: 20px 10px; } 
    .s-list4 .txt h4 {font-size: 18px; margin-bottom: 15px; } 
    .s-list4 .txt p {font-size: 14px; line-height: 25px; } 
    .s-list4 li {margin-bottom: 10px; } 
    .s-list4 .v2 .txt {padding: 20px 10px; } 
    .s-list4 {margin-bottom: 10px; } 
    .m-tit-1 {font-size: 16px; } 
    .s-list5 {margin: 10px 0 20px; } 
    .s-list5 .pic {line-height: 120px; } 
    .s-list5 li h4 {font-size: 14px; margin-bottom: 10px; } 
    .s-list5 li p {font-size: 14px; }
    .m-news1 .txt { margin: 0 10px 20px; }
    .s-list7 li {padding: 0 10px; margin-bottom: 10px; } 
    .m-news1 .txt h4 {font-size: 20px; margin-bottom: 10px; } 
    .m-news1 .txt .date {font-size: 14px; margin-bottom: 20px; } 
    .m-news1 .txt p {font-size: 14px; line-height: 25px; } 
    .m-news1 .txt .more {font-size: 14px; margin-top: 30px; } 
    .m-news2 .txt {padding: 50px 0; } 
    .m-news2 .txt h4 {font-size: 20px; margin-bottom: 25px; } 
    .m-news2 .txt h4:after {bottom: -15px; } 
    .m-news2 .txt p {font-size: 14px; } 
    .s-list7 .txt h4 {font-size: 14px; margin-bottom: 10px; } 
    .s-list7 .txt {padding: 10px 10px 0; } 
    .s-list7 .txt .date {margin: 5px 0 15px; } 
    .s-list7 {margin-bottom: 20px; }
    .cloudzoom-zoom {
        top: 300px!important;
        left: 100%!important;
        width:100%!important;
        height:160px!important;
    }
    .cloudzoom-lens {
        border:2px solid #888!important;
        width:46px!important;
        height:46px!important;
    }
    #ban1 .txt {font-size: 14px; }
    .m-pro1 {
        overflow: hidden;
        margin: 20px 0;
    }
    .m-supplier {margin: 20px 0 30px;}
    .m-statement1 {padding: 20px 0 30px; } 
    .pages {margin-bottom: 20px; } 
    .m-news1 {margin-bottom: 10px;padding-top: 20px;}
    .g-cur1{height: 36px;line-height: 36px;}
    .g-cur1 a{margin: 0 10px;}




    /*******************************
        -------[=柚子]-------
    ********************************/
    .y-t2 span{padding-top: 8px;font-size: 14px;}
    .y-t2{font-size: 13px;}
    .y-img4 .img img{height: 180px;}
    .y-img4 .y-t2{top: 80px;right: 20%;}
    .y-img4{padding-top: 215px;}
    .y-list1 li img{max-height: 132px;}
    .y-bgbox1 .y-img5{margin-left: 0;}
    .y-img5 .img{height: 195px;}
    .y-img5 .img img{max-height: 195px;}
    .y-bgbox1{height: auto;background-size:cover;}
    .y-bgbox1 .col-l{float: none;width: 100%;text-align: center;}
    .y-bgbox1 .col-r{position: static;float: none;width: 100%;overflow: hidden;}
    .y-img9 .img{width: 22%;}
    .y-img9 .img img{height: 180px;}
    .y-img9{height: 200px;}
    .y-img9 .y-t2{margin-top: 70px;}
    .y-img10{height: 300px;}
    .y-img10 .bg{height: 180px;}
    .y-img10 .img1{display: none;}
    .y-img10 .img2{height: 280px;}
    .y-img10 .img2 img{height: 250px;}
    .y-img10 .box{left: 5%;}
    .y-img10 .img2{width: 135px;right: 0;}
    .y-img11 .box1 .img img{height: 240px;}
    .y-img11 .box2 img{height: 155px;}
    .y-img10 .box{bottom: 20px;}
    .y-img11{height: 350px;}
    .y-imglist1 li .img{height: 200px;}
    .y-img12{height: 400px;}
    .y-img12 .img img{height: auto;max-height: 250px;}
    .y-img14 .img img{max-width: 100px;}
    .y-img13 .img{text-align: center;}
    .y-img13 .img img{max-width: 120px;}
    .y-img13{height: 168px;}
    .y-img14 .y-t1{height: 110px;}
    .y-row7 .col-l{float: none;width: 100%;text-align: center;}
    .y-row7 .col-r{float: none;width: 100%;}
    .y-t1 h5{font-size: 13px;}
    .y-t1 span,.y-t1 a{font-size: 14px;}
    .y-t1 p{font-size: 14px;}
    .y-t1 p{padding-top: 5px;}
    .y-img14 .img{margin-top: 0;}
    .y-img17{height: 300px;}
    .y-img18 .img{width: 120px;height: 120px;}
    .y-img18 .img img{max-height: 120px; margin-top: -105px;}
    .y-img18-b .img{width: 120px;height: 120px;text-align: center;}
    .y-img18-b .img img{max-height: 120px;}
    .y-img18 .txt{height: 220px;}
    .y-img18{height: 280px;}
    .y-img18 h5,.y-img18-b h5{font-size: 20px;}

    .y-list2 .img{height: 150px;}
    .y-list2 .img img{max-height: 150px;}
    .y-imglist2 .img{margin-top: 0;height: 120px;}
    .y-imglist2 .img img{max-height: 120px;}
    .y-imglist2 ul{position: static;padding-top: 20px;overflow: hidden;}
    .y-imglist2{position: static;padding-top: 0;}
    .y-imglist2 .bg{position: relative;}
    .y-imglist2 .box{margin: 0 5px;}
    .map-screen select{padding-left: 12px;background-size: 18px 100%;}
    .map-box #map{width: 98%;}
    .phone-maptit li a{margin-left: 10px;}
    .phone-maptit{margin-left: -10px;}
    .phone-maptit li a{height: 36px;line-height: 28px;}
    .map-box #map-content{height: 508px !important;}
    .y-ban1{padding-top: 45%;}
    .y-ban1 .txt h5{font-size: 18px;}
    .y-ban1 .txt p{font-size: 14px;line-height: 20px;max-height: 72px;overflow: hidden;}
    .y-ban1 .txt-b h4{font-size: 18px;}
    .y-ban1 .txt-b h4 span{font-size: 14px;}
    .y-ban1 .txt-b em{margin-top: 10px;}
    .y-img19 .img1{width: 50%;text-align: center;}
    .y-img19 .img2{float: right;width: 50%;text-align: center;}
    .y-img19 .img2 img{float: none;}
    .y-img19 .img2 .y-t2{float: none;width: 100%;margin-top: 0;left: 0;}
    .y-img19 .img2 .y-t2 h5{padding-top: 0;}
    .y-img19{height: 185px;}
    .y-img19 .img1 img{max-width: 150px;}
    .y-img19 .img2 img{max-height: 120px;}
    /*******************************
        -------[=荔枝]-------
    ********************************/
    .m-list1 h3{font-size: 14px;}
    .m-sele dt{height: 40px;line-height: 40px;padding-left: 15px;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        background-size: 30px auto;
    }
    .m-sele dd a{height: 35px;line-height: 35px;font-size: 14px;padding-left: 15px;}
    .sel-btn{height: 40px;margin: 10px auto;}
    .js-sele{padding: 10px;}
    .btn-sele{font-size: 14px;height: 40px;line-height: 40px;width: 80px;padding-left: 10px;
        background-position: right center;
        -o-background-size: 25px auto;
        -ms-background-size: 25px auto;
        -moz-background-size: 25px auto;
        -webkit-background-size: 25px auto;
        background-size: 25px auto;
    }
    .so-box{margin-left: 90px;height: 40px;}
    .so-box .inp{height: 38px;line-height: 38px \9;padding-left: 30px;font-size: 14px;
        background-position: 10px center;
        -o-background-size: 15px auto;
        -ms-background-size: 15px auto;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }
    .so-box .btn{height: 38px;font-size: 14px;}
    .m-sele .option{padding: 10px 15px;}
    .m-sele .option i{width: 20px;height: 20px;
        -o-background-size: 15px auto;
        -ms-background-size: 15px auto;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }
    .m-sele .option span,.m-sele .option li{height: 20px;line-height: 20px;}
    .m-sele .option span{margin-left: 25px;font-size: 14px;padding-right: 10px;}
    .m-list1{padding-top: 10px;margin-bottom: 20px;}
    .index-pop1 p{font-size: 14px;line-height: 18px;}
    p.spec1 { margin-left: 15px;}
    ul.spec2 li p { margin-left: 0;padding: 0;}
    ul.spec2 li { margin-left: 30px;padding-left: 0;}
    .n-box1 .img{width: 80px;margin-top: -30px;}
    .n-box1 .txt h5{font-size: 16px;}
    .n-box1 .txt p,.n-box1 .txt a{font-size: 14px;}
    .n-box1 .txt{left: 15px;}
    .n-box1 .img{right: 80px;}
    .y-img2{height: 220px;}
    .y-img2 .img{height: 200px;}
    .y-img2 .img img{max-height: 200px;}
    .y-img3{height: 200px;}
    .y-img3 .box img{max-width: 120px;}
    .y-img6 .y-t2{right: 0;width: 100%;text-align: center;}
    .y-img6{height: 300px;}
    .y-img6 .y-t2{top: 80px;}
    .y-img15{height: 280px;}
    .y-img15 .img{max-height: 260px;}
    .y-img15 .img img{max-height: 260px;float: none;}
    .y-img15 .y-t1{top: 60px;}
    .y-img14 .img{margin-left: 0;}
    .n-box2 .img{max-height: 120px;}
    .n-box2 .img img{max-height: 120px;}
    .m-statement2 .txt{padding: 10px 5px;}
    .m-statement2{margin: 0 10px;}
    .l-tit h4{padding-bottom: 15px;font-size: 16px;}
    .ok-popbox{width: 98%;}
    .ok-popbox .close{width: 20px;height: 20px;background-size: 20px 20px;}
    .ok-popbox p{font-size: 16px;background-size: 18px auto;padding-left: 30px;}


    /*******************************
        -------[=招聘]-------
    ********************************/
    .recruit .imgtxt .txt h5{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .recruit .imgtxt .txt p{font-size: 13px;line-height: 20px;}
    .recruit .list .tit h5{padding:15px 0 15px 10px;font-size: 14px;width: 80%;}
    .recruit .list .con{padding:0 10px;}
    .recruit .list .con p{line-height: 20px;}
    .recruit .list .con h5{padding:15px 0 8px;}
    .recruit .list li{padding-bottom: 15px;}
    .recruit .list .tit h5 em{display: none;}


    /*******************************
        -------[=网站地图]-------
    ********************************/
    .html-map .list dd{width: 50%;}
    .html-map h3{padding:15px 0 20px;font-size: 20px;}

    /*******************************
        -------[=PDF窗口]-------
    ********************************/
    .pdf-pop .con{margin:50px auto 30px;}
    .pdf-pop .arrow{width: 80px;height: 30px;line-height: 30px;font-size: 14px;}
    .pdf-pop .ban-page{font-size: 20px;bottom: 4px;}
    .pdf-html .cloudzoom-zoom{height: 200px !important;}


    /*******************************
        -------[=2016.12.6]-------
    ********************************/
    .y-list1 li .y-t2{bottom: -2px;}
    .y-img6-c .y-t2 img{width: 220px;max-width: 220px;}
    .y-img6-1 img{margin-left: 80px;}
    .y-nbox1 .img1{left: 20px;top: 20px;}
    .y-nbox1 .img2{left:auto;right: 0;width: 150px;}
    .y-nbox1 .img1 img{max-height:130px;}
    .y-nbox1 .img2 img{max-width:150px;width: 150px;}


    /*******************************
        -------[=搜索页面结果]-------
    ********************************/
    .sear-result{margin: 20px 0 20px;padding:20px 10px 0 10px;}
    .sear-result .listbox{margin-bottom: 30px;}
    .pages{padding-bottom: 30px;}
    .sear-result .listbox h5{padding-bottom: 10px;}
    .sear-result .listbox h5 span{font-size: 16px;}
    .sear-result .listbox h5 em{padding-top: 2px;}
    .sear-result .listbox li span a{font-size: 13px;}
    .sear-result .listbox li em a{font-size: 13px;}
    .sear-result .listbox li span{width: 66%;}
    .sear-result .inpbox .inp{width: 70%;height: 32px;font-size: 14px;}
    .sear-result .inpbox .btn{width: 20%;height: 32px;font-size: 14px;}


    .m-supplier .txt{padding: 0 10px;}

    .customize-m2 h3{font-size: 16px;padding: 0 10px;}
    .customize-m2 h3 span{font-size: 14px;}
    .cus-m2-slide .item p{font-size: 14px;}


    /*******************************
        -------[=分享弹窗]-------
    ********************************/
    .bdshare_popup_box{display:none !important;}



    /*修改2016-12-19！！！！！*/
    .m-index-link a{font-size: 14px;}
    .m-index-link .box{margin-left: 7px;}


    .customize-con .box{width: 300px;bottom: 15px;}
    .customize-con h3{font-size: 16px;line-height: 28px;}
    .customize-con p{margin: 5px 0;height: 100px;overflow: hidden;line-height: 20px;
        font-size: 14px;}

    .customize-m1 h2{font-size: 20px;}
    .customize-m1 h3{font-size: 18px;}
    .customize-m1 .box .txt{height: 230px;}

    .customize-m2 h3 span{max-height:64px;}
    .customize-ban .bg{padding-top: 80%;}

    .map-box #map{left: 37%;}
    .BMap_stdMpCtrl{display: none !important;}
    .map-box #map{left: 50%;}

    /*******************************
        -------[=修改2017-1-10  新增模块]-------
    ********************************/
    .m-service .txt li{margin-right: 10px;font-size: 14px;padding-left: 8px;}

    .y-imglist2 .l-tit{
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }


    .y-img8{padding-top: 0;}
    .y-img8 .box{position: static;}

    .y-ban1 .txt h5{margin-bottom: 5px;}
    .y-ban1 .txt p{max-height: 90px;}
    .y-ban1 .txt p br{display: none;}

    .index-vid .box{width: 100%;height: 100%;}
    .index-vid .box #video_play_div{width: 100% !important;height: 50% !important;
        position: absolute;top: 50%;left: 0;right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .y-bgbox1{    
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .y-img5 .img{height: 160px;
        -o-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    .y-list1 li a{padding-top: 55%;}

    .m-maintain {width: 88%;}
    .m-maintain .img {margin-bottom: 30px;}
    .m-maintain p {font-size: 18px;}


}

@media only screen and (max-width: 420px){
    .customize-m2 h3{top: -180px;}
}