#box{
	width: 100%;
}
.masked{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	opacity: 0.7;
	background-color: #777;
	z-index: 11;
	left: 0;
	display: none;
}
#op{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
	display: none;
}
.close{
	position: fixed;
	top: 16%;
	right: 18%
}
.close button{
	padding: 21%;
}
#media{
	width: 60%;
	position: absolute;
	top: 16%;
	left: 20%;
	z-index: 222;
}
.heads{
	width: 70%;
	min-height: 100px;
	margin: 0 auto;
}
.tops{
	margin: 30px 0 0 0;
	position: relative;
}
.menus{
	width: 100%;
}
.tel{
	position: absolute;
	bottom: 5%;
	right: 0;
}
.pp{
	color: #949494;
	text-align: right;
}
.ope{
	font-size: 26px;
	color: #757575;
	text-align: 
}
.menus li{
	width: 11%;
	text-align: center;
	float: left;
	padding: 1% 0;
}
.menus li:hover{
	background: #3CA899;
}
.menus li:hover a{
	color: white;
}
.menus li a{
	color: #706F70;
	font: 18px '思源';
}
.navBar{
	height: 36px;
	display: none;
	position: absolute;
	right: 3%;
	top: 5%; 
}

@font-face {font-family: 'myfont';
    src: url('/myfont/iconfont.eot');
    src: url('/myfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('/myfont/iconfont.woff') format('woff'),
    url('/myfont/iconfont.ttf') format('truetype'),
    url('/myfont/iconfont.svg') format('svg'); 
	}
.navBar span{
	font: 32px 'myfont';
	cursor: pointer;
}
#caidan{
	width: 100%;
	background: white;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4444;
	font: 16px '微软雅黑';
	display: none;
	text-align: center;
}
#caidan ul li{
	list-style: none;
	padding: 17px 0 17px 30px;
	
}
.shut{
	font-size: 40px;
	text-align: center;
}

