/*加bc为了容易看,可删*/
body{
	background-color: gray;	
}

.container {
	width: 980px;
	height: 1386px;
	background-color: #FFFFFF;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto ;
	font-family: "微软雅黑";
}
/*页眉页面*/
.left-logo{
	width: 110px;
	height: 61px;
	margin-left: 44px;
	background-color: indianred;
}

.left-logo .address{
		font-size:12px;
		color: #FFFFFF;
		font-family: "黑体";
		padding-top: 45px;
		padding-left: 5px;
	}

.left-logo .date{
		color: #d45d5c;
		font-size: 12px;
		font-family:"黑体";
		position: absolute;
		top: 45px;
		right: 44px;
		margin-top: 0px;
	}

.hr-1{
	width: 892px;
	height: 2px;
	border: none;
	background-color: #938e8c;
    margin-top: 0px;
    margin-bottom: 30px;

}

/*左上页面*/
.main-pic{
	margin: 0;
	position: relative;
}

.main-pic img{
	width: 641px;
	height: 301px;
	
	margin-left: 44px;
}

.main-pic .l-pic{
	width: 191px;
	height: 301px;
	background-color: #72a664;
	opacity: .5;
	position: absolute;
	top: 0px;
	margin-left: 44px;
}

.main-pic .r-pic{
	width: 191px;
	height: 301px;
	background-color: #E1abc3;
	opacity: .5;
	position: absolute;
	top: 0px;
	right: 294px;
}

/*右上页面*/
.about-techoloce{
	position: absolute;
	right: 44px;
	top: 85px;
}

.about-techoloce .hr-2{
	width: 203px;
	height: 2px;
	border: none;
	background-color: #cc8091;
}

.about-techoloce .title{
	color: #000;
	line-height: 40px;
	margin: 0px;
}

/*下划线一致方法 想根据长度变化需要js*/
.about-techoloce .title:after{
	content:'';
	display:block;
	width: 100px;
	margin-top: -11px;
	border-bottom:2px solid grey;
}

.about-techoloce .title:first-letter{
	font-size: 24px;
}

.about-techoloce .pg{
	margin: 0px;
	margin-top: 2px;
	font-size: 12px;
	color: #676767;
	font-family: "楷体";
	line-height: 10px;
}

.css-part .seven-hundred {
	position: absolute;
	right: 66px;
	top: 206px;
}

.css-part .num-1{
	font-size: 116px;
	color: #75b86b;
	font-style: italic;
	margin: 0px;
}

.css-part .three-pionttwo{
	position: absolute;
	right: 168px;
	top: 280px;
}

.css-part .three-pionttwo p{
	font-size: 55px;
	color: #cc8091;
}

.css-part .css{
	color: #CC8091;
	font-size: 12px;
	position: absolute;
	right: 74px;
	top: 352px;
}

.css-part .css p{
	margin: 0px;
}

.css-part .css p:first-child{
	font-size: 21px;
}

/*中部三栏页面*/
.three-table{
	width: 641px;
	margin-left: 30px;
	display: table;
	border-spacing: 20px;
}

.three-table .what,.when,.how{
	display: table-cell;
}

.three-table .what{
	width: 40%;
}

.three-table .when{
	width: 30%;
}

.three-table .how{
	width: 30%;
}

