@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.jptj{ width:100%; height:auto; margin:0 auto; font-family: 黑体; line-height: 1;  }
.jptj img{ max-width:100%; height:auto; border:0; vertical-align:bottom; }
.p1-lb{ width: 76%; margin: 0 auto;  background: #fff; }
.p1-lb li{ width: 33.33%; float: left;  padding: 2rem 0 1rem 0;}
.p1-lb li.on{ background: #b9fff1;}
.p1-lb li .p1-lb-tb{ width: 2.8rem;  text-align: center; margin: 0 auto; height: 2.8rem;}

.p1-b-p1{ text-align: center; font-size: 0.5rem; height: 0.5rem; line-height: 0.5rem; color: #221815; text-transform: uppercase; margin-top: 1rem;}
.p1-b-p2{ text-align: center; font-size: 0.55rem; height: 0.55rem; line-height: 0.55rem; color: #221815; text-transform: uppercase; margin-top: 0.25rem; font-weight: bold; letter-spacing: 2px;}

.p1-lb-b{ width: 76%; margin: 0 auto;  background:#8772ff ;}
.p1-b-p3{ width: 33.33%; float: left; background:#8772ff ; text-align: center; padding: 0.25rem 0;  font-size: 0.4rem; color: #fff; line-height: 1.5; font-weight: bold; }
.p1-b-p3.on{ background: #fffaf5; color: #221815;}

.baom{ width: 100%;  height: 3.9rem; margin-top: 0.1rem; background: url(../images/bg.jpg) center center no-repeat; background-size: 100% 100%;}
.bmc{width: 63%; margin: 0 auto; max-width: 1200px;}
.bml{ width: 38%; float: left;}
.bml1{ font-size: 0.8rem; font-weight: bold; color: #fff; letter-spacing: 2px; margin-top: 1.1rem;}
.bml1 span{ font-size: 0.45rem; font-weight: bold; color: #fff; margin-left: 0.5rem; letter-spacing: 0; text-transform: uppercase;}
.bml2{ font-size: 0.45rem; font-weight: bold; color: #fff; letter-spacing:0.5rem; margin-top: 0.25rem;}
#b-name{ display: block; width: 4.5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 1rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.baom input::-webkit-input-placeholder{ color: #666; font-size: 0.4rem; text-align: center;}
.baom input:-ms-input-placeholde{ color: #666; font-size: 0.4rem; text-align: center;}
#b-tel{ display: block; width: 4.7rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 0.75rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.bmr{ width: 4.7rem; height: 1.25rem; float: right;  border-radius: 0.125rem; background: #8772ff; line-height: 1.25rem; color: #fff; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}




.part3{ width: 1200px; height: auto; margin: 1rem auto;}
.video{ width: 360px; height: 640px; float: left; margin-left: 140px;}
.p3-r{ width: 475px; height: 640px; float: left; margin-left: 100px; padding-top: 50px;}
.qh-p1{ font-size: 24px; font-family: 黑体; font-weight: bold; letter-spacing: 2px; color: #8772ff; margin-top: 20px; line-height: 1.5;}  
.qh-en{ color: #141823; margin-left: 10px; text-transform: uppercase;}
.qh-small{ font-size: 15px; margin-left: 20px; color: #141823;}
.qh-l{ font-size: 22px; font-size: 24px; font-family: 黑体; font-weight: bold; color: #141823; }
.qh-h{ font-size: 15px; color: #141823; line-height: 1.6; margin-top: 25px; font-weight: bold;}
.qh-bt{ margin-top: 25px;}

.part4{ margin-top: 1rem;}
.t3{ width: 29%; margin: 0 auto;}
.p4-t{ text-align: center; font-size: 0.55rem; font-weight: bold; margin-top: 0.5rem; letter-spacing: 0.1rem;}
.ld{ width: 100%; height:829px ; background: url(../images/bg2.jpg) center center no-repeat fixed; margin-top: 1rem; }
.ldjs{ width: 1200px; height: 829px; background: rgba(0,0,0,0); margin: 0 auto;}
.ldjs li{ width: 25%; height: 100%; float: left; background: rgba(0,0,0,0); transition: all 0.75s;}
.ldjs li:hover{ background: rgba(0,0,0,0.8);}
.js-img{ width: 142px; height: 142px; margin: 0 auto; margin-top: 210px;}
.js-t{ width: 90%; color: #fff; margin: 0 auto; height: 34px; line-height: 34px; background: #bd9d65; border-radius: 8px ; text-align: center;  font-size: 22px; font-weight: bold; letter-spacing: 2px; margin-top: 40px;}
.ldjs li:hover .js-t{ background:#8771fb; }
.js-p{ text-align: center; line-height: 1.75; color: #fff; font-size: 18px; letter-spacing: 1px; margin-top: 40px;}

.part5{ margin-top: 1rem;}
.t4{ width: 40%; margin: 0 auto;}
.zplist{ width: 62%; margin: 0 auto;}
.zp-l{ width: 50%; height: auto; float: left; position: relative; transition: all 1s;}
.abs1{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(0,0,0,0.8); display: none;}
.zpjs{ text-align: center; line-height: 1.5; font-size: 0.5rem; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; margin-top: 45%; }
.zp-l:hover .abs1{display: block;}
.zp-r{ width: 50%; height: auto; float: left;}
.zp-r li{ width: 50%; float: left; height: auto; position: relative;}
.zp-r li:hover .abs1{ display: block;}
.zp-zx{ width: 15.6%; height: auto; margin: 0 auto; margin-top: 1rem;}

.part6{ margin: 1rem auto;}
.t6{ width: 100%; margin: 0 auto;}
.xy{ width: 60%; margin: 0 auto; margin-top: 1rem;}
.xy-l{ width: 32%; height: 8.425rem; float: left;}
.xy-li{ width: 100%; height: 2.575rem; background: url(../images/bg4.jpg) center center no-repeat; background-size: 100% 100%; margin-top: 0.35rem; color: #221815; padding-top: 0.7rem; padding-left: 0.25rem;}
.xy-li.on{ color: #fff; background: url(../images/bg3.jpg) center center no-repeat; background-size: 100% 100%;}
.xy-r{width: 66%; float: right; display: none; height: 8.425rem; overflow: hidden;}
.xy-r.on{ display: block;}
.xy-r img{ width: 100%; height: 100%;}
.xy-1{ font-size: 0.6rem; font-weight: bold; letter-spacing: 3px; } 
.xy-2{ font-size: 0.4rem; font-weight: bold; letter-spacing: 3px; margin-top: 0.2rem;}