/* 
- 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;}
/* 图片自适应 */
.innerBanner img {
height: auto;
width:auto\9; /* 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;}
body{font: normal 14px  "微软雅黑",Tahoma,"Lucida Grande",Verdana,STXihei,hei; background-color:#fff;}
em,i{font-style:normal;}
strong{font-weight: normal;}
a{text-decoration:none; color:#666; font-family: "微软雅黑",'宋体',Tahoma,Arial,sans-serif;}
a:hover{color:#0075c1; 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: middle;}

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(../images/headerBg.jpg) repeat-x scroll 0 0; border-bottom: none; height:130px; z-index:10000;}
.header-inner {width:1200px; margin:0 auto; position:relative; height:130px;}
.logo {width:290px; height:81px; position:absolute; left:0; bottom:18px;}
.logo a {display:block; width:290px; height:81px;}
.logo a img {width:100%;}
.topbar {position:absolute; right:0; top:15px; z-index: 1000;}
.topbar span {float:left; display:inline-block; margin-right:8px; width:84px; height:22px;}
.topbar span a {display:block; width:84px; height:22px;}
.topbar span.sale a {background:url(../images/en-1.png) no-repeat scroll 0 0;}
.topbar span.sale a:hover {background:url(../images/en.png) no-repeat scroll 0 0;}

/*手机版的*/

.model_nav span.mLan {float:left; display:inline-block; margin-top:15px; margin-left:20px; width:84px; height:22px;}
.model_nav span.mLan a {display:block; width:84px; height:22px;}
.model_nav span.mLan a {background:url(../images/en-1.png) no-repeat scroll 0 0;}
.model_nav span.mLan a:hover {background:url(../images/en.png) no-repeat scroll 0 0;}


.topbarp{font-size: 16px; color:#034774;}
.tb1 a {background:url(../images/topbar-iocn01.png) no-repeat scroll 0 0;}
.tb1 a:hover {background:url(../images/topbar-iocn01H.png) no-repeat scroll 0 0;}
.tb2 a {background:url(../images/topbar-iocn02.png) no-repeat scroll 0 0;}
.tb2 a:hover {background:url(../images/topbar-iocn02H.png) no-repeat scroll 0 0;}
.tb3 a {background:url(../images/topbar-iocn03.png) no-repeat scroll 0 0;}
.tb3 a:hover {background:url(../images/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; display: none}
.nav_bar {
	width:665px;
	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: 25px 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; line-height: 70px; 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(../images/navBg.png) no-repeat scroll center bottom; color:#fff;
}
.nav_bar .cur a span,.nav_bar .cur a i {color:#0075c1;}
.nav_bar ul li.l1: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(../images/navBg.png) no-repeat scroll center 0; color:#fff;
}
.nav_bar1 .cur a span,.nav_bar1 .cur a i {color:#0075c1;}
.nav_bar1 ul li.l1: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 #0075c1;
	border-right:1px solid #0075c1;
	border-bottom:1px solid #0075c1;
	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:#0075c1; 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:right; width: 660px;}
.hid .hid-box ul li {width:150px; margin:5px 5px; 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;}

/*手机端导航*/
.model_nav{display: none}
.subhlogo{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(40,88,88, 0.3);
	z-index: 55;
	display: none;
	background-color: #fff;
}
.subhlogo .layout{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 0 0.32rem;
	max-width: 100%;
}
.subhlogo .layout>i{visibility: hidden;}
.subhlogo .mLogo{position: absolute; top: 10px; left: 0.32rem; width: 17%; min-width: 80px; max-width: 100px;}
.subhlogo .mLogo img{max-height: 45px;}
.meun-btn{
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
	cursor: pointer;
	z-index: 555;
	flex-direction: column;
	justify-content: space-around;
}
.meun-btn span{
    top: 50%;
    left: 0px;
    display: block;
    width: 100%;
	height: 5px;
	border-radius: 25px;
    margin-top: -1px;
    background: #0075c1;
    transition: .2s ease;
}
.meun-btn-open span:nth-of-type(1) {position: absolute;transform: rotate(45deg);}
.meun-btn-open span:nth-of-type(3) {position: absolute; transform: rotate(-45deg);}
.meun-btn-open span:nth-of-type(2){width: 0px;}

.second_nav{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1555;
	width: 320px ;
	height: 100%;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
	overflow-y: scroll;
	padding-bottom: 50px;
	pointer-events:none;
	animation-duration: 0.5s;
}
.search_btn{
	box-sizing: border-box;
	padding: 0px 20px;
	margin: 0px;
	background: #3d3d3d;
	line-height: 81px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.search_btn i {
	margin-left: 10px;
}
.second_nav_lsit li{width: 100%;}
.second_nav_lsit li p{
    position: relative;
    display: block;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    padding: 0px 20px 0px 40px;
    margin: 0px;
    font-size: 16px;
    color: #3d3d3d;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
	transition: 0.4s;
	border-bottom: 1px solid #f2f2f2;
}
.second_nav_lsit li p i{float: right; margin-top: 20px;}
.second_nav_lsit li p a{display: block; width: 80%; float: left;}
.second_nav_lsit li p::before{
	content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border: 1px solid #3d3d3d;
    border-radius: 50%;
    transition: 0.4s;
}
.second_nav_lsit .li_act p::before{
    border: 1px solid #0075c1;
	background: #0075c1;
}
.second_nav_lsit .li_act p{color: #0075c1;}
.second_nav_lsit .li_act p i{transform: rotateX(180deg);}
.second_nav_lsit li dl{display: none;}
.second_nav_lsit li dd{
	font-size: 16px;
	color: #3d3d3d;
	line-height: 56px;
	height: 56px;
	padding: 0px 20px 0px 40px;
	border-bottom: 1px solid #f2f2f2;
}
.second_nav_lsit li dd a{display: block}
.second_nav_block{pointer-events: auto; visibility: visible;}

.mark{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, 0.5);
	z-index: 55;
	display: none;
}

.search-box{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	pointer-events: none;
	opacity: 0;
	transition: .4s;
}
.search-box-show {
	pointer-events: auto;
	opacity: 1;
}
.search-box .close {
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/close_ico.png) no-repeat center;
	opacity: 1;
	cursor: pointer;
}
.search-box form {
	position: absolute;
	top: 50%;
    left: 2.6%;
    right: 2.6%;
    height: 40px;
    margin-top: -62px;
    border-bottom: 1px solid #515151;
}
.search-box form input {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	overflow: hidden;
	padding-left: 30px;
    padding-right: 50px;
    border: none;
    outline: none;
    background: url(../images/search_ico.png) no-repeat left;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-box form button {
	position: absolute;
	top: 0px;
    right: 0px;
    width: 50px;
	height: 100%;
    border: none;
    background: transparent;
    line-height: 40px;
    font-size: 18px;
    color: #777;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}
.search-box form button:hover{
	color: #fff;
}
@media screen and (max-width: 1740px){
  	.pc_nav .topbar{display: none}
}
@media screen and (max-width: 1500px){
	.pc_nav i{width: 13.5%;}
	.pc_nav .h_logo{width: 13.5%;}
	.pc_nav .h_logo img{width: 100%;}
	.pc_nav>ul li>a{font-size: 15px; min-width: 85px; height: 78px; line-height: 108px;}
	.pc_nav>ul li>a::after{background-size: contain;}
	.hid .hid-box{padding: 18px 8px;}
	.hid .hid-box dl dd{margin: 0 8px;}
}
@media screen and (max-width: 1350px){
	.pc_nav i{width: 13%;}
	.pc_nav .h_logo{width: 13%;}
	.pc_nav .h_logo img{width: 100%;}
	.pc_nav>ul li>a{font-size: 15px; min-width: 82px; height: 75px; line-height: 105px;}
	.pc_nav>ul li>a::after{background-size: contain;}
	.hid .hid-box{padding: 15px 5px;}
	.hid .hid-box dl dd{margin: 0 6px;}
}
@media screen and (max-width: 1199px){
	.subhlogo .mLogo img{max-height: 55px;}
  	.pc_nav{display: none}
  	.model_nav{display: block}
}
@media screen and (max-width: 767px){
  
 	.subhlogo .layout{height: 60px;}
  	.meun-btn {width: 30px;height: 30px;}
  	.meun-btn span {height: 3px;}
  	.second_nav{width: 250px;}
  	.search_btn{line-height: 60px;}

}


@media only screen and (min-width: 0) and (max-width: 1700px){
	.banner .swiper-pagination_banner{bottom: 250px;}
}
@media only screen and (min-width: 0) and (max-width: 1500px){
	.banner .swiper-pagination_banner{bottom: 220px;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.banner .swiper-pagination_banner{bottom: 190px;}
}
@media only screen and (min-width: 0) and (max-width: 1100px){
	.banner .swiper-pagination_banner{bottom: 160px;}
}

@media only screen and (min-width: 0) and (max-width: 1023px){
	.subhlogo .mLogo img{max-height: 45px;}
	.m_banner .swiper-pagination{bottom: .30rem;}
	.m_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
	.m_banner .swiper-pagination-bullet{background-color: #fff; opacity: 1;}
	.m_banner .swiper-pagination-bullet-active{width: .50rem; background-color: #3d3d3d; border-radius: 5px;}
}
/*手机端导航结束*/

.sliderOuterWrapper{position:relative}
.sliderWrapper{overflow:visible}
.nivoSlider{position:relative;z-index: 1; 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(../images/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:#3a3a3a;text-indent:-9999px;border:0;margin:0 2px;cursor:pointer;opacity:.4}
.nivo-controlNav a.active{background-color:#013787;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(../images/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(../images/aboutBg.jpg) no-repeat scroll center bottom;}
.m-about-2{display: none;}
.m-about-inner {width:1200px; margin:0 auto 0; background:url(../images/abou-titleBg.png) no-repeat scroll center 2px; overflow:hidden; padding-top:85px;}
.m-title {text-align:center;}
.m-title i {background:url(../images/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(../images/m-titleBg02.png) no-repeat scroll center 0; width:68px; height:3px; margin:10px auto 0; display:block;}

.m-about-list {margin:50px 0 40px; overflow:hidden;}
.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: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 {font-size:14px; color:#666; line-height:28px; text-align:center;}
.m-about-txt P{max-width: 730px; margin:20px auto; text-align: left;}
.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:#d1a55b; display:block; border:1px solid #d1a55b; color:#fff;}

.m-customized {background:url(../images/pzbz.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:143px;width:143px;background:url(../images/m-customizedIconBg.png) no-repeat scroll center center;cursor:pointer;overflow:hidden;margin:0 3px;}
#tabs li a {display: block;height:143px;width:100%;}
#tabs li a span {height:143px; width:143px; display:block;}
.tabs-icon-1 {background:url(../images/m-customizedIcon01.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-1,.tabs-icon-1:hover {background:url(../images/m-customizedIcon01H.png) no-repeat scroll center center;}
.tabs-icon-2 {background:url(../images/m-customizedIcon02.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-2,.tabs-icon-2:hover {background:url(../images/m-customizedIcon02H.png) no-repeat scroll center center;}
.tabs-icon-3 {background:url(../images/m-customizedIcon03.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-3,.tabs-icon-3:hover {background:url(../images/m-customizedIcon03H.png) no-repeat scroll center center;}
.tabs-icon-4 {background:url(../images/m-customizedIcon04.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-4,.tabs-icon-4:hover {background:url(../images/m-customizedIcon04H.png) no-repeat scroll center center;}
.tabs-icon-5 {background:url(../images/m-customizedIcon05.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-5,.tabs-icon-5:hover {background:url(../images/m-customizedIcon05H.png) no-repeat scroll center center;}
.tabs-icon-6 {background:url(../images/m-customizedIcon06.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-6,.tabs-icon-6:hover {background:url(../images/m-customizedIcon06H.png) no-repeat scroll center center;}
.tabs-icon-7 {background:url(../images/m-customizedIcon07.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-7,.tabs-icon-7:hover {background:url(../images/m-customizedIcon07H.png) no-repeat scroll center center;}
.tabs-icon-8 {background:url(../images/m-customizedIcon08.png) no-repeat scroll center center;}
.tabulous_active .tabs-icon-8,.tabs-icon-8:hover {background:url(../images/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(../images/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(../images/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:#0075c1; 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:100px; left:300px;}
.clist03 {top:95px; left:610px;}
.clist04 {top:18px; left:920px;}

.m-fashion {background:url(../images/fashionBg.jpg) no-repeat scroll center top; width:100%; height:660px;}
.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:#333333;}
.mf-box {width:100%; height:420px; overflow:hidden; background:rgba(255,255,255,.2); text-align:center; }
.mf-box dl dd{position:relative;display:inline-block;width:380px;overflow:hidden;margin: 15px 7px;}
.mf-box dl dd.current .sliderBg {display:none;}

.sliderBg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;
-webkit-filter: grayscale(1);/* Webkit */ 
filter:gray;/* IE6-9 */ 
filter: grayscale(1);/* W3C */ 
}
.sliderBg img{width:100%;}
.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:#c88d3f;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(../images/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(../images/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(../images/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:#ce903e; 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(../images/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:#d5a76b; 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:#f7f7f7; width: 100%; overflow:hidden;}
.m-news-inner {width:1200px; margin:40px auto 0;}
.news-ul {
	width: 100%;
	height: 476px;
	margin:50px 0 80px;
}
.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("http://ausnutria.com/static/web/css/../img/nw2.png") no-repeat;
}
.news-ul .new-li .new-img .down {
	bottom:0;
	background:url("http://ausnutria.com/static/web/css/../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: #d1a55b;
}
.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(../images/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:#d6d9de url(../images/foot.jpg) repeat-x 0 0;}
.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:#d1a55b; font-size:20px;}
.copyRight {width:100%; line-height: 30px;padding: 40px 0 20px; text-align: center; color: #666; }
.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;}
div.quotes ul li {
    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: #d3a15a;
    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;*/
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.about-banner {height: 784px;width: 100%; background:url(../images/about-banner.jpg) no-repeat scroll center top / cover;}
.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(../images/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:#dfa75c;
	color:#fff;
	border:1px solid #dfa75c;
}
.a1-menu li.current1 .menuLi-bottom  p {
	background:#dfa75c;
}
.a1-menu span {
	color:#333;
	display:block;
	text-align:center;

}
.current1 span {
	color:#fff;
}
.atabs-content {margin:40px 0 100px; overflow:hidden;}
.a1-menu li i {width:68px; height:68px; display:block; margin:45px auto 25px;}
.a1-tabs01 {background:url(../images/a-tabs01.png) no-repeat scroll center center;}
.a1-tabs02 {background:url(../images/a-tabs02.png) no-repeat scroll center center;}
.a1-tabs03 {background:url(../images/a-tabs03.png) no-repeat scroll center center;}
.a1-tabs04 {background:url(../images/a-tabs04.png) no-repeat scroll center center;}
.a1-tabs-box .pic {width:500px; height:280px; padding:4px; border:1px solid #c9c9c9; float:left;}
.a1-tabs-box .pic img {width:100%; display:block;}
.a1-tabs-box .txt {width:650px; float:right;}
.a1-tabs-box .txt h5 {font-size:26px; 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(../images/a-tabs-li01.png) no-repeat scroll 5px center; padding-left:15px;}

.a2-menu-box {width:1200px;margin:50px auto 0;position: relative;}
.a2-menu-box .Prev,.a2-menu-box .Next {position: absolute; width: 24px;height: 24px;background-repeat: no-repeat;cursor: pointer;z-index: 15;}
.a2-menu-box .prevStop,.a2-menu-box .nextStop {background: none !important;}
.a2-menu-box .Prev {top: -3px;left:-6px;background-image: url(../images/year-left.png);}
.a2-menu-box .Next {top: -3px;right:-6px;background-image: url(../images/year-right.png);}
.a2-menu{ width:1200px;overflow: hidden;position: relative;}
.a2-menu ul {list-style:none;width:1200px;height:80px;}
.a2-menu .list {overflow: hidden;width: 9999px;}
.a2-menu li {float:left;width:200px;text-align:center;height:80px;cursor:pointer;color:#666;font-size:18px;overflow:hidden;background:#fff;background:url(../images/a2-tabsBg.png) no-repeat scroll 0 8px;}
.a2-menu .current2 i {background:url(../images/a2-tabsCur.png) no-repeat scroll center center;}
.a2-menu li i {width:18px; height:18px; display:block; margin:0 auto 10px; background:url(../images/a2-tabsIcon.png) no-repeat scroll center center;}
.a2-line {height:2px; width:1200px; margin:0 auto; background:url(../images/a2-tabsBg2.jpg) repeat-x scroll 0 0;}
.current2 span {color:#cc8e3c;}
.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(../images/a-tabs-li01.png) no-repeat scroll 5px 13px; padding-left:70px; position:relative;}
.a2-tabs-box .txt dd span {color:#cc8e3c; position:absolute; left:20px; top:0;}

.a-termanal {width:100%; height:870px; background:url(../images/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(../images/hero-left-arr.png) no-repeat scroll 0 0;}
.icon-arrow-a-right { background:url(../images/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(../images/hero-left-arr.png) no-repeat scroll center center; height: 50px; width: 30px;}
.icon-arrow-a-right { background:url(../images/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 #0075c1;}


.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:273px; font-size:12px; overflow:hidden;height: 338px;border: 1px solid #DDDDDD;}
.scroll_horizontal .list li img {display:block;width:273px;height: 100%;object-fit: contain;}
.scroll_horizontal .prev,.scroll_horizontal .next{position:absolute;top:50%;margin-top:-65px;width:67px; height:67px;background-image:url(../images/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(../images/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(../images/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(../images/a3-tabsIcon01.png) no-repeat scroll left center;}
.a3-tabs02 { background:url(../images/a3-tabsIcon02.png) no-repeat scroll left center;}
.a3-tabs03 { background:url(../images/a3-tabsIcon03.png) no-repeat scroll left center;}
.a3-tabs04 { background:url(../images/a3-tabsIcon04.png) no-repeat scroll left center;}
.a3-tabs05 { background:url(../images/a3-tabsIcon05.png) no-repeat scroll left center;}
.a3-tabs06 { background:url(../images/a3-tabsIcon06.png) no-repeat scroll left center;}
.a3-line {height:2px; width:1200px; margin:0 auto; background:url(../images/a2-tabsBg2.jpg) repeat-x scroll 0 0;}
.current3 span {color:#fff; background:#cc8e3c; 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:center;}
.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:50px 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 #cc8e3c;}
.ab-p1-left-top p {font-size: 32px;line-height: 32px;margin: 20px 0;text-align: center; color:#cc8e3c;}
.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-p2 {width:100%; background:url(../images/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(../images/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(../images/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:#0075c1; font-size:50px;}
.ab-p3 .txt .p2 {color:#ccc; font-size:24px; margin-top:20px;}
.ab-p4 {
    background: rgba(0, 0, 0, 0) url("../images/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:694px;}
.ab-p4-right .pic {margin-top:80px;}
.ab-p4-right .pic img {width:100%;}
.ab-p4-right .txt { text-align:center; width:600px; margin:30px 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("../images/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:460px; height:310px; background:#fff; box-shadow: 5px 5px 5px #ccc;}
.ab-p5-right .pic {margin:100px 0 0 122px;}
.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("../images/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: #0075c1;
    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: #0075c1;
    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;
}
.picj {
    height: 268px;
    overflow: hidden;
    width: 392px;
	-webkit-filter: grayscale(1);/* Webkit */ 
	filter:gray;/* IE6-9 */ 
	filter: grayscale(1);/* W3C */ 
}
.mt10 {
    transition: all 500ms ease 0s;
}
.mt10:hover {
    transform: scale(1.1);
}

.a-honor {width:100%; background:#e7e7e7 url(../images/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 {height: 500px;width: 100%; background:url(../images/voice-banner.jpg) no-repeat scroll center top / cover ;}
.experience-banner {height: 500px;width: 100%; background:url(../images/experience-banner.jpg) no-repeat scroll center top / cover ;}
.product-banner {height: 500px;width: 100%; background:url(../images/product-banner.jpg) no-repeat scroll center top / cover ;}
.impreesion-banner {height: 500px;width: 100%; background:url(../images/impreesion-banner.jpg) no-repeat scroll center top / cover ;}
.character-banner {height: 500px;width: 100%; background:url(../images/character-banner.jpg) no-repeat scroll center top / cover ;}
.business-banner {height: 500px;width: 100%; background:url(../images/business-banner.jpg) no-repeat scroll center top / cover ;}
.join-banner {height: 826px;width: 100%; background:url(../images/join-banner.jpg) no-repeat scroll center top / cover ;}
.store-banner {height: 500px;width: 100%; background:url(../images/store-banner.jpg) no-repeat scroll center top / cover ;}
.appointment-banner {height: 500px;width: 100%; background:url(../images/appointment-banner.jpg) no-repeat scroll center top / cover ;}


.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("../images/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: #0075c1;
}
.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(../images/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 #d3a15a;}
.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:#0075c1;}

.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(../images/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;
	color: #3a3a3a;
    line-height: 22px;
}
.voiceShow-box-inner img {
	max-width:100%;
	height:auto !important;
}

.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: #d3a15a;
    display: block;
    font-size: 36px;
    height: 90px;
    line-height: 50px;
    margin-bottom: 40px;
    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: #d3a15a 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:#0075c1;}
.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 {
    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;
	position:absolute;
	left:0px;
	top:20px;
}
.lpro-hd dl dt.bg1 {background:url(../images/lpro-icon01.png) no-repeat left center}
.lpro-hd dl dt.bg2 {background:url(../images/lpro-icon02.png) no-repeat left center}
.lpro-hd dl dt.bg3 {background:url(../images/lpro-icon03.png) no-repeat left center}
.lpro-hd dl dt.bg4 {background:url(../images/lpro-icon05.png) no-repeat left center}
.lpro-hd dl dd {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 20px;
	padding-left:120px;
}
.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:#0075c1; 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(../images/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:590px;
	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 #0075c1; 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:#d3a15a; 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: #0075c1;
    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 #0075c1; 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: #0075c1;
    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: 354px;
	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 #0075c1;
}
.rgt4 .lbtn1 {
    background-color: #fff;
	color:#0075c1;
}
.rgt4 .lbtn2 {
    background-color: #0075c1;
}
.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("../images/inddeg1.png") repeat scroll 0 0;
}
.inddesign ul li.yy2 i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg2.png") repeat scroll 0 0;
}
.inddesign ul li.yy3 i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg3.png") repeat scroll 0 0;
}
.inddesign ul li.yy4 i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg4.png") repeat scroll 0 0;
}
.inddesign ul li.yy5 i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg5.png") repeat scroll 0 0;
}
.inddesign ul li.yy6 i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg6.png") repeat scroll 0 0;
}
.inddesign ul li.yy1:hover i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg1sel.png") repeat scroll 0 0;
}
.inddesign ul li.yy2:hover i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg2sel.png") repeat scroll 0 0;
}
.inddesign ul li.yy3:hover i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg3sel.png") repeat scroll 0 0;
}
.inddesign ul li.yy4:hover i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg4sel.png") repeat scroll 0 0;
}
.inddesign ul li.yy5:hover i {
    background: rgba(0, 0, 0, 0) url("../images/inddeg5sel.png") repeat scroll 0 0;
}
.inddesign ul li.yy6:hover i {
    background: rgba(0, 0, 0, 0) url("../images/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 #0075c1;
    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:#0075c1;
	margin-left: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(../images/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(../images/login-icon01.png) no-repeat 0 0;}
.login-box .field .l-icon02 {background:url(../images/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: #0075c1 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(../images/contact-icon01.png) no-repeat 0 center;}
.contact-part1 .cp-list02 {background:url(../images/contact-icon02.png) no-repeat 0 center;}
.contact-part1 .cp-list03 {background:url(../images/contact-icon03.png) no-repeat 0 center;}
.contact-part1 .cp-list04 {background:url(../images/contact-icon04.png) no-repeat 0 center;}
.contact-part1 .cp-list05 {background:url(../images/contact-icon05.png) no-repeat 0 center;}
.contact-part1 .cp-list06 {background:url(../images/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;
    height: 90px;
    line-height: 18px;
    padding: 8px 8px 8px 8px;
    width: 1014px;
	color:#666;
}
.msg-box .submit button {
    background: #0075c1 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: #0075c1 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 #0075c1; 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(../images/dis-icon01.png) no-repeat right center;}
.left-side .cur a {color:#0075c1;}
.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(../images/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(../images/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:#0075c1;}
.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(../images/dis-icon04.png) no-repeat left center;}
.right-part .list .dwon .d2 {padding-left:16px; background:url(../images/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:#0075c1;}
.store-box {padding:15px; overflow:hidden;}

.join-p1 {width:100%; background:#fff url(../images/join-bg01.jpg) no-repeat scroll center center / cover; height:840px; overflow:hidden;}
.join-p2 {width:100%; background:#fff url(../images/join-bg02.jpg) no-repeat scroll center center / cover; height:840px; overflow:hidden;}
.join-p3 {width:100%; background: #f6f6f6 url(../images/characterBg.png) no-repeat scroll center bottom; overflow:hidden;}
.join-p4 {width:100%; background:#fff url(../images/join-bg04.jpg) no-repeat scroll center center / cover; height:930px; overflow:hidden;}
.join-p6 {width:100%; background:#fff url(../images/join-bg06.jpg) no-repeat scroll center center / cover; height:950px; overflow:hidden; }
.join-p7 {width:100%; background:#fff url(../images/join-bg07.jpg) no-repeat scroll center center / cover; height:890px; overflow:hidden;}
.join-p8 {width:100%; background:#fff url(../images/join-bg08.jpg) repeat scroll 0 0; overflow:hidden;}
.join-p10 {width:100%; background:#d6d6d6 url(../images/join-bg10.jpg) no-repeat scroll center top / cover; overflow:hidden;}
.join-p11 {width:100%; background:#d6d6d6 url(../images/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(../images/join-t1Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t2 {background:url(../images/join-t2Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t3 {background:url(../images/join-t3Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t4 {background:url(../images/join-t4Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t5 {background:url(../images/join-t5Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t6 {background:url(../images/join-t6Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t7 {background:url(../images/join-t7Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t9 {background:url(../images/join-t9Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t10 {background:url(../images/join-t10Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t11 {background:url(../images/join-t11Bg.png) no-repeat scroll center top; margin-top:70px;}
.join-title .t12 {background:url(../images/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 .t4 .ch,.join-title .t7 .ch,.join-title .t11 .ch {color:#fff;}
.join-title .p1 {color:#e5a44e; 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:#e5a44e;}
.join-p1 .join-box {text-align:center; margin-top:65px;}

.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 #0075c1; background:rgba(221, 160, 80, 0.5);}
.join-p2-ul li:hover .txt {color:#0075c1;}
.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:#e7b06d;}
.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:#e7b06d; color:#fff; font-size:18px; border-radius:25px; text-transform:uppercase;}
.p3-tabs-box li em {height:1px; width:100px; background:#e7b06d; display: block; margin:10px auto;}
.p3-tabs-box .line {height:1px; width:100%; background:#dadada; clear:both;}
.a11 li .pic {display: flex;justify-content: center;align-items: center;}
.a11 li .txt{display: none!important;}
.a11 li em{display: none!important;}
.a11 .line{display: none;}
.a11 li{border-left: none;}
.join-p4 .inner ul{ background:url(../images/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:#e7b06d; 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 #e5a550; padding:5px; display:block; width:164px; height:164px; border-radius:50%;}
.join-p7-ul .n2 {border:1px solid #e5a550; 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:#e5a550; 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(../images/join-p7-img-right.png) no-repeat scroll 0 0; left:400px; top:80px;}
.join-p7-arrow02 {background:url(../images/join-p7-img-right.png) no-repeat scroll 0 0; left:780px; top:80px;}
.join-p7-arrow03 {background:url(../images/join-p7-img-left.png) no-repeat scroll 0 0; left:780px; top:330px;}
.join-p7-arrow04 {background:url(../images/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:#e5a44e }
.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:#e5a44e; margin:20px 0 0;}
.yxjm .bd ul li span{ display:block; margin:10px 0  15px; font-size:16px; color:#e5a44e;}
.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("../images/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
	right: 0;
	background: url("../images/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("../images/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(../images/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 #0075c1;} 
.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: #0075c1;}

.m-about-inner {width:100%; background:url(../images/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(../images/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(../images/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(../images/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;}
.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:#c88d3f;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(../images/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(../images/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(../images/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: #d1a55b;
}
.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: 400px;}
.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:#0075c1;}
.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: #0075c1;
}
.impreesion-case .bo li:hover .pic i {
    display: block;
}

.a-character-inner {width:100%; margin:30px auto;}

.about-banner {height:500px; 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 {display:block;}
.mb-a2-box .inner {width:94%; margin:0 3% 50px; overflow:hidden;}
.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:#0075c1; 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("../images/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-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(../images/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(../images/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:#0075c1; 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%;}
.ab-p4-right .pic {margin-top:30px;}
.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: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("../images/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;}
.ab-p5-right .pic {margin:100px 0 0 122px;}
.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(../images/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: #0075c1;
    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(../images/characterBg.png) no-repeat scroll center bottom; overflow:hidden;}
.join-p4 {width:100%; background:#fff url(../images/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(../images/join-bg08.jpg) repeat scroll 0 0; overflow:hidden;}
.join-p10 {width:100%; background:#d6d6d6 url(../images/join-bg10.jpg) no-repeat scroll center top; overflow:hidden;}
.join-p11 {width:100%; background:#d6d6d6 url(../images/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(../images/mb-join-t1Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t2 {background:url(../images/mb-join-t2Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t3 {background:url(../images/mb-join-t3Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t4 {background:url(../images/mb-join-t4Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t5 {background:url(../images/mb-join-t5Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t6 {background:url(../images/mb-join-t6Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t7 {background:url(../images/mb-join-t7Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t9 {background:url(../images/mb-join-t9Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t10 {background:url(../images/mb-join-t10Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t11 {background:url(../images/mb-join-t11Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t12 {background:url(../images/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,.join-title .t7 .ch,.join-title .t11 .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:#e5a44e;}
.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 #0075c1; background:rgba(221, 160, 80, 0.5);}
.join-p2-ul li:hover .txt {color:#0075c1;}
.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:#e7b06d;}
.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:#e7b06d; color:#fff; font-size:18px; border-radius:25px; text-transform:uppercase;}
.p3-tabs-box li em {height:1px; width:100px; background:#e7b06d; 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 3%; float:left; width:44%}
.join-p4 .inner ul li span{ color:#e7b06d; 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: 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:rgba(221, 160, 80, 0.7);}
.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; margin:0 2% 20px; padding:10px;}
.join-p7-ul .n1 {border:3px solid #e5a550; padding:5px; display:block; width:124px; height:124px; border-radius:50%;}
.join-p7-ul .n2 {border:1px solid #e5a550; 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:#e5a550; 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:#e5a44e }
.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:#e5a44e; margin:0 ;}
.yxjm .bd ul li span{ display:block; margin:10px 0  15px; font-size:16px; color:#e5a44e;}
.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: #0075c1 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: #d3a15a;
    display: block;
    font-size: 20px;
    height: 90px;
    line-height: 50px;
    margin-bottom: 40px;
    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: #d3a15a 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:#0075c1;}
.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: right; width:55%;}
.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:#d3a15a; 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: #0075c1;
    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: 354px;
	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 #0075c1;
}
.rgt4 .lbtn1 {
    background-color: #fff;
	color:#0075c1;
}
.rgt4 .lbtn2 {
    background-color: #0075c1;
}
.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%;}


.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(../images/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(../images/m-titleBg02.png) no-repeat scroll center 0; width:68px; height:3px; margin:10px auto 0; display:block;}

.m-about-btn{display: none;}
	.m-about-2{display: block;}
.m-about-inner {width:100%; background:url(../images/abou-titleBg-600px.png) no-repeat scroll center 20px; overflow:hidden; padding-top:50px;}

.m-customized {background:url(../images/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(../images/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(../images/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:#c88d3f;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(../images/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(../images/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(../images/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: #d1a55b;
}
.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; text-align: center;}
.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: 300px;}
.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 #d3a15a;}
.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:#0075c1;}
.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: #0075c1;
}
.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;}
.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:#e7b06d;}
.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:#e7b06d; color:#fff; font-size:18px; border-radius:25px; text-transform:uppercase;}
.p3-tabs-box li em {height:1px; width:100px; background:#e7b06d; 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;}



}

@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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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:#c88d3f;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(../images/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(../images/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(../images/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: #d1a55b;
}
.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: 240px;}
.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 #d3a15a; background:#d3a15a; 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:#0075c1;}
.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: #0075c1;
}
.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;}
.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:#0075c1;}
.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(../images/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(../images/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(../images/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 { padding:0 15px;}
.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:#d1a55b; display:block; border:1px solid #d1a55b; color:#fff;}


.m-customized {background:url(../images/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(../images/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(../images/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:inline-block; 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(../images/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(../images/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: #d1a55b;
}
.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 {width:100%; background:#d6d9de url(../images/foot.jpg) repeat-x 0 0;}
.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:30px; background:#d6d9de url(../images/foot.jpg) repeat-x 0 0;; padding:30px 3% 20px;}
.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: 200px;}
.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 #d3a15a; background:#d3a15a; 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:#0075c1;}
.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: #0075c1;
}
.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:180px; 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 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:#0075c1; 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("../images/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-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(../images/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(../images/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:#0075c1; 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: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;}

.ab-p5 {
    background: rgba(0, 0, 0, 0) url("../images/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(../images/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: #0075c1;
    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(../images/characterBg.png) no-repeat scroll center bottom; overflow:hidden;}
.join-p4 {width:100%; background:#fff url(../images/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(../images/join-bg08.jpg) repeat scroll 0 0; overflow:hidden;}
.join-p10 {width:100%; background:#d6d6d6 url(../images/join-bg10.jpg) no-repeat scroll center top; overflow:hidden;}
.join-p11 {width:100%; background:#d6d6d6 url(../images/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(../images/mb-join-t1Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t2 {background:url(../images/mb-join-t2Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t3 {background:url(../images/mb-join-t3Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t4 {background:url(../images/mb-join-t4Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t5 {background:url(../images/mb-join-t5Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t6 {background:url(../images/mb-join-t6Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t7 {background:url(../images/mb-join-t7Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t9 {background:url(../images/mb-join-t9Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t10 {background:url(../images/mb-join-t10Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t11 {background:url(../images/mb-join-t11Bg.png) no-repeat scroll center top; margin-top:40px;}
.join-title .t12 {background:url(../images/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,.join-title .t7 .ch,.join-title .t11 .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:#e5a44e;}
.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 #0075c1; background:rgba(221, 160, 80, 0.5);}
.join-p2-ul li:hover .txt {color:#0075c1;}
.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:#e7b06d;}
.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:#e7b06d; color:#fff; font-size:18px; border-radius:25px; text-transform:uppercase;}
.p3-tabs-box li em {height:1px; width:100px; background:#e7b06d; 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:#e7b06d; 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 #e5a550; padding:5px; display:block; width:124px; height:124px; border-radius:50%;}
.join-p7-ul .n2 {border:1px solid #e5a550; 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:#e5a550; 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:#e5a44e }
.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:#e5a44e; margin:0 ;}
.yxjm .bd ul li span{ display:block; margin:10px 0  15px; font-size:16px; color:#e5a44e;}
.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: #0075c1 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: #d3a15a;
    display: block;
    font-size: 20px;
    height: 90px;
    line-height: 50px;
    margin-bottom: 40px;
    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: #d3a15a 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:#0075c1;}
.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:#d3a15a; 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: #0075c1;
    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: 354px;
	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 #0075c1;
}
.rgt4 .lbtn1 {
    background-color: #fff;
	color:#0075c1;
}
.rgt4 .lbtn2 {
    background-color: #0075c1;
}
.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%;}

.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;
	position:absolute;
	left:0px;
	top:20px;
	display:block;
}
.lpro-hd dl dt.bg1 {background:url(../images/lpro-icon01.png) no-repeat left center}
.lpro-hd dl dt.bg2 {background:url(../images/lpro-icon02.png) no-repeat left center}
.lpro-hd dl dt.bg3 {background:url(../images/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:#0075c1; 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;}
}

/* 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;
}

/*多级筛选隐藏*/
[title~=暂无] {
    display: none !important;
}

.topbarp{float: left;}
.daoRight_box .inpone_boxds{
    width: 232px;
    position: absolute;
    left: 0;
    top: 0;
    background: #222;
    transition: 0.4s;
}
.daoRight_box .inpone_boxds:hover{left: -145px; background-color: rgb(221, 160, 80) !important;}
.footer-right .tel{padding-top: 0px;}
.topbar em{display: none !important}


.gylc{text-align: center;}

.mf-box{height: 280px; background: none;}
.myslide {

      height: 280px;     
    }
.myslide .pTitle{position: absolute; bottom: 0; width: 280px; text-align: center; line-height: 40px;}
.myslide img{
      height: 280px;     
    }