@charset "UTF-8";

/* CSS Document */

/*author：Chong Ge*/

.transition500 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



.transition1000 { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }



.scale12 { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }



/* 中间内容 */

.main { width: 1200px; overflow: hidden; padding-bottom: 10px; margin: 10px auto; position: relative; }



.mainLeft { width: 240px; float: left; }

.mainLeft > div { width: 100%; }



.mainRight { width: 78%; float: right; }



/* 面包屑 */

.mbx { width: 100%; overflow: hidden; border-bottom: 3px solid #ccc; /* background: url(../images/mbx-bd.jpg) left bottom repeat-x; */ margin-bottom: 20px; }

.mbx ul { float: right; padding-left: 20px; background: url(../images/mbx-icon.png) left center no-repeat; font-size: 14px; line-height: 2em; color: #777; }

.mbx ul a { color: #555; margin: 0 5px; color:#4592E0}

.mbx ul a:hover{ color:#990000}

/* 左边菜单 */

.sidebar h1, .sidebar h2 { width: 100%; height: 50px; background: #085eb9; font: 18px/50px '微软雅黑'; color: #fff; text-align: center; }

.sidebar li { width: 100%; }

.sidebar li a { padding-left: 20%; font-size: 14px; line-height: 40px; display: block; background: url(../images/sidebar-lanmu-bg.jpg); -webkit-background-size: 1px 100%; background-size: 1px 100%; }

.sidebar li a:hover { background: url(../images/sidebar-lanmu-cur.jpg); -webkit-background-size: 1px 100%; background-size: 1px 100%; color: #fff; }

.sidebar li a span { width: 8px; height: 8px; display: block; background: #d00; border: 3px solid #eee; float: left; margin: 10px 20px 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; overflow: hidden; }



/* 左边联系我们 */

.leftContact { padding: 210px 0 10px; margin: 20px 0 10px; background: url(../images/left-contact-bg.jpg) #eee center top no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-box-shadow: 2px 2px 10px #ccc; -moz-box-shadow: 2px 2px 10px #ccc; -o-box-radius: 2px 2px 10px #ccc; box-shadow: 2px 2px 10px #ccc; }

.leftContact p { font-size: 14px; line-height: 2em; padding: 0 10px; }

.leftContact span { color: #d00; }



/* 分页 */

.pageshow { width: 100%; padding-top: 20px; border-top: 2px solid #085eb9; text-align: center; }

.pageshow * { display: inline-block; font-size: 14px; line-height: 2em; color: #777; padding: 0 5px; border: 1px solid #085eb9; margin: 0 5px; }

.pageshow a:hover, .pageshow strong.selfpage { background: #085eb9; color: #fff; }



/* 翻篇 */

.pagenext { padding-top: 10px; border-top: 1px solid #085eb9; overflow: hidden; }

.pagenext ul { width: 40%; padding: 0 5%; float: left; }

.pagenext ul * { font: 14px/2em '微软雅黑'; color: #777; float: left; }

.pagenext ul a { color: #333; }

.pagenext ul a:hover { color: #085eb9; }



/* 产品列表 */

.proList dl { width: 23%; margin: 0 1% 20px; background: #fff; -webkit-box-shadow: 2px 2px 10px #ccc; -moz-box-shadow: 2px 2px 10px #ccc; -o-box-radius: 2px 2px 10px #ccc; box-shadow: 2px 2px 10px #ccc; }

.proList dl:nth-child(4n) { margin-right: 0; }

.proList dl:hover { -webkit-box-shadow: 2px 2px 10px #085eb9; -moz-box-shadow: 2px 2px 10px #085eb9; -o-box-radius: 2px 2px 10px #085eb9; box-shadow: 2px 2px 10px #085eb9; }

.proList dl dd { height: 180px; }

.proList dl dt { line-height: 2.5em; }



/* 新闻列表 */

.newsList { width: 90%; margin: auto; }

.newsList li { width: 100%; margin-bottom: 20px; }

.newsList li a { width: 100%; display: block; overflow: hidden; line-height: 2em; padding-bottom: 5px; border-bottom: 1px solid #085eb9; }

.newsList li a h4 { width: 80%; float: left; font-size: 16px; }

.newsList li a span { float: right; color: #777; }

.newsList li p { line-height: 3em; color: #555; }



/* 详情页 */

.details { width: 90%; margin: auto; }

.details > div { width: 100%; }



.detailsTitle { text-align: center; }

.detailsTitle h1 { font: bold 18px/2.5em '微软雅黑'; color: #222; }

.detailsTitle p { font-size: 14px; color: #777; }



.detailsCon { min-height: 300px; overflow: hidden; margin-top: 20px; }

.detailsCon p{ font: 14px/1.8em '微软雅黑'; color: #555; float: none; padding: 0; margin: 0; background: none; }

.detailsCon p { text-indent: 2em; margin-bottom: .5em; }

.detailsCon strong { font-weight: bold; }

.detailsCon img { max-width: 800px; width: expression(this.width>800?"800px":this.width); }

.detailsCon table * { width: auto; height: auto; text-indent: 0; }

.detailsCon table td { border: 1px solid  #999; padding: 5px 10px; }

.detailsCon table td p { margin: 0; }