@charset "utf-8";

/* CSS Document */

@font-face {
	font-family: 'pingfangziti';
	src: url(./fonts/pingfangxijian.ttf);
}

/*@font-face {*/
/*	font-family: 'pingfang';*/
/*	src: url(./fonts/pingfangzhongcu.ttf);*/
/*}*/

body {
    /* font: 12px/22px,微软雅黑;  */
    font-family: 'pingfangziti', Courier, sans-serif;
    background-color: #f5f5f5; background-image: url(../images/training_solutions.ba66630b.png); background-size: 100% 100%; background-repeat: no-repeat;} 

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,figure,mark,p{padding:0;margin:0;}

mark { background:none; font-weight:normal;}

li, ol, ul, p, dt, dl, dd,th,td,tr,table { list-style-type:none;}

img {vertical-align:top;border:0;}

a {cursor:pointer;text-decoration:none; color:#333;}

a:hover{ color:#e60021;}

.clear {display:block;height:0px;clear:both;visibility:hidden;overflow:hidden;content:".";}

nav {height:90px;position:relative; font-size:15px;background: #ffff;}

.mainBox {max-width: 1425px;width:100%;margin: 0 auto;font-size:15px;padding-top: 17px;}



nav div.nav1 {max-width:225px; 
    /* width:18.5%; */
     height:54px; float:left; display:inline-block; margin-top: -16px;
    margin-left: 35px;}

nav div.nav2 {/* max-width:850px; *//* width:70%; */float: right;height:60px;display:inline-block;text-align:right;
    margin-top: 25px;
}

nav div.nav2 ul {

    display: flex;

}

nav ul li{  vertical-align:middle;}

 

nav ul li.n1 { max-width:92px; width:11%; min-width:25px;height:90px;}

nav ul li.n2 {max-width: 122px;/* width:14%; */min-width: 159px;height:60px;border-left: 1px solid #fff;  }
/* @media screen and (max-width: 768px) { */
    /* 在这里写移动端样式 */
    /* nav ul li.n2{
        margin-top: 0px;
    } */
/* } */

.n2 .active{

    background-color: #e60021;

    color: #fff;

}

.n2:hover .menu{

display: block;

}



nav ul li.n3 { max-width:120px; width:14%; min-width:120px;height:90px;}



nav ul li:hover a{color:#FFF; background-color: #e60021; text-decoration:none;}





nav ul li a{position:relative;z-index:2;display:block;width:100%;height:100%;line-height:60px;text-align:center; font-size: 16px;}

nav ul li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; }

nav ul li a span.bkg {z-index:1;}

nav ul li .bkg { top:100%;background-color:#e60021; -webkit-transition:top 200ms; transition:top 200ms;}

nav li a.on .bkg,nav ul li a:hover .bkg {top:0;}

nav li a.on {color:#fff; }



/* 样式 */

.news_box {



display: flex;



padding-top: 15px;

}



.left_box{



/* width: 801px; */
background: #fff;
    padding: 13px;
}

.left_image{
    transition: all 0.4s;


display: block;



width: 100%;
height: 100%;
}
.left_image:hover {
    
    transform: scale(1.1);
}

.right_box{



flex: 1;

overflow: hidden;

background: #ffffff;



margin-left: 13px;

}



.title_box {



border-bottom: 1px solid #e6e6e6;



position: relative;



padding: 10px 0 0;



margin-left: 15px;

}

.title_box_row {

    font-size: 17px;

    font-weight: normal;

    color: #e60021;

    display: inline-block;

    border-bottom: 3px solid #e60021;

    padding-bottom: 5px;

}

.title_box_more {

    position: absolute;

    right: 15px;

    top: 10px;

    font-size: 13px;

}



.news_ul_box{



padding: 15px 23px 0;

}

.news_li_box{



padding-bottom: 17px;
overflow: hidden;      /* 隐藏溢出内容 */
white-space: nowrap;   /* 强制文本不换行 */
text-overflow: ellipsis; /* 文本溢出时显示省略号 */
}



.peixun_box {



display: flex;



background: #ffffff;



 

}



.peixun_left_box{

    

overflow: hidden;

    

padding: 21px;

    

box-sizing: border-box;

}

.peixun_left_img{

    

display: block;

    

width: 100%;
height: 100%;

}

.peixun_right_box{

    

flex: 1;

    

padding-top: 29px;

}

.peixun_ul{

    

padding-left: 35px;

    

padding-right: 30px;

}

.peixun_li{

    

list-style: disc;

    

padding-bottom: 28px;

}

.peixun_li a {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 22px;

    font-size: 17px;

}

.peixun_left_img_box {

    

width: 595px;

    

height: 393px;

    

overflow: hidden;

    

position: relative;

}

.peixun_left_title {



position: absolute;



bottom: 0;



font-weight: normal;



background: rgba(0,0,0,0.5);



width: 100%;



height: 45px;



color: #fff;



font-size: 17px;



line-height: 45px;



box-sizing: border-box;



padding-left: 12px;

}

.flex_box {display: flex;padding-top: 15px;flex-wrap: wrap;flex: 1;}



.peixun_row{

    background: #ffff;

    margin-top: 15px;

}

.flex_item{
    border-radius: 6px;
    width: 330px;

    margin-left: 21px;

    position: relative;

    margin-bottom: 20px;

    overflow: hidden;

    cursor: pointer;

}

.flex_item:hover .peixun_row_img{

    transform: scale(1.2);

}



.peixun_row_img{

    transition: all 0.4s;

    display: block;

    width: 100%;

}

.peixun_row_title{

    font-weight: normal;

    font-size: 15px;

    text-align: center;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0,0,0,0.6);

    color: #fff;

    box-sizing: border-box;

    padding: 9px;

}

.footerBox {



background: #fff;



padding-bottom: 30px;



padding-left: 44px;



box-sizing: border-box;



padding-top: 28px;



display: flex;



border-top: 1px solid #f4f4f5;



justify-content: space-between;



padding-right: 75px;

}

.footer_left_box {



width: 600px;

}

.footer_left_row01 {

    background: url(../images/tel.png) no-repeat;

    background-size: 78px;

    height: 75px;

    padding-left: 80px;

    font-size: 21px;

    padding-top: 3px;

    color: #e60021;

}

.footer_left_row01 .tel {

    

font-weight: normal;

    

margin-top: 9px;

    

font-size: 42px;

    

line-height: 1.1;

}

.footer_left_row02 {

    font-size: 14px;

    color: #595959;

    margin-top: 19px;

}



.footer_right_box {

    /* margin-left: 250px; */

}

.footer_right_row01 {

    background: url(../images/02.png) no-repeat;

    background-size: 49px;

    height: 50px;

    padding-left: 58px;

    font-size: 18px;

    padding-top: 9px;

}

.copyright {

    height: 45px;

    line-height: 45px;

    /* border-top: 1px solid #cfcfcf; */

    text-align: center;

    color: #747474;

    padding-top: 0;

    background: #fff;

    font-size: 13px;

}





.mateBox{

    display: flex;

}

.mateItem{

    width: 215px;

    margin-left: 26px;

    height: 215px;

    background: #d81e06;

    color: #fff;

    border-radius: 3px;

    cursor: pointer;

    transition: all 0.2s;

}

.mateItem:hover{

    background: #a11705;

}

.mateItem:nth-child(1) {

    margin-left: 0px;

    /* background: #7b5e62; */

}

.mate_img{display: block;width: 80px;margin: 28px auto 5px;height: 80px;}

.mate_title {

    font-size: 20px;

    text-align: center;

}

.header_nav {

    background-color: #fff;

}

.menu {



/* background: red; */

margin: 0;

padding: 0;



display: none;

}

.menu .menu_item{

    transition: all 0.3s;

    line-height: 45px;

    background:#707070;

    color: #fff;

    border-top: 2px solid #fff;

}

.menu_item:hover {

    background: #6e0101;

}

.banner {overflow: hidden;position: relative;max-width: 1920px;margin: 0 auto;}

.ind {overflow: hidden;position: absolute;bottom: 35px;left: 50%;margin-left: -33px;}

.ind ul li {float: left;width: 17px;height: 17px;background: rgba(251, 251, 251, 0.5);border-radius:50%;/* background-color: #851F20; */margin-left: 12px;cursor: pointer;text-indent: 9999px;border: 2px solid #cfcfcf;}

.ind ul li.on{background: #851F20;}

.prev { position: absolute; cursor: pointer;} 

.next { position: absolute; cursor: pointer;}

.banner .prev{top: 38%;left: 3%;}

.banner .next{top: 38%;right: 3%;}

.slides { width: 100%;}

.slides li{ width: 100%;}

.flexslider { width: 100%;}



.inbanner_boxs{

    height: 100%;

    width: 810px;

    overflow: hidden;

    position: relative;

}

.neixun_header {

    background:url(../images/trainPlat_bg.png) no-repeat;

    background-size: cover;

    height: 235px;

}

.neixun_header_con{

    color: #fff;

    line-height: 36px;

    font-weight: normal;

    font-size: 16px;

    /* width: 1140px; */
    background: rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding: 18px;
    border-radius: 4px;
    margin-right: 184px;
}

.neixun_header_title {

    

font-size: 32px;

    

font-weight: 500;

    

color: #fff;

    

line-height: 1.1;

    

padding-top: 58px;

}

.card_box{

    display: flex;

}

.card_item:hover{

    box-shadow: 4px 5px 5px #cfcfcf;

}

.card_item{

    cursor: pointer;

    transition: all .3s;

    background: #fff;

    width: 194px;

    padding: 15px;

    border-radius: 7px;

    margin-left: 15px;

}

.card_item:nth-child(1) {

    margin-left: 0;

}

.card_item_icon{

    background-color: #d81e06;

    border-radius: 50%;

    display: block;

    width: 73px;

    margin: 0 auto;

    height: 73px;

    background-size: 45px;

    background-repeat: no-repeat;

    background-position: center;
    text-align: center;
    font-size: 39px;
    font-weight: bold;
    color: #fff;
    line-height: 71px;
}

.card_item_title{

    font-size: 16px;

    text-align: center;

    line-height: 1.1;

    padding: 17px 0;
    color: #d81e06;

}

.card_item_detail{

    font-size: 13px;

    text-align: center;

    color: #515151;

}

.pageTurner {



display: flex;



justify-content: center;



align-items: center;



/* padding-right: 20px; */



padding-bottom: 50px;



padding-top: 31px;

}

.pageTurner__pre{

    border: 1px solid #d4d4d4;

    height: 40px;

    align-items: center;

    display: flex;

    width: 72px;

    justify-content: center;

    border-radius: 4px;

    cursor: pointer;

}

.pageTurner_item{

    display: flex;

}

.pageTurner__next{

    border: 1px solid #d4d4d4;

    height: 40px;

    align-items: center;

    display: flex;

    width: 72px;

    justify-content: center;

    border-radius: 4px;

    margin-left: 12px;

    cursor: pointer;

}

.pageTurner_item .tpage{



cursor: pointer;



display: block;



width: 40px;



height: 40px;



border: 1px solid #d4d4d4;



text-align: center;



line-height: 41px;



margin-left: 12px;



cursor: pointer;

}



.pageTurner_item .tpage.on{

    background-color: #d81e06;

    color: #fff;

}



.neixun_introduce{

    padding: 0 16px;

}

.neixun_introduce_row{

    display: flex;

    padding-bottom: 95px;

}

.neixun_introduce_row_left{

    /* flex: 1; */

    padding-top: 18px;

    padding-right: 20px;

    width: 786px;

}

.neixun_introduce_row_litem{

    padding-bottom: 22px;

    /* padding-left: 43px; */

    position: relative;

    font-size: 16px;

    margin-top: 10px;

}

.neixun_introduce_row_right{

    flex: 1;

    padding-left: 8px;

    padding-top: 16px;

}

.neixun_introduce_row_img{

    width: 100%;

    display: block;

    border-radius: 3px;

    height: 100%;
    box-shadow: 4px 4px 7px #7e7e7e;
}



.row_litem_title {

    font-weight: normal;

    color: #d81e06;

    padding-bottom: 9px;
    font-size: 23px;
    margin-left: 65px;

}

.row_litem_p {

    font-size: 14px;

    margin-left: 66px;

    color: #494949;
    line-height: 27px;
}

.neixun_introduce_row_index {

    position: absolute;

    width: 45px;

    height: 45px;

    background: #d81e06;

    text-align: center;

    line-height: 45px;

    color: #fff;

    font-size: 21px;

    border-radius: 4px;

}

.row_change .neixun_introduce_row_left{



padding-left: 16px;

}

.cibanl_box {

    display: flex;

}

.cibal_menu {

    width: 248px;

    padding-top: 10px;

    flex: none;

}

.cibal_item {

    line-height: 46px;

    padding-left: 22px;

    color: #484848;

    font-size: 16px;

    cursor: pointer;

}

.cibanl_box .flex_item {

border-radius: 6px;

width: 347px;



margin-left: 34px;

}

.cibal_item.on, .cibal_item:hover{ 

    transition: all 0.2s;

    color: #d41111;

    background: #f0f0f0;

    box-shadow: 3px 3px 4px #d7d7d7;

}

.cibal_item.on a {

     color: #d41111;

}

.page_title_box h2{



font-size: 35px;



line-height: 1.1;



font-weight: normal;



padding: 21px 0;

}

.cibal_item a {

    display: block;

}



.cibanl_row_box {

    flex: 1;

    display: flex;

    /* width: 707px; */

    flex-wrap: wrap;

}

.newsArrayBox{

    width: 559px;

    margin-left: 19px;

    display: flex;

    margin-bottom: 18px;

}

.newsArrayBox_titles{

    font-weight: normal;

    font-size: 19px;

    line-height: 1.1;

}

.newsArrayBox_p{

    font-size: 14px;

    padding-top: 8px;

    color: #414141;

}

.newsArrayBox_img{

    display: block;

    transition: all .3s;

}



.newsArrayBox_left {

    padding-right: 10px;

}

.newsArrayBox_right {
    border-radius: 6px;
    overflow: hidden;

}

.newsArrayBox_img:hover {

    transform: scale(1.2);

}

.newsArrayBox_time {

    font-size: 12px;

    text-align: right;

    color: #515151;

}

.row_box {



flex: 1;



padding: 0px 30px 16px;

}



.row_box_item{

    padding-top: 32px;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 10px;

}

.row_box_title{

    font-weight: normal;

    line-height: 1.1;

    font-size: 18px;

}

.row_box_con{

    font-size: 13px;

    color: #9b9b9b;

    padding-top: 9px;

    text-align: right;

}

.row_box_con_tag {

    

margin-left: 25px;

}



.about_box {

    display: flex;

    background: #fff;

    margin-top: 20px;

}

.about_box_left{

    flex: 1;

    box-sizing: border-box;

    padding-right: 29px;

    padding-left: 29px;

}

.about_box__header{

    display: block;

    margin-top: 56px;

}

.about_box__title{

    font-size: 18px;
 

    margin-top: 26px;

    color: #e60021;

    margin-bottom: 12px;

    border-bottom: none;

    font-weight: normal;

    line-height: 1.1;

}

.about_box_content{
    color: #666463;
    line-height: 35px;
    font-size: 15px;
    margin-bottom:50px;
    /* font-weight: 600; */
    min-height: 616px;
    margin: auto 75px;
}

.about_box_right{

    width: 353px;

    padding: 22px;

}

.about_box_right_img {

    display: block;

    margin-bottom: 20px;

}

.card_title_center {

    

text-align: center;

    

font-size: 35px;

    

line-height: 1.1;

    

color: #d81e06;

    

padding: 20px;

    

border-bottom: 1px solid  #cfcfcf;

}

.about_box_title{
   text-align:center;
}

.about_box_h2 {
    font-size: 40px;
    color: #333;
    font-weight: 400;
    line-height: 1.8em;
    padding: 20px 0;
}

.about_box_small {
    font-size: 20px;
    font-weight: normal;
    color: #737373;
    padding-bottom: 9px;
}
.peixun_left_item {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
    /* 分页容器样式 */
/* 分页容器 */  
.pagination {  
    display: flex;  
    justify-content: center;  
    list-style: none;  
    padding: 0;  
}  
  
.pagination li {  
    margin-left: 12px;
}  
.pagination li.active { 
    background-color: #d81e06;
    color: #fff;
}  
.pagination li.active span {
    color: #fff;
}

.pagination li:last-child {
    /* width: 72px; */
}

.pagination a, .pagination span {  
    display: block;  
    /* padding: 5px 12px;   */
    border: 1px solid #ddd;  
    color: #333;  
    text-decoration: none;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}  
  
.pagination a:hover {  
    background-color: #f5f5f5;  
}  
  
.pagination .active a {  
    background-color: #007bff;  
    color: white;  
    border-color: #007bff;  
}  
  
.pagination .disabled span {  
    color: #999;  
    cursor: not-allowed;  
}  
  
/* 响应式调整 */  
@media (max-width: 768px) {  
    .pagination li {  
        margin: 0 2px;  
    }  
    .pagination a, .pagination span {  
        padding: 3px 8px;  
    }  
}
.peixun_wray {
    background-color: #fff;
    padding-top: 15px;
}
.title1,.title2,.title3{
    line-height: 1.1;
    font-weight: normal;
    text-align: center;
}
.title1{
    font-weight: bold;
    font-size: 36px;
    margin-top: 50px;
}
.title2 {
    color: rgb(51, 51, 51);
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 0;
    position: relative;
}
.title_block {
    display: block;
    width: 50px;
    height: 4px;
    background-color:#e60021;
    margin-top: 5px;
    border-radius: 2px;
    margin: 0 auto;
}
.title3 {
    font-size: 37px;
    color: rgb(102, 100, 99);
    font-weight: normal;
    font-family: pingfang;
    text-align: center;
    margin-top: 22px;
}
.main_logo{
    display: block;
    width: 110px;
}

/* tanciang 弹窗 */
.fixedBox {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}
.dialog_box {
    border-radius: 4px;
    width: 400px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 200px;
    padding: 20px;
}

.form-group .label {
    color: #4E4E4E;
    font-size: 16px;
    font-weight: 300;
    vertical-align: top;
}

.form-group .form-control {
    padding: 7px 12px;
    box-shadow: none;
    /* display: block; */
    border: 1px solid #C52D2F;
    border-radius: 4px;
    width: 345px;
    box-sizing: border-box;
    resize: none;
}
.form-group {
    margin-bottom: 15px;
}
.form-footer {
    text-align: right;
}
.btn-primary {
    padding: 8px 20px;
    background: #c52d2f;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
.dialog_title {
    position: relative;
    font-size: 22px;
    margin-bottom: 20px;
}
.dialog_close {
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat;
    background-size: 100% 100%;
}
.form-radio {
    display: inline-block;
}
.form-radio input {
    vertical-align: sub;
}
.form-radio label { 
    cursor: pointer;
}
 
.test-button {
  background: #FF4747; /* 醒目的红色 */
  color: white;
  border: none;
  border-radius: 20px; /* 圆角效果 */
  padding: 8px 20px; /* 按钮内边距 */
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease; /* 动画过渡效果 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 轻微阴影 */
  outline: none; /* 移除默认轮廓线 */
}
 
/* 悬停效果 */
.test-button:hover {
  background: #E63939; /* 深红色 */
  transform: translateY(-2px); /* 轻微上浮效果 */
  box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* 阴影加深 */
}
 
/* 点击效果 */
.test-button:active {
  transform: translateY(1px); /* 点击时下压效果 */
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


.group_list_box{
    display: flex;
    padding-top: 0px;
    justify-content: space-between;
}
.group_list_left{
    /* flex: 1;
    margin-right: 14px; */
    width: 49.5%;
}
.group_list_right {
    /* flex: 1; */
    width: 49.5%;
}
.group_list_item{
    display: flex;
    margin-top: 17px;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    min-height: 159px;
}
.group_list_item_img{
    background: #d81e06;
    color: #fff;
    width: 163px;
}
.mate_img{
    
}
.mate_title{
    
}
.group_list_item_text{
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}
.group_list_item_text_list{
    font-size: 16px;
    padding-top: 5px;
}
.group_list_item_header {font-size: 20px;color: #000000;}
.group_list_item_more {
    float: right;
    font-size: 17px;
}
.group_list_item_text_list p{
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;   /* 强制文本不换行 */
    text-overflow: ellipsis; /* 文本溢出时显示省略号 */
}