body { color:#8b8b8b; font-size:12px; font-family:"microsoft yahei","Arial"; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h5{ margin:0px; padding:0px; border:0; }
section,article,nav{ margin: 0px; padding: 0px; border: 0; }
/*html{ overflow-y:scroll; }*/
a:link{ color:#8b8b8b; text-decoration:none; }
a:visited{ color:#8b8b8b; text-decoration:none;}
a:hover{ color:#5A5A5A; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.FL{ float:left;}
.FR{ float:right;}

/*字号*/
.f10 { -webkit-text-size-adjust:none; font-size:0.625em; }
.f11 { -webkit-text-size-adjust:none; font-size:11px;}
.f12 { font-size:0.75em; }
.f14{ font-size:14px;}
.f16 { font-size:16px; }
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}

/*字体*/
.arial { font-family:Arial;}
.yahei { font-family:"microsoft yahei";}
.song { font-family:"宋体";}

/*上下间距*/ .mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb15{ margin-
bottom:15px;} .mb18{ margin-bottom:18px;} .mb20{ margin-bottom:20px;} .mb25{
margin-bottom:25px;} .mb30{ margin-bottom:30px;} .mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;} .mb45{ margin-bottom:45px;} .mb50{ margin-
bottom:50px;} .mb60{ margin-bottom:60px;} .mb80{ margin-bottom:80px;}

.black{ color:#333; }
.red{ color:#c8201d; }

/*公用*/
.div100{ width:100%;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.width{ width:1200px; margin:0 auto; }
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.formtext{ width:300px; border:1px solid #DFDEDE; border-radius:4px; padding:7px 6px; color:#777; font-size:12px; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.formtext:focus{ border:1px solid #ccc; color:#222; }
.dashedLine{ display:block; height:1px; border-bottom:1px dashed #C2C2C2; overflow:hidden; margin-bottom:58px; }

/*分页*/
.pageNum { width: 100%; margin: 0; }
.pageNum a { display: inline-block; text-align: left; padding: 10px 20px; font: normal 14px 'microsoft yahei'; color: #333333; border: 1px solid #d7e2e8; margin-right: 10px; background: #d7e2e8; transition: all .3s ease; }
.pageNum span { display: inline-block; text-align: left; padding: 10px 20px; font: normal 14px 'microsoft yahei'; color: #888888; border: 1px solid #e6e6e6; margin-right: 10px; }
.pageNum a:hover { color: #ffffff; border-color: #46a1da; background: #46a1da; }
.pageNum a.cur { color: #ffffff; border-color: #46a1da; background: #46a1da; }
.pageNum span.cur { color: #ffffff; border-color: #46a1da; background: #46a1da; }



/*头部*/
.head { width: 100%; height: 100px; background: #ffffff; position: fixed; top: 0; left: 0; z-index: 100; }
.head .contain { height: 100px; position: relative; }
.head .left { float: left; width: 80px; height: 100%; }
.head .left a { display: block; width: 100%; height: 100%; font-size: 0; }
.head .left a span { display: inline-block; width: 1px; height: 100%; line-height: 100%; margin-left: -1px; vertical-align: middle; }
.head .left a img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }

/*.head .menu ul li.cur .aTop:after { left: 0; width: 100%; background: #00a0e9; }*/


.head .right { float: right; width: 22px; height: 100%; position: relative; }
.head .right span { display: block; width: 100%; height: 18px; background: url(../images/weCat.png) no-repeat center; cursor: pointer; position: absolute; top: 50%; margin-top: -9px; left: 0; transition:  all .3s ease; }
.head .right img { position: absolute; top: 100px; left: -100%; opacity: 0; transition: all .3s ease; }
.head .right:hover span { background-image: url(../images/weCat_hover.png); }
.head .right:hover img { opacity: 1; }
.head .menuIcon { display: none; }


/*底部*/
.foot { padding: 50px 0; background: #777777; }
.foot .left { float: left; }
.foot .left p { font: normal 14px 'microsoft yahei'; color: #ffffff; padding-bottom: 15px; }
.foot .left p:last-child { padding-bottom: 0; }
.foot .right { float: right; }
.foot .right p { display: table; }
.foot .right p span { display: table-cell; vertical-align: middle; }
.foot .right p span em { display: block; font: normal 14px 'microsoft yahei'; color: #ffffff; text-align: right; }
.foot .right p span i { display: block; font: normal 14px 'microsoft yahei'; color: #ffffff; }
.foot .right p span img { padding-left: 10px; }

@media screen and (min-width: 860px){
	.head .menu { position: absolute; height: 100%; top: 0; right: 25px; }
	.head .menu ul li { float: left; position: relative; }
	.head .menu ul li .aTop { display: block; font: normal 16px/100px 'microsoft yahei'; color: #666666; position: relative; padding: 0 35px; transition: all .5s ease; }
	.head .menu ul li .aTop:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; transition:  all .5s ease; }
	.head .menu ul li:hover .aTop { color: #00a0e9; background: #eaf2f6; }
	.head .menu ul li:hover .aTop:after { left: 0; width: 100%; background: #00a0e9; }
	.head .menu ul li.cur .aTop { color: #00a0e9; }
	.head .menu ul li.cur .aTop:after { left: 0; width: 100%; background: #00a0e9; }

	.head .menu ul li p { display: none; position: fixed; background: #46a1da; opacity: 0; overflow: hidden; min-height: 51px; }
	.head .menu ul li p .aNav { display: inline-block; min-width: 104px; font: normal 14px 'microsoft yahei'; color: #bbddf3; text-align: center; padding: 10px 10px; margin: 0 5px; }
	.head .menu ul li p .aNav:first-child { margin-top: 6px; }
	.head .menu ul li p .aNav:last-child { margin-bottom: 6px; }
	.head .menu ul li p .aNav:hover { color: #ffffff; background: #60b6de; }
	.head .menu ul li:hover p { display: block; opacity: 1; }

	.head .menu ul li p em { display: none; }
	.head .menu ul li .mask { display: none; }
}

@media screen and (max-width: 1200px){
	.width { width: auto; margin: 0 50px; }
	.head .menu { right: 0; }
	.head .right { display: none; }
}
@media screen and (max-width: 1024px){
	.head { height: 80px; }
	.head .contain { height: 80px; }
	.head .menu ul li .aTop { font-size: 12px; line-height: 80px; padding: 0 25px; }
	.foot .left { width: 50%; }
}
@media screen and (max-width: 860px){
	.head .menu { display: none; height: 100%; position: fixed; top: 80px; width: 32rem; left: 0; background: rgba(0,0,0,.8); z-index: 99; overflow-y: scroll; }
	.head .menu ul li { width: 100%; position: relative; }
	.head .menu ul li .aTop { display: block; width: 100%; height: 5rem; padding: 0; text-align: left; text-indent: 1rem; font-size: 1.2rem; line-height: 5rem; position: relative; }
	.head .menu ul li i { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/slides.png) no-repeat right center; z-index: 2; }
	.head .menu ul li p { display: none; }
	.head .menu ul li p .aNav { display: block; font-size: 1.2rem; color: #666666; text-indent: 2rem; line-height: 4rem; }
	.head .menu ul li p span em a { display: block; font-size: 1rem; color: #ffffff; text-indent: 3rem; line-height: 2rem; }
	.head .menu .mask { display: block; position: absolute; width: 100%; height: 5rem; top: 0; left: 0; background: url(../images/slides.png) no-repeat 30rem center; z-index: 10; }
	.head .menuIcon { display: block; width: 40px; height: 100%; position: relative; float: right; }
	.head .menuIcon span { display: block; width: 100%; height: 23px; position: absolute; top: 50%; margin-top: -11.5px; left: 0; background: url(../images/menuIcon.png) no-repeat center; }
	.head .menuIcon.cur span { height: 40px; margin-top: -20px; background: url(../images/error.png) no-repeat center; }

	.foot .left { width: 100%; }
	.foot .right { display: none; }
}
@media screen and (max-width: 480px){
	.width { margin: 0 1.5rem; }

	.head { height: 4rem; }
	.head .contain { height: 4rem; }

	.head .menu { top: 4rem; }

	.foot { padding: 2rem 0; }

	.foot .left p { text-align: center; }

	.foot .right { width: 100%; }
	.foot .right p { display: block; margin-top: 2rem; }
	.foot .right p span { display: block; text-align: center; }
	.foot .right p span em { text-align: center; }
	.foot .right p span img { padding-left: 0; margin-top: 1rem; }
}