/** *  Master Slider Sample Skin * * This file does not load by Masterslider and is just for those who wants  * to know how skin file is structured and let them to create their own custom skin * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name *//* e60012 */

@font-face {font-family:'DIN';src:local('https://www.ydzh99.cn/fonts/DIN.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'DIN-MediumAlternate';src:local('https://www.ydzh99.cn/fonts/DIN-MediumAlternate.otf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'DINPro-Regular';src:local('https://www.ydzh99.cn/fonts/DINPro-Regular.otf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'DINPro-Bold';src:local('https://www.ydzh99.cn/fonts/DINPro-Bold.otf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'DINPro-Medium';src:local('https://www.ydzh99.cn/fonts/DINPro-Medium.otf') format('truetype');font-weight:normal;font-style:normal;}

.wrap { width: 90%;margin:0 auto;overflow:hidden;position: relative; }

.head_top{ 
  width: 100%; 
  height: 6rem; 
  line-height: 6rem; 
  background-color: #ffffff; 
  position: relative; 
  z-index: 999;
}

.head_top h2 p{
  transition: 0.3s; 
  padding-left: 2rem; 
  background: url(../image/tel.png) no-repeat left center;
  background-size: 28px 28px;

  font-family: 'MicrosoftYaHei';
  font-size: .9rem;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 36px; */
  letter-spacing: 0;
  color: #333333;
  float: left;
}
.head_top h2{ margin-left: 2.5rem; }
.head_top h2 a { margin-left: .8rem; }
.head_top .wrap{ overflow: inherit; position: inherit;}
.head_top .logo img { width: 280px;height:auto;margin:0 auto; }

.navbox li {
  float: left;
  height: 6rem;
  line-height: 6rem;
  position: relative;
}
.navbox li:not(:first-child) { margin-left: 2.5rem;}

.navbox li .js{ margin-top: 2.25rem; height:1.5rem; overflow: hidden; }
.navbox li .js>a {
  text-align: center;
  display: block;
  -webkit-transition: transform .5s;
  -ms-transition: transform .5s;
  -moz-transition: transform .5s;
  -o-transition: transform .5s;
  transition: transform 0.5s;
}
.navbox li .js>a:after {
  content: attr(data-hover);
  opacity: 0;
  -webkit-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity 0.3s;

  font-family: 'MicrosoftYaHei';
	font-size: .9rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.45rem;
	letter-spacing: 0;
	color: #d29836;
}
.navbox li.active .js>a:after,
.navbox li:hover .js>a:after {
  opacity: 1;
}
.navbox li .js:hover>a {
  color: #534a46;
}
.navbox li .js>a span {
  opacity: 1;
  display: block;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity 0.3s;

  font-family: 'MicrosoftYaHei';
	font-size: .9rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.45rem;
	letter-spacing: 0;
	color: #534a46;
}
.navbox li .js:hover>a span {
  opacity: 0;
}
.navbox li.active .js>a,
.navbox li:hover .js>a {
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.tnavbox{
  position:absolute;
  width: 200%;
  left:50%;
  top:85%;
  height:0;
  padding-top:15px; 
  text-align: center;
  z-index: 99999999;

  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
.tnav{ 
    transform:translateY(20px); 
    -webkit-transform:translateY(20px); opacity:0; 
    -ms-transform:translateY(20px);
    -moz-transform:translateY(20px); 
    -o-transform:translateY(20px); 
    transition:.5s; 
    -webkit-transition:.5s;

    background-color: rgba(255,255,255,.5);
    box-shadow: 0px 0px 20px 0px rgba(83, 74, 70, 0.18);
    opacity: 0.6;
    visibility:hidden;
    padding:1rem 0 .9rem;
}
.tnav a{ 
    display:block;
    border-bottom: 1px solid transparent;

    font-family: MicrosoftYaHei;
    font-size: .9rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .9rem;
    color: #534a46;
    
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    padding: 1rem 0;
    margin: 0 auto;
}
.tnav a:hover{ 
  color: #d29836;
  border-bottom: 1px solid #d29836;
}
.navbox li:hover .tnavbox { height:5rem; }
.navbox li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); opacity:1; visibility:visible; }

/* 小屏侧边栏导航 */
.menu-handler { float:right;display:none;cursor:pointer; }
.menu-handler span {
  width: 23px;
  height: 2px;
  background-color: #000000;
  display: block;
  margin: 6px auto;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.menu-handler.active {
  position: relative;
  width: 30px;
  height: 30px;
}
.menu-handler.active span { background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s; }
.menu-handler.active:before,.menu-handler.active:after {
  -webkit-transition-delay:0s,.3s;
  -moz-transition-delay:0s,.3s;
  -ms-transition-delay:0s,.3s;
  -o-transition-delay:0s,.3s;
  transition-delay:0s,.3s;

  position: absolute;
  content: ' ';
  background-color: #2c2c2c;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  width: 2px;
  height: 30px;
}
.menu-handler.active:before { -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); }
.menu-handler.active:after { -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); }

.menuBox a:link,.menuBox a:visited {color:#fff;}
.menuBox a:active,.menuBox a:hover {color:#d29836;}
.menuBox {background-color:#444;color:#fff;position:fixed;display:none;right:0px;top:0px;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-overflow-scrolling:touch;width:400px;z-index:980;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.menuMoblie { padding:6rem 0px 5rem;}
.menuMoblie .nav-link {
    display:block;
    padding:12px 12%;
    position:relative;
    text-align: center;
    width: 73%;

    font-size:1.5rem;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
}
.menuMoblie .nav-link.cur {background-color:#333;}
.menuMoblie .subnav {background-color:#666;padding:10px 0px;display:none;}
.menuMoblie .subnav a {
    position:relative;
    display:block;
    padding:12px 12%;
    font-size:1.4rem;
    text-align: center;
}
.pusher-black {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.4);z-index:900;visibility:hidden;filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black {visibility:visible;filter:alpha(enabled=false);/* opacity:1;*/}
.menuOpen .menuBox {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.pusher {transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;}
.menuOpen .pusher { transform:translateX(-26%);-webkit-transform:translateX(-26%); }


/*缩小停止*/
@-webkit-keyframes minus {
  from {-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);}
  to {-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);}
}
@keyframes minus {
  from {-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);}
  to {-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);}
}

.banner {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.banner .bd ul {
  width: 100% !important
}

.banner .bd li {
  width: 100% !important;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner .bd li a {
  display: block;
  width: 1400px;
  margin: 0 auto;
  height: 100%
}

.banner .hd {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.banner .hd ul {
  text-align: center;
}

.banner .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
  font-size: 0;

  height: 5px;
  width: 1.7vw;
	background-color: #d3d3d4;
}
.banner .hd ul li:not(:last-child) {
  margin-right: .5rem;
}

.banner .hd ul li {
  background-color: #d3d3d4;
}

.banner .hd ul .on {
  background-color: #d29836;
}

.banner .prev {
  left: 2.1%;
  margin-left: 10px
}

.banner .next {
  background-position: right 0;
  right: 2.1%;
  margin-right: 10px
}

.banner .prev:hover,
.banner .next:hover {
  filter: alpha(opacity=80);
  opacity: .8
}

.banner .arrow {
  position: absolute;
  top: 50%;
  margin-top: 0;
  width: 100px;
  height: 50%;
  padding: 0;
  cursor: pointer;
  transform: translate(0, -50%);
}

.banner .arrow span,
.banner .arrow span:after,
.banner .arrow span:before {
  position: absolute;
  top: 50%;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.banner .arrow span {
  margin-top: -1px;
  width: 0
}

.banner .arrow span:after,
.banner .arrow span:before {
  content: "";
  width: 30px
}

.banner .arrow img {
  width: 40px;
  height: auto;
  /* opacity: 0; */
}

.banner .arrow.btn-prev span {
  left: 50%;
  margin-left: -10px
}

.banner .arrow.btn-prev span:before {
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left
}

.banner .arrow.btn-prev span:after {
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left
}

.banner .arrow.btn-next span {
  right: 50%;
  margin-right: -10px
}

.banner .arrow.btn-next span:before {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right
}

.banner .arrow.btn-next span:after {
  right: 0;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right
}

.banner .arrow:hover span { width: 40px; }
.banner .arrow:hover.btn-prev span { margin-left: -20px; }
.banner .arrow:hover.btn-next span { margin-right: -20px; }
.banner .btn-next { right: 2.5%; }
.banner .btn-prev { left: 2.5%; }

.com-width{ margin:0 auto; width: 1400px; max-width: 96%; }

.about-intro {
  padding: 5.3rem 0 5rem;
}
.about-intro .title { width: 100%; }
.about-intro .title h2 {
  font-family: 'DIN-MediumAlternate';
	font-size: 4rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #f4f4f4;

  text-align: left;
  position: relative;
}
.about-intro .title h2 span {
  font-family: 'MicrosoftYaHei';
	font-size: 1.8rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #d29836;

  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.about-intro .title h3 {
  margin: 1.6rem auto 0;
  text-align: left;

  font-family: 'MicrosoftYaHei';
	font-size: 1.2rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #534a46;
}
.about-intro .pic {
  width: 616px;
  position: relative;
  text-align: right;
}
.about-intro .pic img {
  position: relative;
}
.about-intro .pic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8%;
  width: 100%;
  height: 100%;
  background: url(../image/intro-pic-bg.png) no-repeat left bottom;
  background-size: cover;
  -webkit-animation: about-pic 5s 0s ease both infinite;
     -moz-animation: about-pic 5s 0s ease both infinite;
          animation: about-pic 5s 0s ease both infinite;
}
.about-intro .cont {
  padding-top: 6rem;
  /* padding-left: 79px; */
  width: 48%;
  overflow: hidden;
}
.about-intro .cont .des {
  position: relative;
  margin: 3.5rem 0 2.6rem;

	font-family: 'MicrosoftYaHei';
	font-size: .9rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.4rem;
	letter-spacing: 1px;
	color: #534a46;
}
.about-intro .cont .des em {
  color: #d29836;
  font-style: normal;
}
.about-intro .cont ul li {
  float: left;
  position: relative;
  width: 33.3333%;
  text-align: center;
}
.about-intro .cont ul li ~ li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 67px;
  width: 18px;
  height: 1px;
  background-color: #dddddd;
  margin-left: -9px;
}
.about-intro .cont ul li .pic-icon {
  display: inline-block;
  font-size: 0;
  border-radius: 50%;
  background: #ffffff;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.about-intro .cont ul li:hover .pic-icon {
  box-shadow: 0px 0px 10px 1px 
		rgba(210, 152, 54, 0.3);
  -webkit-transform:translate3d(0, -2px, 0);
  transform:translate3d(0, -2px, 0);
}
.about-intro .cont ul li .pic-icon img {
  width: 100%;
}
.about-intro .cont ul li h4 {
  font-size: .9rem;
  color: #333;
  margin-top: 1.4rem;
  margin-bottom: 3px;
}

.service,.advantage {
  width: 100%;
}
.wrap_service,.wrap_advantage {
  max-width: 1720px;
  width: 96%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.title_en_cn h1 {
  font-family: 'DIN-MediumAlternate';
	font-size: 4rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #f4f4f4;
  text-align: center;
  position: relative;
}
.title_en_cn h1 span {
	font-family: 'MicrosoftYaHei';
	font-size: 1.8rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #d29836;

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.title_en_cn h2 {
  font-family: 'MicrosoftYaHei';
	font-size: 1.2rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #534a46;
  text-align: center;
  margin:1.5rem auto 0;
  max-width: 80%;
}
.service .prev,.wrapper .prev {
  background: url(../image/adv_l1.png) no-repeat center;
  background-size: contain;
  width: 12px;
  height: 33px;

  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
}
.service .prev:hover,.wrapper .prev:hover {
  background-image: url(../image/adv_l2.png);
}
.service .next,.wrapper .next {
  background: url(../image/adv_r1.png) no-repeat center;
  background-size: contain;
  width: 12px;
  height: 33px;

  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
}
.service .next:hover,.wrapper .next:hover {
  background-image: url(../image/adv_r2.png);
}
.wrap_advantage {
  width: 1720px;
  max-width: 96%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.advantage ul {
  width: 100%;
  margin: 80px auto 131px;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;

  background: url(../image/bg.png) no-repeat center;
  background-size: contain;
  border-radius: 30px;
  overflow: hidden;
}

.advantage ul li {
  /* width: 572px; */
  /* height: 348px; */
  background-color: #9da1ac;
	opacity: 0.6;
  /* margin-right: 2px; */
  margin-bottom: 2px;
  position: relative;
  transition: all .8s;
}
.advantage ul li:nth-child(3n){
  margin-right: 0;
}
.advantage ul li:nth-child(n+3) {
  margin-bottom: 0;
}
.advantage ul li:hover {
  background-color: #ffffff;
}
.advantage ul li:nth-child(1),.advantage ul li:nth-child(4) {
  margin-left: 1px;
}
.advantage ul li div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.advantage ul li div span {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.advantage ul li:first-child div span { background: url(../image/bai1.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(2) div span { background: url(../image/bai2.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(3) div span { background: url(../image/bai3.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(4) div span { background: url(../image/bai4.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(5) div span { background: url(../image/bai5.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(6) div span { background: url(../image/bai6.png) no-repeat center;background-size: contain; }
.advantage ul li:first-child:hover div span { background: url(../image/jin1.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(2):hover div span { background: url(../image/jin2.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(3):hover div span { background: url(../image/jin3.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(4):hover div span { background: url(../image/jin4.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(5):hover div span { background: url(../image/jin5.png) no-repeat center;background-size: contain; }
.advantage ul li:nth-child(6):hover div span { background: url(../image/jin6.png) no-repeat center;background-size: contain; }
.advantage ul li div h3 {
  margin-top: 30px;

  font-family: 'MicrosoftYaHei';
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 1px;
	color: #ffffff;
}
.advantage ul li:hover div h3 {
  color: #be8a40;
}
.wrap_news{
  width: 1720px;
  max-width: 96%;
}
.footer {
  width: 100%;
  margin: 0 auto;
  background-color: #534a46;
  padding: 3rem 0 1.5rem;
}
.footer .wrap_footer{
  width: 90%;
  margin: 0 auto;
}
.footer img {
  width: 280px;
  height: auto;
}
.footer ul {
  margin-top: 2.7rem;
}
.footer ul.fl {
  max-width: 30%;
}
.footer ul.fl li,
.footer ul.fr li a {
  font-family: 'MicrosoftYaHei';
	font-size: .9rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
}
.footer ul li:hover a {
  color: #be8a40;
}
.footer ul.fl li:not(:first-child),
.footer ul.fr li:not(:first-child) {
  margin-top: 1.2rem;
}
.footer ul.fr {
  margin-right: 7vw;
}
.footer .footer_bottom{
  margin-top: 4rem;
  width: 100%;
  text-align: center;
}
.footer .footer_bottom p span,
.footer .footer_bottom p a {
  font-family: 'MicrosoftYaHei';
	font-size: .7rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #ffffff;
}
.footer .footer_bottom p a:hover {
  color: #be8a40;
}

@media screen and (max-width:1920px) {
  .banner .hd { top: 648px; }
  .banner .bd li a { width: 1400px; }
}

@media screen and (max-width:1700px) {
  .navbox li:not(:first-child) { margin-left: 2.1rem; }
}

@media screen and (max-width: 1440px) {
  .head_top .logo img { width: 220px; }
  .head_top h2 { margin-left: 1.8rem; }
  .navbox li:not(:first-child) { margin-left:1.8rem; }

  .com-width { width: 90%; }
  .about-intro .cont { padding-top: 0; }
  .about-intro .pic { width: 44%; }

  .banner .hd { top: 480px; }
  .banner .bd li a { width: 1200px; }
  .footer img { width: 220px; }
}

@media screen and (max-width:1200px) {
  .head_top h2 p { font-size:1rem; }
  .head_top .logo img { height: 60px;width:auto;position: absolute;top: 20px;left: 50%; transform: translate(-50%, 0);vertical-align: middle; }
  .navbox li:not(:first-child) { margin-left: 2.3rem; }
  .navbox { display: none; }
  .menu-handler, .menuBox{ display: block; }
  .banner{ display: none; }

  .about-intro .title h2 { text-align: center;font-size: 3rem; }
  .about-intro .title h2 span { left: 50%;transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
  .about-intro .title h3 { margin: 1rem auto 0;text-align: center; }
  .about-intro .pic { display:none; }
  .about-intro .cont { width: 100%; }
  .about-intro .cont .des { margin: 2rem 0 2rem;line-height: 1.6rem; }
  .about-intro .cont ul li h4 {
    font-size: 1.2rem;;
  }

  .advantage ul li div span { width:60px;height:60px; }
  .advantage ul li div h3 { font-size: 20px }

  .banner .bd li a { width: 1000px; }
  .footer ul.fr { margin-right: 4vw; }
}

@media screen and (max-width:1080px) {
  .head_top h2 p { background-image: none; }
}

@media screen and (max-width:750px) {
  .head_top h2 p { display: none; }

  .about-intro .title h2 { font-size: 4.28rem; }
  .about-intro .title h2 span { font-size: 1.85rem; }
  .about-intro .title h3 { font-size: 1.42rem;line-height: 3.4rem; }
  .about-intro .cont .des { font-size: 1.42rem; }
  .about-intro .cont ul li .pic-icon { font-size: 1.42rem; }

  .advantage ul li div span { width:40px;height:40px; }
  .advantage ul li div h3 { font-size: 18px }
}

/*呼吸效果*/
@-webkit-keyframes about-pic {
  from { -webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(20deg);transform: rotate(20deg); }
  to { -webkit-transform: rotate(0);transform: rotate(0); }
}
@keyframes about-pic {
  from { -webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(20deg);transform: rotate(20deg); }
  to { -webkit-transform: rotate(0);transform: rotate(0); }
}

.lazy {
  background: url("../image/loading.gif") 50% 50% no-repeat
}