@charset "utf-8";
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.index-top{height: 710px;position: relative;}
.top-slider{height: 100%;position: absolute;width: 100%;left: 0px;top:0px;}
.slider-ul{display: block;height: 100%;}
.slider-ul li{display: block;height: 100%;}
.menu-nav{
	position:absolute;top:0px;left:0px;width:100%;z-index:999; height: 66px;
	background: none;
	transition:all .8s;
}
.menu-nav:hover{background: url("../../images/webv4/top_menu_bg.png") repeat-x 0px 50%;}
.top_menu{position: relative;height: 100%;width:1250px;z-index: 999;margin: 0px auto 0;}
.logo-area{height: 100%;width: 200px;float: left;line-height: 66px;}
.logo-area img{margin: 20px 0px 0px 0px;}
.menu-list{height: 100%;float: left;}
.menu-list .menu-ul{display: block;height: 100%;}
.menu-list .menu-ul li{float: left;display:block;}
.menu-list .menu-ul li:FIRST-CHILD {
	margin-left: 0;
}
.menu-list .menu-ul li>a{text-align: center;color: #fff;display: inline-block;height: 100%;line-height: 66px;transition:all .3s;padding: 0px 16px;position: relative;}
.menu-list .menu-ul li>a:hover,.menu-list .menu-ul li>a.cur{color: #30a2fa;}
.sub-show-box{position: absolute;top:66px;z-index: 999;display: none;background-color: #fff;}
.menu-list .menu-ul li:hover .sub-show-box{display: block;}
.sub-show-box.product{width: 640px;border-radius:8px;padding: 25px 30px 0;border: 1px solid #dfe0e1;box-shadow: 2px 3px 8px -1px rgba(76, 135, 253, 0.28);}
.sub-show-box .triangle{
	content: "";
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	line-height: 1;
	display: inline-block;
	left: 38px;
	top: -20px;
}
.sub-show-box .triangle em{
	content: "";
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	line-height: 1;
	display: inline-block;
	left: -10px;
	top: 0px;
}
.sub-show-box .pro-intro-item{padding-left:62px;position: relative;margin-bottom: 30px;width:235px;float: left;}
.sub-show-box .pro-intro-item.even{margin-left: 30px;}
.sub-show-box .pro-intro-item em{position: absolute;left: 0px;width: 48px;height: 46px;}
.sub-show-box .pro-intro-item em.channel{background-position: -99px 0px;}
.sub-show-box .pro-intro-item em.player{background-position: -284px 0px;}
.sub-show-box .pro-intro-item em.nodify{background-position: -550px 0px;width:50px;}
.sub-show-box .pro-intro-item em.opra{background-position: -159px 0px;}
.sub-show-box .pro-intro-item em.abroad{background-position: -617px 0px;}
.sub-show-box .pro-intro-item em.qgad{background-position: -488px 0px;}
.sub-show-box .pro-intro-item h5{font-weight: 600;font-size: 14px;margin-bottom:8px;}
.sub-show-box .pro-intro-item p{color: #848484;font-size: 12px;}
.sub-show-box.sub-menu{border-radius:8px;border: 1px solid #dfe0e1;box-shadow: 2px 3px 8px -1px rgba(76, 135, 253, 0.28);}
.sub-menu-list a{padding: 12px 24px;border-top: 1px solid #dfe0e1;display: block;}
.sub-menu-list a:FIRST-CHILD{border-top: none;}
.login-area{
	float: right;height: 66px;
	color: #fff;
}
.login_box_div{
	height:100%;
	line-height:66px;
	text-align:center;
	letter-spacing:2px;
	border-radius:4px;
}
.login_box_div a{color: #fff;padding: 2px 8px;}
.login_box_div a:hover{color: #4c87fd;}

.banner_con{position: relative;height: 710px;}
.banner-item{position: absolute;}
.banner-item.link-download{top:410px;}
.link-download a{color: #fff;display: block;width:172px;height:54px;line-height: 54px;text-align: center;border: 1px solid #fff;border-radius:54px;font-size:18px;}
.link-download a:hover{background-color: #fff;color: #323232;}
.slider-main{position: relative;margin: 0 auto;}
.slider-link-box{position: absolute;width: 430px;height: 60px;top:365px;right:270px;}
.slider-link-a{display:inline-block;width: 200px;height: 60px;border: 1px solid #fff;line-height: 60px;text-align: center;border-radius:6px;color: #fff;font-size: 24px;}
.slider-link-a:hover,.slider-link-a.cur{background-color: #fff;color: #106fb9;}
#pagination { list-style:none; position:absolute; left:0px; bottom:40px;width:100%; z-index:999;height:20px;; text-align: center;}
#pagination a { 
	display:inline-block; width:12px; height:12px; margin:0px 10px;background-color: #4c4c70;
	border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
#pagination a.cur { background:#fff;width: 24px;}
.controllor{position: absolute;z-index:999;background:url("../../images/web/prev_next_icon.png") no-repeat 0 0; z-index:999;width:36px;height:65px;}
.controllor.prev{left: 50%;top:45%;margin-left: -635px;background-position: 0 0;}
.controllor.next{right: 50%;top:45%;margin-right: -635px;background-position: 0 -142px;}
.banner-tit{font-size: 44px;color: #fff;}

.jian-box{height: 850px;background: url("../../images/webv4/jian_bg.jpg") no-repeat 50% 50%;}
.jian-item{position: absolute;width: 210px;height: 83px;}
.jian-item.item-1{left: 549px;top:388px;width:174px;}
.jian-item.item-1.en-us{left: 510px;top:388px;width:257px;}
.jian-item.item-2{
	right: 164px;bottom:235px;
}
.jian-item.item-2.en-us{width: 277px;line-height: 100%;}
.jian-item.item-3{
	left: 148px;bottom:204px;width:300px;
}
.jian-item.item-3.en-us{line-height: 100%;}
.jian-item.item-4{
	right: 164px;top:164px;
}
.jian-item.item-5{
	left: 148px;top:277px;
}
.jian-item.item-5.en-us{width: 236px;}
.jian-item.item-6{
	right: 164px;top:350px;
}
.jian-item h3{font-size: 18px;font-weight: 600;color: #5b5b5b}
.jian-item p{line-height: 20px;margin-top: 8px;color: #656565;}
.jian-item .more-link{display: inline-block;text-align: center;color: #fff;background-color: #4c87fd;line-height: 36px;border-radius:20px;padding:0px 20px;}
.jian-item .more-link:hover{background-color: #4479e3}

.solution{height: 660px;background:url("../../images/webv4/solution_bg.jpg") no-repeat 50% 50% #f6f7fb;}
.partners{height: 800px;}
.first-tit{margin-top: 74px;text-align: center;font-size: 28px;}
.second-tit{color:#848484;font-size: 20px;text-align: center;margin-top: 20px;}
.solution-item{position: absolute;text-align: center;}
.solution-item h3{font-size: 14px;color: #333;margin-top: 10px;}
.solution-item p{color: #8c8a8a;font-size: 12px;line-height: 150%;margin-top: 6px;}
.game-example-box{margin-top: 100px;}
.game-example-box .jqDockWrap{margin: 0 auto;}
.game-example-box img{height: 140px;}
.pt-game-ul{display: block;margin-top: 100px;}
.pt-game-ul li{float: left;display: block;width: 112px;padding: 0px 22px;}
.pt-game-ul li img{width: 100%;}
.pt-game-ul li .game-tit{margin-top: 28px;text-align: center;}
.pt-product-ul{display: block;margin-top: 60px;}
.pt-product-ul li{float: left;display: block;width:207px;border-left: 1px solid #e3e1e1;text-align: center; }
.pt-product-ul li:FIRST-CHILD{border-left: none;}
.btn-more{display: inline-block;width: 118px;height: 38px;line-height: 38px;border:1px solid #c1c1c1;text-align: center;border-radius:38px; color: #323232;}
.btn-more:HOVER{color: #fff;background-color: #4c95fd;border-color: #4c95fd;}

.contact{height: 400px;background-color: #f6f7fb;}
.cont-left{float: left;width: 47%;}
.cont-left.cright{width:53% ;background-color: #fff;border-radius: 8px;box-shadow: 1px 2px 3px #dedede;}
.cont-left h3{font-size: 20px;}
.cont-left .news-box{margin-top: 26px;}
.cont-left .news-box p{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding-right: 80px;}
.cont-left .news-box a{line-height: 34px;vertical-align: middle;font-size: 16px;display: inline-block;position: relative;padding-right: 20px;}
.cont-left .news-box a:hover{color: #4c87fd;}
.cont-left .news-box a img{position: absolute;top: 10px;right: -20px;}
.cancat-ul {margin-top: 26px;display: block;}
.cancat-ul li{float: left;display: block;width: 33%;}
.cancat-ul li h4{font-size: 16px;padding-left: 50px;position: relative;line-height: 30px;font-weight: 600;}
.cancat-ul li h4 em{position: absolute;width: 35px;height: 30px;left: 0;}
.cancat-ul li h4 em.hezuo{background-position: -41px 0;}
.cancat-ul li h4 em.support{background-position: -45px -43px;}
.cancat-ul li .con-info-box{margin-top: 20px;}
.cancat-ul li .con-info-box p{line-height: 28px;}
.concat-r-box{padding:20px 10px 20px 150px;height: 168px;background: url("../../images/webv4/index_concat_bg.png") no-repeat 20px 50px; }
.concat-r-box li{display: block;float: left;margin-left: 20px;}
.concat-r-box li h4{font-size: 16px;color: #323232;font-weight: 600;margin-bottom: 20px;padding-left:40px;position: relative;line-height: 30px;}
.concat-r-box li h4 em{position: absolute;width: 30px;height: 30px;left: 0px;top: 0px; background: url("../../images/webv4/sprites_bg.png") no-repeat;}
.concat-r-box li h4.buz em{background-position: -101px -56px;}
.concat-r-box li h4.surport em{background-position: -163px -56px;}
.concat-r-box li p{color: #8a8989;line-height: 24px;}

.fb-menu{background-color: #282c33;padding: 10px 0 10px 0;}
.fb-menu-left{float: left;width: 850px;height: 100%;}
.fb-menu-right{float: left;width: 399px;text-align: center;height: 142px;padding-bottom: 62px;border-left: 1px solid #363a42}
.fb-menu-ul{display: block;}
.fb-menu-ul li{float: left;display: block;width: 25%;color: #fff;}
.fb-menu-ul li h4{font-size: 16px;margin-bottom: 22px;}
.fb-menu-ul li p{line-height: 30px;font-size: 14px;color: #ccc}
.fb-menu-ul li p a{color: #ccc;}

.footer-block{background-color:#23272e;padding: 16px 0;color: #ccc;text-align: center;line-height: 24px;}
.footer-block a{color: #ccc;}
.fri-link-box{padding: 15px 0px 10px;border-bottom: 1px solid #393d43;}
.fri-link-box .fri-l{height: 25px;border-right: 1px solid #393d43;color: #fff;font-size: 16px;padding-right: 45px;margin-right: 45px;line-height: 20px;}
.fri-link-box .fri_r{margin-left: 155px;}
.fri-link-box .fri_r.en-us{margin-left: 230px;}
.fri-link-box .fri_r a{color: #ccc;float: left;margin: 0px 30px 0px 0px;line-height: 15px;margin-bottom: 15px;}