.ssimg {
	width: 100%;
}

.swiperone {
	width: 100%;
	overflow: hidden;
	position: relative;
	/* margin-top:84px; */
}

.swiper-pagination-bullet {
	width: 13px;
	height: 13px;
}

.swiper-pagination-bullet {
	opacity: 1;
	background: #e3e0e0;
}

.swiper-pagination-bullet-active {
	background: #3c36eb;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}

.hoisousuo {
	width: 1400px;
	margin: auto;
	margin-top: 38px;
}

.hoimg {
	float: left;
	display: block;
	margin-left: 6px;
}

.hgp {
	display: block;
	float: left;
	font-size: 15px;
	color: #504f4f;
	margin-left: 11px;
	margin-top: 5px;
	width: 950px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hoinput {
	width: 299px;
	height: 41px;
	position: relative;
	float: right;
	border: 1px solid #dddddd;
	box-sizing: border-box;
}

.htinput {
	width: 253px;
	height: 100%;
	line-height: 41;
	outline: none;
	text-indent: 21px;
	border-right: none;
	border: none;
}

.htbutton {
	border: none;
	float: right;
	display: block;
	background: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 26px;
}

.lanse {
	width: 1660px;
	height: 203px;
	position: relative;
	float: right;
	background: #3443f3;
	margin-top: 34px;
}

.hoisousuo {
	overflow: hidden;
}

.lediv {
	width: 347px;
	height: 100%;
	position: relative;
	float: left;
}

.lpspana {
	font-size: 50px;
	color: white;
	display: block;
	float: left;
}

.lpspanb {
	color: white;
	font-size: 22px;
	display: block;
	float: left;
	margin-top: 5px;
}

.lvppimg {
	display: block;
	margin-top: 74px;
	float: left;
}

.lvp {
	display: inline-block;
	margin: auto;
	position: relative;
	overflow: hidden;
	transform: translate(-50%, 0%);
	margin-left: 50%;
	margin-top: 54px;
}

.lvpp {
	color: white;
	text-align: center;
	font-size: 18px;
}

.jjfa {
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 38px;
	padding-top: 64px;
}

.jap {
	text-align: center;
	font-size: 18px;
	color: #363535;
	margin-top: 6px;
}

.fangandiv {
	width: 100%;
	height: 799px;
	overflow: hidden;
	position: relative;
	margin-top: 29px;
}

.fvleft {
	width: 24.42%;
	float: left;
	display: block;
	height: 100%;
	padding-top: 23px;
	position: relative;
}

.fvright {
	width: 75.58%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.ftaa {
	display: block;
	width: 100%;
	color: white;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}

.swiperfive .swiper-slide-thumb-active {
	background: #f9c908;
	color: black;
}

.faleft {
	display: block;
	float: left;
	margin-left: 47px;
	font-size: 18px;
}

.faright {
	font-size: 18px;
	display: block;
	float: left;
	margin-left: 117px;
}

.ftimgtop {
	width: 100%;
	height: 613px;
	position: relative;
	float: left;
	overflow: hidden;
}

.fpimg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s;
}

.psdiv:hover .fpimg {
	transform: scale(1.3);
}

.ftimgbottom {
	width: 100%;
	height: 186px;
	position: relative;
	float: left;
}

.fmp {
	font-size: 24px;
	display: block;
	margin-top: 11px;
}

.fmpp {
	font-size: 15px;
	color: #403f3f;
	margin-top: 15px;
	width: 950px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.fmppa {
	width: 101px;
	height: 27px;
	background: #3c37eb;
	display: block;
	font-size: 12px;
	color: white;
	line-height: 27px;
	text-align: center;
	border-radius: 15px;
	margin-top: 22px;
}

.fmdiv {
	overflow: hidden;
	margin-left: 69px;
}

.fadiv {
	width: 100%;
	height: 19px;
	background: #f4f4f4;
	position: absolute;
	bottom: 0px;
}

.prolist {
	font-size: 40px;
	text-align: center;
	margin-top: 62px;
}

.ptpp {
	font-size: 18px;
	text-align: center;
	color: #363535;
	display: block;
	margin-top: 16px;
}

.ppdivs {
	width: 96.25%;
	overflow: hidden;
	margin: auto;
	padding-top: 34px;
}

.psdiv {
	width: 23.8%;
	margin: 0 0.6%;
	height: 546px;
	border: 1px solid #e7e7e7;
	box-sizing: border-box;
	position: relative;
	float: left;
	margin-bottom: 22px;
}

.pvtop {
	width: 100%;
	height: 413px;
	overflow: hidden;
}

.pmpa {
	text-align: center;
	font-size: 20px;
	position: absolute;
	bottom: 45px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
	margin-left: 5%;
}

.psdiv:hover .pmpa {
	color: #3a34f0;
}

.pmpb {
	font-size: 12px;
	color: #9c9b9b;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 20px;
}

.dianji {
	width: 243px;
	display: block;
	height: 72px;
	background: #e7e7e7;
	text-align: center;
	line-height: 72px;
	color: #363637;
	font-size: 18px;
	margin: auto;
	margin-top: 116px;
}

.whyp {
	font-size: 40px;
	text-align: center;
	margin-top: 91px;
}

.whypp {
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
	color: #363535;
}

.fivediv {
	width: 96.6%;
	margin: auto;
	position: relative;
	overflow: hidden;
	padding-top: 48px;
	margin-bottom: 100px;
}

.fvdiv {
	width: 18.6%;
	margin: 0 0.7%;
	display: block;
	float: left;
	height: 475px;
	background: #f4f4f4;
	position: relative;
}

.fvimg {
	display: block;
	margin: auto;
	margin-top: 47px;
	transition: 0.5s;
}

.fvdiv:hover .fvimg {
	transform: rotate(360deg);
}

.fvp {
	font-size: 23px;
	text-align: center;
	display: block;
	margin-top: 37px;
}

.fvpp {
	color: #535252;
	font-size: 13px;
	line-height: 23px;
	width: 85.2%;
	margin: auto;
	margin-top: 22px;
	text-align: center;
}

.fvppblue {
	width: 35px;
	height: 6px;
	background: #3c36eb;
	margin: auto;
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -14.5px;
}

.swipertwo {
	width: 95.2%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-top: 48px;
	margin-bottom: 69px;
}

.swipertwos {
	width: 95.2%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-top: 48px;
	margin-bottom: 69px;
}


.sodiv {
	width: 100%;
	height: 482px;
	display: block;
	border: 1px solid #e7e7e7;
	box-sizing: border-box;
}

.sodiv:hover .fpimg {
	transform: scale(1.3);
}

.sodiv:hover .smp {
	color: #3835ed;
}

.svtop {
	width: 100%;
	height: 368px;
	overflow: hidden;
}

.smp {
	font-size: 17px;
	width: 80%;
	text-align: center;
	margin-top: 29px;
	color: black;
	margin-left: 10%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.smpp {
	width: 100%;
	font-size: 15px;
	color: #9c9b9b;
	text-align: center;
	margin-top: 15px;
}

.swipertwo .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	width: 41px;
	height: 41px;
	outline: none;
}

.swipertwo .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	width: 41px;
	height: 41px;
	outline: none;
}

.swipertwos .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	width: 41px;
	height: 41px;
	outline: none;
	right: 0;
}

.swipertwos .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	width: 41px;
	height: 41px;
	outline: none;
	left: 0;
}

