/*----------------banner----------------*/

.zg_banner_pic img{

    width:100%;

}

.zg_banner_pic .swiper-pagination-bullet{

    width:120px;

    height:5px;

    background:#fff;

    border-radius: 3px;

}

.zg_banner_pic .swiper-container-horizontal .zg_swiper_pagination{

    bottom: 30px;

}

.zg_nav .zg_bav_inner{

    width:1200px;

    margin:0 auto;

    background: #fff;

    position: absolute;

    top:4px;

    left:50%;

    transform: translateX(-50%);

    padding:15px 0 15px 15px;

    z-index: 9999;
	box-sizing:border-box;

}

.zg_nav .zg_bav_inner .zg_nav_left{

     float: left;

 }

.zg_nav .zg_bav_inner .zg_nav_left img{

    vertical-align: middle;

}

.zg_nav .zg_bav_inner .zg_nav_right{

    float: right;

    padding-top: 10px;

}

.zg_nav .zg_bav_inner .zg_nav_right > ul > li{

    display: inline-block;

    margin-right: 20px;

    position: relative;

}





.zg_dropDown{

    display: none;

}

.zg_nav .zg_nav_right li .zg_dropDown{

    position: absolute;

    width:100%;

    background:#28a15b;

}

.zg_nav .zg_nav_right li .zg_dropDown li{

    line-height: 30px;

    padding-left: 10px;

}

.zg_nav .zg_nav_right li .zg_dropDown li a{

    color: #fff;

}





.zg_nav .zg_bav_inner .zg_nav_right li a{

    margin-left: 20px;

    font-size: 16px;

    color:#333;

}

.zg_nav .zg_bav_inner .zg_nav_right li span{

    font-size: 14px;

    color:#333;

}

.zg_nav .zg_bav_inner .zg_nav_right li img{

    margin-right: 20px;

    margin-left: -15px;

    transition: all 0.5s;

}

.zg_nav .zg_bav_inner .zg_nav_right .active > a{

    color:#28a15b;

    transition: all 0.4s;

}

.zg_pro_inner{

    width:1200px;

    margin:0 auto;

    padding-top: 65px;

    padding-bottom: 65px;

}

.zg_pro_ul{

    width:1235px;

    padding-top: 36px;

}

.zg_pro_title_left{

    float: left;

}

.zg_pro_title_left h3{

    font-size: 25px;

    color: #d9251c;

    font-weight: normal;

}

.zg_pro_title_left span{

    font-size: 14px;

    color: #999;

}

 .zg_pro_title_right{

    float: right;

    padding-top: 12px;

}



.zg_pro_title_right li{

    display: inline-block;

}



 .zg_pro_title_right0 a{

    display: inline-block;

    transition: all 0.4s;

}



 .zg_pro_title_right0:hover a{

    transform: scale(1.1);

}



.zg_pro_title_right li a{

    color:#29A25B;

    font-size: 14px;

    padding: 10px 26px;

}

.zg_pro_title_right .act a{

    background: #29A25B;

    padding: 10px 26px;

    color:#fff;

}

 .addStyle{

     background: #29A25B;

     padding: 10px 26px;

 }

.zg_pro_title_left img{

    vertical-align: middle;

}

.zg_pro_title_right a span{

    color:#28a15b;

    margin-right:8px;

}

.zg_pro_title_right a img{

    vertical-align: middle;

}

.zg_pro_pic li{

    float: left;

    border:1px solid #F1F1F1;

    height:450px;

    margin-right:19px;

    box-sizing: border-box;

    background: #fff;

}

.zg_image_box{

    position: relative;

    overflow: hidden;

}

.zg_detail img{

    width:100%;

}

.zg_pro_pic li .zg_prod_img img{

    width:100%;

}

.zg_pic{

    position: relative;

}

.zg_pic a img{

    transition: all 0.6s;

}

.zg_pro_name{

    position: absolute;

    bottom:70px;

    left:28px;

    z-index: 2;

    transition:all 0.6s;

}

