@charset "utf-8";
/* CSS Document */
.index_page{width: 100%; min-height: 100vh; padding:30px 8%;  text-align:center;}
.index_page .ind_top{ font-size: 24px; margin:30px 0;}
.ind_form input{ line-height: 50px; margin-bottom: 25px; border-radius: 25px; width: 100%; background: #fff; padding-left:20px;}
.ind_form .btn{ width:100%; line-height:50px; border-radius:25px; background:#e8990f; cursor:pointer; color:#fff;}
.qrode{ margin-top: 45px;}
.qrode dt{ margin: 0 auto; text-align:center; max-width:40%;}
.qrode dt img{ width: 100%;}
.qrode dt p{ font-size: 20px; margin-top: 20px;}


@media (max-width: 450px){
.index_page .ind_top{font-size: 20px; margin: 25px;}
.ind_logo img{max-height: 40px;}
.qrode dt{max-width: 32%;}
.qrode{ margin-top: 25px;}
.qrode dt p{ font-size: 16px; margin-top: 15px;}
.ind_form input{line-height: 48px; margin-bottom: 22px;}
.ind_form .btn{line-height: 48px;}
}

.down_top{padding: 22px 4%;background: linear-gradient( to right,rgba(1,91,146,1),rgba(2,157,201,1),rgba(1,91,146,1));}
.down_logo{text-align: center;}
.down_logo img{height: 32px;}
.down_top .top{ position: relative;}
.down_top .top .share{position: absolute; right: 0; top: 0;}
.down_top .top .share a{ font-size: 24px; color: #fff; transform: rotateY(180deg); display:inline-block; line-height:32px;}
.down_top .search{margin: 20px 0 15px; background:#fff; line-height:60px; border-radius:30px; overflow: hidden;}
.down_top .search input{line-height: 60px; width:calc(100% - 60px);}
.down_top .search .btn{ width: 60px; height: 60px; background: #fff; font-size:30px; color:#999;}
.down_top .search .btn i{ line-height: 60px; font-size: 30px;}
.posi i{display: inline-block; margin-right: 5px; font-size: 18px;}

.down_main{padding: 50px 4%;}
.down_main ul li{ float: left; width: 47%; margin-right: 6%; margin-bottom: 50px; position:relative;}
.down_main ul li:nth-child(2n){margin-right:0;}
.down_main ul li .pic{ padding: 0 30px 20px;}
.down_main ul li .imgfd{ padding-top: 141%; box-shadow:0 0 10px rgba(0,0,0,.35);}
.down_main ul li .txt{ position:absolute; width:100%; bottom:0; left:0; padding: 18px 10px; border-radius: 5px; background: rgba(0,0,0,.6); text-align:center;}
.down_main ul li .txt p{font-size: 24px; line-height:24px; height: 24px; overflow: hidden; color:#fff;}

@media (max-width: 450px){
.down_logo img{height: 30px;}
.down_top .search{line-height: 50px; border-radius: 25px;}
.down_top .search input{line-height: 50px; width: calc(100% - 50px);}
.down_top .search .btn{ width: 50px; height: 50px;}
.down_top .search .btn i{line-height: 50px; font-size: 24px;}
.down_main ul li .txt{padding: 12px 8px;}
.down_main ul li .txt p{ font-size: 20px;}
}