@charset "utf-8";
/**
 * style.css
 */

/* index
--------------------------------------------------*/
/* layout */
	#technology01 {
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-01.jpg) no-repeat center top;
		background-size: 100%;
	}
	#technology01 .section {
		padding-top: 100px;
	}
	#technology01 h2 {
		float: left;
		margin-right: 100px;
	}
	#technology01 .text {
		float: left;
		width: 690px;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
	}
	#technology01 h3 {
		margin-bottom: 35px;
	}
	#technology02 {
		position: relative;
		top: 0;
		left: 0;
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-02.jpg) no-repeat center top;
		background-size: 100%;
	}
	#technology02 .sq {
		position: relative;
		top: 170px;
		left: 0;
		width: 400px;
	}
	#technology02 h4 {
		position: relative;
		top: -130px;
		left: 97px;
		width: 210px;
	}
	#technology02 p {
		position: relative;
		top: -95px;
		left: 42px;
		width: 326px;	
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}
	#technology03 {
		position: relative;
		top: 0;
		left: 0;
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-03.jpg) no-repeat center top;
		background-size: 100%;
	}
	#technology03 .sq {
		position: relative;
		top: 170px;
		left: 560px;
		width: 400px;
	}
	#technology03 h4 {
		position: relative;
		top: -100px;
		left: 710px;
		width: 95px;
	}
	#technology03 p {
		position: relative;
		top: -65px;
		left: 610px;
		width: 315px;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}
	#technology04 {
		position: relative;
		top: 0;
		left: 0;
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-04.jpg) no-repeat center top;
		background-size: 100%;
	}
	#technology04 .sq {
		position: relative;
		top: 170px;
		left: 0;
		width: 400px;
	}
	#technology04 h4 {
		position: relative;
		top: -100px;
		left: 112px;
		width: 175px;
	}
	#technology04 p {
		position: relative;
		top: -65px;
		left: 43px;
		width: 325px;	
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}
	@media screen and (max-width: 1680px) {
	#technology01 {
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-01.jpg) no-repeat center top;
	}
	#technology02 {
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-02.jpg) no-repeat center top;
	}
	#technology03 {
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-03.jpg) no-repeat center top;
	}
	#technology04 {
		min-width: 960px;
		min-height: 800px;
		background: url(../imgs/bg-04.jpg) no-repeat center top;
	}
	}