/*整体开始*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } /*为了照顾ie6 链接图片有边框*/
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body {font-size:12px; color:#333;font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体","SimSun","宋体";}
a { color:#333; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
html {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust: 100%;
}

video embed, video object, video iframe {
width: 100%;
height: auto;
}
		*{
			margin:0px;
			padding:0px;
		}
		div{
			display:block;
		}
		body{
			background:#fff;
		}
		html{
			color:#666;
		}
		html,body{
			width: 100%;
		}
/*center1开始*/
.wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
}

.wrap .box {
	width: 100%;
	height: 100%;
}

.center1 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_banner2.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
}
.ban_xx{
    width:50%;
    position:absolute;
    left:28%;
    top:10%;
}
.ban_bt{
    width:50%;
    position:absolute;
    left:25%;
    top:10%;
}
.ban_hh{
        width:20%;
        position:absolute;
        left:3%;
        bottom:0%;
        animation:move 7s ease-in 0s infinite alternate;
    }
    @keyframes move{
        0%{
            left:3%;
        }
        50%{
            left:10%;
        }
        100%{
            left:3%;
        }
    }
.ban_cloud1{
    width:15%;
    position:absolute;
    left:2%;
    bottom:2%;
}
.ban_cloud2{
    width:15%;
    position:absolute;
    right:0;
    bottom:30%;
    animation:cloud 6s ease-in 0s infinite alternate;
}
@keyframes cloud{
        0%{
            right:0%;
        }
        50%{
            right:10%;
        }
        100%{
            right:0%;
        }
    }

/*第二面开始聚焦新闻*/
.center2 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_news.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
}
.hpjn_news{
	width:1200px;
	margin:0 auto;
	padding-top:70px;
	box-sizing:border-box;
}
.news_bza{
	width:100%;
	background:url(../images/news_bza.png) no-repeat;
	padding:50px;
	font-size:20px;
	line-height:35px;
	box-sizing:border-box;
	text-indent:2em;
}
.hz_qcon {
    width: 100%;
    margin-top:70px;
    overflow: hidden;
}
.hz_ql{
    width: 50%;
    float: left;
    overflow: hidden;
    background:url(../images/news_tu.png) no-repeat;
    background-size:100% 100%;
    padding:40px 0px; 
    box-sizing:border-box;
}
.swiper-container{
    width:93%;
    border-radius:20px;
}
.swiper-container .swiper-slide{
    width: 100%;
    height: 310px;
    overflow: hidden;
}
.swiper-container .swiper-slide img,.swiper-container3 .swiper-slide img{
    width: 100%;
	height:100%;
}
.swiper-container .swiper-slide p,.swiper-container3 .swiper-slide p{
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:20px;
    padding-right:100px;
    box-sizing:border-box;
    background:rgba(0,0,0,0.5);
    color:#fff;
    position:absolute;
    bottom:0;
    font-size:16px;
}
.swiper-container .swiper-pagination,.swiper-container3 .swiper-pagination{
    width:20%;
    left:80%;
    z-index: 9999;
}
.swiper-container .swiper-pagination-bullet,.swiper-container3 .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:0.8;
}
.swiper-container .swiper-pagination-bullet-active,.swiper-container3 .swiper-pagination-bullet-active{
    background:#dfa935;
}
.hz_qr{
    width:550px;
    float:right;
}
.hz_qr ul li {
    width: 100%;
    padding:20px;
    box-sizing:border-box;
    overflow: hidden;
    background:url(../images/news_back.png) no-repeat;
}
.hz_qr ul li.l_b {
    overflow: hidden;
    margin-top: 1;
    margin-bottom: 22px;
}
.hz_qr ul li h4 {
    width:100%;
    font-size: 22px;
    font-weight: normal;
    height: 35px;
    line-height:35px;
    overflow: hidden;
}
.hz_qr ul li h4 a {
    color: #000;
}
.hz_qr ul li h4 a:hover{
    text-decoration:underline;
    color:#dfa935;
}
.hz_qr ul li p {
    width:100%;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color:#000;
    padding-top: 8px;
    overflow:hidden;
}
.hz_qr ul li p a {
    color:#630000;
}
.hz_qr ul li p a:hover{
    text-decoration:underline;
}

