﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@import url("base.css");#wp{width:100%;max-width:1200px;margin:0 auto}
#hd{background:#113961;box-shadow:0px 1px -2px rgba(0,0,0,.3);width:100%;margin:0 auto;z-index:9999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.fixed{top:-101px !important}
#hd .logo{height:112px;float:left}
#hd .logo a{display:block;height:100%;line-height:120px}
#hd .tel{height:112px;float:right}
a.tel{background:url(../img/tel.png) left center no-repeat;float:left;padding-left:75px;padding-top:50px;font-size:22px;color:#f8d37a;margin-right:115px;margin-top:18px}
#hd .tel img{padding-top:40px;display:inline-block;vertical-align:middle}
#hd .logo a img{display:inline-block;vertical-align:middle}
#nav{width:100%}
#nav ul li{float:left;line-height:70px;position:relative;width:14.2%}
#nav ul li a{display:inline-block;width:100%;text-align:center;font-size:17px;color:#fff;height:70px}
#nav ul li a:hover{background:url(../img/navhover.jpg) no-repeat center 56px}
#nav ul li a.on{background:url(../img/navhover.jpg) no-repeat center 56px}
#nav ul li ol.xlcd{position:absolute;top:72px;left:0;z-index:99999;width:100%;display:none}
#nav ul li ol.xlcd li{width:100%;height:48px;line-height:48px;padding:0;margin:0;background:rgba(15,117,188,0.6);float:none}
#nav ul li ol.xlcd li a{display:inline-block;width:100%;text-align:center;font-size:14px;color:#fff;height:48px;line-height:48px;border-top:1px solid #fff}
#nav ul li ol.xlcd li a:hover{background:rgba(15,110,188,1)}
#m-hd{display:none}
#m-hd{height:60px;line-height:60px;background-color:#fff;padding:0;position:relative;width:100%;z-index:999999}
#m-hd img{max-width:240px;height:35px;padding:0 0 0 5px;margin:0}
.m-trigger{position:absolute;top:0;right:10px;width:50px;color:#fff;text-align:center;font-size:30px;line-height:50px;cursor:pointer;background:url(../img/menu_add.png) center center no-repeat;-webkit-background-size:50px;background-size:25px;height:60px}
.m-nav{z-index:60;position:absolute;top:60px;width:100%;left:0;background:url(../img/alpha_black_70.png) repeat;text-align:center;display:none}
.m-nav li{position:relative;border-bottom:1px solid #565656}
.m-nav a{display:block;font-size:15px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px}
.m-nav a:hover,.m-nav a:active{color:#007cc2}
.m-nav li ol.ejcd{position:relative;top:0;left:0;z-index:99999;display:none;width:100%}
.m-nav li ol.ejcd li{width:100%;height:40px;line-height:40px;padding:0;margin:0;background:rgba(153,153,153,0.8);float:none}
.m-nav li ol.ejcd li a{display:inline-block;width:100%;text-align:center;font-size:13px;color:#eee;height:40px;line-height:40px;border-top:1px solid #fff}
.banner{width:100%;position:relative}
.fader{position:relative;font-family:"futura",arial;overflow:hidden;padding-top:29%}
.fader .slide{position:absolute;width:100%;height:100%;top:0;z-index:1;opacity:0}
.fader img.slide{height:auto}
.fader .prev,.fader .next{position:absolute;height:80px;line-height:55px;width:50px;font-size:100px;text-align:center;color:#fff;top:50%;left:0;z-index:4;margin-top:-25px;cursor:pointer;opacity:.8;transition:all 150ms}
.fader .prev:hover,.fader .next:hover{opacity:1}
.fader .next{left:auto;right:0}
.fader .pager_list{position:absolute;width:100%;height:40px;padding:0;line-height:40px;bottom:0;text-align:center;z-index:4}
.fader .pager_list li{display:inline-block;width:15px;height:15px;margin:0 7px;background:#fff;text-indent:-9999px;border-radius:999px;cursor:pointer;transition:all 150ms}
.fader .pager_list li:hover,.fader .pager_list li.active{opacity:1;background:#0f75bc}
.zbjs{background:#c6d7e5;clear:both;padding-top:3%}
h2.cptjbt{width:100%;color:#131313;font-size:27px;font-weight:bold;text-align:center;padding:30px 0 5px 0;z-index:1;margin:0}
h3.cptjfbt{width:100%;color:#7b849f;font-size:15px;text-align:center;padding:5px 0 35px 0;z-index:1;text-transform:uppercase;margin:0}
.btbjh{background:url(../img/btbj.png) no-repeat center 48px}
.about_nr{width:100%;padding-bottom:66px;overflow:hidden}
.about_nr_l{width:49.3%;background:#fff;padding:18px 0 0 0}
.about_nr_l h3{font-size:21px;color:#256fc2;width:90%;padding:18px 5%}
.about_nr_l p{font-size:15px;line-height:26px;color:#696969;width:90%;height:108px;overflow:hidden;padding:0 5%;text-indent:2em}
.about_nr_l a{display:block;color:#5a5a5a;font-size:15px;width:130px;padding:8px 0;border:#9e9e9e solid 1px;text-align:center;margin:20px 0 36px 5%}
.about_nr_l a:hover{color:#fff;background:#1861ae}
.about_nr_r{width:50%}
.about_nr_r dl{width:31.333%;margin:0;padding:0;margin-left:2%;float:left}
.about_nr_r dl dt{width:100%;padding-bottom:107%;position:relative;float:left}
.about_nr_r dl dt img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.about_nr_r dl dd{width:100%;height:80px;background:#fff;text-align:center;float:left;overflow:hidden}
.about_nr_r dl dd h4{color:#256fc2;font-size:18px;padding:20px 0 5px}
.about_nr_r dl dd p{color:#686868;font-size:13px;text-transform:uppercase}
.cplist{width:100%;background:url(../img/cpbj.png) repeat-y center;padding:0 0 20px}
h2.pt5{padding-top:35px;color:#fff}
h3.cptjfbt1{padding:5px 0 5px 0;color:#6eb1db}
.cplist p{text-align:center;color:#ddf2ff;line-height:30px;padding:20px 0 40px}
.cplist p a{display:inline-block;color:#ddf2ff}
.cplist ul li{width:24%;padding:0.5%;float:left}
.cplist ul li a{display:block;overflow:hidden;position:relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.cplist ul li a .imgk{width:100%;padding-bottom:75%;position:relative}
.cplist ul li a .imgk img{width:100%;height:100%;display:block;position:absolute;top:0;left:0}
.cplist ul li a .hover{width:100%;height:100%;text-align:center;position:absolute;top:-100%;left:0;background:rgba(210,99,98,0.4);transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.cplist ul li a .hover b{width:0;height:100%}
.cplist ul li a .hover .txt h3{color:#fff;font-size:15px;padding-bottom:26px}
.cplist ul li a .hover .txt span{color:#fff;font-size:13px;border:#fff solid 1px;padding:6px 20px}
.cplist ul li a .hover b,.hover .txt{display:inline-block;vertical-align:middle}
.cplist ul li a:hover .hover{top:0}
.cpgd{margin:28px 0 10px 0;width:100%;text-align:center}
.cpgd a{width:100px;height:50px;display:block;background:url(../img/xxjt.png) no-repeat center bottom;color:#fff;font-size:18px;margin:0 auto}
.cpgd a:hover{}
.cplst{background:#c6d7e5;clear:both;padding-top:2.5%;padding-bottom:3%}
.container{overflow:hidden;width:100%;max-width:1250px}
.container p{text-align:center;color:#256fc2;font-size:14px;line-height:50px}
.container img{width:220px;height:150px}
.s_newsbox{width:100%;background:#113961;padding:3% 0 4.2%}
.s_newsnr{width:50%;clear:right;float:left}
.s_newsnr h3{color:#fff;font-size:23px;font-weight:bold;padding-bottom:4.2%}
.s_newsnr h3 span a{color:#fff;font-size:12px;font-weight:bold}
.s_newsnr_l{float:left}
.s_newsnr_l img{width:212px;height:156px;margin-right:10px;margin-bottom:4px}
.s_newsnr_l p{width:212px;padding:0 5px;line-height:32px;height:32px;background:#afd5f9;color:#2f2f2f;font-size:13px;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}
.s_newsnr ul{}
.s_newsnr ul li{width:95%;line-height:38px}
.s_newsnr ul li a{display:block}
.s_newsnr ul li a{color:#fefefe;font-size:14px;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}
.s_newsnr ul li a span{background:#3071b2;color:#fff;font-size:12px;width:55px;height:22px;line-height:22px;display:inline-block;text-align:center;margin:0 10px}
.s_newsnr ul li a:hover{color:#dab866}
footer{width:100%;background:#242933;border-top:#c6d7e5 solid 30px}
.footer{width:100%;max-width:1200px;margin:0 auto;padding:3% 0}
.footer_l{clear:right;float:left;width:50%}
.footer_l img{float:left;margin-right:34px}
.footer_l h3{color:#ffffff;font-size:21px;line-height:48px}
.footer_l h3 a{color:#ffffff}
.footer_l h4{color:#cacaca;font-size:14px;line-height:28px}
.footer_l h4 a{color:#cacaca}
.footer_r{float:left;width:50%}
.footer_r ul{width:172px;height:176px;float:right;border-right:#4e5564 solid 1px}
.footer_r ul h3{color:#fff;padding-bottom:15px;font-size:16px;text-align:center}
.footer_r ul li{width:100%;line-height:30px;height:30px;text-align:center;overflow:hidden}
.footer_r ul li a{color:#c0c0c0;font-size:14px}
.footer_r ul:nth-of-type(1){border:none}
@media screen and (max-width:1199px){.about_nr_l{width:100%}
	.about_nr_r{width:98%;padding:20px 1% 0}
	.about_nr_r dl{width:31.333%;margin:0 1%;float:left}
}
@media screen and (max-width:1080px){}
@media screen and (max-width:1024px){.s_newsnr{width:95%;padding-left:5%;padding-top:5%;clear:right;float:left}
	.footer_l,.footer_r{width:96%;padding:3% 2%}
	.footer_r ul{width:33%}
}
@media (max-width:979px){.banner{display:none}
	.m_banner{width:100%;padding-top:55%;background:url(../img/mbanner.jpg) no-repeat center;background-size:cover}
}
@media (max-width:768px){#hd{display:none}
	#m-hd{display:block}
	h2.cptjbt{}
	.cplist ul{padding:10px 0}
	.cplist ul li{width:48%;padding:1%}
}
@media (max-width:480px){.fader .prev,.fader .next{display:none}
	.fader .pager_list{height:20px;line-height:20px}
	h2.cptjbt{font-size:27px;padding:15px 0 5px 0}
	h3.cptjfbt{font-size:15px;padding:0 0 15px 0}
	.btbjh{background:url(../img/btbj.png) no-repeat center 35px}
	.cplist ul li{width:96%;padding:2%}
	.s_newsnr_l{display:none}
	.footer_l{text-align:center}
	.footer_l img{float:none;margin:0}
}
@media (max-width:320px){}
.side2{position:fixed;width:40px;right:10px;z-index:100;bottom:10%;height:80px}
.side2 ul li{width:40px;height:40px}
.side2 ul li a{display:block;background-color:#f7941e;height:40px;width:40px;text-align:center;line-height:40px}
.side2 ul li a img{vertical-align:middle;display:inline-block}
.side2 ul li a:hover{background-color:#000022}
.side2 ul li .weixin{position:absolute;left:-154px;bottom:0;display:none}
.side2 ul li .weixin em{background:red;width:5px;height:17px;display:block;position:absolute;right:-5px;top:50%;margin-top:3px}
.side2 ul li .weixin img{display:block}
