/* 
* @Author: anchen
* @Date:   2019-03-21 10:07:10
* @Last Modified by:   anchen
* @Last Modified time: 2020-01-03 08:50:04
*/

/* 头部 */

.head-box{ width: 100%; height: 66px; background: #fff; position: fixed; top: 0; left: 0; z-index: 999; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
.head-box .head{ width: 90%; height: 66px; margin: 0 auto; }
.head-box .head .logo{ width: 50%; height: 66px; float: left; }
.head-box .head .logo img{ height:37px;margin-top:15px;}
.phoneicon{ width: 44px; height: 30px; position: absolute; top: 18px; right: 5%; z-index: 9; }
.phoneicon img{ height: 30px; float: right; display: block;}
.phoneicon img.phicon2{ display: none; }
.phoneicon_h{ width: 20%; height: 100%; position: fixed; top: 0; right: 0; z-index: 999; background: rgba(0,0,0,0.5);}
.phoneicon_h img.phicon1{ display: none; }

.head-box .head .menu{ width: 80%; height: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 999; display: none;box-shadow: 5px 0px 5px rgba(0,0,0,0.1);}

.head-box .head .menu>.layui-tab{ width: 100% !important; height: 100% !important; margin: 0 !important;}
.head-box .head .menu .layui-this:after{ border: none !important; color: #104c89 !important;}
.head-box .head .menu>.layui-tab .layui-tab-title{ width: 100% !important; height: 100% !important; display: block !important;}
.head-box .head .menu>.layui-tab { width: 100% !important; height: 100% !important; margin: 0 !important;}
.head-box .head .menu>.layui-tab .layui-tab-title{ width: 100% !important; height: 100% !important; position: relative; z-index: 99999;}
.head-box .head .menu>.layui-tab .layui-tab-title li{display: block !important; width: 90%; height:10%; display:table !important; text-indent: 3em; border-bottom: solid 1px #eee; margin: 0 auto; padding: 0 !important; line-height: normal !important; text-align: left !important; color: #444;}
.head-box .head .menu>.layui-tab .layui-tab-title li a{ width: 100%; height: 100%; vertical-align:middle; display:table-cell !important; position: relative; }
.head-box .head .menu>.layui-tab .layui-tab-title li span{ width: 100%; height: 100%; vertical-align:middle; display:table-cell !important; position: relative; }

.submenu{ width: 80%; height: 100%; position: fixed; top: 0; left: 0; z-index:999999; background:#0d5681;}
.submenu li{ display: block !important; width: 90%; height: 12.5%; display:table !important; text-indent: 3em; border-bottom: solid 1px rgba(255,255,255,0.2); margin: 0 auto; padding: 0 !important; line-height: normal !important; text-align: left !important; color: #444;}
.submenu li a{ width: 100%; height: 100%; vertical-align:middle; display:table-cell !important; position: relative; color: #fff;font-size: .875em;}
.submenu li a:hover{ color: #fff !important; }
.layui-btn{ padding: 0 !important; border-radius: 0 !important; width: 100% !important; background: url(../images/navblankicon.png) no-repeat 5% top #0d5681 !important; margin-top: 15px;}

.head-white{ width: 100%; height: 66px; }