@font-face {
    font-family: 'Karla';
    src: url('/static/themes/t264/css/fonts/Karla.eot');
    src: url('/static/themes/t264/css/fonts/Karla.eot') format('embedded-opentype'),
         url('/static/themes/t264/css/fonts/Karla.woff2') format('woff2'),
         url('/static/themes/t264/css/fonts/Karla.woff') format('woff'),
         url('/static/themes/t264/css/fonts/Karla.ttf') format('truetype'),
         url('/static/themes/t264/css/fonts/Karla.svg#Karla') format('svg');
}
@font-face {
    font-family: 'Circular-Std-light';
    src: url('/static/themes/t264/css/fonts/CircularStdlight.eot');
    src: url('/static/themes/t264/css/fonts/CircularStdlight.eot') format('embedded-opentype'),
         url('/static/themes/t264/css/fonts/CircularStdlight.woff2') format('woff2'),
         url('/static/themes/t264/css/fonts/CircularStdlight.woff') format('woff'),
         url('/static/themes/t264/css/fonts/CircularStdlight.ttf') format('truetype'),
         url('/static/themes/t264/css/fonts/CircularStdlight.svg#CircularStdlight') format('svg');
}
@font-face {
    font-family: 'Circular-Std-bold';
    src: url('/static/themes/t264/css/fonts/CircularStdbold.eot');
    src: url('/static/themes/t264/css/fonts/CircularStdbold.eot') format('embedded-opentype'),
         url('/static/themes/t264/css/fonts/CircularStdbold.woff2') format('woff2'),
         url('/static/themes/t264/css/fonts/CircularStdbold.woff') format('woff'),
         url('/static/themes/t264/css/fonts/CircularStdbold.ttf') format('truetype'),
         url('/static/themes/t264/css/fonts/CircularStdbold.svg#CircularStdbold') format('svg');
}
@font-face {
    font-family: 'sfburlingtonscript-bold';
    src: url('/static/themes/t264/css/fonts/sfburlingtonscript-bold.woff') format('woff'),
         url('/static/themes/t264/css/fonts/sfburlingtonscript-bold.ttf') format('truetype')
}

