html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, fieldset, blockquote, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Microsoft Yahei, Tahoma, Geneva, sans-serif; outline: medium none;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #f5f5f5 url(../images/body_bg.jpg) repeat-x left top;  line-height: 1.2; }
a, a:link { color: #0c1d62; text-decoration: none; outline:none;}
a:visited { color: #0c1d62; }
a:active, a:hover {  text-decoration: none; }
a:focus { outline: none; }
 
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; word-wrap: break-word;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
	.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.dis_in_b {display: inline-block;}
.dis_b {display: block;}
@font-face{
	font-family:'NimbusSanNov';
	src:url(../images/NimbusSanNov.woff) format('woff'),url(../images/NimbusSanNov.ttf) format('truetype');
}
.box { border:1px #e4e4e4 solid;}
/* h1 {text-shadow: 0 1px 0 #FFFFFF; -moz-animation: 1s ease-in 0s normal none 1 time;} */  /*阴影*/
.layout,.wrapper { width:1222px; margin:0 auto;}
.hd { height: 31px; position: relative; }
.hd h3 { position: absolute; padding-left: 27px;  color: #000; line-height: 30px;}
.hd h3 a,.hd h3 a:link {color: #000;}
.hd a.more { position: absolute; right: 9px; line-height: 30px; top: 0px; font-family:"Microsoft YaHei",SimSun,SimHei;}
.bd { width: 100%}
.bd ul { padding: 0 15px; overflow: hidden;}
.bd ul li { line-height: 24px; overflow: hidden; padding-left: 15px; background: url(../images/icon/li_c.gif) no-repeat 0 9px;}
.red { color:red;}
.bk10 { height: 10px; overflow: hidden; clear: both; background: #fff;}
.bk12 { height: 12px; overflow: hidden; clear: both; background: #fff;}
.bk7 { height: 7px; overflow: hidden; clear: both; background: #fff;}
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, fieldset, blockquote, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Microsoft Yahei, Tahoma, Geneva, sans-serif; outline: medium none;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #133443; line-height: 1.2; }
a, a:link { color: #133443; text-decoration: none; outline:none;}
a:visited { color: #133443; }
a:active, a:hover { color: #f21332; text-decoration: underline; }
a:focus { outline: none; }
 
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; word-wrap: break-word;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
	.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.dis_in_b {display: inline-block;}
.dis_b {display: block;}
@font-face{
	font-family:'NimbusSanNov';
	src:url(../images/NimbusSanNov.woff) format('woff'),url(../images/NimbusSanNov.ttf) format('truetype');
}
.box { border:1px #e4e4e4 solid;}
/* h1 {text-shadow: 0 1px 0 #FFFFFF; -moz-animation: 1s ease-in 0s normal none 1 time;} */  /*阴影*/
.layout,.wrapper { width:1010px; margin:0 auto;}

.red { color:red;}
.bk10 { height: 10px; overflow: hidden; clear: both;}.bk12 { height: 12px; overflow: hidden; clear: both;}
.bk20 { height: 20px; overflow: hidden; clear: both;}.bk15 { height: 15px; overflow: hidden; clear: both;}
.bk5 { height: 5px; overflow: hidden; clear: both;}.bk7 { height: 7px; overflow: hidden; clear: both;}

.select {font-family: Arial; font-size: 14px;padding: 0px 7px;height: 28px;line-height: 22px;background: #eeeeef;border: 1px solid #B6B6B6;border-color: #7B7B7B #B6B6B6 #B6B6B6 #7B7B7B;background: #eeeeef; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;}
.select:focus {background: #fff;}
.buttun {color:#ccc; display: inline-block; vertical-align: middle;font-family: Arial;
font-size: 14px;padding: 3px 7px;height: 22px;line-height: 22px;border: 1px solid #B6B6B6;border-color: #7B7B7B #B6B6B6 #B6B6B6 #7B7B7B;background: #eeeeef;position: relative;outline: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;}
.buttun:focus {background: #fff;}
.textarea { display: inline-block; color:#ccc;vertical-align: middle;font-family: Arial;
font-size: 14px;padding: 3px 7px;line-height: 22px;border: 1px solid #B6B6B6;border-color: #7B7B7B #B6B6B6 #B6B6B6 #7B7B7B;background:#eeeeef;position: relative;outline: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;}
.textarea:focus {background: #fff;}
.code { width: 60px} .codeimg { vertical-align: middle;padding:0 8px}

.btn {font-weight:700;font-family:Arial, Helvetica;background:#DBDBDB;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DBDBDB');background:-webkit-linear-gradient(top, #F5F5F5, #DBDBDB);background:-moz-linear-gradient(top, #F5F5F5, #DBDBDB);background:-o-linear-gradient(top, #F5F5F5, #DBDBDB);background:-ms-linear-gradient(top, #F5F5F5, #DBDBDB);background:linear-gradient(top, #F5F5F5, #DBDBDB);border:1px solid #DBDBDB;color:#5d7bb4;padding:7px 20px;margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 2px 3px rgba(0,0,0,.4);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.4);box-shadow:0px 2px 3px rgba(0,0,0,.4);text-shadow:#FFF 0 1px 0;min-width:100px;min-width:90px\9;*min-width:auto;text-align:center;cursor:pointer}
.btn:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CBCBCB');background:-webkit-linear-gradient(top, #FFFFFF, #CBCBCB);background:-moz-linear-gradient(top, #FFFFFF, #CBCBCB);background:-o-linear-gradient(top, #FFFFFF, #CBCBCB);background:-ms-linear-gradient(top, #FFFFFF, #CBCBCB);background:linear-gradient(top, #FFFFFF, #CBCBCB);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.5);-moz-box-shadow:0px 2px 3px rgba(0,0,0,.5);box-shadow:0px 2px 3px rgba(0,0,0,.5)}
.btn:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ABABAB');background:-webkit-linear-gradient(top, #FFFFFF, #ABABAB);background:-moz-linear-gradient(top, #FFFFFF, #ABABAB);background:-o-linear-gradient(top, #FFFFFF, #ABABAB);background:-ms-linear-gradient(top, #FFFFFF, #ABABAB);background:linear-gradient(top, #FFFFFF, #ABABAB);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.5);-moz-box-shadow:0px 2px 3px rgba(0,0,0,.5);box-shadow:0px 2px 3px rgba(0,0,0,.5)}
.btn:active{color:#515151;padding:7px 20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBCBCB', endColorstr='#F5F5F5');background:-webkit-linear-gradient(top, #CBCBCB, #F5F5F5);background:-moz-linear-gradient(top, #CBCBCB, #F5F5F5);background:-o-linear-gradient(top, #CBCBCB, #F5F5F5);background:-ms-linear-gradient(top, #CBCBCB, #F5F5F5);background:linear-gradient(top, #CBCBCB, #F5F5F5);box-shadow:inset 0 1px 3px #C1C1C1;-webkit-box-shadow:inset 0 1px 3px #C1C1C1;-moz-box-shadow:inset 0 1px 3px #C1C1C1}

.toplink { height: 120px; position: relative; z-index: 999999;}
.toplink a.logo {width: 346px; height: 120px; background:url(../images/logo.png) no-repeat center top; display: block; left: 0px; position: absolute;}
	.headlink { position: absolute; right: 170px; top: 9px; text-align: right;color:#666;}
	.headlink a { padding: 0 5px; line-height: 23px; height: 23px; color:#666;}
	.s_form { position: absolute; right: 2px; top:9px; height: 23px; width: 158px;}
	.s_form .text { width: 120px; height: 15px; line-height: 15px; padding: 3px 5px; border: 1px #d3d3d3 solid; border-right: none; font-size: 12px; background:#fff; float: left; color: #999;}
	.s_form .button { width: 27px; height: 23px; background:url(../images/icon/md_index_btn_bg01.png) no-repeat 0 0; border:none; float: right; cursor: pointer;}

.menu { height: 70px; background:none; line-height: 70px; padding:0;}

/* navBar */
.navBar{ margin:0 auto; height:51px; line-height:51px; color:#133443; width: 750px; float: right; padding-top: 62px;}
.nav{ position:relative; margin:0 auto;/* font-family:SimSun,SimHei;*/ font-size:16px;}
.nav a{color:#0160b0;}
.nav h3{font-size:100%;font-weight:750;}
.nav h3 a,.nav h3 a:link,.nav h3 a:visited{display:block;width:125px; padding: 0 0px; font-weight: normal; height: 51px; line-height:51px; text-align:center;color:#000;}
.nav h3 a:hover { text-decoration: none;}
.nav .on h3 a,.nav .on h3 a:link,.nav .on h3 a:visited { color: #3d3469;}

.nav .m{float:left;position:relative;z-index:1;}
.nav .s{float:left;width:1px; background: url(../images/s.gif) no-repeat 0 bottom;}

.nav .sub{ display:none;position:absolute;left:0px; padding:10px 10px 10px 10px; width:120px; top:60px;z-index:1; background-color: rgba(255, 255, 255, 0.9);overflow: hidden; }
.nav .m2 .sub { width: 100px;}
.nav .m3 .sub { width: 100px;}
.nav .sub li{ text-align:center; padding:0; display: block;}
.nav .sub li.nobackground { background: none;}
.nav .sub li a{display:block;padding:5px 0px;line-height:16px;color:#333;    border-bottom: #CCC 1px solid;font-size:14px;font-weight:normal;}
.nav .sub li a:hover{color:#00A7A7;text-decoration: none;}

.nav .block{height:51px;width:100px;background: url(../images/block_b.gif) no-repeat center bottom; position:absolute;left:0px;top:0px;overflow:hidden;}
/*footer*/

.footer .footer_class{height:425px;}






/*footer*/
.footer { overflow: hidden; clear: both; background:url(../images/bgn.jpg) no-repeat top center; color:#fff;font-size:14px;width:100%; min-width:1166px;height:425px; }
.footer  .foot{width:900px;margin:0 auto;}
.footer .footer_left{width:323px;height:308px;float:left;padding-top:50px;padding-left:0px;}
.footer .footer_right{width:400px;height:320px;float:right;padding-top:65px;}
.footer .footer_right  p{line-height:20px;}
.footer .footer_right .weixin{padding-top:20px;}
.footer .footer_right .weixin p{float:left;width:120px;padding:2px;text-align:center;line-height:25px;}

.footer  .copyright{height:20px;text-align:center;padding-left:150px;font-size:16px;}
.footer .table_noborder th, .table_noborder td {padding: 5px 3px;line-height: 22px;}



.project-img {
	width: 400px;
	position: relative;
	overflow: hidden;
}
 .project-img:hover .text {
	display: block;
}
 .project-img .text {
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
	text-align: left;
	left: 0;
	background: rgba(0,0,0,.7);
	width: 100%;
}
 .project-img .text span {
	color: #fff;
	font-size: 14px;
	text-align: left;
	width: calc(100% - 40px);
	display: block;
	line-height: 180%;
	position: absolute;
	left: 20px;
	bottom: 50px;
}
 .project-img .text a {
	color: #fff;
	font-size: 12px;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	padding-right: 16px;
	background: url(../images/ico_ic.png) right no-repeat;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
 .project-img .text a:hover {
	text-decoration: underline;
}
 .project-img img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
}
.project-img:hover img {
	transform: scale(1.2, 1.2);
}