/**
 * 层叠样式表
 * gz
 */
@charset "utf-8";

/* 网站小图标 */
@font-face {
	font-family: 'CenTuryGoThic-Bold';
	src: url('../fonts/centurygothic-bold.eot');
	src: url('../fonts/centurygothic-bold.eot') format('embedded-opentype'),
		url('../fonts/centurygothic-bold.woff2') format('woff2'),
		url('../fonts/centurygothic-bold.woff') format('woff'),
		url('../fonts/centurygothic-bold.ttf') format('truetype'),
		url('../fonts/centurygothic-bold.svg#centurygothic-bold') format('svg');
}
@font-face {
	font-family: 'CenTuryGoThic';
	src: url('../fonts/centurygothic.eot');
	src: url('../fonts/centurygothic.eot') format('embedded-opentype'),
		url('../fonts/centurygothic.woff2') format('woff2'),
		url('../fonts/centurygothic.woff') format('woff'),
		url('../fonts/centurygothic.ttf') format('truetype'),
		url('../fonts/centurygothic.svg#centurygothic') format('svg');
}
@font-face {
	font-family: 'Tungsten-Bold';
	src: url('../fonts/tungsten-bold.eot');
	src: url('../fonts/tungsten-bold.eot') format('embedded-opentype'),
		url('../fonts/tungsten-bold.woff2') format('woff2'),
		url('../fonts/tungsten-bold.woff') format('woff'),
		url('../fonts/tungsten-bold.ttf') format('truetype'),
		url('../fonts/tungsten-bold.svg#tungsten-bold') format('svg');
}


@font-face {
	font-family: 'DINEngschriftStd';
	/*src: url('../fonts/DINEngschriftStd.otf');*/
}


