.container {
    max-width: 1330px;
}
body * {
    transition: all 200ms;
    
}
body {
    -webkit-text-size-adjust: 100% !important;
}
a{
    text-decoration: none !important;
}
p{
    margin: 0;
}
h1 {
    margin-bottom: 0;
    font-size: 0;
}
a:hover {
    color: #112522;
}
/* 
#0b0b37 黑色
#f3f3f7 白灰色
#7b4dd6 紫色 */
.th_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.top_head {
    background: #fafafa;
}

.th_left {
    font-size: 14px;
    color: #333333;
}
.th_left a:hover {
    color: #359aaa;
}
.th_left a {
    color: #333333;
}
.th_right a {
    font-size: 14px;
    color: #333333;
}
.th_right a:hover {
    color: #359aaa;
}

.th_right span {
    font-size: 14px;
    color: #333333;
}

.top_header_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}

.top_header {
    background: #ffffff;
    height: 80px;
    line-height: 80px;
}

.moblies {
    display: none;
}

.logo {
    width: 20%;
}
.stick {
    position: fixed;
    top: 0;
    z-index: 10710;
    width: 100%;
    -webkit-box-shadow: 0 5px 40px -2px rgb(7 0 2 / 15%);
    box-shadow: 0 5px 40px -2px rgb(7 0 2 / 15%);
}
.tp_navs {
    width: 70%;
    display: flex;
    justify-content: space-between;
}
.index_search form {
    display: flex;
    height: 80px;
    align-items: center;
    width: 100%;
    position: relative;
}
.index_search input {
    height: 35px;
    border-radius: 4em;
    border: 1px solid #f2f2f2;
    width: 100%;
    padding-left: 26px;
    color: #112522;
    outline: none;
    font-size: 12px;
    line-height: 35px;
}

.index_search {
    width: 25%;
}

