@import url(layout.css);

/* Layout */
#wrapper_sub {width:100%;min-width:1200px; 
	/*background:url('../images/top_bg.jpg') repeat-x left top;*/
	/**/background-image:url("../images/top_bg.jpg");
	/**/background-repeat:repeat-x;
	/**/background-position:0 0;
}

#sub_img {clear:both;width:100%;min-width:1200px;text-align:center;}
.visual_sub {background:url(../images/sub_img.jpg) repeat-x center top;height:170px;}
.visual_text {position:relative;width:1200px; margin:0 auto;text-align:left;}
.visual_text .txt1 {position:absolute;top:45px;left:550px;font-size:30px;color:#252472;font-weight:bold;}
.visual_text .txt2 {position:absolute;top:83px;left:550px;font-size:15px;color:#3f3f3f;font-weight:bold;}

.layout {width:1200px; margin:0 auto;overflow:hidden;padding: 0 0 30px 0;}
.layout .left {float:left;width:200px;margin-right:50px;}
.layout .left h2 {text-align:center;font-size:24px;color:#36357d;font-weight:bold;padding:0 0 25px 0;text-transform:uppercase;}
.layout .left ul li {margin: 0 0 2px 0;}
.layout .left ul li a:link, .layout .left ul li a:visited {background:#ebebeb;display:block;padding:8px 12px;}
.layout .left ul li a:hover, .layout .left ul li a:focus {background:#06469f;display:block;padding:8px 12px;color:#fff;}
.layout .left ul li a.on {background:#06469f;display:block;padding:8px 12px;color:#fff;}
.layout .con {float:left;width:950px;}

.title {position:relative;}
.title h3 {font-size:28px;color:#242425;letter-spacing:-0.05em;background:url(../images/title_ico.jpg) no-repeat left 11px;padding: 5px 5px 5px 20px;font-weight:bold;}
.title h3.sf {font-size:25px;color:#0b3157;letter-spacing:-0.05em;}
.title h3 span {font-size:30px;color:#ff0000;}
.title .nav {position:absolute;top:15px;right:0;font-size:10px;text-transform:uppercase;}
.title .nav span {font-size:10px;color:#999;text-transform:uppercase;}
.title .nav span.on {color:#008aff;text-transform:uppercase;font-weight:bold;}

#contents {margin:40px 20px;}
.tab1 {width:100%;overflow:hidden;}
.tab1 li {float:left;margin:1px 1px;}
.tab1 li a {display:block;background:#efefef;padding: 7px 30px;}
.tab1 li a.on {background:#5dc444;color:#fff;font-weight:bold;}

.ta1 {width:100%;border-top:3px solid #0099d7;}
.ta1 th {background:#e8f4f9;padding:10px 7px;border-bottom:1px solid #dedede;}
.ta1 td {background:#fff;padding:10px 7px;border-bottom:1px solid #dedede;}

.ta2 {width:100%;border-top:3px solid #98b3d3;border-right:1px solid #a0aebe;}
.ta2 th {background:#cfdbe9;padding:10px 7px;border-bottom:1px solid #a0aebe;border-left:1px solid #a0aebe;}
.ta2 td {background:#fff;padding:10px 7px;border-bottom:1px solid #dedede;border-left:1px solid #dedede;text-align:center;}

.ta3 {width:100%;border-top:3px solid #0099d7;}
.ta3 th {background:#e8f4f9;padding:10px 7px;border-bottom:1px solid #dedede;border-left:1px solid #dedede;text-align:center;}
.ta3 td {background:#fff;padding:10px 7px;border-bottom:1px solid #dedede;border-left:1px solid #dedede;text-align:center;}
.ta3 th.no_line, .ta3 td.no_line  {border-left:none;}

/*general*/
.general {}


/*history*/
.history {width:100%;overflow:hidden;border-top:1px solid #dedede;}
.history dl {overflow:hidden;border-bottom:1px solid #dedede;padding:8px 0;}
.history dl dt {float:left;width:25%;font-size:25px;color:#0099d7;font-weight:bold;padding: 5px 0;}
.history dl dd {float:left;width:75%;}
.history dl dd ul li {overflow:hidden;padding: 9px 0 9px 12px;border-bottom:1px dotted #bbb;background:url(../images/ico.jpg) no-repeat left 16px;}
.history dl dd ul li.last {border:none;}
.history dl dd .date {display:block;float:left;margin-right:3%;width:15%;font-weight:bold;}
.history dl dd .txt {display:block;float:left;width:82%;}

/*facilities*/
.facilities {}
.facilities .pic_list {overflow:hidden;}
.facilities .pic_list li {float:left;padding: 5px 4px;}
.facilities .pic_list li p {background:url(../images/fac_bg.jpg) repeat-x left top;text-align:center;padding: 10px 0 20px 0 ;font-weight:bold;}

.facilities .con_box {overflow:hidden;}
.facilities .con_box .left {float:left;width:290px;margin-right:7px;background:#e9eff6;padding:32px;}
.facilities .con_box .left ul li p {text-align:center;padding: 7px 0 15px 0;font-weight:bold;}
.facilities .con_box .rig {float:left;width:473px;margin-right:7px;background:#e9eff6;padding:32px;}
.facilities .con_box .rig ul {overflow:hidden;}
.facilities .con_box .rig ul li {float:left;width:50%;text-align:center;}
.facilities .con_box .rig ul li p {text-align:center;padding: 7px 0 17px 0;font-weight:bold;}

/*clients*/
.clients {}
.clients .bg {background:url(../images/MC_bg.jpg) no-repeat left top;}
.clients dl {overflow:hidden;}
.clients dl dt {float:left;width:227px;}
.clients dl dt p {padding-right:48px;text-align:right;font-size:16px;font-weight:bold;}
.clients dl dd dl dt {float:left;width:195px;font-size:16px;color:#fff;font-weight:bold;}
.clients dl dd dl dt p {padding-left:25px;padding-right:82px;text-align:center;font-size:16px;font-weight:bold;}
.clients dl dd dl dd {float:left;width:480px;font-size:15px;}

/*overview*/
.overview {}
.overview table {margin:0 auto;width:855px;}
.overview table td {text-align:center;padding: 5px;}
.overview table td p {border:solid  1px #b5d0e0;background:#d4ebf8;padding: 12px 10px;;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.overview table th {text-align:center;padding:0 5px 1px 5px;}
.overview table th p {border:solid  1px #06469f;background:#06469f;color:#fff;font-weight:bold;padding: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

/*mold*/
.mold {}
.mold dl {margin-bottom:20px;}
.mold dl dt {font-size:18px;color:#0099d7;font-weight:bold;padding:5px 0;}
.mold dl dt span {font-size:15px;color:#2a2a2a;}

/*domestic*/
.domestic {}
.domestic .box {border:solid 1px #d2e0e8;background:#ebf2f6;color:#40484d;font-weight:bold;padding: 7px;overflow:hidden;padding:25px;margin-bottom:20px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;}
.domestic .box ul {padding: 10px 0 0 15px;}
.domestic .box ul li {background:url(../images/ico2.jpg) no-repeat left 13px;padding: 7px 7px 7px 12px;}
.domestic .box ul li span {width:135px;display:block;float:left;}
.domestic .box ul li ul li {font-size:12px;background:none;padding: 1px;font-weight:normal;}
.domestic .box .box_left {float:left;width:533px;}
.domestic .box .box_rig {float:left;width:273px;border-left:1px solid #c5d5df;padding-left:35px;}

/*overseas*/
.overseas {}
.overseas table {width:100%;}
.overseas table tr th {background:#c5d5df;border:1px solid #ffffff;font-size:16px;padding: 10px 0;}
.overseas table tr td {text-align:center;border:1px solid #dedede;padding: 10px 5px;}
.overseas table tr td ul li {text-align:left;background:url(../images/ico2.jpg) no-repeat left 10px;padding: 3px 3px 3px 12px;}


/*strength*/
.strength {}
.strength dl {float:left;width:280px;margin: 0 5px;}
.strength dl dt {background:#0099d7;color:#fff;font-size:18px;font-weight:bold;text-align:center;padding:7px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.strength dl dd {background:#e5eef3;margin-top:5px;padding:20px;font-weight:bold;font-size:15px;min-height:200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.strength dl dd ul li {background:url(../images/ico2.jpg) no-repeat left 10px;padding: 5px 5px 5px 12px;font-weight:bold;font-size:15px;}
.strength dl dd ul li ul li {font-weight:normal;background:none;padding: 3px;font-size:13px;}

/*certificates*/
.certificates {}
.certificates ul li {float:left;width:290px;text-align:center;}
.certificates ul li p {font-weight:bold;font-size:15px;padding: 7px 0;}

/*sitemap*/
.sitemap {overflow:hidden;}
.sitemap dl {float:left;width:23%;margin: 0 1%;}
.sitemap dl dt {background:#0099d7;}
.sitemap dl dt a {color:#fff;font-weight:600;display:block;padding: 10px;text-align:center;font-size:16px;}
.sitemap dl dd {padding: 10px 0 0 7px;}
.sitemap dl dd ul li {border-bottom:1px dotted #bbb;}
.sitemap dl dd ul li a {display:block;background:url(../images/b_sm_line.gif) no-repeat left 12px;padding:5px 0 5px 10px;font-weight:normal;color:#97999d;}
.sitemap dl dd ul li a:hover {color:#d00000;}