@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
	background:#f6f6f6;
}
@media (max-width: 380px) {body{ font-size:14px; }}
@media (max-width: 325px) {body{ font-size:12px; }}
@media (min-width: 760px) {body{ font-size:22px; }}
@media (min-width: 1200px) {body{ font-size:14px; }}

a{
	color:#000;
	/*transition:all 0.2s;*/
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-height:100%;
	max-width:100%;
}
.pic{
	height: 100%;
	width: 100%;
	overflow:hidden;
}
.pic img{
	height: 100%;
	width: 100%;
	transition: transform 0.3s;
}

.pic:hover img{
	transform: scale(1.03,1.03);
}



.wrapper{
	width:100%;
	min-width:1230px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.box{
	width:1230px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}






#footer{
	color:#b6b6b6;
	line-height:32px;
	text-align: center;
	padding:38px 0px 68px 0px;
	text-align:center;
	background:#fff;
}
#footer a{color:#b6b6b6;}







#nav{
	background:#f3f3f3;
	border-bottom:5px solid #b72222;
	height:109px;
}
#nav .logo{
	margin-top:39px;
	float:left;
}
#nav .right{ margin-top:52px;}
#nav .right a{
	font-size:20px;
	margin-left:44px;
	float:left;
}
#nav .right a i{
	display:inline-block;
	width:21px;
	height:24px;
	float:left;
	margin:1px 7px 0px 0px;
}
#nav .right a .i1{ background:url(../images2022/i1.png) no-repeat left center;}
#nav .right a .i2{ background:url(../images2022/i2.png) no-repeat left center;width:27px;}
#nav .right a .i3{ background:url(../images2022/i3.png) no-repeat left center;width:25px;}
#nav .right a .i4{ background:url(../images2022/i4.png) no-repeat left center;width:19px; margin-left:12px;}
#nav .right a .i5{ background:url(../images2022/i5.png) no-repeat left center;}







#slide{ width:100%; height:540px; float:left;}
#slide li{ width:870px; height:540px; float:left; position:relative; overflow:visible; border-left:1px solid #fff;}
.slider-container .pic { width:870px; height:540px; display:block; position: relative;}
.slider-container .pic img { width:870px; height:540px; display:block; border:0 none;}
.slide_Bg{ width:870px; height:540px; position:absolute; top:0; background:#000;filter:alpha(opacity=51);-moz-opacity:0.51;opacity:0.51;}
.cur .slide_Bg { display:none }
#slide_list { position:absolute; left:0 }
.slider-container li img{ position:relative }
.slider-container {margin: 0 auto; width:1000px; position:relative; height:568px; z-index:9; min-width:1000px;}
.slider-wrap { width:4000px; height:400px;  font-size:0; position:absolute; left:49%; top:0; margin-left:-1480px;}
.slider-btn { position:absolute; top:246px; width:47px; height:47px; background:#fff; cursor:pointer; filter:alpha(opacity=76);-moz-opacity:0.76;opacity:0.76; text-indent:100;}
.slider-btn:hover{ filter:alpha(opacity=100); opacity:1;-moz-opacity:1;}
.slider-btn-l{left:50%;margin-left:-700px; background:url(../images2022/prve.png) no-repeat center;}
.slider-btn-r{right:50%;margin-right:-311px; background:url(../images2022/next.png) no-repeat center;}
.st_ty{display:none; color:#fff; width:100%; height:87px; line-height:87px;position:absolute; left:0; bottom:0;background-color:rgba(0,0,0,0.63); }
.cur .st_ty{display:block;}
#slide li h4{ font-size:30px;font-weight:normal;  width:100%; text-align:center;}








.title{
	margin:89px 0px 31px 0px;
}
.title p{
	float:left;
	line-height:40px;
	height:57px;
	font-size:40px;
	margin-left:462px;
	position:relative;
}
.title p span{
	width:61px;
	height:50px;
	margin-right:13px;
	display:block;
	float:left;
}
.title p .sp1{
	background:url(../images2022/sp1.png) no-repeat;
	background-size:100% 100%;
}
.title p .sp2{
	background:url(../images2022/sp2.png) no-repeat;
	background-size:100% 100%;
}
.title p .sp3{
	background:url(../images2022/sp3.png) no-repeat;
	background-size:100% 100%;
}
.title p .sp4{
	background:url(../images2022/sp4.png) no-repeat;
	background-size:100% 100%;
}
.title i{
	width:75px;
	height:4px;
	position:absolute;
	bottom:0;
	left:116px;
	background:#b72222;
	border-radius:1px;
}
.title a{
	color:#b72222;
	float:right;
	margin-top:17px;
}






.focus{
	width:870px;
	/*影像齐鲁栏目样式调整*/
	/*height:539px;*/
	height: 458px;
	position:relative;
	float:left;
}
.textbg{
	width:100%;
	height:72px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images2022/textbg.png) repeat-x;
}
.focus p{
	font-size:22px;
	position:absolute;
	left:45px;
	bottom:0;
	line-height:56px;
	height:56px;
}
.focus p a,#layout2 li p a{ color:#fff;}


#layout2 .right{ width:359px;}
#layout2 .right li{
	width:100%;
	/*影像齐鲁栏目样式调整*/
	/*height:269px;*/
	height: 229px;
	position:relative;
	margin-bottom:1px;
}
#layout2 .right li .pic{
	/*影像齐鲁栏目样式调整*/
	/*height:222px;*/
	height: 181px;
}
#layout2 .right li p{
	width:100%;
	text-align:center;
	line-height:47px;
	height:47px;
	background:#333;
}










