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:"思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/}
input,button,select,textarea{font-family:"思源黑体 CN", "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;background:#fff;}
a{ text-decoration:none;}
::-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;
        text-size-adjust:none;
        -webkit-text-size-adjust:none; 
    }
}

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

.w_1440{width:75%;margin:0 auto;}



.header{height: 0.8rem;background:#000;padding:0 12.5%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.logo{width: 1.5rem;}
.header_r{display: flex;align-items: center;font-size: 0.2rem;color:#f3c944;}
.header_r img{width:0.36rem;margin-right: 0.18rem;}
.header_r b{font-size: 0.22rem;}
.header_r b a{color:#f3c944;}

.ban{height:8.13rem;background: url(../img/ban.jpg) no-repeat center center/cover;padding-top:1.04rem;box-sizing: border-box;position: relative;}
.ban .w_1440{height: 100%;position: relative;display: flex;justify-content: space-between;}
.ban_pro{width:6.58rem;position: absolute;left:1.32rem;bottom: 0.3rem;}
.banl{width:7.26rem;}
.banl h3{font-size: 0.4rem;color:#bababa;font-weight: bold;padding:0.4rem 0 0.24rem 0;}
.banl p{font-size: 0.26rem;line-height: 0.44rem;color:#bababa;}
.banr{width: 5.58rem;background:#e0ba41;padding:0 0.52rem;box-sizing: border-box;height: 6.5rem;}
.banr h2{font-size: 0.3rem;color:#e0ba41;text-shadow: 1px 1px #372e11;font-weight: bold;text-align:center;padding:0.43rem 0 0.36rem 0;}
.ban_bd{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 0.15rem;}
.ban_bd input{width: 48%;height: 0.37rem;border:2px solid #bf9e37;background: none;box-sizing: border-box;font-size: 0.16rem;color:#000000;padding-left: 0.15rem;}
.ban_bdsel{width: 48%;height: 0.37rem;border:2px solid #bf9e37;background: none;box-sizing: border-box;padding:0 0.15rem;display: flex;align-items: center;}
.ban_bdsel span{font-size: 0.16rem;color:#000000;width: 70%;}
.ban_bdsel select{width: 30%;background:url(../img/sel_jt.png) no-repeat right center/0.09rem 0.05rem;border: none;font-size: 0.16rem;color:#000000;}
.ban_bd01{width: 100%;height: 0.37rem;border:2px solid #bf9e37;box-sizing: border-box;display: flex;align-items: center;padding:0 0.16rem;}
.ban_bd01 span{font-size: 0.16rem;color:#000000;width: 30%;}
.ban_bd01 select{background:url(../img/sel_jt.png) no-repeat right center/0.09rem 0.05rem;border: none;font-size: 0.16rem;color:#000000;width: 70%;}
.ban_bd02 .ban_bdsel{width: 100%;border: none;display: flex;justify-content: space-between;padding: 0;}
.ban_bd02 .ban_bdsel select{width: 48%;height: 0.37rem;border:2px solid #bf9e37;background:url(../img/sel_jt.png) no-repeat 93% center/0.09rem 0.05rem;padding: 0 0.15rem;box-sizing: border-box;font-size: 0.16rem;color:#000000;}
.ban_bd textarea{display:block;width: 100%;height: 1.2rem;background:none;border:2px solid #9a812f;font-size: 0.16rem;color:#000000;line-height: 0.32rem;padding: 0.16rem;box-sizing: border-box;}
.ban_sub{width: 1.76rem;height: 0.46rem;border:2px solid #000;background: #f5eac6;box-sizing: border-box;font-size: 0.18rem;color:#000000;font-weight: bold;line-height: 0.46rem;text-align: center;margin:0.3rem auto 0 auto;cursor: pointer;transition: all 0.3s linear;}
.ban_sub:hover{background:#000;color: #fff;}

.ban_jt{width: 0.4rem;margin:0 auto;position: absolute;left:50%;bottom: 4%;transform: translateX(-50%);}
.ban_jt img{animation: xl 2s linear infinite;}

@keyframes xl{
    form{transform: translateY(0);}
    to{transform: translateY(20px);}
}


.con{overflow:hidden;background: url(../img/bg.jpg) no-repeat center center/cover;}
.con p{width: 84%;font-size: 0.22rem;color:#000000;line-height: 0.44rem;text-align: center;padding:1.2rem 0;margin:0 auto;}
.pro_nav{background:#fff;box-shadow: 0 0 0.2rem #f9f3dd;padding:0 0.06rem;box-sizing: border-box;}
.pro_nav ul{display: flex;justify-content: center;padding:0.24rem 0;flex-wrap: wrap;}
.pro_nav ul li{box-sizing: border-box;width: 25%;text-align: center;font-size: 0.24rem;color:#000000;line-height: 0.8rem;cursor: pointer;position:relative;border-bottom: 1px solid #e5e5e5;}
.pro_nav ul li.on{background: url(../img/nav2_icon.png) no-repeat center center/cover;border-right: none;font-weight: bold;}
.pro_nav ul li:nth-last-of-type(4),.pro_nav ul li:nth-last-of-type(7){border-right: none;}
.pro_nav ul li.li1{width: 33.33%;border-bottom: 0}
.pro_listconqh{display: none;}
.pro_listconqh.on{display: block;}
.pro_list{margin:1.16rem auto;width: 90%;}
.pro_pic{position: relative;}
.pro_xq{width: 100%;height: 100%;background:rgba(0,0,0,0.3);position: absolute;left:0;top:0;display: flex;justify-content: center;align-items: center;opacity: 0;transition: all 0.3s linear;}
.pro_xq a{width:1.75rem;}
.swiper-container-pro h3{font-size: 0.22rem;color:#000000;text-align: center;padding-top:0.2rem;}
.swiper-container-pro h3 span{font-size: 0.18rem;color:#f2c944;padding-left:0.06rem;}
.swiper-container-pro .swiper-slide:hover .pro_xq{opacity: 1;}

.new_pro{
width: 0.4rem;
height: 0.4rem;
background: #fabe0f;
border-radius: 0.4rem;
position: absolute;
right: 0.1rem;
top: 0.1rem;
font-size: 12px;
color: #000;
line-height: 0.4rem;
text-align: center;
animation: tiao 1.5s ease-in-out infinite;}

.video{position: relative;margin-bottom: 1rem;}
.video_btn{width:0.58rem;position: absolute;right: 0.67rem;bottom: 0.7rem;cursor: pointer;}
.video_con{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 1;display: none;}
.video_con video{display:block;width: 100%;}

.footer{background:#000;text-align: center;font-size: 0.15rem;color:#fff;line-height: 0.5rem;}
.footer a{color:#fff;}
.r_px{width:0.93rem;position: fixed;right:0;top:50%;transform: translate(0,-50%);transition: all 0.3s linear;}
.r_px a{display: block;width:100%;margin-bottom: 0.26rem;}
.r_px a:nth-of-type(2){margin-bottom: 0;}
.r_px.on{transform: translate(0,-50%);}

.pro_xqtc{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;left:0;top:0;z-index: 99;display: none;}
.pro_xqtccon{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background:#fff;padding:1rem 1rem;box-sizing: border-box;width: 75%;height: 6.5rem;}
.pro_xqqh{position: relative;display: none;}
.pro_xqqh.on{display: block;}

.pro_xqqhcon{display: flex;justify-content: space-between;display: none;}
.pro_xqqhcon.on{display: flex;}
.pro_xqqhl{width:5rem;}
.swiper-container-pros{position: absolute;left:0;top: 3rem;width: 5rem;}
.swiper-container-pros .swiper-slide{border:2px solid #fff;box-sizing: border-box;width: 1.42rem;margin-right: 0.13rem;}
.swiper-container-pros .swiper-slide.on{box-sizing: border-box;border-color:#f2c944;}
.pro_xqqhr{width: 6.9rem;}
.pro_xqqhr h2{font-size: 0.34rem;color:#000000;font-weight: bold;}
.pro_xqqhr h3{font-size: 0.2rem;color:#000000;line-height: 0.4rem;padding:0.2rem 0;}
.pro_xqqhr p{display: flex;align-items: center;padding-top:0.1rem;font-size: 0.2rem;color:#000000;}
.pro_xqqhr p img{width:0.09rem;margin-right: 0.16rem;}
.pro_xqbtn{width: 1.5rem;height: 0.46rem;background:#f2c944;border:1px solid #000;box-sizing: border-box;font-size: 0.18rem;color:#000000;line-height: 0.46rem;text-align: center;margin-bottom: 0.14rem;transition: all 0.3s linear;}
.pro_xqbtn a{display: block;width: 100%;height: 100%;color:#000000;}
.pro_xqtcclose{width: 0.36rem;position: absolute;right:0.49rem;top:0.49rem;cursor: pointer;}
.pro_xqbtn:hover{background:#000;}
.pro_xqbtn:hover a{color:#fff;}

.pro_xqtcbtn{display: flex;align-items: center;}
.pro_xqtcbtn .pro_xqbtn{margin-right: 0.3rem;}

@media(max-width:1688px){
    .w_1440{width: 84%;}
    .header{padding:0 8%;}

}

@media(max-width:1024px){
    .w_1440{width: 90%;}
    .header{padding:0 5%;}
    .header_r{font-size: 12px;}

    .ban{height: auto;margin-bottom: 9rem;}
    .ban .w_1440{flex-wrap: wrap;}
    .banl{width: 70%;}
    .ban_pro{position: relative;left:auto;bottom: auto;width: 60%;margin:0.3rem auto;}
    .banr{width: 100%;left:0;bottom: -9rem;height:auto;position: absolute;padding:0 0.3rem;}
    .banr h2{font-size: 0.34rem;}
    .ban_bd input{height: 0.6rem;font-size:12px;}
    .ban_bdsel{height: 0.6rem;font-size:12px;}
    .ban_bdsel span{font-size:12px;}
    .ban_bdsel select{font-size: 12px;}
    .ban_bd01{height: 0.6rem;}
    .ban_bd01 span{font-size: 12px;}
    .ban_bd01 select{font-size:12px;}
    .ban_bd02 .ban_bdsel select{height: 0.6rem;font-size:12px;}
    .ban_bd textarea{height: 2rem;font-size: 12px;line-height: 24px;}
    .ban_sub{width: 2rem;height: auto;font-size: 12px;line-height: 0.6rem;margin:0.3rem auto;}
    
    .con p{width: 100%;font-size: 12px;line-height: 24px;}
    .pro_nav ul li{width: 50%;border-right: none;border-bottom:1px solid #e5e5e5;font-size: 12px;line-height: 20px;padding:10px 0;}
    .pro_nav ul li.li1{width: 50%;border-top:none}
    .pro_xq{opacity: 1;}
    .swiper-container-pro h3{font-size: 13px;line-height: 26px;}
    .swiper-container-pro h3 span{font-size: 12px;}
    .footer{font-size: 12px;line-height: 24px;padding:10px 5%;box-sizing: border-box;}

    .pro_xqtccon{width: 90%;height: 11rem;padding:0.7rem 0.4rem;box-sizing: border-box;}
    .pro_xqqhcon{flex-wrap: wrap;}
    .pro_xqqhl{width: 100%;}
    .pro_xqtcclose{right: 0rem;top:-0.04rem;}
    .pro_xqqhr{width: 100%;margin-top:0.8rem;}
    .pro_xqqhr h3{font-size: 0.24rem;line-height: 0.4rem;}
    .pro_xqbtn{width: 2rem;height: 0.6rem;font-size: 0.24rem;line-height: 0.6rem;}
    .pro_xqqhr p{font-size: 0.24rem;}
    .swiper-container-pros{width: 100%;}
	.new_pro{right:-0.24rem;}
    

}

@keyframes tiao{
    0%{transform: scale(1);}
    25%{transform: scale(0.9);}
    50%{transform: scale(1);}
    75%{transform: scale(0.9);}
    100%{transform: scale(1);}
}