*{padding: 0px; margin: 0px; -webkit-box-sizing: border-box;box-sizing: border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;border: none; }   

body {position: relative; width: 100%;  background:#ffffff; color:#333;  font-family: "΢ÈíÑźÚ","microsoft yahei",'Arial Regular', Verdana, Helvetica, sans-serif; }   

html {width: 100%; overflow-x: hidden; overflow-y: scroll;}  

td,th,caption { font-size:0.78rem;}

a {color: #333; text-decoration:none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}   

a,button{cursor:pointer;}

a:hover { text-decoration:none; transition: .3s all;-webkit-transition: .3s all;-moz-transition: .3s all;-o-transition: .3s all;}   

img { border:none; }   

ol,ul,li { list-style:none; }   

input, textarea, select, button { font:1rem "΢ÈíÑźÚ", 'Arial Regular', Verdana,Helvetica,Arial,sans-serif; outline: none;}   

input[type="submit"]{-webkit-appearance: none;resize: none;} 

table{ border-collapse:collapse; }   

textarea{resize:none;}

	

.fl{float: left;}

.fr{float: right;}

.show{display:block !important;}

.hide{display: none !important;}

.clearfix:after{clear:both;content:""; display:block; visibility:hidden; height:0;overflow: hidden;}

.container{width: 90%;margin: 0 auto; overflow: hidden; position: relative;}

/* .majuscule{text-transform:uppercase;} */



/* µ¼º½ */

.nav{position: fixed; top: 0;left: 0; z-index: 100; width: 100%; background-color: transparent;}

.nav_con{margin: 0 auto; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.logo_img{height: 3rem;}

.nav_con_r,.first_nav{width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:flex-end;}

.first_nav{width: 100%;position: relative;}

.fir_nav_li{width: 10%;}

.sec_nav{padding: 0 0.5rem; min-width: 10%;}

.fir_nav_a,.nav_search,.sec_nav_a,.thi_nav_a{position: relative; display: block;color: #fff; text-align: center;}

.fir_nav_a,.nav_search{height: 5rem; line-height: 5rem;}

.sec_nav_a{line-height: 3;}

.sec_nav2 .sec_nav_a,.thi_nav_a{line-height: 4;}

.sec_nav2 .sec_nav_a{font-size: 1.2rem;}

.nav_lan{position: relative; padding-left: 1.6rem; margin: 0 auto;display: inline-block;}

.nav_lan::before{content: '';position: absolute; left: 0; top:0; width: 1.2rem;height:100%;background: url(/skin/images/common/language_i.png)center center no-repeat; background-size: contain;}

.nav_search{width: 5%; display: block;background-image: url(/skin/images/common/search_i.png);background-position: center; background-repeat: no-repeat; background-size: 1.2rem auto; }

.nav_search_inp,.nav_search_btn{line-height: 4rem; height: 4rem;}

.nav_search_inp{width: 80%; font-size: 1rem; background-color: #000;color: #afacac;}

.nav_search_btn{width: 20%; min-width: 1.2rem; background-color: transparent; background-image: url(/skin/images/common/search_i.png); background-position: 80% center; background-repeat: no-repeat; background-size: 1.2rem auto;}

input::-webkit-input-placeholder {color: #afacac;}

input:-moz-placeholder {color: #afacac;}

input::-moz-placeholder {color: #afacac;}

input:-ms-input-placeholder {color: #afacac;}



.nav_black{background-color: #000;}

.mark{display: none;position: fixed; top: 4rem; left: 0; width: 100%; /* height: 20rem; */height: 100%;z-index: 98;}



.sec_nav,.thi_nav,.nav_active,.nav_search_row,.sec_nav2{ background-color: #000;}

.sec_nav,.sec_nav2,.thi_nav,.nav_showBtn,.nav_search_con{display: none;}

.fir_nav_sel,.sec_nav_sel{font-weight: bold;}

.sec_nav2_sel .thi_nav,.sec_nav2_sel .sec_nav_blo::after{display: block;}



/* banner */

.banner{position: relative; width: 100%; height: 100vh; overflow: hidden;}

.banner .swiper-container{width: 100%;height: 100%;}

.swiper-slide{position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} 

.banner_img,.banner img,.banner_img img,.banner_img video{display: block; height: 100%; width: 100%; object-fit: cover; }

.banner_word{position: absolute; left: 0px; top: 60%; width: 100%; }

.banner_word_con{width: 70%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: flex-end;}

h3{opacity: 0; font-size: 3.1rem; line-height: 1.5; color: #fff;font-weight: normal;}

h4{opacity: 0; margin-bottom: 22%; /*text-transform:uppercase;*/font-weight: normal; margin-top: 1.2em; font-size: 1.2rem; color: #fff;}

.swiper-pagination .swiper-pagination-bullet,.swiper-pagination .swiper-pagination-bullet-active{opacity: 0.4;background: #fff;}

.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}



.content_mar{}



.banner_word_animate{top: 40%; -webkit-transition: all 0.8s 0.2s;transition: all 0.8s 0.2s;}

.banner_word_animate h3{opacity: 1; -webkit-transition: all 0.8s 0.6s;transition: all 0.8s 0.6s;}

.banner_word_animate h3:first-child{opacity: 1; -webkit-transition: all 0.8s 0.4s;transition: all 0.8s 0.4s;}

.banner_word_animate h4{opacity: 1; -webkit-transition: all 0.8s 0.8s;transition: all 0.8s 0.8s;}



/* tab */

.tab{width: 100%; font-size: 1.5rem; line-height: 4; background-color: #fff;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: top; -ms-flex-align: top; align-items: top;}

.tab_blo{width: 20%; word-break:keep-all; text-align: center; color: rgb(85, 83, 83); border-bottom: solid 2px #fff; border-right: solid 1px #e5e5e5;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.tab_blo:last-child{border-right: none;}

.tab_i1,.tab_i2,.tab_i3,.tab_i4,.tab_i5{width: 1.4rem; height: 100%; margin-right: 4%; background-image: url(/skin/images/common/tab_i1.png); background-position: center; background-repeat: no-repeat; background-size: contain;}

.tab_i2{background-image: url(/skin/images/common/tab_i2.png);}

.tab_i3{background-image: url(/skin/images/common/tab_i3.png);}

.tab_i4{background-image: url(/skin/images/common/tab_i4.png);}

.tab_i5{background-image: url(/skin/images/common/tab_i5.png);}

.tab_blo_on,.tab_blo:hover{color:#004bc8; border-bottom: solid 2px #004bc8;}

.tab_blo_on .tab_i1,.tab_blo:hover .tab_i1{background-image: url(/skin/images/common/tab_i1_on.png);}

.tab_blo_on .tab_i2,.tab_blo:hover .tab_i2{background-image: url(/skin/images/common/tab_i2_on.png);}

.tab_blo_on .tab_i3,.tab_blo:hover .tab_i3{background-image: url(/skin/images/common/tab_i3_on.png);}

.tab_blo_on .tab_i4,.tab_blo:hover .tab_i4{background-image: url(/skin/images/common/tab_i4_on.png);}

.tab_blo_on .tab_i5,.tab_blo:hover .tab_i5{background-image: url(/skin/images/common/tab_i5_on.png);}



/* bar */

.bar{position: relative; margin: 0 auto;width: 90%;  color: rgb(85, 83, 83);}

.bar,.bar_case_i,.bar_index_i,.bar_news_i{ height: 5.5rem; line-height: 5.5rem;}

.bar_case_i::before,.bar_index_i::before,.bar_news_i::before{content: ''; float: left; margin-right: 1.1rem; width: 1.3rem; height: 5.5rem; background-image: url(/skin/images/common/case_i.png); background-position: center; background-repeat: no-repeat; background-size: contain;}

.bar_index_i::before{background-image: url(/skin/images/common/index_i.png);}

.bar_news_i::before{background-image: url(/skin/images/common/news_i.png);}



/* footer */

footer{width: 100%; background-color: #000; background: url(/skin/images/common/footer.jpg)center center no-repeat; background-size: cover;}

.foot{padding: 4vw 0 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;flex-wrap:wrap; justify-content:space-between;  color: rgb(185 182 182); font-size: 1rem; line-height: 2;}

.foot>div,.foot>ul{margin-bottom: 2vw;}

.foot>div:last-child{width: 17%;}

.foot_logo,.foot_phone{height:3vw;}

.foot_phone{margin: 4vw auto 1vw; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start;align-items: center;}

.foot_phone img{margin-right: 0.3rem; width: 3.3rem;}

.foot_phone_t{font-size: 0.8rem; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}

.foot_phone_t p:last-child{font-size: 1.1rem;}

.foot_code{float: right;width: 35%; margin-left: 15%;}

.foot_code_img{width: 100%;}

.foot_t1{margin-bottom: 2.3vw;}

.foot_code .foot_t1{text-align: center;}

.foot_bot{padding-bottom: 3vw; text-align: center;  color: rgb(185 182 182);}

.foot_bot span,.foot_bot a{margin-right: 0.75rem;margin-left: 0.75rem;}

.foot_bot a:last-child{margin-right: 0;}

footer a{color: rgb(185 182 182);}

footer li:hover a{color: #fff;}



/* commonControl */

.btn_more,.btn_more_white,.btn_more_blue{padding: 0.83rem 2.3rem; font-size: 1.1rem; display: inline-block; width: fit-content; /*text-transform:uppercase;*/ line-height: 1.4; font-weight: bold; color: #010101; text-align: center; border: solid 1px #000; border-radius: 0.3rem;}

.btn_more_white{color: #fff; border: solid 1px #fff;}

.btn_more_blue{color:#004bc8; border: solid 1px #004bc8;}





/* video */

.video_con{padding: 3.3vw 0 4vw; width: 100%; background-color: #fff;}

.video_con_v{width: 100%; background-color: #000;}



/* paging */

.paging{padding: 3.3vw 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.paging a{margin: 0 0.5rem; padding: 0 0.5rem; min-width: 3.3rem; display: inline-block; text-align: center; font-size: 1rem; line-height: 2.5; background-color: #eee; color: #838383; border-radius: 0.3rem; overflow: hidden;}

.paging li:hover a,.paging_btn_on a{background-color: #004bc8; color:#fff;}



.paging span{margin: 0 0.5rem; padding: 0 0.5rem; min-width: 3.3rem; display: inline-block; text-align: center; font-size: 1rem; line-height: 2.5; background-color: #eee; color: #838383; border-radius: 0.3rem; overflow: hidden;}

.paging li:hover span,.paging_btn_on span{background-color: #004bc8; color:#fff;}





@media screen and (min-width: 1201px) {    

    .sec_nav{position: absolute; top: 100%;}

    .sec_nav_li,.sec_nav2_li{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%;}

    .sec_nav2{position: fixed; left: 10%; z-index: 99; padding: 2rem 0; width: 80%;}

    .sec_nav2_li{flex-direction: row; width: 100%;}

    .sec_nav_blo .sec_nav_a{margin: 0 auto; width: 15rem;border-bottom: solid 1px #565656;}

    .sec_nav2 .sec_nav2_li:last-child .sec_nav_a{border-bottom: none;}

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

    .sec_nav_blo::after{content: '>';display: none; position: absolute; right: 5%; top: 0; line-height: 4rem; color: #fff;font-size: 1.2rem;}

    .thi_nav{width: 70%; height: 100%; align-items: center;}

    .thi_nav_li{width: 100%; height: 100%; }

    .thi_nav_a{padding: 0 3%; display: inline-block;}

    

    .fir_nav_a:hover,.sec_nav_a:hover,.sec_nav2_li:hover .sec_nav_a,.thi_nav_a:hover{font-weight: bold;}

    .fir_nav_a:hover::after,.fir_nav_sel::after{content: ''; position: absolute; bottom: 20%; left: 25%; width: 50%; border-bottom: solid 1px #fff; }

    .fir_nav_li:hover .sec_nav,.fir_nav_li:hover .sec_nav2{display: block;}

        

    .nav_search_con{display: none; position: fixed; top: 5rem; left: 0; z-index: 99;  width: 100%; height: 20rem;}

    .nav_search_row{margin: 0 10%;width: 80%; height: 100%;}

    .nav_search_row>div{margin: 0 auto; padding-top: 8rem; width: 40%; border-bottom: solid 1px #afacac; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; }





    /* .nav_search:hover .nav_search_con,.nav_search:hover .mark{display: block;} */
    .nav_search_sel .nav_search_con,.nav_search_sel .mark{display: block;}

    .btn_more:hover,.btn_more_white:hover,.btn_more_blue:hover{ -moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

}

@media screen and (max-width: 1200px) { 

    .nav_con{padding-left: 5%; width: 100%; }

    .first_nav{display: none;}    

    .logo_img{height: 2rem;}

    .fir_nav_a,.nav_search,.nav_showBtn{height: 4rem; line-height: 4rem;}

    /* .sec_nav_a,.thi_nav_a{line-height:3;} */

    

    .nav_showBtn{width: 15%; display: block;background-image: url(/skin/images/common/menu_i.png); background-position: center; background-repeat: no-repeat; background-size: 1.2rem auto; }

    .first_nav{position: absolute; left: 0; top: 4rem; width: 100%; background-color: rgba(0, 0, 0, 0.3);flex-direction: column;}

    .fir_nav_li,.sec_nav,.sec_nav2,.thi_nav_li,.nav_search{padding-left: 5%; width: 100%;}

    .fir_nav_a,.sec_nav_a,.thi_nav_a{text-align: left;}

    .sec_nav_blo .sec_nav_a{width: fit-content;}

    .sec_nav_blo,.fir_nav_a{background-image: url(/skin/images/common/arr_bottom_i.png); background-position: 95% center; background-repeat: no-repeat; background-size: 1rem auto;}

    .fir_nav_li:first-child .fir_nav_a,.fir_nav_li:last-child .fir_nav_a,.fir_nav_li:nth-child(5) .fir_nav_a{background-image: none;}

    .sec_nav2_sel .sec_nav_blo,.fir_nav_sel{background-image: url(/skin/images/common/arr_top_i.png);}

    .sec_nav_a{line-height: 4;}

    .thi_nav_a{line-height: 3;}

    .nav_on{height: 100vh; background-color: #000; overflow-y: scroll;}   

    .nav_on .first_nav{display: block;}

    .fir_nav_sel~.sec_nav,.fir_nav_sel~.sec_nav2,.sec_nav2_sel~.thi_nav{display: block;}



    .nav_search{background-image: none; }

    .nav_search_con{display: block;}

    .nav_search_row>div{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; }

    .nav_search_inp{width: 90%;}

    .nav_search_btn{width: 10%; background-position:center;}    



    .banner{height: 40rem;}  

    .banner_word_con{width: 80%;}

    

    .tab{font-size: 1.2rem;}

    .tab_i1, .tab_i2, .tab_i3, .tab_i4, .tab_i5{/*width: 1.2rem;*/display: none;}

    .foot{text-align: center; align-items: center;justify-content:center;}

    .foot > div, .foot>div:last-child{width: 90%;}

    .foot > ul{width: 25%;}

    .foot_code{float: none;display: inline-block; width: 13vw; margin: 0 5%;}

    .foot_logo{width: auto; height: 3.5rem;}

    .foot_phone{width: 100%;height: fit-content; justify-content: center;}

    .foot_bot span:first-child{display: block;margin-right:0;}

    .foot_t1~li{display: none;}

    .paging_btn{min-width: 2rem; line-height: 2;font-size: 1.1rem;}

}

@media screen and (max-width: 1000px) {

    .banner{height: 30rem;}   

    .bar, .bar_case_i, .bar_index_i, .bar_news_i,.bar_news_i,.bar_case_i::before,.bar_index_i::before,.bar_news_i::before{height: 3rem; line-height: 3rem;}

}

@media screen and (max-width: 768px) {   

    .banner{height: 25rem;}

    h3{font-size: 2rem;}    

    .tab{height: 3rem; line-height: 3rem; font-size: 1rem;}

}

@media screen and (max-width: 428px) {

    .logo_img{height: 1.5rem;}

    .banner{height: 20rem;}

    h3{font-size: 1.5rem;}

    h4{font-size: 0.8rem;}

}

@media screen and (max-width: 375px) {

    .tab{font-size: 0.6rem;}

}

@media screen and (max-width: 320px) {

    h4{margin-bottom: 5%;margin-top: 0.5rem;}

}





@-webkit-keyframes toBig {

    0% {}

    50% {

        -moz-transform: scale(1.2,1.2);

        -webkit-transform: scale(1.2,1.2);

        -o-transform: scale(1.2,1.2);

        -ms-transform: scale(1.2,1.2);

        transform: scale(1.2,1.2);

    }

    100% {}

  }

  @keyframes toBig {

    0% {}

    50% {

        -moz-transform: scale(1.2,1.2);

        -webkit-transform: scale(1.2,1.2);

        -o-transform: scale(1.2,1.2);

        -ms-transform: scale(1.2,1.2);

        transform: scale(1.2,1.2);

    }

    100% {}

  }



<!--ºÄʱ1756645076.2342Ãë-->