@media  (min-width:360px) {
    body,form,p,ol,ul,p,h1,h2,h3,h4,li,dt,dd,dl,li,input{margin:0;padding:0;}
    li{list-style-type: none}
    a{text-decoration: none}
	body {
		overflow-x: hidden;
	}
    .h01{
        height: 2px;
    }
    .h5{
        height: 0;
    }
    .h7{
        height: 6px;
    }
    .h10{
        height: 5px;
    }
    .h14{
        height: 7px;
    }
	.h15 {
		height: 7px;
	}
    .h20{
        height: 10px;
    }
    .h25{
        height: 25px;
    }
    .h27{
        height: 13px;
    }
	.h28{
		height: 14px;
	}
    .h30{
        height: 15px;
    }
    .h35{
        height: 17px;
    }
    .h40{
        height: 20px;
    }
	.h45 {
		height: 45px;
	}
    .h50{
        height: 25px;
    }
    .h60{
        height: 30px;
    }
    .h70{
        height: 35px;
    }
    .h80{
        height: 40px;
    }
    .h84{
        height: 42px;
    }
    .h90{
        height: 45px;
    }
    .h100{
        height: 50px;
    }
    .h120{
        height: 60px;
    }
    .h150{
        height: 75px;
    }
    .h200{
        height: 100px;
    }
    .h400{
        height: 200px;
    }
    .h600{
        height: 300px;
    }
    .height40{
        height: 10px;
    }
    .height20{
        height: 0;
    }
    .H80{
        height: 80px;
    }
	.w22 {
		width: 22px;
	}

	.w30 {
		width: 30px;
	}
	.w100 {
		width: 100%;
	}

	.w1200 {
		width: 360px
	}

	.tcenter {
		text-align: center;
	}
	.p0 {
		padding: 0;
	}
    .padding0{
        padding:0
    }
    .padding4{
        padding:4px
    }
    .padding6{
        padding: 6px;
    }
    .padding7{
        padding: 7px;
    }
    .padding12{
        padding: 12px;
    }
    .rlt{
        position: relative;
    }
    .fleft{
        float: left;
    }
    .mauto{
        margin: 0 auto;
    }
    .overhidden{
        overflow: hidden;
    }
    .textcenter{
        text-align: center;
    }
    .padding20{
        padding: 10px;
    }
    .opacity0{
        opacity: 0;
    }
    .servicebox{
        cursor: pointer;
    }
    .HeadHD{
        height: 60px;
    }

	@font-face {
		font-family: 'heiti';
		src: url('../font/heiti.ttf');
	}
	@font-face {
		font-family: 'shishang';
		src: url('../font/shishang.ttf');
	}
	@font-face {
		font-family: 'songti';
		src: url('../font/songti.ttf');
	}
    /* 头部 */
    .JYZYHeadBox{
        width: 100%;
        height: 60px;
        background-color: #303030;
        position: fixed;
        z-index: 10;
        display: block;
    }
    .JYZYHeadCase{
        display: none;
    }
    .JYZYHeadMobileCase{
        width: 360px;
        height: 60px;
        margin: 0 auto;
        position: relative;
    }
    .JYZYHeadMobileImg{
        width: 180px;
        position: relative;
        top: 17px;
        left: 20px;
    }
    .JYZYHeadMobileButton{
        width: 34px;
        height: 28px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        position: absolute;
        right: 20px;
        top: 16px;
    }
    .JYZYHeadLine1{
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        position: relative;
        left: 7px;
        top: 7px;
    }
    .JYZYHeadLine2{
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        position: relative;
        left: 7px;
        top: 11px;
    }
    .JYZYHeadLine3{
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        position: relative;
        left: 7px;
        top: 15px;
    }
    .JYZYHeadSidebar{
        width: 100%;
        height: 100%;
        background-color: #000000;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
    }
    .JYZYHeadOver{
        width: 100%;
        height: 90%;
        overflow: auto;
    }
    .JYZYHeadSidebarClose{
        width: 24px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1;
    }
    .JYZYHeadSidebarBox{
        height: 42px;
        font-size: 18px;
        padding-left: 40px;
        line-height: 42px;
        color: #ffffff;
    }
    .JYZYHeadSidebarCase{
        height: 42px;
        font-size: 14px;
        padding-left: 60px;
        line-height: 42px;
        color: #ffffff;
    }
    .JYZYHeadSidebarHide{

    }
    .global_domain_header{
        width: 100%;
        height: 160px;
        background-color: #303030;
        position: fixed;
        z-index: 10;
    }
    .JYZYtextlogo{
        position: relative;
        top: 16px;
        width: 582px;
    }
    .navbar-brand {
        height: auto;
        padding: 0;
        font-size: 18px;
        line-height: 20px;
        position: relative;
        top: 20px;
    }
    ul.nav.navbar-nav li a {
        font-size: 40px;
        color: #FFFFFF;
        margin: 0 15px;
        padding: 0 0;
        opacity: 0.5;
    }
    ul.dropdown-menu li {
        padding-top: 30px;
        padding-bottom: 15px;
        margin: 0 !important;
    }

    /* 尾部 */
    .JYZYFooter{
        width: 100%;
        height: 40px;
        background-color: #363636;
        display: block;
    }
    .JYZYFooterBox{
        width: 360px;
        height: 40px;
        margin: 0 auto;
        position: relative;
    }
    .JYZYFooterLink1{
        width: 60px;
        height: 40px;
        text-align: center;
        font-size: 12px;
        line-height: 40px;
        color: #ffffff;
        float: left;
        margin-left: 8px;
    }
    .JYZYFooterLink2{
        width: 70px;
        height: 40px;
        text-align: center;
        font-size: 12px;
        line-height: 40px;
        color: #ffffff;
        float: left;
        margin-left: 8px;
    }
    .JYZYFooterUp1{
        width: 100px;
        background-color: #353535;
        position: absolute;
        bottom: 40px;
        left: 0;
        display: none;
    }
    .JYZYFooterLink3{
        width: 100px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        color: #ffffff;
    }
    .JYZYFooterUp2{
        width: 70px;
        background-color: #353535;
        position: absolute;
        bottom: 40px;
        left: 210px;
        display: none;
    }
    .JYZYFooterLink4{
        width: 70px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        color: #ffffff;
    }
    .JYZYFooterUp3{
        width: 80px;
        background-color: #353535;
        position: absolute;
        bottom: 40px;
        left: 280px;
        display: none;
    }
    .JYZYFooterLink5{
        width: 80px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        color: #ffffff;
    }
    .global_domain_footer{
        width: 100%;
        height: 334px;
        background-color: #363636;
        display: none;
    }
	/* 侧边栏*/
	.sidebar {
		display: none;
	}

	/* 首页 */
	.whiteBG {
		background-color: #ffffff;
	}

	.indexProvideBG {
		background-color: #f7f7f7;
	}
    .clearBoth {
		clear: both
	}
    .indexBannerBox {
		overflow: hidden;
		position: relative;
		top: 0;
		display: none;
	}
	.indexMobileBannerBox {
		display: block;
		width: 100%;
		overflow: hidden;
		position: relative
	}
	.indexMobileBannerChooseBox {
		width: 200px;
		height: 20px;
		position: absolute;
		bottom: 18%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 1
	}
	.indexMobileBannerChoose{
		width: 40px;
		height: 3px;
		background-color: #ffffff;
		float: left;
		margin-left: 20px
	}
	.indexMobileBannerDropDown {
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: 14%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 1;
	}
	.indexMobileBanner {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.indexMobileBanner1Number {
		position: absolute;
		top: 8%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 145px;
		font-family: 'heiti';
		color: #ffffff;
	}
	.indexMobileBanner1Word1 {
		width: 340px;
		position: absolute;
		top: 36%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 28px;
		font-family: 'heiti';
		color: #ffffff;
	}
	.indexMobileBanner1Word2 {
		width: 340px;
		position: absolute;
		top: 42%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 34px;
		font-family: 'heiti';
		color: #008aff;
		font-weight: bold;
	}
	.indexMobileBanner1Word3 {
		width: 340px;
		position: absolute;
		top: 51%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 16px;
		color: #eceaea;
	}
	.indexMobileBanner1Word4 {
		width: 340px;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 16px;
		line-height: 28px;
		color: #eceaea;
	}
	.indexMobileBanner2Word1 {
		width: 340px;
		text-align: center;
		position: absolute;
		top: 6%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 26px;
		font-family: 'songti';
		color: #ffffff;
	}
	.indexMobileBanner2Word2 {
		width: 340px;
		text-align: center;
		position: absolute;
		top: 12%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 26px;
		font-family: 'shishang';
		color: #008aff;
	}
	.indexMobileBanner2Img {
		width: 200px;
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.indexMobileBannerWheelBox {
		width: 200px;
		height: 300px;
		position: absolute;
		top: 18%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		overflow: hidden;
	}
	.indexMobileWheelBox{
		width: 1600px;
		position: relative;
		left: -200px;
	}
	.indexWheelMobileCaseimg{
		width: 200px;
		float: left
	}
	.indexMobileBanner3BallBox {
		width: 168px;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.indexMobileBanner3Ball {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #A7A5A5;
		float: left;
		margin-left: 10px
	}
	.indexBannerbtn {
		width: 60px;
		height: 100px;
		background-color: #808080;
		opacity: 0.5;
		filter: alpha(opacity:0.5);
		position: absolute;
		top: 50%;
		margin-top: -50px;
		cursor: pointer;
		text-align: center;
		line-height: 100px;
		font-size: 40px;
		color: #fff;
		font-family: "宋体";
		/*display:none;*/
		z-index: 2;
	}
    .indexBannerbtn_l {
		left: 100px;
	}
    .indexBannerbtn_r {
		right: 100px;
	}
    .indexBannerImgCase {
		float: left;
		position: relative;
	}
    .indexBannerImgBox {
		position: relative;
		left: 0;
	}
    .indexbanner05shine {
		width: 53%;
		position: absolute;
		top: 23%;
		left: 21%;
		/*opacity: 0;*/
	}
    .indexbanner05case {
		width: 40%;
		position: absolute;
		top: 14%;
		left: 10%;
		/*opacity: 0;*/
	}
    .indexbanner05ccase {
		width: 36%;
		height: 54%;
		position: absolute;
		top: 2%;
		left: 17%;
		opacity: 0;
	}
    .indexbanner05word {
		width: 40%;
		position: absolute;
		top: 45%;
		left: 45%;
		opacity: 0;
	}
    .indexbanner3Img1Box {
		width: 22%;
		position: absolute;
		left: 39%;
		top: 0%;
		z-index: 7;
	}
    .indexbanner3Img2Box {
		width: 18%;
		position: absolute;
		left: 56%;
		top: 10%;
		opacity: 0.8;
		z-index: 6;
	}
    .indexbanner3Img3Box {
		width: 14%;
		position: absolute;
		left: 68%;
		top: 20%;
		z-index: 5;
		opacity: 0.7;
	}
    .indexbanner3Img4Box {
		width: 14%;
		position: absolute;
		left: 68%;
		top: 20%;
		z-index: 4;
		opacity: 0;
	}
    .indexbanner3Img5Box {
		width: 22%;
		position: absolute;
		left: 39%;
		top: 0%;
		z-index: 4;
		opacity: 0;
	}
    .indexbanner3Img6Box {
		width: 14%;
		position: absolute;
		left: 21%;
		top: 20%;
		z-index: 4;
		opacity: 0;
	}
    .indexbanner3Img7Box {
		width: 14%;
		position: absolute;
		left: 21%;
		top: 20%;
		z-index: 5;
		opacity: 0.7;
	}
    .indexbanner3Img8Box {
		width: 18%;
		position: absolute;
		left: 28%;
		top: 10%;
		opacity: 0.8;
		z-index: 6;
	}
    .indexBannerChoose {
		width: 165px;
		height: 2px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		bottom: 40px;
		z-index: 3
	}
    .indexChooseButtonLeft {
		width: 60px;
		height: 100px;
		filter: alpha(opacity:0.5);
		cursor: pointer;
		text-align: center;
		line-height: 100px;
		font-size: 25px;
		color: #fff;
		font-family: "宋体";
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		z-index: 3
	}
    .indexChooseButtonLeft:hover {
        filter: alpha(opacity:0.5);
        color: #3D95E1
    }
    .indexChooseButtonRight {
		width: 60px;
		height: 100px;
		filter: alpha(opacity:0.5);
		cursor: pointer;
		text-align: center;
		line-height: 100px;
		font-size: 25px;
		color: #fff;
		font-family: "宋体";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		z-index: 3
	}
    .indexChooseButtonRight:hover {
        filter: alpha(opacity:0.5);
        color: #3D95E1
    }
    .indexBannerChooseLine {
		width: 30px;
		height: 2px;
		float: left;
		background-color: #ffffff;
		cursor: pointer;
		margin-left: 11px;
		margin-right: 11px
	}
    .indexBannerDropDown {
		width: 24px;
		position: absolute;
		bottom: 4px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 3;
		cursor: pointer
	}
    .indexBannerDropDownArr {
		width: 100%;
	}
    .indexbanner2top {
		width: 40%;
		position: absolute;
		top: 8%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		opacity: 0;
	}
    .indexbanner2bottom {
		width: 40%;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		opacity: 0;
	}
    .indexbanner3top {
		width: 50%;
		position: absolute;
		top: 14%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		opacity: 1;
	}
    .indexbanner3Box2 {
		width: 80%;
		height: 50%;
		position: absolute;
		left: 10%;
		top: 30%;
	}
    .indexProviderShadow {
		width: 360px;
		height: 1400px;
		margin: 0 auto;
	}
    .indexProviderBox {
		width: 360px;
		float: left;
		position: relative;
	}

	.indexProvideArrLeft {
		width: 30px;
		position: absolute;
		top: 178px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
    .indexProviderIntroduceLine {
		width: 117px;
		height: 2px;
		background-color: #ff7f00;
		position: absolute;
		top: 114px;
		left: 77px;
	}
	.indexProviderIntroduceLine2 {
		width: 117px;
		height: 2px;
		background-color: #ff7f00;
		position: absolute;
		top: 114px;
		left: 95px;
	}
    .indexProvideArrMiddle {
		width: 30px;
		position: absolute;
		top: 13px;
		left: 50%;
		transform: rotate(180deg) translateX(50%);
		-ms-transform: rotate(180deg) translateX(-50%);
		z-index:1
	}
	.indexProviderbox {
		width: 240px;
		height: 262px;
		position: relative;
		padding: 0;
		margin: 0 auto;
	}
	.indexProviderbox2 {
		width: 240px;
		height: 262px;
		position: relative;
		padding: 0;
		margin: 0 auto;
		top: 200px
	}
    .indexProvider1 {
		width: 240px;
		margin: 2px auto;
		text-align: center;
	}
	.indexProvider2 {
		width: 240px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: -250px
	}
    .indexProviderimg1 {
		width: 34px;
		position: absolute;
		left: 31px;
		top: 62px;
	}
	.indexProviderimg2 {
		width: 34px;
		position: absolute;
		left: 31px;
		top: 62px;
	}
    .indexProviderName {
		font-size: 16px;
		color: #000000;
		position: absolute;
		top: 35px;
		left: 88px;
		font-weight: bold;
	}
    .indexProviderIntroduce {
		line-height: 16px;
		font-size: 16px;
		color: #bebebe;
		position: absolute;
		top: 57px;
		left: 86px;
	}
    .indexProviderText {
		font-size: 14px;
		line-height: 24px;
		color: #555555;
		position: relative;
		top: 80px;
	}
    .indexProvidername {
		font-size: 16px;
		color: #000000;
		position: absolute;
		top: 50px;
		left: 109px;
		font-weight: bold;
	}
    .indexProviderintroduce {
		line-height: 16px;
		font-size: 16px;
		color: #bebebe;
		position: absolute;
		top: 77px;
		left: 107px;
	}
    .indexswitch {
		cursor: pointer;
	}


	.indexSciene {
		width: 360px;
		margin: 0 auto;
	}
    .indexScieneBox {
	}
    .indexScieneIntroduceBox {
		padding-left: 14px;
		padding-right: 14px;
		border-left: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
    .indexScieneIntroduceText {
		font-size: 13px;
		line-height: 24px;
		color: #3a8cd2;
	}
    .indexIndustry {
		width: 360px;
		height: 800px;
		margin: 0 auto;
	}
    .indexIndustryBox {
		border: 1px solid #e7e7e7;
		padding: 5px;
		position: relative;
		cursor: pointer;
		height: 355px;
	}
    .indexAboutUsBox {
		position: relative;
		width: 100%;
		height: 400px;
		z-index: 7;
	}
    .indexAboutUsImg {
		width: 100%;
		height: 400px
	}
    .indexAboutUs {
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
		position: absolute;
		top: 18px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
    .indexAboutUsWord {
		font-size: 10px;
		width: 360px;
		line-height: 20px;
		color: #ffffff;
		position: absolute;
		top: 62px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
    .indexAboutUsMV {
		width: 320px;
		height: 180px;
		position: absolute;
		top: 260px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
    .indexVideoImg {
		position: absolute;
		left: 50%;
		top: 190px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width: 320px;
		height: 180px
	}
    .indexVideoShadow {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 0.6;
		display: none;
		z-index: 11
	}
    .indexVideoBegin {
		position: absolute;
		top: 420px;
		left: 50%;
		transform: translate3d(-50%,-40%,0);
		-ms-transform: translate3d(-50%,-40%,0);
		display: block;
		width: 150px;
		height: 150px;
		z-index: 8;
	}
    .indexMovie {
		width: 320px;
		height: 180px;
		position: fixed;
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 12;
		display: none
	}
    .indexVideoChooseBox {
		position: absolute;
		left: 50%;
		top: 190px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width: 320px;
		height: 180px;
		z-index: 7;
	}
    .indexVideoChooseWord {
		position: absolute;
		bottom: 18px;
		right: 87px;
		font-size: 10px;
		color: #ffffff;
		cursor: pointer
	}
    .indexVideoChooseWord:hover {
        color: #55B248
    }
    .indexVideoChooseShadow {
		width: 100px;
		height: 120px;
		background-color: #000000;
		opacity: 0.6;
		position: absolute;
		bottom: 92px;
		right: 202px;
		display: none
	}
    .indexVideoShow {
		width: 100px;
		height: 100px;
		position: absolute;
		left: 394px;
		top: 172px;
	}
    .indexVideoChooseCase {
		background-color: rgba(0,0,0,0.6);
		width: 50px;
		height: 60px;
		position: absolute;
		bottom: 40px;
		right: 71px;
		display: none
	}
    .indexVideoChooseText {
		width: 50px;
		height: 20px;
		font-size: 10px;
		color: #ffffff;
		text-align: center;
		line-height: 20px;
		cursor: pointer
	}
    .indexVideoChooseText:hover {
        color: #55B248
    }
    .indexFriendBG {
		width: 100%;
		height: 30px;
	}
    .indexFriendBox {
		width: 360px;
		height: 150px;
		margin: 0 auto;
	}
    .indexFriendCase {
		width: 72px;
		cursor: pointer;
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}
	.indexTitle {
		font-size: 20px;
		color: #000000;
		text-align: center;
		font-weight: bold;
	}
    .indexIntroduce {
		width: 340px;
		margin: 0 auto;
		font-size: 14px;
		color: #555555;
		line-height: 28px;
	}
    .indexSwitch {
		width: 300px;
		height: 50px;
		margin: 0 auto;
	}
    .indexSwitchLeft {
		width: 100px;
		height: 36px;
		border: 1px solid #cccccc;
		border-radius: 16px 0 0 16px;
		float: left;
		text-align: center;
		line-height: 36px;
		font-size: 12px;
		color: #6d6d6d;
	}
    .indexSwitchMiddle {
		width: 100px;
		height: 36px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		float: left;
		text-align: center;
		line-height: 36px;
		font-size: 12px;
		color: #6d6d6d;
	}
    .indexSwitchRight {
		width: 100px;
		height: 36px;
		border: 1px solid #cccccc;
		border-radius: 0 16px 16px 0;
		float: left;
		text-align: center;
		line-height: 36px;
		font-size: 12px;
		color: #6d6d6d;
	}
    .indexScieneImg {
		width: 100%;
	}
    .indexScieneTitle {
		font-size: 16px;
		color: #393939;
		text-align: center;
		font-weight: bold;
	}
    .indexScieneIntroduceWord {
		font-size: 14px;
		line-height: 24px;
		color: #898989;
	}
    .indexScieneBox {
		margin-bottom: 20px
	}
    .indexIndustryCase {
		margin-bottom: 40px;
		padding: 5px;
	}
    .indexIndustryTitle {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
		color: #333333;
		margin-top: 16px;
	}
    .indexIndustryTime {
		font-size: 12px;
		color: #999999;
		margin-top: 12px;
	}
    .indexIndustryWord {
		font-size: 12px;
		color: #666666;
		line-height: 20px;
		margin-top: 18px;
	}
    .indexIndustryCheck {
		width: 80px;
		height: 30px;
		line-height: 30px;
		background-color: white;
		text-align: center;
		font-size: 12px;
		color: #666666;
		border: 1px solid #e7e7e7;
		border-radius: 20px;
		position: absolute;
		bottom: -12px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
    .indexIndustryImg {
		width: 157px;
		height: 140px;
		position: relative
	}
    .indexIndustryImgShadow {
		width: 157px;
		height: 140px;
		position: absolute;
		z-index: 1;
		opacity: 0;
		background-color: #000000
	}
    .indexMagnifier {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		opacity: 0;
		z-index: 4;
		width: 30px
	}


    /* 电子商务 */
    .ElectronicCommerceBannerbox{
        width: 100%;
        overflow: hidden;
    }

    .ElectronicCommerceInnovateBox{
        width: 360px;
        height: 130px;
        margin: 0 auto;
    }
    .ElectronicCommerceComputer{
        width: 150px;
        float: left;
        margin-left: 8px;
        margin-top: 10px;
        display: none;
    }
    .ElectronicCommerceInnovate{
        width: 280px;
        height: 34px;
        margin-left: 60px;
        float: left;
    }
    .ElectronicCommerceInnovateWord{
        font-size: 15px;
        line-height: 16px;
        color: #1e1e1e;
    }
    .ElectronicCommerceInnovateWordbox{
        height: 22px;
        opacity: 0;
        position: relative;
        top: 10px;
    }
    .ElectronicCommerceHook{
        width: 18px;
        float: left;
        margin-left: 0;
    }
    .ElectronicCommerceInnovateText{
        font-size: 14px;
        line-height: 14px;
        color: #202020;
        float: left;
        margin-left: 20px;
    }
    .ElectronicCommerceFormBox{
        width: 250px;
        height: 197px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .ElectronicCommerceFormImgBox{
        width: 750px;
        height: 197px;
        position: absolute;
        left: -250px;
    }

    .ElectronicCommerceWord{
        font-size: 18px;
        line-height: 28px;
        color: #555555;
        margin: 0 auto;
    }
    .ElectronicCommerceCaseLeft{
        width: 54px;
        float: left;
        cursor: pointer;
    }
    .ElectronicCommerceCaseRight{
        width: 54px;
        float: right;
        cursor: pointer;
    }
    .ElectronicCommerceterminalBox{
        width: 290px;
        height: 38px;
        margin:  0 auto;
        position: relative;
        left: 9px;
    }
    .ElectronicCommerceMobile1{
        width: 124px;
        height: 36px;
        border: 1px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 36px;
        font-size: 16px;
        color: #3a8cd2;
        cursor: pointer;
        position: relative;
        left: 88px;
    }
    .ElectronicCommerceMobile{
        width: 124px;
        height: 36px;
        border: 1px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 36px;
        font-size: 16px;
        color: #3a8cd2;
        float: left;
        cursor: pointer;
    }
    .ElectronicCommercePC{
        width: 124px;
        height: 36px;
        border: 1px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 36px;
        font-size: 16px;
        color: #3a8cd2;
        float: right;
        cursor: pointer;
    }
    .Caseshadow{
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #000000;
        opacity: 0.6;
    }
    .caseshadow{
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 2;
    }
    .laseshadow{
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 2;
    }
    .ElectronicCommerceCaseShadow1{
        position: absolute;
        left: 105px;
        top: 0;
        z-index: 3;
    }
    .ElectronicCommerceCaseShadow2{
        position: absolute;
        left: 160px;
        top: 10px;
        z-index: 2;
    }
    .ElectronicCommerceCaseShadow3{
        position: absolute;
        left: 210px;
        top: 18px;
        z-index: 1;
    }
    .ElectronicCommerceCaseShadow4{
        position: absolute;
        left: 20px;
        top: 18px;
        z-index: 1;
    }
    .ElectronicCommerceCaseShadow5{
        position: absolute;
        left: 60px;
        top: 10px;
        z-index: 2;
    }
    .ElectronicCommerceFormImg{
        width: 250px;
        float: left;
    }
    .ElectronicCommerceFormarrBox{
        width: 360px;
        margin: 0 auto;
        position: relative;
        top: -110px;
    }
    .ElectronicCommerceFormLeft{
        width: 30px;
        float: left;
        cursor: pointer;
    }
    .ElectronicCommerceFormRight{
        width: 30px;
        float: right;
        cursor: pointer;
    }
    .ElectronicCommerceCase{
        width: 300px;
        height: 170px;
        margin: 0 auto;
        position: relative;
    }

    .ElectronicCommerceCaseimg1{
        width: 90px;
    }
    .ElectronicCommerceCaseimg2{
        width: 80px;
    }
    .ElectronicCommerceCaseimg3{
        width: 70px;
    }
    .ElectronicCommerceCaseimg4{
        width: 70px;
    }
    .ElectronicCommerceCaseimg5{
        width: 80px;
    }
    .ElectronicCommerceCasearrBox{
        width: 360px;
        margin: 0 auto;
        position: relative;
        top: -110px;
    }
    .MarketingToolFooterBox{
        width: 1200px;
        height: 100px;
        margin: 0 auto;
    }
    .MarketingToolFooterLink{
        font-size: 36px;
        color: #aaaaaa;
        float: left;
        margin-left: 70px;
        margin-top: 20px;
    }
    .MarketingToolFooterLink a:hover{
        color: #ffffff;
        cursor: pointer;
    }
    .ElectronicCommerceBannerimg{
        width: 150%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .ElectronicCommerceTitle{
        font-size: 20px;
        width: 360px;
        color: #252525;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin: 0 auto;
    }
    .ElectronicCommerceWord{
        width: 320px;
        font-size: 12px;
        line-height: 20px;
        color: #555555;
        margin: 0 auto;
    }
    .ElectronicCommerceCaseLeft{
        width: 30px;
        float: left;
        cursor: pointer;
    }
    .ElectronicCommerceCaseRight{
        width: 30px;
        float: right;
        cursor: pointer;
    }
    .ElectronicCommerceterminalBox{
        width: 234px;
        height: 34px;
        margin:  0 auto;
        position: relative;
        left: 0;
    }
    .ElectronicCommerceMobile1{
        width: 100px;
        height: 34px;
        border: 2px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        color: #3a8cd2;
        cursor: pointer;
        position: relative;
        left: 66px;
    }
    .ElectronicCommerceMobile{
        width: 100px;
        height: 34px;
        border: 2px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        color: #3a8cd2;
        float: left;
        cursor: pointer;
    }
    .ElectronicCommercePC{
        width: 100px;
        height: 34px;
        border: 2px solid #3a8cd2;
        border-radius: 6px;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        color: #3a8cd2;
        float: right;
        cursor: pointer;
    }
    .ElectronicCo{
        width: 320px;
        font-size: 12px;
        line-height: 20px;
        color: #555555;
        margin: 0 auto;
    }
    /* 全域旅游 */
    .globalTourismConcept{
        font-size: 20px;
        color: #000000;
        text-align: center;
        font-weight: bold;
        margin-top: 20px;
    }
    .globalTourismword{
        width: 320px;
        font-size: 14px;
        color: #555555;
        margin: 10px auto;
        line-height: 26px;
    }
    .globalTourismHead{
        margin-top: 45px;
        text-align: center;
        display: none;
    }
    .globalTourismBody{
        width: 1000px;
        margin: 0 auto;
        display: none;
    }
    .IntelligentServiceWord{
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
    }
    .IntelligentServiceText{
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
    }
    .IntelligentServiceWordBox{
        width: 100%;
        height: 125px;
        background-color: #2a3141;
    }
    .moreIntelligent{
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        float:left;
        color:#ffffff;
        background-color: #297cdd;
        margin-left: 10px;
        margin-top: 10px;
    }
    .moreIntelligentword{
        width: 320px;
        font-size: 14px;
        color: #555555;
        margin: 10px auto;
        line-height: 26px;
    }
    .platformbox{
        width: 360px;
        margin: 0 auto;
    }
    .onecenterleft{
        width: 140px;
        margin-left: 36px;
    }
    .onecenterright{
        width:120px;
        margin-left: 20px;
    }
    .IntelligentWestLake{
        width: 320px;
        margin: 0 auto;
    }
    .maintaskword{
        width: 320px;
        font-size: 14px;
        color: #555555;
        margin: 0 auto;
        line-height: 24px;
    }
    .tricolorchartbox{
        width: 320px;
        margin: 0 auto;
    }
    .IntelligentExperience{
        width: 320px;
        margin: 0 auto;
        font-size: 14px;
        color: #121212;
        line-height: 24px;
    }
    .Intelligentgrayline{
        width: 100%;
        height: 2px;
        border-bottom: 2px solid #e2e2e2;
        margin: 0 auto;
    }
    .globalTourismCase{
        width: 360px;
        margin: 0 auto;
    }
    .IntelligentServicepicBox{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
    }
    .IntelligentServiceimgBox:hover{
        cursor: pointer;
    }
    .IntelligentServiceShadow{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background-color: #000000;
        opacity: 0.5;
    }
    .moreIntelligentBox{
		width: 360px;
        margin: 0 auto;
        position: relative;
        top: -33px;
    }
    .shadowimg1{
        width: 50px;
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
     }
    .shadowimg2{
        width: 50px;
        display: none;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
     }
    .triangle{
        width: 15%;
        position: relative;
        top: -6px;
        left: 50%;
        transform: translate(-50%);
        -ms-transform: translate(-50%);
        opacity: 0;
    }
    .travelswitch{
        width: 100%;
        height: 850px;
        position: relative;
    }
    .travelswitchBox{
        width: 100%;
        background-color: #ffffff;
        display: none;
    }
    .platformswitchBox{
        width: 100%;
        background-color: #ffffff;
        display: none;
    }
    .platformtwoleft{
        width: 105px;
        margin-left: 20px;
    }
    .platformtworight{
        width:182px;
        margin-left: 20px;
    }
    .platformthreeleft{
        width: 115px;
        margin-left: 20px;
    }
    .platformthreeright{
        width:150px;
        margin-left: 40px;
    }

    /* 渠道营销 */
    .MarketingchannelWord{
        width: 320px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 26px;
        color: #555555;
    }
    .MarketingchannelImgBox{
        width: 320px;
        margin: 0 auto;
    }
    .MarketingchannelImg{
        width: 320px;
    }
    .MarketingchannelFormBox{
        width: 320px;
        margin: 0 auto;
        border: 1px solid #cccccc;
    }
    .MarketingchannelFormImg{
        width: 320px;
    }
    .MarketingchannelTitlebox{
        width: 320px;
        height: 24px;
        margin: 0 auto;
    }
    .Marketingchannelicon{
        width: 20px;
        vertical-align: middle;
    }
    .MarketingchannelTitleWord{
        font-size: 16px;
        color: #535353;
        font-weight: bold;
        position: relative;
        top: 2px;
        left: 8px;
    }
    .MarketingchannelSpotBox{
        display: none;
    }
    .MarketingchannelMobileBox{
        width: 360px;
        height: 80px;
        margin: 0 auto;
        display: block;
    }
    .MarketingchannelMobileCase{
        width: 119px;
        height: 80px;
        overflow: hidden;
        float: left;
        margin: 0 0 1px 1px;
        position: relative;
    }
    .MarketingchannelMobileImg{
        width: 119px;
    }
    .MarketingchannelMobileShadow{
        width: 100%;
        height: 20px;
        background-color: rgba(0,0,0,0.6);
        font-size: 10px;
        text-align: center;
        line-height: 20px;
        position: absolute;
        bottom: 0;
        color: #ffffff;
        transition: 0.5s;
    }
    .MarketingchannelMobileCase:hover .MarketingchannelMobileShadow{
        height: 80px;
        font-size: 12px;
        line-height: 80px;
    }

    /* 智慧票房 */
    .smartofficeimgBox{
        width: 320px;
        margin: 0 auto;
    }
    .smartofficeimg{
        width: 320px;
    }
    .smartofficeFormBox{
        width: 320px;
        margin: 0 auto;
        border: 1px solid #cccccc;
    }
    .smartofficeFormimg{
        width: 320px;
    }
    .SmartofficeProductShowBox{
        border: 1px solid #dbdbdb;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        cursor: pointer;
    }
    .SmartofficeProductShowimgBox{
        width: 100%;
        height: 170px;
        overflow: hidden;
    }

    .Smartofficeimg{
        margin-top: 22px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .SmartofficeProductShowTitle{
        padding-left: 20px;
        margin-top: 14px;
        font-size: 22px;
        color: #000000;
    }

    .SmartofficeProductShowWord{
        font-size: 10px;
        line-height: 20px;
        color: #515151;
        margin-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .SmartofficeProductShowText{
        position: relative;
        left: 20px;
        margin-top: 26px;
        margin-bottom: 25px;
        width: 114px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 18px;
        color: #1f1f1f;
        border: 1px solid #dbdbdb;
    }

    /* 园区一卡通 */
    .OnecardsolutionFormbox{
        width: 320px;
        margin: 0 auto;
        border: 1px solid #cccccc;
    }
    .OnecardsolutionFormimg{
        width: 320px;
    }
    .OnecardsolutionImg{
        width: 140px;
        margin-bottom: 0;
    }
    .solutionbox{
        text-align: center;
        padding: 10px;
    }
    .Hardware{
        margin-bottom: 10px;
    }



    /* 走进集团 */
    .EnterTheGroupText{
        font-size: 40px;
        line-height: 60px;
        color: #505050;
    }
    .EnterTheGroupMapBoxLeft{
        width: 570px;
        height: 360px;
        overflow: hidden;
        margin: 0 auto;
    }
    .EnterTheGroupMapBoxRight{
        width: 1000px;
        height: 720px;
        margin: 0 auto;
    }
    .EnterTheGroupMapTitle{
        font-size: 76px;
        color: #000000;
        font-weight: bold;
        text-align: center;
    }
    .EnterTheGroupMapWord{
        font-size: 44px;
        color: #656565;
    }


    /* 新媒体营销 */
    .NewMediaMarketingWord{
        width: 1000px;
        font-size: 44px;
        color: #6d6e6f;
        margin: 0 auto;
    }

    /* 精准营销 */
    .PrecisionMarketingIntroduceCase{
        width: 320px;
    }
    .PrecisionMarketingIntroduceBox{
        position: relative;
        width: 100%;
        left: 0;
    }
    .PrecisionMarketingIntroduceBox1Top{
        background-color: #4ebcae;
        height: 180px;
        position: relative;
    }
    .PrecisionMarketingOptimization{
        width: 28px;
        position: absolute;
        top: 30px;
        left: 30px;
    }
    .PrecisionMarketingDescribe{
        font-size: 14px;
        color: #ffffff;
        width: 164px;
        line-height: 22px;
        position: absolute;
        top: 23px;
        left: 100px;
    }
    .PrecisionMarketingLine{
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        position: absolute;
        top: 92px;
    }
    .PrecisionMarketingSuggest{
        width: 200px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        line-height: 26px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingIntroduceBox2Top{
        background-color: #69666c;
        height: 180px;
        position: relative;
    }
    .PrecisionMarketingSuggest2{
        width: 260px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        line-height: 26px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingIntroduceBox3Top{
        background-color: #8284fb;
        height: 180px;
        position: relative;
    }
    .PrecisionMarketingSuggest3{
        width: 260px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        line-height: 24px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingIntroduceBox1Bottom{
        height: 150px;
        position: relative;
    }
    .PrecisionMarketingNumber{
        font-size: 14px;
        color: #a64d19;
        position: absolute;
        left: 24px;
        top: 16px;
    }
    .PrecisionMarketingSpeed{
        font-size: 14px;
        color: #a64d19;
        position: absolute;
        left: 24px;
        top: 40px;
    }
    .PrecisionMarketingLine2{
        width: 2px;
        height: 53px;
        background-color: #e9e9e9;
        position: absolute;
        left: 120px;
        top: 17px;
    }
    .PrecisionMarketingEasy{
        font-size: 12px;
        color: #4ebcae;
        position: absolute;
        left: 144px;
        top: 23px;
    }
    .PrecisionMarketingCharge{
        font-size: 12px;
        color: #4ebcae;
        position: absolute;
        left: 144px;
        top: 44px;
    }
    .PrecisionMarketingWait{
        width: 240px;
        text-align: center;
        font-size: 12px;
        color: #999999;
        line-height: 24px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        bottom: 20px;
    }
    .PrecisionMarketingWait2{
        width: 280px;
        text-align: center;
        font-size: 12px;
        color: #999999;
        line-height: 24px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        bottom: 20px;
    }
    .PrecisionMarketingNumber2{
        font-size: 14px;
        color: #a64d19;
        position: absolute;
        left: 10px;
        top: 19px;
    }
    .PrecisionMarketingSpeed2{
        font-size: 14px;
        color: #a64d19;
        position: absolute;
        left: 10px;
        top: 43px;
    }
    .PrecisionMarketingYouPin{
        width: 100%;
        height: 200px;
        background-color: #f0f0f0;
    }
    .PrecisionMarketingYouPinTitle{
        font-size: 18px;
        color: #a64d19;
        text-align: center;
        font-weight: bold;
    }
    .PrecisionMarketingYouPinWord{
        font-size: 12px;
        width: 360px;
        margin: 0 auto;
        color: #6d6d6d;
        text-align: center;
    }
    .PrecisionMarketingSystem{
        font-size: 23px;
        color: #121212;
        text-align: center;
        font-weight: bold;
    }
    .PrecisionMarketingPlatform{
        font-size: 15px;
        color: #999999;
        text-align: center;
    }
    .PrecisionMarketingLine3{
        width: 50px;
        height: 3px;
        background-color: #a64d19;
        position: absolute;
        top: -4px;
        left: -3px;
    }
    .PrecisionMarketingLine4{
        width: 100%;
        height: 2px;
        background-color: #dcdcdc;
    }
    .PrecisionMarketingLine5{
        width: 2px;
        height: 576px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingLine6{
        width: 2px;
        height: 340px;
        background-color: #dcdcdc;
        position: absolute;
        left: 20px;
    }
    .PrecisionMarketingGifBox{
        width: 360px;
        height: 576px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingGif{
        width: 160px;
        position: absolute;
        left: 100px;
        top: 350px;
    }
    .PrecisionMarketingMessageBox{
        width: 150px;
        height: 36px;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        color: #6b6edb;
        border: 2px solid #6b6edb;
        position: absolute;
        left: 110px;
        top: 525px;
    }
    .PrecisionMarketingMessageImg1{
        width: 36px;
        position: absolute;
        top: 28px;
        left: 5px;
    }
    .PrecisionMarketingMessageTitle1{
        font-size: 13px;
        color: #121212;
        font-weight: bold;
        position: absolute;
        left: 56px;
        top: 25px;
    }
    .PrecisionMarketingMessageWord1{
        font-size: 10px;
        color: #121212;
        position: absolute;
        left: 56px;
        top: 47px;
        width: 307px;
        line-height: 18px;
    }
    .PrecisionMarketingMessageImg2{
        width: 36px;
        position: absolute;
        top: 110px;
        left: 5px;
    }
    .PrecisionMarketingMessageTitle2{
        font-size: 13px;
        color: #121212;
        font-weight: bold;
        position: absolute;
        left: 56px;
        top: 100px;
    }
    .PrecisionMarketingMessageWord2{
        font-size: 10px;
        color: #121212;
        position: absolute;
        left: 56px;
        top: 123px;
        width: 307px;
        line-height: 18px;
    }
    .PrecisionMarketingMessageImg3{
        width: 36px;
        position: absolute;
        top: 193px;
        left: 5px;
    }
    .PrecisionMarketingMessageTitle3{
        font-size: 13px;
        color: #121212;
        font-weight: bold;
        position: absolute;
        left: 56px;
        top: 183px;
    }
    .PrecisionMarketingMessageWord3{
        font-size: 10px;
        color: #121212;
        position: absolute;
        left: 56px;
        top: 206px;
        width: 307px;
        line-height: 18px;
    }
    .PrecisionMarketingMessageImg4{
        width: 36px;
        position: absolute;
        top: 280px;
        left: 5px;
    }
    .PrecisionMarketingMessageTitle4{
        font-size: 13px;
        color: #121212;
        font-weight: bold;
        position: absolute;
        left: 56px;
        top: 272px;
    }
    .PrecisionMarketingMessageWord4{
        font-size: 10px;
        color: #121212;
        position: absolute;
        left: 56px;
        top: 295px;
        width: 307px;
        line-height: 18px;
    }
    .PrecisionMarketingAdvantage{
        font-size: 12px;
        width: 320px;
        line-height: 18px;
        margin: 0 auto;
        color: #555555;
        text-align: center;
    }
    .PrecisionMarketingLine7{
        width: 200px;
        height: 3px;
        background-color: #dcdcdc;
        margin: 0 auto;
    }
    .PrecisionMarketingAdvantageCase{
        width: 360px;
    }
    .PrecisionMarketingAdvantageBox{
        width: 100%;
        height: 304px;
        border: 2px solid #8284fb;
        position: relative;
        left: 0;
        margin-bottom: 5px;
        box-shadow: 0 0 10px 0 #A7A2A2;
    }
    .PrecisionMarketingAdvantageShadow{
        width: 90%;
        height: 50px;
        background-color: #f4f4f4;
        margin: 0 auto;
    }
    .PrecisionMarketingAdvantageShadowWord{
        font-size: 12px;
        color: #585afe;
        text-align: center;
        position: relative;
        top: 6px;
    }
    .PrecisionMarketingAdvantageShadowText{
        font-size: 12px;
        color: #555555;
        text-align: center;
        position: relative;
        top: 8px;
    }
    .PrecisionMarketingAdvantageWord{
        width: 90%;
        font-size: 12px;
        color: #737271;
        line-height: 22px;
        margin: 0 auto;
        text-align: center;
        text-indent: 30px;
    }
    .PrecisionMarketingAdvantageLine{
        width: 120px;
        height: 2px;
        background-color: #8284fb;
        position: absolute;
        left: 50%;
        bottom: 15px;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .PrecisionMarketingConsultBox{
        width: 100%;
    }
    .PrecisionMarketingConsultButton{
        width: 80%;
        height: 80px;
        font-size: 32px;
        color: #555555;
        border: 1px solid #d6d6d6;
        position: relative;
        left: 10%;
        margin-bottom: 20px;
        padding-left: 40px;
    }
    .PrecisionMarketingConsultButton::-webkit-input-placeholder{
        color: #555555;
    }
    .PrecisionMarketingCompanyButton{
        width: 80%;
        height: 80px;
        font-size: 32px;
        color: #555555;
        border: 1px solid #d6d6d6;
        position: relative;
        left: 10%;
        margin-bottom: 20px;
        padding-left: 40px;
    }
    .PrecisionMarketingConsultText{
        width: 80%;
        height: 200px;
        font-size: 32px;
        color: #9c9c9c;
        border: 2px solid #a9a9a9;
        position: relative;
        left: 10%;
    }
    .PrecisionMarketingAreaButton{
        width: 80%;
        height: 80px;
        border: 1px solid #d6d6d6;
        font-size: 32px;
        color: #a5a5a5;
        position: relative;
        left: 10%;
        padding-left: 40px;
        margin-bottom: 40px;
    }
    .PrecisionMarketingSubmitButton{
        width: 460px;
        height: 96px;
        text-align: center;
        line-height: 96px;
        font-size: 40px;
        color: #ffffff;
        background-color: #6b6edb;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        -ms-transform: translateX(-50%);
    }

    /* 红人代言 */
    /*.FamousEndorsementMessageBox{*/
        /*width: 340px;*/
        /*height: 500px;*/
        /*position: relative;*/
        /*margin: 0 auto;*/
    /*}*/
    /*.FamousEndorsementMessageName{*/
        /*width: 260px;*/
        /*height: 40px;*/
        /*padding-left: 20px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #d6d6d6;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 40px;*/
    /*}*/
    /*.FamousEndorsementMessageTel{*/
        /*width: 260px;*/
        /*height: 40px;*/
        /*padding-left: 20px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #d6d6d6;*/
        /*position: absolute;*/
        /*top: 60px;*/
        /*left: 40px;*/
    /*}*/
    /*.FamousEndorsementMessageQQ{*/
        /*width: 260px;*/
        /*height: 40px;*/
        /*padding-left: 20px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #d6d6d6;*/
        /*position: absolute;*/
        /*top: 120px;*/
        /*left: 40px;*/
    /*}*/
    /*.FamousEndorsementMessageCompany{*/
        /*width: 260px;*/
        /*height: 40px;*/
        /*padding-left: 20px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #d6d6d6;*/
        /*position: absolute;*/
        /*top: 180px;*/
        /*left: 40px;*/
    /*}*/
    /*.FamousEndorsementMessageText{*/
        /*width: 260px;*/
        /*height: 100px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #a9a9a9;*/
        /*position: absolute;*/
        /*top: 240px;*/
        /*left: 40px;*/
        /*padding: 0 0 0 5px;*/
    /*}*/
    /*.FamousEndorsementMessageSite{*/
        /*width: 260px;*/
        /*height: 40px;*/
        /*padding-left: 20px;*/
        /*font-size: 14px;*/
        /*border: 1px solid #d6d6d6;*/
        /*position: absolute;*/
        /*top: 360px;*/
        /*left: 40px;*/
    /*}*/
    /*.FamousEndorsementMessageSubmit{*/
        /*width: 160px;*/
        /*height: 30px;*/
        /*font-size: 14px;*/
        /*background-color: #c2295f;*/
        /*text-align: center;*/
        /*color: #ffffff;*/
        /*line-height: 30px;*/
        /*position: absolute;*/
        /*top: 420px;*/
        /*left: 90px;*/
    /*}*/

    /* 优秀案例 */
    .ExcellentCaseBannerImg{
        width: 240%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .ExcellentCaseBox{
        width: 360px;
        height: 970px;
        margin: 0 auto;
        position: relative;
    }

    .ExcellentCaseBoxLeft{
        width: 90px;
        height: 440px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #ffffff;
        display: none;
    }
    .ExcellentCaseSiberBox{
        width: 30px;
        height: 120px;
        border-radius: 0 10px 10px 0;
        background-color: #00AEF3;
        position: absolute;
        top: 350px;
        left: 0;
        display: block;
        transition: 1s;
        z-index: 2;
    }
    .ExcellentCaseSideImg{
        width: 20px;
        position: relative;
        top: 8px;
        left: 3px;
    }
    .ExcellentCaseSiberWord{
        width: 20px;
        font-size: 16px;
        color: #ffffff;
        position: relative;
        left: 5px;
        top: 5px;
    }
    .ExcellentCaseBoxLeftTop{
        width: 90px;
        height: 150px;
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
    }
    .ExcellentCaseClassification{
        width: 90px;
        height: 60px;
        position: relative;
        /*display: none;*/
    }
    .ExcellentCaseClassificationTitle{
        font-size: 10px;
        color: #1f1f1f;
        font-weight: bold;
        text-align: center;
    }
    .ExcellentCaseClassificationWord{
        font-size: 10px;
        color: #989898;
        text-align: center;
    }
    .ExcellentCaseClassificationLine{
        width: 20px;
        height: 1px;
        background-color: #a2a2a2;
        margin: 0 auto;
    }
    .ExcellentCaseGroup{
        width: 90px;
        height: 30px;
        position: relative;
        border-bottom: 1px dashed #808080;
        left: 0;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
    }
    .ExcellentCase5AGroup{
        width: 90px;
        height: 30px;
        position: relative;
        left: 0;
        border-bottom: 1px dashed #808080;
        font-size: 12px;
        color: #555555;
        text-align: center;
        line-height: 30px;
    }
    .ExcellentCase4AGroup{
        width: 90px;
        height: 30px;
        position: relative;
        left: 0;
        font-size: 12px;
        color: #555555;
        text-align: center;
        line-height: 30px;
    }
    .ExcellentCaseBoxLeftBottom{
        width: 90px;
        height: 245px;
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
    }
    .ExcellentCaseBoxRight{
        width: 320px;
        position: absolute;
        right: 0;
        top: 0;
        display: none;
    }

    .ExcellentCaseBoxRightPlan{
        width: 310px;
        position: relative;
        left: 10px;
    }
    .ExcellentCaseChooseAreaBG{
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        opacity: 0.8;
        position: absolute;
    }
    .ExcellentCaseChooseWord{
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        font-size: 8px;
        color: #000000;
    }
    .ExcellentCaseChooseArea1{
        width: 262px;
        height: 178px;
        position: absolute;
        top: 59px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea2{
        width: 262px;
        height: 180px;
        position: absolute;
        top: 90px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea3{
        width: 262px;
        height: 422px;
        position: absolute;
        top: 121px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea4{
        width: 262px;
        height: 258px;
        position: absolute;
        top: 246px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea5{
        width: 262px;
        height: 178px;
        position: absolute;
        top: 276px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea6{
        width: 262px;
        height: 94px;
        position: absolute;
        top: 338px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseArea7{
        width: 96px;
        height: 94px;
        position: absolute;
        top: 368px;
        left: 91px;
        border-top: 4px solid #0066ce;
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
    .ExcellentCaseChooseImgBox{
        width: 70px;
        height: 70px;
        float: left;
        margin-left: 14px;
        margin-top: 12px;
        position: relative;
        cursor: pointer;
    }
    .ExcellentCaseRightImg{
        width: 300px;
        height: 200px;
    }
    .ExcellentCaseChooseImg{
        width: 70px;
    }
    .ExcellentCaseBoxRightTitle{
        font-size: 18px;
        color: #000000;
        width: 320px;
        margin: 0 auto;
    }
    .ExcellentCaseBoxRighttitle{
        font-size: 16px;
        color: #4d4d4d;
        font-weight: bold;
    }
    .ExcellentCaseBoxRightLine{
        width: 72px;
        height: 2px;
        background-color: #4d4d4d;
    }
    .ExcellentCaseBoxRightWord{
        font-size: 12px;
        color: #3d3d3d;
        line-height: 18px;
    }
    .ExcellentCaseBoxRightPlan li{
        font-size: 12px;
        line-height: 18px;
        color: #3d3d3d;
        margin-top: 10px;
        list-style-type: disc
    }

    /* 红人代言 */
    .FamousEndorsementBannerimg{
        width: 150%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .FamousEndorsementAdvertBG{
        width: 100%;
        height: 1247px;
        background: url("../images/FamousEndorsementAdvertBG.png") no-repeat;
        position: relative;
    }
    .FamousEndorsementAdvertBox{
        width: 360px;
        height: 1247px;
        margin: 0 auto;
        position: relative;
    }
    .FamousEndorsementAdvertTop{
        width: 60px;
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .FamousEndorsementAdvertTitle{
        font-size: 15px;
        font-weight: bold;
        color: #c0295c;
        position: absolute;
        top: 30px;
        right: 0;
    }
    .FamousEndorsementLeft{
        width: 80px;
        position: absolute;
        left: 15px;
        top: 85px;
    }
    .FamousEndorsementRight{
        width: 80px;
        position: absolute;
        left: 266px;
        top: 85px;
    }
    .FamousEndorsementAdvertTeam{
        font-size: 14px;
        color:#121212;
        position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .FamousEndorsementAdvertNumber{
        font-size: 14px;
        color:#121212;
        position: absolute;
        top: 85px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .FamousEndorsementAdvertOneBox{
        width: 300px;
        height: 160px;
        position: absolute;
        top: 120px;
        left: 30px;
        border-bottom: 2px solid #b44160;
    }
    .FamousEndorsementImg{
        width: 40px;
        position: absolute;
        left: 10px;
        top: 50px;
    }
    .FamousEndorsementAdvertOneWord{
        font-size: 16px;
        font-weight: bold;
        color: #393939;
        position: absolute;
        top: 10px;
        left: 80px;
    }
    .FamousEndorsementAdvertOneText{
        font-size: 12px;
        color: #424242;
        line-height: 18px;
        width: 220px;
        position: absolute;
        top: 45px;
        left: 80px;
    }
    .FamousEndorsementAdvertTwoBox{
        width: 300px;
        height: 120px;
        position: absolute;
        top: 300px;
        left: 30px;
        border-bottom: 2px solid #b44160;
    }
    .FamousEndorsementAdvertThreeBox{
        width: 300px;
        height: 140px;
        position: absolute;
        top: 440px;
        left: 30px;
        border-bottom: 2px solid #b44160;
    }
    .FamousEndorsementAdvertFourBox{
        width: 300px;
        height: 140px;
        position: absolute;
        top: 600px;
        left: 30px;
        border-bottom: 2px solid #b44160;
    }
    .FamousEndorsementPhoneBox{
        width: 300px;
        height: 400px;
        position: absolute;
        top: 845px;
        left: 30px;
    }
    .FamousEndorsementPhoneImg{
        width: 230px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .FamousEndorsementPhoneWord1{
        width: 90px;
        height: 30px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        position: absolute;
        left: 197px;
        top: 39px;
        background-color: #fe2b54;
        cursor: pointer;
    }
    .FamousEndorsementPhoneWord2{
        width: 30px;
        height: 30px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        position: absolute;
        left: 197px;
        top: 75px;
        background-color:#ffa700;
        cursor: pointer;
    }
    .FamousEndorsementPhoneWord3{
        width: 30px;
        height: 30px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        position: absolute;
        left: 197px;
        top: 111px;
        background-color: #00a0c6;
        cursor: pointer;
    }
    .FamousEndorsementPhoneWord4{
        width: 30px;
        height: 30px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        position: absolute;
        left: 197px;
        top: 147px;
        background-color: #1a1b24;
        cursor: pointer;
    }
    .FamousEndorsementPhoneWord5{
        width: 30px;
        height: 30px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        position: absolute;
        left: 197px;
        top: 183px;
        background-color: #3A8CD2;
        cursor: pointer;
    }
    .FamousEndorsementAdvertBottom{
        width: 60px;
        position: absolute;
        top: 770px;
        right: 34px;
    }
    .FamousEndorsementDataBox{
        width: 100%;
        position: relative;
    }
    .FamousEndorsementDataImgBox{
        width: 100%;
    }
    .FamousEndorsementDataBG{
        width: 0;
        background-color: #eaeaea;
        position: absolute;
        right: 0;
        top: 0;
    }
    .FamousEndorsementPinkBGBox{
        width: 340px;
        height: 800px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
    }
    .FamousEndorsementPinkBG{
        width: 340px;
        height: 700px;
        position: absolute;
        right: 0;
        top: 20px;
        background-color: #bc295f;
        opacity: 0.78;
    }
    .FamousEndorsementFormBox{
        width: 340px;
        height: 700px;
        position: absolute;
        right: 0;
        top: 20px;
    }
    .FamousEndorsementFormBox1{
        width: 340px;
        height: 45px;
        position: relative;
        left: 10px;
        top: 20px;
    }
    .FamousEndorsementFormRemit{
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        position: absolute;
        top: 0;
        left: 88px;
    }
    .FamousEndorsementArr{
        width: 30px;
        position: absolute;
        top: 48px;
        left: 148px;
        display: none;
    }
    .FamousEndorsementArr2{
        width: 16px;
        position: absolute;
        top: 38px;
        left: 159px;
        display: block;
    }
    .FamousEndorsementFormBox1Word{
        width: 250px;
        height: 30px;
        background-color: #ffffff;
        font-size: 12px;
        color: #b44160;
        line-height: 30px;
        text-align: center;
        position: absolute;
        left: 35px;
        top: 80px;
    }
    .FamousEndorsementFormBox2{
        width: 320px;
        height: 100px;
        position: relative;
        top: 106px;
        left: 10px;
        border-bottom: 2px solid rgba(255,255,255,0.3);
    }
    .FamousEndorsementFormName{
        font-size: 13px;
        color: #ffffff;
        position: absolute;
        left: 0;
        top: 43px;
    }
    .FamousEndorsementHarp{
        width: 1px;
        position: absolute;
        top: 43px;
        left: 86px;
    }
    .FamousEndorsementFormGrapBox{
        width: 70px;
        height: 50px;
        position: absolute;
        left: 92px;
    }
    .FamousEndorsementFormGrapNum{
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        position: relative;
        top: 5px;
    }
    .FamousEndorsementFormGrapWord{
        font-size: 12px;
        text-align: center;
        color: #000000;
        position: relative;
        top: 3px;
    }
    .FamousEndorsementFormVideoBox{
        width: 70px;
        height: 50px;
        position: absolute;
        left: 175px;
    }
    .FamousEndorsementFormVideoNum{
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        top: 5px;
    }
    .FamousEndorsementFormVideoWord{
        font-size: 12px;
        text-align: center;
        color: #000000;
        position: relative;
        top: 3px;
    }
    .FamousEndorsementFormLiveBox{
        width: 70px;
        height: 50px;
        position: absolute;
        left: 251px;
    }
    .FamousEndorsementFormLiveNum{
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        top: 5px;
    }
    .FamousEndorsementFormLiveWord{
        font-size: 12px;
        text-align: center;
        color: #000000;
        position: relative;
        top: 3px;
    }
    .FamousEndorsementFormWebBox{
        width: 220px;
        height: 50px;
        position: absolute;
        left: 93px;
        top: 44px;
    }
    .FamousEndorsementFormWebNum{
        font-size: 14px;
        text-align: right;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        top: 8px;
    }
    .FamousEndorsementFormWebWord{
        font-size: 12px;
        text-align: center;
        color: #000000;
        position: relative;
        top: 10px;
    }
    .FamousEndorsementFormBG{
        width: 100%;
        height: 480px;
        background-color: #eaeaea;
        margin: 0 auto;
        display: block;
    }
    .FamousEndorsementTitle{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #252525;
    }
    .FamousEndorsementWord{
        font-size: 14px;
        text-align: center;
        color: #555555;
        width: 320px;
        margin: 0 auto;
    }
    .FamousEndorsementMessageBox{
        width: 340px;
        height: 500px;
        position: relative;
        margin: 0 auto;
    }
    .FamousEndorsementMessageName{
        width: 260px;
        height: 40px;
        padding-left: 20px;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        position: absolute;
        top: 0;
        left: 40px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageTel{
        width: 260px;
        height: 40px;
        padding-left: 20px;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        position: absolute;
        top: 60px;
        left: 40px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageQQ{
        width: 260px;
        height: 40px;
        padding-left: 20px;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        position: absolute;
        top: 120px;
        left: 40px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageCompany{
        width: 260px;
        height: 40px;
        padding-left: 20px;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        position: absolute;
        top: 180px;
        left: 40px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageText{
        width: 260px;
        height: 100px;
        font-size: 14px;
        border: 1px solid #a9a9a9;
        position: absolute;
        top: 240px;
        left: 40px;
        padding: 5px 0 0 5px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageSite{
        width: 260px;
        height: 40px;
        padding-left: 20px;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        position: absolute;
        top: 360px;
        left: 40px;
        box-sizing: border-box;
    }
    .FamousEndorsementMessageSubmit{
        width: 160px;
        height: 30px;
        font-size: 14px;
        background-color: #c2295f;
        text-align: center;
        color: #ffffff;
        line-height: 30px;
        position: absolute;
        top: 420px;
        left: 90px;
    }
    .FamousEndorsementBegin{
        width: 50px;
        position: absolute;
        top: 160px;
        left: 90px;
    }
    .FamousEndorsementShadow{
        width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: #000000;
        opacity: 0.7;
        z-index: 5;
        display: none;
    }
    .FamousEndorsementVideo1{
        width: 360px;
        height: 300px;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 6;
        display: none;
    }
    .FamousEndorsementVideo2{
        width: 360px;
        height: 300px;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 6;
        display: none;
    }
    .FamousEndorsementSkyBox{
        width: 360px;
        height: 300px;
        background-color: #000000;
        position: fixed;
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 6;
        overflow: hidden;
        display: none;
    }
    .FamousEndorsementSkyCase{
        width: 1440px;
        height: 300px;
        position: absolute;
        left: -360px;
    }
    .FamousEndorsementLeftArr1{
        width: 40px;
        position: absolute;
        top: 120px;
        left: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementRightArr1{
        width: 40px;
        position: absolute;
        top: 120px;
        right: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementSkyCase1{
        width: 360px;
        height: 300px;
        float: left;
    }
    .FamousEndorsementSkyImg{
        width: 168px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .FamousEndorsementLLBox{
        width: 360px;
        height: 300px;
        background-color: #000000;
        position: fixed;
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 6;
        overflow: hidden;
        display: none;
    }
    .FamousEndorsementLeftArr2{
        width: 40px;
        position: absolute;
        top: 120px;
        left: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementRightArr2{
        width: 40px;
        position: absolute;
        top: 120px;
        right: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementLLCase{
        width: 1440px;
        height: 300px;
        position: absolute;
        left: -360px;
    }
    .FamousEndorsementLeftArr3{
        width: 40px;
        position: absolute;
        top: 120px;
        left: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementRightArr3{
        width: 40px;
        position: absolute;
        top: 120px;
        right: 10px;
        z-index: 7;
        cursor: pointer;
    }
    .FamousEndorsementLazyBox{
        width: 360px;
        height: 300px;
        background-color: #000000;
        position: fixed;
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 6;
        overflow: hidden;
        display: none;
    }
    .FamousEndorsementLazyCase{
        width: 1080px;
        height: 200px;
        position: absolute;
        left: -360px;
    }

	/* 集团动态 */
	.GroupDynamicsGrayLine {
		width: 100%;
		height: 35px;
		background-color: #f6f6f6;
	}

	.GroupDynamicsSwitch {
		width: 80px;
		height: 35px;
		float: left;
		text-align: center;
		line-height: 35px;
		font-size: 12px;
		color: #485a5b;
		cursor: pointer;
	}
	.GroupDynamicsSwitch a{
		text-decoration: none
	}
	.GroupDynamicsMessageBox {
		width: 360px;
		height: 172px;
		margin: 0 auto;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
		cursor: pointer;
		margin-bottom: 30px;
	}

	.GroupDynamicsMessageImgBox {
		width: 130px;
		height: 90px;
		overflow: hidden;
		position: absolute;
		top: 20px;
		left: 0;
	}

	.GroupDynamicsMessageImg {
		width: 130px;
		height: 90px;
		transition: 2s;
	}

	.GroupDynamicsMessageTitle {
		font-size: 11px;
		color: #404040;
		position: absolute;
		top: 4px;
		left: 144px;
	}

	.GroupDynamicsMessageIntroduce {
		width: 210px;
		font-size: 10px;
		line-height: 26px;
		color: #999999;
		position: absolute;
		left: 148px;
		top: 42px;
	}

	.GroupDynamicsMessageTime {
		font-size: 10px;
		color: #999999;
		position: absolute;
		top: 21px;
		right: 1px;
	}

	.GroupDynamicsMessageMore {
		width: 60px;
		height: 26px;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		text-align: center;
		line-height: 26px;
		position: absolute;
		bottom: 25px;
		right: 10px;
	}


	#GroupDynamicsMessagepageBox {
		width: 360px;
		height: 32px;
		margin: 0 auto;
		position: relative
	}

	.GroupDynamicsCenter {
		display: inline-block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	#GroupDynamicsprev {
		display: inline-block;
		height: 20px;
		font-size: 12px;
		color: #666666;
		text-align: center;
		line-height: 20px;
		padding-left: 3px;
		padding-right: 3px;
		cursor: pointer;
		font-family: '宋体';
		border: 1px solid #dddee1;
		border-radius: 4px;
		font-weight: bold
	}

	#GroupDynamicsnext {
		display: inline-block;
		height: 20px;
		font-size: 12px;
		color: #666666;
		text-align: center;
		line-height: 20px;
		cursor: pointer;
		padding-left: 3px;
		padding-right: 3px;
		font-family: '宋体';
		border: 1px solid #dddee1;
		border-radius: 4px;
		font-weight: bold
	}

	.GroupDynamicsMessageAbs {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	#GroupDynamicspageNav {
		display: inline-block;
	}

    #GroupDynamicspageNav a {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #696969;
        text-decoration: none;
        font-size: 12px;
        border: 1px solid #dddee1;
        border-radius: 4px;
        margin-left: 4px;
        margin-right: 4px
    }

    #GroupDynamicspageNav a.active, #GroupDynamicspageNav a:hover {
        background: #2d8cf0;
        color: #ffffff;
        border: none;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    /* 走进集团 */
    .EnterGroupBannerBox1{
        width: 100%;
        position: relative;
        top:0;
        background: url('../images/IntroductionBannerImg.png') no-repeat;
        background-size: cover;
    }
    .EnterGroupBannerBox2{
        width: 100%;
        position: relative;
        top:0;
        background: url('../images/IntroductionBannerImg2.png') no-repeat;
        background-size: cover;
    }
    .EnterGroupBannerBox3{
        width: 100%;
        position: relative;
        top:0;
        background: url('../indeximages/indexbanner3.png') no-repeat;
        background-size: cover;
    }
    .EnterGroupBannerBox4{
        width: 100%;
        position: relative;
        top:0;
        background: url('../images/IntroductionBannerImg3.png') no-repeat;
        background-size: cover;
    }
    .indexbanner3Box{
        width: 94%;
        height: 50%;
        position: absolute;
        left: 0;
        top: 30%;
        display: none;
    }
    .EnterGroupBannerBox3WheelBG{
        width: 360px;
        height: 400px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-color: #ffffff;
        opacity: 0.2;
        display: block;
    }
    .EnterGroupBannerBox3WheelBox{
        width: 360px;
        height: 400px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        overflow: hidden;
        display: block;
    }
    .EnterGroupBannerBox3WheelCase{
        width: 2880px;
        height: 332px;
        position: relative;
        left: -360px;
    }
    .EnterGroupBannerBox3WheelImgBox{
        width: 360px;
        float: left;
    }
    .EnterGroupBannerBox3WheelImg{
        width: 260px;
        position: relative;
        left: 50px;
    }
    .EnterGroupBannerBox3WheelBallBox{
        width: 180px;
        height: 40px;
        position: absolute;
        top: 350px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupBannerBox3WheelBall{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        background-color: #A7A5A5;
    }
    .EnterGroupBannerBox1Title{
        position: relative;
        text-align: center;
        font-size: 15px;
        color: #ffffff;
    }
    .EnterGroupBriefBox{
        position: relative;
        width: 132px;
        height: 45px;
        border: 2px solid #ffffff;
        border-radius: 4px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupBriefWord{
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        margin-top: 3px;
    }
    .EnterGroupBriefText{
        font-size: 12px;
        text-align: center;
        color: #ffffff;
    }
    .EnterGroupScreen1Shadow{
        width: 300px;
        height: 340px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-color: #000000;
        opacity: 0.64;
    }
    .EnterGroupScreen1{
        width: 300px;
        height: 340px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupScreenWord{
        text-indent:25px;
        font-size: 12px;
        color: #ffffff;
        width: 280px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .EnterGroupDropdown{
        width: 24px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupTitle2{
        text-align: center;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
    }
    .EnterGroupLine2{
        width: 300px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupScreen2Shadow{
        width: 300px;
        height: 270px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-color: #000000;
        opacity: 0.4;
        top: 200px;
    }
    .EnterGroupScreen2{
        width: 300px;
        height: 270px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        top: 200px;
    }
    .EnterGroupScreen2Word{
        text-indent:25px;
        font-size: 12px;
        color: #ffffff;
        width: 280px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .EnterGroupScreen2Img{
        width: 260px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-top: 20px;
    }
    .EnterGroupDropdown2{
        width: 24px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .EnterGroupTitle3{
        width: 90%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
    }
    .EnterGroupDropdown3{
        width: 24px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .indexbanner3Img1Box{
        width: 35%;
        position: absolute;
        left: 39%;
        top: 0%;
        z-index: 7;
    }
    .indexbanner3Img2Box{
        width: 30%;
        position: absolute;
        left: 60%;
        top: 4%;
        opacity: 0.8;
        z-index: 6;
    }
    .indexbanner3Img3Box{
        width: 22%;
        position: absolute;
        left: 80%;
        top: 10%;
        z-index: 5;
        opacity: 0.7;
    }
    .indexbanner3Img4Box{
        width: 22%;
        position: absolute;
        left: 80%;
        top: 10%;
        z-index: 4;
        opacity: 0;
    }
    .indexbanner3Img5Box{
        width: 35%;
        position: absolute;
        left: 39%;
        top: 0%;
        z-index: 4;
        opacity: 0;
    }
    .indexbanner3Img6Box{
        width: 22%;
        position: absolute;
        left: 6%;
        top: 10%;
        z-index: 4;
        opacity: 0;
    }
    .indexbanner3Img7Box{
        width: 22%;
        position: absolute;
        left: 6%;
        top: 10%;
        z-index: 5;
        opacity: 0.7;
    }
    .indexbanner3Img8Box{
        width: 30%;
        position: absolute;
        left: 20%;
        top: 4%;
        opacity: 0.8;
        z-index: 6;
    }
    .EnterGroup4Box{
        width: 300px;
        height: 450px;
        background-color: #ffffff;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    #EnterGroupmap{
        width: 260px;
        height: 200px;
        position: relative;
        left: 20px;
        top: 20px;
        border:2px solid #00a0c6;
    }
    .EnterGroup4BoxPhoneWord{
        position: absolute;
        top: 234px;
        left: 30px;
        font-size: 12px;
        color: #111111;
    }
    .EnterGroup4BoxPhoneNumber{
        position: absolute;
        top: 225px;
        left: 90px;
        font-size: 20px;
        color: #00a0c6;
    }
    .EnterGroupPlace{
        width: 13px;
        position: absolute;
        top: 260px;
        left: 30px;
    }
    .EnterGroup4BoxPhoneText{
        position: absolute;
        top: 261px;
        left: 55px;
        font-size: 12px;
        color: #656565;
    }
    .EnterGroupTel{
        width: 18px;
        position: absolute;
        top: 290px;
        left: 27px;
    }
    .EnterGroupTelNumber{
        position: absolute;
        top: 290px;
        left: 55px;
        font-size: 12px;
        color: #656565;
    }
    .EnterGroupWX{
        position: absolute;
        top: 325px;
        left: 50px;
        width: 90px;
    }
    .EnterGroupContact{
        position: absolute;
        top: 325px;
        left: 160px;
        width: 90px;
    }

	/* 营销工具 */
	.MarketingToolBannerBox {
		width: 100%;
		height: 100%;
		position: relative;
	}

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

	.MarketingToolBannerTitle {
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		width: 100%;
		position: absolute;
		top: 40px;
	}

	.MarketingToolBannerTitle2 {
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		width: 100%;
		position: absolute;
		top: 80px;
	}

	.MarketingToolBanner1Box {
		width: 360px;
		height: 470px;
		position: absolute;
		perspective: 800px;
		left: 50%;
		top: 100px;
		transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	}

	.MarketingToolBannerImg1 {
		width: 100px;
		position: absolute;
		top: 0;
		left: 50px;
		transform-style: preserve-3d;
		transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
		transition: 2s;
	}

    .MarketingToolBannerImg1:hover {
        transform: rotateX(0deg) rotateY(0deg) scale(1.1);
        -ms-transform: rotateX(0deg) rotateY(0deg) scale(1.1);
    }

	.MarketingToolBannerImg2 {
		width: 100px;
		position: absolute;
		top: 250px;
		left: 50px;
		transform-style: preserve-3d;
		transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
		transition: 2s;
	}

    .MarketingToolBannerImg2:hover {
        transform: rotateX(0deg) rotateY(0deg) scale(1.1);
        -ms-transform: rotateX(0deg) rotateY(0deg) scale(1.1);
    }

	.MarketingToolBannerImg3 {
		width: 100px;
		position: absolute;
		top: 250px;
		left: 215px;
		transform-style: preserve-3d;
		transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
		transition: 2s;
	}

    .MarketingToolBannerImg3:hover {
        transform: rotateX(0deg) rotateY(0deg) scale(1.1);
        -ms-transform: rotateX(0deg) rotateY(0deg) scale(1.1);
    }

	.MarketingToolBannerImg4 {
		width: 100px;
		position: absolute;
		top: 0;
		left: 215px;
		transform-style: preserve-3d;
		transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
		transition: 2s;
	}

    .MarketingToolBannerImg4:hover {
        transform: rotateX(0deg) rotateY(0deg) scale(1.1);
        -ms-transform: rotateX(0deg) rotateY(0deg) scale(1.1);
    }
	.MarketingToolFormMobileBox{
		display: block;
		width: 360px;
		height: 400px;
		position: absolute;
		top: 200px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}
	.MarketingToolFormImgMobileBox{
		width: 320px;
		height: 253px;
		position: absolute;
		top:0;
		left: 20px;
		overflow: hidden
	}
	.MarketingToolFormWheelBox{
		width: 960px;
		height: 253px;
		position: relative;
		left: -320px;
		background-color: #ffffff;
	}
	.MarketingToolFormWheel {
		float: left
	}
	.MarketingToolFormMobileImg {
		width: 320px
	}
	.MarketingToolFormBallBox{
		width: 108px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 500px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.MarketingToolFormBall {
		width: 10px;
		height: 10px;
		background-color: #A7A5A5;
		border-radius: 50%;
		float: left;
		margin-left: 22px
	}
	.MarketingToolFormBox {
		width: 280px;
		height: 221px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		top: 200px;
		display: none
	}

	.MarketingToolFormImgBox {
		width: 840px;
		height: 221px;
		position: absolute;
		left: -280px;
		display: none
	}

	.MarketingToolFormImg {
		width: 280px;
		float: left;
		background-color: #ffffff;
	}

	.MarketingToolFormarrBox {
		width: 360px;
		position: absolute;
		top: 350px;
		left: 50%;
		transform: translateX(-50%);
        -ms-transform: translateX(-50%);
		display: none
	}

	.MarketingToolFormLeft {
		width: 42px;
		float: left;
		cursor: pointer;
	}

	.MarketingToolFormRight {
		width: 42px;
		float: right;
		cursor: pointer;
	}


	/* 申请试用 */
	.ApplyForTrialTitle {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #121212;
	}

	.ApplyForTrialMessage {
		padding-top: 0
	}
	.ApplyForTrialBox{
		width: 360px;
		margin: 0 auto;
	}
	.ApplyForTrialMessageLeftTitle {
		font-size: 20px;
		text-align: center;
		color: #121212;
	}

	.ApplyForTrialMessageRightTitle {
		text-align: center;
		font-size: 20px;
		color: #6d6e6f;
	}

	.ApplyForTrialMessageName {
		width: 320px;
		font-size: 16px;
		color: #121212;
		margin-left: 0;
	}

	.ApplyForTrialMessageCase {
		width: 320px;
		height: 40px;
		border: 1px solid #d6d6d6;
		border-radius: 10px;
		font-size: 12px;
		color: #9c9c9c;
		margin-left: 0;
		padding-left: 20px;
	}

	.ApplyForTrialMessageLeftLine {
		width: 80px;
		height: 3px;
		background-color: #5a9fe6;
		margin: 0 auto;
	}

	.ApplyForTrialMessageRightLine {
		width: 80px;
		height: 3px;
		background-color: #cfd0d1;
		margin: 0 auto;
	}

	.ApplyForTrialMessageArea {
		width: 320px;
		margin-left: 0;
		height: 280px;
		border-radius: 16px;
		border: 1px solid #d6d6d6;
		font-size: 15px;
		color: #9c9c9c;
		padding-left: 20px;
		padding-top: 10px;
	}

	.ApplyForTrialBannerBox {
		transform: scale(1);
		-ms-transform: scale(1);
		margin: 0 auto;
		background: url("../images/ApplyForTrialBanner.png") no-repeat center top;
		position: relative;
		top: 0;
	}

	.ApplyForTrialSubmission {
		width: 150px;
		height: 40px;
		margin: 0 auto;
		font-size: 20px;
		border-radius: 6px;
		color: #ffffff;
		text-align: center;
		line-height: 40px;
		background-color: #5a9fe6;
		cursor: pointer
	}
	.ApplyForTrialBannerBG {
		width: 100%;
		height: 0;
		background-color: #2E313D;
		position: relative;
	}

	.ApplyForTrialBanner {
		width: 100%;
		opacity: 0;
	}

	.ApplyForTrialBannerWordtop {
		width: 16%;
		position: absolute;
		left: 50%;
		top: 14%;
		transform: translateX(-50%);
		opacity: 0;
	}

	.ApplyForTrialBannerWorddown {
		position: absolute;
		width: 360px;
		left: 50%;
		top: 68%;
		transform: translateX(-50%);
		color: #ffffff;
		text-align: center;
		font-size: 10px;
		opacity: 0;
	}

	.ApplyForTrialBannerLine {
		position: absolute;
		left: 50%;
		top: 85%;
		transform: translateX(-50%);
		width: 110px;
		height: 2px;
		background-color: #5a9fe6;
		opacity: 0;
	}

	/* 动态详情 */
	.DynamicDetailsSiteBox {
		width: 100%;
		height: 100px;
		background-color: #ffffff;
	}

	.DynamicDetailsSiteCase {
		width: 360px;
		height: 100px;
		margin: 0 auto;
		position: relative;
	}

	.DynamicDetailsSite {
		width: 116px;
		height: 42px;
		border: 1px solid #e2e2e2;
		position: absolute;
		top: 29px;
		left: 0;
		text-align: center;
		line-height: 42px;
		font-size: 14px;
		color: #666666;
	}

	.DynamicDetailsPosition {
		width: 172px;
		height: 12px;
		text-align: center;
		line-height: 12px;
		font-size: 12px;
		color: #666666;
		position: absolute;
		top: 44px;
		right: 0;
	}

	.DynamicDetailsMessageBox {
		width: 360px;
		margin: 0 auto;
		background-color: #ffffff;
		padding-left: 2px;
		padding-right: 2px;
	}

	.DynamicDetailsTitleBox {
		width: 360px;
		height: 90px;
		border-bottom: 1px solid #dedede;
		position: relative;
	}

	.DynamicDetailsTitle {
		width: 200px;
		font-size: 14px;
		color: #333333;
		position: absolute;
		top: 0;
		left: 0;
	}

	.DynamicDetailsTime {
		font-size: 12px;
		color: #999999;
		position: absolute;
		top: 53px;
		left: 0;
	}

	.DynamicDetailsArrLeft {
		width: 30px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		border: 1px solid #e2e2e2;
		font-size: 28px;
		position: absolute;
		top: 0;
		right: 50px;
	}

	.DynamicDetailsArrRight {
		width: 30px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		border: 1px solid #e2e2e2;
		font-size: 28px;
		position: absolute;
		top: 0;
		right: 0;
	}

	.DynamicDetailsWord {
		font-size: 14px;
		color: #333333;
		line-height: 28px;
	}

	.DynamicDetailsImg {
		width: 300px;
		height: 150px;
	}

	.DynamicDetailsTextBox {
		width: 360px;
	}

	.DynamicDetailsTextTitle {
		width: 1000px;
		margin: 0 auto;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}

	.DynamicDetailsText {
		font-size: 14px;
		color: #333333;
		margin-top: 20px;
	}
	.DynamicDetailsText p{
		font-size: 14px;
		line-height: 24px
	}
	.DynamicDetailsText p img{
		width: 300px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px
	}
	.DynamicDetailstitle {
		width: 1000px;
		margin: 0 auto;
		font-size: 16px;
		color: #333333;
		margin-top: 40px;
		font-weight: bold;
	}
}