﻿.mating-slider .big { width: 800px; height: 500px; }
.list-tag a { margin-left: 0; margin-right: 12px; transition: 0.3s }
.list-tag a:hover { background: #6774B8; color: #fff }


.page { text-align: center; padding: 50px; }
.page a,
.page span { border: 1px solid #ddd; padding: 8px 15px; border-radius: 2px; margin: 0 5px; }
.page a:hover { background: #eaeaea; color: #fff; border-color: #eaeaea; color: #db281e; }
.page .p_now { border: 0; }

.p_now { background: #c40000; color: #fff; border-color: #c40000 !important }
.p_now:hover { background: #c40000 !important; color: #fff !important }
.show-fl table { width: 100% }


#indexabout { background: url(http://alicdn.hnyunji.com/xrdhbkj.com/aboutbg.jpg?v=2) no-repeat; height: 480px }
#indexabout a { padding: 10px 30px; border: 1px solid #fff; color: #fff; transition: all 0.3s; font-size: 15px }
#indexabout a:hover { background: #fff; color: #2653A9; font-weight: bold }
#indexabout .left { float: left; margin-top: 105px; box-shadow: 1px 1px 10px 1px #033188 }

.pro-list { padding-top: 30px; padding-bottom: 80px }

#txtbg { background: url(/images/txtbg.jpg) center no-repeat; color: #fff; width: 1100px; margin: 0 auto; height: 60px; line-height: 60px; text-align: center; margin-top: 30px }
#txtbg a { color: #1e67ad; background: #EEBC50; padding: 3px 13px; border-radius: 20px; position: relative; top: 1px; margin-right: 7px; box-shadow: 0 1px 0 rgb(0 0 0 / 20%) inset, 0 0px 0 rgb(255 255 255 / 20%) inset; transition: all 0.3s }
#txtbg a:hover { background: #1e67ad; color: #EEBC50 }

.jscs table { border-collapse: collapse; text-align: center }
.jscs table td { border: solid 1px #e1e1e1; }
.jscs table tr:hover { background: #eee }
.jscs table td:first-child { background: #204E76; color: #fff }

.jscs table .firstRow td { background: #7F7F7F; color: #fff; }


.news-list02 img { float: left; width: 105px; height: 105px; margin-right: 10px; border-radius: 3px; box-shadow: 1px 1px 4px 0 #ddd; }


.news-list li .list-main { position: relative; transition: all 0.3s }
.news-list li .list-main img { position: absolute; top: 0; left: 800px; transition: all 0.3s }



.news-list li:hover .list-main { padding-left: 230px }
.news-list li:hover .list-main img { left: 0;right:auto }
