﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
.wp {width: 960px;}
    /*柚子-----------------------------------------------------------------*/
    .yz-wp1{width:80%;margin:0 auto;}
    /*关于亿星*/
    .yz-banner1{height: 300px;}
    .yz-txt1{padding:20px 0 30px 0;}
    .yz-txt1 p{font-size: 16px;line-height: 30px;padding-bottom: 15px;}
    /*合作品牌*/
    .yz-titimg .tit .img1{padding-top: 20px;}
    .yz-titimg .tit .img2{padding-top: 20px;}
    .txt-imgbox li{height: 400px;}
    .txt-imgbox .li1 .txt{top: 335px;height: 300px;}
    .txt-imgbox .li2 .txt{top:-138px;right: 0;}
    .yz-l1{width: 600px;}
    .yz-tit3{width:100%;margin:0 auto;}
    .yz-tit3 .txt{width: 100%;}
    .yz-tit3 .txt .i1{width:80%;margin-left: 10%;}
    /* 榴莲 */

    .ll-index1 .col-l,.ll-index1 .col-r,.ll-index3 .col-l, .ll-index3 .col-r{float: none;width: 100%;}
    .ll-index1 .col-r{margin-top: 20px; }
    .ll-index1 p{height: auto;}
    .fd-right,.fd-left .img{display: none;}
    .fd-left .txt{float: none;text-align: center;margin:0;}
    .fd-left{float: none;}
    #fd{padding:10px 0;}
    #op2{top:5%;width: 100%;}
    .gropro-ll li .right{margin-left: 150px;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.wp {width: 98%;}
/*柚子*/
    .yz-wp1{width:96%;margin:0 auto;}
    .yz-txt1{width: 100%;}
    .yz-banner2{height: 500px;}
    .yz-banner2 .txt-box1{margin:80px auto 0 auto;}
    .yz-ul1{margin:40px 0 40px;}
    .yz-ul1 li p{line-height: 28px;}
    .txt-imgbox li{width: 100%;float: none;height: auto;margin:20px 0;}
    .txt-imgbox li:hover .zz{display: none;}
    .txt-imgbox li .txt{position: static;height:auto;}
    .txt-imgbox li .img{position: static;}
    .txt-imgbox li p{line-height:40px;}
    .txt-imgbox .li1 .txt{position: static;width: 80%;float: right;height: auto;}
    .txt-imgbox .li1 .img{position: static;width: 20%;float: left;}
    .txt-imgbox .li2 .txt{position: static;width: 80%;float: left;}
    .txt-imgbox .li2 .img{position: static;width: 20%;float: right;}
    .txt-imgbox .li2:hover .txt{padding-top: 0;}
    .txt-imgbox .li2 .txt span{display: none;}
    .txt-imgbox .li2 .txt .span1{display: block;background: url(../images/txt-imgbox1.png) no-repeat center bottom;padding-bottom: 10px;}
    .yz-l1{width: 100%;float: none;}
    .yz-r1{width: 100%;float: none;}
    .yz-ul3 li{overflow: hidden;width: 100%;background-color: #141414;}
    .yz-ul3 li .img{overflow: hidden;}
    .yz-ul3 li .txt{width: 100%;position: static;overflow: hidden;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;background: none;}
    .yz-ul3 li:hover em{background:#e86f35;}
    .yz-ul3 li .txt em{position: static;display: block;margin:5px;}
    .yz-ul3 li .yz-more{display: none;}
    .yz-ul3 li .txt p{width: 80%;padding:0 15px;height: auto;}
    .hezuo .slick-slider .slick-arrow{display: none !important;}


     
     /* 榴莲 */
     #hd{height: auto;}
     .logo{float: none;margin:10px 0;text-align: center;}
     .nav{float: none;margin: 10px 0;text-align: center;}
     .nav li{display: inline-block;zoom:1;*display:inline;float: none;margin:0 10px;}
     .copy a{margin:0 5px;display: inline-block;}
     .copy{line-height: 22px;}
     .ban-ll{height: 280px;}
     .ll-menu{padding-top: 10px;}
     .ll-menu li a{padding-bottom: 5px;}
     .ll-index2 .ul-casepre li{width: 33.3%;}
}







@media only screen and (max-width: 800px) {
    /*柚子*/
    .yz-banner2{height: 350px;}
    .yz-banner2 .txt-box1 p{font-size:40px;}
    .yz-banner2 .txt-box1 span b{margin-top: 10px;}
    .yz-banner2 .txt-box2{margin-top: 20px;line-height: 22px;width: 80%;}
    .yz-ul1 li{width: 50%;margin-bottom: 20px;}
    .yz-ul1 li h5{background-size:22% auto !important;font-size: 20px;}
    .yz-ul1 li p{line-height: 22px;}
    .yz-g-tit1{width:90%;}
    .yz-g-tit1 p{font-size: 24px;padding-bottom: 10px;}
}











/*Common For Max 480*/
@media only screen and (max-width: 767px) {
.wp {width: 98%;}
    /*柚子*/
    .yz-banner1{height: 200px;}
    .yz-hovimg li .txt{height: 50px;line-height: 50px;}
     .hezuo li{width: 50%;}
     .yz-ul2-us li em{width: 80px;height: 80px;background-size:30px auto !important;}
     .yz-ul3-news li .txt{padding-left: 2%;}
     .yz-ul3-news li .img{width: 40%;}
     .yz-ul3-news li .txt h4 a{font-size: 18px;}

     .yz-ul2-us li.li5 .img{width: 80px;height: 80px;}
     .yz-ul2-us li.li5:hover .img{margin-left: -40px;}
     .yz-ul2-us li.li5 .img img{width: 40px;height: 40px;}
    /* 榴莲 */
    #banner{display: none;}
    .nav li{margin:0 5px;}
    #bd .g-ban{display: block;}
    .g-tit{margin:20px 0 40px;}
    .g-tit h3{font-size: 18px;}
    .g-tit p{width: auto;padding:0 10px;line-height: 18px;}
    .ul-casepre li{width: 50%;}
    .pad25{padding:0 10px;}
   
    .ll-menu li a{padding-bottom: 5px;}
    .ll-menu ul{height: 37px;}
    .gropro-ll li .right .box{width: 50%;}
    .gropro-ll li .left{float: none;text-align: center;}
    .gropro-ll li .right{margin-left: 0;}
    .gropro-ll li .right .con{margin:0 7px 15px; ;}
    .gropro-ll{padding-top: 0;}
    .ul-img-ll li{width: 33.3%;}
    /*新闻动态-正文*/
    .yz-tit3 a.next{width: 35px;height: 35px;}
    .yz-tit3 a.prve{width: 35px;height: 35px;}
    .yz-tit3 .txt b{font-size: 16px;}
    .yz-tit3 .txt em{margin-top: 3px;}
    .yz-tit3{padding-bottom: 10px;}
    .yz-nwew-txt h5{font-size: 20px;padding-bottom: 25px;}
    .btn-close{margin-right: -150px;}
    .mejs-container,.mejs-overlay.mejs-layer.mejs-overlay-play,
    .mejs-overlay.mejs-layer,video,.mejs-poster.mejs-layer{width: 300px !important;height: 250px !important;}
    .mejs-overlay-button{margin-top: -105px !important;}
    #mep_0{margin-left: -150px;}
    .mejs-overlay-button{top:70% !important;}

    .ll-case-slide{width: 440px;}
    .ll-case-slide .ban-item img{width: 440px;height: 334px;}
    #op2 .btn-close,#op3 .btn-close{margin-right: -220px;}
}




@media only screen and (max-width: 600px){
    /*柚子*/
    .yz-banner2 .txt-box1{width: 100%;margin:50px auto 0 auto !important;}
    .yz-banner2 .txt-box1 p{font-size: 26px;padding: 0;float: none;width: 100%;text-align: center;}
    .yz-banner2 .txt-box1 span{display: block;width: 100%;text-align: center;}
    .yz-banner2 .txt-box1 span b{font-size: 20px;}
    .txt-imgbox li p{line-height: 28px;}
    .yz-ul2-us li{width: 50%;margin:10px 0;}
    .ll-index2 .ul-casepre li{width: 50%;}

}




/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*柚子*/
    .yz-hovimg li{width: 100%;float: none;margin-bottom: 20px;}
    .yz-hovimg li img{width: 100%;}
    .yz-hovimg li .txt{height:50px;line-height:50px;}
     .hezuo li{width:100%;}
     .txt-imgbox li .txt span{margin: 0;font-size: 16px;}
    .txt-imgbox li p{line-height:16px;padding-top: 10px;}
    .txt-imgbox .li1 .txt{width: 65%;}
    .txt-imgbox .li1 .img{width: 35%;}
    .txt-imgbox .li2 .img{width: 35%;}
    .txt-imgbox .li2 .txt{width: 65%;}
    .yz-banner2 .txt-box1{margin:69px auto 0 auto !important;}
    .yz-banner2 .txt-box2{margin:5px auto 0 auto;font-size: 14px;}
    .yz-banner2 .txt-box1 span b{font-size: 16px;}
    .yz-banner2 .txt-box1 span em{font-size: 14px;}
    .yz-ul1 li{width: 100%;float: none;}
    .yz-ul1 li h5{background-size:20% auto !important;font-size: 20px;}
    .yz-ul2-us li em{width: 60px;height:60px;margin-bottom: 10px;}

    .yz-ul2-us li.li5 .img{width: 60px;height: 60px;}
    .yz-ul2-us li.li5:hover .img{margin-left: -30px;}
    .yz-ul2-us li.li5 .img img{margin-top: 10px;width: 40px;height: 40px;}

    .yz-ul2-us li p{padding-bottom: 15px;}
    .yz-ul3-news li{margin-bottom: 20px;}
    .yz-ul3-news li .img{width: 100%;float: none;height: auto !important;}
    .yz-ul3-news li .img img{width: 100%;}
    .yz-ul3-news li .txt{width: 100%;float: none;padding: 0;margin-top: 15px;}
    .yz-ul3-news{margin-top: 30px;}
    .yz-ul3 li .img{width: 100%;float: none;}
    .yz-ul3 li .img img{width: 100%;}
    .yz-ul3 li .txt{width: 100%;}
    .yz-ul3 li .txt p{width: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;padding:5px;}
    /*新闻动态-正文*/
    .yz-tit3{margin-top: 30px;}
    .yz-tit3 a.next{width: 28px;height: 28px;background-size:auto 15px;top: 5px;}
    .yz-tit3 a.prve{width: 28px;height: 28px;background-size:auto 15px;top: 5px;}
    .yz-tit3 .txt h5{height: 13px;line-height: 13px;}
    .yz-tit3 .txt em a{background-size: 20px auto;}
    .yz-tit3 .txt .i1{width: 75%;margin-left: 12%;}
    .yz-nwew-txt .img{padding-bottom: 30px;}
    .yz-nwew-txt p{padding-bottom: 12px;font-size: 14px;}










    /* 榴莲 */
    #hd,.fd-left .txt .p1,.copy .p1,.yz-r1{display: none;}
    #bd .g-ban,.ll-menu{margin-top: 50px;}
    .sj-hd{display: block;}
    .ul-casepre li,.ul-imgtxt-ll li{width: 100%;float: none;}
    .copy,.fd-left .txt p{font-size: 12px;}
    .copy{margin-top: 5px;padding:0;}
    .ll-case-slide .txt h4{font-size: 17px;margin:9px 0;}
    .ll-case-slide .txt{font-size: 12px;line-height: 18px;}
    .ll-case-slide button,.mejs-overlay-button{display: none !important;}
    .ban-ll{height: 250px;}
    .ll-menu li{margin-right: 20px;}
    .gropro-ll li .right p{font-size: 12px;line-height: 20px;}
    .ul-img-ll li{width: 50%;}
    #op2 .btn-close,#op3 .btn-close{margin-right: -150px;}
    .ll-case-slide{width: 300px;}
    .ll-index2 .ul-casepre li{width: 100%;}
    .ll-case-slide .ban-item img{width: 300px;height: 228px;}
    .g-ban .slick-arrow{display: none !important;}
    #op3{top:10%;}
}

