/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input,
select,
textarea,
button {
	-webkit-appearance: none;
	resize: none;
	outline: none;
}

/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
	display: none;
}

select::-ms-expand {
	display: none;
}

/* 图片自适应 */
img {
	height: auto;
	width: auto;
	/* ie8 */
	-ms-interpolation-mode: bicubic;
	/*为了照顾ie图片缩放失真*/
}

/* 初始化 */

body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
}

body {
	font: normal 14px "微软雅黑", Tahoma, "Lucida Grande", Verdana, STXihei, hei;
	background-color: #fff;
	height: auto;
}

em,
i {
	font-style: normal;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #666;
	font-family: "微软雅黑", '宋体', Tahoma, Arial, sans-serif;
}

a:hover {
	color: #f08300;
	text-decoration: none;
}

.footer-menu ul,
ol {
	list-style: none;
}

ul,
ol {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-family: "微软雅黑";
}

img {
	border: none;
	vertical-align: top;
}

input {
	font-family: "微软雅黑";
}

/*清楚浮动*/
.clearfix:after,
.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.wrap {
	padding: 0 4%;
}

.gf-header .black a {
	color: #000;
}

.black p {
	color: #000;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
	background: url("../img/headerBg.jpg") repeat-x scroll 0 0;
	border-bottom: none;
	height: 130px;
}

.header-inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 130px;
}

.logo {
	width: 206px;
	height: 54px;
	position: absolute;
	left: 0;
	bottom: 12px;
}

.logo a {
	display: block;
	width: 206px;
	height: 54px;
}

.logo a img {
	width: 100%;
}

.topbar {
	position: absolute;
	right: 0;
	top: 15px;
}

.topbar span {
	float: left;
	display: inline-block;
	margin-right: 8px;
	width: 22px;
	height: 22px;
}

.topbar span a {
	display: block;
	width: 22px;
	height: 22px;
}

.tb1 a {
	background: url("../img/topbar-iocn01.png") no-repeat scroll 0 0;
}

.tb1 a:hover {
	background: url("../img/topbar-iocn01H.png") no-repeat scroll 0 0;
}

.tb2 a {
	background: url("../img/topbar-iocn02.png") no-repeat scroll 0 0;
}

.tb2 a:hover {
	background: url("../img/topbar-iocn02H.png") no-repeat scroll 0 0;
}

.tb3 a {
	background: url("../img/topbar-iocn03.png") no-repeat scroll 0 0;
}

.tb3 a:hover {
	background: url("../img/topbar-iocn03H.png") no-repeat scroll 0 0;
}

.tb3 a:hover .tb3Box {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(88, 88, 88, .5);
}

.tb3Box {
	display: none;
}

.topbar em {
	float: left;
	width: 130px;
	height: 19px;
}

.nav_bar {
	width: 860px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.nav_bar>ul>li {
	list-style-type: none;
	float: left;
	text-align: center;
	width: 95px;
}

.nav_bar>ul>li>a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 35px 0 8px;
	color: #333;
}

.nav_bar>ul>li:hover a span,
.nav_bar>ul>li:hover a i {
	color: #fff;
}

.nav_bar ul li a span {
	display: block;
	font-size: 16px;
	text-align: center;
}

.nav_bar ul li a i {
	display: block;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #888;
	-webkit-transform: scale(0.75);
}

.nav_bar>ul>li:hover {
	background: url("../img/navBg.png") no-repeat scroll center 0;
	color: #fff;
}

.nav_bar .cur a span,
.nav_bar .cur a i {
	color: #f08300;
}

.nav_bar ul li:hover .hid {
	display: block;
}

/* new add */
.nav_bar1 {
	width: 860px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.nav_bar1>ul>li {
	list-style-type: none;
	float: left;
	text-align: center;
	width: 95px;
}

.nav_bar1>ul>li>a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 35px 0 8px;
	color: #333;
}

.nav_bar1>ul>li:hover a span,
.nav_bar1>ul>li:hover a i {
	color: #fff;
}

.nav_bar1 ul li a span {
	display: block;
	font-size: 16px;
	text-align: center;
}

.nav_bar1 ul li a i {
	display: block;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #888;
	-webkit-transform: scale(0.75);
}

.nav_bar1>ul>li:hover {
	background: url("../img/navBg.png") no-repeat scroll center 0;
	color: #fff;
}

.nav_bar1 .cur a span,
.nav_bar1 .cur a i {
	color: #f08300;
}

.nav_bar1 ul li:hover .hid {
	display: block;
}

.hid {
	width: 100%;
	position: absolute;
	left: 0;
	display: none;
	z-index: 10002;
}

.hid .hid-box {
	width: 858px;
	padding: 20px 10px;
	overflow: hidden;
	border-left: 1px solid #f08300;
	border-right: 1px solid #f08300;
	border-bottom: 1px solid #f08300;
	border-radius: 0 0 5px 5px;
	background: rgba(255, 255, 255, 0.8);
}

.hid-head {
	float: left;
	text-align: left;
	margin-left: 10px;
}

.hid-world {
	width: 330px;
	color: #333;
}

.hid-head .pic {
	float: left;
}

.hid-head .txt {
	float: left;
}

.hid-world .txt {
	width: 190px;
	margin-left: 20px;
}

.hid-voice .txt {
	width: 150px;
	margin-right: 10px;
}

.hid-experience .txt,
.hid-impreesion .txt {
	width: 190px;
	margin: 0 10px 0 20px;
}

.hid-product .pic {
	margin-right: 10px;
}

.hid-head .txt .tit {
	border-top: 1px dotted #d1d1d1;
	padding-top: 5px;
	font-size: 15px;
	color: #f08300;
	font-weight: 600;
}

.hid-head .txt .info {
	margin-top: 10px;
}

.hid-head .txt .info p {
	line-height: 20px;
	color: #666;
	font-size: 14px;
}

.hid .hid-box ul {
	float: left;
}

.hid .hid-box ul li {
	width: 150px;
	margin: 0 10px;
	float: left;
	position: relative;
	height: 90px;
	list-style: none;
}

.hid .hid-box ul li a {
	font-size: 12px;
	color: #333;
	line-height: 30px;
}

.hid .hid-box ul li p {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	background: rgba(0, 0, 0, .5);
	width: 150px;
}

.hid .hid-box ul li a p {
	color: #fff;
}

.navM {
	display: none;
}

.sliderOuterWrapper {
	position: relative
}

.sliderWrapper {
	overflow: visible
}

.nivoSlider {
	position: relative;
	overflow: visible
}

.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none
}

.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important
}

.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none
}

.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0
}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden
}

.nivo-box img {
	display: block;
	width: 100%;
	height: auto
}

.nivoSlider {
	position: relative;
	background: #333 url("../img/loading.gif") no-repeat 50% 50%
}

.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: auto
}

.nivoSlider a {
	border: 0
}

.nivo-controlNav {
	position: absolute;
	bottom: 20px;
	z-index: 99;
	height: 8px;
	line-height: 8px;
	width: 100%;
	text-align: center;
}

.nivo-controlNav a {
	display: inline-block;
	width: 45px;
	height: 8px;
	background-color: #000;
	text-indent: -9999px;
	border: 0;
	margin: 0 2px;
	cursor: pointer;
	opacity: .4
}

.nivo-controlNav a.active {
	background-color: #000;
	opacity: 1
}

.nivo-directionNav {
	position: absolute;
	top: 44%;
	left: 0;
	z-index: 99;
	height: 36px;
	width: 100%
}

.nivo-directionNav a {
	width: 21px;
	height: 38px;
	background: url("../img/bannerArrow.png") no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	cursor: pointer
}

.nivo-directionNav a:hover {
	display: block;
	width: 25px;
	height: 41px
}

a.nivo-nextNav {
	background-position: -112px -4px;
	right: 5px
}

a.nivo-nextNav:hover {
	background-position: -157px -4px
}

a.nivo-prevNav {
	background-position: -91px -4px;
	left: 5px
}

a.nivo-prevNav:hover {
	background-position: -133px -4px
}

.m-about {
	background: url("../img/aboutBg.jpg") no-repeat scroll center bottom;
}

.m-about-inner {
	width: 100%;
	margin: 0 auto 0;
	background: url("../img/abou-titleBg.png") no-repeat scroll center 2px;
	overflow: hidden;
	padding-top: 85px;
}

.m-title {
	text-align: center;
}

.m-title i {
	background: url("../img/m-titleBg01.png") no-repeat scroll center 0;
	width: 68px;
	height: 18px;
	margin: 0 auto 10px;
	display: block;
}

.m-title h3 {
	font-size: 32px;
	color: #333;
	font-weight: normal;
}

.m-title .en {
	text-transform: uppercase;
	color: #666;
	font-size: 14px;
	padding: 5px 0;
}

.m-title em {
	background: url("../img/m-titleBg02.png") no-repeat scroll center 0;
	width: 68px;
	height: 5px;
	margin: 10px auto 0;
	display: block;
}

.m-about-list {
	overflow: hidden;
	alignment-adjust: central;
	min-height: 100%;
	height: auto;
	width: auto;
	margin-top: 4%;
	margin-right: 0;
	margin-bottom: 3%;
	margin-left: 0;
}

.m-about-list ul {
	text-align: center;
}

.m-about-list ul li {
	display: inline-block;
	margin: 0 5px;
	width: 160px;
	font-size: 0;
}

.m-about-list .pic {
	width: auto;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.m-about-list .pic img {
	max-width: 100%;
	display: block;
}

.m-about-list .txt {
	font-size: 14px;
	color: #666;
	margin-top: auto;
}

.m-about-txt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	text-align: center;
}

.m-about-btn ul {
	text-align: center;
	margin: 50px 0 100px;
}

.m-about-btn ul li {
	display: inline-block;
	margin: 0 10px;
	width: 120px;
	font-size: 0;
	height: 40px;
}

.m-about-btn ul li a {
	display: block;
	border: 1px solid #999;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	color: #666;
}

.m-about-btn ul li a:hover {
	background: #f08300;
	display: block;
	border: 1px solid #f08300;
	color: #fff;
}

.m-customized {
	background: url("../img/customizedBg.jpg") no-repeat scroll center top;
	width: 100%;
	height: 750px;
	overflow: hidden;
}

.m-customized-inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.m-customized-inner .m-title {
	width: 400px;
	position: absolute;
	top: 80px;
	left: 50px;
	z-index: 66;
}

.m-customized-inner .m-title h3 {
	color: #fff;
}

#tabs {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#tabs ul {
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

#tabs li {
	list-style-type: none;
	display: inline-block;
	height: 171px;
	width: 143px;
	background: url("../img/m-customizedIconBg.png") no-repeat scroll center center;
	cursor: pointer;
	overflow: hidden;
	margin: 0 3px;
}

#tabs li a {
	display: block;
	height: 171px;
	width: 143px;
}

#tabs li a span {
	height: 171px;
	width: 143px;
	display: block;
}

.tabs-icon-1 {
	background: url("../img/m-customizedIcon01.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-1,
.tabs-icon-1:hover {
	background: url("../img/m-customizedIcon01H.png") no-repeat scroll center center;
}

.tabs-icon-2 {
	background: url("../img/m-customizedIcon02.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-2,
.tabs-icon-2:hover {
	background: url("../img/m-customizedIcon02H.png") no-repeat scroll center center;
}

.tabs-icon-3 {
	background: url("../img/m-customizedIcon03.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-3,
.tabs-icon-3:hover {
	background: url("../img/m-customizedIcon03H.png") no-repeat scroll center center;
}

.tabs-icon-4 {
	background: url("../img/m-customizedIcon04.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-4,
.tabs-icon-4:hover {
	background: url("../img/m-customizedIcon04H.png") no-repeat scroll center center;
}

.tabs-icon-5 {
	background: url("../img/m-customizedIcon05.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-5,
.tabs-icon-5:hover {
	background: url("../img/m-customizedIcon05H.png") no-repeat scroll center center;
}

.tabs-icon-6 {
	background: url("../img/m-customizedIcon06.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-6,
.tabs-icon-6:hover {
	background: url("../img/m-customizedIcon06H.png") no-repeat scroll center center;
}

.tabs-icon-7 {
	background: url("../img/m-customizedIcon07.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-7,
.tabs-icon-7:hover {
	background: url("../img/m-customizedIcon07H.png") no-repeat scroll center center;
}

.tabs-icon-8 {
	background: url("../img/m-customizedIcon08.png") no-repeat scroll center center;
}

.tabulous_active .tabs-icon-8,
.tabs-icon-8:hover {
	background: url("../img/m-customizedIcon08H.png") no-repeat scroll center center;
}

#tabs_container {
	overflow: hidden;
	position: relative;
}

#tabs_container div {
	margin-right: 0;
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

#tabs_container div img {
	width: 100%;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.tabulous_active {}

.tabulousclear {
	display: block;
	clear: both;
}

.m-cando {
	overflow: hidden;
}

.m-cando-inner {
	margin: 50px auto 0;
}

.m-cando-box {
	width: 1200px;
	margin: -25px auto 0;
	position: relative;
	background: url("../img/candoBg.png") no-repeat scroll center top;
	height: 600px;
}

.cando-list {
	position: absolute;
	width: 272px;
}

.cando-list a {
	display: block;
}

.cando-list .icon {
	width: 16px;
	height: 16px;
	background: url("../img/cdArow.png") no-repeat scroll 0 0;
	margin: 0 auto 20px;
}

.cando-list .txt {
	text-align: center;
	margin-bottom: 10px;
}

.cando-list a .txt .cn {
	font-size: 20px;
	color: #333;
}

.cando-list a .txt .en {
	font-size: 12px;
	color: #f08300;
	text-transform: uppercase;
}

.cando-list a:hover .pic {
	border: 1px solid #999;
}

.cando-list a .pic {
	border-radius: 50%;
	width: 270px;
	height: 270px;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #fff;
}

.cando-list a .pic img {
	width: 100%;
}

.clist01 {
	top: 32px;
	left: 10px;
}

.clist02 {
	top: 32px;
	left: 300px;
}

.clist03 {
	top: 32px;
	left: 610px;
}

.clist04 {
	top: 32px;
	left: 920px;
}

.m-fashion {
	background: url("../img/fashionBg.jpg") no-repeat scroll center top;
	width: 100%;
	height: 860px;
}

.m-fashion-inner {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.m-fashion-inner .m-title {
	margin: 70px 0 50px;
}

.m-fashion-inner .m-title h3 {
	color: #fff;
}

.mf-box {
	width: 100%;
	height: 540px;
	overflow: hidden;
	background: rgba(255, 255, 255, .2);
	text-align: center;
	font-size: 0;
}

.mf-box dl dd {
	position: relative;
	display: inline-block;
	width: 380px;
	overflow: hidden;
	margin: 15px 7px;
}

.mf-box dl dd.current .sliderBg {
	display: none;
}

#slider1,
#slider2,
#slider3 {
	width: 380px;
	position: relative;
}

.sliderBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	-webkit-filter: grayscale(1);
	/* Webkit */
	filter: gray;
	/* IE6-9 */
	filter: grayscale(1);
	/* W3C */
}

.sliderBg .txt {
	position: absolute;
	width: 100%;
	top: 200px;
}

.sliderBg .txt .cn {
	font-size: 26px;
	color: #fff;
}

.sliderBg .txt .en {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.sliderZ {
	z-index: 10;
	height: 90px;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
}

.sliderZ .txt {
	text-align: left;
	padding: 18px 0 0 30px;
}

.sliderZ .txt .cn {
	font-size: 26px;
	color: #fff;
}

.sliderZ .txt .en {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.controls1 li,
.controls2 li,
.controls3 li {
	top: 50%;
	margin-top: -16px
}

.controls1 li:nth-child(1),
.controls2 li:nth-child(1),
.controls3 li:nth-child(1) {
	right: 60px;
}

.controls1 li:nth-child(2),
.controls2 li:nth-child(2),
.controls3 li:nth-child(2) {
	right: 20px;
}

.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #000;
}

.responsive {
	width: 100%;
	height: auto;
}

.m-introduction-inner {
	width: 1200px;
	margin: 60px auto 95px;
	overflow: hidden;
}

.introduction-box {
	margin: 50px 0 0;
}

.introduction-left {
	float: left;
	width: 577px;
}

.introduction-right {
	float: right;
	width: 567px;
}

.introduction-left .pic {
	width: 577px;
	height: 588px;
	overflow: hidden;
	position: relative;
}

.introduction-right .pic {
	width: 567px;
	height: 733px;
	overflow: hidden;
	position: relative;
}

.introduction-left .pic img,
.introduction-right .pic img {
	transition-duration: 500ms;
	width: 100%;
}

.introduction-left:hover .pic img,
.introduction-right:hover .pic img {
	transform: scale(1.04);
}

.introduction-left .txt .tit,
.introduction-right .txt .tit {
	font-size: 30px;
	color: #f08300;
	margin: 30px 0;
}

.introduction-left .txt .tit span,
.introduction-right .txt .tit span {
	float: right;
	height: 41px;
	width: 41px;
}

.introduction-left .txt .tit span a,
.introduction-right .txt .tit span a {
	display: block;
	width: 41px;
	height: 41px;
	background: url("../img/iArow.png") no-repeat scroll 0 0;
}

.introduction-left .txt .info {
	font-size: 16px;
	line-height: 26px;
	color: #666;
}

.mb-character {
	display: none;
}

.m-character {
	background: #f6f6f6 url("../img/characterBg.png") no-repeat scroll center bottom;
	padding: 50px 0 90px;
	overflow: hidden;
}

.hot_role {
	width: 1200px;
	overflow: hidden;
	margin: 50px auto 0;
}

#centerwell {
	position: relative;
	height: 420px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	overflow: hidden;
	width: 1200pxpx;
}

#centerwell li {
	position: relative;
	width: 205px;
	height: 420px;
	float: left;
	background: white;
	overflow: hidden;
}

#centerwell h3 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 205px;
	height: 420px;
	background-color: #000000;
	position: relative;
	cursor: pointer;
}

#centerwell .hot_content {
	position: absolute;
	left: 0;
	top: 0;
	height: 420px;
	width: 380px;
	display: none;
}

#centerwell h3 img {
	filter: alpha(opacity=30);
	opacity: 0.3;
	float: left;
	width: 205px;
	height: 420px;
}

#centerwell h3.on img {
	filter: alpha(opacity=100);
	opacity: 1;
}

#centerwell h3.on {
	display: none;
}

#centerwell .clickBox {
	display: block;
}

.wellBottom {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	width: 205px;
	height: 100px;
}

.wellBottom .num {
	font-size: 68px;
	color: #999;
	float: left;
	width: 80px;
	font-weight: 500;
	margin: 20px 0 0 20px;
	height: 68px;
	line-height: 68px;
}

.wellBottom .more {
	float: right;
	width: 30px;
	height: 30px;
	margin: 40px 20px 0 0;
}

.wellBottom .more a {
	display: block;
	width: 30px;
	height: 30px;
	background: url("../img/cArow.png") no-repeat scroll 0 0;
}

.hot_content .pic {
	width: 380px;
	height: 258px;
}

.hot_content .pic img {
	display: block;
	width: 380px;
	height: 258px;
}

.hot_title {
	margin: 10px 20px;
	overflow: hidden;
	height: 50px;
}

.hot_title span {
	font-size: 26px;
	color: #333;
	border-bottom: 2px solid #c4832e;
	line-height: 50px;
	font-weight: bold;
}

.hot_title i {
	font-style: normal;
	font-size: 18px;
	color: #666;
	padding-left: 20px;
}

.hot_bottom {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	width: 380px;
	height: 100px;
}

.hot_bottom .num {
	font-size: 68px;
	color: #f08300;
	float: left;
	width: 80px;
	font-weight: 500;
	margin: 20px 0 0 20px;
	height: 68px;
	line-height: 68px;
}

.hot_bottom .more {
	float: right;
	margin: 40px 20px 0 0;
}

.hot_bottom .more a {
	font-size: 20px;
	color: #333;
	text-transform: uppercase;
}

.hot_bottom .more a i {
	font-style: normal;
	font-size: 16px;
}

.m-business {
	height: 820px;
	background: url("../img/m-businessBg.jpg") no-repeat scroll center center;
	width: 100%;
	overflow: hidden;
}

.m-business-inner {
	width: 1200px;
	margin: 0 auto;
}

.m-business-title {
	text-align: center;
	padding-top: 100px;
}

.m-business-title h3 {
	font-size: 68px;
	color: #f08300;
	font-weight: 800;
}

.m-business-title h4 {
	font-size: 50px;
	color: #adadad;
	font-weight: 800;
}

.m-business-title .p1 {
	font-size: 28px;
	color: #adadad;
}

.m-business-title .p2 {
	font-size: 14px;
	color: #adadad;
	line-height: 25px;
	margin-top: 30px;
}

.m-business-menu {
	text-align: center;
	font-size: 0;
	margin-top: 50px;
	background: rgba(25, 25, 25, 0.85);
	padding: 80px 0;
}

.m-business-menu ul li {
	display: inline-block;
	margin: 0 10px;
}

.m-business-list .pic {
	margin: 40px auto 20px;
	width: 90px;
	height: 90px;
}

.m-business-list .pic img {
	display: block;
	width: 100%;
}

.m-business-list .txt {
	font-size: 18px;
	color: #454545;
}

.m-business-menu ul li a {
	display: block;
	width: 180px;
	height: 210px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 7px;
	overflow: hidden;
}

.m-business-menu ul li a:hover {
	background: rgba(223, 167, 92, 0.2);
	color: #fff;
}

.m-business-menu ul li a:hover .txt {
	color: #d5a76b;
}

.m-news {
	background: url("../img/newBg.jpg") no-repeat scroll center top;
	width: 100%;
	overflow: hidden;
}

.m-news-inner {
	width: 1200px;
	margin: 40px auto 0;
}

.m-news-inner .m-title h3 {
	color: #fff;
}

.news-ul {
	width: 100%;
	height: 476px;
	margin: 50px 0 80px;
	border: solid rgba(178, 178, 178, 0.4) 9px;
}

.news-ul .new-li {
	width: 400px;
	height: 476px;
	float: left;
	background: #fff;
}

.news-ul .new-li .new-img {
	width: 100%;
	height: 238px;
	overflow: hidden;
	position: relative;
	display: block;
}

.news-ul .new-li .new-img img {
	width: 100%;
	transition-duration: 500ms;
}

.news-ul .new-li:hover .new-img img {
	transform: scale(1.04);
}

.news-ul .new-li .new-img span {
	display: block;
	position: absolute;
	width: 26px;
	height: 11px;
	left: 60px;
	top: 0;
	z-index: 22;
	background: url("../../../../ausnutria.com/static/web/img/nw2.png") no-repeat;
}

.news-ul .new-li .new-img .down {
	bottom: 0;
	background: url("../../../../ausnutria.com/static/web/img/nw1.png") no-repeat;
}

.news-ul .new-li .new-box {
	height: 200px;
	width: 330px;
	padding: 38px 35px 0;
	position: relative;
	background: #fff;
}

.news-ul .new-li .new-box .new-title {
	font-size: 18px;
	color: #000;
	line-height: 20px;
	padding-bottom: 14px;
	max-height: 58px;
	display: block;
	font-family: "微软雅黑";
}

.news-ul .new-li:hover .new-box .new-title {
	color: #f08300;
}

.news-ul .new-li .new-text {
	font-size: 13px;
	color: #999;
	line-height: 24px;
}

.news-ul .new-li .new-date {
	font-size: 13px;
	color: #999;
	line-height: 24px;
	position: absolute;
	left: 35px;
	bottom: 25px;
}

.m-join {
	width: 100%;
	height: 331px;
	background: url("../img/m-joinBg.jpg") no-repeat scroll center center;
	overflow: hidden;
}

.m-join-title {
	text-align: center;
	margin-top: 100px;
}

.m-join-title h3 {
	font-size: 32px;
	font-family: 宋体;
	font-weight: bold;
	color: #fff;
}

.m-join-title .en {
	font-size: 14px;
	color: #5b5b65;
	text-transform: uppercase;
}

.join-btn {
	text-align: center;
	font-size: 0;
	margin-top: 50px;
}

.join-btn a {
	width: 160px;
	height: 50px;
	border: 1px solid #919496;
	display: inline-block;
	margin: 0 10px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.join-btn .btn01 {
	background: rgba(106, 25, 24, 0.5);
}

.join-btn .btn02 {
	background: rgba(206, 144, 62, 0.5);
}

.footer {
	width: 100%;
	background: #e4e5e9;
}

.footer-inner {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 60px;
}

.footer-logo {
	float: left;
	width: 180px;
	margin-right: 50px;
}

.footer-logo img {
	width: 100%;
	display: block;
}

.footer-menu {
	float: left;
	width: 650px;
	padding-top: 10px;
}

.footer-menu ul li {
	float: left;
	border-left: 1px solid #c9c9c9;
	padding: 0 30px;
	height: 118px;
}

.footer-menu ul li span a {
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
}

.footerLi-a {
	display: block;
	color: #666;
	line-height: 22px;
}

.footer-right {
	float: right;
	width: 260px;
}

.footer-right .tel {
	float: left;
	width: 150px;
	padding-top: 45px;
}

.footer-right .tel .p1 {
	font-size: 18px;
	color: #333;
}

.footer-right .tel .p1 span {
	font-size: 22px;
}

.footer-right .tel .num {
	color: #f08300;
	font-size: 20px;
}

.copyRight {
	width: 100%;
	background: #d6d9de;
	line-height: 22px;
	padding: 5px 0;
}

.copyRight-inner {
	width: 1200px;
	margin: 0 auto;
	font-size: 12px;
	color: #666;
}

span.left {}

.daoRight {
	position: fixed;
	right: 0;
	top: 130px;
	width: 70px;
	z-index: 999;
	display: block;
}

.daoRight_box {
	background: #222;
	margin-bottom: 1px;
	cursor: pointer;
}

.daoRight_box a {
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
}

.inpone_box {
	width: 232px;
	position: absolute;
	left: 0;
	top: 0;
	background: #222;
}

.daoRight_box p {
	float: left;
	height: 70px;
	color: #fff;
	padding: 0 10px;
	position: relative;
}

.daoRight_box p em {
	float: left;
	width: 150px;
	position: absolute;
	left: 0;
	top: 15px;
	font-weight: bold;
	font-size: 16px;
}

.daoRight_box p i {
	float: left;
	width: 150px;
	position: absolute;
	left: 0;
	top: 40px;
	font-size: 12px;
}

.erwei {
	width: 140px;
	height: 140px;
	position: absolute;
	left: -155px;
	bottom: 0px;
	padding: 5px;
	display: none;
	background: #fff;
}

.erwei img {
	width: 140px;
	height: 140px;
}

.daoRight_box:hover .erwei {
	display: block;
}

div.quotes {
	font-family: Verdana;
	line-height: 30px;
	margin: 40px 0 50px;
	padding: 5px;
	text-align: center;
	width: auto;
	font-size: 14px;
}

div.quotes ul li {
	display: inline-block;
	line-height: 15px;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	color: #777;
	margin-right: 5px;
	padding: 5px 8px;
	text-decoration: none;
}

div.quotes ul li:hover {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	margin-right: 5px;
	padding: 5px 8px;
}

div.quotes ul li:active {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	margin-right: 5px;
	padding: 5px 8px;
}

div.quotes ul li.thisclass {
	background-color: #f18d00;
	border-color: #e0e0e0;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px 8px;
}

div.quotes ul li.thisclass {
	border-color: #ddd;
	/* border-style: solid;
    border-width: 1px;
    color: #777;
    margin-right: 5px;
    padding: 5px 8px;*/
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.tel-banner {


	padding: 0px;
	margin: 0px;
	height: 600px;
	width: auto;
	background-color: #3F4852;
	background: url('../img/lianxiwomen-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}



.about-banner {
	padding: 0px;
	margin: 0px;
	height: 600px;
	width: auto;
	background-color: #3F4852;
	background: url('../img/about-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;



}

.a-title {
	position: relative;
	height: 92px;
	border-bottom: 1px solid #dea85e;
	text-align: center;
	margin: 100px 0 150px;
}

.a-title .at1 {
	font-size: 50px;
	color: #000;
	display: inline-block;
	background: #fff;
	padding: 0 10px;
	line-height: 55px;
}

.a-title .at2 {
	text-transform: uppercase;
	font-size: 80px;
	background: #fff;
	padding: 0 10px;
	color: #c9c9c9;
	display: inline-block;
	line-height: 80px;
	height: 80px;
	font-family: Arial;
	font-weight: bold;
}

.a-title .at3 {
	text-transform: uppercase;
	font-size: 40px;
	background: #fff;
	padding: 0 10px;
	color: #c9c9c9;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	font-family: Arial;
}

.a1-menu-box {
	width: 1200px;
	margin: 50px auto 0;
}

.a1-menu {
	width: 1200px;
	position: relative;
	overflow: hidden;
	height: 280px;
}

.a1-menu em {
	width: 29px;
	height: 29px;
	background: url("../img/a1-tabsAro.png") no-repeat scroll center center;
	display: inline-block;
	position: absolute;
}

.a1-menu .a1-em1 {
	bottom: 13px;
	left: 283px;
}

.a1-menu .a1-em2 {
	bottom: 13px;
	left: 585px;
}

.a1-menu .a1-em3 {
	bottom: 13px;
	left: 887px;
}

.a1-menu ul {
	list-style: none;
	width: 1200px;
	height: 195px;
}

.a1-menu li {
	float: left;
	width: 300px;
}

.a1-menu li .menuLi-top {
	width: 298px;
	text-align: center;
	height: 193px;
	cursor: pointer;
	color: #666;
	font-size: 16px;
	overflow: hidden;
	border: 1px solid #e9e9e9;
}

.a1-menu li .menuLi-bottom {
	width: 298px;
	text-align: center;
	height: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
	margin: 50px 0 0;
}

.a1-menu li .menuLi-bottom p {
	height: 8px;
	background: #e5e5e5;
	margin: 3px 0;
}

.a1-menu li.current1 .menuLi-top {
	background: #f08300;
	color: #fff;
	border: 1px solid #f08300;
}

.a1-menu li.current1 .menuLi-bottom p {
	background: #f08300;
}

.a1-menu span {
	color: #333;
	display: block;
	text-align: center;
}

.current1 span {
	color: #fff;
}

.atabs-content {
	margin: 40px 0 100px;
	overflow: hidden;
}

.atabs-content1 {
	overflow: hidden;
	height: auto;
	width: 100%;
	margin-top: 40px;
	margin-right: 20%;
	margin-bottom: 100px;
	margin-left: 20%;
}


.a1-menu li i {
	width: 68px;
	height: 68px;
	display: block;
	margin: 45px auto 25px;
}

.a1-tabs01 {
	background: url("../img/a-tabs01.png") no-repeat scroll center center;
}

.a1-tabs02 {
	background: url("../img/a-tabs02.png") no-repeat scroll center center;
}

.a1-tabs03 {
	background: url("../img/a-tabs03.png") no-repeat scroll center center;
}

.a1-tabs04 {
	background: url("../img/a-tabs04.png") no-repeat scroll center center;
}

.a1-tabslx01 {
	background: url("../img/a-lianxi01.png") no-repeat scroll center center;
}

.a1-tabslx02 {
	background: url("../img/a-lianxi02.png") no-repeat scroll center center;
}

.a1-tabslx03 {
	background: url("../img/a-lianxi03.png") no-repeat scroll center center;
}

.a1-tabslx04 {
	background: url("../img/a-lianxi04.png") no-repeat scroll center center;
}

.a1-tabs-box .pic {
	width: 40%;
	height: auto;
	padding: 4px;
	border: 1px solid #c9c9c9;
	float: left;
}

.a1-tabs-box .pic img {
	width: 100%;
	display: block;
}

.a1-tabs-box .txt {
	width: 55%;
	float: left;
	margin-right: 1%;
	margin-left: 2%;
}

.a1-tabs-box .txt h5 {
	font-size: 150%;
	font-weight: 500;
}

.a1-tabs-box .txt .en {
	font-size: 15px;
	color: #888;
	border-bottom: 1px solid #c9c9c9;
	line-height: 40px;
	text-transform: uppercase;
}

.a1-tabs-box .txt .cn {
	font-size: 15px;
	color: #666;
	line-height: 25px;
	margin: 15px 10px;
}

.a1-tabs-box .txt dl {
	margin-left: 10px;
}

.a1-tabs-box .txt dl dd {
	line-height: 26px;
	font-size: 15px;
	background: url("../img/a-tabs-li01.png") no-repeat scroll 5px center;
	padding-left: 15px;
}

.a2-menu-box {
	width: 1200px;
	margin: 50px auto 0;
}

.a2-menu ul {
	list-style: none;
	width: 1200px;
	height: 80px;
	background: url("../img/a2-tabsBg.jpg") repeat-x scroll 0 8px;
}

.a2-menu li {
	float: left;
	width: 115px;
	text-align: center;
	height: 80px;
	cursor: pointer;
	color: #666;
	font-size: 18px;
	overflow: hidden;
	background: #fff;
	margin-right: 102px;
}

.a2-menu .current2 i {
	background: url("../img/a2-tabsCur.png") no-repeat scroll center center;
}

.a2-menu li i {
	width: 18px;
	height: 18px;
	display: block;
	margin: 0 auto 10px;
	background: url("../img/a2-tabsIcon.png") no-repeat scroll center center;
}

.a2-line {
	height: 2px;
	width: 1200px;
	margin: 0 auto;
	background: url("../img/a2-tabsBg2.jpg") repeat-x scroll 0 0;
}

.current2 span {
	color: #f08300;
}

.a2-tabs-box .pic {
	float: right;
	width: 510px;
}

.a2-tabs-box .pic li {
	display: block;
	width: 510px;
	height: 237px;
	margin-bottom: 20px;
}

.a2-tabs-box .txt {
	float: left;
	width: 500px;
}

.a2-tabs-box .txt h4 {
	font-size: 34px;
	margin: 20px 0 15px
}

.a2-tabs-box .txt dd {
	line-height: 30px;
	font-size: 15px;
	background: url("../img/a-tabs-li01.png") no-repeat scroll 5px 13px;
	padding-left: 70px;
	position: relative;
}

.a2-tabs-box .txt dd span {
	color: #f08300;
	position: absolute;
	left: 20px;
	top: 0;
}

.a-termanal {
	width: 100%;
	height: 870px;
	background: url("../img/a-termanalBg.jpg") no-repeat scroll center top / cover;
	overflow: hidden;
}

.a-termanal .a-title {
	position: relative;
	height: 92px;
	text-align: center;
	margin: 50px 0 130px;
	border-bottom: none;
}

.a-termanal .a-title .at1 {
	font-size: 50px;
	color: #fff;
	display: inline-block;
	background: none;
	padding: 0 10px;
	line-height: 55px;
}

.a-termanal .a-title .at2 {
	text-transform: uppercase;
	font-size: 60px;
	background: none;
	padding: 0 10px;
	color: #c9c9c9;
	display: inline-block;
	line-height: 60px;
	height: 60px;
	font-family: Arial;
	font-weight: bold;
}

.a-termanal .a-title .at3 {
	text-transform: uppercase;
	font-size: 40px;
	background: none;
	padding: 0 10px;
	color: #c9c9c9;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	font-family: Arial;
}

.icon-arrow-a-left,
.icon-arrow-a-right {
	height: 44px;
	width: 24px;
	cursor: pointer;
	cursor: pointer;
}

.icon-arrow-a-left {
	background: url("../img/hero-left-arr.png") no-repeat scroll 0 0;
}

.icon-arrow-a-right {
	background: url("../img/hero-right-arr.png") no-repeat scroll 0 0;
}

#main {
	overflow: hidden;
	zoom: 1;
	position: relative;
}

#index_b_hero {
	width: 960px;
	height: 520px;
	margin: auto;
	position: relative;
}

#index_b_hero img {
	width: 920px;
	height: 520px;
	margin: 0 auto;
}

#index_b_hero .heros {
	width: 960px;
	height: 520px;
}

#index_b_hero .hero-wrap {
	overflow: visible;
	position: absolute;
}

#index_b_hero .next,
#index_b_hero .prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	margin-left: -15px;
	background-color: none;
	z-index: 3;
}

#index_b_hero .next {
	margin: -25px -15px 0 0;
	right: 0;
}

#index_b_hero .disabled {
	background-color: #eee;
}

#index_b_hero .mask-left,
#index_b_hero .mask-right,
#index_b_hero .hero {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	padding: 0 20px;
	height: 520px;
	overflow: hidden;
	left: 1920px;
}

#index_b_hero .mask-right,
#index_b_hero .mask-left {
	z-index: 4;
	left: -960px;
	filter: alpha(Opacity=50);
	opacity: .5;
	background: #000;
	overflow: hidden;
}

