@charset "utf-8";



/* CSS Document */



/* 全局样式

-------------------------------------------------------------- */

html,

body,

a,

p,

span,

ul,

img {

	margin: 0;

	padding: 0;

	border: none;

	color: #666;

	list-style: none;

	font-size: 14px;

	font-family: "Microsoft Yahei", "Arial",sans-serif;

	line-height: 25px;

}



p {

	line-height: 25px;

}



img {

	border: none;

	vertical-align: middle;

}



td {

	font-size: 14px;

}



body {

	overflow-x: hidden;

}



/* 链接样式 */

a {

	outline: none;

	text-decoration: none;

}



a:visited {

	outline: none;

	text-decoration: none;

}



a:hover {

	outline: none;

	text-decoration: none;

}



* {

	word-break: break-all;

}



/* 常用元素 */

.clear {

	clear: both;

	height: 0px;

	font-size: 1px;

	line-height: 0px;

}



img {

	max-width: 100%;

}



h1,

h2,

h3,

h4,

h5 {

	margin: 0;

	line-height: 0;

}



/* 层浮动 */

.left {

	float: left;

}



.right {

	float: right;

}



.center {

	margin: 0 auto;

}



/* 文字对齐 */

.tleft {

	text-align: left;

}



.tright {

	text-align: right;

}



.tcenter {

	text-align: center;

}



.visible-xs {

	display: none !important;

}



.page {

	width: 100%;

	overflow: hidden;

}





@media(max-width:767px) {

	.mobile-show {

		display: block;

	}



	.mobile-hide {

		display: none;

	}



}



.m_container {

	margin-right: auto;

	margin-left: auto;

	padding-right: 15px;

	padding-left: 15px;

	width: 100%;

}



@media (min-width:576px) {

	.m_container {

		max-width: 100%;

	}



}



@media (min-width:768px) {

	.m_container {

		max-width: 100%;

	}



}



@media (min-width:992px) {

	.m_container {

		max-width: 960px;

	}



}



@media (min-width:1280px) {

	.m_container {

		max-width: 1200px;

	}



}



@media (min-width:1366px) {

	.m_container {

		max-width: 1330px;

	}



}



@media (min-width:1400px) {

	.m_container {

		max-width: 1400px;

	}



}



@media (min-width:1580px) {

	.m_container {

		max-width: 1500px;

	}



}



@media (min-width:1700px) {

	.m_container {

		max-width: 1680px;

	}



}



/*header*/

.header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 90px;

	-webkit-backdrop-filter: saturate(180%) blur(20px);

	backdrop-filter: saturate(180%) blur(20px);

	background-color: rgba(0, 0, 0, 0.6);

	z-index: 30;

}



.header .m_container {

	height: 100%;

}



.header .logo {

	height: 100%;

	float: left;

	display: flex;

	align-items: center;

}



.head_r {

	float: right;

	height: 100%;

}



.menu ul li {

	float: left;

	padding: 0 20px;

}



.menu ul li a {

	font-size: 18px;

	font-weight: 400;

	color: #FFFFFF;

}



.menu ul li a:hover,.menu ul li.active a {

	color: #FE9445;

}



.nav-icon {

	float: right;

	width: 20px;

	height: 16px;

	cursor: pointer;

	position: relative;

	z-index: 20;

}



.nav-icon span {

	display: block;

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	height: 2px;

	background-color: #fff;

}



.nav-icon:after,

.nav-icon:before {

	position: absolute;

	width: 50%;

	height: 2px;

	background-color: #fff;

	content: "";

	-webkit-transition: all .1s linear;

	-o-transition: all .1s linear;

	transition: all .1s linear;

}



.nav-icon:before {

	right: 0;

	top: 0;

}



.nav-icon:after {

	left: 0;

	bottom: 0;

}



.nav-icon:hover:after,

.nav-icon:hover:before {

	position: absolute;

	width: 100%;

	height: 2px;

	background-color: #fff;

	content: "";

	-webkit-transition: all .1s linear;

	-o-transition: all .1s linear;

	transition: all .1s linear

}



.nav-icon.active:after,

.nav-icon.active:before {

	position: absolute;

	left: 12px;

	top: 50%;

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

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

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

	width: 50%;

	height: 2px;

	background-color: #fff;

	content: "";

	-webkit-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center;

}



.nav-icon.active {

	width: 47px;

	height: 47px;

	background: rgba(255, 255, 255, 0.2);

	border-radius: 50%;

}



.nav-icon.active::before {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.nav-icon.active:after {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}



.nav-icon.active span {

	display: none;

}



.ser_nav{float: left;margin-right:35px;margin-left: 30px;}

.menu-active .ser_nav {

	display: none;

}





/*search*/



#search .search-container {

  background:rgba(254,152,15,1);

  position: relative;

  -webkit-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);

  -moz-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);

  -ms-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);

  -o-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);

  transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);

  -webkit-transition-delay: 0ms;

  -moz-transition-delay: 0ms;

  -ms-transition-delay: 0ms;

  -o-transition-delay: 0ms;

  transition-delay: 0ms;

  width: 0;

  overflow: hidden;

}

.sear_header #search .search-box .container { max-width:80%; margin: 0 auto;}

#search {

  position:fixed;

  left: 0;

  right: 0;

  top:90px;

  z-index: 1;

  overflow: hidden;

  height: 100vh;

  visibility: hidden;

  -webkit-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;

  -moz-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;

  -ms-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;

  -o-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;

  transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;

}



#search .btn-close {

  display: block;

  position: absolute;

  right: 35px;

  top: 25px;

  -webkit-transition: opacity 400ms ease-out;

  -moz-transition: opacity 400ms ease-out;

  -ms-transition: opacity 400ms ease-out;

  -o-transition: opacity 400ms ease-out;

  transition: opacity 400ms ease-out;

  opacity: 0;

}



.btn-search {

  display: block;

  width:26px;

  height:26px;

}



.btn-close {

  text-indent: -999em;

  display: block;

  background: 50% 50% no-repeat;

  -webkit-background-size: contain;

  background-size: contain;

  width:22px;

  height:22px;

  position: relative;

}

.btn-close svg {

  width: 18px;

  height: 18px;

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

}

#search.active {

  opacity: 1;

  visibility: visible;

}



.sear_header #search.active .search-container {

  width: 100%;

  -webkit-transition-delay: 400ms;

  -moz-transition-delay: 400ms;

  -ms-transition-delay: 400ms;

  -o-transition-delay: 400ms;

  transition-delay: 400ms;

  -webkit-transition-duration: 800ms;

  -moz-transition-duration: 800ms;

  -ms-transition-duration: 800ms;

  -o-transition-duration: 800ms;

  transition-duration: 800ms;

}

.sear_header #search .search-box {

  width: 100vw;

  position: relative;

  left: 50%;

  transform: translateX(-50%);

}



.sear_header #search .search-box form {

  height:80px;

  display: flex;

}



.sear_header #search .search-box form .input {

  font-weight: 500;

  font-family: inherit;

  border: 0;

  background: transparent;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  display: block;

  flex: 1;

  color: #fff;

  padding: 0;

	outline: 0;

  margin: 0;

}

.sear_header #search .search-box form .input::placeholder {

  color: rgba(255, 255, 255, 1);

  font-weight: 500;

  font-size: 18px;

}

.sear_header #search .search-box form .button { background:none; border:none; outline:0; color: #fff;}

.sear_header #search .search-box form button svg {

  display: block;

  width: 1.6875rem;

  height: auto;

}

.sear_header #search .search-box form .button svg path {

  fill: white;

  opacity: .8;

  -webkit-transition: all 250ms ease-out;

  -moz-transition: all 250ms ease-out;

  -ms-transition: all 250ms ease-out;

  -o-transition: all 250ms ease-out;

  transition: all 250ms ease-out;

}

