/***** 
border: #d6d6d6,#ddd
color: #333, #666, #999
active-color: #293891,#000be5
红色：#F36D78
绿色：#389e0d
灰色背景： #EBEBEB #f8f8f8
*****/

/***** 公共通用 *****/
html,
body {
  height: 100%;
  font-family:微软雅黑,Arial;
  line-height: 1.5;
  font-weight: 400;
  vertical-align: baseline;
  color: #333;
  font-size: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color:#333;
}
h1 {
  font-size: 4.8rem;
  line-height: 1.2;
}
h2 {
  font-size: 3.2rem;
  line-height: 1.2;
}
h3 {
  font-size: 1.8rem;
  line-height: 1.4;
}
h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}
p {
  line-height: 1.6;
  margin: 0px 0px;
  font-size:1.4rem;
  line-height:1.6;
  color:#666;
}
a {
  color: #293891;
}
a.primary-icon i {
  color: #fff;
}
.wrapper {
  overflow: hidden;
}
a {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0 none;
}
input:focus {
  outline: none;
}
/*img {
  max-width: 100%;
  height: auto;
}*/
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .off-mobile {
    display: none;
  }
}
.clear:after {
  clear: both;
  content: "";
  display: block;
}
.f12{
	font-size:1.2rem !important;
}
.f14{
	font-size:1.4rem !important;
}
.f16{
	font-size:1.6rem !important;
}

.mt0 {
  margin-top: 0rem !important;
}
.mt10 {
  margin-top: 1rem !important;
}
.mt20 {
  margin-top: 2rem !important;
}
.mt30 {
  margin-top: 3rem !important;
}
.mt40 {
  margin-top: 4rem !important;
}
.mt50 {
  margin-top: 5rem !important;
}
.mt60 {
  margin-top: 6rem !important;
}
.mt100 {
  margin-top: 10rem !important;
}

.mb0 {
  margin-bottom: 0rem !important;
}
.mb5 {
  margin-bottom: .5rem !important;
}
.mb10 {
  margin-bottom: 1rem !important;
}
.mb20 {
  margin-bottom: 2rem !important;
}
.mb30 {
  margin-bottom: 3rem !important;
}
.mb40 {
  margin-bottom: 4rem !important;
}
.mb50 {
  margin-bottom: 5rem !important;
}
.mb60 {
  margin-bottom: 6rem !important;
}

.mr0 {
  margin-right: 0rem !important;
}
.mr10 {
  margin-right: 1rem !important;
}
.mr20 {
  margin-right: 2rem !important;
}
.mr30 {
  margin-right: 3rem !important;
}

.pt0 {
  padding-top: 0rem !important;
}
.pt10 {
  padding-top: 1rem !important;
}
.pt20 {
  padding-top: 2rem !important;
}
.pt30 {
  padding-top: 3rem !important;
}

.pb0 {
  padding-bottom: 0rem !important;
}
.pb10 {
  padding-bottom: 1rem !important;
}
.pb20 {
  padding-bottom: 2rem !important;
}
.pb30 {
  padding-bottom: 3rem !important;
}

.pl0 {
  padding-left: 0rem !important;
}
.pl10 {
  padding-left: 1rem !important;
}
.pl20 {
  padding-left: 2rem !important;
}

