.content{position: relative}

.page_banner{width: 100%; height: 420px; position: relative}
.page_banner .page_bg{width: 100%; height: 100%; background-position: center; background-size: cover}
.page_banner .page_title{padding-top: 320px;}
.page_banner .page_title .tn{font-size: 22px; font-weight: bold; color: #e7090b; padding-left: 60px; opacity: 0; animation: title_h3 1s forwards .4s; -webkit-animation: title_h3 1s forwards .4s}
.page_banner .page_title .te{font-size: 38px; color: #fff; padding-left: 60px; font-family: 'novecentowide-book'; opacity: 0; animation: title_p 1s forwards .6s; -webkit-animation: title_p 1s forwards .6s}

.page_con{position: relative; padding: 30px 0 80px 0}
.page_con .site{width: 100%; margin-bottom: 40px}
.page_con .site .site_con{}
.page_con .site .site_con p{font-size: 13px; color: #444; float: left}
.page_con .site .site_con a{font-size: 13px; float: left; margin: 0 8px}
.page_con .site .site_con span{float: left}
.page_con .site .site_con .last{color: #e7090b}


@keyframes title_h3 {
    0%{padding-left: 60px; opacity: 0}
    100%{padding-left: 0; opacity: 1}
}
@-webkit-keyframes title_h3 {
    0%{padding-left: 60px; opacity: 0}
    100%{padding-left: 0; opacity: 1}
}

@keyframes title_p {
    0%{padding-left: 60px; opacity: 0}
    100%{padding-left: 0; opacity: 1}
}
@-webkit-keyframes title_p {
    0%{padding-left: 60px; opacity: 0}
    100%{padding-left: 0; opacity: 1}
}


.footer .footer_top{padding: 60px 0 20px 0}


/*----page----*/
.page_eg{width: 100%; padding: 20px 0; position: relative; box-shadow: 0 0 10px 2px #f0f0f0}
.page_eg .eg_con{margin: 40px 40px 20px 40px}


/*----page_about----*/
.page_about p{font-size: 14px; color: #555; line-height: 26px;}
.page_about .about_img{width: 100%; margin-top: 50px; overflow: hidden}
.page_about .about_img img{width: 100%; float: none}


/*----page_product----*/
.product_title{width: 100%; position: relative; margin-top: -60px}
.product_title:before{content: ""; display: block; width: 100%; height: 1px; background: #e0e0e0; position: absolute; bottom: 0; left: 0}
.product_title .li{list-style: none}
.product_title .li li{float: left; margin-right: 5px; position: relative}
.product_title .li li a{width: 120px; padding: 8px 10px; font-size: 13px; color: #333; text-align: center; border: 1px solid #e0e0e0; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s}
.product_title .li li:hover a{_border: 1px solid #e7090b; color: #fff; background: #e7090b}
.product_title .li li a.on{color: #fff; background: #e7090b}

.product_con{width: 100%; position: relative; padding-top: 60px;}
.product_con .list{list-style: none; margin-right: -1%}
.product_con .list li{float: left; width: 24%; margin-right: 1%; margin-bottom: 20px; position: relative; overflow: hidden}
.product_con .list li .img{width: 100%; overflow: hidden}
.product_con .list li .img img{width: 100%; transition: all ease .6s; -webkit-transition: all ease .6s}
.product_con .list li .txt{width: 100%; height: 52px; line-height: 52px; text-align: center; background: #f0f0f0}
.product_con .list li .txt h3{font-size: 14px; color: #333; margin-bottom: 6px; transition: all ease-in .3s; -webkit-transition: all ease-in .3s}
.product_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.product_con .list li:hover .txt h3{color: #e7090b}

/*----page_productshow----*/
.productshow_con{position: relative; padding: 50px 0 0 0}
.productshow_con .show_left{width: 50%; margin-right: 5% }
.productshow_con .show_left h3{font-size: 24px; color: #333; margin-bottom: 5px}
.productshow_con .show_left p{font-size: 13px; color: #666; margin-bottom: 20px; font-family: 'novecentowide-book' }
.productshow_con .show_left .line{display: block; width: 100%; height: 2px; background: #666; margin-bottom: 20px}
.productshow_con .show_left .pro_con .t1{font-size: 18px; color: #333}
.productshow_con .show_left .pro_con .t1 i{padding-left: 10px; font-style: normal; font-size: 12px; color: #666; vertical-align: bottom; font-family: 'novecentowide-book'}
.productshow_con .show_left .pro_con .table{padding: 20px 0 0 0}
.productshow_con .show_left .pro_con .table p{font-size: 12px; color: #555; line-height: 22px;}
.productshow_con .show_left .pro_con .table img{width: 100%; height: auto; display: block; float: none}

.productshow_con .show_right{width: 45%;}
.productshow_con .show_right .product-show-lb{width: 100%; margin-bottom: 6px}
.productshow_con .show_right .product-show-lb img{width: 100%; margin: 0}
.productshow_con .show_right .product-show-lb1{width: 100%; margin-bottom: 40px;}
.productshow_con .show_right .product-show-lb1 img{width: 100%; margin: 0}

/*----page_honor----*/
.page_honor{padding: 40px;}
.page_honor .eg_con{list-style: none; margin: 0 -2.3333% 0 0}
.page_honor .eg_con li{float: left; width: 31%; margin-right: 2.3333%; margin-bottom: 20px}
.page_honor .eg_con li img{width: 100%}

/*----page_enterprise----*/
.page_ent{overflow-x: hidden}
.page_enterprise{position: relative; padding-bottom: 30px}
.page_enterprise .txt{width: 40%; height: 100%; float: left; padding-top: 12%; padding-right: 40px; text-align: right}
.page_enterprise .txt h3{font-size: 24px; color: #444; font-weight: bold; margin-bottom: 2px}
.page_enterprise .txt h4{font-size: 14px; color: #999; font-family: 'novecentowide-book'}
.page_enterprise .txt .line{display: block; width: 200%; height: 1px; background: #e0e0e0; margin: 10px 0 20px 0; position: relative; left: -100%}
.page_enterprise .txt p{font-size: 13px; color: #666; line-height: 22px;}
.page_enterprise .slick-list{overflow: visible}

.enterprise_con .img{width: 60%; float: left; position: relative}
.enterprise_con .img .bg{display: block; width: 100%; height: 100%; background: url("../image/e_bg.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; margin: 30px 0 0 30px}
.enterprise_con .img img{width: 100%}

/*----page-news----*/
.page_news .list{list-style: none; margin-right: -3%}
.page_news .list li{width: 47%; float: left; margin-right: 3%; margin-bottom: 40px; position: relative; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .txt{padding: 40px; border: 1px solid #f0f0f0; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .txt h3{font-size: 16px; color: #333; margin-bottom: 12px;}
.page_news .list li .txt p{font-size: 12px; color: #666; line-height: 22px;}

.page_news .list li .data{background: #f0f0f0; padding: 14px 40px; position: relative; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .data h3{font-size: 30px; color: #333; font-family: 'novecentowide-book'; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .data p{font-size: 13px; color: #666; font-family: 'novecentowide-book'; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .data span{display: block; width: 32px; height: 32px; position: absolute; right: 0; top: 0; margin: 22px 30px 0 0; text-align: center; line-height: 34px; border-radius: 100%; border: 1px solid #999; transition: all ease .5s; -webkit-transition: all ease .5s}
.page_news .list li .data span i{font-size: 20px; color: #999; margin-left: 4px; transition: all ease .5s; -webkit-transition: all ease .5s}

.page_news .list li:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px)}
.page_news .list li:hover .txt{border: 1px solid #e7090b; background: #fff}
.page_news .list li:hover .data{background: #e7090b}
.page_news .list li:hover .data h3{color: #fff}
.page_news .list li:hover .data p{color: #f4f4f4}
.page_news .list li:hover .data span{border: 1px solid #fff}
.page_news .list li:hover .data span i{color: #fff}

/*----page_newshow----*/
.page_newshow .newshow_title{text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0}
.page_newshow .newshow_title h3{font-size: 18px; color: #333; margin-bottom: 8px}
.page_newshow .newshow_title span{font-size: 12px; color: #666; margin: 0 10px}
.page_newshow .newshow_con p{font-size: 13px; color: #666; line-height: 24px}
.page_newshow .newshow_con img{width: 100%; float: none; display: block; margin: 20px 0}

/*----page_contact----*/
.page_contact h3{font-size: 22px; color: #333; margin-bottom: 10px}
.page_contact .line{display: block; width: 90px; height: 1px; background: #e7090b; margin-bottom: 20px}
.page_contact p{font-size: 13px; color: #666; line-height: 26px}
.page_contact .map{height: 360px; margin-top: 30px;}