﻿* {
	padding:0;
	margin:0
}
html, body {
	font:14px/1.5 Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	letter-spacing:1px
}
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-style:normal;
	font-family:inherit;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
body {
	overflow-x:hidden;
	color:#333;
	background:#FFF;
	text-align:left;
	padding-top:120px
}
.m-web {
	padding-top:2.12rem
}
.body-shade {
	overflow:hidden;
	height:100vh
}
ol, ul, li {
	list-style:none
}
img {
	border:0;
	vertical-align:top;
	max-width:100%
}
.clearfix:after {
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
	visibility:hidden
}
a {
	color:#000;
	text-decoration:none
}
a:hover {
	color:#e94609
}
.red {
	color:#e94609
}
.bg-gray {
	background:#f9f9f9
}
.bg-black {
	background:#222
}
.fade-enter-active, .fade-leave-active {
	position:relative;
	z-index:1000;
transition:opacity .5s
}
.fade-enter, .fade-leave-to {
	opacity:0
}
.slide-fade-enter-active, .slide-fade-leave-active {
transition:all .3s ease
}
.slide-fade-enter, .slide-fade-leave-to {
	transform:translateX(100%);
	opacity:0
}
.layui-btn {
	background-color:#e94609
}
.relative {
	position:relative;
	z-index:0
}
.cover {
	max-width:1200px;
	width:99%;
	margin:0 auto
}
.swiper-slide {
	overflow:hidden
}
.home-banner {
	text-align:center
}
.home-banner .swiper-pagination {
	display:flex;
	justify-content:center;
	align-items:center
}
.home-banner .swiper-pagination-bullet {
	width:10px;
	height:10px;
	background:#fff;
	opacity:.5
}
.home-banner .swiper-pagination-bullet-active {
	width:15px;
	height:15px;
	background:#e94609;
	opacity:1
}
.mod-hd {
	text-align:center;
	position:relative;
	padding-top:15px
}
.mod-hd h2 {
	font-size:24px;
	display:inline-block;
	padding-left:196px;
	background-position:left top;
	background-repeat:no-repeat;
	line-height:156px
}
.mod-hd p {
	font-size:16px;
	line-height:36px;
	margin-top:-15px;
	padding:0 20px;
	text-align: justify;
}
.zx-hd h2 {
	background-image:url(../images/hd_zx.png);
	text-align: center;
}
.zx-hd p {
	color:#e94609
}
.yx-hd h2 {
	background-image:url(../images/hd_yx.png)
}
.yx-hd p {
	color:#e94609
}
.fx-hd h2 {
	background-image:url(../images/hd_fx.png);
	color:#fff
}
.fx-hd p {
	color:#fff
}
.modifying {
	position:absolute;
	z-index:-1;
	min-width:1600px;
	width:100%;
	left:50%;
	transform:translateX(-50%)
}
.modifying01 {
	top:80px
}
.modifying02 {
	bottom:20px;
	text-align:right
}
.modifying03 {
	bottom:0
}
.modifying04 {
	top:10px;
	text-align:right
}
.modifying05 {
	bottom:0
}
.modifying06 {
	top:200px;
	text-align:right
}
.modifying07 {
	top:150px;
	text-align:right
}
.modifying08 {
	top:-60px;
	pointer-events:none
}
.zx-cover {
	padding-bottom:50px
}
.zx-hb-bd {
	display:flex;
	justify-content:space-between;
	margin-top:15px
}
.zx-hb-bd li {
	position:relative;
	float:left;
	padding:15px;
	width:33%;
	box-sizing:border-box
}
.zx-hb-bd li img {
	width:100%;
	height:100%;
transition:all .2s;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.zx-hb-bd li .zx-hb-inner {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	background:rgba(0, 0, 0, .7);
	visibility:hidden;
transition:.5s;
	opacity:0
}
.zx-hb-bd li .zx-hb-item {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%
}
.zx-hb-bd li .zx-hb-hd {
	font-size:22px;
}
.zx-hb-bd li p {
	width:80%;
	margin:0 auto;
	font-size:14px;
	line-height:24px;
	padding:15px 0
}
.zx-hb-bd li a {
	font-size:14px;
	color:#fff;
	display:inline-block;
	width:140px;
	height:35px;
	background:linear-gradient(to right, #c8181e, #ffaf53);
	border-radius:17px;
	line-height:35px
}
.zx-hb-bd li .flipper {
	transition:all 1s;
	overflow:hidden;
	padding-bottom:100%;
	position:relative;
	width:100%
}
.zx-hb-bd li:hover img {
	filter:blur(3px)
}
.zx-hb-bd li:hover .flipper {
	box-shadow:0 0 10px rgba(0, 0, 0, .6)
}
.zx-hb-bd li:hover .zx-hb-inner {
	visibility:visible;
	opacity:1;
	top:0
}
.zx-hb-bd li .zx-bt {
	text-align:center;
	font-size:18px;
	margin-top:15px
}
.ad-propaganda-cover {
	padding:50px 0
}
.ad-propaganda .ad-pic {
	width:60%;
	padding-bottom:36%;
	position:relative
}
.ad-propaganda .ad-pic img {
	width:100%;
	position:absolute
}
.ad-propaganda .ad-inner {
	width:35%;
	text-align:center;
	position:absolute;
	left:60%;
	top:50%;
	transform:translateY(-50%)
}
.ad-propaganda .ad-bt {
	font-size:24px;
	width:80%;
	margin:0 auto;
	margin-bottom:36px
}
.ad-propaganda p {
	font-size:14px;
	width:80%;
	margin:0 auto;
	color:#999;
	max-height:64px;
	overflow:hidden
}
.ad-propaganda a {
	display:inline-block;
	width:140px;
	height:36px;
	margin-top:36px;
	border-radius:18px;
	border:1px solid #e2e2e2;
	line-height:36px;
	font-size:14px;
	background:#fff
}
.ad-propaganda.swiper-container-horizontal>.swiper-pagination-bullets {
	left:60%;
	width:35%
}
.ad-propaganda .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background:#dfdfdf;
	opacity:1
}
.ad-propaganda .swiper-pagination-bullet-active {
	background:#e94609
}
.ad-propaganda .swiper-button-black {
	opacity:.6;
	outline:0
}
.ad-propaganda .swiper-button-prev {
	opacity:.1;
transition:all .2s
}
.ad-propaganda .swiper-button-prev:hover {
	opacity:.6
}
.ad-activity {
	width:100%;
	overflow:hidden
}
.ad-activity img {
	position:relative;
	left:50%;
	transform:translateX(-50%)
}
.yx-server {
	padding:50px 0
}
.yx-server li {
	width:25%;
	float:left;
	text-align:center;
transition:all .5s
}
.yx-server li span {
	display:inline-block;
	width:80%;
	font-size:18px;
	margin:25px auto;
	font-weight:bold
}
.yx-server li p {
	display:inline-block;
	width:80%;
	color:#666
}
.yx-server li:hover {
	transform:translateY(-10px)
}
.cover-hd .cover-hd-title {
	float:left;
	display:inline-block;
	font-size:30px;
	position:relative;
	height:60px;
	line-height:60px
}
.cover-hd .cover-hd-title:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:1.5em;
	height:2px;
	background:#000
}
.cover-hd .cover-hd-r {
	float:right;
	margin-top:14px
}
.cover-hd .cover-hd-r .tab-btn {
	display:inline-block;
	line-height:28px;
	border:2px solid transparent;
	padding:0 20px;
	margin-left:20px;
	font-size:16px;
	cursor:pointer;
	color:#999
}
.cover-hd .cover-hd-r .tab-btn:hover {
	color:#e94609
}
.cover-hd .cover-hd-r .tab-btn.cur {
	border-color:#e94609;
	color:#e94609
}
.campaign-cover {
	padding:50px 0
}
.campaign {
	width:100%;
	padding-top:40px
}
.campaign li {
	float:left;
	width:23.8%;
	box-sizing:border-box;
	margin-right:1.6%
}
.campaign li:last-child {
	margin-right:0
}
.campaign li .campaign-item {
	width:100%;
	box-sizing:border-box;
	padding:10px;
	background:#fff;
	border:1px solid #e2e2e2;
	text-align:center;
transition:all .3s
}
.campaign li .campaign-item .campaign-item-pic {
	height:156px;
	overflow:hidden;
	text-align:center
}
.campaign li .campaign-item .campaign-item-pic:after {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.campaign li .campaign-item .campaign-item-pic img {
	width:100%;
	vertical-align:middle;
	transition:all 1s
}
.campaign li .campaign-item .campaign-item-bt {
	font-size:18px;
	margin:15px 0 20px 0;
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
transition:all .3s
}
.campaign li .campaign-item .campaign-item-text {
	text-align:left;
	height:42px;
	overflow:hidden;
	color:#666;
transition:all .3s
}
.campaign li .campaign-item .campaign-item-btn {
	position:relative;
	z-index:1;
	padding:1px;
	margin:40px 0 30px 0
}
.campaign li .campaign-item a {
	display:inline-block;
	width:100%;
	max-width:165px;
	height:30px;
	line-height:30px;
	border:1px solid transparent;
	position:relative;
	border-radius:15px;
	background:#fff;
	color:#e94609;
transition:all .3s
}
.campaign li .campaign-item a:before {
	content:'';
	display:block;
	position:absolute;
	left:-2px;
	top:-2px;
	right:-2px;
	bottom:-2px;
	background:linear-gradient(to right, #c8181e, #ffaf53);
	z-index:-1;
	border-radius:16px;
transition:all .3s
}
.campaign li .campaign-item:hover {
	background:#e94609
}
.campaign li .campaign-item:hover .campaign-item-bt {
	color:#fff
}
.campaign li .campaign-item:hover .campaign-item-text {
	color:#fff
}
.campaign li .campaign-item:hover a {
	color:#fff;
	background:#e94609
}
.campaign li .campaign-item:hover a:before {
	background:#fff
}
.campaign li .campaign-item:hover .campaign-item-pic img {
	transform:scale(1.1)
}
.fx-cover .cover-hd {
	margin-top:50px
}
.fx-cover .cover-hd, .fx-cover .cover-hd a {
	color:#fff
}
.fx-cover .cover-hd .cover-hd-title:after {
	background:#fff
}
.fx-cover .cover-hd .cover-hd-r {
	line-height:32px
}
.fx-cases.swiper-container {
	padding:30px 0 90px 0
}
.fx-cases .swiper-slide {
	height:225px
}
.fx-cases img {
	max-width:100%;
	min-height:100%;
transition:all .3s
}
.fx-cases .fx-hb-inner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(200, 22, 30, .8);
	color:#fff;
	text-align:center;
	visibility:hidden;
	opacity:0;
transition:all .3s
}
.fx-cases .fx-hb-inner .fx-hb-item {
	width:80%;
	display:inline-block;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	font-size:16px
}
.fx-cases .fx-hb-inner .fx-hb-item a {
	color:#fff;
	border:1px solid #fff;
	display:inline-block;
	width:100%;
	max-width:165px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	font-size:14px;
	margin-top:35px
}
.fx-cases .swiper-slide:hover .fx-hb-inner {
	visibility:visible;
	opacity:1
}
.fx-cases .swiper-slide:hover img {
	filter:blur(3px)
}
.fx-cases.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:35px
}
.fx-cases .swiper-pagination-bullet {
	width:24px;
	height:2px;
	background:#d5d5d5;
	opacity:1;
	border-radius:0;
transition:width .3s
}
.fx-cases .swiper-pagination-bullet-active {
	background:#e94609;
	width:35px
}
.cover-hd h3.cover-hd-bt {
	text-align:center;
	font-size:24px;
	position:relative;
	padding:30px 0 10px 0
}
.cover-hd h3.cover-hd-bt:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	width:2em;
	height:2px;
	background:#e94609;
	transform:translateX(-50%)
}
.cover-hd p.cover-hd-p {
	text-align:center;
	font-size:16px;
	color:#e94609;
	margin-top:10px
}
.team-swiper.swiper-container {
	width:90%;
	margin:0 auto;
	padding:50px 0 60px 0
}
.team-swiper .swiper-slide {
	text-align:center;
transition:all .5s
}
.team-swiper .swiper-slide:hover {
	transform:translateY(-10px)
}
.team-swiper .swiper-slide .team-portraits {
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
	width:226px;
	height:226px;
	position:relative
}
.team-swiper .swiper-slide .team-portraits:after {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.team-swiper .swiper-slide .team-portraits img {
	max-width:none;
	height:100%;
	vertical-align:middle;
	position:absolute;
	left:50%;
	transform:translateX(-50%)
}
.team-swiper .swiper-slide .team-name {
	font-size:24px;
	margin:20px 0 5px 0
}
.team-swiper .swiper-slide .team-job {
	color:#666
}
.team-swiper .swiper-slide .team-intro {
	color:#999;
	margin:20px 0;
	padding:0 30px;
	height:42px;
	overflow:hidden
}
.team-swiper .swiper-slide a {
	display:inline-block;
	color:#fff;
	width:146px;
	height:42px;
	background:#e94609;
	border-radius:21px;
	line-height:42px
}
.team-cover .swiper-button-black {
	opacity:.6;
	outline:0;
	transform:scale(.7, .7);
	margin-top:48px
}
.storefront-intro {
	line-height:26px;
	color:#999;
	text-align:center;
	padding:30px 10px
}
.storefront {
	padding-bottom:50px
}
.storefront li {
	float:left;
	width:25%;
	height:275px;
	overflow:hidden;
	position:relative
}
.storefront li:first-child {
	width:50%;
	height:550px
}
.storefront li:nth-child(2) {
width:50%
}
.storefront li a {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	overflow:hidden
}
.storefront li a img {
	max-width:100%;
	min-height:100%;
	transition:all 1s
}
.storefront li a:hover img {
	transform:scale(1.1)
}
.other-related {
	font-size:18px;
	position:relative;
	line-height:46px;
	margin-bottom:30px;
	margin-top:100px
}
.other-related:after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:40px;
	height:2px;
	background:#e94609
}
.hot {
	background:url(../images/hot.png) no-repeat;
	background-size:contain;
	width:126px;
	height:68px;
	position:absolute;
	top:0;
	right:10%;
	z-index:9
}
.product-item {
	position:relative;
	height:230px;
	border:1px solid #eaeaea
}
.product-item:hover {
	box-shadow:0 5px 13px rgba(0, 0, 0, .16)
}
.product-item .hot {
	width:16%;
	right:25px
}
.product-item .product-pic {
	float:right;
	width:100%;
	overflow:hidden
}
.product-item .product-pic img {
	text-align:center;
	max-height:100%;
	vertical-align:middle
}
.product-item .product-pic:after {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.pop-shade, .shade {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	z-index:999;
	display:none
}
hr {
	width:100%;
	height:1px;
	background:#dfdfdf;
	border:0;
	margin:10px 0
}
h3 {
	font-size:24px;
	margin-bottom:15px
}
#companymap img {
	max-width:none
}
.seeAll {
	text-align:center;
font-size:.3rem;
	width:3.7rem;
	display:block;
height:.8rem;
line-height:.8rem;
margin:.6rem auto;
	border:1px solid #b0b0b0;
border-radius:.4rem;
	box-sizing:border-box
}
.m-show {
	display:none
}
.pc-show {
	display:block
}
#newBridge {
	z-index:998!important
}
#newBridge .icon-right-bottom {
	bottom:120px!important
}
#newBridge .nb-right-bottom {
	bottom:120px!important;
	letter-spacing:0
}
.el-message-box {
	width:90%
}
@media screen and (max-width:1000px) {
.m-show {
display:block
}
.pc-show {
display:none
}
.cover {
max-width:1200px;
width:100%;
margin:0 auto;
box-sizing:border-box
}
.modifying {
min-width:100%
}
.modifying img {
width:1rem
}
.modifying01 {
top:30%
}
.modifying02 {
bottom:30%
}
.modifying03 {
top:100px
}
.fx-cases .swiper-slide {
height:0;
padding-bottom:40%
}
.fx-cases img {
position:absolute;
top:0
}
.fx-cases .fx-hb-inner {
display:none
}
#newBridge .icon-right-bottom {
display:none!important
}
}
@media screen and (max-width:1000px) {
.home {
background:#f4f4f4
}
.layer {
background:#fff;
margin-top:.2rem
}
.home-banner {
height:3rem
}
.home-banner img {
position:absolute;
left:50%;
transform:translateX(-50%);
max-width:none;
width:100%
}
.mod-hd h2 {
font-size:.3rem;
line-height:1.4rem;
padding-left:1.6rem;
background-size:auto 1.4rem
}
.mod-hd p {
margin-top:-10px;
font-size:.22rem;
padding:0 10px;
line-height:1.5
}
.zx-cover {
padding-bottom:30px
}
.m-zx-bt {
margin-top:20px;
padding:2px 10px 0;
display:flex;
justify-content:space-between;
background:#e94609;
height:40px
}
.m-zx-bt button {
border:0;
background:0;
font-size:.36rem;
position:relative;
outline:0;
color:#fff;
flex-grow:1;
height:40px;
transition:all .3s
}
.m-zx-bt .active {
background:#fff;
color:#e94609
}
.m-zx-inner {
margin:0 10px;
text-align:center;
display:none
}
.m-zx-inner img {
margin-top:10px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
width:100%
}
.m-zx-inner p {
margin-top:10px
}
.join-new {
padding:0 10px
}
.join-new:after {
content:'';
display:block;
clear:both;
height:1px
}
.join-new li {
margin-top:30px
}
.join-new li img {
width:100%
}
.join-new .new-title {
font-size:.3rem;
font-weight:bold;
margin:10px 0
}
.join-new .new-intro {
font-size:.24rem
}
.fx-hd h2 {
color:#333
}
.fx-hd p {
color:#e94609
}
.fx-cover {
padding:0 10px
}
.join-scheme li {
position:relative;
margin-bottom:10px;
font-size:.3rem;
overflow:hidden
}
.join-scheme li:after {
content:"";
display:block
}
.join-scheme li .newPic {
height:100%
}
.join-scheme li .newPic img {
max-width:100%;
max-height:100%
}
.join-scheme li .new-title {
padding:5px 0;
bottom:0;
text-align:center;
color:#333;
width:100%
}
.join-scheme li:nth-child(2) {
margin-left:0
}
.fx-cover .cover-hd {
position:relative;
margin-top:0;
padding-top:.2rem
}
.fx-cover .cover-hd:before {
content:'';
display:block;
left:0;
margin-left:-10px;
margin-right:-10px;
height:.2rem;
background:#f4f4f4
}
.fx-cover .cover-hd, .fx-cover .cover-hd a {
color:#333
}
.cover-hd .cover-hd-title {
font-size:.34rem;
height:2em;
line-height:2em;
margin-top:.3rem
}
.fx-cover .cover-hd .cover-hd-r {
height:2em;
line-height:2em;
margin-top:.3rem
}
.fx-cover .cover-hd .cover-hd-title:after {
background:#e94609
}
.pageTitle {
padding-top:10px!important
}
.fx-cases.swiper-container {
padding-bottom:60px
}
}
.pageTitle {
	padding-top:50px
}
.pageTitle h2 {
	position:relative;
	font-size:24px;
	line-height:100%;
	color:#000;
	text-align:center;
	padding:15px 0
}
.pageTitle h2:after {
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-26px;
	content:"";
	display:block;
	width:52px;
	height:2px;
	background:#e94609
}
.pageTitle p {
	margin-top:10px;
	text-align:center;
	font-size:16px;
	color:#e94609
}
.header {
	z-index:999;
	position:fixed;
	width:100%;
	top:0;
transition:all .2s;
	border-bottom:1px solid #d2d2d2
}
.pc-head .site-nav {
	height:40px;
	font-size:14px;
	line-height:40px;
	background:#111
}
.pc-head .site-nav .iconfont {
	float:left;
	margin-right:5px
}
.pc-head .site-nav-bd {
	box-sizing:border-box;
	max-width:1200px;
	width:99%;
	margin:0 auto
}
.pc-head .site-nav-bd-l {
	float:left;
	color:#888b91
}
.pc-head .site-nav-bd-l .iconfont {
	color:#e94609;
	font-size:22px
}
.pc-head .site-nav-bd-r {
	float:right
}
.pc-head .site-nav-bd-r li {
	float:left;
	color:#fff;
	margin-left:25px
}
.pc-head .site-nav-bd-r a {
	color:#fff
}
.pc-head .site-nav-bd-r a:hover {
	color:#d4d4d4
}
.pc-head .site-nav-bd-r li span {
	font-weight:bold
}
.pc-head .site-nav-bd-r li em {
	font-style:normal;
	cursor:pointer
}
.pc-head .site-nav-bd-r .icon-dianhua {
	font-size:20px
}
.pc-head .site-nav-bd-r .icon-fangdajing {
	cursor:pointer
}
.pc-head .site-nav-bd-r input {
	background:0;
	border:0;
	border-bottom:1px solid #d6d6d6;
	outline:0;
	color:#fff;
	padding-bottom:3px;
	width:0;
transition:all .5s
}
.pc-head .site-nav-bd-r input.active {
	width:12em
}
.pc-head .top-body {
	max-width:1200px;
	height:80px;
	width:99%;
	margin:0 auto
}
.pc-head .top-body .hd-logo {
	float:left;
	height:100%;
	width:165px
}
.pc-head .top-body .hd-logo a:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%
}
.pc-head .top-body .hd-logo img {
	max-height:80%;
	vertical-align:middle
}
.pc-head .top-body .hd-menu {
	float:right
}
.pc-head .hd-menu li {
	float:left;
	padding:0 25px;
	font-size:16px;
	line-height:80px
}
.pc-head .hd-menu li:last-child {
	padding-right:0
}
.pc-head .hd-menu li a {
	color:#2c303b
}
.pc-head .hd-menu li:hover a {
	color:#e94609
}
.pc-head .submenu {
	position:absolute;
	width:100%;
	background:#f7f8fa
}
.pc-head .submenu .icon-guanbi {
	position:absolute;
	right:0;
	top:30px;
	font-size:20px;
	line-height:100%;
	cursor:pointer
}
.pc-head .submenu-item {
	float:right;
	width:850px;
	padding:30px 0;
	display:none
}
.pc-head .submenu-item>a {
	font-weight:bold;
	margin:0 42px 0 0;
	white-space:nowrap;
	line-height:26px
}
.pc-head .new-product {
	border-top:1px solid #c9c9c9;
	padding-top:20px;
	width:100%
}
.pc-head .new-product dt {
	margin-bottom:15px
}
.pc-head .new-product dd {
	height:auto
}
.pc-head .new-product-item {
	width:168px;
	margin-right:30px;
	float:left;
	text-align:center
}
.pc-head .new-product-item span {
	display:inline-block;
	width:168px;
	height:112px;
	margin-bottom:10px
}
.pc-head .new-product-item span:after {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.pc-head .new-product-item span img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle
}
.pc-head dl.new-product dd a {
	color:#333
}
.pc-head dl {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:20px;
	margin-bottom:20px
}
.pc-head dl dt {
	margin-bottom:5px
}
.pc-head dl dt a {
	font-weight:bold
}
.pc-head dl dd {
	height:22px;
	overflow:hidden
}
.pc-head dl dd a {
	float:left;
	margin-right:15px;
	color:#999;
	white-space:nowrap
}
.pc-head dl dd a:hover {
	color:#e94609
}
.m-head.header {
	position:fixed;
	z-index:999;
	width:100%;
	background:#fff;
	top:0
}
.m-head .m-header {
	height:1.16rem;
	padding:0 5px;
	display:flex;
	display:-webkit-flex;
	-webkit-align-items:center;
	align-items:center;
	position:relative
}
.m-head .hd-logo {
	height:80%;
	display:block
}
.m-head .hd-logo img {
	height:100%;
	max-width:none
}
.m-head .tel {
margin-left:.4rem;
padding-left:.4rem;
font-size:.2rem;
	font-weight:bold;
	line-height:1.3;
	border-left:1px solid #d2d2d2
}
.m-head .m-header .searchBtn {
	position:absolute;
	color:#e94609;
	right:3.5em;
	height:1.9em;
	top:50%;
	transform:translateY(-50%)
}
.m-head .searchBtn i {
	font-size:1.4em
}
.m-head .navBtn {
	position:absolute;
	width:1.5em;
	right:5px;
	height:1.7em;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	top:50%;
	transform:translateY(-50%)
}
.m-head .navBtn:after, .m-head .navBtn:before, .m-head .navBtn span {
	width:100%;
	content:"";
	display:block;
	height:2px;
	background:#e94609
}
.m-head .menu {
	display:flex;
	justify-content:center;
	align-items:center;
	background:#222;
height:.96rem
}
.m-head .menu a {
	border-right:1px solid #fff;
	color:#fff;
	width:25%;
	text-align:center
}
.m-head .menu a:last-child {
	border-right:0
}
.m-head .nav {
	position:fixed;
	top:0;
	right:-100%;
	height:100vh;
	background:#fff;
	z-index:999;
	width:70%;
font-size:.34rem;
	z-index:1000;
transition:all .3s
}
.m-head .nav.active {
	right:0
}
.m-head .nav ul {
margin-top:.5rem
}
.m-head .nav ul li {
padding:0 .66rem;
	line-height:1rem;
	position:relative
}
.m-head .nav ul i, .m-head .nav dl i {
	float:right;
	font-size:.8em;
	line-height:100%;
	position:absolute;
right:.66rem;
	top:50%;
	transform:translateY(-50%)
}
.m-head .nav dl {
	position:absolute;
	top:1.16rem;
	width:100%;
	background:#fff;
	bottom:0;
	left:100%;
transition:all .3s
}
.m-head .nav dl.active {
	left:0
}
.m-head .nav dl dt {
padding:0 .66rem;
	line-height:1rem;
	background:#f0f0f0;
	color:#e94609;
	position:relative
}
.m-head .nav dt i {
	position:absolute;
	right:auto;
left:.23rem;
	transform:translateY(-50%) rotate(180deg)
}
.m-head .nav dl ul {
	margin-top:0
}
.m-head .navTop {
	height:1.16rem;
padding:0 .3rem;
	background:#222;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.m-head .navTop .searchBtn {
	position:inherit;
	color:#fff;
font-size:.32rem;
	height:auto
}
.m-head .navTop .searchBtn i {
font-size:.32rem;
	margin-right:5px
}
.m-head .close {
	position:relative;
	width:1.2em;
	height:1.2em
}
.m-head .close:before, .m-head .close:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%) rotate(-45deg)
}
.m-head .close:after {
	transform:translateY(-50%) rotate(45deg)
}
.m-head .searchbox {
	position:fixed;
	top:0;
	left:0;
	right:0;
	padding:0 10px;
	height:100vh;
	background:rgba(0, 0, 0, .8);
	display:none;
	align-items:center;
	justify-content:center;
	z-index:1000
}
.m-head .searchdiv {
	width:100%;
	border-bottom:1px solid #fff;
	display:flex;
	height:40px
}
.m-head .searchbox input {
	background:0;
	border:0;
	outline:0;
	width:100%;
	color:#fff
}
.m-head .searchbox button {
	background:0;
	border:0;
	white-space:nowrap;
	color:#fff
}
.m-head .searchbox i {
	color:#fff;
	position:absolute;
	bottom:30%;
	left:50%;
	transform:translateX(-50%);
font-size:.8rem
}
.footer {
	padding:50px 0 0 0
}
.footer-l {
	float:left
}
.ft-logo {
	margin-bottom:10px
}
.ft-logo img {
	max-width:270px
}
.ft-text {
	color:#666;
	line-height:24px
}
.ft-text b {
	color:#333
}
.ft-text span {
	font-size:18px
}
.qr-code img {
	max-width:125px;
	width:40%
}
.qr-code p {
	display:none
}
.footer-r {
	float:right;
	padding-top:20px;
}
.footer-r dl {
	float:left;
	margin-left:40px
}
.footer-r dt {
	font-size:16px;
	margin-bottom:20px
}
.footer-r a {
	display:block;
	color:#666;
	line-height:26px
}
.website-records {
	text-align:center;
	padding:50px 0 10px 0
}
.website-records a {
	margin:0 10px
}
.copyright {
	text-align:center;
	line-height:45px;
	background:#111;
	color:#fff
}
.copyright a {
	color:#fff
}
.friendlink {
	padding:10px 0;
	text-align:center
}
.friendlink a {
	margin:0 10px
}
@media screen and (max-width:1000px) {
.footer {
border-top:.2rem solid #f4f4f4;
padding-top:30px
}
.footer-l {
float:none;
text-align:center;
padding:0 10px;
font-size:.24rem
}
.website-records {
display:flex;
flex-wrap:wrap;
justify-content:center;
box-sizing:border-box;
padding:30px 10px
}
.website-records a {
max-width:25%;
display:block;
margin:0;
padding:5px;
box-sizing:border-box
}
.copyright {
line-height:1.5;
font-size:.18rem;
padding:10px
}
.qr-code img {
margin:0 10px
}
.qr-code p {
display:block;
text-align:center;
color:#d85d63
}
.footer-r dt {
margin-bottom:0;
margin-top:20px
}
}
.silde-contact {
	position:fixed;
	right:0;
	top:40%;
	transform:translateY(-50%);
	z-index:998
}
.silde-contact li {
	margin:2px 0
}
.silde-contact a {
	text-align:center;
	width:86px;
	height:86px;
	background:rgba(0, 0, 0, 0.8);
	color:#fff;
	font-size:12px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	display:block\9;
	position:relative;
transition:all .3s
}
.silde-contact a span {
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap;
	padding:0 20px;
	display:block;
	height:100%;
	line-height:86px;
	background:#e94609;
	font-size:20px;
	letter-spacing:3px;
	transform:translateX(100%);
transition:all .3s;
	z-index:-1
}
.silde-contact a:hover {
	background:#e94609
}
.silde-contact a:hover span {
	transform:translateX(-86px)
}
.silde-contact .iconfont {
	font-size:30px
}
.silde-contact img {
	width:60px
}
.message-board {
	position:fixed;
	left:0;
	bottom:0;
	z-index:998;
	width:100%;
	background:rgba(0, 0, 0, 0.85)
}
.message-board-inner {
	height:120px
}
.message-board-inner .cover {
	height:100%
}
.message-board-inner .icon-guanbi {
	position:absolute;
	display:block;
	right:0;
	top:10px;
	line-height:100%;
	background:#fff;
	border-radius:50%;
	padding:5px;
	cursor:pointer
}
.message-board-l {
	line-height:40px;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.message-board-l p {
	font-size:32px;
	color:#fff
}
.message-board-inner span {
	font-size:24px
}
.message-board-r {
	line-height:54px;
	position:absolute;
	top:50%;
	right:40px;
	transform:translateY(-50%);
	text-align:right
}
.message-board-r .input-box {
	float:left
}
.message-board-r label {
	display:table;
	line-height:40px;
	width:250px;
	padding-right:10px;
	height:42px;
	border:1px solid #fff;
	color:#fff;
	margin-right:30px
}
.message-board-r label span {
	display:table-cell;
	font-size:16px;
	padding:0 10px;
	width:1%;
	white-space:nowrap
}
.message-board-r label input {
	display:table-cell;
	border:0;
	background:0;
	outline:0;
	width:100%;
	color:#fff;
	font-size:16px
}
.message-board-r input[type="submit"] {
	float:left;
	padding:0 30px;
	border:0;
	height:44px;
	background:#e94609;
	font-size:18px;
	color:#fff;
	-webkit-appearance:none
}
.fixedtool .a-tool {
	color:#fff;
	text-align:center;
	height:44px;
	line-height:44px;
	background:#676767;
	cursor:pointer;
	z-index:998;
	position:fixed;
	right:44px;
	white-space:nowrap;
	transform:translateX(100%);
transition:all .3s
}
.fixedtool .iconfont {
	width:44px;
	height:44px;
	display:inline-block;
	line-height:44px;
	float:left
}
.fixedtool p {
	float:left;
	padding-right:10px
}
.top-back {
	bottom:0
}
.top-back .iconfont {
	font-size:30px
}
.message-btn {
	bottom:44px
}
.message-btn .iconfont {
	font-size:20px
}
.fixedtool .a-tool:hover {
	transform:translateX(44px)
}
.qr {
	position:relative;
	width:86px;
	height:86px
}
.qr a {
	right:0;
	position:absolute
}
.qr a:hover {
	width:172px;
	height:190px;
	z-index:1;
	background:rgba(0, 0, 0, 0.8)
}
.qr a:hover img {
	width:172px
}
@media screen and (min-width:1000px) {
.m-shade {
display:none
}
.message-board {
left:-100%;
transition:all .3s
}
.conloginmin {
display:block;
position:fixed;
left:-100%;
bottom:0;
transition:all .3s;
cursor:pointer;
z-index:1008;
}
.show-message {
left:0
}
}
@media screen and (max-width:1000px) {
.message-board {
background:#fff;
height:auto;
width:90%;
left:5%;
top:40%;
bottom:auto;
z-index:1000;
display:none
}
.show-message {
display:block
}
.conloginmin {
display:none
}
.message-board-inner {
padding:20px;
height:auto
}
.message-board-l, .message-board-r {
position:inherit;
transform:translateY(0);
line-height:inherit;
right:auto
}
.message-board-l p {
font-size:.36rem;
color:#000
}
.message-board-inner span {
font-size:.24rem
}
.message-board-r {
position:relative;
padding-bottom:30px
}
.message-board-r label {
border-color:#dfdfdf;
color:#666;
width:100%;
margin:0;
margin-top:10px;
box-sizing:border-box
}
.message-board-r label span {
font-size:14px
}
.message-board-r label input {
color:#333;
font-size:14px;
line-height:40px
}
.message-board-r input[type="submit"] {
width:100%;
padding:0;
margin-top:10px
}
.message-board-r span.red {
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center
}
.message-board-inner .icon-guanbi {
top:auto;
right:50%;
transform:translateX(50%);
bottom:-60px
}
.fixedtool .a-tool {
background:rgba(0, 0, 0, 0.6)
}
}
.pageBanner {
	height:400px;
	color:#fff;
	position:relative
}
.pageBanner .cover {
	display:flex;
	align-items:center;
	height:100%
}
.slogan {
	width:50%
}
.pageBanner .pageTitle {
	display:inline-block;
	border-bottom:1px solid #fff;
	padding-bottom:30px;
	padding-top:0!important
}
.pageBanner .pageTitle h1 {
	font-size:48px;
	display:inline-block
}
.pageBanner .pageTitle span {
	padding-left:20px;
	font-size:20px;
	display:inline-block
}
.vice-title {
	padding:30px 0;
	font-size:24px;
	position:relative
}
.vice-title:before {
	position:absolute;
	content:'';
	display:block;
	width:68px;
	height:3px;
	background:#fff;
	top:-1px
}
.pageBanner .describe {
	padding-bottom:30px;
	font-size:16px;
	line-height:1.5;
	position:relative
}
.pageBanner .describe:after {
	position:absolute;
	content:'';
	display:block;
	width:68px;
	height:3px;
	background:#fff;
	bottom:0
}
@media screen and (max-width:1000px) {
.pageBanner {
height:5rem;
background-size:auto 100%;
background-position:center
}
.slogan {
width:80%;
margin-left:10px
}
.pageBanner .pageTitle {
padding-bottom:.3rem
}
.pageBanner .pageTitle h1 {
font-size:.48rem
}
.pageBanner .pageTitle span {
font-size:.2rem
}
.pageBanner .vice-title {
font-size:.24rem;
padding:.3rem 0
}
.pageBanner .describe {
font-size:.2rem;
padding-bottom:.3rem
}
}
.about .cover {
	position:relative
}
.information {
	transform:translateY(-22%);
	background:rgba(0, 0, 0, .3);
	box-shadow:0 5px 13px rgba(0, 0, 0, 0.16)
}
.information+div {
	position:relative;
	top:-60px
}
.information li {
	box-sizing:border-box;
	float:left;
	width:25%;
	text-align:center;
	border-right:1px solid #eaeaea;
	padding:45px 0
}
.information li:last-child {
	border-right:0
}
.information li .t-num {
	font-size:48px;
	color:#e94609
}
.information li p {
	font-size:18px
}
@media screen and (max-width:1000px) {
.information {
margin:0 10px;
transform:translateY(-30%)
}
.information li {
width:50%;
padding:.45rem 0;
border-top:1px solid #eaeaea
}
.information li .t-num {
font-size:.48rem
}
.information li p {
font-size:.18rem
}
.information+div {
top:-60px
}
}
.joinHotline {
	text-align:center;
	font-size:22px;
	line-height:2;
	padding:30px 0
}
.joinHotline img {
	margin-bottom:20px;
	max-width:250px;
	width:60%
}
@media screen and (max-width:1000px) {
.joinHotline {
font-size:.3rem;
padding:.3rem 0
}
}
.about-info {
	position:relative;
	padding-top:40px;
	overflow:hidden
}
.about-info h3 {
	font-size:24px;
	margin-bottom:15px
}
.about-info p {
	padding-bottom:10px;
	line-height:24px
}
@media screen and (max-width:1000px) {
.about-info {
padding:40px 10px 0 10px
}
}
.cd-timeline {
	margin-top:40px;
	position:relative;
	padding-bottom:100px
}
.cd-timeline::before {
content:'';
position:absolute;
top:0;
height:100%;
width:1px;
background:#747474;
left:50%
}
.cd-timeline::after {
content:'';
position:absolute;
top:0;
height:16px;
width:16px;
left:50%;
margin-left:-8px;
border-radius:50%;
border:1px solid #282828;
background:#fff
}
.cd-timeline-block {
	position:relative;
	top:80px;
	width:50%;
	margin-bottom:40px;
	cursor:pointer
}
.cd-timeline-block::before {
content:'';
position:absolute;
top:0;
height:16px;
width:16px;
right:0;
margin-right:-12px;
border-radius:50%;
border:4px solid #f6d8d9;
background:#e94609
}
.cd-timeline-block::after {
content:'';
display:block;
clear:both
}
.cd-timeline-img {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:23%
}
.cd-timeline-content {
	float:right;
	width:80%;
	padding-right:13%;
	text-align:right
}
.cd-timeline-block:nth-child(even) {
left:50%
}
.cd-timeline-block:nth-child(even)::before {
right:100%
}
.cd-timeline-block:nth-child(even) .cd-timeline-img {
right:0
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float:left;
padding-right:0;
padding-left:13%;
text-align:left
}
.cd-date {
	font-size:24px;
	color:#000;
	line-height:100%;
	padding-bottom:24px;
	display:block
}
.cd-timeline-block:hover .cd-timeline-content:before {
	position:absolute;
	right:6.5%;
	top:50%;
	margin-right:-11px;
	margin-top:-9px;
	content:'';
	background:url(../images/arrow_r.png);
	display:block;
	width:22px;
	height:18px
}
.cd-timeline-block:nth-child(even):hover .cd-timeline-content:before {
position:absolute;
left:6.5%;
margin-left:-11px;
right:0;
margin-right:0;
transform:rotateY(180deg)
}
.tomorrow {
	font-size:18px;
	text-align:center;
	margin:30px 0
}
.timeline-pop {
	display:none;
	position:relative;
	z-index:999
}
.timeline-pop .pop-shade {
	display:block
}
.pop-up-box {
	position:fixed;
	top:150px;
	left:50%;
	margin-left:-395px;
	background:#fff;
	width:550px;
	max-height:calc(100% - 300px);
	z-index:1000;
	overflow-y:auto;
	padding:120px;
	padding-top:0
}
.pop-up-box::-webkit-scrollbar {
width:4px
}
.pop-up-box::-webkit-scrollbar-track {
background-color:#565656;
-webkit-border-radius:2em;
-moz-border-radius:2em;
border-radius:2em
}
.pop-up-box::-webkit-scrollbar-thumb {
background-color:#ececec;
-webkit-border-radius:2em;
-moz-border-radius:2em;
border-radius:2em
}
.pop-up-date {
	font-size:26px;
	text-align:center;
	display:block;
	padding-bottom:20px;
	font-weight:bold;
	margin-top:50px
}
.timeline-pop .close {
	display:block;
	position:fixed;
	top:150px;
	left:50%;
	width:18px;
	height:18px;
	margin-left:365px;
	margin-top:10px;
	z-index:1001;
	cursor:pointer
}
.close:before, .close:after {
	content:'';
	display:block;
	position:absolute;
	top:9px;
	width:100%;
	height:1px;
	background:#333;
	transform:rotate(45deg)
}
.close:after {
	transform:rotate(-45deg)
}
.team {
	position:relative;
	padding-top:40px;
	text-align:center
}
.team .describe {
	font-size:16px;
	color:#000;
	text-align:left
}
.team .team-list li {
	width:30%;
	float:left;
	text-align:center;
	border:1px solid #e3e3e3;
	box-sizing:border-box;
	margin-top:4%;
transition:all .5s;
	cursor:pointer
}
.team-list li:nth-child(3n-1) {
margin:0 5%;
margin-top:4%
}
.team-list li:hover {
	box-shadow:0 5px 13px rgba(0, 0, 0, .16)
}
.team .item-img {
	position:relative;
	padding-bottom:100%;
	overflow:hidden
}
.team .item-img img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	max-height:100%;
	max-width:none
}
.team .item-name {
	font-size:20px;
	padding-top:10px;
	line-height:100%
}
.team .item-job {
	padding:10px 0
}
.team .item-intro {
	color:#999;
	height:42px;
	padding:0 10px 10px 10px;
	overflow:hidden
}
.LoadMore {
	text-align:center;
	padding:30px 0
}
.moreBtn {
	display:inline-block;
	width:140px;
	height:50px;
	background:#e04e54;
	border:0;
	color:#fff;
transition:all .5s;
	cursor:pointer;
	outline:0;
	text-align:center;
	line-height:50px
}
.moreBtn:hover {
	background:#e94609;
	color:#fff
}
.teamView {
	margin-top:40px;
	position:relative;
	padding-bottom:60px
}
.teamView .nameJob {
	font-size:16px;
	padding-bottom:20px
}
.teamView .team-info h3 {
	font-size:24px;
	margin-bottom:15px
}
.teamView .team-info p {
	padding-bottom:10px;
	text-indent:2em;
	line-height:24px
}
.teamView .team-list li {
	width:30%;
	float:left;
	text-align:center;
	border:1px solid #e3e3e3;
	box-sizing:border-box;
	margin-bottom:4%;
transition:all .5s;
	cursor:pointer
}
.teamView .team-list li:nth-child(3n-1) {
margin:0 5%;
margin-bottom:4%
}
.teamView .team-list li:hover {
	box-shadow:0 5px 13px rgba(0, 0, 0, .16)
}
.teamView .item-img {
	position:relative;
	height:276px;
	overflow:hidden
}
.teamView .item-img img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	max-height:100%;
	max-width:none
}
.teamView .item-name {
	font-size:20px;
	padding-top:10px;
	line-height:100%
}
.teamView .item-job {
	padding:10px 0
}
.teamView .item-intro {
	color:#999;
	height:42px;
	padding:0 10px 10px 10px;
	overflow:hidden
}
.GeneralProduct {
	text-align:center
}
.GeneralProduct-list {
	margin-top:50px
}
.GeneralProduct-list li {
	float:left;
	width:49%;
	margin-bottom:20px
}
.GeneralProduct-list li:nth-child(2n) {
margin-left:2%
}
.product-item {
	background:#fff;
	height:780px;
transition:all .5s;
	position:relative;
	cursor:pointer
}
.product-info {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:16px;
	color:#fff;
	background:rgba(0, 0, 0, .5);
	padding:5px 0
}
@media screen and (max-width:1000px) {
.GeneralProduct-list {
padding:0 8px
}
.GeneralProduct-list li {
width:100%;
margin-bottom:10px
}
.GeneralProduct-list li:nth-child(2n) {
margin-left:0
}
.product-item {
height:auto
}
.product-info .name {
font-size:.4rem
}
.product-item .hot {
width:20%
}
}
.newProduct {
	padding:40px 0 60px 0;
	text-align:center
}
.newProduct-list>li {
	border:1px solid #c4c4c4;
	position:relative;
	margin-bottom:26px;
	text-align:left;
transition:all .5s;
	cursor:pointer
}
.newProduct-list>li:hover {
	box-shadow:0 5px 13px rgba(0, 0, 0, .16)
}
.newProduct-list .ad-pic {
	width:60%;
	position:relative;
	padding-bottom:35.4%;
	overflow:hidden
}
.newProduct-list .ad-pic img {
	width:100%;
	position:absolute;
	left:0
}
.newProduct-list .ad-inner {
	width:30%;
	text-align:left;
	position:absolute;
	left:60%;
	top:50%;
	transform:translateY(-50%);
	padding:0 5%
}
.newProduct-list .ad-bt {
	font-size:24px;
	margin-bottom:36px
}
.newProduct-list p {
	font-size:14px;
	color:#999;
	max-height:64px;
	overflow:hidden
}
.newProduct-list li:nth-child(even) {
text-align:right
}
.newProduct-list li:nth-child(even) .ad-inner {
left:0
}
.newProduct-list li:nth-child(even) .ad-pic {
left:40%
}
.newProduct-list ol {
	margin-top:40px
}
.newProduct-list ol li {
	float:left;
	margin-right:26px;
	padding-left:15px;
	color:#e94609;
	border:0;
	position:relative
}
.newProduct-list ol li::before {
content:'';
display:block;
border-radius:50%;
width:8px;
height:8px;
background:#e94609;
position:absolute;
left:0;
top:50%;
margin-top:-4px
}
@media screen and (max-width:1000px) {
.newProduct {
background:#eaeaea;
margin:40px 0 0 0;
padding-top:0
}
.newProduct-list>li {
margin-bottom:10px;
background:#fff;
padding-bottom:.1rem;
border-color:#d8d8d8
}
.newProduct-list .ad-pic {
width:100%;
padding:0;
position:initial
}
.newProduct-list .ad-pic img {
position:initial
}
.newProduct-list .ad-inner {
position:initial;
width:100%;
box-sizing:border-box;
transform:translateY(0)
}
.newProduct-list .ad-bt {
font-size:.36rem;
margin:.36rem 0 0 0
}
.newProduct-list ol {
margin-top:.2rem;
margin-bottom:.2rem
}
}
.productDetail .product-name {
	font-size:26px;
	font-weight:bold
}
.productDetail .product-show {
	border:1px solid #cfcfcf;
	margin-top:20px
}
.productDetail .swiper-slide {
	text-align:center
}
.productDetail .product-show .swiper-button-black {
	opacity:.2
}
.productDetail .product-show .swiper-button-black:hover {
	opacity:.6
}
.productDetail .product-show .swiper-button-disabled {
	opacity:.2
}
.productDetail .relative .swiper-button-black {
	opacity:.6;
	transform:scale(0.8)
}
.productDetail .relative .swiper-button-disabled {
	opacity:.2
}
.productDetail .product-inner {
	padding:30px 0;
	font-size:18px;
	color:#666
}
.productDetail .share dt {
	float:left;
	display:inline-block;
	font-size:18px
}
.productDetail .share dd {
	display:inline-block
}
.productDetail .share a {
	float:left;
	display:block;
	height:26px;
	margin-right:15px;
	background:0;
	margin:0;
	padding:0;
	margin-right:15px;
	font-size:26px;
	line-height:26px;
	color:#7f7f7f
}
.productDetail .relative {
	margin-top:-20px
}
.productDetail .product-other {
	margin:0 40px
}
.productDetail .product-item {
	height:230px;
	margin:20px
}
@media screen and (max-width:1000px) {
.productDetail .product-name {
font-size:.36rem;
margin-top:20px;
margin:20px 10px 0 10px
}
.productDetail .product-show {
margin:.2rem 10px
}
.productDetail .hot {
width:25%
}
.productDetail .product-inner, .productDetail .share {
padding:10px;
font-size:14px
}
.productDetail .other-related {
margin-top:1rem;
border-top:10px solid #f1f1f1;
padding:0 10px
}
.productDetail .other-related:after {
left:10px;
width:1.5em
}
.productDetail .product-other {
margin:0 20px
}
.productDetail .relative .swiper-button-black, .productDetail .product-show .swiper-button-black {
transform:scale(0.5)
}
.productDetail .product-info a {
line-height:.4rem
}
}
.crumbs {
	margin:30px auto;
	padding-left:15px;
	background:url(../images/home.png) no-repeat
}
.crumbs a {
	margin:0 5px
}
.crumbs a:last-child {
	color:#e94609
}
@media screen and (max-width:1000px) {
.crumbs {
display:none
}
}
.project {
	margin-top:40px
}
.project li {
	margin-bottom:60px
}
.project .title, .kernel {
	font-size:18px;
	font-weight:bold
}
.project .info {
	display:table;
	padding:30px 0
}
.project span {
	display:table-cell;
	white-space:nowrap
}
.project p {
	display:table-cell
}
.decorationEffect {
	text-align:center
}
.decorationEffect .title {
	text-align:center;
	font-size:18px;
	color:#c51720;
	margin:45px auto
}
.shop-style li {
	width:31%;
	float:left;
	overflow:hidden;
	position:relative;
transition:all .5s;
	cursor:pointer;
	margin-bottom:3%
}
.shop-front li:after {
	content:'';
	display:block;
	width:100%;
	padding-bottom:133%
}
.shop-style li img {
	position:absolute;
	left:0;
	top:0;
	width:100%
}
.shop-style li p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:18px;
	padding:10px 0;
	color:#333;
	background:rgba(167, 167, 167, 0.86);
