@charset "gb2312";
/* CSS Document */
html{background:#FFF;}
body{font-size:14px;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #323232;font-family:'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;/*color: #323232;*/-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;height:auto;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #323232;}
a:hover{color: #e60012;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
/*定义清除浮动样式 方法一*/
.clearfix:after{content:'\20';display:block;height:0;clear:both; visibility:hidden;}
.clearfix{zoom:1;}
/*定义清除浮动样式 方法二*/
.clear{clear:both;}
/*font-size */
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f22px{font-size: 22px;}
.f24px{font-size:24px;}
.f48px{font-size:48px;}
/*float */
.fl{float:left;}
.fr{float:right;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:400;*/}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;font-size:100%;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}
.inblock{display:inline-block;*zoom:1;*display:inline;}
.disnone{display:none;}
.block{ display:block;}
.hidden{ overflow:hidden !important;}
.none{ display:none;}
.textoverflow{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.underline:hover{text-decoration:underline;}
.mtc{margin:0 auto;}
.number{ font-family:Arial;}
.fw600{font-weight: 600;}
.hand{cursor: pointer;}
.distable{display: table;}
.distr{display:table-row;}
.distd{display:table-cell;}
.mr35px{margin-right: 35px;}
.ml35px{margin-left: 35px;}
.mr10px{margin-right:10px;}
.ml10px{margin-left:10px;}
.mt20px{margin-top:20px;}
.mt5px{margin-top: 1.57%;}
.mt4px{margin-top: 4px;}
.mr5px{margin-right: 0.86%;}


.header{ width:100%; min-width:320px; height:243px; position:relative;}
.header .top01{ margin:0 auto; color:#787878; background-color:#f5f5f5; height:38px; line-height:38px; }
.header .top01_w{ max-width:1020px; margin:0px auto;}
.header .top01_lf{ width:451px; font-size:13px; left:10px; top:0px;}
.header .top01_nav_rt{ width:279px; right:0px; top:0px;}
.header .top01_nav_rt a{ font-size:13px; margin:0px 10px;}
.header .top01_nav_rt a:hover{ font-weight:bolder;}

.header .top02{max-width:1020px; width:100%; height:124px; margin:0 auto; position: relative; z-index: 1000;}
.header .logo{width:388px; height:64px;  left:10px; overflow: hidden; position: absolute; top:27px;}
.header .logo a img{ display:block;width:100%;}

.header .top02_rt{ width:520px; right:10px;  position: absolute; top:0px; }
.search{ width:240px; height:27px; position:absolute; right:0px; top:30px;}
.search .fm_search{height:27px; background:url(imagessearch.jpg) no-repeat; position:relative;}
.search .fm_search input{position:absolute; width:195px;height:27px;line-height:27px; color:#3c98cc; border:none; background:none; left:0px; top:0px; padding-left:0px; font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; color:#888; z-index: 2;}
.search .fm_search input.notxt{padding-left:10px; font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; color:#888;outline:none;}   
.search .fm_search input.notxt1 {position: absolute; width:35px; height: 27px; top: 0px; left:200px; border:none; cursor:pointer; z-index:1;}
.top02_link{ position:absolute; right:0px; top:65px; height:30px; line-height:30px;}
.top02_link span{ font-size:14px; color:#666;}
.top02_link span a{ font-size:14px;  margin:0px 4px; color:#000;}
.top02_link span a:hover{ color:#c71722;}
.top02_link .wecome{ color:#666666;}

/*导航*/
.nav{ height:80px; background-color:#7f010a;}
.nav ul{ max-width:1000px; margin:0px auto; padding-top:5px; width:100%; overflow:hidden;}
.nav ul li{ float:left; width:12.4%; text-align:center; height:34px; line-height:34px;}
.nav ul li a{ color:#fff; font-size:15px; padding-bottom:2px;}
.nav ul li a:hover{ font-weight:bolder;  border-bottom:1px solid #fff;padding-bottom:2px;}

/*手机端导航*/
.snav{display: none;height: 45px; left:10px; top:163px;z-index: 1002; width:45px;}
.mbtn{ cursor:pointer;}
.navm{ width:160px; padding:0px 0; line-height: 30px; background: #7f010a; overflow: hidden; text-align: left; position:fixed; left:-200px; top:0; height:100%; overflow-y:auto;}
.navm ul{}
.navm ul li{line-height:20px; padding:8px 0px 8px 30px;}
.navm ul li:hover{ background-color:#c81622;}
.navm ul li:hover a{ font-weight:bolder;}
.navm ul li a{ color:#fff; font-size:14px;}

/*footer样式*/
.wraq_footer{ clear: both; width:100%; background: #717171; padding:17px 0 17px; overflow: hidden; }
.footer{ width:1020px; margin:0 auto; overflow: hidden;}
.footer00{ padding:0 10px;}
.lf_f{ width:60%; float:left;}
.rt_f{ width:40%; float:right;}
.lf_f01{ font-size:12px; line-height:24px; color:#fff; padding-top:10px; padding-left:10PX;}
.lf_f01 span{ display:block;}
.lf_f01 span a{ color:#fff;}
.lf_f01 span font{ display:inline-block;}
.rt_f ul{ overflow: hidden; padding-top:10PX;}
.rt_f ul li{ width:25%; float:left; text-align:center; padding:5px 0 0; }
.rt_f ul li img{ margin:0 auto;}
.rt_f ul li p{ color:#fff;font-size:12px; line-height:3em; font-family: 'STHeiti Light',SimHei,'Microsoft YaHei','微软雅黑'; }


.stoplink{display: none;height: 45px; left:65px; top: 127px;z-index: 1002; cursor:pointer;}
.toplinkpic{display: none;height: 45px; left:0px; bottom:0px;z-index: 1002;width:45px;}
.toplink{width:250px;overflow: hidden;height:auto;position: absolute;top:45px;color: #fff;font-size: 16px;z-index:1005;left: 0; display: none; background-color:#858585}
.toplink .nav_mg{ background: #858585; margin:0px 10px;}
.toplink a{color: #fff;}
.toplink ul{overflow: hidden;padding:10px 0;}
.toplinkul li{line-height: 36px;width:100%;height: 36px;}
.toplinkul li a{display: block;margin: 0 auto;padding-left:15px; color:#fff; font-size:14px}
.toplinkul li:hover{background: #6a0000;}
.toplinkul li:hover a{background:#c1000f;}


@media screen  and (max-width:1038px) {
    .footer{ width:100%;}
}

@media screen and (max-width:980px) {
	.header .top01_w{ width:100%;}
	.header .top02_rt{top:26px;}
	.search{ top:20px;}
	.nav_pd10{ padding-left:10px;}
    .lf_f{ width:50%; float:left;}
	.rt_f{ width:50%; float:right;}

}
@media screen and (max-width:800px) {
	.lf_f{ width:45%; float:left;}
	.rt_f{ width:50%; float:right;}
	.header .logo{ top:20px;}
	
}

@media screen and (max-width:730px) {
	.header{ height:252px;}
	.header .top01{ height:64px;}
	.header .top01_lf{ left: 0; position: absolute; top: 25px; width:100%; text-align:center}
	.header .top01_nav_rt{ left: 0; position: absolute; top: 0px; width:100%; text-align:center}
	.header .top02{ height:180px;}
	.header .logo{ position:static; margin:0px auto; padding-top:19px;}
	.header .top02_rt{top:78px; width:100%;}
	.search{ top:30px;}
	.nav{ display:none;}
	.snav{ display:block}
	.mbtn{display:block}


}

@media screen and (max-width:640px) {
	.lf_f{ width:100%; float:none; }
	.rt_f{ width:70%; float:none; margin:0px auto;}
	.lf_f01{ text-align:center; padding-top:0px; padding-bottom:10px;}
}


@media screen and (max-width:540px) {
	.top02_link span.wecome{ display:none;}
}

@media screen /*and (min-width:320px)*/ and (max-width:480px) {
	.header{ height:200px}
	.header .top01{height:38px; line-height:38px; }
	.header .top01_lf{ display:none;}
	.header .logo{width:296px; height:49px;}
	.header .top02{ height:154px;}
	.header .top02_rt{top:70px; }
	.top02_link{ left:10px; top:75px;}
	.top02_link span{ display:block; width:300px; margin-left:10px;}
	.snav{ top:127px;}
    .lf_f{ width:100%;}
	.lf_f01 span font{ display:block;}
    .rt_f ul li{ width:50%; text-align: center;}
    .rt_f ul li img{ margin:0;}
	.top02_link{ display:none;}
	.stoplink{ display:block}
	.toplinkpic{ display:block}
	.search{ width:188px; height:27px; position:absolute; right:0px; top:30px; z-index: 1003;}
	.search .fm_search{height:27px; background:url(imagessearch2.jpg) no-repeat; position:relative;}
	.search .fm_search input{width:145px}
	.search .fm_search input.notxt{padding-left:10px;}   
	.search .fm_search input.notxt1 { width:40px; left:153px;}
}


