@charset "utf-8";

*{

	margin:0px; 

	padding:0px;

	box-sizing:border-box;

	-moz-box-sizing:border-box; /* Firefox */

	-webkit-box-sizing:border-box; /* Safari */

	outline: 0; 

	-webkit-text-size-adjust: none; 

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body{

	 font-family: "opr", "PingFang SC", "Microsoft YaHei";

}

a {text-decoration:none;} 

a:focus,span:focus{outline:none;}

/*定义新型浏览器特性*/

::-webkit-scrollbar{width:5px;height:10px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#dedede}

::-webkit-scrollbar-thumb:vertical{background-color:var(--OneColor);}

::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--OneColor);}

::-webkit-scrollbar-corner:vertical{background-color:var(--OneColor);}

::-webkit-scrollbar-resizer:vertical{background-color:var(--OneColor);}



@font-face {

    font-family: opr;

    src: url('../font/OPPOSans-R.ttf');

}



@font-face {

    font-family: opb;

    src: url('../font/OPPOSans-B.ttf');

}



@font-face {

    font-family: oph;

    src: url('../font/OPPOSans-H.ttf');

}



@font-face {

    font-family: opm;

    src: url('../font/OPPOSans-M.ttf');

}



@font-face {

    font-family: opl;

    src: url('../font/OPPOSans-L.ttf');

}



@font-face {

    font-family: dfp12;

    src: url('../font/[DFPHaiBaoW12].ttf');

}



@font-face {

    font-family: zk;

    src: url('../font/ZhanKuKuaiLeTi2016XiuDingBan-1.ttf');

}



@font-face {

    font-family: pm;

    src: url('../font/PangMenZhengDaoBiaoTiTi-1.ttf');

}



@font-face {

    font-family: sth;

    src: url('../font/STHupo.ttf');

}

.clear{

	height: 0px;

	width: 0px;

	font-size: 0px;

	clear: both;

}



.loading{

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.1);

	top: 0px;

	left: 0px;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	z-index: 99999;

}

.loading img{

	width: 32px;

	height: 32px;

	margin: 0px auto;

}



.big_title_font{ 

	font-size: 2.5rem; 

}

.small_title_font{ 

	font-size: 1rem; 

}

.model_view_box{

	position: relative;

	padding-top: 0vh;

	padding-bottom: 0vh;
	overflow: hidden;

}

.model_view_bbox{

	position: relative;

	width: 100%;

	height: auto;

}



.navfont{ 

	font-size: 1.2rem;

}

.navlfont{ 

	font-size: 1.08rem;

}

.page_title_box{

	height: auto;

	padding: 3vh 0px;

}

.buttonbox{

	height: auto;

	padding: 3vh 0px;

}

.pagemenu_box{

	height: auto;

	padding: 3vh 0px;

}



.plateback_video{ 

	width:100%; 

	height:100%;

	position: absolute;

	top: 0px;

	left: 0px;

	overflow: hidden;

}

.plateback_video video{ 

	width:100%; 

	height:100%;

	object-fit: cover;

	object-position: center;

}

.page_seoimg{

	position: absolute;

	z-index: -100;

	opacity: 0;

}

.model_null{

	width:73vw;

	width:var(--mainwidth);

	background: #ebecee;

	height: 30vh;

	margin: 0px auto;

	display: flex;

	flex-direction: column;

	justify-content: center;

}

.model_null_text{

	width: 100%;

	font-size: 16px;

	color: #CB0000;

	text-align: center;

}

.model_null_link{

	width: 100%;

	text-align: center;

	padding-top: 20px;

}

.model_null_link a{

	display: inline-block;

	height: 30px;

	line-height: 30px;

	background: #ff7109;

	padding: 0px 20px;

	color: #FFFFFF;

	border-radius: 5px;

	font-size: 14px;

	cursor: pointer;

}



