@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
#wraps, #wrap, html, body {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1920px;
    background-color: #ddefff;
    min-height: 690px;
}
.footer{text-align: center;color: #ffffff;background-color: #40aafa;line-height: 60px;clear: both;}
/*棣栭〉*/
.top-box{height: 60px;background-color:#40aafa;width: 100%;}
.main-width{width: 1200px;margin: 0 auto;}
.logo{display: block;float: left;width: auto;margin-top:10px;}
.nav-list{float: right;}
.nav-list li{float: left;}
.nav-list li{text-align: center;display: block;}
.nav-list li a{font-size: 20px;text-decoration: none;display: block;width: 110px;height: 60px;
    line-height: 60px;text-align: center;color: #ffffff;margin: 0 20px;box-sizing: border-box;}
.nav-list li a.on{text-decoration: none;font-weight: bold;border-bottom: 2px solid #1774c2;}
.nav-list li a:hover{text-decoration: none;border-bottom: 2px solid #1774c2;font-weight: bold;}
.nav-list li a:active{ text-decoration: none; }
.nav-list li a:visited{text-decoration: none; }
.banner{width: 100%;height: auto;}
.banner img{display: block;width: 100%;margin: auto;height: auto;}
.js-box{width: 100%;overflow: hidden;margin: 30px auto;background-color: #0376dd;border-radius: 30px;padding:30px 50px;box-sizing: border-box;}
.p1{color: #fff;font-size: 14px;line-height: 30px;text-align: justify;margin:auto;text-indent: 28px;}
.c-img{display: block;margin: 30px auto;}
.js-img{float: left;}
/*.right-text{float: right;width: 624px;}*/
.m50{margin: 50px auto;}
.fs-box{width: 800px;height: 20px;line-height: 20px;color: #02feff;font-size: 14px;margin: 10px auto;font-weight: bold;}
.fs-box img{display: inline-block;margin-right: 10px;}
.fs-box span{display: inline-block;color: #fff;margin-left: 10px;}
.fs-box .erma{margin-left: 272px;}
.fs-box.text span{margin-left: 139px;}
.fs-box.wx span{margin-left: 97px;}
.lc-left{float: left;margin-left: 260px;}
.right-lc{float: left;margin-left: 10px;color: #fff;font-size: 14px;line-height: 29px;}
.right-lc p span{color: #02feff;}
.job-wrap{width: 870px;margin: 16px auto;margin-bottom: 40px;border: 3px solid #0376dd;background-color: #fff;}
.job-wrap h1{width: 100%;height: 42px;background-color: #0376dd;line-height: 42px;color: #fff;font-size: 18px;text-align: left;padding-left: 16px;font-weight: bold;box-sizing: border-box;}
.job-wrap ul{width: 100%;border-bottom: 1px dashed #3a94f3;overflow: hidden;line-height: 40px;}
.job-wrap ul li{float: left;font-size: 14px;color: #000;width: 20%;text-align: center;}
.job-wrap .top-title{border: none;line-height: 60px;}
.job-wrap .top-title li{font-size: 18px;color: #5c88ce;font-weight: bold;}
.job-btn{display: block;border: 1px solid #3a94f3;height: 30px;width: 90px;line-height: 30px;text-align: center;margin:4px auto;border-radius: 6px;}
/*xc*/
.xc-box{width: 100%;height: 1656px;background: url("images/xc-img.png") no-repeat;margin: 40px auto;overflow: hidden;}
.left-box{float: left;margin-left: 10px; }
.right-box{float: right;margin-right: 10px; }
.left-box .xc-left{width: 284px;height: 151px;background: url("images/left-xc-bg.png") no-repeat;margin-left: 46px;margin-top: 150px;}
.left-box .xc-left ul,.right-box .xc-left ul{float: left;text-align: right;margin-left: 16px;}
.left-box .xc-left ul li,.right-box .xc-left ul li{font-size: 20px;line-height: 36px;color: #fff;}
.right-box .xc-left{width: 284px;height: 151px;background: url("images/right-xc-bg.png") no-repeat;margin-right: 60px;margin-top: 290px;}
.right-box .xc-left ul li{text-align: left;margin-left: 16px;}
/*Q&A*/
.q-name{display: block;margin:30px;}
.answer{width: 1080px;overflow: hidden;margin-left: 30px;}
.answer span{float: left;color: #ffc7db;font-size: 28px;margin-left: 40px;}
.answer p{float: left;margin-left: 16px;font-size: 16px;text-align: justify;line-height: 34px;color: #fff;width: 900px;font-style: normal;}
.left-tip{float: left;padding-left: 16px;border-left: 5px solid #0376dd;color: #0376dd;font-size: 22px;line-height: 46px;margin-top: 40px;margin-bottom: 60px;margin-left: 100px;}
.left-tip span{display: inline-block;font-weight: bold;}