body { color: #333; min-width:1200px;}

input,
select,
textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; }
.img{ display:flex;align-items:center; justify-content:center;}
.img img{object-fit:cover;min-width:100%; min-height:100%}
.img:hover img{transform:scale(1.05)}
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
.flex_center{ align-items:center; justify-content:center;display:flex;}
textarea { -webkit-appearance: none; }

.wrap { width: 1200px; margin: 0 auto; position: relative; }
a,
a:link { text-decoration: none; color: #000; }
.header { background: #d20000 }
.header .wrap {width:auto; height: 167px;}
.menu ul{display:flex;margin-left:120px;}
.menu ul a { display: block; width: 1em; padding: 0 28px; border-right: 2px solid #e96e1e; font-size: 21.6px; color: #ffcd61 }

.menu ul li:nth-child(1) a { height: 2em }
.menu ul li:nth-child(2) a { height: 5em }
.menu ul li:nth-child(3) a { height: 4em }
.menu ul li:nth-child(4) a { height: 4em }
.menu ul li:nth-child(5) a { height: 5em }
.menu ul li:nth-child(6) a { height: 4em }
.menu ul li:nth-child(7) a { height: 5em }
.menu ul li:nth-child(8) a { height: 4em }
.menu ul li:nth-child(9) a { height: 4em }
.menu ul li:nth-child(10) a { height: 5em }
.menu ul li a:hover { opacity: .8; height: 5em }
.banner:after, .banner:before{ content:'';display:block; position:absolute; width:100%; height:33px;left:0;z-index:10}
.banner:before { top: 0; background: url(../img/banner_top.png) repeat-x center ;  }
.banner:after { bottom: -30px; background: url(../img/banner_bottom.png) repeat-x center; height:30px}
.banner{ position:relative;}
.banner img{width:100%;}
.page{padding-top:55px}
.page_tag ul { display: flex; }
.page_tag ul li{ flex:1; margin-left:20px;}
.page_tag ul li:first-child{margin-left:0}
.page_tag a{display:block;text-align:center;line-height:162px; border-radius:22px;font-size:43px;color:#fff;}
.page_tag span{ display:inline-block;padding-left:50px; background-position:left center; background-repeat:no-repeat;}
.page_tag .icon1{ background-image:url(../img/icon1.png);}
.page_tag .icon2 { background-image: url(../img/icon2.png); }
.page_tag .icon3 { background-image: url(../img/icon3.png); }
.page_tag .icon4 { background-image: url(../img/icon4.png); }

.page_tag li:nth-child(1) a { background: linear-gradient(to bottom,#54d2e2,#3db7c6) }
.page_tag li:nth-child(2) a { background: linear-gradient(to bottom,#f8d9ae,#ce903b) }
.page_tag li:nth-child(3) a { background: linear-gradient(to bottom,#47abfd,#3967cb) }
.page_tag li:nth-child(4) a { background: linear-gradient(to bottom,#eb9e83,#df464a) }
.page_tag li:nth-child(1) a:hover { background: linear-gradient(to top,#54d2e2,#3db7c6) }
.page_tag li:nth-child(2) a:hover { background: linear-gradient(to top,#f8d9ae,#ce903b) }
.page_tag li:nth-child(3) a:hover { background: linear-gradient(to top,#47abfd,#3967cb) }
.page_tag li:nth-child(4) a:hover { background: linear-gradient(to top,#eb9e83,#df464a) }

.page_tit{display:flex; align-items:center;justify-content:center; text-align:center;position:relative;color: #9c2322 ;margin-bottom:10px;}
.page_tit h3 { font-size: 31px; font-weight:bold;margin-bottom:20px}
.page_tit p{font-size:15.6px;text-transform:uppercase;}
.page_tit .tit{ margin:0 30px;}
.page_tit .moreInfo { position: absolute; bottom: 0%;  right: 0;  }
.page_tit .moreInfo a { height: 54px;line-height:70px; display: block; padding-left:60px; background: url(../img/icon5.png) no-repeat left center; font-size: 20px; color: #666; }
.page_tit:before, .page_tit:after { content: ''; display: block; }
.page_tit:before{width:61px;height:36px; background:url(../img/tit1.png) no-repeat center center}
.page_tit:after { width: 61px; height: 36px; background: url(../img/tit2.png) no-repeat center center }

.page_list li{width:25%;float:left;}
.page_list li .boxInfo{ display:block; margin:11px;border-radius:7px; overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.page_list ul{margin:-11px;}
.page_list h3{line-height:63px; text-align:center;padding:0 20px;font-size:18px; font-weight:bold;}
.page_list .img{ height:368px;position:relative;}
.page_list .img span { position: absolute; top: 0; left: 0; line-height: 52px; padding: 0 20px; background: #ff0000 ;font-size:18px; color:#fff; font-weight:bold;border-bottom-right-radius:15px}
.page_list .img .player{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);width:76px;height:76px; background:url(../img/icon6.png) no-repeat center center rgba(0,0,0,0.5);border-radius:100%}
.page_list li:first-child .img span { background: #ff6c00 }

.footer { margin-top: 70px; background: #232323;color:#fff; }
.footer .top{ height:120px; border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;font-size:24px;}
.footer .top h3 { color: #c21b1f ;margin-right:30px;}
.foot_flex {display:flex;justify-content:space-between; padding: 30px 0; line-height: 35px; font-size: 14px; color: #878787; border-bottom: 1px solid rgba(255,255,255,0.1); }
.address h3 { font-size: 18px; color:#fff;}
.ewm li{display:inline-block;margin-left:50px;color:#fff;font-size:16px;}
.ewm .img { width: 104px; height: 104px; border: 1px solid #d9d9d9 ;padding:10px;background:#fff;margin-top:15px;}
.copyright{ height:82px; display:flex;align-items:center}
.copyright p{margin-right:20px; color:#666}
.red { color: #a41d20 }

.search{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:9}
.search .input{font-size:19px; width:655px;height:82px; border-radius:82px;background:rgba(255,255,255,.26);display:flex;align-items:center;justify-content:center;}
.search .input .btn{ width:30px; height:30px; border:0; background:url(../img/icon7.png) no-repeat center center;margin-right:10px;}
.search .input input::-webkit-input-placeholder{color:#fff}
.search .input .txt { width: 80%; border: 0; background: none; color: #fff }

.about{display:flex;align-items:center;}

.about .img{margin-left:-2.5vw;border-radius:15px;width:50.46vw;margin-right:2.6vw}
.about .text{flex:1;width:0;font-size:1.56vw;line-height:3.125vw;color:#333}
.about .text h3{font-size:2.29vw;font-weight:500;margin-bottom:.5em}
.about .text p{max-width:45vw}
.his_list { background: #f5f5f5;padding:3vw 0 }
.his_list .flex{ display: flex; flex-wrap: wrap; max-width: 74.3vw; margin: 0 auto;  }
.his_list .item{min-width:50%; max-width:50%;position:relative;}
.his_list .item:nth-child(2n+1):before{left:5vw}
.his_list .item:before { content: ''; position: absolute; top: 5vw; left: 0; width: 100%; height: 2px; background: #902225; z-index: 4 }
.his_list .item  { margin-bottom:5vw}
.his_list .item .tit h3{font-weight: 500; font-size: 1.77vw; display:inline-block; margin-bottom:5.2vw;position:relative;min-width:6em;text-align:center;}
.his_list .item .tit{margin-bottom:1vw}
.his_list .item .tit h3:after { content: ''; display: block; position: absolute; width: 27px; height: 27px; border-radius: 100%; border: 14px solid #dfc7c7; background: #902225; top: 5vw; margin-top: -27px; z-index: 3; left: 50%; margin-left: -27px; }
.his_list .item:nth-child(2n) .tit { margin-left: 15vw }
.his_list .item:nth-child(2n):after{ left:6vw}
.his_list .item .text{ width:33vw;font-size:1.35vw;line-height:3.125vw;}

@media only screen and (max-width: 1200px) {

    .about .img { margin-left: -30px;   width: 50%; margin-right: 50px }
    .about .text {  font-size: 16px; line-height: 1.5;  }
    .about .text h3 { font-size: 26px }
    .about .text p { max-width: 500px }
    .his_list { padding: 50px 0 }
    .his_list .flex {  max-width: 90%;  }
    .his_list .item:nth-child(2n+1):before { left: 100px }
    .his_list .item:before {  top: 80px;   }
    .his_list .item { margin-bottom: 50px }
    .his_list .item .tit h3 {  font-size: 28px;   margin-bottom: 80px;   }
    .his_list .item .tit { margin-bottom: 20px }
    .his_list .item .tit h3:after {  top: 80px;  }
    .his_list .item:nth-child(2n) .tit { margin-left: 100px }
    .his_list .item:nth-child(2n):after { left: 60px }
    .his_list .item .text { width: 500px; font-size: 20px; line-height: 1.5; }
    .his_list .item .text .center{width:300px;}
}
.his_list .item:nth-child(2n) .text{float:right}
.center{text-align:center;}
.zz_list{ overflow:hidden;padding-top:20px}
.zz_list ul { width: 1000% }
.zz_list li { float: left; padding-right:24px;}
.zz_list img{ height:299px;}
.zz_list .swiper-slide{width:auto;}
.zz_list .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }



.page_swiper{display:flex;}
.swiper2{width:591px;margin-right:37px;padding-bottom:30px;}
.swiper2 .img { border-radius: 10px; overflow: hidden; }
.swiper2 .img { position: relative; }
.swiper2 p{position:absolute; left:0;right:0;bottom:0;line-height:40px; background:rgba(0,0,0,0.5);text-align:center;color:#fff;}
.news_list { flex: 1; }

.swiper-pagination-bullet { width: 36px; height: 8px; border-radius: 8px; background: #f5f5f5 ;opacity:1;}
.swiper-pagination-bullet-active { background: #9c2322 }

.page_tit2 { border-bottom: 1px solid #f5f5f5;padding-left:10px;margin-bottom:25px; }
.page_tit2 h3 { font-size: 20px; font-weight: 500; color: #b80000;display:inline-block;position:relative; line-height:25px;padding-bottom:20px;}
.page_tit2 h3:after {content:''; position: absolute; height: 4px; border-radius: 4px; background: #b80000 ;position:absolute; width:100%; bottom:0;left:0}

.news_list .tit { display: block; border-radius: 20px; background: #f5f5f5;padding:20px; }
.news_list .tit h3{font-size:20px;color:#333;line-height:1.2;margin-bottom:10px;font-weight:500;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.news_list .tit h3:hover{color:#b80000}
.news_list .tit p { text-indent: 2em; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_list li{ line-height:42px;}
.news_list li a{display:block;padding-left:18px;position:relative; align-items:center;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.news_list li a:hover{color:#b80000}
.news_list ul { margin-top: 15px; }
.news_list li a:before { content: ''; display: block; width: 9px; height: 9px; border-radius: 100%; background: #b80000 ;margin-right:9px;position:absolute; left:0; top:50%; margin-top:-4px;}
.page_list2 ul{margin:-11px;}
.page_list2 li { width: 33.33%; float: left; }
.page_list2 .boxs{ display:block;margin:11px; border-radius:10px;overflow:hidden; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2)}
.page_list2 h3{ font-size:20px; font-weight:500;line-height:1.2;margin-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_list2 .text{padding:15px 20px;}
.page_list2 .money { color: #ff0000 ;font-size:20px; font-weight:500}
.page_list2 .money span{font-size:30px;}
.swiper3 .img{border-radius:10px;overflow:hidden; }
.swiper3 .img:after{ content:'';display:block;position:absolute; top:0;left:0;width:100%; height:100%;background:#000;opacity:.49}
.swiper3 { padding: 100px 0 ;margin:0 -50px}
.swiper3 .swiper-slide-next { transform:scale(1.3);z-index:10}
.swiper3 .swiper-slide-next .img:after{opacity:0}
.page{overflow:hidden;}

.btns{display:flex;align-items:center; justify-content:center;}
.btns a { display: block; width: 246px; line-height: 70px; border-radius: 20px; background: #9c2322 ;color:#fff;text-align:center; font-size:24px;font-weight:500;margin:0 35px}
 .btns a.on { background: #ff6000 }
.btns a:hover{opacity:.8}
.swiper_logo{margin:30px 0}
.swiper_logo .swiper-slide { width: 401px }

.swiper_logo p{text-align:center; font-size:24px;margin-top:1em}
.swiper_logo .img{border-radius:15px;overflow:hidden;}



.j_page_list1 li { width: 25%; float: left }
.j_page_list1 .boxs { display: block; margin: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.2) }

.j_page_list1 p { height: 60px; display: flex; text-align: left;font-size: 18px; line-height: 30px; margin: 10px 10px; }
.j_page_list1 .boxs .datastyle{ height: 30px;  font-size: 12px; line-height: 18px; margin:10px 10px; color: #acacac  }
.j_page_list1  img { width: 300px;height: 150px; }


.j_page_swiper { display: flex; }
.j_news_lt { width: 580px; margin-right: 40px; padding-bottom: 30px; }
.j_news_lt .img { border-radius: 10px; margin-bottom: 20px; }
.j_news_lt .text { display: flex; }
.j_news_lt .text .date { width: 60px; text-align: center; margin-right: 20px; padding-right: 20px; border-right: 1px solid #f0f0f0; color: #dedede }
.j_news_lt .text .date span { display: block; font-size: 30px; font-weight: bold; margin-bottom: 5px; }
.j_news_lt .text h3 { font-size: 18px; color: #666; margin-bottom: 10px; }
.j_news_lt .text p { line-height: 25px; color: #999; text-indent: 2em }
.j_news_list { flex: 1; }

.swiper-pagination-bullet { width: 36px; height: 8px; border-radius: 8px; background: #f5f5f5; opacity: 1; }
.swiper-pagination-bullet-active { background: #9c2322 }

.j_page_tit2 { border-bottom: 1px solid #f5f5f5; margin-bottom: 25px; }
.j_page_tit2 ul { display: flex; }
.j_page_tit2 ul li { margin-left: 30px; }
.j_page_tit2 ul li:first-child { margin-left: 0 }
.j_page_tit2 h3 { cursor: pointer; padding: 0 5px; font-size: 16px; font-weight: 500; display: inline-block; position: relative; line-height: 25px; padding-bottom: 20px; }
.j_page_tit2 li.on h3 { color: #b80000; }
.j_page_tit2 li.on h3:after { content: ''; position: absolute; height: 1px; border-radius: 4px; background: #b80000; position: absolute; width: 100%; bottom: 0; left: 0 }


.j_news_list .tit { display: block;  padding: 20px; }
.j_news_list .tit h3 { font-size: 20px; color: #333; line-height: 1.2; margin-bottom: 10px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.j_news_list .tit h3:hover { color: #008082 }
.j_news_list .tit p { text-indent: 2em; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.j_news_list .tit p { text-indent: 2em; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.j_news_list li { line-height: 42px; }
.j_news_list li a { display: block; padding-left: 18px; position: relative; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.j_news_list li a:hover { color: #008082 }
.j_news_list ul { margin-top: 15px; }
.j_news_list li a:before { content: ''; display: block; width: 9px; height: 9px; border-radius: 100%; background: #b80000; margin-right: 9px; position: absolute; left: 0; top: 50%; margin-top: -4px; }

.j_btn_more { text-align: center; }
.j_btn_more a { display: block; margin: 0 auto; width: 198px; line-height: 42px; border-radius: 42px; border: 1px solid #ececec; text-align: center; color: #999 }
.j_btn_more a:hover { color: #008082; border-color: #008082 }

.page.bg1 {  background-image:url('../images/hdbj.png'); background-repeat:no-repeat; }


.flex_bet{display:flex;justify-content:space-between;align-items:center;}

.swiper3-1 .swiper-slide { background: #fff; border-radius: 10px; overflow: hidden; }
.swiper3-1 .swiper-slide:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .49 }
.swiper3-1 { padding: 30px 0; }
.swiper3-1 .swiper-slide-next { transform: scale(1.2); z-index: 10 }
.swiper3-1 .swiper-slide-next:after { opacity: 0 }
.swiper3-1 .text { padding: 15px 20px; }
.swiper3-1 .text h3 { font-size: 16px; margin-bottom: 10px; }
.swiper3-1 .text p { font-size: 12px; color: #999 }


.swiper_cur { position: relative; }
.swiper_cur .swiper-button-next { right: -50px; }
.swiper_cur .swiper-button-prev { left: -50px }
.swiper-button-next, .swiper-button-prev { width: 35px; height: 35px; border-radius: 100%; background: rgba(0,0,0,0.2) }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 14px; color: #fff; }
.swiper4 .text { background: #f2f2f2; padding: 10px 20px; padding-bottom: 15px; }
.swiper4 .text h3 { font-size: 18px; color: #343434; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.swiper4 .txt { height: 50px; line-height: 25px; overflow: hidden; }
.swiper4 .txt p { color: #666; }
.swiper4 .bottoms { border-top: 1px solid #e3e3e3; margin-top: 15px; padding-top: 15px; }
.swiper4 .bottoms .more { display: block; width: 51px; height: 17px; line-height: 15px; text-align: center; border-radius: 17px; border: 1px solid #d9d9d9; background: #e8e8e8; color: #929191; font-size: 12px; }
.swiper4 a:hover .text { background: #c21b1f }
.swiper4 a:hover .t { margin-top: -50px; }
.swiper4 a:hover .text h3, .swiper4 a:hover .txt p { color: #fff; }
.swiper4 a:hover .bottoms .more { background: none; color: #fff; }

.j_page_list2 { display: flex; overflow: hidden; height: 490px; background: #fff; }
.j_page_list2 .item.on { flex: 1; }
.j_page_list2 .item { width: 51px; overflow: hidden; margin-left: 1px }
.j_page_list2 .item:first-child { margin-left: 0 }
.j_page_list2 .item > .flex { width: 1080px; }
.j_page_list2 .title { max-width: 51px; min-width: 51px; height: 490px; background: #c21b1f; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.j_page_list2 .title span { width: 1em; display: block; font-size: 18px; color: #fff; line-height: 1.8 }
.j_page_list2 .box { flex: 1; padding: 25px; }
.j_page_list2 .h3_tit { font-size: 20px; line-height: 1.8; color: #b80000; margin-bottom: 20px; }
.j_page_list2 .flex_lt { margin: 0 20px; width: 273px; padding: 24px; background: #f2f2f2 }
.j_page_list2 .text { padding-top: 10px }
.j_page_list2 .text h3 { font-size: 16px; color: #000; margin: 10px 0; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.j_page_list2 .text p { text-indent: 2em; line-height: 28px; color: #666 }
.j_page_list2 ul li { line-height: 52px; border-bottom: 1px solid #dddddd; font-size: 16px; }
.j_page_list2 ul li a { display: block; padding-left: 20px; position: relative; }
.j_page_list2 ul li a:before { position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; border-radius: 100%; background: #b80000; content: ''; }
.j_page_list2 .tit { display: flex; align-items: center; justify-content: space-between }
.j_page_list2 .rt_icon { width: 30px; height: 30px; border-radius: 100%; background: #c21b1f; text-align: center; line-height: 30px; cursor: pointer; }
.j_page_list2 .rt_icon:after { font-family: swiper-icons; content: 'next'; color: #fff; }

.j_page_list3 li { width: 50%; float: left; }
.j_page_list3 li:nth-child(2n+1) { clear: both; }
.j_page_list3 a { display: block; border-radius: 10px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow: hidden; margin: 13px; }
.j_page_list3 ul { margin: -13px }
.j_page_list3 .text { padding: 15px 20px 30px; }
.j_page_list3 h3 { font-size: 20px; margin-bottom: 10px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.j_page_list3 p { color: #999 }

.swiper-pagination{width:100%;bottom:0}
.swiper-pagination-bullet{ margin:0 10px;}