.pr0 {
  padding-right: 0rem !important;
}
.pr10 {
  padding-right: 1rem !important;
}
.pr20 {
  padding-right: 2rem !important;
}
label {
  font-weight: 500;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.border-radius{
	border-radius: 3px;
}
.bg-common {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-gray {
  background-color: #f5f5f5;
}
.bg-overlay{
	position: absolute;
	height: 100%;
	left: 0;
	margin:0;
	padding:0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,.24);
}
.bg-common-style {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-common-repeat {
  background-position: center;
  background-repeat: repeat;
}
.bg-fixed {
  background-attachment: fixed;
}
.shadow-bottom-bg {
  background-color: #f5f5f5;
}
.shadow-bottom {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
.shadow-equal {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
}
.banner-overlay {
  position: relative;
}
.banner-overlay:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.is-divider{
  background-color: rgba(0,0,0,.1);
  display: block;
  height: 3px;
  margin:1rem 0;
  max-width: 30px;
  width: 100%;
}
.headline{
	display: block;
    margin: 1rem 0;
    border-bottom: 1px dotted #ddd;
}
.headline h2 {
    color: #293891;
	font-weight: 500;
    margin: 0 0 -1px 0;
    padding-right: 1rem;
	padding-bottom: .5rem;
    display: inline-block;
    text-shadow: 0 0 1px #f6f6f6;
	border-bottom: 2px solid #293891;
}
.line{
	width: 6.8rem !important;
    border-bottom: solid 4px #293891;
    margin-left: auto;
    margin-right: auto;
}
.line-bottom{
	border-bottom: solid 4px #293891;
	width: 6rem;
	margin-top: .5rem;
}
.txt {
  font-size:14px;
  color:#666;
}
.section-title {
  margin-bottom: 6rem;
  text-align: center;
}
.section-title h2{
	color: #293891;
	padding-top:10px;
	font-weight: 400;
	text-transform:Uppercase;
	padding-bottom: 1rem;
	line-height: 1.2;
}
.section-title p {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: 60%;
}
.lang{
	font-size: 1.2rem;
	line-height: 3.2rem;
	color: #fff;
}
.lang a{
	color: #fff;
}
.lang span{
	margin-left: .5rem;
	margin-right: .5rem;
}
.button {
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding: 1.8rem 5rem;
  position: relative;
  text-transform: capitalize;
  /* transform: perspective(1px) translateZ(0px); */
  transition: .3s;
  vertical-align: middle;
  background: #293891;
  border-radius: 30px;
  border: none;
  border: 2px solid #293891;
  cursor: pointer;
}
.button:hover,.button:focus {
  color: #293891;
  background: transparent;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.button.small{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  padding: .6rem 2.5rem;
}
.button.small.wide{
	background: transform;
	border: 2px solid #fff;
}
.button.small.wide:hover,.button.small.wide:focus{
	color: #293891;
	background: #fff;
}
.search-form .search-button.loading,.btn-default.loading,.button.loading{
  color: hsla(0,0%,100%,.05) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: relative;
}
.btn-default.loading::after{
	border: 4px solid #fff;
}
.btn-default.loading i{
	opacity: 0;
}

.loading::after {
  animation: spin .5s linear infinite;
  border: 2px solid #293891;
  border-radius: 32px;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  left: 50%;
  margin-left: -1.2rem;
  margin-top: -.8rem;
}
@-webkit-keyframes spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}

/***** 头部 *****/
.main-menu.stick, .mean-bar.stick{
    box-shadow: 0 5px 15px #293891;
}
.main-menu.stick nav ul > li > a{
	border-bottom:none !important;
}
.main-menu{
  background: #fff;
}
.main-menu nav ul{
  text-align:right;
}
.main-menu nav ul li {
  display: inline-block;
  position: relative;
}
.main-menu nav ul li > a {
  padding: 0px 2.5rem 0px 2.5rem;
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 1.6rem;
  line-height: 8.4rem;
  /*letter-spacing:1px;
  text-transform: uppercase;*/
}
.main-menu nav ul.dropdown-menu li > a {
  line-height: 1.8;
}
.main-menu nav ul:not(.dropdown-menu) > li:hover,.main-menu nav ul:not(.dropdown-menu) > li.active{
  border-bottom: 4px solid #293891;
}
.main-menu nav ul:not(.dropdown-menu) li:hover > a,.main-menu nav ul:not(.dropdown-menu) li.active > a {
  color: #293891;
}
/* 下拉 */
li.has-children .dropdown-toggle::after {
	width:.5rem;
	height:.5rem;
    display: inline-block;
    margin-left: .5rem;
    vertical-align: .5rem;
    content: "";
    border-top: .5rem solid;
    border-right: .5rem solid transparent;
    border-bottom: 0;
    border-left: .5rem solid transparent
}
.main-menu nav ul li.has-children:hover .dropdown-toggle::after{
  transform: rotate(180deg);
}
.main-menu ul.dropdown-menu {
  margin-top: 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  min-width: 21rem;
  z-index: 999;
  background: #fff;
  padding: 0px;
  left: 0;
  transition: all 0.5s ease-out;
  border-top: 4px solid #293891;
  border-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: 0 15px 15px rgba(0,0,0,.175);
}
li.has-children:hover .dropdown-menu,li.has-children:focus .dropdown-menu{
	display: block;
}
.main-menu ul.dropdown-menu > li {
  padding: 0;
  display: block;
  border-bottom: 1px solid #a9aeba;
}
.main-menu ul.dropdown-menu > li > a {
  padding: .6rem 1.5rem;
  display: block;
  color: #333;
}
.main-menu nav ul li.has-children::before {
  display:block;
  position:absolute;
  bottom:0px;
  left: 50%;
  width: 1rem;
  height: 1rem;
  content: "";
  border-width:0px 0px 0px;
  border:6px solid transparent;
  border-top-color: transparent;
  border-top-color: #293891;
  cursor: pointer;
  z-index: 999;
  transform: rotate(180deg);
  opacity:0;
}
.main-menu ul.dropdown-menu > li:last-child {
  border-bottom: none;
}
.main-menu ul.dropdown-menu li.active {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-menu nav ul li:hover ul.dropdown-menu {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.main-menu nav ul li.has-children:hover::before{
  opacity: 1;
}

.header-top{
	background: #293891;
	height:3.2rem;
}
.header-top li {
	float:left;
	margin-top:.6rem;
}
.header-top li a{
	color: #fff;
	font-size: 1.4rem;
	opacity: 0.8;
}
.header-fixed {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: 100;
  position: fixed;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.logo{
	margin-top:0px;
	height: 8rem;
	line-height: 8rem;
	display: flex;
	align-items: center;
}
.logo img{
	height:6.5rem;
	width:auto;
}
@media only screen and (max-width: 767px) {
  .logo{
	display:none;
  }
}
/***** mobile 导航 *****/
.mean-bar{
  position: fixed !important;
  top: 3.2rem;
  background: #fff !important;
  float: none !important;
  height:6rem !important;
  line-height:6rem !important;
}
.mean-bar.stick{
  top: 0rem;
}
.meanmenu-reveal{
	float: none !important;
	position: absolute;
	right: 0 !important;
	top: .75rem !important;
}
.meanmenu-reveal span{ /* 三横 */
	background: #293891 !important;
}
.logo-mobile-menu {
  width: 100%;
  box-sizing: border-box;
}
.logo-mobile-menu img {
  width: auto;
  height: 4.2rem;
  padding-left: 15px;
}

/***** form表单 *****/
.search-form{
	border-radius: 3px;
	background:#fff;
}
.search-input{
	display: inline-block;
	padding: 0px;
	font-size: 1.3rem;
    padding-left: 0px;
	/*border-radius: 4px;*/
	border: none;
	padding-left: 1rem;
}
.search-form .search-button{
	color: #293891 !important;
	padding-right: 1rem;
	cursor:pointer;
}
.search-box{
	position: absolute;
	margin-top:1px;
	width: 100%;
	background:#fff;
	color:#333;
	max-width:20rem;
	padding:1rem;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	z-index:9999;
	box-shadow: 0 15px 15px rgba(0,0,0,.175);
	max-height:20rem;
	overflow:auto;
}
.search-box img.search-image{
	width:4rem;
	height:4rem;
	margin-right:1rem;
	border-radius:3px;
}
.search-item a{
	color:#333;
	display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    margin-bottom:.5rem;
}
.search-item a strong{
	color: #F36D78;
}
.search-item a:hover,.search-item a:focus{
	color: #293891;
}

/***** 视频 *****/
.video-box {
  width: 100%;
  position: relative;
}
.video-box img {
  width: 100%;
  border-radius:3px;
  max-height:38rem;
}
.video-box a {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
  margin: auto;
}

.video-play-button {
  position: relative;
  width: 8rem;
  height: 8rem;
  z-index: 99;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 8rem;
  height: 8rem;
  background: #293891;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 8rem;
  height: 8rem;
  background: #293891;
  border-radius: 50%;
  transition: all 200ms;
}
.video-play-button:hover:after {
  background-color: #293891;
}
.video-play-button i {
  color: #fff;
  position: relative;
  z-index: 99;
  font-size: 3rem;
  line-height: 2.7;
  margin: 0;
  padding: 0;
}
.video-play-button i:hover {
  color: #fff;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/***** Banner *****/
#swiperBanner.swiper,.bg-banner{
	margin-top:11.6rem;     /***** (32+80+4) *****/
}
.swiper img{
	max-width: 100%;
}
.swiper-pagination-bullet{
	width:1rem;
	height:1rem;
}
.swiper-pagination-bullet-active{
	background: #293891;
}
.swiper-button-next,.swiper-button-prev{
  color:#ddd;
}
#swiperBanner .swiper-button-next, #swiperBanner .swiper-button-prev{
  color:#fff;
}
/***** 关于我们 *****/
.about-content {
  margin-left: 2rem;
  color:#333;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.8;
}
@media (max-width: 767px) {
    .about-content {
	  margin-left: 0rem;
	}
}
.about-content h3 {
  text-transform: capitalize;
  line-height: 1.4;
  margin-bottom: 0rem;
}
.about-content p {
  color:#333;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.8;
}
.about-content .line_about{border-bottom: solid 4px #293891;width:6rem;margin-top:-1rem;}
.about-content h3 span {
  color: #293891;
}
.about-content ul {
  margin-bottom: 2rem;
}
.about-content ul li {
  padding: 0 0 0 0;
  color: #999;
  font-size:1.4rem;
}
.about-content ul li:before {
  content: "";
  font-family: bicon;
  font-size: 1.6rem;
  color: #293891;
  font-weight:700;
  margin-right: 2rem;
}
.about-content ul li a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.about-content ul li a:hover {
  color: #293891;
}
.about-content ul li i {
  font-size: 1.8rem;
  margin-right: 2rem;
  color: #666;
}
.about-box img{
	margin-bottom:2rem;
	width:100%;
}
@media (max-width: 767px) {
    .about-box img{
		float:none !important;
		max-width:100% !important;
	}
}


/***** 合作伙伴+荣誉证书 *****/
.brand-logo {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  text-align: center;
}
.brand-logo a {
  text-align: center;
}
.brand-logo img {
  height:8rem !important;
  width: inherit !important;
  max-width:12rem !important;
  transition: all 0.5s ease-out;
  background: #fff;
  padding: .5rem;
  text-align: center;
  margin: auto;
}
.brand-logo.rongyu {
  border: none;
}
.brand-logo.rongyu img {
  height: 24rem !important;
  width: inherit !important;
  max-width:24rem !important;
  transition: all 0.5s ease-out;
  background: #fff;
  padding: .5rem;
  border-radius: 3px;
  text-align: center;
  margin: auto;
}
.brand-logo img:hover {
  opacity: 0.7;
}

/***** 产品列表 *****/
.product-item {
  background-color: #EBEBEB;
  transition: all 0.5s ease-out;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 2rem;
  cursor:pointer;
  padding:1rem;
}
.product-item .image-box {
  position: relative;
  text-align:center;
  background-color: #fff;
}
.product-item .image-box img{
  /*height: 22rem;*/
  height: 16rem;
  width: auto;
}
.product-item .image-box:before {
  content: "";
  position: absolute;
  left:0px;
  background-color: rgba(41, 56, 145, 0.95);
  height: 100%;
  z-index: 1;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.product-item .content-box {
  width: 100%;
  position: absolute;
  display: block;
  padding: 0 2.5rem;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  top: 10%;
  transform: translateY(-20%);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.product-item .content-box p {
  color: #fff;padding:0 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  text-align:left;
}
.product-item .content-box ul li {
  display: inline-block;
  margin-right: .5rem;
}
.product-item .content-box ul li a {
  display:flex;
  width: 3rem;
  height: 3rem;
  align-items:center;
  justify-content:center;
  border:1px solid #fff;
  border-radius: 3px;
  color: #293891;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.product-item .content-box ul li a:hover {
  background: transparent;
  color: #fff;
}
.product-item .content-box ul li i{
	font-size: 1.6rem;
}
.product-item .title-box {
  padding-top: 1rem;
  text-align: center;
}
/*.en-page .product-item .title-box h3 {
  height: 3.6rem;
}*/
.product-item .title-box h3{
  margin-bottom:0px;
  font-size:1.4rem;
  line-height:1.4;
}
.product-item .title-box h3 a {
  color: #333;
  font-weight:400;
  transition: all 0.3s ease-out;
}
.product-item .title-box h3 a:hover {
  color: #293891;
}
.product-item:hover .content-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.product-item:hover .image-box:before {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media (max-width: 767px) {
  .productList .row > div > div:has(.product-item){
    padding-left: 0;
	padding-right: 0;
  }
}

/***** 我们优势 *****/
.service-item {
  text-align: center;
  margin-bottom: 3rem;
  background-color:#fff;
  padding: 3rem;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.en-page .service-item {
  min-height: 19.4rem;
}
.service-item:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 5rem solid #293891;
  border-left: 5rem solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.service-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 5rem solid #293891;
  border-right: 5rem solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.service-item i {
  display: block;
  text-align: center;
  color: #293891;
}
.service-item i:before {
  margin: 0;
  font-size: 6rem;
}
.service-item h3 {
  text-align: center;
  padding-bottom: 1.5rem;
  margin: 0;
}
.service-item h3 a {
  color: #333;
  font-weight: 400;
  font-size: 1.5rem;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.service-item h3 a:hover {
  color: #293891;
}
.service-item:hover:before,
.service-item:hover:after {
  /* visibility: visible;
  opacity: 1; */
}

/***** 文章列表 *****/
.news-item {
  margin-bottom: 3rem;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transform: scale(1);
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
}
.news-item .image-box {
  text-align: center;
  overflow: hidden;
}
.news-item ul{
	margin-bottom:.5rem;
}
.news-item .image-box img {
  width: auto;
  height:26.8rem;
  transform: scale(1);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.news-item .content-box {
  padding:1.5rem 2rem 2rem;
}
.news-item .content-box h3 {
  line-height: 1.4;
  height: 3.6rem;
  margin-bottom:0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-item .content-box h3 a {
  color: #333;
  font-size:1.5rem;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news-item .content-box p{
	font-size:1.4rem;
}
.news-item .content-box h3 a:hover {
  color: #293891;
}
.news-item .content-box h2 {
  margin-bottom: 1rem;
  font-size: 2.2rem;
  line-height: 1.4;
}
.news-item .content-box h2 a {
  color: #666;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news-item .content-box h2 a:hover {
  color: #293891;
}

.content-box ul li {
  display: inline;
  margin-right: 2rem;
  font-size: 1.2rem;
  color:#999;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-item .content-box ul li {
    display: block;
  }
}
.news-item .content-box ul li i {
  color: #293891;
}
.news-item .content-box ul li:last-child {
  margin-right: 0;
}
.news-item .content-box ul li a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news-item .content-box ul li a:hover {
  color: #293891;
}
.news-item .content-box p {
  margin: 0;
  color:#666;
}
.news-item:hover {
  transform: scale(1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.news-item:hover .image-box img {
  transform: scale(1.4);
}

/***** 文章列表 *****/
.news-list{
	width: 100%;
	margin-bottom: 2rem;
}
@media (min-width: 767px) {
  .news-item.news-list{
	  display: flex;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	.news-list .image-box {
	  width: 28rem;
	}
	.news-list .image-box img{
	  width: auto;
	  height: 22rem;
	}
	.news-list .content-box {
	  max-height: 22rem;
	  width: 70%;
	}
}
.tabs{
  margin-top: .5rem;
}
.tabs a{
  background-color: #f2f3f4;
  margin-right: 1rem;
  height: 2rem;
  line-height: 2rem;
  padding: .2rem 1.5rem;
  border-radius: 2rem;
  color: #8c8c8c;
  font-size: 1.2rem;
  margin-right: 1rem;
  margin-bottom: .5rem;
}
/***** 文章详细页 *****/
.details{
	font-size:1.4rem;
	line-height:1.8;
	color: #666;
}
.details h1{
	font-weight: 500;
	font-size:3.2rem;
	text-align:center;
}
.details ul{
	text-align:center;
}

/***** 应用场景 *****/
.scenarios-area .scenarios-item{
  position: relative;
  overflow:hidden;
  transition:all 0.5s ease-out;
  transform: scale(1);
  border-radius:3px;
  margin-bottom: 2rem;
}
.scenarios-area .image-box img{
  height: 17.2rem;
  width: auto;
  transform: scale(1);
  transition: all 2s ease-out;
}
.scenarios-area .scenarios-item:hover .image-box img {
  transform: scale(1.4);
}
@media (max-width: 767px) {
  .scenarios-area .image-box img{
    width: 100%;
  }
}

/***** 介绍亮点 *****/
.achivement-area {
	background: #293891;
	padding: 4rem 0px 6rem;
}
.achivement-area .achive-item {
	align-items: center;
	text-align: center;
}
.achivement-area .achive-item {
	position: relative;
	z-index: 1;
}
.achivement-area {
	position: relative;
	z-index: 1;
	overflow-x: hidden;
}
.achivement-area .fixed-img {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.achivement-area .fixed-img img {
	margin: auto;
	opacity: 0.1;
	height: 100%;
	width: 100%;
}
.achivement-area .achive-item::after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
	transform: skewX(-7deg);
}
.achivement-area .achive-item:last-child::after {
	display: none;
}
.achivement-area .info {
	margin-top: 1rem;
}
.achivement-area .info h5 {
	text-transform: capitalize;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 1.5rem;
	color: #fff;
	font-size: 2.5rem;
}
.achivement-area .info p {
	margin: 0;
	color: #ccc;
	font-size: 1.4rem;
}

.achivement-area .counter {
	margin: 5rem 0 0;
}
.timer,.timerNum {
	display: inline-block;
	font-size: 3.2rem;
	line-height: 1;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: #fff;
}
.timer{
	margin-left: -2.2rem;
}
.timer span,.timerNum span {
	font-size: 2.7rem;
}
.achivement-area .counter .medium {
	color: #ff3514;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
}
.achivement-area .counter .timer::after {
	position: absolute;
	right: -2.8rem;
	top: 2px;
	content: "K";
	color: #4eae4a;
	font-size: 3rem;
	font-weight: 700;
}
.achivement-area .counter .timer.plus::after {
	position: absolute;
	right: -rem;
	top: -.6rem;
	content: "+";
	/*color: #4eae4a;*/
	color: #fff;
	font-size: 4.2rem;
	font-weight: 700;
}
.achivement-area .counter .count {
	display: inline-block;
	height: 16.8rem;
	width: 16.8rem;
	text-align: center;
	line-height: 16.8rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.03);
	position: relative;
	z-index: 1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.achivement-area .counter .count::after {
	position: absolute;
	left: 1px;
	top: 1px;
	content: "";
	height: 100%;
	width: 100%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	border-top: none;
	border-left: none;
}

/***** 首页-底部联系我们 *****/
.contact-area{
	padding: 4rem 0px;
}
.contact-area .col-box {
  text-align: center;
  max-width: 50%;
  margin: auto;
}
.contact-area .col-box .title-bar-footer::before {
  content: "";
  height: .3rem;
  width: 5rem;
  background: #293891;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2rem;
  z-index: 1;
  border-radius: 4px;
}
.contact-area .col-box h3.title-bar-footer {
  color: #000;
  font-style: 2.4rem;
  text-transform: capitalize;
}
.contact-area .col-box .footer-logo img {
  margin-bottom: 0;
  max-width: 100%;
}
.contact-area .col-box .title-bar-footer {
  margin-bottom: 4.5rem;
  position: relative;
}
.contact-area .col-box .input-group .form-control {
  background: #fff;
  height: 5.7rem;
  border: 0;
  box-shadow: none;
  font-size: 1.6rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.contact-area .col-box .input-group .btn-default {
  background: #293891;
  height: 5.7rem;
  border: 0;
  border-radius: 0 3px 3px 0;
  box-shadow: none;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.contact-area .col-box p {
  margin-bottom: 2rem;
  color: #666;
}

.contact-area .input-group {
  margin-bottom: 3rem;
}
.contact-area .input-group .form-control {
  background: #fff;
  height: 4.5rem;
  border: 0;
  box-shadow: none;
}
.contact-area .input-group .form-control:focus {
  outline: none;
}
.contact-area .input-group .btn-default {
  background: #293891;
  height: 4.5rem;
  border: 0;
  border-radius: 0 3px 3px 0;
  box-shadow: none;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.contact-area .input-group .btn-default i {
  font-size: 2rem;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: all 0.3s ease-out;
}
.contact-area .input-group .btn-default:focus {
  outline: none;
}
.contact-area .input-group .btn-default:hover {
  background: #293891;
}
.contact-area .input-group .btn-default:hover i {
  color: #fff;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .section-title p{
    width: 100%;
  }
  .contact-area .col-box{
	  max-width:100%;
  }
}

/***** share button *****/
ul.contact-social {
  text-align: center;
}
ul.contact-social li{
	display: inline-block;
	margin-right: 1rem;
	background: #293891;
	border-radius: 50%;
	width: 4rem;
    height: 4rem;
	line-height: 4rem;
	text-align: center;
}
ul.contact-social li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
ul.contact-social li i {
  display: inline-block;
  line-height: 4rem;
  color: #fff;
  border-radius: 3px;
  opacity: 1;
  font-size: 1.6rem;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
ul.contact-social li i:hover {
  opacity: 0.7;
}

/***** footer *****/
.footer{width: 100%;position: relative;color:#a9aeba;background-color:#283142;padding:2rem 0 0;}
.footer li{margin-bottom: 2rem;width:16.66666667%;float:left;}
.footer li:nth-child(4n){width: 33.33333333%;}
@media only screen and (max-width: 768px) {
	.footer li{width:45%;}
}

.footer h3{font-size: 1.4rem;line-height:1.8;margin-bottom:1rem;font-weight:700;color:#a9aeba;}
.footer p{margin:0;}
.footer p a{font-size: 1.2rem;line-height:2.2;color:#a9aeba;}
.footer p a:hover,.footer p a:focus{color:#005fcc;}
.footer img{width:8rem;height:8rem;}
.footer .contact-item a {margin-right: 1.5rem;}
.footer-copyright{background-color:#283142;padding:1rem 0;border-top:1px solid #a9aeba;}
.copyright p,.copyright a{font-size:1.2rem;color:#a8aaac;margin:0;}
.copyright a{color:#a8aaac;}
.copyright a:hover,.copyright a:focus{color: #005fcc;}


/***** 滚动到头部 *****/
#scrollUp {
  background-color: transform;
  bottom: .5rem;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  width: 4.4rem;
  height: 4.4rem;
  line-height: 2;
  position: fixed;
  right: .5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  z-index: 99999;
  border: 2px solid #293891;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#scrollUp i {
  color: #293891;
}
#scrollUp:hover,
#scrollUp:focus {
  background-color: #293891;
}
#scrollUp:hover i,
#scrollUp:focus i {
  color: #fff;
}
#scrollUp {
  animation: blinker 10s linear infinite;
}
@keyframes blinker {
  90% {
    opacity: 0;
  }
}
/***** 右边固定 *****/
.fixslidebar { 
    position: fixed;
    top: 30rem;
    transform: translateY(-50%);
    -moz-transform: ranslateY(-50%);
    -webkit-transform: ranslateY(-50%);
    -ms-transform: ranslateY(-50%);
    right: .5rem;
    height: auto;
	max-height: 15rem;
    width: 5rem;
    background-color: #fff;
    z-index: 99;
	border-radius:3px;
	display:none;
}
.fixslidebar .baricon>div {
    border: 1px solid #d6d6d6;
    width: 100%;
	cursor:pointer;
    height: 5rem;
    font-size: 1rem;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.fixslidebar .baricon img{width:3rem;height:3rem;margin-bottom:.5rem;}
.fixslidebar .baricon>div.phone,.fixslidebar .baricon>div.message{border-bottom:none;}
.fixslidebar .baricon>div.phone{border-top-left-radius:3px;border-top-right-radius:3px;}
.fixslidebar .baricon>div.service{border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.fixslidebar p {padding-top: 0;color:#333;margin-top:.2rem;line-height: 1.4;font-size:1.2rem;}
.fixslidebar a>i {font-size: 2.6rem;color:#293891;margin-top:.3rem;}
.i-icon-phone{display: inline-block; width: 3.2rem; height: 3.2rem;background-image: url("../images/icon_phone_1.png");background-repeat: no-repeat;content:"";}
.i-icon-email{display: inline-block; width: 3rem; height: 3rem;background-image: url("../images/icon_email_1.png");background-repeat: no-repeat;content:"";}
.i-icon-service{display: inline-block; width: 3.6rem; height: 3.6rem;background-image: url("../images/icon_service_1.png");background-repeat: no-repeat;content:"";}
.fixslidebar a {position: absolute;top: .5rem;bottom: 5rem;width: 100%;left: 0;right: 0;margin: auto;text-decoration: none;color: #000;}
.fixslidebar .baricon>div:hover,.fixslidebar .baricon>div:focus{background-color:#293891;border: 1px solid #293891;}
.fixslidebar .baricon>div:hover p,.fixslidebar .baricon>div:focus p,.fixslidebar .baricon>div:hover i,.fixslidebar .baricon>div:focus i{color:#fff;}
.fixslidebar .baricon>div:hover .i-icon-phone,.fixslidebar .baricon>div:focus .i-icon-phone{background-image: url("../images/icon_phone_i.png");}
.fixslidebar .baricon>div:hover .i-icon-email,.fixslidebar .baricon>div:focus .i-icon-email{background-image: url("../images/icon_email_i.png");}
.fixslidebar .baricon>div:hover .i-icon-service,.fixslidebar .baricon>div:focus .i-icon-service{background-image: url("../images/icon_service_i.png");}
@media only screen and (max-width: 768px) {
	.fixslidebar {width: 4.8rem;bottom: -3rem;}.fixslidebar a>i {font-size: 2rem;margin-top:.2rem;}
	.fixslidebar a>i.i-icon-email {margin-top:.4rem;}
	.fixslidebar p{display:none;}
	.fixslidebar .baricon>div {height:4.8rem;}
}

/***** 分页 *****/
.pagination {
	margin:1rem 0 1rem;
	float:right;
	width:100%;
	text-align:right;
}
.pagination ul {
	display: inline-block;
	margin-bottom: 0;
}
.pagination ul > li{
	display: inline-block;
	text-align:center;
    color: #666;
    float: left;
	min-width:3.6rem;
	height:3.6rem;
    line-height: 3.6rem;
    text-decoration: none;
	cursor: pointer;
	font-size: 1.2rem;
	margin-right: 1rem;
	border: 1px solid #d6d6d6;
	border-radius:3px;
}
.pagination ul > li > a{color: #666;padding:0 1rem;}
.pagination ul > li:hover, .pagination ul > li:focus,.pagination ul > li.active{background-color: #293891;color:#fff;}
.pagination ul > li:hover a, .pagination ul > li:focus a,.pagination ul > li.active a{color:#fff;}

/***** 详细页 - 通用 *****/
.bg-banner img{
  height:19.8rem;
  width: 100%;
}
/***** 面包屑 *****/
.breadcrumbs-bg {
 background-color: #f5f5f5;
 border-bottom:1px solid #d6d6d6;
 padding:1rem;
 margin-bottom:6rem;
}
.breadcrumbs-bg i.fa{
  position: absolute;
  left: 15px;
  font-size: 2rem;
  top: 0;
  color: #999;
}
.breadcrumbs {
  font-size: 1.2rem;
  color: #999;
  float: left;
  padding-left: 2.5rem;
}
.breadcrumbs li{
  display: inline-block;
}
.breadcrumbs a{
  color: #293891;
}
.breadcrumbs b{
  margin: 0 .5rem;
}

/***** 左边栏 *****/
.service-catergory {
  margin: 0 0 2rem 0;
  list-style: none;
  background: #EBEBEB;
  padding:1.5rem;
  border-radius: 3px;
}
.service-catergory li {
  list-style: none;
  position: relative;
  background: #fff;
  padding: 1rem 0;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  cursor:pointer;
}
.service-catergory li:last-child {
  margin-bottom:0px;
}
.service-catergory li a {
  display:flex;
  align-items: center;
  font-size: 1.4rem;
  color: #333;
  letter-spacing: 1px;
  line-height:1.4;
  font-weight: 700;
  padding: 0 1rem;
  transition: all 0.5s ease;
  position: relative;
}
.service-catergory li span {
	padding-left: 1rem;
}
.service-catergory li.active, .service-catergory li:hover, .service-catergory li:focus{
  background: #293891;
}
.service-catergory li.active a span, .service-catergory li:hover a span, .service-catergory li:focus a span,
.service-catergory li.active a i, .service-catergory li:hover a i, .service-catergory li:focus a i{
  color: #fff;
}

/***** 详细页 - 联系我们 *****/
.contact-form{
  text-align:left;
  font-size: 1.6rem;
  color: #333;
}
.contact-form label span {
  font-weight: normal;
  font-size: 1.3rem;
  margin-top: .3rem;
  color: #ee0000;
  margin-left: .5rem;
  font-weight: 700;
}
.contact-form form .form-control {
  height: auto;
  padding: 0;
  box-shadow: none;
  background: none;
  line-height: 1.5;
  width: 100%;
  padding: 1.5rem;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  background:#F7F8FA;
}
.contact-form form .textarea-control {
  padding: 1.5rem;
  width: 100%;
  height: 17rem;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  background:#F7F8FA;
}
.contact-form form .form-control:focus,.contact-form form .textarea-control:focus {
  box-shadow: none;
}
.contact-form li{
	color: #F36D78;
	font-size: 1.4rem;
}
.contact-form .form-response .alert-danger{
	color: #F36D78;
	font-size: 1.4rem;
	border-radius: 3px;
}
.contact-form .form-response .alert-danger p,.s-error{
	color: #F36D78;
	font-size: 1.4rem;
}
.has-error .form-control:focus{
	border-color: #F36D78;
}
.with-errors{
	height:1.4rem;
}
.alert-success {
  color: #389e0d;
  background-color: #f6ffed;
  border-color: #b7eb8f;
}
.successTip p,.alert-success p{
  color: #389e0d !important;
}
.successTip i{
  margin-right: .5rem;
  color: #389e0d !important;
}
.alert-success i{
  margin-right:1rem;
}
.contact-info{
	color: #666;
    font-size: 1.4rem;
	padding:2rem 2rem;
	margin-bottom: 2rem;
}
.contact-info p {
  margin-bottom: 4rem;
  font-size: 1.8rem;
  text-align: center;
  color: #293891;
}
.contact-info ul.contact-address li,.work {
  position: relative;
  padding-left: 4rem;
  margin-bottom: 1rem;
}
.contact-info ul.contact-social {
	text-align: left;
	padding-left: 4rem;
}
.contact-info ul.contact-social li {
	text-align: center;
}
.contact-info ul.contact-address li i {
  left: 0;
  top: 0;
  position: absolute;
  font-size: 2.6rem;
  color: #293891;
}
.contact-info ul.contact-address li:first-child i{
	font-size: 3.6rem;
}
.contact-info ul.contact-address li p,ul.contact-address p {
  margin: 0;
  text-align: left;
  font-size: 1.4rem;
  line-height:1.6;
  color: #666;
  text-transform: capitalize;
}
@media (max-width: 767px) {
    .contact-info ul.contact-social {
		padding-left: 0rem;
	}
}
.contact-list{
	padding-top:3rem;
	padding-bottom:3rem;
	border-bottom:1px solid #d6d6d6;
}
.contact-list h3{
	font-weight:500;
}
.contact-list p{
	color:#666;
	font-size:1.4rem;
	line-height:1.6;
}
.contact-list .inner-box{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right:2rem;
}
.contact-list .icon-box i{
	font-size:4.8rem;
	color:#293891;
	margin-right:2rem;
}

/***** Product Detail *****/
.flex-control-thumbs li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.flex-control-thumbs li:nth-child(4n){
	margin-right: 0%;
}
.flex-control-thumbs img{
	/*max-width: 100%;
	max-height: 8rem;*/
	width: 10.6rem;
	height: 8rem;
}
h1.product-title{
	font-size: 2.8rem;
	font-weight:500;
}
.product-short-description{
	padding-bottom: 1rem;
}
.product-short-description p,.product_meta{
	font-size: 1.5rem;
	line-height:2;
	color:#666;
}
.product_meta .meta-box{
  border-top:1px dotted #ddd;
  display: block;
  padding: .6rem 0;
}
.product_meta .meta-box b{
	margin-right: 1rem;
	font-weight:400;
}
.product_meta .meta-box .posted_in{
	margin-right: 1rem;
}
.product-desc,.product-desc p{
	font-size: 1.5rem;
	line-height:2;
	color:#666;
}

/***** 404 *****/
.not-find{
	width:100%;
	text-align:center;
}
.not-find i{
	font-size:6rem;
	color:#ddd;
	margin-bottom:1rem;
}
.not-find p{
	color:#999;
}
.not-list{
	margin-top:16rem;
}
.not-item{
	display: flex;
	float:left;
	justify-content: center;
	align-items: center;
    height: 20rem;
	width:32%;
	background:#293891;
	color:#fff;
	font-size:18rem;
	text-align:center;
	border-radius:3px;
}
.not-item.other{
	background: #283142;
	margin-left: 2%;
	margin-right: 2%;
}