.model_about_void{

	width:100%;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: absolute;

	text-align: center;

	background:rgba(0,0,0,0.3);

	top: 0px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.model_about_void>a{

	cursor: pointer;

}

.model_about_void:hover{

	background:transparent;

}

.model_about_void img{

	width:60px;

	height:60px;

	margin:0px auto;

}

.banner_video{

	width: 100%;

	height: 100%;

}

.banner_video>video{

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	position: absolute;



}





.base_search{

	width:100%;

	height: 40vh;

	display: flex;

	justify-content: center;

	flex-direction: column;

}

.base_search_1{

	width:100%;

	text-align: center;

}

.base_search_1 font{ 

	color:var(--FontWhiColor);

}

.base_search_2{

	width:100%;

	text-align: center;

}

.base_search_2 span{ 

	position: relative;

}

.base_search_2 span:after{

	content: '';

	width: 6.875rem;

	height: 1px;

	background: var(--FontWhiColor);

	position: absolute;

	left: -8.125rem;

	top: 50%;

}

.base_search_2 span:before{

	content: '';

	width: 6.875rem;

	height: 1px;

	background: var(--FontWhiColor);

	position: absolute;

	right: -8.125rem;

	top: 50%;

}



.base_search_2 font{ 

	color:var(--FontWhiColor);

}

.base_search_tit{

	width:100%;





	text-align: center;

	font-size: 1.625rem;

	color: var(--FontOneColor);

	line-height: 6.25rem;

	margin-top: 3.125rem;

}

.base_search_tit span{

	color: var(--OneColor);

}

.base_search_list{

	width:73vw;

	width:var(--mainwidth);

	margin: 0 auto;

	height: auto;

	padding-bottom: 10vh;

}

.base_search_con{

	width:100%;

	height: auto;

}

.base_search_con a{

	display: block;

	width:100%;

	height: auto;

	border-bottom: 1px solid #e5e5e5;

	padding: 2.75rem 0;

	overflow: hidden;

}

.base_search_con a:hover .base_search_con_1{

	color: var(--OneColor);

}

.base_search_con a:hover .base_search_con_2{

	color: var(--FontOneColor);

}





.base_search_con_1{

	width:100%;

	height: 3.75rem;

	line-height: 3.75rem;

	overflow: hidden;

	 white-space: nowrap;

    text-overflow: ellipsis;

	font-size: 1.125rem;

	color: var(--FontOneColor);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_search_con_1 span{

	position: relative;

	padding-left:15px;	

}

.base_search_con_1 span:after{

	content: '';

	width: 8px;

	height: 8px;

	background: var(--OneColor);

	border-radius:50%;

	position: absolute;

	top: calc(50% - 4px);

	left: 0;

}

.base_search_con_2{

	width:100%;

	height: auto;

	font-size: 0.875rem;

	color: var(--FontTowColor);

	line-height: 1.5rem;

	max-height: 3rem;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	overflow: hidden;

}







.base_videolayer{

	width:100%;

	height: 100%;

	position: fixed;

	background:rgba(0,0,0,0.9);

	z-index: 10000;

	top: 0vh;

	display: flex;

	flex-direction: column;

	justify-content: center;

	opacity: 0;

}

.base_videolayer_con{

	width:auto;

	height: auto;

	margin: 0px auto;

	font-size: 0px;

	position: relative;

	transform: scale(0);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_videolayer_con_fade{

	transform: scale(1);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_videolayer_con_video{

	width:auto;

	max-width: 55vw;

	height: auto;

	max-height: 75vh;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_videolayer_btn{

	width:35px;

	height: 35px;

	position: absolute;

	background-color: var(--OneColor);

	border-radius: 50%;

	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/close.png");

	background-repeat: no-repeat;

	background-position: center;

	right: -18px;

	top: -18px;

	cursor: pointer;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	color: var(--FontWhiColor);

    text-align: center;

    font-weight: lighter;

}

.base_videolayer_btn:hover{

	transform: rotate(360deg);

}







.base_simglayer{

	width:100%;

	height: 100%;

	position: fixed;

	background:rgba(0,0,0,0.9);

	z-index: 1000;

	top: 0vh;

	display: flex;

	flex-direction: column;

	justify-content: center;

	opacity: 0;

}

.base_simglayer_con{

	width:auto;

	height: auto;

	margin: 0px auto;

	font-size: 0px;

	position: relative;

	transform: scale(0);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_simglayer_con_fade{

	transform: scale(1);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_simglayer_con_simg{

	width:auto;

	max-width: 90vw;

	height: auto;

	max-height: 75vh;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_simglayer_btn{

	width:35px;

	height: 35px;

	position: absolute;

	border-radius: 50%;

	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/close.png");

	background-repeat: no-repeat;

	background-position: center;

	right: 0px;

	top: 0px;

	cursor: pointer;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	color: var(--FontWhiColor);

    text-align: center;

    font-weight: lighter;

	z-index: 10;

}

.base_simglayer_btn:hover{

	transform: rotate(360deg);

}

.basepicarr_lun{

	width: 95%;



	height: 90%;

}

.basepicarr_img{

	width: auto;

	height: 100%;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

}

.basepicarr_img>div{

	width: auto;

	height: auto;

}

.basepicarr_img>div>img{

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}	

.basepicarr_img_text{

	font-size: 1rem;

	color: #FFFFFF;

	text-align: center;

	padding-top: 1rem;

}

.basepicarr_pagination{

	width: 100%;

	height: 35px;

	line-height: 35px;

	font-size: 16px;

	color: #FFFFFF;

	position: absolute;

	top: 0px;

	text-align: center;

	z-index: 10;

}

.basepicarr_btn{

	width: 20px;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	z-index: 10;

	position: absolute;

	top: 0px;

	cursor: pointer;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	opacity: 0.6;

}	

.basepicarr_btn:hover{

	opacity: 1;

}



.basepicarr_btn_left{

	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/basepicaar_left.png");

	left: 40px;

}

.basepicarr_btn_right{

	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/basepicaar_right.png");

	right: 40px;

}





.base_iframelayer{

	width:100%;

	height: 100%;

	position: fixed;

	background:rgba(0,0,0,0.8);

	z-index: 1000;

	top: 0vh;

	display: flex;

	flex-direction: column;

	justify-content: center;

	opacity: 0;

}

.base_iframelayer_con{

	width:1200px;

	height: auto;

	margin: 0px auto;

	font-size: 0px;

	position: relative;

	transform: scale(0);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_iframelayer_con_fade{

	transform: scale(1);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.base_iframelayer_con_iframe{

	width:100%;

	height:auto;

	margin: 0px;

	padding: 0px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	overflow-x: hidden;

	overflow-y: auto;

}

.base_iframelayer_btn{

	width:35px;

	height: 35px;

	position: absolute;

	background-color: var(--OneColor);

	border-radius: 50%;

	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/close.png");

	background-repeat: no-repeat;

	background-position: center;

	right: -18px;

	top: -18px;

	cursor: pointer;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	color: var(--FontWhiColor);

    text-align: center;

    font-weight: lighter;

}

.base_iframelayer_btn:hover{

	transform: rotate(360deg);

}



.buttonbox{

	height: auto;

	padding-top: 3vh;

}



@media screen and (max-width:1365px)and (min-width:1024px){

	

	.base_iframelayer_con{

		width:1000px;

	}

}



@media screen and (max-width:1023px)and (min-width:300px){

.pagemenu_box{

	width:96vw;

	height: auto;

	margin:0 auto;

}

.list_box{

	width:auto;

}

.base_videolayer_con{

	width:calc(90% - 18px);

}

.base_simglayer_con{

	width:calc(90% - 18px); 

	height: auto;

}

.base_simglayer_con_simg{

	width:100%;

	height: auto;

}

.base_iframelayer_con{

	width:calc(95% - 18px);

}

.base_search_tit{

	line-height:3.25rem;

	margin-top: 2rem;

}



.base_search_list{

	width:96vw;

}

.base_search_con{

	width:100%;

	height: auto;

}

.base_search_con a{

	padding: 1.75rem 0;

}



.base_search_con_1{

	width:100%;

	height: 2.75rem;

	line-height: 2.75rem;

}



.base_videolayer_con_video{

	max-width: 85vw;

	max-height: 75vh;

}





}