.ca_header_lei  .btn-close svg path,.inf_header_boxlei .btn-close svg path{  fill: #333;}

.ca_header_lei .btn-search,.inf_header_boxlei .btn-search {  height:24px; background: url(https://www.w-e.cc/template/default/index/web_new/css/static/image/ico_362.png) no-repeat center;}



	

.sear_header #search .search-box form .button:hover svg path {  opacity: 1;}

/*search end*/



.navigate-mark {

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	height: 100%;

}



.navigate {

	width: 100%;

	height: 100%;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 20;

	visibility: hidden;

	transition: 0.7s;

}



.navigate.show {

	visibility: visible;

}



.navigate.show .navigate-item {

	opacity: 1;

	visibility: visible;

	transform: translateX(0px);

	transition: 0.6s 0.4s;

}



.navigate.show .navigate-item:nth-child(2) {

	transition-delay: 0.6s;

}



.navigate.show .navigate-item:nth-child(3) {

	transition-delay: 0.8s;

}



.navigate:before {

	content: "";

	width: 0;

	padding-bottom: 100%;

	height: 0;

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 0;

	background-image: #2d4de0 !important;

	background-image: -moz-linear-gradient(49deg, #2d4de0 0, #9f71f0 30%, #fc6277 58%, #f8ef6f 95%) !important;

	background-image: -webkit-linear-gradient(49deg, #2d4de0 0, #9f71f0 30%, #fc6277 58%, #f8ef6f 95%) !important;

	background-image: linear-gradient(49deg, #2d4de0 0, #9f71f0 30%, #fc6277 58%, #f8ef6f 95%) !important;

	z-index: -2;

	visibility: hidden;

	transform-origin: right top;

	animation: gradient 2s ease infinite;

	animation-direction: alternate;

	-webkit-transition: all .9s cubic-bezier(.77, 0, .175, 1);

	-o-transition: all .9s cubic-bezier(.77, 0, .175, 1);

	transition: all .9s cubic-bezier(.77, 0, .175, 1);

	-webkit-transition-delay: .2s;

	-o-transition-delay: .2s;

	transition-delay: .2s;

	pointer-events: none !important;

}



.navigate:after {

	content: "";

	width: 0;

	padding-bottom: 100%;

	height: 0;

	overflow: hidden;

	position: absolute;

	right: 0px;

	top: -40px;

	background: rgba(222, 50, 50, 1);

	z-index: -1;

	opacity: 0;

	visibility: hidden;

	transform-origin: right top;

	-webkit-transition-delay: .5s;

	-o-transition-delay: .5s;

	transition-delay: .5s;

	pointer-events: none !important;

	animation: gradient 3s ease infinite;

	animation-direction: alternate;

	-webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);

	-o-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);

	transition: all 1.5s cubic-bezier(.77, 0, .175, 1);

}



.navigate.reverse:before {

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

	-o-transition-delay: .4s !important;

	transition-delay: .4s !important;

}



@keyframes gradient {

	0% {

		background-position: 0 0

	}



	100% {

		background-position: 0 100%

	}



}



.navigate.show:before {

	opacity: 1;

	width: 100%;

	visibility: visible;

}



.navigate.show:after {

	opacity: 1;

	width: 100%;

	visibility: visible;

}



.navigate-list {

	position: absolute;

	left: 0%;

	top: 0%;

	width: 100%;

	height: 100%;

	right: 0;

	padding-top: 100px;

	padding-bottom: 50px;

	overflow: hidden;

}



.navigate-item {

	width: 33.3333%;

	float: left;

	opacity: 0;

	visibility: hidden;

	transition: 0.4s;

	transform: translateX(120px);

}



.navigate-item dt {

	display: block;

	margin-bottom: 18px;

}



.navigate-item dt a {

	display: inline-block;

	color: #fff;

	font-size: 34px;

	line-height: 1;

	font-weight: lighter;

}



.navigate-item dd {

	display: block;

}



.navigate-item dd p a {

	display: inline-block;

	color: #a6c8f7;

	font-size: 24px;

	font-weight: lighter;

	line-height: 1.5;

}



.navigate-item dd p a:hover {

	color: #fff;

}



.menu-active .header {

	backdrop-filter: none;

	-webkit-backdrop-filter:none;

	background: none!important;

}



.menu-active .header .menu {

	display: none;

}



.navigate-list .m_container {

	height: 100%;

}



.navigate-list .nav_cont {

	padding: 30px;

	padding-bottom: 0;

	height: 652px;

	max-width: 1400px;

	margin: 0 auto;

	max-height: 100%;

	position: relative;

}



.navigate-list .nav_cont .nav_l {

	float: left;

	width: 55%;

	height: 100%;

	display: flex;

	padding-right: 160px;

	border-right: 1px solid rgba(255, 255, 255, 0.2);

}



.navigate-list .nav_cont .nav_r {

	width: 45%;

	padding-left: 160px;

}



.nav_cont .nav_l ul.row {

	max-width: 360px;

}



.nav_cont .nav_l ul li.one_menu {

	padding: 15px 0;

	position: relative;

}



.nav_cont .nav_l ul li.one_menu span {

	font-size: 13px;

	 font-family: "PingFang SC";

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	padding-right: 9px;

	opacity: 0.4;

}



.nav_cont .nav_l ul li.one_menu a {

	font-size: 46px;

	font-weight: bold;

	line-height: 1;

	width: 130px;

	display: inline-block;

	color: #FFFFFF;

	opacity: 0.4;

}



.nav_cont .nav_l ul li.one_menu a:hover span,

.nav_cont .nav_l ul li:hover a span,

.nav_cont .nav_l ul li.one_menu a:hover,

.nav_cont .nav_l ul li:hover a {

	opacity: 1;

}



.nav_cont .nav_l ul li.one_menu .two_menu {

	position: absolute;

	top: 28%;

	left: 145px;

	padding-left: 100px;

	height: auto;

	margin: 0;

	opacity: 0;

	visibility: hidden;

	transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-webkit-transition: all 300ms linear;

	z-index: 1000;

}



.nav_cont .nav_l ul li.one_menu .two_menu:before {

	content: "";

	width: 40px;

	height: 1px;

	position: absolute;

	left: 0;

	top: 10px;

	background: #FFFFFF;

}



.nav_cont .nav_l ul li.one_menu .two_menu li {

	padding-bottom: 20px;

	opacity: 0;

}



.nav_cont .nav_l ul li.one_menu .two_menu li a {

	font-size: 18px;

	opacity: 1;

	font-weight: 500;

	width: auto;

	color: #FFFFFF;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu {

	display: block;

	opacity: 1;

	visibility: visible;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li {

	opacity: 1;

	transition: 0.6s 0.4s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(1) {

	transition-delay: 0.1s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(2) {

	transition-delay: 0.2s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(3) {

	transition-delay: 0.3s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(4) {

	transition-delay: 0.4s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(5) {

	transition-delay: 0.5s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(6) {

	transition-delay: 0.6s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(7) {

	transition-delay: 0.7s;

}



.nav_cont .nav_l ul li.one_menu:hover .two_menu li:nth-child(n+8) {

	transition-delay: 0.7s;

}



.nav_r .nav_add p:nth-child(1) {

	font-size: 16px;

	font-weight: 400;

	line-height: 1.2;

	color: rgba(255, 255, 255, 0.4);

	padding-bottom: 15px;

}



.nav_r .nav_add p:nth-child(2) {

	font-size: 18px;

	font-weight: 400;

	line-height: 1.2;

	color: #FFFFFF;

	padding-bottom: 50px;

}



.nav_r .nav_add p a {

	color: inherit;

	font-size: inherit;

}

.show .navigate-list .nav_cont .nav_l {

	-webkit-animation: mfadeIn .6s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

    animation: mfadeIn .6s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

}





.show .navigate-list .nav_cont .nav_r {

	-webkit-animation: mfadeIn .4s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

    animation: mfadeIn .4s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

}



.header .logo {

	max-width: 30%;

}



@media screen and (max-width:991px) {

.menu ul li {

    padding: 0 15px;

}

.ser_nav{

	margin-right:25px;

	margin-left: 15px;

}





}

@media screen and (max-width:767px) {

.ser_nav {

    margin-right: 25px;

    margin-left: 0;

}

#search {

   top:70px;

}

.header .logo {

max-width: 62%;

}

.sear_header #search .search-box form .input::placeholder {

  font-size: 14px;

}

}

@media screen and (max-width:350px) {



.header .logo {

max-width: 60%;

}



}



/*banner*/

.banner {

	width: 100%;

	height: 100vh;

	position: relative;

}



.banner .swiper1,

.banner .swiper1 .swiper-slide,

.banner .swipermobie,

.banner .swipermobie .swiper-slide {

	width: 100%;

	height: 100%;

}



.banner .pc_ban,

.banner .mo_ban {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.banner video {

	width: 100%;

	height: 100%;

	object-fit: fill;

}



.banner .bantext {

	position: absolute;

	left: 0;

	top: 40%;

	height: 50%;

	width: 100% !important;

	transition: all .4s;

}

.banner .bantext .m_container {

	margin: 0 auto;

}



.ban_bottom {

	position: absolute;

	left: 0;

	bottom: 5%;

	width: 100%;

	z-index: 1;

}



.stamp {

	position: relative;

	float: left;

}



.stamp img {

	width: 109px;

	height: 109px;

}



.ban_down {

	float: right;

	padding-top: 40px;

	text-align: center;

}



.ban_down span {

	width: 7px;

	height: 7px;

	position: relative;

	margin-bottom: 10px;

	display: inline-block;

	background: #FFFFFF;

	border-radius: 50%;

}



.ban_down span:after {

	content: "";

	position: absolute;

	width: 1px;

	height: 11px;

	background: #FFFFFF;

	opacity: 0.5;

	top: 100%;

	left: 50%;

	margin-left: -1px;

	-webkit-animation: downheight 2s linear infinite forwards;

	animation: downheight 2s linear infinite forwards;

}



@keyframes downheight {

	0% {

		height: 0px;

	}



	50% {

		height: 11px;

	}



	100% {

		height: 5px;

	}



}



.ban_down p {

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	color: #FFFFFF;

}



.bantext h3 span {

	position: relative;

	display: inline-block;

	font-size: inherit;

	color: inherit;

	line-height: inherit;

}



.bantext h3 {

	line-height: 1.2;

	color: #FFFFFF;

	font-size: 0.59rem;

}



.bantext h3 strong {

	font-weight: bold;

	font-size: inherit;

	color: inherit;

	line-height: inherit;

}

.banner svg {

 	position: absolute;

    width: 119%!important;

    height: 150%!important;

    left: -9%;

    bottom: -28%;

}

.ban_loop {

	position: absolute;

	width: 100%;

	left: 0;

	top: 50%;

	margin-top: -100px;

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

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

    transform: translateY(-50%);

	z-index: 1;

}

.ban_text .m_container {

	position: relative;

	height: 50%;

}

.banner .swiper-pagination-bullet {

	width:10px;

	height: 10px;

	outline: 0;

	cursor: pointer;

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

	opacity: 1

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background:rgba(255,255,255,1);

}





@media only screen and (min-width:1440px) {

	.bantext h3 {

		font-size: 0.58rem;

	}



.font58 {

		font-size: 0.58rem;

	}



}



@media screen and (max-width:1279px) {

	.bantext h3 {

		font-size: 40px;

	}



}



@media screen and (max-width:991px) {

	.bantext h3 {

		font-size: 35px;

	}



}



@media screen and (max-width:767px) {

	.stamp img {

		width: 60px;

		height: 60px;

	}

	.bantext h3 {

		font-size: 1.4rem;

		line-height: 1.4;

	}

	.ban_down {

    padding-top: 20px;

}



}



/*index Digital services*/

.curror {

	cursor: url("../images/curror.jpg") 60 60, w-resize;

}



.curror2 {

	cursor: url("../images/currorhover.jpg") 30 30, w-resize;

}



.index_title {

	padding-top: 90px;

	font-weight: 400;

	font-size: 28px;

	line-height: 1.2;

	color: #333333;

}



.index_title strong {

	display: block;

	padding-bottom: 10px;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

}



.index_title span {

	font-size: inherit;

	line-height: inherit;

	color: inherit;

}



.service {

	width: 100%;

	position: relative;

	margin-top: 70px;

}



.distort {

	position: absolute;

	pointer-events: none;

	will-change: transform;

}



.distort_img {

	opacity: 0;

}



.ser_menu .menu_link {

	height: 97px;

	position: relative;

	display: flex;

	align-items: center;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	-ms-flex-pack: start;

	justify-content: flex-start;

}



.ser_menu .menu_link:before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background: #F0F0F0;

}



.ser_menu .menu_link .serm_l {

	float: left;

	position: relative;

	width: 224px;

	z-index: 3;

}



.ser_menu .menu_link .serm_l a {

	transition: all 0.4s;

}



.ser_menu .menu_link .serm_l:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 0;

	height: 1px;

	margin-top: -0.5px;

	background: #DE3232;

	opacity: 0;

	transition: all 0.4s;

}



.ser_menu .menu_link .serm_l a {

	display: inline-block;

	font-weight: 400;

	line-height: 1.1;

	color: #666;

}



.ser_menu .menu_link .serm_l span {

	color: inherit;

	font-size: 13px;

	 font-family: "PingFang SC";

	font-weight: 400;

	margin-left: 14px;

	transition: all 0.6s;

}



.ser_menu .menu_link .serm_r {

	position: relative;

	z-index: 9;

	margin: 0 0 0 70px;

	flex: 1;

}



.ser_menu .menu_link .serm_r a {

	margin-right: 30px;

}



.ser_menu .menu_link .ser_more {

	position: absolute;

	width: 26px;

	height: 26px;

	right: 0;

	top: 50%;

	margin-top: -13px;

}



.ser_menu .menu_link .ser_more img:nth-child(2) {

	display: none;

}



.ser_menu .menu_link .serm_r a:last-child {

	margin-right: 0;

}



.ser_menu .menu_link .serm_r a:hover {

	color: #DE3232;

}



.ser_menu .menu_link:hover .serm_l a {

	color: #DE3232;

}



.ser_menu .menu_link:hover .serm_l  span {

	font-size: 0;

	margin: 0;

	opacity: 0;

	display: none;

	transition: all 0.1s;

}





.ser_menu .menu_link:hover:before {

	opacity: 0;

}



.ser_menu .menu_link:hover .serm_r a {

	opacity: 1

}



.ser_menu .menu_link:hover .ser_more img:nth-child(1) {

	display: none;

}



.ser_menu .menu_link:hover .ser_more img:nth-child(2) {

	display: block;

}



/*@media only screen and (min-width:1280px) {

	.ser_menu .menu_link .serm_r a {

		font-size: 0.16rem;

	}



}*/

@media only screen and (min-width: 1280px) and (max-width: 1440px) {

.index_title {

	padding-top: 25px;

}



}

@media only screen and (min-width:768px) {

	.index_title {

		font-size: 0.53rem;

	}



	.ser_menu .menu_link .serm_l a {

		font-size: 18px;

	}



	.ser_menu .menu_link .serm_r a {

		opacity: 0;

		-webkit-transition: .5s;

		-o-transition: .5s;

		transition: .5s;

	}



	.ser_menu .menu_link:hover .serm_l {

		padding-left: 48px;

	}



	.ser_menu .menu_link:hover .serm_l:before {

		opacity: 1;

		width: 33px;

	}



	.ser_menu .menu_link .serm_r a:nth-child(1) {

		transition-delay: 0.1s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(2) {

		transition-delay: 0.2s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(3) {

		transition-delay: 0.3s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(4) {

		transition-delay: 0.4s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(5) {

		transition-delay: 0.5s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(6) {

		transition-delay: 0.6s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(7) {

		transition-delay: 0.7s;

	}



	.ser_menu .menu_link .serm_r a:nth-child(n+8) {

		transition-delay: 0.8s;

	}



	.ser_menu .menu_link .serm_r a:hover {

		transition: 0s;

		transition-delay: 0s;

	}



}



@media screen and (max-width:991px) {

	.ser_menu .menu_link .serm_r {

		margin: 0 0 0 30px;

	}





}



@media screen and (max-width:767px) {

	.header {

		height: 70px;

	}



	.navigate-list {

		padding-top: 80px;

		padding-bottom: 20px;

	}



	.nav-icon.active {

		background: none;

	}



	.navigate:before,

	.navigate::after {

		height: 100%;

	}



	.navigate::after {

		top: 0;

	}



	.navigate-list .nav_cont .nav_l {

		width: 100%;

		padding-right: 0;

		border-right: none;

		display: inherit;

		height: auto;

	}



	.navigate-list .nav_cont .nav_r {

		width: 100%;

		float: left;

		padding-left: 0;

	}



	.nav_cont .nav_l ul li.one_menu {

		padding: 12px 0;

	}



	.nav_cont .nav_l ul li.one_menu .two_menu {

		left: 90px;

		padding-left: 70px;

	}



	.nav_cont .nav_l ul li.one_menu span {

		display: none;

	}



	.navigate-list .nav_cont {

		padding: 0 5px;

		display: block;

		height: 100%;

		overflow-y: auto;

	}



	.nav_cont .nav_l ul.row {

		margin: 0;

		margin-bottom: 30px;

	}



	.nav_cont .nav_l ul li.one_menu a {

		font-size: 1.2rem;

		font-weight: bold;

		width: 90px;

	}



	.nav_r .nav_add p:nth-child(1) {

		padding-bottom: 5px;

		font-size: 14px;

	}



	.nav_r .nav_add p:nth-child(2) {

		font-size: 14px;

		padding-bottom: 10px;

	}



	.nav_cont .nav_l ul li.one_menu .two_menu li {

		padding-bottom: 10px;

	}



	.nav_cont .nav_l ul li.one_menu .two_menu li a {

		font-size: 14px;

		font-weight: 400;

	}



}



@media screen and (max-width:640px) {

.nav_cont .nav_l ul li.one_menu a {

		font-size: 1.4rem;

	}



}



@media screen and (max-width:767px) {

	.index_title {

		padding-top: 50px;

	}



	.hover-reveal {

		display: none;

	}



	.ser_menu .menu_link {

		height: 80px;

		padding-top: 15px;

		display: inherit;

		overflow: hidden;

	}



	.service {

		margin-top: 20px;

	}



	.ser_menu .menu_link .serm_l {

		width: 100%;

	}



	.ser_menu .menu_link .serm_r {

		width: auto;

		float: left;

		margin: 0;

		overflow-y: hidden;

		display: flex;

		overflow-x: auto;

	}



	.ser_menu .menu_link .serm_r::-webkit-scrollbar {

	}



	.ser_menu .menu_link .serm_r::-webkit-scrollbar-track {

		background: #fff;

		opacity: 0;

	}



	.ser_menu .menu_link .serm_r::-webkit-scrollbar-thumb {

		background: #fff;

		opacity: 0;

	}



	.mobie_scoll {

		flex-shrink: 0;

	}



	.ser_menu .menu_link .ser_more {

		display: none;

	}



	.ser_menu .menu_link .serm_r a {

		margin-right: 15px;

	}



	.ser_menu .menu_link .serm_l a {

		color: #333;

		position: relative;

		padding-right: 30px;

	}



	.ser_menu .menu_link .serm_l span {

		position: absolute;

		top: 4px;

		right: 0;

		line-height: 1.1;

	}



}



.ser_menu[data-fx="1"] .menu_link::after,

.menu_link.content__text-link[data-fx="1"]::after {

	content: '';

	z-index: -1;

	width: 100%;

	bottom: 0;

	left: 0;

	position: absolute;

	height: 1px;

	background: #DE3232;

	transform: scale3d(0, 1, 1);

	transform-origin: 0% 50%;

	transition: transform 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000);

}



.ser_menu[data-fx="1"] .menu_link:hover::after,

.menu_link.content__text-link[data-fx="1"]:hover::after {

	transform: scale3d(1, 1, 1)

}

.service .hover-reveal {

	width: 492px;

	height: 369px;

}

.hover-reveal {

	position: fixed;

	top: 0;

	left: 0;

	pointer-events: none;

	opacity: 0;

	z-index: 9;

}



.hover-reveal__inner,

.hover-reveal__img {

	width: 100%;

	height: 100%;

	position: relative;

}



.hover-reveal__deco {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #181314;

}



.hover-reveal__img {

	background-size: cover;

	border-radius: 3px;

	background-position: 50% 50%;

}



@media screen and (max-width:350px) {

	.index_title {

		font-size: 26px;

	}



}



/*gundong*/

.parallux.not-full {

	overflow: hidden;

}



.parallux.not-full .parallux-bg {

	height: 100%;

	bottom: initial;

}



.parallux.no-parallax {

	overflow: hidden;

}



.parallux.no-parallax .parallux-bg {

	position: relative;

}



.parallux.no-parallax .parallux-bg,

.parallux.no-parallax .parallux-inner {

	background-attachment: initial;

}



.parallux {

	position: relative;

}



.parallux.bg-fixed .parallux-inner {

	background-attachment: fixed;

}



.parallux .parallux-bg {

	top: 0;

	left: 0;

	right: 0;

	height: 100%;

	overflow: hidden;

	-webkit-backface-visibility: hidden;

	-webkit-perspective: 1000;

	position: fixed;

}



.parallux .parallux-bg .parallux-inner {

	top: 0px;

	left: 0px;

	position: relative;

	min-width: 100%;

	min-height: 100%;

	height: auto;

	background-color: white;

	background-repeat: no-repeat;

	background-position: 50%;

	background-size: cover;

	background-image: url();

	-webkit-backface-visibility: hidden;

	-webkit-perspective: 1000;

}



.index_dig {

	position: relative;

}



.case_list {

	padding-top: 0.6rem;

}



.case_list ul {

	margin-left: -0.18rem;

	margin-right: -0.18rem;

}



.case_list ul li {

	width: 33.33%;

	float: left;

	padding: 0 0.18rem;

	padding-bottom: 0.4rem;

}



.case_list .case_img {

	position: relative;

	overflow: hidden;

	border-radius: 3px;

}



.case_list .case_title {

	margin-top: 16px;

	position: relative;

}



.case_list .case_title:before {

	background-image: url("../images/yeico.png");

	content: "";

	width: 14px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 0;

	opacity: 0;

	background-size: 100%;

	-webkit-transition: opacity 0.4s;

	transition: opacity 0.4s;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.2s;

}



.case_img img {

	width: 100%;

	display: block;

	

}



.case_list .case_title h3 {

	line-height: 30px;

	color: #333333;

}



.case_list .case_title p {

	padding-top: 0.1rem;

	line-height: 1.2;

	color: #999999;

}



.case_list .case_title h3,

.case_list .case_title p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-transition: opacity 0.4s;

	transition: opacity 0.4s;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.2s;

}

.case_list .case_title h3 .left{

	line-height: inherit;

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

    width: -moz-calc(100% - 190px);

    width: calc(100% - 190px);

    white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.case_list .case_title h3 .right {

	line-height: inherit;

	width: 190px;

	text-align: right;

	color: #E5E5E5;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.case_list .case-summary {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	padding: 40px 40px 30px 40px;

}

.case_list .case-summary div{

	overflow: hidden;

}

.case_list .case-summary:before {

	content: "";

	width: 100%;

	height: 100%;

	background: rgba(227, 34, 34, 0.9);

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	-webkit-transition: opacity 0.4s;

	transition: opacity 0.4s;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}



.case_list .case-summary p {

	color: #FFF;

	width: 100%;

	position: absolute;

	font-size: 0.23rem;

}



.case_list .case-summary .p1 {

	top: 0;

	right: 150%;

	transition: all 0.4s ease-in-out;

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}







.case_list .case-summary .p2 {

	bottom: 15px;

	left: 150%;

	-webkit-transition: left 0.35s;

	transition: left 0.35s;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}

.case_list .case-summary .p3 {

	display: block;

	opacity: 0.5;

	color:#FFFFFF;

	margin-top: 5px;

}

.case_list li:hover .case-summary:before {

	opacity: 0.9;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}



.case_list li a:hover .p1 {

	opacity: 1;

	right: 0;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}





.case_list li a:hover .p2 {

	left: 0;

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}



.index_more {

	text-align: center;

	margin-top: 30px;

}



.index_button {

	position: relative;

	display: inline-block;

	background-color: #fff;

	color: #f0f0f0;

	padding: 0.15rem 0.34rem;

	font-size: .16rem;

	line-height: 0.5em;

	outline: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	border: 1px solid #F0F0F0;

	overflow: hidden;

	-webkit-transition: all .3s;

	transition: all .3s;

}



.index_button:before {

	content: "";

	position: absolute;

	width: 120%;

	height: 102%;

	top: 0;

	left: -130%;

	background-color: #DE3232;

	-webkit-transition: .3s ease-out;

	transition: .3s ease-out;

	-webkit-transform: skewX(25deg);

	transform: skewX(25deg);

}



.index_button:hover:before {

	left: -10%;

}



.index_button:hover {

	-webkit-transition: all .3s, background-color 0s linear .3s;

	transition: all .3s, background-color 0s linear .3s;

	background-color: #3b6dec;

}



.index_button>span {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	z-index: 2;

}



.button__icon {

	margin-left: .16rem;

	width: 0.14rem;

	height: 0.14rem;

	display: inline-block;

	position: relative;

	overflow: hidden;

	line-height: 0;

}



.button__icon__main {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.button__icon__secondary {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

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

}



.index_button:hover {

	border: 1px solid #DE3232;

}



.index_button:hover .button__icon__secondary {

	-webkit-transform: translateZ(0);

        transform: translateZ(0);

}



.index_button:hover .button__icon__main {

	opacity: 0;

}



.index_button img {

	vertical-align: top;

}



.index_button:hover .button__text {

	color: #fff;

}





@media screen and (max-width:1280px) {

/*	.case_list .case_title h3 {

		font-size: 0.25rem;

	}*/



	



}



@media screen and (max-width:1279px) {



.case_list .case_title h3 .left{

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

    width: -moz-calc(100% - 150px);

    width: calc(100% - 150px);

}

.case_list .case_title h3 .right {

	width: 150px;

}



}





@media screen and (max-width:767px) {



.case_list .case_title h3 .left{

	width: 100%;

    width: 100%;

    width: 100%;

}

.case_list .case_title h3 .right {

	display: none;

}



}

@media screen and (max-width:540px) {

	.case_list ul li {

		width: 100%;

		padding-bottom: 15px;

	}



	.case_list .case_title {

		margin-top: .6rem;

	}



	.case_list .case-summary .p1 {

		font-size: 0.8rem;

	}



	.case_list .case-summary .p2 {

		font-size: 0.6rem;

	}



	.case_list .case_title h3 {

		font-size: 16px;

		line-height: 1.1;

	}



	.case_list .case_title p {

		font-size: 14px;

		padding-top: 10px;

	}



	.case_list .case-summary {

		display: none;

	}

	.index_button {

		padding:10px 30px;

		font-size: 14px;

	}

.button__icon {

    margin-left: 16px;

    width: 10px;

    height: 10px;

}



}



@media only screen and (min-width:768px) {

	.case_list li a:hover .case_title h3,

	.case_list li a:hover .case_title p {

		opacity: 0;

	}



	.case_list li a:hover .case_title:before {

		opacity: 1;

	}



	.index_more {

		margin-top: 0.2rem;

	}



}



/*index team*/

.team_text {

	padding-top: 30px;

	line-height: 1.2;

}

.team_text p {

	line-height: 26px;

}

.team_more {

	padding-top: 40px;

}



.team_more a {

	font-weight: 400;

	display: inline-block;

	padding-bottom: 20px;

	position: relative;

	color: #333333;

	line-height: 1.2;

}



.team_more a:before {

	content: "";

	background: #666666;

	width: 100%;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 0;

}



.team_more a:after {

	background: #DE3232;

	content: "";

	width: 0;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 50%;

	opacity: 0;

}



.team_more a:hover:before {

	opacity: 0;

}



.team_more a:hover:after {

	left: 0;

	width: 100%;

	opacity: 1;

}



.team_case {

	margin-top: 30px;

	width: 100%;

	background-color: #242424;

	height: 67vw;

	overflow: hidden;

	display: flex;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

}



.mydiv img {

	transition: 1s;

}

.team_grid {

	width: 100%;

	height: 100%;

	display: grid;

	grid-row-gap: 3vw;

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.1);

}

.team_case .team_gride {

	position: relative;

	z-index: 0;

	overflow: hidden;

	display: grid;

	-webkit-box-align: stretch;

	-webkit-align-items: stretch;

	-ms-flex-align: stretch;

	align-items: stretch;

	grid-column-gap: 3vw;

	-ms-grid-columns: 1fr 1fr 1fr;

	grid-template-columns: 1fr 1fr 1fr;

	-ms-grid-rows: auto auto auto;

	grid-template-rows: auto auto auto;

	transform: scale(1) rotate(-10deg);

}



.websites-grid {

	overflow: hidden;

	border: .5vw solid #454545;

	border-radius: 1.5vw;

	box-shadow: 2px 0 70px 0 rgb(0 0 0 / 10%);

	position: relative;

	

}

.websites-grid .casebg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}



.align-left {

    text-align: left

}

.align-center {

    text-align: center

}

.align-right {

    text-align: right

}



@media only screen and (min-width:1280px) {

	.team_text {

		padding-top: 0.5rem;

	}



	.team_text.row {

		margin-left: -45px;

		margin-right: -45px;

	}



	.team_text .col {

		padding-left: 45px;

		padding-right: 45px;

	}



	.team_more {

		padding-top: 0.4rem;

	}



	.team_case {

		margin-top: 0.5rem;

	}



}



@media only screen and (min-width:768px) {

	.trans,

	.team_more a:after {

		-webkit-transition: all 0.4s;

		-moz-transition: all 0.4s;

		-ms-transition: all 0.4s;

		-o-transition: all 0.4s;

		transition: all 0.4s;

	}



}

@media screen and (max-width:991px) {



.team_case {

	height: 70vw;

}



}



@media screen and (max-width:767px) {

	.team_text {

		display: block;

	}

	.team_case {

		height: 50vw;

	}

	.team_grid {

		transform: scale(1) rotate(-10deg);

	}

	.team_case .team_gride {

	transform: scale(1) rotate(0deg);

	}



}



/*hezuokehu*/

.cus_list {

	padding-top: 40px;

}



.cus_list ul {

	margin-left: -18px;

	margin-right: -18px;

}



.cus_list ul li {

	width: 16.66%;

	float: left;

	padding: 15px 18px;

}



.cus_list  a {

	border: 1px solid #F9F9F9;

	border-radius: 3px;

	display: block;

	overflow: hidden;

}



.cus_list  img {

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

}



.cus_list  a:hover img {

	transform: scale(1.05);

}



.cus-scrollbar {

	display: none;

}



@media only screen and (min-width:541px) {

	.cusswiper>.swiper-wrapper {

		transform: none !important;

	}



	.cus_list .swiper-slide:nth-child(6n) {

		margin-right: 0 !important;

	}



	.cusswiper>.swiper-wrapper {

		flex-wrap: wrap;

	}



	.cus_list .swiper-slide {

		text-align: center;

		margin-bottom: 30px;

		float: left;

		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;

	}



	.cusswiperx {

		display: none;

	}





}



@media screen and (max-width:540px) {

	.cus-scrollbar {

		display: block;

	}

	.cus_list ul {

		margin-left:-5px;

		margin-right: -5px;

	}

	.cus_list ul li {

	width: 50%;

	padding:5px 

}





	/*.cusswiper {

		display: none;

	}*/



	.cusswiperx .swiper-slide a {

		margin-bottom: 20px;

	}



}



/*message*/

#modal-contact {

	position: fixed;

	height: 100vh;

	width: 100%;

	left: -100%;

	top: 0;

	overflow: hidden;

	opacity: 0;

	



}



#modal-contact:after {

	content: "";

	width: 6rem;

	height: 6rem;

	display: block;

	position: absolute;

	top: auto;

	right: 4.2rem;

	bottom: 8.5rem;

	left: auto;

	background: #FFFFFF;

	border-radius: 50%;

	transform: scale(.71) translate(50%, 50%);

	z-index: 1;

	transform-origin: right bottom;

}



.mess_cont {

	width: 100%;

	padding: 25px 0;

}



.messform {

	padding-top: 0.3rem;

}



body.modal-contact-active #modal-contact {

	z-index: 30;

	left: 0;

	opacity: 1;

}

body.modal-contact-active #modal-contact .mess_cont {

	z-index: 9;

	position: relative;

	-webkit-animation: mfadeIn 1.4s cubic-bezier(.785, .135, .15, .86) .8s 1 both;

	animation: mfadeIn 1.4s cubic-bezier(.785, .135, .15, .86) .8s 1 both;

}



body.modal-contact-active #modal-contact:after {

	-webkit-animation: scaleInBackground 1s cubic-bezier(.785,.135,.15,.86) .6s 1 both;

    animation: scaleInBackground 1s cubic-bezier(.785,.135,.15,.86) .6s 1 both;

}



body.modal-contact-leave #modal-contact {

	left: 0;

	opacity: 1;

	z-index: 30;

	-webkit-animation: fadeOut 1.4s cubic-bezier(.785, .135, .15, .86) -.1s 1 both;

	animation: fadeOut 1.4s cubic-bezier(.785, .135, .15, .86) -.1s 1 both;

}

body.modal-contact-leave #modal-contact .mess_cont {

	-webkit-animation: fadeOut 1.4s cubic-bezier(.785, .135, .15, .86) 0s 1 both;

	animation: fadeOut 1.4s cubic-bezier(.785, .135, .15, .86) 0s 1 both;

}

body.modal-contact-leave #modal-contact:after {

	-webkit-animation: scaleOutBackground .6s cubic-bezier(.785, .135, .15, .86) -.3s 1 both;

	animation: scaleOutBackground .6s cubic-bezier(.785, .135, .15, .86) -.3s 1 both

}



.messx_cont {

	width: 100%;

	display: flex;

	align-items: flex-end;

}





.messx_cont .mess_l {

	float: left;

	width: 60%;

}



.messx_cont .mess_r {

	float: right;

	width: 40%;

	padding-left: 60px;

}



body.modal-contact-leave #modal-contact .messx_cont {

	-webkit-animation: fadeOut .4s cubic-bezier(.785, .135, .15, .86) 0s 1 both;

	animation: fadeOut .4s cubic-bezier(.785, .135, .15, .86) 0s 1 both;

}







@-webkit-keyframes scaleInBackground {

	0% {

		opacity: 1;

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

	}



	to {

		opacity: 1;

		transform: scale(100) translate(50%, 50%)

	}



}



@keyframes scaleInBackground {

	0% {

		opacity: 1;

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

	}



	to {

		opacity: 1;

		transform: scale(100) translate(50%, 50%)

	}



}



@-webkit-keyframes scaleOutBackground {

	to {

		opacity: 1;

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

	}



	0% {

		opacity: 1;

		transform: scale(100) translate(50%, 50%)

	}



}



@keyframes scaleOutBackground {

	to {

		opacity: 1;

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

	}



	0% {

		opacity: 1;

		transform: scale(100) translate(50%, 50%)

	}



}



.messx_cont .mess_l .index_title {

	line-height: 1.2;

}



.container-input {

	position: relative;

	transition: all .3s ease-in-out;

	transition-delay: 0s;

}



.container-input input {

	outline: none;

	z-index: 1;

	position: relative;

	background: none;

	width: 100%;

	height: 60px;

	border: 0;

	color: #212121;

	font-size: 20px;

	font-weight: 400;

}



.container-input textarea {

	outline: none;

	z-index: 1;

	position: relative;

	background: none;

	width: 100%;

	height: 60px;

	border: 0;

	color: #212121;

	font-size: 24px;

	font-weight: 400;

}



.container-input input:valid ~ label {

	color: #D6D6D6;

	transform: translate(-12%, -50%) scale(0.75);

}



.container-input input:focus ~ .bar:before,

.container-input input:focus ~ .bar:after {

	width: 50%;

}



.container-input input:focus ~ label {

	color: #D6D6D6;

	transform: translate(-12%, -50%) scale(0.75);

}



.container-input label {

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

	font-weight: 400;

	color: #999999;

	line-height: 60px;

	-webkit-transition: 0.2s ease;

	-moz-transition: 0.2s ease;

	transition: 0.2s ease;

}



.container-input label.error {

	position: absolute;

	bottom: -30px !important;

	top: inherit;

	line-height: 25px;

	color: #D6D6D6;

	transform: none !important;

}



.error {

	color: #D6D6D6;

}



.container-input .bar {

	position: absolute;

	left: 0;

	bottom: 0;

	background: #F0F0F0;

	width: 100%;

	height: 1px;

}



.container-input .bar:before,

.container-input .bar:after {

	content: "";

	position: absolute;

	background: #242424;

	width: 0;

	height: 1px;

	transition: 0.2s ease;

}



.container-input .bar:before {

	left: 50%;

}



.container-input .bar:after {

	right: 50%;

}



.mbutton {

	margin-top: 0.5rem;

	width: 197px;

	height: 55px;

	background: #FFFFFF;

	border: 1px solid #F0F0F0;

	border-radius: 2px;

	line-height: 55px;

}



.mbutton i {

	color: #CCCCCC;

	font-weight: 400;

	font-style: normal;

	background-image: url("../images/messico.png");

	background-size: 16px 16px;

	background-position: right;

	background-repeat: no-repeat;

	padding-right: 25px;

}

.mbutton:hover {

	background: #DE3232;

	border: 1px solid #DE3232;

	 -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}

.mbutton:hover i {

	color: #FFFFFF;

	background-image: url("../images/messicow.png");

}



.messform .selext {

	margin-top: 0.6rem;

}



.messform .form-control {

	font-size: 14px;

	padding: 0;

	color: #999999;

	border: none;

	height: 46px;

	border-radius: 0;

	background: none;

	box-shadow: inherit;

	border-bottom: 1px solid #F0F0F0;

}



.mess_agree {

	margin-top: 38px;

	padding: 0;

}



.mess_agree label {

	margin-bottom: 0;

	color: #333333;

}



.mess_agree label a.online {

	color: #333333;

	position: relative;

}



.mess_agree label a.online:before {

	content: "";

	position: absolute;

	left: 0;

	width: 100%;

	bottom: -2px;

	height: 1px;

	background: #242424;

}



.mess_agree input[type="radio"] {

	position: absolute;

	opacity: 0;

}



.mess_agree  input[type="radio"] + .radio-label:before {

	content: '';

	background: #f4f4f4;

	border-radius: 100%;

	border: 1px solid #DE3232;

	display: inline-block;

	width: 19px;

	height: 19px;

	position: relative;

	top: 3px;

	margin-right: 1em;

	vertical-align: top;

	cursor: pointer;

	text-align: center;

	-webkit-transition: all 250ms ease;

	transition: all 250ms ease;

}



.mess_agree  input[type="radio"]:checked + .radio-label:before {

	background-color: #DE3232;

	box-shadow: inset 0 0 0 4px #fff;

}



.mess_agree  input[type="radio"]:focus + .radio-label:before {

	outline: none;

	border-color: #DE3232;

}



.mess_agree  input[type="radio"]:disabled + .radio-label:before {

	box-shadow: inset 0 0 0 4px #fff;

	border-color: #b4b4b4;

	background: #b4b4b4;

}



@media screen and (max-width:767px) {

	#modal-contact:after {

		bottom: 4.5rem;

		position: fixed;

	}



	.menu-bg {

		position: absolute;

		display: block;

		width: 200%;

		left: -53%;

		top: -25%;

		height: 40%;

		background-color: white;

	}



	.menu-bg.middle {

		top: 29%;

		left: -53%;

		transform: rotate(-45deg) scaleY(0);

	}



	.menu-bg.top {

		left: -34%;

		top: 0;

		transform: rotate(-45deg) translateY(-152%);

	}



	.menu-bg.bottom {

		top: 105%;

		transform: rotate(-45deg) translateY(25%);

		left: -20%;

	}

	.mess_logo img {

	    max-width: 200px;

	}



}





/*yanzheng*/

.mt60 {

	margin-top: 0.45rem;

}

.mess_border {

	margin-top: 0.6rem;

	width: 100%;

	background: #FFFFFF;

	border: 1px solid #F0F0F0;

	border-radius: 26px;

	padding: 1px 4px;

	height: 46px;

}



.verify-bar-area {

	width: 100% !important;

	position: relative;

	text-align: center;

}



.verify-bar-area:before,

.verify-bar-area:after {

	content: "";

	position: absolute;

	top: 2px;

	width: 38px;

	height: 38px;

	background: #F0F0F0;

	border-radius: 50%;

}



.verify-bar-area:before {

	left: 0px;

}



.verify-bar-area:after {

	right: 2px;

}



.verify-bar-area .verify-msg {

	z-index: 3;

	color: inherit;

}



.verify-bar-area .verify-left-bar {

	position: absolute;

	top: 2px;

	left: 0px;

	cursor: pointer;

}



.verify-bar-area .verify-move-block {

	position: absolute;

	top: 0px;

	left: 0;

	background: #F0F0F0;

	border-radius: 50%;

	cursor: pointer;

	z-index: 10;

}

.cicle {

	animation:rotate 4s linear infinite;

}

@keyframes rotate {

	from {

		transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

	}

}



.verify-bar-area .verify-move-block i {

	background-image: url("../images/logomess.png");

	background-size: 26px 20px;

	background-position: center;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	left: 0;

	position: absolute;

}



#hdyz {

	opacity: 0;

	border: none;

	width: 0;

	height: 0;

}



.mess_r .nav_add {

	padding-bottom: 0.5rem;

}



.mess_r .nav_add:last-child {

	padding-bottom: 0;

}



.mess_r .nav_add p:nth-child(1) {

	font-weight: 400;

	line-height: 1.2;

	color: #999999;

	margin-bottom: 15px;

}



.mess_r .nav_add p:nth-child(2) {

	line-height: 1.2;

	color: #333333;

}



.mess_r .nav_add .link {

	position: relative;

	display: inline-block;

	padding-bottom: 15px;

	color: #666;

}



.mess_r .nav_add .link:before {

	content: "";

	width: 100%;

	height: 1px;

	left: 0;

	bottom: 0;

	position: absolute;

	background: #666666;

}



.mess_r .nav_add .link:after {

	content: "";

	width: 100%;

	height: 1px;

	left: 0;

	bottom: 0;

	position: absolute;

	background: #666666;

}



.mess_r .nav_add .link:hover {

	color: #333;

}

.mess_logo {

	opacity: 0;

}

.mess_close {

	position: absolute;

	right: 25px;

	top:30px;

	margin-bottom: 8px;

	opacity: 0;

	cursor: pointer;

	z-index: 10;

}

.show .mess_logo,.show .mess_close {

	-webkit-animation: mfadeIn .5s cubic-bezier(.785, .135, .15, .86) .4s 1 both;

    animation: mfadeIn .5s cubic-bezier(.785, .135, .15, .86) .4s 1 both;



}

.mess_close img {

	width:32px;

}

@-webkit-keyframes buttonFadeInUp {

	0% {

		bottom: 30px;

		opacity: 0;

	}



}



@-moz-keyframes buttonFadeInUp {

	0% {

		bottom: 30px;

		opacity: 0;

	}



}



@keyframes buttonFadeInUp {

	0% {

		bottom: 30px;

		opacity: 0;

	}



}







@media only screen and (min-width:1280px) {

	.cus_list {

		padding-top: 0.6rem;

	}



	.container-input input {

		font-size: 0.16rem;

	}



	.messform .form-control {

		font-size: 0.16rem;

	}



}



@media screen and (max-width:1279px) {

	.mess_border,

	.messform .selext,

	.mbutton,.mt60 {

		margin-top: 40px;

	}



}



@media screen and (max-width:767px) {

	.container-input {

		margin-bottom: 30px;

	}



	.mess_border,

	.messform .selext,

	。mbutton {

		margin-top: 0px;

	}



	.container-input input {

		font-size: 16px;

	}



	#modal-contact {

		overflow-y: auto;

	}



	.messx_cont {

		display: block;

	}



	.messx_cont .mess_l {

		width: 100%;

	}



	.messx_cont .mess_r {

		float: left;

		width: 100%;

		padding-left: 0;

		padding-top: 30px;

	}



	.mess_r .nav_add {

		padding-bottom: 15px;

	}



	.mess_close {

		position: fixed;

		top: 25px;

		right: 20px;

		bottom: 0;

		width: 20px;

		height: 20px;

		font-size: 34px;

		color: #999999;

	}



}



/*index new*/

.index_new {

	padding-bottom: 1rem;

}



.in_width {

	margin-top: 45px;

	position: relative;

}



.in_width .in_small {

}



.new_swiper {

	position: relative;

	width: 100%;

	height: 100%;

}



.new_swiper:after {

	content: "";

	position: absolute;

	top: 0;

	right: -40%;

	width: 40%;

	height: 100%;

	background: #FFFFFF;

	opacity: 0.9;

	z-index: 1;

}



.new_swiper .swiper-container {

	overflow: initial;

}



.new_swiper .bg {

	position: relative;

	overflow: hidden;

	border-radius: 3px;

}



.new_swiper .bg .img {

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

}



.new_swiper .swiper-slide .name {

	padding-bottom: 10px;

	height: 35px;

	color: #666;

}



.new_swiper .swiper-slide .time {

	padding-top: 20px;

	padding-bottom: 5px;

	 font-family: "PingFang SC";

	font-weight: 400;

	line-height: 20px;

	color: #CCCCCC;

}



.new_swiper .swiper-slide h3 {

	font-weight: 400;

	line-height: 30px;

	height: 60px;

	color: #333333;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.new_swiper .swiper-slide .bg a {

	cursor: url(../images/newico2.png) 60 60, w-resize;

}



.new_swiper .swiper-slide:hover .img {

	transform: scale(1.05);

}



.new_swiper .swiper-slide:hover h3 {

	color: #DE3232;

}



.in_small .swiper-scrollbar {

	display: none;

}



@media only screen and (min-width:1280px) {

	.new_swiper .swiper-slide h3 {

		line-height: 0.3rem;

		height: 0.8rem;

	}



}



@media screen and (max-width:1279px) {

}



@media screen and (max-width:540px) {

	.new_swiper::after {

		display: none;

	}



	.new_swiper .swiper-container {

		padding-bottom: 15px;

	}



	.in_small .swiper-scrollbar {

		display: block;

	}



	.swiper-container-horizontal > .swiper-scrollbar {

		background: #F0F0F0;

		height: 2px;

		bottom: 0;

	}



	.swiper-container .swiper-scrollbar-drag {

		height: 2px;

		background: #DE3232;

	}



	.new_swiper .swiper-slide h3 {

		height: 52px;

		line-height: 26px;

	}



}



/*index last*/

.index_about {

	width: 100%;

	height: 100vh;

	position: relative;

	display: flex;

	align-items: center;

	z-index: 1;

}



.index_about:before {

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: absolute;

	background-color: rgba(255, 255, 255, 0.1);

	z-index: 10;

}



.index_about video {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	/*	object-fit:fill;*/

	object-fit: cover;

	pointer-events: none;

	z-index: 1;

}



.about_bg {

	width: 100%;

	padding: 1rem 0 0.9rem 0;

	background: #FFFFFF;

	border-radius: 3px;

	text-align: center;

	position: relative;

	z-index: 10;

}



.about_bg h3 {

	padding-top: 0;

	color: #333333;

	line-height: 1.3;

}



.about_bg .title_one {

	padding-bottom: 0.2rem;

}



.about_more {

	max-width: 638px;

	margin: 0 auto;

	margin-top: 0.9rem;

	border: 1px solid #DE3232;

	border-radius: 3px;

	overflow: hidden;

}



.about_more ul li {

	width: 50%;

	float: left;

	height: 63px;

	position: relative;

}



.about_more ul li:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: #fff;

	z-index: 7;

}



