@charset "utf-8";
/* CSS Document */

/*********************page honor*********************/

/*honorList*/
.pagehonor{ padding-top:110px;padding-bottom:50px;}
.honorList{margin:0 -30px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;padding-top:0px;background:#fff;}
.honorList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;margin-bottom:60px;}
.honorList li a{display:block; margin:0 5px;padding:0;overflow:hidden; background:#fff;}
.honorList li a .ImgBox{ width:100%; height:auto;position:relative;overflow:hidden;}
.honorList li a {display: block; margin:0 30px;}
.honorList li a .ImgBoxB{display: block;padding:0; position:relative;}
.honorList li a .ImgBoxB:before{content: '';width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;display:none;}
.honorList li a .ImgBoxB:after{content: '';color:#fff;font-size: 18px;width:50px;height: 50px;line-height:50px;text-align: center;background-color:#b26c60;box-sizing:content-box;border-radius:5px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/top-search2.png") center center no-repeat #b26c60;background-size:24px;display:none;}
.honorList li a :hover .ImgBoxB:before{background-color: rgba(255,255,255,0.2);}
.honorList li a :hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.honorList li a  .ImgBox{display: block;position: relative;width: 100%;/*padding-bottom:220px;*/overflow: hidden;vertical-align:bottom;text-align:center;}
.honorList li a  .ImgBox img{/*position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width: 100%; width:auto; max-height:100%; height: auto;*/}
.honorList li a  .ImgBox img{height:100%;max-width:100%;object-fit:cover; max-height:220px; margin:0 auto;}
.honorList li a img,
.honorList li a .ImgBoxB:before,
.honorList li a .ImgBoxB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.honorList li a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.honorList li .listTitle .t{ display:block;font-size:14px;color:#000000;line-height:26px;overflow: hidden; text-align:center; padding-top:25px;}
@media screen and (max-width:1220px) {.pagehonor{ padding-top:90px;padding-bottom:50px;}
	.honorList li{margin-bottom:40px;}
	.honorList li a  .ImgBox img{max-height:180px;}
/*	.honorList{margin:0 -20px;}
    .honorList li a {margin:0 20px;}*/
	.honorList li .listTitle .t{ font-size:13px;padding-top:20px;}
}
@media screen and (max-width:1024px) {.pagehonor{ padding-top:70px;padding-bottom:50px;}
	.honorList li{margin-bottom:40px;}
	.honorList li a  .ImgBox img{max-height:150px;}
	.honorList{margin:0 -20px;}
    .honorList li a {margin:0 20px;}
	.honorList li .listTitle .t{ font-size:13px;padding-top:20px;}
}
@media screen and (max-width:992px) {
	.honorList{margin:0 -15px;}
    .honorList li a {margin:0 15px;}
}
@media screen and (max-width:768px) {.pagehonor{ padding-top:50px;padding-bottom:50px;}
	.honorList li{width:50%;margin-bottom:50px;}
	.honorList{margin:0;}
    .honorList li a {margin:0 30px;}
	.honorList li a  .ImgBox img{max-height:200px;}
	.honorList li .listTitle .t{font-size:14px; line-height:24px; padding-top:25px;}
}
@media screen and (max-width:530px) {
    .honorList li a {margin:0 25px;}
	.honorList li a  .ImgBox img{max-height:180px;}
}
@media screen and (max-width:430px) {
    .honorList li a {margin:0 15px;}
	.honorList li a  .ImgBox img{max-height:150px;}
}
@media screen and (max-width:350px) {
	.honorList{margin:0 0px;}	
	.honorList li a{margin:0 0px;}	
	.honorList li{width:100%;}
}


/*pageNetwork*/
.pageNetwork{ padding-top:80px; padding-bottom:220px; background:#f9fafc;}
.pageNetwork .left{width:39%; float:left; font-size:14px;font-weight:300;line-height:28px;color:#000000; padding-top:10px;}
.pageNetwork .right{width:61%; float:right;}
.pageNetwork .right img{ max-width:100%;}
@media screen and (max-width:1220px) {
    .pageNetwork{ padding-top:80px; padding-bottom:150px;}	
}
@media screen and (max-width:1024px) {
	.pageNetwork{ padding-top:70px;padding-bottom:100px;}
    .pageNetwork .left{font-size:13px;line-height:26px;}
}
@media screen and (max-width:768px) {
	.pageNetwork{ padding-top:50px;padding-bottom:80px;}
    .pageNetwork .left{font-size:14px;line-height:28px;}
	.pageNetwork .left{width:100%; float:none; padding-bottom:50px; max-width:500px; margin:0 auto;}
	.pageNetwork .right{width:100%; float:none;}
}



.pageAb .aboutinfo{ min-height:880px; margin-top:20px;}
.pageAb .aboutwz{ margin-top:30px; position:relative; padding:70px 60px 60px 80px;  width:62.9166%; float:right;   background-color:rgba(249, 250, 252, 0.9); font-size:16px; line-height:32px;}
.pageAb .aboutwz img{ max-width:100%; height:auto;}
.aboutwz .y1{ position:absolute; top:-22px; margin-left:-55px;}
.aboutwz .y2{ position:absolute; bottom:-22px; right:0; margin-right:22px; }
@media screen and (max-width:992px) {
.pageAb .aboutinfo{ background:none !important; min-height:inherit;}	
.pageAb .aboutwz{ padding:70px 60px 60px 80px;  width:100%; }
}
			
@media screen and (max-width:768px) {
.pageAb .aboutwz{ padding:20px 20px 20px 20px; }
.aboutwz .y1{ top:-22px; margin-left:0px;}
}


/*pageCulture*/
.pageCulture{ padding-top:115px; padding-bottom:115px; background:#f9fafc;}
.pageCulture table{width:100%;}
.pageCulture table td{width:50%; font-size:16px; color:#000000;line-height:28px; padding-left:98px;padding-right:30px; vertical-align:top;}
.pageCulture table td img{ float:left;width:106px; margin-right:40px;}
.pageCulture table td strong{ display:inline-block; font-size:24px;color:#000000;padding-top:20px;margin-bottom:10px;}
@media screen and (max-width:1220px) {.pageCulture{ padding-top:100px; padding-bottom:100px;}
 .pageCulture table td{font-size:14px;padding-left:50px;} 
 .pageCulture table td strong{font-size:22px;}
}
@media screen and (max-width:1024px) {.pageCulture{ padding-top:70px; padding-bottom:70px;}
 .pageCulture table td{font-size:14px;padding-left:40px;} 
 .pageCulture table td strong{font-size:20px;}
}
@media screen and (max-width:992px) {
 .pageCulture table td img{ width:90px;margin-right:30px;}	
  .pageCulture table td strong{font-size:18px;padding-top:18px;margin-bottom:8px;}
}
@media screen and (max-width:768px) {.pageCulture{ padding-top:50px; padding-bottom:50px;}
 .pageCulture table td{ display:block!important;width:100%!important;padding-left:0;padding-right:0; padding-bottom:30px;} 
 .pageCulture table td strong{font-size:18px;padding-top:15px;margin-bottom:5px;}
 
 .pageCulture table td img{ width:90px; margin-right:30px; margin-left:30px;}
}
@media screen and (max-width:530px) {
 .pageCulture table td img{ margin-right:20px; margin-left:20px;}

}
@media screen and (max-width:430px) {
 .pageCulture table td img{ margin-right:10px; margin-left:10px;}
}


/*pageAb*/
.pageAb{ padding-top:100px; padding-bottom:100px; background:#fff;}
.pageAb .left{width:50.8%; float:right; font-size:16px;font-weight:300;line-height:32px;color:#231815; }
.pageAb .right{width:44.2%; float:left;padding-top:90px;}
.pageAb .right img{ max-width:100%;}
@media screen and (max-width:1220px) {
    .pageAb{ padding-top:90px; padding-bottom:150px;}	
}
@media screen and (max-width:1024px) {
	.pageAb{ padding-top:70px;padding-bottom:100px;}
    .pageAb .left{font-size:13px;line-height:26px;}
}
@media screen and (max-width:768px) {
	.pageAb{ padding-top:50px;padding-bottom:80px;}
    .pageAb .left{font-size:14px;line-height:28px;}
	.pageAb .left{width:100%; float:none; padding-bottom:50px; max-width:500px; margin:0 auto;}
	.pageAb .right{width:100%; float:none; text-align:center;padding-top:0px;}
}



/*pageHistory*/
.pageHistory{position:relative;z-index:5;background:url(../images/about/about-historybg.jpg) center bottom no-repeat #004098;background-size:cover; padding-top:80px;padding-bottom:135px;}
.pageHistory .pageTT h2{ color:#fff;}

/*cl img*/
.pageHistory .ab_con .con2 .c2_top{ padding-top:40px;}
.pageHistory .ab_con .con2 .c2_top .ss{display:flex;align-items:center;padding-bottom:13px;justify-content:space-between}
.pageHistory .ab_con .con2 .c2_top .cl{position:relative;width:47%; padding-right:4.5%;}
.pageHistory .ab_con .con2 .c2_top .cl img{position:relative;z-index:1;width:100%}
.pageHistory .ab_con .con2 .c2_top .cl s{position:absolute;width:100%;height:100%;background:#4da498;display:block;top:13px;left:13px}
/*cr wz*/
.pageHistory .ab_con .con2 .c2_top .cr{width:35%;color:#fff}
.pageHistory .ab_con .con2 .c2_top .cr .r1 div{line-height:30px;display:block}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp1{font-size:30px;margin-bottom:30px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp2{font-size:24px;margin-bottom:10px;}
.pageHistory .ab_con .con2 .c2_top .cr .r2{ font-size:16px;ine-height:30px;}
/*c2_bot*/
.pageHistory .ab_con .con2 .c2_bot{position:relative;margin-top:50px;text-align:center;color:rgba(255,255,255,0.5);height:70px;padding:0 6px;}
.pageHistory .ab_con .con2 .c2_bot::after{width:calc(100% - 12px);height:3px;background:url(../images/about/about-h-d.png) center center repeat-x;position:absolute;content:"";left:6px;top:18px;}
.pageHistory .ab_con .con2 .c2_bot .sale2_prev{position: absolute;left:-20px;top:-12px; width:40px; height:40px;background:url(../images/about/about-h-l.png) center center no-repeat;background-size:10px;border-radius:50%;margin-top:10px;}
.pageHistory .ab_con .con2 .c2_bot .sale2_next{position: absolute;right:-20px;top:-12px;width:40px; height:40px;background:url(../images/about/about-h-r.png) center center no-repeat;background-size:10px;border-radius:50%;margin-top:10px;}
.pageHistory .ab_con .con2 .c2_bot .sale2_prev:hover{ background-color:#00388a; border:2px solid rgba(255,255,255,0.8);}
.pageHistory .ab_con .con2 .c2_bot .sale2_next:hover{ background-color:#00388a; border:2px solid rgba(255,255,255,0.8);-webkit-box-shadow:0 0 5px 5px rgba(255,255,255,0.3);-moz-box-shadow:0 0 5px 5px rgba(255,255,255,0.3);-o-box-shadow:0 0 5px 5px rgba(255,255,255,0.3);box-shadow:0 0 5px 5px rgba(255,255,255,0.3);}
.pageHistory .ab_con .con2 .c2_bot .sale2_next.swiper-button-disabled,
.pageHistory .ab_con .con2 .c2_bot .sale2_prev.swiper-button-disabled {opacity:0;}
/*swiper-slide*/
.pageHistory .ab_con .con2 .c2_bot .swiper-slide{line-height:60px;cursor:pointer;padding-top:10px;}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .ss span{color:#fff;font-size:18px;}

.pageHistory .ab_con .con2 .c2_bot .swiper-slide  .ss{position:relative;margin-top:10px}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .s1{width:9px;height:9px;display:block;position:absolute;left:50%;transform:translateX(-50%);top:-6px;border-radius:50%;background:#fff;z-index:1}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .s2{width:36px;height:36px;display:block;position:absolute;left:50%;transform:translateX(-50%);top:-20px;border-radius:100%;z-index:1;background:url(../images/about/about-h-y2.png) center center no-repeat;background-size:100%;opacity:0}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide.act .s2{opacity:1}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide-thumb-active .s2{opacity:1}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide.act .s1{opacity:0}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide-thumb-active .s1{opacity:0}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide.ins .s1{background:#FFFFFF}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide  .ss::after{width:0%;height:1px;background:#fe8a0b;position:absolute;content:none;left:0;top:-2px}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide.ins .ss::after{width:100%}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide-thumb-active .ss::after{width:50%}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .s1,
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .s2,
.pageHistory .ab_con .con2 .c2_bot .swiper-slide .ss span{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
@media screen and (max-width:1220px) {.pageHistory{padding-top:70px;padding-bottom:115px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp1{font-size:28px;margin-bottom:25px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp2{font-size:22px;margin-bottom:5px;}
.pageHistory .ab_con .con2 .c2_top .cr .r2{ font-size:14px;ine-height:30px;}
}
@media screen and (max-width:1024px) {.pageHistory{padding-top:70px;padding-bottom:100px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp1{font-size:26px;margin-bottom:20px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp2{font-size:20px;margin-bottom:5px;}
.pageHistory .ab_con .con2 .c2_top .cr .r2{ font-size:14px;ine-height:30px;}
}
@media screen and (max-width:992px) {.pageHistory{padding-top:70px;padding-bottom:90px;}
.pageHistory .ab_con{width:90%; margin:0 auto;}
.pageHistory .ab_con .con2{padding:0 20px}
.pageHistory .ab_con .con2 .c2_top .ss{flex-wrap:wrap; display:block; padding-bottom:0;}
.pageHistory .ab_con .con2 .c2_top .cl{width:100%;padding-right:0}
.pageHistory .ab_con .con2 .c2_top .cr{width:100%;margin-bottom:30px;}
.pageHistory .ab_con .con2 .c2_top{ padding-top:20px;}
.pageHistory .ab_con .con2 .c2_bot{margin-top:30px;}
.pageHistory .ab_con .con2 .c2_bot .swiper-slide span{font-size:14px}
}
@media screen and (max-width:768px) {.pageHistory{padding-top:50px;padding-bottom:70px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp1{font-size:24px;margin-bottom:15px;}
.pageHistory .ab_con .con2 .c2_top .cr .r1 .sp2{font-size:18px;margin-bottom:5px;}
.pageHistory .ab_con .con2 .c2_top .cr .r2{ font-size:14px;ine-height:30px;}
}


@media (min-width: 300px) {
.section-bg{ width: 100%;  height: 192px; background-size: 100% 100%; }
.about_ad{ background:url(../images/about/about-banner-s.jpg); background-size: 100% 100%; }
}
@media (min-width: 315px) {	
.section-bg{ height:202px; }
}
@media (min-width: 360px) {	
.section-bg{ height:230px; }
}
@media (min-width: 375px) {	
.section-bg{ height:240px; }
}
@media (min-width: 390px) {
.section-bg{ height:250px; }	
}
@media (min-width: 400px) {
.section-bg{ height: 256px; }
}
@media (min-width: 410px) {
.section-bg{ height:262px; }
}
@media (min-width: 480px) {	
.section-bg{ height:307px; }
}
@media (min-width: 500px) {
.section-bg{ height:320px; }
}
@media (min-width: 600px) {
.section-bg{ height:384px; }
}
@media (min-width: 700px) {
.section-bg{ height: 448px; }
}
@media (min-width: 767px) {
.section-bg{ height: 491px; }
}
@media (min-width: 768px) {	
.section-bg{ width: 100%; height: 600px; overflow: hidden; position: relative; background-size:cover; }

.about_ad{ background:url(../images/about/about-banner.jpg) center center no-repeat; background-size:cover; }

}