/* css reset */
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;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: 'Microsoft Yahei';}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

/* 公共样式 */
.line { display: inline-block; width: 70px; height: 5px; background: #00c82b; margin: 24px 0;}
.left{ float: left;}
.right{ float: right;}
.ml90 { margin-left: 90px;}
.mr90 { margin-right: 90px;}
.mt175 { margin-top: 175px;}
.fzc36 { height: 36px; line-height: 36px; font-size: 36px; color: #3d3d3d;}
.fzc22 { line-height: 35px; font-size: 22px; color: #9f9f9f;}
.w450 { width: 450px;}
.clearfix { clear: both;}

.wrapper { width: 100%; height: 48px; background: #3b3b3b;}
.wrapper .header { width: 1200px; margin: 0 auto;}
.wrapper .header span { display: inline-block; color: #ffffff; height: 48px; line-height: 48px; font-size: 18px;}
.wrapper .header .h-logo { float: left; display: inline-block; width: 124px; height: 24px; background: url("//www.ijinshan.com/sem/img/rjdz/logo.png") no-repeat; margin-top: 10px;}
.wrapper .header .h-left { float: left;}
.wrapper .header .h-right { float: right;}
.wrapper .header .h-right a { display: inline-block; color: #ffffff; height: 48px; line-height: 48px; font-size: 18px;}
.wrapper .header .h-right a:hover { text-decoration: none;}
.wrapper .header .h-right .h-soft { margin-right: 8px;}

.download { width: 100%; height: 480px;}
.download .d-wrapper { width: 1060px; height: 480px; margin: 0 auto;}
.download .d-wrapper .d-left { float: left; width: 614px; height: 480px;}
.download .d-wrapper .d-right { float: left; width: 446px; height: 480px; text-align: center;}
.download .d-wrapper .d-right h1,.download .d-right p { font-size: 36px; color: #3d3d3d;}
.download .d-wrapper .d-right h1 { position: relative; margin: 90px 0 30px 48px; display: inline-block;}
.download .d-wrapper .d-right h1 i { display: inline-block; position: absolute; width: 48px; height: 48px; left: -55px; top: 5px;}
.download .d-wrapper .d-right .d-p1 { margin-bottom: 20px;}
.download .d-wrapper .d-right .d-p2 { margin-bottom: 30px;}
.download .d-wrapper .d-right a { display: inline-block; width: 292px; height: 56px; background: url("./btn.png") -6px -5px;}
.download .d-wrapper .d-right a:hover { background: url("./btn.png") -310px -5px; text-decoration: none;}
.download .d-wrapper .d-right a:active { background: url("./btn.png") -613px -5px;}
.download .d-wrapper .d-right .d-p3 { font-size: 12px; margin-top: 12px;}

.recommend { margin: 50px auto 45px; width: 1060px;}
.recommend .r-tip { position: relative; margin-bottom: 30px; text-align: center; font-size: 16px;}
.recommend .r-tip:before { position: absolute; left: 0; top: 12px; content: ''; display: inline-block; width: 450px; height: 1px; background: #ddd;}
.recommend .r-tip:after { position: absolute; right: 0; top: 12px; content: ''; display: inline-block; width: 450px; height: 1px; background: #ddd;}
.recommend .r-list li { float: left; margin-left: 110px; text-align: center;}
.recommend .r-list li:first-child { margin-left: 85px;}
.recommend .r-list li img { width: 48px; height: 48px;}
.recommend .r-list li h3 { font-size: 14px; margin: 10px 0;}
.recommend .r-list li .r-download { display: inline-block; width: 60px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #40bd00; border-radius: 10px; color: #40bd00;}
.recommend .r-list li .r-download:hover { text-decoration: none;}

.content { width: 1060px; margin: 0 auto;}
.content .c-tip { position: relative; margin-bottom: 30px; text-align: center; font-size: 16px;}
.content .c-tip:before { position: absolute; left: 0; top: 12px; content: ''; display: inline-block; width: 450px; height: 1px; background: #ddd;}
.content .c-tip:after { position: absolute; right: 0; top: 12px; content: ''; display: inline-block; width: 450px; height: 1px; background: #ddd;}

.f-download { width: 1060px; height: 300px; margin: 0 auto 30px; border-top: 1px solid #ccc;}
.f-download .f-tips { text-align: center;}
.f-download .f-tips h1,.f-download .f-tips p { font-size: 18px; color: #3d3d3d;}
.f-download .f-tips h1 { position: relative; margin: 45px 0 30px 48px; display: inline-block; font-size: 36px;}
.f-download .f-tips h1 i { display: inline-block; position: absolute; width: 48px; height: 48px; left: -55px; top: 5px;}
.f-download .f-tips .f-p1 { margin-bottom: 20px;}
.f-download .f-tips a { display: inline-block; width: 292px; height: 56px; background: url("./btn.png") -6px -5px;}
.f-download .f-tips a:hover { background: url("./btn.png") -310px -5px; text-decoration: none;}
.f-download .f-tips a:active { background: url("./btn.png") -613px -5px;}
.f-download .f-tips .f-p3 { font-size: 12px; margin-top: 12px;}