#index_b_hero .mask-left,
#index_b_hero .mask-right {
	width: 900px;
}

#index_b_hero .mask-right {
	left: 980px;
}

#index_b_hero .active {
	z-index: 2;
	left: 0;
}

.icon-arrow-a-left {
	background: url("../img/hero-left-arr.png") no-repeat scroll center center;
	height: 50px;
	width: 30px;
}

.icon-arrow-a-right {
	background: url("../img/hero-right-arr.png") no-repeat scroll center center;
	height: 50px;
	width: 30px;
}

.hero {
	position: relative;
}

.hero_kuang {
	position: absolute;
	left: 60px;
	top: 40px;
	width: 838px;
	height: 438px;
	border: 1px solid #f08300;
}

.scroll_horizontal {
	position: relative;
	width: 1280px;
	height: 400px;
	margin: 0 auto 120px;
}

.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	width: 1100px;
	height: 380px;
	margin: 0 auto 0;
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
}

.scroll_horizontal .list li {
	float: left;
	width: 255px;
	padding: 0 10px 20px;
	font-size: 12px;
	overflow: hidden;
}

.scroll_horizontal .list li img {
	display: block;
	width: 255px;
}

.scroll_horizontal .prev,
.scroll_horizontal .next {
	position: absolute;
	top: 50%;
	margin-top: -65px;
	width: 67px;
	height: 67px;
	background-image: url("../img/arrow02.png");
	background-repeat: no-repeat;
	font: 0/0 Arial;
	cursor: pointer;
	z-index: 15;
}

.scroll_horizontal .prev {
	left: 5px;
	background-position: 0 0;
}

.scroll_horizontal .next {
	right: 5px;
	background-position: -67px 0;
}

.scroll_horizontal .prev:hover {
	background-position: 0 -67px;
}

.scroll_horizontal .next:hover {
	background-position: -67px -67px;
}

.a-culture {
	width: 100%;
	height: 720px;
	background: #212121;
	overflow: hidden;
	position: relative;
}

.an-title {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 21;
	text-align: right;
	top: 260px;
	left: 150px;
}

.an-title .ch {
	font-size: 50px;
	color: #fff;
}

.an-title .en1 {
	font-size: 60px;
	color: #fff;
	font-family: Arial;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 56px;
}

.an-title .en2 {
	font-size: 40px;
	color: #fff;
	font-family: Arial;
	text-transform: uppercase;
	line-height: 46px;
}

.a-culture-inner {
	background: #212121 url("../img/cultureBg.png") no-repeat scroll right bottom;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 720px;
}

.a3-menu-box {
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	overflow: hidden;
	background: #212121 url("../img/cultureBg.png") no-repeat scroll 75% bottom;
	height: 720px;
	position: relative;
}

.a3-menu-box .a3tabs-content {
	width: 100%;
	height: 720px;
	position: absolute;
	left: 0;
	top: 0;
}

.a3-menu ul {
	list-style: none;
	width: 320px;
	float: left;
	margin: 50px 0 0 660px;
	z-index: 20;
	position: relative;
}

.a3-menu li {
	width: 320px;
	height: 100px;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	overflow: hidden;
	background: #393939;
	margin-bottom: 2px;
	border-radius: 0 7px 0 0;
	line-height: 100px;
}

.a3-menu li span {
	padding-left: 10px;
}

.a3-menu li em {
	font-style: normal;
	color: #828282;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 7px;
}

.a3-menu .current3 i {
	background: none;
}

.a3-menu li i {
	width: 42px;
	height: 42px;
	float: left;
	margin: 29px 0 0 20px;
}

.a3-tabs01 {
	background: url("../img/a3-tabsIcon01.png") no-repeat scroll left center;
}

.a3-tabs02 {
	background: url("../img/a3-tabsIcon02.png") no-repeat scroll left center;
}

.a3-tabs03 {
	background: url("../img/a3-tabsIcon03.png") no-repeat scroll left center;
}

.a3-tabs04 {
	background: url("../img/a3-tabsIcon04.png") no-repeat scroll left center;
}

.a3-tabs05 {
	background: url("../img/a3-tabsIcon05.png") no-repeat scroll left center;
}

.a3-tabs06 {
	background: url("../img/a3-tabsIcon06.png") no-repeat scroll left center;
}

.a3-line {
	height: 2px;
	width: 1200px;
	margin: 0 auto;
	background: url("../img/a2-tabsBg2.jpg") repeat-x scroll 0 0;
}

.current3 span {
	color: #fff;
	background: #f08300;
	display: block;
	height: 100px;
}

.a3-tabs-box {
	height: 720px;
}

.a3-tabs-box .a3-left {
	width: 660px;
	float: left;
}

.a3-tabs-box .a3-left img {
	width: 100%;
	height: 720px;
}

.a3-tabs-box .a3-right {
	float: left;
	padding-left: 400px;
	width: 400px;
}

.a3-tabs-box .pic {
	width: 165px;
	margin: 100px auto 0;
}

.a3-tabs-box .pic img {
	display: block;
	width: 100%;
}

.a3-tabs-box .txt {
	text-align: left;
}

.a3-tabs-box .txt .p1 {
	font-size: 30px;
	margin: 20px 0 10px;
	color: #fff;
}

.a3-tabs-box .txt .p2 {
	font-size: 15px;
	margin: 20px 0 10px;
	color: #ccc;
}

.a-business {
	width: 100%;
	margin: 0px 0 0;
	overflow: hidden;
}

.ab-p1 {
	text-align: center;
	font-size: 0;
}

.ab-p1-box {
	width: 400px;
	display: inline-block;
	margin: 60px 25px 0;
	overflow: hidden;
	height: 400px;
}

.ab-p1-left-top {
	padding-top: 30px;
	border-top: 2px solid #f08300;
}

.ab-p1-left-top p {
	font-size: 32px;
	line-height: 32px;
	margin: 20px 0;
	text-align: center;
	color: #f08300;
}

.ab-p1-left-second {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	margin: 15px 0;
	text-align: center;
	width: 100%;
	color: #666;
}

.ab-p1-left-bottom {
	float: left;
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0;
	text-indent: 2em;
	width: 100%;
	color: #666;
	text-align: left;
}

.ab-p1-box .pic {
	width: 400px;
	margin: 0 auto;
}

.ab-p1-box .pic img {
	display: block;
	width: 100%;
}

.ab-p201 {
	width: 100%;
	background: url("../img/ab-p201-bg.jpg") no-repeat scroll center center / cover;
	padding: 60px 0 0;
	overflow: hidden;
}

.ab-p201-box {
	width: 1100px;
	margin: 50px auto 100px;
	overflow: hidden;
}

.ab-p201-box .pic {
	width: 640px;
	float: left;
}

.ab-p201-box .txt {
	float: right;
	width: 360px;
	height: 320px;
	background-color: #666;
	padding: 50px;
}

.ab-p201-box .txt h5 {
	font-size: 25px;
	color: #fff;
	margin-bottom: 25px;
}

.ab-p201-box .txt p {
	line-height: 32px;
	font-size: 20px;
	color: #fff;
}

.ab-p2 {
	width: 100%;
	background: url("../img/ab-p7-bg.jpg") no-repeat scroll center center / cover;
	padding: 60px 0 0;
	overflow: hidden;
}

.ab-p2-box {
	width: 1100px;
	margin: 50px auto 100px;
	overflow: hidden;
}

.ab-p2-box .pic {
	width: 640px;
	float: left;
}

.ab-p2-box .txt {
	float: right;
	width: 360px;
	height: 320px;
	background: #666 url("../img/abou-titleBg-300px.png") no-repeat scroll center bottom;
	padding: 50px;
}

.ab-p2-box .txt h5 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 25px;
}

.ab-p2-box .txt p {
	line-height: 30px;
	font-size: 15px;
	color: #bbb;
}

.ab-p3 {
	background: url("../img/jbanner.jpg") no-repeat scroll center center;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.ab-p3-b1 img {
	width: 100%;
}

.ab-p3-b1 {
	width: 500px;
	margin: 130px auto 30px;
}

.ab-p3 .txt {
	text-align: center;
}

.ab-p3 .txt .p1 {
	color: #f08300;
	font-size: 50px;
}

.ab-p3 .txt .p2 {
	color: #ccc;
	font-size: 24px;
	margin-top: 20px;
}

.ab-p4 {
	background: rgba(0, 0, 0, 0) url("../img/ab-p4-bg.jpg") no-repeat scroll center center / cover;
	height: 600px;
	overflow: hidden;
	width: 100%;
}

.ab-p4 .youn {
	display: block;
	height: 170px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 900px;
}

.ab-p4 .youn span {
	cursor: default;
	display: block;
	float: left;
	height: 170px;
	margin: 0 5px;
	transform-style: preserve-3d;
	transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.ab-p4 .youn span i {
	display: block;
}

.ab-p4 .youn .flippety {
	margin-left: 41px;
	transform: translateZ(35px);
}

.ab-p4-box {
	width: 1200px;
	margin: 0 auto 0;
}

.ab-p4-left {
	float: left;
	width: 506px;
}

.ab-p4-left img {
	width: 100%;
}

.ab-p4-right {
	float: right;
	width: 600px;
}

.ab-p4-right .pic {
	margin-top: 20px;
}

.ab-p4-right .pic img {
	width: 100%;
}

.ab-p4-right .txt {
	text-align: center;
	width: 600px;
	margin: 200px auto 0;
}

.ab-p4-right .txt h5 span {
	border: 1px solid #9e9e9e;
	font-size: 24px;
	line-height: 40px;
	padding: 0 10px;
	display: inline-block;
	color: #fff;
}

.ab-p4-right .txt p {
	font-size: 20px;
	color: #9e9e9e;
	line-height: 30px;
	margin-top: 25px;
}

.ab-p5 {
	background: rgba(0, 0, 0, 0) url("../img/ab-p5-bg.jpg") no-repeat scroll center center;
	height: 500px;
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
}

.ab-p5 .inner {
	width: 1100px;
	margin: 50px auto 0;
	overflow: hidden;
}

.ab-p5-left {
	float: left;
	width: 600px;
}

.ab-p5-right {
	float: right;
	width: 400px;
	height: 320px;
	background: #fff;
	box-shadow: 5px 5px 5px #ccc;
}

.ab-p5-right .pic {
	margin: 20px 0 0 50px;
}

.ab-p5-left li {
	background: #fff none repeat scroll 0 0;
	box-shadow: 5px 5px 5px #ccc;
	float: left;
	height: 135px;
	margin-bottom: 40px;
	width: 100%;
}

.ab-p5-left li>a {
	display: block;
	height: 135px;
}

.ab-p5-left .time {
	border: 1px solid #959595;
	height: 98px;
	margin: 20px 15px;
	width: 102px;
}

.ab-p5-left .time>div {
	background: #d1975e none repeat scroll 0 0;
	margin: 5px;
}

.ab-p5-left .time .day {
	color: #383837;
	font-size: 48px;
	height: 88px;
	line-height: 88px;
	text-align: center;
}

.ab-p5-left .content {
	margin-left: 132px;
	margin-right: 20px;
	padding-top: 35px;
	width: 448px;
}

.ab-p5-left .content .news-title {
	color: #383837;
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ab-p5-left .content .news-content {
	color: #989898;
	font-size: 14px;
	line-height: 18px;
}

.ab-p5-left li:hover {
	background: #d1975e none repeat scroll 0 0;
}

.ab-p5-left li:hover .time,
.ab-p5-left li:hover .learn-more>a {
	border: 1px solid #fff;
}

.ab-p5-left li:hover .news-title,
.ab-p5-left li:hover .learn-more>a {
	color: #fff;
}

.ab-p5-left li:hover .news-content {
	color: #e8e8e8;
}

.ab-p5-left li:hover .learn-more:hover {
	background: #383837 none repeat scroll 0 0;
	border: 0 none;
}

.ab-p6 {
	overflow: hidden;
	width: 100%;
	padding: 60px 0 0;
	background: rgba(0, 0, 0, 0) url("../img/ab-p6-bg.jpg") repeat scroll 0 0;
}

.ab-p6 .inner {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}

.ab-p6 .inner ul {
	height: 290px;
	margin: 120px auto 80px;
	width: 1200px;
	list-style: none;
}

.ab-p6 .inner ul li {
	background: #fff;
	float: left;
	height: 224px;
	width: 230px;
	box-shadow: 5px 5px 5px #ccc;
	margin: 0 5px;
	list-style: none;
}

.ab-p6 .inner ul li p {
	color: #666;
	font-size: 36px;
	line-height: 50px;
	margin: 50px auto 30px;
	text-align: center;
}

.ab-p6 .inner ul li span {
	color: #999;
	display: block;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.ab-p6 .inner ul li i {
	color: #666;
	display: none;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	margin: 0 auto;
	overflow: hidden;
	width: 180px;
}

.ab-p6 .inner ul li:hover {
	background: #fcf3e6 none repeat scroll 0 0;
	height: 380px;
	margin: -50px 5px 0;
	overflow: hidden;
	width: 230px;
}

.ab-p6 .inner ul li:hover p {
	background-color: #f08300;
	color: #fff;
	font-size: 36px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	width: 228px;
}

.ab-p6 .inner ul li:hover span {
	color: #f08300;
	margin: 20px auto;
}

.ab-p6 .inner ul li:hover i {
	display: block;
}

.ab-p7 {
	background: #f5f5f5;
	width: 100%;
	height: 600px;
	overflow: hidden;
	padding: 60px 0;
}

.ab-p7-list ul {
	margin: 50px auto;
	width: 1200px;
	list-style: none;
}

.ab-p7-list ul li {
	float: left;
	margin: 0 4px 60px;
	width: 392px;
	height: 438px;
	background: #fff;
	list-style: none;
}

.ab-p7-list ul li img {
	margin: 0 auto;
}

.ab-p7-list .uu {
	font-size: 20px;
	line-height: 30px;
	margin: 20px auto 10px;
	text-align: left;
	padding: 0 15px;
}

.ab-p7-list .sp1 {
	color: #999;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto 20px;
	width: 350px;
	padding: 0 20px;
}
.ab-p7-list ul li .pict{
	height: 268px;
	overflow: hidden;
	width: 392px;
	}
.picj {
	height: 268px;
	overflow: hidden;
	width: 392px;
}

.mt10 {
	transition: all 500ms ease 0s;
}

.mt10:hover {
	transform: scale(1.1);
}

.a-honor {
	width: 100%;
	background: #e7e7e7 url("../img/honorBg.jpg") no-repeat center 750px;
	overflow: hidden;
	padding-bottom: 50px;
}

.a-honor .a-title .at1,
.a-honor .a-title .at2,
.a-honor .a-title .at3 {
	background: #e7e7e7;
}

.voice-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/voice-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}

.experience-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/experience-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}


.product-banner {

	padding: 0px;
	margin: 0px;
	height: 600px;
	width: auto;
	background-color: #3F4852;
	background: url('../img/product-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}



.impreesion-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/impreesion-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}

.character-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/character-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;



}

.business-banner {

	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/business-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}

.join-banner {

	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/join-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}

.store-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/store-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}

.appointment-banner {
	padding: 0px;
	margin: 0px;
	height: 600PX;
	width: auto;
	background-color: #3F4852;
	background: url('../img/appointment-banner.jpg') no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
	-moz-background-size: auto 100%;
	background-size: auto 100%;

}

}

.a-impreesion-inner {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.impreesion-case {
	text-align: center;
}

.impreesion-case .bo {
	margin: 50px auto 50px;
	overflow: hidden;
	width: 1200px;
}

.impreesion-case .bo li {
	background-color: #f6f6f6;
	float: left;
	height: 360px;
	margin: 0 5px 15px;
	width: 290px;
	list-style: none;
}

.impreesion-case .bo li .pic {
	height: 207px;
	margin: 10px;
	position: relative;
	width: 270px;
}

.impreesion-case .bo li .pic img {
	height: 207px;
	width: 270px;
}

.impreesion-case .bo li .pic i {
	background: rgba(211, 160, 80, 0.5) url("../img/im-more.png") no-repeat scroll center center;
	display: none;
	height: 207px;
	left: 0;
	position: absolute;
	top: 0;
	width: 270px;
	z-index: 9999;
}

.impreesion-case .bo li p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
	text-align: center;
}

.impreesion-case .bo li .more {
	background-color: #8f8f8f;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin: 30px auto 0;
	text-align: center;
	width: 92px;
	border-radius: 7px;
}

.impreesion-case .bo li:hover .more {
	background-color: #f08300;
}

.impreesion-case .bo li:hover .pic i {
	display: block;
}

.a-character-inner {
	width: 1200px;
	margin: 50px auto;
}

