@charset "utf-8";
.flex-between{justify-content:space-between;}
.flex-align-items-center{align-items:center;}
.global-view{max-width:1100px;width:100%;margin:auto;}
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-input-placeholder{color:#ccc;}
input::-ms-input-placeholder{color:#ccc;}
::-webkit-scrollbar{width:9px;background-color:#eee;}
::-webkit-scrollbar-corner{background-color:#ccc;}
::-webkit-scrollbar-thumb{border:solid 2px #eee;width:5px;background-color:#888;}
.module{padding:30px 0 ;}
.module-line{width:100%;height:1px;margin-bottom:30px;background-color:#F1F1F1;}
.module-bg{background-color:#f9f9f9;}
.module-box{background-color:#fff;border:1px solid #F1F1F1;}
.module-global{width:90%;margin:auto;}
.global-tab > span{cursor:pointer;}
.global-content{padding:30px 20px;}
.global-item.active{display:block;}
.global-item{display:none;}

.btn{transition:.4s ease-in;-webkittransition:.4s ease-in;-moz-transition:.4s ease-in;-ms-transition:.4s ease-in;-o-transition:.4s ease-in;}
.row{display:-ms-flexbox;display:flex;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left:-15px;margin-right:-15px;}
.col{display:-ms-flexbox;display:flex;flex-direction:column;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-6,.col-xl-4,.col-xl-6,.col-xl-6,.col-xs-12,.col-lg-4,.col-lg-6{position:relative;min-height:1px;width:100%;padding-left:15px;padding-right:15px;}

/*header*/
/* .header{background:#fff;box-shadow: 0 2px 27px 0 rgba(0,0,0,0.10);position:relative;} */
.header-bar{background:#F8F8F8;width:100%;font-size:12px;color:#999;height:40px;}
.flex-wrap{display:flex;display:-ms-flex;align-items:center;}
.h-view{height:100%;}
.header-bar a{color:#999;}
.header-bar .header-bar-left i{font-size:18px;color:#666;}
.current-city{color:#666;}
.header-bar .header-bar-left .change-city{background: #F4F4F4;border:1px solid #E5E5E5;border-radius:2px;color:#666;margin:0 4px;padding:3px 5px;}
.header-bar .header-bar-left .near-city{display:inline-block;}
.header-bar .header-bar-right{flex:1;justify-content:flex-end;display:flex;align-items:center;}
.login-wrap{display:inline-block;margin-right:15px;}
.login-wrap .login{display:block;background:#FFFFFF;font-size:0;border:1px solid #A8D7FF;height:28px;line-height:28px;border-radius:14px;padding:0;overflow: hidden;margin-left: 10px;}
.login-wrap .login > a{box-sizing:border-box;display:inline-block;padding:0;width:45px;height:30px;text-align:center;font-size:14px;color:#2CAEFF;transition:color 0.2s;text-shadow:none;border:none;}
.login-wrap .login > a:nth-child(1){border-right:1px solid #A8D7FF;}
.login-wrap .login > a:hover{background:#D7EDFF;}
.header-body{display:flex;}
.header-body .logo{padding-top:28px;padding-right:60px;padding-bottom:30px;font-size:16px;box-sizing:content-box;vertical-align:sub;}
.header-body .logo img{width:auto;}
.header-body .logo .text-logo{position:relative;color: #312e46;font-size: 16px;font-weight: 600;padding: 10px 0 10px 15px;margin: 20px 0;margin-left: 15px;border-left: 1px solid #eaeff5;}
.header-body .header-body_nav{flex:1 1 auto;margin-left:30px;justify-content:flex-end;}
.header-body .header-body_nav .nav > ul{display:flex;justify-content:flex-end;padding-top:16px;}
.header-body .header-body_nav .nav > ul > li{position:relative;display:block;}
.header-body .header-body_nav .nav > ul > li > a{font-size:15px;padding:15px 20px;letter-spacing:1px;display:block;text-decoration:none;color:inherit;cursor:pointer;color:hsl(0, 0%, 0%);font-weight:700;}

/*footer*/
.footer{position:relative;z-index:99;color :#000;padding:140px 0 120px;overflow:hidden;background:rgba(240, 240, 240, 0.43)}
.footer_body .logo{margin-bottom:30px;}
.footer_body .footer-text p{color:#333;line-height:22px;width:67%;}
.footer_body .footer-text p a{text-decoration:underline;padding:0px 10px;color:#7b7070}
.footer_body ul > li:first-of-type{margin-bottom:50px;letter-spacing:3px;font-size:small;}
.footer_body ul > li{line-height:40px;}
.footer_body ul > li > a{display:block;color:#333;}
.footer_body ul > li.li-add{line-height:24px;padding-top:6px;}
.footer-card{max-width:50%;float:right;}
.footer-end{color:#777;text-align:center;padding-top: 20px;margin-top: 30px;font-size: 12px;border-top: 1px solid #ccc;}
.footer-end .row > div:first-of-type{text-align:left;}
.footer-end a{color:#777;}
.footer-end .row > div:last-of-type{text-align:right;}

/*search*/
.search-view{border:1px solid #e5e5e5;border-radius:4px;background-color: #fff;margin-top:40px;}
.search-view .search-header{height:65px;background-color:#ebebeb;}
.search-header-animation{background-color:#efefef;transition:.4s linear;}
.search-header-fixed{position:fixed;top:0;left:0;right:0;z-index:20;background-color:#fff;box-shadow:0 5px 14px #ccc;}
.search-header-con{padding:15px 15px;max-width:1250px;margin: 0 auto;}
.search-header-con .work-wrapper{position:relative;z-index:10;display:inline-block;}
.search-header-con .word-box{display:flex;border:1px solid #e5e5e5;height:35px;line-height:35px;background-color:#fff;border-radius:4px;padding:0 10px;outline:none;width:auto;}
.label-input{color:#999;}
.word-box .word-input{display:inline-block;font-size: 14px;color: #333;height100%;line-height:25px;padding:5px;width: 130px;border:none;outline:none;}
.work-view{position:absolute;font-size:14px;left:0;top:36px;padding:15px 15px 5px;border:2px solid #e5e5e5;background-color:#fff;border-radius:4px;}
.work-view.hide{display:none;}
.work-view .work-tab{cursor:pointer;white-space:nowrap;font-size:0;color:#666;}
.work-tab > span{display:inline-block;padding:0 50px 5px;font-size:14px;line-height:26px;border-bottom:1px solid #e5e5e5;letter-spacing:3px;}
.work-tab > span.active{color:#3fafff;border-bottom-color:#3fafff;}
.work-row:last-of-type{border-bottom:0;}
.work-row{padding:15px 0 10px;border-bottom:1px solid #efefef;}
.work-hot em{display:none !important;}
.work-row em{margin:0 10px;color:#60b8f4;display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #f8f8f8;}
.work-row a,.work-row span{display:inline-block;color:#555;margin:3px 5px;padding:2px 5px;transition:all .1s ease;}
.select_box{float:left;color:#444;position:relative;cursor:pointer;width:120px;height:35px;font-size:13px;}
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:35px;height:35px;}
.selet_open b{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;width:10px;height:10px;border-right:2px solid #777;border-bottom:2px solid #777;transform:rotate(45deg) translate(-3px , -3px);transition:.5s linear;}
.select_txt{display:inline-block;padding-left:10px;width:85px;line-height:35px;height:35px;cursor:text;overflow:hidden;}
.option{width:130px;min-height:1px;max-height:150px;overflow-y:auto !important;border:solid 1px #EDE7D6;position:absolute;top:33px;left:-1px;z-index:2;display:none;}
.option span{display:block;border-bottom:1px solid #efefef;padding:5px 10px;line-height:26px;text-align:left;width:100%;background:#fff;}
.option span:hover{background:#ecf4ff;}
.option::-webkit-scrollbar {width:4px;background-color: #eee;}
.option::-webkit-scrollbar-thumb{background-color:#c5c5c5;}
.search-btn,.info-btn{font-size:14px;color:#fff;display: inline-block;vertical-align: middle;-webkit-font-smoothing: antialiased;line-height: 2.15;padding: 0 18px;letter-spacing: .1em;text-align: center;border-radius: 2.15em;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;border: 1px solid;outline: 0;float: right;margin-top: 2px;line-height: 35px;border: none;background-image:linear-gradient(90deg,rgb(74, 175, 255),rgb(101, 187, 241));padding: 0 29px;transition: all .3s ease;}
.search-filter{padding:0 20px;font-size:14px;}
.search-filter > div:last-of-type{border-bottom:none;}
.search-row-wrap {border-bottom: 1px solid #e5e5e5;padding: 20px 0;display:flex;}
.search-row-wrap .search-row {padding: 0;border-bottom: 0;}
.search-row {border-bottom: 1px solid #e5e5e5;padding: 20px 0 10px;line-height: 22px;}
.search-row-title {float: left;width: 120px;color: #000;}
.search-row-unlimited {float: left;width: 80px;}
.search-row-unlimited a.active, .search-row-unlimited a:hover {background-color:#5bb1fa;color:#fff;}
.search-row-unlimited a {display: inline-block;padding: 0 10px;border-radius: 12px;color: #666;}
.search-row-content{float: left;width:878px;}
.search-row-item{float: left;width: 125px;padding-bottom: 10px;color: #666;}
.search-row-item{word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search-arrow-tab{cursor: pointer;display: inline-block;padding: 0 10px;}
.search-row-spread{height:32px;overflow:hidden;}

/*datail*/
.detail-view{background-color:#fff;padding:20px;border:1px solid #f5f5f5;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.10);}
.detail-head .detail-title h2{font-size:26px;white-space: nowrap;}
.detail-head .detail-tag{padding:20px 0;}
.detail-head .detail-tag span{font-size:14px;display:inline-block;margin-right:5px;font-weight:700;}
.detail-head .detail-tag span i{font-size:20px;font-weight:400;}
.detail-head .detail-tag span:nth-child(2n){margin-right: 20px;}
.detail-head .detail-tag span:nth-child(2n+1){color:#777;font-weight:400;}
.detail-table table tr td{padding:15px 4px 15px 15px;min-width: 180px;word-break: break-word;}
.detail-table table tr td:nth-child(2n-1){background:#F4FAFE;min-width: 100px;}
.detail-table table tr td span.address{display:inline-block;width:50%;white-space:initial;}
.map-ico{float:right;padding-right:15px;height:25px;display:flex;align-items:center;color: #0076b4;}
.map-ico img{width:25px;height:25px;vertical-align:middle;margin-right:4px;}
.show-work tr td:nth-child(3){width:30%;}
.show-work tr:nth-child(2n+1){background-color:#f7fbff;}
/* .star{display:inline-block;}
.star.smaller {border-color: #fd4 transparent transparent transparent;border-style: solid;border-top-width: 5px;border-right-width: 10px;border-left-width: 10px;height: 0;margin-top: 5px;margin-bottom: 3.21429px;position: relative;width: 0;}
.star.smaller:before,.star.smaller:after{border-color:#fd4 transparent transparent transparent;border-style: solid;border-top-width: 5px;border-right-width: 10px;border-left-width: 10px;content: '';display: block;height: 0;left: -10px;position: absolute;top: -5px;width: 0;}
.star.smaller:before {transform: rotate(70deg);}
.star.smaller:after {transform: rotate(-70deg);}
.star.grey{border-color:#dedede transparent transparent transparent;}
.star.grey:before,.star.grey:after{border-color:#dedede transparent transparent transparent;} */
a.pubwebsite{color: #2573ec;word-break: break-all;}

/*checkbox*/
.checkbox{display:inline-block;}
.checkbox input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox input[type="checkbox"] + .input-label:before {content:'';background:#fff;border:1px solid #b4b4b4;display: inline-block;width:15px;height:15px;position:relative;cursor:pointer;margin-right:5px;top:2px;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease;}
.checkbox input[type="checkbox"]:checked + .input-label:before{background-color: #3197EE;box-shadow: inset 0 0 0 2px #f4f4f4;}
.checkbox input[type="checkbox"]:disabled + .input-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}

/*main*/
.main{background-color:#fff;width:100%;}
.main-title{padding:30px 0 10px;}
.main-title h2.text-title{font-size:20px;}

/*banner*/
.ports-banner{width:100%;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: hidden;}
.mitv-banner{padding:160px 0px 160px 0px !important;background-size:cover;background-position:50%;background-repeat: no-repeat;transition: all .6s ease-in-out;}

/*index*/
#picker > div:first-of-type{display:none;}
#picker > div:nth-of-type(2) .iPicker-disabled{cursor:default;background-color:#ffffff;color:#000;}
#picker > div:nth-of-type(2) .iPicker-result{border:none;font-size:24px;font-weight:700;padding:0;}
#picker > div:nth-of-type(2) .iPicker-result i{display:none;}
.statistics-items{padding:30px 20px;margin-bottom:30px;background:#fff;box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);}
.statistics-items .statistics-box{width:100%;position:relative;}
.box-circle{width:60px;height:60px;text-align:center;line-height:60px;border-radius:50%;float:left;}
.box-circle i{font-size:30px;}
.statistics-wrap > div:first-of-type .statistics-items .box-circle{background:#ecf2ff;}
.statistics-wrap > div:nth-of-type(2) .statistics-items .box-circle{background:#FFECEC;}
.statistics-wrap > div:nth-of-type(3) .statistics-items .box-circle{background:#efe3fb;}
.statistics-wrap > div:nth-of-type(4) .statistics-items .box-circle{background:#dfefd9;}
.box-text{float:left;margin-left:60px;margin-top:5px;}
.box-text > h3{font-size:14px;font-weight:400;}
.box-text > p{font-size:24px;padding-bottom:10px;font-weight:700;}
.statistics-wrap > div:first-of-type .statistics-items .box-text p,.statistics-wrap > div:first-of-type .statistics-items .box-circle i{color:#206aff;}
.statistics-wrap > div:nth-of-type(2) .statistics-items .box-text p,.statistics-wrap > div:nth-of-type(2) .statistics-items .box-circle i{color:#ce4444;}
.statistics-wrap > div:nth-of-type(3) .statistics-items .box-text p,.statistics-wrap > div:nth-of-type(3) .statistics-items .box-circle i{color:#9232ea;}
.statistics-wrap > div:nth-of-type(4) .statistics-items .box-text p,.statistics-wrap > div:nth-of-type(4) .statistics-items .box-circle i{color:#399025;}
.statistice-content .main-title{padding:0 0 30px;}
.statistice-content .main-title h2.text-title{font-size:15px;}
.statistics-con{min-height:350px;overflow:auto;}
.switch-box{padding-bottom:20px;background:url(../images/tab_bg.jpg) no-repeat;background-position:0 -5px;background-size:100%;}
.module-switch{border:1px solid #E7E7E7;border-radius:15px;overflow:hidden;}
.switch-box .global-tab{display:flex;display:-ms-flex;}
.switch-box .global-tab > span{display:inline-block;height:40px;color:#1c759c;font-weight:700;line-height:40px;flex:1;text-align:center;background:linear-gradient(180deg, #b4e0ff, #2fc5ff);}
.switch-box .global-tab > span.active{background:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#333;}
.area-wrap{display:flex;display:-ms-flex;flex-wrap:wrap;}
.area-wrap > .area-list{display:inline-block;width:33.3333%;padding:0 5px;text-align:center;color:#777;}
.area-wrap > .area-list a{display:block;padding:10px 0;margin:10px 0;border:1px solid #eaeaea;color:#777;}
.module-box .main-title{padding:15px 0 15px 15px;color:#333;}
.module-box .main-title h2:before,.statistice-content .main-title h2.text-title:before{content:'';display:inline-block;width:5px;height:10px;margin-right:5px;background:linear-gradient(33deg, #42B0FF, #40CAFF);border-radius:20px;}
.module-box .main-title h2{font-size:15px;font-weight:700;}
.module-switch .global-content{min-height:400px;background:#fff;}
.switch-left{width:80px;}

/*list*/
.content-box{margin-top:40px;overflow:hidden;}
.content-view{position: relative;float: left;width: 910px;}
.main-view{padding:0 20px;border: 1px solid #e5e5e5;border-radius: 5px;background-color: #fff;}
.order-bar{height:55px;}
.order-view{padding: 16px 0;border-bottom: 1px solid #e5e5e5;border-radius: 4px 4px 0 0;}
.list-view{min-height:350px;}
.list-info-item{border-bottom: 1px solid #e5e5e5;padding: 20px 0;transition: all .3s ease;overflow:hidden;}
.picture-wrapper{width: 200px;float: left;margin-right: 20px;margin-left:10px;position: relative;}
.picture-wrapper img{width:200px;height:125px;border-radius: 4px;}
.info-wrapper{margin-left:220px;}
.info-title{font-size: 18px;font-weight:400;margin-bottom: 10px;color: #06c1ae;transition: color .3s ease;}
.info-title a{color:#333}
.info-title a em{display:inline-block;font-size:12px;color:#45a045;border:1px solid #45a045;margin-left:15px;border-radius:4px;}
.info-column{height:90px;}
.info-column > div{border-right: 1px solid #e5e5e5;height: 100%;}
.info-column > div:last-of-type{border-right:none;}
.info-column > div:first-of-type{float:left;width:calc(100% - 10px - 340px - 2px);padding-right:10px;}
.info-column > div:nth-of-type(2),.info-column > div:nth-of-type(3){float: left;display:flex;align-items:center;justify-content:center;max-width:170px;min-width:170px;text-align:center;}
.info-address{height:40px;overflow:hidden;line-height: 20px;margin-bottom: 5px;color:#666;}
.info-address span{color:#dc972b;padding-right:5px;}
.info-address em:after{content:'|';display:inline-block;padding:0 5px;}
.info-address a{color:#333;padding-left:15px;line-height:10px;}
.info-address a i{color:#de1e1e;font-size:18px;padding-right:5px;position:relative;top:1px;}
.info-service{padding-bottom:5px;height:20px;overflow:hidden;color:#333;}
.info-tag{height: 20px;overflow: hidden;}
.info-tag span{display: inline-block;font-size: 12px;border:1px solid #50b6f5;color:#50b6f5;padding:4px 5px;border-radius: 2px;padding: 1px 2px;margin: 0 5px 0 0;vertical-align: middle;}
.info-tag-danger{border:1px solid #50b6f5;color:#50b6f5;}
.info-tag-efficiency{border:1px solid #f55080;color:#f55080;}
.info-tag-Invoice{border:1px solid #f55080;color:#f55080;}
.info-star{font-size:14px;color:#ff8f00;}
.info-star span{font-size:36px;padding-right:10px;}
.info-btn{background-image:linear-gradient(90deg,rgba(255, 20, 20, 0.75),rgb(224, 70, 70));}
.danger-btn{background-image:linear-gradient(90deg,rgba(75, 150, 243, 0.75),rgb(42, 155, 234));}
.list-info-item-active{background-color:#fffaed;}
.list-info-item-active .info-title a{color:#dc972b;}
.sidebar-view{position:relative;float: right;width: 270px;background-color: #fff;}
.map-view{height:400px;width:270px;border:1px solid #e5e5e5;border-radius:4px;}
.course-wrapper{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 14px 0 rgba(0,0,0,.1);}
.course-header_img:after{content: '';position: absolute;width:150px;height: 100%;top: 0;left:-200px;overflow: hidden;z-index:9;background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,0)));background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3)50%,rgba(255,255,255,0) 100%);background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);transform: skewX(-25deg);}
.course-header_img:hover:after{-webkit-transition: left 1s ease-in-out;-moz-transition: left 1s ease-in-out;-o-transition: left 1s ease-in-out;-ms-transition: left 1s ease-in-out;transition: left 1s ease-in-out;left:500px;}
.course-header .course-header_img{height:350px;border-radius:10px;overflow:hidden;position:relative;}
.course-header .course-header_img img{height:100%;object-fit:cover;}
.body_head-title .intro{display:inline-block;padding:5px 6px;background-color:#ff4223;color:#fff;font-size:14px;}
.body_head-title span:nth-of-type(2){font-weight:700;color:#000;font-size:16px;padding:0 10px;}
.body_head-tag{padding:20px 0;}
.body_head-tag span{display:inline-block;padding:5px 6px;margin-right:5px;color:#fff;}
.body_head-tag span:first-of-type{background-color:#2679d0;}
.body_head-tag span:nth-of-type(2){background-color:#ce7a13;}
.body_head-tag span:nth-of-type(3){background-color:#2679d0;}
.body_head-tag span:nth-of-type(4){background-color:#2679d0;}
.body_head-tag span:nth-of-type(5){background-color:#2679d0;}
.feature{padding:20px 20px;background-color:#f9f9f9;color:#333;}
.feature-item{display:flex;display:-ms-flex;align-items:flex-start;margin-bottom:20px;font-size:15px;}
.feature-item ul > li{float:left;margin-right:10px;}
.feature-item ul > li:before{content:'✔';display:inline-block;color:#107110;padding-right:5px;}
.feature-item > span{color:#000;display:inline-block;width:120px;}
.feature-item .feature-text{flex:1;}
.feature-item .feature-text span{color:#333;}
.feature-item p{margin-bottom:5px;letter-spacing:.6px;line-height:24px;}
.course-btn{margin-top:20px;}
.course-btn > a{display:block;width:120px;height:55px;margin-right:30px;font-size:14px;line-height:55px;text-align:center;float:left;color:#000;border-radius:4px;border:1px solid #d0d0d0;}
.course-btn > a:first-of-type{background-color:#fff;}
.course-btn > a:nth-of-type(2).cur{background-color:#ff682e;color:#fff;border:none;}
.box-intro{width:100%;height:auto;box-sizing: border-box;}
.intro-wrap{padding:20px;margin-bottom:20px;background:#fff;border:1px solid #e8e8e8;}
.box-intro .intro-title span{display:inline-block;font-size:18px;color:#333333;left:4px;font-weight:bold;position:relative;margin-left:5px;font-family:'rtws'}
.box-intro .intro-title i{display:inline-block;padding-right:5px;position:relative;top:2px;width:4px;height:20px;background:rgba(21,187,97,1);background-color:var(--color-pubilc);}
.intro-content{padding-left:20px;padding-right:20px;padding-bottom:70px;padding-top:20px;margin:auto;}
.intro-content .course_title {color:#38aac3;color:#4eb8ff;font-weight:700;margin-top:26px;margin-bottom:19px;font-size:16px;}
.intro-content .course_text{margin-left: 40px;color:#333;font-size:16px;}
.box-sides{border:1px solid #e8e8e8;border-bottom:none;}
.box-sides .fixed-viewport a{display:inline-block;font-size:14px;line-height:55px;color:#777;padding:0 25px;}
.box-sides .fixed-viewport a.active{background-color:#4eb8ff;color:#fff;}
.et-hero-tabs-container--top{position:fixed;top:0;left:0;z-index:20;width:100%;background:#fff;box-shadow:0 5px 14px #ccc;}
.et-hero-tab-slider {position:absolute;bottom:0;width:0;height:3px;background:#66B1F1;transition:left 0.3s ease;}
.fixedSubNav .fixed-viewport{margin-left:auto;margin-right:auto;max-width:1460px;padding-left:40px;padding-right:40px;}

/*page*/
.page-coniner{display:flex;justify-content:center;width:100%;margin:70px 0 90px 0}
.page-coniner a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#8C8888;margin:0 10px;border-radius:50%;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;}
.page-coniner a:first-of-type::before,.page-coniner a:last-of-type::before{content:'';display:inline-block;width:10px;height:10px;border-width:0 0 1px 1px;border-style:solid;border-color:#777;}
.page-coniner a:first-of-type::before{transform:rotate(45deg) translate(2px , -2px);}
.page-coniner a:last-of-type::before{transform:rotate(-135deg) translate(2px , -2px);}
.page-coniner a.cur{background-color:#4eb8ff;color:#fff;}

/*new*/
.side-weight{position:relative;}
.weight-menu li{margin:0 0px 10px;padding:0;border:0;position: relative;display: block;background-color: #fff;transition: all .4s;}
.weight-menu li > a{display: block;padding:20px 25px 20px 25px;color:#333;position:relative;z-index:1;font-weight:500;font-size:15px;line-height:16px;-webkit-transition:all .2s linear;transition:all .2s linear;box-shadow:0 0 6px 0 rgba(183, 183, 183, 0.55);font-family:'Roboto',sans-serif;}
.weight-menu li > a:before{content:'';position:absolute;z-index:-1;top:0;left:0;display:inline-block;width:0;height:100%;background:#52b6ff;-webkit-transition:all .4s linear;transition:all .4s linear;}
.weight-menu li > a:hover{color:#fff;}
.weight-menu li > a:hover:before{width:100%;}
.weight-menu li.active a{color:#fff;}
.weight-menu li.active a:before{width:100%;}
.weight-menu li > a span{padding-left:10px;}
.show-list{padding:20px;background-coloe:#fff;box-shadow:0 0 6px 0 rgba(183, 183, 183, 0.55);}
.list-item{margin-bottom:25px;text-align:right;display:block;clear:both;}
.list-item:nth-child(5n){margin:0 auto;border-bottom:1px dashed #dcdcdc;padding:0 0 27px 0;margin-bottom:30px;}
.list-item a{display:inline-block;text-align:left;float:left;font-size:15px;letter-spacing:1.2px;color:#545454;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.4s linear;}
.list-item a:hover{color:red;}
.list-item span{display:inline-block;color:#404040;}
.article-wrap{padding:20px;width:100%;box-shadow:0 0 6px 0 rgba(183, 183, 183, 0.55);}
.article-title{padding:20px 0;}
.article-title h2{font-size:28px;line-height:40px;text-align:center;margin-bottom:40px;font-weight:400;}
.article-title:after{content:'';display:block;width:100%;height:8px;margin-top:15px;background:url(../images/crumbs_line.png) 0 0 repeat-x}
.title-tag{text-align:center;width:100%;display:inline-block;color:#777;}
.title-tag > span{padding:0 3px;}
.article-body{padding:20px 0;}
.article-body p{line-height:200%;text-indent:32px;color:#505050;font-size:14px;margin-bottom:15px;text-align:justify;letter-spacing:1.2px;}

/*table*/
.search{margin-bottom:20px;}
.input-item input[type="text"]{width:30%;border:1px solid #e5e5e5;height:35px;line-height:35px;background-color:#fff;border-radius:4px;padding:0 10px;outline:none;}
.input-item button{font-size:14px;border-radius:4px;color:#fff;display:inline-block;-webkit-font-smoothing:antialiased;line-height:2.15;padding:0 18px;letter-spacing:.1em;text-align:center;-webkit-user-select:none-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:pointer;outline:0;line-height:35px;border:none;background-image:linear-gradient(90deg,rgb(74, 175, 255),rgb(101, 187, 241));padding:0 29px;transition:all .3s ease;
}
.view-box{width:100%;}
.sheet-head-js{position:relative;}
.sheet-head-js .col-tab{position:absolute;width:8px;right: -9px;top: 0;background: #e5e5e5;height: 100%;}
table{width:100%;border-collapse:collapse;}
table tr th{background-color:rgb(11, 143, 211);color: white;}
table tr td{color:#505050;font-size:14px;border-bottom:1px solid #efefef;}
.sheet-parent table tr:nth-child(even){background-color:#f7fbff;}
table tr td a{color:#06559d;}
table tr th:first-of-type,table tr td:first-of-type{border-left:1px solid #efefef;}
table th,table td{text-align:left;padding:10px 0 10px 15px;border-right:1px solid #efefef;border-top:1px solid #efefef;}
.sheet-parent{height:calc(100vh - 400px);overflow-y:auto;overflow-x:hidden;}
.view-box table tr th:first-of-type{text-align:center;padding:0;}
.view-box table tr th:first-of-type,.view-box table tr td:first-of-type{width:50px;}
.view-box table tr th:nth-of-type(2),.view-box table tr td:nth-of-type(2){width:20%;}
.view-box table tr th:nth-of-type(3),.view-box table tr td:nth-of-type(3),.view-box table tr th:nth-of-type(4),.view-box table tr td:nth-of-type(4){width:25%;}
.view-box table tr th:nth-of-type(5),.view-box table tr td:nth-of-type(5),.view-box table tr th:nth-of-type(6),.view-box table tr td:nth-of-type(6){width:10%;}

/*right_fixed*/
.right_fixed{position:fixed;top:50%;right:0;transform: translateY(-50%);z-index:100;}
.right_fixed .fixed-item{cursor:pointer;position:relative;z-index: 10;transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;}
.item-hide{position:absolute;z-index:-1;width:200px;top:0;bottom:0;right:100%;display:flex;align-items:center;justify-content:center;margin-right:20px;background:#f7f7f7;font-size:16px;text-align:center;padding: 0;overflow: hidden;white-space: nowrap;width: 0;transition: linear .2s all;-webkit-transition: linear .2s all;}
.right_fixed .fixed-item .wechat-pic{position:absolute;width:210px;right:100%;bottom:0;margin-right:20px;padding:10px 15px;background:#f7f7f7;text-align:center;overflow:hidden;visibility:hidden;transform:scale(0);transform-origin:right bottom;-webkit-transform-origin:right bottom;transition:linear .3s all;-webkit-transition:linear .3s all;}
.right_fixed .fixed-item .wechat-pic img{width:100%;}
.right_fixed .fixed-item:last-of-type{opacity:0;}
.right_fixed .fixed-item:hover .item-hide{width:200px;padding:0 10px;}
.right_fixed .fixed-item:hover .wechat-pic{visibility:visible;transform:scale(1);}
.right_fixed .fixed-item a{width:52px;height:52px;background-color:rgba(48, 48, 48, 0.44);display:flex;display:-ms-flex;flex-direction: row;justify-content:center;align-items: center;transition:.5s linear;-webkit-transition:.5s linear;-moz-transition:.5s linear;-o-transition:.5s linear;-ms-transition:.5s linear;}
.right_fixed .fixed-item img{width:50%;}

/*modal*/
.modal-mask{width:100%;height:100%;display:block;background-color:rgba(0, 0, 0, .5);position:fixed;left:0;top:0;z-index:1001;}
.modal{position:absolute;z-index:1002;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.modal-wrapper{position:absolute;z-index:1002;top:0;left:0;right:0;bottom:0;max-width:650px;height:400px;margin:auto;background-color:#fff;border-radius:10px;box-shadow:20px 20px 30px -5px rgba(53, 53, 53, 0.12);}
.login-box{position:relative;}
.login-box .close{position:absolute;right:-15px;top:-15px;}
a.close{display:inline-block;font-size:24px;color:#777;line-height:30px;width:30px;height:30px;border-radius:50%;background-color:#fff;text-align:center;box-shadow:0 0 30px rgba(140, 140, 140, 0.63);}
a.close:before{content:'×';position:absolute;left:8px;top:2px;transition:.4s linear;}
a.close:hover:before{transform:rotate(180deg);top:0;}
.login-title{position:relative;height:50px;}
.login-title h1{color:#7e7e7e;text-align:center;;margin-bottom:10px;}
.login-title h1:before,.login-title h1:after{content:"";height:1px;position:absolute;top:47px;width:35%;}
.login-title h1:before{ background: #7e7e7e;
    background:-moz-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-webkit-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-moz-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-ms-linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:linear-gradient(right,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left:0;}
.login-title h1:after{background: #7e7e7e;
    background:-moz-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-webkit-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-moz-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:-ms-linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background:linear-gradient(left,rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right:0;}
.login-title h1 img{width:20%;padding-top:25px;}
.login-wrapper{width:100%;padding:30px 25px 20px 25px;}
.login-tab,.login-head{text-align:center;}
.login-tab > span,.login-head > span{display:inline-block;margin:20px;font-size:14px;color:#777;cursor:pointer;}
.login-tab > span.active{color:#268fff;padding-bottom:10px;border-bottom:1px solid #268fff;}
.login-item{width:70%;margin:auto;}
.login-register .login-item{display:block;}
.login-item .login-input{width:100%;margin-bottom:10px;display:inline-block;clear:both;}
.login-input input{display:block;width:100%;height:40px;border:1px solid #d8d8d8;border-radius:6px;box-sizing:border-box;margin:5px 0;line-height:40px;font-size:14px;padding:0 12px;color:#333;outline:none;position: relative;z-index: 2;}
.login-input input.code{width:200px;float:left;}
.login-btn{width:100%;height:42px;letter-spacing:5px;display: block;background:#2caeff;border-radius:20px;font-size:14px;color: #fff;border: 0;margin-top:10px;outline:0;cursor:pointer;}
.login-content{padding:0 !important;}
.login-tip{text-align:left;color:#8c8c8c;letter-spacing:1px;}
.login-tip a{color:#2caeff}





/*iconfont*/
.iconfont{font-size:16px;}
.ico-course:before{content:'\e614';}
.ico-team:before{content:'\e81e';}
.ico-new:before{content:'\e603';}
.ico-online:before{content:'\e608';}
.ico-cj:before{content:'\e611';}
.ico-zj:before{content:'\e612';}
.ico-gj:before{content:'\e60f';}
.ico-js:before{content:'\e676';}
.ico-gjjs:before{content:'\e605';}
.ico-down:before{content:'\e697';}
.ico-right:before{content:'\e600';}
.ico-position:before{content:'\e601';}
.ico-map:before{content:'\e682';}
.ico-qualified:before{content:'\e89c';}
.ico-zuzhi:before{content:'\e606';}
.ico-school:before{content:"\e76e";}
.ico-danwei:before{content:"\e704";}
.ico-num:before{content:"\e634";}
.ico-date:before{content:'\e665';}
.ico-time:before{content:'\e62a';}
.ico-author:before{content:'\e698';}
.ico-quyu:before{content:'\e6c3';}
.ico-guanxi:before{content:'\e620';}


@media screen and (min-width: 540px){
    .d-none,.m-none{display:none;}
}
@media screen and (min-width: 769px){
    .col-sm-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-sm-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-sm-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-sm-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-sm-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-sm-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-sm-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-sm-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-sm-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-sm-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-sm-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-sm-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .wrapper-teach .swiper-slide{width:25% !important;}
    .matter-detail-card{width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3vh;
    position: relative;
    }

}
@media screen and (min-width: 992px){
    .col-md-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-md-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-md-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-md-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-md-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-md-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-md-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-md-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-md-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-md-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-md-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-md-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .show-list{padding:20px 40px;}

}
@media screen and (min-width: 1200px){
    .col-lg-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-lg-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-lg-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-lg-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-lg-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-lg-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-lg-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-lg-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-lg-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-lg-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-lg-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-lg-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .wrapper-club .club-item:first-of-type .item-circle:hover{background-color:#A998EF;}
    .wrapper-club .club-item:nth-of-type(2) .item-circle:hover{background-color:#F1AA78;}
    .wrapper-club .club-item:nth-of-type(3) .item-circle:hover{background-color:#63C9D4;}
    .wrapper-club .club-item:nth-of-type(4) .item-circle:hover{background-color:#F392C8;}
    .wrapper-list .list-items a:hover{-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
    .wrapper-list .list-items a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
    .item-circle:hover i{color:#fff;}
    .item-circle:hover h2{color:#fff;}
    .items a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);}
    .flex-foremost-course:hover .media-object,.flex-course-list:hover .media-object{-webkit-transform:scale(1.06, 1.06);-moz-transform:scale(1.06, 1.06);-ms-transform:scale(1.06, 1.06);-o-transform:scale(1.06, 1.06);transform:scale(1.06, 1.06);}
    .right_fixed .fixed-item a:hover{background-color:#62ade2;}
    .article-body p{font-size:16px;}

}

@media only screen and (min-width: 1400px){
    .detail-head .detail-title h2{font-size:28px;}
}

@media screen and (max-width: 991px){
    .media-body{margin-top:20px;}
    .discover-course .media .pull-left{padding-left:0;padding-right:0;}
    .flex-course-list .media .media-object{width:100%;height:auto;}
    .global-view{padding: 0 15px;}
}

@media screen and (max-width: 768px){
    .col-xs-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-xs-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-xs-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-xs-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .app-viewport{padding-left:20px;padding-right:20px;}
    .app-header .app-header-body .header-nav{flex:unset;position:absolute;width:100%;top:100%;left:0;background-color:hsla(0,0%,100%,.95);margin:0;border-bottom:1px solid var(--color-line);height:0;overflow:hidden;transition:all .3s ease-in-out;}
    .app-header .app-header-body .header-nav > ul{display:block;}
    .app-header .app-header-body .header-nav > ul > li{display:block;margin:0;}
    .app-header .app-header-body .header-nav > ul > li > a{color:var(--color-text)}
    .cousre-tit{height:200px;}
    .media-body{padding-left:0;}
    .article-title h2{font-size:15px;line-height:20px;}
}

@media (max-width: 767px) {
    table tr th:first-of-type,table tr td:first-of-type{border-left:0;}
    .fl-table{display: block;width: 100%;}
    .fl-table, .fl-table tbody, .fl-table th{display: block;}
    .fl-table th:last-child{border-bottom: none;}
    .fl-table{float: left;}
    .fl-table tbody{width: auto;position: relative;overflow-x: auto;}
    .fl-table td, .fl-table th {padding: 12px;height: 42px;vertical-align: middle;box-sizing: border-box;width: 90px;font-size: 13px;text-overflow: ellipsis;}
    .fl-table th{text-align: left;border-bottom: 1px solid #f7f7f9;}
    .fl-table tbody tr{display: table-cell;}
    .fl-table tbody tr:nth-child(odd){background: none;}
    .fl-table tr:nth-child(even){background: transparent;}
    .fl-table tr td:nth-child(odd){background: #F8F8F8;border-right: 1px solid #E6E4E4;}
    .fl-table tr td:nth-child(even) {border-right: 1px solid #E6E4E4;}
    .fl-table tbody td {display: block;text-align: center;}
    .show-work tr td:nth-child(3) {width: auto;}
}


@media screen and (max-width: 540px){
    .m--15{margin-left:-15px;margin-right:-15px;}
    .pc-none{display:none;}
    .module{padding:10px 0;}
    .app-viewport{padding-left:15px;padding-right:15px;}
    .m-detail-header{padding:8% 10%;background-color:#ebeef0;}
    .m-detail-box{display: flex;height:50px;margin-top:15px;}
    .matter-detail-card{margin:0;}
    .detail-head .detail-tag{padding:0;height:100%;flex: 1;/*display:flex;flex-direction:column;margin-left:15px;justify-content:space-around;*/}
    .detail-head .detail-tag span{display:block;font-size:16px;font-size:16px;float: left;margin-bottom: 10px;}
    .detail-head .detail-tag span:nth-child(2n+1){color: inherit;}
    .article-title h2{font-size:14px;line-height:20px;}
    table tr td{font-size:12px;padding:10px 5px !important;}
    .detail-view{border:none;box-shadow:none;padding:0;}
    .detail-table{padding-top:20px;}
    .detail-table table{border:0;}
    .detail-table table tr td:nth-child(2n-1){display: none;}
    .detail-table table tr td{display:flex;font-size:14px;border:none;border-top: 0;padding:5px 0 5px 0 !important;position:relative;clear:both;}
    .detail-table table tr td:before{content:attr(data-label);float:left;text-transform:uppercase;width:72px;min-height:100%;text-align: left;padding:0 15px 0 0;text-align-last:justify;color:#a8aaad;}
    .detail-table table tr td:after{content:'：';position:absolute;left:58px;color:#a8aaad;}
    .detail-table table tr td span{display:inline-block;float:left;white-space:initial;flex:1;width:100%;}
    .detail-table table tr td span.map-ico{display:inline-block;width:72px;text-align-last:justify;}
    .detail-table table tr td span.map-ico i{display:none;}
    .map-ico{position:absolute;left:0;top:22px;}
    .title-bg{background-color:rgb(6,84,156);}
    .m-thumb{color:#fff;padding:20px 15px;font-size:16px;margin-top:0;}
    .m-thumb span{font-size:18px;display:block;padding-top:5px;}
    #Tkzygl_div{display:none;}
    .work-item{overflow:hidden;border-top:1px solid #ebeced;padding:15px 0;}
    .work-item a{display:block;color:#000;}
    .work-head{display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;}
    .work-head h2{font-size:16px;flex:1;white-space:nowrap;overflow:hidden;font-weight:400;}
    .work-head span{color:rgb(6,84,156);}
    .work-content p{margin-top:10px;font-size:14px;}
    .work-content p span:nth-child(1){color:#a8aaad;padding-right:10px;}
    .d-block{display:block !important;}
    #logo_mo,#logo_pc{top: 44% !important;}
}

@media screen and (max-width: 450px){
    .detail-head .detail-title h2{font-size:22px;white-space:normal;}
}
@media screen and (max-width: 320px){

}
