﻿body {
    font-family: "Microsoft YaHei",serif;
}
ul {
    padding-left: 0;
}
li {
    list-style: none;
}
a,a:hover,a:active,a:focus {
    text-decoration: none;
}

/*头部导航*/
.header {
    height: 82px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}
.logo a {
    display: block;
    background: url("site/images/logo.png") no-repeat center;
    background-size: contain;
    text-indent: -9999px;
    width: 190px;
    height: 100%;
}
.nav-item {
    border: 1px solid #fff;
    border-top: 3px solid #fff;
    height: 80px;
}
.nav-item a {
    display: block;
    color: #333;
    text-align: center;
    height: 75px;
    line-height: 75px;
}
.nav-item:hover {
    border-color: #ccc;
    border-top-color: #c91d1d;
}
.nav-item a:hover {
    color: #c91d1d;
}
.header-contact .row {
    position: relative;
    width: 285px;
    height: 100%;
}
.header-contact .row::before {
    position: absolute;
    left: 0;
    top: 30px;
    content: '';
    width: 0;
    height: 20px;
    border-left: 1px solid #ccc;
}
.weChat {
    display: block;
    background: url("site/images/wechat.svg") no-repeat center;
    background-size: 40%;
    cursor: pointer;
}
.ourTel {
    display: block;
    background: url("site/images/telphone.svg") no-repeat left center;
    background-size: 13%;
    padding-left: 35px;
    line-height: 82px;
    color: #c91d1d;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: Arial, Helvetica, serif;
}

/*幻灯片*/
.swiper-container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.swiper-slide img {
    width: 100%;
    height: 773px;
}

/*首页 主体内容*/
.main-title {
    padding-top: 40px;
    margin-bottom: 20px;
}
.main-title1 {
    color: #ababab;
    font-size: 2.125rem;
    font-family: Arial, Helvetica, serif;
    text-align: center;
    line-height: 40px;
}
.main-title2 {
    background: url("site/images/title-line.png") repeat-x center;
    height: 32px;
    text-align: center;
    margin-top: 15px;
}
.main-title2 span {
    display:inline-block;
    padding:0 35px;
    background-color:#fff;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    color:#3b3b3b;
    font-size:24px;
}

.main-title3 a {
    color: #545454;
    font-size: 1.3rem;
	font-weight:bolder
	font-family:Arial, Helvetica, serif;
    text-align: center;
    line-height: 40px;
}

.main-titleyouqing {
    padding-top: 40px;
    margin-bottom: 0px;
}

.nav-tabs {
    border: none;
}
.nav-tabs a {
    color:#444;
    height:38px;
    line-height:38px;
    padding:0 30px;
    border-radius:20px;
}
.nav-tabs .active.show {
    background-color: #c91d1d;
    color: #fff;
}
.nav-tabs .col {
    position: relative;
}
.tab-item {
    position: relative;
    display: block;
    margin-top: 30px;
    transition: margin-top .3s ease-out;
}
.tab-item:hover {
/*    position: absolute;*/
    margin-top: 20px;
    margin-right: 15px;
}
.tab-item p {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 22px;
    width: 100%;
    text-align: center;
    height: 54px;
    line-height: 54px;
}
.main-more {
    padding: 30px 0;
}
.main-more a {
    display: block;
    margin: 0 auto;
    background: #666 url("site/images/main-more.png") no-repeat 20px center;
    width: 125px;
    height: 38px;
    border-radius: 20px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    padding-left: 45px;
    text-align: left;
    transition: background-color .3s ease-in-out;
}
.main-more a:hover {
    background-color: #c91d1d;
}

.address {
    background: url("site/images/indexbg2.jpg") no-repeat center;
    background-size: cover;
}

.new {
    background-color: #f6f6f6;
}
.new-item {
    display: block;
    background-color: #fff;
    margin-top: 30px;
    padding: 15px;
    transition: margin-top .3s ease-in-out;
}
.new-title {
    color: #4e4e4e;
    font-size: 1rem;
    font-weight: 500;
}
.new-excerpt {
    position: relative;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 24px;
/*    height: 96px;*/
    text-align: justify;
    overflow: hidden;
}
.new-excerpt span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #c91d1d;
}
.new-time {
    color: #9c9c9c;
    font-size: 12px;
}
/*.new .main-content {
    height: 386px;
}*/
.new-item:hover .new-title{
    color: #c91d1d;
}

.panter .main-content {
    padding: 20px 0 40px;
}
.panter-item {
    display: block;
    border: 1px solid #dce0e4;
    margin-top: 15px;
}
.panter-item img {
    filter: grayscale(100%);
}
.panter-item:hover img {
    filter: grayscale(0);
}


.frient-title {
    padding-top: 40px;
	padding-bottom:40px;
}

.frient-title1 {
    color: #ababab;
    font-size: 2.125rem;
    font-family: Arial, Helvetica, serif;
    text-align: center;
    line-height: 40px;
}
.frient-title2 {
    background: url("site/images/title-line.png") repeat-x center;
    height: 32px;
    text-align: center;
    margin-top: 15px;
}

