body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input { margin: 0; padding: 0; }
body { margin: 0 auto; font-family: "Microsoft YaHei", "Arial"; background: #eee; color: #4a4a4a }
li { list-style: none }
a { text-decoration: none }
img { border: 0; display: block }
.h_10px { width: 100%; font-size: 0px; height: 10px; clear: both }
.h_30px { width: 100%; font-size: 0px; height: 30px; clear: both }
.clear { width: 100px; font-size: 0px; height: 0; clear: both }
.main { width: 1100px; margin: 0 auto; padding: 0 }
/*公用头部底部*/
.top { background: url(../images/top_bg.jpg) repeat-x; height: 66px; }
.logo { width: 200px; float: left }
.nav { float: right; width: 780px; }
.nav li { display: inline; line-height: 65px; text-align: center }
.nav li a { color: #333; padding: 10px 25px; font-size: 18px }
.nav li a:hover { background: #ee7700; color: #fff }
.footer { font-size: 16px; line-height: 29px; padding: 20px 0; text-align: center; }
/*bg*/
.header { background: url(../images/top.jpg) no-repeat center center; min-height: 535px; }
#float01 { background: url(../images/bg1.jpg) no-repeat center center; width: 100%; height: 1020px; }
#float02 { background: url(../images/bg2.jpg) no-repeat center center; width: 100%; height: 1460px; }
#float03 { background: url(../images/bg3.jpg) no-repeat center center; width: 100%; height: 760px; }
#float04 { background: url(../images/bg4.jpg) no-repeat center center; width: 100%; height: 2049px; }
.bg_bottom { background: url(../images/bg5.jpg) no-repeat center center; width: 100%; height: 470px; }
.title1 { width: 100%; height: 255px; background: url(../images/title1.png) no-repeat; }
.title2 { width: 100%; height: 210px; background: url(../images/title2.png) no-repeat; }
.title3 { width: 100%; height: 185px; background: url(../images/title3.png) no-repeat; }
.title4 { width: 100%; height: 242px; background: url(../images/title4.png) no-repeat; }
.title_fl { width: 100%; height: 80px; background: url(../images/flower.png) no-repeat; }
div.floatCtro { width: 120px; height: 350px; position: fixed; right:50%; top: 10%; z-index: 100;margin-right:-680px;}
div.floatCtro p { width: 120px; text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #fff; margin: 0; padding: 0; cursor: pointer; background: #7f3e20; margin-top: 2px; font-size: 16px; }
div.floatCtro a { display: inline-block; display: none; width: 120px; height: 40px; margin: 2px 0 0 0; background: #5e5e5e; color: #fff; vertical-align: middle; cursor: pointer; display:block;}
div.floatCtro a span { display: block; height: 44px; line-height: 39px; font-size: 14px; text-align: center; margin: 0 16px; _margin: -10px 0 0 16px; }
div.floatCtro a span img { margin: 6px 0 0 27px; float: left }
div.floatCtro a:hover { background: #000; color: #fff; zoom: 1; }
div.floatCtro p:hover { background: #c40000; color: #fff; }
div.floatCtro p.cur { background: #c40000; color: #fff; }
/*中法厨艺交流 */
.p1_list { float: left; width: 100%; }
.p1_list ul { width: 100%; }
.p1_list ul li { width: 49%; margin-right: 1%; float: left; display: inline; text-align: center; margin-top: 10px; overflow: hidden }
.p1_list ul li img { text-align: center; width: 100%; overflow: hidden; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; overflow: hidden }
.p1_list ul li img:hover { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.txtmain { padding: 20px 0; float: left; font-size: 16px; }
.txtmain p { color: #3f2b22; text-indent: 2em; line-height: 29px; }
/*中法厨艺交流 */
.p2_left { width: 520px; float: left }
.p2_right { float: right; width: 560px; }
.p2_img0 { float: left; width: 524px; height: 365px; overflow: hidden; }
.p2_img1 { float: left; width: 255px; height: 348px; margin-right: 8px; overflow: hidden; position: relative }
.p2_img2 { float: left; width: 285px; height: 348px; overflow: hidden; }
.p2_img3 { float: left; width: 550px; height: 232px; overflow: hidden; }
.p2_img4 { float: left; width: 560px; height: 310px; overflow: hidden; }
.p2_img5 { float: left; width: 560px; height: 230px; margin-top: 8px; overflow: hidden; }
.p2_img7 { float: left; width: 215px; height: 365px; margin-right: 8px; overflow: hidden; position: relative; }
.p2_img8 { float: left; width: 285px; height: 365px; overflow: hidden; }
.p2_img1 p, .p2_img7 p { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); background: #000\9; width: 100%; text-align: center; color: #fff; padding: 10px 0; line-height: 27px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; opacity: 0; filter: alpha(opacity=0); }
.p2_left img, .p2_right img { width: 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.p2_left:hover p, .p2_right:hover p { opacity: 1; filter: alpha(opacity=80); }
.p2_left img:hover, .p2_right img:hover { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/*视频中心 */
#mainBox { width: 290px; height: 500px; position: absolute; top: 0; right: 0; overflow: hidden; }
#content { height: 782px; position: absolute; left: 0; top: 0; }
.scrollDiv { width: 18px; position: absolute; top: 0; background: #666; border-radius: 10px; }
.banner-box { width: 1100px; height: 500px; margin: 20px auto; position: relative; background: #000; }
.slide-box { width: 800px; height: 500px; }
.slide-item { display: none; }
.slide-item img { width: 100%; margin-bottom: 10px }
.slide-item p { color: #5a5a5a; line-height: 23px }
.snap-box {/* position: absolute; right: 0; top: 0; height: 100%; width: 290px; height:500px; overflow-y: auto;*/ }
.snap-box li { height: 80px; padding: 0; cursor: pointer; vertical-align: bottom; float: left; margin: 16px 0 0 0; }
.snap-box li div { font-size: 12px; float: left; width: 150px; }
.snap-box li .item-title { color: #515151; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 20px; }
.snap-box li .item-intro { color: #444; height: 16px; line-height: 16px; margin: 4px 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; _width: 450px; }
.snap-box li.item-current { background: #444; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.snap-box li.item-current .item-title { color: #fff; font-size: 22px; margin-top: 25px }
.snap-box li.item-current .item-intro { opacity: 0!important; ; filter: alpha(opacity=0)!important; ; }
.snap-box li span { float: left; width: 110px; height: 80px; overflow: hidden; margin-right: 10px }
.snap-box li span img { width: 100%; opacity: .5; filter: alpha(opacity=50); }
.item-current span img { opacity: 1!important; filter: alpha(opacity=100)!important; }
/*精彩看点 */
.season { width: 100%; }
.txt img { float: left; width: 190px; height: 100px; }
.txt { width: 100%; float: left; margin: 20px 0 }
.txt p { float: left; line-height: 29px; color: #664735 }
.cooking li { width: 22%; margin-right: 22px; display: inline; float: left; width: 245px; overflow: hidden; border: 1px solid #ccc; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.5); }
.cooking li span { width: 260px; height: 245px; overflow: hidden; display: block }
.cooking li img { width: 100%; transition: all .5s; }
.cooking li img:hover { transform: scale(1.2, 1.2) }
.cooking li p { text-align: center; padding: 10px 0; }
.cooking li.clear1 { margin-right: 0; }
