﻿body{
	/*------ Add body background here ------
	background:url(../images/xxx.jpg);
	------*/
}
.frame960{
	position:relative;
	width:960px;
	margin:0 auto;
}

/*--------------- Container -------------*/
.component-container{
	width:960px;
	background:url(../images/c-m.jpg) repeat-y;
}
.com-container-t{
	background:url(../images/ct.jpg) no-repeat 0 0;
}
.com-container-b{
	background:url(../images/c-b.jpg) no-repeat 0 bottom;
	width:960px;
}
/*--------------- switcher(mod_switcher) start ------------------*/
.switcher-view{
	display:block;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
.switcher-view .switcher-scroll-area{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
.switcher-view .one-view{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.switcher-view .one-view-desc{
	width:100%;
	height:64px;
	position:absolute;
	bottom:0;
	left:0;
}
.switcher-view .one-view-desc h1{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	height:25px;
	line-height:25px;
}
.switcher-view .one-view-desc span{
	font-size:12px;
	color:#818181;
	line-height:14px;
}
.switcher-view .one-view-content{
	position:relative;
	width:100%;
	height:100%;
	z-index:100;
}
.switcher-view .one-view-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
}

.switcher{
	position:relative;
	margin:0 auto;
}
.switcher .left-button,
.switcher .right-button{
	display:block;
	position:absolute;
	top:50%;
	z-index:100;
}
.switcher .content-frame{
	overflow:hidden;
	position:relative;
	z-index:99;
}
.switcher .moveable{
	position:absolute;
	width:2000px;
}
.switcher .moveable .item{
	display:block;
	float:left;
}
.switcher .moveable .item .item-content{
	display:block;
	overflow:hidden;
}
.bigpagenation{
	position:absolute;
	text-align:center;
}
.bigpagenation .pagenation-b{
	display:block;
	float:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

/*--------------- switcher(mod_switcher) end ------------------*/

/*--------------- head ----------------*/
.header-container{
	height:84px;
}
/*.no-bg{height:750px;overflow:hidden;}*/
#container{	
	background:url(../images/c-t.jpg) 0 top repeat-x;
	/*------ Add container background image ------
	------*/
}
#inncontainer{
	background:url(../images/bbg.jpg) 0 bottom repeat-x;
	padding-bottom:65px;
}
#header{
	display:block;
	width:100%;
	height:84px;
	position:relative;
	z-index:100;
	background:url(../images/head-bg.jpg) repeat-x;
	
	/*------ Add head background image ------
	------*/
}
#header #logo{
	display:block;
	position:absolute;
}
#header #logo a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
}
#main-menu #item-21,#main-menu .item-first, #main-menu .item-end{
display:none;
}
#main-menu{
	display:block;
	width:100%;
	position:absolute;
	top:50px;
	z-index:300;
}
#main-menu .menu{
	position:absolute;
}
#main-menu .menu li{
	position:relative;
	float:left;
}
#main-menu .menu .active a,#main-menu .menu li a:hover{
	background:url(../images/m.jpg) no-repeat;
	color:#fff;
}
#main-menu .menu .active ul a{
	background-image:none;
	color:#ECC6A2;
}
#main-menu .menu .active ul .active a,#main-menu .menu li ul li a:hover{
	color:#fff;
	background:none;
}
#main-menu .menu li ul{
	position:absolute;
	left:0;
	height:29px;
	display:block;
}
#main-menu .menu li ul li{
	background:url(../images/m.png) repeat-x 0 0px;}
	#main-menu .menu li ul .item-child-first,#main-menu .menu li ul .item-child-end{height:29px;}
#main-menu .menu li ul .item-child-first{
	background:url(../images/l.png) no-repeat right 0px;
}
#main-menu .menu li ul .item-child-end{
	background:url(../images/r.png) no-repeat 0 0px;
	}
#main-menu .menu li a{
	display:block;
	width:100%;
	text-align:center;
	height:100%;
	color:#666;
	font-size:13px;
}
#main-menu .menu li ul li a{color:#F3CCAB;}

#main-menu .menu li ul #mc-top{
	position:relative;
	float:left;
	background-position:center bottom;
	background-repeat:no-repeat;
	z-index:100;
}
#main-menu .menu .item-first,#main-menu .menu .item-end{display:none;height:0;}
#left-menu .menu .item-first,#left-menu .menu .item-end{display:none;height:0;}
.main-links{
	display:block;
	width:115px;
	height:28px;
	overflow:hidden;
	position:absolute;
	right:8px;
	top:20px;
}
.main-links a{
	display:block;
	float:left;
	height:100%;
	text-align:center;
	line-height:28px;
	
	/*------ Add main links background here ------
	background-image:url(../images/xxx.jpg);
	------*/
}

/*--------------- footer -------------*/
#footer{
	display:block;
	width:100%;
	line-height:25px;
	text-align:center;
	color:#666;	
	padding:15px 0;
	/*------ Add footer background here ------
	background:url(../images/footer/xxx.jpg) repeat-x;
	------*/
}
#fmenudiv .menu li{
	float:left; height: 25px;
    line-height: 25px;
	width:80px;
}
#fmenudiv .menu .item-571{width:108px;}
#fmenudiv .menu .item-577{width:108px;}
#fmenudiv .menu .item-572{width:108px;}
#fmenudiv .menu .item-575{width:108px;}
#fmenudiv .menu .item-573{width:108px;}
#fmenudiv .menu .item-first,#fmenudiv .menu .item-end{
	display:none;
}
#fmenudiv{
	width:800px;
	margin:0 auto;
	position:relative;
}
#fmenudiv .menu li a{
	background:url(../images/footer/dot.jpg) no-repeat 0 center;
	padding:0 12px;
}
/*--------------- breadcrumbs ------------*/
.breadcrumbs{
	display:block;right: 0px;
	height:20px;
	line-height:20px;
	padding-bottom:7px;
	text-align:right;
	position: absolute;
	top: -28px;
}
.breadcrumbs .showHere{
	display:block;
	float:right;
	width:11px;
	height:20px;
	
	/*------ Add breadcrumbs tip background here ------
	background:url(../images/xxx.jpg) left 4px no-repeat;
	------*/
	
	margin-right:10px;
}
.breadcrumbs .bread-text-container{
	display:block;
	float:right;
	background:url(../images/bb.png) left center no-repeat;
	padding-left:20px;
}
.breadcrumbs,.breadcrumbs a{
	color:#fff;
}
.breadcrumbs .bread-text-container span{
	padding-right:12px;
}

