
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font-size:10px; font-family: '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; font-weight:normal;}
em{font-style:normal;}
ul, ol{ list-style: none; }
a {text-decoration: none; -webkit-tap-highlight-color:transparent; border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
input{outline:none;}
body,html{margin:0 auto; min-width:320px; height:100%; overflow:hidden;}
body{width:100%; background:url(../images/bodybg.jpg) no-repeat top center!important;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.pre {position:relative;}
.pab {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.mt3{margin-top:3%;}
.w100{width:100%;}
.w640{width:100%; max-width:640px; margin:0 auto;}
.img100{width:100%; max-width:640px; display:block; margin:0 auto;}
@media screen and (max-width:640px){
	body,.w640{font-size:10px;}
}
@media screen and (max-width:600px){
	body,.w640{font-size:9px;}
}
@media screen and (max-width:520px){
	body,.w640{font-size:8px;}
}
@media screen and (max-width:460px){
	body,.w640{font-size:7px;}
}
@media screen and (max-width:390px){
	body,.w640{font-size:6px;}
}
.header{display:none;}
/*leftbar*/
.leftbar{width:60px; height:100%; overflow:hidden; background:rgba(0,0,0,0.25); position:fixed; left:0; top:0; text-align:center; -webkit-transition:all .5s ease;transition:all .5s ease;}
.leftbar a,.rightbar a{color:#fff; width:100%; height:100%; display:block;}
.leftbar a{padding:5px 0;}
.leftbar a:hover{background:rgba(217,1,0,0.5);}
.leftbar dl{position:absolute; height:80%; top:100px; overflow-y:scroll;}
.leftbar dl::-webkit-scrollbar{display: none;}
.leftbar dl {
	-ms-overflow-style:none;
	overflow:-moz-scrollbars-none;
}
.leftbar dl dt{width:100%; padding-bottom:20px;}
.leftbar dl dd{font-size:1.4em; padding:15px 0;}
.leftbar dl dd:last-child{padding-bottom:40px;}
.leftbar dl dd i.iconfont{font-size:2em; display:block; padding-bottom:5px;}
.leftbar dl dd i.icon-xinwen,.leftbar dl dd i.icon-chanyeyanjiu,.leftbar dl dd i.icon-liuyan{font-size:1.8em;}
.leftbar dl dd i.icon-tel{font-size:2.4em; padding-bottom:0px;}
/*rightbar*/
.rightbar{width:60px; height:360px; background:#15222b; text-align:center; position:fixed; right:60px; top:50%; margin-top:-200px;}
.rightbar ul li{width:60px; height:60px; font-size:1.4em; position:relative;}
.rightbar ul li:first-child{background:#d10400;}
.rightbar ul li a:hover{background:#d10400;}
.rightbar ul li i.iconfont{font-size:1.8em; display:block; padding-bottom:5px; line-height:0.8em; padding-top:10px;}
.rightbar ul li.wxewm,.rightbar ul li.appewm{width:120px; height:120px; display:none; position:absolute; left:-120px; bottom:60px;}
.rightbar ul li.appewm{bottom:0px;}
.rightbar ul li.on{display:block;}
/*footerbar*/
.footerbar{width:100%; height:40px; line-height:40px; background:#1f1f1f; color:#fff; font-size:1.4em; z-index:1; position:fixed; bottom:0;}
.footerbar a{color:#fff;}
.copyright{padding-right:20px;}
.copyright img{vertical-align:middle;}
.footeroa{background:#393333; width:110px; height:40px; text-align:center;}
.footeroa i.iconfont{font-size:1.6em; vertical-align:middle;}
.footersearch{width:425px; padding:0 6px; background:#414141;}
.footersearch input[type=text]{background:none; border:none; color:#fff; width:290px; height:40px;}
.footersearch input[type=submit]{background:url(../images/search.png) center no-repeat #fff; width:28px; height:28px; margin:6px 0 6px; border-radius:5px; cursor:pointer; line-height:999;}
.footersearch select{font-size: 14px; background: none; border: none; width:85px; color:#fff;}
.footersearch select option{color:#000;}
@media screen and (max-width: 1440px){
	.leftbar{width:46px;}
	.leftbar dl dd{font-size:12px; padding:10px 0;}
	.leftbar dl dd i.iconfont{font-size:1.8em; padding-bottom:2px;}
	.rightbar{width:46px; height:276px; right:20px;}
	.rightbar ul li{width:46px; height:46px; font-size:12px;}
	.rightbar ul li i.iconfont{font-size:1.6em; display:block; padding-bottom:3px; line-height:0.8em; padding-top:5px;}
	.footerbar{height:32px; line-height:32px; font-size:12px;}
	.footeroa{height:32px;}
	.footersearch input[type=text]{height:32px;}
	.footersearch input[type=submit]{width:24px; height:24px; margin:4px 0 4px 6px;}
}
@media screen and (max-width: 640px){
	.header{display:block; position:fixed; top:0; z-index:999; width:100%; height:40px;}
	.leftbar dl{top:12px; height:96%;}
	.leftbar{left:-60px; z-index:9999;}
	.leftbar dl dd{padding:5px 0;}
	.leftbar dl dd i.iconfont{font-size:1.4em;}
	.leftbar dl dd:last-child{padding-bottom:0px;}
	.rightbar,.footerbar{display:none;}
	.navbar .ico_tel,.navbar .ico_nav,.navbar #title{height:50px;background-size:23.5px 21px;}
	.navbar .ico_tel{background-size:27.5px 27.5px;}
	.navbar #title{background-size:77px 27px;}	
	.openNav{left:0px;}
	.navbar .ico_nav{float:left;width:12%;height:40px;overflow:hidden;text-indent:-9999em;background:url(../images/ico_nav.png) center center no-repeat;}
	.navbar #title{float:left;width:86%;height:40px;margin:0 1%;overflow:hidden;text-indent:-9999em;background:url(../images/logo_h.png) center center no-repeat;}
	.header .description{height:58px;font-size:1.7em;font-weight:normal;line-height:58px;text-align:center;-webkit-transition:font-size 0.2s ease-out;-moz-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; transition:font-size 0.2s ease-out;}
	.header .description span{padding:2px 5px;overflow:hidden;color:#ffea00;font-weight:bold;background:#339ee2;border-radius:1em;}
	#nav_over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
	.openMenu{margin-left:60px !important;-webkit-transition:all .5s ease;transition:all .5s ease;}
	.openNav{left:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
	.fade{position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:#666;z-index:200;opacity:.50; display:none;}
}