.choose{padding:100px 0; position:relative;}
.choose-text{display:block;}
.choose-text:after{display:block; content:''; clear:both;}
.choose-text>div{float:left; width:50%; padding-right:50px;}
.choose-text>div>h3{font-size:32px; margin:30px 0 0;}
.choose-text>div>h4{font-size:16px; margin:0 0 30px 0; color:#768047;}
.choose-text>div>aside{font-size:16px; color:#686868;}
.choose-text>div>aside p+p{margin-top:15px;}
.choose-text>div>ul{margin:0 -4px; padding-top:40px;}
.choose-text>div>ul:after{display:block; content:''; clear:both;}
.choose-text>div>ul>li{padding:4px; float:left; width:25%;}
.choose-text>div>ul>li>span{display:block;}
.choose-text>div>ul>li>span>h3{line-height:1;}
.choose-text>div>ul>li>span>h3:after{display:block; content:''; clear:both;}
.choose-text>div>ul>li>span>h3>b{font-size:32px; float:left; margin-right:4px; color:#768047;}
.choose-text>div>ul>li>span>h3>i{font-size:14px; float:left; font-style:normal;}
.choose-text>div>ul>li>span>p{font-size:15px; margin-top:5px;}
.choose-text>ins{float:left; width:50%; overflow: hidden;}
.choose-text>ins>img{display: block; width: 100%;}
.choose-box{display:block; margin-top:80px;}
.choose-box:after{display:block; content:''; clear:both;}
.choose-box>div{float:right; width:50%; padding-left:50px;}
.choose-box>div>h3{font-size:32px; margin:30px 0;}
.choose-box>div>aside{font-size:16px;}
.choose-box>div>aside p+p{margin-top:15px;}
.choose-box>ins{float:left; width:50%; overflow: hidden;}
.choose-box>ins>img{display: block; width: 100%;}
@media(max-width:1200px){
.choose{padding:50px 0;}
.choose-text>div{padding-right:20px;}
.choose-text>div>h3{font-size:24px; margin:15px 0 0;}
.choose-text>div>h4{font-size:15px; margin:0 0 15px 0;}
.choose-text>div>aside{font-size:15px;}
.choose-text>div>aside p+p{margin-top:10px;}
.choose-text>div>ul{padding-top:20px;}
.choose-text>div>ul>li>span>h3>b{font-size:36px;}
.choose-text>div>ul>li>span>h3>i{font-size:13px;}
.choose-text>div>ul>li>span>p{font-size:14px; margin-top:3px;}
.choose-box{margin-top:40px;}
.choose-box>div{padding-left:20px;}
.choose-box>div>h3{font-size:24px; margin:15px 0;}
.choose-box>div>aside{font-size:15px;}
.choose-box>div>aside p+p{margin-top:10px;}
}
@media(max-width:992px){
.choose-text>ins{float:none; width:100%; }
.choose-text>div{float:none; width:100%; padding:0 0 20px 0;}
.choose-box>ins{float:none; width:100%; }
.choose-box>div{float:none; width:100%; padding:0 0 20px 0;}
.choose-box>div>h3{font-size:24px; margin:0 0 15px 0;}
}
@media(max-width:767px){
.choose{padding:20px 0;}
.choose-text{margin-top:0;}
.choose-text>div{padding:0 0 10px 0;}
.choose-text>div>h3{font-size:22px; margin:0 0 5px 0;}
.choose-text>div>aside{font-size:14px;}
.choose-text>div>aside p+p{margin-top:5px;} 
.choose-text>div>ul>li{width:50%;}
.choose-box{margin-top:15px;}
.choose-box>div{padding:0 0 10px 0;}
.choose-box>div>h3{font-size:22px; margin:0 0 5px 0;}
.choose-box>div>aside{font-size:14px;}
.choose-box>div>aside p+p{margin-top:5px;}
}

.story{padding:100px 0; position:relative;}
.choose + .story{padding-top:0;}
.story-box{padding:80px 8%; overflow:hidden; text-align:right; position:relative; background:url('../../upload/photo/202508/281612459.jpg') center; background-size:cover;}
.story-box:before{position:absolute; content:''; left:0; right:0; bottom:0; top:0; background:linear-gradient(to left,#2a3345 15%,transparent);}
.story-box>aside{display:block; position:relative; z-index:2; color:#fff; min-height:280px;}
.story-box>aside>h2{font-size:38px; margin-bottom:15px;}
.story-box>aside>p{font-size:16px; margin-bottom:15px;}
.story-box>a{display:inline-block; position:relative; z-index:3; color:#fff; font-size:18px; padding:10px 35px; border-radius:5px; background:#768047;}
.story-box>a:hover{background:#fff; color:#768047;}
@media(max-width:1200px){
.story{padding:50px 0;}
.choose + .story{padding-top:0;}
.story-box{padding:20px;}
.story-box>aside{min-height:240px;}
.story-box>aside>h2{font-size:32px; margin-bottom:10px;}
.story-box>aside>p{font-size:15px; margin-bottom:10px;}
.story-box>a{font-size:16px; padding:8px 28px;}
}
@media(max-width:767px){
.story{padding:20px 0;}
.choose + .story{padding-top:0;}
.story-box{padding:10px;}
.story-box>aside{min-height:180px;}
.story-box>aside>h2{font-size:22px; margin-bottom:5px;}
.story-box>aside>p{font-size:14px; margin-bottom:5px;}
.story-box>a{font-size:14px; padding:5px 20px;}
}
