body{font:14px/1.6 "Microsoft YaHei",'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;width:100%}
a{text-decoration:none;cursor:pointer}
ul,li{list-style:none;margin:0;padding:0}
blockquote,body,dd,div,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,img,legend,li,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
img{border:none}
h2{font-weight:normal}
.con{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.textc{text-align:center}
.clear{clear:both}
.duty{width:100%;height:120px;display:none}
header{line-height:70px}
.head-fixed{position:fixed;background:#fff;top:0;left:0;right:0;z-index:1111;width:100%}
.logo-img{float:left}
.logo-img img{width:163px;height:auto;margin:10px 0 -10px 0}
.logo-img .slogan{margin:0 0 0 15px;vertical-align:middle;font-size:16px;color:#222;font-weight:normal;}
.logo-nav{float:right}
.nav-con{float:left;padding:0 0 0 45px;color:#fff;font-size:18px;position:relative}
.nav-down,.nav-down-active{position:absolute;top:20px;left:78px;display:none}
.nav-con .active,.nav-con a:hover{color:#4993fb}
.nav-con a{color:#222222}
.nav-block,.operate-nav-block{position:absolute;left:-408px;top:69px;width:100%;height:472px;z-index:589;line-height:22px;display:none}
.operate-nav-block{left:-500px}
.nav-block .con,.operate-nav-block .con{background:#fff;height:auto;padding:30px 0 10px 0;z-index:999;position:relative;overflow:hidden}
.nav-block-ul{width:1000px;margin:0 auto}
.nav-block-con{}
.nav-block-midcon{margin:-10px 5% 0 10%}
.nav-block-line{width:1px;height:339px;background:#e5e8f0;margin:5% 12.9% 0 0}
.nav-block-detail{display:block;width:250px;height:62px;margin-bottom:10px;position:relative;float:left}
.nav-block-version{display:inline-block;position:absolute;padding:0 2px;height:15px;line-height:15px;color:#fff;font-size:13px;background:#ff6f3d;text-align:center;margin-left:2px;margin-top:-6px}
.mt62{margin-top:62px}
.nav-block-detail:hover{background:#f2f4f9}
.nav-block-name{color:#444;font-size:14px;margin:30px 0 0 15px;padding-left:10px;position:relative;border-left:2px solid #1364f0}
.nav-block-img{margin:15px 10px 0 15px}
.nav-block-titile{font-size:17px;color:#222;margin-top:18px}
.mt20{margin-top:20px}
.nav-block-text{color:#9f9f9f;font-size:13px}
.user{width:100%;height:auto;overflow:hidden;background:#f5f8ff;padding-bottom:40px;margin-top:30px}
.user-ul{height:auto;overflow:hidden}
.user-con{margin-bottom:14px;position:relative;cursor:pointer}
.user-con:hover .user-con-con{display:block}
.user-con-con{position:absolute;border:1px solid #e6e6e6;background:#fff;width:321px;height:294px;top:0;border-radius:10px;padding:0 31px;display:none}
.user-con-con-img{margin-top:50px;width:130px}
.user-con-con-text{font-size:14px;color:#505778;line-height:2.186}
.user-middle{margin:0 19px}
.user .btn-more{margin:0 auto}
.product_relevance{width:100%;height:116px;line-height:116px;background:#f2f2f4}
.product_relevance_con{font-size:16px;width:16.6%;text-align:center;background:url(../images/index/bg_chanpin.png) no-repeat center;color:#fff}
.product_relevance_con:first-child{background:none;color:#70758c;margin-left:-10px;text-align:left;text-indent:2em}
.product_relevance_con a{color:#fff}
.btn-more{display:block;width:144px;height:62px;line-height:62px;text-align:center;color:#fff;font-size:14px;background:url(../images/index/btn_n.png) no-repeat center}
.xgsdk{width:100%;height:auto;background:#f7f8fa;padding-bottom:40px}
.xgsdk-subtitle{color:#70758c;font-size:20px;margin:-60px 0  60px 0}
.xgsdk-subtitle2{margin-top:0}
.xgsdk-con{width:200px}
.xgsdk-con-title{color:#4b5270;font-size:16px;margin:10px 0 5px}
.xgsdk-con-text{font-size:14px;color:#70758c;opacity:0.5}
.xgsdk-more{margin:50px 55px;width:23px}
.xgsdk-merit{width:200px;height:67px;background:#fff;box-shadow:0px 0px 23.75px 1.25px rgba(0,0,0,0.05);border-radius:10px;padding:30px 70px;margin:60px 0 0 20px}
.xgsdk-merit-text{color:#39405a;font-size:18px;margin-left:26px}
.xgsdk-merit-mid{margin:60px 50px 0 70px}
.xgsdk .btn-more{margin:40px auto}
footer{background:#222542;width:100%;height:auto;overflow:hidden;color:#b6bbcf;padding-top:50px}
footer a{color:#b6bbcf}
.footer-ul{width:1160px;margin:0 auto}
.footer-con{width:20%}
.footer-con-name{font-size:15px;color:#b6bbcf;margin-bottom:20px}
.footer-con-link{font-size:12px;margin-bottom:10px}
.footer-con-link a{color:#b6bbcf}
.footer-con-code{text-align:right}
.footer-con-code-text{margin-left:143px}
.footer-con-mid2{text-indent:4.5em}
.footer-con-mid3{text-indent:6em}
.footer-con-mid4{text-indent:7.5em}
.link{width:1160px;margin:0 auto 30px}
.footer-menu{display:inline-block}
.footer-menu-item{padding:0 20px;float:left}
.footer-menu-item a{color:#b6bbcf;font-size:12px}
.backtage-foot{width:100%;height:auto;background:#1a1d34;margin-top:20px;font-size:12px;color:#b6bbcf;text-align:center}
.backtage-foot a{color:#b6bbcf}
.backtage-foot-nav{display:inline-block;padding:20px 0}
.backtage-foot-nav-con{height:16px;line-height:18px;float:left;padding:13px 24px;font-size:13px;float:left}
.backtage-foot-nav-con a{float:left;line-height:18px;color:#b6bbcf}
.backtage-foot-copy{font-size:12px;text-align:center;line-height:2.5}
.backtage-foot-img{vertical-align:middle}
.backtage-foot-site{margin-left:20px}
.modal-backdrop,.wap-modal-backdrop,.modal-backshow,.promodal-backdrop{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:rgba(0,0,0,0.5);display:none}
.modal{position:fixed;top:60%;left:50%;z-index:1050;width:auto;max-width:850px;background-color:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.wap-modal{position:fixed;top:40%;left:30%;z-index:1050;width:auto;max-width:850px;background-color:#fff;border-radius:12px;box-shadow:0 3px 7px rgba(0,0,0,0.3);border:5px solid rgba(0,0,0,0.2);padding-bottom:20px}
.wap-modal-con{padding:0 100px;line-height:80px}
.wap-modal-con-icon{vertical-align:middle;margin-right:30px}
.wap-modal-con-a{color:#333;font-size:25px}
.activation-modal{width:auto;max-width:850px;padding:0 40px 20px;background:white;border:5px solid rgba(0,0,0,0.2);margin-left:-240px;border-radius:10px;overflow:hidden;margin-bottom:40px;box-shadow:0 1px 0 white inset;margin-top:-267px;position:relative}
.modal-backshow .activation-modal{padding:0 31px 20px 27px}
.modal-close,.wap-modal-close,.modal-backshow-close,.promodal-close{position:absolute;top:10px;right:0;padding:12px 18px 3px 18px;height:auto;overflow:hidden;opacity:.8;line-height:5px;cursor:pointer;font-size:14px;padding-bottom:10px}
.modal-backshow-close{color:#ccc;top:15px}
.wap-modal-close{font-size:25px}
.modal-demo{margin-left:25px;color:#4682B4}
.modal-close:hover{background:#989898;color:#ffffff}
.modal .title,.wap-modal .title{margin:0 -40px;margin-bottom:0px;border-top:1px solid #CCC;font-size:16px;font-weight:bold;padding:13px 40px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:left}
.wap-modal .title{padding:10px 40px;margin-left:1px;margin:0 0 10px 1px;font-size:25px}
.modal-backshow .title{font-weight:normal}
.modal .tip{font-size:14px;color:#999;margin-left:10px}
.modal .link{font-size:14px;color:#3e8cdc}
.kftc{padding-left:0px}
.kftc li{width:auto;padding:0px 10px;float:left;text-align:center}
.qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative}
.qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px}
.qq-hover-c{width:78px;height:82px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9}
.qq-a span{bottom:5px;position:absolute;width:90px;left:10px}
.side-bar{width:80px;position:fixed;bottom:0px;right:10px;font-size:14px;line-height:0;z-index:100}
.side-bar a{width:60px;height:60px;line-height:22px;color:rgba(141,154,180);font-size:18px;font-weight:bold;display:inline-block;border-radius:3px;background-color:#fff;color:#3a85f9;text-align:center;margin-bottom:13px;cursor:pointer;box-shadow:0px 0px 11.76px 0.24px rgba(0,0,0,0.14);border-radius:10px;border:1px solid #3a85f9}

.side-bar a font{margin-top:8px;display:inline-block}
.js-qr-code:hover .qr-code-img{display:block}
.qr-code-img{position:absolute;left:-191px;top:150px;width:189px;height:176px;display:none;background:url(../images/bg_QRcode.png) no-repeat}
.qr-code-img img{display:inline-block;width:143px;margin:18px 0 0 -8px}
.side-bar a:hover{color:#fff;background:#3a84f9}
.side-bar:hover span{background:url(../images/common_icon_qq_s.png) no-repeat;background-size:100%}
.side-bar span{background:url(../images/common_icon_qq_n.png) no-repeat;background-size:100%;display:block;width:30px;height:35px;margin:0 auto;margin-top:15px}
.side-bar .icon-chat span{background-position:-3px -45px;position:relative}
.side-bar .wap-icon-qq{display:none}
.side-bar .icon-qq:hover .chat-tips{display:block}
.icon-gift {position:relative;}
.icon-gift img{position:absolute;bottom: 15px;left:15px;-webkit-animation: bounce-down 0.7s ease-in infinite;animation: bounce-down 0.7s ease-in infinite;}
.side-bar .icon-gift:hover{background:#fff;}
@-webkit-keyframes bounce-down {
  0%{
    bottom:15px;
  }
  65% {
    bottom: 10px;
  }
  100% {
    bottom: 15px;

  }
 }
 
@keyframes bounce-down {
  0%{
    bottom:15px;
  }
  65% {
    bottom: 10px;
  }
  100% {
    bottom: 15px;

  }
 }
.gift-con{
	width: 180px;
	position: absolute;
    top: -8px;
    right:80px;
	
    z-index:99px;
	display:none;

}
.gift-con-con{
	width:170px;
    height:75px;
    background:rgba(239,247,255,1);
    border:1px solid rgba(30,39,105,1);
    box-shadow:0px 0px 5px 0px rgba(177,177,177,0.2);
    border-radius:3px;
	padding:17px 0 8px 0;
}
.gift-con-img{
	display:block;
	width:52px;
	height:67px;
	margin:0 0 0 8px;
}
.side-bar .gift-con-btn{
	display:block;
	width:72px;
    height:25px;
    background:linear-gradient(90deg,rgba(83,193,239,1),rgba(58,133,249,1));
    border-radius:3px;
	color:#fff;
	font-size:12px;
	border:none;
	margin:0 0 0 16px;

}
.gift-con-text{
    line-height: 24px;
    text-align: center;
	color:#1E2769;
}
.gift-con-text-font{
	color:#E51373;
}
.side-bar .icon-blog:hover .phone-tips{display:block}
.side-bar .icon-qq span{background:url(../images/common_icon_qq_n.png) no-repeat;background-size:100%}
.side-bar .icon-qq:hover span{background:url(../images/common_icon_qq_s.png) no-repeat;background-size:100%}
.side-bar .icon-blog span{width:30px;height:35px;background:url(../images/common_icon_phone_n.png) no-repeat;background-size:100%}
.side-bar .icon-blog:hover span{background:url(../images/common_icon_phone_s.png) no-repeat;background-size:100%}
.side-bar .wap-phove span{background:url(../images/common_icon_phone_n.png) no-repeat;background-size:100%}
.side-bar .icon-feed span{width:30px;height:35px;margin-top:16px;background:url(../images/common_icon_wechat_n.png) no-repeat;background-size:100%}
.side-bar .icon-feed:hover span{background:url(../images/common_icon_wechat_s.png) no-repeat;background-size:100%}
.side-bar .icon-up span{display:block;background:url(../images/common_icon_top_n.png) no-repeat  center;background-size:100%}
.side-bar .icon-up:hover span{display:block;background:url(../images/common_icon_top_s.png) no-repeat  center;background-size:100%}
.phove_con{background:url(../images/bg_number.png) no-repeat;background-size:100% 100%;width:189px;min-height:100px;position:absolute;top:80px;right:82px;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px}
.pro-con,.pro-con-second{width:367px;height:263px;position:absolute;top:128px;right:100px;display:none;background:#fff;border-radius:10px;box-shadow:0px 0px 23.75px 1.25px rgba(0,0,0,0.05);z-index:99}
.pro-con-second-text{font-size:18px;color:#2b2a2a;line-height:1.65;text-align:center;width:280px;height:86px;margin:70px auto 40px}
.pro-close{float:right;margin:15px 15px 0 0;cursor:pointer}
.pro-form{margin:50px 0 0 0}
.pro-input-format{width:332px;line-height:30px;height:30px;margin:0 auto 20px}
.pro-name{display:inline-block;font-size:20px;color:#2b2a2a;width:90px}
.pro-input{width:207px;height:26px;line-height:26px;box-shadow:inset 0.643px 0.766px 1px 0px rgba(0,0,0,0.39);border:1px solid #cdcdcd}
.pro-select{width:210px;height:30px;line-height:30px}
.pro-input-select{position:relative}
.pro-icon{position:absolute;right:5px;top:5px}
.pro-btn{display:block;border-radius:5px;background:#005187;width:160px;height:37px;margin:0 auto;color:#fff;border:none}
.qq_con{background:url(../images/bg_number.png) no-repeat;background-size:100% 100%;width:189px;min-height:100px;position:absolute;top:-8px;right:82px;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px}
.v-middle{width:100%;min-height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.side-bar .wap-phove{display:none}
.phove_p{padding:3px 0px;padding-right:0px;padding-left:0px;color:#243558;line-height:20px;font-size:14px}
.qq_con a{color:#243558;line-height:20px;font-size:14px;height:20px;margin-bottom:0;font-weight:normal;background:none;box-shadow:none;border:none}
.qq_con a:hover{color:#243558;background:none}
.chat-tips{padding:20px;border:1px solid #d1d2d6;position:absolute;right:70px;top:-55px;background-color:#ffffff;display:none}
.phone-tips{border:1px solid #d1d2d6;position:absolute;right:70px;top:160px;background-color:#ffffff;display:none}
.chat-tips i,.phone-tips i{width:9px;height:16px;display:inline-block;position:absolute;right:-9px;top:80px;background-position:-10px -210px}
.wximg:hover p{display:block}
.wximg p{position:absolute;bottom:60px;right:80px;display:none}
.icon-hd:hover p{display:block}
.icon-hd p{display:none;position:absolute;bottom:0px;right:90px;background:#fff;border-radius:5px}
.icon-hd p img{width:150px;margin:5px;margin-bottom:0px}
.icon-hd p font{width:100%;height:25px;line-height:25px;font-size:12px;color:#666;text-align:center}
.wximg p img{width:150px;height:150px}
.phove:hover p{display:block}
.phove p,.wap-phove p{display:none;padding:10px 0px;background:#019EDD;color:#fff;position:absolute;top:142px;right:90px;width:220px;height:70px;border-radius:10px;line-height:50px;font-size:20px}
.wap-phove{display:none}
.h5tool{background:#fff;margin:80px 0;height:580px;width:100%}
.h5tool-subtitle{color:#333;font:bold 16px "MicrosoftYaHei";height:17px;padding:33px 0 32px 9px;position:relative;width:163px}
.h5tool-subtitle:before{background:#5eb0fa;content:"";height:18px;left:0;position:absolute;top:34px;width:4px}
.h5tool-title{color:#39405a;padding-bottom:48px;font-size:32px;text-align:center}
.h5tool-con{background:#FBFBFB;color:#333;float:left;text-align:center;height:297px;width:227px;cursor:pointer}
.h5tool-imgbg{background:url(../images/pack_ico_package.png);height:118px;width:118px;line-height:118px;margin:25px auto 0}
.h5tool-con2,.h5tool-con3,.h5tool-con4,.h5tool-con5{margin-left:16px}
.h5tool-con2 .h5tool-imgbg{background:url(../images/pack_ico_APP.png)}
.h5tool-con3 .h5tool-imgbg{background:url(../images/pack_ico_thirdparty.png)}
.h5tool-con4 .h5tool-imgbg{background:url(../images/pack_ico_match.png)}
.h5tool-con5 .h5tool-imgbg{background:url(../images/pack_ico_practical.png)}
.h5tool-img{vertical-align:middle}
.h5tool-con-title{font:bold 16px "MicrosoftYaHei";margin:21px 0}
.h5tool-con:hover{background:url(../images/pack_bg_package.png);color:#fff}
.h5tool-con2:hover{background:url(../images/pack_bg_APP.png)}
.h5tool-con3:hover{background:url(../images/pack_bg_thirdparty.png)}
.h5tool-con4:hover{background:url(../images/pack_bg_match.png)}
.h5tool-con5:hover{background:url(../images/pack_bg_practical.png)}
.h5tool-con:hover .h5tool-imgbg{background:none}
.h5tool-btn-more{display:block;width:144px;height:62px;line-height:62px;text-align:center;color:#fff;font-size:14px;background:url(../images/index/btn_n.png) no-repeat center;background-size:auto;margin:36px auto 38px}
.h5tool-btn-more:hover{background:url(../images/index/btn_s.png) no-repeat center}
.publicheadline{font-size:26px}
.publicsubheading{font-size:20px}
.publicdescribe{font-size:16px}
.modal-menu-con{display:block;float:left;width:105px;height:45px;line-height:45px;color:#fff;font-size:14px;background:url(../images/btn_look_n.png) no-repeat center;text-align:center;margin:0 0 3px}
.modal-menu-con:hover{background:url(../images/btn_look_s.png) no-repeat center}
.modal-prompts{display:none;position:relative}

/*新版样式*/
/*body{position: relative}
.header-container{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 68px;
	display: flex;
	align-items: center;
	z-index: 9;
}*/


@media screen and (max-width:1274px){body{width:100%;font-size:18px}
	.nav-waphide{display:none}
	.qq_con{display:none}
	.side-bar .icon-qq{display:none}
	.side-bar .wap-icon-qq{display:block}
	.side-bar{right:130px}
	.side-bar a{width:120px;height:120px;font-size:40px;line-height:50px;margin-bottom:33px}
	.side-bar a font{margin-top:8px}
	.side-bar span,.side-bar .icon-qq span,.side-bar .icon-qq span:hover,.side-bar .wap-phove span,.side-bar .icon-feed span,.side-bar .icon-up span,.side-bar span:hover,.side-bar .icon-blog span:hover,.side-bar .icon-feed span:hover,.side-bar.icon-up span:hover{width:70px;height:80px;background-size:100%;margin-top:25px}
	.icon-gift img{width:70px;left:25px;bottom:25px;-webkit-animation: bounce-down-wap 0.7s ease-in infinite;  animation: bounce-down-wap 0.7s ease-in infinite;}
	.gift-con {width: 310px;}
	.gift-con-img{width: 104px;height: 132px;}
    .gift-con-con{width: 300px;height: 150px;}
	.gift-con-text {line-height: 48px;font-size: 24px;}
	.side-bar .gift-con-btn{width: 144px;height: 50px; font-size: 24px;}
	.side-bar .icon-up span,.icon-up span:hover{width:60px;height:64px;margin-top:30px}
	.side-bar .icon-feed span,.side-bar .icon-feed span:hover{margin-top:25px;height:91px}
	.side-bar .wap-phove{display:block;padding-top:2px}
	.qr-code-img{width:289px;height:269px;top:460px;left:-291px;background-size:100% 100%}
	.qr-code-img img{width:243px}
	.side-bar .phove{display:none}
	.modal{background:none}
	.modal-close{font-size:25px}
	.modal h1{font-size:30px}
	.qq-a{width:146px;height:149px}
	.qq-hover-c{width:100px;height:100px}
	.qq-a span{font-size:28px;width:120px}
	.qq-container{width:139px;height:118px}
	.modal-close{padding-bottom:20px}
	
	.nav-con{font-size:30px;padding:0 100px 0 0}
	.nav-block,.operate-nav-block{width:130%;left:-73.5%;padding-right:1px}
	.operate-nav-block{left:-173.5%}
	.js_pro,.js_operate{position:relative}
	.nav-con:last-child{padding:0 0 0 0}
	.product_relevance_con:first-child,.product_relevance_con{font-size:20px}
	.btn-more{font-size:24px;background-size:100% 100%}
	.business .business-title{font-size:28px}
	.business .business-text{font-size:24px}
	.business .business-con{width:500px;height:112px}
	.business .business-con-mid{margin:0 0px 40px 85px}
	.business .business-con:nth-of-type(5){margin:0 0px 40px 85px}
	.business .business-con:nth-of-type(6){margin:0 85px 40px 0}
	.business .business-img{margin:33px 25px 0 0}
	.link{display:none}
	.publicheadline{font-size:45px}
	.pro-con,.pro-con-second{width:427px;height:273px}
	.pro-input-format,.pro-input{font-size:20px;line-height:30px;height:30px}
	.pro-input-format{line-height:32px;height:32px}
	.pro-con,.pro-con-second{top:40%}
	.pro-name{font-size:22px;width:100px}
	.pro-btn{font-size:20px}
	.nav-down,.nav-down-active{left:25%}
	.footer-con-mid4{text-indent:6.6em}
     @-webkit-keyframes bounce-down-wap {
  0%{
    bottom:25px;
  }
  65% {
    bottom: 20px;
  }
  100% {
    bottom: 25px;

  }
 }
 
@keyframes bounce-down-wap {
  0%{
    bottom:25px;
  }
  65% {
    bottom: 20px;
  }
  100% {
    bottom: 25px;

  }
 }
	/*新版样式*/
	/*body{position: relative}
	.header-container{
		position: static;
		left: 0;
		top:0;
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		z-index: 9;
	}*/
}