* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  outline-style: none;
  -webkit-tap-highlight-color: transparent;
}
html {
  font-size: 20px;
  font-size: 10vw;
  height: 100%;
  overflow-x: hidden;
}
body {
  position: relative;
  max-width: 540px;
  min-width: 320px;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  font-family: Arial;
  font-weight: 400;
  background: #f6f6f6;
}
a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
}
img {
  display: block;
  width: 100%;
}
.center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.logo {
  display: block;
  width: 2.76718rem;
  height: 0.7815rem;
  background: url('../images/logo.png') no-repeat left center / auto 100%;
}
.logo1 {
  display: block;
  width: 2.76718rem;
  height: 0.7815rem;
  background: url('../images/ytzn/logo.png') no-repeat left center / auto 100%;
}
.iscroll-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 头部 */
#homeHeader {
  width: 100%;
  height: 1.125rem;
  background: #0e56a0;
  position: relative;
  z-index: 100;
  padding: 0.16rem 0.34375rem 0.24rem;
}
#homeHeader .homeNav {
  display: block;
  width: 0.46875rem;
  height: 0.50625rem;
  position: absolute;
  top: 0.355rem;
  right: 0.34375rem;
}
#homeHeader .detailNav {
  display: block;
  height: 0.50625rem;
  position: absolute;
  top: 0.255rem;
  right: 0.54375rem;
}
#homeHeader .detailNav > a{
  color: white;
}
#homeHeader .homeNav span {
  display: block;
  width: 100%;
  height: 0.09375rem;
  background: url('../images/mobile/navLines.png') no-repeat center center / 100% auto;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: absolute;
}
#homeHeader .homeNav span:nth-of-type(1) {
  top: 0;
}
#homeHeader .homeNav span:nth-of-type(2) {
  top: 0.15rem;
}
#homeHeader .homeNav span:nth-of-type(3) {
  top: 0.318rem;
}
#homeHeader .homeNav.active span:nth-of-type(1) {
  top: 0.15625rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#homeHeader .homeNav.active span:nth-of-type(3) {
  top: 0.15625rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#homeHeader .homeNav.active span:nth-of-type(2) {
  opacity: 0;
}
#mainWrap {
  background: url('../images/mobile/HomeMainBack_01.png') no-repeat top 1.5rem center / 100% auto, url('../images/mobile/HomeMainBack_02.png') no-repeat bottom -1rem center / 100% auto;
}
/* 首页 */
.homeMain {
  padding-bottom: 0.3125rem;
}
.homeMain .index-header {
  color: #fff;
  font-size: 14px;
  background: url(../images/index-hederbg.jpg) no-repeat center center / 100% auto;
  height: 38vh;
  background-size: 100% 100%;
}
.homeMain .index-header .small_title {
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  font-weight: 400;
  padding-top: 12px;
}
.homeMain .index-header .text {
  padding: 10px 20px;
  text-align: center;
}
.homeMain .index-header .introduce {
  background: url(../images/introducebg.png) left center/cover no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 20px;
  letter-spacing: 10px;
}
.homeMain .homeBanner {
  width: 100%;
  /*height: 6.1125rem;*/
  position: relative;
  /*background: url('../images/mobile/homeBanner.jpg') no-repeat center center / 100% auto;*/
}
.homeMain .homeBannerAnimail {
  width: 4.21875rem;
  position: absolute;
  bottom: 0;
  left: 0.34375rem;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}
.homeMain .homeBannerAnimail.active {
  -webkit-animation: text 2s  ease, opacity 2s ease;
  animation: text 2s  ease, opacity 2s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.homeMain .homeBannerTitle {
  width: 100%;
  text-align: right;
  position: absolute;
  top: 2.1875rem;
  right: 0rem;
  padding-right: 0.90625rem;
  color: #fff;
}
.homeMain .homeBannerTitle h2 {
  font-size: 14px;
  line-height: 0.6875rem;
  opacity: 0;
}
.homeMain .homeBannerTitle h2.active {
  -webkit-animation: textR 1s .5s ease,opacity 1s .5s ease;
  animation: textR 1s .5s ease,opacity 1s .5s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.homeMain .homeBannerTitle p {
  width: 2.5rem;
  font-size: 0.25rem;
  margin-top: 0.234375rem;
  position: relative;
  float: right;
  letter-spacing: 0.2em;
  opacity: 0;
}
.homeMain .homeBannerTitle p.active {
  -webkit-animation: textR 1s .5s ease,opacity 1s .5s ease;
  animation: textR 1s .5s ease,opacity 1s .5s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.homeMain .homeBannerTitle p::before {
  content: '';
  display: block;
  width: 1.25rem;
  height: 0.03125rem;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.25rem;
  opacity: 0.8;
  margin: auto;
}
.homeMain .miningLamp {
  padding-top: 0.9375rem;
}
.homeMain .miningLamp h3 {
  width: 200px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
  padding: 0 10px;
  position: relative;
}
.homeMain .miningLamp .LampEn {
  color: #d4d3d3;
  font-weight: 400;
  letter-spacing: 1px;
}
.homeMain .miningLamp .LampCh {
  color: #000000;
  letter-spacing: 3px;
}
.homeMain .miningLamp .lampLines {
  width: 100%;
  height: 6px;
}
.homeMain .miningLamp h4 {
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #000000;
  font-weight: 400;
  margin-top: 20px;
}
.homeMain .miningLamp .lampText {
  font-size: 14px;
  color: #4d4948;
  text-align: center;
  line-height: 24px;
  margin-top: 16px;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.homeMain .mission .lampBanner {
  display: block;
}
.homeMain .mission {
  width: 100%;
  border: 0.03125rem solid #eeeeee;
  background: #fff;
  margin: 0 auto;
    position: relative;
}
.homeMain .mission h3 {
  font-size: 18px;
  text-align: left;
  line-height: 28px;
    position: absolute;
    top: 2rem;
    left: 10%;
}
.homeMain .mission .LampEn {
  color: #d4d3d3;
  font-weight: 400;
  letter-spacing: 1px;
}
.homeMain .mission .LampCh {
  color: #333;
  letter-spacing: 3px;
}
.homeMain .mission h4 {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #333;
  font-weight: 400;
    position: absolute;
    top: 3rem;
    width: 5rem;
    left: 10%;
}
.homeMain .mission .missionLines {
  display: block;
  width: 0.9375rem;
  height: 0.0625rem;
  margin-top: 2px;
  background: #f1983a;
}
.homeMain .missionList {
  width: 100%;
  height: 2.34375rem;
  margin-top: 1.875rem;
  border-top: 0.03125rem solid #eeeeee;
}
.homeMain .solution .bhyh-content .box a{
    top: .3rem;
}
.homeMain .solution .bhyh-content{
    padding-top: .9rem;
}
.homeMain .vision {
  width: 100%;
  border: 0.03125rem solid #eeeeee;
  background: #fff;
  /*padding-bottom: 1.875rem;*/
  margin: 0.3125rem auto 0;
    position: relative;
}
.homeMain .vision h3 {
  font-size: 18px;
  text-align: left;
  line-height: 28px;
  position: absolute;
  top: 2rem;
  left: 20%;
  color: #fff;
  width: 60%;
  text-align: center;
}
.homeMain .vision .LampEn {
  color: #d4d3d3;
  font-weight: 400;
  letter-spacing: 1px;
}
.homeMain .vision .LampCh {
  color: #fff;
  letter-spacing: 3px;
}
.homeMain .vision h4 {
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  /*color: #4d4948;*/
  font-weight: 400;
    position: absolute;
    top: 3rem;
    width: 5rem;
    color: #fff;
    left: 60%;
}
.homeMain .vision .missionLines {
  display: block;
  width: 0.9375rem;
  height: 0.0625rem;
  margin-top: 5px;
  background: #f1983a;
}
.homeMain .bg2{
    background: url("../images/mobile/HomeMainBack_01.png") top center/100% repeat;
}

.homeMain .bhyh-content{
    overflow: hidden;
    /*height: 3.9rem;*/
    /*padding-top: .7rem;*/
}

.homeMain .bhyh-content .box{
    position: relative;
    width: 90%;
    float: left;
    margin: 0 5%;
    overflow: hidden;
}
.homeMain .bhyh-content .box:hover a img {
  transform: scale(1.1);
}
.homeMain .bhyh-content .box:hover a p {
  color: #f1983a;
}
.homeMain .bhyh-content .box a{
    position: absolute;
    top: .45rem;
    width: 100%;
    display: inline-block;
    left: 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    overflow: hidden;
}
.homeMain .bhyh-content .box a>img{
    /*width: .8rem;*/
    margin: 0 auto;
    transition: all .7s;
}
.homeMain .news {
  width: 9.6875rem;
  /*height: 9.21875rem;*/
  border: 0.03125rem solid #eeeeee;
  background: #fff;
  overflow: hidden;
  margin: 0.3125rem auto 0;
}
.homeMain .news .newsTitle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 3.90625rem;
  padding-left: 4.78125rem;
  background: url('../images/news_logo.jpg') no-repeat left center / auto 100%;
}
.homeMain .news h3 {
  font-size: 18px;
  text-align: left;
  line-height: 28px;
  position: relative;
}
.homeMain .news .LampEn {
  color: #d4d3d3;
  font-weight: 400;
  letter-spacing: 1px;
}
.homeMain .news .LampCh {
  color: #000000;
  letter-spacing: 3px;
}
.homeMain .news .missionLines {
  display: block;
  width: 0.9375rem;
  height: 0.0625rem;
  margin-top: 10px;
  background: #f1983a;
}
.homeMain .news .newsContain {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 5.3125rem;
  padding-right: 5.88125rem;
  padding-left: 0.375rem;
  background: url('../../images/mobile/newsContain.jpg') no-repeat right center / auto 100%;
}
.homeMain .news .newsContainText {
  font-size: 0.34375rem;
  color: #4d4948;
  line-height: 0.5rem;
}
.homeMain .news .newsContainText span {
  color: #000000;
  display: block;
  line-height: 22px;
}
/* 底部 */
#homeFooter {
  width: 100%;
  min-height: 6rem;
  background: url('../images/mobile/homeFootBg.jpg') no-repeat top center / 100% auto;
  background-color: #000;
  padding: 0.84375rem 0.46875rem 0.16875rem;
}
#homeFooter .contact {
  overflow: hidden;
}
#homeFooter .contact ul {
  width: 50%;
  float: left;
}
#homeFooter .contact li {
  color: #7a7776;
  font-size: 12.87px;
  line-height: 23.4px;
  margin-bottom: 5.53px;
}
#homeFooter .contact img {
  width: 2.8125rem;
}
#homeFooter .contact a {
  color: #7a7776;
}
#homeFooter .contact .contactTitle {
  color: #ffffff;
}
#homeFooter .follow {
  overflow: hidden;
}
#homeFooter .follow .followBtn {
  width: 50%;
  float: left;
}
#homeFooter .follow h6 {
  color: #fff;
  font-size: 12.87px;
  margin-bottom: 0.40625rem;
  font-weight: 400;
}
#homeFooter .follow .followIcon {
  width: 4.1875rem;
  height: 0.84375rem;
  line-height: 0.84375rem;
  border: 0.0234375rem solid #8e8e8e;
  font-size: 12.87px;
  color: #939392;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0.84375rem;
  position: relative;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}
