@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,button,input,textarea,img,th,td,select,div{margin:0;padding:0;}
body{font:14px/1.14 "Microsoft YaHei",Arial,sans-serif,"\5fae\8f6f\96c5\9ed1";word-wrap:break-word;background:#FFF;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea,input,button,select,legend{font:14px/1.14 arial,"\5fae\8f6f\96c5\9ed1";color:#333;outline:none;border:none;*font-size:100%;*border:0;vertical-align:top;background:none;}
html,body{width:100%;position:relative;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
a{text-decoration:none;color:#3e3e3e;outline:none;zoom:1;line-height:normal;cursor:pointer!important;}
a:hover{text-decoration:none;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
img{border:none;vertical-align:top;}
textarea{resize:none;overflow:auto;}
ul,ol,li{list-style:none;vertical-align:top}
i,em{font-style:normal;}
a,img{-webkit-touch-callout:none;}
img{border:none;vertical-align:top;}
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}
::-moz-placeholder{color:#8e9094;}
::-webkit-input-placeholder{color:#8e9094;}
:-ms-input-placeholder{color:#8e9094;}
/* 公共样式 */
.wrap{width: 1200px;margin: 0 auto;}
.fl{float:left;}
.fr{float:right;}
.hd_hide{display: none !important;}
.prz{position:relative;zoom:1;}
.pra{position:absolute;}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.mar-top20{margin-top: 20px !important;}
.mar-left0{margin-left: 0px !important;}
.color-orange{color: #ffb944 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

/* header */
.header>.wrap>a{display: inline-block;}
.header .logo{margin:5px 0;position: relative;left: -10px;}
/* banner */
.banner{width:100%;height: 400px;background:#1958ec url(//static.dongao.com/luoyang/images/bg.png) no-repeat;background-size:cover;min-width: 1200px;}
.banner .fl{margin-top:107px;}
.banner .fl .intro{margin:25px 0 25px;	letter-spacing: 3px;color: #ffb944;font-size:28px;border-top:1px solid  #ffbc3f;border-bottom:1px solid  #ffbc3f;padding:10px 0;}
.banner .fl .company{letter-spacing: 1px;font-size:16px;color: #ffffff;}
.banner .fr{margin-top:30px;color: #222222;padding:20px 20px 15px;box-sizing: border-box;width:300px;background-color: #ffffff;box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.1);border-radius: 10px;}
.banner .fr .tit{font-size: 20px;font-weight: bold;position: relative;padding-bottom: 8px;}
.banner .fr .tit::before{content:'';position:absolute;left:0;bottom:0;width: 14px;height: 4px;background-color: #ffb944;border-radius: 2px;}
.banner .fr .tit2{font-size: 12px;color: #8e9094;margin: 10px 0;}
.banner .fr .card{margin:10px 0 7px 0;}
.banner .fr .name{margin-bottom: 7px;}
.banner .fr .inp{width: 260px;height: 50px;background-color: #f0f3fa;border-radius: 6px;padding:17px 0 17px 10px;box-sizing: border-box;}
.banner .fr p.code{position: relative;}
.banner .fr p.code img{position: absolute;right: 12px;top: 9px;}
.banner .fr .input{height: 16px;width:230px;box-sizing: border-box;}
.banner .fr input.code{width: 170px;}
.banner .fr .card .input{background:url(//static.dongao.com/luoyang/images/card.png) no-repeat left;background-size: 18px 14px;padding-left:26px;}
.banner .fr .name .input{background:url(//static.dongao.com/luoyang/images/name.png) no-repeat left;background-size: 18px 14px;padding-left:26px;}
.banner .fr .error{line-height: 30px;color: #f35859;font-size: 14px;height: 30px;}
.banner .fr .btn{width: 260px;height: 50px;border-radius: 6px;cursor: pointer;display: block;text-align: center;}
.banner .fr .btn.sign{background:url(//static.dongao.com/luoyang/images/sign.png) no-repeat;}
.banner .fr .btn.sign:hover{background:url(//static.dongao.com/luoyang/images/sign-hover.png) no-repeat;}
/* .banner .fr .sign-con{height: 278px;} */
.banner .fr .user-con{height: 300px;display: none;}
.banner .fr .user-con .info{margin:20px 0;background-color: #f0f3fa; border-radius: 6px;height: 130px;font-size: 16px;text-align: center;}
.banner .fr .user-con .info .item{margin:0 8px;color: #8e9094;}
.banner .fr .user-con .info .name{border-bottom: 1px dashed #d7dae0;color: #222222;line-height: 64px;margin-bottom: 13px;}
.banner .fr .user-con .info .year{color: #222222;margin-top:5px;display: block;}
.banner .fr .btn.enter{background:url(//static.dongao.com/luoyang/images/enter.png) no-repeat;}
.banner .fr .btn.enter:hover{background:url(//static.dongao.com/luoyang/images/enter-hover.png) no-repeat;}
.banner .fr .btn.sign-out{color: #222222;line-height: 50px;font-size: 16px;}
.banner .fr .btn.sign-out:hover{color: #1d65ff;}
/* 培训背景 */
.train-bg{color: #222222;}
.train-bg .title,.train-obj .title{margin:40px 0 20px;height: 50px;text-align: center;font-size: 30px;line-height: 70px;}
.train-bg .title{background: url(//static.dongao.com/luoyang/images/bg-title.png) no-repeat top center;}
.train-bg .con{	height: 238px;background-color: #f5f6fa;border-radius: 10px;padding:10px 20px 0 10px;box-sizing: border-box;}
.train-bg .con .fl{width: 380px;height: 232px;overflow: hidden;}
.train-bg .con .fr{width: 768px;line-height: 30px;font-size: 16px;text-indent: 32px;}
.train-bg .con .fr::before{content:'';width:15px;height: 12px;background:url(//static.dongao.com/luoyang/images/bg-icon.png) no-repeat;background-size: 100%;display: block;}
.train-bg .con .fr::after{content:'';width:15px;height: 12px;background:url(//static.dongao.com/luoyang/images/bg-icon2.png) no-repeat;background-size: 100%;display: block;float: right;}
/* 培训对象 */
.train-obj .title{background: url(//static.dongao.com/luoyang/images/obj-title.png) no-repeat top center;}
.train-obj .con .fl{width: 216px;height: 170px;padding:20px;box-sizing: border-box;background-color: #f0f3fa;border-radius: 10px;margin-right:30px;color: #222222;font-size: 16px;line-height: 24px;text-align: center;}
.train-obj .con .fl .icon{width:60px;height: 60px;margin:10px auto 15px;}
.train-obj .con .fl .icon1{background: url(//static.dongao.com/luoyang/images/obj-icon1.png) no-repeat;}
.train-obj .con .fl .icon2{background: url(//static.dongao.com/luoyang/images/obj-icon2.png) no-repeat;}
.train-obj .con .fl .icon3{background: url(//static.dongao.com/luoyang/images/obj-icon3.png) no-repeat;}
.train-obj .con .fl .icon4{background: url(//static.dongao.com/luoyang/images/obj-icon4.png) no-repeat;}
.train-obj .con .fl .icon5{background: url(//static.dongao.com/luoyang/images/obj-icon5.png) no-repeat;}
.train-obj .con .fl.last{margin-right:0;}
.train-obj .con .fl:hover{	background-color: #ffffff;box-shadow: 0px 8px 15px 1px rgba(34, 34, 34, 0.08);}
.training {margin-top:40px;}
.training .title{width: 165px;height: 60px;box-sizing: border-box;padding-top: 25px;background: url(//static.dongao.com/luoyang/images/course.png) no-repeat 0% 30%;text-align: center;font-size: 30px;color: #222222;margin: 0 auto 20px;}
.training .content {width: 100%;background: #f0f3fa;border-radius: 10px;position: relative;}
.training .content .left-box{width: 220px;height: 432px;background: url(//static.dongao.com/luoyang/images/course-bg.png) no-repeat;}
.training .content .left-box .lf-title{height: 90px;border-bottom: 1px dotted #6999ff; box-sizing: border-box;padding-top: 40px;font-size: 24px;color: #ffffff;text-align: center;}
.training .content .left-box .font{width: 106px;min-height: 60px;margin: 50px auto 0;}
.training .content .left-box .font>i{font-size: 60px;color: #ffb944;float: left;display: block;position: relative;font-style: italic;}
.training .content .left-box .font>i::after{content:'';display: block;position: absolute;bottom: -5px;left: 40px;background: #6193ff;width:20px;height: 4px;border-radius: 20px;}
.training .content .left-box .font>p{float: right;font-size: 24px;color: #ffffff;width: 24px;margin-top: 5px;}
.training .content .right-box {margin-left: 30px;padding-top: 17px;}
.training .content .right-box2 {width: 440px;margin-left: 30px;padding-top: 17px;}
.training .content .box{width: 100%;box-sizing: border-box;min-height: 55px;margin-bottom: 24px;}
.training .content .box:last-child{margin-bottom: 20px;}
.training .content .box .p1{padding-top: 13px;font-size: 16px;color: #1d65ff;font-weight: bold;}
.training .content .box .p2{margin-top: 7px;font-size: 16px;color: #222222;}
.no1{background: url(//static.dongao.com/luoyang/images/NO.1.png) no-repeat;}
.no2{background: url(//static.dongao.com/luoyang/images/NO.2.png) no-repeat;}
.no3{background: url(//static.dongao.com/luoyang/images/NO.3.png) no-repeat;}
.no4{background: url(//static.dongao.com/luoyang/images/NO.4.png) no-repeat;}
.no5{background: url(//static.dongao.com/luoyang/images/NO.5.png) no-repeat;}
.no6{background: url(//static.dongao.com/luoyang/images/NO.6.png) no-repeat;}
.no7{background: url(//static.dongao.com/luoyang/images/NO.7.png) no-repeat;}
.no8{background: url(//static.dongao.com/luoyang/images/NO.8.png) no-repeat;}
.no9{background: url(//static.dongao.com/luoyang/images/NO.9.png) no-repeat;}
.no10{background: url(//static.dongao.com/luoyang/images/NO.10.png) no-repeat;}
.price{position: absolute;right: 0px;top: -65px;}
.keynel{margin-top: 40px;}
.keynel .title{width: 350px;height: 60px;box-sizing: border-box;padding-top: 25px;background: url(//static.dongao.com/luoyang/images/strengths.png) no-repeat 0% 30%;text-align: center;font-size: 30px;color: #222222;margin: 0 auto 20px;}
.keynel .key-box{width: 380px;min-height: 290px;margin-right: 30px;}
.keynel .key-box:last-child{margin-right: 0px;}
.keynel .key-box img{width: 100%;height: 160px;}
.keynel .key-box .title1{font-size: 24px;color: #222222;text-align: center;margin-top: 18px;margin-bottom: 30px;position: relative;}
.keynel .key-box .blue::after{content: '';display: block;width: 20px;height: 3px;position: absolute;bottom: -10px;left: 48%;background: #1d65ff;}
.keynel .key-box .green::after{content: '';display: block;width: 20px;height: 3px;position: absolute;bottom: -10px;left: 48%;background: #3eb761;}
.keynel .key-box .orange::after{content: '';display: block;width: 20px;height: 3px;position: absolute;bottom: -10px;left: 48%;background: #ffc456;}
.keynel .key-box .title2{font-size: 14px;color: #222222;line-height: 20px;}
.teacher{margin-top: 40px;margin-bottom: 50px;}
.teacher .title{width: 204px;height: 60px;box-sizing: border-box;padding-top: 25px;background: url(//static.dongao.com/luoyang/images/teachers.png) no-repeat 0% 30%;text-align: center;font-size: 30px;color: #222222;margin: 0 auto 20px;}
/* .teacher .cont{width: 252px;position: relative;overflow: hidden;} */
.teacher .box .content{position: absolute;top: 55px;left: 10px;}
.teacher .box .content::before{content: '';position: absolute;left: 0px;top: -20px;height: 24px;width: 24px;background: url(//static.dongao.com/luoyang/images/ico.png) no-repeat;}
.teacher .box .content .name{font-size: 24px;color: #ffffff;}
.teacher .box .content .school{font-size: 12px;color: #ffffff;margin-top: 10px;transition: opacity .1s linear;}
.teacher .teacher-box {display: block;}
/* .teacher .teacher-box:first-child{margin-left: 0px;} */
.teacher .banner-box{position: relative;width: 11114px;}
.teacher .ul-box{overflow: hidden;width: 1114px;height: 156px;float: left;}
.teacher .banner-box>li{margin-left: 34px;float: left;}
.teacher .banner-box>li:first-child{margin-left: 0px;}
.teacher .box:hover .introduce{height: 63px;}
.teacher .box:hover .school{opacity: 0;}
.teacher .box .introduce{font-size: 12px;color: #ffffff;line-height: 20px;position: absolute;left: 0px;bottom: 0px;box-sizing: border-box;background: rgba(0,0,0,0.5);border-radius: 0 0 10px 10px;height: 0px;transition: height .2s ease-out;padding: 0px 5px;}
.teacher .prev2{height: 40px;width: 22px;background: url(//static.dongao.com/luoyang/images/prev.png) no-repeat;float: left;position: relative;top: 5px;margin-right: 23px;}
.teacher .prev2:hover{background: url(//static.dongao.com/luoyang/images/prev-hover.png);}
.teacher .next2{height: 40px;width: 22px;background: url(//static.dongao.com/luoyang/images/next.png) no-repeat;float: left;position: relative;top: 5px;margin-left: 19px;}
.teacher .next2:hover{background: url(//static.dongao.com/luoyang/images/next-hover.png);}

/*底部*/
.footer{height: 80px;background: #f0f3fa;padding: 35px 0;min-width: 1200px;}
.footer .left-box ul li {float: left;width: 80px;height: 20px;position: relative;}
.footer .left-box ul li>a{color: #222222;font-size: 16px;}
.footer .left-box ul li>a:hover{color: #1d65ff;}
.footer .left-box ul li::after{content:'';display: block;height: 8px;width: 2px;background: #d7dae0;position: absolute;top: 8px;right: 7px;}
.footer .left-box p{font-size: 14px;color: #56585c;margin-top: 20px;}
.footer .right-box {width: 210px;height: 85px;}
.footer .right-box>img{float: left;margin: 0 0 10px 10px;;}