/*--------------- left menu -------------*/
.menu-top-title{
	padding:10px 0 10px 20px;
}
#left-menu{
	display:block;
	width:230px;
	overflow:hidden;
	float:left;
}
#left-menu .menu{
	display:block;
	width:100%;
	padding:0px 0 30px 0;
}
#left-menu .menu li{
	display:block;
	width:100%;
	line-height:45px;
}
#left-menu .menu li a{
	display:block;
	height:45px;
	padding-left:65px;
	overflow:hidden;
	color:#666666;
	background:url(../images/l1.jpg) no-repeat;
}
#left-menu .menu li.active a,
#left-menu .menu li a:hover{
	color:#666;
	background-position:0 -46px;
}
#left-menu .menu li ul{
	width:100%;
	padding:0 0 10px 0;
}
#left-menu .menu li ul li,
#left-menu .menu li ul li a{
	height:28px;
	line-height:28px;
}
#left-menu .menu li.active ul li a,
#left-menu .menu li ul li a{
	padding-left:73px;
	color:#666666;
	background-image:none;
}
#left-menu .menu li ul li a:hover,
#left-menu .menu li ul li.active a{
	color:#FFA23E;
	background-image:none;
}
/*--------------- left online --------------*/
#left-online{
	display:block;
	width:193px;
	height:69px;
	overflow:hidden;
	margin-top:5px;
	position:relative;
	
	/*------ Add online background here ------
	background:url(../images/modcontact/xxx.jpg) center center no-repeat;
	------*/
}
#left-online .skype-bt{
	display:block;
	width:88px;
	height:23px;
	position:absolute;
	left:50%;
	top:32px;
	margin-left:-90px;

	/*------ Add skype background here ------
	background:url(../images/modcontact/xxx.png) center center no-repeat;
	------*/
}
#left-online .msn-bt{
	display:block;
	width:88px;
	height:23px;
	position:absolute;
	left:50%;
	top:32px;
	margin-left:2px;
	
	/*------ Add msn background here ------
	background:url(../images/modcontact/xxx.png) center center no-repeat;
	------*/
}
/*--------------- left contact -------------*/
#left-contactus{
	display:block;
	height:190px;
	line-height:16px;
	padding:36px 0 0 20px;
	overflow:hidden;
	
	/*------ Add leftcontact background here ------
	background:url(../images/modcontact/xxx.jpg) center center no-repeat;
	------*/
}

