* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    font-family: Arial, sans-serif, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑';
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.hide {
    display: none;
}
.row-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.row-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.row-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.row-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-box {
    width: 100%;
    height: 0.8rem;
    position: fixed;
    top: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.7);
    border-bottom: 0.01rem solid #fff;
    box-shadow: 0 0 0.1rem #2c75e4;
}

.logo {
    width: 1.54rem;
    display: block;
    margin-left: 0.1rem;
    float: left;
    margin-top: -0.15rem;
}
.nav {
    margin-left: 0.3rem;
    float: left;
}
.nav li {
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #213368;
    font-size: 0.24rem;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 0.06rem solid transparent;
    border-bottom-left-radius: 0.06rem;
    border-bottom-right-radius: 0.06rem;
}
.nav li.act {
    color: #fe5b01;
    border-bottom: 0.06rem solid #fe5b01;
    background: url(../img/navbg.png) #fff no-repeat;
    background-size: 0.72rem auto;
    background-position: center center;
}
.links {
    width: 3.05rem;
    height: 0.56rem;
    background: url(../img/links.png) no-repeat;
    background-size: 100% auto;
    float: left;
    margin-top: 0.12rem;
    margin-left: 3.8rem;
}
.links a {
    display: block;
    width: 0.56rem;
    height: 100%;
}
.langguages {
    width: 1.64rem;
    height: 0.48rem;
    background: url(../img/lang.png) no-repeat;
    background-size: 100% auto;
    float: left;
    margin-top: 0.16rem;
    margin-left: 0.4rem;
    color: #213368;
    position: relative;
    line-height: 0.48rem;
}
.langguages p {
    font-size: 0.2rem;
    margin-left: 0.55rem;
    cursor: pointer;
}
.langguages ul {
    width: 100%;
    font-size: 0.18rem;
    position: absolute;
    top: 0.48rem;
    left: 0;
    text-align: center;
    background: #fff;
    border-radius: 0.1rem;
    display: none;
}
.langguages:hover ul {
    display: block;
}
.langguages ul li {
    margin: 0 0.1rem;
    border-bottom: 0.01rem solid #e5e5e5;
    cursor: pointer;
}
.langguages ul li:last-child {
    border-bottom: none;
}
.wrap, .container {
    width: 19.2rem;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0.2rem;
}
.page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/bg1.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
.page1 {
    background: url(../img/bg1.jpg);
}
.page-cont1 {
    margin-top: 3rem;
}
.play {
    width: 1rem;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    top: 50%;
    margin-top: -0.8rem;
    z-index: 5;
}
.slogan {
    width: 100%;
    height: 3rem;
    background: url(../img/en_slogan.png);
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: center center !important;
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
}
.en_lang .slogan {
    background-image: url(../img/en_slogan.png);
}
.tr_lang .slogan {
    background-image: url(../img/tr_slogan.png);
}
.de_lang .slogan {
    background-image: url(../img/de_slogan.png);
}
.down-btns {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: 2.8rem;
}
.googleplay {
    width: 2.6rem;
    height: 0.8rem;
    background: url(../img/en_down.png);
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    margin-right: 0.2rem;
}
.en_lang .googleplay {
    background-image: url(../img/en_down.png);
}
.tr_lang .googleplay {
    width: 2.65rem;
    background-image: url(../img/tr_down.png);
}
.de_lang .googleplay {
    background-image: url(../img/de_down.png);
}
.appstore {
    width: 2.6rem;
    height: 0.8rem;
    background: url(../img/en_down.png);
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: -2.7rem 0 !important;
}
.en_lang .appstore {
    background-image: url(../img/en_down.png);
}
.tr_lang .appstore {
    width: 3.1rem;
    background-image: url(../img/tr_down.png);
    background-position: -2.85rem 0 !important;
}
.de_lang .appstore {
    background-image: url(../img/de_down.png);
}
.paylink {
    width: 2.6rem;
    height: 0.8rem;
    background: url(../img/en_pay.png);
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    margin-left: 0.15rem;
}
.en_lang .paylink {
    background-image: url(../img/en_pay.png);
}
.tr_lang .paylink {
    background-image: url(../img/tr_pay.png);
}
.de_lang .paylink {
    background-image: url(../img/de_pay.png);
}
.arrow {
    width: 3.02rem;
    height: 0.71rem;
    position: absolute;
    left: 50%;
    margin-left: -1.51rem;
    bottom: 0.2rem;
    animation: arrow 1.5s infinite;
    -webkit-animation: arrow 1.5s infinite;
    cursor: pointer;
    background-image: url(../img/en_arrow.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.en_lang .arrow {
    background-image: url(../img/en_arrow.png);
}
.tr_lang .arrow {
    background-image: url(../img/tr_arrow.png);
}
.de_lang .arrow {
    background-image: url(../img/de_arrow.png);
}
@keyframes arrow {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    90% {
        transform: translateY(0.2rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 0;
    }
}
@-webkit-keyframes arrow {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    90% {
        transform: translateY(0.2rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 0;
    }
}
.page2 {
    background: url(../img/bg2.jpg);
}
.title {
    width: 11rem;
    height: 2.1rem;
    background: url(../img/en_t1.png);
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5.5rem;
    margin-top: -3.4rem;
}
.en_lang .t1 {
    background-image: url(../img/en_t1.png);
}
.tr_lang .t1 {
    background-image: url(../img/tr_t1.png);
}
.de_lang .t1 {
    background-image: url(../img/de_t1.png);
}
.news-box {
    width: 14rem;
    height: 5.2rem;
    background: #fff;
    border-radius: 0.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7rem;
    margin-top: -1.8rem;
    box-shadow: 0 0 0.2rem #aac9f8;
}
.banner-box {
    width: 7.95rem;
    height: 4.35rem;
    float: left;
    background: url(../img/bannerbg.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-top: 0.3rem;
    margin-left: -0.5rem;
}
.banner {
    width: 7.45rem;
    height: 4.3rem;
    margin-left: 0.1rem;
    margin-top: 0.1rem;
    overflow: hidden;
}
.banner .swiper-slide {
    width: 7.45rem;
    height: 4.15rem;
}
.banner img {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-pagination {
    bottom: auto !important;
}
.banner .swiper-pagination-bullet {
    width: 0.37rem;
    height: 0.37rem;
    background: url(../img/dot.png) no-repeat !important;
    background-size: auto 100% !important;
    opacity: 1;
    margin: 0 0.15rem !important;
    background-position: -0.6rem 0 !important;
}
.banner .swiper-pagination-bullet-active {
    background-position: left !important;
}
.newslistbox {
    width: 5.6rem;
    height: 4.35rem;
    float: left;
    margin-left: 0.3rem;
    margin-top: 0.3rem;
    overflow: hidden;
}
.newslist {
    width: 5.6rem;
    height: 3.8rem;
    overflow: hidden;
}
.news-list {
    height: 3.8rem;
    overflow: hidden;
}
.news-list li {
    font-size: 0.2rem;
    padding: 0.15rem 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    position: relative;
}
.news-list li:last-child {
    border-bottom: none;
}
.news-list li a {
    width: 100%;
    color: #223c79;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list li p::before {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #cfdae8;
    content: '';
    position: absolute;
    left: 0rem;
    top: 50%;
    margin-top: -0.15rem;
}
.news-list li:hover a {
    text-decoration: underline;
    color: #f76719;
}
.news-list li:hover p::before {
    background: #f76719;
}
.news-list li span {
    font-size: 0.14rem;
    color: #999;
}
.more {
    height: 0.42rem;
    display: block;
    border: 0.02rem solid #3c7de1;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.42rem;
    border-radius: 0.21rem;
    color: #3c7de1;
}
.more:hover {
    background: #3c7de1;
    color: #fff;
}
.pet1 {
    width: 1.5rem;
    position: absolute;
    left: 50%;
    margin-left: -8rem;
    top: 50%;
    margin-top: -3.2rem;
}
.pet2 {
    width: 4rem;
    position: absolute;
    left: 50%;
    margin-left: 6rem;
    top: 50%;
    margin-top: -0.2rem;
    z-index: 5;
}
.page3 {
    background: url(../img/bg3.jpg);
}
.t2 {
    background-image: url(../img/en_t2.png);
}
.en_lang .t2 {
    background-image: url(../img/en_t2.png);
}
.tr_lang .t2 {
    background-image: url(../img/tr_t2.png);
}
.de_lang .t2 {
    background-image: url(../img/de_t2.png);
}
.media-box {
    width: 8.25rem;
    height: 5.4rem;
    position: absolute;
    left: 50%;
    margin-left: -4.25rem;
    top: 50%;
    margin-top: -1.8rem;
    z-index: 5;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.2rem #aac9f8;
    background: #fff;
}
.media {
    width: 5.5rem;
    height: 5.2rem;
    margin-left: 0.2rem;
    margin-top: 0.1rem;
    overflow: hidden;
    float: left;
}
.media-list {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.media-list iframe {
    display: block;
    min-width: 98% !important;
    margin: 0 auto !important;
}
.medit-type1 {
    width: 2.5rem;
    height: 100%;
    background: url(../img/fly.png) #3c7de1 no-repeat;
    background-size: 1.6rem auto;
    background-position: 0.1rem 4rem;
    float: right;
}
.media-type {
    width: 2.5rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
}
.media-type > div {
    width: 2.34rem;
    height: 0.87rem;
    margin-top: 0.1rem;
    cursor: pointer;
    background-image: url(../img/media.png);
    background-size: 4.92rem auto;
}
.media-type-list1.act {
    background-position: -0.2rem 0;
}
.media-type-list2.act {
    background-position: -0.2rem -0.94rem;
}
.media-type-list3.act {
    background-position: -0.2rem -1.88rem;
}
.media-type-list4.act {
    background-position: -0.2rem -2.82rem;
}
.media-type-list1 {
    background-position: -2.58rem 0;
}
.media-type-list2 {
    background-position: -2.58rem -0.94rem;
}
.media-type-list3 {
    background-position: -2.58rem -1.88rem;
}
.media-type-list4 {
    background-position: -2.58rem -2.82rem;
}
.pet4 {
    width: 4rem;
    position: absolute;
    left: 50%;
    margin-left: -8.3rem;
    top: 50%;
    margin-top: -1.4rem;
    z-index: 5;
}
.pet3 {
    width: 4rem;
    position: absolute;
    left: 50%;
    margin-left: 3rem;
    top: 50%;
    margin-top: -1.5rem;
    z-index: 6;
}
.page4 {
    background: url(../img/bg4.jpg);
}
.t3 {
    margin-top: -3.8rem;
    background-image: url(../img/en_t3.png);
}
.en_lang .t3 {
    background-image: url(../img/en_t3.png);
}
.tr_lang .t3 {
    background-image: url(../img/tr_t3.png);
}
.de_lang .t3 {
    background-image: url(../img/de_t3.png);
}
.wt-box {
    width: 13rem;
    height: 5rem;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -6.5rem;
    top: 50%;
    margin-top: -2.3rem;
    z-index: 5;
}
.tsbox {
    width: 100%;
    height: 4.6rem;
    overflow: hidden;
}
.wt-box img {
    display: block;
    width: 100%;
    height: 100%;
}
.ts-pagination {
    width: 100%;
    bottom: 0;
}
.ts-pagination .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.17rem;
    background: url(../img/dot1.png) no-repeat;
    background-size: auto 100%;
    background-position: -0.6rem 0;
    opacity: 1;
    margin: 0 0.1rem;
}
.ts-pagination .swiper-pagination-bullet-active {
    background-position: 0rem 0;
}
.ts-prev::after, .ts-next::after {
    content: '';
}
.ts-prev, .ts-next {
    width: 0.84rem;
    height: 0.84rem;
    background-image: url(../img/qh.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.ts-next {
    background-position: right;
}
.footer {
    position: absolute;
    width: 100%;
    padding: 0.3rem 0;
    background: #000;
    bottom: 0;
}
.footer img:nth-child(2) {
    width: 1rem;
    margin: 0 0.5rem;
}
.footer img:nth-child(1) {
    width: 1.5rem;
}
.bot-links {
    width: 5rem;
    color: #999;
    font-size: 0.2rem;
    line-height: 0.4rem;
}
.bot-links a {
    color: #999;
}
.bot-links em {
    margin: 0 0.2rem;
}
.pop {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.close {
    width: 0.6rem;
    height: 0.6rem;
    background: url(../img/close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -0.8rem;
    top: 0.2rem;
    cursor: pointer;
}
.video {
    width: 10rem;
    height: 6rem;
    position: absolute;
    left: 50%;
    margin-left: -5rem;
    top: 50%;
    margin-top: -3rem;
    background: #fff;
}
#video, #video iframe {
    width: 100%;
    height: 100%;
}
.pop-contact {
    width: 6.21rem;
    height: 3.46rem;
    position: absolute;
    left: 50%;
    margin-left: -3.1rem;
    top: 50%;
    margin-top: -1.73rem;
    background-image: url(../img/en_contact.png);
    background-size: 100% auto;
}
.en_lang .pop-contact {
    background-image: url(../img/en_contact.png);
}
.tr_lang .pop-contact {
    background-image: url(../img/tr_contact.png);
}
.de_lang .pop-contact {
    background-image: url(../img/de_contact.png);
}
.close1 {
    top: 0;
    right: 0;
    background: none;
}
.pop-email {
    font-size: 0.24rem;
    color: #999;
    text-align: center;
    margin-top: 3.1rem;
}
.pop-email a {
    color: #1a89df;
}
.en_lang .pop-email {
    margin-top: 3rem;
}
.side-btn {
    width: 1.45rem;
    height: 3.63rem;
    position: fixed;
    right: 0.1rem;
    top: 50%;
    margin-top: -1.81rem;
    background-image: url(../img/en_btn.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    z-index: 10;
}
.side-btn a {
    display: block;
    width: 100%;
    height: 50%;
}
.en_lang .side-btn {
    background-image: url(../img/en_btn.png);
}
.tr_lang .side-btn {
    background-image: url(../img/tr_btn.png);
}
.de_lang .side-btn {
    background-image: url(../img/de_btn.png);
}


/*************************************/
.sub-container {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0.2rem;
    background: url(../img/subbg.jpg) #ebeffb no-repeat;
    background-size: 100% auto;
    position: relative;
}
.sub-title {
    height: 0.55rem;
    background-image: url(../img/en_t4.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    margin-top: 1.75rem;
}
.en_lang .sub-title {
    background-image: url(../img/en_t4.png);
}
.tr_lang .sub-title {
    background-image: url(../img/tr_t4.png);
}
.de_lang .sub-title {
    background-image: url(../img/de_t4.png);
}
.sub-content {
    width: 10rem;
    margin: 0.1rem auto 3rem;
}
.back {
    width: 1.5rem;
    height: 0.37rem;
    background-image: url(../img/en_back.png);
    background-size: 100% auto;
    cursor: pointer;
}
.en_lang .back {
    background-image: url(../img/en_back.png);
}
.tr_lang .back {
    background-image: url(../img/tr_back.png);
}
.de_lang .back {
    background-image: url(../img/de_back.png);
}
.sub-list {
    min-height: 6rem;
}
.sub-list li {
    height: 0.8rem;
    border-left: 0.05rem solid #3c7de1;
    font-size: 0.2rem;
    line-height: 0.8rem;
    background: #fff;
    margin-top: 0.15rem;
}
.sub-list li a {
    display: block;
    width: 100%;
    height: 100%;
}
.sub-list li p {
    width: 7.3rem;
    color: #223c79;
    float: left;
    margin-left: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub-list li span {
    color: #999;
    float: right;
    margin-right: 0.2rem;
}
.sub-list li a:hover {
    background: #e75200;
}
.sub-list li a:hover p {
    color: #fff;
}
.sub-list li a:hover span {
    color: #fff;
}
.sub-more {
    width: 3rem;
    height: 0.42rem;
    margin: 0.2rem auto;
    background:#3c7de1;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.42rem;
    border-radius: 0.21rem;
    color: #fff;
    cursor: pointer;
}

/**************************************/
.sub-container-detail {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0.2rem;
    background: url(../img/subbg.jpg) #ebeffb no-repeat;
    background-size: 100% auto;
    background-position: 0 -2rem;
    position: relative;
}
.sub-content-box {
    width: 10rem;
    margin: 1.3rem auto 3rem;
    box-shadow: 0 0 0.1rem #aac9f8;
    background: #fff;
}
.content-box-top {
    background: #f2f7ff;
    padding: 0.1rem 0.2rem;
    color: #808182;
    font-size: 0.14rem;
}
.content-box-top a {
    color: #808182;
    margin-left: 0.2rem;
    position: relative;
}
.content-box-top a:last-child {
    color: #fe5b01;
}
.content-box-top a::after {
    content: '>';
    position: absolute;
    right: -0.15rem;
    top: 0;
}
.content-box-top a:last-child::after {
    content: '';
}
.detail-box {
    min-height: 8rem;
    margin: 0.2rem;
    line-height: 0.3rem;
    color: #808182;
    font-size: 0.2rem;
    line-height: 0.4rem;
}
.detail-box img {
    display: block;
    margin: 0 auto;
    max-width: 100% !important;
}
.detail-title {
    font-size: 0.4rem;
    color: #213368;
    font-weight: bold;
    text-align: center;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 0.01rem solid #efefef;
}
.detail-date {
    font-size: 0.16rem;
    color: #999;
    text-align: center;
    line-height: 0.5rem;
}
.detail-content {
    padding-bottom: 0.5rem;
    line-height: 0.4rem;
    color: #333;
    font-size: 0.18rem;
}