﻿body { background-color:#e8e8e8; font-size:12px; margin:0px; padding:0px;}
li,ul,h1,h2,h3,h4,p,img{ padding:0px; margin:0px; border:0px;}

#HeadC,#Banner,#NeiBanner,#Main,#Main1,#Footer,.Ohter{ width:1000px; margin:0 auto;}

#HeadC{ height:94px; background-image:url(images/HeadBg_02.jpg);}
	.KeywodsBar{ height:20px; width:100%;}
	.Logo{ width:373px; float:left; text-align:right;}
	.TopNav{ width:600px; float:right; list-style:none;}
	.TopNav ul{}
	.TopNav li{ width:90px; height:74px; float:left; text-align:right; font-size:13px;}
	.TopNav li a{ color:#ffffff; text-decoration:none; padding-top:40px; display:block; height:51px; font-weight:bold;}
	.TopNav li a.ActiveTopNav{ width:114px; text-align:center; background-image:url(images/Head_06.jpg);}
	.TopNav li a.Home{ width:85px; text-align:center; background-image:url(images/Home1.jpg);}

#Banner{ height:223px; background-image:url(images/index_04.jpg); background-repeat:no-repeat; background-position:left; text-align:right; position: relative;}
#NeiBanner{ height:145px; background-image:url(images/NeiBanner_11.jpg); }




#Main{ background-image:url(images/Bg1_13.jpg);}
#Main1{ background-image:url(images/Bg2.jpg);}
	#Left{ width:208px; float:left;  background-image:url(images/LeftBg_14.jpg); background-repeat:no-repeat; background-position:top;}
	#Left h4{ font-size:15px; text-indent:60px; height:33px; line-height:35px;}
	#Left h4 a{ color:#ffffff; text-decoration:none;}
	   .LeftNav{width:163px; float:right;}
	   .LeftNav h1{ height:20px; font-size:13px; margin-top:10px;}
	   .LeftNav h1 a{ color:#027ac2; text-decoration:none;}
	   .LeftNav h1 a:hover{ color:#000000;}
	   .LeftNav h2{ font-size:12px; font-weight:normal;  background-image:url(images/LeftNavBg.jpg); background-repeat:no-repeat; background-position:left bottom; line-height:20px; }
	   .LeftNav h2 a{ color:#666666; text-decoration:none;}
	   .LeftNav h2 a:hover{color:#027ac2; text-decoration:underline;}



	#Right{ width:756px; float:right; color:#4f4f4f;}

	#Right a:hover{ color:#027ac2; text-decoration:underline;}
	#Right h4{ font-size:14px;}
	#Right h4 a{ color:#000000; text-decoration:none;}
	.Index1{ width:712px; height:243px; background-image:url(images/index1_21.jpg); margin-top:38px;}
	.Index1-1{ width:406px; float:left;}
		.Index1-1 p,.Index1-2 p{  padding-top:40px;  line-height:16px;}
		.Index1-1 p img{ float:right; margin-left:10px;}
		.Index1-1 p a{ font-weight:bold; color:#4f4f4f; text-decoration:none;}

	.Index1-2{ width:269px; float:right; font-family:Arial; line-height:25px;}
	
	.Index2{ width:712px; height:209px; background-image:url(images/index1_31.jpg); position:relative;}
		.Index2 h4{ text-indent:20px; padding-top:20px;}
		.IndexMore{ position:absolute; top:20px; right:0px; font-size:11px; font-family:Arial; font-weight:bold;}
		.IndexMore a{ color:#3f3f3f; text-decoration:none;}
	
	.Index3{ width:712px; height:273px; background-image:url(images/index1_34.jpg); }
	.Index3-1{ width:328px; float:left; height:273px;}
	.Index3-1 ul{ list-style:none; margin-top:20px;}
	.Index3-1 li{border-bottom: dashed 1px #778fa4; line-height:20px;}
	.Index3-1 li a{color:#4f4f4f; text-decoration:none;}
	.IndexCross{ line-height:20px; width:100%;}
	.IndexCross a{color:#4f4f4f;}
	.IndexCross img{  padding-right:5px; width:100px; height:80px;}

	
	
	
	
	.Index4{ width:712px; height:191px; background-image:url(images/index1_36.jpg); }
	
	

        .Index4_caption
        {
               overflow: hidden;
               padding-top:7px;
               list-style:none;
               padding-left:9px;


        }
        .Index4_caption ul{  }
        .Index4_caption  li
        {
            float: left;
            width:96px;
            line-height: 28px;
            text-align: center;
            cursor: pointer;
            height:27px;
            font-size:12px;
            font-weight:bold;
            
            
        }
        .Index4_caption .normal {background-image:url(images/Index4_49.jpg);   }
        .Index4_caption .current{background: url(images/Index4_48.jpg) ; color: #1F3D5F; text-decoration:none;display:block;}
        .Index4_content{ width:650px;  padding: 0px 0 0 40px;}
        .Index4_content p{ line-height:20px;}
        .Index4_content img{ float:right; margin-left:10px;}
        .Index4_content .normal { display: none;}
        .Index4_content .current { display: block; }
        .Index4_content .current a { color:#333; text-decoration:none;}
        .Index4_content ul{ padding: 10px 0 0 0px; list-style:none;}
        
         
        .Index4_content ul li
        {
            	float:left;
				padding-left:15px;
				padding-right:10px;
				line-height:15px;
				MARGIN: 3px -1px;
				white-space:nowrap;
				background-image:url(images/Icon1.jpg); background-repeat:no-repeat; background-position:left center;
        }       
        
        
        .Index4_content ul li a{  font-size: 12px;width: 57px;  color:#4f4f4f; }	
	
	
	

	
	
	
	
	
	
	
	
.PositionBar{ width:720px;  height:30px; font-family:Arial; color:#999; text-align:right;}
.PositionBar a{ color:#999; text-decoration:none;}
	
	
	
#Contact,#CaseList,#Tech,.Page,#Company,.Product,.ProDetail,#Case{ width:710px; margin-top:25px; }	

#Right h3{ height:25px; background-image:url(images/Icon2.jpg); text-indent:16px; color:#00a0ff; background-repeat:no-repeat; font-size:15px; margin-bottom:20px;}

#Contact{ line-height:20px;}
#Contact p{ font-weight:bold; padding-left:20px; font-family:Arial;  width:320px; float:left; line-height:30px; font-size:13px;}	
#Contact img{ float:right;}
.ContactTB{ width:320px; padding-left:20px; margin-top:20px;}
.ContactTB th{ text-align:right;}
	
#CaseList{list-style:none; }
#CaseList ul{ list-style:none;}
#CaseList li{border-bottom: dashed 1px #C0C0C0; line-height:25px;}
#CaseList li a{ font-weight:bold; color:#666;}
#CaseList img{ float:right;}


#Tech{list-style:none; line-height:20px; position:relative;}
#Tech ul{ list-style:none;}
#Tech li{border-bottom: dashed 1px #C0C0C0; line-height:25px; background-image:url(images/Icon1.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; position:relative;}
#Tech li a{  color:#666; text-decoration:none;}
#Tech a{ color:#666;  text-decoration:none;}


#Case{list-style:none; line-height:20px; position:relative;}
#Case ul{ list-style:none;}
#Case li{border-bottom: dashed 1px #C0C0C0; line-height:25px; background-image:url(images/Icon1.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px;}
#Case li a{  color:#666; text-decoration:none;}





#Company a{ color:#333; text-decoration:none;}
#Company p{ width:680px; margin:0 auto; line-height:27px;}
#Company p img
{
	border: 1px solid #C0C0C0;
	float: right;
	margin-left: 30px;
	height: 354px;
	width: 263px;
}

.Product{}
.Product h1{ font-size:15px; margin-bottom:5px; clear:both;}
.Product h1 a{ color:#000000; text-decoration:none; }
.Product p{ width:690px; line-height:20px; margin-bottom:10px;}
.ProShow
{
	list-style: none; line-height:15px;


}
.ProShow ul{list-style:none;}
.ProShow li{ width:150px; height:160px; float:left; text-align:center; margin-right:21px;}
.ProShow li a{ color:#333; text-decoration:none;}
.ProShow li img
{
	border: 1px solid #C0C0C0; padding:2px; width:150px; height:120px;
}



.ProShow1
{
	list-style: none;


}
.ProShow1 ul{list-style:none;}
.ProShow1 li{ width:150px; height:140px; float:left; text-align:center; margin-right:20px;}
.ProShow1 li a{ color:#333; text-decoration:none;}
.ProShow1 li img
{
	border: 1px solid #C0C0C0; padding:2px;
}



.ProDetail{ line-height:20px; overflow:hidden;}

.ProScroll
{
	border: 10px solid #dddddd;
	width: 230px;
	height: 650px;
	position:absolute;
	right:0px;
	top:60px;
	background-color:#ffffff;
	text-align:center;
	padding:5px;
}

.ProScroll img
{
	border: 1px solid #C0C0C0;
	width: 220px;
	padding:2px;
}


.Page{ clear:both;}
.Page p{ background-color:#bde3fa; margin-top:2px; padding:2px; }
.Page p a{ color:#333; text-decoration:none; padding-right:5px;}
.Page p a.ActivePage{ color:#ff0202; font-weight:bold;}





#Main1 h1,#Main1 h2,#Main1 h3,.sitemap{ width:900px; margin:0 auto; clear:both; line-height:20px;}
#Main1 a:hover{color:#009fff; }
#Main1 a{ text-decoration:none;}
#Main1 h1{ font-size:13px;}
#Main1 h2{ font-size:13px; }
#Main1 h3{ font-size:12px;}
#Main1 h1 a{ color:#000;}
#Main1 h2 a{ color:#009fff;}
#Main1 h3 a{ color:#333;}

.sitemap{ list-style:none;}
.sitemap ul{}
.sitemap li{ float:left; margin-right:10px; font-size:12px;  }
.sitemap li a{color:#333;}


#Footer{ height:177px; background-image:url(images/index_13.jpg);}



























#Footer p,.Keywords{ width:758px; float:right;}
#Footer p a:hover{ color:#00a0ff; text-decoration:underline;}
.Keywords{ margin-top:5px;}

.Keywords  a{ color:#666666;}








.text1{ height:20px; padding-top:80px; font-weight:bold;}
.text1 a{ color:#4c4c4c; text-decoration:none;}
.text2{ color:#666666; line-height:18px; margin-top:5px; font-family:Arial;}
.text2 a{ color:#666666;}
.TimeBar{ font-size:10px; color:#999; font-family:Arial;  right:0px;  top:0px; position:absolute;}




/* banner CSS */


.pb .banners{width:665px;height:223px;float:right; }
.pb .banners li{width:665px;height:223px;overflow:hidden;display:none; }
.pb .banners li.current{display:block;}
.pb .switcher{
	position:absolute;
	right:30px;
	top:185px;
	
}




.current h1{ font-size:13px;}

	 .current li
        {
            	float:left;
				padding-left:15px;
				padding-right:10px;
				line-height:18px;
				MARGIN: 3px -1px;
				white-space:nowrap;
				background-image:url(images/Icon1.jpg); background-repeat:no-repeat; background-position:left center;
				font-size:12px;
				font-weight:normal;
        }       
        
        
        .current h1 a{  font-size: 12px;width: 57px;  color:#4f4f4f; }









.switcher{  text-align:right;}
.switcher ul{ list-style:none;}
.switcher li{float:left; font-size:11px; font-family:Arial; color:#ffffff; font-weight:bold; margin-right:10px; background-color:#778fa4; width:15px; text-align:center;}
.switcher li.current{ color:#ff9900;}




#frameContent
        {
            /*调整显示区的宽*/
            height: 600px; /*调整显示区的高*/
            font-size: 14px;
            line-height: 20px;
            border: 1px solid #000000;
            overflow-pageindex: hidden;
            overflow-y: hidden;
            word-break: break-all;
            margin:0 auto;
        }