/*--------------- Component content ------------*/
.rcurrentname{
	background:url(../images/c.jpg) repeat-x;
	height:40px;
	line-height:40px;
	font-size:16px;
	padding-left:10px;
	margin:15px 0;
}
#component-content{
	display:block;
	width:685px;
	float:right;
	min-height:400px;
	padding:0 45px 25px 0;
	
	/*------ Add component-content background here ------
	background:url(../images/xxx.png) top left no-repeat;
	------*/
}
.content-bottom-line{
	display:block;
	width:100%;
	height:3px;
	padding-top:0px;	
	background:url(../images/nd.jpg) 0 0 repeat-x;
	margin:15px 0;
	/*------ Add center bottom line background here ------
	------*/
}
.returnback{
	background:url(../images/back.jpg) no-repeat 0 0;
	width:82px;
	height:20px;
	display:block;
	text-indent:-9999px;
	float:right;
}
.webtitle .webtt{color:#FF9839;}
.returnback:hover{
	background-position:0 -20px;
}
#component-content .item-page{
	color:#666;
	font-size:14px;
}
#component-content #allhr,#component-content .leavemessage-container{
	font-size:12px;
}
/*--------------- Join us ---------------*/
.none_hr_mess{
	width:100%;
	text-align:center;
	height:200px;
	line-height:200px;
}
#allhr .item{
	padding-top:20px;
}
.hr-title{
	width:100%;
	background: url(../images/d.jpg) repeat-x 0 bottom;
	height: 30px;
	line-height: 30px;
}
.hr-title span{
	background:url(../images/dt.jpg) no-repeat 0 center;
	padding-left:20px;
	color:#DE7F2B;
	font-size:16px;
}
.hr-quick-title{
	width:100%;
	
	/*------ Add hr rapid application title background here ------
	background:url(../images/hr/xxx.png) center bottom no-repeat;
	------*/
}
.hr-quick-title span{
	width:665px;
	padding-left:40px;
	height:36px;
	line-height:36px;
	font-size:14px;
	font-weight:bold;
	
	/*------ Add hr item title background here ------
	background:url(../images/hr/xxx.png) 18px center no-repeat;
	------*/
}
.hr-content{
	width:687px;
	color:#666666;
	padding:20px 0 20px 18px;
	line-height:20px;
}
.hr-rapidsub{
	display:block;
	width:99px;
	text-align:center;
	height:22px;
	line-height:22px;
	text-indent:-99999px;
	margin:0 0 20px 15px;	
	background:url(../images/hr/hr.jpg) center 0 no-repeat;
	/*------ Add hr rapid application button background here ------
	background:url(../images/hr/xxx.png) center 0 no-repeat;
	------*/
}
.hr-rapidsub:hover{
	background-position:center -22px;
}
.hr-submit{
	border:0;
	display:block;
	width:76px;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/hr/submit.jpg) no-repeat;
	
	/*------ Add hr rapid application submit button background here ------
	------*/
}
.quick{
	background:url(../images/hr/quick.jpg) center 0 no-repeat;
}
.quick .input{
	border:1px solid #CDCDCD;
}
input.input{
	width:400px;
}
.quick{
	padding-bottom:30px;
}
.quick table tr{
	height:30px;
}
.quickform{
	width:665px;
	padding-left:40px;
}
.hr-ele-title{
	display:block;
	width:120px;
	height:30px;
	line-height:30px;
	padding-right:10px;
	color:#666;
}
/*--------------- Contact us -------------*/
.contact-tip{
	width:100%;
	background:#F4EBD7;
	margin:20px 0;
	padding:20px 0;
}
.contact-tip span{
	display:block;
	width:645px;
	padding-left:60px;
	height:16px;
	line-height:16px;
	color:#666;
	font-size:16px;
	
	/*------ Add contact us tip background here ------
	background:url(../images/xxx.png) 18px center no-repeat;
	------*/
}
#leavemessage{
	width:645px;
	padding-left:60px;
}
.leavemessage-container{
	display:block;
	width:100%;
}
.leavemessage-title{
	display:block;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:left;
}
#l-submit,#l-reset{
	margin-top:30px;
	float:left;
	display:block;
	width:151px;
	text-align:center;
	height:37px;
	line-height:37px;
}
#l-submit{
	/*------ Add leave message submit button background here ------
	background: url(../images/xxx.png) 0 0 no-repeat;
	------*/
}
#l-reset{
	/*------ Add leave message reset button background here ------
	background: url(../images/xxx.png) -158px 0 no-repeat;
	------*/
}
#l-submit:hover,#l-reset:hover{
	background-position-y:-37px;
}
.leavemessage-container #demand{
	width:400px;
	height:100px;
}
/*--------------- Download --------------*/
.download-item{
	display:block;
	width:230px;
	height:275px;
	overflow:hidden;
	margin:35px 0 0 7px;
	float:left;
}
.download-item .title{
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#666666;
	font-size:12px;
}
.download-img-area{
	display:block;
	width:200px;
	height:200px;
	padding:10px 15px;
	
	/*------ Add download item background here ------
	background:url(../images/download/xxx.png) center center no-repeat;
	------*/
}
.download-img{
	display:block;
	width:100%;
	height:100%;
}
.download-file{
	display:block;
	width:110px;
	text-align:center;
	height:25px;
	line-height:25px;
	margin:0 auto;
	
	/*------ Add download button background here ------
	background:url(../images/download/xxx.png) center 0 no-repeat;
	------*/
}
.download-file:hover{
	background-position:center -26px;
}
/*--------------- News --------------*/

.list-news-ittd .new-item{
	display:block;
	position:relative;
	width:685px;
	height:170px;
	background:url(../images/d.jpg) repeat-x 0 bottom;
}

.list-news-ttd .new-item{
	display:block;
	position:relative;
	width:630px;
	height:140px;
	margin:0 51px 0 39px;
	border-bottom:1px dashed #ADADAD;
}

.list-news-tt .new-item{
	display:block;
	position:relative;
	width:545px;
	height:51px;
	margin:0 106px 0 69px;
	border-bottom:1px dashed #ADADAD;
}

.list-news-ittd .new-img{
	display:block;
	width:172px;
	height:90px;
	background:url(../images/c1.jpg) no-repeat;	
	padding:5px 5px 7px 5px;
	position:absolute;
	left:11px;
	top:31px;
}

.list-news-ittd .new-img div{
	display:block;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	background-position:center center;
	background-repeat:no-repeat;
}

.list-news-ittd .new-content,
.list-news-ttd .new-content,
.list-news-tt .new-content{
	display:block;
	position:absolute;
	overflow:hidden;
}

.list-news-ittd .new-content{
	width:440px;
	height:100px;
	right:20px;
	top:31px;
}

.list-news-ttd .new-content{
	width:562px;
	height:93px;
	left:21px;
	top:23px;
}

.list-news-tt .new-content{
	width:100%;
	height:20px;
	left:0px;
	top:19px;
}

.list-news-ittd .new-in{
	height:20px;
	line-height:20px;
	padding:3px 5px 0 0;
	color:#AE712E;
}

.list-news-ttd .new-in-inline{
	line-height:20px;
	color:#959595;
}

.new-text{
	display:block;
	margin-top:3px;
	height:60px;
	line-height:20px;
	font-size:12px;
	color:#666;
	overflow:hidden;
}

.list-news-ttd .new-text{
	height:60px;
}

.new-title{
	font-size:16px;
	display:block;
	color:#595959;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background-position:left center;
	background-repeat:no-repeat;
}

.list-news-tt .new-title{
	font-size:12px;
	width:415px;
	height:20px;
	line-height:20px;
	padding-left:15px;
	float:left;
}

.new-date-inline{
	font-size:14px;
	color:#959595;
}

.list-news-tt .new-date{
	font-size:12px;
	display:block;
	width:100px;
	text-align:right;
	height:20px;
	line-height:20px;
	float:right;
	color:#959595;
}

