@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
/*清除浮动*/
img{max-width:100%;}
.container{max-width:1200px; margin:0 auto;}
.ban{background: #57b5e8; padding: 80px 0;}
.ban .ban-box{display:flex; justify-content: space-between;}
.ban .ban-l{width:45%;}
.ban .ban-r{width:45%}
.ban .ban-r .ban-logo{margin-bottom:30px;}
.ban .ban-r .ban-logo img{ height: 48px; width: auto}
.ban .ban-r .ban-tit{font-size:14px; color: #404040; margin-bottom:20px;}
.ban .ban-r .ban-tit span{font-weight: bold;}
.ban .ban-r .ban-btn{width:250px; background: #FB4A3E; font-size: 28px; margin-bottom: 15px; color: #FFF; padding: 16px 0; text-align: center; cursor: pointer; border-radius: 10px;}
.ban .ban-r .ban-btn:hover{background:#dd180a;}
.yd-box{padding:80px 0 40px;}
.yd-box .boxs{display:flex; justify-content: space-between;}
.yd-box .boxs .box-item{width:45%;}
.yd-box .boxs .box-item .item-tit{font-size:32px; font-weight: bold; color: #333; margin-bottom: 20px; text-align: center;}

.jieshao{padding-bottom: 30px}
.jieshao p{font-size:18px; color: #333; line-height: 1.8}
.jieshao p span{font-weight:bold;}

.copyright{padding:35px 0; text-align: center; font-size: 14px; color: #666;}

.foot-fix{box-shadow: 0px 4px 18px -8px grey; position: fixed; left: 0; bottom: 0; width: 100%; background:#FFF; padding: 20px 0;}
.foot-fix .footbox{display:flex; justify-content: space-between;}
.foot-fix .footbox .flogo{display:flex; align-items: center;}
.foot-fix .footbox .flogo img{height:36px;}
.foot-fix .footbox .fxz{background:#FB4A3E; border-radius: 20px; padding: 12px 50px; border-radius: 15px;  color: #FFF; font-size: 20px; cursor: pointer;}

@media screen and (max-width: 768px) {
    .container { padding: 0 15px; }
    .ban { padding: 40px 0; }
    .ban .ban-box { flex-direction: column; }
    .ban .ban-l, .ban .ban-r { width: 100%; }
    .ban .ban-l { margin-bottom: 30px; }
    .ban .ban-r .ban-btn { width: 100%; font-size: 24px; }
    .yd-box { padding: 40px 0 20px; }
    .yd-box .boxs { flex-direction: column; }
    .yd-box .boxs .box-item { width: 100%; margin-bottom: 30px; }
    .jieshao p { font-size: 16px; }
    .foot-fix .footbox { padding: 0 15px; }
    .foot-fix .footbox .fxz { padding: 10px 30px; font-size: 18px; }
}