@charset "utf-8";

*{margin:0;padding: 0;}
html,body{width: 100%;height: 100%;position: relative;background: #fff;}
div{display: block;box-sizing: border-box;}

.fruit-t{
    background: url(../images/p_m_bg.png) no-repeat;
    background-size: 100% auto;
    /* margin-bottom: 50px; */
}

.p-t-con{
    width:1200px;
    margin: 0 auto;
}

.p-t{
    height: 695px;
}
.p-t a{
    display: block;
    padding-top: 30px;
}

.p-m{/* text-align: center; */}

.p-m>div{
    /* display: inline-block; */
    width: 33.33333%;
    display: inline-block;
    /* float: left; */
    margin-right:-5px;
    overflow:hidden;
    opacity:0.8;
}

.p-m-ggp{text-align: center;}
.p-m-ggp > a {text-align: center;display: block;margin: 0;padding: 0;}
.p-m>div > a > img:nth-child(1){
    width: 100%;
    height: 296px;
}
.p-m>div > a > p>img{
    width: 93px;
    height: 42px;
}
.p-m-xgp > a {display:block;}
.p-m-xgp img{height: 183px !important;}
.p-m-xgp{transform:translateY(-1px);}
.p-m-jgcpp >a> p>img{width:148px !important;}

.p-m>div:hover{
    opacity:1;
}

/* 列表 */
.p-t-bg{
    width:100%;
    height: 255px;
    background: url(../images/fruit_list_t_bg.png) no-repeat;
    background-size: 100% auto;
}
.fruit-list{
    margin-top:30px;
}
.fruit-list ul li{
    width: 21%;
    height: 220px;
    float:left;
    text-align:center;
    margin-right:60px;
    margin-bottom:50px;
    position:relative;
}
.fruit-list ul li:nth-child(4n){margin-right:0;}
.fruit-list ul li > a{text-align:center;margin:0 auto;}
.fruit-list ul li > a > img{width:120px;display:inline-block;margin-bottom: 20px;}
.fruit-list ul li > a > p{text-align:center;margin:0 auto;display: block;}

.fruit-list-c114254 > a > p{background:url(../images/hzl_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114255 > a > p{background:url(../images/htl_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114256 > a > p{background:url(../images/ptgl_title.png) no-repeat;width: 144px;height: 38px;background-size: 100%;}
.fruit-list-c114257 > a > p{background:url(../images/bdml_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114258 > a > p{background:url(../images/xg_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}
.fruit-list-c114259 > a > p{background:url(../images/gq_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}
.fruit-list-c114260 > a > p{background:url(../images/xmg_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114261 > a > p{background:url(../images/qtgg_title.png) no-repeat;width: 144px;height: 38px;background-size: 100%;}
.fruit-list-c114262 > a > p{background:url(../images/qtgag_title.png) no-repeat;width: 150px;height: 38px;background-size: 100%;}
.fruit-list-c114264 > a > p{background:url(../images/pgl_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114265 > a > p{background:url(../images/xll_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114266 > a > p{background:url(../images/ptl_title.png) no-repeat;width: 120px;height: 38px;background-size: 100%;}
.fruit-list-c114267 > a > p{background:url(../images/gl_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}
.fruit-list-c114268 > a > p{background:url(../images/xm_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}
.fruit-list-c114269 > a > p{background:url(../images/xing_title.png) no-repeat;width: 120px;height: 38px;background-size: 35%;background-position-x:40px;}
.fruit-list-c114270 > a > p{background:url(../images/tao_title.png) no-repeat;width: 120px;height: 38px;background-size: 35%;background-position-x:40px;}
.fruit-list-c114271 > a > p{background:url(../images/qita_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}
.fruit-list-c114273 > a > p{background:url(../images/hzzp_title.png) no-repeat;width: 150px;height: 38px;background-size: 100%;}
.fruit-list-c114274 > a > p{background:url(../images/htzp_title.png) no-repeat;width: 159px;height: 38px;background-size: 100%;}
.fruit-list-c114275 > a > p{background:url(../images/bdmzp_titlle.png) no-repeat;width: 181px;height: 38px;background-size: 100%;}
.fruit-list-c114276 > a > p{background:url(../images/xzp_title.png) no-repeat;width: 115px;height: 38px;background-size: 100%;}
.fruit-list-c114277 > a > p{background:url(../images/qt_title.png) no-repeat;width: 120px;height: 38px;background-size: 65%;background-position-x:20px;}

.fruit-list-c114293 div{left:70px;}

.fruit-list ul li div{display:none;position:absolute;background: #ffffff7d;height: 200px;top:190px;z-index:99999;left: 7%;}
.fruit-list ul li div > a{float:left;width: 105px;height: auto;margin-right:10px;color:#fff;font-size:16px;margin-bottom: 10px;border-radius: 5px;}
.fruit-list ul li div > a:nth-child(3n){/* margin-right: 0; */}

.pl-title{display:block;}
.other-title{display:none;}

@media (min-width:1801px) and (max-width:1900px){
    .p-t{height: 665px;}
}

@media (min-width:1701px) and (max-width:1800px){
    .p-t{height: 640px;}
}

@media (min-width:1501px) and (max-width:1700px){
    .p-t{height: 620px;}
}

@media (min-width:1201px) and (max-width:1500px){
    .p-t{height: 600px;}
}

@media (max-width:1200px){
    .p-t-con{width:100%;}
    .p-t{height:200px;width: 40%;margin: 0;}
    .p-t a{margin-left:20px;}

    .p-m>div{width: 100% !important;margin-right:0;height: 200px;display: block;}
    /* .p-m-jgcpp{margin-top:50px;} */
    
    .p-t-bg{height: auto;}
    .p-t-bg .p-t{height: 80px;}
    .fruit-list ul li{width:50%;margin:0;}
    .fruit-list ul li div{left:10%;}
    .fruit-list ul li div a{
        width: 40%;
    }
    .fruit-list ul li div a:nth-child(3n){margin-right:10px;}

    
}

@media (max-width:768px){
    .p-t a{padding-top:10px;}
    .p-t{width:20% !important;}
    .p-m>div > a > img:nth-child(1){display:none;}
    .p-m-ggp > a{
        display:block;
        background:url(../images/ggp_index_logo_mobile.png) no-repeat;
        background-size:100%;
        height:300px;
        width:100%;
    }
    .p-m-xgp > a{
        display:block;
        background:url(../images/xgp_index_logo_mobile.png) no-repeat;
        background-size:100%;
        height:300px;
        width:100%;
    }
    .p-m-jgcpp > a{
        display:block;
        background:url(../images/jgcpp_index_logo_mobile.png) no-repeat;
        background-size:100%;
        height:300px;
        width:100%;
    }
}

.footer{margin:0;}
.footer_yqlj{padding:0;}