a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
:focus{outline:none;}
/*Reset Css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;font-weight: normal;}
html,body{margin:0; padding:0; font-family:'Arial',"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/}
input,button,select,textarea{font-family:'Arial',"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
select{*behavior: url("select.htc");}/*IE6,IE7select*/
ol,ul{padding-left:0; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,p{font-size:100%; font-weight:normal;}
input{display:inline-block; vertical-align:middle;color:#666;}

fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
* html .clearfix{height:1%;}
/*Common Css*/
body{font-size:12px;}
a{ text-decoration:none;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
::-ms-clear, ::-ms-reveal{display: none;}
input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;}
a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all 0.3s linear;}
.swiper-button-next,.swiper-button-prev{z-index:3 !important;}
textarea {resize: none;}


.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input::placeholder{color:#666;}
input:-ms-input-placeholder {
    color: #666 !important;
}
input::-webkit-input-placeholder {
    color: #666;
}
/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {color: #666;}
img{max-width:100%;width:100%;}

@media (max-width:6000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1024px){
    html{
        font-size: calc(100vw/7.5) !important;
        text-size-adjust:none;
        -webkit-text-size-adjust:none; 
    }
}


.w_1520{width: 79.16%;margin:0 auto;}
.all_body{overflow:hidden;width: 100%;}

.nn_header{height: 1rem;background:#fff;width: 100%;}
.nn_header .w_1520{display: flex;height: 100%;justify-content: space-between;align-items: center;}
.header_l{display: flex;align-items: center;}
.nn_logo{width: 2.31rem;margin-right: 22px;}
.header_l span{font-size:0.18rem;color:#000011;}
.nn_nav{display: flex;}
.nn_nav a{font-size:0.18rem;color:#000000;padding:0 0.16rem;margin-left:0.7rem;position: relative;}
.nn_nav a::after{display: block;width: 0;height: 2px;background: #000;position: absolute;left:50%;bottom: -0.2rem;transform: translateX(-50%);transition: all 0.3s linear;content: '';}
.nn_nav a:hover::after{width: 100%;}
.nav_btn{display: none;}

.nn_ban{width: 100vw;height:calc(100vh - 1rem);background: url(../img/ban.jpg) no-repeat center center/cover;position: relative;}
.nn_ban_wz{position: absolute;left:15%;top:30%;width: auto;}
.ban_btn{width: 200px;background:#e60012;font-size:16px;line-height: 45px;text-align: center;margin-top:40px;transition: all 0.3s linear;}
.ban_btn a{display: block;width: 100%;height: 100%;color:#fff;}
.ban_btn:hover{background:#000;}

.fa{width: 79.16%;margin:0 auto;height: 100vh;box-sizing: border-box;overflow:hidden;}
.fa ul{display: flex;justify-content: space-between;height: 100%;align-items: center;}
.fa ul li{width: 49%;}
.fa ul li h2{font-size:0.36rem;color:#1c1c1c;font-weight: bold;padding:0.27rem 0 0 0;position: relative;}
.fa ul li h2::after{display: block;width: 0.58rem;height: 0.04rem;background: #dd2525;content: '';position: absolute;left:0;top:0;}
.fa ul li p{font-size:0.18rem;color:#4c4c4c;line-height: 0.3rem;padding:0.24rem 0 0.47rem 0;}
.fa_pic{overflow:hidden;}
.fa_pic img{transition: all 0.3s linear;}
.fa_pic:hover img{transform: scale(1.1);}

.pk{background:#fafafa;text-align: center;height: 100vh;}
.tit{font-size:0.36rem;color:#1c1c1c;line-height: 0.5rem;font-weight: bold;padding:0.7rem 0 0.2rem 0;position: relative;margin:0 auto 0.2rem auto;}
.tit::after{display: block;width: 0.58rem;height: 0.04rem;background: #dd2525;content: '';position: absolute;left:50%;bottom:0;transform: translateX(-50%);}
.pk h2{font-size:0.3rem;color:#1c1c1c;font-weight: bold;padding-top:0.24rem;}
.pk p{font-size:0.18rem;color:#808080;line-height: 0.3rem;padding:0.24rem 0;}
.pk_pic{width: 12rem;margin: 0 auto;}

.hy{height: 100vh;padding-top:1.2rem;}
.hy h2{font-size:0.36rem;color:#1c1c1c;font-weight: bold;padding:0.27rem 0 0.48rem 0;position: relative;}
.hy h2::after{display: block;width: 0.58rem;height: 0.04rem;background: #dd2525;content: '';position: absolute;left:0;top:0;}
.hy ul{display: flex;justify-content: space-between;}
.hy ul li{width: 7.4rem;background:#f2f2f2;padding:0 0.3rem;box-sizing: border-box;text-align: center;}
.hy ul li h3{font-size:0.3rem;color:#1c1c1c;font-weight: bold;padding:0.32rem 0;}
.hy_pic{overflow:hidden;}
.hy_pic img{transition: all 0.3s linear;}
.hy_pic:hover img{transform: scale(1.1);}
.hy ul li p{font-size: 0.24rem;color:#b3b3b3;padding:0.3rem 0;}
.hy ul li p span{font-weight: 500;padding:0 0.2rem;color:#4c4c4c;}

.sel{width: 100%;overflow:hidden;position: relative;height: 100vh;}
.selcon{width: 100%;height: 100%;background:#fafafa;padding:0.74rem 2rem 0 2rem;box-sizing: border-box;display: flex;justify-content: space-between;position: absolute;}
.selcon:nth-of-type(1){z-index: 3;}
.selcon:nth-of-type(2){z-index: 2;}
.selcon:nth-of-type(3){background:#fff;z-index: 1;}
.sel_conl{width: 6rem;position: relative;margin-top: 1.6rem;}
.sel_conlpic{width: 7rem;overflow:hidden;border-radius:0.08rem;}
.sel_conl h2{font-size:0.36rem;color:#1c1c1c;font-weight: bold;padding-top:0.3rem;}
.sel_conl h3{font-size:0.3rem;color:#1c1c1c;font-weight: bold;padding:0.3rem 0;}
.sel_conl dl{border-bottom: 1px solid #ccc;}
.sel_conl dl dd{border-top:1px solid #ccc;display: flex;}
.sel_conl dl dd span{font-size: 0.18rem;color: #1c1c1c;line-height: 0.7rem;}
.sel_conl dl dd span:nth-of-type(1){width: 35%;}
.sel_conl dl dd span:nth-of-type(2){width: 65%;}

.fan_tit{font-size:0.36rem;color:#1c1c1c;font-weight: bold;padding-top:0.3rem;position: absolute;left:2rem;top:1.6rem;z-index: 20;}
.fan_tit::after{display: block;width: 0.58rem;height: 0.04rem;background: #dd2525;content: '';position: absolute;left:0;top:0;}

.zl{height: 100vh;padding-top:0.8rem;box-sizing: border-box;overflow:hidden;}
.zl .tit{padding:0.28rem 0 0 0;}
.zl .tit::after{top:0;bottom: auto;}
.zl .pk_pic{width: 15.2rem;}

.case{padding:0.8rem 0 0 0;height: 100vh;overflow:hidden;box-sizing: border-box;}
.case .tit{padding:0.28rem 0 0 0;text-align: center;}
.case .tit::after{top:0;bottom: auto;}
.swiper-container-case .swiper-slide{background:#f2f2f2;padding:0 0.3rem;box-sizing: border-box;}
.swiper-container-case .swiper-slide h2{font-size:0.3rem;color:#000000;text-align: center;padding:0.3rem 0 0.2rem 0;}
.case_pic{overflow:hidden;}
.case_pic img{transition: all 0.3s linear;}
.case_pic:hover img{transform: scale(1.1);}
.swiper-container-case .swiper-slide h3{font-size:0.3rem;color:#000000;font-weight: bold;padding-top:0.2rem;text-align: center;}
.swiper-container-case .swiper-slide p{font-size:0.24rem;color:#000000;line-height: 0.4rem;text-align: center;padding:0.1rem 0 0.2rem 0;}

.jz_fot{height: 100vh;background: url(../img/pic13.jpg) no-repeat center center/cover;display: flex;align-items: center;}
.jz_fot .tit{padding:0.28rem 0 0.47rem 0;text-align: center;color:#fff;}
.jz_fot .tit::after{top:0;bottom: auto;}
.jz_fot p{font-size:0.18rem;color:#ffffff;line-height: 0.3rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.jz_fot p img{width: 0.15rem;margin-right: 0.14rem;}

body.removeHide>div:nth-last-child(1),body.removeHide>div:nth-last-child(2){opacity:0;}
body.removeHide>div:nth-last-child(3){opacity: 1;}

.fot_dh{height: 50vh;overflow:hidden;}
.fot_dh ul{display: flex;align-items: center;height: 100%;}
.fot_dh ul li{width: 33.33%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;;position: relative;overflow:hidden;}
.fot_dh ul li:hover img{transform: scale(1.15);}
.fot_dh ul li img{width: 100%;position: absolute;left:0;top:-40%;transition: all 0.3s linear}
.fot_dhtit{font-size:0.36rem;color:#fff;font-weight: bold;position: relative;z-index: 2;}
.fot_dhlin{width: 3rem;height: 2px;background:#ccc;margin:0.4rem auto;position: relative;z-index: 2;}
.fot_dhlin::after{display: block;width: 0.8rem;height: 4px;background: #e60012;content: '';position: absolute;left:50%;top:-1px;transform: translateX(-50%);}
.ckmore_btn{width: 1.72rem;height: 0.5rem;background: #e60012;border-radius: 0.5rem;font-size: 0.18rem;line-height: 0.5rem;text-align: center;transition: all 0.5s linear;position: relative;z-index: 2;}
.ckmore_btn a{display: block;width: 100%;height: 100%;color:#fff;}
.ckmore_btn:hover{background:#000;}

.swiper-pagination-case{display: none;}

.wappk_pic{display: none;}




@media(max-width:1024px){
    .w_1520{width: 90%;}
    .nn_nav{width: 40vw;height:calc(100vh - 1rem);background:#fff;position: fixed;right:0;top:1rem;z-index: 99;padding:0 5%;box-sizing: border-box;display: block;transform: translateX(100%);transition: all 0.3s linear;}
    .nn_nav a{width: 100%;line-height: 0.36rem;text-align: right;margin:0.6rem 0 0 0;padding:0;font-size: 0.28rem;display: block;}
    .nn_nav.on{transform: translateX(0);}

    .nav_btn{display: block;}
    .nav_btn{position: relative;height: 0.3rem;width: 0.4rem;cursor:pointer;order: 4;}
    .nav_btn span{display: block;width: 100%;height: 2px;background: #000;position: absolute;}
    .nav_btn span:nth-of-type(1){top:0;transition: all 0.3s linear;}
    .nav_btn span:nth-of-type(2){top:44%;}
    .nav_btn span:nth-of-type(3){bottom:0;transition: all 0.3s linear;}
    .nav_btn.on span:nth-of-type(1){transform: rotate(45deg);top:40%;}
    .nav_btn.on span:nth-of-type(2){display: none;}
    .nav_btn.on span:nth-of-type(3){transform: rotate(-45deg);bottom:50%;}


    .tit{padding:1rem 0 0.5rem 0;}


    .nn_logo{width: 1.6rem;margin-right: 10px;}
    .header_l span{font-size: 0.24rem;}
    .nn_ban{background: url(../img/wap_ban.jpg) no-repeat center center/cover;}
    .nn_ban_wz{left:50%;top:10%;width: 90%;margin-left: -45%;}
    .ban_logo{width: 3.6rem;margin:0 auto;}
    .ban_btn{width: 2.5rem;height: 0.6rem;font-size: 0.24rem;line-height: 0.6rem;margin:1rem auto 0 auto;}

    .fa{padding:1rem 0 0.8rem 0;height: auto;width: 90%;}
    .fa ul{flex-wrap: wrap;}
    .fa ul li{width: 100%;margin-bottom: 0.6rem;}
    .fa ul li:nth-of-type(2){margin-bottom: 0;}
    .fa ul li p{font-size: 0.24rem;line-height: 0.36rem;}



    .pk{padding:0 0 1rem 0;box-sizing: border-box;height: auto;}
    .pk p{font-size: 0.24rem;line-height: 0.36rem;padding:0.24rem 5%;box-sizing: border-box;}
    .pk_pic{width: 100%;}
    .hy{padding:0.7rem 0 0.4rem 0;height: auto;}
    .hy ul{flex-wrap: wrap;}
    .hy ul li{width: 100%;margin-bottom: 0.3rem;}

    .fan_tit{left:5%;top:0.6rem;}
    .sel{height: 100vh;box-sizing: border-box;}

    .selcon{padding:1.8rem 5% 0rem 5%;box-sizing: border-box;flex-wrap: wrap;}
    .sel_conlpic{width: 100%;order: 1;height: 6rem;overflow:hidden;}
    .sel_conl dl dd span{font-size: 0.24rem;}
    .sel_conl{width: 100%;order: 2;margin-top:0rem;}
    .sel_conl dl dd span:nth-of-type(1){width: 30%;}
    .sel_conl dl dd span:nth-of-type(2){width: 70%;}

    .case{padding:1rem 0 0.7rem 0;height: auto;}

    .zl{padding:1rem 0 0.8rem 0;}
    .zl .pk_pic{width: 100%;}

    .jz_fot{height: 70vh;}
    .jz_fot p{font-size: 0.24rem;line-height: 0.36rem;}
    

    .fot_dh{height:100vh;}
    .fot_dh ul{flex-wrap: wrap;}
    .fot_dh ul li{width: 100%;height: 33.33%;}
    .ckmore_btn{width: 2.5rem;height: 0.6rem;border-radius: 0.6rem;font-size: 0.24rem;line-height: 0.6rem;}
    .fot_dhtit{font-size: 0.36rem;}
    .ckmore_btn{width: 2.2rem;height: 0.5rem;line-height: 0.5rem;text-align: center;}

    .swiper-pagination-case{display: block;position: relative !important;margin-top: 0.2rem;}
    .swiper-pagination-case .swiper-pagination-bullet{margin:0 0.1rem;}  
    .swiper-pagination-case .swiper-pagination-bullet-active{background:#dd2525;}

    .pk_pic{display: none;}
    .wappk_pic{display: block;}
    

}