/* CSS Document */

@charset "utf-8";


/* common*/
body {height:100%;font-family:Arial;line-height:1.75em;font-size:12px;color:#333;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}
ul, li {list-style:none;}
input:focus, textarea:focus {outline:none;}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
.clear{height:0px; line-height:0px;clear:both;font-size:1px;}
a,a:link{color:#333;text-decoration:none;}
a:hover{color:#2C5394;text-decoration:underline;}

/*layout*/
.container{margin:0 auto;width:1066px;}
.footer .footer1{padding:10px;text-align:center;font-size:14px;}


.top{ height:126px; margin:0 auto;}
.logo{ width:390px; height:88px; float:left;  background:url(../images/logo.jpg) no-repeat left; font-size:22px; font-family:"微软雅黑"; font-weight:bold; color:#000000; padding-left:390px; padding-top:38px;}
.edition{ width:140px; height:21px; line-height:21px; float:right; background-color:#f49b00; color:#FFFFFF; margin-top:82px; text-align:center; margin-right:15px;}
.edition a{ color:#FFFFFF; text-decoration:none;}
.edition a:hover{ text-decoration:underline;}
.nav{ width:1066px; height:29px; background:url(../images/nav-bg.jpg) repeat-x; margin:0 auto; position:relative; z-index:1001;}



/*菜单下拉效果css*/
li{ list-style:none;}
.list{height:29px; width:1066px; position:absolute; left:0; top:0;}
.list li{float:left;position:relative; }
.list li span{ float:left; width:100px; height:25px;color:#FFFFFF;}
.list li a{color:#333;float:left; width:100px;height:25px;line-height:25px; text-align:center;text-decoration:none; font-family:"微软雅黑";  font-size:14px;font-weight:bold; margin-left:10px; position:relative;}
.list li a:link{color:#333;}
.list li a:hover{ color:#fff;background:url(../images/nav-hover.jpg) no-repeat;}
.list li a.on{background:url(../images/nav-hover.jpg) no-repeat; color:White;}
.list .box{position:absolute;top:25px;left:10px;display:none;width:100px;height: auto;background: #325178;color:#FFF; z-index:1000;}
.list li .box li a{ text-align:center;font-weight:normal;margin:0;background:none;color:#FFFFFF; display:block;font-size:12px; height:35px; line-height:35px;}
.list .box li a:hover{ background-color: #2a4567; color:#FFFFFF; width:100px; float:left; margin-left:0; padding:0;height:35px; line-height:35px;}
.list li span a{ background:none;}

.list .box 
{
   
  border-radius:0px 0px 3px 3px;
  overflow:hidden;
  box-shadow:0px 0px 8px rgba(0,0,0,0.3);
}
/*结束*/

.banner{  height:436px; margin:0 auto; margin-top:10px;}

/*content*/
.content1{ height:200px;  margin-top:40px;}
.news{ width:304px; height:200px; float:left; overflow:hidden;}
.news-tittle{ width:284px; height:23px; border-bottom:solid #CCCCCC 1px; background:url(../images/tittle-bg.jpg) no-repeat center left; padding-left:20px; line-height:23px; font-weight:bold; color:#000000; font-size:14px;}
.news-content{ width:270px;  margin-top:15px; margin-left:15px; overflow:hidden;}

/*新闻文字滚动样式*/


input,button,select,textarea{outline:none;}
ul,li,dl,ol{list-style:none;}
.list_lh{ height:145px; overflow:hidden;width:268px; position:relative;}
.list_lh ul{  overflow: hidden; }
.list_lh li{ padding:0px 5px 15px 5px;position:relative;height:70px; }
.list_lh li.lieven{ }
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a.aTitle{  background:url(../images/news-hover.jpg) no-repeat left; padding-left:12px; }
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:right; display:inline-block;}
.list_lh li p span{ color:#999; display:block;position:absolute;right:0px;top:0px;}
.list_lh li p a.btn_lh{ background:#28BD19; height:17px; line-height:17px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:right;}
.btn_lh:hover{ color:#fff; text-decoration:none;}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}
.list_lh .list-over{ overflow:hidden; }
/*结束*/


.products{ width:430px; height:200px; float:left; margin-left:15px;}
.products-tittle{ width:410px; height:23px; float:left; border-bottom:solid #CCCCCC 1px; background:url(../images/tittle-bg.jpg) no-repeat center left; padding-left:20px; line-height:23px; font-weight:bold; color:#000000; font-size:14px;}
.products-content{ width:430px; float:left; margin-top:10px;}




/*产品展示js代码*/
* A {
	POSITION: relative
}
/*定义文字样式*/
	

A IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
#featureContainer {
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	MARGIN: 0px auto;
	WIDTH:430px;
	
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted
}
#wrap {
	OVERFLOW: hidden
}
#load {
	BACKGROUND-IMAGE: url(images/loader32x32.gif);
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	TEXT-INDENT: -9999px;
	MARGIN: 0px auto;
	WIDTH: 923px;
	DISPLAY: none;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center 50%;
	HEIGHT: 100px;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted
}
#feature {
	BORDER-BOTTOM: #999 0px dotted;
	POSITION: relative;
	BORDER-LEFT: #999 0px dotted;
	MARGIN-TOP: 5px;
	
	/*MARGIN-BOTTOM: 20px;*/
	
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted;
	height:170px;
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted;
	POSITION: absolute;
	BORDER-LEFT: #999 0px dotted;
	WIDTH: 1120px;
	BORDER-TOP: #999 0px dotted;
	TOP: 72px;
	BORDER-RIGHT: #999 0px dotted;
	LEFT: 0px
}
#feature .prev {
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	TEXT-INDENT: -9999px;
	WIDTH: 30px;
	DISPLAY: block;
	BACKGROUND: url(../images/feature_left.gif) center top;
position:absolute;
	left:0px;
	top:30%;
	HEIGHT: 48px;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted
    
}
#feature .next {
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	TEXT-INDENT: -9999px;
	WIDTH: 30px;
	DISPLAY: block;
	BACKGROUND: url(../images/feature_right.gif) center top;

	HEIGHT: 48px;
	position:absolute;
	right:0px;
	top:30%;
	BORDER-TOP: #999 0px dotted;

	BORDER-RIGHT: #999 0px dotted

}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted;
	POSITION: relative;
	BORDER-LEFT: #000 0px dotted;
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 430px;/**/
	PADDING-RIGHT: 0px;
	FLOAT: left;
	BORDER-TOP: #000 0px dotted;
	BORDER-RIGHT: #000 0px dotted;
	PADDING-TOP: 0px;
	LEFT: 0px
}
.featureBox {
	
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	WIDTH:170px;/**/
	BACKGROUND-REPEAT: no-repeat;
	FLOAT: left;
	HEIGHT: auto;
	OVERFLOW: hidden;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted;
	PADDING-TOP: 10px;
	padding-left:0; margin-left:10px;
}
#botton-scroll {
	
	
	
	WIDTH: 430px;
	FLOAT: left;
	HEIGHT: auto;
	
}
#block {
	Z-INDEX: 0;
	BORDER-BOTTOM: #999 0px dotted;
	POSITION: relative;
	BORDER-LEFT: #999 0px dotted;
	
	/*PADDING-BOTTOM: 20px;*/
	
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	WIDTH: 430px;/**/
	PADDING-RIGHT: 0px;
	HEIGHT: auto;
	FONT-SIZE: 70%;
	OVERFLOW: hidden;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted;
	PADDING-TOP: 0px
}
#block .box {
	BORDER-BOTTOM: #d8d8d8 0px solid;
	BORDER-LEFT: #d8d8d8 0px solid;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-LEFT: 5px;
	WIDTH:160px;/**/
	
	FLOAT: left;
	HEIGHT: 140px;
	
	PADDING-TOP: 10px
}
#block .box .feature-title {
	FONT-SIZE: 140%;
	FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 210px;
	MARGIN-BOTTOM: 5px;
	FLOAT: left;
	HEIGHT: 150px
}

#block .box b{ text-align: center; width:170px; height:30px; background:url(../image/product-a.jpg) no-repeat; float:left; line-height:30px; margin-top:5px; font-size:14px;}



/*case*/
.case{ width:275px; height:200px; float:left; margin-left:20px;}
.case-tittle{ width:275px; height:23px; float:left; border-bottom:solid #CCCCCC 1px; background:url(../images/tittle-bg.jpg) no-repeat center left; padding-left:20px; line-height:23px; font-weight:bold; color:#000000; font-size:14px;}
.case-content{ width:253px; height:147px; float:left; margin-top:10px; margin-left:20px;}
.content-bottom{ height:31px; margin:0 auto; background:url(../images/1.jpg) no-repeat;}


/*about*/
.about{   margin:0 auto; border-bottom:solid #CCCCCC 1px; padding-bottom:15px; color:#000000;}
.about span{ font-weight:bold;}

/*footer*/



/*内页*/
.about-neiye{ width:1066px; height:auto; margin:0 auto; margin-top:20px; }
.about-neiye-left{ width:244px; height:auto; float:left;padding-bottom:20px;}
.about-neiye-left-tittle{ width:224px; height:23px; border-bottom:solid #CCCCCC 1px; background:url(../images/tittle-bg.jpg) no-repeat center left; padding-left:20px; line-height:23px; font-weight:bold; color:#000000; font-size:14px;}

.about-neiye-left-content{ width:242px; height: auto;  margin-top:10px; float:left; font-size:14px; padding-bottom:15px;}
.about-neiye-left-content ul{ width:242px; height: auto;}
.about-neiye-left-content ul li{ width:222px; height:25px; line-height:25px; background-color:#dddddd ; float:left; margin-top:10px; padding-left:20px;}

.about-neiye-right{ width:770px; height:auto; padding-bottom:20px; float:right; }
.about-neiye-right-tittle{height:24px;  line-height:24px; border-bottom: solid #CCCCCC 1px; font-size:14px; font-weight:bold; color:#000000;  }
.about-neiye-right-tittle span{ float:right;display:block;height:24px;line-height:24px; font-weight: normal; font-size:12px; color:#666; }
.about-neiye-right-tittle b{color:#2C5394;}
.about-neiye-right-content{ height:auto; padding:20px 10px; }

.about-contact{ width:242px; height: auto;  margin-top:10px; float:left; font-size:14px;}
.contact-tittle{ width:224px; height:23px; border-bottom:solid #CCCCCC 1px; background:url(../images/tittle-bg.jpg) no-repeat center left; padding-left:20px; line-height:23px; font-weight:bold; color:#000000; font-size:14px; float:left;}

.about-contact-content{ width:222px; font-size:12px; margin-top:10px; float:left; padding-left:20px;}

.about-neiye-right-content1 span{ float:right;}
.about-neiye-right-content1{ width:650px; height:auto; float:left; padding:10px; padding-left:20px; padding-right:20px; margin:0 auto;}
.about-neiye-right-content1 ul { width:650px; height:auto; float:left; padding:10px; padding-left:20px; padding-right:20px; margin:0 auto;}
.about-neiye-right-content1 ul li{  height:25px; line-height:25px; border-bottom:dashed #CCCCCC 1px; margin-top:5px;}
.about-neiye-right-content1 ul li a{ color:#666; text-decoration:none;}
.about-neiye-right-content1 ul li a:hover{ text-decoration:underline;}


.ul_ct{overflow:hidden;}
.ul_ct li{border-bottom:1px solid #eee;}
.ul_ct li ,.ul_ct li a{height:32px;line-height:32px;display:block;}
.ul_ct li a{display:block;float:left;background: url(../images/it1.png) no-repeat 0 13px;padding-left:12px; }
.ul_ct li a:hover{background:url(../images/it2.png) no-repeat 0 13px; }
.ul_ct li span{width:120px;float:right;text-align:right;}

.cn_title{text-align:center;border-bottom:1px solid #eee;margin-bottom:15px;}
.cn_title .h1{font-size:20px;color:#444;}
.cn_title .h3{height:28px;line-height:28px;color:#666;}
.cn_imgs{overflow:hidden;padding-top:10px;}
.ul_imgs {overflow:hidden;margin-left:-5px;}
.ul_imgs  li{width:200px;height:168px;margin:0px 0px 20px 40px;float:left;}
.ul_imgs  li span{display:block;width:200px;}
.ul_imgs  li img{width:200px;height:136px;}
.ul_imgs  li .cn_imgs_t{height:32px;text-align:center;line-height:32px;}
.cn_imgs1{padding:10px 0px;}
.cn_imgs1{text-align:center;padding:10px 0px 10px 0px;}
.cn_imgs1 img{max-width:620px;max-height:420px;}
.cn_h2{border-bottom:1px solid #ddd;height:28px;line-height:28px;margin-bottom:10px;}
/*pages*/

.pageft {width:100%;overflow:hidden;}
.ul_pages{position:relative;left:50%;float:left;}
.ul_pages li{position:relative;float:left;left:-50%;}

.pageft .pagect{display:block;float:left;padding: 3px 5px;margin:0px 5px 0px 0px;color: #58595B;background-color: #F2F2F2;border: 1px solid #999;border-top: 1px solid #DDD;border-left: 1px solid #DDD;}
.pages{color: #999;text-align:center;height:30px;float:left;margin:0 auto;}
.pages a, .pages .cpb{text-decoration: none;float: left;padding: 3px 6px;border: 1px solid #ddd;background: #ffff;margin: 0 2px;font-size: 12px;color: #000;}
.pages a 
{
    text-decoration: none;float: left;    
    font-family: Courier New,Arial;
    color: #58595B;
    background-color: #F2F2F2;
    padding: 3px 5px;
    text-decoration: none;
    border: 1px solid #999;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    }
    .pages a:hover{background-color: #F2F4F6;color: #000;border: 1px solid #F2F4F6;text-decoration: none;border-right: 1px solid #C6C9CA;
    border-bottom: 1px solid #C1C8D2;}
    .pages .cpb{font-weight: bold;color: #000;background: #E6E6E6;border: 1px solid #999;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}





