﻿
/* CSS Document */
html,body{color:#666;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif,'SourceHanSansCN';font-style:normal;font-size:100%;line-height:1.75;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline;overflow-wrap: break-word;}
html{-webkit-tap-highlight-color: transparent;}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
table,tr,td,p,iframe{margin-top:0;padding:0}
table,tr,td{border:0;}
a{text-decoration:none;color:var(--color-font-title);}
a:hover{outline:0;color:var(--color-font-them);text-decoration:none;}
img{border:0;max-width:100%;vertical-align: middle;}
.clear{clear: both;}
.hid{overflow: hidden;}
:root{
    --ark-font-title:2.5rem;
    --ark-font-subtitle:1.625rem;
    --ark-font-thrtitle:1.25rem;
    --ark-font-foutitle:1.125rem;
    --color-font-them:#e73e24;
    --color-font-title:#333333;
}
/*
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dbea;
    border-radius: 9999px;
}
*/
/**/
.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/**/
header{width:100%;position: relative;background: #fff;z-index: 999;}
.main_container{width:85%;margin:0 auto;}
.header_wrapper{position: relative;display:flex;align-items: center;justify-content: space-between;}
.head_logo_container{width:22%;float:left; overflow: hidden;}
.head_logo_container a{display:block;}
.head_logo_container img{vertical-align: middle;height:75px;padding:0.75rem 0;width:auto;}
.head_navigation_container{width:78%;float:left; position: relative;}
.head_nav_container{float:left;width:calc(100% - 310px);display: flex;justify-content: flex-end}
.head_nav_container li{display:inline-block;position: relative;text-align: center;margin:0 1.5rem;line-height: 80px;}
.nav_a{font-size:1.125rem;color:#666;}
.head_nav_container li>a:hover,.head_nav_container li.active>a{color:var(--color-font-them);}
.head_nav_container li:hover .nav_a{color:var(--color-font-them);}
.head_menu_down{position: absolute;background:rgba(255,255,255,1.00);top:100%;left: -15px;overflow: hidden; white-space: nowrap;border-radius: 0 0 3px 3px;border:0px #eee solid;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);display:none;}
.head_menu_down span{display:block;padding:0 20px;transition: .2s;border-bottom:1px #eee solid;}
.head_menu_down a{display:block;line-height: 40px;}
.head_menu_down span:last-of-type{border-bottom:0;}
.head_menu_down span:hover{background:var(--color-font-them);}
.head_menu_down span:hover a{color:#fff;}
.head_menu_down span:last-of-type:hover a{border-bottom:0;}
.head_right_container{width:300px;float:right;display:flex;align-items: center;line-height: 80px;position: relative;}
.head_right_container:before{content:"";width:1px;height:18px; background:#ddd;position: absolute;left:0;}
.head_share_container{width:calc(100% - 90px);float:left;padding-left:0.5rem;display:flex;align-items: center;justify-content: center;}
.head_search_btn_container{width:90px;float:left;transition: .6s;right:0;position: absolute;}
.head_share_container li{display:inline-block;position: relative;text-align: center;}
.head_share_container li a{color:#bbbbbb;border:1px solid #ddd;border-radius: 50%;width:35px;height:35px;display:block;line-height: 35px;margin:0 3px;}
.head_share_container li a i{display:block;font-size:1.125rem;}

.head_share_container li a:hover{color:#fff;background:var(--color-font-them);border:1px solid var(--color-font-them);}
.head_share_container li a .icon_wx{display:block;font-size:1.5rem;}
.head_share_image{width:150px;height:150px;position: absolute;z-index: 100;display:none;top:55px;left:-50px;border-radius: 5px;box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.head_share_image img{width:100%;overflow: hidden;}
.search_model{width:100%;background:#f9f9f9;border-radius: 20px;overflow: hidden;line-height: 40px;position: relative;height:40px;padding:0 10px;}
.sear_btn{width:19px;height:40px;background:url("../image/icon_sear.svg") no-repeat center;background-size:contain;float:left;line-height: 40px;}
.sear_in{float:right;width:calc(100% - 25px);overflow: hidden;line-height: 40px;text-align: center;}
.sear_in::placeholder{color:#999;font-size:1rem;}
.head_search_btn_container.show{width:100%;position: absolute;right:0;}
.head_search_btn_container.show .sear_in{text-align: left;}
/**/
.width_container{width:100%;overflow: hidden;position: relative;}
.padding_container{padding:6rem 0;}
.index_banner_slide{width:100%; overflow: hidden;position: relative;}
.index_banner_slide li{width:100%;}
.index_banner_slide li img{width:100%;}
.index_banner_slide .banner-swiper-pagination{bottom:50px;text-align: left;left:8%;}
.index_banner_slide .swiper-pagination-bullet{background: rgba(255,255,255,1.00);border-radius: 5px;}
/**/
.index_about_container{background:#fff7eb url("../image/about_bg.png") no-repeat center;background-size:cover;}
.index_about_video_model{width:50%;float:left;overflow: hidden;position: relative;}
.index_about_text_model{width:45%;float:right;overflow: hidden;}
.index_about_adv{width:100%;margin-top:3rem;}
.index_about_sum_model{color:#333;}
.index_about_sum_model p{margin-bottom:10px;}
.index_more a{display:inline-block;border:1px solid var(--color-font-them);color:var(--color-font-them);padding:0.35rem 1.5rem;position: relative;vertical-align: middle;z-index: 10;transition: .6s;border-radius: 3px;}
.index_more a i{position: relative;display:inline-block;top:-1px;}
.index_more a img{width:16px;margin-left:10px;transition: .6s;}
.index_more a:before{content:"";width:0;height:100%;background:var(--color-font-them);position: absolute;left:0;top:0;z-index:-1;transition: .6s;}
.index_more a:hover{color:#fff;}
.index_more a:hover img{filter: brightness(10)grayscale(100%);}
.index_more a:hover:before{width:100%;}
.index_about_adv li{width:calc(100%/3);float:left;}
.index_about_mun{width:100%;overflow: hidden;color:var(--color-font-them);}
.index_about_mun h4{display:inline-block;font-size:3rem;font-weight: 600;font-family: 'OPPOSans';line-height: 1;}
.index_about_mun h5{display:inline-block;margin-left:5px;font-size:1rem;}
.index_about_txt{width:100%;overflow: hidden;vertical-align: bottom;color:#333;margin-top:5px;}
.index_about_txt img{width:20px;margin-right:5px;vertical-align: middle;}
.index_about_txt>div{display:inline-block;}
.index_about_video{width:100%;position: relative;height:540px;}
.index_about_vi_image{width:100%;height:100%; position: absolute;top:0;left:0;}
.index_about_vi_image img{width:100%;height:100%;object-fit: cover;}
.index_video_play_btn{width:100%;height:100%;position: absolute;display:flex;align-items: center;align-content: center;top:0;left:0;background:rgba(0,0,0,0.4);justify-content: center;color:#fff;cursor: pointer;}
.index_video_play_btn i{display:block;font-size:5rem;width:80px;height:80px;background:rgba(255,255,255,1.00);border-radius: 50%;position: relative;transition: .4s;}
.index_video_play_btn i:before{content:"";border-left:20px var(--color-font-them) solid;border-bottom:12px transparent solid;border-top:12px transparent solid;width:0;height:0;position: absolute;left:40%;top:35%;}
.index_video_play_btn i:hover{transform: scale(1.1);}
.video_model_open{display:none;align-items: center;width:100%;height:100%;position: fixed;top:0;left:0;justify-content: center;align-content: center;background:rgba(0,0,0,0.3);z-index: 999;}
.video_content_play{width:70%;margin:0 auto;overflow: hidden;position: relative;border-radius: 3px;background:var(--color-font-them);padding:3px;}
.video_content_play video{width:100%;vertical-align: middle;}
.video_model_open.active{display:flex;}
.video_close_btn{width:60px;height:60px;background:url("../image/icon_close.svg") no-repeat center;background-size: contain;position: absolute;right:5%;top:5%;cursor: pointer;border-radius: 50%;padding:10px;z-index: 10;}
/**/
.index_title h2{position: relative;display:inline-block;}
.index_title h2:after{content:"";width:30px;height:2px;background:var(--color-font-them);position: absolute;left:0;bottom:0;}
.title-margin{margin-bottom:3rem;}
.title-color{color:#000;}
.title-size{font-size:var(--ark-font-title);font-family: 'SourceHanSansM';}
.title-center{text-align: center;}
.title-center h2:after{left:38%;}
.index_tit_sum{width:55%;margin:2rem auto;overflow: hidden;}
/**/
.index_products_cate_display{display:flex;align-items: center;align-content: center;justify-content: center;}
.index_products_slide{width:calc(100%/4 - 0.5rem);float:left; overflow: hidden;position: relative;}
.index_products_slide:nth-child(2){margin:0 0.6rem;}
.index_products_slide:nth-child(3){margin:0 0.6rem 0 0;}
.index_products_slide li{width:100%; overflow: hidden;display:flex;justify-content: center;}
.index_products_slide li a{display:block;position: relative;}
.ind_product_image{width:100%; overflow: hidden;}
.ind_product_image img{width:100%;border-radius: 3px;}
.ind_product_text{width:100%;overflow: hidden;position: absolute;z-index: 10;top:0;left:0;padding:2rem;color:#fff;}
.ind_product_name{vertical-align: middle;}
.ind_product_name h3{display:inline-block;font-size:var(--ark-font-thrtitle);font-family: 'SourceHanSansM';}
.ind_product_name i{display:inline-block;width:17px;margin-left:1rem;filter: brightness(100);}
.ind_product_txt{font-size:14px;opacity: 0.8;margin-top:0.5rem;}
.cate-button-next,.cate-button-prev{width:30px;height:30px;background:url("../image/icon_next.svg") no-repeat center;bottom:40%}
.cate-button-prev{left:5px;transform: rotate(180deg);}
.cate-button-next{right:5px;}
/**/
.index_partner_container{width:100%;background:#fff7eb url("../image/hz_bg.png") no-repeat top;display:flex;align-items: center;padding:6rem 0 2rem;background-size:100% auto;}
.ind_partner_display{width:100%;position: relative;height:645px;}
.ind_partner_display li{float:left;position: absolute;}
.ind_partner_display li img{border-radius: 50%;box-shadow: 10px 15px 20px rgba(231,62,36,0.1);transition: .6s;}
.ind_partner_display li:first-child{top:50%;left:32%;width:100px;}
.ind_partner_display li:nth-child(2){width:100px;left:47%;top:20%;}
.ind_partner_display li:nth-child(3){width:100px;left:63%;top:57%;}
.ind_partner_display li:nth-child(4){width:130px;left:23%;bottom:0;}
.ind_partner_display li:nth-child(5){width:130px;left:30%;top:13%;}
.ind_partner_display li:nth-child(6){width:130px;left:63%;top:15%;}
.ind_partner_display li:nth-child(7){width:130px;left:70%;bottom:0;}
.ind_partner_display li:nth-child(8){width:100px;left:15%;top:43%;}
.ind_partner_display li:nth-child(9){width:100px;right:13%;top:47%;}
.ind_partner_display li:nth-child(10){width:160px;left:4%;bottom:15%;}
.ind_partner_display li:nth-child(11){width:160px;left:10%;top:0;}
.ind_partner_display li:nth-child(12){width:160px;right:10%;top:0;}
.ind_partner_display li:nth-child(13){width:160px;right:3%;bottom:5%;}
.ind_partner_display li:hover img{transform: scale(1.1);}
.ind_partner_image{width:15rem;height:15rem;text-align: center;position: absolute;left:45%;top:40%;z-index: 10;background:var(--color-font-them);display:flex;align-items: center;align-content: center;justify-content: center;border-radius: 50%;display:none;}
.ind_partner_image:before{content:"";background:rgba(231,62,36,0.1);position: absolute;left:-35px;top:-35px;z-index: -1;width:20rem;height:20rem;padding:5rem;border-radius: 50%;}
/**/
.ind_news_recommend{width:45%;float:left; overflow: hidden;}
.ind_news_recommend li{width:100%; overflow: hidden;border-radius: 3px;}
.ind_news_lastest{width:50%;float:right;overflow: hidden;}
.ind_news_last_recom{width:100%; overflow: hidden;}
.ind_news_last_recom li{width:calc(100%/2 - 0.5rem);float:left;overflow: hidden;}
.ind_news_last_recom li:first-child{margin-right:1rem;}
.ind_news_last_recom li a{overflow: hidden;display:block;}
.ind_news_last_recom_image{width:100%; overflow: hidden;height:268px;border-radius: 3px;}
.ind_news_last_recom_image img{width:100%;height:100%;object-fit: cover;transition: .4s;}
.ind_news_last_recom_title{width:100%;margin:1rem 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:var(--ark-font-foutitle);}
.ind_news_last_display{width:100%;overflow: hidden;margin-top:1rem;}
.ind_news_last_display li{width:100%;overflow: hidden;border-bottom:1px #ddd solid;padding:1.15rem 0;}
.ind_news_last_display li a{display:flex;justify-content: space-between;position: relative;padding-left:1.5rem;}
.ind_news_last_display li a:before{content:"";width:8px;height:8px;border:1px solid var(--color-font-them);position: absolute;left:0;top:10px;border-radius: 50%;}
.ind_news_last_display li a h3{display:block;width:75%;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:1rem;}
.ind_news_last_display li a span{width:25%;float:right;color:#999;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'OPPOSans';font-size:1rem;display:block;}
.ind_news_recom_image{width:100%; overflow: hidden;height:405px;}
.ind_news_recom_image img{width:100%;height:100%;object-fit: cover;transition: .4s;}
.ind_news_recom_text{width:100%; overflow: hidden;padding:3rem;background:#fff7eb;}
.ind_news_recom_title{width:100%; overflow: hidden;font-size:var(--ark-font-thrtitle);font-weight: 600;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_recom_sum{width:100%;overflow: hidden;margin:1rem 0 1.5rem;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ind_news_recom_time{color:#999;font-family: 'OPPOSans';font-size:1rem;}
.ind_news_last_recom li:hover img,.ind_news_recommend li:hover img{transform: scale(1.1);}
/**/
.footer{background:#d1341e;}
.footer_menu_model{padding:4rem 0;position: relative;overflow: hidden;}
.footer_contact_model{width:50%;float:left; overflow: hidden;}
.footer_nav_model{width:50%;float:left; overflow: hidden;}
.footer_logo{width:100%;overflow: hidden;margin-bottom:3rem;}
.footer_logo img{height:60px;filter: brightness(100);}
.footer_contact_text{width:100%;overflow: hidden;margin-bottom:2rem;color:#fff;}
.footer_tel{width:100%;overflow: hidden;margin-bottom:1rem; font-family: 'OPPOSans';}
.footer_contact_text i{display:inline-block;margin-right:10px;}
.footer_tel span{font-size:1.125rem;font-weight: 500;}
.footer_add span{opacity: 0.9;}
.footer_follow_model{width:100%;position: relative;}
.footer_follow_model li{display:inline-block;position: relative;}
.footer_follow_model li a{display:block;background:#fff;width:35px;height:35px;text-align: center;line-height: 35px;border-radius: 50%;overflow: hidden;vertical-align: middle;margin-right:0.5rem;}
.footer_follow_model li a img{width:30px;padding:3px;}
.follow_div{width:120px;height:120px;position: absolute;top:-125px;left:0;display:none;}
.follow_div img{width:100%;}
.footer_nav_model li{width:calc(100%/3);float:left;color:#fff;}
.footer_nav_model li h3{font-size:var(--ark-font-foutitle);}
.footer_nav_down{width:100%;overflow: hidden;margin-top:1.5rem;}
.footer_nav_down a{display:block;color:#fff;opacity: 0.9;padding-left:1rem;position: relative;}
.footer_nav_down a:before{content:"";width:15px;height:15px;background:url("../image/icon_next.svg")no-repeat center; position: absolute;left:0;top:6px;background-size:contain;}
.footer_bottom_model{background:#bc2e1b;padding:2rem 0;text-align: center;color:#fff;}
.footer_nav_down a:hover{opacity: 1.0;}
.footer_bottom_model span{display:inline-block;margin:0 0.5rem;opacity: 0.9;}
.footer_bottom_model a{color:#FFFFFF;}
.footer_bottom_model span:hover{opacity: 1.0;}
/**/
.top_banner_container img{width:100%;}
.top_menu_container{background:#f9f9f9;text-align: center;}
.top_menu_container ul{display:flex;align-items: center;align-content: center;justify-content: center;}
.top_menu_container li{display:inline-flex;overflow: hidden;border-right:1px #ddd solid;}
.top_menu_container li:first-child{border-left:1px #ddd solid;}
.top_menu_container li a{display:block;padding:1.65rem 2.5rem;font-size:var(--ark-font-foutitle)}
.top_menu_container li a:hover,.top_menu_container li a.active{background:var(--color-font-them);color:#fff;}
.inner_title_model{color:var(--color-font-them);margin-bottom:3rem;}
.inner_title_model h3{font-size:var(--ark-font-subtitle);font-family: 'OPPOSans';font-weight: 600;text-transform: uppercase;position: relative;display:block;}
.inner_title_model h3:after{content:"";width:200px;height:2px;background:var(--color-font-them);position: absolute;top:50%;margin-left:1rem;}
.inner_title_model h2{font-size:var(--ark-font-subtitle);}
.inner_tit_sum{color:#666;overflow: hidden;width:100%;margin-top:2rem;}
/**/
.about_text_container{width:40%;float:left;overflow: hidden;}
.about_picture_container{width:55%;float:right;overflow: hidden;position: relative;z-index: 10;padding-bottom:5%;}
.about_content_text_model p{margin-bottom:15px;}
.about_content_text_model>div{width:100%; overflow: hidden;margin-top:3rem;}
.about_content_text_model>div li{width:50%;float:left;position: relative;overflow: hidden;margin-bottom:1rem;}
.about_content_text_model>div li:nth-child(3n){padding-right:2rem;}
.about_content_text_model>div li:nth-child(2n){padding-left:2rem;}
.about_content_text_model>div li:first-child:after,.about_content_text_model>div li:nth-child(3):after{content:"";width:1px;height:100%;background:#ddd;position: absolute;top:0;right:2rem;}
.about_content_text_model>div li .h4{display:inline-block;font-size:var(--ark-font-title);color:#333;font-family: 'OPPOSans';font-weight: 600;line-height: 1;}
.about_content_text_model>div li h5,.about_content_text_model>div li h6{display:inline-block;margin-left:10px;color:#333;}
.about_picture_container img{width:90%;float:right;}
.about_picture_container:before{content:"";width:100%;height:100%;background:#f9f9f9;position: absolute;top:0;left:0;z-index: -1;bottom:0;}
/**/
.culture_container{width:100%;}
.culture_container li{width:100%;display:flex;align-items: center;align-content: center;justify-content: space-between;z-index: 10;position: relative;overflow: hidden;padding:7.5%;}
.culture_container li:nth-child(even){flex-direction: row-reverse;}
.culture_text_model{width:45%;float:left;overflow: hidden;}
.culture_picture_model{width:45%;float:left;}
.culture_tit{display:block;font-size:1.5rem;}
.culture_sub{display:block;font-size:1.875rem;color:#333;position: relative;padding-left:1.25rem;margin-bottom:2rem;}
.culture_sub:before{content:"";width:5px;height:30px;background:var(--color-font-them);border-radius: 5px;position: absolute;top:10px;left:0;}
.culture_picture_model img{width:100%;box-shadow: 0 0 20px rgba(231,62,36,0.0)}
.culture_container li:nth-child(even):before{content:"";width:40%;height:100%;background:rgba(231,62,36,0.1);position: absolute;top:0;left:0;z-index: -1;}
.culture_container li:nth-child(odd):before{content:"";width:40%;height:100%;background:rgba(231,62,36,0.1);position: absolute;top:0;right:0;z-index: -1;}
/**/
.careers_container li{width:100%;overflow: hidden;background:#f9f9f9;padding:2rem;border:1px #ddd solid;margin-bottom:1.5rem;}
.careers_content{width:100%;overflow: hidden;margin-top:2rem;border-top:1px #ddd solid;padding-top:2rem;display:none;}
.careers_content.active{display:block;}
.careers_title{width:100%;overflow: hidden;display:flex;align-items: center;align-content: center;justify-content: space-between;cursor: pointer;}
.careers_name{font-size:var(--ark-font-thrtitle);color:#333;padding-left:1.5rem;position: relative;}
.careers_name:before{content:"";width:8px;height:8px;background:var(--color-font-them);position: absolute;left:0;top:12px;border-radius: 15px;}
.careers_more{vertical-align: middle;}
.careers_more i{color:#333;margin-left:10px;display:inline-block;font-size:1.25rem;position: relative;top:2px;transition: .4s;}
.careers_con_top{width:100%;overflow: hidden;background:#fff;padding:1rem;margin-bottom:2rem;}
.car_top_li{width:calc(100%/5);float:left;}
.car_top_li i{display:inline-block;margin-right:5px;font-size:1.25rem;position: relative;}
.car_top_li span{color:#333;display:inline-block;}
.car_de_tit{font-size:var(--ark-font-thrtitle);color:#333;margin-bottom:1rem;}
.careers_container li.active .careers_more i{transform: rotate(90deg);}
.car_text{margin-bottom:1rem;}
/**/
.products_container li{width:calc(100%/3);float:left;overflow: hidden;text-align: center;}
.products_container li a{overflow: hidden;margin:2rem;display:block;font-size:var(--ark-font-thrtitle);}
.products_item_image{width:100%;overflow: hidden;}
.products_item_image img{width:100%;overflow: hidden;transition: .4s;}
.products_item_name{width:100%; overflow: hidden;margin-top:1rem;text-overflow: ellipsis;white-space: nowrap;}
.products_container li a:hover img{transform: scale(1.1);}
/**/
.recom_news_container li{width:calc(100%/3);overflow: hidden;float:left;}
.recom_news_container li a{display:block;margin:1rem;overflow: hidden;background:#f9f9f9;}
.recom_news_item_image{width:100%; overflow: hidden;}
.recom_news_item_image img{width:100%;overflow: hidden;transition: .4s;height:100%;object-fit: cover;}
.recom_news_item_text{width:100%; overflow: hidden;padding:2rem 2rem 4rem;}
.recom_news_item_title{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:var(--ark-font-thrtitle);font-weight: 600;}
.recom_news_item_more{width:100%;display:flex;align-items: center;justify-content: space-between;align-content: center;margin-top:2rem;overflow: hidden;color:#666;}
.recom_news_item_date{font-family: 'OPPOSans';color:#999;}
.recom_news_item_view i{display:inline-block;position: relative;font-size:1.25rem;color:#333;font-weight: 600;top:2px;margin-left:5px;}
.recom_news_container li a:hover img{transform: scale(1.1);}
.recom_news_container li a:hover .recom_news_item_view,.recom_news_container li a:hover .recom_news_item_view i{color:var(--color-font-them);}
.news_display_container{margin-top:2rem;}
.news_display_container li{width:calc(100%/2);float:left;}
.news_display_container li a{display:block;overflow: hidden;box-shadow: 0 0 25px rgba(0,0,0,0.05);padding:3rem;margin:1.5rem 1rem;}
.news_display_container li:nth-child(odd) a{margin-right:1.5rem;}
.news_display_container li:nth-child(even) a{margin-left:1.5rem;}
.news_display_title{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:var(--ark-font-thrtitle);font-family: 'SourceHanSansM';}
.news_display_time{width:100%;overflow: hidden;margin:1rem 0;font-family: 'OPPOSans';color:#999;font-weight: 600;}
.news_display_sum{width:100%;color:#999;font-weight: 600;font-family: 'OPPOSans';}
.news_display_more{width:100%;position: relative;overflow: hidden;text-align: right;color:#999;}
.news_display_more:before{content:"";width:2px;height:18px;background:var(--color-font-them);position: absolute;top:4px;right:75px;}
.news_display_container li a:hover .news_display_more{color:var(--color-font-them);}
/**/
.news_content_title_model{width:30%;float:left;overflow: hidden;}
.news_content_detail{width:65%;float:right;overflow: hidden;}
.news_content_time{color:#999;}
.news_content_name{width:100%; overflow: hidden;margin:2rem 0;font-size:1.5rem;color:#333;}
.news_content_back{width:100%;overflow: hidden;}
.news_content_back a{display:block;color:#999;}
.news_content_back a i{display:inline-block;transform: rotate(180deg);margin-right:5px;font-size:1.5rem;position: relative;top:4px;}
.news_content_back a:hover{color:var(--color-font-them);}
.news_content_detail p{margin-bottom:15px;}
/**/
.contact_container{margin-bottom: 3rem;}
.contact_container li{width:calc(100%/3 - 3rem);float:left;margin:1rem 0;font-size:1.25rem;color:#333;font-weight: 600;}
.contact_container li:nth-child(2){margin:1rem 3.5rem;}
.contact_container li>div{box-shadow:  0 0 20px rgba(0,0,0,0.05);overflow: hidden;width:100%;padding:4rem 3rem;margin:1rem;min-height:245px;}
.contact_container li h4{font-size:1.125rem;font-weight: 600;display:block;color:#666;}
.contact_container li p{font-size:1.25rem;color:#333;font-family: 'OPPOSans';font-weight: 600;}
.jm_txt{width:100%;overflow: hidden;margin-bottom:2rem;}
.jm_in{width:calc(100%/2 - 3rem);float:left;overflow: hidden;line-height: 40px;}
.jm_in:first-of-type{margin-right:6rem;}
.jiam_container label{display:block;width:100px;float:left;overflow: hidden;font-size:1.125rem;text-align: right;}
.jm_in span{color:var(--color-font-them);display:inline-block;}
.jm_in input{line-height: 40px;height:40px;padding:0 5px;}
.text_in{width:calc(100% - 105px);float:right; overflow: hidden;border:1px #ddd solid;font-size:1.125rem;}
.jm_mess{width:100%;overflow: hidden;margin-bottom:2rem;}
.jm_mess textarea{min-height: 150px;padding:0 5px;line-height: 40px;}
.jm_save{width:100%;overflow: hidden;padding-left:105px;}
.jm_save input{background:var(--color-font-them);color:#fff;line-height: 40px;padding:0.5rem 3rem;font-size:1.125rem;overflow: hidden;cursor: pointer;}
.jm_save input:hover{box-shadow:  0 0 20px rgba(0,0,0,0.05);}
/**/
.brand_history_time{width:32%;float:left;position: relative;}
.brand_history_display{width:60%;float:right;overflow: hidden;padding-right:8%;}
.brand_history_time li{position: relative;width:100%;overflow: hidden;z-index: 10;cursor: pointer;}
.his_time{width:300px;border-bottom:1px #ddd solid;overflow: hidden;padding:2rem 0;float:right;}
.his_time_tit{font-size:1.5rem;color:var(--color-font-them);}
.his_time_date{font-size:1.5rem;font-weight: 600;font-family: 'OPPOSans';color:#333;}
.brand_history_time li.active{background:var(--color-font-them);color:#fff;}
.brand_history_time li.active .his_time_tit{color:#fff;font-size:var( --ark-font-subtitle);}
.brand_history_time li.active .his_time_date{color:#fff;}
.brand_history_time li.active .his_time{border-bottom:1px var(--color-font-them) solid;}
.brand_history_time li.active:before{content:"";background:url("../image/hi_img.jpg") no-repeat 50px center;width:100%;height:150px;position: absolute;z-index: -1;opacity: 0.2;background-size:contain;}
.brand_history_display .brand_history_content{width:100%;overflow: hidden;display:none;height: 830px;}
.brand_history_display .brand_history_content.active{display:block;}
.brand_history_content li{width:100%;position: relative;padding-bottom:2rem;overflow: hidden;}
.brand_history_content li:before{content:"";width:1px;height:100%;background:#ddd;position: absolute;top:80px;left:80px;}
.brand_history_content li:after{content:"";width:20px;height:20px;border-radius: 50%;background:var(--color-font-them);position: absolute;left:70px;bottom:0;display:none;}
.brand_history_content li:last-child:after{content:"";width:20px;height:20px;border-radius: 50%;background:var(--color-font-them);position: absolute;left:70px;bottom:0;display:block;}
.brand_his_con_time{width:200px;float:left;font-size:3.75rem;font-family: 'OPPOSans';font-weight: 600;color:var(--color-font-them);line-height: 1;}
.brand_his_con_text{width:calc(100% - 200px);float:right;overflow: hidden;padding-left:2rem;}
.brand_his_info h4{font-size:1.5rem;display:block;color:#333;font-family: 'SourceHanSansM';margin-bottom:1rem;margin-top:2rem;}
.brand_his_info h4:first-of-type{margin-top:0;}
.brand_his_image{width:100%;margin-top:2rem;}
.brand_his_image img{width:100%;}
/**/
.cou_container h4{width:100%; overflow: hidden;margin:2rem 0 0.5rem;font-size:var(--ark-font-subtitle);color:#333;position: relative;padding-left:2rem;}
.cou_container h4:before{content:"";width:10px;height:10px;border-radius: 50%;background:#333;position: absolute;left:0;top:15px;}
.cou_container li{width:calc(100%/3);float:left;overflow: hidden;text-align: center;}
.cou_item{margin:0.25rem;overflow: hidden;}
.cou_item_image{width:100%;overflow: hidden;}
.cou_item_image img{width:100%;transition: .4s;height: 100%;object-fit: cover;}
.cou_item_name{width:100%;overflow: hidden;margin:1rem 0;display:none;}
.cou_container li:hover img{transform: scale(1.1);}
/**/
.layout_main{position: relative;}
.layout_container{position: relative;padding-top:5rem;}
.layout_text{background:rgba(255,255,255,0.8);width:30%;position: absolute;left:10px;z-index: 10;top:31%;box-shadow: 0 0 20px rgba(0,0,0,0.05);padding:3rem;}
.layout_text li{width:100%;border-bottom:1px #ddd solid;overflow: hidden;padding:2rem 0;}
.layout_text h4{font-size:var(--ark-font-subtitle);color:#333;display:block;}
.layout_text li .h5{display:inline-block;font-size:3.75rem;color:var(--color-font-them);font-family: 'OPPOSans';font-weight: 600;line-height: 1;}
.layout_text li h6{display:inline-block;vertical-align: top;margin-left:5px;color:#333;font-size:1rem;}
.layout_text li p{display:inline;color:#333;margin-left:1rem;font-size:var(--ark-font-thrtitle);}
.layout_brand_image{width:100%;text-align: right;float: right;}
.layout_brand_display{width:100%;}
.layout_brand_display li{position: absolute;width:calc(140/1920 * 100%);border-radius: 100%;box-shadow: -5px 5px 15px rgba(0,0,0,0.1);overflow: hidden;}
.layout_brand_display li a{display:block;}
.layout_brand_display li img{width:100%;transition:.4s;}
.layout_brand_display li a:hover img{transform: scale(1.1);}
.layout_brand_display li:first-child{right:17%;bottom:10%;}
.layout_brand_display li:nth-child(2){right:32%;bottom:21%;}
.layout_brand_display li:nth-child(3){right:23%;bottom:35%;}
.layout_brand_display li:nth-child(4){right:10%;bottom:30%;}
.layout_brand_display li:nth-child(5){right:37%;bottom:4%;}
.layout_brand_display li:nth-child(6){right:46%;bottom:30%;}
.layout_brand_display li:nth-child(7){right:39%;bottom:50%;}
.layout_brand_display li:nth-child(8){right:25%;bottom:56%;}
.layout_brand_display li:nth-child(9){right:54%;bottom:11%;}
.layout_brand_display li:nth-child(10){right:56%;bottom:48%;}
.layout_brand_display li:nth-child(11){right:44%;bottom:71%;}
.layout_brand_display li:nth-child(12){right:29%;bottom:73%;}
.layout_brand_display li:nth-child(13){right:12%;bottom:51%;}
.layout_brand_display li:nth-child(14){right:15%;bottom:74%;}
.layout_brand_display li:nth-child(15){right:61%;bottom:28%;}
.layout_brand_display li:nth-child(16){right:57%;bottom:66%;}
.layout_brand_display li:nth-child(17){right:37%;bottom:85%;}
.layout_brand_display li:nth-child(18){right:66%;bottom:2%;}
.layout_brand_display li:nth-child(19){right:82%;bottom:85%;}
.layout_brand_display li:nth-child(20){right:68%;bottom:81%;}
.layout_brand_display li:nth-child(21){right:53%;bottom:85%;}
.layout_brand_display li:nth-child(22){right:78%;bottom:5%;}
.layout_brand_display li:nth-child(23){right:89%;bottom:6%;}
/**/
.sroll_top{height:50px;width:50px;background:#fff;text-align: center;border-radius: 50%;transition: .4s;position: fixed;bottom:5%;right:10px;z-index: 999;box-shadow: 0 0 15px rgba(0,0,0,0.1);display:none;}
.sroll_top a{display:block;line-height: 50px;}
.sroll_top a i{display:block;transform: rotate(-90deg);color:#333;font-size:1.625rem;line-height: 48px;position: relative;}
.sroll_top:hover{background:var(--color-font-them)}
.sroll_top:hover i{color:#fff;}