﻿html,body { color:#333;padding: 0;margin: 0;}
p{margin: 0;}
.contain{width: 1200px;margin: auto;box-sizing: border-box;}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;  
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}


.head .top{height: 70px;background: #fff;padding: 19px 29px;text-align: right;}
.head .top a{display: inline-block;margin-left: 20px;}
.head .top a span{display: block;float: left;}
.head .top a .icon{height: 30px;margin-right: 6px;}
.head .top a .zzzs{width:30px; background: url(../images/zzzs.png);background-position: center center;background-repeat: no-repeat;}
.head .top a .wza{width:32px; background: url(../images/wza.png);background-position: center center;background-repeat: no-repeat;}
.head .top a .wx{width:30px; background: url(../images/wx.png);background-position: center center;background-repeat: no-repeat;}
.head .top #wx{position: relative;}
.head .top #wx .app-qrcode{position: absolute;display: none;top: 100%;}
.head .top #wx:hover .app-qrcode{display: block;}
.head .top a .phone{width:30px; background: url(../images/phone.png);background-position: center center;background-repeat: no-repeat;}
.head .top a span:nth-child(2n){font-size: 16px;line-height: 30px;color: #423e3e;}
.head .title{height: 165px;background: url(../images/title.png);background-position: center center;}

.foot .top{background-color: #3fb3fc;padding: 32px 0 36px;}
.foot .top .contain .m{overflow: hidden;width: 990px;margin: auto;display: flex;justify-content: center;flex-wrap: wrap;}
.foot .top .col1,.foot .top .col2{float: left;width: 178px;height: 64px;background: #4766fd;padding: 12px 0;margin: 9px 28px 0 0;}
.foot .top .col1 a,.foot .top .col2 a{font-size: 18px;line-height: 32px;color: #fff;display: block;text-align: center;}
.foot .top .col3{float: left;height: 88px;margin: 9px 40px 0 0;}
.foot .top .col4{float: left;width: 87px;height:106px;background: url(../images/dzjg.png);margin-right: 40px;background-repeat: no-repeat;background-position: center center;}
.foot .top .col5{float: left;width: 105px;height:105px;background: url(../images/ewm.png);background-repeat: no-repeat;background-position: center center;}
.foot .top .contain .m2{text-align: center;margin-top: 30px;height: 16px;}
.foot .top .contain .m2 span{font-size: 12px;line-height: 14px;color: #fff;padding: 0 28px;border-right: 1px solid #fff;}
.foot .top .contain .m2 span:last-child{border-right: none;}
.foot .bottom{height: 54px;background: #595757;text-align: center;color: #fff;font-size: 14px;padding-top: 10px;}
.foot .bottom span{margin-right: 36px;line-height: 24px;vertical-align: middle;display: inline-block;height: 25px;}
.foot .bottom span:last-child{margin-right: 0;}

.clearfix::after{content: '';display: block;clear: both;visibility: hidden;height: 0;font-size: 0;}

.links{margin-top: 54px;text-align: center;padding-bottom: 36px;}
.links select{background: #ecf2fd;width: 132px;height: 20px;margin-right: 10px;text-indent: 18px;}
.links select option{font-size: 12px;line-height: 18px;}
.links a{font-size: 12px;line-height: 20px;}

.foot .links select{background-color: #3fb3fc;border: 1px solid #fff;color: #fff;}
.foot .links a{color: #fff;}

.fontsize{height: 28px;font-size: 16px;line-height: 28px;float: left;}
.fontsize a{display: inline-block;height: 28px;width: 40px;font-size: 16px;line-height: 26px;vertical-align: top;text-align: center;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
.fontsize .on{background:#3fb3fc;color: #fff;border: none;}