
/* banner */
.banner { position: relative;}
.banner .item { overflow: hidden; }
.banner .item img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .banner-pager{position:absolute;z-index:3;left:0;bottom:2rem;width:100%;overflow:hidden;text-align:center; }
.banner .banner-pager span{  width: 10px; height: 10px;  background: #fff; opacity: 1; transition: all 0.5s; border:none;border-radius:5px;}
.banner .banner-pager span.swiper-pagination-bullet-active{ width:32px; border-radius:5px;opacity: 1;border:none;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer; width: 70px; height: 70px; border-radius: 50%; transition: all 0.5s; opacity: 0;}
.banner .banner-prev{left:5%;}
.banner .banner-next{right:5%;}
.banner .banner-prev img ,.banner .banner-next img { width: 100%;}
.banner:hover .banner-prev, .banner:hover .banner-next { opacity: 0.5; background-color: #1e4084;}
.banner .banner-prev:hover , .banner .banner-next:hover  { opacity: 1;}
@media (max-width:1024px){
    .banner .item img{display:block;left:0;width:100%;transform:translateX(0);}
    .banner .banner-prev,.banner .banner-next{display:none;}
}
/* banner end */


/* search */
.search { position: relative; padding: 4.6875rem 0; box-sizing: border-box; overflow: hidden; background: url("../images/search-bg.jpg") no-repeat center; width: 100%; height: 18.6875rem; background-size: cover;}
.search-slide { overflow: hidden; position: relative;}
.search-slide ul { float: left;}
.search-slide li { float: left; width: 190px; height: 70px;line-height: 70px; text-align: center;font-size: 18px; color: #000; background: #eceff8;}
.search-slide li i {width: 2.1875rem;font-size: 0;display: inline-block;vertical-align: middle;margin-right: 0.5rem;}
.search-slide li i img { width: 100%;}
.search-slide li.cur { background: #1e4084; color: #fff;}
.search-slide li.cur i img {filter:contrast(0%) brightness(200%)}
.search-list { float: left; height: 70px;}
.search-main { display: block; float: left; margin-left: 1.125rem;  overflow: hidden; height: 70px; }
.search-main .swiper-slide { padding: 0 10px;}
.search-slide  .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.search-main .swiper-slide span { float: left; margin-right: 1.25rem; font-size: 0.9375rem; color: #666;}
.search-input { display: none; overflow: hidden; margin-top: 1.25rem;}
.search-input.cur { display: block;}
.search-input input { float: left; margin-right: 1%; width: 27%; height: 3.75rem; line-height: 3.75rem;  padding-left: 0.625rem; box-sizing: border-box; border: 1px solid #dbdbdb; background: #fff; font-size: 0.9375rem;}
.search-input .hqjg { float: left; width: 16%;  height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 0.9375rem; color: #fff; background: #1e4084;margin:0;}
.search-input i { margin-left: 0.9375rem; margin-top: -0.1rem; display: inline-block; background: url("../images/search-icon03.png") no-repeat center; background-size: 100%; width: 1.125rem; height: 1.125rem; vertical-align: middle;}
@media (max-width: 992px) {
    .search {padding:1rem 2.5%;height: 30rem;}
    .search-slide ul { width: 100%;}
    .search-slide li { width:50%;height: 3.125rem; line-height: 3.125rem;}
    .search-list { width: 100%; margin-top: 1rem; overflow: hidden;}
    .search-input input {margin-right:2%;width: 49%;}
    .search-input input:nth-of-type(2) { margin-right: 0;}
    .search-input input:nth-of-type(3) { width: 100%; margin-right: 0; margin-top: 2%;}
    .search-input .hqjg {margin-top: 2%;width: 100%;}
}
/* search end */


/* sdbz */
.sdbz { position: relative; overflow: hidden; background: #f9f9f9; padding: 70px 0;}
.sdbz-con { overflow: hidden; margin-top: 55px; position: relative;}
.sdbz-con:after {content: '';display: block;position: absolute;left: 0;top: 12%;background: url("../images/sdbz-bf.png") no-repeat center;width: 100%;height: 205px;background-size: 100%;}
.sdbz-con .item  {float: left;width: 23%;position: relative;z-index: 2;}
.sdbz-con .item span {position:relative;display: block;margin: 0 auto;width:9.6875rem;height: 9.6875rem;overflow: hidden;border-radius: 50%;}
.sdbz-con .item span:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 5px solid #cecece; box-sizing: border-box;}
.sdbz-con .item span img { width: 100%;}
.sdbz-con .item .tit {clear: both;margin-top: 2.9375rem;}
.sdbz-con .item em { display: block; font-size: 1.125rem; color: #333; }
.sdbz-con .item h2 { font-size: 1.5rem; color: #333; font-weight: normal; margin-bottom: 0.625rem;}
.sdbz-con .item p { font-size: 15px; color: #666; padding: 0.3125rem 0;}
.sdbz-con .item:nth-of-type(1) {margin-top: 7.5rem;text-align: center;margin-left: 2rem;}
.sdbz-con .item:nth-of-type(2) {width: 27%;margin-top: 9.625rem;margin-left: 4rem;}
.sdbz-con .item:nth-of-type(2) span { float: left;}
.sdbz-con .item:nth-of-type(2) .tit {  clear:none;float: left; margin-left: 0.625rem; margin-top: 3.375rem;}
.sdbz-con .item:nth-of-type(3) {width: 27%;margin-left: -6rem;}
.sdbz-con .item:nth-of-type(3) span { float: left;}
.sdbz-con .item:nth-of-type(3) .tit {  clear:none;float: left; margin-left: 0.625rem; margin-top: 3.375rem;}
.sdbz-con .item:nth-of-type(4) {margin-top: 4.125rem;text-align: left;width: 20%;margin-left: 2rem;}
.sdbz-con .item:nth-of-type(4)  span { margin: 0;}
.sdbz-con .item:hover span:after { border: 5px solid #1e4084;}
@media (max-width: 1400px) {
    .sdbz-con .item span { display: block; width: 7.6875rem; height: 7.6875rem;}
    .sdbz-con .item:nth-of-type(2) { margin-left: 2rem;}
    .sdbz-con .item:nth-of-type(3) .tit { margin-left: 1rem;}
    .sdbz-con .item:nth-of-type(3) { width: 29%; }
}

@media (max-width: 992px) {
    .sdbz { padding: 40px 0;}
    .sdbz-con .item { text-align: center!important; margin: 0 0 3rem 0!important; width: 50%!important; margin-top: 0!important;}
    .sdbz-con .item span { margin: 0 auto!important; float: none!important;}

}
/* sdbz end */



/* zcfw */
.zcfw { position: relative; padding: 0 2.5%; box-sizing: border-box; overflow: hidden; background: url("../images/zcfw-bg.jpg") no-repeat center; width: 100%; height: 50.4375rem; background-size: cover;}
.zcfw .wrap-tit { padding-top: 3.75rem;}
.zcfw  .wrap-tit h2 { color: #fff;}
.zcfw  .wrap-tit p { color: #fff;}
.zcfw-con { overflow: hidden; margin-top: 3.125rem;}
.zcfw-con .item { float: left; width: 49%; height: 15.9375rem; margin-right: 2%; margin-bottom:2%;background: #fff; padding:0 2.5rem; }
.zcfw-con .item:nth-of-type(even) {margin-right: 0;}
.zcfw-con .item .zcfw-top { overflow: hidden; margin-bottom:0.625rem;padding: 0.625rem 0; border-bottom: 1px solid #e9e9e9;}
.zcfw-con .item .zcfw-top i { float: left; width: 3.4375rem; font-size: 0;}
.zcfw-con .item .zcfw-top i img { width: 100%;}
.zcfw-con .item .zcfw-top span { padding-top:1rem;float: left;  margin-left: 0.3125rem; font-size: 1.5rem; color: #000;}
.zcfw-con .item .zcfw-top span a { color: #000;}
.zcfw-con .item .zcfw-top > a { margin-top: 1.4rem; float: right; font-size: 1rem; color: #666;}
.zcfw-con .item li { position:relative;float: left; width: 33.333%; padding: 0.5rem 0 0.5rem 4%; box-sizing: border-box;}
.zcfw-con .item li a { font-size: 1.125rem;  color: #666;}
.zcfw-con .item li:after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #666; transform: translateY(-50%);}
.zcfw-con .item li a:hover {text-decoration:underline; }
@media (max-width: 992px) {
    .zcfw-con .item li {height:28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .zcfw { height: 80.4375rem;}
    .zcfw .item { width: 100%;margin-right: 0; padding: 0 1rem;}
}
/* zcfw end */

/* indexInfo */
.indexInfo { position: relative; overflow: hidden; padding: 3.75rem 2.5%; box-sizing: border-box; background: #fff;}
.indexInfo-con { margin-top: 5rem; overflow: hidden; position: relative;}
.indexInfo .infoData { overflow: hidden; padding-bottom: 3.75rem; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.indexInfo .infoData li { float: left; width: 25%; text-align: center;}
.indexInfo .infoData li h2 { font-size: 3.75rem; color: #1e4084; font-family: "DIN Bold";}
.indexInfo .infoData li h2 em { margin-left: 0.9375rem; display: inline-block;  width: 1.625rem; height: 1.625rem; line-height: 1.625rem ;font-size:1.125rem; color: #fff; border-radius: 50%; background: #1e4084; text-align: center;}
.indexInfo .infoData li p { font-size: 1.125rem; color: #222; padding-top: 1rem;}
.indexInfo-con > p  { text-align: center; font-size: 1rem; color: #222; line-height: 1.5; padding: 3.4375rem 3%; box-sizing: border-box;}
#photos-slide { margin: 0 5.625rem; box-sizing: border-box; overflow: hidden;}
#photos-slide  .swiper-slide { width:700px; font-size: 0; position: relative;}
#photos-slide  .swiper-slide .pic { width: 100%; font-size: 0; position: relative;}
#photos-slide  .swiper-slide img{display:block; width: 100%;}
#photos-slide  .swiper-slide .pic:after { content: '';  display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#photos-slide  .swiper-slide p { display:none;font-size: 1.125rem; color: #000; text-align: center; margin-top: 0.9375rem;}
#photos-slide  .swiper-slide.swiper-slide-active p {  display: block; }
#photos-slide  .swiper-slide.swiper-slide-active .pic:after { display: none;}
.indexInfo-con .indexInfo-prev {cursor:pointer; position: absolute; left: 0; top: 68%;z-index:2; background: #eaeaea; width: 3.5625rem; height: 3.5625rem; border-radius: 50%; }
.indexInfo-con .indexInfo-next{cursor:pointer;position: absolute; right: 0; top: 68%; z-index:2;background: #eaeaea; width: 3.5625rem; height: 3.5625rem; border-radius: 50%; }
.indexInfo-con .indexInfo-prev:hover ,.indexInfo-con .indexInfo-next:hover { background-color: #1e4084;}
.indexInfo-con .indexInfo-prev img ,.indexInfo-con .indexInfo-next img { width: 100%;}
.indexInfo-con .indexInfo-prev:hover img ,.indexInfo-con .indexInfo-next:hover img { filter:contrast(0%) brightness(200%);}

.swiper-container { overflow: unset;}
@media (max-width: 992px) {
   .indexInfo-con > p  { font-size:1.125rem;}
    #photos-slide  .swiper-slide .pic:after { display: none;}
    .indexInfo .infoData li { width: 50%; margin-bottom: 1rem;}
    #photos-slide  .swiper-slide {  width: 300px;}
    .indexInfo-con .indexInfo-prev {  top: 80%;}
    .indexInfo-con .indexInfo-next {  top: 80%;}
}
/* indexInfo end */

/* fwxm */
.fwxm {position: relative;padding: 4rem 2.5% 0;box-sizing: border-box;overflow: hidden;background: url("../images/fwxm-bg.jpg") no-repeat center;width: 100%;height: 90.1875rem;background-size: cover;}
.fwxm-con { overflow: hidden;}
.fwxm-con .item  {float: left;width: 24%;margin: 3rem 0.5% 0; }
.fwxm-con .item:nth-of-type(odd) { animation: fadeinT 1s ease-out backwards;}
.fwxm-con .item:nth-of-type(even) { animation: fadeinB 1s ease-out backwards;}
.fwxm-con .item span { position: relative; z-index: 3; margin: 0 auto; display: block; width: 15.3125rem; height: 15.3125rem; border-radius: 50%; border: 0.625rem solid #f5f5f5; overflow: hidden;}
.fwxm-con .item .tit {margin-top: -7.625rem;position: relative;padding-top: 11.5625rem;background: #fff;width: 100%;height: 28.125rem;text-align: center;box-sizing: border-box;}
.fwxm-con .item .tit p { font-size: 1rem; color: #666; line-height: 1.75; padding:0 1rem;}
.fwxm-con .item .tit p a { color: #666;}
.fwxm-con .item .tit i {  margin:2.1875rem auto ;display: block; width: 2.125rem; height: 2px; background: #1e4084;}
.fwxm-con .item .tit > a {display: block;width: 8.4375rem;height: 3rem;line-height: 3rem;text-align: center;font-size: 0.875rem;color: #fff;background: #1e4084;position: absolute;left: 50%;bottom: 2rem;transform: translateX(-50%);}
.fwxm-con .item:hover .tit { background: #1e4084;}
.fwxm-con .item:hover .tit p a,.fwxm-con .item:hover .tit i { color: #fff;}
.fwxm-con .item:hover .tit > a { color: #1e4084; background: #fff;}
.fwxm-con .item:hover .tit i { background: #fff;}
@media (max-width: 992px) {
    .fwxm { height: 82.1875rem;}
   .fwxm-con .item .tit > a { bottom: 1rem; }
    .fwxm-con .item:nth-of-type(n+5) { display: none;}
    .fwxm-con .item span { width: 13.3125rem; height: 13.3125rem;}
    .fwxm-con .item { width: 49%; margin: 1rem 0.5% 0;}
}
/* fwxm end */

/* fwlc */
.fwlc { position: relative; overflow: hidden; background: url("../images/fwlc-bg.jpg") no-repeat center; width: 100%; height: 23.1875rem; background-size: cover;}
.fwlc .fwlc-con { overflow: hidden;}
.fwlc .fwlc-con .tit { float: left; padding-top: 7.8125rem;}
.fwlc .fwlc-con .tit h2 { font-size: 2.25rem; color: #fff;}
.fwlc .fwlc-con .tit .number { width: 18.125rem; margin-top: 1rem;}
.fwlc .fwlc-con .tit .number a { margin-right: 1rem; float: left; width:8.125rem; height: 2.875rem; line-height: 2.875rem; text-align: center;background: #fff; font-size: 1.125rem; color: #1e4084;}
.fwlc .fwlc-con .tit .number a i { margin-right:0.625rem;display: inline-block; background: url("../images/fwlc-server.png") no-repeat center; width: 1.375rem; height: 1.375rem;  background-size: 100%; vertical-align: middle;}
.fwlc .fwlc-con .tit .number p {  float:left;font-size: 1.125rem; color: #fff;}
.fwlc .fwlc-con .tit .number em { float: left; display: block; font-size: 1.125rem; color: #fff;}
.fwlc .fwlc-con .pic { display:none; float: left; width: 10.3125rem; font-size: 0;}
.fwlc .fwlc-con .pic img { width: 100%;}
.fwlc .fwlc-list {float: left;margin-top:6.875rem;width: 79%;}
.fwlc .fwlc-list li {float: left;margin-left: 5.6%;}
.fwlc .fwlc-list li span { display: block; width: 7.0625rem; font-size: 0;}
.fwlc .fwlc-list li span img { width: 100%;}
.fwlc .fwlc-list li p { font-size: 1.125rem; color: #fff; padding-top: 0.625rem; text-align: center;}
@media (max-width: 1400px) {
    .fwlc .fwlc-list {width: 75%;}
    .fwlc .fwlc-list li {margin-left: 6%;}
    .fwlc .fwlc-list li span { width: 5.8rem;}

}

@media (max-width: 1200px) {
    .fwlc .fwlc-list { width: 56%;}
    .fwlc .fwlc-list li { margin-left: 1%;}
}

@media (max-width: 992px) {
    .fwlc { display: none;}
}
/* fwlc end */




/* news */
.news { overflow: hidden; background: #f9f9f9; padding: 5.3125rem 2.5% 0;}
.news .news-tit { float: left; margin-left: 2%;}
.news .news-tit p { font-size: 1rem; color:#979797;}
.news .news-tit h2 { font-size: 1.875rem; color: #000;}
.news .news-tit h2 a { color: #000;}
.news .news-menu { float: right; padding-top: 1.6rem; margin-right: 2%;}
.news .news-menu li { float: left; margin-left: 1.5625rem;}
.news .news-menu li a { color: #979797; font-size: 1.125rem; position: relative;}
.news .news-menu li.cur a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #1e4084;}
.news .news-menu li.cur a { color: #000;}
.news-main { padding: 2.5rem 2% 5.3125rem;; clear: both; overflow: hidden;}
.news-main .news-le { float: left;margin-right: 2.5%;width: 38.5%;background: #fff;padding: 0 2.5% 2.5%;box-sizing: border-box;}
.news-main .news-le h2 { padding-top: 2.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-main .news-le h2 a { font-size: 1.125rem; color: #333;}
.news-main .news-le i { margin:1.25rem 0;display: block; width: 1.625rem; height: 4px;background: #1e4084;}
.news-main .news-le p {margin-bottom:2.1875rem;font-size: 0.9375rem;color: #666;line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-main .news-le em { display: block; font-size: 1.5rem; color: #ccc;}
.news-main .news-le span { display: block; font-size:0.8125rem; color: #ccc;}
.news-main .news-le img {margin-top: 2rem;width: 100%;}
.news-main .item {margin-bottom: 2rem;float: left;width: 59%;padding: 1.67rem 1.25rem;background: #fff;overflow: hidden;}
.news-main .item:last-of-type { margin-bottom: 0;}
.news-main .item .pic { float: left; width: 11.875rem; font-size: 0;}
.news-main .item .pic img { width: 100%; font-weight: bold}
.news-main .item .tit { float:left; margin-left: 1.5625rem; width: 70%;}
.news-main .item .tit h2 { margin-top:0.9375rem;font-size: 1.125rem; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-main .item .tit p { margin-top:0.625rem;font-size: 0.9375rem; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-main .item .tit span {margin-top: 1rem;display: block;font-size: 0.9375rem;color: #ccc;}
.news-main .item:hover {box-shadow: 0px 3px 29px 0px rgba(30, 64, 132, 0.18);}
.news-main .news-le:hover {box-shadow: 0px 3px 29px 0px rgba(30, 64, 132, 0.18);}

@media (max-width: 1400px) {
    .news-main .item { margin-bottom: 1rem; padding: 1.47rem 1.25rem;}
    .news-main .item .tit { width: 66%;}
}

@media (max-width: 1200px) {
    .news-main .item .tit { width: 59%;}
}

@media (max-width: 992px) {
    .news-main .item .tit span { margin-top:0.6rem;}
    .news-main .news-le p { font-size: 1.125rem;}
    .news-main .item .tit p {font-size: 1.125rem;}
    .news { padding-top: 0;}
    .news .news-menu { margin-right: 0;}
    .news .news-tit { margin-left: 0;}
    .news-main { padding:2.5rem 0 3.3125rem; }
    .news-main .item:hover { box-shadow: none;}
    .news-main .news-le:hover { box-shadow: none;}
    .news-main .news-le { width: 100%; margin-right: 0; margin-bottom: 1rem;}
    .news-main .item { width: 100%;}
    .news-main .item .tit { width: 56%;}
    .news-main .item .pic {  width: 9.875rem;}
    .news-main .item .tit h2 { margin-top: 0;}
}
/* news end */
.aboutMenu { margin-bottom: 40px;}
.aboutMenu ul { display: inline-block;}
.aboutMenu li{position:relative;float: left;display: block;*display:inline;*zoom:1;font-size:18px;color:#333;padding: 20px 0;margin: 0 30px;text-align:center;}
.aboutMenu li:after {content:'';display: block;position: absolute;left: 0;bottom: -4px;width: 100%;height: 3px;transform: scaleX(0);transition: all 1s;background: #fb0301;}
.aboutMenu li.cur:after,.aboutMenu li:hover:after { transform: scaleX(1);}
.aboutMenu li.cur a,.aboutMenu li:hover a {color: #fb0301;}


/*--inpage-submenu--*/
.inpage-submenu{margin: -40px auto 10px;width: 1200px;padding: 18px 0;text-align:center;overflow:hidden;border: 1px solid #e0e0e0;border-top:none;box-sizing: border-box;}.inpage-submenu ul{white-space:nowrap;overflow:auto;}
.inpage-submenu ul::-webkit-scrollbar{height:0;}
.inpage-submenu li{display:inline-block;position:relative;margin:0 18px;}
.inpage-submenu li a{position:relative;display:block;font-size: 18px;color:#666;}
.inpage-submenu li:hover a,.inpage-submenu li.cur a{color:#fb0301;}
/*--end inpage-submenu--*/

