/**/

.fa_Ptitle {
    margin-bottom: var(--f50);
    text-align: center;
}

.fa_Ptitle h3 {
    font-size: var(--f24);
    color: #666;
    font-family: times new roman, times, serif;
    ;
}

.fa_Ptitle h5 {
    font-size: var(--f18);
    color: #555;
    font-family: times new roman, times, serif
}

.fa_Ptitle h3::after {
    content: "";
    height: 1px;
    width: 100px;
    background: #666;
    margin: 20px auto;
    display: block;
}

.fa_website .fa_li{
    padding-bottom:2vw;
    margin-bottom:2vw;
    border-bottom:#eee solid 1px;
    width: 100%;
}
.fa_website .fa_li a{
    color:inherit;
}
.fa_website .fa_li h3{
    font-size:var(--f20);
    color:#333;
    margin-bottom:15px;
}

.fa_website .fa_li p{
    font-size:16px; 
    color:#555;
}
.fa_website .fa_li p a{
    display: inline-block;
    margin-right:20px;
}
/**/

.fa_Pagecnt {
    overflow: hidden;
    min-height: 300px;
}

.fa_Pagecnt img {
    max-width: 100%;
    height: auto;
}

.fa_Pagecnt .fa_content {
    margin-top: 3vw;
}
.fa_Pagecnt  .fa_wrapper{
    max-width: 1200px;
}
/*--*/
.fa_About .fa_li{
    position: relative;
    margin-bottom:20px;
}
.fa_About .fa_li img{
   width:100%;
   min-height:200px;
   object-fit: cover;
   object-position: center; 
}
.fa_About .fa_li .fa_tit{
    position: absolute;
    left:0;
    right:0;
    bottom:5%;
    padding:20px;
    z-index:20;
    padding:10px;
    text-align: center;        color: #FFFFFF;
}
.fa_About .fa_li .fa_tit h3{

        font-size:var(--f30);
}
.fa_About .fa_li .fa_tit h5{
   
        font-size:var(--f20);
        margin:10px 0;
}
.fa_About .fa_li .fa_tit p{
    
        font-size:var(--f20);
}
.fa_About .fa_li a{
    color:#fff;
}
/**/

.fa_Newslist a {
    color: inherit;
}

.fa_Newslist .fa_li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.6s ease;

    margin-bottom: var(--f20);
    position: relative;
}

.fa_Newslist .fa_li .fa_Img {
    padding-bottom: 70%;
}

.fa_Newslist .fa_li .fa_right h3 {
    font-size: var(--f18);
    /* font-weight: bold; */
    color: #333;
font-family: Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜;
margin-top:2vw;
margin-bottom:20px;}

.fa_Newslist .fa_li .fa_right p {
  
    color: #333;
    font-size: 16px;
font-family: Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜;
}

.fa_Newslist .fa_li .fa_right p span{
    display:inline-block;
    font-size:14px;
text-decoration: underline;}
.fa_Newslist .fa_li .fa_right .fa_sum {
    font-size: 14px;
    color: #777;
    line-height: 24px;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2px;
    -webkit-box-orient: vertical;
    margin-bottom:3vw;
}


@media only screen and (max-width: 768px) {
    .fa_Newslist .fa_li {
        width: 100%;
    }
    .fa_Newslist .fa_li>div {
        width: 100%;
    }
    .fa_Newslist .fa_li .fa_link {
        display: none;
    }
    .fa_Newslist .fa_li .fa_right {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 769px) {
    .fa_Newslist .fa_li {
        width: 100%;
    }
    .fa_Newslist .fa_li .fa_left {
        width: 30%;
    }
    .fa_Newslist .fa_li .fa_right {
        width: 70%;
        padding-left: 3vw;
    }
}


/**/

.fa_Contact .fa_Ptitle {
    text-align: left;
}

.fa_Contact .fa_Ptitle h5::after {
    margin-left: 0;
}

.fa_Contact .fa_box {
    background: #f5f5f5;
}

.fa_Contact .fa_cnt dl {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
}

.fa_Contact .fa_cnt dl dt::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "iconfont";
    font-size: 20px;
    color: var(--main-color);
}

