@charset "utf-8";
.img{
    float:left;width:100%;
transition: all 0.6s ease 0s;
}

.idtit{
    text-align:center;
margin-top:85px;
width:760px;
margin-left:calc(50% - 380px);
}
.id-m{
    float:left;
width:100%;
margin:50px 0;
}
.id-sin{
    float:left;
width:100%;
position:relative;
max-height:650px;
}
.ids-b1{
    position: absolute;
width:50%;
height:100%;
}
.idstr{
    right:0px;
}
.idsb1-cet{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
width:85%;
}
.idstr .idsb1-cet{
    right:0px;
}
.ids-t1{
    color:#000;
}
.ids-b2{
    float:left;
width:50%;
margin-left:50%;
}
.idspl{
    margin-left:0%;
}
.ids-t2{
font-size:18px;
}
.idst3f{
    float:left;
width:calc(100% - 30px);
margin-left:30px;
margin-top:5px;
}
.idst3-sin{
    float:left;
width:100%;
color:#000;
font-size:18px;
margin-top:5px;
padding-left:30px;
position:relative;
}
.idst3-sin:before{
    content:"";
width:8px;
height:8px;
border-radius:50%;
background:#000;
position:absolute;
top:7px;
left:0px;
}
.ids-btn-f{
    float:left;
width:100%;
margin-top:20px;
}
.idsbtn{
    float:left;
background:rgba(5,129,216,.4);
}
.idsbtn-in{
    background:#0472ba;
color:#fff;
}
@media screen and (max-width:1200px) {
    .idsb1-cet {
float:left;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    width: 445px;
margin-bottom:30px;
    }
    .ids-b1 {
    position: relative;
float:right;
    height: auto;
    }
   .ids-b2 {
    float: right;
    margin-left: 0%;
    }
    .idstr {
    float:left;
    }
    .idspl {
    float:left;
    }
.idstr .idsb1-cet {
    float:right;
    }
}
@media screen and (max-width:1200px) {
    .idsb1-cet {
    width: 95%;
    }
}
@media screen and (max-width:850px) {
    .idtit{
    width:94%;
margin-left:3%;
}
    .idsb1-cet {
    margin-top:30px;
    }
    .idtit {
    margin-top: 50px;
    }
    .ids-b1 {
    position: relative;
float:left;
    width: 100%;
    height: auto;
    }
    .ids-b2 {
    width: 100%;
    margin-left: 0%;
    }
    .id-m {
    margin-top: 25px;
    }
    idtit {
    margin-top: 50px;
    width: 94%;
    margin-left: 3%;
    }
}



.ap1{
    float:left;
	width:100%;
	margin-top:93px;
}
.ap1-txt{
    margin-top:0px;
}
.ap1-imgf{
    float:left;
	width:100%;
	margin-top:56px; 
	border-radius:70px 0px 70px 0px;
	overflow:hidden;
}
.ap1-img{
    float:left;
	width:100%;
}
.ap1-tit{
    text-align:center;
	margin-top:50px;
}
.ap1-arr{
    float:left;
	width:100%;
	margin-top:15px;
}
.apq-ofs{
    float:left;
	width:103%;
	margin-left:-3%;
}
.ap1-sin{
        display: inline-block;
    vertical-align: top;
	width:calc(22% - 5px);
	margin-left:3%;
	padding-left:50px;
	font-size:18px;
	color:#000;
	position:relative;
	margin-top:30px;
}
.ap1-sin:before{
    content:"";
	position:absolute;
	left:0px;
	top:-3px;
	background:url(../images/gou.png) no-repeat;
	width:29px;
	height:25px;
}
.ap1-imgf{
    float:left;
	width:990px;
	margin-left:calc(50% - 495px);
	margin-top:80px;
}
.ap1-img{
    float:left;
	width:100%;
}
@media screen and (max-width:1000px) {
    .ap1-imgf {
    width: 94%;
    margin-left: 3%;
    }
}
@media screen and (max-width:850px) {
    .ap1 {
    margin-top: 50px;
    }
    .ap1-imgf {
    margin-top: 40px;
    }
    .ap1-tit {
    margin-top: 25px;
    }

    .ap1-sin {
    width: calc(47% - 5px);
    }
}