.new-title:hover,
.list-news-ittd .new-in:hover,
.list-news-ttd .new-in-inline:hover{
	color:#000;
}
.list-news-ittd .new-title{
	background:url(../images/dt.jpg) no-repeat 0 center;
	padding-left:20px;
}
.list-news-ittd .ot-left{color:#DE7F2B}
/*000000000000000 news-list end 00000000000000*/

.new-page-time-area{
	display:block;
	width:100%;
	margin-top:15px;
}

.new-page-time{
	padding:0 25px 0 20px;
	background:url(../images/time.jpg) no-repeat 0 center;
	font-size:12px;
}
.new-page-laiyuan{
	background:url(../images/laiyuan.jpg) no-repeat 0 center;
	padding:0 15px 0 20px;
	font-size:12px;}
.new-page-title{
	display:block;
	height:40px;
	line-height:40px;
	font-size:24px;
	
	font-weight:bold;
	color:#E09347;
	padding:25px 0 0 0px;
}
.new-desc{
	font-size:12px;
	display:block;
	width:685px;
	padding:0 10px;
	overflow:hidden;
}
/*--------------- Product --------------*/
.product-title{
	width:100%;
}
.product-title span{
	width:680px;
	padding-left:25px;
	height:36px;
	line-height:36px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	
	/*------ Add product title tip background here ------
	background:url(../images/product/xxx.png) 0 center no-repeat;
	------*/
}
.product-mess-area{
	display:block;
	width:100%;
	padding-top:10px;
}

.product-mess{
	display:block;
	width:320px;
}
.product-mess .line-mess{
	display:block;
	width:100%;
	height:26px;
	line-height:26px;
	padding-top:4px;
	color:#696969;
	font-size:12px;
	
	/*------ Add product messages break background here ------
	background:url(../images/product/xxx.jpg) center top no-repeat;
	------*/
}
.product-mess .line-mess span{
	display:block;
	float:left;
	text-indent:10px;
	width:163px;
	height:26px;
	line-height:26px;
	text-align:left;
	font-weight:500;
	font-size:13px;
	color:#000;
}

.product-view{
	position:absolute;
	left:0;
	top:46px;
}
.product-item-view{
	position:relative;
}
.product-img-view{
	display:block;
	width:359px;
	height:359px;
	float:left;
}

.product-desc,.product-desc-tip,.product-about-tip{
	display:block;
	width:100%;
}
.product-desc-tip{
	height:33px;
	margin:30px 0 20px;
	
	font-size:16px;font-weight:bold;
	/*------ Add product description tip background here ------
	background:url(../images/product/xxx.jpg) center left no-repeat;
	------*/
}
.product-about-tip{
	height:33px;
	margin:40px 0 20px;
	
	font-size:16px;font-weight:bold;
	/*------ Add related products tip background here ------
	background:url(../images/product/xxx.jpg) center left no-repeat;
	------*/
}

/*--------------- Home --------------*/
.home-banners-bg{
	display:block;
	width:100%;
	height:468px;
	
	/*------ Add home banners background here ------
	background:url(../images/home/xxx.jpg) repeat-x;
	------*/
}
.home-banners-bg2{
	display:block;
	width:100%;
	height:468px;
	
	/*------ Add home banners background here ------
	background:url(../images/home/xxx.jpg) center center no-repeat;
	------*/
}

.home-banners{
	display:block;
	width:1010px;
	margin:0 auto;
	height:468px;
}
.home-switcher .moveable .item{
	display:block;
	width:920px;
	height:365px;
	float:left;
}
.home-switcher .moveable .item .item-content{
	display:block;
	width:100%;
	height:100%;
}

.home-switcher .left-button,
.home-switcher .right-button{
	top:50%;
	margin-top:-31px;
	width:35px;
	height:62px;
	overflow:hidden;
	position:absolute;
}
.home-switcher .left-button{
	left:-35px;
	
	/*------ Add home switcher left button background here ------*/
	background:url(../images/home/home-banner-pre-bt.png) left 0 no-repeat;
}
.home-switcher .right-button{
	right:-35px;
	
	/*------ Add home switcher right button background here ------*/
	background:url(../images/home/home-banner-next-bt.png) right 0 no-repeat;
}
.home-switcher .left-button:hover{
	background-position:left -62px;
}
.home-switcher .right-button:hover{
	background-position:right -62px;
}

.home-switcher .bigpagenation{
	position:absolute;
	left:50%;
	bottom:22px;
	height:17px;
	overflow:hidden;
}
.home-switcher .bigpagenation .pagenation-b{
	border:0;
	width:63px;
	height:7px;
	overflow:hidden;
	
	/*------ Add home switcher big pagination background here ------*/
	background:url(../images/home/home-banner-change.png) center 0 no-repeat;
}
.home-switcher .bigpagenation .pagenation-b.active,
.home-switcher .bigpagenation .pagenation-b:hover{
	border:0px;
	
	/*------ Add home switcher big pagination background here ------*/
	background:url(../images/home/home-banner-change.png) center -7px no-repeat;
}

.home-others-bg{
	display:block;
	width:100%;
	height:239px;
	overflow:hidden;
	
	/*------ Add home others background here ------
	background:url(../images/home/home-content-repeat-bg.jpg) repeat-x;
	------*/
}
.home-others{
	display:block;
	width:980px;
	height:220px;
	margin:0 auto;
	padding-top:20px;
}



/*------ Home other css, delete is allowed ------ start -------*/
.home-company{
	display:block;
	width:293px;
	height:142px;
	padding:53px 25px 25px 10px;
	float:left;
	background:url(../images/home/home-company-tip.png) 10px top no-repeat;
}
.home-company-desc{
	display:block;
	width:163px;
	height:100%;
	overflow:hidden;
	float:right;
	line-height:20px;
	color:#666;
}
.home-company-img{
	display:block;
	width:130px;
	height:100%;
	float:left;
}

.home-news{
	display:block;
	width:325px;
	height:142px;
	padding:53px 15px 25px;
	float:left;
	overflow:hidden;
	background:url(../images/home/home-news-tip.png) 10px top no-repeat;
}
.home-news-one{
	display:block;
	width:325px;
	height:64px;
	margin-bottom:7px;
	background:url(../images/home/home-news-break.png) center bottom no-repeat;
}
.home-news-select{
	display:block;
	width:42px;
	height:100%;
	float:left;
	background:url(../images/home/home-news-one.png) center 14px no-repeat;
}
.home-news-content{
	display:block;
	width:282px;
	height:48px;
	padding:6px 0 10px 0;
	float:right;
	line-height:16px;
}
.home-news-content span{
	display:block;
}
.home-news-one:hover .home-news-content .title{
	color:red;
}
.home-news-content .title{
	color:#ff9933;
}
.home-news-content .desc{
	color:#666;
}

.home-pros{
	display:block;
	width:297px;
	height:142px;
	padding:53px 0 25px;
	float:left;
	overflow:hidden;
	background:url(../images/home/home-pro-tip.png) 10px top no-repeat;
}
.homepros-switcher{
	display:block;
	width:257px;
	height:142px;
	padding:0 12px 0 28px;
	overflow:hidden;
	position:relative;
}
.homepros-switcher .content-frame{
	position:relative;
	width:211px;
	height:142px;
	margin:0;
}
.homepros-switcher .moveable .item {
	display:block;
	width:211px;
	height:142px;
	float:left;
}
.homepros-switcher .left-button,.homepros-switcher .right-button{
	position:relative;
	width:23px;
	height:23px;
	top:36px;
}
.homepros-switcher .left-button:hover,.homepros-switcher .right-button:hover{
	background-position:center -23px;
}
.homepros-switcher .left-button{
	background:url(../images/home/home-pro-pre.png) center 0 no-repeat;
}
.homepros-switcher .right-button{
	background:url(../images/home/home-pro-next.png) center 0 no-repeat;
}
.homepros-switcher .item-img-content{
	display:block;
	width:178px;
	height:83px;
	padding:5px 16px 16px 17px;
	background:url(../images/home/home-pro-bg.png) center center no-repeat;
}
.homepros-switcher .item-img-content span{
	display:block;
	width:100%;
	height:100%;
}
.home-pros .item-text{
	display:block;
	width:178px;
	height:38px;
	padding:0 16px 0 17px;
	line-height:19px;
	font-size:13px;
	text-align:center;
	overflow:hidden;
	color:#666;
}

/*------ Home other css, delete is allowed ------ end -------*/

/*--------------- pagination ------------*/
.pagenation{
	display:block;
	position:relative;
	width:100%;
	padding:25px 0 0;
}
.pagenation ul{
	display:block;
	position:absolute;
}
.pagenation ul li{
	float:left;
	overflow:hidden;
	background:#E0E0E0;
}
.pagenation .pagenav{
	display:block;
	overflow:hidden;
	text-align:center;
	color:#666;
	font-size:12px;
}

/*--------------- Common ---------------*/
.no-bg{
	background:none !important;
}
.no-padding{
	padding:0;
}
.banneritem a,.banneritem div.banner-div{
	display:block;
	width:100%;
	height:240px;
}
.no-list{
	color:#000;
	display:block;
	width:100%;
	text-align:center;
	padding:90px 0 40px;
	font-size:12px;
}
.backto-top{
	display:block;
	cursor:pointer;
	position:absolute;
	right:-22px;
	bottom:40px;
}
.backto-list{
	display:block;
	cursor:pointer;
	position:absolute;
	right:-22px;
	bottom:154px;
}

/*-------------------------- languages css start -----------------------*/

.main-languages{
	display:block;
	position:absolute;
	z-index:200;
}
.main-languages a,
.main-languages span{
	display:block;
	text-align:center;
	float:left;
}
#languages-container,
.cur-language{
	display:block;
	position:absolute;
	left:0;
	top:0;
}
#languages-container{
	z-index:201;
	display:none;
	background-color:#FFF;
}
.cur-language{
	text-align:center;
	z-index:202;
}


