@charset "utf-8";
/*网站变灰

 body,html{
    -webkit-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
}*/

/** Generated by FG **/
@font-face {
  font-family: 'g_weiler';
  src: url('fonts/haettenschweiler.eot');
  src: local('☺'), url('fonts/haettenschweiler.woff') format('woff'), url('fonts/haettenschweiler.ttf') format('truetype'), url('fonts/haettenschweiler.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HCN';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/helveticaneueltpro-cn.eot');
  src: url('fonts/helveticaneueltpro-cn.woff2') format('woff2'),
    url('fonts/helveticaneueltpro-cn.woff') format('woff'),
    url('fonts/helveticaneueltpro-cn.ttf') format('truetype'),
    url('fonts/helveticaneueltpro-cn.svg#helveticaneueltpro-cn') format('svg'),
    url('fonts/helveticaneueltpro-cn.eot') format('embedded-opentype');

}



/** Generated by FG **/

@font-face {
  font-family: 'w97';
  src: url('fonts/helvetica lt 97 black condensed oblique.eot');
  src: local('☺'), url('fonts/helvetica lt 97 black condensed oblique.woff') format('woff'), url('fonts/helvetica lt 97 black condensed oblique.ttf') format('truetype'), url('fonts/helvetica lt 97 black condensed oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}







@font-face {
  font-family: 'TB';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/trumpgothiceast_bold-webfont.eot');
  src: url('fonts/trumpgothiceast_bold-webfont.eot') format('embedded-opentype'),
    url('fonts/trumpgothiceast_bold-webfont.woff2') format('woff2'),
    url('fonts/trumpgothiceast_bold-webfont.woff') format('woff'),
    url('fonts/trumpgothiceast_bold-webfont.ttf') format('truetype');
}



@font-face {
  font-family: 'HHC';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/helveticaneueltpro-hvcn.eot');
  src: url('fonts/helveticaneueltpro-hvcn.woff2') format('woff2'),
    url('fonts/helveticaneueltpro-hvcn.woff') format('woff'),
    url('fonts/helveticaneueltpro-hvcn.ttf') format('truetype'),
    url('fonts/helveticaneueltpro-hvcn.svg#helveticaneueltpro-hvcn') format('svg'),
    url('fonts/helveticaneueltpro-hvcn.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'RL';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/roboto-light-webfont.eot');
  src: url('fonts/roboto-light-webfont.woff') format('woff'),
    url('fonts/roboto-light-webfont.ttf') format('truetype'),
    url('fonts/roboto-light-webfont.svg') format('svg');
}



@font-face {
  font-family: 'HT';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/helveticaneueltpro-thex.eot');
  src: url('fonts/helveticaneueltpro-thex.woff') format('woff'),
    url('fonts/helveticaneueltpro-thex.ttf') format('truetype'),
    url('fonts/helveticaneueltpro-thex.svg') format('svg');
}



@font-face {
  font-family: 'HLE';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/helveticaneueltpro-lte.eot');
  src: url('fonts/helveticaneueltpro-ltex.woff') format('woff'),
    url('fonts/helveticaneueltpro-ltex.ttf') format('truetype'),
    url('fonts/helveticaneueltpro-lte.woff2') format('woff2'),
    url('fonts/helveticaneueltpro-ltex.svg#helveticaneueltpro-ltex') format('svg');
}



@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  /* IE9*/
  src: url('fonts/iconfont.eot') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/iconfont.woff') format('woff'),
    /* chrome, firefox */
    url('fonts/iconfont.ttf') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('fonts/iconfont.svg') format('svg');
  /* iOS 4.1- */

}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_QUARTO-BOLD';
  src: url('fonts/quarto-bold.eot');
  src: local('☺'), url('fonts/quarto-bold.woff') format('woff'), url('fonts/quarto-bold.ttf') format('truetype'), url('fonts/quarto-bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_Gok stencil';
  src: url('fonts/gok¨² stencil.eot');
  src: local('☺'), url('fonts/gok¨² stencil.woff') format('woff'), url('fonts/gok¨² stencil.ttf') format('truetype'), url('fonts/gok¨² stencil.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_GOKÚ STENCIL';
  src: url('fonts/gokú stencil.eot');
  src: local('☺'), url('fonts/gokú stencil.woff') format('woff'), url('fonts/gokú stencil.ttf') format('truetype'), url('fonts/gokú stencil.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_MYRIADPRO-SEMIEXTIT';
  src: url('fonts/myriadpro-semiextit.eot');
  src: local('☺'), url('fonts/myriadpro-semiextit.woff') format('woff'), url('fonts/myriadpro-semiextit.ttf') format('truetype'), url('fonts/myriadpro-semiextit.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';
  src: url('fonts/myriadpro-lightcondit.eot');
  src: local('☺'), url('fonts/myriadpro-lightcondit.woff') format('woff'), url('fonts/myriadpro-lightcondit.ttf') format('truetype'), url('fonts/myriadpro-lightcondit.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_ELEPHNT';
  src: url('fonts/elephnt.eot');
  src: local('☺'), url('fonts/elephnt.woff') format('woff'), url('fonts/elephnt.ttf') format('truetype'), url('fonts/elephnt.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/** Generated by FG **/

@font-face {
  font-family: 'Conv_COPRGTL';
  src: url('fonts/coprgtl.eot');
  src: local('☺'), url('fonts/coprgtl.woff') format('woff'), url('fonts/coprgtl.ttf') format('truetype'), url('fonts/coprgtl.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.iconfont {
  font-family: 'iconfont' !important;
  font-size: 20px;
  font-style: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.newservicef .iconfont {
  color: #000000;
}
.newservicef .section7 .iconfont {
  color: #999;
}
.icon-weibo:before {
  content: '\e60a';
}
.icon-weixin:before {
  content: '\e64b';
}
.icon-sousuo:before {
  content: '\e617';
}
.icon-jiantou:before {
  content: '\e621';
}
.icon-ar:before {
  content: '\e6e4';
}
.icon-yinhao:before {
  content: '\e60e';
}
.icon-youxiang:before {
  content: '\e6c9';
}
.icon-al:before {
  content: '\e6e5';
}



/*第一类pc版头部*/

.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 144px;
  opacity: 1;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}
.header .logo {
  width: auto;
  height: 100%;
  padding-top: 38px;
  padding-left: 80px;
}
.header .logo img {
  width: 305px;
}
.header .navdiv {
  position: absolute;
  top: 0;
  right: 150px;
  padding-top: 37px;
}
.header .option {
  margin-bottom: 23px;
  padding-left: 27px;
  font-family: 'RL';
}
.header .option span,
.header .option span a {
  vertical-align: middle;
  color: #fff;
  font-family: 'Felix Titling';
}
.header .option .icon-zuobiao {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  vertical-align: text-bottom;
  font-size: 20px;
}
.header .option .icon-jiantou {
  margin-left: 4px;
  font-size: 14px;
}
.header .option .tel {
  margin-right: 55px;
  /* font-family: 'Conv_ELEPHNT'; */
  font-size: 20px;
  letter-spacing: .5px;
}
.header .option .icon-youxiang {
  display: inline-block;
  margin-right: 14px;
  font-size: 28px;
}
.header .option .icon-youxiang:hover {
  color: #ff4343;
}
.header .option .icon-yingwen {
  display: inline-block;
  font-size: 26px;
}
.header .option .icon-yingwen:hover {
  color: #ff4343;
}
.header .navdiv nav li {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, .2);
}
/* .header .navdiv nav li:nth-last-child(2), */
.header .navdiv nav li:last-child {
  border-right: none;
}
/* .header .navdiv nav ul >li:last-child
{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
}
.header .navdiv nav li:last-child >a::after{
    display: none;
} */
.header .navdiv nav li {
  padding-right: 26px;
  padding-left: 26px;
}
.header .navdiv nav ul>li>a {
  display: block;
  font-size: 22px;
  color: #fff;
  position: relative;
}

.header .navdiv nav>li>a {
  transition: none ease-out .3s;
  transition-property: none;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: color, background, text-indent, opacity;
}
.header .navdiv nav ul>li>a::after {
  content: '';
  position: absolute;
  /* top: 50%;*/
  bottom: -5px;
  left: 0px;
  width: 0;
  height: 1px;
  /*margin-left: -5%;*/
  background-color: #ff4343;
  /*-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;*/
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
}
.header .navdiv nav ul>li>a:hover::after {
  width: 20px;
  opacity: 1;
}
.m_close img {
  transition: all 0.36s;
}
.m_close img:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.header .navdiv nav ul>li>a:hover {
  color: #ff4343;
}
.header .navdiv nav ul>li.on>a::after {
  width: 20px;
  opacity: 1;
}
.header .navdiv nav ul>li.on>a {
  color: #ff4343;
}
.header .navdiv nav ul>li:last-child>a {
  padding-right: 0;
  padding-left: 0;
}
.header.act {
  height: 0px;
  opacity: 0;
}

/*第一类pad端头部*/

.padph {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  height: 115px;
}
.phon_btn {
  width: 100%;
  height: 115px;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}
.phon_btn .phon_btna {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 140px;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.phon_btn .phon_btna img {
  width: 100%;
}
.phon_btn .phon_menu {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.phon_btn .phon_menu .navbtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.phon_btn .phon_menu .navbtn span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 30px;
  height: 1px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  background: #ffffff;
}
.phon_btn .phon_menu .navbtn span::before,
.phon_btn .phon_menu .navbtn span::after {
  content: '';
  position: absolute;
  left: 0;
  width: 30px;
  height: 1px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  background: #ffffff;
}
.phon_btn .phon_menu .navbtn span::before {
  top: -13px;
}
.phon_btn .phon_menu .navbtn span::after {
  top: 13px;
}
.phon_btn .phon_menu .navbtn:hover span {
  background: transparent;
}
.phon_btn .phon_menu .navbtn:hover span::before {
  top: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.phon_btn .phon_menu .navbtn:hover span::after {
  top: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.padph.act .phon_btn {
  opacity: 0;
  height: 0px;
}

/*头部效果*/
.padph.act .phhead {
  opacity: 1;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}
.phhead {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 90px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}
.phhead .phon_btnb {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.phhead .phon_btnb .navbtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.phhead .phon_btnb .navbtn span {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  width: 30px;
  height: 1px;
  background: #424141;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.phhead .phon_btnb .navbtn span::before,
.phhead .phon_btnb .navbtn span::after {
  content: '';
  position: absolute;
  left: 0;
  width: 30px;
  height: 1px;
  background: #424141;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.phhead .phon_btnb .navbtn span::before {
  top: -13px;
}
.phhead .phon_btnb .navbtn span::after {
  top: 13px;
}
.phhead .phon_btnb .navbtn:hover span {
  background: transparent;
}
.phhead .phon_btnb .navbtn:hover span::before {
  top: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.phhead .phon_btnb .navbtn:hover span::after {
  top: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.phhead .caselogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.phhead .caselogo img {

  width: 138px;

}

.phhead .phsearch {

  position: absolute;

  top: 50%;

  left: 15px;



  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

.phhead .phsearch a span {

  font-size: 30px;

  color: #000201;

}

/*下拉导航*/

.oh {

  overflow: hidden
}

#burger-menu {

  position: fixed;

  left: -100%;

  top: 0px;

  z-index: 201;



  width: 100%;

  height: 100%;

  background: #181723;



  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

#burger-menu .nav_close {

  position: absolute;

  top: 60px;

  right: 60px;

  z-index: 1;



  width: 26px;



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

#burger-menu .nav_close:hover {

  transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

}

#burger-menu .nav_close img {

  width: 100%;

  cursor: pointer;

}

#burger-menu-bg-wrap {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center
}

#burger-menu-bg-wrap, .burger-menu-bg {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

.burger-menu-bg {

  transform: scale(1.1);

  -webkit-transition: all .4s ease 0s;

  -moz-transition: all .4s ease 0s;

  -ms-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s;

}

.burger-menu-bg img {

  position: absolute;

  top: 50%;

  left: 50%;



  transform: translate3d(-50%, -50%, 0);

  -webkit-transition: all .4s ease 0s;

  -moz-transition: all .4s ease 0s;

  -ms-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s;

  opacity: 0;

}

#burger-menu-bg-0 {

  max-width: 100%;

}

#burger-menu-bg-1 {

  max-width: 100%;

}

#burger-menu-bg-2 {

  max-width: 100%;

}

#burger-menu-bg-3 {

  max-width: 100%;

}

#burger-menu-bg-4 {

  max-width: 100%;

}

#burger-menu-list {

  padding: 0 0 2vw;



  text-align: center
}

.burger-menu-link-wrap {

  display: block;

  margin: 30px 0;



  color: #fff;

  font-size: 40px;

}

.burger-menu-link {

  position: relative;



  display: inline-block;

  letter-spacing: 3px;



  transform: translate3d(0, -110%, 0);

  -webkit-transition: all .4s ease .5s;

  -moz-transition: all .4s ease .5s;

  -ms-transition: all .4s ease .5s;

  -o-transition: all .4s ease .5s;

  transition: all .4s ease .5s;

}

.burger-menu-link a {

  color: #ffffff;

}

.burger-menu-link:hover a {

  color: #ff4343;

}

.burger-menu-share-wrap {

  position: absolute;

  bottom: 3.5vw;

  left: 0;

  right: 0;



  font-family: trump-gothic-pro;

  font-size: calc(.9rem + .2vw);

  letter-spacing: 1px;

  color: #fff;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  overflow: hidden;

}

.burger-menu-share-wrap li {

  float: left;

  list-style: none;

  margin: 0 25px;



  transform: translate3d(0, 100%, 0);

  -webkit-transition: all .4s ease .5s;

  -moz-transition: all .4s ease .5s;

  -ms-transition: all .4s ease .5s;

  -o-transition: all .4s ease .5s;

  transition: all .4s ease .5s;

}

.burger-menu-share-wrap li a {

  color: #ffffff;

}

.burger-menu-share-wrap li a:hover {

  color: #ff4343;

}

.burger-menu-share-wrap .icon-zuobiao {

  display: inline-block;

  margin-right: 4px;

  margin-bottom: 4px;



  font-size: 21px;

}

.burger-menu-share-wrap .icon-youxiang {

  display: inline-block;



  font-size: 24px;

}

.burger-menu-share-wrap .icon-sousuo {

  font-size: 20px;

}

/*手机版下拉导航*/

.phone_nav {

  display: none;

  width: 100%;

  height: 100%;



  padding: 36px 15px 0 15px;



  background-color: #181723;

}

.phone_nav>h4 {

  margin-bottom: 12px;



  text-align: center;

}

.phone_nav>h4 img {

  width: 170px;

}

.phone_nav .ul1 li {

  text-align: center;

}

.phone_nav .ul1 {

  height: calc(100vh - 36px - 26px - 12px - 14px - 70px);

  margin-top: 12px;

}

@media screen and (min-width: 768px) {
  .xialaph .container {
    width: 100%;
    padding: 0 20px;
  }

}

.xialaph h4 {

  position: relative;

}

.xialaph h4 a {
  display: block;
  font-size: 18px;

  color: #fff;

  line-height: 59px;

}

.xialaph h4 img {

  position: absolute;

  top: 50%;

  right: 0px;



  width: 20px;



  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  cursor: pointer;

}

.xialaph h4::after {

  content: '';



  position: absolute;

  bottom: 0;

  left: 0;



  width: 100%;

  height: 1px;



  opacity: .1;

  background-color: #e5e5e5;

}

.xialaph .ul2 {

  display: none;



  padding-top: 7px;

  padding-bottom: 8px;

}

.xialaph h5 a {

  font-size: 16px;

  color: #fff;

  line-height: 40px;

}

.xialaph h5 {

  position: relative;

}

.xialaph h5::after {

  content: '';



  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;



  height: 1px;

  opacity: .05;

  background-color: #fff;

}

.xialaph h4.active {

  border-bottom: 0;

}

.xialaph h4.active img.img_s {

  display: none;

}

.xialaph h4.active img.img_d {

  display: block;

}

/*搜索页面*/

.search {

  position: fixed;

  top: 0px;

  left: -100%;

  width: 100%;

  height: 100%;

  z-index: 302;



  padding: 30px 15px 0;

  background-color: rgba(24, 23, 35, .98);



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.search .pcbb {

  position: absolute;

  top: 0px;

  left: 0px;



  width: 100%;

  height: 100%;

}

.search .pcs_close {

  position: absolute;

  top: 64px;

  right: 73px;



  cursor: pointer;



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.search .pcs_close:hover {

  transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

}

.search .pcs_close img {

  width: 26px;

}

.search .pcsearch {

  position: absolute;

  left: 50%;

  top: 50%;



  max-width: 100%;



  text-align: center;



  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.search .pcsearch .pstitle {

  margin-bottom: 35px;

}

.search .pcsearch .pstitle img {

  width: 300px;

}

.search .pcsearch h5 {

  margin-bottom: 90px;



  font-size: 28px;

  color: #ffffff;

  text-transform: uppercase;

  /* font-family: 'Century Gothic'; */

  font-family: '微软雅黑';

}

.search .pcsearch .sebox {

  width: 850px;

  max-width: 100%;



  margin-bottom: 80px;

}

.search .pcsearch .sebox input {

  float: left;



  width: calc(100% - 96px);

  height: 80px;



  padding-left: 30px;

  margin-right: 17px;



  background-color: #fff;

  color: #9d9393;

  font-size: 18px;

}

.search .pcsearch .sebox span {

  display: inline-block;

  width: 79px;

  height: 79px;



  background-color: #ff4343;

  text-align: center;

  line-height: 79px;

  cursor: pointer;

}

.search .pcsearch .seword {

  text-align: center;

}

.search .pcsearch .seword ul li {

  display: inline-block;

  padding: 0 15px;



  font-size: 16px;

  font-family: "Microsoft JhengHei";

}

.search .pcsearch .seword ul li a {

  color: #e2e2e2;

}

.search .pcsearch .seword ul li a:hover {

  color: #ff4343;

}

.search .phsearch {

  display: none;

}

.search .phsearch input {

  width: 84%;

  height: 45px;
  padding-left: 20px;
  color: #515151;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 8px;
}
.search .phsearch .seclose {
  position: absolute;
  top: 49px;
  right: 46px;
  color: #b9b9b9;
  cursor: pointer;
}
.search .phsearch ul {
  padding-top: 15px;
}
.search .phsearch ul li {
  padding: 12px 0;
}
.search .phsearch ul li a {
  font-size: 16px;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
}
.search .phsearch .searching {
  margin: 20px 0;
}
.search .phsearch .searching button {
  width: 118px;
  height: 48px;
  font-family: "Microsoft JhengHei";
  font-size: 18px;
  border-radius: 8px;
}
.search .phsearch .searching a:nth-child(1) button {
  background-color: #ffffff;
  color: #464646;
  margin-right: 5px;
}
.search .phsearch .searching a:nth-child(2) button {
  border: 1px solid #ffffff;
  color: #ffffff;
}
/*侧边按钮*/
.section .broadback {
  position: absolute;
  top: 90px;
  left: 19px;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: all .1s linear 0s;
  -moz-transition: all .1s linear 0s;
  -ms-transition: all .1s linear 0s;
  -o-transition: all .1s linear 0s;
  transition: all .1s linear 0s;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
}

.section .broadback.act {

  position: fixed;



  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);



  opacity: 1;

}

.section .broadback span {

  color: #9a9a9a;

  font-size: 16px;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.section .broadback:hover span {

  color: #ff4343;

  font-size: 20px;

}

.section .navbtn {

  position: absolute;

  top: 177px;

  left: 19px;

  z-index: 100;



  width: 20px;

  height: 16px;



  cursor: pointer;



  -webkit-transition: all .2s linear 0s;

  -moz-transition: all .2s linear 0s;

  -ms-transition: all .2s linear 0s;

  -o-transition: all .2s linear 0s;

  transition: all .2s linear 0s;



  -webkit-transform: translateX(-100px);

  -moz-transform: translateX(-100px);

  -ms-transform: translateX(-100px);

  -o-transform: translateX(-100px);

  transform: translateX(-100px);



  opacity: 0;

}

.section .navbtn.act {

  position: fixed;



  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);



  opacity: 1;

}

.section .broadsearch {

  position: absolute;

  top: 255px;

  left: 19px;

  z-index: 100;



  cursor: pointer;



  -webkit-transition: all .3s linear 0s;

  -moz-transition: all .3s linear 0s;

  -ms-transition: all .3s linear 0s;

  -o-transition: all .3s linear 0s;

  transition: all .3s linear 0s;



  -webkit-transform: translateX(-100px);

  -moz-transform: translateX(-100px);

  -ms-transform: translateX(-100px);

  -o-transform: translateX(-100px);

  transform: translateX(-100px);



  opacity: 0;

}

.section .broadsearch.act {

  position: fixed;



  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);



  opacity: 1;

}

.section .broadsearch span {

  color: #9a9a9a;

  font-size: 18px;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.section .broadsearch:hover span {

  color: #ff4343;

  font-size: 20px;

}

/* .section.bgat .navbtn{

    top: 90px;  

} */

/* .section.bgat .broadsearch{

    top: 177px;

} */

.broadside .broadback {

  position: absolute;

  top: 107px;

  left: 50%;

  transform: translateX(-50%);



  width: 20px;

  cursor: pointer;

}

.broadside .broadback span {

  color: #9a9a9a;

  font-size: 16px;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.broadside .broadback:hover span {

  color: #ff4343;

  font-size: 20px;

}

.broadside .navbtn {

  position: absolute;

  top: 195px;

  left: 50%;

  transform: translateX(-50%);



  width: 19px;

  height: 16px;

  cursor: pointer;

}

.section .navbtn span,

.broadside .navbtn span {

  position: absolute;

  top: 50%;

  left: 0;



  display: block;

  width: 19px;

  height: 1px;



  background: #9a9a9a;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.section .navbtn span::before,

.section .navbtn span::after,

.broadside .navbtn span::before,

.broadside .navbtn span::after {

  content: '';



  position: absolute;

  left: 0;



  width: 19px;

  height: 1px;



  background: #9a9a9a;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.section .navbtn span::before,

.broadside .navbtn span::before {

  top: -6px;

}

.section .navbtn span::after,

.broadside .navbtn span::after {

  top: 6px;

}

.section .navbtn:hover span,

.broadside .navbtn:hover span {

  background: #ff4343;

}

.section .navbtn:hover span::before,

.broadside .navbtn:hover span::before {

  top: -8px;

  background: #ff4343;

}

.section .navbtn:hover span::after,

.broadside .navbtn:hover span::after {

  top: 8px;

  background: #ff4343;

}

.broadside .broadsearch {

  position: absolute;

  top: 273px;

  left: 50%;

  transform: translateX(-50%);

  width: 20px;

  cursor: pointer;

}

.broadside .broadsearch span {

  color: #9a9a9a;

  font-size: 18px;



  -webkit-transition: all .1s linear 0s;

  -moz-transition: all .1s linear 0s;

  -ms-transition: all .1s linear 0s;

  -o-transition: all .1s linear 0s;

  transition: all .1s linear 0s;

}

.broadside .broadsearch:hover span {

  color: #ff4343;

  font-size: 20px;

}

/*脚部*/

footer {

  position: relative;



  height: 30vh;

}

footer p {

  position: absolute;

  bottom: 37px;

  left: 85px;



  letter-spacing: .4px;



  color: #fff;

  font-size: 14px;

}

footer p a {

  color: #fff;

}

footer p a:hover {

  color: #ff4343;

}

/*第二套脚部*/

footer.spfo {
  height: auto;
  padding: 64px 110px 80px 160px;
  background-color: #d7d7d7;

}

footer .focon_fl {
  position: relative;
  width: 50%;
  height: 400px;
  background-color: #fff;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
footer .focon_fl a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
footer .fodiv {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-bottom: 85px;
  text-align: center;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

footer .fodiv h3 {

  margin-bottom: 40px;



  font-family: "Microsoft JhengHei";

  font-size: 24px;

  color: #848484;

}

footer .fodiv .gx_tirlx {

  position: relative;



  font-family: 'Conv_QUARTO-BOLD';

  font-size: 48px;

  color: #333333;

  letter-spacing: 1px;

  text-transform: uppercase;

}

footer .fodiv .gx_tirlx:before {

  content: '';



  position: absolute;

  top: 50%;

  left: 0px;



  width: 0px;

  height: 2px;



  margin-left: -5%;



  background-color: #333333;



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

footer .fodiv:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 34px;

  height: 34px;

  background: url(next.png) no-repeat;

  background-size: cover;



  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

footer .focon_fl:before {

  content: '';



  position: absolute;

  top: 18px;

  left: 2.75%;



  width: 0;

  height: 1px;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}
footer .focon_fl:after {
  content: '';
  position: absolute;
  top: 14.8%;

  right: 2.75%;



  width: 1px;

  height: 0;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}



footer .focon_fl a:before {

  content: '';



  position: absolute;

  bottom: 18px;

  right: 2.75%;

  z-index: 1;



  width: 0;

  height: 1px;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}
footer .focon_fl a:after {

  content: '';



  position: absolute;

  bottom: 14.8%;

  left: 2.75%;

  z-index: 1;



  width: 1px;

  height: 0;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}
footer .focon_fl.focon_sp {

  background-color: #e84046;

}

footer .focon_fl.focon_sp h3 {

  color: #fff;

}

footer .focon_fl.focon_sp .gx_tirlx {

  color: #fff;

}

footer .focon_fl.focon_sp .fodiv h1:before {

  background-color: #fff;

}

footer .focon_fl.focon_sp .fodiv:after {

  background: url(arryuan.png) no-repeat;

  background-size: cover;

}

footer.spfo p {

  left: 160px;

  color: #aaaaaa;

}

footer.spfo p a {

  color: #aaaaaa;

}

.index .section {

  position: relative;

}

.main-container {

  position: relative;



  max-width: 1600px;

  margin-right: 50px;

  padding-left: 55px;



  background: #fff;

}

/*首页*/

.index .video {

  position: relative;



  width: 100%;

  height: 100vh;



  background: url(screen.png) no-repeat;

}

.index .video .video_title {

  position: absolute;

  top: 55%;

  left: 78%;

  z-index: 1;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);



  -webkit-transition: all .4s ease 0s;

  -moz-transition: all .4s ease 0s;

  -ms-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s;

}

.index .video .video_title .video_txt {

  position: relative;



  width: 365px;

  /*height: 380px;*/

  overflow: hidden;

}

.s-t-12z, .s-t-12y, .s-t-13 {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

}

.index .video .video_txt .s-t-1 {

  margin-bottom: 26px;

  -webkit-animation: fadeInDown .7s ease both;

  animation: fadeInDown .7s ease both;

  animation-delay: 1.4s;

  position: relative;

  width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.s-t-12z {

  -webkit-animation: fadeInLeft .7s ease both;

  animation: fadeInLeft .7s ease both;

  animation-delay: 1.4s;

}

.s-t-12y {

  -webkit-animation: fadeInRight .7s ease both;

  animation: fadeInRight .7s ease both;

  animation-delay: 1.4s;

}

.s-t-13 {

  -webkit-animation: fadeInUp .7s ease both;

  animation: fadeInUp .7s ease both;

  animation-delay: 1.4s;

}

.video_titlebox {

  /*-webkit-animation: rubberBand .9s ease both;

    animation: rubberBand .9s ease both;

    animation-delay: 1.2s; */

  /*overflow: hidden;*/

}

.index .video .video_txt .s-t-2 {

  position: absolute;

  top: 73px;

  left: 50%;

  width: 328px;

  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);



}

.index .video .video_txt .s-t-2 img {

  display: block;

  width: 100%;

  left: 0;

  top: 0;

}

.g_stb, .g_stc, .g_std {

  position: absolute;

}

.g_sta {

  position: relative;

  -webkit-animation: fadeInUp .7s ease both;

  animation: fadeInUp .7s ease both;

  animation-delay: 0.2s;

}

.g_stb {

  -webkit-animation: fadeInUp .7s ease both;

  animation: fadeInUp .7s ease both;

  animation-delay: 0.3s;

}

.g_stc {

  -webkit-animation: fadeInUp .7s ease both;

  animation: fadeInUp .7s ease both;

  animation-delay: 0.4s;

}

.g_std {

  -webkit-animation: fadeInUp .7s ease both;

  animation: fadeInUp .7s ease both;

  animation-delay: 0.5s;

}

.index .video .video_txt .s-t-3 {

  position: absolute;

  top: 218px;

  left: 50%;



  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.index .video .video_txt .s-t-3 img {
  -webkit-animation: bounceInUp .9s ease both;
  animation: bounceInUp .9s ease both;
  animation-delay: 0.5s;
}
.index .video .video_txt .s-t-4 {
  -webkit-animation: slideInUp 1s ease both;
  animation: slideInUp 1s ease both;
  animation-delay: 1.8s;
}
.index .video .videocon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index .videocon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
/* .index .videocon video{

    width: 100%;

} */
.index .phbanner {
  display: none;
  width: 100%;
  height: 477px;
}
.index .phbanner .phbanimg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.index .section1.bgat .bgwhite {
  height: 630px;
}
.buildfl {
  width: 58.2%;
  height: 100%;
}
.buildfl .buflslick {
  margin-top: -82px;
}
.buildfl .buildimg {
  position: relative;
  width: 100%;
  height: 712px;
  padding-top: 82px;
  overflow: hidden;
}
.buildfl .buildimg .build_con1 {
  width: 100%;
  height: 100%;
  background-color: #f6fcff;
}
.buildfl .buildimg .build_con2 {
  width: 100%;
  height: 100%;
  background-color: #fff6e8;
}

.buildfl .buildimg .build_con3 {
  width: 100%;
  height: 100%;
  background-color: #f0f7fc;
}

.buildfl .buildimg img {
  position: absolute;
  max-width: 100%;
}

.buildfl .buildimg .bxm {
  top: 10%;
  left: 20px;
  display: block;
  -webkit-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
  transform: translate(-50px, 50px);
  -o-transform: translate(-50px, 50px);
  -ms-transform: translate(-50px, 50px);
  -moz-transform: translate(-50px, 50px);
  -webkit-transform: translate(-50px, 50px);
  opacity: 0;
}

.buildfl .buildimg .bx {
  transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  opacity: 1;
}

.buildfl .buildimg .bym {
  bottom: 80px;
  left: 200px;
  opacity: 1;
  z-index: 9;
}

.buildfl .buildimg.slick-current .by {
  -webkit-animation: fadeInUp .8s 0s ease both;
  -moz-animation: fadeInUp .8s 0s ease both;
  animation: fadeInUp .8s 0s ease both;
  opacity: 1;
}
.buildfl .buildimg .bsm {
  opacity: 0;
}
.buildfl .buildimg.slick-current .bs {
  -webkit-animation: bounceInDown 1.8s ease both;
  animation: bounceInDown 1.8s ease both;
  opacity: 1;
}
.buildfl .buildimg .b-s-1 {
  bottom: 100px;
  right: -1%;
  z-index: 1;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;

}
.buildfl .buildimg .b-s-2 {
  bottom: 185px;
  right: 215px;
  z-index: 9;
  -webkit-animation-delay: 0.2s !important;

  animation-delay: 0.2s !important;

}

.buildfl .buildimg .b-s-3 {

  bottom: 230px;

  right: 278px;

  z-index: 8;



  -webkit-animation-delay: .3s !important;

  animation-delay: .3s !important;

}

.buildfl .buildimg .b-s-4 {

  bottom: 140px;

  right: 18px;

  z-index: 7;



  -webkit-animation-delay: .4s !important;

  animation-delay: .4s !important;

}

.buildfl .buildimg .b-s-5 {

  bottom: 170px;

  right: 70px;

  z-index: 6;



  -webkit-animation-delay: .5s !important;

  animation-delay: .5s !important;

}

.buildfl .buildimg .b-s-6 {

  bottom: 200px;

  right: 135px;

  z-index: 5;



  -webkit-animation-delay: .6s !important;

  animation-delay: .6s !important;

}

.buildfl .buildimg .b-s-7 {

  bottom: 296px;

  right: 225px;

  z-index: 4;



  -webkit-animation-delay: .7s !important;

  animation-delay: .7s !important;

}

.buildfl .buildimg .xbg {

  position: absolute;

  left: 0px;

  bottom: 0px;

  z-index: 1;



  width: 100%;

}

.buildfl .buildimg .x-s-1 {

  top: 0px;

  left: 17%;

  z-index: 2;



  opacity: 0;

}

.buildfl .buildimg .x-s-2 {

  top: 187px;

  left: 75px;

  z-index: 3;

}

.buildfl .buildimg .x-s-3 {

  top: 250px;

  right: 190px;

  z-index: 4;

}

.buildfl .buildimg .x-s-4 {

  bottom: 88px;

  left: 50%;

  z-index: 5;



  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.buildfl .buildimg.slick-current .x1 {

  -webkit-animation: bounceInDown 1.5s 0s ease both;

  -moz-animation: bounceInDown 1.5s 0s ease both;

  animation: bounceInDown 1.5s 0s ease both;

  opacity: 1;

}

.buildfl .buildimg.slick-current .x2 {

  -webkit-animation: bounceInRight 1.5s 0s ease both;

  -moz-animation: bounceInRight 1.5s 0s ease both;

  animation: bounceInRight 1.5s 0s ease both;

}

.buildfl .buildimg.slick-current .x3 {

  -webkit-animation: bounceInLeft 1.5s 0s ease both;

  -moz-animation: bounceInLeft 1.5s 0s ease both;

  animation: bounceInLeft 1.5s 0s ease both;

}

.buildfl .buildimg.slick-current .x4 {

  -webkit-animation: bounceInUp 1.5s 0s ease both;

  -moz-animation: bounceInUp 1.5s 0s ease both;

  animation: bounceInUp 1.5s 0s ease both;

}
.buildfl .buildcon3 {
  width: 100%;
  height: 100%;
  background: url(picture/jingjiu2.png) no-repeat;
  background-size: cover;
}
.buildfl .buildimg .t-s-1 {
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 55%;
}

.buildfl .buildimg .t-s-2 {
  bottom: 80px;
  left: 180px;
  z-index: 2;
  opacity: 0;
  width: 80%;
  left: 12%;
}
.buildfl .buildimg .t-s-3 {
  bottom: 40px;
  z-index: 2;
  width: 45%;
  right: 5%;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  opacity: 0;
}

.buildfl .buildimg .t-s-4 {
  top: 200px;
  left: 0px;
  z-index: 0;
}
.buildfl .buildimg.slick-current .t1 {
  -webkit-animation: fadeInUp 1s 0s ease both;
  -moz-animation: fadeInUp 1s 0s ease both;
  animation: fadeInUp 1s 0s ease both;
}
.buildfl .buildimg.slick-current .t2 {
  -webkit-animation: fadeInUp 1.2s 0s ease both;
  -moz-animation: fadeInUp 1.2s 0s ease both;
  animation: fadeInUp 1.2s 0s ease both;
  opacity: 1;
}
.buildfl .buildimg.slick-current .t3 {
  -webkit-animation: fadeInDown 1.4s 0s ease both;
  -moz-animation: fadeInDown 1.4s 0s ease both;
  animation: fadeInDown 1.4s 0s ease both;
  opacity: 1;
}

.buildfl .buildimg.slick-current .t4 {
  -webkit-animation: bounceInUp 1.5s 0s ease both;
  -moz-animation: bounceInUp 1.5s 0s ease both;
  animation: bounceInUp 1.5s 0s ease both;
}
.buildfr {
  position: relative;
  width: 41.8%;
  height: 100%;
  background-color: #f9f9f9;
}
.buildfr .buildslick {
  height: 580px;
  opacity: 0;
}
.buildslick.buildmove {
  -webkit-animation: fadeInUp .8s 0s ease both;
  -moz-animation: fadeInUp .8s 0s ease both;
  animation: fadeInUp .8s 0s ease both;
  opacity: 1;

}
.txtdiv h5 {
  color: #848484;
}
.buildfr .buildcon {

  padding: 69px 100px 0 87px;

}

.buildfr .buildcon strong {
  margin-bottom: 50px;
  display: block;
  white-space: nowrap;
}

.buildfr .buildcon strong a {
  font-size: 40px;
  font-weight: bold;
  white-space: normal;
  line-height: 45px;
}

.buildfr .buildcon h2 {

  margin-bottom: 25px;

}

.buildfr .buildcon h2 a {

  font-weight: bold;

  font-size: 24px;

  color: #464646;

}

.buildfr .buildcon .buildmess {

  margin-bottom: 25px;

}

.buildfr .buildcon p {

  margin-bottom: 50px;



  font-size: 16px;

  color: #848484;

  line-height: 1.8;

}

.buildfr .buildcon a {

  font-size: 14px;

  color: #999999;

}

.buildfr .buildchange {

  position: absolute;

  left: 0px;

  bottom: 0px;



  width: 100%;

}

.buildfr .buildchange .buildnum {

  position: absolute;

  top: -35px;

  right: 28px;

}

.buildfr .buildchange .buildnum span {

  color: #999999;

  font-size: 18px;

  font-family: 'Conv_COPRGTL';

}

.buildfr .buildchange .buildprev,
.buildfr .buildchange .buildnext {
  position: relative;
  width: 50%;
  height: 50px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.buildfr .buildchange .buildprev {
  border-right: 1px solid #e0e0e0;
}
.buildfr .buildchange .buildprev .iconfont,
.buildfr .buildchange .buildnext .iconfont {
  position: absolute;
  top: 50%;
  color: #848484;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
}
.buildfr .buildchange .buildprev .iconfont {
  left: 31px;
}
.buildfr .buildchange .buildnext .iconfont {
  right: 31px;
}
.buildfr .buildchange .buildprev .txt,
.buildfr .buildchange .buildnext .txt {
  color: #848484;
  font-size: 16px;
}
.buildprev .prev {
  background: url(picture/prev.png) no-repeat;
  width: 30px;
  height: 15px;
}
.buildnext .next {
  background: url(picture/next.png) no-repeat;
  width: 30px;
  height: 15px;
}
a:hover .icon-ar {

  -webkit-animation-name: shake;

  animation-name: shake;

}

.newservicef a .brybox:hover .icon-ar {

  -webkit-animation-name: s;

  animation-name: s;

}





/*2*/

.index .section2 .main-container .bgred {

  padding-top: 70px;

  padding-bottom: 70px;

  padding-left: 25px;



  color: #fff;

  background: #ff4343;

}

.index .section2 .mainh4 {

  width: calc(100% - 1200px);

  width: -webkit-calc(100% - 1200px);

}

.index .section2 .mainh4 h4 {

  padding-bottom: 14px;



  vertical-align: top;



  font-size: 22px;

  color: #fff;

  border-bottom: 1px solid #e5e5e5;

}

.index .section2 .mainh4 p {

  margin-top: 20px;



  font-size: 14px;

  color: #fff;

  line-height: 1.5;

}

.index .section2 ul.bgrpad {

  position: relative;



  display: inline-block;



  width: 1175px;

  padding-right: 15px;

  padding-left: 15px;



  vertical-align: top;

}

@media (max-width: 1530px) {
  .index .section2 ul.bgrpad {
    width: 950px;
  }
  .index .section2 .mainh4 {
    width: calc(100% - 950px);
    width: -webkit-calc(100% - 950px);
  }

}

@media (max-width: 1300px) {
  .index .section2 ul.bgrpad {
    width: 850px;
  }
  .index .section2 .mainh4 {
    width: calc(100% - 850px);
    width: -webkit-calc(100% - 850px);
  }
}
.index .section2 ul.bgrpad div li {
  float: left;
  width: 20%;
  padding-top: 38px;
  padding-right: 15px;
  padding-left: 15px;
  font-family: '微软雅黑';
  font-size: 14px;
  color: #e9ebeb;
}
.index .section2 ul.bgrpad div li .item {
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border-bottom: 1px solid #f29494;
}
.index .section2 .item:nth-of-type(3n-2) {
  border-top: 1px solid #f29494;
}
.index .section2 .item .left span {
  display: block;
}

.index .section2 .item .left span:first-child {
  font-size: 16px;
}
.index .section2 .item .left span:last-child {
  margin-top: 11px;
}
.index .section2 .item .right {
  position: relative;
  height: 55px;
}
.index .section2 .item .right img {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  max-width: 90%;
}
.index .section2.phsc2 {
  display: none;
}
.index .section2.phsc2 .bgrpad {
  margin-top: 40px;
}
.index .section2.phsc2 .phsc_title h5 {
  color: #ffffff;
  display: inline-block;
}
.index .section2.phsc2 .phsc_title h5.ph4 {
  font-size: 22px;
  padding: 0 15px;
}
.index .section2.phsc2 .phsc_title h5.pht {
  font-size: 14px;
}
.index .section2.phsc2 .ph .item {
  float: left;
  width: 48%;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border-bottom: 1px solid #f29494;
}
.index .section2.phsc2 .ph .item:nth-child(odd) {
  margin-right: 4%;
}
.index .section2.phsc2 .ph .item:nth-of-type(3n-2) {
  border-top: 0px;
}
.index .section2.phsc2 .ph .item:nth-child(1) {
  border-top: 1px solid #f29494;
}
.index .section2.phsc2 .ph .item:nth-child(2) {
  border-top: 1px solid #f29494;
}
.index .section2.phsc2 ul.bgrpad .slick-dots {
  bottom: -40px;
  text-align: center;
}
.index .section2.phsc2 ul.bgrpad .slick-dots li {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.index .section2.phsc2 ul.bgrpad .slick-dots li.slick-active {
  width: 10px;
  height: 10px;
  background-color: #fff;
}
/*3*/
.index .section3 .main-container {
  padding-top: 105px;
  padding-bottom: 105px;
}
.index .section3 .slickbg {
  width: 100%;
}
.index .section3 .slickbg .bgimg {
  max-width: 100%;
}
.index .section3 .slichange {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.index .section3 .sitem {
  display: inline-block;
  padding: 0 35px 0 25px;
  cursor: pointer;
}
.index .section3 .sitem h4 {
  position: relative;
}
.index .section3 .sitem h4 a {
  font-size: 20px;
  color: #333333;
  text-transform: uppercase;
  font-family: "Microsoft JhengHei";
}
.index .section3 .sitem h4:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  width: 0px;
  height: 1px;
  margin-left: -5%;
  background-color: #464646;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.index .section3 .sitem h4:hover:after {
  width: 110%;
}
.index .section3 .sitem h3 {
  position: relative;
}
.index .section3 .sitem h3 a {
  font-size: 20px;
  color: #333333;
  text-transform: uppercase;
  font-family: "Microsoft JhengHei";
}
.index .section3 .sitem h3:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  width: 0px;
  height: 1px;
  margin-left: -5%;
  background-color: #464646;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.index .section3 .sitem h3:hover:after {
  width: 110%;
}
.bgwph {
  display: none;
  width: 100%;
  height: 70px;
  padding: 0 25px;
  background-color: #f2f7f3;
}
.bgwph h4 {
  line-height: 70px;
  font-size: 24px;
}
.bgwph .more a {
  font-size: 18px;
  color: #999;
  font-family: "HT";
  line-height: 70px;
}

/*4*/

.index .section4 li {

  float: left;



  width: 33.333333%;

  overflow: hidden;

}

/*.index .section4 li:nth-child(1){

	animation-delay: 0.2s; 

}

.index .section4 li:nth-child(2){

	animation-delay: 0.3s; 

}

.index .section4 li:nth-child(3){

	animation-delay: 0.4s; 

}*/

/*.index .section4 li:nth-child(4){

	animation-delay: 0.2s; 

}

.index .section4 li:nth-child(5){

	animation-delay: 0.3s; 

}

.index .section4 li:nth-child(6){

	animation-delay: 0.4s; 

}*/

.index .section4 li a {

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

}

.index .section4 li a:before {

  content: '';



  position: absolute;

  bottom: 18px;

  right: 2.75%;

  z-index: 1;



  width: 0px;

  height: 1px;



  background-color: #ff9595;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;



  opacity: 0;

}

@media (min-width: 1200px) {
  .index .section5 .main-container .news .item:hover .text a {
    color: #ff3f3f;
  }
  .gx_ydcen a:hover {
    color: #ff3f3f;
  }
  .gx_dah3, .gx_tubtn {
    transition: all 0.36s;
  }
  .gx_neitm a:hover .gx_dah3 {
    color: #d81455;
  }
  .gx_neitm a:hover .gx_tubtn {
    color: #d81455;
  }

  .index .section4 li a:hover:before {
    width: 94.5%;
    opacity: 1;
  }
  footer .focon_fl:hover .fodiv h1:before {
    width: 110%;
  }
  .index .section4 li a:hover:after {
    height: 72.8%;
    opacity: 1;
  }
  footer .focon_fl:hover a:after {
    height: 72.8%;
  }
  footer .focon_fl:hover:before {
    width: 94.5%;
  }
  footer .focon_fl:hover a:before {
    width: 94.5%;
  }
  footer .focon_fl:hover:after {
    height: 72.8%;
  }
}



.index .section4 li a:after {

  content: '';



  position: absolute;

  bottom: 14.8%;

  left: 2.75%;

  z-index: 1;



  width: 1px;

  height: 0;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;



  opacity: 0;

}



.index .section4 li a .logodiv {

  content: '';



  position: absolute;

  top: 0;

  left: 0;



  width: 100%;

  height: 100%;



  background: rgba(0, 0, 0, .5);



  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;



  opacity: 1;

}

@media (min-width: 1200px) {

  .index .section4 li a:hover .logodiv {

    background-color: #ff4343;

  }

  .index .section4 li a .logodiv:hover:before {

    width: 94.5%;

    opacity: 1;

  }

}

.index .section4 li a .logodiv:before {

  content: '';



  position: absolute;

  top: 18px;

  left: 2.75%;



  width: 0px;

  height: 1px;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;



  opacity: 0;

}



.index .section4 li a .logodiv:after {

  content: '';



  position: absolute;

  top: 14.8%;

  right: 2.75%;



  width: 1px;

  height: 0;



  background-color: #ff9b9b;



  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;



  opacity: 0;

}

@media (min-width: 1200px) {

  .index .section4 li a .logodiv:hover:after {

    height: 72.8%;

    opacity: 1;

  }

}

.index .section4 li a .logodiv .lod_con {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.index .section4 li a .logodiv .lod_con img {
  max-width: 246px;
  max-width: 100%;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.index .section4 li a .logodiv .lod_con h5 {
  height: 0px;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 0;
}
.index .section4 li a .logodiv .lod_con:after {
  content: '';
  display: block;
  position: relative;
  left: 50%;
  top: 0;
  width: 34px;
  height: 0;
  background: url(arryuan.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0px;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 0;
}
@media (min-width: 1200px) {

  /*.index .section4 li a .logodiv:hover .lod_con{

    padding-bottom: 75px;

}*/

  .index .section4 li a .logodiv:hover .lod_con img {

    margin-bottom: 35px;

  }

  .index .section4 li a .logodiv:hover .lod_con h5 {

    opacity: 1;

    height: auto;

  }

  .index .section4 li a .logodiv:hover .lod_con:after {

    opacity: 1;

    height: 34px;

    margin-top: 26px;

  }

}

.index .section4 li .imgdiv {

  position: absolute;

  top: 0px;

  left: 0px;



  width: 100%;

  height: 100%;

  overflow: hidden;

}

.index .section4 li .imgdiv img {

  width: 100%;

  height: 100%;

}

.index .section4 li .bgimg {

  width: 100%;

}

.index .section4 li .bgimg img {

  width: 100%;

  vertical-align: bottom;

  display: block;

}

/*5*/

.index .section5 .main-container,
.index .section6 .main-container {
  padding-left: 56px;
}
.index .section5 .main-container .mainh4,
.index .section6 .main-container .mainh4 {
  float: left;
  width: calc(100% - 1190px);
  width: -webkit-calc(100% - 1190px);
  color: #464646;
  visibility: visible;
  animation-delay: 0.2s;
  animation-name: fadeInUp;
}
@media screen and (min-width: 1200px) {
  .index .section5 .main-container .mainh4,
  .index .section6 .main-container .mainh4 {
    visibility: visible;
    animation-delay: 0.2s;
    animation-name: fadeInUp;
  }
  .index .section5 .main-container .content, .index .section6 .main-container .content {
    visibility: visible;
    animation-delay: 0.3s;
    animation-name: fadeInUp;
  }
}
.index .section5 .main-container {
  padding-top: 120px;
}
.index .section5 .mainh4 h4,
.index .section6 .mainh4 h4 {
  font-size: 24px;
  color: #464646;
}
.index .section5 .mainh4 .flul li {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.index .section5 .mainh4 .flul li:first-child {
  border-top: 1px solid #e5e5e5;
  margin-top: 11px;
}
.index .section5 .mainh4 .flul li a {
  font-size: 14px;
  font-family: '微软雅黑';
  color: #464646;
}
.index .section5 .mainh4 .flul li a:hover {
  color: #ff4343;
}
.index .section5 .main-container .content,
.index .section6 .main-container .content {
  display: inline-block;
  width: 1178px;
  padding-top: 37px;
  font-size: 14px;
  vertical-align: top;
}
.index .section5 .main-container .news {
  width: 100%;
  padding-right: 40px;
}

.index .section5 .main-container .news .shift {
  width: 53%;
  padding-right: 30px;
}
.index .section5 .main-container .news .shift li {
  position: relative;
  height: 163px;
  padding-top: 20px;
  padding-right: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -ms-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

}

.index .section5 .main-container .news .shift li:first-child {

  border-top: 1px solid #e5e5e5;

}

.index .section5 .main-container .news .shift li:after {

  content: '';



  position: absolute;

  left: 0px;

  bottom: 0px;



  width: 0px;

  height: 1px;



  background-color: #ff3f3f;



  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -ms-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

}
@media (min-width: 1200px) {
  .index .section5 .main-container .news .shift li:hover:after {

    width: 100%;

  }
}
.index .section5 .main-container .news .shift li h5 {

  line-height: 1.42;

}

.index .section5 .main-container .news .shift li .time,

.index .section5 .main-container .news .shift li a {

  color: #999;

  font-family: "HT";

}

.index .section5 .main-container .news .shift li a:hover {

  color: #ff3f3f;

}

.index .section5 .main-container .news .shift li h5:last-of-type {

  margin-top: 16px;

  margin-bottom: 28px;



  letter-spacing: .5px;

}

.index .section5 .main-container .news .shift li h5:last-of-type a {

  line-height: 1.42;

  font-size: 16px;

  height: 44px;
  overflow: hidden;
  color: #464646;
  display: block;
  font-family: "Microsoft JhengHei";

}

@media (min-width: 1200px) {
  .index .section5 .main-container .news .shift li:hover h5:last-of-type a {

    color: #ff3f3f;

  }
}

.index .section5 .main-container .news .shift li a span {

  margin-left: 7px;

}

.index .section5 .main-container .news .con {

  width: 47%;



  padding-right: 30px;

}

.index .section5 .main-container .news .imgdiv {

  position: relative;



  overflow: hidden;

  /* max-height: 317px;  */

}

.index .section5 .main-container .news .imgdiv a {

  position: absolute;

  top: 0px;

  left: 0px;



  display: block;



  width: 100%;

}

.index .section5 .main-container .news .imgdiv img {

  width: 100%;



  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -ms-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

}

.index .section5 .main-container .news .con .text h4 {

  margin-top: 15px;

  margin-bottom: 47px;


  line-height: 2;

  color: #464646;

  font-family: "Microsoft JhengHei";

  transition: none ease-out .3s;

  transition-property: none;

  transition-duration: 0.3s;

  transition-timing-function: ease-out;

  transition-delay: 0s;

  transition-property: color, background, text-indent, opacity;

}

.index .section5 .main-container .news .con .text:after {

  content: '';



  position: absolute;

  left: 0px;

  bottom: -1px;



  width: 0px;

  height: 1px;



  background-color: #ff4343;



  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -ms-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

}











.index .section5 .main-container .news .con .text {

  position: relative;


  transform: translateY(-1px);
  padding-top: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid transparent;

}

@media (min-width: 1200px) {

  .index .section5 .main-container .news .con .text:hover:after {

    width: 100%;

  }

}

.index .section5 .main-container .news .con .text h5 {

  font-size: 14px;

  font-family: "HT";

  color: #999;

}



.index .section5 .main-container .news .con .text a {

  color: #999;

  font-family: "HT";

}

.index .section5 .main-container .news .con .text a span {

  margin-left: 7px;

}



/*6*/

.index .section6 .main-container {
  padding-top: 60px;
  overflow: hidden;
}



.index .section6 .left {

  width: calc(100% - 630px);

  width: -webkit-calc(100% - 630px);

  padding-top: 76px;

  padding-right: 80px;

}

.index .section6 .left h4 {

  font-family: 'HT';



  color: #999;

}

.index .section6 .left p {

  margin-top: 18px;

  margin-bottom: 50px;



  line-height: 2.14;

  color: #464646;

}

.index .section6 .left a {

  color: #999;

  font-family: "HT";

}

.index .section6 .left a .iconfont {

  margin-left: 8px;

}

.index .section6 .left a:hover {

  color: #ff3f3f;

}

.index .section6 .right {

  width: 619px;

  height: 285px;



  margin-top: 36px;

  padding-top: 13px;

  padding-left: 30px;

}

.index .section6 .right img {

  width: 100%;

}

/*7*/

.section7 .position {

  height: 88px;



  padding-right: 96px;



  line-height: 88px;

  background: #f3f7f3;

}

.section7.friend .position {

  height: auto;

}
.section7.friend .position .position_top {
  height: 88px;
  line-height: 88px;
}
.section7 .friendlink {
  margin-right: 35px;
  cursor: pointer;
}
.section7 .friendlink .sjx {
  width: 20px;
  height: 15px;
  background: url(icon3.png) no-repeat right center;
}
.section7 .friendlink span {
  font-size: 18px;
  color: #999;
}
.section7 .friendlink:hover span {
  color: #ff4343;
}
.section7 .friendlink span.icon-sanjiaoxings {
  font-size: 14px;
  display: inline-block;
  margin-left: 12px;
}

.rotate {

  transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

}

.section7 span {

  vertical-align: middle;

}

.section7 .position a {

  font-size: 18px;



  color: #999;

}

.po {

  margin-right: 110px;

}

.po a {

  margin-left: 40px;

}

.po a .iconfont {

  font-size: 20px;



  margin-right: 20px;



  vertical-align: middle;

}

.section7 a:hover {

  color: #ff3f3f;

}

.section7 .contact .iconfont {

  margin-left: 24px;

}

.section7 .position_bottom {
  padding: 39px 0px 30px 138px;

  text-align: left;

}

.section7 .position_bottom h5 {

  margin-bottom: 40px;

  font-size: 18px;

  color: #848484;

  padding-left: 18px;

  padding-right: 18px;

  cursor: pointer;

}

.position_bottomtlast {

  margin-left: -18px;

  margin-right: -18px;

}

.section7 .position_bottom ul {

  margin: 0 -10px;

}

.section7 .position_bottom ul li {

  float: left;

  margin-bottom: 20px;

  padding: 0 10px;

}

.section7 .position_bottom ul li a {

  font-size: 16px;

  color: #ababab;

}

.section7 .position_bottom ul li a:hover {

  color: #ff4343;

}







.newservice .section7,

.retrieve .section7,

.enjoy .section7,

.lead .section7 {

  background: #f3f7f3;

}
.atvbgjk {
  color: #ff4343 !important;
}
.index .section1 .bgwhite .iconfont {
  margin-left: 10px;
}

.index .section1 .bgwhite .des {
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
.index .section1 .bgwhite .des .content {
  max-width: 305px;
  margin: auto;
  padding-top: 30px;
  text-align: center;
}
.index .section1 .bgwhite .des .content h5 {

  margin-bottom: 38px;



  text-align: center;

}

.index .section1 .bgwhite .des .content h5 span {

  color: #ff4343;

  margin-left: 0px;

}

.index .section1 .bgwhite .des .content h3 {

  font-size: 24px;

  color: #464646;

  margin-bottom: 30px;

  font-family: "Microsoft JhengHei";

}

.index .section1 .bgwhite .des .content p {

  font-size: 18px;

  line-height: 2.44;



  color: #848484;

}

.index .section1 .bgwhite .des .content a {

  display: block;



  margin-top: 50px;



  text-align: center;



  color: #999;

}

.index .section1 .bgwhite a:hover {

  color: #ff4343 !important;

}



.index .section1 .slick-dots {

  bottom: 50px;

}

.index .section1 .slick-dots li {

  width: 10px;

  height: 10px;

  margin-right: 10px;

  margin-left: 10px;



  border-radius: 50%;

  border: 1px solid #ff4342;

}

.index .section1 .slick-dots li.slick-active {

  background-color: #ff4342;

}

.index .section1 .bgwhite .left {

  height: 100%;

  padding-top: 70px;

}

.index .section1 .bgwhite .left h4 {

  font-family: '微软雅黑';



  padding-bottom: 14px;



  color: #464646;

  border-bottom: 1px solid #e5e5e5;

}

.index .section1 .bgwhite h4 a {

  color: #464646;

}

.index .section1 .bgwhite .left {

  width: 26%;

  padding-right: 58px;

  padding-left: 28px;



  background: #f3f7f3;

  /*position: relative;*/

}

.index .section1 .bgwhite .left p {

  line-height: 2.57;



  margin-top: 15px;



  color: #848484;

  position: relative;

  z-index: 2;

}

.index .section1 .bgwhite .left a {

  display: block;



  margin-top: 50px;



  color: #848484;

}

.index .section2 h5 {

  font-family: '微软雅黑';



  letter-spacing: .75px;

  text-transform: uppercase;

}

.index .section2 ul.bgrpad h5 {

  position: absolute;

  top: 0;

  left: 30px;

}



.index .section3ph .main-container .secph {

  height: 70px;

  background-color: #f2f7f3;

  padding: 0 28px;

}

.index .section4 .title {

  padding: 84px 0 84px 26%;

  background: #f3f7f3;

  color: #999999;

}

.index .section4 .title span {

  padding-left: 30px;

}

.index .section5 .main-container .news .shouyeh {

  display: none;

}

.index .section5 .main-container .news .shouyeh h4 {

  font-size: 18px;

  color: #ff4343;

}

.index .section5 .content .slick-dots {

  left: 0;



  width: 100%;



  text-align: center;

  bottom: 25px;

}

.index .section5 .content .slick-dots li {

  width: 10px;

  height: 10px;

  border: 1px solid #ff4343;

  border-radius: 50%;

}

.index .section5 .content .slick-dots li.slick-active {

  background-color: #ff4343;

}

/*去掉新闻列表线*/

.index .section5 .main-container .noline .news .shift li:first-child {

  border-top: 0px;

}

.index .section5 .main-container .noline .news:nth-child(1) .shift li:first-child {

  border-top: 1px solid #e5e5e5;

}

.index.newlist .section5 .main-container .news .shift li h5:last-of-type a {

  font-size: 16px;

  font-family: "Microsoft JhengHei";

}

.index.newlist .section5 .main-container .news .shift li h5.time .gx_tyuio {

  font-family: 'HT';

  font-size: 14px;

}













































/*20170628*/

/*内页*/

.broadside {

  position: fixed;

  top: 0px;

  left: -55px;

  width: 55px;

  height: 100vh;

  background-color: #fff;

  -webkit-transition: all .7s ease-out 1s;

  -moz-transition: all .7s ease-out 1s;

  -ms-transition: all .7s ease-out 1s;

  -o-transition: all .7s ease-out 1s;

  transition: all .7s ease-out 1s;

  z-index: 100;

}
.broadside.chuxian {
  left: 0px;
}
#nb_icon_wrap {
  display: none !important;
}
.case {

  width: 100%;

  background-color: #f4f4f4;

}

.case .wrap {

  position: relative;

  padding-left: 151px;

  padding-right: 102px;

}

.case_bt {

  width: 100%;

  padding-top: 79px;

}

.case_bt .caselogo {

  width: 14.8%;

}

.case_bt .caselogo img {

  width: 100%;

}

nav.casenav {

  padding-top: 20px;

  width: 79%;

}

.casenav li {

  float: left;

  padding: 0 88px 0 0px;



}

.casenav li:nth-child(1) {

  padding-left: 0px;

}

.casenav li a {

  position: relative;

  font-size: 18px;

  color: #464646;

  /* font-family: "Microsoft JhengHei"; */

  text-transform: uppercase;

  line-height: 32px;
  pointer-events: none;
}



.casenav li.atv a:after {

  width: 110%;

  opacity: 1;

}

.case .casetop {

  margin-top: 145px;

}

.case .casetop .ct_left {

  position: relative;

  width: 68.545455%;

}

.case .casetop .ct_left h1 {

  position: absolute;

  top: 0px;

  left: 0px;

  font-size: 150px;

  color: #dcdcdc;

  font-family: 'Conv_QUARTO-BOLD';

  text-transform: uppercase;

  letter-spacing: 1.5px;

  width: 100%;

}

.case .casetop .ct_left h1:before {

  content: '';

  position: absolute;

  right: 0px;

  bottom: -70px;

  width: 780px;

  height: 10px;

  background: url(line.png) no-repeat;

}

.case .casetop .ct_right {

  width: 31.454545%;

}

.casex {

  position: relative;

  overflow: hidden;

}

.casex a h5 {

  color: #ffffff;

}

.casex:hover a h5 {

  color: #ffffff;

}

.casex .imgdiv {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

}

.casex .imgdiv img {

  width: 100%;

}

.casex a:before {

  content: '';

  position: absolute;

  bottom: 18px;

  right: 2.75%;

  z-index: 1;

  width: 0px;

  height: 1px;

  background-color: #ff9595;

  opacity: 0;

  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}

.casex a:hover:before {

  width: 94.5%;

  opacity: 1;

}

.casex a:after {

  content: '';

  position: absolute;

  bottom: 14.8%;

  left: 2.75%;

  z-index: 1;

  width: 1px;

  height: 0;

  background-color: #ff9b9b;

  opacity: 0;

  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}

.casex a:hover:after {

  height: 72.8%;

  opacity: 1;

}

.casex .logodiv {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .5);

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.casex .logodiv .lod_con {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.casex .logodiv .lod_con img {

  width: 300px;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.casex .logodiv .lod_con h5 {

  font-size: 20px;

  line-height: 1.5;

  color: #fff;

  opacity: 0;

  height: 0px;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.casex .logodiv:hover {

  background-color: #ff4343;

}

.casex .logodiv:hover .lod_con img {

  margin-bottom: 35px;

}

.casex .logodiv:hover .lod_con h5 {

  opacity: 1;

  height: auto;

  color: #ffffff;

}

.casex .logodiv:before {

  content: '';

  position: absolute;

  top: 18px;

  left: 2.75%;

  width: 0px;

  height: 1px;

  background-color: #ff9b9b;

  opacity: 0;

  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}

.casex .logodiv:hover:before {

  width: 94.5%;

  opacity: 1;

}

.casex .logodiv:after {

  content: '';

  position: absolute;

  top: 14.8%;

  right: 2.75%;

  width: 1px;

  height: 0;

  background-color: #ff9b9b;

  opacity: 0;

  -webkit-transition: all 1.5s ease 0s;

  -moz-transition: all 1.5s ease 0s;

  -ms-transition: all 1.5s ease 0s;

  -o-transition: all 1.5s ease 0s;

  transition: all 1.5s ease 0s;

}

.casex .logodiv:hover:after {

  height: 72.8%;

  opacity: 1;

}

.casex .logodiv .lod_con:after {

  content: '';

  position: absolute;

  bottom: 0px;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  width: 34px;

  height: 34px;

  background: url(arryuan.png) no-repeat;

  background-size: 100% 100%;

  opacity: 0;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.casex .logodiv:hover .lod_con {

  padding-bottom: 65px;

}

.casex .logodiv:hover .lod_con:after {

  opacity: 1;

}

.casex .bgimg {

  width: 100%;

}

.casex .bgimg img {

  width: 100%;

}

.case .case_center {

  width: 100%;

  margin-top: 55px;

}

.case .case_center .cc_fl {

  width: 65.757576%;

}

.case .cc_fr {

  position: relative;

  width: 31.454545%;

}

.case .cc_fr .cfr_img {

  width: 100%;

}

.case .cc_fr .cfr_img img {

  width: 100%;

}

.case .cc_fr .cfr_txt {

  position: absolute;

  top: 147px;

  left: 63px;

  padding-top: 105px;

}

.case .cc_fr .cfr_txt:after {

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 50px;

  height: 3px;

  background-color: #fff;

}

.case .cc_fr .cfr_txt h1 {

  font-size: 48px;

  color: #fff;

  margin-bottom: 52px;

  font-family: 'Conv_QUARTO-BOLD';

}

.case .cm_box {

  width: 31.454545%;

  margin: 55px 0;

  margin-left: 2.8181815%;

}

.gx_poiingd .cm_box:nth-child(3n+1) {
  margin-left: 0;
}
.gx_poiingd .cm_box {
  margin-top: 0;
}
.case .cm_box:nth-child(1) {

  margin-left: 0px;

}

.case .case_bottom {

  width: 100%;

}

.case .case_bottom .cc_fl {

  width: 65.757576%;

}

.case .case_bottom .cc_fr .casex:nth-child(1) {

  margin-bottom: 55px;

}

.fenye {

  padding: 125px 0;

}

.fenye ul {

  text-align: center;

}

.fenye li {

  display: inline-block;

  padding: 0 13px;

}

.fenye li.activepage {

  position: relative;

  font-size: 18px;

  color: #333333;

  font-family: 'Arial';

}

.fenye li.activepage:after {

  content: '';

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  bottom: -10px;

  width: 25px;

  height: 2px;

  background-color: #333333;

}

.fenye li.comp-tabli {

  position: relative;

  font-size: 18px;

  color: #333333;

  font-family: 'Arial';

}

.fenye li.comp-tabli:after {

  content: '';

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  bottom: -10px;

  width: 60%;

  height: 2px;

  background-color: #333333;

}

.fenye a {

  font-size: 18px;

  color: #333333;

  font-family: 'Arial';

}

.fenye li:hover {

  color: #ff4343;

}

.fenyeph {

  display: none;

  padding: 20px 0;

}

.fenyeph a {

  display: block;

  height: 40px;

  color: #484848;

  font-size: 14px;

  text-align: center;

  line-height: 40px;

  text-transform: uppercase;

}



.caseph {

  display: none;

}

.caseph nav {

  padding: 45px 0;

}

.caseph nav ul li {

  float: left;

  padding: 0 13px;

}

.caseph nav ul {

  margin: 0 -13px;

}

.caseph nav ul li a {

  position: relative;

  font-size: 16px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  text-transform: uppercase;

}

.caseph nav ul li.atv a {

  color: #f64744;

}

.cm_con {

  width: 31%;

  padding-bottom: 10px;

  margin-bottom: 15px;

  background-color: #fff;

  overflow: hidden;
  margin-right: 2%;

}

.caseanli .cm_con {

  padding-bottom: 0px;

}

.cm_con:nth-child(3n+3) {
  margin-right: 0;
}

.caseop {

  position: relative;

  overflow: hidden;

}

.caseop .bgimg {

  width: 100%;

}

.caseop .bgimg img {

  width: 100%;

}

.caseop .imgdiv {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

}

.caseop .imgdiv img {

  width: 100%;

}

.txtdiv {

  position: relative;

  padding: 15px 16px 15px;

}

.txtdiv h3 {

  font-size: 16px;

  color: #848484;

  line-height: 1.5;

  font-family: "Microsoft JhengHei";

  /* margin-bottom: 15px; */

}

.txtdiv p {

  font-size: 14px;

  color: #848484;

  line-height: 1.5;

}

.messdiv {

  padding: 0 16px;

  height: 34px;

}

.messdiv .zandiv {

  position: relative;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background-color: #ff4343;

  margin-right: 10px;

  cursor: pointer;

}

.messdiv .zandiv img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transition: translate(-50%, -50%);

  -moz-transition: translate(-50%, -50%);

  -ms-transition: translate(-50%, -50%);

  -o-transition: translate(-50%, -50%);

  width: 16px;

}



.messdiv span {

  line-height: 34px;

  font-size: 14px;

  color: #848484;

  margin-left: 8px;

}

.messdiv .messname {

  font-size: 14px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  text-transform: uppercase;

  line-height: 34px;

}

.cd_top {

  position: relative;

  width: 100%;

  padding: 215px 150px 144px 205px;

}

.cdetailsc .cd_top {

  padding-top: 0px;

}

.cdetailsc .cd_top .ct_con {

  margin-top: 46px;

}





.cd_top .case_logo {

  position: absolute;

  top: 66px;

  right: 150px;

  z-index: 1;

  width: 240px;

}

.cd_top .case_logo img {

  width: 100%;

}

.cd_top .cd_reback {

  display: none;

  padding: 25px 0;

  text-align: center;

}

.cd_top .cd_reback a {

  font-size: 16px;

  color: #ffffff;

}

.cd_top .ct_con {

  position: relative;

  width: 100%;

}

.cd_top .ct_con .ct_imf {

  width: 100%;

}

.cd_top .ct_con .ct_imf img {

  width: 100%;

}

.cd_top .ct_con .ct_ip {

  position: absolute;

  bottom: 40px;

  right: -110px;

}

.cd_top .ct_con .ct_ip img {

  max-width: 686px;

}

.cd_top .cd_title {

  margin: 58px 0 83px;

  text-align: center;

}

.cd_top .cd_title a {

  font-size: 18px;

  font-family: "Microsoft JhengHei";

  color: #fff;

  letter-spacing: 1px;

}

.cd_top .cd_title a .arrow {

  display: inline-block;

  width: 34px;

  height: 34px;

  border: 1px solid #fff;

  border-radius: 50%;

  text-align: center;

  line-height: 28px;

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.cd_top .cd_title a .arrow img {

  width: 13px;

}

.cd_top .cd_title a .arrow:hover {

  -moz-box-shadow: 0px 0px 5px rgba(234, 234, 234, .5),

    0px 0px 5px rgba(234, 234, 234, .5);
  /* 老的 Firefox */

  box-shadow: 0px 0px 5px rgba(234, 234, 234, .5),

    0px 0px 5px rgba(234, 234, 234, .5);

}

.cd_top .cd_con {

  width: 100%;

}

.cd_top .cd_con .cdc_left {

  width: 47.5%;

}

.cd_top .cd_con .cdc_left .cdc_logo {

  /*  margin-bottom: 65px; */

}

.cd_top .cd_con .cdc_left .cdc_logo img {

  max-width: 315px;

}

.cd_top .cd_con .cdc_left p {

  font-size: 18px;

  font-family: "Microsoft JhengHei";

  color: #ffffff;

  line-height: 36px;

  width: 75.3%;

  letter-spacing: 1px;

}

.cd_top .cd_con .cdc_right {

  width: 52.5%;

}

.cd_top .cd_con .cdc_right li {

  margin-top: 30px;

}

.cd_top .cd_con .cdc_right li h4 {

  font-size: 24px;

  color: #fff;

  margin-bottom: 20px;

  font-family: 'Conv_QUARTO-BOLD';

  letter-spacing: 1px;

}

.cd_top .cd_con .cdc_right li h5 {

  font-size: 18px;

  color: #fff;

  font-family: "Microsoft JhengHei";

}

.case_video {

  width: 100%;

  background-color: #f3f3f3;

  padding: 89px 195px 101px 162px;

}

.case_video h1 {

  font-size: 72px;

  color: #ff4343;

  font-family: 'Conv_QUARTO-BOLD';

  margin-bottom: 108px;

}

.case_video .cv_con {

  position: relative;

  width: 100%;

  padding-left: 83px;

}

.case_video .cv_con .video-js {

  width: 100%;

  height: 720px;

}

.case_video .cv_con .video-js.act:before {

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 1;



  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .6);

}

.vjs-remaining-time-display {

  display: inline-block;

}

.case_page {

  width: 100%;

  padding: 0 150px 0 112px;

  background-color: #000000;

}

.case_page .cp_left {

  width: 65.6%;

  padding: 95px 9.12% 118px;

  background-color: #000000;

}

.case_page .cp_left img {

  width: 100%;

}

.case_page .cp_right {

  width: 34.4%;

}

.case_page .cp_right img {

  width: 100%;

}

.case_txt {

  width: 100%;

  padding: 150px 0 0px 245px;

  background-color: #f3f3f3;

}

.case_txt p {

  font-size: 18px;

  font-family: "Microsoft JhengHei";

  color: #464646;

  letter-spacing: 1px;

  width: 588px;

  max-width: 100%;

  line-height: 36px;

  margin-bottom: 70px;

}

.case_txt h1 {

  width: 920px;

  max-width: 100%;

  font-size: 40px;

  font-family: "Microsoft JhengHei";

  color: #333333;

  letter-spacing: 1px;

  line-height: 52px;

  margin-bottom: 95px;

}

.case_txt .txt_bottom img {

  max-width: 100%;

  margin-bottom: 65px;

}

.case_txt .tag {

  padding: 10px 0;

  padding-bottom: 76px;

}

.case_txt .tag span {

  font-family: "Microsoft JhengHei";

  font-size: 18px;

  color: #464646;

  line-height: 36px;

}

.case_txt .tag ul li {

  float: left;
  margin-bottom: 8px;

}

.case_txt .tag ul li a {

  display: inline-block;

  height: 36px;

  line-height: 36px;

  padding: 0 10px;

  font-size: 18px;

  color: #999999;

  border: 1px solid #b5b5b5;

  border-radius: 6px;

  margin: 0 9px;

}
.index .section6 .main-container .content1 {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.fangfaban .pagination {
  position: absolute;
  z-index: 20;
  right: 20px;
  bottom: 30px;
  text-align: center;
}
.fangfaban .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fff;
  margin-right: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.fangfaban .swiper-visible-switch {
  background: #aaa;
}
.fangfaban .swiper-active-switch {
  background: #fff;
}
.fangfaban {
  position: relative;
}
.fangfaban p {
  color: #fff;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
}
.case_txt .tag ul li a:hover {

  color: #ff4343;

  border: 1px solid #ff4343;

}

.case_txt .case_bt {

  width: 100%;

  margin-bottom: 70px;

}

.case_txt .case_bt .image-wrapper {

  width: 50%;

}

.case_txt .case_bt .image-wrapper .wrapper-inner {

  position: relative;

  overflow: hidden;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-overlay {

  background-color: #2e65c0;

  position: absolute;

  width: 200%;

  height: 100%;

  top: 0;

  left: -200%;

  content: "";

  z-index: 10;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img {

  position: relative;

  width: 100%;

  height: 540px;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img .cbt_color {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 34%;

  height: 100%;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img img {

  max-width: 100%;

  position: relative;

  z-index: 1;

}

.case_info {

  padding: 45px 158px 50px 159px;

  background-color: #f3f7f3;

}

.case_info .zan {

  position: relative;

  width: 83px;

  height: 83px;

  border-radius: 50%;

  background-color: #2e65c0;

  text-align: center;

  line-height: 83px;

  margin: 0 auto 0px;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

  cursor: pointer;

}

.case_info .zan:hover {

  background-color: #ff4343;

}

.case_info .zan img {

  width: 26px;

}

.case_info .like {

  padding: 25px 0;

  text-align: center;

}

.case_info .like p {

  font-size: 16px;

  color: #979797;

}

.case_info .zanmess {

  position: absolute;

  right: -50px;

  top: 50%;

  opacity: 0;

}

.case_info .zanmess p {

  font-size: 14px;

  color: #ff4343;

}

.sup span::after {

  animation: slider 1s 1;

  -webkit-animation: slider 1s 1;

}

@keyframes slider {

  0% {

    transform: translateY(100px);

    opacity: 0;

  }

  80% {

    opacity: 1;

  }

  to {

    transform: translateY(-15px);

    opacity: 0;

  }

}

@-webkit-keyframes {

  from {

    transform: translateY(100px);

    opacity: 0;

  }

  to {

    transform: translateY(0px);

    opacity: 0;

  }

}

.case_info .caseback {

  display: none;

  position: relative;

  width: 100%;

  height: 60px;

  padding: 0 132px;

  margin: 20px 0;

}

.case_info .caseback a.fl,

.case_info .caseback a.fr {

  font-size: 18px;

  color: #848484;

  line-height: 60px;

}

.case_info .caseback .fanhui {

  position: absolute;

  top: 0px;

  left: 50%;

  transform: translateX(-50%);

  -ms-transform: translateX(-50%);
  /* IE 9 */

  -moz-transform: translateX(-50%);
  /* Firefox */

  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */

  -o-transform: translateX(-50%);

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: #2e65c0;

  color: #ffffff;

  font-size: 18px;

  text-align: center;

  line-height: 60px;

}

.ci_con {

  width: 100%;

  border-top: 1px solid #c9cbc9;

  height: 68px;

  line-height: 68px;

  background-color: #f3f7f3;

}

.ci_con .ci_left {

  padding-right: 35px;

  border-right: 1px solid #c9c9c9;

}

/*.ci_con .ci_left .po{

    padding-left: 430px;

}*/

.ci_con .ci_left a {

  font-size: 18px;

  color: #999;

  line-height: 68px;

}

.ci_con .ci_left a:hover {

  color: #ff4343;

}

.ci_con .ci_right {

  padding-left: 20px;

  height: 68px;

  line-height: 68px;

  /*width: 30%;*/

}



.ci_return span {

  width: 12px;

  display: block;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

.ci_return span img {

  width: 100%;

  display: block;

}

.ci_returnioca {

  position: relative;

  left: 0;

  top: 0;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

}

.ci_returniocr {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  opacity: 0;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

}

.ci_return h5 {

  font-size: 18px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  line-height: 68px;

  margin-left: 20px;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

}

.ci_return:hover .ci_returnioca {

  opacity: 0;

}

.ci_return:hover .ci_returniocr {

  opacity: 1;

}

.ci_return:hover h5 {

  color: #ff4343;

}

.ci_return a {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}

.ci_return {

  padding-left: 65px;

  height: 68px;

  position: relative;

  border-left: 1px solid #c9c9c9;

  margin-left: 30px;

}

.ci_conbox {

  margin-right: 240px;

}









.ci_con .ci_right .share {

  height: 68px;

  /* padding-top: 17px; */

  padding-left: 19px;

  position: relative;

}

.ci_con .ci_right .share span {

  float: left;

  color: #666666;

  /* margin-top: 8px; */

  line-height: 68px;

  font-size: 14px;

}

.ci_con .ci_right .share .bdsharebuttonbox {

  float: left;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  position: relative;

}

.ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {

  width: 20px;

  height: 18px;

  background-size: auto 100%;

  background-repeat: no-repeat;

  background-position: top left;

  margin-left: 30px;

  display: inline-block;

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_weixin {

  background-image: url(weixin.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina {

  background-image: url(weibo.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq {

  background-image: url(qq.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_weixin:hover {

  background-image: url(weixin2.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina:hover {

  background-image: url(weibo2.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq:hover {

  background-image: url(qq2.png);

}

.bd_weixin_popup {

  box-sizing: content-box;

}

.cdetails .casefo {

  padding: 0 160px 160px;

  background-color: #f3f7f3;

}

.cdetails .casefo h1 {

  padding: 70px 0;

  font-size: 48px;

  color: #c5c5c5;

  font-family: 'Conv_QUARTO-BOLD';

}

.cdetails .casefo .cdp_box {

  margin: 0 10px;

}

.cdetails .casefo .cdp_con {

  margin: 0 -10px;

  padding: 0 93px 0 99px;

}

.cdetails .casefo .cdp_ph {

  display: none;

}

.cdetails .casefo .cdp_con .slick-prev {

  width: 36px;

  height: 30px;

  background: url(prev.png) no-repeat;

  background-size: cover;

  left: 0px;

}

.cdetails .casefo .cdp_con .slick-next {

  width: 36px;

  height: 30px;

  background: url(slicknext.png) no-repeat;

  background-size: cover;

  right: 0px;

}

.cdetails .casefo .cdp_con .slick-dots {

  bottom: 30px;

}

.cdetails .casefo .cdp_con .slick-dots li {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 1px solid #ffffff;

}

.cdetails .casefo .cdp_con .slick-dots li.slick-active {

  background-color: #ffffff;

}

.cdetails .casefo .cdp_ph {

  width: 100%;

  padding-bottom: 100px;

}

.cdetails .casefo .cdp_ph .cph_con {

  width: 48.6%;

  margin-bottom: 22px;

}

.cdetails .casefo .cdp_ph .cph_con:nth-child(odd) {

  margin-right: 2.8%;

}

.cdetails .casefo .cdp_ph .slick-dots {

  bottom: 50px;

}

.cdetails .casefo .cdp_ph .slick-dots li {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 1px solid #ffffff;

}

.cdetails .casefo .cdp_ph .slick-dots li.slick-active {

  background-color: #ffffff;

}

/* .case footer p, .cdetails footer p{

    display: none;

} */

.index.newlist .section5 .main-container {

  padding-top: 0px;

  padding-left: 55px;

}

.index.newlist .section5 .main-container .bgf3 {

  background-color: #f3f7f3;

  padding: 150px 0 0 60px;


}

.index.newlist .newtitle h2 {

  font-size: 90px;

  color: #e84046;

  margin-bottom: 70px;

  font-family: 'Conv_QUARTO-BOLD';

  text-transform: uppercase;

}

.index.newlist .section5 .main-container .news .newpadtitle {

  display: none;

  padding: 20px 0 40px;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li {

  float: left;

  padding: 0 20px;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li:nth-child(1) {

  padding-left: 0px;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li a {

  font-size: 18px;

  color: #848484;

  text-transform: uppercase;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li.active a {

  color: #f54844;

}

.index.newlist .section5 .main-container .news .padnews {

  display: none;

}

.index.newlist .section5 .main-container .news .padnews .con {

  width: 100%;

  padding: 0 30px 55px;

  margin: 0 -8px;

}

.index.newlist .section5 .main-container .news .padnews .con .item {

  margin: 0 8px;

}

.index.newlist .section5 .main-container .news .padnews .shift {

  width: 100%;

  padding: 20px 30px 0;

  background-color: #f2f7f3;

}

.index.newlist .section5 .main-container .news .padnews .shift li {

  width: 49%;

}

.index.newlist .section5 .main-container .news .padnews .shift li:nth-child(odd) {

  margin-right: 2%;

}

.index.newlist .section5 .main-container .news .padnews .shift li {

  max-height: 130px;

}

.index.newlist .section1 .padnews .slick-dots {

  bottom: 30px;

  left: 0px;

}

.index.newlist .section5 .main-container .news .padnews .shift li:first-child {

  border-top: 0px;

}

.index .neitop {

  position: relative;

  width: 100%;

  height: 477px;

}

.index .neitop .neibei {

  position: fixed;

  top: 0;

  left: 0;



  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: left top;

}
.neitop .titl {
  width: 100%;
  position: absolute;
  z-index: 9;
  left: 4%;
  top: 40%;
}
.neitop .titl h4 {
  color: #fff;
  font-size: 40px;
}
.index .neitop .neibeiph {

  display: none;

  position: fixed;

  top: 0;

  left: 0;



  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center top;

}

.index .neitop .title {

  opacity: 0;

  max-width: 1600px;

  position: relative;

  z-index: 2;

  color: #fff;

}

.index .neitop .title .left,

.index .neitop .title .right {

  display: inline-block;

  vertical-align: middle;

}

.index .neitop .title .left h1 {

  font-size: 16px;

  line-height: 1.5;

  letter-spacing: 1px;

  font-family: '宋体', 'Arial';

  font-weight: bold;

}

.index .neitop .title .right h1 {

  font-size: 48px;

  line-height: 1.5;

  letter-spacing: 5px;

  font-family: '宋体', 'Arial';

}

.index .neitop .title .left {

  padding-left: 360px;

}

.index .neitop .title .right {

  padding-left: 100px;

}

.index.inpage .section1 .bgwhiteh {

  height: auto;

  overflow: hidden;

  padding: 0 0px 0 30px;

  background-color: #f3f7f3;

}

.index .section1 .bgwhiteh .left h4,

.index .section1 .bgwhiteh .left ul {

  position: relative;

  z-index: 1;

}

.index .section1 .bgwhiteh .newslist {

  padding-bottom: 0;

}

.index .section1 .bgwhiteh .caselist {

  width: 74%;

  /* padding-bottom: 140px; */

  background: #f3f7f3;

}

.index .section1 .bgwhiteh .caselist .newsnei {

  padding-top: 75px;

  background: #fff;

  padding-left: 50px;

  padding-right: 50px;

  padding-bottom: 100px;

}

.index .section1 .bgwhiteh .caselist .newsnei .title {

  width: 100%;

  padding-top: 30px;

}

.index .section1 .bgwhiteh .caselist .newsnei .title h1 {

  line-height: 1.5;

  text-align: center;
  font-size: 24px;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei {

  color: #999999;

  padding-top: 40px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e5e5e5;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time {

  width: 100%;

  padding-left: 23%;

  padding-right: 10%;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time span {

  margin-right: 55px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein {

  width: 100%;

  padding-left: 30px;

  padding-right: 30px;

  padding-top: 30px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein p {

  color: #666666;

  line-height: 30px;

  text-align: justify;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein img {

  max-width: 100%;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .newguding h1 {

  padding: 55px 0 55px;

  font-size: 30px;

  color: #343333;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess {

  padding: 0px 17px 0px 0px;

  margin-top: 88px;

  background-color: #fff;

}

.index .section1 .bgwhite .caselist .newsnei .newsnein .contact_mess form button {

  width: 190px;

  height: 60px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl {

  width: 46.7%;

  padding-right: 0px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl:nth-child(1) {

  margin-right: 6.6%;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback {

  width: 100%;

  height: 83px;

  margin-top: 100px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback {

  width: 83px;

  height: 83px;

  border-radius: 50%;

  background-color: #ff4343;

  text-align: center;

  margin: 0 auto;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

  cursor: pointer;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback p {

  color: #ffffff;

  font-size: 16px;

  line-height: 83px;

}

.index.service .bgwhite {

  background-color: #f3f7f3;

  padding-left: 30px;

  padding-right: 100px;

  padding-bottom: 1px;

}

.bgw_title {

  padding: 60px 0 0 20px;

}

.bgw_title h1 {

  font-size: 110px;

  font-family: 'Conv_GOKÚ STENCIL';

}

.bgw_title .bgw_nav {

  padding: 50px 0 45px;

}

.bgw_title .bgw_nav li {

  padding: 0 75px 30px 15px;

  float: left;

}

.bgw_title .bgw_nav li a {

  position: relative;

  font-size: 18px;

  color: #464646;

  text-transform: uppercase;

  font-family: "Microsoft JhengHei";

}

.bgw_title .bgw_nav li a:after {

  content: '';

  position: absolute;

  top: 50%;

  left: -5%;

  width: 0;

  height: 1px;

  background-color: #464646;

  transition: .5s;

  -moz-transition: .5s;
  /* Firefox 4 */

  -webkit-transition: .5s;
  /* Safari 和 Chrome */

  -o-transition: .5s;
  /* Opera */

}

.bgw_title .bgw_nav li a:hover:after {

  width: 110%;

}

.index .section1 .bgwhite .bgw_title .bgw_nav li a:hover {

  color: #464646 !important;

}

.bgw_left,

.bgw_right {

  border: 1px solid #dcdcdc;

  margin-bottom: 120px;

}

.bgw_fl,

.bgw_fr {

  width: 50%;

}

.bgw_fl {

  padding: 87px 45px 0 40px;

}

.bgw_fl h1 {

  font-size: 72px;

  color: #ff4343;

  margin-bottom: 38px;

  margin-left: -15px;

  font-family: 'Conv_GOKÚ STENCIL';

  text-transform: uppercase;

}

.bgw_fl h5 {

  font-size: 18px;

  color: #333333;

}

.bgw_fl p {

  padding-top: 85px;

  font-size: 14px;

  color: #848484;

  line-height: 30px;

  letter-spacing: 1px;

  font-family: "Microsoft JhengHei";

  text-align: justify;

}

.bgw_fl .bgwul {

  padding: 90px 0 70px;

}

.bgw_fl .bgwul ul li {

  position: relative;

  padding: 10px 0 10px 54px;

  font-size: 14px;

  color: #464646;

  font-family: "Microsoft JhengHei";

}

.bgw_fl .bgwul ul li:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0px;

  width: 41px;

  height: 1px;

  background-color: #d2d2d2;

}

.bgw_fr {

  position: relative;

  padding-top: 160px;

}

.bgw_fr h1 {

  position: absolute;

  top: 0px;

  right: 22%;

  font-size: 213px;

  color: #e8ebe8;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);
  /* IE 9 */

  -moz-transform: translateY(-50%);
  /* Firefox */

  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */

  -o-transform: translateY(-50%);
  /* Opera */

  font-family: 'Conv_GOKÚ STENCIL';

}

.bgw_fr img {

  float: right;

  margin-right: -50px;

  max-width: 100%;

}

.bgw_right .bgw_fr {

  padding-top: 223px;

}

.bgw_right .bgw_fr img {

  float: left;

  margin-left: -9px;

  max-width: 100%;

}

.bgw_right .bgw_fr h1 {

  left: 8.4%;

}

.about_top {

  padding: 0 70px;

  background-color: #f3f7f3;

}

.about_top .at_title {

  padding: 90px 0;

  line-height: 1.5;

}

.about_top .at_title h6 {

  font-size: 36px;

  font-family: 'Conv_QUARTO-BOLD';

  text-transform: uppercase;

}

.about_top .at_title h1 {

  font-size: 80px;

  font-family: 'Conv_QUARTO-BOLD';

  text-transform: uppercase;

}

.about_top .at_title h5 {

  font-size: 48px;

  font-family: 'Conv_QUARTO-BOLD';

  text-transform: uppercase;

}

.purple {

  color: #4f3f92;

}

.red {

  color: #ff4343;

}

.about_top .at_middle h6 {

  padding: 0px 0 60px;

  font-size: 18px;

  color: #666666;

  font-weight: bold;

  line-height: 1.5;

}

.about_top .at_middle p {

  width: 57.3%;



  font-size: 16px;

  color: #848484;

  text-align: justify;

  line-height: 28px;

  font-family: "Microsoft JhengHei";

}

.about_top .at_bottom {

  padding: 70px 0px;

}

.about_top .at_bottom .ab_con {

  width: 33.3%;

}

.about_top .at_bottom .ab_con h5 {

  font-size: 36px;

  color: #aaaaaa;

  margin-bottom: 40px;

  font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';

}

.about_top .at_bottom .ab_con .ab_num {

  color: #4f3f92;

  font-size: 100px;

  margin-bottom: 40px;

  font-family: 'Conv_GOKÚ STENCIL';

}

.about_top .at_bottom .ab_con p {

  font-size: 16px;

  color: #aaaaaa;

  font-family: "Microsoft JhengHei";

}

.about_middle {

  background-color: #f9f9f9;

}

.about_middle .am_top {

  padding: 105px 65px 95px;

}

.about_middle .am_top h1,

.about_middle .am_bottom h1 {

  color: #666666;

  margin-bottom: 65px;

  font-size: 24px;

  font-weight: bold;

}

.about_middle .am_top p,

.about_middle .am_bottom p {

  font-size: 18px;

  color: #666666;

  font-family: "Microsoft JhengHei";

  line-height: 34px;

}

.about_middle .am_middle {

  position: relative;

}

.about_middle .am_middle .am_fl {

  width: 45.8%;

}

.about_middle .am_middle .am_fl img {

  width: 100%;

}

.about_middle .am_middle .am_fr {

  position: relative;

  width: 54.2%;

}

.about_middle .am_middle .am_fr .afr_img:nth-child(1) {

  width: 50.8%;

}

.about_middle .am_middle .am_fr .afr_img:nth-child(2) {

  width: 49.2%;

}

.about_middle .am_middle .am_fr .afr_img img {

  width: 100%;

}

.about_middle .am_middle .am_txt {

  position: absolute;

  right: 223px;

  bottom: -45px;

}

.about_middle .am_middle .am_txt h1 {

  font-size: 80px;

  letter-spacing: 1px;

}

.about_middle .am_middle .am_txt h1:nth-child(1) {

  margin-bottom: 30px;

}

.about_middle .am_bottom {

  padding: 80px 65px 70px;

}

.about_middle .am_bottom .amb_txt {

  margin-top: 70px;

}

.about_middle .am_bottom .atxt_con {

  width: 33.333333%;

  padding-left: 36px;

  padding-right: 36px;

}

.about_middle .am_bottom .amb_txt {

  margin-left: -36px;

  margin-right: -36px;

}



.index .section2 .bgpurple {

  background: #4f3f92 !important;

}

.index .section2 .bgpurple ul.bgrpad div li .item {

  border-bottom: 1px solid #9a92bc;

}

.index .section2.phsc2 .bgpurple .ph .item:nth-child(1) {

  border-top: 1px solid #9a92bc;

}

.index .section2.phsc2 .bgpurple .ph .item:nth-child(2) {

  border-top: 1px solid #9a92bc;

}

.index .section2.phsc2 .bgpurple .ph .item {

  border-bottom: 1px solid #9a92bc;

}

.index .section2 .bgpurple ul.bgrpad div li .item:nth-of-type(3n-2) {

  border-top: 1px solid #9a92bc;

}

.section_about .sa_con {

  position: relative;

  padding-left: 22.9%;

  padding-bottom: 250px;

  background-color: #f3f7f3;

}

.section_about .sa_top {

  padding: 85px 75px 85px 50px;

}

.section_about .sa_top .sa_fl {

  width: 42%;

}

.section_about .sa_top .sa_fl h5 {

  font-size: 24px;

  font-weight: bold;

}

.section_about .sa_top .sa_fr {

  width: 58%;

}

.section_about .sa_top .sa_fr p {

  font-size: 16px;

  color: #666666;

  line-height: 34px;

  font-family: "Microsoft JhengHei";

}

.section_about .sa_img {

  width: 100%;

}

.section_about .sa_img img {

  width: 100%;

}

.section_about .sa_ab {

  position: absolute;

  left: 95px;

  bottom: 163px;

}

.map {

  position: relative;

}

.map .map_img {

  width: 100%;

}

.map .map_img img {

  width: 100%;

}

.map .map_logo {

  /* position: absolute;
    top: 61px;
    left: 142px; */
  margin-bottom: 246px;
}
.map .map_logo img {
  width: 304px;
}
.map_txt {
  position: absolute;
  top: 75px;
  left: 142px;
}
.map_txt:after {
  content: '';
  position: absolute;
  top: 197px;
  left: 0px;
  width: 45px;
  height: 5px;
  background-color: #fff;
}
.map_txt h1 {
  font-size: 50px;
  color: #fff;
  margin-bottom: 45px;
  font-family: 'Conv_QUARTO-BOLD';
  letter-spacing: 3px;
}
.map_txt p {
  font-size: 25px;
  color: #fff;
  margin-bottom: 109px;
  font-family: 'Conv_QUARTO-BOLD';
  letter-spacing: 3px;
}
.map_txt button {
  width: 145px;
  height: 55px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  font-family: "Microsoft JhengHei";
}
.map_center {
  position: absolute;
  top: 50%;
  right: 210px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  width: 500px;
  height: 500px;
}
.map_center p {
  position: relative;
  font-size: 36px;
  font-weight: bold;
  padding: 0 120px 20px 0;
  color: #70868f;
  border-bottom: 1px solid #70868f;
  text-transform: uppercase;
  width: 58%;
  margin-top: 40%;
}
.map_center p:after {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0px;
  transform: translateY(50%);
  -ms-transform: translateY(50%);
  /* IE 9 */
  -moz-transform: translateY(50%);
  /* Firefox */
  -webkit-transform: translateY(50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(50%);
  /* Opera */
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 50%;
}
.map_center span {
  position: absolute;
  right: -40px;
  bottom: -50px;
  width: 100px;
  height: 100px;
  background-color: #38fdff;
  border-radius: 50%;
  /* opacity: .4; */
  animation: dots 3s infinite;
  -moz-animation: dots 3s infinite;
  -webkit-animation: dots 3s infinite;
  -o-animation: dots 3s infinite;
  display: block;
}
@keyframes dots {

  0% {
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    opacity: .3;
  }
  100% {
    transform: scale(5);
    -ms-transform: scale(5);
    -moz-transform: scale(5);
    -webkit-transform: scale(5);
    -o-transform: scale(5);
    opacity: 0;
  }
}
.contact1 {
  padding: 100px 110px 70px 140px;
  /*background-color: #f3f7f3;*/
}
.g_padd {
  padding-left: 100px;
  padding-right: 140px;
}
.contact1 .contact_title {
  padding-bottom: 105px;
}
.contact1 .contact_title h1 {
  font-size: 60px;
  color: #ff4343;
  display: inline-block;
  margin-right: 72px;
  font-family: 'Conv_QUARTO-BOLD';
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 66px;
}
.contact1 .contact_title .phone {
  height: 66px;
  position: relative;
  padding-left: 85px;
}
.contact1 .contact_title img {
  margin-right: 30px;
  height: 55px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  left: 0px;
}
.contact1 .contact_title span {
  font-size: 24px;
  color: #ff4343;
  line-height: 66px;
  font-family: 'Conv_ELEPHNT';
  letter-spacing: 1.5px;
}
.contact1 .contact_title span a {
  color: #ff4343 !important;
  display: none;
}
.contact_loc {
  position: relative;
  width: 32.4%;
  margin-left: 1.4%;
  padding: 50px 0 50px 185px;
  border: 1px solid #dbdbdb;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.contact_loc:hover {
  border: 1px solid #ff4343;
}
.contact_loc:nth-child(1) {
  margin-left: 0px;
}
.contact_loc .imgdiv {
  position: absolute;
  top: 65px;
  left: 40px;
  width: 87px;
  height: 87px;
}
.contact_loc .imgdiv img {
  width: 100%;
}
.contact_loc h4 {
  font-size: 18px;
  font-weight: bold;
  font-family: '微软雅黑';
  color: #464646;
  line-height: 20px;
}
.contact_loc .h4 {
  font-weight: 500;
  margin-bottom: 24px;
  margin-top: 9px;
}
.contact_loc h5 {
  color: #848484;
  line-height: 30px;
  font-family: "微软雅黑";
}
.contact_loc h5 span {
  color: #555;
  font-weight: 600;
}
.contact_loc h5 a {
  color: #848484 !important;
  display: none;
}
.contact_mess {
  padding: 100px 40% 0px 0px;
}
.contact_mess .gx_kshzimg {
  font-size: 24px;
  color: #464646;
  margin-bottom: 30px;
  margin-left: 4%;
}
.contact_mess .gx_kshzimg h2 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #d13c23;
  border-radius: 40px;
  text-align: center;
  color: #fff;
}
.contact_mess form .form_fl {
  width: 46%;
  padding-right: 70px;
}
.bdBox {
  width: 47%;
  float: left;
  margin: 0 1.5%;
  overflow: hidden;
}
.bdBox2 {
  width: 100%;
}
.bdBox label {
  width: 96%;
  font-size: 16px;
  line-height: 30px;
  padding-top: 30px;
  margin-left: 4%;
}
.bdBox label span {
  color: #f00;
}
.bdBox2 label {
  width: 8%;
  margin-left: 2%;
}
.contact_mess form input {
  padding: 15px 0 15px;
  color: #848484;
  font-size: 14px;
  line-height: 36px;
  display: block;
  border-bottom: 1px solid #dbdbdb;
  width: 96%;
  font-family: "Microsoft JhengHei";
  margin-left: 4%;
}
.contact_mess form textarea {
  width: 96%;
  font-size: 14px;
  color: #848484;
  padding-top: 20px;
  height: 67px;
  border-bottom: 1px solid #dbdbdb;
  font-family: "Microsoft JhengHei";
  resize: none;
  margin-left: 4%;
}
.contact_mess form h4 {
  position: relative;
  display: block;
  width: 96%;
}
.contact_mess form .input-code {
  width: 100%;
  margin-left: 2%;
}
.contact_mess form h4 .code {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
}
.contact_mess form span img {
  position: absolute;
  left: auto;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  width: 140px;
}
.contact_mess form button {
  width: 235px;
  height: 63px;
  background-color: #2e2d2b;
  color: #ffffff;
  font-size: 18px;
  margin-top: 75px;
  font-family: "Microsoft JhengHei";
  margin-left: 4%;
}
.dana1 .enj_con {
  float: left;
  margin-top: 26px;
}
#text {
  transition: all 0.56s;
}
.con_himg {
  width: 186px;
}
.con_himg img {
  width: 100%;
  display: block;
}
.newservicef .bgray {
  margin-bottom: 20px;
  background-color: #ffffff !important;
}
.newlist .section5 .main-container .news .con .item .text {
  border-bottom: 1px solid transparent !important;
}
.newlist .section5 .main-container .news .con .item .text:after {
  display: none;
}



/*新服务页面*/
.newservice .wrap {
  padding: 0 203px 50px 220px;
  background-color: #f3f5f7;
}
.newservice .wrap .sertitle {
  position: relative;
  padding-top: 127px;
  padding-bottom: 130px;
  margin-bottom: 130px;
  border-bottom: 2px solid #dddddd;
}
.newservice .wrap .sertitle:after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dcdcdc;
  transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
}
.newservice .sertitle h2 {
  font-family: 'Conv_QUARTO-BOLD';
  font-size: 144px;
  color: #d6000f;
  text-transform: uppercase;
}
.newservice .sertitle .serlogo {
  position: absolute;
  top: 138px;
  right: 0px;
  width: 240px;
}
.newservice .sertitle .serlogo img {
  width: 100%;
}
.newservice .bgray {
  width: 100%;
  height: 581px;
  padding: 0 0 40px 78px;
  background-color: #eaeaea;
}
.newservice .bgray a {
  color: #404c63;
}
.newservice .bgray .grayfl {
  width: 42.1%;
  height: 100%;
  color: #404c63;
  padding-top: 37px;
}
.newservicef .bgray .grayfl {

  color: #eb4936;

}

.type {

  position: relative;

  padding-top: 26px;

  -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -ms-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s;

}

.graytitle {

  position: absolute;

  top: 48px;

}



.type:after {

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 109px;

  height: 2px;

  background-color: #404c63;

}

.newservicef .type:after {

  background-color: #eb4936;

}

.type h6 {
  font-family: 'Conv_QUARTO-BOLD';
  font-size: 18px;
  text-transform: uppercase;
}
.graytitle .gx_ywbnp {
  font-family: 'Conv_QUARTO-BOLD';
  font-size: 40px;
  margin-bottom: 10px;
  text-transform: uppercase;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.graytitle h2 {
  font-family: '宋体';
  font-size: 48px;
  margin-bottom: 128px;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.webul {
  margin: 0 -10px;
  width: 470px;
  max-width: 100%;
  padding-top: 70px;
}
.webul li {
  position: relative;
  float: left;
  padding: 0 10px;
  margin-top: 15px;
}

.webul li {
  font-size: 18px;
  color: #404c63;
}
.newservicef .webul li {
  color: #eb4936;
}
.webul2 {
  padding-top: 35px;
}
.newservicef .webul2 li {
  color: #eb4936;
}
.newservice .bgray .grayfr {
  width: 57.9%;
}
.newservice .bgray .grayfr img {
  /* margin-top: 28px; */

  max-width: 100%;
  display: block;
  float: right;
}
.bry {
  width: 100%;
}
.bry .bgblack, .bry .ry {
  width: 50%;
  height: 100%;
}
.bry .brybox {
  width: 100%;
  height: 632px;
  padding-left: 75px;
  padding-top: 48px;
  overflow: hidden;
}
.bry .brybox a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.brybox {
  position: relative;
}
.brybox .ser_arrow {
  position: absolute;
  bottom: 105px;
  right: 90px;
}
.bgblack .black_top {
  background-color: #4e84f1;
  position: relative;
  padding-left: 56px;
  padding-right: 56px;
}
.bgblack .black_top img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bgblack .black_center {
  background-color: #000000;
  color: #ceccb7;
}
.bgblack .black_center a {
  color: #ceccb7;
}
.bgblack .black_center .type:after {
  background-color: #ceccb7;
}
.bgblack .black_center .webul li {
  color: #ceccb7;
}
.bgblack .black_center2 {
  background-color: #fff;
  color: #e84046;
}
.bgblack .black_center2 a {
  color: #e84046;
}
.bgblack .black_center2 .type:after {
  background-color: e84046;
}
.bgblack .black_center2 .webul li {
  color: #e84046;
}
.bgblack .black_bottom {
  background-color: #4e84f1;
  color: #fff;
}
.bgblack .black_bottom a {
  color: #fff;
}
.bgblack .black_bottom p {
  color: #fff;
}
.bgblack .black_bottom .type:after {
  background-color: #fff;
}
.bgblack .black_bottom .webul li {
  color: #fff;
}
.ry .ry_top {
  background-color: #e84046;
  color: #ffffff;
}
.ry .ry_top a {
  color: #ffffff;
}
.ry .ry_top .type:after {
  background-color: #ffffff;
}
.ry .ry_top .webul li {
  color: #ffffff;
}
.ry .ry_center {
  background-color: #ffd954;
  color: #000;
}
.ry .ry_center a {
  color: #000;
}
.ry .ry_center p {
  color: #474747;
}
.ry .ry_center .type:after {
  background-color: #000;
}
.ry .ry_center .webul li {
  color: #000;
}
.ry .ry_bottom {
  background-color: #7fc070;
  color: #ffffff;
}
.ry .ry_bottom a {
  color: #ffffff;
}
.ry .ry_bottom p {
  color: #ffffff;
}
.ry .ry_bottom .type:after {
  background-color: #ffffff;
}
.ry .ry_bottom .webul li {
  color: #ffffff;
}
.ry .black_top2 {
  background-color: #d5d6db;
  position: relative;
  padding-left: 56px;
  padding-right: 56px;
}
.ry .black_top2 img {
  max-width: 100%;
  position: relative;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bry_logo {
  opacity: 0;
  height: 0px;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.graytitlebox {
  height: calc(100% - 41px);
  position: relative;
}


@media (min-width: 1200px) {
  .g_f4botxiafl2z {
    transition: all 0.36s;
  }
  .newserviceb .bgray:hover .graytitle {
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    top: 50% !important;
  }
  .newserviceb .bgray:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #404c63;
  }
  .bgblack .black_center:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #ceccb7;
  }
  .bgblack .black_center2:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #e84046;
  }
  .bgblack .black_bottom:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #ffff;
  }
  .ry .ry_top:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #ffffff;
  }
  .ry .ry_center2:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #000;
  }
  .ry .ry_center:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #000;
  }
  .ry .ry_bottom:hover .webul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 23px;
    height: 1px;
    background-color: #fff;
  }
  /*.newserviceb .brybox:hover .type{

        margin-bottom: 52px;

    }*/
  .newserviceb .brybox:hover .graytitle .gx_ywbnp {
    font-size: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
  }
  .newserviceb .bry .brybox:hover .graytitle {
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  .newserviceb .brybox:hover .graytitle h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .newserviceb .brybox:hover .bry_logo {
    opacity: 1;
    height: 45px;
    margin-bottom: 30px;
  }
  .newserviceb .brybox:hover .webul li {
    padding-left: 35px;
    width: 50%;
  }
  .newserviceb .brybox:hover .webul li {
    white-space: nowrap;
    font-size: 22px;
  }

}

.retrieve .wrap {

  padding: 0 109px 0 160px;

  background-color: #f7f7f7;

}

.retrieve .wrap .ret_line {

  position: relative;

  padding-top: 123px;

  border-bottom: 1px solid #dddddd;

}

.retrieve .wrap .ret_line:after {

  content: '';

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #dcdcdc;

  transform: translate(50%);

  -o-transform: translate(50%);

  -ms-transform: translate(50%);

  -moz-transform: translate(50%);

  -webkit-transform: translate(50%);

}

.retri_hint {

  padding: 85px 0;

}

.retri_hint h4 {

  font-size: 24px;

  font-weight: bold;

  font-family: "Microsoft JhengHei";

}

.retri_con {

  width: 100%;

}

.retri_con .retri_box {

  width: 31.4%;

  margin-bottom: 50px;

  margin-left: 2.9%;

  animation-name: fadeInUp;

}

.retri_con .retri_box:nth-child(1) {

  animation-delay: 0.1s;

}

.retri_con .retri_box:nth-child(2) {

  animation-delay: 0.2s;

}

.retri_con .retri_box:nth-child(3) {

  animation-delay: 0.3s;

}

.retri_con .retri_box:nth-child(4) {

  animation-delay: 0.4s;

}

.retri_con .retri_box:nth-child(5) {

  animation-delay: 0.5s;

}

.retri_con .retri_box:nth-child(6) {

  animation-delay: 0.6s;

}

.retri_con .retri_box:nth-child(7) {

  animation-delay: 0.7s;

}

.retri_con .retri_box:nth-child(8) {

  animation-delay: 0.8s;

}

.retri_con .retri_box:nth-child(9) {

  animation-delay: 0.9s;

}

.retri_con .retri_box:nth-child(3n+1) {

  margin-left: 0px;

}

.enjoy .wrap {

  padding: 132px 110px 0 160px;

  background: #f3f5f7;

}

.enjoy_title {

  position: relative;

  padding-bottom: 80px;

  border-bottom: 2px solid #dddddd;

  overflow: hidden;

}

.enjoy_title:after {

  content: '';

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #dcdcdc;

  transform: translateY(50%);

  -o-transform: translateY(50%);

  -ms-transform: translateY(50%);

  -moz-transform: translateY(50%);

  -webkit-transform: translateY(50%);

}

.enjoy_title h1 {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 144px;

  color: #ff4545;

  margin-right: 210px;

  text-transform: uppercase;

}

.enjoy_title .enj_con h2 {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 60px;

  color: #ff4545;

  margin-bottom: 25px;

}

.enjoy_title .enj_con h2 span {

  font-size: 72px;

}

.enjoy_title .enj_con p {

  font-family: '宋体';

  font-size: 24px;

  color: #464646;

}

.enjoy .enjoynav {

  padding: 80px 0;

  margin: 0 -44px;

}

.enjoy .enjoynav li {

  float: left;

  padding: 0 44px;

  /*margin-bottom: 20px;*/

}

.enjoy .enjoynav li a {

  position: relative;

  font-size: 18px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  text-transform: uppercase;

  line-height: 32px;

}

.enjoy .enjoynav li.atv a::after {

  width: 110%;

  opacity: 1;

}

.enjoy .enjoynav li a::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0px;

  width: 0;

  height: 1px;

  margin-left: -5%;

  background-color: #464646;

  -webkit-transition: all .5s ease-out 0s;

  -moz-transition: all .5s ease-out 0s;

  -ms-transition: all .5s ease-out 0s;

  -o-transition: all .5s ease-out 0s;

  transition: all .5s ease-out 0s;

  opacity: 0;



}
@media (min-width: 1200px) {
  .enjoy .enjoynav li:hover a:after {

    width: 110%;

    opacity: 1;

  }
}

.enjoy_con {

  width: 100%;

}

.enjoy_box {

  width: 31.4%;

  margin-left: 2.9%;

  padding-bottom: 30px;

  margin-bottom: 70px;

  background-color: #fff;

}

.enjoy_con .enjoy_box:nth-child(3n+1) {

  margin-left: 0px;

}

.enjoy_box .imgdiv {

  overflow: hidden;

}

.enjoy_box .imgdiv img {

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

}

.enjoy_box .imgdiv img:hover {

  transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.lead .wrap {

  background-color: #f9f9f9;

}

.lead_top {

  padding: 150px 157px 200px;

}

.lead_top .lt_img {

  width: 63.86%;

}

.lead_top .lt_img img {

  width: 100%;

}

.lead_top .lt_txt {

  width: 36.14%;

  padding: 90px 0 0 75px;

}

.lead_top .lt_txt h1 {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 60px;

  color: #fff;

}

.lead_top .lt_txt .lead_view {

  padding: 80px 0;

}

.lead_top .lt_txt .lead_view a {

  font-size: 18px;

  color: #fff;

  font-family: "Microsoft JhengHei";

}

.lead_top .lt_txt .lt_mess {

  font-size: 18px;

  color: #fff;

  font-family: "Microsoft JhengHei";

  line-height: 36px;

  margin-bottom: 60px;

}

.lead_top .lt_txt .lt_share {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 18px;

  color: #fff;

  line-height: 1.5;

}

.lead_top .lt_txt .share {

  padding: 45px 0;

}

.lt_txt .share .bdsharebuttonbox .bdsbtn {

  width: 20px;

  height: 20px;

  background-size: auto 100%;

  background-repeat: no-repeat;

  background-position: top left;

  margin-left: 30px;

  display: inline-block;

}

.lt_txt .share .bdsharebuttonbox .bds_weixin {

  background-image: url(weixin1.png);

  background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_tsina {

  background-image: url(weibo1.png);

  background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_qzone {

  background-image: url(qq1.png);

  background-size: 100%;

}

.lead_top .lt_txt .lt_tel {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 18px;

  color: #fff;

  line-height: 1.5;

}

.lead_top .lt_txt .lt_tel span {

  font-size: 24px;

}

.lead_con {

  width: 100%;

  padding: 0px 157px 0px;

}

.lead_con .lc_title {

  padding: 100px 0 90px;

}

.lead_con .lc_title h4 {

  font-family: 'Conv_QUARTO-BOLD';

  font-size: 60px;

  color: #ff677c;

  text-transform: uppercase;

}

.lead_con .lc_slick {

  padding: 0 100px 0px;

  margin-bottom: 90px;

}

.lead_con .lc_slick .lc_small {

  width: 180px;

  height: 170px;

  overflow: hidden;

  margin: 0 15px;

}

.lead_con .lc_slick .lc_small img {

  width: 100%;

}

.lead_con .lc_slick .slick-prev {

  width: 36px;

  height: 36px;

  background: url(prev.png) no-repeat;

  background-size: cover;

  left: 0px;

}

.lead_con .lc_slick .slick-next {

  width: 36px;

  height: 30px;

  background: url(slicknext.png) no-repeat;

  background-size: cover;

  right: 0px;

}

.lead_con .lc_change {

  width: 100%;

}

.lead_con .lc_change img {

  width: 100%;

}

.lead_con .lc_change .slick-prev {

  top: 28%;

  z-index: 1;

  width: 50px;

  height: 132px;

  background-color: rgba(64, 76, 99, .5);

  opacity: 1;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

}

.lead_con .lc_change .slick-prev:after {

  content: '';

  position: fixed;

  top: 50%;

  left: 50%;

  width: 32px;

  height: 26px;

  background: url(prev.png) no-repeat;

  background-size: cover;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.lead_con .lc_change .slick-next {

  top: 28%;

  z-index: 1;

  width: 50px;

  height: 132px;

  background-color: rgba(64, 76, 99, .5);

  opacity: 1;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

}

.lead_con .lc_change .slick-next:after {

  content: '';

  position: fixed;

  top: 50%;

  left: 50%;

  width: 32px;

  height: 26px;

  background: url(slicknext.png) no-repeat;

  background-size: cover;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

/*.lead_conatv .lead_con .lc_change .slick-next,.lead_con .lc_change .slick-prev{

    opacity: 1;

}*/





.index .section2 {

  font-size: 0;

}











.lc_changel, .lc_changer {

  width: 50px;

  height: 132px;

  background-color: rgba(64, 76, 99, .5);

  position: fixed;

}

.lc_changel img, .lc_changer img {

  width: 32px;

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.lc_changel {

  left: 132px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  display: none;

}

.lc_changer {

  right: 132px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  display: none;

}

.lc_changeratv .lc_changer {

  display: block;

}

.lc_changeratv .lc_changel {

  display: block;

}

.lc_changebox {

  position: relative;

}

.lc_changeboxn {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 66.666666vh;

  z-index: 0;

}





/*案例内页动画*/

@-webkit-keyframes slick {

  from {

    left: -200%;

  }

  to {

    left: 100%;

  }

}



@keyframes slick {

  from {

    left: -200%;

  }

  to {

    left: 100%;

  }

}

.slike {

  display: inline-block;

}

.layui-layer-btn0 {

  background-color: #ff9b9b;

}

/*  @-webkit-keyframes slickc

{

   from{

       right: -100%;

   }

   to{

       right: 0;

   }

}



@keyframes slickc

{

   from{

       right: -100%;

   }

   to{

       right: 0;

   }

}



.active{

   animation:slickc .3s 1 forwards;

   -webkit-animation:slickc .3s 1 forwards;

}  */

/*箭头动效*/

@-webkit-keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-1px, 0, 0);

    transform: translate3d(-1px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }

}



@keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-1px, 0, 0);

    transform: translate3d(-1px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }

}



@-webkit-keyframes shakey {

  from,

  to {

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-1px, -50%, 0);

    transform: translate3d(-1px, -50%, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(5px, -50%, 0);

    transform: translate3d(5px, -50%, 0);

  }

}



@keyframes shakey {

  from,

  to {

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-1px, -50%, 0);

    transform: translate3d(-1px, -50%, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, -50%, 0);

  }

}



.albumboxcenitm {

  width: 50%;

}

.albumboxcenitm img {

  width: 100%;

}



.mainh4sy {

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 11px;

}

.enjoy_box {

  overflow: hidden;

}

.messdiv span {

  position: relative;

}

.messdiv span::after {

  content: '+1';

  display: block;

  width: 30px;

  height: 30px;

  position: absolute;

  left: 26px;

  top: 0;

  color: #ff4343;

  font-size: 18px;

  transform: translateY(100px);

  transition: all 1.3s;

  display: none;

}

.zandivatv span::after {

  animation: shakea 1.2s 1 forwards;

  -webkit-animation: shakea 1.2s 1 forwards;

}





@keyframes shakea {

  0% {

    transform: translateY(100px);

    opacity: 0;

  }

  60% {

    opacity: 1;

  }

  100% {

    transform: translateY(-30px);

    opacity: 0;

  }



}

.albumbox {

  padding-left: 55px;

}



.serdetails .txtdiv p {

  font-size: 24px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  line-height: 42px;

  height: 84px;

  overflow: hidden;

}

.serdetails .messdiv .zandiv {

  width: 29px;

  background: transparent;

  height: auto;

}



















/*服务页*/
.imgdiv img {
  width: 100%;
  max-height: 310px;
}
.cm_con:hover .imgdiv img {
  transform: scale(1.1, 1.1);
  transition: all .6s;
}
.caseanli .wrap nav ul {
  margin-left: -44px;
  margin-right: -44px;
}
.g_hardbox {
  background: #28a3e2;
  position: relative;
}
.g_hardbox4 {
  background: #ffd955;
}
.caseanli .wrap nav {
  margin: 0px 0 0 0px;
}
.logoanli {
  width: 241px;
}
.logoanli img {
  width: 100%;
  display: block;
}
.g_anlihard {
  margin-top: 66px;
}
.caseanli .wrap nav li {
  float: left;
  padding: 0 27px;
  margin-bottom: 0px;
}
.caseanli .wrap nav li a {
  line-height: 32px;
  color: #ffffff;
}
.caseanli .wrap .black li a {
  color: #010101;
}
.caseanli .wrap nav.blue li a {
  color: #2e65c0;
}
.caseanli .wrap {
  padding-left: 55px;
  padding-right: 0px;
}
.g_harlitmr {
  width: 650px;
  margin-right: 120px;
}
.g_harlitmr2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.g_harlitmrbox img {
  width: 100%;
}
.faz img {
  animation: xuz 10s infinite linear;
  -webkit-animation: xuz 10s infinite linear;
}
.faz1 img {
  animation: likes 5s infinite linear;
  -webkit-animation: likes 5s infinite linear;
}
@keyframes likes {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.g_harintr {
  margin-top: 123px;
}
.g_harlitml h1 {
  font-size: 70px;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  line-height: 116px;
  height: 150px;
  white-space: nowrap;
}
.g_harlitml h1 b {
  color: #fff;
  font-size: 30px;
  padding: 0 2%;
}
.g_harlitml h1 span {
  color: #fff;
  font-size: 45px;
}
.g_harlitml h4 {
  color: #fff;
  font-size: 43px;
  line-height: 60px;
  height: 160px;
}
.g_harlitml p {

  font-family: "Microsoft JhengHei";

  font-size: 24px;

  color: #ffffff;

  line-height: 50px;

}
.g_harlitml2 h1 {
  color: #4d6083;
}
.g_harlitml2 h1 b {
  color: #4d6083;
}
.g_harlitml2 h1 span {
  color: #4d6083;
}
.g_harlitml2 p {
  color: #404040;
}
.g_harlitml4 h1 {
  color: #010101;
}
.g_harlitml4 h1 b {
  color: #010101;
}
.g_harlitml4 h1 span {
  color: #010101;
}
.g_harlitml4 h4 {
  color: #010101;
}
.g_harlitml4 p {
  color: #010101;
}

.g_harlitmlp {

  height: 250px;

  overflow: hidden;

}

.g_harlitmlnav span {

  font-size: 18px;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  padding-left: 10px;
  padding-right: 2%;
  display: block;
  line-height: 30px;
}
.g_harlitmlnav2 span {
  color: #4d6083;
}
.g_harlitmlnav4 span {
  color: #010101;
}
.g_harlitmlnav {

  margin-left: -10px;

  margin-right: -10px;

}

.g_harlitml {

  width: calc(100% - 850px);

}

.g_harintr {

  padding-bottom: 120px;

}

.g_padding1 {

  padding-left: 175px;

  padding-right: 117px;

}
.g_pad {
  padding-bottom: 16%;
}
.g_methlast span {

  width: 100%;

  display: block;

  font-size: 24px;

  color: #000000;

  padding-left: 50px;

  padding-right: 50px;

  box-sizing: border-box;

  margin-bottom: 70px;

}
.g_methlast2 span {
  width: 50%;
  color: #fff;
}
.g_methlast span .b {
  color: #757388;
  font-weight: 700;
  display: inline-block;
  width: 20%;
}
.g_methlast {

  margin-left: -50px;

  margin-right: -50px;

}



.g_methodl {

  width: calc(100% - 100px);

}
.g_methodb .g_methodl2 {

  width: calc(100% - 980px);

}
.g_methodl3 {
  width: calc(100% - 980px);
}
.g_methodr {

  width: 650px;

  margin-top: 48px;

  position: relative;

  margin-right: 163px;

}

.g_methodrimg2 {

  position: absolute;

  left: -20px;

  top: -50px;

  z-index: 1;


  animation: kejia 30s infinite linear;

  -webkit-animation: kejia 30s infinite linear;

}

.g_methodrimg2g {

  position: absolute;

  height: 170%;

  left: -49px;

  top: -77px;

  width: 104%;

  animation: kejib 30s infinite linear;

  -webkit-animation: kejib 30s infinite linear;

}

.g_methodrimg2g img {

  width: 100%;

  display: block;

}

@-webkit-keyframes kejia {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

  }

}

@keyframes kejia {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

  }

}

.g_methodrimg2b1 {

  width: 47px;

  position: absolute;

  left: 152px;

  top: -3px;

  display: block;

  animation: kejib 30s infinite linear;

  -webkit-animation: kejib 30s infinite linear;

}

.g_methodrimg2b2 {

  width: 47px;

  position: absolute;

  right: 415px;

  bottom: 33px;

  display: block;

  animation: kejib 30s infinite linear;

  -webkit-animation: kejib 30s infinite linear;

}





.g_methodrimg2a {

  width: 100%;

  display: block;

}

.g_methodrimg1 {

  width: 80%;

  display: block;

}

@-webkit-keyframes kejib {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

  }

}

@keyframes kejib {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

  }

}
.g_method2 {
  overflow: hidden;
}
.g_method2:hover {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
}
.g_methodbox {

  position: relative;

  padding-top: 97px;

  padding-bottom: 145px;

}
.g_methodbox5 {
  padding-bottom: 45px;
}
.g_methodltit h5 {

  font-size: 56px;

  color: #4c4c4c;


  margin-top: 66px;

}
.g_methodltit2 h5 {
  color: #fff;
}
.g_methodltit span {

  font-size: 48px;

  color: #ffffff;

  font-family: 'Conv_QUARTO-BOLD';

}
.g_methodltit2 h5 {
  color: #fff;
}
.wow2 {
  padding-bottom: 80px;
}
.wow2 h4 {
  color: #fff;
  font-size: 50px;
}
.smx {
  width: 100%;
  overflow: hidden;
  padding: 60px 0;
}
.smx li {
  float: left;
  width: 16%;
  text-align: center;
}
.smx .din {
  width: 40%;
  height: 100px;
  position: relative;
}
.smx .xs-c1 {
  animation: xuz 10s infinite linear;
  -webkit-animation: xuz 10s infinite linear;
}
@-webkit-keyframes xuz {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

  }

}

@keyframes xuz {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

  }

}
.smx .xs-c2 {
  animation: play 5s infinite linear;
  -webkit-animation: play 5s infinite linear;
}
.cl-c1 {
  animation: play 5s infinite linear;
  -webkit-animation: play 5s infinite linear;
}
@-webkit-keyframes play {
  0% {
    /*
        水平翻转
        */
    -webkit-transform: rotateY(0deg);
    /*
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转
        -webkit-transform:rotate(0deg);
        逆时针旋转
        -webkit-transform:rotate(0deg);
        */
  }
  100% {
    /* 水平翻转 */
    -webkit-transform: rotateY(360deg);
    /* 垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转
        -webkit-transform:rotate(360deg);
        逆时针旋转
        -webkit-transform:rotate(-360deg);
        */
  }
}
.smx li img {
  height: 100px;
}
.smx li h3 {
  margin: 0 auto;
  width: 90%;
  color: #fff;
  font-size: 22px;
  margin-top: 40px;
}
.g_methlast {

  margin-top: 130px;

}



.g_advaitm {

  width: 20%;

  text-align: center;

}

.g_advaitm span {

  display: block;

  margin: auto;

}

.g_advaitm h5 {

  font-size: 24px;

  color: #464646;

  text-align: center;

  margin-top: 80px;

  font-family: "Microsoft JhengHei";

}

.g_advailast {

  margin-top: 95px;

}

.g_advatit span {

  font-size: 48px;

  color: #464646;

  text-align: center;

  display: block;

  margin-top: 114px;

  font-family: 'Conv_QUARTO-BOLD';

}

.g_advatit h5 {

  font-size: 60px;

  color: #464646;

  text-align: center;

  /* margin-top: 85px; */

  font-family: "Microsoft JhengHei";

}
.g_advatit2 h5 {
  margin-top: 50px;
}
.g_advatit3 h5 {
  color: #fff;
}
.g_advatit4 h5 {
  margin-top: 60px;
}
.g_advap {

  width: 1345px;

  margin: 100px auto 0;

  text-align: center;

}

.g_advap p {

  font-family: "Microsoft JhengHei";

  font-size: 30px;

  color: #848484;

  line-height: 46px;

}
.g_advap3 p {
  color: #fff;
}
.g_adva {

  padding-bottom: 100px;

}
.g_details {
  overflow: hidden;
}
.g_details2:hover {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
}
.g_detailsbox {

  padding-top: 83px;

  padding-bottom: 110px;

  position: relative;

  z-index: 2;

}

.g_detailsbox span {

  font-size: 48px;

  color: #ffffff;

  text-align: center;

  display: block;

}
.g_detailsbox2 span {
  color: #5b5b5b;
}
.g_detailsbox h5 {

  font-size: 90px;

  color: #ffffff;

  text-align: center;

  font-family: "Microsoft JhengHei";

  margin-top: 110px;

}
.g_detail2 h5 {
  margin-top: 10px;
}
.g_detailsbox .hui h5 {
  color: #000;
  font-size: 56px;
  text-align: center;
}
.g_detailsbox .g_methlast2 span {
  font-size: 24px;
  color: #000;
  width: 33%;
  display: inline-block;
  text-align: left;
}
.g_detailsbox .g_methlast2 span .b {
  width: 100%;
  margin-bottom: 20px;
  color: #0070b4;
}
.g_detailsbox .g_methlast2 span h2 {
  font-size: 22px;
}
.g_detailsbox2 h5 {
  color: #5b5b5b;
}
.g_detailsbox p {

  font-size: 28px;

  line-height: 36px;

  color: #ffffff;

  text-align: center;

  font-family: "Microsoft JhengHei";

}
.g_detailsbox2 p {
  color: #989898;
}
.g_detailsbox2 .red {
  color: #e84046;
  line-height: 80px;
  margin-top: 30px;
}
.g_detailsbox5 p {
  line-height: 50px;
}
.g_detailsp {

  margin-top: 120px;

}

.caseanli .cm_box {

  width: 25%;

  margin: 0px 0;

  margin-left: 0%;

  padding-left: 4px;

  padding-right: 4px;

}

.g_caanli {

  padding-top: 96px;

  background: #eeeeee;

}

.g_caanlitit {

  text-align: center;

  margin-bottom: 96px;

}

.g_caanlitit h5 {

  font-size: 60px;

  color: #464646;

  display: inline-block;

}



.cm_boxn {

  position: relative;

  width: 100%;

}

.g_padding2 {

  padding-left: 115px;

  padding-right: 120px;

}



.g_harlast .slick-prev {

  width: 40px;

  height: 40px;

  background: url(gprev.png) no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 1;

  left: -100px;

}

.g_harlast .slick-next {

  width: 40px;

  height: 40px;

  background: url(gnext.png) no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 1;

  right: -80px;

}

.g_advaitm .g_advaitma {

  width: 224px;

  display: block;

  position: relative;

}

.g_advaitm .g_advaitma img {

  width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.g_advaitma1 {

  position: relative;

  opacity: 0;

}



.g_advaitma {

  background: url(gshouh1.png) no-repeat;

  background-position: center;

  background-size: cover;

  animation: shouhui 2.6s infinite;

  -webkit-animation: shouhui 2.6s infinite;

}



@-webkit-keyframes shouhui {

  0% {

    background: url(gshouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  25% {

    background: url(gshouh2.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  50% {

    background: url(gshouh3.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  75% {

    background: url(gshouh4.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gshouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

}

@keyframes shouhui {

  0% {

    background: url(gshouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  25% {

    background: url(gshouh2.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  50% {

    background: url(gshouh3.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  75% {

    background: url(gshouh4.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gshouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

}



.g_advaitmb {

  width: 156px;

  display: block;

  margin: auto;

  position: relative;

}

.g_advaitmb img {

  display: block;

}

.g_advaitmb1 {

  width: 100%;

  position: relative;

  z-index: 1;

}

.g_advaitmb2 {

  width: 56px;

  position: absolute;

  left: 0;

  top: 0px;

  animation: hangpai 2.6s infinite;

  -webkit-animation: hangpai 2.6s infinite;

}

.g_advaitmb3 {

  width: 56px;

  position: absolute;

  right: 0px;

  top: 0px;

  animation: hangpai 2.6s infinite;

  -webkit-animation: hangpai 2.6s infinite;

}

.g_advaitmb4 {

  width: 56px;

  position: absolute;

  left: 0px;

  bottom: 0px;

  animation: hangpai 2.6s infinite;

  -webkit-animation: hangpai 2.6s infinite;

}

.g_advaitmb5 {

  width: 56px;

  position: absolute;

  right: 0px;

  bottom: 0px;

  animation: hangpai 2.6s infinite;

  -webkit-animation: hangpai 2.6s infinite;

}





@-webkit-keyframes hangpai {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes hangpai {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.g_advaitmc {

  width: 190px;

  display: block;

}

.g_advaitmc img {

  width: 100%;

  display: block;

}



.g_padding3 {

  padding-left: 140px;

  padding-right: 140px;

}





.caseanli .caseph {

  display: block;

}

.caseanli .caphtitle h4 {

  font-size: 60px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  text-align: center;



}



.caseanli .caphtitle {

  padding-top: 90px;

  padding-bottom: 90px;

}





.caseanli .txtdiv h3 {

  font-size: 30px;
  margin-bottom: 10px;
  color: #464646;

  font-family: "Microsoft JhengHei";

}

.caseanli .txtdiv p {

  font-size: 18px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  line-height: 1.5;

  height: 84px;

  overflow: hidden;
  display: none;

}
.g_advaitme img {

  width: 100%;

  opacity: 1;

}

.g_advaitme {

  position: relative;

  width: 77px;

}

.g_advaitme span {

  width: 33px;

  position: absolute;

  display: block;

  left: 50%;

  transform: translateX(-50%);

  bottom: 34px;

  background: url(gh51.png) no-repeat;

  background-position: center;

  background-size: cover;

  animation: nyh5 2.6s infinite;

  -webkit-animation: nyh5 2.6s infinite;

}





/*@-webkit-keyframes nyh5

{

0% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(gh52.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(gh53.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(gh54.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes nyh5

{

0% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(gh52.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(gh53.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(gh54.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}*/

.g_advaitme span img {

  width: 100%;

  opacity: 0;

}

.caseanli .messdiv .zandiv {

  width: 25px;

  background: transparent;

  height: inherit;

}

.caseanli .messdiv .zandiv img {

  position: relative;

  left: inherit;

  top: inherit;

  transform: translate(0, 0);

}

.caseanli .messdiv .zandiv img {

  width: 100%;

  display: block;

}



.caseanli .txtdiv {

  padding: 25px 42px 46px 42px;
  min-height: 220px;
}





.caseanli .messdiv {

  padding: 0 0px;

  height: auto;

  margin-top: 30px;

}



.caseanli .cm_con {

  margin-bottom: 30px;

  box-shadow: 0px 3px 6px #d2cece;

}

.g_anbtnbox {

  display: inline-block;

}

.g_anbtn {

  text-align: center;

}

.g_anbtnbox .zandiv {

  width: 29px;

  cursor: pointer;

  margin-top: 3px;

  margin-left: 20px;

}

.g_anbtnbox .zandiv img {

  width: 100%;

  display: block;

}

.g_anbtnbox span {

  font-size: 30px;

  color: #848484;

  font-family: "Microsoft JhengHei";

}

.g_anbtnbox {

  margin-top: 45px;

  margin-bottom: 70px;

}

.g_advaitmd {

  width: 221px;

  position: relative;

}

.g_advaitmda {

  width: 100%;

  display: block;

}

.g_advaitmdasp {

  width: 55px;

  position: absolute;

  left: 50%;

  transform: translate(-75%, -50%);

  top: 50%;

  background: url(gabioc1.png) no-repeat;

  background-position: center;

  background-size: cover;

  animation: nyps 3.6s infinite;

  -webkit-animation: nyps 3.6s infinite;

}

@-webkit-keyframes nyps {

  0% {

    background: url(gabioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  33.333333% {

    background: url(gabioc2.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  66.666666% {

    background: url(gabioc3.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gabioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }



}

@keyframes nyps {

  0% {

    background: url(gabioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  33.333333% {

    background: url(gabioc2.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  66.666666% {

    background: url(gabioc3.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gabioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

  }



}

.g_advaitmdaspioc {

  /*overflow: hidden;*/

}

.g_advaitmdaspioc span {

  animation: nypss 1.6s infinite;

  -webkit-animation: nypss 1.6s infinite;

}

.g_advaitmdaspioc1 {

  animation-delay: 0.3s;

}

.g_advaitmdaspioc2 {

  animation-delay: 0.5s;

}

.g_advaitmdaspioc3 {

  animation-delay: 0.7s;

  display: none;

}

@-webkit-keyframes nypss {

  0% {

    transform: translateX(20px);

  }

  100% {

    transform: translateX(0px);

  }



}

@keyframes nypss {

  0% {

    transform: translateX(20px);

  }

  100% {

    transform: translateX(0px);

  }



}

.g_advaitmdasp1 {

  width: 100%;

  display: block;

  position: relative;

  opacity: 0;

}

.g_advaitmdasp2 {

  width: 100%;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}



.g_advaitmdasp3 {

  width: 100%;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.g_advaitmdaspioc span {

  width: 14px;

  height: 4px;

  display: block;

  background: #ff1f59;

  margin-bottom: 4px;

}

.g_advaitmdaspioc {

  position: absolute;

  right: 54px;

  top: 50%;

  transform: translate(0, -40%);

}



@-webkit-keyframes nyh5 {

  0% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  25% {

    background: url(gh52.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  50% {

    background: url(gh53.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  75% {

    background: url(gh54.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

}



@keyframes nyh5 {

  0% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  25% {

    background: url(gh52.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  50% {

    background: url(gh53.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  75% {

    background: url(gh54.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

  100% {

    background: url(gh51.png) no-repeat;

    background-position: center;

    background-size: cover;

  }

}

.g_footys .g_advaitmiocbox {

  width: 100%;

  height: 180px;

  position: relative;

}



.g_footys .g_advaitm img {

  width: auto;

  max-width: calc(100% - 36px);

  max-height: calc(100% - 36px);

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.g_advaitmiocbox>span {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

.g_harintr {

  position: relative;

}

.g_pbtn {

  width: 40px;

  position: absolute;

  left: 60px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}

.g_pbtn img {

  width: 100%;

  display: block;

}

.g_xbtn {

  width: 40px;

  position: absolute;

  right: 60px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}

.g_xbtn img {

  width: 100%;

  display: block;

}

.g_details {

  position: relative;

  overflow: hidden;

}
.g_details .boxImg {
  width: 100px;
}
.g_details .pImg {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: scrollUp 5s infinite linear;
  -webkit-animation: scrollUp 5s infinite linear;


}
@-webkit-keyframes scrollUp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0) scale(1.4, 1);
    transform: translateX(0) scale(1.4, 1);
  }
}
.g_detailsimgbox {

  width: 100%;

  height: 410px;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

}
video {
  width: 100%;
}




@keyframes move_wave {

  0% {

    transform: translateX(0) translateZ(0) scaleY(1)
  }

  50% {

    transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }

  100% {

    transform: translateX(-50%) translateZ(0) scaleY(1)
  }

}

@-webkit-keyframes move_wave {

  0% {

    transform: translateX(0) translateZ(0) scaleY(1)
  }

  50% {

    transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }

  100% {

    transform: translateX(-50%) translateZ(0) scaleY(1)
  }

}

.waveWrapper {

  overflow: hidden;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  margin: auto;

}

.waveWrapperInner {

  position: absolute;

  width: 100%;

  overflow: hidden;

  height: 120%;

  bottom: -1px;

}

.bgTop {

  z-index: 15;

  opacity: 0.5;

  position: absolute;

  left: 0;

  top: -130px;

}

.bgMiddle {

  z-index: 10;

  opacity: 0.75;

}

.bgBottom {

  z-index: 5;

}

.wave {

  position: absolute;

  left: 0;

  width: 200%;

  height: 100%;

  background-repeat: repeat no-repeat;

  background-position: 0 bottom;

  transform-origin: center bottom;

}

.waveTop {

  background-size: 50% 160px;

}

.waveAnimation .waveTop {

  animation: move-wave 3s;

  -webkit-animation: move-wave 3s;

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}

.waveMiddle {

  background-size: 50% 230px;

}

.waveAnimation .waveMiddle {

  animation: move_wave 10s linear infinite;

}

.waveBottom {

  background-size: 50% 500px;

}
.waveBottom2 {
  background-size: 100% 400px;
}
.waveAnimation .waveBottom {

  animation: move_wave 15s linear infinite;

}



.g_advaitmg {

  display: none;

}



.serdetails .caphtitle {

  padding-top: 90px;

  padding-bottom: 90px;

}

/*服务2*/

.g_desigitm h5 {

  font-size: 28px;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  text-align: center;

}

.g_desigitm span {

  font-size: 22px;

  color: #ffffff;

  font-family: "w35";

  text-align: center;

  display: block;

  margin-top: 28px;

}

.g_desigitm {

  position: relative;

  width: 33.333333%;

}

.g_desigitmp {

  position: absolute;

  left: 0;

  bottom: 50px;

  width: 100%;

}

.g_desigitming {

  position: relative;

}

.g_desigitmbj {

  width: 100%;

  display: block;

  position: relative;

  z-index: 2;

}

.g_desigitmn {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

  height: 100%;

}

.g_ncascenr h5 {

  font-size: 36px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  line-height: 50px;

  font-weight: bold;

}

.g_ncascenrp {

  margin-top: 45px;

}

.g_ncascenr p {

  font-size: 20px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  line-height: 36px;

}

.g_ncascenl {

  width: 687px;

}

.g_ncascenl img {

  width: 100%;

}

.g_ncascenr {

  width: calc(100% - 687px - 80px);

}

.g_padding4 {

  padding-left: 172px;

  padding-right: 172px;

}

.g_ncasetit span {

  font-size: 48px;

  color: #464646;

  font-family: 'Conv_QUARTO-BOLD';

}

.g_ncasetit h5 {

  font-size: 48px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  margin-top: 40px;

}

.g_ncascen {

  margin-top: 65px;

}



.g_ncbtnitmimg {

  position: relative;

}

.g_ncbtnitmimgbji {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  padding-left: 13px;

  padding-right: 13px;

  padding-top: 9px;

  padding-bottom: 9px;

  opacity: 0;

  cursor: pointer;

}

.g_ncbtnitmatv .g_ncbtnitmimgbji {

  opacity: 1;

}

.g_ncbtnitmimgbji span {

  width: 100%;

  height: 100%;

  display: block;

  border: 1px dashed #aeaeae;

}

.g_ncbtnitmimgbji::after {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 42px;

  height: 42px;

  background: url(gjhaoo.png) no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 1;

}

.g_ncbtnitmimgbj {

  display: block;

  width: 100%;

}

.g_ncbtnitmimgn {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.g_ncbtnlast {

  padding-left: 75px;

  padding-right: 75px;

}



.g_ncbtnlast .slick-prev {

  width: 75px;

  height: 100%;

  background: rgb(0, 0, 0);

  left: 0;

}

.g_ncbtnlast .slick-prev::after {

  content: '';

  display: block;

  width: 40px;

  height: 40px;

  background: url(gprev.png) no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.g_ncbtnlast .slick-next {

  width: 75px;

  height: 100%;

  background: rgb(0, 0, 0);

  right: 0;

}

.g_ncbtnlast .slick-next::after {

  content: '';

  display: block;

  width: 40px;

  height: 40px;

  background: url(gnext.png) no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.g_ncascenbtn {

  margin-top: 75px;

}

.g_methodb {

  margin-top: 68px;

}
.g_methodb2 {
  margin-top: 0;
}


.g_methodb p {

  font-size: 28px;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  line-height: 50px;

}
.yxzd {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.yximg img {
  width: 100%;
}
.yxzd:hover .yximg img {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
}
.zezao {
  width: 50%;
  height: 100%;
  ;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  background: url(picture/zezao1.png) no-repeat top center;
  background-size: cover;
  text-align: center;
}
.zezao h2 {
  color: #fff;
  font-size: 50px;
  margin-top: 30%;
}
.zezao span {
  color: #fff;
  font-size: 18px;
  line-height: 100px;
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.kehu {
  width: 100%;
  overflow: hidden;
}
.kehu .psc {
  width: 50%;
  position: relative;
  text-align: center;
}
.kehu .psc img {
  width: 100%;
}
.kehu .psc:hover img {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
}
.kehu .wz {
  position: absolute;
  z-index: 9;
  width: 100%;
  left: 0;
  top: 0;
}
.kehu .wz h2 {
  color: #fff;
  font-size: 50px;
  margin-top: 30%;
}
.kehu .wz span {
  color: #fff;
  font-size: 18px;
  line-height: 100px;
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.xinbj_top {
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
  text-align: center;
}
.xinbj_top h2 {
  color: #333333;
  font-size: 44px;
  line-height: 70px;
}
.xinbj_top hr {
  border: none;
  border-bottom: 4px solid #e84046;
  width: 5%;
  height: 4px;
  margin: 0 auto;
}
.xinbj_top span {
  color: #333;
  font-size: 28px;
  line-height: 80px;
}
.xinbj_bottom {
  width: 100%;
  overflow: hidden;
}
.xinbj_bottom .bjcon {
  width: 50%;
  position: relative;
  overflow: hidden;
}
.bjconImg img {
  width: 100%;
}
.bjcon:hover .bjconImg img {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
}
.bjconWz {
  position: absolute;
  padding: 50px 50px 0;
  top: 0;
  left: 0;
  z-index: 9;
}
.bjconWz img {
  height: 100px;
}
.bjconWz h2 {
  color: #fff;
  font-size: 38px;
  margin-top: 150px;
  margin-bottom: 20px;
}
.bjconWz span {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
.ysbottom {
  width: 100%;
  overflow: hidden;
}
.yscon {
  width: 48%;
  margin: 0 1% 2%;
  background: #fff;
  padding: 20px 40px;
  text-align: center;
}
.yscon img {
  height: 80px;
  margin-top: 50px;
}
.ysconWz h2 {
  color: #333;
  font-size: 36px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.ysconWz p {
  color: #666666;
  font-size: 18px;
  line-height: 30px;
  height: 200px;
}
.hbcon {
  width: 100%;
  overflow: hidden;
}
.hbcon .swiper-slide {
  float: left;
  width: 16%;
}
.hbcon .swiper-slide img {
  width: 95%;
}
.hbconBot .swiper-slide {
  margin-top: 20px;
}
.tongc {
  width: 100%;
  padding: 60px 0 60px 60px;
}
.tongWz {
  width: 55%;
}
.tongWz h2 {
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 20px;
}
.tongWz p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}
.tongWz span {
  color: #fff;
  font-size: 22px;
  line-height: 35px;
}
.gu {
  width: 100%;
  padding-top: 50px;
}
.gu h2 {
  color: #474747;
  font-size: 50px;
  text-align: center;
  margin-bottom: 30px;
}
.gu span {
  color: #474747;
  font-size: 30px;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.guPa {
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}
.guPa p {
  width: 46%;
  margin: 0 2%;
  color: #878787;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}
.gu img {
  width: 100%;
}
.suz {
  width: 100%;
  overflow: hidden;
  padding: 30px 0;
}
.suz h4 {
  color: #555555;
  font-size: 60px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.suItem {
  width: 31%;
  margin: 0 1%;
  overflow: hidden;
}
.suImg img {
  width: 100%;
}
.suItem:hover img {
  transform: scale(1.1, 1.1);
  transition: all .6s;
}
.suWz {
  padding: 30px 30px;
}
.suWz h2 {
  color: #555555;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.suWz p {
  color: #555555;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  height: 240px;
}
.xinr {
  padding-top: 60px;
  text-align: center;
}
.xinr h2 {
  color: #474747;
  font-size: 50px;
  margin-bottom: 30px;
}
.xinr p {
  color: #878787;
  font-size: 18px;
  line-height: 40px;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.xinImg img {
  width: 100%;
  margin-top: 30px;
}
.qus {
  width: 100%;
  overflow: hidden;
}
.qusle {
  width: 100%;
}
.qusItem {
  width: 100%;
}
.qusItem .qusWz {
  width: 100%;
  text-align: center;
}
.qusItem .qusWz h2 {
  color: #474747;
  font-size: 50px;
  margin-top: 20px;
  margin-top: 100px;
}
.qusItem .qusWz p {
  width: 40%;
  margin: 0 auto;
  color: #474747;
  font-size: 18px;
  line-height: 40px;
  margin-top: 50px;
}
.qusItem .qusImg {
  width: 100%;
  margin-top: 60px;
}
.qusItem .qusImg img {
  width: 100%;
}
.doImg {
  -webkit-animation: kejia 30s infinite linear;
}
.need {
  width: 100%;
  overflow: hidden;
  padding: 60px 0;
  text-align: center;
}
.need h2 {
  color: #555555;
  font-size: 60px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.need p {
  color: #555555;
  font-size: 30px;
  line-height: 60px;
}
.need h4 {
  width: 160px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #555555;
  border-radius: 10px;
  margin: 0 auto;
  color: #555555;
  font-size: 24px;
  margin-top: 40px;
  cursor: pointer;
}
.ksTop {
  width: 100%;
}
.ksTop img {
  width: 100%;
}
.columns {
  width: 100%;
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin: 1rem auto;
  padding-top: 50px;
}
.columns .colItem {
  background: #fff;
  display: inline-block;
  margin-bottom: 1rem;
  max-width: 97%;
  vertical-align: top;
  box-shadow: 0px 3px 6px #d2cece;
  overflow: hidden;
}
.columns .colItem img {
  width: 100%;
  overflow: hidden;
}
.columns .colItem h2 {
  color: #464646;
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
  padding: 20px;
  font-weight: 700;

}
.columns .colItem p {
  padding: 0 10px;
  font-size: 20px;
  text-align: center;
  color: #464646;
  line-height: 30px;
  padding-bottom: 30px;
  display: none;
}
.columns .colItem:hover img {
  transform: scale(1.1, 1);
  transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
}
.mp {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}
.mp li {
  width: 25%;
  text-align: center;
}
.mp li img {
  height: 20%;
}
.mp li h2 {
  color: #5a5a5a;
  font-size: 32px;
  line-height: 80px;
}
.qz {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}
.qz li {
  width: 20%;
  text-align: center;
}
.qz li img {
  height: 80px;
}
.qz li h2 {
  width: 90%;
  color: #5a5a5a;
  font-size: 26px;
  line-height: 60px;
  margin-top: 30px;
}
.g_methodlp {

  margin-top: 95px;

}
.g_methodlp2 {
  margin-top: 40px;
}
.g_methodrimgspa {

  font-size: 36px;

  color: #ffffff;

  text-align: right;

  display: block;

  transform: translateY(-133px);
  '

  margin-right: 12px;

  font-family: 'Conv_QUARTO-BOLD';

}



.g_baioct {

  width: 103px;

  display: block;

  position: absolute;

}
.g_baio {
  width: 160px;
}
.g_baioct img {

  width: 100%;

  display: block;

}

.g_baiocs {

  width: 21px;

  display: block;

  position: absolute;

}

.g_baiocs img {

  width: 100%;

  display: block;

}

.g_methodb .g_methodrimg {

  position: relative;

}



.g_baioct1 {
  left: -20%;
  transform: translate(-25%, 100%);
  top: 90%
}

.g_baiocs1 {

  right: 29%;

  transform: translate(0%, 28%) rotate(-28deg);

  top: 90%;

}



.g_baioct2 {
  left: -1%;
  transform: translate(-40%, 78%);
  top: 80%;

}

.g_baiocs2 {

  left: 29%;

  transform: translate(0%, 30%) rotate(24deg);

  top: 91%;

}



.g_baioct5 {

  left: 30%;

  transform: translate(38%, 30%);

  top: 50%;

}

.g_baiocs3 {

  left: 3%;

  transform: translate(0%, 23%) rotate(60deg);

  top: 66%;

}



.g_baioct4 {

  left: 22%;

  transform: translate(-1%, 46%);

  top: 60%;

}



.g_baiocs4 {

  left: 2%;

  transform: translate(0%, 10%) rotate(122deg);

  bottom: 66%;

}



.g_baioct3 {
  left: 10%;
  transform: translate(-20%, 62%);
  top: 70%;

}



.g_baiocs5 {

  left: 29%;

  transform: translate(0%, 34%) rotate(164deg);

  bottom: 95%;

}



.g_baioct6 {

  right: 37%;

  transform: translate(52%, -8%);

  top: 40%;

}



.g_hardboxb {

  background: #000000;

}
.g_hardbox3 {
  background: url(picture/dongc.jpg) no-repeat top center;
  background-size: cover;
}


.g_hardboxb .g_harlitml h1 {

  font-size: 90px;

}

.g_hardboxb .g_harlitmr {

  width: 683px;

  margin-right: 60px;

}

.g_hardboxb .g_harlitml {

  width: calc(100% - 140px - 683px);

}

.g_hardboxb .g_advatit h5 {

  font-size: 72px;

  margin-top: 122px;

}



.g_hardboxb .g_advap p {

  font-size: 36px;

  line-height: 60px;

}

.g_design {
  background: rgb(251, 252, 253);
  /* margin-top: 105px; */

}



.caseanli2 .g_adva {

  padding-bottom: 0;

}



.caseanli2 .wrap {

  padding-left: 55px;

  padding-right: 0;

}

.g_desigitming {

  position: relative;

}

.g_desigitming::after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

  background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

}

.g_ncasebox {

  margin-top: 98px;

}



.g_methodb .g_methodr {

  width: 556px;

  margin-right: 78px;

  margin-top: 83px;
}
.g_methodb .g_methodr2 {
  width: 800px;
}
.g_methodb .g_methodl {

  width: 580px;

}
.g_methodb .g_methodl2 {

  width: calc(100% - 980px);

}
.g_methodb .g_methodlp {

  width: calc(100% - 50px);

}





.g_methodb .g_methodltit {

  margin-top: 43px;
}
.g_methodb .g_methodltit2 {
  margin-top: 0;
}
.g_methodb .g_methodltit h5 {
  margin-top: 100px;
}
.g_methodb .g_methodltit2 h5 {
  margin-top: 50px;
}
.g_designlast .g_desigitm {
  visibility: visible;
  animation-name: fadeInUp;
}
.g_designlast .g_desigitm:nth-child(1) {
  animation-delay: 1.3s;

}
.g_designlast .g_desigitm:nth-child(2) {
  animation-delay: 1.5s;
}
.g_designlast .g_desigitm:nth-child(3) {
  animation-delay: 1.7s;
}
.g_designlast .g_desigitm:nth-child(4) {
  animation-delay: 1.3s;
}
.g_designlast .g_desigitm:nth-child(5) {
  animation-delay: 1.5s;
}
.g_designlast .g_desigitm:nth-child(6) {
  animation-delay: 1.7s;
}
.g_ncbtnlast .g_ncbtnitm {
  visibility: visible;
  animation-name: fadeInUp;
}
.g_ncbtnlast .g_ncbtnitm:nth-child(1) {
  animation-delay: 1.3s;
}
.g_ncbtnlast .g_ncbtnitm:nth-child(2) {
  animation-delay: 1.5s;
}
.g_ncbtnlast .g_ncbtnitm:nth-child(3) {
  animation-delay: 1.7s;
}
.g_ncbtnlast .g_ncbtnitm:nth-child(4) {
  animation-delay: 1.9s;
}
.g_ncbtnlast .g_ncbtnitm:nth-child(5) {
  animation-delay: 2.1s;
}
.g_methodrimg2b {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.g_desigitmn {
  transition: all 0.6s;
}
.g_desigitm {
  overflow: hidden;
}
.g_desigitm:hover .g_desigitmn {
  transform: scale(1.2);
}
.serdetails .wrap {
  padding-left: 55px;
  padding-right: 0px;
}
.serdetails .wrap nav {
  margin: 0px 0 0 0px;
}
.serdetails .wrap nav ul {
  margin-left: -44px;
  margin-right: -44px;
}
.serdetails .wrap nav li {
  float: left;
  padding: 0 30px;
  margin-bottom: 0px;
}
.serdetails .wrap .blue li a {
  color: #4d6083;
}


.serdetails .g_hardbox {
  background: #010101;
  position: relative;
  padding-top: 0px;
}
.serdetails .g_hardbox2 {
  background: #e84046;
  position: relative;
  padding-top: 0px;
}
.serdetails .g_hardbox3 {
  background: url(picture/dongc.jpg) no-repeat top center;
  background-size: cover;
}
.serdetails .g_hardbox4 {
  background: #ffd955;
}
.serdetails .g_hardbox5 {
  background: #4e84f1;
}
.serdetails .g_hardbox9 {
  background: url(picture/chuanb1.jpg) no-repeat top center;
  background-size: cover;
}
.hei {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.serdetails .g_anlihard {

  margin-top: 0px;

}

.advantage {

  width: 100%;

  padding: 0 177px 140px 195px;

  background-color: #f3f5f7;

}
.advantage {
  padding: 0;
}
.advantage10 {
  padding-bottom: 40px;
}
.advantage .adtitle {

  padding: 115px 0 125px;

  text-align: center;

}
.advantage2 .adtitle {
  padding: 50px 0 50px;
}
.advantage .adtitle h5 {
  font-size: 30px;
  font-family: 'Conv_QUARTO-BOLD';
  color: #868686;
  margin-top: 40px;
  line-height: 1.5;
  text-transform: uppercase;
  line-height: 60px;

}
.advantage .adtitle5 span {
  color: #5b5b5b;
  font-size: 50px;
  font-family: "'Conv_QUARTO-BOLD'";
}
.advantage .adtitle h1 {

  font-size: 90px;

  color: #464646;

  line-height: 1.5;

  font-family: "Microsoft JhengHei";

}
.advantage2 .adtitle h1 {
  font-size: 50px;
}
.advantage .adtitle5 h1 {
  margin-top: 40px;
}
.adv_box {
  position: relative;
  width: 31.7%;
  padding: 70px 50px 60px;
  margin-left: 2.45%;
  margin-top: 35px;
  text-align: center;
  background-color: #fff;
  transition: .56s;
  -o-transition: .56s;
  -ms-transition: .56s;
  -moz-transition: .56s;
  -webkit-transition: .56s;
  box-shadow: 1px 5px 5px #d1d3d5;

}
.adv_box2 {
  padding-top: 20px;
}
.adv_box:nth-child(3n+1) {

  margin-left: 0;

}

.adv_box:hover {

  transform: scale(1.04) translateY(-5px);

  -o-transform: scale(1.04) translateY(-5px);

  -ms-transform: scale(1.04) translateY(-5px);

  -moz-transform: scale(1.04) translateY(-5px);

  -webkit-transform: scale(1.04) translateY(-5px);

  box-shadow: 10px 11px 10px #d1d3d5;

}

.adv_box .corner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 105px;
  height: 105px;
  border-right: 105px solid transparent;
  border-top: 105px solid #1e9ed6;
}
.adv_box:nth-child(3n+2) .corner {
  border-top: 105px solid #f3b42c;
}
.adv_box:nth-child(3n+3) .corner {

  border-top: 105px solid #1fba60;

}

.adv_box .corner p {

  position: absolute;

  top: -95px;

  left: 15px;



  font-size: 30px;

  color: #fff;

}

.adv_box .adv_img {

  padding: 50px 0;

}
.adv_box .adv_img img {

  height: 85px;

}

.adv_box h5 {
  font-size: 36px;
  color: #000;
  font-family: "Microsoft JhengHei";
  margin-bottom: 50px;
  line-height: 1.5;
}
.adv_box2 h5 {
  margin-bottom: 5px;
}
.adv_box2 h4 {
  color: #707070;
  font-size: 20px;
  margin-bottom: 20px;
}
.adv_box p {

  font-size: 24px;

  color: #848484;

  font-family: "Microsoft JhengHei";

  line-height: 1.8;

  max-height: 80px;

}

.serdetails .cartoonimg {

  position: absolute;

  top: 50%;

  left: 50%;



  max-width: 70%;



  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  animation: shine 3s linear infinite;

  -webkit-animation: shine 3s linear infinite;

}

@-webkit-keyframes shine {

  0% {

    opacity: 0.2;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0.2;

  }

}

@keyframes shine {

  0% {

    opacity: 0.2;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0.2;

  }

}

.cartoonbg .guang {

  width: 100%;

  animation: show 15s linear infinite;

  -webkit-animation: show 15s linear infinite;

  -moz-animation: show 15s linear infinite;

  -ms-animation: show 15s linear infinite;

}

@-webkit-keyframes show {

  0% {

    opacity: 1;

    transform: rotate(0deg);

  }

  50% {

    opacity: 0.1;

    transform: rotate(360deg);

  }

  100% {

    opacity: 1;

    transform: rotate(0deg);

  }

}

@keyframes show {

  0% {

    opacity: 1;

    transform: rotate(0deg);

  }

  50% {

    opacity: 0.1;

    transform: rotate(360deg);

  }

  100% {

    opacity: 1;

    transform: rotate(0deg);

  }

}

.cartoonbg .quan {

  position: absolute;

  top: 50%;

  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%);

  max-width: 100%;

}

.serdetails .move1 {

  position: absolute;

  left: 50%;

  top: 0;



  width: 85px;

  height: 85px;



  transform: translate(-50%, -50%);

  animation: move1 15s linear infinite;

  -webkit-animation: move1 15s linear infinite;

}

.serdetails .move1 img {

  width: 100%;

}

@-webkit-keyframes move1 {

  0% {

    left: 10%;
    top: 50%;

  }

  25% {

    left: 50%;
    top: 10%;

  }

  50% {

    left: 90%;
    top: 50%;

  }

  75% {

    left: 50%;
    top: 90%;

  }

  100% {

    left: 10%;
    top: 50%;

  }

}

@keyframes move1 {

  0% {

    left: 10%;
    top: 50%;

  }

  25% {

    left: 50%;
    top: 10%;

  }

  50% {

    left: 90%;
    top: 50%;

  }

  75% {

    left: 50%;
    top: 90%;

  }

  100% {

    left: 10%;
    top: 50%;

  }

}

.serdetails .move1:before,

.serdetails .move1:after {

  content: '';



  position: absolute;

  top: 0;

  left: 0;



  width: 100%;

  height: 100%;

  -webkit-transition: all .4s ease-out 0s;

  -moz-transition: all .4s ease-out 0s;

  -ms-transition: all .4s ease-out 0s;

  -o-transition: all .4s ease-out 0s;

  transition: all .4s ease-out 0s;

  border: 1px solid #fff;

  border-radius: 50%;



  opacity: 0;

}

.serdetails .move1:after {

  animation: op 2s linear infinite;

  -webkit-animation: op 2s linear infinite;

}

.serdetails .move1:before {

  animation: op 2s linear infinite;

  -webkit-animation: op 2s linear infinite;

  animation-delay: 1s;

}

.serdetails .move2 {

  position: absolute;

  left: 0;

  top: 50%;



  width: 180px;

  height: 180px;



  transform: translate(-50%, -50%);

  animation: move2 8s linear infinite;

  -webkit-animation: move2 8s linear infinite;

}

.serdetails .move2 img {

  width: 100%;

}

@-webkit-keyframes move2 {

  0% {

    left: 20%;
    top: 50%;

  }

  25% {

    left: 50%;
    top: 80%;

  }

  50% {

    left: 80%;
    top: 50%;

  }

  75% {

    left: 50%;
    top: 20%;

  }

  100% {

    left: 20%;
    top: 50%;

  }

}

@keyframes move2 {

  0% {

    left: 20%;
    top: 50%;

  }

  25% {

    left: 50%;
    top: 80%;

  }

  50% {

    left: 80%;
    top: 50%;

  }

  75% {

    left: 50%;
    top: 20%;

  }

  100% {

    left: 20%;
    top: 50%;

  }

}

.serdetails .move2:before,

.serdetails .move2:after {

  content: '';



  position: absolute;

  top: 0;

  left: 0;



  width: 100%;

  height: 100%;

  -webkit-transition: all .4s ease-out 0s;

  -moz-transition: all .4s ease-out 0s;

  -ms-transition: all .4s ease-out 0s;

  -o-transition: all .4s ease-out 0s;

  transition: all .4s ease-out 0s;

  border: 1px solid #fff;

  border-radius: 50%;



  opacity: 0;

}

.serdetails .move2:after {

  animation: op 2s linear infinite;

  -webkit-animation: op 2s linear infinite;

}

.serdetails .move2:before {

  animation: op 2s linear infinite;

  -webkit-animation: op 2s linear infinite;

  animation-delay: 1s;

}

@-webkit-keyframes op {

  0% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0.4;

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

    transform: scale(1.25);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

    transform: scale(1.25);

  }

}

@-webkit-keyframes op2 {

  0% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  75% {

    opacity: .4;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

  }

}

@keyframes op {

  0% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0.4;

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

    transform: scale(1.25);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    -o-transform: scale(1.25);

    transform: scale(1.25);

  }

}

@keyframes op2 {

  0% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  75% {

    opacity: .4;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

  }

}

.product_slick {

  padding: 100px 64px 0 64px;

}

.product_box .pro_img {

  margin-bottom: 55px;

}

.product_box .pro_img img {

  width: 100%;

  display: block;

}

.product_box .pro_txt p {

  font-size: 24px;

  line-height: 32px;

  color: #464646;

  font-family: "Microsoft JhengHei,Conv_QUARTO-BOLD";

}

.product_slick .slick-prev {

  z-index: 1;

  width: 68px;

  height: 105px;

  background-color: #ddd;

}

.product_slick {

  padding-bottom: 100px;

}

.product_slick .slick-prev:after {

  content: '';



  position: absolute;

  top: 50%;

  left: 50%;



  width: 30px;

  height: 25px;

  background: url(prev.png) no-repeat;

  background-size: 100%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.product_slick .slick-next {

  z-index: 1;

  width: 68px;

  height: 105px;

  background-color: #ddd;

}

.product_slick .slick-next:after {

  content: '';



  position: absolute;

  top: 50%;

  left: 50%;



  width: 30px;

  height: 25px;

  background: url(slicknext.png) no-repeat;

  background-size: 100%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.serdetails .caseph {

  display: block;

}

.serdetails .caphtitle h4 {

  font-size: 60px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  text-align: center;



}



.serdetails .txtdiv h3 {

  font-size: 30px;

  color: #464646;

  font-family: "Microsoft JhengHei";

}





.serdetails .messdiv .zandiv img {

  width: 100%;

  display: block;

}



.serdetails .messdiv {

  padding: 0 0px;

  height: auto;

  margin-top: 20px;

}



.serdetails .cm_con {

  margin-bottom: 30px;

}

.adv_con .adv_box {

  visibility: visible;

  animation-name: fadeInUp;

}





.adv_con .adv_box:nth-child(1) {

  animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(2) {

  animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(3) {

  animation-delay: 0.7s;

}

.adv_con .adv_box:nth-child(4) {

  animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(5) {

  animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(6) {

  animation-delay: 0.7s;

}

.adv_con .adv_box:nth-child(7) {

  animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(8) {

  animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(9) {

  animation-delay: 0.7s;

}

.serdetails .g_methlast span {

  padding-left: 42px;

  padding-right: 42px;

}

.serdetails .g_methlast {

  margin-left: -42px;

  margin-right: -42px;

}



.phbanimg {

  position: fixed;

  width: 100%;

  height: 100vh;

  left: 0;

  top: 0;

}

.section6 {

  overflow: hidden;

}

.product_box {

  padding-left: 60px;

  padding-right: 60px;

}

.product_slick .slick-list {
  ;

  /*margin-right: -60px;*/

  overflow: hidden;

}

.product_boxn {

  width: 100%;

  display: block;

}



.serdetails .g_adva {
  background: rgb(251, 252, 253);
  padding-top: 100px;
  overflow: hidden;
}
.serdetails .g_adva2 {
  background: url(picture/shij2.jpg) no-repeat top center;
  background-size: cover;
}
.serdetails .g_adva2:hover {
  transform: scale(1.1, 1.1);
  transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
}
.serdetails .g_advatit span {

  margin-top: 0px;

}

.g_iocfh {

  width: 20px;

  display: none;

  position: relative;

}

.g_iocfh img {

  width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.g_iocfha {

  position: relative;

  transition: all 0.1s;

  -webkit-transition: all 0.1s;

  -ms-transition: all 0.1s;

  -moz-transition: all 0.1s;

}

.g_iocfhb {

  position: absolute;

  opacity: 0;

  transition: all 0.1s;

  -webkit-transition: all 0.1s;

  -ms-transition: all 0.1s;

  -moz-transition: all 0.1s;

}



.g_syatv .g_iocfh {

  display: block;

}

.g_syatv .g_iocfhz {

  display: none !important;

}



.cdetailsc .case_bt {

  padding-top: 79px;

}

.cdetailsc .casenav li a {

  color: #ffffff;

}



.cdetailsc .lead_top {

  padding-top: 0;

}

.lead_topbox {

  margin-top: 36px;

}



.dana1g .serlogo {

  position: absolute;

  right: 0;

  top: 50px;

  z-index: 1;

  width: 230px;

}

.dana1g .serlogo img {

  width: 100%;

  display: block;

}

.enjoy_titlebox {

  position: relative;

}




.dana1g .enjoy_title {

  width: calc(100% - 240px);

}

.enjoy_titlebox {

  border-bottom: 2px solid #dddddd;

}



.enjoy_titlebox .enjoy_title {

  border-bottom: 0px solid #dddddd;

}

.enjoy_titlebox .enjoy_title:after {

  display: none;

}

.enjoy_titlebox:after {

  content: '';

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #dcdcdc;

  transform: translateY(50%);

  -o-transform: translateY(50%);

  -ms-transform: translateY(50%);

  -moz-transform: translateY(50%);

  -webkit-transform: translateY(50%);

}





.header .navdiv nav {

  margin-right: -26px;

}

.lead_con .lc_slick .lc_small {

  cursor: pointer;

}



.g_senav {

  width: 62px;

  position: fixed;

  right: 0;

  top: 50%;

  transform: translate(100%, -50%);

  z-index: 51;

  transition: all 0.3s;

}

.g_senavatv {

  transform: translate(0, -50%);

}

.g_senitm {

  cursor: pointer;

  position: relative;

}

.g_senitma {

  width: 100%;

  display: block;

  position: relative;

  left: 0;

  top: 0;

}

.g_senitmb {

  width: 100%;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.g_senav .g_senitm:nth-child(2n - 1) {

  background: #ffffff;

}

.g_senav .g_senitm:nth-child(2n) {

  background: #eaeaea;

}

/*中间联系*/

.g_cseon {

  width: 718px;

  background: #e83f3f;

  padding: 18px;

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(0);

  z-index: 150;

  overflow: hidden;

  transition: all 0.6s;



}

.g_jsalxotvwx .g_cseon {

  transform: translate(-50%, -50%) scale(1);

}

.g_jsalxotvwx {

  width: 100%;

  height: 100vh;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 150;

  background: rgba(0, 0, 0, 0.5);

}

.g_jsalxotvwx .g_cseonboxl {

  -webkit-animation: fadeInLeft .7s ease both;

  animation: fadeInLeft .7s ease both;

  animation-delay: 0.5s;

}

.g_jsalxotvwx .g_cseonboxr {

  -webkit-animation: fadeInRight .7s ease both;

  animation: fadeInRight .7s ease both;

  animation-delay: 0.5s;

}



.g_cseonboxr {

  width: 182px;

}









.g_cseonbox {

  width: 100%;

  border: 1px dotted rgba(255, 255, 255, 0.9);

  padding-top: 65px;

  padding-bottom: 65px;

  padding-left: 20px;

  padding-right: 20px;

  position: relative;

}

.g_cseonboxlip span {

  font-size: 20px;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  display: block;

  padding-left: 10px;

  padding-right: 10px;

}

.g_cseonboxl {

  width: calc(100% - 182px - 20px);

}

.g_cseonboxlip span h5 {
  font-size: 22px;
  display: inline-block;
  margin-top: 0;
}




.g_cseonboxlip {

  margin-left: -10px;

  margin-right: -10px;

}

.g_cseonboxl h3 {

  font-size: 42px;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  margin-top: 32px;

}

.g_cseonboxl h5 {
  font-size: 28px;
  color: #ffffff;
  margin-top: 38px;
}

.g_cseonboxl h5 a {
  color: #ffffff !important;
  display: none;
}

.g_spamkb {
  display: none;
}
.g_cseonboxlbtn {

  margin-top: 32px;

}

.g_cseonboxlbtn span {

  font-family: "Microsoft JhengHei";

  font-size: 20px;

  color: #ffffff;

  text-align: center;

  line-height: 44px;

  width: 138px;

  height: 46px;

  display: block;

  border: 1px solid #ffffff;

}

.g_cseonboxlbtn span a {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 44px;

  color: #ffffff;

  background: #e83f3f;

}

.g_cseonboxlbtnr {

  margin-left: 34px;

}

.g_sybtnyss a {

  color: #ffffff;

}

.g_cseonboxr {

  margin-right: 20px;

}



.g_cseonboxr h5 {

  font-size: 18px;

  color: #ffffff;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  text-align: center;

  margin-top: 24px;
  line-height: 1.4;
}

.g_cseonboxrermimg {

  width: 100%;

  display: block;

}

.g_cseonboxrerm1 {

  width: 30px;

  height: 30px;

  border-top: 1px solid #ffffff;

  border-left: 1px solid #ffffff;

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  animation: sxg 1.2s infinite;

  -webkit-animation: sxg 1.2s infinite;

}

.g_cseonboxrerm2 {

  width: 30px;

  height: 30px;

  border-top: 1px solid #ffffff;

  border-right: 1px solid #ffffff;

  position: absolute;

  right: 0;

  top: 0;

  display: block;

  animation: sxg 1.2s infinite;

  -webkit-animation: sxg 1.2s infinite;

}

.g_cseonboxrerm3 {

  width: 30px;

  height: 30px;

  border-bottom: 1px solid #ffffff;

  border-right: 1px solid #ffffff;

  position: absolute;

  right: 0;

  bottom: 0;

  display: block;

  animation: sxg 1.2s infinite;

  -webkit-animation: sxg 1.2s infinite;

}

.g_cseonboxrerm4 {

  width: 30px;

  height: 30px;

  border-bottom: 1px solid #ffffff;

  border-left: 1px solid #ffffff;

  position: absolute;

  left: 0;

  bottom: 0;

  display: block;

  animation: sxg 1.2s infinite;

  -webkit-animation: sxg 1.2s infinite;

}

.g_cseonboxrerm {

  position: relative;

  padding-left: 7px;

  padding-right: 7px;

  padding-top: 7px;

  padding-bottom: 7px;

  margin-top: 10px;

}

.g_cseonboxgb {

  width: 18px;

  position: absolute;

  right: 25px;

  top: 22px;

  cursor: pointer;

}

.g_cseonboxgb img {

  width: 100%;

  display: block;

}



@keyframes sxg {

  0% {

    transform: scale(1);

  }

  to {

    transform: scale(1.2);

  }

}









/*电话框*/

.g_jsaphotvwx {

  width: 100%;

  height: 100vh;

  position: fixed;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.5);

  z-index: 10;

}

.g_senphon {

  z-index: 90;

}

.g_senphonbox {

  width: 602px;

  background: #ffffff;

  padding-left: 36px;

  padding-right: 36px;

  padding-top: 40px;

  padding-bottom: 40px;

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(0);

  z-index: 5;

  transition: all 0.6s;

  overflow: hidden;

}

.g_senphonboxtit p {

  font-size: 18px;

  color: #464646;

  font-family: "Microsoft JhengHei";

}



.g_jsaphotvwx .g_senphonbox {

  transform: translate(-50%, -50%) scale(1);

}





.g_sybtnyss {
  width: 180px;
  font-size: 20px;

  color: #ffffff;

  font-family: "Microsoft JhengHei";

  text-align: center;

  line-height: 56px;

  display: block;

  height: 56px;

  background: #333333;

  cursor: pointer;

}

.g_senphonboxtb p {

  font-size: 18px;

  color: #464646;

  font-family: "Microsoft JhengHei";

  width: calc(100% - 35px);

}

.g_senphonboxtit span {

  width: 18px;

  display: block;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

.g_senphonboxtit span img {

  width: 100%;

  display: block;

}

.g_senphonboxtit {

  position: relative;

}

.g_senphonbinpl input {

  height: 36px;

  line-height: 36px;

  display: block;

  position: relative;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

}

.g_senphonbinpl {
  position: relative;
  height: 56px;

  width: calc(100% - 188px - 20px);

  border-bottom: 1px solid #b0b0b0;

}
.g_senphonbinpl #code_img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.g_senphonbinpr {

  width: 188px;

}

.g_senphonboxtbn span {

  width: calc(50% - 17px);

}

.g_senphonbinp {

  margin-top: 42px;

}

.g_senphonboxtb {

  margin-top: 46px;

}

.g_senphonboxtbn {

  margin-top: 48px;

}

/*微信*/

.g_senweix {

  width: 164px;

  position: absolute;

  left: 300px;

  bottom: -63px;

  z-index: 50;

  transform: translateX(calc(-100% - 10px - 12px));

}

.g_jsatvwx {

  left: 0;

}

.g_senweix .g_senweiximg {

  width: 100%;

  transition: all 1.3s;

}





.g_jsatvwx .g_senweiximg {

  -webkit-animation: fadeInRight .7s ease both;

  animation: fadeInRight .7s ease both;

  animation-delay: 0.5s;

}



.g_senweiximg img {

  width: 100%;

  display: block;

}

.g_senweix span {

  width: 10px;

  display: block;

  position: absolute;

  right: -9px;

  top: 50%;

  transform: translateY(-50%);

}

.g_senweix span img {

  width: 100%;

  display: block;

}



.g_senphon {

  box-shadow: 4px 4px 6px rgba(119, 108, 108, 0.52);

  /*border: 1px solid #333333; deleted by Paul*/

}

.broadside .broadback span {

  width: 20px;

  margin: auto;

  position: relative;

}

.g_syhom {

  display: block;

}

.g_syhom img {

  width: 100%;

  display: block;

}

.broadside .g_iocfha {

  position: relative;

  width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.broadside .g_iocfhb {

  position: absolute;

  width: 100%;

  display: block;

  left: 0;

  top: 0;

  opacity: 0;

}

.g_syatv .g_syhom {

  display: none;

}

.g_senitmqq .g_senweix {

  width: 145px;

  top: 50%;

  bottom: inherit;

  transform: translate(200%, -50%);

  left: 0;

}

.g_senitmqq .g_senweix p {

  font-size: 18px;

  color: 333333;

  background: #ffffff;

  line-height: 62px;

  padding-left: 15px;

  padding-right: 15px;

}

.g_senitmqq .g_senweiximg {

  width: auto;

  height: 100%;

}

.g_senitmqq .g_jsatvwx {

  /*left: calc(-240% + 5px);*/

  transform: translate(-100%, -50%);

}



.g_iocleftbtn .broadback span {

  width: 20px;

  display: block;

  margin: auto;

  position: relative;

}

.g_iocleftbtn .broadsearch span {

  width: 20px;

  display: block;

  margin: auto;

  position: relative;

}



























.g_iocleftbtn span img {

  max-width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.g_advaitmiocbox {

  height: 180px;

  position: relative;

}

.g_footys1 .wrap .ret_line:after {

  bottom: -5px;

  left: -7px;

}





.g_cseonboxl {

  transform: translateX(-300px);

  -webkit-transform: translateX(-300px);

  -ms-transform: translateX(-300px);

  -moz-transform: translateX(-300px);

  opacity: 0;

  transition: all 0.9s;

  -webkit-transition: all 0.9s;

  -ms-transition: all 0.9s;

  -moz-transition: all 0.9s;

}

.g_cseonboxr {

  transform: translateX(300px);

  -webkit-transform: translateX(300px);

  -ms-transform: translateX(300px);

  -moz-transform: translateX(300px);

  opacity: 0;

  transition: all 0.9s;

  -webkit-transition: all 0.9s;

  -ms-transition: all 0.9s;

  -moz-transition: all 0.9s;

}

.g_cseon {

  overflow: hidden;

}

.atbng2 .g_cseonboxl, .atbng2 .g_cseonboxr {

  transform: translateX(0);

}









@media (min-width: 1200px) {

  .g_anbtnbox:hover .zandiv {

    animation: shake 1.2s 1 forwards;

    -webkit-animation: shake 1.2s 1 forwards;

  }

  .caseanli .txtdiv p {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

  }

  .caseanli .messdiv .zandiv:hover {

    animation: shake 1.2s 1 forwards;

    -webkit-animation: shake 1.2s 1 forwards;

  }

  .g_iocfh:hover .g_iocfha {

    opacity: 0;

  }

  .g_iocfh:hover .g_iocfhb {

    opacity: 1;

    transform: scale(1.15);

  }

  .buildfr .buildchange .buildprev:hover .txt {

    color: #ff4343;

  }

  .buildfr .buildchange .buildprev:hover .iconfont {

    color: #ff4343;

    animation: shakey 1.2s 1 forwards;

    -webkit-animation: shakey 1.2s 1 forwards;

  }

  .buildfr .buildchange .buildnext:hover .txt {

    color: #ff4343;

  }

  .buildfr .buildchange .buildnext:hover .iconfont {

    color: #ff4343;

    animation: shakey 1.2s 1 forwards;

    -webkit-animation: shakey 1.2s 1 forwards;

  }



  .txtdiv h3 {

    transition: none ease-out .3s;

    transition-property: none;

    transition-duration: 0.3s;

    transition-timing-function: ease-out;

    transition-delay: 0s;

    transition-property: color, background, text-indent, opacity;

  }

  .txtdiv h3:hover {

    color: #ff4343;

  }

  .cm_con {

    transition: all 0.6s;

  }

  .cm_con:hover {

    box-shadow: 10px 11px 10px #d1d3d5;

  }

  .index .section5 .main-container .news .item:hover h4 {

    color: #ff4343;

  }

  .index .section5 .main-container .news .item:hover div {

    color: #ff4343;

  }

  .index .section5 .main-container .news .item:hover a img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

  .index .section5 .main-container .news .item:hover .text::after {

    width: 100%;

    opacity: 1;

  }

  .index .section5 .main-container .news .item:hover span {

    animation: shake 1.2s 1 forwards;

    -webkit-animation: shake 1.2s 1 forwards;

  }



  .index .section5 .main-container .news .items:hover h4 {

    color: #ff4343;

  }

  .index .section5 .main-container .news .items:hover div {

    color: #ff4343;

  }

  .index .section5 .main-container .news .items:hover a img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

  .index .section5 .main-container .news .items:hover .text::after {

    width: 100%;

    opacity: 1;

  }

  .index .section5 .main-container .news .items:hover span {

    animation: shake 1.2s 1 forwards;

    -webkit-animation: shake 1.2s 1 forwards;

  }



  .index .section5 .main-container .news .shift li:hover a {

    color: #ff4343;

  }

  .index .section5 .main-container .news .shift li:hover .time .gx_poijh {

    color: #999;

  }

  .index .section5 .main-container .news .shift li:hover span {

    animation: shake 1.2s 1 forwards;

    -webkit-animation: shake 1.2s 1 forwards;

  }

  .map_txt button {

    transition: all 0.3s;

  }

  .map_txt button:hover {

    font-size: 16px;

    font-weight: bold;

    box-shadow: 3px -1px 2px #ccc;

  }

  .index .section2 ul.bgrpad div li .item:hover .right img {

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

  }

  .contact_mess form button {

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

  }

  .contact_mess form button:hover {

    background-color: #171614;

  }

  .case_info .zan {

    transition: all 0.3s;

  }

  .case_info .zan:hover {

    background: #272323 !important;

  }

  .g_senphonboxtit span img, .g_cseonboxgb img {

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

    -moz-transition: all 0.9s;

  }

  .g_senphonboxtit span img:hover {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

  }



  .g_cseonboxgb img:hover {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

  }


  .g_sybtnyss {

    transition: all 0.3s;

  }

  .g_sybtnyss:hover {

    background: #2b2727;

  }

  .g_senav .g_senitm {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

  }




  .g_cseonboxlbtn span a:hover {

    background: #ffffff;

    color: #e83f3f;

  }

  .broadside .broadback span:hover .g_iocfha {

    opacity: 0;

  }

  .broadside .broadback span:hover .g_iocfhb {

    opacity: 1;

    transform: scale(1.15);

  }

  .broadside .broadsearch span:hover .g_iocfha {

    opacity: 0;

  }

  .broadside .broadsearch span:hover .g_iocfhb {

    opacity: 1;

    transform: scale(1.15);

  }

  .contact:hover .animateds {

    animation: shake 1s 1 forwards;

    -webkit-animation: shake 1s 1 forwards;

  }



  .g_iocleftbtn span:hover .g_iocfha {

    opacity: 0;

  }

  .g_iocleftbtn span:hover .g_iocfhb {

    opacity: 1;

    transform: scale(1.15);

  }

  .index .section4 li {

    overflow: hidden;

    position: relative;

  }

  .index .section4 li a {

    transform: translateY(300px);

    position: relative;

    /*top: 300px;*/

    opacity: 0;

    transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

  }

  .index .section4 .atvm li a {

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -moz-transform: translateY(0);

    /*top: 0;*/

    opacity: 1;

  }

  .index .section4 .advttm li:nth-child(1) a {

    transition-delay: 0.3s;

  }

  .index .section4 .advttm li:nth-child(2) a {

    transition-delay: 0.5s;

  }

  .index .section4 .advttm li:nth-child(3) a {

    transition-delay: 0.7s;

  }

  .index .section4 .advttm li:nth-child(4) a {

    transition-delay: 0.9s;

  }

  .index .section4 .advttm li:nth-child(5) a {

    transition-delay: 1.1s;

  }

  .index .section4 .advttm li:nth-child(6) a {

    transition-delay: 1.3s;

  }

  .index .section4 .advttm li:nth-child(7) a {

    transition-delay: 1.5s;

  }

  .index .section4 .advttm li:nth-child(8) a {

    transition-delay: 1.7s;

  }

  .index .section4 .advttm li:nth-child(9) a {

    transition-delay: 1.9s;

  }





}





/*默克*/
.buildcon4 img {
  /* top: 30%; */
}
.buildflatv .slick-active .buildcon4 .g_iocsy1 {
  -webkit-animation: fadeInLeft 1s 0s ease both;
  -moz-animation: fadeInLeft 1s 0s ease both;
  animation: fadeInLeft 1s 0s ease both;
}
.buildflatv .slick-active .buildcon4 .g_iocsy2 {
  -webkit-animation: fadeInDown 1s 0s ease both;
  -moz-animation: fadeInDown 1s 0s ease both;
  animation: fadeInDown 1s 0s ease both;
  position: absolute;
  left: 2%;
  top: 30%;
  width: 40%;
}
.buildflatv .slick-active .buildcon4 .g_iocsy3 {
  -webkit-animation: fadeInRight 1s 0s ease both;
  -moz-animation: fadeInRight 1s 0s ease both;
  animation: fadeInRight 1s 0s ease both;
  width: 50%;
  top: 20%;
  right: 3%;
}
.buildflatv .slick-active .buildcon4 .g_iocsy4 {
  -webkit-animation: fadeInUp 1s 0s ease both;
  -moz-animation: fadeInUp 1s 0s ease both;
  animation: fadeInUp 1s 0s ease both;
}
/*贸促*/
.buildcon5 img {
  /* top: 0; */
  /* max-width: 90%; */
  /* margin-left: -45%;
    left: 50%; */
}
.buildcon5 {
  width: 100%;
  height: 100%;
  background: url(picture/ppmt1.png) no-repeat;
  background-size: cover;
}
.buildflatv .slick-active .buildcon5 .g_iocsy1 {
  -webkit-animation: fadeInUp 1s 0s ease both;
  -moz-animation: fadeInUp 1s 0s ease both;
  animation: fadeInUp 1s 0s ease both;
  position: absolute;
  bottom: 10px;
  left: 2%;
  width: 80%;
}
.buildflatv .slick-active .buildcon5 .g_iocsy2 {
  -webkit-animation: fadeInLeft 1.2s 0.3s ease both;
  -moz-animation: fadeInLeft 1.2s 0.3s ease both;
  animation: fadeInLeft 1.2s 0.3s ease both;
  position: absolute;
  bottom: 46%;
  left: 0;
  width: 58%;
}
.buildflatv .slick-active .buildcon5 .g_iocsy3 {
  -webkit-animation: fadeInRight 1.2s 0.3s ease both;
  -moz-animation: fadeInRight 1.2s 0.3s ease both;
  animation: fadeInRight 1.2s 0.3s ease both;
  position: absolute;
  bottom: 28%;
  right: 0;
  width: 24%;
}
.buildflatv .slick-active .buildcon5 .g_iocsy4 {
  -webkit-animation: fadeInUp 1.5s 0.8s ease both;
  -moz-animation: fadeInUp 1.5s 0.8s ease both;
  animation: fadeInUp 1.5s 0.8s ease both;
  width: 40%;
  bottom: 10%;
  left: 4%;
}
/*饿了么*/
.buildcon6 img {
  top: 0;
}
.buildflatv .slick-active .buildcon6 .g_iocsy1 {
  -webkit-animation: fadeInUp 1s 0s ease both;
  -moz-animation: fadeInUp 1s 0s ease both;
  animation: fadeInUp 1s 0s ease both;
}
.buildflatv .slick-active .buildcon6 .g_iocsy2 {
  -webkit-animation: zoomInDown 0.9s 0.5s ease both;
  -moz-animation: zoomInDown 0.9s 0.5s ease both;
  animation: zoomInDown 0.9s 0.5s ease both;
}
.buildflatv .slick-active .buildcon6 .g_iocsy3 {
  -webkit-animation: zoomInDown 0.9s 0.5s ease both;
  -moz-animation: zoomInDown 0.9s 0.5s ease both;
  animation: zoomInDown 0.9s 0.5s ease both;
}
.buildflatv .slick-active .buildcon6 .g_iocsy4 {
  -webkit-animation: zoomInDown 0.9s 0.5s ease both;
  -moz-animation: zoomInDown 0.9s 0.5s ease both;
  animation: zoomInDown 0.9s 0.5s ease both;
}
.buildcon6 .g_iocsy6 {
  transform: translate(360px, -360px);
  -webkit-transform: translate(360px, -360px);
  -ms-transform: translate(360px, -360px);
  -moz-transform: translate(360px, -360px);
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
}
.buildcon6 .g_iocsy5 {
  transform: translate(-360px, -360px);
  -webkit-transform: translate(-360px, -360px);
  -ms-transform: translate(-360px, -360px);
  -moz-transform: translate(-360px, -360px);
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
}
.buildflatv .slick-active .buildcon6 .g_iocsy5 {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

.buildflatv .slick-active .buildcon6 .g_iocsy6 {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

/*西门子*/
.buildcon7 {
  width: 100%;
  height: 100%;
  background: url(picture/zrt1.png) no-repeat;
  background-size: cover;
}
.buildcon7 .g_iocsy1b {
  transform: translate(-100%, 100%);
  -webkit-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -moz-transition: all 1.2s;
}
.buildflatv .slick-active .buildcon7 .g_iocsy1 {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}
.buildflatv .slick-active .buildcon7 .g_iocsy1b {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}
.buildcon7 .g_iocsy1 {
  transform: translate(100%, 100%);
  -webkit-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -moz-transition: all 1.2s;
  position: absolute;
  width: 100%;
  bottom: 60px;

}
.buildflatv .slick-active .buildcon7 .g_iocsy2 {
  -webkit-animation: zoomInUp 1.2s 0.6s ease both;
  -moz-animation: zoomInUp 1.2s 0.6s ease both;
  animation: zoomInUp 1.2s 0.6s ease both;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45%;
}
.buildflatv .slick-active .buildcon7 .g_iocsy3 {
  -webkit-animation: fadeInDown 1.2s 0.6s ease both;
  -moz-animation: fadeInDown 1.2s 0.6s ease both;
  animation: fadeInDown 1.2s 0.6s ease both;
  width: 55%;
  right: 0;
  top: 40px;
}
.buildflatv .slick-active .buildcon7 .g_iocsy4 {
  -webkit-animation: zoomInUp 1.2s 0.6s ease both;
  -moz-animation: zoomInUp 1.2s 0.6s ease both;
  animation: zoomInUp 1.2s 0.6s ease both;
}
.buildimg img {
  opacity: 0;
}
.buildflatv .slick-active img {
  opacity: 1;
}
.g_cseonboxlip span h5 a {
  display: none;
}


.scfoll {
  width: 59px;
  height: 84px;
  position: absolute;
  top: -105px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
  animation: mymove0 1.2s infinite;
  -webkit-animation: mymove0 1.2s infinite;
  cursor: pointer;
  z-index: 30;
}
@keyframes mymove0 {
  from {
    top: -109px;
  }
  to {
    top: -103px;
  }
}
.scfoll img {
  width: 28px;
  height: 57px;
}
.scfoll span {
  width: 100%;
  text-align: center;
  margin-top: 17px;
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-family: "微软雅黑";
  letter-spacing: 2px;
}
.scfoll {
  cursor: pointer;
}
/*9.4 gary*/
.g_jyzqn {
  margin-left: 30px;
}
.g_jyzqn .g_jyzna {
  font-family: "微软雅黑" !important;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  cursor: pointer;
  margin-left: 4px;
}
.g_jyzqn a {
  font-family: "微软雅黑";
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
.g_jyzqioc {
  width: 26px;
  display: block;
}
.g_jyzqioc img {
  width: 100%;
  display: block;
}
@font-face {
  font-family: 'Quarto';
  src: url('fonts/QUARTO-BOLD.eot');
  src: local('☺'), url('fonts/quarto-bold.woff') format('woff'), url('fonts/quarto-bold.ttf') format('truetype'), url('fonts/quarto-bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.xiala {
  width: 100%;
  background: #ff4343;
  padding: 60px 220px;
}
.xl_top1 {
  float: left;
}
.xl_top2 {
  float: right;
}
.xl_top1 p {
  line-height: 48px;
  color: #fff;
  font-size: 36px;
  font-family: "微软雅黑";
}
.xl_logo {
  padding: 0 20px;
  float: left;
}
/* .gl_logoimg img{
    width: 56px;
} */
.xl_logo img {
  display: block;
  margin: auto;
}
.xl_top2 .xl_logo p {
  height: 36px;
  text-align: center;
  line-height: 18px;
  width: 88px;
  color: #fff;
  font-size: 14px;
  font-family: "微软雅黑";
  margin-top: 5px;
}
.box2 {
  padding: 60px 0;
}
.xl_center1 {
  width: 48%;
  float: left;
  margin: 0 auto;
  margin-right: 2%;
}
.xl_centle1 {
  width: 120px;
  border-top: 2px solid #fff;
}
.xl_centle1 h5 {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  font-family: "Quarto";
  margin-top: 17px;
  margin-bottom: 15px;
}
.xl_centle1 p {
  color: #fff;
  font-size: 60px;
  font-family: "微软雅黑";
}
.xl_cennr {
  margin-top: 22px;
}
.xl_cennr p {
  display: block;
  line-height: 36px;
  color: #fff;
  font-size: 24px;
  font-family: "微软雅黑";
}
.xl_center1b {
  padding-right: 100px;
}
.box3 p {
  line-height: 30px;
  color: #fff;
  font-size: 18px;
  font-family: "微软雅黑";
}
.box3 h3 {
  line-height: 48px;
  color: #fff;
  font-size: 24px;
  font-family: "微软雅黑";
}
.box3 span {
  color: #fff;
  font-size: 72px;
  font-family: 'Conv_ELEPHNT';
  display: block;
  margin-top: 5px;
}
.xl_center1n {
  padding-left: 36px;
}
.g_yxxlbox {
  display: none;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0;
  z-index: 1000000000;
}
.g_shjbotn {
  cursor: pointer;
}
.g_bmsjbtn {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-30px, 30px);
  cursor: pointer;
  width: 36px;
}
.g_bmsjbtn img {
  width: 100%;
  display: block;
  transition: all 0.9s;
}
.gyx_sjmap {
  width: 35px;
  display: inline-block;
}
.g_shjbotn .g_pshimh {
  line-height: 24px;
}
.g_bmsjbtn:hover img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.g_pshimh {
  font-family: "微软雅黑" !important;
}
.g_shjbotn {
  transform: translateY(2px);
}
.g_jyzqn {
  transform: translateY(2px);
}
.g_jyzqn {
  cursor: pointer;
}
@media screen and (max-width: 5000px) {
  .buildflatv .slick-active .buildcon7 .g_iocsy2 {
    width: 40%;
  }
  .buildfl .buildimg .t-s-1 {
    width: 55%;
  }
  .buildfl .buildimg .t-s-3 {
    width: 53%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy2 {
    bottom: 40%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy3 {
    bottom: 22%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy4 {
    bottom: 0%;
    left: 5%;
  }
}
@media screen and (max-width: 2500px) {
  .videocons video {
    height: 990px;
  }
  .buildflatv .slick-active .buildcon7 .g_iocsy2 {
    width: 40%;
  }
  .buildfl .buildimg .t-s-1 {
    width: 55%;
  }
  .buildfl .buildimg .t-s-3 {
    width: 53%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy2 {
    bottom: 40%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy3 {
    bottom: 22%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy4 {
    bottom: 0%;
    left: 5%;
  }
}
@media screen and (max-width: 1920px) {
  .buildflatv .slick-active .buildcon7 .g_iocsy2 {
    width: 40%;
  }
  .buildfl .buildimg .t-s-1 {
    width: 55%;
  }
  .buildfl .buildimg .t-s-3 {
    width: 53%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy2 {
    bottom: 40%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy3 {
    bottom: 22%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy4 {
    bottom: 0%;
    left: 5%;
  }
}
@media screen and (max-width: 1860px) {
  .xiala {
    padding: 55px 180px;
  }
  .g_harlitml h1 {
    font-size: 60px;
  }
  .g_harlitml h1 b {
    font-size: 25px;
  }
  .g_harlitml h1 span {
    font-size: 40px;
  }
  .g_harlitml h4 {
    font-size: 35px;
  }
  .adv_box p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1680px) {
  .g_methodrimg2 {
    left: -77px;
    top: -50px;
  }
  .g_methodrimg2a {
    width: 95%;
  }
  .g_methodrimg2g {
    height: 185%;
    left: -85px;
    top: -72px;
    width: 111%;
  }
  .xiala {
    padding: 55px 80px;
  }
  .xl_center1b {
    padding-right: 60px;
  }
  .adv_box h5 {
    font-size: 34px;
  }
  .g_methlast span .b {
    width: 35%;
  }

}
@media screen and (max-width: 1560px) {
  .xiala {
    padding: 60px 55px;
  }
  .adv_box p {
    font-size: 20px;
  }
  .adv_box h5 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1440px) {
  .buildfl .buildimg .t-s-1 {
    width: 59%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy2 {
    bottom: 45%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy4 {
    bottom: 4%;
    left: 5%;
  }
  .xl_center1n {
    padding-left: 0;
  }
  .xl_center1b {
    padding-right: 26px;
  }
  .xiala {
    padding: 46px 46px;
  }
  .box2 {
    padding: 45px 0;
  }
  .xl_cennr p {
    line-height: 32px;
    font-size: 22px;
  }
  .xl_top1 p {
    line-height: 48px;
    font-size: 30px;
  }
  .xl_logo {
    padding: 0 15px;
    float: left;
  }
  .xl_centle1 p {
    font-size: 52px;
  }
  .box3 span {
    font-size: 62px;
  }
  .g_bmsjbtn {
    transform: translate(-20px, 20px);
    width: 26px;
  }
}
@media screen and (max-width: 1370px) {
  .box2 {
    padding: 38px 0;
  }
  .buildfl .buildimg .t-s-1 {
    width: 59%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy4 {
    bottom: 4%;
    left: 5%;
  }
  .buildflatv .slick-active .buildcon5 .g_iocsy2 {
    bottom: 40%;
  }
  .xl_cennr {
    margin: 0 auto;
    padding-top: 20px;
  }
  .xl_cennr p {
    font-size: 22px;
  }
  .xl_top1 p {
    font-size: 32px;
  }
  .xl_centle1 p {
    font-size: 38px;
  }
  .box3 span {
    font-size: 48px;
  }
  .xl_top1 p {
    line-height: 42px;
    font-size: 26px;
  }
  .xl_centle1 h5 {
    margin-top: 14px;
    margin-bottom: 12px;
  }
  .g_jyzqn {
    margin-left: 30px;
    margin-right: 30px;
  }
  .index .buildimg .b-s-1 {
    width: 380px;
  }
  .adv_box p {
    max-height: 80px
  }
  .adv_box h5 {
    font-size: 30px;
  }
}
@media screen and (max-height: 650px) {
  .xl_centle1 p {
    font-size: 48px;
  }
  .xl_centle1 h5 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .box2 {
    padding: 32px 0;
  }
}
@media screen and (max-width: 1200px) {
  .g_yxxlbox {
    display: none !important;
  }
  .g_shjbotn {
    display: none;
  }
  .contact_mess form textarea {
    height: 70px;
  }
  .mp li img {
    height: 15%;
  }
  .mp li h2 {
    color: #5a5a5a;
    font-size: 20px;
    line-height: 60px;
  }
}



.g_senav .g_senitm:nth-child(2n-1) {
  background: #13222f;
}
.g_senav .g_senitm:nth-child(2n) {
  background: #eaeaea;
}
.g_senitmqq .g_senweix p {
  background: #13222f;
  color: #fff;
}
.g_senitmpho {
  background: #13222f;
  position: relative;
  z-index: 100;
}
.g_wxboxiop {
  background: #eaeaea;
  position: relative;
  z-index: 100;
}
.g_senitm {
  z-index: 5;
}
.g_senitm.g_senitmweix {
  z-index: 1;
}
.g_jqurlbox {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}


.g_shjbotn {
  margin-right: 32px;
}
/*gary新加*/
@font-face {
  font-family: "iconfont";
  src: url('fonts/iconfont.eot');
  /* IE9*/
  src: url('fonts/iconfont.eot') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/7db707ec0bf7485fbd0281a81d311bf0.woff') format('woff'),
    url('fonts/iconfont.ttf') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('fonts/iconfont.svg') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jiantou_xiangyou_o:before {
  content: "\eb94";
}

.sectionk .main-container {
  padding-top: 66px;
  padding-right: 55px;
  border: 1px solid #ebebeb;
}
.sectionk .main-container .hexin h4 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 11px;
  width: 290px;
}
.sectionk .main-container .hexin h4 a {
  font-family: "微软雅黑";
  color: #000000;
  font-size: 24px;
}
.sectionk .neirong {
  padding: 38px 0 60px;
}
.sectionk .neirongbox_hexin {
  width: 24%;
  border-right: 1px solid #ececec;
  padding-top: 15px;
  margin-bottom: 52px;

}
.sectionk .neirongbox_hexin:nth-child(4) {
  border-right: none;
}
.sectionk .neirongbox_hexin:last-child {
  border-right: none;
}
.sectionk .tu_img {
  width: 142px;
  margin: 0 auto;
}
.sectionk .tu_img img {
  width: 100%;
}
.sectionk .w_zi {
  margin-top: 36px;
}
.sectionk .w_zia {
  font-family: "微软雅黑";
  color: #000000;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.sectionk .w_zia::after {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 41px;
  height: 1px;
  background-color: #ff4343;
}
.sectionk .w_zib {
  font-family: "微软雅黑";
  color: #000000;
  font-size: 12px;
  margin-top: 38px;
  text-align: center;
}
.sectionk .frzi {
  position: relative;
}
.sectionk .frziimg {
  width: 329px;
  position: absolute;
  right: 0;
  top: -44px;
}
.sectionk .frziimg img {
  width: 100%;
}
.sectionk .frzibox {
  font-family: "微软雅黑";
  color: #000000;
  font-size: 18px;
  position: relative;
}
.section3 .gm_titbox h4 a {
  font-family: "微软雅黑";
  color: #000000;
  font-size: 24px;
}
.section3 .gm_titbox h4 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 11px;
  width: 290px;
}
.morehp {
  width: 167px;
  height: 50px;
  border: 1px solid #e0e0e0;
  margin: 35px auto 0;
  text-align: center;

}
.morehp .more_span1 {
  font-family: "微软雅黑";
  color: #a49999;
  font-size: 16px;
  line-height: 50px;
}
.morehp .more_span2 i {
  font-size: 21px;
  color: #b5b5b5;
  margin-left: 10px;
  line-height: 48px;
  transition: all 0.8s;
  margin-top: -4px;
}
.index .section3 .main-container {
  padding-top: 70px;
  padding-bottom: 53px;
}
.section3 .gm_titbox {
  margin-bottom: 25px;
}
.index .section3 .slickbg {
  position: relative;
}
.sectionmbox .sectionm {
  background-color: #6F76AD;
  padding: 80px 50px;
}
/*.sectionmbox .main-container{
    padding-top: 67px;
}*/
.sectionmbox .xl_top2 {
  width: 50%;
  float: left;
  margin: 0 -20px;
  padding-right: 60px;
}
.sectionmbox .xl_logo {
  width: 20%;
}
.sectionmbox .xl_top1 {
  width: 50%;
  float: right;
  padding-left: 32px;
}
.sectionmbox .box_xptop {
  font-family: "微软雅黑";
  color: #fff;
  font-size: 18px;
}
.sectionmbox .box_xpbot {
  font-family: "微软雅黑";
  color: #fff;
  font-size: 18px;
  margin-top: 15px;
}
.sectionmbox .box_xp {
  margin-bottom: 40px;
}
.sapnk {
  font-family: "微软雅黑";
  color: #fff;
  font-size: 18px;
  display: block;
  text-align: center;
  margin-top: 6px;
}
.g_senitma {
  width: 41px;
  margin: 0 auto;
}
.g_senitma img {
  width: 100%;
}
.g_senav {
  width: 98px;
}
.g_senitm {
  height: 98px;
  margin-bottom: 1px;
  background-color: #ff4343 !important;
}
.g_senav .g_senitm:nth-child(2n-1) {
  background: #ff4343;
}
.g_senitmpho {
  background: #ff4343;
  position: relative;
}
.g_senitmp {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


}
.gm_titbox .more {
  display: none;
}
.jk {
  background: #ff4343;
  position: relative;
  z-index: 51;
  padding: 13px;
}
.morehp:hover .more_span2 i {
  transition: all 0.8s;
  margin-left: 20px;
}
.neirongbox_hexin:hover .w_zia {
  color: #ff4343;
}
.sectionmbox .xl_top1 p {
  font-size: 32px;
}
.morehpnk {
  margin: 45px auto 0;
}
.morehp a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.morehp a:hover .more_span1 {
  color: #ff4343;
}
.morehp a:hover .iconfont {
  color: #ff4343;
}
.morehp:hover {
  border: 1px solid #ff4343;
}
.neirong .more_span2 {
  color: #a49999;
  margin-left: 10px;
  margin-top: -4px;
}
/*gary 12.7*/
a.atbnm {
  color: #ff4343 !important;
}
.g_bntbox {
  display: none;
}
.g_newsitm {
  overflow: hidden;
  display: none;
}
.g_newsitm.show {
  display: block;
}



/** Generated by FG **/
@font-face {
  font-family: 'g_weiler';
  src: url('fonts/haettenschweiler.eot');
  src: local('☺'), url('fonts/haettenschweiler.woff') format('woff'), url('fonts/haettenschweiler.ttf') format('truetype'), url('fonts/haettenschweiler.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.g_servicebox {
  position: fixed;
  width: 100%;
  left: 0;
  top: 110px;
  z-index: 10000000000000000;
  background: transparent;
  display: none;
  padding-top: 7px;
}
.g_serviceboxcn {
  background: #fff;
}
.g_padrding {
  width: 1324px;
  margin: auto;
}
.g_servincname {
  font-size: 30px;
  color: #333333;
  font-family: "Microsoft JhengHei";
}
.header .navdiv nav li .g_servincname a {
  font-size: 30px;
  color: #333333;
  font-family: "Microsoft JhengHei";
}
.g_servincnametop {
  padding-top: 20px;
  padding-bottom: 20px;
}
.g_servicitm {
  width: 14.285714%;
}
.header .navdiv nav li .g_servicetit {
  font-size: 18px;
  color: #4a4a4a;
  font-family: "微软雅黑";
  line-height: 22px;
}
.header .navdiv nav li .g_servicetit a {
  color: #4a4a4a;
}
.header .navdiv nav li .g_servic .g_serverp a {
  font-family: "微软雅黑";
  font-size: 14px;
  color: #6f6c6c;
  line-height: 24px;
}
.g_servic .g_serverp {
  margin-bottom: 6px;
}
.g_serviceone {
  padding-top: 25px;
}
.g_servicetit {
  margin-top: 28px;
}
.g_servicbom {
  margin-top: 24px;
}
.g_servicom {
  padding-bottom: 30px;
}
/*服务解决方案下拉*/
.g_servtitm {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 15px;
}
.g_servtlist {
  margin-left: -8px;
  margin-right: -8px;
}
.header .navdiv nav li .g_servtitm a {
  font-family: "微软雅黑";
  font-size: 14px;
  color: #666666;
  line-height: 45px;
  background: #ffffff;
  display: block;
  padding-left: 22px;
  padding-right: 22px;
}
.g_servicname {
  padding-top: 20px;
  padding-bottom: 20px;
}
.g_servicnbox {
  background: #e9e9ea;
}
.g_servicetow {
  background: #dededf;
}
.g_servtbom {
  margin-top: 20px;
}
.g_servccal span {
  font-size: 48px;
  color: #be0122;
  font-family: "g_weiler";
}
.g_servcp p {
  font-family: "微软雅黑";
  font-size: 18px;
  color: #be0122;
  line-height: 24px;
}
.g_servtbom {
  padding-bottom: 18px;
}
.g_servccal {
  margin-top: 26px;
}
.g_servcp {
  margin-top: 16px;
}
.header .navdiv nav li .g_servic .g_serverp a:hover {
  color: #ff4343;
}
.header .navdiv nav li .g_servicetit a:hover {
  color: #ff4343;
}
.header .navdiv nav li .g_servtitm a:hover {
  color: #ff4343;
}
.header .navdiv nav li .g_servincname a:hover {
  color: #ff4343 !important;
}



.g_serviceboxcn {
  display: none !important;
}
.atbm.g_servicebox .g_serviceboxcn {
  display: block !important;
}
/*首页ai图标*/
.g_aibox {
  margin-right: 28px;
}
.g_aiboximg {
  width: 24px;
  transform: translateY(1px);
}
.g_aiboximg img {
  width: 100%;
  display: block;
}
.g_aiboxname {
  font-family: "微软雅黑";
  color: #fff;
  line-height: 24px;
  margin-left: 8px;
  transform: translateY(2px);
}
.g_formbl {
  width: 100%;
}
.paddings {
  padding-top: 40px;
  padding-bottom: 40px;
}
.g_formbl .contact_mess {
  padding: 0px 0 0px 0px;
}
.g_formbox {
  margin-top: 75px;
  margin-bottom: 98px;
}
.g_formboxs {
  margin-top: 0;
  margin-bottom: 0px;
}
.g_bdimgn {
  width: 452px;
}
.g_bdimgn img {
  width: 100%;
  display: block;
}
.g_nburtitle span {
  font-size: 18px;
  color: #fff;
  line-height: 48px;
  display: inline-block;
  position: relative;
  z-index: 10;
}
.g_nburtitle {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
.g_nburied {
  margin-top: 8px;
}
.g_nburtitle::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 16px;
  top: 16px;
  background: rgba(255, 255, 255, 0.06);
}
.g_nburtitle::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.2784313725490196);
}
.g_nburioc {
  width: 24px;
  display: inline-block;
}
.g_nburioc img {
  width: 100%;
  display: inline-block;
}
.g_nburp, .g_nburpom {
  transform: translateY(2px);
}
.g_nburp {
  margin-left: 6px;
}
.cdetails .casefo.g_afgbj {
  background: #fff;
}
.newservice .wrap.g_fwbinhp {
  background: #fff;
  padding-bottom: 0;
}
.g_nesimg {
  width: 100%;
  display: block;
}
.g_nesimg img {
  width: 100%;
  display: block;
}
.g_panfgha {
  width: 1178px;
  padding-right: 40px;
  padding-left: 55px;
}
.g_podfgebnl {
  padding-right: 70px;
}
.g_padding5 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.g_forntop {
  margin-top: 62px;
}
.g_fornbom {
  margin-bottom: 94px;
}
.g_uihnmjl {
  margin-top: 56px;
}
.g_subscribe {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000000;
  display: none;
}
.g_subscribe.show {
  display: block;
}
.g_subscribemc {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.g_subscbox {
  z-index: 1000;
  position: absolute;
  width: 602px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.36s;
  background: #fff;
  padding: 48px 40px;
}
.g_xdytitle {
  font-size: 18px;
  color: #464646;
  line-height: 22px;
  font-family: '微软雅黑';
}

/**/


.g_xdyitm {
  width: 300px;
}
.g_xdyitm {
  width: 300px;
  border-bottom: 1px solid #b0b0b0;
  padding-bottom: 20px;
  padding-top: 20px;
}
.g_xdyitm input {
  width: 100%;
  height: 100%;

}

/*.g_subscl{
    border:1px solid #000;
}*/
.g_xdybtn {
  width: 120px;
  height: 38px;
  background: #ff4343;
  margin-top: 30px;
  cursor: pointer;
}
.g_xdybtpm {
  text-align: center;
  font-family: '微软雅黑';
  color: #fff;
  line-height: 38px;
  font-size: 14px;
}
.g_xdyinpbox {
  margin-top: 18px;
}
.m_weixin {
  opacity: 1;
  right: 283px;
  position: relative;
  bottom: 13px;

}

.m_weixin .g_cseonboxrerm1 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 22px;
  height: 22px;
}
.m_weixin .g_cseonboxrerm2 {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 22px;
  height: 22px;
}
.m_weixin .g_cseonboxrerm3 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  width: 22px;
  height: 22px;
}
.m_weixin .g_cseonboxrerm4 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  width: 22px;
  height: 22px;
}
.m_weixin h5 {
  color: #464646;
  font-size: 14px;
  line-height: 18px;
  width: 108px;
  margin: 0 auto;
  margin-top: 10px;
}
.m_close {
  width: 18px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 13px;
}
.m_close img {
  width: 100%;
}


.atvcbm.g_subscbox {
  transform: translate(-50%, -50%) scale(1);
}

.m_dinigyue {
  border: 1px solid #fff;
  padding: 0px 16px;
  border-radius: 10px;
  margin-right: 16px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
}
.header .option .m_tel {
  margin-right: 16px;
}
.m_dinigyue:hover {
  color: #ff4343;
  border-color: #ff4343;
  transition: all 0.36s;
}
.header .option .m_dinigyue:hover {
  color: #ff4343;
}
.m_xwdy_mail_icon {
  display: inline-block;
  width: 21px;
  position: relative;
  top: 3px;
}
.m_xwdy_mail_icon img {
  width: 100%;
}
.m_xwdy_title .diytit {
  font-size: 18px;
  line-height: 36px;
  font-family: '微软雅黑';
  color: #464646;
  display: inline;
  margin-left: 13px;
}
.m_xwdy_title h2 {
  font-size: 14px;
  font-family: '微软雅黑';
  color: #848484;
  line-height: 24px;
  margin-top: 1px;
}
.m_xwdy_item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 28px;
  padding-top: 28px;
  position: relative;
}
.m_xwdy_item input {
  width: 100%;
  height: 100%;
  color: #848484;
}
.m_xwdy_item #code_img {
  position: absolute;
  right: 10px;
}
.m_xwdy_one {
  background: #ff4343;
  width: 100%;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-family: '微软雅黑';
  font-size: 16px;
  margin: 0 auto;
  margin-top: 34px;
  cursor: pointer;
}

.m_xinwen_dingyue {
  width: 338px;
  height: 440px;
  border: 1px solid #b0b0b0;
  background: #fff;
  padding: 35px;
  margin-top: 168px;
}
.m_xwdy_con {
  margin-top: 13px;
}


.m_saomiao {
  opacity: 0;
  left: -293px;
  position: absolute;
  bottom: 2px;
  transition: all 0.6s;
  top: 200px;


}
.m_saomiao_box {
  position: relative;
  overflow: hidden;
  height: 190px;
  width: 190px;
}
.m_saomiao_box_act {
  top: 0px;
  opacity: 1;
}

.g_fornbom .contact_mess {
  padding: 100px 0% 0px 0px;
}
.m_xinwen_dingyue {
  transition: all 0.36s;
  z-index: 100;
}
.atvcn.m_xinwen_dingyue {
  position: fixed;
  bottom: 20px;
}
.bgwhite.atvcn .m_xinwen_dingyue {
  position: absolute;
  /*bottom: initial;*/
}
.bgwhite.atvcn .g_tkloobox {
  position: absolute;
  height: 100%;
  top: 0;
}
.index .section5 .main-container .news .shift li {
  height: auto;
}
.gx_nesen {
  font-size: 14px;
  line-height: 1.75;
  color: #999999;
  margin-bottom: 25px;
  height: 48px;
  overflow: hidden;
}
.g_newsitm .gx_nesen {
  height: 72px;
}
.index .section5 .main-container .news .shift li {
  padding-top: 30px;
  padding-bottom: 31px;
}

.gx_data {
  font-family: 'HT';
  font-size: 14px;
  color: #999;
}
.gx_ydcen {
  line-height: 1.42;
  font-size: 14px;
  height: 40px;
  overflow: hidden;
  color: #464646;
  display: block;
  font-family: "Microsoft JhengHei";
  margin-top: 12px;
}
.gx_ydcen a {
  color: #464646;
}
.gx_ydlist {
  margin-top: 30px;
}
.gx_rmtit {
  margin-top: 55px;
  padding-bottom: 38px;
}


.index .section1 .gx_newtab .slick-dots {
  bottom: -8px;
}
.index .section1 .gx_newtab .slick-dots li {
  background: #f89593;
}
.index .section1 .gx_newtab .slick-dots li.slick-active {
  background: #ff4342;
}
.gx_imgx {
  width: 16px;
  display: inline-block;
}
.gx_imgx img {
  width: 100%;
  display: block;
}
.gx_dapag {
  color: #999;
  font-size: 14px;
}
.gx_imgp {
  margin-bottom: 30px;
  padding-right: 30px;
}

.index .section1 .bgwhite .left .gx_imgp a {
  margin-top: auto;
}
.gx_jcen {
  font-size: 16px;
  color: #666666;
  line-height: 1.75;
  width: 400px;
  position: absolute;
  left: 0;
  top: 145px;
}
.ry_top .gx_jcen {
  color: #fff;
}
.ry_bottom .gx_jcen {
  color: #dcdac6;
}
.black_center .gx_jcen {
  color: #fff;
}
.black_center2 .gx_jcen {
  color: #e84046;
}
.newserviceb .bry .brybox:hover .gx_jcen {
  opacity: 0;
}
.newserviceb .bgray:hover .gx_jcen {
  opacity: 0;
}
.index .section1 .bgwhite .left h4.gx_lmtit {
  font-size: 24px;
  border-bottom: 0px solid #e5e5e5;
}

.gx_hetop {
  height: 557px;
}

.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #ff4343 !important;
}
.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ff4343 !important;
}

.gx_dataop {
  font-family: 'HT';
  font-size: 14px;
  color: #999;
}
.gx_dah3 {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  line-height: 1.42;
  overflow: hidden;
  color: #464646;
  margin-top: 16px;
  margin-bottom: 20px;
  letter-spacing: .5px;
}
.gx_tubtn {
  color: #999;
  font-family: "HT";
  font-size: 14px;
}
.gx_tubtn .iconfont {
  margin-left: 7px;

}
.gx_newslist {
  margin-left: -56px;
  margin-right: -56px;
  margin-top: 48px;
}
.gx_neitm {
  width: 45%;
  /* padding-left: 56px; */
  padding-right: 56px;
  margin-left: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dadcde;
  position: relative;
}
.gx_neitm::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #d81455;
  width: 0;
  transition: all linear .6s;
  -webkit-transition: all linear .6s;
  -moz-transition: all linear .6s;
  -o-transition: all linear .6s;
}
.gx_neitm:hover::before {
  position: absolute;
  left: 0;
  width: 100%;
}
.gx_neitm a {
  width: 100%;
  display: block;
}
.gx_zy {
  color: #8f8f8f;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 20px;
  min-height: 50px;
}
.gx_lmtit {
  font-size: 24px;
  color: #464646;
}
.gx_neslist {
  margin-top: 154px;
}

.gx_anlbox.gx_neslist {
  margin-top: 0;
  margin-bottom: 150px;
}
.gx_hopit .g_f4botxiafl2z {
  font-size: 16px;
  color: #666;
}
.gx_hopit .g_f4botxiafl2z a {
  color: #666;
}

/* :focus{
    border: none !important;
} */
.gx_poiingd .cm_box:nth-child(3n+1) {
  animation-delay: 0.3s !important;
}
.gx_poiingd .cm_box:nth-child(3n+2) {
  animation-delay: 0.4s !important;
}
.gx_poiingd .cm_box:nth-child(3n+3) {
  animation-delay: 0.5s !important;
}
.gx_poiingd .cm_box:nth-child(3n+4) {
  animation-delay: 0.6s !important;
}
.gx_poiingd .cm_box:nth-child(3n+5) {
  animation-delay: 0.7s !important;
}
.gx_poiingd .cm_box:nth-child(3n+6) {
  animation-delay: 0.8s !important;
}



ul {
  display: block;
  list-style-type: disc;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 0px;
}



/*.section5 .imgdiv img{
    opacity: 0;
}
.section5 .animated .imgdiv img{
    opacity: 1;
}*/
#count_jsget {
  display: inline-block !important;
}

.position_bottom {
  display: none;
}