.header {
  width: 19.2rem;
  margin: 0 auto;
  padding: 0.3rem 0.4rem;
  display: flex;
  justify-content: space-between;
}
.header .left img {
  width: 6.3rem;
}
.header .right {
  display: flex;
  align-items: center;
}
.header .right .roller {
  display: flex;
}
.header .right .roller p {
  font-size: 0.2rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
  margin-right: 0.05rem;
}
.header .right .roller .xin {
  display: flex;
  align-items: center;
}
.header .right .roller .xin img {
  width: 0.15rem;
  margin: 0.02rem;
}
.roller:nth-of-type(1) {
  margin-right: 0.25rem;
  padding-right: 0.25rem;
  border-right: 0.01rem solid rgba(0, 19, 35, 0.3);
}
/* banner */
.banner {
  width: 19.2rem;
  margin: 0 auto;
  height: 9rem;
  background-image: url(../img/zu199.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .left {
  text-align: center;
}
.banner .left p {
  width: 8.1rem;
  text-align: center;
  font-size: 0.97rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0.5rem;
}
.banner .left span {
  font-size: 0.39rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.4;
}
.banner .left .beizi {
  margin-top: 0.7rem;
  text-align: center;
}
.banner .left .beizi img {
  width: 1.12rem;
  margin-right: 0.3rem;
}
.banner .right img {
  width: 8.1rem;
}
/* caking */
.caking {
  width: 19.2rem;
  margin: 0 auto;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  background-color: #f5f7f9;
}
.caking .left {
  cursor: pointer;
  display: flex;
  font-size: 0;
}
.caking .left .big {
  width: 4.85rem;
  height: 4.81rem;
  overflow: hidden;
  margin-right: 0.15rem;
}
.caking .left .big img {
  width: 100%;
}
.caking .left .samll {
  height: 4.81rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.caking .left .samll div {
  position: relative;
}
.caking .left .samll div img {
  width: 1.69rem;
}
.caking .left .samll div div {
  display: none;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -0.04rem;
  top: -0.04rem;
  background: rgba(3, 69, 158, 0.4);
  border: 0.04rem solid #03459e;
}
.caking .right {
  position: relative;
  margin-left: 0.75rem;
}
.caking .right h2 {
  width: 6rem;
  font-size: 0.52rem;
  font-family: Arial-Bold, Arial;
  font-weight: bold;
  color: #000000;
  padding-bottom: 0.2rem;
}
.caking .right p {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #03459e;
  font-size: 0.28rem;
  margin-bottom: 0.2rem;
}
.caking .right span {
  display: block;
  width: 5.06rem;
  font-size: 0.24rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #939ca3;
}
.caking .right .contact {
  position: absolute;
  bottom: 0;
  left: 0;
}
.caking .right .contact button {
  font-size: 0.28rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  outline: none;
  border: none;
  height: 0.68rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}
.caking .right .contact button:nth-of-type(1) {
  color: #f9fbfc;
  width: 2rem;
  background: #5ccf66;
  margin-right: 0.25rem;
}
.caking .right .contact button:nth-of-type(1) img {
  width: 0.3rem;
}
.caking .right .contact button:nth-of-type(2) {
  color: #f9fbfc;
  width: 1.51rem;
  background: #03459e;
}
.caking .right .contact button:nth-of-type(2) img {
  width: 0.24rem;
}
/* main */
.main {
  width: 100%;
}
.main .head {
  width: 19.2rem;
  margin: 0 auto;
  height: 5.5rem;
  background-color: #03459e;
  text-align: center;
  padding-top: 0.8rem;
}
.main .head h1 {
  font-size: 0.54rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
}
.main .head .xian {
  width: 0.95rem;
  height: 0;
  border: 0.02rem solid #ffffff;
  border-radius: 0.02rem;
  margin: 0 auto;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  background-color: #ffffff;
}
.main .head p {
  margin: 0 auto;
  width: 11.52rem;
  font-size: 0.24rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #9ab4d8;
}
.main .main-content {
  width: 12.24rem;
  margin: 0 auto;
}
/* 视频插件 */
.jsmodern-video {
  width: 100% !important;
  height: 100% !important;
}
#video {
  width: 12.24rem;
  height: 6.9rem;
  margin: 0 auto;
  position: relative;
  top: -1.5rem;
}
#video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.VideoBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  margin-left: -0.35rem;
  margin-top: -0.35rem;
  cursor: pointer;
  z-index: 10;
}
.VideoBtn img {
  width: 0.7rem;
}
/* 视频插件*/
.sample {
  display: flex;
  margin-top: -0.46rem;
  margin-bottom: 0.86rem;
  justify-content: space-between;
}
.sample li {
  width: 2.9rem;
  height: 2.88rem;
  position: relative;
}
.sample li > img {
  width: 100%;
}
.sample li div {
  width: 2.64rem;
  height: 2.7rem;
  position: absolute;
  top: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.sample li div img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.sample li div:hover img {
  transform: scale(1.2);
}
.onactivate {
  background: #03459E !important;
  border-radius: 4px 4px 4px 4px ;
  color: #FFFFFF !important;
}
.checked {
  background-color: #03459e;
  color: #ffffff;
}
.column {
  display: flex;
  justify-content: space-between;
}
.column .left {
  width: 7.71rem;
}
.column .left .big-title {
  display: flex;
  cursor: pointer;
}
.column .left .big-title div {
  text-align: center;
  line-height: 0.6rem;
  flex: 1;
  height: 0.6rem;
  background-color: #e5ecf5;
  font-size: 0.27rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #03459e;
}
.column .left .big-title .title1 {
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}
.column .left .big-title .title3 {
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.column .right {
  width: 4.11rem;
}
.column .right .top .box:hover img {
  transform: scale(1.2);
}
.column .right .top .box {
  overflow: hidden;
  border-radius: 0.06rem;
  font-size: 0;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.10196078);
}
.column .right .top .box img {
  transition: all 0.5s;
  width: 100%;
}
.column .right .bottom {
  margin-top: 0.5rem;
  padding: 0 0.35rem;
  padding-top: 0.1rem;
  height: 6.89rem;
  background: #ffffff;
  box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
}
.column .right .bottom .relation {
  padding: 0.4rem 0;
  display: flex;
}
.column .right .bottom .relation > img {
  width: 1.41rem;
}
.column .right .bottom .relation .right {
  margin-left: 0.15rem;
  position: relative;
}
.column .right .bottom .relation .right p {
  margin: 0.1rem 0;
  font-size: 0.18rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #939ca3;
}
.column .right .bottom .relation .right span {
  font-size: 0.18rem;
  font-family: Arial-Bold, Arial;
  font-weight: bold;
  color: #001323;
}
.column .right .bottom .relation .right button {
  width: 1.5rem;
  height: 0.45rem;
  background: #5ccf66;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.2rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #f9fbfc;
  border: none;
}
.column .right .bottom .relation .right button img {
  width: 0.22rem;
  margin-right: 0.06rem;
}
.vertical {
  width: 0.04rem;
  height: 0.21rem;
  background-color: #001323;
  margin-right: 0.2rem;
}
.headline {
  font-size: 0.27rem;
  font-family: Arial-Bold, Arial;
  font-weight: bold;
  color: #001323;
}
.column-title {
  display: flex;
  align-items: center;
  margin: 0.32rem 0;
}
.Parameter .table li {
  width: 100%;
  display: flex;
  align-items: center;
  height: 0.62rem;
}
.Parameter .table li span {
  text-align: left;
  margin-left: 0.2rem;
}
.Parameter .table li .normal {
  flex: 3;
  font-size: 0.18rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #939aa2;
  border-right: 0.01rem solid rgba(112, 112, 112, 0.1);
}
.Parameter .table li .bold {
  flex: 7;
  font-size: 0.18rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.Parameter .table li:nth-of-type(2n + 1) {
  background-color: #f5f5f6;
}
.Parameter .table li:nth-of-type(2n) {
  background-color: #fcfcfc;
}
.Parameter .Describe > p {
  font-size: 0.24rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #939ca3;
}
.form {
  width: 7.71rem;
  padding: 0.45rem 0.56rem;
  background: #ffffff;
  box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form .dropdown.active .option {
  display: block;
}
.form .dropdown {
  position: relative;
  width: 100%;
  height: 0.58rem;
}
.form .dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 19, 35, 0.03);
  border: none;
  outline: none;
  padding: 0 0.2rem;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form .dropdown::before {
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 0.15rem;
  z-index: 10000;
  width: 0.14rem;
  height: 0.14rem;
  border: 0.02rem solid #001323;
  border-top: 0.02rem solid transparent;
  border-right: 0.02rem solid transparent;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}

.form .dropdown.active::before {
    top: 0.25rem;
    transform: rotate(-225deg);
}
.form .dropdown .option {
  height: 2.32rem;
  display: none;
  position: absolute;
  top: 0.58rem;
  width: 100%;
  background-color: #ffffff;
  overflow-y: auto;
}
.form .dropdown .option div {
  height: 0.58rem;
  line-height: 0.58rem;
  padding: 0 0.2rem;
  cursor: pointer;
}
.form .dropdown .option div:hover {
  background-color: rgba(0, 19, 35, 0.1);
}
.form .contact-way {
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.form .contact-way div {
  width: 2.87rem;
}
.form .contact-way input {
  padding-left: 0.2rem;
  margin-top: 0.17rem;
  width: 2.87rem;
  height: 0.46rem;
  background: rgba(0, 19, 35, 0.03);
  border: none;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form .Requirement p {
  margin-top: 0.22rem;
  margin-bottom: 0.17rem;
}
.form .Requirement textarea {
  width: 100%;
  height: 1.29rem;
  background-color: rgba(0, 19, 35, 0.03);
  resize: none;
  border: none;
  padding: 0.2rem;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form .submit {
  text-align: center;
  margin-top: 0.27rem;
}
.form .submit button {
  width: 1.97rem;
  height: 0.68rem;
  background: #03459e;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.28rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #f9fbfc;
}
.form2 {
  width: 7.71rem;
  padding: 0.45rem 0.56rem;
  background: #ffffff;
  box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form2 .dropdown2.active .option2 {
  display: block;
}
.form2 .dropdown2 {
  position: relative;
  width: 100%;
  height: 0.58rem;
}

.form2 .dropdown2.active::before {
  top: 0.25rem;
  transform: rotate(-225deg);
}

.form2 .dropdown2::before {
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 0.15rem;
  z-index: 10000;
  width: 0.14rem;
  height: 0.14rem;
  border: 0.02rem solid #001323;
  border-top: 0.02rem solid transparent;
  border-right: 0.02rem solid transparent;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}
.form2 .dropdown2 input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 19, 35, 0.03);
  border: none;
  outline: none;
  padding: 0 0.2rem;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form2 .dropdown2 .option2 {
  height: 2.32rem;
  display: none;
  position: absolute;
  top: 0.58rem;
  width: 100%;
  background-color: #ffffff;
  overflow-y: auto;
}
.form2 .dropdown2 .option2 div {
  height: 0.58rem;
  line-height: 0.58rem;
  padding: 0 0.2rem;
  cursor: pointer;
}
.form2 .dropdown2 .option2 div:hover {
  background-color: rgba(0, 19, 35, 0.1);
}
.form2 .contact-way2 {
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.form2 .contact-way2 div {
  width: 2.87rem;
}
.form2 .contact-way2 input {
  padding-left: 0.2rem;
  margin-top: 0.17rem;
  width: 2.87rem;
  height: 0.46rem;
  background: rgba(0, 19, 35, 0.03);
  border: none;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form2 .Requirement2 p {
  margin-top: 0.22rem;
  margin-bottom: 0.17rem;
}
.form2 .Requirement2 textarea {
  width: 100%;
  height: 1.29rem;
  background-color: rgba(0, 19, 35, 0.03);
  resize: none;
  border: none;
  padding: 0.2rem;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form2 .submit2 {
  text-align: center;
  margin-top: 0.27rem;
}
.form2 .submit2 button {
  width: 1.97rem;
  height: 0.68rem;
  background: #03459e;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.28rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #f9fbfc;
}

.form .dropdown3.active .option {
  display: block;
}
.form .dropdown3 {
  position: relative;
  width: 100%;
  height: 0.58rem;
}
.form .dropdown3 input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 19, 35, 0.03);
  border: none;
  outline: none;
  padding: 0 0.2rem;
  font-size: 0.21rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
.form .dropdown3::before {
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  z-index: 10000;
  width: 0.14rem;
  height: 0.14rem;
  border: 0.02rem solid #001323;
  border-top: 0.02rem solid transparent;
  border-right: 0.02rem solid transparent;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}

.form .dropdown3.active::before {
    top: 0.2rem;
    transform: rotate(-225deg);
}
.form .dropdown3 .option {
  height: 2.32rem;
  display: none;
  position: absolute;
  top: 0.58rem;
  width: 100%;
  background-color: #ffffff;
  overflow-y: auto;
}
.form .dropdown3 .option div {
  height: 0.58rem;
  line-height: 0.58rem;
  padding: 0 0.2rem;
  cursor: pointer;
}
.form .dropdown3 .option div:hover {
  background-color: rgba(0, 19, 35, 0.1);
}
footer {
  margin-top: 0.78rem;
}
footer .background {
  width: 19.2rem;
  margin: 0 auto;
  height: 4.01rem;
  background: #03459e;
}
footer .certificate {
  width: 12.18rem;
  margin: 0 auto;
  margin-top: -2.6rem;
}
footer .certificate .top {
  display: flex;
  overflow: hidden;
}
footer .certificate .top > div:nth-of-type(1):hover img {
  transform: scale(1.2);
}
footer .certificate .top > div:nth-of-type(1) {
  width: 5.34rem;
  height: 4.47rem;
  overflow: hidden;
  cursor: pointer;
}
footer .certificate .top > div:nth-of-type(1) img {
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}
footer .certificate .top .introductory {
  margin-left: 0.35rem;
  position: relative;
}
footer .certificate .top .introductory .title {
  margin-top: 1rem;
  font-size: 0.86rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
}
footer .certificate .top .introductory .wire {
  margin-top: 1.2rem;
  width: 1.1rem;
  height: 0.08rem;
  background-color: #03459e;
}
footer .certificate .top .introductory ul {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 5.45rem;
  height: 1.1rem;
  font-size: 0.25rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #001323;
}
footer .certificate .prove {
  display: flex;
  justify-content: space-between;
  margin-top: 0.48rem;
  margin-bottom: 0.35rem;
}
footer .certificate .prove img {
  width: 2.5rem;
}
footer .contact-us .top {
  width: 19.2rem;
  margin: 0 auto;
  background: url(../img/zu%20205.jpg) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.7rem;
}
footer .contact-us .top > p {
  font-size: 0.32rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  padding: 0.6rem 0;
}
footer .contact-us .footer {
  width: 19.2rem;
  margin: 0 auto;
  height: 0.97rem;
  background: #31373d;
  font-size: 0.24rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 0.97rem;
}
.go-back {
  cursor: pointer;
  position: fixed;
  bottom: 10%;
  left: 4%;
}
.hint {
  color: red ;
  font-size: 0.2rem;
}
.navs {
    width: 100%;
    height: 0.9rem;
    max-width: 19.2rem;
    margin: 0 auto;
	position:relative;
	font-family:"Microsoft YaHei",SimSun,SimHei;
	font-size:14px;
	top: 0rem;
}
#navs{
    display: none;
}
.navs a {
	color:#fff;
}
.navs h3 {
	font-size:100%;
	font-weight:normal;
}
.navs .m {
	float:left;
	position:relative;
	z-index:1;
}
.navs .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}
.navs h3 a {
	display: block;
    width: auto;
    font-size: 0.2rem;
    text-align: center;
    font-family: arial;
    text-decoration: none;
}

.navs h3 a:hover{
    color: #FE7700;
}

.navs .on h3 a{
    color: #FE7700;
}
.navs .block {
	height:0.03rem;
	width:1.1rem;
	background:#FE7700;
	position:absolute;
	left:0;
	top:0.87rem;
	overflow:hidden;
}
.navs li{
	height: 0.9rem;
	line-height: 0.9rem;
	width: auto;
    padding-left: 0.3rem;
    text-align: center;
    padding-right: 0.3rem;
}
.nav_centers{
    width: 15rem;
    height: 0.9rem;
    margin: 0 auto;
    position: relative;
}

.subs{
    position: absolute;
    left: -0.5rem;
    z-index: 1;
    width: 3.2rem;
    background: rgba(76, 76, 77, 0.8);
    display: none;
}

.subsa{
    display: block;
    height: auto;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.18rem;
    text-decoration: none;
}

.ons{
    color: #000 !important;
    background: #fff !important;
}

.subsa:hover{
    color: #000;
    background: #fff;
}

.subs li{
    height: 0.5rem !important;
    line-height: 0.5rem !important;
    width: auto !important;
    padding: 0rem;
}

/*.on .subs{*/
/*    display: block !important;*/
/*}*/