﻿/*公共样式部分*/
*{ margin:0;/* padding:0*/}
body { font-size:12px;font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif,"Microsoft YaHei"; -webkit-text-size-adjust:none; background:#ffffff;}
a,a:link,a:visited,a:hover,a:active {text-decoration: none;}
h1 {font-size: 1.4em;text-align: center;color: #000;}
.clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
footer p { opacity:0.35;}
html{font-size:62.5%;}
*{margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#fff;font:14px/1.5 Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;max-width:640px ;margin:auto !important;}
p{font-size:100%;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ol, ul, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
menu, th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
	list-style-type: none; 
}
.fl{float:left;}
.fr{float:right;}
.container {font-size:2.6rem;line-height:135%; color:#232323;width:100%;background-color:#ffffff;}
.container img{border:0;max-width:100%;width:100%;vertical-align:top;height: auto;}

/*文章详情页*/
.page{width:100%;}
.page h1{width:100%;font-size:3rem;color:#000000;text-align:center;margin:4% 0 2% 0;}
.page p{font-size:2rem;color:#888888;padding-left:1.5%;padding-right: 1.5%;margin-bottom:2%;font-family:"黑体-繁";}
.page_txt{width:94%;margin:auto;border-top:1px dashed #d9d9d9;border-bottom:1px dashed #d9d9d9;padding:3.5% 0;font-size: 2.5rem;
    line-height: 1.8rem;}
.page_bt{width:100%;text-indent:2em;font-size:2.4rem;font-family:"黑体-繁";line-height:1.6em;}
.page_txt h3{color:#000000;font-size:2.4rem;font-family:"黑体-繁";margin:3% 0 1% 0;}
.page_txt div{    font-size: 2.4rem;
    line-height: 2.2rem;}

.xw_yl_td{width:94%;margin:auto;}
.xw_yl_td p{width:60%;border-left:3px solid #3d94ea;padding-left:3%;font-weight:normal;color:#000000;line-height:0.9em;margin:3% 0;font-size:2.8rem;float:left;font-family:"黑体-繁";}
.xw_yl_td p span{font-size:1.2rem;color:#b2b2b2;padding-left:1.5%;}
.xw_yl_td a{width:15%;display:block;float:right;color:#999999;font-size:2.4rem;line-height:1em;background:url(../images/xw_gd_12.png) 1% 50% no-repeat;background-size:28% 100%;padding-left:6%;margin-top:3%;font-family:"黑体-繁";}
.xw_hr{width:100%;height:1px;background:#e9e9e9;margin-left:3%;width:auto;}
.ment_yst{width:94%;height:auto;margin:3% auto;}
.ment_yst img{width:19%;margin-left:4%;}
.ment_xgwz{width:100%;}
.ment_fenx{width:100%;background:#f3f3f3;padding-bottom:3.5%;}
.ment_xw{width:94%;margin:auto;border-bottom:1px dashed #d9d9d9;padding:3% 0 2%;}
.ment_xw a{width:40%;display:block;float:left;}
.ment_xw_fl{width:56%;}
.ment_xw_fl h3{font-size:2.4rem;font-family:"黑体-繁";line-height:1.2em;margin-bottom:2%;}
.ment_xw_fl p{font-size:1.8rem;font-family:"黑体-繁";color:#999999;}
.xw_news{width:94%;margin:auto;padding-bottom:3%;}
.xw_news a{width:100%;border-bottom:1px dashed #d1d1d1;font-size:2.4rem;background:url(../images/xw_dian.png) 0 50% no-repeat;background-size:2% 22%;display:block;padding:2% 0;padding-left:4%;color:#000000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"黑体-繁";}
.ment_ss{width:94%;margin:auto;border-bottom:1px dashed #d9d9d9;padding-bottom:3%;margin-top:3%;}
.ment_ss img{width:48%;display:block;float:left;}
.ment_ss img:nth-child(1){float:right;}

/*footer*/
.xw_foot{width:100%;background:#0067ac;padding-bottom:20%;}
.xw_foot_h{width:100%;padding:5% 0;background:url(../images/xw_xiant.jpg) 50% 95% no-repeat;background-size:90% 2%;}
.xw_foot_h a:nth-child(1){width:63%;display:block;float:left;margin-left:17%;}
.xw_foot_h a:nth-child(2){width:8%;float:left;margin:1.5% 0 0 4%;}
.xw_foot_txt p{color:#FFF;text-align:center;margin:1.5% 0;}
/*@media*/
@media (min-width:320px) and  (max-width:359px){
	html{font-size:31%}
}
@media (min-width:360px) and  (max-width:399px){
	html{font-size:36%}
}
@media (min-width:400px) and  (max-width:479px){
	html{font-size:40%}
}
@media (min-width:480px) and  (max-width:639px){
	html{font-size:49%}
}
@media screen and (min-width: 640px){
	html {font-size: 63% !important;}
}