@charset "utf-8";
/* CSS Document */

/*自定义样式*/

#main{height:100vh;position:relative;overflow:hidden;}
.posi {position:relative;}

/*》》》》》》》》》》自定义背景颜色《《《《《《《《《《*/
.bg-0{background:#fff;}

/*》》》》》》》》》》动态效果《《《《《《《《《《*/
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0;visibility:hidden;}
.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}

.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}

.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}

.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}



/*》》》》》》》》》》自定义滚动《《《《《《《《《《*/
.main_roll,.parallax,.iScrollVerticalScrollbar .iScrollIndicator{
transition-property:cubic-bezier(0.19, 1, 0.22, 1) !important;
transition-duration:1.5s !important;
transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;
-webkit-transition-property:cubic-bezier(0.19, 1, 0.22, 1) !important;
-webkit-transition-duration:1.5s !important;
-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;
will-change:transform;}
.iScrollVerticalScrollbar{position:absolute;width:5px;height:100%;right:0;top:0;z-index:1200;background-color:#e0e0e0;}
.iScrollVerticalScrollbar .iScrollIndicator{cursor:pointer;background-color:#333;width:100%;}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>首页_start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*》》》》》》》》》》首页banner《《《《《《《《《《*/
.Hbanner{width:100%;height:100vh;overflow:hidden;background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));}
.Hbanner_swiper{width:100%;height:100%;}
.Hbanner_swiper .swiper-wrapper{transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);will-change:transform;}
.Hbanner_swiper .swiper-slide{overflow:hidden;}
.Hbanner_swiper .Hbanner_text{position:absolute;top:50%;left:0;z-index:50;width:100%;line-height:1.4;transform:translate(100px,-50%);-webkit-transform:translate(100px,-50%);opacity:0;-webkit-opacity:0;transition-property: transition opacity;-webkit-transition-property: transition opacity;transition-duration:1s;-webkit-transition-duration:1s;transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);}
.Hbanner_swiper .Hbanner_text .Hbanner_text_c{font-size:0.65rem; font-weight:bold; line-height:1.5;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_m{font-size:0.42rem;font-weight:bold; line-height:2.2;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_more{font-size:0.24rem; margin-top:0.7rem;display: flex; align-items: center;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_more span{font-size:0.35rem; margin-left:10px;}


.Hbanner_swiper .Hbanner_bg{width:100%;height:100%;transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);will-change: transform;}
.Hbanner_swiper .Hbanner_bg:before{position:absolute;content: "";width:100%;height:100%;background-color:rgba(0, 0, 0, 0);left:0;top:0;z-index:20;}
.Hbanner_swiper .Hbanner_bg>img{width:110%;height:100%;object-fit:cover;}
.Hbanner_swiper .ani_slideX .Hbanner_bg>img{animation: ani_slideX 8.5s linear forwards;-webkit-animation: ani_slideX 8.5s linear forwards;}
@keyframes ani_slideX{
    0% {
        transform:translateX(0);-webkit-transform:translateX(0);
    }
    100% {
        transform:translateX(-9%);-webkit-transform:translateX(-9%);
    }
}
@-webkit-keyframes ani_slideX{
    0% {
        transform:translateX(0);-webkit-transform:translateX(0);
    }
    100% {
        transform:translateX(-9%);-webkit-transform:translateX(-9%);
    }
}

.Hbanner .Hbanner_nav{position:absolute;width:100%;z-index:10;bottom:0.6rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 9;}

.Hbanner .Hbanner_nav .Hbanner_num{ font-size:0.36rem; color:#1d1d1f; font-family:Arial;}
.Hbanner .Hbanner_nav .swiper-pagination-current{ font-size:0.9rem;  font-family:Arial; font-weight:bold;}
.Hbanner .Hbanner_nav .swiper-pagination-total{ font-size:0.36rem; font-family:Arial;}



.Hbanner .Hbanner_switch{position:absolute;z-index:10;bottom:0.6rem;right:5%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 10;}
.Hbanner .Hbanner_switch .Hbanner_prev,.Hbanner .Hbanner_switch .Hbanner_next{display:inline-block;width:15px;height:15px;line-height:15px; cursor:pointer; margin:0px 10px;border-radius:50%; background:#1d1d1f;opacity:0.5;-webkit-opacity:0.5;-webkit-transition:ease 0.4s;-o-transition:ease 0.4s;}
.Hbanner .Hbanner_switch .Hbanner_switch_circular{width:100%;height:100%;position:absolute;left:0;top:0;}
.Hbanner .Hbanner_switch .Hbanner_switch_circular circle{stroke:#fff;stroke-dasharray:150.72;
stroke-dashoffset:150.72;-webkit-animation: circle-stroke-out .4s forwards;animation: circle-stroke-out .4s forwards;}
.Hbanner_swiper .swiper-slide.swiper-slide-active .Hbanner_text,
.Hbanner_swiper .swiper-slide.swiper-slide-duplicate-active .Hbanner_text{
transition-delay:1.6s;-webkit-transition-delay:1.6s;transition-duration:3s;-webkit-transition-duration:3s;
transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;
transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;-webkit-opacity:1;}

.pc{ display:block;}
.mc{ display:none;}
@media (max-width: 769px) {
.Hbanner_swiper .Hbanner_text .Hbanner_text_c{font-size:0.55rem; font-weight:bold; line-height:1.5;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_m{font-size:0.32rem;font-weight:bold; line-height:1.5; margin-top:10px;}

.Hbanner_swiper .Hbanner_text .Hbanner_text_c .br,.Hbanner_swiper .Hbanner_text .Hbanner_text_m .br{ display:block;}
}
/*pro*/
.index_pro_bg{ position:relative; padding:1rem 0px;}
.index_pro_list{width: 100%;background:#efefef;overflow: hidden;align-items: center;transition: .6s ease;border-radius:30px;}
.index_pro_pic{width: 66.666666%;background: #f7f7f7;overflow: hidden;}
.index_pro_pic img{width: 100%;object-fit: cover;-webkit-transition: ease 0.6s;transition: ease 0.6s;}
.index_pro_list:hover .index_pro_pic img{transform: scale(1.1);}

.index_pro_text{width: 33.33333%; overflow: hidden;padding: 0px 1rem;}
.index_pro_text h3{font-size: 0.48rem;color: #222;line-height:1.5;font-weight:normal;}
.index_pro_text p{font-size: 14px;color: #666;line-height: 1.75;margin-top: 0.4rem;}
.index_pro_text a{display: inline-block;margin-top: 0.6rem;overflow: hidden;position: relative;font-size:16px;color:#666666;}


/*******index_pro_middle**************/
.index_pro_middle .index_pro_item { width: calc(50% - 10px); border:1px solid #f7f7f7; margin-top:20px;overflow: hidden;border-radius:30px;}
.index_pro_middle .index_pro_item>a{ position:relative;display: block;height:0;padding-bottom: 42.7%;overflow:hidden;will-change:transform;-webkit-transition:cubic-bezier(.165,.84,.44,1) 1s;transition:cubic-bezier(.165,.84,.44,1) 1s;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0);-webkit-transform:none;transform:none;}
.index_pro_middle .index_pro_item>a .index_pro_item_bg{position:absolute;width:100%;height:100%; background:#fff;top:0;left:0;overflow:hidden;}
.index_pro_middle .index_pro_item>a .index_pro_item_bg>img{width:100%;height:100%;object-fit:cover;-webkit-transition:ease 0.6s;transition:ease 0.6s;}
.index_pro_middle .index_pro_item>a:hover .index_pro_item_bg{ background:#f7f7f7;}
.index_pro_middle .index_pro_item>a:hover .index_pro_item_bg>img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.index_pro_middle .index_pro_item>a .index_pro_item_cnt{padding-right: 0.7rem;padding-bottom: 0.8rem;position:absolute;bottom: 0;right: 0; width:100%; text-align: right;}
.index_pro_middle .index_pro_item .index_pro_title{font-size:0.3rem;margin-bottom:0.4rem;line-height:1;}
.index_pro_middle .index_pro_item .index_pro_more{line-height:1;overflow:hidden;font-size:16px;}


/*******search***************/
.index_pro_search{ align-items: center;padding: 4.5vw 8vw; width:100%; margin:1rem 0px;background:#f7f7f7;overflow: hidden;border-radius:30px;-webkit-transition:ease 0.6s;transition:ease 0.6s;}
.index_pro_search .txt {font-size: 0.48rem; color: #1d1d1f;font-weight: bold;}
.index_pro_search .txt span{ font-size: 0.3rem;color: #1d1d1f;font-weight:normal;}
.index_pro_search .search_form{position:relative;width: 100%;max-width: 350px;}

.index_pro_search input {display: inline-block;vertical-align: top;width: 100%;max-width: 350px;height: 50px;border-radius: 25px;border:1px solid #1d1d1f;font-size: 16px;color: #1d1d1f;padding: 0 25px;background:none;}
.index_pro_search button {position: absolute;right: 0;top: 0;width:60px;height: 50px;background-color: transparent;background-position: center;background-repeat: no-repeat;background-image: url(../images/search.png);cursor: pointer;}

.index_pro_search:hover{box-shadow: 0px 0px 0.4rem rgba(0, 0 ,0 , 0.2);}



/*******index_pro_bottom**************/
.index_pro_bottom .index_pro_item { width: calc(50% - 10px); border:1px solid #f7f7f7; margin-top:20px;overflow: hidden;border-radius:30px;}
.index_pro_bottom .index_pro_item>a{ position:relative;display: block;height:0;padding-bottom: 55%;overflow:hidden;will-change:transform;-webkit-transition:cubic-bezier(.165,.84,.44,1) 1s;transition:cubic-bezier(.165,.84,.44,1) 1s;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0);-webkit-transform:none;transform:none;}
.index_pro_bottom .index_pro_item>a .index_pro_item_bg{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.index_pro_bottom .index_pro_item>a .index_pro_item_bg>img{width:100%;height:100%;object-fit:cover;-webkit-transition:ease 0.6s;transition:ease 0.6s;}
.index_pro_bottom .index_pro_item>a:hover .index_pro_item_bg>img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.index_pro_bottom .index_pro_item>a .index_pro_item_cnt{padding-top: 0.6rem;position:absolute;top: 0;left: 0; width:100%; text-align: center;}
.index_pro_bottom .index_pro_item .index_pro_title{font-size:0.42rem;margin-bottom:0.2rem;line-height:1;}
.index_pro_bottom .index_pro_item .index_pro_more{line-height:1;overflow:hidden;font-size:16px;}


/********index_news_bg*************/
.index_news_bg{ position:relative; padding:0.7rem 0px; background:#f7f7f7;}
.con_box{ position:relative; text-align:center; width:100%;}
.con_box .con_tit{ text-align:center; font-size:0.48rem; line-height:1.5;color:#1d1d1f; font-weight:bold;}
.con_box p{ text-align:center; font-size:0.24rem; color:#1d1d1f; font-weight:lighter;}

.con_box .more{ position:absolute; right:0; bottom:0; font-size:16px; color:#1d1d1f;}

.index_news_box{ margin-top:0.5rem;}
.index_news{ padding-bottom:70px;}
.index_news_item{ background:#fff; overflow:hidden; border-radius:30px;}
.index_news_item .top-image{ position:relative;}
.index_news_item .image-wrap{position:relative;display: block; overflow:hidden;border-radius:8px;}
.index_news_item .image-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.index_news_item .image-wrap .img-wrap-img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;left:0%;top:0%;z-index: 2;}




.index_news_item .text_box{padding: 30px 20px;}
.index_news_item .text_box .date{color:#777777;font-size: 14px;line-height:1.5;}
.index_news_item .text_box .tit{color: #1d1d1f;margin-top: 20px;font-size: 18px;margin-bottom:20px;font-weight: bold;t}
.index_news_item .text_box .dep{color: #777777;font-size: 14px; line-height:1.5;margin-bottom:20px;text-align:left; min-height: 42px; }

.index_news_item .text_box .more-bottom{ display:inline-block;}
.index_news_item .text_box .more-bottom .btn-more {color: #777777;font-size: 14px;line-height:1.5; }

.index_news_item:hover .image-wrap .img-wrap-img{  -webkit-transform: scale(1.05);  -ms-transform: scale(1.05);  -o-transform: scale(1.05);  transform: scale(1.05);}
.index_news_item:hover .text_box .tit{color:#1c4890;}


.index_news_box .swiper-pagination-bullet {background: #c2c2c2;margin:0px 10px;width: 14px;height: 14px;opacity: 1;}
.index_news_box .swiper-pagination-bullet-active {width: 103px;height: 14px; border-radius:7px;background: #1662b7;}



/*************公司介绍************/
.common_title{}
.common_cn{font-size:0.48rem;line-height:1.2;color:#1d1d1f;}
.common_en{font-size: 24px;line-height:1.2; color:#666666; text-transform:uppercase;}


.index_about{padding:1.1rem 0px;}
.index_about_box .index_about_L{width:35%;}

.index_about_box .index_about_R{width:60%;}
.index_about_box .index_about_qt{ position:relative;font-size:24px;margin-bottom:50px;padding:0 25px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;text-align:justify;line-height:1.6;}
.index_about_box .index_about_qt:before,.index_about_box .index_about_qt:after{content:'';width:47px;height:47px;position:absolute;
background-size:cover;background-origin:center center;background-repeat:no-repeat;}
.index_about_box .index_about_qt:before{top:0;left:0;background-image:url(../images/qmarks_l.png);}
.index_about_box .index_about_qt:after{bottom:0;right:0;background-image:url(../images/qmarks_r.png);}

.index_about_box .index_about_info{line-height:2.5;font-size:16px;padding:0 25px;text-align:justify;}
.index_about_box .index_about_info>p{margin-bottom:10px;}
.index_about_box .index_about_info>p:last-child{margin-bottom:0;}



.Hseptum{overflow:hidden; position:relative;}
.Hseptum img{ max-width:100%;}





.index_about_m3 { position:relative; height:5rem;
    background: url(../images/index_about_m3.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 2;
}


/**************合作伙伴**************/
.Hpartner{padding:1.1rem 0px;}
.Hpartner_box .Hpartner_L{width:35%;}
.Hpartner_box .Hpartner_R{width:65%;margin:-25px 0;}
.Hpartner_item{padding:10px 0;width: 20%;}
.Hpartner_item>a{ display:block;width:100%;height:85px;}
.Hpartner_item>a>img{height:100%;width:100%;object-fit:contain;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.Hpartner_item:hover>a>img{height:100%;width:100%;object-fit:contain;-webkit-filter: grayscale(0%); filter: grayscale(0%);}


@media (max-width: 769px) {
.index_pro_pic{width: 100%;background: #f7f7f7;overflow: hidden;}
.index_pro_text{width: 100%; overflow: hidden;padding: 20px 0.5rem;}	
	
.mc{ display:block;}
.pc{ display:none;}

	
	
.index_pro_middle .index_pro_item { width: 100%;}	
.index_pro_bottom .index_pro_item {width: 100%;}	
.index_pro_middle .index_pro_item>a { padding-bottom: 65%;}

.index_pro_search .txt { width: 100%;text-align:center; margin-bottom:0.2rem;}

.index_pro_bottom .index_pro_item>a { padding-bottom: 80%;}

.con_box { padding-bottom: 30px;}

.con_box .more {left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}


.index_about_m3 {
    position: relative;
    height: 5rem;
    background: url(../images/mindex_about_m3.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: scroll;
    z-index: 2;
}



.common_title { margin-bottom:20px;}	
.index_about_box .index_about_L{width:100%;}
.index_about_box .index_about_R{width:100%;}	
.index_about_box .index_about_info {line-height: 1.9;}

.Hpartner_box .Hpartner_L{width:100%;}
.Hpartner_box .Hpartner_R{width:100%;margin:-25px 0;}

.Hpartner_item {
    padding: 10px 0;
    width: 33.333%;
}

}