.ap2{
    float:left;
width:100%; 
    margin-top:55px;	
position:relative;
}
.ap2-l{
    float:left;
width:44%;
background:#000;
border-radius:0px 60px 0px 0px;
overflow:hidden;
position:relative;
z-index:2;
}
.ap2l-cet{
    float:left;
width:570px;
margin-left:calc(50% - 285px);
}
.ap2l-t1{
    float:left;
width:100%; 
    margin-top:140px;
color:#fff;
}
.ap2l-t2{
color:#fff;
}
.ap2l-imgf{
    float:left;
width:100%; 
    margin-top:100px;
}
.ap2l-img{
    float:left;
width:100%;
}
.ap2lc2{
    margin-top:100px;
margin-bottom:150px;
}
.ap2l-t3{
    color:#fff;
}


.ap2-r{
    float: left;
width:calc(56% + 135px);
margin-left:-135px;
background: #0472ba;
border-radius:0px 0px 0px 60px;
position:relative;
z-index:1;
margin-top:40px;
padding-bottom:110px;
}
.ap2r-img{
    float:left;
width:100%; 
}
.ap2r-arr{
    float:left;
width:100%; 
position:relative;
z-index:10;
}
.ap2r-sin{
    float:left;
width:100%; 
height:34px;
    margin-top:20px;
}
.apr-fix{
    position:absolute;
bottom:110px;
left:calc(44% - 17px);
z-index:5;
}
.ap2fix-sin{
    float:left;
width:100%; 
margin-top:20px;
}
.ap2fixs-ico{
    float:left;
width:34px;
height:34px;
border:1px dashed #fff;
position:relative;
border-radius:50%;
}
.ap2fixs-ico:before{
    content:"";
position:absolute;
width:18px;
height:18px;
background:#fff;
border-radius:50%;
left:7px;
top:7px;
}
.ap2fixsin-t{
    float:left;
margin-left:50px;
width:calc(100% - 84px);
font-size:20px;
font-weight:700;
color:#fff;
margin-top:6px;
}
.ap2fixsin-t:hover{
    color:#000;
}
.ap3{
    float:left;
width:100%; 
margin-top:95px;
}
.ap3-t1{
    text-align:center;
}
.ap3-m{
    float:left;
width:100%; 
margin:50px 0; 
}
.ap3-sin{
    float:left;
width:20%;
position:relative;
overflow:hidden;
}
.ap3-img{
    float:left;
width:100%; 
}
.ap3-sin-ho{
    position: absolute;
    width: 100%;
    background-image: linear-gradient(to top, #0472ba, rgba(0,0,0,0));
    height: 50%;
    left: 0px;
    bottom: -50%;
    transition: all 0.6s ease 0s;
}
.aprfxmob{
    display:none;
position: relative;
    bottom: auto;
    left: 0px;
    float:left;
width:100%;
}
.ap3-sin-ho-in{
    position:absolute;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
color:#fff;
bottom:30px;
left:0px;
text-align:center;
}
.ap3-sin:hover .ap3-sin-ho {
    bottom: 0%;
}
@media screen and (max-width:1400px) {
    .ap2l-cet {
    width: 92%;
    margin-left: 3%;
    }
}
@media screen and (max-width:1300px) {
    .apr-fix {
    bottom: 200px;
    }
}
@media screen and (max-width:1100px) {

    .ap2r-sin {
    margin-top: 10px;
    }
    .ap2fix-sin {
    margin-top: 10px;
    }
    .apr-fix {
    bottom: 400px;
    }
}
@media screen and (max-width:850px) {
    .ap2lc2 {
    margin-top: 30px;
    margin-bottom: 50px;
    }
    .ap2l-imgf {
    margin-top: 30px;
    }
    .ap2l-t1 {
    margin-top: 50px;
    }
    .ap3-sin {
    width: 50%;
    }
    .ap3-m {
    margin-top: 25px;
    }
    .ap3 {
    margin-top: 50px;
    }
    .ap2r-sin{
    display:none;
}
    .ap2r-arr{
    height:auto;
}
    .apr-fix{
    display:none;
}
    .aprfxmob{
    display:block;
bottom:auto;
width:94%;
margin-left:3%;
margin-top:20px;
    }
    .ap2-r {
    float: left;
    width: 100%;
    margin-left: 0;
    border-radius: 0px 0px 0px 30px;
    margin-top: 0px;
    padding-bottom:50px;
    }
    .ap2-l {
    width: 100%;
    border-radius: 0px 30px 0px 0px;
    }
}