@charset "utf-8";
a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
/*:focus{outline:none;}*/
/*Reset Css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}
html,body{margin:0; padding:0; height: 100%;}
select{*behavior: url("select.htc");}/*IE6,IE7select*/
ol,ul{padding-left:0; list-style-type:none; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input{display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0px; height:0px; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*Common Css*/
body{ line-height:1.6666;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
/* 页面选中颜色 */
/*::-moz-selection {background: #222;color: #fff;}
::-webket-selection {background: #222;color: #fff;}
::-o-selection {background: #222;color: #fff;}
::selection {background: #222;color: #fff;}
*:focus {outline: none;}*/
/* CSS3滚动条 */

@media screen and (min-width:1025px){
::selection {background: #222; color: white ; text-shadow: none ;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#eee;border-radius:50px}
::-webkit-scrollbar{width:8px;height:6px ; }
::-webkit-scrollbar-thumb{height:50px;background:#999;  border-radius:50px ; cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background:#999; cursor:pointer}
}

body, button, input, select, textarea{font-family:MiSans, MiSans,"OPPOSans-Regular",\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;font-size: 12px;line-height:1.4; }



input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input[type=text],input[type=button],select,button,textarea{-webkit-appearance:none !important;}

/*select,input[type="datetime-local"]{ background:url(../images/select_jt.png) no-repeat right center #fff !important;}*/
select::-ms-expand { display: none; } 

body{ -webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}

select{appearance:none !important;
-moz-appearance:none !important;
-webkit-appearance:none !important;}

::-webkit-input-placeholder{color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}



.ntb{display: table; table-layout: fixed; width: 100%; height: 100%;}
.ntd{display: table-cell; vertical-align: middle;}
.flex{ display: flex;    /*设置显示样式**/
align-items: center;    /**子view垂直居中*/
vertical-align: center; /**垂直居中*/
justify-content: center; /**内容居中*/
flex-direction:row;}

.img_cut{background:no-repeat center center; background-size:cover; overflow:hidden; display:block; width:100%; height:auto;}
.img_max{ display:block !important;}
.img_max img{ width: 100vw; height: auto; display: block;}
.img_min{ display:none !important;}
.img_min img{ width: 100%; height: auto; display: block;}

.img img{ width:100%; height:auto; display:block;}

@media screen and (max-width:980px){
.img_max{ display:none !important;}
.img_min{ display:block !important;}
}

@font-face {
    font-family: "OPPOSans-Regular";
    src: url('OPPOSans3.0cn-Regular.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    /* font-variation-settings: 'wght' 750; */
}

/*
@font-face {
    font-family: "OPPOSans-Medium";
    src: url('OPPOSans3.0cn-Medium.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: "OPPOSans-Bold";
    src: url('OPPOSans3.0En-Bold.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}




.backTop{ position: fixed; right: 20px; bottom: 100px; width: 48px; height: 48px; background: #ccf0ff; color: #333; border-radius: 8px; cursor: pointer; text-align: center; line-height: 48px; z-index: 10; font-size: 24px;}
.backTop:hover{ background: #000000; color: #fff;}

/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}

/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #000000; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#000000; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#000000; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}

.iAboutNum .em{ text-align: center;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}





/*分页*/
.fpage{ text-align:center; padding:40px 0 0 0; font-size:20px;}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.25em; float:left;}
.fpage .disabled{}
.fpage a{}
.fpage a,
.fpage span{height: 38px;line-height: 36px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #fff; border: 1px solid #d9d9d9; color: #333;}

.fpage .active a,
.fpage .active span{background:#000; color:#fff; border-color:#000;}

@media screen and (max-width:640px){
.fpage li{ padding: 0 3px;}
.fpage a,
.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}


}





.infoA{ font-size: 16px; position: relative; display: flex;}
.infoA_Fl{ flex: 1; box-sizing: border-box; margin-right: 40px;}
.infoA_Fr{ box-sizing: border-box; width: 340px;}
.infoAbox{ padding: 30px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 10px;}
.infoAtit{ text-align: center; margin-bottom: 1.5em; }
.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold; color: #000;}
.infoAtit p{ padding-top: 1em; color: #2B374E;}
.infoAcon{ color: #666; line-height: 1.75;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline; height: auto !important;}
.infoAcon strong{ }
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #000; font-weight: bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; margin-right: 10px; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #000; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #2B374E; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #000; color: #fff;}

.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; padding:20px 5px;}
.recommended1{ margin-bottom: 30px;}
.recommendedTit{font-size:24px;margin-bottom:1em;margin-left:20px;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{padding:10px;}
.recommendedList li{margin-bottom:10px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative; transition: 0.3s all;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:4px;left:0;top:50%; margin-top: -2px; background:#2B374E; }
.recommendedList strong{ display: block;display:block;line-height:2em; height: 2em; font-size:14px;color:#2B374E;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 12px;}
.recommendedList .pd:hover{ transform: translateY(-3px);}
.recommendedList .pd:hover strong{color:#000;}
.recommendedList2 strong{ margin-right: 0;}

@media screen and (max-width:1366px){
.infoA{ width: auto;}
}

@media screen and (max-width:1024px){
.recommendedList .pd{ padding-left: 10px;}
.recommendedList .pd:before{ width: 4px; height: 4px; border-radius: 50%;}
.recommendedList strong{ margin-right: 70px;}
}
@media screen and (max-width:980px){
.infoA{ display: block;}
.infoA_Fl{ width: auto; margin: 0 0 30px 0;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto; width: auto;}
.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}

}
@media screen and (max-width:480px){
.infoA{ font-size: 14px;}
.infoAtit p{ font-size: 12px;}
.recommendedList strong{ font-size: 14px; margin-right: 70px;}
.recommendedList em{ font-size: 12px;}
}
@media screen and (max-width:375px){
.infoA{ font-size: 12px;}
.infoAbox{ padding: 20px;}
}