@charset "utf-8";
/* CSS Document */

body{ background:#e5e5e5;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; max-width:640px; background:#fafafa; position:relative; overflow:hidden; margin:0 auto;}

/*头部样式*/
.header{ width:100%; height:106px; background:#fff; box-shadow:rgba(0,0,0,0.2) 0 4px 6px; overflow:hidden; border-top:4px solid #663300; position:relative; z-index:9999;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block; width:108px; height:106px; background:url(../images/common/logo.png) no-repeat; text-indent:-9999em; margin:0 16px;}
.header span.tel{ display:block; line-height:24px; color:#333; font-size:20px; background:url(../images/common/head_tel.png) left center no-repeat; padding-left:56px; float:left; margin:26px 0 0 88px;}
.header span.tel a{ display:block; height:30px; line-height:32px; color:#006633; font-size:28px;}
.header a.menu{ display:block; width:64px; height:72px; background:url(../images/common/head_menu.png) center no-repeat; position:absolute; top:0; right:0; margin:17px 20px;}

/*导航样式*/
ul.nav{ display:block; background:rgba(0,0,0,0.84); z-index:9999; position:absolute; top:110px; right:0; transform:translateX(100%);
	transition:transform 0.36s;
	-webkit-transition:transform 0.36s; /* Safari and Chrome */
	-moz-transition:transform 0.36s; /* Firefox 4 */
	-os-transition:transform 0.36s; /* IE 9 */
	-o-transition:transform 0.36s; /* Opera */
}
ul.nav.open{ transform:translateX(0);}
ul.nav li{ display:block; min-width:240px; font-size:26px; position:relative; z-index:9999; border-top:1px solid #fff; margin:0 1em;}
ul.nav>li:first-child{ border-top:0;}
ul.nav li a{ display:block; height:72px; line-height:74px; color:#fff; font-size:26px; text-align:center; padding:0 1em;}
ul.nav li a:hover{ color:#b06b27;}
ul.nav li.sub>a{ text-indent:22px;}
ul.nav li.sub>a:after{ display:inline-block; content:''; border-top:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; margin:33px 0 0 6px; vertical-align:top;}
ul.nav li.sub>a:hover:after{ border-top-color:#b06b27;}
ul.nav li ul.subNav{ display:none; height:auto; z-index:9999; overflow:hidden; padding:8px 0; border-top:1px solid #fff;}
ul.nav li.on ul.subNav{ display:block;}
ul.nav li ul.subNav li{ display:block; min-width:0; height:auto; overflow:hidden; border:0;}
ul.nav li ul.subNav li a{ display:block; min-width:5em; height:52px; line-height:54px; color:#fff; font-size:23px; border:0;}
ul.nav li ul.subNav li a:hover{ color:#b06b27;}

/*banner样式*/
.banner{ width:100%; height:120px; margin:24px 0 0;}
 
/*footer样式*/
.footer{ background:#f5f5f5; padding:24px 0 18px; overflow:hidden; margin:0 0 106px;}
.footer .copyright{ line-height:36px; color:#565656; font-size:22px; text-align:center; padding:0 10px;}
.footer .copyright a{ color:#565656;}
.footer .copyright a:hover{ text-decoration:underline;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#492202; position:fixed; left:50%; bottom:0; margin-left:-320px; z-index:9999;}
ul.footNav li{ display:block; width:25%; height:98px; float:left;}
ul.footNav li a{ display:block; overflow:hidden; border-left:1px solid #fff;}
ul.footNav li a img{ display:block; height:34px; margin:16px auto 0;}
ul.footNav li a span{ display:block; height:48px; line-height:48px; color:#fff; font-size:21px; text-align:center;}
ul.footNav li a:hover{}
ul.footNav li:first-child a{ border-left:0;}

/*返回顶部*/
.backToTop{ display:none; width:56px; height:56px; background:url(../images/common/top.png); position:fixed; _position:absolute; right:14px; bottom:120px; _bottom:"auto"; cursor:pointer; text-indent:-9999px; opacity:0.6; filter:Alpha(opacity=60);}
.backToTop:hover{ opacity:1; filter:Alpha(opacity=100);}

/*主体样式*/
.main{ height:auto; overflow:hidden; padding:0 0 26px;}
.main p.position{ height:66px; line-height:68px; color:#666; font-size:22px; padding:0 0 0 16px; margin:4px 20px 0; position:relative;}
.main p.position:before{ content:''; width:5px; height:30px; background:#663202; border-radius:2px; position:absolute; left:0; top:50%; margin-top:-15px;}
.main p.position a{ color:#444;}
.main p.position a:hover{ color:#663202;}

/*二级栏目*/
ul.menu{ display:block; overflow:hidden; text-align:center; background:#fff; padding:10px 4px; border:1px solid #dadada; margin:0 10px 16px;}
ul.menu li{ display:inline-block; width:25%; vertical-align:top;}
ul.menu li a{ display:block; height:50px; line-height:52px; color:#333; font-size:26px; text-align:center; border-radius:4px; margin:0 10px;}
ul.menu li.cur a{ color:#fff; background:#70704c;}

/*内容样式*/
.main .attr{ height:auto; min-height:558px; overflow:hidden; background:#fff; border:1px solid #dadada; margin:0 10px;}
.main .attr h3.title{ display:block; line-height:42px; color:#333; font-size:28px; font-weight:normal; text-align:center; padding:26px 32px 0;}
.main .attr p.mark{ display:block; height:46px; line-height:48px; color:#999; font-size:22px; text-align:center; padding:8px 0 12px; border-bottom:1px solid #dadada; margin:0 12px;}
.main .attr .article{ min-height:340px; line-height:44px; color:#323232; font-size:24px; font-weight:normal; padding:26px 14px; background:url(../images/common/info_bg.png) center no-repeat;}
.main .attr .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .attr .article img{ max-width:100%;}

/*文章切换*/
.main .change{ padding:18px 2px 28px; border-top:1px solid #dadada; margin:0 14px;}
.main .change p{ display:block; height:46px; line-height:48px; color:#663300; font-size:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:#333; font-size:24px;}
.main .change p a:hover{ color:#663300;}

/*页码样式*/
.pages{ text-align:center; font-size:20px; padding:28px 0; margin:24px 0 0;}
.pages a{ display:inline-block; min-width:40px; height:40px; line-height:36px; color:#333; text-align:center; background:#fff; padding:0 10px; margin:0 6px; border:1px solid #c6c6c6; box-sizing:border-box;}
.pages a:active,
.pages a:hover{ color:#fff; background:#70704c; border-color:#70704c;}
.pages span{ display:inline-block; min-width:40px; height:40px; line-height:36px; color:#333; text-align:center; background:#fff; padding:0 10px; margin:0 6px; border:1px solid #c6c6c6; box-sizing:border-box;}
.pages span.current{ color:#fff; background:#70704c; border-color:#70704c; cursor:pointer;}
.pages span.disabled{ cursor:default;}

/*新闻列表*/
.main ul.newsList{ display:block; margin:0 10px 0;}
.main ul.newsList li{ display:block; padding:10px 14px; background:#fff; border:1px solid #dadada; overflow:hidden; margin:16px 0 0;}
.main ul.newsList li a.pic{ display:block; float:left; margin-right:18px;}
.main ul.newsList li a.pic img{ display:block; width:210px; height:140px;}
.main ul.newsList li a.title{ display:block; height:38px; line-height:38px; color:#333; font-size:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#663300;}
.main ul.newsList li .txt{ height:60px; line-height:30px; color:#666; font-size:22px; padding:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li span{ display:block; height:34px; line-height:36px; color:#9a9a9a; font-size:20px; padding:2px 0 0; overflow:hidden;}
.main ul.newsList li span em{ display:block; height:34px; background:url(../images/icons/view.png) left center no-repeat; padding-left:36px; float:right;}

/*分类筛选*/
.carCate{ background:#fff; overflow:hidden; border:1px solid #dadada; position:relative; margin:0 10px 26px;}
.carCate p{ display:block; padding:8px 10px 0; overflow:hidden; border-top:1px solid #ebebeb;}
.carCate p:first-child{ border-top:0;}
.carCate p label{ display:block; height:54px; line-height:56px; color:#444; font-size:24px; padding:0 8px;}
.carCate p em{ display:block; overflow:hidden; padding:6px 0 2px;}
.carCate p em a{ display:block; height:40px; line-height:42px; color:#666; font-size:22px; padding:0 0.78em; white-space:nowrap; border-radius:4px; float:left; margin:0 0.4em 0.48em;}
.carCate p em a:hover,
.carCate p em a.cur{ color:#fff; background:#70704c;}

/*营销网络*/
.main ul.market li{ padding:12px 14px 10px;}
.main ul.market li a.pic{ margin:4px 20px 0 0;}
.main ul.market li a.pic img{ width:240px; height:160px;}
.main ul.market li a.title{ padding:2px 0;}
.main ul.market li p{ display:block; height:30px; line-height:32px; color:#666; font-size:22px; padding:2px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.market li p a{ color:#70704c;}
.main ul.market li p.btns{ height:auto; text-align:center; padding:14px 0 8px; clear:both;}
.main ul.market li p.btns a{ display:inline-block; width:178px; height:46px; line-height:48px; color:#fff; font-size:22px; text-align:center; background:#70704c; border:1px solid #70704c; margin:0 40px; vertical-align:top;}
.main ul.market li p.btns a.shop{ color:#70704c; background:#fff;}

/*在线留言*/
form.message{ display:block; padding:20px 0 58px; overflow:hidden; margin:0 20px;}
form.message h3{ display:block; line-height:56px; color:#444; font-size:26px; font-weight:normal; padding:0 0 12px;}
form.message h3 span{ display:block; line-height:1.6em; color:#ed1f25; font-size:22px;}
form.message p{ display:block; overflow:hidden; padding:10px 18px;}
form.message p *:focus{ outline:none;}
form.message p label{ display:block; width:120px; height:56px; line-height:58px; color:#444; font-size:24px; text-align:right; white-space:nowrap; padding-right:8px; float:left;}
form.message p label.radio{ width:auto; background:url(../images/icons/radio.png) left top no-repeat; background-size:auto 200%; padding:0 0 0 36px; margin:0 42px 0 0; cursor:pointer;}
form.message p label.radio input{ display:none;}
form.message p label.radio.check{ background-position:left bottom;}
form.message p input.text{ display:block; width:380px; height:40px; line-height:40px; color:#444; font-size:24px; padding:8px 16px 6px; border:1px solid #dadada; float:left;}
form.message p input.short{ width:180px;}
form.message p a.btn{ display:block; width:184px; height:56px; line-height:58px; color:#fff; font-size:24px; text-align:center; background:#ed2024; float:left; margin-left:16px;}
form.message p img{ display:block; width:182px; height:54px; border:1px solid #dadada; cursor:pointer; float:left; margin-left:16px;}
form.message p select{ display:block; width:196px; height:56px; line-height:58px; color:#444; font-size:24px; text-align:center; background:#fff; padding:0 8px; border:1px solid #dadada; cursor:pointer; float:left; margin-right:22px;}
form.message p select:last-child{ margin:0;}
form.message p textarea{ display:block; width:380px; height:132px; line-height:40px; color:#444; font-size:24px; padding:8px 16px 6px; border:1px solid #dadada; resize:none; float:left;}
form.message p input.btn{ display:block; width:202px; height:56px; line-height:54px; color:#fff; font-size:26px; background:#ed2024; border:none; padding:2px 0 0; cursor:pointer; margin:0 auto;}

/*招聘列表*/
table.recruit{ width:620px; border:1px solid #e6e6e6; border-collapse:collapse; margin:0 10px;}
table.recruit tr th{ line-height:64px; color:#fff; font-size:25px; font-weight:normal; background:#70704c; padding:2px 0 0; border:1px solid #fff; border-right:0;}
table.recruit tr th:first-child{ border-left:0;}
table.recruit tr td{ border:1px solid #fff; border-right:0;}
table.recruit tr td:first-child{ border-left:0;}
table.recruit tr.title td{ line-height:68px; color:#333; font-size:24px; text-align:center; background:#f6f6f6; padding:2px 0 0; border-bottom:0;}
table.recruit tr.title td a.view{ display:block; width:6em; color:#333; margin:0 auto;}
table.recruit tr.title td a.view:after{ content:''; display:inline-block; width:0; height:0; border-top:7px solid #646464; border-left:7px solid transparent; border-right:7px solid transparent; vertical-align:middle; margin-left:4px;}
table.recruit tr.title td a.view:hover{ color:#70704c;}
table.recruit tr.title td a.view:hover:after{ border-top-color:#70704c;}
table.recruit tr.title td a.view.open:after{ border-top:0; border-bottom:7px solid #646464;}
table.recruit tr.title td a.view.open:hover:after{ border-bottom-color:#70704c;}
table.recruit tr.info td{ background:#fff; border:0;}
table.recruit tr.info td .con{ display:none; padding:8px 16px 30px;}
table.recruit tr.info td .con h3{ display:block; line-height:56px; color:#ec1218; font-size:28px; font-weight:normal; padding:2px 0 0;}
table.recruit tr.info td .con .txt{ line-height:2em; color:#444; font-size:22px;}
table.recruit tr.info td .con a.apply{ display:block; width:200px; height:54px; line-height:56px; color:#fff; font-size:23px; text-align:center; background:#ed2024; margin:14px 0 0;}

/*经营品牌*/
.main ul.brand{ display:block; margin:0 8px; overflow:hidden;}
.main ul.brand li{ display:block; padding:8px 10px; float:left;}
.main ul.brand li a{ display:block; background:#fff; padding:2px; border:1px solid #dadada;}
/* .main ul.brand li a img{ display:block; width:130px; height:130px;} */
.main ul.brand li a img{ display:block; width:175px; height:130px;}

/*联系我们*/
ul.tab{ display:block; overflow:hidden; background:#fff; text-align:center; padding:10px 4px; border:1px solid #dadada; margin:0 10px 16px;}
ul.tab li{ display:inline-block; width:25%; vertical-align:top;}
ul.tab li a{ display:block; height:50px; line-height:52px; color:#333; font-size:26px; text-align:center; border-radius:4px; margin:0 10px;}
ul.tab li.cur a{ color:#fff; background:#70704c;}
.attr .tbox{ display:none;}

/*在线直播*/
.main ul.liveList{ display:block; overflow:hidden; margin:-6px 4px 0;}
.main ul.liveList li{ display:block; width:300px; padding:6px 8px 0; float:left;}
.main ul.liveList li a.pic{ display:block; background:#fff; padding:6px; border:1px solid #e6e6e6;}
.main ul.liveList li a.pic img{ display:block; width:286px; height:200px}
.main ul.liveList li a.title{ display:block; max-width:486px; height:52px; line-height:54px; color:#666; font-size:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.liveList li a.title:hover{ color:#663202;}

/*资质荣誉*/
.honorSlide{ position:relative; padding:60px 72px; margin:0 24px;}
.honorSlide .bd{ position:relative; height:100%; z-index:0;}
.honorSlide .bd ul{ display:block; overflow:hidden;}
.honorSlide .bd ul li,
.honorSlide .bd ul li a{ display:block; width:426px; height:596px;}
.honorSlide .bd ul li a img{ display:block; width:412px; height:582px; padding:6px; border:1px solid #ddd;}
.honorSlide .hd{ z-index:1;}
.honorSlide .hd a{ display:block; width:46px; height:46px; position:absolute; bottom:50%; margin-bottom:-23px;}
.honorSlide .hd a.prev{ background:url(../images/icons/prev.png) center no-repeat; left:0;}
.honorSlide .hd a.next{ background:url(../images/icons/next.png) center no-repeat; right:0;}

/*时间轴*/
.timeline{ background:#f5f5f5; padding:38px 20px 64px; margin:0 0 -38px; position:relative;}
#timeline{ width:568px; background:url(../images/icons/year_line.png) center 48px repeat-x; overflow:hidden; margin:0 auto; position:relative;}
.timeline ul#dates{ display:block; height:102px; overflow:hidden;}
.timeline ul#dates li{ display:block; width:116px; height:102px; float:left;}
.timeline ul#dates li a{ display:block; width:102px; height:102px; line-height:170px; color:#70704c; font-size:24px; text-align:center; background:url(../images/icons/year_li.png) center bottom no-repeat; margin:0 auto;}
.timeline ul#dates li a.selected{ line-height:102px; color:#fff; font-size:28px; background-image:url(../images/icons/year_cur.png); padding-top:0;}
.timeline .issues{ overflow:hidden;}
.timeline ul#issues{ display:block; overflow:hidden;}
.timeline ul#issues li{ display:block; width:600px; padding:24px 0 0; position:relative; float:left;}
.timeline ul#issues li h3{ display:block; line-height:64px; color:#70704c; font-size:60px; padding:0 2px;}
.timeline ul#issues li p{ display:block; line-height:34px; color:#70704c; font-size:24px; padding:12px 2px 10px; border-bottom:1px dashed #70704c; margin:0 4px;}
.timeline a#prev,
.timeline a#next{ display:block; width:42px; height:42px; position:absolute; top:68px; overflow:hidden;}
.timeline a#prev{ left:20px; background:url(../images/icons/year_prev.png) left center no-repeat;}
.timeline a#next{ right:20px; background:url(../images/icons/year_next.png) right center no-repeat;}



















/**/