/* 公共样式 */
body {margin: 0; font-family: "微软雅黑", Arial; font-size: 12px; color: #333; -webkit-text-size-adjust: none;}
p {margin: 0; padding: 0;}
ul {margin: 0; padding: 0; list-style: none;}
a {text-decoration: none; color: #333;}
img {border: none;}
input, textarea {font-family: "微软雅黑", Arial; font-size: 12px; color: #333; outline: none;}
i {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0;}
.prz {position: relative;}
.pra {position: absolute;}
.hidden {overflow: hidden;}
.banner .pc-btn {height: 16px; overflow: hidden; bottom: 30px; left: 50%; transform: translateX(-50%);}
.banner .pc-btn .btn {display: table; transform: translateX(-50%);}
.banner .pc-btn a {width: 12px; height: 12px; background: #fff; opacity: 0.3; float: left; display: block; margin: 0 7px; border-radius: 50%;}

.banner .mob-btn {overflow: hidden; height: 8px; bottom: 0.25rem; left: 50%; transform: translateX(-50%);}
.banner .mob-btn .btn {display: table; transform: translateX(-50%);}
.banner .mob-btn a {width: 8px; height: 8px; background: #fff; opacity: 0.3; float: left; display: block; margin: 0 5px; border-radius: 50%;}

.part1.warp{overflow: hidden;}
/*屏幕大于850像素*/
@media screen and (min-width: 850px) {
.sj-show {display: none !important;}
.warp {width: 10.7rem; margin: 0 auto; display: block;}
.banner {width: 100%; height: 600px;}
.banner .mobile-btn, .banner .mobile-tel, .mobile-kefu, .banner .banner-box-mobile, .banner .mob-btn, .bottom {display: none;}
.banner .banner-box-pc {height: 600px;}
.banner .banner-box-pc a {height: 600px; display: block; float: left;}
.nav-bg {width: 100%; /*height: 282px;*//* background: url(../images/nav-bg.png);*/}
.nav-box {font-size: 14px; height: 72px;}
.nav-box .logo {top: 19px;}
.nav-box .logo img {display: table; width: 71px;}
.nav-box .nav {right: 0.54rem; display: block !important;}
.nav-box .nav li {line-height: 72px; padding: 0 0.17rem; float: left;}
.nav-box .nav ul {display: table;}
.nav-box .nav a {color: #fff; letter-spacing: 0.01rem;}
.nav-box .nav a:hover {color: #8c9ed4;}
.nav-box .tel {right: 3px; top: 47px;}
.nav-box .tel img {right: 0; top: -25px; cursor: pointer;}
.nav-box .tel .qq-box {display: none; width: 149px; height: 80px; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/qq-box.png) no-repeat bottom; right: -5px; font-family: 'Adobe 黑体 Std R'; letter-spacing: 1px; color: #273766; text-indent: 15px;z-index:1;}
.nav-box .tel .p1 {padding: 29px 0 3px 0;}
.nav-box .tel a {color: #fff;}
.banner .nav-box {position: relative !important; background: none !important;}

.part1 .warp-box {margin: 0.6rem auto 0 auto; font-size: 0; width: 10.7rem; overflow: hidden; text-align: center;}
.part1 .warp-box li {display: inline-block; width: 2.6rem; margin-bottom: .5rem; vertical-align: top; text-align: center;}
.part1 .warp-box li .show {border-right: 1px solid #bcbec0; box-sizing: border-box; cursor: pointer;}
.part1 .warp-box li .show p:hover{color:#3b90dc;}
.part1 .warp-box li:last-child .show {border: none;}
.part1 .warp-box li .icon-box {text-align: center; padding: 0.03rem 0 0.1rem 0;}
.img-bgg{display: none;margin-left:36%;}
.part1 .warp-box li .show p {font-size: 0.22rem; padding-bottom: 0.09rem; color: #111111;}
.part1 .warp-box li .hide {padding-top: 0.43rem; display: none; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/icon5.png) no-repeat center .12rem;}
.part1 .warp-box li .hide a {box-sizing: border-box; display: block; color: #111111; padding: 0.14rem 0 0.13rem 0; font-size: 0.18rem; margin: 0 0.28rem; border-bottom: 1px dashed #bcbcbc;}
.part1 .warp-box li .hide a:hover{background: #3b90dc;color: #fff; border-radius: .03rem;}
.part1 .drop-arrow {width: 0.4rem; height: 0.34rem; display: block; margin: 0 auto 0.15rem auto; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/drop-arrow.png); background-size: 0.4rem 0.34rem;}
.part1 .rotate {transform: rotate(180deg);}
.part1 .warp-box li .hide {background-size: 0.05rem 0.24rem;}

.part2 {width: 100%; height: 9.1rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/bg1.jpg) no-repeat center; text-align: center; letter-spacing: 0.02rem; background-size: 19.2rem 9.1rem;}
.part2 .warp {height: 9.1rem;}
.part2 .txt-box .p1 {display: table; margin: 0 auto; font-size: 0.6rem; color: #df9300; background: -webkit-linear-gradient(45deg, #e47023, #df9300); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 0.8rem;}
.part2 .txt-box .p2 {font-size: 0.28rem; width: 6.6rem; line-height: 0.4rem; color: #bbbbc9; margin: 0.12rem auto 0.2rem auto;}
.part2 .txt-box .p3 {color: #4cb4c1; font-size: 0.22rem;}
.part2 .txt-box .p4 {display: none;}
.part2 .txt-box .p2 .c1 {color: #d54a54;}
.part2 .txt-box .p2 .c2 {color: #f18d33;}
.part2 .txt-box .p2 .c3 {color: #4cb4c1;}
.part2 .img-box {bottom: 0.32rem; left: 50%; margin-left: -3.85rem;}
.part2 .img-box img {width: 7.7rem; height: 5.1rem;}

.part3 {width: 100%; height: 6rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/bg2.jpg) no-repeat center; background-size: 19.2rem 6rem;}
.part3 .warp {height: 6rem;}
.part3 .img-box {left: 0; margin: 1.52rem 0 0 -0.28rem;}
.part3 .img-box img {width: 6.71rem; height: 3.56rem;}
.part3 .txt-box {right: 0; color: #fff; margin-top: 1.3rem; letter-spacing: 0.02rem;}
.part3 .txt-box .p1 {font-size: 0.6rem;}
.part3 .txt-box .p2 {font-size: 0.28rem; line-height: 0.4rem; text-align: center; margin: 0.2rem 0 0.6rem 0;}
.part3 .txt-box ul {width: 3rem; display: table; margin-left: 0.5rem;}
.part3 .txt-box ul li {float: left; margin-right: 0.24rem;}
.part3 .txt-box ul li .num {width: 0.32rem; height: 0.32rem; border: 0.02rem solid #fff; border-radius: 50%; line-height: 0.32rem; letter-spacing: 0; display: inline-block; margin: 0.07rem 0.05rem; text-align: center; font-size: 0.22rem;}
.part3 .txt-box ul li .txt {font-size: 0.22rem; line-height: 0.32rem;}

.part4 {width: 100%; max-width: 1920px; margin: 0 auto; height: 6rem; background: #090924;}
.part4 .warp {height: 6rem;}
.part4 .img-box {bottom: 0; right: 0;}
.part4 .img-box img {display: table; width: 5.69rem; height: 4.4rem;}
.part4 .txt-box {letter-spacing: 0.02rem;}
.part4 .txt-box .p1 {font-size: 0.6rem; margin: 0.7rem 0 0.1rem 0; color: #4392c1; background: -webkit-linear-gradient(45deg, #4385c2, #43c2bd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.part4 .txt-box .p2 {color: #bbbbc9; font-size: 0.28rem;}
.part4 .txt-box ul {margin-top: 0.6rem;}
.part4 .txt-box ul li {margin-bottom: 0.16rem;}
.part4 .txt-box ul li .p3 {font-size: 0.22rem; color: #267eb2;}
.part4 .txt-box ul li .p4 {font-size: 0.16rem; color: #bbbbc9; line-height: 0.26rem; margin-top: 0.1rem;}

.part5 {width: 100%; height: 6rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/bg3.jpg) no-repeat center; background-size: 19.2rem 6rem;}
.part5 .warp {height: 6rem;}
.part5 .txt-box {float: right; letter-spacing: 0.02rem; color: #fff; text-align: center;}
.part5 .txt-box .p1 {font-size: 0.6rem; margin: 1rem 0 0.15rem 0;}
.part5 .txt-box .p2 {font-size: 0.28rem; line-height: 0.4rem;}
.part5 .icon-box {width: 0.6rem; height: 0.6rem; margin: 0 auto 0.08rem auto;}
.part5 .icon-box img {width: 0.6rem; height: 0.6rem;}
.part5 ul li {width: 1rem; margin: 0 0.24rem; font-size: 0.22rem; line-height: 0.34rem; float: left;}
.part5 ul {display: table; margin-top: 0.7rem;}

.part5 .img-box {left: 0; margin: 1.52rem 0 0 -0.28rem;}
.part5 .img-box img {width: 6.71rem; height: 3.56rem;}
.part5 .txt-box {right: -.5rem; color: #fff; /*margin-top: 1.3rem; */letter-spacing: 0.02rem;}

.part6 {width: 100%; height: 6.3rem; background-size: 19.2rem 6.3rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/bg4.jpg) no-repeat center; text-align: center;}
.part6 .txt-box{cursor: default;}
.part6 .warp {width: 13.8rem; height: 6.3rem; overflow: hidden;cursor: default;}
.part6 .txt-box .p1 {display: table; margin: 0 auto; font-size: 0.6rem; color: #fff; padding-top: 0.8rem;}
.part6 .txt-box .p2 {font-size: 0.28rem; line-height: 0.4rem; color: #bbbbc9; margin: 0.12rem 0 0.2rem 0;}
.part6 .txt-box .p3 {display: none;}
.part6 .txt-box .p4 {color: #4cb4c1; font-size: 0.22rem;}
.part6 .txt-box .p2 .c1 {color: #d54a54;}
.part6 .txt-box .p2 .c2 {color: #f18d33;}
.part6 .txt-box .p2 .c3 {color: #4cb4c1;}
.part6 .img-box {bottom: 0;}
.part6 .img-box img {width: 13.8rem; height: 2.83rem; display: table;cursor: default;}

.part7 {width: 13.8rem; height: 8.8rem; margin: 0 auto; text-align: center; overflow: hidden;}
.part7 .img-box img {width: 13.8rem; height: 2.8rem;cursor: default;}
.part7 .time-axis {margin: 0.3rem 0 0.78rem 0;}
.part7 .time-axis .p1 {display: table; margin: 0 auto; font-size: 0.6rem; color: #4387c2; background: -webkit-linear-gradient(45deg, #4385c2, #43c2bd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.part7 .time-axis .pc-time {width: 10.7rem; height: 3.69rem; margin-top: 0.4rem;}
.part7 .mobile-time {display: none;}

.footer {width: 100%; height: 6rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/footer.jpg) no-repeat center; color: #fff; text-align: center; background-size: 19.2rem 6rem;}
.footer .p1 {font-size: 0.22rem; line-height: 0.58rem; padding-top: 1.42rem;}
.footer .p1 span {margin: 0 0.16rem;}
.footer .p1 .c1 {color: #f18d33;}
.footer .p1 .c2 {color: #409bf7;}
.footer .p1 .c3 {color: #ad52cf;}
.footer .p1 .c4 {color: #d54a54;}
.footer .p1 .c5 {color: #67c4cd;}
.footer .tel {margin-top: 0.5rem;}
.footer .tel .s1 {font-size: 0.16rem;}
.footer .tel .s2 {font-size: 0.45rem; color: #fff;cursor: default;}
.footer .tel .s2 img {margin: 0.2rem 0.26rem 0 0; width: 0.29rem; height: 0.39rem; position: relative; top: 0.02rem;}
.footer .company {font-size: 0.14rem; color: #939393; letter-spacing: 0.01rem; margin-top: 1.18rem;}
.footer .company .s1 {display: inline-block; border-right: 1px solid #939393; line-height: 0.15rem; padding-right: 0.13rem; margin-right: 0.1rem;}
#to-top {width: 0.5rem; height: 0.5rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/to-top.png); background-size: 0.5rem; position: fixed; right: 1rem; bottom: 1rem; display: none;}

.second {height: 72px;}
.second .nav-bg {background: #21283c !important; height: 72px !important;}
.second .nav a:hover {color: #8c9ed4;}
.main ul {margin-bottom: 0.4rem;}
.main ul li {padding: 0.6rem 0; overflow: hidden;}
.main ul li .txt-box h1 {text-align: center; font-size: 0.5rem; color: #282828; padding-bottom: .18rem;}
.main ul li .txt-box h5 {color: #bdb770; font-size: 0.28rem; text-align: center; margin: 0.16rem 0 0.18rem 0;}
.main ul li .txt-box p {line-height: 0.3rem; font-size: 0.22rem; color: #262626;}
.main ul .type1 .txt-box {width: 10.7rem;}
.main ul .type1 .img-box {width: 10.7rem; padding-top: 0.6rem; text-align: center;}
.main ul .type1 .img-box img {width: 10.7rem;}
.main ul li .txt-box {width: 3.84rem; display: table-cell; vertical-align: middle;}
.main ul li .img-box {width: 6.5rem; display: table-cell; vertical-align: middle;}
.main ul li .img-box img {display: table;}
.main ul .type2 .img-box img, .main ul .type3 .img-box img {width: 6.5rem;}
.main ul .type2 .txt {float: left;}
.main ul .type2 .pic {float: right;}
.main ul .type3 .txt {float: right;}
.main ul .type3 .pic {float: left;}
.main .mobile-type {display: none;}
}


/*屏幕小于850像素*/
@media screen and (min-width: 0px) and (max-width: 849px) {
.pc-show {display: none !important;}
.warp-content .pc-show{display: block!important;}
.warp-content {background: #fff; z-index: 2;}
.banner {width: 100%; height: 6.96rem; overflow: hidden;}
.banner .mobile-btn {display: block; z-index: 4; left: 0.52rem; top: 0.52rem; width: 20px; height: 20px;}
.banner .mobile-btn img {width: 20px;}
.banner .banner-box-pc, .banner .pc-btn {display: none;}
.banner .banner-box-mobile {height: 6.96rem;}
.banner .banner-box-mobile a {height: 6.96rem; display: block; float: left; background-size: 20rem 7rem !important;}
.banner .nav-bg {width: 100%; height: 2.82rem;/* background: url(../images/nav-bg.png); background-size: 100% 2.82rem;*/}
.banner .nav-box {z-index: 3; width: 100%; height: 100%; overflow-y: scroll;}
.banner .nav-box::-webkit-scrollbar {display: none;}
.banner .nav-box .logo {width: 56px; z-index: 4; left: 50%; top: 0.42rem; margin-left: -28px;}
.banner .nav-box .logo img {width: 56px;}
.banner .nav-box .nav {width: 100%; height: 100%; display: none;}
.lock {height: 100%; overflow: hidden;}
.banner .nav-box .mobile-kefu {width: 20px; z-index: 4; height: 20px; right: 0.52rem; top: 0.52rem;}
.banner .nav-box .mobile-kefu img {width: 20px; height: 20px;}
.banner .nav-box .tel {display: none;}
.banner .mobile-tel {color: #fff; display: block;}
.banner .nav-box .nav ul {padding: 0 30px 30px 30px; margin-top: 60px; max-height: 12.6rem; overflow: scroll;}
.banner .nav-box .nav ul li:first-child {display: none;}
.banner .nav-box .nav ul li {border-bottom: 1px solid #465563;}
.banner .nav-box .nav ul li a {color: #fff; line-height: 48px; font-size: 16px; target-name:new;}
.banner .nav-box .nav .mobile-tel {width: 136px; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/tel1.png) no-repeat 2px; padding-left: 24px; font-size: 20px; font-weight: bold; background-size: 15px 20px; position: absolute; bottom: .3rem; left: 50%; transform: translateX(-50%);}
.banner .nav-box .nav .mobile-tel a {color: #fff;}

.part1 .warp-box {margin-top: 0.6rem; width: 100%; text-align: center;/* font-size: 0;*/}
.part1 .warp-box li {display: inline-block; width: 25%; margin-bottom: .5rem; vertical-align: top; text-align: center; position: relative;}
.part1 .warp-box li .show {position: relative;}
.part1 .warp-box li .show .line {position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 2.4rem; width: 1px; background: #bcbec0; opacity: .5; display: block;}
.part1 .warp-box li:last-child .show .line {display: none;}
.part1 .warp-box li .icon-box {width: 1.5rem; margin: 0 auto;}
    .img-bgg{display: none;margin-left:10%;}
.part1 .warp-box li .icon-box img {width: 1.2rem;}
.part1 .warp-box li .show p {font-size: .44rem; margin: 0 auto; padding-bottom: 0.09rem; line-height: .56rem;}
.part1 .warp-box .link-box a{display: block; line-height: .6rem;}
.part1 .warp-box li .hide {padding-top: 0.43rem; display: none; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/icon5.png) no-repeat center top; background-size: 4%;}
/*.part1 .warp-box li .hide a {box-sizing: border-box; display: block; color: #111111; padding: 0.14rem 0 0.13rem 0; font-size: 0.18rem; margin: 0 0.28rem; border-bottom: 1px dashed #bcbcbc;}
.part1 .warp-box li .hide a:hover{background: #3b90dc;color: #fff; border-radius: .03rem;}
.part1 .drop-arrow {width: 0.4rem; height: 0.34rem; display: block; margin: 0 auto 0.15rem auto; background: url(../images/drop-arrow.png); background-size: 0.4rem 0.34rem;}
.part1 .rotate {transform: rotate(180deg);}
.part1 .warp-box li .hide {background-size: 0.05rem 0.24rem;}*/

/*.part1 .warp-box li .hide {width: calc(100% - 4px); border: 1px #bcbec0 solid; position: absolute; left: 1px; top: 106px; background: #fff; border-radius: .1rem; box-shadow: 0 0 .3rem rgba(0, 0, 0, .1); z-index: 2; display: none;}
.part1 .warp-box li .hide:before {position: absolute; content: ""; width: 0; height: 0; left: 50%; transform: translateX(-50%); top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #bcbec0;}
.part1 .warp-box li .hide:after {position: absolute; content: ""; width: 0; height: 0; left: 50%; transform: translateX(-50%); top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}
.part1 .warp-box li .hide a {box-sizing: border-box; display: block; padding: 0.2rem 0; font-size: 15px; margin: 0 0.28rem;}
.part1 .warp-box li .hide a:last-child {border: none !important;}
*/



.part2 {width: 100%; height: 10.56rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/mobile/bg1.jpg) no-repeat center; text-align: center; letter-spacing: 0.02rem; background-size: 100% 10.56rem;}
.part2 .warp {height: 10.56rem; display: block;}
.part2 .txt-box .p1 {margin: 0 auto; font-size: 0.8rem; color: #df9300; background: -webkit-linear-gradient(45deg, #e47023, #df9300); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 0.5rem;}
.part2 .txt-box .p2 {font-size: 0.44rem; width: 11.5rem; line-height: 0.7rem; color: #bbbbc9; margin: 0.12rem auto 0.2rem auto;}
.part2 .txt-box .p3 {display: none;}
.part2 .txt-box .p4 {color: #4cb4c1; font-size: 0.44rem; margin-top: -0.15rem;}
.part2 .txt-box .p2 .c1 {color: #d54a54;}
.part2 .txt-box .p2 .c2 {color: #f18d33;}
.part2 .txt-box .p2 .c3 {color: #4cb4c1;}
.part2 .img-box {bottom: 0.3rem; left: 50%; margin-left: -3.85rem;}
.part2 .img-box img {width: 7.7rem; height: 5.1rem;}

.part3 {width: 100%; height: 10.56rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/mobile/bg2.jpg) no-repeat center; background-size: 100% 10.56rem;}
.part3 .warp {height: 10.56rem; display: block;}
.part3 .img-box {bottom: 0.5rem; left: 50%; margin-left: -5rem;}
.part3 .img-box img {width: 10rem;}
.part3 .txt-box {color: #fff; width: 12rem; left: 50%; margin-left: -6rem; text-align: center; margin-top: 0.5rem; letter-spacing: 0.02rem;}
.part3 .txt-box .p1 {font-size: 0.8rem;}
.part3 .txt-box .p2 {font-size: 0.44rem; line-height: 0.7rem; text-align: center; margin: 0.12rem auto 0.2rem auto;}
.part3 .txt-box ul {width: 12rem; margin: 0 auto; display: table;}
.part3 .txt-box ul li {float: left; margin-left: 0.6rem;}
.part3 .txt-box ul li .num {width: 0.5rem; height: 0.5rem; border: 0.02rem solid #fff; border-radius: 50%; line-height: 0.5rem; letter-spacing: 0; display: inline-block; margin: 0 0.1rem; position: relative; top: -.01rem; text-align: center; font-size: 0.44rem;}
.part3 .txt-box ul li .txt {font-size: 0.44rem; line-height: 0.32rem;}

.part4 {width: 100%; height: 10.56rem; background: #090924;}
.part4 .warp {height: 10.56rem; display: block;}
.part4 .img-box {bottom: 0; left: 50%; margin-left: -4rem;}
.part4 .img-box img {display: table; width: 8rem;}
.part4 .txt-box {letter-spacing: 0.02rem; text-align: center; width: 12rem; left: 50%; margin-left: -6rem;}
.part4 .txt-box .p1 {font-size: 0.8rem; margin: 0.5rem 0 0.12rem 0; color: #4392c1; background: -webkit-linear-gradient(45deg, #4385c2, #43c2bd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.part4 .txt-box .p2 {color: #bbbbc9; font-size: 0.44rem;}
.part4 .txt-box ul {display: table; margin: -0.1rem auto 0 auto;}
.part4 .txt-box ul li {float: left; margin: 0.4rem 0.3rem 0 0.3rem;}
.part4 .txt-box ul li .p3 {font-size: 0.44rem; color: #267eb2;}
.part4 .txt-box ul li .p4 {display: none;}

.part5 {width: 100%; height: 10.56rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/mobile/bg3.jpg) no-repeat center; background-size: 100% 10.56rem;}
.part5 .warp {height: 10.56rem; display: block;}
.part5 .txt-box {letter-spacing: 0.02rem; color: #fff; text-align: center;left:17%;}
.part5 .txt-box .p1 {font-size: 0.8rem; padding-top: 0.5rem; margin-top: -0.01rem;}
.part5 .txt-box .p2 {font-size: 0.44rem; line-height: 0.7rem; margin: 0 auto 0.2rem auto;}
.part5 .icon-box {width: 1.3rem; height: 1.3rem; margin: 0 auto 0.2rem auto;}
.part5 .icon-box img {width: 1.3rem;}
.part5 ul li {width: 33.33%; font-size: 0.44rem; line-height: 0.5rem; float: left;}
.part5 ul {display: table; width: 80%; margin: 0.3rem 10%;}

.part6 {width: 100%; height: 6.96rem; background-size: 19.2rem 6.96rem; background: url(http://www.chinasofti.com/r/cms/jp/jp/images/mobile/bg4.jpg) no-repeat center; text-align: center;}
.part6 .warp {width: 100%; height: 6.96rem; display: block;}
.part6 .txt-box .p1 {display: table; margin: 0 auto; font-size: 0.8rem; color: #fff; padding-top: 0.5rem;}
.part6 .txt-box .p3 {font-size: 0.44rem; letter-spacing: 0.02rem; line-height: 0.7rem; color: #bbbbc9; margin: 0.12rem 0 0.2rem 0;}
.part6 .txt-box .p2 {display: none;}
.part6 .txt-box .p4 {color: #4cb4c1; font-size: 0.44rem;}
.part6 .txt-box .p3 .c1 {color: #d54a54;}
.part6 .txt-box .p3 .c2 {color: #f18d33;}
.part6 .txt-box .p3 .c3 {color: #4cb4c1;}
.part6 .img-box {bottom: 0;}
.part6 .img-box img {width: 100%; height: 2.83rem; display: table;}

.part7 {width: 100%; text-align: center;}
.part7 .img-box {display: block;}
.part7 .img-box img {width: 100%; height: 2.8rem; display: table;}
.part7 .time-axis {margin: 0.3rem 0 0.78rem 0;}
.part7 .time-axis .p1 {margin: 0 auto; font-size: 0.8rem; color: #4387c2; background: -webkit-linear-gradient(45deg, #4385c2, #43c2bd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.part7 .time-axis .mobile-time {width: 100%; height: 19rem; margin-top: 0.6rem;}
.part7 .pc-time {display: none;}

.footer {width: 100%; height: 6rem; background: #060000; color: #fff; text-align: center;}
.footer .p1 {font-size: 0.36rem; line-height: 0.7rem; padding-top: 1.2rem;}
.footer .p1 span {margin: 0 0.06rem;}
.footer .p1 .c1 {color: #f18d33;}
.footer .p1 .c2 {color: #409bf7;}
.footer .p1 .c3 {color: #ad52cf;}
.footer .p1 .c4 {color: #d54a54;}
.footer .p1 .c5 {color: #67c4cd;}
.footer .tel {margin-top: 0.4rem;}
.footer .tel .s1 {font-size: 0.3rem;}
.footer .tel .s2 {font-size: 0.6rem; font-weight: bold; color: #fff;}
.footer .tel .s2 img {margin: 0 0.26rem 0 0; width: 0.39rem; height: 0.5rem; position: relative; top: 0.06rem;}
.footer .tel .s2 a {color: #fff;}
.footer .company {font-size: 0.3rem; color: #939393; letter-spacing: -0.01rem; margin-top: 0.6rem;}
.footer .company .s1 {display: inline-block; border-right: 1px solid #939393; line-height: 0.3rem; padding-right: 0.13rem; margin-right: 0.1rem;}
#to-top {display: none;}

.second {height: calc(0.8rem + 30px);}
.second .nav-bg {background: #21283c !important; height: calc(0.8rem + 30px) !important;}
.main ul {margin-bottom: 0.4rem; text-align: center; padding: 0 0.5rem;}
.main ul li {padding: 0.6rem 0; overflow: hidden;}
.main ul li .txt-box h1 {text-align: center; font-size: 0.7rem; color: #282828; padding-bottom: .14rem;}
.main ul li .txt-box h5 {color: #bdb770; font-size: 0.55rem; text-align: center; margin-bottom:0.15rem;}
.main ul li .txt-box p {line-height: 0.64rem; font-size: 0.45rem; color: #262626;}
.main ul li .txt-box {width: 100%;}
.main ul li .img-box {width: 100%; padding-top: 0.6rem;}
.main ul li .img-box img {width: 100%; display: table;}
.main .pc-type {display: none;}

.bottom {background: #bdbdc2; position: fixed; width: 100%; height: 100%; top: 0; z-index: 1;}
.bottom .line {border-top: 1px solid #8b8b8d;  bottom: 20px; width: 100%;}
.bottom .line p {color: #8b8b8d; font-size: 14px; width: 120px; background: #bdbdc2; text-align: center; top: -10px; left: 50%; margin-left: -60px;}
}