blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}img{border:none}em,i{font-style:normal}body,html{width:100%}body{background-image:-webkit-linear-gradient(330deg,#6fc9b7,#093637);background-image:-o-linear-gradient(330deg,#6fc9b7,#093637);background-image:linear-gradient(120deg,#6fc9b7,#093637);font-family:Helvetica;font-size:16px}div.site{overflow:hidden}div.wrapper{position:relative;width:1200px;width:75rem}div.wrapper.demo1{margin:60px auto 0 auto}div.wrapper:not(.demo1){margin:80px auto 0 auto}div.wrapper>h3{display:inline-block;padding:0 16px;padding:0 1rem;margin-bottom:32px;margin-bottom:2rem;border-radius:1.4rem;background-color:#fff;font-size:22.4px;font-size:1.4rem;font-weight:400;color:#222}div.wrapper>ul.container{position:relative;height:400px;height:25rem;margin:0 auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}div.wrapper ul.container>li.cards_list{border-radius:.3125rem;background-color:#f4f4f4;overflow:hidden}ul.container>li.cards_list>div.img>img{display:block;width:320px;width:20rem}ul.container>li.cards_list>div.main_con{padding:0 16px;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}ul.container>li.cards_list>div.main_con h4.name{padding-top:16px;padding-top:1rem;font-size:19.2px;font-size:1.2rem;font-weight:600;color:#424242}ul.container>li.cards_list>div.main_con p.content{padding-top:16px;padding-top:1rem;height:72px;height:4.5rem;font-size:14.4px;font-size:.9rem;color:#777;text-align:justify;line-height:24px;line-height:1.5rem}ul.container>li.cards_list>div.main_con p.label{font-size:14.4px;font-size:.9rem;color:#555;padding-top:16px;padding-top:1rem;padding-bottom:32px;padding-bottom:2rem}div.wrapper.horizontal>ul.container{width:1200px;width:75rem}div.wrapper.vertical>ul.container{width:640px;width:40rem}div.wrapper.horizontal ul.container>li.cards_list{width:320px;width:20rem}div.wrapper.vertical ul.container>li.cards_list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}i.btn-direct{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:57.6px;width:3.6rem;height:57.6px;height:3.6rem;border-radius:50%;background-color:rgba(0, 0, 0, .7);opacity:0;cursor:pointer;z-index:100;-webkit-transition:opacity ease .3s;-o-transition:opacity ease .3s;transition:opacity ease .3s}div.wrapper:hover i.btn-direct{opacity:.6}i.btn-direct:hover{opacity:.9!important}i.btn-direct.btn-left{left:48px;left:3rem}i.btn-direct.btn-right{right:48px;right:3rem}i.btn-direct>span{position:absolute;top:50%;left:50%;width:19.2px;width:1.2rem;height:19.2px;height:1.2rem;border-top:2px solid #fff;border-top:.125rem solid #fff;border-left:2px solid #fff;border-left:.125rem solid #fff}div.wrapper.horizontal i.btn-direct>span.shift-left{-webkit-transform:translate(-30%,-50%) rotate(-45deg);-ms-transform:translate(-30%,-50%) rotate(-45deg);transform:translate(-30%,-50%) rotate(-45deg)}div.wrapper.horizontal i.btn-direct>span.shift-right{-webkit-transform:translate(-70%,-50%) rotate(135deg);-ms-transform:translate(-70%,-50%) rotate(135deg);transform:translate(-70%,-50%) rotate(135deg)}div.wrapper.vertical i.btn-direct>span.shift-left{-webkit-transform:translate(-50%,-30%) rotate(45deg);-ms-transform:translate(-50%,-30%) rotate(45deg);transform:translate(-50%,-30%) rotate(45deg)}div.wrapper.vertical i.btn-direct>span.shift-right{-webkit-transform:translate(-50%,-70%) rotate(-135deg);-ms-transform:translate(-50%,-70%) rotate(-135deg);transform:translate(-50%,-70%) rotate(-135deg)}