body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}ul,li,ol,dl,dt,dd{list-style: none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}table{border-collapse:collapse;border-spacing:0}audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}a{text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}a:hover{text-decoration:none;cursor: pointer;}img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;border:0}html,body{font-family: "arial" ,'Microsoft Yahei';*font-family: "微软雅黑";*font-family: "Microsoft Yahei";color: #666;}@media screen and (max-width: 767px){input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;}}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{position: relative;overflow-x: hidden;}*::selection{background:#333;color:#fff;}*::-moz-selection{background:#333;color:#fff;}*::-webkit-selection{background:#333;color:#fff;}.after:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}.clear{clear: both;}
/*间距*/
.mt5{margin-top    : 5% !important;}
.mb5{margin-bottom : 5% !important;}
.ml5{margin-left   : 5% !important;}
.mr5{margin-right  : 5% !important;}
.pt5{padding-top   : 5% !important;}
.pb5{padding-bottom: 5% !important;}
.pl5{padding-left  : 5% !important;}
.pr5{padding-right : 5% !important;}
.mt0{margin-top    : 0% !important;}
.mb0{margin-bottom : 0% !important;}
.ml0{margin-left   : 0% !important;}
.mr0{margin-right  : 0% !important;}
.pt0{padding-top   : 0% !important;}
.pb0{padding-bottom: 0% !important;}
.pl0{padding-left  : 0% !important;}
.pr0{padding-right : 0% !important;}
/*字号*/
.font24{font-size: 24px;color: #333;line-height: 2em;}
.font18{font-size: 18px;color: #333;font-weight: normal;}
.font16{font-size: 16px;color: #666;line-height: 2.2em;}
.font14{font-size: 14px;color: #999;line-height: 1.8em;}
/*编辑器*/
.text{font-size: 16px;color: #666;line-height: 2em;word-wrap: break-word;word-break: normal;}
.text:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.text *{max-width: 100%;}
body{
	width: 100%;
}
@media screen and (max-width: 1500px){
	.mt5{margin-top    : 3% !important;}
	.mb5{margin-bottom : 3% !important;}
	.ml5{margin-left   : 3% !important;}
	.mr5{margin-right  : 3% !important;}
	.pt5{padding-top   : 3% !important;}
	.pb5{padding-bottom: 3% !important;}
	.pl5{padding-left  : 3% !important;}
	.pr5{padding-right : 3% !important;}
	.font24{font-size: 20px;}
	.font18{font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.font16,.text{font-size: 14px;}
}
/************框架*********************/


.indexPl8{
	padding-left: 8.3%;
}
.indexPr8{
	padding-right: 8.3%;
}
.header{
	width: 100%;
	background: rgba(0,0,0,.5);
	height: 78px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 888;
}
.header .logo{
	min-height: 100%;
	display: table;
	float: left;
	max-width:18%;
}
.header .logo a{
	height: 78px;
	display: table-cell;
	vertical-align: middle;
}
.header .logo a img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}
.header .headerRight{
	width:82%;
	float: right;
	font-size: 0;
	text-align: right;
}
.header .pubNav{
	width: 58%;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.header .pubNav ul{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.header .pubNav ul li{
    display: inline-block;
	vertical-align: top;
	font-size: 20px;
	width: 20%;
	text-align: center;
	height: 100%;
	line-height: 78px;
	position: relative;
}
.header .pubNav ul li i{
	display: none;
}
.header .pubNav ul li>a:before{
	content: "";
	width: 100%;
	height: 11px;
	display: block;
	background: url(../images/navLine.png) center bottom no-repeat;
	position: absolute;
	z-index: 9;
	bottom: -6px;
	left: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.header .pubNav ul li>a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 20px;
	color: #fff;
	position: relative;
}
/* ,.header .pubNav ul li:hover a:before */
.header .pubNav ul li.on a:before{
	opacity: 1;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.header .pubNav ul li>dl{
	width: 120%;
	background:rgba(36,140,246,.8);
	position: absolute;
	top: 78px;
	left: -10%;
	display: none;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.header .pubNav ul li>dl dd{
	width: 100%;
	position: relative;
	line-height: 60px;
}
.header .pubNav ul li>dl dd:before{
	content: "";
	width: 100%;
	height: 2px;
	background:linear-gradient(90deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.99) 50%,rgba(255,255,255,0.23) 98%);
	opacity:0.2;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.header .pubNav ul li>dl dd:last-child:before{
	opacity: 0;
}
.header .pubNav ul li:not(:nth-child(2))>dl dd:hover{
	background:rgba(36,140,246,.8);
}
.header .pubNav ul li>dl dd a{
	display: block;
	width: 100%;
	height: 100%;
	font-size:16px;
	font-weight:400;
	color:rgba(232,236,238,1);
	opacity:0.9;
	/*overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;*/
	position: relative;
}
.header .pubNav ul li:hover>dl,.header .pubNav ul li>dl.show{
	display: block;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.pubLogin{
	float: right;
	font-size: 0;
}
.pubLogin a{
	display: inline-block;
	vertical-align: middle;
	line-height: 78px;
	font-size: 18px;
	color: #fff;
	padding: 0 10px;
	margin-left: 20px;
}
.swiper-container.home-container {
	width: 100%;
	height: 100%;
}
 .swiper-container.home-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	color: #fff;
	/* 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;
	position: relative;
	z-index: 3;
}
.pubindexBox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
/* 第一屏 */
.indexPage1{
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(../images/bj1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	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;
}

.swiper-container.banner {
	width: 100%;
	height: 100%;
}
.swiper-container.banner  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #000;
	color: #000000;
	overflow: hidden;
	/* 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;
}
.indexPage1 .ballB{
	width: 52.9%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top:47.32% ;
}
.indexPage1 .ballB img{
	position: absolute;
	top: -5%;
	left: -5%;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.banner .swiper-slide.swiper-slide-active .indexPage1 .ballB img{
	-webkit-animation: ballb 4s ease-in-out forwards .3s;
	-moz-animation: ballb 4s ease-in-out forwards .3s;
	animation: ballb 4s ease-in-out forwards .3s;
}
.wai{
	width: 24.6%;
	padding-top: 24.6%;
	box-shadow: -8px 0 25px rgba(130, 136, 144, 0.3);
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	right: 24%;
	bottom: 2%;
	z-index: 12;
	 /* transform:rotate(45deg);/* IE 9 */
	/*-ms-transform:rotate(45deg); 	/* IE 9 */
	/*-moz-transform:rotate(45deg); 	/* Firefox */
	/*-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	/*-o-transform:rotate(45deg); 	Opera */
}
.wai .earthBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 30px rgb(1, 13, 29) inset;
	 z-index: 5;
}
.earthshadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	box-shadow: 57px 66px 33px rgba(0,0,0,0.7) inset;
}
.earth {
	background: url(../images/dd.png) repeat-x 0 0;
	background-size: auto 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
　　box-shadow: -1px -2px 30px rgba(255,255,255,0.5) inset; 
	/* -webkit-animation: loop 45s linear infinite  .5s;
	-moz-animation:loop 45s linear infinite  .5s;
	animation: loop 45s linear infinite  .5s; */
}
.earth:before{
	content: "";
	border-radius: 225px;
	/* box-shadow: 57px 66px 33px rgba(0,0,0,0.7) inset; */
	left: 0;
	position:absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
.indexPage1 .shine{
    -moz-background-size: cover;
    background-size: cover;
    background-image: url(../images/shine.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 13;
}
.indexPage1 .shine1{
    right: 4%;
    top: 100px;
    width: 40px;
    height: 40px;
    -webkit-animation: shine 2.2s ease-in-out infinite;
    -moz-animation: shine 2.2s ease-in-out infinite;
    animation: shine 2.2s ease-in-out infinite;
}
.indexPage1 .shine2{
    right: 13%;
    top: 150px;
    width: 70px;
    height: 70px;
    -webkit-animation: shine 2s ease-in-out infinite .2s;
    -moz-animation: shine 2s ease-in-out infinite .2s;
    animation: shine 2s ease-in-out infinite .2s;
}
.indexPage1 .shine3{
    right: 18%;
    top: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation: shine 1.8s ease-in-out infinite .8s;
    -moz-animation: shine 1.8s ease-in-out infinite .8s;
    animation: shine 1.8s ease-in-out infinite .8s;
}
.indexPage1 .shine4{
	right: 28%;
	top: 35%;
	width: 65px;
	height: 65px;
	-webkit-animation: shine 2.2s ease-in-out infinite .3s;
	-moz-animation: shine 2.2s ease-in-out infinite .3s;
	animation: shine 2.2s ease-in-out infinite .3s;
}
 .indexPage1 .meteor1{
	position: absolute;
	width: 14%;
	top: 27%;
	display: block;
	right: -14%;
	opacity: 1;
}
 .indexPage1 .meteor2{
	position: absolute;
	width: 12%;
	top: 35%;
	display: block;
	right: -14%;
	opacity: 1;
}
.banner .swiper-slide.swiper-slide-active .indexPage1 .meteor1{
	transform:rotate(-8deg);
	-ms-transform:rotate(-8deg); 	/* IE 9 */
	-moz-transform:rotate(-8deg); 	/* Firefox */
	-webkit-transform:rotate(-8deg); /* Safari 和 Chrome */
	-o-transform:rotate(-8deg); 	/* Opera */
	-webkit-animation: meteor1 3s ease-in-out 1s infinite;
	-moz-animation: meteor1 3s ease-in-out 1s infinite;
	animation: meteor1 3s ease-out 1s infinite;
}
.banner .swiper-slide.swiper-slide-active .indexPage1 .meteor2{
	transform:rotate(-8deg);
	-ms-transform:rotate(-8deg); 	/* IE 9 */
	-moz-transform:rotate(-8deg); 	/* Firefox */
	-webkit-transform:rotate(-8deg); /* Safari 和 Chrome */
	-o-transform:rotate(-8deg); 	/* Opera */
	-webkit-animation: meteor2 3s ease-in-out .2s infinite;
	-moz-animation: meteor2 3s ease-in-out .2s infinite;
	animation: meteor2 3s ease-out .2s infinite;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
	height: 75px;
	z-index: 80;
	background-color:rgba(255,255,255,.2) ;
	background-size: 9px;
}
.swiper-button-white{
	cursor: pointer !important;
}
.banner .swiper-pagination{
	bottom: 40px;
}
.banner .swiper-pagination-bullet{
	background-color: #FFFFFF;
	opacity: 1;
	vertical-align: middle;
	margin: 0 16px !important;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.banner .swiper-pagination-bullet-active{
	width: 25px;
	height: 25px;
	border: #fff 2px solid;
	border-radius: 50%;
	background: none;
	position: relative;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.banner .swiper-pagination-bullet-active:before{
	content: "";
	width: 6px;
	height: 6px;
	background-color:#fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3px;
	margin-left: -3px;
	border-radius: 50%;
}
.indexPage1 .textA{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	top: 50%;
}
.indexPage1 .textA img{
	width: 25.8%;
	display: block;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%); 	/* IE 9 */
	-moz-transform:translateY(-50%); 	/* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 	/* Opera */
}
.bannerImg{
	width: 100%;
	height: 100%;
}
.bannerImg img{
	height: 100%;
	width: 100%;
	object-fit:cover;
}
/* 第二屏 */
.indexPage2{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	background-image: url(../images/bj4.jpg);
	background-position: center;
	background-repeat:no-repeat ;
	background-size: 100%;
}
.indexPage2 .pageTwoRightA{
	width: 59.37%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	z-index: 5;
}
.swiper-container.home-container .swiper-slide.swiper-slide-active .indexPage2 .pageTwoRightA{
	-webkit-animation: fadeInRight 1.2s ease-in-out .2s forwards;
	-moz-animation: fadeInRight 1.2s ease-in-out .2s forwards;
	animation: fadeInRight 1.2s ease-out .2s forwards;
}
.indexPage2 .ballC{
	width: 26.71%;
	position: absolute;
	right: 12.65%;
	bottom: 25.6%;
	z-index: 7;
	opacity: 1;
}
.indexPage2 .ballC img{
	width: 100%;
}
.swiper-container.home-container .swiper-slide.swiper-slide-active .indexPage2 .ballC{
	/* -webkit-animation: fadeIn 1.2s ease-in-out 1.2s forwards;
	-moz-animation: fadeIn 1.2s ease-in-out 1.2s forwards;
	animation: fadeIn 1.2s ease-out 1.2s forwards; */
}
.swiper-container.home-container .swiper-slide.swiper-slide-active .indexPage2 .ballC img{
	/* -webkit-animation: bounce 1.5s ease-in-out 1.2s forwards;
	-moz-animation: bounce 1.5s ease-in-out 1.2s forwards;
	animation: bounce 1.5s ease-out 1.2s forwards; */
}
.indexPage2 .pageTwoText{
	width: 54.94%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: table;
	opacity: 0;
}
.swiper-container.home-container .swiper-slide.swiper-slide-active .indexPage2 .pageTwoText{
	-webkit-animation: fadeIn 1.5s ease-in-out 1.5s forwards;
	-moz-animation: fadeIn 1.5s ease-in-out 1.5s forwards;
	animation: fadeIn 1.5s ease-out 1.5s forwards;
}
.indexPage2 .pageTwoText .pageTwoTextmid{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.indexPage2 .pageTwoText .pageTwoTextmid>h3{
	color: #303030;
	font-size: 50px;
	text-align: left;
	position: relative;
}
.indexPage2 .pageTwoText .pageTwoTextmid>h3>span{
	width: 100%;
	display: block;
	font-size: 26px;
	color: #999;
	margin-top: 4%;
	padding-bottom: 5%;
}
.indexPage2 .pageTwoText .pageTwoTextmid>h3:before{
	content: "";
	width: 43px;
	height: 4px;
	background: #D22D26;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.indexPage2 .pageTwoText .pageTwoTextmid p{
	font-size: 22px;
	color: #666666;
	text-align: justify;
	margin-top: 7%;
	margin-bottom: 7%;
	line-height: 1.8em;
	height: 6.7em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 4;/*限制显示的文本行数*/
	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */
}
.indexPage2 .pageTwoText .pageTwoTextmid .pubMore{
	width: 158px;
	height: 48px;
	border: #0050ef 1px solid;
	border-radius: 24px;
	display: block;
	font-size: 16px;
	color: #0050ef;
	line-height: 48px;
	text-align: left;
	padding-left: 36px;
	background-image:url(../images/jiantou.png) ;
	background-position:85px center;
	background-repeat:  no-repeat;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.indexPage2 .pageTwoText .pageTwoTextmid .pubMore:hover{
	/* width: 170px; */
	background-position:95px center;
	box-shadow: 0 0 15px rgba(0, 80, 239, 0.3);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
/* 第三屏 */
.indexPage3{
	width: 100%;
	position: absolute;
	height:100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/bg4.jpg) ;
	background-position: center;
	background-size: cover;
}
a{cursor: pointer;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{cursor: pointer !important;pointer-events: painted !important;}


.indexPage3 .content {
	width: 83.3vw;
	height: 86.5vh;
	margin: 11vh auto;
}

.home-container .topTitle {
	position: relative;
	top: 0;
}

.home-container .topTitle b {
	font-size:50px;
	/* 1font-size: .195rem; */
}

.home-container .topTitle span {
	font-size:26px;
	/* 1font-size: .102rem; */
	line-height: 2vh;
	display: block;
	margin: 2vh 0 1vh;
}

.home-container .topTitle i {
	display: block;
	width: 36px;
	height: 3px;
	background: #fff;
	margin: auto;
}


/* 第三屏 */

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.indexPage3 .tabs .tabTitle {
	display: inline-block;
	margin: 3.5vh auto 6.5vh
}

.indexPage3 .tabs .tabTitle span {
	cursor: pointer;
	display: block;
	float: left;
	width:132px;
	height:32px;
	text-align:center;
	line-height:32px;
	/* 1font-size: 0.0547rem; */
	font-size:14px;
	border: 1px solid #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.indexPage3 .tabs .tabTitle span:not(:last-child) {
	margin-right: 1.908vw;
}

.indexPage3 .tabs .tabTitle span:hover,
.indexPage3 .tabs .tabTitle span.in {
	background: #fff;
	color: #0050ef
}

.indexPage3 .tabs .tabCon .swiper-slide {
	width: 20.573vw !important;
	height: 48.5vh;
	background: #fff;
}

.indexPage3 .tabs .tabCon .swiper-slide .list {
	width: 20.573vw;
	height: 48.5vh;
	position: relative;
	background: url(../images/90.png) no-repeat;
	background-size: cover
}

.indexPage3 .tabs .tabCon .swiper-slide p.pic {
	width: 20.573vw;
	height: 32vh;
	background: rgba(235, 236, 236, .1);
	display: block;
	line-height: 31vh;
}

.indexPage3 .tabs .tabCon .swiper-slide p.pic img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 80%;
}

.indexPage3 .tabs .tabCon .swiper-slide div.info {
	width: 100%;
	height: 16.5vh;
	text-align: left;
	padding: 2.5vh 1.823vw;
	box-sizing: border-box;
	opacity: 1;
	-webkit-transition: all .35s ease
}

.indexPage3 .tabs .tabCon .swiper-slide div.info b {
	font-size:24px;
	/* 1font-size: .09375rem; */
	color: #191919;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 1;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
}

.indexPage3 .tabs .tabCon .swiper-slide div.info p {
	color: #555;
	line-height: 2.3vh;
	font-size:14px;
	/* 1font-size: .05468rem; */
	text-align: justify;
	margin-top: .7vh;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 3;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
}

.indexPage3 .tabs .tabCon .swiper-slide .show {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	padding: 4.5vh 2.083vw;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	background: linear-gradient(-30deg, rgba(45, 105, 218, .8), rgba(68, 130, 248, .8));
	-webkit-transition: all .35s ease;
}

.indexPage3 .tabs .tabCon .swiper-slide .show b {
	font-size:24px;
	/* 1font-size: .09375rem; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.indexPage3 .tabs .tabCon .swiper-slide .show p {
	font-size:14px;
	/* 1font-size: .05468rem; */
	text-align: justify;
	margin-top: 2.5vh;
	line-height: 2.5vh;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 14;
}

.indexPage3 .tabs .tabCon .swiper-slide .list:hover>div.show {
	top: 0%
}

.indexPage3 .tabs .tabCon .swiper-slide .list:hover>div.info {
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.indexPage3 .tabs .tabCon .productSwiper {
	width: 71.4583vw;
	padding: 0;
	box-sizing: border-box;
}

.indexPage3 .swiper-button-next,
.indexPage3 .swiper-button-prev {
	width: 1.667vw;
	height: 3vh;
	background-size: 1.667vw 3vh;
}

.indexPage3 .swiper-button-prev {
	left: 7.3vw;
	margin-top: 1.5vh;
}

.indexPage3 .swiper-button-next {
	right: 7.3vw;
	margin-top: 1.5vh;
}

.indexPage3 .tabs .tabCon .productSwiper:not(:first-child) {
	display: none
}

.swiper-slide-active .indexPage3 .topTitle {
	/* -webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards; */
}

.swiper-slide-active .indexPage3 .tabTitle {
	/* -webkit-animation: bounce 2s ease-in-out 0s forwards;
	-moz-animation: bounce 2s ease-in-out 0s forwards;
	animation: bounce 2s ease-in-out 0s forwards; */
}

.indexPage3 .tabCon {
	/* opacity: 0; */
}

.swiper-slide-active .indexPage3 .tabCon {
	/* -webkit-animation: fadeIn 2s ease-in-out 0s forwards;
	-moz-animation: fadeIn 2s ease-in-out 0s forwards;
	animation: fadeIn 2s ease-in-out 0s forwards; */
}


/* 更多 */

.home-container .more {
	display: block;
	width: 8.073vw;
	height: 4.5vh;
	position: relative;
	z-index: 999;
	line-height: 4.5vh;
	margin: 7vh auto;
	border-radius: 30px;
	font-size: .05468rem;
	border: 1px solid #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.home-container .more img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.042vw;
	-webkit-transition: all .35s ease;
	left: 0
}

.home-container .more span {
	color: #fff
}

.home-container .more:hover>img {
	left: 1.3vw
}


/* 第四屏 */

.sectionPage4 {
	background: url(../images/bg1.png) no-repeat;
	background-size: cover
}

.sectionPage4 {
	padding-top: 28vh;
}

.sectionPage4 .topTitle b {
	color: #303030
}

.sectionPage4 .topTitle span {
	color: #999
}

.sectionPage4 .topTitle i {
	background: #D22D26
}

.sectionPage4 .pline {
	margin-top: 8vh;
	width: 100vw;
	height: 17.2vh;
}
.sectionPage4 .pline img{
	width:100%;
}

.swiper-slide-active .indexPage4 .line {
	/* transform-origin: center center; */
	/* animation: line both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation: line both;
	-webkit-animation-duration: 2s;
	animation-duration: 2s; */
}

@keyframes line {
	0% {
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}

.indexPage4 .swiper-slide {
	width: 15.886vw;
	height: 50.6vh;
}

.indexPage4 .swiper-slide a {
	width: 15.886vw;
	display: block;
}

.indexPage4 .swiper-container {
	position: relative;
	top: -29vh;
	width: 77.92vw
}

.indexPage4 .swiper-slide a img {
	width: 74px;
	height:74px;
	/* height: .345rem; */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	margin-bottom: 6vh;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.indexPage4 .swiper-slide a span {
	display: block;
	font-size:20px;
	/* 1font-size: 0.0859rem; */
	color: #282A2E;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.indexPage4 .swiper-slide a p {
	color: #6C7078;
	font-size:16px;
	/* 1font-size: .0625rem; */
	height:87px;
	margin-top: 2vh;
	line-height: 3vh;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.indexPage4 .swiper-slide a:nth-child(2) img {
	margin-top: 8vh;
}

.indexPage4 .swiper-slide a:nth-child(3) img {
	margin-top: 0.4vh;
}

.indexPage4 .swiper-slide a:nth-child(4) img {
	margin-top: 8.8vh;
}

@keyframes breathe {
	0% {
		box-shadow: 0px 2px 4px 1px rgba(37, 101, 221, 0.26);
	}
	100% {
		box-shadow: 0px 10px 26px 3px rgba(37, 101, 221, 0.26);
	}
}

.indexPage4 .more {
	border: 1px solid #0050EF;
	color: #0050EF;
	position: relative;
	top: -17vh;
}

.indexPage4 .more span {
	color: #0050EF
}

.swiper-button-next,
.swiper-button-prev {
	width: 1.41vw;
	height: 7.5vh;
}

.indexPage4 .swiper-button-prev {
	left: 5vw;
	background: url(../images/left.png) no-repeat;
	background-size: 1.41vw 7.5vh
}

.indexPage4 .swiper-button-next {
	right: 5vw;
	background: url(../images/right.png) no-repeat;
	background-size: 1.41vw 7.5vh
}

.swiper-slide .indexPage4 .topTitle {
	/* -webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards; */
}

.swiper-slide  .indexPage4 .swiper-slide a {
	width: 15.886vw;
	/* -webkit-animation: tada 2s ease-out 1s forwards;
	-moz-animation: tada 2s ease-in-out 1s forwards;
	animation: tada 2s ease-out 1s forwards; */
}

.swiper-slide .indexPage4 .swiper-slide a:not(:nth-child(4)) {
	margin-right: 3.5vw;
}

.indexPage4 .swiper-slide {
	opacity: 0 !important;
	justify-content: flex-start !important;
	-webkit-justify-content: flex-start !important;
}

.indexPage4 .swiper-slide-active {
	opacity: 1 !important;
}




/* 第五屏 */

.sectionPage5 {
	background: url(../images/55.jpg);
	background-position: center;
	background-size: cover;
}

.sectionPage5 .topTitle i {
	background: #fff
}

.sectionPage5 .swiper-container {
	margin-top: 11.7vh;
	width: 58.03vw;
}

.sectionPage5 .swiper-slide {
	cursor: pointer;
	width: 15.625vw !important;
	height: 41vh;
	border: 1px solid rgba(228, 227, 227, .6);
}

.sectionPage5 .swiper-slide .list {
	width: 100%;
	height: 100%;
}

.sectionPage5 .swiper-slide .list p.icon {
	width: 15.625vw;
	height: 14.2vh;
	display: table-cell;
	vertical-align: middle;
}

.sectionPage5 .swiper-slide .list p.icon img {
	display: block;
	max-width: 50%;
	max-height: 80%;
	margin: 0 auto;
}

.sectionPage5 .swiper-slide .list i.i1,
.sectionPage5 .swiper-slide .list i.i2 {
	display: block;
	width: 11.04vw;
	height: 1px;
	margin: 0 auto;
	background: rgba(228, 227, 227, .6);
}

.sectionPage5 .swiper-slide .list i.i2 {
	width: 0;
	-webkit-transition: all .7s ease;
	background: rgba(0, 86, 239, .6);
}

.sectionPage5 .swiper-slide .list .plan {
	margin-top: 4.2vh;
}

.sectionPage5 .swiper-slide .list .plan span {
	display: block;
	color: #fff;
	font-size:20px;
	/* 1font-size: 0.09375rem; */
	margin-bottom: 1.7vh;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sectionPage5 .swiper-slide .list .plan p {
	font-size:16px;
	/* 1font-size: 0.0625rem; */
	line-height: 2.8vh;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-align: left;
}

.sectionPage5 .swiper-slide .list .icon img:nth-child(2) {
	display: none;
	opacity: 0;
	-webkit-transition: all .7s ease;
}

.sectionPage5 .more {
	margin: 10.8vh auto 0;
}

.sectionPage5 .swiper-slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	z-index: -999;
	-webkit-transition: all .35s ease;
}

.sectionPage5 .swiper-slide:hover>.bg {
	top: 0
}

.sectionPage5 .swiper-slide:hover>.list .plan span {
	color: #333;
}

.sectionPage5 .swiper-slide:hover>.list .plan p {
	color: #666
}

.sectionPage5 .swiper-slide:hover>.list .i1 {
	width: 0;
}

.sectionPage5 .swiper-slide:hover>.list .i2 {
	width: 11.04vw;
}

.sectionPage5 .swiper-slide:hover>.list .icon img:nth-child(1) {
	display: none
}

.sectionPage5 .swiper-slide:hover>.list .icon img:nth-child(2) {
	display: inline-block;
	opacity: 1;
}

.sectionPage5 .swiper-button-next,
.sectionPage5 .swiper-button-prev {
	width: 1.667vw;
	height: 3vh;
	background-size: 1.667vw 3vh;
}

.sectionPage5 .swiper-button-prev {
	left: 14vw;
	margin-top: 2vh;
}

.sectionPage5 .swiper-button-next {
	right: 14vw;
	margin-top: 2vh;
}

.swiper-slide-active .indexPage5 .topTitle {
	/* -webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards; */
}

.indexPage5 .soluSwiper {
	opacity: 1;
}

.swiper-slide-active .indexPage5 .soluSwiper {
	/* -webkit-animation: fadeIn 2s ease-in-out 0s forwards;
	-moz-animation: fadeIn 2s ease-in-out 0s forwards;
	animation: fadeIn 2s ease-in-out 0s forwards; */
}


/* 第六屏 */

.sectionPage6 {
	background: url(../images/newBanner.png) no-repeat;
	background-size: cover;
}

.indexPage6 {
	margin-top: 6vh;
}

.indexPage6 .topTitle b,
.indexPage7 .topTitle b {
	color: #303030
}

.indexPage6 .topTitle span,
.indexPage7 .topTitle span {
	color: #999
}

.indexPage6 .topTitle i,
.indexPage7 .topTitle i {
	background: #D22D26;
	margin-bottom: 6.6vh;
}

.indexPage6 .newLists .newList {
	display: table-cell;
	vertical-align: middle;
	width: 60vw;
	height: 19vh;
	padding-left: 1.302vw;
	box-sizing: border-box;
}

.indexPage6 .newLists div.clear1:nth-child(1) .newList {
	border-top: 1px solid rgb(216, 220, 221);
}

.indexPage6 .newLists .newList i {
	float: left;
	margin-top: .02rem;
	font-style: normal;
	color: #0052ef;
	font-size: .08594rem;
	margin-right:1.98vw;
}

.indexPage6 .newLists .newList span {
	float: left;
	margin: .3vh 1.98vw;
	cursor: pointer;
	display: block;
	font-size:20px;
	/* font-size: .0781rem; */
	color: #fff;
	background: #0052ef;
	width: 6.406vw;
	height: 3.5vh;
	border-radius: 20px;
	line-height: 3.5vh;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.indexPage6 .newLists .newList div {
	float: left;
	width: 41.55vw;
	text-align: left;
}

.indexPage6 .newLists .newList div b {
	display: block;
	color: #0052ef;
	font-size:22px;
	/* font-size: .08594rem; */
	margin: 0 0 1vh;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.indexPage6 .newLists .newList div p {
	color: #666;
	font-size:16px;
	/* font-size: .0625rem; */
	text-align: justify;
	line-height: 3vh;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 3;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
}

.indexPage6 .newLists .newList:hover>i,
.indexPage6 .newLists .newList:hover>div b {
	color: #0052ef
}

.indexPage6 .newLists .newList:hover span {
	background: #fff;
	border: 1px solid #0052ef;
	color: #0052ef
}

.indexPage6 .newLists .newList:last-child {
	border-bottom: 1px solid rgb(216, 220, 221)
}

.indexPage6 .more {
	color: #0052ef;
	border-color: #0052ef;
	margin: 5.5vh auto 0;
}

.indexPage6 .more span {
	color: #0052ef
}

.swiper-slide-active .indexPage6 .topTitle {
	/* -webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards; */
}

.indexPage6 .newLists .clear1 {
	/* opacity: 0; */
}

.swiper-slide-active .indexPage6 .newLists .clear1 {
	/* -webkit-animation: fadeIn 2s ease-in-out 0s forwards;
	-moz-animation: fadeIn 2s ease-in-out 0s forwards;
	animation: fadeIn 2s ease-in-out 0s forwards; */
}


/* 第七屏 */

.indexPage7 {
	height: 84vh;
	background-image: url(../images/parBanner.jpg) no-repeat;
	background-size: cover
}

.indexPage7 .topTitle {
	padding-top: 10vh;
}

.indexPage7 .parSwiper {
	width: 82.8125vw;
}

.indexPage7 .parSwiper .swiper-slide {
	overflow: hidden;
	background: transparent;
	margin-bottom: 1.2vh;
	padding: 0 .02vw;
	flex-wrap: wrap;
}

.indexPage7 .parSwiper .swiper-slide p {
	background: #fff;
	overflow: hidden;
	position: relative;
	width: 16vw;
	height: 20.8vh;
	border: 1px solid rgb(204, 213, 223);
	margin-bottom: 2vh
}

.indexPage7 .parSwiper .swiper-slide p:not(:nth-child(5n)) {
	margin-right: .65vw;
}

.indexPage7 .parSwiper .swiper-slide p span {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 20.8vh;
}

.indexPage7 .parSwiper .swiper-slide p span img {
	vertical-align: middle;
	max-width: 80%;
	max-height: 80%
}

.indexPage7 .parSwiper .swiper-slide .parPic {
	width: 100%;
	height: 100%;
}

.indexPage7 .parSwiper .swiper-slide p a {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: linear-gradient(-30deg, rgba(45, 105, 218, 1), rgba(68, 130, 248, 1));
	opacity: 0.9;
	-webkit-transition: all .35s ease;
	line-height: 20.8vh;
}

.indexPage7 .parSwiper .swiper-slide p a img {
	width: .34375rem;
	height: .34375rem;
	vertical-align: middle;
}

.indexPage7 .swiper-pagination {
	position: relative;
	bottom: 0;
	left: 0;
	margin: 2vh auto 0vh;
	height: .6vh;
	background: #CCD5DF;
	border-radius: .01172rem;
	-webkit-border-radius: .01172rem;
	-moz-border-radius: .01172rem;
	-ms-border-radius: .01172rem;
	-o-border-radius: .01172rem;
}

.indexPage7 .swiper-pagination-bullet {
	background: transparent;
	width: 1.905vw;
	height: .6vh;
	margin: 0 0 !important;
	display: block;
	float: left;
	border-radius: .01172rem;
	-webkit-border-radius: .01172rem;
	-moz-border-radius: .01172rem;
	-ms-border-radius: .01172rem;
	-o-border-radius: .01172rem;
}

.indexPage7 .swiper-pagination-bullet-active {
	background: #0052EF;
}

.indexPage7 .parSwiper .swiper-slide p:hover>a {
	top: 0%
}

#footer {
	width: 100vw;
	height: 16vh;
	background: url(../images/footer.png) no-repeat;
	background-size: cover
}

#footer .logo {
	float: left;
	margin-top:1vh;
}

#footer i {
	float: left;
	display: block;
	width: 1px;
	height: 5vh;
	margin: 0 3.645vw 0 2.083vw;
	background: rgb(125, 127, 133);
	margin-top:1vh;
}

#footer .footer {
	width: 83.33vw;
	height: 100%;
	margin: 0 auto;
	color: #fff;
}

#footer .footer .top {
	width: 83.33vw;
	height: 12.7vh;
	display: table-cell;
	vertical-align: middle
}

#footer .footer .top div {
	float: left;
	margin-top:1vh;
}
#footer .footer .top .erweima{
	float:left;
	max-height:8vh;
	max-width: 12vw;
}
#footer .footer .top p {
	float: left;
	font-size: .0625rem;
	line-height: 3vh;
	text-align: left;
	margin-right: 4.948vw;
}

#footer .footer .top p span {
	font-size: .0703125rem;
}

#footer .footer .bottom {
	width: 100%;
	height: 3.29vh;
	line-height: 3.29vh;
	border-top: 1px solid rgb(68, 70, 72);
	color: #e7e7e7;
	font-size: 0.05468rem;
	text-align: center;
}

.swiper-slide-active .indexPage7 .topTitle {
	/* -webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards; */
}


/* .swiper-slide-active .indexPage7  .parSwiper */

.swiper-slide-active .indexPage7 .parSwiper {
	/* -webkit-animation: bounceIn 2s ease-out 1s forwards;
	-moz-animation: bounceIn 2s ease-in-out 1s forwards;
	animation: bounceIn 2s ease-out 1s forwards; */
}
.indexPage7 .parSwiper .swiper-slide p span img{
	opacity: 0;
}
.swiper-slide-active .indexPage7 .parSwiper .swiper-slide p span img{
	-webkit-animation: bounceIn 2s ease-out 1s forwards;
	-moz-animation: bounceIn 2s ease-in-out 1s forwards;
	animation: bounceIn 2s ease-out 1s forwards;
}
@media screen and (max-height:900px) {
	.indexPage3 .tabs .tabCon .swiper-slide div.info p {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 3vh;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}
@media screen and (max-width: 1600px){
	.indexPl8{
		padding-left: 5%;
	}
	.indexPr8{
		padding-right: 5%;
	}
	.indexPage1 .ballB{
		width: 62%;
		padding-top: 55.47%;
		top: -2%;
		left: -2%;
	}
	
}

@media screen and (max-width: 1380px){
	.indexPl8{
		padding-left: 4%;
	}
	.indexPr8{
		padding-right: 4%;
	}
	.header .pubNav ul li>a{
		font-size: 18px;
	}
	.pubLogin a{
		font-size: 16px;
	}
	.indexPage1 .ballB{
		width: 88%;
		padding-top: 78.73%;
		top: -13%;
		left: -29%;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3{
		font-size: 40px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3>span{
		font-size: 22px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p{
		font-size: 18px;

	}
	.home-container .topTitle b{
		font-size:40px;
	}
	.home-container .topTitle span{
		font-size:22px;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info b{
		font-size:20px;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show b{
		font-size:20px;
	}
	.indexPage4 .swiper-slide a span{
		font-size:16px;
	}
	.indexPage4 .swiper-slide a p{
		font-size:14px;
	}
	.indexPage4 .swiper-slide a p{
		line-height: 22px;
	}
	.sectionPage5 .swiper-slide .list .plan span{
		font-size:17px;
	}
	.sectionPage5 .swiper-slide .list .plan p{
		font-size: 14px;
    	line-height: 3.2vh;
	}
	.indexPage6 .newLists .newList span{
		font-size:15px;
	}
	.indexPage6 .newLists .newList div b{
		font-size:18px;
	}
	.indexPage6 .newLists .newList div p{
		font-size:12px;
	}
}

@media screen and (max-width: 1200px){
	.indexPage1 .ballB{
		width: 100%;
		padding-top: 89.46%;
		top: -17%;
		left: -41%;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3{
		font-size: 35px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3>span{
		font-size: 20px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p{
		font-size: 16px;
	}
}
.swiper-container{overflow: hidden;}
@media screen and (max-width: 1024px){
	html.home, body.home{
		height: auto;
	}
	.swiper-container.home-container .swiper-slide.indexBanner{
		width: 100%;
		height: 500px;
	}
	/* 头部导航 */
	.header{
		height: 50px;
	}
	.header .logo a{
		height: 50px;
	}
	.header .logo a img{
		max-height: 35px;
	}
	.header .pubNav{
		padding-top: 5px;
	}
	.pubLogin a{
		line-height: 50px;
	}
	.hambur{
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		right: 4%;
		top: 5px;
	}
	.hambur span{
	  width: 40px;
	  height: 3px;
	  background-color: #ecf0f1;
	  display: block;
	  margin: 8px auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.hambur:hover{
	  cursor: pointer;
	}
	.hambur.is-active span:nth-child(2){
	  opacity: 0;
	}
	.hambur.is-active span:nth-child(1){
	  -webkit-transform: translateY(12px) rotate(45deg);
	  -ms-transform: translateY(12px) rotate(45deg);
	  -o-transform: translateY(12px) rotate(45deg);
	  transform: translateY(12px) rotate(45deg);
	}
	
	.hambur.is-active span:nth-child(3){
	  -webkit-transform: translateY(-11px) rotate(-45deg);
	  -ms-transform: translateY(-11px) rotate(-45deg);
	  -o-transform: translateY(-11px) rotate(-45deg);
	  transform: translateY(-11px) rotate(-45deg);
	}
	.header .headerRight{
	    position: absolute;
	    top: 50px;
	    left: -108%;
	    width: 108%;
	    height: auto;
	    margin-left: -4%;
	    background: rgba(0,0,0,.7);
	    padding-bottom: 3%;
	    -webkit-transition: all .5s ease-in-out 0s;
	    transition: all .5s ease-in-out 0s;
	}
	.header .headerRight.active {
		left: 0;
		-webkit-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	.header .pubNav{
		width: 100%;
	}
	.header .headerRight .pubNav ul li{
		line-height: 50px;
		width: 100%;
		text-align: center;
		opacity: 0;
		transform: translateX(-50px);
		transition: all 0.5s;
	}
	.header .headerRight.active  .pubNav ul li{
		opacity: 1;
		transform: translateX(0);
	}
	.header .headerRight.active  .pubNav ul li:nth-child(1) {
		transition-delay: 0.09s;
	}
	.header .headerRight.active  .pubNav ul li:nth-child(2) {
		transition-delay: 0.18s;
	}
	.header .headerRight.active  .pubNav ul li:nth-child(3) {
		transition-delay: 0.27s;
	}
	.header .headerRight.active  .pubNav ul li:nth-child(4) {
		transition-delay: 0.36s;
	}
	.header .headerRight.active  .pubNav ul li:nth-child(5) {
		transition-delay: 0.45s;
	}
	.header .headerRight.active  .pubNav ul li:nth-child(6) {
		transition-delay: 0.54s;
	}
	.pubLogin{
		width: 100%;
		float: none;
		text-align: center;
	}
	.pubLogin a{
		padding: 0 20px;
		margin-left: 0;
	}
	/* 头部导航-完 */
	.indexPage1 .ballB {
	    width: 52.9%;
	    top: 0;
	    left: 0;
	    padding-top: 47.32%;
	}
	.swiper-container.home-container .swiper-slide.sectionPage2{
		
	}
	.swiper-container.home-container .swiper-slide.sectionPage2 .indexPage2{
		position: static;
	}
	.indexPage2 .pageTwoRightA,.indexPage2 .ballC{
		display: none;
	}
	.indexPage2 .pageTwoText{
		width: 100%;
		position: static;
		padding: 6% 0 9%;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3{
		text-align: center;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3:before{
		left: 50%;
		margin-left: -22px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p{
		padding: 0 4%;
		text-align: center;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid .pubMore{
		margin: 0 auto;
	}
	/* .indexPage2 .pageTwoText .pageTwoTextmid>h3{
		font-size: 22px;
	} */
	.indexPage2 .pageTwoText .pageTwoTextmid>h3>span{
		font-size: 18px;
		margin-top: 2%;
		padding-bottom: 3%;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p{
		font-size: 14px;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p{
		margin: 2% 0;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid .pubMore{
		width: 120px;
		height: 28px;
		line-height: 28px;
		padding-left: 25px;
		font-size: 14px;
		background-position: 75px center;
		background-size:18%;
	}
	.indexPage2 .pageTwoText{
		opacity: 1;
	}
}

@media screen and (max-width: 750px){
	.header .logo{
		max-width: 50%;
	}
	.header .logo a img{
		max-height: 30px;
	}
	.header .pubNav ul li>a{
		font-size: 16px;
	}
	.swiper-container.home-container .swiper-slide.indexBanner {
	    width: 100%;
	    height:300px;
	}
	.banner .swiper-pagination{
		bottom: 2%;
	}
	.banner .swiper-button-next,.banner .swiper-button-prev{
		display: none;
	}
	.indexPage1 .textA img{
		width: 55%;
	}
	.indexPage1 .shine{
		width: 6%;
		height: 6%;
	}
	.indexPage1 .ballB{
		width: 120%;
		padding-top: 107.36%;
		top: -17%;
		left: -50%;
	}
	.banner .swiper-pagination-bullet-active{
		width: 20px;
		height: 20px;
	}
	.banner .swiper-pagination-bullet-active:before{
		width: 5px;
		height: 5px;
		margin-left: -2.5px;
		margin-top: -2.5px;
	}
	.banner .swiper-pagination-bullet{
		margin: 0 8px !important;
	}
}
.clear1:after {
	content: "";
	display: block;
	clear: both
}
@media screen and (max-width:1600px) {
	.indexPage7 .parSwiper .swiper-slide p img {
		width: 80%
	}
	.indexPage3 .tabs .tabCon .swiper-slide p.pic img {
		width: 80%
	}
}

@media screen and (max-height:768px) {
	.indexPage3 .tabs .tabCon .swiper-slide .show p {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 3.5vh;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 9;
	}
}

@media screen and (max-width:1280px) {
	#footer .footer .top p {
		margin-right: 4.5vw
	}
}

@media screen and (max-height:1024px) {
	.indexPage3 .tabs .tabCon .swiper-slide .show p {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 3.5vh;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
	}
}

@media screen and (max-height:1152px) {
	#footer .footer .top p {
		margin-right: 3vw;
	}
}

@media screen and (max-height:1024px) {
	.sectionPage5,
	.sectionPage6 {
		padding: 5vh 0
	}
	.sectionPage5 .swiper-container {
		margin-top: 5.7vh;
	}
	.sectionPage5 .more {
		margin: 5.8vh auto 0;
	}
	.indexPage6 .newLists .newList div {
		width: 40vw
	}
	/*#footer .footer .top p{margin-right:0.9vw;}*/
}

@media screen and (max-width:1000px) {
	.indexPage3 .tabCon {
		opacity: 1;
	}
	.indexPage5 .soluSwiper .swiper-slide {
		opacity: 1;
	}
	.indexPage6 .newLists .clear1 {
		opacity: 1;
	}
	/*.header{height:1rem;}*/
	/*.header .logo a{height:.65rem;}*/
	/*.header .logo a img{max-height:.65rem;}*/
	/*.hambur{height:.5rem;width:.5rem;}*/
	/*.hambur span{width:.5rem;height: .05rem;*/
	/*margin: .13rem auto;}*/
	/*.hambur{top: .18rem;}*/
	/*.header .headerRight{top:1rem;}*/
	/*.hambur.is-active span:nth-child(1){transform: translateY(.15rem) rotate(45deg);}*/
	/*.hambur.is-active span:nth-child(3){transform: translateY(-.22rem) rotate(-45deg);}*/
	/*.header .headerRight .pubNav ul li {
		height: .75rem;
		line-height: .75rem;
	}*/
	/*.header .pubNav ul li>a {
		font-size:.28rem;
	}*/
	/*.pubLogin a{font-size:.28rem;}*/
	.swiper-container.home-container .swiper-slide.sectionPage2{
		height:auto;
	}
	.indexPage6 {
		margin-top: 0
	}
	.home-container .topTitle {
		padding-top: 0rem;
	}
	.home-container .sectionPage7 .topTitle {
		padding-top: 0rem;
	}
	.home-container .topTitle b {
		font-size: .44rem;
	}
	.home-container .topTitle span {
		font-size: .46rem;
		line-height: .6rem;
	}
	.home-container .more {
		margin: .7rem auto 0;
		width: 1.8rem;
		height: .65rem;
		line-height: .65rem;
		font-size: .24rem;
	}
	.home-container .topTitle i {
		width: .9rem;
		height: .08rem;
	}
	.sectionPage5,
	.sectionPage6 {
		height:auto;
		padding: 6% 0 9%!important
	}

	.indexPage2 .pageTwoText .pageTwoTextmid .pubMore {
		width: 1.8rem;
		height: .65rem;
		margin: .3rem auto 0;
		line-height: .65rem;
		font-size: .24rem;
		border-radius: 30px;
		padding-left: .35rem;
		background-position: 1.05rem center;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3:before {
		width: .9rem;
		height: .08rem;
		margin-left: -0.5rem;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3 {
		font-size: .44rem;
		margin-bottom: .25rem;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid>h3>span {
		font-size: .36rem;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p {
		font-size: .28rem;
		-webkit-line-clamp: inherit;
		line-height: .4rem;
	}
	.indexPage2 .pageTwoText .pageTwoTextmid p {
		height: auto;
	}
	.sectionPage3 {
		height: auto
	}
	.indexPage3 {
		height: 100%;
		padding:6% 0 9%;
		position: relative;
	}
	.indexPage3 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.indexPage3 .tabs .tabTitle {
		margin: .5rem auto;
	}
	.indexPage3 .tabs .tabCon .productSwiper {
		width: 6rem;
		padding: 0;
	}
	.indexPage3 .tabs .tabTitle span {
		font-size: .24rem;
		width: 25vw;
		border-radius: .3rem;
		margin-bottom: .2rem;
		padding: 10px 0;
    	box-sizing: content-box;
    	height:auto;
    	line-height:.24rem;
	}
	.indexPage3 .tabs .tabTitle span:nth-child(1){
		width:16vw;
	}
	.indexPage3 .tabs .tabTitle span:not(:last-child) {
		margin-right: .06rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide {
		width: 2.8rem !important;
		height: 4rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .list {
		width: 2.8rem;
		height: 4rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide p.pic {
		width: 2.8rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info {
		height: 1.5rem;
		padding: .2rem .3rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info b {
		font-size: .28rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info p {
		font-size: .24rem;
		line-height: .32rem;
		margin-top: .06rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show {
		padding: .25rem .22rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show b {
		font-size: .3rem;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show p {
		font-size: .26rem;
		line-height: .37rem;
		margin-top: .2rem;
		-webkit-line-clamp: 8;
	}
	.indexPage3 .swiper-button-next,
	.indexPage3 .swiper-button-prev {
		width: .35rem;
		height: .7rem;
		background-size: .35rem .7rem;
	}
	.indexPage3 .swiper-button-next {
		right: .15rem;
		margin-top: .4rem;
	}
	.indexPage3 .swiper-button-prev {
		left: .15rem;
		margin-top: .4rem;
	}
	.indexPage4 .swiper-container {
		width: 6.5rem;
		top: .5rem;
	}
	.sectionPage4 {
		padding: 6% 0 9%;
		height: auto;
	}
	.indexPage4 {
		height: auto;
	}
	.sectionPage4 .pline {
		display: none
	}
	.indexPage4 .swiper-slide a {
		margin-bottom: .3rem;
	}
	.indexPage4 .swiper-slide a {
		width: 2.8rem !important;
	}

	.indexPage4 .swiper-slide a:not(:nth-child(2n)) {
		margin-right: .155rem;
	}
	.indexPage4 .arcSwpiper .swiper-slide {
		flex-wrap: wrap;
	}
	.indexPage4 .swiper-slide a img {
		width: 0.88rem;
		height: .88rem;
		margin: 0 auto .3rem !important;
	}
	.indexPage4 .swiper-slide a span {
		font-size: .3rem;
	}
	.indexPage4 .swiper-slide a p {
		font-size: .28rem;
		-webkit-line-clamp:3;
		line-height: .36rem;
		height: 1.08rem;
		/*height:auto;*/
	}
	.indexPage4 .swiper-button-next,
	.indexPage4 .swiper-button-prev {
		display: block;
		top: 5.5rem;
		width: .35rem;
		height: 1rem;
		background-size: .35rem 1rem;
	}
	.indexPage4 .swiper-button-next {
		right: 0.1rem;
	}
	.indexPage4 .swiper-button-prev {
		left: 0.1rem;
	}
	.indexPage4 .more {
		top: 0
	}
	.indexPage4 .swiper-slide {
		height: 7.5rem;
	}
	.sectionPage5 .swiper-container {
		margin-top: .5rem;
	}
	.sectionPage5 .swiper-container,
	.sectionPage5 .swiper-wrapper {
		width: 6rem;
	}
	.sectionPage5 .swiper-slide {
		width: 2.8rem !important;
		height: 4.5rem;
	}
	.sectionPage5 .swiper-slide .list p.icon {
		width: 2.7rem;
		height: 1.3rem;
	}
	.sectionPage5 .swiper-slide .list p.icon img {
	/* 	width: .92rem;
		height: .68rem; */
	}
	.sectionPage5 .swiper-slide .list i.i1,
	.sectionPage5 .swiper-slide .list i.i2 {
		width: 1.7rem
	}
	.sectionPage5 .swiper-slide:hover>.list .i2 {
		width: 1.7rem;
	}
	.sectionPage5 .swiper-slide .list .plan {
		margin-top: .35rem;
	}
	.sectionPage5 .swiper-slide .list .plan span {
		display: block;
		font-size: .26rem;
		margin-bottom: .1rem;
	}
	.sectionPage5 .swiper-slide .list .plan p {
		font-size: .26rem;
		width: 2.3rem;
		line-height: .45rem;
		margin: auto;
	}
	.indexPage5 .soluSwiper {
		opacity: 1;
	}
	.indexPage5 .swiper-button-next,
	.indexPage5 .swiper-button-prev {
		width: .35rem;
		height: .7rem;
		background-size: .35rem .7rem;
	}
	.indexPage5 .swiper-button-next {
		right: .15rem;
		margin-top: 0;
	}
	.indexPage5 .swiper-button-prev {
		left: .15rem;
		margin-top: 0;
	}
	.indexPage6 .newLists .newList {
		width: 6.5rem;
		height: auto;
		padding: .2rem 0;
	}
	.indexPage6 .newLists .newList i {
		font-size:22px;
		/* font-size: .26rem; */
	}
	.indexPage6 .newLists .newList span {
		width: 1.6rem;
		height: .5rem;
		margin: 0 .1rem;
		/* font-size:50px; */
		font-size: .22rem;
		line-height: .5rem;
		margin-left: .35rem;
	}
	.indexPage6 .newLists .newList div {
		display: block;
		width: 100%;
		margin-top: .2rem;
	}
	.indexPage6 .newLists .newList div b {
		font-size: .32rem;
		margin: -.03rem 0 .1rem;
		-webkit-line-clamp: inherit;
	}
	.indexPage6 .newLists .newList div p {
		font-size: .28rem;
		line-height: .36rem;
		-webkit-line-clamp: inherit;
	}
	.sectionPage7{
		height:auto;
	}
	.indexPage7 {
		height: auto;
		padding:6% 0 9%;
	}
	.indexPage7 .parSwiper {
		width: 6.8rem;
	}
	.indexPage7 .parSwiper .swiper-slide {
		margin-bottom: .52rem;
	}
	.indexPage7 .parSwiper .swiper-slide p {
		width: 2.1rem;
		height: 1.8rem;
	}
	.indexPage7 .parSwiper .swiper-slide p span {
		line-height: 1.8rem;
	}
	.indexPage7 .parSwiper .swiper-slide p span img{
		opacity: 1;
	}
	.indexPage7 .parSwiper .swiper-slide p a {
		line-height: 1.78rem
	}
	.indexPage7 .parSwiper .swiper-slide p a img {
		width: .88rem;
		height: .88rem;
		margin: 0rem auto;
		vertical-align: middle;
	}
	.indexPage7 .swiper-pagination {
		height: .15rem;
		border-radius: .25rem;
		margin: 0 auto
	}
	.indexPage7 .swiper-pagination-bullet {
		width: .74rem;
		height: .15rem;
		border-radius: .25rem;
	}
	#footer {
		height: 4.7rem;
	}
	#footer .footer {
		width: 7rem;
	}
	#footer .footer .top {
		height: 4.2rem;
		position:relative;
	}
	#footer .logo {
		width: 1.9rem;
		height: .43rem;
		margin: 0 2.5rem;
	}
	#footer i {
		display: none
	}
	#footer .footer .top div {
		width: 100%;
	}
	#footer .footer .top .erweima{
		position: absolute;
		 right: .3rem;
		 top: 1rem;
		 max-width: 2rem;
		 max-height: 3rem;
	}
	#footer .footer .top p {
		float: none;
		margin-bottom: .15rem;
		font-size: .26rem;
		line-height: .35rem;
		margin-right: 0.9rem;
	}
	#footer .footer .top p:last-child {
		margin-bottom: 0
	}
	#footer .footer .top p span {
		font-size: .24rem;
	}
	#footer .footer .bottom {
		font-size: .22rem;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.indexPage3 .tabs .tabCon .swiper-slide .list,
	.indexPage3 .tabs .tabCon .swiper-slide {
		height: 31vh;
	}
	.indexPage7 .swiper-pagination-bullet {
		width: 4vw;
	}
	.indexPage3 .tabs .tabCon .swiper-slide p.pic {
		height: 20vh;
		line-height: 20vh;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info {
		height: 13vh;
	}
	.home-container .more {
		width: 15vh;
		margin-top: 15vh;
		border-radius: 55px;
		-webkit-border-radius: 55px;
		-moz-border-radius: 55px;
		-ms-border-radius: 55px;
		-o-border-radius: 55px;
	}
	.swiper-slide-active .indexPage3 .tabCon {
		margin-top: 12vh;
	}
	.indexPage4 .more {
		margin-top: 0
	}
	.indexPage4 .swiper-container {
		top: -25vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img {
		margin-top: -2vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img {
		margin-top: -0.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: -2.2vh;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show p {
		-webkit-line-clamp: 8;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info p {
		-webkit-line-clamp: 2;
	}
	.sectionPage5 .swiper-slide {
		width: 26.2vw !important
	}
	.sectionPage5 .swiper-slide .list p.icon {
		width: 27.625vw
	}
	.indexPage6 .newLists .newList div {
		width: 34.55vw;
	}
	.indexPage6 .newLists .newList span {
		width: 10.406vw;
		border-radius: 60px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		-ms-border-radius: 60px;
		-o-border-radius: 60px;
	}
	.indexPage6 .newLists .newList div {
		width: 32.55vw
	}
	.indexPage7 .parSwiper .swiper-slide p {
		height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p a {
		line-height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p span {
		line-height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p a img {
		margin: 0vh auto;
	}
	#footer .footer .top p {
		margin-right: 3.6vw;
	}
	#footer .logo {
		margin-top: 1.5vh;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.indexPage3 .tabs .tabCon .swiper-slide .list,
	.indexPage3 .tabs .tabCon .swiper-slide {
		height: 31vh;
	}
	.indexPage7 .swiper-pagination-bullet {
		width: 4vw;
	}
	.indexPage3 .tabs .tabCon .swiper-slide p.pic {
		height: 20vh;
		line-height: 20vh;
	}
	.indexPage3 .tabs .tabCon .swiper-slide .show p {
		-webkit-line-clamp: 8;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info p {
		-webkit-line-clamp: 2;
	}
	.indexPage3 .tabs .tabCon .swiper-slide div.info {
		height: 13vh;
	}
	.indexPage4 .swiper-container {
		top: -27vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img {
		margin-top: 4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img {
		margin-top: -0.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 3.8vh;
	}
	.home-container .more {
		width: 15vh;
		margin-top: 15vh;
		border-radius: 55px;
		-webkit-border-radius: 55px;
		-moz-border-radius: 55px;
		-ms-border-radius: 55px;
		-o-border-radius: 55px;
	}
	.swiper-slide-active .indexPage3 .tabCon {
		margin-top: 12vh;
	}
	.indexPage4 .more {
		margin-top: 0
	}
	.sectionPage5 .swiper-slide {
		width: 26.2vw !important
	}
	.sectionPage5 .swiper-slide .list p.icon {
		width: 27.625vw
	}
	.indexPage6 .newLists .newList div {
		width: 34.55vw;
	}
	.indexPage6 .newLists .newList span {
		width: 10.406vw;
		border-radius: 60px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		-ms-border-radius: 60px;
		-o-border-radius: 60px;
	}
	.indexPage6 .newLists .newList div {
		width: 32.55vw
	}
	.indexPage7 .parSwiper .swiper-slide p {
		height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p a {
		line-height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p span {
		line-height: 14.5vh;
	}
	.indexPage7 .parSwiper .swiper-slide p a img {
		margin: 0vh auto;
	}
	#footer .footer .top p {
		margin-right: 3.6vw;
	}
	#footer .logo {
		margin-top: 1.5vh;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.indexPage4 .swiper-container {
		top: -20vh
	}
	.indexPage4 .swiper-slide a:nth-child(2) img {
		margin-top: -10vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img {
		margin-top: 2.5vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: -8.2vh
	}
}

@media all and (device-width:1024px) and (device-height: 768px) and (orientation:landscape) {
	.indexPage4 .swiper-container {
		top: -25.3vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img {
		margin-top: 8vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img {
		margin-top: .5vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 7.8vh
	}
}

@media only screen and (max-width: 1024px) {
	.header .pubNav ul li>dl {
		width:100%;
		position: static;
		display: none;
	}
	.header .pubNav ul li>i {
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		right: 5%;
		top: 0;
	}
	.header .pubNav ul li>i:before {
		content: "";
		width: 50px;
		height: 50px;
		background: url(../images/jia.png) center no-repeat;
		background-size: 60%;
		display: block;
		position: absolute;
		right: 5%;
		top: 0;
		color: #fff;
		-webkit-transition: all .5s ease-out 0s;
		transition: all .5s ease-out 0s;
	}
	.header .pubNav ul li>i.show:before {
		background: url(../images/jian.png) center no-repeat;
		background-size: 55%;
		-webkit-transition: all .5s ease-out 0s;
		transition: all .5s ease-out 0s;
	}
}


@media screen and (max-width: 1925px){
	.indexPage4 .swiper-slide a:nth-child(1) img{
		margin-top: 2vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img{
		margin-top: 15vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img{
		margin-top:3.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 18.8vh;
	}
}
@media screen and (max-width:1610px) {
	.indexPage4 .swiper-slide a:nth-child(1) img{
		margin-top: 2vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img{
		margin-top: 18vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img{
		margin-top:6.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 22.8vh;
	}
}
@media screen and (max-width:1500px) {
	.indexPage4 .swiper-slide a:nth-child(2) img{
		margin-top: 11vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img {
		margin-top: 2.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 12.8vh;
	}
}

@media screen and (max-width:1438px) {
	.indexPage4 .swiper-slide a:nth-child(2) img{
		margin-top: 13vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 14.8vh;
	}
} 
@media screen and (max-width:1370px) {
	.indexPage4 .swiper-slide a:nth-child(1) img{
		margin-top: 9vh;
	}
	.indexPage4 .swiper-slide a:nth-child(2) img{
		margin-top: 20vh;
	}
	.indexPage4 .swiper-slide a:nth-child(3) img{
		margin-top: 9.4vh;
	}
	.indexPage4 .swiper-slide a:nth-child(4) img {
		margin-top: 25.8vh;
	}
} 

@media only screen and (min-width: 1024px){
	/* .header .pubNav ul li:nth-child(2)>a:before{
		display:block;
		background: transparent;
		width: 0px;
		height: 0px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
		border-bottom: 10px solid rgba(36,140,246,.8);
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -5px;
	}
	.header .pubNav ul li:nth-child(2).on>a:before{
		opacity: 0;
	}
	.header .pubNav ul li:hover>a:before{
		opacity: 1 !important;
	} */
	.header .pubNav ul li:nth-child(2)>dl dd:before{
		display:none;
	}
	.pubNav li:nth-child(4),.pubNav li:nth-child(5){
		/* display:none !imp0ortant; */
	}
	.header .pubNav ul li:nth-child(2)>dl{
		width:460%;
		left: -115%;
	}
	.header .pubNav ul li:nth-child(2)>dl dd{
		width:20%;
		float:left;
		line-height: 50px;
		margin-left: 4%;
	}
	.header .pubNav ul li:nth-child(2)>dl dd>a{
		font-size:16px;
		text-align:left;
		line-height:60px;
	}
	.header .pubNav ul li:nth-child(2)>dl dd>a::before{
		content: "";
		width: 100%;
		height: 2px;
		background: linear-gradient(90deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.99) 50%,rgba(255,255,255,0.23) 98%);
		opacity: 0.2;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.header .pubNav ul li:nth-child(2)>dl dd>a  i{
		font-size:20px;
		color:#fff;
		display:block;
		float:right;
	}
	.header .pubNav ul li>dl dd p{
		padding:7px 0;
	}
	.header .pubNav ul li>dl dd p a{
		box-sizing: border-box;
		height: 35px;
		line-height: 35px;
		text-align: left;
	}
}
@media only screen and (max-width: 1024px){
	.header .pubNav ul li a>em{
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		right: 5%;
		top: 0;
	}
	.header .pubNav ul li a>em:before{
		display:block;
		content: "";
		width: 50px;
		height: 50px;
		background: url(../images/jia.png) center no-repeat;
		background-size: 60%;
		display: block;
		position: absolute;
		right: 5%;
		top: 0;
		color: #fff;
		-webkit-transition: all .5s ease-out 0s;
		transition: all .5s ease-out 0s;
	}
	.header .pubNav ul li a>em.show:before {
		background: url(../images/jian.png) center no-repeat;
		background-size: 55%;
		-webkit-transition: all .5s ease-out 0s;
		transition: all .5s ease-out 0s;
	}
	.header .pubNav ul li>dl dd p{
		display:none;
	}
	.header .pubNav ul li>dl dd p.show{
		display:block;
	}
}
@media only screen and (max-width: 1024px){
	.home-container{
		overflow: scroll !important;
	}
	.header .pubNav ul li:nth-child(2)>dl dd>a{
		position:relative;
		padding-right:20px;
	}
	.header .pubNav ul li:nth-child(2)>dl dd>a i{
		position: absolute;
		top: 0;
		right: 0;
	}
}
@media only screen and (max-width: 1605px){
	.header .pubNav ul li:nth-child(2)>dl dd>a{
		font-size:16px;
	}
}
@media only screen and (max-width: 1400px){
	.header .pubNav ul li:nth-child(2)>dl dd>a{
		font-size:15px;
	}
	.header .pubNav ul li>dl dd a{
		font-size:14px;
	}
}