/*

* @description: é¦–é¡µæ ·å¼

 *@author:çŽ‹å¥‰

* @update: name(xxxx-xx-xx xx:xx)

 */

 /* html{

	-webkit-filter:grayscale(100%);

    -moz-filter:grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none

 } */

 header {



    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

}

.swiper-container {

	width: 100%;

	height: 775px;

	background: #161A26;

}

.bg1{

	background: url(../images/index/bg-banner.gif) no-repeat center;

}

.swiper-container .con {

	position: relative;

}



.banner-title {

	font-size: 36px;

	color: #fff;

	padding: 229px 0 49px 0;

	display: block;

}

.bannerBirthday {

	background: linear-gradient(0deg, #CB3939 0%, #A81A18 100%);

	width: 100%;

	height: 100%;

	display: block;

}

.checkDetail {

	background: rgba(255, 255, 255, 0.15);

	border: 1px solid #FFFFFF;

	border-radius: 5px;

	color: #fff;

}

.adminBack .firstCheck{

	background: #FFFFFF;

	border: 1px solid #FFFFFF;

	border-radius: 5px;

	color: #333333;

}

.goToBirthdayBanner {

	width: 100%;

	height: 100%;

	background: linear-gradient(0deg, #6894FA, #645EF4);

}



.gotoNewDetail {

	width: 100%;

	height: 100%;

	background: linear-gradient(90deg, #4482CC, #4553C7, #2525A5);

}

.goToAdvertisement{

	width: 100%;

	height: 100%;

	background: linear-gradient(0deg, #216AFF, #4292F8);

}

.buyNewBanner {

	width: 100%;

	height: 100%;

	/* background-image: url('../images/index/img_banner_mai.png'); */

	background-image: url('https://newxgos.oss-cn-hangzhou.aliyuncs.com/images/img_banner_mai.png');

	background-size: 100% 100%;

}

.newBannerModal {

	width: 100%;

	height: 100%;

	background-image: url('http://newxgos.oss-cn-hangzhou.aliyuncs.com/images/img-bg-SDK.png');

	/* background-image: url('../images/index/img-bg-SDK.png'); */

	background-size: 100% auto;

	padding-top: 222px;

}

.newCenterImg {

	width: 808px;

	height: 222px;

	background-image: url('../images/index/img-title-sdk.png');

	background-size: 100% 100%;

    margin: auto;

}

.newDetailBtn {

	display: block;

	width: 150px;

	height: 40px;

	background: #00CCFF;

	border-radius: 5px;

	line-height: 40px;

	text-align: center;

	color: #030034;

	font-weight: bold;

	margin: auto;

	margin-top: 78px;

}



.versionBanner {

	width: 100%;

	height: 100%;

	background-image: url('../images/index/img-bg-9.7.6.png');

	/* background-image: url('../images/index/img-bg-SDK.png'); */

	background-size: 100% auto;

	padding-top: 222px;

}

.versionCenterImg {

	width: 723px;

	height: 127px;

	background-image: url('../images/index/img-title-9.7.6.png');

	background-size: 100% 100%;

    margin: auto;

}

.advantagsMainContent {

	width: 1000px;

	height: 141px;

	background: linear-gradient(90deg, rgba(7, 33, 68, 0) 0%, rgba(7, 33, 68, 0.7) 50%, rgba(7, 33, 68, 0) 100%);

	color: #94B7E9;

	font-size: 18px;

	margin: 42px auto 0;

	box-sizing: border-box;

	padding-top: 29px;

}

.centerTextModal {

	padding-left: 202px;

	box-sizing: border-box;

}

.centerTextModal>div {

	display: flex;

}

.centerTextModal .first {

	margin-bottom: 29px;

}

.centerTextModal .rightDiatence {

	margin-right: 89px;

}

.centerTextModal .moreDistance {

	margin-right: 111px;

}

.advantagsMainContent span {

	color: #00CCFF;

	font-weight: bold;

}











.cloudeGameModal{

	width: 100%;

	height: 100%;

	/* background-image: url('../images/index/img_banner_mai.png'); */

	background-image: url('../images/index/img-bg-yungame.png');

	background-size: 100% 100%;

}

.centerBackImg {

	width: 100%;

	height: 555px;

	background-image: url('../images/index/img_baner_ygame.png');

	background-size: 100% 100%;

	position: relative;

    top: 100px;

}

.detailCheckbutton {

	display: block;

	width: 161px;

	height: 51px;

	background-image: url('../images/index/btn_chakan.png');

	background-size: 100% 100%;

	margin: auto;

	position: relative;

	top: 408px;

	color: #fff;

	font-size: 16px;

	text-align: center;

	line-height: 51px;

}

.goToAdmin {

	width: 100%;

	height: 100%;

	background-image: url('https://newxgos.oss-cn-hangzhou.aliyuncs.com/images/img-bg-yxlyglht.png');

	background-size: 100% 100%;

}

.goToDemo {

	width: 100%;

	height: 100%;

	background-image: url('https://newxgos.oss-cn-hangzhou.aliyuncs.com/images/img-bg-jd.png');

	background-size: 100% 100%;

}

.goToService{

	width: 100%;

	height: 100%;

	background-image: url('../images/index/img-bg-service.png');

	background-size: 100% 100%;

}

.goToVersion{

	width: 100%;

	height: 100%;

	background-image: url('../images/index/img-bg-new.png');

	background-size: 100% 100%;

}

.national.swiper-slide {

	position: relative;

}

.goToNationalDay{

	width: 100%;

	height: 100%;

	background-image: url('../images/index/img-bg-newBanner.png');

	background-size: 100% 100%;

}

.newYearBackImg {

	width: 100%;

	height: 100%;

	background-image: url('http://newxgos.oss-cn-hangzhou.aliyuncs.com/images/img_banner_hu.png');

	background-size: 100% 100%;

}

.newYearBackImg.phoneBackNewYearImg {

	width: 100%;

	height: 100%;

	background-image: url('../images/index/imgPhone-year.png');

	background-size: 100% 100%;

}

.versionMainImg{

	margin: auto;

}

.versionBtn{

	display: inline-block;

	width: 150px;

	height: 40px;

	background: rgba(0, 204, 255, 0.2);

	border: 1px solid #00CCFF;

	border-radius: 5px;

	color: #00CCFF;

	text-align: center;

	font-weight: bold;

	line-height: 40px;

	font-size: 16px;

	margin-top: 25px;

}

.versionBtn:hover {

	background-color: #00CCFF;

	color: #030034;

}

.versionOutner{

	text-align: center;

}

.redDefferent.versionBtn {

	width: 300px;

	height: 48px;

	line-height: 48px;

	color: #fff;

	background: linear-gradient(90deg, rgba(225, 52, 115, 0) 0%, #E13473 50%, rgba(225, 52, 115, 0) 100%);

	border: none;

}

.newBuyMainBox .banner-title{

	margin: auto;

}

.readyQurcode{

	width: 240px;

	height: 190px;

	border-image: linear-gradient(0deg, #85CBF9, #93D4FF, #85CBF9) 10 10;

	background: linear-gradient(90deg, rgba(0, 72, 255, 0) 0%, #0048FF 50%, rgba(0, 72, 255, 0) 100%);

	margin: auto;

	box-sizing: border-box;

	padding-top: 15px;

}

.readyQurcode img {

	display: block;

	width: 130px;

	height: 130px;

	margin: auto;

}

.readyQurcode p {

	color: #DEF2FF;

	font-size: 14px;

	margin-top: 15px;

}







.banner-btn {

	position: relative;

	color: #fff;

	text-align: center;

	font-weight: bold;

	margin: 78px 37px 0 0;

	width: 150px;

	height: 40px;

	background: rgba(255, 255, 255, 0.15);

	border: 1px solid #FFFFFF;

	border-radius: 5px;

	line-height: 40px;

}

.serviceDetailBtn{

	background-color: #FF9101;

	color: #fff;

	border: none;

}

.serviceDetailBtn:hover {

	background-color: #FF9101!important;

	color: #fff!important;

	border: none!important;

}

.currentUseBtn {

	background: rgba(255, 255, 255, 0.15);

	border: 1px solid #FFF6C4;

	color:#FFF6C4;

	margin: 46px 0px 0 137px;

}

.congraturationImg {

	padding-bottom: 0;

}

.congraturationImgRight {

	top: 200px!important;

}



.banner-btn:hover {

	color: #161A26;

	background: #fff;

}

.changeItem {

	float: left;

}



.banner-text {

	color: #fff;

}



.banner1-fl {

	position: relative;

}

.banner1-img{

	position: absolute;

    left: -560px;

    top: 240px;

}

.banner1-fl .pop {

	top: 10%;

	left: 10%;

}



.banner1-fr {

	position: absolute;

	right: 0;

	top: 148px;

}

.newBanner-fr {

	position: absolute;

	/* right: -143px; */

	right: -64px;

    top: -410px;

}

.adminBanner {

	position: absolute;

	right: -105px;

    top: -462px;

}

.kefuBanner{

	position: absolute!important;

    top: 211px!important;

    left: 530px!important;

}

.banner3{

	top:-320px;

}

.banner2-fr-img{

	margin-top:-50px;

}

.yun1{

    position: absolute;

    left: 239px;

    top: 128px;

}

.yun2{

	 position: absolute;

    left: 428px;

    top: 168px;

}

.book{

    position: absolute;

    bottom: 190px;

    left: 400px;

}

.swiper-slide-active .banner1-fr {

	animation: bounceInRight 2s 0s 1 linear both;

}



.swiper-slide-active .banner1-fl {

	animation: bounceInLeft 2s 0s 1 linear both;

	animation-delay: .2s

}



.swiper-button-prev {

	background: url(../images/yeyou/icon-up.png) no-repeat center;

}



.swiper-button-next {

	background: url(../images/yeyou/icon-next.png) no-repeat center;

}



.swiper-pagination-bullet {

	width: 30px;

	height: 3px;

	background:rgba(255,255,255,0.4);

	border-radius: 0;

	position:relative;

}



.swiper-pagination-bullet-active {



	position:relative;





}

.liner{

	width: 30px;

	height: 3px;

	background: rgba(255,255,255,1);

	position:absolute;

	left:0;

	top:0;

	display:none;

	animation:liner 5s;

}

.swiper-pagination-bullet-active .liner{

	display:block;

}

.swiper-container-horizontal > .swiper-pagination-bullets {

	bottom: 95px!important;

}

@keyframes liner {

 from {

  width:0

 }

 to {

  width:30px

 }

}

.banner-info-num {

	color: #2C68FF;

	font-size: 18px;

}



.banner-info-num strong {

	font-size: 30px;

}

.swiper-slide .fr{

	position:relative;

}

.banner-info-con {

	margin-right: 25px;

}



.banner-info-text {

	font-size: 14px;

	font-weight: bold;

	color: #fff;

}

.core-line{

    margin: 0 auto;

    display: block;

}

.core-menu {



	text-align: center;

	margin: -10px 79px 29px 40px;

	height: auto;

	overflow: hidden;

	color: #333;

	font-size: 18px;

}

.core-menu:first-child{

	margin:-11px 87px 29px 7px;

}

.core-menu:last-child{

	margin: -10px 0 0px 43px;

}

.core-menu:hover {

	transition: all .2s linear;

	background-color: #fff;

	border-color: #e5e8ed;

	-webkit-box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);

	-moz-box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12);

	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)

}



.core-con {

	width: 100%;

	height: auto;

	overflow:hidden;

	background: rgba(232, 245, 255, 1);

	padding-bottom: 20px;

}



.core-con-title {

	font-size: 24px;

	font-weight: bold;

	color: #333;

	padding: 113px 0 0 0;

}



.core-con-box {

	padding: 18px 0 0 0;

}



.core-con-text {

	padding-left: 15px;

	font-size: 16px;

}



.core-btn {

	display: block;

	width: 134px;

	height: 40px;

	line-height: 40px;

	border-radius: 10px;

	color: #2C68FF;

	border: 1px solid #2C68FF;

	text-align: center;

	margin: 54px 17px 0 0;

}



.core-btn:hover {

	background: #2C68FF;

	color: #fff;

	cursor: pointer;

}



.core-con-right {

	position: relative;

	padding-top: 21px;

}

.core-con-right img{

	width:700px;

}

.core-con-right img:hover {

	transform: scale(1.1);

}



.core-con-app {

	position: absolute;

	bottom: 5px;

	right: -38px;

}



.core-menu-active {

	color: #2C68FF;

	position: relative;

}



.core-menu-active:after {

	display: block;

	content: '';

	border-width: 8px 8px 8px 8px;

	border-style: solid;

	border-color: transparent transparent #E8F5FF transparent;

	position: absolute;

	left: 40%;

	top: -16px;

}



.core-con-con {

	display: none;

}



.server {

	width: 100%;

	background: #F8F9FD;

	height: auto;

	overflow: hidden;

	padding-bottom: 33px;

}



.serverobject {

	width: 277px;

height: 314px;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0px 0px 20px 0px rgba(10, 16, 126, 0.1);

	border-radius: 10px;

	position: relative;

	margin: 44px 30px 0 0;

	transition: all 0.4s

}

.h_1{

	overflow: hidden;



	display: flex;

    justify-content: center;;

}

.h_2{

	overflow: hidden;



	/* display: flex;

    justify-content: center;; */

}

.h_2 .serverobject:last-child{

	margin-left: 30px;

    margin-right: 0px !important;

}

.blue_bottom{

	width: 50px;

height: 3px;

background: #2C68FF;

border-radius: 2px;

margin: 0 auto;

margin-bottom: 15px;

}

.serverobject:hover {

	top: -3px;

}



.serverobject:nth-child(3n) {

	margin: 44px 0 0 0;



}

.fl.serverobject:hover {

	background: linear-gradient(360deg, #EFF4FF, #FFFFFF);

}

.serverobject-img {

	margin: -34px auto 0;

	display: block;

}



.serverobject-title {

	color: #333;

	font-size: 18px;

	font-weight:bold;

	text-align: center;

	margin: 21px 0 11px;

}



.serverobject-text {

	font-size: 16px;

	font-weight: 400;

	color: #8188A5;

	width: 70%;

	margin: 0 auto;

	text-align: center;

}



.provide {

	width: 20%;

	text-align: center;

}



.provide-text {

	font-size: 18px;

	color: #666;

	line-height: 34px;

}



.choose {

	width: 100%;

	height: 810px;

	/* height: 958px; */

	background: rgba(232, 245, 255, 1);

	margin: 80px 0 0 0;

}

.choose-left,

.choose-mid,

.choose-right {

	width: 27%;

	margin: 0;

}







.choose-left {



}



.choose-mid {

	width: 36%;

	margin: 0 3%;

}



.choose-right {





}

/* .iconContent {

	margin-top: 32px!important;

} */

.choose-icon {

	width: 62px;

	height: 62px;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0px 0px 20px 0px rgba(10, 16, 126, 0.1);

	border-radius: 50%;

	text-align: center;

	margin-top: 48px;

}



.choose-icon img {

	margin: 9px auto;

}



.choose-title {

	color: #343434;

	font-size: 18px;

	font-weight: bold;

	margin: 15px 0;

}



.choose-text {

	color: #666666;

	font-size: 16px;



}

.procedure-wap{

	display:none;

}

.procedure-box {

	width: 141px;

	height: 191px;

	background: #fff;

	box-shadow: 0px 5px 30px 0px rgba(10, 16, 126, 0.15);

	border-radius: 20px;

	text-align: center;

	margin-top: 39px;

}



.procedure-box-img {

	margin: 47px 0 25px;

}



.procedure-box-text {

	color: #2B2B2B;

	font-size: 20px;

	font-weight: 500;

}



.procedure-box-dot {

	margin: 160px 8px 0;

}



.procedure-box-dot2 {

	background: #CAE1FF;

}



.procedure-box-dot3 {

	background: #AFD2FF;

}



.procedure-box-dot4 {

	background: #77B2FF;

}



.procedure-box-dot5 {

	background: #5988FE;

}



.procedure-box-dot6 {

	background: #1A5BFD;

}



.btn-customized {

	display: block;

	width: 125px;

	height: 36px;

	line-height: 36px;

	background: #2258E1 url('../images/index/btn-dingzhi.png') no-repeat right;

	border-radius: 18px;

	color: #fff;

	margin: 91px auto 0;

	text-indent: 20px;

	font-weight: 500;

}



.info {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #F8F9FD;

	padding-bottom: 75px;

	margin-top: 43px;

}



.inforlist {

	height: 285px

}



.inforlist-list {

	width: 30%;

	border-radius: 5px;

	float: left;

	padding: 30px 20px 12px 20px;

	overflow: hidden;

	margin: 0 auto 10px;

	position: relative;

}



.inforlist-list-con {

	position: relative;

}



.inforlist-list-con:after {

	display: block;

	content: "";

	width: 1px;

	height: 150px;

	background: rgba(102, 102, 102, 0.15);

	position: absolute;

	right: -20px;

	top: 0;

}



.inforlist-list:last-child .inforlist-list-con:after {

	display: none;

	content: "";

	width: 1px;

	height: 150px;

	background: rgba(102, 102, 102, 0.15);

}



.inforlist-list-p {

	overflow: hidden;

	height: 49px;

	line-height: 49px;

}



.inforlist-list-title {

	float: left;

	font-size: 18px;

	font-weight: bold;

	color: #333;

}



.inforlist-list-column {

	padding-left: 65px;

	background: url('../images/index/icon-kaifa.png') no-repeat;

}



.inforlist-list-problem {

	padding-left: 65px;

	background: url('../images/index/icon-zixun.png') no-repeat;

}



.inforlist-list-case {

	padding-left: 65px;

	background: url('../images/index/icon-tuiguang.png') no-repeat;

}



.inforlist-list-policy {

	padding-left: 65px;

	background: url('../images/index/icon_policy.png') no-repeat;

}



.inforlist-list-more {

	float: right;

	color: #999;

	font-size: 12px;

	position: relative;

	padding-right: 15px;

}



.inforlist-list-more-img {

	position: absolute;

	right: 0;

	top: 22px;

}



.inforlist-list-dl {

	overflow: hidden;

	margin: 8px 0 16px;

}



.inforlist-list-link {

	display: block;

	max-width: 216px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #333;

	text-align: left;

}



.inforlist-list-num {

	font-weight: bold;

	float: left;

	color: #dbdbdb;

	margin-right: 37px;

	font-size: 26px;

}



.inforlist-list-link:hover {

	color: #4992fa

}



.inforlist-list-dt {

	float: left;

	font-weight: normal;

	height: 26px;

	line-height: 26px

}



.inforlist-list-dt-dd {

	float: right;

	color: #999;

	font-size: 12px;

}



.show {

	display: block;

}

.modal-menu, .modal-prompts {

    width: 315px;

}



.newUpdateContainer{

	display: flex;

	margin: -71px 0 0 0;

    position: relative;

	z-index: 2;

	cursor: pointer;

}

.updateBox{

	width: 840px;

	height: 210px;

	background: linear-gradient(0deg, #E0E9FF, #FFFFFF);

	box-shadow: 0px 0px 20px 0px rgba(10, 16, 126, 0.1);

	border-radius: 10px;

	margin-right:11px;

	box-sizing: border-box;

	padding: 7px 11px 0 11px;

	display: flex;

}

.homeServiceBox{

	width: 340px;

	height: 210px;

	background: linear-gradient(0deg, #FFF2E2, #FFFFFF);

	box-shadow: 0px 0px 20px 0px rgba(10, 16, 126, 0.1);

	border-radius: 10px;

}

.newText {

	display: inline-block;

	background: #FFCC16;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	padding: 2px;

}

.moreNews {

	display: inline-block;

	border: 1px solid #2C68FF;

	border-radius: 3px;

	color: #2C68FF;

	font-size: 12px;

	padding: 3px;

}

.update-title {

	font-weight: bold;

	color: #333333;

	font-size: 24px;

}

.update-title::after {

	content: '';

	display: inline-block;

	width: 54px;

	height: 60px;

	background-image: url('../images/ico-gengxin.png');

	background-size: 100% 100%;

	vertical-align: middle;

}

.updateNewsIcon {

	display: block;

	margin-bottom: 12px;

	cursor: pointer;

	max-width: 383.09px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.updateNewsIcon::before{

	content: '';

	display: inline-block;

	width: 12px;

	height: 12px;

	background-image: url('../images/ico-lingxing.png');

	background-size: 100% 100%;

	vertical-align: middle;

	margin-right: 3px;

}

.fengexianUpdate{

	width: 1px;

	height: 153px;

	background: #E6EAFB;

	margin: 13px 20px 19px 19px;

}

.updateProgram{

	color: #666666;

	font-size: 16px;

}

.updateExplain {

	color: #999999;

	font-size: 16px;

}

.homeServiceBox{

	box-sizing: border-box;

	padding: 43px 0 0 20px;

}

.service-title{

	font-size: 24px;

	font-weight: bold;

	color: #333333;

	position: relative;

}

.service-title::after {

	content: '';

	display: inline-block;

	width: 54px;

	height: 60px;

	background-image: url('../images/ico-pingtai.png');

	background-size: 100% 100%;

	vertical-align: middle;

	position: absolute;

    right: 82px;

    top: -17px;

}

.serviceExplain{

	font-size: 16px;

	color: #999999;

	line-height: 22px;

	margin: 9px 0 19px 0;

}

.rightNow {

	display:inline-block;

	width: 100px;

	height: 40px;

	border: none;

	outline: none;

	background: linear-gradient(180deg, #FF9501, #FF7501);

	border-radius: 5px;

	line-height: 40px;

	text-align: center;

	font-weight: bold;

	color: #FFFFFF;

	font-size: 16px;

	cursor: pointer;

}

.updateNewsIcon:hover .updateProgram{

	color: #2C68FF!important;

}

.newsCurrentData:hover .updateExplain{

	color: #2C68FF!important;

}



.updateNewsIcon,

.updateProgram {

	color: #999!important;

}

.yearImg {

	display:block;

	width:100%;

	height:100%;

	background-image: url('../images/pro/guojie.png');

	background-size: 100% 100%;

}



.productGameContainer {

	width: 100%;

	background-image: url('../images/index/bg_cpjz.png');

	background-size: 100% 100%;

	margin-top: 70px;

}

.centerDistance {

	display: flex;

}

.leftModalSystem {

}

.rightDescModal {

	box-sizing: border-box;

	padding-left: 54px;

}



.centerModalData{

	/* margin-left: 40%; */

	display: flex;

	justify-content: flex-end;

}



.modalMainTitle {

	color: #040F42;

	font-size: 24px;

	font-weight: bold;

	margin-top: 29px;

	margin-bottom: 15px;

}



.modalMainTitle .titleDesc {

	color: #040F42;

	font-size: 16px;

}

.allModalMain{

	margin-top: 11px;

	position:relative;

}

.overTopIcon{

	display: inline-block;

	width: 34px;

	height: 34px;

	background: url('../images/index/ico_jia.png');

	background-size: 100% 100%;

	position: absolute;

	top: 80px;

	left: 246px;

}

.secondIconOver {

	position: absolute;

	top: 184px;

	left: 246px;

}

.threeOver{

	top: 287px;

}

.everyModal{

	display: block;

	width: 530px;

	height: 90px;

	background: #FFFFFF;

	border-radius: 5px;

	margin-top: 14px;

	display: flex;

	justify-content: space-between;

	box-sizing: border-box;

	padding: 10px 22px 0 17px;

	color:#040F42;

	font-size: 16px;

}



.everyModal .leftImg img {

	display: inline-block;

	width: 72px;

	height: 72px;

	margin-right: 25px;

}

.everyModal .rightClickBtn{

	display: inline-block;

	width: 30px;

	height: 30px;

	position: relative;

	top: 18px;

}

.explainDesc {

	margin-top: 9px;

}



.inDesc{

	font-size: 14px;

	margin-top: 9px;

	color: #8188A5;

}

.everyModal:hover {

	background-color: #2C68FF;

	color: #fff;

}

.everyModal:hover .inDesc {

	color: #fff;

}

.otherModalBox{

	margin:31px 0 0 61px;

	font-size: 16px;

	color: #040F42;

	display: flex;

	flex-wrap: wrap;

}

.everyOtherModal {

	display: block;

	width: 50%;

	margin-bottom: 31px;

	cursor: pointer;

	color: #040F42;

}

.everyOtherModal img {

	display: inline-block;

	width: 18px;

	height: 18px;

	vertical-align: middle;

	margin-right: 12px;

}

.everyOtherModal:hover {

	color: #2C68FF;

}

.moreFunction {

	text-align: center;

	font-size: 16px;

	color: #040F42;

	font-weight: bold;

	display: flex;

	align-items: center;

}

.functionAdvantage{

	display: flex;

	flex-wrap: wrap;

	margin-top: 22px;

}

.functionItem{

	width: 33.33%;

	color: #040F42;

	font-size: 16px;

	margin-bottom: 18px;

}

.functionItem img {

	display: inline-block;

	width: 17px;

	height: 14px;

	margin-right: 12px;

	vertical-align: middle;

}

.rightFunction{

	color: #040F42;

	font-size: 16px;

	margin-right: 69px;

}

.rightFunction:nth-child(3n + 0) {

	margin-right: 0;

}

.rightFunction img {

	margin-right: 11px;

}

.groupDesc{

	display: flex;

	margin-bottom: 16px;

}

.rightMoreTitle {

	margin-top: 29px;

	font-size: 16px;

	color: #040F42;

	font-weight: bold;

}

.functionItem:last-child img {

	width: 17px;

	height: 3px;

}

.newReason{

	display: flex;

	flex-wrap: wrap;

}

.topIcon {

	width: 70px;

	height: 70px;

	border-radius: 50%;

	text-align: center;

	margin: auto;

	margin-bottom: 18px;

}

.topIcon img {

	margin-top: 17px;

}

.reasonItem{

	width: 33.33%;

	text-align: center;

	margin-bottom: 57px;

	cursor: pointer;

}

.reasonTitle{

	font-size:18px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 22px;

}

.oneDesc{

	color:#8188A5;

	font-size: 16px;

	width: 61%;

	position: relative;

    left: 20%;

    line-height: 30px;

}

.reasonItem:hover .topIcon{

	background-color: #fff;

}

.reasonItem:hover .reasonTitle {

	color: #2C68FF;

}

.additionalicon{

	width: 220px;

	height: 1px;

	background-color: #C1DDFF;

	margin-bottom: 2px;

}

.titleDesc {

	color: #040F42;

	font-size: 16px;

}

.bottomProductDesc{

	color: #2C68FF;

	font-size: 16px;

	margin: 0 8px 0 7px;

}

.newAddBottom{

	text-align: center;

	/* margin-left: 13%; */

}

.newAddBottom img{

	display: inline-block;

	vertical-align:middle ;

}

.linkIcon{

	display: inline-block;

	width: 10px;

	height: 10px;

	background-image: url('../images/index/img_jiantou.png');

	background-size: 100% 100%;

	vertical-align: middle;

	margin: 0 3px;

	margin-bottom: 2px;

}

/* //è£èª‰èµ„è´¨ 2022/11/10--lh */

.honorInfo {

	width: 100%;

	height: auto;

	overflow: hidden;

	/* background: pink; */

	/* padding-bottom: 75px; */

	margin-top: 43px;



}

#myHonorInfo .swiper-slide p{

	font-size: 16px;

    color: #333;

	margin-bottom: 10px;

}

.honorInfo_content {

	/* background-color: pink; */

	height: 500px;

	margin-top: 58px;

}

.lh_rightNext {

    background: url(../images/sw_right.png) no-repeat center;

}

.lh_leftNext {

    background: url(../images/sw_left.png) no-repeat center;

}



/* å¤–å±‚å®¹å™¨ */

#myHonorInfo {

	width: 100%;

	height: 100%;

	padding-top: 50px;

	padding-bottom: 50px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1;

	/* background-color: rebeccapurple; */

}



/* è½®æ’­é¡¹ */

#myHonorInfo .swiper-slide {

	background-position: center;

	background-size: cover;

	width: 359px;

	height:459px;

	/* visibility: hidden; */

	/* border: 1px solid red; */

	/* background-color: #fff; */

	box-shadow: 5px 5px 5px rgb(0 0 0 / 12%);

	text-align: center;

	display: flex;

    align-items: center;

    align-content: center;

    flex-direction: column;

}

.FourImg{

	height:200px !important;

	margin-top: 150px;

}

#myHonorInfo .swiper-slide img {

	width: 100%;

    height: 100%;

    object-fit: contain;

	/* box-shadow: 5px 5px 5px rgb(0 0 0 / 12%); */





}


.efficiencytool {
	width: 100%;
	padding-top: 33px;
	padding-left: 40px;
	min-width: 763px;
}
.efficiencytool .safeTitle {
	position: relative;
	height: 44px;
	font-size: 18px;
	color: #1F5FFF;
	line-height: 24px;
	padding-right: 112px;
}
.efficiencytool .safeTitle .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 44px;
	height: 44px;
}
.efficiencytool .safeTitle .title {
	padding-top: 17px;
	padding-left: 20px;
}
.efficiencytool .safeTitle .text {
	font-size: 24px;
	font-weight: bold;
}
.efficiencytool .safeTitle .more {
	display: block;
	width: 52px;
	height: 22px;
	font-size: 0;
	position: absolute;
	right: 62px;
	top: 18px;
}
.efficiencytool .safeContent {
	padding-top: 17px;
	display: flex;
	flex-wrap: wrap;
}
.efficiencytool .safeContent .safeItem {
	height: 72px;
	font-size: 18px;
	color: #333;
	padding-left: 20px;
	width: 30%;
	display: flex;
	align-items: center;
}
.efficiencytool .safeContent .safeItem img {
	width: 40px;
	height: 40px;
	margin-right: 20px;
}

/* //è£èª‰èµ„è´¨ 2022/11/10--lh */

@media screen and (min-width: 2000px) {

	.newBannerModal {

		background-size: 100% 100%;

	}

}

@media screen and (max-width: 1274px) {



	.advantagsMainContent {

		padding-top: 15px;

	}

	.centerTextModal {

		font-size: 26px;

		padding-left: 120px;

	}

	.centerTextModal .moreDistance {

		margin-right: 119px;

	}

	.newCenterImg {

		width: 828px;

    	height: 242px;

	}

	.bannerNew {

		margin-left: 50px;

	}

	.yearImg {

		display:block;

		width:100%;

		height:100%;

		background-image: url('../images/pro/banner-phone.png');

		background-size: 100% 100%;

	}

	.core-con{

		padding-bottom:40px;

	}

	.core-con-right{

		margin-right:20px;

	}

	.banner-btn {

		font-size: 24px;

		line-height: 60px;

		height: 60px;

	}

	.core-menu {

		font-size: 24px;

		width: 208px;

		margin: -10px 0px 29px 53px;

	}

	.core-menu:first-child {

       margin: -10px 0px 29px -17px;

	}

	.core-menu:last-child {

		margin: -12px 0 0px 18px;

	}

	.core-con-title {

		font-size: 34px;

	}

	.core-con-text {

		font-size: 26px;

	}

	.provide-text {

		font-size: 28px;

		line-height: 44px;

	}

	.provide {

		width: 33.3%;

		margin-bottom: 40px;

	}

	.provide:nth-child(3) {

		margin-left: 15%;

	}

	.core-btn {

		font-size: 28px;

		width: 164px;

		height: 60px;

		line-height: 60px;

		border-radius: 30px;

	}

	.choose{

		height: 900px;

		/* height: 1258px; */

	}

	.choose-left {



	}

	.choose-mid {



	}

	.choose-title {

		font-size: 28px;

	}

	.choose-text {

		font-size: 24px;



	}

	.serverobject-title {

		font-size: 28px;

	}

	.h_1 .fl.serverobject {

		height: 349px;

	}

	.serverobject-text {

		font-size: 24px;

	}

	.serverobject {

		width: 570px;

		height: 325px;

	}

	.serverobject:nth-child(4n) {

		margin: 44px 45px 0 0;

	}

	.h_2 .serverobject:nth-child(2n) {

		/* margin: 44px 0 0 0; */

		margin-right: 0px;

		margin-left: 25px;

	}

	.h_2 .serverobject:last-child {

		/* margin: 44px 0 0 0; */

		margin-right: 0px !important;

		margin-left: 57px !important;

	}



	.case-img {

		width: 134px;

		max-height: 68px;

	}

	.case-btn{

		height: 70px;

		line-height: 70px;

	 font-size: 26px;

	}

	.btn-customized{

		width:185px;

		height:56px;

		line-height:56px;

		font-size:26px;

		border-radius: 28px;

		text-indent:30px;

	}

	.inforlist-list {

       width: 100%;

    }

	.inforlist-list-title {

       font-size: 32px;

   }

   .inforlist-list-link {

       font-size: 28px;

       max-width: 826px;

   }

   .inforlist-list-dt {

    height: 36px;

    line-height: 36px;

}

   .inforlist-list-dt-dd, .inforlist-list-more {

       font-size: 24px;

  }

   .procedure-wap{

	  display:block;

	  position:relative;

   }

   .procedure-pc{

	  display:none;

  }

  .procedure-box {

    width: 22%;

    margin-bottom: 45px;

    height: 291px;

}

.procedure-box-img {

    width: 60%;

}

.procedure-box-text {

    font-size: 30px;

}

.procedure-box-dot img {

    width: 120%;

}

.procedure-arrowdown {

    position: absolute;

    right: 13%;

    top: 215px;

}

.ml25{

	margin-left:305px;

}

.qq-a span{

	    bottom: -20px;

}

.updateExplain {

	color: #666;

	font-size: 20px;

}

.updateBox{

	height: 230px;

}

.homeServiceBox{

	height: 230px;

}

.adminBanner {

	right: -47px;

}

.centerModalData{

	margin-left: 54px;

}

.modalMainTitle {

	font-size: 25px;

}

.titleDesc{

	font-size: 20px;

}

.inDesc{

	font-size: 16px;

}

.explainDesc {

	font-size: 19px;

}

.everyOtherModal {

	font-size: 19px;

}

.moreFunction{

	font-size: 19px;

}

.rightMoreTitle{

	font-size: 19px;

}

.functionItem {

	font-size: 18px;

}

.reasonTitle{

	font-size: 24px;

}

.oneDesc {

	font-size: 22px;

}

.additionalicon {

	width: 215px;

}

.serviceDetailBtn{

	margin-top: 20px!important;

}

.phoneButton{

	margin-top: 20px!important;

}

}

