/* 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: -12px 0 50px;}
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: 3px;}
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: 1440px; margin: 80px auto 0; width: 96%; box-sizing: border-box;}
.about_con{ margin-left: 50px; width:50%;}
.about_con p{ font-size: 16px; padding:15px 0 5px; line-height: 27px; text-align: justify; }
.about_number{  max-width: 1440px; 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("../image/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: 1440px; 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;}

.history{width:100%;}
.history .history_list{width:96%;max-width: 1440px;margin:0 auto;}
.history .history_list dl{overflow: hidden;height:270px;clear: both;padding:35px 0;background: url("../image/history_line.jpg") no-repeat center top;}
.history .history_list dt{width:45%;float:left;height:200px;overflow: hidden;}
.history .history_list dt img{width:100%;}
.history .history_list dd{width:45%;float:right;}
.history .history_list dd h3{font-size:26px;margin-top:28px;}
.history .history_list dd p{font-size:14px;line-height:24px;}
.history .history_list dl:nth-child(2n) dt{float:right;}
.history .history_list dl:nth-child(2n) dd{float:left;text-align: right;}

/*contact*/
.contact{max-width: 1440px; 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 input{width:100%;border:solid 1px #ccc;height: 45px;margin-bottom:17px;text-indent:17px;}
.contact>ul li textarea{width:100%;border:solid 1px #ccc;height:80px;margin-bottom:17px;text-indent:17px;}
.contact>ul li .btn_tj{background:#ec2800;color:#fff;font-size:16px;}
.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:1440px;margin:0 auto;background: url("../picture/about-2.jpg") no-repeat right center;clear: both;}*/
.culture{ width:1440px;margin:0 auto;background:none;clear: both;}
.abo_culture{padding:70px 0 100px;overflow: hidden;}
.abo_culture .up h3{font-weight:normal;font-size: 48px;color: #333;line-height: 1.3;}
.abo_culture .up p{padding-top: 50px;font-size: 16px;line-height: 27px;}
.abo_culture .up p span{color:rgb(229,25,34);}
.abo_culture .down{padding:140px 0 150px;width:800px;}
.abo_culture .down dl{width:370px;float: left;position: relative;margin-right:30px;margin-bottom:30px}
.abo_culture .down dl:last-of-type{margin-right:0;}
.abo_culture .down dl dt{width:75px;display:inline-block;font-size:34px;line-height:38px;color: #333;margin-left:0px;margin-right:10px;}
.abo_culture .down dl .xian{display:block;position:absolute;left:-20px;top: 13px;width: 1px;height: 26px;background: #cccccc;}
.abo_culture .down dl dd{width:240px;display:inline-block;}

.culture dl{width:30.2%;margin:20px 20px 20px;float:left;background:#efefef;border:solid 1px #eee;padding:50px 0;height: 350px;text-align: center;border-radius:10px;overflow: hidden;}
.culture dl dt{width:86px;height:86px;border:solid 2px #8e8c8d;margin:0 auto;overflow: hidden;padding:20px;border-radius:43px;}
.culture dl dt .img1{display:inline-block;}
.culture dl dt .img2{display:none;}
.culture dl dd h3{font-size: 24px;line-height: 36px;padding: 20px 0;}
.culture dl dd h4{width: 40px;background: #ec2800;height: 4px;margin:0 auto;}
.culture dl dd p{font-size: 18px;line-height: 28px;text-align: center;margin-top:20px;}
.culture dl:hover{box-shadow: 1px 1px 40px #fbc5c5;background:#fff;border-color:#fffeee;}
.culture dl:hover dt{background: #ec2800;border: none;}
.culture dl:hover dt .img1{display:none;}
.culture dl:hover dt .img2{display:inline-block;}
.culture dl:hover dd h3{color:#ec2800;}


/*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("../image/honor_bg.png") center center no-repeat; background-size: cover; padding: 10px 0;}
.honor{max-width: 1440px; margin: 80px auto; width: 96%;  display: none; }
.swiper3 h4,.swiper4 h4,.honor_list 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:195px;
    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:0px;
    left: auto;
}
.honor .swiper-button-prev{
    left:0px;
    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("../image/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: 1440px; 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%;height:350px;overflow:hidden; margin-top: 30px; box-shadow: 2px 2px 20px #ddd;}
.news>dl>dt{ width:45%;}
.news>dl>dt img{ max-width: 100%;width:100%;}
.news>dl>dd{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 40px; width: 55%;}
.news>dl>dd h4{font-size:24px; margin: 0; padding: 0; line-height: 50px;}
.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_detail{ max-width: 1440px;}
.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;}

@media screen and (max-width:992px) {
    .history .history_list dd p{line-height: 20px;}
    .culture{width:100%;background-size:150% auto;background-position:right 375px;}
    .abo_culture{padding:70px 13px 50px;}
    .abo_culture .up h3{font-size:36px;}
    .abo_culture .down dl dt{font-size:32px;}
    .prd_11 ul li{width:49%;}
    .honor_list{padding-top:0;}
    .honor_list ul li em.em1{height:200px;}
    .honor_list ul li em.em1 img{max-width: 130%;margin-left:-15%;}
    .prd_11 ul li em.em2{padding:0 15px;}
    .prd_11 ul li em.em2 span{font-size:14px;padding:13px 0;}
    h3.title1 b{font-size:24px;}
    .contact{width:90%;}
    .contact>ul li input{width:100%;}
    .contact>ul li textarea{width:100%;}
}