﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";html{width:100%;font-size:14px}
body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,tr,ul{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,option:focus,select:focus,textarea:focus{outline:0}
ol,ul{list-style:none}
img{border:none;vertical-align:middle}
input[type=date],input[type=number],textarea{resize:none;border:none}
button:hover,input[class*=b]:hover{cursor:pointer}
b,i,u{font-style:normal;font-weight:400}
.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 .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .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 .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .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-next,.pro-list .slick-prev{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-next:before,.pro-list .slick-prev: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}
.about-tit h1 span{font-size:22px}
.about-tit p{color:#999;line-height:36px;font-size:18px}
.about p.em{background:url(../img/about-icon.jpg) no-repeat left top;line-height:40px;color:#666;padding-left:14px;margin-top:22px}
.contact-tit h1{font-size:20px;line-height:30px;text-align:center;font-weight:500;padding-top:38px}
.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 .contact-act,.contact-list ol li:hover{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}
@font-face{font-family:fzcg}
