@charset "utf-8";
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:"微软雅黑";font-weight:500;}/*外边距，内边距都为0*/
body{font:14px/1.5 \5b8b\4f53,Arial,sans-serif;background:#fff;}/*字体大小为16px*/
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;}/*表单类标签外边距，字体及颜色继承父元素的字体系列样式*/
img{border:none}/*图片不显示边框兼容IE浏览器*/
h1,h2,h3,h4,h5,h6{font-size:100%}/*这些元素本身不会继承父体的字体大小，设置了font-size:100%后就能自动继承。*/
input,label,img,th{vertical-align:middle}/*把此元素放置在父元素的中部*/
ul,ol,li{list-style:none}/*去点实心圆或数字*/
a{text-decoration:none;}/*去掉a标签的下划线*/
a{outline: none;}
a:active {star:expression_r(this.onFocus=this.blur());}
a:focus { outline:0; }
input:focus { outline:0; }
textarea:focus { outline:0; }
filter:alpha(opacity=100);
audio,canvas,progress,video {display: inline-block;vertical-align: baseline}/*定义为行内块级元素将支持 valign特性的对象的内容与基线对齐*/
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}/*类似按钮的，hover，mousedown,mouseup的效果及鼠标滑过为手指势*/
textarea {overflow: auto}/*多行文本中如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。*/
table{border-collapse:collapse;border-spacing:0}/*默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。*/
input,textarea,select{background:#fff;}/*背景为白色*/
/*通用样式*/
.clearfix{*zoom:1;}/*兼容IE清除浮动*/
.clearfix:after{content:"\200B";height:0;display:block;visibility:hidden;clear:both;}/*清除浮动*/
.pull-right{float:right}/*向右浮动*/
.pull-left{float:left}/*向左浮动*/
.hide{display:none}/*隐藏*/
.show{display:block}/*显示块级元素*/
.invisible{visibility:hidden}/*元素是不可见的。*/
.hidden{display:none;visibility:hidden}/*隐藏及元素是不可见的。*/
.container{
	width:1200px;
	margin:0 auto;
}
.header{
	width: 100%;
	position: relative;
}
.header .header_t{
	width: 100%;
	padding: 0.5% 0;
	background: #f3f3f3;
}
.header .header_t a{
	font-size: 12px;
	color: #a0a0a0;
}
.header .header_top{
	padding-top: 10px;
}
.header .smart{
	width: 8%;
	top: 23px;
	left: 45.3%;
	position: absolute;
}
.header .smart img{
	width: 100%;
}
.header_c{
	width: 100%;
	padding: 1% 0;
	border-bottom: 1px solid #eeeeee;
}
.h_title {
	width: 310px;
	height: 80px;
	line-height: 25px;
}
.h_title .t2{
	margin-top: 15px;
	font-size: 30px;
	font-weight: bold;
	color: #000;
}
.h_title span{
	color: #6a6a6a;
}
.dh{
	width: 249px;
	height: 55px;
	background: url(../images/dh.png) no-repeat;
	margin-top: 17px;
}
.dh p{
	font-style: Impact;
	color: #6a6a6a;
	font-size: 25px;
	font-weight: bold;
	margin: 20px 0 0 68px;
}
.lanmu ul{
	width: 90%;
	padding: 0.5% 0;
	margin: 0 auto;
}
.lanmu ul li{
	width: 110px;
	height: 35px;
	line-height: 35px;
	margin: 1% 1%;
	text-align: center;
	float: left;
}
.lanmu ul li a{ 
	width: 126px;
	height: 35px;
	display: block;
	color: #6a6a6a;
    font-size: 16px;
    overflow: hidden;
	animation: lefteaseinAnimate 1.2s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: lefteaseinAnimate 1.2s ease 1;
    -ms-animation: lefteaseinAnimate 1.2s ease 1;
    -o-animation: lefteaseinAnimate 1.2s ease 1;
    -moz-animation: lefteaseinAnimate 1.2s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.lanmu ul li:hover a {
	color: #fff;
	background: url(../images/hover.png) no-repeat;
	background-position:center; 
}
.banner{ background: #e63929;}
.bannerx{ width:100%;  position:relative; font-size:0;min-width:1200px;min-height:480px; position: relative; z-index: 1;}
.bannerxList li { position: absolute; left: 0px; top: 0; width:100%;  font-size:0; min-width:1200px;min-height:480px;}
.bannerxList img { width:100%; min-width:1200px; min-height:480px;}
.bannerxBton{
	width: 80px;
	position:absolute;
	bottom:2%;
	left:48.8%;
	z-index:10;
}
.bannerxBton li{
	cursor:pointer;
	width:12px;
	height:12px;
	float:left;
	margin-right:4.5px;
	background:#fff;
	border-radius: 50%;
} 
.bannerxBton li.up{
	background:#be2112;
}
.header_bot{
	position: relative;
	padding: 0.5% 0;
	background: #fff; 
	z-index: 9999;
	margin-top:-38px; 
}
.header_bot .hb-c{
	padding: 0.5% 0;
	margin: 1% 2%;
}
.header_bot .hb-c span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.header_bot .hb-c a{
	color: #222222;
}
.header_bot .hb-c a:hover{
	color: #e63929;
}
.ss{
	width: 402px;
	height: 38px;
	color: #666666;
	background: url(../images/ssk.png) no-repeat;
	margin: 1% 1%;
}
.ss .ss_bd{
	width: 315px;
	height: 34px;
	border: 0;
	color: #666666;
	background: none;
	margin-left: 25px;
	float: left;
}
.ss .ss_btn{
	border: 0;
	width: 25px;
	height: 25px;
	margin: 7px 21px 0 0;
	color: #fff;
	background: url(../images/ss.png) no-repeat;
	float: right;
}
.footer{
	width: 100%;
	position: relative;
}
.footer .fot_top{
	padding: 0.65% 0;
	background: #353638;
	color: #fff;
}
.fx{
	width: 20%;
}
.fx img{
	margin: 5% 2% 1% 2%;
}
.footer .smart1{
	width: 7%;
	top: 0;
	left: 45.3%;
	position: absolute;
}
.footer .smart1 img{
	width: 100%;
}
.ewm{
	width: 8%;
	position: relative;
	top: 0;
	left: 38%;
	color: #fff;
}
.ewm a{
	width: 5px;
	line-height: 15px;
	display: block;
}
.fot_bot{
	width: 100%;
	padding: 1% 0;
}
.lanmu1 {
	width: 50%;
}
.lanmu1 ul li{
	margin-right: 3%;
	float: left;
}
.lanmu1 ul li a{
	color: #000;
	display: block;
}
.lanmu1 ul li:hover a{
	color: #e33d32;
}
.main{
	width: 100%;
	margin: 60px 0;
	position: relative;
    margin-top: -91px;
    z-index: 9999;
}
.main .m-t{
	width: 100%;
}
.mt {
	width: 240px;
	height: 60px;
	padding: 15px 10px;
	text-align: center;
	background: url(../images/dytt.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
}
.mt a{
	width: 80%;
	font-size: 26px;
	font-weight: bold;
}
.mt span{
	width: 80%;
	font-size: 14px;
}
.m-title {
	width: 920px;
	height: 60px;
	padding: 15px 10px;
	font-size: 14px;
	background: #fff;
	color: #777777;
}
.m-title a{
	color: #777777;

}
.m-title .mti{
	margin: 21px 20px 5px 0;
}
.m-title .mti a{
	color: #777777;
}
.mc-l{
	width: 260px;
}
.mc-l ul{
}
.mc-l ul li{
	width: 260px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-top: 1px solid #d2d2d2;
	background: url(../images/sjx1.png) no-repeat;
	background-position: 80% center;
}
.mc-l ul li a{
	font-size: 14px;
	color: #9f9f9f;
	display: block;
}
.mc-l ul li:hover a{
	color: #fff;
	background: #e63929 url(../images/sjx.png) no-repeat;
	background-position: 80% center;
}
.mc-r{
	width:938px; 
	border: 1px solid #d2d2d2;
	border-bottom: none; 
	border-right: none; 
}
.mc-r .mcr-about{
	width: 867px;
	padding: 45px 35px;
	font-size: 16px;
	line-height: 30px;
}
.gbook{
	width: 86%;
	margin:50px 65px;
	background: url(../images/zxly.png) no-repeat;
	background-position-x:100%;  
}
.gbook ul li{
	margin: 20px 0;
	color: #7d7d7d;
}
.gbook ul li a{
	font-size: 16px;
	line-height: 30px;
	margin-right: 30px;
	display: block;
}
.gbook ul li .gb{
	width: 310px;
	height: 35px;
	border: 0.5px solid #e5e5e5;
	padding: 0 10px;
	font-size: 16px;
}
.gbook ul li .gb2{
	width: 100px;
	height: 35px;
	border: 0.5px solid #e5e5e5;
	padding: 0 10px;
	font-size: 16px;
}
.gbook ul .li-gbk a{
}
.gbook ul li .gbk{
	width: 497px;
	height: 165px;
	border: 0.5px solid #e5e5e5;
	padding: 10px;
	font-size: 16px;
}
.gbook ul .submit{
	margin-left: 81px; 
}
.submit .sub{
	width: 104px;
	height: 35px;
	background: #e63929;
	color: #fff;
	margin-right: 20px; 
}
.submit .res{
	width: 104px;
	height: 35px;
	background: #d3d3d3;
	color: #7d7d7d;
}
.mcr-n{
	width: 96%;
	padding: 3% 2%;
}
.mcr-n ul li{
	float: left;
	margin: 0 2.5%;
}
.mcr-n ul li a{
	width: 100%;
	line-height: 25px;
	color: #444444;
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mcr-n ul li:hover a{
	color: #e63929;
}
.mcr-n ul li .xw-img img{
	transition: all 0.8s;
}
.mcr-n ul li .xw-img img:hover{
	transform: scale(0.9); 
	border-radius: 15px;
}
.page{
	width: 600px;
	height: 35px;
	margin: 30px 0 20px 24%;
	font-size: 14px;
	float: left;
}
.page a{
	padding: 0 10px;
	height: 26px;
	color: #444444;
	line-height: 26px;
	text-align: center;
	margin-right: 15px;
	float: left;
	display: block;
}
.page a:hover{
	padding: 0 10px;
	height: 26px;
	color: #fff;
	background: #e63929;
	border-radius: 5px;
}
.page .select{
	padding: 0 10px;
	height: 26px;
	background: #ececec;
	border-radius: 5px;
}
.page .select:hover{
	padding: 0 10px;
	height: 26px;
	color: #fff;
	background: #e63929;
	border-radius: 5px;
}
.mcr-ns{
	width: 94%;
	padding: 3% 3%;
}
.ns-tt{
	width: 100%;
	text-align: center;
	padding: 10px 0 30px 0;
	color: #444444;
}
.ns-img{
	width: 500px;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 40px; 
}
.ns-img img{
	width: 500px;
	height: 300px;
}
.ns-tt a{
	font-size: 24px;
}
.mcr-ns p{
	color:#5b5b5b;
	line-height: 30px;
	font-size: 16px;
}
.next{
	width: 50%;
	padding: 2% 0;
}
.next a{
	color: #444444;
}
.next a:hover{
	color: #e63929;
}
.mcr-ps{
	width: 94%;
	padding: 3% 3%;
}
.ps-tt{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px dashed #c3c3c3;
}
.ps-tt a{
	font-size: 24px;
	color: #be2112;
	display: block;
}
.xiangqing{
	width: 99%;
	padding: 10px 5px;
	color: #444444;
	font-size: 20px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
}
.mcr-ps p{
	color:#5b5b5b;
	line-height: 30px;
	font-size: 16px;
}



.link-bg{
        overflow: hidden;
        height:195px;
        background:#e63929;
    }
.link-bg .link{
    display: flex;
    justify-content: space-between;
    width:1200px;
    margin:45px auto 0;
}
.link-bg .link img{
    display: block;
}
.link-bg .link>div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:1014px;
    height:105px;
    background:#fff;
    border-radius:10px;
}
.link-tit{
    margin-left:20px;
    margin-right: 5px;
}
.link-tit p{
    font-size: 18px;
    color:#2d2d2d;
}
.link-tit span{
    font-size: 16px;
    color:#666;
}
.link-lj{
    font-size: 24px;
    color:#b00b2d;
}

.picMarquee-left{ width:835px;  overflow:hidden; position:relative;  margin-left:35px;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:124px; height:55px; display:block; border-radius:5px; }





/*job*/
.job_box{width:1200px;margin:auto;}

.job .weizhi{height: 70px;border:1px solid #d2d2d2;line-height: 70px;font-size: 14px;color:#777;}
.job .weizhi .job_box a{color: #777}
.job .weizhi span{color: #e63929}

.job .buzhou{width:966px;height: 60px;margin:auto;position: relative;margin-top: 60px}
.job .buzhou>div{width: 40px;height: 40px;text-align:center;line-height: 40px;font-size: 28px;font-weight: bold;position: absolute;top: 10px;background: #b3b3b3;border-radius: 40px;color: #fff}
.job .buzhou>div:nth-child(2){left: 10px}
.job .buzhou>div:nth-child(3){left: 0;right: 0;margin:auto;}
.job .buzhou>div:nth-child(4){right: 10px}
.job .buzhou>div.on{background: #e63929}
.job .wenzi{width:1055px;height: 60px;margin:auto;position: relative;color: #666666}
.job .wenzi>div{display: block;width:145px;height: 60px;line-height: 60px;position: absolute;top: 0;font-size: 18px;text-align: center}
.job .wenzi>div:nth-child(1){left: 0px}
.job .wenzi>div:nth-child(2){left: 0;right: 0;margin:auto;}
.job .wenzi>div:nth-child(3){right:0px}
.job .wenzi>div.on{color: #e63929}

.job .gg{width:972px;margin:50px auto;}

.job .first_form{width:710px;margin: 20px auto}
.first_form .input{position: relative;height: 50px;font-size: 18px;line-height: 50px;margin-bottom: 30px}
.first_form .input strong{color: #e63929;display: inline-block;position: absolute;left: -10px}
.first_form .input span{display: inline-block;width: 110px;margin-left: 10px}
.first_form .input input{display: inline-block;width:425px;border:1px solid #b3b3b3;border-radius: 5px;line-height: 50px;font-size: 18px;text-indent: 1em}
.first_form .input div{width:135px;height: 50px;float: right;border:1px solid #b3b3b3;border-radius: 5px}
.first_form .input2 input{width: 581px}

.first_form .input button{width:135px;height: 50px;float: right;border:1px solid #b3b3b3;border-radius: 5px;display: block;background: #eee;outline: none}
.first_form>button{width:394px;height: 50px;border-radius:5px;background: #e63929;color: #fff;border:0;display:block;margin:auto;outline: none}

.job .er_form{width:710px;margin: 20px auto}
.er_form .input{height: 50px;font-size: 18px;line-height: 50px;margin-bottom: 30px;position: relative;}
.er_form .input strong{color: #e63929;display: inline-block;position: absolute;left: -10px}
.er_form .input span{display: inline-block;width: 110px;margin-left: 10px}
.er_form .input input,.er_form .input select,.er_form .input option{display: inline-block;width:573px;border:1px solid #b3b3b3;border-radius: 5px;line-height: 50px;font-size: 18px;text-indent: 1em;height: 50px;outline: none;}
.er_form .input div{width:573px;border:1px solid #b3b3b3;border-radius: 5px;line-height: 50px;font-size: 18px;height: 50px;display: inline-block;text-indent: 1em;}
.er_form .input input[type="radio"]{width:15px;height:15px;margin:0 5px;}

.er_form .input div.outer{text-indent: 0;border:0;}
.er_form .input div.outer select{width:180px;margin-right: 11px}
.er_form button{width:394px;height: 50px;border-radius:5px;background: #e63929;color: #fff;border:0;display:block;margin:auto;outline: none}

.job .san_form{width:710px;margin: 20px auto;text-align: center;font-size: 18px;}
.job .san_form>.img{width:100px;height: 100px;margin:30px auto;}
.job .san_form>p{color: #333;font-weight: bold;}
.job .san_form>p>span{color: #ff4201}