

html, body, form {
	height: 100%;                                                                                                                                     
}
.newcplist{ width:120px; height:176px; overflow:hidden; position:fixed; top:200px; left:50%; margin-left:-610px;}

#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -200px;                                                              
	float: left;
}
#wrapper {	
	width: 100%;
	height: 400px;
	clear: both;
	position: relative;
	top: -200px;
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */
}
#wrapper.line {	
	background:url(line.png) right 30px no-repeat;
}
h3 {
	display:block;
	height:50px;
	margin:0;
}
h3 span {
	display:block;
	color:#111;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	padding:17px 0 0 0;
	font-weight:700;
	
}
a.button {
	display:block;
	height:50px;
	background:#4f4f4f;
	text-decoration:none;
}
a.button.download {
	background:#4f4f4f url(../img_web/bt-download.png) 10px center no-repeat;
}
a.button.download:hover {
	background:#3f3f3f url(../img_web/bt-download.png) 10px center no-repeat;
}
a.link {
	display:block;
	height:50px; margin-left:25px;
	text-decoration:none;
	-o-transition:color .2s ease-out, background .2s ease-in;
	-ms-transition:color .2s ease-out, background .2s ease-in;
	-moz-transition:color .2s ease-out, background .2s ease-in;
	-webkit-transition:color .2s ease-out, background .2s ease-in;
	/* ...and now override with proper CSS property */
	transition:color .2s ease-out, background .2s ease-in;
	letter-spacing:0 !important;
}
a.link:hover {
	background:#333;
}
a.link:hover span.black {
	color:#fff;
}
a.link span {
	display:block;
	color:#fff;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	padding:17px 0 0 0;
	font-weight:700;
	
}
a.link span.black {
	color:#111;
	padding:8px 0 0 0;
}
a.link img {
	vertical-align:middle;
}
a.yellow, h3.yellow {
	background:#f6d317;
}
a.gray {
	background:#547582;
}
a.green {
	background:#547266;
}
a.darkgray {
	background:url(../img_web/bggray.png);
}
/* =Links
-----------------------------------------------------------------------------*/


/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {
	position:relative;
	width:972px;
	height:400px;
	margin:0 auto;
	background:url(/jsjs/bgbox.png) center top no-repeat;
}
.wrapperblack {
	position:relative;
	width:972px;
	height:400px;
	margin:0 auto;
	background:url(../img_web/bgboxblack.png) center top no-repeat;
}
.box {
	position:relative;
	width:942px;
	height:auto;
	margin:0 auto;
}
.wrapper .top {
	padding:65px 0 50px 40px; position:relative;
}
.box .bsci{ position:absolute; top:70px; right:20px;
}
.wrapper .top .pure-u-1-2{   width:100%;
}

.wrapper .top .pure-u-1-2 .l-box { width:190px; height:90px; float:left; padding:0 5px; cursor:hand;
}

.wrapper .top .pure-u-1-2 .wenzi{ width:700px; height:80px; overflow:hidden;    float:right; margin-top:10px; margin-bottom:10px;
    }
.wrapper .top .pure-u-1-2 .wenzi strong{ line-height:30px; font-weight:normal; color:#fff; font-size:26px;
    }






.wrapperblack .top {
	padding:60px 0 20px 40px;
}
.wrapper .contact {
	margin:60px 0 0 0;
}
.wrapperblack .contact {
	margin:5px 0 0 0;
}
.social {
	margin:43px 0 0 0;
}
.social a{
	margin:0 0 0 5px;
}
/* =Header
-----------------------------------------------------------------------------*/


/* =Nav
-----------------------------------------------------------------------------*/


/* =Misc
-----------------------------------------------------------------------------*/
.r {text-align:right !important;}
.pad20 {
	padding:0 20px;
}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#contacts {
	width: 600px;
	padding: 30px; 
    display:none;
    background: #FFF;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#contacts p { color: #666; text-shadow: none; text-align:center;}

