#killie6bg{background:url(../images/base/ie6bg.jpg) top center no-repeat;}
#ie6frame{
	width:800px;
	height:582px;
	margin:0 auto;
	background:url(../images/base/ie6killer.jpg) no-repeat;
}
#ie6frame h1{font-size:16px;color:#727272;padding:110px 0 20px 92px}
#ie6frame .marklighting{color:#64a619}
#ie6frame p{padding:70px 0 0 92px;color:#999;line-height:170%;font-size:14px;}
#ie6frame ul{padding:20px 15px 0;}
#ie6frame ul li{width:110px;height:145px;float:left;margin:0 20px;}
#ie6frame ul li a{display:block;width:100%;height:100%;text-indent:-999em;}


.frame960{
	width:960px;
	margin:0 auto;
}
#top-add-show{
	height:0;text-align:center;overflow:hidden;}
#top-add-close{
	display:block;
	width:100px;height:27px;

	bottom:50px;
	left:430px;
}
#top-add-close:hover{
	display:block;
	width:100px;height:27px;

	bottom:50px;
	left:430px;
}
#add-img{display:none;}
.get-adds-bt{
	cursor:pointer;
	display:block;
	width:108px;
	height:20px;
	position:absolute;
	right:0;
	top:0;
}
#get-adds{background:url(../images/base/get-adds-bt.png) no-repeat}

/*---------------header----------------*/
#header{
	height:85px;
	background:#ffffff;
	border-bottom: 1px solid #1D2528;
}
#header #logo{padding-top: 12px;}
#main-menu{height:45px; padding:25px 0 0 65px;}
#main-menu .menu li{
	float:left;
	padding:0 10px 0 10px;
	*padding:0 10px 0 10px;
	height:27px;
	margin:0 0 0 5px;
	text-align:center;
	line-height:25px;
}
#main-menu .menu li a{display:block;height:27px;color:#666;font-size:14px;text-align:center;font-family:"Microsoft YaHei";}
#main-menu .menu li.active{background:#26CBF5; border-radius: 20px;}
#main-menu .menu li:hover{background:#26CBF5; border-radius: 20px;}
#main-menu .menu li:active{background:#404a53; border-radius: 20px;}
#main-menu .menu li.active a,#main-menu .menu li:hover a{color:#ffffff}

#backto-top{display:none;z-index:99999;height:111px;width:26px;position:fixed;cursor:pointer;right:0;bottom:30px;background:url(../images/backtop.png) no-repeat;}
#backto-top:hover{background-position:0 -111px;}
/*-----------------------------*/
#footer{height:110px;color:#666}
#footer a{color:#999}
#footer a:hover{color:#669933}

#footer .up h3,#footer .up ul li,#footer .up .focus .ico{}
#footer .up{color:#999;height:110px;padding:46px 0 0 0;background:url(bottom-bg.png) repeat-x;}

#footer .up .focus .text{margin:3px 10px 3px 0}
#footer .up .focus .phone{
	display:block;
	width:14px;
	height:16px;
	background:url('phone.png') no-repeat;
	margin:3px 14px 3px 0;
	}
#footer .up .focus .phone-number{font-size:20px;color:#ffffff;font-weight:bold;margin:5px 0 5px }
#footer .up .focus .qq{
	display:block;
	width:18px;
	height:16px;
	background:url('qq.png') no-repeat;
	margin:3px 10px 3px 0;
	}
#footer .up .focus .email{
	display:block;
	width:18px;
	height:16px;
	background:url('mail.png') no-repeat;
	margin:3px 10px 3px 0;
	}
#footer .up .focus .email-address{color:#ffffff;font-weight:bold;margin:3px 0 0;font-size:14px;}
#footer .up .focus .weibo{display:block;width:18px;height:17px;background-position:-32px 0;margin:3px 3px 3px 0}
#footer .up .focus .weibo-a:hover .weibo{background-position:-20px -130px}
#footer .up .focus .rss{display:block;width:18px;height:17px;background-position:-50px 0;margin:3px 3px 0 30px}
#footer .up .focus .rss-a:hover .rss{background-position:0 -130px}
#footer .up h3{
	height:18px;
	text-align:left;
	margin:10px 0 30px;
	color: #FFFFFF;
    font-size: 14px;
	}
#footer .up .focus{width:340px;float:left;height:110px;}
#footer .up .focus2{width:4000px;float:left;height:110px;}
#footer .up .long{width:230px;float:left;height:110px;}
#footer .up .sort{width:160px;float:left;height:110px;}
#footer .up .anuncement h3{}
#footer .up .anuncement ul li{background:url('icon01.jpg') no-repeat left center; padding:0 0 0 8px;}
#footer .up .service h3{}
#footer .up .Social_con {
    float: left;
    height: auto !important;
    
}
.Social_con dl {
    
    color: #9F9F9F;
    display: block;
    float: left;
    height: auto !important;
    line-height: 25px;
    
    
}
.Social_con dl dt {
    display: block;
    float: left;
    height: 25px;
    width: 25px;
}
.Social_con dl dd {
    display: block;
    float: right;
    height: 25px;
    width: 87px;
	text-align: left;
}
#footer .up .about h3{}
#footer .up .blog h3{}
#footer .up ul li{padding:0 0 0 0px;text-align:left;height:25px;line-height:25px;}
#footer .up ul li a{color:#999}
#footer .up ul li a:hover{color:#669933}
#footer .down {
	height:80px;
	padding:30px 0 0;
	background: #ffffff;
}
#footer .bottom-line{height:24px;line-height:24px;}

