/*-----------------------------------------------------------------------------------*/
/*	公用
/*-----------------------------------------------------------------------------------*/

/* 初始化 */
body {background: #b0dcf8 url(../images/body-bg.jpg) no-repeat center top; color: #333; font: 12px/2 "Microsoft YaHei",SimSun;}
html, body, form, div, img, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, select, input, textarea, th, td，article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }

select, input, button { vertical-align: middle; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { resize: none; overflow: auto; }
input[type="text"], input[type="password"], textarea { outline: none; -webkit-appearance: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { margin-right: 5px; }

/* 标题 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* 链接 */
a { color: #333; text-decoration: none; }
a:hover { color: #e93c3e; }
a:active { outline: none; }

/* 浮动 */
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; }
.clearfix { *zoom: 1; }
.pull-left { float: left; }
.pull-right { float: right; }

/* 字号 */
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f36 { font-size: 36px; }

/* 字体 */
.Arial { font-family: Arial,Helvetica; }
.Tahoma { font-family: Tahoma; }
.YaHei { font-family: "Microsoft YaHei","STHeiti Light"; }
.Song { font-family: SimSun; }

/* 行高 */
.lh100 { line-height: 1; }
.lh140 { line-height: 1.4; }
.lh160 { line-height: 1.6; }
.lh180 { line-height: 1.8; }
.lh200 { line-height: 2.0; }

/* 上下间距 */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

/* 颜色 */
.text-white { color: #fff; }
.text-blue { color: #5991b5; }
.text-red { color: #e93c3e; }
.text-grey { color: #666; }
.text-orange { color: #f45720; }
.text-green { color: #0fa213; }
.text-yellow { color: #f19614; }


a.text-orange:hover { color: #f45720; text-decoration: underline; }
a.text-green:hover { color: #0fa213; text-decoration: underline; }
a.text-yellow:hover { color: #f19614; text-decoration: underline; }

/* 对齐 */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

/* 线 */
.underline { text-decoration: underline; }
.solidline { height: 1px; overflow: hidden; background: #e4e4e4; }
.dashedline { height: 1px; background: url(../images/dashedline.gif) repeat-x; overflow: hidden; }

/* 框架 */
.container { width: 1000px; margin-left: auto; margin-right: auto; }

/* 表单 */
.form-control { width: 310px; height: 34px; padding: 6px 12px; color: #666; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font: 14px/20px 'Microsoft YaHei',SimSun; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-control:focus { border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.btn { display: inline-block; color: #666; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 15px; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font: 14px/20px 'Microsoft YaHei',SimSun; outline: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn:focus, .btn:hover { text-decoration: none; }
.btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-lg { padding: 10px 20px; font-size: 24px; line-height: 1.2; border-radius: 6px; }
.btn-sm { padding: 3px 10px 1px; font-size: 12px; line-height: 1.2; border-radius: 3px; }

.btn-grey { color: #0fa213; background-color: #eee; border-color: #d9d9d9; }
.btn-grey:focus, .btn-grey:hover { color: #0fa213; background-color: #e0e0e0; border-color: #ccc; }

.btn-green { color: #fff; background-color: #10a814; border-color: #0c9410; }
.btn-green:hover, .btn-green:focus { color: #fff; background-color: #16bf1c; border-color: #128e16; }

.btn-orange { color: #fff; background-color: #eb7219; border-color: #cf5e0b; }
.btn-orange:hover, .btn-orange:focus { color: #fff; background-color: #f8842f; border-color: #ff6c00; }

/* 图标 */
.icon20 { display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.icon20-tel { background: url(../images/icons/icon20-tel.png) no-repeat; }

/* 公用 */
.inline-block { display: inline-block; vertical-align: middle; *zoom: 1; *display: inline; }


/* 顶部 */
.header-logo { padding: 10px 0; }
.header-logo .logo { float: left; margin-left: 15px; width: 80px; height: 65px; background-image: url(../images/shmusi-logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;}
.header-logo .logo a { display: block; 
}
.header-logo .info { float: right; margin-top: 15px; margin-right: 20px; }
.header-logo .info a { display: inline-block; vertical-align: middle; }
.header-logo .info .line { margin: 0 8px; color: #a5afb6; }
.header-logo .info .version { width: 92px; height: 32px; margin-left: 15px; background: url(../images/version-bg.png) no-repeat; text-align: center; line-height: 32px; font-size: 14px; }

.header-nav { height: 36px; margin-bottom: 10px; padding-top: 4px; background: url(../images/nav-bg.png) no-repeat; font-size: 14px; line-height: 36px; }
.header-nav .nav { float: left; margin-left: 20px; }
.header-nav .nav li { float: left; padding-right: 2px; background: url(../images/nav-line.png) no-repeat right center; }
.header-nav .nav .last { padding-right: 0; background: none; }
.header-nav .nav li a { display: block; width: 94px; text-align: center; color: #fff; }
.header-nav .nav .cur a { background: url(../images/nav-cur.jpg) no-repeat; }

.header-nav .tel { float: right; width: 260px; text-align: center; color: #fff; line-height: 32px; }
.header-nav .tel .icon20 { margin-right: 4px; vertical-align: -4px; }

/* 底部 */
.footer-links { margin-top: 10px; padding: 15px 5px; }
.footer-links h5 { line-height: 20px; *line-height:24px; }
.footer-links ul { margin-left:5em; overflow:hidden; }
.footer-links li { float: left; margin-right: 20px; *float:none; *zoom:1; *display:inline; }

.footer-copyright { padding: 15px 5px; border-top: 1px solid #95c5e3; }


/*-----------------------------------------------------------------------------------*/
/*	首页
/*-----------------------------------------------------------------------------------*/

/* banner */
.index-banner { margin-bottom: 2px; padding-bottom: 13px; background: url(../images/banner-bg.png) no-repeat left bottom; }
.index-banner .flexslider { height: 800px; border: 3px solid #fff; }

/* content */
.index-title { height: 40px; margin-left: 1px; margin-right: 1px; margin-top: 5px; border-bottom: 2px solid #d1d1d1; line-height: 40px; }
.index-title .caption { float: left; }
.index-title .caption span { display: inline-block; position: relative; height: 40px; padding: 0 16px; border-bottom: 2px solid #e94042; vertical-align: middle; font-size: 18px; color: #e93c3e; }
.index-title .caption em { margin-left: -6px; color: #666; }
.index-title .more { float: right; margin-right: 25px; font-style: italic; color: #666; }
.index-title .more:hover { color: #e93c3e; }

.index-about, .index-news { float: left; width: 495px; height: 352px; margin-bottom: 10px; background-color: #fff; *overflow:hidden; }

.index-about { margin-right: 10px; }
.index-about-cont { margin-top: 20px; padding: 0 25px; }
.index-about-cont img { float: left; padding: 2px; border: 1px solid #eaeaea; margin-right: 15px; margin-bottom: 5px; }

.pic-link { display: block; padding: 2px; border: 1px solid #ccc; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
a.pic-link:hover { border-color: #e93c3e; }

.index-news-list { margin: 0 5px; }
.index-news-list .item-top { margin-bottom: 10px; padding: 16px 20px; border-bottom: 1px dashed #dadada; }
.index-news-list .item-top .pic-link { float: left; margin-right: 16px; }
.index-news-list .item-top .pic-link img { width: 75px; height: 75px; }
.index-news-list .item-top .info { overflow: hidden; *zoom: 1; }
.index-news-list .item-top .info p { color: #666; }
.index-news-list .item { margin-top: 5px; padding: 0 20px; }
.index-news-list .item .date { float: right; font-style: italic; color: #999; }
.index-news-list .item a { padding-left: 8px; background: url(../images/dot.gif) no-repeat left center; }

.index-product { clear: both; padding-bottom: 25px; background-color: #fff; *overflow:hidden; }
.jcarousel-skin-product li .pic-link img { width: 130px; height: 130px; }
.jcarousel-skin-product li p { margin-top: 5px; line-height: 20px; text-align: center; }


/*-----------------------------------------------------------------------------------*/
/*	内页
/*-----------------------------------------------------------------------------------*/

.main { margin-bottom: 30px; }

/* banner */
.zi-banner { margin-bottom: 10px; }
.zi-banner img { width: 1000px; height: 122px; }

/* sidebar */
.sidebar { float: left; width: 195px; background-color: #fff; }
.sidebar-title { height: 55px; margin-bottom: 1px; padding-left: 25px; background: url(../images/sidebar-title-bg.gif) no-repeat; line-height: 55px; }
.sidebar-list { padding: 12px 0; border-top: 1px solid #b8b8b8; }
.sidebar-list li { width: 170px; margin: 12px auto; }
.sidebar-list li a { display: block; height: 35px; background: url(../images/sidebar-ot.png) no-repeat; text-align: center; font-size: 14px; line-height: 35px; }
.sidebar-list .cur a { background: url(../images/sidebar-cur.png) no-repeat; }

/* content */
.content { float: right; width: 790px; padding-bottom: 10px; background-color: #fff; }
.content-inner { padding: 20px; }

.location { height: 55px; padding: 0 20px; border-bottom: 2px solid #e94042; line-height: 55px; font-size: 14px; }

/* product */
.product-list { position: relative; width: 100%; overflow: hidden; }
.product-list ul { position: relative; width: 768px; }
.product-list li { float: left; width: 174px; margin-right: 18px; margin-bottom: 20px; }
.product-list li .pic-link img { width: 168px; height: 168px; }
.product-list li p { margin-top: 5px; line-height: 20px; text-align: center; }

.product-detail .pic-link { float: left; margin-right: 25px; }
.product-detail .pic-link img { width: 225px; height: 225px; }
.product-detail .info { float: left; width: 455px; }
.product-detail .info .item { margin: 10px 0; font-size: 14px; line-height: 24px; }
.product-detail .info .item h5 { float: left; color: #666; }
.product-detail .info .item .editor { overflow: hidden; *zoom: 1; }

/* page */
.page { margin-top: 30px; text-align: center; }
.page a { margin: 0 4px; padding: 3px 8px; border: 1px solid #d7d7d7; background-color: #f3f3f3; font-size: 14px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 

0.3s ease;}
.page a:hover, .page .cur { border-color: #d93739; background-color: #e93c3e; color: #fff; }

/* editor */
.editor { color:#666; }
.editor img,.editor div,.editor p { max-width: 100% !important; }

/* contact */
.contact .info { float: left; width: 382px; margin-right: 30px; }
.contact .pic { float: left; width: 300px; padding-top: 10px; }
.contact .pic .tel { min-height: 50px; padding-left: 55px; background: url(../images/icons/icon50-tel.png) no-repeat left center; }
.contact .pic .tel h6 { padding-top: 5px; line-height: 1; }
.contact .pic .tel h1 { color: #2856ab; font: 36px/1 Georgia; }

/* news */
.news-list li { margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px dashed #dadada; }
.news-list li .pic-link { display:block; float:left; margin-right:15px; }
.news-list li .pic-link img { width:75px; height:75px; }
.news-list .img-none .pic-link { display:none; }
.news-list li .info { overflow:hidden; zoom:1; }
.news-list li .info h5 { margin-bottom:5px; line-height:24px; }
.news-list li .info h5 .date { float:right; color:#999; font-size:12px; }
.news-list li .info p { color:#666; }


.news-date { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dadada; color: #666; }

/* join */
.join-list { border-top: 1px dashed #dadada; text-align: center; }
.join-list th, .join-list td { padding:8px 0; border-bottom: 1px dashed #dadada; }
.join-list th { font-size: 14px; font-weight:normal; color:#333; }
.join-list td { color: #666; }
.join-list tr:hover td,.join-list tr:hover td a  { color:#e93c3e; }