.dc-box1 { position: relative; height: 800px; background: url("//cdn.itzjj.com/publics/pc/images/dc1-bg.jpg") no-repeat center center; background-size: cover; overflow: hidden; }
.dc1-title1 { text-align: center; padding-top: 100px; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.dc-box1.cur .dc1-title1 { opacity: 1; -webkit-transform: none; transform: none; }
.dc1-title2 { margin-top: 18px; text-align: center; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s; }
.dc-box1.cur .dc1-title2 { opacity: 1; -webkit-transform: none; transform: none; }
.dc1-title3 { position: absolute; bottom: 0; left: 50%; width: 374px; height: 537px; margin-left: -187px; background: url("//cdn.itzjj.com/publics/pc/images/dc1-img3.png") no-repeat; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all 0.8s 0.5s; transition: all 0.8s 0.5s; }
.dc1-icon { position: absolute; right: 0; top: 0; z-index: 2; }
.dc1-tip { position: absolute; top: 256px; right: 0; padding-top: 44px; }
.dc1-tip1 { width: 382px; height: 68px; line-height: 66px; background: url("//cdn.itzjj.com/publics/pc/images/dc1-tip-bg.png") no-repeat; margin-top: 20px; margin-right: 46px; opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
.dc1-tip .dc1-tip1:first-child { -webkit-transition: all 0.8s ease 0.5s; transition: all 0.8s ease 0.5s; }
.dc1-tip .dc1-tip1:nth-child(2) { -webkit-transition: all 0.8s ease 0.7s; transition: all 0.8s ease 0.7s; }
.dc1-tip .dc1-tip1:nth-child(3) { -webkit-transition: all 0.8s ease 0.9s; transition: all 0.8s ease 0.9s; }
.dc1-tip1 p { font-size: 30px; color: #34b3be; padding-left: 80px; }
.dc-box1.cur .dc1-tip1 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box1.cur .dc1-title3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box2 { height: 600px; background-size: cover; background-repeat:no-repeat; background-position:center center;}
.dc-p1 { float: left; height: 600px; line-height: 600px; }
.dc-p1-content { display: inline-block; vertical-align: middle; }
.dc-p1-content h3 { font-size: 40px; font-weight: normal; line-height: 1; color: #333; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.dc-p1-content h3 em { font-size: 48px; font-style: normal; }
.dc-box2.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box3.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box4.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box5.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box6.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box7.cur .dc-p1-content h3 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box2 .dc-p1-content h3 em { color: #fd3000; }
.dc-p1-content p { font-size: 24px; line-height: 30px; color: #666666; margin-top: 24px; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s; }
.dc-box2.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box3.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box4.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box5.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box6.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box7.cur .dc-p1-content p { opacity: 1; -webkit-transform: none; transform: none; }
.dc-p-line { margin-top: 46px; width: 0; height: 2px; background-color: #706f6e; opacity: 0; -webkit-transition: all 0.8s ease 0.3s; transition: all 0.8s ease 0.3s; }
.dc-box2.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-box3.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-box4.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-box5.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-box6.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-box7.cur .dc-p-line { width: 100px; opacity: 1; }
.dc-img1 { float: right; height: 600px; line-height: 600px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 1s 0.2s; transition: all 1s 0.2s; }
.dc-box2.cur .dc-img1 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box6.cur .dc-img1 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-img2 { float: left; height: 600px; line-height: 600px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 1s 0.2s; transition: all 1s 0.2s; }
.dc-box3 .dc-img2 { -webkit-transform: scale(1); transform: scale(1); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
.dc-box3.cur .dc-img2 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box5.cur .dc-img2 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-box7.cur .dc-img2 { opacity: 1; -webkit-transform: none; transform: none; }
.dc-p2 { float: right; height: 600px; line-height: 600px; }
.dc-box3 { height: 600px;background-size: cover; background-repeat:no-repeat; background-position:center center;}
.dc-box3 .dc-p1-content h3 { color: white; }
.dc-box3 .dc-p1-content p { color: white; }
.dc-box3 .dc-p-line { background-color: white; }
.dc-box4 { height: 600px;background-size: cover;background-repeat:no-repeat; background-position:center center;}
.dc-box4 .dc-p1-content h3 em { color: #fd3000; }
.dc-box5 { height: 600px;background-size: cover;background-repeat:no-repeat; background-position:center center;}
.dc-box5 .dc-p1-content h3 { color: white; }
.dc-box5 .dc-p1-content p { color: white; }
.dc-box5 .dc-p-line { background-color: white; }
.dc-box6 { height: 600px;background-size: cover;background-repeat:no-repeat; background-position:center center;}
.dc-box6 .dc-p1-content h3 em { color: #fd3000; }
.dc-box7 { height: 600px;background-size: cover;background-repeat:no-repeat; background-position:center center;}
.dc-box7 .dc-p1-content h3 { color: white; }
.dc-box7 .dc-p1-content p { color: white; }
.dc-box7 .dc-p-line { background-color: white; }
.dc-box8 { height: 810px; background-size: cover;background-repeat:no-repeat; background-position:center center;overflow: hidden; }
.dc8-title { text-align: center; padding-top: 68px; -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; -webkit-transition: all 0.8s; transition: all 0.8s; }
.dc-box8.cur .dc8-title { opacity: 1; -webkit-transform: none; transform: none; }
.dc8-title h3 { font-size: 48px; color: black; font-weight: normal; }
.dc8-title p { font-size: 20px; line-height: 30px; margin-top: 16px; }
.dc8-content { width: 1044px; margin: 0 auto; padding-top: 20px; }
.ind-box { float: left; width: 140px; margin: 30px 60px 0; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.ind-box.ani { opacity: 1; -webkit-transform: none; transform: none; }
.ind-box-icon { width: 140px; height: 140px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.ind-box1 .ind-box-icon { background: url("../images/ind1.png") no-repeat; }
.ind-box2 .ind-box-icon { background: url("../images/ind2.png") no-repeat; }
.ind-box3 .ind-box-icon { background: url("../images/ind3.png") no-repeat; }
.ind-box4 .ind-box-icon { background: url("../images/ind4.png") no-repeat; }
.ind-box5 .ind-box-icon { background: url("../images/ind5.png") no-repeat; }
.ind-box6 .ind-box-icon { background: url("../images/ind6.png") no-repeat; }
.ind-box7 .ind-box-icon { background: url("../images/ind7.png") no-repeat; }
.ind-box8 .ind-box-icon { background: url("../images/ind8.png") no-repeat; }
.ind-box1:hover .ind-box-icon { background: url("../images/ind1-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box2:hover .ind-box-icon { background: url("../images/ind2-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box3:hover .ind-box-icon { background: url("../images/ind3-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box4:hover .ind-box-icon { background: url("../images/ind4-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box5:hover .ind-box-icon { background: url("../images/ind5-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box6:hover .ind-box-icon { background: url("../images/ind6-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box7:hover .ind-box-icon { background: url("../images/ind7-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box8:hover .ind-box-icon { background: url("../images/ind8-on.png") no-repeat; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.ind-box p { font-size: 20px; line-height: 30px; color: black; text-align: center; margin-top: 20px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.ind-box:hover p { color: #3aa4af; }
.dc8-more { text-align: center; margin-top: 46px; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all 0.8s; transition: all 0.8s; }
.dc8-more.ani { -webkit-transform: none; transform: none; opacity: 1; }
.dc8-more a { display: inline-block; width: 318px; height: 70px; line-height: 70px; font-size: 24px; color: #2eafbb; border: 1px solid #3aa4af; border-radius: 6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.dc8-more a:hover { background: #2eafbb; color: white; }
.contact { margin-top: 0; }
/*点餐专题页新增样式*/

.dc-box7 { overflow: hidden; }

@media (max-width: 1199px) {
.dc-box7 .dc-img2 { width: 46%; }
.dc-box7 .dc-img2 img { width: 100% }
.dc-box8 .dc8-content { width: 100%; }
.dc-box8 .ind-box { margin: 30px 48px 0; }
}