#footer .menu {
	text-align:center;
}
#footer .menu li{
	float:left;
	padding:0 10px 0 10px;
	*padding:0 10px 0 10px;
	height:27px;
	margin:0 0 0 5px;
	text-align:center;
	line-height:25px;
	background: none;
}
#footer .menu li a{display:block;height:27px;color:#666;font-size:14px;text-align:center;}
#footer .menu li.active{background:none;}
#footer .menu li:hover{background:none;}
#footer .menu li:active{background:none;}
#footer .menu li.active a,.menu li:hover a{color:#333333}

.content-view {background:#EFEFEF url(content-bg.jpg) repeat-x;}

/*---------------component---------------*/
#container{
	min-height:500px;
	background: #ffffff;
	}
.banner{
	min-height:100px;
	}
.banner .inner-bg {
	background: none repeat scroll 0 0 #006592;
    border-bottom: 1px solid #000000;
    height: 100px;
    text-align: center;
}
.opa-button,.sub-memu a,.sub-memu a .icos,.pagenation .pagenav{background:url(../images/base/bartab.png) no-repeat;}
.sub-memu{height:30px;top:-30px;}
.sub-memu a{
	display:block;
	height:23px;
	padding:7px 0 0 40px;
	width:124px;
	float:left;
	color:#666;
	background-position:-211px -30px;
	text-align:center;

	font-weight:bold
}
.sub-memu a.active{
	background-position:-211px 0;color:#333;
}
.sub-memu a .icos{display:block;float:left;margin:0 8px 0 0;height:19px;width:18px;}
.sub-memu a .title{display:block;margin:0;float:left}
.sub-memu a .ico0{background-position:-375px -19px;}
.sub-memu a.active .ico0,.sub-memu a:hover .ico0{background-position:-375px 0;}
.sub-memu a .ico1{background-position:-394px -19px;}
.sub-memu a.active .ico1,.sub-memu a:hover .ico1{background-position:-394px 0;}
.sub-memu a .ico2{background-position:-413px -19px;}
.sub-memu a.active .ico2,.sub-memu a:hover .ico2{background-position:-413px 0;}
.sub-memu a .ico3{background-position:-432px -19px;}
.sub-memu a.active .ico3,.sub-memu a:hover .ico3{background-position:-432px 0;}

