﻿

.content{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#fff;
}
.content .bodyCon{
	width:1200px;
	height:auto;
	margin:0 auto;
}
.content .bodyConChild{
	margin-top: 50px;
	width: 1200px;
	height: 570px;
}
.content .bodyConChild .blockTitle{
	float: left;
	width:341px;
	height:570px;
}
.content .blockTitle .TitleLeft {
	float: left;
	width:100px;
	height:42px;
	color:#fff;
	font-size:16px;
	line-height:42px;
	text-align:center;
}
.content .blockTitle  .TitleType1{
	background:#57b5fe url("../staticzx/images/lefticon_03.png") no-repeat right center;
}
.content .blockTitle .TitleType2{
	background:#29BEA9!important ;
}
.content .blockTitle .TitleType3{
	background:#24d6bd url("../staticzx/images/lefticon_08.png") no-repeat right center;
}
.content .blockTitle .TitleType4{
	background:#e0a1fa url("../staticzx/images/lefticon_10.png") no-repeat right center;
}

.content .blockTitle .titleCon{
	float:left;
	width:auto;
	height:42px;
	line-height:42px;
	color:#000000;
	font-size:18px;
	padding-left:7px;
}
.content .blockTitle .Consultation{
	float:left;
	margin-top:20px;
	width:341px;
	height:507px;
	overflow:hidden;
}
.content .blockTitle .bmp1{
	background:url("../staticzx/images/consultation_07.png") no-repeat left center;
}
.content .blockTitle .bmp2{
	background:url("../staticzx/images/leftbmp_03.jpg") no-repeat left center;
	background-size: 95%;
}
.content .blockTitle .bmp3{
	background:url("../staticzx/images/leftbmp_07.png") no-repeat left center;
}
.content .blockTitle .bmp4{
	background:url("../staticzx/images/leftbmp_10.png") no-repeat left center;
}
.Consultation .ConsuBtnside{
	width:341px;
	margin-top:430px;
	height:auto;
}
.content .ConsuBtnside li{
	float:left;
	margin-left:20px;
	padding:10px 35px;
	border-radius:5px;
	background:#fff;
}
.content .ConsuBtnside li a{
	color:#000;
	padding-top:4px ;
	font-size:16px;
}
.content .ConsuBtnside .gussBuy1{
	background:url("../staticzx/images/icon-produc_09.png") no-repeat left center;
}
.content .ConsuBtnside .gussAsk1{
	background:url("../staticzx/images/icon-product_10.png") no-repeat left center;
}
.content .ConsuBtnside .gussBuy2{
	background:url("../staticzx/images/iconleft1_34.png") no-repeat left center;
}
.content .ConsuBtnside .gussAsk2{
	background:url("../staticzx/images/iconleft1_37.png") no-repeat left center;
}
.content .ConsuBtnside .gussBuy3{
	background:url("../staticzx/images/iconleft1_42.png") no-repeat left center;
}
.content .ConsuBtnside .gussAsk3{
	background:url("../images/iconleft1_43.png") no-repeat left center;
}
.content .ConsuBtnside .gussBuy4{
	background:url("../images/iconleft1_46.png") no-repeat left center;
}
.content .ConsuBtnside .gussAsk4{
	background:url("../images/iconleft1_47.png") no-repeat left center;
}
.content .blockContent{
	float:left;
	margin-left:-17px;
	width:870px;
	height:570px;
	margin-top:0;
	overflow:hidden;
}
.content .blockContent .tabLi{
	width:100%;
	height:36px;
	margin-top:44px;
	line-height:36px;
}
.content .blockContent .tabLiType1{
	border-bottom:2px solid #1595e7;
}
.content .blockContent .tabLiType2{
	border-bottom:2px solid  #3cb87e;
}
.content .blockContent .tabLiType3{
	border-bottom:2px solid #3cb87e;
}
.content .blockContent .tabLiType4{
	border-bottom:2px solid #b385e7;
}
.content .blockContent .tabLi span{
	display:inline-block;
	height: 36px;
	line-height:36px;
	float:right;
}
.content .tabLi span a{
	color:#666666;
}
.content .blockContent .tabUL{
	margin-left:100px;
}

