.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.abs{position:absolute;}
.rel{position:relative;z-index: 2;}
.table{display:table;width:100%;height:100%;vertical-align:middle;}
.tableCell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.center{width: 1200px;margin: 0 auto;}
.clear:after{content:" ";display:block;clear:both;height:0px;visibility:hidden;}
a{text-decoration: none;color: #2E2F33 !important;}
.trans{text-decoration: none;color: #555;transition:all .35s;-webkit-transition:all .35s;}
a:hover{color: #2492e0;text-decoration: none;}
.btn{background: #5fb7d5;cursor: pointer;color: #fff;font-size: 14px;border-radius: 3px;padding: 4px 16px;display: inline-block;border: none !important; min-width: auto !important;}
.mj-btn {background:#2492e0;color:#fff;border:1px solid #2492e0;font-size:14px;border-radius:3px;padding:4px 15px;display:inline-block;}
.mj-btn-warm {background-color:#ffb800;border-color:#ffb800}
.mj-btn-normal {background-color:#09B07F;border-color:#09B07F}
.mj-btn-primary {background-color:#fff;border-color:#2492e0;color:#2492e0;}
.mj-btn:hover {color:#fff;opacity: .8;}
.mj-btn-primary:hover {background-color:#2492e0;color:#fff;}
.mj-btn-sm {padding:2px 10px;font-size:12px;}
img{border:none;}
h2{font-size: 30px;}
/*flex*/
.flex{display:-webkit-box;display:-webkit-flex;display:flex}.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1}.flex-2{-webkit-box-flex:2;-webkit-flex:2;flex:2}.flex-3{-webkit-box-flex:3;-webkit-flex:3;flex:3}.justify-content-fs{-webkit-justify-content:flex-start;justify-content:flex-start}.justify-content-c{-webkit-justify-content:center;justify-content:center}.justify-content-sa{-webkit-justify-content:space-around;justify-content:space-around}.justify-content-sb{-webkit-justify-content:space-between;justify-content:space-between}.align-items-c{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.align-items-fe{-webkit-align-items:flex-end;align-items:flex-end}.align-items-fs{-webkit-align-items:flex-start;align-items:flex-start}.flex-wrap-w{-webkit-flex-wrap:wrap;flex-wrap:wrap}.align-content-c{-webkit-align-content:center;align-content:center}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.flex-wrap-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-grow-1{-webkit-flex-grow:1;flex-grow:1}.flex-grow-0{-webkit-flex-grow:0;flex-grow:0}.flex-direction-column{-webkit-flex-direction:column;flex-direction:column}

.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.fwb {font-weight: bold;}

/*Font-Awesome-3.2.1*/
@font-face {
		font-family: "FontAwesome";
		font-style: normal;
		font-weight: normal;
          src:url('Font-Awesome-3.2.1/font/fontawesome-webfont.eot?v=3.0.1');
          src:url('Font-Awesome-3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
          url('Font-Awesome-3.2.1/font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
          url('Font-Awesome-3.2.1/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
}
/*选项卡*/
.J-tabs .J-tabs-container{display: none;}
.J-tabs .J-tabs-container.current{display: block;}
/*面包屑*/
.bread{background:rgba(220,220,220,0.4);line-height: 60px;width: 100%;}
.bread p{background: url(../images/icon-pos.png) no-repeat 5px center;padding-left: 35px;}
.bread a{color: #3d3a39;font-size: 14px;margin:0 3px;}
/*分页*/
.pagination{margin-top: 20px;}
.pagination li{display: inline-block;font-size: 13px;padding: 2px 7px;border-radius:2px;}
.pagination li.active{background: #2492e0;color: #fff;}

/*通用头部&页脚*/
.header input,.header button {padding:0;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;min-width: 1200px;background: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.header .top {height: 35px;line-height: 35px;background: #f5f5f5;font-size:14px;}
.header .top p {float:left;color:#999;}
.header .top .link {float:right;}
.header .top .link li {float:left;position: relative;}
.header .top .link li:not(:last-child):after {content:"|";color:#d4d4d4;margin:0 10px;}
.header .top .link li a {color:#999;}
.header .top .link li a:hover {text-decoration:underline;}
.header .top .link li.tel {background: url(../images/footer_img.png) no-repeat 0 9px;padding-left:27px;color:#999;font-weight: 700;}
.header .logo{display: inline-block;width:300px;height: 48px;background: url(/static/img/common/header/sanger_logo.png) no-repeat center center;overflow: hidden;margin-top: 15px;}
.header .logo a{display: block;width: 100%;height: 100%;text-indent: -999px;}
.header .hd-nv:hover .index-nv-menu{display: block;}
.header .nv>li{display: inline-block;float: left;margin-left: 55px;line-height: 88px;}
.header .nv>li>a{font-size: 18px;border-radius: 20px;color: #333;position: relative;}
.header .nv>li:hover>a,.header .nv>li.current>a{color: #2492e0;text-decoration: none;}
.header .nv>li>a>img {position: absolute;top:-5px;right:-8px;}
.header .nv>li.selected>a {color: #2492e0;}
.header .login-wrap {margin-top: 25px;}
.header .login-wrap li {float:left;}
.header .login-wrap .J-login,.header .login-wrap .reg {display: inline-block;height: 34px;line-height: 34px;border:1px solid #3aaaf8;border-radius:50px;}
.header .login-wrap .J-login {padding:0 23px;}
.header .login-wrap .reg {color:#3aaaf8;padding:0 15px;}
.header .login-wrap .sign-out img {width:40px;height: 40px;border-radius: 40px;overflow:hidden;vertical-align: middle;}


/*页脚*/
.footer{background: #242424;color:#ddd;font-size:14px;}
.footer .logo{margin-bottom: 20px;}
.footer-top {padding:50px 0;border-bottom:1px solid #545454;}
.footer-top .cont-contact .contact {text-align:right;line-height:1.5;margin-right:25px;}
.footer-top .cont-contact .contact .tel {font-weight:bold;background:url(../images/footer_img.png) no-repeat 119px 3px;}
.footer-top .cont-contact .contact .tel-num {font-size:26px;font-family:Helvetica}
.footer-top .cont-contact .contact .email a {color:#ddd;}
.footer-top .cont-contact .contact .email a:hover {color:#fff;}
.footer-top .cont-contact .wx {margin-right: 30px;}
.footer-top .cont-contact .wx h5 {font-size:16px;font-weight: 500;margin-bottom: 15px;padding-left: 20px;line-height: 30px;}
.footer-top .cont-contact .wx .item {display: flex;}
.footer-top .cont-contact .wx .item>div {margin:0 20px;}
.footer-top .cont-contact .wx img {width:80px;}
.footer-top .cont-contact .wx p {margin-bottom:15px;color:#ddd;font-size:12px;}
.footer-top .cont-contact .qr-code {margin:20px 0 0 0;}
.footer-top .cont-contact .qr-code a {display:block;width:38px;height:38px;float:right;background:url(../images/footer_img.png) no-repeat;margin-left:12px;opacity:.6;}
.footer-top .cont-contact .qr-code a:hover {opacity: 1;}
.footer-top .cont-contact .qr-code .icon-email {background-position:0 -39px;}
.footer-top .cont-contact .qr-code .icon-wx {background-position:0 -94px;}
.footer-top .cont-contact .qr-code .icon-wb {background-position:0 -149px;}
.footer-top .cont-contact .qr-code .icon-qq {background-position:0 -204px;}
.footer-top .cont-list ul{float: left;}
.footer-top .cont-list ul:not(:last-child) {margin-right: 100px;}
.footer-top .cont-list ul h5{color: #ddd;font-weight: 500;font-size:16px;line-height: 30px;margin-bottom: 36px;}
.footer-top .cont-list ul li{line-height:36px;color:#999;font-size:14px;}
.footer-top .cont-list ul li a{color: #999;white-space: nowrap;margin-right: 10px;}
.footer-top .cont-list ul li a:hover {color: #fff;}
.footer-bottom .info{background:#222;padding:25px 0;color:#999;}
.footer-bottom .info a {color:#999;}
.footer-bottom .info a:hover {color:#fff;}
.footer-bottom .info .la span {line-height:30px;background:#2492e0!important;}

/*导航下拉*/
.index-nv-menu{width: 100%;left:0;z-index: 12;position:fixed;top:123px;background: rgba(240,240,240,.95) ;font-size:14px;box-shadow:0 5px 5px rgba(0,0,0,.1)}
.index-nv-menu .center{padding:30px 0;display:none;}
.index-nv-menu .center a {color:#474747;}
.index-nv-menu .center a:hover {color:#2492e0;}
.index-nv-menu .type-1 {text-align: center;}
.index-nv-menu .type-1 ul {height:16px;line-height: 16px;display:inline-block;}
.index-nv-menu .type-1 ul li {float:left;margin:0 20px 0 30px;}
.index-nv-menu .type-1 ul li:not(:last-child) {padding-right:35px;border-right:1px dashed #c6c6c6;}
.index-nv-menu .center[_h_type='products'] .con{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;height:auto;}
.index-nv-menu .center[_h_type='products'] ul {margin-left:25px;}
.index-nv-menu .center[_h_type='products'] ul:not(:last-child) {padding-right:25px;border-right:1px dashed #c6c6c6;}
.index-nv-menu .center[_h_type='products'] ul li.first {margin-bottom:5px;}
.index-nv-menu .center[_h_type='products'] ul li.first a {color:#2492e0;}
.index-nv-menu .center[_h_type='products'] ul li {line-height:30px;}

/*banner*/
.page-banner{height: 400px;margin-top: 123px;width: 100%;overflow: hidden;background-size:cover;background-position: center;}
.page-banner .nv{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#993d9db3,endColorstr=#993d9db3); background: rgba(0,0,0,.2); width: 100%;bottom: 0;left: 0;z-index: 2;}
.page-banner .nv ul li{line-height: 65px;float: left;display: inline-block;}
.page-banner .nv ul li a{font-size: 18px;color: #fff;display: inline-block;padding: 0 60px;}
.page-banner .nv ul li a:hover,.page-banner .nv ul li.current a{background:#2492e0;}
/*页面右侧*/
.page-container{margin-bottom:50px;margin-top:50px;}
.page-container .container{width: 885px;}
/*服务与产品*/
.container-menu{width: 280px;overflow: hidden;border-radius: 5px;}
.container-menu .menu-list:not(.current):hover > span {background:rgba(36,146,224,.8);}
.container-menu .menu-list > span{color: #fff;font-size: 16px;padding-left: 2em;line-height: 42px; display: block;position: relative;cursor: pointer;background: #2492e0;-webkit-transition:all .3s ease;transition:all .3s ease;}
.container-menu .menu-list > span i{color: #fff;bottom:-6px;left: 48%;position: absolute;font-size: 18px;display: none;}
.container-menu .menu-list .fir-menu>li>a{line-height: 35px;font-size: 14px;color: #002132;padding-left: 3.5em;background: #f9f9f9;display: block;}
.container-menu .menu-list .sec-menu{border-left:3px solid #2492e0;background: #fcfcfc;}
.container-menu .menu-list .sec-menu>li>a{line-height: 30px;font-size: 12px;padding-left:65px;display: block;}
.container-menu .menu-list .sec-menu>li>a i{display: none;font-size: 16px;}
.container-menu .menu-list.current > span {background:#16659c;}
.container-menu .menu-list.current > span i{display: block;}
.container-menu .menu-list .fir-menu>li {border-bottom:1px solid #fff;}
.container-menu .menu-list .fir-menu>li.current>a {background: #eee;}
.container-menu .menu-list .sec-menu>li.current>a{color: #2492e0;}
.container-menu .menu-list .sec-menu>li.current>a i{display: inline-block;}
.container-menu .menu-list .fir-menu>li>a:hover{text-decoration: none;}
.container-menu .menu-list ul{display: none;}
.container .options{border-bottom: 1px solid #e3e3e3;line-height: 36px;margin-bottom: 20px;}
.container .options span{border-bottom:2px solid #fff; display: inline-block;float: left;margin-right: 45px;font-size: 16px;color: #333333;cursor: pointer;transition:all .3s ease;}
.container .options span:hover {color:#2492e0;}
.container .options span.current{color: #2492e0;border-bottom-color:#2492e0; }
.service-detail .J-tabs-container{min-height: 500px;line-height: 2;font-size: 14px;color: #555;word-wrap: break-word;}
.service-detail .J-tabs-container * {font-family:Microsoft Yahei!important;}
.service-detail .J-tabs-container img{max-width:100%;}
/*在线咨询*/
.online-consultation .content{padding: 0 !important;border: none !important;}
.online-consultation .title{text-align: center;padding-bottom: 20px;font-size: 20px;font-weight: 600;}
.online-consultation .sub-title{background: #eee;font-size: 16px;padding:10px;cursor: pointer;}
.online-consultation .sub-title span{font-size: 12px;}
.online-consultation .sub-title i{margin-right: 10px;font-size: 25px;padding-top:5px;}
.online-consultation .item{margin-bottom: 15px;}
.online-consultation .content-wrap{padding: 20px 0;}
.online-consultation .user-info tr td{vertical-align: top;padding: 5px;}
.online-consultation .user-info tr td em{display: inline-block;font-style: normal;padding-right: 2px;color: #ea5555;}
.online-consultation .user-info tr td:first-child{width: 50px;text-align: right;font-size: 14px;padding-right: 10px;}
.online-consultation .user-info tr td textarea{width: 350px;height: 50px;}
.online-consultation .user-info tr td .error{font-size: 12px;color: #ba2323;display: inline-block;padding-left: 10px;}
.online-consultation .user-info tr td .error i{display: inline-block;margin-right: 5px;}
.online-consultation .company-address .area .btn{border-radius: 0;margin-bottom: 15px;display: block;position: relative;width: 70px;}
.online-consultation .company-address .area .btn i{position: absolute;color: #5fb7d5;font-size: 25px;right: -7px;top: 2px;display: none;}
.online-consultation .company-address .area .btn.current i{display: inline-block;}
.online-consultation .address-table{padding-left: 35px;}
.online-consultation .address-table table{border: 1px solid #dbdbdb;color: #555;display: none;position: relative;z-index: 1;}
.online-consultation .address-table table td{padding: 8px 20px;font-size: 13px;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.online-consultation .address-table table thead td{background: #f2f2f2;}
.online-consultation .address-table table tbody tr:last-child td{border-bottom: none;}
.online-consultation .address-table table td:last-child{border-right: none;}
.online-consultation .address-table table.current{display: table;}
.online-consultation .btn{width: 100px;}
.online-consultation .qq-talk p{font-size: 14px;line-height: 2;color: #888;}
.online-consultation .qq-talk  li {display: inline-block;margin: 0 15px 15px 0;}
.online-consultation .qq-talk  li a{overflow: hidden;display: inline-block;width:150px;height: 34px;line-height: 34px;color: #fff;font-size: 13px; background:#85c3e0
 url(../images/qq.png) no-repeat 10px center;padding: 0 10px 0 45px;border-radius: 3px;}

/*关于桑格*/
.page-title{border-left: 3px solid #65bddd;padding-left: 15px;font-size: 20px;font-weight: 600;}
.page-title i{display: inline-block;margin: 0 5px;}
.page-title span{font-size: 16px;color: #65bddd;font-weight: normal;}
.page-container .content{padding: 35px;border: 1px solid #eee;margin-top: 20px;margin-bottom: 30px;}
/*桑格简介*/
.about .content {border: none;}
.about .content .pic{margin-bottom: 35px;}
.about .content p{line-height: 25px;font-size: 14px;color: #666;margin-bottom:50px;}
.about .content .sub-title{font-size: 22px;color: #3d3a39;margin-bottom: 10px;font-weight: 550;}
/*桑格新闻*/
.news-top{padding: 50px 0;}
.news-top li{overflow: hidden;}
.news-top li:not(:last-child) {margin-bottom: 30px;border-bottom:1px dashed #eee;padding-bottom: 30px;}
.news-top .pic{width: 250px;height: 176px;overflow: hidden;}
.news-top .txt{padding-left: 270px;color: #909090;}
.news-top .txt h3 a{font-size: 20px;font-weight: normal;}
.news-top .txt .info span{font-size: 12px;display: inline-block;margin-right: 20px;line-height: 3;color: #a2a2a2;}
.news-top .txt .abstract{font-size: 13px;color: #666;padding-bottom: 20px; line-height: 1.8;}
.news-top .txt .btn{color: #2492e0;border:1px solid rgba(36,146,224,.5)!important;background:#fff;padding:5px 10px;}
.news-top .txt .btn:hover {color:#fff;background:#2492e0;}
.news-top li.current h3 a{color: #666;}
.news-top li.current .btn{color: #fff;background:#b0b0b0;padding: 0 2px;}
.news-top li.current .pic{background: #00ccff;text-align: center;}
.news-top li.current .pic a{display: block;width: 100%;height: 100%;color: #fff;}
.news-top li.current .pic a p,.news-top li.current .pic a span{font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 235px;display: block;text-align: center;margin: 0 auto;}
.news-top li.current .pic a p{font-size: 21px;padding-top: 22%;}
.news-top li.current .pic a span{font-size: 14px;line-height: 25px;}
.news-normal{background: #f5f5f5;padding: 40px 0;}
.news-normal ul.news-li li{line-height: 40px;font-size: 15px;color: #666666;}
.news-normal ul.news-li li span{padding-right: 15px;}
.news-normal ul.news-li li a:hover{color: #2492e0;text-decoration: underline;}

/*新闻详情页*/
.news-detail .news-title{text-align: center;}
.news-detail .news-title h3{color: #2492e0;font-size: 25px;font-weight: 500;}
.news-detail .news-title p span{display: inline-block;margin: 0 20px;font-size: 13px;color: #aaa;line-height: 40px;}
.news-detail .detail-content{padding: 20px 0;line-height: 2;font-size: 14px;color: #555;}
.news-detail .detail-content * {font-family:Microsoft Yahei!important;}
.news-detail .detail-content p{line-height: 2;margin-bottom: 15px;}
.news-detail .detail-content h1,
.news-detail .detail-content h2,
.news-detail .detail-content h3,
.news-detail .detail-content h4,
.news-detail .detail-content h5{color: #01c3f4;margin: 20px 0 5px 0;}
.baidu-share{border-bottom: 1px solid #eee;padding:10px 0;}
.baidu-share span.fl{display: inline-block;line-height: 24px;height: 24px; font-size: 14px;vertical-align: middle;padding-top: 6px;}
.page-nv{padding-top: 25px;}
.page-nv span{display: inline-block;margin-right: 50px;font-size: 13px;color: #555;vertical-align: bottom;}
.page-nv span a{color: #2492e0;font-size: 13px;display:inline-block;white-space: nowrap;text-overflow: ellipsis;width: 300px;overflow: hidden;vertical-align: bottom;}
.page-nv span a:hover{text-decoration: underline;}
/*联系我们*/
.contact-map .tabs{text-align: center;}
.contact-map .tabs .options{background: #fff;z-index: 3;display: inline-block;background: #fff;border-radius: 10px;top: 15px;overflow: hidden;position: absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);border:1px solid #d8d8d8;box-shadow: 0 3px 8px rgba(0,0,0,.05);}
.contact-map .tabs .options span{float: left;font-size: 20px;cursor: pointer;color: #909090;line-height: 55px;font-weight: normal;position: relative;z-index: 3;padding: 0 15px;}
.contact-map .tabs .options span.current{background: #eed028;color: #040000;}
.contact-map .map{width:100%;top: 0;z-index: 2;}
.map.map-shanghai,.map.map-beijing,.map.map-guangzhou {height: 720px;}
.contact-map .map-all{padding: 100px 0 50px;}
.contact-map .map-all h3{padding-bottom: 30px;text-align: center;font-weight: normal;font-size: 28px;}
.contact-map .map-all table{border: 1px solid #e6e6e6;width: 100%;border-bottom: none;}
.contact-map .map-all table td{padding: 15px 0 15px 40px;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;font-size: 13px;color: #333;}
.contact-map .map-all table thead td{background: #f4f4f4;font-weight: bold;font-size: 15px;}
.contact-map .map-all table td:last-child{border-right: none;}
.contact-map .map-all table td.address{padding: 15px 0;text-align: center;width: 150px;}
.contact-map .map.map-shanghai{background: url(../images/contact-sh.jpg) no-repeat center center;}
.contact-map .map.map-beijing{background: url(../images/contact-bj.jpg) no-repeat center center;}
.contact-map .map.map-guangzhou{background: url(../images/contact-gz.jpg) no-repeat center center;}
.contact-map .map .address{background: rgba(51,75,98,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66334b62,endColorstr=#66334b62);width: 100%;left: 0;bottom:0;padding: 30px 0;text-align: left;}
.contact-map .map .address a {color:#fff;}
.contact-map .map .address .wrap{padding-left: 30%;}
.contact-map .map .address .wrap p{line-height: 23px;color: #fff;font-size: 13px;}
.contact-map .map .address .wrap p.tel{font-size: 35px;line-height: 30px; font-family: arial;padding-left: 50px;background: url(../images/icon-tel.png) no-repeat left center;margin-bottom: 10px;}
.contact-map .map .address .wrap .co {font-size:18px;margin-bottom: 10px;}
.contact-map .map table{width:600px;margin: 0 auto;font-size: 13px;text-align: left;}
.contact-map .map table td{padding: 5px 0;width: 25%;color: #999;}
/*桑格荣誉*/
.honours{background: url(../images/honor-bg.jpg) no-repeat center center fixed;}
.honours .page-container{margin: 0;}
.carousel-container{width: 780px;padding-top: 50px;}

.carousel{position: relative;overflow: hidden;margin: 0 auto;}
.carousel .carousel-wrap{height: 100%;position:absolute;z-index:3;top:0;left:0;width:9999999999px;}
.carousel .carousel-item{height: 100%;position:absolute;overflow:hidden;text-align: center;}
.carousel .carousel-item img{max-width: 100%;margin-bottom:10px;}
.carousel .carousel-item p{color: #909090;font-size: 16px;line-height: 30px;}
.carousel .carousel-arrow{position: absolute;top: 50%;margin-top: -25px; display: inline-block;width: 30px;height: 50px;background:url(../images/icon-arrow-gray.png); z-index:5; text-decoration: none;}
.carousel .carousel-arrow{margin-top: -80px;}
.carousel .carousel-arrow.carousel-arrow-left{background-position: 0px 0px;left: 0;}
.carousel .carousel-arrow.carousel-arrow-right{background-position: -30px 0px;right: 0;}
.carousel .carousel-dots{width:100%;position:absolute;bottom:0px;left:0;text-align:center;z-index:5;}
.carousel .carousel-dots .dots{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #666; background:none;margin:0 5px;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.carousel .carousel-dots .dots.current{background:#666;border:1px solid #666;}

/*公司历程*/
.company-progress ul{overflow: hidden;}
.company-progress-wall{width: 870px;margin-top: 100px;padding-bottom: 200px;}
.company-progress-wall li{width: 288px;height: 214px;overflow: hidden;float: left;margin: 0 1px 1px 0;overflow: hidden;}
.year-control{position: absolute;right: -285px;top:0; z-index: 2;width: 288px;height: 214px;background: url(../images/year-bg.png) no-repeat center center;text-align: center;color: #fff;line-height: 214px;font-size: 30px;font-family:WenQuanYi Micro Hei,Arial;}
.year-control em{font-style: normal;}
.year-control span{display: inline-block;margin: 0 10px;}
.year-control span.add{width: 27px;height: 23px;background: url(../images/icon-add.png) no-repeat center center;cursor: pointer;}
.year-control span.minus{width: 27px;height: 23px;background: url(../images/icon-minus.png) no-repeat center center;cursor: pointer;}

/*技术与支持-测序指南*/
.sequencing-guide .content{border: none;padding:0;overflow: hidden;}
.sequencing-guide ul{width: 1300px;}
.sequencing-guide ul li{display: inline-block;margin:0 80px 50px 0;float: left;text-align: center;}
.sequencing-guide ul li .pic{border:1px solid #ddd;width: 235px;height: 290px;}
.sequencing-guide ul li p{font-size: 15px;color: #555;line-height: 35px;}
.sequencing-guide ul li a{font-size: 13px;color: #5fb7d5;text-decoration: underline;}
/*技术与支持-发表文章*/
.sub-article .options{border-bottom: 2px solid #d4d4d4;margin-bottom: 20px;}
.sub-article .options span a{display: inline-block;color: #555;font-size: 15px;line-height: 35px;border-bottom: 2px solid rgba(0,0,0,0);margin-bottom: -2px;margin-right: 20px;cursor: pointer;}
.sub-article .options span.current a{color: #efd231;border-bottom: 2px solid #efd231;}
.sub-article ul li{margin-bottom: 20px;font-family: arial;}
.sub-article ul li a,
.sub-article ul li a span{margin-bottom: 20px;font-size: 15px;color:#aaa;font-weight: bold;font-style: normal;}
.sub-article ul li a:hover,
.sub-article ul li a span:hover{
    color:#5fb7d5;
}
.sub-article ul li a:hover{text-decoration: inherit;}
.sub-article ul li span{font-size: 12px;font-style: italic;color: #aaa;}
.load-article{color: #999;display: block;width: 160px;border: 1px solid #eee;border-radius: 5px;text-align: center;margin: 50px auto 0 auto;padding: 7px 0;}
.load-article:hover{border: 1px solid #5fb7d5;background: #5fb7d5; color: #fff;text-decoration: none;}
/*技术与支持-电子订单*/
.e-order ul.chair-li li{line-height: 55px;overflow:hidden;font-size:14px;padding: 0 15px;}
.e-order ul.chair-li li a{display: inline-block;padding-left: 20px;}
.e-order ul.chair-li li a:hover{color: #5fb7d5;}
.e-order ul.chair-li li i{color: #5fb7d5;}
.e-order ul.chair-li li:nth-child(2n-1){background: #f5f5f5;}
/*技术与支持-项目文章 & 展会宣讲*/
.item-article ul li{padding: 20px 0;border-bottom: 1px dashed #dedede;}
.item-article ul li:first-child{padding-top: 0;}
.item-article ul li .title a,.item-article ul li .title {font-weight: bold;color: #34abd6;font-size:16px;}
.item-article ul li .abstract{font-size: 14px;color: #c1c1c1;padding: 15px 0;margin-left: 13px;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 75%;}
.item-article ul li .btn{margin-left: 13px;font-size: 12px;}
.item-article ul li .btn:hover{color: #fff;}

/*加入我们-人才发展*/
.join-body{background: #fff;padding: 50px 0;}
.join-body .page-container{padding: 50px 0;}
h2.join-title{text-align: center;font-weight: normal;}
h2.join-title span{border: 1px solid #efefef;border-radius:5px;display: inline-block;padding: 3px 30px;color: #666666;}

.mj-people ul{text-align: center;padding-top: 50px;}
.mj-people ul li{display: inline-block;border-radius: 6px;overflow: hidden;margin: 0 70px;}

.join-benefit {padding: 70px 0;background: url(../images/join-bg.jpg) no-repeat center center;height: 365px;}
.join-benefit h2.join-title span{border: 1px solid #fff;color: #fff;}
.join-benefit ul{width: 280px;margin: 0 auto;color: #fff;padding-top: 50px;}
.join-benefit ul li{line-height: 44px;font-size: 15px;}

.join-body.develop .content{width: 850px;margin: 50px auto;}
.join-body.develop p{color: #909090;font-size: 15px;line-height: 1.5;}
.join-body.develop table{margin: 55px 0 55px 55px;}
.join-body.develop table td{padding:5px 10px;font-size: 15px;}
.join-body.develop table tr.green td{color: #08b100;font-weight: bold;padding-left: 25px;}
.join-body.develop table tr.blue td{color: #00a1e9;font-weight: bold;padding-left: 25px;}

/*桑格生活*/
.mj-club{text-align: center;padding-bottom: 30px;}
.mj-club h2,.mj-club p{color:#10aff4;}
.mj-club h2{font-weight: normal;margin-bottom: 10px;}
.mj-club p span{font-size: 18px;display: inline-block;padding: 0 15px;}
.mj-club ul{text-align: center;padding-top: 50px;}
.mj-club ul li{display: inline-block;margin-bottom: 35px;margin: 0 45px 35px 45px;padding-bottom: 20px;background: url(../images/icon-shadow.png) no-repeat center bottom; }
.mj-club ul li p{color: #909090;font-size: 15px;padding-top: 10px;}

.mj-sports{height: 553px;text-align: center;color:#fff;padding-top: 85px;}
.mj-sports h2{font-weight: normal;margin-bottom: 10px;}
.mj-sports p span{font-size: 18px;display: inline-block;padding: 0 15px;color: #fff}

.mj-tb{height: 553px;text-align: center;color:#fff;}
.mj-tb h2,.mj-tb p{color:#10aff4;}
.mj-tb h2{font-weight: normal;margin-bottom: 10px;}
.mj-tb p span{font-size: 18px;display: inline-block;padding: 0 15px;}
.mj-tb .center{height: 525px;padding-top: 90px;margin: 0 auto;}

.mj-mag{height: 384px;background: url(../images/join-maj.jpg) no-repeat center center;text-align: center;padding-top: 70px;}
.mj-mag h2,.mj-mag p{color:#fff;}
.mj-mag h2{font-weight: normal;margin-bottom: 10px;}
.mj-mag p span{font-size: 18px;display: inline-block;padding: 0 15px;}
.mj-mag .carousel-mag{width: 1260px;margin: 50px auto;height: 173px;}
.mj-mag .carousel-mag .item{top: 0;left: 0;width: 100%;text-align: center;}
.mj-mag .carousel-mag .item li{display: inline-block;overflow: hidden;margin: 0 70px;}
.mj-mag .carousel-mag .item li .face{width: 126px;height: 173px;float: left;}
.mj-mag .carousel-mag .item li .face img{max-width: 100%;}
.mj-mag .carousel-mag .item li .back{width: 126px;height: 167px;border: 3px solid #fff;float: left;margin-left: 5px;}
.mj-mag .carousel-mag .item li .back p{line-height: 55px;font-family: arial;font-size: 20px;}

/*社会招聘*/
.society-adv {padding: 0 0 50px 0;background: #fff;margin-top: 30px;margin-bottom: 50px;}
.society-adv span a {display: block;padding: 5px 10px;}
.society-adv span.current a{color:#fff;}
.society-adv .wrap{padding: 30px;}
.society-adv .title{margin-bottom: 30px;}
.society-adv .title p{font-size: 14px;line-height: 2;}
.society-adv .title p span{color: #e22727;font-weight: bold;}
.society-adv .adv-options{margin-bottom: 20px;}
.society-adv .adv-options span{display: inline-block;margin-right: 30px;color: #555;font-size: 15px;border-radius: 3px;cursor: pointer;}
.society-adv .adv-options span.current{background: #2492e0;color: #fff;}
.society-adv .adv-content ul.recruit-li li{line-height: 60px;padding: 0 15px;font-size: 15px;}
.society-adv .adv-content ul.recruit-li li:nth-child(2n-1){background: #f0f0f0;}
.society-adv .adv-content ul.recruit-li li i{font-size: 25px;margin-top: 15px;color: #ddd;}
/*社会招聘 详情*/
.society-adv-detail{padding: 25px 0 50px 0;}
.society-adv-detail .center{background: #fff;}
.society-adv-detail .title{padding: 30px;border-bottom: 1px solid #eee;}
.society-adv-detail .title h2{color: #555;}
.society-adv-detail .title p{margin-top: 12px;}
.society-adv-detail .title p span{font-size: 14px;color: #555; display: inline-block;padding-left: 20px; margin-right: 35px;background: url(../images/icon-lab.png) no-repeat left center;}
.society-adv-detail .detail{padding:15px 30px;}
.society-adv-detail .detail .base span{display: inline-block;width: 25%;color: #555;font-size: 15px;line-height:2;}
.society-adv-detail .detail .item{padding-top: 50px;}
.society-adv-detail .detail .item .item-title{font-weight: 700; border-left:3px solid #2492e0;padding-left: 10px;margin-bottom: 10px; font-size:14px;color: #666;}
.society-adv-detail .detail .item .item-content,.coloraa{font-size: 13px;line-height: 2;color: #555;}
.society-adv-detail .detail .btn{margin-top: 20px;background: #f5d121;color: #fff;padding: 6px 35px;}
.society-adv-detail .detail .more{padding: 20px 0;font-size: 13px;color: #555;}
.society-adv-detail .detail .more a{color: #2492e0;}
.society-adv-detail .detail .more a:hover{text-decoration: underline;}
.post-recruit{color: #3db5d3;margin-top:20px;display:block;line-height:1.5;}

/*校园招聘*/
.sub-tabs{border-bottom: 2px solid #2492e0;overflow: hidden;}
.sub-tabs span{display: inline-block;width: 33.333333%;float: left;text-align: center;line-height: 40px;color: #666;cursor: pointer;}
.sub-tabs span.current{background: #2492e0;color: #fff;border-radius: 4px 4px 0 0;}
.sub-tabs-content{padding-top: 35px;}
.meeting-progress {margin-top: 30px;margin-left: 200px; width: 1px;height: auto;padding: 30px 0;background: #ddd;}
.meeting-progress li{min-width: 1000px;padding-bottom: 45px;font-size: 13px;color: #666;position: relative;left: -53.5px;}
.meeting-progress li label span{display: inline-block;margin-right: 20px;}
.meeting-progress li i{display: inline-block;color: #d7d7d7;font-size: 12px;padding: 0 30px 0 15px;background: #fff;}
.meeting-progress li .m{display: inline-block;width: 30px;}
.meeting-progress li.current,
.meeting-progress li.current i{font-size: 20px;color: #2492e0;}

/*市场活动主页面*/
.marketing-act-list{padding: 40px 0;}
.marketing-act-list table{text-align: center;width: 100%;}
.marketing-act-list table td{border-right: 1px dashed #eee;}
.marketing-act-list table td:last-child{border-right: none;}
.marketing-act-list .item{display: inline-block;}
.marketing-act-list .item .txt{padding-left: 120px;text-align: left;line-height: 100px;}
.marketing-act-list .item h2{font-weight: 500;padding-bottom: 10px;}
.marketing-act-list .item p{line-height: 1.6;font-size: 14px;color: #555;}

/*展会宣讲*/
.exh-item{padding-top: 50px;}
.exh-item .more{text-align: right;}
.exh-item .more a{font-size: 13px;color: #555;display: inline-block;padding-bottom: 10px;position: relative;z-index: 2;}
.exh-item .more a:hover{color: #55bbdc;}
.exh-item .fl{width: 870px;height: 425px;overflow: hidden;}
.exh-item .fl .abs{width: 300px;padding: 0 30px 0 90px; height: 100%;right: 0;top: 0;background: url(../images/exh-2.png) no-repeat right center;color: #fff;z-index: 2;}
.exh-item .fl .abs span{font-size: 14px;}
.exh-item .fl .abs a{font-size: 14px;color:#fff;}
.exh-item .fl .abs p{font-size: 20px;font-weight: 500px;line-height: 1.5;padding: 35px 0;}
.exh-item .fr{width: 310px;}
.exh-item .fr .wrap{padding: 0;}
.exh-carousel{height: 425px;width: 310px;overflow: hidden;}
.exh-carousel .wrap{height: 55555px;}
.exh-carousel .item{width: 305px;height: 200px;overflow: hidden;margin-bottom: 10px;border-width: 3px;border-style: solid;border-color: #f0f0f0;}
.exh-carousel .item:hover{border-color:#55bbdc;}
.exh-carousel .item a{display: block;}
.exh-carousel .item a span{position: absolute;left: 0;bottom: 0;width: 100%;padding: 4px 0; display: inline-block;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);font-size: 13px;color: #fff;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exh-carousel-pre,.exh-carousel-next{display: inline-block;width: 100%;font-size: 30px;text-align: center;color: #aaa;font-weight: bold;z-index: 1;}
.exh-carousel-pre{top: -30px;}
.exh-carousel-next{bottom: -30px;}
.class{padding: 50px 0;}
.item-more{text-align: right;padding-bottom: 10px;}
.item-more a{font-size: 13px;color: #555;position: relative;z-index: 3;}
.item-more a:hover{color: #55bbdc;}
.class p{padding-top: 50px;}
.online-class h2{margin-bottom: 40px;}
.online-class table{width: 100%;}
.online-class .item{border: 1px solid #e3e3e3;background: #fff;width: 275px;margin: 0 auto;}
.online-class .item .pic{width: 275px;height: 210px;}
.online-class .item .pic a{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;
background:url(../images/icon-play.png) no-repeat center center;

}
.online-class .item p{color: #555;font-size: 15px;line-height: 1.5;padding: 12px 12px 5px 12px;text-align: left;}
.online-class .item span{color: #aaa;font-size: 13px;padding: 0 12px 15px 12px;text-align: left;display: inline-block;text-align: justify;}

.trained .title{font-size: 25px;text-align: center;color: #3db5d3;margin-bottom: 50px;}
.trained .item{border: 1px solid #e3e3e3;padding: 20px;margin-bottom: 80px;}
.trained .item .pic{width: 420px;overflow: hidden;height: 248px;}
.trained .item .info{padding:20px 0 20px 450px;}
.trained .item .info h2{font-weight: 500;padding-bottom: 5px;}
.trained .item .info span{font-size: 15px;color: #555;}
.trained .item .info .sub{padding: 30px 0;}
.trained .item .info .sub p{font-size: 15px;color: #555;line-height: 1.6;}
.trained .item .info .price{overflow: hidden;padding-bottom: 15px;margin-bottom: 15px; border-bottom: 1px solid #eee;}
.trained .item .info .price span{color: #00ccff;font-size: 35px;font-family: arial;font-weight: bold;vertical-align: middle;}
.trained .item .info .price span label{color: #999;font-size: 20px;font-family:WenQuanYi Micro Hei,Verdana,Arial;vertical-align: middle;}
.trained .item .info .price .btn{background: #00ccff;padding: 10px 35px;}
.trained .item .info .price .btn:hover{color: #fff;}
.trained .item .info .other{overflow: hidden;color: #aaa;font-size: 13px;}
.trained .item .info .other .time{display: inline-block;padding-left: 25px;background: url(../images/icon-time.png) no-repeat left center;}
.trained .item .info .other label{color: #00ccff;}

.carousel-trained {margin-bottom: 0;}
.carousel-trained ul{overflow: hidden;text-align: center;padding: 5px 0;}
.carousel-trained ul li{display: inline-block;width: 260px;height: 220px;overflow: hidden;margin: 0 40px;border-radius: 6px;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.carousel-trained ul li .name{width: 100%;bottom: 0;left: 0;background: rgba(255,255,255,.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);position: absolute;z-index: 2;text-align: left;}
.carousel-trained ul li .name p{font-size: 14px;padding: 10px;}
.carousel-trained ul li .name p a:hover{text-decoration: underline;}
.carousel-trained ul li .name span{color: #555;font-size: 13px;display: inline-block;padding: 0 10px 10px 10px;}
.carousel.carousel-trained .carousel-dots .dots{background:#eee;border:none;width:10px;height:10px;}
.carousel.carousel-trained .carousel-dots .dots.current{background:#5fb7d5;}

/*课程表&详情*/
.trained-detail .item{border: 1px solid #e3e3e3;background: #fff;margin: 20px 0;}
.trained-detail .item .wrap{padding: 15px;}
.trained-detail .item .pic{width: 412px;height: 277px;overflow: hidden;}
.trained-detail .item .info{border: none;padding:20px 0 20px 440px;width: auto;margin: 0;}
.trained-detail .item .info h2{font-weight: 500;}
.trained-detail .item .info span{font-size: 15px;color: #555;}
.trained-detail .item .info .price{overflow: hidden;margin: 20px 0;padding: 20px;background: #edfafe;}
.trained-detail .item .info .price span{color: #eed028;font-size: 35px;font-family: arial;font-weight: bold;vertical-align: middle;}
.trained-detail .item .info .price span label{color: #999;font-size: 20px;font-family:WenQuanYi Micro Hei,Verdana,Arial;vertical-align: middle;}
.trained-detail .item .info .price .btn{background: #eed028;padding: 10px 35px;font-size: 23px;}
.trained-detail .item .info .price .btn:hover{color: #fff;}
.trained-detail .item .info .other{overflow: hidden;font-size: 13px;padding-bottom: 20px;}
.trained-detail .item .info .other .time{display: inline-block;padding-left: 25px;background: url(../images/icon-time.png) no-repeat left center;}
.trained-detail .item .info .other label{color: #eed028;}
.trained-detail .item .info .other span{color: #aaa;}
.trained-detail .show-detail .J-tabs-option{border-bottom: 1px solid #eee;}
.trained-detail .show-detail .J-tabs-option span{display: inline-block;font-size: 15px;padding: 15px 20px;cursor: pointer;}
.trained-detail .show-detail .J-tabs-option span.current{background: #3aabcf;color: #fff;}
.trained-detail .show-detail .detail{padding: 30px;}
.trained-detail .show-detail .detail p{font-size: 14px;line-height: 1.6;}
.trained-detail .show-detail .detail table{margin: 10px 0; border: 1px solid #bbb;border-bottom: none;border-right: none;border-collapse:collapse; border-spacing:0;  }
.trained-detail .show-detail .detail table td{border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;font-size: 13px;padding-left: 5px;}

/*生信培训班---往期学员评论*/
.page-container .content.comment-cont{border:none;padding:35px 0 0;margin-bottom:0px;}
.comment-cont .comment-detail{width:100%;}
.comment-cont .comment-detail li{float:left;width:50%;height:130px;border-bottom:1px dotted #ccc;margin-bottom:20px;}
.comment-cont .comment-detail li:last-child,
.comment-cont .comment-detail li:nth-last-child(2){margin-bottom:10px;border-bottom:none;}
.comment-cont .comment-detail li img.trainee{float:left;width:95px;height:110px;}
.comment-cont .comment-detail li .comment-info{padding:0 100px 0 110px;}
.comment-detail li .comment-info p.info{font-size:12px;color:#909090;line-height:2;margin-bottom:10px;}
.comment-detail li .comment-info p span{margin-right:10px;}
.comment-detail li .comment-info p.comment-words{font-size:14px;line-height:1.5;color:#00ccff;height:42px;margin-bottom:10px;overflow:hidden;}
.comment-detail li .comment-info p.like{color:#00ccff;}
.comment-detail li .comment-info p.like img{cursor:pointer;}

/*报名弹窗*/
.enter-lay{position: fixed;top: 0;left: 0;z-index: 11;width: 100%;height: 100%;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);display: none;}
.error-tip{font-size: 12px;color: #ba2323;padding-left: 100px;padding-top: 3px;display: none;}
.enter-dialog{width: 750px;background: #fff; left: 50%;top: 70px; margin-left: -375px; position: absolute;z-index: 12;border-radius: 5px;box-shadow: 0 0 15px rgba(0,0,0,.35),0 1px 5px rgba(0,0,0,.5); display: none;}
.enter-dialog .wrap,.enter-success .wrap{padding: 20px;}
.enter-dialog .wrap h2{text-align: center;color: #2492e0;font-size: 23px;font-weight: 500;}
.enter-dialog .close-dialog,.enter-success .close-dialog{font-size: 35px;right: -20px;top: -20px;display: inline-block;border-radius: 50%;width: 40px;height: 40px;background: url(../images/icon-close.png) no-repeat center center;}
.enter-dialog .close-dialog i,.enter-success .close-dialog i{margin-top: -3px;display: inline-block;color: #3aabcf;}
.enter-dialog .item{margin-top: 20px;}
.enter-dialog .item .title{background: #f4f4f4;color: #555;font-size: 16px;padding-left: 40px;line-height: 45px;margin-bottom: 10px;}
.enter-dialog .item input[type='text']{width: 260px;}
.enter-dialog .item select{width: 170px;}
.enter-dialog .item table {width:100%;}
.enter-dialog .item td{vertical-align: top;padding: 5px 0 5px 10px;}
.enter-dialog .item td:first-child {text-align:right;padding:10px 5px 0 0;}
.enter-dialog .item td span:first-child{display: inline-block;min-width: 100px;font-size: 13px;color: #555;}
.enter-dialog .item td span label{display: inline-block;font-size: 14px;color: #555;margin:0 8px;}
.enter-dialog .item td span label input{margin-right: 5px;}
.enter-dialog .btn{margin: 25px auto 0;width: 130px;height: 28px;line-height: 28px;text-align: center;background: #2492e0;font-size: 17px;color: #fff;display: block;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.enter-dialog .btn:hover {opacity: .8;}
.enter-dialog p.tel{text-align: center;font-size: 13px;color: #aaa;line-height: 30px;}
.enter-dialog .num{font-size: 14px;color: #00667e;font-weight: bold;}
.enter-success{width: 300px;background: #fff; left: 50%;top: 35%; margin-left: -150px; position: absolute;z-index: 12;border-radius: 5px;
 box-shadow: 0 0 15px rgba(0,0,0,.35),0 1px 5px rgba(0,0,0,.5); text-align: center;display: none;}
.enter-dialog td{font-size: 13px;}
.enter-dialog td em{color: #e22d2d;font-size: 13px;margin-right: 3px;font-style: normal;}
.enter-dialog .error{font-size: 12px;color: #ba2323;padding-left: 10px;display: inline-block;}
.enter-dialog .error i{margin-right: 5px;}
/*微信弹窗*/
.wx-qr{position: fixed;left: 50%;top:50%;margin: -100px 0 0 -100px;z-index: 10; width: 150px;height: 150px;padding: 50px;border-radius: 3px;overflow: hidden;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;}
.wx-qr .close{cursor: pointer;font-size: 15px;color: #aaa;position: absolute;top: 10px;right: 10px;}
.wx-qr p{font-size: 12px;color: #aaa;text-align: center;}

/*服务与产品主页面*/
.page-container .product-item:not(:last-child) {margin: 0 0 55px 0;}
.page-container .product-item .product-exp{padding: 0 0 0 190px;}
.page-container .product-item .product-exp .title{border-bottom: 2px solid #e8e8e8;color: #666;font-size: 16px;line-height: 27px;}
.page-container .product-item .product-exp .title span{position: relative;top: 3px;}
.page-container .product-item .product-exp .title span label{border-bottom: 4px solid #2E2F33;font-size: 16px;display: inline-block;margin: 0 10px 0 0;}
.page-container .product-item .product-exp .title a{display: inline-block;padding: 0 0 0 20px;line-height: 19px;font-size: 13px;}
.page-container .product-item .product-exp .title a.msg{background: url(../images/icon-zx.png) no-repeat left -15px;}
.page-container .product-item .product-exp .title a.qq{background: url(../images/icon-zx.png) no-repeat left 3px;margin-right: 20px;}
.page-container .product-item .product-exp .cont{padding: 10px 0 0 0;}
.page-container .product-item .product-exp .cont p{font-size: 13px;color: #222;line-height: 30px;}
.page-container .product-item .product-exp .cont p span{display: inline-block;margin: 0 15px 0 0;}
.page-container .product-item .product-exp .cont p span a {color:#2492e0;}

/*首页 banner*/
.fullSlide{ width:100%;position:relative;  height:500px; overflow:hidden;margin:123px auto 0!important;}
.fullSlide .swiper-pagination{ width:100%;  position:absolute; z-index:1; bottom:25px; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .swiper-pagination span{ cursor:pointer; display:inline-block;height:3px; margin:0 8px!important;background:#fff;border-radius:20px;outline: none;width:50px;}
.fullSlide .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.fullSlide .swiper-button-prev,.fullSlide .swiper-button-next {outline: none;opacity: 0;}
.fullSlide .swiper-button-prev {left:30px;}
.fullSlide .swiper-button-next {right:30px;}
.fullSlide:hover .swiper-button-prev,.fullSlide:hover .swiper-button-next {opacity: 1;}

/*首页 统计*/
.index-Statistics {padding:45px 0;}
.index-Statistics ul {width:1200px;margin:0 auto;text-align:center;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;}
.index-Statistics ul li {-webkit-flex:1;flex:1;}
.index-Statistics ul li:not(:last-child) {border-right:1px solid #e6e6e6;}
.index-Statistics ul p {font-size:32px;color:#666;margin-bottom: 5px;}
.index-Statistics ul span {font-size:16px;color:#999;}

/*首页 活动*/
.index-activity {background: #f6f6f6;padding:65px 0;}
.index-xshd .item {width: 385px;height:289px;background-color:#fff;border:1px solid #eee;display: inline-block;font-size:14px;-webkit-flex-shrink:0;flex-shrink:0;margin-bottom: 22px;box-sizing: border-box;padding:20px 20px 0 20px;background-repeat: no-repeat;background-position: 110% bottom;position: relative;}
.index-xshd .item:after {content:"";position: absolute;width:100%;height:100%;background:rgba(65,164,255,.9);top:0;left:0;transition:all .3s ease;opacity: 0;}
.index-xshd .item:not(:nth-child(3n + 1)) {margin-left:22px;}
.index-xshd .item:nth-child(1) {background-image:url(../images/index/activity_1.png);}
.index-xshd .item:nth-child(2) {background-image:url(../images/index/activity_2.png);}
.index-xshd .item:nth-child(3) {background-image:url(../images/index/activity_3.png);}
.index-xshd .item:nth-child(4) {background-image:url(../images/index/activity_4.png);}
.index-xshd .item:nth-child(5) {background-image:url(../images/index/activity_5.png);}
.index-xshd .item:nth-child(6) {background-image:url(../images/index/activity_6.png);}
.index-xshd .item h5 {font-size:24px;color:#404040;font-weight: normal;margin-bottom: 10px;height:28px;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-xshd .item p {color:#999;margin-bottom: 20px;height:115px;overflow: hidden;font-size:16px;line-height: 2;padding-right:50px;}
.index-xshd .item .time {color:#999;margin-bottom: 16px;}
.index-xshd .item .time span {color:#ff2501;}
.index-xshd .item .see {display: inline-block;height: 34px;line-height: 34px;border:1px solid #ff7300;font-size:16px;border-radius:50px;padding:0 30px;color:#ff7300;}
.index-xshd .item .end {display: inline-block;height: 34px;line-height: 34px;border:1px solid #d4d4d4;font-size:16px;border-radius:50px;padding:0 30px;color:#999;margin-top: 35px;}
.index-xshd .item:hover:after {opacity: 1;}
.index-xshd .item:hover h5,
.index-xshd .item:hover p,
.index-xshd .item:hover .time,
.index-xshd .item:hover .time span {
	position: relative;z-index: 2;color:#fff;
}
.index-xshd .item:hover .see,
.index-xshd .item:hover .end {
	position: relative;z-index: 2;color:#fff;border-color:#fff;
}

/*首页大标题*/
.index-title {margin:0 auto 40px;font-size:45px;font-weight:300;text-align: center;color:#333;width:1200px;}
.index-title .more {float:right;font-size:14px;line-height: 60px;font-weight: normal;color:#999;}
.index-title .more:hover {text-decoration: underline;}

/*首页 云课堂推荐*/
.index-edu-tuijian {background: #f6f6f6;padding:45px 0 10px;}
.index-edu-tuijian-list {-webkit-align-content:space-between;align-content:space-between;}
.index-edu-tuijian-list .item {width:282px;height:220px;position: relative;margin-bottom: 25px;}
.index-edu-tuijian-list .item:not(:nth-child(4n + 1)) {margin-left: 24px;}
.index-edu-tuijian-list .item .img {height: 158px;display: block;margin-bottom: 10px;border-radius: 7px;overflow:hidden;position: relative;transition:all .2s ease;}
.index-edu-tuijian-list .item img {width: 100%;height: 100%;}
.index-edu-tuijian-list .item .img:after {content:"";position: absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);opacity: 0;transition:all .2s ease;}
.index-edu-tuijian-list .item .img:before {content:"";position: absolute;display: inline-block;width:60px;height: 60px;background: url(../images/index/play.png) no-repeat;top:32%;left:40%;-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0;transition:all .2s;z-index: 2;}
.index-edu-tuijian-list .item .img:hover {box-shadow:0 3px 10px rgba(0,0,0,.18);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.index-edu-tuijian-list .item .img:hover:after {opacity: 1;}
.index-edu-tuijian-list .item .img:hover:before {-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
.index-edu-tuijian-list .item .link {font-size:14px;height:36px;line-height:1.5;overflow:hidden;}
.index-edu-tuijian-list .item .link:hover {color:#f70;}

/*首页 云平台流程*/
.index-cloud-flow-wrap {padding:50px 0;}
.index-cloud-flow {display: -webkit-flex;display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.index-cloud-flow .item {width:280px;height:113px;border:1px solid #eee;box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);border-radius:6px;display: inline-block;margin-bottom: 20px;padding:20px;box-sizing: border-box;color:#333;transition:all .2s;font-size:14px;}
.index-cloud-flow .item:not(:nth-child(4n + 1)) {margin-left: 24px;}
.index-cloud-flow .item>img {width:70px;height: 70px;border-radius: 70px;overflow:hidden;float:right;}
.index-cloud-flow .item>h6 {font-size:16px;font-weight: 400;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.index-cloud-flow .item .hover-con {position: absolute;width:360px;height: 163px;background: #fff;box-shadow:0 0 10px 2px rgba(0,0,0,.1);top:-20px;left:-42px;padding:20px;box-sizing: border-box;border-radius: 6px;overflow:hidden;display: none;z-index: 2;}
.index-cloud-flow .item .hover-con>img {width:70px;height: 70px;border-radius: 70px;overflow:hidden;float:right;margin-left: 20px;}
.index-cloud-flow .item .hover-con>h6 {font-size:16px;font-weight: 400;margin-bottom: 10px;}
.index-cloud-flow .item .hover-con>.desc {font-size:12px;color:#999;line-height: 1.75;height: 65px;margin-bottom: 5px;word-break:break-all;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.index-cloud-flow .item .hover-con>p {color:#999;font-size:14px;}
.index-cloud-flow .item .hover-con>em {display: inline-block;font-style: normal;background:#09B07F;color:#fff;height: 30px;line-height: 30px;padding:0 10px;border-radius: 5px;position: absolute;right:10px;bottom:10px;}
.index-cloud-flow .item:hover {box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px);}

/*首页 云平台小工具*/
.index-tools-wrap {background:#f6f6f6;padding:50px 0;}
.index-tools {display: -webkit-flex;display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.index-tools .item {display: inline-block;width:180px;height: 180px;background: #fff;border-radius:15px;overflow:hidden;margin-bottom: 23px;text-align:center;padding-top: 20px;box-sizing: border-box;font-size:14px;transition:all .2s;}
.index-tools .item:not(:nth-child(6n + 1)) {margin-left: 24px;}
.index-tools .item img {width: 80px;height: 80px;border-radius:80px;overflow:hidden;border:1px solid #e0e0e0;}
.index-tools .item h6 {font-size: 16px;font-weight: 400;margin:10px 0;}
.index-tools .item p {color: #999}
.index-tools .item:hover {box-shadow:rgba(146, 157, 154, 0.24) 0px 4px 14px 0px;-webkit-transform: translateY(-5px);transform: translateY(-5px);}

/*科研产品 - 视频*/
.video-wrap {margin-bottom: 30px;}
.video-wrap-info {line-height:2;}
.video-wrap-info .col-1 {font-size:18px;}
.video-wrap-info .col-2 {font-size:14px;}

/*科研产品 - 其他推荐课程*/
.card-wrap > .title {font-size:16px;font-weight: bold;margin-bottom:15px;border-left:4px solid #43b0df;line-height:20px;padding-left:10px;}
/*课程卡片*/
.card-list {display:block;width:270px;height:305px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);margin-bottom: 25px;}
.card-list:not(:nth-child(3n)) {margin-right: 20px;}
.card-list .img {height:160px;overflow:hidden;margin-bottom: 10px;background-color:#fafafa;}
.card-list .img img {width:100%;height:100%;-webkit-transition: all .3s ease;transition: all .3s ease;}
.card-list h3 {font-size:14px;font-weight:normal;height:46px;line-height:1.5;padding:0 15px;margin-bottom: 10px;color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card-list .dec {color:#999;height:40px;padding:0 15px;overflow:hidden;margin-bottom: 8px;color:#999;}
.card-list .bot {padding:0 15px;color:#999;}
.card-list .bot li:first-child {color:#ff5156;}
.card-list:hover {box-shadow: 0 2px 20px rgba(0,0,0,.25);}
.card-list:hover .img img {-webkit-transform:scale(1.05);transform:scale(1.05);}

/*推荐专题*/
.selected-ke-card {display:block;width:270px;height:160px;border-radius:5px;overflow:hidden;position: relative;margin-bottom: 25px;}
.selected-ke-card:not(:nth-child(3n)) {margin-right:20px;}
.selected-ke-card img {-webkit-transition: all .3s ease;transition: all .3s ease;width:100%;height:100%;}
.selected-ke-card:hover {box-shadow: 0 2px 10px rgba(0,0,0,.25);}
.selected-ke-card:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);}
.btn_link{
	display: inline-block;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-color: #2492e0;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding:0 15px;
}
.btn_link:hover {color:#fff;opacity: .8;}
.cat_img{
    max-width:148px;
    max-height:173px;
    width:expression(this.width > 148 && this.width > this.height ? '201' : auto);
    height: expression(this.height > 173 ? '136' : auto);
}
/*火热招募*/
.bg-gray {background-color:#f6f6f6;}
.c-title {font-size:32px;text-align: center;margin-bottom: 35px;}
.recruit-card {width: 345px;height: 390px;background: #fff;padding: 15px;font-size: 14px;margin:0 10px 38px;}
.recruit-card img {width:345px;height: 207px;margin-bottom:15px;}
.recruit-card h5 {font-size: 18px;font-weight: normal;margin-bottom: 15px;text-align:center;}
.recruit-card p {line-height: 1.75;margin-bottom: 20px;height:50px;overflow: hidden;text-align: center;}
.recruit-card a {background:#fff;border:1px solid #4f86ff;border-radius:10em;color:#3caaf7;width:128px;text-align:center;height: 36px;line-height: 36px;display:block;margin:0 auto;transition: all .2s ease;}
.recruit-card a:hover {background:#4f86ff;color:#fff;}
/*首页体验新版按钮*/
.version-layer-btn {display:block;position: fixed;bottom: 150px;right: 20px;z-index: 999;background:#09B07F;width:48px;text-align:center;border-radius:4px;color:#fff;padding: 40px 10px 10px;box-sizing: border-box;line-height: 16px;transition:background .3s ease;}
.version-layer-btn:before {content:"";display: inline-block;background:url(../images/face.png) no-repeat;width:26px;height:28px;background-size: 26px 28px;position: absolute;top:10px;left:10px;margin-bottom: 6px;}
.version-layer-btn:hover {background:#09B07F;color:#fff;}