#indexslide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 670px;
	-webkit-animation: all .3s;
	animation: all .3s
}

.banner li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%
}

.banner li a {
	display: block;
	width: 100%;
	height: 100%
}

.bannerindex {
	position: absolute;
	bottom: 55px;
	left: 0;
	z-index: 10;
	width: 825pt;
	height: 1pc;
	text-align: left
}

.bannerindex dd {
	display: inline-block;
	margin: 0 3px;
	width: 9pt;
	height: 9pt;
	border: 2px solid #fff;
	border-radius: 9pt;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s
}

.bannerindex dd.on {
	border: 2px solid #fff;
	background-color: #fff
}

.pro-box {
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 15;
	width: 674px;
	height: 169px
}

.pro-box a {
	float: left;
	display: block;
	visibility: visible;
	margin-top: 169px;
	width: 218px;
	height: 169px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.showtext .img-text {
	visibility: visible;
	opacity: 1
}

.box-e {
	background: url(../img/index/e-bg2.jpg) no-repeat
}

.box-b,.box-e {
	margin-right: 10px
}

.box-b {
	background: url(../img/index/b-bg2.jpg) no-repeat
}

.box-p {
	background: url(../img/index/p-bg2.jpg) no-repeat
}

.pro-box .pb-text {
	display: block;
	visibility: visible;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 55px;
	width: 92px;
	height: 50px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.pro-box .pb-text b {
	font-size: 1pc
}

.pro-box .pb-text b,.pro-box .pb-text i {
	display: block;
	color: #fff;
	line-height: 20px
}

.pro-box .pb-text i {
	font-style: normal;
	font-size: 15px
}

.box-e .pb-text {
	background: url(../img/index/e-icon.png) no-repeat left 36px
}

.box-b .pb-text {
	background: url(../img/index/b-icon.png) no-repeat left 36px
}

.box-p .pb-text {
	background: url(../img/index/p-icon.png) no-repeat 5px 36px
}

.img-text {
	display: block;
	margin: 0 auto;
	width: 6pc;
	height: 30px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.img-text,.showtext .pb-text {
	visibility: hidden;
	opacity: 0
}


.news-box {
	padding-right: 23px;
	width: 508px;
	height: 220px
}

h3.news-title {
	margin-bottom: 5px;
	color: #30395f;
	font-weight: 700;
	font-size: 24px;
	font-family: myriadsetpro-thin-webfont;
	line-height: 30px
}

.news-top ul {
	float: left;
	overflow: hidden;
	width: 150px;
	height: 43px
}

.news-top li {
	float: left;
	width: 67px;
	height: 43px;
	background: #b5b5b5;
	color: #000;
	text-align: center;
	font-weight: 700;
	font-size: 1px;
	line-height: 43px;
	cursor: pointer
}

.news-top li.current,.news-top li:hover {
	background: #3c3fab;
	color: #fff
}

.news-top li a {
	color: #000;
	font-size: 13px
}

.news-top li.current a,.news-top li:hover a {
	color: #fff
}

a.news-more {
	float: right;
	display: none;
	color: #999;
	font-weight: 700;
	font-size: 9pt;
	line-height: 43px
}

.news-main {
	position: relative;
	padding-top: 15px
}

.news-main h3 a,.news-main h3 a span {
	color: #666;
	font-weight: 700;
	font-size: 14px
}

.news-main h3 a span {
	display: inline-block;
	margin-right: 10px
}

.news-main p {
	margin-top: 10px
}

.news-main-box {
	position: relative;
	overflow: hidden;
	width: 470px;
	height: 75pt
}

.news-main-box ul {
	position: absolute;
	top: 0;
	left: 0
}

.news-main-box li {
	display: block;
	width: 470px;
	height: 75pt
}

.news-main-box li p {
	line-height: 18px
}

.news-main-dl {
	position: absolute;
	top: 15px;
	right: 0;
	overflow: hidden;
	width: 10px;
	height: 105px
}

.news-main-dl li {
	display: block;
	margin-bottom: 20px;
	width: 10px;
	height: 10px;
	background: url(../img/index/icon2.jpg) no-repeat;
	cursor: pointer
}

.news-main-dl li.on,.news-main-dl li:hover {
	background: url(../img/index/icon1.jpg) no-repeat
}

.inews-list li {
	line-height: 22px
}

.inews-list li a,.inews-list li a span {
	color: #666;
	font-weight: 700;
	font-size: 14px
}

.inews-list li a span {
	display: inline-block;
	margin-right: 10px
}

.est-box {
	float: left;
	width: 445px
}

.est-box .img {
	position: relative;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 219px
}

.est-box .img ul {
	position: absolute;
	top: 0;
	left: 0
}

.est-box .info {
	float: left;
	width: 163px;
	height: 219px;
	background: #303960
}

.est-box .info a span {
	color: #bec0c9
}

.lay-box {
	float: right
}

.lay-box,.lay-box a {
	width: 219px;
	height: 219px
}

.lay-box a {
	position: relative;
	display: block
}

.lay-box a span {
	position: absolute;
	top: 78pt;
	left: 23px;
	width: 130px;
	height: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

.est-box .info dl {
	margin: 20px auto 0;
	width: 130px;
	height: 90pt
}

.est-box .info dd {
	display: none
}

.est-box .info dd a {
	display: block
}

.est-box dl .yt {
	display: block;
	padding-top: 25px;
	background: url(../img/project/p1s2-icon1.png) center top no-repeat;
	text-align: center;
	line-height: 24px
}

.est-box dl .tt {
	display: block;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
	font-size: 18px
}

.est-box dl .cc {
	display: block;
	margin-top: 10px;
	padding-top: 30px;
	background: url(../img/project/p1s2-icon3.png) center top no-repeat;
	line-height: 20px
}

.carousel {
	position: relative;
	margin-bottom: 20px;
	line-height: 1
}

.carousel-inner {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%
}


.carousel-inner>.item>a>img,.carousel-inner>.item>img {
	display: block;
	width: 100%;
	line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: block;
	margin-top: -79px;
	width: 79px;
	height: 79px
}

a.b-leftbtn {
	left: 10px;
	border-radius: 5pc;
	background: #fff url(../img/All-Icon.png) no-repeat 0 -308px;
	opacity: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	filter: alpha(opacity=0)
}

a.b-leftbtn:hover {
	background: #fb9000 url(../img/All-Icon.png) no-repeat 0 -229px
}

a.b-rightbtn {
	right: 10px;
	border-radius: 5pc;
	background: #fff url(../img/All-Icon.png) no-repeat 0 -72px;
	opacity: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	filter: alpha(opacity=0)
}

a.b-rightbtn:hover {
	background: #fb9000 url(../img/All-Icon.png) no-repeat 0 -147px
}

.b-slide:hover a.b-leftbtn,.b-slide:hover a.b-rightbtn {
	opacity: 1;
	filter: alpha(opacity=100)
}

.b-slidetitle .b-slidetitle-inner h6 {
	display: none;
	color: #ede5d9;
	font-size: 3pc;
	line-height: 50px
}

.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background: #333;
	background: rgba(0,0,0,.75)
}

.carousel-caption h4,.carousel-caption p {
	color: #fff;
	line-height: 20px
}

.carousel-caption h4 {
	margin: 0 0 5px
}

.carousel-caption p {
	margin-bottom: 0
}

.b-slide {
	position: relative;
	overflow: hidden;
	width: 100%
}

.slidemask {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(../img/index_listbg.png) repeat!important;
	background: #000
}

.slidemask,.slidemask .w1200 {
	height: 90pt
}

.bs-box {
	position: absolute;
	right: 0;
	bottom: -1px;
	overflow: hidden;
	width: 670px;
	height: 180px
}

.bs-box a {
	position: relative;
	float: left;
	display: block;
	margin-top: 75px;
	width: 219px;
	height: 219px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.bs-box a span {
	position: absolute;
	top: 15px;
	left: 23px;
	display: block;
	-webkit-transition: all .3;
	transition: all .3
}

a.es {
	background: url(../img/index/bg1.jpg) no-repeat
}

a.bs,a.es {
	margin-right: 6px
}

a.bs {
	background: url(../img/index/bg2.jpg) no-repeat
}

a.pt {
	background: url(../img/index/bg3.jpg) no-repeat
}

.bs-box a .th {
	top: 50px;
	visibility: hidden;
	color: #e0f8ff;
	font-weight: 400;
	font-size: 34px;
	opacity: 0
}

.bs-box a .th,.bs-box a .tt {
	-webkit-transition: all .4s;
	transition: all .4s
}

.bs-box a .tt {
	visibility: visible;
	opacity: 1
}

.bs-box a .tt img {
	display: block
}

.bs-box a .tt strong {
	color: #e0f8ff;
	font-weight: 400;
	font-size: 20px
}

.bs-box a:hover {
	margin-top: 0
}

.bs-box a:hover .tt {
	visibility: hidden;
	opacity: 0
}

.bs-box a:hover .th {
	visibility: visible;
	opacity: 1
}

.slidestock {
	position: absolute;
	top: 13px;
	right: 695px;
	z-index: 10;
	width: 190px;
	height: 75pt;
	text-align: right
}

.slidestock h5 {
	position: relative;
	color: #c1c1bf;
	font-weight: 700;
	font-size: 18px
}

.slidestock h5 span {
	position: absolute;
	top: 6px;
	right: 94px;
	display: block;
	color: #c1c1bf
}

.slidestock h5 strong {
	font-weight: 400;
	font-size: 28px;
	font-family: dincond-medium-webfont
}

.slidestock .stocknum {
	padding-left: 20px;
	font-size: 36px;
	font-family: dincond-medium-webfont
}

.slidestock .stocknum.up {
	background: url(../img/All-Icon.png) no-repeat -121px 0;
	color: #e55
}

.slidestock .stocknum.down {
	background: url(../img/All-Icon.png) no-repeat -314px 0;
	color: #090
}

.est-detail {
	float: left;
	width: 444px;
	height: 219px
}

.est-detail-box {
	position: relative;
	overflow: hidden;
	width: 444px;
	height: 219px
}

.est-detail-box ul {
	position: absolute;
	top: 0;
	left: 0
}

.est-detail-box li {
	position: relative;
	float: left;
	width: 444px;
	height: 219px
}

.est-detail-box li a {
	display: block;
	height: 100%
}

.est-detail-box .info {
	position: absolute;
	top: 93px;
	left: 0;
	visibility: hidden;
	padding-top: 22px;
	padding-left: 22px;
	width: 197px;
	height: 6pc;
	background: url(../img/index/bg1.jpg) no-repeat center top;
	color: #bdbdbf;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.est-detail-box li:hover .info {
	visibility: visible;
	opacity: 1
}

.est-detail-box .info h3 {
	margin-bottom: 15px;
	font-size: 18px
}

.est-detail-box .info h3,.est-detail-box .info p {
	color: #bdbdbf;
	font-weight: 700
}

.indexwarp {
	overflow: hidden;
	margin: 0 auto;
	background: #fff
}

.indexwarp.smallwidth {
	width: 1340px
}

.indexwarp.sswidth {
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.indexwarp.sswidth {
		width: 98%
	}
}

.news-main-dl li {
	display: block;
	margin-bottom: 9pt;
	width: 10px;
	height: 10px;
	background: url(../img/All-Icon.png) no-repeat -81pt -42px;
	cursor: pointer
}

.news-main-dl li.on,.news-main-dl li:hover {
	background: url(../img/All-Icon.png) no-repeat -81pt -52px
}

.news-main-con {
	position: absolute;
	bottom: -10px;
	left: 0
}

.news-main-con li {
	float: left;
	display: block;
	margin-right: 10px;
	width: 30px;
	height: 3px;
	background: #b5b5b5;
	cursor: pointer
}

.news-main-con li.on,.news-main-con li:hover {
	background: #3c3fab
}
/*bigsea*/
.item img { width:100%;}

.mainbox {width:100%;overflow: hidden; position:relative}

.box {  margin:0 100px;}
.more { display:inline-block; width:180px; height:48px; text-align:center; padding:0px 45px; border:3px solid #000; border-radius:5px;font-size:18px;color:#333; position:relative; overflow:hidden}
.more .label { width:110px; height:42px; line-height:42px; display:inline-block;position:absolute; top:0; left:50%; margin-left:-55px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;z-index:1}
.more .background { position: absolute; left: -190%; top: -440%; width: 140%; height: 1000%;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background:#6bc048;}
.more:hover,.prod_list dl:hover .more {color:#FFF;border:3px solid #6bc048;}
.more:hover .label,.prod_list dl:hover .label {}
.swiper-slide .more { position:absolute; left:50%; bottom:10%; margin-left:-90px;border:3px solid #FFF; color:#999999; background-color:#eaeaea}
.swiper-slide .more .label {width:100%;left:0%; margin-left:0px; text-transform:uppercase; font-size:20px;}
.swiper-slide .more:hover { color:#fff}
.brand_logo{ width:20.1%; position:absolute; top:24%; left:50%; margin-left:-10.05%;}
.wap_nav { display:none}
@media (min-width: 960px){
.more:hover .background,.prod_list dl:hover .background {left: -20%;}
}
.about,.service { max-width:1360px; margin:100px auto 0; overflow:hidden}
.box_left { width:50%; float:left; overflow:hidden}
.box_left img { width:100%;}
.box_right {width:50%; float:right; overflow:hidden}
.box_right img { max-width:100%;}


.prod_tj {max-width: 1360px; margin:0 auto; overflow:hidden}
.prod_tj dd { padding:3% 5%; text-align:center}
.prod_tj dd p {margin-bottom: 30px;}
.prod_tj img { /*animation:prod_tj linear 5s forwards*/}
@-webkit-keyframes prod_tj { 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
}
 @keyframes prod_tj { 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
}



.box_right dt h2 { font-size:30px; color:#333; margin-bottom:15px; text-transform: uppercase; font-weight:bold;}
.box_right dt h3 { font-size:32px; color:#333;}
.box_right dt span { display:inline-block; width:35px; height:2px; background-color:#000; overflow:hidden}
.box_right dd p { color:#333; margin-bottom:15px;}

.bg_black { background-color:#1b1b1b  }
.bg_gray { background-color:#f2f2f2  }
.bg_graydk{ background-color:#eaeaea;}
.index_project{ max-width:1360px; margin:0 auto; padding:0px 0px;}
.hd { text-align:center; padding-top:20px;padding-bottom:20px;}
.index_project .hd{ text-align:center; padding-top:65px;padding-bottom:50px;}
.index_project .ft { text-align:center; margin:60px auto;}
.hd h2 { font-size:30px; color:#333;display:inline-block; margin-right:20px;}
.hd h3 { font-size:36px; color:#333;text-transform: uppercase;  display:inline-block; font-weight: normal; letter-spacing:2px;}
.hd p { color:#797979; font-size:16px; line-height:28px; text-align:center; text-transform:uppercase; margin-top:20px; margin-bottom:20px;}
.hd span.line{ display:inline-block; width:74px; background-color:#6bc048; height:3px; overflow:hidden; margin-top:35px;}

.index_prod { max-width:1230px;margin:0px auto 60px; padding:50px 15px; position: relative;}
.icon_k { position:absolute; top:-28px; left:50%; margin-left:-28px;}
.icon_bn { position:absolute; bottom:-28px; left:50%; margin-left:-28px;}

.prod_dh { width:11%;position:absolute; top:35%; left:0px; z-index:100;}
.index_prod img { width:100%;-webkit-transition: all ease .8s;transition: all ease .8s;}
.index_prod .p_img:hover img {-webkit-transform: scale(1.07);transform: scale(1.07);}

.video_right { width:261px; float:right}
.v_box { width:100%; overflow:hidden; float:left}
#myvideo1  { width:100%; display:block}

.service .box_right { width:50%; text-align: left;float:left; padding:5% 6%; box-sizing:border-box}
.service .box_left { width:50%;float:right;}

.index_brand {max-width:1240px;}
.index_brand .bd{padding:20px 0 80px; position:relative}
.about .bd {padding:60px 0 80px; }
.index_brand .bd img { width:100%;}
.index_brand .box_left{width:55%;}
.index_brand .box_right{width:38%;}

.index_brand .box_right dt { font-size:16px;text-align: left; margin-bottom:10px; padding-top:3%;}
.index_brand .box_right dt span {  background-color:#fff;}
.index_brand .inabout dd { text-align:center; padding-top:2%;}
.index_brand .inabout dd h2 {margin-bottom:20px;}
.index_brand .box_right p { text-align:left;line-height:28px;}
.index_brand .box_right img { width:25.4%;}
.index_brand .dna-1 { width:25.96%; position:relative; float:left; margin-left:12%; z-index:1}
.index_brand .dna-2 { width:25.72%;position:relative; float:left; margin-left:-3%; margin-top:5%;}
.index_brand .dna-3 { width:25.96%; position:relative;float:left; margin-left:-4%; margin-top:-4%;}
.index_brand .dna-1 img,
.index_brand .dna-2 img,
.index_brand .dna-3 img{ width:100%;}
.brand_dna p { max-width:660px; margin:10px auto 0}

.icon_plane { position:absolute; top:0%; left:52%; }
.dh-about1 { position:absolute; bottom:5%; left:82.5%; margin-left:0px;}
.dh-about2 { position:absolute; top:7%; left:55%;}

.history { max-width:1360px; margin:0 auto; height:450px; position:relative;}
.m_history { display: none;}

.line_dot { width:100%; height:72px;background:url(../images/history-bg.png) no-repeat left center;position:absolute;top:100px; left:0;}
.lishi_plane { width:150px; position:absolute; top:110px;left:0px;}
.lishi_plane img{ max-width:100%;}
.lishi_box {position:absolute; visibility:hidden;}
.lishi_box .lishi_year{color:#6bc048; font-weight:normal; font-size:30px; margin-bottom:5px;}
.lishi_box p{color:#000; font-size:13px; line-height:20px;}
.lishi_box dt { float:left; margin-right:20px;}
.lishi_box dd { float:left;width:155px; font-weight:bold}

.year1998{ left:0 ;top:10%;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year1999{ left:6.5% ;top:42%;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year1999 dd { width:95px; padding-top:30px;}
.year2003{ left:20.5% ;top:5%;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2005{ left:29% ;top:38%;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2005 dd {padding-top:30px;}
.year2009{ left:42.5% ;top:-2%;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2009 dd {padding-top:30px;}
.year2016{ left:55% ;top:39%;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2016 dd {padding-top:30px;}
.year2017{ left:68.5% ;top:-7%;-webkit-animation-delay: 2.5s;animation-delay: 2.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2017 dd { width:118px; }

.year2018{ width:183px; left:84% ;top:39%;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.year2018 dd {width:100%; padding-top:10px;}


.index_news { max-width:1160px; margin:0 auto;}
.indexnews_list {  margin-right: -40px; overflow:hidden; padding-bottom:60px;}
.indexnews_list li {width: 33.33%; float: left;}
.indexnews_list li a { display: block; margin-right:40px;}
.indexnews_list li img { width: 100%;}
.indexnews_list li span{ color:#fff;padding:0px 15px; font-size:30px; letter-spacing:2px;overflow:hidden;display: block; text-align:center; background-color:#6bc048; line-height:62px;}
.index_news .fengge { position:relative;}
.index_news .cover { position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;-webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.index_news a:hover .cover { opacity:1;}
.index_news .fg_text {position:absolute;top:38%; left:0; color:#FFF; padding:0 18%; width:100%; font-size:14px; text-align:center; line-height:28px;}

.member { padding-bottom:90px;}
.member .box_left { float: left} 
.member .box_right { float:right; position:relative; padding:0;} 
.member .box_right dl { width:100%; position:absolute; top:32%; left:0; padding:0 20px;}

.club_bg {background:#fff url(../images/member/club-bg2.jpg) repeat-y  center top; margin-bottom: 100px}
.club { max-width:1360px; margin:0 auto; padding:90px 0; overflow:hidden}
.club_left { width:24.65%; background-color:#FFF; float:left; padding-bottom:30px;}
.club_left .hd { margin:30px 35px 20px; text-align:center; border-bottom:1px solid #cccccc; padding-bottom:20px;}
.club_left .hd span { display:inline-block;background:url(../images/icon_user.png) no-repeat left center; padding-left:40px; font-size:24px; font-weight:bold}
.club_left li { width:100%;}
.club_left li a { padding-left:100px; display:block; font-size:16px; line-height:50px;}
.club_left li a:hover,.club_left li .hover { background-color:#6bc048; color:#FFF;}

.club_right { width:73.61%; background-color:#FFF;float:right; box-sizing: border-box; padding:0 88px 60px;}
.club_right .hd { margin:30px 0px 20px;border-bottom:1px solid #cccccc; padding-bottom:20px;} 
.club_right .hd span { display:inline-block;font-size:24px;}
.club_right .bd { margin-right:-90px; line-height:30px; }
.club_right .bd p {font-size:16px;}
.club_right ul { width:33.33%; float:left; margin-top:45px; padding-right:50px; }
.club_right li { padding:20px 20px; height:190px; box-sizing:border-box;font-size:18px; list-style:none}
.club_right ul li:first-child {padding:0px; height: auto; }
.club_right ul li:first-child p { background:none; padding:0}
.club_right li h3 { font-size:18px; font-weight:bold; margin-bottom:5px;}
.club_right li p {background:url(../images/member/icon_dt.png) no-repeat 0 10px;padding-left:20px;font-size:18px;}
.club_right li strong{ color:#333399; display:block;}

.club_gz .bd { margin-right:0;}
.club_gz .bd p { margin-bottom:20px;}
.club_jj .card4 { height: auto;}
.club_jj .card5 { height: auto;}

.fLeft {float: left;}
.imgscrobar-all img { width:100%;}
.footer { padding:30px 0px 0;border-top: 1px solid #EBEBEB; color:#787878}

.fp-footer .fp-footer-columns {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 100px;
    margin: 0 auto;
}
.fp-footer .fp-footer-header {
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.fp-footer .fp-footer-column {
    border: 0;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 0;
    
}
.fp-footer .fp-fh-title {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 0;
}
.fp-footer .fp-footer-links {
    height: auto;
}
.fp-footer-link { font-size:12px;}
.fp-footer-link:hover {}
.fp-footer .fp-footer-lower {
    border-top: 1px solid #EBEBEB;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 0;
    margin: 0 30px;
}
.fp-footer .fp-footer-hygine {
    width: 100%;
    text-align: center;
}
.fp-footer .fp-footer-copyright {
    font-size: 12px;
    line-height: 30px;
	display: inline-block;
}

.fuwulist { position:relative}
.fuwulist img { width:100%;}
.fp-ph-h1 {
    position: absolute;
    left: 0px;
    top: 35px;
    color: #FFF;
    z-index: 200;
    font-weight: bold;
    width: 100%;
}

.fp-ph-h1 .fp-ph-strapline {
    font-size: 20px;
}
.fp-ph-copy {
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 35px;
    z-index: 200;
    width: 100%;
}
.fp-ph-strapline {
    padding: 0px 100px;
    margin: 0 auto;
	font-size: 14px;
    line-height: 28px;
	letter-spacing: 0.5px;
	font-weight:normal
}
.news_inftime { padding: 0px 100px;}
.fp-ph-gradient {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 15%, transparent 25%);
    opacity: .5;
    z-index: 150;
    transition: opacity 1s;
}
.fp-ph-gradient2 {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(-180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 20%, transparent 30%);
    opacity: .5;
    z-index: 150;
    transition: opacity 1s;
}


.fp-pd-copy {
    margin: 70px auto 0;
    max-width: 1100px;
	text-align:justify;
}
.fp-project-description {
    margin-bottom: 80px;
}

.fp-pd-copy p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 28px;
}
.fp-discipline-carousel {
    max-width: 1100px;
    margin: 0 auto;
}

.fp-dc-title {
    padding-bottom:30px;
    font-size: 12px;
}
.fp-dc-title span {
    display: inline-block;
    padding-right: 16px;
    background: url(../images/icon_arrow.png) no-repeat right center;
    background-size: 5px;
    line-height: 19px;
	font-weight:normal
}
.other-slide {
	margin: 0px auto 80px;
    max-width: 1100px;
}
.other-slide a { color:#fff}
.other-slide a:hover { color:#ccc}
.fp-dc-content__copy {
	width:100%;
	position:absolute;
	left:0; bottom:0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.fp-dc-content__copy .fp-dc-content__copy-title {
    color: #fff;
    font-size: 16px;
    margin: 0;
	padding: 20px 30px;
}

.fp-grid__item{
    /*-webkit-animation: fadeIn 1.5s;
    animation: fadeIn 1.5s;*/
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 20%, transparent 100%);
    /*transition: opacity 1s ease;*/
	
}
.fp-pg-dropback {
    border: 0;
    padding: 0px;
	text-align:center;
}
.fp-section-title {
    line-height: 32px;
}

.fp-button-primary {
    cursor: pointer;
}
.fp-caseinfo h2 { margin-bottom:30px;font-weight: 400;letter-spacing: 0.5px; font-size:14px;}

.more-case {
    padding: 20px 0px;
    text-align: right;
}

.gocase { position:absolute; top:50%; left:0; margin-top:-10px; text-align:center; font-size:16px; width:100%; color:#787878}
.addmap { margin-bottom:30px; overflow: hidden; position:relative;}
.addmap dt { width:72%; float:left}
.addmap dd { position:absolute; right:0; bottom:0px;}


.weixin { margin-bottom:25px; margin-top:10px}
.aboutside { padding-top:5px;}
.joinside { padding-top:8px;}
.lx_map,#lx_map { width:100%; height:450px; overflow:hidden; border:0;}
.contact {padding: 0 0px; margin: 0 auto; position:relative}/*../images/banner_contact.jpg*/
.contact .bd { max-width:800px; margin:0 auto 60px; padding:70px 0 0px 0px ;font-size: 12px; overflow:hidden; text-align:left; position:relative; text-align: justify;}
.contact .bd p {font-size: 12px;  font-weight: 300;line-height: 28px;}

.contact .bd h2 { font-size:14px; line-height:28px; }
.contact .bd h3 { font-size:14px; line-height:28px; margin-bottom:30px;}

.contact img { max-width:100%;}
.accordion li { line-height:26px;}
.accordion .link { color:#787878;padding-left:12px; background:url(../images/icon_dot.jpg) no-repeat left center; background-size:6px;}
.accordion .link:hover { color:#333; cursor: pointer;}
.accordion .open .link { margin-bottom:15px;color:#333;}
.jobinfo { display:none; margin-bottom:20px;}

.accordion2 li { line-height:26px;}
.accordion2 .link2 {color:#787878;font-size:14px;/*padding-left:12px; background:url(../images/icon_dot.jpg) no-repeat left center; background-size:6px;*/}
.accordion2 .link2:hover { color:#333; cursor: pointer;}
.accordion2 .open .link2 {color:#333; }
.jobinfo2 { display:none; padding-bottom:15px;}

.toudi_jl {font-size:14px; display:inline-block; margin-top:15px;}

.text_dot { width:11px; height:10px; display:inline-block;background: url(../images/icon_arrow.png) no-repeat right center;background-size: 6px; margin-left:5px;}
.open .text_dot { background-image:url(../images/icon_arrow_down.png);background-size:11px;}

.fzgj_hide { display:none}
.show_fzgj { font-size:12px; line-height:22px;}
.address { width:40%; float:left;}
.add-france { width:auto;float:left;}

.contact .address h3 { margin-bottom:0px;font-size:14px; font-weight:normal}
.address h4 span {
    background: #787878;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
	margin-bottom:25px;
	margin-top:10px;
	font-size:14px
}
.contact .address p { color:#787878}
.lx_right {position: absolute;right:0; bottom:0px; text-align:left}
.contact .lx_right h3 { margin-bottom:0px;font-size:14px; margin-top:10px; font-weight:normal}
.contact .lx_right p { line-height:24px;}
.contact .lx_right .ourwx { font-size:12px;}

.sidenav { width:90px; float:left; position: absolute;left:0; top:70px; z-index:1}
.sidenav li { line-height:12px; margin-bottom:8px;}
.sidenav li .hover, .sidenav li a:hover{  color:#333}
.side_right { width:220px; right:0; left:auto ; text-align:right; z-index:1}
.side_right li{margin-bottom:22px;}
#J_sideBar { margin-bottom:20px;}
.ewm {padding:0 20px;}
.team img { width:100%;}


/*荣誉奖项*/
.ny_honerlist{ width:100%;}
.ny_honerlist ul{ }
.ny_honerlist ul li{ padding:0 0 30px ;}
.contact .bd .ny_honerlist ul li h3 { color:#333; margin-bottom:0;font-weight: normal;}
.contact .bd .ny_honerlist ul li p{ color:#595959; margin-bottom:0;}
/*分页*/
.pageNavi { margin-top:50px;}
.wp-pagenavi{}
.wp-pagenavi a{margin-right:7px;}
.wp-pagenavi a:hover, .wp-pagenavi span:hover{ cursor:pointer; text-decoration:none;}
.wp-pagenavi span{cursor:pointer;margin-right:7px;  text-decoration:none;}

/*专利专刊*/
.ny_patent_box{ width:100%; min-height:550px;}
.patent_list{}
.patent_table{ width:100%; padding:0;}
.patent_table tr{}
.patent_table tr th{  color:#333; padding-bottom:20px; font-size:12px;}
.patent_table tr td{ color:#393939; line-height:30px;}
.patent_table tr td a{ color:#393939; text-decoration:none;}
.patent_table .patent_xuhao{ width:15%;}
.patent_table .patent_name{ width:70%;padding-right:15px;}
.patent_table .patent_num{ width:15%;}

.news_list { max-width:1000px; margin:0 auto;}
.news_list dl { padding:0px 0px 30px;margin-bottom:30px;  border-bottom:1px solid #CCC; overflow:hidden;}
.news_list dl:last-child { border-bottom:0;}
.news_list dt { width:135px; height:85px; overflow:hidden; float: right;}
.news_list dt img { width:100%;-webkit-transition: all ease 1.2s;transition: all ease 1.2s;}
.news_list dl:hover img { -webkit-transform: scale(1.05);transform: scale(1.05);}
.news_list dd {margin-right:180px;}

.news_time { color:#787878; margin-bottom:10px; line-height:13px}
.news_title { font-size:14px;display: inline-block;margin-bottom:10px; margin-left:15px; color:#333}
.news_title:hover {color:#000}
.contact .news_list  p {
    color: #7e7e7e;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height:22px;
	font-size:12px;
}
.news_hd { margin-top:-3px; font-size:14px}
.news_more { display:inline-block; padding:5px 0px;}
.news_more:hover {color:#333}
/*pub*/
.margin_top30 { margin-top:30px;}
.footer .margin_top30{margin:0 20px 20px; text-align:center}
.book_item { margin-bottom:50px;}
.post_list  .row { margin-right:-30px;}
.col-sm-6 {
    width: 50%;
    float: left;
}
.book_wrap .post_list { max-width:1000px;}
.book_wrap .column {
    margin-bottom: 30px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
}
.book_wrap .pic_column {width: 40%;}
.book_item .row {
    margin-left: -10px;
    margin-right: 30px;
}

.book_wrap .pic_column1 {
    text-align: right;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}


.book_wrap .pic_column img {
    max-width: 100%;
    max-height: 100%;
}

.book_wrap .info_column { line-height: 20px;padding-left: 10px;padding-right:10px;width: 60%;}
.book_wrap .info_column .download { text-decoration:underline;margin-top:10px; display:inline-block}

.book_wrap .bd p { line-height:22px; color:#787878}
.book_wrap .bd h2 {
    line-height: 26px;
    font-size: 14px;
    font-weight: 300
}
.book_wrap h2 a {color: #333;}
.book_wrap h2 a:hover {color: #000;}

.inbanner { position:relative;}
.bn_member_left { width:26.25%; position:absolute; top:17%; left:13.12%;}
.bn_member_right { width:44.89%;position:absolute; top:36%; left:42.5%;}
.inbanner img{width: 100%;}

.service .bd { width:100%; height:580px;background:url(../images/serves_1.jpg) no-repeat top center; }

.liuyan { max-width:100%;padding: 0px;}
.liuyan .bd { width:100%; height:629px;background:url(../images/serves_3.jpg) no-repeat top center; overflow:hidden}

.service p { color:#FFF; text-align:center; margin-bottom:20px;} 
.service h2 { font-size:30px; text-align:center;margin-bottom:20px;} 

.say { width:100%;height:248px;background:url(../images/serves_2.jpg) no-repeat top center;}

.ly_form  { max-width:1000px; margin:0 auto;}
.ly_right { float:right; width:476px; margin-top:60px;}
.ly_right .top_t {  line-height:30px; border-bottom:1px solid #ccc; padding-bottom:20px; color:#333333}

.company .bd { width:100%; overflow:hidden}

.brand { max-width:1360px; margin:-30% auto 0;position:relative}
.brand .cp_left { width:100%; position:relative; }
.cp_left img { width:100%;}
.cp_right { width:27%; position: absolute; top:10%; right:10%;}
.cp_right dl { }
.cp_right dt h2 { font-size:32px; color:#fff; margin-bottom:30px; text-transform: uppercase; font-weight:bold;}
.brand .cp_right dd p{  margin-bottom:20px; color:#fff} 

.brand_story {max-width:1360px; margin:0 auto;position:relative}
.story_left { width:50%; float:left;padding: 5% 7%; box-sizing:border-box; font-size:18px; line-height:35px;}
.story_left h2 { margin-bottom:40px;}
.story_left p { margin-bottom:20px;}
.story_right {  width:50%;float: right; margin-top:-5%; position:relative}





.wenhua { max-width:1360px; margin:0 auto;position:relative}
.wenhua h1 { margin-bottom:20px;}
.wenhua h2 { margin-bottom:70px;}
.wenhua dl { width:33.33%;background:url(../images/brand/story_line.png) no-repeat right center; float:left;}
.wenhua .wh_2{ box-sizing:border-box; padding-left:8%;}
.wenhua .wh_3{ box-sizing:border-box; padding-left:9%;background: none}
.wenhua dt span{ display:inline-block; color:#FFF; background-color:#000; padding:0px 10px;}
.wh_list dd { font-weight: bold; margin-top:10px;}


.wh_want { margin-top:100px; margin-bottom:50px; position:relative;}
.wh_want img { max-width:100%;}
.want_left { width:36.5%; float:left;margin-top:9%; position:relative;}
.want_mid { width:45%;float:left;margin-left:-9%; position:relative;}
.story_t2 { width:24%;position:absolute; top:7%; left:66%; z-index:100;}
.story_right .prod-11 {width:50%; position:absolute; bottom:-24%; right:0;}


.want_right {width:25%; float: right;margin-top:18%; font-size:16px;padding-left:25px; box-sizing:border-box; position:relative; z-index:1}

.wenhua_shoes { max-width:1360px; margin:0px auto 100px;position:relative}
.wenhua_shoes  .hd { text-align:center;padding-top: 85px;padding-bottom: 60px;}
.wenhua_shoes .box_left {  width:65%; float:right; }
.wenhua_shoes .box_right {width:35%; float:left;box-sizing:border-box; padding:5% 5%;}
.wenhua_shoes .box_right img { width:100%;}
.wenhua_shoes .swiper-slide{ background-color:#f4f4f4}


.banner_prod{ width:100%;background:url(../images/banner_prod.jpg) no-repeat top center;}
.prod_nav { padding-bottom:30px; margin-top:80px;text-align:center; text-transform:uppercase}
.prod_nav .hd span { display:inline-block; background-color:#FFF; width:380px;line-height:76px; font-size:36px; font-weight:bold;}
.prod_nav .bd{ padding-top:20px;}

.prod_nav_left { width:50%; float:left;}
.prod_nav_right { width:50%; float:left;}
.prod_nav a { display:inline-block;text-align:center; margin:0 38px; font-size:16px; line-height:28px;}
.prod_nav h2 { border-bottom:1px solid #000; margin-bottom:8px;}

.prod_nav a:hover { color:#c7000a}
.prod_nav a:hover h2{ border-bottom:1px solid #c7000a}

.prod_xl { max-width:1360px; margin:0px auto 0;position:relative}
.prod_xl .cp_left { width:100%; position:relative}
.prod_xl .story_left {padding: 0 0 0 5%; margin-top:-5%;box-sizing:border-box;}
.prod_xl .story_left img { width:100%;}
.prod_xl .story_right {padding: 0 5%;margin-top: -15%; box-sizing:border-box;}
.prod_xl .story_right img { width:100%;}
.prod_accessories .story_right {margin-top: -10%;}





.bn_t { text-align:center; padding-top:122px;}
.bn_t h2 {font-size: 36px;color: #333;margin-bottom: 10px;}
.bn_t h3 {font-size: 34px;color: #333;text-transform: uppercase; font-weight: normal}

.xl_ft { margin-top:160px; position:relative; overflow:hidden}
.xl_pic { width:62.5%;position:absolute; left:0%;top:0; z-index:1; padding-left:5%;}

.prod-12bg { width:27.6%; position:absolute; top:60.5%; left:0;}

.prod_active {margin-bottom:100px; position:relative}
.qiu1 { width:27.6%; position:absolute; top:55%; left:0;animation:jump linear 5s infinite }
.qiu2 { width:23.47%; position:absolute; top:50%; right:0;animation:jump linear 5s infinite}
.qiu3 { width:11.52%; position:absolute; bottom:0; left:9%;animation:jump linear 5s infinite}
.qiu1 img,.qiu2 img ,.qiu3 img { max-width:100%;}


.xl_ft .box_right { width:41.66%; background-color:#f5f5f5; box-sizing:border-box; padding:5% 5% 5% 15%; margin-top:9%}
.prod_list { margin-bottom:50px;}
.prod_list dl { width:25%; float:left; text-align:center}
.prod_list dd { padding:20px 0;}
.prod_list dd h3{ margin-bottom:20px;}
.prod_last {margin:100px auto ; max-width:1200px;}
.prod_list dt img { max-width:100%;-webkit-transition: all ease .8s;transition: all ease .8s;}
.prod_list dl:hover  img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.prod_list dl:hover h3 { color:#6bc048}

.prod_new .prod_list dl  { width:100%;}
.tech_list {width:100%; height:840px; position: relative;background:url(../images/prod/prod-tech2.jpg) no-repeat top center;}
.tech_list img{ width:100%;}
.prod_keji { width: 1200px;height:100%; margin:0 auto; position:relative}
.keji_active { width:50%; height:100%; float:left;position:relative}
.keji_lifestyle { width:50%; height:100%; float: right;position:relative}
.mkbox { width:110px; height:110px; position:absolute; text-align:center; border-radius:50%; box-shadow:0 25px 40px #CCC; text-transform:uppercase; cursor:pointer }
.mkbox:hover {/*animation:pulse linear 2s infinite*/}

.mkbox h3 { margin-top:36px; font-weight:normal; font-size:13px; color:#FFF; padding:0 5px;}
.mkbg1 { background-color:#9e9e9f;}
.mkbg2 { background-color:#e4a790;}

.mkqy1 {top: 75px;left: 118px; -webkit-animation-delay: 0.9s;animation-delay: 0.9s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy2 { top: 75px;left: 320px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy3 {top:265px; left:0px; -webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy4 {top:242px; left:266px; -webkit-animation-delay: 0.6s;animation-delay: 0.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy5 {top:470px; left:33px; -webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy6 {top:470px; left:342px; -webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy7 {top:627px; left:127px; -webkit-animation-delay: 1.8s;animation-delay: 1.1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy8 {top:659px; left:346px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}


.mkqy11 {top:100px;right:385px; -webkit-animation-delay: 0.9s;animation-delay: 0.9s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy12 {top:242px;right:243px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy13 {top:253px;right:0px;   -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy14 {top:470px;right:343px; -webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy15 {top:470px;right:33px;  -webkit-animation-delay: 0.6s;animation-delay: 0.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy16 {top:657px;right:346px; -webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy17 {top:627px;right:129px; -webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

.mkdouble h3 { margin-top:33px; font-size:13px; line-height:21px; margin-bottom:0}
.tech_info { position:absolute; width:260px; position:absolute; top:-180px; left:50px; text-align:left; font-size:16px; line-height:26px; background-color:#FFF; border-radius:15px; padding:20px 30px; box-sizing:border-box; z-index:7;box-shadow:0 5px 15px #f5f5f5; display:none}
.mkqy1 .tech_info {top:-250px;}
.mkqy2 .tech_info {top:-140px;}
.mkqy3 .tech_info {top:-220px;}
.mkqy5 .tech_info {top:-140px;}

.mkqy11 .tech_info {top:-120px;left: -150px;}
.mkqy12 .tech_info {top:-140px;left: -150px;}
.mkqy13 .tech_info {top:-150px;left: -150px;}
.mkqy14 .tech_info {top:-140px;left: -150px;}
.mkqy15 .tech_info {top:-140px;left: -150px;}
.mkqy16 .tech_info {top:-120px;left: -150px;}
.mkqy17 .tech_info {top:-165px;left: -150px;}

.icon_tech { background:url(../images/icon_tech.png) no-repeat; display:inline-block; width:59px; height:41px; position:absolute; bottom:-40px; left:50%; margin-left:-30px;}
.mkbg2 .icon_tech {background:url(../images/icon_tech_r.png) no-repeat;}



.pj_bg {background:url(../images/pj_bg.jpg) repeat-x top left;}
.project {padding: 0px 0px 70px;}
.project .bd { overflow:hidden}
.project li span{ text-align:center}

.case_info { max-width:1000px; margin:0 auto; padding:50px 15px; overflow:hidden}
.case_logo { float:left;}
.case_text { float:left; max-width:680px; margin-left:100px;}
.case_text h1 { font-size:20px; color:#030303; margin-bottom:30px; overflow:hidden}
.case_text h1 b { float:left; font-weight:normal}
.case_text h1 span { color:#fff; display:inline-block; background-color:#ed9420; padding:5px 10px; float:left; margin-left:10px;}
.case_text p {  color:#333; margin-bottom:20px; line-height:25px;}

.case_add {background:url(../images/case_add.png) no-repeat  left center; color:#333; line-height:31px; padding-left:30px;}
.case_sale{background:url(../images/case_sale.png) no-repeat left center; color:#333; line-height:31px; padding-left:30px;}
.case_tel{background:url(../images/case_tel.png) no-repeat left center; color:#333; line-height:31px;color:#f3971b; padding-left:30px;}
.case_more { padding-top:10px;}
.case_more .more {
    display: inline-block;
    padding: 5px 15px;
    color:#f3971b;border: 1px solid #f3971b;
}
.area {background-color:#ed9420; overflow:hidden;}
.area .cp_right dl {padding-top: 5%;}
.area dt h2 { font-size:34px; color:#fff; margin-bottom:15px;}
.area dt h4 { font-size:18px; color:#fff;margin-bottom:15px;}
.area dt span {background-color: #FFF;margin-bottom:15px;}
.area dt h3 {color:#fff; font-size:24px;margin-bottom:15px;}
.area dd p { color:#fff;}

.area_bg { background-color:#ede3d9}
.black_bg{ background-color:#27130f}
.hui_bg{ background-color:#f5f5f5}

.huxing{ max-width:1200px; position:relative}
.huxing .hd h3{color:#fff;}
.huxing .hx_img{ max-width:1000px; position:relative; margin:0 auto; padding:0 15px 30px; }


.p_info { width:33%; float:left;  line-height:30px; padding-left:20px; box-sizing:border-box; border-right:1px solid #e6e6e6; color:#000000}
.project_info .bd { border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; overflow:hidden; padding:25px 0}
.nobd {border-right:0px solid #e6e6e6;}
.clear { clear:both; height:0; overflow:hidden}

.say .bd { max-width:650px; margin:0 auto; text-align:center; position:relative; margin-top:60px; padding:0 0px 30px;}
.js_info {color:#FFF ; font-size:18px; line-height:35px;}
.js_info h3 { color:#FFF ; margin-top:30px;}

.project_area { max-width:1150px; position:relative;padding: 0px 0px 65px;}

.local { margin-top:70px;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
	padding:0 15px;
}
.local .about_t { font-size:14px; margin-bottom: 10px;}
.local .about_t3 { padding-bottom:0px; font-weight:normal}
.news_info { max-width:900px;line-height:23px; min-height:500px; margin:0px auto 80px;}
.news_info p { margin-bottom:0px;}
.news_info img { width:100%;}

.box_form { padding-top:25px;}
.form_line {
    margin-bottom: 20px;
}
.box_form label {
    display: inline-block;
    float: left;
    line-height: 36px;
    color: #333333;
    font-size: 14px;
	margin-right:10px;
}

.input-text {
    width: 403px;
    padding: 7px 12px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    line-height: 20px;
}
.input-area {
    width: 100%;
    height: 129px;
    padding: 7px 12px;
    box-sizing: border-box;
    border: 1px solid #CCC;
}
.btn { text-align:right}
.button {
    border: 0;
    background-color: #fff;
    color: #333;
	border:1px solid #ccc;
	padding:7px 30px;    
    text-align: center;
    font-size: 14px;
	cursor:pointer;
}
.m_nav { display:none;}
.container { margin-top:90px;}
.news_n4 { display:none}

#indexbn { width:100%; position:relative;}
#indexbn img { width:100%;}
.pc_img,.pc_h3{ display: block; position:relative;}


.m_img,.m_h3 {display:none}

.bn_kid { position:absolute; }
.bn_kid img { width:100%;}

.bn_tree {position:absolute; width:13.33%; left:25.1%; top:27%;visibility: hidden; }
.bn_kid1 { width:16.92%; left:18%; top:10%;visibility: hidden; }
.bn_kid2 { width:16.92%; left:44%; top:5%;visibility: hidden; }
.bn_kid3 { width:16.92%; left:65%; top:10%;visibility: hidden; }
.map1 {-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.map2 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.map3 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.map4 {-webkit-animation-delay: 0.7s;animation-delay: 0.8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}


#snow_show { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden}
.m_bntext { position:absolute; top:19%; left:66.3%; width:10%;}
.bnt2 { top:50%; left:73%;}


.ewm img,.ft_right img{ max-width:115px;}


.honor_list {padding:0 0px}

.honor_list .bd { max-width:1130px; margin:0 auto 100px; overflow:hidden}
.honor_list dl { width:352px; float:left; margin-bottom:40px;margin-left:12px; margin-right:12px;}
.honor_list dt {width:100%;position: relative; overflow:hidden; margin-bottom:20px;}
.honor_list dd { text-align:center;overflow:hidden}
.honor_list dd { height:23px;font-weight:normal;overflow:hidden;}

.jiagou{ max-width:1100px; margin:0 auto; padding:50px 20px; text-align:center}


/*store-locator css*/
.target-pages-all.flo_rig,
.target-pages.flo_rig {
  float: right;
}
.mapbox {
  max-width: 1180px;
  margin: 70px auto 0;
}
.locator_ban {
  max-width: 1360px;
  overflow: hidden;
  margin: 0 auto;
}
.map {
  width: 49.15%;
  float: left;
  overflow: hidden;
}
.find-the-shop-box {
  width: 48.81%;
  float: right;
  font-size: 14px;
}
.find-the-shop-tit {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  font-weight: bold;
}
.search-shop-box {
  margin-top: 20px;
  width: 100%;
}
.search-shop-box input {
  width: 78.24%;
  background: #eaeaea;
  padding-left: 10px;
  height: 29px;
  vertical-align: top;
}
.search-shop-box button {
  width: 21.76%;
  height: 29px;
  vertical-align: top;
}
.sele-shop-box {
  margin-top: 20px;
  width: 100%;
}
.sele-shop-box .row {
  letter-spacing: -0.2em;
}
.checkout-form-row-2 .drop-select-wrap .btn span.icon-wrap {
  border: none !important;
}
.shop_box {
  width: 100%;
}
.checkout-form-heig {
  min-height: auto !important;
  margin-bottom: 32px !important;
}
.shop_tit {
  width: 100%;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding-bottom: 16px;
}
.shop_con {
  padding: 0;
}
.shop_con li {
  margin-top: 17px;
  float: left;
}
.shop_dm {
  width: 29%;
  text-align: left;
}
.shop_dz {
  width: 50%;
  text-align: left;
}
.shop_map {
  width: 17%;
  margin-left: 4%;
  text-align: center;
  font-size: 12px;
}
.shop_map i {
  background: url(../images/Store-Locator/gps_icon.png);
  display: inline-block;
  width: 14px;
  height: 22px;
}
.org_inp_over {
  border: 1px solid #999 !important;
  background: #ccc !important;
}
.search-shop-box.a-price {
  margin-top: 3px;
  padding-bottom: 20px;
  margin-bottom: 12px;
  border-bottom: 1px solid #CCC;
}
.search-shop-box.a-price input,
.search-shop-box.a-price button {
 height: 36px;
 line-height: 36px;
}
.yzm-img {
  display: inline-block;
}
.yzm-img img {
  width: 58px;
  height: 29px;
}
.bor-none {
  border-bottom: none;
}
.none-search_jg {
  font-size: 20px;
  color: #333;
}
.mg-bottom50 {
  margin-bottom: 50px;

}

.select_box.no-checkfa {
  border: 1px solid #ccc;
}
.select_box.no-checkfa i{
color: #ccc;
}
.i-tel {
  font-size: 14px;
}
.i-tel span {
  font-size: 12px;
}
.navhl_b { display: none}
.nav .nav_lang { display:none}
.dapei { padding-bottom:50px;}

#fade {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1000;
	background: rgba(0, 0, 0, 0.6);
	display:none;
}
#pro-detail {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:16666;
	display:none;
}
#pro-close {
	display:block;
	width:114px;
	height:27px;
    bottom: 10px;
    right: 20px;
    position: absolute;
	z-index:7777;
	cursor:pointer;
	background:url(../images/close.jpg) no-repeat;
}
.pro-detail {
	position:fixed;
	z-index:6667;
	overflow:hidden;
	max-width:1000px;
}


#picbig { width:400px;box-sizing:border-box; float:left; background-color:#FFF; border:10px solid #e5e5e5; overflow:hidden; }
.prod_tech .hd h3{ font-size:22px;font-family:'MyriadPro-B', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:10px; margin-bottom:5px;}
.pro-detail  { width:940px; height:480px; top:50%; left:50%; margin:-240px 0 0 -470px; background-color:#e5e5e5}

.prod_right  { width:540px; float:right;padding:10px 23px; box-sizing:border-box;}
.prod_tech .hd h3{ font-size:22px;text-transform:uppercase; margin-top:10px; margin-bottom:5px;}
.prod_right p { font-size:14px}
.prod_tech { overflow: hidden; padding-top:20px;}
.prod_tech .hd { border-top:1px solid #727272; position:relative;margin-top:10px;}
.prod_tech .hd span { display:inline-block; position:absolute; top:12px; right:0; background-color:#d2d2d2; line-height:22px; border-radius:20px; padding:0 10px;}
.prod_tech .hd h3 { margin-bottom:20px;}
.prod_tech .bd { position:relative; padding-bottom:25px;}
.prod_tech .bd a { display:inline-block; text-align:center;padding:10px 25px; margin-right:10px;}
.prod_tech .bd a span { display:block; text-align:center; line-height:25px;font-family:'BauhausStd-Bold', Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:bold; color:#000;}
.prod_tech .bd a img { height:80px;}

.pro-detail .close { text-align:center; color:#333; width:30px; display:inline-block; position:absolute; top:15px; right:15px; background-color:#d2d2d2; cursor:pointer;  border-radius:20px; padding:1px 10px 0; line-height:30px; opacity:0.8}
.pro-detail .close:hover { opacity:1}

.prod_right .gallery-thumbs { width:370px; overflow:hidden; margin:0;}
.gallery-thumbs .swiper-slide{ box-sizing:border-box; width:84px; height:84px; overflow:hidden; border:1px solid #e5e5e5}
.gallery-thumbs .swiper-slide img { width:100%;} 
.gallery-thumbs .swiper-slide-active { border:1px solid #000}
.prod_name { font-size:18px; font-weight:bold; margin-top:10px;}
.prod_price { font-size:16px; font-weight:bold; margin-bottom:12px;}
.prod_kadvantage {padding-bottom:10px; color:#666666}
.prod_kadvantage p { font-size:12px; line-height:26px; color:#666666}
.leixing { border-bottom:1px solid #CCC; margin-bottom:12px;padding-bottom:12px; margin-top:5px; overflow:hidden }
.leixing img { width:67px; margin-top:-8px;}
.leixing a { display:inline-block; margin-right:8px; border:1px solid #FFF;width:67px; height:67px; overflow:hidden; float:left;}
.leixing a:hover,.leixing .hover  { border:1px solid #676767}


.chuban_left { width:85%; float:left}
.chuban_left dt { width:25%;float:left}
.chuban_left dd { width:75%;float:left; padding:0 20px;}
.chuban_text { padding-right:50px; margin-top:0px;}
.chuban_text img  { max-width:100%;}
.chuban_title { font-size:14px; color:#787878}
.chuban_ms { margin-bottom:20px;}
.chuban_right { width:15%; float:right;}
.chuban_right li { margin-bottom:20px;}

.book_wrap .chuban_right .fp-h3{ font-size:12px; line-height:12px;}
.go_buy { display:inline-block; margin-left:10px; text-decoration:underline}
.chuban_text p{ margin-bottom:20px;}
.empty { display:inline-block; width:43px;}
@media (max-width: 1400px) {
	.fp-pd-copy { max-width:100%; padding:0 100px;}
	.fp-discipline-carousel,.other-slide {max-width:100%; padding:0 100px;}
	.contact .bd { max-width:900px; padding:70px 0 0px 90px ;}
	.contact .post_list {padding:70px 60px 0px 60px ;}
	.patent_table .patent_xuhao{ width:15%;}
	.patent_table .patent_name{ width:65%;}
	.patent_table .patent_num{ width:15%;}
	.book_wrap .column {padding-left:15px;padding-right: 15px;}
	.nav li a { width:100px;}

}

@media (max-width: 1000px) {
	.nav { display:none}
}



.nav-trigger { display:none}
.BMap_cpyCtrl {
	display: none
}
.mapbd { position:relative;	height: 560px;margin-bottom:60px;}
#allmap {
	width: 50%;
	height: 100%;
	float:left;
	
}
.mapbox {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.map_side { margin-right:0px;}
.map_side a{ font-weight:bold}
.map_side a:hover { color:#6bc048; font-weight:bold}
.maplist {
	width: 47%;
	height: 100%;
	background: #fff;
	height: 100%;
	float:right;
}
.maplist h1 {
	padding: 20px 0 0;
	margin: 0 10px;
	font-size: 18px;
	height: 60px;
	font-weight: normal;
	border-bottom: solid #CCC 1px;
}
.list {
	overflow: hidden;
	width: 100%;
	height: 465px;
	padding-left:0px;
}
.list ul li {
	border-top: solid #f0f1f1 1px;
	padding: 10px;
	cursor: pointer;
	display: block;
}
.list ul li:hover {
	background-color: #f9fafa;
}
.list ul li h2 {
	margin: 0;
	font-size:16px;
}
.list ul li p {
	font-size: 15px;
	color:#666;
}
select { margin:0; padding:0; padding:0 10px; font-size:14px;}
#city_china {
	margin:0 0 25px;
	background-color:#f2f2f2;
	padding: 15px 20px;
	overflow:hidden
}
#city_china select {
	width: 185px;
	height: 36px;
}
.province {
	float: left;
	margin-right: 30px;
}
.city {
	float: left;
}
.store_open, .store_close {
	display: none;
}

.mCSB_scrollTools a + .mCSB_draggerContainer { margin:0 !important;}
.slide { position:relative}
.new_prod { max-width:1200px; margin:0 auto}

.wxcover{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:21000; display:none;background:#333;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.wxWindow{width:262px;background-color:#fff; text-align:center;position:fixed;float:none;top:45%;left:50%;padding:20px 40px;margin:-131px 0 0 -130px;z-index:22500;border-radius:4px; display:none}
.wxWindow .close{width:30px;height:30px;position:absolute;float:none;top:0px;right:-30px;cursor:pointer;z-index:10;}
.wxWindow .close i{width:30px;height:30px;float:left;background:url(../images/close.png) no-repeat center center;}
.wxWindow img{width:100%;}
.wxWindow .close:hover{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}
.wxWindow .close{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.top_search { width:135px; margin-right:15px; display: none; position:relative; border-bottom:1px solid #e3e3e3; padding-bottom:5px;}
.search-input {
	width: 100px;
	height: 21px;
	line-height: 21px;
	float: left;
	font-size: 12px;
}
.search-submit {
	width: 21px;
	height: 21px;
	background:url(../images/search.png) no-repeat center center;
	background-size:12px;
	float: left;
	cursor: pointer;
	margin-right:10px;
}
.icon_tmall { display:inline-block; margin-left:20px;}
.icon_tmall img { display:block;}
.gobuy { margin:80px 0; text-align:center;}
.prod_hd { width:100%; position: relative}
.prod_hd img { width:100%;}
.mlogo { display:none}

#sr { padding:100px 0;}
#sr td { padding:0 50px;}
#sr img { width:600px;}

@media screen and (max-width:980px) {
.mapbd { position:relative; height:auto;}

#allmap {
	width: 100%;
	float: left;
	height:280px;
	
}
.maplist { width:100%; position:relative;left: 0px; float:left; margin-top:10px; margin-bottom:30px;}
.map_side { margin:0;}
.store_open {
	width: 50px;
	height: 40px;
	display: block;
	background: rgba(27,28,128,.8);
	position: absolute;
	z-index: 999999999999999999999;
	left: 0;
	top: 10px;
	border-radius: 0 20px 20px 0;
	color: #fff;
	text-align: center;
	line-height: 35px;
	font-size: 25px; display:none
}
.store_close {
	width: 35px;
	height: 40px;
	background: rgba(27,28,128,.8);
	position: absolute;
	z-index: 999999999999999999999;
	left: 260px;
	top: 10px;
	border-radius: 0 20px 20px 0;
	color: #fff;
	text-align: center;
	line-height: 35px;
	font-size: 25px; display:none
}
#city_china { margin: 0 0 30px;padding:10px 25px;}
#city_china select { width:130px; box-sizing:border-box;}
.province { margin-right:20px;}
.list ul li {padding: 10px 5px 10px 25px;background: url(../images/icon_add.png) no-repeat 0px center; background-size:13px}
.list ul li h2 { font-size:14px;}
.list ul li p { font-size:12px;}


}
@media (max-width: 768px) {
	.store_banner .video_button { display: block}

	body {min-width: 100%;font-size: 12px;line-height: 22px;}
	.logo { display: block; position:fixed; width:158px; top:18px;left:15px; margin:0;}
	.logo img { width:100%;}
	.box { padding:0 15px;max-width:100%; margin:0}
	.team .box  {padding:0}
	.contact { padding:0;}
	.prod_tj {padding:0 15px;max-width:100%; margin-top:50px;}
	.prod_tj dd { padding:20px 15px;}
	.prod_tj dd p { margin-bottom:20px;}
	.index_news .hd {padding-top: 30px;padding-bottom: 30px;}
	.nav-trigger { display:block;width: 50px;height: 60px;cursor: pointer; float:right}
	.nav-trigger .hamburger { position:absolute; top:50%; top:28px;right:15px; width:24px; height:16px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); }
	.nav-trigger .hamburger .line { position:absolute; top:0; left:0; width:100%; height:100%; margin-top:0; -ms-transform:translate(0,0%); -webkit-transform:translate3d(0,0%,0); transform:translate3d(0,0%,0); -webkit-transition:width 222ms cubic-bezier(.215,.61,.355,1)444ms,margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)222ms; transition:width 222ms cubic-bezier(.215,.61,.355,1)444ms,margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,transform 222ms cubic-bezier(.215,.61,.355,1)222ms; }
	.nav-trigger .hamburger .line span { position:absolute; top:0; left:0; width:100%; height:3px; background-color:#000; -ms-transform:rotate(0); -webkit-transform:rotate(0)translate3d(0,0,0); transform:rotate(0)translate3d(0,0,0); -webkit-transition:-webkit-transform 222ms cubic-bezier(.215,.61,.355,1); transition:transform 222ms cubic-bezier(.215,.61,.355,1); }
	.nav-trigger .hamburger .line:nth-child(2) { width:100%; margin-top:0px; -ms-transform:translate(0,50%); -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); }
	.nav-trigger .hamburger .line:nth-child(3) { width:100%; margin-top:0px; -ms-transform:translate(0,100%); -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
	.nav-trigger .hamburger .line:nth-child(3) span { visibility:visible; -webkit-transition:visibility linear 222ms; transition:visibility linear 222ms; }
	.show .nav-trigger .hamburger .line { margin-top:-1px; width:100%; -ms-transform:translate(0,50%); -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); -webkit-transition:width 222ms cubic-bezier(.215,.61,.355,1),margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)222ms; transition:width 222ms cubic-bezier(.215,.61,.355,1),margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,transform 222ms cubic-bezier(.215,.61,.355,1)222ms; }
	.show .nav-trigger .hamburger .line span { background-color: #222 !important; -webkit-transition:-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)444ms; transition:transform 222ms cubic-bezier(.215,.61,.355,1)444ms; }
	.show .nav-trigger .hamburger .line:nth-child(1) span { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg)translate3d(0,0,0); transform:rotate(45deg)translate3d(0,0,0); }
	.show .nav-trigger .hamburger .line:nth-child(2) span { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg)translate3d(0,0,0); transform:rotate(-45deg)translate3d(0,0,0); }
	.show .nav-trigger .hamburger .line:nth-child(3) span { visibility:hidden; -webkit-transition:visibility linear 444ms; transition:visibility linear 444ms; }
	
	.sns { width:100%; right:0;bottom:0px;position:absolute; text-align: center;background-color: #fff; z-index: 33; display:none; -ms-transform:translate(0,100%); -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
	.show .sns { margin:0;-ms-transform:translate(0%,0);bottom:260px; -webkit-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); }

	.p-header{height: 60px;}
	.stock { display:none}
	
	.container { margin-top:60px;}
	
	.nav { width:100%;height: auto;border-top: 1px solid #dcdcdc; background-color:#fff; padding-top:10px; display:none;position: fixed; top:60px; left:0;/*-ms-transform:translate(0%,-120%,0); -webkit-transform:translate3d(0%,-120%,0); transform:translate3d(0%,-120%,0);*/}
	.p-header.show  {height: 100%;}	
	.nav .sub_nav  {width:100%; float:left}
	.show .nav {-ms-transform:translate(0%,0); -webkit-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); }
	.nav ul { width:100%; margin-top:0;}
	.nav li { width:100%; box-sizing:border-box;margin: 0px;border-bottom:0px solid #d8d8d8; margin-bottom:15px;}
	.nav .sub_nav li {margin-bottom:0}
	.nav li a { width:100%; text-align:center; margin:0 0px; background:url(../images/menu_arrow.png) no-repeat center right; background-size:6px; font-size:14px; line-height:26px;}
	.nav .current a{background:url(../images/menu_arrow_selected.png) no-repeat center right; background-size:6px;}
	.nav .current .sub_nav a { background:none}
	.nav li a span { display:inline-block;}
	.nav li .fp-nav-last { width:100%;}
	.top_search ,.icon_tmall{ display:none}
	.about, .service {margin: 0px auto 0;}
	.index_project .hd {padding-top: 40px;padding-bottom: 25px;}
	.index_prod .p_img { width:100%; height:auto;}
	.index_prod a span { font-size:13px}
	.hd h2 { font-size:18px;margin-right:10px;}
	.hd h3 { font-size:18px}
	.hd p { font-size:12px; margin: 10px 0;}
	.index_prod { max-width:100%; padding-top:15px;}
	.service .box_left { width:100%; float:left}
	.service .box_right { width:100%;padding:20px 0;}
	.indexnews_list li { width:100%;}
	.local { margin-top:30px; margin-bottom:5px;}
	.local .about_t3 {font-size: 14px;}
	.brand .cp_left { margin-bottom:30px;}
	.story_t_m { position:absolute; width:27.66%; top:30%; right:11%;}
	.cp_right { width:100%; position:relative; right:0;}
	.cp_right dt h2 { font-size:20px; color:#333; margin-bottom:10px; display:none}
	.brand .cp_right dd p {color:#333;margin-bottom:0;}
	.story_left { width:100%;font-size: 13px;line-height: 24px;padding: 5% 0;}
	.story_left img{ width:60%;}

	.story_right { width:100%; float:left; margin-top: 0;}
	.story_right  img { width:100%;}
	.index_prod li { padding:0 5px; box-sizing:border-box;}
	.wenhua {margin: 30px auto 0;}
	.wenhua h1 { font-size:20px; margin-bottom:10px; display:none}
	.wenhua h2 { margin-bottom:30px;display:none}
	.wenhua dl { width:100%;margin-bottom:15px; text-align:center; background:none}
	.wenhua .wh_2 {padding-left: 0;}
	.wenhua .wh_3 {padding-left: 0;}
	.story_t2 { width:33%; margin:30px auto 0; position:relative; top:0; left:0; }
	.wh_want { margin-bottom:0;margin-top:30px;}
	.want_right { width:100%;margin-top:30px;font-size: 13px;padding-left:0px; text-align:center}
	.want_left { width:52.5%;}
	.want_mid { width:59%;margin-left: -12%;}
	.wenhua_shoes { margin: 0px auto 50px;}
	.wenhua_shoes .hd {text-align: center;padding-top:45px;padding-bottom:30px;}
	.wenhua_shoes .box_left { width:100%;}
	.wenhua_shoes .box_right  { width:100%;}
	.box_right dt h2 { font-size:18px; margin-bottom:0}
	.box_right dd { padding-top:15px;}
	.index_brand .service dt h3 { margin-bottom:0;}
	.banner_prod {background: url(../images/banner_prod.jpg) no-repeat -100px 0; background-size:1300px; position:relative; z-index:1;}
	.bn_t { padding-top:80px;}
	.bn_t h2 { font-size:20px;}
	.bn_t h3 { font-size:18px;}
	.prod_nav { max-width:100%; background-color:#FFF;margin:59px 15px 0; position:relative;}
	.prod_nav .bd {width:100%;padding:10px; position:absolute; top:45px; left:0;  z-index:9;  background-color:rgba(255,255,255,0.95); display:none;} 
	.prod_nav_left.current span{ color:#FFF; background-color:#6bc048}
	.prod_nav_left.current .bd { display:block}
	.prod_nav_right.current span{ color:#FFF; background-color:#6bc048}
	.prod_nav .hd span { width:100%; font-size:18px; line-height:45px;margin-bottom:0}
	.prod_nav h2 { margin-bottom:0; font-size:13px;}
	.prod_nav a { font-size:13px;line-height: 25px;margin: 0 10px;}
	
	.prod_tj .box_left { width:100%;}
	.prod_tj .box_right { width:100%;}
	.more { font-size:14px;width: 140px;height: 36px;}
	.more .label {height:30px; line-height:30px;}
	span.navline { display:none}
	.prod_xl .story_left {margin-top: 0; padding: 0;}
	.story_left h2 { margin-bottom:20px; display:none}
	.prod_xl .story_right {margin-top: 0; padding: 0;}
	.xl_ft {margin-top: 30px;}
	.xl_pic { width:100%; position:relative;padding-left: 0%; padding-top: 0%;}
	.prod_active { margin-bottom:50px;}
	.prod_active .xl_pic {left:0;}
	.qiu1,.qiu2,.qiu3,.prod-12bg  { display:none}
	.xl_ft .box_right { width:100%;padding:20px; margin-top:10px;}
	.box_right dt h3 { font-size:20px;}
	.box_right dd p { margin-bottom:20px;}
	.prod_xl .cp_left { margin-bottom:20px;}
	.story_right .prod-11 {bottom: -7%;}
	
	.prod_list dl { width:50%;}
	.prod_last { margin:50px auto;}
	.footer {padding:15px; border-top: 1px solid #dbdbdb;}
	.ft_logo {margin-bottom: 15px;}
	.ft_lang { float:right}
	.bt_lang { display:none}
	.top_lang { top:15px; left:auto; right:10px; margin-left:0}
	.ft_nav { margin-bottom:20px;}
	.ft_sns { width:100%; text-align:center}
	.member .box_right dl {top: 22%;}
	.member {padding-bottom: 30px;}
	.club {padding:30px 0; margin-left:-15px; margin-right:-15px;}
	.club_bg { margin-bottom:50px;}
	.club_left .hd {margin: 30px 15px 0px;}
	.club_left li { padding:0 15px;}
	.club_right .hd span { font-size:18px}
	.club_left {width:100%; display:none}
	.club_left .hd span { font-size:18px; line-height:30px;background: url(../images/icon_user.png) no-repeat left center; background-size:18px;padding-left: 30px;}
	.club25 .club_left{ display:block;}
	.club25 .club_right{ display: none;}
	.club25 .club_left li a:hover, .club25 .club_left li .hover {background-color: #FFF;color: #333;}
	.club_left li a {background: url(../images/menu_arrow.png) no-repeat center right; background-size:10px; border-bottom: 1px  dashed #cccccc}
	.club_right {width:100%;padding: 0 15px 20px;}
	.club_right .bd { margin:0;}
	.club_right .bd p { font-size:12px; line-height:23px;}
	.club_right li p {background: url(../images/member/icon_dt.png) no-repeat 0 8px; background-size:5px;padding-left:10px;}
	.club_right ul { width:50%;margin-top:20px;padding-right:10px;}
	.club_right li { height: auto;margin-top:0px;padding:10px 0px;}
	.club_right li img { width:100%;}
	.club_right li h3 { font-size:14px;}
	.lx_left { width:100%; text-align:center; height:auto; padding-bottom:40px;background-color: #6bc047;}
	.lx_left h2 { font-size:18px; text-align:center; display:block}
	.lx_left h3 { margin-bottom:0px; text-align:center;font-size:18px; display:block}
	.lx_left span { width: 38px; height:1px;margin-top: 10px; display:inline-block}
	.lx_side { display:none}
	.hd span.line { width:38px; height:1px; margin-top:10px;}
	.tel {font-size: 16px; line-height:50px;}
	.lx_left p { font-size:13px; line-height:25px;padding: 30px 0px;}
	.copyright { font-size:10px; text-align:center}
	.ft_left {width:100%;}
	.ft_right { width:100%;}
	.ft_nav li  {margin-left:7px; float:left; line-height:30px;}
	.ft_nav li a { margin-right:7px;}
	.store_banner .swiper-slide img {}
	.tech_list { height:510px; background-size: cover; background-position:top left;background: url(../images/prod/prod-tech2.jpg) no-repeat top center;}
	.prod_keji {width:100%;position: relative; top: 0px; left: 0%; margin-left: 0px; z-index: 10;padding-top:30px; float:left}
	.keji_active { width:100%;}
	.keji_lifestyle {width:100%;}
	.mkbox h3 { font-size:12px; margin-top:32px;}
	.mkqy3 h3 { margin-top:20px;}
	.mkdouble h3 { margin-top:20px;}
	.mkbg1 { position:relative;top:0; left:0; right:0; float:left; margin:10px 50px; width:90px; height:90px;}
	.mkbg2 { position:relative;top:0; left:0; right:0; float:left; margin:10px 50px; width:90px; height:90px; display:none;}
	.navhl_b { display: block; overflow:hidden }
	.navhl_b a {
		width: 50%;
		line-height:30px;
		float: left;
		display: inline-block;
		background-color: #FFF;
		text-align:center;
	}
	.navhl_b .navhl_h { background-color:#6bc048; color:#FFF;}
	.prod_keji .tech_info { position:fixed; top:40%; left:50%; margin-left:-130px; z-index:9999; font-size:13px; line-height:25px; display:none}
	.icon_tech { display:none}
	.pc_img { display:none}
	.m_img { display: block}
	.m_bntext { position:absolute; top:37%; left:50%; width:26.56%; margin-left:-13.28%}
	.bnt2 {width:22.18%;top:50%; left:85%;}
	.nav .nav_lang { display: block; float:right; margin:20px;}
	
	.tech_colse {width: 16px;
    height: 16px;
    position: absolute;
    top: 50px;
    right: 15px;
    background: url(../images/tech_colse.png) no-repeat;
    cursor: pointer;}
	.tech_info_wap{ width:100%; height:100%;position: fixed;
    top: 60px;
    left: 0;
    margin-left: 00px;
    z-index: 9999;
    font-size: 13px;
    line-height: 25px;
	background-color: #FFF;
    padding: 20px 15px;
    box-sizing: border-box;
	webkit-transform: translateY(1200px);
    transform: translateY(1200px);
    -webkit-transition: max-height 0.6s linear;
    transition: all 0.6s linear;
	}
	.tech_wap_text { padding-top:30%;}
	
	.sb-search .open, .sb-search .close { display:block}
	.gobuy {margin:30px 0;}
	.swiper-slide .more { width:120px; margin-left:-60px; border:2px solid #fff}
	.swiper-slide .more .label { font-size:12px;}
	.box_left { width:100%;}
	.icon_plane { width:100px; display:none}
	.icon_plane img { width:100%;}
	.index_brand .bd {padding: 0px 0 50px;}
	.about .bd {padding: 0px 0 50px;}

	.index_brand .box_right {width:100%; padding-top:40px;}
	.index_brand .box_right dt { font-size:14px}
	.dh-about1 { left:5%; display:none}
	.indexnews_list li span { font-size:13px;margin:0px 0 30px;line-height: 38px;}
	.inabout .m_img{ margin-bottom:20px;}
	.index_brand .inabout dd h3 { font-size:14px;}
	.icon_k { width:30px; margin-left:-15px; top:-15px;}
	.icon_bn { width:30px; margin-left:-15px;bottom:-15px;}
	.dh-about2 { position:relative; left:60%; display:none}
	.dh-about2 img { width:100%;}
	.index_brand .inabout dd { padding-top:0;}
	
	
	.history { display:none}
	.m_history { display:block;}
	.m_history .m_logo { text-align:center;}
	.m_history .m_logo img { width:98px; padding-bottom:50px;}
	.m_line_dot {
		width: 100%;
		background: url(../images/history-bg2.png) no-repeat top center;
		background-size:100%;
		top: 0px;
		left: 0;
		overflow:hidden;
		padding-bottom:60px;
	}
	.lishi_year {color: #6bc048;font-weight: normal;}
	.m_lishi_box {width: 100%; float:left}
	.m_lishi_box dl,.m_lishi_box dd { width:100%; float: left; overflow:hidden}
	.m_lishi_box p{ width:45%; font-size:12px;float:left}
	.m_lishi_box dt { float: left}
	.m_lishi_box .lishi_year { float:left;}
	
	.m_line_dot img { width:100%;}
	
	
	.m_year1998 p { float:right}

	.m_year1999 { padding-top:22%;}
	.m_year1999b{ padding-top:11%;}
	
	
	.m_year2003 { padding-top:13%;}
	
	.m_year2005 { padding-top:14%;}
	.m_year2005b {padding-top:18%;}
	.m_year2005c {padding-top:18%;}
	
		
	.m_year2009 {padding-top:16%;}
	.m_year2009b {padding-top:16%;}
	
	.m_year2016 { padding-top:16%;}
	
	.m_year2017 { padding-top:29%;}
	.m_year2017b{ padding-top:16%;}
	.m_year2018 { padding-top:19%;}
	.m_year2018b {padding-top:17%;}
	
	
.ft_sns .facebook {background-size:120%;}
.ft_sns .weibo { background-size:120%;}
.ft_sns .weixin { background-size:120%;}
	.m_img .bn_kid1 { width:38.59%; left:0; top:22%;}
	.m_img .bn_kid2 { width:43.9%; left:27%; top:16%;}
	.m_img .bn_kid3 { width:38.59%; left:60.5%; top:25%;}
	
	.level-1 {pointer-events: none;}
	.sub_nav { position:relative; top:0;}
	.sub_nav ul { width:100%;}
	.nav .sub_nav li {}
	.nav .sub_nav li a { font-size:12px; background:none; line-height:26px; color:#787878}
	.wxWindow{ width: 222px;padding: 20px;margin:-131px 0 0 -111px;}
	.lx_right dd { width:100%;margin:0; padding:10px 0 0;border-left:0}
	.lx_sns { padding-top:15px; margin-top:15px;border-top:1px dashed #6bc048;}
	#sr { padding: 130px 0 0} 
	#sr img { width:300px;}
	
	.index_brand .box_right img { width: auto; max-width:100%;}
	.index_brand .box_right .logo_tm { width:100px;}
	.pro-detail {
    width: 100%;
    height: auto; position:relative;
    top:0px;
    left: 0%;
    margin:0;
    background-color: #e5e5e5; z-index:9999;
}
.mpicbig {
    width: 100%;
    height: auto;
    padding:0;
    box-sizing: border-box;
    float: left;
    background-color: #FFF;
}
.prod_right {
    width: 100%;
    float: right;
    padding: 10px 20px;
    box-sizing: border-box;
}

.pro-detail .close { position:fixed; top:20px; right:20px;z-index:9999;border:0; background-color: transparent; font-size:18px}
#pro-detail { overflow-y: scroll;}
#picbig { width:100%;border: 15px solid #e5e5e5;}
.gallery-thumbs { width:100%;}


.fp-footer .fp-footer-links {
    height: 0;
    overflow: hidden;
}
.fp-dc-content__copy {
    padding: 0px 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
}
.fp-dc-content__copy .fp-dc-content__copy-title { font-size:14px; padding:10px 15px;}
.fp-footer .fp-footer-header {width:100%; }
.fp-footer .fp-footer-lower{ margin:0;}
.fp-footer .fp-footer-columns{ padding:0 0 10px 0; display:block;}
.fp-footer .fp-footer-column {width:100%;margin-bottom: 0;}
.fp-pd-copy { padding:0 15px;margin:30px auto 0;}
.fp-caseinfo h2 { margin-bottom:15px;}
.news_list dl { padding-bottom:20px; margin-bottom:20px;}
.news_list dt { overflow:hidden; margin-bottom:0px;}
.news_list dd { margin-right:150px;}
.contact .news_list dd p { display:none}
.news_time { margin-bottom:15px;}
.news_title { margin-bottom:10px; margin-left:0;}
.sidenav { display:none}
.col-sm-6 { width:100%;}
.book_wrap .column { width:35%; height:auto; margin-bottom:20px; padding:0;}
.book_wrap .info_column { width:65%; padding-left:15px;}
.fp-footer .fp-footer-hygine { text-align:justify}
.contact .bd { text-align:left; padding:30px 0 0; margin-bottom:30px;}
.contact .bd p{ line-height:22px;}
.contact .bd h3 { line-height:24px;}
.address h4 span {margin-bottom: 13px;margin-top: 5px;}
.addmap dt { width:100%;}
.address { width:50%; padding-right:10px;}
.add-france {padding-right:0;}
.lx_right { width:100%;padding-top:40px; overflow:hidden; position:relative}
.footer .margin_top30 { margin-bottom:0;}

.fp-footer .fp-footer-copyright {
    line-height:22px;
}
.ny_honerlist ul li {padding: 0 0 15px;}
.pageNavi {margin-top: 15px;}
.patent_table tr td { line-height:24px;}
.patent_table .patent_xuhao { }

.contact .news_list {padding:0}
.post_list .row { margin:0;}

.chuban_left { width:100%;}
.chuban_right { width:100%; padding-top:30px;}
.chuban_right ul { margin-right:-15px;}
.chuban_right li { width:33.33%; float:left; padding-right:15px;}
.fp-dc-title { padding-bottom:15px;}
.news_info { padding:0 15px;}

.fp-project-description { margin-bottom:30px;}
.fp-content-header__title {margin: 0 0 15px 15px;}
.fp-discipline-carousel, .other-slide{ padding:0 15px; margin-bottom:30px;}
.fp-ph-copy { position:relative; color:#333; bottom:0;}
.fuwulist .fp-ph-gradient { display:none}
.fp-ph-h1 { top:0;}
.fp-ph-strapline { padding:20px 15px 0px;font-size: 16px;}
.fp-ph-h1 .fp-ph-strapline {font-size: 16px;}
.sub_nav .mbt { margin-bottom:5px;}
.videoplay { width:100%; height:auto; margin:20px 0}
.empty { display:none}
.chuban_text { padding-right:0px;}
.show_sub:hover .sub_nav { min-height:0;}
.wap_nav { display: block}
}

@media (max-width: 380px) {
	.mkbg1 {margin: 10px 40px;}
	.mkbg2 {margin: 10px 40px;}
}
@media (max-width: 320px) {
	.hd h2 { font-size:16px;margin-right: 10px;}
	.hd h3 { font-size:13px;}
	
	.service p { font-size:12px;}
	.input-text { width:218px;}
	.vision_left img{ width:730px;}
	#city_china {padding:15px;}
	#city_china select { width: 120px;}
	.province { margin-right:10px;}
	.mkbg1 {margin: 10px 27px;}
	.mkbg2 {margin: 10px 27px;}
}