#homeFooter .follow .followIcon .followImage {
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.3125rem;
  margin: auto;
}
#homeFooter .follow .followIcon .followImg {
  display: none;
  width: 100%;
}
#homeFooter .follow .followIcon.active {
  height: auto;
  background: #323233;
  border-radius: 0.15625rem;
  padding-bottom: 0.3125rem;
  text-align: center;
  border: none;
}
#homeFooter .follow .followIcon.active .followImage {
  display: none;
}
#homeFooter .follow .followIcon.active .followImg {
  display: block;
}
#homeFooter .footerRecord {
  padding-top: 0.53125rem;
  /*margin-top: 0.625rem;*/
  border-top: 0.0234375rem solid #545454;
}
#homeFooter .footerRecord a {
  width: auto;
  display: inline-block;
  color: #fff;
  padding-right: 14px;
  margin-right: 14px;
  border-right: 0.0234375rem solid #686868;
}
#homeFooter .footerRecord a:last-child {
  border: none;
}
#homeFooter .footerRecord p {
  color: #7a7776;
  font-size: 12px;
  line-height: 20px;
}
#homeFooter .footerRecord p a{
  color: #7a7776;
  padding-left:16px;
  font-size:12px;
  background:url(../images/icon-police.png) no-repeat left center / 12px 13px; 
}
#homeFooter .footerRecord img {
  display: inline-block;
  width: 14px;
  margin: 0 3px;
}
.select {
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 1.125rem;
  display: none;
}
.select nav {
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  padding: 0 0.34375rem;
  background: #fff;
  opacity: 0;
  -webkit-animation: opacity .3s ease;
  animation: opacity .3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.select nav > li {
  width: 100%;
  padding: 0.3rem 0;
  color: #000000;
  font-size: 14px;
  position: relative;
}
.select nav > li:not(:last-child){
  border-bottom: 0.0234375rem solid #e6e6e8;
}
.select nav > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000000;
}
.select nav > li.product-menu{}
.select nav > li.product-menu > span{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000000;
  background: url('../images/select_arrow.png') no-repeat right 0.3rem center / 0.3rem auto;
}
.select nav > li.product-menu > div{
  display: none;
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  border-top: 0.0234375rem solid #e6e6e8;
}
.select nav > li.product-menu.active > div{
  display: block;
}
.select nav > li.product-menu > div > .wrapper > .title{
  color: #445EA0;
}
.select nav > li.product-menu > div > .wrapper > ul{
  display: flex;
  flex-wrap: wrap;
}
.select nav > li.product-menu > div > .wrapper > ul > li{
  min-width: 30%;
  text-align: center;
  margin: 4px 3% 4px 0;
  padding: 4px;
  background: #F2EFEF;
}


.select nav > li.industry-menu > span{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000000;
  background: url('../images/select_arrow.png') no-repeat right 0.3rem center / 0.3rem auto;
}
.select nav > li.industry-menu > div{
  display: none;
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  border-top: 0.0234375rem solid #e6e6e8;
}
.select nav > li.industry-menu.active > div{
  display: block;
}
.select nav > li.industry-menu > div > .wrapper > .title{
  color: #445EA0;
}
.select nav > li.industry-menu > div > .wrapper > ul{
  display: flex;
  flex-wrap: wrap;
}
.select nav > li.industry-menu > div > .wrapper > ul > li{
  min-width: 30%;
  text-align: center;
  margin: 4px 3% 4px 0;
  padding: 4px;
  background: #F2EFEF;
}