transition:all .5s;
	transform:translateY(100%)
}
.shop-style li:hover {
	box-shadow:0 5px 20px rgba(0, 0, 0, 0.36)
}
.shop-style li:hover p {
	transform:translateY(0)
}
.shop-front li:nth-child(3n-1) {
margin:0 3%
}
.shop-style-slide {
	position:fixed;
	top:10%;
	left:0;
	z-index:1000;
	text-align:center;
	width:100%;
	color:#fff;
	height:80%
}
.shop-style-slide p {
	font-size:24px;
	height:10%;
	display:flex;
	align-items:center;
	justify-content:center
}
.shop-style-slide img {
	max-height:100%;
	vertical-align:middle
}


.shop-style1 li {
	width:31%;
	float:left;
	overflow:hidden;
	position:relative;
transition:all .5s;
	cursor:pointer;
	margin-bottom:3%
}
.shop-front1 li:after {
	content:'';
	display:block;
	width:100%;
	padding-bottom:58%
}
.shop-style1 li img {
	position:absolute;
	left:0;
	top:0;
	width:100%
}
.shop-style1 li p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:18px;
	padding:10px 0;
	color:#333;
	background:rgba(167, 167, 167, 0.86);
transition:all .5s;
	transform:translateY(100%)
}
.shop-style1 li:hover {
	box-shadow:0 5px 20px rgba(0, 0, 0, 0.36)
}
.shop-style1 li:hover p {
	transform:translateY(0)
}
.shop-front1 li:nth-child(3n-1) {
margin:0 3%
}
.shop-style-slide1 {
	position:fixed;
	top:10%;
	left:0;
	z-index:1000;
	text-align:center;
	width:100%;
	color:#fff;
	height:80%
}
.shop-style-slide1 p {
	font-size:24px;
	height:10%;
	display:flex;
	align-items:center;
	justify-content:center
}
.shop-style-slide1 img {
	max-height:100%;
	vertical-align:middle
}

