/* 样式重置 */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}

ol,ul{ list-style:none;}

address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}

fieldset,img{ border:0;}

input,textarea{ outline:none;}
/* 整体页面设计 */ 
body {
    font-family: '\5FAE\8F6F\96C5\9ED1';
    font-size: 14px;
    color: #333;
    background-color: #fff;
    position: relative;
}

a {
    color: #333;
    text-decoration: none;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

/* 公共类 */
.left {
    float: left;
}

.right {
    float: right;
}

.overflow {
    overflow: hidden;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.font {
    color: #a13323;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 3px;
}

/* 开始 */


header {
    background-color: rgb(255, 255, 255);
    width: 1200px;
    margin: auto;
    position: relative;
    height: 200px;
}

.top-content {
    height: 135px
}

.div1logo1 {
    width: 350px;
    background-color: rgb(255, 255, 255);
    height: 200px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.logo {
    background: url(../images/logo.png) no-repeat center;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    background-position: top 50% right 0px;
}

.logo a {
    display: block;
    height: 100%;
}

.div1logo2 {
    position: absolute;
    right: 110px;
    top: 100px;
}
.list1{position: absolute;bottom: 0px;left: 234px;}

.top-nav-content {
    width: 100%;
    background-color: #ffffff;
    height: 45px;
    line-height: 45px;
}

.menu-list {
    height: 45px;
    padding-left: 200px;
}

.menu-list li {
    float: left;
    width: 130px;
    text-align: center;
}

.menu-list li a {
    color: #a13323;
    font-size: 18px;
    display: block;
    transition-property: border-radius;
    transition-duration: 0.5s;


}

.menu-list li a:hover {
    color: #ffffff;
    background-color: #a13323;
    border-radius: 15px;


}

.menu-list li:hover ul {
    height: 135px;
}

.nav-item {
    /* display: none; */
    overflow: hidden;
    height: 0px;
    position: absolute;
    background-color: #a13323;
    border-radius: 0px 0px 15px 15px;
    z-index: 2;
    transition: 0.3s;

}



.nav-item li a:hover {
    background-color: #a13323;
    color: #ffffff;
}

.menu-list li:hover .nav-item {
    display: block;
}

.nav-item li {
    float: none;
}

.swiper {
    width: 1600px;
    height: 400px;
    margin-top: 1px;
    text-align: center;

}
.main1{width: 1200px;margin: auto;background-color: rgba(154, 25, 20, 0.9);margin-top: 15px;border-radius: 10px;height: 932px; position: relative;}
.div{display: inline-block;}
.main-div1{width: 1100px;background-color: rgba(255,255,255,0.9);height: 366px;position: absolute; top: 50px;right: 50px;border-radius: 20px;}
.main-div1-1{position: absolute;top: 21px;left:30px;z-index: 5;}
.main-div1-1 img{transition-property: all;transition-duration: 0.6s;}
.main-div1-1 img:hover{width: 580px;border:solid 1px #a13323;}
.main-div1-2{width: 500px;height: 322px;border-radius: 20px;position: absolute;top: 21px;right: 30px;background-color: #fff;}
.main-div1-2 p{padding: 10px;color: #a13323;font-size: 18px;line-height: 30px; letter-spacing: 3px;padding-top: 80px;padding-left: 20px;text-align: justify;}
.main-div2{width: 540px;background-color: rgba(255,255,255,0.9);position: absolute;left: 50px;top: 466px;height: 183px;border-radius: 20px;}
.main-div2-1{position: absolute;top: 12px;left: 20px;z-index: 4;}
.main-div2-1 img{transition-property: all;transition-duration: 0.6s;}
.main-div2-1 img:hover{width: 300px;}
.main-div2-2{background-color: rgba(255,255,255,0.9);width: 240px;height: 158px;position: absolute;right: 20px;top: 12px;border-radius: 20px;}
.main-div2-2 p{padding-top: 5px;padding-left: 9px;text-align: justify;}
.main-div3{width: 540px;background-color: rgba(255,255,255,0.9);position: absolute;right: 50px;top: 466px;height: 183px;border-radius: 20px;}
.main-div3-1{position: absolute;top: 12px;left: 20px;z-index: 3;}
.main-div3-1 img{transition-property: all;transition-duration: 0.6s;}
.main-div3-1 img:hover{height: 210px;}
.main-div3-2{background-color: rgba(255,255,255,0.9);height: 158px;width: 320px;position: absolute;right: 20px;top: 12px;border-radius: 20px;}
.main-div3-2 p{text-align: justify;padding-top: 45px;padding-left: 9px;}
.main-div4{width: 540px;background-color: rgba(255,255,255,0.9);position: absolute;left: 50px;top: 699px;border-radius: 20px;height: 183px;}
.main-div4-1{position: absolute;top: 12px;left: 20px;z-index: 2;}
.main-div4-1 img{transition-property: all;transition-duration: 0.6s;}
.main-div4-1 img:hover{height: 200px;}
.main-div4-2{background-color: rgba(255,255,255,0.9);width: 240px;height: 158px;position: absolute;right: 20px;top: 12px;border-radius: 20px;}
.main-div4-2 p{text-align: justify;padding-top: 15px;padding-left: 9px;}
.main-div5{width: 540px;background-color: rgba(255,255,255,0.9);position: absolute;right: 50px;top: 699px;border-radius: 20px;height: 183px;}
.main-div5-1{position: absolute;top: 12px;left: 20px;z-index: 2;}
.main-div5-1 img{transition-property: all;transition-duration: 0.6s;}
.main-div5-1 img:hover{height: 200px;}
.main-div5-2{background-color: rgba(255,255,255,0.9);width: 225px;height: 158px;position: absolute;right: 20px;top: 12px;border-radius: 20px;}
.main-div5-2 p{text-align: justify;padding-top: 15px;padding-left: 9px;}
.index-bottom-div1{width:1200px;margin: auto;background-color: #a13323;height: 60px;border-radius: 20px 20px 0px 0px;margin-top: 20px;text-align: center;font-size: 15px;padding-top: 20px;box-sizing: border-box;}
.index-bottom-div1 a{color: #fff;}
/* 下面是页脚 */
footer{background-color: rgb(0, 0, 0);width: 100%;color: rgb(238, 238, 238);height: 100px;text-align: center;font-size: 20px; position: relative;box-sizing: border-box;padding-top: 20px;}
hr{width: 600px;}

.foot2{font-size: 10px;margin-top: 8px;}
/* article */
.cook-main{width: 1200px;height: 2400px;border-radius: 20px;background-color: #a13323;margin: auto;position: relative;}
.cook-div1{position: relative;}
.cook-div1-1{position: absolute;top: 50px;left: 475px;}
.cook-div1-2{width: 440px;height: 350px;background-color: rgb(255, 255, 255);position: absolute;top: 280px;border-radius: 20px;left: 300px;transition-property: all;transition-duration: 0.6s;z-index: 0;}
.cook-div1-2:hover{width: 600px;}
.cook-div1-3{width: 440px;height: 350px;position: absolute;z-index: 2;}
.cook-div1-4{height: 350px;width: 130px;position: absolute;right: 12px;top: 35px;z-index: 1;}
.cook-div1-4 p{text-align: justify;}
.cook-div2{position: relative;}
.cook-div2-1{position: absolute;top: 680px;left: 475px;}
.cook-div2-2{position: absolute;z-index: 2;left: 0px;}
.cook-div2-3{width: 300px;position: absolute;z-index: 1;right: 10px;top: 10px;}
.cook-div2-3 p{text-align: justify;overflow: hidden;}
.cook-div2-4{width: 467px;height: 350px;background-color: #fff;position: absolute;top: 910px;left: 240px;border-radius: 20px;transition-property: all;transition-duration: 0.6s;}
.cook-div2-4:hover{width: 795px;}
.cook-div3{position: relative;}
.cook-div3-1{position: absolute;top: 1310px;left: 475px;}
.cook-div3-2{height: 350px;position: absolute;top: 1540px;border-radius: 20px;background-color: #fff;right: 375px;width: 260px;transition-property: all;transition-duration: 0.6s;}
.cook-div3-2:hover{width: 525px;}
.cook-div3-3{position: absolute;right: 0px;z-index: 2;}
.cook-div3-4{width: 250px;position: absolute;top: 10px;left: 12px;z-index: 1;}
.cook-div3-4 p{text-align: justify;overflow: hidden;}
.cook-div4{position: absolute;top: 2050px;left: 475px;}
.cook-bottom a{color: rgb(255, 255, 255);text-decoration:underline;}
.cook-bottom a:hover{color: rgb(255, 242, 0);}
/* list */
.main-list1{width: 1200px;margin: auto;height: 300px;background-color: #a13323;border-radius: 20px;font-size: 18px;padding-top: 40px;box-sizing: border-box;line-height: 30px;padding-left: 50px;}
.main-list1 a{display: block;color: rgb(255, 255, 255);text-decoration: underline;}