/*
KISSY CSS Reset
*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
   margin: 0;
   padding: 0;
}


body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 14px/1 "微软雅黑", Helvetica, Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
img{ max-width: 100%;}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #000000; }
a:active,a:visited,a:focus{text-decoration: none;}
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {vertical-align:middle;border: none; background: none;outline:none;}\n

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.txthid{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
html{ overflow-y: scroll; min-width: 320px;}


/*设置左右浮动*/
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}

.news_detail{width: 100%; height:auto; min-height:300px; overflow:hidden;}
.news_detail .content{width: 1400px;margin: 0px auto;padding: 50px 20px;}
.news_detail .news_title{text-align: center;font-size:37px;color:#333;line-height: 1.5em;font-weight: bold;}
.news_detail .news_info{text-align: center;color: #807e7e;font-size: 13px;line-height: 35px;}
.news_detail .news_content{font-size: 16px;color: #232323;line-height: 2em;}
.news_detail .pn_box{text-align: center; margin-top:50px;}
.news_detail .pn_box .item{margin: 0px 30px; transition: all .3s linear; width: 190px;height: 50px;line-height: 50px;border-radius: 25px; text-align: center;background: #a82329;color: #FFFFFF;display: inline-block;font-size: 16px;}
.news_detail .pn_box .item:hover{background: #b29e80;}



.news_detail .close_box{display: none;}

@media only screen and (max-width:1400px ) {
	.news_detail .content{width: 100%;box-sizing: border-box; padding: 40px 20px;}
	
}
@media only screen and (max-width:768px ) {
	.news_detail{ min-height:auto;}
	.news_detail .content{padding: 30px 20px;}
	.news_detail .news_title{font-size: 25px; padding:10px 0px;}
	.news_detail .pn_box .item{width: 160px; display: block;height: 46px;line-height: 46px;border-radius: 23px;margin: 20px auto;}
}

@media only screen and (max-width:640px ) {
	.news_detail .content{padding:20px;}
	.news_detail .news_title{font-size: 28px;}
	.news_detail .pn_box .item{width: 150px;height: 36px;line-height: 36px;border-radius: 18px; display: block;margin: 20px auto;}
	.news_posi{height: auto;}
	.news_posi .posi_box{width: 100%;}
	.news_posi .btn_box{display: none;}
	.news_detail .close_box{display: block;}
	.news_detail .close_box .close_btn{text-align: center; width: 70%;height: 50px;line-height: 50px;border-radius: 25px;display: block;margin: 20px auto;background: #929292;color: #FFFFFF;font-size: 16px;}
}

@media only screen and (max-width:375px ) {
	.news_detail .news_title{font-size: 26px;}
	.news_detail .pn_box .item{width: 120px;height: 34px;line-height: 34px;border-radius: 17px; display: block;margin: 15px auto;font-size: 14px;}
	.news_posi{height: auto;}
	.news_posi .posi_box{width: 100%;}
	.news_posi .btn_box{display: none;}
	.news_detail .close_box{display: block;}
	.news_detail .close_box .close_btn{text-align: center; width: 70%;height: 40px;line-height: 40px;border-radius: 20px;display: block;margin: 15px auto;background: #929292;color: #FFFFFF;font-size: 14px;}	
}





















