锘緻charset "utf-8";
/* CSS Document */
*{ /*font-family: "Microsoft Yahei", "寰蒋闆呴粦";*/box-sizing: border-box; padding: 0; margin: 0; }

.dis-flex{ display:flex; justify-content: space-between;}
h3.title1{ color:#393939; font-size: 42px;
    position: relative; }
	

h3.title1{ margin: 60px 0;}
h3.title1 b{ z-index: 2; position: relative;}
h3.title1 i{color: #fff; font-size: 60px;  text-shadow: #ccc 1px 0 0, #ccc 0 1px 0, #ccc -1px 0 0, #ccc 0 -1px 0; position: absolute; top:10px; left: 0;}
h4.tit1{font-size: 32px; color:#393939; position: relative; padding-bottom: 50px;}
h4.tit1:before{ position: absolute; width: 100%; background: #ec2800; height: 2px; content: ''; top:100%; left: 0;}
h4.tit2{font-size: 32px; color:#393939; position: relative; padding-bottom: 30px;}
h4.tit2:before{ position: absolute; width: 60px; background: #ec2800; height: 4px; content: ''; top:100%; left: 0;}
h4.tit3{font-size: 28px; color:#393939; position: relative; padding-left: 20px; margin-bottom:20px;}
h4.tit3:before{ position: absolute;background: #ec2800; width: 4px; height: 70%; content: ''; top:8px; left: 0;}
.about{clear: both;color:#393939; max-width: 1400px; margin: 80px auto 0; width: 96%; box-sizing: border-box;}
.about_con{ margin-left: 50px; width:50%;}
.about_con p{ font-size: 16px; padding: 20px 0; line-height: 28px; text-align: justify; }
.about_number{  max-width: 1400px; margin: 80px auto 0; width: 96%; box-sizing: border-box;}
.about_number>ul{ width: 100%; border:solid #ccc 1px;}
.about_number>ul>li{ font-size: 18px; padding: 40px; text-align: center; border-left:solid #ccc 1px;flex-grow:1; }
.about_number>ul>li:first-child{ border-left:none;}
.about_number>ul>li span{ display: block;font-size: 20px;}
.about_number>ul>li span>b{ font-size: 80px; color: #ec2800;}
.tab{ margin-top: 80px; width: 100%; background: url("../images/about_bg1.png") center center no-repeat; background-size: cover; padding: 80px 0;}
.tab ul.tab_card{max-width: 1400px; margin: 80px auto 0; width: 96%; box-sizing: border-box;}
.tab .tab_con{max-width: 1400px; margin: 0 auto; width: 96%; box-sizing: border-box;}
.tab .tab_con>div{ display: none; justify-items: center; }
.tab .tab_con>div .tab_txt{ margin-right: 80px; flex-direction: column; justify-content: center; display: flex; width: 50%;}
.tab .tab_con>div .tab_img img{ display: block; max-width: 100%; border-radius: 20px;}
.tab .tab_con>div .tab_txt p{font-size: 16px; line-height: 32px; color: #666; margin-top: 30px; text-align:justify;}
.tab ul.tab_card li{ line-height: 80px; background: #fff; width: 33%; font-size: 24px;  text-align: center;}
.tab ul.tab_card li.active{ background:#ec2800; position: relative;  color: #fff; cursor: pointer;}
.tab ul.tab_card li.active:before{ content: '';
    position: absolute; top:-8px; transform: rotate(45deg);
    width: 16px; height: 16px; left:49%; z-index: 1;background:#ec2800;}

/*progress*/
.progressBox .swiper-container {
    width: 100%;
    height:100%;
    max-width:1400px;
    padding:0 20px;
    box-sizing: border-box;
    margin-top: 60px;
    background:url("../images/line.png") left center repeat-x;
}
.progressBox .swiper-slide {
    text-align: center;
    font-size: 16px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;

}
.progressBox .swiper-slide:nth-child(odd){ position: relative;}


.progressBox .swiper-slide img{ display:block; width:100%; height: auto;}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}


.progressBox .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
}
.progressBox .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}

.progressBox .swiper-button-next,
.progressBox .swiper-button-prev {
    position:absolute;
    top:50%;
    width:38px;
    height:38px;
    margin-top:-18px;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background: #ccc;
    border-radius: 50%;
}
.progressBox .swiper-button-prev{ /*background:url(images/arrow_l.png);*/ background-size:cover;}
.progressBox .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.progressBox .swiper-button-next{/* background:url(images/arrow_r.png);*/background-size:cover;}
.progressBox .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.progressBox .swiper-button-next:hover,
.progressBox .swiper-button-prev:hover {
    background: #ec2800;

}
.progressBox    .swiper-slide i{ display:inline-block;  width:12px; height:12px; border: solid #ec2800 1px; border-radius:50%;  position:absolute; top:calc(50% - 7px); left: calc(50% - 6px); background: #fff;}
.progressBox    .swiper-slide i:before{ width: 1px; height: 30px; background: #ec2800; bottom:12px; content: ''; left:5.5px; position: absolute;}
.progressBox   .swiper-slide .box{ padding: 0 20px; }
.progressBox  .swiper-slide h4{ padding: 0; margin: 0; line-height: 32px; position: absolute; bottom:35%; left: calc(50% - 25px); color:#ec2800;}
.progressBox  .swiper-slide .box p{ padding: 0; margin: 0;  line-height: 24px; position: absolute; top:0; left: 0;}
.progressBox  .swiper-slide:nth-child(even) h4{ top:35%;}
.progressBox    .swiper-slide:nth-child(even) i:before{  top:12px;  bottom:auto;}
.progressBox  .swiper-slide:nth-child(even) .box p{ padding-top: 200px;}
.progressBox{ float: left; width: 100%; height: 300px; margin-bottom: 120px; }

/*contact*/
.contact{max-width: 1400px; margin: 0 auto; width: 96%; box-sizing: border-box;}
.contact>ul{ flex-wrap: wrap;}
.contact>ul>li{width: 46%;}
.contact>ul>li>ul{ width: 100%; border-top: solid #eee 2px; padding: 30px 0;}
.contact>ul>li>ul>li{ font-size: 16px; display: flex; justify-content: flex-start; align-items: center; line-height: 40px;}
.contact>ul>li>ul>li>img{ margin-right: 20px;}
.contact>ul>li:last-child{width: 100%;}
.contact>ul>li:last-child>ul{ justify-content: space-around;}
.map{ margin-top: 30px; width: 100%;}
.map>img{max-width:100%;}


/*invest*/
.invest{max-width: 1400px; margin: 80px auto; width: 96%; box-sizing: border-box;}
.invest>ul{ display: flex; justify-content: center;flex-direction: column;}
.invest>ul>li>ul{ width: 100%; border-top: solid #eee 2px; padding: 30px 0;}
.invest>ul>li>ul>li{ font-size: 16px; display: flex; justify-content: flex-start; align-items: center; line-height: 40px;}
.invest>ul>li>ul>li>img{ margin-right: 20px;}

/*culture*/
.culture{ width:100%; background:url("../images/culture_bg.png") center  center no-repeat; background-size: cover; clear: both; float: left; }
.culture>ul{ flex-wrap:wrap;max-width: 1400px; margin: 80px auto; width: 96%; }
.culture>ul>li{ width: 30%; background: #fff; display: flex; flex-direction: column; justify-content: flex-start;  align-items: center; padding: 60px; box-shadow: 1px 1px 30px #eee; margin: 20px auto; border-radius: 10px;}
.culture>ul>li>div{ border: solid #dadada 2px; border-radius: 50%; width: 86px; height: 86px; padding: 20px; display: flex;align-items: center;}
.culture>ul>li>div>img{ display: block; margin: 0 auto;}
.culture>ul>li>div>img:nth-child(2){ display: none;}
.culture>ul>li h3{ font-size: 24px; line-height: 40px; position: relative; padding: 20px 0;}
.culture>ul>li h3:before{ position: absolute; width: 40px; background: #ec2800; height: 4px; content: ''; top:100%; left:calc( 50% - 20px );}
.culture>ul>li p{ font-size: 18px; line-height: 28px; text-align: center; margin-top:20px;}
.culture>ul>li:hover{box-shadow: 1px 1px 40px #fbc5c5;}
.culture>ul>li:hover h3{color: #ec2800;}
.culture>ul>li:hover>div{  background:#ec2800;border: none; }
.culture>ul>li:hover>div>img{ display: none;}
.culture>ul>li:hover>div>img:nth-child(2){ display: block;}

/*honor*/
.honor_tab{ width: 100%;}
.honor_tab>ul{  justify-content: center;}
.honor_tab>ul>li{ width: 140px; height: 50px; border-radius: 25px; background: #eee; text-align: center; line-height: 50px; margin: 80px 40px; font-size: 18px;}
.honor_tab>ul>li.active{ background:#ec2800; color: #fff;}
.honor_bg{ width: 100%; background: url("../images/honor_bg.png") center center no-repeat; background-size: cover; padding: 10px 0;}
.honor{max-width: 1400px; margin: 80px auto; width: 96%;  display: none; }
.swiper3 h4,.swiper4 h4{ width: 100%; text-align: center;  font-size: 32px; padding-bottom: 30px;}

.swiper3 .swiper-wrapper,.swiper4 .swiper-wrapper {
    align-items: flex-end;
    padding-bottom: 30px;

}
.swiper3 dl,.swiper4 dl { transform: scale(0.8); transition: all 0.6s linear; }
.swiper3 dl.swiper-slide-active,.swiper4 dl.swiper-slide-active {  transform: scale(1.1);  z-index: 9999; align-self: flex-end; padding-bottom: -20px}
.swiper3 dl.swiper-slide-active dd,.swiper4 dl.swiper-slide-active dd{ display: block; text-align: center; line-height: 30px; font-size: 16px; text-align: center;  margin: 0; padding: 0; position: relative; bottom: -20px;  left: 0; width: 100%; text-align: center;}
.swiper3 dl.swiper-slide-duplicate,.swiper4 dl.swiper-slide-duplicate{align-self: flex-end;}
.swiper3 dl.swiper-slide,.swiper4 dl.swiper-slide{align-self: flex-end;}
.swiper3 dt,.swiper4 dt{ padding: 10px; align-self: flex-end; background: #fff;}
.swiper3 dt img,.swiper4 dt img{ width: 100%; height: auto;}
.swiper3 dd,.swiper4 dd { display: none; overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.honor .swiper-button-next,
.honor .swiper-button-prev {
    position:absolute;
    top:25px;
    width:38px;
    height:38px;
    margin-top:-18px;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background: #ccc;
    border-radius: 50%;
}
.honor .swiper-button-prev::after,.honor .swiper-button-next::after {
    content: '';
}
.honor .swiper-button-next {
    right: 40%;
    left: auto;
}
.honor .swiper-button-prev{
    left: 40%;
    right: auto;

}
.honor .swiper-button-prev:hover{background:#ec2800; }
.honor .swiper-button-next:hover{background:#ec2800;}


/*college*/
.college{clear: both;color:#393939; max-width: 1400px; margin: 80px auto; width: 96%; box-sizing: border-box;}
.college_sw{  float:left;width: 545px; margin-right: 50px; background: url("../images/rec_bg.png") left top no-repeat; padding: 20px 0 0 20px; position: relative; margin-bottom:80px;}
.college_sw .swiper-container {
    width: 100%;
    height:auto;
    max-width:1400px;
}
.college_sw .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.college_sw .swiper-slide img{ display:block; width:100%; height: auto; border-radius: 10px;}
.college_sw .swiper-slide h6{ position:absolute;  bottom:80px; left:0; width:90%; color:#fff; font-size:16px;}
.college_sw .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.college_sw .swiper-pagination{ left: 30px ;bottom: 40px;}
.college_sw .swiper-pagination-bullet{ background:#ec2800;opacity:.4; margin: 0 10px;}
.college_sw .swiper-pagination-bullet-active{ background:#ec2800;opacity:1; width: 30px; border-radius: 6px;}

.college_sw .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 40px;
    right: auto;
}
.college_sw .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right:35px;
    left: auto;
}

.college_sw .swiper-button-next,
.college_sw .swiper-button-prev {
    position:absolute;
    top:40%;
    width:22px;
    height:36px;
    margin-top:-18px;
    z-index:9999;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.college_sw .swiper-button-prev{ background:none; }
.college_sw .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}

.swiper-num {position: absolute;width: 90px;left:10%;bottom: 20px;z-index: 2; color: #fff; text-align: center;}
.swiper-num .active {display: block;font-size: 32px;}
.swiper-num span { display: block; width: 100%;}
.swiper-num .total { font-size: 16px; padding: 10px;}

.college_sw .swiper-button-next{ background:none;top:20%;}
.college_sw .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.college_con{ float:right; width: 50%; margin-top: 30px;}
.college_con p{ font-size: 16px; padding: 20px 0; line-height: 28px;}
.college_sw .nav_page{ position: absolute; bottom:0; right: -50px;background:#ec2800; width: 100px; height: 300px; border-radius: 10px; z-index: 3; }
.job_list{ width: 100%;}
.join>h3{ font-size: 36px; line-height: 60px; text-align: center;}
.job_list h4.tit3{ border-bottom: solid #eee 2px; padding-bottom: 30px; margin-top: 20px;}
.job_list h4.tit3:before{ height: 30px;}
.job_list h4 span.time{ font-size: 14px; font-weight: normal; color: #888; margin-right: 100px; display: flex; align-items: center;}
.job_list h4 span.time img{ margin-right: 10px;}
.job_detail{ background:#fafafa; padding: 40px; display: none; }
.job_detail h6{ font-size: 24px; line-height:48px; padding: 20px 0;}
.job_detail p{ line-height: 32px; font-size: 16px; color: #666;}
.job_detail p.bluefont{ color:#1c5fc0; }
.job_list h4 img.arr{ position: absolute; right: 0; bottom: 42px;}

/*news*/
.news,.news_detail,.join{clear: both;color:#393939; max-width: 1400px; margin: 80px auto; width: 96%; box-sizing: border-box;}
.news>h3{ font-size: 30px; line-height: 40px; position: relative; padding-bottom: 20px; text-align: center;}
.news>h3:before{ position: absolute; width: 40px; background: #ec2800; height: 4px; content: ''; top:100%; left:calc( 50% - 20px );}
.news>dl{ width: 100%; margin-top: 30px; box-shadow: 2px 2px 20px #ddd;}
.news>dl>dt{ width: 50%;}
.news>dl>dt img{ max-width: 100%}
.news>dl>dd{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 40px; width: 50%;}
.news>dl>dd h4{font-size: 28px; margin: 0; padding: 0; line-height: 60px;}
.news>dl>dd p{ font-size: 16px; line-height: 32px;}
.news>dl>dd span.time{ display: block; padding: 40px 0 0 0; color: #888}
.news>dl:hover h4{color:#ec2800; position: relative;}
.news>dl:hover h4:before{width: 60px; height: 4px; background:#ec2800; content: '';position: absolute; left: -70px; top:calc( 50% - 2px) }
.news_detail{ max-width: 1024px;}
.news_detail h1{ font-size: 32px; text-align: center;}
.news_detail h6{ display: flex; justify-content: center; border-bottom: solid #eee 1px; padding: 30px 0; color:#888;font-size:14px; align-items:center;}
.news_detail h6>span{ padding: 0 10px;}
.news_detail>.content p{ line-height: 32px; font-size: 16px; color: #666; padding: 10px 0;}
.news_detail>.content p.img{ text-indent:0; text-align: center;}
.news_detail>.content p.img img{ margin: 0 auto; display: block;max-width: 100%;}
.page_related{ width: 100%; margin: 30px 0; padding: 30px 0;font-size: 16px; line-height: 32px;}
.page_related>a{ color: #454545; display: block; }
.page_related>span{ color: #888; display: block;}

.news1>h3{ font-size:24px;padding: 30px 0;}
.news1>h3>a{ font-size: 18px; color: #666; font-weight: normal;}
.news1>dl{ width: 100%; margin-top: 30px; border: solid #eee 1px;}
.news1>dl>dt{ width:50%;}
.news1>dl>dt>img{ max-width: 100%;}
.news1>dl>dd{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 40px;}
.news1>dl>dd h4{font-size: 24px; margin: 0; padding: 0; line-height: 40px;}
.news1>dl>dd span.time{  display: flex; justify-content: flex-start; align-items: center; padding: 40px 0 0 0; color: #888}
.news1>dl>dd span.time img{ margin-right:10px;}
.news1>dl:hover{ background:#fafafa; }

.paginate{ width: 100%; clear: both; margin-top: 100px; text-align: center;}
.paginate>a{ display: inline-block; width: 45px; height: 45px; line-height: 45px;margin: 0 20px; text-align: center; color: #999; font-size: 18px;}
.paginate>a.page_curr{ background: #d73e16; border-radius: 50%; color: #fff;}
.paginate>a.page_curr:hover{ color: #fff; font-weight: normal;}
.paginate>a.page_prev,.paginate>a.page_next{ width: 10px; height: 17px; padding: 14px 0;}
.paginate>a.page_prev img:nth-child(1),.paginate>a.page_next img:nth-child(1){ display: block;}
.paginate>a.page_prev img:nth-child(2),.paginate>a.page_next img:nth-child(2){ display: none;}
.paginate>a.page_prev:hover img:nth-child(1),.paginate>a.page_next:hover img:nth-child(1){ display: none;}
.paginate>a.page_prev:hover img:nth-child(2),.paginate>a.page_next:hover img:nth-child(2){ display: block;}
.paginate>a:hover{ color:#d73e16; font-weight: bold;}