/**
 * @author: Jicc(103698177)
 * @date: 2023-10-12
 * @phone: 13790890981
 * ==== 小黄鸭调试法，永无BUG ====
 *                            ||
 *      .-"O"-.               ||
 *   _/ a      -._._._.-';    ||
 *  '-.                ,/     ||
 *     )     \_////>  ';      ||
 *     \                |     ||
 *      '--------------'      ||
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~ ||
 */
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; }
 h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
 ul, ol { list-style: none; }
 table { border-collapse: collapse; border-spacing: 0; }
 object, input, textarea { outline: none; }
 fieldset, img { border: 0; }
 address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
 address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
 em{font-style: normal;}
 i { font-style: normal; }
 strong { font-weight: bold; }
 ol, ul { list-style: none; }
 capation, th { text-align: left; }
 h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
 q:before, q:after { content: ''; }
 abbr, acronym { border: 0; }
 body {line-height:normal;font-family: 'Tahoma';background:#fff;}
textarea { font-family: 'Tahoma'; font-size: 14px; }
i { font-style: normal; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none;}
html, body{width:100%;height:100%;min-width:1200px;}

.header{width:100%;height:80px;background:#f2555d;}
.header-container{width:1200px;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;}
.header-container h3{color:#fff;font-size:28px;font-weight:bold;}
.header-container p{color:#fff;font-size:12px;}

.page{width:100%;height:calc(100vh - 160px);min-height:678px;background:url(../images/bg.jpg) no-repeat center center;display:flex;align-items:center;}
.page-container{width:1200px;margin:10vh auto 0;display:flex;}
.page-txt{width:42.2%;animation: showTxt .5s linear;-moz-animation: showTxt .5s linear;-webkit-animation: showTxt .5s linear;-o-animation: showTxt .5s linear;}
.page-txt-title{margin-top:14px;position:relative;}
.page-txt-title:after{content:'';width:49px;height:49px;background:#f2555d;position:absolute;top:0;left:0;z-index: 1;}
.page-txt-title h4{padding:16px 0 0 16px;margin-bottom:35px;color:#fff;font-size:36px;font-weight:bold;position:relative;z-index: 2;}
.page-txt-ul{margin:0 27px;}
.page-txt-ul li{padding-left:20px;margin-bottom:40px;color:#fff;font-size:14px;line-height:24px;position:relative;}
.page-txt-ul li::before{content: '';width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;top:7px;left:0;}
.page-img{animation: showImg .5s linear;-moz-animation: showImg .5s linear;-webkit-animation: showImg .5s linear;-o-animation: showImg .5s linear;}
.page-img-box{height:640px;}
.page-img-box img{height:100%;}


.footer{width:100%;height:80px;background:#333;}
.footer-container{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;}
.footer-container p{color:#fff;font-size:14px;}
.footer-container a{color:#fff;}
    
@-webkit-keyframes showTxt{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes showTxt{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-o-keyframes showTxt{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@keyframes showTxt{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes showImg{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes showImg{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-o-keyframes showImg{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@keyframes showImg{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}