* { margin: 0; padding: 0;}
html,body { font-size:14px; font-family: "Microsoft YaHei"; background: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body { background: #f5f8fa;}
dd,dl,dt,li,ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,video { display: block;}
a { text-decoration: none; color: #333;}
a:hover { color: #032461;}
input,select { outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
input[type=text] { background-position-y: -1px;}
input[type=radio] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; border: none; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
address,cite,em,var { font-style: normal;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0}
.clearfix { zoom: 1}
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.fl { float: left;}
.fr { float: right;}
.warp { width: 1300px; margin: 0 auto;}
.clear { clear: both;}
.layui-table-page select { line-height: 18px !important;}
/*header*/
.header { width:100%; height: 84px; margin:0 auto; padding: 25px 0; background:#fff url(../image/yj01.png) no-repeat center bottom / 100%;}
.header .logo { float:left; width: 84px; height: 84px; overflow:hidden;}
.header .logo img{ display:block; width:100%;}
.header .msg { float: left; margin-left: 15px; padding-top: 10px;}
.header .msg h1 { line-height: 45px; font-weight: bold; font-size: 36px; color: #1573c7; letter-spacing: 1px;}
.header .msg h1 span { color: #015293;}
.header .msg p { line-height: 25px; font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.9px;}
/*导航*/
.nav { width:100%; height:50px; background:#1573c7; position:relative; z-index:99999;}
.nav li { float:left; width:calc(100% / 4 - 1px); text-align:center; border-left: 1px solid rgba(255,255,255,0.1); position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:last-child::after { display: block; content: ""; width: 1px; height: 50px; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 0;}
.nav li a { display:block; width:100%; line-height:50px; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li:hover,.nav .on { background:#015293;}
/*footer*/
.footer { width: 100%; padding: 30px 0; overflow:hidden; background: #fff;}
.footer p { line-height: 25px; font-size: 14px; color: #666; text-align: center;}
.footer span { display: inline-block; margin: 0 10px;}
.footer a { color: #666;}
.footer a:hover { color: #333;}
/*登录、注册*/
.login { margin:60px 0; box-shadow: 0 0 10px 2px #d6e1ed; background:#fff;}
.login .nr { border-radius:4px; overflow:hidden; background:url(../image/gx29.png) no-repeat left center;}
.login .imgs { float:left; width:738px;}
.login .msg { float:right; width:560px; padding:60px 0; background:#fff;}
.login .msg h1 { height:50px; text-align:center;}
.login .msg h1 img { display:inline-block; height:50px;}
.login .msg h3 { width:70%; line-height:40px; font-weight:500; font-size:12px; color:#999; text-align:center; margin:0 auto; letter-spacing:2px; position:relative;}
.login .msg h3::before,.login .msg h3::after { display:block; content:""; width:12.5%; height:1px; margin:auto; background:#eee; position:absolute; top:22px;}
.login .msg h3::before { left:0;}
.login .msg h3::after { right:0;}
.login .msg h3 b { font-weight:bold; font-size:24px; color:#f16523; margin:0 30px; position:relative; top:3px;}
.login .msg h3 b::before,.login .msg h3 b::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#f16523; position:absolute; top:12px;}
.login .msg h3 b::before { left:-20px;}
.login .msg h3 b::after { right:-20px;}
.login .msg .layui-form { padding:40px 80px 0 80px;}
.login .msg li { font-size:14px; color:#999; margin-bottom:10px;}
.login .msg li input { display:block; width:100%; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 2.5%; border:1px solid #ddd; border-radius:2px; overflow:hidden; outline:none;}
.login .msg .yzm input { float:left; width:55%;}
.login .msg .yzm img { display:block; float:right; width:150px; height:43px; border:1px solid #ddd; border-radius:2px;}
.login .msg .yzm .layui-btn { display:block; float:right; width:130px; height:40px; font-size:14px; margin-right:0 !important; border:1px solid #dc3b40 !important; border-radius:2px; background:#dc3b40;}
.login .msg li .btn { display:block; width:100%; height:55px; line-height:55px; font-weight:bold; font-size:16px; color:#fff; text-align:center; margin-top:20px; cursor:pointer; letter-spacing:2px; border:1px solid #f16523; border-radius:4px; background:#f16523;}
.login .msg li .solid-checkbox { float:left; width:auto; height:auto; padding:0; margin:1px 8px 0 0;}
.login .msg li a:hover { color:#dc3b40; text-decoration:underline;}
.login .msg li .hint { line-height:30px; font-size:14px; color:#dc3b40;}
.login .msg li .hint i { float:left; margin:0 5px 0 0;}
.login .msg p { line-height:25px; font-size:12px; color:#999; text-align:center; padding-top:10px;}
.login .msg p span { margin:0 40px;}
.login .msg p a { font-weight:bold; font-size:14px; color:#f16523;}
.login .msg p a:hover { text-decoration:underline;}
.login .layui-form-checkbox span { padding-right:0 !important;}
.login .solid-label a { font-size:14px; color:#dc3b40; cursor:pointer; position:relative; top:2px;}
/*通用左侧*/
.comnav { float: left; width: 160px; margin: 30px 0; padding: 10px 20px; border-radius: 4px; box-shadow: 0 0 10px 2px #d6e1ed; overflow:hidden; background: #fff;}
.comnav a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #eee; position: relative;}
.comnav a:last-child { border-bottom: none;}
.comnav a::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position: absolute; right: 5px; top: 23px;}
.comnav a:hover,.comnav .on { color: #032461;}
.comnav .on { font-weight: bold;}
.comnav .out { height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-top: 15px; border: 1px solid #032461; border-radius: 4px; overflow: hidden; background: #032461;}
.comnav .out:hover { color: #fff;}
.comnav .out::after { display: none;}
/*通用右侧*/
.comrgt { float: right; width: calc(100% - 220px); margin: 30px 0; border-radius: 4px; box-shadow: 0 0 10px 2px #d6e1ed; overflow:hidden; background: #fff;}
/*通用*/
.comnrs { margin: 50px 0; border-radius: 4px; box-shadow: 0 0 10px 2px #d6e1ed; overflow:hidden; background: #fff;}
.title { font-weight: bold; font-size: 34px; color: #1573c7; text-align: center; border-bottom: 1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.title span { color: #015293;}
.title p { font-weight: 500; font-size: 18px; padding-top: 15px;}
.title p em { margin:0 20px;}
/*工程机械报名*/
.form-con { padding: 40px; background: #fff;}
.form-con .beizhu { line-height: 35px; font-size: 16px; color: #d90003; margin-bottom: 15px;}
.form-con .tishi { line-height: 35px; font-weight: bold; font-size: 18px; color: #d90003; text-align: center; margin-bottom: 15px; overflow: hidden}
.form-con .tishi img { display:block; width:150px; margin:20px auto;}
.form-con .myform li { float:left; width: calc(50% - 25px); margin-right: 50px;}
.form-con .myform li:nth-child(2n) { margin-right: 0;}
.form-con .myform li h3 { float:left; width:100px; height: 50px; line-height: 50px; font-size: 16px; color: #333; font-weight: bold;}
.form-con .myform li h3 span { font-weight:500; color: #d90003; padding-left:5px;}
.form-con .myform li .input-box { float:left; width: calc(100% - 100px); height: 38px; margin: 6px 0;}
.form-con select,
.form-con textarea,
.form-con .input-txt{display: block; width: 100%; height: 36px; line-height: 34px; border: 1px solid #ddd; font-size: 14px; color: #666; padding-left: 10px;}
.form-con select{background: url("http://cx.snsafety.com/public//static/certificate/images/select-icon.png") no-repeat 97% center; background-size: 2%;}
.form-con input[type="radio"] + .radio-label:before { display: inline-block; content: ''; width: 18px; height: 18px; cursor: pointer; text-align: center; vertical-align: top; margin-right: 8px; border: 1px solid #b4b4b4; border-radius: 100%; background: #fff; -webkit-transition: all 250ms ease; transition: all 250ms ease; position: relative; top: 8px;}
.form-con .radio-label{ margin-right:20px; line-height:36px;}
.form-con input[type="radio"]:checked + .radio-label:before { background-color: #032461; box-shadow: inset 0 0 0 4px #fff;}
.form-con input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #032461;}
.form-con input[type="checkbox"] + .checkbox-label:before { display: inline-block; content: ''; width: 18px; height: 18px; line-height:18px; cursor: pointer; text-align: center; vertical-align: top; margin-top:8px; margin-right: 8px; border: 1px solid #b4b4b4;background: #fff; top: 8px;}
.form-con .checkbox-label{line-height:36px}
.form-con input[type="checkbox"]:checked + .checkbox-label:before { background:#032461 url(../image/d.png) center center no-repeat;border: 1px solid #032461;}
.form-con input[type="checkbox"]:focus + .checkbox-label:before { outline: none; border-color: #032461;}
.form-con .myform li.txt { width:100%; margin-right: 0;}
.form-con .myform li.txt h3 { height: 150px;}
.form-con .myform li.txt .input-box { height: 150px;}
.form-con .myform li.txt textarea { height: 150px; line-height:150%; font-size:14px; padding-top:10px;}
.form-con .myform li.bz { width:100%; height:60px;}
.form-con .myform li.jz { width:100%; height: auto; padding-bottom:20px; margin-right: 0;}
.form-con .myform li.jz .input-box { height:auto;}
.form-con .myform li.jz .input-box span { float:left; display:block; width:20%;}
.form-con .myform .upzy { width:100%; padding:20px 0; margin-top:20px; border-top: 1px solid #ddd;}
.form-con .myform .upzy h3 { width:100%; font-weight:bold; color:#d90003;}
.form-con .myform .upzy h3 span { font-weight:500;}
.form-con .myform li.up { width: 100%; margin-right: 0;}
.form-con .myform li.up .input-box { height: auto;}
.form-con .myform li .upload-btn { width:100%; margin-top:5px; overflow:hidden; position: relative; background:transparent;}
.form-con .myform li .a-upload { float:left; font-size:12px; width:68px; text-align:center;height: 30px; line-height: 30px; position: relative; cursor: pointer; color: #2c2c2c; background: #f0f0f0; border-radius: 4px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; text-decoration:none; }
.form-con .myform li .a-upload input.file{ position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer }
.form-con .myform li .a-upload:hover { color: #444; background: #eee; border-color: #ccc; text-decoration: none }
.form-con .myform li .upload-btn input.btn { display:block; height:30px; font-size:12px; color:#fff; cursor:pointer; padding:0 20px; border:0; border-radius:2px; background:#032461; z-index:999;}
.form-con .myform li .upload-btn span { display: block; line-height: 30px; font-size: 14px; color: #666; position: absolute; left: 100px; top: 0;}
.form-con .myform li .upload-btn img { display: block; max-width: 100%; height: 80px; margin-top: 10px; background: #fafafa;}
.form-con .myform li #result{font-size:12px; height:55px; line-height:40px; overflow:hidden; display:none;}
.form-con .f-btn { margin-top:40px; border-top: 1px solid #ddd;}
.form-con .button { display: block; width: 428px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; margin: 40px auto 0 auto; border: none; border-radius: 4px; background:#1573c7;}
.form-con .button:hover { background: #015293;}
.form-con .agree{margin:16px 0 23px 13px; line-height: 35px; font-size: 16px; color: #333;}
.form-con .agree img{display: inline-block; vertical-align: middle; margin-right: 9px;}
.form-con .agree span{color: #d90003;}
.form-con .agree strong{color: #3369a6;}
/*图片加载中div图层，用于遮挡页面*/
#loading { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 15000; display:none;}
#loading img { position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;margin-top: -45px;margin-left: -45px;}
/*报名管理*/
.bmgl .layui-form-label { width: 70px; padding-left: 0;}
.bmgl .ans { height: 38px;line-height: 38px; padding: 0 20px;}
.bmgl .tnb { padding: 0 10px; margin: 5px 0 0 0 !important;}
.bmgl .loadmore { cursor: pointer; padding: 0 20px; margin-top: 5px; background: #F16523;}
.bmgl .myform li{ float: none; width:100%; margin:0; text-align:center; margin-top:20px;}
.bmgl .myform li h3{ float:none; display:inline-block; width:100px; height: 50px; line-height: 50px; font-size: 16px; color: #333; font-weight: bold;}
.bmgl .myform li h3 span{color: #d90003 }
.bmgl .myform li .input-box{float:none; display:inline-block; width:340px; height: 38px; margin: 6px 0;}
.bmgl .f-btn{ border-top: 0px solid #ddd; margin-top:40px;}
.bmgl .button{ width:200px}
.cj_box { margin:0 auto; padding-bottom:40px;}
.cj_box .title{ color:#000; font-size:24px;border-bottom: 0px solid #ddd; padding:20px 0;}
.cj_box ul{border-left: 1px #ddd solid; border-top: 1px #ddd solid;}
.cj_box li { float:left; width:40%; padding:0 15px; height:50px; line-height:50px; box-sizing:border-box; position:relative; color:#666;}
.cj_box li:nth-child(odd){ width:9.95%; text-align:right; color:#000;}
.cj_box li:after { content:"";width:100%;height:50px;position:absolute;left:0;top:-1px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; z-index: 1;}
.cj_box h3{ color:#000; font-size:18px; padding:20px 0; text-align:center; font-weight:700}
.cj_box .img{ padding-bottom:30px; text-align:center;}
.cj_box .img img{ display:block; width:100%; margin-bottom:10px;}
.cj_box .img a{color: #d51719; font-weight:700}
.cj_box .img2{ padding:20px; text-align:center; border: 1px #ddd solid;border-bottom:0px}
.cj_box .img2 img{ display:block; width:200px; margin:0 auto;}
.cj_err { font-weight:bold; padding: 15px 0; color: #d51719; text-align:center;}
.index-btn { padding:2.5% 5%;}
.index-btn .button { display:block; float:left; width: calc(100% / 3 - 50px); height:80px; line-height:80px; font-size:24px; margin:5% 25px;}
@media screen and (max-width:640px) {
body { max-width: 640px; min-width: 320px;}
.warp { width: 95%; margin: 0 auto;}
.header { height: 60px; padding: 10px 0;}
.header .logo { width: 60px; height: 60px;}
.header .msg { width: calc(100% - 70px); margin-left: 10px; padding-top: 3px;}
.header .msg h1 { line-height: 28px; font-size: 18px;}
.header .msg h1 span { display: block;}
.header .msg p { display: none;}
.nav .warp { width: 100%;}
.nav li { float:left; width:calc(100% / 3 - 1px);}
.nav li:first-child { display: none;}
.nav li a { font-size: 12px;}
.footer { padding: 10px 0;}
.footer p { line-height: 22px; font-size: 12px;}
.login { margin: 20px 0; background: none;}
.login .msg { float: none; width: calc(100% - 40px); padding: 20px;}
.login .msg h3 { width: 100%;}
.login .msg h3::before,.login .msg h3::after { display: none;}
.login .msg .layui-form { margin-top: 20px; padding: 0;}
.login .msg .yzm input { width: calc(100% - 160px);}
.comnav { float: none; width: calc(100% - 20px); line-height: 0; font-size: 0; margin: 10px 0; padding: 10px;}
.comnav a { display: inline-block; width: calc(100% / 4 - 17px); height: 35px; line-height: 35px; margin-right: 15px; border-bottom: none;}
.comnav .out { height: 35px; line-height: 35px; margin: 0; padding: 0 10px; overflow: initial;}
.comrgt { float: none; width: 100%; margin: 0 0 20px 0;}
.title { line-height: 35px; font-size: 22px; margin-bottom: 0;}
.title p { line-height: 25px; font-size: 14px; padding-top: 10px;}
.title p em { display: block; margin: 0;}
.form-con { padding: 20px;}
.index-btn { padding: 10px 0;}
.index-btn .button { width: calc(100% / 3 - 10px) !important; height: 60px; line-height: 60px; font-size: 16px; margin: 0 5px;}
.layui-form-item .layui-form-label { padding: 9px 0;}
.layui-form-item .layui-input-inline { float: left !important; width: calc(100% - 145px) !important; margin: 0px 10px 0 0 !important; left: 0 !important;}
.bmgl .ans { float: left; width: 65px; padding: 0;}
.form-con .beizhu { line-height: 25px; font-size: 14px;}
.form-con .myform li { width: 100% !important; margin-right: 0;}
.form-con .myform li h3 { width: 85px; height: 40px; line-height: 40px; font-size: 14px;}
.form-con .myform li .input-box { width: calc(100% - 85px); margin: 2px 0;}
.form-con .myform li.jz .input-box { margin-top: 5px;}
.form-con .myform li.jz .input-box span { width: 50%; font-size: 12px;}
.form-con .myform li.jz .input-box .checkbox-label { line-height: 30px;}
.form-con input[type="checkbox"] + .checkbox-label::before { width: 15px; height: 15px; margin: 6px 5px 0 0;}
.form-con .f-btn { margin-top: 20px;}
.form-con .button { width: 100%; margin-top: 20px;}
.form-con .myform .upzy { padding-bottom: 10px;}
.form-con .myform .upzy h3 { line-height: 25px; font-size: 14px;}
.form-con .myform li .upload-btn span { font-size: 12px; left: 75px;}
.cj_box .title { font-size: 20px; padding: 0;}
.cj_box li { width: calc(100% - 76px); font-size: 12px; padding: 0 10px;}
.cj_box li:nth-child(2n+1) { width: 75px; padding: 0 5px;}
}