.frient-title ul { 
    width: 1200px;
    overflow: hidden;
    white-space:nowrap; 
}

.frient-title li {
	list-style: none;
    float: left; 
    margin-left: 15px;
}

.frient-title2 span {
    display:inline-block;
    padding:0 35px;
    background-color:#fff;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    color:#3b3b3b;
    font-size:24px;
}

.frient-title a {
	color:#ababab;
    font-size:14px;
	padding-bottom:30px;
	padding-left:30px;
}

/*底部*/
.footer {
    width: 100%;
    max-width: 1920px;
    margin: 0px auto 0;
}
.footer-1 {
    background: url("site/images/footbg.jpg") no-repeat center;
    background-size: cover;
    height: 427px;
}
.footer-2 {
    background-color: #272727;
    color: #a0a0a0;
    font-size: 14px;
    text-align: center;
    line-height: 55px;
}
.footer-title {
    color: #fff;
    font-size: 18px;
    line-height: 90px;
}

/*提交表单*/
.footer-form input {
    width: 100%;
    height: 45px;
    border: none;
    padding-left: 12px;
    background-color: rgba(255,255,255,0.5);
    font-size: 14px;
    margin-bottom: 10px;
}
.footer-form textarea {
    width: 100%;
    height: 84px;
    padding: 11px;
    border: none;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 8px;
}
.footer-form .submit {
    display: block;
    background-color: #c91d1d;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.footer-link a {
    margin-right: 30px;
    color: #fff;
    font-size: 14px;
}
.footer-address {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #5a5a5a;
    color: #bcbcbc;
    font-size: 14px;
    line-height: 25px;
    width: 450px;
}
.weChat-title {
    text-align: center;
}
.footer-weChat {
    text-align: center;
}
.footer-weChat img {
    width: 150px;
    display: inline-block;
}
.footer-weChat p {
    color: #fff;
    font-size: 14px;
    margin-top: .5rem;
}

/*产品列表页*/
.banner {
    background-size: contain;
    width: 100%;
    height: 500px;
    max-width: 1920px;
    margin: 0 auto;
}
.product-list-title {
    font-size: 18px;
    font-weight: 500;
}
.product-list-title a {
    color: #c91d1d;
}
.product-list-content {
    font-size: 12px;
    line-height: 24px;
}
.product-list-excerpt .col-2 {
    padding-right: 0;
}
.product-list-excerpt .col {
    padding-left: 0;
}
.product-list-info {
    position: relative;
}
.product-list-more {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 0;
    background-color: #c91d1d;
    color: #fff;
    width: 100px;
    text-align: center;
    height: 32px;
    line-height: 32px;
}
.product-list-more:hover {
    color: #fff;
}
.product-list-content-left li {
    margin-bottom: 30px;
}
.product-list-content-left b {
    font-weight: 500;
}


.mt30 {
    margin-top: 30px;
}


