@charset "utf-8";
/* CSS Document */

/*==================================================*/

/* 全局样式 */
*{ /* box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; */ }
html{}
body{ font-family: Microsoft Yahei, "微软雅黑", "宋体", "黑体", Arial, Helvetica, simsun, sans-serif; -webkit-text-size-adjust:none;}

html,body,header,nav,footer,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd { margin:0; padding:0;}
ul,ol,li,dl,dt,dd,input { list-style:outside none none;}
h1,h2,h3,h4,h5,h6 { font-size:normal; font-weight:normal;}
span,em,i,b,var,ins,dfn,code,address { font-style:normal;}
input,select,textarea{outline:none;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}

body{ background:#ffffff; color:#5A5A5A; font-size:14px;}


textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    border: 1px solid #ddd;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}

/* 链接样式 */
a{ text-decoration:none; cursor:pointer; outline:none}
a{ blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a{ noOutline:expression_r(this.onFocus=this.blur())}
a:focus{ outline:0;}
a:link,a:visited{ color:#5A5A5A;}
a:active,a:hover{ color:#00bcd4;}
.a_speed{ transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}


/* 图片样式 */
img{}
.img{ max-width:100%; max-height:100%;}
.jpg{ animation-duration:1s;-webkit-animation-duration:1s; animation-fill-mode:both;-webkit-animation-fill-mode:both; animation-name:pulse;-webkit-animation-name:pulse;}

/* 颜色颜色 */
.D00000{color:#D00000!important;}



/*浮动和清浮动*/
fl,.fl{ float:left; zoom:1;}
fr,.fr{ float:right; zoom:1;}
cl,.cl,.clear{ clear:both; zoom:1;}
.clearfix:after{ content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.clearfix{zoom:1;}

.AllWrap{ width:1200px; margin:0 auto; position:relative;}
.w1200{ width:1200px; margin:0 auto; position:relative;}
.w1280{ width:1280px; margin:0 auto; position:relative;}
.w1000{ width:1000px; margin:0 auto; position:relative;}
.blank{ width:1200px; height:10px; margin:0 auto; position:relative; background:white;}

.shadow{ box-shadow: 0 2px 2px rgba(9,2,4,.55);}
.none{display:none;}

.video-box{ margin:0 auto;}
.advert{ width:1200px; height:140px;}

.p20t{ padding-top:20px;}
.p20b{ padding-bottom:20px;}
.p40t{ padding-top:40px;}
.p40b{ padding-bottom:40px;}

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:80px; }
input.input{ display:inline; margin-right:5px; padding:3px 5px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #5b5b5b; border-radius:2px; }
.select{ padding:7px; border:1px solid #5b5b5b; line-height:20px;}

/*按钮样式*/
.btn{ display:inline-block; margin:0; margin-left:60px; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; }
.btn{ background:#c91105; border:none; border-radius:5px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:30px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }

/* pages */
div.pages{width:100%; height:auto; margin-top:20px; font-size:14px; clear:both; color:#929292;}
div.pages a{display:inline-block; float:left; padding:3px 10px; margin:0 5px; border:1px solid #94700f; color:#555; text-decoration:none;}
div.pages a:hover{border:1px solid #94700f; color:#FFF; background-color:#94700f;}
div.pages span{display:inline-block; float:left; padding:3px 12px; margin:0 5px;}
div.pages span.current{border:1px solid #94700f; color:#FFF; background-color:#94700f;}
div.pages span.disabled{border:1px solid #CCC; color:#CCC; background-color:#FFF;}
div.page{margin-top:30px; clear:both;}
div.page p{background:url(../images/page.jpg) 0 0 no-repeat;height:38px;margin:2px auto;font:14px/38px "microsoft yahei";color:#7d7d7d;text-indent:15px;overflow:hidden;}
div.page a{color:#7d7d7d;}
div.page a:hover{color:#94700f;}
div.page a.back{display:inline-block; float:right; font:14px/42px "microsoft yahei"; color:#7d7d7d;}


.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }
.blank160 { width: 100%; height: 160px; clear: both; }
.blank170 { width: 100%; height: 170px; clear: both; }
.blank180 { width: 100%; height: 180px; clear: both; }
.blank190 { width: 100%; height: 190px; clear: both; }
.blank200 { width: 100%; height: 200px; clear: both; }
.blank210 { width: 100%; height: 210px; clear: both; }

.h5 {clear: both;height: 5px;overflow: hidden;}
.h10 {clear: both;height: 10px;overflow: hidden;}
.h15 {clear: both;height: 15px;overflow: hidden;}
.h20 {clear: both;height: 20px;overflow: hidden;}
.h25 {clear: both;height: 25px;overflow: hidden;}
.h30 {clear: both;height: 30px;overflow: hidden;}
.h35 {clear: both;height:35px;overflow: hidden;}
.h40 {clear: both;height: 40px;overflow: hidden;}
.h45 {clear: both;height: 45px;overflow: hidden;}
.h50 {clear: both;height: 50px;overflow: hidden;}
.h55 {clear: both;height: 55px;overflow: hidden;}
.h60 {clear: both;height: 60px;overflow: hidden;}
.h70 {clear: both;height: 70px;overflow: hidden;}
.h80 {clear: both;height: 80px;overflow: hidden;}
.h90 {clear: both;height: 90px;overflow: hidden;}
.h95 {clear: both;height: 95px;overflow: hidden;}
.h100 {clear: both;height:100px;overflow: hidden;}

.animated {
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; // 动画执行时间
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*动画渐变色*/
.gradual{ width:100%; height:8px; margin-bottom:4px; position:relative;}
.gradual{
	background-image: linear-gradient(120deg, #018dd4, #018dd4 40%, #addb02 60%, #addb02);
	animation: masked-animation 2s 1 ease-out;
}
@keyframes masked-animation {
	0% {background-position: 0 0; width:0; opacity:0;}  
	100% {background-position: -100% 0; width:100%; opacity:1;}
}
/*背景渐变色*/
.gradient{
	background:-webkit-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*for safari5.1-6.0*/
	background:-o-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*Opera 11.1-12.0*/
	background:-moz-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*firefox 3.6-15*/
	background:linear-gradient(to right,#018dd4 20%,#addb02 100%);/*标准语法，必须放在最后*/
}

#header{width: 100%;height: auto;background: #FFFFFF;}

.head_top{
	height: 47px;
	line-height: 47px;
	color: #828181;
	width: 1200px;
	margin: 0 auto;
}

.head_top_left{
	float: left;
	width: 600px;
	text-align: left;
}
.head_top_right{
	float: right;
	width: 600px;
	text-align: right;
}

#logo{height: 130px; background:url(../images/top.jpg) top center no-repeat; border-top: 1px solid #efefef;}
#menu{height: 60px; background: url(../images/menubg.jpg) repeat-x;}
#menu ul{ width: 1200px; height: 60px;margin: 0 auto;}
#menu ul li{ float: left; width: 133px; height: 60px; line-height: 60px; text-align: center;font-size: 16px;}
#menu ul li a{color:#fff;}
#menu ul li a:hover{display: block; background: url(../images/menuhover.jpg) center center repeat-x; color: #fde17c; }

.banner{ min-width:1200px;  position:relative;  height:700px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:700px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:700px;  }
.banner .bd li a{ height:700px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

#footer{
	clear: both;
	border-top: 2px solid #ccc;
  width: 100%;
  margin-top: 0px;
  background: url(../images/footerbg.jpg) no-repeat;
  background-size: cover;
  overflow: auto;
}
#footer .f_c{
	width:1200px; margin:0px auto;padding-top:20px; overflow:auto;
}
#footer .f_c_c{
	font-size:14px; color:#999; line-height:25px; padding-top:15px; text-align:left; float:left; margin-right:0px;
}
#footer .f_c_right{
	float: right;
	width: 200px;
	text-align: center;
	color:#fff;
	padding-top: 83px;
}
#footer .f_copyright{
	border-top:#666 1px dotted; margin-top:20px; background:#000; padding:10px; color:#CCC; font-size:12px; line-height:24px;
}
#footer .f_copyright_c{
	width:1200px; margin:0px auto; overflow:auto; text-align:left;
}

/*floatBox*/
.floatBox {width:71px;height:210px;position:absolute;right: 0;z-index: 9999999999;}
.floatBox .box {display: block;width:71px;height:69px;cursor: pointer; transition: all .3s;-webkit-transition: all .3s;}
.floatBox .zixun {background: url(../images/floatbg.png) no-repeat;background-position: left top;}
.floatBox .rexian {background: url(../images/floatbg.png) no-repeat;background-position: left -69px; position:relative;}
.floatBox .phone{ height:69px; width:180px; text-align:center; background:#fff; line-height:69px; font-size:18px; color:#888;position:absolute; right:70px; top:0; display:none}
.floatBox .rexian:hover .phone{ display:block}
.floatBox .toTop {background: url(../images/floatbg.png) no-repeat;background-position: left bottom;height:70px;}
.floatBox .zixun:hover {background-position: right top;}
.floatBox .rexian:hover {background-position:right -69px;}
.floatBox .toTop:hover {background-position: right bottom;}