@charset "utf-8";
/* CSS Document */

/* 在线客服首页内容 */
.index_run_box {height: 410px;}
.index_run_box .mc {height: 410px;width: 100%;position: relative;}
.index_run_box .mc .btn {height: 40px;width: 40px;position: absolute;top: 50%;margin-top: -20px;z-index: 2;filter:alpha(opacity=0);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0;-webkit-transition: opacity 0.2s linear 0.0s;-moz-transition: opacity 0.2s linear 0.0s;transition: opacity 0.2s linear 0.0s;}
.index_run_box .mc .btn_l {left: 20%;}
.index_run_box .mc .btn_r {right: 20%;}
.index_run_box .mc .middle {height: 100%;padding: 0;margin: 0;border: none;}
.index_run_box .mc .middle .run_model {height: 100%;width: 100%;float: left;position: relative;}
.index_run_box .mc .middle .run_model .pic_box {height: 100%;width: 100%;float: left;position: relative;}
.index_run_box .mc .middle .run_model .pic_box ul.run_catch {height: 100%;width: 100%;position: absolute;overflow: visible;zoom: 1;display: none;}
.index_run_box .mc .middle .run_model .pic_box ul.select {display: block;}
.index_run_box .mc .middle .run_model .pic_box ul.run_catch li {width: 100%;height: 100%;float: left;text-align: center;font-size: 0;}
.index_run_box .mc .middle .run_model .pic_box ul.run_catch li a {width: 100%;height: 410px;display: block;overflow: hidden;zoom: 1;margin: 0 auto;line-height: 410px;font-size: 0;}
.index_run_box .mc .middle .run_model .pic_box ul.run_catch li a img {max-height: 410px;min-height: 410px;margin-left: -2000px;margin-right: -2000px;}
.index_run_box .mc .middle .run_model .btn_box {height: 16px;position: absolute;bottom: 15px;left: 0; right: 0;}
.index_run_box .mc .middle .run_model .btn_box .color_bg {height: 16px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;filter:alpha(opacity=0);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0;}
.index_run_box .mc .middle .run_model .btn_box .btn_group {height: 100%;width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;font-size: 0;text-align: center;}
.index_run_box .mc .middle .run_model .btn_box .btn_group span {width: 16px;height: 16px;display: inline-block;text-align: center;font-size: 12px;font-family: 'Verdana';letter-spacing: 1px;margin: 0 2px;cursor: pointer;line-height: 99;}
.sitemap {height: 40px;}
.sitemap .room {height: 100%;}
.sitemap .room p.name {height: 40px;float: left;line-height: 40px;}
.sitemap .room i.ico {float: left;}
.sitemap .room ul.nav li {height: 40px;float: left;width: 168px;}
.sitemap .room ul.nav li a {height: 40px;font-size: 14px;line-height: 40px;display: block;text-decoration: none;text-align: center;}
.sitemap .room ul.runlist {height: 40px;position: relative;overflow: hidden;zoom: 1;float: left;}
.sitemap .room ul.runlist li {height: 40px;position: relative;overflow: hidden;zoom: 1;line-height: 40px;font-size: 14px;}
.sitemap .room .tips {height: 40px;float: left;line-height: 40px;font-size: 14px;}
.sitemap .room .tips a {text-decoration: none;}
.sitemap .room span.ico {height: 40px;float: left;line-height: 40px;font-size: 16px;padding: 0 5px;}
.model {margin-top: 10px;}
.model .room p.title {height: 30px;line-height: 30px;font-size: 22px;margin-top: 20px;}
.model .room .jion {height: 213px;width: 100%;position: relative;}
.model .room .jion .pic {height: 213px;width: 980px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 213px;*font-family: 'Arial';font-size: 0;line-height: 213px;}
.model .room .jion .pic img {max-width: 100%;max-height: 100%;}
.model .room .jion .info {width: 580px;padding: 20px;position: absolute;right: 0;top: 0;}
.model .room .jion .info .instell p {margin: 0;padding: 0;}
.model .room .jion .info .instell p.title {font-size: 20px;height: 40px;line-height: 40px;}
.model .room .jion .info .instell p.tips {font-size: 16px;line-height: 22px;margin-top: 10px;}
.model .room .jion .info .instell em.time {font-size: 16px;line-height: 24px;display: block;}
.model .room .jion .info .button {height: 40px;margin-top: 30px;}
.model .room .jion .info .button a.btn {height: 40px;width: 120px;text-align: center;display: block;line-height: 40px;font-size: 16px;margin: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration: none;}
.model .room .course {height: 200px;margin-top: 10px;}
.model .room .course .pic {height: 200px;width: 294px;float: left;}
.model .room .course .pic .picbox {height: 200px;width: 294px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 200px;*font-family: 'Arial';font-size: 0;line-height: 200px;}
.model .room .course .pic .picbox img {max-width: 100%;max-height: 100%;}
.model .room .course .info {padding-left: 20px;height: 200px;}
.model .room .course .info p.name {font-size: 20px;height: 30px;line-height: 30px;}
.model .room .course .info .plan {margin-top: 10px;}
.model .room .course .info .plan ul li {height: 30px;}
.model .room .course .info .plan ul li p.tips {height: 30px;float: left;line-height: 30px;font-size: 18px;}
.model .room .course .info .plan ul li em.str {height: 30px;line-height: 30px;font-size: 18px;display: block;}
.model .room .course .info .area {margin-top: 10px;border-style: dotted;border-width: 1px 0;padding: 9px 0;}
.model .room .course .info .area .h {border-right-style: solid;border-right-width: 1px;float: left;width: 70px;padding: 15px 0;}
.model .room .course .info .area .h i.ico {width: 13px;height: 13px;float: left;margin: 2px 2px 0 0;_display: inline;}
.model .room .course .info .area .h h3.title {font-weight: normal;padding-right: 16px;font-size: 14px;width: 56px;}
.model .room .course .info .area .show {padding: 0 20px;}
.model .room .course .info .area .show ul li {height: 35px;float: left;width: 50%;}
.model .room .course .info .area .show ul li em {height: 35px;float: left;line-height: 35px;display: block;font-size: 14px;}
.model .room .course .info .area .show ul li em.num {font-family: 'Verdana';padding-right: 5px;}
.model .room .course .info .area .show ul li em.str {}
.model .room .joinus {margin-top: 10px;}
.model .room .joinus .stage {height: 49px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.model .room .joinus .stage ul li {height: 49px;float: left;padding: 0 30px 0 20px;position: relative;}
.model .room .joinus .stage ul li.attr {width: 267px;}
.model .room .joinus .stage ul li em.num {height: 49px;float: left;font-style: italic;font-family: 'Arial';font-size: 20px;line-height: 50px;margin-right: 10px;_display: inline;}
.model .room .joinus .stage ul li .str {height: 49px;line-height: 49px;font-size: 18px;}
.model .room .joinus .stage ul li.attr .str {line-height: 20px;font-size: 14px;height: auto;padding: 4px 0;}
.model .room .joinus .stage ul li i.ico {width: 11px;height: 49px;position: absolute;top: 0;right: 0;}
.model .room .joinus dl.clause {margin-top: 20px;padding: 0 10px;}
.model .room .joinus dl.clause dt {height: 30px;line-height: 30px;overflow: hidden;zoom: 1;font-size: 20px;}
.model .room .joinus dl.clause dd {height: 30px;line-height: 30px;overflow: hidden;zoom: 1;font-size: 16px;}
.model .room .joinus .registration {margin-top: 20px;padding: 55px 0;}
.model .room .joinus .registration .regbox ul {margin-top: -20px;}
.model .room .joinus .registration .regbox ul li {margin-top: 20px;}
.model .room .joinus .registration .regbox ul li p.name {height: 40px;float: left;line-height: 40px;font-size: 16px;width: 316px;text-align: right;margin-right: 10px;_ display: inline;}
.model .room .joinus .registration .regbox ul li .inputbox input[type=text] {padding: 12px 5px;width: 426px;}
.model .room .joinus .registration .regbox ul li .inputbox textarea {padding: 12px 5px;width: 426px;}
.model .room .joinus .registration .regbox ul li .phone input[type=text] {width: 320px;}
.model .room .joinus .registration .regbox ul li .phone a.btn {height: 38px;float: left;border-style: solid;border-width: 1px 1px 1px 0;line-height: 38px;font-size: 14px;text-align: center;width: 105px;text-decoration: none;}
.model .room .joinus .registration .regbox ul li .smcheck input[type=text] {width: 60px;text-align: center;}
.model .room .joinus .registration .regbox ul li .inputbox span.tips {height: 40px;float: left;line-height: 40px;font-size: 14px;padding-left: 10px;}
.model .room .joinus .registration .button {height: 47px;margin-top: 50px ;text-align: center;}
.model .room .joinus .registration .button a.btn {width: 250px;height: 47px;display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px;line-height: 47px;text-decoration: none;}

/* 在线客服客服中心 */
.model .room .online {height: 128px;width: 100%;position: relative;}
.model .room .online .pic {height: 128px;width: 980px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 128px;*font-family: 'Arial';font-size: 0;line-height: 128px;}
.model .room .online .pic img {max-width: 100%;max-height: 100%;}
.model .room .online .info {width: 630px;padding: 15px 20px;height: 98px;position: absolute;right: 0;top: 0;}
.model .room .online .info .instell {float: left;height: 98px;width: 490px;margin-right: 20px;}
.model .room .online .info .instell p {margin: 0;padding: 0;}
.model .room .online .info .instell p.title {font-size: 20px;height: 30px;line-height: 30px;}
.model .room .online .info .instell p.tips {font-size: 14px;line-height: 22px;height: 44px;}
.model .room .online .info .instell em.time {font-size: 16px;line-height: 24px;display: block;}
.model .room .online .info .button {height: 40px;margin-top: 29px;}
.model .room .online .info .button a.btn {height: 40px;width: 120px;text-align: center;display: block;line-height: 40px;font-size: 16px;margin: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration: none;}
.sitemap .room i.new {width: 18px;height: 16px;margin: 11px 5px 0 0;_display: inline;}
.model .room .train {margin-top: 10px;}
.model .room .train .minirunbox {height: 210px;position: relative;}
.model .room .train .minirunbox .btn {width: 15px;height: 40px;position: absolute;top: 60px;cursor: pointer;z-index: 1;}
.model .room .train .minirunbox .btn_l {left: 20px;}
.model .room .train .minirunbox .btn_r {right: 20px;}
.model .room .train .minirunbox .middle {height: 100%;margin: 0 1px;position: relative;}
.model .room .train .minirunbox .middle ul {position: absolute;top: 0;bottom: 0;left: 0;float: left;overflow: visible;}
.model .room .train .minirunbox .middle ul li {float: left;width: 326px;height: 210px;background: url(../../Images/Site/serverice/line_shadow.png) 50% bottom no-repeat;}
.model .room .train .minirunbox .middle ul li a {height: 100%;width: 303px;display: block;text-decoration: none;margin: 0 auto;}
.model .room .train .minirunbox .middle ul li a .pic {height: 160px;width: 100%;}
.model .room .train .minirunbox .middle ul li a .pic .picbox {height: 160px;width: 306px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 160px;*font-family: 'Arial';font-size: 0;line-height: 160px;}
.model .room .train .minirunbox .middle ul li a .pic .picbox img {max-width: 100%;max-height: 100%;}
.model .room .train .minirunbox .middle ul li a .info {height: 45px;padding: 0 10px;}
.model .room .train .minirunbox .middle ul li a .info p.name {height: 45px;line-height: 45px;float: left;text-decoration: none;}
.model .room .train .minirunbox .middle ul li a .info em.tips {height: 45px;line-height: 50px;display: block;font-size: 12px;text-align: right;text-decoration: none;}
.model .room .necessary {margin-top: 20px;}
.model .room .necessary .site {padding: 0 30px;}
.model .room .necessary .site ul li {float: left;}
.model .room .necessary .site ul li .icon {width: 90px;height: 90px;font-size: 0;}
.model .room .necessary .site ul li .icon a {width: 86px;height: 86px;text-align: center;line-height: 86px;display: block;border-style: solid;border-width: 2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color 0.2s linear 0.0s;-moz-transition: background-color 0.2s linear 0.0s;transition: background-color 0.2s linear 0.0s;}
.model .room .necessary .site ul li .site1 a {background: url(../../Images/Site/serverice/necessary_01.png) 50% 50% no-repeat;border-color: #f57676;}
.model .room .necessary .site ul li .site1 a:hover {background: url(../../Images/Site/serverice/necessary_01_hover.png) 50% 50% #f57676 no-repeat;}
.model .room .necessary .site ul li .site2 a {background: url(../../Images/Site/serverice/necessary_02.png) 50% 50% no-repeat;border-color: #6ca7d8;}
.model .room .necessary .site ul li .site2 a:hover {background: url(../../Images/Site/serverice/necessary_02_hover.png) 50% 50% #6ca7d8 no-repeat;}
.model .room .necessary .site ul li .site3 a {background: url(../../Images/Site/serverice/necessary_03.png) 50% 50% no-repeat;border-color: #7ab43c;}
.model .room .necessary .site ul li .site3 a:hover {background: url(../../Images/Site/serverice/necessary_03_hover.png) 50% 50% #7ab43c no-repeat;}
.model .room .necessary .site ul li .site4 a {background: url(../../Images/Site/serverice/necessary_04.png) 50% 50% no-repeat;border-color: #fb990c;}
.model .room .necessary .site ul li .site4 a:hover {background: url(../../Images/Site/serverice/necessary_04_hover.png) 50% 50% #fb990c no-repeat;}
.model .room .necessary .site ul li .site5 a {background: url(../../Images/Site/serverice/necessary_05.png) 50% 50% no-repeat;border-color: #66bcb9;}
.model .room .necessary .site ul li .site5 a:hover {background: url(../../Images/Site/serverice/necessary_05_hover.png) 50% 50% #66bcb9 no-repeat;}
.model .room .necessary .site ul li p.name {height: 30px;line-height: 30px;text-align: center;font-size: 18px;margin-top: 5px;}
.model .room .necessary .site ul li.line {height: 90px;line-height: 120px;text-align: center;font-size: 0;padding: 0 50px;}
.model .room .necessary .site ul li.line i.ico {width: 13px;height: 30px ;display: inline-block;font-size: 0;}
.model .room .catchbox {margin-top: 10px;padding: 60px 0;}
.model .room .catchbox ul {margin-left: -3px;overflow: visible;height: 50px;}
.model .room .catchbox ul li {float: left;height: 50px;width: 33%;text-align: center;margin-left: 3px;_display: inline;overflow: visible;position: relative;}
.model .room .catchbox ul li .lines {height: 38px;display: block;text-align: center;font-size: 0;padding-top: 12px;text-decoration: none;}
.model .room .catchbox ul li .lines i.ico {width: 26px;height: 26px;display: inline-block;font-size: 0;}
.model .room .catchbox ul li .lines em.str {height: 26px;line-height: 26px;display: inline-block;font-size: 16px;padding-left: 5px;}
.model .room .catchbox ul li .exp {height: 0px;position: absolute;width: 324px;top: 50%;-webkit-transition: all 0.1s linear 0.0s;-moz-transition: all 0.1s linear 0.0s;transition: all 0.1s linear 0.0s;}
.model .room .catchbox ul li.hover .exp {height: 168px;top: -60px;border-style: solid;border-width: 1px;}
.model .room .catchbox ul li .exp p.name {height: 35px;text-align: center;border-bottom-style: solid;border-bottom-width: 1px;padding-top: 10px;}
.model .room .catchbox ul li .exp p.name i.ico {width: 26px;height: 26px;display: inline-block;font-size: 0;}
.model .room .catchbox ul li .exp p.name em.str {height: 26px;line-height: 26px;display: inline-block;font-size: 16px;padding-left: 5px;}
.model .room .catchbox ul li .exp p.times em.num {font-weight: 700;}
.model .room .catchbox ul li .exp p.tips {line-height: 24px;margin: 10px 30px 0 30px;_display: inline;text-align: left;height: 72px;}
.model .room .catchbox ul li .exp p.times {line-height: 20px;font-family: 'Verdana','Microsoft YaHei';font-size: 14px;margin-top: 10px;}

/* 在线客服培训视频着陆页 */
.model .room .propic {height: 320px;}
.model .room .propic .picbox {height: 320px;width: 100%;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 320px;*font-family: 'Arial';font-size: 0;line-height: 320px;}
.model .room .propic .picbox img {max-width: 100%;max-height: 100%;}
.model .room .video {margin-top: 20px;}
.model .room .video ul {margin: -10px 0 0 -10px;}
.model .room .video ul li {height: 125px;float: left;margin: 10px 0 0 10px;_display: inline;width: 485px;}
.model .room .video ul li .icobox {width: 80px;margin: 21px;float: left;}
.model .room .video ul li .icobox .ico {width: 53px;height: 53px;display: block;line-height: 53px;font-size: 0;text-align: center;margin: 0 auto;}
.model .room .video ul li .icobox .ico img {max-width: 100%;max-height: 100%;}
.model .room .video ul li .icobox em.tips {height: 30px;line-height: 30px;text-align: center;font-size: 18px;display: block;}
.model .room .video ul li dl {float: left;overflow: hidden;zoom: 1;width: 250px;margin: 13px 0;}
.model .room .video ul li dl dd {height: 24px;line-height: 24px;display: block;overflow: hidden;zoom: 1;font-size: 14px;background: url(../../Images/Site/serverice/list_ico.png) 0 50% no-repeat;padding-left: 8px;}
.model .room .video ul li .button {width: 85px;height: 85px;float: right;background: url(../../Images/Site/serverice/video_btn.png) 0 0 no-repeat;padding-top: 6px;margin: 18px 20px 0 0;_display: inline;}
.model .room .video ul li .button a {width: 85px;height: 65px;display: block;padding-top: 20px;text-decoration: none;}
.model .room .video ul li .button a b {display: block;font-size: 22px;font-weight: normal;line-height: 22px;text-align: center;text-decoration: none;}
.model .room .video ul li .button a em {display: block;font-size: 16px;font-weight: normal;line-height: 24px;text-align: center;text-decoration: none;}

/* 公告着陆页 */
.specmodel {margin: 0;padding: 50px 0;}
.specmodel .room .course {margin: 0;border-style: solid;border-width: 1px;padding: 45px;height: auto;}
.specmodel .room .course .button {margin-top: 50px;text-align: center;}
.specmodel .room .course .button a.btn {margin-top: 50px;height: 40px;display: inline-block;margin: 0 10px;font-size: 18px;line-height: 40px;width: 120px;text-align: center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

/* 产品百科 */
.specmodel .room .prolblemist {margin: 0;}
.specmodel .room .prolblemist .navbox {width: 166px;float: left;margin-right: 10px;_display: inline;border-style: solid;border-width: 1px;}
.specmodel .room .prolblemist .navbox p.title {height: 70px;line-height: 70px;font-size: 18px;text-align: center;margin: 0;border-bottom-style: solid;border-bottom-width: 1px;}
.specmodel .room .prolblemist .navbox .navshow {padding: 20px 30px;}
.specmodel .room .prolblemist .navbox .navshow ul li {padding: 10px 0;}
.specmodel .room .prolblemist .navbox .navshow ul li a {display: block;text-decoration: none;}
.specmodel .room .prolblemist .navbox .navshow ul li a i.ico {width: 26px;height: 26px;float: left;margin-right: 10px;_display: inline;-webkit-transition: all 0.2s linear 0.0s;-moz-transition: all 0.2s linear 0.0s;transition: all 0.2s linear 0.0s;}
.specmodel .room .prolblemist .navbox .navshow ul li a em.tips {height: 26px;line-height: 26px;display: block;font-size: 14px;text-decoration: none;}
.specmodel .room .prolblemist .area {padding: 20px;border-style: solid;border-width: 1px;}
.specmodel .room .prolblemist .area p.name {line-height: 30px;font-size: 20px;display: block;}
.specmodel .room .prolblemist .area .mt {margin-top: 20px;}
.specmodel .room .prolblemist .area .mt ul {border-bottom-style: solid;border-bottom-width: 1px;overflow: hidden;zoom: 1;}
.specmodel .room .prolblemist .area .mt ul li {font-size: 16px;float: left;padding: 0 5px;margin-right: 10px;_display: inline;padding-bottom: 10px;cursor: pointer;}
.specmodel .room .prolblemist .area .mt ul li.select {border-bottom-style: solid;border-bottom-width: 3px;cursor: default;}
.specmodel .room .prolblemist .area .mc {margin-top: 20px;}
.specmodel .room .prolblemist .area .mc .for {display: none;}
.specmodel .room .prolblemist .area .mc .select {display: block;}
.specmodel .room .prolblemist .area .mc .for ul {margin-top: -21px;}
.specmodel .room .prolblemist .area .mc .for ul li {display: block;margin-top: 10px;border-top-style: dashed;border-top-width: 1px;padding-top: 10px;}
.specmodel .room .prolblemist .area .mc .for ul li .title {font-size: 18px;line-height: 24px;}
.specmodel .room .prolblemist .area .mc .for ul li .time,
.specmodel .room .prolblemist .area .mc .for ul li .tips {font-size: 14px;line-height: 20px;font-family: 'Arial','Microsoft YaHei';margin-top: 5px;}
.specmodel .room .prolblemist .area .subtitle {line-height: 20px;font-size: 12px;margin-top: 10px;border-bottom-style: solid;border-bottom-width: 1px;padding-bottom: 10px;}
.specmodel .room .prolblemist .area .text {line-height: 24px;font-size: 16px;text-indent: 2em;padding: 20px 0;}
.specmodel .room .prolblemist .area .fast {border-top-style: solid;border-top-width: 1px;padding-top: 20px;}
.specmodel .room .prolblemist .area .fast ul li {line-height: 24px;font-size: 14px;}
.specmodel .room .prolblemist .area .fast ul li a {text-decoration: none;}

/* 通用分页条样式 */
.page {height: 40px;padding: 10px 0;}
.page .box {height: 40px;float: right;border-left-style: solid;border-left-width: 1px;}
.page .box a,
.page .box span {height: 38px;float: left;border-style: solid;border-width: 1px;font-size: 12px;line-height: 38px;padding: 0 15px;text-decoration: none;margin-left: -1px;font-family: 'Verdana';font-weight: 700;}
.page .box span.now {height: 38px;float: left;border-style: solid;border-width: 1px;font-size: 12px;line-height: 38px;padding: 0 15px;text-decoration: none;margin-left: -1px;font-family: 'Verdana';font-weight: 700;}
.page .box span.more {border-width: 0 0 0 1px;padding: 0 4px;height: 40px;line-height: 60px;}