.fa_Contact .fa_cnt dl.fa_phone dt::before {
    content: "\e604";
}

.fa_Contact .fa_cnt dl.fa_mail dt::before {
    content: "\e611";
}

.fa_Contact .fa_cnt dl.fa_add dt::before {
    content: "\e618";
}

.fa_Contact .fa_cnt dl dt {
    font-size: 16px;
    color: var(--tit-color);
    margin-bottom: 10px;
}

.fa_Contact .fa_cnt dl dd {
    font-size: 14px;
    color: var(--sum-color);
}

@media only screen and (min-width: 769px) {
    .fa_Contact .fa_l {
        width: 40%;
        padding: 2vw;
    }
    .fa_Contact .fa_r {
        width: 60%;
    }
}

@media only screen and (max-width: 769px) {
    .fa_Contact .fa_flexwrap>div {
        width: 100%;
        padding: 20px;
    }
}


/**/

.fa_Message {
    background: #f5f5f5;
}

.fa_Message .fa_form {
    margin-top: 30px;
}

.fa_Message input {
    background: transparent;
    color: #999;
    line-height: 32px;
    padding: 0 20px;
    width: 100%;
    background: #fff;
    border: none;
}

.fa_Message textarea {
    background: transparent;
    background: #fff;
    border: none;
    color: #999;
    min-height: 160px;
    width: 100%;
    max-height: 200px;
    padding: 20px;
}

.fa_Message div {
    margin-bottom: 10px;
    text-align: center;
}

.fa_Message .fa_flexline input {
    width: calc(100% - 120px);
}

.fa_Message .fa_flexline input img {
    width: 120px;
}

.fa_Message .fa_submitbox {
    text-align: center;
}

.fa_Message .fa_submit {
    background: var(--main-color);
    display: inline-block;
    width: 80%;
    max-width: 240px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border: none;
    border-radius: 500px;
    padding: 5px 20px;
    margin: 20px auto 0;
}


/**/

.fa_Search .fa_li {
    background: #f5f5f5;
}

.fa_Search .fa_li .fa_Img {
    padding-bottom: 70%;
}

.fa_Search .fa_li .fa_tit {
    padding: 15px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    text-align: center;
}


/**/

.fa_Pro .fa_li {
    display: block;
    background: #f7f7f7;
}

.fa_Pro .fa_li .fa_Img {
    background: #fbe6ef;
}

.fa_Pro .fa_li .fa_info {
    padding: var(--f30);
    text-align: center;
    transition: all 0.5s;
}

.fa_Pro .fa_li .fa_info h3 {
    font-size: var(--f18);
    color: #333;
    transition: all 0.5s;
    position: relative;
}

.fa_Pro .fa_li .fa_info h3:after {
    height: 1px;
    transition: all 0.5s;
    content: "";
    width: 80px;
    background: #666;
    margin: 15px auto;
    display: block;
}

.fa_Pro .fa_li:hover .fa_info h3:before {
    width: 100%;
    transition-delay: 0.2s;
}

.fa_Pro .fa_li .fa_info p {
    font-size: 15px;
    color: #333;
}

@media only screen and (max-width: 768px) {
    .fa_Pro .fa_li {
        width: 100%;
        margin-top: 20px;
    }
    .fa_Pro .fa_li .fa_Img {
        padding-bottom: 60%;
    }
}

@media only screen and (min-width: 769px) {
    .fa_Pro .fa_li {
        width: calc((100% - 25px) / 2);
        margin-top: 25px;
        float: left;
    }
    .fa_Pro .fa_li:nth-child(2n) {
        margin-left: 25px;
        float: right;
    }
    .fa_Pro .fa_li .fa_Img {
        padding-bottom: 120%;
    }
    .fa_Pro .fa_li:nth-child(3n+1) .fa_Img {
        padding-bottom: 60%;
    }
}


