@charset "utf-8";
html,body{height:100%;}
body{padding:0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; 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:#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:#015293;}
*: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: 3px;-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:1300px; 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:1300px){
.Contain{margin:0 12px;}
}

@media ( max-width:998px){
body{ padding-top:56px; font-size:14px;line-height:24px;}	
}

/*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; color:#666666;}
.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:#666666;}
.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 .Logotop{ height:135px;}
.Header .Logo{ float:left; padding-top:31px;}

.Header .Search{float:right; padding-top:50px;}
.Header .Searchico{ display:none; width:21px; height:21px; padding:4px 0 0 4px; border-radius:50%; position:absolute; right:38px; top:13px; background:#888;}
.Header .Searchico img{ width:16px; height:16px;}
.Header .searchbox{background:#fff; border:1px solid #d7d7d8; width:372px; position:relative; float:left;}
.Header .searchbox .input{ color:#333;width:90%; height:43px; line-height:43px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #666666;}
.Header .searchbox .btn { position:absolute; right:-1px; top:-1px; width:45px; height:45px; background:#1e7c98;}
.Header .searchbox .btn:hover {background:#0768b6;}
.Header .searchbox .btn img{ width:18px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
.Header .gjbtn{ float:left; margin-left:10px; width:80px;}
.Header .gjbtn a{ display:block; text-align:center; color:#fff; line-height:45px; background:#e87615;}
.Header .gjbtn a:hover{background:#0768b6;}

.MainNav{ height:59px; background:#006887;}
.MainNav li{float:left; width:12.5%; position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#fff; text-align:center; height:59px; line-height:59px; font-size:18px;transition: all ease 0.3s; background:url(../images/navline.gif) right center no-repeat;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:100%; background:#187e9c; 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:59px; text-align:center; left:0px; background:#187e9c; 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:#006887;}

.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:#005bac; 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; background:#fff; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Toper { display:none;}
.Header .Logotop{ height:auto;}
.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:77%;}
.Header .gjbtn{ width:20%; margin-left:2%;}
.Header .Searchico{ display:block;}

.Header .openbtn{ display:block;}

.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:url(../images/footbg.jpg) center top no-repeat; background-size:cover; text-align:center; border-top:4px solid #006887;padding:29px 0; color:#454545; line-height:32px;}
.Footer a{ color:#454545;}.Footer a:hover{ color:#006887;}

.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{border-top:2px solid #006887;padding:15px 0; color:#454545; line-height:20px; font-size:12px;}
.Footer .nav{ margin-bottom:5px;}

.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);}

.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat; margin-bottom:33px;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; height:500px;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 8px;}
.HomeBan .flex-control-nav li a{ opacity:1; width:60px; height:3px; background:rgba(255,255,255,0.2);}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#fff;}
.HomeBan .flex-direction-nav a {width: 46px; height: 46px; border:2px solid #fff; border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background: url(../images/arrleft0.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background: url(../images/arrright0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:2%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:2%;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover {border:2px solid #e87615; background: #e87615 url(../images/arrleft0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-next:hover {border:2px solid #e87615; background: #e87615 url(../images/arrright0.png) center center no-repeat;}

@media ( max-width:1200px){
.HomeBan .flex-direction-nav a {width: 28px; height: 28px;}
.HomeBan .flex-direction-nav .flex-prev { left:10px;}
.HomeBan .flex-direction-nav .flex-next { right:10px;}
}
@media ( max-width:998px){
.HomeBan {margin-bottom:15px;}
.HomeBan .slides li{ height:250px;}
.HomeBan .flex-control-nav{bottom:-5px; z-index:10;}
.HomeBan .flex-control-nav li a{ width:20px; }
}
@media ( max-width:640px){
.HomeBan .slides li{ height:160px;}
}

.HomeTit{ border-bottom:1px solid #2da8cc; height:47px; line-height:47px;}
.HomeTit h2{ float:left; font-size:24px; color:#333333;}
.HomeTit h2 img{ display:inline-block; vertical-align:middle; margin-right:12px;}
.HomeTit a.more{ margin-top:15px; float:right; width:52px; line-height:22px; text-align:center; color:#fff; font-size:12px; border-radius:10px; background:#006887;}
.HomeTit a:hover.more{ color:#ffcc00;}

.HomeTit2{ background:#3d9ab6; height:48px; line-height:48px; padding:0 9px 0 22px; margin-bottom:5px;}
.HomeTit2 h2{ font-weight:normal; float:left; font-size:24px; color:#fff;}
.HomeTit2 h2 img{ display:inline-block; vertical-align:middle; margin-right:12px;}
.HomeTit2 a.more{ margin-top:15px; float:right; width:52px; line-height:22px; text-align:center; color:#fff; font-size:12px; border-radius:10px; background:#0f7d9e;}
.HomeTit2 a:hover.more{ color:#ffcc00;}

.HomeCol{ width:31.6%; float:left; padding-right:2.5%; margin-bottom:35px;}
.HomeCol.fr{padding-right:0; float:right;}
.HomeCol .hd{ padding:6px 0 9px; margin-bottom:-11px; background:url(../images/hdbg.gif) 0px top repeat-x;}
.HomeCol .hd li{ color:#333333; cursor:pointer; line-height:29px; padding:0 15px; float:left; margin-left:13px;}
.HomeCol .hd li.on{ background:#006887; color:#fff;}

.HomeCol .list{ padding-top:9px;}
.HomeCol .list .li{ position:relative; padding-right:50px; height:32px; line-height:32px;}
.HomeCol .list .li .date{ position:absolute; right:0; top:0; color:#b2b2b2;}
.HomeCol .list .li a{ font-size:15px; background:url(../images/dot.gif) 1px center no-repeat; padding-left:11px;}
.HomeCol .list .top{ position:relative; height:102px; padding-left:83px;}
.HomeCol .list .top .date{ position:absolute; text-align:center; left:0; top:0; width:65px; color:#bfbfbf; font-size:16px;}
.HomeCol .list .top .date i{ display:block; color:#333333; font-size:34px; line-height:42px; padding-top:7px;}
.HomeCol .list .top .tit{ line-height:44px; font-size:16px; color:#333333;}
.HomeCol .list .top .p{ line-height:19px; height:38px; color:#888888;-webkit-line-clamp: 2;}

.HomeCol .list2{ padding-top:9px; margin-left:-5%;}
.HomeCol .list2 li{ width:45%; float:left; padding-left:5%; height:32px; line-height:32px;}
.HomeCol .list2 li a{ font-size:15px; background:url(../images/dot.gif) 1px center no-repeat; padding-left:11px;}

.HomeCol .ztbox{ background:#eaeaea; padding:8px 0 8px 0;}
.HomeCol .ztbox li{ margin:0 12px 4px;}
.HomeCol .ztbox li img{ display:block; margin:0px auto;transition: all ease 0.3s; height:60px;}

.HomeCol .service{ margin-left:-14px;}
.HomeCol .service li{ width:50%; float:left;}
.HomeCol .service li a{ display:block; margin:14px 0 0 14px; text-align:center; background:#f4f4f4; padding:21px 0 0 0; height:94px; font-size:16px;transition: all ease 0.3s;}
.HomeCol .service li a img{ display:block; margin:0px auto 13px;}
.HomeCol .service li:hover a{ background:#d8d8d8;}

.HomeCol .nav{ margin:0 0 0 -14px;}
.HomeCol .nav li{ width:50%; float:left;}
.HomeCol .nav li a{ display:block; text-align:center;transition: all ease 0.3s; margin:0 0 14px 14px; color:#fff; font-size:16px; padding-top:90px; height:58px; background-position:center center; background-repeat:no-repeat;}
.HomeCol .nav li.oa a{ background-color:#53b4c9; background-image:url(../images/nav1.jpg);}
.HomeCol .nav li.nb a{ background-color:#53c9b4; background-image:url(../images/nav2.jpg);}
.HomeCol .nav li.video{ clear:both; width:auto; float:none;}
.HomeCol .nav li.video a{font-size:22px; text-align:left; padding:0 0 0 211px; height:140px; line-height:140px; background:#e1ad5a; background-image:url(../images/nav3.jpg);}

.HomeStyle{ margin-top:22px; height:205px; overflow:hidden;}
.HomeStyle li{ float:left; margin-right:20px; position:relative; width:310px;}
.HomeStyle li .tit{ z-index:2; text-align:center; position:absolute; left:0; bottom:0; width:100%; background:url(../images/f_h_30.png); line-height:40px; color:#fff;}
.HomeStyle li .imgbox{ height:205px;}

.NewsFocus{ margin-top:15px; padding:14px; background:#006887;}
#bigimg { margin-bottom:10px;}
#bigimg .slides li{ position:relative;}
#bigimg .imgbox{ height:258px;}
#bigimg .tit{ position:absolute; left:0; bottom:0; text-indent:1em; width:100%; z-index:2; line-height:30px; background:url(../images/f_h_30.png); color:#fff;}
#smallimg .flex-viewport{ margin-left:-10px;}
#smallimg .imgbox{ height:60px; margin-left:10px; cursor:pointer;}
#smallimg .flex-direction-nav{ display:none;}

.HomeLink{ margin:37px 0 47px; padding-left:149px; position:relative;}
.HomeLink .thead{ font-size:12px; position:absolute; color:#fff; left:0; top:0; width:142px; padding-right:7px; line-height:34px; background:url(../images/linkbg.gif); text-align:center;}
.HomeLink li{ float:left; width:16.6666%;}
.HomeLink li .select{ margin-left:12px;}
.HomeLink li select{ width:100%; border:1px solid #bcbcbc; height:30px; color:#666666;}

@media ( max-width:1100px){
.HomeCol .hd li{ padding:0 5px;}
}
@media ( max-width:880px){
.HomeTit{height:35px; line-height:35px;}
.HomeTit h2{font-size:17px;}
.HomeTit h2 img{ width:17px;}
.HomeTit a.more{ margin-top:5px;}

.HomeTit2{height:35px; line-height:35px; padding:0 5px 0 10px;}
.HomeTit2 h2{font-size:17px;}
.HomeTit2 h2 img{ width:17px;}
.HomeTit2 a.more{ margin-top:5px;}

.HomeCol{ clear:both; width:auto; float:none !important; padding-right:0; margin-bottom:20px;}
.NewsFocus{ padding:10px;}
#bigimg .imgbox{ height:auto; padding-top:50%;}
.HomeCol .list .top{padding-left:60px;}
.HomeCol .list .top .date{width:60px; font-size:12px;}
.HomeCol .list .top .date i{font-size:20px; line-height:35px;}
.HomeCol .list .li{height:28px; line-height:28px;}
.HomeCol .list .li a{ font-size:14px;}
.HomeCol .ztbox li img{  height:auto;}

.HomeCol .service li a{ padding:10px 0 0 0; height:84px; font-size:14px;}

.HomeStyle{height:150px;}
.HomeStyle li{margin-right:12px; width:200px;}
.HomeStyle li .tit{ line-height:30px;}
.HomeStyle li .imgbox{ height:150px;}

.HomeLink{ margin:20px 0 20px; padding-left:0px;}
.HomeLink .thead{ position:static; margin-bottom:8px;}
.HomeLink ul{ margin-left:-12px;}
}
@media ( max-width:768px){
.HomeLink li{ width:33.333%; margin-bottom:12px;}
}
@media ( max-width:480px){
.HomeLink li{ width:50%;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-bottom:50px;}
.SubBan{height:300px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:16px;}

.ColumnName{ font-size:24px; color:#fff; margin-bottom:18px; line-height:80px; background: #006887; text-align:center; position:relative;}
.MenuList{ float:left; width:19%; padding-bottom:45px;}
.MenuList li a{ margin-top:1px; line-height:55px; display:block; text-align:center; font-size:16px; background:#ebebeb;position:relative; color:#333333;}
.MenuList li .arr{ background:#006887; width:4px; height:100%; position:absolute; left:0; top:0; opacity:0;}
.MenuList li a:hover,.MenuList li.onli a{ color:#006887; font-weight:bold;}
.MenuList li a:hover .arr,.MenuList li.onli a .arr{ opacity:1;}

.RightBar{ width:76%; float:right;}

.Position{ border-bottom:1px solid #e6e6e6; color:#303030; line-height:60px; padding-top:18px; text-align:right; margin-bottom:30px;}
.Position a{ color:#303030;}
.Position a:hover,.Position span{ color:#187e9c;}
.Position h3{ float:left; color:#006887; font-size:20px; border-bottom:2px solid #006887;}

.SinglePage{ color:#555555; font-size:15px; word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px;}
.SinglePage img{width:100%;max-width:1200px;}

.Subtit{ line-height:40px; margin-bottom:20px; font-size:36px; color:#015293; font-family:"方正小标宋简体"; text-align:center;}
.Subtit.tl{ text-align:left;}


@media ( max-width:998px){
.SubBan{height:100px;}
.SubPage{padding-bottom:30px;}
.SinglePage{line-height:24px; font-size:14px;}
}

@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; font-size:12px; line-height:35px; padding-top:0;}
.Position h3{font-size:16px;}
.Subtit{ line-height:30px;font-size:20px; margin-bottom:10px;}
}
/*栏目页公用样式 end*/