/*-------------------------- languages css end -----------------------*/

/*-------------------------- listway css start -----------------------*/

.list-area-n3{
	display:block;
	width:648px;
	padding:0 36px;
}

.list-area-n4{
	display:block;
	width:666px;
	padding:0 27px;
}

.list-item{
	font-size:12px;
	display:block;
	overflow:hidden;
	float:left;
}



.list-item-n3{
	margin:35px 0 0 36px;
	width:192px;
}
.list-item-n4{
	margin:35px 0 0 26px;
	width:147px;
}



.list-item-n3-enone{
	height:148px;
}
.list-item-n3-etitle{
	height:179px;
}
.list-item-n3-etb{
	height:206px;
}
.list-item-n4-enone{
	height:113px;
}
.list-item-n4-etitle{
	height:144px;
}
.list-item-n4-etb{
	height:171px;
}


.list-item .list-title{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#666;
	overflow:hidden;
}



.list-item .list-title-nf{
	padding:0 0 4px;
}
.list-item .list-title-f{
	padding:6px 0 0;
}


.list-img-area{
	display:block;
	
	/*------ Add list item background here ------
	background:url(../images/product/xxx.png) center center no-repeat;
	------*/
}


.list-img-n3{
	width:174px;
	height:130px;
	padding:9px;
}
.list-img-n4{
	width:137px;
	height:103px;
	padding:5px;
}



.list-img-nf{
	background:none;
}
.list-img-f{
	background-color:#969696;
}



.list-img{
	display:block;
	width:100%;
	height:100%;
	background-color:#FFF;
	background-position:center center;
}

.list-bt{
	display:block;
	width:137px;
	text-align:center;
	height:27px;
	line-height:27px;
	margin:0 auto;
	background-color:#E2E2E2;
	
	/*------ Add list button background here ------
	background:url(../images/download/xxx.png) center 0 no-repeat;
	------*/
}

/*-------------------------- listway css end -------------------------*/

