@charset "utf-8";

/*

	SuperSlide综合网站效果演示

    作者：大话主席

	网站：www.superslide2.com

*/



/* Css Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }

fieldset,img { border: 0; }

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

ol,ul,li { list-style: none; }

div,dl,dt,dd,ol,ul,li{ zoom:1; }

caption,th { text-align: left; }

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

q:before,q:after { content:''; }

abbr,acronym { border: 0; }



/* Public */

html{ width:100%; }

body{ width:100%; color:#454545; font-family:"微软雅黑"; font-size:14px; -webkit-text-size-adjust: none; line-height:24px;}

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

a:hover { text-decoration:none }

.fl{ float:left !important; }

.fr{ float:right !important; }

.mab{ margin-bottom:10px; }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.siteWidth{ width:1180px; margin:0 auto;   }

#topBar{ height:32px; line-height:32px; background:#454545;overflow:hidden;  }

#topBar span{ float:left;color:#c6c6c6;  }

.bdsharebuttonbox{ float:right}



/* 导航 */

#header{ background:url(../images/top.jpg) repeat-x top;  }

.logoBar{ width:1200px; margin:0 auto; height:101px; }

.logoBar .logo{ float:left; margin-top:23px; margin-left:10px }

.logoBar .tel{ float:right; background:url(../images/tel.png) no-repeat left 12px; padding-left:53px;  margin-top:18px; margin-right:180px;}

.logoBar .tel p{ font-size:16px; color:#3d3d3d;line-height:20px; padding-bottom:2px;}

.logoBar .tel h1{ font-size:22px; color:#0e903b; font-family:Arial; font-weight:bold; line-height:20px;}





.navBar{ position:relative; z-index:1;  background:#0e903b; color:#fff; height:55px; line-height:55px;   }

.nav{ width:1100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }

.nav .m{ float:left;  position:relative;  }

.nav a:hover{ text-decoration:none;  }

.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:16px; height:55px; overflow:hidden;  }

.nav h3 a{ display:block; color:#fff; width:150px; vertical-align:top; text-align:center }

/*.nav .on{ border-color:#1F7CAF;   }

.nav .on h3 a{ background:#1f7caf; color:#ff0; }*/

.nav .m:hover h3{ background:#0a6b2c  }

.nav .sub{ display:none; /*默认隐藏*/ width:150px;   position:absolute; top:55px; background:#0a6b2c; text-align:center;  }

.nav .sub li{ vertical-align:middle; }

.nav .sub li a{ height:34px; line-height:34px;display:block;  color:#fff; border-top:1px solid #0a6b2c; text-align:left; padding-left:20px  }

.nav .sub li a:hover{ background:#0e903b}

.nav h3:hover{ background:#1d9a70; color:#fff; }



/* banner */

.banner{ min-width:1000px;  position:relative;  height:450px; overflow:hidden; position:relative; z-index:0;  }

.banner .pic{ width:100% !important; }

.banner .pic li{ width:100% !important;  height:450px; }

.banner .pic li a{ height:450px; display:block;  }

.banner .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }

.banner .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -13px; height: 13px; overflow: hidden; width: 13px; cursor: pointer;

display:inline-block; zoom:1; }

.banner .hd .on{ background-position:0 0; }

.banner .prev,.banner .next { width: 53px; height: 107px; margin: -53px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;  }

.banner .prev { left: 20px; }

.banner .next { background-position: -53px 0px; right:20px; }











/* content */

.big_tit{ text-align:center; height:56px; margin-bottom:35px}

.cont-about,.cont-scope{ padding:35px 0px;}





.cont-about{ background:url(../images/bg.png);}

.cont-about .big_tit{ background:url(../images/green.png) no-repeat center;}

.w1200{ width:1200px; margin:0px auto; overflow:hidden}

.ab_info{ float:left; width:530px; background:#fff; height:259px; padding:40px 35px;}

.ab_info h1{ color:#0e903b; font-size:22px;}

.ab_info h3{ color:#8a8a8a; font-size:14px; text-transform:uppercase; font-family:Arial; line-height:28px;}

.ab_info p{ padding:10px 0px; height:144px; overflow:hidden; margin-bottom:10px}

.ab_info a{ background:#f77621; height:38px; width:161px; display:block; text-align:center; color:#fff; line-height:38px;}

/* 焦点图 */

.focusBox { position: relative; width:600px; height:339px; overflow: hidden; }

.focusBox .pic img { width:600px; height:339px; display: block; }

.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; right:10px; z-index:3}

.focusBox .hd li{float:left; text-align:center; width:12px; height:12px; cursor:pointer; overflow:hidden; background:#fff; margin-left:6px;}

.focusBox .hd .on{ background:#feb605;  }





/*业务范围*/

.cont-scope{ background:#0e903b}

.cont-scope .big_tit{ background:url(../images/white.png) no-repeat center;}

.cont-scope ul{ width:1300px}

.cont-scope ul li { float:left;width:282px; margin-right:24px}

.cont-scope ul li .img{ overflow:hidden;width:280px; height:200px; border:1px solid #424242;margin-bottom:10px;}

.cont-scope ul li .img:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }

.cont-scope ul li img{ width:280px; height:200px; float:left; -webkit-transition:all .3s linear;-mos-transition:all .3s linear;-mz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}

.cont-scope ul li a{ text-align:center; color:#fff; font-size:18px;display:block;}



/*民以食为天*/

.cont_ad{  background:url(../images/b_ad.jpg); padding:48px 0px; text-align:center}





.cont-f{ background:url(../images/bg_contact.jpg) no-repeat center top; margin-bottom:40px}

.cont-f .big_t{ padding-left:650px; height:140px;}

.cont-f .big_t p{ font-size:28px; font-weight:bold; color:#fff; margin-top:30px; height:40px;}

.cont-f .big_t p em{ font-family:Arial;}

.cont-f .big_t a{ display:block; float:left; height:36px; width:119px; border-radius:10px; background:#0e903b; text-align:center; color:#fff; font-size:16px; line-height:36px; margin-right:23px}



.f_01{ background:url(../images/f-01.png) no-repeat left; height:455px; position:relative}

.f_02{ background:url(../images/f-02.png) no-repeat right; height:655px; position:relative}

.f_01 ul li,.f_02 ul li{ background:url(../images/li.png) no-repeat left 10px; line-height:26px; padding-left:12px;}

.f_01 h1,.f_02 h1{ font-size:28px; color:#0e903b; font-weight:bold;}

.f_01 h3,.f_02 h3{ font-size:12px; color:#8a8a8a; text-transform:uppercase; margin-bottom:10px; line-height:16px; padding-top:10px}

.f_01{ padding-left:120px}

.f_02{ padding-left:656px;}

.standard1{ top:45px; position:absolute}

.standard2{ top:253px; position:absolute}

.standard3{ top:45px; position:absolute; width:500px;}

.standard4{ top:253px; position:absolute; width:500px;}

.standard5{ top:473px; position:absolute;width:500px;}





/*案例*/

.cont-coop{ background:#f5f5f5; padding:35px 0px 20px}

.cont-coop .big_tit{ background:url(../images/green.png) no-repeat center;}

/* Tab切换 */

.slideTxtBox{overflow:hidden; height:auto }

.slideTxtBox .hd{ height:35px; line-height:35px;font-size:16px; text-align:center; margin-bottom:30px }

.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }

.slideTxtBox .hd ul li{ display:inline-block }

.slideTxtBox .hd ul li a{ display:inline-block; width:196px; text-align:center; background:url(../images/g_dot.png) no-repeat 20px center }

.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }

.slideTxtBox .hd ul li.on a{ background:url(../images/tab_l.png) no-repeat left center; color:#0e903b;}

.slideTxtBox .bd ul{ width:1300px}

.slideTxtBox .bd ul li { float:left;width:282px; margin-right:24px; height:460px;}

.slideTxtBox .bd ul li .img{ overflow:hidden;width:276px; height:406px; border:3px solid #fff;margin-bottom:7px;}

.slideTxtBox .bd ul li:hover .img{border:3px solid #0e903b; -webkit-transition:all .3s linear;-mos-transition:all .3s linear;-mz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}

.slideTxtBox .bd ul li:hover a{ color:#0e903b; -webkit-transition:all .3s linear;-mos-transition:all .3s linear;-mz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}

.slideTxtBox .bd ul li img{ width:276px;/* height:196px;*/height:406px; float:left; }

.slideTxtBox .bd ul li a{ text-align:center; color:#2d2d2d; font-size:14px;display:block;}





/*菜品展示*/

.cont-dish{ padding:35px 0px; background:#0e903b}

.cont-dish .big_tit{background:url(../images/white.png) no-repeat center;}

/* 图片滚动 */

.picScroll{ position:relative;  height:170px;overflow:hidden;  padding-left:50px; width:1250px; margin:0px auto  }

.picScroll ul{ overflow:hidden; zoom:1; }

.picScroll ul li{ float:left; margin-left:25px;  width:170px; overflow:hidden; display:inline; }

.picScroll ul li img{ width:170px; height:170px; }

.picScroll .prev,

.picScroll .next{ position:absolute;  left:10px; top: 60px; display:block; width:34px; height:74px; overflow:hidden; background:url(../images/icons.png)  0 no-repeat; cursor:pointer;  }

.picScroll .next{ left:auto; right:10px; background-position:-34px 0; }





/*新闻*/

.cont-news{ padding:50px 0px;}

.news_Box{ float:left; background:url(../images/showd.jpg) no-repeat 404px top; width:370px; padding-right:70px;overflow:hidden; height:484px; position:relative}

.news_Box .bd a.more{ display:block; float:right; font-size:16px; font-family:Arial; color:#fff; background:#0e903b; width:19px; height:19px; text-align:center; line-height:19px;position:absolute; right:68px; top:4px;}





/* Tab切换 */

.news_Box .hd{ height:60px; line-height:28px; font-size:18px; }

.news_Box .hd ul{ overflow:hidden; zoom:1;  }

.news_Box .hd ul li{ float:left;height:36px; }

.news_Box .hd ul li a{ display:block; padding:0 15px; height:36px;  }

.news_Box .hd ul li a:hover{ text-decoration:none;  }

.news_Box .hd ul li.on a{ background:url(../images/down.jpg) no-repeat bottom; color:#0e903b; }

/*.news_Box .bd{ padding:10px;  }*/

.news_Box .bd li{ height:30px; line-height:30px; background:url(../images/li.jpg) no-repeat left center; padding-left:14px  }

.news-spi{ border-bottom:1px dotted #ddd; height:115px; margin-bottom:8px;}

.news-spi .img{ float:left; margin-right:12px; border:1px solid #8f8f8f;width:140px; height:95px;}

.news-spi .img img{ width:140px; height:95px;}

.news-spi h1{ line-height:28px; padding-bottom:3px;}

.news-spi p{ font-size:12px; color:#666; line-height:21px}

.news-spi p a{ color:#f77621}





.cont-aq{ height:484px; overflow:hidden}

/* 文字无缝上滚动 */

.sideBox{ }

.sideBox .hd{ height:60px; line-height:28px;   }

.sideBox .hd span{font-size:16px; color:#0e903b; height:36px; display:block ;background:url(../images/down.jpg) no-repeat bottom; float:left }

.sideBox .hd a.more{ display:block; float:right; font-size:16px; font-family:Arial; color:#fff; background:#0e903b; width:19px; height:19px; text-align:center; line-height:19px; margin-top:4px;}

.sideBox .bd{ }

/*.sideBox .bd li{ height:80px; line-height:24px; overflow:hidden;    }*/

.sideBox .bd li{ padding:10px 0px 10px 25px; border-bottom:1px dotted #ddd; background:url(../images/aq.jpg) no-repeat left 12px; }

.sideBox .bd li h1{ color:#333333; margin-right:5px; line-height:20px; margin-bottom:6px;}

.sideBox .bd li p{ color:#454545; font-size:12px; line-height:22px;}





/* footer */

#footer{ background:#3c3c3c;padding:20px 0;}

.footer_menu{ text-align:center; color:#fff; border-bottom:1px solid #575757; padding:20px 0px; }

.footer_menu a{ color:#fff;margin:0px 24px;}

.copyright{ padding:35px 0px; height:168px; width:1200px; margin:0px auto}

.copyright .copy_lo{ background:url(../images/fb.png) no-repeat left center; width:320px; float:left; height:100%;}

.copyright .copy_info{ color:#fff; float:left; width:400px; padding:0px 60px; line-height:28px; }

/*.copy_erwm{ background:url(../images/erbg.png) no-repeat left top; float:left; padding-left:162px; padding-right:18px; height:100%}*/

.copy_erwm img{ margin-top:16px; width:118px; height:118px;}



.rel_link{ background:url(../images/rel.png) no-repeat left 10px; border-top:1px solid #575757; padding:11px 0px 0px; margin:0px auto; width:1200px; min-height:20px; }

.rel_link ul{ padding-left:155px;}

.rel_link ul li{ float:left;}

.rel_link ul li a{ color:#808080; margin-right:17px}

.rel_link ul li a:hover{ color:#cdcdcd;}



#page{ margin:20px auto;}

.in-banner{ height:260px; width:100%}

.main {width: 900px; float:right}

.side { width: 260px; float:left}

.sideNav { margin-bottom: 20px; background:#f7f7f7;}

.sideNav h2 { height: 80px; line-height: 80px; text-align: center; font-size: 24px; background: #0e903b; color: #fff; font-weight:bold }

.sideNav ul{}

.sideNav ul li{ height:40px; line-height:40px; padding:0px 26px;  font-size:14px; border-bottom:1px dotted #ddd}

.sideNav ul li.active{ background:#f77622;border-bottom:1px dotted #fff}

.sideNav ul li.active a{ color:#fff;}

.sideNav ul li span{ float:right; font-family:"宋体"}

.sideNav ul li.active span{ color:#fff}

.sideNav ul li:hover{background:#f77622;}

.sideNav ul li:hover a{ color:#fff}





.sideWrap {  }

.sideWrap h2 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #0e903b; color: #fff; }

.contactBox { padding: 15px; background:#f7f7f7}

.hotLine { background: url(../images/hotLine.gif) no-repeat; padding-left: 45px; margin-bottom: 4px; height: 46px; }

.hotLine p { line-height: 16px; }

.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; color: #ff5a00; }

.contactInfo { background: url(../images/splitBg.gif) repeat-x; padding-top: 10px; line-height:24px; }

.contactInfo span { vertical-align: top; display: inline-block; }

.contactInfo .value { width: 170px; }





/* breadCrumb */

.breadCrumb { height: 55px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 30px; display: table; width: 100%; }

.breadCrumb h2 { font-family: 'Microsoft Yahei'; font-size: 18px; position: absolute; top: 0; left: 0; height: 54px; line-height: 54px; padding: 0 4px; border-bottom: 2px solid #0e903b; color: #333; }

.breadCrumb .position { color: #454545; cursor: default; line-height: 16px; text-align: right; display: table-cell; vertical-align: middle; float: none; }

.breadCrumb .position a{color: #454545;}

.breadCrumb .position span{ font-family: '宋体'; margin-right:3px; margin-left:4px;}



/* articleBox */

.articleBox { overflow: hidden; }

.articleBox li { overflow: hidden; zoom: 1; background: url(../images/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

.articleBox h2 { font-size: 16px; font-family: 'Microsoft Yahei'; margin-bottom: 4px; }

.articleBox h2 a { color: #333; display: block; }

.articleBox h2 a:hover { color: #0e903b; }

.articleBox h4 { background: url(../images/time.png) no-repeat 0 center; padding-left: 16px; color: #a2a2a2;font-size:12px; }

.articleBox p { color: #454545; line-height: 22px; height: 44px; overflow: hidden; }

.articleBox p a { color: #f77622; }

.articleBox p a:hover { text-decoration: underline; }

.articleBox .date { font-family: 'Microsoft Yahei'; font-size: 60px; line-height: 60px; top: 24px; }

.articleBox .yam { font-family: Arial; font-size: 18px; top: 88px; }







/*分页样式*/

#pages {padding:25px 0 25px;text-align:center;overflow:hidden;}

#pages  a{margin: 0 4px;font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;}

#pages  a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}

#pages  a:hover{text-decoration:none;color:#000;background:#f1f1f1;}

#pages  span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin: 0 2px;background: #212121; border: 1px solid #000;}







/* articleShow */

.articleTop { text-align: center; background: url(../images/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

.articleTop h2 { font-size: 22px; color: #000; margin-bottom: 10px; font-family: "Microsoft yahei"; }

.articleTop p { color: #999; }

.articleTop span { margin: 0 5px; }

.articleTop a { margin: 0 5px; }

.articleTop .active { color: #000; font-weight: bold; }

.articleShow { margin-bottom: 20px; font-size: 14px; line-height:28px; }

.articleShow img{ max-width:90%;}

.articleCtrl { height: 36px; line-height: 36px; background: #f1f1f1; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }

.articleCtrl p { background: url(../images/articleCtrl.png) no-repeat 0 -25px; vertical-align: top; width: 40%; }

.articleCtrl .fl { padding-left: 16px; }

.articleCtrl .fr { padding-right: 16px; background-position: right 10px; text-align: right; }

.articleCtrl a { color: #333; }

.articleCtrl a:hover { color: #0e903b; }



/* imgBox */

.imgBox { overflow: hidden; margin-left:10px }

.imgBox ul { width: 960px; }

.imgBox li { float: left; text-align: center; margin-bottom: 20px; }

.imgBox a { float: left; }

.imgBox img { border: 1px solid #dadada;-webkit-transition: all .2s ease-out 0s;-moz-transition: all .2s ease-out 0s;-ms-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s; }

.imgBox span { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.imgBox a:hover { color: #0e903b; }

.imgBox a:hover img { border-color: #0e903b; }





/* productBox */

.productBox li { /*width: 282px; */width:195px; margin-right: 32px; }

.productBox img { width: 189px; height: 278px; padding: 2px; }

.productBox span { width: 165px; }





/* feedbackBox */

.feedbackBox { padding: 0px 50px; font-family: "Microsoft yahei"; margin-bottom:20px}

.feedbackBoxTop { font-size: 14px; margin-bottom: 16px; }

.feedbackBoxTop span { color: #000; line-height:30px }

/* 内页留言样式 */

.yzh-table-feedback tr { height: 40px; }

.yzh-table-feedback .input-label { font-size: 14px; line-height: 20px; width: 80px; height: 20px; padding: 5px; vertical-align: top; text-align:right }

.yzh-table-feedback .input-text { line-height: 28px; width: 400px; height: 28px; margin-bottom: 15px; font-size: 14px; border: 1px solid #ccc; background: #fbfbfb; padding:0 5px; transition: 0.2s; border-radius: 2px; overflow: hidden; }

.yzh-table-feedback .input-textarea { width: 470px; height: 210px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; background: #fbfbfb; padding-left:5px; transition: 0.2s; border-radius: 2px; overflow: hidden; }

.yzh-table-feedback .input-verifycode { line-height: 28px; width: 100px; height:28px; margin-bottom: 15px; padding: 0 5px; border: 1px solid #ccc; background: #fbfbfb;float:left; transition: 0.2s; border-radius: 2px; overflow: hidden; }

.yzh-table-feedback .input-text:focus, .input-textarea:focus, .yzh-table-feedback .input-verifycode:focus { border-color: #787878; outline: 0; }

.yzh-table-feedback .yzh-btn { font-size: 16px; line-height: 35px; display: block; float: left; width: 110px; height: 35px; margin-right: 15px; cursor: pointer; text-align: center; color: #fff; border: 0; background: #212121; font-family: 'Microsoft Yahei'; transition: 0.2s; border-radius: 2px; overflow: hidden; }

.yzh-table-feedback .yzh-btn:hover { background: #f77622; }

.yzh-table-feedback .checkcode { border: 1px solid #CCCCCC; padding: 3px; margin-left: 10px; cursor: pointer; }