/*单位概况 s*/
.Abouttit{ line-height:42px; height:42px; background:#f3f3f3; margin:28px 0 12px;}
.Abouttit span{ text-align:center; display:inline-block; color:#fff; width:170px; background:#187e9c;}
.Abouttit span img{ display:inline-block; vertical-align:middle; margin-right:10px;}

.MemberList{ margin:0 0 0 -16px;}
.MemberList li{ width:33.3333%; float:left; line-height:58px; font-size:16px;}
.MemberList li a{ display:block; border-radius:5px; padding:0 52px 0 26px; margin:16px 0 0 16px; color:#484848; border:1px solid #f0f0f0; background:#f5f5f5; position:relative;transition: all ease 0.3s;}
.MemberList li a:hover{ color:#fff; background:#187e9c; border:1px solid #187e9c;}
.MemberList li .arr{ position:absolute; right:16px; top:16px; width:24px; line-height:24px; text-align:center; font-family:"宋体"; border:1px solid #d7d7d7; color:#b8b8b8; border-radius:50%;}
.MemberList li:hover a{ box-shadow:0 0 15px #c3dbe3;}
.MemberList li:hover .arr{color:#fff; background:#006887; border:1px solid #006887;}

.Hornor{ margin:0 0 18px -2%;}
.Hornor li{ text-align:center; width:31.333%; float:left; margin:0 0 2% 2%;}
.Hornor li .box{ border:1px solid #e3e3e3; padding:12px 12px 0;transition: all ease 0.3s;}
.Hornor li .imgbox{ padding-top:75%;}
.Hornor li .imgbox span{ background-size:contain;}
.Hornor li .tit{ line-height:46px; color:#4a4a4a;}
.Hornor li:hover .box{ border:1px solid #006887;}
.Hornor li:hover .tit{ color:#006887;}

.AboutInfo{ width:69%; float:left; line-height:25px;}
.Imgright{ width:29%; float:right; text-align:right;}

@media ( max-width:768px){
.MemberList li{ width:50%;}
.Hornor li .box{padding:5px 5px 0;}
.Hornor li .tit{ line-height:30px; font-size:12px;}
}
@media ( max-width:640px){
.MemberList li{ width:auto; float:none; line-height:40px; font-size:14px;}
.MemberList li .arr{ top:8px;}
.AboutInfo{ width:auto; float:none; line-height:24px;}
.Imgright{ width:auto; float:none; text-align:center;}
}



/*新闻中心 s*/
.NewsList{margin:0 0 30px 0;}
.NewsList li{ font-size:16px; height:50px; line-height:50px; background:url(../images/linebg2.gif) 0px bottom repeat-x; position:relative; padding-right:92px;}
.NewsList li .tit{ background:url(../images/dot2.gif) 0px center no-repeat; padding-left:14px; font-size:16px;}
.NewsList li .date{ position:absolute; right:0; top:0; color:#999999;}
.NewsList li:hover .tit{ background:url(../images/dot02.gif) 0px center no-repeat; color:#006887;}

.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:49.5%; 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;}

.VideoList{ margin:0 0 20px -2%;}
.VideoList li{ width:31.3333%; float:left; margin:0 0 2% 2%; text-align:center;transition: all ease 0.3s;}
.VideoList 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);}
.VideoList 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;}
.VideoList li .imgbox{ padding-top:68%; margin-bottom:6px; border:1px solid #e3edf4;}
.VideoList li .tit{ font-size:16px; background:#edf2f6; line-height:40px; color:#333333;}
.VideoList li:hover .tit{ color:#006887;}

@media ( max-width:998px){
.NewsList li{ padding-right:85px;height:30px; line-height:30px;}
.NewsList li .tit{font-size:14px;}
.NewsList li .date{ font-size:12px;}

.VideoList li .tit{ font-size:14px; line-height:40px;}
}

@media ( max-width:768px){
.VideoList li .play i{width:30px; height:30px; margin:-15px 0 0 -15px;}

.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;}

}