* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}
li{
  list-style: none;
}
#main * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#main {
  background:#f8edff;
  font-size: .6rem;
  font-family: "microsoft yahei";
  position: relative;
  margin: 0 auto;
  line-height: 1;
  padding: 2rem 0 1.7rem;
}

/*common*/
#main .clearfix:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.section li {
  list-style-type: none;
}

.section a {
  text-decoration: none;
  color: inherit;
}

.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
  font-weight: bold;
}

#main .last {
  margin-right: 0 !important;
}

.section .j_showleyu {
  cursor: pointer;
  font-weight: bold;
}

.section .s_fl {
  float: left;
}

.section .s_fr {
  float: right;
}

.section .section,
.section .pop-box,
.section .right-nav,
.section .btn {
  background-repeat: no-repeat;
  background-position: center top;
}

.section .btn,
.section .tab {
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.section .btn.showleyu {
  text-decoration: none;
}

.section .box-inline {
  text-align: center;
}

.section .box-inline .btn {
  margin: 50px 45px 0;
  display: inline-block;
  vertical-align: top;
}

.section .btn {
  width: 5.3rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  background-color: #ff4800;
  box-shadow: 3px 4px 20px 0px rgb(178 178 178 / 35%);
  border-radius: 29px;
  cursor: pointer;
}
/*form*/
.pageform .form-item {
  margin: 0 auto 25px;
  position: relative;
  display: inline-block;
}

.pageform .form-item img {
  position: absolute;
  height: 28px;
  top: 50%;
  margin-top: -14px;
  left: 13px;
}

.pageform input {
  outline: none;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000000;
  font-size: 14px;
  padding-left: 58px;
  border: 0;
  border-radius: 0;
}

.pageform input.form-yzm {
  padding-left: 18px;
}

.pageform .select-parent input {
  cursor: default;
}

.pageform .select-parent ul {
  position: absolute;
  display: none;
  width: 100%;
  border: 0;
  background: #fff;
  z-index: 1;
  max-height: 200px;
  overflow: auto;
}

.pageform .select-parent li {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding-left: 30px;
  cursor: pointer;
  text-align: left;
}

.pageform .select-parent i {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  width: 19px;
  height: 12px;
  background: url(/uploads/image/zusimages/form-arrow.png) no-repeat;
}

.pageform .j_getyzm {
  /* position: absolute;
  right: 0;
  top: 0; */
  color: #fff;
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  border-radius: 0;
}

/*header*/
#main .header {
  height: 13rem;
  background: url(/uploads/image/zusimages/banner.jpg) no-repeat top;
  background-size: 100%;
  position: relative;
}

#main .header .header3 {
  width: 90%;
  background-color: #ffffff;
  position: absolute;
  bottom: -3.4rem;
  left: 50%;
  transform: translatex(-50%);
  display: flex;
  align-items: center;
  height: 4.7rem;
  background: url(/uploads/image/zusimages/header3_bg.jpg) no-repeat;
  background-size: 100%;
  padding: 1rem;
    box-sizing: border-box;
    box-shadow: 0rem 0rem 1rem 0rem 
		rgba(11, 3, 6, 0.1);
}

#main .header3 .left {
  width: 2rem;
  height: 3rem;
  margin: 0 auto;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
