/*
LS CSS
by HYH
*/



.page_title.eye{
	background:url(../images/eye/eye0_vol22_03.png) no-repeat center top;
	background-color:#66b2ec;
    padding-top: 0px;
}

.title_main{
	position: relative;
	background:url(../images/eye/eye1_vol22_03.png) no-repeat center top;
	width:1300px;
	height:600px;
	margin:0 auto;
}

.title_main img{
	position: absolute;
    right: 352px;
    top: 40px;
}

.page_title.eye .title_box{
	padding-top:174px;
}

.page_title.eye .title_box h2{
	margin-bottom: 14px;
	color:#000;
}
.page_title.eye .title_box h2 span:before{
	border-top: 3px solid #000;
}
.page_title.eye .title_box h3{
	letter-spacing: -2px;
	color:#000;
}
.page_title .title_box h4{
	color:#000;
}

.eye_top{
	padding-bottom:100px;
}

.page_eye section{
	position:relative;
	margin-top:0px;
	overflow: hidden;
}

.page_eye section h5{
	text-align:center;
	margin-bottom:60px;
}

.page_eye section .sec_tt{
	position:relative;
	width:984px;
	text-align:center;
	margin-bottom:50px;
}

.page_eye section .sec_tt img.gf{
	position:absolute;
}



.page_eye section .txt_box{
	
}

.page_eye section .txt_box p.mg{
	padding-top:50px;
}

.page_eye section .txt_box .txt1 p{
	font-size:3.3rem;
	line-height:45px;
	font-weight:400;
	color:#000;
}

.page_eye section .txt_box .txt2{
	margin-top:50px;

}

/* sec1 */

.page_eye .sec1,
.page_eye .sec4,
.page_eye .sec5{
	padding:100px 58px 60px 58px;
	background-color:#66b2ec;
}
.page_eye .sec1{
	padding-bottom:100px;
}

.page_eye .sec2,
.page_eye .sec3{
	padding:100px 58px 60px 58px;
	background-color:#fda4ba;
}

.page_eye section.sec1 .sec_tt{
	margin-bottom:50px;
}

.page_eye section.sec1 h5{
	margin-bottom:0px;
}

.sec1 .txt_box{
	padding-right: 400px;
    margin-top: -533px;
}

.sec1 .txt_box .txt2 p{
	letter-spacing:0px;
}

.sec1 .txt_box2{
    position: relative;
    text-align: center;
}

section.sec1 .sec_tt img.gf{
	right: 84px;
    top: 183px;
}

.sec1 .info_outter,
.sec2 .info_outter,
.sec3 .info_outter{
	position:relative;
	padding-left:17px;
	overflow:hidden;
}

.sec1 .info_outter{
	position:relative;
	top:70px;
	padding-bottom:60px;
}

.sec1 .info_box,
.sec2 .info_box,
.sec3 .info_box{
	padding:40px 50px;
	text-align:center;
}


.sec1 img.info_tt,
.sec2 img.info_tt,
.sec3 img.info_tt{
	position: absolute;
    left:0px;
    top: 40px;
}

section .info_box{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px 50px;
	background-color:#FFF;
    border: 3px solid #000;
    border-radius: 10px;
}


section .info_main{
	overflow:hidden;
	
}
section .info_left{
	float:left;
	width:62%;
	text-align:left;
	margin:0;
}

section .info_right{
	float:right;
	width:37%;
	text-align:right;
	padding-top:60px;
}

section.sec1 .txt_box2,
section.sec1 .txt_box3{
	text-align:center;
	margin-top: 80px;
}


section.sec1 .txt_box2 p{
	margin-bottom:26px;
}

section.sec1 .txt_box2 p.p2{
	margin-top:50px;
	margin-bottom:40px;
}


/* sec2 */

.page_eye section.sec2 .sec_tt{
	width: 1100px;
    margin-left: -58px;
    margin-right: -58px;
}

.page_eye section.sec2 h5{
	text-align:left;
}

section.sec2 .sec_tt img.gf{
	left: 113px;
    top: 559px;
}

section.sec2 .txt_box{
	padding-left: 504px;
    margin-top: -501px;
}

section.sec2 .txt_box2{
	position: relative;
    /*top: 47px;
	margin-bottom:47px;*/
	text-align:center;
	overflow: hidden;
	padding-top:90px;
}

section.sec2 .txt_box2.mg{
	padding-top:80px;
	padding-bottom:60px;
}

section.sec2 .txt_box3{
	padding-top:60px;
	padding-bottom:40px;
}

section.sec2 .sec2_img{
	position:absolute;
	top: 860px;
    left: 0px;
}

section.sec2 .sec2_img img.gf {
	position:absolute;
    left: 117px;
    top: 0px;
}

