* { margin: 0; padding: 0; }
body { font-size: 12px; }
img { padding: 0px; margin: 0px; }
.head_log a { padding: 0px; }
div { word-break: break-all; }
.page-wrap { padding-top: 25px; }
.page-wrap1 { padding-top:1px; }
.page-wrap2 { padding-top: 25px; }

#container {
	width: 980px;
	padding: 0px 0px;
	margin: 0 auto;		
}
img { border: 0px; }
li { float: left; list-style-type: none; vertical-align: middle; }

.carousel { position: relative; }
    .carousel .navigation { position: absolute; bottom: 0; right: 34px; background: #fff; width: 57px; height: 25px; }
        .carousel .navigation a { display: block; float: right; height: 19px; width: 19px; overflow: hidden; text-indent: -1000px; position: relative; cursor: pointer; background: url(../image/arrows-matte-bkg.png) no-repeat 0 0; }
            .carousel .navigation a.prev { background-position: 0 0; margin-right: 5px; top: 0px; left: 0px; }
            .carousel .navigation a.next { background-position: -24px 0; }
            .carousel .navigation a.prev:hover { background-position: 0 -19px; }
            .carousel .navigation a.next:hover { background-position: -24px -19px; }

.foot a { text-decoration: none; }
.foot_body { width: 960px; margin: 0 auto; }
.foot { width: 100%; height: 300px; background-color: #585657; }
.foot_title_max a { color: #B3B3B3; font-weight: bold; font-family: ����; }
.foot_title_max td { border-bottom: 1px solid #B3B3B3; }
.foot_title_max td { height: 22px; }
.foot_title_min a { color: #B3B3B3; font-size: 13px; }
.foot_title_min td { width: 44px; height: 25px; }
.foot_title_min_sub td { height: 22px; font-size: 13px; }
.foot_title_min_sub a { color: #B3B3B3; }
a { text-decoration: none; }
.head { width: 980px; height: 68px; z-index: 200000; clear: both; background-color: #fff;  }
    
    .head a { color: #6d6e71; font-size: 14px; }
.clear { clear: both; }
.index_menu li { height: 133px; line-height: 130px; text-align: center; width: 240px; }






.index_about {
	width: 980px;
	height: 48px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-top: 37px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
    .index_about li {
	width: 163px;
	float: left;
	height: 34px;
	text-align: center;
}

.about_link_about { width: 850px; height: 48px; overflow: hidden; margin-left: auto; margin-right: auto; padding-top: 62px; }
    .about_link_about li { width: auto; float: left; height: 38px; text-align: left; }


.index_news { width: 930px; height: 210px; overflow: hidden; margin-left: auto; margin-right: auto; padding-top: 65px; }
    .index_news li { padding-right: 26px; height: 210px; float: left; }
.tb {
	width: 316px;
}
.ttimg img {
	width: 316px;
	height: 193px;
}
.ttitle {
	font-size: 14px;
	width: 115px;
	overflow: hidden;
	text-align: center;
	color: #000;
	line-height: 27px;
	height: 20px;
	vertical-align: middle;
	background-color: #f2f2f2;
}
    .ttitle a { color: #383839; }

.ttime { font-size: 14px; width: 80px;overflow: hidden; text-align: right; color: #383839; line-height: 27px; vertical-align: middle; }
.ttfutitle { font-size: 14px; width: 100%; text-align: left; color: #86888b; line-height: 27px; height: 27px; vertical-align: top; }
    .ttfutitle a { color: #86888b; }

.news_news {
	width: 980px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
    .news_news li {
	padding-right: 5px;
	height: 250px;
	float: left;
	padding-top: 20px;
}

 .news_news   .tb {
	width: 316px;
	float:left;
}

.about_content {
	width: 980px;
	height: auto;
	color: #5c5c5c;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	padding-top: 22px;
	line-height: 25px;
}

.abouts_about { width: 750px; height: 185px; overflow: hidden; margin-left: auto; margin-right: auto; padding-top: 62px; }
    .abouts_about .li1 { width: 132px; float: left; height: 135px; text-align: center; }
    .abouts_about .li2 { width: 73px; float: left; height: 135px; text-align: center; }
        .abouts_about .li2 img { padding-top: 50px; }
.aline { width: 890px; height: 9px; overflow: hidden; background: url(../image/aline.png); }
.aselconent { width: 890px; height: 103px; padding-top: 30px; color: #6D6E70; font-size: 15px; overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; line-height: 100px; vertical-align: middle; }
.aheight { width: 100%; height: 130px; display: none; }
.index_foot {
	padding-top: 200px;
	padding-bottom: 100px;
	clear: both;
	text-align: center;
	color: #58585a;
	font-size: 13px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


.brandpanle {
	width: 980px;
	height: auto;
	color: #6D6E70;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	padding-top: 55px;
	line-height: 25px;
}
.brandcontent { color: #6D6E70; float: left; text-align: left; font-size: 15px; line-height: 25px; width: 590px; padding-top: 105px; }
.brnadr { width: 131px; height: 77px; overflow: hidden; float: right; }
.magazinesr { width: 219px; height: 77px; overflow: hidden; float: right; }
.ecommercer { width: 248px; height: 77px; overflow: hidden; float: right; }
.brmore { width: 100%;  text-align:right; height: 31px; overflow: hidden; float: right; padding-top: 20px; }
.brteam {
	width: 100%;
	height: 33px;
	overflow: hidden;
	float: right;
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #666666;
}
.teamcontents { color: #6D6E70; float: left; text-align: left; font-size: 15px; line-height: 25px; width: 100%; margin-top: 30px; }




.contactimg {
	width: 980px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.contactline {
	width: 980px;
	clear: both;
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;
}
.contactc {
	width: 750px;
	text-align: left;
	height: auto;
	line-height: 25px;
	font-size: 14px;
	color: #666666;
	position: relative;
	float: left;
	padding-top: 30px;
	margin-bottom: 30px;
}
.ct { color: #404041; font-weight: bold; }
.cweiboline { width: 900px; height: 30px; overflow: hidden; background: url(../image/cwiebo.png); margin-top: 30px; }
.cweibocontent { width: 900px; text-align: left; height: auto; line-height: 25px; font-size: 16px; color: #6D6E70; margin-top: 23px; }
    .cweibocontent a { color: #6D6E70; }




.jobline {
	width: 980px;
	overflow: hidden;
	margin-top: 51px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666666;
}
.jobcontent {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
    .jobcontent .jobtitle { width: 100%; color: #000000; text-align: left; font-size: 18px; line-height: 25px; padding-top: 30px; font-weight: bold; }
    .jobcontent .jobdemo { width: 100%; color: #6D6E70; text-align: left; font-size: 15px; line-height: 25px; padding-top: 5px; }

.caseteam { width: 900px; height: 19px; overflow: hidden; padding-top: 0px; }

.caseline {
	width: 980px;
	overflow: hidden;
	padding-top: 50px;
	clear: both;
	padding-bottom: 10px;
	
}

.caseline1 {
	width: 980px;
	overflow: hidden;
	padding-top: 30px;
	clear: both;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
}

.caseline2 {
	width: 980px;
	overflow: hidden;
	padding-top: 30px;
	clear: both;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
}
.casecontent {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 0px;
}

.casedesc
{
	width:100%;
	font-size: 14px;
	line-height: 25px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #5d5d5d;
	
}
.casecontent li {
	float: left;
	width:316px;
	padding-right: 10px;
	margin-top: 20px;
}

.teamcontent {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 18px;
}
    .teamcontent li {
	width: 150px
];
	float: left;
	padding-top: 33px;
	width: 160px;
}
.tbcase {
	float: left;
}
.tbteam { width: 153px; }
.ttteamimg img { width: 140px; height: 140px; }


.ttcaseimg img { width: 200px; height: 150px;  }
.ttcasetitle { font-size: 15px; width: 100%; text-align: left; color: #000; line-height: 20px; height: 36px; vertical-align: middle; border-bottom: 1px solid #918f8f; }

.showcasecontent {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: both;
	padding-top:16px;
}
    .showcasecontent .scleft {
	width: 700px;
	height: auto;
	float: left;
	margin-left: 0px;
}
        .showcasecontent .scleft img { float: left; padding-top: 9px; }
    .showcasecontent .scrig {
	width: 230px;
	height: auto;
	float: left;
	padding-left: 49px;
	padding-top: 6px;
}
        .showcasecontent .scrig .scrtitle { width: 100%; text-align: left; height: 35px; margin-bottom: 10px; line-height: 30px; vertical-align: middle; font-size: 22px; font-weight: bold; border-bottom: 1px solid #ababac; color: #000; }
        .showcasecontent .scrig .scrjc { width: 100%; text-align: left; line-height: 25px; vertical-align: middle; color: #000; font-size: 13px; font-weight: bold; padding-top: 0px; }
        .showcasecontent .scrig .scrword { width: 100%; text-align: left; line-height: 25px; vertical-align: middle; color: #6D6E70; font-size: 13px; }
        .showcasecontent .scrig .scrline { width: 100%; height: 5px; border-bottom: 1px solid #6D6E70; padding-top: 13px; }
        .showcasecontent .scrig .scrxg { width: 100%; line-height: 25px; vertical-align: middle; }
            .showcasecontent .scrig .scrxg li { width: 100%; line-height: 25px; vertical-align: middle; text-align: left; float: left; color: #6D6E70; }
            .showcasecontent .scrig .scrxg a { color: #6D6E70; text-decoration: none; }


.showteam { width: 450px; height: 295px; overflow: hidden; background-color: #58585B; }
    .showteam .infodiv { width: 370px; margin-left: auto; margin-right: auto; padding-top: 32px; height: 210px; color: #FFFFFF; }
        .showteam .infodiv .titlediv { width: 370px; height: 70px; line-height: 35px; vertical-align: middle; overflow: hidden; border-bottom: 1px solid #bcbcbd; }
            .showteam .infodiv .titlediv .name { width: 212px; font-size: 23px; height: 50px; overflow: hidden; float: left; }
            .showteam .infodiv .titlediv .cy { width: 70px; height: 50px; font-size: 16px; overflow: hidden; float: left; }
            .showteam .infodiv .titlediv .zw { width: 69px; height: 50px; font-size: 16px; overflow: hidden; float: right; }
        .showteam .infodiv .contentdiv { width: 370px; font-size: 15px; height: 130px; line-height: 25px; vertical-align: middle; overflow: hidden; padding-top: 20px; }

.selimg { width: 140px; height: 140px; border: 2px solid #fe0807; }
.noimg { width: 140px; height: 140px; border: 0px; filter: alpha(opacity=40); opacity: 0.4; }

.nopimg { filter: alpha(opacity=40); opacity: 0.4; }
.selpimg { filter: alpha(opacity=100); opacity: 1; }

#CuPlayer{ margin-left:auto; margin-right:auto; width:600px; height:400px;  margin-top:10px; }
.videobody{ width:100%; vertical-align:middle;height:400px; clear:both;margin-top:10px;  }



.slyWrap .controls{margin:20px 0 ;}

.controls{text-align:center;}

.sly{overflow:hidden;}
.sly > ul{list-style:none;margin:0;padding:0;}
.sly > ul li{position:relative;margin:0;padding:0;color:#fff;text-align:center;cursor:pointer;}
.sly > ul li.active{background:#fff;color:#4DBCE9;
	-webkit-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}

.pages{list-style:none;margin:20px 0;padding:0;text-align:center;}
.pages li{display:inline-block;width:11px;height:11px;margin:0 2px;text-indent:-999px;background:#fff;border-radius:10px;cursor:pointer;
	overflow:hidden;border:1px solid #aaa;
}
.pages li:hover{background:#eee;}
.pages li.active{background:#999;border-color:#888;box-shadow:inset 0 0 0 2px #eee;}

.scrollbar{background: url(../image/top_line_bg.jpg) 0 2px no-repeat; width:840px; height:10px; line-height:0;}
.scrollbar .handle{border-radius:4px;background:#000;cursor:pointer;line-height:0; height:10px;
	-webkit-box-shadow:0 1px 0 #555;
	-moz-box-shadow:0 1px 0 #555;
	-o-box-shadow:0 1px 0 #555;
	box-shadow:0 1px 0 #555;
}



#horizontal .slyWrap{margin:3em 0;}

#horizontal .scrollbar{margin:1em 0;height:8px;}
#horizontal .scrollbar .handle{width:100px;height:100%;}


#horizontal .example3 .sly{height:470px;}
#horizontal .example3 .sly ul{height:100%;}
#horizontal .example3 .sly ul li{float:left;width:900px;height:100%;cursor:default;}
#horizontal .example3 .sly ul li.active{background:#ccc;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}


#horizontal .example2 .sly{height:300px;}
#horizontal .example2 .sly ul{height:100%;}
#horizontal .example2 .sly ul li{float:left;width:900px;height:100%;cursor:default;}
#horizontal .example2 .sly ul li.active{background:#ccc;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}


#horizontal1 .example2 .sly{
	height:230px;
	padding-top:35px;
}
#horizontal1 .example2 .sly ul{height:100%;}
#horizontal1 .example2 .sly ul li{
	float:left;
	width:316px;
	height:100%;
	cursor:default;
	padding-right:15px;
}
#horizontal1 .example2 .sly ul li.active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}


.baannerp { width:900px; height:30px; overflow:hidden; margin-left:auto; margin-right:auto;}

.bpleft { width:830px; float:left; height:8px;}
.bprig { width:43px; float:right; height:8px;}
.btn-toolbar { }
.prevPage {background: url(../image/arrows-matte-bkg.png) no-repeat 0 0; cursor:pointer; border:0px; padding:0px; height:19px; width:19px; float:left; margin-right:3px!important; }

.nextPage {background: url(../image/arrows-matte-bkg.png) no-repeat -24px 0;cursor:pointer; border:0px; padding:0px; height:19px; width:19px; float:left; }

.about_title{
	width: 100%;
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 20px;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

.list_pager{
	margin-top:5px;
	text-align:center;
	clear:both;
	padding-top: 20px;
}
.list_pager table tr td{vertical-align:middle;}
.Pagination_td1 {padding:0px 0px;height:30px;background:url('404.png') 0px 0px;border:1px solid #ccc;border-right:0px;text-align:left;}
.Pagination_td2 {padding:0px 8px;height:30px;background:url('404.png') 0px 0px;border:1px solid #ccc;border-left:0px;text-align:left;font-size:12px;}



.Pagination{height:30px;background:url('404.png') 0px 0px;font-size:11px;}
.Pagination a {padding:0px 2px;height:30px;line-height:30px;color:#574747;float:left;text-align:center;border-right:1px solid #D5CEC8;border-left:1px solid #FFFFFF;display:block;}
.Pagination a:link,.Pagination a:visited,.Pagination a:active,.Pagination a:hover{color:#574747;text-decoration:none;}
.Pagination strong {
	background:url('404.png') 0px -30px;
	padding:0px 2px;
	height:30px;
	line-height:30px;
	color:#ccc;
	float:left;
	text-align:center;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #ccc;
	display:block;
}
.Pagination_td1 {padding:0px 0px;height:30px;background:url('404.png') 0px 0px;border:1px solid #ccc;border-right:0px;text-align:left;}
.Pagination_td2 {padding:0px 8px;height:30px;background:url('404.png') 0px 0px;border:1px solid #ccc;border-left:0px;text-align:left;font-size:12px;}
.Pagination_inputtd {text-align:right;}
.Pagination_input {background-color:#FFFFFF;background:url('404.png') repeat-x 0px -80px;height:16px;padding:1px;border:1px solid #CFCFCD;font-size:12px;}
.Pagination_epagetd {width:72px;}
.Pagination_epagenum a {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('404.png') 0px -60px;}
.Pagination_epagenum a:link,.Pagination_epagenum a:visited,.Pagination_epagenum a:active,.Pagination_epagenum a:hover{color:#574747;text-decoration:none;}
.Pagination_epagenum strong {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('404.png') -20px -60px;color:#C37300;font-weight:normal;}


.profile{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.profile li{
	width: 211px;
	font-weight: normal;
	margin-right: 33px;
	margin-top: 30px;
	color: #676767;
	float: left;
	height: 475px;
}
.profile li span{
	clear:both;
	}
.profile h1{
	font-size: 16px;
	font-weight: normal;
	margin: 10px 2px;
}

.pt20{padding-top:20px;}
.descript{ font-size:15px;margin:10px 0px;line-height:30px;color:#666666;}

.more{ width:100%; }
.more .lines{
	float: left;
	width: 900px;
	border-bottom: 1px solid #5c5c5c;
	margin-top: 10px;
}

.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../image/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../image/rocket.png) no-repeat 0 -62px;}