/*-------------------------- search css start -------------------------*/

.opa0{
	opacity:0;
	filter:alpha(opacity=0);
}
.main-search{
	display:block;
	width:211px;
	position:absolute;
	right:0;
	top:20px;
	overflow:hidden;
	z-index:100;
	background-color:#D1DAEB;
}
#search_key_words{
	float:left;
	border:0;
	color:#666;
	line-height:19px;
	background:none;
}
#search-submit{
	display:block;
	float:left;
	cursor:pointer;
	border:0px;
	background:none;
}

.search{
	padding:0 20px 40px;
}
fieldset.word{
	text-align:center;
	padding:20px 0 10px;
}
fieldset.word label{
	font-size:15px;
	font-weight:bold;
	color:#4E4E4E;
	padding:6px 12px 7px 0;
}
fieldset.word #search-searchword{
	width:200px;
	height:20px;
	font-size:15px;
	font-weight:bold;
	padding:5px 10px;
	border:1px solid #EFEFEF;
	-moz-box-shadow: 0 0 2px #E0E0E0 ,0 1px 5px #AFAFAF inset;
	-webkit-box-shadow: 0 0 2px #E0E0E0 ,0 1px 5px #AFAFAF inset;
	box-shadow: 0 0 2px #E0E0E0 ,0 1px 5px #AFAFAF inset;
}
fieldset.word .button{
	width:50px;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:1px 5px;
	border:0;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	font-family:"黑体";
	font-weight:bold;
	background-color:#acc3f2;
	text-shadow: 1px 1px 1px #707070;
	-moz-box-shadow: 0 1px 2px #C0C0C0;
	-webkit-box-shadow: 0 1px 2px #C0C0C0;
	box-shadow: 0 1px 2px #C0C0C0;
}
fieldset.word .button:hover{
	background-color: #96addd;
	-moz-box-shadow: 0 1px 2px #A0A0A0;
	-webkit-box-shadow: 0 1px 2px #A0A0A0;
	box-shadow: 0 1px 2px #A0A0A0;
}
.phrases-box{
	padding:10px 20px 10px 0;
	text-align:center;
}
.phrases-box input,
.querycoms-box input{
	opacity:0;
	filter:alpha(opacity=0);
	width:0px;
}
.phrases-box label{
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px;
	text-shadow: 1px 1px 1px #D0D0D0;
	background:#d1daeb;
	color:#FFF;
	-moz-box-shadow: 0 1px 2px #E0E0E0, 0 -2px 7px #D0D0D0 inset;
	-webkit-box-shadow: 0 1px 2px #E0E0E0, 0 -2px 7px #D0D0D0 inset;
	box-shadow: 0 1px 2px #E0E0E0, 0 -2px 7px #D0D0D0 inset;
}
.phrases-box label:hover,
.phrases-box label.active{
	text-shadow: 1px 1px 1px #707070;
	background-color:#ACC3F2;
	color:#FFF;
	-moz-box-shadow: 0 1px 2px #FFF, 0 2px 7px #B0B0B0 inset;
	-webkit-box-shadow: 0 1px 2px #FFF, 0 2px 7px #B0B0B0 inset;
	box-shadow: 0 1px 2px #FFF, 0 2px 7px #B0B0B0 inset;
}
.querycoms-box{
	padding:10px 0;
	text-align:center;
}
.querycoms-box label{
	cursor:pointer;
}
.querycoms-box label .querycoms-text{
	padding:5px 10px;
	background-color:#EBEBEB;
}
.querycoms-box label .querycoms-tip{
	padding:5px 5px;
	background-color:#D1DAEB;
}
.querycoms-box label:hover .querycoms-tip,
.querycoms-box label .active{
	background-color:#97b4ed;
}
.querycoms-box select{
	
}
.search-results{
	padding:10px 0 0;
}
.search-results dt{
	margin-top:10px;
	padding:2px 0;
}
.search-results dd{
	padding:2px 0;
}
.highlight{
	background-color:#D1DAEB;
	color:#4E4E4E;
	font-weight:bold;
}
/* -------------------- menusitemap csss ----------------------- */
.menusitemap  .item-first,.menusitemap  .item-end{
	display:none;
	
}
.menusitemap li{
	float:left;
	width:100px;
}
.menusitemap li a{font-size:13px;line-height:25px;}
.menusitemap li ul a{font-size:12px;}
/*-------------------------- search css end -------------------------*/

/* parter css */
.web-image{
	width:156px;
	height:61px;
	display:block;
	background: 0 0 no-repeat;
}
.web-image:hover{
	/* background-position:0 -61px; */
}
.web-links .web-item{
	float:left;position: relative;
	padding:22px 7px;
}
.webtitle{
	background:url(../images/partertitle.gif) no-repeat;
	width:220px;
	height:56px;
	padding:15px 10px 10px 10px;
	position:absolute;
	top: 64px;
	z-index:9999;
	left:0;
}
.hbcc:hover{
	background:0 -70px;
}
.hbcc{
	width:279px;
	height:70px;
	display:block;
	background:no-repeat ;
}
#homebanner{
	background:url(../images/bbg.jpg) repeat-x 0 bottom;
	height:417px;
}
/*---------------horizontal-switcher(mod_switcher)------------------*/
.horizontal-switcher{padding:5px 0 10px 0 ;height:300px;}
.left-button,.right-button{width:13px;height:25px;float:left; cursor:pointer;}
.left-button:hover,.right-button:hover{
	background-position: 0 -25px;
}
.ipt20{padding-top:20px;}
.left-button{background:url(../images/l.jpg) no-repeat;margin:23px 10px 0 0;}
.right-button{background:url(../images/r.jpg) no-repeat;margin:23px 0 0 10px;}
.content-frame{width:912px;height:300px;overflow:hidden;}
.horizontal-switcher .moveable {width:9999px;}
.horizontal-switcher .moveable .item{width:280px;min-height:124px;padding:5px 12px;float:left;}