.index_search button {
    width: 15%;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0px;
    background: #ffffff;
    border-top-right-radius: 4em;
    border-bottom-right-radius: 4em;
    border: 1px solid #f2f2f2;
    border-left: none;
    outline: none;
}
.logo img {
    width: 100%;
}
.tp_navs_item a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.tp_navs_item.active a {
    color: #369aaa;
    display: block;
    font-weight: 600;
    border-bottom: 4px solid #369aaa;
}
.tp_navs_item {
    width: 10%;
    height: 76px;
    line-height: 76px;
}
.tp_navs_item a:hover {
    display: block;
    border-bottom: 4px solid #369aaa;
    color: #359aaa;
    font-weight: 600;
}
.banner_img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.home_banner .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #f3f3f7;
    opacity: 1;
}
.home_banner .swiper-pagination-bullet-active {
    width: 22px;
    opacity: 1;
    background: rgb(53 154 170);
    border-radius: 4px;
}
.index_mg{
    padding: 70px 0;
}
.index_service {
    background: linear-gradient(#ffffff, rgb(108 194 44));    
}
.index_title_zn {
    font-size: 34px;
    color: #112522;
}
.index_title_en {
    font-size: 14px;
    color: #7e8684;
}
.index_case_nav {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}
.index_service_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.index_service_left {
    width: 50%;
}
.index_service_right {
    width: 48%;
    padding-top: 110px;
}
.isl_titl {
    margin-top: 30px;
    font-size: 48px;
    margin-bottom: 30px;
}
.index_case_nav span {
    font-size: 14px;
    padding: 0 10px;
    color: #9fa19f;
}
.index_case_nav a  {
    font-size: 14px;
    padding: 0 10px;
    color: #9fa19f;
}

.index_case_nav a:hover {
    color: #17997e;
}
.index_case_flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.index_case_box {
    width: 32%;
    margin-bottom: 2%;
    margin-right: 2%;
}
.index_case_box:nth-child(3n) {
    margin-right: 0;
}
.index_case_box img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.index_case_titfg {
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.ict_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    color: #1b2b2a;
}

.ict_fg {
    width: 25%;
    text-align: end;
    color: #444;
}
.index_case_titfg:hover {
    background: #00ae66;
}

.index_case_titfg:hover .ict_title {
    color: #ffffff;
}
.index_case_titfg:hover .ict_fg {
    color: #ffffff;
}
.index_case_a a {
    width: 220px;
    height: 50px;
    margin: 40px auto 0;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    display: block;
    background: #00ae66;
}
.index_case_a a:hover {
    border-radius: 25px;
}

.index_course_flex {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
}

.index_course_box {
    width: 24%;
    margin-top: 50px;
}

.index_course_box p:nth-child(2) {
    font-size: 16px;
    color: #112522;
    margin: 20px 0 10px;
}

.index_course_box p:nth-child(3) {
    font-size: 14px;
    color: #999999;
}

.index_course_box p:nth-child(4) {
    font-size: 14px;
    color: #999999;
}

.index_design {
    background: #fafafa;
}

.index_design_box img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.index_design_box {
    padding-top: 50px;
}

.index_design_introduce {
    background: #c79e68;
    padding: 15px;
}

.idi_flex {
    display: flex;
    justify-content: space-between;
}

.idi_flex p {
    font-size: 14px;
    color: #ffffff;
}
p.id_style {
    font-size: 15px;
    color: #fafafa;
    padding-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_introduction_flex {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}

.index_introduction_box {
    background: #ffffff;
    width: 32%;
    margin-top: 50px;
    padding: 15px;
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
}

.index_introduction_cat img {
    width: 100%;
}
h3.index_introduction_title {
    color: #b5b5b5;
    font-size: 14px;
    margin: 15px 0;
    font-weight: normal;
}
.index_introduction_list a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.index_introduction_list img {
    width: 38%;
    border-radius: 6px;
    height: 90px;
    object-fit: cover;
}
.index_introduction_list span {
    display: block;
    font-size: 16px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 15px;
    color: #112522;
}
.index_introduction_list i {
    font-size: 14px;
    font-style: normal;
    color: #777;
}
.index_introduction_list p {
    width: 58%;
}

.index_introduction_list {
    margin-bottom: 15px;
}
.index_customized {
    background: #ffffff;
}
.index_customized_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
}
.index_customized_left {
    width: 65%;
}
.index_customized_left img {
    width: 100%;
}
.index_customized_form {
    width: 32%;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
}
.quote-title {
    background: #373737;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
}
.quote-type {
    height: 50px;
    line-height: 50px;
    background: #00ae66;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}
.quote-input input{width: 100%; height: 47px; border: 1px solid #eee; border-radius: 5px; text-indent: 10px; font-size: 14px; margin-top: 12px; outline: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.quote-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.quote-btn a {
    height: 47px;
    width: 48%;
    line-height: 47px;
    background: #919191;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    margin-top: 27px;
}
.quote-btn input {
    height: 47px;
    margin-top: 27px;
    outline: none;
    width: 48%;
    border: none;
    border-radius: 5px;
    background: #c79e68;
    color: #ffffff;
}
.quote_h3 {
    font-size: 14px;
    margin-top: 12px;
    color: #666;
}



.isl_titl span {
    color: #e60012;
}

.isl_titl i {
    font-style: normal;
    color: #6e3b32;
}
.isr_tit {
    font-size: 30px;
    color: #e60012;
}
.isr_tit {
    font-size: 30px;
    color: #67645d;
    padding-left: 1em;
}

.isr_remark p {
    text-indent: 2em;
    margin-top: 15px;
    line-height: 2;
    font-size: 18px;
}
.isl_img img {
    width: 100%;
    height: 375px;
    object-fit: cover;
}

.index_product_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ipf_item {
    width: 48%;
    margin-top: 60px;
}

.ipf_item img {
    width: 100%;
    height: 370px;
    margin-bottom: 15px;
    object-fit: cover;
}

.ipf_item p {
    font-size: 18px;
    color: #333;
}

.ipf_item span {
    font-size: 14px;
    color: rgb(106 103 98 / 53%);
}
.index_swiper_product {
    background: #f6f5fa;
}

.ps_box img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.ps_box {
    background: #ffffff;
    padding: 15px;
    border-radius: 6px;
}
.ps_box p {
    color: #666;
    text-align: center;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ps_box:hover p {
    color: #000;
}
.index_news {
    background: #ffffff;
}
.index_news_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_news_item {
    width: 48%;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
.index_news_item:hover {
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
}
.ini_title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ini_remark {
    font-size: 14px;
    color: #666;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ini_addtime {
    padding-top: 15px;
    font-size: 14px;
    color: #9e9e9e;
}

.ini_addtime span {
    padding-right: 60px;
}

.ini_addtime span:last-child {
    margin-right: 0;
}
.index_news_item:last-child {
    border-bottom: none;
}
.index_news_item:nth-child(5) {
    border-bottom: none;
}
.index_contact {
    background: #f6f5fa;
}
.index_contact_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.icf_box {margin-top: 30px;}
.icf_box p:first-child {
    color: #000000;
    font-size: 18px;
}
.icf_box {
    color: #666;
}
.index_contact_map {
    margin-top: 30px;
}
.index_contact_map img {
    width: 100%;
}
.index_link {
    background: #252832;
    padding: 30px 0;
    border-bottom: 1px solid #454444;
}
.index_link_flex span {
    font-size: 14px;
    color: #666;
}
.index_link_flex a {
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}
.pc_footer {
    background: #252832;
    padding: 40px 0;
}
.pc_footer_xx {
    background: #252832;
    border-top: 1px solid #454444;
}
.pc_footer_flex {
    display: flex;
    justify-content: space-between;
}
.pc_footer_a a {
    font-size: 14px;
    color: #949498;
    display: block;
    margin-top: 15px;
}
.pc_footer_box:nth-child(3):before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
}

.pc_footer_box {
    position: relative;
    width: 30%;
}

.pc_footer_box:nth-child(3):after {
    content: '';
    width: 0;
    height: 95%;
    border-right: 1px solid #222229;
    position: absolute;
    right: 1px;
    top: 5px;
}
.pc_footer_title {
    color: #ffffff;
    font-size: 18px;
}
.pc_footer_box:nth-child(1) .pc_footer_a a {
    width: 100%;
}
.pc_footer_box:nth-child(1) .pc_footer_a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pc_footer_box:nth-child(5) {
    width: 20%;
}

.pfw {
    width: 45%;
    margin-top: 15px;
}
.pfw img {
    width: 100%;
    padding: 2px;
    background-image: linear-gradient(
0deg
, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #ffffff1a;
    border-radius: 4px;
}
.pc_footer_weixin {
    display: flex;
    justify-content: space-between;
}
.pc_footer_box:nth-child(1) {
    width: 10%;
}

.pc_footer_box:nth-child(2) {
    width: 10%;
}
.pc_footer_box:nth-child(3) {
    width: 10%;
}
.pfw p {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    margin-top: 5px;
}
.pc_footer_box:nth-child(4):before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
}
.pc_footer_box:nth-child(4):after {
    content: '';
    width: 0;
    height: 95%;
    border-right: 1px solid #222229;
    position: absolute;
    right: 1px;
    top: 5px;
}
.footer_bottom {
    background: #252832;
    border-top: 1px solid #454444;
}
.footer_ovg {
    text-align: center;
    color: #d8dae4;
    font-size: 14px;
    padding: 10px 0;
}
.footer_ovg a {
    font-size: 14px;
    color: #d8dae4;
}

.pc_footer_xx_flex {
    color: #949494;
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 15px 0;
}
.icp a {
    color: #949494;
    padding-left: 10px;
}
.top_zd {
    position: fixed;
    right: 60px;
    z-index: 99999;
    bottom: 100px;
    width: 45px;
    height: 45px;
    border-radius: 6px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
    background: #f95a17;
    text-align: center;
    line-height: 45px;
    font-weight: 900;
}
.top_zd a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 900;
}

/* 产品列表 */

.curmbs {
    font-size: 14px;
    color: #666666;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}
.curmbs span:first-child {
    position: relative;
    padding-left: 15px;
}
.curmbs span:first-child:before {
    content: "";
    left: 0;
    width: 4px;
    height: 18px;
    -webkit-border-radius: 50em;
    border-radius: 50em;
    position: absolute;
    top: 0px;
    background: #f95a17;
}
.curmbs a {
    font-size: 14px;
    color: #666666;
}
.pro_list .ipf_item {
    margin-top: 0;
    margin-bottom: 30px;
}

.list_product {
    padding: 70px 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.lp_box {
    width: 23.5%;
    margin-right: 2%;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
    margin-bottom: 30px;
    border-radius: 6px;
}

.lp_box img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.lp_box:nth-child(4n) {
    margin-right: 0;
}
.lp_box p {
    color: #666;
    text-align: center;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main_warp {
    margin-bottom: 70px;
}
.pages {
    text-align: center;
    margin-top: 30px;
}
.pages a {
    padding: 6px 15px;
    display: inline-block;
    background: #ffffff;
    color: #383838;
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
    margin: 0 3px;
    border-radius: 4px;
}
.pages a.active {
    color: #ffffff;
    background: #f95a17;
}
.pages a:hover {
    color: #ffffff;
    background: #f95a17;
}
.list_article {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.la_box {
    width: 32%;
    padding: 15px;
    background: #ffffff;
    transition: 0.2s cubic-bezier(0, 0, 0.41, 1.87);
    box-shadow: 0 0 22px rgb(0 0 0 / 12%);
    border-radius: 6px;
    margin-right: 2%;
    margin-bottom: 30px;
}
.la_box img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.la_box:nth-child(3n) {
    margin-right: 0;
}
.la_box p.latit {
    font-size: 18px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0;
    display: block;
}
.la_box p.laremark {
    color: #666;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 10px;
}
.la_box p.addtime {
    font-size: 16px;
    color: #666666;
}
.la_box:hover {
    transform: translateY(0.5rem);
}
.la_box:hover p.latit {
    color: #e60012;
}
.info_pro_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.info_pro_right {
    width: 48%;
}
.info_pro_left {
    width: 50%;
}
.info_si_img img {
    height: 420px;
    object-fit: cover;
    width: 100%;
}
.info_turp_img img {
    height: 90px;
    object-fit: cover;
    width: 100%;
}
.gallery-thumbs {
    margin-top: 10px;
}
.info_pro_left  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}
.info_pro_left  .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
    left: 0px;
    right: auto;
}

.info_pro_left .btn {
    width: 45px;
    text-align: center;
    height: 90px;
    background: rgb(230 0 18 / 66%);
    padding-top: 0px;
    margin-top: -45px;
    line-height: 90px;
}
.info_pro_left .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    color: #ffffff;
}
.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.iprtit {
    font-size: 24px;
    color: #000101;
    margin-bottom: 30px;
}
.ipr_remark span {color: #3073F8;font-weight: 600;}

.ipr_remark {
    background: #f3f7ff;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 30px;
}
.ipr_remark p {
    line-height: 1.8;
    color: #464646;
}
.ipr_desprict {
    background: #ffeced;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 6px;
}
.ipr_desprict p.idtit {
    font-size: 18px;
    font-weight: 800;
    color: #FA5846;
    margin-bottom: 10px;
}
.ipr_desprict p {
    color: #464646;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.ipr_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ipa_tel span:first-child {
    display: block;
    font-size: 14px;
    color: #888;
}
.ipa_tel span:last-child {
    font-size: 30px;
    font-weight: 800;
    color: #fa5846;
    line-height: 1;
}
.ipa_what a {
    width: 120px;
     height: 35px;
     background: #FA5846;
     background: linear-gradient( 
 70deg
  , #fa5846, #ff7363);
     border-radius: 18px;
     text-align: center;
     line-height: 35px;
     font-size: 14px;
     color: #fefefe;
     display: block;
     text-decoration: none;
 }
 .pop-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}
.fcmask {
    height: 100%;
    top: 0;
    z-index: 2;
}
.fcmask, .poptips p {
    background-color: rgba(0, 0, 0, .6);
}
.fcmask, .poptips {
    width: 100%;
    position: fixed;
    left: 0;
}
.pop-wrap .pop-box {
    position: absolute;
    width: 260px;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
}
.pop-wrap .pop-box .pop-content-main {
    padding: 30px;
}
.pop-wrap .pop-box .close-pop {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .8rem;
    background-size: .9375rem .9375rem;
    cursor: pointer;
    transition: all .2s;
}
.close-pop:hover {
    color: #FA5846;
    transform: rotate(
180deg
);
}
.pop-wrap .pop-box .pop-content-main .tit {
    font-size: 22px;
    line-height: 22px;
    float: left;
    font-weight: 600;
}

.tcwx_img {
    margin-top: 40px;
    text-align: center;
}

.tcwx_img img {
    width: 200px;
    height: 200px;
}
.info_pro_xq {
    margin-top: 70px;
}
.ipx_title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #464646;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
}
.ipx_np {margin-top: 30px;border-top: 1px solid #f2f2f2;padding-top: 30px;}
.np_sx {
    margin: 15px 0;
}

.np_sx:last-child {
    margin-bottom: 0;
}

.np_sx:first-child {
    margin-top: 0;
}

.np_sx a {
    font-size: 16px;
    color: #444;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ipx_content img {
    max-width: 100% !important;
}
.ipx_like_title {
    font-size: 24px;
    font-weight: 600;
    color: #464646;
}

.ipx_like {
    margin-top: 70px;
}

.ipx_like .list_product {
    padding-top: 30px;
}
.news_info_head {
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px;
}
.nih_title {
    font-size: 24px;
    color: #0b0b38;
}
.nih_ztv {
    margin-top: 30px;
    font-size: 14px;
    color: #999999;
}
.nih_ztv i {
    display: inline-block;
    vertical-align: -1px;
}
.new_tag_title {
    font-size: 16px;
    color: #888;
    font-weight: normal;
    margin: 30px 0 15px;
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
}
.new_tag a {
    display: inline-block;
    white-space: nowrap;
    margin: 0 5px 10px 0;
    background: #f7f7f7;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 2.5;
    color: #888;
    border-radius: 4px;
}
.new_tag a:hover {
    background: #f95a17;
    color: #ffffff;
}
table {
    max-width: 100% !important;
}
.page_title {
    text-align: center;
    margin-bottom: 70px;
}
.page_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.page_box {
    width: 24%;
    text-align: center;
    padding-top: 70px;
}
.page_box p {
    font-size: 16px;
    background-color: #FFFFFF;
    color: #4B4B4B;
    font-weight: bold;
    margin-top: 20px;
}
.gust_form {
    background: #f6f5fa;
}
.gust_form h3.title {
    font-weight: 400;
    font-size: 14px;
    color: #727272;
    margin-bottom: 12px;
}
span.required_icon {
    color: red;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.gust_form .pfr_iput input {
    padding-bottom: 0;
    height: 40px;
    padding-left: 15px;
    background: #e8e7eb;
    border-bottom: none;
    color: #333333;
    border-radius: 4px;
}
.gust_form .pro_cont textarea {
    margin-top: 0;
    background: #e8e7eb;
    border-bottom: none;
    padding-top: 10px;
    padding-left: 12px;
    border-radius: 4px;
    color: #333333;
}

.gust_form .pro_cont {
    margin-top: 30px;
}
.gust_form button.pfr_btn {
    border-radius: 4px;
}

.index_case {
    background: #f6f5fa;
}
.index_case_nav a.active {
    color: #17997e;
}
.index_design_flex {
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    padding-top: 20px;
}

.index_design_flex .index_design_box {
    padding-top: 30px;
    width: 23.5%;
    margin-right: 2%;
}

.index_design_flex .index_design_box:nth-child(4n) {
    margin-right: 0;
}
.article_warp {
    background: #f3f3f3;
}
.article_left {
    width: 71%;
}

.article_right {
    width: 27%;
}
.article_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.article_newws_box a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.anb_img {
    width: 35%;
}

.anb_right {
    width: 62%;
}

.anb_img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.article_newws_box {
    background: #ffffff;
    padding: 25px;
    margin-bottom: 25px;
}
.anb_title {
    font-size: 18px;
    font-weight: 600;
    color: #112522;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.anb_time_view {
    border-bottom: 1px solid #00ae66;
    padding: 10px 0;
    margin-bottom: 10px;
}
.anb_time_view span {
    font-size: 14px;
    color: #999999;
}

.anb_time_view i {
    font-size: 14px;
    font-style: normal;
    padding-left: 15px;
    color: #00ae66;
}
.anb_remark {
    font-size: 14px;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
    margin: 20px 0 30px;
    color: #112522;
}

.anb_more {
    width: 145px;
    height: 35px;
    border: 1px solid #112522;
    background: #fff;
    margin-right: 20px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #112522;
}
.article_newws_box:hover .anb_title {
    color: #00ae66;
}
.article_newws_box:hover .anb_more {
    background: #00ae66;
    color: #ffffff;
    border: 1px solid #00ae66;
}
.article_newws_box:hover {
    box-shadow: 0 5px 10px #d2d0d0;
}
.news_acl_list {
    display: none;
}

.news_acl_list.on {
    display: block;
}
.article_right_side {
    background: #ffffff;
    padding: 25px;
    margin-bottom: 25px;
}
.article_cat {
    position: relative;
}
.news_acl_list .mores {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #999;
}
.article_cat_list {
    margin-bottom: 15px;
}

.article_cat_list a {
    color: #112522;
    padding-right: 15px;
}

.article_cat_list a.active {
    color: #00ae66;
}

.article_cat_list a:last-child {
    padding-right: 0;
}
.acl_box a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #112522;
}

.acl_box:last-child {
    margin-bottom: 0;
}
.acl_box {
    margin-bottom: 15px;
}
.article_cat_list a:hover {
    color: #00ae66;
}
.news_acl_list .mores:hover {
    color: #00ae66;
}
.acl_box a:hover {
    color: #00ae66;
}
.case_info {
    background: #ffffff;
    padding: 30px 30px 40px;
}
.case_info_title {
    font-size: 22px;
    font-weight: 600;
    color: #f95a17;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    overflow: hidden;
}
.case_info_time_view span {
    font-size: 14px;
    color: #999999;
}
.case_info_time_view {
    padding: 15px 0;
    text-align: center;
}
.case_info_time_view i {
    font-style: normal;
    color: #999999;
}
.case_info_content p {
    line-height: 1.8;
}
.case_info_content img {
    max-width: 100% !important;
}
.ci_like_tit a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ci_like_tit span:first-child {
    color: #112522;
}

.ci_like_tit span:last-child {
    color: #999999;
}
.ci_like_list a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cll_img {
    width: 40%;
}
.cll_title {
    width: 56%;
}
.cll_img img {
    width: 100%;
    height: 85px;
    object-fit: cover;
}
.ci_like_list {
    margin-top: 25px;
    position: relative;
}

.cll_title p:first-child {
    font-size: 14px;
    color: #112522;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
}
.cll_title p:last-child {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #00ae66;
    color: #ffffff;
    padding: 4px 8px;
}
.cll_title p:last-child:hover {
    background: #c79e68;
}
.page_warp {
    padding: 50px 0 70px;
    background: #fafafa;
}
.pages_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.page_left {
    width: 18%;
}

.page_right {
    width: 78%;
}
.page_nav {
    background: #00ae66;
    border-radius: 6px;
    padding-bottom: 40px;
}
.page_tx img {
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 50%;
    padding: 3%;
}

.page_tx {
    padding: 30px 0  20px;
}

.page_tx p {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    padding-top: 10px;
    font-weight: 600;
}
.page_tx i {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    display: block;
    font-style: normal;
}
.page_a a {
    display: block;
    text-align: center;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
}
.page_a a.active {
    background: #2fa568;
}
.page_titles span {
    font-size: 18px;
    color: #f95a17;
    font-weight: bold;
    padding-left: 15px;
    position: relative;
}
.page_titles span:before {
    content: "";
    left: 0;
    width: 4px;
    height: 18px;
    -webkit-border-radius: 50em;
    border-radius: 50em;
    position: absolute;
    top: 2px;
    background: #f95a17;
}
.page_titles {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.page_titles i {
    font-size: 14px;
    padding-left: 15px;
    color: #f95a17;
    font-style: normal;
}
.contact_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.contact_box a {
    display: block;
    text-align: center;
    color: #666666;
}

.contact_box img {
    width: 120px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.contact_box {
    width: 30%;
    position: relative;
}

.contact_box p {
    text-align: center;
    margin-top: 5px;
}

.contact_box a:nth-child(1),.contact_box a:nth-child(2) {
    font-size: 20px;
    color: #f00;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact_box:nth-child(1):after {
    content: '';
    width: 0;
    height: 100%;
    border-right: 1px solid #e8e8e8;
    position: absolute;
    right: 1px;
    top: 5px;
}
.contact_box:nth-child(1):before {
    content: '';
    width: 0;
    height: 100%;
    border-left: 1px solid #e8e8e8;
    position: absolute;
    right: 0;
    top: 5px;
}
.contact_box:nth-child(2):after {
    content: '';
    width: 0;
    height: 100%;
    border-right: 1px solid #e8e8e8;
    position: absolute;
    right: 1px;
    top: 5px;
}
.contact_box:nth-child(2):before {
    content: '';
    width: 0;
    height: 100%;
    border-left: 1px solid #e8e8e8;
    position: absolute;
    right: 0;
    top: 5px;
}
.contact_box:nth-child(1) {
    width: 40%;
}



.index_host_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
}
.index_host_left {
    width: 18%;
}
.index_host_right {
    width: 80%;
}
.index_host_cat {
    background: #f95a17;
    border-radius: 6px;
    padding-bottom: 40px;
}

.index_host_icon {
    padding: 30px 0  20px;
}

.index_host_icon img {
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 50%;
    padding: 3%;
}

.index_host_icon p {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    padding-top: 10px;
    font-weight: 600;
}

.index_host_icon i {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    display: block;
    font-style: normal;
}
.index_host_cat_a a {
    display: block;
    text-align: center;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
}
.index_host_more a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_host_more {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.index_host_more span:first-child {
    font-size: 16px;
    color: #f95a17;
    font-weight: bold;
    padding-left: 15px;
    position: relative;

}
.index_host_more span:last-child {
    font-size: 14px;
    color: #f95a17;
}
.index_host_more span:last-child:hover {
    color: #f95a17;
}
.index_host_more span:first-child:before {
    content: "";
    left: 0;
    width: 4px;
    height: 18px;
    -webkit-border-radius: 50em;
    border-radius: 50em;
    position: absolute;
    top: 4px;
    background: #f95a17;
}
.index_host_box_flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.index_host_box {
    width: 32%;
    margin-right: 2%;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 0 4px 0px rgb(0 0 0 / 12%);
    border-radius: 5px;
    margin-bottom: 2%;
}

.index_host_box img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.index_host_box:nth-child(3n) {
    margin-right: 0;
}

.index_host_box p {
    padding-top: 10px;
    font-size: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    text-align: center;
}
.index_host_box:hover {
    border-radius: 0;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 12%);
}

.index_host_box:hover p {
    color: #359aaa;
    font-weight: 600;
}
.index_bak {
    background: url(../img/bak.jpg) no-repeat center / cover;
    background-attachment: fixed;
}
.index_bak_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    flex-wrap: wrap;
}
.index_bak_box_img::before, .index_bak_box_img:after {
    content: "";
    border-top: 7px solid #d3d3d3;
    border-right: 7px solid #d3d3d3;
    border-left: 7px solid #359aaa;
    border-bottom: 7px solid #359aaa;
    border-radius: 50%;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.index_bak_box_img:after {
    content: "";
    border-top: 7px solid #d3d3d3;
    border-right: 7px solid #d3d3d3;
    border-left: 7px solid #359aaa;
    border-bottom: 7px solid #359aaa;
    transition: all linear 0.3s;
}
.index_bak_box:hover .index_bak_box_img:after {
    transform: rotate(135deg);
}
.index_bak_box_img {position: relative;width: 200px;height: 200px;line-height: 230px;text-align: center;background: #ffffff;border-radius: 50%;}
.busin_title {
    margin-top: 50px;
}
.busin_title p {
    font-size: 24px;
    text-align: center;
    color: #ffffff;
}
.index_bak_box strong {
    font-size: 22px;
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #359aaa;
}
.index_bak_box p {
    text-align: center;
    color: #ffffff;
}
.index_programme {
    background: #ffffff;
}
.index_programme_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 50px;
}

.index_programme_left {
    width: 49%;
}

.index_programme_right {
    width: 49%;
}

.index_programme_left img {
    width: 100%;
    height: 430px;
    object-fit: cover;
}
.swtbtn {
    background: #ffffff;
    border: 2px solid #359aaa;
    border-left: none;
    display: inline-block;
    margin: 30px auto 0;
    overflow: hidden;
    box-shadow: 0 7px 16px rgb(53 154 170 / 52%);
    transition: all linear 0.3s;
    font-size: 20px;
    height: 45px;
    line-height: 42px;
    padding-right: 30px;
}
.swtbtn a {
    background: #359aaa;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    transition: all linear 0.3s;
    padding: 0 30px;
}

.swtbtn i {
    padding-right: 5px;
}
.swtbtn span {
    padding-left: 30px;
    color: #359aaa;
}
.swtbtn:hover {
    transform: translateY(10px);
    border: 2px solid #f95a17;
    box-shadow: 0 7px 16px rgb(249 90 23 / 61%);
}
.swtbtn:hover a {
    background: #f95a17;
}
.swtbtn:hover span {
    color: #f95a17;
}
.index_ptg{
    padding-top: 70px;
}
.index_application {
    background: #f1f2f7;
}
.index_application_box {
    background: #ffffff;
}

.index_application_box img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.index_application_box p {
    text-align: center;
    color: #333333;
    display: block;
    padding: 10px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_message_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.index_message_left {
    width: 69%;
    background: #f1f2f7;
    padding: 25px;
}

.index_message_right {
    width: 29%;
    background: #f1f2f7;
    padding: 25px;
}
.index_message_news {
    position: relative;
}
.index_message_list {
    display: none;
}
.index_message_list.on {
    display: block;
}
.index_message_news a.more {
    position: absolute;
    top: 0;
    right: 0;
    color: #f95a17;
}
.index_message_cat {
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(213 227 234);
    margin-bottom: 25px;
}
.index_message_cat a {
    color: #333333;
    font-weight: 600;
    padding-right: 30px;
}

.index_message_cat a:last-child {
    padding-right: 0;
}

.index_message_cat a.active {
    color: #f95a17;
}
.index_message_big a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.imb_img {
    width: 30%;
    height: 180px;
    overflow: hidden;
}
.imb_img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.imb_right {
    width: 68%;
}
.imb_title {
    font-size: 18px;
    font-weight: 600;
    color: #112522;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.imb_remark {
    font-size: 14px;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 22px;
    margin: 20px 0 30px;
    color: #112522;
}
.img_addtime {
    color: #999999;
    font-size: 16px;
}
.index_message_box_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.index_message_box {
    width: 48%;
    border-bottom: 1px solid #d5e3ea;
    padding-top: 15px;
    padding-bottom: 15px;
}

.index_message_box a {
    display: flex;
    justify-content: space-between;
}

.index_message_box:nth-child(7),.index_message_box:nth-child(8) {
    border-bottom: none;
}
.index_message_big:hover .imb_title {
    color: #f95a17;
}

.index_message_big:hover .imb_img img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}
.index_message_box span {
    color: #333333;
}

.index_message_box:hover {
    background: #f95a17;
    padding: 15px;
}

.index_message_box:hover span {
    color: #ffffff;
}
.index_message_box span:first-child {
    width: 73%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_message_box span:last-child {
    width: 25%;
    text-align: end;
}
.imr_title a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.imr_title span:last-child {
    color: #f95a17;
}

.imr_title span:first-child {
    color: #333333;
    font-weight: 600;
}

.imr_title {
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(213 227 234);
    margin-bottom: 25px;
}
.imr_list {
    border-bottom: 1px solid #d5e3ea;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
p.answer {
    display: block;
}
p.answer i {
    display: inline-block;
    font-style: normal;
    background: #f95a17;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    font-size: 14px;
}
p.answer {
    display: block;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    margin-bottom: 26px;
}
p.question {display: block;font-size: 15px;display: -moz-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666666;}

p.question i {
    display: inline-block;
    font-style: normal;
    background: #359aaa;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
}
.imr_list:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.index_host_cat_a a:hover {
    background: #ff9800;
}

.footer_moblise {
    display: none;
}

.index_host_warp .index_host_flex {
    margin-top: 0;
}
.pro_pg {
    padding: 30px 0;
}
.index_host_side {
    background: #f95a17;
    margin-top: 20px;
    border-radius: 6px;
}
.ihs_title {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    padding-top: 10px;
    font-weight: 600;
}
.ihs_box_list {
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
    margin: 15px;
}

.ihs_box_list img {
    width: 100%;
    height: 135px;
    object-fit: cover;
}

.ihs_box_list p {
    background: #ffffff;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333333;
    padding-top: 10px;
}

.ihs_box {
    padding-bottom: 20px;
}

.ihs_box_list:last-child {
    margin-bottom: 0;
}
.ish_contact {
    padding: 15px 15px 5px;
}

.ish_contact p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.ish_contact span {
    display: block;
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
}
.ihs_box_list:hover {
    border-radius: 0;
    box-shadow: 0 0 20px 0px #359aaa7d;
}
.recommend_list {
    margin-top: 50px;
    border: 1px solid #e8e8e8;
    padding: 15px;
}
.recommend_list_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recommend_list_item {
    width: 48%;
    margin-bottom: 20px;
}

.recommend_list_item a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.recommend_list_item span:first-child {
    width: 69%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color: #333333;
}

.recommend_list_item span:first-child:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #494949;
    display: inline-block;
    vertical-align: 3px;
    margin-right: 10px;
    transition: all linear 0.3s;
    border-radius: 50%;
}
.recommend_list_item span:last-child {
    font-size: 16px;
    color: #666666;
}

.recommend_list_item:hover {
    padding: 0px 5px;
}

.recommend_list_item:hover span {
    color: #f95a17;
}

.recommend_list_item:hover span:first-child:before {
    background: #f95a17;
}
.recommend_list_box {
    width: 24%;
    border: 1px solid #e8e8e8;
    padding: 2px;
    margin-bottom: 15px;
}

.recommend_list_box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.recommend_list_box p {
    color: #333333;
    text-align: center;
    padding: 8px 0 6px;
    font-size: 14px;
    text-overflow: inherit;
    white-space: nowrap;
    overflow: hidden;
}
.index_host_cat_a a.active {
    background: #ff9800;
}
.articl_news_item {
    background: #fafafa;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 5px;
}
.ani_title {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ani_time_view {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    display: inline-block;
}

.ani_time_view span {
    color: #999999;
    font-size: 14px;
    padding-right: 15px;
}

.ani_time_view span:last-child {
    padding-right: 0;
    color: #9b9b9b;
}

.ani_remark {
    font-size: 14px;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
    color: #444444;
}
.articl_news_item:hover {
    border-radius: 0;
    box-shadow: 4px 4px 20px rgb(210 208 208 / 65%);
    background: rgb(255 249 247);
}
.articl_news_item:hover .ani_title {
    color: #f95a17;
}
.info_product .index_programme_flex {
    margin-top: 0;
    align-items: flex-start;
}
.info_product  .index_programme_left img {
    height: 340px;
    object-fit: cover;
}
.info_product .swiper-button-next, .swiper-button-prev {
    color: #f85a17;
}
.info_product .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
}

.info_product .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f85a17;
    width: 22px;
    border-radius: 4px;
    height: 8px;
}
.info_product .index_programme_right h2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

.info_product .index_programme_right h3 {
    font-size: 18px;
    color: #f95a17;
}
.info_product .index_programme_right p {line-height: 2;display: -moz-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.info_product .swtbtn {
    padding-right: 0;
    border-left: unset;
}

.info_product .swtbtn a {
    padding: 0 15px;
}
.info_product_contanct img {
    max-width: 100% !important;
}




.pfr_iput_flex {
    display: flex;
    justify-content: space-between;
}
.pro_cont textarea {
    width: 100%;
    margin-top: 30px;
    height: 95px;
    resize: none;
    background: #383838;
    border: none;
    border-bottom: 1px solid #949494;
    outline: none;
    color: #ffffff;
    font-size: 14px;
}
.pfr_iput input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #949494;
    background: #615b5b;
    outline: none;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 10px;
}

.pfr_iput {
    width: 30%;
}
button.pfr_btn {
    background: #f95a17;
    border: none;
    width: 30%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #ffffffff;
    margin-top: 15px;
    outline: none;
}
 h3.title {
    font-weight: 400;
    font-size: 14px;
    color: #727272;
    margin-bottom: 12px;
}
span.required_icon {
    color: red;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.pfr_iput input {
    padding-bottom: 0;
    height: 40px;
    padding-left: 15px;
    background: #e8e7eb;
    border-bottom: none;
    color: #333333;
    border-radius: 4px;
}
.pro_cont textarea {
    margin-top: 0;
    background: #e8e7eb;
    border-bottom: none;
    padding-top: 10px;
    padding-left: 12px;
    border-radius: 4px;
    color: #333333;
}

 .pro_cont {
    margin-top: 30px;
}
button.pfr_btn {
    border-radius: 4px;
}
.info_article .recommend_list {
    margin-top: 0;
}






/* 侧边客服 */


.kf_side {
    width:45px;
    position:fixed;
    z-index:990;
    top:50%;
    right:0;
}
.kf_side ul {
    padding-left: 0;
    font-style: normal;
    padding-inline-start: 0;
}
.kf_side li {
    padding-bottom:1px;
    position:relative;
    width:45px;
    list-style: none;
}
.kf_side li.frewm a {
    background-image:url(../img/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-77px -75px;
}
.kf_side li .frewm_hv {
    position:absolute;
    top:-53px;
    right:45px;
    display:none;
    padding-right:16px;
}
.kf_side li .frewm_hv img{ margin:0 auto;}
.kf_side li.frewm.on a {
    background-color:#FD7700;
}
.kf_side li .frewm_hv p {
    width:123px;
    height:123px;
    padding:7px;
    background:#fff;
    box-shadow:0 1px 6px 3px rgba(0,0,0,.05);
    position:relative;
}
.kf_side li .frewm_hv p:before {
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-left:10px solid #fff;
    border-bottom:10px solid transparent;
    position:absolute;
    right:-10px;
    top:50%;
    margin-top:-10px;
    content:"";
}
.kf_side li.qq_m {
    display:none;
}
.kf_side li a {
    display:block;
    background-color:#f95a17;
    color:#FFF;
    height:45px;
    width:100%;
}
.kf_side li a.kf_qq2 {
    height:auto;
}
.kf_side li a.kf_qq2 span {
    width:15px;
    padding:40px 15px 12px;
    text-align:center;
    display:block;
    font-size:14px;
    line-height:16px;
    background:url(../img/kf_ico.png) no-repeat -135px -74px;
}
.kf_side li a:hover {
    background-color:#FD7700
}
.kf_side li a#backUp {
    height:40px;
    background-image:url(../img/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-50px 10px;
}
.kf_side li .sidebox {
    height:45px;
    line-height:45px;
    width:45px;
    font-size:14px;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;
}
.kf_side li .sidebox p {
    width:160px;
}
.kf_side li .sidebox .tel {
    width:45px;
    height:45px;
    display:block;
    background:url(../img/kf_ico.png) no-repeat -94px 14px;
    vertical-align: top;
    float:left;
}
.kf_side li a.kf_qq {
    background-image:url(../img/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-137px 12px;
}
.pay_span {
    width: 15px;
    padding: 12px 15px 12px;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 16px;
}
.pay_span i {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin-left: -2px;
}
.imr_list:hover p.answer {
    color: #f95a17;
}