@charset "utf-8";
/* ---- about ---- */
.about {height: 530px;background: url(../images/bg_about.jpg) no-repeat top center;}
.about-body {width: 75em;margin: 0 auto;height: 530px;position: relative;}
.about-text {width: 50%;min-height: 160px;position: absolute;right: 0;top: 120px;text-indent: 2em;line-height: 2em;}
.about-more {position: absolute;left: 50%;top: 282px;display: block;width: 114px;height: 32px;}
.about-more:hover {background: rgba(229,0,0,0.5);}

/* ---- title ---- */
.title {width: 100%;height: 245px;background-color: #f9f9f9;text-align: center;padding: 4em 0;}
.title h3 {width: 7.5em;margin: 0 auto;font-size: 2.75em;position: relative;line-height: 2em;}
.title hr {width: 110px;height: 3px;background-color: #e92224;position: absolute;top: 50%;}
.title hr:nth-of-type(1) {left: -50px;}
.title hr:nth-of-type(2) {right: -50px;}
.title em {color: #e92224;font-style: normal;}
.title span {font-size: 1.25em;/*line-height: 2em;*/font-weight: bold;color: #838383;text-transform: uppercase;}

/* ---- product ---- */
.product ul {width: 75em;margin: 0 auto;}
.product li {width: 48%;margin: 2% 1%;float: left;}
.product li .img-box {overflow: hidden;height: 365px;}
.product li img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;}
.product li .text-box {height: 7.5em;padding: 2em;line-height: 3.5em;}
.product li h3 {font-size: 1.625em;display: inline-block;}
.product li span {font-size: 1.25em;float: right;padding-left: 2em;background: url(../images/icon-search.png) no-repeat 0 50%;}
.product li:hover {box-shadow: 0px 0px 5px 5px #cccccc;}
.product li:hover h3 {color: #e92224;}

/* ---- advantage ---- */
.advantage-body {width: 75em;margin: 0 auto;height: 1285px;background: url(../images/advantage.jpg) no-repeat top center;}

/* ---- case ---- */
.case {height: 566px;background: url(../images/bg_case.jpg) no-repeat top center;padding-top: 200px;}
.case-body {width: 75em;margin: 0 auto;height: 21em;position: relative;overflow: hidden;}
.roll-box{position: absolute;}
.roll-box ul {width: 9999px;position: absolute;}
.roll-box li {width: 23.25em;float: left;margin: 1em;padding: 1em 2.5em;background-color: white;}
.roll-box li .img-box {width: 100%;height: 13.4375em;overflow: hidden;}
.roll-box li img {display: block;max-width: 100%;margin: 0 auto;min-height: 100%;}
.roll-box li h3 {text-align: center;line-height: 2em;margin-top: 1em;}

/* ---- news ---- */
.news-body {width: 75em;margin: 0 auto;padding: 4em 0;}
.news-left {float: left;width: 50%;}
.news-left .img-box {width: 520px;margin: 0 auto;height: 20.375em;overflow: hidden;}
.news-left img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;}
.text-box {padding: 1em 3em;}
.text-box h3 {font-size: 1.25em;line-height: 2em;}
.text-box p {font-size: 1.125em;line-height: 1.5em;}
.news-right {float: left;width: 50%;}
.news-right h3 {background-color: #e90111;text-align: center;color: white;font-size: 1.75em;line-height: 2em;}
.news-right ul {border: 2px solid #a0a0a0;border-top: none;padding: 2em 1.25em;}
.news-right li {border-bottom: 1px dashed #dddddd;}
.news-right li a {font-size: 1.125em;line-height: 3em;}
.news-right span {float: right;font-size: 0.875em;color: #999999;}
.news-right li:hover a {color: #e92224;}
.news-right li:hover span {color: #e92224;}
.news-right li:nth-last-child(1) {border: none;}