/**/

.fa_Pro_nav {
    position: sticky;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: #ddd solid 1px;
    z-index: 99;
}

.fa_Pro_nav .fa_wrapper {
    height: 60px;
    align-items: center;
}

.fa_Pro_nav .fa_wrapper a.yuyue {
    background: #ccbeae;
    color: #fff;
    width: 80px;
    text-align: center;
    line-height: 30px;
    display: block;
    border-radius: 500px;
    font-size: 14px;
}

 .fa_Banner_dt img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}

.fa_Prodt .fa_content .fa_tit {
    text-align: center;
    padding: 5vw 0 3vw;
}

.fa_Prodt .fa_content .fa_tit h2 {
    font-size: 20px;
    color: #696969;
    font-family: courier new, courier, monospace;
    font-weight: normal;
}

.fa_Prodt .fa_content .fa_tit h5 {
    font-size: 14px;
    color: #696969;
    font-family: courier new, courier, monospace;
    font-weight: normal;
    margin-top: 30px;
}

.fa_Prodt .fa_content .fa_tit h5:after {
    content: "";
    margin: 5px auto;
    background: #666;
    width: 62px;
    height: 1px;
    display: block;
}

.fa_Prodt .fa_content .fa_cnt img {
    max-width: 100%;
    height: auto;
}

.fa_Prodt .fa_content .fa_pics {
    margin-top: 5vw;
}

.fa_Prodt .fa_content .fa_pics img {
    width: 100%;
    margin-bottom: 20px;
}

.fa_Prodt .fa_content .fa_pics .fa_pic_tit {
    margin-bottom: 3vw;
}

.fa_Prodt .fa_content .fa_pics .fa_pic_tit h3 {
    font-size: var(--f40);
}

.fa_Prodt .fa_content .fa_pics .fa_pic_tit p {
    font-size: var(--f30);
    font-family: times new roman, times, serif;
}

@media only screen and (min-width: 769px) {
    .fa_Prodt .fa_content .fa_pics1 {
        flex-direction: row-reverse;
        align-items: flex-end;
    }
    .fa_Prodt .fa_content .fa_pics1 {
        margin-bottom: 20px;
    }
    .fa_Prodt .fa_content .fa_pics1 .fa_l {
        width: 40%;
    }
    .fa_Prodt .fa_content .fa_pics1 .fa_r {
        width: 60%;
        padding-right: 3vw;
    }
}

@media only screen and (max-width: 769px) {
    .fa_Pro_nav .fa_wrapper>div:nth-child(1) {
        display: none;
    }
}
/**/
.fa_Team .fa_content{
    text-align: center;
    margin:3vw 0;
}
.fa_Team .fa_content h3{
    font-size: 20px;    color: #696969;
}
.fa_Team .fa_content h3:after{
   content:"";
   margin: 20px auto;
   height:1px;
   background: #666;
   width: 62px;
   display: block;
}
.fa_Team .fa_content h5{ 
    font-size: 14px;    color: #696969;
}
.fa_Team .fa_content p{
    font-size: 14px;    color: #696969;
    line-height:3;
    margin-top:3vw;
}
.fa_Team .fa_list .fa_li{
    width: 100%;
margin-top: 3vw;}
.fa_Team .fa_list .fa_li h2{
        font-size: var(--f40);
}
.fa_Team .fa_list .fa_li h6{
    font-size:var(--f20);
    font-weight:bold;
}
.fa_Team .fa_list .fa_li h6:after{
    content:"";
    margin:10px auto;
    display:block;
    background:#333;
    height:1px;
    width:60px;
    
}
.fa_Team .fa_list .fa_li p{
    line-height:2.5;
    font-size:14px;
    margin-top:20px;
    
}
@media only screen and (min-width: 769px) {
    
.fa_Team .fa_list .fa_li{
display: flex;
align-items: center;}
.fa_Team .fa_list .fa_li .fa_left{
    width:60%;
}

.fa_Team .fa_list .fa_li .fa_right{
    width:40%;
    text-align: center;
    padding:0 1vw;
}
.fa_Team .fa_list .fa_li:nth-child(2n){
flex-direction: row-reverse;
}
}
/**/
.fa_address .fa_list {
    background: #f7f5f6;
    padding: 2vw;
}

