@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "OPPOSans-B";
    src:url('../fonts/OPPOSans-B.ttf') format('truetype');
}
/**/
.container_box{width:100%; padding:3rem 0;}
.home_product_recom_model{width:100%; overflow: hidden;background:#fff;position: relative;z-index: 10;}
.home_product_recom_model:before{content:"";background:url("../images/index_cp01.png") no-repeat left top;width:100%;height: 100%;position: absolute;top:-50px;left:0;z-index: -1}
.home_product_recom_model:after{content:"";background:url("../images/index_cp02.png") no-repeat right bottom;width:100%;height: 100%;position: absolute;bottom:-50px;right:0;z-index: -1}
.home_name_box{width:100%; overflow: hidden; text-align: center;padding:2rem 0;font-size:16px;color:#666;position: relative;z-index: 10;display:flex;flex-direction: column;align-items: center;}
.home_name_box h2{display:block;color:#000;font-size:30px;padding-bottom:1rem;font-weight: bold;}
.home_name_box h3{display:inline-block;font-size:36px;position: absolute;top:0.5rem;text-transform: uppercase;font-weight: bolder;background:linear-gradient(to bottom,rgba(39,101,174,1.0),rgba(39,101,174,0.0));background-clip:text;-webkit-background-clip:text;color:transparent;font-family: OPPOSans-H;opacity: 0.3;z-index: -1}
.home_product_recom_list{width:82%; overflow: hidden;margin:0 auto 3rem;}
.home_product_recom_list li{width:calc(100% / 3 - 3rem);float:left;margin:0.5rem 1.5rem;overflow: hidden;}
.home_product_recom_list li a{display:block;color:#666;}
.h_pro_recom_item_img{width:100%; overflow: hidden;height:270px;text-align: center; }
.home_product_recom_list li a img{width:100%; vertical-align: middle;transition: .4s;}
.h_pro_recom_item_text{width:100%; overflow:hidden;padding:2rem 0;}
.h_pro_rec_name{width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#000;font-weight: 400;margin-bottom:1rem;}
.h_pro_rec_sum{width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.h_pro_rec_more{margin:2rem auto 0;text-align: right;color:#2765ae;font-size:14px;width:100%;position: relative;}
.h_pro_rec_more:before{content:"";width:8px;height:8px;border-radius: 50%;position: absolute;left:0;top:5px;background:#ddd;transition: .4s;}
.h_pro_rec_more:after{content:"";width:70%;height:1px;position: absolute;left:0;top:9px;background:#ddd;transition: .4s;}
.home_product_recom_list li a:hover .h_pro_rec_name{color:#2765ae;}
.home_product_recom_list li a:hover img{transform: scale(1.1);}
.home_product_recom_list li a:hover .h_pro_rec_more:before,.home_product_recom_list li a:hover .h_pro_rec_more:after{background:#2765ae}
.home_product_more{width:100%; text-align: center;}
.home_product_more a{display:block;color:#2765ae; margin:0 auto;transition: .4s;background:url("../images/index_more.png") no-repeat center;width:171px;height:49px;line-height: 49px;}

/**/
.index_application_model{width:100%; overflow: hidden;}
.index_application_list{width:100%; overflow: hidden;padding-bottom:5rem;}
.index_application_list li{width:100%; opacity: 0.5;transition: .4s;}
.index_application_list .swiper-slide-active{opacity: 1.0}
.index_application_list li a{display:flex;margin:1rem;position: relative;overflow: hidden;align-items: center;justify-content: space-between;padding:3rem;z-index: 10;}
.index_application_list li a:after{content:"";width:60%;height:100%;background:#f9f9f9;position: absolute;right:0;top:0;z-index: -1}
.ind_app_imgBox{width:65%; float:left; overflow: hidden;}
.ind_app_imgBox img{width:100%; vertical-align: middle;transition: .4s;}
.ind_app_textBox{width:30%; float:left; overflow: hidden;}
.ind_app_textBox h3{font-size:1.5rem;font-weight: 400;margin-bottom:2rem;}
.ind_app_txt{width:100%; overflow: hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;}
.ind_app_more{width:100%; overflow: hidden; margin-top:2rem;font-size:14px;color:#666;position: relative;}
.ind_app_more:before{content:"";width:60px;height:1px;background:#ccc; position: absolute;left:70px;top:10px;transition: .4s;}
.ind_app_more:after{content:"";width:8px;height:8px;background:#ccc; position: absolute;left:130px;top:6px;border-radius: 50%;transition: .4s;}
.app-swiper-pagination{bottom:0;width:100%; text-align: center;}
.app-swiper-pagination .swiper-pagination-bullet-active{background:#2765ae;}
.index_application_list li a:hover h3{color:#2765ae;}
.index_application_list li a:hover img{transform: scale(1.1);}
.index_application_list li a:hover .ind_app_more{color:#2765ae;}
.index_application_list li a:hover .ind_app_more:before,.index_application_list li a:hover .ind_app_more:after{background:#2765ae;}
/**/
.index_about_model{width:100%; overflow: hidden;background:#f9f9f9;padding:5rem 0;}
.index_about_imgBox{width:50%; float:left; overflow: hidden;}
.index_about_textBox{width:45%; float:right; overflow: hidden;}
.index_about_imgBox img{width:100%; vertical-align: middle;}
.index_about_textBox .home_name_box{text-align: left;flex-direction: row}
.index_about_content{width:100%; overflow: hidden;line-height: 1.75}
.index_about_content p{padding-bottom:25px;}
.index_about_tech{width:100%;overflow: hidden;margin-top:2rem;}
.index_about_tech li{width:calc(100%/4);float:left; overflow: hidden;}
.index_about_tech_img{width:100%;overflow: hidden;margin-bottom:0.5rem;}
.index_about_tech_num{width:100%; overflow: hidden; font-size:1.5rem;font-family: OPPOSans;font-weight: 600;position: relative;vertical-align: bottom;}
.index_about_tech_num p:after{content:"+";font-size:14px;padding-left:10px;}
.index_about_tech_num p{position: relative;}
/**/
.index_quality_model{width:100%; overflow: hidden;background:url("../images/ind_yy_img.jpg") no-repeat top center;background-size:100% auto;}
.index_quality_model .home_name_box{text-align: left;flex-direction: row;color:#fff;display:block;margin-top:5rem;}
.index_quality_model .home_name_box h2{color:#fff;}
.index_quality_model .home_name_box h3{background: linear-gradient(to bottom,rgba(255,255,255,1.0),rgba(255,255,255,0.0)70%);-webkit-background-clip: text;}
.index_quality_list_box{width:100%; overflow: hidden;margin-top:2rem;}
.index_quality_list_box li{width:calc(100%/4);float:left; overflow: hidden;}
.index_quality_list_box li a{display:block;margin:0.25rem;overflow: hidden;position: relative;}
.ind_quality_img{width:100%; overflow: hidden;}
.index_quality_list_box li img{width:100%; overflow: hidden;vertical-align: middle;transition: 1.2s;}
.ind_quality_text{width:100%;height: 100%;background:linear-gradient(to bottom,rgba(0,0,0,0.0)70%,rgba(0,0,0,0.8));position: absolute;top:0;left:0;text-align:
        center;color:#fff;transition: .4s;}
.ind_quality_text h2{color:#fff;font-size:1.25rem;font-weight: 400;position: absolute;bottom:5%;width:100%;display:block;}
.ind_quality_txt{width:80%;margin:0 auto;text-align: left;position: absolute;top:-100%;left:10%;transition: .6s;}
.index_quality_list_box li a:hover .ind_quality_text{background:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6));}
.index_quality_list_box li a:hover .ind_quality_txt{top:45%;}
.index_quality_list_box li a:hover img{transform: scale(1.2);}
/**/
.index_news_model{width:100%; overflow: hidden;padding-bottom:5rem;}
.index_news_container{width:100%; overflow: hidden;}
.ind_news_listBox{width:40%;float:left; overflow: hidden;}
.ind_news_imgBox{width:55%;float:right; overflow: hidden;}
.ind_news_listBox li{width:100%; overflow: hidden;border-bottom:1px #ddd solid;}
.ind_news_listBox li a{color:#333;display:block;padding:1.5rem 0;}
.ind_news_listBox li:first-child a{padding-top:0;}
.ind_news_date{font-size:1.125rem;font-family: OPPOSans-B; opacity: 0.5;}
.ind_news_tit{width:100%; overflow: hidden;padding:1rem 0; position: relative;font-size:1.125rem;}
.ind_news_tit h4{font-size:1.125rem;width:80%;float:left; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.ind_news_tit:after{content:"";width:30px;height:30px;background:#0e63c7 url("../images/next_ico.svg") no-repeat center;position: absolute;top:9px;right:-100%;border-radius: 50%;background-size:15px;transition: .4s;}
.ind_news_sum{width:100%; overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity: 0.8;font-size:14px;}
.ind_news_listBox li a:hover h4{color:#2765ae;}
.ind_news_listBox li a:hover .ind_news_tit:after{right:0;}
.ind_news_imgBox li{width:100%;overflow: hidden;}
.ind_news_imgBox li a{display:block; overflow:hidden;position: relative;color:#fff;}
.ind_news_imgBox li a img{width:100%; vertical-align: middle;height: 100%;object-fit: cover;}
.ind_news_img{width:100%;height:480px;overflow: hidden;}
.ind_news_text{width:100%; height: 25%; background:linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.8));position: absolute;bottom:0;left:0;padding:2rem; overflow: hidden;}
.ind_news_imgBox li .ind_news_date{opacity: 1.0}
@media(max-width:1440px){
    .header_logo img{height: 50px;}
    .home_name_box h2{font-size:26px;}
    .h_pro_recom_item_img{height:210px;}
    .h_pro_recom_item_text{padding:1rem 0;}
    .index_container{width:85%;}
    .index_about_content{line-height: 1.5;}
    .index_about_content p{padding-bottom:15px;}
    .index_quality_model .home_name_box{margin-top:2rem;}
    .index_quality_list_box {margin-top:1rem;}
    .ind_news_text{height:30%;}
    .ind_news_sum{white-space: nowrap;text-overflow: ellipsis;}
    .ind_news_img{height: 455px;}
}
@media(max-width:1280px){
    .nav_menu li a{font-size:15px;}
    .h_pro_recom_item_img{height: 185px;}
    .home_product_recom_list li a img{height:100%; object-fit: cover;}
    .h_pro_rec_name{font-size:16px;}
    .index_about_content{font-size:14px;}
    .ind_news_listBox li a{padding:0.8rem 0;}
    .ind_quality_text h2{font-size:1.125rem;}
    .ind_news_img{height:410px;}
    .index_about_tech li,.home_name_box{font-size:14px;}
    .index_about_tech_num{font-size:1.25rem;}
    .ind_app_textBox h3{font-size:1.25rem;}
}
@media(max-width:1024px){
    .home_product_recom_list{width:100%;}
    .h_pro_recom_item_img img{height:210px;}
    .h_pro_recom_item_text{padding:1rem;}
    .h_pro_rec_sum{font-size:14px;}
    .index_about_imgBox{width:100%;}
    .index_about_textBox{width:100%;float:none;padding-top:2rem;}
    .ind_news_listBox{width:100%;}
    .ind_news_imgBox{width:100%;display:none;}

}
@media(max-width:960px){
    .h_pro_recom_item_img{height:155px;}
    .h_pro_recom_item_img img{height:auto}
}
@media(max-width:540px){
    .home_name_box h2{font-size:20px;}
    .home_name_box h3{font-size:24px;top:1rem;}
    .home_tech_list_model li{width:100%;margin-right:0;}
    .home_product_recom_list li{width:calc(100%/2);margin:0;}
    .home_product_recom_list li a{display:block;margin:0.5rem;}
    .index_quality_model{background-size:auto 50%;}
    .index_quality_model .home_name_box{margin-top:0;}
    .index_quality_list_box li{width:calc(100%/2);}
    .ind_quality_text h2{font-size:1rem;}
    .foot_logo img{height: 40px;}
}