@charset "utf-8";

@font-face {
  font-family: 'AlibabaPuHuiTi_2_85_Bold';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-85-Bold.ttf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_35_Thin';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-35-Thin.ttf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_55_Regular';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-55-Regular.ttf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_105_Heavy';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-105-Heavy.ttf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_65_Medium';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-65-Medium.ttf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_45_Light';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/AlibabaPuHuiTi-2-45-Light.ttf');
}
@font-face {
  font-family: 'SourceHanSerifCN';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/SourceHanSerifCN-Heavy.otf');
}
@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src: url('https://alibabapuhuiti.oss-cn-beijing.aliyuncs.com/SourceHanSerifCN-Bold.otf');
}
html {
  width: 100%;
  height: 100%;
  font-size: 12px;
}

body {
  font-family: AlibabaPuHuiTi_2_45_Light;
  background: #fff;
  color: #000;
}

* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  border: none;
  display: block;
}

em,
i {
  font-style: inherit;
}

.clear {
  clear: both;
}

.mtop10 {
  margin-top: 10px;
}

a {
  color: #383838;
  text-decoration: none;
  transition: .3s;
}

/* a:hover {
  color: #e1cd89;
} */

*:focus {
  outline: none;
}

@media only screen and (min-width:1200px) {
  /*滚动条样式*/
  ::-webkit-scrollbar

  /*整体部分*/
    {
    width: 8px;
    height: 10px;
  }

  ::-webkit-scrollbar-track

  /*滑动轨道*/
    {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.1);
  }

  ::-webkit-scrollbar-thumb

  /*滑块*/
    {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
  }

  ::-webkit-scrollbar-thumb:hover

  /*滑块效果*/
    {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.4);
  }

  /*滚动条样式结束*/

}

.dbdh {
  display: none;
}

.headerbg {
  background: #fff;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.header {
  width: 95%;
  margin: 0 auto;
  height: 100px;
  position: relative;
}
.header-empty{
  width: 100%;
  height: 100px;
}
.logo {
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 538px;
  height: 73px;
  background: url(../images/logo4.png) no-repeat 0 center;
  background-size: 100% auto;
}

.navbox {
  position: absolute;
  right: 0;
  top: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  display: none;
  cursor: pointer;
  background: url(../images/nav3.png) no-repeat center center;
  background-size: auto 12px;
}

.navbox.on {
  background-image: url(../images/nav4.png);
}

.navclose {
  display: inline-block;
  font-size: 2.6rem;
  color: #fff;
  position: fixed;
  right: 5%;
  top: 1rem;
  z-index: 999;
  display: none;
  cursor: pointer;
}

.head-tel {
  position: absolute;
  right: 0px;
  top: 25px;
  font-size: 14px;
  color: #373737;
  display: inline-block;
  padding-left: 50px;
  background: url(../images/tel2.png) no-repeat 0 center;
  font-family: 'aliphbold';
}

.head-tel b {
  display: block;
  font-size: 30px;
  margin-top: -8px;
}

.nav {
  margin: 0 300px 0 620px;
}

.nav ul {
  display: flex;
  justify-content: space-between;
}

.nav li {
  display: inline-block;
  position: relative;
}

.nav li a {
  font-size: 24px;
  color: #373737;
  display: inline-block;
  line-height: 100px;
  position: relative;
}

.nav li a::before {
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 10px solid #486987;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
  display: none;
}

/* .nav li:hover a::before,.nav li.on a::before{display:block;} */
.nav li dl {
  background: rgba(149, 40, 26, .6);
  position: absolute;
  left: 0;
  top: 100px;
  width: 208px;
  text-align: center;
  display: none;
  left: 50%;
  border-top: 2px solid #F7DF95;
  transform: translateX(-50%);
}

.nav li dl dd {
  display: block;
  text-align: center;
  white-space:nowrap;
  margin: 10px 0px;
}

.nav li dl dd a {
  font-size: 20px;
  font-family: AlibabaPuHuiTi_2_45_Light !important;
  line-height: 30px;
  color: #fff;
  font-weight: 400 !important;
}

.nav li dl dd a::before,
.nav li:hover dl a::before,
.nav li.on dl a::before {
  display: none;
}

.nav li:hover dl dd a,
.nav li.on dl dd a {
  color: #fff;
}

.nav li:hover dl {
  display: block;
}
.m .headerbg {
  background: url(../images/index/header_bg.jpg) no-repeat 100% 100%;
  background-size: 100% 100%;
}

.m .nav li a {
  color: #fff;
  font-weight: bold;
  font-family: AlibabaPuHuiTi_2_65_Medium;
}

.m .head-tel {
  color: #fff;
}

.m .logo {
  background-image: url(../images/logo.png);
}

.m .head-tel {
  background-image: url(../images/tel.png);
}

.m .navbox {
  background-image: url(../images/nav1.png);
}

.m .navbox.on {
  background-image: url(../images/nav2.png);
}

.syy2-a img {
  width: 100%;
}

.syy2-b {
  width: 95%;
  max-width: 1500px;
  margin: 90px auto 0;
  position: relative;
}
.syy2-b-new{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.syy2-ba {
  margin-right: 550px;
  background: #78201f url(../images/p01.jpg) no-repeat right 0;
}
.syy2-ba-new {
  width: 50%;
  background: #78201f url(../images/index/part2_1.jpg) no-repeat;
  padding: 2% 6%;
  background-size:cover;
  box-sizing: border-box;
}
.syy2-ba-title{
  font-family: SourceHanSerifCN;
  font-size: 64px;
  font-weight: 800;
  color: #BB3007;
}
.syy2-ba-title img{
  width: 20%;
  height: auto;
}
.font64{
  font-size: 64px !important;
}
.font44{
  font-size: 44px !important;
}
.font34{
  font-size:34px !important;
}
.syy2-ba-list{
  margin-top: 45px;
}
.syy2-ba-item{
  font-family: AlibabaPuHuiTi_2_55_Regular;
}
.syy2-ba-item,.syy2-ba-more{
  margin-top: 20px;
  font-size: 22px;
  font-weight: 400;
  color: #BB3007;
}
.syy2-bb-new{
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  /* background:url(../images/index/part2_2.jpg) no-repeat; */
  background-size:cover;
}
.syy2-bb-new img{
  width: 100%;
  height: 100%;
}
.syy2-ba-more{
  text-align: right;
}

.syy2-c-new{
  width: 100%;
  background: url(../images/index/part3_bg.jpg) no-repeat;
  background-size:cover;
  box-sizing: border-box;
  padding: 6% 15%;
  overflow: hidden;
  margin-top: -1px;
}
.syy2-ca-box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 78px;
}
.syy2-ca-new{
  flex: 1;
}
.syy2-ca-content{
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: AlibabaPuHuiTi_2_45_Light;
  flex: 1;
}
.syy2-ca-content p{
  text-indent: 40px;
}

.syy2-cb-list{
  margin-left: 52px;
  flex-shrink: 0;
}
.syy2-cb-item{
  display: flex;
  align-items: center;
  font-family: AlibabaPuHuiTi_2_45_Light;
  width: 195px;
  height: 83px;
  background: rgba(192,58,26,.5);
  box-shadow: 3px 4px 10px 0px #541308;
  color: #fff;
  margin-top: 20px;
  justify-content: space-between;
  padding: 20px 30px;
  box-sizing: border-box;
  font-size: 16px;
}
.syy2-cb-item a{
  color: #fff;
}
.syy2-cb-item:first-child{
  margin-top: 0px;
}
.syy2-cb-item-icon{
  width: 45px;
  height: auto;
}
.syy2-cb-item-more{
  width: 20px;
  height: auto;
}
.syy2-bam {
  margin-right: 33%;
  padding: 0 35px;
  height: 350px;
  background: #78201f;
}