/* .select nav li::before {
  content: '';
  display: block;
  width: 0.015625rem;
  height: 0.21875rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 0.25rem;
  top: 0.52rem;
  background: #615e5d;
  border-radius: 0.21875rem;
}
.select nav li::after {
  content: '';
  display: block;
  width: 0.015625rem;
  height: 0.21875rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0.25rem;
  bottom: 0.52rem;
  background: #615e5d;
  border-radius: 0.21875rem;
} */
/* 联系我们 */
.contactBanner {
  width: 100%;
  position: relative;
}
.contactBanner h2 {
  position: absolute;
  bottom: 1.640625rem;
  left: 0.9375rem;
  font-size: 0.53125rem;
  color: #fff;
  font-weight: 400;
  opacity: 0;
}
.contactBanner h2.active {
  -webkit-animation: text .5s .1s ease, opacity .5s .1s;
  animation: text .5s .1s ease, opacity .5s .1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.contactBanner h2.active i {
   -webkit-animation: text .5s .1s ease, opacity .5s .1s;
  animation: text .5s .1s ease, opacity .5s .1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.contactBanner i {
  display: block;
  width: 1.09375rem;
  height: 0.046875rem;
  position: absolute;
  top: 0.84375rem;
  left: 0rem;
  background: #f1983a;
  opacity: 0;
}
.contactMain {
  /* padding-bottom: 0.078125rem; */
}
.contactMain .contactContain {
  width: 9.6875rem;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding-top: 0.625rem;
  padding-left: 0.53125rem;
  padding-right: 0.53125rem;
  background: url('../images/mobile/rightarrow.png') no-repeat right 0.1rem top / 2rem auto;
  background-color: #fff;
}
.contactMain .contactContain article {
  padding-bottom: 0.875rem;
}
.contactMain .contactContain h3 {
  font-size: 20px;
  line-height: 24px;
  color: #0e56a0;
  padding-left: 0.34375rem;
  font-weight: 400;
  padding-bottom: 0.625rem;
  position: relative;
  border-bottom: 0.03125rem solid #e5e5e5;
}
.contactMain .contactContain h3.title {
  color: #ccc;
}
.contactMain .contactContain h3.title::after {
  content: '';
  display: block;
  width: 0.05125rem;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
  background: #ccc;
}
.contactMain .contactContain .labelList{
  border-bottom: 0.03125rem solid #e5e5e5;
}
.contactMain .contactContain .labelList.single{
  border: none;
}
.contactMain .contactContain .labelIcon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  min-height: 2.53125rem;
  border-bottom: 0.03125rem solid #e5e5e5;
}
.contactMain .contactContain .labelIcon img {
  width: 1.09375rem;
}
.contactMain .contactContain .labelIcon p {
  color: #4d4948;
  font-size: 16px;
  line-height: 26px;
  padding-left: 0.3125rem;
}
.contactMain .contactContain .labelIcon:last-child {
  border: none;
}
.contactMain .contactContain .labelText {
  font-size: 14px;
  color: #4d4948;
  line-height: 26px;
}
.contactMain .contactContain .myMap {
  width: 100%;
  height: 4.75rem;
  position: relative;
  background: url('../images/map.jpg') no-repeat center center / 100% auto;
}
.contactMain .contactContain .addressIcon {
  display: block;
  width: 5rem;
  position: absolute;
  top: 0.375rem;
  left: 1.90625rem;
  opacity: 0;
}
.contactMain .contactContain .addressIcon.active {
  -webkit-animation: textD .3s ease, opacity .3s ease;
  animation: textD .3s ease, opacity .3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* 集团 */
.groupMain {
  /* padding-bottom: 0.078125rem; */
}
.groupMain .groupnav {
  width: 100%;
  height: 1.15625rem;
}
.groupMain li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  background: #e5e5e5;
  float: left;
  border-right: 0.03125rem solid #ffffff;
  font-size: 12px;
  color: #4d4948;
}
.groupMain li span {
  display: block;
  width: 14px;
  margin-right: 0.15625rem;
  overflow: hidden;
}
.groupMain li span img {
  -webkit-transform: translateX(-14px);
  transform: translateX(-14px);
  -webkit-filter: drop-shadow(#4d4948 14px 0);
  filter: drop-shadow(#4d4948 14px 0);
}
.groupMain li.active {
  color: #fff;
  background: url('../images/bu_menu_bg.png') no-repeat center center / 100% 100%;
}
.groupMain li.active img {
  -webkit-filter: drop-shadow(#ffffff 14px 0);
  filter: drop-shadow(#ffffff 14px 0);
}
.groupMain li:last-child {
  border: none;
}
.groupMain .groupWrap {
  width: 9.6875rem;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  display: none;
  padding-top: 0.78125rem;
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
  padding-bottom: 0.78125rem;
  background: #fff;
}
.groupMain .groupWrap h3 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 20px;
  line-height: 24px;
  color: #0e56a0;
  font-weight: 400;
  padding-bottom: 0.4rem;
  position: relative;
  border-bottom: 0.03125rem solid #e5e5e5;
  margin-bottom: 0.4rem;
}
.groupMain .groupWrap h3 span {
  display: block;
  width: 20px;
  overflow: hidden;
  margin-right: 0.3125rem;
  padding-bottom: 2px;
}
.groupMain .groupWrap h3 img {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-filter: drop-shadow(#0e56a0 20px 0);
  filter: drop-shadow(#0e56a0 20px 0);
}

.groupMain .groupWrap .article h5{
    margin: 5px 0;
    color: #333;
    font-size: 18px;
}
.groupMain .groupWrap .article p{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.groupMain .groupWrap .article .text-c{
    text-align: center;
    margin: 10px 0;
}

.groupMain .groupWrap .article img{
    width: 80%;
    display: inline-block;
}
.groupMain .groupWrap p {
  color: #4d4948;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0.46875rem;
}
.groupMain .groupWrap.active {
  display: block;
}
/* 新闻列表页面 */
.newsMain .newsList {
  padding-bottom: 0rem;
}
.newsMain .newsList .newsCard {
  width: 9.6875rem;
  margin: 0.1875rem auto;
  padding-bottom: 0.25rem;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.newsMain .newsList .newsTime {
  font-size: 12px;
  line-height: 32px;
  color: #4c4948;
  text-align: right;
  padding-right: 0.546875rem;
}
.newsMain .newsList h4 {
  font-size: 18px;
  line-height: 26px;
  color: #4c4948;
  padding-left: 0.546875rem;
  padding-right: 0.546875rem;
}
.newsMain .newsList .newsText {
  font-size: 14px;
  line-height: 26px;
  color: #4c4948;
  padding-left: 0.546875rem;
  padding-right: 0.546875rem;
}
.newsMain .newsList .newsBtn {
  float: right;
  font-size: 14px;
  color: #fff;
  padding: 6px 18px;
  background: #c3c3c3;
  border-radius: 20px;
  margin-top: 0.146875rem;
  margin-right: 0.546875rem;
  line-height: 16px;
}
.newsMain .newsList .newsBtn a {
  color: #fff;
}
.newsMain .newsList .newsBtn.active {
  background: #f1983a;
}
.newsMain .newsDetails {
  width: 9.6875rem;
  margin: 0 auto 0;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  background: url('../images/mobile/rightarrow.png') no-repeat right 0.1rem top / 2rem auto;
  background-color: #fff;
  padding-left: 0.546875rem;
  padding-right: 0.546875rem;
  padding-top: 0.546875rem;
  padding-bottom: 0.78125rem;
}
.newsMain .newsDetails .return {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  padding: 6px 0 0.43rem;
  color: #0e56a0;
  border-bottom: 0.03125rem solid #e5e5e5;
}
.newsMain .newsDetails .return a{
    color: #0e56a0;
}
.newsMain .newsDetails .return img {
  display: inline-block;
  width: auto;
  height: 12px;
  margin-right: 5px;
}
.newsMain .newsDetails h3 {
  color: #4d4948;
  font-size: 16px;
  line-height: 28px;
  margin-top: 0.375rem;
}
.newsMain .newsDetails .newTimes {
  height: 0.46875rem;
  font-size: 12px;
  color: #4c4948;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0.21875rem;
}
.newsMain .newsDetails .newTimes img {
  width: 12px;
  margin-right: 5px;
}
.newsMain .newsDetails .newText {
  font-size: 14px;
  line-height: 26px;
  color: #4c4948;
  margin-top: 0.21875rem;
}
.newsMain .newsDetails > img {
  margin-top: 0.125rem;
}
@-webkit-keyframes textD {
  0% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes textD {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes text {
  0% {
    -webkit-transform: translateX(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes text {
  0% {
    transform:  translateX(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes textR {
  0% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes textR {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes textL {
  0% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes textL {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gotoThree{
  display: block;
  width: 2rem;
  margin-top: 10px;
}
.gotoThree a{
  display: block;
  width: 2rem;
  text-align: center;
  border: 0.02rem solid #4d4948;
  padding: 2px 0;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
}
.gotoNews{
  display: block;
  width: 2rem;
  position: absolute;
    top: 3.3rem;
    left: 60%;
}
.gotoNews a{
  display: block;
  width: 2rem;
  text-align: center;
  border: 0.02rem solid #4d4948;
  padding: 2px 0;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  font-weight: 400;
}
.gotoNews a.more{ 
  border:none;
  text-align: left;
  text-decoration:underline;
 }
/* 2019-03-27 新增*/
 .img_title{
   width: 100%;
   font-size: 14px;
   color: #999;
   text-align: center;
   padding-top: 0.21875rem;
 }
 .detail_tit{
  width: 100%;
  font-size: 16px;
  color: #4c4948;
  padding-top: 0.3rem;
 }

.partner-box{
    margin: 0.3125rem auto 0;
    width: 9.6875rem;
}
 .partner-box .partner-img{
     display:-webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
 }
.partner-box h5{
    font-size: 14px;
    margin-bottom: 10px;
}
.partner-box .partner-img>div{
    box-flex:  0 0 25%;
    -webkit-box-flex:  0 0 25%;
    -moz-box-flex:  0 0 25%;
    flex: 0 0 25%;
    -webkit-flex:  0 0 25%;
}


/*BU页面样式*/

.bu_banner .box .text > p{margin: 10px 0;}
.bu_banner .box .text > p > span{color: #f1983a;}


/* 云天慧眼页面样式 */
.bg_grey{background: rgb(239,239,239);}

.b-top{top: 0;left: 2px; border-top: 2px solid rgba(248,185,118,.3);}
.b-right{right: 0;top: 2px; border-right: 2px solid rgba(248,185,118,.3);}
.b-bottom{bottom: 0;right: 2px; border-bottom: 2px solid rgba(248,185,118,.3);}
.b-left{left: 0;bottom: 2px; border-left: 2px solid rgba(248,185,118,.3);}
.b-top:after {
  border-top: 2px solid rgb(248,185,118);
  left: -200%;
  top: -2px;
}
.b-right:after {
  border-right: 2px solid rgb(248,185,118);
  top: -200%;
  right: -2px;
}
.b-bottom:after {
  border-bottom: 2px solid rgb(248,185,118);
  right: -200%;
  bottom: -2px;
}
.b-left:after {
  border-left: 2px solid rgb(248,185,118);
  bottom: -200%;
  left: -2px;
}

.ythy,.ytzx,.ytzz{ font-size: 12px; }
.ythy .box section > .wrapper { width: 100%; margin: 0 auto; padding: 50px 0; }
.ythy .box section.special > .wrapper { width: 100%;}
.ythy .box section > .wrapper > .title{ font-size: 16px; color: #000000; margin: 0 auto 50px; text-align: center; line-height: 22px; letter-spacing: 2px;}
.ythy .box section > .wrapper > .title.sbfwq{ font-size: 12px; }
.ythy .box section > .wrapper >  .title span{ display: inline-block; width: 50px; height: 2px; background: #f1983a; position:relative; top: -4px; margin: 0 15px;}

.ythy_banner{ position: relative; width: 100%; height: 130px; background: url(../images/ythy/ythy_banner.jpg?v=1) right center / cover no-repeat; }
.spcx_banner{ background: url(../images/ythy/spcx_banner.jpg?v=1) right center / cover no-repeat;}
.sbfwq_banner{ background: url(../images/ythy/sbfwq_banner.jpg?v=1) right center / cover no-repeat;}
.byaisbq_banner{ background: url(../images/ythy/bysbq_banner1.jpg?v=1) left center / cover no-repeat; background-size: 100% 100%;}
.znyj_banner{ background: url(../images/ythy/znyj_banner.jpg?v=1) right center / cover no-repeat;}
.ythy_banner .box{ color: white; }
.ythy_banner .box .title{ font-size: 16px; padding: 10px; }
.ythy_banner .box .text{ width: 60%; font-size: 0.1rem; padding: 0 10px 10px; }
/*.ythy_banner .box .button-wrapper{ margin: 30px 22px; width: 300px; }*/
/*.ythy_banner .box .button-wrapper a{ font-size:16px; color: inherit; border-radius: 4px;box-shadow: 0 10px 10px rgba(0,0,0, .3); background: linear-gradient(to bottom, rgba(238,167,61,1) 0%, rgba(206,96,11,1) 100%); padding: 10px 60px; margin-right: 10px;}*/
/*.ythy_banner .box .button-wrapper a:hover{ box-shadow: 0 5px 10px rgba(255,255,255, .3); }*/

.ythy .box section{color: black;}
.ythy .box section:not(.special) .section-content{display: flex;flex-wrap: wrap;margin: 0 3%;justify-content: space-between;}

.ythy .box section.special > .title{margin: 0 auto;}
.ythy .box section .special-wrapper{position: relative;}
.ythy .box section .special-wrapper img.line{width: 100%;}
.ythy .box section .special-wrapper .img_text-wrapper{text-align: center;position: absolute;top: 6%;left: 12.5%;width: 8%; }
.ythy .box section .special-wrapper .site1{top: 6%;left: 28%;}
.ythy .box section .special-wrapper .site2{top: 40%;left: 47%;}
.ythy .box section .special-wrapper .site3{top: 36%;left: 64%;}
.ythy .box section .special-wrapper .site4{top: 28%;left: 79%;}
.ythy .box section .special-wrapper.ythy .site{top: -10%;}
.ythy .box section .special-wrapper.spcxpt .site1{top: 33%;}
.ythy .box section .special-wrapper.sbfwq .site1,
.ythy .box section .special-wrapper.byaisbq .site1{top: 30%;}
.ythy .box section .special-wrapper .img_text-wrapper .img-wrapper{position: relative;width: 100%;}
.ythy .box section .special-wrapper .img_text-wrapper > span{margin: 10px 0;}
.ythy .box section .special-wrapper .img_text-wrapper .img-wrapper > img{width: 100%;}
.ythy .box section .special-wrapper .img_text-wrapper .img-wrapper > img.inside{position: absolute;top: 0;left: 0;}
.ythy .box section .special-wrapper .img_text-wrapper .img-wrapper > img.circle{float: left;}
.ythy .box section .special-wrapper .img_text-wrapper .img-wrapper:hover > img.circle{
  -webkit-animation: turn 1.5s linear infinite;
  -moz-animation:    turn 1.5s linear infinite;
  -o-animation:      turn 1.5s linear infinite;
  animation:         turn 1.5s linear infinite;
}

.ythy .box section.function .section-content > .wrapper{ width: 48%;height: 210px;margin-bottom: 30px;box-sizing: border-box;position: relative;overflow: hidden;}
.ythy .box section.function .section-content > .wrapper > .inner-wrapper > div{margin: 0 10px;}
.ythy .box section.function .section-content > .wrapper > .inner-wrapper > img{width: 100%;}
.ythy .box section.function .section-content > .wrapper > .react{position: absolute; width: 100%;height: 100%;transition: .5s all cubic-bezier(0.21, 0.63, 0.75, 0.36);}
.ythy .box section.function .section-content > .wrapper > .react:after{content: '';display: block;position: absolute;height: 100%;width: 100%}
.ythy .box section.function .section-content > .wrapper:hover > .b-top {
  left: 200%;
}
.ythy .box section.function .section-content > .wrapper:hover > .b-right {
  top: 200%;
}
.ythy .box section.function .section-content > .wrapper:hover > .b-bottom {
  right: 200%;
}
.ythy .box section.function .section-content > .wrapper:hover > .b-left {
  bottom: 200%;
}
.ythy .box section.function .section-content > .wrapper .title{font-size: 14px;font-weight: bold;margin-bottom: 6px;text-align: center;}

.ythy .box section.model .section-content > .wrapper{ width: 48%;margin-bottom: 30px;box-shadow: 0 3px 10px 1px rgba(0,0,0, .3);transition: all .5s;}
.ythy .box section.model .section-content > .wrapper .img-wrapper{width: 100%;position: relative;margin-bottom: 10px;}
.ythy .box section.model .section-content > .wrapper .img-wrapper > .title{position: absolute;float: left;text-align: center;bottom: 20px;font-size: 14px;width: 100%;font-weight: bold;color: white;}
.ythy .box section.model .section-content > .wrapper .img-wrapper > img{width: 100%;}
.ythy .box section.model .section-content > .wrapper:hover{transform: scale(1.1);}
.ythy .box section.model .section-content > .wrapper .text{margin: 0 10px 20px;}


.ythy .box section.scene .section-content > .wrapper{width: 31%;margin-bottom: 16px;box-shadow: 0 3px 5px 1px rgba(0,0,0, .3);overflow: hidden;}
.ythy .box section.scene .section-content > .wrapper .img-wrapper{width: 100%;position: relative;}
.ythy .box section.scene .section-content > .wrapper .img-wrapper > .title {position: absolute;float: left;text-align: center;bottom: 40%;font-size: 16px;width: 100%;font-weight: bold;color: white;}
.ythy .box section.scene .section-content > .wrapper .img-wrapper > img{width: 100%;transition: all .7s;}
.ythy .box section.scene .section-content > .wrapper:hover .img-wrapper > .title{color: #f1983a;}
.ythy .box section.scene .section-content > .wrapper:hover .img-wrapper > img{transform: scale(1.1);}


.ythy .box section.glasses.ar{
  background: url(../images/ythy/glasses_bg.jpg);
}
.ythy .box section.glasses .section-content > p {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 16px;
}
.ythy .box section.glasses .section-content > .wrapper{
  height: 300px;
  width: 100%;
  text-align: center;
  position: relative;
}
.ythy .box section.glasses .section-content > .wrapper > img{
  position: absolute;
  width: 45%;
  left: 28%;
  top: 24%;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper{
  position: absolute;
  width: 100px;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper > p{
  text-align: left;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper > .title{
  font-size: 14px;
  color: rgb(61,167,223);
  margin-bottom: 6px;
}
.ythy .box section.glasses.ar .section-content > .wrapper .text-wrapper{
  color: white;
}
.ythy .box section.glasses.ar .section-content > .wrapper .text-wrapper > .title{
  color: rgb(233,161,101);
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text1{
  left: 10%;
  top: 0;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text2{
  left: 0;
  top: 22%;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text3{
  left: 10%;
  top: 56%;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text4{
  right: 10%;
  top: 0;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text5{
  right: 0;
  top: 38%;
}
.ythy .box section.glasses .section-content > .wrapper .text-wrapper.text6{
  right: 10%;
  top: 68%;
}
.ythy .box section.glasses.ar .section-content > .wrapper .text-wrapper.text2{
    left: 0;
    top: 32%;
}
.ythy .box section.glasses.ar .section-content > .wrapper .text-wrapper.text5{
    right: 0;
    top: 35%;
}
@-webkit-keyframes turn{
  0%{
    -webkit-transform :rotate(0deg);
  }
  100%{
    -webkit-transform :rotate(360deg);
  }
}
@-moz-keyframes turn{
  0%{
    -webkit-transform :rotate(0deg);
  }
  100%{
    -webkit-transform :rotate(360deg);
  }
}
@-ms-keyframes turn{
  0%{
    -webkit-transform :rotate(0deg);
  }
  100%{
    -webkit-transform :rotate(360deg);
  }
}
@-o-keyframes turn{
  0%{
    -webkit-transform :rotate(0deg);
  }
  100%{
    -webkit-transform :rotate(360deg);
  }
}
@keyframes turn{
  0%{
    -webkit-transform :rotate(0deg);
  }
  100%{
    -webkit-transform :rotate(360deg);
  }
}



/* 云天智行页面样式 */
.color_blue{
  color: rgb(0,119,206);
}
.color_red{
  color: rgb(255,69,70)
}
.ytzx .box section > .wrapper { width: 100%; margin: 0 auto; padding: 50px 0; }
.ytzx .box section > .wrapper > .title{ font-size: 16px; color: #000000; margin: 0 auto 50px; text-align: center; line-height: 22px; letter-spacing: 2px;}
.ytzx .box section > .wrapper >  .title span{ display: inline-block; width: 50px; height: 2px; background: #f1983a; position:relative; top: -4px; margin: 0 15px;}

.ytzx_banner{ position: relative; width: 100%; height: 130px; background: url(../images/ytzx/qyyb_banner1.jpg?v=1) right center / cover no-repeat;background-size: 100% 100%; }
.hwyb_banner{ background: url(../images/ytzx/hwyb_banner.jpg?v=1) right center / cover no-repeat;}
.djyb_banner{ background: url(../images/ytzx/djyb_banner1.jpg?v=1) right center / cover no-repeat; background-size: 100% 100%;}
.szxc_banner{ background: url(../images/ytzx/aiszxc_banner.jpg?v=1) right center / cover no-repeat; background-size: 100% 100%;}
.aiszlsyqbanner{ background: url(../images/ytzx/djyb_banner3.jpg?v=1) right center / cover no-repeat; background-size: 100% 100%;}
.aijswmsjbanner{ background: url(../images/ytzx/jswm_banner.jpg?v=1) right center / cover no-repeat; background-size: 100% 100%;}
.ytzz_banner.sznr_banner { background: url(../images/ytzz/ycxz_banner2.jpg?v=1) right center / cover no-repeat; background-size: 100% 100%;}
.ytzx_banner .box{ color: white; }
.ytzx_banner .box .title{ font-size: 16px; padding: 10px; }
.ytzx_banner .box .text{ width: 60%; font-size: 0.1rem; padding: 0 10px 10px; }
.ytzx_banner .box .button-wrapper{ color: #ffffff; margin: 30px 22px; width: 300px; }
.ytzx_banner .box .button-wrapper a{ font-size:16px; color: inherit; border-radius: 4px;box-shadow: 0 10px 10px rgba(0,0,0, .3); background: linear-gradient(to bottom, rgba(238,167,61,1) 0%, rgba(206,96,11,1) 100%); padding: 10px 60px; margin-right: 10px;}
.ytzx_banner .box .button-wrapper a:hover{ box-shadow: 0 5px 10px rgba(255,255,255, .3); }

.ytzx .box section{color: black;}
.ytzx .box section:not(.special) .section-content{display: flex;flex-wrap: wrap;margin: 0 3%;justify-content: space-between;}

.ytzx .box section.special > .title{ margin: 0 auto; }
.ytzx .box section.special .wrapper > .section-content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ytzx .box section.special .wrapper > .section-content > ul{
  width: 45%;
}
.ytzx .box section.special .wrapper > .section-content > ul > li{
  background: none;
  margin: 10px 0;
  width: 100%;
  border: 1px solid rgb(181,218,237);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ytzx.djyb .box section.special .wrapper > .section-content > ul > li{
  border: 1px solid rgb(254,188,188);
}
.ytzx .box section.special .wrapper > .section-content > ul.right > li{
  flex-direction: row-reverse;
}
.ytzx .box section.special .wrapper > .section-content > ul > li >.text{
  margin: 4px 0 4px 14px;
}
.ytzx .box section.special .wrapper > .section-content > ul > li > .text > p{
  margin-bottom: 6px;
}
.ytzx .box section.special .wrapper > .section-content > ul.right > li >.text{
  margin: 4px 14px 4px 0;
  text-align: right;
}
.ytzx .box section.special .wrapper > .section-content > ul > li >img{
  width: 50px;
  transition: all .7s;
}
.ytzx .box section.special .wrapper > .section-content > ul > li:hover >img{
  transform: rotateY(360deg);
}
.ytzx .box section.special .wrapper > .section-content > img{
  width: 25px;
}
.ytzx .box section.special .wrapper > .section-content > ul.left{
  margin-top: 30px;
}
.ytzx .box section.special .wrapper > .section-content > ul.right{
  margin-top: 10px;
}

.ytzx .box section.function .wrapper > .section-content{
  display: flex;
  flex-wrap: wrap;
}
.ytzx .box section.function .wrapper > .section-content > div{
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.ytzx .box section.function .wrapper > .section-content > div > img{
  transition: all .7s;
}
.ytzx .box section.function .wrapper > .section-content > div:hover > img{
  transform: scale(1.1);
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper{
  box-sizing: border-box;
  padding: 3% 0 0 3%;
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper > .title{
  font-size: 14px;
  margin-bottom: 6px;
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper > p{
  display: flex;
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper > p > span{
  line-height: 20px;
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper > p > span.left{
  white-space: nowrap;
}
.ytzx .box section.function .wrapper > .section-content > div.text-wrapper > p > span.left > img{
  display: inline-block;
  vertical-align: middle;
  width: 18px;
}
.ytzx .box section.function .wrapper > .section-content > div > img{
  width: 100%;
}



/* swiper样式 */
.swiper-container{
  width: 100%;
  --swiper-pagination-color: #fff;
}
.swiper-container img{
  width: 100%;
  transform:scale(1.1);
}
.swiper-container .swiper-slide-active img{
  animation:scale 9s ease;
}
.swiper-pagination.index{
  width: 100% !important;
  bottom: 0 !important;
}
.swiper-pagination-bullet{
  width: 10px !important;
  height: 10px !important;
  margin: 0 4px !important;
  background: #FFFFFF !important;
}
.swiper-pagination-bullet-active{
  opacity: .8 !important;
}
.swiper-slide > span{
  font-size: 14px;
  color: #FFFFFF;
  width: 70%;
  position: absolute;
  left: 15%;
  bottom: 15%;
}
@keyframes scale {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}


/* 云天智助页面样式 */
.ytzz .box section > .wrapper { width: 100%; margin: 0 auto; padding: 50px 0; }
.ytzz .box section > .wrapper > .title{ font-size: 16px; color: #000000; margin: 0 auto 50px; text-align: center; line-height: 22px; letter-spacing: 2px; }
.ytzz .box section > .wrapper >  .title span{ display: inline-block; width: 50px; height: 2px; background: #f1983a; position:relative; top: -4px; margin: 0 15px;}

.ytzz_banner{ width: 100%; background: url(../images/ytzz/ycxz_banner1.jpg?v=1) left center / cover no-repeat; height:  130px;background-size: 100% 100%; }
.gysj_banner{ background: url(../images/ytzz/gysj_banner.jpg?v=1) right center / cover no-repeat;}
.ytzz_banner .box{ color: white; }
.ytzz_banner .box .title{ font-size: 16px; padding: 10px; }
.ytzz_banner .box .text{ width: 60%; font-size: 0.1rem; padding: 0 10px 10px; }
.ytzz_banner .box .button-wrapper{ color: #ffffff; margin: 30px 22px; width: 300px; }
.ytzz_banner .box .button-wrapper a{ font-size:16px; color: inherit; border-radius: 4px;box-shadow: 0 10px 10px rgba(0,0,0, .3); background: linear-gradient(to bottom, rgba(238,167,61,1) 0%, rgba(206,96,11,1) 100%); padding: 10px 60px; margin-right: 10px;}
.ytzz_banner .box .button-wrapper a:hover{ box-shadow: 0 5px 10px rgba(255,255,255, .3); }

.ytzz .box section{color: black;}
.ytzz .box section .section-content{display: flex;flex-wrap: wrap;margin: 0 3%;justify-content: space-between;}

.ytzz .box section.special > .title{ margin: 0 auto; }
.ytzz .box section.special .wrapper > .section-content > div{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 46%;
  border-radius: 10px;
  padding: 30px 20px;
  background: rgb(239,239,239);
  text-align: center;
  margin: 2%;
}
.ytzz .box section.special .wrapper > .section-content > div > p{
  text-align: left;
}
.ytzz .box section.special .wrapper > .section-content > div > p.title{
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}
.ytzz .box section.special .wrapper > .section-content > div > img{
  margin-bottom: 10px;
  width: 60px;
  transition: all .5s;
}
.ytzz .box section.special .wrapper > .section-content > div:hover > img{
  transform: rotateY(360deg);
}

.ytzz .box section.function .wrapper > .section-content{
  display: flex;
  flex-wrap: wrap;
}
.ytzz .box section.function .wrapper > .section-content > div{
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper{
  box-sizing: border-box;
  padding: 3% 0 0 3%;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper > .title{
  font-size: 14px;
  margin-bottom: 6px;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper > p{
  display: flex;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper > p > span{
  line-height: 20px;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper > p > span.left{
  white-space: nowrap;
}
.ytzz .box section.function .wrapper > .section-content > div.text-wrapper > p > span.left > img{
  display: inline-block;
  vertical-align: middle;
  width: 10px;
}
.ytzz .box section.function .wrapper > .section-content > div > img{
  transition: all .7s;
  width: 100%;
}
.ytzz .box section.function .wrapper > .section-content > div:hover > img{
  transform: scale(1.1);
}
.ytzz .box section.scene .section-content > .wrapper{width: 100%;margin-bottom: 30px;box-shadow: 0 3px 10px 1px rgba(0,0,0, .3);}
.ytzz .box section.scene .section-content > .wrapper .img-wrapper{width: 100%;position: relative;overflow: hidden;}
.ytzz .box section.scene .section-content > .wrapper .img-wrapper > .title {position: absolute;float: left;text-align: center;bottom: 0;font-size: 16px;width: 100%;font-weight: bold;color: white;padding: 10px 0;background: rgba(0,0,0,.6);}
.ytzz .box section.scene .section-content.gysj > .wrapper .img-wrapper > .title{bottom: 40%;}
.ytzz .box section.scene .section-content > .wrapper .img-wrapper > img{width: 100%;}
.ytzz .box section.scene .section-content > .wrapper .text-wrapper{padding: 10px; font-size: 14px; }

.ytzz .box section.scene .section-content > .wrapper .img-wrapper > img{width: 100%;transition: all .7s;}
.ytzz .box section.scene .section-content > .wrapper:hover .img-wrapper > .title{color: #f1983a;}
.ytzz .box section.scene .section-content > .wrapper:hover .img-wrapper > img{transform: scale(1.1);}

.register main{
  height: 100vh;
  width: 100%;
  background: url(../images/register_bg.jpg?v=1);
  background-size: 100% 100%;
  position: relative;
}
.register .title{
  position: absolute;
  top: 30%;
  left: 8%;
  margin-top: 20px;
  font-size: 40px;
  color: #FFFFFF;
}
.register .form-wrapper{
  padding: 20px 80px 20px 60px;
  background: url(../images/border.png?v=1);
  background-size: 100% 100%;
  position: absolute;
  right: 10%;
  top: 20%;
}
.register .form-wrapper > p{
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
}
.register .form-wrapper > form > ul > li{
  margin: 20px auto;
  display: flex;
  align-items: center;
}
.register .form-wrapper > form > ul > li > label{
  width: 5em;
  text-align: right;
  margin-right: 10px;
}
.register .form-wrapper > form > ul > li input{
  box-sizing: border-box;
  width: 100%;
  background: rgba(0,0,0,.3);
  height: 30px;
  font-size: 20px;
  padding: 6px 4px 6px 6px;
  color: #FFFFFF;
  outline-style: none ;
  border: 1px solid rgba(36,154,228,.1);
  box-shadow: 0 0 2px 0 rgb(64,116,153);
}
.register .form-wrapper > form > ul > li input::placeholder{
  font-size: 16px;
  color: rgba(255,255,255,.3);
}
.register .form-wrapper > form > ul > li input:focus{
  border: 1px solid rgb(36,154,228);
}
.register .form-wrapper > form > ul > li > .wrapper{
  position: relative;
}
.register .form-wrapper > form > ul > li > .wrapper > .error_tip{
  position: absolute;
  left: 4px;
  top: 100%;
  color: red;
  white-space: nowrap;
  display: none;
}
.register .form-wrapper > form > .button{
  width: 90%;
  text-align: center;
  margin: 30px auto 20px;
  padding: 10px 0;
  border-radius: 4px;
  font-size: 18px;
  background: linear-gradient(to bottom, #00b6fe 0%,#0370d0 100%);
}
.register .form-wrapper > form > .button:hover{
  cursor: pointer;
}
.register .form-wrapper > a{
  font-size: 16px;
  color: #FFFFFF;
  float: right;
}

.register > main .mask{
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
}

.register > main .mask > .confirm{
  overflow: hidden;
  background: url(../images/popover_bg.png?v=1);
  background-size: 100% 100%;
  width: 30%;
  height: 30%;
  margin: 15% auto;
}
.register > main .mask > .confirm > .confirm-title{
  margin-top: 5%;
  font-size: 30px;
  text-align: center;
}
.register > main .mask > .confirm > p{
  margin: 10% 0;
  text-align: center;
}
.register > main .mask > .confirm > .button{
  cursor: pointer;
  width: 40%;
  text-align: center;
  margin: 30px auto 20px;
  padding: 10px 0;
  border-radius: 4px;
  font-size: 18px;
  background: linear-gradient(to bottom, #00b6fe 0%,#0370d0 100%);
}
.mxcs > img{
  width: 100%;
}

.compose > .composeBanner{
  position: relative;
}
.compose > .composeBanner > img{
  width: 100%;
}
.compose > .composeBanner > .text {
  font-size: 0.43125rem;
  left: 0.9375rem;
  bottom: 1.5rem;
  position: absolute;
  color: #fff;
  font-weight: 400;
}
.compose > .composeBanner > .text > p:nth-child(2){
  margin-left: 2em;
}
.compose > .img-wrapper > img{
  width: 100%;
}

.ytzn_banner > img{
  width: 100%;
}
.ytzn_banner > .box > .title{
  margin: 0 0 10px 0;
}
.ytzn_banner > .box > .text{
  font-size: 12px;
  line-height: 1.4;
}


.mxcsBanner{
  position: relative;
}
.mxcsBanner > img{
  width: 100%;
}
.mxcsBanner > .text {
  font-size: 0.43125rem;
  left: 0.2375rem;
  bottom: 1.5rem;
  position: absolute;
  color: #fff;
  font-weight: 400;
}
.mxcsBanner > .text > p:nth-child(2){
  margin-left: 2em;
}
.mxcs img{
  width: 100%;
}
.mxcs .content{
  color: black;
  padding-top: 16px;
}
.mxcs .content > nav{
  display: flex;
}
.mxcs .content > nav:not(:first-child){
  border-bottom: 1px solid #0e56a0;
  padding-bottom: 10px;
}
.mxcs .content > nav > div{
  flex-shrink: 0;
}
.mxcs .content > nav .nav-title{
  text-align: center;
  width: 5em;
  font-size: 12px;
  padding-right: 6px;
  border-right: 2px solid #0e56a0;
}
.mxcs .content > nav > ul.type {
  display: flex;
  flex-wrap: wrap;
}
.mxcs .content > nav > ul.type > li{
  width: 5em;
  text-align: center;
  font-size: 12px;
  margin: 0 6px 6px;
}
.mxcs .content > nav > ul.type > li.active{
  color: #0e56a0;
}
.mxcs section:not(.mxcsBanner){
  margin-top: 20px;
}
.mxcs section .section-content{display: flex;flex-wrap: wrap;}
.mxcs section.model .section-content > .wrapper{width: 48%;margin: 0 1% 20px;box-shadow: 0 3px 10px 1px rgba(0,0,0, .3);transition: all .5s;}
.mxcs section.model .section-content > .wrapper .img-wrapper{width: 100%;position: relative;margin-bottom: 10px;}
.mxcs section.model .section-content > .wrapper .img-wrapper > .title{position: absolute;float: left;text-align: center;bottom: 40%;font-size: 18px;width: 100%;font-weight: bold;color: white;}
.mxcs section.model .section-content > .wrapper .img-wrapper > img{width: 100%;}
.mxcs section.model .section-content > .wrapper .text{ padding: 0 0 10px 10px; display: flex; justify-content: space-between; font-size: 12px; color: #7a7776;}


.mxxq { font-size: 16px; }
.mxxq .box section > .wrapper { margin: 0 auto; padding: 10px 0; }
.mxxq .box section > .wrapper > .title{  font:16px "微软雅黑"; color: #000000; margin: 0 auto 20px; text-align: center; line-height: 20px; letter-spacing: 2px;}
.mxxq .box section > .wrapper > .title span{ display: inline-block; width: 50px; height: 2px; background: #f1983a; position:relative; top: -5px; margin: 0 15px;}

.mxxq .box section .section-content{display: flex;flex-wrap: wrap;justify-content: space-between;}

.mxxq .box section.general > .wrapper > .inner-wrapper{
  margin: 0 6px;
  display: flex;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > img{
  width: 140px;
  height: 140px;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  margin-left: 10px;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .title{
  font-size: 16px;
  color: black;
  font-weight: bold;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .content{
  font-size: 12px;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .content > .phone-tag{
  font-size: 16px;
  margin-top: 20px;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .content > .tag1 > span{
  color: white;
  font-size: inherit;
  background: #0e56a0; padding: 6px 14px; border-radius: 4px; display: inline-block; margin-right: 10px; margin-bottom: 6px;
}
.mxxq .box section.general > .wrapper > .text-wrapper{
  padding: 0 8px 10px;
  border-bottom: 1px solid #0e56a0;
}
.mxxq .box section.general > .wrapper > .text-wrapper > .tag2{
  color: white;
  font-size: 12px;
  background: #0e56a0; padding: 6px 14px; border-radius: 4px; margin: 10px 0;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .content > .keywords{
  font-size: 12px;
  color: black;
}
.mxxq .box section.general > .wrapper > .inner-wrapper > .text-wrapper > .content > .keywords > span{
  font-size: inherit;
  margin-left: 20px;
}

.mxxq .box section.function div > img{ width: 100%; }

.mxxq .box section.model .section-content > .wrapper{
  width: 100%;
}
.mxxq .box section.model .section-content > .wrapper > .text{
  text-indent: 2em;
  margin: 0 20px;
  font-size: 14px;
  color: black;
}
.mxxq .box section.model .section-content > .wrapper > .content{
  padding: 50px 0;
  margin-top: 20px;
  background: center / cover no-repeat url(../images/ytzn/bg1.jpg);
  display: flex;
  justify-content: space-around;
}
.mxxq .box section.model .section-content > .wrapper > .content > div{
  width: 60%;
}
.mxxq .box section.model .section-content > .wrapper > .content > div > .title{
  font-size: 16px;
  color: #f1983a;
  margin-bottom: 40px;
}
.mxxq .box section.model .section-content > .wrapper > .content > div > .text{
  color: white;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.mxxq .box section.model .section-content > .wrapper > .content > div > .text > span:first-child{
  flex-shrink: 0;
}
.mxxq .box section.model .section-content > .wrapper > .content > div.right > .text > span:last-child{
  text-align: right;
}
.mxxq .box section.model .section-content > .wrapper > .content > div > .text > span{
  font-size: 12px;
}

.mxxq .box section.scene .section-content > .wrapper{width: 30%;margin-bottom: 20px;box-shadow: 0 3px 10px 1px rgba(0,0,0, .3);overflow: hidden;}
.mxxq .box section.scene .section-content > .wrapper .img-wrapper{width: 100%;position: relative;}
.mxxq .box section.scene .section-content > .wrapper .img-wrapper > .title {position: absolute;float: left;text-align: center;bottom: 40%;font-size: 14px;width: 100%;font-weight: bold;color: white;}
.mxxq .box section.scene .section-content > .wrapper .img-wrapper > img{width: 100%;transition: all .7s;}
.mxxq .box section.scene .section-content > .wrapper:hover .img-wrapper > .title{color: #f1983a;}
.mxxq .box section.scene .section-content > .wrapper:hover .img-wrapper > img{transform: scale(1.1);}


.course section.special > .wrapper { width: 100%; margin: 0 auto; padding: 30px 0; background: center / cover no-repeat url(../images/ytzn/bg2.jpg); }
.course section > .wrapper > .title{ font:18px "微软雅黑"; color: #000000; margin: 0 auto 30px; text-align: center; line-height: 20px; letter-spacing: 2px; }
.course section > .wrapper > .title span{ display: inline-block; width: 50px; height: 2px; background: #f1983a; position:relative; top: -5px; margin: 0 15px; }
.course section > .wrapper > .section-content{ display: flex;margin: 0 2%;justify-content: center; }
.course section > .wrapper > .section-content > div{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 20%;
  text-align: center;
}
.course section > .wrapper > .section-content > div > p{
  font-size: 14px;
  text-align: left;
  color: black;
}
.course section > .wrapper > .section-content > div > img{
  margin-bottom: 10px;
  width: 40px;
  transition: all .5s;
}
.course section > .wrapper > .section-content > div:hover > img{
  transform: rotateY(360deg);
}

.course section.model {
  padding: 30px 0;
}
.course section.model > .wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.course section.model .section-content{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.course section.model .section-content > .wrapper{width: 48%; margin: 0 1% 20px;box-shadow: 0 3px 10px 1px rgba(0,0,0, .3);transition: all .5s; }
.course section.model .section-content > .wrapper > a {width: 100%;}
.course section.model .section-content > .wrapper .img-wrapper{width: 100%;position: relative;}
.course section.model .section-content > .wrapper .img-wrapper > img{width: 100%;}
.course section.model .section-content > .wrapper:hover{transform: scale(1.1);}
.course section.model .section-content > .wrapper .text{margin: 10px 0; display: flex; justify-content: center;}
.course section.model .section-content > .wrapper .text > span{
  font-size: 14px;
  color: #0e56a0;
}
.course section.model > .wrapper > .button{
  width: 100%;
  display: flex;
  justify-content: center;
}
.course section.model > .wrapper > .button > a{
  width: auto;
  height: auto;
  font-size: 14px;
  color: #0e56a0;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #0e56a0;
}

.cooperation{
  padding: 10px 0;
  width: 100%;
  background: center / cover no-repeat url(../images/ytzn/bg.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation > .title,
.ytzn-contact > .title{
  width: 1em;
  margin-right: 10px;
  font-size: 14px;
  color: #f1983a;
}
.cooperation > .wrapper{
  width: 90%;
  display: flex;
  flex-wrap: wrap;
}
.cooperation > .wrapper > div{
  margin: 0 4px 10px;
  width: 17%;
}

.ytzn-contact{
  color: white;
  padding: 20px 0;
  width: 100%;
  background: center / cover no-repeat url(../images/ytzn/contact_bg.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ytzn-contact > .wrapper{
  width: 90%;
  display: flex;
}
.ytzn-contact > .wrapper > div{
  display: flex;
  flex-direction: column;
}
.ytzn-contact > .wrapper > div.left{
  margin-right: 10%;
  margin-left: 5px;
}
.ytzn-contact > .wrapper > div > .title{ font-size: 16px; padding-left:16px; border-left: 4px solid white; line-height: 16px;  position: relative; height: 16px; margin: 0 0 20px 0;  }
.ytzn-contact > .wrapper > div > .text{
  margin: 0 0 10px 20px;
}
.ytzn-contact > .wrapper > div > .text > p{
  font-size: 12px;
  margin-bottom: 6px;
}
.ytzn-contact > .wrapper > div > .text > .font14{font-size: 14px;}

.ytzx .box .productsList {margin: 0 3%;overflow: hidden;}
.ytzx .box .productsList ul {overflow: hidden;width: 26%;float: left;}

.ytzx .box .productsList ul li { float: left;border: 1px solid red;height: 40px;line-height: 40px;text-align: center;width: 100%;background: #fff;}
.ytzx .box .jswmList ul li { float: left;border: 1px solid #15b4da;height: 40px;line-height: 40px;text-align: center;width: 100%;background: #fff;}
.ytzx .box .szxcList ul li { float: left;border: 1px solid #0fab86;height: 40px;line-height: 40px;text-align: center;width: 100%;background: #fff;}

.ytzx .box .productsList ul li {border-bottom: none;cursor: pointer;}

.ytzx .box .productsList ul li:last-child{ border-bottom: 1px solid red;}
.ytzx .box .jswmList ul li:last-child{ border-bottom: 1px solid #15b4da;}
.ytzx .box .szxcList ul li:last-child{ border-bottom: 1px solid #0fab86;}

.ytzx .box .productsList ul li.active { background: red;color: #fff;}
.ytzx .box .jswmList ul li.active { background: #15b4da;color: #fff;}
.ytzx .box .szxcList ul li.active { background: #0fab86;color: #fff;}

.ytzx .box .productsList .wrapper { padding: 1px;}
.ytzx .box .productsList .wrapper { height:345px;width: 100% !important;}
.ytzx .box .productsList .wrapper section.function .section-content { margin: 0 !important;}
.ytzx .box .productsList .wrapper .section-content .img-wrapper { width: 50%;}
.ytzx .box .productsList .wrapper .centtext { width: 95%;height: 300px;margin: 0 auto;}
.ytzx .box .productsList .wrapper .centtext p { line-height: 20px;}
.ytzx .box .productsList .function { display: none;}
.ytzx .box .productsList .function.active {display: block;}