body{
	font-size:12px;background-image:url(/images/a1_1.jpg); background-attachment:scroll; background-repeat:repeat;color:#a3a3a3;
	margin:0px auto; font-family:"ËÎÌå";
}
td{color:#a3a3a3; font-family:"ËÎÌå"; }
*{ text-decoration:none}
div,ul,li,table {
    color: #a3a3a3;
    font-size: 12px;
    font-family: "ËÎÌå";
    margin: 0 auto;
    padding: 0;
    list-style: none
}


.input {
    height: 25px;
    border: 1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    padding-top: 5px
}


a,a:link,a:visited,a:active {
    color: #A3A3A3;
    text-decoration:none;
}

a:hover {
    text-decoration: none;
    color: #710401;
  
}

img {
    border: none
}
#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}
img{ border:0px;}
.clear{ clear:both}
.org,.org a{ color:#BE2A28}
.org1,.org1 a{ color:#E17900;font-size:12px;  }
.org1 a:hover{ color:#ff6c00; font-size:12px;}
.org2,.org2 a{ color:#ffffff; font-family:"ËÎÌå";}
.zi4_1,.zi4_1 a:link,.zi4_1 a:visited{
	color:#FC8B01; 
	font-size: 14px; font-weight:bold;
	}
.zi4_1 a:hover {
font-size:14px; text-decoration:none;
	color: #FC8B01!important;font-weight:bold;}
	
	.zi5_1,.zi5_1 a:link,.zi5_1 a:visited{
	color:#ffffff;font-weight:bold;
	font-size:14px;
	}
.zi5_1 a:hover {
	color:#ffffff!important;
	font-size:14px;text-decoration:none;font-weight:bold;
	}
.Dot{ border-bottom:1px dotted #2F2F2F}
.bb{ color:#FFFFFF;}
.menu { }
.menu  {font-size:12px;  color:#ffffff; font-family:"ËÎÌå";}
.menu  a {display:block; font-size:14px;font-family:"ËÎÌå"; color: #000000;text-decoration: none; }
.menu  a:hover { color: #000000; font-family:"ËÎÌå";}
#indexWarp{width:1023px; height:442px; background:url(/images/bg.jpg) no-repeat}
.line25{line-height:25px}
.Mesinput{height:18px; padding-top:2px; border:1px solid #666 ; background-color:#000000;}
.Mesinput1{padding:2px; border:1px solid #666;background-color:#000000;}


#content{width:100%; float:left; height:auto}
#content img{ max-width:700px}

.white,.white a{color:#FFFFFF}
.Tw{font-weight:bold}



.wryh,.wryh a{font-family:"ËÎÌå"}


#logo_search{
	width:100%;
	height:94px;
	background-image:url(/images/top_bj.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#logo_search .c{
	width:1000px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
}
#logo_search .logo{
	width:580px;
	height:90px;
	float:left;
}
	
.wrapper {

    width: 1000px;
    margin: 0 auto;
	float:left
}
#top_line{
	width:100%;
	height:25px;
	background-color:#8A8A8A;
	overflow:hidden;
	line-height:25px;
}
#mypage{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.aboutus{
	width:1000px;
	overflow:hidden;
	background-image:url(/images/contact_bj.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.aboutus .part1{
	width:385px;
	height:100px;
	line-height:25px;
	color:#000000;
	margin-top:20px;
}
.whyabout{
	width:1000px;
	color:#E40404;
	line-height:25px;

}
.whyabout h3{
	font-size:22px;
	padding:15px 0px;
	font-weight:bolder;
	font-family:"΢ÈíÑźÚ";

}
.service{
	width:1000px;
	overflow:hidden;
	margin-top:10px;
}
.service a{
	font-size:14px;
	height:25px;
	color:#FFFFFF;
	background-color:#E21001;
	line-height:25px;
	padding:5px 10px;
	font-weight:bolder;
	margin-top:10px;
	}
.service p{
	padding-top:7px;
	padding-left:10px;
	line-height:22px;
	padding-bottom:7px;

}
.contactus{
	width:1000px;
	line-height:25px;
	padding-left:20px;
	padding-top:20px;
}
.contactus b{
	color:#000000;
	font-size:21px;
	font-family:"΢ÈíÑźÚ";
}	
#top_line a{ color:#FFFFFF; float:left;}
#top_line .c{
	width:1000px;
	height:25px;
	color:#FFFFFF;
	overflow:hidden;
	margin:0 auto;
	}

.introImageIndexes a {
	display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
	*margin-right: 12px;
}

.introImageIndexes a.active {
   
}	

h2 {
    height: 40px;
    padding-top: 70px;
    margin-top: -30px;
    border-bottom: 4px solid #312724;
    font: 28px/40px "Arial Rounded MT Bold","Arial Bold",Arial,sans-serif;
    color: #333333;
}
h2#cases {
	margin-top: -50px;
}
h2 span {
	position: relative;
	top: -3px;
	font: 25px 'Microsoft Yahei';
	padding-left: 6px;
}

.dashBottom {
    padding: 30px 0;
	background-image:url(/images/a1_14.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
    overflow: hidden;
    zoom: 1;
	overflow:hidden;
}  

.casesWrapper {
    overflow: hidden;
}     

.caseVideo {
    position: relative;
    float: left;
    width: 362px;
    HEIGHT: 204px;*HEIGHT: 215px
}

.caseVideo img {
    width: 100%;
    height: 100%;
}

.caseVideoa {
    position: relative;
    float: left;
    width: 362px;
    HEIGHT: 204px;*HEIGHT: 215px
}

.caseVideoa img {
    width: 100%;
    height: 100%;
}

.caseVideo .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
  
    text-indent: -1000em;
    overflow: hidden;COLOR: #FD8A00; 
}  

.caseVideo .playBtna {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
  
    text-indent: -1000em;
    overflow: hidden;COLOR: #FD8A00; 
}   

.caseVideo .playBtn:hover {
      
}

.video-loading {
/*	background: url(/images/icon-loading.gif) no-repeat center center #000;   */ 
	background: url(/images/emotion-load.jpg) no-repeat center center;     
	background: url(/images/youku.jpg) no-repeat center center;
}                           

.caseSummary {
    POSITION: absolute; WIDTH: 604px; FONT-FAMILY: "ËÎÌå", Arial, sans-serif; HEIGHT: 227px; MARGIN-LEFT: 392px; OVERFLOW: hidden;top:10px;*top: 25px; LEFT: 0px
}

.caseSummary h3 {
    padding: 8px 0 2px 0;
    font-weight: bold;
    font-size: 12px;   
    font-family: "ËÎÌå",Arial,sans-serif;
    color: #626266;
}

.caseSummary h3 a {
    color: #E17900;
    text-decoration: none;
}

.caseSummary h3 a:hover {
  text-decoration: underline;
}

.caseSummary .date {
    padding-bottom: 6px; 
    font-weight: bold; 
    font-size: 12px;  
    font-family: "ËÎÌå";
    color: #9f9f9f;  
}

.caseSummary p {
    font-size: 12px;
    line-height: 1.5em;
    color: #626266;
}

.caseSummary .playBtn {
   BACKGROUND-IMAGE: url(/images/a1_15.jpg); POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 36px; BOTTOM: 0px; PADDING-RIGHT: 9px; BACKGROUND-REPEAT: no-repeat; FONT: 13px "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif; BACKGROUND-POSITION: left center; COLOR: #FD8A00; TEXT-DECORATION: none; PADDING-TOP: 0px; LEFT: 0px
}
.playBtns{POSITION: absolute;BOTTOM: 0px; PADDING-RIGHT: 9px; FONT: 13px "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif;  COLOR: #FD8A00; TEXT-DECORATION: none; PADDING-TOP: 0px; LEFT: 0px}
.caseSummary .playBtna {
   BACKGROUND-IMAGE: url(/images/a1_15.jpg); POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 36px; BOTTOM: 0px; PADDING-RIGHT: 9px; BACKGROUND-REPEAT: no-repeat; FONT: 13px "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif; BACKGROUND-POSITION: left center; COLOR: #FD8A00; TEXT-DECORATION: none; PADDING-TOP: 0px; LEFT: 0px
}

.caseSummary .playBtn:hover {  
    text-decoration: underline;
}

.caseSummary .playBtn-js:hover {
    background-color: transparent;
}

.casesWrapper .dashBottom {
    position: relative;   
}

.casesWrapper .closeBtn {
	position:absolute;
    display: none;
    right: 0;
    bottom: 24px;     
    padding: 1px 0px 1px 36px;
    background: url(/images/playBtn2-bg.png) no-repeat 3px center;
    font: 13px "Arial Rounded MT Bold","Arial Bold",Arial,sans-serif;
    text-decoration: none;
    color: #333333;
    opacity: 0;
} 

.casesWrapper .closeBtn:hover {
    text-decoration: underline;
}

.moreCases {
    padding: 1px 0;
    text-align: center;
}

.main {
	float: left;
	width: 1000px;
	padding-top:0px;
	padding-bottom: 10px;
}

#zi_head{
	width:1000px;
	height:215px;
	overflow:hidden;
	margin:0 auto;
}
#zi_head .left{
	width:620px;
	height:210px;
	border:1px #CCCCCC solid;
	padding:1px;
	float:left;
}
#zi_head .right{
	width:270px;
	height:210px;
	border:1px #CCCCCC solid;
	padding:1px;
	float:right;
}
#zi_page{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	color:#000000;
}
#zi_page .info{
	width:100%;
	padding:10px 0px;
	line-height:24px;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	word-spacing:1px;
}
#zi_page a{ color:#000000;}
#zi_page_left{
	width:622px;
	float:left;
	overflow:hidden;
}
#zi_page_left1{
	width:1000px;
	float:left;
	overflow:hidden;
}
#zi_page .zl{
	width:280px;
	height:400px;
	padding:9px;
	border:1px #DFDFDF solid;
	float:left;
	margin-left:10px;
	margin-top:15px;
}
#zi_page .zl .pic{
	width:280px;
	height:220px;
	overflow:hidden;
}
#zi_paget .zl .pic img{
	width:280px;
	height:220px;
}
#zi_page .zl .titc{
	width:280px;
	line-height:25px;
}
#zi_page .zl .titc b{
	padding:10px 0px;
	font-size:18px;
	color:#767676;
}
#zi_page_right{
	width:272px;
	float:right;
}
#zi_page .nav{
	width:100%;
	height:30px;
	line-height:30px;
	border-bottom:1px #E6E6E6 solid;
}
#zi_page .small_sort{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:10px;
}
#zi_page .small_sort a{
	width:90px;
	height:28px;
	text-align:center;
	line-height:28px;
	float:left;
	margin-left:10px;
	overflow:hidden;
	border:1px #DFDFDF solid;
	display:block;
}
#zi_page .small_sort .ck{
	background-color:#DFDFDF;
}
#zi_page_left ul{
	padding-left:0px;
}
#zi_page_left li{
	width:100%;
	height:105px;
	padding:20px 0px;
	border-bottom:1px #E6E6E6 solid;
	line-height:25px;
}
zi_page_left li .l{
	width:106px;
	height:105px;
	float:left;
}
#zi_page_left li .l img{
	width:160px;
	height:105px;
	float:left;
}
#zi_page_left li .r{
	width:450px;
	float:right;
}
#zi_page_left li .r b{
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	color:#000000;
}
#zi_page_left .tim{
	color:#999997;
}
#zi_page_right .contact{
	width:100%;
	height:177px;
	background-image:url(/images/zi_right_bj.jpg);
}
.com_ly{
	width:960px;
	border:1px #DFDFDF solid;
	line-height:24px;
	margin:0 auto;
}
.com_ly .titcc{
	width:100%;
	height:25px;
	line-height:25px;
	background-color:#DFDFDF;

	
}
.com_ly .tit_l_r{
	width:300px;
	height:25px;
	line-height:25px;
	float:left;
	margin-left:5px; 
	overflow:hidden;
}
.com_ly .nr{
	width:960px;
	padding:5px;
	margin:0 auto;
	line-height:24px;
}
.regg{ width:350px; margin:0 auto; padding:3px 0px; margin-top:0px; overflow:hidden }
.regg .zd{ width:80px; height:22px; line-height:22px; text-align:center; color:#000000; font-weight:bold; float:left;}
.regg .cc{ width:155px; float:left; height:24px; margin-left:2px;}
.giff{ width:50px; height:20px; float:left; line-height:20px; border:1px #FDD397 solid;}


#tool{ width:100%; background:#8a8a8a; height:24px}
#toolw{ width:1000px;height:24px; line-height:24px}
#toolw span{ float:right}
.white,.white a{ color:#fff}
#header{ width:1000px; height:97px}
#logo{ float:left; margin-left:56px}
#xcbt{ font-size:16px; float:left; color:#9e9fa1; margin-top:54px}
#yctit{ float:right; margin-top:56px;color:#FC8A05}
#menu{ width:1000px; height:44px; background:url(/images/a1_5.jpg); margin-bottom:5px}
#menu a{ color:#333}
#home{ width:75px; float:left; line-height:44px; height:44px; background:url(/images/a1_3.jpg); text-align:center; font-size:14px; border-right:1px solid #fff}
#nave{ float:left;}
#nave ul{ display:inline}
#nave li{ float:left; width:100px; text-align:center; font-size:14px;line-height:44px; height:44px}
#menur{ width:305px; float:right; border-left:2px solid #FFF; background:url(/images/a1_34.jpg); height:44px}
#topqq{ float:right}
#topzx{ float:right; width:180px; color:#fff}
#topzx strong{ float:left; width:72px; color:#fff; font-size:14px; margin-top:8px}
#topzx span{ float:left; width:100px; color:#fff; font-size:14px; line-height:18px; font-weight:bold; margin-top:4px}
#kinMaxShow {BACKGROUND-COLOR: #000000; WIDTH: 1000px; HEIGHT: 350px;OVERFLOW: hidden; margin-bottom:10px}
#kinMaxShow IMG {WIDTH: 1000px; HEIGHT: 350px}
#kinMaxShow P.title {font-size:14px;POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000); LINE-HEIGHT: 30px; TEXT-INDENT: 10px; WIDTH: 100%; BOTTOM: 0px; DISPLAY: block;  HEIGHT: 30px; COLOR: #fff; LEFT: 0px; font-weight:bold}
#warp{ width:1000PX}
#warps{ width:1000PX; overflow:hidden; margin-bottom:5px}
#h_zpclass{ width:243px; float:left; margin-bottom:8px}
#h_zpclassa{ width:100%; float:left; height:23px; line-height:23px; background:#fd8a00; text-align:center; color:#000; margin-bottom:3px; font-size:14px}
#h_zpclassb{ width:100%; float:left; height:112px;}
#h_zpclassb img{ width:243px; height:112px;}
.h_mar{ margin-right:9px}
#jja{ width:100%; float:left;line-height:28px; font-size:14px; color:#a3a3a3}

#h_zpclassv{ width:195px; float:left; margin-bottom:8px}
#h_zpclassav{ width:100%; float:left; height:23px; line-height:23px; background:#fd8a00; text-align:center; color:#000; margin-bottom:3px; font-size:14px}
#h_zpclassbv{ width:100%; float:left; height:115px;}
#h_zpclassbv img{ width:195px; height:115px;}
.h_marv{ margin-right:6px}


#I_ban{ width:100%; float:left; min-height:44px; border-bottom:2px solid #bbb4ae; margin-top:4px}
#gdipo{ width:100%; float:left; text-align:right; margin-bottom:24px}
#yfont{ width:100%; float:left; color:#FD8A00; font-size:14px; font-weight:bold; height:30px; padding-top:15px}
#gywm{ width:100%; float:left; height:35px; color:#a3a3a3}

#tabContainer
{
float:left;
width:100%;
height:35px; border-bottom:2px solid #b5b5b5;
margin-top:40px;
margin-bottom:24px
}

#tabContainer li
{
padding:0;
float: left;
width: 110px;
text-align: center;
height:35px;
font-size:14px;
margin-right:10px;
font-weight:bold
}
#tabContainer a
{
display: block;
height:35px;
font-size:14px;
line-height:35px;
color:#fff;
background:#1d1d1d;
margin-right:2px
}
#tabContainer a.on
{
height:35px;
font-size:14px; 
line-height:35px;
color:#fd8a00;
background:#1b1b1b;
margin-right:2px

}
#gyimg{ height:330px; float:left; width:100%}
#gyimg img{ height:295px; width:1000px}
#empty{width:100%; float:left; height:25px;}
#emptya{width:100%; float:left; height:15px;}
#ywfw{ width:100%; float:left; height:123px; margin-bottom:18px; background:url(/images/a1_14.jpg) bottom repeat-x}
#ywfwl{ width:185px; float:left; height:95px}
#ywfwl img{ width:185px; height:95px}
#ywfwr{ width:790px; float:right; height:95px}
#ywfwra{ width:100%; float:left; height:25px; font-weight:bold}
#ywfwrb{ width:100%; float:left; color:#a3a3a3; line-height:24px}
#lxwm{  width:100%; float:left;line-height:28px; margin-top:25px}

#foot{ width:100%; margin-top:35px; background:#282727; padding-top:10px; padding-bottom:10px; overflow:hidden}
#footl{ width:1000px;}
#footl li{ width:100%; line-height:24px; float:left}

#ny_ban{ width:100%; float:left; height:28px; border-bottom:2px solid #b9afba; margin-bottom:15px;}
#ny_ban strong{ padding-left:45px; padding-right:45px; float:left; height:28px; line-height:28px; background:#fd8a00; color:#000000; font-size:15px}
#ny_ban small{float:left; height:28px; line-height:28px;color:#a3a3a3; font-size:14px; margin-left:10px; font-family:Verdana, Geneva, sans-serif}
#ny_ban span{ float:right; font-size:12px}
#contarea{ width:100%; float:left; font-size:14px; line-height:28px}

#xwdt{ width:100%; float:left; background:url(/images/a1_14.jpg) bottom repeat-x; height:230px; margin-bottom:20px}
#xwdtl{ width:360px; float:left;height:200px;}
#xwdtl img{ width:360px;height:200px;}
#xwdtr{ width:610px; float:right;height:200px;}
#xwdtra{ width:100%; float:left;height:30px; font-weight:bold; padding-top:5px}
#xwdtrb{ width:100%; float:left;height:22px; font-weight:bold}
#xwdtrc{ width:100%; float:left; line-height:23px; height:132px; overflow:hidden}
#xwdtrd{ width:100%; float:left;height:22px;}

/*·ÖÒ³Ñùʽ*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:normal; font-family:ËÎÌå}
.page_list{height:24px;line-height:24px;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px; float:right}
.page_list a{display:inline-block;color:#e37c00;border:1px solid #e37c00;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #e37c00;background:#e37c00;}
.page_list a.on{color:#fff;border:1px solid #e37c00;background:#e37c00;}


/*ÄÚÈÝ·ÖÒ³*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif}
.contPage a{display:inline-block;color:#fd8a00;background:#fff;text-align:center;}
.contPage a:hover{color:#fff;background:#fd8a00;}
.contPage a.on{color:#333;}

#allw{ width:100%; float:left}
#DispTitle{ width:100%; float:left; height:32px; border-bottom:1px dotted #2f2f2f; text-align:center; margin-top:20px;}
#infodisp{ width:100%; float:left;line-height:45px; text-align:center; margin-bottom:15px}
.text
{
  line-height: 22px; text-align:right; width:100%
}



.line
{
  width: 100%;
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px dashed #ccc;
}

#backnews
{
  width: 143px;
  height: 33px;
  text-align: center;
  display: block;
  color: #333333;
  background: #e0e0e0;
  line-height: 33px;
  cursor:pointer
}

#backnews:hover
{
  width: 143px;
  height: 33px;
  text-align: center;
  display: block;
  color: #fff;
  background: #fd8a00;
  line-height: 33px;
}
#backw{ width:100%; float:left; text-align:center; height:50px; margin-top:20px}
#backwA
{
  width: 100%;
  float: left;
  text-align: right;
  height: 50px;
}
#flashw{ width:1000px; height:505px}
#flash_bg{ width:100%; background:url(/images/flash_bg.png) no-repeat; height:490px}

#flash_bglist1{ width:166.6666px; float:left; height:490px}
#flash_bglist1:hover{ width:166px; float:left; height:490px; background:url(/images/bg_over.jpg);transition: all 0.5s;}

#flash_bglist2{ width:166.6666px; float:left; height:490px}
#flash_bglist2:hover{ width:166.6666px; float:left; height:490px; background:url(/images/bg_over.jpg); background-position:-166.66px 0;transition: all 0.5s;}

#flash_bglist3{ width:166.6666px; float:left; height:490px}
#flash_bglist3:hover{ width:166.6666px; float:left; height:490px; background:url(/images/bg_over.jpg); background-position:-334px 0;transition: all 0.5s;}

#flash_bglist4{ width:166.6666px; float:left; height:490px}
#flash_bglist4:hover{ width:166.6666px; float:left; height:490px; background:url(/images/bg_over.jpg); background-position:-500px 0;transition: all 0.5s;}

#flash_bglist5{ width:166.6666px; float:left; height:490px}
#flash_bglist5:hover{ width:166.6666px; float:left; height:490px; background:url(/images/bg_over.jpg); background-position:-666px 0;transition: all 0.5s;}

#flash_bglist6{ width:166.6666px; float:left; height:490px}
#flash_bglist6:hover{ width:166.6666px; float:left; height:490px; background:url(/images/bg_over.jpg); background-position:-833px 0;transition: all 0.5s;}


#zpfl{ border:1px solid #565656; background:#202020;width:156px; height:25px; line-height:25px; text-align:center; color:#a3a3a3; margin-bottom:10px; float:left}
#zpfl:hover{ border:1px solid #fd8a00; background:#fd8a00; width:156px; height:25px; line-height:25px; text-align:center; color:#000; margin-bottom:10px; float:left}
#zpfla{ border:1px solid #fd8a00; background:#fd8a00; width:156px; height:25px; line-height:25px; text-align:center; color:#000; margin-bottom:10px; float:left}
.zpmar{ margin-right:10px}<!--ºÄʱ1760194897.6331Ãë-->