﻿.header.header-fixed{position: fixed; width: 100%; left: 0; top: 0; z-index: 100;}
.header{border-bottom: 1px solid rgba(255, 255, 255,0.149); position: absolute; width: 100%; left: 0; top: 0; transition: .3s;}
.header-logo{float: left;}
.header-nav{float: right;}


.header-nav li{position: relative;}
.header-nav li em{font-style: normal; line-height: 32px;  display: block;}
.header-nav li em a{color: #fff;}


.header-search{float: right; position: relative; margin: 33.5px 0; }
.header .open-search{ display: inline-block; width: 32px; height: 32px; background: url("../image/icon-search.png") no-repeat center; vertical-align:middle; position: relative; }
.header .open-search-show{ background: none!important;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:60%; height:2px; background:#fff; top:50%; left:20%; transform:rotate(-45deg);}
.header .open-search-show::after{transform:rotate(45deg);}
.header .search_box{ position:absolute; top:40px; right:3px; z-index:100; display:none;}
.header .search_box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.header .search_box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif; height: 100%; background: url("../image/icon-search.png") no-repeat center;}
.header .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}


.header-lan{float: right; padding: 33.5px 0;}
.header-lan dl{font-size: 0;}
.header-lan dd{display: inline-block;  padding:  0 10px; position: relative; vertical-align: middle;}
.header-lan dd a{color: #fff; font-size: 16px;line-height: 32px;}
.header-lan dd span{color: #fff; font-size: 16px;line-height: 32px;}
.header-lan dd:after{content: ''; width: 1px; background-color: rgba(255, 255, 255,.102); height: 10px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.header-lan dd:last-of-type:after{display: none;}

.header-net{ text-align: right; float: right; margin: 32.5px 0; margin-left: 10px; position: relative;}
.header-net span{display: block; line-height: 32px; color: #fff; border: 1px solid rgba(255, 255, 255,.2); border-radius: 16px; font-size: 14px; padding: 0 15px; cursor: pointer;}
.header-net span::after{content: ''; width: 7px; height: 4px; display: inline-block; vertical-align: middle; margin-left: 6px; background: url(../image/icon-select.png) center center no-repeat;}
.header-lan .sub{ width: 80px; position: absolute;  top: 100%; display: none; background: #fff;padding: 10px;border-radius: 5px;z-index: 10; text-align: center; left: 50%; transform: translateX(-50%);}
.header-lan .sub a{display: block; color: #333; line-height: 25px;}
.header-lan .sub a:hover{color: #b4c200;}

.header-net .sub{  position: absolute;text-align:left; right: 0; top: 100%; display: none; background: #fff;padding: 10px;border-radius: 5px 5px 5px 5px;z-index: 10; min-width: 100%;}
.header-net .sub::after{content: ''; width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #fff; position: absolute; right: 45px; top: -8px;}
.header-net .sub a{ display: block; line-height: 30px; font-size: 14px;white-space: nowrap;}
.header-logo{float: left;display: table; max-width: 173px;}
.header-logo a{ height: 99px;display: table-cell; vertical-align: middle;}
.header-logo a img{ max-height: 100%;}
.header-logo a img.hover{display: none;}

.header.header-hover{background-color: #fff; box-shadow: 0 0 5px 0 #eee;}
.header-hover .header-nav li em a{color: #333;}
.header.header-hover  .open-search{background: url("../image/icon-search-b.png") no-repeat center;}
.header-hover .header-lan dd a{color: #333;}
.header-hover .header-net span{border: 1px solid rgba(51, 51, 51,.2); color: #333;}
.header-hover .header-net span::after{background: url(../image/icon-select-b.png) center center no-repeat;}
.header-hover .header-logo a img.hover{display: block;}
.header-hover .header-logo a img.show{display: none;}
.header.header-hover .open-search-show::before,
.header.header-hover .open-search-show::after{background:#666; }
.header.header-hover .header-lan dd span{color: #333;}
.header.header-hover .header-lan dd:after{background-color: #333;}
.header:hover{background-color: #fff; box-shadow: 0 0 5px 0 #eee;}
.header:hover .header-nav li em a{color: #333;}
.header:hover .open-search{background: url("../image/icon-search-b.png") no-repeat center;}
.header:hover .header-lan dd a{color: #333;}
.header:hover .header-net span{border: 1px solid rgba(51, 51, 51,.2); color: #333;}
.header:hover .header-net span::after{background: url(../image/icon-select-b.png) center center no-repeat;}
.header:hover .header-logo a img.hover{display: block;}
.header:hover .header-logo a img.show{display: none;}
.header:hover .open-search-show::before,
.header:hover .open-search-show::after{background:#666; }
.header:hover .header-lan dd span{color: #333;}
.header:hover .header-lan dd:after{background-color: #333;}
.fp-viewing-Bottom .header:not(:hover){ background: rgba(29,90,170,0.9)}
@media(min-width:1025px){
    .header-nav li{ padding: 0 2.5px; position: relative; float: left; }
    .header-nav li em{ padding: 33.5px 0; position: relative;}
    .header-search{margin-left: 10px;}
    .header-nav li em:before{content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); transition: .3s;}
    .header-nav li.active em::before{width: 100%;}
    .header-nav li .sub{position: absolute; left: 50%; top: 100%; min-width: 100%; transform: translateX(-50%);text-align: center; padding-top: 5px; display: none;}
    .header-nav li .sub dl{background-color: #fff; border-radius: 4px;}
    .header-nav li .sub dl dd:first-of-type:before{content: ''; width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: -3px;}
    .header-nav li .sub dd{line-height: 30px; border-bottom: 1px solid #eee;padding: 0 10px; }
    .header-nav li .sub dd:last-of-type{border-bottom: 0;}
    .header-nav li .sub dd a{color: #333; font-size: 14px; white-space: nowrap;}
    .header-nav li em a{font-size: 14px;}
    .header.header-hover .header-nav li em:before{background-color: #18217e;}
    .header:hover .header-nav li em:before{background-color: #18217e;}
}
@media(min-width:1200px){
    .header-nav li{padding: 0 5px;}
}
@media(min-width:1366px){
    .header-nav li{padding: 0 10px;}
    .header-nav li em a{font-size: 16px;}
}
@media(min-width:1440px){
    .header-nav li{padding: 0 0.8vw;}
    .header-search{margin-left: 20px;}
}
@media(min-width:1600px){
    .header-nav li{padding: 0 1vw;}
}
@media(min-width:1921px){
    .header-nav li{ padding: 0 22px;}
}
@media(max-width:1024px){
    .header-nav {position: absolute;right: -100%;top: 100%;width: 220px;border-radius: 0 0 0 5px;padding: 10px 20px;transition: 0.5s; background-color: #0091ff;}
    .header-nav li {transform: translateX(50px);opacity: 0;transition: 0.5s 0.1s;}
    .header-nav li:nth-child(2) {transition-delay: 0.2s;}
    .header-nav li:nth-child(3) {transition-delay: 0.3s;}
    .header-nav li:nth-child(4) {transition-delay: 0.4s;}
    .header-nav li:nth-child(5) { transition-delay: 0.5s;}
    .header-nav li:nth-child(6) { transition-delay: 0.6s; }
    .header-nav li:nth-child(7) { transition-delay: 0.7s;}
    .header-nav li:nth-child(8) {transition-delay: 0.8s;}
    .header-nav li:nth-child(9) {transition-delay: 0.9s;}
    .header-nav li:nth-child(10) {transition-delay: 1s;}
    .header-nav li em {line-height: 40px;border-top: solid 1px rgba(255, 255, 255, 0.4);display: block;font-style: normal;text-align: center;}
    .header-nav li em a {color: #fff; font-size: 14px;}
    .header-nav li:first-of-type em { border-top: 0;}
    .header-nav li .sub {display: none;text-align: center;background-color: #0162aa;}
    .header-nav li .sub dd {line-height: 40px;}
    .header-nav li .sub dd a {color: #fff; font-size: 14px;}
    .header-nav li.has-sub em {position: relative;}
    .header-nav li.has-sub em i {position: absolute;width: 40px;height: 100%;transition: 0.3s;right: 0;top: 0;}
    .header-nav li.has-sub em i::before {position: absolute;content: '';width: 12px;height: 2px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li.has-sub em i::after {position: absolute;content: '';width: 2px;height: 12px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li.has-sub em.active i { transform: rotate(45deg);}
    .header-nav.active { right: 0; }
    .header-nav.active li {transform: translateX(0) !important; opacity: 1 !important;}

    #open-menu {width: 30px;height: 32px;margin: 10px 0;float: right;margin-left: 10px;position: relative;}
    #open-menu i {width: 100%;height: 3px;background-color: #fff;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.3s;}
    #open-menu::before {content: '';width: 100%;height: 3px;background-color: #fff;position: absolute;left: 0;right: 0;top: 5px;margin: auto;transition: all 0.3s;}
    #open-menu::after {content: '';width: 100%;height: 3px;background-color: #fff;position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;transition: all 0.3s;}
    #open-menu.active i { opacity: 0;}
    #open-menu.active::before {bottom: 5px;transform: rotateZ(45deg);}
    #open-menu.active::after {top: 5px;transform: rotateZ(-45deg);}
    .header-hover #open-menu::before,
    .header-hover #open-menu i,
    .header-hover #open-menu::after{background-color: #666;}
    .header:hover  #open-menu::before,
    .header:hover  #open-menu i,
    .header:hover  #open-menu::after{background-color: #666;}
    .header-logo a{height: 52px;}
    .header-search{margin: 10px 0;}
    .header-lan{padding: 10px 0;}
    .header-net{margin: 10px 0;}
    .header-net span{font-size: 12px; line-height: 30px; padding: 0 7px; line-height: 24px; margin: 3px 0;}
    .header-lan dd a{font-size: 14px;}
    .header-lan dd{padding: 0 5px;}
    .header-logo{max-width: 150px;}
    .header-hover .header-nav li em a{color: #fff;}
    .header:hover .header-nav li em a{color: #fff;}

}
@media(max-width:640px){
    .header-logo{max-width: 120px;}
    .header-lan dd:last-of-type{display: none;}
}
.ban_pc{display: block; width: 100%;}
.ban_phone{display: none; width: 100%;}
@media(max-width:1024px){
    .ban_phone{display: block;}
    .ban_pc{display: none;}
}

/* menu */
.location_menu {border-bottom: 1px solid #eeeeee;}
.location {font-size: 14px;color: #999999;padding-left: 20px;background: url("../image/location.png") no-repeat left center;}
.location a {color: #999999;padding: 0px 5px;}
.location a:hover {color: #19238a;}
.location span { color: #19238a;padding-left: 5px;}
.location font{font-family: '宋体';}
.menu {padding: 0;margin: 0;position: relative;}
.menu li {font-size: 18px;position: relative;z-index: 10; padding: 0 10px;}
.menu li a {display: block;color: #555555;}
.menu li:last-child {margin-right: 0;}
.menu .column { display: none;}

  
  
@media (min-width: 768px) {
    .menu li { float: left;margin-right: 18px;}
    .menu li.aon a { color: #555555;}
    .menu li a:after {content: '';width: 0;position: absolute;left: 50%;bottom: 0px;height: 2px;background: #19238a;transition: all 0.3s;transform: translateX(-50%);}
    .menu li.aon a:after {width: 100%;}
    .menu li a:hover:after { width: 100%;}
    .menu li.aon a {color: #19238a; }
    .menu li a:hover {color: #19238a;}
}
@media (min-width: 1025px) {
    .location {float: right;}
    .menu {float: left;}
    .menu li {margin-right: 15px;}
    .location_menu {line-height: 70px;}
    .location {font-size: 14px;}
    .menu .column {font-size: 18px;}
}
@media (min-width: 1340px) {
  .menu li {margin-right: 37px;}
}
@media (max-width: 1024px) {
    .location_menu {padding-top: 2%;}
    .menu ul li {padding-bottom: 2%;}
    /* .location {margin-bottom: 10px;} */
}
@media (max-width: 768px) {
    .location_menu {padding-bottom: 2%; border-bottom: 0;}
    .menu .column {color: #19238a;font-size: 18px;position: relative;display: block;padding: 5px 0px;margin: 0; line-height: 30px;}
    .menu .column:after {content: '';display: block;height: 2px;background: #4dbbbc;
      /* Old browsers */
      background: -moz-linear-gradient(left, #016bba 0%, #016bba 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #016bba 0%, #016bba 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #016bba 0%, #016bba 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#016bba', endColorstr='#7ce9eb', GradientType=1);
      /* IE6-9 */
    }
    .menu .column:before {content: '';width: 20px;height: 20px;position: absolute;right: 2%;transition: 0.4s;background: url(/yhzd-image/icon_menu.png) no-repeat left;}
    .menu .column.on:before {background-position: right;}
    .menu ul {z-index: 20;background: #fff;box-shadow: 0 10px 10px 2px #eee;display: none;position: absolute;width: 100%;left: 0;}
    .menu ul li {font-size: 14px;padding: 5px 0;width: 100%;border-bottom: dotted 1px #ddd;}
    .menu ul li a {display: block;padding: 0 20px;}
  }


.main{padding: 6.458% 0;}

.about-part1 {margin-bottom: 7.08%;}
.about-part1 .txt{width: 50%; float: left; padding-right: 7.14%;}
.about-part1 .pic{width: 50%; float: left;}
.about-part1 .cn{font-weight: bold;color: rgb(51, 51, 51); line-height: 1;}
.about-part1 .en{font-family: "Oswald";color: rgb(238, 238, 238);}
.about-part1 .title{margin-bottom: 5.5%;}
.about-part1 .sub-title{ color: rgb(51, 51, 51);line-height: 1.538; font-weight: bold; margin-bottom: 4.33%;}
.about-part1 .content{color: rgb(85, 85, 85); line-height: 1.875;}
@media (max-width: 768px){
    .about-part1 .txt,.about-part1 .pic{width: 100%; float: none; padding: 2% 0;}
    .about-part1 .content{font-size: 14px;}
    .about-part1 .sub-title pre{white-space: inherit;  white-space: -moz-inherit; white-space: -moz-inherit;white-space: -o-inherit;}
}  




.about-part2 .txt{width: 50%; float: left;  }
.about-part2 .txt .wrap{width: 96%;max-width: 846px;padding-right: 9%; margin-right: 0; margin-left: auto;}
.about-part2 .pic{width: 50%;float: right;text-align: right;}

.about-part2 h2{ margin-bottom: 5.5%;}
.about-part2 .content{ color: rgb(85, 85, 85);   line-height: 1.875; margin-bottom: 6%;}
.about-part2 .count-wrap{text-align: justify; text-justify: inter-ideograph;}
.about-part2 .count-wrap::after{content: ''; width: 100%; height: 0; display: inline-block;}
.about-part2 .count-item{display: inline-block; width: 20%}
.about-part2 .count-label{font-size: 14px;color: rgb(153, 153, 153); margin-bottom: 6px;}
.about-part2 .count{font-family: "Oswald"; color: rgb(25, 35, 138); line-height: 1; margin-bottom: 10px;}
.about-part2 .count-des{ color: rgb(85, 85, 85); line-height: 1.875;}

@media (max-width: 768px){
    .about-part2 .txt,.about-part2 .pic{width: 100%; float: none; padding: 2%;}
    .about-part2 .content{font-size: 14px;}
    .about-part2 .txt .wrap{padding: 0; width: 100%;}
}  

@media (max-width: 480px){
    .about-part2  .count-label{font-size: 12px;}
    .about-part2 .count-des{font-size: 12px;}
}


.about-part3{margin-bottom:7%;}
.about-part3 .txt{width:50%;float:right;padding-left:7.14%;}
.about-part3 .pic{width:50%;float:left;}
.about-part3 h2{color:#333;margin-bottom:5.5%;}
.about-part3 h3{color:#333;font-size:24px;margin-bottom:3%;}
.about-part3 .content{color:rgba(85,85,85);line-height: 1.875;}
@media(max-width:768px){
	.about-part3 .txt{width:100%;padding:2% 0;float:none;}
	.about-part3 .pic{width:100%;padding:2% 0;float:none;}
	.about-part3 .content{font-size:14px;}
	.about-part3 h3{font-size:18px;}
}


.develop-item .ytable-cell{width: 50%;}
.develop-item .txt{padding-right: 6.286%;}
.develop-item .pic{text-align: right; padding-left: 6.286%;}
.develop-item .title{margin-bottom: 7.68%;}
.develop-item .title .cn{ color: rgb(51, 51, 51);}
.develop-item .title .en{ font-family: "Oswald";color: rgb(238, 238, 238); line-height: 1;}

.develop-con .year{font-size: 72px; font-family: "Oswald"; color: rgb(25, 35, 138);font-weight: bold; line-height: 1; position: relative; margin-bottom: 4.9%;}
.develop-con .year span{display: inline-block; position: relative; z-index: 1;}
.develop-con .year::after{content: ''; width: 180px; height: 6px; background-color: #eee; position: absolute; left: 80px; bottom: 0;}
.develop-con .des{color: rgb(85, 85, 85); line-height: 1.875;}
.develop-con h2{margin-bottom: 7px;}

.develop .slick-main{margin-bottom: 5.714%;}
.develop .slick-nav{position: relative;}
.develop .slick-nav::before{content: ''; width: 100%; height: 1px; background-color: #eee; position: absolute; left: 0; top: 52px;}
.develop-nav-item{text-align: center; cursor: pointer;}
.develop-nav-item i{width: 2px; height: 30px; background-color: #eee; transition: .3s; display: block; margin: 0 auto;}
.develop-nav-item .spot{display: block; width: 46px;height: 46px; margin: 0 auto; position: relative; background-color: #fff; position: relative; z-index: 2;}
.develop-nav-item .spot::before{content: ''; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #cccccc; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s;}
.develop-nav-item .spot::after{content: ''; width: 10px; height: 10px;  border-radius: 50%; background-color: #ccc;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s;}
.develop-nav-item .year{font-size: 40px;  font-family: "Oswald";   color: rgb(204, 204, 204); font-weight: bold; line-height: 1;}
.develop-nav-item.slick-current i{background-color: #19238a;}
.develop-nav-item.slick-current .spot::before{border-color: #19238a;}
.develop-nav-item.slick-current .spot::after{background-color: #19238a;}
.develop-nav-item.slick-current .year{color: #19238a;}

.slick-arrow{width: 40px; height: 40px; border: 1px solid #eee; font-size: 0; cursor: pointer; background-color: #fff; background-image: url(../image/icon-prev.png) ; background-position: center center; background-repeat: no-repeat; transition: .3s;}
.slick-next{transform: rotate(180deg);}
.slick-arrow:hover{background-color: #b4c200; border-color: #b4c200; background-image: url(../image/icon-prev-active.png);}
@media (max-width: 768px){
    .slick-arrow{width: 30px; height: 30px;}
}
.develop .slick-nav .slick-arrow{position: absolute; top: 30px; z-index: 2;}
.develop .slick-nav .slick-next{right: 0;}
.develop .slick-nav .slick-prev{left: 0;}

@media (max-width: 1024px){
    .develop-con .year{font-size: 32px;}
    .develop-con .year::after{width: 80px; left: 30px;}
    .develop-nav-item .year{font-size: 32px;}
}
@media (max-width: 768px){
    .develop-item .ytable,.develop-item .ytable-cell{display: block; width: 100%;}
    .develop-item .txt{padding: 2% 0;}
    .develop-item .pic{padding: 2% 0;}
    .develop .slick-nav .slick-arrow{position: absolute; top: 35px; z-index: 2;}
}
.cert{padding: 5.21% 0;}
.cert-item{float: left; width: 33.3%; text-align: center;margin-bottom: 6.43%;}
.cert-item .pic{position: relative; padding-top: 46.78%; margin-bottom: 40px;}
.cert-item .pic img{position: absolute; left: 0; bottom: 0; right: 0; margin: auto; max-width: 80%; max-height: 100%;  z-index: 2;}
.cert-item .txt{ line-height: 2; color: #333; position: relative; z-index: 5;}

.cert-item .pic i{width: 100%; height: 66px; background: url(../image/cert-bord.png); position: absolute; right: 0; bottom: -60px;}
/* .cert-item:nth-of-type(3n+1) .pic i{width: calc(100% - 80px);}
.cert-item:nth-of-type(3n) .pic i{width: calc(100% - 80px); right: auto; left: 0;}

.cert-item:nth-of-type(3n+1) .pic::before{content: ''; width: 100px; height: 66px; position: absolute; left: -20px; bottom: -60px; background: url(../image/cert-left.png);}
.cert-item:nth-of-type(3n) .pic::after{content: ''; width: 100px; height: 66px; position: absolute; right: -20px; bottom: -60px; background: url(../image/cert-right.png);} */

@media (min-width: 769px){
    .cert-item:nth-of-type(3n+1) .pic i{width: calc(100% - 80px);}
    .cert-item:nth-of-type(3n) .pic i{width: calc(100% - 80px); right: auto; left: 0;}

    .cert-item:nth-of-type(3n) .pic::after{content: ''; width: 100px; height: 66px; position: absolute; right: -20px; bottom: -60px; background: #fff url(../image/cert-right.png);}
    .cert-item:nth-of-type(3n+1) .pic::before{content: ''; width: 100px; height: 66px; position: absolute; left: -20px; bottom: -60px; background:#fff url(../image/cert-left.png);}
    .cert-item:last-of-type .pic::after{content: ''; width: 100px; height: 66px; position: absolute; right: -20px; bottom: -60px; background:#fff url(../image/cert-right.png);}
}
@media (max-width: 768px){
    .cert-item{width: 50%;}
    .cert-item .txt{font-size: 14px;}
    .cert-item .pic{margin-bottom: 20px;}

    .cert-item:nth-of-type(2n+1) .pic i{width: calc(100% - 80px);}
    .cert-item:nth-of-type(2n) .pic i{width: calc(100% - 80px); right: auto; left: 0;}

    .cert-item:nth-of-type(2n+1) .pic::before{content: ''; width: 100px; height: 66px; position: absolute; left: -20px; bottom: -60px; background:#fff url(../image/cert-left.png);}
    .cert-item:nth-of-type(2n) .pic::after{content: ''; width: 100px; height: 66px; position: absolute; right: -20px; bottom: -60px; background:#fff url(../image/cert-right.png);}
    .cert-item:last-of-type .pic::after{content: ''; width: 100px; height: 66px; position: absolute; right: -20px; bottom: -60px; background:#fff url(../image/cert-right.png);}
}


.Pages {text-align: center;font-size: 0;}
.Pages span {padding: 0px 3px;display: inline-block;vertical-align: top;}
.Pages a {display: inline-block;vertical-align: top;margin: 0px 5px;width: 40px;height: 40px;line-height: 40px;border-radius: 50%; position: relative; background-color: #f6f6f6;}

.Pages .p_cur b {color: #F00;}
.Pages .p_count b {color: #F00;}
.Pages .p_total b {color: #F00;}
.Pages .p_page em {font-style: normal;}
.Pages .p_page em a {padding: 0px 7px;font-size: 18px;color: #666;}
.Pages .p_page em a.a_cur {color: #fff;background-color: #b4c200;}
.Pages .p_page b {font-weight: normal;}
.Pages .i_text {width: 30px;padding: 0px;text-align: center;font-size: 12px;border: inset 1px #ddd;background: #fff;}
/*pages end*/
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end {display: none; }
.Pages .a_prev::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-image: url(../image/page_prev.png); background-position: center center; background-repeat: no-repeat }
.Pages .a_prev:hover::before {background-image: url(../image/page_prev_active.png);}
.Pages .a_next::before {content: '';width:100%; height: 100%;position: absolute;right: 0;top: 0;left: 0;transform: rotateY(180deg);bottom: 0;margin: auto;background-image: url(../image/page_prev.png);background-position: center center;background-repeat: no-repeat}
.Pages .a_next:hover::before {background-image: url(../image/page_prev_active.png)}
.Pages a:hover{background-color: #b4c200; color: #fff !important; }
@media (max-width: 768px) {
    .Pages em a{display: none;}
    .Pages a {width: 46px;height: 46px;line-height: 44px}
    .Pages a.a_cur{display: inline-block;}
}

.video-box {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;text-align: center;}
.video-box .ytable{height: 100%;}
.video-box::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.85);z-index: 0;}
.video-box .video-container {display: inline-block;max-width: 80%;position: relative;z-index: 5;min-width: 40%;}
.video-box .video-container h3 {margin: 0;background-color: #fff;color: #333;font-size: 18px;padding: 10px;text-align: left;}
.video-box .video-container h3.notitle {background: none;height: 40px;}
.video-box .video-container h3.notitle .close:before {color: #fff;}
.video-box .close {position: absolute;top: 0;right: 0;cursor: pointer;z-index: 999;width: 40px;height: 40px;text-align: center;/*border-radius: 100%;  border: 2px solid #fff; */}
.video-box .close:before {content: "×";font-family: "宋体";font-size: 32px;color: #000;line-height: 40px;}
.video-box video {position: relative;width: 100%;max-height: 100%;background: #000;object-fit: fill;z-index: 1;}
.video {padding-top: 4.1667%;padding-bottom: 4.1666%;}


.top-video-item .pic{width: 64.2857%; position: relative; overflow: hidden; cursor: pointer;}
.top-video-item .pic figure{padding-top: 62.56%; transition: .3s;}
.top-video-item .txt{background: #f8f8f8; padding: 4.64%;}
.top-video-item .txt h2{margin-bottom: 3.24%;}
.top-video-item .txt .des{ line-height: 2.25; height: 5em; margin-bottom: 70px;}
.top-video-item .videobtn{width: 50px; height: 50px; background: url(../image/play.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;transition: .3s; opacity: 0.5;z-index: 2;}
.top-video-item:hover .videobtn{opacity: 1;}
.top-video-item:hover .pic figure{transform: scale(1.05);}
.top-video{margin-bottom: 5%;}
.top-video .slick-arrow{position: absolute; bottom: 32%; z-index: 2;}
.top-video .slick-prev{left: 68.9257%;}
.top-video .slick-next{left: calc(68.9257% + 60px);}
.top-video-item .time{position: absolute; right: 10px; bottom: 10px; font-size: 14px; line-height: 20px; padding: 0 10px; border-radius: 10px; color: #fff;  font-family: "Arial"; background-color: #18217e; z-index: 3;}
@media (max-width: 768px) {
    .top-video-item .ytable,.top-video-item .ytable-cell{width:100%; display:block;}
    .top-video .slick-arrow{bottom:10px;}
    .top-video .slick-prev{left: auto; right: calc(50% + 10px); }
    .top-video .slick-next{left:  calc(50% + 10px); }
    .top-video-item .txt .des{margin-bottom: 30px;}
}


.video-item{width: 22.857%; float: left; margin-right:2.857%; margin-bottom:4.2857%;}
.video-item:nth-of-type(4n){margin-right:0;}
.video-item .pic{overflow: hidden; position: relative;cursor: pointer;}
.video-item .pic figure{padding-top: 62.5%; transition: .3s;}
.video-item .videobtn{width: 50px; height: 50px; background: url(../image/play.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;transition: .3s; opacity: 0;z-index: 2;}

.video-item .time{position: absolute; right: 10px; bottom: 10px; font-size: 14px; line-height: 20px; padding: 0 10px; border-radius: 10px; color: #fff;  font-family: "Arial"; background-color: #18217e; z-index: 3;}
.video-item .txt{  line-height: 2.25;}
.video-item:hover .videobtn{opacity: 1;}
.video-item:hover .pic figure{transform: scale(1.05);}


@media (max-width: 1024px){
    .video-item{width: 32%; margin-right: 2%;}
    .video-item:nth-of-type(4n){margin-right:2%;}
    .video-item:nth-of-type(3n){margin-right:0;}
}
@media (max-width: 1024px){
    .video-item{width: 49%; }
    .video-item:nth-of-type(3n){margin-right:2%;}
    .video-item:nth-of-type(2n){margin-right:0;}
}

.contact .pic{width: 57.14%; overflow: hidden;}
.contact .pic img{transition: .3s;}
.contact .pic img:hover{transform: scale(1.05);}
.contact .txt{background-color: #f8f8f8; padding: 2% 7.14%;}
.contact .txt .cn{color: rgb(51, 51, 51);}
.contact .txt .en{ font-family: "Oswald"; color: rgb(238, 238, 238); line-height: 1;}
.contact .txt .title{margin-bottom: 7.5%;}


.contact-item{display: table; width: 100%; margin-bottom: 12.5%;}
.contact-item:last-of-type{margin-bottom: 0;}
.contact-item .img{width: 110px; display: table-cell; vertical-align: middle;}
.contact-item .info{display: table-cell; vertical-align: middle;}
.contact-item .icon{width: 80px; height: 80px; border-radius: 50%; background-color: #19238a; box-shadow: 0 2px 15px 0px rgb(96, 106, 211); position: relative;}

.contact-item .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;max-width: 50%; max-height: 50%;}
.contact-item .label{color: #999;}
.contact-item .des{line-height: 1.875; font-weight: bold;}
@media (max-width: 1024px){
    .contact-item .img{width: 80px;}
    .contact-item .icon{width: 50px; height: 50px;}
}
@media (max-width: 768px){
    .contact .pic,.contact .txt,.contact{display: block ; width: 100%;}
    .contact .txt{padding: 3%;}
    .contact-item{margin-bottom: 2%;}
}
.column-title {}
.column-title .cn{font-family: "Oswald";}
.column-title .en{font-family: "Oswald";  color: rgb(238, 238, 238); line-height: 1;}


.pro-cate{padding: 6.25% 0; }
.pro-cate .left{width: 50%; float: left; padding-right: 10.71%;}
.pro-cate .left .column-title{margin-bottom: 12.72%;}
.pro-cate .left .sub-title{line-height: 1.538; margin-bottom: 2.72%; color: #333;}
.pro-cate .left .content{ color: rgb(85, 85, 85);line-height: 1.875;}
.pro-cate .right{width: 50%; float: left;}
.pro-cate .right .bg_cover{padding-top: 64.2857%;}

.pro-cate .slick-arrow{width: 30px; height: 30px; position: absolute; bottom: 20px; z-index: 2; background-color: transparent;border-color: rgba(255, 255, 255,.5);}
.pro-cate .slick-next{right: 20px;}
.pro-cate .slick-prev{right: 60px;}

.pro-cate .slick-arrow:hover{background-color: #b4c200; border-color: #b4c200;}
 
.pro-mian{padding: 7.8125% 0; position: relative;}
.pro-mian .box{max-width: 400px; width: 100%;}
.pro-mian .slick-main{ background-color: rgba(32, 43, 58,0.8); position: relative; z-index: 2; padding: 20% 10%;}
.pro-mian .slick-main h2{ color: rgb(255, 255, 255); margin-bottom: 8.27%;}
.pro-mian .slick-main .des{ color: rgba(255, 255, 255, 0.702);line-height: 1.875; height: 13.125em; overflow-y: auto; margin-bottom: 6.25%;}

.pro-mian .slick-main .more{display: inline-block; padding-right: 18px; background: url(../image/more.png) right center no-repeat; color: #fff; margin-bottom: 9.375%;}
.pro-mian .slick-arrow{width: 30px; height: 30px; position: absolute; bottom: 8%; z-index: 2; background-color: transparent;border-color: rgba(255, 255, 255,.5);}
.pro-mian .slick-prev{left: 10.75%;}
.pro-mian .slick-next{left: calc(10.75% + 40px);}
.pro-mian  .slick-arrow:hover{background-color: #b4c200; border-color: #b4c200;}

.pro-mian .slick-bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.pro-mian .slick-bg *{width: 100%; height: 100%;}


.pro-item:nth-of-type(even) .box{float: right;}
.mCSB_inside>.mCSB_container{margin-right: 10px !important;}
.mCSB_scrollTools{width: 10px !important;}

@media (max-width: 768px){
    .pro-cate .left{width: 100%; float: none; padding: 0 0  2% 0;}
    .pro-cate .left .column-title{margin-bottom: 3%;}
    .pro-cate{padding: 3% 0;}
    .pro-cate .right{width: 100% ; float: none;}
}

.city-item{padding-right: 10px;}
.city-item a{display: block; line-height: 44px; text-align: center; background-color: #f5f5f5;   color: rgb(85, 85, 85); transition: .3s;}
.city-item.active a{color: #fff; background-color: #19238a;}
.project-city .slick-arrow{position: absolute; top: 0; bottom: 0 ; margin: auto; z-index: 2;}
.project-city .slick-next{right: -40px;}
.project-city .slick-prev{left: -45px;}
.project-city{border-bottom: 1px solid #eee; margin-bottom: 3.125%;}
@media (max-width: 1400px){
    .project-city .slick-next{right: -30px;}
    .project-city .slick-prev{left: -35px;}
    .project-city .slick-list{padding: 0 10px;}
}
@media (max-width: 1024px){
    .project-city .slick-next{right: 0px;}
    .project-city .slick-prev{left: 0px;}
    .project-city .slick-list{padding: 0 40px 0 50px;}
}
@media (max-width: 768px){
    .project-city .slick-list{padding: 0 30px 0 40px;}
    .city-item a{line-height: 30px; font-size: 14px;}
}

.project-item{float: left; width: 31.43%; margin-right: 2.855%; margin-bottom: 3.57%;}
.project-item:nth-of-type(3n){margin-right: 0;}
.project-item .pic{overflow: hidden;}
.project-item .bg_cover{padding-top: 75%; transition: .3s;}
.project-item .txt{padding: 0 6.8%;  line-height: 60px;  border-bottom: 1px solid #eee; transition: .5s; position: relative; height: 60px;}
.project-item .txt h2{text-align: center; color: #333; position: absolute; height: 100%; left: 50%; transform: translateX(-50%); transition: .5s; max-width: 100%;padding: 0 6.8%;}
.project-item .txt i{width: 30px; height: 30px; position: absolute; right: 20px; top: 0; bottom: 0; border: 1px solid rgba(255, 255, 255,.3); margin: auto; background: url(../image/more.png) center center no-repeat; opacity: 0; transition: .3s;}

.project-item:hover .bg_cover{transform: scale(1.05);}
.project-item:hover .txt{border-color: #19238a; background-color: #19238a;  padding-right: 50px;}
.project-item:hover .txt h2{text-align: left;color: #fff; left: 0; transform: translateX(0); padding-right: 50px;}
.project-item:hover i{opacity: 1;}

.project{padding-bottom: 5.21%;}

@media (max-width: 768px){
    .project-item{width: 49%; margin-right: 2%;}
    .project-item:nth-of-type(3n){margin-right: 2%;}
    .project-item:nth-of-type(2n){margin-right: 0;}
    .project-item .txt{height: 50px; line-height: 50px;}
}

.news{padding-bottom: 4.6875%;}
.news-item {margin-bottom: 5.71%;}
.news-item .txt{width: 47.1428%; padding: 2% 0; padding-right: 3.57%; border-bottom: 1px solid #eee; }
.news-item .pic{padding-left: 5.71%; overflow: hidden;}
.news-item .bg_cover{padding-top: 66.667%; transition: .3s;}
.news-item .time {color: rgb(51, 51, 51); font-weight: bold;font-family: "Oswald"; margin-bottom: 4.92%;}
.news-item h2{ color: rgb(51, 51, 51);line-height: 1.667; margin-bottom: 2.79%; max-height: 3.334em;}
.news-item .des{max-height: 7.5em; line-height: 1.875;  color: rgb(51, 51, 51); margin-bottom: 6.56%;}
.news-item .more{width: 30px; height: 30px; border-radius: 50%; background-color: #19238a; background-image: url(../image/more.png); background-position: center center; background-repeat: no-repeat; transition: .3s;}    

.news-item:hover .bg_cover{transform: scale(1.05);}
.news-item:hover .more{background-color: #b4c200;}
.news-item:hover .time{color: #b4c200;}

.news .slick-news{margin-bottom: 5.17%;}
.news .slick-news .item{position: relative;background-color: #f9fafc;}
.news .slick-news .item .mask{width: calc(100% - 40px); height: calc(100% - 50px); position: absolute; right: 0; bottom: 0; overflow: hidden; display:none}
.news .slick-news .item .mask::before{content: ''; width: 100%; height: 100%;position: absolute; left: 0; top: 0;  background-color: rgb(32, 43, 58); filter: blur(2px)}
.news .slick-news .pic{width: 44.44%; float: left;overflow: hidden; position: relative; z-index: 2;}
.news .slick-news .bg_cover{padding-top: 66.67%; transition: .3s; display: block;}
.news .slick-news .txt{width: 55.56%; float: left; padding-left: 4.63%; padding-right: 9.26%; position: relative; z-index: 2;}
.news .slick-news .year{font-family: "Oswald";  color: rgb(180, 194, 0); font-weight: bold;}
.news .slick-news .day{font-family: "Oswald";  color: rgb(180, 194, 0); font-weight: bold; line-height: 1;}
.news .slick-news h2{  line-height: 1.5;height: 3em; margin-bottom: 5.33%;}
.news .slick-news .des{  line-height: 1.875; height: 5.625em; margin-bottom: 35px;}
.news .slick-news .more{color: #fff; display: inline-block; padding-right: 15px; background: url(../image/more.png) right center no-repeat;  margin-bottom: 40px;}
.news .slick-news .item:hover .bg_cover{transform: scale(1.05);}
.news .slick-news .item:hover h2,.index-news .left .item:hover .more{color: #b4c200;}
.news .slick-news .time{margin-bottom: 5%; margin-top: 3%;}
.news .slick-news .slick-dots{position: absolute; right: 9.26%; bottom: 11%; font-size: 0; z-index: 5;}
.news .slick-news .slick-dots li:first-of-type{margin-left: 0;}
.news .slick-news .slick-dots li{border: 1px solid transparent;cursor: pointer; display: inline-block; margin-left: 30px; border-radius: 50%; transition: .3s;}
.news .slick-news .slick-dots li button{width: 5px; height: 5px; border-radius: 50%; background-color: #a4b6c6; border: 0;font-size: 0; margin: 6px; transition: .3s;}
.news .slick-news .slick-dots li.slick-active{border-color: #b4c200;}
.news .slick-news .slick-dots li.slick-active button{background-color: #b4c200;}

@media (max-width: 768px){
    .news-item .ytable,.news-item .ytable-cell{display: block; width: 100%; padding: 2% 0;}
    .news-item .des{-webkit-line-clamp:2; max-height: 3.75em;}

    .news .slick-news .pic,
    .news .slick-news .txt{width: 100%; float: none;}
    .news .slick-news .item .mask{width: 100%; height: 100%;}
    .news .slick-news .txt{padding: 15px;}
    .news .slick-news h2{margin-bottom: 5px;-webkit-line-clamp:1; height: 1.5em;}
    .news .slick-news .des{-webkit-line-clamp:2; height:3.75em; margin-bottom: 10px;}
    .news .slick-news .more{margin-bottom: 10px;}
    .news .slick-news .time{margin-bottom: 10px;}
    .news .slick-news .slick-dots{bottom: 25px;}
}

.news-info{padding: 5.21% 0;}
.news-title{text-align: center; padding-bottom: 2px;border-bottom: 2px solid #eee;}
.news-title .title-wrap{border-bottom: 1px solid #eee; padding-bottom: 1.33%;}
.news-title h1{ color: rgb(0, 0, 0); margin-bottom: 8px}
.news-title .time{ color: rgb(153, 153, 153);line-height: 1.5;}
.news-title .time span{display: inline-block; padding: 0 10px;}
.news-info .content{ color: rgb(85, 85, 85); line-height: 2; padding-top: 7%; padding-bottom: 8%;}
.news-info .content img{height: auto !important;}

.news-info .btn-box {border-top: 1px solid #eee; padding-top: 2.7%;}
.news-info .btn-box .left{ float: left; width: calc(100% - 180px);}
.news-info .btn-box .left span{color: #999;}
.news-info .btn-box .left a{color: #666;line-height: 2.5;}
.news-info .btn-box .left a:hover{color: #b4c200;}
.news-info .btn-box .right{float: right; margin-top: 1.9%;}
.news-info .btn-box .right a{width: 160px; height: 50px; line-height: 50px; text-align: center; color: #fff;background: #19238a ; display: block;}

@media (max-width: 768px){
    .news-info .btn-box .left{float: none; width: 100%;}
    .news-info .btn-box .right{float: none;}
    .news-info .btn-box .right a{margin: 0 auto; width: 120px; height: 40px; line-height: 40px;}
}

.notice{padding-top: 4.1667%; padding-bottom: 5.73%;}
/* .notice .top-list{margin-bottom: 5%;}
.notice .top-list .notice-item{line-height: 70px; padding-left: 130px; padding-right: 110px; position: relative; background-color: #19238a; transition: .3s; margin-bottom: 10px;}
.notice .top-list .notice-item .time{font-family: "Oswald"; color: rgb(180, 194, 0); position: absolute; left: 2.357%;}
.notice .top-list .notice-item a{color: #fff;}
.notice .top-list .notice-item .download{position: absolute; right: 2.857%; padding-right: 40px; top: 0;}
.notice .top-list .notice-item .download::after{content: ''; width: 30px; height: 30px; border-radius: 50%; background-color: #b4c200; position: absolute;right: 0; top: 0; bottom: 0; margin: auto; background-image: url(/yhzd-image/download.png) ; background-position: center center; background-repeat: no-repeat;} */


.notice-list{margin-bottom: 3.57%;}
.notice-item{line-height: 70px; padding-left: 130px; padding-right: 110px; position: relative; background-color: #f8f8f8; transition: .3s; margin-bottom: 10px;}
.notice-item .time{font-family: "Oswald"; color: rgb(51, 51, 51); position: absolute; left: 2.357%;}
.notice-item a{color: rgb(51, 51, 51);}
.notice-item .download{position: absolute; right: 2.857%; padding-right: 40px; top: 0;}
.notice-item .download::after{content: ''; width: 30px; height: 30px; border-radius: 50%; background-color: #ddd; position: absolute;right: 0; top: 0; bottom: 0; margin: auto; background-image: url(/yhzd-image/download.png) ; background-position: center center; background-repeat: no-repeat;}
.notice-item:hover{background-color: #19238a; }
.notice-item:hover .download::after{background-color: #b4c200;}
.notice-item:hover .time{color: rgb(180, 194, 0);}
.notice-item:hover  a{color: #fff;}
@media (max-width: 768px){
    .notice .top-list .notice-item,
    .notice-item{line-height: 50px; padding-left: 100px;}
}
@media (max-width: 640px){
    .notice .top-list .notice-item,
    .notice-item{padding-left: 80px; padding-right: 80px;}
    .notice .top-list .notice-item a,
    .notice-item a{font-size: 14px;}
}


.culture .ytable{height: 100%;}
.culture .ytable-cell{width: 50%; vertical-align: top; height: 100%;}
.culture .txt{padding-right: 10.71%; }
.culture .column-title{margin-bottom: 12.7%;}
.culture .content{ color: rgb(85, 85, 85); line-height: 1.875;}
.culture .sub-title{margin-bottom: 10px; color: rgb(51, 51, 51);}
.culture .sub-title2{margin-bottom: 10px; color: rgb(51, 51, 51);margin-top:5%}
.culture .bg_cover{padding-top: 64.2857%;transition: .3s; height: 100%;}
.culture .pic{overflow: hidden; position: relative;cursor: pointer; position: relative;}
.culture .videobtn{width: 50px; height: 50px; background: url(../image/play.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;transition: .3s; opacity: 0.5;z-index: 2;}

.culture .time{position: absolute; right: 10px; bottom: 10px; font-size: 14px; line-height: 20px; padding: 0 10px; border-radius: 10px; color: #fff;  font-family: "Arial"; background-color: #18217e; z-index: 3;}

.culture .pic:hover .videobtn{opacity: 1;}
.culture .pic:hover figure{transform: scale(1.05);}
@media (max-width: 768px){
    .culture .ytable,.culture .ytable-cell{display: block; width: 100%; padding: 2% 0 0;}
    .culture .column-title{margin-bottom: 2%;}
}

.culture2 .ytable{height: 100%;}
.culture2 .ytable-cell{width: 50%; vertical-align: top; height: 100%;}
.culture2 .txt{padding-right: 10.71%; }
.culture2 .column-title{margin-bottom: 12.7%;}
.culture2 .content{ color: rgb(85, 85, 85); line-height: 1.875;}
.culture2 .sub-title{margin-bottom: 10px; color: rgb(51, 51, 51);}
.culture2 .bg_cover{padding-top: 64.2857%;transition: .3s; height: 100%;}
.culture2 .pic{overflow: hidden; position: relative;cursor: pointer; position: relative;}
.culture2 .videobtn{width: 50px; height: 50px; background: url(../image/play.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;transition: .3s; opacity: 0.5;z-index: 2;}

.culture2 .time{position: absolute; right: 10px; bottom: 10px; font-size: 14px; line-height: 20px; padding: 0 10px; border-radius: 10px; color: #fff;  font-family: "Arial"; background-color: #18217e; z-index: 3;}

.culture2 .pic:hover .videobtn{opacity: 1;}
.culture2 .pic:hover figure{transform: scale(1.05);}
@media (max-width: 768px){
    .culture2 .ytable,.culture .ytable-cell{display: block; width: 100%; padding: 2% 0 0;}
    .culture2 .column-title{margin-bottom: 2%;}
}

.culture3{margin-top:4%;}
.culture3 .txt{margin-bottom:3%;}
.culture3 .txt h2{color:#333;text-align: left;}
.culture3 dl dd{width:30.6%;margin-right:4%; float:left;line-height: 1.875;background:#f7f7f7;padding:3% 4% 4% 4%;min-height: 343px}
.culture3 dl dd:nth-child(3n){margin-right:0;}
.culture3 dl dd h3{color:#333;font-size:24px;margin-bottom:3%;}
.culture3 dl dd p{}
.culture3 dl dd img{max-width:60px;margin-bottom:10px;}

@media(max-width:1400px){
	.culture3 dl dd{min-height: 364px}
}
@media(max-width:768px){
	.culture3 dl dd{width:100%;margin-bottom:4%; min-height: auto}
	.culture3 dl dd h3{font-size:22px;}
	.culture3 dl dd img{max-width:50px;}
}


.job-title{background-color: #f8f8f8; line-height: 80px;}
.job-label{line-height: 80px;border-bottom: 1px solid #eee; transition: .3s;}
.job-title-item{float: left; padding-left: 2.14%; position: relative;}
.jobw1{width: 31.21%;}
.jobw2{width: 16.43%;}
.jobw3{width: 18.57%;}
.jobw4{width: 15.71%;}
.jobw5{width: 9.258%;}
.jobw6{width: 8.813%;}
.job-label .jobw1{font-weight: bold;}
.job-list{margin-bottom: 3.57%; }
.job-title,.job-list{min-width: 640px;}
.job-handle{width: 40px; height: 40px; background-image: url(/yhzd-image/icon-select-1.png); background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s; cursor: pointer;}
.job-content{  line-height: 2.25; padding: 2.14% 2.5% 4.2857%; background-color: #f8f8f8; display: none;}

.job-btn{width: 160px; height: 45px; line-height: 45px; text-align: center ; color: #fff; background-color: #b4c200; margin-top: 3.5%; cursor: pointer ; transition: .3s;}
.job-btn:hover{opacity: 0.8;}
.job{overflow-x: auto;}
.active .job-label{background-color: #19238a;border-color: #19238a;}
.active .job-handle{transform: rotate(180deg); background-image: url(/yhzd-image/icon-select-active.png);}
.active .job-label{color: #fff;}

@media (max-width: 1024px){
    .job-label,.job-title{line-height: 60px; font-size: 14px;}
    .jobw1{width: 26.21%;}
    .jobw3{width: 13.57%;}
    .jobw2{width: 21.43%;}
    .jobw5{width: 14.258%;}
}
@media (max-width: 768px){
    .job-label,.job-title{font-size: 12px;line-height: 50px;}
}
.disclosure{padding-bottom: 3.64%; padding-top: 10px;}
.disclosure-list{margin-bottom: 4.2857%;}
.dis-item{margin-bottom: 2.1428%;}
.dis-item .time{width: 105px;padding: 10px 0;}
.dis-item .time-box{width: 80px; height: 80px; text-align: center; background-color: #f8f8f8;font-weight: bold; font-family: "Oswald"; transition: .3s; }
.dis-item .day{color: rgb(25, 35, 138);}
.dis-item .year{ font-size: 14px;  color: rgb(153, 153, 153); line-height: 1;}
.dis-item h2{line-height: 1.2; color: #333; margin-bottom: 5px;}
.dis-item .des{ color: rgb(153, 153, 153); line-height: 1.875;}
.dis-item .txt{border-bottom: 1px solid #eee; position: relative; padding-right: 40px;}
.dis-item .more{width: 30px; height: 30px; border-radius: 50%; background-color: #eee; background-position: center center; background-repeat: no-repeat; background-image: url(../image/page_prev.png); transform: rotate(180deg);
position: absolute; right: 0; top: 0; bottom: 0; margin: auto;transition: .3s;
}

.dis-item:hover .time-box{background-color: #19238a;}
.dis-item:hover .day{color: #fff;}
.dis-item:hover .year{   color: rgba(255, 255, 255, 0.502);}
.dis-item:hover .more{background-color: #19238a; background-image:url(../image/page_prev_active.png);}
.dis-item:hover h2{color: #19238a;}

@media (max-width:1024px){
    .dis-item .time-box{width: 65px; height: 65px;}
    .dis-item .time{width: 80px;}
}
@media (max-width:768px){
    .dis-item .time-box{width: 60px; height: 60px; padding: 5px 0;}
    .dis-item .time{width: 70px;}
}


.bottom{background-color: #41576d; background:#41576d url(../image/bottom-bg.png) right center no-repeat; background-size: contain;}
.bottom .top-wrap{padding-bottom: 3.21%; padding-top: 4.786%;}
.bottom .top-wrap .left{float: left; width: 76%;}
.bottom .top-wrap .left li{float: left; width: 10%;}
.bottom .top-wrap .left li em {font-style: normal;}
.bottom .top-wrap .left li em a{color: #fff; line-height: 2.5;}
.bottom .top-wrap .left li em a:hover{color: #b4c200;}
.bottom .top-wrap .left li .sub a{ font-size: 14px;  color: rgba(255, 255, 255, 0.502); line-height: 2.571;}
.bottom .top-wrap .left li .sub a:hover{color: #b4c200;}
.bottom .top-wrap .right{float: right;}
.bottom .top-wrap .right .hot-line{ color: rgb(197, 215, 3); line-height: 2.5;}
.bottom .top-wrap .right .phone a{ font-family: "Oswald";color: rgb(197, 215, 3); line-height: 1.333; }
 .top-wrap .right .phone{margin-bottom: 28px;}
.shares{font-size: 0; text-align: right;}
.shares-item{display: inline-block; margin-left: 20px; position: relative;background-color: rgba(216, 236, 249,0.102); border-radius: 50%; transition: .3s;}
.shares-item:first-of-type{margin-left: 0;}
.shares-item a{display: block; width: 40px; height: 40px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; transition: .3s;}

.shares-item a.wechat{background-image: url(../image/wechat.png);}
.shares-item a.wechat:hover{background-image: url(../image/wechat-active.png);}
.shares-item a.link{background-image: url(../image/link.png);}
.shares-item a.link:hover{background-image: url(../image/link-active.png);}
.shares-item a.dy{background-image: url(../image/dy.png);}
.shares-item a.dy:hover{background-image: url(../image/dy-active.png);}
.shares-item a.butter{background-image: url(../image/butter.png);}
.shares-item a.butter:hover{background-image: url(../image/butter-active.png);}

.shares-item .qrcode{width: 100px; height: 115px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); background: url(../image/qr-bg.png) bottom center no-repeat;opacity: 0; visibility: hidden; transition: .3s;}
.shares-item .qrcode .img{width: 100px; height: 100px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.shares-item .qrcode img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 85%; max-height: 85%;}

.shares-item:hover .qrcode{opacity: 1;visibility: visible;}
.shares-item:hover{background-image: -moz-linear-gradient( 180deg, rgb(21,155,217) 0%, rgb(197,215,3) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(21,155,217) 0%, rgb(197,215,3) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(21,155,217) 0%, rgb(197,215,3) 100%);}
.bottom .bot-wrap{line-height: 20px; font-size: 14px; padding: 2.32% 0; border-top: 1px solid rgba(220, 237, 247,0.102);}
.bottom .bot-wrap .copyright{float: left;color: rgba(255, 255, 255, 0.502);}
.bottom .bot-wrap .copyright a{color: rgba(255, 255, 255, 0.502); }
.bottom .bot-wrap .copyright a:hover{color: #b4c200;}
.bottom .bot-wrap .auxiliary{float: right; font-size: 0;}
.bottom .bot-wrap .auxiliary a{ font-size: 14px;  color: rgba(255, 255, 255, 0.502); padding: 0 14px; display: inline-block; position: relative; vertical-align: top;}
.bottom .bot-wrap .auxiliary a::before{content: ''; width: 2px; height: 2px; border-radius: 50%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.502);}
.bottom .bot-wrap .auxiliary a:hover{color: #b4c200;}

.bottom .bot-wrap .auxiliary a:first-of-type{padding-left: 0;}
.bottom .bot-wrap .auxiliary a:last-of-type{padding-right: 0;}
.bottom .bot-wrap .auxiliary a:last-of-type::after{display: none;}

@media (max-width:1024px){
    .shares-item{margin-left: 5px;}
    .bottom .top-wrap .left li{width: 12.5%;}
}
@media (max-width:768px){
    .bottom .top-wrap .left{display: none;}
    .bottom .top-wrap{text-align: center;}
    .bottom .top-wrap .right{float: none;  display: inline-block;}
    .bottom .bot-wrap .copyright{float: none; text-align: center; padding: 5px 0;} 
    .bottom .bot-wrap .auxiliary{width: 100%; text-align: center; padding: 5px 0;}
    .shares-item .qrcode{height: 105px;}
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: #b4c200 !important;}
@media(max-width:1024px){
.fp-tableCell,.fp-section.fp-table{height: auto !important;}
}

.index-banner .bg_cover{height: 100vh;}
.index-banner .item{position: relative;}
.index-banner .item a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.index-banner .slick-dots{position: absolute; width: 100%; left: 0; text-align: center; z-index: 2; bottom: 4.1667%;}
.index-banner .slick-dots li{display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid transparent; margin: 0 15px; cursor: pointer; opacity: 0.502; transition: .3s; position: relative;} 
.index-banner .slick-dots li button{display: none; }
.index-banner .slick-dots li::before{content: '';width: 5px; height: 5px; border-radius: 50%;background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.index-banner .slick-dots li.slick-active{opacity: 1; border-color: #fff;}

.index-about{padding: 4% 0;}
.index-about .txt{width: 50%; float: left; padding-right: 8.15%;}
.index-about .title{  color: rgb(255, 255, 255); margin-bottom: 3.42%;}
.index-about .en{font-size: 15px;}
.index-about .des{  color: rgb(255, 255, 255);  line-height: 1.875; margin-bottom: 8.55%;}

.index-about  .quick-nav{font-size: 0; text-align: justify; text-justify: inter-ideograph; margin-bottom: 11.96%;}
.index-about  .quick-nav::after{content: ''; width: 100%; height: 0; display: inline-block;}
.index-about  .quick-nav .item{width: 32.33%; display: inline-block; text-align: center; border-bottom: 1px solid rgba(255, 255, 255,0.5); padding-bottom: 13px; max-width: 160px;}
.index-about  .quick-nav .icon{padding-top: 40px; position: relative; margin-bottom: 10px;}
.index-about  .quick-nav .icon img{position: absolute; left: 0; right: 0;bottom: 0; margin: auto; max-height: 100%;}
.index-about  .quick-nav span{ color: rgb(255, 255, 255); line-height: 1.667;}
.index-about  .more a{ color: rgb(255, 255, 255);display: inline-block; padding-right: 18px; background: url(../image/more.png) right center no-repeat;}
  
.index-about .pic{width: 50%; float: left;padding-left: 5.95%;}
.index-about .pic .bg_cover{padding-top: 55.41% ; transition: .3s}
.index-about .pic .img{ position: relative;overflow: hidden;}
.index-about .pic .open-video{width: 60px; height: 60px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 2; background: url(../image/play02.png) center center no-repeat;}
.index-about .pic:hover .bg_cover{transform: scale(1.05);}

@media(max-width:768px){
    .index-about .txt,.index-about .pic{width: 100%; float: none; padding: 2% 0;}
    .index-about .quick-nav{margin-bottom: 3%;}
    .index-about .des{margin-bottom: 3%;}
    .index-about .quick-nav .icon{padding-top: 30px;}
    .index-about .quick-nav span{font-size: 14px;}
}


.index-cate .item{ width: 50%; float: left; position: relative; overflow: hidden; transition: .3s;}
.index-cate .item::after{content: ''; width: 100%; height: 100%;position: absolute; left: 0; top: 0; background-color: #000;opacity: 0.5; z-index: 5; visibility: hidden;}
.index-cate .bg_cover{height: 100vh;  transition: .3s; /*background-position: bottom center;*/ }
/* .index-cate .item:hover .bg_cover{transform: scale(1.05);} */
.index-cate .item .txt{position: absolute;left: 0; width: 100%;max-width: 400px;background-color: rgba(0, 130, 204,0.902); z-index: 2;padding: 6.64%; padding-left: 110px;  padding-right: 50px; transition: .5s;}
/* .index-cate .item:nth-of-type(1) .txt{bottom: 14.1667%;}
.index-cate .item:nth-of-type(2) .txt{bottom: 19.375%;}
.index-cate .item:nth-of-type(3) .txt{bottom: 24.375%;} */
.index-cate .item:nth-of-type(1) .txt{top: 70%;}
.index-cate .item:nth-of-type(2) .txt{top: 65.1%;}
.index-cate .item:nth-of-type(3) .txt{top: 60.2%;}
.index-cate .item .cn{ color: rgb(255, 255, 255);line-height: 1.333;}
.index-cate .item .en{  color: rgb(255, 255, 255);  font-family: "Oswald"; font-weight: normal;}
.index-cate .item .index{font-size: 60px;font-family: "Oswald"; color: rgb(197, 215, 3);font-weight: bold; position: absolute; left: 40px; top: 24px; line-height: 1;}  
.index-cate .item .more{width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255,0.5); background-image: url(../image/more.png); background-position: center center; background-repeat: no-repeat; position: absolute; right: 20px; top: 20px;}
.index-cate .item:hover .more{background-color: #b4c200; border-color: #b4c200;}
.index-cate .item .des{ color: rgb(255, 255, 255);line-height: 1.875; height: 3.75em; margin-top: 10px; height: 0; transition: .3s;}

.index-cate .item.active .txt{max-width: 100%;}
.index-cate .item.active .des{height: 3.75em;}
.index-cate .item.noactive::after{opacity: 0.5;visibility: visible;}
@media(min-width:1025px){
    .index-cate .item.active{width: 60%;}
    .index-cate .item.noactive{width: 40%; }
}
@media(max-width:1024px){
    .index-cate .item .txt{padding-left: 50px; padding-right: 40px;}
    .index-cate .item .index{font-size: 30px; left: 10px;}
    .index-cate .bg_cover{height: auto;padding-top: 150%;}
    .index-cate .item .cn{font-size: 20px;}
    .index-cate .item .en{font-size: 14px;}
    .index-cate .item .des{font-size: 13px;}
}
@media(max-width:768px){
    .index-cate .item{float: none; width: 100%;}
    .index-cate .item .des{font-size: 12px;}
}
.index-project{height: 100%; color: #fff;}
.index-project .left{width: 25%; vertical-align: bottom; background: url(../image/index-projectbg.jpg) center center no-repeat; background-size: cover; } 
.index-project .left>.box{width: 96%; max-width: 360px; float: right; padding-right: 15px;}
.index-project .cn{ line-height: 1.333;}
.index-project .en{  font-family: "Oswald"; line-height: 1.5; font-weight: normal ;}
.index-project .left .item{padding-top: 20px; padding-right: 40px; cursor: pointer;}
.index-project .left .title{margin-bottom: 3.33%;}
.index-project .left .bg_cover{padding-top: 66.67%; transition: .3s;}
.index-project .left .item .box{position: relative;}
.index-project .left .pic{overflow: hidden;}
.index-project .left .txt{line-height: 40px; text-align: center; color: #fff; position: absolute; width: 100%; left: 0; bottom: 0;background-color: rgba(0, 130, 204,.8);}
.index-project .left .txt i{width: 0; height: 40px; position: absolute;   left: 100%; bottom: 0; background-color: rgba(0, 130, 204,.8); background-image: url(../image/more.png); background-position: center center; background-repeat: no-repeat; transition: .3s;}
.index-project .left .item:hover .bg_cover{transform: scale(1.05);}
.index-project .left .item:hover .txt{ background-color: rgba(180, 194, 0,0.8);}
.index-project .left .item:hover .txt i{background-color: rgba(180, 194, 0,0.8); width: 40px;}
  
.index-project .slick-arrow{width: 30px; height: 30px; background-color: transparent; border: 1px solid rgba(255, 255, 255,0.5); position: absolute; right: 0; z-index: 2;}
.index-project .slick-arrow:hover{background-color: #b4c200;border-color: #b4c200;}
.index-project .left .slick-next{bottom: 50px; transform: rotate(-90deg);}
.index-project .left .slick-prev{bottom: 90px; transform: rotate(90deg);}

.index-project .right .bg_cover{height: 100vh;}
.index-project .right .txt{position: absolute ; width: 100%; max-width: 640px; right: 0; bottom: 0; z-index: 2; background-color: rgba(32, 43, 58,0.702); padding: 2.78% 8.33% 3.47%  3.47% ;}

.index-project .right h2{ line-height: 1.667; margin-bottom: 5.53%;}
.index-project .right .des{ line-height: 1.875; height: 5.625em; margin-bottom: 5.96%;}
.index-project .right .more a{display: inline-block; padding-right: 15px; background: url(../image/more.png) right center no-repeat; color: #fff;}
.index-project .right .more :hover{color: #b4c200;}
.index-project .right .slick-arrow{bottom: 230px;}
.index-project .right .slick-next{right: 8.33%;}
.index-project .right .slick-prev{right: calc(8.33% + 40px);}
@media(max-width:1024px){
    .index-project .right .bg_cover{height: auto; padding-top: 66.67%;}
    .index-project .left .item{padding-top: 10px;}
    .index-project .right .slick-arrow{bottom: 200px;}
    .index-project .left>.box{padding-right: 0;}
}

@media(max-width:768px){
    .index-project ,.index-project .ytable-cell{width: 100%; display: block;}
    .index-project .left>.box{max-width: none; float: none; margin: 0 auto; padding: 2% 0; }
    .index-project .left .item{padding-right: 30px;}
    .index-project .left .txt{height: 30px; line-height: 30px;}
    .index-project .left .txt i{height: 30px;}
    .index-project .left .item:hover .txt i{width: 30px;}
    .index-project .slick-nav .slick-list{overflow-y: visible;}
    .index-project .left .slick-prev{right: 40px; top: -50px; bottom: auto; transform: rotate(0);}
    .index-project .left .slick-next{right: 0;top: -50px; bottom: auto;transform: rotate(180deg);}
    .index-project .right h2{margin-bottom: 5px;}
    .index-project .right .des{margin-bottom: 10px;}
    .index-project .right .txt{position: relative;}
    .index-project .right .slick-arrow{bottom: 135px;}
}

.index-news {color: #fff; padding-top: 100px;}
.index-news .title{margin-bottom: 2.27%;}
.index-news .title .cn{ line-height: 1.333;}
.index-news .title .en{   font-family: "Oswald"; line-height: 1.5; font-weight: normal;}

.index-news .left{width: 64.29%; float: left;}
.index-news .left .item{position: relative;}
.index-news .left .item .mask{width: calc(100% - 40px); height: calc(100% - 50px); position: absolute; right: 0; bottom: 0; overflow: hidden;}
.index-news .left .item .mask::before{content: ''; width: 100%; height: 100%;position: absolute; left: 0; top: 0;  background-color: rgb(32, 43, 58);  opacity: 0.4;filter: blur(2px)}
.index-news .left .pic{width: 44.44%; float: left;overflow: hidden; position: relative; z-index: 2;}
.index-news .left .bg_cover{padding-top: 66.67%; transition: .3s; display: block;}
.index-news .left .txt{width: 55.56%; float: left; padding-left: 4.63%; padding-right: 9.26%; position: relative; z-index: 2;}
.index-news .left .year{font-family: "Oswald";  color: rgb(180, 194, 0); font-weight: bold;}
.index-news .left .day{font-family: "Oswald";  color: rgb(180, 194, 0); font-weight: bold; line-height: 1;}
.index-news .left h2{ color: rgb(255, 255, 255);  line-height: 1.5;height: 3em; margin-bottom: 5.33%;}
.index-news .left .des{ color: rgb(255, 255, 255); line-height: 1.875; height: 5.625em; margin-bottom: 35px;}
.index-news .left .more{color: #fff; display: inline-block; padding-right: 15px; background: url(../image/more.png) right center no-repeat;  margin-bottom: 40px;}
.index-news .left .item:hover .bg_cover{transform: scale(1.05);}
.index-news .left .item:hover h2,.index-news .left .item:hover .more{color: #b4c200;}
.index-news .left .time{margin-bottom: 6.667%;}
.index-news .left .slick-dots{position: absolute; right: 9.26%; bottom: 11%; font-size: 0; z-index: 5;}
.index-news .left .slick-dots li:first-of-type{margin-left: 0;}
.index-news .left .slick-dots li{border: 1px solid transparent;cursor: pointer; display: inline-block; margin-left: 30px; border-radius: 50%; transition: .3s;}
.index-news .left .slick-dots li button{width: 5px; height: 5px; border-radius: 50%; background-color: #a4b6c6; border: 0;font-size: 0; margin: 6px; transition: .3s;}
.index-news .left .slick-dots li.slick-active{border-color: #b4c200;}
.index-news .left .slick-dots li.slick-active button{background-color: #b4c200;}

.index-news .right{width: 34.52%; float: right;}
.index-news .right .more{text-align: right; line-height: 50px;}
.index-news .right .more a{display: inline-block; padding-right: 15px; color: #fff; background: url(../image/more.png) right center no-repeat; }
.index-news .right .list{position: relative; padding: 8.62% 10.34% 6.21% 6.21%;}
.index-news .right .list .mask{width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; overflow: hidden;}
.index-news .right .list .mask::before{content: ''; width: 100%; height: 100%;position: absolute; left: 0; top: 0;  background-color: rgb(32, 43, 58);  opacity: 0.4;filter: blur(5px)}
.index-news .right h2{padding-left: 18px;line-height: 1.875; position: relative; height: 3.75em; color: #fff;}
.index-news .right h2::before{content: ''; width: 4px; height: 4px; background-color: #fff; left: 0;top: 10px; position: absolute;}
.index-news .right .time{ color: rgba(255, 255, 255, 0.502); line-height: 1.875; padding-left: 18px;}
.index-news .right .list .item{border-bottom: 1px dotted #fff; padding-bottom: 23px; margin-bottom: 23px;} 
.index-news .right .list .item:hover h2{color: #b4c200;}
.index-news .right .list .item:last-of-type{margin-bottom:0;}
@media(max-width:1024px){
    .index-news .left,.index-news .right{float: none; width: 100%;}
    .index-news{padding: 2% 0;}
    .index-news .right .list{padding: 3% ;}
    .index-news .right .list .item{padding-bottom: 2%; margin-bottom: 2%;}
}

@media(max-width:768px){
    .index-news .left .pic,.index-news .left .txt{width: 100%; float: none;}
    .index-news .left .item .mask{width: 100%; height: 100%;}
    .index-news .left .txt{padding: 15px;}
    .index-news .left h2{margin-bottom: 5px;-webkit-line-clamp:1; height: 1.5em;}
    .index-news .left .des{-webkit-line-clamp:2; height:3.75em; margin-bottom: 10px;}
    .index-news .left .more{margin-bottom: 10px;}
    .index-news .left .time{margin-bottom: 10px;}
    .index-news .left .slick-dots{bottom: 25px;}
}

.sitemap { padding-bottom: 5%; }
.sitemap li {padding: 10px 0;border-bottom: dotted 1px #e4e4e4;}
.sitemap li b {padding: 10px 0;display: block;font-size: 16px;font-weight: normal;}
.sitemap li span {opacity: 0.8;display: inline-block;white-space: nowrap;padding-right: 20px;}


.search{padding: 5.21% 0;}
.search .list{margin-bottom: 3%;}
.search .item{padding-right: 100px; border-bottom: 1px dashed #eee; position: relative;}
.search .item a{line-height: 40px;} 
.search .item .time{position: absolute; width: 100px; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:640px){
    .search .item{padding-right: 75px;}
    .search .item .time{width: 70px; font-size: 12px;}
}

.show_job_form{ text-align:center;display: none; z-index: 201; left: 0; top: 0; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);padding-top: 5%;}
.show_job_form .ytable{ height: 100%}
.show_job_form .formbox{ padding: 30px; position: relative; margin: auto; display: inline-block; width:90%; max-width: 600px; background: #fff; box-shadow:0 0 20px rgb(0 0 0 / 57%)}
.show_job_form .close{position: absolute; top: 10px; right:10px; width: 36px; height: 36px; cursor: pointer; z-index: 10;}
.show_job_form .close::before,
.show_job_form .close::after{ position:absolute; content:''; width:100%; height:3px; border-radius:3px; background:#19238a; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.show_job_form .close::after{transform:rotate(-45deg);}

.show_job_form .box_text{ padding: 5px 0}
.show_job_form .text{ width: 100%; padding: 10px; border: solid 1px #dedede}
.show_job_form .btn{ margin: auto; width: 25%; max-width: 188px; font-size: 14px;  color: #fff; background: #19238a; padding: 10px 0; border:none; cursor: pointer;}
.show_job_form #jobname{ display: block; font-size: 18px; color: #19238a}

.show_job_form .queueList{ margin: 0}
.show_job_form .placeholder .webuploader-pick{ background: #19238a}
.show_job_form .webuploader-container{ max-width:168px; margin:auto;}
.show_job_form .placeholder{ font-size:14px;}
.show_job_form .placeholder input{ display:block; width:100%; height:44px;}
.show_job_form .placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}
.show_job_form .statusBar .btns .uploadBtn{background: #19238a}
.show_job_form .statusBar .info{padding-right: 80px;}
#filePicker140385 div:last-of-type{width: 168px !important; height: 44px !important;}
#filePicker140456 div:last-of-type{width: 168px !important; height: 44px !important;}

.friendLinks{padding: 5% 0;}
.friendLinks .item{width: 25%; padding: 0 2%; float: left; margin-bottom: 2%;} 
.friendLinks .item a{display: block; line-height: 60px; text-align: center;  border: 1px solid #eee; transition: .3s; padding: 0 5px;}
.friendLinks .item a:hover{background: #19238a; color: #fff; }
@media (max-width: 768px){
    .friendLinks .item{width: 33.33%;}
}
@media(max-width:640px){
    .friendLinks .item{width: 50%;}
    .friendLinks .item a{line-height: 50px;}
}
@media(max-width:440px){
    .friendLinks .item{width: 100%;}
}

.duty .slick-arrow{width: 55px; height: 55px; border-radius: 50%; border: 1px solid  rgb(230, 230, 230); position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer;}
.duty .slick-prev{left: 0;}
.duty .slick-next{right: 0;}
.duty .slick-box{margin: 0 -2%;}
.duty .slick-item{width: 33.33%; float: left; padding: 0 2% 2%;}
.duty .pic{float: left; width: 63.216%; padding: 3.512%; background: #f5f9fa url(../image/picbg_ambient.jpg) no-repeat no-repeat bottom;}
.duty .pic .img{display: block; padding-top: 74.38%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.duty .slick-item:hover .img{background-size: 110%;}
/* .duty .pic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; max-width: 100%; max-height: 100%;} */
.duty .info{ float: right; width: 30%;}
.duty .info h3{margin: 0;}
.duty .info p{margin: 0; position: relative; text-align: justify;}
.duty .info h3 a{font-size: 18px; color: rgb(51, 51, 51);margin: 0;line-height: 1; padding-top: 25px; margin-bottom: 15px;}
.duty .info p a{font-size: 30px;line-height: 1.5;color: rgb(153, 153, 153); margin-top: 15%; margin-bottom: 28%;}
.duty .part1{position: relative;}
.duty .part1 .info{border: 0;}
/* .duty .part1 .slick-box{ margin: 40px 0 120px;} */
/* .duty .part1 .pic{ padding-top: 118.4%;} */
.duty .part1 .info{padding-top: 16px; position: relative;}
.duty .part1 .info p{width: 77.74%;margin: 0%;}
.duty .part1 .info p a{font-size: 30px; line-height: 1.625;color: rgb(51, 51, 51);}
.duty .part1 .info p a:hover{color: #171c8f;}
.duty .download{width: 65px; height: 30px;  border-radius: 15px; text-align: center; background-color: #ecf0f4;}
.duty .download a{font-size: 14px;color: rgb(102, 102, 102);line-height: 30px;}
.duty .download a:hover{ color: #171c8f;}
@media(max-width: 1024px){
    .duty .slick-item{width: 50%;}
}
@media(max-width: 640px){
    .duty .slick-item{width: 100%;}
}


.public_part2{padding: 50px 0 100px; }
.public_part2 .tit{	font-size: 40px;font-weight: normal;color: #19238a;text-align: center;margin: 0;}
.public_part2 .nav{text-align: center;margin: 40px 0 80px;}
.public_part2 .nav li{display: inline-block;margin: 10px 15px;}
.public_part2 .nav li a{display: block;	font-size: 20px; padding: 20px 30px;border: 2px solid #19238a;border-radius:4px;}
.public_part2 .nav li a:hover,.public_part2 .nav li a.on{background-color: #19238a;border-color:#19238a;cursor:pointer; color: #fff;}
.public_part2 .cont{max-width: 1220px;margin: auto;font-size: 16px;line-height: 30px; }


.culture_par5{padding: 120px  0 160px;}
.culture_par5 .label{font-size: 26px;font-weight: normal;color: #ffffff;text-align: center;margin: 0;}
.culture_par5 .data{margin-top: 70px;padding: 0 13.75%;}
.culture_par5 .data .left{width: 31%;padding-right: 2%;}
.culture_par5 .data .right{width: 68.96%;	font-size: 18px;line-height: 36px;color: #ffffff;}
.culture_par5 .nav li{margin: 20px 0;}
.culture_par5 .nav li>a{cursor: pointer;}
.culture_par5 .nav .tip{background-color: #ffffff;border-radius: 14px;display: inline-block;padding: 5px 10px;vertical-align: middle;font-size: 16px;color: #58b4e5}
.culture_par5 .nav .txt{font-size: 36px;color: #ffffff;display: inline-block;margin-left: 15px;vertical-align: middle;}
.culture_par5 .nav li>a:hover .tip,.culture_par5 .nav li>a.on .tip{background-color: #c3d600; color: #fff;}
.culture_par5 .nav li>a:hover .txt,.culture_par5 .nav li>a.on .txt{color: #c3d600;}
.culture_par5 .Info{font-size: 18px;line-height: 36px;color: #ffffff; }

.culture_par5 .info{font-size: 18px;line-height: 36px;color: #ffffff; }


.culture_par5 .slick-dots{ position: absolute; z-index: 2; width: 100%; text-align: center; bottom: -6%;}

.culture_par5 .slick-dots li{ display: inline-block; border-radius: 100%; background: #fff; width: 8px; height: 8px; margin: 0 9px; transition: all 0.5s; cursor: pointer;}

.culture_par5 .slick-dots button{ display: none;}

.culture_par5 .slick-dots .slick-active{ width: 30px; border-radius: 20px;}

@media  (max-width: 768px){
	.culture_par5{padding: 60px 0;}
	.culture_par5 .data{margin-top: 30px;display: block;}
	.culture_par5 .data .left,.culture_par5 .data .right{display: block;width: 100%;padding: 0;}
	.culture_par5 .nav .txt{font-size: 24px;}
	.culture_par5 .nav li{text-align: center;}
}
    