@charset "utf-8";
/* CSS Document */
body{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; text-align:center; padding:0px;   background:url(../img/bg.jpg) repeat-y scroll center 0 #f3f3f3;}
h1,h2,h3,h4,h5,div,ul,li,form{margin:0; padding:0px; list-style-type:none; font-weight:normal; font-size:12px;} 
img{ border:0px;}
img a{ border:0px;}
img a:hover{ border:0px; cursor:pointer;}
p{padding:0px;margin:0; border:0px;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
a{text-decoration:none; color:#000;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}

.main{ width:1000px; margin:0 auto;  overflow:hidden;  background:url(../img/top.jpg) repeat-x; }
.header{ width:1000px; height:97px; background:url(../img/topbg.jpg) no-repeat scroll right top transparent;  overflow:hidden; }
.logo{ width:400px; height:94px; margin:0px 0 0 15px; float:left; text-align:left; }
.topright{ width:570px; float:left; text-align:right; color:#3d3d3d; margin-right:0px; }
.topright .lan{ margin-top:15px; }
.topright .lan a{ color:#3d3d3d; margin:0 10px; }
.lan a.cn{ background:url(../img/cn.jpg) no-repeat; padding-left:25px; }
.lan a.en{ background:url(../img/en.jpg) no-repeat; padding-left:25px; }

.search{ margin-top:20px; text-align:right; }
.search .sinput{ height:22px; width:139px; margin-right:5px; border:none; background:url(../img/s_input.jpg) no-repeat; padding-left:10px; line-height:22px; vertical-align:top; }
.search .sbtn{ height:22px; width:43px; margin-right:10px; background:url(../img/s_btn.jpg) no-repeat; border:none; *margin-bottom:3px; }
.search span{ color:#383131; font-size:14px; margin-right:10px; vertical-align:top; }

.nav{ width:100%; margin:1px auto 0; height:35px; background:url(../img/nav.jpg) repeat-x; overflow:hidden; }
.nav li{ float:left; font-weight:bold; text-align:center; line-height:35px; height:35px;  width:125px; background:url(../img/navbg.jpg) no-repeat scroll right 0 transparent; }
.nav li a{ color:#FFFFFF; display:block; width:123px; height:35px; }
.nav li.cur a,.nav a:hover{ background:url(../img/nav_hover.jpg) repeat-x; }
.nav li.last{ background:none; }

.banner{ width:1000px; padding:5px 0 0 5px; text-align:left; }
.indexleft{ float:left; width:216px; margin-top:10px; margin-left:5px; display:inline; }
.indexleft .box{ margin-bottom:5px; text-align:left; }
.indexleft .box2{  border-top:none; }
.indexleft .box2 img{ margin:5px 0; }
.indexleft .box h2{ height:27px; padding-left:10px; font-weight:bold; background:url(../img/tit.jpg) repeat-x; color:#FFFFFF; font-size:12px; line-height:27px; text-align:left; }
.indexleft li{background:#e2e2e2;/*background:url(../img/icon.jpg) no-repeat scroll 200px center #e2e2e2;*/ height:32px; line-height:32px; margin:2px 0; text-align:left;  padding-left:0px;font:normal 14px/32px "Microsoft YaHei";}
.indexleft li a{ color:#000;  padding-left:10px; display:block;  }
.indexleft li a:hover{ color:#000; background:#6699FF; }
.indexleft li.li_1{ background:url(../img/icon1.gif) no-repeat scroll 200px center #e2e2e2; }
.indexleft li.li_2{ background:url(../img/icon3.jpg) no-repeat scroll 200px center #bcb6b6; }
.indexleft .box span{ margin:10px; display:block; }
.indexleft .pbox li{ background:#FFFFFF; border-bottom:1px dashed #1882c5; }
.indexleft .pbox li a{ background:url(../img/icon2.jpg) no-repeat scroll 0 center transparent; }
.indexleft .pbox li:hover{ background:#d6dade; border:none;  }
.indexleft .pbox li:hover a{ background:url(../img/icon.jpg) no-repeat scroll 0 center transparent; }
#content{ float:left; margin-left:10px; width:765px; overflow:hidden; margin-top:10px; text-align:left; }
#content .title{ height:26px; line-height:27px; border-bottom:1px solid #0167a7; width:100%; }
#content .title h2{min-width:131px;float:left; text-align:left; padding-left:0px; color:#075092; font-size:14px; font-weight:bold; background:url(../img/title.jpg) no-repeat scroll 0 bottom transparent; }
#content .title span{ width:100px; float:right; text-align:right; margin-right:10px; font-size:12px; color:#FFFFFF; }
#content .title span a{ color:#732828; }
#content .title .more{float:right;margin-right:30px;font-weight:700;}
#content #about{ width:370px; float:left; }
#content #project{ width:380px; float:left; margin-left:15px; }
#content .pic{ margin-top:10px; float:left; width:255px; height:200px; text-align:left; }
#content .desc{ width:365px; padding-left:5px; border:1px solid #d7d7d7; margin-top:10px; height:245px; color:#534e4e; text-align:left;  overflow:hidden; }
#content .desc img{ float:right; margin:2px; }
#content .desc2{ width:370px; }
#content .desc2 li{ width:179px; height:150px;  text-align:center;  float:left; margin:5px 0 0 0; }
#content .desc2 li div{ border:1px solid #d7d7d7; height:120px; }
#content .desc2 li a{ color:#585a58 }
#content .desc2 li p{ line-height:32px; display:inline; }
#content .desc2 img{ float:none; }
#content .desc2 .news a{ color:#534e4e; line-height:32px; height:32px; background:url(../img/icon2.jpg) no-repeat scroll 0 center transparent; padding-left:15px; margin-left:5px; border-bottom:1px dashed #959292; width:340px; display:block; }
#content .product li{ float:left;  width:225px;  margin:0px 12px 0px 15px; text-align:center; overflow:hidden; }
#content .product li .pic{ border:1px solid #b4aeae; width:223px; height:223px; text-align:center; overflow:hidden;  }
#content .product li img{width:100%;height:100%;}
#content .product p{ height:32px; line-height:32px; float:left; text-align:center; display:block; width:100%;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
#content .product p a{ color:#000000;  }
.li_2,.li_3{ display:none; }
.txt_content{ margin:10px 0 0 0; }
.txt_content h3{ font-size:14px; color:#4782ac; }
.title2{ color:#000000; }
.title2 a{ color:#000000; margin:0 5px; }
.footer{ height:106px; width:1000px; background:#FFFFFF; padding-top:10px; color:#321717; }
.footer a{}

.con_about_1{ width:738px;}
.about_up{ width:572px; height:50px; background:url(../img/c_up.gif) center bottom no-repeat; margin:0px auto; padding:30px 132px 10px 33px;}
.about_up1{ width:738px; height:20px; background:url(../img/c_up1.gif) center bottom no-repeat; margin:0px auto; }
.about_bo{ width:738px; height:20px; background:url(../img/c_bo.gif) center top no-repeat; margin:0px auto;}
.about_ce{ width:672px;  background:url(../img/c_bj.gif) center top repeat-y; margin:0px auto; color:#3d3f41; padding:0px 32px 10px 33px; text-align:left;}


.fanye{ width:100%; padding-top:20px; padding-bottom:20px; text-align:center;font-size:16px;}

.fanye a,.fanye span{padding:5px 10px; color:#000; background-color:#FFFFFF; border:#ccc 1px solid;  margin:0px 2px; }

.fanye a:hover{ background-color:#656565; color:#FFFFFF; text-decoration:none;}
.fanye .hover{ background-color:#656565; color:#FFFFFF; text-decoration:none;}

.fanye a.bur,.fanye span.disabled{ color:#656565; background-color:#fff;}

.fanye a.burr,.fanye span.current{ background-color:#656565; color:#FFFFFF; text-decoration:none;}

.pro_main{ width:760px; padding:10px 0px;}

.pro_pic{width:450px; height:auto; overflow:hidden; float:left;}

.pro_pic1{width:364px; height:auto; margin-left:10px; text-align:center; overflow:hidden; float:left; border:#b9bdba 1px solid;}
.pro_pic1 img{width:100%;height:100%;}
.pro_pic2{width:436px; height:80px; padding-top:5px; float:left; text-align:left;}

.pro_pic2_left{width:10px; height:57px; overflow:hidden; float:left; padding-top:6px; background:url(../img/left.gif) center center no-repeat}

.pro_pic2_center{width:416px; height:68px; overflow:hidden; float:left; padding-top:2px;}

.pro_pic2_center img{ width:67px; height:62px; border:#b9bdba 1px solid; overflow:hidden; margin-left:5px; padding:1px;}

.pro_pic2_center img a{ border-color:#b9bdba;}

.pro_pic2_center img a:hover{ border-color:#b9bdba;}

.pro_pic2_right{width:10px; height:57px; overflow:hidden; float:left; padding-top:0px; background:url(../img/right.gif) center center no-repeat}

.pro_info{width:290px; height:auto; float:left; overflow:hidden; padding-left:0px; overflow:hidden; color:#332f2f; text-align:left;margin-left:20px;}

.pro_info h1{ font-size:14px; height:30px; text-align:left; color:#034fa3; font-size:14px; }

.pro_info p{ text-align:left; height:auto; width:319px; overflow:hidden;}

.pro_info p1{ width:369px; height:33px;}

.pro_info p1 a{ cursor:pointer;}

.summary{ color:#000000; font-size:12px; height:220px; overflow:hidden; }

.pro_right_title{ width:758px; height:34px; border-left:#d0d0d0 1px solid; border-right:#d0d0d0 1px solid; border-top:#d0d0d0 1px solid;background:url(../img/title_bj1.gif) left bottom repeat-x;}

.pro_right_title p{ width:728px; height:34px;  padding-left:30px;line-height:34px; color:#000000; text-align:left; background:url(../img/arrow00.gif) 10px center no-repeat;}

.pro_right_con{ width:750px; padding:5px; color:#000000; text-align:left;}
.pro_right_con img{max-width:100%;}
.ab_about{ width:755px; padding:5px 5px 5px 0px;  color:#333638; text-align:left;}

.pro_right_con1{ width:770px; padding:0px 0px; color:#333638; text-align:left;}

.p_tu1{ width:770px;}

/*factory*/

.factory_box{width:235px; height:205px; float:left; overflow:hidden; background:url(../img/factory_bj.gif) left top no-repeat;}

.highslide-gallery{ margin-left:10px; }

.factory_box img{ width:222px; height:168px; overflow:hidden; padding:4px 4px 0px 0px;}

.factory_box p{ text-align:center; height:20px; padding-top:10px;}

.factory_box p a{ text-align:center; height:20px; line-height:20px;}

.factory_box a:hover img{ border-color: #FF0000}

.factory_box a:hover{ color:#FF0000}

.margin_r_11 { margin:10px 14px 0px 0px;}

#news ul{}
#news ul li{ padding:10px 5px; border-bottom:1px dashed #cacaca; }
#news ul li .title{ color:#0e5a8b; background:none; border:none;}
#news ul li .title span{ color:#0e5a8b; }
#news ul li .title a { color:#0e5a8b }
#news ul li .left{ float:left;  width:600px; text-align:left; }
#news ul li .right{ float:right;  widht:100px; text-align:right; }
#news ul li .desc{ clear:both; height:auto; margin:0; border:none; width:100%; }

#news ul li a.more{ color:#fe0000; display:none; }

#support ul{ margin-top:10px; }
#support li .title{ background:none; padding-left:10px; color:#505050; background-color:#e2eaec; margin-top:15px; border:none; }
#support ul li .desc{ clear:both; height:auto; margin:0; padding-left:10px; padding-top:5px; width:100%; border:none; }
#support ul li .desc img{ float:none; }
#support .more{ margin-left:5px; position:relative; bottom:-5px; }

#contact{ width:764px; margin-left:0px; margin-top:10px; }
#contact .ctop{ width:764px; height:11px; background:url(../img/c_top.jpg) no-repeat; }
#contact .cbody{ width:764px; background:url(../img/c_middle.jpg) repeat-y; text-align:left; padding-left:20px;  }
#contact .cbottom{ width:764px; height:11px; background:url(../img/c_bottom.jpg) no-repeat; }
#contact .title{ color:#5d7aa5; padding:20px 0 40px; background:none; border:none; }


.banner{ width:1000px; padding:5px; text-align:left; height:258px; }
 #flash{ overflow:hidden; margin: 0 auto;left:5px;}
 #flash img{}
 #flash .num{ right: 15px; float: right; position: absolute; bottom: 10px;}
 #flash .num li{font-size: 0; background: url(../img/ico_flash.png) no-repeat 0 -10px; float: left; margin: 0 0 0 6px; width: 9px; height: 9px; cursor: pointer; line-height: 0; font-size: 0; line-height: 0;}
 #flash .num li.on{ background: url(../img/ico_flash.png) no-repeat 0 0; font-size: 0;width: 9px; height: 9px; line-height: 0; font-size: 0; line-height: 0;}



		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #fff; background:#f4f4f4; cursor:pointer;
			font:normal 14px/32px "Microsoft YaHei";
		}
		.sideMenu h3:hover{background:#6699FF;}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../img/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu ul{ padding:0; color:#999; display:none;}
		
	.game163{ position: relative; padding: 4px; overflow: hidden; width: 440px;}
	.game163 .bigImg{ height: 440px; position: relative;}
	.game163 .bigImg li img{ vertical-align:middle; width:440px; height:440px;   }
	.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }

	.game163 .smallScroll{ height: 47px; margin-bottom: 6px;}
	.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px;margin-top:20px;font-size:20px;}
	.game163 .sNext{ background-position: 0 -2698px;}
	.game163 .sPrev:hover{ background-position: 0 -3133px;}
	.game163 .sNext:hover{ background-position: 0 -2785px;}

	.game163 .smallImg{ float:left;  margin:6px; display:inline; width: 430px; overflow: hidden;}
	.game163 .smallImg ul{ height:62px;  width: 430px; overflow: hidden;text-align:center;}
	.game163 .smallImg li{ padding: 0 4px 0 0; width:82px; cursor:pointer;  display: inline;display:inline-block;}
	.game163 .smallImg img{ border: 1px solid #dcdddd; width:60px; height:60px;  }
	.game163 .smallImg .on img{ border-color: #1e50a2;}

	.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
	.game163 .pageState span{ color: #f00; font-size: 16px;}
	.game163 .sPrev{position:absolute;left:-10px;}
	.game163 .sNext{position:absolute;right:-3px;}