.inline-block{display: -moz-inline-stack; zoom: 1; *display: inline;}
@font-face{font-family: 'UTMAlterGothic'; src: url('../fonts/UTMAlterGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMAlterGothic.woff') format('woff'), url('../fonts/UTMAlterGothic.ttf') format('truetype'), url('../fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg'); font-weight: normal; font-style: normal;}
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: none;}
table{border-collapse: collapse; border-spacing: 0;}
html{font-size: 100%;}
body{font: 0.875em UTMAlterGothic, UTMAlterGothic, sans-serif; color: #555; background: #fff;}
.clear{clear: both; font-size: 0; line-height: 0;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after,.form-row:before,.form-row:after, header:before, header:after,#social ul:before,#social ul:after,#main-home .head-stt:before,#main-home .head-stt:after{display: table; line-height: 0; content: "";}
.clearfix:after,.form-row:after, header:after,#social ul:after,#main-home .head-stt:after{clear: both;}
*, *:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{font-family: UTMAlterGothic, UTMAlterGothic, sans-serif; font-weight: bold; color: #222; margin: .5em 0 .8em 0; line-height: 1.4;}
h1{font-size: 2.4em;}
h2{font-size: 1.8em;}
h3{font-size: 1.5em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}
h6{font-size: .9em;}
small{font-size: .85em; color: #999;}
strong, b{font-weight: bold;}
em, i{font-style: italic;}
mark{background: none;}
blockquote{line-height: 1.6; padding: 1.5em; margin: 0 0 1.5em 2em; background: #f9f9f9; border-left: 3px solid #dddddd;}
blockquote p:last-child{padding: 0;}
p{line-height: 1.6; font-size: 2em; padding: 0 0 1em 0;}
.no-spacing{margin: 0!important; padding: 0!important;}
.no-spacing-b{padding-bottom: 0;}
.half-spacing-b{padding-bottom: .5em;}
.double-spacing-b{padding-bottom: 2em;}
.spacing-t{padding-top: 1em;}
.half-spacing-t{padding-top: .5em;}
.double-spacing-t{padding-top: 2em;}
a{color: #06f; text-decoration: none; cursor: pointer;background-color: transparent;}
a:hover{color: #f60;}
a.underline, a.noline, a.noline:hover{text-decoration: underline;}
a:active,a:focus{background:transparent !important;}
.form-row{width: 100%; *zoom: 1; margin-bottom: 5px;}
.form-row-label{float: left; width: 20%; text-align: right; padding-top: 6px;}
.form-row-field{float: right; width: 75%; min-height: 30px; line-height: 30px;}
.form-row-field label{margin-right: 1em;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input.text{border: 1px solid #dddddd; display: inline-block; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 4px 6px; height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font: 1em UTMAlterGothic, UTMAlterGothic, sans-serif; color: #555; width: 100%; max-width: 250px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); margin: 0;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input.text:focus{border: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(82, 168, 236, .6);}
select.err, textarea.err, input[type="text"].err, input[type="password"].err, input[type="datetime"].err, input[type="datetime-local"].err, input[type="date"].err, input[type="month"].err, input[type="time"].err, input[type="week"].err, input[type="number"].err, input[type="email"].err, input[type="url"].err, input[type="search"].err, input[type="tel"].err, input[type="color"].err, input.text.err{color: #f00; background: #ffefef;}
textarea{max-width: none; min-height: 150px;}
select.tiny, input.tiny{width: 70px;}
select.small, input.small{width: 100px;}
select, label{cursor: pointer;}
.btn{-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; padding: 0 1.5em; display: inline-block; color: #555; text-decoration: none; font: normal 1em/30px UTMAlterGothic, UTMAlterGothic, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; height: 30px; text-align: center; background: #f3f3f3;}
.btn:hover{color: #555; background: #ddd;}
.btn:active{box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);}
.btn-large{font-size: 1.2em; height: 40px; line-height: 40px; font-weight: bold;}
.hamburger{padding: 15px 15px; display: -moz-inline-stack; zoom: 1; *display: inline; cursor: pointer; transition-property: opacity, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:hover{opacity: 0.8;}
.hamburger-box{width: 40px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner{display: block; top: 50%; margin-top: -2px;}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width: 40px; height: 4px; background: #444; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before,.hamburger-inner::after{content: ""; display: block;}
.hamburger-inner::before{top: -10px;}
.hamburger-inner::after{bottom: -10px;}
.hamburger--3dx .hamburger-box,.hamburger--3dx-r .hamburger-box,.hamburger--3dy .hamburger-box,.hamburger--3dy-r .hamburger-box{-webkit-perspective: 80px; perspective: 80px;}
.hamburger--3dx .hamburger-inner,.hamburger--3dx-r .hamburger-inner,.hamburger--3dy .hamburger-inner,.hamburger--3dy-r .hamburger-inner{transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}
.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after{transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);}
.hamburger--3dx.is-active .hamburger-inner{background: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.hamburger--3dx.is-active .hamburger-inner::before,.hamburger--3dx-r.is-active .hamburger-inner::before,.hamburger--3dy.is-active .hamburger-inner::before,.hamburger--3dy-r.is-active .hamburger-inner::before{-webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg);}
.hamburger--3dx.is-active .hamburger-inner::after,.hamburger--3dx-r.is-active .hamburger-inner::after,.hamburger--3dy.is-active .hamburger-inner::after,.hamburger--3dy-r.is-active .hamburger-inner::after{-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg);}
.hamburger--3dx-r.is-active .hamburger-inner{background: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}
.hamburger--3dy.is-active .hamburger-inner{background: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg);}
.hamburger--3dy-r.is-active .hamburger-inner{background: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg);}
.hamburger--collapse .hamburger-inner{top: auto; bottom: 0; transition-duration: 0.15s; transition-delay: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse .hamburger-inner::after{top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.hamburger--collapse .hamburger-inner::before{transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse.is-active .hamburger-inner{-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--collapse.is-active .hamburger-inner::after{top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;}
.hamburger--collapse.is-active .hamburger-inner::before{top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);}
#wrapper{width: 100%; margin: 0 auto; max-width: 1920px; background-size: cover; min-height: 100vh; background: #C4C4C4 no-repeat center center;}
header{background: rgba(255, 255, 255, 0.5); height: 148px; width: 100%; position: relative; *zoom: 1;}
#logo{display: inline-block; vertical-align: middle; float: left; width: 21.4625%; max-width: 411px;}
#logo a{background: url('../img/logo.png') no-repeat center center; background-size: cover; width: 411px; display: block;}
#logo a:before{display: block; content: ""; padding-top: 148px;}
#logo img,#mobile-menu{display: none;}
#nav-main{float: left; margin-left: 15%;}
#nav-main ul{padding-top: 50px;}
ul.style-ul li{display: inline-block; vertical-align: middle;}
ul.style-ul li + li{margin-left: 35px;}
ul.style-ul a{font-size: 40px; color: #444; text-transform: uppercase;}
ul.style-ul li.active a, ul.style-ul li:hover a{border-bottom: 6px solid #ff7e00;}
#social{float: right; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%); background: rgba(63, 145, 169, 0.1); height: 148px; width: 350px;}
#social ul{*zoom: 1; padding-right: 50px; margin-top: 49px;}
#social ul li{float: right; vertical-align: middle; width: 49px; height: 49px; margin-left: 13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#social ul li.icon-tw:hover{background: #4fc8f7;}
#social ul li.icon-ytb:hover{background: #cc181e;}
#social ul li.icon-fb:hover{background: #1877f2;}
footer{background: rgba(255, 255, 255, 0.5); padding: 50px 0;}
footer .ft-content{width: 90%; text-align: center; font-size: 30px; color: #ff7e00; margin: 0 auto;}
.row div{background: #eee; border: 1px solid #ccc; padding: 1em;}
#main-home{margin-top: 2%; padding-bottom: 100px;}
#main-home .head-stt{height: 136px; *zoom: 1; background: rgba(255, 255, 255, 0.26);}
#main-home .head-stt .before-head{width: 5%; height: 100%; background: #ff7e00; float: left;}
#main-home .head-stt .name-head{position: relative; float: left;}
#main-home .head-stt .name-head .txt-name,#main-home .head-stt .back-head .txt-name{position: absolute; left: 73px; bottom: 15px; font-size: 95px; text-transform: uppercase; color: #fff; letter-spacing: -5px;}
#main-home .head-stt .menu-head{float: left; margin-left: 2.8%;}
#main-home .head-stt .menu-head ul{padding-top: 46px;}
#main-home .head-stt .back-head{position: relative; float: right;}
#main-home .body-content{width: 90%; margin: 0 auto; margin-top: 98px;}
#main-home .body-content .item{background: url('../img/game-item.jpg') no-repeat center; background-size: cover; position: relative; display: inline-block; vertical-align: middle; margin-bottom: 70px;overflow: hidden;}
#main-home .body-content .item:before{display: block; content: ""; padding-top: 121.9%;}
#main-home .body-content .item .item-container {
    position: absolute;
    #overflow: hidden;
    top: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
    background-image: linear-gradient(rgba(0, 0, 0,0.6), rgba(0, 0, 0,0));
}
#main-home .body-content .item:hover > .item-container {
    top: 0;
    color: #fff !important;
}
#main-home .body-content .item:focus > .item-container {
    top: 0;
    color: #fff !important;
}
#main-home .body-content .item:active > .item-container {
    top: 0;
    color: #fff !important;
}
#main-home .body-content .item .item-title {
    font-size: 20px;
    margin-top: 23px;
    padding-left: 25px;
    width: 73%;
    height: 50px;
    max-width: 330px;
    background-color: #ff7e00;
    line-height: 50px;
    text-align: left;
    top: 0px;
    position: absolute;
}
#main-home .body-content .item .item-title a {
    color: #fff;
    display: block;
}
#main-home .body-content .item .item-container .item-title:hover {
    background-color: #fff;
}
#main-home .body-content .item .item-container .item-title:hover a {
    color: #ff7e00;
}
#main-home .body-content .item .item-container .item-intro {
    font-size: 32px;
    padding: 0 35px 10px;
    margin-top: 100px;
    height: 290px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    color: #fff;
}
#main-home .body-content .item .item-container .item-btn {
    width: 230px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    margin: 35px auto 0;
}
#main-home .body-content .item .item-container .item-btn a {
    font-size: 35px;
    color: #aaa;
    background-color: #2d3436;
    display: block;
}
#main-home .body-content .item .item-container .item-btn a:hover {
    color: #2d3436;
    background-color: #aaa;
}

@media (max-width: 1840px){
    #nav-main{margin-left: 10%;}
}

@media (max-width: 1700px){
    ul.style-ul a{font-size: 35px;}
    ul.style-ul li + li{margin-left: 30px;}
}
@media (max-width: 1650px){
    #main-home .body-content .item .item-container .item-btn{margin-top: 10px;}
}
@media (max-width: 1600px){
    header{height: 130px;}
    #logo{width: 360px;}
    #logo a{width: 100%;}
    #logo a:before{padding-top: 130px;}
    #nav-main{margin-left: 6%;}
    #nav-main ul{padding-top: 42px;}
    #social{height: 130px; width: 320px;}
    #social ul{margin-top: 40px;}
    #main-home{margin-top: 70px; padding-bottom: 90px;}
    #main-home .head-stt{height: 120px;}
    #main-home .head-stt .name-head{height: 100%; width: 27%; min-width: 185px;}
    #main-home .head-stt .name-head img{height: 100%; width: 100%;}
    #main-home .head-stt .name-head .txt-name,#main-home .head-stt .back-head .txt-name{font-size: 100px; left: 14px; bottom: -5px;}
    #main-home .head-stt .menu-head ul{padding-top: 38px;}
    #main-home .head-stt .back-head{height: 100%;}
    #main-home .head-stt .back-head img{height: 100%; width: auto;}
    #main-home .body-content{margin-top: 70px;}
}
@media (max-width: 1550px){
    #main-home .body-content .item .item-title{font-size: 35px;}
    #main-home .body-content .item .item-container .item-intro{font-size: 28px; height: 270px;}
    #main-home .head-stt .name-head .txt-name,#main-home .head-stt .back-head .txt-name{font-size: 85px; left: 30px; bottom: 5px;}
}
@media (max-width: 1500px){
    ul.style-ul a{font-size: 32px;}
    ul.style-ul li + li{margin-left: 25px;}
    #main-home{padding-bottom: 80px;}
    #main-home .body-content{margin-top: 85px;}
    #main-home .body-content .item .item-container .item-intro{font-size: 25px; height: 250px;}
    #main-home .body-content .item .item-container .item-btn{margin-top: 0px;}
}
@media (max-width: 1425px){
    #nav-main{margin-left: 3%;}
    #main-home .body-content .item .item-container .item-title{font-size: 30px; height: 50px; line-height: 50px;}
    #main-home .body-content .item .item-container .item-intro{font-size: 23px; height: 230px;}
    #main-home .body-content .item .item-container .item-btn{height: 55px; line-height: 55px; width: 200px;}
    #main-home .body-content .item .item-container .item-btn a{font-size: 30px;}
}
@media (max-width: 1370px){
    header{height: 110px;}
    #logo{width: 305px;}
    #logo a:before{padding-top: 110px;}
    #nav-main{margin-left: 5%;}
    #nav-main ul{padding-top: 36px;}
    #social{height: 110px; width: 300px;}
    #social ul{margin-top: 30px; padding-right: 35px;}
    ul.style-ul a{font-size: 30px;}
    #main-home .head-stt .name-head .txt-name,#main-home .head-stt .back-head .txt-name{font-size: 70px; left: 40px; bottom: 6px;}
    #main-home .head-stt .menu-head ul{padding-top: 30px;}
    footer{padding: 30px;}
    footer .ft-content{font-size: 27px;}
}
@media (max-width: 1350px){
    #main-home{padding-bottom: 60px; margin-top: 60px;}
    #main-home .body-content{margin-top: 65px;}
}
@media (max-width: 1290px){
    #nav-main{margin-left: 2%;}
    ul.style-ul li + li{margin-left: 20px;}
}
@media (max-width: 1250px){
    #main-home .body-content .item{margin-bottom: 30px;}
    #main-home .body-content .item .item-container .item-title,#main-home .body-content .item .item-container .item-btn a{font-size: 25px;}
    #main-home .body-content .item .item-container .item-intro{font-size: 21px; height: 200px; margin-top: 25px;}
    #main-home .body-content .item .item-container .item-btn{height: 50px; line-height: 50px; width: 180px;}
}
@media (max-width: 1220px){
    header{height: 90px;}
    #logo{width: 250px;}
    #logo a:before{padding-top: 90px;}
    #nav-main{margin-left: 4%;}
    #nav-main ul{padding-top: 27px;}
    #social{height: 90px; width: 250px;}
    #social ul{margin-top: 25px; padding-right: 35px;}
    #social ul li{width: 38px; height: 38px; margin-left: 8px;}
    #main-home .head-stt{height: 80px;}
    #main-home .head-stt .menu-head ul{padding-top: 19px;}
    #main-home .head-stt .name-head .txt-name{font-size: 60px; left: 30px; bottom: 3px;}
    #main-home .head-stt .back-head .txt-name{font-size: 75px; left: 33px; bottom: 4px;}
}
@media (max-width: 1140px){
    #nav-main{margin-left: 2%;}
}
@media (max-width: 1115px){
    ul.style-ul li + li{margin-left: 10px;}
    ul.style-ul a{font-size: 28px;}
    #social{width: 220px;}
    #social ul{padding-right: 25px;}
}
@media (max-width: 1120px){
    #main-home .body-content .item .item-container .item-title,#main-home .body-content .item .item-container .item-btn a{font-size: 23px;}
    #main-home .body-content .item .item-container .item-intro{margin-top: 20px; height: 145px; font-size: 19px;}
    #main-home .body-content .item .item-container .item-btn{height: 45px; line-height: 45px; width: 160px;}
}
@media (max-width: 1024px){
    #main-home .body-content .item .item-container .item-title{font-size: 20px; padding-left: 25px;}
    #main-home .body-content .item .item-container .item-intro{margin-top: 20px; height: 160px; font-size: 18px; padding: 0 20px;}
    #main-home .body-content .item .item-container .item-btn{height: 45px; line-height: 45px; width: 160px;}
    #main-home .body-content .item .item-container .item-btn a{font-size: 20px;}
}
@media (max-width: 1010px){
    ul.style-ul a{font-size: 26px;}
    #main-home .head-stt .menu-head ul{padding-top: 22px;}
}
@media (max-width: 991px){
    header{position: relative;}
    #nav-main,#social{display: none;}
    #mobile-menu{display: block; float: right; margin-right: 2.5%; margin-top: 18px;}
    #mobile-menu ul{display: none; background: #ecf0f1; position: absolute; left: 0; right: 0; top: 90px; z-index: 10; text-align: center; padding-top: 15px; padding-bottom: 15px;}
    #mobile-menu ul li{width: 100%; padding: 15px; text-transform: uppercase;}
    #mobile-menu ul li a{color: #444; font-size: 25px;}
    #mobile-menu ul li.active a,#mobile-menu ul li:hover a{color: #ff7e00;}
}
@media (max-width: 950px){
    #main-home .head-stt{clear: both;}
    #main-home .body-content{width: 95%;}
}
@media (max-width: 900px){
    #main-home .body-content .item .item-container .item-title{height: 45px; line-height: 45px;}
    #main-home .body-content .item .item-container .item-intro{margin-top: 10px; height: 49%; font-size: 18px; padding: 0 15px;}
    #main-home .body-content .item .item-container .item-btn{height: 45px; line-height: 45px; width: 160px;}
}
@media (max-width: 820px){
    #main-home .body-content{text-align: center; margin-top: 35px;}
    #main-home .body-content .item .item-container .item-intro {margin-top: 15px; height: 200px; padding: 0 20px;}
    #main-home .body-content .item .item-container .item-btn{height: 45px; line-height: 45px; width: 160px;}
}
@media (max-width: 1600px){
    #main-home .head-stt .back-head{width: 150px; overflow: hidden;}
    #main-home .head-stt .back-head .txt-name{bottom: 11px;}
}
@media (max-width: 1024px){
    #main-home .head-stt .back-head{width: 80px; overflow: hidden;}
}
@media (max-width: 767px){
    ul.style-ul a{font-size: 20px;}
    #main-home{margin-top: 35px; padding-bottom: 20px;}
    #main-home .body-content{margin-top: 30px;}
    #main-home .body-content .item .item-container .item-intro{margin-top: 10px; height: 180px;}
    #main-home .head-stt{height: 65px;}
    #main-home .head-stt .menu-head{margin-left: 3%;}
    #main-home .head-stt .name-head .txt-name{font-size: 40px; left: 21px; bottom: 1px;}
    #main-home .head-stt .back-head .txt-name{font-size: 60px; left: 35px; bottom: 10px;}
    #main-home .body-content .item .item-container .item-intro{padding: 0 15px; height: 150px;}
    #main-home .body-content .item .item-container .item-btn{height: 40px; line-height: 40px; width: 130px;}
    #main-home .body-content{font-size: 10pt;}
    #main-home .head-stt .before-head{width: 3%;}
}
@media (max-width: 414px){
    #main-home .head-stt .menu-head{clear: both; *zoom: 1; float: none; margin-left: 0; padding-left: 6%; padding-bottom: 13px; background: rgba(255, 255, 255, 0.26);}
    #main-home .head-stt .menu-head:before,#main-home .head-stt .menu-head:after{display: table; line-height: 0; content: "";}
    #main-home .head-stt .menu-head:after{clear: both;}
    #main-home .head-stt .menu-head ul{padding-top: 10px;}
    #main-home .body-content{margin-top: 60px;}
}

@media (max-width: 470px){
    #mobile-menu{margin-right: 0;}
}

@media (max-width: 360px){
    header{height: 75px;}
    #logo{width: 208px;}
    #logo a:before{padding-top: 75px;}
    #mobile-menu{margin-top: 10px;}
    #main-home .body-content .item .item-container .item-title{font-size: 21px;}
    #main-home .body-content .item .item-container .item-intro{padding: 0 15px; font-size: 18px;}
    #main-home .body-content .item .item-container .item-btn{width: 130px; height: 38px; line-height: 38px; margin-top: 0px;}
    #main-home .body-content .item .item-container .item-btn a{font-size: 20px;}
}


@media (min-width: 1281px){
    #main-home .body-content .item{width: 30%; height: 475px;}
    #main-home .body-content .item .item-container .item-intro{height:70% !important; font-size: 24px;}
    #main-home .body-content .item +.item{margin-left: 4.5% !important;}
    #main-home .body-content .item:nth-child(3n +1){margin-left: 0% !important;}
    #main-home .body-content .item .item-title {font-size: 40px; margin-top: 23px; padding-left: 43px; width: 73%; height: 66px; line-height: 66px;}
    #main-home .body-content .item .item-title{font-size: 28px;}
}
@media (min-width: 1025px)and (max-width: 1280px){
    #main-home .body-content .item{width: 30%;}
    #main-home .body-content .item .item-container .item-intro{height:74% !important; margin-top: 90px; font-size: 22px;}
    #main-home .body-content .item +.item{margin-left: 4.5% !important;}
    #main-home .body-content .item:nth-child(3n +1){margin-left: 0% !important;}
    #main-home .body-content .item .item-title{font-size: 23px;}
}
@media only screen and (width: 1080px){
    #main-home .body-content .item .item-container .item-intro{height:73% !important; margin-top: 80px; font-size: 21px; padding: 0 30px;}
}
@media (min-width: 768px)and (max-width: 1024px){
    #main-home .body-content .item{width: 30%;}
    #main-home .body-content .item .item-container .item-intro{height:68%; font-size: 1.3em; margin-top: 75px;}
    #main-home .body-content .item +.item{margin-left: 4.5% !important;}
    #main-home .body-content .item:nth-child(3n +1){margin-left: 0% !important;}
    #main-home .head-stt .name-head .txt-name{font-size: 50px; left: 24px;}
    #main-home .head-stt .back-head .txt-name{font-size: 55px;}
    #main-home .body-content .item .item-title {font-size: 20px;height: 45px;line-height:45px;}
}
@media only screen and (width: 600px){
    #main-home .body-content .item{width: 45%;}
    #main-home .body-content .item +.item{margin-left: 4%;}
    #main-home .body-content .item:nth-child(2n +1){margin-left: 0%;}
}
@media (min-width: 768px)and (max-width: 1024px)and (or ientation: landscape){
    #main-home .body-content .item .item-container .item-intro{height:72% !important; font-size: 1.45em;}
}
@media (min-width: 481px)and (max-width: 767px){
    #main-home .body-content .item{width: 45%;}
    #main-home .body-content .item .item-container .item-intro{height: 68% !important; font-size: 1.3em; margin-top: 13px;}
    #main-home .body-content .item + .item{margin-left: 5%;}
    #main-home .body-content .item:nth-child(2n +1){margin-left: 0%;}
    #main-home .body-content .item .item-title{font-size: 20px; height: 45px; line-height: 45px;}
}
@media (min-width: 320px)and (max-width: 480px){
    #main-home .body-content .item{width: 90%; max-height: 365px;}
    #main-home .body-content .item .item-container .item-intro{height:72%; margin-top: 75px; font-size: 1.35em;}
    #main-home .body-content .item + .item{margin-left: 0;}
    #main-home .body-content .item .item-title{font-size: 20px; height: 45px; line-height: 45px;}
}
@media (max-width: 319px){
    #main-home .body-content .item{width: 97%;}
    #main-home .body-content .item .item-container .item-intro{height:64%; margin-top: 15px; font-size: 1.2em;}
    #main-home .body-content .item + .item{margin-left: 0;}
    #main-home .body-content .item .item-container .item-title{font-size: 19px; padding-left: 10px;}
    #main-home .body-content .item .item-title{font-size: 19px; height: 40px; line-height: 40px;}
}
.language {position: absolute;top: 0;right: 0;width: 200px;height: 90px;vertical-align: middle;}
.language ul{display: inline-flex;height: 90px;line-height: 90px;width: 100%;}