@charset "utf-8";

body{
	background: #000;
}
#bg{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header{
	background: url(../img/b90.png) repeat center;
	height: 64px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;
}
#logo{
	width: 25%;
	height: 64px;
	background: url(../img/logo.png) no-repeat center;
}
#nav{
	width: 56%;
	position: relative;
}
#nav ul{
	width: 100%;
}
#nav .nLi{
	/*width: 14%;*/
	padding: 0 3%;
	height: 64px;
	line-height: 64px;
	font-size: 14px;
	position: relative;
}
#nav .nLi a{
	color: #fff;
}

#head-search{
	text-align: center;
	width: 19%;
	margin-left: -1px;
}
#head-search .search{
	width: 15px;
	height: 15px;
	display: inline-block;
	
	margin-top: 25px;
	padding-right: 12px;
	border-right: 1px solid #313030;
	margin-right: 12px;
}
#head-search .search div{
	background: url(../img/head-search.png) no-repeat center;
	height: 15px;
}
.head-search-bg{
	background: #fff;
	height: 45px;
	display: none;
}
.head-search-input{
	width: 835px;
	padding: 0 10px;
	background: url(../img/head-search-input.jpg) no-repeat center;
	line-height: 30px;
	height: 30px;
	margin-top: 7px;
	vertical-align: middle;
}
.head-search-sub{
	width: 100px;
	height: 30px;
	background: url(../img/head-search-sub.jpg) no-repeat center;
	color: #fff;
	padding-left: 50px;
	text-align: left;
	font-size: 14px;
	margin-top: 7px;
	vertical-align: middle;
}
.head-contact{
	color: #888;
	line-height: 26px;
	vertical-align: bottom;
}
.head-sub .fl{
	width: 14%;
	height: 158px;
}
.sub-nav p{
	line-height: 46px;
	color: #818181;
	float: left;
	position: relative;
	width: 100px;
	text-align: center;
	height: 46px;
}
.sub-nav-i{
	width: 0px;
	height: 2px;
	display: block;
	background: #080807;
	font-size: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#nav .sub-nav a{
	color: #555;
	font-size: 12px;
}
#nav .sub-nav a:hover{
	color: #555;
}
.head-bg{
	width: 100%;
	background: #f3f1ea;
	position: absolute;
	top: 64px;
	left: 0px;
}
.head-nav-bg{
	height: 46px;
	display: none;
}
.head-sub{
	position: absolute;
	top: 64px;
	left: 0px;
	height: 46px;
	display: none;
	left: -100px;
}
.lf300{
	left: -300px;
}
.head-sub-row{
	width: 0px;
	height: 0px;
	font-size: 0px;
	border-style: solid dashed dashed dashed;
	-moz-border-style: solid;
	border-width: 6px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: 64px;
	left: 50%;
	margin-left: -3px;
	display: none;
}
.l18{
	left: 18px;
}