.zg_pro_name p{

    font-size: 25px;

    color:#cacaca;

}

.zg_pro_name span{

    font-size: 14px;

    color:#333;

    transition: all 0.65s;

}

.zg_pro_name1{

    position: absolute;

    right:30px;

    bottom: 28px;

    font-size: 25px;

    color:#333;

    z-index: 2;

    transition: all 0.6s;

}

.zg_pro_pic li .text-desc{

    background: #D9251C;

    width:100%;

    height:150px;

    position: absolute;

    bottom:-100%;

    transition: all 0.6s;

}

.zg_image_box:hover .text-desc{

    bottom:0;

}

.zg_pro_pic li .text-desc p{

    font-size: 14px;

    color:#fff;

}

.zg_image_box:hover .zg_pro_name span{

    color:#fff;

}

.zg_image_box:hover .zg_pro_name{

    bottom:80px;

}

.zg_image_box:hover .zg_pro_name1{

    color:#fff;

}

.zg_image_box:hover .zg_pic img{

    transform: scale(1.1);

}

.zg_wrap{

    width:100%;

    height:450px;

    background: url("../img/wrapbg.png") no-repeat top center;

    background-size: 100% 100%;

    margin-bottom: 65px;

}

.zg_wrap_inner{

    width:1200px;

    margin:0 auto;

}

.zg_wrap_inner .zg_wrap_left{

    float: left;

    width:600px;

    padding-top: 68px;

}

.zg_wrap_left h3{

    font-size: 25px;

    color:#fff;

    font-weight:normal;

}

.zg_wrap_left span{

    font-size: 14px;

    color:#999;

}

.zg_wrap_left .zg_text{

    font-size: 14px;

    color:#fff;

    margin-left: 30px;

    line-height: 25px;

    margin-top: 35px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:5;

}

.zg_wrap_left .zg_wrap_more{

    text-align: right;

    margin-top: 0px;

}

.zg_wrap_left .zg_wrap_more a{

    display: inline-block;

    font-size: 20px;

    color:#28a15b;

    transition: all 0.4s;

}



.zg_wrap_left .zg_wrap_more:hover a{

    transform: scale(1.1);

}





.zg_wrap_inner .zg_wrap_right{

    float: right;

    width:532px;

    padding-top: 52px;

}

.zg_wrap_inner .zg_wrap_right img{

    transition: all 0.4s;

}

.zg_wrap_inner .zg_wrap_right > div{

    overflow: hidden;

    position:relative;

}

.zg_wrap_inner .zg_wrap_right > div:nth-child(1) p{

    font-size:16px;

    color:#fff;

    position: absolute;

    right:25px;

    bottom:25px;

}

.zg_wrap_inner .zg_wrap_right > div:hover img{

    transform: scale(1.1);

}

.zg_wrap_inner .zg_wrap_right div{

    text-align: right;

}

.zg_wrap_inner .zg_wrap_right div:nth-child(2){

    margin-right: 135px;

    margin-top: 22px;

}

.zg_wrap_inner .zg_wrap_right div:nth-child(2) p{

    position: absolute;

    left:25px;

    bottom:25px;

    font-size:16px;

    color:#fff;

}

.zg_news_inner{

    width:1200px;

    margin:0 auto;

}

.zg_news_ul{

    width:100%;

}

.zg_news_ul li {

    width:442px;

    position: relative;

    margin-bottom: 43px;

    padding:10px 10px;

    transition: all 0.6s;

}

.zg_news_ul li:hover{

    background: #DD453F;

    border-radius: 4px;

}

.zg_news_ul li:hover .zg_news_content h3,

.zg_news_ul li:hover .zg_news_content p,

.zg_news_ul li:hover .zg_date p,

.zg_news_ul li:hover .zg_date span{

    color:#fff;

}

.zg_news_ul li:hover::before{

    border-color:#DD453F;

}

.zg_news_ul li .zg_news_content{

    float: left;

    width:325px;

}

