.slide-box { position: relative; overflow: hidden;}
.slide-box .span-l { position: absolute; width: 100%; height: 200px; padding: 10px; background-color: #000; opacity: 0.7;}


.menu { float: left; width: 196px; height: 196px; margin-right: 14px; padding-top: 44px; background: url(../image/menu.png) top left no-repeat;}
.menu a { display: block; width:196px; height: 44px; padding-left:36px; line-height: 44px; font-size: 15px; font-weight: 700; color: #004380; background: url(../image/menu_link.png) center no-repeat; }

.menu ul {width: 194px; padding-left: 0; list-style: none;
border: 1px solid #dcdcdc;
border-top: none;
}
.menu ul li { padding-left: 20px; line-height: 40px; border-bottom: 1px dotted #a3b6d6; background-color: #EDEFF3; cursor: pointer}
.menu ul .active { color:#005dbb; font-weight: 700 }
.menu ul .pro_title { padding-left:8px; font-size: 16px; font-weight: 700;}




.main { float: left; width: 790px; min-height: 350px; padding-bottom: 20px; background: #fff;}



.title { width: 100%; height: 50px; padding-left: 20px; line-height: 50px; border-left:4px solid #005dbb; border-bottom:1px dotted #ddd;}


.jast-table { width: 100%; margin: 10px auto; line-height:1.5em; background:#ebf1f5;}
.jast-table th { padding-left:14px; text-align:left; border-bottom:1px dotted #ccc; }
.jast-table td { padding:7px 0px 6px 20px; background:#fff; border-bottom:1px dotted #ccc; }
.jast-table a { display: block}
.jast-table th a { color: #333}
.jast-table th a:hover { color:#005dbb }
.jast-table .img_arrow { display: block; float: left; margin-top: 5px; margin-right:4px}

.wmap { width:630px; height:300px; position:relative; margin: 10px auto 0; background:url(../image/worldmap.gif) no-repeat; }
.wmap img { position:absolute; z-index:0; }
.wmap a { position:absolute; line-height:1.2em; z-index:10; color:#333; font-size:10px; font-weight:bold; text-decoration:none; }
.wmap a:active { color:#45b2eb; text-decoration:none; }
.wmap a img { position:relative; margin:0px 5px 0px 0px; vertical-align:middle; }


#pro_edu { width: 723px; height: 159px; margin: 0 auto ; padding: 40px 28px 0 97px; background: url(../image/pro_edu.png) top no-repeat;}
#pro_uni { width: 723px; height: 960px; margin: 20px auto 0; padding: 40px 28px 0 97px; background: url(../image/pro_uni.png) center no-repeat;}
#pro_gaku { width: 723px; height: 364px; margin: 0 auto; padding: 40px 28px 0 97px; background: url(../image/pro_gaku.png) center no-repeat;}
#pro_qli { width: 723px; height: 200px; margin: 0 auto ; padding: 60px 28px 0 97px; background: url(../image/pro_qli.png) top no-repeat;}

.product dl { overflow:hidden; margin-bottom:14px; line-height: 1;	background-color:#eeeeee;}
.product dt { width:140px; height:30px; padding: 8px; padding-left: 28px; float:left; }
.product dt a { font-weight: bold;}
.product dd { float:left; clear:right; width:430px; height:30px; padding:8px 0;}

#pro_edu dt { background:url(../image/pro_bg.png) 12px center no-repeat;}
#pro_edu dt a { color:#f7a901;}

#pro_qli dt { background:url(../image/pro_bg5.png) 12px center no-repeat;}
#pro_qli dt a { color:#f44f05;}

#pro_uni dt { width: 100px; background:url(../image/pro_bg2.png) 12px center no-repeat;}
#pro_uni dt a { color:#1d9aca;}
#pro_uni dd { width:450px}

.uni { margin-bottom:30px; padding: 14px 14px 0 16px; background: #fff; border: 2px #22aad2 solid; border-top: none;}

#pro_gaku dt { width: 100px; background:url(../image/pro_bg3.png) 12px center no-repeat;}
#pro_gaku dt a { color:#369273;}
#pro_gaku dd { width:450px}

.gakumu { margin-bottom: 30px; padding: 14px 14px 0 16px; border: 2px #369273 solid; border-top: none;}
.gakumu dt { width: 100px; background:url(../image/pro_bg3.png) 12px center no-repeat;}
.gakumu dt a { color:#369273;}
.gakumu dd { width:440px}

.bunseki { margin-bottom: 15px; padding: 14px 14px 0 16px; border: 2px #e17710 solid; border-top: none;}
.bunseki dt { width: 100px; background:url(../image/pro_bg4.png) 12px center no-repeat;}
.bunseki dt a { color:#e17710;}
.bunseki dd { width:450px}


.product-in { clear: both; width: 528px; min-height: 26px; margin:0 20px 10px; background-color: #ccc;}
#pro_uni .product-in dt { width: 90px;}
#pro_uni .product-in dd { width:430px;}


.contact-title { width: 100%; height: 80px; padding-left: 40px; line-height: 60px; background-position: right; background-repeat: no-repeat; border-bottom:2px dotted #ddd; background-image: url(../image/contact-title.jpg); }
.contact { padding-bottom: 20px;}
.contact h5 { width: 800px; height: 34px; margin: 20px auto 0; padding-left: 20px; line-height: 34px; color: #fff;}
.contact .con-w800 { padding: 10px 20px;border: solid 1px #005dbb;}
.contact .con-w800 .img_arrow { vertical-align: middle; margin-right: 2px;}


.solution { margin: 20px 76px;}

.operating { width:571px;	margin:20px auto 50px auto;}
.operating p{ padding-left:10px; font-size:0.92em; color:#000;}
.operating table { margin-bottom:15px; color:#333333;}
.operating th { width:155px; padding:8px 15px; text-align:left; font-weight:normal; color:#fff; border:#cccccc 1px solid; vertical-align: middle;}
.operating td { padding:8px 15px; border:#cccccc 1px solid;}
.operating td.table-title { padding:0; }

#hw_edu th {background-color:#F3B11C;}
#hw_uni th {background-color:#3365b6;}
#hw_gak th {background-color:#3f8053;}


.heard_menu { float: left; width: 605px; margin-left: 20px; border-right: 1px solid #dedede;}
.heard_menu li {float: left; width: 100px; margin: 0px; border-left: 1px solid #dedede; text-align: center; list-style: none;}
.heard_menu li a	{ float:left; width:100px; height:35px; margin:0; color:#333; text-decoration:none; }
.heard_menu li a:link	{ text-decoration:none; }
.heard_menu li a:visited { text-decoration:none; }
.heard_menu li a:hover { text-decoration:none; background:#005dbb; color:#fff; }
.heard_menu li a:active { text-decoration:none; background:#005dbb; color:#fff; }
.heard_menu .active {text-decoration:none; background:#005dbb; }
 .heard_menu .active a {color:#fff;}
.heard_menu li a strong { width:100px; display:block; margin-top:6px; font-size:11px; line-height:1.2em; font-weight:normal; text-align:center; }
.heard_menu li strong { width: 100px; display: block; margin-top: 6px; font-size: 11px; line-height: 1.2em; font-weight: normal; text-align: center;}
.heard_menu li span { width: 100px; display: block; font-size: 8px; line-height: 1.2em; font-weight: normal; text-align: center; }


.access .x9 { width: 70%;}
.access .x3 { width: 30%;}


.product-text{}
.product-text img { display: block;}

.news-container { min-height: 600px;}