section.sec2 .txt_box2 p.p2{
	padding-top: 10px;
    margin-bottom: 0px;
	font-size:1.7rem;
}



.txt_outer{
	width:100%;
	overflow:hidden;
	padding-top:40px;
}

.txt_left{
	float:left;
	width:599px;
}

.txt_right{
	position:relative;
	float:right;
	width:385px;
}

.txt_right img.gf{
	position: absolute;
    right: 13px;
    top: -17px;
}

/* sec3 */

section.sec3 .sec_tt{
	margin-bottom:50px;
}

section.sec3 .sec_tt img.gf{
	right: -37px;
    bottom: 222px;
}

.sec3 .txt_box {
    padding-right: 486px;
    margin-top: -582px;
}

section.sec3 .txt_box3{
	position: absolute;
    top: 670px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-right: 49%;
}

.sec3 .info_outter{
	margin-top: -60px;
}

section.sec3 .txt_box2{
	padding-top:100px;
	padding-bottom:40px;
	text-align:center;
}

section.sec3 .txt_box2 p{
	text-align:center;
}
section.sec3 .txt_box2 p.st{
	display: inline-block;
    font-weight: 500;
    border-bottom: 1px solid #000;
    line-height: 30px;
}

.sec3 .posi_box{
	width:100%;
	position:relative;
	text-align:center;
}

section.sec3 .posi_box img.gf{
	position:absolute;
	left: 94px;
    top: 0px;
}

section.sec3 .posi_box img.gf2{
	position:absolute;
	right: 66px;
    top: 121px;
}


/* sec4 */

.page_eye .sec4{
	padding-bottom:0px;
}

section.sec4 .txt_box{
	position:relative;
	width: 100%;
	text-align:center;	
}


section.sec4 img.gf{
	position: absolute;
    left: 55px;
    bottom: 242px;
}

section.sec4 .posi_box{
	width:992px;
	position:relative;
	margin-bottom: 60px;
}

section.sec4 .posi_inner{
    width: 920px;
    margin: 0 auto;
    padding: 0px 0 50px 0;
	background:url(../images/eye/eye14-1_vol10.png) #FFF no-repeat center top;
    border: 3px solid #000;
	text-align:center;

}

section.sec4 .posi_box img.posi_img{
	position:absolute;
	right: -7px;
    top: 0px;
}

section.sec4 .posi_box img.gf{
	position: absolute;
    left: 211px;
    top: 38px;
}

section.sec4 .posi_inner .posi_tt{
	text-align:left;
	margin-left:-28px;
	padding-bottom: 44px;
}


section.sec4 .txt_box2{
	padding:30px 0 100px;
}

section.sec4 .txt_box2 p.mg{
	padding-top:50px;
}

/* sec5 */

.page_eye .sec5{
	padding: 0px 58px 60px 58px;
}

section.sec5 .sec_tt{
	text-align:left;
	margin-bottom: 40px;
}
.page_eye section.sec5 .sec_tt h5{
	text-align:left;
	margin-bottom: 40px;
}

.qz_outter{
	padding:0 30px;
	width:100%;
}

.qz_box1{
	width:100%;
	margin:0 auto;
	padding:40px 50px;
	background-color:#FFF;
    border: 3px solid #000;
}

.qz_box1 img.tt{
	margin-left:-83px;
}

.qz{
	padding-bottom:70px;
	text-align:center;
}

.qz1{
	padding-top:50px;
}

.qz.qz3{
	padding-bottom:0px;
}

.qz span{
	display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f16285;
    color: #FFF;
    line-height: 20px;
    text-align: center;
    font-size: 1.6rem;
}

.qz p{
	margin-bottom:30px;
}
.qz img{
	margin-bottom:35px;
}

.sec5 form{
	margin-top:0px;
}

.sec5 ::placeholder {
	font-size:1.7rem;
	font-weight:350;
}

.qz_box1 input[type=text]{
	width:100%;
	height:50px;
	padding:5px 10px;
	border:0px;
	background-color:#f2f2f2;
	border-radius: 10px;
}



.qz_box2{
	width:100%;
	margin:0 auto;
	padding:80px 80px 50px 80px;
	background-color:#FFF;
    border: 3px solid #000;
	margin-top:40px;
	text-align:center;
}

.qz_box2 p{
	color:#303030;
	font-weight:350;
	text-align:center;
}

.p_top{
	margin-top:40px;
}

.qz_box2 img{
	vertical-align: middle;
}

.qz_box2 .input_box{
	padding:40px 0;
}

.qz_box2 input[type=text]{
	width:49%;
	height:36px;
	padding:5px 10px;
	border:1px solid #cfcfcf;
	margin-bottom:35px;
}

