@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg.jpg);  font-family: Calibri, Gadget, Arial, sans-serif; color:#555; }
#wrapper { margin: 0px auto;	padding: 0px; width: 994px; text-align: left; }
#header { margin: 0px; width: 100%; height: 67px; }
.lg { margin:14px 13px 4px ; float: left; }
.btn { margin:31px 19px 0; float: right; } 

/* >>【download】>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.bt { list-style:none; margin:13px; float: right; }
.bt a { display:block;background-repeat:no-repeat;height:39px; }
.bt li a:hover{ display:block; }
.bt #dl { background:url(../images/download.png);width:169px; }
.bt #dl:hover{ background:url(../images/download2.png);width:169px; }
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>【download】>>>>>>>> */

#bnr { margin: 0px;}

#contents{ width: 994px; }

/*sub--------------------*/
.sub{ width: 180px; height:491px; margin: 1px 0 19px 0; padding: 0; float: left; }
.sub p{  margin: 13px 0px; }
.main{ width: 811px;	 margin: 1px 0 19px 0; padding: 0px; float: right; }
.main h1{ margin: 14px; padding: 0; font-size:33px ;  color:#666; text-shadow: 1px 0px 0px #FFF; font-family: Lao UI; text-align: center; }
.main h4{ margin: 10px 26px 5px; padding: 0; font-size:25px ; color:#09F; text-shadow: 0px 2px 0px #FFF; font-family: Arial Black; }
.main h2{ margin: 13px 26px ; padding: 0; font-size:23px ; color:#b31e23; text-shadow: 1px 0px 0px #FFF; font-family: Lao UI; }
.main h2 .photo{ margin: 5px  28px  5px  50px; padding: 0 ; float: right; }
.main h3{ margin: 0px 26px;  padding: 0px; font-size:19px ;  color:#272f88; text-shadow: 1px 0px 0px #FFF; font-family: Lao UI; float: left; }
.main h3 .photo{ margin: 5px  28px  5px  50px; padding: 0px; float: left; }
.main p{ margin: 5px 26px; padding: 0; font-size:14px ; color:#555; text-shadow: 0px 0px 0px #FFF; }
.main a:hover{ background:#09F; }

.mainin{ width: 805px; }
.mainin p{ margin: 20px 26px;  padding: 0px; font-size:16px ;  color:#555; text-shadow: 0px 0px 0px #FFF;  }
.mainin h5{ margin: 20px 26px 0  26px;  padding: 0; font-size:19px ;  color:#555; text-shadow: 0px 0px 0px #FFF;  }

.mainrt { width: 300px; margin: 20px 55px 5px 0px ; padding: 0px; float: right;}
.mainrt p { text-align: center; }
.mainlt { margin: 5px; padding: 0; float: left;}

.mainrt2{ width: 200px; margin: 20px 55px 5px 0px ; padding: 0px; float: right;}

table {border:0; border-collpase:collpase; width: 809px; }
tr { border-bottom:1px solid #A5D1CC; border-top:1px solid #A5D1CC; border-right:1px solid #A5D1CC; border-left:1px solid #A5D1CC; } 

/* two-columns2-------------------- */
#two2-columns { overflow: hidden; width: 700px; margin: 0 auto; padding: 10px 0 0 0 ; border-bottom: 0px solid #999; color: #000;}
#two2-columns #column1 { float: left; width: 220px; margin-left: 0 ; margin-right: 0 ; }
#two2-columns #column2 { float: right; width: 430px; }
#two2-columns p { margin:41px 31px 0 ; font-size: 16px; }
/* three-columns-------------------- */
#three-columns { overflow: hidden; width: 994px; margin: 0 auto; padding: 30px 0 ; border-bottom: 0px solid #999; color: #000;}
#three-columns p { padding: 0 0 20px 0 ; font-size: 17px; color: #777; } 
#three-columns h2 { padding: 0 0 20px 0 ;	font-size: 30px; color: #000; } 
#three-columns #column1 { float: left;	width: 220px; margin-left: 20px; margin-right: 47px;}
#three-columns #column2 { float: left;	width: 280px; margin-left: 20px; margin-right: 47px;}
#three-columns #column3 { float: right; width: 340px; margin-right: 20px;}

/* link block */
.link-style { display: inline-block; margin: 0 19px; padding: 5px 15px; background: #272f88; color: #CFF; text-decoration: none; }  
a:hover { text-decoration: none;	color: #FFF;}

/*righter */
#footer { width: 100%; margin: 0px auto; padding: 20px 0px; clear: both; border-top: 1px solid #CCC; text-align: center;}

/* ITEM-----------------------*/
#item ul li { list-style:url(../images/mark.gif); margin:5px 0 0 62px ;} /*for products*/
#item2 ul li { list-style:url(../images/mark2.gif); margin: 20px 0 20px 62px; font-size:16px; } /*for news*/
#item3 { margin: -23px 0  0  0;}  /*for index*/
#item3 ul li { list-style:url(../images/mark.png); margin: 0 0 0 19px ; font-size:17px; color: #005286; text-shadow: 1px 0px 0px #FFF;font-style: italic;}  /* for index*/

.bottom { height:34px;}
 
/*NavMenu*/
.nav{list-style:none;width: 100%;margin:0;padding: 0px;}
.nav li{float:left; padding-top:0px;}  
.nav li a{display:block;height:68px; background-repeat:no-repeat;text-align:center;
 text-decoration:none; color:#333; font-weight: bold; line-height: 35px; font-size:16px;}
.nav li a:hover{display:block;height:68px;color:#F60;font-weight: bold;background-repeat:no-repeat;}
.nav li .navMenu1{background:url(../images/nav_01.jpg);width:169px;}
.nav li .navMenu2{background:url(../images/nav_02.jpg);width:164px;}
.nav li .navMenu3{background:url(../images/nav_03.jpg);width:164px;}
.nav li .navMenu4{background:url(../images/nav_04.jpg);width:164px;}
.nav li .navMenu5{background:url(../images/nav_05.jpg);width:164px;}
.nav li .navMenu6{background:url(../images/nav_06.jpg);width:169px;}
/*///HOVER*/
.nav li .navMenu1:hover,
.nav li .navMenu2:hover,
.nav li .navMenu3:hover,
.nav li .navMenu4:hover,
.nav li .navMenu5:hover,
.nav li .navMenu6:hover{background-position:0 -68px;}
/*///ON*/
.nav li .navMenu1_on{background:url(../images/nav_01.jpg);width:169px;background-position:0 -68px;color:#F30;}
.nav li .navMenu2_on{background:url(../images/nav_02.jpg);width:164px;background-position:0 -68px;color:#F30;}
.nav li .navMenu3_on{background:url(../images/nav_03.jpg);width:164px;background-position:0 -68px;color:#F30;}
.nav li .navMenu4_on{background:url(../images/nav_04.jpg);width:164px;background-position:0 -68px;color:#F30;}
.nav li .navMenu5_on{background:url(../images/nav_05.jpg);width:164px;background-position:0 -68px;color:#F30;}
.nav li .navMenu6_on{background:url(../images/nav_06.jpg);width:169px;background-position:0 -68px;color:#F30;}