@charset "utf-8";
html, body{
	height: auto;
	background-color: #F8F9FB;
	max-width: 1920px;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.index-top{height: 570px;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%;}
.nav_main{min-width: 1250px;}
.main{width: 1250px;}
.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: 650px;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 em.glinkad{background-position: -668px 0px;}
.sub-show-box .pro-intro-item em.qkdeploy{background-position: -731px 2px;}
.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: 100%;}
.banner-item{position: absolute;}
.banner-item.link-download{top:350px;}
.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;}
.link-download a.qsdk-link:hover{color: #5c18ce}
.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: rgba(76, 76, 112, 0.5);
	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: 898px;background: url("../../images/webv4/index_service_bg.png?v=11221035") no-repeat 50% 0;background-color: #F8F9FB;}
.jian-item{width: 307px;height: 305px;float: left;text-align: center;margin: 0px 54px 40px 54px;transition:0.8s;}
.jian-item .jian-item-img{margin-top: 28px;}
.jian-item .jian-item-img em{display:inline-block; width: 128px;height: 128px;background: url("../../images/webv4/index_service_icons.png?v=221012") no-repeat;border-radius: 64px;transition:0.6s;}
.jian-item .jian-item-img em.qsdk{background-position: 26px 15px;}
.jian-item .jian-item-img em.qgcn{background-position: -363px 15px;}
.jian-item .jian-item-img em.qgoversea{background-position: -100px 15px;}
.jian-item .jian-item-img em.qkad{background-position: -510px 15px;}
.jian-item .jian-item-img em.qkim{background-position: -660px 15px;}
.jian-item .jian-item-img em.glink{background-position: -230px 18px;}
.jian-item .jian-item-img em.yingxiao{background-position: -803px 15px;}
.jian-item:hover{box-shadow:0px 10px 28px 4px rgba(208,222,245,0.22);background-color: #fff;}
.jian-item:hover .jian-item-img em{background-color: #5371e9;}
.jian-item:hover .jian-item-img em.qsdk{background-position: 26px -117px;}
.jian-item:hover .jian-item-img em.qgcn{background-position: -363px -116px;}
.jian-item:hover .jian-item-img em.qgoversea{background-position: -98px -120px;}
.jian-item:hover .jian-item-img em.qkad{background-position: -510px -117px;}
.jian-item:hover .jian-item-img em.qkim{background-position: -660px -116px;}
.jian-item:hover .jian-item-img em.glink{background-position: -230px -115px;}
.jian-item:hover .jian-item-img em.yingxiao{background-position: -803px -115px;}
.jian-item h3{font-size: 16px;font-weight: 600;color: #1B174B;margin-top: 18px;}
.jian-item p{line-height: 28px;margin-top: 20px;color: #322f4d;font-size: 14px;font-weight: 600;}
.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: 53px;text-align: center;font-size: 32px;color: #092E5B;font-weight: 600;}
.jian-box .first-tit.animate{animation:sloganMov 4s 1;}
@-ms-keyframes sloganMov
{
    from {opacity: 0;}
    to {opacity: 1;}
}
@-moz-keyframes sloganMov
{
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes sloganMov
{
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes sloganMov
{
    from {opacity: 0;}
    to {opacity: 1;}
}

.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:562px;background: url("../../images/webv4/index_contact_bg.png") 50% 50% no-repeat;background-color: #fff;}
.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{}
.concat-r-box li{display: block;float: left;width: 320px;min-height: 370px;box-sizing:border-box; box-shadow:0px 0px 40px 0px rgba(0,0,0,0.06);background-color: #fff;position: relative;padding: 16px 20px 10px 20px;margin: 65px 48px;}
.concat-r-box li h4{height: 80px;padding-left: 100px;position: relative;}
.concat-r-box li h4 em{position: absolute;width: 80px;height: 80px;left: 0px;top: 0px; background: url("../../images/webv4/sprites_bg.png") no-repeat;}
.concat-r-box li h4.buz em{background: url("../../images/webv4/contack_buz_bg.png") no-repeat 50% 50%;background-size: 100%;}
.concat-r-box li h4.surport em{background: url("../../images/webv4/contact_tech_bg.png") no-repeat 50% 50%;background-size: 100%;}
.concat-r-box li h4.market em{background: url("../../images/webv4/contact_market_bg.png") no-repeat 50% 50%;background-size: 100%;}
.concat-r-box li h4 .contact-sub-tit{font-size: 20px;color: #2C4059;line-height: 30px;padding-top: 10px;}
.concat-r-box li h4.en-us{padding-left: 90px;}
.concat-r-box li h4.en-us .contact-sub-tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-weight: 600;}
.concat-r-box li h4 .contact-sub-name{font-size: 16px;color: #2C4059;}
.concat-r-box li p.contact-p-desc{color: #2C4059;line-height: 30px;font-size: 14px;}
.concat-r-box li .contact-radius-box{position: absolute;width: 74px;height: 91px;right: -1px;bottom: -1px;}
.concat-r-box li .contact-radius-box.buz{background: url("../../images/webv4/contack_buz_radius_bg.png") no-repeat 50%;}
.concat-r-box li .contact-radius-box.market{background: url("../../images/webv4/contact_market_radius_bg.png") no-repeat 50%;}
.concat-r-box li .contact-radius-box.surport{background: url("../../images/webv4/contact_tech_radius_bg.png") no-repeat 50%;}
.contact .contact-tit{position: absolute;top:205px;font-size: 40px;color: #092E5B;}
.contact .contact-tit em{position: absolute;width: 28px;height: 11px;background: url("../../images/webv4/index_contact_arrow.png") no-repeat 50%;bottom:-30px;left: 0px;}
.concat-r-box li p.contact-p-desc.qrcode{}
.contact-p-desc.qrcode .contact-img{width: 100px;height: 100px;float: left;}
.contact-p-desc.qrcode .qrcode-txt{float: left;line-height: 100px;font-weight: bold;font-size: 14px;margin-left: 20px;}

.fb-menu{background-color: #282c33;max-height:500px; background: url("../../images/webv4/index_footer_bg.jpg") no-repeat 50% 50%;}
.fb-menu-left{float: left;width: 700px;height: 100%;}
.fb-menu-right{float: left;width: 300px;text-align: center;height: 142px;padding-bottom: 62px;border-left: 1px solid #D4D7F9}
.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: #fff;}

.footer-block{padding: 16px 0;color: #fff;text-align: center;line-height: 24px;background-color: #666FEF;}
.footer-block a{color: #fff;}
.fri-link-box{padding: 15px 0px 10px;border-bottom: 1px solid #9CA2E8;margin-top: 30px;}
.fri-link-box .fri-l{height: 25px;border-right: 1px solid #8B93EC;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: #fff;float: left;margin: 0px 30px 0px 0px;line-height: 22px;margin-bottom: 15px;}
.data-box{height: 435px;background: url(../../images/webv4/index_data_bg.jpg?v=2) no-repeat 50% 50% #705ec6;}
.index-data-ul{display: block;margin-top: 65px;}
.index-data-ul li{float: left;display: block;width: 20%;height: 231px;color: #fff;text-align: center;}
.index-data-ul .index-data-h2{font-size: 46px;font-weight: 600;margin-top: 45px;}
.index-data-ul .index-data-smTit{font-size: 22px;font-weight: 400;}
.index-data-ul .index-data-ptxt{margin-top: 12px;font-size: 20px;}
.index-exp{height: 400px;}
.index-exp-cont{text-align: center;font-size: 0;  -webkit-perspective: 2000px;perspective: 2000px;position: relative;height: 300px;}
.index-exp-item{width: 620px;height: 300px;background-color: #203159;position: absolute;cursor: pointer;transition:transform 0.3s ease-in-out;top:0px;}
.index-exp-item.index-exp-oversea{z-index: 9;transform:rotateY(25deg);left: 30px;}
.index-exp-item.index-exp-cn{left: 585px;z-index: 7;transform:rotateY(-25deg);*left:620px;_left:620px;left:620px\9;}
.index-exp-item ul{display: block;margin-top: 35px;}
.index-exp-item ul li{display: block;float: left;width: 153px;}
.index-exp-item .exp-item-img img{width:115px; border-radius: 15px;height: 115px;}
.index-exp-item .exp-item-name{color: #fff;white-space: nowrap;overflow: hidden;text-align: center;text-overflow: ellipsis;font-size: 14px;margin-top:18px;}
.index-exp-item .exp-btm{background:none;height: 50px;text-align: center;color: #fff;font-size: 18px;font-weight: 600;line-height: 50px;margin-top:25px; }
.index-exp-item.act{background-color: #fff;transform:rotateY(0deg);}
.index-exp-item.act .exp-item-name{color: #333;font-weight: 600;margin-top: 25px;}
.index-exp-item.act .exp-btm{color: #010101;}
.index-exp-item.index-exp-oversea.act{background-image:url("../../images/webv4/index_world_map.png");background-repeat: no-repeat;background-position: 50%;z-index: 8;left: 25px; }
.index-exp-item.index-exp-cn.act{background-image:url("../../images/webv4/index_china_map.png");background-repeat: no-repeat;background-position: 50%; z-index: 9;left: 610px;}
.index-news-main{box-sizing: content-box;padding-bottom: 100px;background:linear-gradient(0deg,rgba(227,238,255,1),rgba(236,231,243,1));}
.second-tit{margin-top: 15px;line-height: 22px;text-align: center;}
.second-tit-link{font-size: 14px;color: #092E5B;border-bottom: 1px solid #092E5B;line-height: 22px;padding-bottom: 2px;}
.index-news-cont{background-color: #fff;}
.index-news-l{width: 550px;float: left;position: relative;height: 400px;transition:0.3s}
.index-news-r{width: 699px;float: left;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.06);height: 400px;}
.news-imgbox-bg{position: absolute;height: 100%;width: 100%;z-index: 8;left: 0px;top: 0px;overflow: hidden;}
.news-imgbox-bg img{width: 100%;height: 100%;-webkit-transition:-webkit-transform 0.3s ease-in-out;-ms-transition:-ms-transform 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out}
.news-imgbox-bg:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1);-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}
.news-imgbox-btm{position: absolute;z-index:9; bottom: 0px;left: 0px;width: 100%;height: 80px;background-color: rgba(0,0,0,0.30);color: #fff;box-sizing: border-box;padding: 14px 25px 14px 100px;}
.news-imgbox-btm .news-item-dt{position:absolute; width: 90px;text-align: center;border-right: 1px solid #fff;left: 0px;}
.news-imgbox-btm .news-item-dt .dt-year{font-size: 18px;}
.news-imgbox-btm .news-item-dt .dt-date{font-size: 16px;}
.news-imgbox-btm .news-item-r .item-r-tit{color:#fff; font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.news-imgbox-btm .news-item-r .item-r-p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;}
.index-news-r ul{display: block;}
.index-news-r ul li{display: block;position: relative;box-sizing: border-box;padding: 0px 0px 0px 50px;transition:all 0.3s}
.index-news-r ul li:HOVER{box-shadow: 0px 7px 28px 4px rgba(220, 220, 220, 0.38);}
.index-news-r .news-item-dt{position: absolute;width: 72px;height: 72px;border-radius: 0px 8px 0px 8px;line-height: 72px;text-align: center;font-size: 20px;color: #333;background-color: #F1F1F1;left: 0px;transition:all 0.3s}
.index-news-r .news-item-r {height: 72px;padding-left: 18px;border-left: 1px solid #CBCBCB;}
.index-news-r .index-news-link{display: block;position: relative;padding: 31px 10px 30px 90px;border-top: 1px solid #DDDDDD;}
.index-news-r ul li:FIRST-CHILD .index-news-link{border-top: none;}
.index-news-r .news-item-r .item-r-tit{font-size: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 600;color: #333;transition:0.3s}
.index-news-r .news-item-r .item-r-p{font-size: 14px;margin-top: 8px;word-break: break-all;}
.index-news-link:HOVER .item-r-p {color: #323232;}
.index-news-link:HOVER .news-item-dt{background-color:#4C87FD ;color: #fff;}