﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
.clearfix{overflow:hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0}
#footer,#header,#main{width:100%;overflow:hidden}
.wrapper{width:994px;margin:0 auto;display:block;position:relative}
@font-face{font-family:myFirstFont;src:url(../other/zaofang.OTF),url(../other/zaofang.ttf),url(../other/zaofang.eot)}
#footer ul li,#footer ul li a,.nav ul li a:after,.pdc_list li b,.pdc_list li img,.sidebar ul li a{transition:all 250ms;-webkit-transition:all 250ms}
.delay1{animation-delay:.2s;-webkit-animation-delay:.2s}
.delay2{animation-delay:.4s;-webkit-animation-delay:.4s}
.delay3{animation-delay:.6s;-webkit-animation-delay:.6s}
.delay4{animation-delay:.8s;-webkit-animation-delay:.8s}
.delay5{animation-delay:.2s;-webkit-animation-delay:.2s}
.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.logo{height:215px;background:url(../img/logo_bg.png) no-repeat center;overflow:hidden}
.logo h1 a{display:block;width:473px;height:185px;margin:-83px auto 0 auto;background:url(../img/logo.png);text-indent:-999em}
.logo span b{display:block;width:35px;height:43px;background:url(../img/light1.png);text-indent:-999em;margin:0 auto}
.logo span i{display:block;width:135px;height:92px;background:url(../img/light.png);text-indent:-999em;margin:-3px auto 0 auto;position:relative;z-index:2;animation:i_opacity 2s linear infinite alternate;-webkit-animation:i_opacity 2s linear infinite alternate}
@keyframes i_opacity{from{opacity:1}
	to{opacity:.4}
}
@-webkit-keyframes i_opacity{from{opacity:1}
	to{opacity:.4}
}
.nav{overflow:hidden;line-height:45px;background:url(../img/nav_bg2.png) no-repeat center}
.nav ul li{float:left}
.nav ul li a{display:block;width:142px;text-align:center;font-size:14px;color:#ad8f40;position:relative}
.nav ul li a:after{display:block;content:'';width:60px;height:1px;background:#ddcab3;position:absolute;left:50%;margin-left:-30px;top:30px;opacity:0}
.nav ul li a:hover:after{top:35px;opacity:1}
.product{background:url(../img/pdc_bg.png) no-repeat center;height:742px;position:relative}
.product ul{overflow:hidden}
.product ul li{float:left;text-align:center;margin-left:5px}
.product ul li:first-child{margin-left:0}
.product ul li p{width:194px;height:188px;position:relative;font-family:myFirstFont}
.product ul li p span{font-size:34px;color:#442c28;text-align:center;display:block;position:absolute;top:68px;left:47px}
.product ul li p span small{display:block;font-size:14px;color:#a17831}
.product ul li a{display:block;width:94px;line-height:24px;color:#d5c5b4;font-size:12px;text-align:center;background:url(../img/more.png);margin:0 auto}
.product ul li p span b{display:block;font-weight:500}
.product ul li.li_4 p span{top:25px;left:32px}
.li_1{margin-top:82px}
.li_1 p{margin-bottom:10px}
.li_2{margin-top:175px}
.li_2 p{margin-bottom:20px}
.li_3{margin-top:132px}
.li_3 p{margin-bottom:15px}
.li_4{margin-top:180px}
.li_5{margin-top:84px}
.li_5 p{margin-bottom:20px}
.product ul li img{display:block;animation:li_rotate 10s linear normal none infinite;-webkit-animation:li_rotate 10s linear normal none infinite}
@keyframes li_rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes li_rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.product ul li:hover img{animation-play-state:paused}
.activity{clear:both;overflow:hidden;width:656px;margin:155px auto 0 auto}
.a_more{width:287px;height:113px;background:url(../img/huo.png) no-repeat center;float:left;position:relative}
.a_more p{font-size:30px;color:#4b1606;font-family:myFirstFont,"microsoft yahei";padding:19px 0 12px 30px}
.a_more a{display:block;width:100px;line-height:32px;text-indent:10px;font-size:14px;color:#ffcf5a;border-radius:20px;background:#4b1606 url(../img/more2.png) no-repeat 75px center;position:absolute;right:25px;top:68px}
.tel{width:369px;height:113px;background:url(../img/tel_bg.png) no-repeat center;float:left}
.tel span{color:#ffcf5a;display:block;background:url(../img/tel.png) no-repeat left center;padding-left:66px;margin-top:30px;margin-left:40px}
.tel span b{display:block;font-size:25px}
.yun img{display:block}
.yun img:first-child{position:absolute;top:278px;left:-180px;-webkit-animation:yun 10s infinite linear;-o-animation:yun 10s infinite linear;-moz-animation:yun 10s infinite linear;animation:yun 10s infinite linear}
.yun img+img{position:absolute;top:126px;right:-220px;-webkit-animation:yun2 10s infinite linear;-o-animation:yun2 10s infinite linear;-moz-animation:yun2 10s infinite linear;animation:yun2 10s infinite linear}
@keyframes yun{0%{transform:translateX(0)}
	20%{transform:translateX(10px)}
	40%{transform:translateX(20px)}
	60%{transform:translateX(0)}
	80%{transform:translateX(-20px)}
	100%{transform:translateX(0)}
}
@keyframes yun2{0%{transform:translateX(0)}
	40%{transform:translateX(-40px)}
	60%{transform:translateX(0)}
	80%{transform:translate(10px)}
	100%{transform:translateX(0)}
}
.company{height:630px;background:url(../img/company_bg.png) no-repeat center;overflow:hidden}
.c_left ul li{width:84px;height:336px;background:url(../img/c1.png) no-repeat center;float:left;margin-right:30px;transform-origin:50% 0;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:rotate(10deg);animation-name:sign;animation-duration:6s}
@keyframes sign{0%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}
	25%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
	50%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}
	75%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
	100%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}
}
@-webkit-keyframes sign{0%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}
	25%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
	50%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}
	75%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
	100%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}
}
.c_left ul li span{display:block;font-size:14px;color:#ebae15;width:14px;margin:192px auto 0 auto}
.c_right{width:400px;float:right;margin-top:137px}
.c_right h3 span{display:inline-block;font-size:40px;color:#e1bf5d;font-weight:500;font-family:myFirstFont,'microsoft yahei';background:url(../img/c_bg2.png) no-repeat right center;padding-right:75px}
.c_right p{font-size:14px;color:#e0dede;line-height:35px;margin-top:30px}
.c_right p a{float:right;color:#e1bf5d}
.c_right p a:hover{text-decoration:underline}
.honor_students{height:1090px;padding-top:112px;background:url(../img/main_bg.png) no-repeat center;position:relative}
.honor{width:1013px;height:288px;background:url(../img/honor_bg.png) no-repeat center}
.ul_wrapper{background:url(../img/line.png) no-repeat center 82px;width:772px;float:left;margin:60px 0 0 144px}
.honor ul{width:1200px}
.honor ul li{float:left;width:155px;text-align:center}
.honor ul li:first-child{margin-left:20px}
.honor ul li small{display:block;width:21px;height:21px;border-radius:50%;position:relative;margin:0 auto;cursor:pointer}
.honor ul li em{display:block;width:21px;height:21px;background:#826e46;border-radius:50%;position:relative;margin:0 auto;z-index:1;opacity:0}
.em_animate{animation:h_opacity 2s infinite alternate;-webkit-animation:h_opacity 2s infinite alternate}
.honor ul li b{display:block;width:15px;height:15px;line-height:15px;background:#b1975c;border-radius:50%;position:absolute;top:50%;margin-top:-7.5px;left:50%;margin-left:-7.5px;z-index:2;opacity:0}
.b_animate{animation:h_opacity 1s infinite alternate;-webkit-animation:h_opacity 1s infinite alternate}
@keyframes h_opacity{from{opacity:0}
	to{opacity:1}
}
@-webkit-keyframes h_opacity{from{opacity:0}
	to{opacity:1}
}
.honor ul li i{display:block;width:9px;height:9px;background:#f5d67c;border-radius:50%;position:absolute;top:50%;margin-top:-4.5px;left:50%;margin-left:-4.5px;z-index:3}
.honor ul li p,.honor ul li span{font-size:14px;color:#e1bf5d}
.honor ul li span{display:block;font-family:myFirstFont;font-size:18px;margin-top:6px}
.honor ul li p{padding-bottom:15px;height:57px;opacity:0}
.p_animate{opacity:1!important;transform:translateY(5px);-webkit-transform:translateY(5px);transition:all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out}
.students h1{width:635px;height:143px;background:url(../img/h.png);text-indent:-999em;margin-top:170px;position:relative;left:50%;margin-left:-252.5px}
.students p{font-size:18px;color:#d3d0cf;text-align:center;margin:30px 0 38px 0}
.students ul li{float:left;margin-left:14px;margin-bottom:9px;position:relative;background:#000;width:234px;height:157px}
.students ul li:first-child{width:490px;height:327px;margin-left:0}
ul.feng li b{display:block;width:100%;height:100%;overflow:hidden;background:#000}
ul.feng li:before{top:30px;right:20px;bottom:30px;left:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;z-index:2}
ul.feng li:after,ul.feng li:before{pointer-events:none;position:absolute;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
ul.feng li:after{top:20px;right:30px;bottom:20px;left:30px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
ul.feng li:hover:after,ul.feng li:hover:before{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}
ul.feng li p{-webkit-transition:all .2s linear;transition:all .2s linear}
ul.feng li img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;display:block;width:100%;height:100%}
ul.feng li img:hover{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}
ul.feng li img,ul.feng li:hover:after{-webkit-transition-delay:.15s;transition-delay:.15s}
#footer{min-height:281px;background:url(../img/footer_bg1.png) no-repeat top center;text-align:center;position:relative}
#footer:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url(../img/footer_bg2.png) repeat-y;z-index:-1}
#footer .copyright{padding:10px;text-align:center;font-size:12px;color:#ffcf5a}
#footer .copyright a{color:#ffcf5a}
#footer ul li{float:left;margin-top:110px;margin-right:10px;padding:4px;border:1px solid rgba(76,24,13,0);border-radius:50%}
#footer ul li a{display:block;width:43px;height:43px;background:#9f5e24;border-radius:50%;position:relative}
#footer ul li a i{display:block;width:26px;height:22px;background-image:url(../img/all.png);background-repeat:no-repeat;position:absolute;left:50%;margin-left:-13px;top:50%;margin-top:-11px;text-indent:-999em}
#footer ul li:first-child+li i{background-position-x:-28px}
#footer ul li:first-child+li+li i{background-position-x:-62px}
#footer ul li:first-child+li+li+li i{background-position-x:-92px}
#footer ul li:hover{border:1px solid #84451d}
#footer ul li:hover a{background:#e29735}
#footer img{float:left;display:block;width:86px;height:86px;padding:5px;background:#48130e;margin-top:88px;margin-left:10px}
#footer h1{width:233px;height:187px;margin-top:80px;display:inline-block}
#footer h1 img{width:100%;height:100%;object-fit:contain;margin:0;float:none;padding:0;background:0 0}
#footer p{float:right;font-size:18px;color:#ffcf5a;margin-top:115px;width:330px}
#footer p span{display:block;font-size:30px;font-family:myFirstFont}
#info{background:url(../img/info_bg.png);background-size:cover;min-height:735px;overflow:hidden;padding-bottom:100px}
.h_title{background:url(../img/info_bg2.png) no-repeat center top;border-bottom:1px solid #868075}
.h_title p{padding:70px 0 20px 0;overflow:hidden}
.h_title p>span{float:right;background:url(../img/home.png) no-repeat left center;padding-left:25px;font-size:14px;color:#9a7d71}
.h_title p a{color:#9a7d71}
.sidebar{width:304px;background:url(../img/sidebar.png) no-repeat;margin-top:-10px;height:36px;overflow:hidden;position:relative;float:left}
.sidebar img{display:block;position:absolute;bottom:0;left:0}
.sidebar p{font-size:28px;color:#f5f5f5;background:url(../img/s_bg.png) no-repeat center bottom;padding-bottom:20px;text-align:center;padding-top:95px;margin-bottom:18px}
.sidebar ul li a{display:block;width:175px;margin:0 auto;line-height:62px;border-bottom:1px dashed #7e5c5d;font-size:14px;color:#f5f5f5;text-align:center}
.sidebar ul li a.cur{color:#fadf71}
.sidebar ul li a:hover{color:#fadf71}
.info_right{width:580px;padding:40px 40px;min-height:720px;margin-top:40px;float:right;background:url(../img/info_bg3.png);background-size:100% 100%}
.info_right:after{display:block;content:'';width:1px;height:1px;background:#000;position:absolute;top:280px;left:0}
.p_content{font-size:15px;color:#111;line-height:35px!important}
.pdc_list li{margin-bottom:20px}
.pdc_list li b{width:360px;height:220px;margin:0 auto;display:block;background:#000}
.pdc_list li img{display:block;width:100%;height:100%;opacity:1}
.pdc_list li span{display:block;text-align:center;line-height:55px;font-size:23px;color:#111;font-family:myFirstFont}
.pdc_list li img:hover{opacity:.8}
.pdc_list li b:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.18);box-shadow:0 15px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
#page_num{background:#806860;color:#f5f5f5;border:none}
#prev_next a:hover{color:#806860}
#prev_next{font-size:14px;margin-top:20px}
div.page{margin:20px 0 20px 0;clear:both;float:right;font-size:14px}
div.page a{padding:2px 5px;margin:2px;color:#fff;text-decoration:none;background:#9b9b9b}
div.page a:hover{background:#5c5c5c}
div.page span.current{padding:2px 8px;font-weight:700;margin:2px;color:#fff;background-color:#6a564e}
div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd}
.f16,.meta{text-align:center;margin-bottom:10px}
.f16{font-size:25px;color:#4c3838;padding-bottom:10px}
.meta{font-size:14px}
.pdc_img{max-width:95%}
.content_p{margin-top:40px}
.content_p img{max-width:95%}
.content_p p{font-size:14px;line-height:30px}
.content_p span.sp{display:block;background-color:#ddd;color:#fff;margin-bottom:20px;overflow:hidden}
.content_p span.sp small{background:#0b3371;display:block;float:left;text-align:center;line-height:40px;width:120px}
form#form1 input[type=text]{opacity:.5;display:inline-block;height:25px}
form#form1 input[type=submit]{display:block;width:88px;line-height:30px;border:0;background:#4c3838;text-align:center;color:#f5f5f5;padding:0;font-size:12px;font-family:"microsoft yahei"}
form#form1 textarea{opacity:.5}
.order tr{line-height:35px}
form#form1 select{height:25px;opacity:.5}
#info .feng{width:780px}
#info .feng li{position:relative;width:282px;height:188px;float:left;margin:0 15px 15px 0}
.new_right{width:578px}
.new_right li{clear:both;overflow:hidden;border-bottom:1px dotted #4c3838;padding:35px 0}
.new_right li:first-child{margin-top:20px;padding-top:0}
.new_right li>span{display:block;float:left;text-align:center;font-size:36px;color:#424242;border-right:1px solid #000;padding:10px 20px 10px 0;position:relative}
.new_right li>span b{position:absolute;width:0;height:0;border-top:8px solid transparent;border-left:8px solid #585858;border-bottom:8px solid transparent;right:-8px;top:34px}
.new_right li>span small{display:block;font-size:14px}
.new_right li>a{display:block;float:right;width:475px}
#footer ul li a:hover,.new_right li>a:hover,.new_right li>a:hover span{color:#8c0000}
.new_right li>a span{display:block;font-size:14px;color:#707070;padding-top:12px}
.contact_us{padding:0 20px}
.contact_us h3{font-size:20px;color:#392a2a;margin:20px 0 10px 0}
.contact_us img,.contact_us ul{float:left}
.contact_us ul{width:260px}
.contact_us img{display:block;width:120px;height:120px;margin-right:20px;float:left}
.contact_us ul li{font-size:15px;line-height:30px;color:#392a2a}
.contact_us p{float:right;width:124px;height:112px;background:url(../img/logo2.png);text-indent:-999em}
.t_r{display:inline-flex;width:90px!important}
.pagess{clear:both;margin:20px;overflow:hidden;margin-left:0;text-align:center;font-size:12px}
.pagess ul li{display:inline-block;border:1px solid #999;padding:2px 9px;margin:0 3px;line-height:20px;color:#999}
.pagess ul li:hover{color:#fff;border:1px solid #4e070c;background:#4e070c}
.pagess ul li:hover a{color:#fff}
.pagess ul li.thisclass{display:inline-block;border:1px solid #4e070c;background:#4e070c;padding:2px 9px;margin:0 3px;color:#999}
.pagess ul li.thisclass a{color:#fff}
.pagess ul li a{display:block;color:#999}
.pagess ul li a:hover{color:#fff}