.hbinner{
	/*background:url(../images/hbb.jpg) repeat-x 0 bottom;*/
}
.up{
	background:url(../images/fb.jpg) repeat-x 0 0;
	height:173px;
}
.up,.up a{
	color:#9B9D9C;
}
.friendsul{display:none;position:absolute;right: 36%;background:#FDFDFD;bottom: 20px;
padding: 10px 8px;}

.anuncement{width:300px; float:left;}
.hservice{width:390px; float:left;}
.focus{width:235px; float:right;}
.anuncement h3,.hservice h3,.focus h3{
	text-indent:-9999px;
	height:35px;
	padding-bottom:20px;
}
.anuncement h3{
	background:url(../images/ennew.jpg) no-repeat 0 0;	
	width:60px;
}
.hservice h3{
	background:url(../images/enps.jpg) no-repeat 0 0;
	width:80px;
}
.focus h3{
	background:url(../images/encontact.jpg) no-repeat 0 0;
	width:80px;
}
.viewrotue:hover{
	background-position:0 -25px;
}
.viewrotue{
	background:url(../images/viewrotue.jpg) no-repeat 0 0;
	width:132ox;
	height:25px;
	display:block;
	text-indent:-9999px;
	margin:10px 0 0 90px;
}
.hproductservice li{
	width:195px;
	float:left;
}
.hanuncementul li a,.hproductservice ul li a{
	background:url(../images/dot.gif) no-repeat 0 center;
	height:25px;
	padding-left:10px;
	line-height:25px;
}
.hanuncementul li a:hover,.hproductservice ul li a:hover{
	background:url(../images/dot_02.gif) no-repeat 0 center;
	color:#C87533;
}
.focus .email,.focus .phone{
	display: block;
	width: 14px;
	height: 16px;
	padding-right:10px;
}
.focus .fline{
	padding:0 0 9px 0;
}
.focus .phone-number{
	font-size: 20px;
	color: #39F;
	font-weight: bold;
}
.mapdiv{
	background:url(../images/map.jpg) no-repeat center center;
	width:305px;
	height:205px;
	padding:7px 8px ;
}
.contacttitle{
	border-bottom:1px solid #F9E1BF;
	height:40px;
	line-height:40px;
}
.focus .email{
	background:url(../images/email.png) no-repeat;}