.syy2-d-new{
  width: 100%;
  background: url(../images/index/part4_bg.jpg) no-repeat;
  background-size:cover;
  box-sizing: border-box;
  padding: 3% 5%;
  overflow: hidden;
  display: flex;
}
.syy2-d-new img{
  width: 100%;
  height: auto;
}
.syy2-d-new-item{
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}
.syy2-d-new-item img{
  width: 15%;
  height: auto;
}
.syy2-d-new-item .font{
  font-weight: bold;
  color: #e7c4a7;
  margin-top: 10px;
}
.syy2-e-new{
  width: 100%;
  background: url(../images/index/part5_bg.jpg) no-repeat;
  background-size:cover;
}
.syy2-e-new-title{
  text-align: center;
  width: 100%;
  margin-bottom: 125px;
}
.syy2-e-new-title img{
  width: 20%;
  height:auto;
  margin: 0 auto;
}
.syy2-e-new-sub{
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: SourceHanSerifCN;
  align-items: center;
}
.syy2-e-new-sub img{
  width: 20px;
  height: auto;
  margin-left: 10px;
}
.syy2-e-new-sub-box{
  width: 80%;
  display: flex;
  flex-direction: column;
  display: inline-block;
}
.syy2-e-new-sub-box span{
  display: block;
  text-overflow:ellipsis; 
  white-space:nowrap; 
  overflow:hidden; 
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: #9F351D;
  font-family:'SourceHanSerifCN-Bold';

}
.syy2-e-new-sub-box span:last-child{
  font-size: 20px;
  font-weight: 400;
}
.top78{
  margin-top: 78px !important;
}
.font24{
  font-size: 24px !important;
}
.syy2-e-new-more a{
  color: #BB3007 !important;
  font-weight: bold;
}
.syy2-e-qy-title{
  width: 100%;
  margin: 133px 0px 57px 0px;
  font-size: 64px;
  font-weight: bold;
  color: #BB3007;
  text-align: center;
}
.syy2-e-qy-title img{
  width:154px;
  height: auto;
  margin: 0 auto;
}
.syy2-e-video-box{
  width: 100%;
  text-align: center;
}
.syy2-e-video{
  margin: 20px 0px !important;
  width: 80%;
  height: auto;
}
.footer-content{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 15%;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.footerbg-left-title{
  font-size: 20px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: 400;
  color: #FFFFFF;
}
.footerbg-left-input{
  position: relative;
}
.footerbg-left-input input{
  width: 100%;
  background: none;
  border: none;
  color: #fff;
  margin-top: 8px;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.footerbg-left-input input::placeholder{
  color: rgba(255,255,255,.3);
}
.footerbg-left,.footerbg-right{
  width: 0px;
  flex: 1;
  margin: 20px;
  margin-top: 71px;
}
.footerbg-right{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerbg-left-input img{
  width: 20px;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.footerbg-left-icons{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.footerbg-left-icons .img-box{
  width: 42px;
  max-width: 90px;
  margin: 20px 10px;
  position: relative;
}
.footerbg-left-icons img{
  width: 100%;
  height: auto;
}
.footerbg-left-icons .img-box img:last-child{
  position: absolute;
  top: 0px;
  width: 200%;
  height:auto;
  transform: translateY(-100%);
  left: -50%;
  display: none;
}
.footer-font{
  width: 100%;
  font-size: 14px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: 400;
  color: rgba(255,255,255,.2);
  line-height: 19px;
}
.footerbg-right{
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: AlibabaPuHuiTi_2_55_Regular;
}
.footerbg-right p:nth-child(2){
  margin-top: 20px;
}
.footerbg-right p:nth-child(3){
  margin-top: 28px;
}
.footerbg-right .font-weight{
  font-size: 35px;
  font-weight: 500;
  color: #FFFFFF;
  font-family: AlibabaPuHuiTi_2_105_Heavy;
}
.footerbg-right .font-weight:last-child{
  margin-bottom: 20px;
}
.footerbg-right span{
  margin-right: 10px;
}
.syy2-title{
  font-size: 64px;
  font-family: SourceHanSerifCN;
  font-weight: bold;
  color: #BB3007;
  width:100%;
}
.syy2-title img{
  width: 124px;
  height: auto;
}
.syy2-title_hswh img{
  width: 279px;
  height: auto;
}
.syy2_title_hjzs img{
  width: 247px;
  height: auto;
}
.syy2_title_vr img{
  width: 169px;
  height: auto;
}
.syy2-content-box-new{
  padding: 6% 15%;
  width: 100%;
  box-sizing: border-box;
}
.syy2-content-box-new p{
  font-family: AlibabaPuHuiTi_2_55_Regular;
}
.syy2-content-new{
  margin-top: 79px;
  font-weight: 400;
  color: #BB3007;
  line-height: 34px;
}
.top120{
  margin-top: 120px !important;
}
.syy2-about-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.syy2-about-left{
  flex: 1;
  margin-right: 77px;
}
.syy2-about-right{
  width: 80%;
  max-width: 510px;
  overflow: hidden;
}
.swiper-about img{
  width: 100%;
  height: auto;
}
.syy2-about-part3{
  width: 100%;
  background: url(../images/about/part3_bg.jpg) no-repeat;
  background-size:cover;
}
.syy2-about-part3 .syy2-title{
  color: rgba(255,255,255,.6);
}
.syy2-about-img{
  width: 100%;
  margin-top: 94px;
}
.syy2-about-img img{
  width: 100%;
  height: auto;
}
.indent36{
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-indent: 36px;
  line-height: 38px
}
.syy2-contact{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.syy2-contact>div{
  width:40%;
  height: 208px;
}
.syy2-contact>div:last-child{
  width: 20%;
}

.syy2-contact-left span{
  font-size: 28px;
  margin:0px 5px;
}
.syy2-contact-left span:nth-child(2){
  margin: 0px;
  color: rgba(159, 53, 29, 1);
  font-family: SourceHanSerifCN;
}
.syy2-contact-left span:last-child{
  font-size: 38px;
  font-weight: bold;
  font-family: SourceHanSerifCN;
}
.syy2-contact-info-box img{
  width: 47px;
  height: 47px;
}
.syy2-contact-info-box{
  display: flex;
  align-items: flex-end;
}
.syy2-contact-left .syy2-contact-info-box{
  margin-top: 88px;
}
.syy2-contact-info-box:first-child{
  margin-top: 0px !important;
}
.syy2-contact-left{
  box-sizing: border-box;
  border-right: 1px solid #9F351D;
}
.syy2-contact-center{
  border-right: 1px solid #9F351D;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.syy2-contact-info-box{
  margin:0px 10px;
}
.syy2-contact-center span{
  display: inline-block;
  margin:0px 5px;
  font-size: 22px;
}
.syy2-contact-center span:nth-child(2){
  flex-shrink: 0;
  color: rgba(159, 53, 29, 1);
  font-family: SourceHanSerifCN;
}
.syy2-contact-center span:last-child{
  font-weight: bold;
  flex: 1;
  width: 0px;
  word-break: break-all;
  font-family: SourceHa
}
.syy2-contact-center .syy2-contact-info-box{
  align-items: center;
}

.syy2-contact-right img{
  width:80%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.syy2-s-new{
  display: flex;
  flex-wrap: wrap;
}
.syy2-mtxt-item{
  width:33.33%;
  max-width: 455px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
}
.syy2-mtxt-item span{
  display: inline-block;
  word-break: break-all;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.syy2-mtxt-item img{
  text-align: center;
  width: 100%;
  height: auto;
}
.cases-contact-list-box{
  width: 100%;
  max-width: 1100px;
  overflow: hidden;
}
.cases-contact-list{
  margin: 0 auto;
  width:calc(100% + 20px);
  font-size: 24px;
  font-weight: 400;
  color: #BB3007;
  height: 450px;
  overflow: auto;
}
.cases-contact-list p{
  margin: 5px 0px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
}
.img_p{
  display: block;
}
.img_m{
  display: none;
}







.syy2-ba-tit {
  padding: 30px 0 20px;
  border-bottom: 1px solid #b58584;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.syy2-ba-tit .more {
  position: absolute;
  right: 0;
  top: 33px;
  font-size: 16px;
  color: #fff;
}

.syy2-ba-tit .more:hover {
  color: #e1cd89;
}

.syy2-ba-m {
  padding-top: 15px;
}

.syy2-ba-m li {
  margin-top: 10px;
  font-size: 16px;
  padding-left: 15px;
  position: relative;
  overflow: hidden;
  height: 22px;
}

.syy2-ba-m li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #a66c6b;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 8px;
}

.syy2-ba-m li a {
  color: #fff;
  font-family: 'aliphthin';
}

/* .syy2-ba-m li a:hover {
  color: #e1cd89;
} */

.syy2-bb {
  width: 530px;
  position: absolute;
  right: 0;
  top: 0;
  background: #274158;
  height: 350px;
}

.syy2-bb-a {
  text-align: center;
  font-size: 20px;
  color: #e1cd89;
  padding: 29px 0;
  background: #22394e;
}

.syy2-bb-a h2 {
  font-weight: 300;
  font-size: 40px;
}

.syy2-bb-b {
  padding: 20px 20px 0;
  position: relative;
}

.syy2-bb-ba {
  width: 150px;
  position: absolute;
  left: 40px;
  top: 30px;
}

.syy2-bb-ba dl {}

.syy2-bb-ba dt {
  width: 136px;
  height: 136px;
  background: #21374a;
  border: 1px solid #21374a
}

.syy2-bb-ba dt div {
  width: 100%;
  height: 100%;
  margin: -10px 0 0 -10px;
}

.syy2-bb-ba dt div img {
  width: 100%;
  height: 100%;
}

.syy2-bb-ba dd {
  font-size: 16px;
  color: #fff;
}

.syy2-bb-bb {
  margin-left: 180px;
  overflow: hidden;
  position: relative;
}

.syy2-bb-bb li {
  width: 50%;
  height: 85px;
  float: left;
  border-left: 1px solid #395a77;
  border-top: 1px solid #395a77;
  margin: -1px 0 0 -1px;
  display: flex;
  justify-content: center;
}

.syy2-bb-bb li div {
  padding: 15px 0 0 60px;
  font-size: 18px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: inline-block;
}

.syy2-bb-bb li div span {
  color: #e1cd89;
  font-size: 24px;
}

.syy2-bb-bb li div i {
  font-size: 18px;
}

.syy2-bb-bb li div p {
  margin-top: -5px;
}

.syy2-bb-bb li.syy2-bb-bb-li1 div {
  background-image: url(../images/ico01.png);
}

.syy2-bb-bb li.syy2-bb-bb-li2 div {
  background-image: url(../images/ico02.png);
  background-position: 18px center;
  padding-left: 65px;
}

.syy2-bb-bb li.syy2-bb-bb-li3 div {
  background-image: url(../images/ico03.png);
}

.syy2-bb-bb li.syy2-bb-bb-li4 div {
  background-image: url(../images/ico04.png);
  background-position: 18px center;
  padding-left: 70px;
}

.syy2-bb-bb-ico {
  width: 25px;
  height: 25px;
  background: #274158;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -11.5px 0 0 -11.5px;
}

.syy2-ba2 {
  background: url(../images/bg01.jpg) no-repeat 0 0;
  height: 350px;
  background-size: cover;
  position: relative;
}

.syy2-b2 {
  margin-top: 20px;
}

.syy2-bb2 {
  background: #78201f;
}

.syy2-bb2-a {
  padding: 30px 0 5px;
  text-align: center;
  font-size: 20px;
  color: #e1cd89;
}

.syy2-bb2-b {
  padding: 0 35px;
}

.syy2-bb2-b dl {
  margin-top: 20px;
  position: relative;
  min-height: 75px;
}

.syy2-bb2-b dl dt {
  height: 100%;
  width: 20px;
  padding-right: 10px;
  border-right: 2px solid #e1cd89;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
}

.syy2-bb2-b dl dd {
  margin-left: 60px;
}

.syy2-bb2-b dl dd p {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  min-width: 30%;
  margin-bottom: 5px;
}

/*.syy2-bb2-b dl dd a:hover{color:#e1cd89;}*/
.syy2-bb2 .more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
  color: #fff;
}

.syy2-bb2 .more:hover {
  color: #e1cd89;
}

.syy2-ba2-a {
  position: absolute;
  left: 40px;
  top: 130px;
}

.syy2-ba2-a h2 {
  font-size: 34px;
  color: #3b372d;
  font-style: italic;
}

.syy2-ba2-a .more {
  display: inline-block;
  width: 112px;
  height: 28px;
  background: url(../images/but01.png) no-repeat 0 0;
  background-size: auto 100%;
  margin-top: 5px;
}

.syy2-ba2-b {
  width: 59px;
  height: 59px;
  background: url(../images/360.png) no-repeat 0 0;
  background-size: auto 100%;
  position: absolute;
  right: 10px;
  top: 10px;
}

.syy2-c {
  margin-top: 80px;
  text-align: center;
}

.syy2-c h2 {
  font-size: 24px;
  color: #3f3f3f;
  font-weight: 300;
}

.syy2-c p {
  font-size: 20px;
  color: #3f3f3f;
}

.syy2-c span {
  display: inline-block;
  width: 40px;
  height: 1px;
  background: #cfd5d9;
  margin: 20px 0 25px;
}

.syy2-d {
  /* width: 95%; */
  /* max-width: 1450px; */
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.syy2-d dl {
  width: 32%;
  height: auto;
  background: #fff;
  transition: .3s;
  /* border: 1px solid #e5e5e5; */
  margin-bottom: 25px;
}

.syy2-d dl dt {
  height: 230px;
  overflow: hidden;
}

.syy2-d dl dt img {
  width: 100%;
  min-height: 100%;
  transition: .3s;
}

.syy2-d dl dd {
  padding: 20px;
}

.syy2-d dl dd a {
  font-size: 18px;
  color: #000;
}

.syy2-d dl:hover {
  box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .1);
}

.syy2-d dl:hover dt img {
  transform: scale(1.1);
}

.syy2-dbut {
  margin-top: 15px;
  text-align: center;
}

.syy2-dbut a {
  display: inline-block;
  padding-right: 40px;
  font-size: 16px;
  color: rgba(0, 0, 0, .6);
  font-family: SourceHanSerifCN;
  letter-spacing: 5px;
  background: url(../images/index/part5_down.png) no-repeat right center;
  cursor: pointer;
}
.syy2-new-dbut2 a{
  font-family: AlibabaPuHuiTi_2_45_Light;
  letter-spacing: 2px;
}
.syy2-dbut a.black{
  background: url(../images/down.png) no-repeat right center;
}

.syy2-dbut2 {
  padding-bottom: 60px;
}

.footerbg {
  padding-top: 50px;
  background: #193147 url(../images/index/part6_bg.jpg) no-repeat center 0;
  background-size: cover;
  padding-bottom: 80px;
}

.footer-a {
  text-align: center;
}

.footer-a span {
  display: block;
  height: 73px;
  background: url(../images/logo2.png) no-repeat center 0;
  background-size: auto 100%;
}

.footer-b {
  padding-top: 10px;
  text-align: center;
}

.footer-b span {
  display: inline-block;
  width: 465px;
  height: 32px;
  background: url(../images/logo3.png) no-repeat center 0;
  background-size: auto 100%;
  vertical-align: middle;
}

/* .footer-b i {
  display: inline-block;
  width: 123px;
  height: 1px;
  background: url(../images/ico05.png) no-repeat center 0;
  background-size: 100% auto;
  margin-right: 20px;
  vertical-align: middle;
} */

/* .footer-b i.footer-bi2 {
  background-image: url(../images/ico06.png);
  margin-left: 20px;
  margin-right: 0;
} */

.footer-c {
  width: 95%;
  max-width: 1100px;
  margin: 50px auto 0;
  position: relative;
  text-align: center;
}

.footer-ca {
  font-size: 32px;
  color: #fff;
  font-family: 'aliphheav';
}

.footer-ca b {
  margin: 0 4%;
}

.footer-ca span {
  font-size: 26px;
}

.footer-cb {
  font-size: 18px;
  color: #fff;
  font-family: 'aliphregu';
  margin: 40px 0;
}

.footer-cb p {
  margin-top: 2px;
}

.footer-cc {
  width: 116px;
  font-size: 15px;
  color: #fff;
  font-family: 'aliphregu';
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}

.footer-cc img {
  width: 116px;
  height: 116px;
}

.footer-cc p {
  padding-left: 26px;
  background: url(../images/ico07.png) no-repeat 0 center;
  margin-top: 10px;
}

#syy-vr-iframe {
  width: 100%;
  /* max-width: 1350px; */
  height: 755px;
}

.dbdh {
  display: none;
}

.copy {
  padding: 15px 0;
  text-align: center;
  background: #193147;
  font-family: 'aliphregu';
  font-size: 14px;
  color: rgba(255, 255, 255, .4);
}

.copy span {
  margin: 0 20px;
}

.syy2-pos {
  width: 95%;
  max-width: 1500px;
  margin: 80px auto 0;
  height: 59px;
  line-height: 59px;
  font-size: 14px;
  color: #373737;
}

.syy2-pos a {
  font-size: 14px;
  color: #373737;
}

.syy2-e {
  width: 95%;
  max-width: 1280px;
  margin: 15px auto 0;
  font-size: 16px;
  color: #000;
  line-height: 30px;
}

.syy2-e p {
  text-indent: 30px;
}

.syy2-f {
  width: 95%;
  max-width: 780px;
  margin: 50px auto 0;
  font-size: 16px;
  color: #000;
  line-height: 30px;
}

.syy2-f ul {
  display: flex;
}

.syy2-f li {
  text-align: center;
  flex: 1;
  font-size: 24px;
  color: #78201f;
  font-family: 'aliphbold';
  position: relative;
}

.syy2-f li b {
  font-size: 50px;
  position: relative;
}

.syy2-f li i {
  font-size: 32px;
  position: absolute;
  right: -20px;
  top: 5px;
}

.syy2-f li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #78201f;
}

.syy2-f li:nth-child(1)::before {
  display: none;
}

.syy2-g {
  width: 95%;
  max-width: 1280px;
  margin: 15px auto 0;
  background: #bdbdbd;
  display: flex;
}

.syy2-ga {
  width: 75%;
  background: #78201f;
  height: 400px;
  position: relative;
}

.syy2-gb {
  width: 25%;
}

.syy2-ga ul {
  padding: 40px 60px 0;
}

.syy2-ga li {
  padding: 18px 0 18px 40px;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.syy2-ga li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 28px;
  background: #fff;
}

.syy2-gbm {
  padding: 60px 40px 0 80px;
}

.syy2-gbm p {
  padding: 11px 0;
  font-size: 16px;
  color: #fff;
}

.syy2-ga-but {
  width: 100px;
  height: 100px;
  background: #78201f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 43px;
  color: #fff;
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: -50px;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, .3);
  font-family: 'aliphregu';
}

.syy2-h {
  width: 100%;
  margin: 0px;
  margin-top: 99px;
}

.syy2-h ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.syy2-h li {
  text-align: center;
  width: 24.3%;
  height: 475px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: cover;
  color: #fff;
  font-weight: bold;
  font-family: AlibabaPuHuiTi_2_55_Regular;
}

.syy2-h li.syy2-h-bg1 {
  background: url(../images/about/gybg01.jpg);
}

.syy2-h li.syy2-h-bg2 {
  background: url(../images/about/gybg02.jpg);
}

.syy2-h li.syy2-h-bg3 {
  background: url(../images/about/gybg03.jpg);
}

.syy2-h li.syy2-h-bg4 {
  background: url(../images/about/gybg04.jpg);
}

.syy2-h-li1 {
  font-size: 20px;
  padding-top: 30px;
}

.syy2-h-li1 p {
  padding: 8px 0;
}

.syy2-h-li2 {
  font-size: 20px;
  padding-top: 35px;
}

.syy2-h-li2 span {
  display: inline-block;
  padding: 0 10px 10px;
  min-width: 43%;
  border-bottom: 1px solid #fff;
}

.syy2-h-li3 {
  font-size: 16px;
  padding: 10px 35px 0;
}

.syy2-h-li3 p {
  padding: 3px 0;
}

.syy2-h li:nth-child(2) .syy2-h-li3 {
  /* padding-top: 65px; */
}

.syy2-c2 p {
  color: #78201f;
  font-family: 'aliphbold';
}

.syy2-i {
  width: 95%;
  max-width: 1280px;
  margin: 55px auto 0;
  position: relative;
}

.swiper-syy2i {
  width: 100%;
  overflow: hidden;
}

.swiper-syy2i .swiper-slide img {
  width: 98%;
}

.swiper-syy2i-pre {
  width: 20px;
  height: 100%;
  cursor: pointer;
  background: url(../images/pre.png) no-repeat 0 center;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 99;
}

.swiper-syy2i-net {
  width: 20px;
  height: 100%;
  cursor: pointer;
  background: url(../images/net.png) no-repeat right center;
  position: absolute;
  right: -20px;
  top: 0;
  z-index: 99;
}

.syy2-j {
  width: 95%;
  max-width: 1087px;
  margin: 55px auto 0;
}

.syy2-j img {
  max-width: 100%;
}

.syy2-k {
  width: 95%;
  max-width: 1060px;
  margin: 15px auto 0;
}

.swiper-syy2k2 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.syy2-klist {
  position: relative;
}

.swiper-syy2k {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  padding-top: 10px;
}

.swiper-syy2k2 .swiper-slide {
  position: relative;
}

.swiper-syy2k2 .swiper-slide::before {
  content: "";
  width: 80px;
  height: 80px;
  /*background:url(../images/v.png) no-repeat 0 center;*/
  background-size: auto 100%;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  z-index: 99;
}

.swiper-syy2k2 .swiper-slide.on::before {
  display: none;
}

.swiper-syy2k .swiper-slide {
  position: relative;
  cursor: pointer;
}

.swiper-syy2k .swiper-slide img {
  width: 100%;
}

.swiper-syy2k .swiper-slide div {
  border: 5px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.swiper-syy2k .swiper-slide div::before {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #940708;
  position: absolute;
  left: 50%;
  top: -15px;
  z-index: 99;
  margin-left: -7px;
  display: none;
}

.swiper-syy2k .swiper-slide-thumb-active div {
  border-color: #940708;
}

.swiper-syy2k .swiper-slide-thumb-active div::before {
  display: block;
}

.swiper-syy2k-pre {
  width: 20px;
  height: 100%;
  cursor: pointer;
  background: url(../images/pre.png) no-repeat 0 center;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 99;
}

.swiper-syy2k-net {
  width: 20px;
  height: 100%;
  cursor: pointer;
  background: url(../images/net.png) no-repeat right center;
  position: absolute;
  right: -20px;
  top: 0;
  z-index: 99;
}

.syyivbox {
  width: 100%;
  height: 100%;
  background: #000;
}

.syy2-l {
  width: 95%;
  max-width: 1450px;
  margin: 15px auto 60px;
  position: relative;
}

.syy2-lpic img {
  width: 100%;
}

.syy2-l-but {
  width: 200px;
  height: 200px;
  background: rgba(241, 207, 111, .1);
  position: absolute;
  left: 50%;
  top: 20%;
  border-radius: 50%;
  margin-left: -100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.syy2-l-but span {
  width: 155px;
  height: 155px;
  background: rgba(120, 32, 31, .2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.syy2-l-but i {
  width: 115px;
  height: 115px;
  background: rgba(120, 32, 31, .65) url(../images/3602.png) no-repeat center center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.syy2-l .more {
  display: inline-block;
  width: 112px;
  height: 26px;
  background: url(../images/but02.png) no-repeat 0 0;
  background-size: auto 100%;
  position: absolute;
  left: 50%;
  top: 63%;
  margin-left: -56px;
}

.syy2-m {
  width: 95%;
  max-width: 1350px;
  margin: 0 auto;
  border-bottom: 3px solid rgba(172, 47, 20, .4);
  display: flex;
  padding-top: 50px;
}

.syy2-m a {
  width: 25%;
  display: inline-block;
  font-family: SourceHanSerifCN;
  padding-bottom: 15px;
  text-align: center;
  color: #BB3007;
  font-weight: bold;
  border-bottom: 3px solid transparent;
  position: relative;
  text-align: center;
}
.syy2-m a img{
  margin: 0 auto;
  width: 124px;
}
.syy2-m-new a img{
  width: 88px;
}
.syy2-m a .line{
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background: #BB3007;
  left: 0px;
}
.syy2-m a.on {
  border-color: #BB3007;
}

.syy2-n {
  width: 95%;
  max-width: 1200px;
  margin: 85px auto 0;
}

.syy2-n dl {
  position: relative;
  margin-bottom: 30px;
  padding: 26px 0px;
  border-bottom: 1px dashed rgba(0, 0, 0, 1);
}

.syy2-n dl dt {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 30%;
  height: 100%;
}

.syy2-n dl dt img {
  width: 100%;
  /* min-height: 100%; */
  transition: .3s;
  position: absolute;
  top: 0px;
  left: 0px;
  height: auto;
  /* object-fit:contain; */
}

.syy2-n dl:hover dt img {
  transform: scale(1.1);
}

.syy2-n dl dd {
  height: 175px;
  margin-left: 32%;
  /* border-bottom: 1px dashed #525252; */
  position: relative;
}

.syy2-n dl dd h3 {
  font-size: 16px;
  color: rgba(0, 0, 0, .34);
  font-family: AlibabaPuHuiTi_2_35_Thin;
}

.syy2-n dl dd h2 {
  margin: 10px 0;
  font-family: AlibabaPuHuiTi_2_85_Bold;
}

.syy2-n dl dd h2 a {
  font-size: 28px;
  color: rgba(154, 58, 38, 1);
  font-family: 'aliphbold';
}

.syy2-n dl dd p {
  font-size: 16px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: AlibabaPuHuiTi_2_35_Thin;
}

.syy2-n dl dd .more {
  font-family: AlibabaPuHuiTi_2_35_Thin;
  display: inline-block;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #010100;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.news-box{
  position: relative;
}
.syy2-o {
  width: 95%;
  /* max-width: 1210px; */
  /* margin: 35px auto 0; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.syy2-o dl {
  width: 32.2%;
  height: 525px;
  background: url(../images/about/gybg01.jpg) no-repeat 0 0;
  background-size: cover;
}

.syy2-o dl.syy2-o-dl2 {
  background-image: url(../images/about/gybg02.jpg);
}

.syy2-o dl.syy2-o-dl3 {
  background-image: url(../images/about/gybg03.jpg);
}

.syy2-o dl dt {
  height: 100px;
  background: url(../images/ico08.png) no-repeat center bottom;
}

.syy2-o dl.syy2-o-dl2 dt {
  background-image: url(../images/ico09.png);
}

.syy2-o dl.syy2-o-dl3 dt {
  background-image: url(../images/ico10.png);
}

.syy2-o dl dd {
  padding: 35px 30px 0;
}

.syy2-o dl dd h2 {
  font-size: 30px;
  color: #fff;
  font-family: 'aliphbold';
  text-align: center;
}

.syy2-o-dtxt {
  padding-top: 35px;
  margin-left: 25%;
  font-size: 20px;
  color: #fff;
}

.syy2-o-dtxt p {
  padding-left: 25px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  margin: 1px 0;
  position: relative;
}

.syy2-o-dtxt p::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}

.syy2-o dl.syy2-o-dl1 .syy2-o-dtxt {
  margin-left: 15%;
}

.syy2-p {
  width: 100%;
  /* margin: 30px auto 0; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.syy2-p dl {
  width: 33.33%;
  padding-top: 50px;
  position: relative;
  border-right: 1px solid #BB3007;
  box-sizing: border-box;
}
.syy2-p dl:last-child{
  border:none;
}
.syy2-p dl dt {
  width: 100%;
  height: 100px;
  background: url(../images/cases/case_icon1.png) no-repeat center 0;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.syy2-p dl.syy2-p-dl2 dt {
  background-image: url(../images/cases/case_icon2.png);
}

.syy2-p dl.syy2-p-dl3 dt {
  background-image: url(../images/cases/case_icon3.png);
}

.syy2-p dl dd {
  padding-top: 65px;
  padding-bottom: 25px;
  /* background: #f5f5f5; */
  border-radius: 10px;
  color: #3f3f3f;
  justify-content: center;
  font-family: SourceHanSerifCN;
  font-weight: bold;
  color: #BB3007;
  display: flex;
  align-items: center;
}

.syy2-p dl dd b {
  color: #BB3007;
  vertical-align: middle;
  font-weight: bold;
}

.syy2-p dl dd i {
  color: #BB3007;
  vertical-align: middle;
}

.syy2-q {
  width: 95%;
  /* max-width: 1200px; */
  margin: 30px auto 0;
}

.syy2-q ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.syy2-q ul li {
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px .1%;
  overflow: hidden;
}

.syy2-q ul li img {
  max-width: 100%;
  max-height: 100%;
  transition: .3s;
}

.syy2-q ul li:hover img {
  transform: scale(1.1);
}

.syy2-q1 ul li {
  width: 13%;
}

.syy2-q2 ul li {
  max-width: 47%;
}

.syy2-r {
  width: 95%;
  max-width: 980px;
  margin: 25px auto 0;
}

.syy2-r dl {
  position: relative;
  margin-bottom: 30px;
  background: #f7f7f7;
}

.syy2-r dl dt {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 250px;
  height: 100%;
}

.syy2-r dl dt img {
  width: 100%;
  min-height: 100%;
  transition: .3s;
}

.syy2-r dl:hover dt img {
  transform: scale(1.1);
}

.syy2-r dl dd {
  height: 147px;
  margin-left: 295px;
  position: relative;
}

.syy2-r dl dd h2 {
  padding: 45px 0 1px;
}

.syy2-r dl dd h2 a {
  font-size: 22px;
  color: #000;
  font-family: 'aliphbold';
}

.syy2-r dl dd p {
  font-size: 18px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.syy2-r dl dd .more {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #1a4369;
  position: absolute;
  right: -10px;
  bottom: 10px;
}

.syy2-mtxt {
  width: 95%;
  max-width: 1350px;
  margin: 50px auto 0;
  font-size: 20px;
  color: #000;
  text-indent: 30px;
  line-height: 30px;
}

.syy2-s {
  width: 95%;
  max-width: 1190px;
  margin: 50px auto;
}

.syy2-s dl {
  margin-bottom: 15px;
}

.syy2-s dl dt {
  background: #f8f8f8;
  padding: 20px 0 20px 70px;
  position: relative;
}

.syy2-s dl dt::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #1a4369;
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -3px;
  border-radius: 10px;
}

.syy2-s dl dt a {
  font-size: 20px;
  color: rgba(0, 0, 0, .8);
}

.syy2-s dl dt .syy2-sboxm {
  display: inline-block;
  padding-right: 40px;
  position: relative;
}

.syy2-s dl .syy2-sbox {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 50%;
  background: url(../images/ico14.png) no-repeat center center;
  margin-top: -12.5px;
  cursor: pointer;
}

.syy2-s dl .syy2-sbox div {
  display: none;
  width: 470px;
  height: 300px;
  position: absolute;
  left: 50px;
  top: 0;
  z-index: 99;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, .1);
  justify-content: center;
  align-items: center;
}

.syy2-s dl .syy2-sbox div img {
  max-width: 90%;
  max-height: 90%;
}

.syy2-s dl .syy2-sbox:hover div {
  display: flex;
}

.syy2-t {
  width: 95%;
  max-width: 1400px;
  margin: 100px auto 70px;
  min-height: 800px;
  position: relative;
}

.syy2-ta {
  margin-right: 580px;
}

.syy2-tb {
  position: absolute;
  right: 0;
  top: 70px;
  width: 495px;
}

.syy2-ta-a {
  font-size: 18px;
  color: #000;
  line-height: 35px;
  font-family: 'aliphregu';
}

.syy2-ta-b {
  margin-top: 60px;
}

.syy2-ta-ba {
  font-size: 18px;
  color: #000;
  font-family: 'aliphheav';
}

.syy2-ta-bb {
  margin-top: 30px;
  border: 1px solid #d9d9d9;
  box-shadow: inset 0 0 8px 5px rgba(0, 0, 0, .05);
  padding: 10px;
}

.syy2-ta-bb textarea {
  font-size: 14px;
  color: #000;
  height: 70px;
  width: 100%;
  border: none;
  background: none;
}

.syy2-ta-bc {
  text-align: right;
  margin-top: 15px;
}

.syy2-ta-bc input[type="submit"] {
  width: 130px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  border: none;
  background: #1a4369;
  cursor: pointer;
}

.syy2-tb-a dl {
  min-height: 50px;
  position: relative;
  padding-left: 95px;
  margin-bottom: 40px;
  color: #000;
  font-family: 'aliphheav';
}

.syy2-tb-a dl dt {
  width: 60px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 3px solid #a3b4c3;
  background: url(../images/ico15.png) no-repeat 0 center;
}

.syy2-tb-a dl.syy2-tb-adl2 dt {
  background-image: url(../images/ico16.png);
}

.syy2-tb-a dl.syy2-tb-adl3 dt {
  background-image: url(../images/ico17.png);
}

.syy2-tb-a dl.syy2-tb-adl4 dt {
  background-image: url(../images/ico18.png);
}

.syy2-tb-a dl.syy2-tb-adl5 dt {
  background-image: url(../images/ico19.png);
}

.syy2-tb-a dl dd p {
  font-size: 21px;
  line-height: 20px;
}

.syy2-tb-a dl dd h2 {
  font-size: 32px;
  line-height: 32px;
}

.syy2-tb-a dl.syy2-tb-adl4 dd h2 {
  font-size: 24px;
}

.syy2-tb-b {
  padding: 40px 0 0 85px;
}

.syy2-tb-b img {
  width: 194px;
  height: 194px;
}

.syy2-tb-b p {
  padding-left: 25px;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  font-family: 'aliphheav';
  background: url(../images/ico20.png) no-repeat 0 center;
}

.syy2-u {
  /* width: 95%; */
  /* max-width: 1340px; */
  position: relative;
}

.syy2-u img {
  width: 100%;
}

.syy2-uico {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .5) url(../images/3603.png) no-repeat center center;
  position: absolute;
  left: 10px;
  top: 10px;
  background-size: auto 40%;
}

.syy2-v {
  width: 95%;
  max-width: 1340px;
  position: relative;
}

.swiper-syy2v {
  width: 100%;
  overflow: hidden;
  padding-bottom: 35px;
  position: relative;
}

.swiper-syy2v .swiper-slide {
  transform: scale(.7);
  overflow: hidden;
  width: 50%;
  position: relative;
  z-index: 11;
  opacity: .6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-syy2v .swiper-slide img {
  width: 100%;
}

.swiper-syy2v .swiper-slide p {
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  display: none;
}

.swiper-syy2v .swiper-slide-active,
.swiper-syy2v .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 22;
  opacity: 1;
  flex-direction: column;
  box-shadow: 0 0 150px 70px rgba(255, 255, 255, 1);
}

.swiper-syy2v .swiper-slide-active p,
.swiper-syy2v .swiper-slide-duplicate-active p {
  display: block;
}

.syy2v-prev {
  width: 20%;
  height: 100%;
  cursor: pointer;
  background: url(../images/pre2.png) no-repeat 0 center;
  position: absolute;
  left: 22%;
  top: 0;
  z-index: 99;
  margin-top: -30px;
}

.syy2v-next {
  width: 20%;
  height: 100%;
  cursor: pointer;
  background: url(../images/net2.png) no-repeat right center;
  position: absolute;
  right: 22%;
  top: 0;
  z-index: 99;
  margin-top: -30px;
}

.syy2-w {
  width: 95%;
  max-width: 1400px;
  margin: 60px auto;
}

.syy2-w-a {
  font-size: 36px;
  color: #940708;
  font-family: 'aliphheav';
  text-align: center;
}

.syy2-w-b {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 40px;
}

.syy2-w-b span {
  margin: 0 1.5%;
}

.syy2-w-c {
  font-size: 18px;
  color: #000;
  margin-top: 40px;
  line-height: 35px;
}

.syy2-w-c img {
  max-width: 100%;
  display: inline-block;
}
.borderTop{
  border-top: 1px solid #BB3007;
  padding-top: 40px;
}
.syy2-w-d {
  margin: 50px 0;
  text-align: center;
}

.syy2-w-d a {
  display: inline-block;
  width: 180px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: bold;
  color: #BB3007;
  border: 1px solid #BB3007;
}

.syy2-w-e {
  border-bottom: 1px solid #3f3f3f;
  font-size: 24px;
  color: #3f3f3f;
}

.syy2-w-e span {
  display: inline-block;
  padding: 0 0 20px 35px;
}

.syy2-w-f {
  margin: 50px 0;
  text-align: center;
  font-size: 24px;
  color: #000;
}

.syy2-w-g {
  position: relative;
}

.swiper-syy2wg {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-syy2wg dl {
  width: 95%;
  height: 340px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e6e6e6;
}

.swiper-syy2wg dl dt {
  height: 270px;
  overflow: hidden;
}

.swiper-syy2wg dl dt img {
  width: 100%;
  min-height: 100%;
  transition: .3s;
}

.swiper-syy2wg dl dd {
  padding: 10px 10px 0;
}

.swiper-syy2wg dl a {
  font-size: 18px;
  color: #000;
}

.swiper-syy2wg dl:hover dt img {
  transform: scale(1.1);
}

.swiper-syy2wg-next {
  width: 40px;
  height: 100%;
  background: url(../images/net3.png) no-repeat right center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 999;
}

.swiper-syy2wg-prev {
  width: 40px;
  height: 100%;
  background: url(../images/pre3.png) no-repeat 0 center;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 999;
}
@media (max-width:1800px) {
  .font64{
    font-size: 48px !important;
  }
}
@media (max-width:1650px) {
  .nav li dl{
    width: 160px;
  }
  .syy2-d dl dd {
    padding: 10px;
  }
  .syy2-contact-left span{
    font-size: 24px;
    margin:0px 5px;
  }
  .syy2-contact-left .syy2-contact-info-box{
    margin-top: 64px;
  }
  .syy2-contact-left span:last-child{
    font-size: 32px;
  }
  .syy2-contact-info-box img{
    width: 40px;
    height: 40px;
  }
  .footerbg-right{
    font-size: 18px;
  }
  .footerbg-right .font-weight{
    font-size: 28px;
  }
  .syy2-e-new-sub-box span{
    font-size: 22px;
  }
  .syy2-e-new-sub-box span:last-child{
    font-size: 16px;
  }
  .syy2-ba-title{
    font-size: 42px;
  }
  .font64{
    font-size: 42px !important;
  }
  .font44{
    font-size: 32px !important;
  }
  .font34{
    font-size:28px !important;
  }
  .syy2-ba-item,.syy2-ba-more{
    font-size: 20px;
  }
  .header {
    height: 80px;
  }
  .header-empty{
    height: 80px;
    width: 100%;
  }
  .logo {
    top: 10px;
    width: 438px;
    height: 63px;
  }

  .head-tel {
    top: 20px;
    font-size: 12px;
    padding-left: 40px;
    background-size: auto 35px;
  }

  .head-tel b {
    font-size: 24px;
    margin-top: -5px;
  }

  .nav {
    margin: 0 250px 0 520px;
  }

  .nav li a {
    font-size: 20px;
    line-height: 80px;
  }

  .nav li dl {
    top: 80px;
  }

  .nav li dl dd a {
    font-size: 16px;
  }

  .syy2-bam {
    margin-right: 28%;
  }

  .syy2-bb2-b dl dd a {
    font-size: 14px;
  }

  .syy2-c {
    margin-top: 60px;
  }

  .syy2-c h2 {
    font-size: 20px;
  }

  .syy2-c p {
    font-size: 16px;
  }

  .syy2-c span {
    margin: 15px 0 20px;
  }

  .syy2-dbut2 {
    padding-bottom: 50px;
  }

}

@media (max-width:1350px) {
  .nav li dl{
    width: 140px;
  }
  .font24{
    font-size: 20px !important;
  }
  .top78{
    margin-top: 40px !important;
  }
  .cases-contact-list{
    font-size: 22px;
  }
  .syy2-mtxt-item span{
    font-size: 20px;
  }
  .syy2-contact-left span{
    font-size: 20px;
    margin:0px 5px;
  }
  .syy2-contact-left .syy2-contact-info-box{
    margin-top: 40px;
  }
  .syy2-contact-left span:last-child{
    font-size: 24px;
  }
  .syy2-contact-info-box img{
    width: 34px;
    height: 34px;
  }
  .top120{
    margin-top: 70px !important;
  }
  .syy2-title{
    font-size: 48px;
  }
  .syy2-content-box-new{
    padding:6% 8%;
  }
  .syy2-content-new{
    margin-top: 40px;
    font-weight: 400;
    color: #BB3007;
    line-height: 34px;
  }
  .footerbg-right{
    font-size: 16px;
  }
  .footerbg-right .font-weight{
    font-size: 26px;
  }
  .syy2-e-qy-title{
    font-family: SourceHanSerifCN;
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 40px;
  }
  .syy2-e-new-title{
    margin-bottom: 40px;
  }
  .syy2-ca-box{
    margin-top: 40px;
    font-size: 16px;
  }
  .syy2-ba-list{
    margin-top: 20px;
  }
  .syy2-ba-item,.syy2-ba-more{
    font-size: 18px;
  }
  .syy2-ba-title{
    font-size: 34px;
  }
  .font64{
    font-size: 36px !important;
  }
  .font44{
    font-size: 28px !important;
  }
  .font34{
    font-size:26px !important;
  }
  .logo {
    top: 15px;
    width: 338px;
    height: 53px;
  }

  .nav li a {
    font-size: 16px;
  }

  .nav {
    margin: 0 220px 0 410px;
  }

  .head-tel {
    padding-left: 35px;
    background-size: auto 30px;
  }

  .head-tel b {
    font-size: 20px;
    margin-top: -3px;
  }

  .syy2-b {
    margin-top: 60px;
  }

  .syy2-ba {
    margin-right: 465px;
  }

  .syy2-bam {
    margin-right: 25%;
  }

  .syy2-bb {
    width: 450px;
  }

  .syy2-bb-a {
    font-size: 16px;
  }

  .syy2-bb-a h2 {
    font-size: 30px;
  }

  .syy2-bb-ba {
    width: 130px;
    left: 40px;
    top: 40px;
  }

  .syy2-bb-ba dt {
    width: 116px;
    height: 116px;
  }

  .syy2-bb-ba dd {
    font-size: 14px;
  }

  .syy2-bb-bb {
    margin-left: 160px;
  }

  .syy2-bb-bb li div {
    padding: 15px 0 0 40px;
    font-size: 16px;
  }

  .syy2-bb-bb li div span {
    font-size: 20px;
  }

  .syy2-bb-bb li div i {
    font-size: 16px;
  }

  .syy2-bb-bb li div p {
    margin-top: -3px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li1 div {
    background-size: auto 25px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li2 div {
    background-size: auto 25px;
    padding-left: 55px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li3 div {
    background-size: auto 20px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li4 div {
    background-size: auto 18px;
    padding-left: 60px;
  }

  .syy2-b2 {
    margin-top: 20px;
  }

  .syy2-d {
    margin-top: 20px;
  }

  .syy2-d dl dt {
    height: 200px;
  }
  .syy2-d dl dd a {
    font-size: 16px;
  }

  .syy2-dbut2 {
    padding-bottom: 40px;
  }

  .syy2-ga li {
    padding: 16px 0 16px 30px;
    font-size: 18px;
  }

  .syy2-ga li::before {
    top: 25px;
  }

  .syy2-gbm {
    padding-left: 70px;
  }

  .syy2-gbm p {
    padding: 11px 0;
    font-size: 14px;
  }

  .syy2-ga-but {
    width: 80px;
    height: 80px;
    right: -40px;
    margin-top: -40px;
    font-size: 36px;
  }

  .syy2-ga ul {
    padding-right: 50px;
  }

  .syy2-h-li3 {
    padding: 10px 35px 0;
  }

  .swiper-syy2i-pre {
    left: 0;
  }

  .swiper-syy2i-net {
    right: 0;
  }

  .swiper-syy2i {
    width: 95%;
    margin: 0 auto;
  }

  .syy2-i,
  .syy2-j {
    margin-top: 40px;
  }

  .syy2-l-but {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }

  .syy2-l-but span {
    width: 125px;
    height: 125px;
  }

  .syy2-l-but i {
    width: 85px;
    height: 85px;
    background-size: auto 50%;
  }

  .syy2-m {
    padding-top: 40px;
  }

  .syy2-m a {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .syy2-m a img{
    margin: 0 auto;
    width: 90px;
  }
  .syy2-m-new a img{
    width: 78px;
  }
  .syy2-n {
    margin-top: 50px;
  }

  .syy2-n dl dd h3 {
    font-size: 14px;
  }

  .syy2-n dl dd h2 a {
    font-size: 20px;
  }

  .syy2-o dl dd h2 {
    font-size: 22px;
  }

  .syy2-o-dtxt {
    padding-top: 25px;
    font-size: 18px;
  }

  .syy2-o {
    margin-top: 25px;
  }

  .syy2-t {
    margin: 70px auto 50px;
  }

  .syy2-ta {
    margin-right: 500px;
  }

  .syy2-tb {
    top: 70px;
    width: 415px;
  }

  .syy2-ta-a {
    font-size: 16px;
    line-height: 35px;
  }

  .syy2-ta-b {
    margin-top: 50px;
  }

  .syy2-ta-ba {
    font-size: 16px;
  }

  .syy2-ta-bc input[type="submit"] {
    width: 110px;
    height: 35px;
    font-size: 14px;
  }

  .syy2-tb-a dl {
    min-height: 45px;
    padding-left: 75px;
    margin-bottom: 30px;
  }

  .syy2-tb-a dl dt {
    width: 50px;
    height: 45px;
    border-width: 2px;
    background-size: auto 35px;
  }

  .syy2-tb-a dl dd p {
    font-size: 18px;
  }

  .syy2-tb-a dl dd h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .syy2-tb-a dl.syy2-tb-adl4 dd h2 {
    font-size: 20px;
  }

  .syy2-tb-a dl.syy2-tb-adl3 dt {
    background-size: auto 30px;
  }

  .syy2-tb-b {
    padding: 20px 0 0 65px;
  }

  .syy2-tb-b img {
    width: 164px;
    height: 164px;
  }

  .syy2-tb-b p {
    padding-left: 20px;
    font-size: 12px;
    background-size: auto 12px;
  }

  .swiper-syy2wg dl {
    height: 300px;
  }

  .swiper-syy2wg dl dt {
    height: 230px;
  }

  .swiper-syy2wg dl a {
    font-size: 16px;
  }

}

@media (max-width:1200px) {
  .nav li dl{
    width: 120px;
  }
  .font24{
    font-size: 18px !important;
  }
  .cases-contact-list{
    font-size: 20px;
  }
  .syy2-about-left{
    flex-basis: 100%;
    margin-right: 0px;
  }
  .syy2-h,.syy2-about-img{
    margin-top: 40px;
  }
  .footerbg-right{
    font-size: 14px;
  }
  .footerbg-right .font-weight{
    font-size: 24px;
  }
  .syy2-e-new-sub-box span{
    font-size: 20px;
  }
  .syy2-e-new-sub-box span:last-child{
    font-size: 14px;
  }
  .syy2-ba-item,.syy2-ba-more{
    font-size: 16px;
  }
  .syy2-ba-title{
    font-size: 30px;
  }
  .font64{
    font-size: 32px !important;
  }
  .font44{
    font-size: 24px !important;
  }
  .font34{
    font-size:22px !important;
  }
  .logo {
    top: 20px;
    width: 238px;
    height: 43px;
  }

  .nav li a {
    font-size: 14px;
  }

  .nav {
    margin: 0 190px 0 300px;
  }

  .head-tel {
    padding-left: 30px;
    background-size: auto 25px;
  }

  .head-tel b {
    font-size: 16px;
    margin-top: 0;
  }

  .nav li dl dd a {
    font-size: 14px;
  }

  .syy2-b {
    margin-top: 40px;
  }

  .syy2-ba {
    margin-right: 0;
  }

  .syy2-bb {
    width: 100%;
    position: static;
    margin-top: 20px;
    height: auto;
    padding-bottom: 20px;
  }

  .syy2-bam {
    height: auto;
  }

  .syy2-ba-m {
    padding-bottom: 20px;
  }

  .syy2-b2 {
    margin-top: 20px;
  }

  .syy2-ba2 {
    height: 300px;
  }

  .syy2-ba2-a {
    top: 110px;
  }
  .syy2-d dl dt {
    height: 170px;
  }
  .syy2-d dl dd{
    padding: 10px;
  }
  .syy2-d dl dd a {
    font-size: 14px;
  }

  .syy2-c {
    margin-top: 40px;
  }

  .syy2-c span {
    margin: 10px 0 10px;
  }

  .syy2-dbut a {
    font-size: 14px;
  }

  .syy2-dbut2 {
    padding-bottom: 30px;
  }

  .footerbg {
    padding-top: 50px;
  }

  .footer-a span {
    height: 63px;
  }

  .footer-b span {
    width: 390px;
    height: 26px;
  }

  .footer-b i {
    width: 90px;
    margin-right: 15px;
  }

  .footer-b i.footer-bi2 {
    margin-left: 15px;
  }

  .footer-c {
    margin-top: 30px;
  }

  .footer-ca {
    font-size: 22px;
  }

  .footer-ca span {
    font-size: 18px;
  }

  .footer-cb {
    font-size: 14px;
    margin: 30px 0;
  }

  .footer-cb p {
    margin-top: 2px;
  }

  .footer-cc {
    width: 96px;
    font-size: 13px;
  }

  .footer-cc img {
    width: 96px;
    height: 96px;
  }

  .footer-cc p {
    padding-left: 19px;
    background-size: auto 12px;
  }

  .syy2-pos {
    height: 49px;
    line-height: 49px;
  }

  .syy2-f li {
    font-size: 20px;
  }

  .syy2-f li b {
    font-size: 40px;
  }

  .syy2-f li i {
    font-size: 26px;
    right: -15px;
    top: 0;
  }

  .syy2-ga li {
    padding: 13px 0 13px 20px;
    font-size: 16px;
  }

  .syy2-ga li::before {
    top: 22px;
    width: 6px;
    height: 6px;
  }

  .syy2-gbm {
    padding-left: 60px;
    padding-right: 20px;
  }

  .syy2-gbm p {
    padding: 10px 0;
  }

  .syy2-h li {
    height: 435px;
  }

  .syy2-h-li1 {
    font-size: 18px;
    padding-top: 20px;
  }

  .syy2-h-li1 p {
    padding: 6px 0;
  }

  .syy2-h-li2 {
    font-size: 18px;
    padding-top: 25px;
  }

  .syy2-h-li3 {
    font-size: 14px;
  }

  .syy2-i,
  .syy2-j {
    margin-top: 30px;
  }

  .swiper-syy2k {
    width: 95%;
    margin: 10px auto 0;
  }

  .swiper-syy2k-pre {
    left: 0;
  }

  .swiper-syy2k-net {
    right: 0;
  }

  .syy2-l-but {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  .syy2-l-but span {
    width: 75px;
    height: 75px;
  }

  .syy2-l-but i {
    width: 55px;
    height: 55px;
  }

  .syy2-l .more {
    width: 100px;
    height: 22px;
    margin-left: -50px;
  }

  .syy2-p dl {
    padding-top: 40px;
  }

  .syy2-p dl dt {
    height: 80px;
  }

  .syy2-p dl dd {
    padding-top: 50px;
    font-size: 20px;
  }

  .syy2-p dl dd b {
    font-size: 46px;
    line-height: 38px;
  }

  .syy2-p dl dd i {
    font-size: 20px;
  }

  .syy2-q {
    margin-top: 30px;
  }

  .syy2-r dl dd h2 a {
    font-size: 20px;
  }

  .syy2-r dl dd p {
    font-size: 16px;
  }

  .syy2-r dl dd .more {
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
  }

  .syy2-mtxt {
    padding-top: 30px;
    font-size: 16px;
  }

  .syy2-s dl dt {
    padding: 10px 0 10px 50px;
  }

  .syy2-s dl dt::before {
    left: 25px;
  }

  .syy2-s dl dt a {
    font-size: 16px;
  }

  .syy2-s dl .syy2-sbox div {
    width: 370px;
    height: 250px;
  }

  .syy2-ta {
    margin-right: 460px;
  }

  .syy2-w {
    margin: 40px auto;
  }

  .syy2-w-a {
    font-size: 30px;
  }

  .syy2-w-b {
    margin-top: 20px;
  }

  .syy2-w-c {
    font-size: 16px;
    margin-top: 20px;
    line-height: 30px;
  }

  .syy2-w-d {
    margin: 30px 0;
  }

  .syy2-w-e {
    font-size: 20px;
  }

  .syy2-w-e span {
    padding: 0 0 10px 25px;
  }

  .syy2-w-f {
    margin: 30px 0;
    font-size: 20px;
  }

  .swiper-syy2wg dl {
    height: 270px;
  }

  .swiper-syy2wg dl dt {
    height: 200px;
  }

  .swiper-syy2wg dl a {
    font-size: 14px;
  }

}

@media (max-width:1050px) {
  .syy2-mtxt-item span{
    font-size: 14px;
  }
  .syy2-contact-left{
   border: none;
   flex-basis: 100%;
  }
  .syy2-contact-center{
    border: none;
    flex-basis: 100%;
  }
  .syy2-contact-center span{
    font-size: 14px;
  }
  .syy2-contact-right{
    margin-top: 20px;
  }
  .syy2-contact-info-box img{
    width: 20px;
    height: 20px;
  }
  .syy2-contact-left span{
    font-size: 14px;
    margin:0px 5px;
  }
  .syy2-contact>div{
    height: 100px !important;
  }
  .syy2-contact .syy2-contact-right{
    width: 100% !important;
    height: 200px !important;
    text-align: center;
  }
  .syy2-contact-right img{
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto;
  }
  .syy2-contact-left .syy2-contact-info-box{
    margin-top: 20px;
  }
  .syy2-contact-left span:last-child{
    font-size: 20px;
  }
  .top120{
    margin-top: 40px !important;
  }
  .footer-content{
    padding: 0px 20px;
  }
  
  .syy2-ca-content{
    width: 100%;
  }
  .syy2-cb-new{
    width: 100%;
  }
  .syy2-c-new{
    padding:30px 20px;
  }
  .syy2-cb-list{
    display: flex;
    padding: 20px;
    justify-content: space-between;
    margin: 0px;
    flex-wrap: wrap;
  }
  .syy2-cb-item{
    margin-top: 20px;
  }
  .syy2-cb-item:first-child{
    margin-top: 20px;
  }
  .syy2-ba-item,.syy2-ba-more{
    font-size: 14px;
  }
  .nav {
    margin: 0 0 0 300px;
  }

  .head-tel {
    display: none;
  }

  .syy2-d dl {
    margin-bottom: 20px;
  }

  .syy2-d dl dt {
    height: 130px;
  }

  .syy2-g {
    display: block;
  }

  .syy2-ga {
    height: auto;
    width: 100%;
  }

  .syy2-gb {
    width: 100%;
  }

  .syy2-ga li {
    padding: 10px 0 10px 20px;
    font-size: 14px;
  }

  .syy2-ga-but {
    width: 60px;
    height: 60px;
    right: 50%;
    top: auto;
    bottom: -30px;
    margin-right: -30px;
    font-size: 30px;
  }

  .syy2-ga ul {
    padding: 20px 30px 40px;
  }

  .syy2-ga li::before {
    top: 16px;
  }

  .syy2-gbm {
    padding: 40px 30px 20px;
  }

  .syy2-gbm p {
    padding: 10px 0;
  }

  .syy2-h-li1 {
    font-size: 16px;
  }

  .syy2-h-li2 {
    font-size: 16px;
  }

  .syy2-h-li3 {
    font-size: 14px;
    padding: 10px 25px 0;
  }

  .syy2-h li:nth-child(2) .syy2-h-li3 {
    padding-top: 45px;
  }

  .swiper-syy2k2 .swiper-slide::before {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
  }

  .syy2-o dl {
    height: 425px;
  }

  .syy2-o dl dt {
    background-size: auto 50px;
  }

  .syy2-o dl dd h2 {
    font-size: 20px;
  }

  .syy2-o-dtxt {
    padding-top: 25px;
    font-size: 16px;
  }

  .syy2-o-dtxt p {
    padding-left: 20px;
  }

  .syy2-o {
    margin-top: 15px;
  }

  .syy2-t {
    margin: 50px auto 30px;
    min-height: 650px;
  }

  .syy2-ta {
    margin-right: 370px;
  }

  .syy2-tb {
    top: 50px;
    width: 335px;
  }

  .syy2-ta-a {
    font-size: 14px;
    line-height: 26px;
  }

  .syy2-ta-b {
    margin-top: 30px;
  }

  .syy2-ta-ba {
    font-size: 14px;
  }

  .syy2-ta-bb {
    margin-top: 10px;
  }

  .syy2-ta-bc input[type="submit"] {
    width: 90px;
    height: 30px;
  }

  .syy2-tb-a dl {
    min-height: 40px;
    padding-left: 60px;
    margin-bottom: 20px;
  }

  .syy2-tb-a dl dt {
    width: 45px;
    height: 40px;
    border-width: 2px;
    background-size: auto 30px;
  }

  .syy2-tb-a dl dd p {
    font-size: 14px;
  }

  .syy2-tb-a dl dd h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .syy2-tb-a dl.syy2-tb-adl4 dd h2 {
    font-size: 16px;
  }

  .syy2-tb-a dl.syy2-tb-adl3 dt {
    background-size: auto 25px;
  }

  .syy2-tb-b {
    padding: 10px 0 0 45px;
  }

  .syy2-uico {
    width: 40px;
    height: 40px;
  }

  .syy2v-prev {
    margin-top: -40px;
    background-size: auto 40px;
  }

  .syy2v-next {
    margin-top: -40px;
    background-size: auto 40px;
  }

  .swiper-syy2wg dl {
    height: 230px;
  }

  .swiper-syy2wg dl dt {
    height: 170px;
  }

}





@media (max-width:980px) {
  .syy2-h {
    margin-top: 0;
  }

  .syy2-h li {
    width: 49%;
    margin-top: 20px;
  }

  .syy2-m {
    padding-top: 30px;
  }

  .syy2-m a {
    font-size: 18px;
  }
  .syy2-m a img{
    margin: 0 auto;
    width: 70px;
  }
  .syy2-m-new a img{
    width: 60px;
  }
  .syy2-n {
    margin-top: 30px;
  }

  .syy2-n dl dd h3 {
    font-size: 14px;
  }

  .syy2-n dl dd h2 a {
    font-size: 18px;
  }

  .syy2-n dl dd p {
    font-size: 14px;
  }

  .syy2-o dl {
    height: 360px;
  }

  .syy2-o dl dt {
    height: 60px;
    background-size: auto 40px;
  }

  .syy2-o dl dd {
    padding: 25px 20px 0;
  }

  .syy2-o dl dd h2 {
    font-size: 18px;
  }

  .syy2-o-dtxt {
    font-size: 14px;
  }

  .syy2-o-dtxt p {
    padding-left: 15px;
  }

}

@media (max-width:850px) {
  .header {
    height: 60px;
  }
  .header-empty{
    height: 60px;
    width: 100%;
  }
  .logo {
    top: 10px;
  }

  .navbox {
    display: block;
  }

  .nav {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 9999;
    width: 110%;
    background: rgba(149, 40, 26, .6);
    margin: 0 0 0 -5%;
    display: none;
    box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    height: auto;
  }

  .nav ul {
    display: block;
    padding-bottom: 20px;
  }

  .nav li {
    display: block;
    width: 90%;
    margin: 0 auto;
    border: none;
    float: none;
    text-align: left;
    padding: 7px 0 7px 12px;
    position: relative;
  }

  .nav li a {
    line-height: 10px;
    display: block;
    margin: 0;
    padding: 5px 0;
    background: none;
    color: #fff;
  }

  .nav li::before {
    content: "";
    width: 3px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 3px;
    transition: .3s;
  }

  .nav li dl {
    background: rgba(149, 40, 26, .6);
    position: static;
    margin-top: 10px;
    padding: 7px 0;
    display: flex;
    margin-left: 0%;
    flex-wrap: wrap;
    left: 0%;
    transform:translateX(0%);
    width: auto;
  }

  .nav li dl dd {
    width: 32%;
    margin: 0;
  }

  .nav li dl dd a {
    line-height: 22px;
  }

  .nav li:hover dl {
    display: flex;
  }

  .nav li:hover a::before,
  .nav li.on a::before {
    display: none;
  }

  .navclose {
    display: inline-block;
  }

  .syy2-bam {
    margin-right: 0;
    padding: 0 25px;
  }

  .syy2-ba-tit {
    padding: 20px 0 10px;
    font-size: 16px;
  }

  .syy2-ba-tit .more {
    top: 23px;
    font-size: 14px;
  }

  .syy2-ba-m {
    padding-top: 10px;
  }

  .syy2-ba-m li {
    margin-top: 10px;
    font-size: 14px;
    height: auto;
  }

  .syy2-b {
    margin-top: 20px;
  }

  .syy2-bb2-a {
    padding: 20px 0 5px;
    font-size: 16px;
  }

  .syy2-bb2-b {
    padding: 0 15px;
  }

  .syy2-bb2-b dl {
    margin-top: 20px;
    min-height: 75px;
  }

  .syy2-bb2-b dl dt {
    width: 16px;
    padding-right: 6px;
    font-size: 14px;
    line-height: 16px;
  }

  .syy2-bb2-b dl dd {
    margin-left: 40px;
  }

  .syy2-bb2 .more {
    right: 10px;
    bottom: 10px;
    font-size: 14px;
  }

  .syy2-ba2-a {
    left: 20px;
    top: 90px;
  }

  .syy2-ba2-a h2 {
    font-size: 30px;
  }

  .syy2-ba2-b {
    width: 49px;
    height: 49px;
  }

  .syy2-d dl {
    margin-bottom: 10px;
  }

  /* .syy2-d dl dt {
    height: 130px;
  } */

  

  .syy2-c {
    margin-top: 30px;
  }

  .syy2-c h2 {
    font-size: 18px;
  }

  .syy2-c p {
    font-size: 14px;
  }

  .syy2-c span {
    margin: 8px 0;
  }

  .syy2-dbut {
    margin-top: 5px;
  }

  .syy2-dbut2 {
    padding-bottom: 20px;
  }

  .footerbg {
    padding-top: 30px;
  }

  .footer-a span {
    height: 53px;
  }

  .footer-b span {
    width: 300px;
    height: 20px;
  }

  .footer-b i {
    width: 70px;
    margin-right: 10px;
  }

  .footer-b i.footer-bi2 {
    margin-left: 10px;
  }

  .footer-c {
    margin-top: 20px;
  }

  .footer-ca {
    font-size: 18px;
  }

  .footer-ca span {
    font-size: 12px;
  }

  .footer-cb {
    font-size: 12px;
    margin: 20px 0;
  }

  .footer-cc {
    width: 96px;
    font-size: 12px;
    position: static;
    margin: 0 auto 20px;
  }

  .footer-cc img {
    width: 96px;
    height: 96px;
  }

  .footer-cc p {
    padding-left: 19px;
    background-size: auto 12px;
  }

  .copy {
    padding: 12px 0;
    font-size: 12px;
  }

  .copy span {
    margin: 0 10px;
  }

  .syy2-pos {
    height: 35px;
    line-height: 35px;
  }

  .syy2-e {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
  }

  .syy2-f {
    margin-top: 30px;
  }

  .syy2-f li {
    font-size: 16px;
  }

  .syy2-f li b {
    font-size: 30px;
  }

  .syy2-f li i {
    font-size: 20px;
    right: -12px;
    top: -2px;
  }

  .syy2-h li {
    margin-top: 10px;
  }

  .syy2-i,
  .syy2-j {
    margin-top: 20px;
  }

  .syy2-l-but {
    width: 80px;
    height: 80px;
    margin-left: -40px;
  }

  .syy2-l-but span {
    width: 55px;
    height: 55px;
  }

  .syy2-l-but i {
    width: 35px;
    height: 35px;
  }

  .syy2-l {
    margin: 10px auto 50px;
  }

  .syy2-o dl dd h2 {
    font-size: 16px;
  }

  .syy2-o-dtxt {
    padding-top: 15px;
  }

  .syy2-o {
    margin-top: 0;
  }

  .syy2-p dl {
    padding-top: 30px;
  }

  .syy2-p dl dt {
    height: 60px;
  }

  .syy2-p dl dd {
    padding-top: 40px;
    font-size: 16px;
  }

  .syy2-p dl dd b {
    font-size: 36px;
    line-height: 28px;
  }

  .syy2-p dl dd i {
    font-size: 16px;
  }

  .syy2-p {
    margin-top: 20px;
  }

  .syy2-q1 ul li {
    width: 17%;
    margin: 5px 0;
  }

  .syy2-q {
    margin-top: 20px;
  }

  .syy2-r dl {
    margin-bottom: 20px;
  }

  .syy2-r dl dt {
    width: 200px;
  }

  .syy2-r dl dd {
    height: 117px;
    margin-left: 225px;
  }

  .syy2-r dl dd h2 {
    padding-top: 30px;
  }

  .syy2-r dl dd h2 a {
    font-size: 18px;
  }

  .syy2-r dl dd p {
    font-size: 14px;
  }

  .syy2-r {
    margin-top: 15px;
  }

  .syy2-s {
    margin: 30px auto;
  }

  .syy2-s dl {
    margin-bottom: 10px;
    width: 48%;
    display: inline-block;
    margin: 1%;
  }

  .syy2-s dl dt {
    padding-left: 5px;
  }

  .syy2-s dl dt::before {
    left: 15px;
    display: none;
  }

  .syy2-s dl dt a {
    font-size: 14px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

    height: 38px;
  }

  .syy2-s dl .syy2-sboxm {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-right: 0 !important;
    vertical-align: top;
  }

  .syy2-s dl .syy2-sbox {
    background-size: auto 15px;
    display: block;
    position: initial;
    height: auto;
    width: 100%;
    background: none;
    padding-top: 10px;
  }

  .syy2-s dl .syy2-sbox div {
    width: 100%;
    height: auto;
    left: auto;
    right: 30px;
    display: block;
    position: initial;
    background: none;
    box-shadow: none;
  }

  .syy2-s dl .syy2-sbox div img {
    max-width: 100%;
  }

  .syy2-mtxt {
    margin-top: 10px;
    font-size: 14px;
  }

  .syy2-pos {
    margin-top: 60px;
  }

  .syy2-ta {
    margin-right: 0;
  }

  .syy2-tb {
    position: static;
    margin-top: 30px;
  }

  .syy2-t {
    margin: 30px auto;
    min-height: auto;
  }

  .syy2-w {
    margin: 30px auto;
  }

  .syy2-w-a {
    font-size: 22px;
  }

  .syy2-w-b {
    margin-top: 15px;
    font-size: 14px;
  }

  .syy2-w-c {
    font-size: 14px;
    margin-top: 15px;
    line-height: 22px;
  }

  .syy2-w-d {
    margin: 20px 0;
  }

  .syy2-w-e {
    font-size: 16px;
  }

  .syy2-w-e span {
    padding-left: 15px;
  }

  .syy2-w-f {
    margin: 20px 0;
    font-size: 16px;
  }

  .syy2-w-d a {
    width: 100px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
  }

  .swiper-syy2wg dl {
    height: 190px;
  }

  .swiper-syy2wg dl dt {
    height: 130px;
  }

  .swiper-syy2wg dl dd {
    padding: 10px 10px 0;
  }

}

@media (max-width:750px) {
  
  .syy2-title img{
    width: 90px;
    height: auto;
  }
  .syy2-title_hswh img{
    width: 180px;
  }
  .syy2_title_hjzs img{
    width: 140px;
    height: auto;
  }
  .syy2_title_vr img{
    width: 120px;
  }
  .syy2-e-qy-title img{
    width:90px;
    height: auto;
    margin: 0 auto;
  }
  .img_p{
    display: none;
  }
  .img_m{
    display: block;
  }
  .syy2-n dl dd h2{
    margin: 5px 0px;
  }
  .font24{
    font-size: 16px !important;
  }
  .top78{
    margin-top: 20px !important;
  }
  .footerbg-left,.footerbg-right{
    margin: 0px;
    flex-basis: 100%;
    flex-shrink: 0;
    margin-top: 20px;
  }
  .cases-contact-list{
    font-size: 14px;
    height: 300px;
  }
  .syy2-p dl{
    border:none;
  }
  .syy2-mtxt-item{
    width: 50%;
  }
  .syy2-title{
    font-size: 34px;
  }
  .syy2-content-box-new{
    padding:6% 20px;
  }
  .syy2-content-new{
    margin-top: 40px;
  }
  .syy2-cb-item{
    width: 48%;
    font-size: 12px;
    padding:10px;
  }
  .syy2-cb-item-icon{
    width: 30px;
  }
  .syy2-e-new-sub-box span{
    font-size: 16px;
  }
  
  
  /* .syy2-d dl dt{
    height: 200px;
  } */
  .footerbg-left-title{
    font-size: 16px;
  }
  .footerbg-right{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
  }
  .footerbg-right .font-weight{
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
  }
  .syy2-ba-new{
    width: 100%;
  }
  .syy2-bb-new{
    display: none;
  }
  .font64{
    font-size: 18px !important;
  }
  .font44{
    font-size: 16px !important;
  }
  .font34{
    font-size:14px !important;
  }
  .syy2-ba-title{
    font-size: 24px;
  }
  .dbdh {
    z-index: 99999999999999999;
    position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 65px;
    background-color: #fff;
  }

  .dbdh ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }

  .dbdh ul li {
    width: 25%;
    height: 100%;
  }

  .dbdh ul li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .dbdh ul li a img {
    width: 31%;
  }

  .dbdh ul li a p {
    font-size: 13px;
    margin: 0px;
    color: #000;
  }

  .dbdh ul .click p {
    color: #ff0000;
  }
}

@media (max-width:650px) {
  .syy2-d{
    flex-direction: column;
    align-items: center;
  }
  .syy2-d dl{
    width: 100%;
  }
  .syy2-d dl dt {
    height: 200px;
  }
  .syy2-bam {
    padding: 0 15px;
  }

  .syy2-bb-a {
    font-size: 14px;
    padding: 15px 0;
  }

  .syy2-bb-a h2 {
    font-size: 20px;
  }

  .syy2-bb-ba {
    width: 100px;
    left: 20px;
    top: 30px;
  }

  .syy2-bb-ba dt {
    width: 96px;
    height: 96px;
  }

  .syy2-bb-ba dd {
    font-size: 12px;
  }

  .syy2-bb-bb {
    margin-left: 110px;
  }

  .syy2-bb-bb li {
    height: 65px;
  }

  .syy2-bb-bb li div {
    padding: 10px 0 0 30px;
    font-size: 14px;
  }

  .syy2-bb-bb li div span {
    font-size: 16px;
  }

  .syy2-bb-bb li div i {
    font-size: 12px;
  }

  .syy2-bb-bb li div p {
    margin-top: 0;
  }

  .syy2-bb-bb li.syy2-bb-bb-li1 div {
    background-size: auto 20px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li2 div {
    background-size: auto 20px;
    padding-left: 45px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li3 div {
    background-size: auto 15px;
  }

  .syy2-bb-bb li.syy2-bb-bb-li4 div {
    background-size: auto 13px;
    padding-left: 50px;
  }

  .syy2-ba2-a h2 {
    font-size: 22px;
  }

  .syy2-ba2-a .more {
    height: 22px;
  }

  .syy2-ba2 {
    height: 250px;
  }


  /* .syy2-d dl dt {
    height: 100px;
  } */

  .syy2-d dl dd a {
    font-size: 12px;
  }

  .syy2-c {
    margin-top: 20px;
  }

  .syy2-c span {
    margin: 6px 0;
  }

  .syy2-dbut {
    margin-top: 0;
  }

  .footer-a span {
    height: 43px;
  }

  .footer-b span {
    width: 225px;
    height: 15px;
  }

  .footer-b i {
    width: 50px;
    margin-right: 5px;
  }

  .footer-b i.footer-bi2 {
    margin-left: 5px;
  }

  .copy {
    padding: 9px 0;
  }

  .copy span {
    display: block;
    margin: 0;
  }

  .footer-ca b {
    display: block;
  }

  .syy2-f {
    margin-top: 20px;
  }

  .syy2-f li {
    font-size: 14px;
  }

  .syy2-f li b {
    font-size: 20px;
  }

  .syy2-f li i {
    font-size: 16px;
    right: -9px;
    top: -6px;
  }

  .syy2-f li p {
    margin-top: -10px;
  }

  .syy2-g {
    margin-top: 5px;
  }

  .syy2-ga li {
    padding: 7px 0 7px 15px;
  }

  .syy2-ga-but {
    width: 40px;
    height: 40px;
    bottom: -20px;
    margin-right: -20px;
    font-size: 22px;
  }

  .syy2-ga ul {
    padding: 15px 20px 30px;
  }

  .syy2-ga li::before {
    top: 14px;
  }

  .syy2-gbm {
    padding: 30px 20px 15px;
  }

  .syy2-gbm p {
    padding: 7px 0;
  }

  .syy2-h li {
    width: 100%;
    height: auto;
    min-height: 300px;
    padding-bottom: 20px;
  }

  .syy2-h li:nth-child(2) .syy2-h-li3 {
    padding-top: 10px;
  }

  .swiper-syy2i {
    width: 90%;
  }

  .swiper-syy2k {
    width: 90%;
  }

  .swiper-syy2k2 .swiper-slide::before {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
  }

  .syy2-l-but {
    top: 6%;
  }

  .syy2-l .more {
    width: 90px;
    height: 20px;
    margin-left: -45px;
    top: 70%;
  }

  .syy2-l {
    margin-bottom: 30px;
  }

  .syy2-m {
    padding-top: 20px;
  }

  .syy2-m a {
    font-size: 14px;
  }
  .syy2-m a img{
    margin: 0 auto;
    width: 60px;
  }
  .syy2-m-new a img{
    width: 50px;
  }
  .syy2-n {
    margin-top: 20px;
  }

  .syy2-n dl {
    margin-bottom: 20px;
  }

  .syy2-n dl dt {
    /* display: none; */
    width: 45%;
  }
  .syy2-n dl dd {
    height: auto;
    padding-bottom: 40px;
    margin-left:47%;
  }
  .syy2-n dl dd p{
    display: none;
  }
  .syy2-n dl dd h3 {
    font-size: 12px;
  }

  .syy2-n dl dd h2 a {
    font-size: 16px;
  }

  .syy2-o dl {
    height: auto;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 20px;
  }

  .syy2-o dl dt {
    height: 60px;
    background-size: auto 35px;
  }

  .syy2-o-dtxt {
    margin-left: 40%;
  }

  .syy2-o dl.syy2-o-dl1 .syy2-o-dtxt {
    margin-left: 35%;
  }

  .syy2-p dl {
    padding-top: 20px;
  }

  .syy2-p dl dt {
    height: 40px;
  }

  .syy2-p dl dd {
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 14px;
  }

  .syy2-p dl dd b {
    font-size: 26px;
    line-height: 18px;
  }

  .syy2-p dl dd i {
    font-size: 14px;
  }

  .syy2-p {
    margin-top: 10px;
  }

  .syy2-r dl {
    margin-bottom: 10px;
  }

  .syy2-r dl dt {
    display: none;
  }

  .syy2-r dl dd {
    height: auto;
    margin-left: 0;
    padding: 0 20px 25px;
  }

  .syy2-r dl dd h2 {
    padding-top: 15px;
  }

  .syy2-r dl dd h2 a {
    font-size: 16px;
  }

  .syy2-r dl dd .more {
    width: 80px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    right: -5px;
    bottom: 5px;
  }

  .syy2-r {
    margin-top: 10px;
  }

  .syy2-s {
    margin: 20px auto;
  }

  .syy2-tb-a dl {
    min-height: 40px;
    padding-left: 50px;
    margin-bottom: 20px;
  }

  .syy2-tb-a dl dt {
    width: 35px;
    height: 35px;
    border-width: 2px;
    background-size: auto 25px;
  }

  .syy2-tb-a dl dd p {
    font-size: 12px;
  }

  .syy2-tb-a dl dd h2 {
    font-size: 16px;
    line-height: 16px;
  }

  .syy2-tb-a dl.syy2-tb-adl4 dd h2 {
    font-size: 14px;
  }

  .syy2-tb-a dl.syy2-tb-adl3 dt {
    background-size: auto 20px;
  }

  .syy2-tb-b {
    padding: 5px 0 0 36px;
  }

  .syy2v-prev {
    background-size: auto 35px;
  }

  .syy2v-next {
    background-size: auto 35px;
  }
  .swiper-syy2v .swiper-slide {
    width: 80%;
    }
    .syy2v-next {
      right: 5%;
    }
    .syy2v-prev {
      left: 5%;
    }
  .syy2-w-a {
    font-size: 18px;
  }

  .syy2-w {
    margin: 10px auto 20px;
  }

  .swiper-syy2wg dl {
    height: 160px;
  }

  .swiper-syy2wg dl dt {
    height: 100px;
  }

  .swiper-syy2wg dl dd a {
    font-size: 12px;
  }

  .swiper-syy2wg-next {
    width: 20px;
    background-size: auto 26px;
  }

  .swiper-syy2wg-prev {
    width: 20px;
    background-size: auto 26px;
  }

}

@media (max-width:550px) {
  .syy2-d-new{
    flex-wrap: wrap;
  }
  .syy2-d-new-item{
    width: 50%;
  }
  .syy2-d-new-item:last-child{
    width: 100%;
  }
  .syy2-d-new-item:last-child img{
    width: 8%;
  }
  .nav {
    top: 55px;
  }

  .syy2-bb-ba {
    width: 80px;
  }

  .syy2-bb-ba dt {
    width: 76px;
    height: 76px;
  }

  .syy2-bb-bb {
    margin-left: 90px;
  }

  .syy2-bb-bb li div {
    font-size: 12px;
  }

  /* .syy2-d dl dt {
    height: 80px;
  } */

  .syy2-l {
    margin-bottom: 20px;
  }

  .syy2-p dl {
    padding-top: 15px;
  }

  .syy2-p dl dt {
    height: 30px;
  }

  .syy2-p dl dd {
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .syy2-p dl dd b {
    font-size: 20px;
  }

  .syy2-q1 ul li {
    width: 23%;
  }

  .swiper-syy2wg dl {
    height: 150px;
  }

  .swiper-syy2wg dl dt {
    height: 80px;
  }

  .swiper-syy2wg dl dd {
    padding: 10px 7px 0;
  }

  .swiper-syy2wg {
    width: 90%;
  }

}

@media (max-width:450px) {
  .syy2-ba2 {
    height: 200px;
  }

  .syy2-ba2-a {
    top: 70px;
  }

  /* .syy2-d dl dt {
    height: 70px;
  } */

  .syy2-d dl dd {
    padding: 10px 5px 10px;
  }

  .syy2-o-dtxt {
    margin-left: 35%;
  }

  .syy2-o dl.syy2-o-dl1 .syy2-o-dtxt {
    margin-left: 30%;
  }

  .syy2-q1 ul li {
    width: 30%;
  }

}