@charset "utf-8"; /* http://nidecms.com/ CSS Document */
* { margin: 0; padding: 0; transition: all .3s linear; }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #010101; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #010101; }
a:hover { text-decoration: none; color: #96172e; }
button,input,.swiper-button-prev,.swiper-button-next{border:0;outline:none;}
iframe {border: none;margin: 0;padding: 0;}
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1440px; margin: auto; overflow: hidden; }
@font-face { font-family: 'OPPOSans-B'; src: url('../fonts/OPPOSans-B.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OPPOSans-H'; src: url('../fonts/OPPOSans-H.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OPPOSans-L'; src: url('../fonts/OPPOSans-L.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OPPOSans-M'; src: url('../fonts/OPPOSans-M.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OPPOSans-R'; src: url('../fonts/OPPOSans-R.woff') format('woff'); font-weight: normal; font-style: normal; }
/*header*/
header { height: 80px; width: 100%; z-index: 999999; position: fixed; /*background: rgba(4,7,16,.5); */background: rgba(0,0,0,.9);}
header .box { position: relative; overflow: inherit }
.is-fixed { background: rgba(0,0,0,.9); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); position: fixed; top: 0; bottom: 0; left: 0; }
.logo { display: table; height: 80px; float: left; }
.logo a { display: table-cell!important; vertical-align: middle; }
.logo img { vertical-align: middle; }
nav { font-size: 18px; height: 80px; line-height: 80px; position: relative; float: right; font-family: 'OPPOSans-B'; }
nav a { color: #fff }
#starlist { margin: auto; font-size: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; text-transform: uppercase; }
#starlist li { display: inline; float: left; font-size: 16px; position: relative; padding-right: 90px; }
#starlist li a { display: block; position: relative; color: #fff; z-index: 0; }
#starlist li a:after { position: absolute; content: ""; background: #96172e; width: 0; bottom: 0; left: 0; height: 4px; transition: all .5s; }
#starlist li:hover a:after { width: 100%; }
#starlist li:hover a, #starlist li a#selected { color: #96172e; }
#selected:after { width: 100% !important; left: 0 !important; }
.sub { position: absolute; overflow: hidden; left: -20px; top: 60px; z-index: 12; opacity: 0; height: 0; transition: all .5s; background: rgba(20,20,20,0.96); }
.sub dl { margin: auto; overflow: hidden; padding: 10px 20px; text-transform: uppercase; }
#cp_sub .cp_sub_img { float: left; width: 35%; position: relative; }
.sub dd { line-height: 24px; padding: 5px 0; white-space: nowrap; font-size: 14px; }
.sub dd a { padding: 0; }
.sub dd:last-child { }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 80px; left: -20px; }
#starlist li:hover dl a:after { display: none }
#starlist li:hover dd a { color: #fff; transition: .3s; }
#starlist li:hover dd a:hover { color: #96172e; padding-left: 10px; }
div#cp_sub { left: 0; }
#starlist li:hover div.sub#cp_sub { position: fixed; width: 100%; left: 0; }
.cp_sub_con { padding: 60px 0 }
.cp_sub_con.box dl { float: right; width: 63%; display: flex; flex-wrap: wrap; padding: 0; }
.cp_sub_con.box dl dd { width: 16.6%; white-space: inherit; text-align: center; padding: 0; margin-bottom: 32px; }
.cp_sub_con.box dl dd p { color: #505050; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: initial; margin-top: 10px; padding: 0 10px; transition: .5s; }
.cp_sub_con.box dl dd img { margin: auto; }
#starlist li .cp_sub_con.box dl dd:hover a { padding: 0 !important; }
#starlist li .cp_sub_con.box dl dd:hover a p { color: #96172e; }
#starlist li .cp_sub_con.box dl dd:hover a i { background: #96172e; display: block; }
.cp_sub_con i { transition: .5s; border: 1px solid #333; display: block; border-radius: 10px; margin: 0 20px; }
.cp_sub_con i:hover { border: 1px solid #96172e; }
#starlist li .cp_sub_con a:hover:after { width: 100% !important; }
#starlist li .cp_sub_con a:after { width: 0; }
.top_fr { float: right; width: 160px; }
.search { float: left; }
.search_box { z-index: 999999;display: none; height: 100vh; width: 100%; left: 0; top: 80px; position: absolute; color: #fff; }
.bth_search { margin: 27px 0 0 0; }
.bth_search.open:before{content:"";position:fixed;width:40px;height:40px;/*background: url(../images/close.png) no-repeat center #040710;background-size: 32px;*/content:'X';color:#fff;background:#010101;text-align:center;line-height:32px;font-size:22px;margin-top: -3px;}
.bth_search.open:after { content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 80px; background-color: rgb(25, 25, 25, 1); z-index: 5; margin: 0; }
.search_content { background: rgb(25, 25, 25, 9); width: 86%; height: 100vh; color: #aaa; position: absolute; left: 7%; top: 0; z-index: 10; }
.search_ph a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 8px 20px; color: #333; }
.search_ph a:hover { color: #96172e; background: #eee; }
.search_ph { background-color: #fff; border-radius: 0 0 18px 18px; top: 100%; left: 0; width: 100%; padding: 0; font-weight: 600; }
.search_ph dl { margin: 0 20px; padding: 20px; }
.search_ph dl dt { margin: 0 0 20px 0; font-size: 19px; }
.search_ph dl { margin: 0 20px; padding: 20px; }
.search_ph dl dt { margin: 0 0 20px 0; font-size: 19px; }
input#keyboard { height: 80px; line-height: 80px; color: #fff; width: 100%; font-size: 48px; border: 0; background: none; outline: none; border-bottom: 1px solid #252525; }
input.input_submit { position: absolute; background: url(../images/search.png) no-repeat center center; right: 8px; top: 0; width: 80px; height: 80px; border: none; cursor: pointer; }
form#searchform { margin: 60px 30px 30px; position: relative; }
.global button { background: url(../images/global.png) no-repeat left center; float: right; text-indent: 2.5em; padding: 20px 0; line-height: 40px; display: inline-block; color: #fff; transition: .5s; cursor: pointer; font-family: 'OPPOSans-B'; border: none; font-size: 16px; }
.global ul { display: none; line-height: 28px; text-indent: 1em; }
.global a:hover { color: #96172e }
.global ul.on { display: block; padding: 6px; position: absolute; width: 50%; right: 0px; top: 80px; background: #000; border-radius: 0 0 6px 6px; text-transform: uppercase; font-size: 13px; }
.global { position: relative; }
.global ul li a { color: #fff; transition: .5s; }
.global ul li a:hover { padding-left: 5px; }
.banner02, .banner03 { position: relative; width: 100%; overflow: hidden; }
.banner02 i, .banner03 i { display: block; width: 100%; height: auto; }
.banner02 img, .banner03 img, .baner_gb img { width: 100%; height: auto; display: block; }
.ban02_text, .ban03_text { position: absolute; text-align: center; bottom: 84px; color: white; width: calc(100% - 1px); }
.btn_more { text-decoration: none; width: 156px; height: 60px; line-height: 60px; border: #96172e 2px solid; border-radius: 34px; display: inline-block; font-size: 22px; transition: .5s; color: #96172e; position: relative; text-indent: -21px; }
.btn_more:hover { background: #96172e; color: white; }
p.brand-name { font-size: 26px; color: #96172e; margin-bottom: 22px; font-family: 'OPPOSans-B'; }
h2.ranking { font-size: 72px; letter-spacing: 5px; line-height: 80px; font-family: 'OPPOSans-B'; }
p.exporter-title { font-size: 24px; letter-spacing: 1px; font-family: 'OPPOSans-M'; }
p.manufacturer-info { font-size: 24px; padding: 45px 0 40px; margin: auto; line-height: 42px; font-family: 'OPPOSans-M'; }
p.manufacturer-info span, .candor-phil span { color: #96172e }
.btn_more { font-family: 'OPPOSans-M'; }
.btn_more:before, .btn_more:after { content: ''; position: absolute; width: 10px; height: 2px; background-color: #96172e; transition: .5s; }
.btn_more:before { transform: rotate(45deg); top: 30px; right: 37px; }
.btn_more:after { transform: rotate(-45deg); top: 30px; right: 30px; }
.btn_more:hover:before, .btn_more:hover:after { background-color: #fff; }
.ban02_text section a, .green-era a { color: #fff; transition: .5s; display: inline-block; }
.ban02_text section a:hover, .green-era a:hover { color: #96172e; }
.sust { font-size: 26px; color: #96172e; margin-bottom: 22px; font-family: 'OPPOSans-M'; }
.green-era { font-size: 30px; margin-bottom: 22px; font-family: 'OPPOSans-B'; text-transform: uppercase; }
.candor-phil { font-size: 24px; padding: 27px 0 40px; margin: auto; line-height: 42px; font-family: 'OPPOSans-M'; }
.video_box { position: relative; width: 65%; float: right; }
.btn_video { position: absolute; width: 64px; height: 64px; top: 47.5%; left: 50%; margin-top: -32px; margin-left: -32px; opacity: .7 }
.h_title { text-align: center; background: #f2f2f2; padding: 40px 0; margin-bottom: 50px; }
.h_title h3 { font-size: 42px; font-family: 'OPPOSans-B'; font-weight: normal; margin-bottom: 10px; }
.h_title h3:hover { color: #97172e; }
.h_title p { font-family: 'OPPOSans-M'; font-size: 32px; }
.h_news_left { float: left; width: 34%; margin-bottom: 60px; }
.video_box video { width: 100%; }
.ar_time { margin-bottom: 40px; }
.ar_time p { font-family: 'OPPOSans-R'; font-size: 20px; }
.ar_time span { font-family: 'OPPOSans-B'; font-size: 46px; }
.ar_tags { margin-bottom: 20px; }
.ar_tags i { display: inline-block; background: #00a23b; color: #fff; font-family: 'OPPOSans-B'; font-style: normal; padding: 3px 5px; margin-right: 5px; text-transform: uppercase; }
.ar_tags span { font-family: 'OPPOSans-R'; font-size: 18px; }
.top_news_title { font-family: 'OPPOSans-B'; font-size: 48px; margin-bottom: 30px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.top_news_a { font-family: 'OPPOSans-M'; font-size: 20px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.top_news_b { font-family: 'OPPOSans-R'; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; }
.news { margin-bottom: 60px }
.h_news_list ul { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.h_news_list ul li { background: #f2f2f2; width: 23%; overflow: hidden; }
.h_news_list ul li section { margin: 20px; }
.h_news_list ul li i { display: block; overflow: hidden; width: 100%; height: 250px; }
.h_news_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.nar_time { margin-bottom: 20px; }
.nar_time p { font-family: 'OPPOSans-R'; font-size: 20px; }
.nar_time span { font-family: 'OPPOSans-B'; font-size: 40px; }
.n_ar_tags { margin-bottom: 20px; }
.n_ar_tags em { display: inline-block; background: #97172e; color: #fff; font-family: 'OPPOSans-B'; font-style: normal; padding: 3px 5px; margin-right: 5px; text-transform: uppercase; }
.n_ar_tags span { font-family: 'OPPOSans-R'; font-size: 18px; }
h3.n_news_title { font-family: 'OPPOSans-B'; font-size: 18px; line-height: 24px; min-height: 72px; margin-bottom: 24px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
p.n_news_a { font-family: 'OPPOSans-R'; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.h_news_list ul li:last-child a { margin: 20px; display: block; }
.h_news_list ul li:last-child .n_ar_tags em { background: #00a23b; }
.h_news_list ul li:hover h3, .h_news_left a:hover .top_news_a, .h_news_left a:hover .top_news_title { color: #97172e; }
.h_news_list ul li i:hover img, .h_news_list ul li:hover i img { transform: scale(1.1); }
.h_news_list ul li:last-child p.n_news_a { -webkit-line-clamp: 4; }
.fclink { position: absolute; bottom: 0; line-height: 40px; }
.h_news_list ul li:last-child { position: relative; }
.fclink a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 70%; }
.fclink img { display: inline-block; margin-right: 10px; vertical-align: middle; }
.fclink a:hover { color: #97172e; }
.h_title a { display: inline-block; }
footer { background: #000; padding: 60px 0 0 0; }
.ftlogo img { width: 40%; }
.ftnav {display: flex;/* justify-content: space-between; */line-height: 40px;font-size: 14px;margin-bottom: 60px;}
.ftnav a { color: #999; position: relative; }
.ftnav section h4 { font-family: 'OPPOSans-B'; font-weight: normal; font-size: 18px; margin-bottom: 20px; }
.ftnav ul { font-family: 'OPPOSans-M'; }
.ftnav section {}
.ftnav section:first-child {width: 60%;margin-right: -28px;}
.ftnav section:first-child ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.ftnav section:first-child ul li { width: 33.333%; }
.ftlogo { margin-bottom: 60px; }
.copyright { border-top: #484848 1px solid; padding: 20px 0; color: #fff; font-family: 'OPPOSans-M'; font-size: 14px; }
.copyright a { color: #fff; display: inline-block; }
.copyright ul { float: right; }
.copyright ul li { display: inline-block; float: left; margin: 0 0 0 36px; position: relative; }
.copyright ul li:before { content: ""; width: 1px; height: 10px; background: #484848; position: absolute; left: -18px; top: 5px; }
.copyright ul li:first-child:before { display: none; }
.copyright ul li img { transition: filter 0.3s ease; }
.copyright ul li:hover img { filter: invert(1); }
.copyright a:hover { color: #97172e; }
.ftnav section h4 a { color: #fff; }
.ftnav a:after { content: ""; width: 0; height: 2px; background: #97172e; bottom: -5px; left: 0; position: absolute; transition: .5s; }
.ftnav a:hover:after { width: 100%; }
.icon-links { position: fixed; right: 2%; bottom: 10%; z-index: 999999 }
.icon-top { opacity: 0; transition: .5s }
.icon-top, .icon-foot { width: 60px; height: 60px; display: block; text-align: center; line-height: 60px; background: rgb(38 38 38 / 80%); color: #fff; position: relative; right: 2%; margin-top: 5px; border-radius: 2px; }
.icon-top.cd-is-visible { visibility: visible; opacity: 1; }
.icon-top:before, .icon-top:after, .icon-foot:before, .icon-foot:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: #ffffff; transition: .5s; }
.icon-top:before { transform: rotate(45deg); top: 50%; right: 50%; margin-top: -1px; margin-right: -10px; }
.icon-top:after { transform: rotate(-45deg); top: 50%; right: 50%; margin-top: -1px; margin-right: -3px; }
.icon-foot:before { transform: rotate(-45deg); top: 50%; right: 50%; margin-top: -1px; margin-right: -10px; }
.icon-foot:after { transform: rotate(45deg); top: 50%; right: 50%; margin-top: -1px; margin-right: -3px; }
a.icon-top:hover:before, a.icon-top:hover:after, a.icon-foot:hover:before, a.icon-foot:hover:after { background: #96172e; }
/*info*/
.infobanner img { width: 100%; }
.share_btn .st-btn { display: inline-block !important; height: 24px !important; line-height: 24px !important; margin-right: 4px !important; padding: 0 4px !important; }
.share_btn .st-btn img { top: 4px !important; }
#st-1 .st-btn[data-network='email'] { background: #95162d !important; }
.left_info { width: 70%; overflow: hidden; margin-top: 70px; float: left; }
h1.content_title { font-size: 26px; margin-bottom: 15px; font-family: 'OPPOSans-B'; font-weight: normal }
.news_info { margin-bottom: 37px; justify-content: flex-start; font-family: Poppins-Regular; font-size: 16px; font-style: italic; line-height: 26px; color: #666666; border-bottom: #333232 1px solid; padding-bottom: 30px; }
.share_btn { margin-left: 30px; }
.share_btn span { display: inline-block; float: left; margin-right: 14px; }
.ninfo_time { float: left; display: inline-block; margin-right: 30px; }
.news_content { font-family: 'OPPOSans-M'; font-size: 18px; line-height: 30px; padding-bottom: 40px }
.news_content p { margin: 30px 0; hyphens: auto; }
.news_content img { display: block; border: none; max-width: 100%; height: auto; margin: auto; }
.news_content img:hover { transform: scale(1.05); }
.news_content a { display: inline-block; overflow: hidden; color: #96172e; }
.news_content h2, .news_content h3, .news_content h4, .news_content h5, .news_content h6 { position: relative; margin: 20px 0; line-height: 1.2; }
.news_content h2 { font-size: 22px; }
.news_content h3 { font-size: 20px; }
.news_content h4 { font-size: 18px; }
.news_content h5 { font-size: 17px; }
.news_content h6 { font-size: 16px; }
.news_content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0; }
.news_content a:hover { color: #96172e; overflow: hidden }
.news_content ul, .news_content ol { margin: 20px 0 20px 50px; }
.news_content ul li { margin-top: 3px; line-height: 30px; list-style-type: disc; text-indent: initial; }
.news_content ol li { margin-top: 3px; line-height: 30px; list-style-type: decimal; text-indent: initial; }
.news_content table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; width: 100%; }
.news_content table t { background-color: #fff; }
.news_content table p { margin: 0 0 2px 0; }
.news_content table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.news_content table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }
.news_content span.marker { background: yellow; }
.news_content blockquote { position: relative; padding: 30px 30px 30px 75px; background: #f3f3f3; border-left: 0; font-size: 16px; border-radius: 3px; margin: 20px 0; display: block; }
.news_content blockquote:before { content: ""; background: url(../images/yinhao.png) no-repeat; width: 37px; height: 32px; position: absolute; left: 26px; top: 16px; }
.news_content a { overflow: hidden }
.next_pre_list { font-family: 'OPPOSans-M'; margin-bottom: 100px; border-top: #222 1px solid; border-bottom: #222 1px solid; padding: 16px 0; overflow: hidden; }
.next_pre_list ul { display: flex; justify-content: space-between; }
.next_pre_list ul li:last-child { text-align: right; }
.next_pre_list li span { font-family: 'OPPOSans-B'; margin-bottom: 9px; display: inline-block; }
.next_pre_list ul li a:hover { color: #96172e; }
.next_pre_list li a { display: inline-block; padding: 0 30px; }
.next_pre_list li:hover { padding-left: 10px; }
.next_pre_list li:last-child:hover { padding-right: 10px; }
.next_pre_list li:first-child { background: url(../images/ic_b_left.png) no-repeat top 16px left; background-size: 24px; }
.next_pre_list li:first-child:hover { background: url(../images/ic_r_left.png) no-repeat top 14px left; background-size: 28px; }
.next_pre_list li:last-child { background: url(../images/ic_b_right.png) no-repeat top 16px right; background-size: 24px; }
.next_pre_list li:last-child:hover { background: url(../images/ic_r_right.png) no-repeat top 14px right; background-size: 28px; }
.right_box { float: right; width: 22%; margin-top: 100px; }
.right_box ul { }
.right_box ul li { margin-bottom: 30px; font-family: 'OPPOSans-M'; }
.right_box li img { display: block; border: none; max-width: 100%; }
.right_box li:hover img { transform: scale(1.1); }
.right_box ul li a { display: block; overflow: hidden; position: relative; }
.right_box ul li p { position: absolute; bottom: 0; left: 0; font-size: 18px; line-height: 38px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; z-index: 2; padding: 0 20px; }
.right_box ul li a:after { content: ""; width: 100%; height: 38px; background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; z-index: 1; }
.right_box h2 { font-family: 'OPPOSans-R'; margin-bottom: 10px; font-size: 26px; }
.quote { margin-bottom: 80px; }
.quote span { float: right; width: 14%; margin-top: 37px; }
.quote span a { padding: 20px 0; border: solid 1px #333333; text-align: center; font-family: Poppins-Regular; font-size: 16px; letter-spacing: 2px; color: #333333; display: block; }
.quote span a:hover { background: #96172e; color: #fff; }
h2.quote_title { font-size: 44px; color: #333333; margin-bottom: 16px; font-family: 'OPPOSans-R'; }
p.quote_content { font-size: 16px; line-height: 36px; color: #333333; width: 60%; font-family: 'OPPOSans-M'; }
.endpic img { margin: auto; width: 100% }
.baner_video video { margin: auto; display: block; max-width: 100%; }
.baner_video { background: #000 }
.abbox { margin: auto; width: 1440px; }
.abcp { position: relative; }
.abcp i { position: absolute; right: 0; bottom: 0; text-align: right; }
.abcp i img { width: 90%; display: inline-block; }
.abcp section { text-align: right; width: 50%; padding-bottom: 50px; }
.abcp h3 { font-family: 'OPPOSans-B'; font-size: 48px; color: #58664d; font-weight: normal; letter-spacing: 2px; margin: 50px 0; text-align: left; background: #fff; display: block; z-index: 2; }
.abcp p { font-family: 'OPPOSans-M'; margin-bottom: 50px; font-size: 20px; }
.abcp h4 { font-family: 'OPPOSans-B'; font-size: 34px; font-weight: normal; margin-bottom: 30px; }
.abcp a.btn_more { }
.abcp h3:hover, .abcp h4:hover { color: #96172e; }
a.abtn_more { font-family: 'OPPOSans-M'; text-decoration: none; width: 156px; height: 43px; line-height: 43px; border: #96172e 2px solid; border-radius: 34px; display: inline-block; font-size: 20px; transition: .5s; color: #96172e; position: relative; text-align: left; text-indent: 40px; }
.abtn_more:before, .abtn_more:after { content: ''; position: absolute; width: 10px; height: 2px; background-color: #96172e; transition: .5s; }
.abtn_more:before { transform: rotate(45deg); top: 22px; right: 37px; }
.abtn_more:after { transform: rotate(-45deg); top: 22px; right: 30px; }
.abtn_more:hover:before, .abtn_more:hover:after { background-color: #fff; }
.abtn_more:hover { background: #96172e; color: white; }
.abcp:before { content: ""; width: 72%; height: 131px; position: absolute; top: -50px; left: 157px; border: #58664d 10px solid; border-radius: 0 42px; border-top: 0; border-right: 0; z-index: -9; }
.abcp i:before { content: ""; width: 10px; position: absolute; right: 75px; bottom: 0; background: #58664d; height: 65px; }
.map_num { background: url(../images/abnum.jpg)#202020; color: #fff; padding: 100px 0 0; background-size: contain; }
.map_num ul li { width: 33.333%; text-align: center; margin-bottom: 120px; color: #fff; transition: none; }
.map_num ul li:hover { color: #96172e; }
.map_num ul { display: flex; flex-wrap: wrap; justify-content: space-around; }
.map_num ul li h3 { font-size: 68px; font-weight: normal; position: relative; font-family: 'OPPOSans-B'; }
.map_num ul li p { font-family: 'OPPOSans-M'; font-size: 17px; }
.m_r_txt sup, .m_r_txt sub { font-size: 16px; }
.m_r_txt sup { vertical-align: super; position: absolute; }
.m_r_txt sub { vertical-align: baseline; }
.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; /* height: 100%; */ overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,1); z-index: 9999999; }
.modal-content { margin: 2% auto; display: block; width: 100%; }
.close { color: #f1f1f1; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
.video-cover { margin: 20px 0; cursor: pointer; float: right; width: 760px; }
.modal-header { background-color: #fff; color: #000; position: absolute; width: 100%; height: 50px; line-height: 50px; z-index: 99999; }
.modal-title { text-indent: 1em; line-height: 50px; }
.close-in-header { font-size: 24px; font-weight: bold; cursor: pointer; position: absolute; right: 0; top: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; }
.close, .close-in-header:hover, .close-in-header:focus { text-decoration: none; cursor: pointer; }
.vimo { max-width: 80%; z-index: 5; min-width: 60%; margin: auto; position: relative; top: -20px; }
.abvideo { padding: 40px 0 60px; overflow: hidden; float: right; position: relative; }
.abvideo:after { content: ""; width: 10px; height: 100%; background: #58664d; position: absolute; z-index: -1; right: 10%; top: 0; }
.abvtext { width: 45%; }
.abvtext h3 { font-family: 'OPPOSans-M'; font-size: 46px; text-transform: uppercase; margin-bottom: 20px; }
.abvtext p { font-family: 'OPPOSans-M'; font-size: 22px; line-height: 46px; margin-bottom: 80px; }
.abvtext section { margin: 135px 0 0 0; }
.abvtext p span { display: block; }
.lctext { background: url(../images/lcbg.jpg) no-repeat; background-size: cover; padding: 120px 0; }
.lctext .swiper-container { width: 100%; }
.lctext .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.lctext i { display: none }
.banner04 { position: relative; width: 100%; overflow: hidden; }
.banner04 i { display: block; width: 100%; height: auto; }
.banner04 img { width: 100%; height: auto; display: block; }
.ban04_text { position: absolute; text-align: center; top: 32%; color: white; width: calc(100% - 1px); }
.ban04_text section { text-align: left; }
.ban04_text section span { display: block; }
.ban04_text section h2 { font-size: 42px; line-height: 60px; text-transform: uppercase; margin-bottom: 22px; font-family: 'OPPOSans-B'; font-weight: normal; }
.ban04_text section p { font-size: 25px; line-height: 40px; font-family: 'OPPOSans-R'; margin-bottom: 40px; }
.banner04 .btn_more { text-indent: 36px; }
.video_box02 { position: relative; width: 100%; }
.video_box02 video { width: 100%; }
.txt { padding: 50px 0; text-align: center; }
.txt h4 { font-family: 'OPPOSans-B'; font-weight: normal; font-size: 32px; text-transform: uppercase; margin-bottom: 15px; }
.txt p { font-family: 'OPPOSans-R'; font-size: 28px; }
.reswiper { }
.candor img { width: 100% }
.candor_info:hover { color: #96172e }
.candor_info { text-align: center; margin-top: 60px; }
.candor_info h2 { font-family: 'OPPOSans-B'; font-size: 55px; margin-bottom: 20px; }
.candor_info p { font-size: 22px; line-height: 34px; }
.tab_t { text-align: center; margin: 80px 0; }
.tab_t h2 { font-size: 46px; font-family: 'OPPOSans-B'; }
.tab_t p { font-size: 20px; margin-top: 10px; font-family: 'OPPOSans-M'; }
.tab_b { overflow: hidden; margin-bottom: 80px; }
.tab_b i { float: left; margin: 20px; }
#tab { display: flex; justify-content: flex-start; }
#tab li { font-size: 14px; margin-right: 101px; position: relative; text-transform: uppercase; font-weight: bold; text-align: center; padding-top: 30px; cursor: pointer; font-family: 'OPPOSans-B'; }
#tab li:before { content: "|"; height: 2px; position: absolute; top: 30px; right: -56px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; color: #555; font-size: 13px; transition: .5s }
#tab li.tab-current { color: #96172e; }
.tab_c { float: left; margin: 100px 0 0 40px; width: 48%; }
.tab_c h2 { text-transform: uppercase; font-size: 28px; border-bottom: #e4e3e3 1px solid; padding-bottom: 44px; position: relative; font-family: 'OPPOSans-B'; }
.tab_c h2 span { display: block; }
#tab li:after { width: 0; transition: 5s; }
#tab li.tab-current:after, #tab li:hover:after { position: absolute; content: ""; height: 2px; background: #96172e; width: 100%; top: 0; left: 0; height: 2px; }
.gd-box { margin-bottom: 58px; }
#tab li:last-child:before { display: none; }
.tab-t { float: left; margin-right: 38px; height: 100%;}
section.tab-box { box-shadow: #ccc 0px 1px 5px; border-radius: 10px; padding: 30px 40px 50px 40px; margin: 5px; font-family: 'OPPOSans-B'; }
#tab-content section { display: none }
#tab-content section:nth-child(1) { display: block; }
.tab-t h3 { font-size: 50px; display: inline-block; }
.tab-t em { display: inline-block; font-size: 18px; text-transform: uppercase; font-weight: bold; font-style: normal; margin-left: 10px; }
section.tab-box p { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 26px; margin-top: 15px; overflow: hidden;}
section.tab-box p span { display: inline-block; }
.tab_t h2:hover { color: #96172e; }
.globalimg h2 { font-size: 46px; font-family: 'OPPOSans-B'; text-transform: uppercase; text-align: center; margin-bottom: 80px }
.globalimg .swiper { padding-bottom: 120px; }
.globalimg .swiper ul { margin: 0 80px }
.globalimg .swiper ul li { float: left }
.globalimg .swiper ul li:nth-child(-n+2) { width: 50% }
.globalimg .swiper ul li:nth-child(n+3) { width: 33.333% }
.globalimg .swiper ul li video { width: 99%; margin: 5px 5px 0 0; }
.cmbimgs { background: #d2d2d2; }
.cmbimgs .swiper ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 40px; }
.cmbimgs .swiper ul li { margin-bottom: 40px; }
.cmbimgs .swiper ul li img { margin: auto; border-radius: 10px; box-shadow: 0 10px 10px -5px #403f3f; }
.cmbimgs .swiper ul li:nth-child(-n+2) { width: 43%; margin: 0 0 80px 0; }
.cmbimgs .swiper ul li:nth-child(n+3) { width: 20%; }
.cmbimgs .swiper ul li:nth-child(-n+2) img { width: 411px; height: 257px }
.cmbimgs .swiper ul li:nth-child(n+3) { width: 271px; height: 167px }
.cmbimgs .swiper ul li:nth-child(1) img { float: right; }
.cmbimgs .swiper ul li:nth-child(2) img { float: left; }
.cstitle { text-align: center; font-size: 24px; }
.cstitle img { margin: auto; }
.newsshare { display: none; /* 初始状态隐藏 */ position: fixed; /* 固定定位，以便在所有内容之上显示 */ top: 50%; left: 50%; transform: translate(-50%, -50%); /* 居中 */ background-color: #3b3b3b; /* 半透明黑色背景 */ padding: 20px; /* 可选，圆角 */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 可选，阴影 */ z-index: 1000; /* 确保显示在所有内容之上 */ font-size: 18px; /* 文本居中 */ width: 500px; }
.newsshare input { margin: 20px 0 10px; padding: 5px; width: calc(100% - 40px);/* 减去左右padding的宽度 */ }
.newsshare .linkc, .newsshare .copylink { padding: 10px 10px; margin: 10px; cursor: pointer; display: inline-block; float: right; text-align: center; border: #96172e 1px solid; width: 100px; margin-right: 0; }
.newsbox { background: #262626; color: #fff; }
.newslist { }
.newslist ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 60px; }
.newslist ul li { background: #181818; width: 47%; margin-bottom: 40px; overflow: hidden; }
.newslist ul li i { width: 100%; height: 390px; display: block; overflow: hidden; }
.newslist ul li i img { width: 100%; transition: .5s; min-height: 100%; }
.newslist ul li i img:hover { transform: scale(1.1); }
.newslist ul li section { padding: 40px; font-family: 'OPPOSans-M'; position: relative; }
.newslist ul li h3 { font-family: 'OPPOSans-B'; font-weight: normal; margin: 25px 0; line-height: 32px; max-height: 64px; min-height: 64px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.newslist ul li h3 a { color: #fff; }
.newslist ul li h3 a:hover { color: #96172e; }
span.n_tag { display: inline-block; float: left; text-transform: uppercase; padding: 5px; margin-right: 10px; }
.n_tag_a { background: #96172e; }
.n_tag_b { background: #00a23b; }
p.newsbtn { color: #eaeaea; line-height: 30px; display: inline-block; }
span.news_time { color: #eaeaea; }
.copylink { background: #96172e; }
.newsshare input { border: none; width: -webkit-fill-available; line-height: 36px; background: no-repeat; border: #ccc 1px solid; color: #fff; font-size: 18px; width: 500px; padding: 0; text-indent: 10px; }
.newslist h2 { text-align: center; letter-spacing: 3px; font-family: 'OPPOSans-B'; font-weight: normal; font-size: 30px; margin: 60px 0; }
.newslist h2:hover { color: #96172e; }
.news_tab { text-align: center; font-family: 'OPPOSans-H'; font-size: 18px; background: #181818; padding-bottom: 1px; }
.news_tab li { display: inline-block; padding: 28px 10px; margin: 0 20px; border-bottom: #181818 1px solid; letter-spacing: 1px; }
.news_tab a { color: #fff; }
.news_tab li a:hover { color: #96172e; }
.news_tab li:hover { color: #96172e; border-bottom: #96172e 1px solid; cursor: pointer }
.gbook { display: none; width: 400px; background: #3b3b3b; padding: 100px 92px; border-radius: 10px; font-family: 'OPPOSans-M'; margin: auto; position: fixed; top: 55%; left: 50%; transform: translate(-50%, -50%); z-index: 9; color: #fff; }
.gbook h3 { font-family: 'OPPOSans-B'; font-size: 30px; font-weight: normal; margin-bottom: 30px; }
.gb_info p { font-size: 14px; margin-bottom: 40px; line-height: 30px; }
.gb_info p span { display: block }
li.fh.fa { width: 35%; float: left; }
ul.form-sq input { border: none; outline: none; line-height: 36px; text-indent: 1em; color: #000; width: 100%; }
ul.form-sq li { margin-bottom: 26px; }
 ul.form-sq li input::placeholder {
 color: #000;
}
text li.fh.fa { }
li.fh { width: 60%; float: right; }
input.supbtn {cursor:pointer; background: #96172e; font-size: 20px; color: #fff !important; margin-bottom: 30px; text-indent: 0px !important; text-align: center;}
.sgw li span { display: none; position: absolute; left: 50%; bottom: 28px; margin-left: -50px; }
.sgw { text-align: center; color: #000;     margin-top: -15px;}
.sgw ul { text-align: center; display: flex; flex-wrap: nowrap; justify-content: space-evenly; padding:10px 0px; }
.sgw ul li { display: inline-block; position: relative; }
.sgw p { margin: 10px auto;     padding: 0;}
.sgw li span img { width: 100px; }
.sgw ul li i img:hover { opacity: .5; cursor: pointer; }
.gbook-wrap{position:absolute;top:0;right:0;width:40px;height:40px}
.gbook-wrap.open:after{content:"x";position:absolute;right:20px;top:10px;color:#fff;font-size:30px;z-index:9999999;cursor:pointer}
.arbtn { text-align: center; margin: 50px auto; font-family: 'OPPOSans-M'; }
.arbtn a { color: #fff; cursor: pointer }
.arbtn .btn_more:before, .arbtn .btn_more:after { background: #fff; }
p.newsbtn:hover { background: #3b3b3b; padding: 0 5px }
.newslist ul li section:hover, .newslist ul li:hover section { padding: 30px 40px 40px 40px; }
.newslist ul li section:before, .newslist ul li:hover section:before { position: absolute; content: ""; width: 100%; height: 20px; background: #181818; left: 0; top: 0; z-index: -1; transition: .5s; }
.newslist ul li section:hover:before, .newslist ul li:hover section:before { top: -20px; }
.contact { background: #000; }
.contact_a { background: url(../images/cbg6.jpg) no-repeat top center #000; }
.news_tab_p { }
.news_tab_p ul { width: 80%; margin: 300px auto 0; overflow: hidden; }
.news_tab_p ul li { width: 33.333%; height: 240px; float: left; }
.news_tab_p ul li img { margin: 50px auto; }
.news_tab_p ul li:nth-child(1) { background: rgb(53 72 112 / 50%); }
.news_tab_p ul li:nth-child(2) { background: rgb(21 104 55 / 50%); }
.news_tab_p ul li:nth-child(3) { background: rgb(242 221 165 / 50%); }
.con_card { color: #fff; font-family: 'OPPOSans-M'; background: #000; width: 80%; margin: 0 auto 90px; padding: 0 0 60px 0; }
.con_card h2 { text-shadow: 0 0 5px #faf2be; font-size: 42px; padding: 30px 120px; }
.con_card p { padding-left: 120px; line-height: 60px; font-size: 20px; }
.con_card a { color: #fff }
.comls { font-family: 'OPPOSans-H'; color: #fff; margin: 50px 0; }
.comls ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.comls ul li { background: url(../images/Q.png) no-repeat left top 59px; width: 49%; }
.comls ul li section { padding: 40px 70px 40px 120px; }
.comls ul li h3 { font-family: 'OPPOSans-B'; color: #00a23b; font-size: 24px; margin: 40px 0; }
.comls ul li p { font-family: 'OPPOSans-M'; font-size: 16px; line-height: 36px; }
.comls ul li P:hover { color: #96172e }
.comls h2 { font-size: 42px; text-align: center; margin-bottom: 60px; text-shadow: 0 0 5px #faf2be; }
.con_card p i { display: inline-block;    width: 60px; }
.con_card p i img { vertical-align: middle; display: inline-block; margin-right: 30px; }
.banner_pd img { width: 100%; margin: auto; }
.pdbg { background: url(../images/pbbg.png) no-repeat #000; color: #fff; font-family: 'OPPOSans-M'; }
.pd_nav { font-family: 'OPPOSans-R'; margin: auto; font-size: 15px; position: relative; }
.pd_nav a, .pd_more a { color: #fff }
.pd_nav ul { display: flex; margin: auto; padding: 40px 0 40px 0; flex-wrap: nowrap; width: 96%; }
.pd_nav ul li { position: relative; padding-bottom: 10px; margin-right: 44px; }
.pd_nav ul li:after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #96172e; bottom: 0; transition: 0.3s; }
.pd_nav ul li:hover:after { width: 100%; }
.pd_nav a:hover { color: #96172e }
.pd_nav a { display: inline-block; }
li#pagecurrent a { color: #96172e; }
li#pagecurrent:after { width: 100%; }
.pd_nav ul li:before { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: -25px; bottom: 5px; }
.pd_line { width: 100%; border-bottom: #fff 1px solid; }
.pd_more { position: absolute; right: 0; top: 30px; }
.pd_more dt { text-decoration: none; width: 80px; height: 33px; line-height: 33px; border: #96172e 2px solid; border-radius: 34px; display: inline-block; font-size: 15px; transition: .5s; color: #96172e; position: relative; padding-left: 16px; text-transform: uppercase; cursor: pointer; }
.pd_more dl { background: #000; padding: 15px; border: #fff 1px solid; border-radius: 10px; display: none; position: absolute; width: max-content; width: 220px; margin-top: 16px; right: 0; }
.pd_more dl dd { line-height: 36px; border-bottom: #fff 1px solid; }
.pd_more dt:before { transform: rotate(45deg); top: 15px; right: 21px; }
.pd_more dt:after { transform: rotate(-45deg); top: 15px; right: 15px; }
.pd_more dt:before, .pd_more dt:after { content: ''; position: absolute; width: 10px; height: 2px; background-color: #96172e; transition: .5s; }
dt.pdbt:hover { background: #96172e; color: white; }
.pd_more dt:hover:before, .pd_more dt:hover:after { background-color: #fff; }
.pd_more:before {/* content: ""; */ width: 2px; height: 31px; background: #fff; position: absolute; left: -25px; bottom: 0; }
.swipdbox { /* background: url(../images/pdbg2.png) no-repeat center #0f0f0f; */ background-size: cover; }
.swip_pd_tit h2 { font-family: 'OPPOSans-H'; font-size: 33px; font-weight: normal; margin-bottom: 30px; }
.swip_pd_tit p { font-family: 'OPPOSans-M'; font-size: 16px; line-height: 26px; width: 48%; margin: auto; }
.swip_pd_tit h2:hover, .swip_pd_tit p:hover { color: #96172e; }
.swip_pd_tit span { display: list-item; }
.swip_pd_tit { text-align: center; padding: 80px 0 0 0; }
.swi_pics { width: 90%; margin: auto; }
.swip_pd { width: 90%; margin: auto }
.swi_pics .swiper-wrapper {}
.conta{cursor:pointer;}
.swi_pics ul { display: flex; flex-wrap: nowrap; justify-content: space-around; align-content: stretch; flex-direction: row; align-items: center; }
.swi_pics ul li { position: relative; padding: 60px 0 }
.swi_pics ul li img { width: 90%; margin: auto }
.swi_pics ul li p { position: absolute; right: 50px; top: 260px; z-index: 9; font-size: 18px; color: #fff; }
.swi_pics ul li span { }
.swi_pics_container { padding-bottom: 100px; padding-top: 80px; }
.swi_pics_container { width: 1440px; margin: 0 auto; overflow: hidden; position: relative; }
.swi_pics { width: 100%; position: relative; }
.swi_pics ul { display: flex; width: max-content; position: relative; left: 0; margin: 0; padding: 0; transition: all 0.5s ease; }
/* 中间两个图片的放大样式 */
.swi_pics ul li { flex-shrink: 0; list-style: none; transition: transform 0.5s ease !important; position: relative;/* 添加相对定位 */ }
.swi_pics ul li.active { z-index: 2; }
#swibg { overflow: hidden; }
#swibg span { position: absolute; top: 250px; /* 初始隐藏在底部 */ right: 40px; width: 80%; font-size: 11px; color: #fff; padding: 15px; box-sizing: border-box; transition: all 0.5s ease; opacity: 0; }
/* 普通状态的hover效果 */
#swibg:hover { transform: scale(1.1) !important; z-index: 10; }
#swibg:hover span { /* top: 0; */ opacity: 1; }
/* active状态的hover效果 */
#swibg.active:hover { transform: scale(1.45) !important; z-index: 10; }
#swibg.active:hover span { top: 236px; opacity: 1; }
/* span中的more链接样式 */
#swibg span a { color: #fff; text-decoration: underline; margin-left: 5px; }
#swibg span a:hover { color: #ddd; }
.swi_pics ul li { flex-shrink: 0; width: 330px; margin: 0 20px; /* 改为左右相等的margin */ list-style: none; transition: all 0.5s ease; position: relative; }
.swi_pics ul li img:hover { opacity: .9; }
.swi_pics ul li:hover p { transform: translateY(-15px) }
.swi_pics ul li:hover#swibg p br { display: none !important; }
.swi_pics ul li:hover#swibg p { top: 230px; text-align: left; left: 40px; }
#swibg p:hover { color: #96172e }
.swi_pics ul li:hover#swibg img { box-shadow: #000 0px 0px 10px 10px; border-radius: 20px; opacity: .9 }
a.swmore { text-decoration: none !important; width: 57px; height: 24px; line-height: 24px; border: #96172e 1px solid; border-radius: 28px; display: inline-block; font-size: 11px !important; transition: .5s; color: #96172e !important; position: relative; padding-left: 10px; text-transform: uppercase; cursor: pointer; transform: scale(.8); position: absolute; bottom: -27px; right: 0; }
a.swmore:before { transform: rotate(45deg); top: 12px; right: 14px; }
a.swmore:after { transform: rotate(-45deg); top: 12px; right: 10px; }
a.swmore:before, a.swmore:after { content: ''; position: absolute; width: 6px; height: 1px; background-color: #96172e; transition: .5s; }
a.swmore:hover { background: #96172e; color: white !important; }
a.swmore:hover:before, a.swmore:hover:after { background-color: #fff; }
.prbox { /* background: url(../images/pdbg3.png) no-repeat top center; */ }
.pr_tit { margin: 40px 0; text-align: center; }
.pr_tit p { font-family: 'OPPOSans-H'; font-size: 33px; font-weight: normal; margin-bottom: 30px; }
.pr_tit span { font-family: 'OPPOSans-M'; font-size: 16px; line-height: 26px; width: 68%; margin: auto; display: block; }
.prlist { margin-bottom: 60px; }
.prlist ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.prlist ul li { width: 30%; margin: 40px 0 80px; }
.prlist ul li a { display: block; position: relative }
.pr_tag { color: #fff; font-size: 16px; position: absolute; top: 24px; left: 50%; border-radius: 20px }
.tag_explosive { background: #96172e; padding: 5px 12px; margin-left: -45px }
.tag_new { background: #00a23b; padding: 5px 12px; margin-left: -30px }
.prlist ul li p { color: #fff; text-align: center; font-size: 18px; margin-top: 30px; }
.itable { display: table; width: 100%; height: 100%; table-layout: fixed; border-radius: 20px }
.itable i { display: table-cell; vertical-align: middle; }
.itable i img { width: 100%; }
.prlist ul li:hover .itable { background: #262626 }
.prlist ul li:hover p { color: #96172e; }
.ptit { font-size: 40px; padding: 60px 0; font-weight: bold; }
.morea { margin: 40px auto; }
.morea a { display: block; background: url(../images/morea.png) no-repeat center; width: 108px; height: 50px; margin: auto; }
.morea a:hover { background: url(../images/moreb.png) no-repeat center; }
.pftitle { font-family: 'OPPOSans-M'; font-size: 24px; margin-bottom: 80px; }
.part_b { background: #060606; color: #fff }
.pr_card { font-family: 'OPPOSans-M'; margin-bottom: 80px; overflow: hidden; }
.prc_title { font-family: 'OPPOSans-H'; font-size: 40px; padding: 60px 0; }
.pr_card ul { float: left; width: 45%; }
.pr_card ul li { font-size: 22px; line-height: 90px; text-indent: 1.5em; }
.pinimg img { width: 100% }
.pinvideo video { width: 100%; display: block; }
.pinnav { background: #060606; font-family: 'OPPOSans-M'; color: #fff; }
.pinnav a { color: #fff }
.pinnav ul li a:hover { color: #96172e; border-bottom: #96172e solid 1px }
.pn_left { float: left; }
.pn_right { float: right; }
.pn_left i { display: inline-block; float: left; }
.pn_left p { float: left; line-height: 112px; font-size: 18px; text-transform: uppercase; }
.pn_right ul { margin-top: 46px; }
.pn_right ul li { display: inline-block; margin: 0px 0 0 80px; font-size: 18px; }
a.gonav { display: inline-block; float: left; margin-top: 46px; width: 40px; height: 40px; }
a.gonav img { margin: 10px auto; vertical-align: middle; }
.psbox { background: #060606; color: #fff; padding: 100px 0 0 0; }
.ps-pics { float: right; width: 40%; }
.ps-pics img { width: 100%; }
.ps-text { float: left; margin-top: 200px; }
.top_title { }
.top_title p { font-family: 'OPPOSans-R'; font-size: 32px; margin-bottom: 60px; }
.top_title h2 { font-family: 'OPPOSans-H'; font-weight: normal; font-size: 60px; margin-bottom: 80px; }
.ps_tags { /*font-family: 'OPPOSans-R';*/ font-size: 18px; text-transform: uppercase; font-weight: bold; border-bottom: #fff 1px solid; margin-bottom: 40px;    max-width: 750px; }
.ps_tags li { display: inline-block; border-right: #fff 1px solid; padding-right: 20px; margin-right: 20px;font-size: 16px; margin-bottom: 15px;}
.ps_tags li:last-child { border: none; margin-right: 0; padding: 0; }
.ps_tags ul { padding-bottom: 25px; }
.ps-num { text-align: center; }
.ps-num li { position: relative; }
.ps-num ul { display: flex; flex-wrap: nowrap; justify-content: space-around; width: 70%; margin: auto; }
.ps-num li span { font-family: 'OPPOSans-R'; margin-bottom: 10px; display: inline-block; }
.ps-num li p { font-family: 'OPPOSans-M'; font-size: 18px; }
.ps-num li:after { content: ""; position: absolute; width: 1px; height: 100%; background: #fff; right: -40px; top: 0; }
.ps-num li:last-child:after { display: none; }
.top_title h2:hover { color: #96172e; }
.ps-pbox { padding: 60px }
.ps-pics .swiper { width: 100%; height: 100%; }
.ps-pics .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; }
.ps-pics .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ps-pics .swiper-slide img:hover { transform: scale(1.1); }
div#pinvideo { position: relative; }
.btn_videoa { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; opacity: .7 }
.pinnav.fixedbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999999; background: rgba(6,6,6,.8); }
.pinnav { position: relative;  /* 为进度条定位提供参考 */ }
.progress-bar { position: absolute; bottom: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(to right, #ffffff, rgba(255,255,255,0.8), rgba(150,23,46,0.8), #96172e ); box-shadow: 0 0 10px rgba(150,23,46,0.3); transition: width 0.1s ease; }
.slide-description { color: #fff; display: none; }
.abc span.slide-description { display: block; }
.sbtn { display: none; }
.abc span.sbtn { display: block; background: url(../images/morea.png) no-repeat; background-size: 80%; width: 110px; height: 45px; margin-top: 30px; float: right; }
.abc span.sbtn:hover, .swi_pics_container .swiper-slide.abc:hover .sbtn { background: url(../images/moreb.png) no-repeat; background-size: 80%; }
.swi_pics_container .swiper-slide { position: relative; }
.swi_pics_container .swiper-slide p { /* position: absolute; */ /* bottom: 80px; */
color: #fff; font-size: 28px; /* right: 20px; */ text-shadow: #000 1px 3px 5px; margin-bottom: 20px; }
.swi_pics_container .swiper-slide.abc p {/* top: 144px; *//* width: 86%; */ }
.swi_pics_container .swiper-slide.abc p br { display: contents; }
.swi_pics_container .swiper-slide.abc span.slide-description { /* position: absolute; */ /* bottom: 20px; */
    /* right: 20px; */
font-size: 16px; text-shadow: #000 1px 3px 4px; }
.swi_pics_container .swiper-slide img { opacity: .7; }
.swi_pics_container .swiper-slide:hover p { bottom: 100px; }
.swi_pics_container .swiper-slide.abc:hover p { color: #96172e; font-weight: bold; }
.swi_pics_container .swiper-slide.abc:hover img { opacity: .5; }
#mnavh.opens:after { position: fixed; width: 40%; height: 100%; content: ""; right: 0; top: 60px; background: rgba(0, 0, 0); }
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #fff; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.opens .navicon { background: none }
.opens .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.opens .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.opens .navicon:before, .opens .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #fff; }
.ovhi { overflow: hidden; }
.stxt { top: 144px; width: 90%; position: absolute; left: 20px; }
.reswiper { position: relative; }
.reswiper .button { top: 50%; position: absolute; }
span.toggle { color: #fff; float: right; font-size: 20px; }
.pd_line .box { overflow: inherit; }
dl.pdlist { z-index: 99; }
dd.highlight a { color: #96172e; }
.newslist ul li:hover i img { transform: scale(1.1); }
.btn_morea { background: url(../images/morea.png) no-repeat; width: 104px; height: 50px; display: block; margin: auto; }
.btn_morea:hover { background: url(../images/moreb.png) no-repeat; }
.news_tab li:hover a { color: #96172e; }
li.tabc a { color: #96172e; }
li.tabc { border-bottom: #96172e 1px solid; }
.cp_sub_con.box dl dd a#selected p { color: #96172e !important; }
.cp_sub_con.box dl dd a#selected i { background: #96172e; border: 1px solid #96172e; }
i.anews { background: #00a23b; }
em.anews { background: #00a23b; }
em.aevent { background: #97172e; }
i.aevent { background: #97172e; }
h2.content_ftitle { margin-bottom: 20px; }
.aevent { background: #96172e; }
.anews { background: #00a23b; }
.lctext h2 { text-align: center; font-size: 56px; color: #fff; margin-bottom: 80px; font-family: 'OPPOSans-B'; font-weight: normal; }
.pr_card ul li:hover { color: #96172e; }
.ptit:hover { color: #96172e; }
.mnav { display: none !important; }
.pd_line_m { display: none }
.ftnav section:nth-child(2) { margin-right: 100px;}
.ftnav section:nth-child(3) {margin-right: 100px;}
.pr_tit p:hover,.pr_tit span:hover,.txt h4:hover {    color: #96172e;}
.abvtext h3:hover,.abvtext p:hover {   color: #96172e;}
/*搜索*/
.ul_search li{position:relative;overflow:hidden}
.ul_search h2{margin:0 0 15px 0;padding-bottom:8px}
.color_img{float:left;width:165px;margin-right:20px;margin-bottom:15px}
.sarimg{width:100%;height:110px;object-fit:cover}
.sainfo{display:block;overflow:hidden}
li:not(:has(.color_img)) .sainfo{min-height:0;padding-left:0}
@media (max-width:768px){.color_img{float:none;width:100%;margin-right:0}
.sarimg{height:auto;max-height:300px}
.sainfo{min-height:0;margin-top:15px}
}
/*分页*/
.pagelist a,.pagelist b{border-radius:80px;font-size:12px;display:inline-block;padding:9px 15px;box-shadow:0 4px 10px rgba(51,51,51,.1)}
.pagelist b.active,.pagelist a:hover{background-color:#fa6567;color:#fff!important;cursor:pointer}
@media (max-width:767px){.hidden-xs{display:none!important}}
/*友情链接*/
.links{background:#fff;padding:15px 15px 15px 0px;margin:10px 15px 10px 0px}
.link_title{font-weight:bold;color:#333;font-size:16px;margin-bottom:20px}
.links ul{margin:0;padding:0}
.links li{display:inline-block;margin:0 15px 5px 0;color:#999;font-size:14px}
.links li a{color:#999}
.links li:hover a{color:#056DE8}
@media (max-width:670px){.links{margin:10px 0px 10px 20px}}
.video_imge {position: relative;width: 100%;}
@media (max-width:670px){/*手机端样式*/
.hidden-wap{display:none!important}
.video_box iframe{height:200px;}
.video_imge iframe{height:200px;}
}
@media (min-width:670px){/*电脑端样式*/
.hidden-pc{display:none!important}
.video_box iframe{height:510px;}
.video_imge iframe{height:890px;}
}