@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
body{width:7.5rem;max-width:750px;min-width:320px;margin:0 auto;padding-top:.9rem; position: relative;}
img{border:0;display:block;}
ul,ul li,dl,dl dt,dl dd{display:block;list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
i,em{font-style:normal;}
a,button,input,optgroup,select,textarea{outline:none;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";font-size:0;}


/* header */
header{display:flex;position:fixed;top:0;left:50%;z-index:5;align-items:center;justify-content:space-between;box-sizing:border-box;box-sizing:border-box;width:7.5rem;height:.9rem;min-width:320px;max-width:750px;padding:0 .3rem;border-bottom:1px solid #c2c3cb;background:#fff;transform:translateX(-50%);}
header .logo img{width:2.6rem;height:.5rem;}
.burger{display:block;position:relative;width:.4rem;height:.3rem;background:transparent;cursor:pointer;}
.burger i{display:block;position:absolute;left:0;width:100%;height:.04rem;border-radius:.09rem;background:black;opacity:1;transition:.25s ease-in-out;transform:rotate(0deg);}
.burger i:nth-of-type(1){top:0;transform-origin:left center;}
.burger i:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center;}
.burger i:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center;}
.burger.on i:nth-of-type(1){top:0;left:.05rem;transform:rotate(45deg);}
.burger.on i:nth-of-type(2){width:0;opacity:0;}
.burger.on i:nth-of-type(3){top:.28rem;left:.05rem;transform:rotate(-45deg);}

.header-nav{position:absolute;top:.9rem;left:0;z-index:-1;overflow:hidden;width:100%;height:0;}
.header-nav ul{padding:.2rem 0 .8rem;background:#fff;}
.header-nav li{height:1rem;background-position:.3rem center;background-size:.48rem .48rem;background-repeat:no-repeat;font-size:.34rem;line-height:1rem;}
.header-nav a{display:block;padding-left:.98rem;}
.header-nav .on a{color:#d12a2e;}
.header-nav ul li:nth-child(1){background-image:url("../images/nav01.png");}
.header-nav ul li:nth-child(2){background-image:url("../images/nav02.png");}
.header-nav ul li:nth-child(3){background-image:url("../images/nav03.png");}
.header-nav ul li:nth-child(4){background-image:url("../images/nav04.png");}
.header-nav ul li:nth-child(5){background-image:url("../images/nav05.png");}
.header-nav ul li:nth-child(6){background-image:url("../images/nav06.png");}
.header-nav ul li.on:nth-child(1){background-image:url("../images/nav11.png");}
.header-nav ul li.on:nth-child(2){background-image:url("../images/nav12.png");}
.header-nav ul li.on:nth-child(3){background-image:url("../images/nav13.png");}
.header-nav ul li.on:nth-child(4){background-image:url("../images/nav14.png");}
.header-nav ul li.on:nth-child(5){background-image:url("../images/nav15.png");}
.header-nav ul li.on:nth-child(6){background-image:url("../images/nav16.png");}
.header-nav ul{position:absolute;top:0;left:0;width:100%;transition:all .3s ease-in-out;transform:translateY(-100%);}
.header-zzc{width:100%;height:100%;position: absolute;left:0;top:0;opacity:0;z-index:-1;}
.header-nav.on .header-zzc{background:rgba(0,0,0,60%);opacity:1;}
.header-nav.on{top:.9rem;right:0;bottom:0;left:0;height:100vh;}
.header-nav.on ul{top:0;transform:translateY(0%);}



/* footer */
footer{background:#0a0f2c;}
.footer-us{padding:.4rem .3rem;}
.footer-us h6{margin-bottom:.3rem;color:#fff;font-weight:normal;font-size:.3rem;line-height:.42rem;}
.footer-us i{margin-left:.2rem;color:#808391;vertical-align:middle;opacity:.14;}
.footer-us p{height:.32rem;margin-top:.16rem;padding-left:.42rem;color:#c2c3cb;font-size:.2rem;line-height:.32rem;}
.footer-us .address{background:url("../images/foot_icon01.png") no-repeat left center/.32rem .32rem;}
.footer-us .mailbox{background:url("../images/foot_icon02.png") no-repeat left center/.32rem .32rem;}
.footer-copy{border-top:1px solid #202544;color:#808391;text-align:center;font-size:.18rem;line-height:.65rem;}

/* 公共 */
.rtitle{position:relative;padding-bottom:0.18rem;text-align:center;}
.rtitle h6{position:absolute;bottom:0.18rem;z-index:2;width:100%;font-weight:bold;font-size:0.36rem;line-height:0.5rem;}
.rtitle h6 b{color:#D12A2E;}
.rtitle p{position:relative;z-index:1;color:rgba(233,241,252,.77);font-weight:bold;font-size:0.8rem;line-height:1.12rem;}
.rtitle::after{position:absolute;bottom:0;left:50%;width:0.44rem;height:0.04rem;background:#d12a2e;content:"";transform:translateX(-50%);}