.swiperone .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	width: 60px;
	height: 91px;
	outline: none;
	right: 0px;
}

.swiperone .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	width: 60px;
	height: 91px;
	outline: none;
	left: 0px;
}

.newdiv {
	width: 100%;
	height: 493px;
	position: relative;
}

.nvdiv {
	width: 1400px;
	margin: auto;
}

.nsspan {
	font-size: 39px;
	display: block;
	float: left;
	margin-top: -6px;
}

.nvdivs {
	overflow: hidden;
	padding-top: 99px;
}

.nndiv {
	width: 573px;
	height: 65px;
	float: right;
	position: relative;
	background: white;
}

.swiperfour {
	width: 100%;
	height: 100%;
}

.srspan {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 18px;
	line-height: 65px;
	text-align: center;
	cursor: pointer;
}

.swiperthree {
	overflow: hidden;
	width: 1455px;
	margin: auto;
	margin-top: -309px;
}

.sediv {
	width: 100%;
	height: 861px;
	position: relative;
}

.svdiv {
	width: 29.2%;
	margin: 0 2.05%;
	float: left;
	background: white;
}

.svimg {
	width: 100%;
	height: 309px;
	overflow: hidden;
	position: relative;
	display: block;
}

.sgbottom {
	width: 100%;
	height: 278px;
	border-bottom: 1px solid #ebebeb;
	padding: 36px 26px 34px 26px;
	box-sizing: border-box;
	position: relative;
	display: block;
}

