@charset "utf-8";

/* 整体样式基础 */
body {width:1000px; margin:0 auto; padding:0; color:#555; font-size:12px; background-color:#fff; background-image:url(/images/body_bg.jpg); background-repeat:repeat-x; cursor:url('/images/cur.cur');}
div,span,em,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,fieldset {margin:0; padding:0; border:none; font-size:12px; font-style:normal; list-style-type:none;}
form,input,select,textarea {background:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*颜色基色 [定义规则：小写c加颜色名称,深色c后面加大写D,浅色c后面加大写E] */
.cWhite,a.cWhite:link,a.cWhite:visited {color:#fff;}			/*白色*/
.cBlack,a.cBlack:link,a.cBlack:visited {color:#000;}			/*黑色*/
.cRed,a.cRed:link,a.cRed:visited {color:#f00;}					/*红色*/
.cERed,a.cERed:link,a.cERed:visited {color:#f99;}				/*浅红色*/
.cDRed,a.cDRed:link,a.cDRed:visited {color:#900;}				/*深红色*/
.cPurple,a.cPurple:link,a.cPurple:visited {color:#c0f;}			/*紫色*/
.cEPurple,a.cEPurple:link,a.cEPurple:visited {color:#c6f;}		/*浅紫色*/
.cDPurple,a.cDPurple:link,a.cDPurple:visited {color:#609;}		/*深紫色*/
.cBlue,a.cBlue:link,a.cBlue:visited {color:#03c;}				/*蓝色*/
.cEBlue,a.cEBlue:link,a.cEBlue:visited {color:#9cf;}			/*浅蓝色*/
.cDBlue,a.cDBlue:link,a.cDBlue:visited {color:#039;}			/*深蓝色*/
.cGreen,a.cGreen:link,a.cGreen:visited {color:#0c0;}			/*绿色*/
.cEGreen,a.cEGreen:link,a.cEGreen:visited {color:#cf9;}			/*浅绿色*/
.cDGreen,a.cGreen:link,a.cDGreen:visited {color:#060;}			/*深绿色*/
.cYellow,a.cYellow:link,a.cYellow:visited {color:#ff0;}			/*黄色*/
.cEYellow,a.cEYellow:link,a.cEYellow:visited {color:#fc9;}		/*浅黄色*/
.cDYellow,a.cDYellow:link,a.cDYellow:visited {color:#990;}		/*深黄色*/
.cOrange,a.cOrange:link,a.cOrange:visited {color:#f60;}			/*橙色*/
.cEOrange,a.cEOrange:link,a.cEOrange:visited {color:#f93;}		/*浅橙色*/
.cDOrange,a.cDOrange:link,a.cDOrange:visited {color:#c60;}		/*深橙色*/
.cGray,a.cGray:link,a.cGray:visited {color:#666;}				/*灰色*/
.cEGray,a.cEGray:link,a.cEGray:visited {color:#aaa;}			/*浅灰色*/
.cDGray,a.cDGray:link,a.cDGray:visited {color:#333;}			/*深灰色*/

/*基色变化 [定义规则：小写m加颜色名称,深色c后面加大写D,浅色c后面加大写E] */
a.mWhite:hover,a.mWhite:active {color:#fff;}					/*白色*/
a.mBlack:hover,a.mBlack:active {color:#000;}					/*黑色*/
a.mRed:hover,a.mRed:active {color:#f00;}						/*红色*/
a.mERed:hover,a.mERed:active {color:#f99;}						/*浅红色*/
a.mDRed:hover,a.mDRed:active {color:#900;}						/*深红色*/
a.mPurple:hover,a.mPurple:active {color:#c0f;}					/*紫色*/
a.mEPurple:hover,a.mEPurple:active {color:#c6f;}				/*浅紫色*/
a.mDPurple:hover,a.mDPurple:active {color:#609;}				/*深紫色*/
a.mBlue:hover,a.mBlue:active {color:#03c;}						/*蓝色*/
a.mEBlue:hover,a.mEBlue:active {color:#9cf;}					/*浅蓝色*/
a.mDBlue:hover,a.mDBlue:active {color:#039;}					/*深蓝色*/
a.mGreen:hover,a.mGreen:active {color:#0c0;}					/*绿色*/
a.mEGreen:hover,a.mEGreen:active {color:#cf9;}					/*浅绿色*/
a.mDGreen:hover,a.mDGreen:active {color:#060;}					/*深绿色*/
a.mYellow:hover,a.mYellow:active {color:#ff0;}					/*黄色*/
a.mEYellow:hover,a.mEYellow:active {color:#fc9;}				/*浅黄色*/
a.mDYellow:hover,a.mDYellow:active {color:#990;}				/*深黄色*/
a.mOrange:hover,a.mOrange:active {color:#f60;}					/*橙色*/
a.mEOrange:hover,a.mEOrange:active {color:#f93;}				/*浅橙色*/
a.mDOrange:hover,a.mDOrange:active {color:#c60;}				/*深橙色*/
a.mGray:hover,a.mGray:active {color:#666;}						/*灰色*/
a.mEGray:hover,a.mEGray:active {color:#aaa;}					/*浅灰色*/
a.mDGray:hover,a.mDGray:active {color:#333;}					/*深灰色*/

/*字体属性 [定义规则：小写f加属性名称] */
.fB {font-weight:bold;}		/* 粗体字 */

/*字体大小 [定义规则：小写f加字体大小] */
.f12 {font-size:12px;}
.f14 {font-size:14px;}

/*定义常用样式类*/
.hand {cursor:pointer;}		/* 鼠标滑过变小手 */
.left {float:left;}			/* 居左 */
.right {float:right;}		/* 居右 */

.header {width:950px; height:161px; clear:both;}

.main {width:950px; float:left; clear:both;}
  .main .wrap {width:950px; float:left; margin-bottom:10px; clear:both;}
    .main .wrap .comProduct {width:265px; height:240px; margin-top:10px; float:left;}
	  .main .wrap .comProduct .title {width:265px; height:36px; background-image:url(/images/ComProduct_title.jpg); clear:both;}
	    .main .wrap .comProduct .title span {color:#fff; margin:8px 0 0 150px; float:left;}
	  .main .wrap .comProduct .content {width:249px; height:196px; padding:0 8px; background-image:url(/images/ComProduct_bg.jpg); clear:both; overflow:hidden;}
	    .main .wrap .comProduct .content .produ_box {width:249px; height:196px; overflow:hidden; position:relative;}
		  .main .wrap .comProduct .content .pro_lider {position:absolute;}
		    .main .wrap .comProduct .content .pro_lider li {display:inline;}
			.main .wrap .comProduct .content .pro_lider img {width:249px; height:196px; display:block;}
		  .main .wrap .comProduct .content .pro_num {position:absolute; margin-top:140px;}
		    .main .wrap .comProduct .content .pro_num img {width:50px; height:40px;}
			.main .wrap .comProduct .content .pro_num li{float:left; width:50px; height:40px; overflow:hidden; margin:8px 0px 0 8px; border:1px solid #fff; cursor:pointer; display:inline;}
			.main .wrap .comProduct .content .pro_num li.on{float:left; width:50px; height:40px; overflow:hidden; margin:4px 0px 0 8px; border:1px solid #fff; cursor:pointer; display:inline;}
	  .main .wrap .comProduct .end {width:265px; height:8px; background-image:url(/images/work_end.jpg); overflow:hidden; clear:both;}
	    .main .wrap .comProduct .end span {width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-weight:bold; background-image:url(/images/ComProduct_switch2.jpg); margin:10px 3px 0 3px; cursor:pointer; float:left;}
		.main .wrap .comProduct .end #on {color:#900; background-image:url(/images/ComProduct_switch1.jpg);}
	.main .wrap .video {width:380px; height:230px; margin:0 5px; padding:10px 15px; background-image:url(/images/video_bg.jpg); float:left;}
	.main .wrap .service {width:265px; height:240px; margin-top:10px; float:left;}

	.main .wrap .areaLeft {width:675px; height:467px; float:left;}
	  .main .wrap .areaLeft .info {width:675px; height:240px; margin-bottom:10px; clear:both;}
	    .main .wrap .areaLeft .info .work {width:265px; height:240px; float:left;}
		  .main .wrap .areaLeft .info .work .title {width:245px; height:36px; line-height:30px; background-image:url(/images/work_title.jpg); color:#fff; padding-left:20px; clear:both;}
		  .main .wrap .areaLeft .info .work .content {width:265px; height:196px; background-image:url(/images/work_bg.jpg); clear:both;}
			.main .wrap .areaLeft .info .work .content ul {width:245px; height:176px; margin:0 10px;}
			.main .wrap .areaLeft .info .work .content li {width:235px; height:22px; line-height:22px; padding-left:10px; background-image:url(/images/dot.gif); background-repeat:no-repeat; background-position:0 7px;}
			  .main .wrap .areaLeft .info .work .content li a {color:#333; text-decoration:none;}
			  .main .wrap .areaLeft .info .work .content li a:hover {color:#BC2931; text-decoration:underline;}
		  .main .wrap .areaLeft .info .work .end {width:265px; height:8px; background-image:url(/images/work_end.jpg); overflow:hidden; clear:both;}

		.main .wrap .areaLeft .info .news {width:400px; height:240px; float:right;}
		  .main .wrap .areaLeft .info .news .title {width:360px; height:36px; line-height:30px; background-image:url(/images/news_title.jpg); color:#fff; padding:0 20px; clear:both;}
		  .main .wrap .areaLeft .info .news .content {width:380px; height:190px; padding:3px 10px; background-image:url(/images/news_bg.jpg); clear:both;}
		    .main .wrap .areaLeft .info .news .content .newsList {width:380px; height:190px; overflow:hidden; clear:both;}
			  .main .wrap .areaLeft .info .news .content .newsList li {height:18px; line-height:18px; padding-left:10px; background-image:url(/images/dot.gif); background-repeat:no-repeat; background-position:0 7px;}
			    .main .wrap .areaLeft .info .news .content .newsList li a {color:#333; text-decoration:none; float:left;}
				.main .wrap .areaLeft .info .news .content .newsList li a:hover {color:#BC2931; text-decoration:underline;}
				.main .wrap .areaLeft .info .news .content .newsList li em {float:right; color:#aaa;}
		  .main .wrap .areaLeft .info .news .end {width:400px; height:8px; background-image:url(/images/news_end.jpg); overflow:hidden; clear:both;}

	  .main .wrap .areaLeft .product {width:675px; height:217px; clear:both;}
	    .main .wrap .areaLeft .product .title {width:505px; height:36px; line-height:30px; background-image:url(/images/product_title.jpg); color:#fff; padding:0 20px 0 150px; clear:both;}
		.main .wrap .areaLeft .product .content {width:675px; height:173px; background-image:url(/images/product_bg.jpg); clear:both;}
		  .main .wrap .areaLeft .product .content .proLeft {width:18px; height:64px; position:absolute; margin-left:2px; margin-top:35px; cursor:pointer;}
		  .main .wrap .areaLeft .product .content .proRight {width:18px; height:64px; position:absolute; margin-left:655px; margin-top:35px; cursor:pointer;}
		  .main .wrap .areaLeft .product .content .buy_ok_ul {width:629px; height:155px; margin:8px 23px; overflow:hidden;}
		    .main .wrap .areaLeft .product .content .buy_ok_ul ul {width:1100px; height:155px;}
			.main .wrap .areaLeft .product .content .buy_ok_ul ul li {width:145px; height:155px; margin:0 6px; float:left; display:inline;}
			  .main .wrap .areaLeft .product .content .buy_ok_ul ul li .proImg {width:135px; height:110px; padding:5px; background-image:url(/images/product_bos.jpg); display:block;}
			  .main .wrap .areaLeft .product .content .buy_ok_ul ul li .proImg:hover {background-image:url(/images/product_box.jpg);}
			  .main .wrap .areaLeft .product .content .buy_ok_ul ul li .proNam {width:145px; height:25px; line-height:25px; text-align:center; color:#BC2931; margin-top:10px; background-image:url(/images/product_txt.jpg); display:block;}
			  .main .wrap .areaLeft .product .content .buy_ok_ul ul li .proNam:hover {color:#fff; background-image:url(/images/product_txb.jpg); text-decoration:none;}
		.main .wrap .areaLeft .product .end {width:675px; height:8px; background-image:url(/images/product_end.jpg); overflow:hidden; clear:both;}

	.main .wrap .areaRight {width:265px; height:467px; float:right;}
	  .main .wrap .areaRight .client {width:265px; height:467px; clear:both;}
	    .main .wrap .areaRight .client .title {width:265px; height:36px; background-image:url(/images/client_title.jpg); clear:both;}
	      .main .wrap .areaRight .client .title span {color:#fff; margin:8px 0 0 150px; float:left;}
	    .main .wrap .areaRight .client .content {width:251px; height:402px; padding:10px 7px; background-image:url(/images/client_bg.jpg); clear:both; overflow:hidden;}
		  .main .wrap .areaRight .client .content .client_box {width:115px; height:114px; display:inline; margin:10px 5px; float:left;}
	    .main .wrap .areaRight .client .end {width:265px; height:8px; background-image:url(/images/client_end.jpg); overflow:hidden; clear:both;}

  .main .Partners {width:950px; height:80px; clear:both; margin-bottom:10px;}
    .main .Partners .title {width:940px; height:28px; line-height:28px; color:#c00; padding-left:10px; font-size:14px; font-weight:bold; background-image:url(/images/Partners_title.jpg);}
	.main .Partners .content {width:950px; height:49px; background-image:url(/images/Partners_bg.jpg);}
	  .main .Partners .content .moveLeft {width:10px; height:31px; margin:9px; float:left; display:inline;}
	  .main .Partners .content .links {width:894px; height:31px; margin:9px 0; float:left; display:inline;}
	    .main .Partners .content .links a {width:88px; height:31px; margin-left:10px; float:left; display:inline;}
	  .main .Partners .content .moveRight {width:10px; height:31px; margin:9px; float:left; display:inline;}
	.main .Partners .end {width:950px; height:2px; overflow:hidden; background-image:url(/images/Partners_end.jpg);}

.inside {width:926px; float:left; clear:both; padding:12px; background-image:url(/images/inside_bg.jpg); background-repeat:repeat-x; margin-top:10px;}
  .inside .leftBar {width:200px; float:left; display:inline;}
    .inside .leftBar .subNav {width:200px; float:left; clear:both;}
	.inside .leftBar .contact {width:200px; float:left; clear:both;}
  .inside .rightBar {width:680px; float:right; display:inline; margin:0 18px;}
    .inside .rightBar .theme {width:680px; height:56px; margin-bottom:10px; clear:both; background-image:url(/images/theme_bg.jpg); background-repeat:no-repeat; background-position:bottom;}
	  .inside .rightBar .theme .titleflash {width:350px; height:50px; float:left;}
	  .inside .rightBar .theme .breadCrumb {width:330px; height:50px; line-height:59px; text-align:right; float:left;}
	    .inside .rightBar .theme .breadCrumb a {color:#555;}
		.inside .rightBar .theme .breadCrumb a:hover {color:#f60;}
		.inside .rightBar .theme .breadCrumb em {color:#c00;}
	.inside .rightBar .banner {width:680px; height:150px; margin-bottom:15px; clear:both;}
	.inside .rightBar .container {width:680px; float:left; clear:both; overflow:hidden;}
	  .inside .rightBar .container .hrrr * {line-height:200%; font-size:14px;}
	  .inside .rightBar .container .hrrr dl {margin-bottom:10px;}
	  .inside .rightBar .container .hrrr dd {font-size:12px; color:#999; padding-left:2em;}
	
	.inside .rightBar .container .news_tage {width:680px; height:30px; line-height:30px; background-image:url(/images/news_list_tag.jpg); clear:both;}
	  .inside .rightBar .container .news_tage .news_title {width:555px; margin-left:25px; color:#F0B38F; float:left;}
	  .inside .rightBar .container .news_tage .news_date {width:100px; text-align:center; color:#F0B38F; float:left;}
	.inside .rightBar .container .news_list {width:680px; float:left; clear:both;}
	  .inside .rightBar .container .news_list li {width:680px; height:29px; background-image:url(/images/dot.gif); background-repeat:no-repeat; background-position:13px 10px; border-bottom:1px solid #E7BAA5; background-color:#ffffff; clear:both;}
	  .inside .rightBar .container .news_list li:hover {background-color:#FFFAE7;}
	    .inside .rightBar .container .news_list li .news_title {width:555px; height:29px; line-height:29px; margin-left:25px; color:#aaa; float:left;}
		  .inside .rightBar .container .news_list li .news_title a {color:#555;}
		  .inside .rightBar .container .news_list li .news_title a:hover {color:#c00;}
	    .inside .rightBar .container .news_list li .news_date {width:100px; height:29px; line-height:29px; text-align:center; color:#aaa; float:left;}
	.inside .rightBar .container .productBox {width:693px; float:left; clear:both; margin-bottom:13px; _margin-bottom:0;}
	  .inside .rightBar .container .productBox dl {width:200px; height:156px; overflow:hidden; padding:9px; margin-right:13px; margin-bottom:13px; background-image:url(/images/productBox_bg1.jpg); cursor:pointer; float:left;}
	  .inside .rightBar .container .productBox dl:hover {}
	    .inside .rightBar .container .productBox dl dt {width:200px; height:130px;}
		.inside .rightBar .container .productBox dl dd {width:200px; height:26px;}
		  .inside .rightBar .container .productBox dl dd a {display:block; color:#555; width:200px; height:26px; line-height:26px; text-align:center;}
		  .inside .rightBar .container .productBox dl dd a:hover {text-decoration:none;}
	.inside .rightBar .container .theme_end {background-image:url(/images/theme_bg2.jpg); width:680px; height:6px; overflow:hidden; margin-bottom:7px;}

.footer {width:950px; height:97px; background-image:url(/images/footer_bg.jpg); margin-top:10px; float:left; clear:both;}
  .footer .endNav {width:950px; height:35px; line-height:35px; text-align:center;}
  .footer .copyRight {width:950px; height:60px; line-height:20px; text-align:center; color:#333; font-family:Arial;}
    .footer .copyRight a {color:#666;}
  
#ShowInfo {width:680px; float:left; clear:both; overflow:hidden;}
  #ShowInfo .title {width:680px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-image:url(/images/news_list_tag.jpg);}
  #ShowInfo .contact {width:680px; float:left; clear:both;}
	#ShowInfo .contact .newsImg {width:680px; text-align:center;}
	#ShowInfo .contact .newsTxt {width:670px; float:left; clear:both;}
	  #ShowInfo .contact .newsTxt * {line-height:180%;}
  #ShowInfo .date {width:650px; height:40px; margin:0 15px; line-height:40px; border-bottom:1px solid #ddd; font-size:12px; text-align:center;}
  
#ProductDemo {width:680px; height:245px; clear:both; text-align:center; background-image:url(/images/productDemo_bg.jpg); background-position:bottom; background-repeat:no-repeat;}
#ProductInfo {width:680px; float:left; clear:both;}
  #ProductInfo .title {width:680px; height:56px; line-height:50px; text-align:center; background-image:url(/images/product_name.jpg); padding-top:15px;}
    #ProductInfo .title span {font-size:20px; font-family:"黑体";}
  #ProductInfo .contact {width:680px; float:left; clear:both; background-image:url(/images/Productinfo_bg.jpg); overflow:hidden;}
    #ProductInfo .contact * {line-height:170%; font-size:14px;}
  #ProductInfo .end {width:680px; height:7px; background-image:url(/images/Productinfo_end.jpg); overflow:hidden;}

#page a {color:#555; text-decoration:none;}
#page a:hover {color:#900; text-decoration:underline;}