@charset "utf-8";
/* CSS Document */
.jptj{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; }
.jptj img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}
*{box-sizing: border-box;}
.banner{ width:100%; height:auto; margin:0 auto; }
.part1{ width: 100%; height: auto;  font-family: 黑体;}
.p1-lb{width: 100%; height: 5.3rem; background: #221815; }
.p1-lb li{ width: 33.33%; float: left; height: 5.3rem; padding: 0.4rem 0;}
.p1-lb li.on{ background: #08e1b5;}
.p1-lb li .p1-lb-tb{ width: 3rem; height: auto; text-align: center; margin: 0 auto; height: 2.6rem;}
.p1-lb li .p1-lb-tb img{ width: 100%; max-width: 3rem; height: auto; max-height: 2.6rem;}
.p1-lb li .p1-lb-p{ font-size: 1.2rem; height: 1.2rem; line-height: 1.2rem; color: #fff; text-align: center; margin-top: 0.5rem; font-weight: bold;}
.p1-lb li.on .p1-lb-p{ color: #221815;}
.p1-lb-b{ padding: 1.8rem 0 0.5rem 0;}
.p1-lb-img{ width: 27%; margin: 0 auto; text-align: center; }
.p1-b-p1{ text-align: center; font-size: 1.2rem; height: 1.2rem; line-height: 1.2rem; color: #221815; text-transform: uppercase; margin-top: 1.5rem;}
.p1-b-p2{ text-align: center; font-size: 1.5rem; height: 1.5rem; line-height: 1.5rem; color: #221815; text-transform: uppercase; margin-top: 0.5rem;}
.p1-b-p3{ text-align: center; background: #8772ff; padding: 0.5rem 0; font-size: 1.1rem; color: #fff; line-height: 1.25; margin-top: 1rem;}


.tjbd{ width: 100%; height: 18rem; background: url(../images/bdbg.jpg) center center no-repeat; background-size: 100% 100%;}
.bd-l{ width: 48%; float: left; height: 6.5rem; margin-top: 5.75rem; }
.bd-r{ width: 52%; float: left; height: 7rem; margin-top: 5rem; }
.bd-l-p{ width: 100%; text-align: center; height: 1.35rem; line-height: 1.35rem; font-size: 1.35rem; font-weight: bold; color: #fff; letter-spacing: 2px; margin-top: 0.5rem;}
.bd-btn{ width: 78%; height: 1.7rem; margin: 0 auto; margin-top: 0.5rem; background: #fff;  border-radius: 1.7rem; line-height: 1.7rem; font-size: 1rem; font-family: 微软雅黑; color: #313132; text-align: center; letter-spacing: 3px; font-weight: bold;}
.tj-in{ display: block; width: 80%; height: 1.7rem; line-height: 1.7rem; margin: 0 auto; background: #b5b5b5; border-radius: 1.7rem; color: #313132; font-size: 1rem; font-family: 微软雅黑; margin-top: 0.7rem; text-indent: 0.6rem;}
.bd-r input{ background: #b5b5b5; border: 0;}
.bd-r input::-webkit-input-placeholder { /* WebKit browsers */
    color: #313132; font-size: 1rem; font-family: 微软雅黑; letter-spacing: 3px; font-weight: bold; text-indent: 0.6rem;
}
.bd-r input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #313132; font-size: 1rem; font-family: 微软雅黑; letter-spacing: 3px; font-weight: bold; text-indent: 0.6rem;
}
.bd-r input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #313132; font-size: 1rem; font-family: 微软雅黑; letter-spacing: 3px; font-weight: bold; text-indent: 0.6rem;
}
.bd-r input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #313132; font-size: 1rem; font-family: 微软雅黑; letter-spacing: 3px; font-weight: bold; text-indent: 0.6rem;
}
.tjbt{ padding: 1rem 0;}
.qh1{ font-size: 1.1rem; text-align: center; font-weight: bold; color: #141823; padding: 0.6rem; letter-spacing: 2px;}
.qh-img{ width: 42%; height: auto; margin: 0 auto; margin-top: 1rem;}
.qh-ll{ text-align: center; color: #8772ff; text-align: center; margin-top: 0.5rem; font-size: 1.1rem; font-weight: bold; letter-spacing: 2px;}
.qh-ll-p{ color: #141823; text-align: center; font-size: 1.1rem; font-weight: bold; letter-spacing: 2px; line-height: 1.5; margin-top: 0.5rem;}
#qh{ margin-top: 1rem;}
.tj-zx{ width: 45%; margin: 0 auto; margin-top: 1rem;}

.zxbm{  padding: 2rem 1.5rem 1rem; background: url(../images/zxbmbg.jpg) center center no-repeat; background-size: 100% 100%; margin-top: 1rem;}
.bm-t1{font-size: 2.5rem; color: #fff; letter-spacing: 3px;}
.bm-t1 span{ font-size: 1rem; color: #fff; margin-left: 10px; letter-spacing: 1px;}
.bm-t2{ font-size: 1rem; color: #fff; letter-spacing: 1.5rem; margin-top: 8px; font-weight: bold;}
.bm-c{ width: 100%; margin-top: 1rem;}
.bname{ width: 30%; float: left; height: 2rem; line-height: 2rem; display: block; font-size: 0.8rem; border: 0; background: #fff; border-radius: 0.5rem; text-indent: 0.5rem; }
.btel{ width: 30%; float: left; height: 2rem; line-height: 2rem; display: block; font-size: 0.8rem; margin-left: 5%; border: 0; background: #fff; border-radius: 0.5rem; text-indent: 0.5rem;}
.bm-c input::-webkit-input-placeholder{ color: #727171; font-size: 0.8rem; text-indent: 0.5rem; letter-spacing: 1px; font-weight: bold; }
.bm-c input:-ms-input-placeholde{ color: #727171; font-size: 0.8rem; text-indent: 0.5rem; letter-spacing: 1px; font-weight: bold; }
.bsub{ width: 30%; float: right; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.8rem; background: #8772ff; color: #fff; border-radius: 0.5rem; font-weight: bold; letter-spacing: 2px;}
.part6{ margin-top: 1rem;}
.p6-lb{width: 100%; height: 7.7rem; background: #08e1b5; }
.p6-lb li{ width: 33.33%; float: left; height: 7.7rem; padding: 0.6rem 0;}
.p6-lb li.on{ background: #8772ff;}
.p6-lb-tb{ text-align: center;}
.p6-lb li img{ display: inline; height: 6.5rem; width: auto;}