*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
a{color:#333;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:12px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:1px solid #bbb}
.false:focus{border:2px solid #ff1531;background:#fff}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.hide{display:none}
.wp{width:100%;max-width:1440px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
@font-face{font-family:Baskerville;src:url(../fonts/Baskerville.ttc)}
.header{position:fixed;top:0;left:0;width:100%;background:0 0;padding:20px 15px 0;z-index:300}
.menuBtn{float:left;width:50px;height:50px;-webkit-background-size:32px auto;background-size:32px auto;cursor:pointer;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:0 0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;z-index:20}
.menuBtn span{position:absolute;left:9px;top:23px;width:32px;height:4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#4a4376;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menuBtn span:before{content:'';position:absolute;top:-10px;left:0;width:32px;height:4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#4a4376;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menuBtn span:after{content:'';position:absolute;top:10px;left:0;width:32px;height:4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#4a4376;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menuBtn.open,.menuBtn:hover{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);-o-transform:rotateZ(90deg);transform:rotateZ(90deg);background-color:#443d6b}
.menuBtn:hover span{background:0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menuBtn.open span:after,.menuBtn:hover span:after{-webkit-transform:translateY(-10px) rotateZ(-45deg);-moz-transform:translateY(-10px) rotateZ(-45deg);-ms-transform:translateY(-10px) rotateZ(-45deg);-o-transform:translateY(-10px) rotateZ(-45deg);transform:translateY(-10px) rotateZ(-45deg);background-color:#fff}
.menuBtn.open span:before,.menuBtn:hover span:before{-webkit-transform:translateY(10px) rotateZ(45deg);-moz-transform:translateY(10px) rotateZ(45deg);-ms-transform:translateY(10px) rotateZ(45deg);-o-transform:translateY(10px) rotateZ(45deg);transform:translateY(10px) rotateZ(45deg);background-color:#fff}
.menuBtn.open span{background:0 0}
.nav-bg{position:absolute;top:45px;left:40px;background-color:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:1500px;height:1500px;-webkit-transition:all 1.5s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all 1.5s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.5s cubic-bezier(.77,0,.175,1) 0s;z-index:10}
.nav-box.open .nav-bg{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.nav-box{position:fixed;top:0;left:0;width:700px;height:700px;max-width:100vw;max-height:100vh;padding:5% 8%;visibility:hidden}
.nav-box.open{visibility:visible}
.cont{position:relative;top:10px;z-index:20}
.nav li{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s;display:block;float:none;opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:all .2s ease .3s;-o-transition:all .2s ease .3s;transition:all .2s ease .3s;margin-bottom:10px}
.nav li:nth-child(1){-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.nav li:nth-child(2){-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.nav li:nth-child(3){-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.nav li:nth-child(4){-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.nav li:nth-child(5){-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.nav li:nth-child(6){-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.nav-box.open .nav li:nth-child(1){-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.nav-box.open .nav li:nth-child(2){-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.nav-box.open .nav li:nth-child(3){-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.nav-box.open .nav li:nth-child(4){-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.nav-box.open .nav li:nth-child(5){-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.nav-box.open .nav li:nth-child(6){-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.nav-box.open .nav li{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
.nav a{color:#545454;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav .on a,.nav a:hover{color:#2c2749}
.nav a span{font-size:40px}
.nav a em{font-size:18px;font-family:Baskerville;margin-left:10px}
.hd-tel{float:right;font-size:35px;color:#aba6bf;font-weight:700;font-family:Arial}
.hd-tel i{display:inline-block;vertical-align:middle;background:url(../images/tel.png) no-repeat center center;width:76px;height:76px;-webkit-background-size:contain;background-size:contain}
.footer{overflow:hidden;line-height:34px;padding-left:165px;padding-right:60px;background-color:#1a1a1a;font-size:14px;color:#a1a1a1}
.footer a{color:#a1a1a1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fd-l{float:left}
.fd-l em{display:inline-block;vertical-align:middle}
.fd-r{float:right;text-align:right}
.footer a:hover{color:#fff}
.mod-link{display:inline-block;vertical-align:middle;width:500px;overflow:hidden}
.mod-link .tempWrap{width:500px!important}
.mod-link li{display:inline-block;vertical-align:middle;margin-right:10px;width:auto!important}
body{background-color:#2d264b}
html{overflow-x:hidden}
.page{overflow:hidden}
.bg-school{background:url(../images/bg2.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;max-width:1532px;width:100%;height:1350px;position:absolute;top:348px;left:0;opacity:1;z-index:8;pointer-events:none}
.page1{background:url(../images/bg1.jpg) no-repeat top left;-webkit-background-size:100% auto;background-size:100% auto;min-height:95vh;overflow:hidden}
.circle{position:absolute;left:50%;-webkit-transform:translateX(-50%) rotateZ(0deg);-moz-transform:translateX(-50%) rotateZ(0deg);-ms-transform:translateX(-50%) rotateZ(0deg);-o-transform:translateX(-50%) rotateZ(0deg);transform:translateX(-50%) rotateZ(0deg);border:1px solid #685ca4;-webkit-transition:all 30s linear;-moz-transition:all 30s linear;-ms-transition:all 30s linear;-o-transition:all 30s linear;transition:all 30s linear;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.circle-1{width:814px;height:814px;top:125px;z-index:1}
.circle-2{width:1330px;height:1330px;top:-60px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;z-index:3}
.circle-3{width:1853px;height:1853px;top:-379px;z-index:2}
.circle-icon{width:150px;height:150px;background:no-repeat center center;-webkit-background-size:contain;background-size:contain;position:absolute;-webkit-transition:all 30s linear;-moz-transition:all 30s linear;-ms-transition:all 30s linear;-o-transition:all 30s linear;transition:all 30s linear}
.circle-icon-1{left:5%;top:12%}
.circle-icon-2{right:5%;top:15%}
.circle-icon-3{bottom:10%;left:8%}
.mod-tit{text-align:center;overflow:hidden;position:relative;z-index:4;margin-top:70px}
.mod-tit .p1{font-size:90px;color:#fff;opacity:0;height:243px;overflow:hidden}
.mod-tit .p1 img{display:block;height:100%;width:auto;margin:0 auto}
.mod-tit .p2{font-size:28px;color:#585373;text-transform:uppercase;font-family:Baskerville;font-weight:700;position:relative;top:-40px}
.school1{position:absolute;width:814px;height:814px;top:125px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:6}
.school2{position:absolute;width:1330px;height:1330px;top:-60px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:5}
.sch-icon{width:300px;height:82px;background:no-repeat center center;-webkit-background-size:contain;background-size:contain;position:absolute}
.sch-icon-2{top:45%;left:-15%}
.sch-icon-4{top:70%;left:-10%}
.sch-icon-5{top:30%;right:-15%}
.sch-icon-7{top:60%;right:-10%}
.sch-icon-1{top:30%;left:-5%}
.sch-icon-3{top:48%;left:-10%}
.sch-icon-6{top:40%;right:-13%}
.sch-icon-8{top:60%;right:-10%}
.mod-num{width:335px;height:335px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;background-color:#443d6b;position:absolute;top:58%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:7}
.num-in{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.num-in>em{color:#8476ce;font-size:30px;display:block}
.mod-num .num{color:#fff;padding-left:30px}
.mod-num .num span{font-size:100px;color:#fff;font-weight:700}
.mod-num .num em{font-weight:700;font-size:50px;position:relative;top:-65px}
.mod-logo{position:absolute;bottom:100px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:6}
.icon-arrow{display:block;cursor:pointer;margin:0 auto;width:31px;height:31px;background:url(../images/down.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;animation:upDown 3s infinite;-webkit-animation:upDown 3s infinite}
@keyframes upDown{
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes upDown{
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes upDown{
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes upDown{
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
.logo{height:57px;overflow:hidden}
.logo img{display:block;height:100%;width:auto;margin:0 auto}
.page2{position:relative;z-index:10}
.mod-book{position:relative;height:363px;z-index:10}
.mod-book .book{position:absolute;bottom:0;left:0;width:100%;font-size:0;text-align:center}
.mod-book .book img{display:inline-block;vertical-align:bottom}
.icon-comp{width:102px;height:90px;background:url(../images/icon4.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:-155px}
.mod-comp{position:relative;z-index:11}
.mod-comp .book-4{height:636px;position:absolute;left:0;width:100%;top:-310px;background:url(../images/book4.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;z-index:1}
.comp-top{position:relative;z-index:2}
.page-tit{text-align:center;color:#342e53;font-size:44px;font-weight:700}
.m-display{padding-top:40px;position:relative}
.m-display:after{content:'';width:100%;height:78.5%;position:absolute;top:0;left:0;background-color:#ededed}
.display-t{width:1092px;height:736px;background:url(../images/screen.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;margin:0 auto;position:relative;z-index:2}
.display-b{width:1640px;height:397px;background:url(../images/comp-b.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;margin:-178px auto 0;position:relative;z-index:3;pointer-events:none}
.display-img{position:absolute;top:47px;left:40px;bottom:47px;right:40px}
.display-pic{overflow:hidden;height:642px}
.display-pic img{display:block;width:100%;height:auto}
.page3{position:relative;z-index:12;margin-top:-90px}
.page3-tit{font-size:44px;color:#f7f7f7;text-align:center}
.page3-desc{word-break:break-word;font-size:24px;color:#f7f7f7;line-height:47px;max-width:1040px;margin:30px auto 0;width:100%;text-align:center;font-weight:lighter}
.mobile-icon{width:40px;height:60px;background:url(../images/icon5.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;margin:0 auto}
.page-tit.white{color:#fff}
.qr-icon{background:url(../images/icon-qr.png) no-repeat center center;width:20px;height:20px;-webkit-background-size:contain;background-size:contain;margin:0 auto}
.m-qr{width:243px;height:273px;background:url(../images/qr.bg.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;margin:10px auto 0;-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px);text-align:center;padding-top:20px;font-size:14px;color:#000}
.m-case1{position:relative;margin-top:-500px;height:2192px}
.case1-bg{position:absolute;height:100%;width:100%;background:url(../images/x1.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;z-index:-1}
.case1-box{padding-top:300px}
.mod-aly{margin-top:-550px;position:relative;z-index:3}
.aly-txt{padding-left:300px;color:#f7f7f7}
.aly-icon{background:url(../images/icon6.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;width:58px;height:58px;margin-bottom:35px}
.aly-tit{font-weight:700;font-size:44px;margin-bottom:20px}
.aly-desc{font-size:24px;line-height:48px;white-space:pre-line;font-weight:lighter;max-width: 450px;width: 100%;line-height: 34px;}
.aly-box{position:relative;top:-200px;left:53%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:725px;height:805px}
.pic-mac{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.pic-mac .mac{display:block;width:100%;height:100%}
.aly-pic{position:absolute;z-index:2;-webkit-transform:scale(.43);-moz-transform:scale(.43);-ms-transform:scale(.43);-o-transform:scale(.43);transform:scale(.43)}
.aly-pic-1{top:41%;left:-46%}
.aly-pic-2{bottom:-5%;left:-25%;z-index:3}
.aly-pic-3{top:37%;left:-12%;z-index:4}
.aly-pic-4{top:17%;left:-20%;z-index:3}
.aly-pic-5{bottom:-33%;left:-40%}
.aly-pic-6{top:-18%;right:-20%}
.aly-pic-7{top:-11%;right:-5%}
.aly-pic-8{top:-50%;right:-55%}
.aly-pic-9{top:-3%;right:-35%;z-index:3}
.aly-pic-10{top:-30%;right:-27%;z-index:3}
.page4{padding-top:863px;background:url(../images/bg3.png) no-repeat left top;-webkit-background-size:100% auto;background-size:100% auto;margin-top:-700px;position:relative;z-index:1}
.det-bg{position:absolute;right:0;top:-100px}
.det-tit{color:#403a63;font-size:0}
.det-tit em{background:url(../images/circle.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;width:87px;height:87px;text-align:center;line-height:87px;display:inline-block;vertical-align:middle;font-size:48px;margin-right:15px}
.det-tit span{display:inline-block;vertical-align:middle;font-size:44px;font-weight:700}
.det1-tab{overflow:hidden;padding-top:60px}
.det1-item{float:left;cursor:pointer;margin-right:70px;min-width:165px;padding-bottom:30px}
.det1-item.on{border-bottom:3px solid #403a63}
.det1-item:last-child{margin-right:0}
.det1-icon{width:90px;height:90px;margin:0 auto;background:no-repeat center bottom;-webkit-background-size:100% auto;background-size:100% auto}
.det1-item.on .det1-icon{background-position:center top}
.det1-txt{text-align:center;font-size:16px;color:#555;margin-top:10px}
.det1-item.on .det1-txt{color:#4d3d66}
.det1-content{padding-top:35px;max-width:840px;width:100%;color:#4d3d66;font-size:14px;line-height:24px}
.det1-list{padding-top:40px;overflow:hidden}
.det-con-item{float:left;width:33.3%;padding-left:25px;color:#4d3d66;font-size:14px;background:url(../images/chc-on.png) no-repeat left center;-webkit-background-size:19px auto;background-size:19px auto;margin-bottom:20px}
.m-det2{padding-top:170px}
.det2-out{padding-top:60px}
.det2-l{float:left;width:49.5%}
.det2-r{float:right;width:49.5%}
.det2-pic{padding-top:43.93%;position:relative;overflow:hidden}
.det2-pic img{position:absolute;top:0;left:0;width:100%;height:100%}
.det2-bot{padding-left:185px;position:relative;padding-top:44px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 24px 11px rgba(72,71,71,.25)}
.det2-icon{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:185px;text-align:center;font-size:18px;color:#403a63;padding-top:70px;background:no-repeat top center;-webkit-background-size:70px auto;background-size:70px auto;border-right:1px solid #e8e8e8}
.det2-slick{padding-left:38px}
.det2-item{padding-left:25px;background:url(../images/chc-on.png) no-repeat left center;-webkit-background-size:19px auto;background-size:19px auto;font-size:14px;color:#403a63}
.det1-list.w50 .det-con-item{width:50%}
.m-det3{position:relative;margin-top:150px}
.det3-out{max-width:580px;width:100%}
.det3-icon{width:70px;height:70px;background:no-repeat center center;-webkit-background-size:contain;background-size:contain;margin:40px 0}
.det3-tit{font-size:18px;color:#403a63;border-bottom:1px solid #403a63;padding-bottom:20px;margin-bottom:20px}
.det1-desc{font-size:14px;color:#403a63}
.det3-pic{position:absolute;top:65px;right:0}
.m-det4{margin-top:150px;padding-bottom:150px;position:relative}
.m-case2{padding-top:100px}
.case2-icon{margin:0 auto;width:80px;height:80px;background:no-repeat center center;-webkit-background-size:contain;background-size:contain}
.case2-tit{font-size:44px;font-weight:700;color:#403a63;text-align:center}
.case2-desc{color:#403a63;font-size:24px;font-weight:lighter;line-height:2;text-align:center;white-space:pre-line}
.case-list{overflow:hidden;padding-top:60px}
.case-item{float:left;width:33.3%;position:relative}
.case-pic{position:relative;padding-top:71.25%;overflow:hidden}
.case-pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width: 100%;height: 100%;}
.case-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.case-logo{height:100%;width: 100%;overflow:hidden;position:absolute;top: 0;left: 0;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; -webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);}
.case-logo img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:70%;height: auto;z-index: 3;}
.case-txt{font-size:16px;color:#333;text-align:center;position:absolute;bottom:35px;left:0;width:100%;-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);-o-transform:translateY(25px);transform:translateY(25px);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.case-item:hover .case-mask{opacity:1}
.case-item:hover .case-logo{opacity:1; -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.case-item:hover .case-txt{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.slick-display .slick-dots{position:absolute;bottom:-150px;left:0;width:100%;text-align:center;font-size:0;z-index:20}
.slick-display .slick-dots li{cursor:pointer;display:inline-block;vertical-align:middle;width:15px;height:15px;border:1px solid #fff;background:0 0;margin:0 5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.slick-display .slick-dots .slick-active{background-color:#fff}
.slick-display .slick-dots button{font-size:0;border:none;background:0 0}
.mod-mobile{padding-top:130px}
.mod-mobile .page-tit{margin:20px 0 30px}
.det2-slick .slick-arrow{width:40px;height:30px;font-size:0;border:none;background:no-repeat center center;-webkit-background-size:28px auto;background-size:28px auto;position:absolute;right:40px;cursor:pointer;z-index:20;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.det2-slick .slick-prev{background-image:url(../images/up2.png);top:10px}
.det2-slick .slick-prev:hover{background-image:url(../images/up2-on.png)}
.det2-slick .slick-prev:after{content:'';width:40px;height:1px;background-color:#cccbcb;position:absolute;bottom:-7px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.det2-slick .slick-next{background-image:url(../images/down2.png);bottom:10px}
.det2-slick .slick-next:hover{background-image:url(../images/down2-on.png)}
.mod-comp{-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:100vw;perspective:100vw;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.display-t{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
.visb{visibility:visible}
.split{visibility:hidden;backface-visibility:hidden;text-rendering:optimizeSpeed;-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.split .spt{display:inline-block;visibility:hidden;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
.split .spt.start{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.split .spt.start-trans{-webkit-transition:all 1.2s cubic-bezier(.165,.84,.44,1);-o-transition:all 1.2s cubic-bezier(.165,.84,.44,1);transition:all 1.2s cubic-bezier(.165,.84,.44,1)}
.pageloader{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:#fff}
.pageloader-content{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px}
.pageloader-canvas{width:100%;height:100%}
.pageloader-logo{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;width:40px}
.disapper-anim{-webkit-animation:disapper 1s linear 0s 1;animation:disapper 1s linear 0s 1}
.disapper{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.pageloader-content{opacity:0;visibility:hidden;display:none}
.load-box{max-width:600px;width:100%;position:absolute;top:50%;height:260px;margin-top:-130px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.load-box .img{max-width:595px;width:95%;height:170px;margin: 0 auto;}
.load-box .icon{position:absolute;bottom:0;left:50%;margin-left:-20px;background:url(../images/bars.svg) no-repeat;background-size:cover;width:40px;height:40px}
/*@keyframes disapper{*/
/*from{-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
/*to{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}*/
/*}*/

@keyframes disapper{
	from{-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-moz-keyframes disapper{
	from{-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-webkit-keyframes disapper{
	from{-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-o-keyframes disapper{
	from{-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}


.picShow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background:rgba(0,0,0,.5);text-align:center;overflow-y:auto}
.picShow img{max-width:100%;height:auto}
.tab-a{height:0;opacity:0;visibility:hidden;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}
.tab-a.ok{height:auto;opacity:1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s}





.gotop {
	width: 55px;
	z-index: 4900;
	opacity: 0;
	height: 55px;
	background: #2eac37 url(../images/img13.png) no-repeat center;
	cursor: pointer;
	position: fixed;
	right: 0;
	transition: 0.5s;
	bottom: 0;
}
.gotop2{
	opacity: 1;
}


@media only screen and (max-width:1700px){
.sch-icon-6{right:-8%}
.circle-3{display:none}
.mod-circle{overflow-x:hidden}
.aly-box{top:-135px}
.page4{-webkit-background-size:100% 100%;background-size:100% 100%}
.footer{padding:0 20px}
}
@media only screen and (max-width:1599px){
.footer{font-size:12px}
.num-in>em{font-size:24px}
.mod-num{width:180px;height:180px}
.mod-num .num{line-height:1.1;padding-left:0}
.mod-num .num em{font-size:35px;top:25px;position:absolute}
.mod-num .num span{font-size:65px}
.bg-school{left:-30%}
.logo{height:40px}
.icon-arrow{width:25px;height:25px}
.sch-icon{width:220px}
.circle-1,.school1{width:600px;height:600px}
.circle-2,.school2{width:1000px;height:1000px}
.circle-icon{width:100px;height:100px}
.circle-icon-1{left:7%}
.sch-icon-6{top:45%}
.icon-comp{width:70px}
.display-t{width:800px;height:539px}
.display-b{width:1200px;height:290px;margin-top:-143px}
.display-pic{height:444px}
.slick-display .slick-dots{bottom:-100px}
.slick-display .slick-dots li{width:10px;height:10px}
.page3{margin-top:-30px}
.aly-box{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);left:26%}
.aly-txt{padding-left:200px}
.det-bg{height:600px}
.det-bg img{display:block;height:100%}
.m-det1{padding-left:80px}
.m-det2{padding:150px 80px 0}
.m-det3{padding:0 80px}
.m-det4{padding:0 80px 150px}
/*.case-logo{height:70px}*/
.hd-tel i{width:50px;height:50px}
.mod-tit .p2{font-size:24px}
.page1{height:92vh}
.aly-tit,.case2-tit,.det-tit span,.page-tit,.page3-tit{font-size:32px}
.aly-desc,.case2-desc,.page3-desc{font-size:16px;line-height:25.6px}
.mod-mobile .page-tit{font-size:28px}
.aly-icon{width:30px;height:30px;margin-bottom:20px}
.det-tit em{width:60px;height:60px;line-height:60px;font-size:32px}
.det1-icon{width:70px;height:70px}
.det1-item{padding-bottom:20px}
.det1-content{padding-top:20px}
.det1-list{padding-top:20px}
.det2-icon{-webkit-background-size:50px auto;background-size:50px auto}
.det3-icon{width:50px;height:50px;margin:20px 0}
.det3-tit{padding-bottom:10px;margin-bottom:10px}
.det3-pic{top:0;max-height:500px;height:500px;overflow:hidden}
.det3-pic img{display:block;max-height:100%}
.case2-icon{width:50px;height:50px}
.case1-box{padding-top:500px}
.nav a span{font-size:30px}
.nav-bg{width:1200px;height:1200px}
}
@media only screen and (max-width:1399px){
.mod-link{width:400px}
.det-bg{height:500px;top:22%}
.det3-pic{width:40%}
.m-det4{padding-bottom:0}
.mod-aly{margin-top:-700px}
.mod-tit .p2{font-size:18px;top:-30px}
.mod-tit .p1{height:160px}
.sch-icon{width:188px;height:55px}
.hd-tel{font-size:26px}
.display-t{width:700px;height:472px}
.display-b{width:1060px;height:290px;margin-top:-143px}
.display-pic{height:375px}
.slick-display .slick-dots{bottom:-100px}
.slick-display .slick-dots li{width:10px;height:10px}
.aly-box{top:-100px}
.det1-item{margin-right:50px}
.det1-content{max-width:810px}
.aly-tit,.case2-tit,.det-tit span,.page-tit,.page3-tit{font-size:28px}
.aly-desc,.case2-desc,.page3-desc{font-size:14px;line-height:1.7}
.nav a span{font-size:28px}
.nav a em{font-size:18px}
.nav-bg{width:1000px;height:1000px}
.menuBtn{width:40px;height:40px}
.menuBtn span,.menuBtn span:after,.menuBtn span:before{width:25px;height:3px}
.menuBtn span{top:19px;left:8px}
.nav-box{width:600px;height:600px}
}
@media only screen and (max-width:1359px){
.mod-link{width:300px}
}
@media only screen and (max-width:1199px){
	.aly-desc{max-width: 30%;}
.mod-link{width:80%}
.fd-l{float:none;width:100%}
.fd-r{text-align:left;float:none;width:100%}
.circle-1,.school1{width:500px;height:500px;top:180px}
.circle-2,.school2{width:800px;height:800px;top:30px}
.circle-icon{width:80px;height:80px}
.sch-icon-6{top:50%}
.display-b{height:230px;width:100%;-webkit-background-size:auto 100%;background-size:auto 100%;margin-top:-120px}
.display-t{width:672px;height:465px;overflow:hidden}
.display-img{top:30px;left:20px;right:20px;bottom:20px}
.mod-aly{margin-top:-700px}
.aly-txt{padding-left:50px}
.det2-l{float:none;width:100%;margin-bottom:20px}
.det2-r{float:none;width:100%}
.det-bg{display:none}
.case-item{width:50%}
.page4{-webkit-background-size:auto 100%;background-size:auto 100%;padding-top:1000px}
.det3-pic{top:0}
.aly-box{left:14%}
.m-det1{padding:0 60px}
.det1-item{margin:0;width:25%}
.m-det2{padding:100px 60px 0}
.case1-box{padding-top:700px}
.det3-pic{position:static;width:100%;height:300px;margin-top:20px;max-height:none;text-align:center;font-size:0}
.det3-pic img{display:inline-block;vertical-align:middle}
.page3-desc{padding:0 30px}
}
@media only screen and (max-width:959px){
	.aly-desc{max-width: 40%;}
.mod-tit{margin-top:100px}
.circle-1,.school1{top:30%}
.circle-2,.school2{top:15%}
.sch-icon-5{top:0;right:10%}
.sch-icon-6{right:10%;top:30%}
.sch-icon-8{right:8%;top:40%}
.sch-icon-1{left:10%}
.sch-icon-3{top:75%;left:30%}
.num-in>em{font-size:18px}
.mod-num .num span{font-size:60px}
.mod-num .num em{font-size:30px;top:-30px}
.mod-aly{margin-top:-840px}
.aly-box{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);left:6%}
.mod-aly{padding-bottom:30px}
.det1-item{min-width:0;margin-right:0;width:25%}
.det-con-item{width:50%}
.det3-pic{top:0}
.footer{padding:15px;height:auto;line-height:2}
.fd-r{text-align:left}
.mod-num{width:150px;height:150px;top:54%}
.mod-num .num{padding-left:0}
.mod-num .num span{font-size:45px}
.mod-num .num em{top:22px}
.page-tit{font-size:22px}
.m-display{zoom:.7}
.display-t{overflow:visible}
.page3-tit{font-size:22px}
.page3{margin-top:0}
.page3-desc{font-size:16px;line-height:1.6;padding:0 15px}
.mod-mobile .page-tit{margin:10px 0}
.mod-mobile{padding-top:50px}
.aly-tit{font-size:22px}
.aly-desc{font-size:16px;line-height:1.6}
.det-tit span{font-size:22px}
.det-tit em{width:50px;height:50px;font-size:20px;line-height:50px}
.det1-tab{padding-top:30px}
.m-det2{padding-top:50px}
.m-det3,.m-det4{margin-top:50px}
.m-case2{padding-top:50px}
.case2-tit{font-size:22px}
.case2-icon{width:50px;height:50px}
.case2-desc{font-size:16px;line-height:1.7;white-space:normal}
.header{background-color:#fff;padding:10px 15px}
.m-case1{margin-top:-800px}
.mod-aly{padding-bottom:0;margin-bottom:-200px}
.page4{padding-top:900px}
.cont{top:50px}
.nav a span{font-size:18px}
.nav a em{font-size:14px;margin-left:5px}
.hd-tel{font-size:18px}
.hd-tel i{width:40px;height:40px}
}
@media only screen and (max-width:767px){
	.gotop{width: 40px;height: 40px;}
.menuBtn{width:40px;height:40px}
.hd-tel i{height:40px;width:40px}
.menuBtn span{left:8px;top:19px}
.menuBtn span,.menuBtn span:after,.menuBtn span:before{width:25px;height:2px}
.menuBtn span:before{top:-8px}
.menuBtn span:after{top:8px}
.menuBtn.open span:after,.menuBtn:hover span:after{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg);background-color:#fff}
.menuBtn.open span:before,.menuBtn:hover span:before{-webkit-transform:translateY(8px) rotateZ(45deg);-moz-transform:translateY(8px) rotateZ(45deg);-ms-transform:translateY(8px) rotateZ(45deg);-o-transform:translateY(8px) rotateZ(45deg);transform:translateY(8px) rotateZ(45deg);background-color:#fff}
.mod-circle,.mod-school{zoom:.4}
.circle-2{width:100%}
.circle-2{top:20%}
.circle-1{height: 650px;width: 650px;}
	.school1{width: 100%;}
.sch-icon-5{top:60%;right:2%}
.sch-icon-7{right:10%;top:80%}
.sch-icon-2{left:0}
.sch-icon-4{left:10%}
.sch-icon-3{top:93%}
/*.circle-1,.school1{top:38%}*/
.circle-2,.school2{ width: 100%;}
	.circle-2{width: 920px;height: 920px;}

	.school2{height: 700px;}
	.circle-1,.school1,.circle-2,.school2{top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.mod-logo,.mod-num{position:static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);margin:60px auto 0}
.mod-tit{margin-top:50px}
.mod-logo{margin-top:130px}
.logo{height:30px}
.icon-arrow{width:25px;height:25px}
.page1{min-height:0}
.mod-book{height:220px}
.mod-book .book{bottom:-6px}
.icon-comp{width:50px;top:-95px}
.comp-top{padding-top:30px}
.m-display{zoom:.4}
.page3-desc{padding:0 15px}
.mod-aly{margin-top:-950px}
.aly-icon{width:40px;height:40px;margin-bottom:20px}
.aly-txt{padding-left:15px}
.aly-box{-webkit-transform:scale(.3);-moz-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3);margin-top:30px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;left:23%}
.mod-aly{margin-bottom:-500px}
.page4{padding-top:830px}
.det1-item{width:50%;margin-bottom:15px;border-bottom:3px solid transparent;padding-bottom:10px}
.det1-icon{width:50px;height:50px}
.det1-content{padding-top:10px}
.det-con-item{width:100%;margin-bottom:10px}
.det1-list{padding-top:20px}
.det2-out{padding-top:30px}
.m-det2{padding:15px}
.det2-bot{padding-left:0}
.det2-icon{position:static;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);border-right:none;margin:0 auto;padding-bottom:20px}
.det2-slick{padding-left:10px}
.det2-slick .slick-arrow{right:20px;width:20px;-webkit-background-size:100% auto;background-size:100% auto}
.det3-pic{position:static;width:100%;margin-top:20px}
.det1-list.w50 .det-con-item{width:100%}
.det3-icon{width:50px;height:50px;margin-bottom:10px}
.case2-icon{margin-bottom:30px}
.case2-tit{margin-bottom:20px}
.case-item{width:100%}
.m-det1,.m-det3{padding:0 15px}
.m-det4{padding-left:15px;padding-right:15px}
.page4{background-position:top right;padding-top:40px;margin-top:60px;background-color:#fff}
.mod-school{margin:20px 0}
.mod-book{height:140px}
.mod-tit{margin-top:60px}
.mod-tit .p2{font-size:14px;margin-top:0;top:0}
.mod-num{width:130px;height:130px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top: 0;}
.mod-logo{margin:0;position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.page1{height:500px;margin-bottom:0;margin-top: 55px;}
.page3-desc{font-size:14px}
.case1-bg{top:-450px}
.mod-aly{margin-top:-1100px;margin-bottom:-500px}
.aly-box{top:0}
.det1-icon{width:40px;height:40px}
.aly-tit,.case2-tit,.det-tit span,.page-tit,.page3-tit{font-size:18px}
.aly-desc{font-size:14px}
.page3-desc{margin-top:10px}
.mod-mobile .page-tit{font-size:18px}
.det3-pic{height:auto}
.case1-box{padding-top:790px}
.mod-tit .p1{height:100px}
.circle{opacity:.3}
.header{box-shadow:0 5px 5px 0 rgba(0,0,0,.1)}
.page{overflow: hidden;position: relative;}
	.aly-desc{max-width: 60%;}
}