222
.shop-style1 li {
	width:31%;
	float:left;
	overflow:hidden;
	position:relative;
transition:all .5s;
	cursor:pointer;
	margin-bottom:3%
}
.shop-front1 li:after {
	content:'';
	display:block;
	width:100%;
	padding-bottom:58%
}
.shop-style1 li img {
	position:absolute;
	left:0;
	top:0;
	width:100%
}
.shop-style1 li p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:18px;
	padding:10px 0;
	color:#333;
	background:rgba(167, 167, 167, 0.86);
transition:all .5s;
	transform:translateY(100%)
}
.shop-style1 li:hover {
	box-shadow:0 5px 20px rgba(0, 0, 0, 0.36)
}
.shop-style1 li:hover p {
	transform:translateY(0)
}
.shop-front1 li:nth-child(3n-1) {
margin:0 3%
}
.shop-style-slide1 {
	position:fixed;
	top:10%;
	left:0;
	z-index:1000;
	text-align:center;
	width:100%;
	color:#fff;
	height:80%
}
.shop-style-slide1 p {
	font-size:24px;
	height:10%;
	display:flex;
	align-items:center;
	justify-content:center
}
.shop-style-slide1 img {
	max-height:100%;
	vertical-align:middle
}

.showfront {
	width:100%;
	max-width:1200px;
	height:80%
}
.showfront .swiper-slide:after {
	content:"";
	vertical-align:middle;
	display:inline-block;
	height:100%
}
.showfront .swiper-pagination-fraction {
	position:initial;
	font-size:18px;
	height:10%
}
.showfront .swiper-pagination-fraction>:first-child {
	font-size:30px
}
@media screen and (max-width:1000px) {
.shop-style li {
width:90%;
margin:0 5%;
border:0;
margin-bottom:20px
}
.shop-front li:nth-child(3n-1) {
margin:0 5%;
margin-bottom:20px
}
.shop-style li p {
transform:translateY(0)
}
.shop-style1 li {
width:90%;
margin:0 5%;
border:0;
margin-bottom:20px
}
.shop-front1 li:nth-child(3n-1) {
margin:0 5%;
margin-bottom:20px
}
.shop-style1 li p {
transform:translateY(0)
}
.showfront .swiper-container {
height:auto
}
.shade {
background:rgba(0, 0, 0, 0.8)
}
}
.cartoon .describe {
	text-align:center;
	padding:0 35px;
	margin-top:30px
}
.brand-style h2 {
	text-align:center;
	font-size:24px;
	color:#c51720;
	margin:60px 0
}
.brand-style li {
	float:left;
	height:235px;
	width:50%;
	position:relative;
	padding:40px 0
}
.brand-logo {
	width:50%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.brand-logo img {
	max-height:100%;
	max-width:100%
}
.brand-intro {
	position:absolute;
	width:45%;
	top:50%;
	left:55%;
	transform:translateY(-50%)
}
.brand-intro b {
	font-size:24px;
	padding-bottom:10px;
	display:block;
	color:#cb1e27
}
@media screen and (max-width:1000px) {
.brand-style li {
width:100%;
padding:10px 0
}
.brand-logo {
position:initial;
transform:none;
width:auto;
text-align:left;
height:100%
}
.brand-style li {
font-size:18px;
height:175px
}
.brand-intro b {
font-size:18px
}
}
.brandVI {
	margin-top:40px;
	text-align:center
}
.brandVI li {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #d6d6d6
}
.brandIP {
	text-align:center;
	margin-top:60px
}
.setbase h2 {
	text-align:center;
	font-size:24px;
	color:#c51720;
	margin:60px 0
}
.setbase li {
	float:left;
	width:50%;
	position:relative;
	margin-bottom:90px
}
.ip-style {
	position:absolute;
	left:0;
	height:100%;
	width:50%
}
.ip-style img {
	vertical-align:middle
}
.ip-style:after {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.ip-intro {
	float:right;
	width:50%;
	text-align:left;
	line-height:1.3
}
.ip-intro em {
	font-style:inherit
}
.ip-intro .name {
	font-size:24px;
	padding-bottom:18px
}
.ip-intro .name span {
	font-size:16px
}
.ip-intro p {
	display:table
}
.ip-intro p span {
	display:table-cell;
	white-space:nowrap
}
.ip-intro p.character {
	margin-top:16px
}
.ip-intro p.character span {
	display:block
}
.newMarket {
	padding-top:40px;
	line-height:26px;
	text-align:center
}
.newMarket li {
	float:left;
	width:48%;
	margin-bottom:4%;
	text-align:left;
	position:relative;
	cursor:pointer
}
.newMarket li:nth-child(2n) {
margin-left:4%
}
.newMarket li .newProPic {
transition:all .5s;
	position:relative;
	padding-bottom:59%;
	overflow:hidden
}
.newMarket li .newProPic img {
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.newMarket li:hover .newProPic {
	box-shadow:0 5px 13px rgba(0, 0, 0, .3)
}
.newMarket p {
	font-weight:bold;
	margin-top:15px
}
.newMarket span {
	color:#999
}
.newMarket li em {
	position:absolute;
	right:-2.2%;
	top:-2.2%;
	width:18%
}
@media screen and (max-width:1000px) {
.newMarket li {
width:100%;
padding:0 10px;
box-sizing:border-box
}
.newMarket li em {
right:.6%
}
.newMarket li:nth-child(2n) {
margin-left:0
}
}
.market-info {
	border:1px solid #e1e1e1;
	padding:30px
}
.market-info h1 {
	font-size:22px;
	padding-bottom:20px;
	font-weight:bold
}
.market-info-head {
	text-align:center;
	padding-top:20px
}
.market-info-head span {
	color:#999;
	margin:0 30px;
	line-height:20px;
	padding-bottom:25px;
	display:inline-block
}
.market-info-head span i {
	margin-right:5px;
	font-size:20px;
	color:#ababab;
	float:left
}
.market-info-body {
	padding:10px 0
}
.page-turning {
	margin-top:50px;
	padding:30px 0;
	border-top:1px solid #e1e1e1
}
.page-turning .paging {
	float:left;
	width:50%
}
.page-turning .paging a {
	display:inline-block;
	width:165px;
	height:45px;
	text-align:center;
	line-height:45px;
	margin-bottom:20px;
	border:1px solid #b3b3b3;
transition:all .3s
}
.page-turning .paging a:hover {
	color:#fff;
	border-color:#c51720;
	background:#c51720
}
.page-turning .paging p {
transition:all .3s
}
.page-turning .paging a:hover+p {
	color:#c51720
}
.page-turning .page-next {
	text-align:right
}
@media screen and (max-width:1000px) {
.market-info {
padding:10px
}
.market-info img {
height:auto !important;
}
.market-info h2 {
font-size:20px
}
.market-info-head span {
margin:0 5px;
padding-bottom:10px
}
}
.trill {
	padding-top:40px;
	line-height:26px;
	text-align:center
}
.trill li {
	float:left;
	width:48%;
	margin-bottom:4%;
	text-align:left;
	position:relative;
	cursor:pointer
}
.trill li:nth-child(2n) {
margin-left:4%
}
.trill li .newProPic {
transition:all .5s;
	position:relative;
	padding-bottom:61%;
	overflow:hidden
}
.trill li .newProPic img {
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.trill li:hover .newProPic {
	box-shadow:0 5px 13px rgba(0, 0, 0, 0.3)
}
.trill ul p {
	font-weight:bold;
	margin-top:15px
}
.trill-info {
	text-align:center;
	color:#666;
	margin-bottom:50px
}
.trill ul li span {
	display:block;
	width:100%;
	padding-bottom:56%;
	position:relative
}
.trill ul img {
	width:100%;
	height:100%;
	display:block;
	position:absolute
}
.videoPop {
	position:relative;
	z-index:999;
	display:none
}
.videoPop .shade {
	display:block
}
.videoPop .trill-video {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000
}
.videoPop .trill-video video {
	position:relative;
	top:50%;
	width:auto;
	transform:translateY(-50%);
	background:#000
}
.trill .shade {
	background:#191919
}
.Credit {
	margin:40px 0
}
.description p {
	text-indent:2em;
	line-height:30px
}
.Credit ul {
	margin-top:50px;
	border-top:1px solid #cfcfcf
}
.Credit li {
	text-align:center;
	margin-top:40px
}
.Credit li .title {
	font-size:18px;
	padding:10px 0;
	font-weight:bold
}
.Credit li a {
	font-size:18px;
	color:#47a5ff;
	text-decoration:underline;
	background:url(../images/site.png) no-repeat left center;
	padding-left:25px
}
.Credit li .img {
	margin:25px 0
}
@media screen and (max-width:1000px) {
.Credit {
padding:0 10px
}
}
.program {
	margin:40px 0
}
.program p {
	text-indent:2em
}
.program-item {
	padding-bottom:20px
}
.program-item dt {
	position:relative;
	border:1px solid #d9d9d9;
	padding-bottom:35%;
	margin:4% 0
}
.program-item .swiper-container {
	position:absolute;
	width:60%;
	height:100%
}
.program-item-intro {
	width:40%;
	left:60%;
	height:100%;
	position:absolute
}
.program-item-intro .name {
	margin:0 15%;
	font-size:18px;
	font-weight:bold;
	margin-bottom:50px
}
.program-item-intro p {
	margin:5px 15%;
	text-indent:0
}
.v-middle {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.program-item dd .title {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold
}
@media screen and (max-width:1000px) {
h3 {
padding:0 10px;
font-size:.38rem;
font-weight:400
}
.program p {
padding:0 10px
}
.program-item dt {
padding-bottom:0;
border:0
}
.program-item {
padding:0 10px;
margin-top:10px;
border-top:10px solid #f1f1f1
}
.program-item .swiper-container {
position:relative;
width:100%
}
.program-item-intro, .v-middle {
width:100%;
position:initial;
transform:translateY(0)
}
.program-item-intro .name {
margin:10px 0
}
.program-item-intro p, .program-item dd p {
margin:0;
padding:0
}
.program-item dd .title {
font-size:16px;
margin-bottom:.2rem;
font-weight:400
}
}
.page-qrcode {
	border-top:1px solid #dfdfdf;
	text-align:center;
	padding:48px 0;
	margin-top:40px
}
.page-qrcode p {
	text-indent:0;
	padding-bottom:30px
}
.page-qrcode .tel {
	margin-top:20px
}
.page-qrcode .tel p {
	text-align:center;
	font-size:18px;
	font-weight:100;
	padding-bottom:10px
}
.page-qrcode img {
	max-width:320px
}
@media screen and (max-width:1000px) {
.page-qrcode {
padding:0
}
.page-qrcode p {
padding:0 10px
}
.page-qrcode .tel {
margin-bottom:20px
}
.page-qrcode .tel p {
font-size:.3rem
}
.page-qrcode hr {
border-top:10px solid #f1f1f1;
background:0;
margin-bottom:.5rem
}
.page-qrcode img {
max-width:80%
}
}
.example {
	margin-top:40px
}
.example .title {
	text-align:center;
	font-size:18px;
	color:#c51720;
	font-weight:bold
}
.example-item {
	margin-bottom:80px
}
.example .example-pic {
	text-align:center;
	margin:40px 0
}
.example-info p {
	display:table;
	margin-bottom:5px
}
.example-info span:first-child {
	white-space:nowrap
}
.example-info span {
	display:table-cell
}
.join-in {
	margin-top:40px
}
.join-in .title {
	font-size:16px;
	color:#e94609;
	text-align:center
}
.layui-form {
	max-width:720px;
	width:100%;
	margin:0 auto;
	margin-top:50px
}
.join-in .wechat {
	text-align:center;
	color:#c9151e;
	margin-top:80px
}
.join-in .wechat span {
	padding-top:30px;
	max-width:160px;
	width:calc(50% - 80px);
	display:inline-block;
	margin:0 30px;
	font-size:20px;
	color:#333;
	line-height:2
}
.counties-box {
	display:none
}
.layui-form-label.required:before {
	content:"*";
	color:#f56c6c;
	margin-right:4px
}
@media screen and (max-width:1000px) {
.join-in {
padding:0 10px
}
.join-in .wechat span {
max-width:calc(50% - 30px);
margin:0 10px;
font-size:12px
}
}
.train {
	margin-top:40px;
	text-align:center
}
.train li {
	text-align:left;
	margin-bottom:60px
}
.train .title {
	font-size:24px;
	margin-bottom:20px
}
.train .trainPic {
	width:45%;
	float:left
}
.train .train-info {
	width:50%;
	float:left;
	margin:5% 0 0 5%
}
.train .train-info .train-name {
	font-size:18px;
	color:#e94609;
	font-weight:bold
}
.train .train-info .train-inner {
	line-height:3;
	margin-top:5%
}
.train .train-info .train-inner p {
	text-indent:2em
}
.FAQ {
	text-align:center
}
.el-collapse-item {
	border-bottom:1px solid #ebeef5
}
.el-collapse {
	border-top:1px solid #ebeef5
}
.el-collapse-item__header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	height:48px;
	line-height:48px;
	background-color:#fff;
	color:#303133;
	cursor:pointer;
	font-size:13px;
	font-weight:500;
transition:border-bottom-color .3s;
	outline:0
}
.el-collapse {
	margin-top:40px;
	text-align:left
}
.el-collapse-item__header span {
	color:#e94609;
	font-weight:bold
}
.newlist {
	margin-top:40px
}
.newlist li {
	margin-bottom:60px
}
.newlist .newPic {
	float:left;
	width:35%;
	overflow:hidden;
	position:relative
}
.newlist .newPic:after {
	content:'';
	display:block;
	padding-bottom:68%
}
.newlist .newPic img {
	max-width:none;
	height:100%;
	position:absolute;
	left:50%;
	transform:translateX(-50%)
}
.newlist .new-inner {
	float:left;
	width:60%;
	margin-left:5%
}
.newlist .new-inner .new-title {
	font-size:16px;
	font-weight:bold;
	padding-top:15px
}
.newlist .new-inner .new-date {
	color:#999;
	line-height:40px
}
.newlist .new-inner .new-intro {
	height:66px;
	margin:4% 0;
	overflow:hidden
}
.newlist .new-inner a.btn {
	display:block;
	width:210px;
	height:43px;
	text-align:center;
	line-height:43px;
	color:#999;
	border:1px solid #c7c7c7;
transition:all .3s
}
.newlist .new-inner a.btn:hover {
	background:#e94609;
	color:#fff;
	border:1px solid #e94609
}
@media screen and (max-width:1000px) {
.newlist {
background:#f1f1f1
}
.newlist li {
padding:10px;
background:#fff;
margin-bottom:10px
}
.newlist .newPic {
width:100%
}
.newlist .newPic img {
height:auto;
width:100%;
position:initial;
transform:translate(0)
}
.newlist .newPic:after {
display:none
}
.newlist .new-inner {
width:100%;
margin-left:0
}
.newlist .new-inner .new-intro {
margin:0;
height:64px
}
.newlist .new-inner a.btn {
margin:20px auto;
border:0;
background:#e94609;
color:#fff;
width:180px;
height:36px;
line-height:36px
}
}
.news .newMarket span {
	color:#999;
	line-height:1.5;
	display:block;
	height:42px;
	overflow:hidden
}
.back-list {
	position:absolute;
	text-align:center;
	left:50%;
	transform:translateX(-50%)
}
.back-list i {
	font-size:26px
}
@media screen and (max-width:1000px) {
.back-list {
display:none
}
}
.contactus {
	margin:40px 0
}
.contactus .intro {
	text-align:center;
	font-size:20px;
	font-weight:bold
}
#allmap {
	width:100%;
	height:520px;
	overflow:hidden;
	margin-top:40px
}
.here h3 {
	text-align:center;
	font-size:20px;
	margin-top:80px;
	font-weight:bold
}
.here-info {
	float:left;
	width:40%;
	line-height:30px
}
.here-info .title {
	font-size:18px;
	font-weight:bold;
	margin:50px 0 20px 0
}
#companymap {
	float:right;
	width:55%;
	height:320px;
	overflow:hidden;
	margin-top:40px
}
.contactus .share .bdsharebuttonbox a {
	display:inline-block;
	height:26px;
	color:#7f7f7f;
	background:0;
	margin:0;
	padding:0;
	margin-right:15px;
	margin-top:20px;
	font-size:26px;
	line-height:26px
}
.contactus .tel {
	padding:50px 0;
	text-align:center;
	font-size:24px;
	color:#e94609;
	line-height:2
}
@media screen and (max-width:1000px) {
.contactus .intro {
font-size:.3rem
}
#allmap {
width:calc(100% - 20px);
margin:0 10px;
height:6rem
}
.here {
padding:10px;
display:table;
width:calc(100% - 20px)
}
.here-info {
float:none;
width:100%;
display:table-footer-group
}
#companymap {
width:100%;
height:6rem;
display:table-header-group
}
}
.searchBox {
	height:56px;
	width:80%;
	margin:0 auto
}
.searchBox input {
	float:left;
	width:calc(100% - 120px);
	height:54px;
	border:1px solid #d7d7d7;
	border-right:0;
	vertical-align:top;
	text-indent:2em
}
.searchBox button {
	height:56px;
	border:0;
	background:#c9151e;
	color:#fff;
	padding:0 30px;
	font-size:16px;
	cursor:pointer
}
.result {
	margin:47px 0
}
.result span {
	color:#c9151e
}
.search-result li {
	float:left;
	width:31%;
	font-size:16px;
	line-height:3.5;
	font-weight:bold;
	margin-bottom:20px;
	cursor:pointer
}
.search-result li:nth-child(3n-1) {
margin:0 2%
}
.search-result li .img, .null-result .swiper-slide .img {
	padding-bottom:94%;
	position:relative;
	border:1px solid #d4d4d4;
transition:all .5s
}
.search-result li img, .null-result .swiper-slide img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-height:100%
}
.search-result li:hover .img, .null-result .swiper-slide:hover .img {
	box-shadow:0 5px 13px rgba(0, 0, 0, 0.16)
}
.null-result {
	padding-bottom:60px
}
.null-result p {
	font-size:18px;
	text-align:center;
	margin:100px 0;
	font-weight:bold
}
.null-result .swiper-slide p {
	margin:20px
}
.null-result .title {
	position:relative;
	font-size:18px;
	line-height:100%;
	color:#000;
	padding:15px 0;
	font-weight:bold
}
.null-result .title:after {
	position:absolute;
	bottom:0;
	content:"";
	display:block;
	width:52px;
	height:2px;
	background:#e94609
}
.searchTab {
	margin-top:50px;
	border-bottom:1px solid #e2e2e2
}
.searchTab button {
	border:0;
	background:0;
	color:#333;
	position:relative;
	padding-bottom:15px;
	margin-right:50px;
	outline:0;
	font-size:16px;
	cursor:pointer
}
.searchTab button.active {
	color:#c9151e
}
.searchTab button.active:after {
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:2px;
	bottom:-1px;
	background:#e94609
}
@media screen and (max-width:1000px) {
.search {
padding:0 10px
}
.searchTab {
margin-top:20px
}
.result {
margin:10px 0
}
.search-result li {
width:46%;
margin:0;
margin-left:3%;
line-height:2;
margin-bottom:10px;
font-weight:400
}
.search-result li:nth-child(3n-1) {
margin:0;
margin-left:3%;
margin-bottom:10px
}
.null-result p {
margin:50px 0;
font-weight:400
}
.search .newlist {
margin-top:0;
background:#fff
}
.search .newlist li {
padding:10px;
background:#fff;
margin-bottom:10px
}
.search .newlist .newPic {
width:100%
}
.search .new-inner {
width:100%;
margin-left:0
}
.search .new-inner .new-intro {
margin:0;
height:64px
}
.search .new-inner a {
margin:20px auto;
border:0;
background:#e94609;
color:#fff;
width:180px;
height:36px;
line-height:36px
}
.search .swiper-button-black {
display:none
}
.search .team-swiper.swiper-container {
width:100%;
padding:10px 0
}
.search .swiper-wrapper {
display:block
}
.search .swiper-slide {
float:left;
width:48%
}
.search .swiper-slide:nth-child(2n) {
margin-left:4%
}
.search .swiper-slide p {
margin:10px 0
}
}
.join-desc {
	padding:30px 0
}
.joinus {
	margin-top:20px
}
.joinus .name {
	text-align:center;
	font-size:24px;
	font-weight:bold
}
.joinus .peopleNum {
	text-align:center;
	font-size:16px;
	padding:20px 0 50px 0
}
.joinus .peopleNum span {
	color:#e94609
}
.joinus .responsibility {
	margin-bottom:25px
}
.joinus h5 {
	font-size:16px;
	font-weight:bold
}
.join-toggle {
	text-align:center;
	font-size:16px;
	padding-bottom:30px;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:50px
}
.joinus .require {
	display:none;
	margin-bottom:25px
}
.join-toggle a {
	color:#e94609
}
.join-toggle a i.icon-up {
	transform:rotate(-180deg);
	display:inline-block
}
.join-toggle a i.icon-down {
	transform:rotate(0deg);
	display:inline-block
}
.join-info a {
	display:block;
	margin:64px auto;
	width:326px;
	line-height:55px;
	text-align:center;
	color:#fff;
	background:linear-gradient(to right, #e94609, #f2454d)
}
@media screen and (max-width:1000px) {
.join-desc {
padding:20px 10px
}
.joinus .peopleNum {
padding:20px 0
}
.joinus {
padding:0 10px
}
.join-info a {
max-width:90%
}
.market-info-body, .project {
padding:10px;
}
}
.ui-paging {
	text-align: center;
}
.ui-paging ul .pageno {
	margin: 0px 3px;
}
.ui-paging ul .page-num-current {
	border-color: #e94709;
	background-color: #e94709;
	color: #fff;
}
.ui-paging ul {
	display: inline-block;
}
.ui-paging ul li {
	float: left;
	margin-left: 10px;
}
.ui-paging ul li:first-child {
	margin-left: 0;
}
.ui-paging label, .ui-paging a {
	display: inline-block;
	padding: 3px 16px;
	border: 1px solid #ebe4e0;
	line-height: 32px;
	color: #4c4c4c;
	font-size: 14px;
}
.ui-paging a.on, .ui-paging a:hover {
	border-color: #de1b29;
	background-color: #de1b29;
	color: #fff;
}
.footer-1{padding-bottom:50px;}
.link{margin-top:30px;}
.link span{font-weight: bold;margin-bottom: 10px;}
.link ul{clear: both}
.link ul li{float: left;margin-right:10px;}
.am-topbar-fixed-bottom.am-topbar-inverse .am-topbar-collapse {
	background-color: #de1b29
}
.am-breadcrumb {
	padding: .7em .5em;
	margin-top: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	font-size: 100%
}
.am-breadcrumb>li {
	display: inline-block
}
.am-breadcrumb>li [class*=am-icon-]:before {
	color: #999;
	margin-right: 5px
}
.am-breadcrumb>li+li:before {
	content: "\00bb\00a0";
	padding: 0 8px;
	color: #ccc
}
.am-breadcrumb>.am-active {
	color: #999
}
.am-breadcrumb-slash>li+li:before {
	content: "/\00a0"
}
.am-pagination {
	padding-left: 0;
	margin: 1.5rem 0;
	list-style: none;
	color: #999;
	text-align: left
}
.am-pagination:after, .am-pagination:before {
	content: " ";
	display: table
}
.am-pagination:after {
	clear: both
}
.am-pagination>li {
	display: inline-block
}
.am-pagination>li>a, .am-pagination>li>span {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 5px;
	margin-right: 5px
}
.am-pagination>li:last-child>a, .am-pagination>li:last-child>span {
	margin-right: 0
}
.am-pagination>li>a:focus, .am-pagination>li>a:hover, .am-pagination>li>span:focus, .am-pagination>li>span:hover {
	background-color: #eee
}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #0e90d2;
	border-color: #0e90d2;
	cursor: default
}
.am-pagination>.am-disabled>a, .am-pagination>.am-disabled>a:focus, .am-pagination>.am-disabled>a:hover, .am-pagination>.am-disabled>span, .am-pagination>.am-disabled>span:focus, .am-pagination>.am-disabled>span:hover {
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
	pointer-events: none
}
.am-pagination .am-pagination-prev {
	float: left
}
.am-pagination .am-pagination-prev a {
	border-radius: 0
}
.am-pagination .am-pagination-next {
	float: right
}
.am-pagination .am-pagination-next a {
	border-radius: 0
}
.am-pagination-centered {
	text-align: center
}
.home_nav{text-align:center;}
.home_nav ul{margin:25px auto;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;}
.home_nav ul li a{display:block;padding:6px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#de1b29;margin:0 2px;}

.home_nav ul li dl{display:none;background:#de1b29;padding:2px 0;margin:16px 0 0 0;z-index:999;}
.home_nav ul .hover dl{display:none;text-align:left;position:absolute;top:20px;left:3px;}
.home_nav ul .hover dl dt a{display:block;font-weight:normal;color:#fff;background:#de1b29;min-width:200px;border:0;}
.home_nav ul .hover dl dt a:hover{background:#fff;color:#333;border:0;}
.home_about{clear:both;overflow:hidden;}
.home_about .left{float:left;width:410px;margin-right:30px;}
.home_about .left video{background:#000;}
.home_about .right{float:right;width:750px;line-height:30px;font-size:14px;}
.home_about .right h2{font-size: 25px;font-weight: 600;margin-bottom: 15px;}
.home_about .right p{font-size:15px;line-height:28px;margin:0 0 10px 0; color:#777}
.home_about .right a.btn-about{padding: 10px 20px;}

.home_nav{text-align:center;}
.home_nav ul{margin:25px auto;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;}
.home_nav ul li a{display:block;padding:6px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#de1b29;margin:0 2px;}