.opa-button{display:block;right:0;width:212px;height:47px;}
.opa-button:hover{background-position:0 -47px;}
.pagenation{height:30px;padding:25px 0 5px 15px}
.pagenation ul li{float:left;}
.pagination-end,.pagination-start{display:none;}
.pagenation .pagenav{margin:0 3px;width:19px;height:19px;display:block;text-align:center;font-weight:bold}
.pagenation a.pagenav{background-position:-1000px 0;color:#000205}
.pagenation span.pagenav{background-position:-452px 0;color:#fff;}
.pagination-prev .pagenav,.pagination-next .pagenav{text-indent:-999em;display:block;width:19px;height:19px;background-position:-471px -19px!important;}
.pagination-next .pagenav{background-position:-452px -19px!important;}
/*-------------products-list-view ----------*/

.product-item{width:300px;margin:10px;float:left;text-align:center;}
.product-item .img{height:182px;display:block;}
.product-item .img img{width:301px;hegith:182px;}
.product-item .title{color:#666;font-weight:bold;}
.product-item .title:hover{color:#333}
.blank-warper{height:70px;}
.top-img{height:510px;width:940px;margin:0 auto;}
.top-img .title-bar{
	z-index:999;
	width:910px;
	height:30px;
	padding:6px 10px 0 20px;
	background:url(../images/product/title-bar-bg.png) no-repeat;
	top:439px;
	*left:0;
}
.top-img .title-bar .ico,.product-p .pagenations .next,.product-p .pagenations .pre{background:url(../images/product/ico.png) no-repeat;}
.top-img .title-bar h2{font-size:14px;font-weight:bold;color:#fff}
.top-img .title-bar .bt{float:right;width:73px;height:22px;padding:3px 0 0 14px;background:url(../images/product/bt.png) no-repeat;margin:0 0 0 10px;}
.top-img .title-bar .ico{display:block;float:left;text-indent:-999em;width:18px;height:18px;margin:0 7px 0 0;}
.top-img .title-bar .link .ico{background-position:-25px 0}
.top-img .title-bar .back .ico{background-position:-50px 0}
.top-img .title-bar .text{display:block;float:left;color:#829099}
.top-img .title-bar .bt:hover .text{color:#fff}


.add-plus-proudct .add-plus-one{
	display:block;
	position:relative;
	width:100%;
	height:16px;
	line-height:16px;
	padding-left:20px;
	margin:3px 0 2px;
	background:url(../../../media/system/images/icos.png) no-repeat;
}

.add-plus-proudct .fav{
	background-position:0 1px;
}

.add-plus-proudct .sina{
	background-position:0 -47px;
}

.add-plus-proudct .tqq{
	background-position:0 -95px;
}

.add-plus-proudct .qzone{
	background-position:0 -15px;
}

.add-plus-proudct .renren{
	background-position:0 -111px;
}

.add-plus-proudct .douban{
	background-position:0 -160px;
}

.add-plus-proudct .kaixin001{
	background-position:0 -127px;
}

.add-plus-proudct .tsohu{
	background-position:0 -63px;
}

.add-plus-proudct .tieba{
	background-position:0 -31px;
}
.product-share-frame{width:100px}
.product-share-frame .add-plus-proudct{
	display:none;
	padding:10px;
	background:#fff;
	top:23px;
	*top:24px;
	left:10px;
	border:1px solid #777;
}
.product-p .pagenations{z-index:1;top:475px;*left:0;width:910px;height:21px;padding:13px 15px 0;background:url(../images/product/pagenation.png) no-repeat;}
.main-bottom .pagenations{background:none;padding:22px 0 0 15px}
.product-p .pagenations .pre,.product-p .pagenations .next{display:block;width:52px;height:16px;float:left;background-position:-81px 0;}
.product-p .pagenations .next{float:right;background-position:-140px 0;}
.product-p .pagenations .pre:hover{background-position:-81px -16px;}
.product-p .pagenations .next:hover{background-position:-140px -16px;}
.main-bottom .pagenations .pre{background-position:-81px -32px;}
.main-bottom .pagenations .next{background-position:-140px -32px;}
.main-bottom .pagenations .pre:hover{background-position:-81px -48px;}
.main-bottom .pagenations .next:hover{background-position:-140px -48px;}
.main-introduce{
	width:940px;
	height:213px;
	background:url(../images/product/intro.png) no-repeat;
	margin:15px auto 0;
	color:#666
}
.main-introduce .head{
	padding:11px 35px 0 50px;}
.main-introduce .title{color:#999}
.main-introduce .head .type{margin:0 90px 0 0;}
.main-introduce .introtext{padding:37px 55px 0;line-height:170%}
.main-image{padding:30px 25px 0;width:890px;margin:0 auto;background:url(../images/product/imgbg-c.png) repeat-y;min-height:200px}
.main-bottom{margin:0 auto;width:940px;height:47px;background:url(../images/product/imgbg-b.png) no-repeat;}


/*-------------milestone-list-view ----------*/
.bottom-warp{background:url(../images/about/bottom-warp.png) bottom center no-repeat;}
.command-bar{height:38px;padding:90px 0 0 25px;border-bottom:1px solid #3189DB;}
.year-tab{cursor:pointer;height:31px;line-height:50px;*line-height:47px;font-size:35px;font-weight:bold;float:left;color:#3088DA;margin:0 35px 0 0;overflow:hidden;color:#BDBDBD}
.year-tab.active,.year-tab:hover{line-height:36px;color:#3088DA;}
.milestone-list{min-height:400px;}
.year-frame{display:none;}
.year-frame.active{display:block;}
.milestone-list{padding:33px 10px 0;}
.m-img-frame{width:539px;}
.m-img-frame .t,.m-img-frame .c,.m-img-frame .b{background:url(../images/about/milestone-frame.png) no-repeat;}
.m-img-frame .t{height:18px;}
.m-img-frame .c{min-height:510px;background-position:-538px 0;background-repeat:repeat-y;}
.m-img-frame .b{height:27px;background-position:0 -18px;}
.m-img-frame .c #current-title{font-size:18px;font-weight:bold;color:#1E79CF;text-align:center;}
.m-img-frame .c #current-date{text-align:center;color:#cdcdcd;padding:10px;margin:0 20px;border-bottom:1px solid #eee}
.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:351px;padding:0 20px 0 0;height:536px;overflow:hidden;}
#pointer-left{width:14px;height:23px;background:url(../images/about/pointer.png) no-repeat;left:-33px;top:17px;}

.jsscrollbar{
	z-index:30;
	right:0;
	top:0;
	width:7px;
	text-align:center;
	background:url(../images/about/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:#dcdcdc;
	text-align:center;
	display:block;
	float:left;
	width:45px;
	height:45px;
	background:url(../images/about/milestone-date.png) 0 -45px 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/about/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;padding:10px 0 0 20px;height:35px;font-size:18px;color:#565656;}
.milestone-item.active .info-date{background-position:0 0;color:#fff}
.milestone-item.active .info-title{color:#1F7AD0;}

/*----------contact---------------------------*/
.contact-view{padding:30px 0 0 0;}
.info-block{width:320px;float:left;height:185px;background:url(line.png) right no-repeat;}
.info-block.nobg{background:none;}
.info-block .ico{height:58px;background:url(ico.png) no-repeat;}
.info-block .i-address{background-position:30px 0;}
.info-block .i-phone{background-position:-290px 0;}
.info-block .i-message{background-position:-610px 0;}
.info-block .info{padding:20px 40px;line-height:170%;color:#6d7d8a;font-size:13px;font-weight:bold}
.info-block .info .t{width:70px;display:inline-block}
.info-block .info a{color:#6d7d8a}
.info-block .info #message-online{display:block;width:117px;height:32px;background:url(message.png) no-repeat;}
.info-block .info #message-online:hover{background-position:0 -32px;}
.info-block .info #message-online:active {background-position:0 -64px;}
.bg-warper{background:url(../images/bottom-warp.png) top no-repeat;padding:30px 0 0;}
.trafic-frame{height:414px;background:url(trafic-frame.png) no-repeat;}
.trafic-info{height:384px;width:370px;padding:30px 0 0 30px;color:#3b3b3b}
.trafic-info h2{color:#586b7b;font-size:22px; font-family:Microsoft YaHei;}
.trafic-info h3{color:#1A7B04;font-size:16px; font-family:Microsoft YaHei;}
.map-frame{margin:40px 40px 0 0;border:6px solid #aaa;width:490px;height:320px;}
.t-info{height:95px;border-bottom:1px solid #e0e0e0;padding:20px 0 0 70px;}
.t-info .ymark{color:#d76538;}
.t-info.nobroder{border:0;padding:30px 0 0 70px}

.fiexd-hover{height:100%;width:100%;background:#000;position:fixed;top:0;display:none;}
.fixed-message-frame{position:fixed;bottom:0;width:100%;height:0;background:url(../images/message-frame.png) repeat-x;}
.closefixed{text-indent:-999em;display:block;width:127px;height:35px;margin:0 auto;background:url(../images/about/closeframe.png) 0 3px no-repeat;}
.closefixed:hover{background-position:0 -32px}
.message-head{height:60px;background:url(../images/about/message-head.png) left center no-repeat;text-indent:-999em;border-bottom:1px solid #ebebeb}
#leavemessage{padding:30px 0 0 30px;}
#leavemessage .title{float:left;color:#818181;font-size:13px;height:56px;line-height:35px;padding:0 20px 0 0;}
#leavemessage .input{float:left;}
#leavemessage .input input{color:#686868;border:0;height:26px;width:296px;padding:5px;padding:10px 5px 0\9;*padding:10px 5px 0;background:url(../images/about/input.png) no-repeat;}
#leavemessage .required{height:35px;line-height:35px;padding:0 47px 0 20px}
#leavemessage #demand{border:0;color:#a0a0a0;background:url(../images/about/demand.png) no-repeat;width:735px;height:112px;padding:10px;}
#leavemessage #demand.active{color:#686868;}
#l-submit,#l-reset{cursor:pointer;margin:25px 0 0 75px;width:117px;height:40px;border:0;background:url(../images/about/submit.png) no-repeat;}
#l-submit:hover{background-position:0 -40px;}
#l-reset{background-position:-118px 0;margin:25px 0 0 20px;}
#l-reset:hover{background-position:-118px -40px;}
#leavemessage .introp{color:#606060;padding:40px 60px 0 0;}
#leavemessage .introp font{color:#097fd1}

/*-------------mod_banner_index------------*/
.banner-index{
	height:387px;
	background:#006592;
	overflow:hidden;
}
.banner-index .frame960{height:423px;}
.banner-img{height:420px;}
.banner-bt{height:83px;padding:0 130px;bottom:0;left:0;z-index:9999;}
.banner-bt li{float:left;width:78px;height:83px;padding:0 11px;}
.banner-bt li .pointer{display:block;width:78px;height:50px;padding:33px 0 0 0}
.banner-bt li .pointer.active{background:url(../images/pointer.png) -1px 10px no-repeat;}
.banner-bt li .pointer .ico{display:block;width:46px;height:46px;margin:0 auto;}
.banner-bt li .pointer.active .ico,.banner-bt li .pointer .ico:hover{background-position:0 -46px;}
.banner-img .leftimg,.banner-img .rightimg{left:-999em;position:absolute;top:0;width:960px;height:340px;}
.banner-img .rightimg{text-align:right;-webkit-transform: translate(0px, 0px) rotate(0);}
/*-------------index-----------------------*/

.slogan{
	
	color:#666;
	height:90px;
	padding:0px 0 0 0;
	background:url(../images/slogan.png) repeat-x;
	text-align:left;
}
.slogan h3{
	color:#333;
	font-size:25px;
	font-weight:bold;
	font-family:Î¢ÈíÑÅºÚ;
	height:90px;
	line-height:90px; 
}
.slogan .markup{color:#006699}
.slogan .shenqing {
	width: 960px;
	margin: 0 auto;
}
.slogan .shenqing .wenzi {
	float: left;
	padding-left:100px;
}
.slogan .shenqing .anniu {
	float: right;
	padding-right:100px;
	padding-top:15px;
}
.slogan a.btn_shenqing b {
    background: url("../images/button.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 64px;

    width: 224px;
}
.slogan a.btn_shenqing:hover b {
    background-position: 0 -64px;
    color: #126993;
    cursor: pointer;
    text-shadow: none;
}
.switcher-view{height:565px;}
/*---------------horizontal-switcher(mod_switcher)------------------*/
.horizontal-switcher{padding:45px 0 0 0 ;height:520px;}
.left-button,.right-button{margin:40px 0 0 0;width:39px;height:33px;float:left;background:url(../images/arrow.png) no-repeat;}
.right-button{background-position: 0 -33px;}
.content-frame{width:960px;}
.horizontal-switcher .moveable {width:960px;}
.horizontal-switcher .moveable .item{
	width:282px;
	min-height:124px;
	padding:0 19px;
	float:left;
	margin-bottom:20px;
}
.horizontal-switcher .moveable .item img{}
.horizontal-switcher .moveable .item .title{
	display: block;
	color: black;
	font-family: Î¢ÈíÑÅºÚ;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1em;
	padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 white;
}
.horizontal-switcher .moveable .item p{line-height:170%}
.bigpagenation{text-align:center;}
.bigpagenation .pagenation-b{display:inline-block;width:16px;height:16px;margin:5px;background:#999;}
.bigpagenation .pagenation-b.active{background:#a9132a;border:1px solid #373737;}
/*---------site map--------*/
.sitemaps-list-view{padding:30px 0}
.sitemaps-list-view h2,.sitemaps-list-view h3{padding:20px;float:left;}
.sitemaps-list-view h3{padding:24px 20px}
.sitemaps-list-view h2 a{font-size:18px;color:#777;}
.sitemaps-list-view h3 a{font-size:14px;color:#999;}

/*----------- from zhengxiu ---------*/
.height20{height:20px;}
.hr-memu{
	background:url(../images/about/hrbg.png) no-repeat;
	height:75px;
	line-height:75px;
}
.hr-memu a{
	display:block;
	float:left;
	font-size:14px;
	color:#595959;
	padding-left:60px;
}
.hritem0 {
	width:135px;
}
.hritem1 {
	width:125px;
}
.hritem2 {
	width:122px;
}
.hritem3 {
	width:125px;
}
.hritem4 {
	width:135px;
}
.hritem0:hover,.active0,.hritem1:hover,.active1,.hritem2:hover,.active2,.hritem3:hover,.active3,.hritem4:hover,.active4{
	color:#2971AA;}
.hritem0:hover,.active0{
	background:url(../images/about/hrbg.png) no-repeat 0 -75px;
}
.hritem1:hover,.active1{
	background:url(../images/about/hrbg.png) no-repeat -195px -75px;
}
.hritem2:hover,.active2{
	background:url(../images/about/hrbg.png) no-repeat -380px -75px;
}
.hritem3:hover,.active3{
	background:url(../images/about/hrbg.png) no-repeat -562px -75px;
}
.hritem4:hover,.active4{
	background:url(../images/about/hrbg.png) no-repeat -747px -75px;
}
.hr-memu .active0,.hr-memu .active1,.hr-memu .active2,.hr-memu .active3,.hr-memu .active4{color:#2971AA;}
.hr-main,.hr-main_l,.hr-main_r,.hr_main_b_icon{
	width:942px;
}
.hr-main{
	background:url(../images/about/hr_b_m.jpg) repeat-x 0 bottom;
}
.hr_main-l{
	background:url(../images/about/hr_b_l.jpg) no-repeat 0 bottom;
}
.hr_main-r{
	background:url(../images/about/hr_b_r.jpg) no-repeat right bottom;
}
.hr_main_b_icon{
	background:url(../images/about/enicon.jpg) no-repeat center bottom;
}
.hr_bottom{
	padding:48px 0 48px 0;
	background:url(../images/about/linedot.jpg) repeat-x 0 0;
}
.hr-desc{
	width:430px;
	padding-left:35px;
}
.hr-form{
	padding-right:35px;
	width:415px;
}
.hr-form-m,.hr-form-l{
	height:374px;
}
.hr-form-m{
	background:url(../images/about/resum-m.png) repeat-x 0 bottom;
}
.hr-form-l{
	background:url(../images/about/resum-l.png) no-repeat 0 bottom;
}
.hr-form-r{
	background:url(../images/about/resum-r.png) no-repeat right bottom;
	padding-top:24px;
	height:350px;
}
.hrsubmit{
	background:url(../images/about/hrsubmit.png) no-repeat 0 0;
	width:115px;
	height:37px;
	text-indent:-9999px;
	border:none;
}
.hrsubmit:hover{
	background-position:0 -37px;
}
.hrinput{
	background:url(../images/about/hrinput.png) no-repeat;
	width:250px;
	padding-left:4px;
	height:31px;
	border:none;
}
.curtitle{	background:url(../images/about/curtitle.png) no-repeat;}
.hotjob{
	background:url(../images/about/hot.png) no-repeat 35px center;
	color:#D0700D;
	padding-left:55px;
}
.hrtitle{
	color:#1769A8;
	font-size:13px;
	font-weight:bold;
}
.hr-t{
	height:28px;
	line-height:28px;
	border-bottom:1px solid #C8C8C8;
}
.hr-d{
	line-height:21px;
	color:#858585;
	padding-top:10px;
}
.height25{height:25px;overflow:hidden;}
.hottitle{
	color:#61686D;
	font-size:16px;
	font-weight:bold;
	padding-bottom:12px;
}
.joinusimgdiv{
	padding:35px 0 0 0;
}
.hr_left{padding-top:15px;}
.hr_t_1{
	color:#006CAA;
	font-size:16px;
	height:30px;
	line-height:30px;
	background:url(../images/about/hr_t_dot.jpg) no-repeat 8px center;
	padding-left:25px;
}
.hr_t_img{
	padding-top:20px;
}
.hr_t_email{
	background:url(../images/about/hr_email.png) no-repeat 8px center;
	height:30px;
	line-height:30px;
	padding-left:43px;
}
.hrs-view .bottom-warp{
	background-position: center 240px;
}
/*----------- from wengebin ---------*/
/*--------------- Page menu start ---------------*/
.service-memu{
	display:block;
	height:30px;
	line-height:30px;
	top:-30px;
	width:960px;
}

.service-process{
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:183px;
	margin-bottom:35px;
}
.service-contact-link{
	display:block;
	width:400px;
	height:40px;
	position:absolute;
	left:50%;
	margin-left:-180px;
	bottom:0;
}

.service-memu a,
.service-memu a .icos{
	background:url(../images/base/bartab.png) no-repeat;
}

.service-memu a{
	color:#666;
	font-weight:bold;
	display:block;
	float:left;
	width:164px;
	height:26px;
	line-height:26px;
	padding-top:4px;
	text-align:center;
	background-position:-211px -30px;
}

.service-memu a:hover,
.service-memu a.active{
	color:#333;
	background-position:-211px 0;
}

.service-memu .icos{
	display:block;
	width:18px;
	height:19px;
	position:absolute;
	left:40px;
	top:7px;
}

.service-memu a .service-ico0{background-position:-375px -19px;}
.service-memu a.active .service-ico0,
.service-memu a:hover .service-ico0{
	background-position:-375px 0;
}

.service-memu a .service-ico1{background-position:-394px -19px;}
.service-memu a.active .service-ico1,
.service-memu a:hover .service-ico1{
	background-position:-394px 0;
}

.service-memu a .service-ico2{background-position:-413px -19px;}
.service-memu a.active .service-ico2,
.service-memu a:hover .service-ico2{
	background-position:-413px 0;
}

.service-memu a .service-ico3{background-position:-432px -19px;}
.service-memu a.active .service-ico3,
.service-memu a:hover .service-ico3{
	background-position:-432px 0;
}

.service-memu a .about-ico0{background-position:-375px -57px;}
.service-memu a.active .about-ico0,
.service-memu a:hover .about-ico0{
	background-position:-375px -38px;
}

.service-memu a .about-ico1{background-position:-394px -57px;}
.service-memu a.active .about-ico1,
.service-memu a:hover .about-ico1{
	background-position:-394px -38px;
}

.service-memu a .about-ico2{background-position:-413px -57px;}
.service-memu a.active .about-ico2,
.service-memu a:hover .about-ico2{
	background-position:-413px -38px;
}

.service-memu a .about-ico3{background-position:-432px -57px;}
.service-memu a.active .about-ico3,
.service-memu a:hover .about-ico3{
	background-position:-432px -38px;
}

.service-memu a .about-ico4{background-position:-451px -57px;}
.service-memu a.active .about-ico4,
.service-memu a:hover .about-ico4{
	background-position:-451px -38px;
}

/*--------------- Page menu end ---------------*/

/*--------------- Service main start --------------*/
.service-head{
	display:block;
	width:960px;
	height:204px;
	background:url(../images/service/top_desc_bg.png) center bottom no-repeat;
}

.service-head span{
	display:block;
	width:100%;
}

.service-head .service-title{
	height:30px;
	line-height:30px;
	padding:60px 0 17px;
	font-size:22px;
	color:#006A99;
	text-align:center;
	background:url(../images/service/top_break_bg.png) center bottom no-repeat;
}

.service-head .service-desc{
	padding:10px 0 0;
	line-height:26px;
	font-size:15px;
	color:#666666;
	text-align:center;
}

.service-main{
	display:block;
	width:960px;
	margin:50px 0 24px;
	height:100px;
	float:left;
	position:relative;
}

.service-main .service-point{
	display:block;
	height:30px;
	position:absolute;
	cursor:pointer;
	background:url(../images/service/service_point_bg.png) no-repeat;
}

.service-main .service-point p{
	display:none;
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight:bold;
	color:#087FB2;
	padding:90px 0 15px;
	width:95px;
	text-align:center;
	position:relative;
}

.service-main .service-point span{
	display:none;
	height:29px;
	margin-top:106px;
	background:url(../images/service/service_hover_line.png) no-repeat;
	width:100px;
	position:relative;
}

.service-main .point-left{
	padding:0 30px 30px 30px;
	background-position:right bottom;
}

.service-main .point-right{
	padding:0 30px 30px 30px;
	margin-left:-30px;
	background-position:left bottom;
}

.service-main .point-left p{
	float:left;
	margin-right:-10px;
}

.service-main .point-right p{
	float:right;
	margin-left:-10px;
}

.service-main .point-left span{
	background-position:right 0;
	float:right;
}

.service-main .point-right span{
	background-position:0 -30px;
	float:left;
}

.service-recommends{
	display:block;
	width:940px;
	height:277px;
	margin:0 10px;
	padding-bottom:30px;
	background:url(../images/service/bottom_pros_bg.png) top center no-repeat;
}

.service-recommends a,.service-recommends span{
	display:block;
	position:absolute;
	color:#666666;
}

.service-recommends a:hover{
	color:#4F4F4F;
}

.service-recommends span{
	font-size:15px;
	color:#333333;
	width:300px;
	height:40px;
	line-height:40px;
	left:20px;
	top:0;
}

.service-recommends .service-more-recomm{
	width:95px;
	text-align:center;
	height:23px;
	line-height:23px;
	padding-right:12px;
	right:20px;
	top:10px;
}

.service-recommends .service-about-recomm{
	width:300px;
	height:181px;
	top:56px;
}

/*--------------- Service main end --------------*/

/*--------------- Announcement start --------------*/
.announcement-list{
	padding:30px 10px;
}

.announcement-item{
	display:block;
	position:relative;
	width:940px;
	height:182px;
	padding:30px 0;
	background:url(../images/announcement/announcement_break.png) center bottom no-repeat;
}

.announcement-img,.announcement-img a{
	display:block;
	width:301px;
	height:182px;
}

.announcement-img{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-91px;
}

.announcement-content{
	display:block;
	width:630px;
	height:148px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-74px;
}

.announcement-title{
	display:block;
	color:#3172AA;
	font-size:19px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	width:100%;
	padding:0 0 16px 0;
}

.announcement-time{
	font-size:12px;
	font-weight:normal;
	color:#5E5E5E;
	padding-left:5px;
}

.announcement-text{
	display:block;
	height:52px;
	line-height:26px;
	font-size:15px;
	color:#5E5E5E;
}

.announcement-execute{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:560px;
	height:21px;
	line-height:21px;
	font-size:12px;
	color:#919EA5;
}

.announcement-execute div,.announcement-execute a{
	float:left;
	padding:0 7px;
	color:#919EA5;
}

.announcement-execute a:hover{
	color:#4E4E4E;
}

.announcement-execute div span,.announcement-execute a span{
	display:block;
	float:left;
	width:21px;
	height:17px;
	margin:2px 3px;
	background:url(../images/base/bartab.png) no-repeat;
}

.announcement-collect{
	display:block;
}

.announcement-share{
	position:relative;
	display:block;
	width:86px;
	height:21px;
	z-index:9999;
}

.announcement-execute .announcement-clicks span{
	background-position:-373px -76px;
}

.announcement-execute .announcement-tips span{
	background-position:-393px -76px;
}

.announcement-execute .announcement-collect span{
	background-position:-413px -76px;
}

.announcement-in{
	display:block;
	width:62px;
	text-align:center;
	height:23px;
	line-height:23px;
	color:#FFF;
	background:url(../images/announcement/announcement_in.png) 0 0 no-repeat;
	position:absolute;
	right:10px;
	bottom:0;
}

.announcement-in:hover{
	background-position:0 -24px;
}

.announcement-page{
	display:block;
	width:960px;
	padding:35px 0px 0px;
}

.announcement-page .announcement-top{
	display:block;
	width:940px;
	margin:0 10px;
	background:url(../images/announcement/announcement_page_cbg.png) -940px 0 repeat-y;
}

.announcement-page .announcement-desc{
	display:block;
	width:840px;
	margin:0 10px;
	padding:30px 50px;
	background:url(../images/announcement/announcement_page_cbg.png) -940px 0 repeat-y;
}

.announcement-page .announcement-bottom{
	position:relative;
	display:block;
	width:940px;
	margin:0 10px;
	background:url(../images/announcement/announcement_page_cbg.png) -940px 0 repeat-y;
}

.announcement-page .announcement-changepage{
	position:relative;
	display:block;
	width:940px;
	margin:0 10px;
	height:40px;
	background:url(../images/announcement/announcement_page_cbg.png) -1880px 0 repeat-y;
}

.announcement-page .announcement-top h1{
	display:block;
	width:100%;
	padding-top:70px;
	position:relative;
	top:-10px;
	font-size:25px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#5D768D;
	background:url(../images/announcement/announcement_page_cbg.png) 0 0 no-repeat;
}

.announcement-page .announcement-top span{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#B3B3B3;
	padding-bottom:5px;
	background:url(../images/announcement/announcement_page_break.png) center bottom no-repeat;
}

.announcement-page .announcement-top span a{
	color:#B3B3B3;
}

.announcement-page .announcement-top span font{
	padding:0 20px;
}

.return-list{
	display:block;
	width:96px;
	height:39px;
	text-align:center;
	line-height:39px;
	color:#A2ADB1;
	position:absolute;
	right:40px;
	top:19px;
	background:url(../images/announcement/announcement_page_topbt.png) center center no-repeat;
	z-index:9999;
}

.return-list:hover{
	color:#4E4E4E;
}

.announcement-page .announcement-bottom .return-list{
	position:relative;
	float:right;
	height:21px;
	line-height:21px;
	right:0;
	top:0;
}

.announcement-page .announcement-bottom .announcement-execute{
	display:block;
	position:relative;
	width:900px;
	padding:12px 20px 15px;

	background:url(../images/announcement/announcement_page_break.png) center top no-repeat;
}

.announcement-page .announcement-changepage a{
	display:block;
	width:400px;
	height:30px;
	line-height:25px;
	padding:10px 0 5px;
	position:absolute;
	top:0;
	color:#646464;
}

.announcement-page .announcement-changepage a span{
	display:block;
	width:57px;
	height:13px;
	margin:6px 0;
	background:url(../images/announcement/announcement_page_change.png) no-repeat;
}

.announcement-page .announcement-changepage a.pre-page{
	padding-left:30px;
	left:0;
}

.announcement-page .announcement-changepage a.pre-page span{
	float:left;
	background-position:0 -31px;
}

.announcement-page .announcement-changepage a.pre-page:hover span{
	background-position:0 -43px;
}

.announcement-page .announcement-changepage a.next-page{
	padding-right:30px;
	text-align:right;
	right:0;
}

.announcement-page .announcement-changepage a.next-page span{
	float:right;
	background-position:-57px -31px;
}

.announcement-page .announcement-changepage a.next-page:hover span{
	background-position:-57px -43px;
}

/*--------------- Announcement end --------------*/

/*--------------- Introduction start ---------------*/

.introduction-content{
	width:940px;
	padding:30px 10px 0;
}

.introduction-desc{
	font-size:12px;
	font-weight:200;
	color:#666666;
	width:910px;
	padding:34px 15px 10px 15px;
	line-height:20px;
}

.introduction-interaction{
	display:block;
	width:940px;
	margin:0 10px 58px;
	height:189px;
	position:relative;
	overflow:hidden;
	background:url(../images/introduction/introduction-bg.png) center 68px no-repeat;
}

.introduction-clients{
	display:block;
	width:940px;
	padding:0 10px 68px;
}

.introduction-top{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/introduction/introduction-circle.png) center center no-repeat;
	position:relative;
	z-index:99;
}

.introduction-hover{
	display:block;
	width:313px;
	height:100%;
	float:left;
	position:relative;
	z-index:101;
	cursor:pointer;
}

.introduction-hover span{
	display:block;
	height:68px;
	line-height:68px;
	float:left;
	font-size:19px;
	font-weight:600;
}

.introduction-hover span.cn-text{
	margin-left:90px;
	color:#616161;
}

.introduction-business span.en-text{
	margin-left:5px;
	color:#159DB1;
}

.introduction-design span.en-text{
	margin-left:5px;
	color:#CC8400;
}

.introduction-technology span.en-text{
	margin-left:5px;
	color:#599632;
}

.introduction-hover p{
	display:block;
	padding:17px 27px;
	width:259px;
	height:89px;
	overflow:hidden;
	line-height:22px;
	color:#FFF;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1000;
}

.introduction-hover p.shadow{
	color:#000;
	left:1px;
	bottom:-1px;
	z-index:100;
}

.introduction-business{
	background:url(../images/introduction/introduction-business.png) 27px 10px no-repeat;
}

.introduction-design{
	background:url(../images/introduction/introduction-design.png) 27px 10px no-repeat;
}

.introduction-technology{
	background:url(../images/introduction/introduction-technology.png) 27px 10px no-repeat;
}

.introduction-hover-bg{
	display:block;
	width:313px;
	height:120px;
	position:absolute;
	z-index:98;
	left:0px;
	bottom:1px;
	background:url(../images/introduction/introduction-hover.png) 0 0 no-repeat;
}

.introduction-client-head{
	padding-bottom:11px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:25px;
	height:20px;
}

.introduction-client-head span{
	display:block;
	float:left;
	color:#027EBD;
	font-size:15px;
}

.introduction-client-head span.client-head-point{
	height:20px;
	line-height:20px;
	font-size:18px;
	padding:0 10px 0 18px;
}

.introduction-client-head span.client-head-title{
	height:20px;
	line-height:20px;
	font-weight:600;
}

.introduction-client-head span.client-head-text{
	font-size:12px;
	color:#8B8B8B;
	height:18px;
	line-height:18px;
	padding:2px 0 0 6px;
}

.introduction-clients .one-client{
	display:block;
	float:left;
	width:140px;
	height:65px;
	margin:0 0 12px 19px;
	background-repeat:no-repeat;
	background-position: 0 0;
}

.introduction-clients a.one-client:hover{
	background-position: 0 -65px;
}

/*--------------- Introduction end ---------------*/

/*--------------- Add Plus start --------------*/
.announcement-execute .add-plus{
	float:left;
	display:block;
	width:72px;
	position:absolute;
	z-index:9999;
}

.announcement-execute .add-plus font{
	font-size:12px;
	position:relative;
	display:block;
	width:100%;
}

.announcement-execute .add-plus font span{
	float:right;
	display:block;
	width:21px;
	height:17px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/base/bartab.png) -433px -76px no-repeat;
}

.add-plus .add-plus-one{
	display:none;
	position:relative;
	width:100%;
	height:16px;
	line-height:16px;
	padding-left:20px;
	margin:3px 0 2px;
	background:url(../../../media/system/images/icos.png) no-repeat;
}

.add-plus .fav{
	background-position:0 1px;
}

.add-plus .sina{
	background-position:0 -47px;
}

.add-plus .tqq{
	background-position:0 -95px;
}

.add-plus .qzone{
	background-position:0 -15px;
}

.add-plus .renren{
	background-position:0 -111px;
}

.add-plus .douban{
	background-position:0 -160px;
}

.add-plus .kaixin001{
	background-position:0 -127px;
}

.add-plus .tsohu{
	background-position:0 -63px;
}

.add-plus .tieba{
	background-position:0 -31px;
}
/*--------------- Add Plus end --------------*/

/*--------------- Common ---------------*/
.no-bg{
	background:none !important;
}
.banneritem a,.banneritem div.banner-div{
	display:block;
	width:100%;
	height:240px;
}
.banner_green_bg{
	background:url(../images/banner/banner_green_bg.jpg) repeat-x;
}
.banner_blue_bg{
	background:url(../images/banner/banner_blue_bg.png) repeat-x;
}

/*404 page*/
.page404-view{
	padding:185px 0 0;
	height:215px;
	background:url(../images/base/404.png) center no-repeat;
	text-align:center;
}
#back-index{background:url(../images/base/back-index.png) no-repeat;}
#back-last{background:url(../images/base/back-last.png) no-repeat;}
.backpage{height:32px;width:140px;display:inline-block;margin:0 20px;overflow:hidden;line-height:100px;}
#back-index:hover,#back-last:hover{background-position:0 -32px;}
.xuxian{BORDER-left: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted;}
.nr1{text-align: left; margin-left:5px; margin-top:8px; font-family:"Microsoft YaHei";font-size:15px;}
.nr2{color:#F40303; text-align:center; font-family:"Microsoft YaHei";font-size:18px; margin-top:8px;}
.bt{color:#F40303; text-align:center; font-family:"Microsoft YaHei";font-size:20px; margin-top:15px;}
.xd{font-family:"Microsoft YaHei";font-size:14px;}
.xd2{font-family:"Microsoft YaHei";font-size:14px; margin-bottom:18px;}
.xd3{font-family:"Microsoft YaHei";font-size:12px;}