﻿@charset "utf-8";

html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px; line-height:30px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#4c4c4c; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#006acd;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:1240px; margin:0px auto;}

/*font*/
.f_gray{ color:#333;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1300px){
.Contain{width:auto; margin:0 40px;}
}
@media ( max-width:1024px){
.iconfont{ font-size:20px;}
body{ padding-top:45px; font-size:14px; line-height:24px;min-width:300px;}	
.Contain{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
.ListWz .li:nth-child(2){display:none;}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; font-size:14px; line-height:34px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; width:34px; color:#666666; background:#fff; border:1px solid #e6e6e6;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#000000; vertical-align:middle; width:73px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#0278d0; border:1px solid #0278d0;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#0278d0; border:1px solid #0278d0; color:#fff;}

.showMorehandle{ clear:both; padding-top:10px;}
.showMorehandle a{ cursor:pointer; display:block; margin:0px auto; width:270px; line-height:46px; text-align:center; background:#ed1846; color:#fff; border-radius:4px 4px 26px 4px;}
.showMorehandle a:hover{ background:#b50027;}

@media ( max-width:1024px){
.Pages{line-height:20px; font-size:14px;}
.Pages a{ margin:0px 2px; width:20px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{width:auto; padding:0 4px;}

.showMorehandle a{width:110px; line-height:35px;}
}
/*pages end*/


/*Top*/
.Header { box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.Header .Top{ height:80px;}
.Header .Logo{float:left; padding-top:24px;}
.Header .Logo img{ height:32px;}
.Header .Right{float:right; padding-top:20px;}
.Header .Ver{ float:left; padding-left:24px; line-height:40px;}
.Header .Ver a{ display:block; width:100px; text-align:center; font-size:14px; color:#fff; background:#006acd; border-radius:22px;}
.Header .Ver a:hover{ background:#0486ff;}
.Header .Ver a .iconfont{ vertical-align:middle; margin-right:2px;}

.Search{ float:left;}
.Search .Searchico{ display:none; cursor:pointer; text-align:center; color:#666; line-height:20px;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .searchbox{ background:#fff;width:258px; border:1px solid #d9d9d9; height:38px; border-radius:20px; position:relative; display:block;}
.Search .searchbox .input{width:90%; height:38px; font-size:14px; line-height:38px; text-indent:1em;}
.Search .searchbox .input::-webkit-input-placeholder {color: #b7b7b7;}
.Search .searchbox .btn { position:absolute; right:0; color:#a9a9a9; top:0px; width:39px; height:38px; background:#eeeeee; border-radius:50%;}
.Search .searchbox .btn:hover { background:#006acd; color:#fff;}

.MainNav{ background:#0278d0; height:50px;}
.MainNav li{ float:left; width:11%; position:relative;}
.MainNav li span a{ position:relative; z-index:1;display:block; text-align:center; color:#fff; font-size:18px; line-height:50px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:0%; bottom:0px; height:0; background:#00b886;width:100%;transition: all ease 0.3s;}
.MainNav .bg:after{ content:''; position:absolute; left:3px; right:-3px; top:0; bottom:0; background:#00b886; -webkit-transform:skew(-7deg); -moz-transform:skew(-7deg); -o-transform:skew(-7deg); -ms-transform:skew(-7deg); transform:skew(-7deg); opacity:0.5;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ height:100%;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:50px; left:0;width:100%; padding:10px 0; line-height:33px; background:#00b886;}
.NavPull.null{background:none; padding:0;}
.NavPull dd { margin:0 10px;}
.NavPull a{ color:#fff; display:block;}
.NavPull a:hover{ background:#00986f;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#0278d0; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1024px){
.Header{height:45px; position:fixed; width:100%; left:0; top:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:999;}
.Header .Logo{ padding-top:16px;}
.Header .Logo img{ height:14px;}
.Header .openbtn{ display:block;}
.Header .Right { padding:8px 35px 0 0;}
.Share { padding:0 8px 0 0;}
.Share a{ width:30px; height:30px; line-height:30px;}
.Header .Ver{padding-left:10px; line-height:26px;}
.Header .Ver a{width:60px; font-size:12px;}
.Header .Ver a:hover{ background:#0486ff;}
.Header .Ver a .iconfont{ vertical-align:middle; margin-right:2px;}
.Search .Searchico{ display:block; text-align:center; width:30px; height:30px; line-height:30px;color:#666666; background:#f5f5f5; border-radius:50%;}
.Search .searchbox{ display:none; width:94%; left:3%; top:47px; position:absolute;}
.Share a.on img{ left:-38px;}

.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; display:block; line-height:40px; height:40px; padding-left:5px;  border:0; color:#1a1a1a;}
.MainNav li span a em{ height:auto; line-height:40px;}
.MainNav .bg{ display:none}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ed1847;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:0px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}

.NavPull{ position:static; line-height:30px; padding:8px; text-align:left; background:none;}
.NavPull dd{ position:relative; width:45%; text-align:center;}
.NavPull dd a{ padding:0; color:#666;}
}
/*Top*/
/*****分页控件*****/
.pagebox {
	text-align: center;
}

.pagination {
	margin: 0;
}

.pagination {
	display: block;
	/*padding-left:345px;*/
	margin: 30px 0 0;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
}

	.pagination > li {
		display: inline-block;
	}

.pagination-gap > li:first-child > a, .pagination-gap > li:last-child > a {
	border-radius: 3px;
}

.pagination-gap > li > a {
	margin: 0 3px;
	border-radius: 3px;
	font-size: 12px;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 4px 12px;
	margin-left: -1px;
	line-height: 1.6;
	color: #76838f;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #e4eaec
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	z-index: 2;
	color: #89bceb;
	background-color: #f3f7f9;
	border-color: #e4eaec
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #62a8ea;
	border-color: #62a8ea
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	color: #ccd5db;
	pointer-events: none;
	cursor: not-allowed;
	background-color: transparent;
	border-color: #e4eaec
}

.pagination-lg > li > a, .pagination-lg > li > span {
	padding: 6px 18px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination-sm > li > a, .pagination-sm > li > span {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px
}

/*Bottom*/
.Footer{ background:url(../images/footbg.jpg) center bottom no-repeat; background-size:cover; clear:both; padding:50px 0; color:#fff; line-height:24px; font-size:14px;}
.Footer a{color:#fff;}.Footer a:hover{color:#ffcc00;}
.Linkbox ul{ margin-left:-1%;}
.Linkbox li{ width:19%; float:left; padding:0 0 30px 1%;}
.Linkbox select{ width:100%; border:1px solid #fff; color:#fff; font-size:14px; height:36px;}
.Linkbox select option{ color:#666;}


.Footer .ewm{ float:right;}
.Footer .ewm img{ border:6px solid #fff; width:102px; height:102px;}
.Footer .left{ float:left;}
.Footer .copyright{ line-height:25px; padding:10px 0 11px; opacity:0.7;}
.Footer .copyright span{ display:block;}
.Footer .contact{}
.Footer .contact li{ float:left; padding-right:70px;}
.Footer .contact li:last-child{padding-right:0;}
.Footer .contact li .iconfont{ opacity:0.7; margin-right:8px;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;  width:60px; height:60px; line-height:60px; background:#0278d0; color:#fff; position:fixed; bottom:297px; right:0; z-index:99;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop .iconfont { font-size:25px;}

@media ( max-width:1024px){
.Footer{ padding:20px 0; font-size:12px;}
.Footer .ewm{ float:none; text-align:center;}
.totop{width:35px; height:35px; line-height:32px; color:#fff;}
.totop .iconfont { font-size:20px;}
.Footer .contact li{ padding-right:20px;}
}
@media ( max-width:580px){
.Linkbox li{ width:auto; float:none; padding-bottom:10px;}
.Footer .copyright{ line-height:20px;}
}


/*Bottom*/

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}

/*banner s*/
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li a{ display:block; padding-top:500px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{position:absolute; width:1300px; left:50%; margin-left:-650px; top:28%; color:#fff; line-height:35px;}
.HomeBan .slides li .txt h2{ position:relative; z-index:1;font-size:44px; line-height:64px;transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt p{ position:relative; z-index:1;transform:translateX(150px);-webkit-transform:translateX(150px);opacity:0;transition:all 1s 0.4s; font-size:20px;}
.HomeBan .slides li.flex-active-slide .txt h2,.HomeBan .slides li.flex-active-slide .txt p{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .flex-control-nav{bottom:5%; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 7px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:31px; height:3px; background:#fff; border-radius:0; cursor:pointer;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#00b886; width:50px; height:5px;}
.HomeBan .flex-direction-nav a { opacity: 0; border:1px solid #0278d0; background:#006acd; color:#fff; width:50px; height:50px; line-height:50px; font-size:35px; border-radius:50%; font-family:"宋体";}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:5%;}
.HomeBan .flex-direction-nav a:hover { border:1px solid #00b886; background:#00b886 !important; color:#fff;}
@media ( max-width:1300px){
.HomeBan .slides li .txt{width:90%; left:5%; margin-left:0;}
}

@media ( max-width:1024px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .slides li .txt{ line-height:24px;}
.HomeBan .slides li .txt h2{font-size:24px; line-height:35px;}
.HomeBan .slides li .txt p{font-size:18px;}
.HomeBan .slides li a{ padding-top:40%;}
}
@media ( max-width:768px){
.HomeBan .slides li .txt{ line-height:20px; top:20%;}
.HomeBan .slides li .txt h2{font-size:18px;}
.HomeBan .slides li .txt p{font-size:14px !important;}
.HomeBan .flex-control-nav li a{ width:10px;}
.HomeBan .flex-control-nav li a.flex-active{width:20px;}
}
/*banner end*/

.HomeTit{ padding-top:21px; position:absolute; line-height:67px; overflow:hidden; position:relative;}
.HomeTit h2{ font-size:30px; font-weight:normal; color:#333333;}
.HomeTit h2 i{ display:inline-block; vertical-align:middle; width:5px; height:28px; background:#006acd; margin-right:20px;}
.HomeTit h2 em{ color:#bcbcbc; font-size:18px; margin-left:8px; vertical-align:middle;}
.HomeTit .more{ position:absolute; right:0; top:44px;}
.HomeTit .more a{ display:block; font-size:12px; color:#999999; width:60px; line-height:20px; text-align:center; background:#e6e6e6; border-radius:10px;}
.HomeTit .more a:hover{ color:#fff; background:#006acd;}

.NewsFocus{ overflow:hidden; width:50%; float:left; position:relative; margin-bottom:50px;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{padding-top:363px;}
.NewsFocus .ti{ position:absolute; background:rgba(0,0,0,0.5); font-size:18px; line-height:70px; width:78%; padding:0 20% 0 2%;color:#fff; left:0; bottom:0; z-index:2;}
.NewsFocus .more{ background:#30a168; float:right; text-align:center; color:#fff; font-size:14px; width:120px; line-height:35px;}
.NewsFocus .slides li:hover .tit{ color:#ffcc00;}
.NewsFocus .slides li:hover .more{ color:#fff; background:#068d49;}
.NewsFocus .flex-direction-nav{ display:none;}
.NewsFocus .flex-control-nav{bottom:21px; z-index:10; right:0; width:110px; text-align:center;}
.NewsFocus .flex-control-nav li{ margin:0 3px; vertical-align:middle;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:rgba(255,255,255,0.4); border:0;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:#fff;}
.NewsFocus.Sj{ display:none;}

.NewsTop{ width:48%; float:right;}

.ListWz{}
.ListWz .li{ background:url(../images/dot.gif) 4px center no-repeat; padding:0 80px 0 15px;height:42px; line-height:42px; position:relative;}
.ListWz .li .date{ position:absolute; color:#b2b2b2; font-size:14px; right:0; top:0;}
.ListWz li.top{ height:145px; position:relative; margin-bottom:17px; border-bottom:1px solid #ececec; padding-left:133px;}
.ListWz li.top .date{ position:absolute; left:0; top:0; width:114px; height:114px; text-align:center; line-height:24px; color:#fff; background:#006acd; color:#fff;}
.ListWz li.top .date span{ display:block; padding-top:21px; font-size:34px; line-height:44px;}
.ListWz li.top .tit{ line-height:33px; margin-bottom:4px; font-size:18px;}
.ListWz li.top .p{-webkit-line-clamp: 3; line-height:24px; height:72px; color:#999999; font-size:14px;}
.ListWz li.top:hover .date{ background:#0584fb;}
.ListWz li.top .p img{display: none;}
.NewsList li .p img{display: none;}
.NewsFocus2 .info .p img{display: none;}
.NewsFocus .info .p img{display: none;}
.ListWz li.top .p p{text-indent: 0em !important;}
.NewsList li .p p{text-indent: 0em !important;}
.NewsFocus2 .info .p p{text-indent: 0em !important;}
.NewsFocus .info .p p{text-indent: 0em !important;}
.Ptlink{ clear:both; overflow:hidden; margin-bottom:50px;}
.Ptlink .flex-viewport{ margin-left:-13px;}
.Ptlink a{ display:block; margin-left:13px; position:relative;}
.Ptlink .ti{ position:absolute; z-index:2; font-weight:bold; width:100%; height:100%; font-size:20px; color:#fff;display: flex;align-items: center;justify-content: center; background:rgba(0,106,205,0.4); transition: all ease 0.3s;}
.Ptlink .imgbox{ height:100px;}
.Ptlink a:hover .ti{background:rgba(0,106,205,0);}
.Ptlink .flex-direction-nav .flex-prev {left:0px;}
.Ptlink .flex-direction-nav .flex-next {right:0px;}

.HomeCol{ background: #eef1f3 url(../images/homecolbg.jpg) center bottom no-repeat; padding-bottom:60px;}
.HomeDt{ width:62%; float:left;}
.HomeDt .box{ padding-top:12px;}
.HomeDt .box .list{ width:49%; float:right;}
.HomeDt .box .list .li{ background:url(../images/dot.gif) 4px center no-repeat; padding:0 50px 0 15px;height:33px; line-height:33px; margin-bottom:17px; position:relative;}
.HomeDt .box .list .li .date{ position:absolute; color:#b2b2b2; font-size:14px; right:0; top:0;}
.HomeDt .box .list .li:last-child{ margin-bottom:0;}

.KyFocus{ overflow:hidden; width:49%; float:left; position:relative;}
.KyFocus .slides li{ position:relative;}
.KyFocus .imgbox{padding-top:190px;}
.KyFocus .ti{ position:absolute; background:rgba(0,0,0,0.5); font-size:15px; line-height:40px; width:78%; padding:0 20% 0 2%;color:#fff; left:0; bottom:0; z-index:2;}
.KyFocus .more{ background:#30a168; float:right; text-align:center; color:#fff; font-size:14px; width:120px; line-height:35px;}
.KyFocus .slides li:hover .tit{ color:#ffcc00;}
.KyFocus .slides li:hover .more{ color:#fff; background:#068d49;}
.KyFocus .flex-direction-nav{ display:none;}
.KyFocus .flex-control-nav{bottom:4px; z-index:10; right:0; width:80px; text-align:center;}
.KyFocus .flex-control-nav li{ margin:0 3px; vertical-align:middle;}
.KyFocus .flex-control-nav li a{ opacity:1; width:8px; height:8px; background:none; border:1px solid #f0f0f0;}
.KyFocus .flex-control-nav li a.flex-active{opacity:1; background:#3d96ea; border:1px solid #3d96ea;}

.HomeNav{ width:36%; float:right;}
.HomeNav ul{ margin-left:-6px;}
.HomeNav li{ width:50%; float:left;}
.HomeNav li a{ text-align:center; transition:all ease 0.3; color:#fff; font-size:20px; font-weight:bold; display:block; margin:0 0 6px 6px; padding-top:36px; line-height:58px; height:116px; background-repeat:no-repeat; background-size:cover;}
.HomeNav li img{ display:block; width:60px; height:51px; margin:0px auto;}
/*.HomeNav li:hover img {
-webkit-animation: icon-bounce 0.5s alternate;
-moz-animation: icon-bounce 0.5s alternate;
-o-animation: icon-bounce 0.5s alternate;
animation: icon-bounce 0.5s alternate;
}
*/
.HomeCol2{background: #061536 url(../images/col2bg.jpg) center bottom no-repeat; background-size:cover; padding:3.8% 0;}
.HomeCol2 .box{ margin-left:-2%;}
.HomeCol2 .item{ width:31.333%; height:380px; background:#fff; float:left; margin-left:2%;}
.HomeCol2 .tithead{ position:relative; padding:26px 21px 0 0; height:64px; line-height:64px; margin-bottom:5px;}
.HomeCol2 .tithead a.more{ position:absolute; right:21px; bottom:19px; width:60px; line-height:20px; text-align:center; font-size:12px; color:#fff; font-size:12px; background:rgba(0,0,0,0.1); border-radius:10px;}
.HomeCol2 .tithead a:hover.more{background:rgba(0,0,0,0.5);}
.HomeCol2 .tithead h2{ font-size:30px; font-weight:normal; color:#fff;}
.HomeCol2 .tithead h2 i{ display:inline-block; vertical-align:middle; width:5px; height:28px; margin-right:20px;}
.HomeCol2 .item.i1 .tithead{ background:url(../images/lmbg1.jpg); background-size:cover;}
.HomeCol2 .item.i1 .tithead h2 i{background:#6ab3f7;}
.HomeCol2 .item.i2 .tithead{ background:url(../images/lmbg2.jpg); background-size:cover;}
.HomeCol2 .item.i2 .tithead h2 i{background:#63d8bf;}
.HomeCol2 .item.i3 .tithead{ background:url(../images/lmbg3.jpg); background-size:cover;}
.HomeCol2 .item.i3 .tithead h2 i{background:#aa98db;}
.HomeCol2 .list { margin:0 11px;}
.HomeCol2 .list .li{ background:url(../images/dot.gif) 4px center no-repeat; padding:0 50px 0 15px;height:51px; line-height:51px; position:relative;}
.HomeCol2 .list .li .date{ position:absolute; color:#b2b2b2; font-size:14px; right:0; top:0;}

@media ( max-width:998px){
.HomeTit h2 { font-size:22px;}
.HomeTit h2 em { font-size:12px;}
.HomeTit h2 i { height:22px; margin-right:8px;}

.HomeCol2 .tithead { padding-top:0; height:50px; line-height:50px;}
.HomeCol2 .tithead h2 { font-size:18px;}
.HomeCol2 .item { height:220px;}
.HomeCol2 .list .li{ height:30px; line-height:30px;}
}

@media ( max-width:768px){
.HomeTit { line-height:40px;}
.HomeTit .more { top:30px;}
.HomeTit h2 { font-size:18px;}

.ListWz .li{ height:30px; line-height:30px;}
.ListWz li.top{ height:85px; margin-bottom:10px; padding-left:82px;}
.ListWz li.top .date{width:70px; height:70px; font-size:12px;}
.ListWz li.top .date span{padding-top:10px; font-size:24px; line-height:28px;}
.ListWz li.top .tit{ line-height:28px;margin-bottom:0; font-size:15px;}
.ListWz li.top .p{-webkit-line-clamp: 2; line-height:20px; height:40px;}

.NewsFocus{ width:auto; float:none; margin-bottom:20px;}
.NewsFocus .imgbox{padding-top:50%;}
.NewsFocus .ti { font-size:15px; line-height:38px;}
.NewsFocus .flex-control-nav{ bottom:7px;width:78px;}
.NewsFocus.Sj{ display:block;}

.NewsTop{width:auto; float:none; margin-bottom:14px;}

.Ptlink { margin-bottom:15px;}
.Ptlink .ti{ font-size:15px;}
.Ptlink .imgbox{ height:65px;}

.HomeNav{ width:auto; float:none;}

.KyFocus{ width:auto; float:none;}
.KyFocus .imgbox{padding-top:50%;}
.KyFocus .flex-control-nav { bottom:8px;}

.HomeDt{ width:auto; float:none;}
.HomeDt .box{ padding-top:0;}
.HomeDt .box .list{ width:auto; float:none; padding-top:12px;}
.HomeDt .box .list .li{ height:30px; line-height:30px; margin-bottom:0;}

.HomeCol2 .item{ width:auto; height:auto; float:none; padding-bottom:15px; margin-bottom:12px;}
}

@media ( max-width:640px){
.HomeDt .box ul,.HomeNotice .box ul{ padding-left:0;}
.HomeDt .box .li,.HomeNotice .box .li,.HomeNav2 .box .li{ height:30px; line-height:30px;}
.HomeCol { padding-bottom:12px;}
.HomeNav li a { font-size:14px; line-height:40px; padding-top:12px; height:78px;}
.HomeNav li img{ width:40px; height:34px;}
.HomeNav .HomeTit{ padding-top:5px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.bodybg{ background:#f3f3f3;}
.SubPage{padding-bottom:50px;}
.SubBan{ overflow:hidden; position:relative; z-index:0; margin-bottom:37px;}
.SubBan img{ width:100%;}


.LeftNav{ width:225px; float:left;left:0; top:0px; padding-bottom:25px; border-bottom:1px solid #dcdcdc;}
.LeftNav .ColumnName{ padding-bottom:14px; border-bottom:1px solid #dcdcdc; margin-bottom:25px;}
.LeftNav .ColumnName h2{ font-weight:normal; line-height:39px; font-size:34px; color:#000000;}
.LeftNav .ColumnName p{ line-height:29px; color:#999999;}
.LeftNav .ColumnName p i{color:#006acd; margin-right:4px;}
.LeftNav li{}
.LeftNav li span{display:block;position:relative;padding-right:25px;box-sizing:border-box;}
.LeftNav li a{ display:block; line-height:48px; padding-left:15px; background:url(../images/dotm1.gif) 0px center no-repeat; color:#666666;}
.LeftNav li a:hover,.LeftNav li.onli a,.LeftNav li a.onli{ background:url(../images/dotm2.gif) 0px center no-repeat; color:#000000; font-size:20px;}
.LeftNav li span b {display:block;width: 20px;height: 11px;background: url(../images/jt.png) center center no-repeat;position: absolute;top: 50%;transform:translate(0,-50%);right: 20px;}
.LeftNav li.onli dl{ display:block;}
.LeftNav li dl{width:100%;display:none;}
.LeftNav li dl dd{width:100%;}
.LeftNav li dl dd a{display:block;padding-left:20px !important;width:90%;border-bottom:1px solid #dcdcdc;margin:0 auto;line-height:30px !important;font-size:16px !important;background:none !important;box-sizing:border-box;padding:6px 0;}

.LeftNav li dl dd a:hover{background:none;}

.Rcontent{ margin-left:225px; border-left:1px solid #dcdcdc; padding-left:40px; height:auto !important;min-height:525px; height:525px;}

.Position{ position:relative; border-bottom:1px solid #dcdcdc; height:82px; color:#a8a8a8; margin-bottom:30px;}
.Position h2{ float:left; font-size:30px; color:#006acd; font-weight:normal; border-bottom:3px solid #006acd; height:80px; line-height:66px;}
.Position .Place{ float:right; line-height:68px; font-size:14px;}
.Position .Place a{color:#000000;}.Place a:hover,.Place span{color:#006acd;}
.Position .iconfont{color:#a8a8a8; border-radius:50%; display:inline-block; width:30px; height:30px; line-height:28px; margin-right:12px; font-size:20px; text-align:center; background:#f0f0f0;}
.Position .ico{ right:0; bottom:-2px; position:absolute;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:30px; color:#333333; font-size:16px;}
.SinglePage video{ width:80% !important; margin:0px auto;}
.SinglePage .img{ width:20%; float:left; margin:0 20px 2px 0;}


.SubTit{ color:#999999; font-size:14px; margin-bottom:12px;}
.SubTit b{ font-size:18px; color:#333333; margin:0 5px 0 8px;}
.SubTit img{ display:inline-block; vertical-align:middle; width:36px;}

@media ( max-width:1024px){
.SubBan{ margin-bottom:20px;}
.LeftNav{ padding-bottom:10px; width:180px;}
.LeftNav .ColumnName{ padding-bottom:5px; margin-bottom:10px; font-size:12px;}
.LeftNav .ColumnName h2{ font-size:20px; line-height:18px;}
.LeftNav li { line-height:32px;}
.LeftNav li a:hover, .LeftNav li a.onli{ font-size:16px;}
.Rcontent { margin-left:179px; padding-left:15px;}
.Position{ height:; margin-bottom:20px;}
.Position h2{ font-size:20px; height:48px; line-height:45px;}
.Position .Place{ line-height:45px;}
.Position .ico { width:10px; bottom:-5px;}
.SinglePage video{ width:100% !important;}
.LeftNav{position: absolute;float: none;}
/*.LeftNav li dl,.LeftNav li span b {display:none!important;}*/
}

@media ( max-width:768px){
.SubPage{padding-bottom:30px;}
.LeftNav .ColumnName h2 { font-size:17px;}
.LeftNav{ position:static; width:auto; padding:0;}
.LeftNav ul{ margin:0; line-height:35px;}
.LeftNav li a{ line-height:32px;}
/*.LeftNav li{ display:inline-block;*display:inline;zoom:1; margin:0 3px;}
.LeftNav li a { padding-left:9px;}
.LeftNav li a:hover, .LeftNav li a.onli{ font-size:14px;}
*/.Rcontent{ margin-left:0; border-left:0; padding-left:0;min-height:300px; height:300px;}
.Position h2{ display:none;}
.Place { line-height:30px; margin-bottom:20px;}
.SinglePage{line-height:24px;}

.SubTit { font-size:12px;}
.SubTit b{ font-size:16px;}
.SubTit img{width:24px;}
}
/*栏目页公用样式 end*/


/*院领导 s*/
.LeaderList{}
.LeaderList li{ padding:10px 20px 10px 150px; height:auto !important; height:166px; min-height:166px; position:relative; background:#f5f5f5; margin-bottom:14px;}
.LeaderList li .imgbox{ width:125px; padding-top:165px; position:absolute; left:10px; top:10px;}
.LeaderList li .name{ border-bottom:1px solid #e5e5e5; line-height:30px; color:#333333; font-weight:bold;}
.LeaderList li .name i{ display:block; width:12px; height:8px; border-bottom:2px solid #006acd;}
.LeaderList li .job{ line-height:34px; padding-top:15px; font-size:18px; color:#333333;}
.LeaderList li .p{ line-height:24px; height:96px; font-size:14px; color:#666666;-webkit-line-clamp: 4;}
.LeaderList li .more{ position:absolute; right:41px; top:31px; width:90px; line-height:30px; text-align:center; font-size:14px; color:#666666; background:#fff; border-radius:4px;}
.LeaderList li:hover { background:#006acd;}
.LeaderList li:hover .name{ color:#fff; border-bottom:1px solid #fff;}
.LeaderList li:hover .name i{border-bottom:2px solid #fff;}
.LeaderList li:hover .job,.LeaderList li:hover .p{ color:#fff;}
.LeaderList li:hover .more{ color:#006acd;}

.leaderbox{border-bottom: 1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.leaderbox .img{ width:20%; float:left; margin:0 20px 2px 0;}

@media ( max-width:1024px){
.LeaderList li{}
.LeaderList li .more{right:10px; width:70px; font-size:12px;}
}
@media ( max-width:768px){
.LeaderList li .job{ font-size:16px; padding-top:0;}
.LeaderList li .more { top:10px; line-height:24px;}
}

/*研究领域 s*/
.subimg{ position:relative;}
.subimg i{ position:absolute; width:1px; height:45px; left:50%; bottom:-15px; background:#006acd;}

/*交流合作 s*/
.NewsFocus2{ overflow:hidden; position:relative; margin-bottom:27px !important;}
.NewsFocus2 .slides li{}
.NewsFocus2 .box{ background:#f5f5f5; position:relative; height:292px;}
.NewsFocus2 .imgbox{padding-top:292px; width:48%; float:left;}
.NewsFocus2 .ti{ position:absolute; background:rgba(0,0,0,0.5); font-size:18px; line-height:60px; width:78%; padding:0 20% 0 2%;color:#fff; left:0; bottom:0; z-index:6;}
.NewsFocus2 .slides li:hover .ti i{ color:#ffcc00;}
.NewsFocus2 .info{ width:42%; padding:0 5%; float:left;}
.NewsFocus2 .info .date{ padding-top:22px; line-height:41px; color:#999999;}
.NewsFocus2 .info .tit{ line-height:45px; font-size:20px; color:#333333;}
.NewsFocus2 .info .p{ height:72px; color:#666666; line-height:24px; font-size:14px;-webkit-line-clamp: 3; margin-bottom:34px;}
.NewsFocus2 .info .more{ width:136px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:#006acd;}
.NewsFocus2 .info:hover .more{background:#0482f8;}
.NewsFocus2 .info:hover .tit{color:#006acd;}
.NewsFocus2 .flex-direction-nav{ display:none;}
.NewsFocus2 .flex-control-nav{bottom:15px; z-index:10; left:37.5%; width:110px; text-align:center;}
.NewsFocus2 .flex-control-nav li{ margin:0 3px; vertical-align:middle;}
.NewsFocus2 .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:rgba(255,255,255,0.4); border:0;}
.NewsFocus2 .flex-control-nav li a.flex-active{opacity:1; background:#fff;}

.NewsRec{ height:292px; position:relative; margin-bottom:27px;}
.NewsRec li{ margin-bottom:5px; padding-left:51%;}
.NewsRec .imgbox{ position:absolute; width:49%; left:0; top:0; padding-top:292px; opacity:0;transition: all ease 0.3s;}
.NewsRec .ti{ line-height:38px; height:38px; padding:0 10px 0 98px; position:relative;}
.NewsRec .ti .date{ font-size:14px; position:absolute; width:95px; text-align:center; left:0; top:0; color:#999999;}
.NewsRec .ti i{ width:18px; height:1px; position:absolute; right:-6px; background:#006acd; top:19px; opacity:0;}
.NewsRec .ti a{ color:#333333;}
.NewsRec li:hover .ti,.NewsRec li.on .ti{ background:#f5f5f5;}
.NewsRec li:hover .ti i,.NewsRec li.on .ti i{ opacity:1;}
.NewsRec li.on .imgbox{ opacity:1; z-index:10;}

.NewsList{ padding-bottom:3%;}
.NewsList li{ height:136px; padding:0 0 0 165px; margin-bottom:20px; position:relative;transition: all ease 0.3s;}
.NewsList li .date{transition: all ease 0.3s; position:absolute; left:0; top:0; width:136px; height:136px; text-align:center; background:#f5f5f5;}
.NewsList li .date b{ display:block; line-height:50px; font-size:48px; color:#006acd; padding-top:29px;}
.NewsList li .tit{ padding-top:16px; line-height:45px; font-size:18px; color:#333333;}
.NewsList li .p{ font-size:14px; height:48px; line-height:24px; color:#666666;-webkit-line-clamp: 2;}
.NewsList li:hover { padding:10px 10px 10px 165px; margin-bottom:10px;}
.NewsList li:hover .date{ left:10px; top:10px;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding:0 0 18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 0 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#001c5e; font-size:16px; padding-right:31px; background:url(../images/back.png) right center no-repeat;}

@media ( max-width:1024px){
.NewsFocus2 .ti{font-size:15px; line-height:35px;}
.NewsFocus2 .flex-control-nav{bottom:5px; width:80px;}
.NewsFocus2 .imgbox{padding-top:250px;}
.NewsFocus2 .box{ height:250px;}
.NewsFocus2 .info .tit{ line-height:38px; font-size:15px;}
.NewsFocus2 .info .date{ padding-top:10px; line-height:24px;}

.NewsList li{ height:78px; padding:0 0 0 75px; margin-bottom:12px;}
.NewsList li .date{width:66px; height:66px; font-size:12px; top:6px;}
.NewsList li .date b{ line-height:24px; font-size:18px; padding-top:10px;}
.NewsList li .tit{ padding-top:0; line-height:30px; font-size:15px;}
.NewsList li:hover { padding:0 0 0 75px; margin-bottom:12px;}
.NewsList li .p{ line-height:20px; height:40px; -webkit-line-clamp: 2; font-size:12px;}
.NewsList li:hover .date{ left:0; top:6px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding-bottom:10px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}
@media ( max-width:768px){
.NewsFocus2 .box{ height:auto;}
.NewsFocus2 .imgbox{padding-top:55%; width:auto; float:none;}
.NewsFocus2 .info{ width:auto; float:none; padding-bottom:12px;}
.NewsFocus2 .info .date{ font-size:12px; line-height:18px;}
.NewsFocus2 .info .p{-webkit-line-clamp: 2; height:40px; font-size:12px; margin-bottom:10px; line-height:20px;}
.NewsFocus2 .info .more{ width:80px; line-height:30px;}
.NewsFocus2 .flex-control-nav{ left:auto; right:0; bottom:13px;}
.NewsFocus2 .flex-control-nav li a{ background:rgba(0,106,205,0.3);}
.NewsFocus2 .flex-control-nav li a.flex-active{ background:#006acd;}

.NewsRec.Pc{ display:none;}
}

/*人才队伍 s*/
.SubTit2{ padding:11px 0 25px 114px; position:relative;}
.SubTit2 i{ width:84px; height:1px; background:#006acd; left:6px; top:31px; position:absolute;}
.SubTit2 h2{ line-height:43px; font-size:30px; color:#333333;}
.SubTit2 p{ line-height:23px; color:#999999;}

.HrImg{ width:35%; float:left; text-align:center;}
.HrInfo{ width:70%; float:right; margin-left:-5%; position:relative; z-index:1;}
.HrInfo .info{ color:#fff; font-size:14px; background:#006acd; padding:7%; line-height:29px;}
.HrInfo.hr2{ width:auto; float:none; margin-left:0;}

.hrw1{ width:30%;}
.hrw2{ width:17%;}
.hrw3{ width:16%;}
.hrw4{ width:16%;}
.hrw5{width:21%;}
.Hrhead{height:56px; text-align:center; color:#fff; background: #006acd; margin-bottom:0px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ overflow:hidden; margin-bottom:2%; padding-bottom:15px;}
.HrList li{ margin-bottom:1px;}
.HrList li td{ height:58px; font-size:16px; text-align:center; color:#333333; background:#f5f5f5;}
.HrList li td a{color:#333333;}
.HrList .btn{ padding:10px; display:block; margin:0px auto; width:19px;}
.HrList .btn i{ display:inline-block; background:url(../images/jia.png); background-size:contain; width:19px; height:19px;}
.HrList li .txtCont{border:1px solid #e5f0fa; background:#fff; font-size:14px; position:relative; display:none;line-height:28px; padding:25px 4% 25px; color:#333333;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stxt{ margin-bottom:24px;}
.HrList li .txtCont .stxt.tj img{ display:inline-block; margin-left:24px;}
.HrList li .txtCont .apply a{ display:block; color:#fff; font-size:14px; width:114px; line-height:36px; border-radius:18px; text-align:center; background:#006acd;}
.HrList li .txtCont .apply a:hover{background:#0084ff;}
.HrList li.current td{ background:#e5f0fa;}

.Popbox{ position:relative; background:#fff; width:50%; margin:0px auto;}
.Popbox .Tithead{ text-align:center; font-size:30px; color:#003466; line-height:33px; padding-bottom:40px;}
.Popbox .auto{ padding:4% 4% 2.5%;}
.form ul{ margin-left:-19px;}
.form li{ margin-bottom:19px; clear:both;}
.form .line{ border:1px solid #d9d9d9; margin-left:19px;}
.form .yz{ width:281px; position:relative;}
.form .yzm{ position:absolute; right:0; top:0; width:112px; height:48px;}
.form .textarea{ border:1px solid #d9d9d9; margin-left:19px; padding:15px;}
.form .input{ font-size:16px; color:#333333; height:48px; line-height:48px; width:100%; text-indent:1em;}
.form .input.upload{ text-indent:0; height:32px; line-height:32px; margin:5px 0 5px 2%; width:98%;}

.form li.w50{ float:left; width:50%; clear:none;}
.form textarea{ font-size:16px; height:110px; width:100%;}
.form .btn{ color:#fff; height:56px; font-size:18px; width:100%;}
.form .sendbtn{ background:#003466;}
.form .resetbtn{ background:#e5e5e5; color:#333333;}
.Popbox .mfp-close{ font-size:40px; color:#000000; opacity:1;  position:absolute; right:0px; top:0px;}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:42px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4{ display:none;}
.HrList li .txtCont .stit{ font-size:15px;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:10px; line-height:24px;}
.HrList li .txtCont .apply a{width:110px; line-height:32px; font-size:14px;}
.HrList .btn{width:14px;}
.HrList .btn i{width:14px; height:14px;}

.Popbox{width:95%;}
.Popbox .Tithead{font-size:20px;  padding-bottom:10px;}
.form ul{ margin-left:-10px;}
.form .line{ margin-left:10px;}
.form .input{ font-size:14px;height:35px; line-height:35px;}
.form .textarea{margin-left:10px;}
.form textarea{ font-size:14px; height:80px;}
.form .btn{height:40px; font-size:16px;}
.form .yzm{width:90px; height:35px;}}
@media ( max-width:640px){
.SubTit2{ padding:0 0 15px 40px;}
.SubTit2 i{ width:27px; left:6px; top:15px;}
.SubTit2 h2{ line-height:30px; font-size:18px;}

.HrImg{ width:auto; float:none; margin-bottom:15px;}
.HrInfo{ width:auto; float:none; margin-left:0;}
.HrInfo .info{line-height:24px;}
}

/*登录 s*/
.Loginbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Loginbg .Logo{ padding:4.5% 0 8%;}
.Loginbg .loginbox{ background:#fff; border-radius:60px; max-width:954px; margin:0px auto;}
.Loginbg .img{ display:block;border-radius:59px 0 0 59px; width:50%; float:left;}
.Loginbg .info{ padding:10% 4% 0 4%; width:42%; float:left;}
.Loginbg .info .item{ margin-bottom:18px;}
.Loginbg .info .input{ border:1px solid #c5c5c5; border-radius:6px; padding-left:45px; position:relative;}
.Loginbg .info .input input{ width:100%; height:50px; line-height:50px;}
.Loginbg .info .input .ico{ position:absolute; left:15px; top:14px;}
.Loginbg .info .input.yzm{ width:48%; float:left;}
.Loginbg .info .yzimg{ width:36%; float:right;border:1px solid #c5c5c5; border-radius:6px;}
.Loginbg .info .yzimg img{ width:100%; height:50px; border-radius:6px;}
.Loginbg .info .btn{ padding-top:6%;}
.Loginbg .info .sendbtn{ width:100%; color:#fff; font-size:24px; height:61px; cursor:pointer; background:#0c78d4; border-radius:28px;}
.Loginbg .info .sendbtn:hover{ background:#008aff;}

@media ( max-width:768px){
.Loginbg .img{ display:none;}
.Loginbg .loginbox{ border-radius:10px;}
.Loginbg .info{ padding:20px; width:auto; float:none;}
.Loginbg .info .input .ico { top:6px;}
.Loginbg .info .input input{ height:40px; line-height:40px;}
.Loginbg .info .yzimg { width:31%;}
.Loginbg .info .yzimg img { height:40px;}
.Loginbg .info .sendbtn{ height:45px; font-size:16px;}
}
