﻿/*
主题名称:container.css 容器
URI: the-theme's-homepage-container
描述: a-container-description
作者: 九美设计工作室
版本: V20091008

[目录表] 
	1- Middle 左栏容器
	2- Middle 右栏容器	
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/


/* =1 Middle 左栏容器
---------------------------------------------------------------------*/
 #contantleft{
	 float:left;width:237px;
}
 #contantleft .title{
	height:27px; background:url('images/leftbg.jpg') no-repeat;
}
 #contantleft .title1{
	float:left;height:20px;width:30px; padding-top:7px; text-align:center;
}
 #contantleft .title2{
	float:left; height:20px; width:150px; padding-top:7px; font-size:12px; font-weight:bolder; color:#fff; text-align:left
}


 #contantleft .mid0{
    float:left; width:237px;	
}
 #contantleft .mid1{
    float:left; height:17px; width:237px;background:url('images/left1.jpg') no-repeat;
}
 #contantleft .mid2{
    float:left; width:220px !important;width:237px;background:url('images/left2.jpg') repeat-y; line-height:25px; padding:0px 12px 0px 12px;
}
 #contantleft .mid3{
    float:left; height:12px; width:237px; background:url('images/left3.jpg') no-repeat;
}


 #contantleft .mid0 ul {
	float: left;
	margin: 10px 0 0 0px;
	padding-left:8px;
	width:210px;
}
 #contantleft .mid0 ul li {
	color: #466685;
	font-size: 12px;
	line-height: 25px;
	width: 195px;
        list-style-type:none;
	padding-left: 20px;
	text-align: left;
	background: url('Images/leftredico.gif') no-repeat 3px 6px;
}


/* =2 Middle 右栏容器
---------------------------------------------------------------------*/

.banner{
	float:left; overflow:hidden; width:720px; height:201px;
}

#contantright{
	float:left; width:720px;  overflow:hidden;
}

#contantright .local{
	float:left; width:720px; overflow:hidden;
}

#contantright .product{
    float:left; width:720px; height:51px;background:url('images/right.jpg') no-repeat;
}

#contantright .producttitle1{
	float:left;  width:30px;height:36px; padding-top:15px; text-align:center;
}

#contantright .producttitle2{
	float:left;  width:100px;height:36px; padding-top:15px; text-align:center; font-weight:bolder; font-size:12px;
}

#contantright .productmore{
	float:right;  width:100px;height:36px; padding-top:15px; text-align:center;  font-size:12px;
}

.productcontant{
	float:left; width:720px;
}

.productcontanttext1{
	float:left;width:350px; height:127px;margin-bottom:10px; background:url('images/text.jpg') no-repeat;
}
.productcontanttext1_1{
	float:left;width:84px; height:127px;
}
.productcontanttext1_2{
	float:left;width:266px; height:127px;
}
.productcontanttext1_2_1{
	float:left;width:266px; height:60px;  line-height:60px;font-weight:bolder; font-size:12px; color:#00335b;
}
.productcontanttext1_2_2{
	float:left;width:266px; height:67px;  line-height:20px;font-size:12px; color:#00335b;
}


.productcontanttext2{
	float:right;width:350px; height:127px;margin-bottom:10px; background:url('images/text.jpg') no-repeat;
}


/*twopage
-----------------------------------------------------*/
.right_h3{
          float:left;
          font-weight:bold;
          color:#77a4c4;
          font-size:14px;
          font-family:"仿宋","宋体",verdana,sans-serif,lucida grande,lucida,arial,helvetica;
          margin-top:10px;
          margin-left:10px;
}
.log_txt_input {
	border:1px solid #335bb8;
	width:80px;
}

.right_dcr1{
            float:left;
            width:89px;
            height:77px;
            background:url("images/right_title3.gif") no-repeat 0 0;
}
.right_dcr2{
            float:left;
            width:28px;
            height:27px;
            margin-top:3px;
            margin-left:20px;
            background:url("images/right_title5.gif") no-repeat 0 0;
}

.right_content{
 float:left;
               clear:both;
               margin-left:15px;
               margin-right:15px;
               margin-bottom:10px;
               margin-top:0;
}
.content_top{
float:left;
             	width:100%;
	     	height:10px;
		
		font-size:10px;
             background:url("images/right_border1.gif") repeat-x 0 0;
              
            
}
.content_mid{
             float:left;
             width:100%;
             font-size:3px;
            
             background:url("images/right_border2.gif") repeat-y 0 0;
             
}
.content_bottom{ 
float:left;   
                font-size:10px;
                width:100%;
                background:url("images/right_border1.gif") repeat-x 0 0;
}


