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;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/}
input,button,select,textarea{font-family:"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:lighter;}
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:underline; color:#fff;}
a:hover{ text-decoration:none; color:#c00;}
.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;
}

a,input[type=reset],input[type=submit],input[type=button]{}
img{max-width:100%;
    width:100%;
    
}
#dituContent img{max-width:inherit;width:auto;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;}
body,html{min-height: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;
    }
}








.blank50{height:50px; clear:both; overflow:hidden;}

.ban{height:10.3rem;overflow:hidden;background:url(../images/ban_bg.jpg) no-repeat center center/cover;}
.ban_con{width:14.7rem;margin:2.2rem auto 0 auto;display: flex;justify-content: space-between;}
.ban_conl h2{font-size:0.36rem;color:#ffffff;}
.ban_conl h3{font-size:0.42rem;color:#fabe0f;}
.ban_conl h3 b{font-family: 'robotslab bold';font-size:0.72rem;font-weight:bold;}
.ban_conl p{font-size:0.48rem;color:#ffffff;}
.ban_conr{width:6.79rem;}
.bm_btn{width:5.8rem;height:0.64rem;background:#fabe0f;border-radius: 0.44rem;font-size: 0.2rem;color:#000000;line-height: 0.64rem;text-align: center;cursor: pointer;margin-top:0.8rem;}
.bm_btn a{display: block;width:100%;height:100%;color: #000;}
.pro_qa{width:16.6rem;overflow:hidden;margin:0 auto;}
.pro_tit{font-size:0.6rem;color:#000000;line-height:0.72rem;text-align: center;font-weight:bold;padding:0.8rem 0;}
.pro_qa ul{display: flex;justify-content: space-between;}
.pro_qa ul li{width:31%;}
.pro_qa ul li h2{font-size:0.32rem;color:#fabe0f;font-weight:bold;padding-bottom:0.24rem;height:1rem;}
.pro_qa ul li h3{font-size:0.2rem;color:#1a1a1a;line-height:0.36rem;padding:0 0 0.6rem 0;box-sizing: border-box;height:1.8rem;overflow:hidden;}
.pro_qa ul li h3 span{display: inline-block;width:0.2rem;height:0.2rem;background:#fabe0f;border-radius:0.2rem;font-size:0.14rem;line-height:0.2rem;text-align: center;margin:0 0.22rem 0 0;color:#fff;}
.pro_qa ul li p{font-size:0.2rem;color:#000000;text-align: center;padding:0.8rem 0 0.36rem 0;}

.pro_gn{overflow: hidden;background:#fafafa;padding-bottom:0.5rem;}
.pro_gncon{width:15.14rem;height:7.14rem;margin:0 auto 1.46rem auto;background:url(../images/ld.png?v=1.1) no-repeat center center/6.8rem 6.25rem;position:relative;}
.pro_gncon ul{float: left;width:3.75rem;}
.pro_gncon ul:nth-of-type(2n){float: right;margin-top:0.76rem;}
.pro_gncon ul li{margin-bottom: 1.2rem;position: relative;}
.pro_gncon ul:nth-of-type(2) li:nth-of-type(1){margin-bottom:1.6rem;}
.pro_gncon ul:nth-of-type(2) li:nth-of-type(2){margin-bottom:1.6rem;}
.pro_gncon ul:nth-of-type(1) li:nth-of-type(2){margin-bottom:2rem;}
.pro_gncon ul:nth-of-type(1) li:nth-of-type(3){padding-left:1.2rem;box-sizing: border-box;}
.pro_gncon ul li h2{font-size:0.3rem;color:#1a1a1a;font-weight:bold;transition: all 0.3s linear;}
.pro_gncon ul li p{font-size:0.24rem;color:#1a1a1a;line-height:0.3rem;padding-top:0.12rem;transition: all 0.3s linear;}
.pro_gnpic{width:3rem;margin-top:0.12rem;opacity: 0;transition: all 0.3s linear;position: absolute;left:0;top:100%;}
.pro_gncon ul:nth-of-type(1) li:nth-of-type(3) .pro_gnpic{left:1.2rem;}
.pro_gncon ul li:hover h2{transform: translateY(-0.8rem);}
.pro_gncon ul li:hover p{transform: translateY(-0.8rem);}
.pro_gncon ul li:hover .pro_gnpic{opacity: 1;transform: translateY(-0.8rem);}
.pro_gncon ul:nth-of-type(3){position:absolute;left:54%;bottom:-2rem;transform:translateX(-50%)}
.pro_gncon ul:nth-of-type(3) li:hover h2{transform:translateY(0);}
.pro_gncon ul:nth-of-type(3) li:hover p{transform:translateY(0);}



.pro_gnconwap{width:90%;margin:0 auto;padding-bottom:0.5rem;display: none;}
.pro_gnconwappic{width:70%;margin:0 auto;}
.pro_gnconwap ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_gnconwap ul li{margin-top:0.4rem;width: 48%;}
.pro_gnconwap ul li h2{font-size:0.28rem;color:#1a1a1a;font-weight:bold;}
.pro_gnconwap ul li p{font-size:0.24rem;color:#1a1a1a;line-height:0.3rem;padding-top:0.12rem;}
.pro_gnpicw{width:100%;margin-top:0.3rem;}

.pro_video{position: relative;}
.video_btn{width:1.2rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.video_con{clear:both; width:50%; margin:0 auto;position: absolute; top:35%; left:30%;}
.video_con_m{clear:both; width:50%; margin:0 auto;position: absolute; top:35%; left:30%; display:none;}
.pro_list{background:#19191a;padding:2.2rem 0;}
.pro_list ul{display: flex;justify-content: center;flex-wrap: wrap;}
.pro_list ul li{width:3.2rem;margin:0 0.2rem;}
.pro_listicon{width:1rem;margin:0 auto;}
.pro_list ul li h2{font-size:0.36rem;color:#e5e5e5;text-align: center;padding:0.37rem 0 0.17rem 0;}
.pro_list ul li p{font-size:0.24rem;color:#808080;line-height:0.36rem;}

.pro_formcon{width: 10rem;margin:0 auto; padding-bottom:150px;}
.pro_formcon h3{font-size:0.24rem; line-height:0.4rem; color:#333;}
.pro_formcon h3 a{color:#c00; text-decoration:none;}
.pro_formcon h3 a:hover{color:#000; text-decoration:underline;}
.pro_formcon input{display: block;width:100%;height:0.8rem;overflow:hidden;background:none;border:1px solid #e6e6e6;box-sizing: border-box;font-size:0.24rem;line-height:0.8rem;padding-left:0.2rem;margin-bottom:0.2rem;}
.pro_formsel p{width:100%;height:0.8rem;overflow:hidden;background:none;border:1px solid #e6e6e6;box-sizing: border-box;font-size:0.24rem;line-height:0.8rem;padding-left:0.2rem;margin-bottom:0.2rem;position: relative;cursor: pointer;}
.pro_formsel p b{width:0.11rem;position: absolute;right:0.16rem;top:50%;transform: translateY(-50%);}
.pro_formsel p b img{transition: all 0.3s linear;}
.pro_formselxl{width:100%;background:#fbfbfd;padding:0.2rem;box-sizing: border-box;display: none;}
.pro_formselxl span{display:block;width:100%;height:0.8rem;font-size:0.24rem;color:#1a1a1a;line-height:0.8rem;padding-left:0.3rem;box-sizing: border-box;cursor: pointer;}
.pro_formselxl span:hover{background: #f5f5f7;color:#fabe0f;transition: all 0.3s linear;}
.pro_formsel p.on b img{transform: rotate(90deg);}
.pro_formsub{width:3rem;height:0.8rem;background:#fabe0f;font-size:0.24rem;color:#000000;line-height:0.8rem;text-align: center;cursor: pointer;margin:0.56rem auto 1.4rem auto;}
.pro_formsub:hover{background:#000;color: #fff;transition: all 0.3s linear;}

.video-alert .video{width:100%;height:100%;}
.video-alert{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:24;background:#fff;}
.video-alert video{background:#000;}
.video-alert video,.video-alert iframe{width:100%;height:100%;}
.video-alert .close{width:64px;z-index:8;height:64px;display:block;background:#000 url(../images/close.png) no-repeat center center/80%;position:absolute;right:0;top:0;}



@media(max-width:1200px){
.video_con{clear:both; width:50%; margin:0 auto;position: absolute; top:35%; left:30%; display:none;}
.video_con_m{clear:both; width:80%; margin:0 auto;position: absolute; top:30%; left:35%; display:block;}
}


@media(max-width:1024px){
    .video-alert .close{width:30px;height:30px;}
    .ban_con{flex-wrap: wrap;justify-content: flex-start;}
    .ban_conr{width:70%;margin:0 auto;order: 1;}
    .ban_conl{width:90%;margin:0.6rem auto 0 auto;order: 2;}
    .ban_con{margin:1.5rem auto 0 auto;width: 90%;}
    .bm_btn{width:2.5rem;height:0.6rem;border-radius:0.6rem;line-height: 0.6rem;font-size:0.24rem;}
    .pro_qa{width:90%;}
    .pro_tit{font-size:0.4rem;line-height: 0.5rem;}
    .pro_qa ul{flex-wrap: wrap;}
    .pro_qa ul li{width:100%;}
    .pro_qa ul li h2{font-size:0.32rem;}
    .pro_qa ul li h3{padding:0 0 0 0.2rem;}
    .pro_gnpic{width:90%;}
    .video_btn{width:0.6rem;}
    .pro_list{padding:1rem 0 0 0;}
    .pro_list ul{justify-content: space-between;width:90%;margin:0 auto;}
    .pro_list ul li{width:48%;margin:0 0 0.5rem 0;}
    .pro_formcon{width:90%;}
    .pro_list ul li h2{font-size:0.28rem;}
    .pro_qa ul li p{font-size:0.28rem;}

    .pro_gncon{display: none;}
    .pro_gnconwap{display: block;}
    
}


@media(max-width:992px){
.video_con{clear:both; width:50%; margin:0 auto;position: absolute; top:35%; left:30%; display:none;}
.video_con_m{clear:both; width:80%; margin:0 auto;position: absolute; top:20%; left:25%; display:block;}
}


@media(max-width:768px){
.video_con{clear:both; width:50%; margin:0 auto;position: absolute; top:35%; left:30%; display:none;}
.video_con_m{clear:both; width:90%; margin:0 auto;position: absolute; top:5%; left:5%; display:block;}
}




.autowidth{ width: 1200px; margin: auto;}
.inlineBlock{ display: inline-block; *display: inline;*zoom: 1;vertical-align: top;}
.headerHeight{ height: 64px; background: #e6a915;}
.header{box-shadow: 0 0 10px -2px rgba(0,0,0,.5);position: fixed;z-index: 20;left: 0;right: 0;top: 0;line-height: 64px;height: 64px;background: #1d1d1d;color: #fff;}
.headerDL >dd{ float: left; width: 68px;text-align: center; position: relative;}
.headerDL >dd:before{ position: absolute; left: 0;width: 0;top: 0;content: '';height: 3px;background: #fabe0f;transition: .5s;-webkit-transition: .5s;}
.headerDL >dd a{color: #fff; display: block;}
.fixZixun a{display: inline-block;position: relative; line-height: 34px;background: #fabe0f;color: #121212; padding: 0 20px;border-radius: 17px;margin-left: 5px;}
.headerFR{ white-space: nowrap;}
.logo,.logo img{ display: block;}
.headerFR .inlineBlock{ margin-left: 22px;color:#fff;}
.header .fontLink{ padding: 0 12px 0 12px;}
.headerDL >dd.on{ color: #fabe0f;background: #343434;}
.headerDL >dd.on:before{ width: 100%;}
.fixZixun a:before,.bannerLink:before{ position: absolute; opacity: 0; left: 0;right: 0; top:0; bottom: 0; border: 5px solid #888;content: ''; border-radius: 17px;}
.fixZixun a:hover{background: #888;color: #FABE0F;}
.fixZixun a:hover:before,.bannerLink:hover:before{ animation: dh-0 .6s both; -webkit-animation: dh-0 .6s both;}
.logo{position:absolute;left:0;top:0;}


.footerCopy{ padding: 10px 0;color: #5f5f5f; text-align: center;background: #121212;}
.footerCopy a {
    color: #5f5f5f;
}