@charset "utf-8";
html{color:#333;background:#f9f9f9;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/28px "Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none;vertical-align: top;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{text-decoration: none;}
i,em{font-style: normal;}
.cl { *zoom:1;clear: both;}
.clear{clear:both;overflow: hidden;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}

#header,#nav,#explain,#judge,#security,#taste,#summarize,#foot{width:100%;}
.header,.nav,.explain,.judge,.security,.summarize,.foot,.w990{width:1066px;margin:0 auto;padding:0 67px;}
.taste{width:1200px;margin:0 auto}

.title{text-align:center;padding: 30px 0 15px;font-family: "宋体";}
.title h2 i{display:inline-block;*display:inline;*zoom:1;width:54px;height:54px;background:url("../img/title-bg.png") no-repeat;text-align:center;line-height:54px;font-size:35px;color:#fff;}
.title h2 strong{display:inline-block;*display:inline;*zoom:1;font-size:40px;color:#222;padding:5px 0;line-height:50px;border-bottom:1px solid #222;}
.title p{padding: 40px 110px 0 110px;position:relative;line-height:30px;text-align: left;text-indent: 2em;}
.title p b{color:#d5000f;}
.title p i{width:34px;height:28px;display:block;position:absolute}
.title p .left-point{background:url("../img/left-point1.png") no-repeat center center;top:20px;left:50px}
.title p .right-point{background:url("../img/right-point1.png") no-repeat center center;bottom:0;right:50px}
.title-color{color:#fff;}
.title-color h2 strong{color:#fff;border-color:#fff;}
.title-color h2 i{color:#d91927;background:url("../img/title-bg1.png") no-repeat;}
.title-color p .left-point{background:url("../img/left-point.png") no-repeat center center;top:20px;left:50px}
.title-color p .right-point{background:url("../img/right-point.png") no-repeat center center;bottom: 0;right:50px;}
.title-color p b{color: #fff;text-decoration: underline;}

/*头部页面*/
#header{background: url("../img/head-bg.jpg") no-repeat center center;overflow: hidden;position: relative;height: 570px;}
.head-img1{text-align:center;margin-top:50px}
.head-img2{text-align:center;margin-top:30px}

/*导语*/
#nav{height:113px;background:#141111;}
.nav{position:relative}
.nav i{position:absolute;top:-8px;left:8px;display:block;width:92px;height:130px;background:url("../img/nav-img.jpg")}
.nav p{font-size: 18px;color:#fff;padding: 26px 50px 0 100px;line-height:32px;text-indent: 2em;}

/*讲解视频*/
#explain{background: url("../img/explain-bg.jpg") no-repeat center center;height:652px;}
.explain-main .left-body{width:800px;height:444px;}

/*品鉴臻艺术*/

#judge{background: url("../img/judge-bg1.jpg") no-repeat center center;height: 850px;}
.judge-main .left-body{width: 376px;height: 405px;background:url("../img/judge-bg.jpg") no-repeat top left;position: relative;margin-right: 20px;}
.judge-text1{margin-top:50px}
.judge-main .left-body h2{width: 100%;text-align:center;padding: 65px 0 15px 0;background:url("../img/title-bottom.jpg") no-repeat bottom center;font-size: 24px;color: #222;}
.judge-main .left-body p{padding: 15px 40px 0;font-size: 16px;line-height:32px;color: #222;}
.judge-main .left-body p b{color: #d5000f;}
.judge-main .left-body i{position:absolute;display: block;top: 90px;right: -70px;width:136px;height:9px;background:url("../img/arrow.png") no-repeat center center;}
.judge-main .right-body{width:670px;height:405px;overflow: hidden;}
.judge-main .right-body img{transition: transform 2s;}
.judge-main .right-body img:hover{transform:scale(1.1);transition: transform 2s;}

.judge-main .bd{text-align:center;margin: 20px 0 40px 0;}
.judge-main .bd li{width: 130px;padding: 5px 0;display:inline-block;*display:inline;*zoom:1;text-align:center;border: 1px solid #fff;font-size: 18px;border-radius: 7px;margin: 0 5px;cursor:pointer;color:#fff;}
.judge-main .bd li.on{background: #fff;border-color: #fff;color:#d5000f;font-weight: bold;}
.judge-images2{width:670px}

.judge-images1 li{display:inline-block;}
.judge-images1 .bd1{text-align:center;margin-top: 30px;font-size: 0;}
.judge-images1 .bd1 li{display:inline-block;*display:inline;*zoom:1;width:14px;height:14px;border:1px solid #fff;border-radius:14px;margin: 0 10px;}
.judge-images1 .bd1 li.on{background:#fff;width:35px}

.judge-images2{position:relative}
.judge-images2 li{display:inline-block;}
.judge-images2 .bd2{width:100%;text-align:center;margin-top:20px;font-size: 0;position:absolute;bottom:0}
.judge-images2 .bd2 li{display:inline-block;*display:inline;*zoom:1;width:14px;height:14px;border:1px solid #d5000f;border-radius:14px;margin: 0 10px;}
.judge-images2 .bd2 li.on{background:#d5000f;}

/*品质真安全*/
#security{background: url("../img/security-bg.jpg") no-repeat center bottom;height: 855px;}
.security-content>li{position:relative}
.security-main .bd{text-align:center;margin: 15px 0 30px 0;}
.security-main .bd li{width: 130px;display:inline-block;*display:inline;*zoom:1;vertical-align: middle;text-align:center;border: 1px solid #7c6265;font-size: 18px;color:#222;padding: 5px 0;border-radius: 7px;margin: 0 5px;cursor:pointer;}
.security-main .bd li.on{background: #d5000f;border-color: #d5000f;color:#fff;}
.security-main .hd .left-body{position: relative;width:770px;height:424px;overflow:hidden;}
.security-main .hd .left-body img{transition: transform 2s;}
.security-main .hd .left-body img:hover{transform:scale(1.1);transition: transform 2s;}
.security-main .hd .security-title{position:absolute;top: 70px;right: 65px;width: 250px;height:54px;background: #d5000f;text-align:center;line-height:54px;color:#fff;font-size: 24px;}
.security-main .hd .right-body{margin: 50px 20px 0 -60px;width:318px;height:409px;border: 1px solid #ccc4c5;position: relative;}
.security-main .hd .right-body p{display:block;width: 223px;height: 329px;padding: 70px 40px 0 55px;line-height: 34px;border:1px solid #7c6265;position: absolute;top: -20px;right: -20px;}
.security-main .hd .right-body p b{color:#d5000f}
.security-images{position:relative;padding-bottom: 40px;}
.security-images li{display:inline-block;position: relative;}
.security-images .bd1{width:100%;text-align:center;font-size: 0;position:absolute;bottom: -13px;}
.security-images .bd1 li{display:inline-block;*display:inline;*zoom:1;width:14px;height:14px;border:1px solid #d5000f;border-radius:14px;margin: 0 10px;}
.security-images .bd1 li.on{background:#d5000f;width:35px}

/*品味蒸享受*/
#taste{background:url("../img/taste-bg.jpg") no-repeat center center;height: 770px;}
.taste-main .bd1{text-align:center;margin: 10px 0 20px 0;}
.taste-main .bd1 li{width: 160px;padding: 5px 0;display:inline-block;*display:inline;*zoom:1;text-align:center;border: 1px solid #fff;font-size: 18px;border-radius: 7px;margin: 0 5px;cursor:pointer;color:#fff;}
.taste-main .bd1 li.on{background: #fff;border-color: #fff;color:#d5000f;font-weight: bold;}
.taste-article1{margin-bottom:20px}
.taste-article1 p{padding:0 250px;text-align:center;color:#fff }
.taste-images{position:relative}
.taste-images .hd{padding:0 67px;}
.taste-images .hd li{width: 500px;margin: 0 16px;}
.taste-images1{position:relative}
.taste-images1 .hd{padding:0 67px;}
.taste-images1 .hd li{width: 100%;margin: 0 16px;}
.taste-img1{width:500px;}
.taste-img{width:100%}
.taste-images1 .left-body{width: 500px;margin-left: 16px;}
.taste-images1 .right-body{width: 500px;margin-right: 16px;}
.taste-article2{padding: 0 170px;height: 85px;text-align:center;color:#fff;padding-bottom:20px;}


.next1,.next2{position:absolute;right: 10px;width:49px;height:47px;background:url("../img/next1.png") no-repeat center center;-webkit-animation: end 1.5s infinite ease-in-out;}
.next1:hover,.next2:hover{-webkit-animation:0}
.prev1,.prev2{position:absolute;left:10px;width:49px;height:47px;background:url("../img/prev1.png") no-repeat center center;-webkit-animation: start 1.5s infinite ease-in-out;}
.prev1:hover,.prev2:hover{-webkit-animation:0}
.next1,.prev1{top:40%;}
.next2,.prev2{top: 55%;}


.taste-images .bd,.taste-images1 .bd{display:none}

@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(10px,0);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(-10px,0);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(10px,0);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(-10px,0);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(10px,0);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(-10px,0);}
}
@-webkit-keyframes end {
    0%,30% {opacity: 0;-webkit-transform: translate(-10px,0);}
    60% {opacity: 0;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(10px,0);}
}
@-moz-keyframes end {
    0%,30% {opacity: 0;-moz-transform: translate(-10px,0);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(10px,0);}
}
@keyframes end {
    0%,30% {opacity: 0;transform: translate(-10px,0);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(10px,0);}
}


#summarize{background:url("../img/summarize-bg.jpg") no-repeat center center;height:493px;}
.summarize-img{width:372px;}
.summarize-article{width:694px;padding-top: 120px;}
.summarize-article p{color:#fff;font-size:18px;text-indent:2em;line-height:34px}
.summarize-article p strong{font-size:22px;color:#edc7c7}

#foot{background: url("../img/foot-bg.jpg") no-repeat bottom center #f0f0f0;height: 520px;padding-top:100px;}
.read{width:527px}
.read-title{text-align:center;margin-bottom: 60px;}
.read-title h2{display:inline-block;*display:inline;*zoom:1;padding:5px 30px;border: 1px solid #626262;position:relative;color: #000;}
.read-title h2 i{display:block;width:150px;border-top: 1px solid #626262;position:absolute;top:50%;}
.read-title h2 i.left-border{left:-150px;}
.read-title h2 i.right-border{right:-150px;}
.read-main a{display:block;text-align:center;height:46px;line-height:46px;color:#fff;background: #d7000f;margin: 20px 0;}
.read-main a.link1{background: #dcdcdc;color:#222;}
.read-main a i{display:inline-block;*display:inline;*zoom:1;width:12px;height:12px;background: #fff;margin-right:10px;}
.read-main a.link1 i{background: #d7000f;}

.team-title{text-align:center;}
.team-title h2{padding-bottom: 10px;background: url("../img/team-title.png") no-repeat center bottom;margin-bottom: 5px;color: #000;}
.team-title strong{color:#000}
.team-main{margin-top:20px}
.team-main .left-body{margin-right: 10px;padding:20px;border:1px solid #bfbfbf;border-radius:10px;}
.team-main .right-body{text-align:center;margin-top:30px;line-height:34px}

.nav_r{position: fixed;right: 30px;top:100px;padding: 20px 10px;border-radius: 10px;background:#ed0011;}
.nav_r .logo{text-align:center}
.nav_r li{width:120px;height:43px;text-align:center;line-height:45px;border-bottom: 1px solid #fff;overflow: hidden;}
.nav_r li a{display:block;color:#fff}
.nav_r .content{padding:0 10px}
.nav_r .focus{text-align: center;margin-top: 15px;}
.nav_r .focus b{font-size: 18px;color: #fff;}
.nav_r strong{display:block;text-align:center;font-size:18px;color: #fff;font-weight:normal;}
.nav_r .top{display: block;background: url("../img/dh-img2.png") no-repeat center center;width:100%;height:40px;}

.mzsm{text-align:center;padding: 30px 0;}
.mzsm h2{padding:10px 0;color: #000;}
.mzsm h2 i{color: #d20738;}
#menu li a.cur {color: #ffd821;}