.smblue {
	width: 28px;
	height: 4px;
	background: #3c36eb;
}

.sep {
	font-size: 19px;
	padding-top: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #323232;
}

.sepdiv p {
	font-size: 15px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.sepdiv {
	top: 112px;
	position: absolute;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 15px;
	line-height: 28px;
	color: #323232;
}

.ssspan {
	font-size: 16px;
	color: #8f8d8d;
}

.sepdivs {
	position: absolute;
	bottom: 31px;
	width: 87.6%;
}

.snimg {
	display: block;
	float: right;
	margin-top: 3px;
}

.smdiv {
	width: 100%;
	height: 278px;
	padding: 36px 26px 34px 26px;
	box-sizing: border-box;
	position: relative;
	display: block;
}

.seaimg {
	display: block;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 125px;
}

.threehui {
	background: #f4f4f4;
	position: relative;
	overflow: hidden;
}

#ceshi {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

.cidiv {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 97%;
}

.nndiv .swiper-slide-thumb-active {
	background: #3c36eb;
	color: white;
}

.swiperfive {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.bluebt{
	width: 100%;
	height: 175px;
	background: #3240f2;
	color: white;
	font-size: 56px;
	position: relative;
}

.bvleft{
	display: block;
	float:left;
	margin-top: 44px;
}

.btimg{
	display: block;
	float: left;
	margin-left: 14px;
	margin-right: 36px;
}

.btdiv{
	position: absolute;
	overflow: hidden;
	left: 50%;
	transform: translate(-50%,0%);
	margin-top: 10px;
}

.brone{
	border: 2px solid #bfbfbf;
	font-size: 18px;
	padding: 21px 37px;
	line-height: 28px;
}

.brtable{
	border: 2px solid #bfbfbf;
	width: 1400px;
	margin: auto;
	margin-top: 61px;
}

.bewhite{
	color:white;
	font-size: 25px;
	padding: 38px 37px;
}

.bespan{
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translate(-50%,0%);
}

.bebig{
	font-size: 25px;
	padding: 21px 23px;
	text-align: center;
	font-weight: bold;
}

.btcenter{
	margin-bottom: 50px;
}

.bea{
	width:148px;
}

.beb{
	width:348px;
}

.bec{
	width:305px;
}

.bed{
	width:320px;
}

.bee{
	width:261px;
}

.bef{
	width:148px;
}

.beg{
	width:348px;
}

.beh{
	width:305px;
}

.bei{
	width:320px;
}

.bej{
	width:261px;
}

.brone:hover{
	background: #3240f2;
	color: white;
}

@media screen and (max-width: 1680px) {
	.lanse {
		width: 1525px;
	}

	.faright {
		margin-left: 80px;
	}
}

@media screen and (max-width: 1600px) {
	.lanse {
		width: 1485px;
	}
}

@media screen and (max-width: 1550px) {
	.lanse {
		width: 1460px;
	}
}

@media screen and (max-width: 1500px) {
	.lanse {
		width: 1432px;
	}

	.nvdiv {
		width: 95%;
	}

	.swiperthree {
		width: 100%;
	}

	.whyp {
		margin-top: 37px;
	}

	.dianji {
		margin-top: 30px;
	}

	.fvpp {
		line-height: 20px;
	}

	.faright {
		margin-left: 40px;
	}
	
	.brtable {
	    width: 96.25%;
	}
	
	.bluebt{
		font-size:44px;
	}
}

@media screen and (max-width: 1450px) {
	.hoisousuo {
		width: 95%;
	}

	.lanse {
		width: 95%;
		margin-right: 2.5%;
	}

	.lediv {
		width: 24.8%;
	}

	.lvppimg {
		width: 0.25%;
	}

	.pvtop {
		height: 300px;
	}

	.psdiv {
		height: 444px;
	}

	.svtop {
		height: 272px;
	}

	.sodiv {
		height: 401px;
	}
	
	.swiperone{
		margin-top:0px;
	}
}

@media screen and (max-width: 1400px) {
	.jjfa {
		font-size: 30px;
	}

	.whyp {
		font-size: 30px;
	}

	.hgp {
		width: 800px;
	}

	.faleft {
		margin-left: 30px;
	}

	.lpspana {
		font-size: 45px;
	}

	.fmpp {
		width: 850px;
	}

	.fmdiv {
		margin-left: 40px;
	}
}

@media screen and (max-width: 1300px) {
	.faleft {
		margin-left: 20px;
	}

	.faright {
		margin-left: 20px;
		font-size: 15px;
	}

	.fvpp {
		font-size: 12px;
	}

	.hgp {
		width: 700px;
	}

	.lpspana {
		font-size: 40px;
	}
	
	.bluebt{
		font-size:38px;
	}
}

@media screen and (max-width: 1024px) {
	.hgp {
		width: 500px;
	}

	.lpspana {
		font-size: 35px;
	}

	.pvtop {
		height: 220px;
	}

	.pmpa {
		font-size: 20px;
	}

	.psdiv {
		height: 315px;
	}

	.fmpp {
		width: 700px;
	}

	.fvimg {
		width: 100px;
	}

	.sepdiv {
		width: 85%;
	}
	
	.bluebt{
		font-size:30px;
	}
	
	.btimg{
		height: 150px;
	}
	
	.bluebt{
		height:149px;
	}
	
	.bewhite{
		padding: 38px 29px;
	}
	
	.bebig {
	    padding: 21px 17px;
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.sepdiv {
		width: 80%;
	}

	.lpspana {
		font-size: 25px;
	}

	.hgp {
		width: 350px;
	}

	.faleft {
		margin-left: 10px;
		font-size: 12px;
	}

	.faright {
		margin-left: 10px;
		font-size: 12px;
	}

	.fmpp {
		width: 500px;
	}

	.fvimg {
		width: 80px;
	}

	.fvp {
		font-size: 20px;
		margin-top: 15px;
	}

	.fvpp {
		margin-top: 15px;
	}

	.nsspan {
		font-size: 30px;
	}

	.sepdivs {
		width: 80%;
	}
	
	.btimg {
	    height: 113px;
	}
	
	.bluebt {
	    height: 112px;
	}
	
	.bvleft {
	    margin-top: 31px;
	    font-size: 24px;
	}
	
	.bewhite {
	    padding: 38px 15px;
	    font-size: 20px;
	}
	
	.brone{
		padding: 15px 17px;
	}
	
	.bebig {
		padding: 15px 0px;
		font-size: 18px;
	}
}

@media screen and (max-width: 450px) {
	.swiperone{
		margin-top:58px;
	}
	
	.swiperone .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		width: 30px;
		height: 45.5px;
	}
	
	.swiperone .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		width: 30px;
		height: 45.5px;
	}
	
	.hoisousuo {
		margin-top: 15px;
	}

	.htinput {
		font-size: 15px;
	}

	.hgp {
		width: 260px;
		margin-bottom: 10px;
	}

	.lpspana {
		font-size: 10px;
	}

	.lvpp {
		font-size: 10px;
	}

	.lpspanb {
		margin-top: 0px;
		font-size: 10px;
	}

	.lanse {
		height: 103px;
		margin-top: 25px;
	}

	.lvp {
		margin-top: 35px;
	}

	.lvppimg {
		margin-top: 48px;
	}

	.jjfa {
		font-size: 20px;
		padding-top: 25px;
		font-weight: bold;
	}

	.jap {
		font-size: 15px;
	}

	.hoinput {
		width: 100%;
	}

	.faleft {
		display: none;
	}

	.fvleft {
		width: 40%;
	}

	.fvright {
		width: 60%;
	}

	.ftaa {
		height: 30px;
		line-height: 30px;
	}

	.faright {
		margin-left: 8px;
		font-size: 11px;
	}

	.fangandiv {
		height: 450px;
	}

	.ftimgtop {
		height: 264px;
	}

	.fmdiv {
		margin-left: 20px;
	}

	.fmp {
		font-size: 16px;
		font-weight: bold;
		margin-top: 20px;
	}

	.fmpp {
		width: 200px;
	}

	.prolist {
		font-size: 20px;
		margin-top: 25px;
		font-weight: bold;
	}

	.ptpp {
		font-size: 15px;
		margin-top: 10px;
	}

	.pvtop {
		height: 154px;
	}

	.psdiv {
		width: 48%;
		margin: 0 1%;
		height: 242px;
		margin-bottom: 10px;
	}

	.pmpa {
		font-size: 15px;
		font-weight: bold;
	}

	.dianji {
		width: 150px;
		font-size: 15px;
		height: 60px;
		line-height: 60px;
		margin-top: 15px;
	}

	.whyp {
		font-size: 20px;
	}

	.whypp {
		font-size: 14px;
		margin-top: 10px;
	}

	.fvdiv {
		width: 46%;
		margin: 0 2%;
		height: 340px;
		margin-bottom: 12px;
	}

	.fvimg {
		margin-top: 30px;
	}

	.fvp {
		font-size: 16px;
	}

	.fvppblue {
		display: none;
	}

	.ppdivs {
		padding-top: 25px;
	}

	.fivediv {
		padding-top: 25px;
	}

	.fvdiv:nth-child(5) {
		width: 96%;
		height: 250px;
	}

	.svtop {
		height: 185px;
	}

	.smpp {
		margin-top: 10px;
	}

	.smp {
		margin-top: 15px;
		font-size: 15px;
	}

	.sodiv {
		height: 256px;
	}

	.whyp {
		margin-top: 20px;
		font-weight: bold;
		width: 90%;
		margin-left: 5%;
	}

	.swipertwos {
		padding-top: 24px;
		margin-bottom: 38px
	}

	.nsspan {
		display: none;
	}

	.nvdivs {
		padding-top: 38px;
	}

	.nndiv {
		width: 100%;
		height: 50px;
	}

	.srspan {
		font-size: 15px;
	}

	.srspan {
		line-height: 50px;
	}

	.svcomputer {
		display: none;
	}

	.svdiv {
		width: 42%;
		margin: 0 4%;
	}

	.svimg {
		height: 174px;
	}

	.swiperthree {
		margin-top: -174px;
	}

	.newdiv {
		height: 293px;
	}

	.smblue {
		display: none;
	}

	.sep {
		font-size: 15px;
		padding-top: 0px;
	}

	.sepdiv p {
		font-size: 12px;
		line-height: 22px;
	}

	.sgbottom {
		padding: 15px 17px 15px 17px;
		height: 180px;
	}

	.sepdiv {
		width: 80%;
		top: 45px;
	}

	.smdiv {
		display: none;
	}

	.sediv {
		height: 361px;
	}

	.seaimg {
		margin-top: 40px;
		margin-bottom: 80px;
	}
	
	.fmdiv {
	    margin-left: 10px;
	}
	
	.btimg {
	    height: 60px;
	}
	
	.bluebt{
		height: 60px;
	}
	
	.bvleft {
	    font-size: 16px;
		margin-top: 11px;
	}
	
	.btdiv{
		width: 260px;
	}
	
	.brone {
	    padding: 10px 8px;
	    font-size: 12px;
		line-height: 17px;
	}
	
	.bebig{
		padding: 10px 3px;
		font-size: 11px;
	}
	
	.bewhite{
		padding: 10px 5px;
		font-size: 11px;
		text-align: center;
	}
	
	.bespan {
	    left: 0%;
	    transform: translate(0%,0%);
	}
	
	.fivediv {
	    margin-bottom: 50px;
	}
	
	.brtable {
	    margin-top: 30px;
	}
	
	.bea {
	    width: 221px;
	}
	
	.bef {
	    width: 221px;
	}
}

@media screen and (max-width: 375px) {
	.fvdiv {
		height: 360px;
	}
	
	.fmpp {
	    width: 190px;
	}
	
	.brone {
	    padding: 10px 5px;
	}
	
	.bebig {
	    font-size:10px;
		padding: 10px 5px;
	}
	
	.bewhite {
	    padding: 10px 0px;
	}
}

@media screen and (max-width: 320px) {
	.fvimg {
	    margin-top: 15px;
	}
	
	.fmpp {
	    width: 170px;
	}
	
	.brtable {
	    border: 1px solid #bfbfbf;
	}
	
	.brone {
	    border: 1px solid #bfbfbf;
		font-size: 10px;
	}
	
	.bewhite {
	    font-size: 9px;
	}
}