/*---------------- 通用---------------*/
body{font-family:"思源黑体",helvetica,arial;-webkit-text-size-adjust:none; background-color: #fff;color:#000; font-size: 12px; line-height:1.33em; -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased; }
html,body{background:#fff;color:#000;font-size:62.5%;-webkit-user-select:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-touch-callout:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea {font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif,"思源黑体";}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size: 100%;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
textarea{resize:none;}
input[type=button]{-webkit-appearance:none;outline:none}
input::-webkit-input-placeholder{color:#c0c0c0;}
textarea::-webkit-input-placeholder{color:#c0c0c0;}
input::-webkit-input-speech-button {display:none}
table {border-collapse:collapse;border-spacing:0;}
th {text-align:inherit;}
fieldset,img {border:none;}
abbr,acronym {border:none;font-variant:normal;}
del {text-decoration:line-through;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ins,a,a:hover {text-decoration:none;}
a:focus,*:focus {outline:none;}
*{  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
em ,i {font-style: normal;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.6rem;/*1.6 × 10px = 16px */ line-height:1rem; background-color: #fff;}
a{color:#000;}

/*--页头页尾--*/
.nav { height: 64px; box-shadow: rgba(0,0,0,.2) 0px 0px 10px;}
.nav_980 { width: 980px; margin: auto; overflow: hidden;}
.nav_980 a { display: inline-block; float: left; cursor: pointer;}
.nav_logo { height: 40px;  margin: 12px 40px 0 12px; }
.nav_logo img { display: block; width: 128px; height: 40px;}
.nav_txt { width: 160px; line-height: 64px; text-align: center; font-size: 18px; color: #333;}
.nav_txt.active ,.nav_txt:hover{ background-color: #f0f0f0;}

.foot { background-color: #f0f0f0; margin-top: 30px; padding:35px 0;}
.foot_980 { width: 980px; margin: auto;}
.foot_980 p { text-align: center; font-size: 13px; color: #333; line-height: 28px;  }
.foot_980 p span { margin-right: 15px;}
.foot_link { margin: 5px auto; text-align: center;}
.foot_980 a { text-align: center; display: inline-block; font-size: 13px; color: #9a9a9a; height: 20px; line-height: 20px; overflow: hidden;}
.foot_980 a:hover { color: #333;}
.foot_980 a img { width: 16px; height: 16px; float: left; margin-top: 2px; margin-right: 5px; }
.foot_980 a span { display: inline-block;}

/*--首页--*/
.banner { height: 548px; background: url(../images/banner548.jpg) no-repeat center top; background-size: auto 548px; background-color: #04173b;  }
.remen_980 { width: 980px; margin: auto;}
.remen_980 ul { overflow: hidden;}
.remen_980 ul li { width: 160px; margin-right: 45px; display: inline-block; float: left; margin-bottom: 30px; }
.remen_980 ul li:hover { background-color: #f0f0f0;}
.remen_980 ul li:nth-child(5n) { margin-right: 0;}
.remen_980 ul li img { display: block; width: 160px; height: 200px; background-color: #f0f0f0; border: 1px solid #eee; margin-bottom: 10px;}
.remen_980 h1 { height: 108px; line-height: 108px; font-weight: bold; color: #333; font-size: 25px; overflow: hidden; }
.remen_980 h1 span { float: right; font-size: 18px; color: #ccc; font-weight: normal; }
.remen_980 ul li h5 { font-size: 16px; color: #333; line-height: 22px; height: 44px; margin-bottom: 5px;}
.remen_980 ul li p { font-size: 13px; color: #9a9a9a; line-height: 20px; height: 20px;}

/*--简介--*/
.jianjie { margin-bottom: 50px;}
.jianjie980 { width: 980px; margin: auto; color: #333;}
.jianjie980 h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-top: 40px; margin-bottom: 20px; }
.jj_tuwen { position: relative; padding-right: 476px; min-height: 300px; }
.jj_img { position: absolute; z-index: 2; width: 446px; right: 0; border-radius: 8px; overflow: hidden; }
.jianjie980 p { font-size: 16px; line-height: 32px; text-indent: 32px; margin-bottom: 30px; }
.jianjie980 h2 { font-size: 18px; font-weight: bold; line-height: 32px; margin-top: 20px; margin-bottom: 10px;}

/*--封面页--*/
.fm980 { width: 980px; margin: auto;}
.fm_nav { font-size: 14px; color: #000; height: 60px; line-height: 60px;}
.fm980 img { width: 200px; height: 250px; display: block; margin: auto; background-color: #f0f0f0; border: 1px solid #eee; margin-top: 30px;}
.fm980 h1 { font-weight: bold; color: #333; font-size: 26px; text-align: center; line-height: 40px; margin-top: 20px;}
.fm980 h2 { color: #9a9a9a; font-size: 16px; text-align: center; line-height: 20px; height: 20px; margin-top: 20px;}
.fm980 p { font-size: 16px; color: #333; line-height: 30px; text-indent: 32px; margin-top: 30px;}
.fm_btn { display: block; margin: auto; width: 300px; height: 64px; border: 1px solid #000; border-radius: 36px; margin-top: 70px; margin-bottom: 120px;
					background-color: #fff; font-size: 18px; color: #333; line-height: 62px; text-align: center;}
.fm_btn:hover { background-color: #f0f0f0; }	

/*--阅读页--*/
.read980 { width: 978px; margin: auto; overflow: hidden;}
.read980 img { display: block;  margin-top: -130px; margin-left: -451px; margin-bottom: -620px; }
.read_btn980 { width: 980px; margin: auto; background-color: #e4f6f9; height: 150px; overflow: hidden; margin-bottom: 50px; }
.read_btn { width: 50%; float: left; display: inline-block; margin-top: 30px;}
.read_btn a { width: 240px; height: 64px; margin: auto; display: block; line-height: 62px; text-align: center;
							border: 1px solid #000; color: #333; font-size: 16px; border-radius: 64px;
							}
.read_btn a:hover { background-color: #4395a5; color: #fff; border: 1px solid #4395a5;}
.read_btn a.disable { background-color: #e5e5e5; color: #999; border: 1px solid #ccc; cursor: not-allowed; }