.content .blockContent .tabUL li{
	padding:0 25px;
	height:36px;
	font-size:16px;
	line-height:36px;
	float: left;
	margin-right:30px;
	cursor:pointer;
}
.content .blockContent .tabLiType1 li.active{
	color:#fff;
	background:#1595e7;
}
.content .blockContent .tabLiType2 li.active{
	color:#fff;
	background:#3cb87e;
}
.content .blockContent .tabLiType3 li.active{
	color:#fff;
	background:#3cb87e;
}
.content .blockContent .tabLiType4 li.active{
	color:#fff;
	background:#b385e7;
}
.content .blockContent .tabConBox{
	width:100%;
	height:490px;
}
.content .tabConBox .tabcon{
	width:100%;
	height:490px;
	position:relative;
}
.content .tabcon .tabconLi{
	width:100%;
	height:100%;
	background: #fff;
	position:absolute;
	left:0;
	top:0;
	display: none;
	overflow: hidden;
}
.content .tabcon>li.active{
	display:block;
}
.content .tabconLi .ConLichild{
	float:left;
	margin-top:42px;
	margin-left:20px;
	width:353px;
	height:71px;
}
.content .tabconLi .conOdd{
	margin-right:120px;
}
.content .ConLichild>img{
	width:71px;
	height:71px;
	display:block;
	float:left;
	margin-right:18px;
}
.content .ConLichild>h4{
	float:right;
	height:24px;
	width:260px;
	vertical-align:top;
	font-size:16px;
	font-weight:normal;
	color:#333;
}
.content .ConLichild>p{
	display: block;
	float:right;
	height:47px;
	width:260px;
	font-size:12px;
	line-height:16px;
	color:#808080;
	overflow:hidden;
}
.content .tabconLi .productDis{
	margin-left:20px;
	margin-top:57px;
	width:850px;
	height:187px;
}
.content .tabconLi .productDis li{
	float:left;
	margin-left:64px;
}
.content .productDis li>img{
	display:block;
	width:194px;
	height:119px;
}
.content .productDis li .otherSize{
	display:block;
	width:113px;
	height:113px;
	margin-left:40px;
}
.content .productDis li>h4{
	width:194px;
	height:68px;
	font-weight:normal;
	text-align:center;
	line-height:68px;
	font-size:12px;
	color:#333333;
}
.content .tabconLi .distribution{
	margin-top:10px;
	width:100%;
	height:auto;
}
.content .distribution .distriTitle{
	width:100%;
	height:86px;
	font-size:16px;
	line-height:86px;
	text-align:center;
}
.content .distribution .distriUL{
	width:870px;
	height:auto;
}
.content .distribution .distriUL>li{
	width:144px;
	height:145px;
	float:left;
}
.content .distriUL li>img{
	display:block;
	margin-left:27px;
	width:90px;
	height:90px;
}
.content .distriUL li>h4{
	width:144px;
	height:40px;
	font-weight:normal;
	text-align:center;
	line-height:40px;
	color:#333333;
}
.content .tabconLi .systermCon{
	margin-left:45px;
	margin-top:20px;
}
.content .tabconLi .systermSpe{
	float:left;
	width:248px;
	height:140px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.content .tabconLi .systermSpe>img{
	width:65px;
	height: 65px;
	display: block;
}
.content .tabconLi .systermSpe>h4{
	width:100%;
	height: 48px;
	font-weight: normal;
	text-align: center;
	line-height: 48px;
	color:#333333;
}
.content .tabconLi .centerLi{
	width:290px;
}
.content .tabconLi .borderRight{
	border-right:none;
}
.content .tabconLi .borderBottom{
	border-bottom: none;
}
.content .tabconLi .markertUl{
	margin-top:50px;
	margin-left:20px;
	width:870px;
	height:470px;
}
.content .tabconLi .markertUl>li{
	float:left;
	width:134px;
	height: 139px;
	border:1px solid #e6e6e6;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 33px;
	margin-top:37px
}
.content .markertUl>li a{
	display: block;
	width:134px;
	height: 139px;
}
.content .markertUl>li a img{
	display: block;
	width:48px;
	height: 48px;
	margin-top:27px;
	margin-left:42px;
}
.content .markertUl .marketTitle{
	width:134px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	align-items: center;
	color:#333333;
}
.content .markertUl .marketBtn{
	width:134px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-top:1px solid #e6e6e6;
	background: #1595e7;
	color:#fff;
}
.content .sptitleh{
	width:100%;
	margin-top: 45px;
	text-align:center;
	color:#000;
	font-size:18px;
	float:left;
}
.content  .leftImg{
	float:left;
	display: block;
	width:301px;
	height:159px;
	margin-left:44px;
}
.content .tabconLi .pCon{
	width:400px;
	float:left;
	margin-left:80px;
	margin-top:40px;
	display:block;
	line-height:28px;
	font-size:14px;
	color:#666666;
}

.content .bodyCon .Jingying,.serverCon .Jingying{
	margin:0 auto;
	width:100%;
	height: 44px;
	font-size: 44px;
	color:#333;
	text-align: center;
	line-height: 44px;
	margin-top:75px;
}
.content .bodyCon .JingyingDes,.serverCon .JingyingDes{
	margin:0 auto;
	width:100%;
	height: 72px;
	font-size: 22px;
	color:#888;
	text-align: center;
	line-height: 72px;
	margin-bottom:20px;
}
.content .bodyCon .teamTag,.serverCon .teamTag{
	width:100%;
	height: 227px;
	margin:0 auto;
	margin-bottom: 96px;
}
.content .serverCon .teamTag>img ,.serverCon .teamTag .suportList{
	display:block;
	width:213px;
	height:228px ;
	float: left;
	margin-right: 33px;
	overflow:hidden;
}

.content .ourServer{
	width: 100%;
	height: 544px;
}
.content .serverSupport{
	background:url("../staticzx/images/bgpimg_02.png")repeat left center;
	margin-top:100px;
}
.content .serverCon{
	width: 1200px;
	height: 544px;
	margin:0 auto;
	overflow:hidden;
}
.content .ourGuess{
	width:100%;
	height:775px;
}
.content .ourGuess .ourGuessCon{
	width:1200px;
	height: 775px;
	margin:0 auto;
}
.content .ourGuess .ourGuessTitle{
	margin-top:30px;
	width:1200px;
	height:164px;
	text-align: center;
	line-height: 164px;
	color:#333;
	font-size: 44px;
}
.content .ourGuess .guessUl{
	width: 1200px;
	height: auto;
}
.content .ourGuess .guessUl .guessList{
	display: block;
	width:272px;
	height: 240px;
	float: left;
	margin-bottom: 40px;
	margin-right: 37px;
}
.content .guessUl .guessList>img{
	display: block;
	width:272px;
	height: 152px;
}
.content .guessUl .guessList .guessName{
	width: 272px;
	height: 52px;
	line-height: 52px;
	font-size: 22px;
	text-align: center;
	color:#333;
}
.content .guessUl .guessList .guessWord{
	width:272px;
	height: 14px;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	color:#888;
}
.content .mouthWord{
	width:100%;
	height:625px;
	background:#f0f2f5;
}
.content .mouthWord .mouthWordCon{
	width:1200px;
	height:590px;
	margin:0 auto;
}
.content .mouthWord .mouthWordTitle{
	margin:0 auto;
// margin-top:55px;
	width:1200px;
	height:46px;
	text-align:center;
	line-height:46px;
	color:#333;
	font-size:44px;
	background:#f0f2f5;
}
.content .mouthWord .mouthwordDes{
	flaot:left;
	width:1200px;

	text-align:center;
	margin-top:30px;
	font-size:16px;
	color:#888888;
}
.mouthwordDes{
	flaot:left;
	width:1200px;

	text-align:center;
	margin-top:30px;
	font-size:16px;
	color:#888888;
}
.content .guessEvaluate{
	width:1200px;
	height:318px;
	margin:0 auto;
	margin-top:30px;
}
.content  .guessEvaluate .evaluate{
	float:left;
	width:300px;
	height:318px;
	background:#fff;
	border-radius:5px;
	margin-right:55px;

}
.content .evaluate .evaluateDes{
	margin-left:47px;
	margin-top:30px;
	width:210px;
	height:160px;

	line-height:24px;
}
.content .evaluate .guessIcon{
	display:block;
	width:45px;
	height:45px;
	margin-left:131px;
	margin-top:16px;
}
.content .evaluate .guessBoss{
	margin-top:8px;
	width:300px;
	line-height:20px;

	color:#333;
	text-align:center;
}
.content .buyMode{
	width:100%;
	height:440px;
	background:url("../staticzx/images/buy_12.png") repeat left center;
}
.content .buyModeCon{
	width:1200px;
	height:440px;
	margin:0 auto;
}
.content .buyModeCon .buyTitle{
	width:1200px;
	height:162px;
	text-align:center;
	line-height:162px;
	font-size:44px;
	color:#333;
}
.content .buyModeCon .callus{
	width:334px;
	height:114px;
	float:left;
	padding-left:66px;
	text-align:left;
	font-size:24px;
	color:#333333;
	line-height:114px;
}
.content .buyModeCon .call1{
	background:url("../staticzx/images/callicon_03.png") no-repeat left center;
}
.content .buyModeCon .call2{
	width: 225px;
	padding-left:171px;
	background:url("../staticzx/images/callicon_08.png") no-repeat 85px center;
}
.content .buyModeCon .call3{
	background:url("../staticzx/images/callicon_05.png") no-repeat right center;
}
.content .buyModeCon .immediateAsk{
	width:200px;
	height:47px;
	background:#db5800;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:47px;
	border-radius:5px;
	margin-left:504px;
	margin-top:57px;
	cursor:pointer;
}
.content .yunkeXueyuan{
	width:100%;
	height:484px;
}
.content .yunkeXueyuan .yunKeCon{
	width:1200px;
	height:484px;
	margin:0 auto;
	margin-top:90px;
	overflow:hidden;
}
.content .yunKeCon .yunkeWrod{
	width:305px;
	height:59px;
	float:left;
}
.content .yunKeCon .lineBox{
	width:870px;
	height:59px;
	float:right;
// border:1px solid #333;
	background:url("../staticzx/images/line_18.png") repeat-x left center;
}
.content .yunkeXueyuan .yunKeTitle{
	width:1200px;
	height:59px;
}
.content .yunkeWrod .word1{
	font-size:44px;
	color:#333;
	float:left;
}
.content .yunkeWrod .word2{
	margin-top:10px;
	font-size:24px;
	color:#e6e6e6;
	float:left;
	margin-left:20px;
}
.content .yunkeWrod .word3{
	font-size:12px;
	color:#cccccc;
	float:left;
	margin-left:20px;
}
.content .yunKeCon .yunkeList{
	width:280px;
	height:320px;
	float:left;
	margin-right:25px;
	margin-top:30px;
}
.content .yunkeList .listTitle{
	width:280px;
	height:34px;
	line-height:34px;
}
.content .yunkeList .newUl{
	width:280px;
	height:auto;
	margin-top:10px;
}
.content .yunkeList .newUl li{
	width:280px;
	height:32px;
}
.content .newUl li>a{
	display:block;
	width:280px;
	height:32px;
	line-height:33px;
}
.content .newUl li .newTime{
	display:block;
	height:32px;
	color:#888;
	float:left;
	margin-left:20px;
}
.content .newUl li .newTitle{
	float: left;
	display:block;
	width:195px;
	height:32px;
	line-height:32px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.whiteBg{
	background-color: #fff;
}
.Case-Box2{overflow: hidden;}
.Case-Box2 .mH-Top{ padding-top: 50px;}
.Case-Box2 .Case-Cont{ margin-top: 40px;}
.picScroll-left2 .bd{  width:1200px;overflow:hidden;  position:relative;  }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1;  width:1200px;}
.picScroll-left2 .bd ul li{ width: 242px; height: 345px; background-image: url("../staticzx/images/index_28.jpg"); -webkit-transition: all .5s;
	float:left; _display:inline; overflow:hidden; text-align:center;cursor: pointer;
	margin-right: 10px;position:relative; margin-bottom: 30px;margin-left: 40px
}
.picScroll-left2 .bd ul li:hover{
	box-shadow: 0px 5px 20px #a8a6a6;

}
.picScroll-left2 .bd ul li img{
	-webkit-transition: all .5s;
}
.picScroll-left2 .bd ul li:hover img{
	transform: scale(1.2);
}
.picScroll-left2 .bd ul li .pic{ text-align:center; /*border: solid 1px #dedede;*/ margin:1px;width:240px; height:154px;overflow:hidden;}
.picScroll-left2 .bd ul li .pic img{ width:240px; height:156px;  display:block;  }

.picScroll-left2 .bd ul li .rsp{width:240px;height:154px;overflow:hidden;background:#000;top:100px;left:1px; padding: 1px;}
.picScroll-left2 .bd ul li .text{width:240px;height:154px;left:-200px;top:0px;overflow:hidden;background-image: url("../staticzx/images/index_31.png"); background-position: center; background-repeat: no-repeat;}
.picScroll-left2 .bd ul li .text a{ display: block;width:240px;height:154px;}

.picScroll-left2 .bd ul li .pic a:hover img{  }
.picScroll-left2 .bd ul li .title{ line-height:40px;  font-size: 14px; height: 40px; overflow: hidden; width: 220px; margin: 0 auto 0 auto; border-bottom: solid 1px #dedede ; }
.picScroll-left2 .bd ul li .title a{ color: #333333;}
.picScroll-left2 .bd ul li .cont{ width: 220px; margin: 5px auto 0 auto; height: 87px; overflow: hidden; line-height: 22px; font-size: 14px }
.picScroll-left2 .bd ul li .more{background:#29BEA9!important ; width: 48px; height: 48px; padding-top: 13px; text-align: center; color: #ffffff; display: block; margin-left: 93px; margin-top: 2px;font-size: 10px;line-height: 20px;border-radius: 50%}
.picScroll-left2 .bd ul li .more:hover{background-image: url("../staticzx/images/index_30.png");}