.character-list {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.character-list-item {
	width: 290px;
	background: #f8f8f8;
	height: auto;
	overflow: hidden;
	margin: 0 13px 20px 0;
	float: left;
}

.character-list-item:nth-child(4n) {
	margin-right: 0;
}

.character-list-item:hover {
	box-shadow: 0 0 5px rgba(48, 48, 48, 0.3);
}

.character-list-item:hover .pic img {
	transform: scale(1.05);
}

.character-list-item .pic {
	width: 100%;
	height: 270px;
	overflow: hidden;
}

.character-list-item .pic img {
	display: block;
	width: 100%;
	transition-duration: 500ms;
}

.character-list-item .txt {
	padding: 10px 5% 10px;
	float: right;
	width: 90%;
}

.character-list-item .txt .tit {
	font-size: 18px;
	font-weight: bold;
	background: url("../img/mb-icon.png") no-repeat scroll 0 center;
	padding-left: 12px;
}

.character-list-item .txt .tit a {
	color: #333;
}

.character-list-item .txt .p1 {
	color: #666;
	margin: 5px 0 15px;
	padding-left: 13px;
}

.character-list-item .txt .more {
	text-align: right;
}

.character-list-item .txt .more a {
	text-transform: uppercase;
	font-size: 14px;
}

.a-character-show {
	width: 1100px;
	margin: 40px auto;
	overflow: hidden;
}

.cs-left {
	width: 310px;
	float: left;
}

.cs-left .cs-l-box {
	padding: 4px;
	border: 1px solid #e1e1e1;
	background: #f8f8f8;
}

.cs-left .cs-l-box .pic {
	width: 100%;
}

.cs-left .cs-l-box .pic img {
	display: block;
	width: 100%;
}

.cs-right {
	width: 750px;
	float: right;
	min-height: 600px;
}

.cs-right h4 {
	font-size: 24px;
	color: #333;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d1d1d1;
	padding: 10px 0;
}

.cs-right h4 span {
	margin-left: 20px;
	font-size: 14px;
	color: #666;
	font-weight: 500;
}

.voice-tab {
	height: 60px;
	width: 100%;
	text-align: center;
	font-size: 0;
	border-bottom: 1px dotted #c9c9c9;
}

.voice-tab ul li {
	width: 100px;
	margin: 0 10px;
	display: inline-block;
	text-align: center;
}

.voice-tab ul li a {
	display: block;
	line-height: 58px;
	font-size: 16px;
	color: #333;
}

.voice-tab .cur1 a,
.voice-tab ul li a:hover {
	border-bottom: 2px solid #f18d00;
}

.voice-box-inner {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.voice-box-inner dl {
	background: #f8f8f8 none repeat scroll 0 0;
	height: 400px;
	line-height: 22px;
	display: inline-block;
	margin: 30px 10px 0;
	width: 380px;
	text-align: left;
	overflow: hidden;
	border-bottom: 2px solid #ccc;
}

.voice-box-inner dl:hover {
	background: #fdf3e6;
	border-bottom: 2px solid #d5a76b;
}

.voice-box-inner dl dd {
	width: 380px;
	height: 240px;
	overflow: hidden;
}

.voice-box-inner dl dd img {
	transition: all 500ms ease 0s;
	width: 100%;
}

.voice-box-inner dl:hover dd img {
	transform: scale(1.1);
}

.voice-box-inner dl:hover dt h3 a {
	color: #f08300;
}

.voice-box-inner dl dt {
	padding: 0 20px;
	margin-top: 3px;
	font-size: 12px;
	color: #888;
}

.voice-box-inner .video-link {
	display: block;
	width: 100px;
	height: 30px;
	background: url("../img/video-link.png") no-repeat scroll 0 center;
	padding-left: 40px;
	line-height: 30px;
}

.voice-box-inner h3 {
	margin-bottom: 5px;
	margin-top: 15px;
}

.voice-box-inner dl h3 a {
	color: #333;
	font-size: 16px;
}

.voiceShow-box-inner {
	margin: 50px auto 80px;
	overflow: hidden;
	width: 1100px;
	font-size: 16px;
	line-height: 22px;
}

.voiceShow-box-inner li {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

.home li img {
	display: block;
	width: 340px;
}

.voiceShow-box-inner li:nth-of-type(3n) {
	margin-right: 0;
}

.voiceShow-box-inner h3 {
	color: #f18d00;
	display: block;
	font-size: 36px;
	height: 90px;
	line-height: 50px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.voiceShow-box-inner h3 span {
	color: #999;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #e9e9e9;
}

.voiceShow-box-inner p {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	text-indent: 2em;
}

.voiceShow-box-inner .backBtn {
	border: 1px solid #bfbfbf;
	clear: both;
	color: #8d8d8d;
	display: block;
	height: 35px;
	line-height: 35px;
	margin: 40px auto 0;
	text-align: center;
	width: 100px;
	cursor: pointer;
}

.voiceShow-box-inner .backBtn:hover {
	background: #f18d00 none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #fff;
}

.product-inner {
	width: 1200px;
	margin: 0 auto;
}

.product-item dl {
	width: 290px;
	margin: 0 13px 23px 0;
	float: left;
	background: #f8f8f8;
	height: 362px;
}

.product-item dl:hover {
	box-shadow: 5px 5px 20px #e1e1e1;
}

.product-item dl .pic img {
	width: 100%;
	transition-duration: 500ms;
}

.product-item dl:hover .pic img {
	transform: scale(1.1);
}

.product-item dl:hover .product-item a {
	color: #f08300;
}

.product-item dl:nth-child(4n) {
	margin-right: 0;
}

.product-item dl dt .pic {
	height: 275px;
	margin: 9px auto;
	width: 275px;
	overflow: hidden;
}

.product-item dl dt .pic img {
	width: 100%;
	display: block;
}

.product-item dl dd {
	padding: 20px 0;
	border-top: 1px solid #fff;
	text-align: center;
}

.product-item .p1 {
	font-size: 16px;
	color: #333;
	margin-bottom: 7px;
	font-weight: 600;
}

.product-item .p2 {
	font-size: 12px;
	color: #666;
}

.lpro-hd {
	background-color: #f8f8f8;
	border-right: 4px none;
	margin: 40px 0 15px;
	padding: 12px 30px 30px;
	border: 1px solid #fce4c5;
}

.lpro-hd dl span {
	background: #FF9900;
	color: #FFFFFF;
	padding: 8px 15px;
	float: left;
}

.lpro-hd dl a {
	padding: 8px 15px;
	float: left;
}

.lpro-hd dl {
	border-bottom: 1px dotted #dcdbda;
	padding: 15px 0;
	position: relative;
}

.lpro-hd dl dt {
	background-position: 0 center;
	background-repeat: no-repeat;
	color: #000;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 15px 0 30px;
	left: 0px;
	top: 20px;
	margin-right: 50px;
}

.lpro-hd dl dt.bg1 {
	background: url("../img/lpro-icon01.png") no-repeat left center
}

.lpro-hd dl dt.bg2 {
	background: url("../img/lpro-icon02.png") no-repeat left center
}

.lpro-hd dl dt.bg3 {
	background: url("../img/lpro-icon03.png") no-repeat left center
}

.lpro-hd dl dt.bg4 {
	background: url("../img/lpro-icon05.png") no-repeat left center
}

.lpro-hd dl dd {
	color: #000;
	float: left;
	font-size: 14px;
	line-height: 20px;
	padding-left: 0px;
}

.lpro-hd dl dd span a {
	display: inline-block;
	padding: 2px 10px;
	margin: 5px 5px;
}

.lpro-hd dl dd span a:hover,
.lpro-hd dl dd .cur a {
	background: #f08300;
	color: #fff;
}

.pro-tit {
	background-color: #f8f8f8;
	margin-bottom: 13px;
	padding: 20px 28px;
	border: 1px solid #fce4c5;
}

.pro-tit span {
	color: #666;
	font-size: 20px;
	line-height: 22px;
	background: url("../img/lpro-icon04.png") no-repeat 0 center;
	padding-left: 26px;
	font-weight: 600;
}

.bag {
	height: 22px;
	line-height: 22px;
	padding: 24px 0;
	width: 100%;
}

.bag a,
.bag span {
	padding: 0 8px;
}

.bag span {
	cursor: default;
}

.bag a:hover {
	color: #f6ab00;
}

.bag i {
	font-family: "宋体";
	font-style: normal;
}

.product-show {
	padding: 40px;
	overflow: hidden;
	background: #f8f8f8;
}

.product-show-goods {
	float: left;
	width: 500px;
}

.v_out {
	width: 500px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
}

.v_show {
	width: 500px;
	overflow: hidden;
	position: relative;
	height: 500px;
	float: left
}

.v_cont {
	width: 6650px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.v_cont ul {
	float: left;
	text-align: center;
	line-height: 50px;
}

.v_cont ul li {
	width: 500px;
	height: 500px;
	background: #f8f8f8;
	float: left;
	margin-top: 3px;
}

/*---圆圈---*/
.v_out_p {
	position: relative;
	overflow: visible
}

.circle {
	position: absolute;
	left: 0;
	top: 510px;
}

.circle li {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
}

.circle li img {
	width: 100%;
}

.circle .circle-cur {
	background: #f00
}

.circle .circle-cur span {
	width: 74px;
	height: 74px;
	border: 3px solid #f08300;
	background: none;
}

.circle li span {
	display: block;
	position: absolute;
	z-index: 2;
	background: rgba(211, 160, 80, 0.5);
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
}

.product-show-info {
	float: right;
	width: 580px;
}

.product-show-info h4 {
	font-size: 24px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #d1d1d1;
}

.product-show-info p {
	line-height: 24px;
	color: #666;
	font-size: 15px;
	margin-bottom: 5px;
}

.product-show-info .btn {
	display: inline-block;
	width: 160px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border: 1px solid #d9d9d9;
	color: #333;
	margin-top: 30px;
	font-size: 16px;
}

.product-show-info .btn:hover {
	background: #f18d00;
	color: #fff;
}

.product-showS {
	width: 1200px;
	margin: 30px auto 50px;
	overflow: hidden;
}

.product-showS .lSide {
	float: left;
	width: 260px;
}

.product-showS .lSide .tit {
	background-color: #f08300;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 100%;
}

.product-showS .lSide .con {
	overflow: hidden;
	border: 1px solid #f08300;
	padding: 30px 15px 15px;
	background: #f8f8f8;
}

.product-showS .lSide .con ul li {
	width: 230px;
	height: auto;
	margin-bottom: 15px;
}

.product-showS .lSide .con ul li .pic {
	width: 230px;
	overflow: hidden;
}

.product-showS .lSide .con ul li .pic img {
	transition: all 500ms ease 0s;
	width: 100%;
}

.product-showS .lSide .con ul li:hover .pic img {
	transform: scale(1.06);
}

.product-showS .lSide .con ul li .txt {
	text-align: center;
	margin: 15px auto 0;
	border-bottom: 1px dotted #d1d1d1;
	padding-bottom: 15px;
}

.product-showS .lSide .con ul li .txt p {
	font-size: 16px;
	font-weight: 600;
}

.product-showS .lSide .con ul li .txt .btn a {
	background-color: #efefef;
	border-radius: 12px;
	color: #878787;
	cursor: pointer;
	display: block;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	margin: 10px auto 0;
	text-align: center;
	width: 89px;
}

.rgt2 {
	border-bottom: 1px dotted #d1d1d1;
	padding: 20px 28px 5px 0;
}

.rgt2 li {
	background-color: #fff;
	border-radius: 13px;
	color: #666;
	float: left;
	font-size: 14px;
	height: 27px;
	line-height: 27px;
	margin-bottom: 15px;
	margin-right: 8px;
	padding: 0 17px;
}

.rgt2 li:hover {
	background-color: #f08300;
	color: #fff;
}

.rgt3 {
	border-bottom: 1px dotted #d1d1d1;
	padding: 30px 28px 10px 0;
}

.rgt3 dl {
	margin-bottom: 20px;
}

.rgt3 dl dt {
	color: #666;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	width: 80px;
}

.rgt3 dl dt.lh26 {
	line-height: 26px;
}

.rgt3 dl dd {
	float: left;
	width: 450px;
	color: #666;
}

.lpi-hd .rgt .rgt4 {
	padding-top: 25px;
}

.rgt4 {
	padding-top: 35px;
}

.rgt4 .lbtn1,
.rgt4 .lbtn2 {
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	margin-right: 8px;
	text-align: center;
	width: 180px;
	border: 1px solid #f08300;
}

.rgt4 .lbtn1 {
	background-color: #fff;
	color: #f08300;
}

.rgt4 .lbtn2 {
	background-color: #f08300;
}

.rPart {
	float: right;
	width: 910px;
}

.product-showS .rPart .tit {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
}

.product-showS .rPart .con {
	padding: 15px 0;
	overflow: hidden;
}

.appointment-inner {
	width: 1200px;
	margin: 40px auto 60px;
}

.inddesign {
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	padding-bottom: 40px;
}

.inddesign ul {
	margin: 60px auto 20px;
	overflow: hidden;
	width: 1200px;
}

.inddesign ul li {
	float: left;
	text-align: center;
	width: 200px;
}

.inddesign ul li i {
	display: block;
	height: 130px;
	margin: 0 auto 10px;
	transition: -moz-transform 2s ease-out 0s;
	width: 130px;
}

.inddesign ul li.yy1 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg1.png") repeat scroll 0 0;
}

.inddesign ul li.yy2 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg2.png") repeat scroll 0 0;
}

.inddesign ul li.yy3 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg3.png") repeat scroll 0 0;
}

.inddesign ul li.yy4 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg4.png") repeat scroll 0 0;
}

.inddesign ul li.yy5 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg5.png") repeat scroll 0 0;
}

.inddesign ul li.yy6 i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg6.png") repeat scroll 0 0;
}

.inddesign ul li.yy1:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg1sel.png") repeat scroll 0 0;
}

.inddesign ul li.yy2:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg2sel.png") repeat scroll 0 0;
}

.inddesign ul li.yy3:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg3sel.png") repeat scroll 0 0;
}

.inddesign ul li.yy4:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg4sel.png") repeat scroll 0 0;
}

.inddesign ul li.yy5:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg5sel.png") repeat scroll 0 0;
}

.inddesign ul li.yy6:hover i {
	background: rgba(0, 0, 0, 0) url("../img/inddeg6sel.png") repeat scroll 0 0;
}

.inddesign ul li span {
	color: #121212;
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}

.inddesign ul li p {
	font-size: 14px;
	color: #666;
}

.inddesign ul li:hover i {
	transform: rotateZ(360deg);
}

.diymain {
	background-color: #f8f8f8;
	border: 1px solid #fce4c5;
	margin: 0 0 15px;
	padding: 30px;
	overflow: hidden;
}

.diymain .tit {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

. .diymain .tit span {
	padding-left: 10px;
	font-size: 14px;
}

.diymain .con {
	overflow: hidden;
}

.diyipt {
	border: 1px solid #ddd;
	color: #666;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	padding: 11px 10px 11px 10px;
	width: 240px;
	margin-right: 10px;
	float: left;
}

.diymain select,
.msg-list select {
	border: 1px #ddd solid;
	color: #6a6a6a;
	float: left;
	height: 40px;
	margin-right: 10px;
	width: 120px;
	padding: 0 5px;
	float: left;
}

.msg-list select {
	height: 36px;
}

.ml90 {
	margin-left: 103px;
}

.diymain #show {
	color: #3399FF;
}

.diymain .btn {
	border: 1px solid #f08300;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	text-align: center;
	width: 160px;
	background: #f08300;
	margin-top: 20px;
}

.login-header {
	height: 90px;
	width: 100%;
	overflow: hidden;
}

.login-logo {
	width: 1200px;
	margin: 18px auto 0;
}

.login-content {
	width: 100%;
	height: 600px;
	background: url("../img/login-bg.jpg") no-repeat scroll center center;
}

.login-inner {
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 1200px;
	z-index: 999;
}

.login-box-wrap {
	position: absolute;
	right: 60px;
	top: 120px;
	width: 350px;
}

.login-box {
	background-color: rgba(255, 255, 255, 0.8);
	color: #6c6c6c;
	margin: 0 auto;
	padding: 25px 25px 23px;
	position: relative;
	width: 300px;
}

.login-title {
	color: #3c3c3c;
	font-size: 18px;
	font-weight: 700;
	height: 18px;
	line-height: 18px;
	margin-top: 9px;
	padding-bottom: 8px;
}

.login-box .field {
	margin-top: 20px;
	position: relative;
}

.login-box .field label {
	display: block;
	height: 40px;
	left: 1px;
	line-height: 40px;
	outline: 0 none;
	position: absolute;
	text-align: center;
	top: 1px;
	width: 40px;
}

.login-box .field .l-icon01 {
	background: url("../img/login-icon01.png") no-repeat 0 0;
}

.login-box .field .l-icon02 {
	background: url("../img/login-icon02.png") no-repeat 0 0;
}

.login-text {
	border: 1px solid #ddd;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	padding: 11px 8px 11px 50px;
	width: 240px;
	color: #666;
}

.login-box .submit {
	margin-top: 20px;
}

.login-box .submit button {
	background: #f08300 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	vertical-align: middle;
	width: 300px;
}

.login-links {
	margin: 25px 0 5px;
	overflow: hidden;
	text-align: right;
}

.login-links a {
	display: inline-block;
	margin-left: 15px;
}

.login-footer {
	width: 1200px;
	margin: 30px auto;
	overflow: hidden;
}

.login-footer .link {
	text-align: center;
	color: #ddd;
}

.login-footer .link a {
	margin: 0 10px;
}

.login-footer p {
	margin-top: 20px;
	text-align: center;
	color: #666;
	line-height: 22px;
	font-size: 12px;
}

.contact-inner {
	width: 1200px;
	margin: 50px auto 60px;
	overflow: hidden;
}

.contact-part1 .tit,
.contact-part2 .tit {
	text-align: center;
}

.contact-part1 .tit h4,
.contact-part2 .tit h4 {
	font-size: 24px;
	color: #333;
}

.contact-part1 .tit p,
.contact-part2 .tit p {
	font-size: 14px;
	margin-top: 10px;
	color: #666;
}

.contact-part1 .list {
	margin: 40px 0 60px;
	overflow: hidden;
}

.contact-part1 ul {
	float: left;
}

.contact-part1 ul li {
	font-size: 15px;
	color: #666;
	margin-top: 10px;
	padding-left: 25px;
}

.contact-part1 ul li a {
	text-decoration: underline;
}

.list-ul01 {
	width: 30%;
}

.list-ul02 {
	width: 35%;
}

.list-ul03 {
	width: 35%;
}

.contact-part1 .cp-list01 {
	background: url("../img/contact-icon01.png") no-repeat 0 center;
}

.contact-part1 .cp-list02 {
	background: url("../img/contact-icon02.png") no-repeat 0 center;
}

.contact-part1 .cp-list03 {
	background: url("../img/contact-icon03.png") no-repeat 0 center;
}

.contact-part1 .cp-list04 {
	background: url("../img/contact-icon04.png") no-repeat 0 center;
}

.contact-part1 .cp-list05 {
	background: url("../img/contact-icon05.png") no-repeat 0 center;
}

.contact-part1 .cp-list06 {
	background: url("../img/contact-icon06.png") no-repeat 0 center;
}

.msg-box {
	border: 1px solid #fce4c5;
	background: #f8f8f8;
	overflow: hidden;
	padding: 15px 25px 35px;
	margin-top: 40px;
}

.msg-list {
	float: left;
	width: 50%;
	margin-top: 20px;
	position: relative;
}

.msg-list label {
	display: block;
	left: 1px;
	line-height: 35px;
	outline: 0 none;
	position: absolute;
	text-align: center;
	top: 1px;
	width: 90px;
}

.msg-list em {
	float: left;
	margin-left: 90px;
	display: block;
}

.msg-input {
	border: 1px solid #ddd;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	padding: 8px 8px 8px 8px;
	width: 440px;
	color: #666;
	margin-left: 90px;
}

.msg2-input {
	border: 1px solid #ddd;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	padding: 8px 8px 8px 8px;
	width: 440px;
	color: #666;
}

.msg-width {
	width: 1014px;
}

.w100 {
	width: 100%;
}

.msg-textarea {
	border: 1px solid #ddd;
	font-size: 14px;
	height: 90px;
	line-height: 18px;
	padding: 8px 8px 8px 8px;
	width: 1014px;
	color: #666;
	margin-left: 90px;
}

.msg2-textarea {
	border: 1px solid #ddd;
	font-size: 14px;
	font-family:"微软雅黑";
	height: 60px;
	line-height: 18px;
	padding: 8px 8px 8px 8px;
	width: 1014px;
	color: #666;
}

.msg-box .submit button {
	background: #f08300 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	vertical-align: middle;
	width: 200px;
	margin: 20px 0 0 90px;
}

.distributor-inner,
.store-inner {
	width: 1200px;
	margin: 50px auto;
	overflow: hidden;
}

.left-side {
	float: left;
	width: 230px;
}

.left-side dl dt {
	background: #f08300 none repeat scroll 0 0;
	overflow: hidden;
	padding: 15px 0 15px 15px;
	color: #fff;
}

.left-side dl dt .ch {
	color: #fff;
	display: block;
	font-family: Microsoft YaHei;
	font-size: 24px;
	line-height: 30px;
	overflow: hidden;
}

.left-side dl dt .en {
	color: #fff;
	display: block;
	font-family: Tahoma;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-transform: uppercase;
}

.left-side dl dd {
	border: 1px solid #f08300;
	overflow: hidden;
	padding: 10px 20px 20px;
}

.left-side dl dd span {
	display: block;
	border-bottom: 1px dotted #d1d1d1;
}

.left-side dl dd span a {
	line-height: 40px;
	display: block;
	background: url("../img/dis-icon01.png") no-repeat right center;
}

.left-side .cur a {
	color: #f08300;
}

.right-part {
	float: right;
	width: 930px;
	min-height: 400px;
	overflow: hidden;
}

.right-part h4 {
	font-size: 18px;
	border-bottom: 1px solid #d1d1d1;
	padding: 10px 0 10px 28px;
	background: url("../img/dis-icon02.png") no-repeat scroll 3px 17px;
}

.right-part .right-part-list {
	padding: 15px 5px 0;
	overflow: hidden;
}

.right-part .right-part-list li {
	padding: 15px;
	border-bottom: 1px dotted #d1d1d1;
	margin-bottom: 20px;
}

.right-part .right-part-list li:hover {
	box-shadow: 0 0 5px rgba(48, 48, 48, 0.3);
}

.right-part .tit {
	font-size: 15px;
	font-weight: 600;
	background: url("../img/dis-icon03.png") no-repeat left center;
	padding-left: 16px;
	margin-bottom: 15px;
}

.right-part .tit a {
	color: #333;
	text-decoration: underline;
}

.right-part .tit a:hover {
	color: #f08300;
}

.right-part .list {
	position: relative;
}

.right-part .list span {
	margin: 0 10px;
	font-size: 12px;
	color: #666;
}

.right-part .list .dwon {
	position: absolute;
	right: 10px;
	bottom: 0;
}

.right-part .list .dwon a {
	margin-left: 10px;
}

.right-part .list .dwon .d1 {
	padding-left: 16px;
	background: url("../img/dis-icon04.png") no-repeat left center;
}

.right-part .list .dwon .d2 {
	padding-left: 16px;
	background: url("../img/dis-icon05.png") no-repeat left center;
}

.ds-box {
	padding: 20px 15px;
	overflow: hidden;
}

.ds-box .ds-tit {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
}

.ds-box ul li {
	margin-bottom: 15px;
	color: #666;
}

.ds-box ul li label {
	float: left;
	margin-right: 10px;
}

.ds-box ul li a {
	text-decoration: underline;
	color: #f08300;
}

.store-box {
	padding: 15px;
	overflow: hidden;
}

.join-p1 {
	width: 100%;
	background: #fff url("../img/join-bg01.jpg") no-repeat scroll center center / cover;
	height: 800px;
	overflow: hidden;
}

.join-p2 {
	width: 100%;
	background: #fff url("../img/join-bg02.jpg") no-repeat scroll center center / cover;
	height: 840px;
	overflow: hidden;
}

.join-p3 {
	width: 100%;
	background: #f6f6f6 url("../img/characterBg.png") no-repeat scroll center bottom;
	overflow: hidden;
}

.join-p4 {
	width: 100%;
	background: #fff url("../img/join-bg04.jpg") no-repeat scroll center center / cover;
	height: 930px;
	overflow: hidden;
}

.join-p6 {
	width: 100%;
	background: #fff url("../img/join-bg06.jpg") no-repeat scroll center center / cover;
	height: 950px;
	overflow: hidden;
}

.join-p7 {
	width: 100%;
	background: #fff url("../img/join-bg07.jpg") no-repeat scroll center center / cover;
	height: 890px;
	overflow: hidden;
}

.join-p7-1 {
	width: 100%;
	background: #fff url("../img/join-bg07-1.jpg") no-repeat scroll center center / cover;
	height: auto;
	overflow: hidden;
}

.join-p7-2 {
	width: 100%;
	background: #fff url("../img/join-bg07-2.jpg") no-repeat scroll center center / cover;
	height: 100%;
	overflow: hidden;
}

.join-p7-3 {
	width: 100%;
	background: #fff url("../img/join-bg07-3.jpg") no-repeat scroll center center / cover;
	height: auto;
	overflow: hidden;
}

.join-p8 {
	width: 100%;
	background: #fff url("../img/join-bg08.jpg") repeat scroll 0 0;
	overflow: hidden;
}

.join-p9 {
	width: 100%;
	background-color: #2F2F2F;
	height: auto;
	overflow: hidden;
}

.join-p10 {
	width: 100%;
	background: #d6d6d6 url("../img/join-bg10.jpg") no-repeat scroll center top / cover;
	overflow: hidden;
}

.join-p11 {
	width: 100%;
	background: #d6d6d6 url("../img/join-bg11.jpg") no-repeat scroll center top / cover;
	overflow: hidden;
	height: 860px;
}

.join-p12 {
	width: 100%;
	background: #f9f9f9;
	overflow: hidden;
}

.join-title {
	text-align: center;
}

