* {
	margin: 0;
	padding: 0; 
	 font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';font-family:Helvetica;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
 font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';
}
.draggable{cursor:move;display:inline-block}
img {
	border: 0px;
	display: block;
}
div,p,a{ margin:0 auto; font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
body div{margin:0 auto}
ul, li {
	list-style: none;
}
label{font-family:Helvetica;}
a {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
}
p {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
/*去除点击阴影*/

a, input, button { outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*去除IOS自带圆角*/

input, button {
	-webkit-appearance: none;
	border-radius: 0;
}

 .swiper-container {
      width: 100%;
      height: 100%;
    }
	.swiper-wrapper1{
	  /* 通过改变animation-timing-function 制作弹性切换效果 */
		   transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      width: 100%;

      
      align-items: center;
    }
.swiper-slide img{ display:block;}

.swiper-button-next,.swiper-button-prev{opacity:0 !important;}



.bodybox{ width:100%;max-width:1920px; margin:0 auto; height:auto}
.banner{ width:100%; margin:0 auto;  position: absolute; top:0; left:0; z-index:22}	
.bnnerli{ position:absolute; width:100%; height:auto; top:0; display:none}
.banner2{ animation:banner 3s ease-in forwards;}
@keyframes banner{

0% {
    background-size:120% 120%; 
}

100% {
     background-size:100% 100%; 
}
}



.page2,.page1,.page3,.page4,.page5,.page6,.page7,.page8,.page9{margin:0 auto; width:100%;max-width:1920px; position: relative ; overflow: hidden }


.dot1{ position:absolute; bottom:-1%; width:2.5%; left:48.8%; z-index:9999}


.tt1{ position:absolute; top:21.1%; width:20%; left:40%; }
.video{position: absolute;top: 0%; width: 46%; left: 27%;height:75.7%;padding:1vw; box-sizing:border-box; z-index: 666; }
.yinyin{position: absolute;top: 69%; width: 40%; left: 30%; z-index: 6;}
.contxt{position: absolute;top:79%; width:95%; left: 2.5%; z-index: 8;}
.contxt p{font-size:1vw;line-height:1.6vw; text-indent:2vw;  text-align:justify; color:#000;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical;}
.dem1{ position:absolute; width:51.8%; height:94%; left:24.3%; top:0%; z-index:66}
.slide{ width:100%; height:100%; position:absolute; left:0; top:0; display:none }




.preL{position:absolute; TOP:51.5%; width:4%; left:-7%; z-index:9999; padding:1% 1%; cursor:pointer  }
.preR{position:absolute; TOP:51.5%; width:4%; right:-7%; z-index:9999; padding:1% 1%;  cursor:pointer }

.bannerqh{ position:absolute; top:0;}
.showtabtxt p{font-size:1vw; line-height:1.6vw; text-align:justify; text-indent:2vw; color:#000;display: flex; text-overflow: ellipsis; -webkit-line-clamp: 9;-webkit-box-orient: vertical;}

.hdtt{width:51%;  position:absolute; top:-21%; left:5%; z-index:9999 }

.boxmk{ width:100%; height:100%; position:relative}
.boxmkli{ width:49%; height:47.2%; margin-bottom:3%; background:#fff;  float:left; position:relative; border-radius:0.6vw; overflow:hidden}
.boxmkli:nth-child(2n){ float:right}
.boximg{width:100%; }
.boxdsk{ width:94%;  position:absolute;top:63.8%; left:3%}
.boxdsk p{ font-size:1vw; color:#000; width:100%; height:100%; left:2%; z-index: 8; text-align:left; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.6vw;}
.boxmkli a,.my3fool .boxmkli span{ position:absolute;font-size:1vw; width:94%; height:11%;  left:3%; bottom:3%; display:block; background:#f10637; border-radius:1vw;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;color:#fff;}
.more{ width:21%; height:2.4vw;  text-align:center; position:absolute; left:39.5%;z-index: 8888; bottom:-11%; border:1px solid #000; border-radius:0.6vw;box-sizing: border-box;}
.more a{ line-height:2.4vw;font-size:1vw; color:#000}
.more2{ width:26%; height:2.4vw;  text-align:center; position:absolute; left:37%;z-index: 8888; bottom:-0.36rem; border:1px solid #fff;border-radius:0.6vw;box-sizing: border-box;}
.more2 a{ line-height:2.4vw;font-size:1vw; color:#fff}
.my3fool .boxmkli a{ width:48%; left:48%;height:12%;}
.my3fool .boxmkli span{ font-size:1.4vw; color:#f10637;justify-content: left;  background:none;width:44%; height:11%;left:4%; font-weight:bold}
.my3fool .boxmkli span label{ font-size:2vw}

.nav{ position:absolute; top:0; left:31.8%; width:37%; height:100%;}
.navli{ width:50%; height:100%; background: url(../img/navof.png) no-repeat center; cursor:pointer; background-size:100% 100%; float:left;display: flex;align-items: center; justify-content: center; font-size:1.2vw; color:#000;}
.navli:nth-child(2n){ float:right}
.curr{ color:#fff; font-weight:bold; background:url(../img/navon.png) no-repeat center; background-size:100% 100%}

.bannerqh3 .boxmkli{ float:left; height:47%; width:24.4%; margin-right:0.8%; margin-bottom:1.5% }

.bannerqh3 .boxmkli:nth-child(4n){ margin-right:0px}

.bannerqh4 .boxmkli{ float:left; height:33.4%; width:32.6%; margin-right:0.8%; margin-bottom:1.5% }

.bannerqh4 .boxmkli:nth-child(3n){ margin-right:0px}
.more3{ width:66%; height:2.4vw;  text-align:center; position:absolute; left:15%;z-index: 8888; bottom:48%; }
.more3 a{ line-height:2.4vw;font-size:1vw; color:#000; display:block; width:100%; height:2.4vw; border:1px solid #000; border-radius:2vw;box-sizing: border-box;background:none}
.more3 a:hover{ border:1px solid #F00; color:#F00 }
.boxmkgg,.boxmkgg2{ width:100%; height:100%; display:none; position:absolute; top:0; left:0}
.boxmkgg2 .boximg{ height:68%; overflow:hidden;}
.boxmkgg .boxdsk{ top:65%}
.mccc .boxdsk{ top:71%}
.boxmkgg2 .boxdsk{ top:71%}

.boxmkgg3 .boxdsk{ top:67.8%}
.maaa .boxdsk{top:61.8%}
.footw{ width:36%; position:absolute; top:8%; left:32%;}






.demls{position:absolute; width:46.5%; height:89%; left:26.8%; top:-6%;  }
.tab1boxli{ position:absolute; width:100%; height:100%; top:0; left:0; display:none }
.tab1boxli p{ width:90%; margin:0 auto; font-size:1.2vw; margin-top:2%; color:#000; text-align:center}
.tab1boxli a{ width:38%;position:absolute;font-size:1vw;  height:7%;  left:31%; bottom:6%; display:block; background:#f10637; border-radius:1.2vw;display: flex;align-items: center; justify-content: center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;color:#fff;}

.bbwen{position:absolute; top:7%; left:24%;width:31%; height:90%; z-index:666}

.yuanx{ position:absolute; left:47.7%;  z-index:999;bottom:15%; width:5%; height:1vw;padding-left:1%;}
.yuand{  height:1vw; width:1vw; float:left; cursor:pointer;  box-sizing:border-box;  background:#0C6; margin-right:1.1vw; border-radius:40vw; background:#fff; opacity:0.5 }
.yuand:nth-child(2){ margin-right:0 }
.curr3{ opacity:1}



@media screen and (min-width: 1923px) {p{font-size:16px; line-height:22px}}





/******** 框架兼容 ***********/


/******** 侧栏 ***********/

.htlShare {
	bottom: 5px;
	overflow: visible;
	position: fixed;
	right: 0;
	width: 46px;
	z-index: 999999;
}
#rlist1 {
	float: right;
	margin-bottom: 45px;
	width: 46px;
	z-index: 101;
}
#rlist5 {
	clear: both;
	overflow: hidden;
	position: relative;
	right: -10px;
	width: 160px;
	z-index: 999999;
}
.cf li {
	height: 46px;
	margin-bottom: 5px;
	position: relative;
	width: 46px;
}
.cf li:hover {
	background: none repeat scroll 0 0 #FFAE01;
}
.cf a {
	display: block;
	height: 46px;
	overflow: hidden;
	text-indent: -99em;
}
.cf a {
	background: url(../img/spirite_temp.png) no-repeat;
}
.share .share_a {
	background-position: 0 -128px;
}
.share .share_a:hover, .share .cur {
	background-position: -105px -128px;
}
.top .top_a {
	background-position: -53px -128px;
}
.top .top_a:hover {
	background-position: -158px -128px;
}
.share_lis {
	background: none repeat scroll 0 0 #FFAE01;
	height: 30px;
	padding: 8px 0 8px 3px;
	position: absolute;
	right: 44px;
	top: 0;
	width: 112px;
}
.share_lis a {
	display: inline;
	float: left;
	height: 30px;
	margin-left: 5px;
	width: 30px;
}
.share_lis .a0 {
	background-position: 0 -88px;
}
.share_lis .a1 {
	background-position: -40px -88px;
}
.share_lis .a2 {
	background-position: -80px -88px;
}
.share_lis .a3 {
	background-position: -120px -88px;
}
.share_lis .a4 {
	background-position: -160px -88px;
}
#w2wm {
	background: #009EDA;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	cursor: pointer;
	height: 100px;
	overflow: hidden;
	padding-top: 4px;
	text-align: center;
	width: 36px;
}
#w2wm p {
	border-top-left-radius: 4px;
	color: #FFFFFF;
	font-size: 12px;
	height: 75px;
	line-height: 16px;
	padding: 6px 11px 0;
	width: 14px;
}
#w2wm .pointr {
	background: url(../img/shareArr4.gif) no-repeat scroll 4px -19px rgba(0, 0, 0, 0);
	display: block;
	height: 19px;
	width: 36px;
}
#w2wm .pointl {
	background: url(../img/shareArr4.gif) no-repeat -23px -19px;
	display: block;
	height: 19px;
	width: 36px;
}
.ewm {
	background: #fff;
	border: 3px solid #009eda;
	border-right: none;
	padding: 10px;
	text-align: center;
	width: 100px;
}
.ewm img {
	height: 178px;
	width: 100px;
}
#ewm {
	width: 100%;
	position: fixed;
	right: 0;
	bottom: 10px;
}

.detail1{background-image:url("../img/detail1.png")}

.detail2{background-image:url("../img/detail2.png")}

.detail3{background-image:url("../img/detail3.png")}

.detail4{background-image:url("../img/detail4.png")}

/******** 侧栏END ***********/