#layout3 li{
    width:89px;
    height:540px;
    float: left;
    display: inline;
	margin-left:1px;
}
#layout3 li:first-child{ margin-left:0px;}
#layout3 li .pic{
	width:870px;
	height:100%;
	float:left;
	display:none;
}
#layout3 li.current{ width:959px;}
#layout3 li.current .pic{ display:block;}
#layout3 li .tit{
	width:89px;
	float:left;
	height:100%;
	background:#333;
	position:relative;
	cursor:pointer;
}
#layout3 li .tit p{
	font-size:18px;
	line-height:18px;
	width:20px;
	color:#fff;
	margin:56px 0px 0px 37px;
	height: 469px;
}
#layout3 li i{
    position: absolute;
    left:41px;
    top:36px;
	width:13px;
	height:8px;
	background:url(../images2022/i1.gif) no-repeat;
	background-size:100% 100%;
	display:block;
}
#layout3 li.current i{
    top:33px;
	width:8px;
	height:13px;
	background:url(../images2022/i2.gif) no-repeat;
	background-size:100% 100%;
}








#layout4 .pic{
	width:883px;
	height:539px;
	float:left;
}
#layout4 .pic:hover img{
	transform: scale(1.01,1.01);
}

#layout4 .list{
	width:347px;
	height:539px;
	float:right;
	background:#b72222;
}
#layout4 .list li{
    border-bottom:1px solid #ca6262;
    height:107px;
    position:relative;
    overflow:visible;
	color:#fff;
	cursor:pointer;
}
#layout4 .list li:last-child{
	border-bottom:none;
}
#layout4 .list table{
	width:100%;
	height:100%;
	border:none;
	font-size:20px;
	line-height:34px;
	cursor:pointer;
}
#layout4 .list td{
	padding:0px 30px;
}
#layout4 .list td p{
	max-height:107px;
	overflow:hidden;
}
#layout4 .list i{
	position: absolute;
	left: -18px;
	top: 50%;
	margin-top: -18px;
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 18px solid #b72222;
	display:none;
}
#layout4 .list li.current i{ display:block;}







#layout5 .title{
	margin:106px 0px 38px 0px;
}
#layout5 .text{ margin-bottom:32px;}
#layout5 .text li{
	width:25%;
	float:left;
	display:inline;
}
#layout5 .text li .pic{
	height:291px;
}
#layout5 .text li p{
	font-size:16px;
	width:100%;
	text-align:center;
	line-height:61px;
	height:61px;
	background:#fff;
}
#layout5 .text li p a{ color:#6d6c6c;}






