@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'SourceHanSans-Light';
src: url('SourceHanSans-Light.otf'); /* IE9 Compat Modes */
src: url('SourceHanSans-Light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('SourceHanSans-Light.otf') format('woff'), /* Modern Browsers */
         url('SourceHanSans-Light.otf')  format('truetype'), /* Safari, Android, iOS */
         url('SourceHanSans-Light.otf#YourWebFontName') format('svg'); /* Legacy iOS */
}
body{ margin:0; padding:0; text-align: center; font-family: "SourceHanSans-Light"; font-size:1em; font-weight:300; background:#fff; background-size:cover;}
a{text-decoration:none}
a:link {text-decoration: none; color:#1365a3;}
a:visited {text-decoration: none; color:#1365a3;}
a:hover {text-decoration: none; color:#1365a3;}
a:active {text-decoration: none; color:#1365a3;}
h1{ font-size:1.5em}
h2{ font-size:100%}
input button{ padding:0; margin:0;  background:transparent}
.Absolute-Center{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0}
.box-shadow-1-000{ -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000;} 
.box-shadow-1-333{ -webkit-box-shadow: 0px 0px 1px #e8e8e8; -moz-box-shadow: 0px 0px 1px #e8e8e8; box-shadow: 0px 0px 1px #e8e8e8;} 
.box-shadow-1-444{ -webkit-box-shadow: 0px 0px 3px #444; -moz-box-shadow: 0px 0px 3px #444; box-shadow: 0px 0px 3px #444;} 
.linear{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(255,255,255,0.8),endColorStr=rgba(6,50,62,1)); /*IE 6 7 8*/
background: -ms-linear-gradient(top, rgba(255,255,255,0.8),  rgba(6,50,62,1));        /* IE 10 */
background:-moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(6,50,62,1));/*火狐*/
background:-webkit-gradient(linear, 0% 30%, 60% 100%,from(rgba(255,255,255,0.8)), to(rgba(6,50,62,1)));/*谷歌*/
background: -webkit-gradient(linear, 0% 30%, 60% 100%, from(rgba(255,255,255,0.8)), to(rgba(6,50,62,1)));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(6,50,62,1));   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, rgba(255,255,255,0.8), rgba(6,50,62,1));  /*Opera 11.10+*/
}
.frame_mid{ position:relative; margin:0 auto; width:1200px; height:100%}

/* New Clearfix */
.clear{clear:both;height:1px;margin:0;padding:0;font-size:15px;line-height:1px;}
.clearfix:after,.content:after,#content:after,.bd:after{visibility:hidden;display: block;font-size:0;content:" ";clear: both;height:0;}

/*  头部样式  */
#header{ position:fixed; top:0; width:100%; height:60px; z-index:200;}

/*  底部样式  */
#footer{ position:relative; width:100%; height:96px;}

/*  样式  */
.skillContent{width:100%;margin:0px;height:auto;overflow:hidden;background-color:#ffffff;}
.thisclass{display:inline-block;*display:inline;zoom:1;height:30px;width:170px;background-color:#22943A;border-radius:15px;margin-bottom:12px;text-align:center;line-height:30px;font-size:14px;color:#ffffff;}
.main{width:1160px;margin:0px auto;height:auto;margin-top:170px;margin-bottom:50px;background-color:white;overflow:hidden;}
.leftMenu{width: 170px;height:100%;float: left;}
.leftMenu ul{/*margin: 10px;*//*background-color: red;*/margin: 0px;padding: 0px;}
.leftMenu ul li{display:inline-block;*display:inline;zoom:1;height:30px;width:170px;margin-bottom:12px;text-align:center; background-color: rgb(247,247,247);border-radius:15px;line-height:30px;font-size: 16px;color: black;}
.leftMenu ul li:hover,.leftMenu ul li.hover{background-color:#0991d8;color:#fff;}
.leftMenu ul li a{/*color: #000000;*/text-decoration: none;display: block; height: 100%;/*将a填满整个li，要不不点击到a无法加载页面*/}
.content{float:right;background:#ffffff;border-left:1px solid #dddddd;height:auto;overflow:hidden;width:930px; text-align:left; padding:20px;}
.content .introduce{margin-bottom:50px;width: 100%;heigth:auto;overflow:hidden;}
.introduce p{line-height:25px; text-indent:2em;}
.introduce .title{width: 100%;height: auto; color: black;font-size: 32px;text-align: center;/*background-color: blue;*/}
.introduce img{ max-width:900px;}
.tab{ border-bottom:1px dashed #666;}
.tab dt{ font-size:24px; margin:5px auto;}
.tab dt a{ color:#22943A;}
.tab dt a:hover{ color:Blue;}
.tab dd{ margin:0; padding:0; text-indent:2em;}