/*index*/
.con{
	margin-top: 64px;
}
.index-ban{
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	background: #3b3a3a;
}
.index-ban .bd ul{
	width: 100%;
	height: 500px;
}
.index-ban .bd li{
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.index-ban .bd li #bg{
	height: 500px;
}
.index-ban-sol{
	width: 480px;
	height: 97px;
	background: url(../img/index-ban-so.png) no-repeat center;
	margin-top: 450px;
	position: relative;
}
.index-ban-sol .slogan{
	color: #fff;
	font-size: 18px;
	position: absolute;
	bottom: -15px;
	left: 105px;
	width: 0px;
	height: 32px;
	overflow: hidden;
}
.index-ban .hd{
	position: absolute;
	bottom: 20px;
	left: 40px;
}
.index-ban .hd li{
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/btnBg_03.png) no-repeat right;
}
.index-ban .hd li.on{
	background: url(../img/btnBg_03.png) no-repeat left;
}
.index-bg{
	background: url(../img/index-bg.jpg) no-repeat top fixed;
}
.index-che{
	padding: 40px 0px;
}
.index-che ul{
	margin-right: -40px;
}
.index-che li{
	width: 460px;
	height: 463px;
	margin-right: 40px;
	cursor: pointer;
}
.index-chl-01{
	background: url(../img/index-chl-01.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.index-chl-02{
	background: url(../img/index-chl-02.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.index-chl-01 .b50,
.index-chl-02 .b50,
.index-waist .b50,
.index-chl-03 .b50,
.index-chl-04 .b50{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}

.index-chl-text{
	color: #fff;
	text-align: center;
	width: 174px;
	margin: 184px auto 0px;
	position: relative;
}
.index-chl-text .time{
	font-size: 38px;
	line-height: 48px;
	padding-top: 5px;
}
.index-chl-text .tit{
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 10px;
}
.index-chl-text i{
	display: block;
	width: 100%;
	height: 3px;
	background: #c9c9c9;
	font-size: 0px;
	position: absolute;
}
.index-chl-text i.top{
	top: 0px;
	right: 0px;
}
.index-chl-text i.top-cur{
	left: 0px;
	top: 0px;
	width: 0px;
}
.index-chl-text i.bottom{
	bottom: 0px;
	left: 0px;
}
.index-chl-text i.bottom-cur{
	bottom: 0px;
	right: 0px;
	width: 0px;
}
.index-chl-box{
	border: 2px solid #fff;
	padding: 0px 20px;
	line-height: 32px;
	color: #fff;
	width: 165px;
	margin: 200px auto 0px;
}
.index-chl-box i{
	width: 21px;
	height: 32px;
	background: url(../img/index-chl-i.png) no-repeat center;
	margin-left: 5px;
}
.index-chl-box .fr{
	width: 120px;
}
.index-chl-02 .title{
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 60px;
}
.index-waist{
	height: 215px;
	background: url(../img/index-waist.jpg) no-repeat center;
}
.index-waist{
	color: #fff;
	position: relative;
}
.index-waist p{
	position: absolute;
	text-align: center;
	left: 50%;
}
.index-waist .en{
	font-size: 26px;
	text-transform: uppercase;
	width: 260px;
	top: 60px;
	margin-left: -130px;
	color: #fff;
}
.index-waist .cn{
	font-size: 18px;
	width: 75px;
	top: 98px;
	margin-left: -37px;
	line-height: 40px;
	color: #fff;
}
.index-waist i{
	display: block;
	width: 74px;
	height: 3px;
	background: #fff;
	font-size: 0px;
	position: absolute;
	left: 50%;
	margin-left: -36px;
	top: 140px;
}
.index-pro{
	padding: 40px 0px;
}
.index-chl-03{
	width: 460px;
	height: 420px;
	background: url(../img/index-chl-03.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.index-chl-03 p,
.index-chl-04 p{
	position: absolute;
	color: #fff;
	left: 50%;
}
.index-chl-03 .en,
.index-chl-04 .en{
	font-size: 12px;
	text-transform: uppercase;
	width: 170px;
	text-align: center;
	line-height: 32px;
	border: 2px solid #fff;
	margin-left: -85px;
	top: 183px;
}
.index-chl-03 .cn,
.index-chl-04 .cn{
	font-size: 16px;
	width: 80px;
	margin-left: -40px;
	top: 230px;
}
.index-chl-04{
	width: 460px;
	height: 195px;
	background: url(../img/index-chl-04.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.index-chl-04 .en{
	width: 200px;
	margin-left: -100px;
	top: 75px;
}
.index-chl-04 .cn{
	width: 64px;
	margin-left: -32px;
	top: 120px;
}
.index-news{
	width: 460px;
	background: #272727;
	margin-top: 40px;
	height: 185px;
	overflow: hidden;
	text-align: center;
}
.index-news .bd{
	width: 460px;
	height: 145px;
	overflow: hidden;
}
.index-news .bd li{
	padding: 0px 15px;
	width: 430px;
	height: 145px;
}
.index-news .hd{
	background: #212122;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
}
.index-news .hd .pageState{
	line-height: 40px;
	padding: 0 20px;
	display: inline-block;
	_display: inline;
	zoom:1;
	vertical-align: top;
	height: 40px;
}
.index-news .hd a{
	display: inline-block;
	width: 10px;
	height: 40px;
	background: url(../img/index-news-row.jpg) no-repeat left;
}
.index-news .hd a.next{
	background: url(../img/index-news-row.jpg) no-repeat right;
}
.index-news .hd a:hover{
	opacity: 0.6;
}
.index-news .tit{
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
	color: #fff;
}
.index-news .time{
	color: #a8a8a8;
	border-bottom: 1px solid #323232;
	padding-bottom: 10px
}
.index-news .dis{
	padding: 10px 0px;
	color: #a8a8a8;
}

/*about*/
.con-bg{
	background: url(../img/con-bg.jpg) no-repeat fixed top;
}
.che-tit{
	text-align: center;
	color: #fff;
	padding-top: 90px;
}
.che-tit .en{
	/*font-size: 48px;
	font-family: BellMT;
	line-height: 50px;
	text-transform: uppercase;*/
	height: 50px;
	background: url(../img/about-tit.png) no-repeat center;
}
.che-tit .honor-tit{
	background: url(../img/honor-tit.png) no-repeat center;
}
.che-tit .pro-tit{
	background: url(../img/pro-tit.png) no-repeat center;
}
.che-tit .newsc-tit{
	background: url(../img/newsc-tit.png) no-repeat center;
}
.che-tit .join-tit{
	background: url(../img/join-tit.png) no-repeat center;
}
.che-tit .contact-tit{
	background: url(../img/contact-tit.png) no-repeat center;
}
.che-tit .law-tit{
	background: url(../img/law-tit.png) no-repeat center;
}
.che-tit .customc-tit{
	background: url(../img/customc-tit.png) no-repeat center;
}
.che-tit .job-tit{
	background: url(../img/job-tit.png) no-repeat center;
}
.che-tit .fac-tit{
	background: url(../img/fac-tit.png) no-repeat center;
}
.che-tit .cn{
	font-size: 24px;
}
.che-tit i{
	font-size: 0px;
	width: 120px;
	height: 3px;
	background: #fff;
}
.about-con{
	padding-bottom: 75px;
}
.about-left,
.about-right{
	width: 50%;
	height: 532px;
	overflow: hidden;
	*margin-left: -1px;
}
.about-left{
	background: url(../img/about-left.jpg) no-repeat right;
}
.brand-left{
	background: url(../img/brand-left.jpg) no-repeat right;
}
.about-right{
	background: #fff;
}
.about-box{
	width: 70%;
	margin: 60px 20% 0px 10%;
}
.about-box .en{
	font-size: 24px;
	color: #b6b6b6;
	text-transform: uppercase;
}
.about-box .cn{
	font-size: 18px;
	color: #373737;
	line-height: 50px;
}
.about-box .tit-bt{
	width: 43px;
	font-size: 0px;
	height: 3px;
	background: #555;
	display: block;
}
.about-temp{
	margin: 45px 0px 30px;
	position: relative;
	overflow: hidden;
	height: 160px;
}
.about-text{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.about-box .top,
.about-box .bottom{
	width: 51px;
	height: 39px;
	display: block;
	background: url(../img/text-row.jpg) no-repeat left;
	margin-right: 10px;
}
.about-box .bottom{
	background: url(../img/text-row.jpg) no-repeat right;
}
.about-box .top:hover,
.about-box .bottom:hover{
	opacity: 0.8;
}

/*his*/
#close{
	width: 75px;
	height: 64px;
	background: url(../img/close.jpg) no-repeat center;
	position: fixed;
	top: 127px;
	right: 0px;
}
.his-bg{
	background: url(../img/his-bg.jpg) no-repeat top;
	position: relative;
}
.his-bg .bd{
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	height: 700px;
	overflow: hidden;
	position: relative;
}
.his-bg .bd ul{
	position: relative;
	width: 1000px;
	height: 700px;
}
.his-bg .bd li{
	text-align: center;
	position: absolute;
	width: 1000px;
	height: 700px;
	top: 0px;
	left: 0px;
	display: none;
}
.his-bg .bd .year{
	font-size: 254px;
	color: #6f6f6f;
	font-family: Arial;
	width: 580px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -290px;
}
.his-bg .div-tit{
	position: relative;
	z-index: 3;
}
.his-bg .div-tit .en{
	/*font-family: BellMT;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 90px;*/
	height: 133px;
	background: url(../img/his-tit.png) no-repeat center;
}
.his-bg .div-tit .cn{
	font-size: 18px;
}
.div-tit i{
	width: 66px;
	height: 3px;
	background: #fff;
	display: block;
	margin: 13px auto;
	font-size: 0px;
}
.div-text{
	margin: 190px auto 0px;
	width: 620px;
}
.his-bg .hd{
	background: url(../img/scale-bg.jpg) repeat-x 0px 25px;
	padding: 6px 0px 65px;
	position: relative;
}
.his-bg .hd .prev,
.his-bg .hd .next{
	display: block;
	width: 25px;
	height: 50px;
	background: url(../img/scale-row.png) no-repeat left;
	position: absolute;
	top: -6px;
}
.his-bg .hd .prev:hover,
.his-bg .hd .next:hover{
	opacity: 0.6;
}
.his-bg .hd .prev{
	left: 0px;
}
.his-bg .hd .next{
	right: 0px;
	background: url(../img/scale-row.png) no-repeat right;
}
.scale-box{
	width: 846px;
	margin: 0 auto;
	position: relative;
}
#sc-buttom{
	width: 30px;
	height: 30px;
	background: url(../img/sc-bottom.png) no-repeat center;
	position: absolute;
	top: 2px;
	left: 0px;
	-moz-user-select:-moz-none;
	cursor: move;
}
.scale-div{
	width: 816px;
	margin: 0 auto;
	border-right: 1px solid #5b5b5b;
	overflow: hidden;
	height: 26px;
	position: relative;
}
.scale-div ul{
	position: absolute;
	top: 0px;
	left: 0px;
}
.scale-div li{
	width: 136px;
	height: 28px;
	background: url(../img/scale-li.png) no-repeat center;
}
.year-div{
	width: 952px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 60px;
}
.year-div ul{
	position: absolute;
}
.year-div li{
	width: 136px;
	color: #7d7d7d;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
}
.year-div li.on{
	color: #fff;
	font-size: 24px;
}

/*honor*/
.honor-bg{
	background: url(../img/honor-bg.jpg) no-repeat top fixed;
}
.honor-text{
	border-bottom: 1px solid #464444;
	padding: 50px 0px;
	text-align: center;
	color: #fff;
}
.honor-list{
	padding: 65px 0px 15px;
}
.honor-list ul{
	margin-right: -42px;
}
.honor-list li{
	width: 292px;
	height: 177px;
	overflow: hidden;
	margin-right: 42px;
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
}
.honor-list .year{
	width: 288px;
	height: 65px;
	line-height: 65px;
	font-size: 30px;
	color: #e0e0e0;
	border: 2px solid #6e6d6c;
}
.honor-list .dis{
	font-size: 14px;
	padding: 15px 0px;
	line-height: 26px;
}

/*newpro*/
.newpro-left,
.newpro-right{
	width: 50%;
	/*background: url(../img/newpro-bg1.jpg) no-repeat top;*/
	position: relative;
	*margin-left:-1px;
	font-size: 0px;
}
/*.newpro-right{
	background: url(../img/newpro-bg2.jpg) no-repeat top;
}*/
.newpro-left img,
.newpro-right img{
	width: 100%;
}
.newpro-left .b50,
.newpro-right .b50{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.newpro-bg .tit{
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-color: #828282;
	border-style: solid;
	border-width: 3px 0px;
	padding: 12px 0px;
	width: 326px;
	height: 64px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -47px;
	margin-left: -163px;
}
.newpro-bg .tit a{
	color: #fff;
}
.newpro-bg .en{
	text-transform: uppercase;
}
.newpro-bg .b50{
	opacity: 0;
}
/*newpro-list*/
.newpro-list-bg{
	background: url(../img/newpro-list-bg.jpg) no-repeat fixed top;
}
.newpro-list-bg2{
	background: url(../img/newpro-list-bg2.jpg) no-repeat fixed top;
}
.newpro-list-tit{
	padding: 70px 0px 95px;
}
.newpro-list-tit .logo{
	height: 55px;
	background: url(../img/newpro-logo.png) no-repeat center;
}
.newpro-list-tit .logo2{
	background: url(../img/newpro-logo2.png) no-repeat center;
}
.newpro-list-tit .en{
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 12px 0px;
}
.newpro-list-tit i{
	display: block;
	width: 66px;
	height: 3px;
	background: #fff;
	margin: 0 auto;
	font-size: 0px;
}
.newpro-list{
	padding: 0 50px;
}
.newpro-list-box{
	width: 100%;
	height: 454px;
	overflow: hidden;
	position: relative;
}
.newpro-list li{
	height: 454px;
	margin-right: 22px;
	position: relative;
	cursor: pointer;
}
.newpro-list li .ablock{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.newpro-list li .img-view{
	position: absolute;
	width: 28px;
	height: 28px;
	background: url(../img/img-view.png) no-repeat center;
	top: 50%;
	margin-top: -14px;
	left: 50%;
	margin-left: -14px;
	opacity: 0;
}
.newpro-list li.laster{
	margin-right: 0px;
}
.scroll-div{
	padding: 60px 0px 120px;
}
.scroll-bar{
	background: url(../img/scroll-div-bg.png) repeat-x center;
	height: 5px;
	position: relative;
}
.scroll-handle{
	width: 196px;
	height: 5px;
	position: absolute;
	cursor: pointer;
	_top:-5px;
}
.scroll-handle-l,
.scroll-handle-r{
	height: 5px;
}
.scroll-handle-l{
	width: 50%;
	background: url(../img/scroll-handle-bg.png) no-repeat left;
}
.scroll-handle-r{
	width: 50%;
	background: url(../img/scroll-handle-bg.png) no-repeat right;
}

/*pro*/
.pro-bg{
	background: url(../img/pro-bg.jpg) no-repeat fixed top;
}
.pro-left{
	background: #383838;
}
.pro-left .pro-box{
	margin: 60px 10% 0px 20%;
}
.pro-box .en{
	font-size: 22px;
	color: #606060;
}
.pro-box .cn{
	color: #fff;
}
.pro-box .tit-bt{
	background: #aeaeae;
}
.pro-box .about-text{
	color: #cacaca;
}
.pro-right .pro-box{
	margin: 60px 0px 0px 10%;
	width: 90%;
}
.pro-right .pro-box .en{
	color: #b6b6b6;
}
.pro-right .pro-box .cn{
	color: #373737;
}
.pro-right .about-temp{
	overflow: visible;
	height: auto;
}
.pro-box .tit{
	color: #555;
	font-size: 18px;
}
.pro-contact{
	color: #555;
	font-size: 14px;
	padding-left: 15px;
	line-height: 44px;
	width: 190px;
	border: 1px solid #dadada;
	margin-right: 19px;
	margin-top: 18px;
	float: left;
}

/*pro-list*/
.pro-list-menu{
	width: 25%;
	background: #262626;
	height: 100%;
	position: relative;
}
.list-tit{
	color: #fff;
	padding-left: 4%;
	_padding-left:1%;
	padding-top: 120px;
}
.list-tit .en{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 50px;
}
.list-tit .cn{
	font-size: 18px;
}
.list-tit i{
	width: 70px;
	height: 3px;
	font-size: 0px;
	background: #fff;
}
.pro-list{
	width: 75%;
	*margin-left: -1px;
}
.list-menu{
	padding-left: 4%;
	_padding-left:1%;
	padding-top: 40px;
}
.list-menu li{
	float: none;
	font-size: 14px;
	line-height: 40px;
	display: block;
}
.list-menu li a{
	color: #a6a6a6;
}
.list-menu li a:hover,
.list-menu li.on a{
	color: #fff;
}
.list-menu li.on img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'/www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.pro-list ul{
	padding-top: 4%;
}
.pro-list li.first{
	margin-left: 4%;
}
.pro-list li{
	width: 20%;
	margin-right: 4%;
	margin-bottom: 4%;
	position: relative;
	cursor: pointer;
	font-size: 0px;
	*margin-left: -1px;
}
.pro-list li img{
	width: 100%;
}
.pro-list li img.on{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'/www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.prolist-cur-img{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.pro-list-page{
	position: absolute;
	bottom: 50px;
	left: 5%;
	color: #a3a3a3;
	line-height: 40px;
	width: 90%;
}
.pro-list-page .prev,
.pro-list-page .next{
	width: 50px;
	height: 40px;
	background-image: url(../img/pro-page-row.png);
	background-position: 20px center;
	background-repeat: no-repeat;
	background-color: #353535;
	display: block;
	float: left;
	margin-right: 12px;
}
.pro-list-page .next{
	background-position: -42px center;
}
.pro-list-page .prev:hover,
.pro-list-page .next:hover{
	background-color: #505050;
}
/*store*/
.store-menu{
	height: 700px;
}
.store-menu .list-tit{
	padding-top: 60px;
}
.store-menu .list-menu .hd li{
	width: 105px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background: #383838;
	float: left;
	margin-right: 10px;
}
.store-menu .list-menu .hd li a{
	color: #fff;
}
.store-menu .list-menu .hd li.on a,
.store-menu .list-menu .hd li a:hover{
	background: #a1a1a1;
	color: #2a2a2a;
}
.store-menu .list-menu .bd ul{
	width: 290px;
}
.store-menu .list-menu .bd{
	padding-top: 30px;
}
.store-menu .list-menu .bd li,
.store-menu .list-menu .bd li img{
	width: 90px;
	height: 60px;
	font-size: 0px;
}
.store-menu .list-menu .bd li{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 14px;
}
.store-menu .list-menu .bd li.laster{
	margin-right: 0px;
}
.store-menu .list-menu .bd li.on .prolist-cur-img{
	display: block;
}
.store-img{
	width: 75%;
	/*background: url(../img/store-01.jpg) no-repeat center;*/
	*margin-left: -1px;
	height: 700px;
}

/*bus*/
.bus-bg{
	background: url(../img/bus-bg.jpg) no-repeat top fixed;
}
.bus-left{
	background: url(../img/bus-left.jpg) no-repeat right;
}
.consumer-left{
	background: url(../img/consumer-left.jpg) no-repeat right;
}
.policy-bg{
	background: #fff;
}
.policy-tit{
	text-align: center;
	padding: 40px 0px 30px;
}
.policy-tit .en{
	color: #b6b6b6;
	font-size: 24px;
	text-transform: uppercase;
}
.policy-tit .cn{
	font-size: 18px;
	color: #373737;
}
.policy-tit i{
	width: 42px;
	height: 3px;
	background: #555;
	margin: 0 auto;
	font-size: 0px;
}
.policy-text{
	padding: 0px 0px 60px;
	text-align: center;
}
.policy-con{
	width: 50%;
	height: 265px;
	background: #efefef;
	*margin-left: -1px;
}
.policy-01{
	background: url(../img/policy-01.jpg) no-repeat center;
}
.policy-02{
	background: url(../img/policy-02.jpg) no-repeat center;
}
.policy-03{
	background: url(../img/policy-03.jpg) no-repeat center;
}
.policy-04{
	background: url(../img/policy-04.jpg) no-repeat center;
}
.policy-05{
	background: url(../img/policy-05.jpg) no-repeat center;
}
.policy-box{
	padding-top: 60px;
	width: 400px;
}
.policy-box .tit{
	font-size: 14px;
	color: #232323;
	line-height: 54px;
}
.pl40{
	padding-left: 40px;
}
.pr40{
	padding-right: 40px;
}
.media-div{
	padding: 50px 0px;
	border-top: 1px solid #e2e2e2;
}
.media-div ul{
	margin-right: -25px;
}
.media-div li,
.media-div li img{
	width: 170px;
	height: 86px;
}
.media-div li{
	border: 1px solid #e2e2e2;
	margin-right: 25px;
	margin-bottom: 33px;
}
/*contact*/
.contact-bg{
	background: url(../img/contact-bg.jpg) no-repeat top;
}
.contact-bg .che-tit{
	padding-bottom: 70px;
}
.contact-bg .che-tit i{
	width: 56px;
}
.contact-con-box{
	background: #333;
}
.contact-left,
.contact-right{
	height: 595px;
}
.contact-left{
	background: #333;
}
.contact-right-box{
	padding: 50px 5% 0px;
	width: 90%;
}
#map{
	width: 100%;
	height: 220px;
}
.contact-add{
	margin-right: 130px;
}
.contact-link{
	margin-right: 95px;
}
.contact-text .tit{
	font-size: 14px;
	color: #333;
	padding-top: 15px;
}
.contact-faq{
	margin-right: 15%;
	color: #c0c0c0;
	width: 430px;
	_margin-right: 5%;
}
.contact-faq .tit{
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	padding-top: 35px;
}
.contact-faq .dis{
	padding-bottom: 20px;
}
.contact-faq td{
	padding: 10px 0px;
}
.contact-faq input{
	width: 365px;
	padding: 0 5px;
	height: 26px;
	line-height: 26px;
	background: #373737;
	border: 1px solid #424242;
	color: #c0c0c0;
}
.contact-faq input.faqsub{
	width: 95px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: none;
	background: #fff;
	font-size: 14px;
	color: #232323;
}
.contact-faq input.sinput{
	width: 125px;
}
.contact-faq input.cinput{
	width: 195px;
}
.contact-faq textarea{
	height: 104px;
	width: 365px;
	padding: 0 5px;
	background: #373737;
	border: 1px solid #424242;
	resize:none;
	color: #c0c0c0;
}
.contact-faq .td-jg{
	padding: 0 13px;
}
.contact-faq select{
	height: 26px;
	line-height: 26px;
	background: transparent;
	border: none;
	background: #373737;
	border: 1px solid #424242;
	color: #c0c0c0;
}
.contact-faq .sselect,
.contact-faq .cselect{
	width: 123px;
	margin-right: 31px;
	line-height: 26px;
	border: 1px solid #424242;
	color: #c0c0c0;
	background: #373737;
	padding-left: 12px;
	background: url(../img/select-bg.jpg) no-repeat 110px center;
	position: relative;
}
.sselect-div,
.cselect-div{
	width: 123px;
	position: absolute;
	top: 27px;
	border: 1px solid #424242;
	left: -1px;
	padding-left: 12px;
	display: none;
	background: #373737;
	height: 230px;
}
.sselect-div p,
.cselect-div p{
	cursor: pointer;
}
.cselect-div{
	width: 193px;
}
.contact-faq .cselect{
	width: 193px;
	margin-right: 0px;
	background: url(../img/select-bg.jpg) no-repeat 180px center;
}
/*custom*/
.custom-bg{
	background: url(../img/custom-bg.jpg) no-repeat top fixed;
}
.custom-text{
	text-align: center;
	color: #cfcfcf;
	line-height: 24px;
	padding-bottom: 60px;
}
.custom-text .tit{
	font-size: 24px;
	color: #fff;
	line-height: 60px;
}
.custom-tit{
	height: 412px;
	background: url(../img/custom-tit.jpg) no-repeat center;
}
.custom-tit .b50{
	opacity: 0;
}
.custom-tit-box{
	width: 280px;
	color: #fff;
	line-height: 34px;
	text-align: center;
	height: 88px;
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -44px;
	margin-left: -140px;
}
.custom-tit-box .en{
	text-transform: uppercase;
	border: 2px solid #fff;
}
.custom-tit-box .en a{
	color: #ddd;
}
.custom-tit-box .cn{
	font-size: 14px;
	line-height: 50px;
}
.custom-tit-box .cn a{
	color: #fff;
}
.custom-list ul{
	width: 100%;
}
.custom-list li{
	font-size: 0px;
	width: 20%;
	position: relative;
	cursor: pointer;
	*margin-left: -1px;
}
.custom-list li img{
	width: 100%;
}
.custom-list li img.on{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'/www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/*hr*/
.hr-bg{
	background: url(../img/hr-bg.jpg) no-repeat top fixed;
}
.hr-con{
	color: #fff;
	font-size: 14px;
	padding: 60px 0px 90px;
}
.hr-con table{
	width: 100%;
	text-align: center;
}
.hr-con table a{
	color: #fff;
}
.hr-con thead{
	border: 2px solid #a9a9a9;
}
.hr-con thead td{
	line-height: 50px;
}
.hr-con tbody td{
	font-size: 12px;
	line-height: 57px;
	border-bottom: 1px solid #3f3a37;
}
.hr-con td.pl47{
	padding-left: 47px;
	text-align: left;
}
.hr-con td.fcc8c{
	color: #c8c6c6;
}
.hr-con td.fcc8c a{
	color: #c8c6c6;
}
.hr-con thead td.fs16{
	font-size: 16px;
}
.hr-con thead td.fs16 span{
	color: #919191;
	font-size: 12px;
	margin-left: 5px;
}
.hr-require{
	padding: 20px 0px;
	line-height: 24px;
}
.hr-require .fs14{
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
}
.hr-con table .hr-apply-a{
	display: block;
	width: 130px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	color: #2b2828;
	background: #fff;
	font-weight: bold;
}
.hr-apply{
	padding: 30px 0px;
}
.apply-text{
	color: #999;
	padding-left: 20px;
	line-height: 45px;
}
.hrprev-a{
	display: block;
	float: left;
	width: 20%;
	_margin-left:-1px;
}
.hr-con table .hrprev{
	width: 40%;
	color: #afafaf;
}

/*news*/
.news-bg{
	background: url(../img/news-bg.jpg) no-repeat top fixed;
}
.news-list{
	margin: 20px auto 0px;
	width: 990px;
	position: relative;
	padding-left: 30px;
}
.news-box{
	width: 300px;
	float: left;
	margin-bottom: 30px;
	background: #2a2a2a;
	margin-right: 30px;
	cursor: pointer;
	overflow: hidden;
}
.news-box-img,
.news-box-img img{
	width: 300px;
	height: 187px;
}
.news-text{
	padding: 20px 20px 40px; 
	position: relative;
	z-index: 2;
}
.news-hover-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	z-index: 1;
}
.news-box-op{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.news-text-div{
	position: relative;
	z-index: 2;
}
.news-text a{
	color: #8b8b8b;
}
.news-tit{
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #333;
}
.news-tit .tit{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.news-tit .tit a{
	color: #fff;
}
.news-tit .time a{
	color: #636363;
}
.news-text .dis{
	padding: 15px 0px;
}
/*.news-list div.on{
	background: #fff;
}*/
.news-list div.on .tit a{
	color: #333;
}
.news-list div.on .year a{
	color: #aeaeae;
}
.news-list div.on .dis a{
	color: #666;
}
.news-list div.on .news-tit{
	border-color: #dfdfdf;
}

/*newsinfo*/
.news-con-text{
	padding: 40px 10px 20px;
}
h1{
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	font-weight: normal;
}
.news-con-text .year{
	text-align: center;
	color: #9c9c9c;
}
.news-ban,
.news-ban .bd li,
.news-ban .bd img{
	width: 930px;
	height: 530px;
}
.news-ban{
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #343434;
}
.news-ban .hd{
	width: 100%;
	height: 50px;
	background: url(../img/b50.png) repeat center;
	position: absolute;
	left: 0px;
	bottom: -50px;
}
.news-ban .hd ul{
	text-align: center;
	padding-top: 20px;
}
.news-ban .hd li{
	display: inline-block;
	*display: inline;
	zoom:1;
	width: 10px;
	height: 10px;
	background: url(../img/news-ban-hd.png) no-repeat right;
	margin-right: 10px;
	float: none;
	cursor: pointer;
}
.news-ban .hd li.on{
	background: url(../img/news-ban-hd.png) no-repeat left;
}
.news-box-text{
	color: #cbcbcb;
	padding: 30px 0px;
	min-height: 300px;
	text-justify:auto; 
	text-align:justify;
}
.news-share{
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: url(../img/share-bg.jpg) repeat-x center;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.share-box{
	display: none;
}
#share-div{
	width: 513px;
	padding: 40px;
	background: #2e2e2e;
}
.share-ban,
.share-ban img{
	width: 513px;
	height: 290px;
}
.share-text{
	color: #fff;
	text-align: center;
	padding: 20px 0px;
	border-bottom: 1px solid #444;
}
.share-icon li{
	width: 128px;
	text-align: center;
	padding-top: 25px;
}
.share-icon p{
	font-size: 16px;
	color: #fff;
}
.share-icon p a{
	color: #fff;
}
.prevnext{
	padding: 20px 0px;
}
.prevnext a{
	color: #cbcbcb;
}

/*fac*/
.fac-bg{
	background: url(../img/fac-bg.jpg) no-repeat top fixed;
}
















/*menu*/
.menu{
	text-align: center;
	padding: 60px 0px 90px;
}
.menu li{
	float: none;
	*display: inline;
	zoom:1;
	width: 226px;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	background: url(../img/menu-bg.png) no-repeat center;
	margin: 0 8px;
	float: none;
}
.menu li a{
	color: #e1e1e1;
}
.menu li.on a,
.menu li a:hover{
	background: #fff;
	color: #333;
}
.custom-menu{
	padding: 40px 0px;
}
.custom-menu li{
	width: 307px;
	background: url(../img/custom-menu-bg.png) no-repeat center;
}




#footer{
	height: 200px;
	background: url(../img/footer-bg.jpg) repeat center;
}
.footer-map{
	border-bottom: 1px solid #262626;
}
.footer-nav{
	line-height: 90px;
}
.footer-nav li{
	padding-left: 38px;
	width: 112px;
}
.footer-nav li a{
	color: #888;
}
.tmall{
	background: url(../img/tmall.png) no-repeat left;
}
.weixin{
	background: url(../img/weixin.png) no-repeat left;
	position: relative;
}
.sina{
	background: url(../img/sina.png) no-repeat left;
	position: relative;
}
.apply{
	background: url(../img/apply.png) no-repeat left;
}
.lawyer{
	background: url(../img/lawyer.png) no-repeat left;
}
.wx-div{
	width: 150px;
	height: 181px;
	background: url(../img/wx-bg.png) no-repeat center;
	position: absolute;
	bottom: 70px;
	left: -10px;
	color: #b0b0b0;
	text-align: center;
	line-height: 18px;
	display: none;
}
.wx-div .tit{
	padding-top: 140px;
}
.sina-div{
	width: 150px;
	height: 90px;
	background: url(../img/sina-bg.png) no-repeat center;
	position: absolute;
	bottom: 70px;
	left: -10px;
	line-height: 24px;
	display: none;
}
.sina-div-box{
	padding: 20px;
}
.footer-nav{
	width: 750px;
}
.footer-nav li .sina-div a{
	color: #fff;
}
.footer-links{
	color: #494848;
	position: relative;
	margin-top: 32px;
}
.footer-links-p{
	width: 178px;
	border: 1px solid #212121;
	line-height: 23px;
	height: 23px;
	padding-left: 16px;
	background: url(../img/footer-links-row.jpg) no-repeat 170px;
	background-color: #090909;
}
.footer-links-box{
	padding-left: 16px;
	width: 178px;
	border: 1px solid #212121;
	position: absolute;
	bottom: 25px;
	left: 0px;
	display: none;
	background: #090909;
}
.footer-links-box a{
	color: #494848;
}
#footer-copy{
	padding-top: 20px;
}
#footer-copy p{
	line-height: 26px;
}
#footer-logo{
	background: url(../img/footer-logo.png) no-repeat left;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	width: 95px;
}
#footer-logo a{
	padding-left: 72px;
	width: auto;
}







.w1000{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.w960{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.w930{
	width: 930px;
	margin: 0 auto;
	position: relative;
}
.br34{
	border: 1px solid #343434;
	background: #1e1e1e;
	margin-top: 25px;
}
.plr98{
	padding-left: 98px;
	padding-right: 98px;
}
.w800{
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.w850{
	width: 850px;
	margin: 0 auto;
}
.b50{
	background: url(../img/b50.png) repeat center;
}
.b10{
	background: url(../img/b10.png) repeat center;
}
.bg-black{
	background: #000;
}
.fc7d{
	color: #7d7d7d;
}

#loadimg{
	height: 32px;
	background: url(../img/loading.gif) no-repeat center;
	display: none;
}
input.error, textarea.error{
    border: 1px solid #D70128;
}



.joinus_tb td{
	text-align: left;
}
.joinus_tb td input{
	line-height: 26px;
	height: 26px;
	padding: 0 5px;
	vertical-align: middle;
}
.joinus_tb td select{
	line-height: 26px;
	height: 26px;
}
.joinus_tb .captchas{
	vertical-align: middle;
}