.info-title{display: flex;justify-content: space-between;max-width: 1280px;margin: 0 auto;padding: 0 8%; margin-bottom: 45px;}
.info-title .title-left h1{font-size: 22px;line-height: 22px; color: #540000;margin-bottom: 10px;}
.info-title .title-left p{font-size: 14px;color: #666;}
.info-title .title-right p{font-size: 15px;line-height: 32px;color: #666;}
@media(max-width:1600px){
    .info-title .title-left h1{font-size: 20px;line-height: 20px;}
    .info-title .title-left p{font-size: 13px;}
    .info-title .title-right p{font-size: 14px;line-height: 30px;}
    .info-title{margin-bottom: 35px;}
}
@media(max-width:1400px){
    .info-title .title-left h1{font-size: 18px;line-height: 18px;}
    .info-title .title-left p{font-size: 12px;}
    .info-title .title-right p{font-size: 13px;line-height: 28px;}
    .info-title{margin-bottom: 30px;}
}
@media(max-width:960px){
    .info-title{padding: 0 5%;}
    .info-title{flex-wrap: wrap;}
    .info-title .title-right{width: 100%;margin-top: 5%;}
    .info-title{margin-bottom: 25px;}
}



.about01{padding-top: 8.5%;}
.about01-container{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.about01-txt p img{display: inline-block;width: 100%;}
.about01-txt p {font-size: 15px;line-height: 30px; color: #666;}
@media(max-width:1600px){
    .about01-txt p{font-size: 14px;line-height: 28px;}
}
@media(max-width:1400px){
    .about01-txt p{font-size: 13px;line-height: 26px;}
}
@media(max-width:1200px){
    .about01-container{padding: 0 5%;}
}




.about02{padding-top: 7%;}
.about02-container{background: #e4dbd4;padding: 4% 0;}
.history{max-width: 1380px;margin: 0 auto;padding: 0 8%;}
.history .item{background: #fff;padding: 8%;}
.history .item .item-img{display: inline-block;width: 100%;padding-bottom: 66.7%;position: relative;}
.history .item .item-img a{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.history .item .item-img a img{ display: inline-block; width: 100%; height: 100%; filter:grayscale(1) ; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-filter:grayscale(1) ; }
.history .item:hover .item-img a img{ filter:grayscale(0) ; -webkit-filter:grayscale(0) ; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.history .item .item-txt{padding: 10% 0 6%;}
.history .item .item-txt h1{font-size: 20px;font-weight: normal;color: #540000;letter-spacing: 0.15rem;margin-bottom: 6.5%;}
.history .item .item-txt p{font-size: 14px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.row-arrow .owl-nav .owl-prev,.row-arrow .owl-nav .owl-next{
    width: 19px;height: 33px;position: absolute;top: 44.5%;background: url(../image/about-arrow.png) no-repeat;background-size: 100% 100%;}
.row-arrow .owl-nav .owl-prev{left: -3.5%;}
.row-arrow .owl-nav .owl-next{ right: -3.5%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.row-arrow .owl-nav .owl-prev:hover{
background: url(../image/about-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.row-arrow .owl-nav .owl-next:hover{
background: url(../image/about-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}

@media(max-width:1600px){
    .history .item .item-txt h1{font-size: 18px;}
}
@media(max-width:1400px){
    .history .item .item-txt h1{font-size: 16px;}
    .history .item .item-txt p{font-size: 13px;line-height: 26px;}
}
@media(max-width:1200px){
    .history .item .item-txt h1{font-size: 15px;}
    .history .item .item-txt p{font-size: 12px;line-height: 24px;}
}
@media(max-width:960px){
    .row-arrow .owl-nav .owl-prev, .row-arrow .owl-nav .owl-next {width: 12px;height: 22px;}
    .row-arrow .owl-nav .owl-prev {left: -22px;}
    .row-arrow .owl-nav .owl-next {right: -22px;}
    .about02-container{padding: 10% 5%;}
}



.about03{padding-top: 8.5%;}
.about03-container{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.about03-content p{font-size: 15px;line-height: 30px;color: #666;}
.about03-content ul{display: flex;align-items: center;justify-content: space-between;}
.about03-content ul li{display: inline-block;width: 31.25%;}
.about03-content ul li img{ display: inline-block; width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.about03-content ul li img:hover{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
@media(max-width:1600px){
    .about03-content p{font-size: 14px;line-height: 28px;}
}
@media(max-width:1400px){
    .about03-content p{font-size: 13px;line-height: 26px;}
}
@media(max-width:1200px){
    .about03-container{padding: 0 5%;}
}


.about04{padding-top: 8.5%;margin-bottom: 7%;}
.honor{max-width: 1380px;margin: 0 auto;padding: 0 8%;}
.honor .row .item>a{display: block; width: 100%;}
.honor .row .item .item-img{background: #f6f6f6;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; }
.honor .row .item .item-img>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;}
.honor .row .item .item-img img{display: block;width: auto;max-width: 80%;max-height: 80%;margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.honor .row .item:hover .item-img img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.honor .row .item .item-txt {text-align: center;padding: 15px 15px;background: #ddd;}
.honor .row .item .item-txt h2 {font-size: 16px;font-weight: normal;color: #540000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honor .row .item:hover .item-txt {background: #540000;}
.honor .row .item:hover .item-txt h2 {color:#fff;}
.honor .row .item:hover{box-sizing: border-box; border: 1px solid #540000;}

@media(max-width:1600px){
    .honor .row .item .item-txt{padding: 13px 13px;}
    .honor .row .item .item-txt h2{font-size: 15px;}
}
@media(max-width:1400px){
    .honor .row .item .item-txt h2{font-size: 14px;}
}
@media(max-width:1200px){
    .honor .row .item .item-txt{padding: 10px 10px;}
    .honor .row .item .item-txt h2{font-size: 14px;}
}
@media(max-width:960px){
    .honor .row .item .item-txt h2{font-size: 12px;}
}


@media(max-width:580px){
    .about01,.about02,.about03,.about04 {
        padding-top: 15%;
    }
}



.baking-main{padding: 6.5% 0;}
.baking-container{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.baking-container ul{display: flex;flex-wrap: wrap;}
.baking-container ul li{display: inline-block;width: 30.46%;margin-right: 4.2%;margin-bottom: 4.2%;}
.baking-container ul li:nth-child(3n){margin-right: 0;}
.baking-container ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.7%;position: relative;}
.baking-container ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.baking-container ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.baking-container ul li .list-txt{background: #f6f6f6;padding: 6.5% 8%;}
.baking-container ul li .list-txt p{display: none;}
.baking-container ul li .list-txt h1 a{display: block;font-size: 17px;line-height: 30px; color: #333;font-weight: normal;margin-bottom: 5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.baking-container ul li .list-txt span a{display: block;width: 100%;font-size: 14px;font-weight: lighter;color: #999;position: relative;}
.baking-container ul li .list-txt span a:after{position: absolute;right: 0;top: 0;content: "→";font-size: 18px;line-height: 18px; color:#fff;opacity: 0;}
.baking-container ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.baking-container ul li:hover .list-txt{background: #540000;}
.baking-container ul li:hover .list-txt h1 a{color: #fff;}
.baking-container ul li:hover .list-txt span a{color: #fff;}
.baking-container ul li:hover .list-txt span a:after{opacity: 1;}

@media(max-width:1600px){
    .baking-container ul li .list-txt h1 a{font-size: 16px;line-height: 28px;}
}
@media(max-width:1400px){
    .baking-container ul li .list-txt h1 a{font-size: 15px;line-height: 26px;}
    .baking-container ul li .list-txt span a{font-size: 13px;}
}
@media(max-width:1200px){
    .baking-container ul li .list-txt h1 a{font-size: 14px;line-height: 24px;}
}
@media(max-width:1200px){
    .baking-container{padding: 0 5%;}
}
@media(max-width:960px){
    .baking-container ul li .list-txt h1 a{font-size: 12px;line-height: 22px;margin-bottom: 8%;}
    .baking-main{padding: 10% 0;}
    .baking-container ul{justify-content: space-between;}
    .baking-container ul li{width: 47.5%;margin-right: 0 !important;margin-bottom: 5%;}
}



.news-main{padding: 6.5% 0;}
.news-container{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.news-top{position: relative;display: flex;justify-content: flex-end;padding: 5% 0;}
.news-top .news-left{position: absolute;left:0;top: -4%; width: 50%;z-index: 1;}
.news-top .news-left a{display: inline-block;width: 100%;padding-bottom: 65.625%;position: relative;overflow: hidden;}
.news-top .news-left a img{ display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news-top .news-left a img:hover{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.news-top .news-txt{background: #f6f6f6;width: 56.25%;}
.news-top .news-txt>div{padding: 10% 10% 10% 18%;}
.news-top .news-txt>div>p span{display: inline-block;font-size: 24px;margin-bottom: 6%;margin-right: 3%; color: #999;font-weight: lighter;}
.news-top .news-txt>div h1 a{display: block;font-size: 18px;color: #333;font-weight: normal;margin-bottom: 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-top .news-txt>div:hover h1 a{color: #540000;}
.news-top .news-txt>div p{font-size: 14px;line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-top .index-more{text-align: left;margin-top: 7%;}
.news-list ul li{position: relative; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 2.5% 2.5%;border-bottom: 1px solid #ddd;margin-bottom: 1.5%;}
.news-list ul li::after{ content: ""; width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; background: #540000;  }
.news-list .list-left{display: inline-block;width: 270px;}
.news-list .list-left .list-img{display: inline-block;width: 100%;padding-bottom: 66.66%;position: relative;}
.news-list .list-left .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.news-list .list-left .list-img a img{ display: inline-block; max-width: 100%; max-height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news-list .list-right{display: flex;justify-content: space-between;width: calc(96% - 270px);}
.news-list .list-right .list-txt{display: inline-block;width: 80%;}
.news-list .list-right .list-txt h1 a{display: block;font-size: 18px;font-weight: normal;color: #333;padding-bottom: 6%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: relative;}
.news-list .list-right .list-txt h1 a:after{content: "";width: 30px;height: 1px;background: #540000;position: absolute;bottom: 32%;left: 0;}
.news-list .list-right .list-txt p a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 5%;font-size: 14px;color: #999;}
.news-list .list-right .list-txt>a{display: inline-block;font-size: 14px;color: #999;padding-bottom: 8px;border-bottom: 1px solid #999;}
.news-list .list-right .list-time{display: inline-block;text-align: right;}
.news-list .list-right .list-time p{font-size: 30px;font-weight: lighter;color: #999;margin-bottom: 20px;}
.news-list .list-right .list-time span{font-size: 20px;font-weight: lighter;color: #999;}
.news-list .pageGuide{margin-top: 4%;}
.news-list ul li:hover .list-left .list-img a img{ transform:scale(1.15) ; -webkit-transform:scale(1.15) ; -moz-transform:scale(1.15) ; -ms-transform:scale(1.15) ; -o-transform:scale(1.15) ; }
.news-list ul li:hover .list-right .list-txt h1 a{color: #540000;}
.news-list ul li:hover .list-right .list-txt>a{color: #540000;border-bottom: 1px solid #540000;}
.news-list ul li:hover::after{width: 100%;transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s;}
@media(max-width:1600px){
    .news-top .news-txt>div>p span{font-size: 22px;}
    .news-top .news-txt>div h1 a,.news-list .list-right .list-txt h1 a{font-size: 16px;}
    .news-top .news-txt>div p ,.news-list .list-right .list-txt p a{font-size: 13px;line-height: 28px;}
    .news-list .list-right .list-txt>a{font-size: 13px;}
    .news-list .list-right .list-time p{font-size: 28px;}
    .news-list .list-right .list-time span {font-size: 18px;}
}
@media(max-width:1500px){
    .news-list .list-left {width: 240px;}
    .news-list .list-right { width: calc(96% - 240px);}
}
@media(max-width:1400px){
    .news-top .news-txt>div>p span{font-size: 20px;}
    .news-top .news-txt>div h1 a,.news-list .list-right .list-txt h1 a{font-size: 14px;}
    .news-top .news-txt>div p ,.news-list .list-right .list-txt p a{font-size: 12px;line-height: 26px;}
    .news-list .list-right .list-txt>a{font-size: 12px;}
    .news-list .list-right .list-time p{font-size: 26px;}
    .news-list .list-right .list-time span {font-size: 16px;}
}
@media(max-width:1200px){
    .news-container{padding: 0 5%;}
    .news-list .list-left {width: 200px;}
    .news-list .list-right { width: calc(96% - 200px);}
    .news-top .news-txt>div>p span{font-size: 18px;}
    .news-list .list-right .list-time p{font-size: 24px;margin-bottom: 15px;}
    .news-list .list-right .list-time span {font-size: 14px;}
}
@media(max-width:960px){
    .news-list .list-right .list-txt h1 a:after{bottom: 20%;}
    .news-main{padding: 10% 0;}
}
@media(max-width:760px){
    .news-top{flex-wrap: wrap;}
    .news-top .news-txt{width: 100%;}
    .news-top .news-txt>div{padding: 8%;}
    .news-top .news-left{position: static;width: 100%;}
    .news-list .list-left{width: 100%;}
    .news-list .list-right{width: 92%;padding: 6% 4%;}
    .news-list .list-right .list-time{width: 80px;}
    .news-list .list-right .list-txt{width: calc(95% - 80px);}
    .news-list .list-right .list-time p{font-size: 20px;margin-bottom: 10px;}
    .news-list ul li{margin-bottom: 6.5%;padding: 0;}
}



.newsd-main{padding: 7% 0;}
.newsd-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 8%;
}
.newsd-container>h1{
    font-size: 24px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin-bottom: 0.8%;
}
.newsd-container>p{
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-bottom: 2%;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 2%;
}
.newsd-text{
    padding-bottom: 4%;
    margin-bottom: 2%;
    border-bottom: 1px dashed #ddd;
}
.newsd-text img{
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
.newsd-share{
margin-bottom: 2%;
}
.newsd-other{
position: relative;
}
.newsd-other ul{
    display: inline-block;
}
    .newsd-other ul li{
        display: block;
    }
    .newsd-other ul li a{ 
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
    .newsd-other ul li a:hover{ 
       color: #540000;
    }
    .newsd-other>a{
        position: absolute;
        right: 0%;
        font-size: 14px;
        padding: 0.5% 2%;
        border: 1px solid #540000;
        color: #540000;
    }
    .newsd-other>a:hover{
        background: #540000;
        color: white;
    }

@media(max-width:1200px){
    .newsd-container{
        padding: 0 5%;
    }
}

@media(max-width:760px){
.newsd-main{padding: 12% 0;}
.newsd-other ul{
    display: block;
}
.newsd-other>a{
    position: static;
    display: inline-block;
    padding: 2% 5%;
    margin-top: 2%;
}
.newsd-container>p {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-bottom: 5%;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 5%;
}
.newsd-container>h1 {
    font-size: 18px;
    margin-bottom: 10px;
}
.newsd-other ul li,.newsd-other ul li a{
    font-size: 12px;
}
.newsd-other>a {
    position: static;
    display: inline-block;
    padding: 0;
    width: 90px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}
.newsd-text {
    padding-bottom: 10%;
    margin-bottom: 7%;
}
.newsd-text p{
    font-size: 12px;
    line-height: 24px;
}
}




.contact-main{padding: 6.5% 0;}
.contact-container{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.contact-top{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 8.8%;}
.contact-top .top-left{display: inline-block;width: 37.5%;}
.contact-top h1{font-size: 24px;color: #540000;font-weight: normal;}
.contact-top .top-left>p{font-size: 16px;margin-top: 3%;margin-bottom: 6.5%; color: #666;}
.contact-top .top-left ul li{padding-bottom: 2.5%;margin-bottom: 5%; border-bottom: 1px solid #999999;}
.contact-top .top-left ul li:last-child{margin-bottom: 0;}
.contact-top .top-left ul li>div{display: flex;align-items: center;margin-bottom: 3%;}
.contact-top .top-left ul li p{font-size: 14px;color: #666;}
.contact-top .top-left ul li p img{display: inline-block;width: 20px;margin-right: 5px;}
.contact-top .top-right{width: 50%;background:#f7f7f7;display: flex;align-items: center;}
.contact-top .top-right>div{padding: 5% 7%;width: 90%;}
.contact-top .top-right form{margin: 8% 0 0;}
.contact-top .top-right ul li {margin-bottom: 3%;}
.contact-top .top-right ul li .inp{font-family: sans-serif; font-size: 14px;color: #333; padding: 0 4%; display: inline-block;width: 92%;background: #fff;height: 45px;line-height: 45px;border: none;outline: none;}
.contact-top .top-right .submit{margin-top: 3%; border: none; padding: 10px 40px; display: inline-block; background: #540000; color: #fff; font-size: 14px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.contact-top .top-right ul li textarea{padding-bottom: 5% !important;height: auto !important;line-height: auto !important;}
.contact-top .top-right ul li .inp::-webkit-input-placeholder{
    color:#999;
}
.contact-top .top-right ul li .inp::-moz-placeholder{   
    color:#999;
}
.contact-top .top-right ul li .inp:-moz-placeholder{    
    color:#999;
}
.contact-top .top-right ul li .inp:-ms-input-placeholder{  
    color:#999;
}

.con_map{ margin:0 auto 3.5% auto; width:100%; padding-bottom:39.0625%; position:relative;}
.con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}


@media(max-width:1600px){
    .contact-top h1{font-size: 22px;}
    .contact-top .top-left>p {font-size: 15px;}
}
@media(max-width:1400px){
    .contact-top h1{font-size: 20px;}
    .contact-top .top-left>p {font-size: 14px;}
    .contact-top .top-left ul li p{font-size: 13px;}
    .contact-top .top-left ul li p img {width: 18px;}
}
@media(max-width:1200px){
    .contact-top .top-right ul li .inp{font-size: 13px;height: 40px;line-height: 40px;}
    .contact-top .top-right .submit {padding: 8px 30px;font-size: 13px;}
    .contact-container{padding: 0 5%;}
    .contact-top h1{font-size: 18px;}
    .contact-top .top-left>p {font-size: 13px;}
    .contact-top .top-left ul li p{font-size: 12px;}
}
@media(max-width:960px){
    .contact-top .top-right ul li .inp{font-size: 13px;height: 35px;line-height: 35px;}
    .contact-main{padding: 10% 0;}
    .contact-top h1{font-size: 16px;}
    .contact-top .top-left{width: 45%;}
}
@media(max-width:760px){
    .contact-top{margin-bottom: 12%;}
    .contact-top .top-right ul li{margin-bottom: 10px;}
    .contact-top .top-left ul li>div{margin-bottom: 5px;}
    .contact-top .top-left{width: 100%;margin-bottom: 8%;}
    .contact-top .top-right{width: 100%;}
    .con_map {padding-bottom: 70%;}
    .iw_poi_title,.iw_poi_content{font-size: 12px;}
}






.pro-list{max-width: 1280px;margin: 0 auto;padding: 0 8% 6.5%;}
.pro-list ul{display: flex;flex-wrap: wrap;}
.pro-list ul li{display: inline-block;width: 31.25%;background: #f6f6f6;margin-right: 3.1%;margin-bottom: 3.1%;}
.pro-list ul li:nth-child(3n){margin-right: 0;}
.pro-list ul li>div{padding: 8% 10%;}
.pro-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 100%;position: relative;margin-bottom: 10%;}
.pro-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pro-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.pro-list ul li .list-txt{text-align: center;}
.pro-list ul li .list-txt h1 a{position: relative; padding-bottom:30px; display: block;font-size: 16px;color: #333;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list ul li .list-txt h1 a:after{content: "";position: absolute;left: calc(50% - 10px);bottom: 15px;width: 20px;height: 1px;background: #540000;}
.pro-list ul li .list-txt p a{display: block; font-size: 14px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list .pageGuide{margin-top: 2%;}
.pro-list ul li:hover{background: #540000;}
.pro-list ul li:hover .list-txt h1 a{color: #fff;}
.pro-list ul li:hover .list-txt p a{color: #fff;}
.pro-list ul li:hover .list-txt h1 a:after{background: #fff;}
.pro-list ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
@media(max-width:1600px){
	.pro-list ul li .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1400px){
    .pro-list ul li .list-txt h1 a{font-size: 14px;}
	.pro-list ul li .list-txt p a{font-size: 13px;}
}
@media(max-width:1200px){
    .pro-list ul li .list-txt h1 a{font-size: 13px;}
	.pro-list ul li .list-txt p a{font-size: 12px;}
    .pro-list{padding: 0 5% 8%;}
    .pro-list ul li .list-txt h1 a{padding-bottom:20px; }
    .pro-list ul li .list-txt h1 a:after{bottom: 10px;}
}
@media(max-width:960px){
    .inside-nav ul li {margin-top: 10px;}
    .pro-list ul{justify-content: space-between;}
    .pro-list ul li{width: 48.5%;margin-right: 0 !important;}
    .pro-list .pageGuide {margin-top: 8%;}
    .pro-list {padding: 0 5% 12%;}
}
@media(max-width:760px){
	
}



.prod-content{max-width: 1280px;margin: 0 auto;padding: 0 8%;}
.productsd-top{position: relative;padding-bottom: 6.5%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.prod-left{display: inline-block;width: 46.875%;border: 1px solid #ddd;}
.prod-left .row{position: relative;}
.prod-left .row  .owl-item .item{display: inline-block;width: 100%;position: relative;padding-bottom: 100%;}
.prod-left .row .item a{display: inline-block; width: 100%; height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.prod-left .row .item a>img{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;} 
.prod-left .row .owl-nav .owl-prev,.prod-left .row .owl-nav .owl-next{
    width: 50px;height: 50px;position: absolute;top: 44.5%;background: url(../image/about-arrow.png) no-repeat center center;background-size: 13px;display: block !important;}
.prod-left .row .owl-nav .owl-prev{left: 10px;}
.prod-left .row .owl-nav .owl-next{ right: 10px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.prod-left .row .owl-nav .owl-prev:hover{background: url(../image/about-arrow-hover.png) no-repeat center center;background-size: 13px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.prod-left .row .owl-nav .owl-next:hover{background: url(../image/about-arrow-hover.png) no-repeat center center;background-size: 13px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}

  .prod-left .owl-theme .owl-controls .owl-dots{
      color:#fff;
      font-size:14px;
      margin:5px;
      padding:4px 7px;
      display:inline-block;
      cursor:pointer;
      width: 100%;
      border-radius: 100%;
      text-align: center;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      text-align: center;
}
      .prod-left .owl-theme .owl-dots .owl-dot{
          display:inline-block;
          zoom:1;*display:inline;
      }
      .prod-left .owl-theme .owl-dots .owl-dot span{
          width:8px;
          height:8px;
          margin:5px 7px;
          border: 1px solid #540000;
          display:block;
          -webkit-backface-visibility:visible;
          -webkit-transition:opacity 200ms ease;
          -moz-transition:opacity 200ms ease;
          -ms-transition:opacity 200ms ease;
          -o-transition:opacity 200ms ease;
          transition:opacity 200ms ease;
          -webkit-border-radius:30px;
          -moz-border-radius:30px;
          border-radius:30px;
          -ms-border-radius:30px;
          -o-border-radius:30px;
        }
      .prod-left .owl-theme .owl-dots .owl-dot.active span,
      .prod-left .owl-theme .owl-dots .owl-dot:hover span{
          background:#540000;
      }


.prod-right{ display: inline-block;width: 47%;}
.prod-right h1{font-size: 22px;color: #540000;font-weight: normal;padding-bottom: 15%;position: relative;}
.prod-right h1::after{content: "";position: absolute;left: 0;bottom: 55%;width: 30px;height: 2px;background: #540000;}
.prod-right table tr td{font-size: 14px; color: #333;margin-bottom: 20px;}
.prod-right table tr td:nth-child(2){color: #666;display: inline-block;margin-left:14px;margin-left: 20px;}
.prod-right .back{margin-top: 15%;}
.prod-right .back a{font-size: 14px; display: inline-block; border: 1px solid #540000;color: #540000; padding: 10px 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.prod-right .prod-page{margin-top: 10%;}
.prod-right .prod-page p{font-size: 14px; color: #666;margin-bottom: 15px;}
.prod-right .prod-page p a{font-size: 14px; color: #333;}
.prod-right .prod-page p a:hover{color: #540000;}
.prod-right .back a:hover{color: #fff;background: #540000;}

.prod-detail{ padding-bottom: 8%;border-bottom: 1px solid #ddd;margin-bottom: 6%;}
.prod-detail .prod-detail-title{padding: 0 2% 15px; border-bottom: 1px solid #dddddd;margin-bottom: 5%;}
.prod-detail .prod-detail-title h1{display: inline-block;font-size: 22px;color: #540000;font-weight: normal;}

.prod-edit img{display: inline-block;width: auto !important;height: auto !important;max-width: 100% !important;}


.prod-bottom{margin-bottom:8.5%;}
.prod-bottom-title p{text-align: center;font-size: 22px;color: #540000;font-weight: bold;position: relative;padding-bottom: 5%;}
.prod-bottom-title p:after{content: "";position: absolute;bottom: 45%;left: calc(50% - 10px);width: 20px;height: 1px;background: #540000;}
.prod-bottom .item .list-img{margin-bottom: 8%; position: relative; display: inline-block;width: 100%;padding-bottom: 100%;border: 1px solid #ddd;box-sizing: border-box;}
.prod-bottom .item .list-img a{display: inline-block; width: 100%; height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.prod-bottom .item .list-img a>img{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;} 
.prod-bottom .item .list-txt{text-align: center;}
.prod-bottom .item .list-txt h1 a{position: relative; padding-bottom:30px; display: block;font-size: 16px;color: #333;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prod-bottom .item .list-txt h1 a:after{content: "";position: absolute;left: calc(50% - 10px);bottom: 15px;width: 20px;height: 1px;background: #540000;}
.prod-bottom .item .list-txt p a{display: block; font-size: 14px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prod-bottom .item:hover .list-img{border: 1px solid #540000;}
.prod-bottom .item:hover .list-img a>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.prod-bottom .item:hover .list-txt h1 a{color: #540000;}

@media(max-width:1600px){
    .prod-right h1,.prod-detail .prod-detail-title h1,.prod-bottom-title p{font-size: 20px;}
    .prod-bottom .item .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1400px){
    .prod-right h1,.prod-detail .prod-detail-title h1,.prod-bottom-title p{font-size: 18px;}
    .prod-bottom .item .list-txt h1 a{font-size: 14px;}
    .prod-bottom .item .list-txt p a,.prod-right table tr td,.prod-right .prod-page p a,.prod-right .prod-page p{font-size: 13px;}
    .prod-right .back a {font-size: 13px;padding: 8px 50px;}
}
@media(max-width:1200px){
    .prod-content{padding: 0 5%;}
    .prod-right h1,.prod-detail .prod-detail-title h1,.prod-bottom-title p{font-size: 16px;}
    .prod-bottom .item .list-txt h1 a{font-size: 13px;}
    .prod-bottom .item .list-txt p a,.prod-right table tr td,.prod-right .prod-page p a,.prod-right .prod-page p{font-size: 12px;}
    .prod-right .back a {font-size: 13px;padding: 8px 50px;}
    .prod-right h1::after {bottom: 46%;}
    .prod-right .prod-page p {margin-bottom: 10px;}
    .prod-right .back a {font-size: 12px;padding: 8px 45px;}
}
@media(max-width:760px){
    .prod-right h1,.prod-detail .prod-detail-title h1{font-size: 14px;}
    .prod-left{width: 100%;margin-bottom: 5%;}
    .prod-right{width: 100%;}
    .productsd-top{padding-bottom: 10%;}
    .prod-right table tr td {margin-bottom: 15px;}
    .prod-detail .prod-detail-title{margin-bottom: 10%;}
    .prod-detail {padding-bottom: 10%;margin-bottom: 10%;}
    .prod-bottom{padding: 0 5%;}
    .prod-bottom-title p{padding-bottom: 30px;}
    .prod-bottom-title p:after{bottom: 15px;}
}




.about02-container{    display: none;}