@charset 'UTF-8';
* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

body,
html {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    height: 100%;
}

a,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
img,
input,
label,
legend,
li,
mark,
ol,
p,
section,
span,
strong,
textarea,
time,
ul,
var {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal
}

html {
    /*font-family: AllianzSansWeb*/, 'Arial', 'Helvetica Neue', 'Microsoft YaHei', sans-serif;
    font-size: 16px;
    font-weight: 400
}

body {
    outline: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

* {
    outline: 0
}

blockquote,
body,
button,
dd,
dl,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
optgroup,
p,
select,
textarea,
ul {
    margin: 0;
    padding: 0
}

.h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none
}

img {
    vertical-align: middle;
    border: 0
}

ol,
ul {
    list-style: none
}

input,
select,
textarea {
    font-size: 100%;
    outline: 0;
    -webkit-appearance: none
}

sup {
    vertical-align: super;
    font-size: 12px
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    text-decoration: none;
}

a:active,
a:hover {
    outline-width: 0;
    text-decoration: none
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ' '
}

.clearfix:after {
    clear: both
}

.ui-hidden {
    display: none
}

.ui-block {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.n-msg {
    color: red
}

.dn {
    display: none
}

.tc {
    text-align: center
}

.oh {
    overflow: hidden
}

.mt-m {
    margin-top: 30px
}

.mr-s {
    margin-right: 20px
}

.mb40 {
    margin-bottom: 40px
}

.ml100 {
    margin-left: 100px
}

.broken {
    word-wrap: break-word;
    word-break: break-all
}

.noscroll body {
    position: relative;
    overflow: hidden
}

.wow:first-child {
    visibility: hidden
}

[class*=' icon-'],
[class^=icon-] {
    font-family: AGI-Icon-Font!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
}

.icon-AGI_Icons_Youtube2:before {
    content: '\e93a'
}

.icon-AGI_Icons_LinkedIn:before {
    content: '\e91c'
}

.icon-AGI_Icons_Twitter:before {
    content: '\e91d'
}
.info_con{

    Z-INDEX: 100;
    position:relative;
}


/*
.pages_number {

    Z-INDEX: 100;
}*/



.lang {
    border-left: 1px solid #ECEDED;
    display: inline-block;
    padding: 0px 20px 0px 20px;
    color: #003781;
}

.article_title1{

    text-transform: uppercase;

}

.article_title2{

    text-transform: uppercase;

}

.en{
    border-left:0 !important;
}

.jp{

    padding-right: 0px !important;
}

.lang_active{

    color: #399ce0;
}





.pages_title {
    position: relative;
    color: #0093b2;
    /*font-family: AllianzSansWeb*/;
}
.pages_title_left {
    position: relative;
    color: #0093b2;
    /*font-family: AllianzSansWeb*/;
}

.pages_title::after {
    display: inline-block;
    background-color: #007396;
    position: absolute;
    left: 0;
    opacity: .5;
    content: ''
}

.pages_title_after {
    position: relative;
    color: #0093b2;
    /*font-family: AllianzSansWeb*/;
    text-align: center;
}

/*.pages_title_after::after {
    display: inline-block;
    background-color: #007396;
    position: absolute;
    left: 0;
    opacity: .5;
    content: ''
}*/

.br-on-mobile {
    display: none;
}

.br-on-mobile2 {
    display: none;
}

.article_item_blue .item_con .article_title {
    color: #0093b2
}

.article_item_blue .item_con .article_text {
    color: #4d4d4d
}

.intro-banner{
    width: 100%;
    margin-bottom:28px;
}

.intro .intro_right .second-pc-img-hide:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.intro .intro_right .second-mobile-img-hide:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.pages_article .article_item{
    display: flex;
    /*height: 300px;*/
}

.pages_article .article_item.left{
    background: #d6e6f5;
    float:left;
}

.pages_article .article_item.right{
    background: #fcddd1;
    float:right;
}

.pages_article .article_item {
    position: relative;
    float: left;
    width: 49.75%;
    padding-right: 2px;
    /*margin-top: 0.5%;*/
}

.article_item-col{
/*    flex: 33.3333%;
    max-width: 33.3333%;*/
    flex: 50%;
    max-width: 50%;
    overflow: hidden;
}

.article_item-col.left img{
    /*height: 100%;*/
    width: 100%;
}

.article_item-col.right{
/*    flex: 66.6666%;
    max-width: 66.6666%;*/
    flex: 50%;
    max-width: 50%;
}
.pages_article .item_con {
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 15px
}
.pages_article .item_con.home {
    position: absolute;
}

.article_item2:hover .article_img .second-mobile-img-hide img,
.article_item:hover .article_img .second-mobile-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.article_item2:hover .article_img .second-pc-img-hide img,
.article_item:hover .article_img .second-pc-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.home_article1 .article_bg:hover .article_img .second-mobile-img img,
.home_article2 .article_bg:hover .article_img .second-mobile-img img,
.home_article1 .article_info:hover .article_img .second-mobile-img img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.home_article1 .article_bg:hover .article_img .second-pc-img img,
.home_article2 .article_bg:hover .article_img .second-pc-img img,
.home_article1 .article_info:hover .article_img .second-pc-img img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.about_introduce .introduce_img:hover .pagas_banner .banner_bg .second-mobile-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.about_introduce .introduce_img:hover .pagas_banner .banner_bg .second-pc-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.article_bg:hover .article_img .second-mobile-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.article_bg:hover .article_img .second-pc-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.article_info{
    overflow: hidden;
}
.article_info .article_img{
    position: absolute;
    top: 0;
    left: 0;
}

.pagas_banner {
    position: relative;
    width: 100%
}

.pagas_banner .banner_bg {
    width: 100%
}

.pagas_banner .banner_desc {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.pagas_banner:hover .banner_bg .second-mobile-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pagas_banner:hover .banner_bg .second-pc-img-hide img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.introduce_img_height .pagas_banner {
    height: 100%
}

.introduce_img_height .pagas_banner .banner_bg {
    height: 100%
}

.introduce_img_height .pagas_banner .second-mobile-img,
.introduce_img_height .pagas_banner .second-pc-img {
    height: 100%
}

.introduce_img_height .pagas_banner .second-mobile-img img,
.introduce_img_height .pagas_banner .second-pc-img img {
    width: auto;
    height: 120%
}

.introduce_img_width .pagas_banner .second-mobile-img img,
.introduce_img_width .pagas_banner .second-pc-img img {
    width: 100%;
    height: auto
}

#factorInvestingActicle .acticle_box .pages_title2 p {
    color:#4d4d4d;
}

#factorInvestingActicle .acticle_box .pages_text p {
    color: #4d4d4d;
}

#factorInvestingActicle .acticle_box .pages_list .list_title {
    color: #fff
}

#factorInvestingActicle .acticle_box .pages_list ul li {
    color: #fff
}

#factorInvestingActicle .acticle_box .article_btn {
    color: #3c3c3c;
    background-color: #fff
}

.banner_desc,
.info_con,
.item_con {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    transition: opacity .3s ease .3s;
}
.info_con.fadeIn {
    opacity: 1;
}

.hamburger--squeeze .hamburger-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    padding: 15px 5px;
    cursor: pointer;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger--squeeze .hamburger-box .hamburger-inner {
    display: block;
    top: 50%;
    right: 0;
    margin-top: -2px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-box .hamburger-inner,
.hamburger--squeeze .hamburger-box .hamburger-inner::after,
.hamburger--squeeze .hamburger-box .hamburger-inner::before {
    width: 22px;
    height: 3px;
    background-color: #003781;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hamburger--squeeze .hamburger-box .hamburger-inner::after,
.hamburger--squeeze .hamburger-box .hamburger-inner::before {
    content: '';
    display: block
}

.hamburger--squeeze .hamburger-box .hamburger-inner::before {
    top: -8px;
    -webkit-transition: top .1s .14s ease, opacity .1s ease;
    transition: top .1s .14s ease, opacity .1s ease
}

.hamburger--squeeze .hamburger-box .hamburger-inner::after {
    bottom: -8px;
    -webkit-transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease, opacity .1s .14s ease;
    transition: top .1s ease, opacity .1s .14s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1)
}

.mobile_popup_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    height: 100%;
    display: none
}

.mobile_popup_nav .nav_mask {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, .5)
}

.mobile_popup_nav .nav_con {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    opacity: .6;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
    z-index: 10;
    padding-top: 90px;
    background-color: #fff
}

.mobile_popup_nav .nav_con .nav_list {
    position: relative
}

.mobile_popup_nav .nav_con .nav_list .nav_item {
    background-color: #fff
}

.mobile_lang_bg{

    background-color:#dadada;
    margin-left: 10PX;
    margin-right: 10px;
    padding: 20px;
}
.mobile_lang{

    border-left: 1px solid #4c4c4c;
    display: inline-block;
    padding: 0px 5% 0px 5%;
    color: #4c4c4c;
    font-size:15px;
    
}

.mobile_lang_active{

    color: #3583c9;
}
.mobile_popup_nav .nav_con .nav_list .nav_item .item_title  {
    position: relative;
    padding-left: 15px;
    line-height: 64px;
    background-color: #fff;
    font-size: 16px;
    /*font-family: AllianzSansWeb*/;
    color: #003781
}

.mobile_popup_nav .nav_con .nav_list .nav_item .item_title .title_icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 64px;
    width: 48px;
    background-image: url(../images/icon_plus.png);
    background-repeat: no-repeat;
    background-position: 16px 24px;
    background-size: 36%
}

.mobile_popup_nav .nav_con .nav_list .nav_item .item_title .title_icon:hover {
    cursor: pointer
}

.mobile_popup_nav .nav_con .nav_list .nav_item .item_title a {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #003781
}

.mobile_popup_nav .nav_con .nav_list .nav_item .item_title:hover {
    cursor: pointer
}

.mobile_popup_nav .nav_con .nav_list .nav_item .item_title::after {
    left: 0;
    height: 1px;
    border-bottom: 1px solid #d6e0ea;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    color: #d6e0ea
}

.mobile_popup_nav .nav_con .nav_list .nav_item .vice_list {
    padding: 0 15px;
    display: none
}

.mobile_popup_nav .nav_con .nav_list .nav_item .vice_list .vice_item {
    position: relative;
    /*font-family: AllianzSansWeb*/;
    font-size: 0;
    padding: 15px 0 15px 15px
}

.mobile_popup_nav .nav_con .nav_list .nav_item .vice_list .vice_item a {
    display: inline-block;
    color: #003781;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    font-weight: 400;
    font-size: 16px
}

.mobile_popup_nav .nav_con .nav_list .nav_item .vice_list .vice_item::after {
    left: 0;
    height: 1px;
    border-bottom: 1px solid #99b1ca;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    color: #99b1ca
}

.mobile_popup_nav .nav_con .nav_list .nav_list_active .item_title {
    color: #399ce0!important
}

.mobile_popup_nav .nav_con .nav_list .nav_list_active .item_title .title_icon {
    background-image: url(../images/icon_subtract.png)
}

.mobile_popup_nav .nav_con .nav_list .nav_list_active .item_title a {
    color: #399ce0!important
}

.mobile_popup_nav .nav_con .nav_list .nav_list_active .vice_list {
    display: block
}

.mobile_popup_nav .nav_con .nav_list .vice_list_active {
    color: #399ce0!important
}

.mobile_popup_nav .nav_con .nav_list .vice_list_active a {
    color: #399ce0!important
}

.mobile_popup_nav_hide {
    display: block
}

.mobile_popup_nav_hide .nav_mask {
    opacity: 1
}

