/* * @Author: anchen * @Date: 2017-08-11 16:43:17 * @Last Modified by: anchen * @Last Modified time: 2018-04-21 11:11:36 */ @charset "utf-8"; /* CSS 定制的公共样式 */ html,body{font-family:"Microsoft yahei";font-size:12px; line-height:22px;color:#666; background-color:#fff; overflow-x:hidden;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,input{margin: 0;padding: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;} a{color:#666; text-decoration:none;outline:none} /* for firefox */ ul,dl{ list-style-type:none;} li{vertical-align:top;} .clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} *html .clearfix {zoom:1;} *+html .clearfix {zoom:1;} img{ border:none; vertical-align:top;} input,textarea,select{font-family:"Microsoft yahei"; font-size:12px;color:#888; border:none; outline: medium none;} input:focus{ } input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="select"] { -webkit-appearance: none;} textarea {-webkit-appearance: none;} @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) { html,body { font-size:168.75px; } } @media only screen and (max-width: 960px), only screen and (max-device-width:960px) { html,body { font-size:150px; } } @media only screen and (max-width: 800px), only screen and (max-device-width:800px) { html,body { font-size:125px; } } @media only screen and (max-width: 768px), only screen and (max-device-width:768px) { html,body { font-size:119px; } } @media only screen and (max-width: 720px), only screen and (max-device-width:720px) { html,body { font-size:112.5px; } } @media only screen and (max-width: 640px), only screen and (max-device-width:640px) { html,body { font-size:100px; } } @media only screen and (max-width: 600px), only screen and (max-device-width:600px) { html,body { font-size:93.75px; } } @media only screen and (max-width: 540px), only screen and (max-device-width:540px) { html,body { font-size:84.375px; } } @media only screen and (max-width: 480px), only screen and (max-device-width:480px) { html,body { font-size:75px; } } @media only screen and (max-width: 414px), only screen and (max-device-width:414px) { html,body { font-size:64.6875px; } } @media only screen and (max-width: 400px), only screen and (max-device-width:400px) { html,body { font-size:62.5px; } } @media only screen and (max-width: 375px), only screen and (max-device-width:375px) { html,body { font-size:58.59375px; } } @media only screen and (max-width: 360px), only screen and (max-device-width:360px) { html,body { font-size:56.25px; } } @media only screen and (max-width: 320px), only screen and (max-device-width:320px) { html,body { font-size:50px; } } @media only screen and (max-width: 240px), only screen and (max-device-width:240px) { html,body { font-size:37.5px; } } * { padding: 0;margin: 0;} ul,ol,dl { list-style: none;} .container { margin: 0 0.2rem;} .layout ,.laybox{ width: 100vw;height: 100vh;background: rgba(0,0,0,.8);position: fixed;top: 0;left: 0;z-index: 95;display: none;} .laybox { z-index: 120;} #laybar { width: 90vw;height: 3rem;background: #fff;border-radius: 0.2rem;position: fixed;left: 50%;top: 50%;z-index: 55;overflow: hidden;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);display: none;z-index: 100;} #laybar h1 { font-size: 0.26rem;background: #0af;padding: 0.1rem 0;padding-left: 0.3rem;color: #fff;font-weight: 600;} #laybar .close { width: 0.33rem;height: 0.33rem;background: url(../images/close.png) no-repeat;background-size: contain;position: absolute;top: 0.13rem;right: 0.2rem;cursor: pointer;} #laybar .left { float: left;width: 60%;border-right: 1px solid #b7b7b7;margin-top: 0.2rem;background: #fff;text-align: center;} #laybar .right{ float: right;width: 38%;margin-top: 0.2rem;text-align: center;background: #fff;} #laybar .left input { width: 2.5rem;box-sizing: border-box;border: 1px solid #b5b5b5;border-radius: 0.3rem;padding-left: 0.15rem;background: none;margin-bottom: 0.12rem;display: inline-block;font-size: 0.22rem;height: 0.6rem;line-height: 0.6rem;} #laybar .left input[type="text"]:focus { box-shadow: 0 0 0.15rem rgba(0,170,255,.5);border-color: rgb(145,218,255);} #laybar .left input[type="submit"] { background: #0af;color: #fff;padding-left: 0;cursor: pointer;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;border-color: transparent;font-size: 0.2rem;} #laybar .left input[type="submit"]:hover { background: #038aca;color: #fff;} #laybar .right p { text-align: center;padding: 0.08rem 0;margin-bottom: 0.12rem;font-weight: 700;font-size: 0.2rem;margin-top: 0.22rem;} #laybar .right a { padding: 0 0.25rem;background: #0af;color: #fff;border-radius: 0.3rem;display: inline-block;box-sizing: border-box;text-align: center;font-size: 0.2rem;height: 0.55rem;line-height: 0.55rem;} #laybar .right a:hover { background: #038aca;color: #fff;} /*头部*/ #header { width: 100%;height: 1.2rem;background: #080a1f;position: relative;z-index: 99;} #header .logo { width: 2.2rem;height: 0.95rem;background: url(../images/logo.png) no-repeat;background-size: contain;position: absolute;left: 0.2rem;top: 0.25rem;} #header .hamburger { position: absolute;right: 0.2rem;top: 0.35rem;cursor: pointer;} #header .hamburger .line{ width: 0.5rem; height: 0.06rem; background-color: #ecf0f1; display: block; margin: 0.08rem auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .hamburger.is-active .line:nth-child(2){ opacity: 0; } #header .hamburger.is-active .line:nth-child(1){ -webkit-transform: translateY(0.14rem) rotate(45deg); -ms-transform: translateY(0.14rem) rotate(45deg); -o-transform: translateY(0.14rem) rotate(45deg); transform: translateY(0.14rem) rotate(45deg); } #header .hamburger.is-active .line:nth-child(3){ -webkit-transform: translateY(-0.14rem) rotate(-45deg); -ms-transform: translateY(-0.14rem) rotate(-45deg); -o-transform: translateY(-0.14rem) rotate(-45deg); transform: translateY(-0.14rem) rotate(-45deg); } #navmenu { width: 100%;position: absolute;top: 1.2rem;left: 100%;background: #fff;padding-bottom: 1rem;} #navmenu ul li h1,#navmenu ul li h2,#navmenu ul li dl dt,#navmenu ul li dl dd a{ color: #000;font-size: 0.26rem; height: 0.7rem;line-height: 0.7rem;border-bottom: 1px solid #999;padding-left: 0.2rem;} #navmenu ul li h1 a { color: #000;} #navmenu ul li h1 { display: block;box-sizing: border-box;} #navmenu ul li h2 { color: #0af;background: #e2e2e2;padding-left: 0.4rem;font-size: 0.24rem;} #navmenu ul li dl dt { background: #fff;padding-left: 0.6rem;font-size: 0.22rem;} #navmenu ul li dl dd a { background: #e7f0f7;display: block;padding-left: 0.8rem;font-size: 0.2rem;} #navmenu ul li h1.cur,#navmenu ul li h1.cur a { background: #039fe9;color: #fff;} #navmenu ul li dl dt a { display: block;} #navmenu ul li dl dd,#navmenu ul li .box dl,#navmenu .dropmenu ,#navmenu ul li .box dd{ display: none;} /*底部*/ #foot { background: #080a1f;padding: 0.2rem 0;width: 100%;padding-bottom: 1.5rem;} #foot .contactus { text-align: center;border-bottom: 1px solid #6b6d7a;padding-bottom: 0.4rem;} #foot .contactus a { padding: 0.1rem 0.2rem;background: #0af;color: #fff;display: inline-block;font-size: 0.22rem;border-radius: 0.3rem;} #foot .footmenu dl { border-bottom: 1px solid #6b6d7a;} #foot .footmenu dt { font-size: 0.26rem;color: #fff;padding: 0.2rem;} #foot .footmenu dd { display: none;} #foot .footmenu dd a{ font-size: 0.24rem;color: #000;background: #fff;padding: 0.2rem 0.4rem;display: block;border-bottom: 1px solid #6b6d7a;} #foot .copy { text-align: center;padding: 0.4rem 0;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: center;} #foot .copy a { padding: 0 0.2rem;color: #fff;font-size: 0.22rem;display: inline-block;margin: 0;height: 0.22rem;line-height: 0.22rem;} #foot .copy a + a { border-left: 1px solid #fff;} #banner { height: 4.5rem;} #banner .swiper-slide { background-repeat: no-repeat;background-size: cover;background-position: center;} #banner .text { text-align: center;} #banner .text h1 { font-size: 0.4rem;color: #fff;text-align: center;margin-top: 1.3rem;} #banner .text h2 { font-size: 0.32rem;color: #fff;text-align: center;margin-top: 0.3rem;margin-bottom: 0.4rem;} #banner .text a { display: inline-block;padding: 0.05rem .25rem;color: #fff;border-radius: 0.3rem;margin: 0 0.15rem;font-size: 0.26rem;background: #0af;} #watch span { width: 0.23rem;height: 0.23rem;background: url(../images/index_play01.png) no-repeat center;display: inline-block;background-size: contain;margin-left: 0.1rem;vertical-align: baseline;} .more span { width: 0.23rem;height: 0.23rem;background: url(../images/more.png) no-repeat center;display: inline-block;background-size: contain;margin-left: 0.1rem;vertical-align: baseline;} #banner .swiper-pagination { bottom: 0.3rem!important;} #banner .swiper-pagination-bullet { width: 0.6rem;height: 0.05rem;background: #fff;opacity: 1;border-radius: 0.3rem;} #banner .swiper-pagination-bullet-active { background: #0af;} /*链接分类*/ #linktype ul { overflow: hidden;} #linktype ul li { width: 33.33%;float: left;} #linktype ul li:nth-child(odd) { background: #efefef;} #linktype ul li:nth-child(even) { background: #f5f6f8;} #linktype ul li a { display: block;font-size: 0.24rem;color: #0b0825;text-align: center;padding: 0.2rem 0;line-height: 0.22rem;} #linktype ul li a span { width: 0.22rem;height: 0.22rem;background: url(../images/index_hotlink.png) no-repeat;background-size: contain;display: inline-block;margin-right: 0.1rem;vertical-align: inherit;} #linktype ul li:nth-child(2) a span { background: url(../images/index_proask.png) no-repeat;background-size: contain;} #linktype ul li:nth-child(3) a span { background: url(../images/index_lesson.png) no-repeat;background-size: contain;} #linktype ul li:nth-child(4) a span { background: url(../images/index_story.png) no-repeat;background-size: contain;} #linktype ul li:nth-child(5) a span { background: url(../images/index_softdownload.png) no-repeat;background-size: contain;} #linktype ul li:nth-child(6) a span { background: url(../images/index_contact.png) no-repeat;background-size: contain;} /*三个业务*/ #category .tab ul { overflow: hidden;margin: 0.4rem 0.2rem;} #category .tab ul li { width: 33.33%;float: left;text-align: center;} #category .tab ul li a { display: block;color: #000;} #category .tab ul li span { width: 1.35rem;height: 1.35rem;background: url(../images/tab1.png) no-repeat center;background-size: contain;display: inline-block;} #category .tab ul li:nth-child(2) span { background: url(../images/tab2.png) no-repeat center;background-size: contain;} #category .tab ul li:nth-child(3) span { background: url(../images/tab3.png) no-repeat center;background-size: contain;} #category .tab ul li h1 { font-size: 0.3rem;text-align: center;color: #000;font-weight: 700;margin: 0.2rem 0;} #category .tab ul li.current span { background: url(../images/tab1_1.png) no-repeat center;background-size: contain;} #category .tab ul li:nth-child(2).current span { background: url(../images/tab2_1.png) no-repeat center;background-size: contain;} #category .tab ul li:nth-child(3).current span { background: url(../images/tab3_1.png) no-repeat center;background-size: contain;} #category .content{ background: #eaf1f7;position: relative;display: none;} #category .content.show { display: block;} #category .box { padding: 0.8rem 0;overflow: hidden;padding-bottom: 0.4rem;} #category .content:before { content: '';width: 0;height: 0;border: 0.16rem solid #eaf2f7;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: -0.15rem;} #category .content.c1 { display: none!important;} #category .content.c1:before { left: 1rem;} #category .content.c2:before { left: 3rem;} #category .content.c3:before { left: 5rem;} #category .box dl { width: 50%;text-align: center;float: left;display: inline-block;margin-bottom: 0.15rem;} #category .box dl dt { font-size: 0.3rem;color: #0af;margin-bottom: 0.2rem;} #category .box dl dd { margin-bottom: 0.15rem;} #category .box dl dd a { font-size: 0.24rem;color: #757577;line-height: 0.22rem;display: block;text-align: center;} #category .box dl:nth-child(odd) { clear: both;} /*案例*/ #case { margin: 0.5rem 0;} #case .box .tit { height: 1.2rem;line-height: 1.2rem;background: #f5f6f8;border-bottom: 1px solid #efefef;font-size: 0.32rem;color: #0c0b1d;position: relative;vertical-align: middle;margin-bottom: 0.2rem;padding-left: 1.3rem;} #case .box .tit:after { content: '';height: 0.2rem;width: 0.2rem;border: 0.03rem solid #d8d9db;border-color: transparent transparent #d8d9db #d8d9db;position: absolute;right: 20px;top: 50%;margin-top: -0.2rem;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #case .box .tit span { width: 0.8rem;height: 0.62rem;background: url(../images/case01.jpg) no-repeat;background-size: contain;display: inline-block;margin-left: 0.2rem;margin-right: 0.4rem;vertical-align: middle;position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);left: 0.2rem;} #case .box2 .tit span { background: url(../images/case02.jpg) no-repeat;background-size: contain;} #case .box3 .tit span { background: url(../images/case03.jpg) no-repeat;background-size: contain;} #case .box4 .tit span { background: url(../images/case04.jpg) no-repeat;background-size: contain;} #case .box5 .tit span { background: url(../images/case05.jpg) no-repeat;background-size: contain;} #case .box6 .tit span { background: url(../images/case06.jpg) no-repeat;background-size: contain;} #case .box7 .tit span { background: url(../images/case07.jpg) no-repeat;background-size: contain;} #case .box .content { position: relative;display: none;} #case .box .content img { width: 100%;} #case .box .content .tip { width: 2rem;height: 1.5rem;background: url(../images/tmbj.png) no-repeat;background-size: contain;color: #fff;font-size: 0.26rem;position: absolute;top: 0;left: 0;line-height: 0.45rem;padding-left: 0.1rem;} #case .box .content .part { position: relative;margin-bottom: 0.2rem;} #case .text { background: rgba(0,0,0,.7);padding: 0.1rem;position: absolute;bottom: 0;left: 0;} #case .text h2 { font-size: 0.3rem;color: #fff;padding: 0.1rem 0;line-height: 0.35rem;margin-bottom: 0.05rem;} #case .text p { font-size: 0.22rem;color: #fff;line-height: 0.28rem;} #case .box.show .content { display: block;} #case .box .content .part button {width: 0.48rem;height: 0.48rem; border: none;background: url(../images/index_play02.png);position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-150%); -moz-transform: translate(-50%,-150%); -ms-transform: translate(-50%,-150%); -o-transform: translate(-50%,-150%); transform: translate(-50%,-150%);z-index: 55;background-size: contain;} #news { margin-bottom: 0.4rem;} #news .tab { margin-bottom: 0.1rem;} #news .tab ul { overflow: hidden;background: #eaf1f7;padding: 0.2rem 0;padding-bottom: 0;} #news .tab ul li { font-size: 0.3rem;width: 33.33%;float: left;text-align: center;} #news .tab ul li a { border-bottom: 3px solid transparent;color: #070c22;padding-bottom: 0.2rem;display: inline-block;} #news .tab ul li.current a { color: #039fe9;border-color: #039fe9;} #news .newsinfo { display: none;position: relative;} #news .newsinfo.show { display: block;} #news .newsinfo ol li { padding: 0.2rem ;background: #eaf1f7;margin-bottom: 0.05rem;} #news .newsinfo ol li h1{ font-size: 0.24rem;color: #070c22;} #news .newsinfo ol li span { font-size: 0.22rem;color: #999;display: block;line-height: 0.16rem;position: relative;padding-left: 0.4rem;margin: 0.2rem 0;} #news .newsinfo ol li span i { width: 0.3rem;height: 0.3rem;background: url(../images/time.jpg) no-repeat;background-size: contain;display: inline-block;margin-right: 0.1rem;position: absolute;left: 0;top: 50%;margin-top: -0.17rem;} #news .newsinfo .text { position: absolute;top: 0.4rem;left: 0.2rem;} #news .newsinfo .text h2 { font-size: 0.5rem;color: #fff;line-height: 0.8rem;position: relative;} #news .newsinfo .text img { width: 100%;} #news .newsinfo .text h2:after { content: '';width: 1rem;height: 0.05rem;background: #fff;position: absolute;bottom: -0.3rem;left: 0;} #news .newsinfo .text a { padding: 0.1rem 0.25rem;background: #0af;color: #fff;font-size: 0.26rem;display: inline-block;margin-top: 1rem;} #news .newsinfo .text a span { width: 0.3rem;height: 0.3rem;background: url(../images/more.png) no-repeat;background-size: contain;display: inline-block;margin-left: 0.05rem;} #footvideo { position: relative;} #footvideo img { width: 100%;} #footvideo .text { position: absolute;top: 0.5rem;width: 100%;text-align: center;} #footvideo .text h1 { font-size: 0.36rem;color: #fff;font-weight: 600;text-align: center;line-height: 0.5rem;} #footvideo .text a { display: inline-block;padding: 0.1rem 0.25rem;border-radius: 0.3rem;font-size: 0.25rem;background: #0af;color: #fff;} #footvideo .text a span { width: 0.3rem;height: 0.3rem;background: url(../images/index_play01.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-left: 0.05rem;} /* 视频弹窗 */ #videobox { width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 20;z-index: 9999;display: none;} .closeb { width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.6);z-index: 20;} #videobox .vcontent { width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: 999;text-align: center;z-index: 22;} #videobox .vcontent video { width: 100%;} /*.closev { width: 0.5rem;height: 0.5rem;background: url(../images/shut.jpg) no-repeat;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}*/ #footer-bar{position: fixed;bottom: 0;left: 0;z-index:2; width:100%; height:80px; background:#0585ea; border-top:1px solid #e1e1e1; box-shadow:0 -1px 4px 2px rgba(0,0,0,0.15);} #footer-bar ul{height: 45px;} #footer-bar ul li{float:left; width:33.33%; height:100%;position: relative;} #footer-bar ul li a{display:block; height:100%; text-align:center; font-size:12px; overflow:hidden; color:#fff;} #footer-bar ul li a:active{background:#1290f3;} #footer-bar ul li a i{display:block; width:18px; height:18px; margin:6px auto 0; background-repeat:no-repeat; background-size:cover;} #footer-bar ul li a i.icon-tel{background-image:url(../images/sxf_01.png);} #footer-bar ul li a i.icon-try{background-image:url(../images/sxf_02.png);} #footer-bar ul li a i.icon-write{background-image:url(../images/sxf_03.png);} #footer-bar ul li .tel { position: absolute;top: -50px;left: 0;background: #f5f5f5;width: 150%;text-align: left;display: none;} #footer-bar ul li .tel:after { content: '';border: 4px solid #fff;-webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg);position: absolute;bottom: -4px;left: 30%;} #footer-bar ul li .tel p { color: #333;font-size: 12px;padding-left: 10px;} #footer-bar ul li .tel a { color: #333;text-align: left;color: #0585ea;box-sizing: border-box;display: inline-block;vertical-align: middle;margin-top: -2px;} #footer-bar .callback{width:100%;height:35px;background:#292a2c;line-height:35px;} #footer-bar .callback form{width:215px;margin:0 auto;position:relative;} #footer-bar .callback form .input{width:125px;padding-left:10px;height:22px;line-height:22px;background:#fff;display: inline-block;vertical-align: top;margin-top: 6px;} #footer-bar .callback form .submit{width:60px;line-height:22px;height:22px;text-align:center;color:#fff;background:#0585ea;display: inline-block;vertical-align: top;margin-top: 6px;} .callbacktip{height:147px;width: 100%;background-image:url(../images/callback_bg.png);background-size: cover;position:fixed;bottom:30px;left:50%;line-height:1.5;font-size:14px;display:none;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .callbacktip_box{padding: 8px;} .callbacktip .tip1{padding:5px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5QjYxQUE3RDBFMzExRTdCRDA4QjZDMjcxMDIxRkFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5QjYxQUE4RDBFMzExRTdCRDA4QjZDMjcxMDIxRkFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTlCNjFBQTVEMEUzMTFFN0JEMDhCNkMyNzEwMjFGQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTlCNjFBQTZEMEUzMTFFN0JEMDhCNkMyNzEwMjFGQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oCKS7AAABCUlEQVR42mL8////s9dfjpx/8uPXHwZUwMHGYmMoIyXKw/T6/bfS/n2///zl4WTl5mR9/voLEAEZQC5QECgFVMBy6fZrO2O5aC9toNbff/4t3HwZyPCzV2VlYQIyvnz/DVTA8vjFp5OXnj579RnZopbZRyEMoCw7KzOLqCCXvpq4j50yAzaw5dBdoAIWoLGC/BzKsoJYFQGlgAqYGIgAw1sRy4+ff4DBevTCE6zSQCkBHnaWT19/PXrx6djFp1gVAaXkJflZJEV5jDQl0oMNIKJ7Tj4Aki7mChDuzLUXgApY9FRF5224CEwYnOwsQNE3H74DyXVfbgLJ7z//HDr7KMhJjZGYRAcQYADkzXjMkjuHeQAAAABJRU5ErkJggg==) no-repeat left;text-indent:23px;} .callbacktip .tip2{padding:5px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAIAAADUsmlHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2NzI1NEI0RDBFMzExRTdCMDYwQUExMkEzOTdCNkRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2NzI1NEI1RDBFMzExRTdCMDYwQUExMkEzOTdCNkRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY3MjU0QjJEMEUzMTFFN0IwNjBBQTEyQTM5N0I2REYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY3MjU0QjNEMEUzMTFFN0IwNjBBQTEyQTM5N0I2REYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5v+zTCAAABtElEQVR42mL89+//6avPPnz+yQAD8pL86gpCDEQAxuXbr+0/81BfTQzC//+f4dC5x7WpVjoqogQ1s1y//ybGW9vWUBZhHiPDjDXngfbj12mkIc4CpJiAylGBlCgv3C1YwZU7r4EOZMEqp6Eg5GapiN/moxeesOCS+/bjz79//3DJ/vj1B+RnrHJfvv/ObN3x9+9/XJq///yjoyKCXTMPJ+vCZh88bt51/D7Q2Ux4VMxZfzGzdee7j98bZhwp7tv36/ffnI5dvYtOIaIKj+ZoL+0ARzUhfs6SODOgF9hYmZuz7IAkXAE+m/ederho8+VPX3+u3n1j8dYrv//8W7j58tbDd4myWVNJWJifg4uD1URbEuhmFmYmK31pPh52ojR///Hn87fff//9//r9909Q3Pz//PUXMzMTUc5+9e7rvacffv/++/jFpwfPPgK9ff/Zx+dvvhCw+c2H73cfv5eT4AOil2+/ApMxUPDh84+OJnJABlDq1btvODUD4/Dmw3f4k6eFrhSLrDgfMACBxsNFz1x9nhFqaKknTTg/A1Pp5oN3gN6DhgEjo5q8kJOZPDGFAUCAAQCK8MDqiZmX/gAAAABJRU5ErkJggg==) no-repeat left;text-indent:23px;} .callbacktip .tip3{padding:5px 0;} .callbacktip .line{width:275px;height:1px;background:#eaeaea;margin:0 auto;} @media (max-width: 320px ) { #foot .copy a { padding: 0 0.15rem;font-size: 0.2rem; } }