@charset "utf-8";
/*BY JAC*/
* {
    padding: 0; margin: 0; box-sizing: border-box;
}
body {
    color: #555; font-size: 14px; min-width: 1200px;
}
body a {
    color: #555; text-decoration: none;
}
body a:hover {
    color: #f13a3a; text-decoration: none;
}
body,input,select,textarea {
    font-family: 'Microsoft YaHei', '微软雅黑';
}
textarea {
    resize: none;
}
ul,li,dl,dd,dt,ol {
    list-style: none
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal; font-size:14px;
}
img{
    vertical-align: top; border: none;
}
.rspsv{ max-width: 100%; display: block; margin: 0 auto;}
.full-rspsv{ max-width: 100%; display: block; margin: 0 auto;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clrafter:after{
    content:''; clear: both; display: block; visibility: hidden; overflow: hidden; height: 0;
}
.head-wrap{
    padding: 20px 0;
}
.head-wrap .logo img{
    width: 211px; height: auto;
}
.menu-wrap>li{
    float: left;
}
.menu-wrap>li>a{
    display: block; padding: 10px 30px; font-size: 16px;
}
.menu-wrap>li>a.on{
    color:#f13a3a;
}
.menu-wrap>li>dl{
    display: none;
}
.main-wrap{
    width:90%; max-width: 1680px; margin:0 auto; position: relative;
}
.home-ban img{
    width:100%;
}
.home-ban .swiper-slide hgroup{
    position: absolute; left:10%; top:50%; transform: translateY(-50%); color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.1);
}
.home-ban .swiper-slide hgroup h1{
    font-size: 70px; padding-bottom: 20px;
}
.home-ban .swiper-slide hgroup h2{
    font-size: 20px; line-height: 2;
}
.home-ban-page .swiper-pagination-bullet-active{
    --swiper-theme-color:#dc2e38;
}
.com-hg{
    text-align: center; padding:0 0 30px 0;
}
.com-hg h1{
    font-size: 36px;
}
.com-hg h2{
    font-size: 14px; color:#aaa; font-weight: normal; padding-top: 5px;
}
.com-area{
    padding: 80px 0;
}
.com-area-bot{
    padding-bottom: 80px;
}
.about-yifa-zone{
    box-shadow: 0 0 30px #eee; padding: 30px; display: flex; flex-flow: row wrap; line-height: 2; justify-content: space-between; align-items: center;
}
.about-yifa-zone .left-zone{
    width:45%;
}
.about-yifa-zone .left-zone h1{
    font-size: 40px; color:#ccc;
}
.about-yifa-zone .left-zone p{
    text-indent: 2em; text-align: justify; padding-bottom: 20px;
}
.about-yifa-zone .left-zone a{
    display: inline-block; padding:10px 30px; background:#dc2e38; color:#fff; transition:all 0.5s;
}
.about-yifa-zone .left-zone a:hover{
    background: #9c1820;
}
.about-yifa-zone .right-zone{
    width: 50%;
}
.about-yifa-zone .right-zone img{
    max-width: 100%; display: block;
}
.home-prod-ul{
    display: flex; flex-flow: row wrap; justify-content: space-between; padding-bottom: 30px;
}
.home-prod-ul li{
    width: 32%; margin-bottom: 20px;
}
.home-prod-ul li a{
    display: block; position: relative;
}
.home-prod-ul li a figure{
    position: relative; padding-bottom: 55%; background-size: cover; background-position: center;
}
.home-prod-ul li a figure img{
    width: 100%; position: absolute; opacity: 0; height: 100%;
}
.home-prod-ul li a figcaption{
    position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,0.3); transition: all 0.5s; display: flex; align-items: center; font-size: 30px; color:#fff; justify-content: center;
}
.home-prod-ul li a:hover figcaption{
    background:rgba(0,0,0,0.6);
}
.home-prod-item li{
    float: left;
}
.home-prod-item li a figure img{
    width: 100%; height: 100%; position: absolute; left:0; top:0; opacity: 0;
}
.home-prod-item li a{
    display: block; position: relative;
}
.home-prod-item li a figure{
    padding-bottom: 48.7%; background-size: cover; background-position: center; position: relative;
}
.home-prod-item li:nth-child(1) a figure{
    padding-bottom: 65%;
}
.home-prod-item li a figcaption{
    position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); visibility: hidden; opacity: 0; transition: all 0.5s; display: flex; align-items: center; font-size: 30px; color:#fff; justify-content: center;
}
.home-prod-item li a:hover figcaption{
    opacity: 1; visibility: visible;
}
.home-prod-item li:nth-child(1){
    width:60%; margin-right: 2%;
}
.home-prod-item li:nth-child(2){
    width:38%; margin-bottom: 2%;
}
.home-prod-item li:nth-child(3){
    width:38%;
}
.eafa-foot{
    background: #333; padding: 50px 0 0;
}
.eafa-home-news ul{
    display: none;
}
.eafa-home-news ul:nth-child(1){
    display: block;
}
.eafa-home-news ul li{
    float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;
}
.eafa-home-news ul li:nth-child(3n){
    margin-right: 0;
}
.eafa-home-news ul li a{
    display: block; padding: 10px 10px 0; background: #eee; 
}
.eafa-home-news ul li a figure{
    position: relative; padding-bottom: 60%; background-size: cover; background-position: center;
}
.eafa-home-news ul li a figure img{
    position: absolute; left:0; top:0; width:100%; opacity: 0; height: 100%;
}
.eafa-home-news ul li a figcaption{
    padding: 15px; line-height: 1.8;
}
.eafa-home-news ul li a figcaption h1{
    font-weight: normal; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.eafa-home-news ul li a figcaption h2{
    font-weight: normal; font-size: 12px; color:#999; padding: 10px 0;
}
.eafa-home-news ul li a figcaption h3{
    font-weight: normal; font-size: 14px; color:#999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.foot-navi{
    display: flex; flex-flow: row wrap; padding-bottom: 50px; justify-content: space-between;
}
.foot-navi ul{
    width:auto;
}
.foot-navi ul li{
    float: left; margin-right: 60px;
}
.foot-navi ul li>a{
    color:#fff; font-size: 16px; display: block; padding-bottom: 10px;
}
.foot-navi ul li>dl>dd>a{
    color:#999; font-size: 14px; display: block; padding: 5px 0;
}
.foot-navi .r-zone{
    display: flex; flex-flow: row wrap; justify-content: space-between;
}
.eafa-crod{
    background: #fff; padding:20px 0;
}
.eafa-qrcode{
    color:#fff; margin-right: 12px;
}
.eafa-qrcode>p{
    text-align: center; padding-top: 10px;
}
.eafa-qrcode>img{
    width:100px; display: block; margin: 0 auto;
}
.eafa-tel{
    color: #fff;
}
.eafa-tel h1{
    font-weight: normal; padding-bottom: 10px; font-size: 18px;
}
.eafa-tel h2{
    font-size: 26px;
}
.eafa-flinks{
    padding-top: 30px; color:#999;
}
.eafa-flinks>p{
    padding:10px 0 0 0;
}
.eafa-flinks>p a{
    color:#999;
}
.sub-cate{ background: #eee;}
.sub-cate ul{ display: flex; flex-flow: row wrap;}
.sub-cate ul li{
    margin-right: 20px;
}
.sub-cate ul li a{
    display: block; padding:30px; transition: all 0.5s;
}
.sub-cate ul li a.on,.sub-cate ul li a:hover{
    background: #dc2e38; color:#fff;
}
/*============================================================================================*/
.news-det-outter{ display: flex; justify-content: space-between; flex-flow: row wrap;}
.news-con-left{
    width:75%;
}
.news-con-right{ width:20%;}
.news-con-right .tit{
    font-size:20px; color:#000; padding: 30px 0; font-weight: bold;
}
.eafa-locator{
    padding: 30px 0;
}
.eafa-content-wrap{
    line-height: 2; color:#888;
}
.eafa-content-wrap img{
    display: block; max-width: 100%; margin:20px auto;
}
.eafa-news-detit{
    border-top:1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0; text-align: center; line-height: 1.8;
}
.eafa-news-detit h1{
    font-size:30px;
}
.eafa-news-detit h2{
    font-weight: normal; padding: 10px 0; font-size: 14px; color:#999;
}
.eafa-news-detit h3{
    font-weight: normal; color:#999; font-size: 14px;
}
.eafa-news-brief{
    padding: 30px; background: #f5f5f5; line-height: 1.8;
}
.eafa-news-all{
    padding: 80px 30px; line-height:2.2; font-size: 14px; color: #888;
}
.eafa-news-all img{
    display: block; margin:0 auto; max-width: 60%;
}
.eafa_news_page{
    border-top:1px solid #eee; line-height: 1.8; padding: 50px 0;
}
.eafa_news_page>.prev,.eafa_news_page>.next{
    padding: 10px 0;
}
.inside_news ul li a{
    display: flex; flex-flow: row wrap; justify-content: space-between; padding:30px 0; border-bottom: 1px solid #eee;
}
.inside_news ul li a .inside_news_time{
    width: 10%; text-align: center;
}
.inside_news ul li a .inside_news_time .inside_news_time1{
    font-size: 40px; display: block;
}
.inside_news ul li a .inside_news_time .inside_news_time2{
    display: block;
}
.inside_news ul li a .inside_news_pic{
    width: 20%; height: 220px; overflow: hidden;
}
.inside_news ul li a .inside_news_pic img{
    width: 100%;
}
.inside_news ul li a .inside_news_txt{
    width: 65%;
}
.inside_news ul li a .inside_news_txt .inside_news_txt_title{
    font-size: 24px;
}
.inside_news ul li a .inside_news_txt p{
    line-height: 1.8; padding: 15px 0 30px 0; color:#999
}
.inside_news ul li a .inside_news_txt em{
    display: inline-block; padding:10px 30px; background:#dc2e38; color:#fff; transition:all 0.5s; font-style: normal; border-radius: 10px;
}
.eafa-pager{
    padding: 80px 0; text-align: center;
}
.eafa-pager ul li{
    display: inline-block; padding: 10px 20px; border: 1px solid #eee; border-radius: 10px; margin: 0 20px;
}
.products_list ul{
    display: flex; flex-flow: row wrap;
}
.products_list ul li{
    width:32%; margin-right: 2%; margin-bottom: 2%;
}
.products_list ul li:nth-child(3n){
    margin-right: 0;
}
.products_list ul li .pro_pic{
    overflow: hidden;
}
.products_list ul li .pro_pic a{
    display: block; background-size: cover; background-position: center; position: relative; padding-bottom:70%; transition: all 0.5s;
}
.products_list ul li .pro_pic a:hover{
    transform: scale(1.1,1.1);
}
.products_list ul li .pro_pic a img{
    position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0;
}
.products_list ul li .pro_txt{
    background: #f5f5f5; line-height: 1.8;
}
.products_list ul li .pro_txt a{
    display: block; padding: 15px;
}
.products_list ul li .pro_txt a .pro_title{
    font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.products_list ul li .pro_txt a .pro_p{
    color:#999
}
.eafa-prod-detail{
    display: flex; flex-flow: row wrap; justify-content: space-between;
}
.eafa-prod-detail .left-zone{
    width: 50%;
}
.eafa-prod-detail .left-zone .imgList-4{
    display: flex; width: 100%; flex-flow: row wrap;
}
.eafa-prod-detail .left-zone .imgList-4 li{
    width: 19%; margin-right: 1.25%;
}
.eafa-prod-detail .left-zone .imgList-4 li a{
    display: block; padding-bottom:100%; position: relative; overflow: hidden;
}
.eafa-prod-detail .left-zone .imgList-4 li a img{
    position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);
}
.eafa-prod-detail .left-zone img{
    width: 100%; display: block;
}
.eafa-prod-detail .right-zone{
    width: 45%; line-height: 1.8;
}
.eafa-prod-detail .right-zone .paraShowTitle{
    padding-bottom: 30px; font-size: 30px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;
}
.eafa-prod-detail .right-zone .paraShowTitle span{
    width:60%; color:#111;
}
.eafa-prod-detail .right-zone .paraShowTitle em{
    width:38%;
}
.eafa-prod-detail .right-zone .paraShowIntro{
    padding-top: 30px;
}
.detail-img-3{
    padding-top:50px;
}
.detail-img-3 img{
    display: block; margin: 0 auto; max-width: 100%;
}
.inside-banner-zone{
    position: relative;
}
.inside-banner-zone .inside-banner-title{
    display: flex; position: absolute; left:0; top:0; text-align: center; align-items: center; z-index: 3; color:#fff; width:100%; height: 100%; flex-direction:column; justify-content: center;
}
.inside-banner-zone .inside-banner-title h1{
    font-size: 60px;
}
.inside-banner-zone .inside-banner-title h2{
    font-size: 20px; letter-spacing: 2px; font-family: Arial; padding-top: 10px;
}
.join-common-title{
    text-align: center;
}
.join-common-title h1{
    font-size: 28px;
}
.join-common-title h2{
    padding-top: 10px; font-size: 18px;
}
.join-reasons ul{
    display: flex; justify-content: space-between; flex-flow: row wrap; padding:40px 0 0 0;
}
.join-reasons ul li{
    width:32%; padding: 30px 50px; text-align: center; margin-bottom: 20px; color:#fff; background-size:cover; background-position: center; background-color: rgba(0,0,0,0.5);
}
.join-reasons ul li figure{
    font-size: 22px; font-weight: bold; padding-top: 10px;
}
.join-reasons ul li figcaption{
    padding-top: 10px; line-height: 1.8;
}
.join-seven-sys{
    padding: 80px 0 0 0; background: url(../img/join-seven.jpg) center/cover no-repeat; color:#fff;
}
.join-seven-sys ul{
    display: flex; flex-flow: row wrap; color:#fff; justify-content: space-between; padding: 60px 0 80px 0;
}
.join-seven-sys ul a{
    display: flex; flex-direction:column; justify-content: center; height: 100%; text-align: center; color:#fff; padding: 20px;
}
.join-seven-sys ul a h1{
    font-size: 22px;
}
.join-seven-sys ul a h2{
    padding-top: 10px; line-height: 1.8;
}
.join-seven-sys ul li{
    width:20%; background:rgba(255,255,255,0.5);
}
.join-seven-sys ul dl{
    width:78%; display: flex; flex-flow: row wrap; justify-content: space-between;
}
.join-seven-sys ul dl dd{
    width: 32%; background:rgba(255,255,255,0.5);
}
.join-seven-sys ul dl dd:nth-child(1),.join-seven-sys ul dl dd:nth-child(2),.join-seven-sys ul dl dd:nth-child(3){
    margin-bottom: 20px;
}
.eafa-honor-list{
    display: flex; flex-flow: row wrap;
}
.eafa-honor-list li{
    width: 24%; margin-right:1.333333%; margin-bottom: 3%;
}
.eafa-honor-list li:nth-child(4n){
    margin-right: 0;
}
.eafa-honor-list li a{
    display: block;
}
.eafa-honor-list li a:hover figure{
    box-shadow: 0 0 20px #ccc;
}
.eafa-honor-list li a figure{
    background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #eee; position: relative; padding-bottom: 100%; transition: all 0.5s;
}
.eafa-honor-list li a figure img{
    width: 100%; height: 100%; position: absolute; left:0; top:0; opacity: 0;
}
.eafa-honor-list li a p{
    text-align: center; padding:10px 0 0; font-size: 16px; color:#333;
}
.eafa-reco-news li{
    margin-bottom: 10px;
}
.eafa-reco-news li a{
    display: block; padding: 15px; border: 1px solid #eee;
}
.eafa-reco-news li a figure{
    position: relative; overflow: hidden; padding-bottom: 60%;
}
.eafa-reco-news li a figure img{
    width:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);
}
.eafa-reco-news li a figcaption{
    padding: 10px 0 0 0;
}
.eafa-sitemap{
    display: flex; justify-content: space-between; flex-flow: row wrap; padding: 30px; border: 1px solid #ddd;
}
.eafa-sitemap dl{
    width:14%; line-height: 2;
}
.eafa-history-list li{
    display: flex; justify-content: space-between;
}
.eafa-history-list li .year-101{
    font-size: 34px; color:#dc2e38; position: relative; padding: 30px 0; width:15%; justify-content: center; display: flex; align-items: center;
}
.eafa-history-list li .year-101:before{
    width:10px; height: 10px; content:''; position: absolute; right: -5px; top:50%; transform: translateY(-50%); border-radius: 50%; background: #dc2e38; z-index: 9;
}
.eafa-history-list li .year-101:after{
    content:''; position: absolute; right:0; top:0; height: 100%; width: 1px; background: #ddd;
}
.eafa-history-list li .event-101{
    padding: 30px 0; display: flex; width: 80%; align-items: center;
}
.eafa-history-list li .event-101 .event-pic{
    position: relative; width:25%; padding-bottom:15%; overflow: hidden; border-radius: 10px;
}
.eafa-history-list li .event-101 .event-pic img{
    position: absolute; left:0; top:50%; transform: translateY(-50%); width: 100%;
}
.eafa-history-list li .event-101 .event-intro{
    padding: 0 0 0 30px; font-size: 18px; color:#333; width:75%; line-height: 1.8;
}
.eafa-join-fixed-bottom{
    position:fixed; left:0; bottom:0; z-index: 88; width:100%; background: rgba(0,0,0,0.8); padding:20px 0;
}
.eafa-join-fixed-bottom .wrap-088{
    width:1200px; margin: 0 auto; display: flex; justify-content: space-between; color:#fff;
}
.eafa-join-fixed-bottom .wrap-088 .onleft{
    width:40%; line-height:1.6;
}
.eafa-join-fixed-bottom .wrap-088 .onleft hgroup p{
    font-size:18px; text-align: center;
}
.eafa-join-fixed-bottom .wrap-088 .onright{
    width:60%;
}
.eafa-join-fixed-bottom .wrap-088 .onright input{
    border: none; background: #fff; padding:10px; -webkit-appearance: none;
}
.eafa-join-fixed-bottom .wrap-088 .onright input.btn-088{
    color:#fff; background: linear-gradient(90deg,#f13a3a,#c11e27); border-radius:5px; padding:10px 20px; font-size: 18px;
}
/*END BY JAC*/


/* stayout */
.eafa-home-advantage{
    display: flex;
    margin-top: 30px;
}
.eafa-home-advantage .advantage-item{
    width: 25%;
    padding-right: 100px;
}
.eafa-home-advantage .top-icon{

}
.eafa-home-advantage .top-icon img{
    width: 50px;
    border: 2px solid #000;
    display: block;
    padding:  10px 10px;
}
.eafa-home-advantage .title{
    font-size: 24px;
    font-weight: 600;
    margin-top: 28px;
}
.eafa-home-advantage .remark{
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
}
.eafa-home-advantage .info{
    margin-top: 28px;
    color: #999;
    line-height: 1.5rem;
}
/* stayout end */