@charset "gb2312";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block}
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html,body{ width:100%;  margin:0 auto; overflow:hidden; position:relative; line-height:22px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input{margin:0;padding:0;}
table,tr,td{ text-indent:0em;}
ul,ol,li{list-style-type:none}
li{vertical-align:0}
a{text-decoration:none; outline:none; color:#666}
a:hover{ text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
h1{font-size:1.625em}
h2{font-size:1.5em}
h3{font-size:1.375em}
h4{font-size:1.25em}
h5{font-size:1.15em}
h6{font-size:1em}
body{background:#F4F4F4; color:#666}
body,input,select,textarea{ font-size:0.875em; font-family: "Microsoft Yahei"; }
img,object,embed,video{	max-width:100%; border:none}
.clear{clear:both; height:0px; line-height:0px; overflow:hidden; font-size:0px;}
.hidden{display:none;}
.fl,.fldi{float:left}
.fr,.frdi{float:right}
.fldi,.frdi{display:inline}
.pr{ position:relative}
.pa{ position:absolute}
.fv{font-family:"Î¢ÈíÑÅºÚ"}
.ie6 img{ width:100%; border:none}
.col1{ color:#19affe}

/*
	border-radius:5px; > ie 
	-moz-border-radius:5px; > firefox 
	-webkit-border-radius:5px; > chrome
	background:#FFF;
	background:-webkit-linear-gradient(top, #FFFFFF, #e8e8e8); > chrome 
	background:-moz-linear-gradient(top, #FFFFFF, #e8e8e8); > firefox 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e8e8e8'); > ie
*/
.br-5{
	border-radius:4px;
}



.gridContainer{
	width:100%;
}
.index-bg{
	background:#FFFAD2;
}
.index-sec{
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
}
.index_head{
	text-align:center;
	margin-bottom:40px;
}
.index-name,
.index-web{
	line-height:250%;
	margin-left:10%;
	margin-right:10%;
}
.index-name{
	border-bottom:1px solid #e2e2e2;
}
.index-web{
	border-top:1px solid #f8f8f8;
}
.logo{
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	
}
.index-btn{
	width:80%;
	height:36px;
	line-height:36px;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
/* index end */

#header{width:100%; padding:20px 0px;}
.logo{ background:url(imageslogo.png) no-repeat left center; background-size:cover; float:left; width:162px; height:31px; margin-left:18px;}
.list{ float:right; cursor:pointer; color:#fff; font-size:14px;margin-right:5px;background:url(imagespic_1.png) no-repeat center center; width:60px; padding-left:10px;
 line-height:25px; height:28px; margin-right:18px; background-size: cover; margin-top:3px;}
.sbg{  height:100%; width:13px; margin-left:8px; float:left}
.w_m{ width:100%; background:#fff; position:relative; font-size:13px;}
.banner img{ width:100%;}
#main{ width:90%; padding:0 5%; margin:10px 0;}
.title1{background:-webkit-gradient(linear, 0 20%, 0 100%,  from(#0ec1ff), to(#017dd9)); width:90%; padding:1% 5%;}
.title2{background:-webkit-gradient(linear, 0 30%, 0 100%,  from(#0ec2ff), to(#017dd9)); width:90%; padding:1% 5%;}
.title3{background:-webkit-gradient(linear, 0 30%, 0 100%,  from(#0ec2ff), to(#017dd9)); width:98%; padding:1% 1%; margin-bottom:8px;box-shadow:1px 2px 2px #c5c5c5;}
hgroup h1{ background:url(imagespic_3.png) no-repeat left center; padding-left:22px; font-size:18px; color:#fff; float:left}
.zsbg{ background:url(imagespic_ubg.gif);}
#footer{width:100%;padding:4px 0px; background:#9d9d9d; color:#363636; font-size:12px;}
#footer a{ color:#363636;  }
#footer span{  margin:0 4px;}
.cpbh{ margin-left:15px!important;}
.bor_n{ border:0px;}
.nr{ margin:0 auto}
.nav{ position:absolute; left:0px; border-top:1px solid #c8c8c6; width:100%; display:none; top:71px; z-index:10}
.nav li{ height:44px; line-height:44px;background:#f1f3f5; border-bottom:1px solid #c8c8c6; display:block}
.nav li a{ color:#5c5c5c; width:100%;}
.nav li .fl{ margin-left:60px;}
.nav li .fr{ margin-right:28px;}



