@charset "UTF-8";

:root{
    /* 正常 */
    --g-fontsize: 17px;
    /* banner标题 */
    --g-fontsize-bannerTitle: 44px;
    /* 块标题 */
    --g-fontsize-blockTitle: 28px;
    --g-fontsize-24: 24px;
    /* 块子标题 */
    --g-fontsize-blockSubTitle: 22px;
    /* 第三级标题 */
    --g-fontsize-thirdTitle: 22px;
    /* 加大字体 */
    --g-fontsize-xl: 20px;
    /* 大字体 */
    --g-fontsize-l: 18px; 
    /* 中等字体 */
    --g-fontsize-middle: 16px;
    /* 小字体 */
    --g-fontsize-small:14px;
    /* 小小字体mini */
    --g-fontsize-mini:12px;
    /* 数据字超大 */
    --g-fontsize-bignum: 40px;

    /* 正常 */
    --g-color-text:#444444;
    /* 文本白色 */
    --g-color-white:#ffffff;
    /* 高亮 */
    --g-color-active: #eba02b;
    /* 更高亮的 */
    --g-color-active-brighter: #EBA02B;
    /* 按钮文字 */
    --g-color-btntext: #1e222b;
    /* 块标题 */
    --g-color-blockTitle: #222222;
    /* 表单label */
    --g-color-formLabel: #444444;
    /* placeholder */
    --g-color-placeholder: #999;
    /* 特别点的颜色 */
    --g-color-special: #4E596F;

    --g-fontsize-12: 12px;
    --g-fontsize-13: 13px;
    --g-fontsize-14: 14px;
    --g-fontsize-15: 15px;
    --g-fontsize-16: 16px;
    --g-fontsize-17: 17px;
    --g-fontsize-18: 18px;
    --g-fontsize-20: 20px; 
    --g-fontsize-22: 22px; 
    --g-fontsize-24: 24px; 
    --g-fontsize-28: 28px; 
    --g-fontsize-30: 30px; 
    --g-fontsize-32: 32px; 
    --g-fontsize-36: 36px; 
    --g-fontsize-40: 40px;
    --g-fontsize-42: 42px; 
    --g-fontsize-80: 80px; 

    --g-color-0: #eba02b;
    --g-color-1: #87a0a5;
    --g-color-2: #1e222b;
    --g-color-3: #424242;
    --g-color-4: #011D3B;
    --g-color-5: #FFFFFF;
    --g-color-6: #393A3B;
    --g-color-7: #B3C3D0;
    --g-color-8: #000;
}

