@charset "utf-8";
.box0 { position: relative; }
.gglist { z-index: 1; position: absolute; bottom: 0; left: 0; padding: 0.10rem 0; background-color: rgba(0,0,0,0.4); width: 100%; box-sizing: border-box; }
.gglist .ggbt { font-size: 0.18rem; float: left; border-right: 1px solid rgba(255,255,255,.5); color: #ffffff; line-height: 0.15rem; margin-top: 0.16rem; padding-right: 0.2rem; }
.gglist .fade-2 { height: 0.45rem; overflow: hidden; }
.gglist .ggitem { font-size: 0.18rem; line-height: 0.3rem; }
.gglist .ggitem a { color: #ffffff; box-sizing: border-box; padding-left: 0.2rem; width: 95%; display: block; }
.gglist .ggitem .date { float: right; margin-left: 10px; font-size: 0.16rem; color: rgba(255,255,255,.7); }
.gglist .ggitem .ggtitle {}
.gglist .ggitem .ggtitle, .gglist .ggitem .date { line-height: 0.45rem; }
.gglist .slick-prev, .gglist .slick-next { width: 0.2rem; height: 0.15rem; box-sizing: border-box; position: absolute; top: 0; right: 0; left: auto; z-index: 9; font-size: 0; box-shadow: inherit; border: none; transform: rotate(90deg); }
.gglist .slick-prev:after, .gglist .slick-next:after { }
.gglist .slick-next:after { }
.gglist .slick-arrow:before { right: 0; }
.gglist .slick-next { bottom: 5px; top: auto; }
.gglist .slick-next:before { right: 0; }
.gglist .slick-list { overflow: hidden; }
.gglist .slick-prev:hover, .gglist .slick-next:hover { opacity: 0.7; transition: all 0.4s; }
.gglist .slick-arrow:hover { border-color: #D7000E; background: none; }
.gglist .slick-arrow:hover:before { border-color: #D7000E; background: none; }
.box0 .slick-dots { position: absolute; right: 5%; top: 50%; display: block; transform: translateY(-50%); }
.box0 .slick-dots li { width: 8px; height: 8px; border: 1px solid #fff; margin: 0.2rem 0; border-radius: 50%; }
.box0 .slick-dots li.slick-active { background: #fff; }
.box0 .slick-dots li button { display: none; }
.box0 .slick-slide img { height: 100vh; width: 100%; object-fit: cover; }
.box0 .slick-current img { animation: vibes 2s ease infinite; animation-iteration-count: 1; }
@-webkit-keyframes vibes {
    0% {-webkit-transform: scale(1.2)}
    100% {-webkit-transform: scale(1)}
    }
.title2 { position: relative; margin-bottom: 0.4rem; }
.title2 .name { font-size: 0.4rem; white-space: nowrap; background: url(../images/icon1.png) left center no-repeat; letter-spacing: 3px; }
.title2 .name span { color: #D7000E; }
.title2 .name img { display: none; margin-right: 10px; }
.tab1 { position: absolute; right: 10px; top: 0; }
.tab1 li { display: inline-block; box-sizing: border-box; border: 1px solid #DEDEDE; color: #666666; text-align: center; padding: 0.12rem 0.3rem; font-size: 15px; cursor: pointer; transition: all 0.4s; border-radius: 100px; margin-left: 15px; }
.tab1 li.style { background-color: #D7000E; border-color: #D7000E; }
.tab1 li.style a { color: #ffffff; }
.box1 { padding-top: 0.7rem; padding-bottom: 0.9rem; }
.box1 .new-t { display: flex; justify-content: space-between; flex-wrap: wrap; }
.box1 .new-t .news-more { width: 100%; text-align: center; margin: 30px auto 0; display: none }
.box1 .new-t .news-more a { font-size: 13px; border: 1px solid #DEDEDE; padding: 15px 0; width: 2rem; box-sizing: border-box; margin: auto; border-radius: 100px; }
.box1 .news { width: 8rem; height: 100%; overflow: hidden }
.box1 .news .item { position: relative; }
.box1 .news .slick-arrow:hover { background-color: #D7000E; }
.box1 .news .slick-arrow:before { content: ''; display: block;  width: .12rem;height: .12rem;border: 2px solid #ffffff; border-right: 0; border-top: 0; box-sizing: border-box; transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 0.14rem; margin: auto; }
.box1 .news .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%);  left: .3rem;width: 0.5rem; height: 0.5rem; z-index: 99; border: 1px solid rgba(255,255,255,.7); border-radius: 100px; font-size: 0; }
.box1 .news .slick-arrow.slick-prev {right: .3rem; left: auto; }
.box1 .news .slick-arrow.slick-prev:before { content: ''; border: 2px solid #ffffff; border-bottom: 0; border-left: 0; right: 0.2rem; }
.box1 .news .slick-arrow:hover { background: #D7000E; border-color: #D7000E; }
.box1 .news .slick-arrow:hover:before { border-color: #FFF; }
.box1 .news .item .img { max-height: 4.94rem; overflow: hidden; position: relative; }
.box1 .news .item .img img { width: 100%; height: 100%; object-fit: cover; }
.box1 .news .item:hover .img img { transition: all 0.4s; transform: scale(1.1); }
.box1 .news .item::before { position: absolute; content: ''; display: inline-block; width: 100%; bottom: 0; box-sizing: border-box; color: #ffffff; transition: all 0.4s; background: url(../images/download.png) left bottom; linear-gradient(transparent 20%, rgb(0, 0, 0) 100%);height: 140px; z-index: 1; }
.box1 .news .item .title { width: 100%; position: absolute; bottom: 25px; padding: 0 20px; color: #fff; z-index: 2; box-sizing: border-box; }
.box1 .news .item .title p.time { font-weight: normal; margin-bottom: 0.2rem;  font-size: .17rem;}
.box1 .news .item .title h1 { font-weight: normal;  font-size: .2rem;}
.new_t { margin-top: 55px; }
.box1 .news .item .date, .main4 .xgdt .item .date { position: absolute; left: 30px; top: 30px; width: 72px; height: 72px; text-align: center; overflow: hidden; background: #D7000E; }
.box1 .news .item .date1, .main4 .xgdt .item .date1 { color: #fff; line-height: 34px; font-size: 24px; font-weight: 600; margin-top: 5px; }
.box1 .news .item .date2, .main4 .xgdt .item .date2 { color: #ffffff; line-height: 19px; font-size: 14px; }
.fade2 .slick-dots, .teacher .slick-dots { position: relative; bottom: 110px; color: #fff; text-align: right; line-height: 1; height: 0; padding-right: 20px; box-sizing: border-box; }
.fade2 .slick-dots li, .teacher .slick-dots li { display: inline-block; width: 8px; height: 8px; margin: 2px 5px; cursor: pointer; border-radius: 50%; box-sizing: border-box; background: #ffffff; }
.fade2 .slick-dots li.slick-active, .teacher .slick-dots li.slick-active { background: #D7000E; }
.fade2 .slick-dots li button, .teacher .slick-dots li button { display: none; }
.new_fr { width: calc(100% - 8.4rem); }
.new_fr li { background: #fff; }
.new_fr li:first-child { padding-top: 0; }
.new_fr li a { padding: 2vh 0; display: flex; border-bottom: 1px solid #EEE; align-items: center; justify-content: space-between; }
.new_fr li:first-child a { padding: 0 0 2vh 0; }
.new_fr li:last-child a { padding: 2vh 0 0 0; border: none; }
.new_fr li .date-box { float: left; width: 70px; text-align: center; border: 1px solid #EEE; }
.new_fr li .date-day { font-size: 0.16rem; line-height: 0.35rem; color: #333; }
.new_fr li .date-month { line-height: 0.3rem;  font-size: .15rem;background: #f5f5f5; color: #D7000E; transition: .5s; }
.new_fr li .text-box { width: calc(100% - 90px); padding-left: 10px; vertical-align: middle; font-size: 20px; color: #333; line-height: 36px; float: right; }
.new_fr li:hover .date-day, .new_fr li:hover .text-box h1 { color: #D7000E; }
.new_fr li:hover .date-month { background: #D7000E; color: #fff; }
.new_fr li:hover .text-box h1 { font-weight: bold; }
.new_fr li .text-box h1 { font-weight: normal; font-size: max(16px, 0.17rem); color: #333;  margin-bottom: .1rem;transition: .5s; }
.new_fr li .text-box p { font-size: 13px; color: #999; line-height: 20px; }
.accordion { width: 100%; height: 600px; overflow: hidden; position: relative; }
.accordion .item { width: 20%; height: 100%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.accordion .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; }
.accordion .item .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.accordion .item .title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); white-space: nowrap; font-size: 20px; font-weight: bold; z-index: 2; }
.accordion .item .content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 50px; z-index: 3; display: none; }
.accordion .item .content h3 { font-size: 28px; margin-bottom: 20px; }
.accordion .item .content p { font-size: 15px; line-height: 2; }
.zt { width: 100%; overflow: hidden; position: relative; display: flex !important; }
.zt .item .bt { width: 0.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 0.22rem; z-index: 2; transition: all 0.3s ease; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; }
.zt .item.style .bt { opacity: 0; }
.zt .item .nr { width: 0; opacity: 0; }
.zt .item:first-child { background: url(../images/qqmask.png) no-repeat left bottom / 100% 100%; }
.zt .item:nth-child(2) { background: url(../images/jcmask.png) no-repeat left bottom / 100% 100%; }
.zt .item:nth-child(3) { background: url(../images/clmask.png) no-repeat left bottom / 100% 100%; }
.zt .item:nth-child(4) { background: url(../images/gcmask.png) no-repeat left bottom / 100% 100%; }
.zt .item:nth-child(5) { background: url(../images/wlmask.png) no-repeat left bottom / 100% 100%; }
.box2 { }
.box2.bg0 { background: url(../images/q1_03.jpg) no-repeat center / cover; }
.box2.bg1 { background: url(../images/q2.jpg) no-repeat center / cover; }
.box2.bg2 { background: url(../images/q3.jpg) no-repeat center / cover; }
.box2.bg3 { background: url(../images/q4.jpg) no-repeat center / cover; }
.box2.bg4 { background: url(../images/q5.jpg) no-repeat center / cover; }
.home2 .zt .item .nr { transition: .5s; width: 100%; height: 100%; }
.home2 .zt .item.style .nr { opacity: 1; }
.home2 .zt .item .nr .dwxs3 { display: flex; height: 100%; }
.home2 { overflow: hidden; height: 7.5rem; }
.home2 .zt { width: 100%; height: 100%; zoom: 1; }
.home2 .zt:after { content: ""; display: block; clear: both; }
.home2 .zt .item { width: 10%; height: 100%; float: left; overflow: hidden; transition: width 0.8s ease; position: relative; display: flex; align-items: center; border-right: 1px solid rgba(255,255,255,.4); }
.home2 .zt .item.style { width: 100%; }
.zt .item .bt img { display: block; margin-bottom: 0.1rem; }
.box2 .title2, .box2 .title2 .name span { color: #fff; }
.dwxs { width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: center; margin-left: 7%; }
.title3 { color: #fff; font-size: 0.3rem; line-height: 1.5; height: auto; font-weight: bold; margin: 1rem 0; }
.title3 span { border-bottom: 2px solid #D7000E; display: inline-block; padding-bottom: 0.3rem; }
.box2 .num { color: #fff; font-size: 0.2rem; overflow: hidden; line-height: 1.5; padding: 0 1rem; }
.box2 .num span { font-weight: bold; font-size: 0.7rem; line-height: 1; display: inline-block; font-family: 'Rajdhani-Bold'; }
.box2 .data-num { line-height: 1.3; }
.box2 .data-desc { font-size: clamp(14px, 1.1vw, 17px); line-height: 1.5; opacity: 0.9; }
.box2 .num li { text-align: center; position: relative; }
.box2 .num li::after { content: ''; display: inline-block; width: 1px; height: 94px; background: rgba(255,255,255,.4); position: absolute; right: 0; top: 10%; }
.box2 .num li:nth-child(5n):after { display: none; }
.box2 .num .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.5rem; height: 0.5rem; z-index: 99; border: 1px solid rgba(255,255,255,.7); border-radius: 100px; }
.box2 .num .slick-arrow:before { content: ''; display: block;  width: .12rem;height: .12rem;border: 2px solid #ffffff; border-right: 0; border-top: 0; box-sizing: border-box; transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 0.14rem; margin: auto; }
.box2 .num .slick-next.slick-arrow { right: 0; left: auto; }
.box2 .num .slick-next.slick-arrow:before { content: ''; border: 2px solid #ffffff; border-bottom: 0; border-left: 0; right: 0.2rem; }
.box2 .num .slick-arrow:hover { background: #D7000E; border-color: #D7000E; }
.box2 .num .slick-arrow:hover:before { border-color: #FFF; }
.dwxs1 {color: #fff;height: 100%;display: flex;width: 100%;flex-direction: column;justify-content: space-between;/* margin-left: 1rem; */}
.dwxs1 .hedian {display: none;}
.dwxs1 .hedian li { float: left; margin-right: 28px; text-align: center; }
.dwxs1 .hedian li a {pointer-events: none;cursor: not-allowed;}
.dwxs1 .hedian li a:hover .img {}
.dwxs1 .hedian li .img { width: 0.5rem; height: 0.5rem; border: 1px solid rgba(255,255,255,.4); border-radius: 5px; text-align: center; transition: .5s; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.dwxs1 .hedian li .img img { }
.dwxs1 .hedian li p { color: #fff; margin-top: 0.1rem; font-size: 0.14rem; line-height: 1.5; }
.dwxs1 .jcjc_t {clear: both;margin: 0.5rem 0;width: 100%;align-items: center;display: none;}
.dwxs1 .jcjc_t p { padding: 0.2rem; line-height: 1.8; border-radius: 100px; background: rgba(255,255,255,.1); width: 0.5rem; height: 0.5rem; margin-right: 0.3rem; }
.dwxs1 .jcjc_t h1 { font-size: 0.24rem; font-weight: bold; line-height: 1.8; }
.dwxs1 .jcjc_t .home-mission-quote { display: inline-block; flex: 0 0 auto; white-space: nowrap; }
.dwxs1 .jcjc_t .home-mission-quote-end { display: inline; }
.dwxs1 .jcjcdesc {display: flex;flex-wrap: wrap;width: 100%;height: 100%;align-items: center;list-style: none;padding: 0;margin: 0;box-sizing: border-box;}
.dwxs1 .jcjcdesc li {position: relative;width: calc(50% - 0.5px);height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;border-right: 1px solid rgba(255, 255, 255, .4);border-bottom: 1px solid rgba(255, 255, 255, .4);background: rgba(0, 0, 0, .3);}
.dwxs1 .jcjcdesc li a{color:#FFF;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.dwxs1 .jcjcdesc li .card-num { position: absolute; top: 20px; right: 30px; font-size: 0.7rem; font-family: 'Rajdhani-Bold'; opacity: 0.5; line-height: 1; }
.dwxs1 .jcjcdesc li:hover { background: #D7000E; }
.dwxs1 .jcjcdesc li:nth-child(1){}
.dwxs1 .jcjcdesc li:nth-child(2){border: none;border-bottom: 1px solid rgba(255, 255, 255, .4);}
.dwxs1 .jcjcdesc li:nth-child(3){border: none;border-right: 1px solid rgba(255, 255, 255, .4);}
.dwxs1 .jcjcdesc li:nth-child(4){border: none;}
.dwxs1 .jcjcdesc h1, .dwxs1 .jcjcdesc h2 { font-weight: normal; font-size: clamp(16px, 1.3vw, 22px); }
.dwxs1 .jcjcdesc h2 {font-size: clamp(16px, 1.1vw, 16px);display: none;}
.dwxs1 .jcjcdesc h1 {margin-bottom: 15px;display: block;border: none;font-size: 0.35rem;font-weight: bold;}
.new-material-wrap { width: 100%; height: 100%; position: relative; overflow: hidden; }
.dwxs2 .card-box { width: 100%; height: 100%; overflow: hidden; zoom: 1; position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-content: center; min-height: 100%; }
.dwxs2 .card-item {float: left;position: relative;border-bottom: 1px solid rgba(255,255,255,.4);color: #fff;width: 50%;height: 50%;padding: 0.5rem;box-sizing: border-box;transition: .5s;align-content: center;}
.dwxs2 .card-item:first-child, .dwxs2 .card-item:nth-child(3) { border-right: 1px solid rgba(255,255,255,.4); }
.dwxs2 .card-num { position: absolute; top: 20px; right: 30px; font-size: 0.7rem; font-family: 'Rajdhani-Bold'; opacity: 0.5; line-height: 1; }
.dwxs2 .card-top {margin: auto;}
.dwxs2 .card-top h2 {font-size: 0.35rem;font-weight: bold;line-height: 1.4;}
.dwxs2 .card-top .en {font-size: 15px;opacity: 0.8;letter-spacing: 1px;line-height: 1.5;display: none;}
.dwxs2 .card-desc {font-size: 0.15rem;line-height: 1.6;margin-bottom: 0.3rem;display: none;}
.dwxs2 .icon-row {display: flex;width: 100%;justify-content: flex-start;display: none;}
.dwxs2 .icon-col { vertical-align: middle; display: flex; align-items: center; flex-wrap: wrap; width: 50%; }
.dwxs2 .icon-col+.icon-col { vertical-align: middle; display: flex; align-items: center; flex-wrap: wrap;  margin-left: .2rem;}
.dwxs2 .circle-icon {width: .51rem;height: .51rem; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; text-align: center; margin-right: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
.dwxs2 .circle-icon img { width: 50%; }
.dwxs2 .icon-text { display: inline-block; vertical-align: middle; font-size: 0.13rem; line-height: 1.6; max-width: 73%; }
.detail-btn { position: absolute; bottom: 0.3rem; right: 0.3rem;  padding: .13rem 0.2rem;border: 1px solid rgba(255,255,255,.5); border-radius: 100px; background: transparent;  font-size: .14rem;cursor: pointer; color: #fff; line-height: 1; display: flex; transition: .5s; align-items: center; }
.detail-btn:hover {color: #FFF;border-color: #bc010d;background: #bc010d;}
.detail-btn::after { content: ''; display: inline-block; background: url(../images/icon6.png) 100% center no-repeat;  width: .17rem;height: 0.14rem; margin-left: 5px; background-size: contain; }
.detail-btn:hover::after { border-color: #D7000E; }
.dwxs2 a {color: #fff;display: flex;width: 100%;height: 100%;}
.dwxs2 .card-fir { font-size: clamp(24px, 2.2vw, 32px); background: url(../images/mt.png) no-repeat left center; text-indent: 42px; line-height: 1.4; margin-bottom: 29px; background-size: 7%; font-weight: bold; display: none; }
.dwxs2 .card-item:hover { background: #D7000E; }
.dwxs3 .left-tab { width: 70%; height: 100%; padding: 1rem 0.6rem; box-sizing: border-box; position: relative; display: flex; align-items: flex-start; }
.dwxs3 .left-tab .dwxs3-box { width: 90%; }
.dwxs3 .right-tab { width: 30%; height: 100%; display: flex; background: #D7000E; flex-direction: column; }
.dwxs3 .right-tab li { height: 100%; cursor: pointer; position: relative; }
.dwxs3 .right-tab li a { color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 0.3rem; border-bottom: 1px solid rgba(255,255,255,.3); transition: .5s; }
.dwxs3 .right-tab li.active { width: 100%; }
.dwxs3 .right-tab li.active a { background: #fff; color: #D7000E; transform: translateX(-0.3rem); }
.dwxs3 .right-tab li .cn { margin-bottom: 0.15rem; font-size: 0.24rem; }
.dwxs3 .right-tab li .en {font-size: 0.18rem;font-family: 'Rajdhani-Bold';display: none;}
.dwxs3 .left-text { color: #fff; }
.dwxs3 .left-text .top-cn { font-size: 0.28rem; font-weight: bold; margin-bottom: 0.2rem; line-height: 1; background-size: 4%; display: flex; justify-content: flex-start; align-items: center; }
.dwxs3 .left-text .top-cn::before { content: ''; display: inline-block; background: url(../images/icon11.png) left center no-repeat; width: 0.4rem; height: 0.4rem; background-size: contain; margin-right: 10px; }
.dwxs3 .left-text .top-en { font-size: 0.18rem; opacity: 0.8; }
.dwxs3 .left-text .top-yuan { width: 0.5rem; height: 0.5rem; background-color: #D7000E; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0.5rem 0; }
.dwxs3 .left-text .top-yuan img { display: block; }
.dwxs3 .left-text .sub-title { font-size: 0.25rem; margin-bottom: 0.3rem; }
.dwxs3 .left-text .desc { font-size: max(15px, 0.17rem); line-height: 2; display: flex; flex-wrap: wrap; align-items: center; position: relative; padding-left: 0.25rem; margin-bottom: 0.2rem; }
.dwxs3 .left-text .desc:before { content: ''; display: inline-block; background: url(../images/icon12.png) center center no-repeat; background-size: auto; width: 0.18rem; height: 0.18rem; position: absolute; top: 0.09rem; left: 0; }
.top-tab { width: 100%; position: relative; }
.dwxs4 .trade-box { width: 100%; height: 100%; color: #fff; }
.dwxs4 .trade-text { padding: 1rem; }
.dwxs4 .trade-text .big-t { font-size: 0.22rem; font-weight: bold; margin-bottom: 0.2rem; line-height: 1; background-size: 4%; display: flex; justify-content: flex-start; align-items: center; }
.dwxs4 .trade-text .big-t::before { content: ''; display: inline-block; background: url(../images/icon11.png) left center no-repeat; width: 0.4rem; height: 0.4rem; background-size: contain; margin-right: 10px; }
.dwxs4 .trade-text .en-t { font-size: 0.18rem; opacity: 0.8; }
.dwxs4 .trade-text .sub-t { font-size: 0.25rem;  margin: 0.6rem 0 .3rem;display: flex; align-items: center; }
.dwxs4 .trade-text .sub-t:before { content: ''; display: block; width: 0.4rem; height: 0.4rem; margin-right: 0.1rem; background: url(../images/icon18.png) left center no-repeat; background-size: contain; }
.dwxs4 .trade-text .desc { font-size: max(15px, 0.17rem); line-height: 1.8; margin-bottom: 0.2rem; max-width: 70%; text-indent: 22px; position: relative; }
.dwxs4 .trade-text .desc:before { content: ''; display: inline-block; background: url(../images/icon12.png) center center no-repeat; background-size: auto; width: 0.18rem; height: 0.18rem; position: absolute; top: 0.07rem; left: 0; }
.dwxs4 { height: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.dwxs4 .bottom-tab { }
.dwxs4 .bottom-tabli { width: 50%; height: 100%; float: left; font-size: 20px; display: block; line-height: 120px; cursor: pointer; position: relative; color: #333; background: #fff url(../images/icon15.png) 90% center no-repeat; text-indent: 45px; }
.dwxs4 .bottom-tabli.on { background: #D7000E url(../images/icon14.png) 90% center no-repeat; color: #fff; }
.dwxs4 .bottom-tabli.on:nth-child(2) { background: #D7000E url(../images/icon17.png) 90% center no-repeat; }
.box3 { background: url(../images/right_bg.png) top right no-repeat; position: relative; margin: 0.2rem 0; padding: 0.8rem 0 0.5rem; background-size: contain; }
.box3 .w1600 { z-index: 1; background: url(../images/map.png) top left no-repeat; }
.box3:after { content: ''; display: inline-block; background: url(../images/line.png) no-repeat; position: absolute; left: revert; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; z-index: -1; margin-top: 2rem; }
.box3 .about-more {}
.box3 .about-more a {font-size: 15px;border-radius: 100px;padding: 0.15rem 0.35rem;border: 1px solid #D70010;display: flex;justify-content: center;align-items: center;}
.box3 .about-more a:after {width: 0.15rem;height: 0.15rem;content: '';display: inline-block;background: url(../images/about-more-dot.png) no-repeat 0 0;background-size: cover;margin-left: 10px;}
.box3 .about-more a:hover {color: #FFF;background: #d7000e;}
.box3 .about-more a:hover:after {background-position: right top;}
.box3 .about-cnbm { width: 70%; }
.box3 .about-top-text { font-size: 0.3rem; color: #D7000E; margin-top: 1rem; margin-bottom: 0.3rem; font-weight: bold; }
.box3 .about-desc { font-size: 0.19rem; line-height: 2.2; margin-top: 0.5rem; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.box3 .about-logo {display: flex;align-items: flex-end;justify-content: space-between;}
.box3 .about-logoimg { max-width: 35%; }
.box3 .list .cnbm-list { font-size: 18px; }
.box3 .cnbm-list .date span { font-size: 0.7rem; font-weight: bold; margin-right: 10px; color: #D7000E; font-family: 'Rajdhani-Bold'; }
.box3 .cnbm-list .date { text-align: left; }
.box3 .cnbm-list .title { font-size: 0.18rem; text-align: left; }
.box3 .cnbm-list { margin-top: 0.5rem; width: 78%; }
.box3 .cnbm-list .slick-arrow { position: absolute; top: 40%; width: 0.5rem; height: 0.5rem; z-index: 99; display: flex; justify-content: center; border: 1px solid #e4e4e4; border-radius: 100px; transition: .5s; }
.box3 .cnbm-list .slick-arrow.slick-next { right: 0; }
.box3 .cnbm-list .slick-arrow:before { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #D7000E; border-right: 0; border-top: 0; box-sizing: border-box; transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 14px; margin: auto; }
.box3 .cnbm-list .slick-next.slick-arrow:before { content: ''; border: 2px solid #D7000E; border-bottom: 0; border-left: 0; right: 20px; }
.box3 .cnbm-list .slick-arrow:hover { background: #D7000E; border-color: #D7000E; }
.box3 .cnbm-list .slick-arrow:hover:before { border-color: #FFF; }
.box3 .slick-list { width: 85%; margin-left: 1.3rem; }
.box3 .item { text-align: center; margin: 0 0.1rem; }
.box4 { background: url(../images/bj3_02.jpg) no-repeat top center; padding: 1rem 0;background-size: cover;}
.box4 .cnbm-box { display: flex; align-items: center; }
.box4 .cnbm-left1 { text-align: center; margin-right: 7%; padding-right: 5%; border-right: 1px solid rgba(255,255,255,.5); width: 28%; }
.box4 .cnbm-left { width: 40%; background: url(../images/icon43.png) no-repeat 0 -38px #D7000E; border-radius: 999px; color: #fff; position: relative; z-index: 2; }
.cnbm-leftbox { padding: 0.8rem 0.5rem; display: flex; justify-content: space-between; align-items: center; }
.box4 .left-inner { width: 61%; }
.box4 .left-top { font-size: 0.22rem; margin-bottom: 0.2rem; }
.box4 .left-big { max-width: 85%; }
.box4 .left-bigimg { width: 100%; }
.box4 .left-desc { font-size: 22px; margin-top: 8px; }
.box4 .cnbm-right { position: relative; display: flex; }
.box4 li a { width: 2.6rem; height: 2.6rem; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; text-align: center; cursor: pointer;display: flex; justify-content: center; align-items: center; flex-direction: column; margin-left: -0.2rem; overflow: hidden; transition: .5s;position: relative; }
.box4 li i { display: block; width: 1rem; height: 1rem; }
.box4 li i.box4_icon1 { background: url(../images/icon22.png) no-repeat center center; }
.box4 li i.box4_icon2 { background: url(../images/icon23.png) no-repeat center center; }
.box4 li i.box4_icon3 { background: url(../images/icon24.png) no-repeat center center; }
.box4 li span { font-size: 0.24rem; display: block; width: 100%; }
.box4 li a:after { content: "+"; color: #D7000E; font-size: 26px; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); }
.box4 li:last-child a:after { display: none }
.box4 li:hover { z-index: 999 }
.box4 li:hover a { background: #D7000E; border-color: #D7000E; }
.box4 li:hover a span { color: #fff; }
.box4 li:hover a i.box4_icon1 { background: url(../images/icon44.png) no-repeat center center; }
.box4 li:hover a i.box4_icon2 { background: url(../images/icon45.png) no-repeat center center; }
.box4 li:hover a i.box4_icon3 { background: url(../images/icon46.png) no-repeat center center; }
.box4 li:hover a:after { color: #fff; }
.dwxs4 { height: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.dwxs4 .bottom-tab { width: 100%; background: #fff; overflow: hidden; display: flex; position: absolute; bottom: 0; }
.dwxs4 .bottom-tab li { width: 50%; height: 100%; padding: 0.3rem; font-size: 0.22rem; display: block; cursor: pointer; position: relative; color: #333; background: #fff url(../images/icon15.png) 90% center no-repeat; text-indent: 45px; }
.dwxs4 .bottom-tab li.on { background: #D7000E url(../images/icon14.png) 90% center no-repeat; color: #fff; }
.dwxs4 .bottom-tab li.on:nth-child(2) {}
.box3 { background: url(../images/right_bg.png) top right no-repeat; position: relative; margin: 0.2rem 0; padding: 0.8rem 0 0.5rem; background-size: contain; }
.box4 .left-top { font-size: 0.22rem; margin-bottom: 0.2rem; }
.box4 .left-big { max-width: 85%; }
.box4 .left-big img { width: 100%; }
.box4 .left-desc {  font-size: .22rem;margin-top: .1rem;}
@media screen and (max-width: 1700px) {
    .menuOutside { width: 90%; margin: auto; }
    .home2 .zt .item { width: 8%; }
    .dwxs { margin-left: 10%; }
    .dwxs4 .bottom-tab li, .dwxs1 .jcjc_t h1, .dwxs3 .left-text .top-cn {  font-size: .22rem}
    .dwxs3 .right-tab li .cn {  font-size: .22rem}
    .dwxs3 .right-tab li .en { font-size: 0.16rem; }
    .box3 .about-logo img {width: 3rem;}
    .box2 .num span, .box3 .cnbm-list .date span { font-size: 0.56rem; }
    }
@media screen and (max-width: 1600px) {
    .box1 .news, .box1 .news .item .img { }
    .new_fr li a {  padding: .15rem 0;}
    .new_fr li:first-child a {  padding: 0 0 .15rem 0;}
    .new_fr li:last-child a {  padding: .15rem 0 0 0;}
    .zt .item .bt { font-size: 0.28rem }
    .box4 li span { font-size: 0.22rem }
    }
@media screen and (max-width: 1440px) {
    .box0 .slick-slide img { height: 100%; }
    .dwxs2 .circle-icon img { width: 40%; }
    .zt .item .bt { font-size: 0.26rem; }
    .new_fr li .date-box { width: 60px; }
    .new_fr li .text-box { width: calc(100% - 80px); }
    .box1 .news, .box1 .news .item .img { max-height: 5.1rem; }
    }
@media screen and (max-width: 1300px) {
    .box1 { }
    .new_fr li a { padding: 1vh 0; }
    .new_fr li:first-child a { padding: 0 0 1vh 0; }
    .new_fr li:last-child a { padding: 1vh 0 0 0; }
    }
@media screen and (max-width: 1200px) {
    .box1 .news { width: 7rem; }
    .box1 .news, .box1 .news .item .img { max-height: 5rem; }
    .new_fr { width: calc(100% - 7.4rem); }
    .new_fr li a {  padding: .1rem 0;}
    .box4 li a { margin-left: -0.3rem; }
    .home2 .zt .item { width: 6%; }
    .dwxs3 .left-tab { padding: 0.5rem 0.5rem; }
    .dwxs4 .trade-text { padding: 0.7rem; }
    }
@media screen and (max-width: 1000px) {
    .title2 .name { }
    .tab1 { right: 0 }
    .box1 .news, .new_fl, .new_fr { width: 100%; }
    .box1 {  padding: .6rem 0;}
    .box1 .news .item .img { padding: 0 }
    .box1 .news .item .img img { position: relative }
    .box1 .news, .box1 .news .item .img { max-height: none; }
    .box1 .new-t .news-more { display: block }
    .box1 .news .slick-arrow { display: none !important; }
    .box3 {padding: .4rem 0; background-size: 35%; background-position: right top; }
    .box3 .w1600 { background-size: contain; }
    .box3 .cnbm-list { width: 100%; margin-left: 0; }
    .box3 .slick-list { width: 100%; margin-left: 0; }
    .box3 .about-top-text { margin-top: 0.8rem; }
    .box3 .about-desc { -webkit-line-clamp: 88; }
    .box4 .cnbm-box { flex-wrap: wrap; }
    .box4 .cnbm-left { width: 100%; }
    .box4 .cnbm-left1 { display: flex; align-items: center; width: auto; }
    .box4 .cnbm-left1 >div { }
    .box4 .cnbm-left1 >div.img { width: 25%; margin-right: 10px; }
    .box4 .left-big { max-width: 40%; }
    .box4 .left-desc {font-size: .22rem; margin-top: 0; }
    .box4 .cnbm-right { position: relative; display: flex; width: 100%; justify-content: center; margin-top: 0.4rem; }
    .box4 .cnbm-right .circle-item+.circle-item { margin: 0 0 0 -0.3rem }
    .box4 li { }
    .box4 li a { margin-left: 0; }
    .cnbm-leftbox { padding: 0.5rem 0.2rem; justify-content: center; }
    .new_fr { margin-top: 0.3rem; }
    .home2 { height: auto; position: relative; }
    .home2:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 0; position: absolute; }
    .home2 .zt { flex-direction: column; }
    .home2 .zt .item { width: 100%;float: none; display: block; box-sizing: border-box; }
    .home2 .zt .item .bt { width: 100%; display: flex; justify-content: center; flex-direction: initial; align-items: center; position: relative; top: 0; left: 0; transform: translate(0); padding: 0.2rem 0; font-size: 0.22rem; }
    .home2 .zt .item.style .bt { background: #D7000E; opacity: 1; }
    .home2 .zt .item .bt img { display: inline-block; margin: 0 10px 0; width: 0.4rem; }
    .home2 .zt .item .nr { display: none; padding: 0.3rem; box-sizing: border-box; }
    .home2 .zt .item.style .nr { display: block; }
    .home2 .zt .item .nr .dwxs3 { flex-wrap: wrap; }
    .home2 .zt .item .nr .dwxs3 .left-tab, .dwxs3 .right-tab { width: 100%; flex-wrap: wrap; padding: 0; flex-direction: initial; }
    .title3 { margin: 0.1rem 0 0.5rem; font-size: 0.24rem; }
    .dwxs { width: 100%; margin: 0; }
    .dwxs1 { display: block; margin: 0; }
    .dwxs1 .jcjc_t { margin: 0.2rem 0; }
    .dwxs1 .jcjcdesc li{width:100%;border:none !important;border-bottom:1px solid rgba(255, 255, 255, .4) !important;background:none !important;}
    .dwxs1 .jcjcdesc li a{padding: 0.6rem 0;align-items: flex-start;}
    .dwxs1 .jcjcdesc li .card-num{font-size: 0.5rem;right:0}
    .detail-btn{right:0}
    .dwxs2 .card-box { display: block; }
    .dwxs2 .card-box .card-item { padding: 0; width: 100%; border: none !important; border-bottom: 1px solid rgba(255,255,255,.4) !important; }
    .dwxs2 .card-box .card-item:last-child { border: 0 !important; }
    .dwxs2 .card-top .en { font-size: 14px; margin-top: 10px; }
    .dwxs2 .card-item:hover { background: none; }
    .dwxs2 .card-box .card-item a {min-height: 1.7rem;width: 100%;align-items: center;}
    .dwxs2 .card-box .card-item+.card-item a { padding: 0; }
    .dwxs2 .card-box .card-item+.card-item a .card-num { top: 20px; }
    .dwxs2 .card-box .card-item a .card-num {right: 0;font-size: 0.5rem;}
    .dwxs2 .card-box .card-item .detail-btn {right: 0;}
    .dwxs2 .card-desc, .dwxs2 .icon-text { font-size: 13px; }
    .dwxs2 .card-top{margin: 0;}
    .dwxs3 .left-tab .dwxs3-box { width: 100%; }
    .dwxs3 .left-text .top-yuan { margin: 0.3rem 0 }
    .dwxs3 .right-tab li { width: 33.333%; }
    .dwxs3 .right-tab li:nth-child(4), .right-tab li:nth-child(5) { width: 50%; border-top: 1px solid #d85e6b; }
    .dwxs3 .right-tab li a { border: 0; text-align: center; padding: 0.2rem 0; }
    .dwxs3 .right-tab li .cn { font-size: 15px; }
    .dwxs3 .right-tab li .en { font-size: 13px; }
    .dwxs3 .right-tab li.active { width: 33.333%; }
    .dwxs3 .right-tab li.active a { transform: translateX(0); pointer-events: none; cursor: default; }
    .dwxs3 .right-tab li.active:nth-child(4), .right-tab li.active:nth-child(5) { width: 50%; }
    .dwxs4 .trade-text { padding: 0; }
    .dwxs4 .trade-text .sub-t { margin: 0.3rem 0; font-size: 0.2rem; }
    .dwxs4 .trade-text .desc { width: 100%; max-width: none }
    .dwxs4 .bottom-tab { position: relative;  margin-top: .2rem;}
    .dwxs4 .bottom-tab li { background: #fff url(../images/icon15.png) 95% center no-repeat; text-indent: 0 }
    .dwxs4 .bottom-tab li.on { background: #D7000E url(../images/icon14.png) 95% center no-repeat; }
    }
@media screen and (max-width: 800px) {
    .tab1 { position: relative; margin-bottom: 20px; }
    .title2 { margin-bottom: 0.2rem; }
    .tab1 li { margin: 0; font-size: 17px; padding: 0; border: none; background: none !important; color: #333 !important; }
    .tab1 li+li { margin-left: 15px; }
    .tab1 li.style a { color: #D7000E; }
    .title2 .name { font-size: 0.3rem; }
    .box1 { padding: 0.4rem 0; }
    .box1 .new-t .news-more a { padding: 12px 0; }
    .box2 .num { padding: 0 }
    .box2 .num li::after { height: 90%; }
    .box2 .num span, .box3 .cnbm-list .date span { font-size: 0.3rem; }
    .box3 .cnbm-list { margin-top: 0.3rem; width: 100%; }
    .box3 .slick-list { width: 100%; margin-left: 0; }
    .box3 .cnbm-list .title { font-size: 0.18rem; margin-top: 10px; line-height: 1.6; }
    .dwxs1 .jcjcdesc { width: 100%; }
    .dwxs1 .jcjcdesc li {width: 100%;border: none !important;border-bottom: 1px solid rgba(255, 255, 255, .4) !important;background:none !important;}
    .dwxs1 .jcjcdesc h1,.dwxs2 .card-top h2{font-size: 0.22rem;}
    .dwxs1 .jcjcdesc li .card-num,.dwxs2 .card-box .card-item+.card-item a .card-num{}
    .dwxs2 .card-desc, .dwxs2 .icon-text { font-size: 13px; line-height: 2; }
    .dwxs2 .icon-row { flex-wrap: wrap; }
    .dwxs2 .icon-col { width: 100% }
    .dwxs2 .icon-col+.icon-col { margin: 15px 0 0 0 }
    .dwxs3 .right-tab li { width: 100% !important; border-bottom: 1px solid #D7000E; }
    .box3 .about-more a {font-size: 13px;padding: 0.13rem 0.25rem;}
    .box3 .about-more a:after {width: 0.15rem;height: 0.15rem;content: '';display: inline-block;background: url(../images/about-more-dot.png) no-repeat 0 0;background-size: cover;margin-left: 10px;}
    .dwxs4 .bottom-tab li, .dwxs1 .jcjc_t h1, .dwxs3 .left-text .top-cn {  font-size: .2rem;}
    .detail-btn {width: 1.5rem;justify-content: center;margin: 0;right: 0;padding: 0.17rem 0.2rem;position: absolute;}
    .dwxs2 .card-box .card-item .detail-btn{width: 1.5rem;justify-content: center;margin: 0;right: 0;padding: 0.17rem 0.2rem;position: absolute;}
    .box3 { background-size: 25%; padding: 0.2rem 0; padding-top: 0; margin-top: 40px; }
    .box3 .about-logo{width: 85%;}
    .box3 .about-logo img { width: 2rem; }
    .box3 .about-top-text { font-size: 0.25rem; margin-top: 0.4rem; }
    .box3 .about-cnbm { width: 100%; }
    .box4 .left-top { font-size: 0.22rem; margin-bottom: 0.1rem; }
    .box4 li a { width: 2rem; height: 2rem; }
    .box4 li i { width: 0.7rem; height: 0.7rem; background-size: 70% !important; }
    .box4 li span { font-size: 0.2rem; margin-top: 5px; }
    .dwxs4 .bottom-tab li { font-size: 13px; padding: 0.2rem 0.8rem 0.2rem 0.3rem; line-height: 1.8; }
    }
@media screen and (max-width: 450px) {
    .nav ul>li { line-height: 51px }
    .nav ul li i { width: 12%; height: 51px; }
    .gglist .w1600 { width: 95%; }
    .gglist .w1600 .ggbt { padding-right: 0.1rem; }
    .gglist .w1600 .ggitem a { width: 90%; padding-left: 0.1rem; }
    .gglist .w1600 .ggitem a .date { margin-left: 5px }
    .home2 .zt .item .bt img { width: 0.25rem; }
    .box4 { padding: 0.5rem 0; }
    .box4 .cnbm-leftbox { padding: 0.3rem 0.2rem; }
    .box4 li a { width: 1.6rem; height: 1.6rem; }
    .box4 li a i { width: 0.5rem; height: 0.5rem; background-size: 70% !important; }
    .box4 li a span { font-size: 0.18rem; }
    }