.join-title .t1 {
	background: url("../img/join-t1Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t2 {
	background: url("../img/join-t2Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t3 {
	background: url("../img/join-t3Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t4 {
	background: url("../img/join-t4Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t5 {
	background: url("../img/join-t5Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t6 {
	background: url("../img/join-t6Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t7 {
	background: url("../img/join-t7Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t9 {
	background: url("../img/join-t9Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t10 {
	background: url("../img/join-t10Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t11 {
	background: url("../img/join-t11Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .t12 {
	background: url("../img/join-t12Bg.png") no-repeat scroll center top;
	margin-top: 70px;
}

.join-title .ch {
	font-size: 50px;
	color: #3e3e3e;
	height: 50px;
	line-height: 50px;
	padding-top: 77px;
}

.join-title .t2 .ch,
.join-title .t4 .ch,
.join-title .t6 .ch,
.join-title .t9 .ch,
.join-title .t10 .ch {
	color: #fff;
}

.join-title .p1 {
	color: #f08300;
	font-size: 20px;
	margin-top: 10px;
}

.join-title .p2 {
	color: #333;
	font-size: 18px;
	margin-top: 20px;
}

.join-title .t7 .p2 {
	color: #ddd;
}

.join-title .t9 .p2,
.join-title .t10 .p2,
.join-title .t5 .p2 {
	font-size: 16px;
}

.join-title span {
	height: 2px;
	width: 80px;
	display: block;
	margin: 15px auto 0;
	background: #aaa;
}

.join-title .t4 span,
.join-title .t7 span,
.join-title .t11 span {
	background: #f08300;
}

.join-p1 .join-box {
	text-align: center;
	margin-top: 25px;
}

.join-p2 .inner,
.join-p3 .inner,
.join-p7 .inner,
.join-p8 .inner,
.join-p9 .inner,
.join-p10 .inner,
.join-p12 .inner {
	width: 1200px;
	margin: 0 auto;
}

.join-p9 .inner,
.join-p10 .inner {
	margin: 60px auto 140px;
}

.join-p12 .inner {
	margin: 60px auto 140px;
}

.join-p2-ul {
	text-align: center;
	font-size: 0;
	margin-top: 350px;
	overflow: hidden;
}

.join-p2-ul li {
	display: inline-block;
	width: 173px;
	margin: 0 10px;
	border: 1px solid #9099ba;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	padding: 30px 0;
}

.join-p2-ul li:hover {
	border: 1px solid #f08300;
	background: rgba(221, 160, 80, 0.5);
}

.join-p2-ul li:hover .txt {
	color: #f08300;
}

.join-p2-ul li .pic {
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
}

.join-p2-ul li .pic img {
	width: 100%;
}

.join-p2-ul li .txt {
	font-size: 20px;
	color: #e6e6e6;
	text-align: center;
}

.p3-menu {
	height: 55px;
	width: 100%;
	border-radius: 30px;
	background: #fff;
	margin-top: 50px;
}

.p3-menu ul li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 55px;
	font-size: 18px;
	color: #333;
	border-radius: 30px;
	cursor: pointer;
	list-style: none;
}

.p3-menu .current-p3 {
	color: #fff;
	background-color: #f08300;
}

.p3tabs-content {
	margin: 70px 0 100px;
}

.p3-tabs-box ul {
	overflow: hidden;
	list-style: none;
}

.p3-tabs-box li {
	float: left;
	border-left: 1px solid #dadada;
	width: 299px;
	padding: 15px 0;
}

.p3-tabs-box li:first-child {
	border-left: none;
}

.p3-tabs-box li .pic {
	width: 200px;
	height: 120px;
	margin: 0 auto;
}

.p3-tabs-box li .txt {
	text-align: center;
}

.p3-tabs-box li .txt span {
	display: inline-block;
	padding: 0 25px;
	height: 30px;
	line-height: 30px;
	background: #f08300;
	color: #fff;
	font-size: 18px;
	border-radius: 25px;
	text-transform: uppercase;
}

.p3-tabs-box li em {
	height: 1px;
	width: 100px;
	background: #f08300;
	display: block;
	margin: 10px auto;
}

.p3-tabs-box .line {
	height: 1px;
	width: 100%;
	background: #dadada;
	clear: both;
}

.join-p4 .inner ul {
	background: url("../img/join-p4-bg02.png") center top no-repeat;
	overflow: hidden;
	position: relative;
	height: 600px;
	width: 1200px;
	margin: 20px auto 0;
}

.join-p4 .inner ul li {
	position: absolute;
	text-align: right;
	list-style: none;
}

.join-p4 .inner ul li span {
	color: #f08300;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.join-p4 .inner ul li p {
	font-size: 15px;
	color: #fff;
	line-height: 24px;
}

.join-p4 .inner ul li.ys1 {
	left: 60px;
	top: 65px;
}

.join-p4 .inner ul li.ys2 {
	left: 80px;
	top: 300px;
}

.join-p4 .inner ul li.ys3 {
	left: 495px;
	top: 520px;
	text-align: center
}

.join-p4 .inner ul li.ys4 {
	right: 40px;
	top: 290px;
	text-align: left
}

.join-p4 .inner ul li.ys5 {
	right: 80px;
	top: 70px;
	text-align: left
}

.p5-menu-box {
	margin: 30px 0 0;
	overflow: hidden;
	position: relative;
	height: 750px;
}

.p5-menu {
	position: absolute;
	color: #fff;
	height: 60%;
	left: 0;
	margin-top: -7%;
	position: absolute;
	top: 35%;
	width: 100%;
	z-index: 999;
}

.p5-menu ul {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.p5-menu ul li {
	border: 1px solid #b29f98;
	cursor: pointer;
	padding: 140px 0;
	margin: 0 0.2%;
	width: 15%;
	display: inline-block;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 7px;
	vertical-align: top;
}

.p5-menu ul li .ch {
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
}

.p5-menu ul li .en {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}

.p5-menu .current-p5 {
	background: rgba(221, 160, 80, 0.7);
}

.join-p7-ul {
	text-align: center;
	font-size: 0;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
}

.join-p7-ul li {
	display: inline-block;
	width: 180px;
	height: 180px;
	margin: 0 90px 50px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	padding: 10px;
}

.join-p7-ul li a {
	display: block;
}

.join-p7-ul .n1 {
	border: 3px solid #f08300;
	padding: 5px;
	display: block;
	width: 164px;
	height: 164px;
	border-radius: 50%;
}

.join-p7-ul .n2 {
	border: 1px solid #f08300;
	padding: 3px;
	display: block;
	width: 156px;
	height: 156px;
	border-radius: 50%;
}

.join-p7-ul li .pic {
	width: 60px;
	height: 60px;
	margin: 30px auto 10px;
}

.join-p7-ul li .txt {
	font-size: 18px;
	color: #f08300;
	text-align: center;
	margin-bottom: 15px;
}

.join-p7-ul li span {
	width: 50px;
	height: 3px;
	background: #282828;
	display: inline-block;
	margin: 0 auto;
}

.join-p7-ul em {
	width: 28px;
	height: 31px;
	position: absolute;
	display: block;
}

.join-p7-arrow01 {
	background: url("../img/join-p7-img-right.png") no-repeat scroll 0 0;
	left: 400px;
	top: 80px;
}

.join-p7-arrow02 {
	background: url("../img/join-p7-img-right.png") no-repeat scroll 0 0;
	left: 780px;
	top: 80px;
}

.join-p7-arrow03 {
	background: url("../img/join-p7-img-left.png") no-repeat scroll 0 0;
	left: 780px;
	top: 330px;
}

.join-p7-arrow04 {
	background: url("../img/join-p7-img-left.png") no-repeat scroll 0 0;
	left: 400px;
	top: 330px;
}

.yxjm {
	width: 1100px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding-top: 120px;
}

.yxjm .hd {
	overflow: hidden;
}

.yxjm .hd ul {
	text-align: center;
	overflow: hidden;
	zoom: 1;
	margin-top: 50px;
	zoom: 1;
}

.yxjm .hd ul li {
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: #999;
	border-radius: 4px
}

.yxjm .hd ul li.on {
	background: #f08300
}

.yxjm .bd ul {
	overflow: hidden;
	zoom: 1;
	list-style: none;
}

.yxjm .bd ul li {
	margin: 0 25px 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: left;
	width: 500px
}

.yxjm .bd ul li h1 {
	font-size: 22px;
	color: #f08300;
	margin: 20px 0 0;
}

.yxjm .bd ul li span {
	display: block;
	margin: 10px 0 15px;
	font-size: 16px;
	color: #f08300;
}

.yxjm .bd ul li p {
	line-height: 24px;
	font-size: 14px;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #676767;
	padding: 20px 0;
	color: #fff;
}

.yxjm .bd ul li img {
	width: 220px;
	display: block;
	float: left;
	margin-right: 20px;
}

.poster-main {
	position: relative;
	margin: 80px auto 0;
}

.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0;
}

.poster-main .poster-btn {
	position: absolute;
	top: 0;
	cursor: pointer;
}

.poster-main .poster-prev-btn {
	left: 0;
	background: url("../img/btn_l.png") no-repeat center center;
}

.poster-main .poster-next-btn {
	right: 0;
	background: url("../img/btn_r.png") no-repeat center center;
}

.ab-p4 {}

.ab-p4 .youn {
	display: block;
	height: 170px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 900px;
}

.ab-p4 .youn span {
	cursor: default;
	display: block;
	float: left;
	height: 170px;
	margin: 0 5px;
	transform-style: preserve-3d;
	transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.ab-p4 .youn span i {
	display: block;
}

.ab-p4 .youn .flippety {
	margin-left: 41px;
	transform: translateZ(35px);
}

.ab-p5 {
	background: rgba(0, 0, 0, 0) url("../img/ab-p5-bg.jpg") no-repeat scroll center center;
	height: 500px;
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
}

.mb-a1-box,
.mb-a2-box,
.mb-a3-box,
.mb-ab6-box,
.mb-p6-box,
.mb-show-goods,
.mb-a4-list {
	display: none;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width:1199px) {
	.home li {
		width: 48%;
		padding: 1%;
		float: left;
		margin: 0;
	}

	.home li img {
		display: block;
		width: 100%;
	}

	html {
		overflow-x: hidden;
	}

	.daoRight {
		display: none;
		top: 65px !important;
	}

	.header {
		height: 65px;
	}

	.header-inner {
		width: 100%;
		height: 65px;
	}

	.logo {
		top: 15px;
		left: 20px;
	}

	.logo a {
		display: block;
		width: 130px;
		height: 34px;
	}

	.topbar {
		display: none;
	}

	.navBtn {
		width: 24px;
		height: 18px;
		background: url("../img/navBtn.png") no-repeat center;
		position: absolute;
		right: 15px;
		top: 20px;
		transition: 300ms;
	}

	.navShow {
		-webkit-transform: rotate(-90deg);
	}

	.nav_bar {
		display: none !important;
	}

	.navM {
		display: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.9);
		position: absolute;
		left: 0;
		top: 65px;
		z-index: 10003;
		border-bottom: 1px solid #f08300;
	}

	.navMbox {
		width: 100%;
	}

	.navM ul {
		width: 100%;
		padding: 25px 0;
		overflow: hidden;
	}

	.navM li {
		padding: 0 0 0 0;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}

	.navM li a {
		width: 100%;
		display: inline-block;
		color: #6b6b6b;
		text-transform: uppercase;
		font-size: 20px;
		text-decoration: none;
	}

	.navM li a span {
		font-size: 18px;
	}

	.navM li a i {
		font-size: 13px;
		font-style: normal;
		padding-left: 10px;
	}

	.navM li a:hover {
		color: #f08300;
	}

	.m-about-inner {
		width: 100%;
		background: url("../img/abou-titleBg-600px.png") no-repeat scroll center 20px;
		overflow: hidden;
		padding-top: 3%;
	}

	.m-about-btn ul {
		margin: 50px 0;
	}

	.m-customized {
		background: url("../img/customizedBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-customized-inner {
		width: 100%;
	}

	.m-customized-inner .m-title {
		top: 50px;
		left: 5px;
	}

	#tabs {
		width: 100%;
		margin-bottom: 40px;
	}

	#tabs ul {
		text-align: center;
		font-size: 0;
		width: 80%;
		margin: 0 auto;
	}

	#tabs li {
		list-style-type: none;
		display: inline-block;
		width: 22%;
		background: url("../img/m-customizedIconBg.png") no-repeat scroll center center;
		background-size: contain;
		cursor: pointer;
		overflow: hidden;
		margin: 0 3px;
	}

	#tabs li a {
		display: block;
		width: 100%;
	}

	#tabs li a span {
		width: 100%;
		display: block;
	}

	.m-cando-box {
		width: 100%;
		margin: 0 auto 50px;
		position: relative;
		background: none;
		height: auto;
		text-align: center;
		font-size: 0;
	}

	.cando-list {
		position: static;
		width: 22%;
		display: inline-block;
		margin: 30px 1%;
	}

	.cando-list a .pic {
		border-radius: 50%;
		width: 100%;
		height: auto;
		display: inline-block;
		overflow: hidden;
		border: 1px solid #fff;
	}

	.m-fashion {
		background: url("../img/fashionBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-fashion-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-fashion-inner .m-title {
		margin: 40px 0 40px;
	}

	.m-fashion-inner .m-title h3 {
		color: #fff;
	}

	.mf-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: rgba(255, 255, 255, .2);
		text-align: center;
		font-size: 0;
	}

	.mf-box dl dd {
		width: 30%;
		margin: 15px 1%;
		display: inline-block;
	}

	#slider1,
	#slider2,
	#slider3 {
		width: 100%;
		position: relative;
	}

	.sliderZ {
		z-index: 10;
		height: 90px;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 30px;
	}

	.sliderZ .txt {
		text-align: left;
		padding: 18px 0 0 30px;
	}

	.sliderZ .txt .cn {
		font-size: 26px;
		color: #fff;
	}

	.sliderZ .txt .en {
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
	}

	.controls1 li,
	.controls2 li,
	.controls3 li {
		top: 50%;
		margin-top: -16px
	}

	.controls1 li:nth-child(1),
	.controls2 li:nth-child(1),
	.controls3 li:nth-child(1) {
		right: 60px;
	}

	.controls1 li:nth-child(2),
	.controls2 li:nth-child(2),
	.controls3 li:nth-child(2) {
		right: 20px;
	}

	.pagination li {
		background-color: #ddd;
	}

	.pagination li.active {
		background-color: #000;
	}

	.responsive {
		width: 100%;
		height: auto;
	}

	.m-introduction-inner {
		width: 100%;
		margin: 60px auto 80px;
		overflow: hidden;
	}

	.introduction-box {
		margin: 30px 0 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

	.introduction-left {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
	}

	.introduction-right {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
	}

	.introduction-left .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-right .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-left .pic img,
	.introduction-right .pic img {
		transition-duration: 500ms;
		width: 100%;
	}

	.introduction-left:hover .pic img,
	.introduction-right:hover .pic img {
		transform: scale(1.04);
	}

	.introduction-left .txt .tit,
	.introduction-right .txt .tit {
		font-size: 30px;
		color: #f08300;
		margin: 30px 0;
		text-align: left;
	}

	.introduction-left .txt .tit span,
	.introduction-right .txt .tit span {
		float: right;
		height: 41px;
		width: 41px;
	}

	.introduction-left .txt .tit span a,
	.introduction-right .txt .tit span a {
		display: block;
		width: 41px;
		height: 41px;
		background: url("../img/iArow.png") no-repeat scroll 0 0;
	}

	.introduction-left .txt .info {
		font-size: 16px;
		line-height: 26px;
		color: #666;
		text-align: left;
	}

	.m-character {
		padding: 50px 0;
	}

	.hot_role {
		display: none;
	}

	.mb-character {
		width: 96%;
		margin: 30px auto;
		display: block;
	}

	.mb-character-item {
		width: 24%;
		background: #fff;
		height: auto;
		overflow: hidden;
		margin: 0 0.5% 10px;
		float: left;
	}

	.mb-character-item .pic {
		width: 100%;
	}

	.mb-character-item .pic img {
		display: block;
		width: 100%;
	}

	.mb-character-item .txt {
		padding: 10px 5% 10px;
		float: right;
		width: 90%;
	}

	.mb-character-item .txt .tit {
		font-size: 18px;
		font-weight: bold;
		background: url("../img/mb-icon.png") no-repeat scroll 0 center;
		padding-left: 12px;
	}

	.mb-character-item .txt .tit a {
		color: #333;
	}

	.mb-character-item .txt .p1 {
		color: #666;
		margin: 5px 0 15px;
		padding-left: 13px;
	}

	.mb-character-item .txt .more {
		text-align: right;
	}

	.mb-character-item .txt .more a {
		text-transform: uppercase;
		font-size: 14px;
	}

	.m-business {
		height: auto;
		background: url("../img/m-businessBg.jpg") no-repeat scroll center center;
		background-size: cover;
		width: 100%;
	}

	.m-business-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-business-title {
		text-align: center;
		padding-top: 30px;
	}

	.m-business-title h3 {
		font-size: 40px;
	}

	.m-business-title h4 {
		font-size: 30px;
	}

	.m-business-title .p1 {
		font-size: 20px;
	}

	.m-business-title .p2 {
		font-size: 14px;
		margin-top: 20px;
	}

	.m-business-menu {
		text-align: center;
		font-size: 0;
		margin-top: 30px;
		background: rgba(25, 25, 25, 0.85);
		padding: 40px 0;
	}

	.m-business-menu ul li {
		display: inline-block;
		margin: .5% .5% 20px;
		width: 15%;
	}

	.m-business-list .pic {
		margin: 20px auto 10px;
		width: 90px;
		height: 90px;
	}

	.m-business-list .pic img {
		display: block;
		width: 100%;
	}

	.m-business-list .txt {
		font-size: 14px;
		color: #454545;
		margin-bottom: 10px;
	}

	.m-business-menu ul li a {
		display: block;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 7px;
		overflow: hidden;
	}

	.m-business-menu ul li a:hover {
		background: rgba(223, 167, 92, 0.2);
		color: #fff;
	}

	.m-business-menu ul li a:hover .txt {
		color: #d5a76b;
	}

	.m-news-inner {
		width: 100%;
		margin: 40px auto 0;
	}

	.news-ul {
		width: 96%;
		height: auto;
		margin: 50px 2% 80px;
		overflow: hidden;
	}

	.news-ul .new-li {
		width: 33%;
		height: auto;
		float: left;
		background: #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.news-ul .new-li .new-img {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.news-ul .new-li .new-img img {
		width: 100%;
		transition-duration: 500ms;
	}

	.news-ul .new-li:hover .new-img img {
		transform: scale(1.04);
	}

	.news-ul .new-li .new-box {
		height: 200px;
		width: 94%;
		padding: 15px 3% 0;
		position: relative;
		background: #fff;
	}

	.news-ul .new-li .new-box .new-title {
		font-size: 16px;
		color: #000;
		line-height: 20px;
		max-height: 40px;
		overflow: hidden;
		margin-bottom: 14px;
		padding-bottom: 0;
		display: block;
		font-family: "微软雅黑";
	}

	.news-ul .new-li:hover .new-box .new-title {
		color: #f08300;
	}

	.news-ul .new-li .new-text {
		font-size: 13px;
		color: #999;
		line-height: 24px;
	}

	.news-ul .new-li .new-date {
		display: none;
	}

	.footer-inner {
		width: 94%;
		margin: 0 3%;
		overflow: hidden;
		padding: 40px 0;
	}

	.footer-logo {
		float: left;
		width: 20%;
		height: auto;
		margin-right: 5%;
	}

	.footer-logo img {
		width: 100%;
		display: block;
	}

	.footer-menu {
		float: left;
		width: 20%;
		padding-top: 10px;
	}

	.footer-menu ul li {
		float: none;
		padding: 0 35px;
		height: auto;
		line-height: 24px;
	}

	.footer-menu ul li span a {
		color: #333;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.footerLi-a {
		display: none;
	}

	.footer-right {
		float: right;
		width: 260px;
	}

	.copyRight {
		width: 100%;
		line-height: 40px;
		background: #d6d9de;
	}

	.copyRight-inner {
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		color: #666;
		text-align: center;
	}

	.voice-banner,
	.experience-banner,
	.product-banner,
	.impreesion-banner,
	.character-banner,
	.business-banner,
	.join-banner,
	.store-banner,
	.appointment-banner {
		height: 600px;
		overflow: hidden;
	}

	.voice-box-inner {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
	}

	.voice-box-inner dl {
		background: #f8f8f8;
		height: auto;
		line-height: 22px;
		display: block;
		margin: 20px 1% 0;
		width: 31.3%;
		text-align: left;
		overflow: hidden;
		border-bottom: 2px solid #ccc;
		float: left;
	}

	.voice-box-inner dl:hover {
		background: #fdf3e6;
		border-bottom: 2px solid #d5a76b;
	}

	.voice-box-inner dl dd {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.voice-box-inner dl dd img {
		transition: all 500ms ease 0s;
		width: 100%;
	}

	.voice-box-inner dl:hover dd img {
		transform: scale(1.06);
	}

	.voice-box-inner dl:hover dt h3 a {
		color: #f08300;
	}

	.voice-box-inner dl dt {
		padding: 0 20px;
		margin: 3px 0 7px 0;
		font-size: 12px;
		color: #888;
	}

	.voice-box-inner h3 {
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.voice-box-inner dl h3 a {
		color: #333;
		font-size: 16px;
	}

	.a-impreesion-inner {
		width: 100%;
	}

	.impreesion-case .bo {
		margin: 50px 1%;
		width: 98%;
	}

	.impreesion-case .bo li {
		height: auto;
		margin: 0 1% 15px;
		width: 23%;
	}

	.impreesion-case .bo li .pic {
		height: auto;
		margin: 2%;
		width: 96%;
	}

	.impreesion-case .bo li .pic img {
		height: auto;
		width: 100%;
	}

	.impreesion-case .bo li .pic i {
		height: 100%;
		width: 100%;
	}

	.impreesion-case .bo li p {
		color: #666;
		font-size: 16px;
		line-height: 30px;
		margin-top: 20px;
		text-align: center;
	}

	.impreesion-case .bo li .more {
		background-color: #8f8f8f;
		color: #fff;
		display: block;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		margin: 15px auto 20px;
		text-align: center;
		width: 92px;
		border-radius: 7px;
	}

	.impreesion-case .bo li:hover .more {
		background-color: #f08300;
	}

	.impreesion-case .bo li:hover .pic i {
		display: block;
	}

	.a-character-inner {
		width: 100%;
		margin: 30px auto;
	}

	.about-banner {
		height: 600px;
		overflow: hidden;
	}

	.tel-banner {
		height: 600px;
		overflow: hidden;
	}

	.a-title {
		position: relative;
		height: 50px;
		border-bottom: 1px solid #f08300;
		text-align: center;
		margin: 20px 0 70px;
	}

	.a-title .at1 {
		font-size: 30px;
		color: #000;
		display: inline-block;
		background: #fff;
		padding: 0 10px;
		line-height: 30px;
	}

	.a-title .at2 {
		font-size: 40px;
		background: #fff;
		padding: 0 10px;
		color: #c9c9c9;
		line-height: 40px;
		height: 40px;
	}

	.a-title .at3 {
		font-size: 20px;
		background: #fff;
		padding: 0 10px;
		color: #c9c9c9;
		line-height: 20px;
		height: 20px;
	}

	.a1-menu-box {
		display: none;
	}

	.mb-a1-box {
		display: block;
		width: 94%;
		margin: 0 3% 50px;
	}

	.mb-a1-box li {
		margin-bottom: 20px;
	}

	.mb-a1-box li .top {
		position: relative;
		height: 45px;
		border-bottom: 1px dotted #d1d1d1;
		margin-bottom: 15px;
	}

	.mb-a1-box li .top i {
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		height: 40px;
		display: block;
	}

	.mb-a1-box li .top i img {
		width: 100%;
	}

	.mb-a1-box li .top .txt {
		padding-left: 50px;
	}

	.mb-a1-box li .top .txt .ch {
		font-size: 16px;
	}

	.mb-a1-box li .top .txt .en {
		font-size: 11px;
		color: #888;
		text-transform: uppercase;
	}

	.mb-a1-box li .info .pic {
		float: left;
		width: 30%;
		margin: 5px 10px 0 0;
	}

	.mb-a1-box li .info .pic img {
		width: 100%;
		display: block;
	}

	.mb-a1-box li .info .txt {
		line-height: 26px;
		color: #666;
	}

	.a-culture,
	.a2-menu-box,
	.a-termanal #main {
		display: none;
	}

	.mb-a2-box {
		display: block;
	}

	.mb-a2-box .inner {
		width: 94%;
		margin: 0 3% 50px;
		overflow: hidden;
	}

	.mb-a2-box .inner .txt dl dd {
		line-height: 25px;
		font-size: 14px;
		padding-left: 70px;
		position: relative;
	}

	.mb-a2-box .inner .txt dl dd span {
		color: #f08300;
		position: absolute;
		left: 10px;
		top: 0;
		font-weight: bold;
		font-size: 16px;
	}

	.mb-a2-box .inner ul li {
		width: 31.3%;
		margin: 0 1% 15px;
		float: left;
	}

	.mb-a2-box .inner ul li .pic img {
		width: 100%;
	}

	.mb-a2-box .inner ul li .txt {
		text-align: center;
		background: #f7f7f7;
		overflow: hidden;
	}

	.mb-a2-box .inner ul li .txt .ch {
		font-size: 18px;
		color: #333;
		margin: 5px 0 0;
	}

	.mb-a2-box .inner ul li .txt .en {
		font-size: 12px;
		color: #f08300;
		text-transform: uppercase;
		margin: 0 0 10px;
	}

	.mb-a3-box {
		display: block;
		width: 94%;
		margin: 0 3% 50px;
	}

	.mb-a3-box li {
		overflow: hidden;
		width: 48%;
		margin: 0 1% 20px;
		float: left;
	}

	.mb-a3-box li .tit {
		font-size: 20px;
		font-weight: 600;
		color: #333;
	}

	.mb-a3-box li .pic {
		margin: 5px 0 10px;
	}

	.mb-a3-box li .pic,
	.mb-a3-box li .pic img {
		width: 100%;
	}

	.mb-a3-box li .txt dd {
		line-height: 23px;
		font-size: 14px;
		color: #666;
	}

	.scroll_horizontal {
		position: relative;
		width: 100%;
		height: 400px;
		margin: 0 auto 120px;
	}

	.scroll_horizontal .box {
		overflow: hidden;
		position: relative;
		width: 825px;
		height: 380px;
		margin: 0 auto 0;
	}

	.a-honor {
		background: #e7e7e7 url("../img/honorBg.jpg") no-repeat scroll center 600px;
		overflow: hidden;
		padding-bottom: 0;
		width: 100%;
	}

	.a-termanal {
		height: auto;
		padding-bottom: 30px;
	}

	.a-termanal .a-title {
		height: 50px;
		margin: 20px 0 90px;
	}

	.a-termanal .a-title .at1 {
		font-size: 30px;
		color: #fff;
		line-height: 30px;
	}

	.a-termanal .a-title .at2 {
		font-size: 40px;
		line-height: 40px;
		height: 40px;
	}

	.a-termanal .a-title .at3 {
		font-size: 20pxline-height:20px;
		height: 20px;
	}

	.mb-a4-list {
		margin: 0 auto;
		width: 94%;
		display: block;
	}

	.mb-a4-list li {
		float: left;
		width: 48%;
		margin: 0 1% 20px;
	}

	.mb-a4-list li img {
		width: 100%;
	}

	.ab-p1-box {
		width: 94%;
		margin: 30px auto 0;
		float: none;
		height: auto;
	}

	.ab-p1-left-bottom {
		padding: 30px 5%;
		text-indent: 2em;
		width: 90%;
	}

	.ab-p201-box {
		width: 94%;
		margin: 50px auto;
	}

	.ab-p201-box .pic {
		width: 100%;
		float: left;
	}

	.ab-p201-box .pic img {
		width: 100%;
	}

	.ab-p201-box .txt {
		float: right;
		width: 80%;
		height: auto;
		background: #666 url("../img/abou-titleBg-300px.png") no-repeat scroll center bottom;
		padding: 10%;
	}

	.ab-p201-box .txt h5 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 25px;
	}

	.ab-p201-box .txt p {
		line-height: 30px;
		font-size: 15px;
		color: #bbb;
	}

	.ab-p2-box {
		width: 94%;
		margin: 50px auto;
	}

	.ab-p2-box .pic {
		width: 100%;
		float: left;
	}

	.ab-p2-box .pic img {
		width: 100%;
	}

	.ab-p2-box .txt {
		float: right;
		width: 80%;
		height: auto;
		background: #666 url("../img/abou-titleBg-300px.png") no-repeat scroll center bottom;
		padding: 10%;
	}

	.ab-p2-box .txt h5 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 25px;
	}

	.ab-p2-box .txt p {
		line-height: 30px;
		font-size: 15px;
		color: #bbb;
	}

	.ab-p3 {
		background: url("../img/jbanner.jpg") no-repeat scroll center center / cover;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.ab-p3-b1 img {
		width: 100%;
	}

	.ab-p3-b1 {
		width: 70%;
		margin: 70px auto 10px;
	}

	.ab-p3 .txt {
		text-align: center;
		margin-bottom: 70px;
	}

	.ab-p3 .txt .p1 {
		color: #f08300;
		font-size: 30px;
	}

	.ab-p3 .txt .p2 {
		color: #ccc;
		font-size: 16px;
		margin-top: 10px;
	}

	.ab-p4 {
		height: auto;
	}

	.ab-p4-box {
		width: 100%;
		margin: 0 auto 0;
	}

	.ab-p4-left {
		float: left;
		width: 40%;
	}

	.ab-p4-left img {
		width: 100%;
	}

	.ab-p4-right {
		float: right;
		width: 60%;
		margin: 0px;
		padding: 0px;
	}

	.ab-p4-right .pic {
		margin-top: 1px;
	}

	.ab-p4-right .pic img {
		width: 100%;
	}

	.ab-p4-right .txt {
		text-align: center;
		width: 100%;
		margin: 200px auto 0;
	}

	.ab-p4-right .txt h5 span {
		border: 1px solid #9e9e9e;
		font-size: 24px;
		line-height: 40px;
		padding: 0 10px;
		display: inline-block;
		color: #fff;
	}

	.ab-p4-right .txt p {
		font-size: 16px;
		color: #9e9e9e;
		line-height: 30px;
		margin-top: 15px;
	}

	.ab-p4 .inner {
		width: 94%;
		margin: 0 auto;
	}

	.ab-p4 .youn {
		display: block;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		width: 90%;
	}

	.ab-p4 .youn span {
		cursor: default;
		display: block;
		float: left;
		height: auto;
		margin: 0 1%;
		transform-style: preserve-3d;
		transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
		width: 18%;
	}

	.ab-p4 .youn span i {
		display: block;
	}

	.ab-p4 .youn span i img {
		width: 100%;
		display: block;
	}

	.ab-p4 .youn .flippety {
		margin-left: 0;
		transform: translateZ(35px);
	}

	.ab-p5 {
		background: rgba(0, 0, 0, 0) url("../img/ab-p5-bg.jpg") no-repeat scroll center center / cover;
		height: auto;
		overflow: hidden;
		width: 100%;
		padding: 60px 0;
	}

	.ab-p5 .inner {
		width: 94%;
		margin: 50px auto 0;
		overflow: hidden;
	}

	.ab-p5-left {
		float: left;
		width: 100%;
	}

	.ab-p5-right {
		float: right;
		width: auto;
		height: auto;
		box-shadow: 5px 5px 5px #ccc;
		clear: both;
		background-color: #fff;
        display:none;
	}

	.ab-p5-right .pic {
		margin-top: 1px;
		margin-right: 0;
		margin-bottom: 0px;
		margin-left: 10px;
		height: auto;
		width: auto;
		float: left;
		padding-top: 1px;
	}

	.ab-p5-left li {
		background: #fff none repeat scroll 0 0;
		box-shadow: 5px 5px 5px #ccc;
		float: left;
		height: auto;
		margin-bottom: 40px;
		width: 100%;
	}

	.ab-p5-left li>a {
		display: block;
		height: auto;
	}

	.ab-p5-left .time {
		border: 1px solid #959595;
		height: 48px;
		margin: 20px 15px;
		width: 52px;
	}

	.ab-p5-left .time>div {
		background: #f08300 none repeat scroll 0 0;
		margin: 5px;
	}

	.ab-p5-left .time .day {
		font-size: 28px;
		height: 38px;
		line-height: 38px;
	}

	.ab-p5-left .content {
		margin-left: 80px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		width: auto;
	}

	.ab-p5-left .content .news-title {
		color: #383837;
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 22px;
		overflow: hidden;
		text-overflow: normal;
		white-space: normal;
	}

	.ab-p5-left .content .news-content {
		color: #989898;
		font-size: 12px;
		line-height: 18px;
	}

	.ab-p5-left li:hover {
		background: #d1975e none repeat scroll 0 0;
	}

	.ab-p5-left li:hover .time,
	.ab-p5-left li:hover .learn-more>a {
		border: 1px solid #fff;
	}

	.ab-p5-left li:hover .news-title,
	.ab-p5-left li:hover .learn-more>a {
		color: #fff;
	}

	.ab-p5-left li:hover .news-content {
		color: #e8e8e8;
	}

	.ab-p5-left li:hover .learn-more:hover {
		background: #383837 none repeat scroll 0 0;
		border: 0 none;
	}

	.ab-p6 {
		overflow: hidden;
		width: 100%;
		padding: 60px 0 0;
		background: url("../img/ab-p6-bg.jpg") repeat scroll 0 0;
	}

	.ab-p6 .inner {
		width: 94%;
		overflow: hidden;
		margin: 0 auto;
	}

	.ab-p6 .inner ul {
		display: none;
		list-style: none;
	}

	.ab-p6 .inner .mb-ab6-box {
		padding: 40px 5%;
		overflow: hidden;
		display: block;
	}

	.ab-p6 .inner .mb-ab6-box dl {
		width: 90%;
		background: #fff;
		padding: 15px 5%;
		height: auto;
		box-shadow: 5px 5px 5px #ccc;
		margin-bottom: 20px;
	}

	.ab-p6 .inner .mb-ab6-box dl dt {
		font-size: 20px;
		font-weight: 600;
		padding-bottom: 5px;
		border-bottom: 1px dotted #e5e5e5;
	}

	.ab-p6 .inner .mb-ab6-box dl dt span {
		padding-left: 15px;
		font-size: 14px;
		color: #666;
	}

	.ab-p6 .inner .mb-ab6-box dl dd {
		line-height: 24px;
		margin-top: 15px;
		color: #666;
	}

	.ab-p7 {
		background: #f5f5f5;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 60px 0;
	}

	.ab-p7-list ul {
		margin: 50px auto;
		width: 94%;
		list-style: none;
	}

	.ab-p7-list ul li {
		float: left;
		margin: 0 5% 30px;
		width: 90%;
		height: auto;
		background: #fff;
	}

	.ab-p7-list ul li img {
		margin: 0 auto;
		width: 100%;
	}

	.ab-p7-list .uu {
		color: #f08300;
		font-size: 20px;
		line-height: 30px;
		margin: 20px auto 10px;
		text-align: left;
		padding: 0 15px;
	}

	.ab-p7-list .sp1 {
		color: #999;
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin: 0 auto 20px;
		width: 90%;
		padding: 0 5%;
	}

	.picj {
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.join-p1 {
		height: auto;
	}

	.join-p2 {
		height: auto;
	}

	.join-p3 {
		width: 100%;
		background: #f6f6f6 url("../img/characterBg.png") no-repeat scroll center bottom;
		overflow: hidden;
	}

	.join-p4 {
		width: 100%;
		background: #fff url("../img/join-bg04.jpg") no-repeat scroll center center;
		height: auto;
		overflow: hidden;
	}

	.join-p6 {
		height: auto;
	}

	.join-p7 {
		height: auto;
	}

	.join-p8 {
		width: 100%;
		background: #fff url("../img/join-bg08.jpg") repeat scroll 0 0;
		overflow: hidden;
	}

	.join-p10 {
		width: 100%;
		background: #d6d6d6 url("../img/join-bg10.jpg") no-repeat scroll center top;
		overflow: hidden;
	}

	.join-p11 {
		width: 100%;
		background: #d6d6d6 url("../img/join-bg11.jpg") no-repeat scroll center top;
		overflow: hidden;
		height: 500px;
	}

	.join-p12 {
		width: 100%;
		background: #f9f9f9;
		overflow: hidden;
	}

	.join-title {
		text-align: center;
	}

	.join-title .t1 {
		background: url("../img/mb-join-t1Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t2 {
		background: url("../img/mb-join-t2Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t3 {
		background: url("../img/mb-join-t3Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t4 {
		background: url("../img/mb-join-t4Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t5 {
		background: url("../img/mb-join-t5Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t6 {
		background: url("../img/mb-join-t6Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t7 {
		background: url("../img/mb-join-t7Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t9 {
		background: url("../img/mb-join-t9Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t10 {
		background: url("../img/mb-join-t10Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t11 {
		background: url("../img/mb-join-t11Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t12 {
		background: url("../img/mb-join-t12Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .ch {
		font-size: 32px;
		color: #3e3e3e;
		height: 32px;
		line-height: 32px;
		padding-top: 30px;
	}

	.join-title .t2 .ch,
	.join-title .t4 .ch,
	.join-title .t6 .ch,
	.join-title .t9 .ch,
	.join-title .t10 .ch,
		{
		color: #fff;
	}

	.join-title .p1 {
		font-size: 16px;
		margin-top: 10px;
		padding: 0 5%;
	}

	.join-title .p2 {
		color: #333;
		font-size: 12px;
		margin-top: 10px;
		padding: 0 5%;
	}

	.join-title .t7 .p2 {
		color: #ddd;
	}

	.join-title .t9 .p2,
	.join-title .t10 .p2,
	.join-title .t5 .p2 {
		font-size: 12px;
	}

	.join-title span {
		height: 2px;
		width: 80px;
		display: block;
		margin: 15px auto 0;
		background: #aaa;
	}

	.join-title .t4 span,
	.join-title .t7 span,
	.join-title .t11 span {
		background: #f08300;
	}

	.join-p1 .join-box {
		width: 94%;
		margin: 40px auto;
	}

	.join-p1 .join-box img {
		width: 100%;
	}

	.join-p2 .inner,
	.join-p3 .inner,
	.join-p7 .inner,
	.join-p8 .inner,
	.join-p9 .inner,
	.join-p10 .inner,
	.join-p12 .inner {
		width: 94%;
		margin: 0 auto;
	}

	.join-p9 .inner,
	.join-p10 .inner {
		margin: 30px auto 40px;
	}

	.join-p12 .inner {
		margin: 30px auto 40px;
	}

	.join-p2-ul {
		margin: 50px 0 20px;
		width: 100%;
	}

	.join-p2-ul li {
		display: inline-block;
		width: 31%;
		margin: 0 1% 20px;
		border: 1px solid #9099ba;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 5px;
		padding: 30px 0;
	}

	.join-p2-ul li:hover {
		border: 1px solid #f08300;
		background: rgba(221, 160, 80, 0.5);
	}

	.join-p2-ul li:hover .txt {
		color: #f08300;
	}

	.join-p2-ul li .pic {
		width: 60px;
		height: 60px;
		margin: 0 auto 20px;
	}

	.join-p2-ul li .pic img {
		width: 100%;
	}

	.join-p2-ul li .txt {
		font-size: 20px;
		color: #e6e6e6;
		text-align: center;
	}

	.p3-menu {
		height: 40px;
		width: 100%;
		border-radius: 30px;
		background: #fff;
		margin-top: 50px;
	}

	.p3-menu ul li {
		float: left;
		width: 25%;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		color: #333;
		border-radius: 15px;
		cursor: pointer;
	}

	.p3-menu .current-p3 {
		color: #fff;
		background: #f08300;
	}

	.p3tabs-content {
		margin: 10px 0 40px;
	}

	.p3-tabs-box ul {
		overflow: hidden;
	}

	.p3-tabs-box li {
		float: left;
		border-left: 0 none;
		width: 24%;
		padding: 15px .5%;
	}

	.p3-tabs-box li:first-child {
		border-left: none;
	}

	.p3-tabs-box li .pic {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.p3-tabs-box li .pic img {
		width: 100%;
	}

	.p3-tabs-box li .txt {
		text-align: center;
	}

	.p3-tabs-box li .txt span {
		display: inline-block;
		padding: 0 25px;
		height: 30px;
		line-height: 30px;
		background: #f08300;
		color: #fff;
		font-size: 18px;
		border-radius: 25px;
		text-transform: uppercase;
	}

	.p3-tabs-box li em {
		height: 1px;
		width: 100px;
		background: #f08300;
		display: block;
		margin: 10px auto;
	}

	.p3-tabs-box .line {
		display: none;
	}

	.join-p4 .inner ul {
		background: none;
		overflow: hidden;
		position: relative;
		height: auto;
		width: 100%;
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
	}

	.join-p4 .inner ul li {
		position: static;
		text-align: left;
		margin-bottom: 15px;
		float: left;
		width: 44%;
		padding-top: 0;
		padding-right: 3%;
		padding-bottom: 0;
		padding-left: 3%;
	}

	.join-p4 .inner ul li span {
		color: #f08300;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
	}

	.join-p4 .inner ul li p {
		font-size: 14px;
		color: #fff line-height:24px;
	}

	.join-p4 .inner ul li.ys1 {
		left: 60px;
		top: 10px;
	}

	.join-p4 .inner ul li.ys2 {
		left: 200px;
		top: 300px;
	}

	.join-p4 .inner ul li.ys3 {
		left: 200px;
		top: 10px;
		text-align: left
	}

	.join-p4 .inner ul li.ys4 {
		right: 40px;
		top: 290px;
		text-align: left
	}

	.join-p4 .inner ul li.ys5 {
		right: 80px;
		top: 20px;
		text-align: left
	}

	.p5-menu-box {
		margin: 50px 0 0;
		overflow: hidden;
		position: relative;
		height: auto;
	}

	.p5-menu {
		position: absolute;
		color: #fff;
		height: 60%;
		left: 0;
		margin: 30px 0;
		position: static;
		top: 45%;
		width: 100%;
		z-index: 999;
	}

	.p5-menu ul {
		width: 98%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
		overflow: hidden;
	}

	.p5-menu ul li {
		border: 1px solid #b29f98;
		cursor: pointer;
		padding: 20px 0;
		margin: 0 0.2% 3px;
		width: 30%;
		height: auto;
	}

	.p5-menu ul li .pic {
		width: 40%;
		margin: 0 auto;
	}

	.p5-menu ul li .pic img {
		width: 100%;
	}

	.p5-menu ul li .ch {
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
	}

	.p5-menu ul li .en {
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
	}

	.p5-menu .current-p5 {
		background-color: #f08300;
	}

	.p5-tabs-box {
		width: 100%;
	}

	.p5-tabs-box img {
		width: 100%;
	}

	.poster-main {
		display: none;
	}

	.mb-p6-box {
		display: block;
	}

	.mb-p6-box ul {
		width: 94%;
		margin: 30px auto 50px;
		overflow: hidden;
	}

	.mb-p6-box ul li {
		width: 48%;
		margin: 0 1% 20px;
		float: left;
	}

	.mb-p6-box ul li img {
		width: 100%;
	}

	.join-p7-ul {
		text-align: center;
		font-size: 0;
		margin-top: 50px;
		overflow: hidden;
		position: relative;
	}

	.join-p7-ul li {
		display: inline-block;
		width: 140px;
		height: 140px;
		padding: 10px;
		margin-top: 0;
		margin-right: 2%;
		margin-bottom: 20%;
		margin-left: 2%;
	}

	.join-p7-ul .n1 {
		border: 3px solid #f08300;
		padding: 5px;
		display: block;
		width: 124px;
		height: 124px;
		border-radius: 50%;
	}

	.join-p7-ul .n2 {
		border: 1px solid #f08300;
		padding: 3px;
		display: block;
		width: 116px;
		height: 116px;
		border-radius: 50%;
	}

	.join-p7-ul li .pic {
		width: 60px;
		height: 60px;
		margin: 10px auto 0;
	}

	.join-p7-ul li .txt {
		font-size: 14px;
		color: #f08300;
		text-align: center;
		margin-bottom: 15px;
	}

	.join-p7-ul li span {
		width: 50px;
		height: 3px;
		background: #282828;
		display: inline-block;
		margin: 0 auto;
	}

	.join-p7-ul em {
		display: none;
	}

	.join-p8 .inner img,
	.join-p9 .inner img,
	.join-p10 .inner img {
		width: 100%;
	}

	.yxjm {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding-top: 30px;
	}

	.yxjm .hd {
		overflow: hidden;
	}

	.yxjm .hd ul {
		text-align: left;
		overflow: hidden;
		zoom: 1;
		margin-top: 30px;
		zoom: 1;
		padding-left: 100px;
	}

	.yxjm .hd ul li {
		display: inline-block;
		width: 8px;
		height: 8px;
		overflow: hidden;
		margin-right: 5px;
		text-indent: -999px;
		cursor: pointer;
		background: #999;
		border-radius: 4px
	}

	.yxjm .hd ul li.on {
		background: #f08300
	}

	.yxjm .bd {}

	.yxjm .bd ul {
		overflow: hidden;
		zoom: 1;
	}

	.yxjm .bd ul li {
		margin: 0 25px 0;
		float: left;
		_display: inline;
		overflow: hidden;
		text-align: left;
		width: 500px
	}

	.yxjm .bd ul li h1 {
		font-size: 22px;
		color: #f08300;
		margin: 0;
	}

	.yxjm .bd ul li span {
		display: block;
		margin: 10px 0 15px;
		font-size: 16px;
		color: #f08300;
	}

	.yxjm .bd ul li p {
		line-height: 24px;
		font-size: 14px;
		border-top: 1px solid #676767;
		border-bottom: 1px solid #676767;
		padding: 20px 0;
		color: #fff;
	}

	.yxjm .bd ul li img {
		width: 150px;
		display: block;
		float: left;
		margin-right: 20px;
	}

	.msg-box {
		border: 1px solid #fce4c5;
		background: #f8f8f8;
		overflow: hidden;
		padding: 15px 15px 35px;
		margin-top: 0;
		box-sizing: border-box;
	}

	.msg-list {
		float: left;
		width: 100%;
		margin-top: 20px;
		position: relative;
	}

	.msg-list label {
		display: block;
		left: 1px;
		line-height: 35px;
		outline: 0 none;
		position: absolute;
		text-align: center;
		top: 1px;
		width: 90px;
	}

	.msg-list em {
		width: 80%;
	}

	.msg-input {
		border: 1px solid #ddd;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
		padding: 8px 8px 8px 8px;
		width: 85%;
		color: #666;
		margin-left: 90px;
	}

	.msg2-input {
		width: 85%;
	}

	.msg-width {
		width: 1014px;
	}

	.w100 {
		width: 100%;
	}

	.msg-textarea {
		border: 1px solid #ddd;
		font-size: 14px;
		height: 90px;
		line-height: 18px;
		padding: 8px 8px 8px 8px;
		width: 85%;
		color: #666;
		margin-left: 90px;
	}

	.msg-box .submit button {
		background: #f08300 none repeat scroll 0 0;
		border: 0 none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		font-weight: 700;
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		vertical-align: middle;
		width: 200px;
		margin: 20px 0 0 90px;
	}

	.voiceShow-box-inner {
		margin: 30px auto 40px;
		overflow: hidden;
		width: 94%;
		font-size: 16px;
		line-height: 22px;
	}

	.voiceShow-box-inner h3 {
		color: #f18d00;
		display: block;
		font-size: 20px;
		height: 90px;
		line-height: 50px;
		margin-bottom: 5px;
		overflow: hidden;
		text-align: center;
		text-overflow: normal;
		white-space: normal;
	}

	.voiceShow-box-inner h3 span {
		color: #999;
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 30px;
		text-align: center;
		padding-bottom: 5px;
		border-bottom: 1px solid #e9e9e9;
	}

	.voiceShow-box-inner p {
		color: #333;
		font-size: 16px;
		line-height: 24px;
		text-indent: 0;
	}

	.voiceShow-box-inner img {
		width: 100% !important;
		height: auto !important;
	}

	.voiceShow-box-inner p img {
		width: 100% !important;
		height: auto !important;
	}

	.voiceShow-box-inner .backBtn {
		border: 1px solid #bfbfbf;
		clear: both;
		color: #8d8d8d;
		display: block;
		height: 35px;
		line-height: 35px;
		margin: 40px auto 0;
		text-align: center;
		width: 100px;
		cursor: pointer;
	}

	.voiceShow-box-inner .backBtn:hover {
		background: #f18d00 none repeat scroll 0 0;
		border: 1px solid #fff;
		color: #fff;
	}

	.product-inner {
		width: 94%;
		margin: 0 auto;
	}

	.product-item dl {
		width: 31.3%;
		margin: 0 1% 10px;
	}

	.product-item dl:hover {
		box-shadow: 5px 5px 20px #e1e1e1;
	}

	.product-item dl .pic img {
		width: 100%;
		transition-duration: 500ms;
	}

	.product-item dl:hover .pic img {
		transform: scale(1.1);
	}

	.product-item dl:hover .product-item a {
		color: #f08300;
	}

	.product-item dl:nth-child(4n) {
		margin-right: 1%;
	}

	.product-item dl:nth-child(3n) {
		margin-right: 0;
	}

	.product-item dl dt .pic {
		height: auto;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	.product-item dl dt .pic img {
		width: 100%;
		display: block;
	}

	.product-item dl dd {
		padding: 20px 0;
		border-top: 1px solid #fff;
		text-align: center;
	}

	.product-item .p1 {
		font-size: 14px;
		color: #333;
		margin-bottom: 7px;
		font-weight: 600;
	}

	.product-item .p2 {
		font-size: 12px;
		color: #666;
	}

	.product-show {
		padding: 10px;
		overflow: hidden;
		background: #f8f8f8;
	}

	.product-show-goods {
		display: none;
	}

	.mb-show-goods {
		width: 40%;
		display: block;
		float: left;
	}

	.mb-show-goods img {
		width: 100%;
	}

	.product-show-info {
		float: left;
		width: 99%;
	}

	.product-show-info h4 {
		font-size: 20px;
		padding: 15px 0;
		border-bottom: 1px dotted #d1d1d1;
	}

	.product-show-info p {
		line-height: 24px;
		color: #666;
		font-size: 15px;
		margin-bottom: 5px;
	}

	.product-show-info .btn {
		display: inline-block;
		width: 160px;
		text-align: center;
		line-height: 40px;
		height: 40px;
		border: 1px solid #d9d9d9;
		color: #333;
		margin-top: 30px;
		font-size: 16px;
	}

	.product-show-info .btn:hover {
		background: #f18d00;
		color: #fff;
	}

	.product-showS {
		width: 94%;
		margin: 30px auto 50px;
		overflow: hidden;
	}

	.product-showS .lSide {
		display: none;
	}

	.rgt2 {
		border-bottom: 1px dotted #d1d1d1;
		padding: 20px 28px 5px 0;
	}

	.rgt2 li {
		background-color: #fff;
		border-radius: 13px;
		color: #666;
		float: left;
		font-size: 14px;
		height: 27px;
		line-height: 27px;
		margin-bottom: 15px;
		margin-right: 8px;
		padding: 0 17px;
	}

	.rgt2 li:hover {
		background-color: #f08300;
		color: #fff;
	}

	.rgt3 {
		border-bottom: 1px dotted #d1d1d1;
		padding: 30px 1px 10px 0;
	}

	.rgt3 dl {
		margin-bottom: 20px;
	}

	.rgt3 dl dt {
		color: #666;
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		width: 80px;
	}

	.rgt3 dl dt.lh26 {
		line-height: 26px;
	}

	.rgt3 dl dd {
		float: left;
		width: 600px;
		color: #666;
	}

	.lpi-hd .rgt .rgt4 {
		padding-top: 25px;
	}

	.rgt4 {
		padding: 15px 0;
		text-align: center;
		font-size: 0;
	}

	.rgt4 .lbtn1,
	.rgt4 .lbtn2 {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: none;
		font-size: 16px;
		font-weight: bold;
		height: 42px;
		line-height: 42px;
		margin-right: 8px;
		text-align: center;
		width: 40%;
		border: 1px solid #f08300;
	}

	.rgt4 .lbtn1 {
		background-color: #fff;
		color: #f08300;
	}

	.rgt4 .lbtn2 {
		background-color: #f08300;
	}

	.rPart {
		float: none;
		width: 100%;
	}

	.product-showS .rPart .tit {
		color: #333;
		font-size: 18px;
		font-weight: bold;
		height: 45px;
		line-height: 45px;
		text-align: left;
		width: 100%;
		border-bottom: 1px solid #d1d1d1;
	}

	.product-showS .rPart .con {
		padding: 15px 0;
		overflow: hidden;
	}

	.product-showS .rPart .con img {
		width: 100% !important;
		height: auto !important;
	}

	.character-list {
		width: 94%;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.character-list-item {
		width: 31.3%;
		height: auto;
		margin: 0 1% 20px;
	}

	.character-list-item:nth-child(4n) {
		margin-right: 1%;
	}

	.character-list-item:nth-child(3n) {
		margin-right: 0;
	}

	.character-list-item .pic {
		height: auto;
	}

	.a-character-show {
		width: 94%;
		margin: 40px auto;
	}

	.cs-left {
		width: 30%;
		margin: 0 auto;
	}

	.cs-left .cs-l-box {
		padding: 4px;
		border: 1px solid #e1e1e1;
		background: #f8f8f8;
	}

	.cs-left .cs-l-box .pic {
		width: 100%;
	}

	.cs-left .cs-l-box .pic img {
		display: block;
		width: 100%;
	}

	.cs-right {
		width: 67%;
		min-height: 600px;
	}

	.cs-right h4 {
		font-size: 24px;
		color: #333;
		margin-bottom: 10px;
		border-bottom: 1px dotted #d1d1d1;
		padding: 10px 0;
	}

	.cs-right h4 span {
		margin-left: 20px;
		font-size: 14px;
		color: #666;
		font-weight: 500;
	}

	.cs-right p {
		margin: 0px 0px;
		padding: 0px;
		box-sizing: content-box;
		border: 0px;
		font-size: 16px;
		line-height: 30px;
	}

	.cs-right img {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	.sliderBg .pic img {
		width: 100%;
		height: auto !important;
	}

	.sliderBg .txt {
		background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
		bottom: 30px;
		height: 60px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 10;
		top: 150px;
		line-height: 60px;
	}

	.sliderBg .txt .en {
		display: none;
	}

	.sliderBg .txt .cn {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	html {
		overflow-x: hidden
	}

	.daoRight {
		display: block;
	}

	.header {
		height: 65px;
		top: 65px !important;
	}

	.header-inner {
		width: 100%;
		height: 65px;
	}

	.logo {
		top: 15px;
		left: 20px;
	}

	.logo a {
		display: block;
		width: 130px;
		height: 34px;
	}

	.topbar {
		display: none;
	}

	.m-title {
		text-align: center;
	}

	.m-title i {
		background: url("../img/m-titleBg01.png") no-repeat scroll center 0;
		width: 68px;
		height: 18px;
		margin: 0 auto 10px;
		display: block;
	}

	.m-title h3 {
		font-size: 24px;
		color: #333;
		font-weight: normal;
	}

	.m-title .en {
		text-transform: uppercase;
		color: #666;
		font-size: 12px;
		padding: 5px 0;
	}

	.m-title em {
		background: url("../img/m-titleBg02.png") no-repeat scroll center 0;
		width: 68px;
		height: 5px;
		margin: 10px auto 0;
		display: block;
	}

	.m-about-inner {
		width: 100%;
		background: url("../img/abou-titleBg-600px.png") no-repeat scroll center 20px;
		overflow: hidden;
		padding-top: 50px;
	}

	.m-about-btn ul {
		margin: 50px 0;
	}

	.m-customized {
		background: url("../img/customizedBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-customized-inner {
		width: 100%;
	}

	.m-customized-inner .m-title {
		top: 50px;
		left: 5px;
		width: 40%;
	}
    .msg2-textarea{
		width: 85%;
	}
	#tabs {
		width: 100%;
		margin-bottom: 40px;
	}

	#tabs ul {
		text-align: center;
		font-size: 0;
		width: 80%;
		margin: 0 auto;
	}

	#tabs li {
		list-style-type: none;
		display: inline-block;
		width: 22%;
		background: url("../img/m-customizedIconBg.png") no-repeat scroll center center;
		background-size: contain;
		cursor: pointer;
		overflow: hidden;
		margin: 0 3px;
	}

	#tabs li a {
		display: block;
		width: 100%;
	}

	#tabs li a span {
		width: 100%;
		display: block;
	}

	.m-cando-box {
		width: 100%;
		margin: 0 auto 50px;
		position: relative;
		background: none;
		height: auto;
		text-align: center;
		font-size: 0;
	}

	.cando-list {
		position: static;
		width: 22%;
		display: inline-block;
		margin: 30px 1%;
	}

	.cando-list a .pic {
		border-radius: 50%;
		width: 100%;
		height: auto;
		display: inline-block;
		overflow: hidden;
		border: 1px solid #fff;
	}

	.m-fashion {
		background: url("../img/fashionBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-fashion-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-fashion-inner .m-title {
		margin: 40px 0 40px;
	}

	.m-fashion-inner .m-title h3 {
		color: #fff;
	}

	.mf-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: rgba(255, 255, 255, .2);
		text-align: center;
		font-size: 0;
	}

	.mf-box dl dd {
		width: 30%;
		margin: 15px 1%;
		display: inline-block;
	}

	#slider1,
	#slider2,
	#slider3 {
		width: 100%;
		position: relative;
	}

	.sliderZ {
		z-index: 10;
		height: 50px;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 30px;
	}

	.sliderZ .txt {
		text-align: left;
		padding: 13px 0 0 10px;
	}

	.sliderZ .txt .cn {
		font-size: 16px;
		color: #fff;
	}

	.sliderZ .txt .en {
		display: none;
	}

	.controls1 li,
	.controls2 li,
	.controls3 li {
		top: 50%;
		margin-top: -16px
	}

	.controls1 li:nth-child(1),
	.controls2 li:nth-child(1),
	.controls3 li:nth-child(1) {
		right: 60px;
	}

	.controls1 li:nth-child(2),
	.controls2 li:nth-child(2),
	.controls3 li:nth-child(2) {
		right: 20px;
	}

	.pagination li {
		background-color: #ddd;
	}

	.pagination li.active {
		background-color: #000;
	}

	.responsive {
		width: 100%;
		height: auto;
	}

	.m-introduction-inner {
		width: 100%;
		margin: 60px auto 80px;
		overflow: hidden;
	}

	.introduction-box {
		margin: 30px 0 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

	.introduction-left {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
		vertical-align: top;
	}

	.introduction-right {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
		vertical-align: top;
	}

	.introduction-left .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-right .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-left .pic img,
	.introduction-right .pic img {
		transition-duration: 500ms;
		width: 100%;
	}

	.introduction-left:hover .pic img,
	.introduction-right:hover .pic img {
		transform: scale(1.04);
	}

	.introduction-left .txt .tit,
	.introduction-right .txt .tit {
		font-size: 30px;
		color: #f08300;
		margin: 30px 0;
		text-align: left;
	}

	.introduction-left .txt .tit span,
	.introduction-right .txt .tit span {
		float: right;
		height: 41px;
		width: 41px;
	}

	.introduction-left .txt .tit span a,
	.introduction-right .txt .tit span a {
		display: block;
		width: 41px;
		height: 41px;
		background: url("../img/iArow.png") no-repeat scroll 0 0;
	}

	.introduction-left .txt .info {
		font-size: 16px;
		line-height: 26px;
		color: #666;
		text-align: left;
	}

	.m-character {
		padding: 30px 0;
	}

	.hot_role {
		display: none;
	}

	.mb-character {
		width: 96%;
		margin: 30px auto;
		display: block;
		overflow: hidden;
	}

	.mb-character-item {
		width: 48%;
		background: #fff;
		height: auto;
		overflow: hidden;
		margin: 0 1% 10px;
		float: left;
	}

	.mb-character-item .pic {
		width: 100%;
	}

	.mb-character-item .pic img {
		display: block;
		width: 100%;
	}

	.mb-character-item .txt {
		padding: 10px 5% 10px;
		float: right;
		width: 90%;
	}

	.mb-character-item .txt .tit {
		font-size: 18px;
		font-weight: bold;
		background: url("../img/mb-icon.png") no-repeat scroll 0 center;
		padding-left: 12px;
	}

	.mb-character-item .txt .tit a {
		color: #333;
	}

	.mb-character-item .txt .p1 {
		color: #666;
		margin: 5px 0 15px;
		padding-left: 13px;
	}

	.mb-character-item .txt .more {
		text-align: right;
	}

	.mb-character-item .txt .more a {
		text-transform: uppercase;
		font-size: 14px;
	}

	.m-business {
		height: auto;
		background: url("../img/m-businessBg.jpg") no-repeat scroll center center;
		background-size: cover;
		width: 100%;
	}

	.m-business-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-business-title {
		text-align: center;
		padding-top: 30px;
	}

	.m-business-title h3 {
		font-size: 40px;
	}

	.m-business-title h4 {
		font-size: 30px;
	}

	.m-business-title .p1 {
		font-size: 20px;
	}

	.m-business-title .p2 {
		font-size: 14px;
		margin-top: 20px;
	}

	.m-business-menu {
		text-align: center;
		font-size: 0;
		margin-top: 30px;
	}

	.m-business-menu ul li {
		display: inline-block;
		margin: .5% .5% 20px;
		width: 15%;
	}

	.m-business-list .pic {
		margin: 20px auto 10px;
		width: 90px;
		height: 90px;
	}

	.m-business-list .pic img {
		display: block;
		width: 100%;
	}

	.m-business-list .txt {
		font-size: 14px;
		color: #454545;
		margin-bottom: 10px;
	}

	.m-business-menu ul li a {
		display: block;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 7px;
		overflow: hidden;
	}

	.m-business-menu ul li a:hover {
		background: rgba(223, 167, 92, 0.2);
		color: #fff;
	}

	.m-business-menu ul li a:hover .txt {
		color: #d5a76b;
	}

	.m-news-inner {
		width: 100%;
		margin: 40px auto 0;
	}

	.news-ul {
		width: 96%;
		height: auto;
		margin: 40px 2% 40px;
		overflow: hidden;
	}

	.news-ul .new-li {
		width: 33%;
		height: auto;
		float: left;
		background: #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.news-ul .new-li .new-img {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.news-ul .new-li .new-img img {
		width: 100%;
		transition-duration: 500ms;
	}

	.news-ul .new-li:hover .new-img img {
		transform: scale(1.04);
	}

	.news-ul .new-li .new-box {
		height: 200px;
		width: 94%;
		padding: 15px 3% 0;
		position: relative;
		background: #fff;
	}

	.news-ul .new-li .new-box .new-title {
		font-size: 16px;
		color: #000;
		line-height: 20px;
		max-height: 40px;
		overflow: hidden;
		margin-bottom: 14px;
		padding-bottom: 0;
		display: block;
		font-family: "微软雅黑";
	}

	.news-ul .new-li:hover .new-box .new-title {
		color: #f08300;
	}

	.news-ul .new-li .new-text {
		font-size: 13px;
		color: #999;
		line-height: 24px;
	}

	.news-ul .new-li .new-date {
		display: none;
	}

	.footer-inner {
		width: 94%;
		margin: 0 3%;
		overflow: hidden;
		padding: 40px 0;
	}

	.footer-logo {
		float: left;
		width: 20%;
		height: auto;
		margin-right: 5%;
		margin-top: 15px;
	}

	.footer-logo img {
		width: 100%;
		display: block;
	}

	.footer-menu {
		float: left;
		width: 20%;
		padding-top: 10px;
	}

	.footer-menu ul li {
		float: none;
		padding: 0 0 0 20px;
		height: auto;
		line-height: 24px;
	}

	.footer-menu ul li span a {
		color: #333;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.footerLi-a {
		display: none;
	}

	.footer-right {
		float: right;
		width: 260px;
	}

	.copyRight {
		width: 100%;
		line-height: 40px;
		background: #d6d9de;
	}

	.copyRight-inner {
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		color: #666;
		text-align: center;
	}

	.voice-banner,
	.experience-banner,
	.product-banner,
	.impreesion-banner,
	.character-banner,
	.business-banner,
	.join-banner,
	.store-banner,
	.appointment-banner {
		height: 340px;
		overflow: hidden;
	}

	.voice-tab {
		height: 60px;
		width: 100%;
		text-align: center;
		font-size: 0;
		border-bottom: 1px dotted #c9c9c9;
	}

	.voice-tab ul li {
		width: 90px;
		margin: 0 10px;
		display: inline-block;
		text-align: center;
	}

	.voice-tab ul li a {
		display: block;
		line-height: 58px;
		font-size: 16px;
		color: #333;
	}

	.voice-tab .cur1 a,
	.voice-tab ul li a:hover {
		border-bottom: 2px solid #f18d00;
	}

	.voice-box-inner {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
	}

	.voice-box-inner dl {
		background: #f8f8f8;
		height: auto;
		line-height: 22px;
		display: block;
		margin: 20px 1% 0;
		width: 48%;
		text-align: left;
		overflow: hidden;
		border-bottom: 2px solid #ccc;
		float: left;
	}

	.voice-box-inner dl:hover {
		background: #fdf3e6;
		border-bottom: 2px solid #d5a76b;
	}

	.voice-box-inner dl dd {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.voice-box-inner dl dd img {
		transition: all 500ms ease 0s;
		width: 100%;
	}

	.voice-box-inner dl:hover dd img {
		transform: scale(1.06);
	}

	.voice-box-inner dl:hover dt h3 a {
		color: #f08300;
	}

	.voice-box-inner dl dt {
		padding: 0 20px;
		margin: 3px 0 7px 0;
		font-size: 12px;
		color: #888;
	}

	.voice-box-inner h3 {
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.voice-box-inner dl h3 a {
		color: #333;
		font-size: 16px;
	}

	.a-impreesion-inner {
		width: 100%;
	}

	.impreesion-case .bo {
		margin: 50px 1%;
		width: 98%;
	}

	.impreesion-case .bo li {
		height: auto;
		margin: 0 1% 15px;
		width: 31.3%;
	}

	.impreesion-case .bo li .pic {
		height: auto;
		margin: 2%;
		width: 96%;
	}

	.impreesion-case .bo li .pic img {
		height: auto;
		width: 100%;
	}

	.impreesion-case .bo li .pic i {
		height: 100%;
		width: 100%;
	}

	.impreesion-case .bo li p {
		color: #666;
		font-size: 16px;
		line-height: 28px;
		height: 56px;
		margin-top: 20px;
		text-align: center;
	}

	.impreesion-case .bo li .more {
		background-color: #8f8f8f;
		color: #fff;
		display: block;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		margin: 15px auto 20px;
		text-align: center;
		width: 92px;
		border-radius: 7px;
	}

	.impreesion-case .bo li:hover .more {
		background-color: #f08300;
	}

	.impreesion-case .bo li:hover .pic i {
		display: block;
	}

	.a-character-inner {
		width: 100%;
		margin: 30px auto;
	}

	.character-list {
		width: 98%;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.character-list-item {
		width: 31.3%;
		background: #f8f8f8;
		height: auto;
		overflow: hidden;
		margin: 0 1% 20px;
		float: left;
	}

	.about-banner {
		height: 340px;
		overflow: hidden;
	}

	.tel-banner {
		height: 340px;
		overflow: hidden;
	}

	.scroll_horizontal .box {
		overflow: hidden;
		position: relative;
		width: 550px;
		height: 380px;
		margin: 0 auto 0;
	}

	.p3-menu {
		height: 50px;
		width: 100%;
		border-radius: 0;
		background: #fff;
		margin-top: 30px;
	}

	.p3-menu ul li {
		float: left;
		width: 21%;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		border-radius: 0;
		cursor: pointer;
		height: 40px;
		padding: 5px 2%;
	}

	.p3-menu .current-p3 {
		color: #fff;
		background: #f08300;
	}

	.p3tabs-content {
		margin: 10px 0;
	}

	.p3-tabs-box ul {
		overflow: hidden;
	}

	.p3-tabs-box li {
		float: left;
		border-left: 0 none;
		width: 46%;
		padding: 15px 2%;
	}

	.p3-tabs-box li:first-child {
		border-left: none;
	}

	.p3-tabs-box li .pic {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.p3-tabs-box li .pic img {
		width: 100%;
	}

	.p3-tabs-box li .txt {
		text-align: center;
	}

	.p3-tabs-box li .txt span {
		display: inline-block;
		padding: 0 25px;
		height: 30px;
		line-height: 30px;
		background: #f08300;
		color: #fff;
		font-size: 18px;
		border-radius: 25px;
		text-transform: uppercase;
	}

	.p3-tabs-box li em {
		height: 1px;
		width: 100px;
		background: #f08300;
		display: block;
		margin: 10px auto;
	}

	.p3-tabs-box .line {
		display: none;
	}

	.msg-input {
		width: 80%;
	}

	.msg-textarea {
		width: 80%;
	}

	.ab-p4-box {
		width: 94%;
		margin: 30px auto 0;
	}

	.ab-p4-right .pic {
		margin-top: 20px;
	}

	.ab-p4-right .pic img {
		width: 100%;
	}

	.ab-p4-right .txt {
		text-align: center;
		width: 100%;
		margin: 30px auto 0;
	}

	.ab-p4-right .txt h5 span {
		border: 1px solid #9e9e9e;
		font-size: 20px;
		line-height: 30px;
		padding: 0 10px;
		display: inline-block;
		color: #fff;
	}

	.ab-p4-right .txt p {
		font-size: 14px;
		color: #9e9e9e;
		line-height: 30px;
		margin: 15px 0;
	}
	.appointment-inner {
		width: 720px;
		margin: 40px auto 60px;
	}
	
	.inddesign {
		background: #fff none repeat scroll 0 0;
		overflow: hidden;
		padding-bottom: 40px;
	}
	
	.inddesign ul {
		margin: 60px auto 20px;
		overflow: hidden;
		width: 600px;
	}
	
	.inddesign ul li {
		float: left;
		text-align: center;
		width: 200px;
	}
	
	.inddesign ul li i {
		display: block;
		height: 130px;
		margin: 0 auto 10px;
		transition: -moz-transform 2s ease-out 0s;
		width: 130px;
	}
	
	.inddesign ul li.yy1 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg1.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy2 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg2.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy3 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg3.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy4 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg4.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy5 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg5.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy6 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg6.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy1:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg1sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy2:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg2sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy3:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg3sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy4:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg4sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy5:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg5sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy6:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg6sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li span {
		color: #121212;
		display: block;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.inddesign ul li p {
		font-size: 14px;
		color: #666;
	}
	
	.inddesign ul li:hover i {
		transform: rotateZ(360deg);
	}
	
	.diymain {
		background-color: #f8f8f8;
		border: 1px solid #fce4c5;
		margin: 0 0 15px;
		padding: 30px;
		overflow: hidden;
	}
	
	.diymain .tit {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	
	. .diymain .tit span {
		padding-left: 10px;
		font-size: 14px;
	}
	
	.diymain .con {
		overflow: hidden;
	}
	
	.diyipt {
		border: 1px solid #ddd;
		color: #666;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
		padding: 11px 10px 11px 10px;
		width: 110px;
		margin-right: 10px;
		float: left;
	}
	
	.diymain select,
	.msg-list select {
		border: 1px #ddd solid;
		color: #6a6a6a;
		float: left;
		height: 40px;
		margin-right: 10px;
		width: 120px;
		padding: 0 5px;
		float: left;
	}
	
	.msg-list select {
		height: 36px;
	}
	
	.ml90 {
		margin-left: 103px;
	}
	
	.diymain #show {
		color: #3399FF;
	}
	
	.diymain .btn {
		border: 1px solid #f08300;
		color: #fff;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 16px;
		font-weight: bold;
		height: 38px;
		line-height: 38px;
		text-align: center;
		width: 160px;
		background: #f08300;
		margin-top: 20px;
	}
}

@media screen and (max-width:639px) {
	html {
		overflow-x: hidden
	}

	.daoRight {
		display: none;
	}

	.header {
		height: 65px;
		top: 65px !important;
	}

	.header-inner {
		width: 100%;
		height: 65px;
	}

	.logo {
		top: 15px;
		left: 20px;
	}

	.logo a {
		display: block;
		width: 130px;
		height: 34px;
	}

	.topbar {
		display: none;
	}

	.m-title {
		text-align: center;
	}

	.m-title i {
		background: url("../img/m-titleBg01.png") no-repeat scroll center 0;
		width: 68px;
		height: 18px;
		margin: 0 auto 10px;
		display: block;
	}

	.m-title h3 {
		font-size: 24px;
		color: #333;
		font-weight: normal;
	}

	.m-title .en {
		text-transform: uppercase;
		color: #666;
		font-size: 12px;
		padding: 5px 0;
	}

	.m-title em {
		background: url("../img/m-titleBg02.png") no-repeat scroll center 0;
		width: 68px;
		height: 3px;
		margin: 10px auto 0;
		display: block;
	}

	.m-about-inner {
		width: 100%;
		background: url("../img/abou-titleBg-400px.png") no-repeat scroll center 20px;
		overflow: hidden;
		padding-top: 50px;
	}

	.m-about-btn ul {
		margin: 50px 0;
	}

	.m-customized {
		background: url("../img/customizedBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-customized-inner {
		width: 100%;
	}

	.m-customized-inner .m-title {
		top: 50px;
		left: 5px;
		width: 40%;
	}

	#tabs {
		width: 100%;
		margin-bottom: 40px;
	}

	#tabs ul {
		text-align: center;
		font-size: 0;
		width: 80%;
		margin: 0 auto;
	}

	#tabs li {
		list-style-type: none;
		display: inline-block;
		width: 22%;
		background: url("../img/m-customizedIconBg.png") no-repeat scroll center center;
		background-size: contain;
		cursor: pointer;
		overflow: hidden;
		margin: 0 3px;
	}

	#tabs li a {
		display: block;
		width: 100%;
	}

	#tabs li a span {
		width: 100%;
		display: block;
	}

	.m-cando-box {
		width: 100%;
		margin: 0 auto 50px;
		position: relative;
		background: none;
		height: auto;
		text-align: center;
		font-size: 0;
	}

	.cando-list {
		position: static;
		width: 22%;
		display: inline-block;
		margin: 30px 1%;
	}

	.cando-list a .pic {
		border-radius: 50%;
		width: 100%;
		height: auto;
		display: inline-block;
		overflow: hidden;
		border: 1px solid #fff;
	}

	.m-fashion {
		background: url("../img/fashionBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-fashion-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-fashion-inner .m-title {
		margin: 40px 0 40px;
	}

	.m-fashion-inner .m-title h3 {
		color: #fff;
	}

	.mf-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: rgba(255, 255, 255, .2);
		text-align: center;
		font-size: 0;
	}

	.mf-box dl dd {
		width: 30%;
		margin: 15px 1%;
		display: inline-block;
	}

	#slider1,
	#slider2,
	#slider3 {
		width: 100%;
		position: relative;
	}

	.sliderZ {
		z-index: 10;
		height: 50px;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 30px;
	}

	.sliderZ .txt {
		text-align: left;
		padding: 13px 0 0 10px;
	}

	.sliderZ .txt .cn {
		font-size: 16px;
		color: #fff;
	}

	.sliderZ .txt .en {
		display: none;
	}

	.controls1 li,
	.controls2 li,
	.controls3 li {
		top: 50%;
		margin-top: -16px
	}

	.controls1 li:nth-child(1),
	.controls2 li:nth-child(1),
	.controls3 li:nth-child(1) {
		right: 60px;
	}

	.controls1 li:nth-child(2),
	.controls2 li:nth-child(2),
	.controls3 li:nth-child(2) {
		right: 20px;
	}

	.pagination li {
		background-color: #ddd;
	}

	.pagination li.active {
		background-color: #000;
	}

	.responsive {
		width: 100%;
		height: auto;
	}

	.m-introduction-inner {
		width: 100%;
		margin: 60px auto 80px;
		overflow: hidden;
	}

	.introduction-box {
		margin: 30px 0 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

	.introduction-left {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
		vertical-align: top;
	}

	.introduction-right {
		float: none;
		width: 45%;
		display: inline-block;
		margin: 0 1%;
		vertical-align: top;
	}

	.introduction-left .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-right .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-left .pic img,
	.introduction-right .pic img {
		transition-duration: 500ms;
		width: 100%;
	}

	.introduction-left:hover .pic img,
	.introduction-right:hover .pic img {
		transform: scale(1.04);
	}

	.introduction-left .txt .tit,
	.introduction-right .txt .tit {
		font-size: 30px;
		color: #f08300;
		margin: 30px 0;
		text-align: left;
	}

	.introduction-left .txt .tit span,
	.introduction-right .txt .tit span {
		float: right;
		height: 41px;
		width: 41px;
	}

	.introduction-left .txt .tit span a,
	.introduction-right .txt .tit span a {
		display: block;
		width: 41px;
		height: 41px;
		background: url("../img/iArow.png") no-repeat scroll 0 0;
	}

	.introduction-left .txt .info {
		font-size: 16px;
		line-height: 26px;
		color: #666;
		text-align: left;
	}

	.m-character {
		padding: 30px 0;
	}

	.hot_role {
		display: none;
	}

	.mb-character {
		width: 96%;
		margin: 30px auto;
		display: block;
		overflow: hidden;
	}

	.mb-character-item {
		width: 48%;
		background: #fff;
		height: auto;
		overflow: hidden;
		margin: 0 1% 10px;
		float: left;
	}

	.mb-character-item .pic {
		width: 100%;
	}

	.mb-character-item .pic img {
		display: block;
		width: 100%;
	}

	.mb-character-item .txt {
		padding: 10px 5% 10px;
		float: right;
		width: 90%;
	}

	.mb-character-item .txt .tit {
		font-size: 18px;
		font-weight: bold;
		background: url("../img/mb-icon.png") no-repeat scroll 0 center;
		padding-left: 12px;
	}

	.mb-character-item .txt .tit a {
		color: #333;
	}

	.mb-character-item .txt .p1 {
		color: #666;
		margin: 5px 0 15px;
		padding-left: 13px;
	}

	.mb-character-item .txt .more {
		text-align: right;
	}

	.mb-character-item .txt .more a {
		text-transform: uppercase;
		font-size: 14px;
	}

	.m-business {
		height: auto;
		background: url("../img/m-businessBg.jpg") no-repeat scroll center center;
		background-size: cover;
		width: 100%;
	}

	.m-business-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-business-title {
		text-align: center;
		padding-top: 30px;
	}

	.m-business-title h3 {
		font-size: 40px;
	}

	.m-business-title h4 {
		font-size: 30px;
	}

	.m-business-title .p1 {
		font-size: 20px;
	}

	.m-business-title .p2 {
		font-size: 12px;
		margin-top: 20px;
		padding: 0 4%;
	}

	.m-business-menu {
		margin-top: 30px;
		padding: 20px 0;
	}

	.m-business-menu ul li {
		display: inline-block;
		margin: .5% .5% 20px;
		width: 15%;
	}

	.m-business-list .pic {
		margin: 20px auto 10px;
		width: 100%;
		height: auto;
	}

	.m-business-list .pic img {
		display: block;
		width: 100%;
	}

	.m-business-list .txt {
		font-size: 12px;
		color: #454545;
		margin-bottom: 10px;
	}

	.m-business-menu ul li a {
		display: block;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 7px;
		overflow: hidden;
	}

	.m-business-menu ul li a:hover {
		background: rgba(223, 167, 92, 0.2);
		color: #fff;
	}

	.m-business-menu ul li a:hover .txt {
		color: #d5a76b;
	}

	.m-news-inner {
		width: 100%;
		margin: 40px auto 0;
	}

	.news-ul {
		width: 96%;
		height: auto;
		margin: 40px 2% 40px;
		overflow: hidden;
	}

	.news-ul .new-li {
		width: 33%;
		height: auto;
		float: left;
		background: #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.news-ul .new-li .new-img {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.news-ul .new-li .new-img img {
		width: 100%;
		transition-duration: 500ms;
	}

	.news-ul .new-li:hover .new-img img {
		transform: scale(1.04);
	}

	.news-ul .new-li .new-box {
		height: 200px;
		width: 94%;
		padding: 15px 3% 0;
		position: relative;
		background: #fff;
	}

	.news-ul .new-li .new-box .new-title {
		font-size: 16px;
		color: #000;
		line-height: 20px;
		max-height: 40px;
		overflow: hidden;
		margin-bottom: 14px;
		padding-bottom: 0;
		display: block;
		font-family: "微软雅黑";
	}

	.news-ul .new-li:hover .new-box .new-title {
		color: #f08300;
	}

	.news-ul .new-li .new-text {
		font-size: 13px;
		color: #999;
		line-height: 24px
	}

	.news-ul .new-li .new-date {
		display: none;
	}

	.footer-inner {
		width: 94%;
		margin: 0 3%;
		overflow: hidden;
		padding: 40px 0;
	}

	.footer-logo {
		float: left;
		width: 20%;
		height: auto;
		margin-right: 5%;
		margin-top: 15px;
	}

	.footer-logo img {
		width: 100%;
		display: block;
	}

	.footer-menu {
		float: left;
		width: 20%;
		padding-top: 10px;
	}

	.footer-menu ul li {
		float: none;
		padding: 0 0 0 20px;
		height: auto;
		line-height: 24px;
	}

	.footer-menu ul li span a {
		color: #333;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.footerLi-a {
		display: none;
	}

	.footer-right {
		float: right;
		width: 260px;
	}

	.copyRight {
		width: 100%;
		line-height: 40px;
		background: #d6d9de;
	}

	.copyRight-inner {
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		color: #666;
		text-align: center;
	}

	.voice-banner,
	.experience-banner,
	.product-banner,
	.impreesion-banner,
	.character-banner,
	.business-banner,
	.join-banner,
	.store-banner,
	.appointment-banner {
		height: 220px;
		overflow: hidden;
	}

	.voice-tab {
		height: auto;
		width: 94%;
		text-align: center;
		border-bottom: none;
		margin: 0 auto;
	}

	.voice-tab ul li {
		width: 31%;
		margin: 10px 1% 0;
		float: left;
	}

	.voice-tab ul li a {
		display: block;
		line-height: 40px;
		font-size: 16px;
		color: #333;
		border: 1px solid #e1e1e1;
	}

	.voice-tab .cur1 a,
	.voice-tab ul li a:hover {
		border: 1px solid #f18d00;
		background: #f18d00;
		color: #fff;
	}

	.voice-box-inner {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
	}

	.voice-box-inner dl {
		background: #f8f8f8;
		height: auto;
		line-height: 22px;
		display: block;
		margin: 20px 1% 0;
		width: 48%;
		text-align: left;
		overflow: hidden;
		border-bottom: 2px solid #ccc;
		float: left;
	}

	.voice-box-inner dl:hover {
		background: #fdf3e6;
		border-bottom: 2px solid #d5a76b;
	}

	.voice-box-inner dl dd {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.voice-box-inner dl dd img {
		transition: all 500ms ease 0s;
		width: 100%;
	}

	.voice-box-inner dl:hover dd img {
		transform: scale(1.06);
	}

	.voice-box-inner dl:hover dt h3 a {
		color: #f08300;
	}

	.voice-box-inner dl dt {
		padding: 0 20px;
		margin: 3px 0 7px 0;
		font-size: 12px;
		color: #888;
	}

	.voice-box-inner h3 {
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.voice-box-inner dl h3 a {
		color: #333;
		font-size: 16px;
	}

	.voice-box-inner .txt {
		display: none;
	}

	.a-impreesion-inner {
		width: 100%;
	}

	.impreesion-case .bo {
		margin: 50px 1%;
		width: 98%;
	}

	.impreesion-case .bo li {
		height: auto;
		margin: 0 1% 15px;
		width: 48%;
	}

	.impreesion-case .bo li .pic {
		height: auto;
		margin: 2%;
		width: 96%;
	}

	.impreesion-case .bo li .pic img {
		height: auto;
		width: 100%;
	}

	.impreesion-case .bo li .pic i {
		height: 100%;
		width: 100%;
	}

	.impreesion-case .bo li p {
		color: #666;
		font-size: 16px;
		line-height: 30px;
		margin-top: 20px;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.impreesion-case .bo li .more {
		background-color: #8f8f8f;
		color: #fff;
		display: block;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		margin: 15px auto 20px;
		text-align: center;
		width: 92px;
		border-radius: 7px;
	}

	.impreesion-case .bo li:hover .more {
		background-color: #f08300;
	}

	.impreesion-case .bo li:hover .pic i {
		display: block;
	}

	.a-character-inner {
		width: 100%;
		margin: 30px auto;
	}

	.character-list {
		width: 98%;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.character-list-item {
		width: 48%;
		background: #f8f8f8;
		height: auto;
		overflow: hidden;
		margin: 0 1% 15px;
		float: left;
	}

	.about-banner {
		height: 220px;
		overflow: hidden;
	}


	.tel-banner {
		height: 220px;
		overflow: hidden;
	}


	.mb-a3-box li {
		float: none;
		margin: 0 0 20px;
		overflow: hidden;
		width: 100%;
	}

	.scroll_horizontal .box {
		overflow: hidden;
		position: relative;
		width: 275px;
		height: 380px;
		margin: 0 auto 0;
	}

	.mb-a2-box .inner ul li {
		width: 46%;
		margin: 0 2% 15px;
		float: left;
	}

	.join-p2-ul li {
		border-radius: 5px;
		margin: 0 1% 20px;
		width: 46%;
	}

	.msg-input {
		width: 75%;
	}

	.msg-textarea {
		width: 75%;
	}

	.product-item dl {
		width: 48%;
		height: auto;
		margin: 0 1% 10px;
	}

	.product-item dl:hover {
		box-shadow: 5px 5px 20px #e1e1e1;
	}

	.product-item dl .pic img {
		width: 100%;
		transition-duration: 500ms;
	}

	.product-item dl:hover .pic img {
		transform: scale(1.1);
	}

	.product-item dl:hover .product-item a {
		color: #f08300;
	}

	.product-item dl:nth-child(4n) {
		margin-right: 1%;
	}

	.product-item dl:nth-child(3n) {
		margin-right: 1%;
	}

	.character-list-item {
		width: 48%;
		height: auto;
		margin: 0 1% 10px;
	}

	.character-list-item:nth-child(4n) {
		margin-right: 1%;
	}

	.character-list-item:nth-child(3n) {
		margin-right: 1%;
	}

	.character-list-item .pic {
		height: auto;
	}

	.mb-show-goods {
		width: 100%;
		display: block;
		float: left;
	}

	.mb-show-goods img {
		width: 100%;
	}

	.product-show-info {
		float: right;
		width: 100%;
	}
}

@media screen and (max-width:479px) {
	html {
		overflow-x: hidden
	}

	.daoRight {
		display: none;
	}

	.header {
		height: 65px;
		top: 65px !important;
	}

	.header-inner {
		width: 100%;
		height: 65px;
	}

	.logo {
		top: 15px;
		left: 20px;
		height: auto;
	}

	.logo a {
		display: block;
		width: 130px;
		height: 34px;
	}

	.topbar {
		display: none;
	}

	.m-title {
		text-align: center;
	}

	.m-title i {
		background: url("../img/m-titleBg01.png") no-repeat scroll center 0;
		width: 68px;
		height: 18px;
		margin: 0 auto 10px;
		display: block;
	}

	.m-title h3 {
		font-size: 24px;
		color: #333;
		font-weight: normal;
	}

	.m-title .en {
		text-transform: uppercase;
		color: #666;
		font-size: 12px;
		padding: 5px 0;
	}

	.m-title em {
		background: url("../img/m-titleBg02.png") no-repeat scroll center 0;
		width: 68px;
		height: 5px;
		margin: 10px auto 0;
		display: block;
	}

	.m-about-inner {
		width: 100%;
		background: url("../img/abou-titleBg-300px.png") no-repeat scroll center 40px;
		overflow: hidden;
		padding-top: 50px;
	}

	.m-about-btn ul {
		margin: 30px 0;
	}

	.m-about-list {
		margin: 30px 0;
		overflow: hidden;
	}

	.m-about-list ul {
		text-align: center;
	}

	.m-about-list ul li {
		display: inline-block;
		margin: 0 1%;
		width: 38%;
		font-size: 0;
	}

	.m-about-list .pic {
		width: 60px;
		/* height: 60px; */
		margin: 0 auto;
	}

	.m-about-list .pic img {
		max-width: 100%;
		display: block;
	}

	.m-about-list .txt {
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}

	.m-about-txt {
		display: none;
	}

	.m-about-btn ul li {
		display: inline-block;
		margin: 0 10px;
		width: 120px;
		font-size: 0;
		height: 40px;
	}

	.m-about-btn ul li a {
		display: block;
		border: 1px solid #999;
		font-size: 16px;
		text-align: center;
		line-height: 40px;
		border-radius: 20px;
		color: #666;
	}

	.m-about-btn ul li a:hover {
		background: #f08300;
		display: block;
		border: 1px solid #f08300;
		color: #fff;
	}

	.m-customized {
		background: url("../img/customizedBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
		display: none;
	}

	.m-customized-inner {
		width: 100%;
		overflow: hidden;
	}

	.m-customized-inner .m-title {
		width: 100%;
		position: static;
		margin: 20px 0;
	}

	.m-customized-inner .m-title .en {
		color: #e1e1e1;
	}

	#tabs {
		width: 100%;
		margin-bottom: 40px;
	}

	#tabs_container {
		display: none;
	}

	#tabs ul {
		text-align: center;
		font-size: 0;
		width: 96%;
		margin: 0 auto;
	}

	#tabs li {
		list-style-type: none;
		display: inline-block;
		width: 44%;
		background: url("../img/m-customizedIconBg.png") no-repeat scroll center center;
		background-size: contain;
		cursor: pointer;
		overflow: hidden;
		margin: 0 3px;
		height: 120px;
	}

	#tabs li a {
		display: block;
		width: 100%;
		height: 120px;
	}

	#tabs li a span {
		width: 100%;
		display: block;
		height: 120px;
	}

	.m-cando-inner .m-title {
		margin: 20px 0;
	}

	.m-cando-box {
		width: 100%;
		margin: 0 auto 50px;
		position: relative;
		background: none;
		height: auto;
		text-align: center;
		font-size: 0;
	}

	.cando-list {
		position: static;
		width: 44%;
		display: inline-block;
		margin: 10px 1%;
	}

	.cando-list .icon {
		margin: 0 auto 10px;
	}

	.cando-list a .pic {
		border-radius: 50%;
		width: 100%;
		height: auto;
		display: inline-block;
		overflow: hidden;
		border: 1px solid #fff;
	}

	.cando-list a .txt .cn {
		font-size: 16px;
	}

	.cando-list a .txt .en {
		font-size: 12px;
	}

	.m-fashion {
		background: url("../img/fashionBg.jpg") no-repeat scroll center top;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	.m-fashion-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		display: none;
	}

	.m-fashion-inner .m-title {
		margin: 40px 0 40px;
	}

	.m-fashion-inner .m-title h3 {
		color: #fff;
	}

	.mf-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: rgba(255, 255, 255, .2);
		text-align: center;
		font-size: 0;
	}

	.mf-box dl dd {
		width: 30%;
		margin: 15px 1%;
		display: inline-block;
	}

	#slider1,
	#slider2,
	#slider3 {
		width: 100%;
		position: relative;
	}

	.sliderZ {
		z-index: 10;
		height: 60px;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 30px;
	}

	.sliderZ .txt {
		text-align: center;
		padding: 0;
		line-height: 60px;
	}

	.sliderZ .txt .cn {
		font-size: 20px;
		color: #fff;
	}

	.sliderZ .txt .en {
		display: none;
	}

	.controls1,
	.controls2,
	.controls3 {
		display: none;
	}

	.responsive {
		width: 100%;
		height: auto;
	}

	.sliderBg .pic img {
		width: 100%;
	}

	.sliderBg .txt {
		background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
		bottom: 30px;
		height: 60px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 10;
		top: 50px;
		line-height: 60px;
	}

	.sliderBg .txt .en {
		display: none;
	}

	.sliderBg .txt .cn {
		font-size: 20px;
	}

	.m-introduction-inner {
		width: 100%;
		margin: 30px auto;
		overflow: hidden;
	}

	.introduction-box {
		margin: 30px auto 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
		width: 90%;
	}

	.introduction-left {
		float: none;
		width: 100%;
		display: none;
		vertical-align: top;
		margin-bottom: 10px;
	}

	.introduction-right {
		float: none;
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	.introduction-left .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-right .pic {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.introduction-left .pic img,
	.introduction-right .pic img {
		transition-duration: 500ms;
		width: 100%;
	}

	.introduction-left:hover .pic img,
	.introduction-right:hover .pic img {
		transform: scale(1.04);
	}

	.introduction-left .txt,
	.introduction-right .txt {
		display: none;
	}

	.introduction-left .txt .info {
		display: none;
	}

	.m-character {
		padding: 30px 0;
	}

	.hot_role {
		display: none;
	}

	.mb-character {
		width: 94%;
		margin: 30px auto;
		display: block;
	}

	.mb-character-item {
		width: 100%;
		background: #fff;
		height: auto;
		overflow: hidden;
		margin: 0 0 10px;
	}

	.mb-character-item .pic {
		float: left;
		width: 30%;
	}

	.mb-character-item .pic img {
		display: block;
		width: 100%;
	}

	.mb-character-item .txt {
		padding: 10px 3% 0;
		float: right;
		width: 62%;
	}

	.mb-character-item .txt .tit {
		font-size: 18px;
		font-weight: bold;
		background: url("../img/mb-icon.png") no-repeat scroll 0 center;
		padding-left: 12px;
	}

	.mb-character-item .txt .tit a {
		color: #333;
	}

	.mb-character-item .txt .p1 {
		color: #666;
		margin: 5px 0 15px;
		padding-left: 13px;
	}

	.mb-character-item .txt .more {
		text-align: right;
	}

	.mb-character-item .txt .more a {
		text-transform: uppercase;
		font-size: 14px;
	}

	.m-business {
		height: auto;
		background: url("../img/m-businessBg.jpg") no-repeat scroll center center;
		background-size: cover;
		width: 100%;
	}

	.m-business-inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.m-business-title {
		text-align: center;
		padding-top: 30px;
	}

	.m-business-title h3 {
		font-size: 30px;
	}

	.m-business-title h4 {
		font-size: 20px;
	}

	.m-business-title .p1 {
		font-size: 14px;
	}

	.m-business-title .p2 {
		display: none;
	}

	.m-business-menu {
		margin-top: 30px;
		padding: 20px 0;
	}

	.m-business-menu ul li {
		display: inline-block;
		margin: .5% .5% 20px;
		width: 25%;
	}

	.m-business-list .pic {
		margin: 20px auto 10px;
		width: 70px;
		height: 70px;
	}

	.m-business-list .pic img {
		display: block;
		width: 100%;
	}

	.m-business-list .txt {
		font-size: 14px;
		color: #454545;
		margin-bottom: 10px;
	}

	.m-business-menu ul li a {
		display: block;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 7px;
		overflow: hidden;
	}

	.m-business-menu ul li a:hover {
		background: rgba(223, 167, 92, 0.2);
		color: #fff;
	}

	.m-business-menu ul li a:hover .txt {
		color: #d5a76b;
	}

	.m-news-inner {
		width: 100%;
		margin: 40px auto 0;
	}

	.news-ul {
		width: 96%;
		height: auto;
		margin: 40px 2% 40px;
		overflow: hidden;
	}

	.news-ul .new-li {
		width: 100%;
		height: auto;
		float: left;
		background: #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.news-ul .new-li .new-img {
		width: 40%;
		height: auto;
		overflow: hidden;
		position: relative;
		display: block;
		float: left;
	}

	.news-ul .new-li .new-img img {
		width: 100%;
		transition-duration: 500ms;
	}

	.news-ul .new-li:hover .new-img img {
		transform: scale(1.04);
	}

	.news-ul .new-li .new-box {
		height: auto;
		width: 54%;
		padding: 15px 3% 0;
		position: relative;
		background: #fff;
		float: right;
	}

	.news-ul .new-li .new-box .new-title {
		font-size: 14px;
		color: #000;
		line-height: 20px;
		max-height: 40px;
		overflow: hidden;
		margin-bottom: 14px;
		padding-bottom: 0;
		display: block;
		font-family: "微软雅黑";
	}

	.news-ul .new-li:hover .new-box .new-title {
		color: #f08300;
	}

	.news-ul .new-li .new-text {
		display: none;
	}

	.news-ul .new-li .new-date {
		font-size: 12px;
		color: #999;
		line-height: 24px;
		position: static;
		left: 10px;
		bottom: 5px;
	}

	.footer-inner {
		width: 94%;
		margin: 0 3%;
		overflow: hidden;
		padding: 20px 0;
	}

	.footer-logo {
		float: left;
		width: 20%;
		height: auto;
		margin-right: 5%;
		margin-top: 15px;
	}

	.footer-logo img {
		width: 100%;
		display: block;
	}

	.footer-menu {
		float: left;
		width: 30%;
		padding-top: 10px;
	}

	.footer-menu ul li {
		float: none;
		padding: 0 0 0 20px;
		height: auto;
		line-height: 24px;
	}

	.footer-menu ul li span a {
		color: #333;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.footerLi-a {
		display: none;
	}

	.footer-right {
		float: right;
		width: 40%;
	}

	.footer-right .tel {
		float: right;
		padding-top: 15px;
		width: 150px;
	}

	.footer-right .code {
		display: none;
	}

	.copyRight {
		width: 94%;
		line-height: 20px;
		background: #d6d9de;
		padding: 10px 3%;
	}

	.copyRight-inner {
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		color: #666;
		text-align: center;
	}

	.copyRight-inner span {
		display: block;
	}

	.voice-banner,
	.experience-banner,
	.product-banner,
	.impreesion-banner,
	.character-banner,
	.business-banner,
	.join-banner,
	.store-banner,
	.appointment-banner {
		height: 165px;
		overflow: hidden;
	}

	.voice-tab {
		height: auto;
		width: 94%;
		text-align: center;
		border-bottom: none;
		margin: 0 auto;
	}

	.voice-tab ul li {
		width: 31%;
		margin: 10px 1% 0;
		float: left;
	}

	.voice-tab ul li a {
		display: block;
		line-height: 40px;
		font-size: 16px;
		color: #333;
		border: 1px solid #e1e1e1;
	}

	.voice-tab .cur1 a,
	.voice-tab ul li a:hover {
		border: 1px solid #f18d00;
		background: #f18d00;
		color: #fff;
	}

	.voice-box-inner {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
	}

	.voice-box-inner dl {
		background: #f8f8f8;
		height: auto;
		line-height: 22px;
		display: block;
		margin: 20px 1% 0;
		width: 98%;
		text-align: left;
		overflow: hidden;
		border-bottom: 2px solid #ccc;
		float: left;
	}

	.voice-box-inner dl:hover {
		background: #fdf3e6;
		border-bottom: 2px solid #d5a76b;
	}

	.voice-box-inner dl dd {
		width: 30%;
		height: auto;
		overflow: hidden;
		float: left;
	}

	.voice-box-inner dl dd img {
		transition: all 500ms ease 0s;
		width: 100%;
	}

	.voice-box-inner dl:hover dd img {
		transform: scale(1.06);
	}

	.voice-box-inner dl:hover dt h3 a {
		color: #f08300;
	}

	.voice-box-inner dl dt {
		padding: 0 2%;
		margin: 3px 0 7px 0;
		font-size: 12px;
		color: #888;
		float: left;
		width: 60%;
	}

	.voice-box-inner h3 {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.voice-box-inner dl h3 a {
		color: #333;
		font-size: 13px;
	}

	.voice-box-inner .txt {
		display: none;
	}

	.a-impreesion-inner {
		width: 100%;
	}

	.impreesion-case .bo {
		margin: 50px 1%;
		width: 98%;
	}

	.impreesion-case .bo li {
		height: auto;
		margin: 0 1% 15px;
		width: 48%;
	}

	.impreesion-case .bo li .pic {
		height: auto;
		margin: 2%;
		width: 96%;
	}

	.impreesion-case .bo li .pic img {
		height: auto;
		width: 100%;
	}

	.impreesion-case .bo li .pic i {
		height: 100%;
		width: 100%;
	}

	.impreesion-case .bo li p {
		color: #666;
		font-size: 16px;
		line-height: 30px;
		margin-top: 20px;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.impreesion-case .bo li .more {
		background-color: #8f8f8f;
		color: #fff;
		display: block;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		margin: 15px auto 20px;
		text-align: center;
		width: 92px;
		border-radius: 7px;
	}

	.impreesion-case .bo li:hover .more {
		background-color: #f08300;
	}

	.impreesion-case .bo li:hover .pic i {
		display: block;
	}

	.a-character-inner {
		width: 100%;
		margin: 20px auto;
	}

	.character-list {
		width: 98%;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.character-list-item {
		width: 48%;
		background: #f8f8f8;
		height: auto;
		overflow: hidden;
		margin: 0 1% 15px;
		float: left;
	}

	.about-banner {
		height: 165px;
		overflow: hidden;
	}



	.tel-banner {
		height: 165px;
		overflow: hidden;
	}

	.a-title {
		position: relative;
		height: 50px;
		border-bottom: 1px solid #dea85e;
		text-align: center;
		margin: 20px 0 70px;
	}

	.a-title .at1 {
		font-size: 30px;
		color: #000;
		display: inline-block;
		background: #fff;
		padding: 0 10px;
		line-height: 30px;
	}

	.a-title .at2 {
		font-size: 40px;
		background: #fff;
		padding: 0 10px;
		color: #c9c9c9;
		line-height: 40px;
		height: 40px;
	}

	.a-title .at3 {
		font-size: 20px;
		background: #fff;
		padding: 0 10px;
		color: #c9c9c9;
		line-height: 20px;
		height: 20px;
	}

	.a1-menu-box {
		display: none;
	}

	.mb-a1-box {
		display: block;
		width: 94%;
		margin: 0 3% 50px;
	}

	.mb-a1-box li {
		margin-bottom: 20px;
	}

	.mb-a1-box li .top {
		position: relative;
		height: 45px;
		border-bottom: 1px dotted #d1d1d1;
		margin-bottom: 15px;
	}

	.mb-a1-box li .top i {
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		height: 40px;
		display: block;
	}

	.mb-a1-box li .top i img {
		width: 100%;
	}

	.mb-a1-box li .top .txt {
		padding-left: 50px;
	}

	.mb-a1-box li .top .txt .ch {
		font-size: 16px;
	}

	.mb-a1-box li .top .txt .en {
		font-size: 11px;
		color: #888;
		text-transform: uppercase;
	}

	.mb-a1-box li .info .pic {
		float: left;
		width: 30%;
		margin: 5px 10px 0 0;
	}

	.mb-a1-box li .info .pic img {
		width: 100%;
		display: block;
	}

	.mb-a1-box li .info .txt {
		line-height: 26px;
		color: #666;
	}

	.a-culture,
	.a2-menu-box,
	.a-termanal #main {
		display: none;
	}

	.mb-a2-box .inner {
		width: 94%;
		margin: 0 3% 50px;
	}

	.mb-a2-box .inner .txt dl dd {
		line-height: 25px;
		font-size: 14px;
		padding-left: 70px;
		position: relative;
	}

	.mb-a2-box .inner .txt dl dd span {
		color: #f08300;
		position: absolute;
		left: 10px;
		top: 0;
		font-weight: bold;
		font-size: 16px;
	}

	.mb-a2-box .inner ul li {
		width: 46%;
		margin: 0 2% 15px;
		float: left;
	}

	.mb-a2-box .inner ul li .pic img {
		width: 100%;
	}

	.mb-a2-box .inner ul li .txt {
		text-align: center;
		background: #f7f7f7;
		overflow: hidden;
	}

	.mb-a2-box .inner ul li .txt .ch {
		font-size: 18px;
		color: #333;
		margin: 5px 0 0;
	}

	.mb-a2-box .inner ul li .txt .en {
		font-size: 12px;
		color: #f08300;
		text-transform: uppercase;
		margin: 0 0 10px;
	}

	.mb-a3-box {
		display: block;
		width: 94%;
		margin: 0 3% 50px;
	}

	.mb-a3-box li {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.mb-a3-box li .tit {
		font-size: 20px;
		font-weight: 600;
		color: #333;
	}

	.mb-a3-box li .pic {
		margin: 5px 0 10px;
	}

	.mb-a3-box li .pic,
	.mb-a3-box li .pic img {
		width: 100%;
	}

	.mb-a3-box li .txt dd {
		line-height: 23px;
		font-size: 14px;
		color: #666;
	}

	.scroll_horizontal {
		position: relative;
		width: 100%;
		height: 400px;
		margin: 0 auto 120px;
	}

	.scroll_horizontal .box {
		overflow: hidden;
		position: relative;
		width: 275px;
		height: 380px;
		margin: 0 auto 0;
	}

	.a-honor {
		background: #e7e7e7 url("../img/honorBg.jpg") no-repeat scroll center 600px;
		overflow: hidden;
		padding-bottom: 0;
		width: 100%;
	}

	.a-termanal {
		height: auto;
		padding-bottom: 30px;
	}

	.a-termanal .a-title {
		height: 50px;
		margin: 20px 0 90px;
	}

	.a-termanal .a-title .at1 {
		font-size: 30px;
		color: #fff;
		line-height: 30px;
	}

	.a-termanal .a-title .at2 {
		font-size: 40px;
		line-height: 40px;
		height: 40px;
	}

	.a-termanal .a-title .at3 {
		font-size: 20pxline-height:20px;
		height: 20px;
	}

	.mb-a4-list {
		margin: 0 auto;
		width: 94%;
	}

	.mb-a4-list li {
		margin-bottom: 20px;
	}

	.mb-a4-list li,
	.mb-a4-list li img {
		width: 100%;
	}

	.ab-p1-box {
		width: 94%;
		margin: 30px auto 0;
		float: none;
		height: auto;
	}

	.ab-p1-left-bottom {
		padding: 30px 5%;
		text-indent: 2em;
		width: 90%;
	}

	.ab-p201-box {
		width: 94%;
		margin: 50px auto;
	}

	.ab-p201-box .pic {
		width: 100%;
		float: left;
	}

	.ab-p201-box .pic img {
		width: 100%;
	}

	.ab-p201-box .txt {
		float: right;
		width: 80%;
		height: auto;
		background: #666 url("../img/abou-titleBg-300px.png") no-repeat scroll center bottom;
		padding: 10%;
	}

	.ab-p201-box .txt h5 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 25px;
	}

	.ab-p201-box .txt p {
		line-height: 30px;
		font-size: 15px;
		color: #bbb;
	}

	.ab-p2-box {
		width: 94%;
		margin: 50px auto;
	}

	.ab-p2-box .pic {
		width: 100%;
		float: left;
	}

	.ab-p2-box .pic img {
		width: 100%;
	}

	.ab-p2-box .txt {
		float: right;
		width: 80%;
		height: auto;
		background: #666 url("../img/abou-titleBg-300px.png") no-repeat scroll center bottom;
		padding: 10%;
	}

	.ab-p2-box .txt h5 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 25px;
	}

	.ab-p2-box .txt p {
		line-height: 30px;
		font-size: 15px;
		color: #bbb;
	}

	.ab-p3 {
		background: url("../img/jbanner.jpg") no-repeat scroll center center / cover;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.ab-p3-b1 img {
		width: 100%;
	}

	.ab-p3-b1 {
		width: 70%;
		margin: 70px auto 10px;
	}

	.ab-p3 .txt {
		text-align: center;
		margin-bottom: 70px;
	}

	.ab-p3 .txt .p1 {
		color: #f08300;
		font-size: 30px;
	}

	.ab-p3 .txt .p2 {
		color: #ccc;
		font-size: 16px;
		margin-top: 10px;
	}

	.ab-p4-box {
		width: 94%;
		margin: 30px auto 0;
	}

	.ab-p4-pic {
		float: none;
		width: 70%;
		margin: 0 auto;
	}

	.ab-p4-pic img {
		width: 100%;
	}

	.ab-p4-txt {
		float: none;
		width: 70%;
		margin: 0 auto;
	}

	.ab-p4-txt h5 {
		text-align: center;
	}

	.ab-p4-txt p {
		text-align: center;
	}

	.ab-p4-left {
		float: none;
		width: 100%;
	}

	.ab-p4-right {
		float: none;
		width: 100%;
	}

	.ab-p4-right .pic {
		margin-top: 1px;
	}

	.ab-p4-right .pic img {
		width: 100%;
	}

	.ab-p4-right .txt {
		text-align: center;
		width: 100%;
		margin: 1px auto 0;
	}

	.ab-p4-right .txt h5 span {
		border: 1px solid #9e9e9e;
		font-size: 20px;
		line-height: 30px;
		padding: 0 10px;
		display: inline-block;
		color: #fff;
	}

	.ab-p4-right .txt p {
		font-size: 14px;
		color: #9e9e9e;
		line-height: 30px;
		margin: 15px 0;
	}

	.ab-p5 {
		background: rgba(0, 0, 0, 0) url("../img/ab-p5-bg.jpg") no-repeat scroll center center / cover;
		height: auto;
		overflow: hidden;
		width: 100%;
		padding: 60px 0;
	}

	.ab-p5 .inner {
		width: 94%;
		margin: 50px auto 0;
		overflow: hidden;
	}

	.ab-p5-left {
		float: left;
		width: 100%;
	}

	.ab-p5-right {
		float: right;
		width: 460px;
		height: 310px;
		background: #fff;
		box-shadow: 5px 5px 5px #ccc;
		display: none;
	}

	.ab-p5-right .pic {
		margin: 100px 0 0 122px;
		text-align: center;
	}

	.ab-p5-left li {
		background: #fff none repeat scroll 0 0;
		box-shadow: 5px 5px 5px #ccc;
		float: left;
		height: auto;
		margin-bottom: 40px;
		width: 100%;
	}

	.ab-p5-left li>a {
		display: block;
		height: auto;
	}

	.ab-p5-left .time {
		border: 1px solid #959595;
		height: 48px;
		margin: 20px 15px;
		width: 52px;
	}

	.ab-p5-left .time>div {
		background: #d1975e none repeat scroll 0 0;
		margin: 5px;
	}

	.ab-p5-left .time .day {
		font-size: 28px;
		height: 38px;
		line-height: 38px;
	}

	.ab-p5-left .content {
		margin-left: 80px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		width: auto;
	}

	.ab-p5-left .content .news-title {
		color: #383837;
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 22px;
		overflow: hidden;
		text-overflow: normal;
		white-space: normal;
	}

	.ab-p5-left .content .news-content {
		color: #989898;
		font-size: 12px;
		line-height: 18px;
	}

	.ab-p5-left li:hover {
		background: #d1975e none repeat scroll 0 0;
	}

	.ab-p5-left li:hover .time,
	.ab-p5-left li:hover .learn-more>a {
		border: 1px solid #fff;
	}

	.ab-p5-left li:hover .news-title,
	.ab-p5-left li:hover .learn-more>a {
		color: #fff;
	}

	.ab-p5-left li:hover .news-content {
		color: #e8e8e8;
	}

	.ab-p5-left li:hover .learn-more:hover {
		background: #383837 none repeat scroll 0 0;
		border: 0 none;
	}

	.ab-p6 {
		overflow: hidden;
		width: 100%;
		padding: 60px 0 0;
		background: url("../img/ab-p6-bg.jpg") repeat scroll 0 0;
	}

	.ab-p6 .inner {
		width: 94%;
		overflow: hidden;
		margin: 0 auto;
	}

	.ab-p6 .inner ul {
		display: none;
	}

	.ab-p6 .inner .mb-ab6-box {
		padding: 40px 5%;
		overflow: hidden;
	}

	.ab-p6 .inner .mb-ab6-box dl {
		width: 90%;
		background: #fff;
		padding: 15px 5%;
		height: auto;
		box-shadow: 5px 5px 5px #ccc;
		margin-bottom: 20px;
	}

	.ab-p6 .inner .mb-ab6-box dl dt {
		font-size: 20px;
		font-weight: 600;
		padding-bottom: 5px;
		border-bottom: 1px dotted #e5e5e5;
	}

	.ab-p6 .inner .mb-ab6-box dl dt span {
		padding-left: 15px;
		font-size: 14px;
		color: #666;
	}

	.ab-p6 .inner .mb-ab6-box dl dd {
		line-height: 24px;
		margin-top: 15px;
		color: #666;
	}

	.ab-p7 {
		background: #f5f5f5;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 60px 0;
	}

	.ab-p7-list ul {
		margin: 50px auto;
		width: 94%;
	}

	.ab-p7-list ul li {
		float: left;
		margin: 0 5% 30px;
		width: 90%;
		height: auto;
		background: #fff;
	}

	.ab-p7-list ul li img {
		margin: 0 auto;
		width: 100%;
	}

	.ab-p7-list .uu {
		color: #f08300;
		font-size: 20px;
		line-height: 30px;
		margin: 20px auto 10px;
		text-align: left;
		padding: 0 15px;
	}

	.ab-p7-list .sp1 {
		color: #999;
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin: 0 auto 20px;
		width: 90%;
		padding: 0 5%;
	}

	.picj {
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.join-p1 {
		height: auto;
	}

	.join-p2 {
		height: auto;
	}

	.join-p3 {
		width: 100%;
		background: #f6f6f6 url("../img/characterBg.png") no-repeat scroll center bottom;
		overflow: hidden;
	}

	.join-p4 {
		width: 100%;
		background: #fff url("../img/join-bg04.jpg") no-repeat scroll center center;
		height: auto;
		overflow: hidden;
	}

	.join-p6 {
		height: auto;
	}

	.join-p7 {
		height: auto;
	}

	.join-p8 {
		width: 100%;
		background: #fff url("../img/join-bg08.jpg") repeat scroll 0 0;
		overflow: hidden;
	}

	.join-p10 {
		width: 100%;
		background: #d6d6d6 url("../img/join-bg10.jpg") no-repeat scroll center top;
		overflow: hidden;
	}

	.join-p11 {
		width: 100%;
		background: #d6d6d6 url("../img/join-bg11.jpg") no-repeat scroll center top;
		overflow: hidden;
		height: 500px;
	}

	.join-p12 {
		width: 100%;
		background: #f9f9f9;
		overflow: hidden;
	}

	.join-title {
		text-align: center;
	}

	.join-title .t1 {
		background: url("../img/mb-join-t1Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t2 {
		background: url("../img/mb-join-t2Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t3 {
		background: url("../img/mb-join-t3Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t4 {
		background: url("../img/mb-join-t4Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t5 {
		background: url("../img/mb-join-t5Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t6 {
		background: url("../img/mb-join-t6Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t7 {
		background: url("../img/mb-join-t7Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t9 {
		background: url("../img/mb-join-t9Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t10 {
		background: url("../img/mb-join-t10Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t11 {
		background: url("../img/mb-join-t11Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .t12 {
		background: url("../img/mb-join-t12Bg.png") no-repeat scroll center top;
		margin-top: 40px;
	}

	.join-title .ch {
		font-size: 32px;
		color: #3e3e3e;
		height: 32px;
		line-height: 32px;
		padding-top: 30px;
	}

	.join-title .t4 .ch {
		color: #fff;
	}

	.join-title .p1 {
		font-size: 16px;
		margin-top: 10px;
		padding: 0 5%;
	}

	.join-title .p2 {
		color: #333;
		font-size: 12px;
		margin-top: 10px;
		padding: 0 5%;
	}

	.join-title .t7 .p2 {
		color: #ddd;
	}

	.join-title .t9 .p2,
	.join-title .t10 .p2,
	.join-title .t5 .p2 {
		font-size: 12px;
	}

	.join-title span {
		height: 2px;
		width: 80px;
		display: block;
		margin: 15px auto 0;
		background: #aaa;
	}

	.join-title .t4 span,
	.join-title .t7 span,
	.join-title .t11 span {
		background: #f08300;
	}

	.join-p1 .join-box {
		width: 94%;
		margin: 40px auto;
	}

	.join-p1 .join-box img {
		width: 100%;
	}

	.join-p2 .inner,
	.join-p3 .inner,
	.join-p7 .inner,
	.join-p8 .inner,
	.join-p9 .inner,
	.join-p10 .inner,
	.join-p12 .inner {
		width: 94%;
		margin: 0 auto;
	}

	.join-p9 .inner,
	.join-p10 .inner {
		margin: 30px auto 40px;
	}

	.join-p12 .inner {
		margin: 30px auto 40px;
	}

	.join-p2-ul {
		margin: 50px 0 20px;
		width: 100%;
	}

	.join-p2-ul li {
		display: inline-block;
		width: 45%;
		margin: 0 2% 20px;
		border: 1px solid #9099ba;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 5px;
		padding: 30px 0;
	}

	.join-p2-ul li:hover {
		border: 1px solid #f08300;
		background: rgba(221, 160, 80, 0.5);
	}

	.join-p2-ul li:hover .txt {
		color: #f08300;
	}

	.join-p2-ul li .pic {
		width: 60px;
		height: 60px;
		margin: 0 auto 20px;
	}

	.join-p2-ul li .pic img {
		width: 100%;
	}

	.join-p2-ul li .txt {
		font-size: 20px;
		color: #e6e6e6;
		text-align: center;
	}

	.p3-menu {
		height: 50px;
		width: 100%;
		border-radius: 0;
		background: #fff;
		margin-top: 30px;
	}

	.p3-menu ul li {
		float: left;
		width: 21%;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		border-radius: 0;
		cursor: pointer;
		height: 40px;
		padding: 5px 2%;
	}

	.p3-menu .current-p3 {
		color: #fff;
		background: #f08300;
	}

	.p3tabs-content {
		margin: 10px 0;
	}

	.p3-tabs-box ul {
		overflow: hidden;
	}

	.p3-tabs-box li {
		float: left;
		border-left: 0 none;
		width: 46%;
		padding: 15px 2%;
	}

	.p3-tabs-box li:first-child {
		border-left: none;
	}

	.p3-tabs-box li .pic {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.p3-tabs-box li .pic img {
		width: 100%;
	}

	.p3-tabs-box li .txt {
		text-align: center;
	}

	.p3-tabs-box li .txt span {
		display: inline-block;
		padding: 0 25px;
		height: 30px;
		line-height: 30px;
		background: #f08300;
		color: #fff;
		font-size: 18px;
		border-radius: 25px;
		text-transform: uppercase;
	}

	.p3-tabs-box li em {
		height: 1px;
		width: 100px;
		background: #f08300;
		display: block;
		margin: 10px auto;
	}

	.p3-tabs-box .line {
		display: none;
	}

	.join-p4 .inner ul {
		background: none;
		overflow: hidden;
		position: relative;
		height: auto;
		width: 94%;
		margin: 20px auto;
	}

	.join-p4 .inner ul li {
		position: static;
		text-align: left;
		margin-bottom: 15px;
		padding: 0 10%;
	}

	.join-p4 .inner ul li span {
		color: #f08300;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
	}

	.join-p4 .inner ul li p {
		font-size: 14px;
		color: #fff line-height:24px;
	}

	.join-p4 .inner ul li.ys1 {
		left: 60px;
		top: 65px;
	}

	.join-p4 .inner ul li.ys2 {
		left: 80px;
		top: 300px;
	}

	.join-p4 .inner ul li.ys3 {
		left: 495px;
		top: 520px;
		text-align: left
	}

	.join-p4 .inner ul li.ys4 {
		right: 40px;
		top: 290px;
		text-align: left
	}

	.join-p4 .inner ul li.ys5 {
		right: 80px;
		top: 70px;
		text-align: left
	}

	.p5-menu-box {
		margin: 50px 0 0;
		overflow: hidden;
		position: relative;
		height: auto;
	}

	.p5-menu {
		position: absolute;
		color: #fff;
		height: 60%;
		left: 0;
		margin: 30px 0;
		position: static;
		top: 45%;
		width: 100%;
		z-index: 999;
	}

	.p5-menu ul {
		width: 98%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
		overflow: hidden;
	}

	.p5-menu ul li {
		border: 1px solid #b29f98;
		cursor: pointer;
		padding: 20px 0;
		margin: 0 0.2% 3px;
		width: 30%;
		height: 125px;
	}

	.p5-menu ul li .pic {
		width: 60%;
		margin: 0 auto;
	}

	.p5-menu ul li .pic img {
		width: 100%;
	}

	.p5-menu ul li .ch {
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
	}

	.p5-menu ul li .en {
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
	}

	.p5-menu .current-p5 {
		background: rgba(221, 160, 80, 0.7);
	}

	.p5-tabs-box {
		width: 100%;
	}

	.p5-tabs-box img {
		width: 100%;
	}

	.caroursel {
		display: none;
	}

	.mb-p6-box {
		display: block;
	}

	.mb-p6-box ul {
		width: 94%;
		margin: 30px auto 0;
		overflow: hidden;
	}

	.mb-p6-box ul li {
		width: 100%;
		margin-bottom: 20px;
	}

	.mb-p6-box ul li img {
		width: 100%;
	}

	.join-p7-ul {
		text-align: center;
		font-size: 0;
		margin-top: 50px;
		overflow: hidden;
		position: relative;
	}

	.join-p7-ul li {
		display: inline-block;
		width: 140px;
		height: 140px;
		margin: 0 2% 20px;
		padding: 10px;
	}

	.join-p7-ul .n1 {
		border: 3px solid #f08300;
		padding: 5px;
		display: block;
		width: 124px;
		height: 124px;
		border-radius: 50%;
	}

	.join-p7-ul .n2 {
		border: 1px solid #f08300;
		padding: 3px;
		display: block;
		width: 116px;
		height: 116px;
		border-radius: 50%;
	}

	.join-p7-ul li .pic {
		width: 60px;
		height: 60px;
		margin: 10px auto 0;
	}

	.join-p7-ul li .txt {
		font-size: 14px;
		color: #f08300;
		text-align: center;
		margin-bottom: 15px;
	}

	.join-p7-ul li span {
		width: 50px;
		height: 3px;
		background: #282828;
		display: inline-block;
		margin: 0 auto;
	}

	.join-p7-ul em {
		display: none;
	}

	.join-p8 .inner img,
	.join-p9 .inner img,
	.join-p10 .inner img {
		width: 100%;
	}

	.yxjm {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding-top: 30px;
	}

	.yxjm .hd {
		overflow: hidden;
	}

	.yxjm .hd ul {
		text-align: left;
		overflow: hidden;
		zoom: 1;
		margin-top: 30px;
		zoom: 1;
		padding-left: 100px;
	}

	.yxjm .hd ul li {
		display: inline-block;
		width: 8px;
		height: 8px;
		overflow: hidden;
		margin-right: 5px;
		text-indent: -999px;
		cursor: pointer;
		background: #999;
		border-radius: 4px
	}

	.yxjm .hd ul li.on {
		background: #f08300
	}

	.yxjm .bd {}

	.yxjm .bd ul {
		overflow: hidden;
		zoom: 1;
	}

	.yxjm .bd ul li {
		margin: 0 25px 0;
		float: left;
		_display: inline;
		overflow: hidden;
		text-align: left;
		width: 500px
	}

	.yxjm .bd ul li h1 {
		font-size: 22px;
		color: #f08300;
		margin: 0;
	}

	.yxjm .bd ul li span {
		display: block;
		margin: 10px 0 15px;
		font-size: 16px;
		color: #f08300;
	}

	.yxjm .bd ul li p {
		line-height: 24px;
		font-size: 14px;
		border-top: 1px solid #676767;
		border-bottom: 1px solid #676767;
		padding: 20px 0;
		color: #fff;
	}

	.yxjm .bd ul li img {
		width: 150px;
		display: block;
		float: left;
		margin-right: 20px;
	}

	.msg-box {
		border: 1px solid #fce4c5;
		background: #f8f8f8;
		overflow: hidden;
		padding: 15px 15px 35px;
		margin-top: 0;
	}

	.msg-list {
		float: left;
		width: 100%;
		margin-top: 20px;
		position: relative;
	}

	.msg-list em {
		width: 65%;
	}

	.msg-list label {
		display: block;
		left: 1px;
		line-height: 35px;
		outline: 0 none;
		position: absolute;
		text-align: center;
		top: 1px;
		width: 90px;
	}

	.msg-input {
		border: 1px solid #ddd;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
		padding: 8px 8px 8px 8px;
		width: 55%;
		color: #666;
		margin-left: 90px;
	}

	.msg-list select {
		width: 80%;
		margin-bottom: 20px;
	}

	.msg-width {
		width: 1014px;
	}

	.w100 {
		width: 100%;
	}

	.msg-textarea {
		border: 1px solid #ddd;
		font-size: 14px;
		height: 90px;
		line-height: 18px;
		padding: 8px 8px 8px 8px;
		width: 55%;
		color: #666;
		margin-left: 90px;
	}

	.msg2-textarea {
		width: 88%;
	}

	.msg-box .submit button {
		background: #f08300 none repeat scroll 0 0;
		border: 0 none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		font-weight: 700;
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		vertical-align: middle;
		width: 200px;
		margin: 20px 0 0 90px;
	}

	.voiceShow-box-inner {
		margin: 30px auto 40px;
		overflow: hidden;
		width: 94%;
		font-size: 16px;
		line-height: 22px;
	}

	.voiceShow-box-inner h3 {
		color: #f18d00;
		display: block;
		font-size: 18px;
		height: 90px;
		line-height: 25px;
		margin-bottom: 5px;
		overflow: hidden;
		text-align: center;
		text-overflow: normal;
		white-space: normal;
	}

	.voiceShow-box-inner h3 span {
		color: #999;
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 30px;
		text-align: center;
		padding-bottom: 5px;
		border-bottom: 1px solid #e9e9e9;
	}

	.voiceShow-box-inner p {
		color: #333;
		font-size: 16px;
		line-height: 24px;
		text-indent: 0;
	}

	.voiceShow-box-inner img {
		width: 100% !important;
		height: auto !important;
	}

	.voiceShow-box-inner p img {
		width: 100% !important;
		height: auto !important;
	}

	.voiceShow-box-inner .backBtn {
		border: 1px solid #bfbfbf;
		clear: both;
		color: #8d8d8d;
		display: block;
		height: 35px;
		line-height: 35px;
		margin: 40px auto 0;
		text-align: center;
		width: 100px;
		cursor: pointer;
	}

	.voiceShow-box-inner .backBtn:hover {
		background: #f18d00 none repeat scroll 0 0;
		border: 1px solid #fff;
		color: #fff;
	}

	.product-inner {
		width: 94%;
		margin: 0 auto;
	}

	.product-item dl {
		width: 46%;
		height: auto;
		margin: 0 2% 10px;
	}

	.product-item dl:hover {
		box-shadow: 5px 5px 20px #e1e1e1;
	}

	.product-item dl .pic img {
		width: 100%;
		transition-duration: 500ms;
	}

	.product-item dl:hover .pic img {
		transform: scale(1.1);
	}

	.product-item dl:hover .product-item a {
		color: #f08300;
	}

	.product-item dl:nth-child(4n) {
		margin-right: 0;
	}

	.product-item dl dt .pic {
		height: auto;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	.product-item dl dt .pic img {
		width: 100%;
		display: block;
	}

	.product-item dl dd {
		padding: 20px 0;
		border-top: 1px solid #fff;
		text-align: center;
	}

	.product-item .p1 {
		font-size: 14px;
		color: #333;
		margin-bottom: 7px;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.product-item .p2 {
		font-size: 12px;
		color: #666;
	}

	.product-show {
		padding: 10px;
		overflow: hidden;
		background: #f8f8f8;
	}

	.product-show-goods {
		display: none;
	}

	.mb-show-goods {
		width: 100%;
		display: block;
	}

	.mb-show-goods img {
		width: 100%;
	}

	.product-show-info {
		float: none;
		width: 100%;
	}

	.product-show-info h4 {
		font-size: 20px;
		padding: 15px 0;
		border-bottom: 1px dotted #d1d1d1;
	}

	.product-show-info p {
		line-height: 24px;
		color: #666;
		font-size: 15px;
		margin-bottom: 5px;
	}

	.product-show-info .btn {
		display: inline-block;
		width: 160px;
		text-align: center;
		line-height: 40px;
		height: 40px;
		border: 1px solid #d9d9d9;
		color: #333;
		margin-top: 30px;
		font-size: 16px;
	}

	.product-show-info .btn:hover {
		background: #f18d00;
		color: #fff;
	}

	.product-showS {
		width: 94%;
		margin: 10px auto 10px;
		overflow: hidden;
	}

	.product-showS .lSide {
		display: none;
	}

	.rgt2 {
		border-bottom: 1px dotted #d1d1d1;
		padding: 20px 28px 5px 0;
	}

	.rgt2 li {
		background-color: #fff;
		border-radius: 13px;
		color: #666;
		float: left;
		font-size: 14px;
		height: 27px;
		line-height: 27px;
		margin-bottom: 15px;
		margin-right: 8px;
		padding: 0 17px;
	}

	.rgt2 li:hover {
		background-color: #f08300;
		color: #fff;
	}

	.rgt3 {
		border-bottom: 1px dotted #d1d1d1;
		padding: 20px 0px 10px 0;
	}

	.rgt3 dl {
		margin-bottom: 20px;
	}

	.rgt3 dl dt {
		color: #666;
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		width: 80px;
	}

	.rgt3 dl dt.lh26 {
		line-height: 26px;
	}

	.rgt3 dl dd {
		float: left;
		width: 220px;
		color: #666;
	}

	.lpi-hd .rgt .rgt4 {
		padding-top: 25px;
	}

	.rgt4 {
		padding: 15px 0;
		text-align: center;
		font-size: 0;
	}

	.rgt4 .lbtn1,
	.rgt4 .lbtn2 {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: none;
		font-size: 16px;
		font-weight: bold;
		height: 42px;
		line-height: 42px;
		margin-right: 8px;
		text-align: center;
		width: 40%;
		border: 1px solid #f08300;
	}

	.rgt4 .lbtn1 {
		background-color: #fff;
		color: #f08300;
	}

	.rgt4 .lbtn2 {
		background-color: #f08300;
	}

	.rPart {
		float: none;
		width: 100%;
	}

	.product-showS .rPart .tit {
		color: #333;
		font-size: 18px;
		font-weight: bold;
		height: 45px;
		line-height: 45px;
		text-align: left;
		width: 100%;
		border-bottom: 1px solid #d1d1d1;
	}

	.product-showS .rPart .con {
		padding: 15px 0;
		overflow: hidden;
	}

	.product-showS .rPart .con img {
		width: 100% !important;
		height: auto !important;
	}

	.join-p2-ul li {
		border-radius: 5px;
		margin: 0 1% 20px;
		width: 46%;
	}

	.join-p4 .inner ul li {
		width: 80%;
		padding: 0 10%;
	}

	.lpro-hd {
		background-color: #f8f8f8;
		border-right: 4px none;
		margin: 40px 0 15px;
		padding: 12px 30px 30px;
		border: 1px solid #fce4c5;
	}

	.lpro-hd dl {
		border-bottom: 1px dotted #dcdbda;
		padding: 15px 0;
		position: relative;
	}

	.lpro-hd dl dt {
		background-position: 0 center;
		background-repeat: no-repeat;
		color: #000;
		float: left;
		font-size: 16px;
		font-weight: bold;
		line-height: 24px;
		padding: 0 15px 0 30px;

		left: 0px;
		top: 20px;
		display: block;
	}

	.lpro-hd dl dt.bg1 {
		background: url("../img/lpro-icon01.png") no-repeat left center
	}

	.lpro-hd dl dt.bg2 {
		background: url("../img/lpro-icon02.png") no-repeat left center
	}

	.lpro-hd dl dt.bg3 {
		background: url("../img/lpro-icon03.png") no-repeat left center
	}

	.lpro-hd dl dd {
		color: #000;
		float: left;
		font-size: 14px;
		line-height: 20px;
		padding-left: 0;
		padding-top: 40px;
	}

	.lpro-hd dl dd span a {
		display: inline-block;
		padding: 2px 10px;
		margin: 5px 5px;
	}

	.lpro-hd dl dd span a:hover,
	.lpro-hd dl dd .cur a {
		background: #f08300;
		color: #fff;
	}

	.a-character-show {
		width: 94%;
		margin: 40px auto;
	}

	.cs-left {
		width: 310px;
		float: none;
		margin: 0 auto;
	}

	.cs-left .cs-l-box {
		padding: 4px;
		border: 1px solid #e1e1e1;
		background: #f8f8f8;
	}

	.cs-left .cs-l-box .pic {
		width: 100%;
	}

	.cs-left .cs-l-box .pic img {
		display: block;
		width: 100% !important;
	}

	.cs-right {
		width: 94%;
		float: none;
		min-height: 600px;
		margin: 0 auto;
	}

	.cs-right h4 {
		font-size: 24px;
		color: #333;
		margin-bottom: 10px;
		border-bottom: 1px dotted #d1d1d1;
		padding: 10px 0;
	}

	.cs-right h4 span {
		margin-left: 20px;
		font-size: 14px;
		color: #666;
		font-weight: 500;
	}

	.cs-right img {
		display: block;
		width: 100% !important;
	}
	.appointment-inner {
		width: 340px;
		margin: 40px auto 60px;
	}
	
	.inddesign {
		background: #fff none repeat scroll 0 0;
		overflow: hidden;
		padding-bottom: 40px;
	}
	
	.inddesign ul {
		margin: 60px auto 20px;
		overflow: hidden;
		width: 200px;
	}
	
	.inddesign ul li {
		float: left;
		text-align: center;
		width: 200px;
	}
	
	.inddesign ul li i {
		display: block;
		height: 130px;
		margin: 0 auto 10px;
		transition: -moz-transform 2s ease-out 0s;
		width: 130px;
	}
	
	.inddesign ul li.yy1 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg1.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy2 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg2.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy3 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg3.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy4 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg4.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy5 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg5.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy6 i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg6.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy1:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg1sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy2:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg2sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy3:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg3sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy4:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg4sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy5:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg5sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li.yy6:hover i {
		background: rgba(0, 0, 0, 0) url("../img/inddeg6sel.png") repeat scroll 0 0;
	}
	
	.inddesign ul li span {
		color: #121212;
		display: block;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.inddesign ul li p {
		font-size: 14px;
		color: #666;
	}
	
	.inddesign ul li:hover i {
		transform: rotateZ(360deg);
	}
	
	.diymain {
		background-color: #f8f8f8;
		border: 1px solid #fce4c5;
		margin: 0 0 15px;
		padding: 30px;
		overflow: hidden;
	}
	
	.diymain .tit {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	
	. .diymain .tit span {
		padding-left: 10px;
		font-size: 14px;
	}
	
	.diymain .con {
		overflow: hidden;
	}
	
	.diyipt {
		border: 1px solid #ddd;
		color: #666;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
		padding: 11px 10px 11px 10px;
		width: 180px;
		float: left;
		margin: 10px 10px 10px auto;
	}
	
	.diymain select,
	.msg-list select {
		border: 1px #ddd solid;
		color: #6a6a6a;
		float: left;
		height: 40px;
		margin-right: 10px;
		width: 120px;
		padding: 0 5px;
		float: left;
	}
	
	.msg-list select {
		height: 36px;
	}
	
	.ml90 {
		margin-left: 103px;
	}
	
	.diymain #show {
		color: #3399FF;
	}
	
	.diymain .btn {
		border: 1px solid #f08300;
		color: #fff;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 16px;
		font-weight: bold;
		height: 38px;
		line-height: 38px;
		text-align: center;
		width: 160px;
		background: #f08300;
		margin-top: 20px;
	}
}

/* newadd for join */
@media screen and (min-width:2700px) {
	.join-p4 .inner ul {
		width: 1600px;
	}

	.join-p4 .inner ul li.ys1 {
		left: 80px;
		top: 70px;
	}

	.join-p4 .inner ul li.ys2 {
		left: 155px;
		top: 310px;
	}

	.join-p4 .inner ul li.ys3 {
		left: 630px;
	}

	.join-p4 .inner ul li.ys4 {
		right: 65px;
		top: 310px;
	}

	.join-p4 .inner ul li.ys5 {
		right: 100px;
	}

	.p5-tabs-box {
		height: 722px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.p5-tabs-box img {
		top: 50%;
		left: 50%;
		width: 100%;
		position: absolute;
		transform: translate(-50%, -50%);
	}
}

/*首页右端滑动块的经销商专区按钮隐藏*/
.daoRight_box:nth-of-type(6) {
	display: none;
}

/*------------------------------------------联系我们-----------------------------------*/
.lx_center1 {
	background: #fff;
}

.dt {
	width: 100%;
	height: 480px;
	background: #999;
}

.lx_center11 {
	height: 120px;
	border-bottom: 1px solid #e2e2e2;
}

.lx_center111 {
	font-size: 27px;
	color: #212121;
	line-height: 50px;
	padding-top: 50px;
	text-align: center;
}

.lx_center112 {
	width: 50px;
	height: 5px;
	background: #e30012;
	margin: 0 auto;
}

.lx_center12 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #f9f9f9;
	text-align: center;
	font-size: 15px;
	color: #4e4e4e;
	padding-bottom: 50px;
}

.lx_center12 h2 {
	line-height: 30px;
	font-size: 15px;
	color: #4e4e4e;
	padding: 50px 0;
}

.lx_center12 h3 {
	width: 180px;
	height: 30px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-transform: uppercase;
	background: #1f212e;
}

.lx_center121 {
	font-size: 15px;
	color: #353535;
	padding: 50px 0;
	line-height: 30px;
}

.lx_center13 {
	border-top: 1px solid #e2e2e2;
	padding: 50px 0;
	text-align: center;
	line-height: 30px;
}

.lx_center13 p {
	font-size: 14px;
	color: #464545;
	padding-top: 20px;
}

@media screen and (max-width:1200px) {
	.none {
		display: none;
	}