.guanggao{}
.guanggao img{width:100%;}
.loc{ line-height:50px;}

.nrcontainer { padding-bottom:50px; padding-top:10px;}
.nrleft { float:left; width:220px;}
.nrright { float:right; width:1060px;}

.nrleft h3{ font-size:24px;border-bottom: 1px solid #00a5e3; line-height:50px; padding-left:10px;background-color: #f5f5f5; font-weight:normal;}
.nrleft ul{border-bottom:1px solid #f9f9f9;}
.nrleft li{ margin-bottom:1px;}
.nrleft li a{font-size:15px;display:block;color:#333333;line-height:24px;padding:10px;background-color: #f9f9f9;background-image: url(../images/icon03.gif);background-repeat: no-repeat;background-position: right 5px center;border-left:1px solid #f9f9f9;}
.nrleft li a:hover{color:#00a5e3;background-color: #fcfcfc;}
.nrleft .curr a{color:#00a5e3;background-color: #fff;background-image: none;}
.nrleft .curr a:hover{color:#00a5e3;background-color: #fff;background-image: none;}

.nrtitle { font-size:20px;border-bottom: 1px solid #f1f1f1; line-height:50px; padding-left:30px;}
.nrbox { padding:30px; min-height:300px;}
.nrcontent {}
.nrcontent img{ max-width:100%;}

.newsnav {margin-bottom:50px; padding:0px 20px;background-color: #f5f5f5;border-bottom:1px solid #e5e5e5;}
.newsnav a{display:inline-block; font-size:16px;text-align:center;height:40px;line-height:40px; padding:0px 5px; margin-right:50px; position:relative;}
.newsnav a.curr{color:#00a5e3;border-bottom:2px solid #00a5e3;}




.joblist{padding:10px 20px;border:1px solid #e5e5e5;margin-top:30px;}
.jobtitle h3{color:#00a5e3;font-weight:normal;font-size:18px;}
.jobtitle ul{ height:40px; line-height:40px;}
.jobtitle ul li{float:left; width:35%;}
.jobtitle ul li.btn{ text-align:right;width:30%;}
.jobtitle ul li.btn *{vertical-align:middle;}
.jobtitle ul li.btn a{}
.jobtitle ul li.btn a i{
	display:inline-block;
	border-radius: 22px;
	height:22px;
	width:22px;
	background:url(../images/j.png) no-repeat center center;
	background-color: #00a5e3;
	margin-left:10px;
	transition: all .4s ease;
}
.jobtitle ul li.curr  a i{background-color: #F2A70B;
    transform:rotate(225deg);
    -ms-transform:rotate(225deg); 	/* IE 9 */
    -moz-transform:rotate(225deg); 	/* Firefox */
    -webkit-transform:rotate(225deg); /* Safari บอ Chrome */
    -o-transform:rotate(225deg); 	/* Opera */
}
.jobcontent {font-size:14px; display:none;}
.jobpadd { padding:20px;}
.jobcontent ul{padding-left:30px;}
.jobcontent li{list-style-type: disc;}

.norecord {
	background-image: url(../images/nodate.png);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding-top:240px;
	margin:70px auto;
	text-align:center;
	line-height:40px;
	font-size:16px;
	min-height:200px;
}

.zhTable{border-collapse:collapse;border:1px solid #f5f5f5;}	
.zhTable tr.tt td{ font-size:16px;padding:10px; background-color: #f5f5f5;color: #00a5e3;}
.zhTable td{border:1px solid #f5f5f5; line-height:20px; padding:10px 10px;}	
.zhTable *{vertical-align:middle;}
.zhTable img{max-width:200px; max-height:100px;}	
.zhTable tr.bg td{background-color: #fcfcfc;}

.apply{text-align:center;}	
.apply *{vertical-align:middle;}
.apply a{ padding:4px 8px 4px 20px;display:inline-block;background-color: #00a5e3;border-radius: 80px;color: #fff; font-size:14px;}
.apply a i{
	display:inline-block;
	border-radius: 26px;
	height:20px;
	width:20px;
	background-color: #fff;
	font-style: normal;
	text-align:center;
	color: #18324A;
	margin-left:10px;
	position:relative;
}
.apply i:after{position:absolute;width:6px;height:6px;border-bottom:2px #00a5e3 solid;border-right:2px #00a5e3 solid;content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left:50%;top: -6px; margin-left: -5px;overflow:hidden; top:6px;}
.apply a:hover{background-color: #e60012;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}
.apply a:hover i:after{position:absolute;width:6px;height:6px;border-bottom:2px #e60012 solid;border-right:2px #e60012 solid;content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left:50%;top: -6px; margin-left: -5px;overflow:hidden; top:6px;}

.newsleft { width:900px; float:left;}
.newsright { width:320px; float:right;}
.newslist{}
.newslist ul{}
.newslist li{transition: all 0.3s;float:left;width:860px; padding:0px 10px 30px; border-bottom:1px solid #f1f1f1; margin-bottom:30px;}
.newslist li.bg{background-color: #fcfcfc;}
.newslist .news_pic{float:left;width:240px;height:180px;}
.newslist .news_pic p{display: table-cell;vertical-align:middle;text-align:center;width:240px;height:180px;overflow:hidden;background-color:#fafafa;}
.newslist .news_pic p img{
vertical-align:middle;
max-width:240px;
max-height:180px;
transition: transform 0.3s linear;
}
.newslist li:hover .news_pic p img{transform: scale(1.3,1.3);}
.newslist dl{float:right; width:580px;}
.newslist dt{line-height:35px;font-size:20px;}
.newslist dt i{color: #FF0000; font-style:normal;}
.newslist dd {}
.news_info{line-height:25px; overflow:hidden;margin:15px 0px; height:75px; color:#666;}		
.news_ico{ margin-top:10px;color: #00a5e3;}
.news_ico span{display:inline-block;margin-right:10px; padding-left:25px;}
.news_ico span.ele{background:url(../images/view_ddd.png) no-repeat left center;}
.news_ico span.time{background:url(../images/date_ddd.png) no-repeat left center;}
.newslist li:hover dt i{color: #00a5e3; font-style:normal;}


.ssmore{ border:3px solid #eee; padding:20px; text-align:center; font-size:20px;}
.ssmore img{ margin-right:50px; width:100px;}

.jg_sou{margin-top: 5px;}
.jg_sou input{border:solid 2px #00a5e3;height:36px;line-height:36px;width:450px;background:url(../images/sousuo.png) no-repeat 10px center;padding-left:40px;}
.jg_sou_but{background:#00a5e3;color:#fff;width:88px;height:40px;line-height:40px;border:none;}



.searchlist{margin-top: 20px;}
.searchlist ul{}
.searchlist li{transition: all 0.3s;float:left;width:860px; padding:0px 10px 10px; border-bottom:1px solid #f1f1f1; margin-bottom:10px;}
.searchlist li.bg{background-color: #fcfcfc;}
.searchlist dl{}
.searchlist dt{line-height:35px;font-size:20px;}
.searchlist dt i{color: #FF0000; font-style:normal;}
.searchlist dd {}
.news_info{line-height:25px; overflow:hidden;margin:15px 0px; max-height:50px; color:#666;}		
.news_ico{ margin-top:10px;color: #00a5e3;}
.news_ico span{display:inline-block;margin-right:10px; padding-left:25px;}
.news_ico span.ele{background:url(../images/view_ddd.png) no-repeat left center;}
.news_ico span.time{background:url(../images/date_ddd.png) no-repeat left center;}
.newslist li:hover dt i{color: #00a5e3; font-style:normal;}




.nlist{background-color: #fafafa; padding:20px; margin-bottom:20px;}
.nlist h3{ font-size:20px; line-height:40px; font-weight:normal;}
.nlist li{ padding:10px 0px; height:60px; }
.nlist li a{height:60px; overflow:hidden; display:block;}
.nlist li img{width:80px; height:60px; float:left; margin-right:10px;}
.nlist li a p{display: table-cell;vertical-align:middle;height:60px;line-height:20px;}


.deanpic{width:320px;overflow:hidden;position:relative; float:left;}
.deanpic ul.pic li a{display:block;width:100%;height:252px;position:relative;}
.deanpic img{width:100%; height:100%;}
.deanpic ul.pic li a p{background:rgba(0,0,0,0.4);width:94%;height:36px;line-height:36px;overflow:hidden;position:absolute;left:0;bottom:0;font-size:14px;color:#fff;padding:0 3%;text-align:left;}




.newstitle {margin-bottom:20px;padding-bottom:20px;background: url(../images/line.gif) repeat-x left bottom;font-size:16px;color: #b2b2b2;}
.newstitle h4{font-size: 25px;line-height:50px;color: #333;}
.newscontent {line-height:30px;padding:10px 0; font-size:14px; min-height:350px; color:#000; font-size:16px;}
.newscontent img{max-width:750px;}
.newsbot {
	line-height:30px;
	border-top:1px dashed #d5d5d5;
	margin-top:40px;
	padding:30px 0px;
	font-size:14px;
	text-align:center;
}
.newsbot span{padding:6px 15px; margin:0 15px; display:inline-block;cursor:pointer;border:1px solid #00a5e3; width:40%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;font-size:15px;}
.newsbot span.none{border:1px solid #cccccc;}
.newsbot span a{font-size:15px;}


.video{}
.video ul li{float:left;width:300px;margin-right:50px;transition: All .3s linear;padding-bottom:25px; position:relative;}
.video ul li img{width:300px; height:200px;}
.video ul li:nth-child(3n){margin-right:0;}
.video ul li:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px); }
.hover-frame{position: absolute; top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0);width:300px;height:200px;display: none;
background:url(../images/shipinicon.png) no-repeat center;}
.video ul li:hover .hover-frame{ display:block;background-color: rgba(0, 0, 0, 0.3);}
.video ul li p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:38px;}
.video-r{width:404px; float:right;}

.dw-title{margin-bottom:40px; border-left:2px solid #00a5e3; padding-left:20px;font-size:16px;}

.zzlist{margin-bottom:30px;}
.zzlist li{float:left;width:168px;height:120px;margin-right:40px;background-color:#ffffff; text-align:center;}
.zzlist li a{
display: table-cell;
vertical-align:middle;
width:168px;
height:80px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
text-align:center;
overflow:hidden;
}
.zzlist li.mr0{margin-right:0px;}
.zzlist li img{max-width:150px;max-height:75px;transition: transform 0.3s linear;}
.zzlist li:hover img{transform: scale(1.3,1.3);}
.zzlist li p{height:20px;line-height:20px; padding:10px; font-size:14px; text-align:center;}





.Page{ text-align: center; padding:30px 0; font-size:14px;}
.Page b{color: #E62129;font-size:16px;}
.Page span{ padding:10px 15px; margin:0 3px; display:inline-block; color:#999999; border:1px solid #ccc;}
.Page a{ padding:10px 15px; margin:0 3px; display:inline-block;font-size:14px; background-color:#e3e3e3;border:1px solid #ccc;}
.Page a:link,.Page a:visited{}
.Page a:hover{
	color:#fff;
	text-decoration: none;
	background-color: #00a5e3;
	border:1px solid #00a5e3;
}
.Page .cur{ color:#fff;background-color: #00a5e3;border:1px solid #00a5e3;}
.Page a.cur:link,.Page a.cur:visited,.Page a.cur:hover{ color:#fff; }