.about_more ul li:after {

	content: "";

	position: absolute;

	width: 0;

	height: 100%;

	left: 0;

	top: 0;

	background: #DE3232;

	z-index: 7;

}



.about_more ul li:nth-child(1) {

	border-right: 1px solid #DE3232;

}



.about_more ul li a {

	line-height: 63px;

	padding: 0 25px;

	position: relative;

	z-index: 8;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.about_more ul li span {

	font-weight: 400;

	line-height: inherit;

	color: #242424;

}



.about_more ul li i {

	width: 16px;

	height: 16px;

	background-image: url("../images/more2_icon.png");

	background-size: 100%;

	background-repeat: no-repeat;

}



.about_more ul li:nth-child(1):before {

	background: #DE3232;

}



.about_more ul li:hover:before {

	opacity: 0;

}



.about_more ul li:hover:after {

	width: 100%;

}



.about_more ul li:nth-child(1) span,.about_more ul li:hover span {

	color: #fff;

}



.about_more ul li:nth-child(1) i,.about_more ul li:hover i {

	background-image: url("../images/more_icon.png");

}



@media only screen and (min-width:1280px) {

	.about_more ul li:hover:after {

		-webkit-transition: all 0.4s;

		-moz-transition: all 0.4s;

		-ms-transition: all 0.4s;

		-o-transition: all 0.4s;

		transition: all 0.4s;

	}



}



@media screen and (max-width:767px) {

	.index_about {

		min-height: 460px;

		height: auto;

	}



	.about_bg {

		padding: 30px;

	}



	.about_more {

		border: none;

		border-radius: 0;

	}



	.about_more ul li {

		width: 100%;

		margin-bottom: 15px;

		background: #FFFFFF;

		border: 1px solid #DE3232;

		border-radius: 2px;

	}



	.about_bg .index_title {

		font-size: 22px;

		line-height: 1.4;

	}



}



/*about*/

.page_ban {

	position: relative;

	height: 100vh;

	width: 100%;

}



.page_ban .bg {

	width:100%;

	height: 100%;

	position: relative;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.page_ban .mask {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: linear-gradient(135deg, #000000 0%, rgba(0, 0, 0, 0) 100%);

	opacity: 0.2;

}

.page_ban  .m_container {

	width:100%;

	height: 100%;

	display: flex;

	align-items: center;

	position: relative;

	z-index: 8;

}

.page_ban h2{font-size: 60px;

font-weight: bold;

line-height: 1.2;

color: #FFFFFF;}

.page_ban h2:nth-child(2) {

	position: relative;

}

.page_ban h2:nth-child(2):after {

content: "";	

height: 30px;

position: absolute;

left: 0;

bottom: 0;

width: 0;

background: #DE3232;

z-index: -1;

}

.aos-animate h2:nth-child(2):after {

	-webkit-animation: mwidth .6s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

    animation: mwidth .6s cubic-bezier(.785,.135,.15,.86) .4s 1 both;

}

.page_ban p {

	color: #FFFFFF;

	margin-top: 20px;

}

.page_ban .down {

	position: absolute;

	bottom: 10%;

	left: 15px;

}

.page_ban .down a {

	display: inline-block;

	width: 53px;

height: 53px;

line-height: 52px;

text-align: center;

border: 1px solid #FFFFFF;

border-radius: 50%;

}

.page_ban .down a:before {

	content: "";

	left: 50%;

	top: 50%;

	height: 0;

	width: 0;

	position: absolute;

	border-radius: 50%;



	 -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

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

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

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

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

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

	z-index: -1;

}

.page_ban .down a:hover {

	border: 1px solid #FE9445;

}

.page_ban .down a:hover:before {

	background: #FE9445;

	width:100%;

	height: 100%;

}

.page_ban .video_more {

	position: absolute;

	right: 0;

	margin-right: 31px;

	bottom: 20%;

	width: 63px;

	height: 63px;

	padding:5px;

}

.page_ban .video_more a{

	display: inline-block;

	position: relative;

	width: 53px;

height: 53px;

line-height: 52px;

text-align: center;

background: #DE3232;

border-radius: 50%;}

.page_ban .video_more p {

	color: #FFFFFF;

	margin-top: 0;

	position: absolute;

	right: 50%;

	top: 110%;

	text-align: center;

	margin-right:-50px;

	width: 100px;



}

.page_ban .video_more span {

	content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background:rgba(222,50,50, 0.6);

    border-radius: 50%;

    opacity: 0;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

     -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;



}

.page_ban .video_more:hover span{

	-webkit-animation: scale 2s linear infinite;

    -moz-animation: scale 2s linear infinite;

    -ms-animation: scale 2s linear infinite;

    animation: scale 2s linear infinite;

}



.reveal-modal-bg { 

	position: fixed; 

	height: 100%;

	width: 100%;

	background: #000;

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

	z-index: 100;

	display: none;

	top: 0;

	left: 0; 

}



.reveal-modal {

	visibility: hidden;

	top: 50%;

	left: 50%;

	max-width:1000px;

	width: 90%;

	position: absolute;

	z-index: 101;

	padding: 30px 40px 34px;

	

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

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

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

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

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

}



.reveal-modal.xlarge { width: 100%;text-align: center;}

.reveal-modal video { max-height:100%; max-width:100%;opacity: 0;}

.reveal-modal .close-reveal-modal {

	font-size: 22px;

	line-height: .5;

	position: absolute;

	top: 8px;

	right: 11px;

	color: #FFFFFF;

	text-shadow: 0 -1px 1px #FFFFFF;

	font-weight: bold;

	cursor: pointer;

} 

.video_mask .reveal-modal.active {

	display:block;

	opacity: 1;

	visibility:visible;

}

.video_mask .reveal-modal.active video {

	opacity: 1;

	 -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}

.page_ban .modal-lg {

	max-width: 1000px;

}

.page_ban .modal-content {

	background:none;

	border: none;

}

.page_ban .modal-body {

	padding: 15px 0 0 0;

}

.page_ban .modal-body video {

	width: 100%;

	height: 100%;

}

.modal-header.pd0 {

	padding:0;

	align-items: flex-end;

	border-bottom:  0;

}

.modal-header .close {

	margin: 0 0 0 auto;

	padding: 15px 15px 0 0;

	font-size: 0;

}





@keyframes scale {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  70% {

    opacity: 1;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}



.about_one {

	position:relative;

	width: 100%;

}



.about_video  {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}

.about_video video {

	width: 100%;

	height: 100%;

	object-fit: cover;

	pointer-events: none;

}

.about_up {

	background:#FFFFFF;

	padding-top: 0.9rem;

	padding-bottom: 0.94rem;

	width:100%;

	

}

.about_up .m_container {

	position: relative;

}

.about_up .m_container:before {

	content: "";

	position: absolute;

	right: 15px;

	width: 1px;

	top: -0.9rem;

	height: 0.9rem;

background: #FE9445;

}

.about_up .m_container:after {

	content: "";

	position: absolute;

	right: 15px;

	width: 1px;

	top: -1.8rem;

	height: 0.9rem;

background: #fff;

}

.about_up .left {

	width: 45%;

	padding-right: 50px;

	line-height: 1.4;

	color: #333333;

}



.about_up .right {

	width:55%;

}

.about_up .right h3 {

	line-height: 1.2;

	color: #333333;

	margin-bottom: 0.85rem;

}

.about_up .right h3 strong {

padding-right: 50px;

position: relative;

}

.about_up .right h3 strong:after {

	content: "";

	position: absolute;

	left:calc(100% - 40px);

	top: 50%;

	width: 0;

height: 1px;

background: #242424

}

.about_up .right.aos-animate h3 strong:after {

	width: 40px;

	 -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

    transition: all 0.8s;

}



.about_mid {

	width:100%;

}

.about_mid .left {

	max-width: 64%;

	padding-right: 30px;

}

.about_mid .m_container {

	padding-top: 1.7rem;

	position: relative;

}

.about_mid .stamp {

	position: absolute;

	top: -60px;

	left: 15px;

}

.about_text h3 {

	font-weight: bold;

	line-height: 1.2;

	color: #FFFFFF;

	}



.about_text h3 strong {

padding-right: 50px;

position: relative;

}

.about_text h3 strong:after {

	content: "";

	position: absolute;

	left:calc(100% - 40px);

	top: 50%;

	width: 0;

height: 1px;

background: #FFFFFF

}

.aos-animate .about_text h3 strong:after {

	width: 40px;

	 -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}	

.about_des {

	padding-top: 20px;

}

.about_des p {

	font-weight: 400;

	line-height: 1.2;

	color: #FFFFFF;

}

.about_down {

	padding-top: 35px;

	padding-bottom: 2.1rem;

}

.about_down p{

	color: #FFFFFF;

}

.about_time {

	position:absolute;

	right: 15px;

	bottom: 0;

	max-width: 36%;

}

.about_time span {

	display: inline-block;

}

.about_time span:first-child{

color: #FFFFFF;

padding-bottom: 20px;

}

.about_time span:nth-child(3) {

	opacity: 0.5;

}



.about_last {

	background:#FFFFFF;

	padding-bottom: 0.8rem;

	width:100%;

}

.about_last .m_container:before {

	content: "";

	position: absolute;

	right: 50%;

	width: 1px;

	bottom: -0.6rem;

	height: 0.6rem;

background: #FE9445;

display: none;

}

.about_last .m_container:after {

	content: "";

	position: absolute;

	right: 50%;

	width: 1px;

	bottom: -1.6rem;

	height: 0.6rem;

background: #fff;

z-index: 9;

display: none;

}



.about_last .m_container {

	position: relative;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    -webkit-align-items: flex-end;

    align-items: flex-end;

}

.about_last .left {

   width: 566px;

}

.about_last .right {

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

    width: -moz-calc(100% - 566px);

    width: calc(100% - 566px);

	padding-bottom: 60px;

	padding-left: 70px;

	padding-top: 0.5rem

}



.about_last .last_pic {

display: flex;

align-items: flex-end;

}

.about_last .last_pic .img {

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

    width: -moz-calc(100% - 40px);

    width: calc(100% - 40px);

    position: relative;

}

.about_last .last_pic .img .text {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	padding: 1.3rem 40px;

}

.about_last .last_pic .img .text p{

color: #FFFFFF;

line-height: 1.5;

font-size: 24px;

}

.about_last .last_pic .img .text p span{

	display: block;

	line-height: 1.5;

	color: #ffffff;

	font-size: 33px;

	font-family: "Lato";

	padding-top: 20px;

}

.about_last .left .eng {

	width: 20px;

color: #999999;

font-weight: 300;

float: left;

	writing-mode: vertical-lr;

  -webkit-writing-mode: vertical-lr;

  -ms-writing-mode: vertical-lr;

    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  

}



.last_name h3 {

	line-height: 1.2;

	color: #333333;

	margin-bottom: 0.2rem;

}

.last_name h3 strong {

padding-right: 50px;

position: relative;

}

.last_name h3 strong:after {

	content: "";

	position: absolute;

	left:calc(100% - 40px);

	top: 50%;

	width: 0;

height: 1px;

background: #242424

}

.right.aos-animate .last_name h3 strong:after {

	width: 40px;

	 -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -o-transition: all 0.8s;

    transition: all 0.8s;

}

.last_mid {

	line-height: 1.2;

color: #333333;

padding-bottom: 0.2rem;

}

.last_des p {

	padding-bottom: 15px;

}

.last_des p:last-child {

	padding-bottom: 0;

}

.about_white {

	background-color: #fff;

}



.about_vision ul li {

	float: left;

	height: 440px;

	width: 33.33%;

	position: relative;

	overflow: hidden;

}

.about_vision .pic {

	width:100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-size: cover;

	background-position: center;

	z-index: 7;

}

.about_vision .mask {

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

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	padding-top: 80px;

	z-index: 8;

}

.about_vision .mask span{

	height: 116px;

	display: block;

	width: 100%;

}

.about_vision .mask span img {

	max-height:100%;

}

.about_vision .text {

	position: absolute;

	bottom: 0;

	padding: 0 30px;

	height: 45%;

	width: 100%;

}

.about_vision .text h3 {

font-weight: 400;

line-height: 1.2;

color: #FFFFFF;}



.about_vision .text p {

	position: relative;

	width: 100%;

	opacity: 0;

	margin-top: 0.26rem;

	padding-top: 0.56rem;

	color: #FFFFFF;

	   -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px);

     -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.about_vision .text p:after {

	content: "";

	position: absolute;

	top: 0;

	left: 50%;

	width: 1px;

	height: 0;

	background: #FFFFFF;

	-webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}

.about_vision ul li:hover .pic {

-webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03);

}

.about_vision ul li:hover .text p {

	opacity: 1;

	  -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}

.about_vision ul li:hover .text p:after {

	height: 30px;



}

.about_cus {

	padding-top: 0.9rem;

	padding-bottom: 0.9rem;

}

.about_cus .left {

	width:32%;

}

.about_cus .right {

	width:68%;

	padding-left: 60px;

}

.about_cus .left h3 {

	font-weight: bold;

}

.about_cus .index_title {

	padding-top: 0;

}

.about_cus .left p {

	padding-top: 0.3rem;

	line-height: 1.8;

}

.cust_list {

	margin-right: -11px;

	margin-left: -11px;

}

.cust_list li {

	float:left;

	width: 16.66%;

	padding:10px 11px; 

}

.cust_list li a {

	display: inline-block;

	overflow: hidden;

	border: 1px solid #F9F9F9;

	position: relative;

}

.cust_list li a span {

	display: inline-block;

	width: 100%;

	height: 100%;

	position: absolute;

	background-size: contain;

	background-position: center;

	-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

-ms-transition: all 0.4s;

-o-transition: all 0.4s;

transition: all 0.4s;

}

.aboutcus-container .swiper-slide a{

border: 1px solid #F9F9F9;

display: inline-block;

margin-bottom: 20px;

}

.cust_list li a:hover span {

	-webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03);

}

.about_honor {

	width:100%;

	padding-bottom: 0.9rem;

	background-image: url(../images/rybg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.honor_down {

	padding-top:0.5rem;

	position: relative;

	z-index: 10;

}

.honor_down .honr_list{

	position: relative;

	padding-top: 20px;

	padding-bottom: 20px;

	cursor: pointer;

}

.honor_down .honr_list:after {

	content: "";

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

height: 1px;

background: #CB9924;

opacity: 0.33;

}

.honor_down .honr_list:before {

	content: "";

	width: 0;

	position: absolute;

	left: 0;

	bottom: 0;

height: 1px;

background: #333333;



 -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}

.honor_down .hover-reveal {

	width: 230px;

	height: 308px;

}

.honor_down ul {

	margin-left: -75px;

	margin-right: -75px;

}

.honor_down ul li {

	float:left;

	width: 33.33%;

	padding: 0 75px;

	position: relative;

}

.honor_down .title {

	color: #333333;

	padding-right: 30px;

	position: relative;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.honor_down .title:before {

	content: "";

	background-image: url(../images/honorico01.jpg);

	position: absolute;

	background-size: 12px 12px;

	width: 12px;

	height: 12px;

	right: 0;

	top: 50%;

	margin-top: -6px;

}

.key .title {

	font-weight: bold;

}

.honor_down li:hover .title:before {

	background-image: url(../images/honorico02.jpg);

}

.honor_down li:hover .honr_list:before {

	width:100%;

}

.honor_down li:hover .honr_list:after {

	opacity: 0;

}

.about_job {

	padding-top: 0.9rem;

	padding-bottom: 1.2rem;

}

.about_job .index_title {

	padding-top: 0;

	font-weight: bold;

}

.about_job .team_more a:after{

	background: #FE9445;

}

.about_job .m_container {

	  position: relative;

}

.about_job .left {

	width: 320px;

	position: absolute;

	top: 50%;

	left: 15px;

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

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

    transform: translateY(-50%);

}

.about_job .team_more a:hover {

	color: #FE9445;

}



.about_job .right {

	position: relative;

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

    width: -moz-calc(100% - 520px);

    width: calc(100% - 520px);

}

.about_job .bg {

	height:615px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.about_job .right .img {

	position: absolute;

	left:-60px;

	top: 60px;

}



#cursor {

		    position: fixed;

		    width: 30px;

		    height: 30px;

		    background-image: url(../images/currorhover.jpg);

		    background-size: cover;

		    background-position: center;

		    border-radius: 50%;

		    opacity: 1;

		    z-index: 100;

		    pointer-events: none;

		    /*transition: .2s ease-in-out;

		    transition-property: background, opacity, transform*/

		}

		#cursor.hover {

		    opacity: 1;

		    transform: scale(2);

		    background-image: url(../images/curror.jpg);



		}

		#cursor.active {

		    opacity: .5;

		    transform: scale(0.5)

		}

		#cursor.hidden {

		    opacity: 0

		}

		#cursor.hiden {

			opacity: 0!important;

		}



@keyframes mwidth {

    0% {

        width: 0

    }



    100% {

        width:100%

    }



}



@media only screen and (min-width:1280px) {

.page_ban h2{

	font-size: 0.73rem;

 }

.about_des p {

	font-size: 0.43rem;

}

.about_job .team_more {

	padding-top: 1rem;

}



}



@media screen and (max-width:1279px) {

.page_ban h2{

	font-size: 50px;

 }

.about_last .left {

   width: 466px;

}

.about_last .right {

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

    width: -moz-calc(100% - 466px);

    width: calc(100% - 466px);

}



.honor_down ul {

	margin-left: -35px;

	margin-right: -35px;

}

.honor_down ul li {

	padding: 0 35px;

}

.about_job .right {

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

    width: -moz-calc(100% - 320px);

    width: calc(100% - 320px);

}



}



@media screen and (max-width:991px) {

.page_ban h2{

	font-size: 40px;

 }

 .about_last .left {

   width: 466px;

}

.about_last .right {

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

    width: -moz-calc(100% - 466px);

    width: calc(100% - 466px);

    padding-left: 50px;

}

.about_cus .left {

	width:100%;

}

.about_cus .right {

	width:100%;

	padding-left: 0;

	padding-top: 30px;

}

.about_job .right {

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

    width: -moz-calc(100% - 220px);

    width: calc(100% - 220px);

}

}

@media screen and (max-width:767px) {

.page_ban h2{

	font-size: 30px;

 }

 .page_ban .bg {

 	background-position: 10%;

 }

 .page_ban .video_more {

    position: absolute;

    left: 50%;

    margin-right: inherit;

    bottom: 20%;

    width: 63px;

    height: 63px;

    padding: 5px;

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

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

    transform: translateX(-50%);

}

.page_ban .video_more p {

    position: absolute;

    right: 50%;

    top: 100%;

    margin-right: -50px;

    width: 100px;

}

.reveal-modal {

	padding:30px;

}

.about_up {

    padding-top: 50px;

    padding-bottom: 50px;

}

 .about_up .right h3 strong:after,.last_name h3 strong:after,.about_text h3 strong:after {

 	width: 40px;

 }

.page_ban .down {

    position: absolute;

    bottom: 5%;

    left: 15px;

}

.page_ban .down a {

	width: 28px;

	height: 28px;

	line-height: 28px;

}

.page_ban .down a img {

	width:12px;

}

.about_up .right h3 {

	margin-bottom:50px;

}



.about_up .left {

	width:100%;

	padding-right: 0;

}

.about_up .right {

    width: 100%;

    padding-top: 30px;

    padding-bottom: 50px;

}

.about_mid {

	position: relative;

}

.about_mid .about_video {

	height:210px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 7;

}

.about_gif {

	width:100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.about_mid .m_container {

	z-index: 8;

}

.about_text h3 strong:after {

	background-color: #333;

}

.about_text h3,.about_des p,.about_down p {



color: #333333;

}

.about_mid .left {

	width:100%;

	max-width: 100%;

	padding-right: 0;

	padding-top: 230px;

}

.about_time {

    position: absolute;

    right: 15px;

    top: 115px;

    bottom:inherit;

    width: 140px;

    max-width: inherit;

}

.about_mid .stamp {

    top: -30px;

}

.about_last .m_container {

	display: inherit;

}

.about_last .left {

	width:calc(100% + 30px);

	margin-right: -15px;

	margin-left: -15px;

}

.about_last .right {

	width:100%;

	float: left;

	padding-left: 0;

	padding-top: 30px;

}

.about_last .last_pic {

	display: block;

	transform:inherit!important;

}

.about_last .left .eng {

	display: none;

}

.about_last .last_pic .img {

	width:100%;

}

.about_last .last_pic .img .text {

    padding:25% 15px 0 15px;

}

.last_mid {

	padding-top: 30px;

	padding-bottom: 20px;

}

.about_vision ul li {

    float: left;

    height: 270px;

    width: 100%;

    position: relative;

    overflow: hidden;

}

.about_vision .mask {

    padding-top: 40px;

}

.about_vision .mask span {

    height: 55px;

}

.about_vision .text {

    height: 52%;

}

.about_vision .text p {

	opacity: 1;

	margin-top:20px;

	padding-top: 35px;

	-webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

}

.about_vision .text p:after {

    height: 30px;

}

.about_cus {

    padding-top: 50px;

    padding-bottom: 50px;

}

.about_cus .left p {

    padding-top: 30px;

}

.honor_down ul li {

	width: 100%;

}

.about_honor {

    width: 100%;

    padding-bottom:50px;

}

.about_job {

    padding-top: 50px;

    padding-bottom:0;

}

.about_job .left {

    width: 100%;

    position: inherit;

    top: inherit;

    left: inherit;

    transform: none;

    padding-bottom: 50px;

}

.about_job .right {

	margin-left: -15px;

	margin-right: -15px;

    width:calc(100% + 30px);

}

.about_job .right .img {

	display:none!important;

}



}





@media screen and (max-width:540px) {

.cust_list {

	margin-right: -5px;

	margin-left: -5px;

}

.cust_list li {

	float:left;

	width: 50%;

	padding:5px; 

}





}





/*job*/

.job_ban {

	height: 583px;

	position: relative;

	overflow: hidden;

}



.job_ban:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

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

}



.job_ban .job_ico {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	right: 0;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 9;

}



.job_ban .job_ico h2 {

	color: #fff;

	padding-top: 90px;

	line-height: 1.6;

}



.m_jobcont {

	max-width: 1000px;

	margin: 0 auto;

	margin-top: 50px;

	margin-bottom: 80px;

}



.m_jobcont h3 {

	font-weight: bold;

	line-height: 1.2;

	color: #DE3232;

}



.m_joblist {

	border-top: 1px solid #DCDCDC;

	margin-top: 40px;

}



.m_joblist .job_card {

	border-bottom: 1px solid #DCDCDC;

}



.m_joblist .m_jobname {

	font-weight: bold;

	margin-bottom: 30px;

	margin-top: 30px;

	color: #333333;

	cursor: pointer;

	position: relative;

	padding-right: 40px;

}



.m_joblist .job_plus {

	position: absolute;

	right: 0;

	top: 5px;

}



.m_joblist .job_btn {

	width: 24px;

	height: 24px;

	position: relative;

	cursor: pointer;

}



.m_joblist .job_btn span {

	width: 100%;

	height: 2px;

	background-color: #666;

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

	transition: transform .3s;

}



.m_joblist div.collapsed .job_btn span.t {

	transform: translate(-50%, -50%) rotate(-90deg);

}



.m_joblist div.collapsed .job_btn span.a {

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

}



.m_joblist .job_btn span.a {

	transform: translate(-50%, -50%) rotate(180deg);

}



.m_joblist .job_btn span.t {

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

}



.m_joblist .job_body {

	padding: 20px 0 50px 0;

}



.m_joblist .job_body .job_left {

	width: 150px;

	margin-right: 60px;

	float: left;

}



.m_joblist .job_body .job_right {

	float: right;

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

	width: -moz-calc(100% - 210px);

	width: calc(100% - 210px);

}



.m_joblist .job_body .job_left p {

	padding-bottom: 18px;

	color: #999999;

}



.m_joblist .job_body .job_left span {

	font-size: inherit;

	color: #333333;

}



.m_joblist .job_body .job_right strong {

	line-height: 26px;

	color: #333333;

}



.m_joblist .job_body .job_right p {

	line-height: 1.6;

}

.m_joblist .job_body .job_right .dian {padding-bottom: 18px;}

.m_joblist .job_body .job_right .dian p{font-size: inherit;position: relative;padding-left: 10px;}

.m_joblist .job_body .job_right .dian p:before {

content: "·";

position: absolute;

top: 0;

left: 0;

}

.m_joblist .job_body .job_right p.pb15 {

	padding-bottom: 10px;

}



.m_jobcont .m_jobtext {

	padding-top: 40px;

}

.m_jobcont .m_jobtext a:hover{

color: #DE3232;

}

.job_apply {

	text-align: right;

}



.job_apply a {

	width: 120px;

	height: 50px;

	display: inline-block;

	background: #DE3232;

	color: #FFFFFF;

	line-height: 50px;

	border: 1px solid #DE3232;

	border-radius: 3px;

	text-align: center;

}



.job_apply a:hover {

	background: rgba(222, 50, 50, 0.9);

	border: 1px solid rgba(222, 50, 50, 0.9);

}



@media screen and (max-width:540px) {

	.job_ban {

		height: 300px;

	}



	.job_ban .job_ico h2 {

		padding-top: 50px;

	}



	.m_jobcont h3 {

		font-size: 22px;

	}



	.m_joblist .m_jobname {

		margin-bottom: 20px;

		margin-top: 20px;

	}



	.m_joblist .job_body .job_left {

		width: 100%;

		margin-right: 0;

	}



	.m_joblist .job_body .job_right {

		width: 100%

	}



	.m_joblist .job_btn span {

		width: 20px;

	}



	.job_apply a {

		width: 100px;

		height: 40px;

		line-height: 40px;

	}



}



/*job form*/

.jobpt100 {

	padding-top: 100px;

}

.jobpt100 .m_jobcont {

	max-width: 950px;

    margin-top: 50px;

    margin-bottom: 0;

}

.jobpt100 .m_jobcont h3 {

	color: #333;

	padding-bottom: 20px;

	border-bottom: 1px solid #F0F0F0;

}



.jobpt100 .m_jobcont h3 span {

	font-weight: 500;

	display: block;

	color: #666666;

	padding-bottom: 10px;

}



.jobform {

	padding-bottom: 40px;

}



.m_jobwidth {

	max-width: 950px;

	margin: 0 auto;

}



.jobform_one {

	padding-top: 50px;

	border-bottom: 1px solid #F0F0F0;

}



.jobform_one .left {

	width: 32%;

	font-weight: bold;

	color: #333333;

}



.jobform_one .right {

	width: 68%;

}



.jobform_one .right .col-sm-6, .jobform_one .right .col-sm-12 {

	padding-bottom: 40px;

}



.jobform_one .job_input {

	position: relative;

	width: 100%;

}



.jobform_one .job_input input[type=text], .selext {

	width: 100%;

	height: 46px;

	margin-top: 10px;

	background: #FFFFFF;

	padding: 10px;

	line-height: 36px;

	border: 1px solid #DCDFE6;

	border-radius: 4px;

	outline: 0;

	float: left;

}

.jobform_one label.error {

	position: absolute;

	left: 0;

	margin: 0;

	bottom: -25px;

	color: #DE3232;

}

.jobform_one .job_input input[type=text]:focus,.jobform_one .job_input input[type=text]:hover,

select.selext:focus,select.selext:hover {

	border: 1px solid #FE9445;

}

select.selext {

	cursor: pointer;

}

.jobform_one .job_input input[type=text].error,.selext.error,.jobform_one .job_input textarea.error {

	border: 1px solid #DE3232;

}

.jobform_one .job_input input::-webkit-input-placeholder {

	color: #C0C4CC;

	font-size: 14px;

}



.jobform_one .job_input input::-moz-input-placeholder {

	color: #C0C4CC;font-size: 14px;

}



.jobform_one .job_input input::-ms-input-placeholder {

	color: #C0C4CC;font-size: 14px;

}



.jobform_one .job_input textarea {

	width: 100%;

	margin-top: 10px;

	height: 118px;

	background: #FFFFFF;

	position: relative;

	border: 1px solid #DCDFE6;

	border-radius: 4px;

	padding: 10px;

	outline: 0;

	float: left;

}

.jobform_one .job_input textarea:focus,.jobform_one .job_input textarea:hover {

	border: 1px solid #FE9445;

}

.jobform_one .job_input textarea::-webkit-input-placeholder {

	color: #C0C4CC;font-size: 14px;

}



.jobform_one .job_input textarea::-moz-input-placeholder {

	color: #C0C4CC;font-size: 14px;

}



.jobform_one .job_input textarea::-ms-input-placeholder {

	color: #C0C4CC;font-size: 14px;

}







.job_radio {

	line-height: 46px;

	margin-top: 10px;

}

.radio_width label {

	margin-bottom: 0;

}

.radio_width input[type="radio"] {

  position: absolute;

  opacity: 0;

}

.radio_width input[type="radio"] + .radio-label:before {

  content: '';

  border-radius: 100%;

  display: inline-block;

  width: 13px;

height: 13px;

background: #FFFFFF;

border: 2px solid #DCDFE6;

border-radius: 50%;

margin-right: 10px;

  position: relative;

  cursor: pointer;

  text-align: center;

  -webkit-transition: all 250ms ease;

  transition: all 250ms ease;

}

.radio_width input[type="radio"]:checked + .radio-label:before {

 background: #FFFFFF;

border: 4px solid #FE9445;

}

.radio_width input[type="radio"]:focus + .radio-label:before {

  outline: none;

  background: #FFFFFF;

border: 4px solid #FE9445;

}

.radio_width input[type="radio"]:disabled + .radio-label:before {

  box-shadow: inset 0 0 0 4px #f4f4f4;

  border-color: #b4b4b4;

  background: #b4b4b4;

}

.radio_width input[type="radio"] + .radio-label:empty:before {

  margin-right: 0;

}



.job_radio .radio_width {

	float: left;

	padding-right: 20px;

}

.jobform_one .red {

	color: #DE3232;

	margin-left: 5px;

}



.jobform_one .color3 {

	color: #333;

}



.job_submit {

	text-align: right;

	padding-top: 20px;

	padding-bottom: 20px;

	background-color: #fff;

	 -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

	position: fixed;

	width: 100%;

	top: inherit!important;

	left: 0;

	bottom: 0;

	z-index: 99;

}

.job_submit.box{box-shadow: 0px -3px 6px rgba(127, 132, 144, 0.102);}

.job_submit .jobapply {

	width: 120px;

	height: 40px;

	border: none;

	line-height: 40px;

	color: #FFFFFF;

	background: #DE3232;

	border-radius: 2px;

	margin-left: 20px;

}



.job_submit .jobres {

	width: 120px;

	height: 40px;

	line-height: 40px;

	background: #F0F0F0;

	border: none;

	color: #999999;

	border-radius: 2px;

}

.job_submit .jobapply:hover {background: #FE9445;}

.mess_code {

	max-width: 200px;

}



.messyz {

	float: left;

	display: inline-block;

	padding-left: 20px;

	margin-top: 10px;

}



.messyz img {

	height: 46px;

}

.filter-box {

    position: relative;

    margin-top: 10px;

}



.filter-box select {

	display: none;

}



.filter-text {

	height: 100%;

	position: relative;

	cursor: pointer;

	padding: 0 30px 0 12px;

	background: #fff;

	border: 1px solid #DCDFE6;



border-radius: 4px;

}



.filter-text input {

	font-size: 14px;

}



.filter-text .filter-title {

	width: 100%;

	height: 46px;

	line-height: 46px;

	border: 0;

	background-color: transparent;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0;

	outline: 0;

	cursor: pointer;

}



.filter-list {

	display: none;

	width: 100%;

	max-height: 300px;

	background-color: #fff;

	font-size: 14px;

	position: absolute;

	top: 42px;

	left: 0;

	z-index: 99;

	border: 1px solid #e6e6e6;

	overflow: auto;

}



.filter-list li.filter-null a {

	color: #d2d2d2;

}



.filter-list li a {

	display: block;

	padding: 0 10px;

	line-height: 36px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	cursor: pointer;

}



.filter-list li:hover {

	background-color: #f2f2f2;

}



.filter-list li.filter-selected {

	background-color: #FE9445;

}



.filter-list li.filter-selected a{

	display: block;

	color: #fff;

}



.filter-list li.filter-disabled {

	background-color: #fff;

}



.filter-list li.filter-disabled a{

	display: block;

	color: #d2d2d2;

}



.filter-list li.filter-disabled:hover a {

	cursor: not-allowed!important;

	background-color: #fff;

}



.icon {

	position: absolute;

}



.icon-filter-arrow {

	width: 8px;

	height: 6px;

	background-repeat: no-repeat;

    background-image: url(../images/icon_arrow_down_x2.png);

    background-size: 100%;

    right: 10px;

    top: 20px;

    transition: all .2s;

}



.icon-filter-arrow.filter-show {

	-webkit-transform: rotate(-180deg);

	transform: rotate(-180deg);

}



.filter-list::-webkit-scrollbar {

	width: 4px;

	height: 4px;

}



.filter-list::-webkit-scrollbar-track {

	background: #fff 

}



.filter-list::-webkit-scrollbar-thumb {

	background: #CBCBCB;

}

@media screen and (max-width:767px) {

.jobpt100 {

    padding-top: 60px;

}

.jobform_one {

	padding-top: 20px;

}

.jobform_one .left {

	width: 100%;

	padding-bottom: 20px;

}



.jobform_one .right {

	width: 100%;

}

.jobform_one .right .col-sm-6, .jobform_one .right .col-sm-12 {

    padding-bottom: 20px;

}

.mess_code {

	max-width: 150px;

}

.messyz {

	max-width: 130px;

}

.job_submit {position: relative!important;}

.job_submit.box {box-shadow: none}

.job_submit .jobapply,.job_submit .jobres{

	width: 46%;float: left;

}



}
/* 关于我们底部公益样式 */
/* .about_bottom{
	display: flex;
	justify-content: center;
	align-items: center;
}
.about_bottom .about_bottom_gongyi{
	width: 50%;
}
.about_bottom .about_bottom_shangwu{
	width: 50%;
} */