/*
Theme Name:Industry
Theme Url:http://www.boke8.net/zbindustry.html
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }
div,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main { margin: 0; padding: 0; }
body { background-color: #fff; font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma; overflow-x: hidden; }
a { text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; }
input { -webkit-appearance: none; border: 1px solid #ddd; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

/*gold*/
.inner { width: 1200px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.thumbnail { position: relative; }
.thumbnail a { display: block; position: relative; padding-bottom: 75%; overflow: hidden; }
.thumbnail img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner img,
.footer .right img,
.mainfigure img { width: 100%; height: auto; display: block; }
.more,
.readmore { clear: both; overflow: hidden; }
.more a { display: block; float: left; border: 1px solid #3c598d; font-size: 0.75em; padding: 2px 20px; color: #222; }
.more a:hover { background-color: #fefefe; }
.banner { margin-bottom: 30px; }
.slidebanner { width: 100%; height: 40px; }
.browser { width: 100%; background-color: #FCEFD2; border-bottom: 1px solid #F4B329; color: #333; font-weight: bold; text-align: center; padding: 8px 10px; font-size: 14px; }

/*topBar*/
#topBar { height: 40px; line-height: 40px; font-size: 0.875em; color: #333; background-color: #f9f9f9; }

/*welcome*/
.welcome { width: 350px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875em; color: #888; }
.social { float: right; font-size: 1.125em; }
.social a { color: #fff; display: inline-block; float: left; height: 30px; width: 30px; margin-top: 5px; margin-left: 10px; text-align: center; line-height: 30px; position: relative; }
.social .weibo { background-color: #e74c3c; }
.social .weixin { background-color: #87bc33; }
.social .qq { background-color: #43abec; }
.social .weixin img { display: none; width: 120px; height: 120px; position: absolute; right: 0; top: 35px; z-index: 9; background-color: #f9f9f9; padding: 2px; border: 1px solid #eee; }

/*header*/
#header { position: relative; clear: both; }

/*logo*/
#logo { float: left; padding: 25px 0; }
#logo a { display: block; width: 400px; height: 67px; text-indent: -9999em; background: url(images/logo.png) no-repeat left center; background-size: contain; }

/*searchForm*/
#searchForm { margin-left: 400px; padding: 34px 0; overflow: hidden; }
#searchForm form { float: right; width: 350px; overflow: hidden; position: relative; }
#searchForm .input { margin-right: 50px; border: 1px solid #ddd; border-radius: 5px 0 0 5px; overflow: hidden; }
#searchForm button { position: absolute; right: 0; top: 0; height: 100%; width: 50px; cursor: pointer; border: none; background-color: #1e3988; color: #fff; border-radius: 0 5px 5px 0; font-size:20px;}
#searchForm .s { width: 92%; padding: 11px 4%; height: 25px; font-size: 16px; line-height: 28px; border: none; }

/*topBtn*/
#topBtn { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); width: 70px; text-align: center; display: none; background-color: rgba(30, 57, 136, 0.8); color: #fff; }
#topBtn span { float: left; display: block; width: 50%; height: 35px; line-height: 33px; cursor: pointer; }

/*tel*/
.tel { float: right; position: relative; font-family: Arial; font-size: 1.5em; color: #e74c3c; }
.tel i.fa { font-size: 0.875em; color: #333; }
.tel i.hotline { font-size: 0.7em; font-style: normal; color: #333; }

/*nav*/
#nav { clear: both; width: 100%; height: 45px; background-color: #1e3988; }
#nav ul { position: relative; }
#nav li { float: left; line-height: 45px; font-size: 0.875em; text-align: center; background: url(images/spr.png) no-repeat right center; width: 10%; }
#nav li:last-child { background: none; }
#nav li a { color: #fff; display: block; transition: background 0.3s ease 0s; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#nav li a:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -10px; border-bottom: 5px solid rgba(188, 188, 188, 0.7); border-left: 5px solid transparent; border-right: 5px solid transparent; opacity: 1; transition: all 0.3s ease 0s; opacity: 0;}
#nav li.current > a,
#nav li.on > a { background-color: #da251e; height: 48px; margin-top: -8px; padding-top: 5px; }
#nav li.current > a:after,
#nav li.on > a:after {opacity: 1;}

#nav li ul { position: absolute; left: 0; top: 45px; background-color: rgba(255, 255, 255, 0.8); border-radius: 0 0 5px 5px; width: 100%; z-index: 9; display: none; }
#nav li li { font-size: 1em; background-image: url(images/spr.jpg); }
#nav li li a { color: #000; }
#nav li li a:hover { margin-top: 0; padding-top: 0; height: 45px; background-color: transparent; }

/*pagenav*/
.pagenav { position: relative; }
.pagenav .banner { margin-bottom: 0; }

/*pagebox*/
.pagenav .inner { position: relative; margin-top: -40px; background-color: rgba(188, 188, 188, 0.9); height: 40px; z-index: 8; overflow: hidden; }

/*breadcrumb*/
.breadcrumb { font-size: 0.75em; color: #fefefe; line-height: 40px; font-family: 'simsun' }
.breadcrumb a { color: #fefefe; }
.breadcrumb i.fa-home { display: inline-block; float: left; width: 40px; text-align: center; height: 40px; font-size: 1.75em; margin-right: 10px; background-color: #1e3988; opacity: 0.9; color: #fff; line-height: 40px; }

/*slides*/
.slides { overflow: hidden; clear: both; }
.load { padding-bottom: 34.21875%; position: relative; }
.load span { font-size: 36px; text-align: center; display: block; width: 100%; position: absolute; left: 0; top: 50%; line-height: 1.125em; transform: translateY(-50%); color: #eee; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 43px; height: 82px; position: absolute; top: 50%; margin-top: -41px; border: none; }
.owl-carousel .owl-nav .owl-prev { background: url(images/carousel-arrow-left.png) no-repeat center center; left: 7%; }
.owl-carousel .owl-nav .owl-next { background: url(images/carousel-arrow-right.png) no-repeat center center; right: 7%; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom: 0px; width: 100%; left: 0; display: none; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor: pointer; background: none; border: none; }
.owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #869791; }

/*productslist*/
.productslist,
.showcase,
.advantage,
.partners,
.information { overflow: hidden; padding: 30px 0; background-color: #fff; }
.leftnav .lefttitle { background-color: #23439f; border-bottom: 3px #6d8de8 solid; color: #fff; padding: 15px 15px 7px; }
.leftnav .lefttitle h3 { font-size: 1em; line-height: 1em; }
.leftnav .lefttitle h3 a { color: #fff; }
.leftnav .lefttitle h4 { font-weight: normal; font-size: 0.75em; }
.leftnav ul { background-color: #efefef; border: 1px solid #ddd; border-top: none; padding: 9px 14px 9.5px; }
.leftnav ul li { font-size: 0.875em; padding: 5px 0; }
.leftnav ul li a { background-color: #23439f; color: #fff; display: block; padding: 5px 10px; }
.leftnav ul li li { font-size: 1em; }
.leftnav ul li ul { background-color: #fff; }
.leftnav ul li li a { background-color: transparent; color: #333; padding: 0; }
.rightbox { overflow: hidden; }
.rightbox ul { overflow: hidden; padding: 1px 0 0 1px; }
.rightbox li { width: 33.333%; float: left; overflow: hidden; margin: -1px 0 0 -1px; }
.rightbox li .box { border: 1px solid #eee; padding: 5px; background-color: #fff; }
.rightbox .pagenavi { padding-top: 25px; }
.rightbox li h2,
.showcase h2,
.caselist h2 { font-size: 0.875em; text-align: center; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rightbox li h2 a,
.showcase h2 a,
.caselist h2 a { color: #555; }

/*album*/
.albumlist { clear: both; background-color: #f5fbfd; padding: 30px 0; }

/*profile*/
.profile { overflow: hidden; position: relative; }
.profile .thumbnail { float: left; width: 250px; height: auto; }
.profile .profile-info { float: right; width: 920px; }
.profile .profile-title,
.widget .wtitle { float: left; border-bottom: 1px solid #3c598d; padding-bottom: 5px; margin-bottom: 10px; }
.profile .profile-title h3,
.widget .wtitle h3 { font-weight: normal; font-size: 1em; color: #333; line-height: 1em; }
.profile .profile-title h4,
.widget .wtitle h4 { font-weight: normal; font-size: 0.75em; color: #555; }
.profile .profile-text { clear: both; margin-bottom: 15px; }
.profile .profile-text p { font-size: 0.875em; color: #555; padding: 5px 0; text-align: justify; }

/*showcase*/
.showcase,
.advantage { position: relative; }
.showcase #showcase { overflow: hidden; padding: 30px 0 40px; }
.showcase .item { padding: 5px; border: 1px solid #ddd; }
.showcase p { font-size: 0.75em; color: #666; height: 48px; overflow: hidden; background-color: #f9f9f9; padding: 0 5px; }
.showcase .owl-dots { display: block; }
.showcase .owl-nav,
.first .owl-nav { display: none; }

/*title*/
.titleline { width: 100%; height: 0; border-top: 1px solid #dedede; position: absolute; left: 0; top: 84px; z-index: 1; }
.title { text-align: center; position: relative; padding-top: 54px; }
.title h3 { font-size: 1.5em; color: #555; width: 280px; border: 1px solid #dedede; border-bottom: none; margin: 0 auto; overflow: hidden; background-color: #fff; padding: 15px 0; position: absolute; left: 50%; top: 0; margin-left: -140px; z-index: 2; font-weight: normal; }
.title h4 { font-weight: normal; color: #888; font-size: 0.875em; font-family: Arial; text-transform: uppercase; }

/*advantage*/
.advantage i.arrow { border-top: 25px solid #f5fbfd; border-left: 25px solid transparent; border-right: 25px solid transparent; position: absolute; left: 50%; top: 0; margin-left: -25px; }
.advantage .ltitle { position: relative; text-align: center; padding-top: 48px; z-index: 2; }
.advantage .ltitle h3 { position: absolute; left: 50%; top: 0; margin-left: -150px; line-height: 1em; color: #555; font-size: 1.75em; background-color: #fff; width: 300px; padding: 10px 0; z-index: 3; font-weight: normal; }
.advantage .ltitle h4 { color: #888; font-weight: normal; font-size: 0.875em; }
.advantage .titleline { top: 55px; background-color: #1e3988; }
.advantage .ltitle .square { position: absolute; left: -20px; top: 22.5px; width: 20px; height: 5px; background-color: #85a1f2; z-index: 2; }
.advantage .ltitle .right { left: auto; right: -20px; }
.advantage .box { overflow: hidden; padding: 15px 0; margin-top: 20px; }
.advantage .box h5 { font-size: 1.5em; line-height: 1.5em; margin-bottom: 15px; color: #1e3988; padding-left: 60px; font-weight: normal; }
.advantage .box .boxtext { font-size: 1em; color: #333; padding-left: 30px; }
.advantage .box p { padding: 10px 0; }
.advantage .left { width: 600px; position: relative; }
.advantage .thumbwrap { float: right; width: 500px; }
.advantage .thumb { border: 1px dashed #ddd; padding: 10px; background-color: #fff; }
.advantage .thumb img { width: 100%; height: auto; display: block; }
.advantage .box.odd { background-color: #f5fbfd; padding: 15px; }
.advantage .box.odd .left { float: right; }
.advantage .box.odd .thumbwrap { float: left; }
.advantage .left span { font-family: Helvetica, sans-serif, Arial; font-size: 2.5em; position: absolute; left: 0; top: 5px; color: #777; border: 1px solid #eee; }

/*partners*/
.partners { position: relative; }
.partners .title { margin-bottom: 30px; }
.partners ul { overflow: hidden; }
.partners li { float: left; width: 20%; height: auto; overflow: hidden; }
.partners li .partner-logo { border: 1px solid #ddd; overflow: hidden; }
.partners li .pic { padding-bottom: 60.416%; overflow: hidden; position: relative; }
.partners li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

/*blogItem*/
.blogItem { overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; }
.blogItem .thumbnail { width: 180px; float: left; overflow: hidden; }
.blogItem .info { margin-left: 200px; overflow: hidden; }
.blogItem p { margin-bottom: 10px; }
.blogItem h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: normal; line-height: 1.5em; margin-bottom: 10px; }
.blogItem h2 a { color: #333; }
.blogItem p { font-size: 14px; line-height: 1.75em; max-height: 5.25em; overflow: hidden; color: #666; }

/*newsItem*/
.newsItem { position: relative; overflow: hidden; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 25px; }
.newsItem .date { float: left; width: 50px; }
.newsItem .date i { text-align: center; display: block; }
.newsItem .date i.day { height: 55px; line-height: 55px; font-size: 1.75em; background-color: #f6f6f6; color: #555; border: 1px solid #eee; border-bottom: 4px solid #ddd; border-radius: 3px; margin-bottom: 5px; }
.newsItem .date i.mon { font-style: normal; color: #888; font-size: 0.875em; }
.newsItem .info { margin-left: 72px; }
.newsItem h2 { font-size: 1.25em; font-weight: normal; line-height: 1.5em; margin-bottom: 15px; margin-top: -5px; }
.newsItem h2 a { color: #333; }
.newsItem h2 a:hover { color: #23439f; }
.newsItem p { font-size: 14px; line-height: 1.75em; color: #666; text-align: justify; }

/*newslist*/
.newslist { overflow: hidden; background-color: #f9f9f9; padding: 30px 0; }
.newslist .ntitle { border-bottom: 1px solid #ddd; margin-bottom: 30px; overflow: hidden; position: relative; }
.newslist .ntitle i.fa { color: #1e3988; margin-right: 0.5em; font-size: 1.25em; float: left; }
.newslist .ntitle span.left { border-bottom: 2px solid #85a1f2; padding-bottom: 10px; font-size: 1.5em; padding-right: 10px; }
.newslist .ntitle span.right { font-family: 'simsun'; font-size: 0.75em; position: absolute; right: 0; top: 10px; }
.newslist .ntitle span.right a { color: #555; }
.newslist .ntitle span.right a:hover { font-weight: bold; color: #000; }
.newslist .first { float: left; width: 400px; overflow: hidden; position: relative; }
.newslist .first h2 { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px; background-color: rgba(0, 0, 0, .7); font-size: 0.875em; font-weight: normal; }
.newslist .first h2 a { color: #fff; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.min-post { position: relative; width: 770px; float: right; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.min-post .date,
.excerpt .date { float: left; padding-right: 20px; }
.min-post .date i,
.excerpt .date i { text-align: center; display: block; }
.min-post .date i.day,
.excerpt .date i.day { width: 50px; height: 55px; line-height: 55px; font-size: 1.75em; background-color: #f6f6f6; color: #555; border: 1px solid #eee; border-bottom: 4px solid #ddd; border-radius: 3px; margin-bottom: 5px; }
.min-post .date i.mon,
.excerpt .date i.mon { font-style: normal; color: #888; font-size: 0.875em; }
.min-post h2 { font-size: 1.125em; font-weight: normal; margin-bottom: 10px; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.min-post h2 a { color: #222; }
.min-post p { font-size: 0.75em; color: #777; line-height: 1.65em; height: 60px; overflow: hidden; }
.newslist .more { width: 770px; float: right; padding-top: 5px; clear: none; }

/*infotab*/
.infotab { margin-bottom: 20px; }
.infotab ul { border-bottom: 1px solid #1e3988; }
.infotab ul li { float: left; font-size: 0.875em; padding: 10px 20px; margin: 0 5px; cursor: pointer; color: #555; }
.infotab ul li.cur { border: 1px solid #1e3988; border-bottom: none; background-color: #fff; border-radius: 3px 3px 0 0; margin-bottom: -1px; color: #1e3988; font-weight: bold; }
.infotab ul li a { color: #555; }
.infotab ul li.cur a { color: #1e3988; }
.tabbox { display: none; clear: both; }
.tabbox.on { display: block; }
.tabbox ul { overflow: hidden; }
.tabbox ul li { width: 48%; padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.tabbox .thumbnail { width: 120px; overflow: hidden; float: left; border-right: 1px solid #ddd; padding-right: 15px; margin-right: 15px; }
.tabbox .more { margin-top: 20px; }
.tabbox .more a { float: none; margin: 0 auto; width: 60px; text-align: center; }
.tabbox h2 { font-weight: normal; font-size: 0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tabbox h2 a { color: #111; }
.tabbox p { font-size: 0.75em; overflow: hidden; color: #666; height: 72px; }

/*contact*/
.contact { background: url(images/contact.jpg) no-repeat bottom center; background-size: 100% 100%; background-attachment: fixed; padding: 30px 0; position: relative; }
.contact .inner { background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 25px 0; }
.contact .left { width: 550px; padding-left: 25px; }
.contact .left img { width: 100%; height: auto; display: block; }
.contact .right { width: 560px; padding-right: 25px; }
.contact .ctitle { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; }
.contact .ctitle p { color: #555; }
.contact h3 { font-size: 1.25em; font-weight: normal; color: #1e3988; line-height: 1.5em; margin-bottom: 8px; }

/*gbookFrm*/
#gbookFrm .item { font-size: 14px; padding: 8px 0; overflow: hidden; }
#gbookFrm label { display: block; float: left; width: 80px; height: 28px; line-height: 28px; font-size: 1em; color: #333; }
#gbookFrm .input {margin-left: 80px; overflow: hidden; border:1px solid #aaa; position: relative;}
#gbookFrm .text {display: block; border:none; background-color: #fff; width: 100%; padding:2px 3%; width: 94%; height: 22px; line-height: 22px;}
#gbookFrm textarea.text { height: 110px; resize: vertical; padding-top: 5px; padding-bottom: 5px;}
#gbookFrm .btn {margin-left: 80px; overflow: hidden;}
#gbookFrm .submit { width: 100%; display: block; cursor: pointer; height: 35px; background-color: #da251e; color: #fff; border:none;}
#gbookFrm .verify .input {padding-right: 80px;}
#gbookFrm .verify img {display: block; position: absolute; right: 0; top:0; height: 100%; width: auto; cursor: pointer;}




/*friendlinks*/
.friendlinks { position: relative; padding-left: 100px; background-color: #ddd; margin-bottom: 20px; }
.friendlinks .ftitle { position: absolute; left: 0; top: 0; height: 100%; width: 100px; background-color: #999; border-right: 3px #ccc solid; }
.friendlinks .fwrap { height: 48px; position: absolute; left: 0; top: 50%; margin-top: -24px; width: 100%; }
.friendlinks h3,
.friendlinks h4 { font-size: 0.875em; text-align: center; color: #fff; }
.friendlinks h4 { letter-spacing: 3px; }
.friendlinks ul { border: 1px solid #ddd; overflow: hidden; padding: 10px; }
.friendlinks ul li { float: left; font-size: 0.75em; padding: 5px 10px; }
.friendlinks a { color: #555; }

/*footer*/
.footer { background-color: #222; padding: 30px 0; }
.footer a { color: #ddd; }
.footer .inner { overflow: hidden; }
.footer .line { width: 100%; height: 0; border-top: 1px solid #111; border-bottom: 1px solid #333; }
.footer .left { width: 60%; }
.footer .right { width: 30%; }
.footer .right ul { overflow: hidden; }
.footer .right ul li { float: right; width: 40%; padding: 10px; text-align: center; }
.footer .right ul li p { font-size: 0.75em; color: #ddd; margin-top: 5px; }


/*pageslist*/
.pageslist { padding: 10px 0; }
.pageslist ul { overflow: hidden; }
.pageslist ul li { float: left; font-size: 0.75em; padding: 5px 25px 5px 0; }
.pageslist ul li a { color: #ddd; }

/*companyinfo*/
.companyinfo { padding: 10px 0; }
.companyinfo p { font-size: 0.75em; color: #ddd; padding: 5px 0; }
.companyinfo a {display: inline-block;}
.companyinfo img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}

/*fixedwidget*/
.fixedwidget { position: fixed; right: 1px; top: 50%; width: 55px; text-align: center; z-index: 8; }
.fixedwidget a { color: #888; }
.fixedwidget ul { padding-top: 1px; }
.fixedwidget ul li { height: 55px; border: 1px solid #ddd; color: #888; background-color: #fff; cursor: pointer; font-size: 1.75em; line-height: 55px; margin-top: -1px; font-weight: lighter; }
.fixedwidget ul li.backtop { line-height: 50px; font-size: 2.5em; }
.fixedwidget ul li.mobilephone { display: none; }

/*container*/
.container { overflow: hidden; padding: 30px 0; }

/*sidebar*/
.sidebar { float: left; width: 250px; }
.leftnav i { font-style: normal; float: right; }
.widget { margin-top: 25px; background-color: #efefef; padding: 10px; border: 1px solid #ddd; border-top: 2px solid #23439f; }
.widget ul { clear: both; }
.widget ul li { font-size: 0.875em; }
.widget ul li a { color: #333; }
.widget .wtitle { padding-right: 10px; }
.widget .contactwidget { clear: both; }
.widget .contactwidget img { width: 100%; height: auto; display: block; }
.widget .contactwidget p { font-size: 0.875em; padding: 3px 0; color: #444; }
.widget .contactwidget p.online a { display: block; text-align: center; background-color: #da251e; color: #fff; padding: 4px 0; }
.widget input[type='text'] { border: 1px solid #ddd; padding: 5px 0; text-indent: 5px; width: 70%; }
.widget input[type='submit'] { cursor: pointer; background-color: #23439f; color: #fff; border: none; padding: 5px; }
#tbCalendar { margin-left: -8px; }

/*main*/
.main { margin-left: 280px; overflow: hidden; }
.readmore a { font-size: 0.75em; color: #23439f; float: left; }

/*pagenavi*/
.pagenavi { overflow: hidden; padding-top: 10px; clear: both; }
.pagenavi a,
.pagenavi span.now-page { display: block; float: left; background-color: #1e3988; color: #fff; padding: 3px 12px; margin-right: 5px; font-size: 0.875em; }
.pagenavi a:hover,
.pagenavi span.now-page { background-color: #da251e; }

/*caselist*/
.caselist { overflow: hidden; }
.caselist ul { margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #eee; }
.caselist li { float: left; width: 25%; margin-bottom: -1px; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-top: 15px; }
.caselist li .thumbnail { padding: 5px; border: 1px solid #eee; overflow: hidden; }
.caselist li p { font-size: 0.75em; color: #666; padding: 0 5px; height: 48px; overflow: hidden; }
.caselist .pagenavi { text-align: center; }
.caselist .pagenavi a,
.caselist .pagenavi span.now-page { display: inline-block; float: none; }

/*post*/
.post h1.post-title { text-align: center; font-size: 1.5em; line-height: 1.5em; color: #222; }
.post .postmeta { padding: 15px 0; font-size: 0.75em; color: #888; text-align: center; border-bottom: 1px dashed #ddd; }
.post .postmeta span { padding: 0 5px; }
.post .postmeta a { color: #888; }
.post .tags { padding: 15px 0; font-size: 0.75em; color: #555; }
.post .tags a { color: #1e3988; margin-left: 5px; }

/*entry*/
.entry { margin-top: 25px; clear: both; font-size: 16px; line-height: 1.875em; color: #333; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }
.entry ul,
.entry ol { padding-left: 1em; margin-left: 2em; margin-bottom: 2.5%; }
.entry ul li { list-style: outside disc none; }
.entry ol li { list-style: outside decimal none; }
.entry li p { margin-bottom: 0; }
.entry img { max-width: 100%; height: auto !important; }

/*related-news*/
.related-news { border-top: 1px solid #ededed; padding-top: 15px; }
.related-news h3 { font-weight: normal; font-size: 1.125em; line-height: 1.5em; margin-bottom: 15px; }
.related-news ul { overflow: hidden; padding-left: 2px; }
.related-news ul li { float: left; font-size: 0.875em; width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 0; list-style: inside disc none; }
.related-news ul li.right { float: right; }
.related-news ul li a { color: #333; }
.related-news ul li a:hover { color: #1e3988; }

/*commentslist*/
.commentslist { position: relative; margin-top: 25px; }
.commentslist h3 { border-bottom: 1px solid #ddd; font-size: 1em; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px; }
.commentslist .cmtnum { position: absolute; right: 0; top: 0; font-size: 0.75em; color: #555; }
.commentslist li { overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #ddd; }
.commentslist .cmt-wrap { position: relative; padding-left: 70px; }
.commentslist .gravatar { position: absolute; left: 0; top: 0; width: 55px; height: 55px; border: 1px solid #dedede; padding: 1px; background-color: #fff; }
.commentslist .gravatar img { width: 100%; height: auto; display: block; }
.commentslist .cmt-user { line-height: 1.1em; margin-bottom: 2px; border-bottom: 1px dotted #ddd; padding-bottom: 8px; }
.commentslist .cmt-user span.username { font-weight: bold; font-size: 0.875em; color: #333; }
.commentslist .cmt-user span.username a { color: #333; }
.commentslist .cmt-user span.reply { float: right; font-size: 0.75em; }
.commentslist .cmt-user span.reply a { color: #666; }
.commentslist .cmt-meta { font-size: 0.75em; color: #999; font-family: Arial; }
.commentslist .cmt-text { font-size: 0.875em; color: #333; padding: 5px 0; }
.commentslist li li { margin-top: 15px; margin-left: 20px; border: none; padding: 0; }
.commentslist .pagenavi { margin-top: 15px; }

/*comment*/
#comment { margin-top: 15px; }
#comment .warning { color: #555; font-size: 12px; line-height: 1.5em;}
#comment .item { font-size: 14px; padding: 5px 0; overflow: hidden; }
#comment label { display: block; float:left; color: #333; line-height: 38px;}
#comment label i {font-style:normal; color:#f00;}
#comment .input {margin-left: 55px; overflow: hidden; position: relative; border: 2px solid #ddd;}
#comment .text { font-size: 1em; padding: 5px 2%; display: block; width: 96%; height: 24px; line-height: 24px; border:none;}
#comment textarea.text {height: 120px;}
#comment .verify .input {padding-right: 102px;}
#comment .input img {display: block; position: absolute; right: 0; top:0; height: 100%; width: auto; cursor: pointer;}
#comment .btn {overflow: hidden; margin-left: 55px;}
#comment .submit { float: right; display: block; background-color: #da251e; color: #fff; font-size: 1em; width: 100px; height: 35px; cursor: pointer; border: none; border-radius: 2px; }
#comment .submit:hover { opacity: 0.8; }
#cancel-reply {font-size: 12px; color:#888; line-height: 1.5em;}
/*baguettebox*/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }
#baguetteBox-overlay.visible { opacity: 1; }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }
@-webkit-keyframes bounceFromRight {
  0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; }
}
@keyframes bounceFromRight {
  0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; }
}
@-webkit-keyframes bounceFromLeft {
  0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; }
}
@keyframes bounceFromLeft {
  0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; }
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }
.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }
.baguetteBox-button:focus,
.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }
.baguetteBox-button#next-button { right: 2%; }
.baguetteBox-button#previous-button { left: 2%; }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg { position: absolute; left: 0; top: 0; }
.baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }
.baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes bounce {
  0%,
  100% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bounce {
  0%,
  100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}

/*mainfigure*/
.mainfigure { float: left; width: 350px; }
#proInfo {margin-left:390px; overflow: hidden;}
.post-case h1.post-title { font-weight: normal; text-align: left; font-size: 1.25em; }
.post-case .postmeta { text-align: left; margin-bottom: 20px; }
.post-case .postmeta p { padding: 2px 0; }
.post-case .online ul { overflow: hidden; }
.post-case .online ul li { width: 50%; float: left; font-size: 1em; }
.post-case .online ul li a { display: block; width: 160px; margin: 0 auto; text-align: center; color: #fff; padding: 8px 0; }
.post-case .online ul li.qq a { background-color: #da251e; }
.post-case .online ul li.message a { background-color: #1e3988; }

/*protfolio*/
.protfolio { clear: both; }
.protfolio.advantage { padding: 30px 0 0; }
.related-item.advantage { padding: 0; }
.related-item.advantage .titleline { top: 20px; }
.protfolio.advantage .ltitle,
.related-item.advantage .ltitle { padding-top: 38px; margin-bottom: 10px; }
.protfolio.advantage .ltitle h3,
.related-item.advantage h3 { width: 180px; margin-left: -90px; font-size: 1.25em; }
.protfolio.advantage .ltitle h4,
.related-item.advantage h4 { color: #da251e; font-family: Arial; }
.advantage .titleline { top: 50px; }
.advantage .ltitle .square { top: 18px; }
.protfolio ul { background-color: #f6f6f6; overflow: hidden; padding: 0.5%; }
.protfolio li { float: left; width: 13.285%; padding: 0.5%; }
.protfolio li .thumbnail { border: 1px solid #eee; padding: 1px; background-color: #fff; }
.post-case .entry { margin-top: 0; }
.related-item { overflow: hidden; }
.related-item ul { overflow: hidden; width: 102%; }
.related-item li { float: left; width: 23%; padding: 8px 2% 8px 0; }
.related-item li .thumbnail { margin-bottom: 5px; }
.related-item li p { text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.875em; }
.related-item li a { color: #333; }

/*notfound*/
.notfound { text-align: center; padding: 50px 0 80px; overflow: hidden; }
.notfound h1 { font-size: 3em; color: #888; line-height: 1.5em; font-weight: lighter; }
.notfound p { font-size: 1em; color: #888; font-weight: lighter; padding: 5px 0; }
.notfound a { background-color: #da251e; color: #fff; font-size: 0.75em; padding: 5px 10px; margin-left: 10px; border-radius: 3px; }
.notfound-title { border-bottom: 1px solid #1e3988; }
.notfound-title h2 { font-weight: lighter; font-size: 1em; color: #fff; background-color: #1e3988; width: 180px; margin: 0 auto; text-align: center; padding: 5px 0; }

/*screen width*/
@media only screen and (max-width:1280px) {
  .inner { width: 1000px; }
  .sidebar { width: 200px; }
  .main { margin-left: 230px; }
  .profile .profile-info { width: 720px; }
  .advantage .left { width: 500px; }
  .advantage .thumbwrap { width: 440px; }
  .contact .left { width: 450px; }
  .contact .right { width: 450px; }
  .min-post,
  .newslist .more { width: 570px; }
  #proInfo { width: 350px; }
}
@media only screen and (max-width:1080px) {
  .inner { width: 900px; }
  .sidebar { width: 181px; }
  .main { margin-left: 200px; }
  .profile .profile-info { width: 620px; }
  .advantage .left { width: 400px; }
  .contact .left { width: 420px; }
  .contact .right { width: 400px; }
  .newslist .first { width: 300px; }
  
  .mainfigure { width: 300px; }
  #proInfo {margin-left: 330px;}
  .related-item li p { font-size: 0.75em; }

  /*1080px*/
  #gbookFrm textarea.text {height: 60px;}
}
@media only screen and (max-width:960px) {
  .inner { width: 780px; }
  #nav li { font-size: 0.75em; }
  .sidebar { display: none; }
  .main { margin-left: 0; }
  .profile .profile-info { width: 500px; }
  .profile .profile-text p { font-size: 0.75em; }
  .advantage .left { width: 350px; }
  .advantage .box h5 { font-size: 1.25em; margin-bottom: 5px; }
  .advantage .box .boxtext { font-size: 0.875em; }
  .advantage .thumbwrap { width: 400px; }
  .advantage .box.odd .thumbwrap { width: 360px; }
  .contact .left,
  .contact .right { width: 86%; float: none; margin: 0 auto; padding: 0; }
  
 
  .min-post,
  .newslist .more { width: 450px; }
  .min-post p { height: 40px; }
  .min-post .date i.day { height: 40px; line-height: 40px; }
  #proInfo { width: auto; float: none; }
}
@media only screen and (max-width:800px) {
  .inner { width: 90%; }
  .welcome,
  .profile .thumbnail,
  .owl-nav,
  .sidebar { display: none; }
  .tabbox ul li,
  .footer .left,
  .footer .right { width: 100%; float: none; clear: both; }
  .footer .right ul li { float: left; width: 150px; padding: 10px 10px 0 0; }
  .profile .profile-info { width: 100%; float: none; clear: both; }
  .advantage .thumbwrap,
  .advantage .box h5 { margin-bottom: 15px; }
  .advantage .thumbwrap,
  .advantage .left,
  .advantage .box.odd .thumbwrap { width: 100%; float: none; }
  .advantage .box .boxtext { padding-left: 0; }
  .newslist .first { float: none; width: 100%; margin-bottom: 20px; }
  .min-post,
  .newslist .more { float: none; width: auto; }
  .owl-dots { display: block; }
  .pagenav .inner { width: 100%; margin-top: 0; height: 35px; line-height: 35px; }
  .breadcrumb i.fa-home { background-color: transparent; height: 35px; line-height: 35px; font-size: 1.5em; margin-right: 0; }
  
 
  
  #logo { padding: 15px 0; }
  #logo a { width: 300px; height: 50px; }
  #topBtn { display: block; }
  #searchForm { margin-left: 0; padding: 10px 5%; position: absolute; left: 0; top: -40px; width: 90%; background-color: #f9f9f9; transition: all 0.4s ease 0s; box-shadow: 0px 1px 3px #ddd; z-index: 2; transform: translateY(-100%); opacity: 0; }
  #searchForm.open { transform: translateY(0); opacity: 1; }
  #searchForm form { float: none; width: auto; }
  #searchForm .input { margin-right: 45px; }
  #searchForm .s { padding-top: 3px; padding-bottom: 3px; font-size: 14px; height: 26px; line-height: 26px; }
  #searchForm button { width: 45px; }

  
  .tel { float: left; }

  /*800px*/
  header {box-shadow: 0px 1px 3px rgba(0,0,0,.35); position: relative; border-bottom: 5px solid #1e3988;}
  header:after {content: ''; display: block; position: absolute; bottom: -5px; right: 5%; background-color: #f00; color: #fff; width: 45px; height: 5px; }
  /*800px*/
  .slidebanner {display: none;}

  /*800px*/
  #nav {position: fixed; left:0; top:0; height: 100%; background-color: rgba(0, 0, 0, .35); z-index: 9; display: none; cursor: pointer;}
  #nav .inner { position: fixed; left: -100%; top: 0; width: 230px; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: left 0.3s ease 0s; background-color: #000; box-shadow: 2px 0px 3px rgba(0,0,0,.5);}
  #nav .inner.open { left: 0;}

  #nav ul { padding: 50px 0; }
  #nav li { float: none; width: auto; background-image: none; font-size: 16px; text-align: left; position: relative; line-height: 50px;}
  #nav li a { padding: 0 50px 0 2em; }
  #nav li a:after {display: none;}
  #nav li em { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; z-index: 2;}
  #nav li em:after { content: ''; display: block; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; }
  #nav li li { background-image: none; }
  #nav li ul { position: static; left: auto; top: auto; background-color: transparent; border-radius: 0; padding: 0;}
  #nav li li a { color: #fff; padding: 0 0 0 3em; } 
  #nav li li a:hover{height: auto;} 
  #nav li.on > a,
  #nav li.current > a { background-color: rgba(30, 57, 136, 0.8); padding-top: 0; margin-top: 0; }
}
@media only screen and (max-width:768px) {
  .blogItem { padding-bottom: 15px; margin-bottom: 15px; }
  .blogItem .thumbnail { width: 100px; }
  .blogItem .info { margin-left: 115px; }
  .blogItem p,
  .readmore { display: none; }
  .blogItem h2 { white-space: normal; font-size: 16px; line-height: 1.65em; height: 4.95em; margin-bottom: 0; }
  .protfolio li { width: 19%; }

  .mainfigure { width: auto; float:none; margin-bottom: 3.5%; }
  #proInfo {margin-left: 0;}

  /*768px*/
  #comment label {float: none; line-height: 1.5em; margin-bottom: 5px;}
  #comment .input {margin-left: 0;}
}
@media only screen and (max-width:700px) {
  .protfolio.advantage .ltitle,
  .related-item.advantage .ltitle { padding-top: 28px; }
  .protfolio.advantage .ltitle h3,
  .related-item.advantage h3 { font-size: 1em; padding: 5px 0; }
  .advantage .ltitle h4 { font-size: 0.75em; }
  .advantage .titleline { top: 45px; }
  .related-item.advantage .titleline { top: 15px; }
  .advantage .ltitle .square { top: 13px; }
}
@media only screen and (max-width:640px) {
  .caselist li { width: 50%; }
  .related-news ul li { float: none; width: auto; }
  .related-news ul li.right { float: none; }
  .fixedwidget { width: 100%; top: auto; bottom: -2px; right: 0; background-color: #fff; }
  .fixedwidget ul li { float: left; width: 25%; text-align: center; box-sizing: border-box; border-left: none; }
  .fixedwidget ul li:last-child { border-right: none; }
  .fixedwidget ul li.mobilephone { display: block; }
  .fixedwidget ul li a { display: block; }
  .footer { padding-bottom: 80px; }
  .tel,
  .tel i.hotline { font-size: 1em; }
}
@media only screen and (max-width:540px) {
  .excerpt { padding-left: 50px; }
  .excerpt .date i.day { width: 35px; height: 35px; line-height: 35px; font-size: 1.25em; font-style: normal; }
  .excerpt .date i.mon { font-size: 0.75em; }
  .excerpt h2 { font-size: 1.125em; }
  .blog-excerpt .thumbnail { width: 150px; height: 122px; }
  .blog-excerpt { padding-left: 165px; height: 122px; }
  .blog-excerpt p,
  .readmore { display: none; }
  .blog-excerpt h2 { white-space: normal; font-size: 1em; }
  #logo a { width: 251px; height: 42px; }
}
@media only screen and (max-width:480px) {
  .rightbox li { width: 50%; }
  .post-case h1.post-title { font-size: 1.125em; }
  .related-item li { width: 48%; padding-right: 2%; }
}

@media only screen and (max-width:360px) {
  .tel i.hotline,
  .tabbox p { display: none; }
  .tabbox h2 { white-space: normal; }
  .footer .right ul li { width: 120px; }
  .min-post h2 { font-size: 1em; }
  .blog-excerpt .thumbnail { width: 120px; height: 97px; }
  .blog-excerpt { padding-left: 135px; height: 97px; }
  
  .post-case .online ul li a { width: 100%; }
}