.zg_news_content h3{

    font-size: 18px;

    color:#333;

    font-weight: normal;

    line-height: 35px;

    text-align: right;

    width:320px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.4s;

}

.zg_news_content p{

    font-size: 14px;

    color:#999;

    line-height: 30px;

    width:100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.4s;

}

.zg_news_ul li .zg_date{

    float: right;

    width:95px;

}

.zg_date p{

    font-size: 32px;

    color:#333;

    transition: all 0.4s;

}

.zg_date span{

    font-size: 14px;

    color:#333;

    transition: all 0.4s;

}

.zg_news_ul{

    position: relative;

    padding-left: 118px;

    margin-top: 35px;

}

.zg_news_ul ul::before{

    content: "";

    position: absolute;

    left: 45%;

    top: 41px;

    width: 1px;

    height: 100%;

    background:#999;

    z-index: 0;

    margin-left: 1px;

}

.zg_news_ul ul li::before{

    content: "";

    width: 10px;

    height: 10px;

    position: absolute;

    right:-21px;

    background: #fff;

    top:27px;

    border:2px solid #686868;

    border-radius:100%;

    transition: all 0.4s;

}

.zg_news_ul ul li:nth-child(2n)::before{

    left:-59px;

}

.zg_news_ul ul li:nth-child(2n) .zg_news_content{

    float: right;

}

.zg_news_ul ul li:nth-child(2n) .zg_news_content h3{

    text-align: left;

}

.zg_news_ul ul li:nth-child(2n) .zg_date{

    float: left;

}

.zg_news_ul ul li:nth-child(2n){

    margin-left: 44%;

}

.zg_moreNews{

    text-align: center;

}

.zg_moreNews span{

    margin-right: 10px;

    font-size:25px;

    font-weight: normal;

    color:#DD453F;

    border:2px solid #DD453F;

    display: inline-block;

    width:30px;

    height:30px;

    line-height: 29px;

    border-radius: 100%;

    margin-top: -2px;

    transition: all 0.3s linear;

}

.zg_moreNews:hover span{

    transform-origin:50% 50%;

    -webkit-transform-origin:50% 50%;

    transform:rotateZ(-90deg);

    -webkit-transform:rotateZ(-90deg);

    background:#DD453F ;

    color:#fff;

}

.zg_footer{

    background: #131313;

    margin-top: 100px;

}

.zg_foot_inner{

    width:1200px;

    margin:0 auto;

}

.zg_foot_text{

    padding-top: 50px;

    padding-bottom: 68px;

}

.zg_foot_text .zg_foot_area{

    float: left;

}

.zg_foot_text .zg_contact h3{

    font-size: 25px;

    color:#d9251c;

    font-weight: normal;

}

.zg_foot_text .zg_contact span{

    font-size: 14px;

    color:#999;

}

.zg_foot_text  .zg_follow p{

    font-size: 16px;

    color:#999;

}

.zg_foot_text  .zg_follow{

    margin-left:95px;

}

.zg_foot_text  .zg_follow > div,

.zg_foot_text .zg_yiZhen ul,

.zg_foot_text .zg_address{

    margin-top: 40px;

}

.zg_foot_text .zg_address{

    margin-top: 60px;

}

.zg_foot_text .zg_yiZhen p{

    font-size: 16px;

    color:#fff;

}

.zg_foot_text .zg_yiZhen li{

    font-size: 12px;

    color:#999;

    line-height: 25px;

}

.zg_foot_text .zg_yiZhen{

    margin-left: 80px;

}

.zg_foot_text .zg_address li{

    font-size: 12px;

    color:#999;

    line-height: 25px;

}

.zg_foot_text .zg_address{

    margin-left: 100px;

}

.zg_foot_btm{

    border-top: 1px solid #262626;

    padding-top: 18px;

    padding-bottom: 18px;

}

.zg_foot_btm p{

    color:#7f7f7f;

    font-size: 12px;

}

.zg_foot_btm .zg_p1{

    float: left;

}

.zg_foot_btm .zg_p2{

    float: right;

}

























