/*第三面开始好食泉城*/
.center3 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_sp.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
	padding-top:100px;
	box-sizing:border-box;
}
.hpjn_hsqc{
	width:1000px;
	margin:0 auto;
	background:url(../images/hsqc_back.png) no-repeat;
    padding:20px;
    box-sizing:border-box;
    background-size:100% 100%;
    position:relative;
}
.swiper-container1 {
    width:100%;
    overflow:hidden;
}
.swiper-container1 .swiper-slide {
    width: 100%;
    height: 535px;
    overflow: hidden;
}
.swiper-container1 .swiper-slide img {
    width: 100%;
}
.swiper-container1 .swiper-slide p{
    width:70%;
    height:50px;
    line-height:50px;
    background:url(../images/hsqc_bt.png) no-repeat;
    background-size:100%;
    color:#fff;
    position:absolute;
    bottom:40px;
    left:15%;
    font-size:16px;
    text-align:center;
}
.swiper-container1 .swiper-pagination {
    width:70%;
    left:15%;
    height:18px;
    background:url(../images/hsqc_click.png) center center no-repeat; 
    bottom:-60px;
}
.swiper-container1 .swiper-pagination-bullet{
    width:18px;
    height:18px;
    background:url(../images/dj_icon.png) no-repeat;
    background-size:100% 100%;
    opacity:0.5;
}
.swiper-container1 .swiper-pagination-bullet-active{
    background:url(../images/dj_icon.png) no-repeat;
    background-size:100% 100%;
    opacity:1;
}
.hsqc_prev {
    width: 22px;
    height: 43px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: -60px;
    background: url(../images/hsqc_l.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
}
.hsqc_next {
    width: 22px;
    height: 43px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: -60px;
    background: url(../images/hsqc_r.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
}
.hsqc_bf{
	width:64px;
	height:64px;
	background:url(../images/bf_icon.png) no-repeat;
	position:absolute;
	top:50%;
	margin-top:-32px;
	left:50%;
	margin-left:-32px;
	cursor:pointer;
}
/*第四面开始品味山东*/
.center4 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_pwsd.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
	padding-top:100px;
	box-sizing:border-box;
}
.hpjn_pwsd{
	width:1200px;
	margin:0 auto;
}
.swiper-container2 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom:50px;
}
.swiper-container2 .swiper-slide {
    height: 585px;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.swiper-container2 .swiper-slide img {
    width: 100%;
}
.swiper-container2 .swiper-pagination {
    width:100%;
    bottom:0px;
}
.swiper-container2 .swiper-pagination-bullet{
    width:18px;
    height:18px;
    background:url(../images/dj_icon.png) no-repeat;
    background-size:100% 100%;
    opacity:0.5;
}
.swiper-container2 .swiper-pagination-bullet-active{
    background:url(../images/dj_icon.png) no-repeat;
    background-size:100% 100%;
    opacity:1;
}
.pwsd_prev{
    width: 44px;
    height: 89px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    left: 0px;
    background: url(../images/pwsd_prev.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
    display:none;
}
.pwsd_next{
    width: 44px;
    height: 89px;
    position: absolute;
    top: 50%;
    margin-top:-60px;
    right: 0px;
    background: url(../images/pwsd_next.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
    display:none;
}
/*第五面开始老字号新活力*/
.center5 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_hl.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
}
.hpjn_hl{
	width:1200px;
	margin:0 auto;
	padding-top:130px;
	box-sizing:border-box;
}
.hp_lzh {
    width: 430px;
    float: right;
}
.hp_lzh ul li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    font-size: 18px;
}
.hp_lzh ul li:hover a{
    color:#dfa935;
}
.hp_lzh ul li:first-child {
    font-weight: bold;
}
.hl_l{
    width: 730px;
    float: left;
    overflow: hidden;
    background:url(../images/hl_back.png) no-repeat;
    background-size:100% 100%;
    padding:40px; 
    box-sizing:border-box;
}
.swiper-container3{
    width:100%;
    position:relative;
    overflow:hidden;
}
.swiper-container3 .swiper-slide{
	width: 100%;
    height: 360px; 
    overflow: hidden;
}
/*第六面开始*/
.center6 {
	width: 100%;
	height: 100%;
	background: url(../images/hpjn_back.jpg) no-repeat;
    background-size:100% 100%;
	position: relative;
}
.hpjn{
	width:1200px;
	margin:0 auto;
	padding-top:180px;
	box-sizing:border-box;
}
.hpjn ul{
    width: 100%;
    overflow: hidden;
}
.hpjn ul li {
    width: 48%;
    height: 180px;
    float: left;
    background: url(../images/hpjn_tu1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 30px;
    margin-left: 2%;
}
.hpjn ul li:nth-child(2) {
    background: url(../images/hpjn_tu2.png) no-repeat;
    background-size: 100% 100%;
}
.hpjn ul li:nth-child(3) {
    background: url(../images/hpjn_tu3.png) no-repeat;
    background-size: 100% 100%;
}
.hpjn ul li:nth-child(4) {
    background: url(../images/hpjn_tu4.png) no-repeat;
    background-size: 100% 100%;
}
.hpjn ul li h3 {
    font-size: 22px;
    height: 158px;
    width: 100%;
    color: #333;
    padding: 68px 40px 20px 55px;
    line-height: 35px;
    box-sizing: border-box;
    overflow: hidden;
}
.hpjn ul li h3:hover{
    color:#dfa935;
}
/*第七面开始*/
.center7 {
	width: 100%;
	height: 100%;
	background: url(../img/jiameng/jiameng7.png) 100% 100%no-repeat;
	position: relative;
}

/*第八面开始*/
.center8 {
	width: 100%;
	height: 100%;
	background: url(../img/jiameng/jiameng8.png) 100% 100%no-repeat;
	position: relative;
}


/*bottom开始*/
.bottom {
	width: 100%;
	height: 180px;
    position: fixed;
    bottom: 0px;
    display: none;
}
/*.bottom {
    width: 100%;
    height: 180px;
    position: fixed;
    bottom: 0px;
    display: none;
    background:red;
}*/
/*右侧导航*/
.hpjn_nav{
    width:30%;
    height:100%;
    position: fixed;
    left:0px;
    top:0;
    z-index: 10000;
    background:url(../images/hpjn_nav1.png) no-repeat;
    background-size:100% 100%;
    display:none;
}
.hpjn_nav ul{
    width:120px;
    position: absolute;
    top:46%;
    left:50px;
}
.hpjn_nav li {
    width: 136px;
    height: 34px;
    line-height:34px;  
    font-size:17px;
    padding-left:10px;
    box-sizing:border-box;  
}
.hpjn_nav li a{
    color: #519498;
}
.hpjn_nav .nav_hover{
    background: url(../images/nav_hover.png) no-repeat;
}
.hpjn_nav .nav_hover a{
    color:#fff;
}
.sj_nav{
    display:none;
}
.sj_bottom{
    display:none;
}
@media (min-width: 1400px) and (max-width:1600px) {
    .sj_nav{
        display:none;
    }
.hpjn_news{
    padding-top:30px;
}    
.hz_qcon{
    margin-top:30px;
}
.center3{
    padding-top:30px;
}
.center4{
    padding-top:50px;
}
.hpjn_pwsd{
    width:1100px;
}
.swiper-container2 .swiper-slide{
    height:530px;
}
.hpjn{
    padding-top:130px;
}
.hpjn_nav li{
    width:128px;
    height:28px;
    line-height:28px;
}
.hpjn_nav .nav_hover{
    background-size:100% 100%;
}
.sj_bottom{
    display:none;
}

}

@media (min-width: 1200px) and (max-width:1400px) {
    .sj_nav{
        display:none;
    }
.hpjn_news{
    padding-top:30px;
}    
.hz_qcon{
    margin-top:30px;
}
.center3{
    padding-top:30px;
}
.center4{
    padding-top:50px;
}

/*第三屏*/
.hpjn_pwsd{
    width:1000px;
}
.swiper-container2 .swiper-slide{
    height:480px;
}
.hpjn{
    padding-top:130px;
}
.hpjn_nav li{
    width:128px;
    height:28px;
    line-height:28px;
}
.hpjn_nav .nav_hover{
    background-size:100% 100%;
}
.hpjn_news{
    width:1000px;
}
.news_bza{
    background-size:100% 100%;
    padding:30px 50px;
}
.hz_qr{
    width:45%;
}
.hz_qr ul li{
    padding:14px 20px;
}
.hz_qr ul li h4{
    font-size:20px;
}
.hz_qr ul li p{
    padding-top:5px;
}
.swiper-container .swiper-slide{
    height:260px;
}
/*第二屏*/
.hpjn_hsqc{
    width:800px;
}
.swiper-container1 .swiper-slide{
    height:425px;
}

.hpjn_hl{
    padding-top: 100px;
}
.hpjn{
    width:1000px;
    padding-top:100px;
}
.hpjn ul li h3{
    font-size:20px;
}
.hpjn_nav li{
    width:110px;
    font-size:14px;
    height: 25px;
    line-height: 25px;
}
.hpjn_nav ul{
    top:46%;
}
.sj_bottom{
    display:none;
}


}




@media (min-width: 640px) and (max-width:1200px) {
	html,body{
		width: 1200px;
	}
    .sj_nav{
        display:none;
    }
    .hpjn_news{
    padding-top:30px;
}    
.hz_qcon{
    margin-top:30px;
}
.center3{
    padding-top:30px;
}
.center4{
    padding-top:50px;
}

/*第三屏*/
.hpjn_pwsd{
    width:1000px;
}
.swiper-container2 .swiper-slide{
    height:480px;
}
.hpjn{
    padding-top:130px;
}
.hpjn_nav li{
    width:128px;
    height:28px;
    line-height:28px;
}
.hpjn_nav .nav_hover{
    background-size:100% 100%;
}
.hpjn_news{
    width:1000px;
}
.news_bza{
    background-size:100% 100%;
    padding:30px 50px;
}
.hz_qr{
    width:45%;
}
.hz_qr ul li{
    padding:14px 20px;
}
.hz_qr ul li h4{
    font-size:20px;
}
.hz_qr ul li p{
    padding-top:5px;
}
.swiper-container .swiper-slide{
    height:260px;
}
/*第二屏*/
.hpjn_hsqc{
    width:800px;
}
.swiper-container1 .swiper-slide{
    height:425px;
}
.hpjn_hl{
    padding-top: 100px;
}
.hpjn{
    width:1000px;
    padding-top:100px;
}
.hpjn ul li h3{
    font-size:20px;
}
.hpjn_nav li{
    width:110px;
    font-size:14px;
    height: 25px;
    line-height: 25px;
}
.hpjn_nav ul{
    top:46%;
}
.sj_bottom{
    display:none;
}

}

/*手机版*/
@media screen and (max-width: 640px) {
html,
body {
	width: 100%;
	
}

	.wrap {
		overflow-y: scroll;
	}
	
	.wrap .box {
		height: auto;
	}
	.wrap .center1{
        height:220px;
    }
    .ban_bt{
        top:20%;
    }
	.hpjn_news{
        width:96%;
        padding-top:30px;
    }
    .news_bza{
        background:none;
        padding:0px;
        font-size:14px;
        line-height:26px;
    }
    .hz_qcon{
        margin-top:30px;
    }
    .hz_ql{
        width:100%;
    }
    .swiper-container .swiper-slide{
        height:200px;
    }
	.hz_qr{
        width:100%;
        margin-top:30px;
    }
    .hz_qr ul li h4{
        font-size:18px;
    }
    .center2{
        background: url(../images/hpjn_news.jpg) center center no-repeat;
    }
    .center3{
        padding-top:30px;
        padding-bottom:60px;
         background: url(../images/hpjn_news.jpg) center center no-repeat;
    }
    .hpjn_hsqc{
        width:96%;
    }
    .hpjn_hsqc{
        width:80%;
    }
    .swiper-container1 .swiper-slide{
        height:160px;
    }
    .hsqc_next{
        right:-30px;
    }
    .hsqc_prev{
        left:-30px;
    }
    .swiper-container1 .swiper-slide p{
        width:100%;
        bottom:0px;
        height: 26px;
        line-height: 26px;
        left:0;
        font-size:14px;
    }
    .swiper-container1 .swiper-pagination{
        bottom:-30px;
    }
    .center4{
        padding-top:30px;
        padding-bottom:30px;
        background: url(../images/hpjn_pwsd.jpg) center center no-repeat;
    }
    .hpjn_pwsd{
        width:96%;
    }
    .swiper-container2 .swiper-slide{
        height:425px;
    }
    .center5{
        background: url(../images/hpjn_hl.jpg) center center no-repeat;
    }
    .hpjn_hl{
        width:96%;
        overflow:hidden;
        padding-top:30px;
        padding-bottom:30px;
    }
    .hl_l{
        width:100%;
    }
    .swiper-container3 .swiper-slide{
        height:175px;
    }
    .hp_lzh{
        width:100%;
        margin-top:30px;
    }
    .center6{
        background: url(../images/hpjn_back.jpg) center center no-repeat;
    }
    .hpjn{
        width:96%;
        padding-top:30px;
        padding-bottom:30px;
    }
    .hpjn ul li{
        width:100%;
        margin-left:0%;
    }
    .hpjn ul li h3{
        font-size:16px;
    }
    .hpjn_nav{
        display:none;
    }
    .sj_nav{
        width:100%;
        background:#e3dfbc;
        display:block;
        padding:20px 0px;
    }
    .sj_nav ul{
        width:96%;
        margin:0 auto;
        overflow:hidden;
    }
    .sj_nav ul li{
        width:48%;
        height: 34px;
        line-height: 34px;
        font-size: 17px;
        text-align:center;
        float: left;
        margin:1%;
        border:1px solid #559799;
        border-radius:50px;
        box-sizing:border-box;
    }
    .sj_hover{
        background: #559799;
    }
    .sj_hover a{
        color:#fff;
    }
    .sj_bottom{
        width:100%;
        display:block;
    }


}