/**
 * 官网公用样式
 */
.zzth{width: 1200px;margin: 0 auto;}
.header{width: 1200px;position: relative;}
/*logo*/
.header>.logo{width: 360px;height: 55px;float: left;margin-left: 5%;margin-top: 15px;display: inline-block;}
.header>.logo>img{width: 100%;}

/*导航栏*/
.header>.headerNav{width: 100%;float: left;height: 40px;margin-top: 10px;background-color: #3085db;}
.header>.headerNav>.navItem{width: 16.5%;height: 100%;line-height: 40px;float: left;text-align: center;font-size: 16px;position: relative;border-right: 1px solid #fff;}
.header>.headerNav>.navItem:last-of-type{border-right: none;}
.navName{width: 100%;float: left;display: inline-block;color: #fff;}
.navName:hover{color: #fff;}
.navItem .navSelect{width: 100%;position: absolute;left: 0;top: 40px;background-color: #fff;text-align: center;padding: 5px 0;border: 1px solid #eee;border-top: none;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;z-index: 1;display: none;}
.navItem.active .navSelect{display: inline-block;}
.selectName{width: 100%;line-height: 30px;display: inline-block;float: left;}
.mobileNav{display: none;}
.mobileNav .mobileNavSelect{display: none;}

/*中间内容*/
.middle{width: 100%;float: left;}

/*底部内容*/
.footer{width: 100%;height: 100px;background-color: #F6F6F6;float: left;}
.footerNav{width: 100%;margin: 0 auto;margin-top: 26px;text-align: center;float: left;}
.footerNavItem{width: 7%;text-align: center;color: #4e4e4e;border-right: 1px solid #4e4e4e;display: inline-block;}
.footerNavItem:last-of-type{border-right: none;}
.footerText{width: 100%;text-align: center;margin-top: 20px;color: #4e4e4e;float: left;}

/*下级页面公用样式*/
.viewImg{width: 100%;float: left;position: relative;}
.viewImg>img{width: 100%;}
.viewNav{width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0;text-align: center;}
.viewNavItem{width: 150px;height: 100%;background-color: #0068b7;display: inline-block;color: #fff;}
.viewNavItem:hover{color: #fff;}
.viewNavItem.active{background-color: #d82a36;}
.viewInfo{width: 100%;float: left;margin: 20px 0;min-height: 425px;}
.viewTitle{width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #eee;text-align: right;color: #666;margin-top: 20px;float: left;}

/*分页样式*/
#viewPage{width: 100%;text-align: center;}
.layui-form-onswitch, .layui-form-checked[lay-skin=primary] i, .layui-form-select dl dd.layui-this, .layui-laypage .layui-laypage-curr .layui-laypage-em, .layui-form-checked span, .layui-form-checked:hover span{background-color: #d82a36;}
#viewPage .layui-laypage a:hover{color: #d82a36 !important;}

/*手机端*/
@media only screen and (max-width:767px){
    .zzth{width: 100%;}
    .header{width: 100%;border-bottom: 1px solid #eee;}
    .header>.logo{width: 55%;height: 40px;margin-left: 10px;margin-top: 10px;}

    .header>.headerNav{display: none;}
    .navItem .navSelect{display: none !important;}
    .mobileNav{display: inline-block;width: 40px;height: 40px;position: absolute;right: 10px;top: 5px;}
    .navIcon{width: 100%;height: 100%;cursor: pointer;color: #666;}
    .navIcon .iconfont{font-size: 38px;}
    .mobileNav .mobileNavSelect{width: 150px;position: absolute;top: 45px;right: -10px;text-align: center;border: 1px solid #eee;border-top: none;border-bottom-left-radius: 8px;background-color: #fff;display: none;}
    .mobileNav .mobileNavSelect .navName{width: 100%;line-height: 40px;float: left;color: #333;border-bottom: 1px solid #eee;}
    .mobileNav .mobileNavSelect .navName:last-of-type{border-bottom: none;}
    .mobileNav .mobileNavSelect .navName.active{color: #3085db;}

    .footer{height: 80px;}
    .footerNav{margin-top: 15px;}
    .footerNavItem{width: 15.5%;}
    .footerText{margin-top: 15px;}

    .viewInfo{min-height: 455px;}
    .viewTitle{width: 98%;padding-right: 2%;}
    .viewNav{height: 30px;line-height: 30px;}
    .viewNavItem{width: 100px;}
}
/*pad端*/
@media only screen and (max-width:1200px) and (min-width: 768px){
    .zzth{width: 100%;}
    .header{width: 100%;border-bottom: 1px solid #eee;}
    .header>.logo{width: 30%;height: 40px;margin-left: 10px;margin-top: 10px;}

    .header>.headerNav{margin-top: 0;}

    .footerNavItem{width: 12%;}

    .viewInfo{min-height: 633px;}
    .viewTitle{width: 98%;padding-right: 2%;font-size: 16px;}
    .viewNav{font-size: 16px;}
}