.head >h2{ display:none; }
.footer{ position: fixed; _position:absolute; z-index:1000; bottom:0; left:0; }
.no-fixed .footer{ position: relative; height: auto;}

.main{ position:absolute; top:78px; left:0; bottom:50px; width:100%; }
.banner{ position:absolute; top:0; left:0; width:100%; height:72%; background:#eee; }
.banner .imgs,.banner .imgs ul{ position:relative; width:100%; height:100%; overflow:hidden; }
.banner .codema {position: absolute; z-index: 1;bottom: 20px;right: 20px;text-align: right;}
.banner .mcodema {display:none;}
.banner .imgs ul li{ display:none; position:absolute; width:100%; height:100%; }
.banner .imgs ul li a{ display:block;position: relative;}
.banner .imgs ul li .zz{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.2; filter:alpha(opacity=20); }
.banner .imgs ul li .text{ position:absolute; top:40%; left:10%; width:80%; text-align:center; font-size:32px; font-weight:300; color:#fff; }
.banner .imgs ul li .text{ top:auto; bottom:150px; left:0; width:100%; text-align:left; line-height: 180%;}
.banner .imgs ul li .text > div{ width:90%; max-width:1360px; margin:0 auto; font-size:32px; font-weight:300; color:#fff; }
.banner .txt1,.banner .txt2{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 1;
	-webkit-transition-delay:2.25s;
	-moz-transition-delay:2.25s;
	-ms-transition-delay:2.25s;
	-o-transition-delay:2.25s;
	transition-delay:2.25s;
}
@media screen and (max-width: 1366px) {
	.banner .imgs ul li .text{
		bottom: 83px;
		left: 29px;
	}
}
.banner .swiper-slide .txt1,.banner .swiper-slide .txt2{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
.banner .txt2{
	opacity: 0;
}
.banner .cur .txt1,.banner .swiper-slide-active .txt1{
	opacity: 0;
	-webkit-transition: opacity 0.5s linear 2.25s;
	-moz-transition: opacity 0.5s linear 2.25s;
	-ms-transition: opacity 0.5s linear 2.25s;
	-o-transition: opacity 0.5s linear 2.25s;
	transition: opacity 0.5s linear 2.25s;
}
.banner .cur .txt2,.banner .swiper-slide-active .txt2{
	opacity: 1;
	-webkit-transition: opacity 0.5s linear 2.25s;
	-moz-transition: opacity 0.5s linear 2.25s;
	-ms-transition: opacity 0.5s linear 2.25s;
	-o-transition: opacity 0.5s linear 2.25s;
	transition: opacity 0.5s linear 2.25s;
}
.banner .txt1 img,.banner .txt2 img{
	display: inline-block!important;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
	vertical-align: middle;
	max-width: 100%;
}

/*  */
.picture_wrap{ position:absolute; top:72%; left:0; width:100%; height:28%; }
.picture_wrap ul{ position:absolute; top:8px; left:4px; bottom:8px; right:4px; overflow:hidden; }
.picture_wrap ul li{ position:relative; float:left; width:25%; height:100%; *width:24.98%; }
.picture_wrap ul li a{ display:block; position:relative; margin:0 4px; height:100%; overflow:hidden; background:#fff; }
.picture_wrap ul li a .text{ position:absolute; bottom:0; left:0; right: 0; text-align:center; z-index:10; background: #E7E7E7; }
.picture_wrap ul li a .text h3{ overflow: hidden; background: url(../images/logo_small.png) 5px center no-repeat; background-size: 30px; font-size:16px; font-weight:500; color:#1B1B1B; text-align: right; width:100%; }
.picture_wrap ul li a .text h3 span{ display:inline-block; float: right; padding: 8px 10px; }
.picture_wrap ul li a .text em{ display:block; margin-bottom:12px; width:26px; height:1px; background:#d09400; }
.picture_wrap ul li a .text p{ color:#000; line-height:20px; font-family: "microsoft yahei"; }
.picture_wrap ul li a img{ display: block; width: 100%; position:relative; -webkit-transition:-webkit-transform 1.2s ease 0.1s; transition:transform 1.2s ease 0.1s; }
.picture_wrap ul li:hover a img{ -webkit-transform:scale(1.2); transform:scale(1.2); }

.picture_wrap ul li .maskw, .picture_wrap ul li .ico_onmask{ position:absolute; cursor: pointer;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; 
    -webkit-opacity: 0;   /* older safari/Chrome browsers */  
    -moz-opacity: 0;  /* Netscape and Older than Firefox 0.9 */  
    -khtml-opacity: 0;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    opacity: 0;  /* IE9 + etc...modern browsers */  
    filter:alpha(opacity=0);  /* IE 4-9 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";  /* This works in IE 8 & 9 too */  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  /* IE4-IE9 */ 
}
.picture_wrap ul li .maskw{ top:0; left:0; z-index:9; width:100%; height:100%; background:#000; pointer-events: none;}
.picture_wrap ul li .ico_onmask{ top:50%; left:50%; z-index:10; margin-top:-12px; margin-left:-12px; width:24px; height:24px; }
.picture_wrap ul li:hover .maskw{
	-webkit-opacity: 0.5;   /* older safari/Chrome browsers */  
    -moz-opacity: 0.5;  /* Netscape and Older than Firefox 0.9 */  
    -khtml-opacity: 0.5;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    opacity: 0.5;  /* IE9 + etc...modern browsers */  
    filter:alpha(opacity=50);  /* IE 4-9 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";  /* This works in IE 8 & 9 too */  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  /* IE4-IE9 */
}
.picture_wrap ul li:hover .ico_onmask{
	-webkit-opacity: 1;   /* older safari/Chrome browsers */  
    -moz-opacity: 1;  /* Netscape and Older than Firefox 0.9 */  
    -khtml-opacity: 1;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    opacity: 1;  /* IE9 + etc...modern browsers */  
    filter:alpha(opacity=100);  /* IE 4-9 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  /* This works in IE 8 & 9 too */  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  /* IE4-IE9 */
}

.column_main, .column_main .picture_wrap, .column_main .picture_wrap ul, .column_main .picture_wrap ul li a .text{
	position: relative;
	width: 100%;
	height: auto;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.column_main{
	margin-top: 78px;
	padding-bottom: 50px;
}
.column_main .picture_wrap{
	max-width: 1200px;
	margin: 20px auto 40px;
}
.column_main .picture_wrap ul li{
	display: inline-block;
	float: none;
	width: 33%;
	margin-top: 25px;
}
.column_main .picture_wrap ul li a{
	margin: 0;
}

/*顶部栏目横幅*/
.top_barnner_wrapper{	
    width: 100%; overflow: hidden; font-size: 0; position: relative;
}
.top_barnner_wrapper img{	
    width:100%; display: block;
}

/*cat_submenu*/
.cat_submenu_wrapper{ width: 100%; overflow: hidden; margin: 40px 0 0; text-align: center;}
ul.cat_submenu{ display: inline-block; width: auto; overflow: hidden; margin: 0 auto; border: 1px solid #9D9D9D; border-left: none;}
ul.cat_submenu li{ display: inline-block; border-left: 1px solid #9D9D9D;}
ul.cat_submenu li a{ display: block; padding: 10px 15px; font-size: 14px; color: #9D9D9D;;}
ul.cat_submenu li:hover a, ul.cat_submenu li.active a{ color: #D5575C;}

.tab_wrapper{ width: 100%; position: absolute; bottom: 0; text-align: center;}
ul.tab_list{ display: inline-block; width: auto; margin: 0 auto; }
ul.tab_list li{ display: inline-block; height: 45px; margin: 0 5px;}
ul.tab_list li a{ display: block; line-height: 36px; padding: 0 15px; font-size: 15px; color: #FFFFFF; border-top-left-radius: 5px;  border-top-right-radius: 5px; background: #727272;}
ul.tab_list li:hover, ul.tab_list li.active{ background: url(../images/arrow_1.png) center bottom no-repeat;}
ul.tab_list li:hover a, ul.tab_list li.active a{ background: #FFFFFF; color: #D5575C; font-weight: bold;}

/*招聘职位*/
.recruit_title{ max-width: 1240px; width: 90%; margin: 0 auto; padding-bottom: 15px; border-bottom:1px dashed #DBDBDB; font-size: 20px; font-weight: bold; text-align: center;}
.recruit_gird{ max-width: 1240px; width: 90%; font-size: 16px; margin: 30px auto;}
.recruit_gird th, .recruit_gird td{ padding:8px 10px; text-align: center;}
.recruit_gird th{ background: #D09400; color: #FFFFFF; font-weight: normal;}
.recruit_gird td.tleft{ text-align: left;}
.recruit_gird tr.even{ background: #FFFFFF;}
.recruit_gird tr.odd{ background: #F3F3F3;}

/*分页*/
.pagebar{ text-align:center; }
ul.yiiPager{font-size:14px;border:0;margin:0;padding:0;display:inline}
ul.yiiPager li{display:inline}
ul.yiiPager a:link,ul.yiiPager a:visited{border:solid 1px #D02500;font-weight:700;color:#D02500;padding:12px 15px;text-decoration:none;display:inline-block}
ul.yiiPager .page a{font-weight:400; display:inline-block; _display:inline; zoom:1;}
ul.yiiPager a:hover{border:solid 1px #D02500}
ul.yiiPager .selected a{background:#D02500;color:#FFF;font-weight:700}
ul.yiiPager .hidden a{border:solid 1px #DEDEDE;color:#888}
ul.yiiPager .first,ul.yiiPager .last{display:none}

/*没有数据*/
#results{ width: 100%; overflow: hidden;}
#results h2 {
    color: #e6e6e6;
    font-size: 1.5em;
    text-align: center;
    margin: 40px 0 0 0
}

/* 侧边栏 ==========================*/
.sidebar.top-height{ top:46%; }
.sidebar{ width: 66px;height:140px; overflow:hhidden; position: fixed;right: 20px;top:67.8%;margin-top:-151px;right: 1px; z-index: 99;  _margin-top:200px;  box-shadow: 0 1px 8px rgba(0,0,0,.1); transition:all .2s;  _position: absolute;  _top: expression(eval(document.documentElement.scrollTop));}
.sidebar .sidem{ width: 62px;height: 81px; }
.sidebar .sidem a{ display: block;width: 62px;height: 82px; background: url(../images/position-right.png) no-repeat; }
.sidebar .qq a{ background-position: 0 0 }
.sidebar .qq { height:82px; position: relative; }
.sidebar .qq a:hover{ background-position: -67px 0}
.sidebar .wx{position: relative; display: none;}
.sidebar .wx span{position: absolute; width: 143px;height: 143px;left: -146px;top: 0;display: none;background: url(../images/position-right.png) no-repeat -134px 0; padding-left: 10px; }
.sidebar .wx:hover span{ display: block; }
.sidebar .wx a{ background-position:  0 -83px}
.sidebar .wx:hover a{background-position:  -67px -83px;  }
.sidebar .wx a:hover{ background-position:  -67px -83px;}
.sidebar .fk{ display: none;}
.sidebar .fk a{ background-position:  0 -165px}
.sidebar .fk a:hover{ background-position:  -67px -165px}
.sidebar .goto-back{ width: 66px;height: 58px; }
.sidebar .goto-back a{ display: block;width: 62px;height: 58px;  background: url(../images/position-right.png) no-repeat 0 -247px;}
.sidebar .goto-back a:hover{ background-position:  -67px -247px}
.qqTip{position: absolute;z-index:100; top:0px;right:63px;background:#fff; padding:10px 15px; width:124px;font-size:12px;display: none;}
.qqTip p{line-height: 20px;}
.sidebar .qq:hover .qqTip{ display: block;}

@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:800px) {
	.main{ position:static; margin-top: 44px;}
	.banner,.picture_wrap,.footer{ position:static; height:auto; }
	.banner .imgs{ display:none; }
	.picture_wrap ul{ position:static; top:auto; left:auto; bottom:auto; right:auto; padding:8px; }
	.picture_wrap ul li{ margin-bottom:8px; width:100%; }
	.picture_wrap ul li a{ margin:0; }
	.picture_wrap ul li a img{ margin:0 !important; width:100% !important; height:auto !important; }
	.picture_wrap ul li a .text p{ font-size:14px; }
    .banner .codema {display:none;}   
    
    .column_main{
    	margin-bottom: 40px;
    }
    .column_main .picture_wrap{
    	margin-top: 10px;
    	margin-bottom: 20px;
	}
    .column_main .picture_wrap ul li{
    	width: 48.5%;
    	margin-top: 10px;
    }
}
@media screen and (max-width:768px) {
    .banner .mcodema {display:block;position: absolute; z-index: 87;left:81%;margin-top: 102px;text-align: right;}

}

@media screen and (max-width:560px) {
    .swiper-wrapper .swiper-slide .text span{ display:block; }
    
    .column_main .picture_wrap ul li{
    	width: 97.5%;
    	margin-top: 10px;
    }
    
    .tab_wrapper{ display: none;}
}