.three-table header{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

.three-table p{
	font-size: 12px;
	font-family: "宋体";
	line-height: 16px;
	color: #767777;
}

.three-table .what header{
	color: #418c59;
}

.three-table .when header{
	color: #d2994f;
}

.three-table .how header{
	color: #cc7680;
}

.what-per{
	position: absolute;
	top: 510px;
	right: 390px;
	font-size: 12px;
	line-height: 16px;
	opacity: .7;
}

.what-per p{
	color: #231815;
}

.what-per span{
	color: #cd4a48;
	font-style: italic;
}

/*左下页面*/
.left-part{
	float: left;
	width: 415px;
	margin-left: 44px;
	margin-bottom: 25px;
}
.left-part .paper-title p{
	font-size: 42px;
	font-weight: bold;
	font-family: "黑体";
	color: #11456b;
	margin: 0px;
}

.left-part .paper-title .the-world{
	font-style: italic;
	font-size: 72px;
	color:  #f5e327;
}

.left-part .hr-3{
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 2px;
	border: none;
	background-color: #11456b;
}

.left-part .article p{
	font-size: 12px;
	font-family: "宋体";
	color: #767777;
	line-height: 16px;
	margin: 0px;
}

.left-part .article span{
	float: left;
	font-size: 70px;
	color: #F5E327;
	font-family: "微软雅黑";
	padding-right: 10px;
}

.left-part .article img{
	width: 170px;
	height: 280px;
	float: right;
	margin: 15px 0 15px 15px;
}

.left-part .article .para-sec, .para-third{
	text-indent: 2em;
}

/*中间图片页面*/
.right-part{
	float: right;
}

.right-part .sec-pic{
	margin: 0;
	position: relative;
}

.right-part .sec-pic img{
	width: 458px;
	height: 275px;
	margin: 10px 45px 0 0 ;
}

.right-part .sec-pic p{
	border-left: 3px solid #72b16a;
	font-size: 26px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	margin: 0px 0px 8px 40px;
	padding: 4px 0px 5px 15px;
}

.right-part .sec-pic span{
	font-size: 12px;
	letter-spacing: 140%;
	color: #72B16A;
	font-style: italic;
	padding-left: 6px;
}

.right-part .sec-pic .butt-pic{
	width: 458px;
	height: 61px;
	opacity: .7;
	display: inline;
	background-color: #000000;
	position: absolute;
	bottom: 0;
}
/*右下页面*/
.right-bottom-part {
	margin-top: 30px;
	width: 459px;
	height: 318px;
	background-color: #eeedd6;
	font-size: 16px;
	color: #5a5b5b;
	font-family: "宋体";
	line-height: 20px;
	position: relative;
}

.right-bottom-part .article-2{
	padding: 30px;
}

.right-bottom-part .article-2 .triangle{
	width: 0;
	height: 0;
	border-left:5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #10456b;
	display: inline-block;
}

.right-bottom-part .article-2 .article-word{
	font-style: italic;
	font-size: 12px;
}

.right-bottom-part .red-area{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #D45D5C;
	width: 260px;
	height: 160px;
}

.right-bottom-part .red-area .zero{
	font-size: 110px;
	color: #FFFFFF;
	font-family: "微软雅黑";
	position: absolute;
	left: 10px;
	bottom: 70px;
}

.right-bottom-part .red-area .article-3{
	height: 86px;
	border-left: 2px solid #FFFFFF;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 6px;
	font-family: "黑体";
	position: absolute;
	left: 80px;
	bottom: 35px;
	padding-left: 8px;
}

.right-bottom-part .red-area .article-3 p{
	margin: 5px 0;
}

.right-bottom-part .red-area .article-3 .article-font{
	font-size: 21px;
	line-height: 24px;
	font-style: italic;
}

.right-bottom-part .quote-para{
	font-family: "黑体";
}

.right-bottom-part .quote-para span:first-child{
	position: absolute;
	right: 149px;
	bottom: 113px;
}

.right-bottom-part .quote-para span:last-child{
	position: absolute;
	right: -18px;
	bottom: 20px;
}
.right-bottom-part .quote-para .article-4{
	font-size: 14px;
	font-style: italic;
	width: 180px;
	text-indent: 3em;
	color: #5A5B5B;
	line-height: 16px;
	position: absolute;
	right: 5px;
	bottom: 49px;
}

.right-bottom-part .quote-para .quote{
	font-size: 72px;
	color: #D45D5C;
}

/*页尾页面*/
.footer .hr-4{
	width: 892px;
	height: 1px;
	border: none;
	background-color: #938e8c;
    margin-top: 30px;
    margin-bottom: 0px;
}

 .footer p{
	color: #d45d5c;
	font-size: 12px;
	font-family:"黑体";
	position: absolute;
	botto: 45px;
	right: 44px;
	margin-top: 0px;
 }