.art-hl{background-color:#fff;}
.bg-mt{
	background: no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 0;
    padding-bottom: 515px;
}
.art-hl .bx-content {
    margin-top: 10%;
}
.art-hl .bx-content img {
    height: 59px;
    width: auto;
}
.art-hl .bx-content img.img-responsive {
    height: 510px;
    width: auto;
}
.art-hl .entry-img {
    margin-top: 12%;
}
.bx-content h1{
	color: #fff;
	margin: 30px 0;
}
a.link-under{color: #fff;}
.wrapper {
    max-width: 1500px;
}
.art-hl a{
	color: #3e3e3e;
}
.entry-tag a{
	color: #777;
}
.entry-tag a:hover{
	color: #f0027f;
}
.sub-hl {
    padding-bottom:22%;
    background: bottom no-repeat;
    background-size: cover;
}
.art-full .bx-content{
	color: #818181;
}
.art-full .art-img100{
    width: 100%;
}
.solution{
    background: bottom no-repeat;
    background-size: cover;
	padding-bottom:22%;
}
.cms{
    padding-bottom: 100px;
}
.cms-img{
	padding-bottom: 42.4%; 
}
.solution .txtbox{
	height: 380px;
}
.bg-pd .box{
    top: 64%;
}
.map{
    height: 0;
    padding-bottom: 53%;
    background: center no-repeat;
    background-size: cover;
    position: relative;
}
.dt-map{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.dt-map .box{
    width: 100%;
    text-align: center;
    top: 55%;
}
.dt-map .box img {
    height: 209px;
    width: auto;
}
.show{
    height: 0;
    padding-bottom: 30%;
    background: 50% 64% no-repeat;
    background-size: cover;
}
.show h2 {
    color: #fff;
    margin-top: 16%;
}
.map .box, .map h2{color: #fff;}
/*.bx-pn .hover{
    background-color: rgba(243, 3, 127, 0.8);
}*/
@media screen and ( max-width:1800px ) {
.solution {
    padding-bottom: 12%;
}
.show{
    padding-bottom: 49%;
    background-position: center;
}
.show h2 {
    margin-top: 20%;
}
}
@media screen and ( max-width:1170px ) {
.bg-mt {
    background-position: right;
    padding-bottom: 504px;
}
.wrapper{padding: 0;}
.show h2 {
    margin-top: 11%;
}
}

@media screen and ( max-width:991px ) {
.bg-pd {
    background: none;
}
.map .box {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.solution {
    padding-bottom: 20%;
    background-size: contain;
}
.art-full .art-txt { padding: 0;}
.art-hl .bx-content{margin-top: 0;}
.map { padding-bottom: 73%;}
.bx-content h1 { margin: 20px 0;}
.entry-tag a { color: #fff;}
.art-hl .entry-img {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -4%;
}
.bg-mt {
    padding-bottom: 0;
    height: 94%;
}
.map img {
    width: 34%;
}
.sub-hl{padding-top: 80px;}
}

@media screen and ( max-width:800px ) {
.show h2 {
    margin-top: 4%;
}
.show {
    padding-bottom: 66%;
}
}
@media screen and ( max-width:740px ){
.art-hl .entry-img {
    display: none;
}
.sub-hl{
    padding-top: 50px;
}
.map img {
    width: 40%;
}
.art-hl img{height: 48px;}
.bg-mt {
    height: 100%;
}
.cms p {
    padding: 0 15%;
}
.art-hl a{color: #fff;}
}
@media screen and (max-width: 530px){
.show {
    padding-bottom: 77%;
}
.map img {
    width: 60%;
}
.map h2{
    font-size: 22px;
}
}
@media screen and (max-width: 480px){
.show {
    padding-bottom: 100%;
}
.show h2{
    width: 80%;
}
.map {
    padding-bottom: 104%;
}
.map p{padding: 0 14%;}
}

@media screen and (max-width: 390px){
.show {
    padding-bottom: 150%;
}
.show h2{
    width: 100%;
}
.map .box {
    width: 90%;
    left: 5%;
    top: 47%;
}
.map p {padding: 0;}
.cms p {
    padding: 0 5%;
}
.map img {
    width: 50%;
}
.map {
    padding-bottom: 120%;
}
}