html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-regular.eot');
    src: url('../fonts/montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-regular.woff2') format('woff2'),url('../fonts/montserrat/montserrat-regular.woff') format('woff'),url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-regular.eot');
    src: url('../fonts/montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-regular.woff2') format('woff2'),url('../fonts/montserrat/montserrat-regular.woff') format('woff'),url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
    font-weight: 300;
    font-display: swap
}
@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-bold.eot');
    src: url('../fonts/montserrat/montserrat-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-bold.woff2') format('woff2'),url('../fonts/montserrat/montserrat-bold.woff') format('woff'),url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap
}

:root {
    --PCS: 1920 * 100vw;
    --main_color: #0a2c69;
    --accent_color: #2367b0;
    --other_color: #11abe5;
}

html,body{ scroll-behavior: smooth; font-size: 15px; width: 100%; line-height: 168%; background-color: #fff; color:#313131; font-family: 'Montserrat'; font-weight: 400; letter-spacing: 0; --color: #3cc4f4;}
/*
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }
*/

/* Links Start */
a{color:#313131; text-decoration:none; outline:none !important;}
a:hover{color:var(--main_color); text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus {color:#000; text-decoration: none; }
/* Links End */

/* Flex Start */
.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.flex-ac { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.flex-jc { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center;justify-content: center;}
.flex-w { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.flex-1>* { width: 100%;}
.flex-2>* { width: 50%;}
.flex-3>* { width: 33.33333333%;}
.flex-4>* { width: 25%;}
.flex-5>* { width: 20%;}
.flex-6>* { width: 16.66666667%;}
.flex-7>* { width: 14.28571429%;}
.flex-8>* { width: 12.5%;}
.flex-9>* { width: 11.11111111%;}
.flex-10>* { width: 10%;}
/* Flex End */

/* Container Start
.container { max-width: 1680px; margin: 0 auto; width: 100%; padding: 0 30px;}
 Container End */

/* Hidden Start */
.hidden-lg { display: none;}
.hidden-xs { display: inline-block;}
/* Hidden End */

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

/* Header One Start */
.header-one { display:flex; align-items:center; justify-content:center; gap:20px; font-size: 32px; font-weight:700; color:#313131;}
    .header-one .line { flex:1; height:1px; background:#e6212a; position:relative; max-width:110px;}
    .header-one .line::after { content:""; width:6px; height:6px; border-radius:50%; background:#e6212a; position:absolute; top:50%; transform:translateY(-50%);}
    .header-one .line:first-child::after{ right:-3px;}
    .header-one .line:last-child::after{ left:-3px;}
/* Header One End */

/* Header Start */
#header { padding: 15px 0;}
    .header { display: flex; justify-content: space-between; align-items: center;}
    .header .logos { font-size: 26px; font-weight: 700;}
    .header .logos span { margin-left: 15px; padding-left: 12px; position: relative;}
    .header .logos span::before { position: absolute; left: 0; top: 0; width: 1px; height: 100%; content: ''; background: #ccc;}
    .header .logos img { max-height: 48px;}
    .header ul.menus { display: flex; align-items: center; gap: 45px; font-size: 17px; font-weight: 700;}
/* Header End */

/* Index Banner Start */
#index-banner { background: linear-gradient(135deg, #003399 0%, #0052cc 100%); padding-top: 50px; padding-bottom: 50px;}
    .index-banner { display: flex; align-items: center; justify-content: space-between;}
    .index-banner .slogans { width: 45.000000%; color: #FFF;}
    .index-banner .slogans h2 { font-size: 46px; font-weight: 700; line-height: 1.25;}
    .index-banner .slogans p { font-size: 20px; margin-top: 15px;}

    .index-banner .slogans .buttons { display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-top: 30px; font-size: 16px;}
    .index-banner .slogans .buttons a { border-radius: 3px; color: #FFF; padding: 10px 30px; background: #3362b9; opacity: 1; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s;  -ms-transition: all .6s; transition: all .6s;}
    .index-banner .slogans .buttons a:first-child { background: #e6212a;}
    .index-banner .slogans .buttons a:hover { opacity: 0.8;}

    .index-banner .images { width: 40.000000%;}
    .index-banner .images img { border-radius: 16px; border: solid 5px #e5e7eb;}
/* Index Banner End */

/* Module Frame Start */
.module-frame { padding: 60px 0;}
    .module-frame.bt { border-top: solid 1px rgba(225,227,225,0.5);}
    .module-frame .frames { margin-top: 50px; padding-left: 10%; padding-right: 10%;}
    .module-frame .frames img { max-width: 100%; image-rendering: auto;}
/* Module Frame End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){


}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){


}

/* <1200的设备 */
@media screen and (max-width: 1200px){


}

/* <991的设备 */
@media screen and (max-width: 991px) {

    /* Container Start */
    .container { padding-left: 10px; padding-right: 10px;}
    /* Container End */

    /* Hidden Start */
    .hidden-lg { display: inline-block;}
    .hidden-xs { display: none;}
    /* Hidden End */

    /* Header One Start */
    .header-one { font-size: 24px;}
    .header-one .line { max-width:60px;}
    /* Header One End */

    /* Index Banner Start */
    #index-banner { padding-top: 20px; padding-bottom: 20px;}
    .index-banner { flex-direction: column-reverse; gap:30px;}
    .index-banner .slogans { width: 100.000000%; color: #FFF; text-align: center;}
    .index-banner .slogans h2 { font-size: 28px;}
    .index-banner .slogans .buttons { justify-content: center;}
    .index-banner .images { width: 100.000000%;}
    /* Index Banner End */

    /* Module Frame Start */
    .module-frame { padding: 30px 0;}
    .module-frame .frames { margin-top: 20px; padding-left: 0; padding-right: 0;}
    /* Module Frame End */
}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}