.nabout {
		    width: 80%;
		    margin: 0 auto;
		    padding: 80px 0;
		}

		.nabout .stitle {
		    text-align: center;
		}

		.nabout .stitle:after {
		    margin: 10px auto 0 auto;
		}


		.nabouttext {
		    width: 54%;
		    margin: 40px 0 0 0;
		}

		.nabouttext h1 {
		    font-size: 30px;
		    line-height: 30px;
		    margin: 0 0 20px 0;
		    color: #282828;
		    font-weight: normal;
		}

		.nabouttext p {
		    font-size: 15px;
		    color: #282828;
		    line-height: 26px;
		}

		.stitle {
		    font-size: 36px;
		    color: #010000;
		}

		.stitle:after {
		    display: block;
		    content: '';
		    margin: 10px 0 0 0;
		    width: 44px;
		    height: 2px;
		    background: #0F4358;
		}

		.nabouttext .more {
		    background: url("../images/bg_more_1.png") center no-repeat;
		    width: 138px;
		    height: 46px;
		    line-height: 46px;
		    display: block;
		    color: #0F4358;
		    text-align: center;
		    margin: 30px 0 0 0;
		    -moz-transition: all 0.5s;
		    -webkit-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		    -o-transition: all 0.5s;
		    transition: all 0.5s;
		}

		.nabouttext .more:hover {
		    background: url("../images/bg_more_3.png") center no-repeat;
		    -moz-transition: all 0.5s;
		    -webkit-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		    -o-transition: all 0.5s;
		    transition: all 0.5s;
		}


		.naboutpic {
		    width: 39%;
		    margin: 44px 0 0 0;
		}

		@media screen and (max-width: 1200px) {
		    .nabouttext h1 {
		        font-size: 20px;
		        text-align: center;
		    }

		    .nabouttext p {
		        font-size: 14px;
		    }

		    .nabout {
		        width: 90%;
		    }

		    .nabouttext {
		        width: 100%;
		        float: none;
		    }

		    .naboutpic {
		        width: 100%;
		        float: none;
		    }
		}