body {
    font-size: 15px;
    line-height: 1em;
    font-family: 'Microsoft YaHei';
}

.contents a:hover,.list_row a:hover{
	color:#c00; 
	text-decoration:underline;
	}

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

.rel{position:relative;}
.x{position:absolute;}

.ms{display:none}
.res_clear{clear:left}

.search_form{
	float:right;
	padding:40px 0;
}
.search_form .form-group{
	font-size:14px;
	line-height:24px;
	position:relative;
}
.search_form input{
	border:solid 1px #8b9226;
	padding:8px 13px;
	display:inline-block;
	padding-right:32px;
	border-radius:5px;
	cursor:text;
}
.search_form button{
	border:none;
	background:url(imagessearch.png);
	width:24px;
	height:24px;
	position:absolute;
	top:7px;
	right:10px;
}

.header .logo{
    height: 120px;
    background:url("imagestitle.png") left center no-repeat;
}

.header{background:#900;}

.m1 .list_row{
    margin-bottom:2em;
    min-height: 50px;
	width:50%;
	float:left;
	overflow:hidden;
}

.m1 .list_row > p{
    text-align: left;
    line-height: 2em;
    overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    padding-left: 1em;
    background:url("imageslisthead.png") left center no-repeat;
}
.m1 .list_row>img{
    float: right;
    height: 8em;
    margin-left:1em;
}
.FengZhengBaYu {
	float:left;
	width:48%;
}
.FengZhengBaYu a {
	margin:5px 0;
	display:block;
}
.FengZhengBaYu p {
	text-align:right;
}

.m1 span{
    font-size: 0.8em;
    text-align: left;
    font-weight: normal;
    line-height: 2em;
    margin: 2em 0px;
	display:block;
    color: #999;
}
.liner {
    clear: none;
    width: auto;
    min-height: 0px;
    min-width: 1200px;
}

.title{font-size: 1.3em; color: #c00;}
.title p{
	float: left;
    padding:0 0.5em;    
    border-left:3px solid #c00;
}
.title .decoration{
    height: 0.5em;
    overflow: hidden;
    border-bottom:#ccc 1px solid;
}

.mfr {
    margin: 0px auto;
    width: 1200px;
}
.rows {margin-left: -4%;}
.sec1{
    float: left;
	margin-top:4em;
    margin-left:4%;
    width: 29.3%;
}
.sec2 {
    float: left;
    margin-left: 4%;
    margin-top: 4em;
    width: 62.66%;
}
.sec3{
    float: left;
    height: auto;
    margin: 4em 0px 0px 4%;
    clear: none;
    width: 96%;
    min-height: 50px;
}
.sec4{
    float: left;
    margin-top: 4em;
	margin-left:1%;
    width: 99%;
}
.sec4 .title{margin-left:3%;}
.sec4 img{
    float: left;
    width: 22%;
	height: 155px;
    max-width: 100%;
    margin: 3% 0px 0px 3%;
}

.nav_shadow {
    height: 1em;
    background:url("imagesnav.jpg") top center repeat-x;
}

.nav a{
    float: left;
    width: 10%;
    text-align: center;
    line-height: 3em;
    color: rgb(51, 51, 51);
    display: block;
}.nav a:hover,.nav a.active {
    background-color: rgb(153, 0, 0);   color: white;
}

.cons{margin-bottom:2em;}
.cons .ctitle{
    float: left;
    font-size: 2.6em;
    width: 12%;
    text-align: center;
    line-height: 1.16em;
    margin: 0px -1px -1px 0px;
    border: 1px solid #c00;
    color: #c00;
}

.cons .chapter{
    float: left;
    font-size: 1.3em;
    width: 22%;
    text-align: center;
    line-height: 1.5em;
    margin: 0px -1px -1px 0px;
    border: 1px solid #c00;
    color: #c00;
}

.contents{margin-top:1em; color:#333}
.contents>p{
    text-align: left;
    line-height: 2em;
    overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    padding-left: 1em;
    background:url("imageslisthead.png") left center no-repeat;
}

.contents .list{margin-top:2em;}
.contents .list>img{
	float: left;
    height: 4em;
    padding-right: 0.5em;
}
.contents .list .text{
    height: 2.4em;
    text-align: left;
    line-height: 1.2em;
    overflow: hidden;
}
.contents .list .date{
    float:left;
    font-size:0.75em;
    text-align:left;
    margin-top:1em;
    color:#999;
}
.footer {
    margin: 2em 0px 0px;
    clear: none;
    min-width: 1200px;
    background:#900;
}
.footer p{
	color:white;
	padding:1em 0;
	line-height:1.5em;
	text-align:center;
}


.article .theme{
	line-height:1.5em;
	color:#c00;
	text-align:center;
	font-size:1.5em;
	padding-bottom:1em;
}
.article .sub{
	color:#666;
	text-align:center;
	font-size:1.3em;
	padding-bottom:.7em;
	border-bottom:1px #ccc solid;
}
.article .summary{
	color:#999; font-size:.75em;
	border-bottom:1px #ccc solid;
}
.article .summary .date{padding:.5em; float:left;}
.article .summary .writer{padding:.5em; float:right;}
.article .paragraph{padding:1em 0;}
.article .paragraph p{padding-bottom:1em; line-height:1.5em;}

.mobile_m{
	display:block;
	width:24px; height:24px;
	float:right;
	background:url(imagesmenu.png) no-repeat center center;
}
.order{margin-top:1em;}
.btn.float-right{margin-top:1em;float:right;}
.btn.float-right a{ margin:0 0.5em;}

.web_ppt{text-align:center}
.web_ppt img,.web_ppt .control{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.web_ppt .control{margin-top:2em}
.web_ppt .control button>span{
	display:block;
	width:150px;height:150px;
}
.web_ppt .control .prev>span{
	background:url(imagesprev.png) center center no-repeat;
}
.web_ppt .control .next>span{
	background:url(imagesnext.png) center center no-repeat;
}
.control .prev{float:left;}
.control .next{float:right;}
.control>button{
	padding:0;
	border:none;
	background:none;
}

@media only screen and (max-width: 1250px) {
    body {font-size: 14px;}
    .liner {min-width: 800px;}
    .footer {min-width: 800px;}

    .header .logo{
        height: 90px;
        background-image:url("imagestitle2.png");
        background-position: 0% 50%;
        background-repeat: no-repeat no-repeat;
    }

    .mfr {width: 800px;}

    .cons .chapter{font-size: 1.1em;}

	.cons .ctitle{font-size: 2.2em;}

    .m1>p {
        line-height: 1.3em;
    }

    .nav_shadow {
        min-width: 800px;
    }
	.search_form{
		padding:31px 0;
	}
	.search_form .form-group{
		font-size:12px;
		line-height:16px;
	}
	.search_form input{
		padding:4px 6px;
		padding-right:24px;
	}
	.search_form button{
		background:url(imagessearch.png) no-repeat center center;
		background-size:100%;
		-webkit-background-size:100%;
		width:16px;
		height:16px;
		top:6px;
		right:8px;
	}
	.sec4 img{
		height: 102px;
	}
}

@media only screen and (max-width: 840px) {
    .liner {min-width: 0px;}

    .nav_shadow {min-width: 0px;}

    .header .logo{
        height: 60px;
        background-image:url("imagestitle3.png");
        background-position: 0% 50%;
        background-repeat: no-repeat no-repeat;
    }

    .mfr {width: 95%;}

    .nav a{
        width: 20%;
        line-height: 2em;
    }

    .sec2 {width: 96%;}

    .sec1 {width: 96%;}

    .res_frm1 .contents {margin-left: -3%;}

    .res_frm1 .contents .list{
        margin-left: 3%;
        float: left;
        width: 47%;
    }
	.search_form{
		float:none;
		padding:0;
		padding-top:1em;
	}
	.search_form input{
		width:100%;
		padding:4px 6px;
		padding-right:24px;
	}
	.sec4 img{
		height: 85px;
	}

}

@media only screen and (max-width: 640px) {

.m1 .list_row{
	width:100%;
}

.FengZhengBaYu {
	width:100%;
}
.FengZhengBaYu  p {
	text-align:center;
	margin:5px 0;
}

	.res_frm1 .contents .list{width: 97%;}
    .sec4 img {width: 47%;}


    .m1>span{
        margin-top: 2em;
        margin-left: 0px;
        clear: none;
    }
    .web_ppt .control button>span{
    	width:100px;
    	height:100px;
    }
    .web_ppt .control .prev>span,.web_ppt .control .next>span{
		background-size:contain;
	}
	.sec4 img{
		height: 128px;
	}
}

@media only screen and (max-width: 480px) {
    .m1 .list_row>img{display: none;}
	.cons .ctitle{width: 99.3%;}
    .ms{display: block;}
    .ps{display: none;}
    .cons .chapter{width: 33.33%;}
	.nav{
		height:0; overflow:hidden;
		transition:height 0.6s ease-in-out;
		-o-transition:height 0.6s ease-in-out;
		-ms-transition:height 0.6s ease-in-out;
		-moz-transition:height 0.6s ease-in-out;
		-webkit-transition:height 0.6s ease-in-out;		
	}
    .nav a{
        margin: 0px;
        clear: none;
        float: left;
        width: 50%;
        line-height: 3em;
    }
	.sec4 img{
		height: 102px;
	}
}