#main .header3 .left span{
  width: 1.1rem;
  height: 2rem;
  display: block;
  background:url(/uploads/image/zusimages/dy.jpg) no-repeat;
  background-size: 100%;
  margin-left: -.5rem;
  padding: 5px 0;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
}
#main .header3 .right{
  height: auto;
  font-size: .6rem;
  color: #656565;
}
#main .header3 .right p{
  line-height: 1rem;
}
#main .header3 .right p:nth-child(2){
  margin-top: 10px;
}
/* section1 */
.section{
  width: 100%;
  height: auto;
  text-align: center;
}
.section .headline {
  text-align: center;
  font-size: 1rem;
  height: 2.5rem;
  /* background:  no-repeat center; */
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.3rem;
}
.section .headline h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  font-size: 1rem;
}
.section .headline div{
  height: 2.5rem;
  width: 5.7rem;
  line-height: 2.5rem;
  text-align: center;
  color: #7e4aff;
  background-size: auto 33px;
  text-shadow: 0 2px 0 #fff, 0 0 10px rgb(12 3 6 / 30%);
  position: relative;
}
.section .headline span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31px;
  overflow: hidden;
  color: #420071;
}
.section .headline img{
  width: 1.4rem;
  height: 1rem;
}
.section .headline img:nth-child(3){
  transform: rotatey(180deg);
}
.section .container{
  width: 15.7rem;
  margin: 0 auto;
  padding-bottom: .5rem;
}
.section .container>p{
  font-size: 25px;
  color: #ffffff;
  font-weight: 700;
  margin: 20px auto;
}
.section .container>p span{
  color: #002e82
}
.section1{
  margin-top: 4rem;
  height: auto;
}
.section1 .container .section1_ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.section1 .container .section1_ul li{
  width: 49%;
  box-shadow: 0rem 0rem 1rem 0rem 
		rgba(11, 3, 6, 0.1);
    background-color: #ffffff;
    padding: .1rem;
    position: relative;
    margin-bottom: .3rem;
    position: relative;
    height: 10.8rem;
}
.section1 .container .section1_li_left{
  position: relative;
  width: 100%;
}
.section1 .container .section1_li_left img{
  width: 100%;
}
.section1 .container .section1_li_right{
  width: 100%;
  text-align: left;
  padding-top: 8px;
  position: absolute;
  top: 3.1rem;
  font-size: .6rem;
  padding-left: .3rem;
}
.section1 .container .section1_li_right h3{
  width: 100%;
  text-align: center;
  margin-bottom: 16px;
  color: #ffffff;
}
.section1 .container .section1_li_right p{
  margin-bottom: .3rem;
  align-items: center;
  color: #666666;
  font-size: .6rem;
  line-height: 20px;
  word-break: break-all;
}
.section1 .container .section1_li_right p span{
  width: auto;
	/* height: 35px; */
  /* line-height: 35px; */
  text-align: center;
  color: #000000;
  font-weight: 700;
}
.section .container .content .div_btn, .div_btn{
  width: 100%;
}
.section .div_btn, .div_btn{
  width: 100%;
  height: 50px;
  margin-top: .5rem;
  display: flex;
  justify-content: center;
}
.section5 .div_btn{
  width: 10rem;
  text-align: center;
  margin: .5rem auto 0;
  background: #eae1ff;
}
#main .section5 .div_btn span{
  width: 100%;
  margin-right: 0;
}
.section .div_btn span, .div_btn span{
  width: 5.3rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #ffffff;
	background-color: #ff4800;
	box-shadow: 3px 4px 20px 0px 
		rgba(178, 178, 178, 0.35);
	border-radius: 29px;
  cursor: pointer;
  font-size: .65rem;
}
.div_btn span:hover,.j_showleyu:hover{
  background-color: #ff753f;
}
.div_btn span{
  width: 100%;
}
.section .div_btn span:nth-child(1){
  margin-right: 1.5rem;
}
/* section2 */
.section2 .headline div{
  width: 9rem;
}
.section2 .content{
  box-sizing: border-box;
  text-align: center;
}
.section2 .content .section2_list{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  width: 100%;
}
.section2 .content .section2_list li{
  width: 49%;
	height: 2rem;
	background-color: #ffffff;
	border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  margin-bottom: .4rem;
  cursor: pointer;
  font-weight: 700;
  line-height: .8rem;
}
.section2 .content .section2_list li:hover{
  background-color: #7e4aff9e;
  color: #ffffff;
}
.section2 .content .section2_list li:nth-child(6){
  margin: 0;
}
.section2 .content .section2_list li.active{
	background-color: #7e4aff;
  color: #ffffff;
}
.section2 .content .li_content {
  width: 100%;
  background-color: #7e4aff;
  padding: .4rem;
  box-sizing: border-box;
}
.section2 .content .li_content .li_content_right{
  width: 100%;
  color: #000000;
  display: flex;
  background-color: #ffffff;
  flex-direction: column;
  border-top: 4px solid #000000;
  justify-content: center;
  padding-bottom: .5rem;
  align-items: center;
}
.section2 .li_content_right h2{
  margin-bottom: 0;
  text-align: center;
  font-size: .72rem;
  line-height: 2rem;
}
.section2 .li_content_right p{
  width:95%;
  display: flex;
  height: 2rem;
  font-size: .6rem;
  align-items: center;
  border-top: 1px solid  #f2f2f2;
  border-bottom: 1px solid  #f2f2f2;
  line-height: .8rem;
  word-break: break-all;
  padding: .3rem 0;
  color: #404040;
  text-align: left;
}
.section2 .li_content_right p i{
  font-style: normal;
  width: 8.8rem;
  text-align: left;
}
.section2 .li_content_right p.noflex{
  align-items: baseline;
  height: 3.1rem;
}
.section2 .li_content_right span{
  font-weight: 700;
  width: 4rem;
  text-align: right;
  margin-right: 13px;
}
.section2 .div_btn span{
  width: 5rem;
  text-align: center;
}
/* 婊氬姩鏉℃牱寮?*/
/*css涓昏閮ㄥ垎鐨勬牱寮?/
/*瀹氫箟婊氬姩鏉″楂樺強鑳屾櫙锛屽楂樺垎鍒搴旀í绔栨粴鍔ㄦ潯鐨勫昂瀵?/

.section .content ::-webkit-scrollbar {
  width: .2rem; /*瀵瑰瀭鐩存祦鍔ㄦ潯鏈夋晥*/
  height: .4rem; /*瀵规按骞虫祦鍔ㄦ潯鏈夋晥*/
  }
  
  /*瀹氫箟婊氬姩鏉＄殑杞ㄩ亾棰滆壊銆佸唴闃村奖鍙婂渾瑙?/
  .section .content ::-webkit-scrollbar-track{
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
  background-color: rgb(229 227 227);
  border-radius: 0px;
  }
  
  
  /*瀹氫箟婊戝潡棰滆壊銆佸唴闃村奖鍙婂渾瑙?/
  .section .content ::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #cccccc;
  }
  
  /*瀹氫箟鍙充笅瑙掓眹鍚堝鐨勬牱寮?/
  .section .content ::-webkit-scrollbar-corner {
  background:khaki;
  }
  /* .section3  */
  .section3{
    width: 100%;
    /* background:  no-repeat bottom;
    background-size: 100%; */
    /* padding-bottom: 80px; */
  }
  .section3 .headline div{
    width: 8rem;
  }
  .section3 .content{
    /* padding-top: 40px; */
    /* height: 580px; */
    display: flex;
  }
  .section3 table{
    border-top: .2rem solid #420071;
    border-bottom: .3rem solid #7e4aff;
    border-collapse:collapse;
    border-spacing:0;
  }
  .section3 table tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}
  .section3 table thead{
    width: 100%;
    background-color: #7e4aff;
    color: #ffffff;
    line-height: 1.6rem;
    table-layout: fixed;
    display: table;
    border-left: .2rem solid #420071;
    border-right: .2rem solid #420071;
  }
  .section3 table thead th{
    border-right: 1px solid #420071;
  }
  .section3 table tbody{
    display: block;
    height: 19.7rem;
    overflow-y: scroll;
    background-color: #ffffff;
  }
  .section3 table tbody td{
    border-right: 1px solid #f8edff;
    border-bottom: 1px solid #f8edff;
    padding: .5rem .4rem;
    box-sizing: border-box;
    line-height: .85rem;
  }
  .section3 table tbody td:nth-child(1){
    width: 6.5rem;
  }
  .section3 table  th:nth-child(1){
    width: 6.2rem;
  }
  .section3 table tbody td:nth-child(2){
    width: 4.5rem;
  }
  .section3 table  th:nth-child(2){
    width: 4.5rem;
  }