@font-face {
    font-family: baloobhai-regular;
    src: url(/static/themes/t264/css/fonts/BalooBhai-Regular.woff2) format("woff2"),url(/static/themes/t264/css/fonts/BalooBhai-Regular.woff) format("woff"),url(/static/themes/t264/css/fonts/BalooBhai-Regular.eot) format("embedded-opentype"),url(/static/themes/t264/css/fonts/BalooBhai-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: bayon-regular;
    src: url(/static/themes/t264/css/fonts/Bayon-Regular.woff2) format("woff2"),url(/static/themes/t264/css/fonts/Bayon-Regular.woff) format("woff"),url(/static/themes/t264/css/fonts/Bayon-Regular.eot) format("embedded-opentype"),url(/static/themes/t264/css/fonts/Bayon-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: inter;
    src: url(/static/themes/t264/css/fonts/Inter.woff2) format("woff2"),url(/static/themes/t264/css/fonts/Inter.woff) format("woff"),url(/static/themes/t264/css/fonts/Inter.eot) format("embedded-opentype"),url(/static/themes/t264/css/fonts/Inter.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Barlow';
    src: url('/static/themes/t264/css/fonts/Barlow-Regular.eot');
    src: url('/static/themes/t264/css/fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/themes/t264/css/fonts/Barlow-Regular.woff2') format('woff2'),
        url('/static/themes/t264/css/fonts/Barlow-Regular.woff') format('woff'),
        url('/static/themes/t264/css/fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('/static/themes/t264/css/fonts/BebasNeue.eot');
    src: url('/static/themes/t264/css/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
        url('/static/themes/t264/css/fonts/BebasNeue.woff2') format('woff2'),
        url('/static/themes/t264/css/fonts/BebasNeue.woff') format('woff'),
        url('/static/themes/t264/css/fonts/BebasNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: '10';
    src: url('/static/css/fonts/a0.eot');
    src: url('/static/css/fonts/a0.eot?#iefix') format('embedded-opentype'),
        url('/static/css/fonts/a0.woff2') format('woff2'),
        url('/static/css/fonts/a0.woff') format('woff'),
        url('/static/css/fonts/a0.ttf') format('truetype'),
        url('/static/css/fonts/a0.svg#a0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'AlimamaFangYuanTiVF-Thin';
    src: url('/static/css/fonts/AlimamaFangYuanTiVF-Thin.eot');
    src: url('/static/css/fonts/AlimamaFangYuanTiVF-Thin.eot') format('embedded-opentype'),
         url('/static/css/fonts/AlimamaFangYuanTiVF-Thin.woff2') format('woff2'),
         url('/static/css/fonts/AlimamaFangYuanTiVF-Thin.woff') format('woff'),
         url('/static/css/fonts/AlimamaFangYuanTiVF-Thin.ttf') format('truetype');
}
:root{
    --font_title:Bayon-Regular;
    --font_content:Inter;
    --font_btn:BalooBhai-Regular;
    --font_barlow:Barlow;
    --font_BebasNeue:BebasNeue;
    --font_10: '10';
    --font_mama: AlimamaFangYuanTiVF-Thin;
}
.page_wrap{max-width: 1440px;margin: auto;width: 84%}
.page_wrap_1440{max-width: 1440px;margin: auto;width: 94%}
.page_1200_wrap{max-width: 1200px;margin: auto;width: 94%}
.page_1708_wrap{max-width: 1708px;margin: auto;width: 94%}
.page_1510_wrap{max-width: 1510px;margin-right: 0;margin-left: auto;width: 94%}

.page_subtitle{font-size: 50px;color: #fff;font-family: var(--font_content)}
.page_subtitle p{font-size: 160px;font-family: var(--font_title);color: #fff;display: inline-block;line-height: 120px;margin: 0 10px!important}
.page_small_title{font-size: 30px;color: #fff;font-family:var(--font_title)}
.page_small_subtitle{font-size: 40px;color: #fff;font-family:var(--font_title)}
.page_title{font-size: 135px;line-height: 100px;color: #fff;font-family: var(--font_title)}
.page_big_title{font-size: 160px;line-height: 120px;color: #fff;font-family: var(--font_title)}
.page_btn a{border: 1px solid #4a3668;overflow: hidden;position: relative;padding: 0 25px;box-sizing: border-box;font-size: 20px;line-height: 60px;font-family: var(--font_btn);min-width: 400px;background: #4a3668;text-align: center;display: inline-block;color: #fff;border-radius: 50px;box-sizing: border-box;}
/*.page_btn a em{position: relative;z-index: 2}
.page_btn a:before{   content: '';z-index: 1;position: absolute;top: 150%;left: 50%;margin: -15px 0 0 1px;width: 40%;height: 30px;border-radius: 50%;background: #ff6481;transform: translate(-50%);transition: all .3s;}
.page_btn a:hover::before{transform:translateX(-50%) scale(10) ;}
*/
.page_btn a{border: 1px solid #4a3668;overflow: hidden;position: relative;padding: 0 25px;box-sizing: border-box;font-size: 20px;line-height: 60px;font-family: var(--font_btn);min-width: 400px;background: linear-gradient(to right,#f06385,#835f9e)!important;text-align: center;display: inline-block;color: #fff;border-radius: 15px;box-sizing: border-box;}
.page_btn a:hover{background: linear-gradient(to right,#f06385,#835f9e)!important}
.center{text-align: center;}
.page_wrap_1440{max-width: 1440px;width: 92%;margin: auto}
.page_wrap_1330{max-width: 1330px;width: 92%;margin: auto}
.page_wrap_1100{max-width: 1100px;width: 92%;margin: auto}

.page_small_btn a{font-size: 20px;line-height: 50px;font-family: var(--font_btn);color: #fff;background: #fff;border-radius: 10px;background: linear-gradient(to right,#f06385,#835f9e);display: block;padding: 0 40px;box-sizing: border-box;display: inline-block;}
.page_mod_title{font-size: 40px;line-height: 52px;color: #ffffff;font-family: var(--font_BebasNeue)}


.page_big_btn a{border: 1px solid #4a3668;overflow: hidden;position: relative;padding: 0 25px;box-sizing: border-box;font-size: 30px;line-height: 90px;font-family: var(--font_btn);min-width: 400px;background: #4a3668;text-align: center;display: inline-block;color: #fff;border-radius: 50px;box-sizing: border-box;}
.page_big_btn a em{position: relative;z-index: 2}
.page_big_btn a:before{   content: '';z-index: 1;position: absolute;top: 150%;left: 50%;margin: -15px 0 0 1px;width: 40%;height: 30px;border-radius: 50%;background: #ff6481;transform: translate(-50%);transition: all .3s;}
.page_big_btn a:hover::before{transform:translateX(-50%) scale(10) ;}
    

.page_content{font-size: 20px;line-height: 36px;color: #fff;font-family: var(--font_content)}
.page_small_content{font-size: 18px;line-height: 32px;color: #fff}
.center{text-align: center;}
/*.page_header_btn a{transition: all .5s;border: 1px solid #ff6481;overflow: hidden;position: relative;font-size: 20px;line-height: 60px;font-family: var(--font_btn);color: #fff;background: #fff;border-radius: 50px;background: #ff6481;white-space: nowrap;display: block;padding: 0 40px;box-sizing: border-box;}
.page_header_btn a em{position: relative;z-index: 2}
.page_header_btn a:before{   content: '';z-index: 1;position: absolute;top: 150%;left: 50%;margin: -15px 0 0 1px;width: 40%;height: 30px;border-radius: 50%;background: #4a3668;transform: translate(-50%);transition: all .3s;}
.page_header_btn a:hover::before{transform:translateX(-50%) scale(10) ;}
.page_header_btn a:hover{background: #4a3668}  */ 

.page_header_btn a{font-size: 24px;line-height: 60px;font-family: var(--font_btn);color: #fff;background: #fff;border-radius: 15px;background: linear-gradient(to right,#f06385,#835f9e);display: block;padding: 0 45px;box-sizing: border-box;display: inline-block;white-space: nowrap;}

.page_li_tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 18px;line-height: 45px;color:#fff;border-radius:50px;padding:0 25px 0 55px;margin-right: 30px;background: url(/u_file/2305/photo/d2b89006f2.png) no-repeat left center;background-size: contain;background-color:#00000059;}
.page_li_tel{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 18px;line-height: 45px;color:#fff;border-radius:50px;padding:0 25px 0 55px;margin-right: 30px;background: url(/u_file/2305/photo/09cae3200a.png) no-repeat left center;background-size: contain;background-color:#00000059;}
.page_li_mess{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 18px;line-height: 45px;color:#fff;border-radius:50px;padding:0 25px 0 55px;margin-right: 30px;background: url(/u_file/2305/photo/42156e60c0.png) no-repeat left center;background-size: contain;background-color:#00000059;}
.page_li_question{display: inline-block;font-size: 14px;line-height: 26px;color:#fff;border-radius:50px;padding:0 25px 0 35px;margin-right: 30px;background: url(/u_file/2305/photo/2bf1669124.png) no-repeat left center;border: 1px solid #fff;}
.page_img_box{position: relative;padding-top: 100%}
.page_img_box img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}

.banner .page_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 1200px;text-align: center;}
.banner .page_banner_content{font-size: 28px;line-height: 36px;color: #fff;font-family: var(--font_content);margin-top: 50px;margin-bottom: 100px}
.banner .page_btn a{transition: all .5s;border: unset;background: #ff6481}
.banner .page_btn a:before{background: #4a3668}
.banner .page_btn a:hover{background: #4a3668}  
.banner .page_wrap .page_subtitle{font-family:var(--font_content);margin-bottom: 15px}
.banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-direction a{display: none}

@media screen and (max-width:1440px){
    .page_header_btn a{padding: 0 25px;line-height: 50px}
    .page_big_title{font-size: 120px;line-height: 90px}
    .page_subtitle{font-size: 30px}
    .page_btn a{min-width: 300px}
    .page_title{font-size: 100px;line-height: 80px}
    .page_content{font-size: 18px;line-height: 30px}
    .page_btn a{min-width: 250px}
    .page_small_subtitle{font-size: 26px}
    .page_small_title{font-size: 24px}
}
@media screen and (max-width:991px){

    .page_header_btn a{font-size: 22px;line-height: 22px;display: inline-block;text-align: center;    padding: 8px 28px;border-radius: 5px }
}
@media screen and (max-width:750px){
    .page_small_subtitle{font-size: 40px;line-height: 51px}
    .page_small_title{font-size: 46px}
    .page_subtitle{font-size: 40px}
    .page_big_title{font-size: 240px;line-height: 120px}
    .page_btn{width: 100%;text-align: center;}
    .page_btn a{font-size: 28px;line-height: 80px;width: 84%;}
    .page_title{font-size: 160px;line-height: 120px}
    .page_content{font-size: 24px;line-height: 36px}
    .page_header_btn a{border-radius: 10px;font-size: 22px;line-height: 22px;display: inline-block;text-align: center;    padding: 8px 28px; }
    .page_li_tit{display: inline-block;font-size: 24px;line-height: 35px;color:#fff;border-radius:50px;padding:0 20px 0 50px;margin-right: 30px;}
    .page_li_tel{display: inline-block;font-size: 24px;line-height: 35px;color:#fff;border-radius:50px;padding:0 20px 0 50px;margin-right: 30px;}
    .page_li_mess{display: inline-block;font-size: 24px;line-height: 35px;color:#fff;border-radius:50px;padding:0 20px 0 50px;margin-right: 30px;}
    .banner .page_wrap{top: 60%}
    .banner .page_wrap .page_title{margin-top: 5px}
    .banner .page_wrap .page_subtitle{font-size: 28px}
    .banner .page_banner_content{font-size: 24px;margin-bottom: 30px}
    .page_small_content{font-size: 24px;line-height: 32px}
}

@media screen and (max-width:500px){
    .page_header_btn a{line-height: 20px;padding: 5px 14px;font-size: 14px}

    .page_small_subtitle{font-size: 20px;line-height: 26px}
    .page_small_title{font-size: 22px}
    .page_subtitle{font-size: 20px}
    .page_big_title{font-size: 120px;line-height: 60px}
    .page_btn a{font-size: 14px;line-height: 40px;}
    .page_title{font-size: 80px;line-height: 60px}
    .page_content{font-size: 14px;line-height: 24px}
    .page_li_tit{font-size: 14px;line-height: 25px;padding:0 10px 0 30px;margin-right: 15px;}
    .page_li_tel{font-size: 14px;line-height: 25px;padding:0 10px 0 30px;margin-right: 15px;}
    .page_li_mess{font-size: 14px;line-height: 25px;padding:0 10px 0 30px;margin-right: 15px;}

    .banner .page_wrap .page_subtitle{font-size: 18px;margin-bottom: 5px}
    .banner .page_banner_content{font-size:14px;margin-bottom: 15px;line-height: 24px;margin-top: 15px}
    .page_small_content{font-size: 14px;line-height: 24px}

    .page_big_btn a{min-width:unset;width:82%;line-height:60px;font-size:20px}

}