/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";
html {width: 100%;font-size: 14px}
body, ul, li, ol, p, h1, h2, h3, h4, h5, h6, form, input, dl, dt, dd, textarea, th, td, tr {margin: 0;padding: 0}
body {font-family: Arial, "Microsoft YaHei";color: #484848;background-color: #f1f1f1;line-height: 1}
a {text-decoration: none;outline: 0 none}
input:focus, select:focus, option:focus, textarea:focus {outline: none}
ul, ol {list-style: none}
img {border: none;vertical-align: middle}
textarea, input[type=date], input[type=number] {resize: none;border: none}
button:hover, input[class*=b]:hover {cursor: pointer}
i, u, b {font-style: normal;font-weight: normal}
.clear {clear: both;overflow: hidden;height: 0}
.over {overflow: hidden}
.fl {float: left}
.fr {float: right}
.abs {position: absolute}
.rel {position: relative}
.em {text-indent: 2em}
.tac {text-align: center}
.tl {text-align: left}
.tr {text-align: right}
.regular {font-weight: 500}
.fixed {position: fixed}
.container .mar-right {margin-right: 0}
.container .pad-right {padding-right: 0}
.container .borno {border: none}
.w100 {width: 100%}
.hide {display: none}
.opacity {opacity: 0}
.container {width: 100%;min-width: 1300px;height: 100%;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto}
.css3 {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.animated {animation-duration: 2s;-webkit-animation-duration: 2s}
.case-list {background: url(../img/case-bg.jpg) no-repeat center;height: 267px;margin-bottom: 40px;overflow: hidden}
.case-list li {width: 25%;background-color: #fff;float: left}
.case-list a {margin: 0 auto;display: block;width: 271px;overflow: hidden;position: relative}
.case-con {position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: #e7e7e7;opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.case-con h1 {font-size: 26px;line-height: 38px;border-bottom: 1px solid #919191;color: #333;width: 155px;margin: 13px auto;text-align: center}
.case-con p {color: #666;line-height: 30px;padding: 0 25px}
.case-list li:hover .case-con {height: 245px;opacity: 1}
.pro-nav {width: 224px}
.pro-nav h1 {margin-bottom: 8px;font-size: 26px;line-height: 52px;height: 52px;background: url(../img/pro-line.jpg) no-repeat left bottom;font-weight: 500}
.pro-nav li {line-height: 60px;border-bottom: 1px solid #b3b2b3;width: 140px;margin-left: 16px;background: url(../img/miao.jpg) no-repeat 6px center;padding-left: 40px;font-size: 18px}
.pro-nav li a {color: #666}
.pro-list {width: 820px}
.pro-list .slick-prev, .pro-list .slick-next {width: 62px;height: 62px;background-repeat: no-repeat;background-position: center}
.pro-list .slick-prev {background-image: url(../img/slick-prve.png);left: 8px}
.pro-list .slick-next {background-image: url(../img/slick-next.png);right: 8px}
.pro-list .slick-prev:before, .pro-list .slick-next:before {opacity: 0}
.pro-simg {margin-top: 30px;line-height: 26px;color: #666}
.pro-simg > div.fl {width: 205px}
.pro-simg h1 {font-size: 30px;color: #999;line-height: 40px;padding-bottom: 18px}
.pro-simg li {float: left;margin-left: 15px}
.join {margin-top: 33px}
.join-wrap {background: url(../img/join-bg.jpg) no-repeat center;height: 669px;padding-top: 33px}
.join-wrap div.tac img {border: 4px solid #e9eaea}
.join-wrap ul {width: 1138px;margin: 0 auto;background: url(../img/join-line.png) no-repeat center top;padding-top: 60px;overflow: hidden}
.join-wrap li {width: 541px;background: url(../img/join-dian.png) no-repeat right top;height: 60px;font-size: 16px;line-height: 30px;padding-right: 38px}
.join-wrap li.fr {padding-left: 38px;background-position: left top;padding-right: 0}
.about {background: url(../img/about-bg.jpg) no-repeat right center #f1f0f2;height: 621px}
.about div.fl {width: 535px;padding: 117px 0 0 26px}
.about-tit h1 {font-size: 34px;font-weight: 500;line-height: 50px;color: #333;padding-left: 45px}
.about-tit h1 span {font-size: 22px}
.about-tit p {color: #999999;line-height: 36px;font-size: 18px}
.about p.em {background: url(../img/about-icon.jpg) no-repeat left top;line-height: 40px;color: #666666;padding-left: 14px;margin-top: 22px}
.contact-tit h1 {font-size: 20px;line-height: 30px;width: 238px;text-align: center;font-weight: 500;padding-top: 38px;float: left}
.contact-tit span {display: block}
.contact-mid {width: 475px}
.contact-con {margin: 15px 0 10px;color: #666;line-height: 30px;padding: 0 30px 0 35px}
.contact-con h2 {font-size: 14px;color: #333}
.contact-con h2 span {font-size: 30px;font-family: "fzcg";color: #ff9408;font-weight: 500;margin-right: 10px}
.contact-right {width: 460px}
.contact-list {height: 258px}
.contact-jia {background: url(../img/contact-icon.png) no-repeat center;width: 27px;height: 25px;display: block;position: absolute;top: 0;right: 0}
.contact-list ul li {position: absolute;left: 0;top: 0}
.contact-list ul p {position: absolute;bottom: 0;left: 0;color: #fff;height: 34px;line-height: 34px;padding-left: 20px;z-index: 100}
.contact-list ol {width: 97px;height: 34px;line-height: 34px;background: url(../img/mask.png) repeat center;z-index: 50;position: absolute;bottom: 0;left: 0;padding-left: 364px}
.contact-list ol li {width: 16px;height: 16px;color: #ccc;border: 1px solid #ccc;float: left;line-height: 16px;text-align: center;margin-top: 8px;margin-right: 11px}
.contact-list ol li:hover, .contact-list ol .contact-act {background-color: #fff;border: 1px solid #fff;color: #333}
.contact-us {background-color: #e0e0e0;padding-left: 29px;padding-top: 17px;line-height: 30px;font-size: 16px;margin-top: 11px;padding-bottom: 28px}
.contact-us h1 {font-size: 28px;line-height: 66px;font-weight: 500}
.contact-us h1 span {font-size: 24px;font-family: "Constantia";color: #999}
.footer {height: 100px;line-height: 100px;background-color: #333;color: #fff;text-align: center}
.footer span {margin: 0 26px;font-size: 16px}
.container .mar-top {margin-top: 0}