﻿@charset "utf-8";
html,body{height:100%;}
body{padding:0; margin:0px auto; font-size:16px; line-height:24px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif; background:#fff;}
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:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
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:#333333; 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:#006887;}
*:hover{transition: all ease 0.3s;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
::-webkit-scrollbar{
            width: 5px; height:5px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #005bac;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1253px; margin:0px auto;}
.Content{ background:#fff; padding:20px 31px; max-width:1200px; margin:0px auto;}
.block{ display:block;}
.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;}
.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%;}


@media ( max-width:998px){
.Contain{margin:0px 15px;}
body{ padding-top:56px; font-size:14px; min-width:300px; line-height:24px;}	
.Content{padding:12px;}
}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.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;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; clear:both; line-height:34px; font-size:14px; color:#363636;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; vertical-align:middle; margin:0px 2px; border:1px solid #e6e6e6;color:#363636;}
.Pages .total{ display:inline-block; vertical-align:middle; margin:0px 2px; border:1px solid #d9d9d9; padding:0 13px;}
.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{ padding:0 10px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#006887; border:1px solid #006887; color:#fff;}
.Pages .p_page .num{ margin:0 0px;}
.Pages .p_page .num a{vertical-align:middle; width:34px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#006887; border:1px solid #006887; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;font-size:12px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 5px;}
.Pages a{ margin:0 2px;}
.Pages .p_page .num a{width:20px;}
.pagemore a img{ width:23px;}
}
/*pages end*/


/*Top*/
.Header{ background:#fff; margin-bottom:30px;}
.Header .Logotop{ height:300px; background:url(../images/topbg.jpg) center top no-repeat;}
.Header .Logo{ float:left; padding-top:118px;color:#016887;}
.Header .Search{float:right; padding-top:130px;}
.Header .Searchico{ display:none; width:26px; position:absolute; right:16px; top:8px;}
.Header .searchbox{ width:334px; position:relative; background:rgba(0,0,0,0.5); border-radius:20px; float:left;}
.Header .searchbox .input{ color:#fff;width:90%; height:42px; line-height:42px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #e1e2e4;}
.Header .searchbox .btn { position:absolute; right:13px; top:7px; background:none;}
.Header .searchbox .btn img{ width:26px;}

.MainNav{ height:64px; background:#016887; box-shadow:0 2px 3px rgba(220,220,220,1);}
.MainNav li{float:left; width:16.6666%; position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#fff; text-align:center; height:64px; line-height:64px; font-size:18px;transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:100%; background:#f0a20c; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.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{ width:100%; left:0;}

.NavPull{display:none; position:absolute; top:56px; text-align:center; left:0px; background:#46a1f7; width:100%;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull dd a:hover{ background:#067dec;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#036789; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:998px){
.Header{height:46px; padding:0; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Header .Logotop{ height:46px;}
.Header .Logo{ padding-top:10px;}
.Header .Logo img{ height:25px;}
.Header .Search{ display:none; width:98%; background:#fff; position:absolute; box-shadow:0 0 10px #ddd; padding:1%; top:50px;}
.Header .searchbox{ width:100%;}
.Header .Searchico{ display:block; right:34px; width:20px; top:15px;}

.Header .openbtn{ display:block;}
.Header .tnav{ display:none;}

.MainNav{ position:fixed; height:auto; z-index:999; width:100%; padding:0; left:0;background: #888888;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #9a9a9a;border-top:1px solid #797979; width:auto; margin:0 10px;}
.MainNav li#nav1{ width:auto;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important; border:0; background:none;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{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;}

.NavPull { position:static; background:#6e6e6e; text-align:left; width:100%; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #767676;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}
}
/*Top*/


/*Bottom*/
.Footer{background:#2a2f33;color:#fff; line-height:30px;}
.Footer .left{ padding:40px 0; float:left;}
.Footer .nav{ font-size:16px; margin-bottom:15px;}
.Footer .nav i{ text-align:center; display:inline-block; vertical-align:middle; width:21px; color:#666666;}
.Footer .nav a{ color:#fff;}.Footer .nav a:hover{ color:#ffcc00;}
.Footer .copyright{ color:#828485; font-size:14px;}
.Footer .copyright a{ color:#828485;}.Footer .copyright a:hover{ color:#fff;}

.Footer .ewm{ float:right; padding:27px 0 0 0; width:112px; text-align:center; color:#fff; font-size:16px;}
.Footer .ewm .img img{ display:block; width:90px; height:90px; padding:5px; background:#fff; margin:0px auto 11px;}
.Footer .ewm .ico{ display:inline-block; vertical-align:middle; margin-right:10px;}

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{ line-height:20px; font-size:12px;}
.Footer .left{ float:none; text-align:center; padding:20px 0;}
.Footer .nav{ font-size:14px; margin-bottom:10px;}
.Footer .ewm{ float:none; margin:0px auto; padding-top:12px;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}
@media ( max-width:640px){
.Copyright{ text-align:center;}
.Copyright dd{ float:none !important; margin:0 5px; display:inline-block;}
}

/*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);}

.HomeTop{ text-align:center; border:1px solid #e4e4e4; padding:11px 79px 19px; position:relative; margin-bottom:42px;}
.HomeTop .ico{ position:absolute; left:0; top:7px;}
.HomeTop .tit{ line-height:49px; color:#cd1518; font-size:25px;}
.HomeTop .p{ height:24px; color:#7f7f7f;-webkit-line-clamp: 1;}
.HomeTop:hover .tit{ color:#9c0003;}

.HomeTit{ background:url(../images/titbg.gif) 0px center repeat-x; line-height:40px; padding:0 24px; margin-bottom:26px;}
.HomeTit h2{ display:inline-block;*display:inline;zoom:1; padding:0 22px; font-size:28px; color:#252525; background:#fff;}
.HomeTit a.more{ float:right; color:#006887; font-size:16px; padding:0 11px; background:#fff; display:inline-block;}

.NewsFocus{ width:46%; float:left; overflow:hidden;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ padding-top:394px;}
.NewsFocus .ti{ background:url(../images/f_h_60.png); width:100%; position:absolute; z-index:1; left:0; bottom:0; line-height:54px; font-size:18px; text-indent:1em; color:#fff;}
.NewsFocus .ti .tit{ width:73%;}
.NewsFocus .flex-control-nav{ text-align:right; bottom:4px;}
.NewsFocus .flex-control-nav li{ margin:0 8px 0 0;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:8px; height:8px; background:#fff; border-radius:50%; text-indent:999em;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:#067dec;}

.NewsRight{ width:54%; float:right; padding-bottom:5px;}
.NewsRight li{ width:50%; float:left;}
.NewsRight .box{ border:1px solid #eeeeee; margin:0 0 25px 25px; padding:22px 26px 0; height:160px;}
.NewsRight .ti{ line-height:26px; height:52px; color:#252525; font-size:18px; font-weight:bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.NewsRight .p{-webkit-line-clamp: 2; margin-top:10px; line-height:18px; height:36px; font-size:14px; color:#777777;}
.NewsRight .date{ font-size:13px; color:#006887; line-height:18px; margin-top:16px; border-top:1px solid #eeeeee; background:url(../images/datearr.png) right 15px no-repeat; padding-top:10px;}
.NewsRight li:hover .box{ border:1px solid #006887;}
.NewsRight li:hover .ti{ color:#006887;}

.HomeAd{ margin-bottom:28px; overflow:hidden; position:relative;}
.HomeAd .flex-control-nav{ text-align:right; bottom:0px; line-height:20px; z-index:10;}
.HomeAd .flex-control-nav li{ margin:0 8px 0 0;}
.HomeAd .flex-control-nav li a{ opacity:1; width:8px; height:8px; background:#fff; border-radius:50%; text-indent:999em;}
.HomeAd .flex-control-nav li a.flex-active{opacity:1; background:#067dec;}

.HomeWork{ border:1px solid #e5e5e5; width:73.5%; float:left; height:361px; margin-bottom:42px;}
.HomeWork .tithead{ background:#f1f1f1;border-bottom:1px solid #e5e5e5; color:#006887; font-size:20px; font-weight:bold; padding:0 29px; height:46px; line-height:46px;}
.HomeWork .tithead a.more{ color:#f0a20c; font-weight:normal; font-size:14px; float:right;}
.HomeWork .tithead a.more:hover{ color:#cb8600;}
.HomeWork .list{ margin:16px 30px 0;}
.HomeWork .list .li{ font-size:14px; height:34px; line-height:34px; padding:0 85px 0 13px; background:url(../images/dot3.gif) 0px center no-repeat; position:relative;}
.HomeWork .list .li .date{ color:#aeaeae; font-size:14px; position:absolute; right:0; top:0;}
.HomeWork .list .top{ height:123px; padding-left:170px; line-height:20px; position:relative; color:#888888; font-size:14px;}
.HomeWork .list .top .img{ position:absolute; left:0; top:0;}
.HomeWork .list .top .img img{ width:154px; height:106px;}
.HomeWork .list .top .tit{ font-weight:bold; line-height:36px; margin-bottom:2px; font-size:18px;}
.HomeWork .list .top .p{-webkit-line-clamp: 2; height:40px; margin-bottom:7px; color:#888888;}

.HomeContact{ width:24.5%; text-align:center; float:right; height:363px; background:#f5f5f5 url(../images/contacbg.jpg) center bottom no-repeat;}
.HomeContact .box{ padding:0 26px;}
.HomeContact .tel{ line-height:35px; color:#3b3b3b; font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; padding-bottom:15px; border-bottom:1px solid #cecece;}
.HomeContact .tel span{ display:block; line-height:53px; color:#f0a20c; font-size:24px;}
.HomeContact .tel a{color:#3b3b3b;}
.HomeContact .add{border-bottom:1px solid #cecece; padding:5px 0 23px; font-size:18px; line-height:35px;}
.HomeContact .btn{ padding-top:27px;}
.HomeContact .btn a{ line-height:44px; display:inline-block; width:122px; color:#fff; font-size:16px;}
.HomeContact .btn a.road{ background:#1f64ba; float:left;}.HomeContact .btn a:hover.road{ background:#004498;}
.HomeContact .btn a.msg{ background:#ed7e27; float:right;}.HomeContact .btn a:hover.msg{ background:#ca5900;}
.HomeContact .btn img{ margin-right:7px; display:inline-block; vertical-align:middle;}
.HomeContact .tithead{ background:#f1f1f1;border-bottom:1px solid #e5e5e5; color:#006887; font-size:20px; font-weight:bold; padding:0 29px; height:46px; line-height:46px;text-align:left;}
.HomeContact .tithead a.more{ color:#f0a20c; font-weight:normal; font-size:14px; float:right;}
.HomeContact .tithead a.more:hover{ color:#cb8600;}
@media ( max-width:998px){
.HomeTop{padding:10px 20px 10px 38px; margin-bottom:12px;}
.HomeTop .ico{ width:35px;}
.HomeTop .tit{ line-height:22px;font-size:18px;}
.HomeTit{ margin-bottom:12px; padding:0 10px;}
.HomeTit h2{ font-size:18px;}
.HomeTit a.more{ font-size:14px;}
.NewsFocus .ti{ font-size:14px; line-height:35px;}
.NewsFocus .flex-control-nav{bottom:-1px;}
.NewsRight .box{ margin:0 0 10px 10px; padding:10px 10px 0;}
.NewsRight .ti{ font-size:15px; line-height:24px; height:48px;}
.NewsRight ul{ margin-left:-10px;}
.NewsFocus .imgbox { padding-top:353px;}
.HomeContact .box{ padding: 0 10px;}
.HomeContact .tel{ font-size:16px; line-height:24px;}
.HomeContact .tel span{ font-size:18px; line-height:24px; padding-top:15px;}
.HomeContact .add{ font-size:15px; line-height:24px; padding-bottom:5px;}
.HomeContact .btn a{ font-size:12px; width:80px;}
.HomeContact .btn img{ width:18px; margin-right:5px;}
.HomeContact { height:320px;}
.HomeWork { height:320px; margin-bottom:20px;}
.HomeWork .list{ margin:15px 15px 0;}
.HomeWork .list .li{ height:28px; line-height:28px;}
.HomeWork .list .li .date{ font-size:12px;}
.HomeWork .list .top .tit{ font-size:15px;}
.HomeWork .tithead{ font-size:16px; height:32px; line-height:32px;}
}

@media ( max-width:768px){
.HomeTop .tit { font-size:15px;}
.NewsFocus{ width:auto; float:none; margin-bottom:15px;}
.NewsFocus .imgbox{ height:auto; padding-top:50%;}
.NewsRight { float:none; width:auto;}
.HomeWork{ width:auto; float:none; height:auto;}
.HomeContact {width:auto; float:none; height:auto; margin-bottom:20px;}
.HomeContact .box{ padding: 10px;}
.HomeContact .btn a { width:144px;}
}



/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ margin-top:10px; margin-bottom:20px; height:auto !important; min-height:255px; height:255px; padding:0 20px 50px; background:#fff;}

.ColumnName{ font-size:22px; color:#fff; padding-left:38px; line-height:66px; background: #006887;position:relative;}
.ColumnName img{ display:inline-block; vertical-align:middle; margin-right:13px;}

.MenuList{ float:left; width:24%;}
.MenuList ul{ border:2px solid #ececec; border-top:0; padding:25px 22px 18px; background:#f1f1f1;}
.MenuList li a{ margin-bottom:10px; line-height:48px; display:block; padding-left:18px; background:#fff url(../images/arr1.gif) right 19px center no-repeat; border-left:3px solid #fff; color:#666666;}
.MenuList li a:hover,.MenuList li.onli a{ border-left:3px solid #006887; color:#006887; background:#fff url(../images/arr01.gif) right 19px center no-repeat;}
.MenuList li a:hover .arr,.MenuList li.onli a .arr{ display:block;}

.RightBar{ width:72%; float:right;}

.Position{ color:#4c4c4c; line-height:62px; height:62px; margin-bottom:60px; border-bottom:4px solid #f1f1f1;}
.Position h2{ float:left; border-bottom:4px solid #006887; background:url(../images/ico/ico.gif) 6px center no-repeat; padding:0 4px 0 48px; color:#000000; font-size:24px; font-weight:normal;}
.Position .place{ float:right;background:url(../images/ico/home.gif) 0px center no-repeat; padding-left:33px; color:#a9a9a9;}
.Position a{ color:#a9a9a9;}
.Position a:hover,.Position span{ color:#006887;}

.SinglePage{ color:#000000; word-wrap:break-word;word-break:normal;text-align:justify; line-height:36px;}

.SubTit{ background: #f6f6f6 url(../images/lines.gif) 0px center no-repeat; padding-left:15px; line-height:58px; border-bottom:1px solid #ebebeb; color:#067dec; font-size:18px; margin-bottom:37px;}


@media ( max-width:998px){
.SubPage{ padding:0 10px 25px;}
.SinglePage{line-height:24px; font-size:14px;}
.Position{line-height:35px; height:35px; margin-bottom:20px;}
.MenuList ul{padding:10px;}
.MenuList li a{ line-height:48px; padding-right:24px;}
.MenuList li .arr{ right:10px;}
.SubTit{ line-height:35px; font-size:16px; margin-bottom:20px;}
.Position h2{ display:none;}
.Position .place{ padding-left:20px;}
}

@media ( max-width:768px){
.ColumnName{ font-size:16px; line-height:38px; background-size:contain; margin-bottom:10px;}
.ColumnName .arr{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}
.ColumnName .arr i{ position:absolute; right:15px; top:10px; background:url(../images/arr0.png) center center no-repeat; background-size:contain; width:20px; height:20px;transition: all ease 0.3s;}
.ColumnName.on .arr i{dis-moz-transform: translate(0, -3px) rotate(90deg) !important;
	-ms-transform: translate(0, -3px) rotate(90deg) !important;
	-o-transform: translate(0, -3px) rotate(90deg) !important;
	transform: translate(0, -3px) rotate(90deg) !important;}
.MenuList{ float:none; width:auto; padding-bottom:0;}
.MenuList li a{ line-height:32px; font-size:14px;}
.MenuList li .arr{ display:none !important;}
.MenuList ul{ display:none;}
.RightBar{ width:auto; float:none;}
.Position{ padding-bottom:0;}
.Subtit{ line-height:30px;font-size:20px; margin-bottom:10px;}
}
/*栏目页公用样式 end*/


/*单位概况 s*/
.Unitname{ margin-bottom:21px; text-align:center; color:#000000; font-size:36px; line-height:47px; padding-bottom:25px; border-bottom:1px dotted #b9b6b7;}


/*新闻中心 s*/
.NewsList{margin:-20px 0 30px 0;}
.NewsList li{ border-bottom:1px dashed #bcbabb; position:relative; line-height:60px; padding:0 0 18px 116px; height:auto !important; height:60px; min-height:60px; margin-bottom:18px;}
.NewsList li .date{ position:absolute; line-height:20px; width:77px; color:#000000; font-size:14px; padding-right:19px; border-right:1px solid #e6e5e5; height:60px; left:0; top:0; text-align:center;}
.NewsList li .date i{ display:block; line-height:32px; padding-top:8px; font-size:32px;}
.NewsList li .tit{ width:75%; font-size:18px;}
.NewsList li .more{ position:absolute; right:18px; top:0; color:#6e6e6e;}
.NewsList li:hover .more{color:#cc0000;}

.PhotoNews{ margin:0 0 15px -3%;}
.PhotoNews li{ text-align:center; width:30.3333%; float:left; margin:0 0 0 3%; padding-bottom:22px;}
.PhotoNews li .imgbox{ border:10px solid #f2f2f2; padding-top:65%; margin-bottom:14px;}
.PhotoNews li .play{transition: all ease 0.3s; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:rgba(0,0,0,0.3);}
.PhotoNews li .play i{ background:url(../images/play.png) center center no-repeat; width:48px; height:48px; border-radius:50%; position:absolute; background-size:contain; left:50%; top:50%; margin:-22px 0 0 -22px;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom: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:74%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 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:#015293; font-size:16px; padding-right:31px; background:url(../images/ico/back.gif) right center no-repeat;}

@media ( max-width:998px){
.NewsList{margin:0 0 15px 0;}
.NewsList li{ line-height:40px; padding:0 0 10px 65px; height:40px; min-height:40px; margin-bottom:10px;}
.NewsList li .date{line-height:16px; width:55px; padding-right:5px; color:#000000; font-size:12px; height:40px;}
.NewsList li .date i{line-height:22px; padding-top:0px; font-size:18px;}
.NewsList li .tit{ font-size:15px;}
.NewsList li .more{right:10px;}


.PhotoNews li .imgbox{ border:2px solid #f2f2f2; margin-bottom:5px;}
}

@media ( max-width:768px){
.PhotoNews li .play i{width:20px; height:20px; margin:-10px 0 0 -10px;}
	
.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:30px 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;}
}

