html,body{margin:0;padding:0;font-size:14px;color:#333;}

h1,h2,h3,h4,h5,h6,a,img,ul,li,p,input{margin:0;padding:0;list-style-type:none;text-decoration:none;outline:none;}

.top{background:url(../imgs/bg.jfif) top center no-repeat;background-size:cover;position:relative;z-index:2}
.top:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(35,140,208,.5),#fff 55%);z-index:9;}


.con{width:1200px;margin:auto;}


.header{display:flex;justify-content:space-between;position:relative;z-index:15;height:120px;}
.logo{width:318px;margin-top:25px;margin-left:10px;}
.logo img{width:100%;}
.menu{width:780px;height:50px;margin-top:40px;background:rgba(35,140,208,1);line-height:50px;border-radius:10px;display:flex;justify-content:space-between;position:relative;z-index: 99;}
.m_item{width:10%;position:relative;z-index: 999;}
.m_item ul{line-height:40px;width:100px;position:absolute;left:0;top:30px;padding-top:10px;display:none;}
.m_item ul:after{content:'';display:block;position:absolute;top:0px;left:32%;width:0;height:0;border:5px solid transparent;border-bottom-color:rgba(35,140,208,.7);}
.m_item ul li{width:100px;text-align:center;}
.m_item ul li:nth-child(1) a{border-radius:10px 10px 0 0}
.m_item ul li:last-child a{border-radius:0 0 10px 10px}
.m_item ul li a{width:100px;display:block;background:rgba(35,140,208,.7);color:#c0e3fa}
.m_item ul li a:hover{background:rgba(35,140,208,1);color:#fff}
.menu .m_main{display:block;text-align:center;width:100%;color:#fff;}
.menu .m_main:hover{color:#c0e3fa}



.footer{background:url(../imgs/footer_bg.jfif) center no-repeat;background-size:cover;position:relative;}
.footer:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(35,140,208,.9);z-index:9}
.f_con{position:relative;z-index:99;width:1200px;margin:auto;}
.f_menu{display:flex;justify-content:flex-end;height:60px;line-height:60px;}
.fm_item,.fm_item a{color:#fff;}
.fm_item{margin-left:12px;}
.fm_item a{display:block;position:relative;padding-left:25px;}
.fm_item a:after{content:'';display:block;width:20px;height:21px;background:url(../imgs/fm_icon.png) center no-repeat;position:absolute;top:20px;left:0;}
.fm_item a:hover{color:#a0c5dd}
.f_box{display:flex;justify-content:space-between;margin-top:10px;padding-bottom:15px;border-bottom:1px solid #8BBFDC;}
.f_logo{width:250px;margin-top:10px;}
.f_logo img{width:100%;}
.fi{width:280px;color:#fff;line-height:22px}
.fi:nth-child(2){width:235px;}
.fi:nth-child(3){width:235px;}
.f_qr{width:100px;text-align:center;color:#fff;}
.f_qr img{width:80px;}
.f_line{display:flex;justify-content:space-between;color:#fff;line-height:60px;}
.f_line div img{vertical-align:middle}







.xd_menu{background:rgba(223,83,51,1);}
.xd_menu .m_main:hover{color:#ffdad1}
.xd_footer:after{background:rgba(223,83,51,.8);}
.xd_footer .f_box{border-color:#DF5333}
.xd_menu .m_item ul:after{border-bottom-color:rgba(223,83,51,.7);}
.xd_menu .m_item ul li a{background:rgba(223,83,51,.7);color:#ffdad1}
.xd_menu .m_item ul li a:hover{background:rgba(223,83,51,1);}