/*顶部导航*/
.bh_80{height:80px}
.head-bar{position:fixed; width:100%; left:0; top:0; z-index:1000; background:#fff; border-bottom:1px solid #e6e6e6;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.head-bar.up{top:-80px}
.head-bar .container{ width: 100%; height:80px; overflow: inherit;}
.head-bar .container .brand-logo{float:left; margin-left:30px; text-align:center; padding:20px 20px 0 0}
.head-bar .container .brand-logo img{float:left;}
/* .head-bar .container .brand-logo:hover{-moz-animation:logoTop 2s; -webkit-animation:logoTop 2s; -o-animation:logoTop 2s; animation:logoTop 2s} */
@keyframes logoTop{
    00%{transform:rotateX(0deg)}
    50%{transform:rotateX(360deg); opacity:0.5}
    100%{transform:rotateX(0deg)}
}
@-webkit-keyframes logoTop{
    00%{-webkit-transform:rotateX(0deg)}
    50%{-webkit-transform:rotateX(360deg); opacity:0.5}
    100%{-webkit-transform:rotateX(0deg)}
}
@-moz-keyframes logoTop{
    00%{-moz-transform:rotateX(0deg)}
    50%{-moz-transform:rotateX(360deg); opacity:0.5}
    100%{-moz-transform:rotateX(0deg)}
}

.head-bar .container .platform-logo{float:left; padding:26px 0 0 18px; position:relative}
.head-bar .container .platform-logo:after{content:""; position:absolute; width:1px; height:28px; left:0; background:#dbe2ed}
.head-bar .container .platform-logo img{float:left}

.topBar-classify-nav li .title:after,
.head-bar .container .account-box .login .down-infor{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.topBar-classify-nav{float:left; padding-left:30px}
.topBar-classify-nav li{float:left; min-width:150px;}
.topBar-classify-nav li .title{text-align:center; height:80px; line-height:80px; font-size:15px; cursor:pointer; padding:0 10px; position:relative}
.topBar-classify-nav li .title:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#205bdd;}
.topBar-classify-nav li .title a{display:block; margin:0; float:none}
.topBar-classify-nav li .title a:hover{ color: #205bdd;}
.topBar-classify-nav li .title .workbench{color:#fff; padding:4px 10px; border-radius:3px; line-height:20px; background:#26324f; margin-right:10px}
.topBar-classify-nav li .title .name{position:relative; padding-right:12px; color:#333}
.topBar-classify-nav li .title .name:after{content:""; position:absolute; border:4px transparent solid; border-top:4px #333 solid; width:0; height:0; overflow:hidden; top:50%; margin-top:-2px; right:0; font-size:0; line-height:0}
.topBar-classify-nav li .down{position:absolute; left:0; top:80px; width:100%; background:#fff; display: none;border-top:1px solid #e6e6e6;}

.topBar-classify-nav .down .left-intro{ width: 278px; height: 318px; float: left; background:#f9f9f9; padding:42px 0 0 12%;}

.topBar-classify-nav .down .left-intro .top-title{ display: block; height: 32px; line-height: 32px; font-size:18px; color: #333;}
.topBar-classify-nav .down .left-intro p{ width:95%; margin-top: 8px; font-size: 14px; line-height: 24px; color: #696969;}
.topBar-classify-nav .down .right-list{ padding: 42px 0 0 3%; float: left; width: 68%; position: relative;}
.topBar-classify-nav .down .right-list ul{ margin-left: 30px; position: absolute; left:570px}
.topBar-classify-nav .down .right-list li{ width: 160px; height: 290px; padding-left: 10px;  float: left; margin-right: 18px;
 color: #333; font-size: 14px;}
.topBar-classify-nav .down .right-list li.cgt{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-cgtbg.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.pmb{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-pmbbg.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.wpgj{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-wpgjbg.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.yjzt{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-yjztbg.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.AIIssue{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-AIIssue.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.ysb{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top-ysbbg.png) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li.website{background: #f9f9fd url(https://res.gys.cn/img/mainsite/additionalservice/v2022/top_website_bg.jpg) left bottom no-repeat;}
.topBar-classify-nav .down .right-list li span{ display: block; margin: 17px 0 5px 0; height: 28px; line-height: 28px; font-size: 20px; font-weight: bold;}
.topBar-classify-nav .down .right-list li.cgt span{ color: #fc6c3e;}
.topBar-classify-nav .down .right-list li.pmb span{ color: #3468e6;}
.topBar-classify-nav .down .right-list li.wpgj span{ color: #d52525;}
.topBar-classify-nav .down .right-list li.yjzt span{ color: #2254f4;}
.topBar-classify-nav .down .right-list li.AIIssue span{ color: #280dc9;}
.topBar-classify-nav .down .right-list li.ysb span{ color: #ba8a56;}
.topBar-classify-nav .down .right-list li.website span { color: #3160ff; }
.topBar-classify-nav .down .right-list li a{ display: block; margin-top: 15px; font-size: 14px; color: #3468e6;}
.topBar-classify-nav .down .dl-list{ float: left;}
.topBar-classify-nav .down .dl-list dl{width: 180px; float: left;}
.topBar-classify-nav .down .dl-list dt{ height: 34px; line-height: 34px; color: #333; font-size: 18px; margin-bottom: 3px;}
.topBar-classify-nav .down .dl-list dd{ font-size: 14px; color: #333; line-height: 30px;}
.topBar-classify-nav .down .dl-list dd em{ height:14px; padding: 0 2px; line-height: 14px; border: solid 1px #3468e6; font-size: 11px; color: #3468e6; border-radius: 3px; margin-left: 8px;}
.topBar-classify-nav .down .dl-list dd a:hover{ color:#205bdd;}
.topBar-classify-nav .down .close{ width: 12px; height: 12px; display: block; position: absolute; top:20px; right: 24px; background: url(https://res.gys.cn/img/mainsite/additionalservice/v2022/close.png) center top no-repeat; cursor: pointer;}
.topBar-classify-nav li:hover .title:after{width:100%}
.topBar-classify-nav li:hover .title .name{color:#205bdd}
.topBar-classify-nav li:hover .title span:after{border-color:#fff; border-top-color:#3974fb}

@media screen and (max-width:1500px){
    .topBar-classify-nav .down .left-intro{ width: 16%; height: 318px; float: left; background:#f9f9f9; padding:42px 0 0 12%;}
    .topBar-classify-nav .down .right-list ul {left: 400px;}
    .topBar-classify-nav .down .dl-list dl { width: 132px;}
    .topBar-classify-nav .down .right-list li { margin-right: 10px;}
}

/*登录/注册*/
.head-bar .container .account-box{float:right}
.head-bar .container .account-box ul li{float:left; position:relative}
.head-bar .container .account-box li .a{font-size:15px; display:block; height:80px; line-height:80px; padding:0 30px}
.head-bar .container .account-box li .a:hover{ color: #0052d9;}
.head-bar .container .account-box li .register{background:#0052d9; color:#fff}
.head-bar .container .account-box li .register:hover{background:#015df4}
.head-bar .container .account-box .login .title{text-align:center; height:80px; line-height:80px; font-size:16px; cursor:pointer; overflow:hidden; padding:0 8px 0 48px; position:relative}
.head-bar .container .account-box .login .title:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#205bdd}
.head-bar .container .account-box .login .title img{position:absolute; left:8px; top:50%; margin-top:-15px; width:30px; height:30px; border-radius:50%}
.head-bar .container .account-box .login .title span{position:relative; padding-right:12px}
.head-bar .container .account-box .login .title span:after{content:""; position:absolute; border:4px transparent solid; border-top:4px #333 solid; width:0; height:0; overflow:hidden; top:50%; margin-top:-2px; right:0; font-size:0; line-height:0}
.head-bar .container .account-box .login .title span:hover{ color: #0052d9;}
.head-bar .container .account-box .user-unlogin .title span:after{ display: none;}
.head-bar .container .account-box .login .down-infor{position:absolute; right:-10px; top:40px; width:300px; visibility:hidden; opacity:0; height:0; overflow:hidden;  text-align:right}
.head-bar .container .account-box .user-unlogin .down-infor{ display: none;}
.head-bar .container .account-box .login .down-infor-box{display:inline-block; text-align:left; background:#fff; padding:10px 15px;  font-size:14px; line-height:35px; -webkit-box-shadow:rgba(104,142,243,0.15) 0 0 13px; -moz-box-shadow:rgba(104,142,243,0.15) 0 0 13px; box-shadow:rgba(104,142,243,0.15) 0 0 13px; border-radius:0 0 5px 5px}
.head-bar .container .account-box .login .down-infor .name{font-size:16px; color:#333; font-weight:bold}
.head-bar .container .account-box .login li:hover .down-infor{visibility:visible; opacity:1; height:auto; top:70px}

/*各服务宣传页右侧浮动*/
.page_float{position:fixed; right:0; top:50%; margin-top:-62.5px; width:49px; border-radius: 50px; z-index:99;
    FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f3f3f3,endColorStr=#ffffff);
    background:-ms-linear-gradient(top,#f3f3f3,#ffffff);
    background:-moz-linear-gradient(top,#f3f3f3,#ffffff);
    background:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#ffffff));
    background:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#ffffff));
    background:-webkit-linear-gradient(top,#f3f3f3,#ffffff);
    background:-o-linear-gradient(top,#f3f3f3,#ffffff);
    border:solid 1px #fff; box-shadow: 0 0 13px rgba(0,0,0,0.11);}

.page_float .li{height:60px; position:relative; cursor:pointer}
.page_float .li:before{content:""; position:absolute; left:50%; top:0; width:16px; height:1px; background:#ededec; margin-left:-8px}
.page_float .li:after{content:""; position:absolute; left:50%; top:50%; width:16px; height:17px; margin-left:-8px; margin-top:-8px;background:url(https://res.gys.cn/img/mainsite/additionalservice/v2022/sidebar-icon.png) no-repeat }
.page_float .li a{position:absolute; width:100%; height:100%; left:0; top:0; z-index:2}
.page_float .qq{ margin-bottom:5px}
.page_float .qq:after{background-position:0 0}
.page_float .qq:hover:after{background-position:0 -22px;}
.page_float .phone:after{ width:16px; height: 16px;background-position:-63px 0}
.page_float .phone:hover:after{background-position:-63px -22px;}
.page_float .top:after { background-position: -42px 0; }
.page_float .top:hover:after{background-position:-42px -22px;}
.page_float .shopping_cart:after{ width:16px; height: 14px;background-position:-84px 0;}
.page_float .shopping_cart:hover:after{background-position:-84px -22px;}

.page_float .li .text{position:absolute; right:45px; top:50%; margin-top:-30px; width:140px; opacity:0; visibility:hidden; overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.page_float .li:hover .text{visibility:visible; opacity:1}
.page_float .li .text .box{background:#fff; padding:10px; line-height:20px; font-size:14px; border-radius:8px;-webkit-box-shadow:rgba(27,25,25,0.1) 0 0 13px; -moz-box-shadow:rgba(27,25,25,0.1) 0 0 13px; box-shadow:rgba(27,25,25,0.1) 0 0 13px; margin-right:15px; position:relative}
.page_float .li .text .box:after{content:""; position:absolute; right:-5px; top:50%; width:10px; height:10px; background:#fff; margin-top:-5px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg)}
.page_float .li .text .number{color:#2961e2}