#contact{
	background: #b72222;
	text-align: center;
	font-size: 14px;
	line-height:50px;
}
#contact span{
	margin:0px 38px;
}







/*自适应样式开始*/
#phone-footer,#phone-focus{ display:none;}
@media(max-width: 767px){
	#header,#footer,.container,#nav .right a i,#layout3 .text{ display:none;}
	#phone-header,#phone-footer,#phone-focus{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout2 .right,#layout4 .pic{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#contact{ line-height: 1.5em; padding: 0; }
	#contact .box{ width:94%; padding: 1em 3%; }
	#contact span{ display: block; font-size: 0.9em; margin: 0; }
	#phone-footer{ color: #b6b6b6; display: block; padding: 1em 3%; text-align: center; }
	#phone-footer p{ font-size: 0.9em; }	

	#nav{ height:auto; padding-bottom:0px; margin-bottom:2em;}
	#nav .box{ width:100%;}
	#nav .logo{ float:none; margin:0;padding:1.5em 3% 0.8em 3%;}
	#nav .logo img {height: 2.5em; width:auto;}
	#nav .right{ margin:0;white-space: nowrap;overflow-x: scroll;height:3.4em;}
	#nav .right p{ width:92%; margin:0 auto; overflow: visible;line-height:3.4em; height:3.4em;}
	#nav .right a{ font-size:1.3em; margin:0 0.9em 0 0; float:none;}

	#phone-focus{position: relative;overflow: hidden;height: 15em;}
	#phone-focus .pic{width: 100%; height: 100%;}
	#phone-focus .shadow{position: absolute;width: 100%;height:3em;left: 0px;bottom: 0px;background-color:rgba(0,0,0,0.63);}
	#phone-focus p {font-size: 1em;left: 0; bottom:0;width: 100%;text-align: center;line-height: 3em;height: 3em;position: absolute;}
	#phone-focus .prve,#phone-focus .next{width:30px;height:46px;position:absolute;cursor:pointer;top: 42%;}
	#phone-focus .prve{background:url(../images2022/prve.png) no-repeat;background-size:100%;left:7px;}
	#phone-focus .next{background:url(../images2022/next.png) no-repeat;background-size:100%;right:7px;}

	.title,#layout5 .title{ margin:1.6em 0;}
	.title p{ margin-left:20%; font-size:2.2em; line-height:2em; height:2em; width:50%;}
	.title p span{ width:1.2em; height:1em; margin:0.55em 5% 0 0;}
	.title i{ width:40%; left:40%;}
	.title a{ margin-top:2em;}
	.focus{ height:15.3em;}
	.focus p{ font-size:1.1em; line-height:2em; height:2em; text-align:center; left:0; width:100%;}
	
	#layout2 .right li{height:auto; margin:1em 0 0 0;}
	#layout2 .right li .pic{height:15.2em;}
	#layout2 .right li p{ font-size:1em; line-height:3em; height:3em;}
	
	#layout3{ width:100%;}
	#layout3 .title{ width:92%; margin:1.6em auto;}
	
	#layout4 .pic{ height:15.1em;}
	#layout4 .list{ height:10em; margin-top:0.8em;}
	#layout4 .list li{ width:19.7%; float:left; height:10em; display:inline; border-bottom:none;border-right:1px solid #fff;}
	#layout4 .list li.current { border-bottom:none;border-right:1px solid #fff;}
	#layout4 .list li:last-child{ height:100%; border:none;}
	#layout4 .list table{font-size:1em; line-height:1.45em;height:10em;}
	#layout4 .list td{ padding:0 6%;}
	#layout4 .list i{ width:0; height:0;border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:10px solid #b2262a; left:50%; top:-10px;margin:0 0 0 -8px; border-top:none;}
	#layout4 .list td p{ max-height:9em; line-height:1.5em;}

	#layout5 .text li{ width:50%;}
	#layout5 .text li .pic{ height:8.2em;}
	#layout5 .text li p{ font-size:1em; line-height:2.8em; height:2.8em;}
}
/*自适应样式结束*/