/* section4 */
.section4 table{
  border-top: .2rem solid #420071;
  border-bottom: .3rem solid #7e4aff;
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 0.8rem;
}
.section4 table tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.section4 table thead{
  width: 100%;
  background-color: #7e4aff;
  color: #ffffff;
  line-height: 1.6rem;
  table-layout: fixed;
  display: table;
  border-left: .2rem solid #420071;
  border-right: .2rem solid #420071;
}
.section4 table thead th{
  border-right: 1px solid #420071;
}
.section4 table tbody{
  display: block;
  height: 19.7rem;
  overflow-y: scroll;
  background-color: #ffffff;
}
.section4 table tbody td{
  border-right: 1px solid #f8edff;
  border-bottom: 1px solid #f8edff;
  padding: .5rem .4rem;
  box-sizing: border-box;
  line-height: .85rem;
}
.section4 table tbody td:nth-child(1){
  width: 6.5rem;
}
.section4 table  th:nth-child(1){
  width: 6.2rem;
}
.section4 table tbody td:nth-child(2){
  width: 4.5rem;
}
.section4 table  th:nth-child(2){
  width: 4.5rem;
}
.section4 .form{
  padding: 0 30px 30px;
  background-color: #ffffff;
  text-align: left;
  margin-top: 85px;
}
.section4 .form h3{
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}
.section4 form{
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}
.section4 .form .form_left{
  width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section4 .form .form_left .form_item{
  width: 320px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.section4 .form .form_left input{
  width: 100%;
  height: 40px;
  outline: none;
  border: none;
  background-color: #f1f1f1;
  padding-left: 40px;
}
.section4 .form .form_left .form_item.top{
  margin-bottom: 20px;
}
.section4 .form .form_left .form_item img{
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translatey(-50%);
}
.section4 .form .form_left .yzm{
  display: flex;
}
.section4 .form .form_left .yzm input{
  width: 228px;
  padding: 20px;
}
.section4 .form .form_left .yzm span{
  width: 100px;
  background-color: #7e4aff;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.section4 .form .form_right{
  width: 110px;
  height: 100px;
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
  line-height: 100px;
  text-align: center;
  background-color: #ff4800;
	box-shadow: 0px 0px 20px 0px 
		rgba(0, 0, 0, 0.1);
	border-radius: 6px;
  cursor: pointer;
}
/* .section5 */
.section5 {
  width: 100%;
  background: #eae1ff;
  padding-bottom: .5rem;
  height: auto;
  padding-top: 1rem
}
.section5 .headline div{
  width: 10.4rem;
  line-height: 1.4rem;
}
.section5 .headline span{
  height: 20px;
}
.section5 .content{
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto
}
.section5 .section5_content_left{
  width: 140px;
  height: 140px;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 700;
  line-height: 24px;
} 
.section5 ul{
  width: 100%;
  height: 100%;
  padding: 0 .5rem;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    margin-top: 0.9rem;
}
.section5 ul li{
  width: 100%;
  display: flex;
  height: 3.5rem;
  margin-bottom: .5rem;
  background: url(/uploads/image/zusimages/section4_li1.png) no-repeat;
  background-size: 100%;
}
.section5 ul li:nth-child(2n){
  background: url(/uploads/image/zusimages/section4_li2.png) no-repeat;
  background-size: 100%;
}
.section5 ul li span{
  width: 3.8rem;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
  border-radius: 29px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section5 ul li p{
  width: 10.5rem;
  line-height: .9rem;
  padding:.3rem 0 .3rem 1rem;
  text-align: left;
  font-size: .6rem;
  display: flex;
  align-items: center;
}
.form{
  width: 100%;
  background:url(/uploads/image/zusimages/form.jpg) no-repeat;
  background-size: 100%;
  text-align: center;
  padding-bottom: .8rem;
}
.form h3{
  line-height: 60px;
  color: #ffffff;
}
.form  form{
  display: flex;
  justify-content: center;
}
.form .form_left{
  width: 85%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form .form_left .form_item{
  width: 100%;
  height: 1.6rem;
  line-height: 1.6rem;
  position: relative;
  margin-bottom: .2rem;
}
 .form .form_left select{
  width: 100%;
  height: 1.6rem;
  outline: none;
  border: none;
  resize: none;
  background: #ffffff url(/uploads/image/zusimages/form-arrow.png) no-repeat right center;
  background-position-x:12.2rem;
  background-size: 5%;
  padding-left: .5rem;
  color: #a1a1a1;
  -webkit-appearance: none;
}
.form .form_left .form_item.top{
  display: flex;
  justify-content: space-between;
}
.form .form_left .form_item.top input{
  width: 49.5%;
  padding-left: .5rem;
  color: #a1a1a1;
  outline: none;
  border: none;
}
.form .form_left input::placeholder{
  color: #a1a1a1;
}
 .form .form_left .form_item img{
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translatey(-50%);
}
 .form .form_left .yzm{
  display: flex;
  height: 1.6rem;
}
 .form .form_left .yzm input{
  width: 70%;
  padding-left: .5rem;
  outline: none;
  border: none;
  height: 1.6rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
 .form .form_left .yzm span{
  width: 30%;
  background-color: #ffdd1c;
  color: #000000;
  font-size: .6rem;
  text-align: center;
  line-height: 1.6rem;
  cursor: pointer;
}
 .form .form_right{
  width: 4.5rem;
  height: 1.6rem;
  font-weight: 700;
  font-size: .7rem;
  color: #000000;
  line-height: 1.8rem;
  text-align: center;
  background-color: #ffde1b;
	border-radius: 1.8rem;
  cursor: pointer;
  margin: 0 auto;
}
  /* 寮圭獥1鈥斺€?鍏冮鍙?*/
.layout_one{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  display: none;
}
.layout_one .layout_one_content{
  width: 15rem;
  height: 18rem;
  background: url(/uploads/image/zusimages/layout1_bg.png) no-repeat;
  background-size: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50% ,-50%, 0);
  padding-top: 4.2rem;
  box-sizing: border-box;
}
.layout_one form{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.layout_one form .form_item{
  width: 100%;
  background-color: #ffffff;
  height: 1.5rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
}
.layout_one form .form_item input,.layout_one form .form_item select{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  outline: none;
  border: none;
  padding-left: 10px;
  color: #acacac;
 
}
.layout_one form .form_item select{
  -webkit-appearance: none;
  outline: none;
  border: none;
  resize: none;
  background: #ffffff url(/uploads/image/zusimages/form-arrow.png) no-repeat right center;
  background-position-x:10.5rem;
  background-size: 5%;
}
.layout_one form .form_item input::placeholder{
  color: #b3b3b3;
}
.layout_one form .form_item img{
  width: 24px;
  height: 23px;
  margin-left: 5px;
}
.layout_one form .yzm{
  display: flex;
}
.layout_one form .yzm input{
  width: 60%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.layout_one form .yzm span{
  font-size: 14px;
  background-color: #f1ec24;
  color: #000000;
  height: 100%;
  line-height: 40px;
  width: 40%;
  text-align: center;
  cursor: pointer;
}
.layout_one .layout_btn,.layout_three .layout3_btn{
  width: 6rem;
  height: 2rem;
  background-color: #000000;
  margin: 0 auto;
  margin-top: .4rem;
  cursor: pointer;
  opacity: 0;
}
.layout_one .pop_close{
  width: 1.5rem;
  height: 1.5rem;
  background-color: #000000;
  position: absolute;
  top: 0px;
  right: .3rem;
  cursor: pointer;
  opacity: 0;
}