﻿html{ overflow-x:hidden; overflow-y:auto;}
body {background: url(/images/bg_02.jpg) center 0;background-attachment:fixed;}

.head{ width:100%;z-index:999; position:fixed; top:0px;}
.main{position:relative;color:#fff; background:url(../images/bg.png);width:94%; margin:30px auto 0 auto;max-width:1136px; min-height:75%;}
footer{ width:100%;position:fixed; bottom:0px;z-index:999;}
.tit{ margin-bottom:4%;color:#dacc87; border-bottom:1px solid #dacc87; padding-bottom:10px;}
.mainm{ padding:40px 30px 200px 30px;margin-bottom:145px;}
.about,.join{ text-align:justify;}

.honor li{width:31.3333%; float:left; margin-left:3%; margin-bottom:30px;cursor:pointer;background:#fff; height:238px; text-align:center;display:flex;display: -webkit-flex; /*webkit*/}
.honor li:nth-child(3n+1){ margin-left:0;}
.honor li img{max-height:100%;vertical-align: middle; margin:auto;}

#pgServer{text-align:center;font-size: 14px;color: #fff; margin-bottom:2%;}
#pgServer a{float:none;}
#pgServer a,#pgServer font,#pgServer span{display: inline-block;font-size: 14px;color: #fff;border: 1px solid #fff;margin-right: 5px;padding:6px 13px; line-height:1em;}
#pgServer font,#pgServer span,#pgServer a:hover{border-color: #1c3467;background-color: #1c3467;color: #fff!important;}
#pgServer a.none{border:none;}
.pageFirst,.pagePrev,.pageNext,.pageLast{border:none;}
#pgServer span.cur{border:1px solid #1c3467;}
.bg{position: fixed;left: 0;right: 0;bottom: 0;top: 0;background:#000; z-index: 8;display: none;filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8; z-index:5;}
.tanchuang{display:none;z-index:10;position:fixed;margin:auto;width:800px;max-width:93.75%;height:600px;max-height:70%;top:0;bottom:0;left:0;right:0;background:#000;overflow:auto;}
.tanchuang video{width:100%;height:100%;}
.tanchuang span{width:19px;height:19px; background:#000 url(../images/x.gif) no-repeat right 0; position:absolute; right:0; top:0;z-index:6;}
.tanchuang img{ margin:0 auto;vertical-align: middle; margin:auto; max-width:100% !important;}
.zoom{cursor:url(../images/big.cur),default;display:flex;display: -webkit-flex; /*webkit*/ }
.minifier{cursor:url(../images/small.cur),default;display:flex;display: -webkit-flex; /*webkit*/ }

.con2m{ margin:0 auto 30px auto!important;}
.neclt{font-size:1.9em; text-align:center; margin-bottom:4%;line-height:1.5em;}
.neclmore{border-top:1px solid #ccc; margin-top:4%; padding-top:1%;}
.neclml a{ line-height:2em; display:block;color:#fff;}
.neclmr{ padding-top:1%;}
.neclmr a{ background:#1c3467; display:block;}
/*about*/

.join strong{ margin:2% 0; display:block; font-size:1.1em;color: #dacc87;}

.jobt{ border-bottom:1px solid #ccc; padding-bottom:1.5%;}
.jobt li a{display:block;color:#fff; padding:5px 2%;float:left; background:#b3b3b3; margin:0 10px 0 0;}
.jobt li:hover a,.jobt li.on a{ background:#dacc87;color:#fff!important;}
.jobt li.on a:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.jobm{border-bottom:1px solid #ccc;padding:1.5% 0; line-height:1.8em;}
.jobmsl{width:60%;}
.jobmsl h1{font-size:1.2em;}
.jobmsl p{ font-size:.9em;}
.jobmsl h1,.jobmsl p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:block;}
.jobmsr a{ display:block; border:1px solid #dacc87; color:#dacc87;padding:2px 30px;}
.jobmsr a:hover,.jobmsr a.on{ background:#1c3467; color:#fff!important; border-color:#1c3467;}
.jobmx{padding:1.5% 0;}
.jobmxb{ margin-top:2%;}
.jobmxb:nth-child(1){ margin-top:0;}
.jobmxbl{color:#dacc87;width:15%;max-width:95px;}
.jobmxbr a.jobannu{color:#dacc87;padding:2px 30px; display:inline-block; margin:1% 0;border:1px solid #dacc87;}
.jobmxbr a.jobannu:hover,.ly1 input:hover{border:1px solid #1c3467; color:#fff; background:#1c3467;}
.jobmore{ margin-top:3%;}

.map{ height:370px; margin-bottom:4%;}
.contact .fl{ margin-right:10%; }
.online{ max-width:660px; margin:0 auto;}
.onwz{ margin-bottom:5%;}
.lybd li{ margin-bottom:2%;}
.lybd li span{ margin-right:2%;}
.lybd li input{width:80%; border:1px solid #ccc; height:32px; padding:0 2%;}
.lybd li textarea{width:80%; border:1px solid #ccc; height:132px; padding:0 2%;}
.ly1 input{border:1px solid #dacc87;padding:6px 30px 8px 30px;color:#dacc87; display:inline-block;line-height:1em;margin:2% 0 2% 11%; background:none;}
.lybd li bdo{ padding-left:1%;color:#F00;}
.lybd li.yzm input{width:80px;}
.lybd li.yzm img{ margin:0 2%;}

.video li{ position: relative;}
.video li span{position:absolute; display:block;top: 50%;left: 50%;width:43px;margin:-21px 0 0 -21px;background: #1c3467;border-radius:100%;}

@media screen and (max-width:768px) {
	.jobt{padding-bottom:10px;}
	.jobmxbl,.jobmxbr{width:100%; float:none;}
    .map{ height:260px;}
    .neclt{ font-size:1.4em;}
	.honor li{height:138px;}
}
@media screen and (max-width:500px) {
	.jobmsr a{padding:2px 20px;}
    .contact .fl{ margin-right:0%; float:none;}
	.mainm{ padding:30px 15px 85px 15px;}
	.tit font{ display:block;}
	.tit{ margin-bottom:25px;}
	.honor li{width:48%; float:left; margin-left:4%; margin-bottom:20px;}
	.honor li:nth-child(3n+1){ margin-left:4%;}
	.honor li:nth-child(2n+1){ margin-left:0;}
	#pgServer a,#pgServer font,#pgServer span{padding:3px 7px; margin:2% 3px 2% 0;}
	.con2m li:nth-child(1),.con2m li:nth-child(2){ margin-top:0;}
	.lybd li span{ margin-bottom:10px; display:block;}
	.ly1 input{ margin:20px 0 0 0;}
	.lybd li input,.lybd li textarea{width:92%;}
	.ly1{ text-align:center;}
}
@media screen and (max-height:700px) {
	.tanchuang{ margin-bottom:60px;}
}