.sec5 button.er_btn{
	width:210px;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:2.2rem;
	color:#FFF;
	font-weight:500;
	border:0px;
	background-color:#ff5b57;
	border-radius: 10px;
	cursor: pointer;
}

.qz_btm{
	width:100%;
	text-align:center;
}
.qz_box2 .qz_btm p{
	display:inline-block;
}
.qz_box2 .qz_btm p.mg{
	margin-right:60px;

}
.qz_box2 .qz_btm span{
	color:#303030;
	font-size:1.8rem;
}

.qz_box2 .qz_btm span.st{
	color:#FFF;
	font-size:1.6rem;
	padding-left:10px;
	padding-right:10px;
	background-color:#aaaaaa;
	border-radius:3px;
	margin-right:10px;
}

.qz_btm2{
	width:100%;
	overflow:hidden;
	margin-top:50px;
	border-top:2px solid #000;
	padding-top:50px;
}

.btm_left{
	float:left;
	width:50%;
}

.btm_left p.st{
	color:#ff5b57;
	font-size:1.8rem;
	font-weight:bold;	
	padding-bottom:10px;
}

.btm_left p{
	text-align:left;
	color:#303030;
	font-weight:350;
	font-size:1.8rem;
}

@media all and (max-width:1279px){

	

	.page_title.eye .title_main img{
		display:none;
	}

	.page_eye section .sec_tt{
		width:100%;
	}

	.page_eye section .sec_tt img.gf,
	.page_eye section.sec3 img.gf,
	.txt_right img.gf,
	section.sec3 .posi_box img.gf2,
	section.sec2 .txt_box2 img.gf,
	section.sec2 .sec2_img img.gf,
	section.sec4 .txt_box img.gf,
	section.sec4 .posi_box img.gf,
	section.sec4 img.gf{
		display:none;
	}

	.page_eye section .txt_box{
		
	}

	.page_eye section.sec1 .txt_box,
	.sec3 .txt_box{
		padding-right: 44%;
	}

	.page_eye section.sec2 .sec_tt{
		width: 100%;
		margin:0 auto;
	}
	section.sec2 .txt_box{
		padding-left: 50%;
	}

	.page_eye section.sec2 .txt_box .txt1{
		
		padding: 30px 0 50px 0;
	}
	section.sec2 .txt_box2{
		top:0px;
		margin-bottom:0px;
	}

	.page_eye section.sec3 .posi_box{
		width:100%;
		background-size: 100%;
		height: auto;
	}
	.page_eye section.sec3 .posi_inner {
		width: 100%;
		padding: 0px 20px 50px 20px;
	}
	.page_eye section.sec3 .posi_box img.posi_img {
		right: -4%;
		width: 40%;
	}

	.txt_left{
		float:left;
		width:70%;
	}

	.txt_right{
		position:relative;
		float:right;
		width:30%;
	}

}

@media all and (max-width:1100px){	

	.page_title.eye .title_main{
		width: 100%;
		background-size: 100%;
		background-position: right bottom;
	}

	.page_eye section.sec1 .sec_tt{
		margin-bottom: 10%;
	}

	.page_eye section.sec1 .txt_box,
	.sec3 .txt_box{
		margin-top: -60%;
	}
	section.sec2 .txt_box{
		margin-top: -55%;
	}

	.page_eye section.sec2 .sec_tt{
		width:100%;
		margin: 0;
	}

	section.sec3 .txt_box3 {
		position: relative;
		top:auto;
		margin-top: -56%;
		padding-top: 0px;
		padding-bottom: 18%;
		padding-right: 49%;
	}
	section.sec4 .txt_box img{
		/*max-width:48%;*/
	}
	.sec1 img.info_tt, 
	.sec2 img.info_tt, 
	.sec3 img.info_tt{
		top: 7%;
		max-width: 6%;
	}

}


@media all and (max-width:992px){	
	

	section.sec2 .txt_box .txt2{
		
	}
	section.sec3 .txt_box{
		
	}

	section.sec4 .posi_box{
		width:100%;
	}

	section.sec4 .posi_inner{
		width:100%;
	}

}

@media all and (max-width:768px){

	.page_title.eye .title_box {
		padding-top: 100px;
	}
	.qz_box2 .qz_btm p.mg {
		margin-right: 0px;
	}

	.page_eye section.sec1 .sec_tt{
		margin-bottom: 40%;
	}

	.page_eye section.sec1 .txt_box {
		margin-top: -90%;
	}
	.txt_left{
		width:100%;
	}

	.txt_right{
		float:right;
		width:100%;
		text-align:right;
	}
	section.sec2 .txt_box {
		
	}

	.page_eye section.sec2 .txt_box .txt1{
		width:100%;
		padding:0 0 0 0;
	}
	section.sec2 .txt_box .txt2{
		width: 100%;
		padding-top: 10%;
	}
	section.sec2 .sec2_img {
		top: 19%;
		left: auto;
		right: 0px;
		width: 42%;
	}

	section.sec3 .sec_tt{
		
	}

	.sec3 .txt_box{
		top: 30%;
	}



	section.sec4 .txt_box{
		
	}

	section.sec4 .txt_box img.bg{
		width: 50%;
	}

	section.sec4 .txt_box2{
		
	}

	section.sec4 .posi_inner{
		padding: 0 5% 5%;
	}
	section.sec4 .posi_inner .posi_tt{
		margin-left: -10%;
	}

}

