@import url('base.css');
@import url('bootstrap.css');
@import url('layout.css');
@import url('fonticons.css');
/*============================================================================
 01首页
 02关于市政
 03新闻资讯
 07人力资源
 08联系我们
============================================================================*/
/*---------------------------------------------global--------------------------------------------------*/
/*-------------head-----------*/
.navbar { border-width: 0px; }
.navbar-default { background-color: #fff; border-color: transparent; box-shadow: 0px 0px 2px #000; position: relative; z-index: 77; }
.navbar-brand { padding: 0px 15px; height:60px; }
.navbar-toggle { margin-top: 14px; }
.nav { display: none; }
.navbar-collapse { padding: 0px; }
.search { display: block; float: right; }
.pc-nav { position: absolute; width: 100%; height: 50px; background: url(../images/fade-bg01.png) repeat; background: rgba(255, 255, 255, 0.9); top: 60px; left: 0px; z-index: 66; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }
.pc-nav { display: block; clear: both; }
.pc-nav > ul { display: block; width: 1000px; margin: 0 auto; height:50px; position:relative; }
.pc-nav > ul > li { display: block; float: left; position: relative; width: 140px; z-index: 666; }
.pc-nav > ul > li > a { color: #333; display: block; height: 50px; line-height: 50px; text-align: center; font-size: 14px; }
.pc-nav > ul > li:hover ul { display:block; }
.pc-nav > ul > li > ul { position: absolute; display: none; left: 0px; top: 50px; padding: 10px 15px; background: url(../images/fade-bg01.png) repeat; background: rgba(255, 255, 255, 0.7); box-shadow:0px 2px 2px rgba(153, 153, 153, 0.7); border-radius: 0px 0px 5px 5px; width:400px; }
.pc-nav > ul > li.block { position:absolute; width:140px; top:47px; height:3px; background:#406ea9; z-index:1; }
.pc-nav > ul li:nth-child(1) > ul {
width: 460px;
}
.pc-nav > ul li:nth-child(2) > ul {
width: 290px;
}
.pc-nav > ul li:nth-child(3) > ul {
width: 460px;
}
.pc-nav > ul li:nth-child(4) > ul {
width: 260px;
}
.pc-nav > ul li:nth-child(5) > ul {
width: 310px;
}
.pc-nav > ul li:nth-child(6) > ul {
width: 380px;
left: auto;
right: 0px;
}
.pc-nav > ul li:nth-child(7) > ul {
width: 220px;
left: auto;
right: 0px;
}
.pc-nav ul ul li a img { margin-right: 5px; }
.pc-nav ul ul { padding:0px; padding-top: 6px; }
.pc-nav ul ul li { display:inline-block; padding:0px 15px; float:left; line-height:30px; overflow: hidden; }
.pc-nav ul ul li > a { display:block; text-align:center; height:30px; line-height:30px; }
.pc-nav ul ul li > a:hover { }
.pc-nav > li:hover ul { display: block; }
@media (max-width:991px) {
.pc-nav {
display: none;
box-shadow: none;
}
.nav {
display: block;
}
.navbar-brand {
height: 60px;
padding: 5px 15px;
}
.navbar-default {
background-color: #FFF;
background-image: none;
border-color: #fff;
box-shadow: 0px 0px 2px #666;
}
.navbar-collapse {
padding: 0px 15px;
}
.navbar {
border-width: 0px 0px 1px 0px;
}
}
 @media (min-width:992px) {
}
.search { display: block; float: right; width: 250px; margin-top: 17px; }
.search div { display: block; float: left; overflow: hidden; width: 200px; height: 26px; border: 1px solid #DDD; border-radius: 13px; }
.search div input[type=button] { display: block; float: right; width: 30px; height: 24px; border: none; background: url(../images/ico-search.png) center center no-repeat; text-indent:-99999px; }
.search div input[type=submit] { display: block; float: right; width: 30px; height: 24px; border: none; background: url(../images/ico-search.png) center center no-repeat; text-indent:-99999px; }
.search div input[type=text] { display: block; float: left; width: 165px; border: none; height: 24px; line-height: 18px; color: #bbb; padding: 3px 5px 3px 8px; background: url(../images/ico-line.jpg) right center no-repeat; }
.search i { color: #5b5b5b; float: left; display: inline-block; height: 24px; line-height: 24px; padding-right: 8px; }
.search a { display: inline-block; padding: 0 8px; float: left; }
.search a img { height: 26px; }
.search-m { padding: 5px 15px 10px; height: 45px; }
.search-m input { float: left; }
.search-m input[type=text] { width: 85%; border: 1px solid #DDD; height: 30px; line-height: 28px; padding: 0px 5px; }
.search-m input[type=button] { width: 15%; text-align: center; border: solid #DDD; border-width: 1px 1px 1px 0px; background: #f7f7f7; color: #bbb; height: 30px; }
.search-m input[type=submit] { width: 15%; text-align: center; border: solid #DDD; border-width: 1px 1px 1px 0px; background: #f7f7f7; color: #bbb; height: 30px; }
@media (max-width:991px) {
.search {
margin: 0px;
display: none;
}
}
/*-------------footer-----------*/
#footer { background: #406ea9; }
.footer { padding: 15px 30px; }
.footer p { text-align: right; color: #FFF; margin:0px; }
.footer p i { font-family: Arial, Helvetica, sans-serif; padding: 0px 2px; }
.footer div { text-align: left; color: #FFF; padding: 0px; }
.footer div a { padding: 0px 6px; display: inline-block; color: #FFF; }
.footer .beian-icon:before { content:''; display:block; float:left; width:20px; height:20px; background:url(../images/icon-beian.png) center center no-repeat; }
@media (max-width:991px) {
.footer div {
text-align: center;
}
.footer p {
text-align: center;
}
}
.goTop { position: fixed; z-index: 999; width: 50px; height: 50px; right: 10px; bottom: 10px; background: url(../images/gotop.png) no-repeat; cursor: pointer; }
/*---------------------------------------------01首页---------------------------------------------------*/

/*-----------------------------banner slide-----------------------------*/
.banner { display: block; padding-bottom: 30%; position: relative; overflow: hidden; background: #FFF;}
.banner .slides { position: absolute; width: 100%; height: 100%; margin: 0px; }
.banner .slides img { width: 100%; }
.banner .banner-page { position: absolute; bottom: 20px; left: 50%; width: 330px; z-index: 999; margin: 0px; margin-left: -165px; overflow: hidden; padding:3px 0px; }
.banner .banner-page li { display: block; float: left; width: 40px; margin:0px 3px; height: 3px; background:#fff; cursor: pointer; box-shadow:0px 0px 3px #26679f; }
.banner .banner-page li.flex-active { background:#26679f; }
.banner .banner-page li a { display: block; overflow: hidden; height: 20px; }
.banner .flex-direction-nav .flex-prev, .banner .flex-direction-nav .flex-next { position: absolute; z-index: 666; top: 50%; margin-top: -40px; left: 10%; display: block; height: 80px; /*background: url(../images/prevnext.png) no-repeat;*/ display: block; height: 80px; width: 35px; text-indent: -9999px; overflow: hidden; }
.banner .flex-direction-nav .flex-next { left: auto; right: 10%; background-position: -35px 0px; }
@media (max-width:991px) {
.banner .flex-direction-nav .flex-prev, .banner .flex-direction-nav .flex-next {
left: 15px;
margin-top: -20px;
width: 17px;
height: 40px;
background-size: auto 40px;
}
.banner .flex-direction-nav .flex-next {
left: auto;
right: 15px;
background-position: -17px 0px;
}
}
@media (max-width:500px) {
.banner .banner-page {
display:none;
}
}
.channel-banner { display: block; overflow: hidden; }
.channel-banner img { width: 100%; }
/*-----------------------------index-main-----------------------------*/
.index-main { background: #FFF; display: block; overflow: hidden; margin:20px 0px; border:1px solid #e8e8e8; }
.iproduct .ititle { background:url(../images/title-bg.png) 110px 24px no-repeat; }
.iproduct { display:block; overflow:hidden; border-bottom:1px solid #e8e8e8; }
.iproduct ul { margin:0px -15px; }
.iproduct li { width:20%; float:left; padding:10px 20px 20px; }
.iproduct li img { width:60%; max-width:150px; margin:0 auto; display:block; }
.iproduct li h3 { color:#000; font-size:18px; text-align:center; margin:0px; padding:15px 0px 10px; }
.iproduct li em { text-align:center; display:block; font-size:12px; color:#9f9f9f; line-height:18px; }
@media (max-width:580px) {
 .iproduct li {
width:100%;
padding:10px 10px;
}
.iproduct li img {
width:70px;
float:left;
}
.iproduct li em {
margin-left:80px;
text-align:left;
}
.iproduct li h3 {
margin-left:80px;
text-align:left;
}
}
.iproduct dl { display:block; overflow:hidden; margin-bottom:25px; padding-top:25px;}
.iproduct dl dt { display:block; float:left; width:80px; height:90px; padding-top:5px; }
.iproduct dl dt img { width:100%; }
.iproduct dl dd { margin-left:90px; }
.iproduct dl dd em { display:block; overflow:hidden; height:28px; line-height:28px; margin-bottom:5px; color:#333; }
.iproduct dl dd em:after { content: ''; display: inline-block; border: solid #e5e5e5; border-width: 1px 1px 0px 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 8px; height: 8px; position:relative; top:-1px; }
.iproduct dl dd a { display:inline-block; padding:1px 5px; font-size:14px; margin-right:5px; margin-bottom:5px; background:#f5f5f5; color:#666; border-radius:5px; }
.iproduct dl dd a:hover { background:#fbab39; color:#FFF; }
.iproduct .col-sm-3 { padding:0px;}
@media (min-width:768px){
.iproduct .col-sm-3 { padding:0px 5px;}
.iproduct dl {margin-bottom:15px; padding-top:15px;}
}

.ititle { display:block; padding:10px 0px 0px; overflow:hidden; color:#004c95; margin:0px; height:50px; line-height:40px; font-size:18px; font-weight:normal; }
.ititle a { float:right; font-weight:bold; font-size:20px; padding:5px; line-height:30px; cursor:pointer; }
.index-main .col-md-4 { height:auto; padding:0px; }
.inews { padding:0px 15px; display:block; overflow:hidden; }
.inews li { display:block; overflow:hidden; border-bottom:1px dashed #e8e8e8; padding:15px 0px; }
.inews li dt { display:block; float:left; width:90px; height:90px; overflow:hidden; }
.inews li dt img { height:90px; }
.inews li dd { margin-left:105px; }
.inews li dd span { font-size:12px; color:#666; }
.inews li dd h6 { display:block; height:40px; margin:5px 0px; line-height:20px; color:#333; overflow:hidden; }
.inews li dd a { float:right; font-size:12px; color:#406ea9; }
.inews li dd a:hover { text-decoration:underline; }
.inews li:last-child { border:none; }
.mid { border:solid #e8e8e8; border-width:0px 1px; }
.iabout { display:block; overflow:hidden; border-bottom:1px solid #e8e8e8; height:200px; padding:0px 15px 0px; }
.iabout p { line-height:26px; padding-top:6px; height:130px; overflow:hidden; display:block; }
.iabout a { color:#406ea9; }
.iabout p a:hover { text-decoration:underline; }
.iinfo { background:url(../images/ico-book.png) right bottom no-repeat; }
.iinfo ul { padding-top:6px; }
.iinfo ul li { display:block; height:26px; line-height:26px; padding-left:12px; overflow:hidden; background:url(../images/dot.png) -3px 5px no-repeat; }
.iinfo ul li:hover { background:url(../images/dot-hover.png) -3px 5px no-repeat; }
.iinfo ul li a span { padding-left:10px; color:#999; font-size:12px; }
.video img { width:100%; }
.inetwork { padding:0px 15px; border-top:1px solid #e8e8e8; }
.inetwork ul { padding-top:20px; margin:0px -15px; }
.inetwork li { display:block; float:left; width:33.333%; padding:0px 15px; }
.inetwork li img { display:block; max-width:100%; margin:0 auto; }
.inetwork li em { display:block; text-align:center; color:#666; }
.inetwork li i { font-size:12px; color:#aaa; text-align:center; display:block; }
.inetwork li a { display:block; overflow: hidden; }
.inetwork li a:before { content:''; display:block; padding-bottom:100%; background: center center no-repeat; background-size:auto 100%; }
.inetwork li:nth-child(1) a:before { background-image:url(../images/ibtn01.png);}
.inetwork li:nth-child(2) a:before { background-image:url(../images/ibtn02.png);}
.inetwork li:nth-child(3) a:before { background-image:url(../images/ibtn03.png);}
.inetwork li:nth-child(1) i:before { content:'WATER'; }
.inetwork li:nth-child(2) i:before { content:'GAS'; }
.inetwork li:nth-child(3) i:before { content:'BICYCLE'; }
.inetwork li a:hover em { color:#406ea9; }
@media (max-width:991px) {
.mid {
border:none;
}
.index-main .col-md-4, .iabout, .iabout p {
height:auto;
}
}


/*2017410 edit*/
.inews { height: 439px;}
.video { height: 240px; background: #eee;}
.inetwork { height: 225px;}
.inews-hy { border-top: 1px solid #e8e8e8; height: 225px;}

.iinfo { display:block; overflow:hidden; padding:0px 15px 0px; height: 225px; border-top:1px solid #E8E8E8 !important; border-bottom: none !important;}
.newszx { height: 439px; padding:0px 15px 0px;}
.newszx ul { padding-top:6px; }
.newszx ul li { display:block; height:30px; line-height:30px; padding-left:12px; overflow:hidden; background:url(../images/dot.png) -3px 8px no-repeat; }
.newszx ul li a { display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newszx ul li:hover { background:url(../images/dot-hover.png) -3px 8px no-repeat; }
.newszx ul li a span { padding-left:5px; color:#999; font-size:12px; float:right; }
.friendlink { border-top: 1px solid #E8E8E8; background: #FFF; display: block; overflow: hidden; padding: 15px 0px;}
.friendlink h3 { text-align: center; color: #004c95; font-size: 16px;}
.friendlink ul { text-align: center; display: block; overflow: hidden; padding: 15px 0px;}
.friendlink ul li { width: 33%; display: inline-block;}
.friendlink ul li a { display: block; overflow: hidden; text-align: center; height: 24px; line-height: 24px;}
@media (max-width:991px) {
.video { height: auto;}
.friendlink ul li { width:45% }
}
@media (max-width:650px) {
.friendlink ul li { width:100% }
}
/*-----------------------------channel-main-----------------------------*/
.channel-banner { position:relative; display:block; overflow:hidden; padding-bottom:20%; }
.channel-banner img { width:100%; position:absolute; left:0px; top:0px; }
.menu-title { display: block; background: #fff; padding: 0px 10px 15px; border-bottom: 2px solid #406ea9; }
.menu-title h2 { color: #406ea9; font-size: 20px; font-weight: normal; margin-bottom: 0px; }
.menu-title em { color: #888; font-size:12px; }
.channel-box { background: #fff; display: block; overflow: hidden; margin: 20px 0px 30px; }
.channel-box .col-sm-9 { padding: 0px 30px 0px 30px; border-left: 1px solid #f0f0f0; min-height: 650px; }
.menu { padding: 10px 0px 15px; display: block; overflow: hidden; }
.menu li { display: block; padding: 5px 0px; line-height: 30px; text-align: center; border-bottom: 1px solid #e8e8e8; }
.menu li ul { display:none;}
.menu li.active ul { display:block;}
.menu > li { cursor:pointer;}
.menu > li > a { font-size: 14px; color: #333; display: block; padding-left: 20px; }
.menu > li.on > a, .menu > li > a:hover { background: url(../images/menu-bg.png) right center no-repeat; box-shadow: 2px 2px 2px #bbb; color: #FFF; }
.menu > li li a { display:block; overflow:hidden; height:30px; line-height:30px; padding-left:30px; position:relative; }
.menu > li li a:hover { background:#f5f9ff; }
.menu > li li a:before { content:''; display:inline-block; height:3px; width:3px; position:relative; top:-4px; background:#666; line-height:30px; margin-right:5px; }
.menu > li li { border-bottom:1px dotted #e8e8e8; }
.menu > li li:last-child { border:none; padding-bottom:0px; }
.menu > li li.on a, .menu > li li.on a:hover { color:#406ea9; background:#eaf3ff; }
.menu > li li:hover a:before { background:#406ea9; }
.menu > li li.on a:before, .menu > li li.on:hover a:before { background:#406ea9; }
.site-map { display: block; overflow: hidden; padding: 15px 0px 8px; border-bottom: 1px solid #e8e8e8; color: #787878; line-height: 24px; text-align: right; }
.site-map a.home { }
.site-map a { padding: 0px 5px; color: #787878; line-height: 24px; display: inline-block; height: 24px; font-size: 14px; }
.site-map a:hover { color: #406ea9 }
.site-map em { float: left; font-size: 16px; color: #000; display: block; height: 24px; line-height: 24px; }
.site-map em:before { content: ''; display: inline-block; width: 6px; height: 18px; position: relative; margin-right: 5px; top: 3px; border-radius: 3px; background: #406ea9; }
@media (max-width:450px) {
.site-map {
text-align: left;
}
.site-map em {
float: none;
margin-bottom: 5px;
}
.site-map a {
font-size: 12px;
}
}
.content { display: block; overflow: hidden; padding: 25px 0px; }
.content img { max-width: 100%; }
@media (max-width:991px) {
.channel-box {
margin: 15px 15px;
}
}
@media (max-width:767px) {
.channel-box {
background: #fff;
}
.channel-box .col-sm-9 {
padding: 0px 15px;
}
.menu > li {
padding: 5px 2px;
width: 33.33333333%;
float: left;
overflow: hidden;
border-bottom: none;
}
.menu > li a {
text-align: center;
height: 30px;
line-height: 28px;
font-size: 14px;
padding: 0px;
border: 1px solid #ccc;
}
.menu > li.on > a, .menu > li > a:hover {
background: none;
box-shadow: none;
border: 1px solid #406ea9;
background: #406ea9;
color: #FFF;
}
 .menu > li ul {
display:none;
}
 .channel-box .col-sm-9 {
background: none;
}
}
.page { display: block; overflow: hidden; border-top: 1px solid #ddd; margin-top: 20px; text-align: center; }
.maindl { display: block; overflow: hidden; }
.maindl dt { display: block; float: left; width: 220px; }
.maindl dd { margin-left: 250px; }
@media (max-width:500px) {
.maindl dt {
float: none;
margin: 0 auto;
}
.maindl dd {
clear: both;
margin: 0px;
}
}
/*---------------------------------------------02关于市政---------------------------------------------------*/
.ceo { }
.ceo dt { border: 1px solid #e8e8e8; padding:5px; box-shadow:2px 2px 2px #bbb; }
.ceo dt img { width: 100%; margin-bottom: 6px; }
.ceo dt em, .ceo dt i { display: block; overflow: hidden; height: 24px; line-height: 24px; text-align: center; color: #000; }
.ceo dt i { height: 20px; line-height: 20px; font-size: 12px; }
.ceo dd h3 { color: #406ea9; font-size: 16px; border-bottom: 1px dashed #e8e8e8; display: block; height: 40px; line-height: 40px; margin-top: 0px; }
.ceo dd p { text-indent: 2em; }
.about h3 { color: #406ea9; font-size: 16px; border-bottom: 1px dashed #e8e8e8; display: block; height: 40px; line-height: 40px; margin-top: 0px; }
.about img { float: right; max-width: 100%; }
.about p { color: #888; text-indent: 2em; }
/*---------------------------------------------员工活动---------------------------------------------------*/
.honor { display:block; overflow:hidden; padding:22px 0px; margin:0px -8px }
.honor li { display:block; float:left; width:33.33%; padding:8px; }
.honor li div { padding:2px; display:block; overflow:hidden; border:2px solid #fff; background:#FFF; box-shadow:0px 0px 8px #bbb; -webkit-box-shadow:0px 0px 8px #bbb; -moz-box-shadow:0px 0px 8px #bbb; }
.honor li img { display:block; width:100%; }
.honor li h6 { display:block; height:44px; line-height:20px; margin:0px; padding-top:4px; text-align:center; overflow:hidden; }
.honor li:hover div { border:2px solid #406ea9 }
 @media (max-width:500px) {
.honor li {
width:100%;
}
}
/*---------------------------------------------03新闻资讯---------------------------------------------------*/

.social { }
.social-top { display: block; overflow: hidden; margin: 0px -15px; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; }
.social-top li { display: block; float: left; width: 33.3333%; padding: 0px 15px; }
.social-top li img { width: 100%; display: block; }
.social-top li h3 { display: block; height: 40px; line-height: 20px; overflow: hidden; margin: 5px 0px; font-size: 14px; }
.social-top li em { color: #9f9f9f; display: block; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }
.social-list { }
.social-list li { display: block; height: 41px; padding: 3px 0px; line-height: 34px; overflow: hidden; border-bottom: 1px dotted #e8e8e8; }
.social-list li a { font-size: 14px; color: #444; background: url(../images/dot.png) 0px 10px no-repeat; display: block; overflow: hidden; height: 34px; line-height: 34px; padding-left: 15px; }
.social-list li:hover a { background: #edf0f7 url(../images/dot-hover.png) 0px 10px no-repeat; }
.social-list li a:hover { color: #406ea9 }
.social-list li span { display: block; float: right; color: #999; width: 100px; text-align: center; font-size: 12px; line-height: 34px; height: 34px; }
.social-list li a i { color: #fff; background-color: #f00; font-size: 12px; padding: 1px 4px; border-radius: 4px; margin-left: 4px;}
 @media (max-width:500px) {
.social-top li {
width: 100%;
margin-bottom: 15px;
}
.social-top li h3 {
height: auto;
}
.social-list li span {
display: none;
}
}
.news-slide { display: block; overflow: hidden; position: relative; padding: 15px; background: #f9f9f9; border: 1px solid #e8e8e8; margin-bottom: 15px; }
.news-slide li dl { margin: 0px; }
.news-slide li dl dt { width: 240px; }
.news-slide li dl dd { margin-left: 255px; }
.news-slide li dl h6 { display: block; height: 40px; margin: 0px; overflow:hidden; line-height: 40px; border-bottom: 1px dashed #e8e8e8; margin-bottom: 8px; }
.news-slide li dl h6 a { color: #000; font-weight: bold; }
.news-slide li dl h6 a:hover { color: #406ea9; }
.news-slide li dl p { line-height: 20px; color: #999; height: 80px; overflow: hidden; display: block; }
.news-slide li dl span { font-size: 12px; color: #bbb; }
 @media (max-width:500px) {
.news-slide li dl dt {
width:100%;
}
.news-slide li dl dt img {
width:100%;
}
.news-slide li dl dd {
margin-left:0px;
}
.news-slide li dl h6 {
height:auto;
padding:5px 0px;
line-height:20px;
max-height:40px;
}
}
.news-list { }
.news-list li { border: 1px solid #e8e8e8; margin-bottom: 15px; }
.news-list dl { border: 1px solid #fff; background: #f9f9f9; margin: 0px; padding: 15px; }
.news-list dl dt { width: 160px; }
.news-list dl dd { margin-left: 175px; }
.news-list li dl h6 { display: block; height: 30px; overflow: hidden; margin: 0px; line-height: 30px; border-bottom: 1px dashed #e8e8e8; margin-bottom: 8px; }
.news-list li dl h6 a { color: #000; font-weight: bold; }
.news-list li dl h6 a:hover { color: #406ea9; }
.news-list li dl p { line-height: 20px; color: #999; height: 40px; overflow: hidden; display: block; }
.news-list li dl span { font-size: 12px; color: #bbb; }
.news-list li:hover dl { background: #f3f6f9; }
@media (max-width:500px) {
.news-list dl dt {
width: 100%;
}
.news-list dl dd {
margin-left: 0px;
}
.news-list li dl h6 {
height: auto;
line-height: 20px;
padding: 5px 0px;
}
.news-list dl dd p {
height: auto;
max-height: 80px;
}
}
.news-detail { display: block; overflow: hidden; padding-bottom: 20px; }
.news-detail .news-title { margin: 0px; display: block; overflow: hidden; text-align: center; padding: 40px 0px 5px; font-size: 20px; color: #000; }
.news-detail .news-title-s { margin: 0px; display: block; overflow: hidden; text-align: center; padding:5px 0px 5px; font-size: 14px; color: #333; }

.news-detail .description { border-bottom: 1px dashed #e8e8e8; text-align: center; display: block; height: 40px; line-height: 30px; }
.news-detail .description em { padding: 0px 8px; }
.news-page { display: block; overflow: hidden; border-top: 1px dashed #e8e8e8; padding: 10px 0px; }
.news-page a { height: 24px; line-height: 24px; overflow: hidden; }
/*---------------------------------------------04产业领域---------------------------------------------------*/
.product { display:block; overflow:hidden; border:1px solid #e8e8e8; background:#FFF; padding:1px; margin-bottom:10px; }
.product dt { }
.product dt img { width:100%; }
.product dd h3 { display:block; font-size:16px; color:#406ea9; border-bottom:1px solid #ddd; height:40px; line-height:40px; margin:0px; }
.product p { color:#666; }
.product dd { display:block; overflow:hidden; background:#f3f6f9; padding:5px 15px; }
.box { border-top:1px solid #FFF; padding:5px 0px; }
.product-list { display:block; overflow:hidden; }
.product-list li { display:block; float:left; width:20%; border-right:1px solid #e8e8e8; background:#f9f9f9; padding:15px 10px; }
.product-list li:last-child { border:none; }
.product-list li:hover { background:#81beea; }
.product-list li:hover h3, .product-list li:hover em { color:#FFF; }
.product-list li img { display:block; margin:0px auto; width:60px; }
.product-list li h3 { display:block; height:40px; line-height:30px; text-align:center; margin:0px; padding:5px 0px; }
.product-list li em { font-size:12px; color:#888; text-align:center; display:block; height:36px; line-height:18px; overflow:hidden; }


.product-list dl { display:block; overflow:hidden; margin-bottom:25px; padding-top:25px;}
.product-list dl dt { display:block; float:left; width:80px; height:90px; padding-top:5px; }
.product-list dl dt img { width:100%; }
.product-list dl dd { margin-left:90px; }
.product-list dl dd em { display:block; overflow:hidden; height:80px; line-height:80px; font-size:16px; margin-bottom:5px; color:#333; }
.product-list dl dd em:after { content: ''; display: inline-block; border: solid #e5e5e5; border-width: 1px 1px 0px 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 8px; height: 8px; position:relative; top:-1px }
.product-list a { display:inline-block; padding:1px 5px; font-size:14px; margin-right:5px; margin-bottom:5px; background:#f5f5f5; color:#666; border-radius:5px; }
.product-list a:hover { background:#fbab39; color:#FFF; }
.product-list .col-sm-4 { padding:0px;}

@media (min-width:768px){
.product-list .col-sm-4 { padding:0px 5px;}
.product-list dl {margin-bottom:15px; padding-top:15px;}
}


.pro-info { border-bottom:1px dashed #e8e8e8; display:block; overflow:hidden; }
.pro-info dt { padding:2px; }
.pro-info dt img { width:100%; border:4px solid #fff; box-shadow:0px 0px 2px #999; }
.pro-info dd { padding:10px 0px 20px; ; }
.pro-info dd h3 { display:block; font-size:16px; color:#406ea9; line-height:22px; padding:10px 0px; margin:0px; }
.pro-info dd p { color:#888; }
@media (max-width:500px) {
 .product-list li {
width:100%;
border:none;
border-bottom:1px solid #e8e8e8;
}
 .product-list li em {
height:auto;
}
}
/*-------------------------pagelist---------------------*/
.pagelist { text-align: center; display: block; height: 50px; overflow: hidden; clear: both; padding-top: 20px; }
.pagelist a { display: inline-block; width: 15px; height: 15px; font-size: 12px; margin-right: 2px; line-height: 15px; text-align: center; cursor: pointer; }
.pagelist a:hover { color: #406ea9; }
.pagelist a.active { background: #406ea9; color: #FFF; }
.pagelist a.prev { background: url(../images/pagelist.png) no-repeat; background-position: -15px 0px; }
.pagelist a.prevs { background: url(../images/pagelist.png) no-repeat; background-position: 0px 0px; }
.pagelist a.next { background: url(../images/pagelist.png) no-repeat; background-position: -30px 0px; }
.pagelist a.nexts { background: url(../images/pagelist.png) no-repeat; background-position: -45px 0px; }
.pagelist a.prev:hover { background: url(../images/pagelist-hover.png) no-repeat; background-position: -15px 0px; }
.pagelist a.prevs:hover { background: url(../images/pagelist-hover.png) no-repeat; background-position: 0px 0px; }
.pagelist a.next:hover { background: url(../images/pagelist-hover.png) no-repeat; background-position: -30px 0px; }
.pagelist a.nexts:hover { background: url(../images/pagelist-hover.png) no-repeat; background-position: -45px 0px; }
/**/

/*---------------------------------------------07人力资源---------------------------------------------------*/
.human-r { display: block; overflow: hidden; }
.human-r h3 { display: block; overflow: hidden; line-height: 20px; padding: 15px 0px 10px; margin: 0px; border-bottom: 1px dashed #e8e8e8; color: #406ea9; margin-bottom: 10px; }
.human-r strong { display: block; overflow: hidden; }
.sbtn { display: inline-block; width: 110px; height: 36px; line-height: 36px; text-align: center; color: #FFF; border-radius: 5px; box-shadow: 1px 1px 2px #999; border:none; padding:0px; }
.sbtn:hover { color: #FFF; }
.btn-blue { background: #406ea9; }
.btn-blue:hover, .btn-blue:focus { background: #34619a; }
.btn-gray { background: #999; }
.btn-gray:hover { background: #888; }
.join-list li.th { border: 1px solid #e8e8e8; border-width: 1px 0px; height: 38px; line-height: 36px; margin-bottom: 8px; }
.join-list { border-bottom: 1px solid #e8e8e8; display: block; overflow: hidden; padding-bottom: 10px; }
.join-list li { display: block; height: 36px; line-height: 36px; overflow: hidden; border-bottom:1px dotted #e8e8e8; }
.join-list li:last-child { border-bottom:none; }
.join-list li a { display: block; height: 36px; line-height: 36px; }
.join-list li a:hover { background: #406ea9; }
.join-list li a:hover em, .join-list li a:hover div { color: #FFF; }
.join-list li em { display: block; float: left; height: 30px; width: 16%; line-height: 36px; text-align: center; }
.join-list li div { display: block; float: left; height: 30px; width: 20%; line-height: 36px; text-align: center; }
.job_form li { border-bottom: 1px solid #e8e8e8; height: 36px; line-height: 36px; width: 50%; float: left; overflow: hidden; color: #888; }
.job_form li em { color: #000; display: block; width: 85px; float: left; text-align: right; padding-right: 10px; overflow: hidden; height: 36px; line-height: 36px; }
.job_form h6 { height: 30px; line-height: 34px; overflow: hidden; margin: 0px; color: #000; }
.job_form p { background: #f6f6f6; color: #888; width: 100%; padding: 3px; height: 60px; line-height: 18px; border-radius: 5px; }
.job-detail { background: #f6f6f6; color: #888; width: 100%; padding: 8px; display:block; overflow:hidden; line-height: 20px; border-radius: 5px; }
.job_form .sbtn { margin: 10px 10px 0px 0px; }
@media (max-width:500px) {
.job_form li {
width: 100%;
}
.join-list li em {
display:none;
}
}
.join_head { border-bottom:1px solid #406ea9; height: 31px; overflow: hidden; }
.join_head li { display: block; width:140px; max-width:50%; height: 30px; line-height: 30px; float: left; cursor: pointer; color: #757575; }
.join_head li a { color: #757575; display:block; height:30px; line-height:30px; text-align: center; }
.join_head li.on, .join_head li.on a { color: #fff; background:#406ea9; }
.join_con { padding-top: 10px; }
/*join*/
.join_upload { padding-top:10px; }
.join_upload li { display:block; padding:15px 0px; overflow:hidden; }
.join_upload li select { height:30px; line-height:30px; }
.join_upload li.error { color:#406ea9; }
.join_form { display: block; overflow:hidden; }
.join_form h3 { border-bottom: 1px solid #ddd; height: 25px; line-height: 25px; overflow: hidden; }
.join_form ul { padding-top: 15px; margin:0px -15px; }
.join_form ul li { display: block; float: left; width:33.3333%; height: 65px; padding:0px 15px; }
.join_form ul li em { display: block; height: 28px; line-height: 28px; color:#333; }
.join_form ul li input[type=text] { border: 1px solid #e5e5e5; width:100%; height: 28px; padding:4px 2px; line-height: 20px; }
.join_form ul li.address { width:100%; }
.join_form ul li.address input { width: 100%; }
.join_form ul li.text { width: 100%; height: 180px; }
.join_form ul li.text textarea { width: 100%; height: 120px; padding: 2px; border: 1px solid #e5e5e5; }
.join_form ul li.check { width: 610px; height: 80px; }
.join_form ul li.check label { float: left; display:inline-block; padding-right:15px; height: 31px; overflow: hidden; }
.join_form ul li.check label em { display: inline; float: none; color:#666; padding: 0px; vertical-align: middle; height: 31px; line-height: 30px; }
.join_form ul li.check input { position:relative; top:-2px; vertical-align: middle; }
.join_form ul li input.sbtn { border:none; height:36px; line-height:36px; }
.join_form li select { width: 100%; }
.upload { background: url(../images/upload.jpg) no-repeat; border: none; display: block; width: 105px; height: 20px; cursor: pointer; }
/*---------------------------------------------08联系我们---------------------------------------------------*/
.contact { padding:20px 10px; }
.contact > img { border:4px solid #fff; box-shadow:0px 0px 2px #999; }
.contact > div { display:block; overflow:hidden; padding:10px 0px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; }
.contact h3 { color:#406ea9; font-size:18px; border-bottom:2px solid #406ea9; padding:25px 0px 10px; margin:0px; }
.contact dl dt { width:160px; height:170px; padding:15px 10px; }
.contact dl dd { margin-left:160px; padding-top:5px; }
.contact dl dd p { color:#888; line-height:28px; }
.contact dl dd p strong { color:#000; display:block; float:left; width:90px; text-align:right; padding-right:10px; }
.contact ul li { display:block; overflow:hidden; border-bottom:1px dashed #e8e8e8; padding:15px 0px; }
.contact ul li:last-child { border:none; }
.contact ul li h5 { color:#000; padding:10px 0px; margin:0px; }
.contact ul li p { color:#888; }
.message { margin:0px; }
.message dt { width:200px; }
.message dd { margin-left:220px; }
.message li { display:block; width: 100%; padding:0px 0px 5px; overflow:hidden; }
.message li label { margin:0px; }
.message li label input { position:relative; top:2px; }
.message li label em { line-height: 34px; padding: 0px 10px 0px 3px; }
.message li span { display: block; float: left; width: 90px; text-align:right; padding-right: 10px; height: 35px; line-height: 35px; }
.message li span i { color:#c00007; }
.message li span.error { width:100%; height:18px; line-height:18px; font-size:12px; color:#c00007; text-align:left; padding-left:90px; }
.message li div { margin-left:90px; }
.message li div input { width:100%; height:34px; padding:4px 2px; line-height:26px; border:1px solid #e8e8e8; border-radius:5px; }
.message li.word { height: 114px; border: none; }
.message li.word textarea { width:100%; height:84px; line-height:20px; padding: 2px; border:1px solid #e8e8e8; border-radius:5px; }
.message li.word span.error { padding-left:0px; }
.message li .sbtn { margin-right:6px; }
@media (max-width:991px) {
.message dt {
display:none;
}
.message dd {
margin-left:0px;
}
.contact dl dd {
margin-left:0px;
}
}
@media (max-width:380px) {
 .message li:last-child {
text-align:center;
}
.message li:last-child span {
display:none;
}
.message li:last-child div {
margin:0px;
text-align:center;
}
}
/*---------------------------------------------大事记---------------------------------------------------*/
.history { display:block; overflow:hidden; position:relative; }
.history h5 { display:block; overflow:hidden; margin:0px; height:80px; padding:20px 0px; line-height:40px; background:#FFF; text-align:center; position:relative; z-index:2; font-size:24px; color:#406ea9; text-align:center; }
.history h5 em { display:inline-block; overflow:hidden; width:100px; margin:0 auto; height:40px; line-height:40px; text-align:center; color:#FFF; background:#406ea9; border-radius:5px; position:relative; }
.history h5 em:after { display:inline-block; border:4px solid transparent; border-width:0px 4px 4px 4px; overflow:hidden; margin-left:5px; position:relative; top:-8px; border-bottom-color:#fff; height:4px; width:8px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; content:''; }
.history h5.sup em:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.history ul { display:none; }
.history:before { position:absolute; height:100%; z-index:1; left:50%; width:2px; margin-left:-1px; background:#406ea9; border-radius:1px; content:''; }
.history li { display:block; overflow:hidden; position:relative; }
.history li:before { content:''; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; display:block; border:2px solid #406ea9; background:#FFF; border-radius:50%; height:16px; width:16px; z-index:3; transition:all 0.4s ease; }
.history li:hover:before { background:#406ea9; }
.history li div { width:45%; border:1px solid #e5e5e5; background:#f9f9f9; padding:4px; border-radius:5px; display:block; overflow:hidden; }
.history li:hover div { background:#f3f6f9; }
.history li div img { width:120px; height:120px; float:left; margin-right:10px; }
.history li div h3 { margin:0px; padding:0px 0px; line-height:22px; color:#333; font-weight:bold; }
.history li div p { font-size:12px; color:#888; line-height:20px; }
.history li span { position:absolute; left:50%; top:50%; margin-top:-20px; height:40px; line-height:40px; font-size:18px; color:#406ea9; display:block; width:120px; padding:0px 20px; }
.history li:nth-child(even) div {
float:right;
}
.history li:nth-child(even) span {
margin-left:-120px;
text-align:right;
}
@media (max-width:600px) {
 .history li div img {
display:block;
overflow:hidden;
margin:0px;
margin-bottom:5px;
}
.history li div h3 {
display:inline-block;
line-height:20px;
}
}
/*---------------------------------------------网站地图---------------------------------------------------*/
.sitemap ul li { display:block; width:100%; float:left; padding:5px; }
.sitemap ul li a { font-size:14px; font-weight:bold; color:#406ea9; padding:0px 5px; display:block; height:30px; line-height:30px; }
.sitemap ul li ul { display:block; overflow:hidden; border-top:1px solid #f0f0f0; }
.sitemap ul li ul li { display:block; width:16.66666%; float:left; padding:0px 5px; }
.sitemap ul li ul li a { font-size:12px; font-weight:normal; padding:0px; height:24px; line-height:24px; color:#888; }
.sitemap ul li ul li a:hover { color:#406ea9; }
 @media (max-width:500px) {
 .sitemap ul li ul li {
display:block;
width:33.33333%;
float:left;
padding:0px 5px;
}
}

/*---------------------------------------------招投标---------------------------------------------------*/

.atb-search { display:block; overflow:hidden; border:1px solid #e0e0e0; padding:15px 10px; margin-bottom:15px;}
.atb-search select { height:30px; line-height:30px; border-radius:4px 0px 0px 4px; border:1px solid #e0e0e0;}
.atb-search span { display:block; overflow:hidden; height:30px; line-height:30px; color:#0062a6; border-bottom:1px dotted #e0e0e0; font-weight:700;}
.atb-search ul li { padding:3px 0px; display:block; overflow:hidden;}
.atb-search ul li i { display:block; overflow:hidden;}
.atb-search input { height:30px; line-height:20px; width:100%; padding:4px; border:1px solid #e0e0e0; border-width:1px 1px 1px 1px; border-radius:4px;}
.atb-search input.date { width:100%;border-radius:4px; background:url(../images/icon-date.png) right center no-repeat;border-width:1px;}
.atb-search input.datebtn { background:#406ea9; color:#FFF; width:80px; height:30px; border:none; line-height:30px; color:#FFF; padding:0; border-radius:4px;}
.atb-search input.datebtn:hover { background:#0062a6;}

/*.atb-search .cls { display:none;}
 @media (max-width:1000px) {
.atb-search .cls { display:block; height:10px;}
}
 @media (max-width:420px) {
 .atb-search input { width:100px;}
 .atb-search input.date  { width:105px;}
 .atb-search i { clear:both; display:block; height:24px; line-height:24px; padding-left:53px;}
  .atb-search .date.end { margin-left:53px;}
 }
*/ 
 
 .ztb-detail { display:block; overflow:hidden;}
 .ztb-detail li { display:table; overflow:hidden; clear:both; width:100%; border-bottom:1px dotted #e7e7e7; padding:8px 10px;}
 .ztb-detail li h3 { display:block; overflow:hidden; text-align:center; color:#406ea9; font-size:15px; margin:0; margin-bottom:10px;}
 .ztb-detail li em { display:table-cell; width:25%; line-height:22px; vertical-align:middle; color:#000;}
 .ztb-detail li span { display:table-cell; width:75%; padding-left:25px; line-height:22px; vertical-align:middle;}

/*---------------------------------------------首页漂浮---------------------------------------------------*/
.floatingAd .ad{z-index:1000 !important; background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .closebtn {display:none; position:absolute; right:5px; top:5px; width:16px;height:16px; background:url("../images/close.png") no-repeat;cursor:pointer;}

/*****************************************************************
    JBOX
*****************************************************************/

/* Global */

.jBox-wrapper { text-align: left; }
.jBox-wrapper, .jBox-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.jBox-title, .jBox-content, .jBox-container { position: relative; word-break: break-word; }
.jBox-container { background: #fff; }
.jBox-content { padding: 0px 0px; overflow: auto; -webkit-transition: opacity .15s;
transition: opacity .15s;
}
/* jBox Tooltip */

.jBox-Tooltip .jBox-container, .jBox-Mouse .jBox-container { border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.jBox-Tooltip .jBox-title, .jBox-Mouse .jBox-title { padding: 8px 10px 0; font-weight: bold; }
.jBox-hasTitle.jBox-Tooltip .jBox-content, .jBox-hasTitle.jBox-Mouse .jBox-content { padding-top: 5px; }
/* Pointer */

.jBox-pointer { position: absolute; overflow: hidden; }
.jBox-pointer-top { top: 0; }
.jBox-pointer-bottom { bottom: 0; }
.jBox-pointer-left { left: 0; }
.jBox-pointer-right { right: 0; }
.jBox-pointer-top, .jBox-pointer-bottom { width: 30px; height: 12px; }
.jBox-pointer-left, .jBox-pointer-right { width: 12px; height: 30px; }
.jBox-pointer:after { content: ''; width: 20px; height: 20px; position: absolute; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.jBox-pointer-top:after { left: 5px; top: 6px; box-shadow: -1px -1px 4px rgba(0, 0, 0, .2); }
.jBox-pointer-right:after { top: 5px; right: 6px; box-shadow: 1px -1px 4px rgba(0, 0, 0, .2); }
.jBox-pointer-bottom:after { left: 5px; bottom: 6px; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); }
.jBox-pointer-left:after { top: 5px; left: 6px; box-shadow: -1px 1px 4px rgba(0, 0, 0, .2); }
/* jBox Modal & jBox Confirm */

.jBox-Modal .jBox-container, .jBox-Confirm .jBox-container { border-radius: 3px; box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4); overflow:hidden; }
.jBox-Modal .jBox-title, .jBox-Confirm .jBox-title { border-radius: 3px 3px 0 0; padding: 10px 15px; background: #f4f5f6; border-bottom: 1px solid #ddd; text-shadow: 0 1px 0 #fff; }
.jBox-Modal.jBox-closeButton-title .jBox-title, .jBox-Confirm.jBox-closeButton-title .jBox-title { padding-right: 55px; }
.jBox-Modal.jBox-closeButton-box:before, .jBox-Confirm.jBox-closeButton-box:before { box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4); }
/* jBox Modal */

.jBox-Modal .jBox-content { padding: 0px 0px; }
/* jBox Confirm */

.jBox-Confirm .jBox-content { text-align: center; padding: 45px 35px; }
.jBox-Confirm-footer { border-top: 1px solid #e2e2e2; background: #fafafa; border-radius: 0 0 3px 3px; text-align: center; padding: 10px 0; }
.jBox-Confirm-button { display: inline-block; cursor: pointer; font-size: 15px; line-height: 30px; height: 30px; border-radius: 3px; padding: 0 20px; -webkit-transition: color .2s, background-color .2s;
transition: color .2s, background-color .2s;
}
.jBox-Confirm-button-cancel { text-shadow: 0 1px 1px rgba(255, 255, 255, .6); background: #ddd; color: #999; margin-right: 25px; }
.jBox-Confirm-button-cancel:hover { background: #ccc; color: #666; }
.jBox-Confirm-button-submit { text-shadow: 0 -1px 1px rgba(0, 0, 0, .2); background: #f43443; color: #fff; }
.jBox-Confirm-button-submit:hover { background: #e22635; }
.jBox-Confirm-button-cancel:active, .jBox-Confirm-button-submit:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .26); }
/* jBox Notice */

.jBox-Notice { -webkit-transition: margin .2s;
transition: margin .2s;
}
.jBox-Notice .jBox-container { border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); color: #fff; /*text-shadow: 0 -1px 0 #000;*/ background: #333; background: rgba(64, 110, 169, 0.5); background-image: linear-gradient(to bottom, rgba(64, 110, 169, 0.5), rgba(64, 110, 169, 0.8)); }
.jBox-Notice .jBox-content { border-radius: 3px; padding: 12px 20px; }
.jBox-Notice .jBox-title { padding: 8px 20px 0; font-weight: bold; }
.jBox-hasTitle.jBox-Notice .jBox-content { padding-top: 5px; }
.jBox-Notice-color .jBox-container {/* text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);*/ }
.jBox-Notice-gray .jBox-container { color: #666; /*text-shadow: 0 1px 0 #fff;*/ background: #f4f4f4; background-image: linear-gradient(to bottom, #fafafa, #f0f0f0); }
.jBox-Notice-red .jBox-container { background: #b02222; background-image: linear-gradient(to bottom, #ee2222, #b02222); }
.jBox-Notice-green .jBox-container { background: #70a800; background-image: linear-gradient(to bottom, #95cc2a, #70a800); }
.jBox-Notice-blue .jBox-container { background: #2b91d9; background-image: linear-gradient(to bottom, #5abaff, #2b91d9); }
.jBox-Notice-yellow .jBox-container { color: #744700; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); background: #ffb11f; background-image: linear-gradient(to bottom, #ffd665, #ffb11f); }
/* jBox Image */

.jBox-Image { background: #fff; padding: 8px 8px 45px; border-radius: 5px; }
.jBox-Image .jBox-content { padding: 0; width: 100%; height: 100%; }
.jBox-image-container { border-radius: 5px; background: #fff center center no-repeat; position: absolute; width: 100%; height: 100%; opacity: 0; }
.jBox-image-label { box-sizing: border-box; position: absolute; background: #fff; top: 100%; left: 0; width: 100%; color: #333; margin-top: -35px; padding: 0 90px 5px 10px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 0; }
.jBox-image-label.active { opacity: 1; }
.jBox-image-pointer-next, .jBox-image-pointer-prev { position: absolute; bottom: 0px; width: 22px; height: 45px; background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=); background-size: 11px auto; cursor: pointer; opacity: .6; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .2s;
transition: opacity .2s;
}
.jBox-image-pointer-next:hover, .jBox-image-pointer-prev:hover { opacity: 1; }
.jBox-image-pointer-next { right: 8px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.jBox-image-pointer-prev { right: 30px; }
.jBox-image-open #jBox-overlay { background-color: rgba(0, 0, 0, .86); }
.jBox-Image.jBox-loading .jBox-container:before { left: auto; top: auto; bottom: -33px; right: 55px; margin-top: -9px; margin-left: -9px; }
/* Close button */

.jBox-closeButton { cursor: pointer; position: absolute; }
.jBox-closeButton svg { position: absolute; top: 50%; right: 50%; }
.jBox-closeButton path { -webkit-transition: fill .2s;
transition: fill .2s;
}
.jBox-closeButton path { fill: #aaa; }
.jBox-closeButton:hover path { fill: #888; }
.jBox-closeButton:active path { fill: #666; }
/* Close button in overlay */

#jBox-overlay .jBox-closeButton { top: 0; right: 0; width: 40px; height: 40px; }
#jBox-overlay .jBox-closeButton svg { width: 20px; height: 20px; margin-top: -10px; margin-right: -10px; }
#jBox-overlay .jBox-closeButton path { fill: #d2d4d6; }
#jBox-overlay .jBox-closeButton:hover path { fill: #fff; }
#jBox-overlay .jBox-closeButton:active path { fill: #b2b4b6; }
/* Close button in title */

.jBox-closeButton-title .jBox-closeButton { top: 0; right: 0; bottom: 0; width: 40px; }
.jBox-closeButton-title .jBox-closeButton svg { width: 12px; height: 12px; margin-top: -6px; margin-right: -6px; }
/* Close button in box */

.jBox-closeButton-box .jBox-closeButton { top: -8px; right: -10px; width: 24px; height: 24px; background: #fff; border-radius: 50%; }
.jBox-closeButton-box .jBox-closeButton svg { width: 10px; height: 10px; margin-top: -5px; margin-right: -5px; }
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton { background: #f4f5f6; }
.jBox-closeButton-box:before { content: ''; position: absolute; top: -8px; right: -10px; width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.jBox-pointerPosition-top.jBox-closeButton-box:before { top: 4px; }
.jBox-pointerPosition-right.jBox-closeButton-box:before { right: 2px; }
/* Overlay */

#jBox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background-color: rgba(0, 0, 0, .6); }
/* Block scrolling */

body[class^="jBox-blockScroll-"], body[class*=" jBox-blockScroll-"] {
}
/* Draggable */

.jBox-draggable { cursor: move; }

/* Spinner */

@keyframes jBoxLoading {  to {
transform: rotate(360deg);
}
}
 @-webkit-keyframes jBoxLoading {  to {
-webkit-transform: rotate(360deg);
}
}
.jBox-loading .jBox-content { min-height: 32px; min-width: 38px; opacity: 0; }
.jBox-spinner { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; }
.jBox-spinner:before { content: 'Loading…'; display: block; width: 20px; height: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.jBox-spinner:not(:required):before {
content: '';
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, .3);
border-top-color: rgba(0, 0, 0, .6);
animation: jBoxLoading .6s linear infinite;
-webkit-animation: jBoxLoading .6s linear infinite;
}
/* IE8 fixes */

.jBox-IE8.jBox-Tooltip .jBox-container, .jBox-IE8.jBox-Mouse .jBox-container { border: 1px solid #aaa; }
.jBox-IE8 .jBox-pointer:after { display: none; }
.jBox-IE8 .jBox-pointer { border: 0; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXUgC2tHo52mTTBpnaEATWlaYK6MrhIAaceWpOcsCrYp6FV4H/90zTWjUQ/gSevVQq0ecHqoOxWpYoO7p5O9ku2fnVtp7QAik2rsK3fnpWfjynJWpbw+1BkghurrYDjiCptg/4AxaYhJwBbEwDsiB2NgM5EIirAdKIDFGQSmU1+NaIPjJYt2I25vxT4ABAMhWvtle2YvmAAAAAElFTkSuQmCC); }
.jBox-IE8 .jBox-pointer-top { background-position: center top; }
.jBox-IE8 .jBox-pointer-bottom { background-position: center bottom; }
.jBox-IE8 .jBox-pointer-left { background-position: left center; }
.jBox-IE8 .jBox-pointer-right { background-position: right center; }
.jBox-IE8.jBox-Modal .jBox-container { border: 3px solid #aaa; }
/* No SVG support fixes */

.jBox-nosvg .jBox-closeButton:before { font-family: Verdana, sans-serif; content: 'x'; text-align: center; font-size: 18px; color: #888; }

.fixshow { z-index: 999; position: fixed; bottom: 100px; right: 3px; }
.fixshow img {max-width: 100%;}

@media (max-width:650px) {
.fixshow { z-index: 999; position: fixed; bottom: 100px; right: 3px; }
.fixshow img {max-width: 50%;}
}