*{margin: 0;padding:0;}
html {color: var(--g-color-blockTitle);height: 100%;scroll-behavior:smooth;}
body {position: relative;min-height:100%;font-family: sans-serif,"Helvetica Neue", Helvetica,Arial;-webkit-text-size-adjust:none;font-size: var(--g-fontsize-17);color: var(--g-color-text);line-height: 1.6;margin: 0;padding: 0;}
cite,em,i{font-style: normal;}
article,section{display: block;}
/* h1,h2,h3,h4,h5,h6,strong{} */
li{list-style: none;}
a{text-decoration: none; color: inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:active { color: inherit; }
input,textarea{-webkit-tap-highlight-color:transparent;appearance: none;-webkit-appearance: none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input[type=number]{-moz-appearance: textfield;appearance: textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;}   /*去除在Chrome中type=number的input输入框中的上下小箭头*/
input::-webkit-search-decoration { -webkit-appearance: none }
button,select{-webkit-touch-callout: none;appearance: none; -webkit-appearance: none ;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{vertical-align: top;border-style:none;border:none;appearance: none;-webkit-appearance: none;outline: none;-webkit-user-drag: none;}
input[type="text"]::-webkit-input-placeholder {font-size: var(--g-fontsize-small);color:var(--g-color-placeholder); }
input[type="tel"]::-webkit-input-placeholder {font-size: var(--g-fontsize-small);color: var(--g-color-placeholder); }
input[type="search"]::-webkit-search-cancel-button{display: inline;}
textarea::-webkit-input-placeholder {font-size:16px;color:var(--g-color-placeholder);font-weight: normal;}
select{appearance: none;outline: none;}

.content{ max-width: 1100px;margin: 0 auto;}
.hidden{overflow: hidden;}
.red{color: #f00 !important;font-size: inherit;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.fw{font-weight:bold;}
.tc{text-align: center;}

/*自动消失提示框插件*/
/* .toast{position: fixed;left: 0;top: 20%;width: 100%;text-align: center;opacity: 0.8;z-index: 99999;-webkit-transition:opacity 0.5s;transform: translate3d(0, 0, 0);} */
/* .toast p{display: inline-block;box-sizing: border-box;max-width: 300px; padding: 10px 30px;border-radius: 8px;font-size: var(--g-fontsize-small); background:#333;color: #fff;} */
.toast{ width: 100%; max-width: 380px; box-sizing: border-box; border-width: 1px; border-style: solid; background-color: #f0f9eb; border-color: #e1f3d8; position: fixed; left: 50%; top: 20px; transform: translateX(-50%); transition: opacity .3s,transform .4s,top .4s; padding: 15px 15px 15px 30px; display: flex; align-items: center; z-index: 999999999;}
.toast p{padding:0 16px;font-size: var(--g-fontsize-middle); line-height: 1; color: #67C23A;text-align: center;}
.toast.close{top:0px;opacity:0;transform: translateX(-50%) translateY(-100%);}

.toast[status='error']{background-color: #fef0f0; border-color: #fde2e2;}
.toast[status='error'] p{color: #F56C6C;}

/*正在加载*/
.loading{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;white-space: nowrap;line-height: 44px;text-align: center;font-size: 0;background: rgba(0,0,0,0.2);z-index: 999999999;}
.loading:before{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 100%;}
.loading cite{display: inline-block;vertical-align: middle;min-width: 80px;max-width: 200px;min-height: 80px;padding: 15px; background: #fff;border-radius: 5px;text-align: center;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
/*.loading cite i{display: block;font-size: var(--g-fontsize-bignum);line-height: 40px;margin-top: 10px;height: 40px;-webkit-animation: rotate 2s linear infinite;}*/
.loading cite img{width:60px;vertical-align: middle;}
.loading cite p{color: #000;font-size: var(--g-fontsize-small);line-height: 18px;letter-spacing: 0.5px;white-space: normal;}
.loading_box{width: 30px; height: 30px; display: inline-block; padding: 0; border-radius: 100%; border: 5px solid; border-top-color: #000; border-bottom-color: #0000001a; border-left-color: #000; border-right-color: #0000001a; animation: rotate 1s ease-in-out infinite;}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 按钮 */
.commonbtn{display: inline-block;border-radius: 4px;padding: 8px 16px;min-width: 100px;color: var(--g-color-btntext);background-color: var(--g-color-active);transition: all 0.3s;box-sizing: border-box;text-align: center;}
a.commonbtn{cursor: pointer;}
.commonbtn.commonbtn2{background-color: #33384A;color: var(--g-color-white);}
/* .commonbtn:hover{background-color: #87A0A5;} */
.commonbtn.small{padding: 4px 6px;font-size: var(--g-fontsize-middle);min-width: 80px;}

.fadeIn{animation: fadeIn 2s;}
@keyframes fadeIn {
    0% {opacity: 0;transform:translate3d(0,100%,0);}
    100% {opacity: 1;transform: translate3d(0,0,0);}
}

/* 注释 */
.tips{font-size: var(--g-fontsize-small);color: #393A3B;}

/* 菜单 */
.head{position: relative;}
.head_fixed{position: fixed;left: 0;right: 0;background-color: rgba(30,34,43,0);border-bottom: 1px solid #FFFFFF14;z-index: 99;transition: background-color 0.3s ease}
.head_content{position: relative;display: flex;align-items: center;min-height: 70px;padding: 10px 10px;}
.head_logo{flex-shrink: 0;width: 20%;}
.head_logo img{max-width: 100%;height: auto;}
.head_menu{flex: 1;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;width: 100%;}

.head_menu_info{width: 100%;color: var(--g-color-5);display: flex;justify-content: flex-end;}
.head_menu_info_item +.head_menu_info_item{margin-left: 24px;}
.head_menu_info_item a{margin: 5px 0 6px;display: inline-flex;align-items: center;}
.head_menu_info_item a i{font-size: var(--g-fontsize-14);color: var(--g-color-0);}
.head_menu_info_item a span{display: inline-block;padding-left: 5px;font-size: var(--g-fontsize-15);color: var(--g-color-5);-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.head_menu_list{position: relative;}
.head_menu_list ul{display: flex;justify-content: flex-end;}
.head_menu_list li{position: relative;display: flex;align-items: center;margin-left: 20px;}
.head_menu_list li:first-child{margin-left: 0;}
.head_menu_list li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background-color: var(--g-color-active);}
.head_menu_list li>a{position: relative;display: flex;padding: 10px 10px 12px;color: var(--g-color-white);line-height: 1;cursor: pointer;}
.head_menu_drop{display: inline-flex;padding-right: 10px;}
.head_menu_drop span{display: inline-block;width: 0; height: 0; border-top: 6px solid var(--g-color-white); border-left: 6px solid transparent; border-right: 6px solid transparent;transition: all 0.3s;transform: rotateZ(0);}
.head_menu_list li.active::after{transition: all 0.3s;width: 100%;}
.head_menu_list li:hover::after{transition: all 0.3s;width: 100%;}
.head_menu_list li:hover .head_menu_drop span{transform: rotateZ(180deg)}
.head_submenu{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);min-width: 100%;background-color: #f0f5ff;transition: all 0.3s;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);overflow: hidden;height: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;}
.head_submenu a{display: block;padding: 10px 22px;text-align: center;border-bottom: 1px solid rgba(132, 132, 132, 0.15);white-space: nowrap;cursor: pointer;}
.head_submenu a.active{color: var(--g-color-white);background-color: #33384A;border-color: #33384A;}
.head_submenu a:hover{color: var(--g-color-white);background-color: #33384A;border-color: #33384A;}
.head_menu_list li:hover .head_submenu{height: auto;display: block;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.head_menu_list li:last-child a{padding-right: 0;}
/* 手机菜单 */
.mhead_menu{display: none;}
.mhead_menu_switch_box{display: flex;flex-direction: column;align-items: center;padding: 8px;border: 1px solid var(--g-color-active);cursor: pointer;margin-right: 10px;transition: all 0.3s;}
.mhead_menu_switch_box span{position: relative;top: 0;display: inline-block;width: 20px;height: 2px;background-color: var(--g-color-active);border-radius: 3px;transition: all 0.3s;}
.mhead_menu_switch_box span.line2{margin: 6px 0;}
.mhead_menu_switch_box:hover{background-color: var(--g-color-active);border-color: var(--g-color-white);}
.mhead_menu_switch_box:hover span{background-color: var(--g-color-white);}
.mhead_menu.active .mhead_menu_switch_box{background-color: var(--g-color-active);border-color: var(--g-color-white);}
.mhead_menu.active .mhead_menu_switch_box span{background-color: var(--g-color-white);}
.mhead_menu.active .mhead_menu_switch_box span.line2{transform: scale(0);}
.mhead_menu.active .mhead_menu_switch_box span.line1{transform: rotateZ(45deg);top: 8px;}
.mhead_menu.active .mhead_menu_switch_box span.line3{transform: rotateZ(-45deg);top: -8px;}
.mhead_menu_list{position: absolute;left: 0;top: 100%;width: 100%;height: 0;overflow: hidden;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);transition: all 0.3s;background-color: #f0f5ff;border-bottom: 1px solid rgba(132, 132, 132, 0.15);}
.mhead_menu_list li{display: block;border-bottom: 1px solid rgba(132, 132, 132, 0.15);}
.mhead_menu_list li a{position: relative;display: flex;justify-content: center;text-align: center;cursor: pointer;}
.mhead_menu_list li a .linkname{position: relative;padding: 18px 0;}
.mhead_menu_list li a .head_menu_drop{display: inline-flex;align-items: center;padding: 0 20px;}
.mhead_menu_list li a .head_menu_drop span{border-top-color:#000;}
.mhead_menu_list li a[href]:hover{color: var(--g-color-white);background-color: #33384A;}
.mhead_menu_list li a[href]:hover .head_menu_drop span{border-top-color: var(--g-color-white);}
.mhead_submenu{transition: all 0.3s;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);overflow: hidden;height: 0;}
.mhead_submenu a .linkname{font-size: var(--g-fontsize-middle);}
.mhead_menu_list li.expand .mhead_submenu{height: auto;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.mhead_menu_list li.expand .head_menu_drop span{transform: rotateZ(180deg)}

.mhead_menu.active .mhead_menu_list{height: auto;display: block;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);max-height: 600px;overflow-y: auto;}
@media screen and (max-height:400px) { .mhead_menu.active .mhead_menu_list{max-height: 300px;} }
@media screen and (min-height:400px) and (max-height:500px) { .mhead_menu.active .mhead_menu_list{max-height: 360px;} }
@media screen and (min-height:500px) and (max-height:600px) { .mhead_menu.active .mhead_menu_list{max-height: 400px;} }
@media screen and (min-height:600px) and (max-height:700px) { .mhead_menu.active .mhead_menu_list{max-height: 480px;} }
@media screen and (min-height:700px) and (max-height:800px) { .mhead_menu.active .mhead_menu_list{max-height: 560px;} }
@media screen and (min-height:800px) and (max-height:900px) { .mhead_menu.active .mhead_menu_list{max-height: 600px;} }
@media screen and (min-height:900px) and (max-height:1000px) { .mhead_menu.active .mhead_menu_list{max-height: 700px;} }
@media screen and (min-height:1000px) { .mhead_menu.active .mhead_menu_list{max-height: 800px;} }

/* 底部 */
.foot{position: relative;padding-top: 60px;}
.foot_warp{position: relative;padding: 30px;background-color: #1E222B;border-radius: 12px;}
.foot_info{display: flex;align-items: center;padding: 0 30px 20px;border-bottom: 1px solid var(--g-color-white);}
.foot_info_links{flex: 1;}
.foot_info_links_logo{position: relative;}
.foot_info_links_logo img{height: 30px;}
.foot_info_links_icon{display: flex;align-items: center;margin-top: 30px;}
.foot_info_links_icon a{margin-right: 24px;}
.foot_info_qrcode{flex-shrink: 0;display: flex;align-items: center;}
.foot_info_qrcode_item{position: relative;margin-left: 30px;}
.foot_info_qrcode_item_box{position: relative;width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;}
.foot_info_qrcode_item_box .corner1{position: absolute;left: 0;top: 0;width: 14px;height: 14px;border-top: 1px solid var(--g-color-active);border-left: 1px solid var(--g-color-active);}
.foot_info_qrcode_item_box .corner2{position: absolute;right: 0;top: 0;width: 14px;height: 14px;border-top: 1px solid var(--g-color-active);border-right: 1px solid var(--g-color-active);}
.foot_info_qrcode_item_box .corner3{position: absolute;left: 0;bottom: 0;width: 14px;height: 14px;border-left: 1px solid var(--g-color-active);border-bottom: 1px solid var(--g-color-active);}
.foot_info_qrcode_item_box .corner4{position: absolute;right: 0;bottom: 0;width: 14px;height: 14px;border-right: 1px solid var(--g-color-active);border-bottom: 1px solid var(--g-color-active);}
.foot_info_qrcode_item_box img{max-width: 100%;max-height: 100%;}
.foot_info_qrcode_item_text{margin-top: 5px;font-size: var(--g-fontsize-small);color: var(--g-color-white);text-align: center;}
.foot_address{position: relative;padding: 30px 30px 0;}
.foot_address_list{position: relative;}
.foot_address_list ul{margin-top: 20px;display: flex;}
.foot_address_list ul:first-child{margin-top: 0;}
.foot_address_list li{box-sizing: border-box;}
.foot_address_list li:first-child{width: 45%;padding-right: 15px;}
.foot_address_list li:last-child{width: 55%;}
.address_name{color: var(--g-color-active);}
.address_text{margin-top: 6px;display: flex;}
.address_text label{flex-shrink: 0;font-size: var(--g-fontsize-small);color: var(--g-color-white);}
.address_text span{flex: 1;font-size: var(--g-fontsize-small);color: var(--g-color-white);}
.foot_links{display: flex;padding: 10px 30px;}
.foot_links a{font-size: var(--g-fontsize-mini);color: #676878;}
.foot_links_copyright{flex: 1;}
.foot_links_other{flex-shrink: 0;}
.foot_links_other a{margin-left: 30px;}
.foot_links_other a:first-child{margin-left: 0;}

/* 底部消息按钮 */
.message{position: fixed;right: 15px;bottom: 15px;padding: 8px;border-radius: 50%;background-color: var(--g-color-active);cursor: pointer;transition: all 0.3s;}
.message img{width: 38px;height: 38px;}
.message:hover{transform: scale(1.1);}
/* .msg_dialog{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow-y: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 99;} */
.msg_dialog{position: fixed;left: 0;top: 0;width: 100%;height: 0%;overflow-y: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 99;overflow: hidden;}
.msg_dialog.show{height: 100%;overflow-y: auto;animation: circleShow 0.8s;}
@keyframes circleShow{
    0% {clip-path: circle(0px at calc(100% - 42px) calc(100% - 42px));}
    95% {clip-path: circle(2200px at calc(100% - 42px) calc(100% - 42px));}
    100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

.msg_dialog_warp{position: absolute;left: 50%;top: 20vh;transform: translateX(-50%);width: 750px;max-width: 90%;padding: 30px;background-color: var(--g-color-white);border-radius: 8px;box-sizing: border-box;}
.msg_dialog_title{font-size:  var(--g-fontsize-xl);color: var(--g-color-blockTitle);}
/* .msg_form{display: flex;margin: 30px -8px;flex-wrap: wrap;}
.msg_form_item{width: 50%;padding: 0 8px;margin-top: 15px; box-sizing: border-box;}
.msg_form_item:last-child{width: 100%;}
.msg_form_item_label{color: var(--g-color-formLabel);}
.msg_form_item_label em{display: inline-block;margin-left: 8px;font-size: var(--g-fontsize-mini);color: #f00;}
.msg_form_item_input{position: relative;margin-top: 5px;}
.msg_form_item_input input{font-size: var(--g-fontsize-middle);width: 100%;box-sizing: border-box;padding: 10px 10px;border: 1px solid #dddddd;background-color: #FAFAFA;}
.msg_form_item_input textarea{font-size: var(--g-fontsize-middle);width: 100%;box-sizing: border-box;padding: 12px 10px;border: 1px solid #dddddd;background-color: #FAFAFA;}
.msg_form_submit{margin-top: 20px;text-align: center;} */

.contact_form{display: flex;flex-wrap: wrap;}
.contact_form .form_item{width: 50%;padding: 0 10px;margin-top: 30px;box-sizing: border-box;border-radius: 4px;}
.contact_form .form_item .form_item_warp{display: flex;flex-direction: column;}
.contact_form .form_item .form_item_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contact_form .form_item .form_item_label em{color: #f00;font-size: var(--g-fontsize-mini);}
.contact_form .form_item .form_item_content{position: relative;margin-top: 10px;}
.contact_form .form_item .form_item_select{height: 40px;width: 100%;}
.contact_form .form_item .form_item_select::after{content:"";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 6px solid #b6b6b6; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.contact_form .form_item .form_item_select select{height: 100%;width: 100%;padding: 0 60px 0 20px;font-size: var(--g-fontsize-middle);box-sizing: border-box;border: 0.5px solid rgba(179, 195, 208, 1);background: rgba(252, 253, 255, 1);border-radius: 5px;}
.contact_form .form_item .form_item_input input{width: 100%;box-sizing: border-box;line-height: 18px;padding: 10px 20px;font-size: var(--g-fontsize-middle);border: 0.5px solid rgba(179, 195, 208, 1);background: rgba(252, 253, 255, 1);border-radius: 5px;}
.contact_form .form_item .form_item_input textarea{width: 100%;box-sizing: border-box;line-height: 24px;padding: 20px 20px;font-size: var(--g-fontsize-middle);border: 0.5px solid rgba(179, 195, 208, 1);background: rgba(252, 253, 255, 1);border-radius: 5px;}

.contact_form .form_item-phone .form_item_input input.phoneInput{padding-left: 100px;}
.contact_form .form_item-phone .areacodeSelect{position: absolute;left: 0;top: 0;bottom: 0;width: 60px;padding-right: 30px;}
.contact_form .form_item-phone .areacodeSelect select{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;font-size: var(--g-fontsize-middle);padding-left: 20px;border: none;background-color: transparent;border-right: 0.5px solid rgba(179, 195, 208, 1);z-index: 2;}
.contact_form .form_item-phone .areacodeSelect::after{content:"";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 6px solid #b6b6b6; border-left: 6px solid transparent; border-right: 6px solid transparent;}

.contact_form .form_item:last-child{width: 100%;}
.contact_btn{text-align: center;margin-top: 20px;}
.contact_success{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 999;overflow-y: auto;}
.contact_success_content{position: relative;left: 50%;top: 50%;width: 400px;max-width: 100%;max-width: calc(100% - 40px); transform: translateX(-50%) translateY(-50%);padding: 30px;background-color: var(--g-color-white);text-align: center;border-radius: 5px;box-sizing: border-box;}
.contact_success_content h6{font-size:  var(--g-fontsize-xl);color: var(--g-color-blockTitle);text-align: center;margin-top: 30px;}
.contact_success_content p{font-size: var(--g-fontsize-middle);text-align: center;margin-top: 10px;}
@media screen and (max-width:768px) {
    .contact_form_warp{padding: 5px 5px 30px;}
    .contact_form .form_item{width: 100%;margin-top: 15px;}
    .contact_form .form_item .form_item_content{margin-top: 5px;}
}

.contact_form.contact_form2 .form_item{width: 100%;padding: 0 20px;margin-top: 10px;}

.msg_dialog_close{position: absolute;top: -40px;right: 0;width: 30px;height: 30px;background-color: var(--g-color-white);border-radius: 50%;cursor: pointer;}
.msg_dialog_close::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) rotateZ(45deg);width: 2px;height: 20px;background-color: #000000;border-radius: 4px;}
.msg_dialog_close::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) rotateZ(45deg);width: 20px;height: 2px;background-color: #000000;border-radius: 4px;}
.msg_dialog_close:hover{background-color: var(--g-color-active);transform: scale(1.1);}
.msg_dialog_close:hover::before{background-color: var(--g-color-white);}
.msg_dialog_close:hover::after{background-color: var(--g-color-white);}

/* banner样式 */
.commonbanner{position: relative;}
.commonbanner_box{position: relative;height: 0;padding-bottom: 24.65%;}
.commonbanner_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.commonbanner_img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.commonbanner_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.commonbanner_info{position: absolute;left: 0;top: 70px;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.commonbanner_info h1{opacity: 0;display: flex;font-size: var(--g-fontsize-bannerTitle);font-weight: normal;color: var(--g-color-white);animation: test 0.1s forwards 0.6s;}
.commonbanner_info h1 span{opacity: 0;display: inline-block;animation: moveup 0.3s cubic-bezier(0.56,0.09,0.49,1.37) forwards var(--delay);}
/* .commonbanner_info h1 span{opacity: 0;display: inline-block;animation: moveup 0.3s cubic-bezier(0.71, 0.42, 0.74, 1.35) forwards var(--delay);} */
@keyframes test {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes moveup {
    0% {opacity: 0;transform: translateX(-10%) translateY(-60%);}
    100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}
@media screen and (min-width:1600px) {
    .commonbanner_box{height: 400px;padding: 0;}
}
@media screen and (max-width:1200px) {
    .commonbanner_box{height: 330px;padding: 0;}
}
@media screen and (max-width:768px) {
    .commonbanner_box{height: 220px;padding: 0;}
    .commonbanner_info h1{font-size: var(--g-fontsize-blockSubTitle);}
}

/* 页面的联系板块 */
.page_contact{text-align: center;margin-top: 60px;}
/* .page_contact_content{width: 600px;max-width: 100%;margin: 0 auto;padding: 20px;box-sizing: border-box;text-align: center;box-shadow: 2px 8px 21px  rgba(173, 193, 224, 0.6);border-radius: 5px;} */
.page_contact_content{width: 600px;max-width: 100%;margin: 0 auto;padding: 20px;box-sizing: border-box;text-align: center;box-shadow: 2px 8px 21px  rgba(173, 193, 224, 0.6);border-radius: 5px;box-shadow: none;}
.page_contact_content h6{display: none;font-size: var(--g-fontsize-blockSubTitle);color: var(--g-color-blockTitle);}
.page_contact_content p{display: none;margin-top: 20px;}
.page_contact_content .commonbtn{margin-top: 20px;}

/* 页面一块一块的块盒样式 */
.page_block{padding: 50px 15px;}
.page_block_title{font-size: var(--g-fontsize-blockSubTitle);color: var(--g-color-blockTitle); font-weight: bold;margin-top: 40px;}
.page_block_intr{margin-top: 20px;}
.page_block_require{margin-top: 20px;}
.page_block_require p{margin-top: 10px;color: var(--g-color-blockTitle);}
.page_block .page_block_title:first-child{margin-top: 0;}
.page_block .page_block_title:first-of-type{margin-top: 0;}

/* 页面的相同板块样式 */
.page_info{background-color: #F0F5FF;padding: 50px 15px;}
.page_info_content{display: flex;}
.page_info_warp{width: 55%;padding-right: 60px;}
.page_info_title{font-size: var(--g-fontsize-thirdTitle);color: var(--g-color-blockTitle);font-weight: bold;}
.page_info_intr{margin-top: 20px;}
.page_info_intr p{margin-top: 15px;}
.page_info_reqire{margin-top: 30px;}
.page_info_reqire p{margin-top: 10px;font-weight: bold;color: #33384A;}
.page_info_btn{margin-top: 30px;}
.page_info_peitu{width: 45%;}
.page_info_peitu img{max-width: 100%;}
.page_highlight{position: relative;margin-top: 30px;}
.page_highlight_title{position: relative;margin-top: 20px;font-size:  var(--g-fontsize-xl);color: var(--g-color-blockTitle);font-weight: bold;}
.page_highlight_intr{margin-top: 30px;}
.page_highlight_intr p{margin-top: 10px;}
.page_highlight ul{position: relative;margin-top: 15px;}
.page_highlight li{margin-top: 10px;display: flex;}
.page_highlight_point{flex-shrink: 0;}
.page_highlight_point span{display: inline-block;width: 5px;height: 5px;border: 4px solid var(--g-color-active);border-radius: 50%;margin: 4px 15px 0 0;}
.page_highlight_text{flex: 1;}

/* 手机端 */
@media screen and (max-width:960px) {

    :root{
        /* 正常 */
        --g-fontsize-12: 12px;
        --g-fontsize-13: 13px;
        --g-fontsize-14: 14px;
        --g-fontsize-15: 15px;
        --g-fontsize-16: 16px;
        --g-fontsize-17: 16px;
        --g-fontsize-18: 17px;
        --g-fontsize-20: 20px; 
        --g-fontsize-22: 20px; 
        --g-fontsize-24: 20px; 
        --g-fontsize-28: 22px; 
        --g-fontsize-30: 22px; 
        --g-fontsize-32: 24px; 
        --g-fontsize-36: 26px; 
        --g-fontsize-40: 30px;
        --g-fontsize-42: 32px; 
        --g-fontsize-80: 80px; 
    }

    .head_content{justify-content: space-between;}
    .head_menu{display: none;}
    .mhead_menu{display: block;}
    .head_logo{width: auto;}
    .head_logo img{max-height: 28px;}
    

    .foot{padding-top: 40px;}
    .foot_warp{padding: 15px;}
    .foot_info{flex-wrap: wrap;padding: 0 10px 10px;}
    .foot_info_qrcode{width: 100%;margin-top: 20px;}
    .foot_info_qrcode_item{margin-left: 0;margin-right: 30px;}
    .foot_info_qrcode_item_box{width: 90px;height: 90px;}
    .foot_info_qrcode_item_box img{width: 80px;height: 80px;}
    .foot_address{padding: 10px;}
    .foot_address_list ul{flex-wrap: wrap;margin-top: 10px;}
    .foot_address_list li{width: 100% !important;margin-top: 15px;}
    .foot_links{padding: 10px 15px;flex-direction: column-reverse;}
    .foot_links_other a{margin-left: 10px;}

    .page_info_content{flex-direction: column;}
    .page_info_warp{padding-right: 0;width: 100%;}
    .page_info_peitu{width: 100%;margin-top: 20px;}
    
}