html{}
/* pc */
.bgc-fff{ background:#fff;}
.wrapper{ width:1200px; margin:0 auto;}
.c-1aabff{ color:#1aabff}
.c-da0101{ color: #da0101;}
.c-height-220 {height: 220px;}
.bg-f0f1f1 {background-color: #f0f1f1;}
.mt14 {margin-top: 14px;}
.mb14 {margin-bottom: 14px;}
.mb30 {margin-bottom: 30px;}
.mb74 {margin-bottom: 74px;}
.mb68 {margin-bottom: 68px;}
.mb54 {margin-bottom: 54px;}
.mb70 {margin-bottom: 70px;}
.mt72 {margin-top: 72px;}
.mt62 {margin-top: 62px;}
.w100 {width: 100%;}
/*placeholder字体颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;opacity:1
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc !important;
}
input:-webkit-autofill { /* 谷歌浏览器-文本框边框阴影遮住了背景颜色浅黄*/
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

/* .index-hold{} */
.index-header{ width:100%; height: 92px; background: #ffffff;}
.index-header .i-h-logo{ width: 222px; height: 54px; position: absolute; top: 19px; left: 26px; background: url(../images/pc/ag-logo.png) no-repeat;}
.index-header .i-h-nav{ float: right; padding-right: 15px; margin-top: 23px;}
.index-header .i-h-nav ul li{float: left; width: 80px; height: 34px;  margin-left: 40px;}
.index-header .i-h-nav ul li a{ color: #2a2a2a; font-size: 14px; display: block; width: 80px; height: 34px; border-bottom: 2px solid #ffffff; line-height: 34px; text-align: center;}
.index-header .i-h-nav ul li a.on{color: #2dadff; border-bottom-color: #2dadff;}
.index-header .i-h-nav ul li a:hover{color: #2dadff; border-bottom-color: #2dadff;}

/* .index-main{ } */
.index-info{ width:100%; margin: 0 auto; height:454px; background:url(../images/pc/bg.jpg) center top no-repeat;}
.main-left{ width:505px; text-align:center; float:left;}
.logo{ display:block; width:65px; height:57px; background:url(../images/pc/logo.png) no-repeat;  text-indent: -100%; overflow: hidden; margin:85px auto 0;}
.im-name{ font-size:24px; line-height: 50px; color:#1aabff;}
.im-bw{ font-size:35px; font-weight:bold; margin-top:10px;}
.im-open{ display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; background:#1aabff; font-size:16px; color:#fff; border-radius:3px;}
.im-open:hover{ background:#1b9ae3;}
.im-acco{ font-size:13px; color:#999;}
.im-acco a{ color:#1aabff}
.im-acco a:hover{ text-decoration:underline;}
.main-right{ width:557px; height:315px; float:right; margin-right:37px; margin-top: 73px; }
.main-right img{ width:557px; height:315px;}

.index-title {width: 220px; height: 58px; background-color: #1aabff; color: #ffffff; line-height: 58px; font-size: 24px; text-align: center; border: 5px solid #c1e6fb; margin: 0 auto 20px;}
.index-feature {width: 100%; height: 718px; padding-top: 52px;}
.index-feature .comment {height: 16px; line-height: 16px; font-size: 16px; text-align: center;}
.index-feature ul {margin-top: 35px;}
.index-feature ul li {width: 263px; margin-left: 30px; float: left; position: relative;}
.index-feature ul li p.title {line-height: 105px; font-size: 26px; text-align: center;}
.index-feature ul li p.hover {height: 265px; padding: 0 40px; font-size: 14px; color: #ffffff; text-align: center; position: absolute; top: 0; left: 0; background: url(../images/pc/mask.png); padding-top: 175px; display: none;}

.index-case {width: 100%; height: 883px; padding-top: 52px; background-color: #e7f5fd;}
.index-case ul {width: 1160px; margin: 0 auto 20px; height: 318px;}
.index-case ul li {width: 260px; height: 318px; background-color: #ffffff; float: left; margin-right: 40px; position: relative;}
.index-case ul li .hover{width: 260px; height: 260px; position: absolute; top: 0; left: 0; display: none;}
.index-case ul li p{padding-left: 12px; font-size: 16px; line-height: 50px; color: #484848;}
.index-case .more {width: 228px; height: 46px; background: url(../images/pc/more-btn-bg.png) no-repeat; margin: 0 auto; margin-top: 38px; text-align: center; font-size: 16px; line-height: 46px;}
.index-case .more .arrow{width: 8px; height: 13px; background: url(../images/pc/right-arrow.png) left center no-repeat; display: inline-block;}
.index-case .more a {color: #000;}

.index-message {height: 643px; text-align: center; padding-top: 52px;}
.index-message .title {font-size: 32px; color: #2a2a2a; line-height: 32px;}
.index-message .commnet {font-size: 20px; color: #575757; line-height: 20px; margin: 30px 0 42px 0;}
.index-message input {height:60px; line-height:60px; width: 512px; padding: 0 15px; border:1px solid #cfcdcd; font-size:20px; color:#000000; outline: none; border-radius: 10px; margin-bottom: 20px;}
.index-message label {height:60px; line-height:60px; width: 512px; padding: 0 15px; border:0; font-size:20px; color:#000000; outline: none; border-radius: 10px;}
.index-message textarea {height:200px; width: 512px; line-height: 30px; padding: 15px; border:1px solid #cfcdcd; font-size:20px; color:#000000; outline: none; margin: 0 auto; border-radius: 10px; margin-bottom: 20px;/* font-family: "Microsoft YaHei"; */margin-bottom: 45px;}
.index-message .submit {width: 164px; height: 46px; background-color: #1aabff; border:none; border-radius: 8px; font-size: 20px; line-height: 46px; text-align: center; color: #fff;}

.footer{ background:#222; width:100%; height: 288px; padding-top: 37px; color: #fff; position: relative;}
.footer .title {font-size: 20px; line-height: 20px; margin-bottom: 21px;}
.footer .aboutus{width: 275px; margin-right: 108px; float: left;}
.footer .aboutus .introduce{font-size: 16px; line-height: 24px; margin-bottom: 35px;}
.footer .aboutus .detail{font-size: 16px; width: 98px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; display: block; color: #fff;}
.footer .cooperation{width: 90px; margin-right: 108px; float: left;}
.footer .cooperation p{font-size: 16px; line-height: 24px; margin-bottom: 5px;}
.footer .concact{width: 600px; float: left; position: relative;}
.footer .concact p{font-size: 16px; line-height: 24px; margin-bottom: 5px;}
.footer .concact .qrcode{width: 140px; height: 140px; position: absolute; top: 0; right: 0;}
.foot-copy{ text-align:center; font-size: 16px; clear: both; color:#fff; line-height:20px; padding:15px;}

.case-banner {width:100%; margin: 0 auto; height:385px; background:url(../images/pc/case-banner.jpg) center top no-repeat; padding-top: 25px;}
.case-banner .title {font-size: 60px; text-align: center; color: #fff; margin-bottom: 33px;}
.case-banner .gobtn {width: 220px; height: 48px; font-size: 26px; text-align: center; line-height: 48px; color: #fff; background:url(../images/pc/go-btn-bg.png) no-repeat; display: block; margin: 0 auto;}

.case-list {width: 100%; padding-top: 3px;}
.case-list ul.nav li{float: left; padding-left: 20px; margin-bottom: 30px; margin-right: 40px;}
.case-list ul.nav li a{color: #484848; font-size: 16px; display: block; padding: 0 10px;  height: 46px; border-bottom: 2px solid #ffffff; line-height: 46px;}
.case-list ul.nav li a.on{color: #2dadff; border-bottom-color: #2dadff;}
.case-list ul.nav li a:hover{color: #2dadff; border-bottom-color: #2dadff;}
.case-list ul.case {width: 1160px; margin: 0 auto 20px; height: 326px;}
.case-list ul.case li {width: 260px; height: 326px; background-color: #ffffff; float: left; margin-right: 40px; position: relative;}
.case-list ul.case li p.company{font-size: 16px; line-height: 46px; color: #484848;}
.case-list ul.case li p.click{font-size: 14px; line-height: 20px; color: #858484;}
.case-list ul.case li p.click .num{float: right; background: url(../images/pc/eye.png) left center no-repeat; padding-left: 24px;}
.case-list ul.case li .hover{/*width: 258px; height: 258px; border: 1px solid #e9e9e9;*/ width: 260px; height: 260px; position: absolute; top: 0; left: 0; display: none;}
.hover img {width: 100%; height: 100%;}


.ep-pages{padding:23px 0px 60px 0;clear:both;text-align:center; font-size:14px;}
.ep-pages a, .ep-pages span{display:inline-block; height:40px; width: 40px; line-height: 40px; text-align: center; margin-right:10px; background:#fff; color: #484848; border:1px solid #bdbdbd; overflow:hidden;}
.ep-pages a.next {width: 76px; }
.ep-pages a:hover{background:#2dadff; border:1px solid #2dadff; text-decoration:none}
.ep-pages a, .ep-pages a:visited{color:#252525}
.ep-pages a:hover, .ep-pages a:active{color:#ffffff}
.ep-pages .current{background:#2dadff;border:1px solid #2dadff; color:#fff}
.ep-pages a.current, .ep-pages a.current:visited{color:#ffffff}
.ep-pages a.current:hover, .ep-pages a.current:active{color:#ffffff}
.ep-pages-e5e5e5{color:#e5e5e5}

.function-banner {width:100%; margin: 0 auto; height:410px; background:url(../images/pc/function-banner.jpg) center top no-repeat;}
.function-list{height: 430px;}
.function-list .left-img {width: 541px; padding: 45px 0 0 10px; float: left;}
.function-list .right-img {width: 541px; padding: 45px 10px 0 0; float: right;}
.function-list .right-word {width: 512px; padding: 130px 20px 0; float: right; margin-right: 40px;}
.function-list .left-word {width: 512px; padding: 130px 20px 0; float: left; margin-left: 40px;}
.function-list .t1 {width: 421px; height: 48px; background:url(../images/pc/f1.png) no-repeat; margin: 0 auto 42px;}
.function-list .t2 {width: 419px; height: 48px; background:url(../images/pc/f2.png) no-repeat; margin: 0 auto 42px;}
.function-list .t3 {width: 422px; height: 48px; background:url(../images/pc/f3.png) no-repeat; margin: 0 auto 42px;}
.function-list .t4 {width: 421px; height: 48px; background:url(../images/pc/f4.png) no-repeat; margin: 0 auto 42px;}
.function-list .content {font-size: 16px; line-height: 28px; text-align: center; color: #2a2a2a;}
.doit {width: 208px; height: 50px; line-height: 50px; background-color: #1aabff; border-radius: 5px; display: block; color: #fff; text-align: center; font-size: 20px; margin: 70px auto 62px;}

.about-banner {width:100%; margin: 0 auto; height:410px; background:url(../images/pc/about-banner.jpg) center top no-repeat; position: relative;}
.about-banner .contact{width: 260px; height: 86px; position: absolute; top: 286px; left: 50%; margin-left: -130px;}
.about-company {height: 438px; padding-top: 62px;}
.about-company .content{width:470px; margin-left: 40px; float: left;}
.about-company .content .title{height: 56px; background:url(../images/pc/about-icon.png) 0 0 no-repeat; padding-left: 78px; font-size: 36px; color: #1aabff; line-height: 56px; margin-bottom: 50px;}
.about-company .content p{color: #484848; font-size: 18px; line-height: 34px;}
.about-company .picture {float: right; margin-right: 104px; margin-top: 61px;}
.about-feature {background-color: #f0f0f0; height: 446px; padding-top: 60px;}
.about-feature .title{height: 56px; background:url(../images/pc/about-icon.png) 0 -56px no-repeat; padding-left: 75px; font-size: 36px; color: #1aabff; line-height: 56px; margin-left: 40px; margin-bottom: 55px;}
.about-feature ul {margin-left: 40px;}
.about-feature ul li {width: 256px; height: 293px; float: left; margin-right: 30px;}
.about-feature ul li .word{width: 256px; height: 103px; text-align: center;}
.about-feature ul li .word .w-title{font-size: 26px; color: #f08418; line-height: 26px;}
.about-feature ul li .word p{font-size: 16px; color: #2d2e2e; line-height: 28px;}
.about-course {height: 839px; padding-top: 60px;}
.about-course .title{height: 56px; background:url(../images/pc/about-icon.png) 0 -112px no-repeat; padding-left: 75px; font-size: 36px; color: #1aabff; line-height: 56px; margin-left: 40px; margin-bottom: 83px;}
.about-course img {margin-left: 62px;}
.about-contact {background-color: #fff; height: 394px; padding-top: 52px; margin-bottom: 60px;}
.about-contact .title{height: 56px; background:url(../images/pc/about-icon.png) 0 -168px no-repeat; padding-left: 80px; font-size: 36px; color: #1aabff; line-height: 56px; margin-left: 45px; margin-bottom: 40px;}
.about-contact .stitle{font-size: 20px; color: #000; padding-left: 120px; line-height: 20px;}
.about-contact .content {margin-top: 48px; padding-left: 120px;}
.about-contact .content .qrcode {width: 167px; float: left; margin-right: 83px;}
.about-contact .content .qrcode p {line-height: 40px; font-size: 16px; text-align: center;}
.about-contact .content .info1 {width: 350px; float: left; padding-top: 34px;}
.about-contact .content .info1 .phone{height: 34px; background:url(../images/pc/about-icon.png) 0 -258px no-repeat; padding-left: 60px; font-size: 20px; color: #000000; line-height: 34px; margin-bottom: 26px;}
.about-contact .content .info1 .mail{height: 34px; background:url(../images/pc/about-icon.png) 4px -292px no-repeat; padding-left: 60px; font-size: 20px; color: #000000; line-height: 34px; margin-bottom: 26px;}
.about-contact .content .info2 {width: 400px; float: left; padding-top: 34px;}
.about-contact .content .info2 .address{height: 34px; background:url(../images/pc/about-icon.png) 0 -224px no-repeat; padding-left: 60px; font-size: 20px; color: #000000; line-height: 34px; margin-bottom: 26px;}
.about-contact .content .info2 .site{height: 34px; background:url(../images/pc/about-icon.png) 0 -326px no-repeat; padding-left: 60px; font-size: 20px; color: #000000; line-height: 34px; margin-bottom: 26px;}
.about-contact .content .info2 .site a{color: #000000;}

.business-banner {width:100%; margin: 0 auto; height:410px; background:url(../images/pc/business-banner.jpg) center top no-repeat;}
.business-banner .cooperation{width: 244px; height: 72px; position: absolute; top: 280px; left: 75px;}
.business-main {padding-top: 47px;}
.business-main .title{font-size: 30px; color: #1aabff; text-align: center; font-weight: bold; letter-spacing: 6px; line-height: 68px;}
.business-main .line {width: 175px; height: 2px; overflow: hidden; background-color: #1aabff; margin-left: auto; margin-right: auto;}
.business-main .content {text-align: center;}
.business-main .content p{font-size: 14px; line-height: 24px; color: #2a2a2a;}

.business-main .form {width: 545px; margin: 0 auto;}
.business-main .form label {width: 136px; font-size: 16px; color: #262626; line-height: 52px; display: block; float: left; }
.business-main .form input {height:50px; line-height:50px; width: 376px; padding: 0 15px; border:1px solid #cfcdcd; font-size:20px; color:#000000; outline: none; border-radius: 8px;}
.business-main .form p {font-size: 16px; color: #262626; line-height: 52px;}
.business-main .form textarea {width: 376px; height: 96px; padding: 15px; border:1px solid #cfcdcd; font-size:20px; color:#000000; outline: none; border-radius: 8px; float: right;/* font-family: "Microsoft YaHei";*/}
.join {width: 210px; height: 57px; line-height: 57px; background-color: #1aabff; border-radius: 5px; display: block; color: #fff; text-align: center; font-size: 30px; margin: 48px auto 51px;}

.login-pop{ width:320px; background:#fff; position:fixed; left:50%; margin-left:-180px; top:50%; margin-top:-180px; z-index:20; padding:20px; font-size:13px;}
.log-title{ font-size:22px;}
.pcicon{ display:inline-block; background:url(../images/pc/pc-icon.png) no-repeat; vertical-align:middle; *zoom:1;}
.icon-close{ width:23px; height:23px; background-position:0 0;}
.icon-close:hover{ opacity:.8;}
.log-close{ position:absolute; right:10px; top:10px;}
.log-text-hold{ height:38px; border:1px solid #9a9a9a; position:relative; padding:0 10px 0 50px;}
.icon-account{ width:33px; height:33px; background-position:-25px 0; position:absolute; left:7px; top:50%; margin-top:-16px;}
.icon-password{ width:33px; height:33px; background-position:-60px 0; position:absolute; left:7px; top:50%; margin-top:-16px;}
.log-text-hold input{ display:block; width:100%; height:30px; line-height:30px; padding:4px 0;}
.log-error{ height:25px; line-height:25px; color:#ff5454;}
.c-btn{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:4px;}
.c-btn-1aabff{ background:#1aabff; color:#fff;}
.c-btn-1aabff:hover{ background:#1ca3f2;}
.w316{ width:316px;}
a.link-blue{ color:#1aabff;}
a.link-blue:hover{ text-decoration:underline;}

.reg-pop{ width:990px; min-height:440px; background:#fff; position:fixed; left:50%; margin-left:-515px; top:50%; margin-top:-240px; z-index:20; padding:20px; font-size:13px;}

.forget-pop{ width:555px; background:#fff; position:fixed; left:50%; margin-left:-278px; top:50%; margin-top:-220px; z-index:20; padding:20px; font-size:13px;}

.reg-ul{}
.reg-ul li{ line-height:40px; position:relative; padding-left:130px; overflow:hidden; margin-bottom:10px;}
.reg-tit{ width:110px; padding-right:20px; position:absolute; left:0; top:0; text-align:right;}
.reg-text{ display:block; width:296px; height:30px; padding:4px 10px; border:1px solid #9a9a9a;}
.reg-text-lit{ width:158px;}
.reg-sub{ color:#f00; margin-right:3px;}
.yzmbox img{ width:75px; height:30px; margin-top:5px;}
.yzm-btn{ display:block; width:100px; height:32px; line-height:32px; text-align:center; color:#333; font-size:14px; border:1px solid #8c8b8b; border-radius:3px; margin:3px 0 0 10px;}
.yzm-btn.disable{ color:#ccc; border:1px solid #ccc;}
.reg-ul li.reg-error{ height:15px; line-height:15px; color:#ff5454;}
.reg-ul li.lih25{ line-height:25px;}
.checkbox{ display:inline-block; cursor:pointer;}
.checkbox .pcicon{ width:18px; height:18px; background-position:-95px 0; margin:0 5px 3px 0;}
.checkbox.checked .pcicon{ background-position:-115px 0;}
.reg-gg{ width:393px; height:369px; position:absolute; top:60px; right:45px;}
.reg-gg a{ display:block;}
.reg-gg a img{ width:393px; height:369px;}
.login-mb{ width:100%; height:100%; background:#000; opacity:.7; z-index:15; position:fixed; left:0; top:0;}

.header{ background:#fff; height:112px;}
.header .wrapper{ padding-top:28px;}
.head-logo{ display:inline-block; width:221px; height:54px; background:url(../images/pc/ag-logo.png) no-repeat; text-indent:-100%; vertical-align:middle; margin-left:25px;}
.head-logo a{ display:block; width:100%; height:100%;}
.head-tit{ display:inline-block; line-height:44px; padding-left:30px; margin-left:20px; border-left:1px solid #eee; font-size:18px; color:#000; vertical-align:middle; *zoom:1; margin-top:3px;}
.pt60{ padding-top:60px;}
.agree-box{ width:960px; border:1px solid #f0f0f0; margin:0 auto;}
.agree-box h4{ line-height:75px; background:#fcfcfc; text-align:center; font-size:18px; font-weight:normal; color:#000; border-bottom:1px solid #f0f0f0;}
.agree-con{ padding:50px 50px 100px 50px; font-size:14px; color:#848484; line-height:1.8;}

.login-plat{ width:100%; height:464px; background:url(../images/pc/banner3.jpg) center center no-repeat #0094de;}
.login-plat .login-pop{ position:absolute; left:auto; margin-left:0; right:0; top:45px; margin-top:0; z-index:12;}
.login-bot{ text-align:center; font-size:14px; color:#8b8b8b;}

/* web */
.webhold img{ width:100%; vertical-align:middle;}
.web-top{ position:absolute; left:0; top:0; width:100%; height:35px; line-height:35px; background:rgba(255,255,255,.7); padding:0 10px; box-sizing:border-box;}
.web-top img{ width:auto; height:23px;}
.bgc-f3f2f6{ background:#f3f2f6;}
.web-title{ font-size:.65rem; color:#777; text-align:center; padding:30px 10px;}
.web-title h4{ font-size:.9rem; color:#333;}
.web-list1{ overflow:hidden;}
.web-list1 li{ width:50%; height:9.5rem; float:left; box-sizing:border-box; padding:0 20px; text-align:center; font-size:.6rem; color:#777; line-height:1.4;}
.web-list1 li img{ width:5rem; height:5rem; margin-bottom:.5rem;}
.web-list1 li h4{ font-size:.7rem; color:#333; margin-bottom:.25rem;}
.web-video{  margin-left:1rem; margin-right:1rem;}
.web-word{ font-size:.65rem; text-align:center;}
.web-step{ padding:0 .5rem 0 3.25rem}
.web-step li{ line-height:1.5rem; margin-bottom:1.5rem; position:relative; padding-left:2.25rem; font-size:.7rem;}
.st-num{ display:block; width:1.4rem; line-height:1.4rem; background:#fff; border:1px solid #45d8fe; color:#45d8fe; border-radius:50%; text-align:center; position:absolute; left:0; top:0; font-size:.8rem;}
.web-step li:before{ content:''; display:block; width:.2rem; height:1rem; background:url(../images/web/webtb.png) no-repeat; background-size:100%; position:absolute; left:.7rem; bottom:1.7rem;}
.web-step li:first-child:before{ display:none;}
.appli-ul{ padding:0 1rem;}
.appli-text{ display:block; width:100%; height:1.8rem; box-sizing:border-box; padding:.2rem .5rem; border:1px solid #bfbfbf; border-radius:3px;}
.c-777{ color:#777;}
.c-afafaf{ color:#afafaf;}

/*悬浮窗*/
.float-mune { z-index: 2; display: none; position: fixed; bottom: 30px; right: 20px; width: 105px; height: 285px;}
.mune-item { position: relative; width: 75px; height: 75px; margin: 15px; background-color: #1aabff;}
.mune-item img { width: 51px; height: 51px; padding: 12px;}
.mune-item .hover-text {font-size: 18px; position: absolute; top: 0; left: 0; display: none; width: 51px; height: 51px; padding: 12px; text-align: center; color: #fff; background-color: #76ceff;}

.mune-item .mune-hover { font-size: 16px; line-height: 40px; position: absolute; top: 17.5px; left: -186px; display: none; width: 162px; height: 40px; text-align: center; color: #fff; background-color: #1aabff;}
.mune-item .mune-hover.qr { position: absolute; top: 17.5px; left: -186px; display: none; width: 150px; height: 150px; padding: 6px; text-align: center; color: #fff; background-color: #1aabff;}
.mune-item .mune-hover.qr img { width: 150px; height: 150px; padding: 0;}
.mune-item .left-triangle { position: absolute; top: 25.5px; left: -26px; display: none; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 15px solid #1aabff;}