.introduce,.honor{padding:100px 0;}
.introduce,.history{width: 100%;position: relative;}
.introduce{background: #fff url(../images/bg.png);}
.introduce_top{
	display: flex;
	justify-content: space-between;
    margin-bottom: 30px;
}

.introduce_con{
	width:75%;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}

.introduce_top_info{
	width: 60%;
}
.introduce_top_info b{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}
.introduce_top_info p{
	line-height: 26px;
	font-size: 16px;
	text-align: left;
}
/* 纯css自动轮播样式 */
.banner-container{
	width:100%;
	height:450px;
	/* 轮播图居中 */
	margin:0 auto;
	/* 隐藏超出展示容器的内容 */
	overflow: hidden;
	position: relative;
}

.banner-container .banner-img-container {
	width:2400px;
	height: 450px;
	overflow: hidden;
	position: absolute;
	/* 开启弹性盒，让图片横向排列 */
	display: flex;
	animation: run 10s ease infinite;
}

.banner-container .banner-img-container img{
	width:1200px;
	height:100%;
}
/* 动画关键帧 */
@keyframes run {
	0%,40%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
	50%,90%{
		/* margin-left: -1200px;; */
		transform: translateX(-1200px);
	}
	100%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
}

@media (max-width: 1279px){
    .introduce{padding:50px 0;}
    .introduce_con{width:85%;}
}

.pi1 .pike div{
	position:relative;
	width: 1160px; float: left;
}

.history{background: #fff url(../images/lc_bg.jpg);}

.honor{
	width: 100%;
	margin:0 auto;
	min-width: 1200px;
	position: relative;
   background: url(../picture/honor.jpg)  no-repeat; 
	background-size: cover;
}
.honor_con{
	width:1160px;
	position: relative;
	margin:0 auto;
}
.honor_list{
	width: 60%;
	text-align: left;
	margin-top: 50px;
	margin-left: 0;
}
.honor_list li{
	display: inline-block;
	color: #000;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	text-indent: 2em;
}
.honor_num{
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


.honor1{
	width: 1160px;
	margin:0 auto;
	min-width: 1200px;
	position: relative;
	background-size: cover;
	padding-top: 125px;
	padding-bottom: 70px;
}

.honor_con1{
	position: relative;
}
.honor_list1{
	width: 65%;
	text-align: left;
	/*margin-top: 70px;*/
	margin-left: 0;
}
.honor_list1 li{
	display: inline-block;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	text-align: left;
}

.service{
	width: 100%;
	min-width: 1200px;
	position: relative;
}
.service .bg,.service .bg img{
	width: 100%;
}
.service_con{
	width: 1160px;
	position: absolute;
	left: 50%;
	top: 150px;
	z-index: 100;
	margin-left: -600px;
}

@media (min-width:1280px) and (max-width:1360px){
	.service_con{
	width: 1160px;
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 100;
	margin-left: -600px;
	}
}

.service_info{width: 100%;text-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.service_info p{color: #fff;font-size: 16px;line-height: 26px;text-align: left;}

/*图标字体引入*/
@font-face {
  font-family: 'iconfont';  /* project id 230292 */
  src: url('../fonts/font_qofkalydm497wrk9.eot');
  src: url('../fonts/font_qofkalydm497wrk9.eot') format('embedded-opentype'),
  url('../fonts/font_qofkalydm497wrk9.woff') format('woff'),
  url('../fonts/font_qofkalydm497wrk9.ttf') format('truetype'),
  url('../fonts/font_qofkalydm497wrk9.svg#iconfont') format('svg');
}

.backTop{
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: 580px;
	z-index: 100;
	display: none;
	opacity: .8;
	cursor: pointer;
}
.backTop:hover{
	opacity: 1;
}

.service .section_title span,.service .section_title p{color:#fff;}
.service .section_title:after {background-color: #fff;}

/* common-about2.css end */

/* common-about.css 开始 */

.table {
 display:table;
 height:100%
}
.table-cell {
 display:table-cell;
 vertical-align:middle
}
.position_center {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 margin:auto
}
.position-center {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 margin:auto
}
.position_left {
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:auto;
 margin:auto
}
.position_right {
 position:fixed;
 top:0;
 left:auto;
 bottom:0;
 right:0;
 margin:auto
}
.position_bottom {
 position:fixed;
 top:auto;
 left:0;
 bottom:0;
 right:0;
 margin:auto
}
.middle-left {
 position:absolute;
 left:0;
 top:50%;
 transform:translate(0,-50%);
 -webkit-transform:translate(0,-50%);
 -moz-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 -o-transform:translate(0,-50%)
}
.middle-right {
 position:absolute;
 right:0;
 top:50%;
 transform:translate(0,-50%);
 -webkit-transform:translate(0,-50%);
 -moz-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 -o-transform:translate(0,-50%)
}
.middle-center {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.middle-bottom {
 position:absolute;
 left:50%;
 bottom:0;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.transition {
 transition:.4s;
 -ms-transition:.4s;
 -o-transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s
}
.uppercase {
 text-transform:uppercase
}
.responsive {
 width:100%;
 max-width:100%;
 height:auto
}
#mask-dark {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background-color:#000;
 opacity:.9;
 z-index:998;
 display:none
}
.container {
 width:1200px;
 max-width:100%;
 margin:0 auto
}
.baseColor {
 color:#bc1717
}

.other .search {
 display:inline-block;
 border:1px solid #bc1717;
 border-radius:3px;
 width:86px;
 height:27px;
 line-height:27px;
 position:relative;
 transition:ease .6s;
 -ms-transition:ease .6s;
 -o-transition:ease .6s;
 -webkit-transition:ease .6s;
 -moz-transition:ease .6s
}
.other .search .search-icon {
 width:16px;
 height:16px;
 background:url(../images/search.png) no-repeat center;
 margin-top:5px
}
.other .search .searchfont {
 position:absolute;
 font-size:13px;
 color:#bc1717;
 top:-1px;
 left:40px;
 letter-spacing:1px;
 z-index:0
}
.other .login {
 cursor:pointer;
 display:inline-block;
 font-size:16px;
 color:#bc1717;
 margin-left:30px;
 vertical-align:top
}
.other .icon-huiyuan {
 font-size:22px
}
.other .huiyuan-icon {
 width:19px;
 height:21px;
 margin-right:2px;
 background:url(../images/member.png) no-repeat center
}
nav.nav-top>ul>li {
 position:relative;
 display:inline-block;
 font-size:16px;
 vertical-align:top
}
nav.nav-top>ul>li>a:after {
 content:'';
 transition:opacity .5s;
 -ms-transition:opacity .5s;
 -o-transition:opacity .5s;
 -webkit-transition:opacity .5s;
 -moz-transition:opacity .5s;
 position:absolute;
 height:5px;
 left:0;
 top:57px;
 width:100%;
 opacity:0;
 background-color:#1a4369
}
nav.nav-top>ul>li.cur>a:after {
 opacity:1
}
nav.nav-top>ul>li>a {
 color:#bc1717;
 font-size:16px;
 position:relative;
 margin-left:57px;
 padding-bottom:41px;
 transition:all .35s;
 -ms-transition:all .35s;
 -o-transition:all .35s;
 -webkit-transition:all .35s;
 -moz-transition:all .35s
}
nav.nav-top>ul>li.cur>a,
nav.nav-top>ul>li>a:hover {
 color:#bc1717
}
nav ul li:last-child:hover .sub-nav {
 visibility:visible;
 opacity:1;
 transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0)
}
.top-sub-menu {
 display:none
}
.ismobile {
 display:none!important
}
.depart-line {
 width:100%;
 height:5px;
 background:#d2d2d2
}
.nav-top {
 position:relative
}
.navbkg {
 position:absolute;
 height:5px;
 background-color:#1a4369;
 bottom:-41px
}
.sub-item {
 position:absolute;
 left:0;
 top:139px;
 width:100%;
 height:310px;
 background-color:#ececec;
 z-index:99;
 font-size:0
}
.sub-item .line {
 width:70px;
 border-top:1px dashed #bc1717;
 display:inline-block;
 position:relative
}
.sub-item .line:before {
 position:absolute;
 content:'';
 left:50%;
 margin-left:-3px;
 margin-top:-3px;
 width:6px;
 height:6px;
 background:#bc1717;
 transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg)
}
#sub-item4 {
 height:593px
}
#sub-item4 .newsx {
 padding-top:37px
}
#sub-item4 .newsx .pro {
 width:238px;
 height:127px;
 display:inline-block;
 margin-right:12px
}
#sub-item4 .newsx .desc {
 font-size:13px;
 width:calc(100% - 250px);
 line-height:22px
}
#sub-item4 .newsx .desc p {
 padding-bottom:10px;
 margin-bottom:12px;
 border-bottom:1px dashed #bc1717
}
#sub-item4 .newsx .desc h3 {
 color:#bc1717
}
#sub-item4 .newsx .desc .more {
 color:#bc1717
}
#sub-item4 .newsx .desc .more:after {
 content:'';
 width:16px;
 height:5px;
 display:inline-block;
 vertical-align:middle;
 background:url(../images/icon7.png) no-repeat center;
 margin:-4px 0 0 6px
}
#sub-item8 {
 text-align:center
}
#sub-item8 .container {
 width:1000px
}
.series-list {
 display:inline-block;
 width:20%;
 text-align:center;
 cursor:pointer
}
.series-list:hover img {
 transform:translateY(-10px);
 -ms-transform:translateY(-10px);
 -o-transform:translateY(-10px);
 -webkit-transform:translateY(-10px);
 -moz-transform:translateY(-10px)
}
.series-list .pro {
 margin-bottom:30px
}
.series-list .pro img {
 max-height:110px;
 width:auto;
 transition:1s;
 -ms-transition:1s;
 -o-transition:1s;
 -webkit-transition:1s;
 -moz-transition:1s
}
.series-list span {
 display:block;
 font-size:12px;
 margin:14px 0 7px
}
.series-list p {
 font-size:16px
}
.series4-list {
 display:inline-block;
 vertical-align:top;
 width:25%;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 text-align:center
}
.series4-list .desc {
 background:#fff;
 padding:20px 0 18px
}
.series4-list h3 {
 font-size:18px
}
.series4-list .line {
 width:112px;
 margin:15px 0 20px
}
.series4-list p {
 font-size:13px;
 margin-bottom:10px;
 text-align:center
}
.series4-list p a {
 color:#bc1717;
 transition:.3s;
 -ms-transition:.3s;
 -o-transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s
}
.series4-list p a:hover {
 color:#03488f
}
.sub-nav {
 position:absolute;
 padding-top:52px;
 top:20px;
 left:28px;
 width:120px;
 text-align:center;
 transition:ease .4s;
 -ms-transition:ease .4s;
 -o-transition:ease .4s;
 -webkit-transition:ease .4s;
 -moz-transition:ease .4s;
 visibility:hidden;
 opacity:0;
 transform:translateY(15px);
 -ms-transform:translateY(15px);
 -o-transform:translateY(15px);
 -webkit-transform:translateY(15px);
 -moz-transform:translateY(15px)
}
.sub-nav-list {
 background:#f7f8f8;
 border-top:1px solid #eaeaea;
 box-shadow:0 10px 40px -5px rgba(37,45,51,.25);
 transition:ease .6s;
 -ms-transition:ease .6s;
 -o-transition:ease .6s;
 -webkit-transition:ease .6s;
 -moz-transition:ease .6s
}
.sub-nav-list:first-child {
 border-top:0
}
.sub-nav-list:hover {
 background:#ededed
}
.sub-nav-list:hover a {
 letter-spacing:2px
}
.sub-nav-list a {
 width:100%;
 display:inline-block;
 color:#bc1717;
 padding:10px;
 transition:ease .6s;
 -ms-transition:ease .6s;
 -o-transition:ease .6s;
 -webkit-transition:ease .6s;
 -moz-transition:ease .6s
}
.login-box {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,0,0,.8);
 z-index:99999
}
.login-box .icon-guanbi {
 position:absolute;
 right:10px;
 top:10px;
 cursor:pointer;
 color:#bc1717;
 font-size:16px;
 font-weight:700
}
.login-box .auto-form {
 position:relative;
 padding:35px 66px;
 width:544px;
 max-width:100%;
 background-color:#fff;
 border-radius:2px;
 box-sizing:border-box
}
.login .title {
 font-size:22px;
 letter-spacing:2px;
 margin-bottom:36px
}
.login .login-input {
 width:100%;
 height:40px;
 border:1px solid #c9c9c9;
 border-radius:3px;
 overflow:hidden;
 position:relative;
 font-size:0;
 margin-bottom:12px;
 transition:border-color .4s;
 -ms-transition:border-color .4s;
 -o-transition:border-color .4s;
 -webkit-transition:border-color .4s;
 -moz-transition:border-color .4s
}
.login .login-input span {
 display:inline-block;
 width:42px;
 height:100%;
 background-color:#f6f6f6!important;
 border-right:1px solid #c9c9c9;
 vertical-align:top
}
.login .login-input input {
 display:inline-block;
 border:0;
 width:calc(100% - 42px);
 height:100%;
 font-size:14px;
 color:#000;
 padding-left:10px;
 vertical-align:top;
 background:#f6f6f6
}
.login .login-input input:focus {
 background:#fff;
 color:#444
}
.login .login_captcha .captcha {
 position:absolute;
 right:0;
 top:0;
 width:47%;
 border-left:1px solid #c9c9c9
}
.login .login_captcha .captcha img {
 max-width:100%
}
.login .login_phone span {
 background:url(../images/login1.png) no-repeat center
}
.login .login_password span {
 background:url(../images/login2.png) no-repeat center
}
.login .remember {
 float:left
}
.login .remember label {
 position:relative;
 top:-2px;
 left:5px;
 font-size:14px;
 color:#181818
}
.login .forget {
 float:right;
 text-align:right;
 font-size:14px
}
.login .forget a {
 color:#181818
}
.login button {
 border:0;
 width:100%;
 height:40px;
 font-size:16px;
 color:#999;
 letter-spacing:2px;
 background:#f6f6f6;
 cursor:not-allowed;
 margin-bottom:30px
}
.login button.allow {
 background:#002d87;
 color:#fff;
 cursor:pointer
}
.login .to_register {
 text-align:right;
 margin-top:.3rem;
 color:#323232;
 font-size:.24rem
}
.login .to_register span {
 color:#002d87
}
.login .tip {
 text-align:right;
 margin-top:.3rem;
 color:#323232;
 font-size:.24rem
}
.title {
 text-align:center;
 color:#bc1717
}
.title_en {
 font-size:40px;
 font-family:Didot;
 text-transform:uppercase
}
.title_cn {
 font-size:24px
}
.title .line {
 width:40px;
 height:2px;
 background:#bc1717;
 display:inline-block
}
.more {
 margin-top:60px;
 text-align:center
}
.more a {
 border:1px dashed transparent;
 display:inline-block;
 padding:8px 65px;
 color:#bc1717;
 font-size:15px
}
.inside_banner {
 position:relative
}
.inside_banner.contact .desc strong {
 color:#fff
}
.inside_banner.contact .desc h2 {
 color:#fff
}
.inside_banner.contact .desc h2:after,
.inside_banner.contact .desc h2:before {
 background:#fff
}
.inside_banner.animate .desc h2 {
 opacity:1;
 transform:none;
 -ms-transform:none;
 -o-transform:none;
 -webkit-transform:none;
 -moz-transform:none
}
.inside_banner.animate .desc strong {
 opacity:1;
 transform:none;
 -ms-transform:none;
 -o-transform:none;
 -webkit-transform:none;
 -moz-transform:none
}
.inside_banner .desc {
 top:44.5%;
 width:100%;
 text-align:center
}
.inside_banner .desc h2 {
 display:inline-block;
 font-size:34px;
 position:relative;
 margin-top:6px;
 opacity:0;
 transform:translateY(30px);
 -ms-transform:translateY(30px);
 -o-transform:translateY(30px);
 -webkit-transform:translateY(30px);
 -moz-transform:translateY(30px);
 transition:1.2s;
 -ms-transition:1.2s;
 -o-transition:1.2s;
 -webkit-transition:1.2s;
 -moz-transition:1.2s
}
.inside_banner .desc h2:before {
 content:'';
 position:relative;
 display:block;
 background:#bc1717;
 width:100%;
 height:1px;
 top:-4px
}
.inside_banner .desc h2:after {
 position:relative;
 display:block;
 content:'';
 background:#bc1717;
 width:100%;
 height:1px;
 bottom:-6px
}
.inside_banner .desc strong {
 display:inline-block;
 letter-spacing:1px;
 font-size:60px;
 font-family:Didot,'Microsoft YaHei';
 font-weight:400;
 opacity:0;
 transform:translateY(-30px);
 -ms-transform:translateY(-30px);
 -o-transform:translateY(-30px);
 -webkit-transform:translateY(-30px);
 -moz-transform:translateY(-30px);
 transition:1.2s;
 -ms-transition:1.2s;
 -o-transition:1.2s;
 -webkit-transition:1.2s;
 -moz-transition:1.2s
}
.inside_title {
 text-align:center;
 margin:80px 0
}
.inside_title h3 {
 font-size:24px
}
.inside_title p {
 font-size:12px;
 margin-top:10px
}
.swiper-pagination-bullet {
 opacity:1!important;
 border-radius:0!important;
 background:#b0b0b0;
 transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg)
}
.swiper-pagination-bullet-active {
 background:#bc1717
}
.page {
 margin:38px 0 100px;
 text-align:center
}
.page a {
 color:#acacac;
 display:inline-block;
 width:100%;
 line-height:28px;
 transition:color .4s;
 -ms-transition:color .4s;
 -o-transition:color .4s;
 -webkit-transition:color .4s;
 -moz-transition:color .4s
}
.page span {
 color:#acacac;
 font-family:SimSun;
 vertical-align:top
}
.page .pagination {
 display:inline-block
}
.page .pagination li {
 border:1px solid #e1e1e1;
 float:left;
 display:inline-block;
 width:36px;
 height:36px;
 line-height:36px;
 font-size:18px;
 margin-right:12px;
 color:#acacac;
 transition:all .4s;
 -ms-transition:all .4s;
 -o-transition:all .4s;
 -webkit-transition:all .4s;
 -moz-transition:all .4s
}
.page .pagination li:first-child {
 color:#fff;
 margin-right:12px;
 font-weight:bolder
}
.page .pagination li:last-child {
 color:#fff;
 font-family:SimSun;
 font-weight:bolder
}
.page .pagination li:hover {
 background:#bc1717;
 border-color:#bc1717
}
.page .pagination li:hover a {
 color:#fff
}
.page .pagination li:hover span {
 color:#fff
}
.page .pagination li:hover.disabled {
 border-color:#3eb296
}
.page .pagination li.active {
 background:#bc1717;
 border-color:#bc1717
}
.page .pagination li.active span {
 color:#fff
}
.define-dashed {
 position:relative
}
.define-dashed u[model^=bottom],
.define-dashed u[model^=top] {
 height:1px;
 width:100%;
 background-size:4px 1px;
 background-repeat:repeat-x;
 background-image:linear-gradient(to right,#bc1717 0,#bc1717 50%,transparent 50%)
}
.define-dashed u[model^=left],
.define-dashed u[model^=right] {
 width:1px;
 height:100%;
 background-size:1px 4px;
 background-repeat:repeat-y;
 background-image:linear-gradient(to bottom,#bc1717 0,#bc1717 50%,transparent 50%)
}
.define-dashed u {
 position:absolute
}
.define-dashed u[model^=top] {
 top:0;
 left:0
}
.define-dashed u[model^=left] {
 top:0;
 left:0
}
.define-dashed u[model^=bottom] {
 bottom:0;
 left:0
}
.define-dashed u[model^=right] {
 top:0;
 right:0
}
.define-dashed.hack u {
 display:none
}
.crumb {
 background:#fff;
 font-size:14px;
 padding:25px;
 color:#666;
 border-bottom:1px solid #eaebeb
}
.crumb a {
 display:inline-block;
 color:#666
}
.crumb a:hover {
 text-decoration:underline
}
.m_search {
 display:block;
 width:35px;
 height:35px;
 background:url(../images/m_search.png) no-repeat center/contain;
 position:absolute;
 z-index:999999;
 left:5px;
 top:20px
}
.m-close::after,
.m-close::before {
 content:'';
 position:absolute;
 left:0;
 width:50%;
 height:1px;
 -webkit-transform:translateZ(0);
 -webkit-backface-visibility:hidden;
 transition:all .4s .1s ease-out;
 background:#2d221f
}
body.on .m-close::after,
body.on .m-close::before {
 transition:all .25s ease-out
}
.m-close::before {
 top:20px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg);
 transform-origin:50% 50% 0
}
.m-close::after {
 top:20px;
 left:12px;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg);
 transform-origin:50% 50% 0
}
body.on .m-close::before {
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
body.on .m-close::after {
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
nav.nav-top {
 margin-top:0;
 margin-right:0;
 margin-bottom:10px;
 width:100%
}
nav.nav-top>ul>li {
 display:block;
 transform:translateY(-30px);
 margin:0;
 line-height:8vh;
 height:auto;
 opacity:0;
 text-align:left;
 transition:.2s;
 border-bottom:1px solid rgba(207,207,207,.66)
}
nav.nav-top>ul>li>a {
 margin-left:.2rem;
 padding-bottom:0;
 position:static;
 display:block;
 height:100%
}
nav.nav-top>ul>li a:after {
 content:attr(data-icon);
 font-size:18px;
 position:absolute;
 right:10px;
 top:0;
 background:0 0;
 width:auto;
 height:auto;
 opacity:1;
 left:auto
}
nav.nav-top>ul>li[mobile-flash='1'] a:after {
 content:attr(data-hover)
}
body.on nav.nav-top>ul>li:nth-child(2)>a,
body.on nav.nav-top>ul>li:nth-child(4)>a,
body.on nav.nav-top>ul>li:nth-child(5)>a,
body.on nav.nav-top>ul>li:nth-child(6)>a,
body.on nav.nav-top>ul>li:nth-child(7)>a,
body.on nav.nav-top>ul>li:nth-child(8)>a {
 pointer-events:none
}
body.on nav.nav-top>ul>li:nth-child(1),
nav.nav-top>ul>li:nth-child(9) {
 transition:.2s
}
body.on nav.nav-top>ul>li:nth-child(2),
nav.nav-top>ul>li:nth-child(8) {
 transition:.2s .05s
}
body.on nav.nav-top>ul>li:nth-child(3),
nav.nav-top>ul>li:nth-child(7) {
 transition:.2s .1s
}
body.on nav.nav-top>ul>li:nth-child(4),
nav.nav-top>ul>li:nth-child(6) {
 transition:.2s .15s
}
body.on nav.nav-top>ul>li:nth-child(5),
nav.nav-top>ul>li:nth-child(5) {
 transition:.2s .2s
}
body.on nav.nav-top>ul>li:nth-child(6),
nav.nav-top>ul>li:nth-child(4) {
 transition:.2s .25s
}
body.on nav.nav-top>ul>li:nth-child(7),
nav.nav-top>ul>li:nth-child(3) {
 transition:.2s .3s
}
body.on nav.nav-top>ul>li:nth-child(8),
nav.nav-top>ul>li:nth-child(2) {
 transition:.2s .3s
}
body.on nav.nav-top>ul>li:nth-child(9),
nav.nav-top>ul>li:nth-child(1) {
 transition:.2s .3s
}
body.on nav.nav-top>ul>li {
 transform:translateY(0);
 opacity:1
}
.top-sub-menu a {
 display:block;
 width:100%;
 font-size:14px!important;
 color:rgba(2,47,93,.8);
 text-align:left;
 padding-left:10px;
 background:0 0;
 border-bottom:1px solid rgba(207,207,207,.66)
}
.top-sub-menu a:last-child {
 border:0
}
.ismobile {
 display:block!important
}
.sub-nav {
 display:none
}
.wechat {
 width:40%
}
.wechat .ewm {
 margin-right:20px;
 margin-left:20px;
 width:27%;
 text-align:center
}
.wechat .ewm img {
 max-width:100%
}
.wechat .others {
 width:60%
}
.inside_title {
 margin:.8rem 0
}
}

/* common-about.css end */

/* style-about.css 开始 */

.handmade {
	font-size: 0
}

.handmade .pro {
	width: 428px;
	height: 463px
}

.handmade .desc {
	width: calc(100% - 428px);
	padding: 65px 70px
}

.handmade .desc br {
	font-size: 12px
}

.handmade .desc h3 {
	font-size: 20px;
	margin-bottom: 30px
}

.handmade .desc p {
	font-size: 14px;
	line-height: 24px
}

.handmade-content {
	background: #fff;
	position: relative
}

.handmade-item {
	margin: 80px auto 80px;
	position: relative
}

.handmade-item.scroll-watch-in-view .line {
	width: 100%
}

.handmade-item.scroll-watch-in-view .handmade-list {
	opacity: 1;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.handmade-item .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background: #dadbdc;
	height: 1px;
	transition: ease 1.4s;
	-ms-transition: ease 1.4s;
	-o-transition: ease 1.4s;
	-webkit-transition: ease 1.4s;
	-moz-transition: ease 1.4s
}

.handmade-list {
	cursor: pointer;
	width: 25%;
	text-align: center;
	display: inline-block;
	opacity: 0;
	transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-ms-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-o-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-webkit-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-moz-transition: cubic-bezier(.4,0,.2,1) 1.5s
}

.handmade-list:nth-child(2) {
	transition-delay: .6s
}

.handmade-list:nth-child(3) {
	transition-delay: .8s
}

.handmade-list:nth-child(4) {
	transition-delay: 1s
}

.handmade-list:nth-child(5) {
	transition-delay: 1.2s
}

.handmade-list.this i {
	box-shadow: inset 0 0 0 8px #bc1717
}

.handmade-list.this p {
	color: #bc1717
}

.handmade-list i {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-bottom: 16px;
	position: relative;
	top: -4px;
	background: #96989b;
	box-shadow: inset 0 0 0 0 #8b8b8a;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg)
}

.handmade-list p {
	font-size: 16px;
	color: #96989b
}

.handmade-content-list {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.handmade-content-list.this {
	opacity: 1;
	visibility: visible;
	position: relative
}

.master {
	overflow: hidden;
	padding-bottom: 140px;
	background: url(../images/master-bg.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover
}

.master .inside_title {
	color: #fff
}

.master-item {
	font-size: 0
}

.master-item br {
	font-size: 12px
}

.master-list {
	display: inline-block;
	width: 33.33%;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.master-list:nth-child(2) {
	transition-delay: 150ms
}

.master-list:nth-child(3) {
	transition-delay: 350ms
}

.master-list .desc {
	color: #f7f8f8;
	padding: 34px 34px 44px;
	background: #333f50
}

.master-list .desc p {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 10px
}

.master-list .desc span {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 24px;
	font-weight: lighter
}

.master-list .desc span:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #f7f8f8;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-right: 10px
}

.spirit {
	padding-bottom: 140px
}

.spirit .desc {
	font-size: 0;
	border: 1px solid #d2d2d2
}

.spirit .desc br {
	font-size: 12px
}

.spirit .desc>div {
	font-size: 14px;
	display: inline-block;
	padding: 0 60px;
	line-height: 24px;
	width: calc(100% - 534px);
	vertical-align: middle
}

.art .inside_title {
	margin-bottom: 40px
}

.art .desc {
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.art .pro {
	margin: 85px 0 145px
}

.art_master {
	background: url(../images/master-bg2.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: 110%
}

.art_style {
	background: #fff;
	overflow: hidden;
	padding-bottom: 163px
}

.product-item {
	font-size: 0
}

.product-warrper {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.product-list {
	display: inline-block;
	width: 33.33%;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	text-align: center;
	margin-bottom: 10px
}

.product-list:nth-child(2) {
	transition-delay: .1s
}

.product-list:nth-child(3) {
	transition-delay: .2s
}

.product-list:hover .product-warrper {
	background-color: #f1f1f1
}

.product-list:hover .more {
	background-color: #bc1717
}

.product-list:hover .more a {
	color: #fff
}

.product-list .desc {
	padding: 0 35px
}

.product-list .desc span {
	display: inline-block;
	font-size: 20px;
	position: relative;
	margin-top: 6px
}

.product-list .desc span:before {
	content: '';
	position: relative;
	display: block;
	background: #a9b6c4;
	width: 100%;
	height: 1px;
	top: -4px
}

.product-list .desc span:after {
	position: relative;
	display: block;
	content: '';
	background: #a9b6c4;
	width: 100%;
	height: 1px;
	bottom: -6px
}

.product-list .desc strong {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0 15px;
	display: inline-block
}

.product-list .desc p {
	font-size: 14px;
	line-height: 26px;
	margin: 35px 0 30px
}

.product-list .more {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 55px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.product-list .more a {
	padding: 6px 67px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.product-warrper {
	border: 1px solid #dfdfdf
}

.profile {
	text-align: center;
	padding: 85px 0
}

.profile .inside_title {
	margin: 0 0 45px 0
}

.profile .desc {
	line-height: 36px;
	font-size: 14px
}





.distribution {
	text-align: center;
	padding: 70px 0 209px
}

.distribution .inside_title {
	color: #fff;
	margin: 0 0 45px 0
}

.distribution .desc {
	color: #f7f8f8;
	line-height: 36px;
	font-size: 14px
}

.honor .inside_title {
	margin: 90px 0 30px
}

.honor .desc {
	text-align: center
}

.honor .desc p {
	font-size: 14px;
	line-height: 36px
}

.honor-item {
	font-size: 0;
	margin-top: 430px ;
}









.honor-list {
	cursor: pointer;
	display: inline-block;
	width: 25%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	margin-bottom: 22px;
	position: relative
}

.honor-list:hover p {
	color: #fff;
	background: #bc1717
}

/*.honor-list:hover .hover {
	height: 325px
}*/
/*

.honor-list:hover p:nth-child(2){
	color: #bc1717;
	background: #ffffff
}
*/



.honor-list.define-dashed.hack p {
	border: 1px dashed #bc1717
}

.honor-list p {
	text-align: center;
	font-size: 16px;
	color: #bc1717;
	width: 100%;
	padding: 20px 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.honor-list .hover {
	position: absolute;
	bottom: 60px;
	left: 0;
	overflow: hidden;
	background: #bc1717;
	transition: height ease .6s;
	-ms-transition: height ease .6s;
	-o-transition: height ease .6s;
	-webkit-transition: height ease .6s;
	-moz-transition: height ease .6s;
	height: 0
}

.honor-list .hover .pro {
	width: 266px;
	height: 392px
}

.honor-list .hover-warpper {
	padding: 10px
}








.four {
	cursor: pointer;
	display: inline-block;
	width: 25%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	margin-bottom: 22px;
	position: relative
}

.four.define-dashed.hack p {
	border: 1px dashed #bc1717
}

.four p {
	color: #fff;
	background: #bc1717
}

.four .hover1 {
	height: 392px
}
.four p {
	text-align: center;
	font-size: 16px;
	
	width: 100%;
	padding: 20px 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.four .hover1 {
	position: absolute;
	bottom: 60px;
	left: 0;
	overflow: hidden;
	background: #bc1717;
	transition: height ease .6s;
	-ms-transition: height ease .6s;
	-o-transition: height ease .6s;
	-webkit-transition: height ease .6s;
	-moz-transition: height ease .6s;
	
}

.four .hover1 .pro {
	width: 266px;
	height: 392px
}

.four .hover-warpper {
	padding: 10px
}


























.culture {
	padding: 138px 0 150px
}

.culture .desc {
	text-align: left;
	margin-left: 75px
}

.culture .inside_title {
	text-align: left;
	margin: 0 0 32px
}

.culture .intro {
	font-size: 14px;
	line-height: 32px
}

.original {
	text-align: center;
	padding: 120px 0 133px
}

.original .inside_title {
	color: #fff;
	margin-top: 0;
	margin-bottom: 45px
}

.original .desc {
	font-size: 14px;
	color: #fff;
	line-height: 32px
}

.aptitude {
	padding-bottom: 125px
}

.aptitude .inside_title {
	margin-bottom: 0
}

.aptitude .desc {
	text-align: center;
	margin: 35px 0 45px;
	font-size: 14px;
	line-height: 30px
}

.competition {
	height: 531px;
	overflow: hidden
}

.competition .inside_title {
	color: #fff;
	margin-bottom: 50px
}

.competition .desc {
	text-align: center;
	font-size: 14px;
	color: rgba(247,248,248,.7)
}

.style .desc {
	width: 53%;
	top: 53%;
	transform: translate(-50%,-51%);
	-ms-transform: translate(-50%,-51%);
	-o-transform: translate(-50%,-51%);
	-webkit-transform: translate(-50%,-51%);
	-moz-transform: translate(-50%,-51%);
	text-align: left
}

.style .desc strong {
	line-height: 50px;
	font-size: 60px;
	font-weight: 400
}

.style .desc h2 {
	margin-top: 10px;
	font-size: 34px;
	font-weight: 700
}

.tab {
	background: #fff
}

.style-item {
	font-size: 0;
	margin: 50px 0
}

.style-list {
	display: inline-block;
	width: 16.666%;
	text-align: center;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.style-list:nth-child(2) {
	transition-delay: .1s
}

.style-list:nth-child(3) {
	transition-delay: .2s
}

.style-list:nth-child(4) {
	transition-delay: .3s
}

.style-list:nth-child(5) {
	transition-delay: .4s
}

.style-list:nth-child(6) {
	transition-delay: .5s
}

.style-list:nth-child(7) {
	transition-delay: .6s
}

.style-list:nth-child(8) {
	transition-delay: .7s
}

.style-list:nth-child(9) {
	transition-delay: .8s
}

.style-list.this .style-warpper:before {
	background: #bc1717
}

.style-list:hover .style-warpper:before {
	background: #bc1717
}

.style-list h3 {
	font-size: 18px;
	color: #bc1717;
	margin-bottom: 5px
}

.style-list p {
	color: #9b9b9b;
	font-size: 10px;
	text-transform: uppercase
}

.style-list p i {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../images/icon1.png) no-repeat center/contain;
	margin-left: 3px
}

.style-warpper {
	padding: 10px 0;
	position: relative
}

.style-warpper:before {
	content: '';
	position: absolute;
	height: 3px;
	background: 0 0;
	display: inline-block;
	width: 100%;
	left: 0;
	bottom: -1px;
	transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s
}

.style-desc .pro {
	width: 659px;
	margin-right: 130px;
	margin-bottom: 80px
}

.style-desc .intro {
	text-align: left
}

.style-desc .intro .en {
	font-size: 38px;
	font-weight: 700;
	font-family: Didot
}

.style-desc .intro .cn {
	font-size: 24px
}

.style-desc .intro .pic {
	margin: 30px 0
}

.style-desc .intro p {
	font-size: 14px;
	line-height: 30px
}

.trait {
	overflow: hidden;
	background: #fff;
	padding-bottom: 80px
}

.trait .inside_title {
	margin-bottom: 35px
}

.trait .desc {
	text-align: center
}

.trait .desc p {
	font-size: 14px;
	line-height: 30px
}

.recommend {
	font-size: 0
}

.recommend .container {
	overflow: inherit
}

.recommend .left {
	color: #fff;
	margin-top: 31px;
	position: relative;
	top: 46px
}

.recommend .left p {
	font-size: 38px;
	font-family: Didot;
	font-weight: 700
}

.recommend .left h3 {
	font-size: 24px;
	margin: 10px 0 35px
}

.recommend .left .pro {
	width: 725px;
	position: relative
}

.recommend .right {
	position: relative;
	width: 382px;
	background: #e9e9e9;
	text-align: center;
	padding: 47px 0 47px
}

.recommend .right .pro {
	display: inline-block;
	width: 241px;
	margin-bottom: 35px;
	min-height: 290px;
	line-height: 290px
}

.recommend .right .desc p {
	display: block;
	font-size: 14px;
	margin: 15px 0 10px
}

.recommend .right .desc span {
	font-size: 14px
}

.recommend .page-control {
	position: absolute;
	bottom: -46px;
	left: 0
}

.recommend .page-control>div {
	cursor: pointer;
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 50px;
	background: #595959;
	text-align: center;
	color: #fff;
	font-weight: bolder;
	font-size: 18px;
	font-family: SimSun;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.recommend .page-control>div:hover {
	background: #bc1717
}

.filter {
	overflow: hidden;
	background: #fff
}

.filter .title {
	font-size: 24px;
	margin-top: 165px;
	margin-bottom: 35px
}

.filter form {
	text-align: center
}

.filter .get-more {
	text-align: center;
	width: 100%;
	height: 1px;
	background: #d9e0e7;
	margin: 30px 0 100px
}

.filter .get-more i {
	cursor: pointer;
	display: inline-block;
	width: 100px;
	height: 64px;
	margin-top: -30px;
	border-radius: 50%;
	background: url(../images/icon2.png) no-repeat center #fff
}

.radio-list {
	display: inline-block;
	margin-right: 50px
}

.radio-list:last-child {
	margin-right: 0
}

.radio-list input {
	display: none
}

.radio-list input:checked+label:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #bc1717;
	left: 4px;
	top: 50%;
	margin-top: -3px
}

.radio-list label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-size: 12px
}

.radio-list label:before {
	content: '';
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 1px;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
	border: 1px dashed #bc1717
}

.radio-list span {
	font-size: 14px
}

.style-product-item {
	margin-top: 120px;
	font-size: 0;
	text-align: left
}

.style-product-list {
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 100px;
	color: #888
}

.style-product-list a {
	color: #888
}

.style-product-list:hover a {
	color: #bc1717
}

.style-product-list:hover img {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.style-product-list .pro {
	margin-bottom: 35px
}

.style-product-list .pro img {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	max-height: 198px;
	width: auto;
	max-width: 200px
}

.style-product-list .desc {
	display: inline-block;
	width: 80%;
	text-align: center
}

.style-product-list .desc p {
	text-align: left;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	margin: 15px 0 10px
}

.style-product-list .desc span {
	font-size: 12px
}

.market {
	overflow: hidden;
	font-size: 0
}

.market .inside_title {
	color: #fff;
	margin-bottom: 55px
}

.market form {
	display: inline-block;
	width: calc(100% - 299px);
	margin-right: 22px;
	background: rgba(0,0,0,.5);
	padding: 27px 25px;
	border: 1px dashed rgba(213,213,213,.3)
}

.market form p {
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 10px
}

.market form input {
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	background: #191f26;
	border: 1px dashed rgba(213,213,213,.1)
}

.market form button {
	color: #fff;
	display: block;
	margin: 50px auto 50px;
	border: 1px solid #585a5f;
	width: 157px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: 0 0
}

.market .pro {
	display: inline-block
}

.market .search-type>div {
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	width: 50%;
	margin-right: 17px;
	border: 1px dashed rgba(213,213,213,.5);
	position: relative;
	transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s
}

.market .search-type>div.this {
	background: #bc1717;
	border: 1px solid transparent
}

.market .search-type>div.this:before {
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-bottom: 8px transparent solid;
	border-left: 8px transparent solid;
	border-right: 8px transparent solid;
	border-top: 8px #bc1717 solid;
	background: 0 0
}

.market .search-type>div:hover {
	background: #bc1717;
	border: 1px solid transparent
}

.market .search-type>div:last-child {
	margin-right: 0;
	width: calc(50% - 17px)
}

.market .tips {
	text-align: center
}

.market .tips em {
	font-size: 20px;
	color: #fff;
	margin: 45px 0 5px;
	display: inline-block
}

.market .tips p {
	font-size: 14px;
	font-weight: lighter;
	color: #d5d5d5
}

.market .tips .phone {
	display: inline-block;
	color: #c1c1c1;
	font-size: 14px;
	padding: 8px 35px;
	border: 1px dashed rgba(213,213,213,.5);
	margin: 20px 0 25px
}

.market .tips .time {
	font-size: 14px;
	color: #d5d5d5;
	font-weight: lighter;
	line-height: 24px;
	margin-bottom: 50px
}

.market .cs p {
	margin-top: 23px
}

.market .cs button {
	margin: 20px auto 0
}

.stores {
	text-align: center
}

.stores .inside_title {
	margin-bottom: 40px
}

.stores .desc {
	font-size: 14px;
	line-height: 32px
}

.stores .pro {
	margin-top: 55px
}

.stores .swiper-pagination {
	position: relative;
	margin: 35px 0 100px;
	bottom: 0
}

.stores .swiper-pagination-bullet {
	background: #b0b0b0;
	margin: 0 10px!important
}

.stores .swiper-pagination-bullet-active {
	background: #bc1717
}

.service-list {
	display: inline-block;
	width: 33.33%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.service-list:nth-child(2) {
	transition-delay: .1s
}

.service-list:nth-child(3) {
	transition-delay: .2s
}

.service-list .pro {
	width: 100%;
	height: 237px
}

.service-list .desc {
	text-align: center;
	padding: 0 10px
}

.service-list .desc h3 {
	margin: 40px 0 20px;
	font-size: 20px
}

.service-list .desc p {
	font-size: 14px;
	line-height: 24px
}

.where {
	overflow: hidden;
	padding-bottom: 106px
}

.where .inside_title {
	color: #fff;
	margin: 90px 0
}

.where-item {
	font-size: 0
}

.where-list {
	color: #fff;
	display: inline-block;
	width: 25%;
	text-align: center;
	margin-bottom: 75px
}

.where-list:nth-child(4n-3) {
	text-align: left
}

.where-list:nth-child(4n) {
	text-align: right
}

.where-list>div {
	display: inline-block;
	text-align: center
}

.where-list span {
	display: block;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px
}

.where-list p {
	font-size: 14px;
	line-height: 34px
}

.market-search {
	height: 278px;
	transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-ms-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-o-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-webkit-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-moz-transition: cubic-bezier(.38,0,.21,1.01) 1.2s
}

.market-search.open {
	height: 820px
}

.market-search.open .seach-icon {
	bottom: 3%
}

.market-search .container {
	position: relative;
	height: 100%
}

.market-search .result {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.market-search .result span {
	top: 40%;
	color: #fff;
	font-size: 24px
}

.market-search .seach-icon {
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s;
	cursor: pointer;
	position: absolute;
	bottom: 30%;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: url(../images/icon3.png) no-repeat center/contain
}

.market-search .no-result {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.s-store {
	background: #f0f0f0
}

.liebiao {
	position: relative;
	z-index: 2
}

.s-tab {
	padding: 25px 0;
	position: relative;
	margin-left: 18px
}

.s-tab .selcet {
	margin-top: 7px;
	float: left
}

.s-tab .selcet input {
	display: none
}

.s-tab .selcet input:checked+label:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #bc1717;
	left: 4px;
	top: 50%;
	margin-top: -3px
}

.s-tab .selcet label {
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.s-tab .selcet label:before {
	content: '';
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 2px;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
	border: 1px dashed #bc1717
}

.s-tab .qita {
	float: right
}

.s-tab .qita span {
	cursor: pointer;
	font-size: 14px;
	color: #bc1717;
	padding: 5px 15px 5px 22px;
	display: inline-block;
	border: 1px dashed #bc1717;
	margin-right: 25px
}

.s-tab .qita span i {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	left: -5px;
	top: 2px
}

.s-store-item {
	font-size: 0
}

.s-store-item u {
	position: absolute;
	width: 100%;
	left: 0;
	height: 1px;
	background: #fff
}

.s-s-warpper {
	background: #bc1717;
	padding: 40px
}

.s-store-list {
	color: #fff;
	display: inline-block;
	width: 50%;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	margin: 0 0 50px
}

.s-store-list:nth-child(2) {
	margin-top: 50px
}

.s-store-list span {
	font-size: 18px;
	display: block;
	vertical-align: middle;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgba(255,255,255,.3)
}

.s-store-list span:before {
	content: '';
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block
}

.s-store-list .pro {
	width: 200px;
	height: 127px;
	margin: 15px 0
}

.s-store-list p {
	font-size: 14px;
	line-height: 27px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dashed rgba(255,255,255,.3)
}

.s-store-list i {
	cursor: pointer;
	display: inline-block;
	width: 17px;
	height: 19px;
	background: url(../images/icon6.png) no-repeat center/contain
}

.add-form,.msg {
	padding: 80px 0;
	font-size: 0;
	background: #fff;
	position: relative;
	z-index: 2
}

.add-form form,.msg form {
	display: inline-block;
	width: 50%;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent
}

.add-form form>div,.msg form>div {
	border: 1px solid #dbdbdb;
	padding: 30px
}

.add-form form h3,.msg form h3 {
	text-align: center;
	font-size: 24px;
	margin: 10px 0 40px
}

.add-form form .input-box,.msg form .input-box {
	position: relative;
	margin-bottom: 8px
}

.add-form form input,.msg form input {
	width: 100%;
	height: 40px;
	border: 1px solid #dbdbdb;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	background: 0 0
}

.add-form form input:active+span,.msg form input:active+span {
	display: none
}

.add-form form input:focus+span,.msg form input:focus+span {
	display: none
}

.add-form form textarea,.msg form textarea {
	width: 100%;
	height: 120px;
	padding: 5px 0 0 5px;
	border: 1px solid #dbdbdb;
	resize: none;
	position: relative;
	z-index: 1;
	background: 0 0
}

.add-form form textarea:active+span,.msg form textarea:active+span {
	display: none
}

.add-form form textarea:focus+span,.msg form textarea:focus+span {
	display: none
}

.add-form form .searchfont,.msg form .searchfont {
	position: absolute;
	font-size: 14px;
	top: 10px;
	left: 10px;
	letter-spacing: 1px;
	z-index: 0
}

.add-form form button,.msg form button {
	display: block;
	background: 0 0;
	border: 1px dashed #bc1717;
	font-size: 14px;
	padding: 5px 70px;
	margin: 60px auto 40px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.add-form form button:hover,.msg form button:hover {
	color: #fff;
	background: #bc1717
}

.add-form .message button,.msg .message button {
	margin-top: 28px
}

.map-box {
	width: 100%;
	border-top: 1px solid #fff
}

#map {
	width: 90%;
	margin: 40px auto 60px;
	height: 800px
}

.none-result {
	background: #f0f0f0;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.none-result h3 {
	font-size: 16px;
	text-align: center;
	margin: 55px 0
}

.add-form {
	background: #fff;
	padding: 70px 0
}

.add-form .pro {
	display: inline-block;
	width: 50%;
	text-align: center;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent
}

.add-form .pro>div {
	padding: 35px 0 60px;
	border: 1px solid #e7e7e7
}

.add-form .pro h4 {
	font-size: 24px
}

.add-form .pro p {
	font-size: 14px;
	line-height: 24px;
	margin: 38px 0
}

.add-form .pro img {
	display: block;
	margin: 0 auto
}

.add-form .pro .back {
	font-size: 14px;
	padding: 6px 67px;
	border: 1px dashed #bc1717;
	display: inline-block;
	margin: 20px auto 0
}

.add-form .pro .back:hover {
	color: #fff;
	background: #bc1717
}

.add-form form {
	text-align: center
}

.add-form form>div {
	padding: 30px 30px 51px
}

.add-form form h4 {
	font-size: 24px;
	margin: 0 0 40px
}

.add-form form textarea {
	height: 160px
}

.add-form form button {
	padding: 6px 95px;
	margin-top: 20px;
	margin-bottom: 0
}

.add-form form .back {
	font-size: 14px;
	padding: 6px 54px;
	border: 1px dashed #bc1717;
	display: inline-block;
	margin: 20px auto 0
}

.add-form form .back:hover {
	color: #fff;
	background: #bc1717
}

.news-tab {
	background: #fff
}

.news-tab .style-list {
	width: 33.333%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.news {
	background: #fff
}

.news-item {
	font-size: 0
}

.news-list {
	border-bottom: 1px solid #e5e5e5
}

.news-list:first-child {
	border-top: 1px solid #e5e5e5
}

.news-list:hover .desc {
	background: #f0f0f0
}

.news-list .pro {
	width: 176px;
	height: 87px;
	margin-right: 30px
}

.news-list .desc {
	width: calc(100% - 206px);
	padding: 45px 0 45px 27px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.news-list .desc h3 {
	color: #bc1717;
	font-size: 16px;
	margin-bottom: 15px
}

.news-list .desc h3:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #bc1717;
	display: inline-block;
	margin: 0 12px 2px 0
}

.news-list .desc p {
	color: #bc1717;
	font-size: 14px;
	line-height: 24px;
	width: 87%;
	padding: 0 5% 0 17px;
	border-right: 1px solid #9c9c9c
}

.news-list .desc .date {
	width: 13%;
	font-size: 12px;
	color: #bc1717;
	text-align: left;
	padding-left: 15px
}

.news-list .desc .date i {
	margin-top: 10px;
	display: block;
	width: 16px;
	height: 5px;
	background: url(../images/more-c.png) no-repeat center
}

.news-det {
	background: #fff;
	overflow: hidden
}

.news-det .summary {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 24px
}

.news-det .summary strong {
	color: #3f3f3f
}

.news-det .content {
	padding: 25px 0;
	margin-bottom: 70px
}

.det-title {
	text-align: center;
	margin-top: 70px;
	padding-bottom: 10px
}

.det-title h2 {
	font-size: 28px;
	margin-bottom: 15px
}

.det-title p {
	font-size: 14px;
	color: #a0a0a0
}

.product-intro {
	background: #fff;
	padding: 63px 0 95px;
	text-align: center
}

.product-intro .pro {
	margin-right: 143px
}

.product-intro .pro .hide {
	display: none
}

.product-intro .pro img {
	max-width: 503px;
	max-height: 512px;
	width: auto;
	height: auto
}

.product-intro .pro:hover {
	cursor: url(../images/icon8.ico),auto
}

.product-intro .desc {
	text-align: left
}

.product-intro .desc .title {
	text-align: left;
	font-family: Didot;
	font-size: 30px
}

.product-intro .desc h2 {
	font-size: 30px
}

.product-intro .desc .model {
	display: inline-block;
	margin: 50px 0;
	font-size: 18px;
	padding: 6px 0
}

.product-intro .desc p {
	line-height: 32px;
	font-size: 14px
}

.inspiration {
	padding: 75px 0
}

.inspiration .title {
	font-family: Didot;
	font-size: 30px
}

.inspiration .title h3 {
	font-size: 24px;
	margin-bottom: 30px
}

.scene {
	background: #fff
}

.scene .title {
	margin-bottom: 70px
}

.inpush .swiper-container {
	padding: 40px 0
}

.inpush .s-page {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	text-align: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #ececec;
	color: #bc1717;
	font-size: 30px;
	line-height: 54px;
	font-family: SimSun;
	font-weight: bolder
}

.inpush .s-page:hover {
	background: #bc1717;
	color: #fff
}

.inpush .prev {
	left: -10%
}

.inpush .next {
	right: -10%
}

.inpush-list {
	text-align: center
}

.inpush-list .pro:hover img {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.inpush-list .pro img {
	max-height: 137px;
	height: auto;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.inpush-list .desc {
	margin-top: 20px;
	font-size: 12px
}

.company-map {
	background: #fff;
	font-size: 0;
	padding: 95px 0
}

.company-map .desc {
	margin-right: 68px
}

.company-map .desc h3 {
	font-size: 22px
}

.company-map .desc em {
	font-size: 22px;
	display: block;
	padding: 15px 0 40px;
	margin-bottom: 35px
}

.company-map .desc em.define-dashed.hack {
	border: 0;
	border-bottom: 1px dashed #bc1717
}

.company-map .desc p {
	margin-bottom: 20px
}

.company-map .desc p:last-child {
	font-weight: 700;
	margin-top: 35px
}

.company-map .desc p i {
	width: 24px;
	height: 24px;
	margin-right: 20px
}

.company-map .desc p i.address {
	background: url(../images/icon9.png) no-repeat center
}

.company-map .desc p i.phone {
	background: url(../images/icon10.png) no-repeat center
}

.company-map .desc p i.fax {
	background: url(../images/icon11.png) no-repeat center
}

.company-map .desc p i.email-code {
	background: url(../images/icon12.png) no-repeat center
}

.company-map .desc p i.email {
	background: url(../images/icon13.png) no-repeat center
}

.company-map .desc p i.g-phone {
	background: url(../images/icon14.png) no-repeat center
}

.company-map .desc p span {
	width: calc(100% - 45px);
	font-size: 16px;
	line-height: 24px
}

.company-map #map {
	height: 425px;
	width: calc(100% - 509px)
}

.company-map #map .BMapLabel:nth-child(2) {
	display: inline-block!important;
	width: 0!important;
	height: 0!important;
	border-style: solid!important;
	border-width: 8px!important;
	border-color: #fff #fff transparent transparent!important;
	transform: rotate(135deg)!important;
	box-shadow: 2px -2px 2px #ccc!important
}

.join {
	overflow: hidden;
	position: relative
}

.join .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}

.join .intro {
	text-align: center;
	margin: 83px 0 162px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 1
}

.join .container_contact {
	background: #fff;
	top: -90px
}

.join .container_contact .page {
	margin: 38px 0 45px
}

.join .inside_title h3 {
	font-size: 36px
}

.career-item {
	padding: 0 60px
}

.ul-ratio {
	border-bottom: 1px dashed #c2c2c2;
	height: 54px;
	line-height: 54px;
	font-size: 0;
	overflow: hidden;
	cursor: pointer
}

.ul-ratio:first-child {
	border-top: 1px dashed #c2c2c2
}

.ul-ratio:hover {
	border-bottom: 1px dashed transparent;
	background: #bc1717
}

.ul-ratio:hover li {
	color: #fff
}

.ul-ratio:hover .career-arrow:after,.ul-ratio:hover .career-arrow:before {
	background: #fff
}

.ul-ratio.on {
	border-bottom: 1px dashed transparent;
	background: #bc1717
}

.ul-ratio.on li {
	color: #fff
}

.ul-ratio.on .career-arrow {
	transform: rotate(180deg)
}

.ul-ratio.on .career-arrow:before {
	height: 0;
	background: #fff
}

.ul-ratio.on .career-arrow:after {
	background: #fff
}

.ul-ratio>li {
	position: relative;
	width: 22%;
	text-align: center;
	transition: .3s;
	display: inline-block;
	font-size: 14px;
	color: #333;
	vertical-align: top
}

.ul-ratio>li:last-child {
	width: 12%
}

.career-req {
	display: none;
	padding-top: 25px;
	padding-bottom: 50px;
	padding-left: 20px;
	border-bottom: 1px dashed #e4e4e4;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	transition: background-color .7s ease
}

.career-req p i {
	display: inline-block;
	border: 1px solid #bc1717;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 10px 1px 0
}

.career-arrow {
	position: relative;
	display: inline-block;
	top: 2px;
	transform: rotate(90deg);
	width: 13px;
	height: 13px;
	color: #cbcbcb;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	transition: all .5s cubic-bezier(.45,-.96,.11,1.76)
}

.career-arrow:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #333;
	transition: .3s
}

.career-arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 49.9%;
	width: 100%;
	height: 1px;
	background: #333;
	transition: .3s
}

.career-btn {
	width: 159px;
	height: 36px;
	background: #29466c;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	cursor: pointer
}

.apply-form-box {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.apply-form-box.open {
	opacity: 1;
	visibility: visible
}

.apply-form {
	width: 1000px;
	height: 600px;
	background: #fff;
	border-radius: 5px;
	padding: 90px 70px;
	font-size: 0
}

.apply-form .input-box {
	width: 32%;
	margin-right: 15px;
	margin-bottom: 15px!important;
	position: relative
}

.apply-form .input-box:nth-child(3n) {
	margin-right: 0
}

.apply-form input {
	width: 100%;
	height: 40px;
	border: 1px solid #dbdbdb;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	background: 0 0;
	color: #bc1717
}

.apply-form .searchfont {
	position: absolute;
	font-size: 14px;
	top: 10px;
	left: 10px;
	letter-spacing: 1px;
	z-index: 0;
	color: #bc1717
}

.apply-form .textarea {
	width: 100%
}

.apply-form textarea {
	width: 100%;
	height: 240px;
	padding: 5px 0 0 5px;
	border: 1px solid #dbdbdb;
	resize: none;
	position: relative;
	z-index: 1;
	background: 0 0
}

.apply-form button {
	display: block;
	width: 320px;
	height: 50px;
	margin: 30px auto 0;
	background-color: #bc1717;
	border: none;
	color: #fff;
	text-align: center;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.apply-form button:hover {
	background-color: #03488f
}

.apply-form i {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 26px;
	color: #bc1717
}

.business .desc strong {
	font-size: 50px;
	color: #fff;
	font-weight: 400
}

.business .desc h2 {
	font-size: 20px;
	color: #fff;
	margin-top: 25px
}

.business .desc h2:after,.business .desc h2:before {
	background: #fff
}

.brand {
	overflow: hidden;
	background: #fff
}

.brand .inside_title {
	margin-bottom: 30px
}

.brand .desc {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 60px
}

.brand .pro {
	margin-bottom: 140px
}

.brand .pro img {
	max-width: 100%
}

.advantage-item {
	font-size: 0;
	margin-bottom: 50px
}

.advantage-list {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 65px
}

.advantage-list:nth-child(2) {
	transition-delay: .1s
}

.advantage-list:nth-child(3) {
	transition-delay: .2s
}

.advantage-list:nth-child(4) {
	transition-delay: .3s
}

.advantage-list:nth-child(6) {
	transition-delay: .1s
}

.advantage-list:nth-child(7) {
	transition-delay: .2s
}

.advantage-list:nth-child(8) {
	transition-delay: .3s
}

.advantage-list .icon {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	position: relative
}

.advantage-list .icon:hover i:before {
	animation: serv_one_border .9s 0s ease 1;
	-webkit-animation: serv_one_border .9s 0s ease 1;
	-moz-animation: serv_one_border .9s 0s ease 1;
	-o-animation: serv_one_border .9s 0s ease 1
}

.advantage-list .icon:hover i:after {
	animation: serv_one_border 1.5s 0s ease 1;
	-webkit-animation: serv_one_border 1.5s 0s ease 1;
	-moz-animation: serv_one_border 1.5s 0s ease 1;
	-o-animation: serv_one_border 1.5s 0s ease 1
}

.advantage-list .icon:hover i {
	background: #bc1717;
	border-color: #bc1717
}

.advantage-list .icon:hover span {
	opacity: 0
}

.advantage-list .icon:hover span.hide {
	opacity: 1
}

.advantage-list .icon i {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 90px;
	height: 90px;
	border: 1px solid rgba(2,47,93,.5);
	border-radius: 50%;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.advantage-list .icon i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #bc1717;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0
}

.advantage-list .icon i:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #bc1717;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0
}

.advantage-list .icon span {
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.advantage-list .icon span.hide {
	opacity: 0
}

.advantage-list:last-child .desc {
	border: 0
}

.advantage-list h3 {
	font-size: 18px;
	margin: 20px 0
}

.advantage-list p {
	font-size: 14px;
	line-height: 22px
}

.suppose {
	background: #fff;
	overflow: hidden
}

.support-item {
	font-size: 0;
	margin-bottom: 150px
}

.support-list {
	display: inline-block;
	width: 25%;
	height: 196px;
	position: relative;
	z-index: 22;
	vertical-align: top;
	overflow: hidden
}

.support-list.mobile {
	display: none
}

.support-list:hover:after {
	opacity: 0
}

.support-list:hover .pro {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04)
}

.support-list:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .7;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.support-list .pro {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.support-list .desc {
	text-align: center;
	height: 26px;
	font-size: 18px;
	color: #fff;
	z-index: 1
}

.choose {
	text-align: center;
	color: #fff;
	padding: 132px 0
}

.choose p {
	font-size: 36px;
	margin-bottom: 12px
}

.choose span {
	display: inline-block;
	font-size: 12px
}

.condition .advantage-list p {
	margin-top: 35px
}

.add {
	overflow: hidden
}

.add .inside_title {
	color: #fff
}

.add-warpper {
	background: #fff;
	font-size: 0;
	margin-bottom: 110px
}

.add-warpper .pro {
	width: 50%;
	position: relative
}

.add-warpper .desc {
	background: #fff;
	width: 50%;
	padding: 0 50px 0 80px
}

.add-list {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.add-list.this {
	opacity: 1;
	position: relative
}

.add-list-c {
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.add-list-c.this {
	background: #f0f0f0
}

.add-list-c.this i {
	background: #bc1717
}

.add-list-c.this p {
	transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px)
}

.add-list-c:hover {
	background: #f0f0f0
}

.add-list-c:hover i {
	background: #bc1717
}

.add-list-c:hover p {
	transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px)
}

.add-list-c i {
	width: 8px;
	height: 8px;
	background: #dadada;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	position: relative;
	left: -3px
}

.add-list-c p {
	font-size: 14px;
	padding: 10px 0 10px 15px;
	transition: ease .4s;
	-ms-transition: ease .4s;
	-o-transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s
}

.process-item {
	font-size: 0;
	position: relative;
	margin-bottom: 120px
}

.process-item .line {
	height: 5px;
	background: #bc1717;
	width: 95%;
	position: absolute;
	left: 22px;
	top: 18px
}

.process-list {
	text-align: center;
	margin-right: calc((100% - 504px)/ 6);
	position: relative;
	z-index: 1
}

.process-list:nth-child(7) {
	margin-right: 0
}

.process-list:hover .process-warrper {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.process-list:hover .process-warrper:before {
	transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6)
}

.process-list:hover p {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.process-list .process-warrper {
	display: inline-block;
	width: 42px;
	height: 42px;
	background: #bc1717;
	border-radius: 50%;
	line-height: 42px;
	position: relative;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.process-list .process-warrper:before {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	background: rgba(2,47,93,.2);
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -27px;
	transition: ease .5s;
	-ms-transition: ease .5s;
	-o-transition: ease .5s;
	-webkit-transition: ease .5s;
	-moz-transition: ease .5s
}

.process-list span {
	font-size: 22px;
	color: #fff;
	position: relative;
	z-index: 2
}

.process-list p {
	margin-top: 20px;
	font-size: 18px;
	color: #bc1717;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.jiameng {
	background: #fff;
	overflow: hidden;
	padding: 0 0 100px
}

.jm-form {
	padding: 45px 40px;
	width: 100%!important;
	border: 1px solid #e7e7e7!important
}

.jm-form .input-box {
	width: 49%;
	margin-right: 15px;
	margin-bottom: 15px!important
}

.jm-form .input-box:nth-child(2n) {
	margin-right: 0
}

.jm-form .input-box input:focus {
	border-color: #bc1717
}

.jm-form .input-box input:hover {
	border-color: #bc1717
}

.jm-form>div {
	border: 0!important;
	padding: 0!important
}

.jm-form .searchfont {
	color: #bc1717
}

.jm-form button {
	margin: 50px auto 0!important
}

.dealer {
	background: #fff;
	font-size: 0;
	padding: 90px 0
}

.dealer-list {
	width: 33.33%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent
}

.dealer-list .pro {
	width: 100%;
	height: 220px
}

.dealer-list .desc {
	text-align: center;
	font-size: 16px
}

.dealer-list .desc .dq {
	margin-top: 33px;
	margin-bottom: 5px
}

.dealer-list .desc span {
	display: inline-block;
	font-weight: 700
}

.dealer-list .desc p {
	margin-top: 30px;
	font-size: 14px;
	line-height: 25px
}

.pj-intro {
	text-align: center;
	padding: 60px 0
}

.pj-intro .desc {
	font-size: 16px;
	line-height: 40px
}

.flow {
	background: #fff;
	overflow: hidden
}

.flow .inside_title {
	margin-bottom: 20px
}

.middle-line {
	text-align: center;
	margin-bottom: 80px
}

.middle-line i {
	display: block;
	margin: 0 auto 5px;
	background: #cacaca;
	height: 1px
}

.middle-line i:nth-child(1) {
	width: 30px
}

.middle-line i:nth-child(2) {
	width: 17px
}

.middle-line i:nth-child(3) {
	width: 9px
}

.middle-line u {
	background: #cacaca;
	position: absolute;
	width: 1px;
	margin-left: -1px;
	height: 1010px
}

.flow-item {
	font-size: 0
}

.flow-warpper {
	display: inline-block
}

.flow-list {
	margin-bottom: 50px;
	text-align: left
}

.flow-list:nth-child(2n-1) {
	text-align: right
}

.flow-list:nth-child(2n-1) .desc:before {
	left: -15.5%
}

.flow-list:nth-child(2n-1) .point {
	margin: 0 82px 0 40px
}

.flow-list:nth-child(2n) {
	text-align: left
}

.flow-list:nth-child(2n) .desc:before {
	right: -15.6%
}

.flow-list:nth-child(2n) .point {
	margin: 0 40px 0 82px
}

.flow-list .num {
	font-size: 33px;
	font-family: Didot
}

.flow-list .point {
	width: 8px;
	height: 8px;
	background: #bc1717;
	position: relative;
	z-index: 1;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.flow-list .desc {
	display: inline-block;
	background: #f6f6f6;
	width: 514px;
	padding: 40px 0 40px 65px;
	text-align: left;
	position: relative
}

.flow-list .desc:before {
	content: '';
	width: 80px;
	height: 1px;
	position: absolute;
	background: #cacaca;
	top: 50%
}

.flow-list .desc i {
	width: 44px;
	height: 44px;
	margin-right: 40px
}

.flow-list .desc span {
	font-size: 17px;
	width: calc(100% - 140px)
}

.engine-item {
	font-size: 0;
	margin-bottom: 78px
}

.engine-list {
	width: 25%;
	text-align: center;
	display: inline-block;
	height: 123px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-bottom: 12px
}

.engine-list a {
	border: 1px solid #e1e1e1;
	display: block;
	height: 100%;
	background: #fff;
	line-height: 123px
}

.link p {
	padding-top: 50px;
	color: #bc1717;
	font-size: 12px;
	margin-bottom: 50px
}

.link-list {
	display: block!important
}

.link-list h3 {
	font-size: 16px;
	padding: 10px 0;
	color: #000
}

.link-list a {
	float: left;
	width: 270px;
	margin-right: 20px;
	margin-bottom: 20px
}

.link-list a img {
	max-width: 270px;
	max-height: 66px
}
.about-pi .pike{height: 450px;}

@media (max-width:1440px) {
	.art .pro {
		margin: 60px 0 100px
	}

	.art_style {
		padding-bottom: 140px
	}

	.product-intro .pro img {
		max-width: 445px;
		max-height: 452px
	}
}

@media (max-width:1300px) {
	.container_contact {
		padding: 0 2%
	}

	.inpush .prev {
		left: -5%
	}

	.inpush .next {
		right: -5%
	}
}

@media (max-width:1200px) {
	.art {
		padding: 0 2%
	}

	.art .inside_title {
		margin-bottom: .4rem
	}

	.art .pro {
		margin: .5rem 0 .83rem
	}

	.art .desc {
		padding: 0 3%
	}

	.art_master {
		padding: 0 2%;
		background-attachment: initial;
		background-size: cover
	}

	.master-item {
		margin-bottom: 1rem
	}

	.brand {
		padding: 0 2%
	}

	.brand .pro {
		margin-bottom: 1.17rem
	}

	.suppose {
		padding: 0 2%
	}

	.support-item {
		margin-bottom: 1.3rem
	}

	.dealer-list .pro {
		height: 1.83rem
	}

	.dealer-list .desc .dq {
		margin-top: .28rem
	}

	.dealer-list .desc p {
		margin-top: .2rem
	}

	.add .inside_title {
		margin-bottom: 0
	}

	.add-warpper {
		width: 9.8rem;
		margin: .5rem auto .8rem
	}

	.process {
		padding: 0 2%
	}

	.jiameng {
		padding: 0 2% 1.3rem
	}

	.jm-form {
		padding: .38rem .33rem
	}

	.jm-form .input-box:nth-child(2n) {
		width: calc(50% - 15px)
	}

	.add-form form button {
		padding: 6px .79rem;
		margin: .42rem auto 0!important
	}

	.culture {
		font-size: 0;
		padding: 1.15rem 2% 1.25rem
	}

	.culture .pro {
		width: 50%
	}

	.culture .pro img {
		max-width: 100%
	}

	.culture .desc {
		width: 50%;
		padding-left: 5%;
		margin-left: 0
	}

	.original {
		background-size: cover!important;
		padding: 1rem 0 1.11rem
	}

	.original .inside_title {
		margin-bottom: 1.3rem
	}

	.aptitude {
		padding: 0 2% 1rem
	}

	.competition {
		height: 4rem
	}

	.handmade {
		padding: 0 2%
	}

	.master {
		background-attachment: inherit!important;
		padding-bottom: .8rem
	}

	.master-item {
		padding: 0 1%
	}

	.spirit {
		padding: 0 2% 1.17rem
	}

	.market .container {
		padding: 0 2%
	}

	.stores {
		padding: 0 2%
	}

	.stores .swiper-pagination {
		margin: .5rem 0 .83rem
	}

	.service {
		padding-bottom: .83rem
	}

	.service-list .pro {
		height: 1.98rem
	}

	.service-list .desc h3 {
		margin: .33rem 0 .17rem
	}

	.where {
		padding: 0 2%;
		background-size: cover!important
	}

	.where .inside_title {
		margin: .8rem 0
	}

	#map {
		height: 6.67rem
	}

	.inpush {
		padding: 0 4%
	}

	.inpush .prev {
		left: -3%
	}

	.inpush .next {
		right: -3%
	}

	.style-item {
		margin: .5rem 0
	}

	.style-desc {
		padding: 0 2%
	}

	.style-desc .pro {
		width: 5.5rem;
		margin-right: .6rem;
		margin-bottom: .67rem
	}

	.style-desc .intro {
		width: 3.45rem
	}

	.recommend {
		background-size: cover!important
	}

	.recommend .container {
		padding: 0 2%
	}

	.recommend .left .pro {
		width: 6.05rem
	}

	.recommend .right {
		width: 3.18rem;
		padding: .3rem .2rem .3rem
	}

	.recommend .right .pro {
		width: 100%;
		margin-bottom: .1rem;
		min-height: 3rem;
		line-height: 3rem
	}

	.recommend .right .pro img {
		max-height: 2rem;
		width: auto
	}

	.filter {
		padding: 0 2%
	}

	.filter .title {
		margin: 1.8rem 0 .4rem
	}

	.style-product-list {
		margin-bottom: .83rem
	}

	.style-product-list .pro img {
		height: 1.6rem
	}

	.style-product-item {
		margin-top: 1.25rem
	}

	.flow {
		padding: 0 2%
	}

	.middle-line {
		margin-bottom: .67rem
	}

	.middle-line u {
		height: 8.72rem
	}

	.flow-list {
		margin-bottom: .42rem
	}

	.flow-list:nth-child(2n) .point {
		margin: 0 .33rem 0 .6rem
	}

	.flow-list:nth-child(2n-1) .point {
		margin: 0 .6rem 0 .33rem
	}

	.flow-list .desc {
		width: 4.17rem;
		padding: .33rem 0 .33rem .4rem
	}

	.flow-list .desc:before {
		width: .67rem
	}

	.flow-list .desc i {
		margin-right: .28rem
	}

	.flow-list .desc span {
		font-size: 15px;
		width: calc(100% - 1.17rem)
	}

	.engine-list {
		height: 1.02rem
	}

	.engine-list a {
		line-height: 1.02rem
	}

	.distribution {
		background-attachment: inherit!important;
		padding: .68rem 0 1.24rem
	}

	.history-item {
		padding: 0 2%;
		margin: .58rem 0
	}

	.history-list i {
		margin-left: calc(42px - 2%)
	}

	.link {
		padding: 0 2%
	}
}

@media (max-width:1000px) {
	.art .desc {
		line-height: 32px
	}

	.master-list .desc {
		padding: .28rem .28rem .37rem
	}

	.master-list .desc p {
		font-size: 15px;
		line-height: 28px
	}

	.master-list .desc span {
		font-size: 13px
	}

	.product-list .desc {
		padding: 0 .25rem
	}

	.product-list .desc p {
		margin: .25rem 0
	}

	.product-list .desc strong {
		margin: .17rem 0 .12rem
	}

	.product-list .more {
		margin-bottom: .42rem
	}

	.product-list .more a {
		padding: 6px .54rem
	}

	.art_style {
		padding-bottom: 1.17rem
	}

	.brand .inside_title {
		margin-top: 1rem
	}

	.advantage-item {
		margin-bottom: .6rem
	}

	.advantage-list p {
		padding: 0 12%
	}

	.choose {
		padding: 1.17rem 0
	}

	.choose p {
		font-size: 30px
	}

	.add-warpper .pro {
		width: 100%
	}

	.add-warpper .desc {
		width: 100%;
		padding: .2rem .4rem
	}

	.company-map .desc {
		width: 100%;
		margin-right: 0
	}

	.company-map #map {
		width: 100%;
		margin: 40px auto 0
	}

	.culture {
		position: relative;
		padding: .8rem 2% 5.5rem
	}

	.culture .inside_title {
		text-align: center
	}

	.culture .desc {
		padding: 0;
		text-align: center;
		width: 100%;
		margin: 0 0 .8rem
	}

	.culture .pro {
		position: absolute;
		width: 100%;
		bottom: 5%
	}

	.culture .pro img {
		width: 100%
	}

	.handmade .pro {
		text-align: center;
		width: 100%;
		height: auto
	}

	.handmade .pro img {
		max-width: 100%
	}

	.handmade .desc {
		width: 100%;
		padding: .54rem .58rem
	}

	.handmade-content-list {
		padding: 4% 0 0
	}

	.handmade-item {
		margin: .67rem auto 1.3rem
	}

	.spirit .desc {
		padding: .4rem .3rem
	}

	.spirit .desc>div {
		width: 100%;
		padding: 0 0 .3rem
	}

	.spirit .desc img {
		width: 50%
	}

	.market {
		background-size: cover!important
	}

	.market form {
		width: 100%
	}

	.market .pro {
		display: none
	}

	.service {
		padding-bottom: 1.3rem
	}

	.news-item {
		padding: 0 2%
	}

	.news-list .desc {
		padding: .38rem 0 .38rem .23rem
	}

	.news-list .desc p {
		width: 80%
	}

	.news-list .desc .date {
		width: 20%
	}

	.product-intro .pro {
		margin-right: 0;
		display: block;
		text-align: center;
		margin-bottom: 1rem
	}

	.inspiration {
		padding: .8rem 2%
	}

	.scene .title {
		margin-bottom: .8rem
	}

	.style-desc .pro {
		display: block;
		width: 70%;
		margin: 0 auto
	}

	.style-desc .intro {
		width: 100%;
		text-align: center;
		margin: .6rem 0
	}

	.trait {
		padding: 0 2% .8rem
	}

	.trait .inside_title {
		margin-bottom: .4rem
	}

	.pj-intro {
		padding: .8rem 2%
	}

	.pj-intro .desc {
		line-height: 34px
	}

	.engine-item {
		margin-bottom: .8rem
	}

	.engine-list {
		width: 33.33%;
		height: 1.2rem
	}

	.engine-list a {
		line-height: 1.2rem
	}

	.honor .inside_title {
		margin: 1.3rem 0 .4rem
	}

	.honor-item {
		margin: .8rem 0 1.3rem
	}

	.honor-list .hover .pro {
		width: 100%;
		height: 2.54rem
	}

	.honor-list .hover {
		width: 100%
	}

	.honor-list:hover .hover {
		height: 2.71rem
	}

	.profile {
		padding: .8rem
	}

	.profile .inside_title {
		margin-bottom: .4rem
	}

	.apply-form {
		width: 9.6rem;
		height: max-content;
		padding: .75rem .58rem
	}

	.apply-form .input-box {
		margin-right: .12rem
	}

	.apply-form textarea {
		height: 200px
	}

	.apply-form button {
		width: 2.8rem;
		height: .5rem
	}
}

.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{height: 100%;width: 1280px;margin: 0 auto;}
.about-main2{height: 890px;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);height: 100%;}
.about-main2 .licheng-bg img{position: absolute; top: 340px; width: 100%; left: 0;}
.about-main2 .section_title{margin: 0 auto;width: 75%;padding-top:80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 30px; height: 1px; background-color: #d2d2d2;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;    padding-left: 0.1%;}
.about-main2 .licheng-content ul li{width: 22%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #bc1717;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(188, 23, 23, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(188, 23, 23, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #bc1717;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{    top: 79px;
}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 279px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 79px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 279px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: 79px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 22px;margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 0;top: 40px;z-index: 99999;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top:24px;z-index: 99999;}
.lc-swiper-btn .iconfont{font-size: 30px;}

/* about_history.css end */

.seemore{
	margin: 0 auto;
    width: 135px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    border: 1px dashed #bc1717;
    cursor: pointer;
	color: #bc1717;
}
.seemore:hover{
	margin: 0 auto;
    width: 135px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    border: 1px dashed #bc1717; cursor: pointer;
	color: #fff;
	background: #bc1717;
}
.seemorem{
	margin: 0 auto;
    width: 135px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    border: 1px dashed #bc1717; cursor: pointer;
	color: #bc1717;
}
.seemorem:hover{
	margin: 0 auto;
    width: 135px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    border: 1px dashed #bc1717; cursor: pointer;
	color: #fff;
	background: #bc1717;
}

/* shouji-about-style.css 开始 */
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/* 重置 */

.pz_main{width:95%; position:relative; z-index:2; margin: 30px auto;}

.c_0100_17{ width:100%; float:left; background-size:cover; background-attachment: fixed; padding:120px 0 100px 0; position:relative; z-index:-1;}
.slide_pic_2{ width:100%; float:left; position:relative;}
.slide_pic_2:before{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; opacity:0.2;}
.slide_pic_2 .time{ width:100%; float:left; height:123px; text-align:center; background:url(../img/ico10_6.png) no-repeat center center; padding-right:6px; line-height:22px; font-size:18px; color:white; font-weight:bold; *font-family:Arial; padding-top:50px;
-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;}
.slide_pic_2 .time span{display: block;padding-top: 40px;}
.slide_pic_2 .slick-slide:hover .time{ transform:rotateY(360deg);}
.slide_pic_2 .p{ width:100%; float:left; height:100px; padding-top:15px; font-size:14px; color:#eaeaea; line-height:22px; overflow:hidden; text-align:center;}
.slide_pic_2 .slick-slide:hover .p{ color:#ffffff;}
.slide_pic_2 .l1 .time{ *padding-top:70px; background-image:url(../img/ico10_7.png);}
.slide_pic_2 .l1 .p{ padding-top:29px;}

.slide_pic_2 .slick-prev,.slide_pic_2 .slick-next {
	position: absolute;
	left: -50px;
}


@media screen and (max-width:991px) {
.slide_pic_2 .p{ height:70px; padding-top:10px; font-size:12px; line-height:22px;}
.slide_pic_2 .l1 .p{ padding-top:19px;}
}

@media screen and (max-width:767px) {
.c_0100_17,.slide_pic_2{ padding:0;}
.slide_pic_2 .slick-dots {position: absolute;bottom: -25px;}
.slide_pic_2 .slick-dots li.slick-active{opacity:1;}
.slide_pic_2 .l1 .p,.slide_pic_2 .p{ height:92px; margin-top:5px; padding-top:0;}
}



/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout:none;
       -khtml-user-select:none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	outline: none;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
	outline: none;
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* end shouji-about-style.css  */

/*media_02.css*/
@media (max-width: 800px) {
    .sj-index-gushi {
        width: 100%;
        text-align: center;
        padding: 30px 0;
    }

    .sj-gs-title h1 {
        font-size: 18px;
    }

    .sj-gs-title h2 {
        font-size: 16px;
        color: #bc1717;
    }

    .sj-gs-title h2:after {
        margin: 10px auto 0;
    }

    .sj-gs-title h2:after {
        content: '';
        display: block;
        margin: 20px auto 0;
        width: 30px;
        height: 1px;
        background: #000;
    }
	
    .warper{padding:50px 0;width: 100%;}
	.introduce_top{display:block;}
	.introduce_top_info{width: 95%;margin:0 auto;position: static;}
	.introduce_top_info b{ margin-bottom: 5px;font-size: 14px;}
	.introduce_top_info p {line-height: 24px;font-size: 12px;}

    .about-pi {
        widrh: 100%;
        margin: 0 auto;
        padding: 0 0 20px;
    }

    .about-pi .pike img {
        width: 100%;
    }

    .about-pi .pike {
        height: 150px;
        width: 95%;
    }

    .about-pi .pike_spot {
        bottom: 42px !important;
    }

    .about-pi .section_title {
        width: 95%;
        margin: 0 auto;
        color: #000;
        font-size: 18px;
        text-align: left;
        position: relative;
        padding-bottom: 28px;
    }

    .about-pi .introduce_top_info {
        width: 95%;
        margin: 0 auto;
        position: relative;
        right: 0;
    }

    .about-pi .section_title h3 {
        font-size: 18px;
    }

    .about-pi .section_title p {
        font-size: 16px;
    }

    .about-pi .section_title {
        padding-bottom: 10px;
        text-align: center;
    }

    .about-pi .section_title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 45%;
    }

    .about-pi .introduce_top_info b {
        margin: 18px 0 5px 0;
        font-size: 13px;
    }

    .about-pi .introduce_top_info p {
        line-height: 24px;
        font-size: 12px;
    }

    .about-pi .pike_prev, .about-pi .pike_next {
        width: 40px !important;
        height: 40px !important;
        color: #bc1717 !important;
        line-height: 53px;
        text-align: center;
        position: absolute;
        top: 60%;
        *margin-top: -22px;
        user-select: none;
        cursor: pointer;
        font-family: NSimSun;
        font-size: 0;
    }

    .about-pi .pike_prev {
        background: url(../img/left-1.png) no-repeat center !important;
    }

    .about-pi .pike_next {
        background: url(../img/right-1.png) no-repeat center !important
    }

    .about-pi .pike_spot > .spot {
        width: 10px;
        height: 10px;
    }
	
	.about-main2 {
        height: auto;
    }
	
	.about-main2 .licheng-bg {
        background-color: rgba(255, 255, 255, 0);
    }
	
	.about-main2 .ny-title {
        padding-top: 30px;
        text-align: center;
    }
    
    .honor_num {display: none;}

    .honor {
        width: 100%;
        margin: 0 auto;
        min-width: 100%;
        padding: 30px 0;
    }

    .introduce_con,.honor_con,.honor_con1 {
        width: 95%;
        margin: 0 auto;
    }

    .honor_list {
        width: 100%;
    }

    .honor_list li {
        font-size: 12px;
        line-height: 24px;
    }

    .honor_num {
        position: absolute;
        top: 125%;
        z-index: 100;
        width: 100%;
    }

    .honor_num img {
        width: 50%;
        margin: 25%;
    }

    .section_title h3 {
        font-size: 18px;
    }
    
    .honor_list {
        margin-top: 20px;
    }

    .service {
        width: 100%;
        min-width: 369px;
        padding-bottom: 0;
    }

    .service_con {
        width: 95%;
        position: absolute;
        left: 0;
        top: 30px;
        z-index: 100;
        margin-left: 3%;
    }

    .service .bg, .service .bg img {
        width: 100%;
        height: 320px;
    }

    .service_info p {
        color: #fff;
        font-size: 12px;
        line-height: 24px;
    }

    .honor-item {
        display: none;
    }

    .honor1 {
        padding-top: 25px;
        padding-bottom: 20px;
        width: 100%;
        margin: 0 auto;
        min-width: 100%;
    }

    .honor_list1 {
        width: 100%;
        text-align: left;
        margin-top: 0px;
        margin-left: 0;
    }

    .honor_list1 li {
        line-height: 24px;
        font-size: 12px;
    }

    .about-rongyu {
        width: 95%;
        margin: 25px auto;
    }

    .about-rongyu:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .about-rongyu li {
        width: 47%;
        float: left;
        margin-bottom: 15px;
    }

    .about-rongyu li:nth-child(2n) {
        margin-left: 6%
    }

    .about-rongyu li .rongyu-tu {
        border-top: 15px solid #bc1717;
        border-left: 15px solid #bc1717;
        border-right: 15px solid #bc1717;
    }

    .about-rongyu li .rongyu-p {
        width: 100%;
        background: #bc1717;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
        color: #fff;
    }

    .about-rongyu li .rongyu-tu img {
        width: 100%;
    }

    .filter {
        display: none !important;
    }

    .pc-licheng {
        display: none !important;
    }

    .ny-title .title-en {
        font-size: 18px;
        line-height: 20px;
		margin-bottom: 5px;
        font-size: 18px;
        font-family: ziti;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
    }

    .ny-title .title-ch {
        font-size: 16px;
        margin: 10px 0;
    }

    .lc-swiper-btn {
        width: 100%;
        position: absolute;
        top: 172px;
    }
	.pi1{display: none;}

}

@media (min-width: 800px)   {
    .section_title{text-align:left;}
    .about-pi {display: none;}
    .about-rongyu {display: none;}
    .shouji-licheng {display: none !important;}
}
/*end media_02.css*/