#banner{
	margin-top: 30px;
}
/*爱游戏·体育-爱游戏(中国)*/
.aboutwe{
	width: 80%;
	margin: 3% auto;
	text-align:center
}
.summary p{
	font-size: 24px;
	margin: 10px 0;
	background-image:-moz-linear-gradient(left,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-webkit-gradient(left,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-webkit-linear-gradient(left,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-o-linear-gradient(left,#5FDCEA, #2AA9C6, #507AA9); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.sums{
	width: 70%;
	color: white;
	margin: 0 auto;
	font-size: 36px;
    background: -webkit-linear-gradient(left,#5FDCEA, #2AA9C6, #507AA9)
}
.lists{
	width: 70%;
	font-size: 26px;
	text-align: left;
	margin: 5% auto
}
.listsleft{
	width: 50%;
	color: white;
	line-height: 1.5;
	padding: 2%;
	background: -webkit-linear-gradient(top left,#5FDCEA, #2AA9C6, #507AA9);
	float: left;
}
.listsright{
	width: 40%;
	font-size: 23px;
	color: #7B7B7B;
	float: right;
}
.listsright li{
	margin: 2% 5%;
	font-size: 21px;
}
.listsright span{
	font-size: 23px;
}
.spots{
	width: 6px;
	height: 6px;
	background: #616161;
	border-radius: 3px;
	display: inline-block;
	margin: 0 3%;
}

.course{
	width: 70%;
	letter-spacing: 2px;
	margin: 0 auto
}
.courleft{
	width: 70%;
	float: left;
	text-align: left;
}

.changs{
	font-size: 32px;
	background-image:-moz-linear-gradient(right,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-webkit-gradient(right,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-webkit-linear-gradient(right,#5FDCEA, #2AA9C6, #507AA9); 
	background-image:-o-linear-gradient(right,#5FDCEA, #2AA9C6, #507AA9); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.sours img{
	vertical-align:bottom;
}
.estash{
	font-size: 22px;
	margin: 1% 2%;
	color: #737171
}
.estas{
	width: 72%;
}
.estas li{
	margin: 6% 0;
}
.estas img{
	margin: 0 2%;
}
.courright{
	width: 30%;
	float: right;
}
.courright img{
	margin: 3% 0;
}
.changss{
	font-size: 25px;
}


.main{
	width: 60%;
	margin: 0 auto;
	margin-top: 20px;
}
.gc{
	width: 100%;
}
.gc-img{
	width: 46%;
	position: relative;
}
.gc-img:hover{
	cursor: pointer;
}
.play{
	width: 20%;
	position: absolute;
	top: 30%;
	left: 42%;
	display: none;
}
.gc-font{
	width: 46%;
}
.gc-img img{
	width: 100%;
	display: block;
}
.gc-font img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.blk{
	width: 100%;
	background: black;
	color: white;
	text-align: center;
	font-size: 20px;
	font-family: '思源';
	padding: 20px 0;
}
.sp{
	text-align: center;
	font: bold 40px '思源';
	color: #605E5F;
	letter-spacing: 4px;
	margin: 80px 0;
}
.zx{
	width: 100%;
	background: #F7F7F7;
}
.zx-font{
	width: 40%;
	text-align: center;
}
.cen{
	margin-top: 80px;
}
.cen p{
	font: bold 40px '思源';
	color: #5F5D5E;
	margin-top: 20%;
}
.cen span{
	display: block;
	margin: 10px 0;
	color: #504F4F;
	font: 20px '思源';
}
.zx-font img{
	display: block;
	margin: 20% auto;
}
.zx-img{
	width: 60%;
}
.zx-img img{
	width: 100%;
}
.service{
	width: 100%;
	margin-top: 40px;
	text-align: center;
}
.serjia h1{
	font: bold 36px '思源';
	letter-spacing: 2px;
	margin: 40px 0;
	color: #5E5C5D;
}
.mach{
	width: 100%;
}
.mach li{
	width: 15%;
	float: left;
	background:-moz-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*Mozilla*/
	background:-webkit-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*Old gradient for webkit*/
    background:-webkit-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*new gradient for Webkit*/
    background:-o-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); /*Opera11*/
	color: white;
	font: bold 26px '思源';
	margin: 0 2.5%;
	padding: 1% 0;
	letter-spacing: 2px;
	border-radius: 25%;
}
.mach li a{
	color: white;
}
.mach li a:hover{
	color: #a7a7a7;
}
.maching{
	width: 52%;
	margin: 5% auto;
}
.maching h2{
	color: #5E5C5D;
	font: bold 32px '思源';
	margin: 4% 0;
}
.maching p{
	color: #6D6B6C;
	font:  18px '思源';
	line-height: 28px;
}
.machs{
	width: 100%;
	margin: 5% 0;
	color: #4A4849;
	font: bold 18px '思源';
}
.machs li{
	width: 18%;
	float: left;
	margin: 0 1%;
}
.machs img{
	width: 100%;
	margin: 16% 0;
	display: block;
}
.serviceitems{
	display: none;
}
.new h2{
	color: #5F5D5E;
	font: bold 30px '思源';
}
.new p{
	color: #4B4443;
	font: 16px '思源';
}
.news{
	margin-top: 10px;
}
.sf{
	background: #F4F9FD;
}
.sf h2{
	letter-spacing: 4px;
	padding: 6px 0;
	font: 34px '思源';
}
.sfimg{
	width: 100%;
	text-align: center;
}
.sfimg img{
	width: 22%;
}

.series{
	margin: 4% 0;
}
.series li{
	float: left;
	width: 10%;
	background:-moz-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*Mozilla*/
	background:-webkit-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*Old gradient for webkit*/
    background:-webkit-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA);/*new gradient for Webkit*/
    background:-o-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); /*Opera11*/
	color: white;
	margin: 1.25%;
	padding: 1% 0;
	border-radius: 10px;
	font: 18px '思源';
}
.series li a{
	color: white;
}
.series li a:hover{
	color: #a7a7a7;
}
.formula{
	margin-top: 20px;
}
.formula h2{
	color: #5E5C5D;
	font: bold 28px '思源';
}
.formula p{
	font: 16px '思源';
	margin: 4px 0;
}
.formula span{
	color: #828182;
	font: 16px '思源';
}
.power h2{
	background-image:-moz-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-o-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
	font: bold 40px '思源';
}
.pow{
	width: 80%;
	margin: 3% auto;
}
.pow li{
	width: 22%;
	float: left;
	margin: 0 1%;
}
.oj8k{
	width: 100%;
	position: relative;
}
.oj8k img{
	width: 100%;
}
.quals{
	position: absolute;
	top: 8%;
	width: 100%;
}
.qualspic{
	width: 32%;
}
.qualstit{
	width: 52%;
	position: absolute;
	top: 24%;
	right: -9%;
	letter-spacing: 1px;
}
.qualstit h2{
	font-size: 24px;
}
.qustop{
	/*background-image:-moz-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-o-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;*/
	font: bold 24px '思源';
	text-align: left;
}
.oj8k a{
	background-image:-moz-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-webkit-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
	background-image:-o-linear-gradient(right,#507AA9, #1ABCD2, #5FDCEA); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.qustop p{
	color: black;
	font: 14px '思源';
	margin: 1% 0;
}
.qustop span{
	font-size: 30px;
}
.qusbot{
	font-size: 20px;
	margin-top: 5%;
}
.sth{
	width: 100%;
	position: absolute;
	top: 32%;
}
.sthtit{
	width: 40%;
	margin-top: 3%;
}
.sthtop{
	font: bold 24px '思源';
	text-align: left;
}
.sthtop span{
	font-size: 30px;
}
.sth p{
	font: 14px '思源';
	margin: 1% 0;
}
.sthpic{
	width: 37%;
	margin-right: 5%;
}
.manor{
	width: 100%;
	position: absolute;
	top: 57%;
}
.manorpic{
	width: 35%;
}
.manortit{
	width: 51%;
	position: absolute;
	top: 8%;
	right: -8%;
	letter-spacing: 1px;
}
.manortop{
	font: bold 24px '思源';
	text-align: left;
}
.manortop span{
	font-size: 30px;
}
.manortop p{
	font: 14px '思源';
	margin: 1% 0;
}
.manorbot{
	margin-top: 5%;
}
.sere{
	width: 100%;
	position: absolute;
	top: 79%;
}
.seretit{
	width: 40%;
	margin-top: 3%;
}
.seretop{
	color: #3BA799;
	font: bold 24px '思源';
	text-align: left;
}
.seretop span{
	font-size: 30px;
}
.sere p{
	color: black;
	font: 14px '思源';
	margin: 1% 0;
}
.serebot{
	margin-top: 30px;
}
.serepic{
	width: 32%;
	margin:2% 9% 0 0;
}


.emoney img{
	width: 100%;
}
.emoney h2{
	color: #5F5D5E;
	font: bold 28px '思源';
	margin: 2% 0;
}
.hotspot{
	margin-top: 20px;
}
.hotspot h2{
	color: #626061;
	font: bold 30px '思源';
	margin: 1% 0;
}
.hotspot img{
	width: 100%;
	display: block;
	margin: 4% 0;
}
.dt{
 	width: 30%;
}
.dt span{
 	font: 22px '思源';
}
.dt span a:hover{
	color: #585858;
}
.dt span a{
	color: #A7A7A7;
}
.dttit{
	text-align: left;
}
.dttit li{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin: 1% 0;
}
.dttit li a{
	color: black;
}
.dtcen{
	margin: 0 5%;
}
.foot{
	background: #F7F7F7;
	margin-top: 30px;
	letter-spacing: 1px;
}
.footl,.footc,.footr{
	width: 28%;
	float: left;
	text-align: left;
	padding: 2%;
	line-height: 2
}
.footcl,.footcr{
	width: 40%;
}
.footc{
	border: 1px solid #CBCBCB;
	border-top: none;
	border-bottom: none;
}
.footc img{
	display: block;
}
.foot .chgs{
	color: #008FD7;
}
.foot .bott{
	font: 600 20px '思源';
}
.oj8ks{
	display: none;
}
#footer a{
	color: black;
}
.baners{
	width: 100%;
	margin: 30px 0;
}
.baners img{
	width: 100%;
}
.major{
	text-align: center;
	color: #5F5D5E;
}
.major p{
	margin: 20px 0;
}
.major h3{
	margin-top: 20px;
}
.maword{
	font-weight: bold;
	font-size: 18px;
}
.partner{
	width: 100%;
	color: #747474;
	text-align: center;
	background: #F7F7F7;
	letter-spacing: 4px;
	margin: 40px 0;
}
.partner p{
	margin: 12px 0;
}
.parfirst{
	font-size: 34px;
	font-weight: bold;
}
.parsec{
	font-weight: bold;
	font-size: 46px;
}
.parthe{
	font-size: 22px;
}


@media screen and (min-width: 768px) and (max-width: 1200px){
	.machs img{
		width: 100%;
	}
}

@media (min-width: 768px){
	.maching{
		width: 100%
	}
}

@media (min-width: 1261px){
	.maching{
		width: 52%
	}
	.mach li{
		width: 19%;
		margin: 0 0.5%;
	}
}


@media (max-width: 767px){
	#banner{
		margin-top: 0px;
	}
	.aboutwe{
		width: 100%
	}
	.aboutwe img{
		width: 95%;
	}
	.summary,.lists,.course{
		width: 96%;
		margin: 0 auto;
	}
	.listsleft{
		width: 96%;
		padding: 4%
	}
	.listsright{
		width: 100%
	}
	.course{
		width: 90%
	}
	.factit {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.sours .smpic,.factit .smpic{
		width: 15%
	}
	.courleft,.courright,.estas{
		width: 100%
	}
	.estash .smpic{
		width: 10%
	}
	#media{
		width: 100%;
		left: 0;
	}
	#media{
		top: 22%;
	}
	.play{
		display: block;
	}
	.close{
		top: 13%;
		right: 0;
	}
	.navBar{
		display: block;
	}
	#caidan{
		font-size: 28px;
	}
	#caidan ul li{
		padding: 17px 0;
	}
	#caidan ul li a{
		color: #3CA899;
	}
	.heads{
		width: 90%;
		text-align: center;
	}
	.tops{
		text-align: center;
	}
	.logos img{
		width: 90%;
	}
	.tel,.menus{
		display: none;
	}
	.main{
		width: 90%;
	}
	.gc-img,.gc-font,.gc-font img,.zx-font,.zx-img,.maching{
		width: 100%;
	}
	.cen p{
		margin-top: 10%;
		font-size: 27px;
	}
	.cen span{
		font-size: 20px;
	}
	.zx-font img{
		width: 70%;
		margin: 10% auto;
	}
	.mach li{
		width: 30%;
		margin: 1%;
		padding: 2% 0;
	}
	.machs{
		font-size: 15px;
	}
	.machs li{
		width: 40%;
		margin: 0 5%;
	}
	.test{
		float: none !important;
		padding: 2% 0;
	}
	.test img{
		margin: 0 auto !important;
		padding: 15% 0;
	}
	.machs img{
		width: 50%;
		margin: 16% auto;
	}
	.sfimg{
		text-align: center;
	}
	.sfimg img{
		width: 40%;
	}
	.sfimg .im{
		margin: 0;
	}
	.series li{
		width: 22%;
		font: 14px '思源';
		padding: 4% 0;
	}
	.pow{
		width: 100%;
	}
	.pow li{
		width: 48%;
		font-size: 15px;
	}
	.powimg{
		width: 34%;
	}
	.scrollBanner-icons{
		bottom: 5px !important;
	}
	.trig{
		display: none;
	}
	.oj8k{
		display: none;
	}
	.oj8ks{
		display: block;
	}
	.qualspic,.qualstits,.sthtit,.sthpic,.manorpic,.manortits,.serepic,.serepics,.sthtits{
		width: 100%;
		float: none;
	}
	.qualstits,.qualss,.sths,.manors,.manortits{
		position: static;
	}
	.qualss,.sths,.manors{
		box-shadow: darkgrey 10px 2px 22px 0;
		margin-top: 8%;
		padding: 4% 0;
	}
	.stps p,.qts p{
		color: black;
		font: 16px '思源';
	}
	.qts p{
		margin: 1% 0;
	}
	.qustop p,.manortop p,.sere p{
		font-size: 16px;
	}
	.dt{
		width: 100%;
		margin: 0;
	}
	.footft{
		display: none;
	}
	.footl, .footc{
		width: 100%;
	}
	.footc{
		border: none;
	}
	.catalog{
		width: 100%;
	}
	.catas{
		width: 50%;
	}
	#footer{
		display: none;
	}

	/*二级	*/
	.tal{
		width: 100%;
		margin: 10px 0 20px 0 !important;
	}
	.shopcata{
		width: 22%;
		/*background: url(/images/tec66_12s.jpg) !important;*/
	}
	.shoptab{
		width: 100%;
	}
	.boxone{
		background: url(/images/tec66_19s.jpg);
	}
	.boxone,.center_01_01_right_01_04_02,.line,.cataLeft{
		width: 70%;
	}
	.center_01_01_right_01_04_02 .ths{
		width: 100%;
	}
	.ths li,.center_01_01_right_01_04_02_02,.center_01_01_right_01_04_02_04 {
		width: 90% !important;
	}
	#center_01_01_right_01_04_02_04_ul{
		width: 100%;
	}
	#center_01_01_right_01_04_02_04_li{
		height: auto;
		padding: 7px;
	}
	.totimg{
		width: 80% !important;
		height: auto !important;
	}
	.shoptit{
		width: 50%;
	}
	.shttop,.shtbt{
		width: 100%;
	}
	.line_height img{
		width: 100%;
		height: inherit;
	}
	.exmoney{
		width: 100% !important;
	}
	.hotspot{
		width: 80%;
		margin: 0 auto;
	}
	.footr{
		display: none;
	}
	.foot{
		width: 90%;
		margin: 0 auto;
	}
	.footcl, .footcr{
		width: 48%;
	}
	.titr{
		width: 100%;
		display: none;
	}
	.line2,.disap{
		display: none;
	}
	.clsbor span,.clsbor a{
		float: none;
	}
	.shopdiv,.shopwid{
		width: 100%;
		height: auto;
	}
	.tdli{
		width: 50%;
		height: 176px;
		float: left;
		padding: 0;
	}
	.shopwidl,.shopwidr{
		display: none;
		width: 2%;
	}
	.shopwidc{
		width: 96%;
	}
	.mtop tr{
		width: 100%;
		line-height: 19px;
	}
	.widimg img{
		width: 100%;
	}
	.mmp{
		width: 100% !important;
	}
	.shopwid tr img{
		width: 100%;
		height: auto;
	}
	.prommp{
		width: 100%;
	}
	.scalet{
		text-align: left;
	}
	/*风尚*/
	.fedbk{
		width: 100%;
	}
	.fedbk img{
		width: 100%;
	}
	.gc-img img{
		width: 75%;
		margin: 0 auto;
	}
	.blk{
		width: 75%;
		margin: 0 auto;
	}
	.sp{
		font-size: 24px;
		margin: 24px 0;
	}
	.cen{
		margin: 22px 0;
	}
	.cen p{
		font-size: 24px;
	}
	.serjia h1,.maching h2,.sf h2,.formula h2,.power h2,.emoney h2，.hotspot h2{
		font-size: 20px;
		color: #5E5C5D;
	}
	.new h2,.emoney h2,.hotspot h2{
		font-size: 25px;
	}
	.mach li{
		font-size: 14px;
	}
	.maching p{
		font-size: 15px;
	}
	.qustop,.sthtop,.manortop{
		font-size: 20px;
	}
	.serjia h1,.service{
		margin: 26px 0;
	}
	.hott{
		width: 10%;
	}
	#machss{
		margin-left:14%;
	}
	.machs{
		display: none;
	}
	.serviceitems,.seritm{
		display: block;
		margin: 0;
	}
	.plan{
		margin-bottom: 10px;
	}