body{width:100%;height: 100%;}
.marketValue,.Overall{min-width: 1206px;}
.par-main,.process,.marketValue,.Overall,.points{width:100%; text-align: center;float: left;}
.par-main,.process{height: 600px;}
.points{height: 240px;}
.marketValue{height: 822px;background-image:url(../image/marketValueBack.png) ;background-size: 100% 100%;}
.marketing{width: 1206px;position: relative;height: 600px;}
.markePar{width: 1206px;height:590px;position: absolute;left: 0px;top:-20px;background: transparent;}
.partner{width:100%;background-color: white;height: 295px;background: transparent;}
.wxPartnets{width:374px;background-color: white;height: 200px;}
.wxPartnets2{width:580px;}
.wxPartnets,.wxPartnets2,.animateList{height:260px;text-align: center;border:1px solid #e9e9e9;border-radius: 10px;display: table;box-shadow:2px 2px 8px #FFDAB9;float: left}
.wxCell{display: table-cell;}
.parImg{height: 75px;} 
.servicePro,.shortVideo{width:1206px;}
.serviceList{width: 100%;height: 390px;margin-top: 52px;}
.processR,.processL{width:50%;height:130px; }
.backProcess{background-color: #F4F5F7;}
.cardR{text-align: left;}
.iconImgL{width:100px;}
.zhdw{width:45px;height:53px}
.ptkf{width: 45px;height: 36px;}
.nryy{width:53px;height:53px}
.hdch{width:53px;height:53px}
.qwtg{width:48px;height:48px}
.sjfx{width:52px;height:52px}
.dspImg{width:100%;margin-top: 50px;}
.marketValueList{margin-top:30px;height: 360px;}
.marketValueList div{height: 260px;flex: 1; -prefix-box-flex: 1; -webkit-box-flex: 1;  -webkit-flex: 1; -moz-box-flex: 1;  -ms-flex: 1; }
#gender,#zBar{width:100%;position: relative;}
 #echartsGen,.circularList,.noteList,.t-note,.t-note2{width:100%;}
.echartFrom{position:absolute;z-index:999;color: red;top:0px;width:50px;height: 50px!important;top:50%;}
.e_from1{margin-left:-45px;margin-top: -30px;left:50%;}
.e_from2{margin-right:-50px;margin-top: -10px;right:50%;}
.echartNum{position:absolute;right:4px;top:2px}
.echartNum2{position:absolute;left:8px;top:10px}
.circular{position: relative;}
.violetCir{width:68px;height: 68px!important;background-color: #B390E4;position: absolute;left:calc(50% - 34px);top:0;line-height: 50px;}
.lavenderCir{width: 59px;height: 58px!important;background: #D078B2;position: absolute;left:calc(50% - 105px);top:50px;}
.lilacCir{width: 53px;height: 53px!important;position: absolute;left:calc(50% - 105px);top:133px;background: #DDA3C9;}
.gingerCir{width: 49px;height: 49px!important;position: absolute;left:calc(50% - 55px);top:195px;background: #FBB196;}
.orangeCir{width: 41px;height: 41px!important;position: absolute;right:calc(50% - 65px);top:195px;background: #FCCBBA;}
.pinkCir{width: 35px;height: 35px!important;position: absolute;right:calc(50% - 115px);top:150px;background: #FDE4DD;}
.colours{width: 78px;height: 78px!important;position: absolute;right:calc(50% - 128px);top:40px;background: #DAC7F4;}
.violetNote{width:269px;height: 43px!important;background: #8F5BD9;border-radius: 22px;margin-left: 35px;line-height:18px}
.orangeNote{width:343px;height: 43px!important; background: #FF6A00;border-radius: 22px;line-height:18px}
.violetNote2{width:233px;height: 43px!important; background: #8F5BD9;border-radius: 22px;margin-left: 75px;line-height:18px}
.orangeNote2{width:252px;height: 51px!important; background: #FF6A00;border-radius: 26px;margin-left: 25px;line-height:18px}
.t-note{height: 43px!important;margin-top: 10px;}
.t-note2{height: 51px!important;margin-top: 10px;}
.note{padding-top:15px}
.violetCir h5,.lavenderCir h5,.lilacCir h5,.gingerCir h6,.pinkCir h5,.colours h5,.orangeCir h6{line-height: 19px;}
/* 整体服务 */
.overallList{width: 1206px;}
.serviceAll{width: 100%;height: 290px;}
.overaR,.overaR2,.overaR3,.overaR4,.overaR5,.overaR6{width:500px;height: 290px;background-size: 100% 100%;}
.overaR{background: url(../image/services/serAll1.png) no-repeat ;}
.overaR2{background: url(../image/services/serAll2.png) no-repeat ;}
.overaR3{background: url(../image/services/serAll3.png) no-repeat ;}
.overaR4{background: url(../image/services/serAll4.png) no-repeat ;}
.overaR5{background: url(../image/services/serAll5.png) no-repeat ;}
.overaR6{background: url(../image/services/serAll6.png) no-repeat ;}
.overaL{flex: 1;height: 290px;}
.titH{width: 500px;height: 118px;}
.titH h1{font-size: 40px!important;color: #FFFFFF!important;line-height:1!important}
.titH h4{margin-top:20px}
.diagnosis,.diagnosisL{width:calc(100% - 20px);height: 290px;float: right;background-color: #F4F5F7;}
.diagnosisL{float: left;}
.diagnosis{float: right;}
.diagList{width: 100%;margin-top:25px}
.diagListL{width: 100%;margin-top:45px}
.diagListLs{width: 100%;margin-top:25px}
.diagListL3{width: 100%;margin-top:27px}
.diagImg{width: 100px;}
.diagImg img,.brandImg img{width:30px;height: 30px;}
.diagR{text-align: left;}
.brand{width:30%;}
.brands{width:50%;}
.brandImg{width:80px}
.brandH{text-align: left;}
.point-d{width:100%;position: relative;z-index:-1;height: 200px;}
.painPoints{width: 1206px;height: 174px;background: url(../image/point.png) no-repeat;background-size: 100% 100%;color: #F4F5F7;}

.dspImg img:hover {
	animation: swing;
	animation-duration: 2s; 
}
.wxPartnets :hover img,.wxPartnets2 :hover img {
	animation: jackInTheBox;
	animation-duration: 2s; 
}
.diagList:hover img{
	animation: swing;
	animation-duration: 2s; 
}
.brand:hover img,.custom:hover img,.brands:hover img{
	animation: swing;
	animation-duration: 2s; 
} 
.cardH5{line-height: 20px;}