@charset "utf-8";
.productT{padding: 100px 0 78px 0;}
.productT .exhibition{width: 290px; height: 290px; float: left; margin: 35px 0 0 35px; position: relative;}
.productT .exhibition img{width: 100%; height: 100%;}
.productT .exhibition .markProt{width: 290px; height: 290px; position: absolute; top: -35px; left: -35px; background-color: #f79951; display: table;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.productT .exhibition .markProt .markProtSite{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; color: #ffffff;}
.productT .exhibition .markProt .markProtSite h2{font-size: 34px; line-height: 43px; text-transform: uppercase;}
.productT .exhibition .markProt .markProtSite p{font-size: 18px; line-height: 33px;}
.productT .exhibition:hover .markProt{background-color: transparent;}
/*.productT .exhibition:hover .markProt .markProtSite{color: #F79951;}*/
.productT .prodList{float: right; width: 778px;  }
.productT .prodList ul li{float: left; margin: 14px 94px 0 0;}
.productT .prodList ul li:nth-child(3n){margin-right: 0;}
.productT .prodList ul li .sitePic{width: 192px; height: 129px; position: relative; text-align: center; }
.productT .prodList ul li .sitePic img{height: 100%; width: auto;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
.productT .prodList ul li .sitePic .roundC{width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 0; right: 0; background-color: #f79951;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.productT .prodList ul li .sitePic .roundC p{color: #ffffff; text-transform: uppercase; text-align: center; line-height: 40px; font-size: 10px; font-family: Arial;
         -webkit-transform: scale(0.8);-o-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.productT .prodList ul li p{line-height: 28px; font-size: 16px; text-align: center; color:#545454;}
.productT .prodList ul li .sitePic:hover img{
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);}
.productT .prodList ul li .sitePic:hover .roundC{background-color: rgba(247, 153, 81, 0.82);}
.productT .prodList ul li:hover p{color: #F79951;}

/*      */
.moreX{height: 455px; overflow: hidden;}
.moreX .moreXSite{width: 100%; height: 100%; background:url("../images/juxing.png") no-repeat; position: relative;}
.moreX .moreXSite::before{content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%;
    border-bottom:140px solid #ffffff; border-left: 1920px solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    }
.moreX .moreXSite::after{content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%;
    border-top:140px solid #ffffff; border-left: 1920px solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    }
.moreX .moreXSite .Lmore{width: 143px; height: 34px; border: 1px solid #6f6f6f; position: absolute; right: 0; top: 216px; text-align: center;
    background: -webkit-linear-gradient(left, #F79951, #F79951) no-repeat;
    background: linear-gradient(to right, #F79951, #F79951) no-repeat;
    background-size: 0% 100%;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;}
.moreX .moreXSite .Lmore a{color: #ffffff; display: inline-block; line-height: 32px; width: 100%; font-size: 14px;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;}
.moreX .moreXSite .Lmore:hover{border: 1px solid #F79951; background-size: 100% 100%;}

/*
.moreX .moreXSite .Lmore:hover a{color: #0082D6;}
*/

/*     美食天地     */
.delicious .titleDe{padding: 51px 0 25px 0; text-align: center; color: #000000;}
.delicious .titleDe h3{line-height: 41px; font-size: 34px; font-family: Arial; text-transform: uppercase; margin-bottom: 3px;}
.delicious .titleDe p{line-height: 29px; font-size: 18px; }
.delicious .specialShaped{    height: 1372px;overflow: hidden; position: relative;}
/*.delicious .specialShaped::before{content: ""; width: 300px; height: 42px; background: #ffffff; position: absolute; top: 10px; right: 0; z-index: 20;}*/
.delicious .specialShaped .special{height: 497px;}
.delicious .specialShaped .special:last-child{height: auto;}
.delicious .specialShaped .special:after{content: '';clear: both;display: block;}
/*.delicious .specialShaped .special:first-child{height: 428px;}
.delicious .specialShaped .special:last-child{height: 428px;}*/
.delicious .specialShaped .special:first-child .cialWord{padding-top: 153px;}
.delicious .specialShaped .special:last-child .cialWord{padding-top: 0;    margin-top: 60px;}
/*  margin-top: -50px;   */
.delicious .specialShaped .special:first-child .cialPic::before{content: "";    transform: skewY(172deg);
    background: #fff; width: 0; height: 0;position: absolute; left: 0; top: 6px; border-top: 80px solid #ffffff; border-right: 960px solid transparent; z-index: 10;}
.delicious .specialShaped .special:last-child .cialPic::before{content: "";    transform: skewY(8.4deg);
    background: #fff; width: 0; height: 0;position: absolute; left: 0; bottom: -15px; border-top: 96px solid #ffffff; border-right: 960px solid transparent; z-index: 10;}
/*
.delicious .specialShaped .special:last-child .cialPic::before{content: ""; width: 0; height: 0;position: absolute; left: 0; bottom: 0; border-bottom: 69px solid #ffffff; border-right: 960px solid transparent; z-index: 10;}
*/
.delicious .specialShaped .special:nth-of-type(2) .cialPic{margin-top: -73px ;}
.delicious .specialShaped .special:nth-of-type(1) .cialPic {transform: skewY(4deg);z-index: 2; margin-top: -60px;}
.delicious .specialShaped .special:nth-of-type(1) .cialPic img{transform: skewY(174deg);}
.delicious .specialShaped .special:nth-of-type(3) .cialPic{transform: skewY(176deg);z-index: 2;margin-top: -97px;}
.delicious .specialShaped .special:nth-of-type(3) .cialPic img{transform: skewY(4deg);position: relative;top: -34px;}
.delicious .specialShaped .special .cialWord{width: 50%; float: left; padding-top: 58px; color: #000000;}
.delicious .specialShaped .special .cialWord .cialWordSite{width: 600px; padding-right: 115px; float: right;}
.delicious .specialShaped .special .cialWord h3{font-size: 24px; line-height: 39px;}
.delicious .specialShaped .special .cialWord h2{font-size: 24px; line-height: 33px; font-family: Arial; margin-bottom: 21px; text-transform: uppercase;}
.delicious .specialShaped .special .cialWord p{font-size: 12px; line-height: 22px; margin-bottom: 50px; }
.delicious .specialShaped .special .cialWord a{text-decoration: underline; font-size: 14px; color: #444444;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.delicious .specialShaped .special .cialWord a:hover{padding-left: 10px;}
.delicious .specialShaped .special .cialPic{width: 50%; height: 516px; float: left; overflow: hidden; position: relative;}
/*  height: 460px;   */
.delicious .specialShaped .special .cialPic img{height: 548px; width: auto;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
/* height: 497px;  */
.delicious .specialShaped .special .cialPic:hover img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
.delicious .specialShaped .special:nth-of-type(1) .cialPic:hover img{
    -webkit-transform:skewY(-6deg) scale(1.12);
    -moz-transform:skewY(-6deg) scale(1.12);
    -ms-transform:skewY(-6deg) scale(1.12);
    -o-transform:skewY(-6deg) scale(1.12);
    transform:skewY(-6deg) scale(1.12);}
.delicious .specialShaped .special:nth-of-type(3) .cialPic:hover img{
    -webkit-transform:skewY(4deg) scale(1.12);
    -moz-transform:skewY(4deg) scale(1.12);
    -ms-transform:skewY(4deg) scale(1.12);
    -o-transform:skewY(4deg) scale(1.12);
    transform:skewY(4deg) scale(1.12);}

/*    展望    */
.delicious .expectation{height: 913px; position: relative; overflow: hidden;}
.delicious .expectation::before{content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%;
    border-bottom:136px solid #ffffff; border-left: 1920px solid transparent; z-index: 16;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.delicious .expectation::after{content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%;
    border-top:136px solid #ffffff; border-left: 1920px solid transparent; z-index: 15;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.delicious .expectation .tionPic{width: 50%; float: left; height: 100%; overflow: hidden;}
.delicious .expectation .tionPic img{height: 100%; width: auto;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;}
.delicious .expectation .tionWord{width: 50%; float: left; height: 100%; overflow: hidden;}
.delicious .expectation .tionWord .tionWordSite{width: 600px; padding-left: 75px; padding-top: 290px;}
.delicious .expectation .tionWord .tionWordSite p{line-height: 35px; font-size: 14px; color: #ffffff; }
.delicious .expectation .tionWord .tionWordSite a{width: 145px; height: 34px; border: 1px solid #64809c; display: inline-block; text-align: center; line-height: 32px; color: #ffffff;margin-top: 80px; font-size: 14px;
    background: -webkit-linear-gradient(left, #F79951, #F79951) no-repeat;
    background: linear-gradient(to right, #F79951, #F79951) no-repeat;
    background-size: 0% 100%;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
}
.delicious .expectation .tionWord .tionWordSite a:hover{border: 1px solid #F79951; background-size: 100% 100%;}
.delicious .expectation .tionPic:hover img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
/*      资讯动态      */
.TNews .newsTitle{padding: 32px 0 18px 0; text-align: center; color: #000000;}
.TNews .newsTitle h3{line-height: 43px; font-size: 34px; text-transform: uppercase;}
.TNews .newsTitle p{line-height: 33px; font-size: 18px; }
.TNews .newsSite{height: 771px; overflow: hidden; position: relative;}
.TNews .newsSite::before{content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%;
    border-bottom:136px solid #000000; border-right: 1920px solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.TNews .newsSite::after{content: ""; width: 0; height: 0; position: absolute; top: 0; left: 50%;
    border-top:136px solid #ffffff; border-right: 1920px solid transparent; z-index: 15;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.TNews .newsSite .newsMark{width: 100%; height: 100%; padding: 136px 0; background: url("../images/juxing2.png") no-repeat center center; background-size: cover}
.TNews .newsSite .newsMark .markSite{width: 100%; height: 100%; padding: 47px 100px 0; }
.TNews .newsSite .newsMark .markSite ul li{width: 100%; border: 1px solid rgba(255, 255, 255, 0.44); padding: 20px 30px 17px 120px; color: #ffffff; position: relative; margin-bottom: 49px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.TNews .newsSite .newsMark .markSite ul li h3{line-height: 37px; font-size: 24px; font-family: Arial;}
.TNews .newsSite .newsMark .markSite ul li p{line-height: 24px; font-size: 14px;}
.TNews .newsSite .newsMark .markSite ul li a{
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.TNews .newsSite .newsMark .markSite ul li::before,.TNews .newsSite .newsMark .markSite ul li::after{
    position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px;  opacity: 0;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}
.TNews .newsSite .newsMark .markSite ul li::before{
    opacity: 0;   border-top: 1px solid rgba(255, 255, 255, 0.44); border-bottom: 1px solid rgba(255, 255, 255, 0.44);}

.TNews .newsSite .newsMark .markSite ul li::after{
    opacity: 0;   border-left: 1px solid rgba(255, 255, 255, 0.44); border-right: 1px solid rgba(255, 255, 255, 0.44);}


.TNews .newsSite .newsMark .markSite ul li:hover::before,.TNews .newsSite .newsMark .markSite ul li:hover::after{
    top: -8px; left: -8px; right: -8px; bottom: -8px;
    opacity: 0.8;
}
.TNews .newsSite .newsMark .markSite ul li:hover{border: 1px solid transparent;}
.TNews .newsSite .newsMark .markSite ul li:hover a{color: #dddddd;}
.TNews .newsSite .newsMark .markSite ul li .arrowS{width: 38px; height: 12px; position: absolute; left: 31px; top: 50%; margin-top: -6px; background: url("../images/larrow.png") no-repeat;}
/*.TNews .newsSite .newsMark .markSite ul li:hover::before{ background: url("../images/larrow2.png") no-repeat;}*/
.TNews .newsSite .newsMark .markSite .lookMmore{text-align: right; padding-top: 10px;}
.TNews .newsSite .newsMark .markSite .lookMmore a{color: #ffffff; font-size: 14px; text-decoration: underline;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.TNews .newsSite .newsMark .markSite .lookMmore a:hover{
    padding-right: 11px;}