body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
fieldset,img{border:0;}
ol,ul,li{list-style:none;}
:focus{outline:0;}
img{display:block;}
.none,legend{display:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
body{width:100%;overflow-x:hidden;color:#494949;background:#fff;}
a{color:#494949;text-decoration:none;}
a:hover{text-decoration:none;}
i,s,u,em,strong{font-weight:normal;font-style:normal;text-decoration:none;}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
input::placeholder {color:#999;}
/* IE < 8 */
body{background: #f9f9f9;font-size:.28rem;}
.topHead{background: #ffe0da url(../images/bg.png) center top no-repeat;background-size: cover;}
.topHead .logo{padding:.6rem 0;}
.topHead .logo img{width: auto;height: 2.1rem;}
.topHead .txtbox{flex: 1;width: 40%;display: flex;flex-direction: column;justify-content: center;}
.topHead .txtbox p{line-height: 1.6rem;font-size: .85rem;}
.topHead .box{display:flex;padding-top: 1rem;}
.topHead .img{display:flex;justify-content:flex-end;width: 60%;}
.topHead .img img{width: 90%;height: auto;}
.topHead .down{display:flex;margin: 1.5rem 0;}
.topHead .down a{display:block;width: 4.5rem;height: 1.2rem;line-height: 1.2rem; text-align:center;font-size: .48rem;background: #fff;border-radius:1rem;}
.topHead .down a:first-child{margin-right:1rem;}
.topHead .down span{display:block;width: 1.28rem;height: 1.28rem;background: #fff url(../images/ewm_icon.png) center center no-repeat;background-size: 50% auto;border-radius: 1rem;}
.topHead .ewm{position:relative;}
.topHead .ewm_img{display:none;position:absolute;left: -.88rem;top:1.8rem;background:#fff;border-radius:.1rem;}
.topHead .ewm_img:after { content: ''; position: absolute; top: -.29rem; left: 1.25rem; width: 0; height: 0; border-left: .3rem solid transparent; /* 让左边透明 */ border-right: .3rem solid transparent; /* 让右边透明 */ border-bottom: .3rem solid #fff; /* 底部为三角形颜色 */ }
.topHead .down .ewm_img img{width: 2.4rem;height: 2.4rem;padding:.24rem;}
/*.topHead .down:hover .ewm_img{display:block;}*/

.mainBody {max-width:1920px;width:100%;margin:0 auto;background: #f9f9f9;}
.mainBody .box{display:flex;padding: 2rem 0;}
.mainBody .txtbox{width:50%;display: flex;flex-direction: column;justify-content: center;}
.mainBody .txtbox .txt{margin: 0 0 .6rem;padding: 0 1rem 0 1rem;line-height: .5rem;}
.mainBody .txtbox h2{line-height: .8rem;margin-bottom: .1rem;font-size: .46rem;font-weight:500;color:#222;}
.mainBody .txtbox p{color: #999;}
.mainBody .img{width: 50%;display: flex;align-items: center;}
.mainBody img{width: 72%;height: auto;margin: 0 1rem;}

.footer {line-height: .6rem;background:#f9f9f9;color: #6E6E6E;text-align: center;}
.footer .wrap{padding:.6rem 0;border-top: 1px solid #ddd;}
.footer a{color:#6E6E6E;}
.footer .foot_logo img{width:auto;height:.36rem;margin:.2rem auto 0;}

.wrap {position:relative;width: 1400px;margin:0 auto;}
html {font-size:50px;}
@media (min-width:1920px) {

}
@media (max-width:1500px) {
   .wrap{width:95%;}
   .topHead .txtbox p{font-size:.8rem;}
}
@media (max-width:1199px) {
    html {font-size: 42px;}
    .wrap{width:95%;}
    .topHead .txtbox p{font-size:.8rem;}
}
@media (max-width:959px) {
     html {font-size: 38px;}
    .wrap{width:90%;}
    .topHead .txtbox p{font-size:.7rem;line-height:1.3rem;}
    .topHead .down a{width:4rem;font-size: .42rem;}
}
@media (max-width: 768px) {html {font-size: 38px;}
.wrap {width:100%;}
.topHead{background: #ffe0da url(../images/bg_m.png) center top no-repeat;background-size:cover;}
.topHead .logo{margin: 0 auto;}
.topHead .img img{width:100%;}
.topHead .img{width: 80%;justify-content: center;}
.topHead .logo img{margin: 0 0 0 .5rem;height: 1.2rem;}
.topHead .box{flex-direction:column;align-items: center;padding-top:.2rem;}
.topHead .txtbox{width: 100%;text-align:center;}
.topHead .down{display:flex;justify-content:center;margin: .6rem 0 1rem;}
.topHead .down a:first-child{margin-right:.6rem;}
.topHead .txtbox p{font-size:.6rem;line-height: 1.2rem;}
                           
.mainBody .box{flex-direction:column;align-items: center;padding: 1rem 0;}
.mainBody .img{width: 100%;order:2;}
.mainBody img{margin:0 auto;}  
.mainBody .txtbox{order:1;width: 100%;}                          
}