@charset "utf-8";
/* CSS Document */
::selection {background:#077ecd;color:#fff;}
::-moz-selection {background:#077ecd;color:#fff;}
::-webkit-selection {background:#077ecd;color:#fff;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
input {border: none;background: none;}
input,textarea,button,select {font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;outline: 0;font-size: 14px; }
.jieq {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jieq2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.jieq3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
.juz{display:-moz-box;-moz-box-pack:center;-moz-box-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:box;box-pack:center;box-align:center;}
img{ max-width:100%;}
body{background:#eff1f4; color:#333;font:14px "Microsoft YaHei",SimSun,SimHei,Tahoma,Helvetica,Arial,sans-serif; line-height:1.2;   -webkit-text-size-adjust: none;}
a{color:#333;text-decoration:none; outline:none;}
a{ text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); color:#515151; -webkit-appearance:none;-webkit-touch-callout:none;}
input:focus { outline: none; }
body{ min-width:1300px;}
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.marginTop40{ margin-top:40px;}

.siteWidth{ width:1300px; margin:0 auto; }
.hidden{ overflow:hidden;}
.column{ padding-bottom:40px;}
.icon{ background:url(icon.png) no-repeat;}
/* 导航 */
#header{background:#2f57cd;}
#header.mini {position: fixed; z-index:999; left:0; right:0; top:0;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
#header.mini .top{ display:none;}
#header.mini .logoBar{ padding:9px 0; height:46px;}
#header.mini .logoBar img{ height:46px;}
#header.mini .search_bar{ display:none;}
#header.mini #nva ul li.navitem a{}
.top{ height:50px; line-height:50px; border-bottom:1px solid #5f7fdd; color:#ebf0ff;}
.top img{vertical-align:middle; margin-bottom:2px;}
.top a{ color:#fff;}
.top-right{}
.top-right a{padding:0 12px; border-right:1px solid #5f7fdd;}
.top-right a:last-child{ border-right:none;}
.top-right .Avatar{ width:30px; margin-right:10px; vertical-align:middle;}
.logoBar{ padding:44px 0 40px;animation: dInLeft 1s ease both;animation-delay:0s;}
.logoBar img{ height:52px; display:block;}
.search_bar{ margin-top:20px; width:230px; height: 28px;  border: 1px solid #ffffff;border-radius: 15px; overflow:hidden;}
.search-select{ border:none; padding:0 15px; height:28px; background:#5f7fdd; color:#fff;border-radius: 15px;}
.search-txt{
  padding-left: 10px;
   width:90px;
  height: 28px; 
  outline: none;
  background:none;
  color: #fff;
}
.search_bar input::-webkit-input-placeholder{color:#bbc8ed;}
.search_bar input::-moz-placeholder{color:#bbc8ed;}
.search_bar input:-moz-placeholder{color:#bbc8ed;}
.search_bar input:-ms-input-placeholder{color:#bbc8ed;}
.search-btn{
  width: 42px;
  height: 28px;
  border: none;
  background: #2f57cd url(icon-search.png) center no-repeat;
  cursor: pointer;
}

#nva { margin-top:15px;transition: all ease .3s;font-size: 18px; position:relative;}
#nva ul li.navitem{ float:left; display:block;position: relative; }
#nva ul li.navitem a { margin-left:5px; display:block; padding:6px 12px; border-radius:25px;text-align:center;color: #fff;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;}
#nva ul li.navitem a.dq ,#header ul li.navitem:hover a { background-color:#1d42ad; color:#fff;}

#nva ul li.navitem ul.subnav { padding:10px 0; border-radius:15px; background-color:#1d42ad;transition: all 0.3s ease-out 0s;position: absolute; z-index:99999; left:0px; right:0px; margin-top:5px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
#nva ul li.navitem:hover ul.subnav {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
#nva ul li.navitem ul.subnav li { text-align:center;}
#nva ul li.navitem ul.subnav li a { padding:8px 0px;line-height:18px;display: block; background:none;color: #d1dcfe;font-size: 15px; font-weight:normal;}
#nva ul li.navitem ul.subnav li:hover a { background:none; color:#fff; }
#nva ul li.navitem ul.subnav li.on a {background:none; color:#fff;}


.banner{ position:relative; height:430px; overflow:hidden; background:#eff1f4 url(bg.jpg) repeat-x;}
.banner .bd{ width:980px; position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:430px; }
.banner .bd li a{ height:430px; display:block;  }
.banner .hd{ position:absolute; z-index:1; bottom:0; left:50%; margin-left:-650px; width:980px; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:4px; border-radius:7px;  background:#ffffff; overflow:hidden; line-height:9999px; filter:alpha(opacity=60);opacity:0.6}
.banner .hd ul li.on{filter:alpha(opacity=100);opacity:1;  }

.Login_bar{ width:300px;}
.Login_tit{ padding:0 12px; height:60px; line-height:60px; border-radius:10px; background:#f9f9f9; color:#012ba8; font-size:18px;}
.Login_tit img{ vertical-align:middle; margin-right:10px; margin-bottom:2px;animation: opacity 1s ease both;animation: opacity 2s ease-in-out infinite;}

@keyframes opacity {
    0% { opacity: .6;}
    50% { opacity: 1; }
	100% { opacity: .6; }
}
.mylab{ vertical-align:top;  display:inline-block;padding:0 10px; border-radius:12px; height:24px; line-height:24px;background-image: linear-gradient(to right, #ff5656 , #ff788d); color:#fffefe;}
.Login_body{ height:370px; border-radius:10px; background:#f9f9f9; text-align:center;}
.Login_btn{ padding:10px; overflow:hidden; border-top:1px solid #efeff4; text-align:center;}
.Login_btn a{ float:left; display:inline-block; margin:8px; width:124px; height:38px; line-height:38px; border-radius:5px; background:#6487eb; color:#fff; font-size:16px;}
.Login_btn2{ padding:5px 30px; overflow:hidden; text-align:center;}
.Login_btn2 a{ display:block; margin-top:20px;height:48px; line-height:48px; border-radius:25px; background:#6487eb; color:#fff; font-size:16px;}
.Login_wangji { padding-top:5px;}
.Login_wangji a{ color:#9badba;}
.Login_info{ padding:5px 10px;}
.Login_head{ margin:12px auto; width:90px; height:90px; border-radius:45px; overflow:hidden;}
.Login_name{ margin-bottom:18px; font-size:18px;}
.Login_link{ margin-bottom:18px; color:#666666; font-size:14px;}
.Login_link a{ color:#666666;}

/* content */
.bgys1{ background:#eff1f4;}
.bgys2{ background:#f6f6f6;}
.bgysfff{ background:#fff;}

.tit{ padding-top:40px; padding-bottom:20px;color:#333333; position:relative; text-align:center;}
.tit:after{content:""; position:absolute; left:50%; bottom:0;transform:translate(-50%,0);display:block; width:30px;height:3px; border-radius:3px; background:#2f57cd;transition: all 1s;}
.tit:hover:after{ width:40px; background:#2586ff;}
.tit h2{font-size:26px; font-weight:bold;}
.vice-tit{display:inline-block;  padding-top:8px;color:#6f7c87; text-transform:uppercase; font-size:16px;}
.more{ padding:50px 0;}
.more a{ display:block; margin:auto;width:240px; height:55px;line-height:55px; overflow:hidden; border-radius:5px; background:#2586ff; color:#fff;font-size:18px; text-align:center; position:relative;transition: all 1s; color:#fff;}
.more img{ vertical-align:middle; margin-bottom:2px;}
.more:hover a{ background:#26c8e5;}

.product-list{ width:1330px; margin:auto; overflow:hidden;}
.product-list ul{ overflow:hidden;}
.product-list li{ float:left; margin:30px 15px 0;border-radius:10px; background:#ffffff;transition: all .5s ease;}
.product-list li:hover {box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.15);transform:translateY(-15px);background:#fafafa;}
.product-list li:hover .kc-name{ color:#3594ff;} 
.kc-list1 li{width:302px; overflow:hidden; }
.kc-list1 li .pic{width:302px;  height:200px; overflow:hidden;}
.kc-list2 li{ width:413px; overflow:hidden; }
.kc-lab{ padding:0 20px 10px; line-height:30px;}
.kc-hour{ padding-bottom:15px; color:#6f7c87; font-size:16px;}
.kc-hour span{ margin-right:10px;}
.kc-name{margin:15px 20px; height:44px; line-height:22px; font-size:18px; color:#333333;}
.kc-price{ color:#ff4642;}
.kc-price span{ font-size:24px;}
.kc-list2 li .kc-price{ margin-top:30px;}
.kc-list3 li{ float:left; margin-top:50px; padding:20px; width:590px; height:px;}
.kc-list3 li .pic{ margin-top:-40px; width:240px; height:134px; border-radius:5px; overflow:hidden;}
.kc-list3 li .kc-lab{ width:330px; padding:0;}
.kc-list3 li .kc-name{ padding:0; margin:0;}
.kc-txt{ padding:15px 20px; border-radius:5px; line-height:1.6; background:#fafafa; color:#9badba; font-size:16px;}
.kc-list3 li .kc-hour{ color:#6f7c87;}
.kc-list3 li .kc-hour span{color:#9badba;}
.kc-list3 li .kc-price span{ color:#ff4642;}
/* 课程分类 */
.slideTxtBox{ width:1330px; margin:auto; text-align:left;  }
.slideTxtBox .hd{overflow:hidden;padding:15px 10px 0 15px; position:relative; }
.slideTxtBox .hd ul{ overflow:hidden}
.slideTxtBox .hd ul li{ float:left; margin-top:15px; margin-right:15px; height:34px; line-height:34px; padding:0 15px; cursor:pointer; border:1px solid #b3bfc7; border-radius:3px; font-size:16px;  }
.slideTxtBox .hd ul li.on{  background:#2586ff; border:1px solid #2586ff; color:#fff;}

/* 通知公告 */
.notice{ overflow:hidden; padding-top:20px; padding-bottom:80px;}
.slideBox{ width:548px; height:308px; margin-top:12px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:6px;  width:10px; height:10px; border-radius:5px; text-align:center; background:#b5b4b3; cursor:pointer; }
.slideBox .hd ul li.on{ background:#2586ff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
.slideBox .bd li h3{ position:absolute; left:10px; right:80px; bottom:0; height:40px; line-height:40px; font-size:16px; color:#fff;}
.slideBox .bd img{ width:548px; height:308px; display:block;  }
.notice-txtlist{ width:666px; padding-right:40px;}
.notice-txtlist li{ height:40px; line-height:40px; font-size:16px; position:relative;}
.notice-txtlist li a{ transition: all .36s ease;}
.notice-txtlist li::after{content: "";width: 0px;height: 1px;background-color: #3594ff;position:absolute;left: 0;top: 20px;transition: all .36s ease;}
.notice-txtlist li:hover::after{ width:30px;}
.notice-txtlist li i{ display:inline-block; vertical-align:middle; margin-bottom:2px; margin-right:15px; width:6px; height:6px; border-radius:4px; background:#2586ff;}
.notice-txtlist li:nth-child(4){ padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed #ccc;}
.notice-txtlist li:hover a{padding-left:20px; color:#3594ff;}
/* footer */
#footer{ padding:40px 0 0; background:#272c32;color:#cecece; }
#footer a{color:#cecece;}
#footer a:hover{ color:#2586ff;}
.footer-logo{ width:420px;}
.footer-logo img{ height:50px;}
.footer-contact{ width:400px; padding-left:85px; font-size:14px;}
.footer-contact .ti{ padding-bottom:15px; font-size:18px; color:#ffffff;}
.footer-contact p{ padding-bottom:5px; line-height:1.8;}
.footer-code{text-align:center;}
.footer-code-li{ padding:10px; width:98px;}
.ewm-name{ margin-top:5px;}
.Copy{ margin-top:20px; line-height:1.4; padding:15px 5px; border-top:1px solid #383f46;text-align:center;font-size:12px;}
.Copy p{ padding:5px 0;}
.Copy img{ vertical-align:middle; margin-bottom:4px;}
.Copy a{color:#cecece;}

.dqwz { padding-top: 20px; padding-bottom: 20px;}
.ny-page{   background:#eff1f4;}
.ny-left{ width:200px;}
.left-user{ padding:20px 15px 30px; background:#fff;border-bottom:1px solid #efeff4; text-align:center;}
.user-img{ margin:auto; width:66px; height:66px; overflow:hidden;}
.user-name{ margin-top:15px; font-size:18px; color:#333;}
.user-link{margin-top:15px; color:#6f7c87;}
.user-link a{ color:#6f7c87;}
.page_nva { background:#fff;}
.page_nva li{ padding:0 20px; height:58px; text-align:center;position:relative;}
.user-icon,.leftnva-icon{ display:inline-block; vertical-align:middle; margin-bottom:4px; margin-right:8px; width:24px; height:24px;transition: all 1s;}
.user-icon{ background:url(user-icon.png) no-repeat;}
.leftnva-icon{background:url(leftnva-icon.png) no-repeat;}
.u-icon1{ background-position:0 0;}
.u-icon2{ background-position-y:-24px;}
.u-icon3{ background-position-y:-48px;}
.u-icon4{ background-position-y:-72px;}
.u-icon5{ background-position-y:-96px;}
.u-icon6{ background-position-y:-120px;}
.u-rencai1{ background-position:0 0;}
.u-rencai2{ background-position-y:-24px;}
.u-rencai3{ background-position-y:-48px;}
.u-rencai4{ background-position-y:-72px;}
.page_nva li:hover .user-icon,.page_nva li.on .user-icon,.page_nva li:hover .leftnva-icon,.page_nva li.on .leftnva-icon{ background-position-x:-24px;}

.page_nva li a{ display:block; border-bottom:1px solid #efeff4; line-height:57px; font-size:18px;}
.page_nva li:last-child a{ border-bottom:none;}
.page_nva li:after{content:""; position:absolute; left:0; top:50%;transform:translate(0,-50%);display:block; width:3px;height:0px;background:#2586ff;transition: all 1s;}
.page_nva li.on:after{ display:none;}
.page_nva li:hover:after{ height:58px; background:#2f57cd;}
.page_nva li.on{border-left:3px solid #2f57cd;}
.page_nva li.on a,.page_nva li:hover a{ color:#2f57cd;}


.ny-right{ margin-left:220px; background:#ffffff;}
.page { padding:40px 0 40px; margin:0 20px;overflow: hidden;text-align:center;}
.page span {display:inline-block;height:28px; background:#fff;line-height: 28px;font-size: 15px;color: #6f7c87;padding: 0 9px;margin: 0 3px;white-space: nowrap; border-radius:2px;}
.page span:hover a { color:#fff;}
.page a{ color:#6f7c87;}
.page span.disabled {color:#525252;}
.page span.current,.page span:hover {background: #2f57cd;color: #fff;}
.zxdt_tit { padding:20px 0 0;font-size: 24px; line-height:1.5; font-weight:bold;text-align: center;color: #222222;}
.zxdt_time {height: 25px;padding-top:10px;line-height: 25px;font-size: 14px;text-align: center;color: #6f7c87;}
.zxdt_time span{ padding:0 20px;}
.sxp { padding:30px 0px;font-size: 16px;color:#444444;}
.sxp p{ padding:10px 0;}
.sxp p a{ color:#000;}
.inside-text { padding: 50px 0px;overflow: hidden;line-height:2;font-size: 16px;color: #555555; }
.inside-text p{text-indent:28px;}
.danye{ margin:50px auto; width:1200px; padding:30px 50px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15);}


/*图文列表*/
.imgtxtlist{ padding:0 20px;}
.imgtxtlist li{ padding:20px 0; border-bottom:1px solid #efeff4; transition: all 0.6s ease 0s;}
.imgtxtlist li .p-img{ float:left; width:196px; height:110px; overflow:hidden;}
.imgtxtlist li .p-info{ margin-left:216px; height:110px; position:relative;}
.imgtxtlist li:last-child .p-info{ border-bottom:none;}
.imgtxtlist li .p-name{ padding-top:40px;font-size:18px; color:#333;transition: all 0.36s ease;}
.imgtxtlist li:hover .p-name{padding-top:0;}
.imgtxtlist li .p-txt{ margin-top:15px; font-size:16px;color:#6f7c87;opacity:0;transition: all 0.36s ease;}
.imgtxtlist li:hover .p-txt{ opacity:1;}
.imgtxtlist li .p-time{ position:absolute; bottom:0;font-size:14px; color:#9badba; font-weight:normal;transition: all 0.36s ease;}
.imgtxtlist li .p-time::after{content: "";width: 0px;height: 1px;background-color: #6f7c87;position:absolute;left: 0;top: 7px;transition: all .36s ease;}
.imgtxtlist li:hover .p-time::after{ width:30px;}
.imgtxtlist li:hover .p-time{ padding-left:40px;}
.imgtxtlist li .p-img img{-webkit-transition: all .6s ease 0s;transition: all 0.36s ease;}
.imgtxtlist li:hover{}
.imgtxtlist li:hover .p-info{ border-color:#fff;}
.imgtxtlist li:hover .p-name{ color:#2f57cd;}
.imgtxtlist li:hover .p-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }


/*筛选*/
.category{ padding:60px 0; font-size:16px; color:#6f7c87;}
.category .c-tit{ width:100px; line-height:36px;}
.category .c-cont{ margin-left:100px;}
.category .c-cont a{ display:inline-block; padding:0 15px; height:36px; border-radius:5px; line-height:36px; color:#333;}
.category .c-cont a.on{ background:#f5f6f6; color:#2f57cd;}
.category .c-cont a:hover{color:#2f57cd;}

.screen{ padding:0 30px 20px;}
.screen-left{}
.screen-left .songti{ padding:0 20px; border-right:1px solid #cfd9df;}
.screen-left .songti.active a,.screen-left .songti:hover a{ color:#2f57cd;}
.screen-left .songti:last-child { border-right:0;}
.screen-right label{ padding-left:40px;}
.i-checkbox{ vertical-align:middle; margin-bottom:2px; margin-right:5px; width:15px; height:15px; border:1px solid #3594ff;}
.i-checkbox:checked{ background:url(icon-gou.png) center no-repeat; background-size:15px;}
.i-checkbox:checked + span{ color:#3594ff;}
.screen-more{ display:inline-block;}
.ny-product{ padding:20px 0;}
.ny-product ul{ padding-bottom:20px;}

/*课程详情*/
.go_back{ padding:15px 0; height:22px; line-height:22px;}
.course-cont{ padding:1px; margin-bottom:20px;}
.tit2{ padding:25px 20px; color:#333333; font-size:18px;}
.course-top{ padding:20px; overflow:hidden;}
.course-img{ width:302px; height:200px; overflow:hidden; border-radius:3px;}
.course-txt{ margin-left:325px;}
.course-txt .name{ color:#333333; font-size:24px;}
.course-txt .chapter{ margin-top:15px; font-size:16px; color:#9badba;}
.course-txt .introduce{margin-top:25px; font-size:16px; color:#9badba;}
.course-txt .introduce span{ padding-right:30px;}
.course-txt .Price-box{ margin-top:35px;}
.course-txt .Price-box .Price{ margin-right:15px; color:#ff4642;}
.course-txt .Price-box .Price strong{ font-size:36px;}
.course-txt .Price-box .Price2{ margin-right:15px; color:#9badba; font-size:24px; text-decoration:line-through;}
.course-txt .Price-box .lab{ vertical-align:top; margin-top:10px;display:inline-block;padding:0 10px; border-radius:12px; height:24px; line-height:24px;background-image: linear-gradient(to right, #ff5656 , #ff788d); color:#fffefe;}
.course-btn a{ margin-left:10px; display:inline-block; width:138px; height:46px; border:1px solid #3594ff; line-height:46px; font-size:18px; text-align:center; color:#2586ff;}
.course-btn a.ys1{ background:#2586ff; color:#fff;}
.course-nav{ margin-bottom:20px; border-bottom:1px solid #efeff4; height:78px; line-height:78px; text-align:center; }
.course-nav a{ margin:0 25px;font-size:18px; color:#333;}
.course-nav a.on{ color:#2586ff; font-weight:bold;}
.course-item{ padding:0 20px;}
.course-item .course-item-tit{ padding:14px 0; height:20px; border-top:1px solid #efeff4; background:#f5f6f6;}
.course-item .course-item-tit span{ padding-left:20px; display:block; height:20px; border-left:3px solid #2586ff; line-height:20px; font-size:16px; color:#333333;}
.course-item li{ padding:23px 20px 23px 40px; border-top:1px solid #efeff4;}
.course-item .chapter-number{ margin-right:15px;}
.course-item i{margin-right:15px;}
.course-item .chapter-name{ margin-left:80px;margin-right:15px;}
.course-item .chapter-name .course-lab{ margin-left:10px; display:inline-block; height:24px; line-height:24px; padding:0 10px; border-radius:3px; background:#ff788e; color:#fff;}
.course-item .course-time{}
.course-item li.NoClass{color:#6f7c87;}
.course-item li.NoClass .chapter-name{ color:#6f7c87;}
.chapter-start-time{ margin-top:5px; color:#9badba; font-size:13px;}
.problem{ padding:0 50px;}
.problem-item{ padding-bottom:40px; font-size:16px; color:#6f7c87;}
.problem-ask{}
.problem-answer{ margin-top:15px;}
.course-info{ margin:0 20px 20px; padding:20px; background:#fafafa; line-height:2.2; font-size:16px; color:#333;}


/*个人中心---我的培训*/
.user-nva{ padding:30px 0 25px; margin:0 20px;border-bottom:1px solid #eff1f4; font-size:16px;}
.user-nva a,.user-nva span{ padding:0 20px;border-right:1px solid #cfd9df; position:relative;}
.user-nva a.on,.user-nva a:hover,.user-nva span.on{ color:#2f57cd;}
.user-nva a:last-child,.user-nva span:last-child{ border-right:0;}
.user-nva i{ display:inline-block; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #807d88;}
.user-nva a:hover i,.user-nva span:hover i{ transform:rotate(180deg)}
.sort-box{ position:absolute; z-index:99; top:34px; left:0; width:120px; background:#f6f6f6; border-radius:5px;transition: all 0.3s ease-out 0s;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
.sort-box:after{ content:"";position:absolute; left:50%; top:-10px;transform:translate(-50%,0);width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #f6f6f6;}
.sort-box li{ padding:10px 0; border-bottom:1px solid #cfd9df; text-align:center;}
.sort-box li:last-child{ border-bottom:none;}
.user-nva a:hover,.user-nva span:hover .sort-box{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}





.wode-list{ background:url(line1.png) 90px repeat-y;}
.wode-list li{ padding:30px 20px; height:140px; background:url(dian.png) 91px 85px no-repeat; position:relative;}
.wode-list li:after{content:""; position:absolute; left:120px; right:20px; bottom:0;height:1px;background:#efeff4;transition: all 1s;}
.wode-list .time{ width:62px; margin-right:10px; padding-top:36px; text-align:right;}
.wode-list .time span{ padding-bottom:10px; display:block;color:#6f7c87; font-size:16px;}
.wode-list .time font{ color:#9badba;}
.wode-list .peixun-img{ margin-left:30px; width:208px; height:135px; overflow:hidden; border-radius:3px;}
.wode-list .peixun-txt{ margin-left:20px;width:520px;}
.wode-list .peixun-txt .name{ color:#333333; font-size:24px;}
.wode-list .peixun-txt .chapter{ margin-top:15px; font-size:16px; color:#9badba;}
.lab-bar{ margin-top:45px;}
.lab-a{ display:inline-block; padding:0 10px; height:24px; line-height:24px; border-radius:12px; background:#ffecd1; color:#ff6000;}
.lab-a.zt1{background:#e9e9e9; color:#808080;}
.lab-a.zt2{background:#ffecd1; color:#ff6000;}
.lab-a.zt3{background:#ffd1d1; color:#ff0000;}
.peixun-right{ text-align:center;}
.peixun-right .Price-bar{ margin-bottom:15px;}
.peixun-right .Price{ color:#ff4642;}
.peixun-right .Price strong{ font-size:36px;}
/*个人中心---已购课程*/
.kecheng-box{ padding:0 35px; width:auto;}
.kecheng-box li{ border:1px solid #eff1f4;}
/*个人中心---学习记录
.record-item{background:url(line1.png) 90px repeat-y;}
.record-time{ width:82px; padding-top:66px; text-align:right; position:relative;}
.record-time:after{content:""; position:absolute; left:92px; top:85px; width:10px; height:10px; background:url(dian.png) center no-repeat;}
.record-time span{ padding-bottom:10px; display:block;color:#6f7c87; font-size:16px;}
.record-time font{ color:#9badba;}
.record-item ul{ margin-left:120px; padding-bottom:35px; border-bottom:1px solid #efeff4;}
.record-item ul li{ width:208px; border:1px solid #eff1f4;}
.record-item ul li .pic{ width:208px; height:135px;}
.record-item ul li .kc-name{ margin:5px 9px 0; height:36px; line-height:18px; font-size:14px;}
.record-item .kc-price2{ padding:10px 10px 0;}
.record-item .kc-price2 span{ font-size:18px; color:#ff4642;}
.progress{padding:0 10px 10px; font-size:12px; color:#ff6000;}
.progress-bar{ display:inline-block; margin-right:5px; width:60px; height:6px; background:#ffecd1; border-radius:3px;}
.progress-bar p{ height:6px; background:#ffc600;border-radius:3px;}
*/

/*个人中心---学习记录*/
.record-item{ width:100%; padding-top:30px;background:url(line1.png) 90px repeat-y; overflow:hidden;}
.record-time{ width:82px; padding-top:10px; text-align:right; position:relative;}
.record-time:after{content:""; position:absolute; left:92px; top:28px; width:10px; height:10px; background:url(dian.png) center no-repeat;}
.record-time span{ padding-bottom:10px; display:block;color:#6f7c87; font-size:16px;}
.record-time font{ color:#9badba;}
.record-item ul{ margin-left:130px; margin-right:20px; padding:0 20px; border:1px solid #cfd9df; border-radius:10px; position:relative;}
.record-item ul:before{content: '';display:block;width:9px;height:9px; border-left:1px solid #cfd9df;border-top:1px solid #cfd9df; background:#fff; transform:rotate(-45deg); position:absolute;top:27px;left: -6px;}
.record-item ul li{display:flex; padding:20px 0; border-bottom:1px solid #efeff4;}
.record-item ul li:last-child{ padding-bottom:0; border-bottom:none;}
.record-item ul li a{display:flex;}
.record-item ul li .pic{ width:96px; height:64px;}
.record-item ul li .kc-name{ margin:5px 9px 0; height:36px; line-height:1.4; font-size:14px;}
.record-item .kc-price2{ padding:10px 10px 0;}
.record-item .kc-price2 span{ font-size:18px; color:#ff4642;}
.progress{padding:0 10px 10px; font-size:12px; color:#666;}
.progress-bar{ display:inline-block; margin-right:5px; width:60px; height:6px; background:#ffecd1; border-radius:3px;}
.progress-bar p{ height:6px; background:#ffc600;border-radius:3px;}
/*我的订单*/
.my-order{ padding:20px;}
.order-item{ margin-bottom:30px; border:1px solid #daf3ff;}
.order-top{ padding:0 20px; height:46px; line-height:46px;border-bottom:1px solid #daf3ff; background:#eaf8ff; display:flex;align-items:center; font-size:16px;}
.order-time{ margin-left:5px; font-weight:bold; color:#333;}
.order-number{ margin-left:20px;}
.order-state{ margin-left:auto;}
.order-state.red{ color:#ff6d6a;}
.order-cont{ padding:20px;display:flex;align-items:center;}
.order-img{ width:230px; height:148px; overflow:hidden; border-radius:3px;}
.order-txt{ margin-left:20px;}
.order-txt .name{ color:#333333; font-size:18px;}
.order-txt .chapter{ margin-top:15px; font-size:16px; color:#9badba;}
.order-txt .Price-bar{ margin-top:30px;}
.order-txt .Price{ color:#ff4642;}
.order-txt .Price strong{ font-size:24px; font-weight:normal;}
.order-right{ margin-left:auto; width:120px; text-align:center;}
.order-btn a{ margin-left:10px; display:inline-block; width:118px; height:44px;line-height:46px; border:1px solid #fff; border-radius:4px;  font-size:16px; text-align:center; color:#333;}
.order-btn a.ys1{ border:1px solid #66b6ff;  background:#66b6ff; color:#fff;}
.order-btn a.ys2{ border:1px solid #2a8dff;  background:#2a8dff; color:#fff;}



/*班级*/
.banji{ padding-top:20px; font-size:18px;}
.banji-name{ padding:20px; line-height:20px; background:#eff1f4;}
.banji-gongao{ margin:30px 20px 0; padding-bottom:20px; padding-right:60px; width:500px; border-right:1px solid #eff1f4; font-size:16px; }
.gongao-tit{color:#333;}
.gongao-text{ padding-top:25px; color:#6f7c87; line-height:1.8;}
.classmate-list{ width:610px; padding:20px 20px 0;}
.classmate-list ul{ height:188px; overflow:hidden;}
.classmate-list.show ul{ height:auto;}
.classmate-list li{ float:left; width:70px; margin-bottom:20px; padding:0 8px; text-align:center;}
.classmate-pic{ width:46px; height:46px; display:block; margin:auto;}
.classmate-name{ margin-top:8px; height:20px; line-height:20px; font-size:14px;}
.classmate-more{ text-align:center;}

/*帮助中心*/
.help{ padding-top:50px;}
.help .problem-ask{ color:#333; font-weight:bold; font-size:18px;}
.ny-right .inside-text{ padding:40px 50px;}


/*师资力量*/
.team { overflow:hidden; padding:50px 20px;}
.team li{ float:left; width:215px; height:400px; margin:0 22px 50px; border-bottom:1px solid #f0f0f0; position:relative;}
.team li:after {
    content: "";
    width: 37px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 40px;
    right: 0px;
    background: transparent url(icon.png) no-repeat -30px -66px;
    transition: all 0.3s ease-out 0s;
    margin-top: -10px;
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.team li:hover:after {
    background: url(icon.png)
        no-repeat 16px -66px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.team li:hover .team_name{ padding-top:15px;}
.team .team_pic{ width:213px; height:300px; border:1px solid #dbdbdb; overflow:hidden;}
.team .team_pic img{ width:213px;}
.team .team_name{  padding-top:20px; line-height:25px; color:#484848; font-size:18px;transition: all 0.3s ease-out 0s;}
.team .team_post{ margin-top:10px; color:#818181;}

.team_three_wrap { padding:40px 0; overflow:hidden;}
.team_thr_l { width:280px; padding-left:40px;float: left; position: relative; }
.team_thr_img { width: 280px;max-height:700px; overflow: hidden }
.team_thr_img img{ width:100%;}
.team_thr_r { margin-left:370px;padding:0px 40px 30px 0px;}
.team_thr_r_h3 { padding-top:50px; margin-bottom:30px;}
.team_thr_r_h3 .tuandui_title { font-size: 30px; color: #333; display: block;}
.team_thr_r_h3 .tuandui_zhicheng { margin-top:10px; font-size: 13px; color: #b7b7b7; }
.team_thr_r_bor { height: 1px;position:relative; background-color:#e6e6e6;}
.team_thr_r_txt { padding-top:40px; line-height:2; color:#777; font-size:15px;}

.ny-right .sxp{ padding:0 40px;}
.team_list { margin-top:30px; border-top:1px solid #ddd;padding:30px 12px 0; overflow:hidden;}
.team_list li{ float:left; width:126px;margin:0 12px 30px;}
.team_list li:hover .team_name{ padding-top:15px;}
.team_list .team_pic{ width:126px; height:200px; overflow:hidden;}
.team_list .team_pic img{ width:126px;}
.team_list .team_name{  padding-top:10px; line-height:25px; color:#484848; font-size:18px;transition: all 0.3s ease-out 0s;}
.team_list .team_post{ margin-top:5px; color:#818181;}


/*联系我们*/
.lianxi{ overflow:hidden; padding:50px 0 100px;}
.lianxi_li{float:left; width:33.3%; color:#555;}
.lianxi_li p{ margin-bottom:8px;}
.lianxi_li p.enterprise_name{ font-size:20px; color:#000;}
.lianxi_li p.enterprise_English{font-size:12px; color:#999; text-transform:uppercase;}
.lianxi_li p span{color:#999;}




.Mask{ position:fixed; z-index:998; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5)}
.Mask-cont{ position:fixed; z-index:998; left:50%;top:50%;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align:center;}
.Mask-cont-box{}
.Mask-close{ position:absolute; right:-24px; top:-24px; width:25px; height:25px; font-size:0;}
.Mask-close:hover::before, .Mask-close:hover::after {background:#fff;}
.Mask-close:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 30px;
    background: #e8e8e9;
    transform: rotate(45deg);
    top: -3px;
    left: 11px;
}
.Mask-close:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: #e8e8e9;
    transform: rotate(-45deg);
    top: -3px;
    left: 11px;
}

/*登录注册*/
.Login_bottom{ margin-top:-5px; padding:0 20px;color:#818e99; font-size:14px;}
.Login_bottom a{ color:#818e99;}
#user-zuce{}
input::-webkit-input-placeholder {color: #9badba;}
input::-moz-input-placeholder {color: #9badba;}
input::-ms-input-placeholder {color: #9badba;}
.login-cont{ width:360px; padding:60px 120px; border-radius:10px; background:#fff;}
.login-tit{ padding-bottom:22px;}
.login-tit h2{font-size:24px; color:#007de5; text-align:center; font-weight:bold;}
.login-tit p{ padding-top:8px; color:#96c5ed; font-size:14px; text-transform:uppercase;}
.login-tit .login-line{ display:block; margin:6px auto 0; width:32px; height:2px; background:#1e8ae1;}
.login-item{ margin-bottom:12px; background:#ffffff; padding:12px;display: flex;align-items: center; border-radius:4px; position:relative;}
.border1{ border:1px solid #cfd9df;}
.login-item-iocn{ display:block; width:24px; height:24px;}
.login-item-cont{ margin-left:12px; padding-left:12px;flex:1; height:24px; border-left:1px solid #cfd9df;}
.login-item-cont input{ width:100%;  }
.login-item-yz{ position:absolute; right:-1px; top:-1px; bottom:-1px; width:120px;border-radius:0 4px 4px 0; padding:5px 0; line-height:40px; text-align:center;  background:#3ba6ff; color:#fff; font-size:14px;}
.login-item-imgyz{ width:70px;}
.login-bottom{padding:0 30px;display: flex;align-items: center;}
.login-buttom{ padding:14px; background:#008bff;text-align:center;font-size:18px; color:#fff;}
.login-buttom-btn{ margin:auto; background:none; border:0; font-size:18px; color:#fff;}
.Login_form{ padding:0 20px;}


/*3-30新修改*/
.Vertical_line{ display:inline-block; margin:0 10px; width:1px; height:11px; background:#818e99;}
.introduce p{ margin-top:3px;}
.course-bottom{ display:flex;align-items: center; padding-top:22px;}
.course-bottom-left{}
.course-bottom-time{ font-size:16px; color:#ff5758; font-weight:bold;}
.course-progress{ margin-top:8px;}
.course-progress-bar{ display:inline-block; width:300px; height:6px; background:#e0e4e7; border-radius:3px;}
.course-progress-bar p{height:6px;background:#ffc600; border-radius:3px;}
.course-bottom .course-btn{ margin-left:auto;}
.schoolmate{ border-left:1px solid #cfd9df;border-top:1px solid #cfd9df;}
.schoolmate td{ padding:13px;border-bottom:1px solid #cfd9df;border-right:1px solid #cfd9df; text-align:center;}

.My-details{ margin:20px 0; padding:0 40px; border-left:1px solid #eff1f4; height:220px;}
.My-details-tit{ font-size:16px; color:#333;}
.My-details-tit i{ margin-right:10px; display:inline-block; width:3px; height:14px; background:#1e8ae1;}
.Learning-state,.Learning-fraction,.Learning-result{padding:15px 0; font-size:14px;}
.Learning-state{ width:360px; }
.Learning-fraction{width:320px;}
.Learning-result{width:320px;}
.Learning-state li{ padding-left:20px; height:34px; line-height:34px; color:#818e99; position:relative;}
.Learning-state li:before{content: '';position: absolute; z-index:2; left:0; top:12px;width: 11px;height: 11px;background: #b3bfc7; border-radius:6px;}
.Learning-state li:after{content: '';position: absolute; z-index:0; left:5px; top:0;height: 34px; border-left:1px dashed #b3bfc7;}
.Learning-state li:last-child:after{ height:14px;}
.Learning-state li:first-child:after{ height:14px; top:15px;}
.Learning-state li a{color:#818e99;}
.Learning-state li span{ margin-right:10px;}
.Learning-state li:hover,.Learning-state li:hover a{ color:#1e8ae1;}
.Learning-state li:hover:before{ background:#1e8ae1;}
.Learning-fraction{}
.Learning-fraction li{ float:left; display:inline; margin:10px; width:68px; border:1px solid #b3bfc7; border-radius:5px; text-align:center;}
.Learning-fraction li .p1{ color:#9badba; padding:10px 0; height:25px; line-height:25px; font-size:24px;}
.Learning-fraction li .p2{ height:22px; line-height:22px; background:#b3bfc7; font-size:14px; color:#fff;}
.Learning-fraction li.on{border:1px solid #6cadff;}
.Learning-fraction li.on .p1{ color:#6cadff;}
.Learning-fraction li.on .p2{background:#6cadff;}
.Learning-result li{height:34px; line-height:34px; color:#818e99; position:relative;}
.step{ width:945px; height:100px; padding:30px 0; margin:auto; position:relative;}
.step-bar{ position:absolute; left:0; right:0; top:60px; height:20px; background:url(step.png) center top no-repeat;}
.step li{ float:left; width:315px; text-align:center; color:#6f7c87;}
.step .p1{ font-size:16px;}
.step .p2{ margin-top:40px;}
.step.zt1 .step-bar{ background-position-y:-20px;}
.step.zt1 .step_01{ color:#333;}
.step.zt1 .step_02{ color:#32a4ff;}
.step.zt2 .step-bar{ background-position-y:-40px;}
.step.zt2 .step_01,.step.zt2 .step_02{ color:#333;}
.step.zt2 .step_03{ color:#32a4ff;}
.order-details{ padding: 20px;}
.banji-name font{ margin-right:30px;}
.table-details{ border:1px solid #eeeef2; border-right:none; font-size:16px;}
.table-details th{ background:#edf7ff; border-right:1px solid #eeeef2; padding:15px 0; text-align:center;}
.table-details td{ padding:20px; border-top:1px solid #eeeef2;border-right:1px solid #eeeef2;text-align:center;}
.table-details .pic{ margin-right:10px; width:102px; height:60px; overflow:hidden;}
.btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 5px;
    padding: 8px 12px 8px 12px;
    line-height: 20px;
    border: 1px solid #e4e4e4;
    background: #fff;
    color: inherit;
    border-radius: 3px;
    color: #333;
}
.has-ys1 {border-color: #399bff;color: #399bff;}
.bg-ys1 {background: #399bff;color: #fff;}
.btn-xs{font-size: 11px;padding: 3px 8px;}
.btn-sm {font-size: 12px;padding: 5px 14px;}
.btn-lg {font-size: 16px;padding: 10px 30px;}
.btn-xl {font-size: 20px;padding: 14px 30px;}
.order-details-Statistics{ padding:20px; text-align:right;}
.order-details-Statistics p{ padding:10px 0; font-size:16px;}
.order-details-Statistics span{ display:inline-block; margin-left:20px; width:100px; text-align:right;}
.order-details-Statistics strong{ font-size:24px; font-weight:bold; color:#ff6d6a }
.page-tit{padding: 30px 0 25px;margin: 0 30px;border-bottom: 1px solid #eff1f4;font-size: 18px;}
.page-tit i.dian{ vertical-align:middle; margin:0 10px 3px 0; display:inline-block; width:3px;  height:16px;background:#1e8ae1;}
.contact-buy{ margin:0 30px; padding:30px 0;border-bottom: 1px solid #eff1f4; font-size:16px;}
.course-table{ padding:30px;}
.buy-lab{ font-size:18px;}
.margin-top20{ margin-top:20px;}
.input-txt{ width:100%; font-size:16px;}
.content-li{ padding:8px 0;display: flex;align-items: center;}
.content-li span{display:inline-block;}
.content-li .pp{ margin-left:20px;}
.content-li .pp strong{ font-size:24px; color:#ff4642;}

/*支付*/
.pay-cont{ width:680px; padding:50px 0; margin:auto;}
.pay-cont .content-li{ padding:10px 0;display: flex;align-items: center;font-size:18px;}
.pay-line{ margin:20px 0; border-bottom:1px solid #cfd9df;}
.pay-lab{color:#333; font-weight:bold;}
.pay-ma{ padding-bottom:80px;}
.pay-ma img{ width:300px;}
.pay-ma p{ padding:10px 0;width:300px; background:#00c901; color:#fff; text-align:center; font-size:16px;}
.pay-content{ margin-left:10px;}
.pay-content strong{ font-size:24px; color:#ff4642;}

.pay-method{ clear:both;}
.pay-method li {position: relative;font-size: 0;display: block;float: left;width: 130px;height: 44px;line-height: 42px;text-align: center;box-sizing: border-box;border: 1px solid #dedede;cursor: pointer;}

.pay-method li{transition: border-color .1s ease-in,color .1s ease-in;}
.pay-method li+li {margin-left: 10px;margin-bottom: 8px;}
.pay-method li:hover{border-color:#2f57cd;}
.pay-method li.selected {line-height: 40px;*height: 42px;*width: 128px;border: 2px solid #3879d1;}
.icon-pay{display: inline-block; margin-right:5px;vertical-align: middle; background:url(icon-pay.png)}
.icon-wxpay{ width:24px; height:24px; background-position:0 0;}
.icon-unionpay{ width:30px; height:24px; background-position:0 -24px;}
.icon-Alipay{ width:24px; height:24px; background-position:0 -48px;}
.pay-method-name{display: inline-block;color: #707070;font-size: 16px;line-height: 25px;vertical-align: middle;}
.icon-selected{position: absolute;right: 0; bottom: 0;display:inline-block; width:20px; height:20px; background:url(icon-pay.png);background-position:0 -72px;}

.red{color:#ff4642;}
.blue{ color:#2fa9ff;}


/*人才*/
.rencaiku{ padding:15px;}
.rencaiku{ overflow:hidden;}
.rencaiku li{ float:left; display:inline; width:190px; margin:20px 10px 0; height:410px; text-align:center;transition: all .5s ease;}
.rencaiku li:hover {box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.15);transform:translateY(-15px);background:#fafafa;}
.rencaiku li:hover .name{ color:#3594ff;} 
.rencaiku .pic{ width:188px; height:300px; overflow:hidden;}
.rencaiku .name{padding:10px 0;  font-size:16px; font-weight:bold; color:#333; position:relative;}
.rencaiku .name:after{content:""; position:absolute; left:50%; bottom:0;transform:translate(-50%,0);display:block; width:24px;height:2px; border-radius:3px; background:#ccc;transition: all 1s;}
.rencaiku li:hover .name:after{ width:40px; background:#3183ff;}
.rencaiku .other{ padding-top:5px; color:#6f7c87; }
.rencaiku .other p{ padding-top:7px;}
.qiyeku{ padding:0 20px;}
.qiyeku .item{ padding:25px 0; border-bottom:1px solid #efeff4;display: flex;align-items: center;}
.qiyeku .item .name{ margin-bottom:20px; padding:10px 0;font-size:16px; font-weight:bold; color:#333; position:relative;}
.qiyeku .item .name strong{ font-size:24px;}
.qiyeku .item .name:after{content:""; position:absolute; left:0; bottom:0;display:block; width:24px;height:2px; border-radius:3px; background:#3183ff;transition: all 1s;}
.qiyeku .item:hover .name:after{ width:40px; background:#3183ff;}
.qiyeku .item .info{ color:#6f7c87;}
.info_table{}
.info_table td{ padding:8px 5px 8px 0;}
.info_table td em{ display:inline-block; margin:0 5px; width:1px; height:12px; background:#ccc;}
.qiyeku .link{ margin-left:auto; text-align:right;}
.qiyeku .link a{ color:#9badba;}
.info_right{ margin-left:auto;}
.ny_info_right{ padding:0 40px; border-left:1px solid #eff1f4;}
.info_pic{ padding-top:20px;display: flex;align-items: center;}
.info_pic_tit{ width:36px; height:80px; background:#55b3ff; color:#fff; text-align:center;display: flex;align-items: center;justify-content:center;}
.pic_list{display: flex;align-items: center;}
.pic_li{ margin-left:10px; width:100px; height:80px; overflow:hidden; background:#f6f6f6;display: flex;align-items: center;}
.info_sale{flex:1; text-align:center; font-size:18px; color:#333333;}
.info_total{}
.info_year{ padding-top:5px;}
.info_year i{ vertical-align:middle;}
.info_year span{ width:100px; display:inline-block;}
.info_money{ padding-top:5px; color:#208eff;}
.info_money strong{ font-size:36px; font-weight:normal;}
.qiye_product{ padding:30px 35px 0;}
.qiye_product ul{ overflow:hidden;}
.qiye_product li{ float:left; padding:30px 10px 0; width:230px; text-align:center;}
.qiye_product li .pic{ width:230px; height:162px; overflow:hidden;}
.qiye_product li .name{ padding-top:5px; font-size:16px; color:#333;}
.DSrencai{ padding:15px; overflow:hidden;}
.DSrencai li{ float:left; display:inline; width:190px; margin:20px 10px 0; height:405px; position:relative; background:#fafafc;transition: all .5s ease;}
.DSrencai li:hover {box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.15);transform:translateY(-15px);background:#fafafa;}
.DSrencai li:hover .name{ color:#3594ff;} 
.DSrencai .pic{ width:190px; height:300px; overflow:hidden;}
.DSrencai .name{ position:absolute; top:270px; left:0; right:0;padding:0 10px; height:30px; line-height:30px; background:rgba(0,0,0,.5);  font-size:16px; font-weight:bold; color:#fff; text-align:center;}
.DSrencai .other{ padding:5px 10px;}
.DSrencai .other p{ padding-top:7px;}
.DSRC{ padding:20px;}
.DSRC-info{ background:#f9f9f9; height:300px; margin-bottom:20px;}
.DSRC-info .pic{ width:190px; height:300px; overflow:hidden;}
.DSRC-info .inforight{ margin-left:190px; padding:20px; color:#333; font-size:16px;}
.DSRC-table{ padding-top:20px;}
.DSRC-table td{ padding:8px;}
.DSRC-infolist{ padding:20px 0 0;}
.DSRC-infotit{ position:relative;}
.DSRC-infotit:after{content:""; position:absolute; z-index:0; left:0; right:0; top:50%;display:block;height:1px; background:#b4d7f4;}
.DSRC-infotit span{ position:relative; z-index:1; display:inline-block; padding:0 10px; height:30px; line-height:30px; border-radius:15px; background:#55b3ff; color:#fff; font-size:15px;}
.DSRC-infolist p{ background: url(dian.png) 1px no-repeat;}
.info-txt{ padding:15px;}
.info-txt p{ padding:10px 0 10px 25px;}
.ZJrencai{ padding:30px 15px 0 ; overflow:hidden;}
.ZJrencai li{ float:left; display:inline; width:500px; height:300px; margin:0 12px 30px; position:relative;transition: all .5s ease;}
.ZJrencai .name{padding:10px 0;  font-size:16px; font-weight:bold; color:#333; position:relative;}
.ZJrencai li .name:after{content:""; position:absolute; left:0; bottom:0;display:block; width:20px;height:2px; border-radius:3px; background:#ccc;transition: all 1s;}
.ZJrencai li:hover {box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.15);transform:translateY(-15px);background:#fafafa;}
.ZJrencai li:hover .name{ color:#3594ff;} 
.ZJrencai li:hover .name:after{ width:30px; background:#3183ff;}
.ZJrencai li .pic{ float:left; width:190px; height:300px; overflow:hidden;}
.ZJrencai li .other{ margin-top:15px;}
.ZJrencai li .info{ margin-left:188px; padding-left:20px; height:298px; border:1px solid #e1edfa;}
.ZJrencai li .info em{ display:inline-block; margin:0 5px; width:1px; height:12px; background:#ccc;}
.ZJrencai li .info_txt{ margin-top:20px; height:190px; overflow:hidden; border-top:1px solid #efeff4; color:#6f7c87; line-height:20px;}
.ZJrencai li .info_txt h4{ color:#333333; padding:15px 0;}