﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */


*{margin:0;padding:0;list-style:none;text-decoration:none;font-family:"微软雅黑"}
img{border:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{overflow-x:hidden}
.clear{clear:both}
.hade-bg{background-color:#f7f7f7;height:100px;box-shadow:0 2px 6px 0 rgba(6,0,1,.1);-webkit-box-shadow:0 2px 6px 0 rgba(6,0,1,.1);z-index:100;position:relative}
.hade-box{width:1200px;margin:0 auto}
.head-logo{width:320px;height:75px;float:left}
.head-logo img{width:320px;display:block}
.nva-list{font-size:15px;float:right;margin-right:40px;font-weight:400}
.nva-list li{float:left;margin:0 17px;line-height:100px}
.nva-list li a{color:#333;line-height:98px;display:block}
.nva-list .nva-active{border-bottom:2px solid #c03}
.nva-list .nva-active a{color:#c00}
.nva-list li:hover{border-bottom:2px solid #c03}
.nva-list li:hover ul li{border:none}
.nva-list li:hover a{color:#c00}
.nva-list li:hover ul a{color:#fff}
.nva-list li{position:relative}
.nva-list li ul{position:absolute;left:0;width:100px;background-color:#333;padding:10px 0;top:100px;display:none}
.nva-list li ul li{float:none;line-height:0;margin-left:0;width:100%}
.nva-list li ul li a{line-height:30px;color:#fff;border-bottom:1px solid #444;padding:5px;text-align:center}
.nva-list li ul li:hover a{background-color:#444}
.banner-box{overflow:hidden;position:relative}
.banner li img{width:100%;display:block}
.banner-dian{overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:22px}
.banner-dian li{width:12px;height:12px;background-color:#ccc;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;float:left;margin:0 5px;cursor:pointer}
.banner-dian .dian-active{background-color:#c03}
.next-banner,.prev-banner{width:67px;height:116px;border:1px solid #f7f7f7;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer}
.prev-banner{left:10%;background:url(../img/tb_01-1.png) no-repeat;background-position:50%}
.next-banner{right:10%;background:url(../img/tb_01.png) no-repeat;background-position:50%}
.next-banner:hover{background:#c03 url(../img/tb_01.png) no-repeat;background-position:50%;border:1px solid #c03}
.prev-banner:hover{background:#c03 url(../img/tb_01-1.png) no-repeat;background-position:50%;border:1px solid #c03}
.product-box{width:1200px;margin:0 auto;padding-top:60px}
.product-title{background-color:#c00;width:229px;padding-top:42px;padding-bottom:20px;float:left}
.product-title h2{font-size:24px;color:#fff;margin-left:30px}
.product-title h3{font-size:13px;color:#eee;font-family:arial;margin-left:30px;margin-top:18px}
.product-title span{width:1px;height:66px;background-color:#900;display:block;margin-left:30px;margin-top:30px}
.cp-box{height:36px;position:relative;overflow:hidden;margin:15px}
.cp-title{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.cp-title li{font-size:14px;float:left;border:1px solid #999;margin:0 10px}
.cp-title li a{color:#666;padding:7px;display:block}
.cp-title .cp-active,.cp-title li:hover{border-color:#c00;background-color:#c00}
#product{overflow:hidden}
.cp-title .cp-active a,.cp-title li:hover a{color:#fff}
.gd{margin-left:30px;margin-top:30px}
.gd a{color:#ddd;font-size:15px;width:145px;height:46px;border:1px solid #fff;display:block;line-height:48px;position:relative}
.gd a p{margin-left:17px}
.gd a::before{content:"";width:58px;height:7px;background:url(../img/tb_07.png) no-repeat;position:absolute;right:0;margin-right:-30px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.gd a:hover{background-color:#fff;color:#c00}
.gd a:hover::before{margin-right:-40px}
.prodict-1{width:321px;height:302px;position:relative;float:left;margin-left:34px}
.prodict-1 a img{width:321px;display:block}
.prodict-1 a p,.product-2 a p,.product-y-t p{font-size:15px;color:#333;font-weight:600;position:absolute;width:90%;height:68px;text-align:center;line-height:68px;bottom:30px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);background:rgba(250,250,250,.8)}
.prodict-1:hover p,.product-2:hover p,.product-y-t:hover a{color:#c00}
.product-2{width:584px;height:246px;position:relative;margin-top:34px}
.product-2 img{width:584px;display:block}
.product-right{width:582px;float:left;margin-left:34px}
.product-left{float:left}
.product-y-t{width:582px;height:582px;position:relative;overflow:hidden}
.carousel-inner{position:absolute;width:100%;height:537px;top:0;left:0}
.carousel-item{float:left;height:537px}
.carousel-btn{position:absolute;width:109px;height:90px;bottom:0;cursor:pointer}
.carousel-prev-btn{left:8px;background:#c00 url(../img/tb_07.png) no-repeat;background-position:50%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}
.carousel-next-btn{left:8px;margin-left:109px;background:#f7f7f7 url(../img/tb_11.png) no-repeat;background-position:50%}
.product-y-t p{bottom:123px}
.product-y-t a{width:100%;height:100%;display:block;color:#333}
.about-box{margin-top:60px;height:100%;position:relative;background-color:#f7f7f7;overflow:hidden}
.about-left,.about-right{width:50%;float:left;overflow:hidden}
.about-img img{display:block}
.about-right{background-color:#f7f7f7;padding-top:108px}
.about-right h4,.about-right p{margin-left:10%;margin-right:10%}
.about-right h4{margin-top:40px;font-size:15px;color:#333;font-weight:600;padding-bottom:18px;position:relative}
.about-right h4::before{content:'';position:absolute;width:36px;height:1px;background-color:#c00;left:0;bottom:0}
.about-right p{font-size:15px;color:#999;line-height:20px;margin-top:15px}
.about-right a{font-size:14px;color:#999;margin-left:10%;width:145px;height:46px;display:block;border:1px solid #999;line-height:46px;position:relative;margin-top:36px;text-align:center}
.about-right a::before{content:"";width:58px;height:7px;background:url(../img/tb_07-1.png) no-repeat;position:absolute;right:0;margin-right:-30px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.about-right a:hover{background-color:#c00;border:1px solid #c00;color:#fff}
.about-right a:hover::before{background:url(../img/tb_007.png) no-repeat;margin-right:-40px}
.about-title{width:55%;background-color:#fff;position:absolute;top:0;right:0;padding-top:18px;padding-bottom:18px;z-index:100}
.about-title h2{font-size:24px;color:#333;margin-left:36px}
.about-title h3{font-size:13px;color:#ccc;font-family:arial;margin-left:36px;margin-top:26px}
.case-bg{background:rgba(250,250,250,.85);position:relative;margin-top:60px}
.case-bg::before{content:"";position:absolute;width:100%;height:100%;background:url(../img/case-bg.png) no-repeat;background-size:100%;z-index:-1;background-attachment:fixed}
.case-box{padding-top:48px;padding-bottom:48px;width:1200px;margin:0 auto}
.titlie{text-align:center}
.titlie h2{font-size:24px;color:#333}
.titlie h3{font-size:13px;color:#999;font-family:arial;margin-top:14px}
.case-list{margin-top:24px;position:relative;overflow:hidden;height:317px}
.case-list ul{position:absolute;top:0;left:0;width:9999px}
.case-list ul li,.case-ny ul li{width:260px;float:left;margin:0 20px}
.case-ny ul li{margin-top:20px}
.case-list ul li:hover p,.case-ny ul li:hover p{color:#c00}
.case-img{width:260px;height:260px}
.case-img img{width:260px;display:block}
.case-list p,.case-ny p{font-size:15px;color:#666;text-align:center;line-height:57px;background-color:#fff}
.case-al{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;cursor:pointer}
.pre{background:rgba(0,0,0,.7) url(../img/tb_15-1.png) no-repeat;background-position:50%;left:0}
.next{background:rgba(0,0,0,.7) url(../img/tb_15.png) no-repeat;background-position:50%;right:0}
.pre:hover{background:#c00 url(../img/tb_15-1.png) no-repeat;background-position:50%}
.next:hover{background:#c00 url(../img/tb_15.png) no-repeat;background-position:50%}
.news-box{width:1200px;margin:0 auto;padding-top:60px}
.news-box .titlie h2{color:#c00}
.news-box .titlie h3{color:#c66}
.news-left,.news-right{width:570px;margin-top:26px;float:left}
.news-right{margin-left:60px}
.news-img{width:570px;height:221px}
.news-img img{width:570px;display:block}
.news-sj span{font-size:20px;color:#ccc;display:block}
.news-sj b{font-size:13px;color:#666;font-weight:400;margin-top:10px;display:block}
.news-nr h2{font-size:15px;color:#666;font-weight:600}
.news-nr p{font-size:14px;color:#999;line-height:20px;margin-top:15px}
.news-left .news-list .news-nr p,.news-right .news-list .news-nr p{display:inline-block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-sj{float:left;padding:20px 13px 19px 0;text-align:right;position:relative;height:75px}
.news-sj::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#ebebeb}
.news-sj::after{content:"";position:absolute;right:0;top:30px;width:2px;height:20px;background-color:#333}
.news-nr{float:left;padding:20px 0 19px;margin-left:16px}
.news-left .news-nr,.news-right .news-nr{width:447px}
.news-list li{overflow:hidden;padding:0 17px}
.news-list li:hover{background-color:#f7f7f7;box-shadow:0 2px 6px 0 rgba(6,0,1,.1)}
.news-list li:hover .news-nr h2{color:#c00}
.news-list li:hover .news-sj::before{background-color:#c00}
.news-list li:hover .news-sj::after{background-color:#900}
.foot-bg{background-color:#333;margin-top:60px;padding-top:39px}
.foot-box{width:1200px;margin:0 auto}
.foot-left{float:left}
.foot-nva{margin-left:8px}
.foot-nva li{float:left;margin-right:30px}
.foot-nva li a{font-size:15px;color:#999}
.foot span:hover a,.foot-nva li:hover a{color:#c00}
.foot-lx{overflow:hidden;margin-left:8px;margin-top:16px}
.foot-lx dd{font-size:14px;color:#999;float:left;margin-right:40px}
.foot-link{margin-left:8px}
.foot-link .links{float:left;color:#999}
.foot-link li{float:left;margin-right:30px}
.foot-link li a{font-size:15px;color:#999}
.foot span:hover a,.foot-link li:hover a{color:#c00}
.foot-img{width:112px;float:right;margin-right:52px;overflow:hidden}
.foot-img img{width:100%;display:block}
.foot-img p{font-size:15px;color:#999;text-align:center;margin-top:10px}
.foot{font-size:13px;color:#999;border-top:1px solid #222;overflow:hidden;margin-top:22px;line-height:56px}
.foot p{float:left;margin-left:8px}
.foot p a{color:#999}
.foot span{float:right;margin-right:26px}
.foot span a{color:#999}
.xf_box{position:fixed;width:54px;right:0;top:400px;z-index:100}
.xf_box ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444}
.xf_box ul li .xf{position:absolute;width:54px;height:54px;top:0;right:0;transition:all .3s;background:#000;opacity:.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden}
.xf_box ul li .xf-top{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:.8;filter:Alpha(opacity=80);transition:all .3s}
.xf_box ul li .xf-top:hover{background:#c00;opacity:1;filter:Alpha(opacity=100)}
.xf_box ul li img{float:left}
.xf_box ul li:last-child{border:none}
.ny-banner-box{position:relative}
.ny-banner-box::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(250,250,250,.5)}
.ny-banner-box img{display:block;width:100%}
.dq-box{width:1200px;margin:0 auto}
.dq-box ul{padding:20px 10px;overflow:hidden;border-bottom:1px solid #ccc}
.dq-box ul li{float:left;font-size:15px;color:#666;margin:0 3px}
.dq-box ul li a{color:#666}
.title-list{width:1200px;margin:0 auto;padding-top:20px}
.title-list dl dd,.title-list dl dt{float:left;margin:5px 3px;font-size:15px;color:#666;display:inline-block}
.title-list dl dd a{color:#666;padding:6px;display:inline-block}
.title-list dl dd{border:1px solid #ccc;margin:5px 8px}
.title-list dl dt{padding:6px}
.page-box ul li:hover,.title-list dl dd:hover{border-color:#c00;background-color:#c00}
.page-box ul li:hover a,.title-list dl dd:hover a{color:#fff}
.page-box ul .page-active,.title-list .title-active{border-color:#c00;background-color:#c00}
.page-box ul .page-active a,.title-list .title-active a{color:#fff}
.nr-box{width:1200px;margin:30px auto 0}
.about-wb,.contact-box{font-size:15px;color:#333;line-height:30px;overflow:hidden}
.about-wb img{max-width:1200px;display:block;margin:5px auto}
.product-list ul li{width:360px;height:360px;position:relative;overflow:hidden;float:left;margin:20px;background-color:#eee}
.product-list ul li img{width:360px;height:360px;display:block}
.product-list ul li p{position:absolute;font-size:15px;color:#333;font-weight:600;text-align:center;width:90%;padding:18px 0;bottom:30px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);background:#fafafa;box-shadow:0 2px 6px 0 rgba(6,0,1,.1)}
.product-list ul li:hover p{color:#c00}
.product-list ul li:hover{box-shadow:0 2px 6px 0 rgba(6,0,1,.1)}
.page-box{position:relative;height:44px;margin-top:30px}
.page-box ul{overflow:hidden;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.page-box ul li{float:left;margin:5px;border:1px solid #ccc;height:34px;line-height:24px;background:0 0}
.page-box ul li:hover{background-image:none}
.page-box ul li.cur{border-color:#c00;background-color:#c00;color:#fff}
.page-box ul li.cur a{border-color:#c00;background-color:#c00;color:#fff}
.page-box ul li span{margin:5px;padding:12px 12px;height:34px;line-height:24px}
.page-box ul li span{line-height:38px;text-align:center;font-size:15px}
.page-box ul li a{font-size:15px;color:#666;padding:6px 12px;display:block}
.xq-title h1{font-size:24px;color:#333;text-align:center}
.xq-sj{overflow:hidden;position:relative;height:40px;margin:10px 0;border-bottom:1px dashed #ddd}
.xq-sj ul{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.xq-sj ul li{float:left;font-size:13px;color:#999;margin:5px}
.sx{margin:20px 0}
.sx li{font-size:15px;color:#333;margin-top:6px}
.sx li a{color:#666}
.sx li a:hover{color:#c00;border-bottom:1px solid #c00}
.news-ny li .news-sj{width:379px;overflow:hidden;height:142px}
.news-ny li .news-sj img{width:379px;height:179px;display:block}
.news-ny .news-nr{width:750px}
.news-ny .news-nr span{font-size:13px;color:#ccc;margin-top:15px;display:block}
.news-ny .news-nr p{line-height:28px;margin-top:10px;color:#666;display:inline-block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-ny .news-nr a{font-size:14px;color:#999;margin-top:5px;display:block}
.news-ny li:hover .news-nr a{color:#c00}
.contact-box dl dt{color:#c00;font-size:24px}
.contact-box img{width:100%;display:block;margin:10px auto}
.contact-box h2{font-size:24px;color:#333;text-align:center;margin-top:15px;display:block}
.contact-box form{overflow:hidden;margin-top:20px}
.contact-box form input,.contact-box form textarea{font-size:15px;color:#333;display:block;outline:0;border:1px solid #ccc}
.contact-box form input:focus,.contact-box form textarea:focus{border-color:#c00}
.contact-box form input[type=text]{width:508px;padding:10px 5px;float:left;margin:20px 40px}
.contact-box form textarea{width:1110px;height:100px;padding:10px 5px;margin:20px 40px}
.contact-box form input[type=submit]{width:1120px;padding:10px 5px;margin:20px 40px;color:#666;background-color:#eee;border-color:#eee;cursor:pointer}
.contact-box form input[type=submit]:focus,.contact-box form input[type=submit]:hover{background-color:#c00;color:#fff;border-color:#c00}