.mobile_popup_nav_hide .nav_con {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.info-top-bar{
    width: 100%;
    height: 0.6vw;
    background-color: #7fc9d8;
    margin-top: 30px;

}

.notSelectable{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.elusive-sup{
    position: relative;
    top: -3em;
    font-size: 10%;
}

.map_title_after {
    position: relative;
    color: #0093b2;
    /*font-family: AllianzSansWeb*/;
    text-align: center;
}

/*.map_title_after::after {
    display: inline-block;
    background-color: #007396;
    position: absolute;
    left: 0;
    opacity: .5;
    content: ''
}*/

.equity_acticle-banner{
    width: 100%;
    display: none;
}
.equity_acticle_con-col.left{
    flex: 60%;
    max-width: 60%;
}
.equity_acticle_con-col.right{
    flex: 40%;
    max-width: 40%;
}
.equity_acticle_con-col.right img{
    height: 100%;
    width: 100%;
    object-fit: fill;
}
    
.map-container{
    width: 100%;
    /*margin: 0 67px 0 67px;*/
    /*margin-top: 30px;*/
    position: relative;
    overflow: hidden;
}
.map-clip{
    width: 100%;
    position: relative;
}
.map-clip.mobile{
    width: 115%;
    left: -15%;
}

.map-bg{
    width: 100%;
    height: 100%
}

.map-highlight{
    display: none;
    width: 100%;
    position: absolute;
    top:    0;
    left:   0;
}
.map-highlight:active{
    display:block;
}
.map-china{
}
.map-button{
    position: absolute;
    height: 20px;
}
.map-button:hover{
    cursor: pointer;
}
.map-button-label{
    width: 100%;
    height: 100%;
    position: absolute;
}
.map-button-label.highlight,
.map-button-label.flash{
    /*opacity: 0;*/
}

.map-button.china{
    width: 14.4%;
    height: 6.143%;
    top: 30%;
    left: 43%;
}
.map-button.china.mobile{
    top: 28.3%;
    left: 46.4%;
}
.map-button.india{    
    width: 13.07%;
    height: 6.143%;
    top: 37%;
    left: 11%;
}
.map-button.india.mobile{
    top: 37%;
    left: 17%;
}
.map-button.japan{
    width: 14.24%;
    height: 6.143%;
    top: 17%;
    left: 81%;
}
.map-button.japan.mobile{
    top: 17.9%;
    left: 76.8%;
}
.map-button.singapore{
    width: 23%;
    height: 6.143%;
    top: 75%;
    left: 25%;
}
.map-button.singapore.mobile{
    top: 75%;
    left: 25%;
}
.map-button.south-korea{
    width: 27.8%;
    height: 6.143%;
    top: 15%;
    left: 45%;
}
.map-button.south-korea.mobile{
    top: 15%;
    left: 45%;
}
.map-button.southeast-asia{
    width: 31.8%;
    height: 6.143%;
    top: 72%;
    left: 62%;
}
.map-button.southeast-asia.mobile{
    top: 72%;
    left: 62%;
}
.map-popup { 
    position: absolute;
    transform: scale(1, 0.0); 
    transition: all .2s ease-in-out; 
}
.map-popup.active { 
    transform: scale(1, 1.0); 
}
.map-popup.china { 
    width: 341.04%;
    height: 1034.88%;
    top: 85.4%;
    left: -13.5%;
}
.map-popup.india { 
    width: 375.8%;
    height: 920.93%;
    top: 85.4%;
    left: -15.5%;
}
.map-popup.japan { 
    width: 345.03%;
    height: 1004.65%;
    top: 94.4%;
    left: -306%;
}
.map-popup.singapore { 
    width: 213%;
    height: 881.395%;
    top: -879%;
    left: 75%;
}
.map-popup.south-korea { 
    width: 176.65%;
    height: 1004.65%;
    top: 94.4%;
    left: -69.5%;
}
.map-popup.southeast-asia { 
    width: 154.45%;
    height: 883.72%;
    top: -882%;
    left: -137%;
}

.map-transform-top{
    -moz-transform-origin: top;
    -ms-transform-origin:  top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.map-transform-bottom{
    -moz-transform-origin: bottom;
    -ms-transform-origin:  bottom;
    -o-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.map-popup-bg { 
    width:100%;
    height: 100%;
    position: absolute;
}

.map-popup-content{
    position: absolute;
}

.map-popup-content.china.g1{
    width: 64.24%;
    margin-top: 29%;
    margin-left: 19%;
}

.map-popup-content.china.t1{
    width: 68.98%;
    margin-top: 10%;
    margin-left: 17%;
}

.map-popup-content.china.t2{
    width: 58.64%;
    margin-top: 17%;
    margin-left: 21%;
}

.map-popup-content.china.t3{
    width: 63.56%;
    margin-top: 58%;
    margin-left: 18%;
}

.map-popup-content.china.g1.mobile{
    margin-top: 24%;
    margin-left: 17%;
}

.map-popup-content.china.t1.mobile{
    margin-top: 5%;
    margin-left: 15%;
}

.map-popup-content.china.t2.mobile{
    margin-top: 12%;
    margin-left: 19%;
}

.map-popup-content.china.t3.mobile{
    margin-top: 53%;
    margin-left: 16%;
}

.map-popup-content.india.g1{
    width: 47.97%;
    margin-top: 29%;
    margin-left: 26%;
}

.map-popup-content.india.t1{
    width: 62.20%;
    margin-top: 10%;
    margin-left: 20%;
}

.map-popup-content.india.t2{
    width: 57.97%;
    margin-top: 17%;
    margin-left: 21%;
}

.map-popup-content.india.t3{
    width: 39.83%;
    margin-top: 56%;
    margin-left: 31%;
}

.map-popup-content.india.g1.mobile{
    margin-top: 25%;
    margin-left: 24%;
}

.map-popup-content.india.t1.mobile{
    margin-top: 6%;
    margin-left: 18%;
}

.map-popup-content.india.t2.mobile{
    margin-top: 13%;
    margin-left: 19%;
}

.map-popup-content.india.t3.mobile{
    margin-top: 52%;
    margin-left: 29%;
}

.map-popup-content.japan.g1{
    width: 21.36%;
    margin-top: 16%;
    margin-left: 40%;
}

.map-popup-content.japan.t1{
    width: 56.95%;
    margin-top: 9%;
    margin-left: 22%;
}

.map-popup-content.japan.t2{
    width: 67.63%;
    margin-top: 48%;
    margin-left: 17%;
}

.map-popup-content.japan.g1.mobile{
    margin-top: 13%;
    margin-left: 38%;
}

.map-popup-content.japan.t1.mobile{
    margin-top: 6%;
    margin-left: 20%;
}

.map-popup-content.japan.t2.mobile{
    margin-top: 45%;
    margin-left: 15%;
}

.map-popup-content.singapore.g1{
    width: 33.73%;
    margin-top: 21%;
    margin-left: 33%;
}

.map-popup-content.singapore.t1{
    width: 74.58%;
    margin-top: 5%;
    margin-left: 13%;
}

.map-popup-content.singapore.t2{
    width: 62.88%;
    margin-top: 12%;
    margin-left: 19%;
}

.map-popup-content.singapore.t3{
    width: 50.17%;
    margin-top: 41%;
    margin-left: 24%;
}

.map-popup-content.singapore.t4{
    width: 32.88%;
    margin-top: 51%;
    margin-left: 33%;
}

.map-popup-content.singapore.g1.mobile{
    margin-top: 22%;
    margin-left: 31%;
}

.map-popup-content.singapore.t1.mobile{
    margin-top: 6%;
    margin-left: 11%;
}

.map-popup-content.singapore.t2.mobile{
    margin-top: 13%;
    margin-left: 17%;
}

.map-popup-content.singapore.t3.mobile{
    margin-top: 42%;
    margin-left: 22%;
}

.map-popup-content.singapore.t4.mobile{
    margin-top: 52%;
    margin-left: 31%;
}

.map-popup-content.south-korea.g1{
    width: 44.58%;
    margin-top: 15%;
    margin-left: 27%;
}

.map-popup-content.south-korea.t1{
    width: 53.56%;
    margin-top: 8%;
    margin-left: 24%;
}

.map-popup-content.south-korea.t2{
    width: 50.17%;
    margin-top: 48%;
    margin-left: 25%;
}

.map-popup-content.south-korea.g1.mobile{
    margin-top: 12%;
    margin-left: 25%;
}

.map-popup-content.south-korea.t1.mobile{
    margin-top: 5%;
    margin-left: 22%;
}

.map-popup-content.south-korea.t2.mobile{
    margin-top: 45%;
    margin-left: 23%;
}

.map-popup-content.southeast-asia.g1{
    width: 25.08%;
    margin-top: 29%;
    margin-left: 59%;
}

.map-popup-content.southeast-asia.t1{
    width: 46.44%;
    margin-top: 6%;
    margin-left: 26%;
}

.map-popup-content.southeast-asia.t2{
    width: 57.97%;
    margin-top: 17%;
    margin-left: 21%;
}

.map-popup-content.southeast-asia.t3{
    width: 35.25%;
    margin-top: 29%;
    margin-left: 18%;
}

.map-popup-content.southeast-asia.g1.mobile{
    margin-top: 29%;
    margin-left: 57%;
}

.map-popup-content.southeast-asia.t1.mobile{
    margin-top: 6%;
    margin-left: 24%;
}

.map-popup-content.southeast-asia.t2.mobile{
    margin-top: 17%;
    margin-left: 19%;
}

.map-popup-content.southeast-asia.t3.mobile{
    margin-top: 29%;
    margin-left: 16%;
}

.map-popup-close-btn{
    position: absolute;
}
.map-title{
    /*font-family: AllianzSansWeb*/;
    color: #0093b2;
    font-size: 4vw;
    font-weight: bold;
    margin-left: 8%;
}
.map-text{
/*    /*font-family: AllianzSansWeb*/;
    font-size: 2vw;*/
    padding: 40px 0px 0px 0px;
    /*color:grey;*/
}
.map-popup-mobile-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.map-popup-mobile-dim-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
}
.map-popup-close-btn{
    position: absolute;
    top: 10%;
    right: 7%;
    width: 4.9958%;
    height: 8.2858%;
    pointer-events: none;
}
.map-popup-mobile{
    position: absolute;
    top: 18%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 82.056%;
    height: 99.213%;
    margin: auto;
}
    
.info-graphic-container{
    width: 100%;
    /*margin: 0 67px 0 67px;*/
    /*margin-top: 30px;*/
    position: relative;
    overflow: hidden;
}

.info-graphic-clip{
    width: 100%;
    position: relative;
}

.info-graphic-clip.mobile{
    width: 140%;
    margin-left: -20%;
}

.info-graphic-bg{
    width: 100%;
    height: 100%
}

.info-graphic-center-text{
    width: 17.4167%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 45.7%;
}

.info-graphic-popup-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.info-graphic-popup-dim-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
}
.info-graphic-popup-bg { 
    /*width:100%;*/
    height: 88.75%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    pointer-events: none;
}

.info-graphic-popup-content{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.info-graphic-popup-gallery{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:42%;
    width:38%;
    height:43%;
    overflow: hidden;
}
.info-graphic-popup-touch{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:42%;
    width:100%;
    height:43%;
/*    background: red;
    opacity: 0.5;*/
}
.info-graphic-popup-gallery-clip{
    /*background: red;*/
    /*width: 300%;*/
    display: -webkit-box;
}
.info-graphic-popup-gallery-content{
    /*display: inline-block;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*width: 33.33%;*/
}
.info-graphic-popup-gallery-indicator{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom:5%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-graphic-popup-gallery-indicator-pt{
    width: 2.63157%;
    margin: 1%;
}
.info-graphic-popup-content.mobile{
    display:block;
    /*margin: 0;*/
}
.info-graphic-popup-content.hex1.g1{
    top: 40%;
    width: 45.83333%;
}
.info-graphic-popup-content.hex1.t1{
    top: 19.8%;
    width: 33%;
}
.info-graphic-popup-content.hex1.t2{
    top: 55%;
    width: 36.66666%;
    left: -2.5%;
}
.info-graphic-popup-content.hex1.t3{
    top: 68%;
    width: 24.083%;
}
.info-graphic-popup-content.hex1.g1.mobile{
    top: 43%;
    width: 45.83333%;
}
.info-graphic-popup-content.hex1.t1.mobile{
    top: 19.8%;
    width: 36.916666%;
}
.info-graphic-popup-content.hex1.t2.mobile{
    top: 55%;
    width: 35.83333%;
    left: -5%;
}
.info-graphic-popup-content.hex1.t3.mobile{
    top: 68%;
    width: 30.08333%;
}
.info-graphic-popup-content.hex2.g1{
    top: 42.4%;
    width: 50.9166%;
}
.info-graphic-popup-content.hex2.t1{
    top: 21%;
    width: 34.16666%;
}
.info-graphic-popup-content.hex2.t2{
    top: 77%;
    width: 25.58333%;
}
.info-graphic-popup-content.hex2.g1.mobile{
    top: 42.4%;
    width: 53.916666%;
}
.info-graphic-popup-content.hex2.t1.mobile{
    top: 20.5%;
    width: 38.25%;
    left:-1%;
}
.info-graphic-popup-content.hex2.t2.mobile{
    top: 76%;
    width: 30.33333%;
}
.info-graphic-popup-content.hex3.g1{
    top: 41%;
    width: 42.5%;
}
.info-graphic-popup-content.hex3.g2{
    top: 63.8%;
    width: 31.5%;
}
.info-graphic-popup-content.hex3.t1{
    top: 19.8%;
    width: 27.083333%;
}
.info-graphic-popup-content.hex3.g1.mobile{
    top: 41%;
    width: 43.33333%;
}
.info-graphic-popup-content.hex3.g2.mobile{
    top: 63.8%;
    width: 35.66666%;
}
.info-graphic-popup-content.hex3.t1.mobile{
    top: 19.8%;
    width: 30.416666%;
}
.info-graphic-popup-content.hex4.g1{
    top: 40%;
    width: 42.833333%;
}
.info-graphic-popup-content.hex4.g2{
    top: 67.8%;
    width: 19.33333%;
}
.info-graphic-popup-content.hex4.t1{
    top: 19.8%;
    width: 39.666666%;
}
.info-graphic-popup-content.hex4.g1.mobile{
    top: 40%;
    width: 43.833333%;
}
.info-graphic-popup-content.hex4.g2.mobile{
    top: 67.8%;
    width: 29.75%;
}
.info-graphic-popup-content.hex4.t1.mobile{
    top: 19.8%;
    width: 44.416666%;
}
.info-graphic-popup-content.hex4.t2.mobile{
    top: 81.6%;
    width: 23.75%;
}
.info-graphic-popup-content.hex5.g1{
    top: 40%;
    width: 32.5833333%;
}
.info-graphic-popup-content.hex5.t1{
    top: 19.8%;
    width: 32.25%;
}
.info-graphic-popup-content.hex5.t2{
    top: 76.6%;
    width: 19.583333%;
}
.info-graphic-popup-content.hex5.g1.mobile{
    top: 40%;
    width: 33.916666%;
}
.info-graphic-popup-content.hex5.t1.mobile{
    top: 19.8%;
    width: 36%;
}
.info-graphic-popup-content.hex5.t2.mobile{
    top: 76.6%;
    width: 24.5%;
}
.info-graphic-popup-content.hex6.g1{
    top: 39%;
    width: 42.5%;
}
.info-graphic-popup-content.hex6.g2{
    top: 56%;
    width: 40%;
}
.info-graphic-popup-content.hex6.g3{
    top: 72%;
    width: 25%;
    right: 3%;
}
.info-graphic-popup-content.hex6.t1{
    top: 19.8%;
    width: 40.5%;
}
.info-graphic-popup-content.hex6.g1.mobile{
    position: relative;
    width: 27.19298%;
}
.info-graphic-popup-content.hex6.t1b.mobile{
    position: relative;
    width: 78.28947%;
    margin-top: 10%;
}
.info-graphic-popup-content.hex6.g2.mobile{
    position: relative;
    width: 44.51754%;
}
.info-graphic-popup-content.hex6.t2.mobile{
    position: relative;
    width: 95.61404%;
    margin-top: 10%;
}
.info-graphic-popup-content.hex6.g3.mobile{
    position: relative;
    width: 15.78947%;
}
.info-graphic-popup-content.hex6.t3.mobile{
    position: relative;
    width: 66.22807%;
    margin-top: 10%;
}
.info-graphic-popup-close-btn{
    position: absolute;
    top: 6%;
    right: 29.2%;
    width: 1.833333%;
    cursor: pointer;
    /*height: 8.2858%;*/
}

.info-graphic-hex.hex1{
    position: absolute;
    top: 0.78937%;
    margin-left: auto;
    margin-right: auto;
    left: 0.66%;
    right: 0;
    width: 25.83333%;
}
.info-graphic-hex-bg{
    width: 100%;
    cursor: pointer;
}

.info-graphic-hex-bg.bg1:hover,
.info-graphic-hex-bg.bg1.hover{
    background: url('../images/multi-asset/info-graphic/1/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.info-graphic-hex-text{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: -3%;
    right: 0;
    width: 42.5806%;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    pointer-events: none;
}
.info-graphic-hex-text.text1{
    width: 42.5806%;
}
.info-graphic-hex-text.text2{
    width: 56%;
}
.info-graphic-hex-text.text4{
    width: 61.6129%;
}


.info-graphic-hex.hex2{
    position: absolute;
    top: 17.3%;
    left: 56.08%;
    width: 25.83333%;
}
.info-graphic-hex-bg.bg2:hover,
.info-graphic-hex-bg.bg2.hover{
    background: url('../images/multi-asset/info-graphic/2/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.info-graphic-hex.hex3{
    position: absolute;
    top: 49.8%;
    left: 56%;
    width: 25.83333%;
}
.info-graphic-hex-bg.bg3:hover,
.info-graphic-hex-bg.bg3.hover{
    background: url('../images/multi-asset/info-graphic/3/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.info-graphic-hex.hex4{
    position: absolute;
    top: 65.9%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: -0.2%;
    width: 25.83333%;
}
.info-graphic-hex-bg.bg4:hover,
.info-graphic-hex-bg.bg4.hover{
    background: url('../images/multi-asset/info-graphic/4/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.info-graphic-hex.hex5{
    position: absolute;
    top: 49.4%;
    left: 18.4%;
    width: 25.83333%;
}
.info-graphic-hex-bg.bg5:hover,
.info-graphic-hex-bg.bg5.hover{
    background: url('../images/multi-asset/info-graphic/5/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.info-graphic-hex.hex6{
    position: absolute;
    top: 16.7%;
    left: 18.5%;
    width: 25.83333%;
}
.info-graphic-hex-bg.bg6:hover,
.info-graphic-hex-bg.bg6.hover{
    background: url('../images/multi-asset/info-graphic/6/hover.png');
    background-repeat: no-repeat;
    background-size: contain;
}
    
.info-graphic-container-p5{
    width: 100%;
    /*margin: 0 67px 0 67px;*/
    /*margin-top: 30px;*/
    position: relative;
    overflow: hidden;
}

.info-graphic-p5{
    position: relative;
    float: left;
    overflow: hidden;
}

.info-graphic-p5.box1{
    width: 50%;
}

.info-graphic-p5.box2{
    width: 50%;
}

.info-graphic-p5.box3{
    width: 25%;
    margin-top: -22.3%;
}

.info-graphic-p5.box4{
    width: 25%;
    margin-top: -22.3%;
    margin-left: 25%;
}

.info-graphic-p5.box5{
    width: 50%;
}

.info-graphic-p5.box6{
    width:25%;
}

.info-graphic-p5.box7{
    width: 25%;
    top: 25%;
    right: 0;
}

.info-graphic-p5-bg{
    width: 100%;
}

.info-graphic-p5-open{
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
}

.info-graphic-p5-bg.mobile,
.info-graphic-p5-bg-open.mobile,
.info-graphic-p5-content.mobile{
    display: none;
}

.info-graphic-p5-open-clip{
    overflow: hidden;
    position: absolute;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
}

.info-graphic-p5-bg-open{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.info-graphic-p5-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.info-graphic-p5-content.box1.t1-open{
    width: 85.333333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box1.g1{
    width: 49.5%;
    top: 21.2%;
}

.info-graphic-p5-content.box1.t1{
    width: 60.333333%;
    top: 9%;
}

.info-graphic-p5-content.box1.t2{
    width: 59.666666%;
    top: 79.1%;
}

.info-graphic-p5-content.box2.t1-open{
    width: 82.333333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box2.g1{
    width: 62.666666%;
    top: 6.2%;
}

.info-graphic-p5-content.box2.t1{
    width: 50.5%;
    top: 87%;
}

.info-graphic-p5-content.box3.t1-open{
    width: 79.333333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box3.g1{
    width: 29%;
    top: 8.2%;
}

.info-graphic-p5-content.box3.t1{
    width: 79.666666%;
    top: 63%;
}

.info-graphic-p5-content.box4.t1-open{
    width: 80.333333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box4.g1{
    width: 49.5%;
    top: 24.2%;
    left: 39%;
}

.info-graphic-p5-content.box4.t1{
    width: 68.666666%;
    top: 7%;
}

.info-graphic-p5-content.box4.t2{
    width: 45%;
    top: 26.7%;
    left: -40%;
}

.info-graphic-p5-content.box5.t1-open{
    width: 92.666666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box5.g1{
    width: 23.333333%;
    top: 21.2%;
    left: 60%;
}

.info-graphic-p5-content.box5.t1{
    width: 45.666666%;
    top: 9%;
    left: -30%;
}

.info-graphic-p5-content.box5.t2{
    width: 14.833333%;
    top: 34.1%;
    left: -58%;
}

.info-graphic-p5-content.box5.t3{
    width: 5.333333%;
    top: 34.1%;
    left: -32%;
}

.info-graphic-p5-content.box5.t4{
    width: 23.666666%;
    top: 32.3%;
    left: -1.3%;
}

.info-graphic-p5-content.box6.t1-open{
    width: 82.333333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box6.g1{
    width: 65.333333%;
    top: 7.2%;
}

.info-graphic-p5-content.box6.t1{
    width: 54.333333%;
    top: 47%;
}

.info-graphic-p5-content.box6.t2{
    width: 82%;
    top: 68.1%;
}

.info-graphic-p5-content.box7.t1-open{
    width: 76%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p5-content.box7.g1{
    width: 63.333333%;
    top: 13%;
}

.info-graphic-p5-content.box7.t1{
    width: 30%;
    top: 47%;
}

.info-graphic-p5-content.box7.t2{
    width: 79.333333%;
    top: 68.1%;
}
    
.info-graphic-container-p6.desktop{
    display: block;
}

.info-graphic-container-p6.mobile{
    display: none;
}
    
.info-graphic-container-p6{
    width: 100%;
    /*margin: 0 67px 0 67px;*/
    /*margin-top: 30px;*/
    position: relative;
    overflow: hidden;
}

.info-graphic-p6{
    position: absolute;
    top: 0;
    width: 20%;
}

.info-graphic-p6.mobile{
    width: 100%;
}
.info-graphic-p6:hover{
    cursor: pointer;
}

.p6-fakebg{
    position: relative;
    width: 20%;
}
.p6-fakebg.mobile{
    width: 100%;
}

.info-graphic-p6.box1.desktop{
    z-index: 5;
    left: 0;
}
.info-graphic-p6.box2.desktop{
    z-index: 4;
    left: 20%;
}
.info-graphic-p6.box3.desktop{
    z-index: 3;
    left: 40%;
}
.info-graphic-p6.box4.desktop{
    z-index: 2;
    left: 60%;
}
.info-graphic-p6.box5.desktop{
    z-index: 1;
    left: 80%;
}

.info-graphic-p6.box1.mobile{
    z-index: 5;
    top: 0%;
}
.info-graphic-p6.box2.mobile{
    z-index: 4;
    top: 20%;
}
.info-graphic-p6.box3.mobile{
    z-index: 3;
    top: 40%;
}
.info-graphic-p6.box4.mobile{
    z-index: 2;
    top: 60%;
}
.info-graphic-p6.box5.mobile{
    z-index: 1;
    top: 80%;
}

.info-graphic-container-p6.desktop .shadow{
    -webkit-box-shadow: 10px 0px 34px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 0px 34px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 0px 34px 0px rgba(0,0,0,0.5);
}

.info-graphic-container-p6.mobile .shadow{
    -webkit-box-shadow: 0px 10px 34px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 34px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 34px 0px rgba(0,0,0,0.5);
}

.info-graphic-p6-open{
    position: absolute;
    display: none;
}

.info-graphic-p6-open.desktop{
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
}
.info-graphic-p6-open.mobile{
    top: -200%;
    left: 0;
    width: 100%;
    /*height: 200%;*/
}

/*.info-graphic-p6-open.box1.mobile{
    
}
.info-graphic-p6-open.box2.mobile{
    height: 200%;
}
.info-graphic-p6-open.box3.mobile{
    top: 0;
}
.info-graphic-p6-open.box4.mobile{
    top: 0;
}
.info-graphic-p6-open.box5.mobile{
    top: 0;
}*/

.info-graphic-p6-open-bg{
    width: 100%;
    position: relative;
}

.info-graphic-p6.box1{
    margin-left: 0;
}

.info-graphic-p6.box2{
    /*margin-left: 20%;*/
}

.info-graphic-p6.box3{
    /*margin-left: 40%;*/
}

.info-graphic-p6.box4{
    /*margin-left: 60%;*/
}

.info-graphic-p6.box5{
    /*margin-left: 80%;*/
}

.info-graphic-p6-bg{
    width: 100%;
}

.info-graphic-p6-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.info-graphic-p6-content.box1.t1.desktop{
    width: 77.91666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box1.t1-open.desktop{
    width: 88.958333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box2.t1.desktop{
    width: 72.91666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box2.t1-open.desktop{
    width: 75.208333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box3.t1.desktop{
    width: 70.833333%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box3.t1-open.desktop{
    width: 67.916666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box4.t1.desktop{
    width: 89.16666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box4.t1-open.desktop{
    width: 74.16666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box5.t1.desktop{
    width: 62.5%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box5.t1-open.desktop{
    width: 72.291%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box1.t1.mobile{
    width: 71.944444%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box1.t1-open.mobile{
    height: 80%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box2.t1.mobile{
    width: 68.194444%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box2.t1-open.mobile{
    height: 80%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box3.t1.mobile{
    width: 71.25%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box3.t1-open.mobile{
    height: 80%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box4.t1.mobile{
    width: 71.66666%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box4.t1-open.mobile{
    height: 80%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box5.t1.mobile{
    width: 65.277777%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.info-graphic-p6-content.box5.t1-open.mobile{
    height: 73%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.box-container{
    width: 100%;
    /*margin: 0 67px 0 67px;*/
    position: relative;
}
.theCube{
/*    margin: 0 auto;
*/    width: 100%;
    /** Prserve the 3D space for its child elements **/
/*    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;*/

    /** Let's transfom in a smooth way **/
/*    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;  Animate the transform properties */
}
.cube-container{
    width: 100%;
    margin: 0;
}
.box-row{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.box-col{
    flex: 33.3333%;
    max-width: 33.3333%;
    padding: 0;
}
@media screen and (max-width: 800px) {
  .box-col {
    flex: 50%;
    max-width: 50%;
  }
}
.cube1{
    z-index: 6;
}
.cube2{
    z-index: 5;
}
.cube3{
    z-index: 4;
}
.cube4{
    z-index: 3;
}
.cube5{
    z-index: 2;
}
.cube6{
    z-index: 1;
}
.cube-bg{
    width: 100%;
    display: none;
}
.cube-bg.mobile{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}
.cube-content{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}
.cube-content.p1.t1{
    width: 82.5%;
    top: 26%;
}
.cube-content.p1.t2{
    width: 57.75%;
    top: 63%;
}
.cube-content.p1.t-back{
    width: 82.25%;
    top: 0;
    bottom: 0;
}
.cube-content.p2.g1{
    width: 82.5%;
    top: 23%;
}
.cube-content.p2.t1{
    width: 66.25%;
    top: 63%;

}
.cube-content.p2.t-back{
    width: 75.75%;
    top: 0;
    bottom: 0;
}
.cube-content.p3.g1{
    width: 82.5%;
    top: 26%;
}
.cube-content.p3.t1{
    width: 82.25%;
    top: 62%;
}
.cube-content.p3.t-back{
    width: 78.5%;
    top: 0;
    bottom: 0;
}
.cube-content.p4.g1{
    width: 82.75%;
    top: 19%;
}
.cube-content.p4.t1{
    width: 71%;
    top: 62%;
}
.cube-content.p4.t-back{
    width: 78.25%;
    top: 0;
    bottom: 0;
}
.cube-content.p5.g1{
    width: 82.75%;
    top: 23.5%;
}
.cube-content.p5.t1{
    width: 70.75%;
    top: 63.5%;
}
.cube-content.p5.t-back{
    width: 79.5%;
    top: 0;
    bottom: 0;
}
.cube-content.p6.g1{
    width: 83%;
    top: 31.5%;
}
.cube-content.p6.t1{
    width: 77.25%;
    top: 64.5%;
}
.cube-content.p6.t-back{
    width: 75.5%;
    top: 0;
    bottom: 0;
}

.hscroll-container{
    width: 100%;
    position: relative;
    margin: 0 0;
    overflow: hidden;
}
.hscroll-arrow{
    position: absolute;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.hscroll-arrow.left{
    left:0;
}
.hscroll-arrow.right{
    right:0;
}
.hscroll-bg{
    width:120%;
}
.hscroll-bottom{
    width:100%;
    display: block;
}
.hscroll-bottom.mobile{
    width:100%;
    display: none;
}
.hscroll-content{
    /*height:100%;*/
}
.hscroll-scroll-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5%;
    width: 90%;
    background-color: white;
    border-radius: 20px;
    margin: 0 auto;
}
.hscroll-scroll-bar-top{    
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background-color: #2d6297;
}

.main-wrapper {
    position:absolute;
  width: 100%;
  height: 80%;
    top:0;
    left:0;
  /*height: 100vh;*/
  overflow: hidden !important;
}
.sections {
  height: 100%;
}
.section {
  float: left;
  height: 100%;
  /*width: 100vw;*/
  text-align: center;
  display: flex;
  align-items: center;
    margin: 1% 0;
  
/*  &:first-child {
    background-color: lightblue;
  }
  
  &:nth-child(2) {
    background-color: lightyellow;
  }
  
  &:nth-child(3) {
    background-color: lightpink;
    width: 50vw;
  }
  
  &:nth-child(4) {
    background-color: lightgreen;
  }
  
  &:nth-child(5) {
    background-color: lightgrey;
  }
  
  &s {
    white-space: nowrap;
    min-width: 100vw;
    height: 100vh;
  }*/
  
/*  &__title, &__heading {
    width: 100%
  }
  
  &__heading {
    p {
      text-transform: uppercase;
      font-size: 11px;
      max-width: 160px;
      margin: 0 auto;
      display: inline-block;
      white-space: normal;
    }
  }*/
}

/*.main-wrapper::-webkit-scrollbar {
  width: 0;
  height: 8px;
  background-color: white;
    border-radius: 20px;
    -webkit-appearance: none;
}

.main-wrapper::-webkit-scrollbar-thumb {
    background: #2d6297; 
    border-radius: 20px;
}*/

@font-face {
    /*font-family: AllianzSansWeb*/;
    src: local('AllianzSansWeb Bold'), url(../fonts/ALSANBOL.eot?#iefix) format('embedded-opentype'), url(../fonts/ALSANBOL.woff) format('woff'), url(../fonts/ALSANBOL.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    /*font-family: AllianzSansWeb*/;
    src: local('AllianzSansWeb Bold'), url(../fonts/ALSANREG.eot?#iefix) format('embedded-opentype'), url(../fonts/ALSANREG.woff) format('woff'), url(../fonts/ALSANREG.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AGI-Icon-Font;
    src: url(../fonts/AGI-Icon-Font.eot?4lfej7);
    src: url(../fonts/AGI-Icon-Font.eot?4lfej7#iefix) format('embedded-opentype'), url(../fonts/AGI-Icon-Font.ttf?4lfej7) format('truetype'), url(../fonts/AGI-Icon-Font.woff?4lfej7) format('woff'), url(../fonts/AGI-Icon-Font.svg?4lfej7#AGI-Icon-Font) format('svg');
    font-weight: 400;
    font-style: normal
}

@media (min-width:1281px) {
    .line3_img{

        height: 412px !important;

    }

    .line3_left{
        float: left;
        width: 448px !important;
    }
    .line3_mid{
        margin:0 35%;
        width: 415px !important;
        background-color: #326295;
        height: 412px;
    }
    .line3_width{

        width: 415px !important;
    }

    .sixmenu{

        padding-top: 29px !important;
    
    
    }

    .big_banner_title{
  
        font-size:35px;
        font-weight: bold;

    }

    .bigger_banner_title{

        font-size:50px;
        font-weight: bold;

    }

    .product_hight{

        height: 140px !important;

    }
    .product_padding{

        padding: 28px 32px 60px 32px !important;

    }
    .product_offering{
        height: 200px;
        width:100%;
        margin: 0 auto;
        background-color:#d6e0ea;
    
    }

    .product_container {
        height: 100%;
    width: 100%;
    padding: 60px 32px 60px 32px;
    float: left;
    }

    .product_title{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 10px;
        
    }
    
    .product_title_left{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 20px;
        
        display: inline-block;
    }

    .product_title_right{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        padding: 0px 30px 0px 30px;
        margin-left: 30px;
        
        border-left: 1px solid #3c3c3c;
        display: inline-block;
    }

    
    .top-nav-wrapper{

        float: right;
        position: relative;
        top: 10%;
        right: 4%;
        z-index: 1;
    
    }
    .index-about {

        margin-left: -30px !important;
        
    }
    #aticleSamll {
        position: absolute;
        bottom: 20px;
        right: -55px;
        font-size: 17px;
        line-height: 20px;
        width: 50px;
        height: 50px;
        margin-top: -25px
    }
    #aticleSamll span {
        display: inline-block;
        font-size: 40px;
        line-height: 30px
    }
    #aticleSamll2 {
        position: absolute;
        bottom: 20px;
        right: -85px;
        font-size: 14px;
        line-height: 20px;
        width: 80px;
        margin-top: -25px;
        text-align: right
    }
    #aticleSamll2 span {
        text-align: center;
        display: inline-block;
        font-size: 110px;
        line-height: 80px
    }
    #fixedIncomeBlog1Desc {
        margin-top: 5px
    }
    #fixedIncomeBlog2Desc {
        position: relative;
        margin-top: 9px
    }
    #fixedIncomeBlog2Desc::after {
        position: absolute;
        right: -35px;
        margin-top: -70px;
        top: 50%;
        content: '&';
        font-size: 135px;
        width: 70px;
        height: 140px;
        line-height: 140px
    }
    .ts {
        text-shadow: 0 0 10px rgba(0, 32, 76, .8)
    }
    .container {
        width: 1280px;
        /*width: 900px;*/
        margin: 0 auto
    }
    
    .blog-content{
        width: 900px;
        margin: 0 auto;
    }
    
    .mt40 {
        margin-top: 40px
    }
    .second-pc-img {
        overflow: hidden;
        display: block;
        width: 100%;
        height: auto;
        min-height: 320px;
    }
    .second-pc-img-about{

        height: 450px;
    }
    .second-pc-img img {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        width: 100%;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .second-pc-img-hide img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .second-pc-img-hide:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .second-mobile-img {
        display: none
    }
    .video iframe {
        margin: 60px 0 0 0;
        height: 782px;
        width: 1280px
    }
    .pages_title2 {
        display: block
    }
    .pages_title2 p {
        font-size: 32px;
        line-height: 35px;
        /*font-family: AllianzSansWeb*/;
        color: #0093b2;
        font-weight: 500
    }
    .pages_text {
        padding-top: 20px
    }
    .pages_text p {
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        font-size: 18px;
        line-height: 1.33;
        padding-bottom: 20px
    }
    .pages_tips2 {
        margin-bottom:28px;
    }
    .pages_tips2:before{
        color:#878787;
        font-size:10px;
        content: "Source / Remarks:";
    }
    
    .pages_tips2 p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;

       
    }
    .pages_tips2 p a {
        color: #878787
    }
    .pages_tips2 p sup {
        margin-right: 4px
    }
    .pages_tips2 {
        margin-bottom:28px;
    }
    .pages_tips2:before{
        color:#878787;
        font-size:10px;
        content: "Source / Remarks:";
    }
    
    .pages_tips2 p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;

       
    }
    .pages_tips p a {
        color: #878787
    }
    .pages_tips p sup {
        margin-right: 4px
    }
    .pages_tips p2 sup {
        margin-right: 4px
    }
    .pages_tips {
        margin-bottom:28px;
    }
    .pages_tips:before{
        color:#878787;
        font-size:10px;
        content: "Source:";
    }
    
    .pages_tips p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;

       
    }
    .pages_tips2 p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;
        padding-bottom: 0px;

       
    }
    .pages_tips p a {
        color: #878787
    }
    .pages_tips p sup {
        margin-right: 4px
    }
    .pages_tips2 p sup {
        margin-right: 4px
    }
    .pages_con40 {
        padding: 0 40px
    }
    .pages_con,
    .pages_con2{
        padding: 0 40px
     }
    .pages_header {
        position: relative;
        height: 130px;
        background-color: #fff
    }
    .pages_header2 {
        position: relative;
        height: 222px;
        background-color: #003781
    }
    .header_con {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        background-color: #fff
    }
    .header_con .first_menu {
        position: relative;
        height: 130px;
        width: 1200px!important
    }
    .header_con .first_menu .first_logo {
        position: relative;
        top: 15px;
        float: left;
        width: 253px;
        padding: 0 23px
    }
    .header_con .first_menu .first_logo img {
        width: 179px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .header_con .first_menu .first_nav {
        position: relative;
        float: left;
        padding-top: 29px;
    }
    .header_con .first_menu .first_nav .nav_con {
        bottom: 0;
        left: 0;
        height: 80px;
        width: 100%
    }
    .header_con .first_menu .first_nav .nav_con ul li {
        float: left;
        padding-right: 45px;
        color: #003781;
        font-size: 15px;
        height: 80px;
        padding-top: 18px;
        cursor: pointer;
        text-align: center;
        /*font-family: AllianzSansWeb*/
    }
    .header_con .first_menu .first_nav .nav_con ul li a {
        display: inline-block;
        line-height: 18px;
        color: #003781
    }
    .header_con .first_menu .first_nav .nav_con ul li:hover {
        cursor: pointer
    }
    .header_con .first_menu .first_nav .nav_con ul .first_nav_active a {
        color: #399ce0
    }
    .header_con .first_menu .first_nav .dash {
        position: absolute;
        left: 0;
        bottom: 0px;
        margin-top: 5px;
        width: 0;
        height: 5px;
        background-color: #399ce0;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out
    }
    .header_con .first_menu #mobile_nav {
        display: none
    }
    .header_con .second_menu {
        display: block;
        width: 100%;
        height: 92px;
        background-color: #003781;
        padding-left: 30%
    }
    .header_con .second_menu ul li {
        float: left;
        line-height: 82px;
        height: 92px;
        padding: 4px;
        margin-right: 100px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/;
        color: #fff
    }
    .header_con .second_menu ul li.second_menu_active {
        border-bottom: 5px #fff solid
    }
    .header_con .second_menu ul li:hover {
        cursor: pointer
    }
    .headFixed {
        box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -webkit-box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -moz-box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .headFixed .first_menu {
        height: 80px!important
    }
    .headFixed .first_menu .first_logo {
        top: 25px!important;
        padding: 0 30px!important
    }
    .headFixed .first_menu .first_logo img {
        width: 121px
    }
    .headFixed .first_menu .first_nav {
        padding-top: 0!important
    }
    .headFixed .first_menu .first_nav .nav_con ul li {
        padding-top: 17px
    }
    .headFixed .second_menu {
        height: 60px!important
    }
    .headFixed .second_menu ul li {
        line-height: 52px!important;
        height: 60px!important
    }
    .pages_footer {
        margin-top: 80px;
        /*padding-bottom: 100px;*/
        width: 100%;
        background-color: #fff
    }
    .pages_footer .footer_connect {
        height: 200px;
        background-color: #003781
    }
    .pages_footer .footer_connect .container {
        height: 100%
    }
    .pages_footer .footer_connect .connect_left {
        height: 100%;
        width: 34%;
        padding: 60px 32px 60px 32px;
        float: left;
        border-right: 1px solid #27589a
    }
  
    .pages_footer .footer_connect .connect_right {
        height: 100%;
        width: 100%;
        padding: 60px 32px 60px 32px;
        float: left
    }
    .pages_footer .footer_connect .connect_icon {
        margin-top: 25px
    }
    .pages_footer .footer_connect .connect_icon a {
        margin-right: 25px;
        color: #fff;
        font-size: 35px
    }
    .pages_footer .footer_connect .connect_title {
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700
    }
    .pages_footer .footer_connect .connect_text {
        margin-bottom: 25px;
        color: #e5ebf2;
        font-size: 15px;
        /*font-family: AllianzSansWeb*/;
        line-height: 21px
    }
    .pages_footer .footer_connect .connect_title-link {
        background: #4c73a7;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        padding: 12.5px;
        display: inline-block
    }
    .pages_footer .footer_connect .connect_title-link:hover {
        background: #009ee0
    }
    .pages_footer .footer_disclaimer {
        margin-top: 0px;
        border-top: 1px solid #e1e1e1;
        background-color: #f6f6f6
    }
    .pages_footer .footer_disclaimer .disclaimer_con {
        color: #4d4d4d;
        padding: 25px 40px 45px 40px;
        font-size: 14px;
        line-height: 22px;
        /*font-family: AllianzSansWeb*/
    }
    .pages_footer .footer_copyright {
        width: 100%;
        padding: 22px 0;
        border-bottom: 1px solid #e1e1e1
    }
    .pages_footer .footer_copyright .copyright {
        padding: 0 24px;
        float: right;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        color: #4d4d4d;
        /*font-family: AllianzSansWeb*/
    }

    .pages_title {
        padding: 0 40px;
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        
    }
    .pages_title_left {
        /*padding: 0 40px;*/
        font-size: 24px;
        height: 40px;
        line-height: 40px;
    }
    .pages_title p {
        color:red;
    }
    .pages_title_after {
        padding: 0 40px;
        font-size: 32px;
        height: 80px;
        line-height: 80px;
        
    }
    .pages_title_after:after {
        height: 6px;
        width: 183px;
        bottom: 0;
        left: 40px;
        z-index: 100
    }
    .pages_banners {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        --webkit-display: flex
    }
    .pagas_banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 40px
    }
    .pagas_banner .banner_desc .desc_title1 {
        text-align: center;
        font-size: 40px;
        line-height: 58px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2 {
        text-align: center;
        font-size: 14.5px;
        line-height: 24px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title3 {
        text-align: center;
        font-size: 24px;
        line-height: 38px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title4 {
        font-size: 56px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title5 {
        display: inline-block;
        text-align: left;
        width: 300px;
        font-size: 70px;
        /*font-family: AllianzSansWeb*/;
        line-height: 70px;
        padding: 23px 0
    }
    .pagas_banner .banner_desc .desc_title6 {
        text-align: center;
        font-size: 39px;
        line-height: 42px;
        /*font-family: AllianzSansWeb*/
    }

    .pagas_banner .banner_desc .desc_title7 {
        text-align: center;
        font-size: 34px;
        line-height: 38px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .title_con320 {
        width: 450px;
        margin: 0 auto
    }
    .pagas_banner .banner_desc .desc_con .con_middle {
        display: inline-block;
        position: relative;
        /*font-family: AllianzSansWeb*/;
        font-size: 144px;
        line-height: 130px;
        font-weight: 700
    }
    .con_middle sup{
      vertical-align: top;
      line-height: 1;
    }
    .desc_con  sup{
        vertical-align: top;
    }
    .desc_con_tc {
     font-size: 77px;
        line-height: 110px;
        font-weight: 100
    }
    .pagas_banner .banner_desc .desc_con .con_middle.small-line-height {
        line-height: 100px;
    }
    .pagas_banner .banner_desc .desc_con .con_middle span {
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_con .con_middle.small-line-height span {
        font-weight: 700;
        line-height: 100px;
    }
    .pagas_banner .banner_desc .desc_con .con_middle small {
        font-size: 88px
    }
    .pagas_banner .banner_desc .desc_con .con_middle2 {
        /*font-family: AllianzSansWeb*/;
        font-size: 128px;
        line-height: 95px;
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_con .con_left {
        height: 180px;
        width: 50%;
        float: left;
        text-align: right;
        line-height: 180px;
        padding-right: 40px
    }
    .pagas_banner .banner_desc .desc_con .con_right {
        height: 180px;
        width: 50%;
        float: left;
        text-align: left;
        line-height: 180px
    }
    .pagas_banner .banner_desc .desc_left {
        float: left;
        width: 50%;
        height: 100%
    }
    .pagas_banner .banner_desc .desc_left .desc_con {
        margin-bottom: 30px
    }
    .pagas_banner .banner_desc .desc_right {
        float: left;
        width: 50%;
        height: 100%
    }
    .pagas_banner .banner_desc .desc_right .desc_con {
        margin-top: 96px
    }
    .acticle_con {
        padding: 20px 0
    }
    .home_article1 {
        position: relative;
        margin-top: 6px;
        padding: 0!important
    }
    .home_article1 .article_bg {
        border-right: #e6f1f5 6px solid
    }
    .home_article1 .article_bg .item_con .article_title {
        text-transform: none
    }
    .home_article1 .article_info {
        background-color: #cce3ea
    }
    .home_article1 .article_info .article_title2 {
        color: #0093b2
    }
    .home_article1 .article_info .article_title {
        color: #80b9cb;
        text-transform: none
    }
    .home_article1 .article_info .article_text {
        color: #4d4d4d
    }
    .home_article2 {
        position: relative;
        margin-top: 6px;
        padding: 0 0 0 35%!important
    }
    .home_article2 .article_bg {
        width: 100%!important;
        /* border-left: #e6f1f5 6px solid */
    }
    .home_article2 .article_bg .item_con .article_title2 {
        color: #0093b2
    }
    .home_article2 .article_bg .item_con .article_title {
        color: #4d9db6
    }
    .home_article2 .article_bg .item_con .article_text {
        color: #4d4d4d
    }
    .home_article2 .article_info {
        background-color: #4d9db6;
        left: 0
    }
    .home_article2 .article_info .article_title {
        text-transform: none
    }
    .article_bg .article_btn,
    .article_info .article_btn {
        position: absolute;
        left: 40px;
        bottom: 40px
    }
    .article_bg .article_btn2,
    .article_info .article_btn2 {
        position: absolute;
        left: 40px;
        bottom: 40px
    }
    .pages_article {
        padding: 0 40px
    }
    
    .pages_article .article_item2 {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 2px
    }
    .pages_article .article_bg {
        position: relative;
        width: 840px
    }
    .pages_article .article_info {
        position: absolute;
        top: 0;
        right: 0;
        width: 440px;
        height: 100%;
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px
    }
    .article_info_left {
        width: 442px!important;

    }
    .pages_article .article_info .info_con {
        position: relative;
        height: 100%;
        width: 100%
    }
    .pages_article .article_title2 {
        font-size: 40px;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        line-height: 42px;
        text-transform: uppercase
    }
    .pages_article .article_title {
        font-size: 22px;
        color:#4d4d4d;
        /*font-family: AllianzSansWeb*/;
        line-height: 30px;
       /* text-transform: uppercase; */
        margin-bottom: 0px
    }
    .pages_article .article_title.home {
        color: #fff;
    }
    .pages_article .article_text {
        font-size: 18px;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        line-height: 34px;
        margin-bottom: 20px
    }
    .pages_article .article_btn2 {
        position: absolute;
        bottom: 40px;
/*        bottom: 40px;
        left: 40px;
        margin-top: 0;*/
        /*margin-top: 80px;*/
    }
    .pages_article .article_btn2.home {
        position: absolute;
        bottom: 40px;
        left: 40px;
        margin-top: 0
    }
    .pages_article .article_btn {
        position: absolute;
        bottom: 40px;
        left: 0px;
        margin: 0
    }
    .pages_introduce {
        padding: 20px 40px
    }
    .pages_introduce .introduce_item {
        float: left;
        width: 50%;
        margin-right: 40px;
        margin-bottom: 20px;
    }
    .introduce_item_tc {
        float: right;
        width: 50%;
     margin-left: 40px;
        margin-bottom: 20px;
        margin-top:-20px;
    }
    .pages_introduce .introduce_item .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_text {
        float: left;
        width: 100%;
    }
    .pages_introduce .introduce_text .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_text .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item2 {
        float: right;
        width: 50%;
        margin-left: 40px;
        margin-bottom: 20px;
    }
    .pages_introduce .introduce_item2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_text2 {
        float: right;
        width: 100%;
    }
    .pages_introduce .introduce_text2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_text {
        padding: 0
    }
    .introduce1 .introduce_info {
        background-color: #d6e0ea;
        border-right: #e6f1f5 6px solid
    }
    .introduce1 .introduce_info:before {
        right: -99px;
        border-left: 35px solid #d6e0ea!important
    }
    .introduce1 .introduce_title {
        color: #326295
    }
    .introduce1 .introduce_title2 {
        color: #99b1ca
    }
    .introduce1 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 .introduce_info {
        background-color: #d5e7ec;
        border-left: #e6f1f5 6px solid
    }
    .introduce2 .introduce_info:before {
        left: -99px;
        border-right: 35px solid #e1f0f5!important
    }
    .introduce2 .introduce_title {
        color: #326295
    }
    .introduce2 .introduce_title2 {
        color: #99b1ca
    }
    .introduce2 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 .introduce_img {
        background-color: #4d9db6
    }
    .about_introduce {
        margin-bottom: 6px;
        padding-left: 40px
    }
    .about_introduce .introduce_info {
        position: relative;
        float: left;
        width: 806px;
        height: 450px!important
    }
    .about_introduce .introduce_info .introduce_info_box {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden
    }
    .about_introduce .introduce_info:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px);
        border: 65px solid transparent;
        z-index: 10
    }
    .about_introduce .introduce_img {
        float: left;
        width: 400px;
        height: 450px!important
    }
    .about_introduce .introduce_img .pagas_banner {
        padding: 0;
        height: 100%
    }
    .about_introduce .introduce_img .desc_title1 {
        font-size: 50px;
        line-height: 1.4;
        text-transform: uppercase;
        font-weight: 700
    }
    .about_introduce .introduce_img .desc_title2 {
        font-size: 24px;
        line-height: 1.4
    }
    
    .about_introduce .introduce_img .desc_title2-5 {
        font-size: 30px;
        line-height: 1.9
    }
    .about_introduce .introduce_img .desc_title3 {
        font-size: 60px;
        line-height: 1.4
    }

    .about_introduce .introduce_img .desc_title7 {
        font-size: 80px;
        line-height: 1.4
    }
    .about_introduce .info_con {
        padding: 60px
    }
    .about_introduce .introduce_title {
        font-size: 32px;
        line-height: 1.4;
        /*font-family: AllianzSansWeb*/;
        text-transform: uppercase;
        margin-bottom: 20px
    }
    .about_introduce .introduce_title2 {
        font-size: 24px;
        line-height: 1.4;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 12px
    }
    .about_introduce .introduce_text {
        font-size: 18px;
        line-height: 1.4;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 20px
    }
    .about_introduce .pages_number {
        position: absolute;
        bottom: -55px;
        right: -64px;
        font-size: 400px;
        height: 450px;
        font-weight: 700;
        /*font-family: AllianzSansWeb*/;
        color: rgba(254, 254, 254, .2)
    }
    #aboutIntroduce1 .pages_number {
        right: -60px
    }
    #aboutIntroduce2 .introduce_info {
        background-image: url('../images/about/aboutus_point 2_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 70% 100%
    }
    #aboutIntroduce2 .pages_number {
        right: -20px
    }
    #aboutIntroduce3 .pages_number {
        right: -15px
    }
    #aboutIntroduce4 .introduce_info {
        background-image: url('../images/about/aboutus_point 4_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 70% 100%
    }
    #aboutIntroduce4 .pages_number {
        right: 0
    }
    .article_btn {
        margin-top: 40px;
        display: inline-block;
        text-align: center;
        background: #7fc9d8;
        color: #3c3c3c;
        width: 200px;
        line-height: 50px;
        height: 50px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/
    }
    .article_btn:hover {
        opacity: .7
    }
    .article_btn2 {
        margin-top: 40px;
        display: inline-block;
        text-align: center;
        background: #fff;
        color: #4d4d4d;
        width: 200px;
        line-height: 50px;
        height: 50px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/
    }
    .article_btn2:hover {
        background: #d6d6d6
    }
    .intro {
        position: relative;
        background-color: #fff;
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin-bottom: 40px
    }
    .intro .intro_left {
        float: left;
        width: 30%;
        background-color: #cce3ea;
        position: relative;
        height: 550px
    }
    .intro .intro_left .intro_left_con {
        position: absolute;
        left: 0;
        top: 0;
        padding: 30px 30px 30px 60px
    }
    .intro .intro_left .intro_left_con .pages_mobile_title2 {
        display: none
    }
    .intro .intro_right {
        position: absolute;
        display: inline-block;
        right: 0;
        top: 0;
        width: 70%;
        height: 550px;
        overflow: hidden
    }
    .intro .intro_right .second-pc-img {
        position: absolute;
        top: 0;
        width: 1920px;
        height: 550px
    }
    .intro .intro_right .second-pc-img img {
        height: 100%;
        width: auto!important
    }
    .intro .intro_right .second-pc-img-hide img {
        width: 100%
    }
    .intro .intro_right .second-pc-img-hide:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .intro .intro_right .second-mobile-img-hide:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .intro .intro_text {
        padding-top: 30px
    }
    .intro .intro_text p {
        width: 100%;
        color: #000;
        line-height: 21px;
        font-size: 15px;
        /*font-family: AllianzSansWeb*/
    }
    .equity_acticle {
        position: relative;
        top: -40px;
        padding: 40px 0 60px 0;
        background: white
            
    }
    
    .equity_acticle .pages_desc {
        position: relative;
        /* padding: 0 40px; */
        width: 100%;
    }
    .equity_acticle .pages_desc .pages_title_after {
        padding: 0;
        margin-bottom: 28px
    }
    .equity_acticle .pages_desc .pages_title_after:after {
        left: 0
    }
    .equity_acticle .pages_desc .equity_acticle_con {
        background: #e6f1f5;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        position: relative;
        display: flex;
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box {
        width: 100%;
        height: 100%;
        padding: 30px
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box .pages_title2 p {
        color: #326295
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box .article_btn {
        background-color: #326295;
        color: #fff
    }
    .equity_acticle .pages_desc .acticle_con {
        padding: 6px 0 0
    }
    .equity_acticle .pages_desc .acticle_con .pages_article {
        padding: 0
    }
    .home_desc {
        position: relative;
        width: 1280px;
        margin: 0 auto;
        padding: 0
    }
    .home_desc .pagas_banner {
        padding: 20px 0
    }
    .home_desc .pages_con {
        padding: 0
    }
    .home_desc .pages_title {
        padding: 0
    }
    .home_desc .pages_text span {
        font-weight: 700
    }
    .pages_list {
        margin-bottom: 20px
    }
    .pages_list .list_title {
        font-size: 18px;
        color: #326295;
        line-height: 34px;
        /*font-family: AllianzSansWeb*/
    }
    .pages_list ul {
        margin-left: 20px
    }
    .pages_list ul li {
        list-style: outside disc;
        font-size: 18px;
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        line-height: 34px
    }
    .info-section{
        width: 1120px;
        margin: 0 auto;
    }
    .info-section .info-section-inner{
        padding: 45px 40px 30px;
        background: #e6f1f5;
    }
    .map_title_after {
        /*padding: 0 40px;*/
        font-size: 32px;
        height: 80px;
        line-height: 80px
    }
    .map_title_after:after {
        height: 6px;
        width: 183px;
        bottom: 0;
        /*left: 40px;*/
        z-index: 100
    }
/*    .map-text{
        font-size: 1vw;
    }*/
}

@media (min-width:1920px) {
    .intro .intro_right .second-pc-img {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:368px) {
    body,
    html {
        font-size: 18px!important
    }
    .pages_number {
        font-size: 160px!important;
        bottom: -39px!important
    }
    .desc_title1 {
        font-size: 14px!important
    }
    .desc_title3 {
        font-size: 20px!important
    }
    .desc_title7 {
        font-size: 25px!important
    }
    .pagas_banner .banner_desc {
        padding: 0!important
    }
    .pagas_banner .banner_desc .desc_con .con_middle {
        font-size: 50px!important;
        line-height: 50px!important
    }
    .pagas_banner .banner_desc .desc_con .con_middle2 {
        font-size: 60px!important;
        line-height: 60px!important;
    }

    .desc_title4 {
        font-size: 30px!important
    }
    .pagas_banner .banner_desc .desc_title2 {
        font-size: 12px!important
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        font-size: 17px!important
    }
}

@media only screen and (min-width:368px) and (max-width:414px) {
    body,
    html {
        font-size: 21px!important
    }
    .pages_number {
        font-size: 170px!important;
        bottom: -40px!important
    }
    .desc_title1 {
        font-size: 16px!important
    }
    .desc_title3 {
        font-size: 16px!important
    }
    .pagas_banner .banner_desc {
        padding: 0!important
    }
    .pagas_banner .banner_desc .desc_con .con_middle {
        font-size: 60px!important;
        line-height: 60px!important
    }
    .desc_title3 {
        font-size: 16px!important
    }
    .desc_title7 {
        font-size: 26px!important
    }
    .pagas_banner .banner_desc .desc_title2 {
        font-size: 14px!important
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        font-size: 19px!important
    }
}

@media only screen and (min-width:414px) and (max-width:480px) {
    body,
    html {
        font-size: 22px!important
    }
    .pages_number {
        font-size: 180px!important;
        bottom: -44px!important
    }
    .desc_title3 {
        font-size: 16px!important
    }
    .desc_title7 {
        font-size: 26px!important
    }
    .pagas_banner .banner_desc .desc_title2 {
        font-size: 14px!important
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        font-size: 19px!important
    }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    body,
    html {
        font-size: 24px!important
    }
    .pages_number {
        font-size: 190px!important;
        bottom: -44px!important
    }
}

@media (max-width:768px) {
    .pages_tips2 p {
        position: relative !important;
        /*font-family: AllianzSansWeb*/ !important;
        color: #878787 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding-bottom: 8px !important;
    }
   .bottom{

        margin-top:6px;

    }

    .index-about {

        top:72px !important;

    }
        

    .br-on-mobile {
        display: inherit;
    }

    #aticleSamll {
        position: absolute;
        bottom: 10px;
        right: -50px;
        font-size: 14px;
        line-height: 20px;
        width: 45px;
        margin-top: -25px;
        text-align: right
    }
    #aticleSamll span {
        display: inline-block;
        font-size: 40px;
        line-height: 30px
    }
    #aticleSamll2 {
        position: absolute;
        bottom: 10px;
        right: -60px;
        font-size: 12px;
        line-height: 12px;
        width: 55px;
        margin-top: -25px;
        text-align: right
    }
    #aticleSamll2 span {
        text-align: center;
        display: inline-block;
        font-size: 60px;
        line-height: 50px
    }
    #fixedIncomeBlog2Desc {
        position: relative;
        margin-bottom: 80px
    }
    #fixedIncomeBlog2Desc::after {
        position: absolute;
        left: 50%;
        margin-left: -21px;
        margin-top: -70px;
        bottom: -80px;
        content: '&';
        font-size: 60px;
        width: 42px;
        height: 80px;
        line-height: 80px
    }
    .container {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .pages_header {
        position: relative;
        width: 100%;
        height: 90px
    }
    .pages_header2 {
        position: relative;
        width: 100%;
        height: 90px
    }
    .header_con {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 90px;
        background-color: #fff;
        z-index: 300;
    }
    .header_con .first_menu {
        position: relative;
        width: 100%;
        padding-left: 15px;
        height: 100%
    }
    .header_con .first_menu .first_logo {
        float: none;
        width: 295px;
        padding-left: 0;
        padding-top: 0;
        height: 100%
    }
    .header_con .first_menu .first_logo img {
        height: 70px
    }
    .header_con .first_menu .first_nav {
        display: none
    }
    .header_con .first_menu #mobile_nav {
        display: block;
        z-index: 100;
        position: absolute;
        height: 100%;
        width: 40px;
        right: 12px;
        top: 0
    }
    .header_con .second_menu {
        display: none
    }
    .mt40 {
        margin-top: 20px
    }
    .ts {
        text-shadow: 0 0 5px rgba(0, 32, 76, .8)
    }
    .second-pc-img {
        display: none
            
    }
    .second-mobile-img {
        display: block;
        height: auto;
        width: 100%;
        overflow: hidden;
      
    }
    .second-mobile-img img {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        width: 100%;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .second-mobile-img-hide {
        opacity: 1
    }
    .second-mobile-img-hide img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        min-height: 160px;
    }
    .second-mobile-img-hide:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .section-2 {
        display: none
    }
    .video {
        padding: 0 15px
    }
    .video iframe {
        margin-top: 20px;
        width: 100%
    }
    .intro {
        margin-bottom: 20px
    }
    .intro .intro_left {
        float: none;
        width: 100%;
        background-color: #cce3ea;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px
    }
    .intro .intro_left .intro_left_con .pages_title2 {
        display: none
    }
    .intro .intro_left .intro_left_con .pages_mobile_title2 {
        display: block;
        margin-bottom: 25px
    }
    .intro .intro_left .intro_left_con .pages_mobile_title2 p {
        font-size: 20px;
        line-height: 1.2em;
        /*font-family: AllianzSansWeb*/;
        color: #0093b2
    }
    .intro .intro_right {
        width: 100%;
        float: none
    }
    .intro .intro_text {
        font-size: 14px;
        line-height: 18px;
        /*font-family: AllianzSansWeb*/;
        color: #333;
        padding-bottom: 25px
    }
    .pages_title2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .pages_title2 p {
        font-size: 30px;
        line-height: 1.2em;
        /*font-family: AllianzSansWeb*/;
        color: #0093b2
    }
    .pages_tips2:before{
        color:#878787;
        font-size:10px;
        content: "Source / Remarks:";
    }
    .pages_tips2 {
        width: 100%;
        padding-bottom: 16px
    }
  
    .pages_tips2 p {
        position: relative;
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 12px;
        line-height: 1.4;
        /* word-wrap: break-word; 
        word-break: break-all;*/
        padding-bottom: 8px
    }
    .pages_tips2 p sup {
        margin-right: 2px
    }
    .pages_tips2 p a {
        color: #878787
    }
    .pages_tips:before{
        color:#878787;
        font-size:10px;
        content: "Source:";
    }
    .pages_tips {
        width: 100%;
        padding-bottom: 16px
    }
  
    .pages_tips p {
        position: relative;
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 12px;
        line-height: 1.4;
        /* word-wrap: break-word; 
        word-break: break-all;*/
        padding-bottom: 8px
    }
    .pages_tips2 p {
        position: relative;
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 12px;
        line-height: 1.4;
        /* word-wrap: break-word; 
        word-break: break-all;*/
        padding-bottom: 8px
    }
    .pages_tips p sup {
        margin-right: 2px
    }
    .pages_tips2 p sup {
        margin-right: 2px
    }
    .pages_tips p a {
        color: #878787
    }
    .pages_tips2 p a {
        color: #878787
    }
    .pages_con40 {
        padding: 0 15px
    }
    .pages_text {
        padding-top: 20px
    }
    .pages_text p {
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        font-size: 16px;
        line-height: 1.5em;
        padding-bottom: 20px
    }
    .pages_text p span {
        font-weight: 700
    }
    .pages_title {
        padding: 0 15px;
        font-size: 20px;
        line-height: 1.4
    }
    .pages_title_after {
        padding: 6px 15px;
        font-size: 30px;
        line-height: 1.2em
    }
    .pages_title_after:after {
        height: 3px;
        width: 90px;
        bottom: 0;
        left: 15px
    }
    .pages_con,
    .pages_con2{
        padding: 0 15px
    }
    .pagas_banner .banner_desc {
        padding: 20px
    }
    .pagas_banner .banner_desc .desc_title1 {
        font-size: 29px;
        line-height: 1.5;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2 {
        font-size: 22px;
        line-height: 26px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        font-size: 27px;
        line-height: 31px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title3 {
        font-size: 30px;
        line-height: 1.4em;
        /*font-family: AllianzSansWeb*/;
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_title7 {
        font-size: 40px;
        line-height: 1.4em;
        /*font-family: AllianzSansWeb*/;
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_title4 {
        font-size: 46px;
        line-height: 1.5;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title6 {
        font-size: 24px;
        line-height: 1.6;
        /*font-family: AllianzSansWeb*/
    }
    .desc_con_tc .con_middle_tc{
        font-size: 60px;
    }
    .pagas_banner .banner_desc .desc_con .con_middle {
        position: relative;
        display: inline-block;
        /*font-family: AllianzSansWeb*/;
        font-size: 95px;
        line-height: 96px;
        font-weight: 700
    }
    .con_middle sup{
        vertical-align: top;
        line-height: 1;
      }
    .pagas_banner .banner_desc .desc_con .con_middle small {
        font-size: 70px
    }
    .pagas_banner .banner_desc .desc_con .con_middle2 {
        /*font-family: AllianzSansWeb*/;
        font-size: 95px;
        line-height: 95px;
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_left {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
    .pagas_banner .banner_desc .desc_left .desc_title2 {
        padding: 0 20%;
        font-size: 18px
    }
    .pagas_banner .banner_desc .desc_left .desc_title2-5 {
        padding: 0 20%;
        font-size: 23px
    }
    .pagas_banner .banner_desc .desc_left .con_middle {
        line-height: 90px
    }
    .pagas_banner .banner_desc .desc_right {
        float: none;
        width: 100%
    }
    .pagas_banner .banner_desc .desc_right .desc_title2 {
        font-size: 28px
    }
    .pagas_banner .banner_desc .desc_right .desc_title2-5 {
        font-size: 33px
    }
    .pagas_banner .banner_desc .desc_right .con_middle {
        line-height: 100px
    }
    .pagas_banner #iconHead {
        width: 50px
    }
    .pagas_banner #iconEye {
        width: 150px
    }
    .pages_introduce {
        padding: 0 15px
    }
    .pages_introduce .introduce_item {
        padding-top: 20px;
        float: none;
        width: 100%
    }
    .pages_introduce .introduce_item .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_item .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_text {
        float: none;
        width: 100%
    }
    .pages_introduce .introduce_text .pagas_banner {
        padding: 0;
        margin-bottom: 20px;
    }
    .pages_introduce .introduce_text .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_text .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_text2 {
        float: none;
        width: 100%
    }
    .pages_introduce .introduce_text2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_text2 .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item2 {
        padding-top: 20px;
        float: none;
        width: 100%
    }
    .pages_introduce .introduce_item2 .pagas_banner {
        padding: 0;
        margin-bottom: 20px;
    }
    .pages_introduce .introduce_item2 .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_item2 .pages_text {
        padding: 0
    }
    .introduce1 .introduce_info {
        background-color: #d6e0ea;
        border-right: #e6f1f5 6px solid
    }
    .introduce1 .introduce_info:before {
        right: -69px;
        border-left: 25px solid #d6e0ea!important
    }
    .introduce1 .introduce_img {
        right: 0;
        top: 0
    }
    .introduce1 .introduce_title {
        color: #326295
    }
    .introduce1 .introduce_title2 {
        color: #99b1ca
    }
    .introduce1 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 {
        padding-left: 38%
    }
    .introduce2 .introduce_info {
        width: 100%!important;
        background-color: #d5e7ec;
        border-left: #e6f1f5 6px solid
    }
    .introduce2 .introduce_info:before {
        left: -69px;
        border-right: 25px solid #e1f0f5!important
    }
    .introduce2 .introduce_img {
        left: 0;
        top: 0
    }
    .introduce2 .introduce_title {
        color: #326295
    }
    .introduce2 .introduce_title2 {
        color: #99b1ca
    }
    .introduce2 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 .introduce_img {
        background-color: #4d9db6
    }
    .equity_acticle-banner{
        width: 100%;
        display: block;
    }
    .equity_acticle_con-col.left{
        flex: 100%;
        max-width: 100%;
    }
    .equity_acticle_con-col.right{
        flex: 33.3333%;
        max-width: 33.3333%;
        display: none;
    }
    .about_introduce {
        position: relative;
        margin-bottom: 6px;
        
    }
    .about_introduce .introduce_info {
        position: relative;
        float: left;
        width: 62%
    }
    .about_introduce .introduce_info .introduce_info_box {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden
    }
    .about_introduce .introduce_info:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-45px);
        -ms-transform: translateY(-45px);
        transform: translateY(-45px);
        border: 45px solid transparent;
        z-index: 10
    }
    .about_introduce .introduce_img {
        position: absolute;
        float: left;
        width: 38%;
        overflow: hidden;
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner {
        padding: 0;
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner .banner_bg {
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner .second-pc-img {
        height: 100%
    }
    .about_introduce .introduce_img .desc_title1 {
        font-size: 20px;
        line-height: 1.2em;
        text-transform: uppercase;
        font-weight: 700
    }
    .about_introduce .introduce_img .desc_title2 {
        font-size: 16px;
        line-height: 1.5em
    }
    .about_introduce .introduce_img .desc_title2-5 {
        font-size: 21px;
        line-height: 1.7em
    }
    .about_introduce .info_con {
        padding: 15px
    }
    .about_introduce .introduce_title {
        font-size: 20px;
        line-height: 24px;
        /*font-family: AllianzSansWeb*/;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .about_introduce .introduce_title2 {
        font-size: 20px;
        line-height: 1.2em;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 6px
    }
    .about_introduce .introduce_text {
        font-size: 16px;
        line-height: 1.5em;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 10px
    }
    .about_introduce .pages_number {
        position: absolute;
        bottom: -51px;
        right: -64px;
        overflow: hidden;
        font-size: 200px;
        font-weight: 700;
        /*font-family: AllianzSansWeb*/;
        color: rgba(254, 254, 254, .2)
    }
    #aboutIntroduce1 .pages_number {
        right: -38px
    }
    #aboutIntroduce2 .introduce_info {
        background-image: url('../images/about/aboutus_point 2_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: auto 100%
    }
    #aboutIntroduce2 .pages_number {
        right: -12px
    }
    #aboutIntroduce3 .pages_number {
        right: -10px
    }
    #aboutIntroduce4 .introduce_info {
        background-image: url('../images/about/aboutus_point 4_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: auto 100%
    }
    #aboutIntroduce4 .pages_number {
        right: -3px
    }
    .home_desc {
        position: relative
    }
    .home_desc .pagas_banner {
        padding: 20px 0
    }
    .home_article1 {
        position: relative;
        padding: 0!important;
        margin: 0 15px 0 15px
    }
    .home_article1 .article_bg {
        margin-bottom: 10px
    }
    .home_article1 .article_bg .item_con .article_title {
        text-transform: none
    }
    .home_article1 .article_info {
        margin-bottom: 10px;
        background-color: #cce3ea
    }
    .home_article1 .article_info .article_title2 {
        color: #0093b2
    }
    .home_article1 .article_info .article_title {
        color: #80b9cb;
        text-transform: none
    }
    .home_article1 .article_info .article_text {
        color: #4d4d4d
    }
    .home_article2 {
        position: relative;
        padding: 0!important;
        margin: 0 15px 0 15px
    }
    .home_article2 .article_bg {
        margin-bottom: 10px
    }
    .home_article2 .article_bg .item_con .article_title2 {
        color: #0093b2
    }
    .home_article2 .article_bg .item_con .article_title {
        color: #4d9db6
    }
    .home_article2 .article_bg .item_con .article_text {
        color: #4d4d4d
    }
    .home_article2 .article_info {
        margin-bottom: 10px;
        background-color: #4d9db6
    }
    .home_article2 .article_info .article_title {
        text-transform: none
    }
    .pages_article {
        padding: 20px 15px
    }
    .pages_article .article_item {
        position: relative;
        width: 100%;
        margin-bottom: 10px
    }
    .pages_article .article_item2 {
        position: relative;
        width: 100%
    }
    .pages_article .article_bg {
        position: relative;
        width: 100%;
     min-height: 153px !important;
    }
    .pages_article .article_info {
        position: relative;
        width: 100%;
        padding: 10px;
        height: 160px
    }
    .pages_article .article_info .info_con {
        position: relative;
        height: 100%;
        width: 100%
    }
/*    .pages_article .item_con {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        padding: 10px
    }*/
    .pages_article .article_title2 {
        font-size: 25px;
        line-height: 1.2em;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        text-transform: uppercase
    }
    .pages_article .item_con {
        padding: 10px;
    }
    .pages_article .article_title {
        font-size: 20px;
        line-height: 1.2em;
        color: #4d4d4d;
        /*font-family: AllianzSansWeb*/;
        /*text-transform: uppercase*/
    }
    .pages_article .article_title.home {
        font-size: 16px;
        line-height: 1.2em;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        text-transform: uppercase
    }
    .pages_article .article_text {
        font-size: 16px;
        line-height: 1.5em;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3
    }
    .pages_article .ml100 {
        margin-left: 0
    }
    .pages_article .article_btn2 {
        position: absolute;
        bottom: -10px;
    }
    .pages_article .article_btn2.home {
        position: absolute;
        bottom: 5px;
        /*left: 10px;
        margin: 5px 0 0 0*/
    }
    .pages_article .article_btn {
        position: absolute;
        bottom: 10px;
        /*left: 10px;*/
       top: 72px
    }
    .equity_acticle {
        position: relative;
        top: -40px;
        padding: 1px 15px 0 15px;
        background: white
    }
    .equity_acticle .pages_title_after {
        padding: 6px 0;
        margin-bottom: 20px
    }
    .equity_acticle .pages_title_after::after {
        left: 0
    }
    .equity_acticle .equity_acticle_con {
        background-repeat: no-repeat;
        background-position: 70% 100%;
        background-size: auto 100%;
        position: relative;
        padding: 20px;
        background: #e6f1f5;
    }
    .equity_acticle .equity_acticle_con .acticle_box .pages_title2 p {
        color: #326295;
        font-size: 20px;
        line-height: 1.2em
    }
    .equity_acticle .equity_acticle_con .acticle_box .article_btn {
        background-color: #326295;
        color: #fff
    }
    .equity_acticle .pages_article {
        padding: 10px 0
    }
    .pages_desc {
        position: relative
    }
    .pages_desc .pages_con40 {
        padding: 0 15px
    }
    .pages_list .list_title {
        font-size: 16px;
        line-height: 1.5em;
        color: #326295;
        /*font-family: AllianzSansWeb*/;
        padding-bottom: 12px
    }
    .pages_list ul {
        margin-left: 20px
    }
    .pages_list ul li {
        list-style: outside disc;
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 6px
    }
    .article_btn {
        display: inline-block;
        margin: 20px 0;
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        width: 150px;
        text-align: center;
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        background: #7fc9d8;
        padding: 0
    }
    .article_btn:active {
        opacity: .7
    }
    .article_btn:hover {
        opacity: .7
    }
    .article_btn2 {
        display: inline-block;
        margin: 20px 0;
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        max-width: 150px;
        width: 40%;
        text-align: center;
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        background: #fff;
        padding: 0
    }
    .article_btn2.home {
        display: inline-block;
        margin: 20px 0;
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        width: 150px;
        text-align: center;
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        background: #fff;
        padding: 0
    }
    .article_btn2:active {
        background: #d6d6d6
    }
    .article_btn2:hover {
        background: #d6d6d6
    }
    .pages_footer {
        margin-top: 40px;
        /*padding-bottom: 50px;*/
        width: 100%;
        background-color: #fff
    }
    .pages_footer .footer_title {
        height: 130px;
        background-color: #003781
    }
    .pages_footer .footer_title .title_con {
        padding: 20px 15px 0 15px
    }
    .pages_footer .footer_title .title_con p {
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        font-size: 24px;
        line-height: 30px
    }
    .pages_footer .footer_connect {
        background-color: #003781;
        height: 130px
    }
    .pages_footer .footer_connect .container {
        height: 100%
    }
    .pages_footer .footer_connect .connect_left {
        height: 100%;
        width: 100%;
        padding: 20px 15px;
        float: none;
        border-bottom: 1px solid #27589a
    }
    .pages_footer .footer_connect .connect_right {
        height: 100%;
        width: 100%;
        padding: 20px 15px;
        float: none
    }
    .pages_footer .footer_connect .connect_icon {
        margin-top: 24px
    }
    .pages_footer .footer_connect .connect_icon a {
        margin-right: 24px;
        color: #fff;
        font-size: 35px
    }
    .pages_footer .footer_connect .connect_title {
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700
    }
    .pages_footer .footer_connect .connect_text {
        margin-bottom: 25px;
        color: #e5ebf2;
        font-size: 15px;
        /*font-family: AllianzSansWeb*/;
        line-height: 21px
    }
    .pages_footer .footer_connect .connect_title-link {
        background: #4c73a7;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        width: 100%;
        padding: 12.5px;
        display: inline-block;
        text-align: center
    }
    .pages_footer .footer_connect .connect_title-link:hover {
        background: #009ee0
    }
    .pages_footer .footer_connect .connect_title-link:active {
        background: #009ee0
    }
    .pages_footer .footer_disclaimer {
        margin-top: 32px;
        border-top: 1px solid #e1e1e1;
        background-color: #f6f6f6
    }
    .pages_footer .footer_disclaimer .disclaimer_con {
        color: #4d4d4d;
        padding: 15px 15px 45px;
        font-size: 14px;
        line-height: 1.5em;
        /*font-family: AllianzSansWeb*/
    }
    .pages_footer .footer_copyright {
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #e1e1e1
    }
    .pages_footer .footer_copyright .copyright {
        float: right;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        color: #4d4d4d;
        /*font-family: AllianzSansWeb*/
    }
    .info-section{
        /* margin: 0 15px; */
    }
    .info-section .info-section-inner{
        padding: 15px 15px 30px;
        background: #e6f1f5;
    }
    .map_title_after {
        padding: 6px 0;
        font-size: 30px;
        line-height: 1.2em
    }
    .map_title_after:after {
        height: 3px;
        width: 90px;
        bottom: 0;
        /*left: 15px*/
    }
    .hscroll-bottom{
        display: none;
    }
    .hscroll-bottom.mobile{
        display: block;
    }
    .desc_title6 {
        font-size: 26px!important
    }
}

@media (min-width:769px) and (max-width:1280px) {
    .line3 {

        height: 100%;
    }

    .line3_img{

        height: 35.1vw;
    }

    .line3_left{
        float: left;
        width: 35.5% !important;
        
    }
    .line3_mid{
        margin:0 35.4%;
        width: 32.3% !important;
        background-color: #326295;
        height: 35.1vw;
    }
    .line3_width{

        width: 32.3% !important;
    }
    .big_banner_title{
  
        font-size:30px;
        font-weight: bold;

    }


    .bigger_banner_title{

        font-size:40px;
        font-weight: bold;

    }

    .product_hight{

        height: 140px !important;

    }
    .product_padding{

        padding: 28px 32px 60px 32px !important;

    }

    .nav_home{

        padding-left:  43px;

    }

    .product_offering{
        height: 200px;
        width:100%;
        margin: 0 auto;
        background-color:#d6e0ea;
    
    }

    .product_container {
        height: 100%;
    width: 100%;
    padding: 60px 32px 60px 32px;
    float: left;
    }

    .product_title{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 10px;
        
    }
    
    .product_title_left{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 20px;
        
        display: inline-block;
    }

    .product_title_right{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        padding: 0px 30px 0px 30px;
        margin-left: 30px;
        
        border-left: 1px solid #3c3c3c;
        display: inline-block;
    }
    
  
    .top-nav-wrapper{

        float: right;
        position: absolute;
        top: 10%;
        right: 21%;
        z-index: 1;
    
    }
    .index-about {

        margin-left: -10px !important;
        bottom:0px !important;
    }
    #aticleSamll {
        position: absolute;
        bottom: 20px;
        right: -55px;
        font-size: 17px;
        line-height: 20px;
        width: 50px;
        height: 50px;
        margin-top: -25px
    }
    #aticleSamll span {
        display: inline-block;
        font-size: 40px;
        line-height: 30px
    }
    #aticleSamll2 {
        position: absolute;
        bottom: 20px;
        right: -70px;
        font-size: 14px;
        line-height: 20px;
        width: 80px;
        margin-top: -25px;
        text-align: right
    }
    #aticleSamll2 span {
        text-align: center;
        display: inline-block;
        font-size: 90px;
        line-height: 80px
    }
    #fixedIncomeBlog1Desc {
        margin-top: 6px
    }
    #fixedIncomeBlog2Desc {
        position: relative;
        margin-top: 10px
    }
    #fixedIncomeBlog2Desc::after {
        position: absolute;
        right: -35px;
        margin-top: -70px;
        top: 50%;
        content: '&';
        font-size: 135px;
        width: 70px;
        height: 140px;
        line-height: 140px
    }
    .ml100 {
        margin-left: 4%
    }
    .ts {
        text-shadow: 0 0 10px rgba(0, 32, 76, .8)
    }

    .container {
        width: 100%;
        margin: 0 auto
    }
    .mt40 {
        margin-top: 40px
    }
    .second-pc-img {
        overflow: hidden;
        display: block;
        width: 100%
    }
    .second-pc-img img {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        width: 100%;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .second-pc-img-hide img {
        height: 100%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .second-pc-img-hide:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    .second-mobile-img {
        display: none
    }
    .video {
        padding: 0 20px
    }
    .video iframe {
        margin-top: 60px;
        width: 100%
    }
    .pages_title2 {
        display: block
    }
    .pages_title2 p {
        font-size: 25px;
        line-height: 1.1;
        /*font-family: AllianzSansWeb*/;
        color: #0093b2
    }
    .pages_text {
        padding-top: 20px
    }
    .pages_text p {
        /*font-family: AllianzSansWeb*/;
        color: #3c3c3c;
        font-size: 18px;
        line-height: 1.33;
        padding-bottom: 20px
    }
    .pages_tips2 p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;
        padding-bottom: 8px
    }
    .pages_tips2 p a {
        color: #878787
    }
    .pages_tips2 p sup {
        margin-right: 4px
    }
    .pages_tips2:before{
        color:#878787;
        font-size:10px;
        content: "Source / Remarks:";
    }
    .pages_tips2 {
        margin-bottom:28px;
    }
    .pages_tips p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;
        padding-bottom: 8px
    }
    .pages_tips2 p {
        /*font-family: AllianzSansWeb*/;
        color: #878787;
        font-size: 10px;
        line-height: 1.4;
        padding-bottom: 8px
    }
    .pages_tips p a {
        color: #878787
    }
    .pages_tips p2 a {
        color: #878787
    }
    .pages_tips p sup {
        margin-right: 4px
    }
    .pages_tips p2 sup {
        margin-right: 4px
    }
    .pages_tips:before{
        color:#878787;
        font-size:10px;
        content: "Source:";
    }
    .pages_tips {
        margin-bottom:28px;
    }
    .pages_con40 {
        padding: 0 20px
    }
    .pages_con,
    .pages_con2{
        padding: 0 20px
    }
    .pages_header {
        position: relative;
        height: 130px;
        background-color: #fff
    }
    .pages_header2 {
        position: relative;
        height: 222px;
        background-color: #003781
    }
    .header_con {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        background-color: #fff
    }
    .header_con .first_menu {
        position: relative;
        height: 130px
    }
    .header_con .first_menu .first_logo {
        position: relative;
        top: 15px;
        left: 0;
        float: left;
        width: 225px;
        padding: 0 23px
    }
    .header_con .first_menu .first_logo img {
        width: 179px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .header_con .first_menu .first_nav {
        position: relative;
        float: left;
        padding-top: 50px;
        width: 75%;

    }
    .header_con .first_menu .first_nav .nav_con {
        bottom: 0;
        left: 0;
        height: 80px;
        width: 100%
    }
    .header_con .first_menu .first_nav .nav_con ul li {
        float: left;
        padding-right: 2.4%;
        font-size: 15px;
        height: 80px;
        padding-top: 18px;
        cursor: pointer;
        text-align: center;
        /*font-family: AllianzSansWeb*/
    }
    .header_con .first_menu .first_nav .nav_con ul li a {
        color: #003781;
        display: inline-block;
        line-height: 18px
    }
    .header_con .first_menu .first_nav .nav_con ul li:hover {
        cursor: pointer
    }
    .header_con .first_menu .first_nav .nav_con ul .first_nav_active a {
        color: #399ce0
    }
    .header_con .first_menu .first_nav .dash {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-top: 5px;
        width: 0;
        height: 5px;
        background-color: #399ce0;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out
    }
    .header_con .first_menu #mobile_nav {
        display: none
    }
    .header_con .second_menu {
        display: block;
        width: 100%;
        height: 92px;
        background-color: #003781;
        padding-left: 30%
    }
    .header_con .second_menu ul li {
        float: left;
        line-height: 82px;
        height: 92px;
        padding: 4px;
        margin-right: 100px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/;
        color: #fff
    }
    .header_con .second_menu ul li.second_menu_active {
        border-bottom: 5px #fff solid
    }
    .header_con .second_menu ul li:hover {
        cursor: pointer
    }
    .headFixed {
        box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -webkit-box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -moz-box-shadow: 0 0 4px rgba(1, 1, 1, .6);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .headFixed .first_menu {
        height: 80px!important
    }
    .headFixed .first_menu .first_logo {
        top: 14px!important;
        padding: 0 20px!important
    }
    .headFixed .first_menu .first_logo img {
        width: 121px
    }
    .headFixed .first_menu .first_nav {
        padding-top: 0!important;
    }
    .headFixed .first_menu .first_nav .nav_con ul li {
        padding-top: 17px
    }
    .headFixed .second_menu {
        height: 60px!important
    }
    .headFixed .second_menu ul li {
        line-height: 52px!important;
        height: 60px!important
    }
    .pages_footer {
        margin-top: 80px;
        /*padding-bottom: 100px;*/
        width: 100%;
        background-color: #fff
    }
    .pages_footer .footer_connect {
        height: 200px;
        background-color: #003781
    }
    .pages_footer .footer_connect .container {
        height: 100%
    }
    .pages_footer .footer_connect .connect_left {
        height: 100%;
        width: 34%;
        padding: 60px 32px 60px 20px;
        float: left;
        border-right: 1px solid #27589a
    }
    .pages_footer .footer_connect .connect_right {
        height: 100%;
        width: 100%;
        padding: 60px 32px 60px 32px;
        float: left
    }
    .pages_footer .footer_connect .connect_icon {
        margin-top: 25px
    }
    .pages_footer .footer_connect .connect_icon a {
        margin-right: 25px;
        color: #fff;
        font-size: 35px
    }
    .pages_footer .footer_connect .connect_title {
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700
    }
    .pages_footer .footer_connect .connect_text {
        margin-bottom: 25px;
        color: #e5ebf2;
        font-size: 15px;
        /*font-family: AllianzSansWeb*/;
        line-height: 21px
    }
    .pages_footer .footer_connect .connect_title-link {
        background: #4c73a7;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        padding: 12.5px;
        display: inline-block
    }
    .pages_footer .footer_connect .connect_title-link:hover {
        background: #009ee0
    }
    .pages_footer .footer_disclaimer {
        margin-top: 65px;
        border-top: 1px solid #e1e1e1;
        background-color: #f6f6f6
    }
    .pages_footer .footer_disclaimer .disclaimer_con {
        color: #4d4d4d;
        padding: 25px 20px 45px 20px;
        font-size: 14px;
        line-height: 22px;
        /*font-family: AllianzSansWeb*/
    }
    .pages_footer .footer_copyright {
        width: 100%;
        padding: 20px;
        border-bottom: 1px solid #e1e1e1
    }
    .pages_footer .footer_copyright .copyright {
        float: right;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        color: #4d4d4d;
        /*font-family: AllianzSansWeb*/
    }
    .pages_title {
        padding: 0 20px;
        font-size: 24px;
        height: 40px;
        line-height: 40px
    }
     .pages_title_left {
        /*padding: 0 20px;*/
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        clear:both;
    }
    .pages_title_after {
        padding: 20px;
        font-size: 32px;
        height: 80px;
        line-height: 32px
    }
    .pages_title_after:after {
        height: 6px;
        width: 183px;
        bottom: 0;
        left: 20px;
        z-index: 100
    }
    .pages_banners {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        --webkit-display: flex
    }
    .pagas_banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px
    }
    .pagas_banner .banner_desc {
        padding: 35px
    }
    .pagas_banner .banner_desc .desc_title1 {
        text-align: center;
        font-size: 50px;
        line-height: 54px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2 {
        text-align: center;
        font-size: 20px;
        line-height: 22px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title2-5 {
        text-align: center;
        font-size: 25px;
        line-height: 27px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title3 {
        text-align: center;
        font-size: 30px;
        line-height: 32px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title7 {
        text-align: center;
        font-size: 40px;
        line-height: 40px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title4 {
        font-size: 70px;
        line-height: 72px;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_title5 {
        display: inline-block;
        text-align: left;
        width: 300px;
        font-size: 70px;
        /*font-family: AllianzSansWeb*/;
        line-height: 70px;
        padding: 23px 0
    }
    .pagas_banner .banner_desc .title_con320 {
        width: 450px;
        margin: 0 auto
    }
    .pagas_banner .banner_desc .desc_title6 {
        text-align: center;
        font-size: 39px;
        line-height: 1.4;
        /*font-family: AllianzSansWeb*/
    }
    .pagas_banner .banner_desc .desc_con .con_middle {
        position: relative;
        display: inline-block;
        /*font-family: AllianzSansWeb*/;
        font-size: 140px;
        line-height: 140px;
        font-weight: 700;
        vertical-align: top;
    }
    .con_middle sup{
        vertical-align: top;
        line-height: 1;
      }
    .pagas_banner .banner_desc .desc_con .con_middle small {
        font-size: 90px
    }
    .pagas_banner .banner_desc .desc_con .con_middle2 {
        /*font-family: AllianzSansWeb*/;
        font-size: 140px;
        line-height: 120px;
        font-weight: 700
    }
    .pagas_banner .banner_desc .desc_con .con_left {
        height: 140px;
        width: 50%;
        float: left;
        text-align: right;
        line-height: 140px;
        padding-right: 40px
    }
    .pagas_banner .banner_desc .desc_con .con_right {
        height: 140px;
        width: 50%;
        float: left;
        text-align: left;
        line-height: 140px
    }
    .pagas_banner .banner_desc .desc_left {
        float: left;
        width: 50%;
        height: 100%
    }
    .pagas_banner .banner_desc .desc_left .desc_title2 {
        padding: 0 20%
    }
    .pagas_banner .banner_desc .desc_left .desc_title2-5 {
        padding: 0 20%
    }
    .pagas_banner .banner_desc .desc_left .desc_con {
        margin-bottom: 30px
    }
    .pagas_banner .banner_desc .desc_right {
        float: left;
        width: 50%;
        height: 100%
    }
    .pagas_banner .banner_desc .desc_right .desc_con {
        margin-top: 60px
    }
    .acticle_con {
        padding: 34px 20px
    }
    .home_article1 {
        position: relative;
        margin-top: 6px;
        padding: 0!important
    }
    .home_article1 .article_bg {
        border-right: #e6f1f5 6px solid
    }
    .home_article1 .article_bg .item_con .article_title {
        text-transform: none
    }
    .home_article1 .article_info {
        background-color: #cce3ea
    }
    .home_article1 .article_info .article_title2 {
        color: #0093b2
    }
    .home_article1 .article_info .article_title {
        color: #80b9cb;
        text-transform: none
    }
    .home_article1 .article_info .article_text {
        color: #4d4d4d
    }
    .home_article2 {
        position: relative;
        margin-top: 6px;
        padding: 0 0 0 35%!important
    }
    .home_article2 .article_bg {
        width: 100%!important;
        border-left: #e6f1f5 6px solid
    }
    .home_article2 .article_bg .item_con .article_title2 {
        color: #0093b2
    }
    .home_article2 .article_bg .item_con .article_title {
        color: #4d9db6
    }
    .home_article2 .article_bg .item_con .article_text {
        color: #4d4d4d
    }
    .home_article2 .article_info {
        left: 0;
        background-color: #4d9db6
    }
    .home_article2 .article_info .article_title {
        text-transform: none
    }
    .article_bg .article_text {
        margin: 0!important
    }
    .pages_article {
        padding: 0
    }
    .pages_article .article_item {
        position: relative;
        float: left;
        width: 49.69%;
        padding-right: 2px
    }
    .pages_article .article_item2 {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 2px
    }
    .pages_article .article_bg {
        position: relative;
        width: 65%;
    }

    .pages_article .article_bg {
        position: relative;
        width: 65%;
    }

    .pages_article .article_info {
        position: absolute;
        top: 0;
        right: 0;
        width: 35%;
        height: 100%;
        padding: 20px
    }
    .pages_article .article_info .info_con {
        position: relative;
        height: 100%;
        width: 100%
    }
/*    .pages_article .item_con {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        padding: 20px 20px
    }*/
    .pages_article .article_title2 {
        font-size: 40px;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        line-height: 1.4;
        text-transform: uppercase
    }
    .pages_article .item_con {
        padding: 20px;
    }
    
    .pages_article .article_title {
        font-size: 1.5em;
        color: #4d4d4d;
        /*font-family: AllianzSansWeb*/;
        line-height: 1.4;
        /*text-transform: uppercase*/
    }
    .pages_article .article_title.home{
        font-size: 1.5em;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        line-height: 1.4;
        text-transform: uppercase
    }
    .pages_article .article_text {
        font-size: 18px;
        color: #fff;
        /*font-family: AllianzSansWeb*/;
        line-height: 1.4;
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden
    }
    .pages_article .article_btn2 {
        position: absolute;
        bottom: 20px;
    }
    .pages_article .article_btn2.home {
        position: absolute;
        bottom: 20px;
        left: 20px;
        margin-top: 0
    }
    .pages_article .article_btn {
        position: absolute;
        bottom: 0px;
        left: 0px;
        margin: 0
    }
    .pages_introduce {
        padding: 20px
    }
    .pages_introduce .introduce_item {
        float: left;
        width: 48%;
        margin-right: 2%
    }
    .pages_introduce .introduce_item .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_text p {
        font-size: 14px;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_text {
        float: left;
        width: 100%;
        margin-right: 2%
    }
    .pages_introduce .introduce_text .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_text .pages_con .pages_text {
        padding-top: 0
    }
    .pages_introduce .introduce_item2 {
        float: right;
        width: 48%;
        margin-left:40px;
    }
    .pages_introduce .introduce_item2 .con_middle {
        line-height: 140px!important
    }
    .pages_introduce .introduce_item2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_text p {
        font-size: 14px;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_text2 {
        float: right;
        width: 100%;
        /*margin-right: 2%*/
    }
    .pages_introduce .introduce_text2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_con {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_con .pages_text {
        padding-top: 0
    }
    .introduce1 .introduce_info {
        background-color: #d6e0ea;
        border-right: #e6f1f5 6px solid
    }
    .introduce1 .introduce_info:before {
        right: -100px;
        border-left: 35px solid #d6e0ea!important
    }
    .introduce1 .introduce_img {
        right: 0;
        top: 0
    }
    .introduce1 .introduce_title {
        color: #326295
    }
    .introduce1 .introduce_title2 {
        color: #99b1ca
    }
    .introduce1 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 {
        padding-left: 38%
    }
    .introduce2 .introduce_info {
        width: 100%!important;
        background-color: #d5e7ec;
        border-left: #e6f1f5 6px solid
    }
    .introduce2 .introduce_info:before {
        left: -99px;
        border-right: 35px solid #e1f0f5!important
    }
    .introduce2 .introduce_img {
        left: 0;
        top: 0
    }
    .introduce2 .introduce_title {
        color: #326295
    }
    .introduce2 .introduce_title2 {
        color: #99b1ca
    }
    .introduce2 .introduce_text {
        color: #4d4d4d
    }
    .introduce2 .introduce_img {
        background-color: #4d9db6
    }
    .about_introduce {
        position: relative;
        margin-bottom: 6px
    }
    .about_introduce .introduce_info {
        position: relative;
        float: left;
        width: 62%
    }
    .about_introduce .introduce_info .introduce_info_box {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden
    }
    .about_introduce .introduce_info:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px);
        border: 65px solid transparent;
        z-index: 10
    }
    .about_introduce .introduce_img {
        position: absolute;
        float: left;
        width: 38%;
        overflow: hidden;
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner {
        padding: 0;
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner .banner_bg {
        height: 100%
    }
    .about_introduce .introduce_img .pagas_banner .second-pc-img {
        height: 100%
    }
    .about_introduce .introduce_img .desc_title1 {
        font-size: 50px;
        line-height: 1.4;
        text-transform: uppercase;
        font-weight: 700
    }
    .about_introduce .introduce_img .desc_title2 {
        font-size: 24px;
        line-height: 1.4
    }
    .about_introduce .introduce_img .desc_title2-5 {
        font-size: 29px;
        line-height: 1.4
    }
    .about_introduce .introduce_img .desc_title7 {
        font-size: 60px;
        line-height: 1.4
    }
    .about_introduce .introduce_img .desc_title7 {
        font-size: 80px;
        line-height: 1.4
    }
    .about_introduce .info_con {
        padding: 30px 20px
    }
    .about_introduce .introduce_title {
        font-size: 40px;
        line-height: 48px;
        /*font-family: AllianzSansWeb*/;
        text-transform: uppercase;
        margin-bottom: 20px
    }
    .about_introduce .introduce_title2 {
        font-size: 30px;
        line-height: 36px;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 12px
    }
    .about_introduce .introduce_text {
        font-size: 20px;
        line-height: 34px;
        /*font-family: AllianzSansWeb*/;
        margin-bottom: 20px
    }
    .about_introduce .pages_number {
        position: absolute;
        bottom: -58px;
        right: -64px;
        font-size: 280px;
        font-weight: 700;
        /*font-family: AllianzSansWeb*/;
        color: rgba(254, 254, 254, .2)
    }
    #aboutIntroduce1 .pages_number {
        right: -43px
    }
    #aboutIntroduce2 .introduce_info {
        background-image: url('../images/about/aboutus_point 2_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 70% 100%
    }
    #aboutIntroduce2 .pages_number {
        right: -15px
    }
    #aboutIntroduce3 .pages_number {
        right: -10px
    }
    #aboutIntroduce4 .introduce_info {
        background-image: url('../images/about/aboutus_point 4_810x445px.jpg');
        background-repeat: no-repeat;
        background-position: 70% 100%
    }
    #aboutIntroduce4 .pages_number {
        right: 0
    }
    .article_btn {
        margin: 40px 0;
        display: inline-block;
        text-align: center;
        background: #7fc9d8;
        color: #3c3c3c;
        width: 200px;
        line-height: 50px;
        height: 50px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/
    }
    .article_btn:hover {
        opacity: .7
    }
    .article_btn2 {
        margin-top: 40px;
        display: inline-block;
        text-align: center;
        background: #fff;
        color: #3c3c3c;
        width: 200px;
        line-height: 50px;
        height: 50px;
        font-size: 20px;
        /*font-family: AllianzSansWeb*/
    }
    .article_btn2:hover {
        background: #d6d6d6
    }
    .intro {
        position: relative;
        background-color: #cce3ea;
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin-bottom: 40px
    }
    .intro .intro_left {
        position: absolute;
        float: right;
        width: 30%;
        height: 100%;
        background-color: #cce3ea
    }
    .intro .intro_left .intro_left_con {
        width: 100%;
        padding: 30px 15px 25px 20px
    }
    .intro .intro_left .intro_left_con .pages_mobile_title2 {
        display: none
    }
    .intro .intro_right {
        display: inline-block;
        float: right;
        position: relative;
        display: inline-block;
        right: 0;
        top: 0;
        width: 70%;
        height: 550px;
        overflow: hidden
    }
    .intro .intro_right .second-pc-img {
        position: relative;
        height: 550px
    }
    .intro .intro_right .second-pc-img img {
        position: relative;
        height: 100%;
        width: auto!important;
        left: -30%
    }
    .intro .intro_text {
        padding-top: 15px
    }
    .intro .intro_text p {
        width: 100%;
        color: #000;
        line-height: 21px;
        font-size: 15px;
        /*font-family: AllianzSansWeb*/
    }
    .equity_acticle {
        position: relative;
        top: -40px;
        padding: 40px 0 0px 0;
        background: white
    }
    .equity_acticle .pages_desc {
        position: relative;
        /* padding: 0 20px */
    }
    .equity_acticle .pages_desc .pages_title_after {
        padding: 0;
        margin-bottom: 28px;
    }
    .equity_acticle .pages_desc .pages_title_after:after {
        left: 0
    }
    .equity_acticle .pages_desc .equity_acticle_con {
        background-repeat: no-repeat;
        background-position: 70% 100%;
        position: relative;
        display: flex;
        background: #e6f1f5;
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_con_img {
        position: absolute;
        left: 0;
        top: 0
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box {
        width: 100%;
        height: 100%;
        padding: 24px;
        z-index: 1000
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box .article_btn {
        margin-bottom: 0
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box .pages_title2 p {
        color: #326295
    }
    .equity_acticle .pages_desc .equity_acticle_con .acticle_box .article_btn {
        background-color: #326295;
        color: #fff
    }
    .equity_acticle .pages_desc .acticle_con {
        padding: 6px 0 0
    }
    .equity_acticle .pages_desc .acticle_con .pages_article {
        padding: 0
    }
    
    .home_desc {
        position: relative;
        width: 100%;
        padding: 0 20px
    }
    .home_desc .pagas_banner {
        padding: 20px 0
    }
    .home_desc .pages_con {
        padding: 0
    }
    .home_desc .pages_title {
        padding: 0
    }
    .home_desc .pages_text span {
        font-weight: 700
    }
    .pages_list .list_title {
        font-size: 18px;
        color: #326295;
        line-height: 34px;
        /*font-family: AllianzSansWeb*/
    }
    .pages_list ul {
        margin-left: 20px
    }
    .pages_list ul li {
        list-style: outside disc;
        font-size: 18px;
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        line-height: 34px
    }
    .info-section{
        /* margin: 0 20px; */
    }
    .info-section .info-section-inner{
        padding: 45px 15px 30px;
        background: #e6f1f5;
    }
    .map_title_after {
        /*padding: 0 20px;*/
        font-size: 32px;
        height: 80px;
        line-height: 80px
    }
    .map_title_after:after {
        height: 6px;
        width: 183px;
        bottom: 0;
        /*left: 20px;*/
        z-index: 100
    }
}

@media (min-width:769px) and (max-width:1030px) {
    .first_nav {
        display: none!important
    }
    #mobile_nav {
        display: block!important;
        z-index: 100;
        position: absolute;
        height: 100%;
        width: 40px;
        right: 12px;
        top: 0
    }
    .mobile_popup_nav .nav_con {
        padding-top: 80px
    }
    .intro {
        position: relative;
        background-color: #cce3ea;
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 0;
        margin-bottom: 40px
    }
    .intro .intro_left {
        position: absolute;
        top: 0;
        float: none;
        width: 30%;
        height: 100%;
        background-color: #cce3ea
    }
    .intro .intro_left .intro_left_con {
        width: 100%;
        padding: 30px 15px 25px 20px
    }
    .intro .intro_left .intro_left_con .pages_mobile_title2 {
        display: none
    }
    .intro .intro_right {
        display: inline-block;
        float: right;
        position: relative;
        display: inline-block;
        right: 0;
        top: 0;
        width: 100%;
        height: auto;
        overflow: hidden
    }
    .intro .intro_right .second-pc-img {
        position: relative;
        height: auto
    }
    .intro .intro_right .second-pc-img img {
        margin-left: 0;
        height: auto;
        width: 100%!important;
        position: relative;
        left: 10%
    }
    .intro .intro_text {
        padding-top: 15px
    }
    .intro .intro_text p {
        width: 100%;
        color: #000;
        line-height: 18px;
        font-size: 14px;
        /*font-family: AllianzSansWeb*/
    }
    .article_info .article_title2,
    .item_con .article_title2 {
        font-size: 30px!important
    }
    .article_info .article_title,
    .item_con .article_title {
        font-size: 20px!important
    }
    .article_info .article_text,
    .item_con .article_text {
        font-size: 15px!important;
        margin: 0!important
    }
    .pages_introduce {
        padding: 0 20px
    }
    .pages_introduce .introduce_item {
        float: left;
        width: 100%;
        margin: 0;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_item .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_item .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item .pages_text p {
        font-size: 14px;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_item2 {
        float: right;
        width: 100%;
        margin: 0;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_item2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_item2 .pages_text {
        padding: 0
    }
    .pages_introduce .introduce_item2 .pages_text p {
        font-size: 14px;
        padding-bottom: 20px
    }
    .pages_introduce .introduce_text {
        float: left;
        width: 100%;
        margin: 0
    }
    .pages_introduce .introduce_text .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_text .pages_text p {
        padding-bottom: 20px;
        font-size: 18px
    }
    .pages_introduce .introduce_text2 {
        float: right;
        width: 100%;
        margin: 0
    }
    .pages_introduce .introduce_text2 .con_middle {
        line-height: 140px!important
    }
    .pages_introduce .introduce_text2 .pagas_banner {
        padding: 0
    }
    .pages_introduce .introduce_text2 .pages_con {
        padding: 20px 0 0 0
    }
    .pages_introduce .introduce_text2 .pages_text p {
        padding-bottom: 20px;
        font-size: 18px
    }
    .desc_title6 {
        font-size: 32px!important;
        line-height: 1.4
    }
    .pages_article .article_item {
        position: relative;
        float: left;
        width: 100%;
        padding-right: 2px
    }
    .pages_article .article_title {
        font-size: 2.8em!important;
    }
    .pages_article .article_title {
        font-size: 24px!important;
    }
    .pages_article .article_item.right {
        margin-top: 6px;
    }
    .pages_article .article_item .item_con .article_title2,
    .pages_article .article_item2 .item_con .article_title2 {
        font-size: 30px
    }
    .pages_article .article_item .item_con .article_title,
    .pages_article .article_item2 .item_con .article_title {
        font-size: 24px;
    }
    .pages_article .article_item .item_con .article_text,
    .pages_article .article_item2 .item_con .article_text {
        font-size: 18px;
        margin-top: 5px
    }
    .desc_title1 {
        font-size: 40px!important
    }
    .hscroll-bottom{
        display: none;
    }
    .hscroll-bottom.mobile{
        display: block;
    }
    .equity_acticle-banner{
        /*width: auto;*/
        display: block;

    }
    .equity_acticle_con-col.left{
        flex: 100%;
        max-width: 100%;
    }
    .equity_acticle_con-col.right{
        flex: 33.3333%;
        max-width: 33.3333%;
        display: none;
    }
}

@media (min-width:769px) and (max-width:846px) {
    .home_article1 .article_info .article_title2{
        line-height: 1.4;
    }
    .pages_article .article_title.home{
        line-height: 1;
    }
}

@media (max-width:769px){
    .intro-banner{
        width: 120%;
        margin-left: -20%;
    }
    
}

@media (max-width:438px){
    .big_banner_title{
  
        font-size:20px !important;
        font-weight: bold;

    }


    .bigger_banner_title{

        font-size:30px !important;
        font-weight: bold;

    }
    .about_introduce .introduce_info.top:before {
 
        top: -20%;
        left: 76.5%;
    }
    .product_title {
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 13px !important;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .pages_article .article_title a{
        font-size: 14px!important;
    }
    .pages_article .article_title .c-agi-tile__headline{
        margin-bottom: 12px;
    }

    .home2{
        font-size:16px !important;

    }
    #aticleSamll {
        position: absolute;
        bottom: 0px;
        right: -30px;
        font-size: 11px;
        line-height: 20px;
        width: 45px;
        margin-top: -25px;
        text-align: right;
    }
    #aticleSamll span {
        display: inline-block;
        font-size: 25px;
        line-height: 14px;
    }
    #aticleSamll2 {
        position: absolute;
        bottom: 7px;
        right: -37px;
        font-size: 12px;
        line-height: 12px;
        width: 55px;
        margin-top: -22px;
        text-align: right;
    }
    #aticleSamll2 span {
        text-align: center;
        display: inline-block;
        font-size: 45px;
        line-height: 37px;
        padding-top: 10px;
    }
}

    

@media (max-width:1030px){

    .br-on-mobile2 {
        display: inherit;
    }

    .top-nav-wrapper{

        display: none;
    }

    .article_item-col.left img{
        /* margin-top: -15%;
        margin-bottom: -15%; */
    }
    #aboutIntroduce2, 
    #aboutIntroduce4{
        padding-left: 0;   
        z-index: -1;
}
    .about_introduce .introduce_info.bottom:before{
        top: 94%;
        left: 18.7%;
        transform: rotateZ(90deg);
    }
    .about_introduce .introduce_info.top:before{
        top: -15%;
        left: 77.7%;
        transform: translateY(0) rotateZ(90deg);
        transform-origin: top;
    }
    .about_introduce .introduce_info{
        width: 100%;
        border: 0;
    }
    .about_introduce .introduce_img{
        width: 50%;
    }
    .about_introduce .introduce_img.white-bg{
        background-color: white;
    }
    .about_introduce .introduce_img.white-bg .pagas_banner .banner_desc{
        color: #4d9db6;
    }

    .introduce_img_height .pagas_banner .second-mobile-img, .introduce_img_height .pagas_banner .second-pc-img{
        max-height: 380px;
    }
    .introduce_img_height .pagas_banner .second-mobile-img img, .introduce_img_height .pagas_banner .second-pc-img img{
        width: 100%;
    }
    
    .about_introduce .introduce_img.right{
        right: 0;
        left: auto;
    }
    .about_introduce .introduce_info.desktop{
        display: none;
    }
    .about_introduce .introduce_img.desktop{
        display: none;
    }
    .about_introduce .introduce_info.mobile{
        
    }
    .about_introduce .introduce_img.mobile{
        position: relative;
    }

    .info-graphic-p5-bg.desktop,
    .info-graphic-p5-bg-open.desktop,
    .info-graphic-p5-content.desktop{
        display: none;
    }

    .info-graphic-p5-bg.mobile,
    .info-graphic-p5-bg-open.mobile,
    .info-graphic-p5-content.mobile{
        display: block;
    }
    
    .info-graphic-p5.box1,
    .info-graphic-p5.box2,
    .info-graphic-p5.box5{
        width: 100%;
    }
    
    .info-graphic-p5.box3,
    .info-graphic-p5.box4,
    .info-graphic-p5.box6,
    .info-graphic-p5.box7{
        width: 50%;
    }
    
    .info-graphic-p5.box3,
    .info-graphic-p5.box4{
        margin: 0;
    }

    .info-graphic-p5-content.box6.t1-open{
        width: 92.22222%;
    }

    .info-graphic-p5-content.box6.g1{
        width: 37.333333%;
        top: 2.2%;
    }

    .info-graphic-p5-content.box6.t1{
        width: 30.333333%;
        top: 50%;
    }

    .info-graphic-p5-content.box6.t2{
        width: 73%;
        top: 69.1%;
    }

    .info-graphic-p5-content.box7.t1-open{
        width: 75.555555%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .info-graphic-p5-content.box7.g1{
        width: 38.333333%;
        top: 6%;
    }

    .info-graphic-p5-content.box7.t1{
        width: 19%;
        top: 47%;
    }

    .info-graphic-p5-content.box7.t2{
        width: 73%;
        top: 69.1%;
    }
    
    .info-graphic-container-p6.desktop{
        display: none;
    }
    
    .info-graphic-container-p6.mobile{
        display: block;
    }
}


@media (max-width:768px){
    .line3_left{
       
        width: 100% !important;
    }
    .line3_mid{
   
        width: 100% !important;
        background-color: #326295;
        height: 22.3vw;
    }
    .line3_width{

        width: 100% !important;
    }
    .big_banner_title{
  
        font-size:30px;
        font-weight: bold;

    }
    .big_banner_title{
  
        font-size:40px;
        font-weight: bold;

    }


    .bigger_banner_title{

        font-size:60px;
        font-weight: bold;

    }

    .product_hight{

        height: 90px !important;

    }
    .product_padding{

        padding: 5px 15px !important;

    }

    .about_introduce .introduce_info.top:before{
        top: -15.2%;
        left: 78.1%;
        transform: translateY(0) rotateZ(90deg);
        transform-origin: top;
        top: -14.4%;
        left: 76.5%;
        transform: rotateZ(90deg);

    }
    .about_introduce .introduce_info.bottom:before{
        top: 94%;
        left: 13.5%;
        transform: rotateZ(90deg);
    }
    .product_offering{
        height: 200px;
        width:100%;
        margin: 0 auto;
        background-color:#d6e0ea;
    
    }

    .product_container {
        height: 100%;
    width: 100%;
    padding: 60px 32px 60px 32px;
    float: left;
    }

    .product_title{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 10px;
        
    }
    
    .product_title_left{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 20px;
        
        display: inline-block;
    }

    .product_title_right{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 18px;
        padding: 0px 30px 0px 30px;
        margin-left: 30px;
        
        border-left: 1px solid #3c3c3c;
        display: inline-block;
    }
}

@media (max-width:565px){


    .product_title {
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    
    .product_title_left{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 20px;
        
        display: inline-block;
    }

    .product_title_right{
        color: #3c3c3c;
        /*font-family: AllianzSansWeb*/;
        font-size: 16px;
        line-height: 16px;
        padding: 0px 30px 0px 30px;
        margin-left: 30px;
        
        border-left: 1px solid #3c3c3c;
        display: inline-block;
    }



}
@media (min-width:1030px){
    
    .about_introduce .introduce_info.desktop{
        
    }
    .about_introduce .introduce_img.desktop{
        
    }
    .about_introduce .introduce_info.mobile{
        display: none;
    }
    .about_introduce .introduce_img.mobile{
        display: none;
    }
}

    .banner_text_h4 {
    font-size:1vw;
    font-family:  AllianzSansWeb;
    color:#fff;
    }

    .banner_text_h4 {
    font-size:2vw;
    font-family:  AllianzSansWeb;
    color:#fff;
    }

    .banner_text_h3 {
    font-size:3vw;
    font-family:  AllianzSansWeb;
    color:#fff;
    }

    .banner_text_h2 {
    font-size:5vw;
    font-family:  AllianzSansWeb;
    color:#fff;
    }
     .banner_text_h1 {
    font-size:10vw;
    font-family:  AllianzSansWeb;
    color:#fff;
    }
    
    

.video-container {
    width: 100%;
    display: block; 
    position: relative;
    padding-bottom: 53%;
    padding-top: 30px; height: 0; 
    overflow: hidden; 
    -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.enews_btn{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    cursor: pointer;
}
.enews_btn.desktop{
    display:block;
    width: 200px;
}
.enews_btn.mobile{
    display:none;
}
@media (max-width: 768px) {
    .enews_btn.desktop{
        display:none;
    }
    .enews_btn.mobile{
        display:block;
    }
}

#contact {
    color: #ffffff;
    background: #013781; 
}
#contact .inner__inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #27589a; 
}
#contact .inner__inner:after {
    content: " ";
    display: block;
    clear: both; 
}
#contact .inner__inner:last-child {
    padding-bottom: 40px;
    border-bottom: none;
    display: block; 
}
@media (min-width: 768px) {
    #contact .inner__inner:last-child {
        display: inline-block; 
    } 
}
#contact a {
    color: #ffffff;
    text-decoration: none; 
}
#contact h6 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 29px; 
}
#contact p {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #c2cfe1; 
}
#contact span[class*="icon-"] {
    font-size: 35px; 
}
#contact span.icon-AGI_home {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #ffffff;
    color: #013781;
    font-size: 25px;
    border-radius: 3px;
    text-align: center;
    line-height: 35px; 
}
#contact span.icon-wechat {
    background: url("../images/wechat.png") center center no-repeat #ffffff;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 3px;
    text-align: center; 
}
#contact p.contactUsBtn-container input {
    width: 250px;
    height: 46px;
    float: left;
    padding: 5px 10px;
    color: #4d4d4d;
    outline: 0;
    border: 0;
    margin-bottom: 10px; 
}
#contact p.contactUsBtn-container #RegisterBtn {
    width: auto;
    color: #fff;
    padding: 12.5px 20px; 
}
#contact p.contactUsBtn-container input[name=first_name],
#contact p.contactUsBtn-container input[name=last_name] {
    width: 49%; 
}
#contact p.contactUsBtn-container input[name=last_name] {
    margin-right: 2%; 
}
#contact p.contactUsBtn-container input[name=company_name],
#contact p.contactUsBtn-container input[name=email] {
    width: 100%; }
#contact label[for=accept_policy] a {
    text-decoration: underline; 
}
#contact #contactUsBtn, #contact #RegisterBtn {
    width: 98.0038%;
    float: left;
    margin-left: 0.9981%;
    margin-right: 0.9981%;
    margin: 0;
    padding: 12.5px;
    background: #4c73a7;
    font-size: 15px;
    font-weight: 700;
    display: block;
    text-align: center; 
}
#contact #contactUsBtn:hover, #contact #RegisterBtn:hover {
    background: #009ee0;
    cursor: pointer;
}
#contact .iconLinks {
    display: block;
    margin: 0;
    padding: 0; 
}
#contact .iconLinks a img {
    width: 36px;
    height: 36px; 
}
#contact .iconLinks li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 25px; 
}
#contact span.icon-wechat {
    background: url(../images/wechat.png) center center no-repeat #ffffff;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 3px;
    text-align: center; 
}
#contact .radio,
#contact .checkbox {
    width: 100%;
    float: left; 
    margin-bottom: 10px;}
#contact .radio input[type=radio],
#contact .radio input[type=checkbox],
#contact .checkbox input[type=radio],
#contact .checkbox input[type=checkbox] {
    display: none; }
#contact .radio input[type=radio] + label,
#contact .radio input[type=checkbox] + label,
#contact .checkbox input[type=radio] + label,
#contact .checkbox input[type=checkbox] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding-left: 30px;
    word-break: break-all; 
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
}
#contact .radio input[type=radio] + label:before,
#contact .radio input[type=checkbox] + label:before,
#contact .checkbox input[type=radio] + label:before,
#contact .checkbox input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 1.4em;
    width: 1.4em;
    background-color: transparent;
    border: 1px solid white;
    margin-right: .5em;
    margin-left: -30px;
    float: left; 
}
#contact .radio input[type=radio]:checked + label:after,
#contact .radio input[type=checkbox]:checked + label:after,
#contact .checkbox input[type=radio]:checked + label:after,
#contact .checkbox input[type=checkbox]:checked + label:after {
    content: '';
    position: absolute;
    width: 1.7ex;
    height: 1ex;
    background: 0 0;
    top: .6ex;
    left: .6ex;
    border: 3px solid #009ee0;
    border-top: none;
    border-right: none;
    font-weight: lighter;
    transform: rotate(-45deg); 
}
#contact .radio .label,
#contact .checkbox .label {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    line-height: 1.42857;
    padding: 0; 
}

@media (min-width: 768px) {
/*@media (min-width: 1030px) {*/
  #contact {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; 
  }
    #contact:after {
      content: " ";
      display: block;
      clear: both; 
    }
    #contact .inner__inner {
      width: 30%;
      float: left;
      margin-left: 0.9981%;
      margin-right: 0.9981%;
      padding-top: 65px;
      padding-bottom: 65px;
      border-bottom: none; 
    }
    #contact .inner__inner:first-child {
      width: 30%;
      float: left;
      margin-left: 0.9981%;
      margin-right: 0.9981%;
      padding-top: 65px;
      padding-bottom: 65px;
      border-bottom: none; 
    }
/*    #contact .inner__inner:nth-child(2) {
      width: 39.67047%;
      float: left;
      margin-left: 0.9981%;
      margin-right: 0.9981%;
      padding-top: 65px;
      padding-bottom: 65px;
      border-left: 1px solid #27589a;
      border-right: 1px solid #27589a; 
    }*/
    #contact .inner__inner:last-child {
      width: 66%;
      float: left;
      margin-left: 0.9981%;
      margin-right: 0.9981%;
      padding-top: 63px;
      padding-bottom: 63px; 
      border-left: 1px solid #27589a; 
    }
    #contact #contactUsBtn {
      width: auto; 
      cursor: pointer;
    }
}