/*设计前端定制开发 zfygg@qq.com*/

@charset "utf-8";

* { margin: 0; padding: 0; list-style: none }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }

body, button, input, select, textarea { font-family: "microsoft yahei", tahoma, arial, sans-serif; font-size: 14px; line-height: 1.2; color: #212121 }

address, cite, dfn, em, var { font-style: normal }

ul, ol { list-style: none }

a { text-decoration: none; color: #212121 }

a:hover { color: #a61518 }

h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% }

legend { color: #000 }

fieldset, img { border: 0 }

table { border-collapse: collapse; border-spacing: 0 }

div { margin: 0 auto; box-sizing: border-box }

.box { box-sizing: border-box }

.cf:before, .cf:after { content: " "; display: table }

.cf:after { clear: both }

.left { float: left }

.right { float: right }

.w1200 { max-width: 1200px; width: 90%; margin: 0 auto }

.w90 { width: 90%; margin: 0 auto }

/*响应式导航*/



.cf:before, .cf:after { content: " "; display: table }

.cf:after { clear: both }

.hidden { display: none }

.logo { }

.logo span { width: 236px; margin: 13px 0 0 20px; float: left }

.logo span img { width: 100% }

.logo ul { margin: 30px 0 0 280px }

.logo ul li { float: left; color: #fff; font-size: 16px; font-weight: bold; margin: 0 10px; padding-left: 22px }

.logo ul li a { color: #fff }

.cn { background: url(../i/cn.png) no-repeat left center }
.en { background: url(../i/en.png) no-repeat left center }
.en a { color: #FFF500 !important }

nav { width: 100%; background-color: #a11820; height: 80px }

.animenu_toggle { display: none; cursor: pointer; border: 0; padding: 10px; height: 40px; width: 40px }

.animenu_toggle:hover { background-color: #E02F32 }

.animenu_toggle_bar { display: block; width: 20px; height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55) }

.animenu_toggle_bar + .animenu_toggle_bar { margin-top: 4px }

.animenu_toggle-active .animenu_toggle_bar { margin: 0; position: absolute }

.animenu_toggle-active .animenu_toggle_bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.animenu_toggle-active .animenu_toggle_bar:nth-child(2) { opacity: 0 }

.animenu_toggle-active .animenu_toggle_bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }

.animenu_toggle-active { background-color: #E02F32 }

.animenu { }

.animenu ul { padding: 0; list-style: none }

.animenu li, .animenu a { display: inline-block; font-size: 16px; font-weight: bold }

.animenu a { color: #fff; text-decoration: none }

.animenu_nav { position: relative; z-index: 100 }

.animenu_nav>li { position: relative; padding: 25px 0 0; height: 80px; box-sizing: border-box }

.animenu_nav>li>a { padding: 4px 18px; text-transform: uppercase }

.animenu_nav>li>a:first-child:nth-last-child(2):before { content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: #ddd; top: 50%; margin-top: -2px; right: 5px }

.animenu_nav>li:hover>ul { opacity: 1; visibility: visible; margin: 0 }

.animenu_nav>li:hover>a { color: #fff }

.animenu_nav_child { min-width: 180%; position: absolute; top: 100%; left: -20%; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #fff; transition: margin .15s, opacity .15s; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5) }

.animenu_nav_child>li { width: 100%; border-bottom: 1px solid #f1f1f1 }

.animenu_nav_child>li:first-child>a:after { content: ''; position: absolute; height: 0; width: 0; left: 50%; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit }

.animenu_nav_child>li:last-child { border: 0 }

.animenu_nav_child a { width: 100%; border-color: #fff; text-align: center; line-height: 24px; color: #E92629; padding: 14px 0; }/*小三角*/

.animenu_nav_child a:hover { color: #d52c3f }

.animenu_nav-open { display: block !important }

.animenu_nav-open .animenu_nav_child { display: block }

.animenu_nav .on { border: solid 1px #a62431; border-radius: 50px }

.chanpin { width: 100%; position: relative }

.chanpin .biaoti { width: 100%; text-align: center; position: relative; height: 80px; max-width: 990px; margin: 50px auto 20px }

.chanpin .biaoti dl { border-bottom: solid 2px #f3f3f3; height: 50px }

.chanpin .biaoti dt { font-size: 16px; color: #313131 }

.chanpin .biaoti dd { background: #fff; padding: 0 50px; margin: 0 auto; font-size: 34px; color: #a11820; display: inline-block; position: absolute; bottom: 15px; left: 50%; margin-left: -259px; font-weight: lighter; line-height: 34px; height: 34px }

.chanpin .biaoti2 { width: 100%; text-align: center; position: relative; height: 80px; max-width: 530px; margin: 50px auto 0 }

.chanpin .biaoti2 dl { border-bottom: solid 2px #dedede; height: 50px }

.chanpin .biaoti2 dt { font-size: 16px; color: #313131 }

.chanpin .biaoti2 dd { background: #f4f4f4; padding: 0 50px; margin: 0 auto; font-size: 34px; color: #a11820; display: inline-block; position: absolute; bottom: 15px; left: 50%; margin-left: -118px; font-weight: lighter; line-height: 34px; height: 34px }

.chanpin .sn { width: 100%; display: block; padding: 39px 0; max-width: 1200px }

.chanpin .sn dl { width: 25%; float: left; box-sizing: border-box; position: relative; border-left: solid 1px #ededed; text-align: center }

.chanpin .sn dt { width: 100%; overflow: hidden }

.chanpin .sn dt img { width: 100%; max-width: 98px }

.chanpin .sn dd { line-height: 28px }

.chanpin .bg { background: url(../i/i_17.jpg) repeat center top }

.chanpin .tu { max-width: 1200px; width: 100%; padding: 45px 0 16px }

.chanpin .tu .clist { float: left; width: 200px; color: #fff }

.chanpin .tu .clist h2 { text-align: center; display: inline-block; height: 80px; background-color: #a11820; width: 100%; line-height: 80px; font-size: 18px }

.chanpin .tu .clist ul { width: 100%; background-color: rgba(0, 0, 0, 0.6) }

.chanpin .tu .clist ul li { line-height: 24px; }

.chanpin .tu .clist ul li a { color: #fff; display: block; padding: 12px 0 12px 12px }

.chanpin .tu .clist ul li a:hover { background-color: rgba(0, 0, 0, 0.5) }

.chanpin .tu .clist ul li .on { background-color: rgba(0, 0, 0, 0.5); font-weight: bold }

.chanpin .tu .ctu { margin-left: 200px }

.chanpin .tu .ctu dl { width: 31.33333%; border-radius: 2px; position: relative; float: left; padding-bottom: 10px; height: 282px; box-sizing: border-box; transition: border-bottom 0.3s; border-bottom: solid 2px #e5e5e5; margin: 0 0 20px 2%; background-color: rgba(255, 255, 255, 0.8); padding: 15px }

.chanpin .tu .ctu dl:hover { border-bottom: solid 2px #de7712 }

.chanpin .tu .ctu dl a { text-decoration: none }

.chanpin .tu .ctu dt { overflow: hidden; height: 194px; text-align: center; background: #fff }

.chanpin .tu .ctu dt img { height: 100% }

.chanpin .tu .ctu h2 { width: 100%; font-size: 16px; line-height: 20px; padding: 6px 0; color: #000; font-weight: normal }

.chanpin .tu .ctu dd { padding: 0; line-height: 18px; color: #3e3e3c }

.biaos { padding: 30px 0; background-color: #ffffffe0; text-align: center }

.biaos h2 { font-size: 30px; font-weight: lighter; line-height: 36px }

.biaos ul li { font-size: 16px; line-height: 30px; color: rgba(148,148,148,1.00) }

.biaos dl { }

/*妗堜緥鍥剧墖鍒楄〃*/



.itu { width: 100% }

.itu dl { width: 21%; float: left; margin: 10px 2% 10px 2%; box-sizing: border-box }

.itu dt { width: 100%; overflow: hidden }

.itu dt img { width: 100% }

.itu h2 { width: 100%; font-size: 16px; line-height: 16px; margin: 10px 0; font-weight: normal; color: #AF2030 }

.itu dd { line-height: 18px; color: #8d8d8d; font-size: 12px }

#history { position: relative; margin: 5px 0 0 20px }

#circle { width: 592px; height: 36px; border: 2px solid rgba(0,0,0,0.15); border-radius: 95px; text-align: center; font-size: 18px; line-height: 33px; box-sizing: border-box; display: inline-block }

#content { background: url(../i/vertical.png) repeat-y 130px 2px; padding-top: 10px }

.list { width: 720px; position: relative; left: 50%; margin-left: -320px; margin-bottom: 50px }

.lists { width: 100% }

.lists>li { height: 80px; vertical-align: bottom; position: relative }

.lileft { position: absolute; top: 0; width: 100px; line-height: 55px; text-align: right }

.lileft .year { font-size: 12px; color: #AEAEAE }

.lileft .md { font-size: 18px; color: #AEAEAE }

.point { width: 55px; height: 55px; position: absolute; top: 0; left: 105px; background: url(../i/point.png) no-repeat 0px 18px }

.point b { height: 16px; width: 16px; background: #fff; display: block; margin: 17px 0 0 19px; border-radius: 18px; border: 2px solid #6bc30d; position: absolute; top: 0; left: 0 }

.liright { top: 15px; margin-left: 156px; position: absolute }

.liright .histt { line-height: 22px; font-size: 16px; color: #747474 }

.liright .hisct { font-size: 14px; color: #6e6e6e }

.tplist { width: 100%; position: relative; margin-top: 20px }

.tplist li { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s }

.tplist li a { width: 100%; display: block; border: 1px solid #eaeaea; padding: 8px; border-radius: 2px; box-sizing: border-box }

.tplist li:hover { box-shadow: 0 0px 50px rgba(0, 0, 0, 0.8); position: relative; z-index: 999 }

.tplist li a:hover { border-color: #fff; text-decoration: none; border-radius: 2px }

.tplist li h2 { width: 100%; font-size: 14px; line-height: 18px; margin: 10px 0 5px 5px; font-weight: normal; color: #AF2030 }

.tplist li p { margin: 0 0 6px 5px; line-height: 24px; color: rgba(86,86,86,1.00); word-break: break-all; }

#tiles { position: relative }

#tiles li img { display: block; width: 100% }

.wookmark-placeholder { background-color: #fbfbfb }

.tupi { width: 100%; height: 320px; overflow: hidden; background-size: auto 100% }

.content { width: 100%; position: relative; display: inline-block }

.listdh { width: 100%; max-width: 1200px; height: 100px; margin-top: 20px; line-height: 50px; color: #fff; background-color: rgba(0, 0, 0, 0.6) }

.listdh h2 { text-align: center; height: 100px; background-color: #a11820; width: 110px; font-size: 18px; float: left; line-height: 100px }

.listdh ul { margin-left: 100px }

.listdh ul li { text-align: center; float: left; }

.listdh ul li a { text-align: center; color: #fff; display: block; padding: 0 16px; }

.listdh ul li a:hover { background-color: rgba(0, 0, 0, 0.5) }

.listdh ul .on { background-color: rgba(0, 0, 0, 0.5); font-weight: bold }

/* Slider 幻灯片 */



.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: none; z-index: 1 }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }

.slick-list:focus { outline: none }

.slick-loading .slick-list { }

.slick-list.dragging { cursor: pointer; cursor: hand }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0, 0, 0) }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1 }

.slick-track:before, .slick-track:after { content: ""; display: table }

.slick-track:after { clear: both }

.slick-loading .slick-track { visibility: hidden }

.slick-slide { float: left; display: none }

.slick-slide ul li { border: solid 1px #fff; padding: 5px }

.slick-slide img { display: block; width: 100%; height: 100% }

.slick-slide.slick-loading img { display: none }

.slick-slide.dragging img { pointer-events: none }

.slick-slide .image { padding: 10px }

.slick-slide img.slick-loading { border: 0 }

.slick-initialized .slick-slide { display: block }

.slick-loading .slick-slide { visibility: hidden }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }

.single-item .slick-slide { height: 500px; overflow: hidden }

.single-item .slick-prev, .single-item .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top: 50%; margin-top: -30px; padding: 0; border: none; outline: none; background-color: rgba(220, 220, 220, 0.2); border-radius: 100% }

.single-item .slick-prev { left: 25px; background: url(../i/2i_03.png) no-repeat center center }

.single-item .slick-next { right: 25px }

.responsive { width: 90%; margin: 0 auto }

.responsive .slick-prev, .responsive .slick-next { position: absolute; display: block; height: 60px; width: 30px; cursor: pointer; top: 50%; margin-top: -30px; padding: 0; border: none; outline: none; background: #ddd }

.responsive .slick-prev { left: -25px }

.responsive .slick-next { right: -25px }

.single-item .slick-slide a { display: inline-block; width: 100%; height: 100% }

.slick-dots { position: absolute; bottom: 18px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; margin: 0px }

.slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; cursor: pointer }

.slick-dots li button { border: 0; display: block; height: 13px; width: 13px; line-height: 0; font-size: 0; cursor: pointer; outline: none; border-radius: 100px; background: #fff }

.slick-dots li.slick-active button { background: #a62431; width: 20px }

.sliders .slick-slide { height: 300px }

.shang{padding:50px 0; width:1100px; margin:0 auto}
.shang h2{font-size:40px;font-family:"";margin-bottom:10px;color:#a11820;font-weight:lighter; text-align:center}

.shang ul{}
.shang ul span{}
.shang ul li{width:100%;line-height:28px;display:block}

.fuwu { margin: 50px auto; max-width: 1200px; width: 100% }

.fuwu ul { width: 588px; height: 337px; float: left; margin-top: 5px }

.fuwu dl { margin-left: 620px; position: relative; height: 342px }

.fuwu dt { width: 100%; font-size: 33px; color: #a61518; margin-bottom: 10px; font-weight: lighter }

.fuwu dl dt em { font-size: 18px; color: #b8b707; margin-left: 10px }

.fuwu dd {margin-top: 8px; color: #515151; line-height: 36px }

.biaozhun { width: 100%; background: url(../i/i_05.jpg) repeat-x center top; position: absolute }

.biaozhun ul { background: url(../i/i_02.png) no-repeat left top; height: 335px; position: relative; left: 0px; top: -200px }

.chan { margin: 20px auto 0; max-width: 1200px }

.btn { width: 130px; text-align: center; cursor: pointer; outline: 0; transition: background-color .3s ease-out, border-color .3s ease-out; border: solid 1px #ddd; line-height: 35px; float: left; position: absolute; left: 0px; bottom: 0px }

.btn:hover { background-color: #DC272A; color: #fff; text-decoration: none }

.btn2 { width: 130px; text-align: center; cursor: pointer; outline: 0; transition: background-color .3s ease-out, border-color .3s ease-out; border: solid 1px #ddd; line-height: 35px; margin-left: 92px; margin-top: 20px }

.btn2:hover { background-color: #DC272A; color: #fff; text-decoration: none }

.btn3 { width: 130px; text-align: center; cursor: pointer; outline: 0; transition: background-color .3s ease-out, border-color .3s ease-out; border: solid 1px #ddd; line-height: 35px; margin-left: 50px; margin-top: 10px }

.btn3:hover { background-color: #DC272A; color: #fff; text-decoration: none }

.snn { max-width: 850px; line-height: 28px; margin: 50px auto 0 }

.snn ul { float: left; width: 300px }

.snn dl { float: right }

.snn p { margin-bottom: 20px }

.snn strong { font-size: 16px; color: rgba(232,58,61,1.00); border-bottom: dashed 1px rgba(235,235,235,1.00); width: 100%; display: block; padding-bottom: 5px; margin-bottom: 10px }

.biaodan tr { margin-bottom: 10px; display: block }

.biaodan .w70 { width: 75px; text-align: right; line-height: 40px }

.biaodan .w100 { margin-left: 15px }

.biaodan .w100 input { line-height: 40px; border: solid 1px #C7C7C7; text-indent: 10px }

.biaodan .w100 textarea { line-height: 22px; border: solid 1px #C7C7C7; width: 382px; padding: 10px; box-sizing: border-box }

.about { width: 100%; background: url(../i/2.png); border-top: solid 5px rgba(0, 0, 0, 0.1); padding-bottom: 30px; padding-top: 20px }

.about h2 { width: 100%; font-size: 45px; text-align: center; padding: 25px 0 15px 0 }

.about dl { width: 1200px; margin: 0 auto }

.about dt { width: 25%; text-align: center; float: left; padding: 10px 8px; box-sizing: border-box }

.about dt img { width: 100% }

.pinzi { width: 100%; text-align: center; height: 500px; background: url(../i/2i_48.jpg) repeat-x center 50%; margin-bottom: 15px }

.pinzi dl { width: 100%; text-align: center; overflow: hidden; padding-top: 88px }

.pinzi dl dt { width: 100%; text-align: center; margin-top: 39px }



/*760px的时候显示手机导航*/



@media (max-width:760px) {

/*响应式导航*/



#menu_button_wrapper { display: block; color: #9d9d9d; padding: 8px; float: right }

#menu_button { box-sizing: border-box; float: right; padding: .5em 1em; border: 1px solid #333; color: #fff }

#menu_button:hover { cursor: pointer; background-color: #333 }

nav ul { width: 100%; position: absolute; left: 0px; top: 50px; z-index: 999; background: #006633 }

nav ul li { display: block }

nav ul li a { width: 100% }

}

.tdh { }

.tdh ul { width: 100%; margin-top: 30px }

.tdh ul li { background-position: center top; background-repeat: no-repeat; width: 25%; display: block; float: left; text-align: center }

.tdh ul li a { display: block; padding-top: 196px; font-size: 24px; font-weight: lighter; color: #797979; width: 100%; text-align: center }

.tdh ul li a:hover { color: #d52c3f; text-decoration: none }

.tdh ul .i1 { background-image: url(../img/i1.png) }

.tdh ul .i1:hover { background-image: url(../img/i11.png) }

.tdh ul .i2 { background-image: url(../img/i2.png) }

.tdh ul .i2:hover { background-image: url(../img/i22.png) }

.tdh ul .i3 { background-image: url(../img/i3.png) }

.tdh ul .i3:hover { background-image: url(../img/i33.png) }

.tdh ul .i4 { background-image: url(../img/i4.png) }

.tdh ul .i4:hover { background-image: url(../img/i44.png) }

.tabs { width: 100%; margin: 55px auto; background: url(../img/bg.jpg) repeat-x center center; min-height: 468px }

.tabs-list { list-style: none; margin: 0 auto; max-width: 1100px }

.tabs-list li { display: inline-block; margin-bottom: 2px; width: 30% }

.tabs-list li a { display: block; height: 62px; line-height: 62px; padding: 0 30px; color: #fff; text-decoration: none; font-size: 18px; transition: all 0.4s ease 0s }

.tabs-list li a:hover { background-color: #c83e48 }

.tabs-list li.active a { background-color: #da797f; color: #fff }

.tab-content { margin: 10px 0 15px }

.tab-content span { width: 430px; height: 320px; float: left; margin-top: 30px }

.tab-content ul { margin-left: 460px; max-width: 520px }

.tab-content ul li { font-size: 14px; color: #fff; line-height: 22px }

.tab-content ul .bti { font-size: 26px; font-weight: lighter; line-height: 39px; padding-top: 29px }

.news { max-width: 1224px; padding: 25px 0 50px }

.news dl { width: 23%; float: left; margin: 0 1% }

.news dt { width: 100% }

.news dt img { width: 100% }

.news dd { line-height: 20px }

.news .bt { color: #202020; margin: 5px 0 8px }

.news dd span { border: solid 1px #126612; border-radius: 100px; padding: 2px 6px; margin-right: 5px; font-size: 12px }

.news a { text-decoration: none }

.news dl a:hover { color: #AF2030 }

.foods{padding:35px 0 0 0;background-color:#333}
.foods .ding{color:#bababa;margin-bottom:25px;width:1111px;margin-left:auto;margin-right:auto}
.foods .ding h2{width:100%;margin-bottom:5px;font-weight:normal}
.foods .ding ul{float:left;width:90px;border-right:solid  1px #4e4e4e;margin-right:30px}
.foods .ding ul li{line-height:32px;font-size:12px;width:100%}
.foods .ding ul li a{color:#bababa}
.foods .ding ul li a:hover{color:#a62431}

.foods .ding dl{width:100%;margin-bottom:5px;font-weight:normal}
.foods .ding dt{float:left;text-align:center;margin-right:12px;line-height:25px; width:97px}
.foods .ding dt img{ width:100%}
.foods .ding dd{line-height:32px; float: right;}

.banquan { width: 100%; text-align: center; line-height: 50px; background: rgba(0, 0, 0, 0.2); color: #bababa }

.page { width: 100%; padding: 25px 0; line-height: 30px }

.show { width: 100% }

.show .sbt { width: 100%; margin: 50px auto 25px; text-align: center; border-bottom: solid 1px #e2e2e2; padding-bottom: 20px }

.show .sbt h1 { font-size: 36px; margin: 0 auto; line-height: 46px; font-weight: lighter }

.show .sbt span { font-size: 14px; line-height: 25px; color: #a0a0a0 }

.show .snr { width: 100%; margin: 25px auto; max-width: 800px; line-height: 35px }

.show .snr img { text-align: center; display: block; margin: 10px auto !important; max-width: 100% }

.weizi { border-bottom: solid 1px #E2E2E2; height: 50px; background: #EFEFEF; width: 100%; margin: 0 auto; padding: 0 20px }

.weizi dl { line-height: 50px; max-width: 1200px; margin: 0 auto }

.weizi dl i { background: url(../i/z.png) no-repeat center center; width: 15px; background-size: auto 50%; height: 32px; display: block; margin-right: 5px; float: left; margin-top: 9px }

#nav { position: relative; float: right }

#nav .nav-menu { height: 58px }

#nav .nav-menu a { display: block; float: left; height: 58px; padding: 0 15px; line-height: 58px; text-decoration: none }

#nav .nav-current { position: absolute; bottom: -2px; height: 2px; overflow: hidden; background: #3E2E19 }

#nav .current { color: #AF2030 }

.listleft { width: 330px; margin-top: 15px }

.listleft .tuijian { width: 100% }

.listleft .tuijian dl { width: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s; border-radius: 2px; position: relative; margin: 0 auto; float: left; padding-bottom: 10px; border: solid 1px #dedede; box-sizing: border-box }

.listleft .tuijian dt { width: 100%; overflow: hidden }

.listleft .tuijian dt img { width: 100% }

.listleft .tuijian h2 { width: 100%; font-size: 16px; line-height: 20px; margin-bottom: 5px; font-weight: normal; color: #AF2030 }

.listleft .tuijian dd { padding: 10px 10px 5px; line-height: 18px; color: #8d8d8d; font-size: 12px }

.listleft .tuijian dl:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); position: relative; z-index: 999 }

.listleft .lanmu { width: 100%; background: #dde0d5 }

.listleft .lanmu ul { width: 100% }

.listleft .lanmu ul li { width: 100%; line-height: 45px; text-indent: 15px; font-size: 14px }

.listleft .lanmu ul li a { width: 100%; display: block }

.listleft .lanmu ul li a:hover { width: 100%; display: block; background: #d52c3f; border-top-right-radius: 3px; color: #fff }

.listleft .lanmu ul li .on { width: 100%; display: block; background: #af2030; border-top-right-radius: 3px; color: #fff }

.fenye { max-width: 1000px; margin: 0 auto; text-align: center; padding: 45px 0; color: #808080; border-top: dashed 1px #D5D5D5 }

.fenye span { width: 50%; float: left }

.fenye span a { color: #808080 }

/*图片列表*/



.tplist { width: 100%; margin: 20px auto 0 auto; max-width: 1200px }

.tplist dl { width: 31.33333%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s; border-radius: 2px; position: relative; float: left; margin: 0 1% 20px 1%; padding-bottom: 10px; border: solid 1px #dedede; box-sizing: border-box }

.tplist dt { width: 100%; height: 180px; overflow: hidden }

.tplist dt img { width: 100% }

.tplist h2 { width: 100%; font-size: 14px; line-height: 14px; font-weight: normal; color: #AF2030 }

.tplist dd { padding: 12px 10px 0; line-height: 18px; color: #8d8d8d; font-size: 12px }

.tplist dl:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); position: relative; z-index: 999 }

.listright { }

.listright .newslist { width: 100% }

.listright .newslist ul { width: 100%; border-bottom: dashed 1px #dfe0e0; display: inline-block; padding-bottom: 15px; margin-bottom: 15px }

.listright .newslist ul li h2 { margin-bottom: 10px; font-size: 16px }

.listright .newslist ul li { line-height: 26px; margin-left: 240px; color: rgb(158, 158, 158) }

.listright .newslist ul li a { width: 100%; display: block }

.listright .newslist span { float: left; width: 220px }

.listright .newslist span img { width: 100% }

.listright .page { width: 97%; padding: 0px; color: #6b6b6b; line-height: 28px; overflow: hidden }

.listright .pages dl { padding: 20px 40px; background: url(../i/b1.jpg); border-radius: 2px; float: left; width: 385px; min-height: 243px }

.listright .pages ul { padding: 20px 40px; background: url(../i/b1.jpg); border-radius: 2px; float: right; width: 412px }

.listright .pages ul li { width: 100%; margin-bottom: 10px }

.listright .pages ul li span { width: 70px; text-align: right; margin-right: 5px; float: left }

.listright .pages ul li .xiala2 { width: 200px; line-height: 30px; text-indent: 5px }

.listright .pages ul li .date { width: 121px; line-height: 25px; text-indent: 5px }

.listright .pages ul li select { width: 125px; line-height: 30px; padding: 3px 0 }

.listright .pages ul li .btn { width: 100px; height: 35px; line-height: 35px; text-align: center; background: #459F45; border: none; cursor: pointer; color: #fff; border-radius: 3px }

.listright .pages ul li .btn:hover { background: #126612 }

.listright .hdp { width: 97% }

.listright .zt { width: 100% }

.listright .yuding { width: 100% }

/*分页*/



.pager { margin: 40px auto; text-align: center }

.pager a { padding: 6px 11px; border: 1px solid #3e2e19; margin: 0 4px; border-radius: 100px; text-decoration: none; outline: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .3s ease-out, border-color .3s ease-out; transition: background-color .3s ease-out, border-color .3s ease-out }

.pager a:hover { background: #c11a1d; color: #fff }

.pager a.selected { background: #977242; border: 1px solid #977242; border: none; color: #fff }

.pager span { padding: 6px 11px; border: 1px solid #3e2e19; margin-left: 4px; border-radius: 100px }

.pager .current { background-color: #c11a1d; color: #fff }

.pager .tiao { }

.pager.red a { background: #71bf44; color: #fff; border: none }

.pager.red a:hover, .pager.red a.selected { background: #977242 }

.pager.unstyled a { border: none }

.pager.unstyled a:hover, .pager.unstyled a.selected { background: none; color: #333 }

/*在线客服*/

.rides-cs { background: #d92225; position: fixed; top:50%; right: 0px; z-index: 1500; border-radius: 6px 0px 0 6px; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); margin-top: -196px }

.rides-cs a { color: #00A0E9; }

.rides-cs a:hover { color: #ff8100; text-decoration: none; }

.rides-cs .floatL { width: 36px; float: left; height: 200px}

.rides-cs .floatL a { display: block;writing-mode:vertical-rl;}

.rides-cs .floatR { float: left; padding: 20px 15px; }

.rides-cs .floatR input { width: 100%; line-height: 20px; padding: 3px }

.rides-cs .floatR .w100 { padding-bottom: 10px }

.rides-cs .floatR .w100 textarea { width: 100%; min-height: 60px; line-height: 20px; padding: 3px }

.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index: 9; top: 22px; left: 0; display: block;padding:10px; color: #fff;}

.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px; }

.rides-cs ul li.bot { border-bottom: none; }

#divFloatToolsView { display: none; width: 270px; background-color: #efefef; }