* {
    margin: 0;
    padding: 0;

}
body{font-size:12px;font-family:'Microsoft YaHei';background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, th, i, var, s{font-weight:normal;font-style:normal;}
ol, ul{list-style:none;}
caption,th{text-align:left;}
input, label{vertical-align:middle;}
input{border:0;}
h1, h2, h3, h4, h5, h6,b,p,span{font-weight:normal;font-size:100%;font-family:'Microsoft YaHei';}
a{text-decoration:none;color:#313131;font-family:'Microsoft YaHei';cursor: pointer;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
*html .clear{_height:1%;}
.clear{zoom:1;}
.clear:after{content:'';display:block;clear:both; height:0; visibility:hidden; font-size:0}
.hide{display:none}
.on{display: inline-block;}
.top_line{ width:100%; border-top:5px solid #9a0000; margin:0 auto;}
.topper{ width:985px; height:25px; margin:auto; padding-top:6px;}
.web{ float:right;margin-top:12px; _margin-top:0px; *margin-top:0px;}
.search{width: 195px;height:23px;float:left;margin-left:200px;}
.web a{ padding-left:18px; font-size:12px; line-height:23px;}


.menuer{ width:100%; height:112px;margin:auto; z-index:5;}
.menu{ width:1200px; height:112px; margin:auto;  padding-top:22px;}
.menu_logo{  float:left; height:71px; }

.position{margin-left:auto;margin-right:auto;text-align:center;margin-top:15%}
#workarea{position:absolute;width:100%;height:100%;background-color:#1e1a3e;font-family:Raleway}
#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{margin-top:0;position:relative;width:90px;height:45px;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px}
#shape{stroke-width:6px;fill:transparent;stroke:#812d2d;stroke-dasharray:85 400;stroke-dashoffset:-140;transition:1s all ease}
#text{margin-top:-35px;text-align:center}#text a{color:#635;text-decoration:none;font-weight:100;font-size:1.1em}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#06D6A0;}



.bd{
	width: 1920px;
	margin: 0 auto;
	height: 420px;
	z-index: -1;
	transition: box-shadow 0.8s;
}

.bd:hover{
	box-shadow: 0 3px 15px rgba(0,0,0,.60);
}

.ind{
width:1000Px;
height:850px;

margin:15px auto;
padding:2px 0 0 0;
}
.ind_left{
width:700px;
height:850px;

margin:0 0 0 20px ;
float:left;
}
.ind_right{
width:240px;
height:850px;

float:right;
margin:0 20px 0 0 ;
}
.foc{
width:320px;
height:410px;
float:left;
margin:0 0px 20px 20px ;
box-shadow: 0 3px 1px rgba(0,0,0,.40);
border-radius:10px;
}
.foc_top{
width:100%;
height:50px;
background:#eeeeee;
border-radius:10px;
display:block;
}

.foc_top:hover {
    box-shadow: 0px 10px 22px rgba(0,0,0,.25);
}


.foc_top h1
{ width:200px;
 height:50px;
letter-spacing:15px;
background:#b20512;
text-align: center;
line-height: 50px;
color: #FFF;
font-size: 20px;
font-weight: bold;
display: block;
float:left;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.foc_top H2{
float: left;
height:50px;
line-height: 50px;
color: #333;
width:100px;
display: block;
border-radius:10px;
font-size: 20px;

margin-left: 20px;
}

.foc_ul{

height:356px;

}


.pic{
width:240px; 
height:70px;
background:#b20512;
margin-bottom: 20px;
  display:block;
box-shadow: 0 1px 10px rgba(0,0,0,.40);

border-radius:15px;

}
.pic:hover{
box-shadow: 0 3px 15px rgba(0,0,0,.60);
}
.pic p{
font-size: 24px;
color: #FFF;
margin-left: 75px;
line-height:65px;
}
.wechat{
width:240px; 
height:110px;
margin-top: 40px;
background:#fcfdf8;
}
.lnfs{
width:240px; 
background:#faf7d9;
margin-top: 32px;
height:150px;
}
.lnfs .lnnf{
display:block;
float:left;
width:80px; 
height:30px;
margin-top: 10px;
text-align: center;
font-size: 15px;
line-height: 30px;
}
.weibo{
width:240px; 
height:110px;
margin-top: 40px;
background:#fcfdf8;
}

/*尾部*/

.foot{ width:100%; height:165px; background:#f9f9f9; margin-top:40px; float:left; border-top:1px solid #dfdede;}

.footin{width:942px; margin:0 auto; padding-top:37px;} 

.footin h1{ width:58px; height:80px; float:left;}

.footin .fp{ float:left; padding-left:20px; margin-top:15px; font-size:12px; color:#313131;}

.footin .fp p{ padding-bottom:11px; padding-top:3px;}

.footin .fp p a{ height:20px; font-size:12px; color:#fc5474;}

.footin .fp .noe{border:0;padding-left:0px;}

.li_tl_left{width:240px; float:left; }
.li_tl_right{width:800px;}