/*推荐师资*/
.teacher {
    margin-top: 40px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.teacher-item {
    background-color: #f6f6f6;
}
.teacher-item a {
    display: block;
    border-bottom: 1px solid #eee;
    background: url("site/images/right01.jpg") no-repeat right center;
    color: #5a5a5a;
    height: 56px;
    line-height: 56px;
    text-align: center;
}
.teacher-item a:hover {
    color: #c91d1d;
    background: url("site/images/right02.jpg") no-repeat right center;
}
.teacher-box-title {
    color: #333;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
}
.teacher-box-text {
    color: #7b7b7b;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}
.teacher-img {
    text-align: center;
}
.teacher-img img {
    width: 500px;
    height: 400px;
}
.teacher-swiper {
    width: 700px;
    margin: 30px auto;
}
.swiper-button-next, .swiper-button-prev {
    top: 30%;
}
.teacher-title {
    color: #333;
    font-size: 18px;
    text-align: center;
    background: url(site/images/shizi.jpg) no-repeat center bottom;
    height: 75px;
    line-height: 75px;
    margin-top: 10px;
}
.teacher-info {
    margin-top: 30px;
    color: #7b7b7b;
    font-size: 26px;
    line-height: 30px;
    text-align: justify;
}
.teacher-info span {
    color: #333;
}
.teacher-swiper .swiper-button-prev {
    background-image: url("site/images/right03.png");
}
.teacher-swiper .swiper-button-next {
    background-image: url("site/images/right04.png");
}
.product-rec {
    margin-bottom: 30px;
}

/*内训师资*/
.teacher2-list {
    margin: 30px 15px;
}
.teacher2-list li {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.teacher2-title {
    color: #333;
    font-size: 24px;
}
.teacher2-info {
    color: #7b7b7b;
    font-size: 14px;
    line-height: 24px;
}
.teacher2-course {
    margin-top: 10px;
    color: #7b7b7b;
    font-size: 14px;
    text-align: justify;
}
.teacher2-course span {
    font-size: 18px;
    font-weight: 700;
}
.teacher2-contact a {
    display: block;
    margin-top: 20px;
    background: #dd2f37 url(site/images/teacher2.png) no-repeat 15px;
    padding-left: 45px;
    width: 150px;
    height: 44px;
    font-size: 18px;
    color: #fff;
    line-height: 44px;
}


.about-box-title {
    border-bottom: 1px solid #eee;
    color: #5a5a5a;
    font-size: 18px;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
}
.about-box-content {
    margin-top: 30px;
    margin-bottom: 30px;
}


/*推荐产品*/
.hot-title {
    margin-bottom: 0;
    background: #eee url("site/images/hot.jpg") no-repeat 17px;
    padding-left: 60px;
    color: #333;
    font-size: 1rem;
    font-weight: normal;
    height: 43px;
    line-height: 43px;
    border: 1px solid #efefef;
}
.hot-list {
    border: 1px solid #efefef;
    border-top: none;
    padding: 0 25px 25px;
}
.hot-list li {
    border-bottom: 1px solid #efefef;
    margin-top: 25px;
}
.hot-list li:last-child {
    border-bottom: none;
}
.hot-list li p {
    color: #333;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
}

/*内容页 ch17*/
.main-ch17-title {
    padding-bottom: 2px;
    color: #333;
    font-size: 24px;
    border-bottom: 3px solid #dcdcdc;
}
.main-ch17-info {
    color: #7b7b7b;
    line-height: 36px;
}
#myTab17 {
    margin-top: 30px;
    border-bottom: 2px solid #c91d1d;
}
#myTab17 a {
    display: block;
    margin-right: 10px;
    border-radius: 0;
    color: #fff;
    background-color: #7b7b7b;
    font-size: 18px;
    width: 150px;
    text-align: center;
    height: 53px;
    line-height: 53px;
    transition: background-color .3s ease-in-out;
}
#myTab17 a.active.show {
    background-color: #c91d1d;
}
#myTab17 a:hover {
    background-color: #c91d1d;
}
.article-ch17 {
    padding-top: 30px;
}

/*内容页 新闻活动*/
.post-title {
    color: #383838;
    font-size: 22px;
    height: 29px;
    line-height: 29px;
}
.post-info {
    margin-top: 15px;
    color: #686868;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
}
.post-info span {
    margin-right: 10px;
}
.post-excerpt {
    margin-top: 40px;
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    background-color: #f3f3f3;
    padding: 25px 30px;
}
.post-content {
    margin-top: 30px;
}


/*列表页 分页代码*/
.list-page {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 40px;
}
.list-page li{float: left;padding: 8px 25px;background: #333;margin: 0 5px;border-radius: 20px;transition: background-color .3s ease-in-out;}
.list-page li:hover{background-color: #c91d1d;}
.list-page li .pageinfo{color:#fff;}
.list-page a {
    color: #fff !important;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	display: block;
	width:100%;height:100%;
}
.list-page li.thisclass,.list-page li.thisclass a{color:#fff;background-color:#c91d1d;}

/*内容页 分页代码*/
.list-post span {
    display: block;
    font-size: 12px;
    color: #373737;
    text-align: center;
    border: 1px solid #373737;
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    cursor: pointer;
}
.list-post a {
    color: #373737;
}
.list-post span:hover {
    color: #c91d1d;
}
.list-post span:hover a {
    color: #c91d1d;
}

/*面包屑导航*/
.mbx {
    margin-top: 40px;
    margin-bottom: 20px;
}
.mbx a {
    color: #333;
}

/*筛选框*/
.scv-shaixuan {
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 35px;
}
.scv-shaixuan:last-child {
    margin-bottom: 30px;
}
.scv-shaixuan a {
    color: #333;
}
.scv-shaixuan b {
    color: #333;
    font-weight: 500;
}
.scv-shaixuan span {
    background-color: #c91d1d;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
}
.scv-shaixuan a {
    padding: 5px 10px;
    background-color: #fff;
    transition: background-color .3s ease-in-out;
}
.scv-shaixuan a:hover {
    color: #fff;
    background-color: #c91d1d;
}

/*查漏补缺*/
/*因定位导致的高度错位 */
.tab-content,.product-list-content,.product-rec-list {
    min-height: 260px;
}
/*内容中插入的图片过大造成的溢出问题*/
.post-content img,.about-box-content img {
    max-width: 100% !important;
    height: 100% !important;
}
/*右侧浮动导航栏*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none; cursor: pointer;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;
    transition:all .5s;
}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sidebox:hover {
    width: 190px;
    background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);
}

/*20180413 overwrite*/
.container {
    width: 1200px;
    max-width: 1200px;
}
.product-list-content-left li .col-5 {
    overflow: hidden;
}
.product-list-content-left li img {
    min-height: 240px;
    transition: all .3s ease-in-out;
}
.product-list-content-left li:hover img {
    transform: scale(1.4);
}

.Wonderful case {
	font-size:18px;
	color:#333;
}