/*
	//放大
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);	 
	
	//居中
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	//旋转
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	
	//一行显示点
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	//几行显示点
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	
	//圆点
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	
	//去除select默认样式
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	
	input::input-placeholder { color: #fff;}
	input::-webkit-input-placeholder{ color: #fff;}
	input:-moz-placeholder { color: #fff;}
	input::-moz-placeholder { color: #fff;}
	input::-ms-input-placeholder { color: #fff;}
*/
* {
	margin: 0;
	padding: 0;
}
html{
	overflow-x: hidden;
}
html, body {
    position: relative;
}
body {
	font-family: 'Microsoft YaHei', 'Arial',  'Source Han Sans CN', 'SourceHanSerifCN',  'Helvetica', 'PingFang Regular';
	font-size: 14px;
	color: #333;
	background: #fff;
	line-height: 1!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	overflow-y: hidden;
}
li,
ol,
ul {
	list-style: none;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
ul {
	margin: 0;
	padding: 0;
}
button,
input,
textarea {
	resize: none;
	border: none;
	outline: none;
}
img {
	border: 0;
	max-width: 100%;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	text-decoration: none;
}
a:hover,
a:link,
a:visited {
	text-decoration: none;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link {
	outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
.fancybox-slide--iframe .fancybox-content {
	min-width: 733px !important;
	max-width: 80% !important;
	min-height: 500px !important;
	min-height: 92% !important;
	margin: 0;
}
.bdshare-button-style0-16 a, 
.bdshare-button-style0-16 .bds_more{
	padding: 0!important;
	margin: 0!important;
	width: 16px;
	height: 16px;
}
/*二维码*/
.bd_weixin_popup{
	width: 260px!important;
	height: 310px!important;
}
.img-box {
	position: relative;
	display: block;
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
	outline: none;
}
.img-box img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	outline: none;
	width: 100%;
	height: 100%;
}
.img-box img[src=''],
.img-box img:not([src]) {
	opacity: 0;
	border: 0;
}
.float{
	float: left;
	width: 100%;
}
/*视频*/
.fancybox-slide--iframe .fancybox-content {
	min-width: 733px !important;
	max-width: 80% !important;
	min-height: 500px !important;
	min-height: 92% !important;
	margin: 0;
}
@media (max-width: 767px) {
	.fancybox-slide--iframe .fancybox-content{
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		min-width: auto!important;
		max-width: none!important;
		width: 90%!important;
		margin-left: 5%;
		height: 220px!important;
		min-height: auto!important;
		max-height: none!important;	
	}
}

.back-load {
  position: fixed;
  z-index: 1001;
  top: 0px;
  left: 0px;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.back-load .loader-progress {
  position: absolute;
  width: 70%;
  height: 8px;
  top: 50%;
  left: -100%;
  background: #000;
  animation: linemove 1.6s cubic-bezier(0.46, 0.2, 0.5, 0.86) infinite both;
  -webkit-animation: linemove 1.6s cubic-bezier(0.46, 0.2, 0.5, 0.86) infinite both;
}
.back-load.loaded {
  opacity: 0;
}
@-webkit-keyframes linemove {
  0% {
    left: -100%;
    opacity: 1;
    width: 70%;
  }
  50% {
    left: 30%;
    opacity: 0.5;
    width: 30%;
  }
  100% {
    left: 100%;
    opacity: 0.3;
    width: 70%;
  }
}
@keyframes linemove {
  0% {
    left: -100%;
    opacity: 1;
    width: 70%;
  }
  50% {
    left: 30%;
    opacity: 0.5;
    width: 30%;
  }
  100% {
    left: 100%;
    opacity: 0.3;
    width: 70%;
  }
}
@keyframes up-down {
  from {
    transform: translate3d(0, -10px, 0px);
  }
  to {
    transform: translate3d(0, 10px, 0px);
  }
}
@-webkit-keyframes up-down {
  from {
    -webkit-transform: translate3d(0, -10px, 0px);
  }
  to {
    -webkit-transform: translate3d(0, 10px, 0px);
  }
}



.navRight{
	position: absolute;
	width: 50%;
	right: -100%;
	transition: all 0.6s ease-out 0s;
	/* transform-origin: 0px 0px; */
	height: 100%;
	background: url(../images/rightbg.jpg) repeat;
	z-index: 10;
}

.navRight-con{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding-right: 180px;
	text-align: right;
}
.Rnav{
	margin-top: 50px;
}
.Rnav ul{}
.Rnav ul li{
	float: left;
	width: 100%;
	margin-top: 24px;
}
.Rnav ul li a{
	color: #999;
}
.Rnav ul li a .Rnav-e{
	font-family: 'CenTuryGoThic-Bold';
	display: inline-block;
	font-size: 48px;
	padding-left: 72px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	background: url(../images/left-none.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.Rnav ul li a .Rnav-c{
	font-size: 24px;
	margin-top: 10px;
}
.Rnav ul li a .Rnav-p{
	font-size: 18px;
	line-height: 1.8;
	min-height: 32px;
	margin-top: 10px;
	color: #666;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	
}

.Rnav ul li:hover a{
	color: #fff;
}
.Rnav ul li:hover a .Rnav-p{
	opacity: 1;
}
.Rnav ul li:hover a .Rnav-e{
	background: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.Rshare{
	float: left;
	width: 100%;
	margin-top: 40px;
}
.Rshare .bdsharebuttonbox a{
	float: right;
	width: 35px;
	height: 31px;
	line-height: 31px;
	margin-left: 44px!important;
	position: relative;
}
.Rshare .bdsharebuttonbox a::after{
	position: absolute;
	left: -24px;
	font-size: 12px;
	color: #999;
	content: "/";
}
.Rshare .bdsharebuttonbox a:last-child::after{
	display: none;
}
.Rshare .bdsharebuttonbox a.bds_more{
	background: url(../images/r-more.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_more:hover{
	background: url(../images/r-more-on.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_dy{
	background: url(../images/r-dy.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_dy:hover{
	background: url(../images/r-dy-on.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_sqq{
	background: url(../images/r-qq.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_sqq:hover{
	background: url(../images/r-qq-on.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_weixin{
	background: url(../images/r-wx.png) no-repeat;
}
.Rshare .bdsharebuttonbox a.bds_weixin:hover{
	background: url(../images/r-wx-on.png) no-repeat;
}
.bdshare-button-style0-16 a:hover{
	opacity: 1;
}

.mainLeft{
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
	transition: all 0.6s ease-out 0s;
	transform-origin: 0px 0px;
}
.body-main.on{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.body-main.on .mainLeft{
	/* transform-origin: 0px 0px; */
	transform: scale(0.505);
	/* height: 100%; */
}
.body-main.on .mainLeft::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 120%;
	content: "";
	z-index: 999999;
}
.body-main.on .navRight{
	right: -0;
}

@media (min-width: 1200px) {
	.body-main.on .Rlogo{
		-webkit-animation: fadeInUp 1s 0.1s ease both;
			animation: fadeInUp 1s 0.1s ease both;
	}
	.body-main.on .Rnav ul li:nth-child(1){
		-webkit-animation: fadeInUp 1s 0.2s ease both;
			animation: fadeInUp 1s 0.2s ease both;
	}
	.body-main.on .Rnav ul li:nth-child(2){
		-webkit-animation: fadeInUp 1s 0.3s ease both;
			animation: fadeInUp 1s 0.3s ease both;
	}
	.body-main.on .Rnav ul li:nth-child(3){
		-webkit-animation: fadeInUp 1s 0.4s ease both;
			animation: fadeInUp 1s 0.4s ease both;
	}
	.body-main.on .Rshare{
		-webkit-animation: fadeInUp 1s 0.5s ease both;
			animation: fadeInUp 1s 0.5s ease both;
	}
}

.main {
	float: left;
	width: 100%;
}
.w-100 {
	float: left;
	width: 100%;
}
.w-1560 {
	width: 1560px;
	margin: 0 auto;
}
@media (max-width: 1600px) {
	.w-1560 {
		width: 100%;
		padding: 0 3%;
	}
}
.w-1366 {
	width: 1366px;
	margin: 0 auto;
}
@media (max-width: 1400px) {
	.w-1366 {
		width: 100%;
		padding: 0 3%;
	}
}

.header {
	position: fixed;
	z-index: 9993;
	top: 0;
	width: 100%;
	height: 120px;
	-webkit-transition: all .4s;
	transition: all .4s;
	/* box-shadow: 0 0 1px rgba(0,0,0,0.3); */
	/* padding: 0 5.4%; */
}
.header.fixed-header{
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}
.logo{
	float: left;
	margin-top: 26px;
}
.logo img{
	width: 80%;
}
.logo .block{
	display: block!important;
}
.logo .none{
	display: none!important;
}
.header.fixed-header .logo .block{
	display: none!important;
}
.header.fixed-header .logo .none{
	display: block!important;
}

.haed-right{
	float: right;
	/* margin-right: 4.5%; */
	line-height: 110px;
	font-size: 18px;
	color: #fff;
}
.haed-right li{
	float: left;
}
.haed-right a{
	/* margin-right: 28px; */
	margin-right: 33px;
	color: #fff;
	position: relative;
}
.haed-right a:hover{
	opacity: 0.8;
	color: #a10;
}
.haed-right a::after{
	position: absolute;
	right: -16px;
	width: 2px;
	height: 2px;
	border-radius: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
	content: "";
}
.haed-right a:last-child { margin-right:0; }
.haed-right a:last-child::after{
	display: none;
}
.haed-right span{
	position: relative;
	margin-right: 50px;
	padding-right: 42px;
}
.haed-right span a:hover{
	color: #fff;
}
.haed-right span::after{
	position: absolute;
	right: 0;
	content: "|";
}

.header.fixed-header .haed-right,
.header.fixed-header .haed-right a{
	color: #020202;
}
.header.fixed-header .haed-right span a:hover{
	color: #020202;
}
.header.fixed-header .haed-right a::after{
	background: #020202;
}
.header.fixed-header .haed-right a:hover{
	color: #a10;
}
@media (max-width: 1880px) {
	.haed-right{
		margin-right: 6.8%;
	}
}
@media (max-width: 1800px) {
	.haed-right{
		margin-right: 7.4%;
	}
}
@media (max-width: 1780px) {
	.haed-right{
		margin-right: 9%;
	}
}
@media (max-width: 1720px) {
	.haed-right{
		margin-right: 12%;
	}
}
@media (max-width: 1680px) {
	.haed-right{
		margin-right: 8%;
	}
}
@media (max-width: 1560px) {
	.haed-right{
		margin-right: 4.5%;
	}
}

@media (max-width: 1440px) {
	.haed-right{
		font-size: 16px;
	}
	.haed-right span {
	    margin-right: 30px;
	    padding-right: 30px;
	}
}
@media (max-width: 1199px) {
	.header {
		/* height: 66px; */
		padding: 0 3%;
	}
}
@media (max-width: 767px) {
	.logo{
		margin-top: 12px;
	}
	.logo img{
		width: 140px;
	}
	.header{
		height: 66px;
	}
}


.body-main{
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}

.btnR{
	display: none;
}
@media (max-width: 1199px) {
	.btnR{
		display: block;
	}
	.nav-collapse {
		position: fixed;
		top: 42px;
		right: 9.375%;
		right: 180px;
		width: 33px;
		height: 27px;
		margin-left: 10px;
		padding: 0;
		cursor: pointer;
		background: none;
		color: #fff;
		z-index: 999;
	}
}
@media (max-width: 1680px) {
	.nav-collapse {
		right: 80px;
	}
}
@media (max-width: 1600px) {
	.nav-collapse {
		right: 60px;
	}
}
@media (max-width: 1440px) {
	.navRight-con{
		padding-right: 60px;
	}
	.Rnav{
		margin-top: 20px;
	}
	.Rnav ul li a .Rnav-e {
	    font-size: 36px;
	    padding-left: 64px;
		background-size: 30px auto!important;
	}
	.Rnav ul li a .Rnav-c {
	    font-size: 20px;
	    margin-top: 8px;
	}
	.Rnav ul li a .Rnav-p {
	    font-size: 16px;
	    min-height: 28px;
	    margin-top: 8px;
	}
}
.ph-nav{
	display: none;
}
@media (max-width: 1199px) {
	.ph-nav{
		display: block;
		float: left;
		width: 100%;
		margin-top: 18px;
	}
	.ph-nav ul{
		float: left;
		width: 100%;
	}
	.ph-nav ul li{
		float: left;
		width: 50%;
		text-align: center;
		margin-top: 52px;
	}
	.ph-nav ul li a{
		color: #fff;
	}
	.ph-nav ul li a .ph-nav-e{
		font-size: 32px;
		color: #ccc;
		font-family: 'CenTuryGoThic-Bold';
	}
	.ph-nav ul li a .ph-nav-c{
		font-size: 24px;
		margin-top: 10px;
	}
	
	.navRight-con{
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
		padding-right: 0;
		text-align: left;
		padding: 0 7.2%;
	}
	.Rnav{
		display: none;
	}
	.Rlogo{
		margin-top: 42px;
	}
	.nav-collapse.nav-collapse-1 {
		position: absolute;
		z-index: 9999;
		top: 15px;
		right: 20px;
		display: block;
		margin-top: 10px;
		border: none;
	}
	.nav-collapse.nav-collapse-1 .btn-line {
		background-color: #fff !important;
	}
	
	.Rshare{
		text-align: center;
		margin-top: 60px;
	}
	.Rshare .bdsharebuttonbox{
		margin-left: -44px;
	}
	.Rshare .bdsharebuttonbox a{
		float: none;
		display: inline-block;
	}
	.Rshare .bdsharebuttonbox a:last-child::after{
		display: block;
	}
	.Rshare .bdsharebuttonbox a:first-child::after{
		display: none;
	}
}
@media (max-width: 767px) {
	.nav-collapse{
		right: 5%;
		top: 18px;
	}
	.navRight-con{
		padding: 0 5%;
	}
	.Rlogo {
	    margin-top: 20px;
	}
	.Rlogo img{
		width: 140px;
	}
	.ph-nav ul li{
		margin-top: 40px;
	}
	.ph-nav ul li a .ph-nav-e{
		font-size: 28px;
	}
	.ph-nav ul li a .ph-nav-c{
		font-size: 20px;
		margin-top: 8px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
}
.nav-collapse .btn-line {
	position: absolute;
	left: 50%;
	width: 34px;
	height: 4px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
}

.nav-collapse .btn-line:nth-child(3),
.nav-collapse .btn-line:nth-child(1) {
	position: absolute;
	display: block;
	width: 34px;
	height: 4px;
	content: '';
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background-color: #fff;
}
.nav-collapse .btn-line:nth-child(1) {
	top: 0%;
}
.nav-collapse .btn-line:nth-child(2) {
	top: 50%;
	margin-top: -3px;
}
.nav-collapse .btn-line:nth-child(3) {
	top: auto;
	bottom: 0;
}
.nav-collapse.active {
	border-color: transparent;
}
.nav-collapse.active .btn-line {
	background-color: #fff!important;
}
.nav-collapse.active .btn-line:nth-child(2) {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
}
.nav-collapse.active .btn-line:nth-child(1) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotateZ(45deg);
}
.nav-collapse.active .btn-line:nth-child(3) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(-45deg);
	-ms-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotateZ(-45deg);
}




.banner {
	font-size: 0;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}



@keyframes blue{
	0% { 
		-webkit-transform: scale(1.1);
		-mos-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% { 
		-webkit-transform: scale(1);
		-mos-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}


.banner .slick-current .item .img-box > img{
	animation: blue 4s 0s ease both;
}

.banner .slick-arrow {
	width: 39px;
	height: 70px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	background-size: 100% 100%!important;
}
.banner .slick-arrow.slick-prev{
	left:3.6%;
	background: url(../images/left.png) center no-repeat;
}
.banner .slick-arrow.slick-next{
	right: 3.6%;
	background: url(../images/right.png) center no-repeat;
}
.banner img {
	display: block;
	width: 100%;
}
.banner .img-box {
	padding-bottom: 56.25%;
}
.banner .img-box .video-js{
	position: absolute;
	width: 100%;
	height: 100%;
}

.banner .img-box.pc{
	display: block;
}
.banner .img-box.phone{
	display: none;
}
.banner .slick-slide.slick-current.slick-active .img-box{
	width: 100%;
}
.banner .slick-dots{
    position: absolute;
	bottom: 72px;
	width: 100%;
	text-align: center;
}
.banner .slick-dots li{
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
	margin: 0 5px;
	border-radius: 100%;
	border: 1px dashed rgba(0,0,0,0);
}
.banner .slick-dots li.slick-active{
	border: 1px dashed rgba(255,255,255,1);
}
.banner .slick-dots li button{
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 100%;
}
.banner .text {
	font-family: 'CenturyGothic';
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	z-index: 9999999;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
}
.banner .text h1,
.banner .text h2,
.banner .text h3,
.banner .text h5,
.banner .text h4{
	
}
.banner .text .h1{
	font-family: 'CenTuryGoThic';
	font-size: 32px;
}
.banner .text h2{
	font-size: 72px;
	font-size: 60px;
	margin-top: 24px;
}
.banner .text h3{
	font-size: 40px;
	margin-top: 40px;
}
.banner .text.text-1{
	top: 44%;
	-webkit-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	transform: translateY(-0%);
}
.banner .text.text-1 h3{
	font-size: 32px;
}
.banner .text.text-1 h4{
	margin-top: 145px;
	font-size: 16px;
}
.banner .text.text-1 h4 a{
	float: left;
	color: #fff;
	margin-right: 50px;
	padding-right: 48px;
	background: url(../images/jt-1.png) right center no-repeat;
	background-size: auto 6px;
}
.banner .text.text-1 h4 a:hover{
	color: #a10;
	opacity: 0.8;
	/* background-position: 96% center; */
	background: url(../images/jt-1-on.png) right center no-repeat;
	background-size: auto 6px;
	
}
.banner .text h5{
	width: 1110px;
	margin: 0 auto;
	font-size: 48px;
	line-height: 1.4;
	text-align: center;
}
.banner .text h6{
	font-size: 18px;
	line-height: 2;
	margin-top: 40px;
}

@media (max-width: 1440px) {
	.banner .text .h1{
		font-size: 28px;
	}
	.banner .text.text-1 h3{
		font-size: 28px;
	}
	.banner .text h2{
		font-size: 40px;
		margin-top: 20px;
	}
	.banner .text h3{
		font-size: 30px;
		margin-top: 30px;
	}
	.banner .text h5{
		width: 1000px;
		font-size: 38px;
	}
	.banner .text h6{
		font-size: 16px;
		margin-top: 30px;
	}
}
@media (max-width: 1199px) {
	.banner .img-box.pc{
		display: none;
	}
	.banner .img-box.phone{
		display: block;
		padding-bottom: 100%;
	}
	
	.banner .text .h1{
		font-size: 28px;
	}
	.banner .text.text-1 h3{
		font-size: 28px;
	}
	.banner .text h2{
		font-size: 48px;
		margin-top: 20px;
	}
	.banner .text h3{
		font-size: 30px;
		margin-top: 30px;
	}
	.banner .text.text-1 h4 {
	    margin-top: 120px;
		font-size: 16px;
	}
	.banner .text h5{
		width: 80%;
		font-size: 30px;
	}
	.banner .text h6{
		font-size: 15px;
		margin-top: 20px;
	}
}
@media (max-width: 991px) {
	.banner .text .h1{
		font-size: 24px;
	}
	.banner .text.text-1 h3{
		font-size: 24px;
	}
	.banner .text h2{
		font-size: 36px;
		margin-top: 15px;
	}
	.banner .text h3{
		font-size: 24px;
		margin-top: 20px;
	}
	.banner .text.text-1 h4 {
	    margin-top: 100px;
	    font-size: 14px;
	}
	.banner .text.text-1 h4 a {
	    margin-right: 36px;
	    padding-right: 48px;
	}
	.banner .text h5{
		font-size: 24px;
	}
	.banner .text h6{
		font-size: 14px;
		margin-top: 18px;
	}
}
@media (max-width: 767px) {
	.banner .slick-dots{
		bottom: 24px;
	}
	.banner .text{
		text-align: center;
	}
	.banner .text.text-1{
		/* top: auto; */
		/* bottom: 40px; */
	}
	.banner .img-box.phone::after{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		content: "";
	}
	.banner .text .h1{
		display: none;
		font-size: 18px;
	}
	.banner .text.text-1 h3{
		font-size: 18px;
	}
	.banner .text h2{
		font-size: 24px;
		margin-top: 10px;
	}
	.banner .text h3{
		display: none;
		font-size: 18px;
		margin-top: 10px;
	}
	.banner .text.text-1 h4 {
	    margin-top: 20px;
		text-align: center;
	}
	.banner .text.text-1 h4 a {
		float: none;
		display: inline-block;
	    margin: 0 6px;
	    padding-right: 36px;
		background-size: auto 5px;
	}
	.banner .text h5{
		width: 90%;
		font-size: 20px;
	}
	.banner .text h6{
		display: none;
		font-size: 12px;
		margin-top: 14px;
	}
}

@media (max-width: 450px) { .banner{ height: 450px; } }
@media (max-width: 449px) { .banner{ height: 449px; } }
@media (max-width: 448px) { .banner{ height: 448px; } }
@media (max-width: 447px) { .banner{ height: 447px; } }
@media (max-width: 446px) { .banner{ height: 446px; } }
@media (max-width: 445px) { .banner{ height: 445px; } }
@media (max-width: 444px) { .banner{ height: 444px; } }
@media (max-width: 443px) { .banner{ height: 443px; } }
@media (max-width: 442px) { .banner{ height: 442px; } }
@media (max-width: 441px) { .banner{ height: 441px; } }
@media (max-width: 440px) { .banner{ height: 440px; } }
@media (max-width: 439px) { .banner{ height: 439px; } }
@media (max-width: 438px) { .banner{ height: 438px; } }
@media (max-width: 437px) { .banner{ height: 437px; } }
@media (max-width: 436px) { .banner{ height: 436px; } }
@media (max-width: 435px) { .banner{ height: 435px; } }
@media (max-width: 434px) { .banner{ height: 434px; } }
@media (max-width: 433px) { .banner{ height: 433px; } }
@media (max-width: 432px) { .banner{ height: 432px; } }
@media (max-width: 431px) { .banner{ height: 431px; } }
@media (max-width: 430px) { .banner{ height: 430px; } }
@media (max-width: 429px) { .banner{ height: 429px; } }
@media (max-width: 428px) { .banner{ height: 428px; } }
@media (max-width: 427px) { .banner{ height: 427px; } }
@media (max-width: 426px) { .banner{ height: 426px; } }
@media (max-width: 425px) { .banner{ height: 425px; } }
@media (max-width: 424px) { .banner{ height: 424px; } }
@media (max-width: 423px) { .banner{ height: 423px; } }
@media (max-width: 422px) { .banner{ height: 422px; } }
@media (max-width: 421px) { .banner{ height: 421px; } }
@media (max-width: 420px) { .banner{ height: 420px; } }
@media (max-width: 419px) { .banner{ height: 419px; } }
@media (max-width: 418px) { .banner{ height: 418px; } }
@media (max-width: 417px) { .banner{ height: 417px; } }
@media (max-width: 416px) { .banner{ height: 416px; } }
@media (max-width: 415px) { .banner{ height: 415px; } }

@media (max-width: 414px) { .banner{ height: 414px; } }
@media (max-width: 413px) { .banner{ height: 413px; } }
@media (max-width: 412px) { .banner{ height: 412px; } }
@media (max-width: 411px) { .banner{ height: 411px; } }
@media (max-width: 410px) { .banner{ height: 410px; } }
@media (max-width: 409px) { .banner{ height: 409px; } }
@media (max-width: 408px) { .banner{ height: 408px; } }
@media (max-width: 407px) { .banner{ height: 407px; } }
@media (max-width: 406px) { .banner{ height: 406px; } }
@media (max-width: 405px) { .banner{ height: 405px; } }
@media (max-width: 404px) { .banner{ height: 404px; } }
@media (max-width: 403px) { .banner{ height: 403px; } }
@media (max-width: 402px) { .banner{ height: 402px; } }
@media (max-width: 401px) { .banner{ height: 401px; } }
@media (max-width: 400px) { .banner{ height: 400px; } }
@media (max-width: 399px) { .banner{ height: 399px; } }
@media (max-width: 398px) { .banner{ height: 398px; } }
@media (max-width: 397px) { .banner{ height: 397px; } }
@media (max-width: 396px) { .banner{ height: 396px; } }
@media (max-width: 395px) { .banner{ height: 395px; } }
@media (max-width: 394px) { .banner{ height: 394px; } }
@media (max-width: 393px) { .banner{ height: 393px; } }
@media (max-width: 392px) { .banner{ height: 392px; } }
@media (max-width: 391px) { .banner{ height: 391px; } }
@media (max-width: 390px) { .banner{ height: 390px; } }
@media (max-width: 389px) { .banner{ height: 389px; } }
@media (max-width: 388px) { .banner{ height: 388px; } }
@media (max-width: 387px) { .banner{ height: 387px; } }
@media (max-width: 386px) { .banner{ height: 386px; } }
@media (max-width: 385px) { .banner{ height: 385px; } }
@media (max-width: 384px) { .banner{ height: 384px; } }
@media (max-width: 383px) { .banner{ height: 383px; } }
@media (max-width: 382px) { .banner{ height: 382px; } }
@media (max-width: 381px) { .banner{ height: 381px; } }
@media (max-width: 380px) { .banner{ height: 380px; } }
@media (max-width: 379px) { .banner{ height: 379px; } }
@media (max-width: 378px) { .banner{ height: 378px; } }
@media (max-width: 377px) { .banner{ height: 377px; } }
@media (max-width: 376px) { .banner{ height: 376px; } }
@media (max-width: 375px) { .banner{ height: 375px; } }
@media (max-width: 374px) { .banner{ height: 374px; } }
@media (max-width: 373px) { .banner{ height: 373px; } }
@media (max-width: 372px) { .banner{ height: 372px; } }
@media (max-width: 371px) { .banner{ height: 371px; } }
@media (max-width: 370px) { .banner{ height: 370px; } }
@media (max-width: 369px) { .banner{ height: 369px; } }
@media (max-width: 368px) { .banner{ height: 368px; } }
@media (max-width: 367px) { .banner{ height: 367px; } }
@media (max-width: 366px) { .banner{ height: 366px; } }
@media (max-width: 365px) { .banner{ height: 365px; } }
@media (max-width: 364px) { .banner{ height: 364px; } }
@media (max-width: 363px) { .banner{ height: 363px; } }
@media (max-width: 362px) { .banner{ height: 362px; } }
@media (max-width: 361px) { .banner{ height: 361px; } }
@media (max-width: 360px) { .banner{ height: 360px; } }
@media (max-width: 359px) { .banner{ height: 359px; } }
@media (max-width: 358px) { .banner{ height: 358px; } }
@media (max-width: 357px) { .banner{ height: 357px; } }
@media (max-width: 356px) { .banner{ height: 356px; } }
@media (max-width: 355px) { .banner{ height: 355px; } }
@media (max-width: 354px) { .banner{ height: 354px; } }
@media (max-width: 353px) { .banner{ height: 353px; } }
@media (max-width: 352px) { .banner{ height: 352px; } }
@media (max-width: 351px) { .banner{ height: 351px; } }
@media (max-width: 350px) { .banner{ height: 350px; } }
@media (max-width: 349px) { .banner{ height: 349px; } }
@media (max-width: 348px) { .banner{ height: 348px; } }
@media (max-width: 347px) { .banner{ height: 347px; } }
@media (max-width: 346px) { .banner{ height: 346px; } }
@media (max-width: 345px) { .banner{ height: 345px; } }
@media (max-width: 344px) { .banner{ height: 344px; } }
@media (max-width: 343px) { .banner{ height: 343px; } }
@media (max-width: 342px) { .banner{ height: 342px; } }
@media (max-width: 341px) { .banner{ height: 341px; } }
@media (max-width: 340px) { .banner{ height: 340px; } }
@media (max-width: 339px) { .banner{ height: 339px; } }
@media (max-width: 338px) { .banner{ height: 338px; } }
@media (max-width: 337px) { .banner{ height: 337px; } }
@media (max-width: 336px) { .banner{ height: 336px; } }
@media (max-width: 335px) { .banner{ height: 335px; } }
@media (max-width: 334px) { .banner{ height: 334px; } }
@media (max-width: 333px) { .banner{ height: 333px; } }
@media (max-width: 332px) { .banner{ height: 332px; } }
@media (max-width: 331px) { .banner{ height: 331px; } }
@media (max-width: 330px) { .banner{ height: 330px; } }
@media (max-width: 329px) { .banner{ height: 329px; } }
@media (max-width: 328px) { .banner{ height: 328px; } }
@media (max-width: 327px) { .banner{ height: 327px; } }
@media (max-width: 326px) { .banner{ height: 326px; } }
@media (max-width: 325px) { .banner{ height: 325px; } }
@media (max-width: 324px) { .banner{ height: 324px; } }
@media (max-width: 323px) { .banner{ height: 323px; } }
@media (max-width: 322px) { .banner{ height: 322px; } }
@media (max-width: 321px) { .banner{ height: 321px; } }
@media (max-width: 320px) { .banner{ height: 320px; } }



/*分页*/
.page {
	float: left;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-top: 90px;
	text-align: center;
	font-family: 'centurygothic';
}
.page ul li {
	width:auto!important;
	margin:0!important;
}
.page ul li a,.page ul li span {
	font-size: 16px;
	display: inline-block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	margin: 0 5px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	text-align: center;
	border-radius: 50%;
	color: #999;
	border: 1px solid #dcdcdc;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0;
}
.page ul li a:hover,.page ul li span:hover {
	background-color: #191919;
	border: 1px solid #191919;
	color: #fff;
}
.page ul li.active span {
	background-color: #191919;
	border: 1px solid #191919;
	color: #fff;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius:50%;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-radius:50%;
}
.page a.prev {
	/* background: #fff url("../images/left.png") center no-repeat; */
}
.page a.next {
	/* background: #fff url("../images/right.png") center no-repeat; */
}
.page a.omit:hover {
	color: #fff;
}
.page a.active,
.page a:hover {
	background-color: #191919;
	border: 1px solid #191919;
	color: #fff;
}
.page.page1 a.active,
.page.page1 a:hover {
	background-color: #2799d3;
	border: 1px solid #2799d3;
}
@media (max-width: 1440px) {
	.page{
		margin-top: 60px;
	}
}
@media (max-width: 1199px) {
	.page{
		margin-top: 40px;
	}
	.page a {
		margin: 0 6px;
		font-size: 14px;
	}
	.page a.prev,
	.page a.next {
		margin: 0 5px;
	}
}
@media (max-width: 991px) {
	.page{
		margin-top: 30px;
	}
	.page a {
		/* height: 40px;
		line-height: 40px;
		width: 40px; */
	}
}
@media (max-width: 767px) {
	.page {
		margin-top: 30px;
	}
	.page a.prev {
		background-size: 7px auto;
	}
	.page a.next {
		background-size: 7px auto;
	}	
	.page a {
		/* height: 40px;
		line-height: 40px;
		width: 40px; */
		margin: 0 2px;
	}
}
.title{
	float: left;
	width: 100%;
	color: #111;
	position: relative;
}
.title .title-L{
	float: left;
	width: 70%;
}
.title .title-e{
	font-family: 'CenTuryGoThic-Bold';
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 64px;
}
.title .title-c{
	float: left;
	width: 100%;
	font-size: 28px;
	margin-top: 10px;
}
.title .title-p{
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	line-height: 2;
	color: #666;
}
.title .title-a{
	float: right;
	margin-top: 60px;
	max-width: 30%;
	font-size: 18px;
	color: #333;
}
.title .title-a a{
	color: #333;
	margin-right: 230px;
	padding-right: 32px;
	background: url(../images/jt.png) right center no-repeat;
	position: relative;
}
.title .title-a a::after{
	position: absolute;
	right: -230px;
	width: 210px;
	height: 1px;
	background: #ccc;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	content: "";
}
.title .title-a a:hover{
	margin-right: 200px;
	color: #a10;
	background: url(../images/jt-on.png) right center no-repeat;
}
.title .title-a a:hover::after{
	right: -200px;
	width: 180px;
}
@media (max-width: 1440px) {
	.title .title-e{
		font-size: 48px;
	}
	.title .title-c{
		font-size: 24px;
		margin-top: 8px;
	}
	.title .title-p{
		font-size: 16px;
		margin-top: 15px;
	}
	.title .title-a{
		margin-top: 50px;
		font-size: 16px;
	}
	.title .title-a a{
		margin-right: 200px;
		padding-right: 30px;
	}
	.title .title-a a::after{
		right: -200px;
		width: 180px;
	}
	.title .title-a a:hover{
		margin-right: 180px;
	}
	.title .title-a a:hover::after{
		right: -180px;
		width: 160px;
	}
}
@media (max-width: 1199px) {
	.title .title-e{
		font-size: 40px;
	}
	.title .title-c{
		font-size: 20px;
		margin-top: 6px;
	}
	.title .title-p{
		font-size: 14px;
		margin-top: 10px;
	}
	.title .title-a{
		margin-top: 44px;
		font-size: 14px;
	}
	.title .title-a a{
		margin-right: 0px;
		padding-right: 24px;
		background-size: 8px auto;
	}
	.title .title-a a:hover{
		background-size: 8px auto;
	}
	.title .title-a a::after{
		right: -200px;
		width: 180px;
		display: none;
	}
	.title .title-a a:hover{
		margin-right: 0px;
	}
	.title .title-a a:hover::after{
		right: -0px;
		width: 0px;
	}
}
@media (max-width: 991px) {
	.title .title-L{
		width: 80%;
	}
}
@media (max-width: 767px) {
	.title .title-L{
		width: 100%;
	}
	.title .title-e {
	    font-size: 30px;
	}
	.title .title-c {
	    font-size: 18px;
	}
	.title .title-p{
		line-height: 1.8;
	}
	.title .title-a{
		display: none;
		position: absolute;
		top: 10px;
		right: 0;
		margin-top: 0;
	}
	.title .title-a a{
		padding-right: 20px;
	}
}

.i-bus{
	float: left;
	width: 100%;
	margin-top: 45px;
}
.i-bus ul{
	float: left;
	width: 100%;
}
.i-bus ul li{
	float: left;
	width: 100%;
	margin-top: 70px;
}
.i-bus ul li .i-bus-left{
	float: left;
	width: 40%;
	color: #111;
	margin-top: 90px;
}
.i-bus ul li .i-bus-left .i-bus-Le{
	font-size: 64px;
	margin-top: 10px;
	font-family: 'CenTuryGoThic-Bold';
	text-transform: uppercase;
}
.i-bus ul li .i-bus-left .i-bus-Lc{
	font-size: 28px;
	line-height: 1.4;
	margin-top: 20px;
	padding-bottom: 30px;
	position: relative;
}
.i-bus ul li .i-bus-left .i-bus-Lc h3 { line-height: 1.4; font-size:inherit; }
.i-bus ul li .i-bus-left .i-bus-Lc::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 27px;
	height: 4px;
	background: #ddd;
	content: "";
}
.i-bus ul li .i-bus-left .i-bus-Lp{
	font-size: 18px;
	line-height: 2;
	margin-top: 30px;
	color: #666;
}
.i-bus ul li .i-bus-left .i-bus-La{
	margin-top: 40px;
}
.i-bus ul li .i-bus-left .i-bus-La a{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	display: inline-block;
	width: 59px;
	height: 59px;
	background: url(../images/details.png) no-repeat;
	background-size: 100% 100%!important;
}
.i-bus ul li .i-bus-left .i-bus-La a:hover{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
	background: url(../images/details-on.png) no-repeat;
}

.i-bus ul li .i-bus-right{
	float: right;
	max-width: 60%;
	position: relative;
}

.i-bus ul li:nth-child(1) .i-bus-right img{
	opacity: 0;
}
.i-bus ul li .i-bus-right img{
	opacity: 1;
	position: relative;
	z-index: 99;
}



.i-bus ul li:nth-child(2n) .i-bus-left{
	float: right;
}
.i-bus ul li:nth-child(2n) .i-bus-right{
	float: left;
}	

.i-bus ul li:nth-child(2){
	/* margin-top: -150px; */
}
.i-bus ul li:first-child .i-bus-left{
	/* margin-top: 10px; */
}

.i-bus ul li:nth-child(2) .i-bus-left{
	/* margin-top: 200px; */
}


.i-case{
	float: left;
	width: 100%;
	margin-top: 180px;
}
.i-case .section-container{
	padding: 0 1px;
}
.section-container{
	float: left;
	width: 100%;
	margin-top: 80px;
}
.grid .grid__sizer,
.grid .grid__item {
  position: relative;
  width: 33.33333%;
  overflow: hidden;
}

@media (min-width: 767px) {
	.grid .grid__sizer .grid__link,
	.grid .grid__item .grid__link {
	  display: block;
	  cursor: pointer;
	  transform: translate3d(-100%, 0, 0);
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transition: transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	  -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.grid .grid__sizer .grid__link:before,
	.grid .grid__item .grid__link:before {
	  content: "";
	  position: absolute;
	  z-index: 9;
	  left: 0px;
	  right: 0px;
	  top: 0px;
	  bottom: 0px;
	  background-color: #000;
	  transition: transform 0.8s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  -webkit-transition: -webkit-transform 0.8s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.grid .grid__sizer .grid__link:after,
	.grid .grid__item .grid__link:after {
	  content: "";
	  position: absolute;
	  z-index: 11;
	  left: 0px;
	  right: 0px;
	  top: 0px;
	  bottom: 0px;
	  background-color: #000;
	  background-color: transparent\9;
	  opacity: 0;
	  transition: all 0.8s;
	  -webkit-transition: all 0.8s;
	}
	.grid .grid__sizer .grid__link .grid_text,
	.grid .grid__item .grid__link .grid_text {
	  position: absolute;
	  z-index: 20;
	  top: 50%;
	  left: 7%;
	  width: 86%;
	  color: #fff;
	  text-align: center;
	  font-size: 18px;
	  line-height: 26px;
	  font-weight: normal;
	  opacity: 0;
	  filter: alpha(opacity=0);
	  transform: translate3d(-60px, -50%, 0px);
	  -webkit-transform: translate3d(-60px, -50%, 0px);
	  transition: all 0.8s;
	  -webkit-transition: all 0.8s;
	}
	.grid .grid__sizer.active .grid__link,
	.grid .grid__item.active .grid__link {
	  transform: translate3d(0, 0, 0);
	  -webkit-transform: translate3d(0, 0, 0);
	}
	.grid .grid__sizer.active .grid__link:before,
	.grid .grid__item.active .grid__link:before {
	  margin-left: 100%\9;
	  transform: translate3d(100%, 0, 0);
	  -webkit-transform: translate3d(100%, 0, 0);
	}
	.grid .grid__sizer img,
	.grid .grid__item img {
	  display: block;
	  width: 100%;
	  transition: transform 1.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	  -webkit-transition: -webkit-transform 1.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.grid .grid__sizer:hover .grid__link:after,
	.grid .grid__item:hover .grid__link:after {
	  background-color: #000\9;
	  opacity: 0.4;
	}
	.grid .grid__sizer:hover .grid__link .grid_text,
	.grid .grid__item:hover .grid__link .grid_text {
	  opacity: 1;
	  filter: alpha(opacity=100);
	  transform: translate3d(0, -50%, 0);
	  -webkit-transform: translate3d(0, -50%, 0);
	}
	.grid .grid__sizer:hover img,
	.grid .grid__item:hover img {
	  transform: scale(1.2);
	  -webkit-transform: scale(1.2);
	}
}
@media screen and (max-width: 1440px) {
	.section-container{
		margin-top: 60px;
	}
}
@media screen and (max-width: 1199px) {
  .grid .grid__sizer,
  .grid .grid__item {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
	.section-container {
	    margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.section-container {
	    margin-top: 10px;
	}
	.grid .grid__sizer, .grid .grid__item{
		width: 100%;
	}
	.section-container {
	    margin-top: 20px;
	}
}





.i-plan{
	float: left;
	width: 100%;
	margin-top: 160px;
	position: relative;
	overflow: hidden;
}
.i-plan .i-plan-con{
	position: absolute;
	width: 50%;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #333;
}
.i-plan .i-plan-con .i-plan-e{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 64px;
}
.i-plan .i-plan-con .i-plan-c{
	font-size: 32px;
	margin-top: 10px;
}
.i-plan .i-plan-con .i-plan-p{
	font-size: 18px;
	line-height: 2;
	margin-top: 24px;
}
.i-plan .i-plan-con .i-plan-num{
	margin-top: 100px;
}
.i-plan .i-plan-con .i-plan-num ul{}
.i-plan .i-plan-con .i-plan-num ul li{
	float: left;
}
.i-plan .i-plan-con .i-plan-num ul li:nth-child(1){
	width: 25%;
}
.i-plan .i-plan-con .i-plan-num ul li:nth-child(2){
	width: 45%;
}
.i-plan .i-plan-con .i-plan-num ul li:nth-child(3){
	width: 30%;
}
.i-plan .i-plan-con .i-plan-num ul li .i-plan-top{
	font-family: 'DINEngschriftStd';
	font-size: 32px;
}
.i-plan .i-plan-con .i-plan-num ul li .i-plan-top span{
	font-size: 64px;
}

.i-plan .i-plan-con .i-plan-num ul li .i-plan-bot{
	font-size: 18px;
	margin-top: 12px;
}

.i-news{
	float: left;
	width: 100%;
	margin-top: 114px;
}
.i-news-top{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.i-news-top .i-news-Tleft{
	float: left;
	width: 50%;
	padding-right: 5.2%;
}
.i-news-top .i-news-Tleft .i-news-Tl-span{
	margin-top: 52px;
}
.i-news-top .i-news-Tleft .i-news-Tl-span span{
	display: inline-block;
	line-height: 30px;
	font-size: 16px;
	padding: 0 15px;
	border: 3px solid #ddd;
	color: #666;
}
.i-news-top .i-news-Tleft .i-news-Tl-t{
	margin-top: 20px;
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.i-news-top .i-news-Tleft .i-news-Tl-t a{
	color: #333;
}
.i-news-top .i-news-Tleft .i-news-Tl-time{
	margin-top: 12px;
	font-size: 18px;
	color: #999;
}
.i-news-top .i-news-Tleft .i-news-Tl-p{
	margin-top: 38px;
	font-size: 18px;
	line-height: 2;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.i-news-top .i-news-Tleft .i-news-Tl-a{
	margin-top: 76px;
}
.i-news-top .i-news-Tleft .i-news-Tl-a a{
	font-family: 'CenTuryGoThic';
	display: inline-block;
	line-height: 26px;
	padding-right: 42px;
	background: url(../images/details-1.png) right center no-repeat;
	font-size: 18px;
	color: #111;
}
.i-news-top .i-news-Tleft .i-news-Tl-a a:hover{
	margin-left: 10px;
	color: #a10;
	background: url(../images/details-1-on.png) right center no-repeat;
}
.i-news-top .i-news-Tright{
	float: right;
	width: 50%;
	overflow: hidden;
}
.i-news-top .i-news-Tright img{
-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}	
.i-news-top:hover .i-news-Tright img{
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.i-news-bot{
	float: left;
	width: 100%;
	margin-top: 110px;
}
.i-news-bot ul{
	float: left;
	width: 100%;
}
.i-news-bot ul li{
	float: left;
	width: 32%;
	height: 128px;
	margin-right: 2%;
	padding-left: 78px;
	border: 1px solid #ccc;
	position: relative;
}
.i-news-bot ul li:nth-child(3n){
	margin-right: 0;
}
.i-news-bot ul li .i-news-bTime{
	display: flex; flex-direction: column; justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 78px;
	height: 100%;
	background: #111;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.i-news-bot ul li .i-news-bTime .i-news-bDay{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 48px;
	margin-top: 6px;
}
.i-news-bot ul li .i-news-bTime .i-news-bYear{
	font-family: 'CenTuryGoThic';
	font-size: 14px;
}
.i-news-bot ul li .i-news-bP{
	height: 100%;
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.i-news-bot ul li .i-news-bP a{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #333;
	width: 100%;
	padding: 0 24px;
	font-size: 18px;
	line-height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.i-news-bot ul li .i-news-bP a h3 { font-size:inherit; }
.i-news-bot ul li .i-news-bP a .des {
	font-size: 14px; line-height: 1.85; color: #979797; margin-top: 1em;
	overflow: hidden; white-space: normal; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.i-news-bot ul li:hover .i-news-bP{
	background: #00183c;
}
.i-news-bot ul li:hover .i-news-bTime{
	background: #00183c;
}
.i-news-bot ul li:hover .i-news-bP a{
	color: #00183c;
	color: #fff;
}

.i-brand{
	float: left;
	width: 100%;
	margin-top: 110px;
	margin-bottom: 200px;
}
.i-brand ul{
	float: left;
	width: 100%;
}
.i-brand ul li{
	float: left;
	width: 20%;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.i-brand ul li .img-box{
	padding-bottom: 66.66666666666667%;
}
.i-brand ul li:nth-child(5n){
	border-right-width:0;
}

.i-brand ul li:nth-last-child(1),
.i-brand ul li:nth-last-child(2),
.i-brand ul li:nth-last-child(3),
.i-brand ul li:nth-last-child(4),
.i-brand ul li:nth-last-child(5){
	/* border-bottom-width: 0px; */
}
.i-brand ul li:nth-last-child(1){
	border-right: 0;
}

.i-brand ul li a{
	display: block;
	overflow: hidden;
}
.i-brand ul li a img.none{
	display: block!important;
}
.i-brand ul li a img.block{
	display: none!important;
}
.i-brand ul li:hover a img.block{
	display: none!important;
}
.i-brand ul li:hover a img.none{
	display: block!important;
}
.i-brand ul li a img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.i-brand ul li:hover a img{
	/* -webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); */
}




.footer{
	float: left;
	width: 100%;
}
.foot-top{
	float: left;
	width: 100%;
	line-height: 26px;
	padding-top: 26px;
	padding-bottom: 26px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.footer .foot-Tleft{
	float: left;
}
.footer .foot-Tleft .foot-l1{
	float: left;
	padding-left: 36px;
	margin-right: 32px;
	font-size: 18px;
	color: #333;
}
.footer .foot-Tleft .foot-l1 a{
	color: #333;
}
.footer .foot-Tleft .foot-l1:last-child{
	margin-right: 0;
}
.footer .foot-Tleft .foot-l1.foot-l1-add{
	background: url(../images/ico-1.png) no-repeat;
}
.footer .foot-Tleft .foot-l1.foot-l2-tel{
	background: url(../images/ico-2.png) no-repeat;
}
.footer .foot-Tleft .foot-l1.foot-l2-ph{
	background: url(../images/ico-3.png) no-repeat;
}


.footer .foot-Tright{
	float: right;
}
.footer .foot-Tright a{
	margin-left: 32px;
	font-size: 18px;
	color: #333;
	position: relative;
}
.footer .foot-Tright a:hover{
	opacity: 0.8;
	color: #a10;
}
.footer .foot-Tright ::after{
	position: absolute;
	left: -20px;
	content: "·";
}
.footer .foot-Tright a:first-child{
	margin-left: 0;
}
.footer .foot-Tright a:first-child:after{
	display: none;
}

.foot-bot{
	float: left;
	width: 100%;
	margin: 36px 0 80px 0;
	position: relative;
	color: #666;
}
.foot-bot a{
	color: #666;
}
.foot-bot .foot-Rl{
	float: left;
	width: 37.3%;
	font-size: 18px;
	line-height: 2;
	position: relative;
}
.foot-bot .foot-Rl::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 64px;
	background: #ccc;
	content: "";
}
.foot-bot .foot-Rl a{
	float: left;
	margin-right: 30px;
	position: relative;
	line-height: 32px;
}
.foot-bot .foot-Rl a:hover{
	/* opacity: 0.8; */
	color: #a10;
}
.foot-bot .foot-Rl a::after{
	position: absolute;
	right: -12px;
	content: '·';
}
.foot-bot .foot-Rl a:last-child{
	/* margin-right: 0; */
}
.foot-bot .foot-Rl a:last-child::after{
	display: none;
}
.foot-bot .foot-Rl-t{
	float: left;
	width: 100%;
	font-weight: bold;
}

.foot-bot .foot-RR{
	float: left;
	width: 62.7%;
	position: relative;
	padding-left: 40px;
	padding-right: 110px;
	font-size: 18px;
	font-size: 16px;
	line-height: 2;
}
.foot-RR-t{
	float: left;
	width: 100%;
}
.foot-RR-d{
	float: left;
	width: 100%;
}

.foot-bot .foot-RR a{
	float: left;
	margin-right: 20px;
	position: relative;
}
.foot-bot .foot-RR a:hover{
	/* opacity: 0.8; */
}
.foot-bot .foot-RR a::after{
	position: absolute;
	right: -12px;
	content: "·";
}
.foot-bot .foot-RR a:last-child::after{
	display: none;
}
.foot-bot .foot-RR .foot-RR-t a{
	/* cursor: default; */
}
.foot-bot .foot-RR .foot-RR-d a:hover{
	opacity: 0.8;
}

.foot-bot .foot-Rewm{
	position: absolute;
	right: 0;
	z-index: 9;
}
.foot-bot .foot-Rewm a{
	display: inline-block;
	padding-left: 54px;
	line-height: 29px;
	margin-top: 18px;
	font-size: 18px;
	color: #666;
	background: url(../images/ico-4.png) left center no-repeat;
}
.foot-bot .foot-Rewm a > img{
	display: none;
	/* opacity: 0; */
	/* z-index: -1; */
	position: absolute;
	bottom: 36px;
	left: 0;
	border: 1px solid #ccc;
}
.foot-bot .foot-Rewm a:hover > img{
	display: block;
	/* opacity: 1; */
	/* z-index: 1; */
}
.foot-bot .foot-Rewm a:hover{
	/* opacity: 0.8; */
	color: #a10;
}

@media (max-width: 1600px) {
	.footer .foot-Tleft .foot-l1 {
		padding-left: 36px;
		margin-right: 24px;
		font-size: 16px;
	}
	.footer .foot-Tright a{
		font-size: 16px;
	}
	.foot-bot .foot-Rl{
		font-size: 16px;
	}
	.foot-bot .foot-RR{
		font-size: 16px;
	}
	.foot-bot .foot-Rewm a{
		font-size: 16px;
	}
}

@media (max-width: 1440px) {
	
	
	.i-bus{
		margin-top: 30px;
	}
	.i-bus ul li{
		margin-top: 48px;
	}
	.i-bus ul li .i-bus-right{
		max-width: 55%;
	}
	.i-bus ul li .i-bus-left{
		margin-top: 60px;
	}
	.i-bus ul li .i-bus-left .i-bus-Le {
	    font-size: 48px;
	    margin-top: 10px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lc {
	    font-size: 24px;
	    margin-top: 10px;
	    padding-bottom: 20px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lp {
	    font-size: 16px;
	    margin-top: 20px;
	}
	.i-bus ul li .i-bus-left .i-bus-La a{
		width: 48px;
		height: 48px;
	}
	.i-case {
	    margin-top: 100px;
	}
	
	.i-plan{
		margin-top: 120px;
	}
	.i-plan .i-plan-con .i-plan-e{
		font-size: 48px;
	}
	.i-plan .i-plan-con .i-plan-c {
	    font-size: 28px;
	    margin-top: 8px;
	}
	.i-plan .i-plan-con .i-plan-p {
	    font-size: 16px;
	    margin-top: 18px;
	}
	.i-plan .i-plan-con .i-plan-num {
	    margin-top: 80px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-top{
		font-size: 24px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-top span {
	    font-size: 48px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-bot {
	    font-size: 16px;
	    margin-top: 8px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-span {
	    margin-top: 36px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-t {
	    margin-top: 15px;
	    font-size: 22px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-p {
	    margin-top: 30px;
	    font-size: 16px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-a {
	    margin-top: 60px;
	}
	.i-news-bot {
	    margin-top: 80px;
	}
	.i-news-bot ul li .i-news-bP a{
		font-size: 16px;
	}
	.i-news-bot ul li .i-news-bTime .i-news-bDay{
		font-size: 42px;
	}
	.i-brand{
		margin-bottom: 150px;
	}
	.footer .foot-Tleft .foot-l1 {
	    padding-left: 34px;
	    margin-right: 20px;
	    font-size: 14px;
	}
	.footer .foot-Tright a{
		font-size: 14px;
	}
	.foot-top {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.foot-bot {
	    margin: 30px 0 60px 0;
	}
	.foot-bot .foot-Rl{
		font-size: 14px;
	}
	.foot-bot .foot-RR{
		font-size: 14px;
		padding-left: 60px;
	}
	.foot-bot .foot-Rewm a {
	    font-size: 14px;
	}
}
@media (max-width: 1400px) {
	.i-bus ul li .i-bus-left{
		width: 42%;
	}
	.i-bus ul li .i-bus-left .i-bus-Lp{
		font-size: 15px;
	}
}

@media (max-width: 1280px) {
	.i-bus ul li .i-bus-left .i-bus-Le {
	    font-size: 40px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lc {
	    font-size: 20px;
	    margin-top: 8px;
	    padding-bottom: 16px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lp {
	    font-size: 16px;
		line-height: 1.8;
	    margin-top: 15px;
	}
	.i-bus ul li .i-bus-left .i-bus-La {
	    margin-top: 20px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-span {
	    margin-top: 20px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-p{
		margin-top: 20px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-a {
	    margin-top: 40px;
	}
	.i-news-bot {
	    margin-top: 60px;
	}
	.i-brand {
	    margin-bottom: 120px;
	}
	.footer .foot-Tleft{
		width: 100%;
		text-align: center;
	}
	.footer .foot-Tleft .foot-l1{
		display: inline-block;
		float: none;
	}
	.footer .foot-Tright{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.footer .foot-Tright a{
		display: inline-block;
		float: none;
	}
	.foot-bot {
	    margin: 30px 0 30px 0;
	}
	.foot-bot .foot-Rewm{}
	.foot-bot .foot-Rewm a{
		margin-top: 42px;
	}
	.foot-bot .foot-Rl{
		width: 100%;
	}
	.foot-bot .foot-RR{
		width: 100%;
		padding-left: 0;
	}
	.foot-bot .foot-Rl::after{
		display: none;
	}
}
@media (max-width: 1199px) {
	.haed-right{
		display: none;
	}
	.navRight{
		width: 100%;
	}
	.body-main.on .mainLeft{
		transform: scale(1);
	}
	.i-bus ul li:nth-child(2) {
	    /* margin-top: -60px; */
	}
	.i-bus ul li:nth-child(2) .i-bus-left {
	    /* margin-top: 90px; */
	}
	.i-bus ul li .i-bus-left {
	    margin-top: 20px;
	}
	.i-case {
	    margin-top: 80px;
	}
	.i-plan {
	    margin-top: 80px;
	}
	.i-plan .i-plan-con{
		padding-right: 5%;
	}
	.i-plan .i-plan-con .i-plan-num {
	    margin-top: 30px;
	}
	.i-plan .i-plan-con .i-plan-e {
	    font-size: 40px;
	}
	.i-plan .i-plan-con .i-plan-c {
	    font-size: 24px;
	    margin-top: 6px;
	}
	.i-plan .i-plan-con .i-plan-p {
	    font-size: 14px;
		line-height: 1.8;
	    margin-top: 12px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-top {
	    font-size: 20px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-top span {
	    font-size: 36px;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-bot {
	    font-size: 14px;
	    margin-top: 6px;
	}
	.i-news {
	    margin-top: 80px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-a {
	    margin-top: 30px;
	}
	.i-brand {
	    margin-bottom: 60px;
		margin-top: 60px;
	}
	.i-news-bot ul li .i-news-bP a {
	    font-size: 14px;
	}
	.i-bus ul li .i-bus-right{
		background-size: auto 100%!important;
	}
	.i-bus ul li .i-bus-left{
		background-size: auto 100%!important;
	}
}

@media (max-width: 991px) {
	.i-bus {
	    margin-top: 20px;
	}
	.i-bus ul li {
	    margin-top: 0px!important;
	}
	.i-bus ul li .i-bus-left{
		width: 100%;
		margin-top: 0!important;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.i-bus ul li .i-bus-right{
		max-width: 100%;
		width: 100%;
	}
	.i-plan img{
		max-width: 120%;
		margin-left: -10%;
	}
	.i-plan .i-plan-con{
		width: 60%;
		padding-right: 3%;
	}
	.i-case {
	    margin-top: 60px;
	}
	.i-news {
	    margin-top: 40px;
	}
	.i-news-top .i-news-Tleft{
		width: 100%;
	}
	.i-news-top .i-news-Tright{
		width: 100%;
		margin-top: 30px;
	}
	.i-news-bot {
	    margin-top: 30px;
	}
	.i-news-bot ul li{
		width: 100%;
		margin-top: 10px;
	}
	.i-brand ul li{
		width: 33.33%;
	}
	.i-brand ul li:nth-child(5n){
		border-right-width:1px;
	}
	.i-brand ul li:nth-child(3n){
		border-right-width:0;
	}
	.i-brand ul li:nth-last-child(4),
	.i-brand ul li:nth-last-child(5){
		border-bottom-width: 1px;
	}
	.i-brand ul li:nth-last-child(1),
	.i-brand ul li:nth-last-child(2),
	.i-brand ul li:nth-last-child(3){
		/* border-bottom-width: 0px; */
	}
	.footer .foot-Tleft .foot-l1{
		margin: 5px 0;
	}
}
@media (max-width: 767px) {
	.i-bus ul li:nth-child(2) .i-bus-right{
		background-position: 28% center!important;
	}
	.i-bus ul li:nth-child(3) .i-bus-right{
		background-position: 28% center!important;
	}
	.i-bus ul li:nth-child(4) .i-bus-right {
	    background-position: 0% center!important;
	}
	.i-bus {
	    margin-top: 0px;
	}
	.i-bus ul li{
		margin-top: 20px!important;
	}
	.i-bus ul li .i-bus-left .i-bus-Le {
		font-size: 30px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lc {
	    font-size: 16px;
	    margin-top: 6px;
	    padding-bottom: 12px;
	}
	.i-bus ul li .i-bus-left .i-bus-Lp{
		font-size: 13px;
		margin-top: 10px;
	}
	.i-bus ul li .i-bus-left .i-bus-La {
	    margin-top: 15px;
	}
	.i-bus ul li .i-bus-left .i-bus-La a {
	    width: 40px;
	    height: 40px;
	}
	.i-bus ul li .i-bus-left {
	    padding-top: 10px;
	    padding-bottom: 15px;
	}
	.i-case {
	    margin-top: 30px;
	}
	.i-case {
	    margin-top: 40px;
	}
	.i-plan {
	    margin-top: 30px;
	}
	.i-plan .i-plan-con{
		/* position: relative;
		right: auto;
		top: auto;
		-webkit-transform: translateY(-0%);
	    -ms-transform: translateY(-0%);
	    -moz-transform: translateY(-0%);
	    transform: translateY(-0%);	
		width: 100%;
		padding: 20px 3%;
		border-bottom: 1px solid #ddd; */
		width: 56%;
	}
	.i-plan .i-plan-con .i-plan-e {
	    font-size: 20px;
	}
	.i-plan .i-plan-con .i-plan-c {
	    font-size: 16px;
	    margin-top: 4px;
	}
	.i-plan .i-plan-con .i-plan-p{
		font-size: 14px;
	}
	.i-plan .i-plan-con .i-plan-num {
		display: none;
	    margin-top: 10px;
	}
	.i-plan .i-plan-con .i-plan-num ul{
		text-align: center;
	}
	.i-plan .i-plan-con .i-plan-num ul li:nth-child(1),
	.i-plan .i-plan-con .i-plan-num ul li:nth-child(2),
	.i-plan .i-plan-con .i-plan-num ul li:nth-child(3){
		/* display: inline-block;
		vertical-align: top;
		float: none; */
		width: 33.33%;
		margin: 10px 0;
	}
	.i-plan .i-plan-con .i-plan-num ul li .i-plan-bot{
		line-height: 1.4;
	}
	.i-news {
	    margin-top: 20px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-span span {
	    line-height: 28px;
	    font-size: 14px;
	    padding: 0 10px;
	    border-width: 2px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-t {
	    margin-top: 10px;
	    font-size: 18px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-time {
	    margin-top: 8px;
	    font-size: 16px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-p {
		font-size: 13px;
		line-height: 1.8;
	    margin-top: 10px;
	}
	.i-news-top .i-news-Tleft .i-news-Tl-a {
		display: none;
	    margin-top: 15px;
	}
	.i-news-top .i-news-Tright{
		margin-top: 20px;
	}
	.i-news-bot ul li .i-news-bP a{
		padding: 0 5%;
		line-height: 1.8;
		font-size: 16px;
	}
	.i-news-bot {
	    margin-top: 10px;
	}
	.i-news-bot ul li{
		margin-top: 8px;
	}
	.i-brand {
	    margin-bottom: 40px;
	    margin-top: 30px;
	}
	.footer{
		padding-bottom: 50px;
	}
	.footer .foot-Tleft{
		text-align: left;
	}
	.footer .foot-Tleft .foot-l1{
		font-size: 14px;
		line-height: 24px;
		min-height: 24px;
		padding-left: 28px;
		background-size: auto 20px !important;
		background-position: left 3px!important;
	}
	.foot-bot .foot-Rewm a{
		display: none;
	}
	.footer .foot-Tright{
		margin-top: 15px;
	}
	.footer .foot-Tright a{
		font-size: 16px;
		margin-left: 20px;
	}
	.footer .foot-Tright ::after{
		left: -14px;
	}
	.foot-bot {
	    margin: 15px 0 0px 0;
	}
	.foot-bot .foot-Rl{
		font-size: 14px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}
	.foot-bot .foot-RR{
		font-size: 14px;
		padding-right: 0;
		padding-top: 10px;
	}
	.foot-bot .foot-Rl a{
		margin-right: 20px;
	}
	.foot-RR-t{
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.foot-RR-d{
		font-size: 14px;
		line-height: 1.8;
		text-align: center;
		padding: 10px 0;
	}
	.foot-bot .foot-RR-d a{
		float: none;
		display: block;
		width: 100%;
		clear: both;
		margin-left: 0;
	}
}

.foot-tel{
	display: none;
}
@media (max-width: 767px) {
	.foot-tel{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		background: #13283a;
		background: #111;
		width: 100%;
		z-index: 999;
	}	
	.foot-tel a{
		display: block;
		float: left;
		width: 50%;
		line-height: 50px;
		color: #fff;
		border-right: 1px solid #fff;
		text-align: center;
	}
}	

/*网站建设*/
.in-title{
	float: left;
	width: 100%;
	color: #111;
	text-align: center;
}
.in-title .in-title-t{
	font-size: 56px;
}
.in-title .in-title-p{
	font-size: 24px;
	margin-top: 20px;
}


.web-1{
	float: left;
	width: 100%;
	margin-top: 110px;
}
.web1-list{
	float: left;
	width: 100%;
}
.web1-list ul{
	float: left;
	width: 100%;
}
.web1-list ul li{
	float: left;
	width: 100%;
	margin-top: 120px;
}
.web1-list ul li:nth-child(2n){
	margin-top: -120px;
}
.web1-list ul li .web1-li-left{
	float: left;
	width: 50%;
	position: relative;
}
.web1-list ul li .web1-li-left > span{
	font-family: 'CenTuryGoThic';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 86px;
}
.web1-list ul li:nth-child(2n) .web1-li-left > span{
	/* margin-top: -50px; */
}
.web1-list ul li .web1-li-right{
	float: left;
	width: 50%;
	font-size: 18px;
	padding-left: 5.8%;
	padding-right: 3.8%;
	color: #333;
}
.web1-list ul li:nth-child(2n) .web1-li-left{
	float: right;
	width: 66.6%;
}
.web1-list ul li:nth-child(4) .web1-li-left{
	width: 58.9%;
}
.web1-list ul li:nth-child(2n) .web1-li-right{
	width: 33.4%;
	margin-top: 150px;
	padding-left: 0;
}



.web1-list ul li .web1-li-right .web1-li-rT{
	font-size: 48px;
	margin-top: 48px;
	padding-bottom: 36px;
	position: relative;
}
.web1-list ul li .web1-li-right .web1-li-rT::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 54px;
	height: 1px;
	background: #ccc;
	content: "";
}
.web1-list ul li .web1-li-right .web1-li-rM{
	line-height: 2;
	padding: 24px 0;
	position: relative;
}
.web1-list ul li .web1-li-right .web1-li-rM::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 54px;
	height: 1px;
	background: #ccc;
	content: "";
}

.web1-list ul li .web1-li-right .web1-li-rD{
	margin-top: 40px;
}
.web1-list ul li .web1-li-right .web1-li-rD1{
	margin-top: 14px;
}
.web1-list ul li .web1-li-right .web1-li-rD1 a{
	padding-left: 36px;
	color: #666;
	background: url(../images/ico-1.png) left center no-repeat;
}
.web1-list ul li .web1-li-right .web1-li-rD1.web1-li-rD2 a{
	background: url(../images/ico-2.png) left center no-repeat;
}
.web1-list ul li .web1-li-right .web1-li-rD1 a:hover{
	color: #a10;
}
/* .web1-list ul li .web1-li-right .web1-li-rD1 img{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 10px;
} */

.web-2{
	float: left;
	width: 100%;
	margin-top: 206px;
}
.web-2 ul{
	float: left;
	width: 100%;
	margin-top: 96px;
}
.web-2 ul li{
	float: left;
	width: 33.33%;
}
.web-2 ul li a{
	display: block;
	overflow: hidden;
}
.web-2 ul li a img{
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.web-2 ul li:hover a img{	
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}

.bg-web-3{
	background: url(../images/bg.jpg) no-repeat;
	background-size: cover;
}
.web-3{
	float: left;
	width: 100%;
	margin: 145px 0 190px 0;
	color: #fff;
}
.web-3-e{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 48px;
}
.web-3-c{
	font-size: 24px;
	line-height: 36px;
	margin-top: 20px;
	padding-bottom: 24px;
	position: relative;
}
.web-3-c::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 1px;
	background: #fff;
	content: "";
}
.web-3-p{
	font-size: 18px;
	margin-top: 20px;
	line-height: 32px;
}
.web-3-p > div{
	margin-top: 24px;
	padding-left: 48px;
	position: relative;
}
.web-3-p > div img{
	position: absolute;
	left: 0;
	top: 3px;
}
.web-3-p strong{
	font-size: 32px;
}
.web-3-p strong a{
	color: #fff;
}

.web-ly{
	float: right;
	width: 93.75%;
	margin-right: 3.125%;
}
.web-ly-bg{
	float: right;
	width: 68.6%;
	margin-top: -170px;
	padding: 60px 60px 90px 78px;
	background: #555;
	color: #fff;
}
.web-ly-t{
	padding-right: 180px;
	position: relative;
}
.web-ly-t .web-ly-tl{}
.web-ly-t .web-ly-tl .web-ly-tlc{
	font-size: 32px;
}
.web-ly-t .web-ly-tl .web-ly-tle{
	font-family: 'CenTuryGoThic';
	font-size: 16px;
	margin-top: 10px;
}
.web-ly-t a{
	position: absolute;
	top: 16px;
	right: 0;
	padding-right: 62px;
	font-size: 16px;
	color: #fff;
	background: url(../images/jt.png) right center no-repeat;
}
.web-ly-t a:hover{
	color: #a10;
	margin-right: 5px;
	background-position: 95% center;
}
.web-ly-d{
	margin-top: 30px;
}
.web-ly-d input{
	float: left;
	width: 24.1%;
	width: 32%;
	height: 56px;
	border-radius: 10px;
	padding: 0 26px;
	font-size: 16px;
	margin: 5px 1.2% 5px 0;
	background: none;
	border: 1px solid rgba(255,255,255,0.5);
}
.web-ly-d input::-webkit-input-placeholder{
	color: #fff;
}
.web-ly-d input[type=submit]{
	margin-right: 0;
	padding: 0;
	background: #333;
	border-color: #333;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.web-ly-d input[type=submit]:hover{
	opacity: 0.85;
}

.b-yzmImg{
	float: left;
	width: 11.8%;
	height: 56px;
	margin-right: 1.2%;
	margin: 5px 1.2% 5px 1.1%;
}
.web-ly-d input.b-yzminp{
	float: left;
	width: 17.8%;
	margin-left: 33.4%;
	margin-left: 0%;
}
@media (max-width: 1199px) {
	.b-yzmImg{
		width: 11.5%;
		height: 50px;
		/* margin: 5px 1.2% 5px 12.1%; */
	}
}
@media (max-width: 767px) {
	.b-yzmImg{
		float: left;
		width: 29%;
		height: 42px;
		margin: 3px 3% 3px 1%;
	}
	.web-ly-d input.b-yzminp{
		float: left;
		width: 67%;
		margin: 3px 0% 3px 0;
	}
}


.web-news{
	float: left;
	width: 100%;
	padding: 130px 0 190px 0;
}
.web-news-con{
	margin-top: 40px;
}
.web-news-con ul li{
	margin-top: 30px;
}
.web-news-a{
	float: left;
	width: 100%;
	margin-top: 70px;
	text-align: center;
}
.web-news-a a{
	font-family: 'CenTuryGoThic';
	display: inline-block;
	padding-top: 90px;
	font-size: 32px;
	color: #111;
	background: url(../images/more.png) top center no-repeat;
}
.web-news-a a:hover{
	color: #a10;
	-webkit-transform: scale(1.05);
	-mos-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);	
}

@media (max-width: 1600px) {
	.web1-list ul li .web1-li-right {
	    padding-left: 5%;
	    padding-right: 3%;
	}
}
@media (max-width: 1440px) {
	.web-1 {
	    margin-top: 80px;
	}
	.in-title .in-title-t{
		font-size: 42px;
	}
	.in-title .in-title-p{
		font-size: 20px;
		margin-top: 15px;
	}
	.web1-list ul li{
		margin-top: 80px;
	}
	.web1-list ul li .web1-li-right{
		font-size: 16px;
	}
	.web1-list ul li .web1-li-right .web1-li-rT {
	    font-size: 36px;
	    margin-top: 36px;
	    padding-bottom: 24px;
	}
	.web1-list ul li .web1-li-right .web1-li-rM {
	    line-height: 2;
	    padding: 18px 0;
	}
	.web1-list ul li .web1-li-right .web1-li-rD {
	    margin-top: 30px;
	}
	.web-2 {
	    margin-top: 120px;
	}
	.web-2 ul{
		margin-top: 60px;
	}
	.web-3 {
	    margin: 140px 0 180px 0;
	}
	.web-3-e{
		font-size: 36px;
	}
	.web-3-c {
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 10px;
	    padding-bottom: 20px;
	}
	.web-3-p > div {
	    margin-top: 18px;
	    padding-left: 40px;
	}
	.web-3-p strong {
	    font-size: 24px;
	}
	.web-ly-bg {
	    margin-top: -140px;
	    padding: 40px 40px 60px 60px;
	}
	.web-ly-d {
	    margin-top: 20px;
	}
	.web-news {
	    padding: 80px 0 120px 0;
	}
	.web-news-con {
	    margin-top: 30px;
	}
	.web-news-con ul li {
	    margin-top: 20px;
	}
	.web-news-a{
		margin-top: 50px;
	}
	.web-news-a a {
	    padding-top: 80px;
	    font-size: 30px;
		background-size: 58px auto;
	}
}

@media (max-width: 1400px) {
	.web1-list ul li .web1-li-right {
	    padding-left: 4%;
	    padding-right: 0%;
	}
}

@media (max-width: 1199px) {
	.in-title .in-title-t{
		font-size: 32px;
	}
	.in-title .in-title-p{
		font-size: 18px;
		margin-top: 12px;
	}
	.web-1 {
	    margin-top: 60px;
	}
	.web1-list ul li {
	    margin-top: 40px;
	}
	.web1-list ul li .web1-li-right {
	    padding-left: 3%;
	    padding-right: 2%;
	}
	.web1-list ul li .web1-li-right .web1-li-rT {
	    font-size: 24px;
	    margin-top: 20px;
	    padding-bottom: 16px;
	}
	.web1-list ul li .web1-li-right .web1-li-rM {
	    line-height: 1.8;
	    padding: 10px 0;
	}
	.web1-list ul li:nth-child(2n) {
	    margin-top: -60px;
	}
	.web1-list ul li:nth-child(2n) .web1-li-right{
		margin-top: 80px;
	}
	.web-2 {
	    margin-top: 60px;
	}
	.web-2 ul {
	    margin-top: 30px;
	}
	.web-3 {
	    margin: 80px 0 120px 0;
	}
	.web-ly-bg {
		width: 80%;
	    margin-top: -80px;
	    padding: 20px 30px 20px 30px;
	}
	.web-ly-t .web-ly-tl .web-ly-tlc {
	    font-size: 24px;
	}
	.web-ly-t .web-ly-tl .web-ly-tle {
	    font-size: 14px;
	    margin-top: 8px;
	}
	.web-ly-t a {
	    top: 16px;
	    padding-right: 48px;
	    font-size: 14px;
		background-size: auto 5px;
	}
	.web-ly-d input{
		height: 50px;
		font-size: 14px;
		padding: 0 2%;
	}
	.web-news {
	    padding: 60px 0 80px 0;
	}
	.web-news-con {
	    margin-top: 20px;
	}
	.web-news-a a {
	    padding-top: 60px;
	    font-size: 24px;
	    background-size: 44px auto;
	}
}
@media (max-width: 991px) {
	.web1-list ul li .web1-li-left{
		width: 100%!important;
		background-size: auto 100%!important;
	}
	.web1-list ul li .web1-li-right{
		width: 100%!important;
		margin-top: 0!important;
		padding: 10px 20px 40px 20px;
	}
	.web1-list ul li{
	    margin-top: 20px!important;
	}
	.web-2 {
	    margin-top: 40px;
	}
	.web-2 ul li{
		width: 100%;
	}
	.web-3-e {
	    font-size: 28px;
	}
	.web-3-c {
	    font-size: 16px;
	    line-height: 24px;
	    margin-top: 10px;
	    padding-bottom: 10px;
	}
	.web-3-p{
		font-size: 16px;
		line-height: 24px;
	}
	.web-3-p > div img{
		top: 0;
	}
	.web-3-p strong {
	    font-size: 20px;
	}
	.web-ly-bg{
		width: 100%;
	}
	.web-news {
	    padding: 50px 0 60px 0;
	}
	.web-news-a {
	    margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.in-title .in-title-t{
		font-size: 22px;
	}
	.in-title .in-title-p{
		font-size: 16px;
		margin-top: 8px;
	}
	.web-1 {
	    margin-top: 30px;
	}
	.web1-list ul li .web1-li-right {
	    padding: 10px 3% 20px 3%;
		font-size: 13px;
	}
	.web1-list ul li .web1-li-right .web1-li-rT {
	    font-size: 20px;
	    margin-top: 5px;
	    padding-bottom: 12px;
	}
	.web1-list ul li .web1-li-right .web1-li-rT::after{
		width: 36px;
	}
	.web1-list ul li .web1-li-right .web1-li-rM {
	    line-height: 1.6;
	}
	.web1-list ul li .web1-li-right .web1-li-rM::after{
		width: 36px;
	}
	.web1-list ul li .web1-li-right .web1-li-rD {
	    margin-top: 15px;
	}
	.web1-list ul li .web1-li-right .web1-li-rD1{
		margin-top: 8px;
	}
	.web1-list ul li .web1-li-right .web1-li-rD1 a{
		display: inline-block;
		min-height: 22px;
		line-height: 22px;
		background-size: auto!important;
	}
	.web-2 {
	    margin-top: 30px;
	}
	.web-2 ul {
	    margin-top: 20px;
	}
	.web-3-e {
	    font-size: 24px;
	}
	.web-3-c{
		font-size: 14px;
	}
	.web-3-p{
		font-size: 14px;
	}
	.web-3-p strong {
	    font-size: 18px;
	}
	.web-3-p > div{
		padding-left: 36px;
		margin-top: 10px;
	}
	.web-ly-bg {
	    margin-top: -70px;
	    padding: 20px 15px 20px 15px;
	}
	.web-ly-d {
	    margin-top: 10px;
	}
	.web-ly-t .web-ly-tl .web-ly-tlc {
	    font-size: 22px;
	}
	.web-ly-d input{
		width: 100%;
		height: 42px;
		margin: 3px 3px;
		padding: 0 4%;
	}
	.web-3 {
	    margin: 48px 2% 100px 2%;
	}
	.web-news {
	    padding: 40px 0 40px 0;
	}
	.web-news-con {
	    margin-top: 10px;
	}
	.web-news-con ul li {
	    margin-top: 10px;
	}
	.web-news-a {
	    margin-top: 20px;
	}
	.web-news-a a {
	    padding-top: 48px;
	    font-size: 20px;
	    background-size: 36px auto;
	}
}

/*网站详情*/
.webDe-1{
	float: left;
	width: 100%;
	margin-top: 120px;
	position: relative;
}
.webDe-1::after{
	position: absolute;
	bottom: 190px;
	left: 50%;
	width: 40px;
	height: 176px;
	background: url(../images/de-scroll.png) no-repeat;
	background-size: 100% auto;
	/* content: ""; */
}

.bor-1{
	border-bottom: 1px solid #ccc;
}
.webDe-2{
	float: left;
	width: 100%;
	margin: 44px 0 46px 0;
	line-height: 42px;
	color: #333;
}
.webDe-2 .webDe-2L{
	float: left;
	font-size: 42px;
}
.webDe-2 .webDe-2L span{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	margin-left: 50px;
	color: #999;
}
.webDe-2 .webDe-2L span a:hover{
	color: #a10;
}
.webDe-2 .webDe-2R{
	float: right;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.webDe-2 .webDe-2R a{
	display: inline-block;
	color: #333;
	padding-right: 64px;
	font-size: 18px;
	background: url(../images/de-jt.png) right center no-repeat;
}
.webDe-2 .webDe-2R:hover{
	margin-right: 5px;
}
.webDe-2 .webDe-2R a:hover{
	color: #a10;
	background: url(../images/de-jt-on.png) 96% center no-repeat;
}

.webDe-3{
	float: left;
	width: 100%;
	padding: 60px 0 68px 0;
}
.webDe-3-text{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 2;
	color: #666;
}
.webDe-3-text h1{
	font-size: 42px;
	line-height: 1.6;
	margin-bottom: 18px;
	color: #333;
}
.webDe-3-text img{
	margin-top: 0px!important;
}

.webDe-4{
	float: left;
	width: 100%;
}

.webDe-5{
	float: left;
	width: 100%;
	margin: 92px 0 90px 0;
}
.webDe-5 a{
	display: block;
	float: left;
	width: 50%;
	position: relative;
	color: #000;
	overflow: hidden;
	padding-bottom: 30.72916666666667%;
}
.webDe-5 a:last-child::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	content: "";
	z-index: 1;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.webDe-5 a img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}	
.webDe-5 a:hover img{
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.webDe-5 a:last-child:hover::after{
	background: rgba(0,0,0,0.6);
}
.webDe-5 a:nth-child(1){
}
.webDe-5 a:nth-child(2){
	color: #fff;
}



.webDe-5 a .webDe-5-text{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 2;
}
.webDe-5 a:nth-child(1) .webDe-5-text{
	padding-left: 28.9%;
}
.webDe-5 a:nth-child(2) .webDe-5-text{
	padding-left: 34.1%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.webDe-5 a:hover:nth-child(2) .webDe-5-text{
	opacity: 1;
	padding-left: 30%;
}
.webDe-5 a .webDe-5-text .webDe-5-te{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 64px;
}
.webDe-5 a .webDe-5-text .webDe-5-tc{
	margin-top: 20px;
}
.webDe-5 a .webDe-5-text .webDe-5-ti{
	margin-top: 36px;
	height: 6px;
	background: url(../images/de-jt.png) no-repeat;
}
.webDe-5 a .webDe-5-text .webDe-5-ta{
	margin-top: 30px;
}

.webDe-5 a:nth-child(2) .webDe-5-text .webDe-5-ti{
	background: url(../images/jt.png) no-repeat;
}

@media (max-width: 1440px) {
	.webDe-1::after {
	    bottom: 100px;
	    width: 32px;
	    height: 140px;
	}
	.webDe-2 {
	    margin: 34px 0 36px 0;
	    line-height: 36px;
	}
	.webDe-2 .webDe-2L {
	    font-size: 36px;
	}
	.webDe-2 .webDe-2L span {
	    font-size: 16px;
	    margin-left: 36px;
	}
	.webDe-2 .webDe-2R a{
		font-size: 16px;
	}
	.webDe-3 {
	    padding: 40px 0 48px 0;
	}
	.webDe-3-text{
		font-size: 16px;
	}
	.webDe-3-text h1 {
	    font-size: 36px;
	    margin-bottom: 14px;
	}
	.webDe-5 a:nth-child(1) .webDe-5-text {
	    padding-left: 24%;
	}
	.webDe-5 a:nth-child(2) .webDe-5-text {
	    padding-left: 28%;
	}
	.webDe-5 a .webDe-5-text{
		font-size: 18px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-te{
		font-size: 48px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-tc {
	    margin-top: 15px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-ti {
	    margin-top: 24px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-ta {
	    margin-top: 20px;
	}
	.webDe-5 {
	    margin: 42px 0 40px 0;
	}
	.web1-list ul li .web1-li-left > span{
		font-size: 56px;
	}
	.web1-list ul li:nth-child(2n) .web1-li-left > span {
	    margin-top: -25px;
	}
}
@media (max-width: 1199px) {
	.webDe-2 .webDe-2L {
	    font-size: 28px;
	}
	.webDe-2 .webDe-2L span {
	    margin-left: 24px;
	}
	.webDe-2 .webDe-2R a{
		padding-right: 60px;
	}
	.webDe-3-text h1{
		font-size: 28px;
	}
	.webDe-5 {
	    margin: 20px 0 40px 0;
	}
	
	.webDe-5 a .webDe-5-text{
		font-size: 16px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-te{
		font-size: 36px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-tc {
		margin-top: 10px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-ti {
	    margin-top: 15px;
	}
	.webDe-5 a .webDe-5-text .webDe-5-ta {
		margin-top: 15px;
	}
}
@media (max-width: 991px) {
	.webDe-1::after{
		display: none;
	}
	.webDe-2 .webDe-2L {
		font-size: 24px;
	}
	.webDe-2 .webDe-2L span {
	    margin-left: 18px;
	}
	.webDe-3 {
	    padding: 30px 0 38px 0;
	}
	.webDe-3-text img {
	    margin-top: 20px;
	}
	.webDe-3-text h1 {
	    font-size: 24px;
	}
	.webDe-5 a{
		width: 100%;
		padding-bottom: 61.45833333333333%;
	}
	.webDe-5 a:nth-child(1) .webDe-5-text {
	    padding-left: 24%;
	}
	.webDe-5 a:nth-child(2) .webDe-5-text{
		padding-left: 24%;
	}
	.webDe-2 {
	    margin: 24px 0 24px 0;
	}
}

@media (max-width: 767px) {
	.web1-list ul li .web1-li-left > span{
		font-size: 36px;
	}
	.web1-list ul li:nth-child(1) .web1-li-left{
		background-position: 28% center!important;
	}
	.web1-list ul li:nth-child(2) .web1-li-left{
		background-position: 16% center!important;
	}
	.web1-list ul li:nth-child(3) .web1-li-left{
		background-position: 24% center!important;
	}
	.web1-list ul li:nth-child(4) .web1-li-left{
		background-position: 30% center!important;
	}
	.web1-list ul li:nth-child(5) .web1-li-left{
		background-position: 20% center!important;
	}
	.web1-list ul li:nth-child(2n) .web1-li-left > span {
	    margin-top: -15px;
	}
	
	
	.webDe-1{
		margin-top: 66px;
	}
	.webDe-2{
		line-height: 24px;
		margin: 15px 0 15px 0;
	}
	.webDe-2 .webDe-2L {
		width: 100%;
	    font-size: 20px;
	}
	.webDe-2 .webDe-2L span {
		font-size: 14px;
	    margin-left: 12px;
	}
	.webDe-2 .webDe-2R a{
		padding-right: 32px;
		font-size: 14px;
		background: url(../images/de-jt-1.png) right center no-repeat;
		background-size: 20px auto;
	}
	.webDe-2 .webDe-2R a:hover{
		background: url(../images/de-jt-1.png) right center no-repeat;
		background-size: 20px auto;
	}
	.webDe-3 {
	    padding: 20px 0 28px 0;
	}
	.webDe-3-text{
		font-size: 13px;
	}
	.webDe-3-text img {
	    margin-top: 10px;
	}
	.webDe-3-text h1 {
	    font-size: 20px;
	}
	.webDe-5 {
	    margin: 0px 0 20px 0;
	}
}

/*新闻*/
.news{
	float: left;
	width: 100%;
	margin-top: 64px;
	margin-bottom: 150px;
}
.news ul{
	
}
.news ul li{
	float: left;
	width: 31.4%;
	margin-top: 28px;
	margin-right: 2.9%;
}
.news ul li:nth-child(3n){
	margin-right: 0;
}
.news ul li a{
	
}
.news ul li a span{
	display: block;
	overflow: hidden;
}
.news ul li a span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.news ul li:hover a span img{	
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.news ul li a .news-text{
	color: #999;
	padding: 24px 6.1% 40px 6.1%;
	border: 1px solid #c9c9c9;
	border-top: 0;
}
.news ul li a .news-text .news-hy{
	font-size: 16px;
}
.news ul li a .news-text .news-t{
	font-size: 24px;
	height: 64px;
	line-height: 32px;
	margin-top: 24px;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news ul li:hover a .news-text .news-t{
	color: #a10;
}
.news ul li a .news-text .news-p{
	font-size: 16px;
	height: 52px;
	line-height: 26px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news ul li a .news-text .news-line{
	border-bottom: 1px solid #d2d2d2;
}
.news ul li a .news-text .news-a{
	font-family: 'CenTuryGoThic';
	margin-top: 24px;
	height: 14px;
	font-size: 16px;
	background: url(../images/jt-2.png) right center no-repeat;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.news ul li:hover a .news-text .news-a{
	background-position: 97% center;
}
@media (max-width: 1440px) {
	.news ul li a .news-text .news-t {
	    font-size: 20px;
	    height: 56px;
	    line-height: 28px;
	    margin-top: 18px;
	}
	.news ul li a .news-text .news-p {
	    font-size: 14px;
	    height: 48px;
	    line-height: 24px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news ul li a .news-text .news-a {
	    margin-top: 20px;
	    height: 12px;
	    font-size: 14px;
	}
	.news ul li a .news-text {
	    padding: 20px 6% 30px 6%;
	}
}
@media (max-width: 1199px) {
	.news {
	    margin-top: 44px;
	    margin-bottom: 100px;
	}
	.news ul li a .news-text .news-t {
	    font-size: 18px;
	    height: 48px;
	    line-height: 24px;
	    margin-top: 12px;
	}
	.news ul li a .news-text .news-p {
	    font-size: 13px;
	    height: 44px;
	    line-height: 22px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}
	.news ul li a .news-text .news-a {
	    margin-top: 15px;
	    height: 12px;
	    font-size: 14px;
	}
	.news ul li a .news-text {
	    padding: 20px 6% 20px 6%;
	}
}

@media (max-width: 991px) {
	.news ul li{
		width: 48%;
		margin-top: 28px;
		margin-right: 4%;
	}
	.news ul li:nth-child(3n){
		margin-right: 4%;
	}
	.news ul li:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	.news {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.news ul li{
		width: 100%;
		margin: 0;
		margin-top: 15px;
	}
	.news ul li a .news-text {
	    padding: 20px 5% 20px 5%;
	}
	.news ul li a .news-text .news-t{
		height: auto;
	}
}
.news-details-1{
	float: left;
	width: 100%;
	margin-top: 86px;
	padding-left: 262px;
	min-height: 600px;
	/* position: relative; */
}
.newsDe1-l{
	position: absolute;
	left: 9%;
	top: 0;
	z-index: 999;
}
.news-fix{
	position: fixed;
	top: 6%;
}
.newsDe1-l .newsDe1-lSpan,
.newsDe1-l .bdshare-button-style0-16 a.bds_weixin,
.newsDe1-l .bdshare-button-style0-16 a.bds_sqq,
.newsDe1-l .bdshare-button-style0-16 a.bds_tsina,
.newsDe1-l .bdshare-button-style0-16 a.backtop{
	width: 100%;
	clear: both;
	margin-top: 80px!important;
}
.newsDe1-l .bdshare-button-style0-16 a.bds_weixin,
.newsDe1-l .bdshare-button-style0-16 a.bds_sqq,
.newsDe1-l .bdshare-button-style0-16 a.bds_tsina,
.newsDe1-l .bdshare-button-style0-16 a.backtop{
	width: 38px;
	height: 38px;
}
.newsDe1-l .newsDe1-lSpan{
	margin-top: 6px;
}
.newsDe1-l .newsDe1-lSpan span{
	display: inline-block;
	padding: 0 18px;
	line-height: 40px;
	font-size: 20px;
	border-radius: 20px;
	border: 1px solid #999;
	color: #333;
}
.newsDe1-l .bdsharebuttonbox{
	margin-top: -12px;
}
.newsDe1-l .bdshare-button-style0-16 a{
	position: relative;
	background-size: 100% 100%!important;
}
.newsDe1-l .bdshare-button-style0-16 a::after{
	position: absolute;
	bottom: -44px;
	left: 50%;
	margin-left: -6px;
	color: #333;
	font-size: 12px;
	content: "/";
}
.newsDe1-l .bdshare-button-style0-16 a:last-child::after{
	display: none;
}
.newsDe1-l .bdshare-button-style0-16 a.bds_weixin{
	background: url(../images/de-wx.png) no-repeat;
}
.newsDe1-l .bdshare-button-style0-16 a.bds_sqq{
	background: url(../images/de-qq.png) no-repeat;
}
.newsDe1-l .bdshare-button-style0-16 a.bds_tsina{
	background: url(../images/de-wb.png) no-repeat;
}
.newsDe1-l .bdshare-button-style0-16 a.backtop{
	background: url(../images/de-up.png) no-repeat;
}
.news-details-1 .newsDe1-text{
	float: left;
	width: 100%;
}
.news-details-1 .newsDe1-text>h1 {
	font-size:36px;
	margin-bottom:80px;
}
@media (max-width:767px) {
	.news-details-1 .newsDe1-text>h1 {
		font-size:20px;
		margin-bottom:40px;
	}
}
.news-details-1 .newsDe1-text .newsDe1-top{
	float: left;
	width: 100%;
}
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tl{
	float: left;
	font-size: 18px;
	height: 22px;
	line-height: 22px;
	padding-left: 32px;
	margin-top: 8px;
	color: #333;
	font-family: 'CenTuryGoThic-Bold';
	background: url(../images/de-ico-1.png) left center no-repeat;
}
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tr{
	float: right;
}
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tr .switcher-small,
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tr .switcher-bigger{
	display: inline-block;
	width: 37px;
	height: 37px;
	margin-left: 8px;
}
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tr .switcher-small{
	background: url(../images/de-jian.png) no-repeat;
	margin-left: 8px;
}
.news-details-1 .newsDe1-text .newsDe1-top .newsDe1-Tr .switcher-bigger{
	background: url(../images/de-jia.png) no-repeat;
}
.news-details-1 .newsDe1-text .text{
	float: left;
	width: 100%;
	font-size: 18px;
	padding: 20px 0 100px 0;
	line-height: 2;
	color: #333;
}
.news-details-1 .newsDe1-text .text a { color: inherit; }
.news-details-1 .newsDe1-text .text h1{
	font-size: 42px;
}
.news-page{
	float: left;
	width: 100%;
}
.news-page > span{
	display: block;
	float: left;
	width: 44.6%;
	padding: 26px 120px 26px 34px;
	border: 1px solid #aaa;
	background: url(../images/de-ico-jtl.png) 92% center no-repeat;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.news-page > span:hover{
	background: url(../images/de-ico-jtl-on.png) 94% center no-repeat;
}
.news-page > span:last-child{
	float: right;
	padding: 26px 34px 26px 120px;
	background: url(../images/de-ico-jtr.png) 8% center no-repeat;
}
.news-page > span:last-child:hover{
	background: url(../images/de-ico-jtr-on.png) 6% center no-repeat;
}	
.news-page > span:hover{
	
}
.news-page a{
	color: #333;
	font-size: 24px;
	line-height: 32px;
	height: 64px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	position: relative;
}
.news-page a font{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-page a:hover{
	color: #a10;
}

.news-details-2{
	float: left;
	width: 100%;
	margin: 220px 0 200px 0;
}
.news-details-2 .news{
	margin-bottom: 0;
}
.news-details-2 .newsDe2-more{
	float: left;
	width: 100%;
	margin-top: 76px;
	text-align: center;
}
.news-details-2 .newsDe2-more a{
	font-family: 'CenTuryGoThic';
	display: inline-block;
	padding-right: 60px;
	font-size: 24px;
	color: #333;
	background: url(../images/de-ico-more.png) right center no-repeat;
}
.news-details-2 .newsDe2-more a:hover{
	color: #a10;
	background-position: 96% center;
}
@media (max-width: 1680px) {
	.newsDe1-l{
		left: 3.6%;
	}
	.news-details-1{
		padding-left: 180px;
	}
}
@media (max-width: 1440px) {
	.newsDe1-l {
	    left: 3%;
	}
	.news-fix{
		top: 10%;
	}
	.news-details-1{
		margin-top: 60px;
	}
	.newsDe1-l .newsDe1-lSpan, .newsDe1-l .bdshare-button-style0-16 a.bds_weixin, .newsDe1-l .bdshare-button-style0-16 a.bds_sqq, .newsDe1-l .bdshare-button-style0-16 a.bds_tsina, .newsDe1-l .bdshare-button-style0-16 a.backtop {
	    margin-top: 60px!important;
	}
	.newsDe1-l .bdshare-button-style0-16 a::after{
		bottom: -35px;
	}
	.newsDe1-l .bdsharebuttonbox {
	    margin-top: -15px;
	}
	.news-details-1 {
	    padding-left: 160px;
	}
	.news-details-1 .newsDe1-text .text {
	    font-size: 16px;
	    padding: 15px 0 80px 0;
	}
	.news-details-1 .newsDe1-text .text h1 {
	    font-size: 36px;
	}
	.news-page > span {
	    padding: 22px 100px 22px 30px;
	}
	.news-page > span{
		width: 46%;
	}
	.news-page a {
	    font-size: 20px;
	    line-height: 28px;
	    height: 56px;
	}
	.news-details-2 {
	    margin: 110px 0 100px 0;
	}
	.news-details-2 .news{
		margin-top: 36px;
	}
	.news-details-2 .newsDe2-more{
		margin-top: 60px;
	}
}
@media (max-width: 1199px) {
	.news-fix {
	    top: 12%;
	}
	.news-details-1 {
	    padding-left: 120px;
		margin-top: 48px;
	}
	.newsDe1-l .bdshare-button-style0-16 a.bds_weixin, 
	.newsDe1-l .bdshare-button-style0-16 a.bds_sqq, 
	.newsDe1-l .bdshare-button-style0-16 a.bds_tsina, 
	.newsDe1-l .bdshare-button-style0-16 a.backtop {
	    width: 28px;
	    height: 28px;
	}
	.newsDe1-l .newsDe1-lSpan, 
	.newsDe1-l .bdshare-button-style0-16 a.bds_weixin, 
	.newsDe1-l .bdshare-button-style0-16 a.bds_sqq, 
	.newsDe1-l .bdshare-button-style0-16 a.bds_tsina, 
	.newsDe1-l .bdshare-button-style0-16 a.backtop {
	    margin-top: 48px!important;
	}
	.newsDe1-l .bdshare-button-style0-16 a::after {
	    bottom: -26px;
	}
	.newsDe1-l .newsDe1-lSpan span {
	    padding: 0 16px;
	    line-height: 32px;
	    font-size: 14px;
	    border-radius: 18px;
	}
	.news-details-1 .newsDe1-text .text {
	    padding: 10px 0 60px 0;
	}
	.news-details-1 .newsDe1-text .text h1 {
	    font-size: 32px;
	}
	.news-page a{
		font-size: 18px;
	}
}
@media (max-width: 991px) {
	.news-details-1 {
		padding-left: 100px;
	}
	.news-details-1 .newsDe1-text .text h1 {
	    font-size: 28px;
	}
	.news-page > span{
		width: 100%;
		margin: 5px 0;
	}
	.news-details-1 .newsDe1-text .text {
	    padding: 10px 0 40px 0;
	}
	.news-page a font {
	    position: static;
	    top: auto;
	    -webkit-transform: translateY(-0%);
	    -ms-transform: translateY(-0%);
	    -moz-transform: translateY(-0%);
	    transform: translateY(-0%);
	}
	.news-page a{
		height: auto;
	}
	.news-details-2 {
	    margin: 60px 0 80px 0;
	}
	.news-details-2 .news{
		margin-top: 0;
	}
	.news-details-2 .newsDe2-more {
	    margin-top: 30px;
	}
	.news-details-2 .newsDe2-more a{
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.news-details-2 {
	    margin: 30px 0 40px 0;
	}
	.news-details-1 {
	    padding-left: 0px;
	}
	
	.newsDe1-l .bdsharebuttonbox{
		display: inline-block;
		vertical-align: top;
		float: none;
		margin-top: 0;
		width: auto;
	}
	.newsDe1-l .bdshare-button-style0-16 a.backtop{
		display: none!important;
	}
	.newsDe1-l{
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.newsDe1-l .newsDe1-lSpan, .newsDe1-l .bdshare-button-style0-16 a.bds_weixin, .newsDe1-l .bdshare-button-style0-16 a.bds_sqq, .newsDe1-l .bdshare-button-style0-16 a.bds_tsina, .newsDe1-l .bdshare-button-style0-16 a.backtop{
		display: inline-block;
		vertical-align: top;
		float: none;
		margin-top: 0px!important;
		margin: 0 5px!important;
	}
	.newsDe1-l .bdshare-button-style0-16 a::after{
		display: none;
	}
	.newsDe1-l .newsDe1-lSpan{
		margin-bottom: 15px!important;
	}
	.news-details-1{
		margin-top: 20px;
	}
	.news-details-1 .newsDe1-text .text{
		font-size: 13px;
		line-height: 1.8;
	}
	.news-details-1 .newsDe1-text .text h1 {
	    font-size: 22px;
	}
	.news-page a{
		font-size: 16px;
		line-height: 1.6;
	}
	.news-page > span {
	    padding: 14px 68px 14px 16px;
		background: url(../images/de-ico-jtl.png) 96% center no-repeat;
	}
	.news-page > span:last-child {
	    padding: 14px 16px 14px 68px;
	    background: url(../images/de-ico-jtr.png) 4% center no-repeat;	
	}
	.news-details-2 .newsDe2-more a {
	    font-size: 18px;
	}
	.news-details-2 .newsDe2-more {
	    margin-top: 20px;
	}
}

.w-1800{
	padding: 0 3.125%;
}
.about-1{
	float: left;
	width: 100%;
	padding: 60px 0% 0% 0%;
}
.ab1-con{
	float: left;
	width: 100%;
	padding: 70px 0 148px 0;
	background: #f9f9f9;
	color: #666666;
}

.ab1-con .ab1-left,
.ab1-con .ab1-right{
	float: left;
	width: 50%;
}

.ab1-con .ab1-left{
	padding-left: 6.6%;
}
.ab1-con .ab1-right{
	padding-right: 6.6%;
}
.ab1-con h1{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 36px;
	color: #999;
}
.ab1-con .ab1-lt{
	font-size: 42px;
	line-height: 1.3;
	margin-top: 50px;
	color: #333;
}
.ab1-lt-ico{
	margin-top: 90px;
	padding-right: 23.2%;
}
.ab1-lt-ico a{
	display: block;
	float: left;
	position: relative;
	margin-top: 106px;
	margin-right: 130px;
	cursor: default;
}
.ab1-lt-ico a::after{
	position: absolute;
	right: -60px;
	top: 50%;
	font-size: 12px;
	color: #666;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "/";
}
.ab1-lt-ico a:nth-child(3n)::after{
	display: none;
}


.ab1-con .ab1-right .ab1-rText{
}
.ab1-con .ab1-right .ab1-rText .ab1-rt{
	font-size: 48px;
	color: #333;
}
.ab1-con .ab1-right .ab1-rText .ab1-rp{
	margin-top: 55px;
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 2;
	text-indent: 2em;
}

.about-2{
	float: left;
	width: 100%;
	padding: 80px 6.6% 120px 6.6%;
}
.about-2 li{
	float: left;
	width: 14.28571428571429%;
	text-align: center;
	margin: 12px 0;
}
.about-2 a{
	padding-bottom: 57.77777777777778%;
}
.about-2 a img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.about-2 a img.block{
	display: inline-block!important;
}
.about-2 a img.none{
	display: none!important;
}
.about-2 a:hover img.block{
	display: none!important;
}
.about-2 a:hover img.none{
	display: inline-block!important;
}
/* .about-2 a:hover img{	
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
} */

.about-3{
	float: left;
	width: 100%;
	margin: 60px 0 102px 0;
}
.ab3-list{
	float: left;
	width: 100%;
	margin-top: 64px;
}
.ab3-l-25{
	float: left;
	width: 25%;
}
.ab3-l-50{
	float: left;
	width: 50%;
}
.ab3-l-50:nth-child(2) .ab3-t{
	color: #333;
}
.ab3-l-100{
	float: left;
	width: 100%;
}

.ab3-con{
	float: left;
	overflow: hidden;
	position: relative;
}
.ab3-l-25:nth-child(2) .ab3-con:nth-child(2) .ab3-t{
	color: #333;
}

.about-3 .ab3-con img{
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}	
.about-3 .ab3-con:hover img{
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ab3-t{
	position: absolute;
	bottom: 54px;
	padding: 0 48px;
	color: #fff;
}
.ab3-t .ab3-te{
	font-family: 'CenTuryGoThic';
	font-size: 36px;
}
.ab3-t .ab3-tc{
	font-size: 20px;
	margin-top: 10px;
}

.bg-f9{
	background: #f9f9f9;
}
.ab4-newsUl{
	margin: 62px 0 180px 0;
}
@media (max-width: 1680px) {
	.ab1-con .ab1-left {
	    padding-left: 5%;
	}
	.ab1-con .ab1-right {
	    padding-right: 5%;
	}
	.ab1-lt-ico {
	    margin-top: 80px;
	    padding-right: 18%;
	}
}
@media (max-width: 1600px) {
	.ab1-con .ab1-left {
	    padding-left: 4%;
	}
	.ab1-con .ab1-right {
	    padding-right: 4%;
	}
	.ab1-lt-ico {
	    margin-top: 70px;
	    padding-right: 16%;
	}
	.ab1-con .ab1-lt {
	    font-size: 42px;
	    margin-top: 40px;
	}
	.ab3-t {
	    bottom: 36px;
	    padding: 0 36px;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rt{
	    font-size: 40px;
	}
}
@media (max-width: 1440px) {
	.ab1-con {
	    padding: 40px 0 88px 0;
	}
	.ab1-lt-ico {
	    margin-top: 40px;
	    padding-right: 12%;
	}
	.ab1-lt-ico a {
	    margin-top: 106px;
	    margin-right: 110px;
	}
	.ab1-lt-ico a::after{
		right: -50px;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rt {
	    font-size: 36px;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rp {
	    margin-top: 40px;
	    margin-bottom: 40px;
	    font-size: 17px;
		line-height: 1.8;
	}
	.ab1-con .ab1-lt {
	    font-size: 36px;
	    margin-top: 30px;
	}
	.about-2 {
	    padding: 60px 6% 100px 6%;
	}
	.about-3 {
	    margin: 50px 0 82px 0;
	}
	.ab3-t .ab3-te {
	    font-size: 28px;
	}
	.ab3-t .ab3-tc {
	    font-size: 18px;
	    margin-top: 8px;
	}
	.ab4-newsUl {
	    margin: 52px 0 120px 0;
	}
}
@media (max-width: 1400px) {
	.ab1-lt-ico a {
	    margin-top: 96px;
	    margin-right: 90px;
	}
	.ab1-lt-ico a::after{
		right: -40px;
	}
}

@media (max-width: 1366px) {
	.ab1-lt-ico{
		padding-right: 10%;
	}
}
@media (max-width: 1280px) {
	.ab1-lt-ico{
		padding-right: 8%;
	}
	.ab1-lt-ico a{
		margin-right: 90px;
	}
	.ab1-lt-ico a::after {
	    right: -40px;
	}
}
@media (max-width: 1199px) {
	.ab1-con {
	    padding: 48px 0 48px 0;
	}
	.ab1-con .ab1-left{
		width: 100%;
	}
	.ab1-con .ab1-right{
		width: 100%;
		margin-top: 80px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.ab1-con .ab1-left {
	    padding-left: 10%;
	    padding-right: 10%;
	}
	.ab1-lt-ico a{
		width: 33.33%;
		margin-right: 0;
		margin-top: 80px;
		text-align: center;
	}
	.ab1-lt-ico a::after{
		display: none;
	}
	.ab1-lt-ico{
		float: left;
		width: 100%;
		margin-top: 0;
		padding-right: 0;
	}
	.about-2 {
	    padding: 40px 4% 40px 4%;
	}
	.about-2 li{
		width: 25%;
	}
	.ab3-l-25{
		width: 50%;
	}
	.ab3-l-25 .ab3-con{
		width: 100%;
	}
	.ab3-l-50{
		width: 100%;
	}
	.ab3-con.ab3-l-50{
		width: 50%;
	}
}

@media (max-width: 991px) {
	.about-1 {
		padding: 40px 0% 0% 0%;
	}
	.ab1-con .ab1-left {
	    padding-left: 6%;
	    padding-right: 6%;
	}
	.ab1-con h1{
		font-size: 32px;
	}
	.ab1-con .ab1-lt {
	    font-size: 26px;
	    margin-top: 20px;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rt {
	    font-size: 28px;
	}
	.about-2 li{
		width: 50%;
	}
}
@media (max-width: 767px) {
	.about-1 {
	    padding: 20px 0% 0% 0%;
	}
	.ab1-con {
	    padding: 30px 0 10px 0;
	}
	.ab1-con h1 {
	    font-size: 24px;
	}
	.ab1-con .ab1-lt {
	    font-size: 20px;
	    margin-top: 10px;
	}
	.ab1-lt-ico a {
	    margin-top: 30px;
	}
	.ab1-lt-ico a img{
		height: 40px;
	}
	.ab1-con .ab1-right{
		padding-left: 6%;
		padding-right: 6%;
		margin-top: 40px;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rp {
	    margin-top: 30px;
	    margin-bottom: 30px;
	    font-size: 16px;
	    font-size: 14px;
	    line-height: 1.6;
	}
	.ab1-con .ab1-right .ab1-rText .ab1-rt {
	    font-size: 24px;
	}
	.about-2 {
	    padding: 20px 4% 20px 4%;
	}
	.about-2 li{
		margin: 0;
		width: 33.33%;
		border-right: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}
	.about-2 li:last-child{
		border-right-width: 0;
	}
	.about-2 li:nth-child(3n){
	    border-right-width: 0;
	}
	
	.about-3 {
	    margin: 40px 0 40px 0;
	}
	.ab3-l-25{
		width: 50%;
	}
	.ab3-con.ab3-l-50{
		width: 50%;
	}
	.ab3-list{
		margin-top: 20px;
	}
	.ab3-t {
	    bottom: 14px;
	    padding: 0 18px;
	}
	.ab3-t .ab3-te {
	    font-size: 18px;
	}
	.ab3-t .ab3-tc {
	    font-size: 14px;
	    margin-top: 6px;
	}
	.ab4-newsUl {
	    margin: 30px 0 60px 0;
	}
}

/*server*/
.server{
	float: left;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 70px;
}
.server ul{
	float: left;
	width: 100%;
}
.server ul li{
	float: left;
	width: 100%;
	position: relative;
	background: #f9f9f9;
	margin-top: 50px;
	padding: 100px 6.6% 90px 6.6%;
	color: #111;
}
.server ul li .ser-left{
	float: left;
	width: 43.3%;
	padding-right: 5%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.server ul li .ser-right{
	float: right;
	width: 50%;
	overflow: hidden;
}
.server ul li .ser-right img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.server ul li:hover .ser-right img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.server ul li .ser-left .ser-le{
	float: left;
	width: 100%;
	font-family: 'CenTuryGoThic-Bold';
	font-size: 64px;
	text-transform: uppercase;
}
.server ul li .ser-left .ser-lc{
	float: left;
	width: 100%;
	font-size: 32px;
	margin-top: 36px;
}
.server ul li .ser-left .ser-lp{
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 50px;
	line-height: 2;
	color: #666;
}
.server ul li .ser-left .ser-la{
	float: left;
	width: 100%;
	margin-top: 70px;
}
.server ul li .ser-left .ser-la  a{
	display: inline-block;
	padding-right: 90px;
	font-size: 20px;
	background: url(../images/de-ico-more.png) right center no-repeat;
	color: #666;
}
.server ul li .ser-left .ser-la  a:hover{
	color: #a10;
	background: url(../images/de-ico-more-on.png) 96% center no-repeat;
}
.server ul li .ser-left .ser-lLi{
	float: left;
	width: 100%;
	margin-top: 90px;
}
.server ul li .ser-left .ser-lLi a{
	display: block;
	
	font-size: 18px;
	line-height: 2;
	color: #999;
}
.server ul li:nth-child(1) .ser-left .ser-lLi a{
	float: left;
	width: 210px;
}
.server ul li:nth-child(1) .ser-left .ser-lLi a:nth-child(odd){
	clear: left;
}
.server ul li:nth-child(2) .ser-left .ser-lLi a{
	float: left;
	width: 210px;
}
.server ul li:nth-child(2) .ser-left .ser-lLi a:nth-child(odd){
	clear: left;
}
@media (max-width: 1600px) {
	.server ul li {
	    margin-top: 40px;
	    padding: 80px 5% 68px 5%;
	}
	.server ul li .ser-left{
		padding-right: 4%;
	}
	.server ul li .ser-left .ser-lc {
	    font-size: 28px;
	    margin-top: 32px;
	}
	.server ul li .ser-left .ser-lp {
	    margin-top: 40px;
	}
	.server ul li .ser-left .ser-la {
	    margin-top: 60px;
	}
	.server ul li .ser-left .ser-lLi {
	    margin-top: 68px;
	}
}
@media (max-width: 1440px) {
	.server ul li {
	    margin-top: 30px;
	    padding: 60px 5% 48px 5%;
	}
	.server ul li .ser-left{
		padding-right: 3%;
	}
	.server ul li .ser-left .ser-le{
		font-size: 48px;
	}
	.server ul li .ser-left .ser-lc {
	    font-size: 24px;
	    margin-top: 24px;
	}
	.server ul li .ser-left .ser-lp {
	    margin-top: 30px;
		font-size: 16px;
	}
	.server ul li .ser-left .ser-la {
	    margin-top: 40px;
	}
	.server ul li .ser-left .ser-la a{
		font-size: 16px;
	}
	.server ul li .ser-left .ser-lLi a{
		font-size: 16px;
	}
	.server ul li .ser-left .ser-lLi {
	    margin-top: 36px;
	}
}
@media (max-width: 1400px) {
	.server ul li .ser-left{
		padding-right: 0;
	}
}
@media (max-width: 1199px) {
	.server ul li .ser-left{
		padding-right: 1%;
		
	}
	.server ul li {
	    margin-top: 30px;
	    padding: 30px 4% 38px 4%;
	}
	.server ul li .ser-left .ser-le {
	    font-size: 36px;
	}
	.server ul li .ser-left .ser-lc {
	    font-size: 20px;
	    margin-top: 12px;
	}
	.server ul li .ser-left .ser-lp {
	    margin-top: 20px;
	}
	.server ul li .ser-left .ser-la {
	    margin-top: 30px;
	}
	.server ul li .ser-left .ser-lLi {
	    margin-top: 30px;
	}
	.server ul li:nth-child(1) .ser-left .ser-lLi a{
		width: 180px;
		line-height: 1.8;
	}
	.server ul li:nth-child(2) .ser-left .ser-lLi a{
		width: 180px;
		line-height: 1.8;
	}
}
@media (max-width: 991px) {
	.server ul li .ser-left{
		float: left;
		width: 100%;
		padding-bottom: 30px;
		position: relative;
		top: auto;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.server ul li .ser-right{
		width: 100%;
	}
}
@media (max-width: 767px) {
	.server ul li {
	    margin-top: 20px;
	    padding: 20px 4% 20px 4%;
	}
	.server ul li .ser-left .ser-le {
	    font-size: 28px;
	}
	.server ul li .ser-left .ser-lc {
	    font-size: 18px;
	    margin-top: 8px;
	}
	.server ul li .ser-left .ser-lp {
	    margin-top: 20px;
	    font-size: 13px;
		line-height: 1.8;
	}
	.server ul li .ser-left .ser-la a{
		padding-right: 68px;
		background-size: auto 8px;
	}
	.server ul li .ser-left .ser-lLi a{
		font-size: 13px;
	}
	.server ul li:nth-child(1) .ser-left .ser-lLi a{
		width: 50%;
	}
	.server ul li:nth-child(2) .ser-left .ser-lLi a{
		width: 50%;
	}
	.server{
		margin-bottom: 30px;
	}
}

/*人才*/
.job-1{
	float: left;
	width: 100%;
	margin-top: 55px;
	padding: 80px 6.6% 108px 6.6%;
}
.job-1-con{
	float: left;
	width: 100%;
	margin-top: 60px;
}
.job-1-con .job-1-left{
	float: left;
	width: 44.8%;
}
.job-1-con .job-1-right{
	float: right;
	width: 50%;
}
.job-1-con .job-1-right ul{
	float: left;
	width: 100%;
}
.job-1-con .job-1-right ul li{
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}
.job-1-con .job-1-right ul li a{
	display: block;
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	font-size: 24px;
	line-height: 1;
	color: #111;
}
.job-1-con .job-1-right ul li a h3{
	float: left;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.job-1-con .job-1-right ul li a span{
	font-family: 'CenTuryGoThic';
	float: right;
	max-width: 20%;
	font-size: 18px;
	padding-right: 30px;
	color: #ff0000;
	background: url(../images/job/more.png) right center no-repeat;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.job-1-con .job-1-right ul li:hover a span{
	padding-right: 28px;
}
.job-1-con .job-1-right ul li:hover a p{
	color: #ff0000;
}

.job-2{
	float: left;
	width: 100%;
	padding: 76px 0 160px 0;
}
.job-2 ul{
	float: left;
	width: 100%;
	margin-top: 54px;
}
.job-2 ul li{
	float: left;
	/* width: 42.3%; */
	width: 28%;
	margin-right: 8%;
	margin-top: 12px;
}
.job-2 ul li:nth-child(3n){
	margin-right: 0;
}
/* .job-2 ul li:nth-child(2),
.job-2 ul li:nth-child(5){	
	width: 36.4%;
}
.job-2 ul li:nth-child(3),
.job-2 ul li:nth-child(6){	
	width: 21.3%;
} */
.job-2 ul li > span{
	display: block;
	float: left;
	width: 93px;
	height: 93px;
	line-height: 91px;
	border-radius: 100%;
	text-align: center;
	border: 1px solid #aaaaaa;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s; 
	-o-transition: all 0.6s ease-out 0s; 
	transition: all 0.6s ease-out 0s;
}
.job-2 ul li:hover > span{
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.job-2 ul li > span img{
	padding-bottom: 0px;
}
.job-2 ul li .job-2-t{
	float: left;
	width: 100%;
	font-size: 32px;
	margin-top: 34px;
	color: #111;
}
.job-2 ul li .job-2-p{
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	line-height: 28px;
	height: 84px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.job-3{
	float: left;
	width: 100%;
	height: 740px;
	padding-top: 60px;
	margin-bottom: 638px;
	background: #000;
}
.job-3 .in-title{
	color: #fff;
}
.job-3-con{
	float: left;
	width: 100%;
	padding: 0 6.6%;
	margin-top: 72px;
}
.job-3-con .slick-slide.slick-current{
	animation: blue 4s 0s ease both;
}

.job-3-con .slick-arrow{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 38px;
	height: 72px;
	margin-top: -36px;
	background-size: 100% 100%!important;
} 
.job-3-con .slick-arrow.slick-prev{
	left: 50px;
	background: url(../images/left.png) no-repeat;
} 
.job-3-con .slick-arrow.slick-next{
	right: 50px;
	background: url(../images/right.png) no-repeat;
} 
.job-3-con .slick-dots{
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
.job-3-con .slick-dots li{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 3px;
	border-radius: 100%;
	position: relative;
	cursor: pointer;
}
.job-3-con .slick-dots li.slick-active{
	border: 1px solid #333;
}
.job-3-con .slick-dots li button{
	font-size: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #333;
}
@media (max-width: 1600px) {
	.job-1 {
	    margin-top: 48px;
	    padding: 60px 4.8% 88px 4.8%;
	}
	.job-1-con .job-1-right ul li a {
	    padding: 26px 0 26px 0;
	    font-size: 22px;
	}
	.job-2 {
	    padding: 66px 0 140px 0;
	}
	.job-2 ul li .job-2-t {
	    font-size: 28px;
	    margin-top: 30px;
	}
	.job-3 {
	    margin-bottom: 588px;
	}
}
@media (max-width: 1440px) {
	.job-1-con .job-1-right ul li a {
	    padding: 22px 0 22px 0;
	    font-size: 20px;
	}
	.job-1-con .job-1-right ul li a span{
		font-size: 16px;
	}
	.job-2 ul li .job-2-t {
	    font-size: 24px;
	    margin-top: 24px;
	}
	.job-2 ul li .job-2-p {
	    font-size: 16px;
	    margin-top: 15px;
	    line-height: 24px;
	    height: 72px;
	}
	.job-3-con .slick-dots{
		margin-top: 40px;
	}
	.job-3 {
		height: 600px;
	    margin-bottom: 568px;
	}
	.job-3-con .slick-arrow{
		width: 24px;
		height: 42px;
	}
}
@media (max-width: 1199px) {
	.job-1 {
		padding: 48px 4.8% 58px 4.8%;
	}
	.job-1-con {
	    margin-top: 40px;
	}
	.job-1-con .job-1-right ul li a {
	    padding: 15px 0 15px 0;
	    font-size: 18px;
	}
	.job-2 {
	    padding: 46px 0 100px 0;
	}
	.job-2 ul{
		margin-top: 36px;
	}
	.job-2 ul li .job-2-t {
	    font-size: 22px;
	    margin-top: 16px;
	}
	.job-2 ul li .job-2-p {
	    font-size: 13px;
	    margin-top: 10px;
	    line-height: 24px;
	    height: 72px;
	}
	.job-3 {
	    height: 500px;
	    margin-bottom: 468px;
	}
	.job-3-con{
		margin-top: 48px;
	}
	.job-3-con .slick-arrow{
		margin-top: -33px;
	}
	.job-3-con .slick-arrow.slick-prev{
		left: 15px;
	}
	.job-3-con .slick-arrow.slick-next{
		right: 15px;
	}
	.job-3 {
	    height: 440px;
	    margin-bottom: 368px;
	}
}
@media (max-width: 991px) {
	.job-1-con .job-1-left{
		width: 100%;
	}
	.job-1-con .job-1-right{
		width: 100%;
		margin-top: 20px;
	}
	.job-2 ul li{
		width: 50%;
		padding-right: 40px;
		margin: 0;
		margin-top: 15px;
	}
	.job-2 {
	    padding: 36px 0 80px 0;
	}
	.job-3 {
	    height: 400px;
	    margin-bottom: 200px;
		padding-top: 50px;
	}
	.job-3-con {
	    margin-top: 36px;
	}
}
@media (max-width: 767px) {
	.job-1 {
		margin-top: 30px;
		padding: 30px 4% 30px 4%;
	}
	.job-1-con {
	    margin-top: 30px;
	}
	.job-1-con .job-1-right ul li a{
		font-size: 16px;
	}
	.job-2 {
	    padding: 30px 0 30px 0;
	}
	.job-2 ul li{
		padding: 0 4%;
		margin-top: 15px;
		text-align: center;
	}
	.job-2 ul li > span{
		display: inline-block;
		float: none;
		width: 80px;
		height: 80px;
		line-height: 78px;
	}
	.job-2 ul li > span img{
		width: 42px;
	}
	.job-2 ul li .job-2-t {
	    font-size: 16px;
	    margin-top: 12px;
	}
	.job-2 ul li .job-2-p {
	    margin-top: 8px;
	    line-height: 22px;
	    height: 88px;
	}
	.job-3 {
	    height: 240px;
	    margin-bottom: 120px;
	    padding-top: 30px;
	}
	.job-3-con {
	    margin-top: 30px;
		padding: 0 10%;
	}
	.job-3-con .slick-dots li{
		width: 18px;
		height: 18px;
	}
	.job-3-con .slick-arrow {
	    margin-top: -15px;
		width: 18px;
		height: 32px;
	}
	.job-3-con .slick-dots{
		margin-top: 15px;
	}
	
}


/*人才详情*/
.jobDe-1{
	float: left;
	width: 100%;
	padding: 108px 0 70px 0;
	border-bottom: 1px solid #ccc;
}
.jobDe-1 h1{
	float: left;
	width: 100%;
	font-size: 48px;
	color: #333;
}
.jobDe-1 .jobDe-1-con{
	float: left;
	width: 100%;
	margin-top: 84px;
	color: #333;
}
.jobDe-1 .jobDe-1-con .jobDe-1-left{
	float: left;
	width: 38.4%;
	font-size: 36px;
	line-height: 60px;
}
.jobDe-1 .jobDe-1-con .jobDe-1-right{
	float: right;
	width: 51.2%;
	font-size: 18px;
	line-height: 2;
}

.jobDe-2{
	float: left;
	width: 100%;
	padding: 80px 0 42px 0;
}
.jobDe-2-50{
	float: left;
	width: 50%;
}
.jobDe-2-50 .jobDe-2-50-li{
	float: left;
	width: 100%;
	margin-bottom: 120px;
	padding-right: 18%;
	color: #111;
}
.jobDe-2-50 .jobDe-2-50-li h1{
	float: left;
	width: 100%;
	font-size: 32px;
}
.jobDe-2-50 .jobDe-2-50-li .jobDe-2-50-lip{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 32px;
	margin-top: 66px;
}
.jobDe-2-50 .jobDe-2-50-li ul{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.jobDe-2-50 .jobDe-2-50-li ul li{
	float: left;
	width: 100%;
	padding-left: 52px;
	font-size: 18px;
	line-height: 1.8;
	margin-top: 36px;
	position: relative;
}
.jobDe-2-50 .jobDe-2-50-li ul li::after{
	position: absolute;
	left: 0;
	top: 15px;
	width: 24px;
	height: 2px;
	background: #c4000f;
	content: "";
}

.jobDe-3-con{
	float: left;
	width: 86.8%;
	margin: 64px 6.6% 0 6.6%;
	padding: 46px 5.6% 130px 5.6%;
	background: #f9f9f9;
}

.div-1{
	float: left;
	width: 100%;
	/* margin-top: 30px; */
}
.jobDe-3-left{
	float: left;
	width: 46.3%;
}
.jobDe-3-right{
	float: right;
	width: 46.3%;
}
.div-1 p.p1{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 24px;
	color: #111;
	display: none;
}
.jobDe-3-inp{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.jobDe-3-inp input{
	float: left;
}
.jobDe-3-inp input[type=text]{
	float: left;
	width: 100%;
	height: 86px;
	padding: 0 12px;
	padding: 0 20px;
	border-radius: 10px;
	font-size: 24px;
	border: 1px solid #999;
}

.jobDe-3-inp input[type=text]::input-placeholder { color: #666;}
.jobDe-3-inp input[type=text]::-webkit-input-placeholder{ color: #666;}
.jobDe-3-inp input[type=text]:-moz-placeholder { color: #666;}
.jobDe-3-inp input[type=text]::-moz-placeholder { color: #666;}
.jobDe-3-inp input[type=text]::-ms-input-placeholder { color: #666;}

.jobDe-3-inp.one input[type=text]{
	width: 60%;
}
.jobDe-3-rad{
	float: left;
	line-height: 86px;
}
.jobDe-3-rad input{
	margin-top: 34px;
	margin-left: 32px;
	margin-right: 12px;
	width: 17px;
	height: 17px;
	border:0;
	outline:none;
	background: #111;
	border-color: #111;
	appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	background: url(../images/radio.png) no-repeat;
}
.jobDe-3-rad input:focus{
	outline:none;
}
.jobDe-3-rad input:checked{
	border:0;
	outline:none;
	background: url(../images/radio-on.png) no-repeat;
}

.jobDe-3-rad label{
	float: left;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #111;
	font-weight: normal;
}
.div-2{
	float: left;
	width: 100%;
	margin-top: 60px;
	text-align: center;
}
.div-2 input[type=button]{
	display: inline-block;
	border-radius: 10px;
	width: 420px;
	height: 86px;
	line-height: 86px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.div-2 input[type=submit]:hover{
	opacity: 0.9;
	background: #a10;
}
.job-3De{
	margin-bottom: 505px;
}

@media (max-width: 1600px) {
	.jobDe-1 {
	    padding: 88px 0 50px 0;
	}
	.jobDe-1 h1 {
	    font-size: 40px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-left {
	    font-size: 32px;
	    line-height: 52px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-right{
		font-size: 16px;
	}
	.jobDe-1 .jobDe-1-con{
		margin-top: 68px;
	}
	.jobDe-2 {
	    padding: 68px 0 36px 0;
	}
	.jobDe-2-50 .jobDe-2-50-li h1{
		font-size: 28px;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li {
	    padding-left: 48px;
	    font-size: 17px;
	    margin-top: 28px;
	}
	.jobDe-2-50 .jobDe-2-50-li {
	    margin-bottom: 100px;
	    padding-right: 15%;
	}
	.jobDe-3-rad input{
		margin-left: 22px;
	}
}

@media (max-width: 1440px) {
	.jobDe-3-con {
	    padding: 36px 4.6% 100px 4.6%;
	}
}
@media (max-width: 1366px) {
	.jobDe-3-left{
		width: 48%;
	}
	.jobDe-3-right{
		width: 48%;
	}
	.jobDe-3-inp input[type=text]{
		height: 68px;
		font-size: 20px;
	}
	.jobDe-3-rad{
		line-height: 68px;
	}
	.jobDe-3-rad input {
	    margin-left: 16px;
		margin-right: 8px;
		margin-top: 26px;
	}
}
@media (max-width: 1199px) {
	.jobDe-1 {
	    padding: 68px 0 40px 0;
	}
	.jobDe-1 h1 {
	    font-size: 36px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-left {
	    font-size: 24px;
	    line-height: 48px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-right{
		line-height: 1.6;
	}
	.jobDe-1 .jobDe-1-con {
	    margin-top: 48px;
	}
	.jobDe-2 {
	    padding: 48px 0 26px 0;
	}
	.jobDe-2-50 .jobDe-2-50-li {
	    margin-bottom: 60px;
	    padding-right: 10%;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li{
		padding-left: 36px;
		font-size: 16px;
		margin-top: 20px;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li::after {
	    top: 14px;
	    width: 20px;
	    height: 2px;
	}
	.jobDe-2-50 .jobDe-2-50-li .jobDe-2-50-lip {
	    font-size: 16px;
	    line-height: 28px;
	    margin-top: 60px;
	}
	.jobDe-3-con {
		width: 90%;
		margin: 48px 5% 0 5%;
	    padding: 30px 3.6% 80px 3.6%;
	}
	.jobDe-3-rad input {
	    margin-left: 12px;
	    margin-right: 6px;
	}
	.jobDe-3-rad label{
		font-size: 18px;
	}
	.jobDe-3-inp{
		margin-top: 15px;
	}
	.div-1{
		/* margin-top: 20px; */
	}
	.div-2 {
	    margin-top: 40px;
	}
	.div-2 input[type=submit] {
	    width: 300px;
	    height: 68px;
	    line-height: 68px;
	    font-size: 20px;
	}
	.job-3De {
	    margin-bottom: 460px;
	}
}
@media (max-width: 991px) {
	.jobDe-1 {
	    padding: 48px 0 30px 0;
	}
	.jobDe-1 .jobDe-1-con {
	    margin-top: 36px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-left{
		width: 100%;
		font-size: 24px;
		line-height: 32px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-right{
		width: 100%;
		margin-top: 20px;
	}
	.jobDe-2-50{
		width: 100%;
	}
	.jobDe-2-50 .jobDe-2-50-li h1 {
	    font-size: 24px;
	}
	.jobDe-2-50 .jobDe-2-50-li{
		margin-bottom: 50px;
		padding-right: 0;
	}
	.jobDe-2-50 .jobDe-2-50-li ul{
		margin-top: 20px;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li {
	    margin-top: 15px;
	}
	.jobDe-2-50 .jobDe-2-50-li .jobDe-2-50-lip{
		margin-top: 40px;
	}
	.jobDe-3-left,
	.jobDe-3-right{
		width: 100%;
	}
	.jobDe-3-right{
		/* margin-top: 15px; */
	}
	.job-3De {
	    margin-bottom: 660px;
	}
	.jobDe-3-con {
	    padding: 30px 3.6% 60px 3.6%;
	}
}

@media (max-width: 767px) {
	.jobDe-1 {
	    padding: 20px 0 20px 0;
	}
	.jobDe-1 h1 {
	    font-size: 24px;
	}
	.jobDe-1 .jobDe-1-con {
	    margin-top: 20px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-left {
	    font-size: 18px;
	    line-height: 28px;
	}
	.jobDe-1 .jobDe-1-con .jobDe-1-right{
		font-size: 14px;
	}
	.jobDe-2 {
	    padding: 30px 0 20px 0;
	}
	.jobDe-2-50 .jobDe-2-50-li ul {
	    margin-top: 10px;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li{
		line-height: 26px;
		padding-left: 30px;
		margin-top: 10px;
		font-size: 13px;
	}
	.jobDe-2-50 .jobDe-2-50-li {
	    margin-bottom: 40px;
	}
	.jobDe-2-50 .jobDe-2-50-li ul li::after {
	    top: 12px;
	    width: 16px;
	}
	.jobDe-2-50 .jobDe-2-50-li .jobDe-2-50-lip {
	    margin-top: 20px;
		font-size: 14px;
	}
	.jobDe-3-con{
		margin: 24px 5% 0 5%;
		padding: 10px 5% 20px 5%;
	}
	.div-1 p.p1{
		font-size: 18px;
	}
	.jobDe-3-rad label {
	    font-size: 14px;
	}
	.jobDe-3-rad input {
	    margin-left: 8px;
	    margin-right: 4px;
		margin-top: 15px;
	}
	.jobDe-3-inp {
	    margin-top: 10px;
	}
	.div-1 {
	    /* margin-top: 10px; */
	}
	.jobDe-3-inp.one input[type=text] {
	    width: 56%;
	}
	.jobDe-3-inp input[type=text] {
	    height: 48px;
		font-size: 16px;
	}
	.jobDe-3-rad {
	    line-height: 48px;
	}
	.job-3De {
	    margin-bottom: 480px;
	    margin-bottom: 560px;
	}
	.div-2 {
	    margin-top: 30px;
	}
	.div-2 input[type=submit] {
	    width: 100%;
	    height: 54px;
	    line-height: 54px;
	    font-size: 18px;
	}
}

/*联系我们*/
.con-title{
	float: left;
	width: 100%;
	text-align: center;
}
.con-title .con-th{
	float: left;
	width: 100%;
	font-size: 48px;
	font-weight: bold;
}
.con-title .con-tp{
	float: left;
	width: 100%;
	font-size: 20px;
	margin-top: 16px;
}
.contact-1{
	float: left;
	width: 100%;
	padding: 60px 0 130px 0;
}
.con-main{
	float: left;
	width: 100%;
	margin-top: 74px;
	color: #000;
}
.con-main .con-mL{
	float: left;
	width: 43%;
	padding-right: 3%;
}
.con-main .con-mM{
	float: left;
	width: 33.7%;
	padding-right: 3%;
}
.con-main .con-mR{
	float: left;
	width: 23.3%;
}

.con-mLT{}
.con-mLT .con-mLT1{
	font-family: 'CenTuryGoThic-Bold';
	text-transform: uppercase;
	font-size: 42px;
}
.con-mLT .con-mLT2{
	position: relative;
	font-size: 24px;
	padding: 16px 0 34px 0;
	font-weight: bold;
}
.con-mLT .con-mLT2::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 52px;
	height: 1px;
	background: #707070;
	content: "";
}

.con-mLD{
	font-size: 18px;
	margin-top: 14px;
}
.con-mLD .con-mLD-ul{}
.con-mLD .con-mLD-ul .con-mLD-li{
	padding-left: 46px;
	position: relative;
	line-height: 32px;
	margin-top: 20px;
	background-size: auto 28px!important;
}
.con-mLD .con-mLD-ul .con-mLD-li:nth-child(1){
	background: url(../images/ico-1.png) left 5px no-repeat;
}
.con-mLD .con-mLD-ul .con-mLD-li:nth-child(2){
	background: url(../images/ico-2.png) left 5px no-repeat;
}
.con-mLD .con-mLD-ul .con-mLD-li a{
	font-size: 32px;
	color: #333;
	font-family: 'CenTuryGoThic-Bold';
}

.con-mLD .con-mLD-p{
	font-size: 18px;
	line-height: 2;
}
.con-mLD .bdsharebuttonbox{
	margin-top: 36px;
}
.con-mLD .bdsharebuttonbox > a{
	display: block;
	float: left;
	width: 36px;
	height: 33px;
	margin-right: 44px!important;
	position: relative;
}
.con-mLD .bdsharebuttonbox > a:last-child{
	margin-right: 0!important;
}
.con-mLD .bdsharebuttonbox > a::after{
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	color: #888787;
	content: "/";
}
.con-mLD .bdsharebuttonbox > a:last-child::after{
	display: none;
}
.con-mLD .bdsharebuttonbox .bds_weixin{
	background: url(../images/ico-1wx.png) no-repeat;
}
.con-mLD .bdsharebuttonbox .bds_sqq{
	background: url(../images/ico-2qq.png) no-repeat;
}
.con-mLD .bdsharebuttonbox .bds_dy{
	background: url(../images/ico-3dy.png) no-repeat;
}
.con-mLD .bdsharebuttonbox .bds_email{
	background: url(../images/ico-4em.png) no-repeat;
}
.con-mLD .bdsharebuttonbox .bds_mess{
	background: url(../images/ico-5me.png) no-repeat;
}

.contact-2{
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.con2-text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.con2-text .con-title{
	color: #fff;
	margin-top: 80px;
}

.con2-num{
	float: left;
	width: 100%;
	color: #fff;
	margin-top: 136px;
}
.con2-num-1{
	float: left;
	width: 30.2%;
	padding-left: 13.6%;
	position: relative;
}
.con2-num-2{
	float: left;
	width: 33.8%;
	padding-left: 7.1%;
	position: relative;
}
.con2-num-3{
	float: left;
	width: 36%;
	padding-left: 5.2%;
}
.con2-num-1::after,
.con2-num-2::after{
	position: absolute;
	top: 50%;
	right: 0;
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 100%;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.con2-num-t{
	font-size: 32px;
}
.con2-num-t span{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 64px;
}
.con2-num-p{
	font-size: 20px;
	line-height: 32px;
	margin-top: 30px;
}

.contact-3{
	float: left;
	width: 100%;
	padding: 72px 0 85px 0;
}
.contact-3 .i-brand {
    margin-top: 46px;
    margin-bottom: 0px;
}
.contact-3 .i-brand ul li .img-box{
	padding-bottom: 66.66666666666667%;
}


.contact-4{
	float: left;
	width: 100%;
	padding-top: 56px;
	margin-bottom: 80px;
	background: #f9f9f9;
}
.contact-4 .jobDe-3-con{
	float: left;
	width: 100%;
	margin: 0;
	padding: 56px 6% 78px 6%;
}
.contact-4 .div-1 p.p1{
	font-size: 18px;
	display: none;
}
@media (max-width: 1440px) {
	.con-title .con-th {
	    font-size: 40px;
	}
	.con-title .con-tp {
	    font-size: 18px;
	    margin-top: 12px;
	}
	.contact-1 {
	    padding: 40px 0 100px 0;
	}
	.con-mLT .con-mLT1{
		font-size: 36px;
	}
	.con-mLT .con-mLT2 {
	    font-size: 20px;
	    padding: 12px 0 24px 0;
	}
	.con-mLT .con-mLT2::after{
		width: 40px;
	}
	.con-mLD .con-mLD-ul .con-mLD-li {
	    padding-left: 40px;
	    margin-top: 15px;
	}
	.con-mLD .con-mLD-ul .con-mLD-li a{
		font-size: 28px;
	}
	.con-mLD .con-mLD-p{
		font-size: 16px;
	}
	.con-mLD .bdsharebuttonbox > a{
		margin-right: 30px!important;
	}
	.con-mLD .bdsharebuttonbox > a::after{
		right: -18px;
	}
	.con2-num{
		margin-top: 80px;
	}
	.con2-num-t {
	    font-size: 24px;
	}
	.con2-num-t span{
		font-size: 52px;
	}
	.con2-num-p {
	    font-size: 18px;
	    line-height: 28px;
	    margin-top: 20px;
	}
}
@media (max-width: 1400px) {
	.con-mLD .bdsharebuttonbox > a{
		width: 30px;
		height: 27px;
		background-size: 100% 100%!important;
		margin-right: 24px!important;
	}
	.con-mLD .bdsharebuttonbox > a::after{
		right: -14px;
	}
}

@media (max-width: 1199px) {
	.con-title .con-th {
		font-size: 32px;
	}
	.con-title .con-tp{
		font-size: 16px;
	}
	.con-mLT .con-mLT1 {
	    font-size: 30px;
	}
	.con-mLT .con-mLT2 {
	    font-size: 18px;
	    padding: 8px 0 18px 0;
	}
	.con-mLT .con-mLT2::after {
	    width: 32px;
	}
	.con-mLD .con-mLD-ul .con-mLD-li {
	    padding-left: 30px;
	    margin-top: 10px;
		line-height: 24px;
		background-position: left 2px!important;
		background-size: auto 24px!important;
	}
	.con-mLD .con-mLD-ul .con-mLD-li a {
	    font-size: 24px;
	}
	.con-mLD .con-mLD-p {
	    font-size: 15px;
	}
	.contact-1 {
	    padding: 40px 0 60px 0;
	}
	.con-mLD .bdsharebuttonbox {
	    margin-top: 20px;
	}
	.con2-text .con-title {
	    margin-top: 50px;
	}
	.con2-num {
	    margin-top: 40px;
	}
	.con2-num-1{
		width: 25%;
		padding-left: 7%;
	}
	.con2-num-2{
		width: 40%;
		padding-left: 4%;
	}
	.con2-num-3{
		width: 35%;
		padding-left: 3%;
	}
	.con2-num-t {
	    font-size: 20px;
	}
	.con2-num-t span {
	    font-size: 40px;
	}
	.con2-num-p {
	    font-size: 16px;
	    line-height: 24px;
	    margin-top: 10px;
	}
}
@media (max-width: 991px) {
	.con-title .con-th {
	    font-size: 24px;
	}
	.con-title .con-tp {
	    font-size: 14px;
	}
	.con-main{
		margin-top: 40px;
	}
	.con-main .con-mL{
		width: 100%;
		padding-right: 0%;
	}
	.con-main .con-mM{
		width: 100%;
		padding-right: 0%;
		margin: 40px 0;
	}
	.con-main .con-mR{
		width: 100%;
	}
	.contact-2 img{
		max-width: 140%;
		margin-left: -20%;
	}
	.con2-num-t {
	    font-size: 18px;
	}
	.con2-num-t span {
	    font-size: 30px;
	}
	.con2-num-p {
	    font-size: 14px;
	    line-height: 22px;
	    margin-top: 8px;
	}
	.con2-num-1::after, .con2-num-2::after{
		width: 8px;
		height: 8px;
	}
	.con2-num-1{
		padding-left: 5%;
	}
	.con2-num-2{
		padding-left: 3%;
	}
	.contact-3 {
	    padding: 52px 0 65px 0;
	}
}
@media (max-width: 767px) {
	.contact-1 {
	    padding: 30px 0 30px 0;
	}
	.con-title .con-th {
		font-size: 20px;
	}
	.con-main {
	    margin-top: 20px;
	}
	.con-mLT .con-mLT1 {
	    font-size: 24px;
	}
	.con-mLT .con-mLT2 {
	    font-size: 16px;
	    padding: 8px 0 12px 0;
	}
	.con-mLD{
		font-size: 16px;
	}
	.con-mLD .con-mLD-ul .con-mLD-li a {
	    font-size: 20px;
	}
	.con-main .con-mM {
	    margin: 30px 0;
	}
	.contact-2 img {
	    max-width: 200%;
	    margin-left: -50%;
	}
	.con2-num-1{
		width: 28%;
		padding-left: 10px;
	}
	.con2-num-1::after, .con2-num-2::after{
		display: none;
	}
	.con2-num-2,
	.con2-num-3{
		width: 36%;
		padding-right: 10px;
		padding-left: 10px;
	}
	.con2-text .con-title {
	    margin-top: 30px;
	}
	.con2-num {
	    margin-top: 30px;
	}
	.con2-num-t {
	    font-size: 16px;
	}
	.con2-num-t span {
	    font-size: 24px;
	}
	.con2-num-p {
	    font-size: 12px;
	    line-height: 18px;
	    margin-top: 4px;
	}
	.contact-3 {
	    padding: 30px 0 30px 0;
	}
	.contact-3 .i-brand {
	    margin-top: 30px;
	}
	.contact-4 {
	    padding-top: 30px;
	    margin-bottom: 30px;
	}
	.contact-4 .jobDe-3-con {
	    padding: 30px 6% 30px 6%;
	}
	.contact-4 .div-1 p.p1 {
	    font-size: 16px;
	}
}

/*品牌*/
.relative{
	position: relative;
}
.md{
	position: absolute;
	top: -180px;
}
.brand-title{
	float: left;
	width: 100%;
	text-align: center;
	color: #333;
}
.brand-title .brand-title-c{
	font-size: 42px;
}
.brand-1{
	float: left;
	width: 100%;
	margin-top: 62px;
}
.brand-1-con{
	float: left;
	width: 100%;
	margin-top: 84px;
}
.brand-1-con ul{
	float: left;
	width: 100%;
}
.brand-1-con ul li{
	float: left;
	width: 33.33%;
	position: relative;
}
.brand-1-con ul li a{
	cursor: default;
	color: #fff;
}
.brand-1-con ul li:nth-child(2) a{
	color: #070809;
}

.brand-1-con ul li .bra1-text{
	position: absolute;
	top: 39.7%;
	width: 100%;
	padding-left: 140px;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s; 
	-o-transition: all 0.6s ease-out 0s; 
	transition: all 0.6s ease-out 0s;
}
.brand-1-con ul li .bra1-text .bra1-te{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 64px;
}
.brand-1-con ul li .bra1-text .bra1-tc{
	font-size: 32px;
	margin-top: 10px;
	padding-bottom: 40px;
	position: relative;
}
.brand-1-con ul li .bra1-text .bra1-tc::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 4px;
	background: #fff;
	content: "";
}
.brand-1-con ul li .bra1-text .bra1-tp{
	/* display: none; */
	opacity: 0;
	font-size: 18px;
	line-height: 48px;
	height: 240px;
	margin-top: 36px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s; 
	-o-transition: all 0.4s ease-out 0.2s; 
	transition: all 0.4s ease-out 0.2s;
}
.brand-1-con ul li .bra1-text .bra1-ta{
	/* display: none; */
	opacity: 0;
	margin-top: 12.2%;
	height: 20px;
	background: url(../images/up2.png) no-repeat;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s; 
	-o-transition: all 0.4s ease-out 0.2s; 
	transition: all 0.4s ease-out 0.2s;
}

.brand-1-con ul li:nth-child(2) .bra1-text .bra1-ta{
	background: url(../images/up1.png) no-repeat;
}
.brand-1-con ul li:nth-child(2) .bra1-text .bra1-tc::after{
	background: #070809;
}
.brand-1-con ul li:hover .bra1-text{
	top: 17.1%;
}
.brand-1-con ul li:hover .bra1-text .bra1-tp,
.brand-1-con ul li:hover .bra1-text .bra1-ta{
	/* display: block; */
	opacity: 1;
}

.brand-2{
	float: left;
	width: 100%;
	margin-top: 78px;
}
.brand-2-slide{
	float: left;
	width: 100%;
	margin-top: 68px;
	position: relative;
	overflow: hidden;
}
.brand-2-slide .hd{
	position: absolute;
	left: 0;
	top: 0;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	width: 100%;
	z-index: 2;
}
.brand-2-slide .hd > ul{
	float: left;
	width: 100%;
}
.brand-2-slide .hd > ul > li{
	float: left;
	width: 20%;
	background: #fff;
	border-right: 1px solid #bfbfbf;
	cursor: pointer;
	line-height: 120px;
	font-size: 24px;
	text-align: center;
}
.brand-2-slide .hd > ul > li span{
	font-family: 'CenTuryGoThic-Bold';
	margin-right: 15px;
}
.brand-2-slide .hd > ul > li:last-child{
	border-right-width: 0px;
}
.brand-2-slide .hd > ul > li.on{
	background: none;
	color: #fff;
}
.brand-2-slide .bd{
	z-index: 1;
}
.brand-2-slide .bd > ul{
	float: left;
	width: 100%;
}
.brand-2-slide .bd > ul .brand-text{
	position: absolute;
	top: 25.5%;
	width: 100%;
	color: #fff;
}
.brand-2-slide .bd > ul .brand-text a{
	color: #fff;
}
.brand-2-slide .bd > ul .brand-text ul{
	float: left;
	width: 100%;
}
.brand-2-slide .bd > ul .brand-text ul > li{
	float: left;
	width: 25%;
	height: 156px;
	line-height: 156px;
	padding-left: 115px;
	font-size: 20px;
	border-right: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.brand-2-slide .bd > ul .brand-text ul > li:nth-child(4n){
	border-right-width: 0px;
}
.brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(1),
.brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(2),
.brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(3),
.brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(4){
	border-bottom-width: 0px;
}

.brand-2-slide .bd > ul .brand-text ul > li a{
	color: #fff;
}
.brand-2-slide .bd > ul .brand-text ul > li a img{
	margin-right: 18px;
}
.brand-2-slide .bd > ul .brand-text ul > li:last-child{
	padding-left: 0px;
	text-align: center;
}
.brand-2-slide .bd > ul .brand-text .w-1170{
	width: 1170px;
	margin: 0 auto;
}
.brand-2-slide .bd > ul .brand-text .w-1170 ul > li:nth-last-child(4){
	border-bottom-width: 1px;
}
.brand-2-slide .bd > ul .brand-text .w-1170 ul li{
	width: 33.33%;
}
.brand-2-slide .bd > ul .brand-text .w-1170 ul li:nth-child(4n){
	border-right-width: 1px;
}
.brand-2-slide .bd > ul .brand-text .w-1170 ul li:nth-child(3n){
	border-right-width: 0px;
}


.brand-2-slide .bd > ul .brand-text .w-1500{
	width: 1500px;
	margin: 0 auto;
}

.brand-2-slide .bd > ul.three .brand-text{
	top: 50.5%;
}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3{
	float: left;
	width: 100%;
}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li{
	float: left;
	width: 20%;
	text-align: center;
	position: relative;
}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li::after{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 100%;
	content: "";
}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li:last-child::after{
	display: none;
}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li img{}
.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li p{
	margin-top: 36px;
	font-size: 24px;
}


.brand-2-slide .bd > ul.four .brand-text{
	top: 17%;
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4{
	float: left;
	width: 100%;
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li{
	float: left;
	width: 22.4%;
	margin-left: 8.3%;
	margin-top: 90px;
	padding-left: 80px;
	position: relative;
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li > img{
	position: absolute;
	left: 0;
	top: 0;
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t{
	font-size: 24px;
	padding-bottom: 22px;
	position: relative;
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 5px;
	background: #fff;
	content: "";
}
.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-p{
	font-size: 16px;
	margin-top: 12px;
	line-height: 2;
	height: 128px;
	overflow: hidden;
}

.brand-2-slide .bd > ul.five .brand-text{
	top: 21.25%;
}
.brand-2-slide .bd > ul.five .brand-text .w-1360{
	width: 1500px;
	margin: 0 auto;
}
.brand-ul-5{
	float: left;
	width: 100%;
}
.brand-ul-5 .brand-ul5-li{
	float: left;
	width: 25%;
	margin-top: 102px;
	text-align: center;
	position: relative;
}
.brand-ul-5 .brand-ul5-li::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #ddd;
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 100%;
}
.brand-ul-5 .brand-ul5-li:nth-child(4n)::after{
	display: none;
}
.brand-ul-5 .brand-ul5-li p{
	font-size: 24px;
	margin-top: 26px;
}

.brand-3{
	float: left;
	width: 100%;
	margin-top: 60px;
}
.brand-3-ul{
	float: left;
	width: 100%;
	margin-top: 66px;
}
.brand-3-ul .brand-3-li{
	float: left;
	width: 16.6%;
	margin-right: 4.8%;
	padding-left: 56px;
	color: #333;
	position: relative;
}
.brand-3-ul .brand-3-li:last-child{
	width: 14.4%;
	margin-right: 0;
}
.brand-3-ul .brand-3-li::after{
	position: absolute;
	top: 50%;
	right: -9.6%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 32px;
	background: url(../images/ico-r.png) no-repeat;
	background-size: 100% auto;
	content: "";
}
.brand-3-ul .brand-3-li:last-child::after{
	display: none;
}
.brand-3-ul .brand-3-li > img{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s; 
	-o-transition: all 0.6s ease-out 0s; 
	transition: all 0.6s ease-out 0s;
}
.brand-3-ul .brand-3-li:hover > img{
-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.brand-3-ul .brand-3-li .brand-3-li-e{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 36px;
}
.brand-3-ul .brand-3-li .brand-3-li-c{
	font-size: 20px;
	padding: 8px 0 18px 0;
	position: relative;
}
.brand-3-ul .brand-3-li .brand-3-li-c::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 4px;
	background: #ccc;
	content: "";
}
.brand-3-ul .brand-3-li .brand-3-li-p{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 14px;
	color: #666;
}

.brand-4{
	float: left;
	width: 100%;
	margin-top: 140px;
}
.brand-4-con{
	float: left;
	width: 100%;
	margin-top: 68px;
}
.brand-4-con ul{
	float: left;
	width: 100%;
}
.brand-4-con ul li{
	float: left;
	width: 24.025%;
	margin-right: 1.3%;
	position: relative;
	overflow: hidden;
}
.brand-4-con ul li:nth-child(1) .brand-4-text,
.brand-4-con ul li:nth-child(4) .brand-4-text{
	/* color: #000; */
}
.brand-4-con ul li:nth-child(1) .brand-4-text .brand-4-num::after,
.brand-4-con ul li:nth-child(4) .brand-4-text .brand-4-num::after{
	/* background: #000; */
}

.brand-4-con ul li img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.brand-4-con ul li:hover img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.brand-4-con ul li:last-child{
	margin-right: 0;
}
.brand-4-con ul li .brand-4-text{
	position: absolute;
	bottom: 76px;
	width: 100%;
	padding-left: 12.5%;
	color: #fff;
}
.brand-4-con ul li .brand-4-text .brand-4-num{
	font-family: 'CenTuryGoThic-Bold';
	font-size: 48px;
	padding-bottom: 18px;
	position: relative;
}
.brand-4-con ul li .brand-4-text .brand-4-num::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 38px;
	height: 3px;
	background: #fff;
	content: "";
}
.brand-4-con ul li .brand-4-text .brand-4-p{
	font-size: 24px;
	line-height: 1.4;
	margin-top: 10px;
}

.brand-5{
	float: left;
	width: 100%;
	margin-top: 100px;
	margin-bottom: 112px;
}
.brand-5-con{
	float: left;
	width: 100%;
	margin-top: 110px;
}
.brand-5-con ul{
	float: left;
	width: 100%;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.brand-5-con ul li{
	float: left;
	width: 16.6%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.brand-5-con ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 83.89261744966443%;
	padding-bottom: 66.66666666666667%;
}


.brand-5-con ul li a img{
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s; 
	-o-transition: all 0.6s ease-out 0s; 
	transition: all 0.6s ease-out 0s;
}
.brand-5-con ul li:hover a img{	
	/* -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); */
}
.brand-5-con ul li a img.none{
	display: none!important;
}
.brand-5-con ul li a img.block{
	display: block!important;
}
/* .brand-5-con ul li:hover a img.none{
	display: block!important;
}
.brand-5-con ul li:hover a img.block{
	display: none!important;
} */


@media (max-width: 1680px) {
	.brand-1-con ul li .bra1-text{
		padding-left: 80px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li{
		margin-top: 60px;
	}
	.brand-2-slide .bd > ul.four .brand-text {
	    top: 18%;
	}
	.brand-ul-5 .brand-ul5-li{
		margin-top: 90px;
	}
}
@media (max-width: 1600px) {
	.brand-1-con ul li .bra1-text {
		padding-left: 68px;
	}
	.brand-1-con ul li .bra1-text .bra1-te {
	    font-size: 48px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc {
	    font-size: 28px;
	    padding-bottom: 30px;
	}
	.brand-1-con ul li .bra1-text .bra1-tp {
	    font-size: 16px;
	    line-height: 40px;
	    height: 200px;
	    margin-top: 30px;
	}
	.brand-2-slide .bd > ul > img{
		max-width: 120%;
		margin-left: -10%;
	}
	
	.brand-3-ul .brand-3-li{
		width: 17.1%;
		margin-right: 3.8%;
		padding-left: 48px;
	}
	.brand-3-ul .brand-3-li:last-child{
		width: 16.4%;
	}
	.brand-3-ul .brand-3-li > img{
		width: 36px;
	}
	.brand-3-ul .brand-3-li .brand-3-li-p{
		font-size: 12px;
	}
}
@media (max-width: 1440px) {
	.brand-title .brand-title-c {
	    font-size: 36px;
	}
	.brand-1-con {
	    margin-top: 60px;
	}
	.brand-1-con ul li .bra1-text .bra1-te {
	    font-size: 40px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc {
	    font-size: 24px;
	    padding-bottom: 24px;
	}
	.brand-1-con ul li .bra1-text .bra1-ta{
		margin-top: 8%;
	}
	.brand-2-slide .hd > ul > li {
	    line-height: 100px;
	    font-size: 20px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li {
	    height: 148px;
	    line-height: 148px;
	    padding-left: 100px;
	    font-size: 18px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li a img {
	    margin-right: 15px;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li p {
	    margin-top: 30px;
	    font-size: 20px;
	}
	.brand-2-slide .bd > ul .brand-text .w-1500{
		width: 100%;
		padding: 0 3%;
	}
	.brand-2-slide .bd > ul.five .brand-text .w-1360{
		width: 100%;
		padding: 0 3%;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li {
	    width: 28%;
	    margin-left: 4%;
	    padding-left: 80px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t {
	    font-size: 22px;
	    padding-bottom: 20px;
	}
	.brand-ul-5 .brand-ul5-li p {
	    font-size: 20px;
	    margin-top: 20px;
	}
	
	
	
	.brand-3-ul .brand-3-li .brand-3-li-e {
	    font-size: 30px;
	}
	.brand-3-ul .brand-3-li .brand-3-li-c {
	    font-size: 18px;
	    padding: 6px 0 14px 0;
	}
	.brand-3-ul .brand-3-li .brand-3-li-c::after{
		width: 30px;
		height: 3px;
	}
	.brand-3-ul .brand-3-li::after{
		right: -20%;
	}
	.brand-4 {
	    margin-top: 100px;
	}
	.brand-4-con ul li .brand-4-text {
	    bottom: 48px;
	    padding-left: 10%;
	}
	.brand-4-con ul li .brand-4-text .brand-4-num {
	    font-size: 40px;
	    padding-bottom: 14px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-p {
	    font-size: 20px;
	    margin-top: 8px;
	}
	.brand-5 {
	    margin-top: 80px;
	    margin-bottom: 90px;
	}
	.brand-5-con {
	    margin-top: 80px;
	}
}
@media (max-width: 1400px) {
	.brand-1-con ul li .bra1-text{
		padding-left: 50px;
	}
	.brand-1-con ul li .bra1-text .bra1-tp{
		font-size: 14px;
		height: 180px;
		line-height: 36px;
	}
}
@media (max-width: 1199px) {
	.brand-title .brand-title-c {
	    font-size: 28px;
	}
	.brand-1-con ul li .bra1-text .bra1-te {
	    font-size: 36px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc {
	    font-size: 20px;
	    padding-bottom: 20px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc::after{
		width: 20px;
		height: 3px;
	}
	.brand-1-con ul li .bra1-text {
	    padding-left: 40px;
	    padding-right: 30px;
	}
	.brand-1-con ul li .bra1-text {
	    top: 12%;
	}
	.brand-1-con ul li .bra1-text .bra1-tp, 
	.brand-1-con ul li .bra1-text .bra1-ta{
		display: block;
		opacity: 1;
	}
	.brand-1-con ul li .bra1-text .bra1-tp{
		font-size: 14px;
		line-height: 36px;
	}
	.brand-2 {
	    margin-top: 60px;
	}
	.brand-2-slide{
		margin-top: 48px;
	}
	.brand-2-slide .hd > ul > li {
	    line-height: 80px;
	    font-size: 16px;
	}
	.brand-2-slide .hd > ul > li span{
		margin-right: 10px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li {
	    height: 100px;
	    line-height: 100px;
	    padding-left: 50px;
	    font-size: 16px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li a img {
	    margin-right: 12px;
	}
	.brand-2-slide .bd > ul .brand-text .w-1170{
		width: 92%;
		margin: 0 3%;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li p {
	    margin-top: 20px;
	    font-size: 16px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li > img{
		width: 40px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li {
	    width: 28%;
	    margin-left: 4%;
	    padding-left: 58px;
		margin-top: 40px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t {
	    font-size: 18px;
	    padding-bottom: 16px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t::after {
	    width: 24px;
	    height: 3px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-p {
	    font-size: 14px;
	    margin-top: 10px;
	    line-height: 20px;
	    height: 100px;
	}
	.brand-ul-5 .brand-ul5-li p {
	    font-size: 16px;
	    margin-top: 15px;
	}
	.brand-ul-5 .brand-ul5-li {
	    margin-top: 60px;
	}
	.brand-2-slide .bd > ul .brand-text a img{
		max-width: 42px;
	}
	.brand-3-ul .brand-3-li .brand-3-li-p{
		font-size: 14px;
	}
	.brand-3-ul .brand-3-li > img{
		width: 40px;
	}
	.brand-3-ul .brand-3-li {
	    margin-right: 4.8%;
	    padding-left: 48px;
	}
	.brand-4 {
	    margin-top: 80px;
	}
	.brand-4-con{
		margin-top: 48px;
	}
	.brand-4-con ul li .brand-4-text{
		bottom: 36px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-num {
	    font-size: 32px;
	    padding-bottom: 12px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-p {
	    font-size: 16px;
	    margin-top: 10px;
	}
	.brand-5 {
	    margin-top: 60px;
	    margin-bottom: 60px;
	}
	.brand-5-con {
	    margin-top: 40px;
	}
}
@media (max-width: 991px) {
	.brand-title .brand-title-c {
	    font-size: 24px;
	}
	.brand-1-con ul li .bra1-text {
	    top: 10%;
		padding-left: 8%;
		padding-right: 8%;
	}
	.brand-1-con ul li .bra1-text .bra1-te {
	    font-size: 28px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc {
	    font-size: 16px;
	    padding-bottom: 16px;
	}
	.brand-1-con ul li .bra1-text .bra1-tc::after {
	    width: 16px;
	    height: 3px;
	}
	.brand-1-con ul li .bra1-text .bra1-tp {
	    font-size: 14px;
	    line-height: 24px;
		margin-top: 15px;
		height: 240px;
	}
	.brand-1-con ul li .bra1-text .bra1-tp p{
		padding: 4px 0;
	}
	.brand-1-con ul li .bra1-text .bra1-ta{
		display: none!important;
	}
	.brand-1-con ul li .bra1-text .bra1-tp, .brand-1-con ul li .bra1-text .bra1-ta{
		margin-top: 4%;
	}
	.brand-2-slide .hd > ul > li {
	    line-height: 60px;
	    font-size: 14px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li {
	    height: 80px;
	    line-height: 80px;
	    padding-left: 30px;
	    font-size: 14px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li a img{
		max-width: 30px;
	}
	.brand-ul-5 .brand-ul5-li {
	    margin-top: 40px;
	}
	.brand-ul-5 .brand-ul5-li p {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li p {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li{
		margin-top: 0px;
		width: 30%;
		margin-left: 2%;
		padding-left: 40px
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li > img {
	    width: 30px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-p{
		font-size: 12px;
		line-height: 1.4;
	}
	.brand-2-slide .bd > ul.four .brand-text {
	    top: 22%;
	}
	.brand-3-ul .brand-3-li > img {
	    width: 30px;
	}
	.brand-3-ul .brand-3-li {
	    margin-right: 4.8%;
	    padding-left: 38px;
	}
	.brand-3-ul .brand-3-li .brand-3-li-e {
	    font-size: 24px;
	}
	.brand-3-ul .brand-3-li .brand-3-li-c {
	    font-size: 16px;
	    padding: 4px 0 8px 0;
	}
	.brand-3-ul .brand-3-li .brand-3-li-p {
	    font-size: 12px;
		line-height: 1.4;
		margin-top: 5px;
	}
	.brand-3-ul .brand-3-li::after{
		width: 10px;
		height: 22px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-num {
	    font-size: 24px;
	    padding-bottom: 10px;
	}
	.brand-4-con ul li .brand-4-text {
	    bottom: 24px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-num::after{
		width: 24px;
		height: 2px;
	}
	.brand-4-con ul li .brand-4-text .brand-4-p {
	    font-size: 13px;
	    margin-top: 8px;
	}
}
@media (max-width: 767px) {
	.brand-1 {
	    margin-top: 30px;
	}
	.brand-title .brand-title-c {
	    font-size: 18px;
	}
	.brand-1-con {
	    margin-top: 20px;
	}
	.brand-1-con ul li{
		width: 100%;
	}
	.brand-1-con ul li .bra1-text .bra1-tp{
		height: auto;
		font-size: 13px;
	}
	.brand-1-con ul li .bra1-text{
		top: 50%!important;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.brand-2-slide .hd{
		overflow-x: auto;
	}
	.brand-2-slide .hd > ul{
		width: 680px;
	}
	.brand-2-slide .hd > ul > li span {
	    margin-right: 8px;
	}
	.brand-2-slide .bd > ul > img {
	    max-width: 400%;
	    margin-left: -150%;
	}
	.brand-2 {
	    margin-top: 40px;
	}
	.brand-2-slide {
	    margin-top: 36px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li{
		width: 50%;
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li:nth-child(2n){
		border-right-width: 0;
	}
	.brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(3), .brand-2-slide .bd > ul .brand-text ul > li:nth-last-child(4){
		border-bottom-width: 1px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li a img {
	    max-width: 24px;
	}
	.brand-2-slide .bd > ul .brand-text ul > li a img {
	    margin-right: 8px;
	}
	.brand-2-slide .bd > ul .brand-text .w-1170 ul li{
		width: 50%;
	}
	.brand-2-slide .bd > ul .brand-text .w-1170 ul li:nth-child(3n){
		border-right-width: 1px;
	}
	.brand-2-slide .bd > ul .brand-text .w-1170 ul li:nth-child(2n){
		border-right-width: 0px;
	}
	.brand-2-slide .bd ul:nth-child(2) .brand-text ul > li:nth-last-child(2){
		border-bottom-width: 1px;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3{
		text-align: center;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li{
		float: none;
		display: inline-block;
		margin: 0 -3px;
		width: 31%;
		margin: 20px 0;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li::after{
		width: 6px;
		height: 6px;
	}
	.brand-2-slide .bd > ul.three .brand-text {
	    top: 44%;
	}
	.brand-2-slide .bd > ul.three .brand-text .brand-ul-3 .brand-ul3-li:nth-child(3n)::after{
		display: none;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li{
		width: 96%;
		margin-top: 15px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t {
	    font-size: 16px;
	    padding-bottom: 10px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-t::after {
	    width: 20px;
	    height: 2px;
	}
	.brand-2-slide .bd > ul.four .brand-text .brand-ul-4 .brand-ul4-li .brand-ul4-li-p{
		height: auto;
		margin-top: 8px;
	}
	.brand-2-slide .bd > ul.four .brand-text {
	    top: 12%;
	}
	.brand-ul-5 .brand-ul5-li{
		width: 50%;
	}
	.brand-ul-5 .brand-ul5-li:nth-child(2n)::after{
		display: none;
	}
	.brand-ul-5 .brand-ul5-li::after{
		width: 6px;
		height: 6px;
	}
	.brand-ul-5 .brand-ul5-li p {
	    font-size: 12px;
	    margin-top: 8px;
	}
	.brand-2-slide .bd > ul .brand-text a img {
	    max-width: 36px;
	}
	.brand-3-ul .brand-3-li{
		width: 100%;
		margin-right: 0;
		margin: 0px 0 40px 0;
		padding: 20px 90px 20px 90px;
		border: 1px solid #eee;
	}
	.brand-3-ul .brand-3-li > img{
		top: 20px;
		left: 45px;
	}
	.brand-3-ul .brand-3-li::after{
		top: auto;
		left: 44px;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		bottom: -30px;
		right: auto;
		background-position:center bottom;
	}
	.brand-3-ul .brand-3-li:last-child{
		width: 100%;
	}
	.brand-3 {
	    margin-top: 30px;
	}
	.brand-3-ul{
		margin-top: 30px;
	}
	.brand-4 {
	    margin-top: 30px;
	}
	.brand-4-con {
	    margin-top: 30px;
	}
	.brand-4-con ul li{
		width: 48%;
		margin: 5px 1%;
	}
	.brand-4-con ul li .brand-4-text{
		padding-left: 8%;
	}
	.brand-5-con ul li{
		width: 33.3%;
	}
	.brand-5 {
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
	.brand-5-con {
	    margin-top: 30px;
	}
}
@media (max-width: 375px) {
	.brand-2-slide .bd > ul > img {
	    max-width: 440%;
	    margin-left: -170%;
	}
}


/*品牌详情*/
.ban-de-1{
	float: left;
	width: 100%;
	margin: 80px 0 100px 0;
}
.ban-de-1 ul{
	float: left;
	width: 100%;
}
.ban-de-1 ul li{
	float: left;
	width: 14.2%;
	text-align: center;
	position: relative;
}
.ban-de-1 ul li::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 64px;
	background: #ddd;
	content: "";
}
.ban-de-1 ul li:last-child::after{
	display: none;
}
.ban-de-1 ul li img{}
.ban-de-1 ul li p{
	font-size: 18px;
	margin-top: 34px;
	color: #333;
}

.ban-de-2{
	float: left;
	width: 100%;
	margin-top: 52px;
}
.ban-de-2-con{
	float: left;
	width: 100%;
	margin-top: 60px;
	padding: 90px 0 120px 0;
	background: url(../images/bg-1.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}
.ban-de-2-con ul{
	float: left;
	width: 100%;
	padding: 0 2.2%;
}
.ban-de-2-con ul li{
	float: left;
	width: 20%;
	padding-left: 4.6%;
	position: relative;
}
.ban-de-2-con ul li:nth-child(1){
	width: 19.5%;
}
.ban-de-2-con ul li:nth-child(2){
	width: 20.2%;
}
.ban-de-2-con ul li:nth-child(3){
	width: 22%;
}
.ban-de-2-con ul li:nth-child(4){
	width: 18%;
}
.ban-de-2-con ul li:nth-child(5){
	width: 20.3%;
}
.ban-de-2-con ul li::after{
	position: absolute;
	top: 44px;
	right: 0;
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 100%;
	content: "";
}
.ban-de-2-con ul li:last-child::after{
	display: none;
}
.banDe2-num{
	font-family: 'DINEngschriftStd';
	font-size: 36px;
}
.banDe2-num span{
	font-size: 72px;
}
.banDe2-p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}

.ban-de-3{
	float: left;
	width: 100%;
	min-height: 0px;
	margin: 40px 0 160px 0px;
	padding-left: 180px;
	position: relative;
}
.ban-de-3 .hd{
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	border: 1px solid #ddd;
}
.ban-de-3 .hd ul li{
	border-bottom: 1px solid #ddd;
	line-height: 102px;
	line-height: 94px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
} 
.ban-de-3 .hd ul li:last-child{
	border-bottom-width: 0px;
}
.ban-de-3 .hd ul li img{
	margin-right: 22px;
	padding-bottom: 5px;
}
.ban-de-3 .hd ul li img.block{
	display: inline-block!important;
}
.ban-de-3 .hd ul li img.none{
	display: none!important;
}
.ban-de-3 .hd ul li.on{
	background: #333 url(../images/ico-11.png) 90% center no-repeat;
	color: #fff;
}
.ban-de-3 .hd ul li.on img.block{
	display: none!important;
}
.ban-de-3 .hd ul li.on img.none{
	display: inline-block!important;
}


.ban-de-3 .bd{
	float: left;
	width: 100%;
	padding-left: 2.2%;
}
.ban-de-3 .bd > ul{
	float: left;
	width: 100%;
}
.ban-de-3 .bd > ul .bandDe-list{
	float: left;
	width: 100%;
}
.ban-de-3 .bd > ul .bandDe-list > ul{
	float: left;
	width: 100%;
	margin-top: -20px;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li{
	display: inline-block;
	vertical-align: top;
	width: 24.175%;
	width: 32%;
	margin-right: 1.1%;
	margin-right: 1.25%;
	margin-top: 20px;
	box-shadow: 1px 0 4px rgba(0,0,0,0.3);
	padding: 26px 20px 26px 25px;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li:nth-child(3n){
	margin-right: 0;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top{
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top > span{
	/* float: left; */
	
	width: 108px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top > span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li:hover .bandDe-li-top > span img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.bandDe-li-text{
	display: inline-block;
	vertical-align: middle;
	width: 66%;
	padding-left: 20px;
	color: #323131;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t1{
	font-size: 18px;
	margin-top: 12px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t2{
	margin-top: 14px;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t2 > span{
	display: inline-block;
	line-height: 18px;
	font-size: 14px;
	padding: 6px 10px;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	
	word-break:break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t3{
	font-size: 14px;
	margin-top: 12px;
}

.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom{
	float: left;
	width: 100%;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul{
	float: left;
	width: 100%;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li{
	float: left;
	width: 33.33%;
	padding-top: 32px;
	text-align: center;
	position: relative;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	background: #d2d2d2;
	border-radius: 100%;
	content: "";
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li:last-child::after{
	display: none;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li:nth-child(1){
	background: url(../images/ico-8.png) top center no-repeat;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li:nth-child(2){
	background: url(../images/ico-9.png) top center no-repeat;
}
.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li:nth-child(3){
	background: url(../images/ico-10.png) top center no-repeat;
}
.bandDe-li-b1{
	margin-top: 6px;
	font-size: 14px;
}
.bandDe-li-b2{
	margin-top: 6px;
	font-weight: bold;
}

@media (max-width: 1440px) {
	.ban-de-1 ul li img{
		max-width: 60px;
	}
	.ban-de-1 ul li p {
	    font-size: 16px;
	    margin-top: 24px;
	}
	.ban-de-1 ul li::after{
		height: 48px;
	}
	.ban-de-1 {
	    margin: 60px 0 80px 0;
	}
	.ban-de-2-con {
	    margin-top: 40px;
	    padding: 70px 0 90px 0;
	}
	.banDe2-num span {
	    font-size: 60px;
	}
	.banDe2-num{
		font-size: 30px;
	}
	.banDe2-p {
	    font-size: 14px;
	    line-height: 22px;
	    margin-top: 15px;
	}
	.ban-de-2-con ul li{
		padding-left: 3%;
	}
	.ban-de-3 .hd ul li{
		font-size: 16px;
		line-height: 84px;
	}
	.ban-de-3 .hd ul li img {
		max-width: 32px;
	    margin-right: 10px;
	    padding-bottom: 4px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li {
	    padding: 20px 15px 20px 15px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t1 {
	    font-size: 16px;
	    margin-top: 8px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t2 {
	    margin-top: 8px;
	}
	.bandDe-li-text{
		padding-left: 10px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t2 > span {
	    padding: 4px 8px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t3 {
	    margin-top: 8px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li{
		padding-top: 24px;
		background-size: auto 24px!important;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-bottom ul li::after{
		width: 6px;
		height: 6px;
	}
	.ban-de-3 {
	    min-height: 0px;
	    margin: 30px 0 100px 0px;
	}
}
@media (max-width: 1400px) {
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top .bandDe-li-t2 > span {
	    padding: 0px 8px;
	}
	.bandDe-li-text{
		width: 59%;
	}
}


@media (max-width: 1199px) {
	.ban-de-3 .bd > ul .bandDe-list > ul > li:nth-child(3n){
		margin-right: 2%;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li:nth-child(2n){
		margin-right: 0%;
	}
	.ban-de-1 ul li img {
	    max-width: 48px;
	}
	.ban-de-1 ul li p {
	    font-size: 14px;
	    margin-top: 18px;
	}
	.ban-de-2-con ul li {
	    padding-left: 2%;
	}
	.banDe2-p{
		font-size: 12px;
	}
	.banDe2-num span {
	    font-size: 48px;
	}
	.banDe2-num {
	    font-size: 24px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li{
		width: 48%;
		margin-right: 2%;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 991px) {
	.ban-de-1 {
	    margin: 40px 0 40px 0;
	}
	.ban-de-1 ul li img {
	    max-width: 40px;
	}
	.ban-de-1 ul li p {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.ban-de-1 ul li::after {
	    height: 30px;
	}
	.ban-de-2-con ul li {
	    padding-left: 5%;
	}
	.ban-de-2-con ul {
	    padding: 0 2%;
	}
	.banDe2-p {
	    line-height: 16px;
	    margin-top: 10px;
	}
	.ban-de-2-con ul li {
	    padding-left: 2%;
		padding-right: 2%;
	}
	.ban-de-2-con ul li::after{
		width: 5px;
		height: 5px;
	}
	.banDe2-num {
	    font-size: 20px;
	}
	.banDe2-num span {
	    font-size: 36px;
	}
	.ban-de-2-con {
	    margin-top: 30px;
	    padding: 60px 0 70px 0;
	}
	.ban-de-3{
		padding-left: 120px;
	}
	.ban-de-3 .hd{
		width: 120px;
	}
	.ban-de-3 .hd ul li{
		line-height: 80px;
	}
	.ban-de-3 .hd ul li img{
		max-width: 24px;
		margin-right: 6px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top > span{
		width: 32.3%;
	}
}
@media (max-width: 767px) {
	.ban-de-1 ul{
		text-align: center;
	}
	.ban-de-1 ul li{
		display: inline-block;
		float: none;
		width: 24%;
		margin: 10px 0;
	}
	.ban-de-1 {
	    margin: 30px 0 30px 0;
	}
	.ban-de-1 ul li p{
		font-size: 13px;
	}
	.ban-de-2{
		margin-top: 30px;
	}
	.ban-de-2-con ul{
		text-align: center;
	}
	.ban-de-2-con ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 32%!important;
		margin: 10px 0;
	}
	.ban-de-2-con {
	    padding: 40px 0 40px 0;
		margin-top: 20px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li{
		width: 100%;
		margin-right: 0;
	}
	.ban-de-3{
		padding-left: 0;
	}
	.ban-de-3 .hd{
		position: relative;
		left: auto;
		top: auto;
		float: left;
		width: 100%;
		overflow-x: auto;
	}
	.ban-de-3 .hd ul{
		width: 991px;
	}
	.ban-de-3 .hd ul li{
		float: left;
		width: 14.2%;
		width: 16.666666666666667%;
		border-bottom-width: 0;
		border-right: 1px solid #ddd;
	}
	.ban-de-3 .hd li:last-child{
		border-right: 0px solid #ddd;
	}
	.ban-de-3 .hd ul li {
	    line-height: 60px;
	}
	.ban-de-3 {
	    min-height: 0;
	    margin: 20px 0 30px 0px;
	}
	.ban-de-3 .bd{
		padding-left: 0;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul{
		margin-top: 0;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li{
		margin-top: 10px;
		padding: 10px 10px 10px 10px;
	}
	.ban-de-3 .bd > ul .bandDe-list > ul > li .bandDe-li-top > span{
		width: 108px;
	}
}

/*弹窗*/
.maskbg-1
{
    position: fixed;
    z-index: 10003;
    top: 0;
    left: 0;
	opacity: 0;
	/* opacity: 1; */
	z-index: -1;
	/* z-index: 1; */
    width: 100%;
    height: 100%;
    background: rgba(0, 104, 182, .74);
    background: rgba(0, 0, 0, .74);
}
.message-1
{
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 1482px;
	background: #fff;
	background-size: 100% auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 10px;
}
.message-1 .messageinfo-1{
	float: left;
	width: 100%;
    height: 100%;
	position: relative;
}
.message-1 .m-close-1
{
	position: absolute;
	right: 56px;
	top: 62px;
    width: 41px;
    height: 41px;
    cursor: pointer;
	z-index: 999;
}
.me-con-1{
	float: left;
	width: 100%;
	padding: 58px 56px 70px 56px;
	position: relative;
}
.me-con-1t{
	float: left;
	width: 100%;
	font-size: 48px;
	color: #333;
}
.me-con-1d{
	float: left;
	width: 100%;
	margin-top: 72px;
}

.me-div{
	float: left;
	width: 100%;
	margin-top: 16px;
	font-size: 20px;
}
.me-div input[type=text]{
	height: 86px;
	line-height: 84px;
}
.me-div textarea{
	height: 170px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.8;
}
.me-div input[type=text],
.me-div textarea{
	width: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.me-div textarea::input-placeholder,
.me-div input[type=text]::input-placeholder{ color: #333;}

.me-div textarea::-webkit-input-placeholder,
.me-div input[type=text]::-webkit-input-placeholder{ color: #333;}

.me-div textarea:-moz-placeholder,
.me-div input[type=text]:-moz-placeholder { color: #333;}

.me-div textarea::-moz-placeholder,
.me-div input[type=text]::-moz-placeholder { color: #333;}

.me-div textarea::-ms-input-placeholder,
.me-div input[type=text]::-ms-input-placeholder { color: #333;}

.me-div .me-left{
	float: left;
	width: 46.2%;
}
.me-div .me-left .w-50{
	float: left;
	width: 60%;
}
.me-div .me-left .radio{
	float: left;
	margin: 0;
	line-height: 86px;
}
.me-div .me-left .radio input[type=radio]{
	position: relative;
	float: left;
	margin: 0;
	margin-top: 34px;
	margin-left: 34px;
	margin-right: 10px;
	width: 17px;
	height: 17px;
	appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	background: url(../images/radio.png) no-repeat;
}
.me-div .me-left .radio input:focus{
	outline:none;
}
.me-div .me-left .radio input:checked{
	border:0;
	outline:none;
	background: url(../images/radio-on.png) no-repeat;
}

.me-div .me-left .radio label{
	float: left;
	margin: 0;
	padding: 0;
}
.me-div .me-right{
	float: right;
	width: 46.2%;
}
.me-div.me-div-1{
	margin-top: 32px;
	text-align: center;
}
.me-div.me-div-1 input[type=button]{
	display: inline-block;
	width: 420px;
	height: 86px;
	line-height: 86px;
	font-size: 24px;
	border-radius: 10px;
	color: #fff;
	background: #333;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.me-div.me-div-1 input[type=button]:hover{
	opacity: 0.9;
}
@media (max-width: 1600px) {
	.message-1{
		width: 94%;
	}
}
@media (max-width: 1440px) {
	.me-con-1 {
	    padding: 48px 48px 60px 48px;
	}
	.me-con-1t {
	    font-size: 40px;
	}
	.me-con-1d {
	    margin-top: 60px;
	}
	.me-div input[type=text] {
	    height: 68px;
	    line-height: 68px;
	}
	.me-div .me-left .radio{
		line-height: 68px;
	}
	.me-div .me-left .radio input[type=radio]{
		margin-top: 24px;
		margin-left: 24px;
		margin-right: 8px;
	}
	.me-div input[type=text], .me-div textarea{
		padding-left: 24px;
		padding-right: 24px;
		font-size: 18px;
	}
	.checkbox label, .radio label{
		font-size: 18px;
	}
}
@media (max-width: 1199px) {
	.me-con-1 {
	    padding: 38px 38px 40px 38px;
	}
	.me-con-1t {
	    font-size: 36px;
	}
	.me-con-1d {
	    margin-top: 48px;
	}
	.me-div input[type=text], .me-div textarea {
	    padding-left: 20px;
	    padding-right: 20px;
	    font-size: 16px;
	}
	.me-div .me-left .radio input[type=radio] {
	    margin-top: 22px;
	    margin-left: 18px;
	    margin-right: 6px;
	}
	.me-div input[type=text] {
	    height: 60px;
	    line-height: 60px;
	}
	.me-div.me-div-1 input[type=button] {
	    width: 320px;
	    height: 68px;
	    line-height: 68px;
	    font-size: 20px;
	}
	.message-1 .m-close-1 {
	    right: 36px;
	    top: 36px;
	    width: 36px;
	    height: 36px;
	}
	.me-div .me-left .radio {
	    line-height: 60px;
	}
}

@media (max-width: 991px) {
	.me-div .me-left{
		width: 100%;
	}
	.me-div .me-right{
		width: 100%;
		margin-top: 20px;
	}
	.me-con-1d {
	    margin-top: 38px;
	}
}

@media (max-width: 767px) {
	.me-con-1 {
		padding: 24px 5% 24px 5%;
	}
	.me-con-1d {
	    margin-top: 24px;
	}
	.me-con-1t {
	    font-size: 24px;
	}
	.me-div .me-left .w-50 {
	    width: 50%;
	}
	.me-div input[type=text] {
	    height: 48px;
	    line-height: 48px;
	}
	.me-div .me-left .radio {
	    line-height: 48px;
	}
	.me-div .me-left .radio input[type=radio]{
		margin-top: 15px;
	}
	.me-div{
		margin-top: 10px;
	}
	.me-div .me-right{
		margin-top: 10px;
	}
	.me-div textarea{
		height: 120px;
	}
	.me-div input[type=text], .me-div textarea {
	    padding-left: 12px;
	    padding-right: 12px;
	    font-size: 14px;
		border-radius: 6px;
	}
	.me-div.me-div-1 {
	    margin-top: 20px;
	}
	.checkbox label, .radio label {
	    font-size: 14px;
	}
	.me-div.me-div-1 input[type=button] {
	    width: 240px;
	    height: 48px;
	    line-height: 48px;
	    font-size: 16px;
	}
	.me-div .me-left .radio input[type=radio]{
		margin-left: 12px;
	}
	.message-1 .m-close-1 {
	    right: 20px;
	    top: 20px;
	    width: 24px;
	    height: 24px;
	}
	.me-div textarea{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
}

.ab-404{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #000;
}
.height{
	height: 100%;
}
.bg-404{
	height: 100%;
	background: url(../images/404.jpg) center no-repeat;
}
.num-404{
	font-family: 'DINEngschriftStd';
	font-size: 280px;
	line-height: 0.9;
}
.en-404{
	font-family: 'CenTuryGoThic';
	font-size: 18px;
}
.cn-404{
	font-size: 21px;
	margin-top: 14px;
}
.link-404{
	margin-top: 56px;
}
.link-404 a{
	display: inline-block;
	border: 1px solid #000;
	color: #000;
	font-size: 20px;
	border-radius: 10px;
	line-height: 60px;
	font-size: 20px;
	padding: 0 20px 0 30px;
}
.link-404 a img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-left: 8px;
}
@media (max-width: 1440px) {
	.bg-404{
		background-size: auto 100%;
	}
	.num-404 {
	    font-size: 200px;
	}
	.en-404{
		font-size: 16px;
	}
	.cn-404 {
	    font-size: 18px;
	    margin-top: 10px;
	}
	.link-404 {
	    margin-top: 40px;
	}
	.link-404 a {
	    font-size: 18px;
	    border-radius: 8px;
	    line-height: 48px;
	    font-size: 18px;
	    padding: 0 15px 0 20px;
	}
}
@media (max-width: 1366px) {
	.num-404 {
	    font-size: 180px;
	}
	.link-404 {
	    margin-top: 30px;
	}
}
@media (max-width: 1199px) {
	.num-404 {
	    font-size: 160px;
	}
	.link-404 {
	    margin-top: 24px;
	}
	.link-404 a{
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.num-404 {
	    font-size: 120px;
	}
	.en-404 {
	    font-size: 14px;
	}
	.cn-404 {
	    font-size: 16px;
	    margin-top: 6px;
	}
	.link-404 {
	    margin-top: 15px;
	}
	.link-404 a {
	    font-size: 16px;
	    border-radius: 6px;
	    line-height: 42px;
	    font-size: 14px;
	    padding: 0 15px 0 20px;
	}
	.link-404 a img{
		height: 5px;
	}
}
/*网站建设列表*/
.web-top{
	float: left;
	width: 100%;
	margin-top: 120px;
	line-height: 70px;
	font-size: 18px;
	color: #fff;
	background: #111;
}
.web-top a{
	color: #fff;
}
.webTopL{
	float: left;
}
.webTopL a{
	margin-right: 50px;
}
.webTopL a:last-child{
	margin-right: 0;
}
.webTopL a:hover,
.webTopL a.active{
	color: #d41919;
}
.webTopR{
	float: right;
}


.web-ul{
	float: left;
	width: 100%;
	margin-bottom: 90px;
}
.web-ul .section-container{
	margin-top: 0;
}
@media (max-width: 1440px) {
	.web-top {
	    line-height: 60px;
	    font-size: 16px;
	}
	.webTopL a{
		margin-right: 36px;
	}
	.web-ul{
		margin-bottom: 60px;
	}
}
@media (max-width: 1199px) {
	.webTopL a{
		margin-right: 24px;
	}
	.web-top {
	    font-size: 14px;
	}
}
@media (max-width: 767px) {
	.webTopR{
		display: none;
	}
	.web-top{
		margin-top: 66px;
		padding: 15px 0;
		line-height: 28px;
	}
	.webTopL a{
		margin-right: 15px;
	}
	.web-ul{
		margin-bottom: 30px;
	}
	.webTopR{
		display: none;
	}
}

.i-link{
	display: none;
}
@media (max-width: 767px) {
	.i-link{
		display: block;
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.i-link a{
		display: inline-block;
		color: #333;
		line-height: 36px;
		padding: 0 15px;
		border: 1px solid #333;;
	}
}


/*品牌*/
.band1-t {
	margin-top: 130px;
	color: #111;
}
.band1-t .band1-th {
	font-size: 64px;
	font-family: 'CenTuryGoThic-Bold';
	text-transform: uppercase;
}
.band1-t .band1-tp {
	font-size: 28px;
	margin-top: 30px;
}
.band1-list1 {
	float: left;
	width: 100%;
}
.band1-list1 > ul > li {
	margin-top: 100px;
	float: right;
	width: 86.5%;
	background: #fafafa;
	position: relative;
}
.band1-list1 > ul > li:nth-child(2n) {
	float: left;
}
.band1-list1 > ul > li > span {
	float: left;
	width: 50%;
} 
.band1-list1 > ul > li > span .img-box {
	padding-bottom: 76.17647058823529%;
}
.band1-list1 > ul > li > span .img-box img {
	transition: all 0.3s ease-out 0s;
}
.band1-list1 > ul > li:hover > span .img-box img {
	transform: scale(1.1);
}
.band1-list1 > ul > li:nth-child(2n) > span {
	float: right;
} 
.band1-list1 > ul > li > .band1-l1-right {
	float: left;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
	padding: 0 75px;
	position: absolute;
	top: 50%;
	right: 0;
	width: 50%;
	transform: translateY(-50%);
}
.band1-list1 > ul > li:nth-child(2n) > .band1-l1-right .band1-l1-r-p {
	right: auto;
	left: 0;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pe {
	font-family: 'CenTuryGoThic-Bold';
	text-transform: uppercase;
	color: #111;
	font-size: 64px;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt {
	padding-bottom: 46px;
	margin-top: 14px;
	font-size: 32px;
	color: #111;
	position: relative;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt::after {
	width: 27px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ddd;
	content: "";
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pul {
	margin-top: 24px;
	font-size: 18px;
	line-height: 2;
	color: #666;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pspan {
	font-size: 0;
	text-indent: 2em;
	margin-top: 20px;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pspan span {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 10px;
	border-radius: 100%;
	background: #d5d5d5;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa {
	margin-top: 45px;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa a {
	font-size: 18px;
	padding-left: 34px;
	background: url(../images/ico-1.png) left center no-repeat;
	color: #666;
}
.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa a:hover {
	color: #a10;
}

.b1-ra {
	float: left;
	width: 100%;
	padding: 134px 0 140px 0;
}
.b1-rAt {
	font-size: 56px;
	font-size: 28px;
	color: #111;
	text-align: center;
}
.b1-ra .b1-rAul {
	float: left;
	width: 100%;
	margin-top: 84px;
}
.b1-ra .b1-rAul .b1-rAli {
	float: left;
	width: 23.8%;
	margin-right: 1.6%;
}
.b1-ra .b1-rAul .b1-rAli:nth-child(4n) {
	margin-right: 0;
}
.b1-ra .b1-rAul .b1-rAli .img-box {
	padding-bottom: 125.7372654155496%;
} 
.b1-ra .b1-rAul .b1-rAli .img-box img {
	transition: all 0.3s ease-out 0s;
}	
.b1-ra .b1-rAul .b1-rAli:hover .img-box img {
	transform: scale(1.1);
}
.b1-ra .b1-rAul .b1-rAli .b1-rAli-t {
	bottom: 48px;
	padding: 0 30px;
	font-size: 32px;
	color: #fff;
	font-family: 'CenTuryGoThic-Bold';
	position: absolute;
	left: 0;
	width: 100%;
}
.b1-ra .b1-rAul .b1-rAli .b1-rAli-t .b1-rAli-te {
	text-transform: uppercase;
}
.b1-ra .b1-rAul .b1-rAli .b1-rAli-t .b1-rAli-tc {
	margin-top: 22px;
}

.bg-14 {
	background: #141414;
}
.b1-a {
	padding: 0 5.1% 128px 2.2%;
	font-size: 0;
}
.b1-a .b1-al {
	width: 56.4%;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	text-align: right;
}
.b1-a .b1-al > p {
	font-size: 56px;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.b1-a .b1-ar {
	width: 43.6%;
	display: inline-block;
	vertical-align: bottom;
}
.b1-a .b1-aul {
	padding: 74px 46px 74px 92px;
	display: inline-block;
	width: 100%;
	font-size: 0;
	background: url(../images/bg-2.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}
.b1-a .b1-aul .b1-ali {
	display: inline-block;
	width: 16%;
	font-size: 28px;
	font-family: 'CenTuryGoThic-Bold';
}
.b1-a .b1-aul .b1-ali:nth-child(3) {
	width: 23%;
}
.b1-a .b1-aul .b1-ali:nth-child(6) {
	width: 13%;
}
.b1-a .b1-aul .b1-ali .b1-ali-e {
	text-transform: uppercase;
}
.b1-a .b1-aul .b1-ali .b1-ali-c {
	margin-top: 16px;
}

.b1-b {
	margin: 130px 0 150px 0;
	padding: 78px 0 140px 0;
	background: url(../images/bg-3.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}
.b1-b .b1-bT {
	font-size: 48px;
	padding-left: 115px;
}
.b1-b .b1-bUl {
	margin-top: 148px;
	font-size: 0;
}
.b1-b .b1-bUl .b1-bLi {
	display: inline-block;
	width: 16.66%;
	text-align: center;
}
.b1-b .b1-bUl .b1-bLi .b1-bLi-t {
	font-size: 36px;
	font-family: 'CenTuryGoThic-Bold';
	font-style: italic;
	position: relative;
}
.b1-b .b1-bUl .b1-bLi .b1-bLi-t::after,
.b1-b .b1-bUl .b1-bLi .b1-bLi-t::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 1px;
	background: rgba(243,240,240,0.3);
	content: "";
}
/* .b1-b .b1-bUl .b1-bLi:first-child .b1-bLi-t {
	padding-left: 20px;
}
.b1-b .b1-bUl .b1-bLi:last-child .b1-bLi-t {
	padding-right: 20px;
}
.b1-b .b1-bUl .b1-bLi:first-child .b1-bLi-t::after,
.b1-b .b1-bUl .b1-bLi:last-child .b1-bLi-t::before {
	width: 80px;
} */

.b1-b .b1-bUl .b1-bLi .b1-bLi-t::after {
	left: 0;
}
.b1-b .b1-bUl .b1-bLi .b1-bLi-t::before {
	right: 0;
}
.b1-b .b1-bUl .b1-bLi .b1-bLi-p {
	font-size: 22px;
	margin-top: 44px;
}
.b1-b .b1-bUl .b1-bLi .b1-bLi-i {
	margin-top: 40px;
}
@media (max-width: 1440px) {
	.band1-t .band1-th {
		font-size: 48px;
	}
	.band1-t .band1-tp {
		font-size: 22px;
		margin-top: 20px;
	}
	.band1-list1 > ul > li {
		width: 92%;
		margin-top: 80px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
		padding: 0 60px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pe {
		font-size: 48px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt {
		padding-bottom: 30px;
		margin-top: 10px;
		font-size: 24px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pul {
		margin-top: 18px;
		font-size: 16px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa {
	  margin-top: 35px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa a {
		font-size: 16px;
	}
	.b1-rAt {
		font-size: 48px;
		font-size: 24px;
	}
	.b1-ra {
	  padding: 84px 0 100px 0;
	}
	.b1-ra .b1-rAul {
		margin-top: 68px;
	}
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t {
		bottom: 36px;
		padding: 0 28px;
		font-size: 28px;
	}
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t .b1-rAli-tc {
	  margin-top: 18px;
	}
	.b1-a .b1-al > p {
	  font-size: 48px;
	}
	.b1-a .b1-aul {
	  padding: 60px 28px 60px 60px;
	}
	.b1-a .b1-aul .b1-ali {
		font-size: 24px;
	}
	.b1-b {
		margin: 100px 0 120px 0;
		padding: 58px 0 120px 0;
	}
	.b1-b .b1-bT {
		font-size: 40px;
		padding-left: 85px;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-t {
		font-size: 32px;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-p {
		font-size: 20px;
		margin-top: 36px;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-i {
	  margin-top: 30px;
	}
	
}
@media (max-width: 1199px) {
	.band1-t {
		margin-top: 80px;
	}
	.band1-t .band1-th {
		font-size: 40px;
	}
	.band1-t .band1-tp {
		font-size: 18px;
		margin-top: 18px;
	}
	.band1-list1 > ul > li {
		width: 100%;
		margin-top: 60px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
	    padding: 0 40px;
	}
	
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pe {
		font-size: 36px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt {
		padding-bottom: 20px;
		margin-top: 6px;
		font-size: 20px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pul {
		margin-top: 12px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pa {
		margin-top: 25px;
	}
	.b1-rAt {
			font-size: 36px;
			font-size: 20px;
	}	
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t {
		bottom: 24px;
		padding: 0 24px;
		font-size: 22px;
	}
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t .b1-rAli-tc {
		margin-top: 12px;
	}
	.b1-a {
		padding: 0 0% 68px 0%;
	}
	.b1-a .b1-al > p {
	  font-size: 36px;
	}
	.b1-a .b1-aul {
	  padding: 48px 14px 48px 30px;
	}
	.b1-a .b1-aul .b1-ali {
	  font-size: 20px;
	}
	.b1-a .b1-aul .b1-ali .b1-ali-c {
	  margin-top: 10px;
	}
	.b1-b {
		margin: 50px 0 60px 0;
		padding: 29px 0 60px 0;
	}
}
@media (max-width: 991px) {
	.band1-list1 > ul > li > span,
	.band1-list1 > ul > li > .band1-l1-right {
		width: 100%;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		transform: translateY(-0%);
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
	  padding: 40px;
	}
	.b1-ra .b1-rAul .b1-rAli {
		width: 48%;
		margin: 15px 4% 15px 0;
	}
	.b1-ra .b1-rAul .b1-rAli:nth-child(2n) {
		margin-right: 0;
	}
	.b1-a .b1-al,
	.b1-a .b1-ar {
		width: 100%;
	}
	.b1-a .b1-ar img {
		width: 100%;
	}
	.b1-a .b1-aul .b1-ali {
		width: 50%;
		margin: 10px 0;
	}
	.b1-a .b1-aul .b1-ali:nth-child(3) {
		width: 50%;
	}
	.b1-a .b1-aul .b1-ali:nth-child(6) {
		width: 50%;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-t::after,
	.b1-b .b1-bUl .b1-bLi .b1-bLi-t::before {
		width: 30px;
	}
	.b1-b .b1-bUl {
		margin-top: 80px;
	}
}
@media (max-width: 767px) {
	.band1-t {
	  margin-top: 30px;
	}
	.band1-t .band1-th {
	  font-size: 24px;
	}
	.band1-t .band1-tp {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 10px;
	}
	.band1-list1 > ul > li {
		margin-top: 20px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p {
	  padding: 30px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pe {
	  font-size: 28px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt {
		padding-bottom: 15px;
		font-size: 16px;
	}
	.band1-list1 > ul > li > .band1-l1-right .band1-l1-r-p .band1-l1-r-pt::after {
		width: 22px;
		height: 3px;
	}
	.b1-ra {
	  padding: 30px 0 20px 0;
	}
	.b1-rAt {
	  font-size: 24px;
	  font-size: 18px;
	}
	.b1-a {
	  padding: 0 0% 30px 0%;
	}
	.b1-ra .b1-rAul {
	  margin-top: 20px;
	}
	.b1-ra .b1-rAul .b1-rAli {
	  margin: 8px 4% 8px 0;
	}
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t {
		bottom: 18px;
		padding: 0 20px;
		font-size: 18px;
	}
	.b1-ra .b1-rAul .b1-rAli .b1-rAli-t .b1-rAli-tc {
		margin-top: 8px;
	}
	.b1-a .b1-al > p {
	    font-size: 28px;
	}
	.b1-a .b1-aul {
	  padding: 24px 14px 24px 28px;
		background-size: cover;
	}
	.b1-a .b1-aul .b1-ali {
		font-size: 16px;
	}
	.b1-a .b1-aul .b1-ali .b1-ali-c {
	  margin-top: 5px;
	}
	.b1-b {
	    margin: 30px 0 30px 0;
	    padding: 30px 0 30px 0;
	}
	.b1-b .b1-bT {
		font-size: 24px;
		padding-left: 0px;
		text-align: center;
	}
	.b1-b .b1-bUl {
		margin-top: 30px;
	}
	.b1-b .b1-bUl .b1-bLi {
		width: 33.33%;
		margin: 20px 0;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-t::after, .b1-b .b1-bUl .b1-bLi .b1-bLi-t::before {
		display: none;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-t {
	  font-size: 24px;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-p {
		font-size: 16px;
		margin-top: 10px;
	}
	.b1-b .b1-bUl .b1-bLi .b1-bLi-i {
	    margin-top: 10px;
	}
}

.dy-case-c {
	display: none;
}
.dy-1 {
	font-size: 28px;
	line-height: 1.5;
	background: url(../images/bg-1.png) right bottom no-repeat;
}
.dy-1 span {
	font-size: 82px;
	color: #c6384b;
	font-family: 'Tungsten-Bold';
}
.dy-1 font {
	color: #c6384b;
}
.dy-1 img {
	margin-top: 88px;
}

.dy-bg {
	background: url(../images/bgg.jpg) center 470px no-repeat;
}
.dy-2 {
	float: left;
	width: 100%;
	margin-top: 100px;
	padding-top: 66px;
	border-top: 1px solid #ededed;
}
.dy-2t {
	margin-top: 178px;
	font-size: 38px;
	text-align: center;
}
.dy2-txt {
	float: left;
	width: 100%;
	position: relative;
}

.dy2-l,
.dy2-r {
	width: 31.6%;
}
.dy2-m {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%,-0%);
	width: 456px;
	height: 456px;
	padding: 28px;
	border-radius: 100%;
	border: 2px solid rgba(0,0,0,0.1);
}
.dy2-m::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 426px;
	height: 426px;
	border-radius: 100%;
	border: 2px solid rgba(0,0,0,0.2);
	content: "";
}
.dy2-m img {
	border-radius: 100%;
}
.dy2-m .dy2-mt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 36px;
	line-height: 52px;
	color: #fff;
	text-align: center;
}


.dy2-l {
	float: left;
	margin-left: 3.2%;
}
.dy2-r {
	float: right;
	margin-right: 3.2%;
}
.dy2-p p {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	width: 100%;
	font-size: 22px;
	padding-bottom: 22px;
	margin-top: 80px;
	position: relative;
}
.dy2-p p::after {
	position: absolute;
	bottom: 24px;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	content: "";
}
.dy2-p p span {
	font-size: 32px;
}
.dy2-l .dy2-p p:nth-child(2),
.dy2-l .dy2-p p:nth-child(3),
.dy2-r .dy2-p p:nth-child(2) {	
	width: 400px;
}
.dy2-r .dy2-p p:nth-child(3) {
	width: 470px;
}	
.dy2-r .dy2-p p {
	float: right;
	padding-right: 48px;
}

.dy2-l .dy2-p p {
	padding-left: 48px;
}
.dy2-l .dy2-p p::after {
	left: 0;
	background: #61ccc8;
}
.dy2-l .dy2-p p span {
	color: #61ccc8;
}
.dy2-r .dy2-p {
	text-align: right;
}
.dy2-r .dy2-p p::after {
	right: 0;
	background: #c6384b;
}
.dy2-r .dy2-p p span {
	color: #c6384b;
}

.dy-3 {
	float: left;
	width: 100%;
	margin-top: 176px;
}
.dy3-ul {
	float: left;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
.dy3-ul .dy3-l {
	float: left;
	width: 50%;
	background: url(../images/img-2.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	border-top: 1px solid #d2d2d2;
	padding: 70px;
}
.dy3-ul .dy3-l .dy3-lt {}
.dy3-ul .dy3-l .dy3-lt .dy3-ltt {
	font-size: 48px;
}
.dy3-ul .dy3-l .dy3-lt .dy3-ltp {
	font-size: 24px;
	margin-top: 36px;
}

.dy3-ul .dy3-l,
.dy3-ul .dy3-li {
	height: 398px;
}

.dy3-ul .dy3-li {
	float: left;
	width: 25%;
	padding-top: 135px;
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
.dy3-ul .dy3-li  .dy3-li-ico {}
.dy3-ul .dy3-li  .dy3-li-p {
	margin-top: 56px;
	font-size: 26px;
}
.dy-case {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	color: #fff;
	text-align: right;
}
.dy-case .dy-case-t {
	font-size: 56px;
}
.dy-case .dy-case-p {
	font-size: 28px;
	line-height: 1.2;
	margin-top: 50px;
}
@media (max-width: 1440px) {
	.dy-1 {
	  font-size: 24px;
		background-size: 200px auto;
	}
	.dy-1 span {
		font-size: 70px;
	}
	.dy-1 img {
		margin-top: 68px;
	}
	.dy-2 {
		margin-top: 60px;
		padding-top: 46px;
	}
	.dy-2t {
		margin-top: 128px;
		font-size: 32px;
	}
	.dy2-p p {
		font-size: 18px;
		/* margin-top: 60px; */
	}
	.dy2-p p span {
	  font-size: 28px;
	}
	.dy2-l {
		margin-left: 2.4%;
	}
	.dy2-r {
		margin-right: 2.4%;
	}
	.dy2-l .dy2-p p {
	  padding-left: 36px;
	}
	.dy2-r .dy2-p p {
	  padding-right: 36px;
	}
	.dy2-l .dy2-p p:nth-child(2), .dy2-l .dy2-p p:nth-child(3), .dy2-r .dy2-p p:nth-child(2) {
		width: 360px;
	}
	.dy2-r .dy2-p p:nth-child(3) {
	  width: 400px;
	}
	.dy2-m {
		width: 426px;
		height: 426px;
		padding: 28px;
	}
	.dy2-m::after {
		width: 396px;
		height: 396px;
	}
	.dy2-m .dy2-mt {
		font-size: 28px;
		line-height: 48px;
	}
	.dy3-ul .dy3-l .dy3-lt .dy3-ltt {
	  font-size: 36px;
	}
	.dy3-ul .dy3-l .dy3-lt .dy3-ltp {
		font-size: 20px;
		margin-top: 28px;
	}
	.dy3-ul .dy3-li {
		padding-top: 120px;
	}
	.dy3-ul .dy3-li .dy3-li-p {
		margin-top: 30px;
		font-size: 20px;
	}
	.dy3-ul .dy3-l, .dy3-ul .dy3-li {
	  height: 360px;
	}
	.dy-case .dy-case-t {
		font-size: 42px;
	}
	.dy-case .dy-case-p {
		font-size: 24px;
		margin-top: 30px;
	}
}
@media (max-width: 1280px) {
	.dy2-l {
			margin-left: 0%;
		}
		.dy2-r {
			margin-right: 0%;
		}
	.dy2-m {
		width: 386px;
		height: 386px;
		padding: 28px;
	}
	.dy2-m::after {
		width: 356px;
		height: 356px;
	}
}
@media (max-width: 1199px) {
	.dy-1 {
		font-size: 22px;
		line-height: 1.2;
	}
	.dy-1 span {
	  font-size: 50px;
	}
	.dy-1 img {
	  margin-top: 48px;
	}
	.dy2-l,
	.dy2-r{
		float: left;
		width: 100%;
	}
	.dy2-r .dy2-p {
		text-align: left;
	}
	.dy2-l .dy2-p p:nth-child(2), .dy2-l .dy2-p p:nth-child(3), .dy2-r .dy2-p p:nth-child(2),
	.dy2-r .dy2-p p:nth-child(3) {
		width: 100%;
	}
	.dy2-m {
		position: relative;
		bottom: auto;
		transform: translate(-50%,-0%);
		float: left;
		margin-top: 50px;
	}
	.dy-2t {
		margin-top: 80px;
	}
	.dy2-p p {
		margin-top: 40px;
	}
	.dy2-r .dy2-p p {
		padding-right: 0px;
		padding-left: 36px;
	}
	.dy2-r .dy2-p p::after {
		right: auto;
		left: 0;
	}
	.dy-3 {
		margin-top: 76px;
	}
}
@media (max-width: 991px) {
	.dy3-ul .dy3-l {
		width: 100%;
	}
	.dy3-ul .dy3-li {
		width: 50%;
	}
	.dy-case .dy-case-t {
		font-size: 30px;
	}
	.dy-case .dy-case-p {
		font-size: 18px;
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.dy-1 {
	  font-size: 16px;
		line-height: 1.5;
		background-size: 100px auto;
		background-position: right 50%;
	}
	.dy-1 span {
	  font-size: 36px;
	}
	.dy-1 img {
	  margin-top: 20px;
	}
	.dy-2 {
		margin-top: 30px;
		padding-top: 30px;
	}
	.dy-2t {
		margin-top: 30px;
		font-size: 22px;
	}
	.dy2-p p {
	  margin-top: 20px;
		padding-bottom: 14px;
		font-size: 16px;
	}
	.dy2-l .dy2-p p, 
	.dy2-r .dy2-p p{
		padding-left: 18px;
	}
	.dy2-p p span {
	  font-size: 20px;
	}
	.dy2-p p::after {
		bottom: 18px;
		width: 8px;
		height: 8px;
	}
	.dy2-m {
		margin-top: 30px;
	}
	.dy2-m {
		width: 306px;
		height: 306px;
		padding: 28px;
	}
	.dy2-m::after {
		width: 276px;
		height: 276px;
	}
	.dy2-m .dy2-mt {
		font-size: 20px;
		line-height: 32px;
	}
	.dy-3 {
			margin-top: 30px;
	}
	.dy3-ul .dy3-l, .dy3-ul .dy3-li {
	  height: 200px;
	}
	.dy3-ul .dy3-l {
		padding: 30px;
	}
	.dy3-ul .dy3-l .dy3-lt .dy3-ltt {
	  font-size: 24px;
	}
	.dy3-ul .dy3-l .dy3-lt .dy3-ltp {
		font-size: 16px;
		margin-top: 16px;
	}
	.dy3-ul .dy3-li {
	  padding-top: 50px;
	}
	.dy3-ul .dy3-li .dy3-li-ico img {
		width: 48px;
	}
	.dy3-ul .dy3-li .dy3-li-p {
		margin-top: 20px;
		font-size: 16px;
	}
	.dy-case-c > img {
		max-width: 160%;
		margin-left: -30%;
	}
	.dy-case {
		padding-left: 30%;
	}
	.dy-case .dy-case-t {
		font-size: 22px;
	}
	.dy-case .dy-case-p {
		font-size: 16px;
		margin-top: 12px;
	}
}













/* 设计页面修改 */
.devise-color {
	background-color:#fbfbfb;
}
.devise-1 {
	padding:80px 0;
	display:flex;
	justify-content: space-between;
}
.devise-1 .left {
	width:24.1%;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.devise-1 .left .tit {
	width:190px;
	height:70px;
	background:linear-gradient(to right bottom,#27cdff,#0f1ee9);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:24px;
	color:#fff;
	line-height:1;
	display:flex;
	justify-content: center;
	align-items: center;
}
.devise-1 .left .con {
	background-color:#fff;
	border-radius:10px;
	box-shadow:0 0 11px rgba(35,35,35,.2);
	width:100%;
	padding:0 38px;
}
.devise-1 .left .con .text {
	border-bottom:1px solid #e0e0e0;
	display:flex;
	justify-content: space-between;
	align-items: center;
	font-size:18px;
	color:#333;
	line-height:1.3333;
	padding:26px 0;
}
.devise-1 .left .con .text p:first-child {
	width:34.4%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:54px;
	line-height:1;
	font-weight:bold;
	font-family:'Century Gothic';
	background: linear-gradient(to right bottom, #27cdff, #0f1ee9);
	-webkit-background-clip: text;
	color: transparent;
	position:relative;
}
.devise-1 .left .con .text p:first-child:after {
	content:'';
	width:1px;
	height:24px;
	background-color:#e0e0e0;
	position:absolute;
	right:0;
}
.devise-1 .left .con .text p:nth-child(2) {
	width:58%;
}
.devise-1 .img-icon {
	display:flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.devise-1 .middle {
	width:433px;
	height:433px;
	border-radius:50%;
	box-shadow:inset 0 0 12px rgba(35,35,35,.3);
	background:linear-gradient(to bottom,#27cdff,#0f1ee9);
	display:flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.devise-1 .middle .con {
	width:380px;
	height:380px;
	background-color:#fbfbfb;
	border-radius:50%;
	display:flex;
	flex-wrap:wrap;
	align-content: space-between;
	justify-content: space-between;
	animation:rotateS 30s linear infinite;
}
@keyframes rotateS {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
.devise-1 .middle .con .dot {
	width:100px;
	height:100px;
	position:relative;
	animation:rotateN 30s linear infinite;
}
@keyframes rotateN {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(-360deg); }
}
.devise-1 .middle .con .dot p {
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #fff;
	background-color:rgba(255,255,255,.4);
	display:flex;
	align-items: center;
	justify-content: center;

}
.devise-1 .middle .con .dot p span {
	width:72px;
	height:72px;
	border-radius:50%;
	background-color:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:18px;
	color:#666;
	line-height:1.11;
	text-align:center;
	padding: 0 10px;
	box-shadow:0 0 11px rgba(0,35,163,.2)
}
.devise-1 .middle .con .dot:nth-child(1) { top:38px;left:-38px; }
.devise-1 .middle .con .dot:nth-child(2) { top:-60px; }
.devise-1 .middle .con .dot:nth-child(3) { top:38px;right:-38px; }
.devise-1 .middle .con .dot:nth-child(4) { bottom:-6px;left:-38px; }
.devise-1 .middle .con .dot:nth-child(5) { top:80px; }
.devise-1 .middle .con .dot:nth-child(5) {
	width:144px;
	height:144px;
}
.devise-1 .middle .con .dot:nth-child(5) p span {
	width:104px;
	height:104px;
}
.devise-1 .middle .con .dot:nth-child(6) { bottom:-6px;right:-38px; }
.devise-1 .middle .text {
	position:absolute;
	text-align:center;
	font-size:18px;
	color:#999;
	line-height:1.78;
}
.devise-1 .middle .text .tit {
	font-size:42px;
	font-weight:bold;
	color:#232323;
	line-height:1;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.devise-1 .middle .text .tit:after {
	content:'';
	width:32px;
	height:2px;
	background-color:#e0e0e0;
	margin-top:23px;
}
.devise-1 .middle .text p:nth-child(2) {
	width:230px;
	margin:18px auto 0;
}
.devise-1 .right {
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	width: 24.1%;
	position:relative;
	left: calc(100vw / 1920 * -62);
}
.devise-1 .right .list {
	width:calc(100vw / 1920 * 451);
	height:157px;
	background:url(../images/devise/devise-1-right.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.devise-1 .right .list>div {
	font-size:18px;
	color:#999;
	line-height:1;
	text-transform:uppercase;
	text-align:right;
	padding-bottom: 15px;
	padding-right: 50px;
}
.devise-1 .right .list>div p:nth-child(2) {
	font-size:20px;
	color:#232323;
	margin-top:10px;
}

@media (max-width:1600px) {
	.devise-1 .right { left:0; }
	.devise-1 .right .list { height:140px; }
}
@media (max-width:1440px) {
	.devise-1 .left .tit { font-size:20px; }
	.devise-1 .left .con { padding: 0 20px; }
	.devise-1 .left .con .text { font-size:14px; }
	.devise-1 .left .con .text p:first-child { font-size:38px; }
	.devise-1 .right .list { width:100%;height:125px; }
	.devise-1 .right .list>div { font-size:14px; }
	.devise-1 .right .list>div p:nth-child(2) { font-size:16px; }
	.devise-1 .middle .con .dot p span { font-size:16px; }
	.devise-1 .middle .text { font-size:16px; }
	.devise-1 .middle .text .tit { font-size:36px; }
	.devise-1 .middle { width:350px;height:350px;position:relative;left:calc(100vw / 1920 * 60); }
	.devise-1 .middle .con { width:310px;height:310px; }
	.devise-1 .middle .con .dot { width:85px;height:85px; }
	.devise-1 .middle .con .dot p span { width:60px;height:60px; }
	.devise-1 .middle .con .dot:nth-child(5) { width:134px;height:134px; }
	.devise-1 .img-icon { position:relative;left:calc(100vw / 1920 * 50); }
}
@media (max-width:1199px) {
	.devise-1 .left { justify-content: center; }
	.devise-1 .left .tit { font-size:16px;width:150px;height:50px; }
	.devise-1 .left .con { padding: 0 10px; }
	.devise-1 .left .con .text { font-size:12px;padding: 18px 0; }
	.devise-1 .left .con .text p:first-child { font-size:26px; }
	.devise-1 .img-icon { width:25px; }
	.devise-1 .img-icon img { max-width:100%; }
	.devise-1 .middle .text { font-size:12px; }
	.devise-1 .middle .text .tit { font-size:20px; }
	.devise-1 .middle .text .tit:after { margin-top: 15px; }
	.devise-1 .middle .text p:nth-child(2) { margin: 10px auto 0;width:85%; }
	.devise-1 .middle .con .dot p span { font-size:12px; }
	.devise-1 .middle { width:280px;height:280px; }
	.devise-1 .middle .con { width:250px;height:250px; }
	.devise-1 .middle .con .dot { width:74px;height:74px; }
	.devise-1 .middle .con .dot p span { width:50px;height:50px; }
	.devise-1 .middle .con .dot:nth-child(5) { width:94px;height:94px; }
	.devise-1 .middle .con .dot:nth-child(5) p span { width:70px;height:70px; }
	.devise-1 .middle .con .dot:nth-child(4) { bottom:10px; }
	.devise-1 .middle .con .dot:nth-child(6) { bottom:10px; }
	.devise-1 .middle .con .dot:nth-child(5) { top:54px; }
	.devise-1 .middle .con .dot:nth-child(2) { top:-44px; }
	.devise-1 .right .list { height:100px; }
	.devise-1 .right .list>div { font-size:12px;padding-bottom: 8px;padding-right: 30px; }
	.devise-1 .right .list>div p:nth-child(2) { font-size:14px; }
}
@media (max-width:767px) {
	.devise-1 { padding:40px 0;flex-wrap:wrap; }
	.devise-1 .img-icon { display:none; }
	.devise-1 .left { width:100%; }
	.devise-1 .middle { left:0;margin:60px auto 0; }
	.devise-1 .right { width:100%;margin-top:60px; }
	.devise-1 .right .list { width:350px;height:110px;margin:0 auto; }
	.devise-1 .right .list:first-child { margin-bottom:20px; }
}




.devise-title {
	font-size: calc(100vw / 1920 * 28);
	color:#232323;
	line-height:1;
	text-transform:uppercase;
}
.devise-title span { font-weight:bold; }
.devise-title .tit {
	font-family:'Century Gothic';
	font-size:calc(100vw / 1920 * 64);
	font-weight:bold;
	margin-bottom:calc(100vw / 1920 * 28);
}
.devise-2 {
	padding:calc(100vw / 1920 * 126) 0 calc(100vw / 1920 * 135);
	overflow:hidden;
}
.slick-devise2 {
	padding-top:calc(100vw / 1920 * 94);
	width:100%;
	/* display:flex; */
}
.slick-devise2 .slick-list {
	margin:0 calc(100vw / 1920 * -80);
}
.slick-devise2 .slick-dots {
	position:absolute;
	top:-6px;
	right:0;
	display:flex;
	align-items: flex-end;
}
.slick-devise2 .slick-dots li { display:flex; }
.slick-devise2 .slick-dots li button {
	width:calc(100vw / 1920 * 86);
	height:2px;
	background-color:#999;
	font-size:0;
	margin-left:calc(100vw / 1920 * 24);
}
.slick-devise2 .slick-dots li:first-child button { margin-left:0; }
.slick-devise2 .slick-dots .slick-active button {
	height:6px;
	background-color:#232323;
}
.slick-devise2 img {
	width:100%;
	max-width:700px;
	max-height:394px;
}
.slick-devise2 .slick-slide {
	padding:0 calc(100vw / 1920 * 80);
}
.slick-devise2 .text {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:1.78;
	margin-top:calc(100vw / 1920 * 54);
}
.slick-devise2 .text .tit {
	font-size:calc(100vw / 1920 * 48);
	color:#232323;
	line-height:1;
	font-weight:bold;
	display:flex;
	flex-direction: column;
}
.slick-devise2 .text .tit:after {
	display:inline-block;
	content:'';
	width:calc(100vw / 1920 * 48);
	height:2px;
	background-color:#d3d3d3;
	margin-top:calc(100vw / 1920 * 30);
}
.slick-devise2 .text>div {
	margin-top:calc(100vw / 1920 * 28);
}

.devise-2 .bottom {
	position:relative;
	margin-top:calc(100vw / 1920 * 50);
}
.devise-2 .bottom .con {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.devise-2 .bottom .con div {
	padding:20px;
	line-height:1;
	color:#fff;
	font-size:18px;
	background:linear-gradient(to right bottom, #27cdff,#0f1fe9);
	display:inline-block;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	position:absolute;
}
.devise-2 .bottom .con div:nth-child(1) { top:232px; left:38px; }
.devise-2 .bottom .con div:nth-child(2) { top:128px; left:260px; }
.devise-2 .bottom .con div:nth-child(3) { top:304px; left:300px; }
.devise-2 .bottom .con div:nth-child(4) { top:206px; left:452px; }
.devise-2 .bottom .con div:nth-child(5) { top:46px; left:510px; }
.devise-2 .bottom .con div:nth-child(6) { top:144px; left:696px;font-size:22px;padding:30px; }
.devise-2 .bottom .con div:nth-child(7) { top:226px; right:412px; }
.devise-2 .bottom .con div:nth-child(8) { top:64px; right:340px; }
.devise-2 .bottom .con div:nth-child(9) { top:128px; right:110px; }
.devise-2 .bottom .con div:nth-child(10) { top:294px; right:70px; }

@media (max-width:1600px) {
	.devise-2 .bottom .con div {
		padding:calc(100vw / 1600 * 20);
		font-size:calc(100vw / 1600 * 18);
	}
	.devise-2 .bottom .con div:nth-child(1) { top:calc(100vw / 1600 * 232); left:calc(100vw / 1600 * 38); }
	.devise-2 .bottom .con div:nth-child(2) { top:calc(100vw / 1600 * 128); left:calc(100vw / 1600 * 260); }
	.devise-2 .bottom .con div:nth-child(3) { top:calc(100vw / 1600 * 304); left:calc(100vw / 1600 * 300); }
	.devise-2 .bottom .con div:nth-child(4) { top:calc(100vw / 1600 * 206); left:calc(100vw / 1600 * 452); }
	.devise-2 .bottom .con div:nth-child(5) { top:calc(100vw / 1600 * 46); left:calc(100vw / 1600 * 510); }
	.devise-2 .bottom .con div:nth-child(6) { top:calc(100vw / 1600 * 144); left:calc(100vw / 1600 * 696);font-size:calc(100vw / 1600 * 22);padding:calc(100vw / 1600 * 30); }
	.devise-2 .bottom .con div:nth-child(7) { top:calc(100vw / 1600 * 226); right:calc(100vw / 1600 * 412); }
	.devise-2 .bottom .con div:nth-child(8) { top:calc(100vw / 1600 * 64); right:calc(100vw / 1600 * 340); }
	.devise-2 .bottom .con div:nth-child(9) { top:calc(100vw / 1600 * 128); right:calc(100vw / 1600 * 110); }
	.devise-2 .bottom .con div:nth-child(10) { top:calc(100vw / 1600 * 294); right:calc(100vw / 1600 * 70); }
}
@media (max-width:767px) {
	.devise-2 { padding: 40px 0; }
	.devise-title { font-size:12px;line-height: 1.3; }
	.devise-title .tit { font-size:18px;margin-bottom:10px; }
	.slick-devise2 { padding-top: 30px; }
	.slick-devise2 .slick-dots { top:10px; }
	.slick-devise2 .slick-dots li button { width:20px;margin-left:10px; }
	.slick-devise2 .slick-dots .slick-active button { height:4px; }
	.slick-devise2 .text { font-size:12px;margin-top:20px; }
	.slick-devise2 .text .tit { font-size:16px; }
	.slick-devise2 .text .tit:after { width:20px;margin-top:10px; }
	
	.devise-2 .bottom { display:flex;flex-direction: column; }
	.devise-2 .bottom .bg { order:2; }
	.devise-2 .bottom .con { position:initial;display: flex;flex-wrap: wrap;justify-content: center; }
	.devise-2 .bottom .con div { padding:10px; font-size:12px; position:initial;margin:2px; }
	.devise-2 .bottom .con div:nth-child(6) { font-size:12px;padding: 10px; }
}




.devise-3 {
	position:relative;
}
.devise-3 .con {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	align-items: flex-end;
}
.devise-3 .con .circle {
	width:100%;
	height: calc(100vw / 1920 * 626);
	display:flex;
	justify-content: center;
	position:relative;
}
.devise-3 .con .circle .list {
	width:calc(100vw / 1920 * 312);
}
.devise-3 .con .circle .list .dot {
	width: calc(100vw / 1920 * 144);
	height: calc(100vw / 1920 * 144);
	position: relative;
	margin:0 auto;
}
.devise-3 .con .circle .list:nth-child(1) .dot { margin-top:calc(100vw / 1920 * 190); }
.devise-3 .con .circle .list:nth-child(3) .dot { margin-top:calc(100vw / 1920 * -60); }
.devise-3 .con .circle .list:nth-child(5) .dot { margin-top:calc(100vw / 1920 * 160); }
.devise-3 .con .circle .list .dot>p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,.4);
	display: flex;
	align-items: center;
	justify-content: center;
}
.devise-3 .con .circle .list .dot p .sn {
	width: calc(100vw / 1920 * 104);
	height: calc(100vw / 1920 * 104);
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: calc(100vw / 1920 * 18);
	color: #666;
	line-height: 1.11;
	text-align: center;
	padding: 0 calc(100vw / 1920 * 10);
	box-shadow: 0 0 11px rgb(0 35 163 / 20%);
}
.devise-3 .con .circle .list .dot p .sn span {
	display:inline-block;
}
.devise-3 .con .circle .middle {
	position:absolute;
	bottom:0;
	left:50%;
	width:calc(100vw / 1920 * 926);
	height:calc(100vw / 1920 * 326);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size:calc(100vw / 1920 * 48);
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1;
}
.devise-3 .con .circle .list .dot .text {
	position:absolute;
	font-size:calc(100vw / 1920 * 18);
	color:#323232;
	line-height:1.78;
	white-space: nowrap;
	top:106%;
}
.devise-3 .con .circle .list:nth-child(1) .dot .text { left:calc(100vw / 1920 * 40); }
.devise-3 .con .circle .list:nth-child(2) .dot .text { left:calc(100vw / 1920 * 46); }
.devise-3 .con .circle .list:nth-child(3) .dot .text { left:calc(100vw / 1920 * -60); }
.devise-3 .con .circle .list:nth-child(4) .dot .text { left:calc(100vw / 1920 * -14); }
.devise-3 .con .circle .list:nth-child(5) .dot .text { left:calc(100vw / 1920 * -78); }
.devise-3 .con .circle .middle .tit { margin-bottom:calc(100vw / 1920 * 46); }
.devise-3 .con .circle .middle .tit p:first-child {
	font-size:calc(100vw / 1920 * 64);
	text-transform:uppercase;
	margin-bottom:calc(100vw / 1920 * 26);
}
.devise-3 .con .circle .middle .con {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.devise-3 .con .circle .middle .con .list { position:relative; }
.devise-3 .con .circle .middle .con .list img { width:calc(100vw / 1920 * 52); }
.devise-3 .con .circle .middle .con .list:nth-child(1) {
	text-align:left;
	top:calc(100vw / 1920 * -180);
}
.devise-3 .con .circle .middle .con .list:nth-child(1) img {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.devise-3 .con .circle .middle .con .list:nth-child(2) {
	text-align:left;
	top: calc(100vw / 1920 * -320);
	left: calc(100vw / 1920 * 20);
}
.devise-3 .con .circle .middle .con .list:nth-child(2) img {
	-webkit-transform:rotate(-25deg);
	transform:rotate(-25deg);
}
.devise-3 .con .circle .middle .con .list:nth-child(3) { top: calc(100vw / 1920 * -360); }
.devise-3 .con .circle .middle .con .list:nth-child(4) {
	text-align:right;
	top: calc(100vw / 1920 * -320);
	right: calc(100vw / 1920 * 20);
}
.devise-3 .con .circle .middle .con .list:nth-child(4) img {
	-webkit-transform:rotate(25deg);
	transform:rotate(25deg);
}
.devise-3 .con .circle .middle .con .list:nth-child(5) {
	text-align:right;
	top:calc(100vw / 1920 * -180);
}
.devise-3 .con .circle .middle .con .list:nth-child(5) img {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

@media (max-width:1199px) {
	.devise-3 .con .circle .list:nth-child(1) .dot .text { left: calc(100vw / 1920 * 20); }
	.devise-3 .con .circle .list:nth-child(2) .dot .text { left: calc(100vw / 1920 * 20); }
	.devise-3 .con .circle .list:nth-child(3) .dot .text { left: calc(100vw / 1920 * -90); }
	.devise-3 .con .circle .list:nth-child(4) .dot .text { left: calc(100vw / 1920 * 20); }
	.devise-3 .con .circle .list:nth-child(5) .dot .text { left: calc(100vw / 1920 * -50); }
}
@media (max-width:991px) {
	.devise-3 .con .circle .list:nth-child(4) .dot .text { top:120%; }
	.devise-3 .con .circle .list .dot { width:64px;height:64px; }
	.devise-3 .con .circle .list .dot p .sn { width:48px;height:48px;font-size:12px; }
	.devise-3 .con .circle .list .dot .text { font-size:12px; }
}
@media (max-width:767px) {
	.devise-3 .bg { display:none; }
	.devise-3 .con { position:initial;background-color:#fefefe;padding-bottom: 30px; }
	.devise-3 .con .circle { height:auto;flex-direction: column; }
	.devise-3 .con .circle .list { width:100%; }
	.devise-3 .con .circle .list .dot { margin:0!important;width:78px;height:78px; }
	.devise-3 .con .circle .list .dot p .sn { width:58px;height:58px; }
	.devise-3 .con .circle .list .dot .text {
		left:110%!important;
		top:50%!important;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.devise-3 .con .circle .middle { display:none; }
}





.devise-4 {
	background:url(../images/devise/devise-4-bg.jpg) top center no-repeat;
	padding: calc(100vw / 1920 * 118) 0;
}
.devise-title-two {
	display:flex;
	justify-content:space-between;
	font-size:calc(100vw / 1920 * 48);
	color:#232323;
	text-transform:uppercase;
	font-weight:300;
	line-height:1;
	margin-top:calc(100vw / 1920 * 80);
}
.devise-title-two p { margin:5px 0; }
.devise-title-two .right {
	font-weight:bold;
	text-align:right;
}
.devise-4 .con {
	display:flex;
	flex-direction: column;
	margin-top:calc(100vw / 1920 * 184);
}
.devise-4 .con .list {
	display:flex;
	align-items: center;
	position:relative;
}
.devise-4 .con .list .tit {
	padding: calc(100vw / 1920 * 24);
	line-height: 1;
	color: #fff;
	font-size: calc(100vw / 1920 * 32);
	font-weight:bold;
	background: linear-gradient(to right bottom, #27cdff,#0f1fe9);
	display: inline-block;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height:100%;
}
.devise-4 .con .list .right {
	display:flex;
	align-items: center;
	margin-left:calc(100vw / 1920 * 64);
	position:relative;
}
.devise-4 .con .list .right .r-tit {
	display:flex;
	align-items: center;
	background-color:#fff;
}
.devise-4 .con .list .right .r-tit p {
	font-size:calc(100vw / 1920 * 24);
	font-weight:bold;
	display: flex;
	align-items: center;
	background: linear-gradient(to bottom, #ccc, #232323);
	-webkit-background-clip: text;
	color: transparent;
}
.devise-4 .con .list .right .r-tit span {
	width:calc(100vw / 1920 * 24);
	height:1px;
	background-color:#e0e0e0;
	display:inline-block;
	margin:0 calc(100vw / 1920 * 28);
}
.devise-4 .con .list .right .li {
	box-shadow:0 0 11px rgba(35,35,35,.2);
	border-radius:10px;
	margin-right:calc(100vw / 1920 * 48);
	display:flex;
	background-color:#fff;
}
.devise-4 .con .list .right .li:last-child { margin-right:0; }
.devise-4 .con .list .right .r-text {
	display:flex;
	align-items: center;
	font-size:calc(100vw / 1920 * 18);
	color:#333;
}
.devise-4 .con .list .right .r-text span {
	width:1px;
	height:calc(100vw / 1920 * 24);
	background-color:#e0e0e0;
	display:inline-block;
	margin:0 calc(100vw / 1920 * 16);
}
.devise-4 .con .list .right .li .r-con {
	position:relative;
}
.devise-4 .con .list .right .li .r-con .title {
	position:absolute;
	top:calc(100vw / 1920 * -73);
	left:calc(100vw / 1920 * -10);
	display:flex;
	font-size:calc(100vw / 1920 * 18);
	color:#fff;
	width:115%;
}
.devise-4 .con .list .right .li .r-con .title p {
	width: calc(100vw / 1920 * 88);
	height: calc(100vw / 1920 * 49);
	background: linear-gradient(to right bottom,#27cdff,#0f1ee9);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right:calc(100vw / 1920 * 20);
}
.devise-4 .con .list .right .li .r-con .title p:last-child { margin-right:0; }
.devise-4 .con .list1 { margin-bottom:calc(100vw / 1920 * 56); }
.devise-4 .con .list1 .right {
	height:calc(100vw / 1920 * 70);
	box-shadow:0 0 11px rgba(35,35,35,.2);
	border-radius:10px;
	background-color:#fff;
}
.devise-4 .con .list1 .right .r-tit {
	padding:0 calc(100vw / 1920 * 24);
}
.devise-4 .con .list1 .right .img {
	position:absolute;
	right:calc(100vw / 1920 * -254);
	top:calc(100vw / 1920 * 8);
}
.devise-4 .con .list1 .right .img img {
	width:calc(100vw / 1920 * 320);
}
.devise-4 .con .list2 {
	margin-bottom:calc(100vw / 1920 * 105);
}
.devise-4 .con .list2 .right .li {
	width:calc(100vw / 1920 * 218);
	height:calc(100vw / 1920 * 140);
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.devise-4 .con .list2 .right .r-text { margin-top:calc(100vw / 1920 * 30); }
.devise-4 .con .list2 .right .r-text p {
	width:calc(100vw / 1920 * 36);
	text-align:center;
	line-height:1.22;
}
.devise-4 .con .list2 .right .img {
	position:absolute;
}
.devise-4 .con .list2 .right .img.i1 {
	left:calc(100vw / 1920 * 211);
	bottom:calc(100vw / 1920 * -76);
}
.devise-4 .con .list2 .right .img.i2 {
	right:calc(100vw / 1920 * 211);
	bottom:calc(100vw / 1920 * -76);
}
.devise-4 .con .list2 .right .img img {
	width:calc(100vw / 1920 * 52);
}
.devise-4 .con .list3 {
	margin-bottom:calc(100vw / 1920 * 105);
}
.devise-4 .con .list3 .right .li {
	padding:calc(100vw / 1920 * 24);
}
.devise-4 .con .list3 .right .r-tit {
	margin-right:calc(100vw / 1920 * 38);
}
.devise-4 .con .list3 .right .r-text:last-child {
	margin-top:calc(100vw / 1920 * 24);
}
.devise-4 .con .list3 .right .r-text span { height:16px; }
.devise-4 .con .list4 {
	margin-bottom:calc(100vw / 1920 * 58);
}
.devise-4 .con .list4 {
	align-items: flex-start;
}
.devise-4 .con .list4 .right .li {
	padding:calc(100vw / 1920 * 24);
}
.devise-4 .con .list4 .right .r-text {
	flex-direction: column;
	align-items: flex-start;
}
.devise-4 .con .list4 .right .r-tit {
	margin-right:calc(100vw / 1920 * 38);
	align-items: flex-start;
}
.devise-4 .con .list4 .right .r-text p {
	margin-bottom:calc(100vw / 1920 * 24);
}
.devise-4 .con .list4 .right .r-text p:last-child { margin-bottom:0; }
.devise-4 .con .list4 .right .li .r-con { display:flex; }
.devise-4 .con .list4 .right .r-con .r-text { align-items:center; }
.devise-4 .con .list4 .right .r-con .r-span {
	display:flex;
	flex-direction: column;
}
.devise-4 .con .list4 .right .r-con .r-span span {
	width: 1px;
	height: calc(100vw / 1920 * 16);
	background-color: #e0e0e0;
	display: inline-block;
	margin: 2px calc(100vw / 1920 * 16) calc(100vw / 1920 * 24);
}
.devise-4 .con .list4 .right .r-con .r-span span:last-child { margin-bottom:0; }
.devise-4 .con .list5 .right {
	height: calc(100vw / 1920 * 70);
	box-shadow: 0 0 11px rgb(35 35 35 / 20%);
	border-radius: 10px;
	background-color:#fff;
}
.devise-4 .con .list5 .right .r-tit {
	padding: 0 calc(100vw / 1920 * 24);
}
.devise-4 .con .list5 .right .r-tit span {
	width:auto;
	height:auto;
	margin:0 calc(100vw / 1920 * 24);
	background-color:transparent;
}
.devise-4 .con .list5 .right .r-tit span img {
	width:calc(100vw / 1920 * 39);
}

@media (max-width:1280px) {
	.devise-4 .con .list .right .r-text { font-size:12px; }
	.devise-4 .con .list2 .right .r-text p { width:25px; }
}
@media (max-width:1199px) {
	.devise-4 .con .list .right .li .r-con .title { font-size:12px; }
	.devise-4 .con .list .right .li .r-con .title p { width:58px;height:30px; }
	.devise-4 .con .list .right .r-text span { margin:0 6px; }
}
@media (max-width:991px) {
	.devise-4 .con .list { flex-direction: column;align-items: flex-start; }
	.devise-4 .con .list .right .li { margin-right:25px; }
	.devise-4 .con .list .right { margin-left:0; }
	.devise-4 .con .list .tit { padding:10px;font-size:14px;margin-bottom:20px; }
	.devise-4 .con .list .right .li .r-con .title { top: -42px; }
	.devise-4 .con .list .right .r-tit p { font-size:14px; }
	.devise-4 .con .list1 { margin-bottom: 30px; }
	.devise-4 .con .list1 .right { height:38px; }
	.devise-4 .con .list1 .right .img { right:-132px;top:3px; }
	.devise-4 .con .list1 .right .img img { width:164px; }
	.devise-4 .con .list1 .right .r-tit { padding:0 12px; }
	.devise-4 .con .list2 .right .li { width:120px;height:84px; }
	.devise-4 .con .list .right .r-text span { margin: 0 4px;height:12px; }
	.devise-4 .con .list4 .right .r-con .r-span span { margin: 2px 4px 14px;height:8px; }
	.devise-4 .con .list .right .li .r-con .title p { width:54px;margin-right: 4px; }
	.devise-4 .con .list4 .right .r-tit { margin-right:12px; }
	.devise-4 .con .list5 .right .r-tit span img { width:18px; }
	.devise-4 .con .list5 .right .r-tit span { margin: 0 6px; }
	.devise-4 .con .list4 .right .r-con .r-text { text-align:center; }
	.devise-4 .con .list5 .right { height:38px; }
}
@media (max-width:767px) {
	.devise-4 { padding:40px 0; }
	.devise-title-two { font-size:14px;margin-top:20px; }
	.devise-4 .con { margin-top:40px; }
	.devise-4 .con .list1 .right { height:50px; }
	.devise-4 .con .list1 .right .img { display:none; }
	.devise-4 .con .list .right .r-tit span { width:10px;margin:0 6px; }
	.devise-4 .con .list1 { margin-bottom:20px; }
	.devise-4 .con .list .right { flex-wrap:wrap;justify-content: space-between;width:100%; }
	.devise-4 .con .list2 .right .li { width:48%;margin-bottom:15px; }
	.devise-4 .con .list .right .li { margin-right:0; }
	.devise-4 .con .list2 .right .img { display:none; }
	.devise-4 .con .list2 .right .r-text { margin-top:10px; }
	.devise-4 .con .list3 .right .li { width:100%;height:84px;padding:10px;align-items: center;justify-content: center; }
	.devise-4 .con .list3 .right .r-tit { margin-right:10px; }
	.devise-4 .con .list3 .right .li .r-con .title { top:-55px; }
	.devise-4 .con .list2 { margin-bottom:5px; }
	.devise-4 .con .list3 .right .li { margin-bottom:45px; }
	.devise-4 .con .list3 .right .li:last-child { margin-bottom:0; }
	.devise-4 .con .list3 .right .r-text:last-child { margin-top:10px; }
	.devise-4 .con .list4 .right .li { width:100%;padding: 20px;margin-bottom:45px; }
	.devise-4 .con .list4 .right .li:last-child { margin-bottom:0; }
	.devise-4 .con .list4 { margin-bottom:20px; }
	.devise-4 .con .list4 .right .r-tit { margin-right:15px; }
	.devise-4 .con .list4 .right .r-text p { margin-bottom:10px; }
	.devise-4 .con .list4 .right .li .r-con .title { top:-50px; }
	.devise-4 .con .list5 .right { height:50px; }
	.devise-4 .con .list5 .right .r-tit p { text-align:center; }
	.devise-4 .con .list5 .right .r-tit span { margin:0 3px; }
	.devise-4 .con .list5 .right .r-tit span img { width:10px; }
}





.devise-5 {
	padding:calc(100vw / 1920 * 126) 0 calc(100vw / 1920 * 135);
	overflow:hidden;
}
.slick-devise5 {
	padding-top:calc(100vw / 1920 * 94);
	width:100%;
}
.slick-devise5 .slick-list {
	margin:0 calc(100vw / 1920 * -97);
}
.slick-devise5 .slick-dots {
	position:absolute;
	top:-6px;
	right:0;
	display:flex;
	align-items: flex-end;
}
.slick-devise5 .slick-dots li { display:flex; }
.slick-devise5 .slick-dots li button {
	width:calc(100vw / 1920 * 86);
	height:2px;
	background-color:#999;
	font-size:0;
	margin-left:calc(100vw / 1920 * 24);
}
.slick-devise5 .slick-dots li:first-child button { margin-left:0; }
.slick-devise5 .slick-dots .slick-active button {
	height:6px;
	background-color:#232323;
}
.slick-devise5 img {
	width:100%;
	max-width:392px;
	max-height:392px;
}
.slick-devise5 .slick-slide {
	padding:0 calc(100vw / 1920 * 97);
}

@media (max-width:767px) {
	.devise-5 { padding: 40px 0; }
	.slick-devise5 { padding-top: 40px; }
	.slick-devise5 .slick-dots { top:10px; }
	.slick-devise5 .slick-dots li button { width:20px;margin-left:10px; }
	.slick-devise5 .slick-dots .slick-active button { height:4px; }
}





.devise-6 {
	background-color:#fbfbfb;
	padding:calc(100vw / 1920 * 134) 0 calc(100vw / 1920 * 80);
}
.devise-6 .con {
	margin-top:calc(100vw / 1920 * 80);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.devise-6 .con .left {
	display:flex;
	position:relative;
	margin-right:calc(100vw / 1920 * 176);
}
.devise-6 .con .left .l {
	background: linear-gradient(to bottom,#27cdff,#0f1ee9);
	width:calc(100vw / 1920 * 256);
	height:calc(100vw / 1920 * 362);
	padding:calc(100vw / 1920 * 30) 0;
	position:relative;
	z-index:1;
}
.devise-6 .con .left .l span {
	display:inline-block;
	width:100%;
	height:100%;
	background-color:#fbfbfb;
}
.devise-6 .con .left .r {
	background: linear-gradient(to bottom,#27cdff,#0f1ee9);
	width:calc(100vw / 1920 * 362);
	height:calc(100vw / 1920 * 362);
	padding:calc(100vw / 1920 * 30);
	border-radius:50%;
	position:absolute;
	left:calc(100vw / 1920 * 70);
	top:0;
}
.devise-6 .con .left .r .text {
	width:100%;
	height:100%;
	background-color:#fbfbfb;
	border-radius:50%;
	position:relative;
	z-index:1;
	display:flex;
	justify-content: center;
	align-items: center;
}
.devise-6 .con .left .r .text p {
	font-size:calc(100vw / 1920 * 42);
	font-weight:bold;
	color:#232323;
	width:calc(100vw / 1920 * 140);
	text-align:center;
	line-height:1.333;
}
.devise-6 .con .left .r .dot {
	width: calc(100vw / 1920 * 144);
	height: calc(100vw / 1920 * 144);
	position: absolute;
	z-index:1;
}
.devise-6 .con .left .r .dot p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,.4);
	display: flex;
	align-items: center;
	justify-content: center;
}
.devise-6 .con .left .r .dot p span {
	width: calc(100vw / 1920 * 104);
	height: calc(100vw / 1920 * 104);
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: calc(100vw / 1920 * 18);
	color: #666;
	line-height: 1.11;
	text-align: center;
	padding: 0 calc(100vw / 1920 * 10);
	box-shadow: 0 0 11px rgb(0 35 163 / 20%);
}
.devise-6 .con .left .r .circle .dot:nth-child(1) { top:calc(100vw / 1920 * -44); left:calc(100vw / 1920 * 44); }
.devise-6 .con .left .r .circle .dot:nth-child(2) { top:calc(100vw / 1920 * 108); right:calc(100vw / 1920 * -36); }
.devise-6 .con .left .r .circle .dot:nth-child(3) { bottom:calc(100vw / 1920 * -44); left:calc(100vw / 1920 * 44); }
.devise-6 .con .img-one {
	display:flex;
	flex-direction: column;
	margin: 0 calc(100vw / 1920 * 20);
}
.devise-6 .con .img-one img {
	width:calc(100vw / 1920 * 43);
	margin:calc(100vw / 1920 * 90) 0;
}
.devise-6 .con .img-one img:first-child { margin-top:0; }
.devise-6 .con .img-one img:last-child { margin-bottom:0; }
.devise-6 .con .middle {
	width:38%;
	padding:calc(100vw / 1920 * 11) 0 0;
}
.devise-6 .con .middle .text {
	display:flex;
	flex-direction: column;
	padding:calc(100vw / 1920 * 11);
}
.devise-6 .con .middle .text p {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:calc(100vw / 1920 * 70);
	background-color:#fff;
	border-radius:10px;
	margin-bottom:calc(100vw / 1920 * 50);
	box-shadow:0 0 calc(100vw / 1920 * 11) rgba(35,35,35,.2);
	font-size:calc(100vw / 1920 * 18);
	color:#232323;
}
.devise-6 .con .middle .text p:last-child { margin-bottom:0; }
.slick-devise6 .slick-dots {
	position:absolute;
	bottom:calc(100vw / 1920 * -80);
	display:flex;
	align-items: flex-end;
	justify-content: center;
	width:100%;
}
.slick-devise6 .slick-dots li { display:flex; }
.slick-devise6 .slick-dots li button {
	width:calc(100vw / 1920 * 80);
	height:2px;
	background-color:#999;
	font-size:0;
	margin-left:calc(100vw / 1920 * 15);
}
.slick-devise6 .slick-dots li:first-child button { margin-left:0; }
.slick-devise6 .slick-dots .slick-active button {
	height:6px;
	background-color:#232323;
}
.devise-6 .con .img-two {
	display:flex;
	align-items: center;
}
.devise-6 .con .img-two img {
	width:calc(100vw / 1920 * 83);
}
.devise-6 .con .right {
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
}
.devise-6 .con .right .bg img {
	width:calc(100vw / 1920 * 458);
}
.devise-6 .con .right .text {
	position:absolute;
	width:calc(100vw / 1920 * 273);
	height:calc(100vw / 1920 * 273);
	border-radius:50%;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:calc(100vw / 1920 * 26);
	color:#fff;
	font-weight:bold;
	background:linear-gradient(to bottom,#0f1ee9,#27cdff);
	box-shadow:0 0 5px rgba(0,35,163,.2);
}

@media (max-width:767px) {
	.devise-6 { padding: 40px 0; }
	.devise-6 .con { margin-top:40px;flex-direction: column; }
	.devise-6 .con .left { margin-right:0; }
	.devise-6 .con .left .l { display:none; }
	.devise-6 .con .left .r { position:initial;width:280px;height:280px;padding:15px; }
	.devise-6 .con .left .r .text p { width:auto;font-size:20px; }
	.devise-6 .con .left .r .dot { width:84px;height:84px; }
	.devise-6 .con .left .r .dot p span { width:60px;height:60px;font-size:12px; }
	.devise-6 .con .left .r .circle .dot:nth-child(1) { top:0;left:0; }
	.devise-6 .con .left .r .circle .dot:nth-child(2) { top:96px;right:-30px; }
	.devise-6 .con .left .r .circle .dot:nth-child(3) { bottom:-10px;left:20px; }
	.devise-6 .con .img-one { flex-direction: row;margin:20px 0; }
	.devise-6 .con .img-one img { width:20px;margin:0 40px;transform: rotate(90deg); }
	.devise-6 .con .middle { width:90%;padding: 11px 0; }
	.devise-6 .con .middle .text { padding:11px; }
	.devise-6 .con .middle .text p { height:40px;margin-bottom:20px;box-shadow: 0 0 11px rgba(35,35,35,.2);font-size: 12px; }
	.slick-devise6 .slick-dots { position:initial;margin-top:20px; }
	.slick-devise6 .slick-dots li button { width:20px;margin-left:10px; }
	.slick-devise6 .slick-dots .slick-active button { height:4px; }
	.devise-6 .con .img-two img { width:25px;transform: rotate(90deg); }
	.devise-6 .con .right .bg img { width:280px; }
	.devise-6 .con .right .text { width:180px;height:180px;font-size:18px; }
}




.devise-7 {
	display:flex;
	justify-content: center;
	/* padding:calc(100vw / 1920 * 105) 0 calc(100vw / 1920 * 30); */
	padding:calc(100vw / 1920 * 105) 0;
}
.devise-7 .left {
	width:calc(100vw / 1920 * 778);
	margin-right:100px;
}
.devise-7 .left .bg {
	position:relative;
}
.devise-7 .left .bg .tit {
	position:absolute;
	left:0;
	bottom:0;
	background: linear-gradient(to right,#27cdff,#0f1ee9);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: calc(100vw / 1920 * 18);
	color: #fff;
	line-height: 1;
	display: flex;
	align-items: flex-end;
	padding:calc(100vw / 1920 * 24);
	text-transform:uppercase;
}
.devise-7 .left .bg .tit p:first-child {
	font-size:calc(100vw / 1920 * 24);
	margin-right:calc(100vw / 1920 * 24);
}
.devise-7 .left .bg .tit p:nth-child(2) { opacity:.75; }
.devise-7 .left .con {
	width:100%;
	border-radius:10px;
	background-color:#fff;
	box-shadow:5px 5px 10px rgba(35,35,35,.2);
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:0 calc(100vw / 1920 * 24);
}
.devise-7 .left .con .list {
	width:46%;
	border-bottom:1px solid #eee;
	display:flex;
	align-items: center;
	position:relative;
	font-size:calc(100vw / 1920 * 18);
	color:#333;
	padding:calc(100vw / 1920 * 20) 0;
}
.devise-7 .left .con .list:nth-child(odd):after {
	content:'';
	width:1px;
	height:calc(100vw / 1920 * 32);
	background-color:#eee;
	position:absolute;
	right:-9%;
}
.devise-7 .left .con .list span {
	width: calc(100vw / 1920 * 64);
	display: flex;
	font-size: calc(100vw / 1920 * 40);
	line-height: 1;
	font-weight: bold;
	font-family: 'Century Gothic';
	background: linear-gradient(to right bottom, #cccccc, #232323);
	-webkit-background-clip: text;
	color: transparent;
	position: relative;
	border-right:1px solid #eee;
}
.devise-7 .left .con .list p {
	text-indent:calc(100vw / 1920 * 18);
}
.devise-7 .right {
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-left:100px;
}
.devise-7 .right .bg {
	animation:rotateS 30s linear infinite;
}
.devise-7 .right .bg img {
	width:calc(100vw / 1920 * 589);
}
.devise-7 .right .con {
	position:absolute;
}
.devise-7 .right .con1 {
	animation:rotateN 30s linear infinite;
}
.devise-7 .right .con1 img {
	width:calc(100vw / 1920 * 405);
}
.devise-7 .right .con2 img {
	width:calc(100vw / 1920 * 188);
}
.devise-7 .right .circle {
	width: 100%;
	height: 100%;
	position: absolute;
	animation:rotateS 30s linear infinite;
}
.devise-7 .right .circle .dot {
	width: calc(100vw / 1920 * 144);
	height: calc(100vw / 1920 * 144);
	background:url(../images/devise/devise-7-5.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	z-index: 1;
	display:flex;
	justify-content: center;
	align-items: center;
	animation:rotateN 30s linear infinite;
}
.devise-7 .right .circle .dot p {
	width: calc(100vw / 1920 * 104);
	height: calc(100vw / 1920 * 104);
	border-radius: 50%;
	background:linear-gradient(to bottom,#27cdff,#0f1ee9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: calc(100vw / 1920 * 18);
	color: #fff;
	line-height: 1.2;
	text-align: center;
	padding: 0 calc(100vw / 1920 * 10);
	box-shadow: 5px 5px 11px rgb(0 35 163 / 20%);
	font-weight:300;
}
.devise-7 .right .circle .dot:nth-child(1) { top:calc(100vw / 1920 * -75);left:calc(100vw / 1920 * 218); }
.devise-7 .right .circle .dot:nth-child(2) { bottom:calc(100vw / 1920 * 82);right:calc(100vw / 1920 * -35); }
.devise-7 .right .circle .dot:nth-child(3) { bottom:calc(100vw / 1920 * 82);left:calc(100vw / 1920 * -35); }

@media (max-width:1280px) {
	.devise-7 .left .con { width:520px;padding: 0 10px; }
	.devise-7 .left .con .list { font-size:12px; }
	.devise-7 .left .con .list p { text-indent: 10px; }
}
@media (max-width:991px) {
	.devise-7 { justify-content: space-between;padding: 80px 0 40px;align-items: center; }
	.devise-7 .left { margin-right:0; }
	.devise-7 .right { margin-left:0; }
	.devise-7 .left { width:48%; }
	.devise-7 .left .bg .tit { font-size:12px;padding: 10px; }
	.devise-7 .left .bg .tit p:first-child { font-size:14px;margin-right:10px; }
	.devise-7 .left .con { width:100%;flex-wrap:wrap; }
	.devise-7 .left .con .list { width:100%;padding: 10px 0; }
	.devise-7 .left .con .list:nth-child(odd):after { display:none; }
	.devise-7 .left .con .list span { width:auto;font-size:20px;padding-right: 10px; }
	.devise-7 .right { top:40px;width:40%; }
	.devise-7 .right .bg img { width:100%; }
	.devise-7 .right .con1 { width:75%; }
	.devise-7 .right .con2 { width:35%; }
	.devise-7 .right .con1 img { width:100%; }
	.devise-7 .right .con2 img { width:100%; }
	.devise-7 .right .circle .dot {
		width: calc(100vw / 1920 * 164);
		height: calc(100vw / 1920 * 164);
	}
	.devise-7 .right .circle .dot p {
		width: calc(100vw / 1920 * 125);
		height: calc(100vw / 1920 * 125);
		font-size:12px;
	}
	.devise-7 .right .circle .dot:nth-child(1) { left:38%;top:-13% }
	.devise-7 .right .circle .dot:nth-child(2) { bottom: calc(100vw / 1920 * 98);right: calc(100vw / 1920 * -44); }
	.devise-7 .right .circle .dot:nth-child(3) { bottom: calc(100vw / 1920 * 98);left: calc(100vw / 1920 * -44); }
}
@media (max-width:767px) {
	.devise-7 { flex-wrap:wrap;padding: 40px 0 80px; }
	.devise-7 .left { width:100%; }
	.devise-7 .right { width:86%;margin:40px auto 0; }
	.devise-7 .right .circle .dot { width: calc(100vw / 767 * 144);height: calc(100vw / 767 * 144); }
	.devise-7 .right .circle .dot:nth-child(2) { bottom: 14%;right: -7%; }
	.devise-7 .right .circle .dot:nth-child(3) { bottom: 14%;left: -7%; }
	.devise-7 .right .circle .dot p { width: calc(100vw / 767 * 104);height: calc(100vw / 767 * 104);line-height: 1.1; }
}




.devise-8 {
	background-color:#fbfbfb;
	padding:calc(100vw / 1920 * 134) 0;
}
.devise-8 .con {
	margin-top:calc(100vw / 1920 * 96);
	display:flex;
	overflow:hidden;
}
.devise-8 .con .list {
	width:14%;
	height:calc(100vw / 1920 * 546);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-size: auto 100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.devise-8 .con .list:nth-child(1) { background-position-x:35%; }
.devise-8 .con .list:nth-child(2) { background-position-x:36%; }
.devise-8 .con .list:nth-child(3) { background-position-x:22%; }
.devise-8 .con .list:nth-child(4) { background-position-x:96%; }
.devise-8 .con .list.active {
	width: 58%;
	background-position-x:0;
	justify-content: flex-end;
}
.devise-8 .con .list.active .text {
	margin-right: calc(100vw / 1920 * 70);
	align-items: flex-end;
}
.devise-8 .con .list .text {
	font-size:calc(100vw / 1920 * 32);
	line-height:1;
	color:#fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 70);
}
.devise-8 .con .list .text p {
	display:flex;
	white-space:nowrap;
}
.devise-8 .con .list .text p:first-child {
	font-size:calc(100vw / 1920 * 48);
	font-weight:bold;
	flex-direction: column;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 18);
}
.devise-8 .con .list .text p:first-child:after {
	content:'';
	width:calc(100vw / 1920 * 33);
	height:2px;
	background-color:rgba(255,255,255,.6);
	margin-top:calc(100vw / 1920 * 18);
}
.devise-8 .con .list .text p span { display:none; }
.devise-8 .con .list.active .text p span { display:block; }

@media (max-width:767px) {
	.devise-8 { padding: 40px 0; }
	.devise-8 .con { margin-top: 40px; }
	.devise-8 .con .list .text { font-size:12px; }
	.devise-8 .con .list .text p:first-child { font-size:16px;margin-bottom: 10px; }
	.devise-8 .con .list .text p:first-child:after { width:10px;margin-top:10px; }
}




.devise-9 {
	padding-top:calc(100vw / 1920 * 40);
}
.devise-9 .tit-top {
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.devise-9 .tit-top>span {
	font-size:calc(100vw / 1920 * 280);
	font-weight:bold;
	color:rgba(35,35,35,.06);
	line-height:1;
	text-transform:uppercase;
}
.devise-9 .tit-top>div {
	position:absolute;
	font-size:calc(100vw / 1920 * 48);
	color:#232323;
	line-height:1.17;
}
.devise-9 .tit-top>div p {
	width:60%;
	text-align: center;
	margin: 0 auto;
}
.devise-9 .tit-top>div p span { font-weight:bold; }
.devise-9 .tit-bot {
	font-size:calc(100vw / 1920 * 18);
	color:#707070;
	line-height:1.78;
	text-transform:uppercase;
	display: block;
	width: 45%;
	text-align: center;
	margin: calc(100vw / 1920 * -20) auto 0;
}
.devise-9 .con {
	position:relative;
	height: 350px;
	overflow: hidden;
	margin-top: 35px;
}
.devise-9 .con>div {
	position:absolute;
	left:0;
	bottom:-200px;
}

@media (max-width:767px) {
	.devise-9 { padding-top:40px; }
	.devise-9 .tit-top>span { font-size:78px; }
	.devise-9 .tit-top>div { font-size:14px; }
	.devise-9 .tit-top>div p { width:66%; }
	.devise-9 .tit-bot { font-size:12px;margin: 0 auto;width:80%; }
	.devise-9 .con { height: 150px; }
	.devise-9 .con>div { bottom: -260px; }
	.devise-9 .con>div canvas { height: 680px!important; }
}






.devise-10 {
	background: url(../images/devise/devise-4-bg.jpg) top center no-repeat;
	background-size:100% 100%;
	padding: calc(100vw / 1920 * 124) 0 calc(100vw / 1920 * 200);
}
.devise-10 .con {
	margin-top:calc(100vw / 1920 * 80);
}
.devise-10 .con .list {
	display:flex;
	align-items: center;
	padding: calc(100vw / 1920 * 29) 0;
}
.devise-10 .con .list:first-child { padding-top:0; }
.devise-10 .con .list:last-child { padding-bottom:0; }
.devise-10 .con .list .tit {
	min-width:calc(100vw / 1920 * 272);
}
.devise-10 .con .list .tit h3 {
	padding: calc(100vw / 1920 * 24);
	line-height: 1;
	color: #fff;
	font-size: calc(100vw / 1920 * 32);
	font-weight: bold;
	background: linear-gradient(to right bottom, #27cdff,#0f1fe9);
	display: inline-block;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 100%;
	position:relative;
}
.devise-10 .con .list .right {
	margin-left:calc(100vw / 1920 * 160);
	display:flex;
	flex-direction: column;
}
.devise-10 .con .list .right .text {
	margin: calc(100vw / 1920 * 12) 0;
	display:flex;
	position:relative;
}
.devise-10 .con .list .right .text:first-child { margin-top:0; }
.devise-10 .con .list .right .text:last-child { margin-bottom:0; }
.devise-10 .con .list .right .text p {
	box-shadow: 0 0 11px rgb(35 35 35 / 20%);
	border-radius: 10px;
	display: inline-block;
	background-color: #fff;
	padding:calc(100vw / 1920 * 24);
	margin-right:calc(100vw / 1920 * 40);
	font-size:calc(100vw / 1920 * 18);
	line-height:1;
	color:#313131;
	z-index:1;
}
.devise-10 .con .list .right .text p:last-child { margin-right:0; }
.devise-10 .con .list .right .text .two {
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	min-width: 100%;
	margin-left:calc(100vw / 1920 * 40);
	z-index:1;
}
.devise-10 .con .list .right .text .two>div {
	padding:calc(100vw / 1920 * 12) 0;
	display:flex;
}
.devise-10 .con .list .right .text .two>div:first-child { padding-top:0; }
.devise-10 .con .list .right .text .two>div:last-child { padding-bottom:0; }
.devise-10 .con .list .right .text .two>div p { white-space:nowrap; }
.devise-10 .con .list4 { padding: calc(100vw / 1920 * 82) 0; }
.devise-10 .con .list4 .right .text { margin: calc(100vw / 1920 * 56) 0; }
.devise-10 .con .list4 .right .text .two>div:nth-child(2) p:first-child { margin-right: calc(100vw / 1920 * 58); }
.devise-10 .con .list .right .text .two .thr {
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	min-width: 100%;
	margin-left: calc(100vw / 1920 * 40);
	z-index:1;
}
.devise-10 .con .list .right .text .two .thr>div {
	display:flex;
	padding: calc(100vw / 1920 * 12) 0;
}
.devise-10 .con .list .right .text .two .thr>div:first-child { padding-top: 0; }
.devise-10 .con .list .right .text .two .thr>div:last-child { padding-bottom: 0; }
.devise-10 .con .list5 .right { position:relative; }
.devise-10 .con .list5 .right .text:nth-child(3) {
	position:absolute;
	top:100%;
}
.devise-10 .con .list5 .right .text:nth-child(3) p { margin-right:calc(100vw / 1920 * 80); }
.devise-10 .con .list5 .right .text:nth-child(3) p:last-child { margin-right:0; }
.devise-10 .con .list5 .right .text:nth-child(2) { margin-bottom:calc(100vw / 1920 * 106); }
.devise-10 .con .list5 .right .text p {
	white-space: nowrap;
}
.devise-10 .con .list5 .right .text .two {
	top:0;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.devise-10 .con .list5 .right .text .two .thr>div:nth-child(2) p:first-child { margin-right: calc(100vw / 1920 * 58); }

.devise-10 .con .list .tit h3:after {
	content:'';
	opacity:.5;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.devise-10 .con .list1 .tit h3:after {
	width:calc(100vw / 1920 * 192);
	height:calc(100vw / 1920 * 89);
	background:url(../images/devise/devise-10-1.png) no-repeat;
	background-size:100% 100%;
}
.devise-10 .con .list2 .tit h3:after {
	width:calc(100vw / 1920 * 192);
	height:1px;
	background-color:rgba(49,49,49,1);
}
.devise-10 .con .list3 .tit h3:after {
	width:calc(100vw / 1920 * 236);
	height:calc(100vw / 1920 * 178);
	background:url(../images/devise/devise-10-2.png) no-repeat;
	background-size:100% 100%;
}
.devise-10 .con .list .right .text:after {
	content:'';
	opacity:.5;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.devise-10 .con .list3 .right .text:nth-child(2):after {
	width:calc(100vw / 1920 * 192);
	height:calc(100vw / 1920 * 89);
	background:url(../images/devise/devise-10-1.png) no-repeat;
	background-size:100% 100%;
	left: 65%;
}
.devise-10 .con .list4 .tit h3:after {
	width:calc(100vw / 1920 * 233);
	height:calc(100vw / 1920 * 178);
	background:url(../images/devise/devise-10-3.png) no-repeat;
	background-size:100% 100%;
}
.devise-10 .con .list4 .right .text:after {
	width:calc(100vw / 1920 * 192);
	height:calc(100vw / 1920 * 89);
	background:url(../images/devise/devise-10-1.png) no-repeat;
	background-size:100% 100%;
	left: 45%;
}
.devise-10 .con .list5 .right {
	top: calc(100vw / 1920 * -80);
	margin-top: calc(100vw / 1920 * 80);
}
.devise-10 .con .list5 .tit h3:after {
	width:calc(100vw / 1920 * 209);
	height:calc(100vw / 1920 * 271);
	background:url(../images/devise/devise-10-4.png) no-repeat;
	background-size:100% 100%;
}
.devise-10 .con .list5 .right .text:nth-child(1):after {
	width:calc(100vw / 1920 * 112);
	height:calc(100vw / 1920 * 179);
	background:url(../images/devise/devise-10-5.png) no-repeat;
	background-size:100% 100%;
	left: 72%;
	top: calc(100vw / 1920 * 120);
}
.devise-10 .con .list5 .right .text:nth-child(3) p { position:relative; }
.devise-10 .con .list5 .right .text:nth-child(3) p:after {
	content: '';
	opacity: .5;
	position: absolute;
	top: 50%;
	left:100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:calc(100vw / 1920 * 90);
	height:1px;
	background-color:rgba(49,49,49,1);
}
.devise-10 .con .list5 .right .text:nth-child(3) p:last-child:after { display:none; }
.devise-10 .con .list5 .right .text .two>div:nth-child(2):after {
	content: '';
	opacity: .5;
	position: absolute;
	top: 50%;
	left:70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:calc(100vw / 1920 * 113);
	height:calc(100vw / 1920 * 180);
	background:url(../images/devise/devise-10-6.png) no-repeat;
	background-size:100% 100%;
}

@media (max-width:991px) {
	.devise-10 .con .list3 .right .text:nth-child(2):after { left: 75%; }
	.devise-10 .con .list4 .right .text:after { left:60%; }
}
@media (max-width:767px) {
	.devise-10 { padding: 40px 0 82px; }
	.devise-10 .con { margin-top: 40px; }
	.devise-10 .con .list { flex-wrap:wrap;padding: 10px 0; }
	.devise-10 .con .list .tit { width:100%; }
	.devise-10 .con .list .tit h3 { padding: 10px;font-size: 14px; }
	.devise-10 .con .list .right { margin-left:0;margin-top:20px; }
	.devise-10 .con .list .tit h3:after { display:none; }
	.devise-10 .con .list .right .text { flex-wrap:wrap;margin:0; }
	.devise-10 .con .list .right .text p { padding:10px 8px;font-size:12px;border-radius: 5px;margin:10px 5px;margin-left:0; }
	.devise-10 .con .list .right .text .two { margin-left: 20px; }
	.devise-10 .con .list3 .right .text:nth-child(2):after { width:94px;height:44px; }
	.devise-10 .con .list4 .right .text>p { margin: 40px 10px;margin-left:0; }
	.devise-10 .con .list4 .right .text:after { width:94px;height:44px;left: 54%; }
	.devise-10 .con .list5 .right { top:0; }
	.devise-10 .con .list .right .text .two>div { padding:0; }
	.devise-10 .con .list .right .text .two .thr>div { padding:0; }
	.devise-10 .con .list5 .right .text:nth-child(1):after { width:55px;height:100px;left:75%;top:77px; }
	.devise-10 .con .list .right .text .two .thr { margin-left:20px; }
	.devise-10 .con .list5 .right .text .two>div:nth-child(2):after { width:55px;height:100px;left:78%; }
	.devise-10 .con .list5 .right .text:nth-child(3) { flex-wrap:initial; }
	.devise-10 .con .list5 .right .text:nth-child(2) { margin-bottom: 54px; }
	.devise-10 .con .list5 .right .text:nth-child(3) p { margin-right: 25px; }
	.devise-10 .con .list5 .right .text:nth-child(3) p:after { width:30px; }
	.devise-10 .con .list4 .right .text .two>div:nth-child(2) p:first-child { margin-right:5px; }
	.devise-10 .con .list5 .right .text .two .thr>div:nth-child(2) p:first-child { margin-right:5px; }
}















/* 小红书页面 */
.book-banner .text .top {
	display:flex;
	flex-direction: column;
	position:relative;
}
.book-banner .text .top:before {
	content:'';
	position:absolute;
	left:0;
	bottom:3px;
	width:440px;
	height:1px;
	background-color:#fff;
}
.book-banner .text .top:after {
	content:'';
	width:80px;
	height:8px;
	background-color:#fff;
	margin-left:36px;
	margin-top:80px;
}
.book-banner .text .bottom {
	margin-top:98px;
	display:flex;
	position:relative;
	top:-26px;
}
.book-banner .text .bottom p {
	font-size:18px;
	padding:16px;
	margin-right: 46px;
	background-color:#ff2742;
	border-radius: 5px;
}
.book-banner .text .bottom p:last-child { margin-top:0; }

@media (max-width:1440px) {
	.book-banner .text .bottom p { font-size:16px; }
}
@media (max-width:991px) {
	.book-banner .text .bottom p { font-size:14px; }
}
@media (max-width:767px) {
	.book-banner .text .top:before { display:none; }
	.book-banner .text .top:after { display:none; }
	.book-banner .text .bottom { display:none; }
}





.book-1 {
	padding:calc(100vw / 1920 * 60) calc(100vw / 1920 * 60) 0;
	background-color:#fff;
}
.book-1 .top {
	background-color:#f9f9f9;
	display:flex;
	justify-content: space-between;
	padding:calc(100vw / 1920 * 50) calc(100vw / 1920 * 92);
}
.book-1 .top .left {
	display:flex;
	flex-direction: column;
}
.book-1 .top .left h2 { line-height:1; }
.book-1 .top .left h2:first-child {
	font-size:calc(100vw / 1920 * 36);
	color:#969899;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:calc(100vw / 1920 * 40);
	font-family: Century Gothic;
}
.book-1 .top .left h2:nth-child(2) {
	font-size:calc(100vw / 1920 * 48);
	color:#232323;
	margin-top:calc(100vw / 1920 * 40);
}
.book-1 .top .right {
	display:flex;
	align-items: center;
	justify-content: space-between;
	width:70%;
}
.book-1 .top .right .list {
	display:flex;
	flex-direction: column;
	align-items: center;
	position:relative;
}
.book-1 .top .right .list:first-child {
	margin-right: calc(100vw / 1920 * 100);
}
.book-1 .top .right .list:nth-child(2) {
	margin-right: calc(100vw / 1920 * 100);
}
.book-1 .top .right .list:after {
	width:calc(100vw / 1920 * 16);
	height:3px;
	background-color:#232323;
	content:'';
	margin-top:calc(100vw / 1920 * 17);
}
.book-1 .top .right .list:before {
	width:calc(100vw / 1920 * 40);
	height:1px;
	background-color:rgba(35,35,35,.6);
	content:'';
	position:absolute;
	bottom:1px;
}
.book-1 .top .right .list p:first-child {
	font-size:calc(100vw / 1920 * 16);
	color:#232323;
	display:flex;
}
.book-1 .top .right .list h3 {
	font-size:calc(100vw / 1920 * 18);
	color:#333;
	margin-top:calc(100vw / 1920 * 30);
}
.book-1 .top .right .list p span:first-child {
	font-size:calc(100vw / 1920 * 48);
	color:#ff2742;
	font-weight:bold;
	font-family: Century Gothic;
}
.book-1 .top .right .list p span:nth-child(2) {
	position:relative;
	top:calc(100vw / 1920 * -10);
}
.book-1 .bottom {
	background:url(../images/book/book-1.jpg) center bottom no-repeat;
	background-size:100% 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:calc(100vw / 1920 * 80) calc(100vw / 1920 * 240) calc(100vw / 1920 * 110);
	margin-top:calc(100vw / 1920 * 80);
}
.book-1 .bottom .tit {
	text-align:center;
}
.book-1 .bottom .tit h2 {
	font-size:calc(100vw / 1920 * 56);
	color:#fff;
	font-weight:bold;
}
.book-1 .bottom .tit h3 {
	font-size:calc(100vw / 1920 * 24);
	color:rgba(255,255,255,.6);
	margin-top:calc(100vw / 1920 * 40);
}
.book-1 .bottom .con {
	margin-top:calc(100vw / 1920 * 95);
	display:flex;
	justify-content: space-between;
	width:100%;
}
.book-1 .bottom .con .left {
	width:44%;
	padding-top: calc(100vw / 1920 * 20);
}
.book-1 .bottom .con .left>div {
	font-size:calc(100vw / 1920 * 40);
	color:#fff;
	line-height:1.2;
}
.book-1 .bottom .con .left>p {
	font-size:calc(100vw / 1920 * 18);
	color:rgba(255,255,255,.6);
	line-height:1.78;
	margin-top:calc(100vw / 1920 * 53);
}
.book-1 .bottom .con .right {
	width:27.5%;
	display:flex;
	flex-wrap:wrap;
}
.book-1 .bottom .con .right .list {
	width:50%;
	line-height:1;
	display:flex;
	text-align:center;
	margin-bottom:calc(100vw / 1920 * 65);
}
.book-1 .bottom .con .right .list:nth-child(3) { margin-bottom:0; }
.book-1 .bottom .con .right .list:nth-child(4) { margin-bottom:0; }
.book-1 .bottom .con .right .list:nth-child(even) { justify-content: flex-end; }
.book-1 .bottom .con .right .list p:nth-child(2) {
	font-size:calc(100vw / 1920 * 18);
	color:rgba(255,255,255,.6);
	margin-top:calc(100vw / 1920 * 18);
}
.book-1 .bottom .con .right .list p span {
	font-family:Century Gothic;
	font-weight:bold;
	color:#fff;
}
.book-1 .bottom .con .right .list p span:first-child { font-size:calc(100vw / 1920 * 64); }
.book-1 .bottom .con .right .list p span:nth-child(2) { font-size:calc(100vw / 1920 * 24);margin-left:calc(100vw / 1920 * 6); }
.book-1 .bottom .con .right .list:last-child { padding-right: calc(100vw / 1920 * 26); }

@media(max-width:991px) {
	.book-1 .top .right .list:first-child { margin-right:0; }
	.book-1 .top .right .list:nth-child(2) { margin-right:0; }
}
@media(max-width:767px) {
	.book-1 { padding: 40px 3% 0; }
	.book-1 .top { padding:20px;flex-wrap:wrap; }
	.book-1 .top .left { width:100%;align-items: center;margin-bottom:20px; }
	.book-1 .top .left h2:first-child { font-size:16px;margin-bottom:0; }
	.book-1 .top .left h2:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-1 .top .right { width:100%;flex-wrap:wrap; }
	.book-1 .top .right .list { width:50%; }
	.book-1 .top .right .list:first-child { margin-bottom:20px; }
	.book-1 .top .right .list:nth-child(2) { margin-bottom:20px; }
	.book-1 .top .right .list p:first-child { font-size:12px; }
	.book-1 .top .right .list p span:first-child { font-size:18px; }
	.book-1 .top .right .list p span:nth-child(2) { top:-4px;margin-left:4px; }
	.book-1 .top .right .list h3 { font-size:12px;margin-top:5px; }
	.book-1 .top .right .list:before { width:30px; }
	.book-1 .top .right .list:after { width:10px;margin-top:10px; }
	.book-1 .bottom { margin-top: 20px;padding:20px; }
	.book-1 .bottom .tit h2 { font-size:14px; }
	.book-1 .bottom .tit h3 { font-size:12px;margin-top:10px; }
	.book-1 .bottom .con { margin-top:20px;flex-wrap:wrap; }
	.book-1 .bottom .con .left { width:100%; }
	.book-1 .bottom .con .left>div { font-size:14px; }
	.book-1 .bottom .con .left>p { font-size:12px;margin-top: 5px; }
	.book-1 .bottom .con .right { width:100%;justify-content: space-between; }
	.book-1 .bottom .con .right .list { width:auto;margin-bottom: 0; margin-top: 10px; }
	.book-1 .bottom .con .right .list p span:first-child { font-size:18px; }
	.book-1 .bottom .con .right .list p span:nth-child(2) { font-size:12px;margin-left:3px; }
	.book-1 .bottom .con .right .list p:nth-child(2) { font-size:12px;margin-top:5px; }
}







.book-2 {
	background:url(../images/book/book-2-bg.jpg) top center no-repeat;
	padding:calc(100vw / 1920 * 76) 0 0;
}
.book-2 .tit {
	display:flex;
	flex-direction: column;
	align-items: center;
}
.book-2 .tit h2 {
	font-size:calc(100vw / 1920 * 56);
	font-weight:bold;
	color:#ff273f;
}
.book-2 .tit h3 {
	font-size:calc(100vw / 1920 * 24);
	color:#666;
	margin-top:calc(100vw / 1920 * 40);
}
.book-2 .con {
	display:flex;
	margin-top:calc(100vw / 1920 * 58);
	position:relative;
	left:calc(100vw / 1920 * 116);
}
.book-2 .con .list {
	width:20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:calc(100vw / 1920 * 38) 0;
	position:relative;
}
.book-2 .con .list:before {
	content:'';
	position:absolute;
	top:0;
	left:calc(100vw / 1920 * -43);
	background:url(../images/book/book-2-b2.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 86);
	height:100%;
}
.book-2 .con .list:first-child:before {
	background:url(../images/book/book-2-b1.png) no-repeat;
	background-size:100% 100%;
}
.book-2 .con .list .text {
	text-align:center;
}
.book-2 .con .list:first-child .text {
	width:48%;
	text-align:left;
}
.book-2 .con .list .text p:first-child {
	font-size:calc(100vw / 1920 * 24);
	font-weight:bold;
	color:#333;
	text-align:center;
}
.book-2 .con .list .text p:nth-child(2) {
	font-size:calc(100vw / 1920 * 18);
	color:#333;
	margin-top:calc(100vw / 1920 * 30);
	line-height:1.33;
}
.book-2 .con>.slick-list { padding-left:calc(100vw / 1920 * 44); }
.book-2 .con .slick-slide { width:20vw; }
.book-2 .con .slick-slide .list>div {
	display:flex;
	flex-direction: column;
	align-items: center;
}
.book-2 .con .slick-slide:nth-child(odd) .list .text {
	margin-bottom:calc(100vw / 1920 * 50);
	margin-left:calc(100vw / 1920 * 60);
}
.book-2 .con .slick-slide:nth-child(even) .list .text {
	margin-top:calc(100vw / 1920 * 46);
	margin-right:calc(100vw / 1920 * 60);
	order:2;
}
.book-2 .con .list .img {
	width:77.2%;
}

@media (max-width:1080px) {
	.book-2 .con .list:first-child .text { width:60%; }
}
@media (max-width:991px) {
	.book-2 .con .list:first-child .text { width:70%; }
}
@media (max-width:767px) {
	.book-2 { padding: 40px 0;background-color: #fff; }
	.book-2 .tit h2 { font-size:18px; }
	.book-2 .tit h3 { font-size:12px;margin-top:10px; }
	.book-2 .con { margin-top:40px;left:0;flex-wrap:wrap;justify-content: center; }
	.book-2 .con .slick-slide { width:50vw; }
	.book-2 .con>.slick-list { padding-left:0; }
	.book-2 .con .list:before { display:none; }
	.book-2 .con .list .text p:first-child { font-size:14px; }
	.book-2 .con .list .text p:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-2 .con .list .img { width:140px; }
	.book-2 .con .list:first-child .text { width:120px; }
	.book-2 .con .slick-slide:nth-child(even) .list .text { margin-top:10px;margin-right:20px; }
	.book-2 .con .slick-slide:nth-child(odd) .list .text { margin-bottom:10px;margin-left:30px; }
}









.book-3 {
	padding:calc(100vw / 1920 * 114) calc(100vw / 1920 * 118) calc(100vw / 1920 * 103);
	background:url(../images/book/book-3-bg.jpg) bottom center no-repeat;
	display:flex;
}
.book-3 .link {
	background-color:#f5f5f5;
	width:20.1%;
}
.book-3 .link>div {
	border:1px solid #e9e9e9;
	border-top:none;
}
.book-3 .link>div:first-child { border-top:1px solid #e9e9e9; }
.book-3 .link>div p {
	font-size:calc(100vw / 1920 * 24);
	color:#b2b2b2;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:calc(100vw / 1920 * 46) 0;
}
.book-3 .link>div p span {
	width:calc(100vw / 1920 * 26);
	height:2px;
	background-color:#232323;
	margin-left:calc(100vw / 1920 * 35);
	opacity:0;
}
.book-3 .link div.active { border:1px solid #232323;background-color:#fff; }
.book-3 .link>div.active p { color:#232323; }
.book-3 .link>div.active p span { opacity:1; }
.book-3 .con {
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	width:79.9%;
	border: 1px solid #e9e9e9;
	border-left:none;
	background-color:#fff;
}
.book-3 .con:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/book/book-3-bg2.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 647);
	height:calc(100vw / 1920 * 534);
}
.book-3 .con .list {
	display:flex;
	align-items: center;
	justify-content: space-between;
	display:none;
	width:100%;
}
.book-3 .con .list.active { display:flex; }
.book-3 .con .list .img {
	width:41%;
	z-index:1;
	margin-left:calc(100vw / 1920 * 90);
}
.book-3 .con .list .text {
	width:38.4%;
	margin-right:calc(100vw / 1920 * 90);
}
.book-3 .con .list .text>p:first-child {
	font-size:calc(100vw / 1920 * 48);
	color:#232323;
	line-height:1.44;
}
.book-3 .con .list .text>p:nth-child(2) {
	font-size:calc(100vw / 1920 * 18);
	color:#232323;
	line-height:2;
	margin-top:calc(100vw / 1920 * 35);
}
.book-3 .con .list .text .icon {
	display:flex;
	justify-content: space-between;
	margin-top:calc(100vw / 1920 * 60);
	padding-right:calc(100vw / 1920 * 10);
}
.book-3 .con .list .text .icon>div { text-align:center; }
.book-3 .con .list .text .icon>div p:first-child {
	width:calc(100vw / 1920 * 80);
	margin:0 auto;
}
.book-3 .con .list .text .icon>div p:nth-child(2) {
	font-size:calc(100vw / 1920 * 16);
	color:#999;
	margin-top:calc(100vw / 1920 * 10);
}
.book-3 .con .list .text .more {
	font-size:calc(100vw / 1920 * 20);
	color:#232323;
	padding:calc(100vw / 1920 * 20) calc(100vw / 1920 * 78);
	display:inline-block;
	border:1px solid #343332;
	border-radius:5px;
	margin-top:calc(100vw / 1920 * 70);
}

@media (max-width:767px) {
	.book-3 { padding: 40px 3%;flex-wrap:wrap; }
	.book-3 .link { width:100%;display:flex;flex-wrap:wrap;z-index:1; }
	.book-3 .link>div { width:25%; }
	.book-3 .link>div p { font-size:12px;padding: 10px 0; }
	.book-3 .link>div p span { width:6px;margin-left:5px; }
	.book-3 .con { width:100%;padding:20px; }
	.book-3 .con .list { flex-wrap:wrap; }
	.book-3 .con .list .img { width:280px;margin-left:0;margin:0 auto; }
	.book-3 .con .list .text { width:100%;margin-right:0;margin-top:20px; }
	.book-3 .con .list .text>p:first-child { font-size:16px; }
	.book-3 .con .list .text>p:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-3 .con .list .text .icon { margin-top:20px;padding:0; }
	.book-3 .con .list .text .icon>div p:first-child { width:46px; }
	.book-3 .con .list .text .icon>div p:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-3 .con .list .text .more { font-size:12px;padding:10px 20px;margin-top:20px; }
	.book-3 .con:before { width:126px;height:104px; }
}








.book-4 {
	background:url(../images/book/book-4-bg.jpg) top center no-repeat;
	background-size:100% 100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:calc(100vw / 1920 * 76) 0 0;
}
.book-4 .tit {
	text-align:center;
}
.book-4 .tit h2:first-child {
	font-size:calc(100vw / 1920 * 56);
	font-weight:bold;
	color:#ff273f;
}
.book-4 .tit h2:nth-child(2) {
	font-family:'Century Gothic';
	font-size:calc(100vw / 1920 * 24);
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
	margin-top:calc(100vw / 1920 * 40);
}
.book-4 .con {
	display:flex;
	align-items: flex-end;
	margin-top:calc(100vw / 1920 * 40);
}
.book-4 .con .list {
	width:calc(100vw / 1920 * 458);
	min-height:calc(100vw / 1920 * 180);
	background-color:#fff;
	margin-bottom:calc(100vw / 1920 * 60);
	position:relative;
	padding:calc(100vw / 1920 * 40) calc(100vw / 1920 * 38);
}
.book-4 .con .list:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:linear-gradient(to right,#232323,#ccc);
	content:'';
}
.book-4 .con .list:last-child { margin-bottom:0; }
.book-4 .con .list h3 {
	font-size:calc(100vw / 1920 * 24);
	color:#232323;
}
.book-4 .con .list p:nth-child(2) {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:1.78;
	margin-top:calc(100vw / 1920 * 12);
}
.book-4 .con .left {
	display:flex;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 38);
}
.book-4 .con .left:after {
	content:'';
	width:calc(100vw / 1920 * 160);
	height:calc(100vw / 1920 * 482);
	background:url(../images/book/book-4-1.png) no-repeat;
	background-size:100% 100%;
	display:inline-block;
}
.book-4 .con .right {
	display:flex;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 38);
}
.book-4 .con .right:before {
	content:'';
	width:calc(100vw / 1920 * 160);
	height:calc(100vw / 1920 * 482);
	background:url(../images/book/book-4-2.png) no-repeat;
	background-size:100% 100%;
	display:inline-block;
}
.book-4 .con .middle {
	position:relative;
}
.book-4 .con .middle .bg {
	width:calc(100vw / 1920 * 380);
}
.book-4 .con .middle .text {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.book-4 .con .middle .text .t1 {
	margin-top:calc(100vw / 1920 * 137);
}
.book-4 .con .middle .text .t1 p:first-child {
	width:calc(100vw / 1920 * 154);
	margin:0 auto;
}
.book-4 .con .middle .text .t1 p:nth-child(2) {
	font-size:calc(100vw / 1920 * 24);
	color:#666;
	margin-top:calc(100vw / 1920 * 24);
}
.book-4 .con .middle .text .t2 {
	margin-top:calc(100vw / 1920 * 64);
	text-align:center;
}
.book-4 .con .middle .text .t2 p:first-child {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
}
.book-4 .con .middle .text .t2 p:nth-child(2) {
	font-family:'Century Gothic';
	font-size:calc(100vw / 1920 * 48);
	font-weight:bold;
	color:#232323;
	margin-top:calc(100vw / 1920 * 12);
}
.book-4 .con .middle .text>a {
	font-size:calc(100vw / 1920 * 20);
	color:#fff;
	padding:calc(100vw / 1920 * 20) calc(100vw / 1920 * 40);
	border:1px solid #232323;
	border-radius:5px;
	background-color:#ff2741;
	margin-top:calc(100vw / 1920 * 46);
}

@media (max-width:1280px) {
	.book-4 .con .list { min-height: calc(100vw / 1920 * 214);width: calc(100vw / 1920 * 520); }
}
@media (max-width:767px) {
	.book-4 { padding: 40px 3% 0; }
	.book-4 .tit h2:first-child { font-size:18px; }
	.book-4 .tit h2:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-4 .con { margin-top:40px;flex-direction: column;align-items: center; }
	.book-4 .con .left:after { display:none; }
	.book-4 .con .right:before { display:none; }
	.book-4 .con .list { width:100%;padding: 20px;margin-bottom: 10px;min-height:auto; }
	.book-4 .con .left { margin-bottom:10px;width:100%;order:1; }
	.book-4 .con .left>div { width:100%; }
	.book-4 .con .right { order:2;margin-bottom: 10px; }
	.book-4 .con .middle { order:3; }
	.book-4 .con .list h3 { font-size:14px; }
	.book-4 .con .list p:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-4 .con .middle .bg { width:160px; }
	.book-4 .con .middle .text .t1 { margin-top:50px; }
	.book-4 .con .middle .text .t1 p:first-child { width:50px; }
	.book-4 .con .middle .text .t1 p:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-4 .con .middle .text .t2 { margin-top:30px; }
	.book-4 .con .middle .text .t2 p:first-child { font-size:12px;margin-left:10px; }
	.book-4 .con .middle .text .t2 p:nth-child(2) { font-size:18px;margin-top:5px; }
	.book-4 .con .middle .text>a { font-size:12px;padding:10px 20px;margin-top:30px; }
}






.book-5 {
	background: url(../images/book/book-5-bg.jpg) top center no-repeat;
	background-size: 100% 100%;
	padding: calc(100vw / 1920 * 80) 0;
}
.book-5 .tit {
	text-align: center;
}
.book-5 .tit h2 {
	font-size: calc(100vw / 1920 * 56);
	font-weight: bold;
	color: #ff273f;
}
.book-5 .tit h3 {
	font-size: calc(100vw / 1920 * 24);
	color: #666;
	margin-top: calc(100vw / 1920 * 40);
}
.book-5 .con {
	margin-top:calc(100vw / 1920 * 160);
	position:relative;
}
.book-5 .con:before {
	position:absolute;
	left:0;
	bottom:0;
	width:calc(100vw / 1920 * 250);
	height:100%;
	background:linear-gradient(to right,#fff,transparent);
	content:'';
	z-index:1;
}
.book-5 .con:after {
	position:absolute;
	right:0;
	bottom:0;
	width:calc(100vw / 1920 * 250);
	height:100%;
	background:linear-gradient(to left,#fff,transparent);
	content:'';
	z-index:1;
}
.book-5 .con .list {
	padding:0 calc(100vw / 1920 * 28);
}
.book-5 .con .list>div {
	display:flex!important;
	align-items: center;
	border:1px solid #ccc;
	border-radius:6px;
	padding:calc(100vw / 1920 * 24) calc(100vw / 1920 * 32);
}
.book-5 .con .list .img {
	width:calc(100vw / 1920 * 120);
	border-radius:3px;
	overflow:hidden;
}
.book-5 .con .list .text {
	margin-left:calc(100vw / 1920 * 30);
}
.book-5 .con .list .text>p {
	font-size:calc(100vw / 1920 * 24);
	color:#232323;
}
.book-5 .con .list .text>div {
	display:flex;
	margin-top:calc(100vw / 1920 * 30);
}
.book-5 .con .list .text>div p {
	display:flex;
	flex-direction: column;
	margin-right:calc(100vw / 1920 * 56);
}
.book-5 .con .list .text>div p:last-child { margin-right:0; }
.book-5 .con .list .text>div p span:first-child {
	font-size:calc(100vw / 1920 * 16);
	color:#999;
}
.book-5 .con .list .text>div p span:nth-child(2) {
	font-size:calc(100vw / 1920 * 22);
	color:#232323;
	font-family:'Century Gothic';
	margin-top:calc(100vw / 1920 * 10);
}
.slick-book5-2 { margin-top:calc(100vw / 1920 * 64);width:100%; }
.slick-book5-2 .slick-track { left:calc(100vw / 1920 * 220); }

@media (max-width:767px) {
	.book-5 { padding: 40px 0; }
	.book-5 .tit h2 { font-size:18px; }
	.book-5 .tit h3 { font-size:12px;margin-top:10px; }
	.book-5 .con { margin-top:40px; }
	.book-5 .con .list { padding: 0 7px; }
	.book-5 .con .list>div { padding: 15px; }
	.book-5 .con .list .img { width:60px; }
	.book-5 .con .list .text { margin-left: 15px; }
	.book-5 .con .list .text>p { font-size:14px; }
	.book-5 .con .list .text>div { margin-top:10px; }
	.book-5 .con .list .text>div p { margin-right:15px; }
	.book-5 .con .list .text>div p span:first-child { font-size:12px; }
	.book-5 .con .list .text>div p span:nth-child(2) { font-size:14px;margin-top:5px; }
}





.book-6 {
	background: url(../images/book/book-6-bg.jpg) center no-repeat;
	padding: calc(100vw / 1920 * 80) calc(100vw / 1920 * 120) calc(100vw / 1920 * 90);
}
.book-6 .tit {
	text-align: center;
}
.book-6 .tit h2:first-child {
	font-size: calc(100vw / 1920 * 56);
	font-weight: bold;
	color: #fff;
}
.book-6 .tit h2:nth-child(2) {
	font-size: calc(100vw / 1920 * 24);
	font-weight:bold;
	font-family:'Century Gothic';
	color: rgba(255,255,255,.4);
	margin-top: calc(100vw / 1920 * 40);
	text-transform:uppercase;
}
.book-6 .con {
	margin-top:calc(100vw / 1920 * 60);
	display:flex;
	flex-wrap:wrap;
}
.book-6 .con .list {
	width:20%;
	border:1px solid rgba(255,255,255,.5);
	background-color:rgba(102,102,102,.5);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.book-6 .con .list .img {
	position:relative;
}
.book-6 .con .list .img img {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.book-6 .con .list:hover { background-color:#fff; }
.book-6 .con .list .img img.one { position:initial;opacity:1; }
.book-6 .con .list:hover .img img.one { position:absolute;opacity:0; }
.book-6 .con .list:hover .img img.two { position:initial;opacity:1; }

@media (max-width:767px) {
	.book-6 { padding:40px 3%; }
	.book-6 .tit h2:first-child { font-size:18px; }
	.book-6 .tit h2:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-6 .con { margin-top:40px; }
	.book-6 .con .list { width:33.33%; }
}







.book-7 {
	background: url(../images/book/book-7-bg.jpg) center no-repeat;
	background-size:100% 100%;
	padding: calc(100vw / 1920 * 80) calc(100vw / 1920 * 150) calc(100vw / 1920 * 68);
}
.book-7 .tit {
	text-align: center;
}
.book-7 .tit h2:first-child {
	font-size: calc(100vw / 1920 * 56);
	font-weight: bold;
	color: #ff273f;
}
.book-7 .tit h2:nth-child(2) {
	font-size: calc(100vw / 1920 * 24);
	color: #666;
	margin-top: calc(100vw / 1920 * 40);
}
.book-7 .con {
	margin-top:calc(100vw / 1920 * 160);
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.book-7 .con .list {
	display:flex;
	flex-direction: column;
}
.book-7 .con .list .img {
	width:calc(100vw / 1920 * 259);
	position:relative;
}
.book-7 .con .list .img:after {
	content:'';
	position:absolute;
	left:calc(100vw / 1920 * 181);
	top:calc(100vw / 1920 * 83);
	width:calc(100vw / 1920 * 211);
	height:calc(100vw / 1920 * 109);
	background:url(../images/book/book-7-6.png) no-repeat;
	background-size:100% 100%;
}
.book-7 .con .list .text {
	text-align:center;
}
.book-7 .con .list .text p:first-child {
	font-size:calc(100vw / 1920 * 24);
	color:#232323;
}
.book-7 .con .list .text p:nth-child(2) {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	margin-top:calc(100vw / 1920 * 16);
}
.book-7 .con .list:nth-child(odd) .text { margin-top:calc(100vw / 1920 * 28); }
.book-7 .con .list:nth-child(even) .img { order:2; }
.book-7 .con .list:nth-child(even) .img:after {
	top:calc(100vw / 1920 * -79);
	left:calc(100vw / 1920 * 176);
	background:url(../images/book/book-7-7.png) no-repeat;
	background-size:100% 100%;
}
.book-7 .con .list:nth-child(even) .text { margin-bottom:calc(100vw / 1920 * 80);margin-top:calc(100vw / 1920 * 54); }
.book-7 .con .list:last-child .img:after { display:none; }

@media (max-width:767px) {
	.book-7 { padding: 40px 3%; }
	.book-7 .tit h2:first-child { font-size:18px; }
	.book-7 .tit h2:nth-child(2) { font-size:12px;margin-top:10px; }
	.book-7 .con { margin-top:40px;justify-content: center; }
	.book-7 .con .list { width:33.33%;align-items: center; }
	.book-7 .con .list .img { width:100px; }
	.book-7 .con .list .img:after { display:none; }
	.book-7 .con .list:nth-child(odd) .text { margin-top:10px; }
	.book-7 .con .list .text { order:2; }
	.book-7 .con .list .text p:first-child { font-size:14px; }
	.book-7 .con .list .text p:nth-child(2) { font-size:12px;margin-top:5px; }
}









.book-8 {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	z-index:9999;
	/* display:none; */
}
.book-8.active { display:none; }
.book-8>div {
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.book-8 .popup {
	width:calc(100vw / 1920 * 1000);
	height:calc(100vw / 1920 * 590);
	background:url(../images/book/book-8-1.png) no-repeat;
	background-size:100% 100%;
	position:relative;
	margin-bottom:calc(100vw / 1920 * 100);
	display:flex;
	align-items: center;
}
.book-8 .popup:before {
	content:'';
	width:calc(100vw / 1920 * 315);
	height:calc(100vw / 1920 * 351);
	background:url(../images/book/book-8-2.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:calc(100vw / 1920 * -75);
	bottom:calc(100vw / 1920 * -90);
}
.book-8 .popup:after {
	content:'';
	width:calc(100vw / 1920 * 661);
	height:calc(100vw / 1920 * 606);
	background:url(../images/book/book-8-3.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:calc(100vw / 1920 * -28);
	bottom:0;
}
.book-8 .popup .con {
	width:calc(100vw / 1920 * 338);
	margin-left:calc(100vw / 1920 * 109);
	z-index:1;
}
.book-8 .popup .con .text .top {
	display:flex;
	align-items: center;
}
.book-8 .popup .con .text .top .img {
	width:calc(100vw / 1920 * 60);
}
.book-8 .popup .con .text .top .tel {
	margin-left:calc(100vw / 1920 * 13);
	color:#fff;
}
.book-8 .popup .con .text .top .tel p:first-child {
	display:flex;
	align-items: center;
}
.book-8 .popup .con .text .top .tel p span:first-child {
	font-family:'Century Gothic';
	font-size:calc(100vw / 1920 * 22);
	font-weight:bold;
}
.book-8 .popup .con .text .top .tel p span:nth-child(2) {
	font-size:calc(100vw / 1920 * 16);
	opacity:.7;
	margin-left:calc(100vw / 1920 * 13);
}
.book-8 .popup .con .text .top .tel p:nth-child(2) {
	font-size:calc(100vw / 1920 * 32);
	font-weight:bold;
	margin-top:calc(100vw / 1920 * 4);
}
.book-8 .popup .con .text>p {
	font-size:calc(100vw / 1920 * 18);
	line-height:2;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.7);
	display:flex;
	justify-content: space-around;
	margin-top:calc(100vw / 1920 * 26);
}
.book-8 .popup .con .text>p .m {
	border-right:1px solid rgba(255,255,255,.7);
}
.book-8 .popup .con .form {
	margin-top:calc(100vw / 1920 * 40);
}
.book-8 .popup .con .form>div {
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:0 calc(100vw / 1920 * 10);
}
.book-8 .popup .con .form input {
	width:100%;
	height:calc(100vw / 1920 * 48);
	background-color:#fff;
	border-radius:5px;
	margin-bottom:calc(100vw / 1920 * 32);
	padding:0 calc(100vw / 1920 * 24);
	font-size:calc(100vw / 1920 * 18);
	color:#999;
}
.book-8 .popup .con .form input:last-child { margin-bottom:0; }
.book-8 .popup .con .form button {
	margin-top:calc(100vw / 1920 * 40);
	width:calc(100vw / 1920 * 160);
	height:calc(100vw / 1920 * 56);
	border-radius:calc(100vw / 1920 * 10);
	background-color:#fff;
	border:none;
	outline:none;
	font-size:calc(100vw / 1920 * 20);
	font-weight:bold;
	color:#232323;
	box-shadow:0 calc(100vw / 1920 * 30) calc(100vw / 1920 * 40) rgba(42,0,0,.3);
}
.book-8 .popup .close {
	width:calc(100vw / 1920 * 64);
	height:calc(100vw / 1920 * 64);
	background:url(../images/book/book-8-4.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	bottom:calc(100vw / 1920 * -109);
	transform:translateX(-50%);
	opacity:1;
}

@media (max-width:1440px) {
	.book-8 .popup .con { width: calc(100vw / 1920 * 380); }
	.book-8 .popup .con .text .top { justify-content: space-between; }
}
@media (max-width:1199px) {
	.book-8 .popup .con { width:234px }
	.book-8 .popup .con .text .top .img { width:35px; }
	.book-8 .popup .con .text .top .tel { margin-left:6px; }
	.book-8 .popup .con .text .top .tel p span:first-child { font-size:16px; }
	.book-8 .popup .con .text .top .tel p span:nth-child(2) { font-size:12px;margin-left:6px; }
	.book-8 .popup .con .text .top .tel p:nth-child(2) { font-size:18px;margin-top:3px; }
	.book-8 .popup .con .text>p { font-size:12px;margin-top: 10px; }
	.book-8 .popup .con .form { margin-top:20px; }
	.book-8 .popup .con .form>div { padding:0; }
	.book-8 .popup .con .form input { height:30px;margin-bottom: 20px;padding: 0 12px;font-size:12px; }
	.book-8 .popup .con .form button { margin-top:20px;width:100px;height:35px;border-radius:5px;font-size:12px;box-shadow: 0 10px 20px rgb(42 0 0 / 30%); }
}
@media (max-width:991px) {
	.book-8 .popup { width: calc(100vw / 1920 * 1200);height: calc(100vw / 1920 * 790); }
	.book-8 .popup .close { width:33px;height:33px; }
}
@media (max-width:767px) {
	.book-8 .popup { width:90%;height:300px; }
	.book-8 .popup .close { bottom:-53px; }
}