@charset "UTF-8";@import url(reset.css);@font-face{font-family:ymf;src:url(fonts/ymf.eot?x1hfil);src:url(fonts/ymf.eot?x1hfil#iefix) format("embedded-opentype"),url(fonts/ymf.ttf?x1hfil) format("truetype"),url(fonts/ymf.woff?x1hfil) format("woff"),url(fonts/ymf.svg?x1hfil#ymf) format("svg");font-weight:400;font-style:normal}[class*=" i-"],[class^=i-]{font-family:ymf!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-ymf:before{content:""}.i-ymf1:before{content:""}.abs-full,.carousel,.carousel .box>div,body{position:absolute;left:0;right:0;top:0;bottom:0}body{font-family:Microsoft YaHei;overflow:hidden}.nav{position:relative;color:#eee;background:rgba(0,0,0,.5);padding:0 2em;height:4em;line-height:4em;z-index:10}.nav a,.nav span{text-decoration:none;color:inherit}.nav span{position:relative}.nav .subm{background:rgba(0,0,0,.7);display:inline-block;width:12em;position:absolute;top:3em;right:-3em;transition:max-height .6s ease-in-out;overflow:hidden;max-height:0}.nav .subm a{width:100%;display:block;line-height:3em}.nav .subm a:hover{background:rgba(0,0,0,.5)}.nav .subm a:before{display:none!important}.nav [data-i="1"] .subm{max-height:100em}.nav .i-ymf1.logo,.nav .i-ymf.logo{position:relative;font-size:3em;line-height:1.3333333333em}.nav .title{float:left;line-height:inherit}@media(min-width:0) and (max-width:30em){.nav .nav-btn{z-index:10;margin:1em -1em 1em 1em;float:right;height:2em;width:2em;border-radius:3px;position:relative;cursor:pointer;transition:.3s ease-in-out}.nav .nav-btn[data-act="1"]{-webkit-transform:translate3d(-11.2em,0,0);transform:translate3d(-11.2em,0,0)}.nav .nav-btn[data-act="1"] span{background:#aaa!important}.nav .nav-btn[data-act="1"] span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:27.2727272727%}.nav .nav-btn[data-act="1"] span:nth-child(2){opacity:0}.nav .nav-btn[data-act="1"] span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:-27.2727272727%}.nav .nav-btn span{position:relative;transition:.3s;-webkit-transform:translateZ(0);transform:translateZ(0);display:table;margin:18.1818181818% auto;background:hsla(0,0%,100%,.6);width:80%;height:9.0909090909%}.nav .nav-btn[data-act="1"]+.menu{overflow-y:auto;right:0}.nav .nav-btn[data-act="1"]+.menu .msk{z-index:auto;pointer-events:auto;background:rgba(0,0,0,.1)}}.nav .menu{-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0);float:right}.nav .menu .msk{transition:.3s;position:fixed;left:-100em;top:0;bottom:0;right:0;background:transparent;z-index:-1;pointer-events:none}.nav .menu a,.nav .menu span{text-decoration:none;color:#aaa;position:relative;padding:0 1em;cursor:pointer}.nav .menu a.act,.nav .menu a:hover,.nav .menu span.act,.nav .menu span:hover{color:#ddd}.nav .menu a+a:before,.nav .menu a+span:before,.nav .menu span+a:before,.nav .menu span+span:before{position:absolute;display:block;content:"";left:0;width:1px;height:100%;top:0;background:currentColor}@media(min-width:0) and (max-width:30em){.nav .menu{width:15em;position:fixed;top:0;padding-top:4em;right:-16em;bottom:0;background:#1c2127;box-shadow:0 -.5em 1em rgba(0,0,0,.68);-webkit-transform:translateZ(0);transform:translateZ(0);transition:.3s}.nav .menu a,.nav .menu span{width:100%;line-height:4em;display:block;box-sizing:border-box;padding:0 2em;color:#aaa!important}.nav .menu a:nth-child(2),.nav .menu span:nth-child(2){border-top:1px solid rgba(0,0,0,.7)}.nav .menu a:hover,.nav .menu span:hover{background:#2a323b}.nav .menu a:before,.nav .menu span:before{display:none!important}.nav .menu span{z-index:1}.nav .menu span .subm{position:relative;float:left;left:0;top:0;right:0;width:15em;margin:0 -2em;background-color:#1c2127}.nav .menu span .subm a{border:0!important}.nav .menu span .subm a:hover{background-color:#2a323b}}.carousel{overflow:hidden}.carousel .box{height:100%;width:100%;background:#333}.carousel .box>div{opacity:0;transition:all 1s ease-in-out;height:100%;width:100%;background:no-repeat 50%;background-size:cover}.carousel .index{position:relative;display:table;margin:-3em auto 3em;z-index:1}.carousel .index .act{width:4em;height:.5em;position:absolute;top:0;transition:all .3s ease-in-out;background:rgba(85,53,15,.7);pointer-events:none;z-index:10}.carousel .index span{z-index:1;float:left;display:block;width:4em;height:.5em;background: rgba(255,255,255,.3);margin:0 1em;cursor:pointer;}@media(min-width:0) and (max-width:30em){.carousel .index .act,.carousel .index span{width:.5em}.carousel .index span{margin:0 .5em}}.carousel .ctrl{position:absolute;top:50%;width:100%;z-index:1}.carousel .ctrl div{transition:all .2s ease-in-out;height:4em;width:4em;border-radius:3px;opacity:.5;background:rgba(0,0,0,.2);position:absolute;cursor:pointer;top:0}.carousel .ctrl div:hover{opacity:1;background:rgba(0,0,0,.5)}.carousel .ctrl div:after{content:"";display:block;width:2em;height:2em;border-radius:3px;border:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:.9em}.carousel .ctrl div.left{left:1em}.carousel .ctrl div.left:after{left:1.4em;border-right:0;border-top:0}.carousel .ctrl div.right{right:1em}.carousel .ctrl div.right:after{right:1.4em;border-left:0;border-bottom:0}.imgs{box-sizing:border-box;position:relative;height:100%;overflow:auto;width:100%;padding:5em 2% 1em}.imgs .h3{font-size:2em;padding:1em 0;text-align:center;color:#2a323b}.imgs:after{clear:both;content:"";display:block}.imgs .pic{height:15em;position:relative;float:left;padding:1em .5em 2em;box-sizing:border-box}.imgs .pic.a,.imgs .pic.b{width:25%}.imgs .pic img{max-height:100%;max-width:100%;margin:auto;display:table}@media(min-width:0) and (max-width:50em){.imgs .pic{padding:.2em 0}.imgs .pic.a,.imgs .pic.b{width:100%}}.imgs .pic .img{box-shadow:.1em .1em .4em rgba(0,0,0,.1);display:block;width:100%;border:1px solid rgba(0,0,0,.1);border-radius:3px;height:12em;vertical-align:middle;background:no-repeat 50%;background-size:contain;position:relative}.imgs .pic .img .m{display:block;text-decoration:none;opacity:0;transition:.3s ease-in-out;height:100%;width:100%;background:rgba(0,0,0,.4);line-height:6.4285714286em;text-align:center;color:#fff;font-size:2em}.imgs .pic .img .m a{color:#fff;text-decoration:none;font-size:.6em;padding:.4em 1em;position:relative;transition:.8s ease-in-out}.imgs .pic .img .m a i{width:2px;height:2px;display:block;position:absolute;transition:.5s ease-in-out}.imgs .pic .img .m a i:nth-child(1),.imgs .pic .img .m a i:nth-child(2){top:0}.imgs .pic .img .m a i:nth-child(3),.imgs .pic .img .m a i:nth-child(4){bottom:0}.imgs .pic .img .m a i:nth-child(1),.imgs .pic .img .m a i:nth-child(3){left:0}.imgs .pic .img .m a i:nth-child(2),.imgs .pic .img .m a i:nth-child(4){right:0}.imgs .pic .img .m a:hover{color:#55350f;background-color:#fff}.imgs .pic .img .m a:hover i{background:#55350f}.imgs .pic .img .m a:hover i:nth-child(1),.imgs .pic .img .m a:hover i:nth-child(4){width:100%}.imgs .pic .img .m a:hover i:nth-child(2),.imgs .pic .img .m a:hover i:nth-child(3){height:100%}.imgs .pic .img:hover .m{opacity:1}.imgs .pic .name{font-size:.8em;text-align:center;margin:.5em 0 2em}figure.pic .img{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media(min-width:0) and (max-width:50em){figure.pic .img{width:100%}}.foo{clear:both;padding:1em 2em 3.5em;box-sizing:border-box;width:100%;position:fixed;z-index:0;bottom:0}.foo .info{background-color:rgba(0,0,0,.5);font-size:.8em;line-height:1.5;padding:1em;color:#fff;float:right}.foo .info .concat{float:left}.foo .info .code{margin-left:2em;height:6em;width:6em;background-size:cover;float:right}@media(min-width:0) and (max-width:50em){body{overflow:auto}}.base1{position:fixed;width:100%;z-index:100}.base1 .nav{background:#fff;color:#333;border-bottom:1px solid #ddd;box-shadow:0 .1em .3em rgba(0,0,0,.1)}.base1 .nav .nav-btn span{background:#666}.base1 .nav a,.base1 .nav span{color:#3d3d3d}.base1 .nav a.act,.base1 .nav a:hover,.base1 .nav span.act,.base1 .nav span:hover{color:#333}.base1 .nav .subm{background-color:#fff;box-shadow:0 .1em .3em rgba(0,0,0,.1)}.base1 .nav .subm a:first-child{border-top:1px solid #eee}.base1 .nav .subm a:hover{background:#eee}.base1~* .foo{position:relative;padding:0 0 1em}.base1~* .foo .info{box-sizing:border-box;background-color:#fff;color:#1c2127}.base1+.box1 .foo .info{padding-bottom:2em}.content:after{content:"";display:block;clear:both}.box1{position:absolute;top:4em;bottom:0;width:100%;left:0;overflow:auto}@media(min-width:0) and (max-width:50em){.box1{position:relative;padding-top:20em}}.about,.banner{min-height:100%;width:50%;padding:2em;box-sizing:border-box}.about .cp,.banner .cp{width:80%;margin:0 auto;line-height:1.5;color:#555}.about .cp h1.i-ymf,.banner .cp h1.i-ymf{font-size:6em;line-height:1;text-align:center;padding:.5em 0}.about .cp .pic1,.banner .cp .pic1{width:100%;padding-top:39.9783315276%;margin:4em 0 1em}.about.b2 .cp p,.banner.b2 .cp p{padding-left:1em}@media(min-width:0) and (max-width:50em){.about,.banner{min-height:0;padding-top:1em!important;width:100%}}.td{height:3.5em;background:0 50% no-repeat;background-size:auto 100%;margin:1em 0 2em}.pic2,.td{width:100%}.pic2{padding-top:70%;background:50% no-repeat;background-size:contain;margin:4em 0 2em}.banner{background:50% no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0);position:fixed;top:4em;z-index:0;transition:background .6s ease-in-out;background-size:cover!important}.banner .bt{transition:opacity .3s ease-in-out;width:100%;height:100%;background:no-repeat 100% 10%;background-size:20%!important}.banner[data-i="0"]{background:#eee url(/images/bg1.jpg) 50%}.banner[data-i="0"] .bt{opacity:0}.banner[data-i="1"]{background:#eee url(/images/bg3.png) 50%}.banner[data-i="1"] .bt{opacity:1}@media(min-width:0) and (max-width:50em){.banner{height:20em}}.about{display:inline-block;margin-left:50%}@media(min-width:0) and (max-width:50em){.about{margin-left:0;background:#fff;position:relative;z-index:2;padding:0;box-shadow:0 -.2em 3em rgba(0,0,0,.3);height:auto}.about+div.banner{display:block}.about .cp{padding-bottom:5em}}.about+.banner{display:none;position:relative;top:0;float:right;background-color:#eee}#pg{width:90%;position:relative;margin:0 auto;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}#pg:after{content:"";display:block;clear:both}.pg{float:left;margin:1em .5em;min-width:1em;text-align:center;cursor:pointer;color:#999}.pg.dis{color:#aaa;cursor:default}.pg.act{color:#333}.pswp{top:4em}