.fa_address .fa_li {
    background: #ffffff;
    padding: 20px;
}

.fa_address .fa_li .fa_Img {
    padding-bottom: 60%;
}

.fa_address .fa_li .fa_info {
    margin-top: 20px;
    text-align: center;
}

.fa_address .fa_li h3 {
    color: #CCBEAE;
    font-size: var(--f20);
    line-height: 2;
}

.fa_address .fa_li p i {
    margin-right: 10px;
}

.fa_address .fa_li p {
    line-height: 24px;
    color: #5A5858;
    font-size: 14px;
    margin-top: 10px;
}


/*------*/

.fa_show .fa_list {
    margin-top: 2vw;
}

.fa_show .fa_list .fa_li {
    position: relative;
}

.fa_show .fa_list .fa_li .fa_Img {
    padding-bottom: 80%;
}

.fa_show .fa_list .fa_li .fa_cnt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: var(--f30);
}

.fa_show .fa_list .fa_li h3 {
    color: #fff;
    font-size: var(--f18);
    text-align: center;
}

.fa_show .fa_list .fa_li h3:after {
    content: "";
    margin: 10px auto;
    display: block;
    background: #fff;
    width: 100px;
    height: 1px;
}

.fa_picshow .fa_li {
    position: relative;
}

.fa_picshow .fa_Img {
    padding-bottom: 80%;
}

@media only screen and (max-width: 769px) {}

@media only screen and (min-width: 769px) {}


/**/

 .fa_contact .fa_li{
     margin-top:3vw;
 }
    .fa_contact .fa_li .fa_pic img{
        width:100%;
    }
 .fa_contact .fa_li p{
     font-size:14px;
     line-height:3;
     color:#777;
 }
.fa_contact .fa_li p i{
    margin-right:10px;
}
.fa_form_order {
    background: #cbbead;
}
.fa_form_order  .fa_right{
    padding:2vw;
    text-align: center;
}
.fa_form_order  .fa_right h3 img{
    width: auto;
    max-width: 60%;
}
.fa_form_order  .fa_right p{
    font-size:12px;
    color:#000;
}
.fa_form_order  form{
    max-width:250px;
    margin:30px auto;
    
}
 .fa_form_order  form>div{
     margin:10px 0;
 }
 .fa_form_order  form select{   width:100%;
     font-size:12px;
     height:30px;
     line-height:30px;
     padding:0 15px;
                            }
 .fa_form_order  form input{
     width:100%;
     font-size:12px;
     height:30px;
     line-height:30px;
     padding:0 15px;
 }
.fa_form_order  form  button{
     font-size:12px;
     height:30px;
     line-height:30px;
     padding:0 15px;
    color:#fff;
    background:#333;
    border:none;
    width:100%;
}
@media only screen and (min-width: 769px) {
   .fa_contact .fa_li{
       display: flex;
       
   align-items: center;}
     .fa_contact .fa_li .fa_pic{
         width:40%;
     }
     .fa_contact .fa_li .fa_cnt{
         width:60%;
         padding-left:30px;
     }
     .fa_form_order  .fa_left{
         width:60%;
     /* height: 100%; */}
    .fa_form_order  .fa_left .fa_Img{
              height:100%;
          width: 100%;}
      .fa_form_order  .fa_right{
         width:40%;
     }
}

@media only screen and (max-width: 768px) {
    .fa_contact .fa_li .fa_cnt{
        padding:20px;
    } .fa_form_order  .fa_left .fa_Img{
              padding-bottom:60%;
          }
            .fa_form_order  .fa_flexwrap>div{
                width:100%;
            }
}
