html{ background: #fff;}

.layout-box{ width: 1440px; margin: 0 auto; }

.banner{ width: 100%; height: 565px; background: url(http://res.gys.cn/img/mainsite/AIIssue/banner.jpg) center top no-repeat;}
.banner .layout-box{ position: relative;}
.banner .price{ position: absolute; left:86px; top: 334px; font-size: 24px; color: #fff; text-align: center; width: 220px;}
.banner .price em{ font-size: 48px; color: #fff; font-weight: bold;}
.banner .apply-btn{ width: 220px; height: 60px; display: block; position: absolute; left:86px; top:404px; text-align: center; line-height: 60px; font-size: 26px; color: #fff; 
background: linear-gradient(to right,#2e41d1,#354bf4); border-radius: 5px;} 
.banner .apply-btn:hover{background: linear-gradient(to right,#374eff,#2d40cd);}

.layout-box .title .main-title{ font-size: 40px; color: #000; height: 46px; line-height: 46px; font-weight: bold; text-align: center;}
.layout-box .title .main-title span{ color: #1648ea;}
.layout-box .title .sub-title{ margin-top: 3px; font-size: 24px; color: #000; height: 42px; line-height: 42px; text-align: center;}

.content-1{ height: 700px;}
.content-1 .layout-box{height: 700px; background: url(http://res.gys.cn/img/mainsite/AIIssue/content1-bg.jpg) center top no-repeat; position: relative;}
.content-1 .layout-box .box-title{ width: 100%; height: 64px; display: block; padding-top: 65px; font-size: 34px; color: #000; font-weight: bold; line-height: 64px; text-align: center;}
.content-1 .layout-box .box-title em{ color: #1648ea;}
.content-1 .layout-box img{ width:634px; height: 378px; display: block; position: absolute; left:377px; bottom:0; z-index: 2;}
.content-1 .layout-box .animate-box{ margin-top: 99px; position: relative;}
.animate-box span{ position: absolute; display: block; color: #fff; text-shadow:0 4px 4px rgba(0,60,155,1); text-align: center; font-weight: bold; line-height: 66px; height: 82px; z-index: 1; scale: 0.1; opacity: 0;}
.animate-box span.span1{ width:290px; background: url(http://res.gys.cn/img/mainsite/AIIssue/txt-bg1.png) center top no-repeat; font-size: 24px; left: 500px; top: 350px;}
.animate-box span.span2{ width:397px; background: url(http://res.gys.cn/img/mainsite/AIIssue/txt-bg2.png) center top no-repeat; font-size: 30px; left: 500px; top: 350px;}
.animate-box span.span3{ width:333px; background: url(http://res.gys.cn/img/mainsite/AIIssue/txt-bg3.png) center top no-repeat; font-size: 24px; right: 500px; top: 350px;}
.animate-box span.span4{ width:311px; background: url(http://res.gys.cn/img/mainsite/AIIssue/txt-bg4.png) center top no-repeat; font-size: 30px; right: 500px; top: 350px;}
.animate-box span.span5{ width:288px; background: url(http://res.gys.cn/img/mainsite/AIIssue/txt-bg5.png) center top no-repeat; font-size: 24px; right: 500px; top: 350px;}
.animate-box span,.animate-box span.show{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.animate-box span.show{ z-index: 3; scale: 1; opacity: 1;}
.animate-box span.span1.show{ left: 335px; top: 0;}
.animate-box span.span2.show{ left: 102px; top: 148px;}
.animate-box span.span3.show{ right: 335px; top: -10px;}
.animate-box span.span4.show{ right: 148px; top: 135px;}
.animate-box span.span5.show{ right: 270px; top: 270px;}

.content-2{ width:100%; height: 883px; background: url(http://res.gys.cn/img/mainsite/AIIssue/top-bg.jpg) center top no-repeat; padding-top: 76px;}
.tab-content{ width: 1260px; margin: 37px auto 0;}
.tab-title{ width: 1260px; height: 92px; border-bottom: solid 1px #e4e5ea;}
.tab-title li{ width: 315px; height: 92px; float: left; text-align: center; position: relative; color: #000; font-size: 16px; cursor: pointer;}
.tab-title li:hover,.tab-title li.current{ font-weight: bold;}
.tab-title li:after{ content:''; width: 315px; height: 2px; display: block; background:transparent; position: absolute; left: 0; bottom: -1px;}
.tab-title li:hover:after,.tab-title li.current:after{ content:''; width: 315px; height: 2px; display: block; background:#2f42d5; position: absolute; left: 0; bottom: -1px;}
.tab-title li span.icon{ display: block; margin:0 auto 14px;opacity: 0.7;}
.tab-title li:hover span.icon,.tab-title li.current span.icon{opacity: 1;}
.tab-title li span.icon1{ width:40px; height: 40px; background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-icon1.png) center top no-repeat;}
.tab-title li span.icon2{ width:39px; height: 40px; background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-icon2.png) center top no-repeat;}
.tab-title li span.icon3{ width:46px; height: 40px; background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-icon3.png) center top no-repeat;}
.tab-title li span.icon4{ width:47px; height: 40px; background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-icon4.png) center top no-repeat;}
.tab-detail{ display: none;}
.tab-detail .tab-top{ width: 1260px; margin: 25px auto 0; position: relative;}
.tab-detail .tab-top dt span{height:26px; padding: 0 13px; width : auto; display: block; line-height: 26px; font-size: 14px; color: #636e76; background: #f4f5f8;width: fit-content;}
.tab-detail .tab-top dd{ margin-top: 10px; height: 38px; line-height: 38px; color:#000; font-size: 26px;}
.tab-detail .tab-top a{ width:170px; height: 46px; display: block; background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-btn.png) center top no-repeat; position: absolute; right: 0; top:13px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; line-height: 46px;}
.tab-detail .tab-top a:hover{ background: url(http://res.gys.cn/img/mainsite/AIIssue/tab-btn-active.png) center top no-repeat;}
.img-box{ margin-top: 20px;}
.img-box1,.img-box2{ width: 1260px; height:543px;}
.img-box2{ background: #f4f5f8; border-radius: 15px; padding: 33px 0 0 30px; width: 1230px; height:510px;}
.img-box2 span{ float: left; width:376px; height: 490px; background: #fff; box-shadow:0 0 9px rgba(185,189,200,0.46); border-radius: 10px; margin-right: 30px; position: relative; overflow: hidden;}
.img-box2 span:after{content: ''; width:66px; height: 470px; display: block; position: absolute; top: 10px; right: 0; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1)100%);}
.img-box2 span.active{animation:fangda 0.2s linear forwards;-webkit-animation:fangda 0.2s linear forwards;}
@keyframes fangda{
	0%{width: 376px;}
	100%{ width: 650px;}
}
@-webkit-keyframes fangda{
	0%{width: 376px;}
	100%{ width: 650px;}
}
.img-box2 span.active:after{ display: none;}
.img-box2 span.small{ animation:suoxiao 0.2s linear forwards;-webkit-animation:suoxiao 0.2s linear forwards;width: 240px; overflow: hidden;}
@keyframes suoxiao{
	0%{width: 376px;}
	100%{ width: 240px;}
}
@-webkit-keyframes suoxiao{
	0%{width: 376px;}
	100%{ width: 240px;}
}
.img-box2 span img{ width:625px; height: 467px;}
.img-box3{ width: 1162px; height:449px; border: solid 1px #e4e5ea; border-radius: 8px; padding: 48px 46px; overflow-y: scroll;}
.img-box3 img{ width: 1145px; margin: 0 auto;}
.img-box4{ width: 1260px; height: 543px;}
.img-box4 img{ width: 100%;}

.content-3{ width: 100%; height:767px; background: url(http://res.gys.cn/img/mainsite/AIIssue/btm-bg.jpg) center top no-repeat; padding-top: 72px;}
.content-3 .question-list{ margin:37px auto 0; width:1260px; height: 572px; background: #fff;border-top: solid 2px #2f42d4; padding-top: 30px; box-shadow: 0 0 9px rgba(185,189,200,0.46);}
.content-3 .question-list dl{ width: 520px; height: 96px; float: left; margin:35px 0 0 62px; color: #fff; position: relative;}
.content-3 .question-list dl dt{ font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; color: #333;}
.content-3 .question-list dl dt:before{ content:''; width: 41px; height: 39px; display: inline-block; background: url(http://res.gys.cn/img/mainsite/AIIssue/Q.png) center top no-repeat; margin-right: 12px; vertical-align: -18px;}
.content-3 .question-list dl dd{ margin-top: 15px; font-size: 16px; line-height: 24px; color: #666;}
.content-3 .question-list dl dd span{ display: block; width:465px; float: left;}
.content-3 .question-list dl dd:before{ content:''; width: 43px; height: 39px; float: left; background: url(http://res.gys.cn/img/mainsite/AIIssue/A.png) center top no-repeat; margin-right: 12px;}

.content-4{ width: 100%; height: 234px; background: url(http://res.gys.cn/img/mainsite/AIIssue/content4-bg.jpg) center top no-repeat;}
.content-4 .left-txt{ float: left; margin: 140px 0 0 126px;}
.content-4 .left-txt span.p1{ font-size: 20px; color: #fff; float: left;}
.content-4 .left-txt span.p1 label{ color: #fff; font-weight: bold; font-size: 40px;}
.content-4 .apply-btn{ width: 170px; height: 46px; float: left; margin: 5px 0 0 30px; background: url(http://res.gys.cn/img/mainsite/AIIssue/btn-default.png) center top no-repeat; font-size: 18px; color: #fff; font-weight: bold; text-align: center; line-height: 46px;}
.content-4 .apply-btn:hover{background: url(http://res.gys.cn/img/mainsite/AIIssue/btn-active.png) center top no-repeat;}

/*主体宽度1200*/
@media screen and (max-width:1500px){
    .layout-box{width:1200px!important;}
    .content-3 .question-list dl dd span{ width: 445px;}
}

/*各服务宣传页右侧浮动*/
.page_float{position:fixed; width: 63px; right:0; top:50%; margin-top:-62.5px; background: none; border: none; box-shadow: none;}
.page_float .float-top{ width:63px; height: 163px; margin-bottom: 5px;}
.page_float .float-top a{ width:35px; height: 107px; display: block; background: url(https://res.gys.cn/img/mainsite/AIIssue/float-top.png) center top no-repeat; background-size: 100%; font-size: 16px; color: #fff;writing-mode: vertical-lr;letter-spacing:4px; padding: 56px 0 0 28px;}
.page_float .float-btm{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); position: absolute; right: 0;}
.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 .phone:after{background-position:-63px 0;}
.page_float .top:after{background-position:-42px 0;}
.page_float .qq:hover:after{background-position:0 -22px;}
.page_float .phone:hover:after{background-position:-63px -22px;}
.page_float .top:hover:after{background-position:-42px -22px;}

.page_float .phone .text{-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 .phone .text{position:absolute; right:75px; top:0; width:145px; opacity:0; visibility:hidden; overflow: inherit;margin-top: -15px;} /* */
.page_float .phone .text .box{background:#fff; padding:20px 0 15px 20px; width:145px; line-height:20px; font-size:14px; border-radius:10px; 
    -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; border:1px solid #fff; overflow:hidden; line-height:20px;
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 .phone .text .h1{font-size:14px; font-weight:bold; margin-bottom:5px}
.page_float .phone .text .number{font-size:17px; font-weight:bold; color:#1648ea; font-family: "Microsoft Yahei";}
.page_float .phone .text .time{font-size:12px; color:#696969}
.phone:hover .text{visibility:visible; opacity:1}
.page_float .li .text .box:after{ display: none;}