@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"Microsoft YaHei"; font-weight:normal}
a,input{text-decoration:none; outline:none}
img{border:0; max-width:100%; display:block}
li{list-style:none}
.wrap,.rslides,#header{overflow:hidden; zoom:1}
.wrap{margin:0 auto; width:1200px}

#header{width: 100%; min-width: 1200px}
#top{height: 60px; padding: 15px 0}
.topl{float: left; width: 330px}
.topl img{height: 60px; width: 300px}
.topr{float: right; width: 350px; padding-left: 50px; height: 60px; background: url(../images/toptel.png) left center no-repeat}
.topr p{height: 20px; line-height: 20px; color: #583A1E; font-size: 13px; padding-top: 5px}
.topr div{height: 30px; line-height: 30px; color: #583A1E; font-size: 20px; font-weight: bold}

#nav{height: 60px; border-top: 1px solid #583A1E}
#nav li{width: 150px; float: left; height: 60px}
#nav li a{display: block; height: 24px; line-height: 24px; font-size: 16px; width: 149px; text-align: center; color: #583A1E; border-right: 1px dotted #583A1E; margin-top: 20px}
#nav li:last-child a{border-right: 0}
#nav .navnow{background: url(../images/navnow.png) top center no-repeat}
#nav li:hover{background: url(../images/navnow.png) top center no-repeat}

.callbacks_container{position: relative; overflow: hidden; zoom:1}
.rslides{position:relative; width:100%; min-width: 1200px}
.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}
.callbacks_tabs.callbacks1_tabs{margin-top:-20px; position:relative;z-index:100; display: block; bottom: 30px}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin:0 12px;border-radius:12px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:20px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:rgba(255,255,255,0.3); border:1px solid #fff}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:rgba(255,255,255,1);}
.callbacks_container{position:relative; width:100%; max-width:100%; text-align:center;}
.callbacks_nav{position:absolute; top:50%; left:0; z-index:3; text-indent:-9999px; overflow:hidden; height:60px; width:150px}

#ipro{padding: 40px 0}
.iprol{float: left; width: 220px; margin-right: 20px}
.iproltop{width: 180px; height: 100px; padding: 0 20px; background-color: #583A1E; overflow: hidden; zoom:1}
.iproltop p{float: left; height: 100px; width: 45px; font-size: 60px; color: #FFF; line-height: 100px}
.iproltop div{height: 60px; padding: 18px 0; width: 135px; float: left}
.iproltop div strong{height: 40px; line-height: 42px; font-size: 24px; color: #FFF; display: block; width: 135px; letter-spacing: 1px}
.iproltop div span{height: 20px; line-height: 20px; font-size: 12px; color: #FFF; display: block; width: 135px}
.iprol ul{width: 220px; background-color: #F3E2D8; padding: 3px 0 5px 0; height: 462px; overflow: hidden; zoom:1}
.iprol ul li{height: 41px; border-bottom: 1px dotted #A78E7C; width: 200px; padding-left: 20px; overflow: hidden; zoom:1; line-height: 42px}
.iprol ul li span{ color: #583A1E; font-size: 10px; float: left; padding-right: 15px}
.iprol ul li a{ color: #583A1E; font-size: 15px; letter-spacing: 1px}
.iprol ul li:hover{background-color: #B87C47}
.iprol ul li:hover span{color: #F3E2D8}
.iprol ul li:hover a{color: #F3E2D8}

.iprom{float: left; width: 960px}
.ititle{width: 960px; height: 49px; border-bottom: 1px solid #583A1E; overflow: hidden; zoom:1; line-height: 49px}
.ititle div{float: left; display: inline-block; height: 48px; border-bottom: 2px solid #583A1E; color: #583A1E; font-size: 20px}
.ititle a{display: block; float: right; text-align: right; font-size: 14px; color: #583A1E}
.iprom ul{overflow: hidden; zoom:1; width: 960px}
.iprom ul li{float: left; width: 310px; height: 245px; margin-top: 15px; background-color: #F6F6F6}
.iprom ul li img{width: 310px; height: 200px}
.iprom ul li p{text-align: center; height: 45px; line-height: 45px; font-size: 16px; color: #583A1E}
.iprom ul li:nth-child(3n-1){margin-left: 15px; margin-right: 15px}
.iprom ul li:hover{background-color: #B57D4C}
.iprom ul li:hover p{color: #F3E2D8}

.hengfu{width: 100%; min-width: 1200px; height: 180px}
.hengfu a{display: block; width: 100%; height: 180px}

#igood{width: 100%; min-width: 1200px; padding: 50px 0 20px 0; background: url(../images/igoodbg.png) left top repeat #F6F0E2}
.igoodt{text-align: center; height: 180px; background: url(../images/igoot.png) center 85px no-repeat}
.igoodt div{height: 50px; line-height: 50px; font-size: 30px; color: #4B3923; letter-spacing: 1px}
.igoodt strong{height: 60px; line-height: 36px; font-size: 20px; color: #4B3923; font-weight: 200; display: block}
.igoodt p{height: 30px; line-height: 30px; font-size: 16px; color: #4B3923; letter-spacing: 1px}
.igoodm1{margin: 0 auto; width: 1200px; overflow: hidden; zoom:1}
.igoodm2{margin: 0 auto; width: 1200px; overflow: hidden; zoom:1}
.igoodm1 .igoodword{width: 560px; float: left; padding-right: 100px}
.igoodm2 .igoodword{width: 560px; float: right; padding-left: 100px}
.igoodword ul{margin-bottom: 40px}
.igoodword ul div{overflow: hidden; zoom:1; height: 60px; border-bottom: 1px solid #9F8876; margin-bottom: 4px}
.igoodword ul div strong{width: 40px; height: 40px; border: 2px dotted #5B391D; border-radius: 40px; display: block; float: left; margin-right: 15px; margin-top: 2px}
.igoodword ul div strong code{display: block; width: 36px; line-height: 36px; text-align: center; background-color: #5B391D; margin: 2px; border-radius: 36px; font-size: 24px; color: #FFF; font-weight: bold}
.igoodword ul div p{width: 500px; height: 50px; float: left}
.igoodword ul div p a{font-size: 20px; color: #5B391D; height: 28px; line-height: 28px; display: block; letter-spacing: 1px; overflow: hidden; zoom:1}
.igoodword ul div p span{font-size: 12px; color: #5B391D; height: 20px; line-height: 20px; display: block; overflow: hidden; zoom:1}
.igoodword ul i{border-top: 1px solid #9F8876; display: block; height: 15px}
.igoodword ul li{height: 32px; line-height: 32px; font-size: 15px; color: #5B391D; padding-left: 25px; background: url(../images/igoodli.png) left center no-repeat}
.igoodm1 img{width: 540px; height: 360px; float: right}
.igoodm2 img{width: 540px; height: 330px; float: left}

#xuanchuan{height: 150px; padding-top: 50px; background: url(../images/xcbg.png) bottom center no-repeat}
.xct{height: 70px; width: 555px; margin: 0 auto}
.xct div{height: 70px; line-height: 70px; font-size: 42px; color: #583A1E; font-weight: bold; letter-spacing: 3px; float: left; width: 235px}
.xct p{float: left; height: 33px; padding-top: 21px; width: 320px}
.xct p span{height: 33px; line-height: 32px; text-align: center; width: 80px; background: url(../images/xctp.png) center no-repeat; color: #FFF;font-size: 18px; font-weight: bold; display: inline-block}
.xcb{text-align: center; height: 40px; line-height: 40px; font-size: 18px; color: #583A1E; letter-spacing: 1px}

#icase{ margin: 0 auto 60px auto}
.icaset{height: 90px; text-align: center; font-size: 28px; font-weight: bold; color: #583A1E; letter-spacing: 2px; line-height: 80px}
.mr_frbox{width: 1200px; height: 240px; margin: 0 auto; overflow: hidden; zoom:1}
.mr_frUl{float:left; height:260px; width:1200px;}
.mr_frUl ul li{float:left; height:260px; width:386px; margin-right: 21px; overflow: hidden; zoom:1}
.mr_frUl ul li img{width: 386px; height: 240px}

#iabout{width: 100%; min-width: 1200px; background-color: #F4EEE0; padding: 30px 0 15px 0; height: 440px}
.iaboutl{float: left; width: 260px; height: 440px}
.iaboutm{width: 440px; height: 440px; margin: 0 70px; float: left}
.iaboutt{height: 59px; line-height: 60px; border-bottom: 1px solid #C9C3B5; font-size: 20px; color: #583A1E; margin-bottom: 4px}
.iaboutmm{width: 440px; height: 300px; border-top: 1px solid #C9C3B5; padding-top: 10px; overflow: hidden; zoom:1}
.iaboutmm p{text-align: justify; text-indent: 2em; font-size: 15px; color: #583A1E; line-height: 28px; letter-spacing: 1px}
.iaboutm a{display: block; width: 116px; height: 38px; line-height: 38px; border: 1px solid #583A1E; color: #583A1E; text-align: center; margin-left: 315px; font-size: 14px; border-radius: 8px; padding-left: 2px}
.iaboutm a:hover{background-color: #583A1E; color: #F4EEE0}

.iaboutr{width: 360px; height: 440px; float: left}
.blk_29{position:relative; border-top: 1px solid #C9C3B5; padding-top: 10px}
.blk_29 .LeftBotton{background:url(../images/iprolr.png) left center no-repeat; left:0; float:left; width:60px; cursor:pointer; position:absolute; top:0; height:340px; z-index: 999999}
.blk_29 .RightBotton{background:url(../images/iprolr.png) right center no-repeat; right:0; float:right; width:60px; cursor:pointer; position:absolute; top:0; height: 340px; z-index: 999999}
.blk_29 .LeftBotton:hover{background:url(../images/iprolrh.png) left center no-repeat}
.blk_29 .RightBotton:hover{background:url(../images/iprolrh.png) right center no-repeat}
.blk_29 .Cont{width:240px; margin: 0 60px}
.blk_29 .box{float:left; width:240px; height: 340px; position: relative}
.blk_29 .box img{display:block; width:240px; height:340px}
.partC{overflow:auto; width:1200px}
.partC .PC_left{overflow:auto; width:470px}
.partC .PC_right{overflow:auto; width:470px}
.partC .PC_left{float:left}
.partC .PC_right{float:right}
.PT_mix{overflow:auto}

#inews{padding: 60px 0}
.inewsl{float: left; width: 600px; padding-right: 60px; background: url(../images/newslbg.png) right bottom no-repeat}
.inewst{height: 49px; border-bottom: 1px solid #583A1E; overflow: hidden; zoom:1; line-height: 49px}
.inewst div{float: left; display: inline-block; height: 48px; border-bottom: 2px solid #583A1E; color: #583A1E; font-size: 20px}
.inewst a{display: block; float: right; text-align: right; font-size: 14px; color: #583A1E}
.inewsh{height: 140px; width: 600px; overflow: hidden; zoom:1; margin-top: 20px}
.inewsh img{width: 210px; height: 140px; margin-right: 15px; float: left}
.inewsh div{height: 140px; width: 375px; float: left}
.inewsh div strong{display: block; height: 40px; width: 380px; font-size: 15px; font-weight: bold; color: #444; overflow: hidden; zoom:1; line-height: 40px}
.inewsh div p{height: 96px; line-height: 32px; font-size: 14px; color: #666; position: relative; text-align: justify}
.inewsh div p span{display: block; position: absolute; z-index: 99; height: 32px; line-height: 32px; bottom: 0; right: 0; font-size: 14px; color: #583A1E; text-align: right; width: 88px}
#inews ul{margin-top: 25px}
#inews ul li{ height: 39px; border-bottom: 1px dotted #CCC; line-height: 40px; padding-left: 25px; background: url(../images/newsbg.png) left center no-repeat}
#inews ul li a{display: block; float: left; height: 39px; font-size: 15px; color: #444; width: 390px; overflow: hidden; zoom:1}
#inews ul li span{width: 80px; display: block; height: 39px; text-align: right; font-size: 13px; color: #444; float: right}
.inewsr{float: left; width: 500px; padding-left: 40px}

#footer{width: 100%; min-width: 1200px; background-color: #583A1E; padding-bottom: 60px}
.footl{float: left; width: 230px; height: 270px; margin-right: 120px}
.footm{float: left; width: 850px}
.footnav{height: 84px; line-height: 92px; border-bottom: 1px solid #896B4F; font-size: 14px; width: 850px; overflow: hidden;zoom:1}
.footnav a{color: #EDE3E0}
.footnav span{color: #896B4F; padding: 20px}
.footmcon{width: 850px; margin-top: 25px; overflow: hidden; zoom:1}
.footmcon ul{float: left; width: 550px}
.footmcon ul li{height: 30px; line-height: 30px; font-size: 14px; color: #EDE3E0}
.footmcon img{width: 150px; float: right}

#sbanner{width: 100%; min-width: 1200px; height: 480px; position: relative}
.inow{width: 190px; padding: 30px 50px 0 50px; border-left: 5px solid #583A1E; border-right: 5px solid #583A1E; background-color: #FFF; margin-top: 380px; height: 70px}
.inow p{height: 30px; line-height: 30px; font-size: 13px}
.inow p a{color: #888}
.inow div{font-size: 30px; color: #000; height: 40px; line-height: 40px}

#main{padding: 50px 0; width: 100%; min-width: 1200px}
h2{height: 63px; text-align: center; font-size: 26px; color: #333; letter-spacing: 1px; line-height: 30px; background: url(../images/igoot.png)bottom center no-repeat; margin-bottom: 32px}
.maimw{width: 1200px; overflow: hidden; zoom:1; margin: 0 auto}
.maimw p{font-size: 16px; color: #444; line-height: 28px; padding-bottom: 10px; text-align: justify}
.maimw img{max-width: 1200px; margin-bottom: 10px}

.pagination{text-align:center; height: 40px; width: 100%; margin: 20px auto 0 auto}
.pagination a, .pagination span{background:#fff;vertical-align:middle;border:1px solid #eee;color:#444;padding:5px 8px;margin:0 3px}
.pagination a:hover{background:#eee;color:#583A1E}
.pagination span.current{background:#583A1E;color:#fff}
.pagination span.disable{background:#f2f2f2;color:#999}

.message{width: 1200px; margin: 0 auto}
.messtop{text-align: center; height: 80px; line-height: 25px; font-size: 16px; color: #333; letter-spacing: 1px}
.message ul{width: 1200px; background: url(../images/messr.jpg) right bottom no-repeat}
.message ul li{overflow: hidden; zoom:1; height: 45px}
.message ul p{overflow: hidden; zoom:1; height: 120px; margin-bottom: 11px}
.message ul li label{display: block; float: left; width: 60px; height: 34px; line-height: 34px; font-size: 15px; color: #555}
.message ul p label{display: block; float: left; width: 60px; height: 120px; line-height: 34px; font-size: 15px; color: #555}
.messtext{float: left; width: 560px; padding-left: 10px; border: 1px solid #ccc; height: 32px; line-height: 32px; font-size: 15px; color: #555}
.message ul li select{float: left; width: 572px; height: 34px; line-height: 34px; border: 1px solid #ccc; padding-left: 10px; color: #555}
.message ul textarea{float: left; width: 550px; padding: 10px; resize: none; height: 98px; border: 1px solid #ccc}
.messsub{margin-left: 60px; height: 40px; line-height: 40px; border: 0; background-color: #583A1E; width: 572px; color: #fff; font-size: 16px; font-weight: bold}

#content{min-height: 360px; padding-bottom: 30px}
.contentlist{width: 190px; padding: 20px 50px 15px 50px; border-left: 5px solid #583A1E; background-color: #FFF; float: left; margin-right: 40px}
.contentlist li{height: 54px; line-height: 54px; width: 190px; border-bottom: 1px solid #DDD; font-size: 15px}
.contentlist li a{color: #555}
.contentlist li:hover{border-bottom: 1px solid #583A1E}
.contentlist li:hover a{color: #583A1E}

.contentm{float: left; width: 860px; overflow: hidden; zoom:1}
h3{height: 60px; line-height: 60px; border-bottom: 1px solid #DDD; padding-top: 14px; margin-bottom: 15px}
h3 div{height: 59px; line-height: 56px; border-bottom: 1px solid #583A1E; padding-left: 25px; padding-right: 5px; background: url(../images/h2leftbg.jpg) left center no-repeat; font-size: 24px; display: inline-block}

.prolistm{overflow: hidden; zoom:1; width: 860px}
.prolistm li{width: 275px; float: left; margin-right: 17px; height: 245px}
.prolistm li:nth-child(3n){margin-right: 0}
.prolistm li img{width: 265px; height: 195px; border: 1px solid #ccc; padding: 4px}
.prolistm li p{text-align: center; height: 40px; line-height: 36px; font-size: 15px; color: #333}
.prolistm li:hover img{ border: 1px solid #901E23}
.prolistm li:hover p{color: #901E23}

.newslist{overflow: hidden; zoom:1; width: 860px}
.newslist li{overflow: hidden; zoom:1; height: 59px; line-height: 60px; border-bottom: 1px dashed #DDD; width: 860px}
.newslist li a{display: block; float: left; width: 750px; overflow: hidden; zoom:1; height: 59px; line-height: 60px; font-size: 15px; color: #333}
.newslist li span{display: block; float: right; width: 100px; height: 59px; line-height: 60px; font-size: 13px; color: #888; text-align: right}
.newslist li:hover a{color: #B57D4C}
.newslist li:hover span{color: #333}

.updown{height: 60px; overflow: hidden; zoom:1; width: 860px}
.updown p{font-size: 15px; color: #333}
.updown p a{color: #555}

.article{overflow: hidden; zoom:1; width: 860px}
.article p{font-size: 15px; color: #555; line-height: 26px; text-align: justify; margin-bottom: 5px; letter-spacing: 1px}
.article img{display: block; max-width: 860px; margin-bottom: 10px}
.newsmt{font-size: 28px; line-height: 46px; color: #333; font-weight: bold; padding: 12px 0}
.newsmb{font-size: 13px; line-height: 20px; color: #888; height: 50px;}
.newsmb span{padding-right: 15px}

.piclist{overflow: hidden; zoom:1; width: 860px; margin: 0 auto}
.piclist li{float: left; width: 275px; margin-right: 17px; height: 245px}
.piclist li:nth-child(3n){margin-right: 0}
.piclist li a{display: block; width: 265px; height: 195px; padding: 4px; border: 1px solid #ccc; overflow: hidden; zoom:1}
.piclist li img{max-width: 265px; height: 195px; margin: 0 auto}
.piclist li p{height: 40px; line-height: 36px; font-size: 15px; color: #333; text-align: center}
.piclist li:hover a{border: 1px solid #901E23}
.piclist li:hover p{color: #901E23}


.prom{overflow: hidden; zoom:1; width: 860px; margin-bottom: 30px}
.prom img{width: 460px; float: left; padding-right: 40px}
.promr{float: left; width: 360px}
.promr strong{display: block; height: 60px; line-height: 60px; font-weight: bold; color: #583A1E; font-size: 20px}
.promm{width: 860px; padding-top: 30px; border-top: 1px solid #583A1E; padding-bottom: 30px}
.promm img{max-width: 860px}

.spagem p{font-size: 15px; color: #333; letter-spacing: 1px; text-indent: 2em; line-height: 26px; text-align: justify; margin-bottom: 10px}