﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
body{font-family:'Microsoft YaHei',"Open Sans",sans-serif;font-size:14px;color:#333}
input,select,textarea{font-family:微软雅黑,"Open Sans",sans-serif;font-size:1em}
.wrap{width:96%;margin:0 auto;max-width:1200px;position:relative}
a{color:#333}
a:hover{color:#ffcb00}
a,img{border:0}
li,ul{list-style:none}
*{margin:0;padding:0}
.flt{float:left}
.frt{float:right}
.clear{clear:both}
.clear:after,.clear:before{content:'';clear:both;display:table}
img{max-width:100%}
.img{overflow:hidden;position:relative}
.img:before{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.5)}
.img:hover{background:#000}
.img:hover img{opacity:.85;transform:scale(1.05) rotate(1deg);-o-transform:scale(1.05) rotate(1deg);-webkit-transform:scale(1.05) rotate(1deg);-moz-transform:scale(1.05) rotate(1deg);-ms-transform:scale(1.05) rotate(1deg)}
h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
*,:after,:before{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.fp_modal,.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
.fp_modal{display:table}
.modal{transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;background:rgba(0,0,0,.7)}
.fp_modal .cell{display:table-cell;vertical-align:middle}
.modal_cont{max-width:990px;margin:0 auto;width:90%;background:#fff;position:relative}
.modal_cont .close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:url(../img/close.png) no-repeat center center #ccc;border-radius:100%;cursor:pointer}
.modal_cont .box{padding:45px}
.header{background:rgba(255,255,255,.95);line-height:70px;position:fixed;top:0;left:0;width:100%;z-index:1000}
.logo{float:left}
.logo img{vertical-align:middle}
.menu{float:right}
.menu ul li{float:left;margin-left:50px;text-align:center}
.menu ul li a{display:inline-block;color:#333;position:relative;padding:0 10px}
.menu ul li a:before{content:'';display:block;position:absolute;width:0;margin:0 auto;left:0;right:0;top:50%;margin-top:-5px;z-index:-1;height:10px;background:#ffcb00;border-radius:5px}
.menu ul li a:hover:before,.menu ul li.on a:before{width:100%}
.menu ul li a:hover,.menu ul li.on a{color:#000}
.tel{position:absolute;top:50%;right:0;line-height:24px;border-left:1px solid #445863;margin-top:-12px;padding:0 30px}
.tel span{color:#ffdb60;font-size:16px;padding:0 30px;background:url(../img/icon1.png) no-repeat left center}
.banner .item{position:relative;font-family:Arial}
.banner .item .text{left:0;width:100%;text-align:center;color:#fff;position:absolute;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px}
.banner .text h2{font-size:2em;margin-bottom:1em}
.owl-theme .owl-dots .owl-dot span{width:16px;height:16px;margin:0 10px;opacity:.6}
.owl-theme .owl-dots{margin-bottom:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff;opacity:1}
.banner .img1{overflow:hidden}
.page{padding-bottom:40px}
.page.on{background:#f4f4f4}
.wrap .page_tit{background:0 0}
.page_tit{padding:40px 0;text-align:center;margin-bottom:40px;background:#fff}
.page_tit h3{font-size:42px;font-weight:400;letter-spacing:2px}
.page_tit label{display:block;margin:0 auto;margin-top:20px;width:78px;height:5px;background:#222}
.page_tit p{color:#343434;font-size:16px;margin:0 auto;margin-top:20px}
.page_tit h4{margin-bottom:20px;text-transform:uppercase;color:#dedede;font-size:20px;font-family:Arial;letter-spacing:30px;margin-left:25px}
.page_tag{margin-top:40px}
.page_tag li{display:inline-block;margin:0 20px}
.page_tag li a{color:#333;display:block;padding:0 10px;position:relative;z-index:1}
.page_tag li a:hover,.page_tag li.on a{color:#000}
.page_tag li a:before{content:'';display:block;position:absolute;width:0;margin:0 auto;left:0;right:0;top:50%;margin-top:-5px;z-index:-1;height:10px;background:#ffcb00;border-radius:5px}
.page_tag li a:hover:before,.page_tag li.on a:before{width:100%}
.owl{position:relative}
.owl_cur{position:absolute;top:50%;margin-top:20px;height:0;left:2%;right:2%;z-index:10}
.owl_cur span{cursor:pointer;display:block;width:30px;height:70px;border-radius:2px;background:url(../img/cur1.png) no-repeat center center rgba(0,0,0,.5)}
.owl_cur span.prev{float:left}
.owl_cur span.next{float:right;background:url(../img/cur2.png) no-repeat center center rgba(0,0,0,.5)}
.owl_cur span:hover{background-color:rgba(0,0,0,.75)}
.full{position:fixed;top:50%;right:0;z-index:1001}
.full li a{display:block;width:52px;height:52px;margin-bottom:1px;position:relative;background:#ffcb00;z-index:1}
.full li a:hover label,.full li a:hover span{background-color:#ffcb00!important}
.full li:last-child a{border-bottom:0}
.full li a span{display:block;width:52px;height:52px;position:relative;z-index:100;background-position:center center;background-repeat:no-repeat}
.full li:nth-child(1) a,.full li:nth-child(2) a{z-index:2}
.full li a label{display:block;width:100px;white-space:nowrap;padding:0 20px;position:absolute;line-height:52px;color:#000;z-index:-1;background:#ffcb00;bottom:0;left:100%;box-sizing:inherit;max-width:300%}
.full li a:hover label{left:-120px}
.full li a .lbl_img{padding:10px;height:auto;line-height:normal}
.full li a span.span1{background-image:url(../img/full1.png)}
.full li a span.span2{background-image:url(../img/full2.png)}
.full li a span.span3{background-image:url(../img/full3.png)}
.full li a span.span4{background-image:url(../img/full4.png)}
.pro_list li{width:33.333%;float:left}
.pro_list li:nth-child(3n+1){clear:both}
.pro_list li a{display:block;margin:18px 15px}
.pro_list ul{margin:-18px -15px}
.pro_list a:hover p{background:#ffcb00;text-align:left}
.pro_list p{line-height:70px;text-align:center;font-size:18px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px}
.pro_list .img img{display:block;width:100%}
.pro_list .img{box-shadow:0 0 20px rgba(0,0,0,.05)}
.pro_list p span{display:block;background:no-repeat right center}
.pro_list a:hover p span{background:url(../img/icon1.png) no-repeat right center}
ul:after{clear:both;content:'';display:block}
.more{padding:40px 0;text-align:center}
.more a{display:inline-block;padding:0 60px;line-height:44px;background:#ffcb00;border-radius:5px;color:#222}
.more a:hover{padding:0 80px}
.about .tit{background:#6649cb;padding:37px 0}
.about ul li{padding:10px 0;width:25%;float:left;margin-left:-1px;border-left:1px solid #856dd5;text-align:center;color:#fff}
.about ul li:first-child{border-left:0;margin-left:0}
.about ul li h3{display:inline-block;font-size:36px;padding:0 20px;background:url(../img/icon2.png) no-repeat right 5px;margin-bottom:15px}
.about .text{max-width:916px;margin:0 auto;line-height:32px;color:#666;margin-top:40px;text-align:center}
.news{margin-bottom:30px;position:relative;padding-left:566px}
.news_lt{position:absolute;top:0;left:0;width:536px}
.news_list{padding-right:30px;line-height:88px}
.news_list p{white-space:nowrap;background:no-repeat right center;text-overflow:ellipsis;overflow:hidden}
.news_list li{border-bottom:1px dashed #999}
.news_list li:last-child{border-bottom:0}
.news_list span{position:absolute;top:0;right:0;color:#999}
.news_list label{display:block;float:left;line-height:22px;padding:0 9px;border-radius:10px;background:#ffcb00;font-size:14px;margin-top:32px;margin-right:20px;color:#333}
.news_list a{display:block;padding-left:30px;background:url(../img/icon3.png) no-repeat left center;position:relative;padding-right:100px}
.news_list a:hover{width:100%;padding-right:30px;background:#ffcb00 no-repeat left center}
.news_list a:hover p{background:url(../img/icon4.png) no-repeat right center;font-size:18px;color:#333}
.news_list a:hover label,.news_list a:hover span{display:none}
.news{box-shadow:0 0 5px rgba(0,0,0,.1);background:#fff}
.link_owl{margin-bottom:30px}
.link_owl a:hover{border-color:#e7e3e2}
.link_owl a{display:block;border:1px solid #fff;line-height:150px;height:150px;text-align:center}
.link_owl.owl-carousel .owl-item img{display:inline-block;vertical-align:middle}
.link_owl.owl-theme .owl-controls{bottom:auto;top:50%;left:0;right:0;height:0;margin-top:-24px}
.link_owl.owl-theme .owl-controls .owl-nav [class*=owl-]{width:40px;height:40px;background-color:#ccc;background-position:center center;background-repeat:no-repeat;border-radius:0;margin:0;padding:0}
.link_owl.owl-theme .owl-controls .owl-nav .owl-prev{float:left;background-image:url(../img/cur3.png)}
.link_owl.owl-theme .owl-controls .owl-nav .owl-next{float:right;background-image:url(../img/cur4.png)}
.link_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color:#ffcb00}
.footer{background:#ffcb00;padding:60px 0;text-align:center}
.f_nav li{display:inline-block;margin-bottom:28px;padding:0 20px}
.f_nav li a:hover{color:#333;text-decoration:underline}
.about_list{margin-top:40px}
.about_list .item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;line-height:33px}
.about_list .item:last-child{border-bottom:0}
.about_list .item h3{font-size:18px;font-weight:400;line-height:70px;color:#000}
.page_about .page_tag{margin-top:0;padding:10px 0}
.page_about{padding-bottom:0}
.page_about .page_tit{margin-bottom:0;border-bottom:1px solid #e6e6e6}
.his_list{margin:40px 0;padding:40px 0;position:relative}
.his_list .line{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;background:#ffcb00}
.his_list li{width:50%;clear:both;line-height:32px}
.his_list li .box{position:relative}
.his_list li span{top:8px;display:block;position:absolute;width:8px;height:8px;border-radius:100%;background:#ffcb00;border:4px solid #fff}
.his_list li label{position:absolute;width:50px;height:2px;background:#eee;top:15px}
.his_list li h3{font-size:18px;font-weight:400;color:#000;margin-bottom:10px}
.his_list li:nth-child(2n+1){float:left;text-align:right}
.his_list li:nth-child(2n+1) label{right:15px}
.his_list li:nth-child(2n+1) .box{padding-right:80px}
.his_list li:nth-child(2n+1) span{left:100%;margin-left:-8px}
.his_list li:nth-child(2n){float:right}
.his_list li:nth-child(2n) .box{padding-left:80px}
.his_list li:nth-child(2n) span{right:100%;margin-right:-8px}
.his_list li:nth-child(2n) label{left:15px}
.ry_list{margin:40px 0}
.ry_list li{text-align:center;width:25%;float:left}
.ry_list li:nth-child(4n+1){clear:both}
.ry_list li .box{margin:20px}
.ry_list li .img{border:1px solid #e1e1e1}
.ry_list li p{font-size:18px;margin-top:20px}
.ry_list li img{display:block;width:100%}
.zp_list .list{padding:15px 30px;background:#fff;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.05)}
.zp_list{padding-top:30px}
.zp_list .list .tit{cursor:pointer;line-height:40px}
.zp_list .list .tit h3{font-size:18px;color:#000;background:url(../img/icon5.png) no-repeat center right}
.zp_list .list .tit.on h3,.zp_list .list .tit:hover h3{background:url(../img/icon5-1.png) no-repeat center right}
.zp_list .list .text label{display:block;width:35px;height:3px;background:#000;margin:10px 0}
.zp_list .list .text h4{font-size:14px;color:#000;margin-top:20px}
.zp_list .list .text{line-height:32px;color:#666;display:none;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s}
.cont_list li{display:inline-block;width:40%;text-align:left;white-space:nowrap}
.cont_list li.frt{width:auto}
.cont_list{text-align:center;margin:40px 0;line-height:40px}
.cont_list span{display:block;float:left;width:40px;height:40px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-color:#ffcb00;margin-right:20px}
.cont_list span.span1{background-image:url(../img/icon6.png)}
.cont_list span.span2{background-image:url(../img/icon7.png)}
.cont_list span.span3{background-image:url(../img/icon8.png)}
.inputs ul{width:412px;float:left;margin-right:30px}
.div_textarea{overflow:hidden}
.div_input{padding:0 20px;line-height:46px;background:#f4f4f4}
.div_input input{width:100%;border:0;background:0 0}
.inputs li{margin-bottom:20px}
.div_textarea{padding:10px 20px;background:#f4f4f4}
.div_textarea textarea{width:100%;border:0;display:block;height:158px;line-height:25px;resize:none;background:0 0}
.inputs .btn{text-align:center;padding:20px 0}
.inputs .btn a{color:#333;display:block;width:150px;line-height:44px;border-radius:2px;background:#ffcb00;margin:0 auto}
.inputs .btn a:hover{width:170px}
.pro_tit{margin-bottom:50px;padding:50px 0;background:#fff;line-height:32px}
.pro_tit span{display:block;float:left;margin:10px 0}
.pro_tit ul{overflow:hidden}
.pro_tit li a{background:#f4f4f4;display:block;padding:0 18px}
.pro_tit li a:hover,.pro_tit li.on a{background:#ffcb00;color:#333}
.pro_tit ul li{display:block;margin:10px;float:left}
.pagesize{background:#fff;padding:60px 0;text-align:center}
.pagesize a.on,.pagesize a:hover{background-color:#ffcb00;color:#333}
.pagesize a{display:inline-block;min-width:14px;height:34px;text-align:center;line-height:34px;background:#f4f4f4 no-repeat center center;vertical-align:middle;margin:5px;padding:0 10px}
.pro_details{background:#f4f4f4;padding-bottom:50px}
.pro_details .tit{background:#fff;padding:80px 0 50px}
.pro_details .tit h2{text-align:center;font-size:28px;font-weight:400}
.pro_details .text{line-height:1.5}
.pro_details .text p{line-height:1.5;color:#666;text-align:justify;margin-top:30px}
.pro_details .text .center{margin-top:30px}
.pro_details .text .center img{display:block;max-width:100%;margin:0 auto}
.recommend{padding:60px 0 100px}
.recommend .tit{text-align:center;margin-bottom:40px}
.recommend .tit h3{font-weight:400;font-size:22px;color:#ffb400}
.recommend .tit h3 span{display:inline-block;padding:0 24px;background:url(../img/icon9.jpg) repeat-x left center}
.recommend .tit h3 span em{font-style:normal;display:inline-block;padding:0 20px;background:#fff}
.page_news{padding-top:20px}
.page_news ul li{margin-top:40px}
.page_news ul li .img{float:left;position:relative;width:269px;height:178px;overflow:hidden;margin-right:60px}
.page_news ul li .img a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}
.page_news ul li .img img{display:block;width:100%}
.page_news ul li .web{overflow:hidden;padding-right:123px;position:relative;padding-top:33px}
.page_news ul li .web .cell{display:table-cell;vertical-align:middle}
.page_news ul li .web .cell.cell_more{width:123px}
.page_news ul li .web .text{border-right:1px solid #e7e3e2;padding-right:60px;padding-top:7px}
.page_news ul li .web .text h3{font-size:18px;font-weight:400}
.page_news ul li .web .text h3 span{float:right;font-size:16px;color:#999}
.page_news ul li .web .text p{line-height:32px;color:#666;margin-top:22px}
.page_news ul li .web .btn_more{position:absolute;right:0;top:73px}
.page_news ul li .web .btn_more a{display:block;width:81px;height:30px;line-height:30px;border:1px solid #e7e3e2;text-align:center;color:#666}
.page_news ul li .web .btn_more a:hover{background:#ffcb00;color:#333}
.vedio_list{padding:40px 0 100px}
.vedio_list ul{margin:0 -1.5%}
.vedio_list ul li{float:left;width:30.333%;margin:18px 1.5%;position:relative}
.vedio_list ul li a{display:block}
.vedio_list ul li .img1 img{display:block;width:100%}
.vedio_list ul li .vedio_mc{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.vedio_list ul li .text{position:absolute;left:20px;right:20px;bottom:20px;line-height:58px}
.vedio_list ul li .text p{font-size:18px;color:#fff}
.vedio_list ul li .text p label{display:inline-block;float:right;height:58px;width:58px;background:url(../img/icon10.png) no-repeat center center}
.pro_details.news_details{background:#fff}
.pro_details.news_details .tit{padding:50px 0 27px;border-bottom:1px solid #e6e6e6}
.pro_details.news_details .tit h2{text-align:left;font-size:26px}
.pro_details.news_details .tit p{color:#666;margin-top:15px}
.pro_details.news_details .tit p span{float:right;color:#d9d9e0}
.pro_details.news_details .tit p a{color:#666;margin:0 20px}
@media only screen and (max-width:1600px){.banner .item .text{font-size:22px}
}
@media only screen and (max-width:1200px){.banner .item .text{font-size:20px}
	.banner img{width:120%;margin-left:-10%;max-width:initial}
}
@media only screen and (max-width:1000px){.banner .item .text{font-size:18px}
	.banner img{width:150%;margin-left:-25%}
}
@media only screen and (max-width:850px){.menu{position:fixed;top:0;left:-100%;width:100%;height:100%;background:#fff}
	.menu ul li{float:none;display:block;border-bottom:1px solid #ddd;padding:0}
	.menu ul li a{line-height:45px;font-size:18px}
	.menu ul{padding-top:60px}
	.header .logo{position:relative;z-index:1001;line-height:60px}
	.menu_wrap{position:absolute;top:10px;width:40px;height:40px;background:url(../img/menu.png) no-repeat center center #ffcb00;background-size:25px auto;right:5px}
	.h_menu .menu_wrap{background:url(../img/menu-1.png) no-repeat center center #ffcb00;background-size:25px auto}
	.h_menu .menu{left:0}
	.header{line-height:60px}
	.page_tit{padding:20px 0}
	.footer{padding:30px 0}
	.f_nav li{margin-bottom:10px}
	.full{display:none}
	.ry_list li{width:50%}
	.pro_tit{padding:20px 0}
	.pro_tit ul li{margin:5px}
	.pro_tit span{margin:5px 0}
	.pro_tit li a{padding:0 10px}
	.pro_list p{font-size:14px;line-height:35px}
	.pro_list li{width:50%}
	.pro_list li:nth-child(3n+1){clear:none}
	.pro_list li:nth-child(2n+1){clear:none}
	.pro_list li a{margin:10px}
	.pro_list ul{margin:0}
	.pro_tit{margin-bottom:20px}
	.pagesize{padding:20px 0}
	.his_list li{line-height:26px}
	.cont_list li{width:100%;float:none;display:block;margin:10px 0}
	.page_tag li{margin:0 1px}
	.page_tag{margin-top:20px}
	.page_tit{margin-bottom:10px}
	.more{padding:20px 0}
	.page{padding-bottom:20px}
	.about ul li{width:50%;margin:5px -1px}
	.news{padding-left:0}
	.news_lt{width:100%;position:initial;top:auto;left:auto;bottom:auto;right:auto}
	.news_lt img{width:100%}
	.news_list{line-height:50px;padding:0 20px}
	.news_list label{margin-top:14px}
	.page_tit h3{font-size:30px}
	.page_tit h4{margin-bottom:10px}
	.ht30{height:0}
	.inputs ul{width:100%;float:none}
	.cont_list{margin:20px 0}
	.page_news ul li .web .btn_more{display:none}
	.page_news ul li .img{width:200px;height:auto;margin-right:20px}
	.page_news ul li .web{padding:0}
	.page_news ul li .web .text{padding-right:0;border-right:0}
	.page_news ul li .web .text p{margin-top:10px}
	.page_news ul li .web .text h3 span{float:none;display:none}
	.pro_details .tit{padding:20px 0}
	.vedio_list ul li{width:50%;margin:0}
	.vedio_list ul li a{display:block;margin:10px;position:relative}
	.vedio_list ul li .text{bottom:10px;left:10px;right:10px}
	.vedio_list{padding:20px 0}
}
@media only screen and (max-width:600px){.vedio_list ul li{width:100%}
	.f_nav li{padding:0 5px}
	.banner img{width:200%;margin-left:-50%}
	.pro_list li{width:100%}
	.pagesize a{min-width:6px;height:26px;line-height:26px}
	.pro_details .tit h2{font-size:20px;line-height:30px}
	.recommend .tit{margin-bottom:10px}
	.recommend{padding:20px 0}
	.page_news ul li .img{width:140px;margin-right:15px}
	.page_news ul li{margin-top:20px}
	.pro_details.news_details .tit h2{font-size:20px;line-height:30px}
	.pro_details.news_details .tit{padding:15px 0}
	.pro_details .text p{line-height:26px;margin-top:10px}
	.page_tag li{line-height:25px}
	.ry_list li .box{margin:10px}
	.ry_list{margin:20px 0}
	.zp_list .list{padding:5px 10px}
	.zp_list .list .text{line-height:26px}
	.his_list li:nth-child(2n+1){float:none}
	.his_list li{float:none!important;width:100%;padding:0!important;text-align:left!important}
	.his_list li .box{padding:0!important;padding-left:20px!important}
	.his_list li label{display:none}
	.his_list li span{right:auto!important;margin:0!important;left:0!important;top:5px!important}
	.his_list ul li{margin-bottom:15px}
	.page_news ul li .web .text p{height:54px;line-height:26px;overflow:hidden}
	.his_list .line{left:8px}
	.his_list{padding:20px 0;margin:20px 0}
	.about_list .item h3{line-height:50px}
	.about_list .item{line-height:26px}
}
