@charset "utf-8";
.header{padding-top: 136px;}
.topArea{background: #ffffff;}
.banner{position: relative; overflow: hidden;}
.banner .picBox{position: relative;overflow: hidden; width: 1920px; left: 50%; margin-left: -960px;}
.banner .picBox img{width: 100%;-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .textBox{position: absolute;width: 100%;left: 0;right: 0;top: 50%;transform: translateY(-50%); text-align: center;}
.banner .textBox .tit{animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 34px; font-weight: bold; color: #333333; letter-spacing: 4px;}
.banner .textBox .tip{animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 20px;color: #333333;margin-top: 10px;}

@media screen and (max-width: 1200px) {
	.header{padding-top: 1.1rem;}
	.banner .picBox{width: 100%; left: auto; margin-left: 0;}
}

.container{position: relative;}

.sidebar{background: #ffffff; border-bottom: 2px solid #e1e2e3; padding-top: 34px;}
.sidebar .cont{display: flex; justify-content: space-between;}
.sidebar .left-menu{display: flex;}
.sidebar .left-menu .item{margin-right: 0.4rem;}
.sidebar .left-menu .item:last-child{margin-right: 0;}
.sidebar .left-menu .item a{font-size: 16px; color: #020202; display: block; position: relative; padding-bottom: 16px;}
.sidebar .left-menu .item a::before{content: '\20'; position: absolute; left: 50%; transform: translateX(-50%); bottom: -2px; width: 0; height: 2px; transition: all 0.4s; background: #006fb7;}
.sidebar .left-menu .item.current a::before,
.sidebar .left-menu .item a:hover::before{width: 100%;}
.sidebar .location a{font-size: 14px; color: #a4a4a4; transition: all 0.3s;}
.sidebar .location a:hover{color: #000000;}
.sidebar .location .iconfont{margin-right: 14px;}

/* 内容模式*/
.article{line-height:2;font-size:14px;word-wrap:break-word;}
.article .hd{padding:0 0 20px;text-align:center;}
.article .hd h1{color:#000;font-size:20px;}
.article .hd .titBar{color:#797979;font-size:12px;}
.article .bd{padding-bottom:40px;}
.article .ft{padding:20px 0 0;border-top:1px solid #ddd;margin-top: 20px;}
.article img{max-width: 100%;}
.article video{max-width: 100%;height: auto; margin:0 auto}
/* 分页*/
.page{padding:0;line-height:24px;text-align:center;}
.page a{display:inline-block;margin:0 2px;padding:0 8px;border:1px solid #ddd;color:#333;vertical-align:top;}
.page a:hover,.page .current{border:1px solid #d81618;background:#d81618;color:#fff;}

.main{padding: 0.9rem 0 1rem 0;}
.main .cont{display: flex; justify-content: space-between;}
.main .left-menu{width: 16.19%;}
.main .left-menu ul{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.main .left-menu ul li a{display: flex; overflow: hidden; justify-content: space-between; align-items: center; padding-left: 0.5rem; transition: all 0.4s; position: relative;}
.main .left-menu ul li a::before{content: '\20'; position: absolute; right: 0; bottom: 0; width: 94%; height: 1px; background: #f3f4f4; z-index: 4; transition: all 0.3s;}
.main .left-menu ul li a .tit{font-size: 18px; color: #000000; transition: all 0.4s;}
.main .left-menu ul li a .pic{opacity: 0; transition: all 0.4s; transform: translateX(100%);}
.main .left-menu ul li.on a,
.main .left-menu ul li a:hover{background: #d81618;}
.main .left-menu ul li.on a::before,
.main .left-menu ul li a:hover::before{background: #d81618;}
.main .left-menu ul li.on a .tit,
.main .left-menu ul li a:hover .tit{color: #ffffff;}
.main .left-menu ul li.on a .pic,
.main .left-menu ul li a:hover .pic{opacity: 1; transition-delay: 0.2s; transform: translateX(0);}
.main .right-cnt{width: 79.76%;}

@media screen and (max-width: 1560px) {
	.main .left-menu ul li a{padding-left: 0.3rem;}
}

@media screen and (max-width: 1440px) {
	.main .left-menu{width: 200px;}
	.main .right-cnt{width: calc(100% - 230px);}
}

@media screen and (max-width: 1200px) {
	.main{padding: 0.8rem 0;}
	.main .left-menu{display: none;}
	.main .right-cnt{width: 100%;}
}

.page-piclist ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.page-piclist ul::after{content: '\20'; width: 31.86%;}
.page-piclist ul li{width: 31.86%; margin-bottom: 0.5rem;}
.page-piclist ul li a{display: flex; height: 100%; background: #ededf9; flex-direction: column; justify-content: space-between; border-radius: 14px; overflow: hidden;}
.page-piclist ul li .picBox{overflow: hidden;}
.page-piclist ul li .picBox img{width: 100%; transition: all 0.4s;}
.page-piclist ul li a:hover .picBox img{transform: scale(1.1);}
.page-piclist ul li .textBox{display: flex; justify-content: space-between; align-items: center; padding: 0.22rem 0.38rem;}
.page-piclist ul li .textBox .tit{font-size: 20px; transition: all 0.3s; color: #0a0a0a; width: 80%;}
.page-piclist ul li .textBox .arr{width: 48px; height: 48px; border-radius: 50%; background: #d81618; display: flex; justify-content: center; align-items: center;}
.page-piclist ul li .textBox .arr span{font-size: 30px; color: #ffffff;}
.page-piclist ul li a:hover .textBox .tit{color: #d81618;}

@media screen and (max-width: 1200px) {
	.page-piclist ul{padding-bottom: 0.4rem;}
	.page-piclist ul li{width: 48%; margin-bottom: 4vw; height: 100%;}
	.page-piclist ul li .textBox .tit{font-size: 0.32rem; width: 76%; word-break: break-all;}
	.page-piclist ul li .textBox .arr{width: 0.5rem; height: 0.5rem;}
	.page-piclist ul li .textBox .arr span{font-size: 0.4rem;}
}

/* 新闻列表 */
.page-newslist .newsList .item-wrap{padding-bottom: 1rem;}
.page-newslist .newsList .item{margin-bottom: 0.6rem;}
.page-newslist .newsList .item:last-child{margin-bottom: 0;}
.page-newslist .newsList .item a{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.46rem;}
.page-newslist .newsList .item .picBox{width: 24.35%; overflow: hidden;}
.page-newslist .newsList .item .picBox img{width: 100%; transition: all 0.3s;}
.page-newslist .newsList .item a:hover .picBox img{transform: scale(1.1);}
.page-newslist .newsList .item .textBox{width: 54.64%;}
.page-newslist .newsList .item .textBox .tit{ transition: all 0.3s; line-height: 36px; color: #333333; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.page-newslist .newsList .item a:hover .textBox .tit{color: #d81618;}
.page-newslist .newsList .item .textBox .tip{line-height: 30px; font-size: 16px; margin-top: 0.34rem; color: #666666; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.page-newslist .newsList .item .dateBox{text-align: right; position: relative; padding-left: 4.48%;}
.page-newslist .newsList .item .dateBox::before{content: '\20'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1.6rem; background: #e0e0e0;}
.page-newslist .newsList .item .dateBox .b1{font-size: 0.6rem; color: #999999; opacity: 0.6;}
.page-newslist .newsList .item .dateBox .b2{color: #999999; opacity: 0.6;}

@media screen and (max-width: 1200px) {
	.page-newslist .newsList .item-wrap{padding-bottom: 60px;}
	.page-newslist .newsList .item{margin-bottom: 0.46rem;}
	.page-newslist .newsList .item .picBox{width: 40%;}
}

@media screen and (max-width: 750px) {
	.page-newslist .newsList .item-wrap{padding-bottom: 1rem;}
	.page-newslist .newsList .item{margin-bottom: 0.6rem;}
    .page-newslist .newsList .item a{flex-wrap: wrap;}
    .page-newslist .newsList .item .picBox{width: 100%;}
    .page-newslist .newsList .item .textBox{width: 100%;}
    .page-newslist .newsList .item .textBox .tit{line-height: 1.8; margin-top: 0.3rem;}
    .page-newslist .newsList .item .textBox .tip{font-size: 0.28rem; line-height: 1.8;}
    .page-newslist .newsList .item .textBox .tt{font-size: 0.28rem; color: #666666;}
}


.pro-dis .a1{display: flex;}
.pro-dis .a1 .b1{width: 514px; margin-right: 34px;}
.pro-dis .a1 .b1 .picBox img{width: 100%;}
.pro-dis .a1 .b1 .bot-swiper{margin-top: 10px;}
.pro-dis .a1 .b1 .bot-swiper .swiper-slide{cursor: pointer; position: relative;}
.pro-dis .a1 .b1 .bot-swiper .swiper-slide::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #d81618; transition: all 0.3s; opacity: 0;}
.pro-dis .a1 .b1 .bot-swiper .swiper-slide-thumb-active::before{opacity: 1;}
.pro-dis .a1 .b2{width: 440px;}
.pro-dis .a1 .b2 .c1{font-size: 0.35rem; color: #000000; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px;}
.pro-dis .a1 .b2 .c2{display: flex; flex-wrap: wrap; margin-top: 0.55rem;}
.pro-dis .a1 .b2 .c2 .item{border: 1px solid #e7e7e7; font-size: 14px; margin-right: 10px; color: #333333; border-radius: 30px; padding: 6px 23px; margin-bottom: 10px;}
.pro-dis .a1 .b2 .c3{margin-top: 0.32rem; display: flex;}
.pro-dis .a1 .b2 .c3 a{display: flex; justify-content: center; align-items: center; border-radius: 30px; background: #e6e6e6; transition: all 0.3s; padding: 3px 24px;}
.pro-dis .a1 .b2 .c3 .tit{font-size: 18px; color: #d81618; transition: all 0.3s;}
.pro-dis .a1 .b2 .c3 .arr{margin-left: 12px;}
.pro-dis .a1 .b2 .c3 .arr span{font-size: 30px; color: #d81618; font-weight: bold; transition: all 0.3s;}
.pro-dis .a1 .b2 .c3 a:hover{background: #d81618;}
.pro-dis .a1 .b2 .c3 a:hover .tit{color: #ffffff;}
.pro-dis .a1 .b2 .c3 a:hover .arr span{color: #ffffff;}
.pro-dis .a1 .b2 .c4{margin-top: 1.7rem;}
.pro-dis .a1 .b2 .c4 .piclist-page .swiper-pagination-bullet{width: 10px; height: 10px; border: 1px solid #828282; margin: 0 6px; opacity: 1; background: transparent; transition: all 0.3s;}
.pro-dis .a1 .b2 .c4 .piclist-page .swiper-pagination-bullet-active{background: #d81618; border-color: #d81618;}
.pro-dis .a1 .b2 .c5{font-size: 16px; color: #3e3e3e; margin-top: 0.4rem; margin-bottom: 40px;}
.pro-dis .a1 .b2 .c5 p{margin-bottom: 12px;}
.pro-dis .a1 .b2 .c5 p:last-child{margin-bottom: 0;}
.pro-dis .a2 .b1{margin-top: 30px; border-bottom: 1px solid #e6e6e6; display: flex;}
.pro-dis .a2 .b1 .tit{font-size: 18px; color: #000000; position: relative; padding-bottom: 12px;}
.pro-dis .a2 .b1 .tit::before{content: '\20'; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #d81618;}
.pro-dis .a2 .b2{padding-top: 30px; font-size: 16px; color: #333333; line-height: 1.875;}
.pro-dis .a3{margin-top: 50px;}
.pro-dis .a3 .b1{border-bottom: 1px solid #e6e6e6;}
.pro-dis .a3 .b1 .tit{font-size: 28px; color: #000000; position: relative; padding-bottom: 20px;}
.pro-dis .a3 .b1 .tit::before{content: '\20'; position: absolute; left: 0; bottom: 0; width: 67px; height: 3px; background: #d81618;}
.pro-dis .a3 .b2{margin-top: 50px;}
.pro-dis .a3 .b2 .swiper-slide a {display: flex;height: 100%;background: #ededf9;flex-direction: column;justify-content: space-between;border-radius: 14px;overflow: hidden;}
.pro-dis .a3 .b2 .swiper-slide a .picBox{overflow: hidden;}
.pro-dis .a3 .b2 .swiper-slide a .picBox img{width: 100%; transition: all 0.4s;}
.pro-dis .a3 .b2 .swiper-slide a .textBox{display: flex;justify-content: space-between;align-items: center;padding: 0.22rem 0.38rem;}
.pro-dis .a3 .b2 .swiper-slide a .textBox .tit{font-size: 20px;transition: all 0.3s;color: #0a0a0a;width: 80%;}
.pro-dis .a3 .b2 .swiper-slide a .textBox .arr{width: 48px;height: 48px;border-radius: 50%;background: #d81618;display: flex;justify-content: center;align-items: center;}
.pro-dis .a3 .b2 .swiper-slide a .textBox .arr span{font-size: 30px; color: #ffffff;}
.pro-dis .a3 .b2 .swiper-slide a:hover .picBox img{transform: scale(1.1);}

@media screen and (max-width: 1200px) {
	.pro-dis .a1{flex-wrap: wrap;}
	.pro-dis .a1 .b1{width: 100%; margin-right: 0;}
	.pro-dis .a1 .b2{width: 100%; margin-top: 0.6rem;}
	.pro-dis .a1 .b2 .c1{font-size: 0.4rem;}
	.pro-dis .a1 .b2 .c2{margin-top: 0.4rem;}
	.pro-dis .a1 .b2 .c2 .item{font-size: 0.28rem; padding: 0.1rem 0.3rem;}
	.pro-dis .a1 .b2 .c5{font-size: 0.28rem; margin-bottom: 0.4rem;}
	.pro-dis .a1 .b2 .c5 p{margin-bottom: 0.2rem;}
	.pro-dis .a3 .b1 .tit{font-size: 0.4rem;}
	.pro-dis .a3 .b2{margin-top: 0.5rem;}
	.pro-dis .a3 .b2 .swiper-slide a .textBox .tit{font-size: 0.32rem;width: 76%;word-break: break-all;}
	.pro-dis .a3 .b2 .swiper-slide a .textBox .arr{width: 0.5rem; height: 0.5rem;}
	.pro-dis .a3 .b2 .swiper-slide a .textBox .arr span{font-size: 0.4rem;}
}

.about-title .tit{font-size: 0.36rem; font-weight: bold; color: #000000;}
.about-title .tip{font-family: Arial; font-size: 22px; color: #d81618;}
.page-about .s1{background: url(/images/pic17.jpg) no-repeat center; background-size: cover; padding: 0.74rem 0;}
.page-about .s1 .a1{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; border-bottom: 1px solid #e59ea7;}
.page-about .s1 .a1 .b2{font-size: 0.45rem; color: #d81618; font-weight: 100;}
.page-about .s1 .a2{display: flex; justify-content: space-between; align-items: center; padding-top: 0.6rem;}
.page-about .s1 .a2 .b1{width: 54.76%;}
.page-about .s1 .a2 .b1 .c1{font-size: 16px; color: #000000; line-height: 28px;}
.page-about .s1 .a2 .b1 .c2{margin-top: 0.7rem;}
.page-about .s1 .a2 .b1 .c2 .cir{width: 57px; height: 57px; border-radius: 50%; background: url(/images/pic18.png) no-repeat center; background-size: cover; cursor: pointer;}
.page-about .s1 .a2 .b2{width: 37.08%;}
.page-about .s1 .a2 .b2 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-about .s1 .a2 .b2 ul li{width: 40%; display: flex; flex-direction: column; align-items: center; margin-bottom: 0.9rem;}
.page-about .s1 .a2 .b2 .top{display: flex; align-items: baseline;}
.page-about .s1 .a2 .b2 .top .top1{font-size: 1rem; line-height: 1; font-weight: 100; color: #000000;}
.page-about .s1 .a2 .b2 .top .top2{font-size: 20px; font-weight: bold; color: #d81618; transform: translateY(-10px);}
.page-about .s1 .a2 .b2 .bot{font-size: 16px; color: #666666; margin-top: 10px;}
.page-about .s2{padding: 0.65rem 0 0 0;}
.page-about .s2 .a1{background: url(/images/pic19.jpg) no-repeat bottom center;background-size: cover;position: relative;padding: 0.7rem 0.6rem 0 0.6rem; border-radius: 20px;}
.page-about .s2 .a1 .b2{width: 72.738%;margin-left: auto;position: relative;z-index: 4;margin-top: 1.22rem; display: flex; justify-content: space-between;}
.page-about .s2 .a1 .b2 .history-prev,
.page-about .s2 .a1 .b2 .history-next{width: 56px; height: 56px; border-radius: 50%; margin-top: 50px; border: 1px solid #bfbfbf; cursor: pointer; transition: all 0.3s; position: relative;}
.page-about .s2 .a1 .b2 .history-prev::before,
.page-about .s2 .a1 .b2 .history-next::before{content: '\20'; position: absolute; top: 50%; transform: translateY(50%); width: 15px; height: 15px; border-right: 2px solid #484848; border-bottom:  2px solid #484848; transition: all 0.3s;}
.page-about .s2 .a1 .b2 .history-prev::before{transform: translateY(-50%) rotate(135deg); left: 22px;}
.page-about .s2 .a1 .b2 .history-next::before{transform: translateY(-50%) rotate(-45deg); right: 22px;}
.page-about .s2 .a1 .b2 .swiper-button-disabled{opacity: 0.4;}
.page-about .s2 .a1 .b2 .history-prev:hover,
.page-about .s2 .a1 .b2 .history-next:hover{border-color: #d81618; background: #d81618;}
.page-about .s2 .a1 .b2 .history-prev:hover::before,
.page-about .s2 .a1 .b2 .history-next:hover::before{border-color: #ffffff;}
.page-about .s2 .a1 .b2 .history-bot{padding-bottom: 50px;transform: translateY(50px); width: calc(100% - 120px);}
.page-about .s2 .a1 .b2 .history-bot .tit{font-weight: 100; font-size: 0.43rem;color: #000000;text-align: center;cursor: pointer;padding-bottom: 0.74rem;transition: all 0.3s;position: relative;}
.page-about .s2 .a1 .b2 .history-bot .tit::before{content: '\20';position: absolute;left: 50%; transform: translateX(-50%); bottom: -7px;width: 18px;height: 18px;border-radius: 50%;background: #fff;transition: all 0.3s;border: 6px solid transparent;z-index: 4; box-shadow: 0 0 14px rgba(0,0,0,.1);}
.page-about .s2 .a1 .b2 .history-bot .tit::after{content: '\20'; position: absolute; left: 50%; bottom: -0.4rem; transform: translate(-50%) rotate(45deg); width: 8px; height: 8px; border-right: 2px solid #d81618; border-bottom: 2px solid #d81618; opacity: 0; visibility: hidden; transition: all 0.3s;}
.page-about .s2 .a1 .b2 .history-bot .swiper-slide-thumb-active .tit{color: #d81618;}
.page-about .s2 .a1 .b2 .history-bot .swiper-slide-thumb-active .tit::before{background: #d81618;border-color: #fff;width: 30px;height: 30px;bottom: -12px;}
.page-about .s2 .a1 .b2 .history-bot .swiper-slide-thumb-active .tit::after{opacity: 1; visibility: visible;}
.page-about .s2 .a2{padding: 0 0.6rem;}
.page-about .s2 .a2 .history-top .swiper-slide{height: auto;}
.page-about .s2 .a2 .history-top .history-wrap{display: flex;justify-content: space-between; height: 100%;}
.page-about .s2 .a2 .history-top .history-wrap .history-year{width: 27.262%;display: flex;align-items: center;border-right: 1px solid #c9c9c9;position: relative;padding: 0.42rem 0 0.42rem 14px;}
.page-about .s2 .a2 .history-top .history-wrap .history-year::before{content: '\20';position: absolute;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #c9c9c9;background: #fff;right: 0;top: 50%;transform: translate(50%,-50%);}
.page-about .s2 .a2 .history-top .history-wrap .history-year::after{content: '\20'; position: absolute; top: 50%; right: 0; transform: translate(17px, -50%); width: 8px; height: 1px; background-color: #c9c9c9;}
.page-about .s2 .a2 .history-top .history-wrap .history-year .tit{font-size: 1rem;font-weight: 100;color: #d81618;}
.page-about .s2 .a2 .history-top .history-wrap .history-text{width: 72.738%;display: flex;justify-content: center;align-items: center; padding: 0.48rem 0;}
.page-about .s2 .a2 .history-top .history-wrap .history-text .txt{font-size: 16px;color: #414141;line-height: 32px;width: 90%;max-height: 128px;overflow: auto;padding-right: 16px;}

.page-about .s3{background: #f2f2f7; padding: 0.7rem 0;}
.page-about .s3 .a2{margin-top: 0.64rem;}
.page-about .s3 .a2 .swiper-slide{display: flex; flex-wrap: wrap;}
.page-about .s3 .a2 .item{width: 24%; margin-right: 1.33333%; margin-bottom: 1.33333%; background: url(/images/pic21.jpg) no-repeat center; background-size: cover; border-radius: 10px; overflow: hidden; text-align: center; padding: 0.7rem 0.5rem 0.3rem; position: relative;}
.page-about .s3 .a2 .item::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 0; transition: all 0.5s; background: #d81618; z-index: 2;}
.page-about .s3 .a2 .item::after{content: '\20'; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; transition: all 0.5s; background: #004392; z-index: 2;}
.page-about .s3 .a2 .item:nth-child(4n){margin-right: 0;}
.page-about .s3 .a2 .item .picBox{overflow: hidden; position: relative; z-index: 4;}
.page-about .s3 .a2 .item .picBox img{width: 100%; transition: all 0.3s;}
.page-about .s3 .a2 .item .textBox{font-size: 18px; color: #333333; position: relative; z-index: 4; margin-top: 0.4rem; transition: all 0.3s;}
.page-about .s3 .a2 .item:hover::before,
.page-about .s3 .a2 .item:hover::after{height: 50%;}
.page-about .s3 .a2 .item:hover .textBox{color: #ffffff;}

.page-about .s4{padding: 0.74rem 0 0.92rem 0;}
.page-about .s4 .a2{margin-top: 0.64rem;}
.page-about .s4 .a2 .picBox{border-radius: 10px; overflow: hidden;}
.page-about .s4 .a2 .picBox img{width: 100%; transition: all 0.3s;}
.page-about .s4 .a2 .textBox{font-size: 20px; color: #2c2c2c; text-align: center; padding: 0.25rem; transition: all 0.3s;}
.page-about .s4 .a2 .swiper-slide:hover .picBox img{transform: scale(1.1);}
.page-about .s4 .a2 .swiper-slide:hover .textBox{color: #d81618;}
.page-about .s4 .a3{margin-top: 0.6rem; display: flex; justify-content: center;}
.page-about .s4 .a3 .more{background: transparent; border: 1px solid #c9c9c9;}
.page-about .s4 .a3 .more .tip{color: #272020;}
.page-about .s4 .a3 .more .line{background: #a4a4a4;}
.page-about .s4 .a3 .more .line::before{background: #a4a4a4;}
.page-about .s4 .a3 .more::before{background: #d81618;}
.page-about .s4 .a3 .more:hover{border-color: #d81618;}
.page-about .s4 .a3 .more:hover .tip{color: #ffffff;}
.page-about .s4 .a3 .more:hover .line,
.page-about .s4 .a3 .more:hover .line::before{background: #ffffff;}

@media screen and (max-width: 1200px) {
	.page-about .s1{padding: 0.8rem 0 0 0;}
	.page-about .s1 .a1{flex-wrap: wrap;}
	.page-about .s1 .a1 .b2{width: 100%;}
	.page-about .s1 .a2{flex-wrap: wrap;}
	.page-about .s1 .a2 .b1{width: 100%;}
	.page-about .s1 .a2 .b1 .c1{font-size: 0.28rem; line-height: 1.6;}
	.page-about .s1 .a2 .b2{width: 100%;}
	.page-about .s1 .a2 .b2 ul{margin-top: 0.6rem;}
	.page-about .s1 .a2 .b2 .top .top2{font-size: 0.28rem;transform: translateY(-0.08rem);}
	.page-about .s2 .a1{padding: 0.6rem 0.4rem 0 0.4rem;}
	.page-about .s2 .a1 .b2{width: 100%; margin-top: 0;}
	.page-about .s2 .a1 .b2 .history-prev, .page-about .s2 .a1 .b2 .history-next{width: 0.6rem; height: 0.6rem;}
	.page-about .s2 .a1 .b2 .history-prev::before, .page-about .s2 .a1 .b2 .history-next::before{width: 0.2rem; height: 0.2rem;}
	.page-about .s2 .a1 .b2 .history-prev::before{left: 0.22rem;}
	.page-about .s2 .a1 .b2 .history-next::before{right: 0.22rem;}
	.page-about .s2 .a1 .b2 .history-bot{width: calc(100% - 2rem);}
	.page-about .s2 .a1 .b2 .history-bot .tit{padding-bottom: 0.6rem;}
	.page-about .s2 .a2{padding: 0;}
	.page-about .s2 .a2 .history-top .history-wrap .history-year{padding: 0.4rem 0; width: 20%;}
	.page-about .s2 .a2 .history-top .history-wrap .history-year .tit{font-size: 0.48rem;}
	.page-about .s2 .a2 .history-top .history-wrap .history-text .txt{font-size: 0.28rem; line-height: 1.8;}
	.page-about .s3 .a2 .item{width: 49%; margin-right: 2%; margin-bottom: 4vw; padding: 0.3rem 0.2rem;}
	.page-about .s3 .a2 .item .textBox{font-size: 0.32rem; margin-top: 0.2rem;}
	.page-about .s3 .a2 .item:nth-child(4n){margin-right: 2%;}
	.page-about .s3 .a2 .item:nth-child(2n){margin-right: 0;}
}

.conArea01 ul li { float:left; width:32.5%; padding:55px 10px 50px 10px; border:1px solid #eee; margin-right:1.25%; text-align:center; box-sizing: border-box; }
.conArea01 ul li:last-child { margin-right:0; }
.conArea01 ul li .p1 { min-height:80px; }
.conArea01 ul li .p2 { font-size:24px; color:#333; }
.conArea01 ul li .p3 { font-size:16px; color:#666; margin-top:15px; line-height:25px; height:50px; }
.conArea01 ul li .p4 { font-size:20px; color:#333; margin-top:15px; line-height:45px; }
.conArea01 ul li .p4 a { color:#333; display:inline-block; line-height:45px; padding:0 20px; border-radius:25px; }

.conArea01 ul li .p4:hover a { color:#fff; background:#d0121b; }

.conArea02 { margin-top:90px; }
.conArea02 .hd { font-size:34px; font-weight:bold; text-align:center; }
.conArea02 .bd { margin-top:75px; }
.conArea02 .bd ul li { float:left; width:48%; margin-right:4%; }
.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
.conArea02 .bd ul li:nth-child(n + 3) { margin-top:35px; }
.conArea02 .bd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.conArea02 .bd ul li .p1 i { color:#e52b26; }
.conArea02 .bd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; }
.conArea02 .bd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; }

.conArea02 .bd ul li.li05 { width:100%; margin-right:0; }
.conArea02 .bd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.conArea02 .bd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#a2a2a2; margin:0 20px; border-radius:5px; cursor:pointer; }
.conArea02 .bd ul li.li06 .btn01 { background:#d0121b; }

.mapArea { margin-top:75px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.mapArea .map1{width: 50%;}
.mapArea .map2{width: 50%;}
/* #dituContent { height:715px!important; } */

@media all and (max-width:1680px){
	.conArea01 ul li { padding:40px 10px;  }
	.conArea01 ul li .p1 { min-height:70px; }
	.conArea01 ul li .p2 { font-size:20px; }
 
	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
 
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
  
	.mapArea { margin-top:60px; }
	/* #dituContent { height:650px!important; } */
}
@media all and (max-width:1280px){
	.conArea01 ul li { padding:40px 10px;  }
	.conArea01 ul li .p1 { min-height:55px; }
	.conArea01 ul li .p1 img { height:45px; }
	.conArea01 ul li .p2 { font-size:18px; }
	.conArea01 ul li .p3 { font-size:14px; margin-top:10px; line-height:20px; height:40px; }
	.conArea01 ul li .p4 { font-size:16px; margin-top:10px; }
 
	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
 
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
  
	.mapArea { margin-top:60px; }
	/* #dituContent { height:550px!important; } */
}
@media all and (max-width:750px){
	.conArea01 ul li { width:100%; margin-right:0; padding:20px 5px;  }
	.conArea01 ul li:nth-child(n + 2) { margin-top:15px; }
	.conArea01 ul li .p1 { min-height:45px; }
	.conArea01 ul li .p1 img { height:35px; }
	.conArea01 ul li .p2 { font-size:16px; }
	.conArea01 ul li .p3 { font-size:14px; margin-top:10px; line-height:20px; height:40px; }
	.conArea01 ul li .p4 { font-size:16px; margin-top:10px; }
 
	.conArea02 { margin-top:30px; }
	.conArea02 .hd { font-size:18px; }
	.conArea02 .bd { margin-top:30px; }
	.conArea02 .bd ul li { float:none; width:100%; margin-right:0; }
	.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 .bd ul li .p1 { line-height:30px; font-size:14px; }
	.conArea02 .bd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.conArea02 .bd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
 
	.conArea02 .bd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
 
	.mapArea { margin-top:30px; flex-direction: column-reverse;}
	.mapArea .map1{width: 100%;}
	.mapArea .map2{width: 100%;}
	#dituContent { height:400px!important; }
}