@media all and (max-width:567px){

	.page_eye section h5{
		margin-bottom:30px;
	}

	.page_title.eye{
		background-position: right top;
		background-size: 260%;
	}
	
	.page_title.eye .title_main {
		width: 100%;
		background-size: 116%;
		background-position: right bottom;
		/*background-position-x: -250px;*/
	}
	.page_title.eye .title_box {
		padding-top:210px;
	}
	.page_title.eye .title_box h2,
	.page_title.eye .title_box h3{
		margin-bottom: 0px;
	}
	.page_title.eye .title_box h3 {
		letter-spacing: -4px;
	}

	.page_main.page_eye {
		padding: 50px 0;
	}
	.eye_top {
		padding-bottom: 50px;
	}

	.page_eye section.sec1,
	.page_eye section.sec2,
	.page_eye section.sec3,
	.page_eye section.sec4{
		padding: 10%!important;
	}

	.page_eye .sec5{
		padding: 0px 5% 5% 5%;
	}

	.page_eye section .sec_tt{
		    margin-bottom: 0px;
	}
	
	.page_eye section.sec1 .txt_box,
	.page_eye section.sec2 .txt_box,
	.page_eye section.sec2 .txt_box2,
	.page_eye section.sec4 .txt_box,
	.page_eye section.sec4 .txt_box2,
	.page_eye section.sec3 .txt_box,
	.page_eye section.sec3 .txt_box3{
		position:relative;
		top: 0px;
		right:0px;
		left:0px;
		margin-bottom: 50px;
		width: 100%;
		padding:0;
		margin-top:0px;
	}
	section.sec1 .txt_box2{
		margin:10% 0;
	}
	section.sec1 .txt_box2, 
	section.sec1 .txt_box3 {
		margin-top: 0px;
	}
	.page_eye section.sec2 .txt_box{
		padding-top:10%;
	}
	.page_eye section.sec2 .txt_box .txt1 {
		padding: 0px 0 0px 0;
	}
	.page_eye section.sec4 .txt_box{
		
	}

	section.sec4 .txt_box img.bg{
		width:100%;
	}


	.page_eye section.sec1 .sec_tt {
		margin-bottom: 50px;
	}

	

	.page_eye section .txt_box .txt1 p{
		font-size:2.6rem;
		line-height: 35px;
	}
	.page_eye section .txt_box .txt2{
		margin-top: 30px;
	}

	.sec1 .info_outter,
	.sec2 .info_outter{
		padding-left: 0px;
		top: 0px;
	}

	.page_eye section .info_box{
		padding: 7% 5% 9% 7%;
	}

	section.sec1 img.info_tt{
		right: 0px;
		left: -6px;
		top: 15px;
		max-width: 9%;
	}
	section.sec2 img.info_tt{
		right: 0px;
		left: -4px;
		top: 15px;
		max-width: 9%;
	}

	section .info_left,
	section .info_right{
		width:100%;
	}

	.page_eye section.sec2 .txt_box .txt1,
	.page_eye section.sec2 .txt_box .txt2,
	section.sec2 .txt_box2 .txt1,
	section.sec2 .txt_box2 .txt2{
		float:none;
		width:100%;
	}
	section.sec2 .txt_box2 .txt1{
		padding-top:0px;
	}
	.sec1 img.info_tt, 
	.sec2 img.info_tt,
	.sec3 img.info_tt{
		width: 11%;
	}

	section.sec2 .sec2_img{
		position: relative;
		width: 100%;
		right: 0px;
	}
	section.sec3 .txt_box2{
		padding-top:0px;
	}

	section.sec3 .txt_box2 p.st{
		display:inline;
	}

	.sec3 .info_outter{
		margin-top:0px;
		margin-bottom: 10%;
	}

	.qz_outter{
		padding: 0 10px;
	}

	.qz_box1 img.tt {
		margin-left: -35px;
	}

	.qz_box1{
		padding: 20px 10px;
	}
	.qz_box2{
		padding: 30px 20px;
	}

	.qz {
		padding-bottom: 35px;
	}

	.qz1 {
		padding-top: 20px;
	}
	.btm_left{
		width:100%;
		padding-bottom:50px;
	}
}