.focus .phone{	background:url(../images/phone.png) no-repeat;}
.weibo-a:hover{background-position:0 -25px;}
.weibo-a{
	background:url(../images/gz.jpg) no-repeat 0 0;
	width:106px;
	display:block;
	text-indent:-9999px;
	height:25px;
}
/* event css */
table,tr,td{padding:0;margin:0;}
.event-item{
	padding:10px 0;
	background:url(../images/d.jpg) repeat-y 78px 0;
	
}
.event-y{
	background:url(../images/year.jpg) no-repeat 0 center;
	width:65px;
	height:40px;
	padding-top:26px;
	text-align:center;
	font-size:18px;	
}
.e-c{
	background:url(../images/e-c.jpg) repeat-y;
	width:528px;
}
.e-t{
	background:url(../images/e-b.jpg) no-repeat 0 0;
}
.e-b{
	background:url(../images/e-t.jpg) no-repeat 0 bottom;
	
}
.e-mm{
	background:url(../images/e-mm.jpg) no-repeat 0 center;
	padding:15px 15px 15px 35px;
	width:478px;
	line-height:25px;
}
.e-dot{
	/* background:url(../images/e-dot.jpg) no-repeat 0 4px; */
	padding-left:15px;
}
/*-------------milestone-list-view ----------*/
#year-view{
	position:relative;
}
#year-view .left-button:hover,#year-view .right-button:hover{
	background-position:0 -25px;
}
#year-view .left-button{
	position:absolute;
	left:0;
	width:30px;
	height:25px;
	top:0;
	background:url(../images/q.jpg) no-repeat;
	text-indent:-9999px;
}
#year-view .right-button{
	position:absolute;
	right:0;
	width:30px;
	height:25px;
	top:0;
	background:url(../images/h.jpg) no-repeat;
	text-indent:-9999px;
}
#year-view .yearslist{
	position:relative;
	height:38px;
	width:600px;
	left:25px;
	overflow:hidden;
}
.bottom-warp{background:url(../images/bottom-warp.png) bottom center no-repeat;}
.command-bar{height:38px;padding:20px 0 0 25px;border-bottom:1px solid #FFDDC1;}
.year-tab{cursor:pointer;width:100px;height:31px;line-height:50px;*line-height:47px;font-size:35px;font-weight:bold;float:left;color:#3088DA;overflow:hidden;color:#BDBDBD}
.year-tab.active,.year-tab:hover{line-height:36px;color:#FAB04F;}
.milestone-list{min-height:400px;}
.year-frame{display:none;}
.year-frame.active{display:block;}
.milestone-list{padding:33px 10px 0;}

.m-img-frame{width:359px;}
.m-img-frame .t{height:5px;background:url(../images/ht.jpg) no-repeat;}
.m-img-frame .c{min-height:510px;background:url(../images/hm.jpg) repeat-y;padding:25px 5px;width:342px;}
.m-img-frame .b{height:5px;background:url(../images/hb.jpg) no-repeat;}

.m-img-frame .c #current-title{font-size:16px;font-weight:normanl;color:#CD5F00;text-align:center;}
.m-img-frame .c #current-date{text-align:center;color:#cdcdcd;padding:10px;border-bottom:1px solid #FEDDB4;margin-bottom:20px;}
.m-img-frame .c #current-img{text-align:center;}
.m-img-frame .c #current-intro{font-size:14px;color:#565656;padding:30px 45px;line-height:170%}

.m-list-frame{width:275px;padding:0 20px 0 0;height:536px;overflow:hidden;}
#pointer-left{width:14px;height:23px;background:url(../images/pointer.png) no-repeat;left:-33px;top:17px;}

.jsscrollbar{
	z-index:30;
	right:0;
	top:0;
	width:7px;
	text-align:center;
	background:url(../images/h-line.png) top center no-repeat;
}
.scroll-bar{width:7px;height:100px;background:#2C7DC9;position:absolute;top:10px;}
.scrollcontent{
	position:absolute;
	top:0;
	left:0;
}
.milestone-item{height:45px;padding:11px 0;cursor:pointer;}
.milestone-item .info-date{
	font-size:13px;
	font-weight:bold;
	color:#FEFEFE;
	text-align:center;
	display:block;
	float:left;
	width:37px;
	height:37px;
	background:url(../images/date.jpg) 0 0px no-repeat;}
.milestone-item .info-date .d{display:block;height:30px;line-height:35px;}
.milestone-item .info-date .m{display:block;height:10px;width:30px;margin:0 auto;background:url(../images/month.png) no-repeat;}
.milestone-item .info-date .m01{background-position:7px -10px;}
.milestone-item .info-date .m02{background-position:-24px -10px;}
.milestone-item .info-date .m03{background-position:-54px -10px;}
.milestone-item .info-date .m04{background-position:-84px -10px;}
.milestone-item .info-date .m05{background-position:-114px -10px;}
.milestone-item .info-date .m06{background-position:-144px -10px;}
.milestone-item .info-date .m07{background-position:-174px -10px;}
.milestone-item .info-date .m08{background-position:-204px -10px;}
.milestone-item .info-date .m09{background-position:-234px -10px;}
.milestone-item .info-date .m10{background-position:-264px -10px;}
.milestone-item .info-date .m11{background-position:-294px -10px;}
.milestone-item .info-date .m12{background-position:-324px -10px;}

.milestone-item.active .info-date .m02{background-position:7px 0;}
.milestone-item.active .info-date .m02{background-position:-24px 0;}
.milestone-item.active .info-date .m03{background-position:-54px 0;}
.milestone-item.active .info-date .m04{background-position:-84px 0;}
.milestone-item.active .info-date .m05{background-position:-114px 0;}
.milestone-item.active .info-date .m06{background-position:-144px 0;}
.milestone-item.active .info-date .m07{background-position:-174px 0;}
.milestone-item.active .info-date .m08{background-position:-204px 0;}
.milestone-item.active .info-date .m09{background-position:-234px 0;}
.milestone-item.active .info-date .m10{background-position:-264px 0;}
.milestone-item.active .info-date .m11{background-position:-294px 0;}
.milestone-item.active .info-date .m12{background-position:-324px 0;}


.milestone-item .info-title{float:left;width:210px;padding:3px 0 0 20px;height:35px;font-size:14px;font-weight:normal;color:#666;}
.milestone-item.active .info-date{background-position:0 -37px;color:#fff}
.milestone-item.active .info-title{color:#FFB562;}




































.tianjia{width:960px;margin:10px auto 0px;height:155px;}
/*会员登录*/
.box {
	border:1px solid #e2e2e2;
	background-color:#fff;
}
.box .title {
	height:30px;
	line-height:30px;
	background:url(../images/j_11.png) left -1px repeat-x;
	overflow:hidden;
}
.box .title h2 {
	text-indent:25px;
	font-size:12px;
	color:#666;
	background:url(../images/j_09.png) -2px -1px no-repeat;
	float:left;
	margin-right:8px;
	line-height:28px;
}
.box .title .more {
	widht:40px;
	float:right;
	margin-right:10px;
}
.content {
	padding:10px;
	line-height:25px;
	overflow:hidden;
	background-color:#fff;
}
.box1 {
    border: 1px solid #DFDFDF;
}
.box1 .title {
	height:35px;
	line-height:35px;
	overflow:hidden;
}
.box1 .title h2 {
	padding-left:25px;
	background:url(../images/a_20.gif) 5px 14px no-repeat;
	width:55px;
	font-size:12px;
	float:left;
}
.box1 .title span {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#dfdfdf;
	padding-left:5px;
	vertical-align:bottom;
}
.box1 .content {
	padding:10px;
	line-height:25px;
	overflow:hidden;
}

.track{height:155px; width:277px; overflow:hidden; float:left;}

/*追踪查询*/
.container .m_left {
	width:277px;
	float:left;
	overflow:hidden;
}
.login {
	height:155px;
	width:277px;
	overflow:hidden;
	float:left;
	margin-left:12px;
}
.login .content {
	line-height:40px;
	text-align:center;
}
.login .l_txt {
	width:150px;
	_width:120px;
	_margin:5px;
}

.m_left{float:left;}


/*
快递价格查询*/

/*.slideTxtBox .db{background: url("../images/a_23.jpg") no-repeat scroll 0% 0% transparent;padding-top:0px;}*/
.slideTxtBox{/* width:446px;*/width:276px;border:1px solid #ddd; text-align:left;float:left; margin:0px 25px;height:155px; }
		.slideTxtBox .hd{ height:28px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative;font-weight:bold; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
                 .slideTxtBox .bd{height:154px;}
		.slideTxtBox .bd ul{ padding:10px;  zoom:1;  }
		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

.txtbox{height:138px;margin-top:0px;}		
.txtbox .hd{background: url("../images/j_09.png") no-repeat scroll -2px -1px transparent;}
.txt {
	height:22px;
	line-height:22px;
	margin:5px 0px;
}

#formCalAir{padding-top:10px; overflow:hidden;}




















