/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
  font-size: 1rem
}
body {
  /*font-family:"Microsoft YaHei", PingFangSC-Regular, "PingFangSC-Medium","Open Sans",'Raleway', sans-serif;*/
  font-family:-apple-system,SF UI Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
  color:#333333;
}

a {
  color: #ffffff;
@link-color: #ffffff;
}

a:hover {
  color: #f54647;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  /*font-family:"Microsoft YaHei", PingFangSC-Regular, "PingFangSC-Medium","Open Sans",'Raleway', sans-serif;*/
}
.fixed-top {
  /*padding: 0 6.25rem;*/
}
/* webkit, opera, IE9 */
::selection{background:rgba(245, 70, 71, 0.3);}
/* mozilla firefox */
::-moz-selection{background:rgba(245, 70, 71, 0.3);}

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input:-ms-input-placeholder { color: #E4E4E4; }

::-webkit-scrollbar{width:8px;height:8px;background:rgba(46,46,46,1);}
::-webkit-scrollbar-thumb{background-color:#999999;border-radius:4px;}
::-webkit-scrollbar-corner,
::-webkit-resizer{background:#F54647;}

.gray {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
.icon {
  font-family: "font_family" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
/*@font-face {*/
/*  font-family: 'PingFangSC-Regular';*/
/*  src: url('../fonts/PingFangSC-Regular.ttf');*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
@font-face {
  font-family: "RuixianTopHeiHeavyGB";
  src: url("../fonts/RuixianTopHeiHeavyGB1.0.ttf") format("truetype");
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*-------------------------------------------------
    [ ## Preloader ]
*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #2e2e2e;
  overflow: hidden;
}

.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.preloader-icon {
  width: 10.25rem;
  height: 10.25rem;
  display: inline-block;
  padding: 0rem;
  position: relative;
}

.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 10.25rem;
  height: 10.25rem;
  border-radius: 100%;
  background-color: #F54647;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader-icon .icon-logo{font-size: 3rem;color: #F54647;position: absolute;top: 50%;left: 50%;margin-left: -1.5rem;margin-top: -2.2rem;z-index: 301;animation: rotate_logo 1.6s linear infinite;}
.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

#main {margin-top:4.25rem;overflow: hidden;}
#header {transition:all 0.5s;padding:1.4375rem 6.25rem;}
#header.header-scrolled {background:rgba(46,46,46,0.8);padding:0.625rem 6.25rem;}
#header.notIndex {background:rgba(46,46,46,1);padding:0.625rem 6.25rem;transition:all 0s ease 0s;}
#header .icon-logo{font-size: 3rem;color: #F54647;}
#header .hd_left{padding: 0 0.9375rem;line-height: 3rem;}

#head_weixin{position: relative;display: inline-block;}
#head_weixin .weChatQR{display: none;transition:1s;position: absolute;-webkit-animation:fadeOutDown 1s .2s ease both;-moz-animation:fadeOutDown 1s .2s ease both;}
#head_weixin:hover .weChatQR{top: 2.857rem;left: 0;display: block;width: 120px;margin-left: -55px;-webkit-animation:fadeInUp 1s .2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}

.nowrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.nowrap_two{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.icon.icon-liaotian{width: 1.5rem;height: 1.5rem;color: #fff;font-size: 1.5rem;transition:0.3s;}
.icon.icon-liaotian:hover{color: #F54647;}

.icon.icon-qq{transition:0.3s;}
.icon.icon-qq:hover{color: #F54647;}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav-menu,.nav-menu * {margin:0;padding:0;list-style:none;}
.nav-menu {overflow:hidden;}
.nav-menu ul {position:relative;}
.nav-menu > ul > li {position:relative;white-space:nowrap;float:left;}
.nav-menu a {display:block;text-align:left;position:relative;color:#FFFFFF;padding:0.625rem 0.9375rem;transition:0.3s;font-size:1.0625rem;}
/*.nav-menu li:nth-child(3) a,*/
.nav-menu li:nth-child(5) a{text-align: center}
/*.nav-menu li:nth-child(5) i{left: 0.75rem;}*/
/*.nav-menu li:nth-child(6) a{width:6rem;}*/

/*.nav-menu li:last-child a {min-width:7.1875rem;}*/
.nav-menu ul li a{color: #FFFFFF;}
.nav-menu i {width:0;height:0.125rem;float:left;margin-right:0.3125rem;background:#F54647;opacity:0;top: 50%;margin-left: -0.15rem;left: 0.15rem;transition:all 0.5s ease 0s;position: absolute;}
.nav-menu li:hover a,.nav-menu li.active a {color:#F54647;}
.nav-menu li:hover i,.nav-menu li.active i {opacity:1;width:0.625rem;color:#eea303;}

.c-nav-r-btn span {display:block;width:20px;height:2px;margin-bottom:5px;position:relative;background:#fff;border-radius:0.1875rem;z-index:1;-webkit-transform-origin:20px;transform-origin:20px;transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;}
.c-nav-r-btn {display:inline-block;vertical-align:middle;cursor: pointer;}
.c-nav-r-btn.toggle-animate span:nth-last-child(2) {width:0;opacity:0;transform:rotate(0);transition:width .5s;}
.c-nav-r-btn.toggle-animate span:nth-last-child(3) {opacity:1;transform:rotate(-45deg);}
.c-nav-r-btn span:last-child {margin-bottom:0;}
.c-nav-r-btn.toggle-animate span {opacity:1;transform:rotate(45deg);}

/*--------------------------------------------------------------
# Nav tabs
--------------------------------------------------------------*/
.cases-tabs .nav-tabs {border:0;width: 60rem;margin:auto;}
.cases-tabs .nav-tabs  li:nth-child(1) {width:10rem;text-align:center;}
.cases-tabs .nav-tabs  li:nth-child(2) {width:12.3125rem;text-align:center;}
.cases-tabs .nav-tabs  li:nth-child(3) {width:15.5rem;text-align:center;}
.cases-tabs .nav-tabs  li:nth-child(4) {width:10.5625rem;text-align:center;}
.cases-tabs .nav-tabs  li:nth-child(5) {width:11.3125rem;text-align:center;}
/*.cases-tabs .nav-tabs  li {width:10.625rem;text-align:center;}*/
.cases-tabs .nav-tabs li a {font-size:1.125rem;color:#333333;padding:0.9375rem 0;display:block;border:0.0625rem solid #FFFFFF;border-top:0.0625rem solid #FFFFFF;position:relative;}
.cases-tabs .nav-tabs a:after {width:0rem;content:"";height:0.125rem;background:#F54647;position:absolute;top:-0.0625rem;left:0;color:#F54647;transition:all 0.5s ease 0s;}
.cases-tabs .nav-tabs li i{color: #333333;font-size: 1.2rem;}
.cases-tabs .nav-tabs .active i{color: #F54647}

/*.cases-tabs .nav-tabs span.web {background:url(../img/tab_web.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs span.ios {background:url(../img/tab_ios.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs span.android {background:url(../img/tab_android.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs span.miniprogram {background:url(../img/tab_miniprogram.svg) no-repeat left;}*/

/*.cases-tabs .nav-tabs .active span.web {background:url(../img/tab_web2.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs .active span.ios {background:url(../img/tab_ios2.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs .active span.android {background:url(../img/tab_android2.svg) no-repeat left;}*/
/*.cases-tabs .nav-tabs .active span.miniprogram {background:url(../img/tab_miniprogram2.svg) no-repeat left;}*/

.cases-tabs .nav-tabs span {padding-left:0.55rem;font-style:initial;display: inline-block}
.cases-tabs .nav-tabs .active {cursor:default;background-color:#fff;border-top:0.0625rem solid #ddd;border-left:0.0625rem solid #ddd;border-right:0.0625rem solid #ddd;border-bottom-color:transparent;color:#F54647;}
.cases-tabs .nav-tabs .active:after {width:100%;}

#cases-tabsContent .tab-pane{padding: 4.286rem 0;}
#cases-tabsContent .fade{display: none}
#cases-tabsContent .active{display: block}

.mop-loading {
  box-pack: center;
  box-align: center;
  height: 6.25rem;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -o-box-pack: center;
  -o-box-align: center;
  margin-bottom: 1.875rem;
}
.three-bounce>
div {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f54647;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  -moz-animation: bouncedelay 1.4s infinite ease-in-out;
  -o-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
.three-bounce .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}
.three-bounce .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0)
  }
  40% {
    -moz-transform: scale(1)
  }
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% {
    -o-transform: scale(0)
  }
  40% {
    -o-transform: scale(1)
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0)
  }
  40% {
    transform: scale(1)
  }
}

/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/
.banner-show{
  overflow: visible;transform-style: preserve-3d;
  position: relative;
  /*-webkit-transform: scale(1.05);*/
  /*transform: scale(1.05);*/
}
.banner-swiper {width:100%;height:100vh;background:url(../img/banner_bg.png);--swiper-theme-color:#FFFFFF;/* 设置Swiper风格 */  --swiper-navigation-color:#FFFFFF;/* 单独设置按钮颜色 */  --swiper-navigation-size:2.5rem;/* 设置按钮大小 */}
.banner-swiper .swiper-slide {text-align:center;font-size:1.125rem;/* Center slide text vertically */  display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.banner-swiper .swiper-slide {position:relative;width:100%;height:100vh;background-repeat:no-repeat;background-position:center center;opacity:1;background-size: cover;}
.banner-swiper .swiper-slide img{max-width: 100%;}
.banner-swiper .swiper-slide .swiper-lazy{position:relative;width:100%;height:100vh;background-repeat:no-repeat;background-position:center center;opacity:1;background-size: cover;}
.banner-swiper .swiper-pagination {top:10%;right: 6.25rem;margin-left:-3.125rem;text-align:left;color:#FFFFFF;width:6.25rem;font-family:STHeitiSC-Light, "Microsoft YaHei";font-size:1.5rem;}
.banner-swiper .swiper-pagination ul {margin:0;list-style-type:none}
.banner-swiper .swiper-pagination ul li {position:absolute;left:0;top:0;font-size:2.5rem;font-family: STXihei, "Microsoft YaHei";}
.banner-swiper .swiper-pagination .total {margin-left:3.125rem;font-size: 1.3125rem;position: relative;top: 0.3125rem;font-family: STXihei, "Microsoft YaHei";}
.banner-swiper .swiper-button-next {right:6.25rem;left:auto;}
.banner-swiper .swiper-button-prev {left:6.25rem;right:auto;}

.banner-swiper .swiper-box:after {content:'';width:100%;height:100%;opacity:0.74;background:rgba(245, 70, 71, 0);display:block;}
.banner-swiper .swiper-slide-active .video-wrapper{display: block !important}
/*.banner-swiper .swiper-slide .video-wrapper video{max-width: 100%}*/

@-webkit-keyframes rightan
{
  from
  {

    bottom: 1rem;
    opacity: 1;
  }
  to
  {
    bottom: -0.3125rem;
    opacity: 0;
  }
}

.mousewheel {width: 3.571rem;height: 5.714rem;position:absolute;bottom:0.625rem;left:50%;margin-left: -1.7855rem;z-index:10;
  animation:rightan 1.5s infinite;
  -webkit-animation:rightan 1.5s infinite;
  -moz-animation:rightan 1.5s infinite;
  -o-animation:rightan 1.5s infinite;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  cursor: pointer
}
.mousewheel .icon-mousewheel{font-size: 3.571rem;}
.about_section{position: relative;background: #f9f9f9;padding: 20vh 0;height: 100vh;}
.service_section{position: relative;padding:8vh 0;background: #303030; /*url(__TMPL__/public/assets/img/service_bg.png) no-repeat center 120%;background-size: cover;*/position: relative;overflow: hidden;height: 100vh}
.ourcase_section{position: relative;background: #FFFFFF url(../img/ourcase_bg.png) no-repeat center top;padding: 15vh 0 10vh;height: 100vh}
.news_section{position: relative;background: #FFFFFF url(../img/banner_bg.png) no-repeat center top;background-size: cover;padding: 10vh 0 10vh;height: 100vh}
.client_section{position: relative;background: #FFFFFF url(../img/client_bg.png) no-repeat center top;background-size: cover;padding: 15vh 0 10vh;height: 100vh}
.contact_section{position: relative;background: #FFFFFF url(../img/contact_bg.png) no-repeat center top;padding: 15vh 0 10vh;height: 100vh}
/*--------------------------------------------------------------
# c_meau
--------------------------------------------------------------*/
.c_meau {background: #333333;line-height: 1.5625rem;border-radius: 0.3125rem;width: 10.4375rem;font-size: 0.875rem;position: fixed;right: 6.25rem;bottom: 0;z-index: 1;margin-bottom: -30.5rem;color: #ffffff;padding: 0 1.375rem;transition: 1s;}
.c_meau.show{bottom: 50%;margin-bottom: -17.0313rem;}
.c_meau:hover {box-shadow: 0 0.75rem 2.5rem 0 rgba(153,153,153,0.50);bottom:51%;}
.c_meau .top_icon {position:absolute;top:-1.875rem;left:50%;margin-left:-2rem;width:4.4375rem;height:4.4375rem;cursor: pointer}
.c_meau p{border-top: 1px solid #444444;}
.c_meau span{color: #999999;font-size: 0.875rem;display:block;}
.c_meau .qr{width: 5.875rem;height: 5.875rem}
.c_meau.hide{bottom: 0 !important;}
  /*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
.breadcrumbs {padding:0.9375rem 0;min-height:2.5rem;color:#F54647;margin-bottom: 2.5rem;padding-top: 3.5rem;}
.breadcrumbs a {color:#999999;text-transform: capitalize;}
.breadcrumbs li:first-child a{background: url(../img/back.svg) no-repeat left;padding-left: 2.1875rem;background-size: contain;}
.breadcrumbs h2 {font-size:1.75rem;font-weight:300;}
.breadcrumbs ol {display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.breadcrumbs ol li + li {padding-left:0.625rem;}
.breadcrumbs ol li + li::before {display:inline-block;padding-right:0.625rem;color: #999999;content:">";}

/*--------------------------------------------------------------
# Cases
--------------------------------------------------------------*/
[class*=' c4-border'] figcaption:after,[class*=' c4-border'] figcaption:before,[class*=' c4-border']:after,[class*=' c4-border']:before,[class^=c4-border] figcaption:after,[class^=c4-border] figcaption:before,[class^=c4-border]:after,[class^=c4-border]:before {/* background-color:#f54647 !important;*/  background-color:#f54647 !important; --border-width:1px;}
.filter-app .portfolio-item {overflow:hidden;min-height:12.5rem;position:relative;border-radius:0.25rem;margin:0 0 1.875rem 0;}
.filter-app .portfolio-item .img{transition:all 0.3s ease-in-out;border-radius:0.25rem;height: 20.357rem}
.filter-app .portfolio-item .search_img {width: 1.3125rem;height: 1.25625rem;margin: 0 1.25rem;}
/*.filter-app .portfolio-item .-+-+---c4-izmir:hover .img{opacity:0.4;transform:scale(1.1);}*/
.filter-app .portfolio-item:hover .portfolio-info {opacity:1;top:calc(50% - 1.875rem);}
.filter-app .portfolio-item .c4-reveal-up{cursor: pointer}
.filter-app .portfolio-item .cases_title{max-width: 12.5rem;color: #f54647;font-size: 1.2rem;margin-bottom: 0.3125rem;background: url(../img/search_img.png) no-repeat right;background-size:1.3125rem;padding-right: 1.875rem;}
.filter-app .portfolio-item .c4-izmir{background-color: rgba(245, 70, 71, 0.1);}
.filter-app .portfolio-info a {color:#333333;}
.filter-app .portfolio-info {text-align:center;padding:1.25rem 0;}
.filter-app .portfolio-info p a {color:#999999;}


/*.more_btn{border: 0.0625rem solid #EFEFEF;color: #6c6c6c !important;transition: all 1s ease 0s;line-height: 2.875rem;min-width:10rem;display: inline-block;text-align: center;border-radius:3.125rem;cursor:pointer;position: relative}*/
/*.more_btn:after{transition: all 0.5s ease 0s;content: '';width: 0rem;height: 0.0625rem;display: inline-block;position: absolute;top: 0;left: 0;border-radius: 3.125rem;}*/
/*.more_btn:hover{border: 0.0625rem solid #F54647;}*/
/*.more_btn:hover:after{width: 0.625rem;}*/

.more_btn {background-color:transparent;border:0.0625rem solid #E4E4E4;color:#B8B8B8;display:inline-block;line-height: 2.875rem;min-width:10rem;border-radius:3.125rem;cursor:pointer;margin:0.5rem;padding:0 0.9375rem;font-size:0.9375rem;position:relative;opacity:.999;border-radius:0.1875rem;background-color:transparent;}
.more_btn:before,.more_btn:after {content:'';border-style:solid;position:absolute;z-index:5;border-radius:0.1875rem;box-sizing:content-box;}
.more_btn:before {width:0;height:100%;border-width:0.0625rem 0 0.0625rem 0;top:-0.0625rem;left:0;-webkit-transition-delay:0.05s;transition-delay:0.05s;}
.more_btn:after {width:100%;height:0;border-width:0 0.0625rem 0 0.0625rem;top:0;left:-0.0625rem;}
.more_btn:hover:before {width:100%;}
.more_btn:hover:after {height:100%;}
.more_btn:before,.more_btn:after {border-color:#f54647;}
.more_btn:hover {color:#f54647 !important;}
.more_btn:before,.more_btn:after {-webkit-transition:all 0.3s;transition:all 0.3s;}

.more_btn_2 p{font-size: 0.875rem;color: #666666;}
.more_btn_2 img{width: 18.625rem;height: 1.5rem}

/*.more_btn:hover{animation:btncss 3s;}*/

/*@-webkit-keyframes btncss*/
/*{*/
/*  0%   {border-top:0.0625rem solid #F54647;}*/
/*  25%  {border-right:0.0625rem solid #F54647;}*/
/*  50%  {border-bottom:0.0625rem solid #F54647;}*/
/*  100% {border-left:0.0625rem solid #F54647;}*/
/*}*/


/*@-webkit-keyframes btncss*/
/*{*/
/*  from*/
/*  {*/
/*    border-top:0.0625rem solid #F54647;*/

/*  }*/
/*  to*/
/*  {*/
/*    border-top:0.0625rem solid #F54647;*/
/*    border-right:0.0625rem solid #F54647;*/
/*  }*/
/*}*/
.cases_preview{/*background: rgba(0, 0, 0, 0.8);*/position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 1030;}
.preview-swiper .swiper-slide-bg {background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1031;}
.preview-swiper{width: 100%;height: 100vh;z-index: 1032 !important;}
.preview-swiper .swiper-slide::after{display: none}
.preview-swiper .swiper-button-next{background: url(../img/next_preview.png) no-repeat;width: 2.5rem;height:2.65625rem;right: 10%;transition: all 0.5s ease 0s;background-size: contain;}
.preview-swiper .swiper-button-next:hover{-webkit-transform: translateX(0.3125rem)!important;transform: translateX(0.3125rem)!important;}
.preview-swiper .swiper-button-next:after{display: none}

.preview-swiper .swiper-button-prev{background: url(../img/prev_preview.png) no-repeat;width: 2.5rem;height:2.65625rem;left: 10%;transition: all 0.5s ease 0s;background-size: contain;}
.preview-swiper .swiper-button-prev:after{display: none}
.preview-swiper .swiper-button-prev:hover{-webkit-transform: translateX(-0.3125rem)!important;transform: translateX(-0.3125rem)!important;}
.preview-swiper .swiper-button-next,
.preview-swiper .swiper-button-prev{z-index: 1032;}
.preview-swiper .close_preview img{width: 1.5rem;height: 1.5rem;position:absolute;right: -2.5625rem;top: 0.5625rem;cursor: pointer;transition: all 0.5s ease 0s;}
.preview-swiper .close_preview:hover img{transform: rotate(90deg);-webkit-transition-property:all;
  -webkit-transition-duration:0.5;
  -webkit-transition-delay: 1000;
  -webkit-transition-timing-function:ease;}

@keyframes rotate{
  0%{-webkit-transform:rotate(0deg);}
  50%{-webkit-transform:rotate(90deg);}
  100%{-webkit-transform:rotate(180deg);}
}

.preview-swiper .text_container{width: 100%;max-width: 50rem;position: absolute;left: 50%;top: 50%;margin-left: -25rem;margin-top: -26rem;z-index: 1032;}
.preview-swiper .thumbnail{width: 100%;border-radius: 0.625rem;height:31.25rem;object-fit: cover;box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.2);}
.preview-swiper .text_content{padding: 3.125rem 2rem;background: #ffffff;border-radius: 0 0 0.25rem  0.25rem;margin: 0 1.875rem;overflow: auto;}
.preview-swiper .text_excerpt{line-height: 1.875rem;color: #333333;font-size: 1.125rem;}
.preview-swiper .text_excerpt.clamp{height: 7.5rem;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;display: -webkit-box;}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service-container{padding-top: 15vh}
.service .se_item{color: #FFFFFF;width: 14.28%;float: left;font-size: 1.3125rem;color: #FFFFFF;position: relative;}
.service .se_item:hover{}
.service .se_item .icon-bar{background: url(../img/icon-bar.png) no-repeat;width:10rem;height: 10rem;margin: auto;background-size: 100%;display: flex;justify-content: center;align-items: center;z-index: 2;}
.service .se_item:after{content: "";height: 100vh;width: 2px;display: block;background: #454545;position: absolute;top: 50%;left: 50%;margin-top: 7.3rem;z-index: -1;margin-left: -1px;}
.service .se_item.logo i{font-size: 6rem;color: #F54647;}
.service .se_item.logo p{font-size: 1.5rem;font-weight: bolder}
.service .se_item:nth-child(1){}
.service .se_item:nth-child(2){margin-top: 4.5rem;}
.service .se_item:nth-child(3){margin-top: 9rem;}
.service .se_item:nth-child(4){margin-top: 18.5rem;}
.service .se_item:nth-child(5){margin-top: 9rem;}
.service .se_item:nth-child(6){margin-top: 4.5rem;}
.service .se_item:nth-child(4):after{display: none}


/*.service .se_item{color: #FFFFFF;width: 14.286rem;position: absolute;top: 50%;left: 50%;}*/
/*.service .se_item:after{content: '';width: 0.714rem;height: 0.714rem;border-radius: 0.714rem;display: block;background: #F54647;position: absolute;left: 50%;top: 50%;margin-left: -0.357rem;margin-top: 0.357rem;}*/
/*.service .se_item.android{margin-top: -30.286rem;margin-left: -24.257rem;}*/
/*.service .se_item.ios{margin-top: -27.39rem;margin-left: -7.143rem;}*/
/*.service .se_item.miniprogram{margin-top: -8.943rem;margin-left: -18.243rem;}*/
/*.service .se_item.web{margin-top: 0.357rem;margin-left: -7.143rem;}*/
/*.service .se_item.game{margin-top: -5.329rem;margin-left: 5.671rem;}*/
/*.service .se_item.hotel{margin-top: -21.214rem;margin-left: 13.957rem;}*/
/*.service .se_item.logo{margin-top: -16.286rem;margin-left: -7.286rem;}*/
/*.service .se_item .mt-5{margin-top: 2.5rem!important;}*/

/*.service .rotate_logo{ animation: rotate_logo 4s linear infinite;}*/
/*.service .se_item.logo:after{display: none}*/
/*.service-container{width: 80%;height: 43rem;position: relative;margin: auto;margin-top: 20vh;padding-top: 5rem;}*/
/*.service-container:after{content: '';width: 100%;height: 100%;background: url(../img/service_bg2.png) no-repeat center;background-size: contain;position: absolute;top: 50%;margin-top:-34rem;z-index: -1;animation: rotate 10s linear infinite;}*/
/*.service-container{transform: scale(0.9)}*/

.service-tab a{font-size: 1.125rem;color: #999999;}
.service-tab li{padding: 0.625rem 0;display: block;width: 100%;}
.service-tab a .span{font-size: 1.125rem;color: #333333;margin-right: 1.25rem;}
.service-tab a .icon{font-size: 1.4375rem;color: #333333;margin-right: 0.6875rem;}
.service-tab li .active,
.service-tab .active .span{color: #F54647}
.service-box {padding-bottom: 7.5rem;background: url(../img/service-tab-bg.png) repeat-x top;background-size: 120.5rem;min-height: 42rem;overflow: hidden;}

.service-title{font-size: 1.375rem;color: #333333;line-height: 3.125rem;text-align: center;margin-top: -1.25rem;margin-bottom: 1.25rem;font-weight: 500;}
.service-content{padding: 1.25rem;}
.service-content img{width: 45.4375rem;}
.service-content .tab-pane{}
.service-content .active img{
  -webkit-animation:fadeInRightBig 1s ease both;
  -moz-animation:fadeInRightBig 1s ease both;
}

#animation{}
@-webkit-keyframes pulse{
  0%{-webkit-transform:scale(1)}
  50%{-webkit-transform:scale(1.1)}
  100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
  0%{-moz-transform:scale(1)}
  50%{-moz-transform:scale(1.1)}
  100%{-moz-transform:scale(1)}
}
.service-lc{position: relative;width:100%;height: 3.75rem;margin-bottom: 2.25rem;text-align: left;}
.service-lc h4{padding-left: 10rem;padding-right: 0;font-weight: bold;}
.service-lc .after{position: absolute;width: 8.75rem;}
.service-lc .hr{border-top: 1px dotted #F54647}
.service-lc .after:after,
.service-lc .after:before{content: '';background: #F54647;width: 1.25rem;height: 1.25rem;display: block;border-radius: 100%;position: absolute;top: 50%;margin-top: -0.625rem;}
.service-lc .after:before{content: '8';width: 3.75rem;height: 3.75rem;font-weight: bold;position: absolute;left: initial;top:50%;right: 0;margin-top: -1.875rem;text-align: center;line-height: 3.75rem;font-size: 1.75rem;color: #fff;}
.service-lc .after_1:before{content: '1'}
.service-lc .after_2:before{content: '2'}
.service-lc .after_3:before{content: '3'}
.service-lc .after_4:before{content: '4'}
.service-lc .after_5:before{content: '5'}
.service-lc .after_6:before{content: '6'}
.service-lc .after_7:before{content: '7'}
.service-lc .after_8:before{content: '8'}
.service-lc:last-child{margin-bottom: 0}

.service-left .service-lc .after{right: 0;}
.service-left .service-lc h4{padding-right: 10rem;padding-left: 0}
.service-left .service-lc{text-align: right;}

.service-left .service-lc .after:before{left: 0;}
.service-left .service-lc .after:after{right: 0;}

.service-right .service-lc .after:before{right: 0;}
.service-right .service-lc .after:after{left: 0;}

/*.service-lc:hover .after{ -webkit-animation:pulse 1s .2s ease both; -moz-animation:pulse 1s .2s ease both;}*/

.service-left{padding-top: 10rem;}
.service-right{padding-top: 10rem;}
.service-left .service-lc{-webkit-animation:fadeInLeft 1s ease both;-moz-animation:fadeInLeft 1s ease both;}
.service-right .service-lc{-webkit-animation:fadeInRight 1s ease both;-moz-animation:fadeInRight 1s ease both;}
.service-center{width: 20%;float: left;padding-top: 6rem;}
.service-center:after{display: inline-block;content: '';width: 117%;background: url('../img/jiantou.svg') no-repeat top;height: 39.429rem;background-size: 100%;position: relative;top: -40px;left: -5.5%;}

/*.service-left .service-lc:hover h4{-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;}*/
/*.service-right .service-lc:hover h4{-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;}*/

@keyframes rotate{from{transform: rotate(0deg)}
  to{transform: rotate(360deg)}
}

@keyframes rotate_logo{
  0%{
    transform: rotateY(0);
  }
  50%{
    transform:rotateY(180deg);
  }
  100%{
    transform: rotateY(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {color:#fff;font-size:0.875rem;overflow: hidden}
#footer .footer-newsletter{padding:7.5rem 0  1.25rem;  background: #333333;}
#footer .contact {padding: 0;list-style: none;}
#footer .contact li{margin-bottom: 3.125rem;background: url(../img/address2.svg) no-repeat;background-size:1.214rem;padding-left: 1.875rem;background-position: 0.3125rem 0.125rem;}
#footer .contact span{display: inline-block}
#footer .contact li p{color: rgba(255, 255, 255, 0.5);}
#footer .footer-link a{font-size:1.125rem;display: inline-block;padding:0 0.625rem;transition: all 0.5s ease 0s;}
#footer .copyright{font-size: 0.875rem;color:  rgba(255, 255, 255, 0.5);text-align: center;background: #222222;padding: 1.375rem}

#footer_weixin{position: relative;display: inline-block;}
#footer_weixin .weChatQR{display: none;transition:1s;position: absolute;-webkit-animation:fadeOutDown 1s .2s ease both;-moz-animation:fadeOutDown 1s .2s ease both;}
#footer_weixin:hover .weChatQR{z-index: 2;top: 0;right: 0;display: block;width: 8.571rem;margin-right: -9.286rem;margin-top: -1.429rem;-webkit-animation:fadeInRight 1s .2s ease both;-moz-animation:fadeInRight 1s .2s ease both;}

/*#footer .footer-icon{transition: all 0.5s ease 0s;}*/
/*#footer .footer-icon:hover{background: #f54647;border-radius: 100%;}*/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about_a{transition: all 0.5s ease 0s;padding-bottom: 2.5rem;}
.about_a .num{margin: auto;border: 0.143rem solid #EFEFEF;border-radius: 100%;font-size: 4.286rem;font-family: STHeitiSC-Medium, "Microsoft YaHei";height: 10.286rem;width: 10.286rem;line-height:10.286rem;text-align: center}
.about_a .en{position: absolute;right: 10%;top: 1.5625rem;background: #f9f9f9;width: 5.50rem;text-align: left;}
.about_a:last-child .en{right: 4%;}

.about_a:hover, .about_a:nth-child(2){color: #F54647;}
.about_a:hover .num , .about_a:nth-child(2) .num{border: 0.125rem solid #F54647;}

.cret_t{font-size: 2.25rem;color: #FFFFFF;text-align: center;margin: 1.25rem 0;position: relative;z-index: 1;}
.cret_t span{z-index: 9999;position: relative;background: #000000;padding: 0 1.25rem;}
.cret_t hr{width: 100%;content: '';height: 0.0625rem;background: #F54647;display: block;position: absolute;top: 50%;margin: 0;border: 0;}

#certify {position:relative;width:100%;margin:0 auto}
#certify .swiper-container {padding-bottom:60px;}
#certify  .swiper-slide {width:520px;height:408px;/*background:#fff;*/                /*box-shadow:0 8px 30px #ddd;*/}
#certify  .swiper-slide img {display:block;margin:auto;}
#certify  .swiper-slide p {/*line-height:98px;*/                padding-top:0;text-align:center;color:#636363;font-size:1.5rem;color:#333333;margin:0;display:none;}
#certify  .swiper-slide-active p {display:block;}
#certify .swiper-pagination {width:100%;bottom:20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
#certify .swiper-button-prev {left:-30px;width:45px;height:45px;background-position:0 0;background-size:100%;transition:all 0.5s ease 0s;}
#certify .swiper-button-prev:hover {background-position:0 -46px;background-size:100%;}
#certify .swiper-button-next {right:-30px;width:45px;height:45px;background-position:0 -93px;background-size:100%;transition:all 0.5s ease 0s;}
#certify .swiper-button-next:hover {background-position:0 -139px;background-size:100%;}
#certify .swiper-button-next:after,#certify .swiper-button-prev:after {display:none;}
#certify .swiper-button-next .icon,#certify .swiper-button-prev .icon {font-size:2.25rem;color:#000;}
.cert_2 .col-item {width:20%;float:left;padding:1.875rem;}
.cert_2 .col-more {display:none}
.cert_2 .col-item img {width:100%;}
.cert_2 .col-item p {font-size:0.875rem;color:#333333;line-height:1.5rem;margin-top:1.25rem;text-align:center}
#certify .swiper-button-next:hover {-webkit-transform:translateX(0.3125rem)!important;transform:translateX(0.3125rem)!important;}
#certify .swiper-button-prev:hover {-webkit-transform:translateX(-0.3125rem)!important;transform:translateX(-0.3125rem)!important;}

.title_des{max-width:64.286rem;font-size: 1.186rem;color: #666666;letter-spacing:0;text-align:center;line-height: 1.957rem;margin:auto;margin-bottom:3.125rem;margin-top:2.143rem;}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.news {padding:2.4375rem 0;transition:all 0.3s ease-in-out;}
.news:first-child{padding-top: 0}
.news h4 a{color:#000000;}
.news:nth-child(2n){background:#EEEEEE;}
.news:nth-child(2n) .h1{color:#000000;}
.news:nth-child(2n) h4 a{color:#F54647;}
.news_t1{width: 26.375rem;height: 1.6875rem;}
.news .n_excerpt{color: #666666;font-size: 1rem;margin: 0;}
.news-hr{background: #F54647;width:2.429rem;border-radius: 4px;height: 4px;margin: 0 auto;position: relative;bottom: -3px;}

.index_news {padding:1.5625rem 0;transition:all 0.3s ease-in-out;color: #666666;line-height: 1.875rem;transition: all 0.5s;}
.index_news h4{color: #FFFFFF;}
/*.index_news h1{font-family: STXihei;}*/
/*.index_news h5{font-family: STXihei;}*/
.index_news:nth-child(2n) {background: rgba(245, 70, 71, 0.12);color: #FFFFFF}
.index_news:nth-child(2n) h4 {color: #F54647;}
.index_news:hover, .news:hover{-webkit-transform: translateY(-0.3125rem)!important;transform: translateY(-0.3125rem)!important;transition-duration: 1s;transition: all 0.5s!important;}

.news-media .m_title{font-size: 1.125rem;margin-top: 1rem}
.news-media .m_remark{color: #666666;line-height: 1.875rem;height: 3.4375rem;}
.news-media .m_img{overflow: hidden;position: relative;border-radius: 0.25rem;}
.news-media .m_img img{transition: all 0.3s ease-in-out;object-fit: cover;}
.news-media .m_img:after {content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;top:0;left:0;opacity:0;transition:all 0.5s ease 0s;}
.news-media .v_play{width:2.61875rem;height:2.61875rem;position: absolute;bottom: -100%;left: 50%;z-index: 1;margin-left: -1.309375rem;margin-bottom: -1.309375rem;transition: all 0.5s ease 0s;}
.news-media .box:hover .v_play{bottom: 50%;}
.news-media .box:hover .m_img img{transform: scale(1.1);}
.news-media .box:hover .m_img:after{ opacity: 1;}
.article_media{background: #efefef;padding: 5rem 0;}
.article_media h5{background: url(../img/xiangguanmeiti.png) no-repeat left;background-size: 4.5rem;padding-left: 6.5rem}

.news-industry .box .i_title{font-size: 1.125rem;position: absolute;bottom: 0.9375rem;display: block;left: 0;font-style: normal;}
.news-industry .box .i_num{position: relative}
.news-industry .box .i_num span{opacity: 0.1;color: #F54647;font-size: 4.375rem;font-weight: bolder;transition: 1s;}
.news-industry .box .i_title:after {content:"";height: 0.125rem;background: #F54647;position:absolute;bottom: -0.875rem;left:0;opacity: 1;transition:all 0.5s ease 0s;width: 1.625rem;transition: all 0.5s ease 0s;}
.news-industry .box .i_remark{color: #333333;line-height: 1.875rem;}
.news-industry .box:hover .i_title:after{width: 6.25rem;}
.news-industry .box:hover .i_num span{opacity: 1;top: -0.9375rem;position: relative;}

.page-title{font-family: "RuixianTopHeiHeavyGB", "Microsoft YaHei";font-size: 2.25rem;color: #333333;}
.page-content{font-size: 1.125rem;color: #333333;margin-bottom: 5rem}
.page-content img{max-width: 100% !important;}
.page-content p{margin-bottom: 0}
.page-content a{color: #333333;text-decoration: underline;}

.page-date{font-size: 1.3125rem;color: #666666;margin-top: 1.875rem;margin-bottom: 1.875rem}
.page-tab{background: #EFEFEF;margin-top: -2.5rem;}
.page-tab ul{margin: 0;padding: 0;list-style: none;margin: auto;text-align: center;}
.page-tab ul li{display: inline-block;vertical-align: middle;padding: 1.75rem 0;text-align: left;background-repeat: no-repeat;background-size: 1.286rem;background-position: left;padding-left: 2.05rem;margin: 0 1.5625rem;}
.page-tab ul li img{margin-right:0.86875rem;}
/*--------------------------------------------------------------
# Contact Form
--------------------------------------------------------------*/
/*.contactForm .help-block{display: none !important}*/
/*.contactForm .form-group{width: 50%;float: left;position: relative;display: flex}*/
/*.contactForm .form-group input{display: inline-block;margin-left: -0.625rem;width: 70%;border: 0;}*/
/*.contactForm .form-group label{width: auto;}*/
/*.contactForm .form-group.after{border-bottom: 0.0625rem solid #E4E4E4;}*/
/*.contactForm .form-group.after:after {width:0rem;content:"";height:0.0625rem;background:#F54647;position:absolute;bottom:-0.0625rem;left:0;color:#F54647;transition:all 0.5s ease 0s;}*/
/*.contactForm .form-group.after:hover:after {width:100%;}*/

.contact .php-email-form .after:after {width:0rem;content:"";height:1px;background:#F54647;position:absolute;bottom:0;left:1.5625rem;color:#F54647;transition:all 0.5s ease 0s;}
.contact .php-email-form .after:before {width: 0.625rem;height: 0.625rem;content:"";background: #E4E4E4;display: block;position: absolute;left:0.9375rem;bottom: -0.25rem;transition:all 0.5s ease 0s;}

.contact .php-email-form .after:hover:after, .contact .php-email-form .active:after {width:85%;}
.contact .php-email-form .after:hover:before, .contact .php-email-form .active:before{background: #f54647;}

.contact .php-email-form {/*box-shadow:0 0 1.875rem rgba(214,215,216,0.6);*/  /*padding:1.875rem;*/  margin-bottom:1.875rem;}
.contact .php-email-form .validate {display:none;color:red;margin:0 0 0.9375rem 0;font-weight:400;font-size:0.8125rem;}
.contact .php-email-form .error-message {display:none;color:#fff;background:#ed3c0d;text-align:center;padding:0.9375rem;font-weight:600;}
.contact .php-email-form .sent-message {display:none;color:#fff;background:#18d26e;text-align:center;padding:0.9375rem;font-weight:600;}
.contact .php-email-form .loading {display:none;background:#fff;text-align:center;padding:0.9375rem;}
.contact .php-email-form .loading:before {content:"";display:inline-block;border-radius:50%;width:1.5rem;height:1.5rem;margin:0 0.625rem -0.375rem 0;border:0.1875rem solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite;}
.contact .php-email-form input,.contact .php-email-form textarea {border-radius:0;box-shadow:none;font-size:1rem;resize:none}
.contact .php-email-form input:focus,.contact .php-email-form textarea:focus {background-color:#ffffff;}
.contact .php-email-form input {/*padding:1.25rem 0.9375rem;*/border:0;border-bottom:0.0625rem solid #E4E4E4;margin: 0 0.625rem;width: 90%;}
.contact .php-email-form textarea {padding:0.75rem 0.9375rem;border:0.0625rem solid #E4E4E4;}

.form-control:focus {border:0.0625rem solid #F54647;}
.contact_tel p:first-child {font-size:1.3125rem;color:#333333;}
.contact_tel p:last-child {font-size:1rem;color:#666666;line-height:1.5rem;}
.contact button[type="submit"] {background:#FFFFFF;padding:0.625rem 1.5rem;color:#000000;transition:0.4s;min-width:15rem;border:0.0625rem solid #E4E4E4;outline: aliceblue;}
.contact button[type="submit"]:disabled {opacity: 0.5}

.contact .form-group {position:relative}
.contact .help-block {display:none !important}
/*.contact .glyphicon-remove {background:url(../img/icon_remove.svg);width:1.25rem;height:1.25rem;display:block;background-size:1.5625rem;position:absolute;right:0.625rem;top:0.9375rem;}*/
.contact .glyphicon-remove{
  display:block;background-size:1.5625rem;position:absolute;right:0.625rem;bottom:0;
  font-family: "font_family" !important;
  font-size: 0.9rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f54647;
}

.contact .glyphicon-remove:before {
  content: "\e619";
  transition: 1s;
}

.contact_page .address{font-size: 1.8rem;position: absolute;left: 50%;top: 50%;padding-top: 2.5rem;background-size:1.625rem !important;}
.contact_page .address span{display: block;font-size: 1.3rem;color: #999999;margin-top:0.625rem;}
.contact_page .address_center{width: 24.375rem;height: 22.0625rem;background: url(../img/contact_dh.png);background-size: cover;position: absolute;left: 50%;margin-left: -12rem;top: 50%;margin-top: -11rem;}
.contact_page .ad_1 {margin-left:13rem;margin-top: -13rem;background: url(../img/ad_1.png) no-repeat;text-align: left;color: #b61112;}
.contact_page .ad_2 {margin-left:-28rem;margin-top: -6rem;background: url(../img/ad_2.png) no-repeat right top;text-align: right;color: #f54647;}
.contact_page .ad_3 {margin-left: 7rem;margin-top: 7rem;background: url(../img/ad_3.png) no-repeat;text-align: left;color: #ff7c7d;}

/*--------------------------------------------------------------
# Client
--------------------------------------------------------------*/

.client_list{transition: all 0.5s ease 0s;margin-bottom: 3.25rem}
.client_list:hover{-webkit-transform: translateY(-0.3125rem);transform: translateY(-0.3125rem)}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
@media (max-width: 1920px) and (min-width: 1400px) {
  html{
    font-size: 15px;
  }
  /*.service .se_item{top: 50%;left: 50%;}*/
  /*--------------------------------------------------------------
  # Index
  --------------------------------------------------------------*/
  .about_section{padding: 20vh 0;height: 100vh;}
  .service_section{padding: 8vh 0;height: 100vh;}
  .ourcase_section{padding: 20vh 0;height: 100vh;}
  .news_section{padding: 15vh 0;height: 100vh;}
  .client_section{padding: 20vh 0;height: 100vh;}
  .contact_section{padding: 15vh 0;height: 100vh;}
}
@media (max-width: 1680px) {
  html{
    font-size: 14px;
  }
  /*.service .se_item{top: 50%;left: 50%;}*/
  /*--------------------------------------------------------------
 # About
 --------------------------------------------------------------*/
}
@media (max-width: 1400px) {
  html{
    font-size: 13px;
  }
  h1, .h1{font-size: 2.3rem;}

  h4{color:#000000;font-size: 1.3rem;}

  /*--------------------------------------------------------------
  # Service
  --------------------------------------------------------------*/
  /*.service .se_item{top: 50%;left: 50%;}*/
  /*.service-center:after{width: 116.1%;top: -70px;}*/
  /*--------------------------------------------------------------
  # c_meau
  --------------------------------------------------------------*/
  .c_meau {right: 1rem;}

  /*--------------------------------------------------------------
  # News
  --------------------------------------------------------------*/
  .news {padding:2rem 0;}
  /*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
  .breadcrumbs {padding-top: 3.75rem;}

  /*--------------------------------------------------------------
  # Index
  --------------------------------------------------------------*/
  .mousewheel .icon-mousewheel{font-size: 2.571rem;}
  .about_a .num{font-size: 3.286rem}
  .about_a .en{right: 15%;}
  .about_a:last-child .en{right: 8%;}
}

@media (max-width: 1200px) {
  html{
    font-size: 12px;
  }

  /*--------------------------------------------------------------
  # Service
  --------------------------------------------------------------*/
  .service .se_item{width: 11rem;}

  /*.service-center:after{width: 117%;top: -40px;}*/
  /*--------------------------------------------------------------
  # Index
  --------------------------------------------------------------*/
  /*.banner-swiper .swiper-slide {background-size: 76.4375rem;}*/
  .banner-swiper .swiper-slide {background-size: 120%;}
  .news_section{padding: 10vh 0;height: 100vh;}
  .about_section{padding: 15vh 0;}

  /*.about_a .en{width: 5.5rem;}*/

  /*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
  .title_des{line-height: 2.257rem}
  .banner-swiper .swiper-slide .video-wrapper {left: 0;right: 0;top: 0;bottom: 0;display: none !important;}
  .preview-swiper .swiper-button-next{right: 5%;}
  .preview-swiper .swiper-button-prev{left: 5%;}

  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  .nav-menu a {padding:0.625rem 0.9375rem;}

}

@media (max-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    min-width: 960px;
  }
  #header {
    min-width: 960px;
  }
  html{
    font-size: 11px;
  }
  /*.service .se_item{width: 8.2rem;}*/
  /*.service .se_item .icon-bar{width: 8.2rem;height: 8.2rem}*/
  /*.service .se_item:after{margin-top: 6.4rem;}*/
  /*.service-container{transform: scale(0.7)}*/
  /*.service-center:after{width: 120%;left: -6%;top: 0;}*/
  .service-lc .after:before {width: 2.75rem;height: 2.75rem;line-height: 2.75rem;}
  .service-lc{height: 2.75rem;}
  .service-box {padding-bottom: 2.5rem;background: url(../img/service-tab-bg.png) repeat-x top;background-size: 120.5rem;min-height: 42rem;overflow: hidden;}

  /*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
  .title_des{line-height: 1.857rem;}

  .about_a .en{right: 0}
  .about_a:last-child .en{right: -5%}
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  #header {padding: 1.4375rem 3.125rem;}
  #header.header-scrolled{padding: 0.625rem 3.125rem;}
  #header.notIndex{padding: 0.625rem 2.25rem;}
  /*--------------------------------------------------------------
  # c_meau
  --------------------------------------------------------------*/
  .c_meau {right: 1rem;margin-bottom: -31rem;}
  /*--------------------------------------------------------------
  # Index
  --------------------------------------------------------------*/
  .banner-swiper .swiper-button-next {right:3.125rem;left:auto;}
  .banner-swiper .swiper-button-prev {left:50px;right:auto;}
  .banner-swiper .swiper-pagination{right: 50px;}


  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/

  /*#footer .footer-link a{font-size: 18px;}*/
  /*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
  .about_a{padding-bottom: 40px;}
}

/*toast*/
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}