@charset="utf-8";
body,html{ padding:0; margin:0; font-size:1em; color:#666; font-family: "微軟正黑體","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#666; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover{ color: #104c89 !important; text-decoration: none;  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input{ font-family: "微軟正黑體","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
input:focus{ outline: none;}
textarea:focus{ outline: none; }

.noscroll{
	overflow: hidden;
}
.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: fixed; top: 0; left: 0;
}

/* 头部 */
.head-box-pc{ display: none; }
.head-box{ width: 100%; height: 66px; background: #fff; position: fixed; top: 0; left: 0; z-index: 9; 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:66px; }
.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: 9; 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: 12.5%; 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: #0f1b2c;}
.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; }
.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 #0f1b2c !important; margin-top: 15px;}

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

/* 底部 */
.bottom-box{ display: none; }
.foot-box{ width: 100%; height: auto; background: #0f1b2c; color: #ccc; }
.foot-box .foot-cent{ width: 90%; height: auto; margin: 0 auto; font-size: 0.85em; padding: 10px 0; }
.foot-box .foot-cent span{}
.foot-box .foot-cent span a{ color: #ccc !important; }
.foot-box .foot-cent span a:hover { color: #fff !important; }