@charset "gb2312";
/* 公共样式表css */
html,body{color: #333; margin: 0; height: 100%; font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-size:14px;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration: none; color: #000;}
img{border: 0;}
body{background: #fff; color: #666;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td{margin: 0; padding: 0; border:none}
a{text-decoration: none; color: #08acee;}
button{outline: 0;}
img{border: 0;}
button,input,optgroup,select,textarea{margin: 0; font: inherit; color: inherit; outline: none;}
li{list-style: none;}
a{color: #666;}
a:hover{color: #eee;}
.clearfix::after{clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix{}
.clear{ clear:both}
.box{ width:1200px; margin:0 auto;}
#pc{ display:block}
#wap{ display:none}
.left{ float:left;}
.right{ float:right;}
/* 必要布局样式css */

.head{ background:url(../images/head-bg.png) center no-repeat; height:121px; position:relative; z-index:9999; margin-bottom:-10px;}
.lead{ width:865px; float:right;}
.lead ul li{ border-right:#4e1f0d solid 1px; height:111px; float:left; padding-top:20px; width:142px; text-align:center; position:relative}
.lead ul li div{ width:20px; height:20px; margin:5px auto;}
.lead ul li span{ font-size:11px; color:#4e1f0d}
.lead ul li h3{ color:#4e1f0d; font-weight:500; font-size:15px;}
.lead ul li:hover{}
.lead ul li:hover div{ position:absolute; bottom:20px; margin-left:60px;}

/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0; padding-top:0px;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:20px; left:40%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:100px;height:3px;margin-left:15px;position:relative; border-radius:2px;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:100px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#4e1f0d; border:#4e1f0d solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:0px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:700px){.callbacks_nav{top:47%;}.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:0px; left:45%;}}

.prod{ width:1200px; margin:50px auto 0 auto;}
.prod-left{ background:url(../images/pro-left.jpg) center no-repeat; float:left; width:233px; height:580px;}
.prod-left ul{ padding-top:110px;} 
.prod-left ul li{ height:50px; line-height:50px; font-size:14px; text-align:center; margin:10px 20px; background:url(../images/index_20.jpg)}
.prod-left ul li a{ color:#333}
.prod-left ul li:hover{ background:url(../images/li.jpg)}
.prod-left ul li:hover a{ color:#4e1f0d}
.prod-right{ width:950px; float:right; border-top:#c8b181 solid 1px;}
.prod-right-title{ height:55px; line-height:55px;}
.prod-right-title span{ color:#4e1f0d; font-size:20px; float:left; margin-left:9px;}
.prod-right-title p{ float:right; background:url(../images/more.jpg) left center no-repeat; padding-left:30px; margin-right:9px;}
.prod-right-title a{ color:#4e1f0d; font-size:15px;}
.prod-cont ul li{ float:left; width:220px; margin:8px;}
.prod-cont ul li div{ height:220px; overflow:hidden; text-align:center; background-color:#4e1f0d}
.prod-cont ul li div img{ height:100%;}
.prod-cont ul li p{ text-align:center; line-height:30px; background-color:#f6e2b7; color:#4e1f0d}
.prod-cont ul li:hover p{ background-color:#4e1f0d; color:#f6e2b7}

.about{ background:url(../images/about-bg.jpg) center no-repeat; height:570px;}
.about-cont{ width:580px; float:right; padding-top:135px; line-height:25px; color:#333333;}

.case{ background: url(../images/case-bg.jpg) center no-repeat; height:245px; padding-top:15px;}

.news{ width:1200px; margin:50px auto;}
.news-title{ margin-bottom:40px;}
.news-left{ width:630px; float:left;}
.news-left ul{ margin-top:10px;}
.news-left ul li{ color:#4e1f0d; height:35px; line-height:35px; font-size:15px;}
.news-left ul li a{ color:#4e1f0d;}
.news-left ul li span{ margin-right:20px;}
.news-right{ width:540px; float:right;}
.news-right ul li{ border-left:#4e1f0d solid 1px; padding-left:20px; margin-bottom:40px;}
.news-right ul li h3{ font-size:15px; font-weight:500;}
.news-right ul li h3 a{ color:#4e1f0d;}
.news-right ul li p{ font-size:13px; line-height:22px; color:#a07f76; margin-top:10px;}
.date{ background:url(../images/date-bg.jpg) center no-repeat; width:120px; height:28px; line-height:28px; color:#FFFFFF; padding-left:45px; margin-top:10px;}
.news-left ul li:hover a{ color:#FF0000}
.news-right ul li:hover a{ color: #FF0000}

.liucheng{ width:1200px; margin:50px auto; text-align:center;}

.link{ height:60px; line-height:60px; background:url(../images/link-bg.jpg) center no-repeat;}
.link-cont{ padding-left:220px;color:#f6e2b7;}
.link-cont a{ color:#f6e2b7; margin:0 10px;}

.foot{ background:#4e1f0d; padding:30px 0;}
.foot-left{ width:910px; float:left; margin-top:0px;}
.foot-erweima{ float:right;}
.foot-lead{ border-bottom:#f6e2b7 solid 1px; height:40px; line-height:40px;}
.foot-lead a{ margin-right:60px; color:#f6e2b7}
.foot-bot{ line-height:25px; color:#f6e2b7; margin-top:20px;}

.erji-banner{ background:url(../images/erji-banner.jpg) center no-repeat; height:350px;}

.erji{ width:1200px; margin:50px auto;}
.erji-right-title{ height:55px; line-height:55px;}
.erji-right-title span{ color:#4e1f0d; font-size:20px; float:left; margin-left:9px;}
.erji-right-title p{ float:right; background:url(../images/weizhi.png) left center no-repeat; padding-left:30px; margin-right:9px;}
.erji-right-title a{ color:#4e1f0d; font-size:15px;}

.erji-about{ line-height:30px; color:#333333; padding:10px;}
.erji-news{ margin:10px;}
.erji-news ul li{ height:40px; line-height:40px; background:url(../images/icon1.jpg) left center no-repeat; padding-left:15px; border-bottom:#CCCCCC dashed 1px;}
.erji-news ul li a{ color:#333333}
.erji-news ul li span{ float:right;}
.erji-news ul li:hover a{ color:#5a2e1b}