@charset "utf-8";
html{_width: 100%;_height: 100%;font-size:14px;display: block;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; scroll-behavior: smooth;}
body{width:100%;_margin: 0;_height: 100%;-webkit-text-size-adjust: none;font-family:arial,"Microsoft Yahei","微软雅黑", "PingFang SC", "Helvetica Neue",Tahoma,Helvetica, "Lucida Grande", "Luxi Sans",STHeiti; color:#333;background-color: #f5f5f5;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,input,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
a,button{cursor:pointer;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:''}
textarea{overflow:auto;resize:none;vertical-align:top;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
a{text-decoration:none;outline:0;background-color:transparent;color:#666; cursor: pointer;}
a:active,a:hover{outline:0;color:#666;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
img{outline:0;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
ul,ol{list-style:none;}
del,ins,u,s,a,a:hover{text-decoration:none;}
textarea,input,button,select,keygen,legend{font:12px/14px arial,\5b8b\4f53;color:#333;outline:0; font-family:arial,"Microsoft Yahei","微软雅黑", "PingFang SC", "Helvetica Neue",Tahoma,Helvetica, "Lucida Grande", "Luxi Sans",STHeiti; }
audio,canvas,video {display:inline-block;*display:inline; *zoom:1;}
/*输入框默认字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; }
/*功能样式*/
a{-webkit-transition: background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
-moz-transition: background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
-ms-transition: background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
transition: background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;}
/* 清除浮动 */
.clear{ zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
/* 多行文本溢出显示省略号 -- WebKit浏览器或移动端的页面 */
.toe1 { height:20px; line-height:20px;overflow:hidden;word-break:keep-all; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 1;}
.toe2,.toe3{line-height:20px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden;}
.toe2 { height:40px;  -webkit-line-clamp:2;}
.toe3 { height:60px; -webkit-line-clamp:3;}
.wrap{position: relative;max-width: 1160px;height:auto;margin: 0 auto;padding: 0;}
/* 字体颜色 */
.fcred{color: red;}
/* 顶部菜单 */
.common-head{position: relative;padding: 0 20px;background-color: #393D49;color: #fff;box-sizing: border-box;zoom: 1;}
.common-head:after{display: block;clear: both;content: '';}
.common-head h1{float: left;padding: 0 0 0 60px;background: url(../images/common/logo.png) no-repeat center left;font-size: 32px;line-height: 60px;}
.common-head h1 a{color: #fff;padding-right:20px;}
.common-head .layui-nav{float: right;}
/* 登录页面 */
.page-login{width: 100%;height:100%;background-color: #fff;}
.page-login::before,.page-login::after{position: absolute;content:'';z-index: 2;}
.page-login::before{top: 0;left: 0;width: 100%;height: 10px;background: url(../images/login/topbg.png) no-repeat center top;}
.page-login::after{left: 0;bottom: 0;width: 100%;height: 240px;background: url(../images/login/bg.png) no-repeat center bottom;}
.page-login .login-box{position: relative;}
.page-login .login-container{position: fixed;display:flex;width: 1160px;height: 480px;top: 50%;left: 50%;margin-top: -320px;margin-left: -580px;align-items: center;box-sizing: border-box;padding: 10px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);z-index: 10;}
.page-login .login-banner {width: 680px;height: 100%;}
.page-login .login-banner img{width: 100%;height: 100%;}
.page-login .login-form{padding: 0 30px;width:480px;height: 100%;box-sizing: border-box;}
.page-login .login-form>img{width: 186px; height: 67px;}
.page-login .login-inp{width: 100%;margin: 16px auto 0;padding: 0;}
.page-login .form-title{font-size: 32px;font-weight: bolder;line-height: 40px;text-align: left;}
.page-login .form-site{width: 100%;height: auto;margin: 20px auto 10px;padding: 0;}
.page-login .form-site span{display: inline-block;width: auto;height: 24px;padding:0 20px;margin-right:5px;border-radius: 5px;font-size: 18px;line-height: 24px;cursor: pointer;}
.page-login .form-site span.on{background: #0097D0;color: #fff;}
.page-login .layui-form-item{margin-bottom: 0;}
.page-login .layui-form-item label.layui-form-label{width: 100%;text-align: left;padding: 0;font-size: 16px;line-height: 32px;}
.page-login .layui-input-block{margin: 0 auto;float: left;width: 100%;} 
.page-login .form-btn{width: 100%;}
/* 首页 */
.page-index .contentL,.page-index .contentR{background-color: #fff;padding: 20px;}
.page-index .contentL .company{width: 100%;height: auto;}
.page-index .contentL .company h2.comName{font-size: 20px;line-height: 34px;color: #0097D0;font-weight: bolder;text-align: left;}
.page-index .contentL .company .lie{font-size: 14px;line-height: 24px;margin: 5px auto 0;text-align: left;}
.page-index .contentL .company .lie label{color: #999;}
.page-index .contentL .company .lie span{font-size:16px;color: #333;font-weight: bolder;margin-left: 8px;}
.page-index .contentL .actImg{width: 100%;margin: 20px auto 0;}
.page-index .contentR .topAct{width: 100%;height: auto;margin: 0 auto;padding: 0;}
.page-index .contentR .funArea{width: 100%;margin: 0 auto;padding: 0;zoom: 1;}
.page-index .contentR .funArea:after{display: block;content: '';clear: both;}
.page-index .contentR .funArea li{width: 24%;margin: 20px .5% 0;padding:10px 4px 0;float: left;background-color: #F5f5f5;box-sizing: border-box;}
.page-index .contentR .funArea li .actImg{width: 100%;height: 120px;text-align: center;line-height: 120px;}
.page-index .contentR .funArea li .actImg>img{max-width: 100%;height: 120px;}
.page-index .contentR .funArea li p{margin-top:10px;font-size: 16px;height: 60px;line-height:60px;text-align: center;vertical-align: middle;overflow: hidden;font-weight: bold;}
.page-index .contentR .funArea li p span{display: inline-block;line-height: 26px;color: #333;}
.page-index .contentR .funArea li p em{color: #666;font-weight: normal;font-size: 14px;}