html body{ padding: 0; font-family: "微软雅黑"; color: #000; background-color: #fff; font-size: 14px;}
html body,ul,li,dl,h1,h2,h3,h4,h5,h6,dl,dt,dd,p{padding: 0;margin: 0; line-height: 1.5;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #000;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.center{ text-align: center;}
.dn{ display: none;}
.cursor{ cursor: pointer;}
.img100{ width: 100%;}
input,select{-webkit-appearance: none; appearance: none; border-radius: 0;}
.animate{ -moz-opacity: 0; opacity: 0; filter:alpha(opacity=0);}


html,body{ width: 100%; height: auto; overflow-x: hidden;overflow-y: hidden;}
.bg{  }
.moveMingren{  animation:moveMingren 1.5s linear 0s;-webkit-animation:moveMingren 1.5s linear 0s ;  }
/*导航*/
.nav{width: 77%;margin: 0 0 0 14%; }
.nav ul{  }
.nav ul li{width: 18.5%; padding-top: 6%; float: left;margin-right: 6.5%;position: relative;}
.nav ul li img.hover_img{ display: none; position: absolute; left: 0; top: 0; }
.nav ul li span{position: absolute;width: 100%; height:100%; top:0;/* text-align: center;left: 0;font-size: 200%;top: 50%;margin-top: -0.65em;line-height: 1em;letter-spacing: 3px; */}
.nav ul li.active span{ color: #fff;  }
.nav ul li.active img.hover_img{ display: block ; }
.nav ul li .text{ position: absolute; left: 0; top: 0 }
.nav ul li strong{ display: none; }
.luxian{position: relative;}
.lx_text{width: 31%;position:  absolute;left: 14%;top: 50%;margin-top: 4%;}
.lx_content{position: absolute;width: 60%;top: 0;margin-top: 0;height: 100%;left: 11%;}
.lx_content li{position: absolute;top: 0;left: 0;width: 3.75%; cursor: pointer;transition: all .3s linear;}
.lx_content li.this_q{ color:#18aa2e;  }
.lx_content li strong{display: none;position: absolute;width: 6em;left: 50%;margin-left: -4em;}
.lx_content li strong img{width: 6em;position: absolute;}
.lx_content li strong em{color: #fff;position: absolute;font-size: 12px;margin: 10% 0 0 19%;}
.lx_content li .zuobiao{width: 100%;}
.lx_content li .dian{position: absolute;width: 35%;}
.lx_content li.move .zuobiao{  animation:bounce 1s linear 0s infinite;-webkit-animation:bounce 1s linear 0s infinite ;  }
.lx_content li.move .dian{  animation:tada 4s linear 0s infinite;-webkit-animation:tada 4s linear 0s infinite ;  }
.lx_content li span{ display: none; position: absolute;left: 50%;font-size: 110%; font-weight: bold; letter-spacing: 1px;transform: rotate(5deg);font-style: italic;}
.lx_content li.qd{margin: 48% 0 0 -2%;left: 1.5%;}
.lx_content li.lz{margin: 32.9% 0 0 -1%;left: 1.5%;}
.lx_content li.lllh{margin: 33.3% 0 0 8.7%;left: 1.5%;}
.lx_content li.llxs{margin: 25.9% 0 0 9.7%;left: 9.5%;}
.lx_content li.tmtx{margin: 13% 0 0 19.5%;left: 1.5%;}
.lx_content li.bm{margin: 23.5% 0 0 37.7%;left: 1.5%;}
.lx_content li.mdbc{margin: 32.9% 0 0 40%;left: 1.5%;}
.lx_content li.dqbc{margin: 42.9% 0 0 52%;left: 1.5%;}
.lx_content li.rwh{margin: 36.5% 0 0 57.3%;left: 1.5%;}
.lx_content li.rw{margin: 39.9% 0 0 66%;left: 1.5%;}
.lx_content li.lgbc{margin: 50.5% 0 0 64.5%;left: 1.5%;}
.lx_content li.ll{margin: 50.5% 0 0 79%;left: 1.5%;}
.lx_content li.rlbbc{margin: 61.2% 0 0 88%;left: 3.5%;}
.lx_content li.qd .dian{margin: 165% 0 0 0;right: 8%;top: 0;}
.lx_content li.lz .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.lllh .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.llxs .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.tmtx .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.bm .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.mdbc .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.dqbc .dian{ margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.rwh .dian{ margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.rw .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.lgbc .dian{margin: 160% 0 0;right: -16%;top: 0;}
.lx_content li.ll .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.lx_content li.rlbbc .dian{margin: 158% 0 0 0;right: 19%;top: 0;}
.lx_content li.qd span{width: 3em;margin-top: 145%;margin-left: -2.25em;}
.lx_content li.lz span{width: 3em;margin-top: 99%;margin-left: 34%;}
.lx_content li.lllh span{width: 5em;margin-top: 166%;margin-left: 61%;}
.lx_content li.llxs span{width: 5em;margin-top: 91%;margin-left: 69%;}
.lx_content li.tmtx span{width: 5em;margin-top: 144%;margin-left: 34%;}
.lx_content li.bm span{width: 3em;margin-top: 104%;margin-left: 34%;}
.lx_content li.mdbc span{width: 6em;margin-top: 175%;margin-left: -2.5em;}
.lx_content li.dqbc span{width: 5em;margin-top: 180%;margin-left: -2.5em;transform: rotate(2deg);}
.lx_content li.rwh span{width: 4em;margin-top: 6%;margin-left: 1.5em;transform: rotate(1deg);}
.lx_content li.rw span{width: 3em;margin-top: 90%;margin-left: 34%;}
.lx_content li.lgbc span{width: 5em;margin-top: 170%;margin-left: -2em;transform: rotate(1deg);font-style: normal;}
.lx_content li.ll span{width: 3em;margin-top: 194%;margin-left: -82%;transform: rotate(4deg);font-style: normal;}
.lx_content li.rlbbc span{width: 6em;margin-top: 183%;margin-left: -3.5em;transform: rotate(-1deg);font-style: normal;}
.lx_info{position: absolute;width: 28.4375%;right: 10.35%;top: 0;margin-top: 8.25%;}
.info_img{width: 100%;}
.info_text{margin: 4% 0% 0 15%; overflow: hidden; text-align: left; color: #ae8457; transform: rotate(-2deg); }
.info_text span{ display: block; text-align: left; margin-left:5em;}
.show_text p{ -webkit-animation: showline .8s linear 0s 1 forwards; animation: showline .8s linear 0s 1 forwards;width: 100%; opacity: 0;}
.show_text p:nth-child(1){-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}  
.show_text p:nth-child(2){-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}  
.show_text p:nth-child(3){-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}  
.show_text p:nth-child(4){-webkit-animation-delay: 3.2s;animation-delay: 3.2s;}  
.show_text p:nth-child(5){-webkit-animation-delay: 4s;animation-delay: 4s;}  
.show_text p:nth-child(6){-webkit-animation-delay: 4.8s;animation-delay: 4.8s;}  
.show_text p:nth-child(7){-webkit-animation-delay: 5.6s;animation-delay: 5.6s;}  
.show_text p:nth-child(8){-webkit-animation-delay: 6.4s;animation-delay: 6.4s;} 

.news{position: relative;}
.news_bg{ width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.news_content{width: 83%;position:  absolute;left: 9.5%;top: 0;padding-top: 21.3%;height: 0;}
.video{width: 42.5%;position: absolute;left: 0;top: 0;margin-top: 2%;height: 92%;}
.news_item{width: 54%;right: 0;margin-top: 2%;position: absolute;right: 0;top: 0;background: #fff;height: 92%;}
.news_item h1{font-size: 200%;font-weight: bold;text-align: center;position: relative;padding-top: 10%;}
.news_item h1 .news_line{width: 60%;margin: 0 auto;display: block;position: absolute;left: 20%;top: 51%;}
.news_item h1 span{display: block;position: absolute;width: 100%;top: 50%;margin-top: -0.5em;line-height: 1em;letter-spacing: 2px;}
.news_list{height: 62%;overflow: hidden;font-size: 170%;}
.news_list p{line-height: 1em;padding:1.8% 0 1.85% 1em;}
.news_list p.qidai{padding: 8% 0 0 1.5em;/* text-align: center; */ color: #000; }
.news_list p a{ color: #000;  }
.mCSB_inside>.mCSB_container{ margin-right: 10px; }
.news_more{ display: none; position: absolute;bottom: 5%;width: 5%;left: 47.5%;}
.news_list p a:hover{ color: #d00000; transition: all .3s linear;}

.kekao{position: absolute;color: #fff;font-size: 200%;letter-spacing: 0.25em;width: 100%;text-align: center;top: 50%;margin-top: -4%;}
.zhuanjia{position: absolute;width: 70%;left: 15%;top: 50%;}
.zj_item{width: 24%;float: left;margin: 3% 2% 0 11%;position: relative; overflow: hidden;}
.zj_bg { position: relative; z-index: 2; }
.peo_img{position: absolute;width: 82.5%;left: 5%;top: 0;margin-top: 7%;}
.zj_text{float: left;width: 63%;margin-top: 4%;padding-top: 31.5%;position: relative;height: 0;}
.zj_info{height: 80%;position: absolute;top: 0;width: 100%; overflow:hidden;/* overflow-y: scroll; */}
.zj_info h1{font-size: 200%;letter-spacing: 2px;}
.zj_info p{margin-bottom:  0.75em;}
.ft_btn{background: url(../images/jiao.png) 74% center no-repeat #d00000; border:2px solid #d00000;transition: all .3s linear; padding: 0.5em 18%;letter-spacing: 2px;color: #fff;position: absolute;bottom: 0;background-size: auto 50%;line-height: 1em;font-size: 135%;}
.lushuhref{background: url(../images/jiao.png) 74% center no-repeat #d00000;border:2px solid #d00000;transition: all .3s linear;padding: 0.5em 7em;letter-spacing: 2px;color: #fff;position: absolute;bottom: 0;background-size: auto 50%;line-height: 1em;font-size: 135%;left:  50%;margin-left: -9em;margin-bottom: -4.5%;}

.mingren{ position: relative; }
.mingren h1.mingren_title{position: absolute;color: #000;font-size: 200%;letter-spacing: 0.25em;width: 100%;text-align: center;top: 0;margin-top: 3%;}
.mingren_peo{position:  absolute;width: 11.2%;left: 44.9%;top: 0;margin-top: 7%;}
.touxiang_swiper{  }
.slide_toux{
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 95%;
    padding-top: 95%;
    height: 0; cursor: pointer;
}
.slide_toux p{ display: none;
    position: absolute;
    width: 100%;
    height: 68%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    padding-top: 32%;
}
.slide_toux img{transition: all .5s linear;}
.slide_toux:hover p{ display: block;transform: scale(1.1, 1.1); }
.slide_toux:hover img{transform: scale(1.1, 1.1);}
.slide_toux p span{
    display: block;
    margin-top: 1em;
    padding-top: 1em;
    position: relative;
}
.slide_toux p span em{
    position: absolute;
    top: -2px;
    width: 1.5em;
    height: 4px;
    background: #fff;
    left: 50%;
    margin-left: -0.75em;
}
.touxiang_swiper img{width: 110%;display: block;margin:0 auto;position: absolute;left: -5%;top: -5%;}
.touxiang_prev{position: absolute;top: 45%;left: -18%;cursor: pointer;}
.touxiang_next{position: absolute;right: -18%;top: 45%;cursor: pointer;}
.mingren_content{ width: 100%;top: 0;left: 0;position:  absolute;margin-top: 20%;padding-top: 29%;}
.touxiang_swiper2{position: absolute;width: 250%;left: -75%;height: 100%;top: 0;overflow: hidden;}
.touxiang_swiper2 .swiper-slide{ opacity: 0; }
.touxiang_swiper2 .swiper-slide span{ display: block; position: absolute; }
.touxiang_swiper2 .swiper-slide img{ display: block; }
.touxiang_swiper2 .swiper-slide.swiper-slide-visible{ opacity: 1; }
.touxiang_swiper2 .swiper-slide span{ display: block; position: absolute; bottom:-4em; }
.swiper2_btn{position: absolute;width: 20%;height: 100%;top: 0; text-indent: -999em; cursor: pointer;}
.swiper2_btn.prev{ left: 5%; z-index: 5; }
.swiper2_btn.next{ right: 5%; z-index: 5;}

.product{position: relative;}
.product h1.product_title{position: absolute;color: #fff;font-size: 200%;letter-spacing: 0.25em;width: 100%;text-align: center;top: 0;margin-top: 5%;}
.product_bg{  }
.product_content{position: absolute;width: 68.59%;left: 15.7%;top: 0;margin-top: 10%;padding-top: 34.2%;}
.product_swiper{width: 100%;height: 100%;position: absolute;top: -4px;left: -1px;}
.product_swiper .slide_img{ position: absolute;
    width: 50%;
    overflow: hidden;/* transition: all .3s linear; */ cursor: pointer;
}
.product_swiper .slide_img img{
    margin: 1px 2px; display: block;
}
.product_swiper .slide_img p{
    position: absolute;
    font-size: 130%;
    letter-spacing: 1px;transition: all .3s linear;
}
.product_swiper .slide_img p span{
    height: 5%;
    width: 1.5em;
    background: #000;
    position: absolute;
    bottom: -0.5em;
    left: 0;
}
.product_swiper .slide_img p.tl{
    left: 12%;
    top: 13%;
}
.product_swiper .slide_img p.tr{
    left: 54%;
    
    top: 13%;
}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 1%;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #d00000; border:1px solid #d00000;
}
.product_pagination{margin:3% 0;text-align: center;position: absolute;width: 100%; bottom:-6em;}
.product_swiper .swiper-slide{ position: relative; width: 100%; height: 100%; }
.product_swiper .slide_img.topl{ top: 0; left: 0 }
.product_swiper .slide_img.topr{ top: 0; right: 0}
.product_swiper .slide_img.bottoml{ bottom: -1px; left: 0}
.product_swiper .slide_img.bottomr{ bottom: -1px; right: 0}
/* sssss.product_swiper .slide_img.topl img{ float:left; }
.product_swiper .slide_img.topr img{ float:right;}
.product_swiper .slide_img.bottoml img{ float:left;}
.product_swiper .slide_img.bottomr img{ float:right;} */
/* .slide_img:hover{ width: 101%; z-index: 5; } */
.slide_img:hover p{ font-size:200%; }


.picture{position: relative;}
 .product_bg { position: absolute; width: 100%; left:0; top: 0; }
.picture_title{position: absolute;color: #fff;font-size: 200%;letter-spacing: 0.25em;width: 100%; left:0; top: 0; margin-top: 3.5%; text-align: center;}
.picture_info{width: 40%;position: absolute;top: 0;left: 39%;margin-top: 9%;color: #fff;height: 0;padding-top: 11%;}
.picture_info h1{font-size: 200%;position: absolute;top: 50%;margin: 2.25% 0 0 -32%;letter-spacing: 2px;font-weight: normal;}
.picture_info p{position: absolute;width: 100%;top: 50%;margin-top: -4em;text-indent: 2em;font-size: 150%;text-align: justify;}
.picture_info p em{ display: inline-block; width: 2em; }
.picture_item{width: 82.65%;left: 8.675%;position: absolute;top: 50%;margin-top: -2%;}
.picture_item h1{position: absolute;color: #fff;left: 0;top: 50%;margin-top: -1.5em;text-align: center;font-size: 180%;font-weight: normal;/* padding: 0 2%; */width: 9%;}
.picture_list{position: absolute;width: 91%;padding-top: 11.8%;top: 0;right: 0;margin: 2.5% 0 0 0;}
.swiper-container.picture_swiper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
  text-align: center;}
.picture_list .swiper-slide{  height: 100%;}
.picture_list .swiper-slide img{   height: 100%;}
.toupiao{background: #d00000; border:2px solid #d00000;transition: all .3s linear;padding: 0.5em 8%;letter-spacing: 2px;color: #fff;position: absolute;top: 50%;background-size: auto 50%;line-height: 1em;left: 42%;margin-left: -2em;margin-top: 17%;font-size: 135%;}

.toupiao:hover,.ft_btn:hover,.lushuhref:hover{ background: none; color: #d00000; }
.page2 .toupiao:hover,.page2 .ft_btn:hover,.page2 .lushuhref:hover{ background: none; color: #d00000; }
.page3 .toupiao:hover,.page3 .ft_btn:hover,.page3 .lushuhref:hover{ background: none; color: #d00000; }

/*投票*/
.toupiao_tc{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;background: rgba(0,0,0,0.8) }
.toupiao_content{width: 500px;height: 500px;padding: 15px 15px 60px 15px;position: absolute;left: 50%;top: 50%;margin: -275px 0 0 -275px;background: #fff;}
.toupiao_content ul{ clear: both; zoom:1; overflow: hidden; }
.toupiao_content ul li{ width: 50%; padding:10px 0; float: left; cursor: pointer; }
.toupiao_content ul li p{padding: 0 15px;width: 220px;text-align: center;}
.toupiao_content ul li p.toup_num{ padding:0.5em 0; background: url(../images/zan.png) right center no-repeat; }
.toupiao_content ul li p em{ font-style: normal; }
.toupiao_content ul li.current p.toup_num{ background: url(../images/ready_zan.png) right center no-repeat; }
.toupiao_more{position: absolute;bottom: 0;width:470px;left: 30px;}
.toupiao_more p{position: relative; border-top: 1px solid #cc0000; }
.toupiao_more p span{position: absolute;left: 50%;top: 0;line-height: 1em;margin: -0.5em 0 0 -3.5em;background: #fff;padding: 0 1.5em;color: #cc0000;}
.toupiao_btn{width: 5%;display: block;margin: 0.75em auto 0.75em;}
.toupiao_tc .close{ position: absolute; right: -33px; top: 0; width: 33px; height: 33px; background: url(../images/close.png) 0 0 no-repeat; text-indent: -9999em; }

/*footer*/
.footer{bottom: 0;left: 0;width: 100%;background: #181818;padding: 20px 0;}
.footer-con{ width: 64.68%; margin: 0 auto;}
.footer .logo{ float: left; width: 12.76%; margin-top: 1%;}
.footer-wz{ float: left; display: inline-block; width: 45.57%; padding: 0 0 0 5%; color: #fff;}
.footer-wz span{ display: inline-block; padding-right: 4%;}
.footer-wz a{ color: #fff; padding-right: 4%;}
.footer-wz a:last-child{ padding: 0;}
.footer-wz-bot{ font-size: 12px; padding-top: 5px; line-height: 20px;}
.footer-right{ float: right; width: 32%; position: relative;}
.footer-right img{ float: left; width: 8%; margin: 5% 3% 0 0;}
.footer-right img.phone{ width: 9%; margin: 3% 3% 0 4%;}
.footer-phone-wz{ font-size: 14px; color: #DCDCDC; line-height: 24px;}
.footer-phone-wz .number{ color: #fff; font-size: 24px;}
.footer-right .wx-fx{ display: none; float: none; margin: 0; position: absolute; bottom: 40px; left: -20%; width: 200px;}

/*预约试驾弹层*/
.online-wc{ position: fixed; width: 100%; bottom: 0; left: 0; z-index: 10;}
.btn-yysj{ margin: 0 0 0.5% 94.021%; width: 4.53%; cursor: pointer;}
.online{ display: none; width: 100%; background: url(../images/opacity-70.png) repeat; padding: 1% 0;}
.online-bot{ bottom: 10%;}
.online-con{ margin-left: 15.78%; width: 68.489%;}
.online-tit{ float: left; width: 20%; font-size: 24px; font-weight: bold; margin-left: 2%;}
.online-tit span{display: inline-block;background: url(../images/heng.png) no-repeat left center;padding-left: 56px;color: #fff;}
.online-form{ float: left; width: 78%;}
.online-form ul li{float: left;position: relative;width: 23%;height: 40px;margin: 0 1%;line-height: 40px;color: #fff;}
.online-form ul li .sel-bg{ width: 100%; height: 40px; border-bottom: 1px solid #78797a; overflow: hidden; background: url(../images/sel-icon.png) no-repeat right center;}
.online-form ul li select{   width: 115%;background: transparent; border: 0; color: #fff; font-family: "微软雅黑"; outline: none;}
.online-form ul li select option{ font-size: 14px; color: #fff; height: 38px; line-height: 38px;background: #000;}
.online-form ul li input{ width: 100%; height: 38px; overflow: hidden; line-height: 38px; background: none; border: 0; border-bottom: 1px solid #78797a;  color: #fff; font-family: "微软雅黑"; padding-left: 50px; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.online-form ul li .gender{ display: inline-block; background: url(../images/checkbox.png) no-repeat left center; padding-left: 30px;}
.online-form ul li .man{ padding-right: 9%;}
.online-form ul li .gender-xz{ background: url(../images/checkbox1.png) no-repeat left center;}
.online-form ul li.two{ margin-top: 4px;}
.online-form ul li input.btn-tj{ width: 100%; height: 45px; line-height: 45px; border: 1px solid #78797a; text-align: center; font-size: 16px; padding: 0; cursor: pointer; transition: all .3s linear;}
.online-form ul li input.btn-tj:hover{ background: #da0b1f; border: 1px solid #da0b1f;}
.gund{height: 500px;}
.dangh{position: absolute;top: 0;width: 100%;left: 0;}
.dangh .banner{opacity: 0;filter:alpha(opacity=0); }
.nav{opacity: 0;filter:alpha(opacity=0);}
.dangh .nav{opacity: 1;filter:alpha(opacity=100);}
.dangh .nav{display: none;}
.dangh .nav4{display: block;}




















@media screen and (max-width: 1600px) {
  .news_list,.nav ul li span{ font-size: 160% }
  .picture_info h1{ font-size: 170%; }
  .info_text{ margin-left: 12% }
}
@media screen and (max-width: 1440px) {
  .nav ul li span{ font-size: 160% }
  .news_list{ font-size: 135%; }
  .picture_info h1{ font-size: 150%; }
  .kekao,.zj_info h1,.picture_title,.news_item h1,.product h1.product_title{ font-size:170%; }
  .picture_info p{ font-size:130%; }
  .info_text{ margin-left: 12% }
  .info_text span{ margin-left: 3em; }
}
@media screen and (max-width: 1360px) {
  .nav ul li span{ font-size: 160% }
  .news_list{ font-size: 135%; }
  .picture_info h1{ font-size: 150%; }
  .kekao,.zj_info h1,.picture_title,.news_item h1,.product h1.product_title{ font-size:170%; }
  .picture_info p{ font-size:130%; }
  .info_text span{ margin-left: 3em; }
}
@media screen and (max-width: 1280px) {
  .nav ul li span{ font-size: 160% }
  .news_list{ font-size: 135%; }
  .picture_info h1{ font-size: 150%; }
  .kekao,.zj_info h1,.picture_title,.news_item h1,.product h1.product_title{ font-size:170%; }
  .picture_info p{ font-size:120%; }
  .info_text{ font-size: 12px; margin-left: 11% }
  .info_text span{ margin-left: 3em; }
}
@media screen and (max-width: 1152px) {
  .nav ul li span{font-size: 130%;}
  .news_list,.ft_btn,.toupiao,.picture_item h1{font-size: 100%;}
  .picture_info h1{font-size: 104%;}
  .kekao,.zj_info h1,.picture_title,.news_item h1,.product h1.product_title{font-size: 130%;}
  .picture_info p{font-size: 90%;}
  .info_text{ font-size: 12px; margin-left: 11% }
}
@media screen and (max-width: 1024px) {
  .nav ul li span{ font-size: 130% }
  .news_list{ font-size: 100%; }
  .picture_info h1{ font-size: 104%; }
  .kekao,.zj_info h1,.picture_title,.news_item h1,.product h1.product_title{ font-size:130%; }
  .picture_info p{ font-size:90%; }
}

@media screen and (min-width: 0) {
.info_text p{ width: 100%; overflow: hidden; opacity: 0;}
.online-form ul li select{ height: 40px; line-height: 40px;}
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

   40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes showline{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes showline{
    from{opacity: 0;}
    to{opacity: 1;}
}
@-webkit-keyframes moveMingren{
    0%{opacity: 1; transform: translate(0,0);}
    35%{opacity: 0; transform: translate(-100%,0);}
    70%{opacity: 0; transform: translate(100%,0);}
    100%{opacity: 1; transform: translate(0,0);}
}
@keyframes moveMingren{
    0%{opacity: 1; transform: translate(0,0);}
    35%{opacity: 0; transform: translate(-100%,0);}
    70%{opacity: 0; transform: translate(100%,0);}
    100%{opacity: 1; transform: translate(0,0);}
}