@import url("/public/shcn2021/assets/iconfont/iconfont.css");
a{
transition: all .3s ease;
}
img {
object-fit: cover;
}
#skip {
width: 0;
height: 0;
overflow: hidden;
}
.head{
background: #1B62AC;
}
#header .navbar{
margin-bottom: 0;
background-color: transparent;
border-color: transparent;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nav-dh-list li a{
font-size: 18px;
font-weight: 500;
color: #FFFFFF!important;
padding:37px 54px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover{
background-color: rgba(255,255,255,.1);
}
.three-tools li a{
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
padding: 6px 11px;
border: 1px solid #FFFFFF;
line-height: 21px;
border-radius: 20px;
}
.three-tools li{
float: left;
margin-left: 20px;
}
.three-tools li a .iconfont{
padding-right: 5px;
}
.header-main{
background:transparent;
padding-top: 19px;
padding-bottom: 20px;
height: auto;
border-bottom:1px solid rgba(255,255,255,.1);
}
.man {
width: 40px;
height: 40px;
float: right;
margin-top: 12px;
border-radius: 50%;
}
.man img{
border-radius: 50%;
}
.three-tools{
margin-left: 34px;
margin-top: 16px;
}
.navbar.isStuck .nav-dh-list li a{
padding: 25px 54px;	
}
.three-tools li ul li a{
color: #333;
border-radius: 0;
padding: 0;
float: none;
width: 100%;
}
.three-tools li ul li{
margin-left: 0;
float: none;
}
.logo-lt a{
width: 332px;
height:auto;
padding: 0;
line-height: 20px;
}
.spirit{
float: left;
width: 331px;
margin-left: 43px;
margin-top: 12px;
}
.three-tools .careter{
width: 16px;
display: inline-block;
}

/* 首页搜索 */
.midd-top h1{
font-size: 34px;
margin: 0;
font-weight: 800;
color: #FFFFFF;
line-height: 51px;
letter-spacing: 3px;
text-align: center;
}
.sousuo form{
position: relative;
width: 690px;
margin: 0 auto;
float: none!important;
margin-bottom: 48px;
margin-top: 45px;
}
.midd-top .input {
float: left;
position: relative;
width: 569px;
border: none;
border-radius: 6px 0 0 6px;
}
.midd-top .input .picker {
width: 158px;
position: absolute;
z-index: 1;
padding-left: 23px;
padding-right: 20px;
top: 0;
left: 0;
height: 100%;
border-radius: 6px 0 0 6px;
cursor: pointer;
text-align: center;
user-select: none;
font-size: 20px;
font-weight: 400;
color: #1B62AC;
}
.midd-top .input .picker select{
width: 100%;
height: 100%;
color: #1B62AC;
letter-spacing: 1px;
}
.midd-top .input .picker:before {
content: '';
width: 1px;
height: 26px;
background-color: rgba(55,135,215,.37);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-42%);
}
.midd-top .input>input {
outline: none;
border: none;
padding: 0 10px 0 188px;
margin: 0;
height: 62px;
width: 100%;
position: relative;
font-size: 20px;
font-weight: 400;
color: #3787D7;
line-height: 62px;
letter-spacing: 1px;
background: rgba(255, 255, 255, 0.79);
border-radius: 6px 0 0 6px!important;
}
.midd-top .input .picker select:focus{
outline: none;
background-color:rgba(255, 255, 255, 0.01)!important;
}
.midd-top .search {
width: 121px;
height: 62px;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
line-height: 54px;
background: #FFFFFF;
color: #1B62AC;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: .3s;
border: none;
}
.midd-top .sousuo div {
float: left;
}
.header{
background:url(../img/index-img.png) top center no-repeat;
padding-bottom: 227px;
}
select{
/*取消默认箭头开始*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*取消默认箭头结束*/
border: none;
background:rgba(255, 255, 255, 0.01) url(../img/jiantou.png) no-repeat right center;
background-size: 10px;
}
/*修改option*/
option::-ms-expand{ display: none; }
option{
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
appearance:none;
}
.midd-top .search:hover{
background: #1B62AC;
color: #fff;
}
.input input::-webkit-input-placeholder {
color: #3787D7;
}    /* 使用webkit内核的浏览器 */
.input input:-moz-placeholder {
color: #3787D7;
}                  /* Firefox版本4-18 */
.input input::-moz-placeholder {
color: #3787D7;
}                  /* Firefox版本19+ */
.input input:-ms-input-placeholder {
color: #3787D7;
}
.midd-top{
margin-top: 52px;
}
.hhot-search span{
font-size: 20px;
background: #FFC344;
font-weight: 400;
color: #FFFFFF;
line-height: 62px;
display: block;
text-align: center;
letter-spacing: 1px;
position: relative;
cursor: pointer;
margin-bottom: 21px; border-radius: 6px;
}
.sousuo{
position: relative;
}
.hhot-search{
width: 94px;


position: absolute;
right: 120px;
top: 0;
}
.search-words{
width: 343px;
background: #FFFFFF;
padding: 15px 20px;
border-radius: 6px;
padding-bottom: 10px;
position: absolute;
right: 0;
opacity: 0;
}
.hhot-search .shower{
opacity: 1;
}
.search-words ul{
padding: 0;
}
.search-words ul li{
margin-bottom: 5px;
width: 50%;
float: left;
}
.search-words ul li a{
padding-left: 15px;
font-size: 14px;
font-weight: 400;
color: #A68234;
background: url(../img/hot-dot.png) left no-repeat;
background-size: 3px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
width: 100%;
}
.hhot-search span:after{
content: '';
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 16px dashed #FFC344;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
}
.deltele{
width: 14px;
display: block;
position: absolute;
right: 9px;
top: 9px;
cursor: pointer;
height: 14px;
line-height: 14px;
}
.header-people{
padding-bottom: 119px!important;
background: url(../img/Image1.png) top center no-repeat;
}

.header-people .navbar.isStuck {
background-color:#1db5d8!important;
}
.floory-banner{
background: url(../img/floory-banner.png) top center no-repeat;
padding-bottom: 0!important;
}
.floory-banner .navbar.isStuck {
background-color:#2e23b3!important;
}



@media (min-width: 768px){
.contain {
width: 750px;
}
}
@media (min-width: 992px){
.contain {
width: 970px;
}
}
@media (min-width: 1200px){
.contain {
width: 1170px;
}
}
@media (min-width: 1310px){
.contain {
width: 1280px;
}
}
.contain {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1309px){
.nav-dh-list li a{
padding: 37px 46.2px;
}
.navbar.isStuck .nav-dh-list li a {
    padding: 25px 46.2px;
}
}
@media (max-width: 1199px){
.logo-lt a {
width: 290px;
}
.spirit{
margin-top: 9px;
width: 290px;
margin-left: 20px;
}
.three-tools li{
margin-left: 7px;
}
.three-tools {
margin-left: 20px;
margin-top: 11px;
}
.three-tools li a{
padding: 6px;
}
.man{
margin-top: 8px;
}
.nav-dh-list li a {
padding: 37px 31.9px;
}
.navbar.isStuck .nav-dh-list li a {
    padding: 25px 31.9px;
}
.hhot-search{
right: 20px;
}
}
@media (max-width: 991px){
.logo-lt a {
width: 210px;
}
.spirit{
margin-top: 3px;
width: 210px;
margin-left: 10px;
}
.three-tools li a .iconfont {
padding-right: 0;
}
.man {
margin-top: 0px;
}
.nav-dh-list li a {
padding: 37px 16.2px;
}
.navbar.isStuck .nav-dh-list li a {
    padding: 25px 16.2px;
}
.three-tools {
margin-top: 4px;
margin-left: 10px;
}
.three-tools li a {
padding: 6px 3px;
}

.midd-top .input{
width:460px;
}
.floor-title {
margin-top: 50px!important;
margin-bottom: 80px!important;
}


}
@media (max-width: 767px){
.iphone-logo{
height: auto;
padding: 10px 0 10px 10px;
line-height: inherit;
width: 332px;
}
.navbar-nav>li:hover .line-index:after{
display: none;
}
.donation-project04-tu {
height: 190px;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button:before {
content: "";
position: absolute;
left: 0;
top: 9px;
font-size: 32px;
color: #fff;
width:32px;
height: 32px;
background: url(../img/dh.png) no-repeat;

}
.ma-infinitypush-wrapper .ma-infinitypush-button {
box-shadow: none!important;
}
.ma-infinitypush-wrapper .ma-infinitypush>ul>li>a {
background:#1B62AC;
text-align: center;
padding: 20px 0;
}
.ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol{
border-bottom: none!important;
}
#mobile-navigation {
position: relative;
top: 0;
background: #1B62AC;
}
.sousuo form {
margin-left: 0;
width: 525px;
}
.midd-top .input {
width: 404px;
}
.hhot-search {
right: 0px;
}
.sousuo {
width: 630px;
margin: auto;
}
#header .navbar{
background-color:#1B62AC;
}
.header{
padding-bottom: 223px;
}
.header-people .navbar{
background-color: #1db5d8!important;
}
.floor-title{
margin-bottom: 70px!important;
}
.floory-banner{
background-size: cover;
}
.floory-banner .navbar{
background-color: #2e23b3!important;
}
.nav-dh-list {
    display: block!important;
}
}
@media (max-width: 680px){
.sousuo {
width: 549px;
}
.sousuo form {
width: 445px;
}
.midd-top .search {
width: 85px;
}
.midd-top .input {
width: 360px;
}
.midd-top .input>input {
padding: 0 10px 0 145px;
font-size: 18px;
}
.midd-top .input .picker {
width: 135px;
padding-left: 10px;
padding-right: 15px;
}

}

@media (max-width: 580px){
.sousuo {
width: 449px;
}
.midd-top .input .picker,.hhot-search span,.midd-top .search{
font-size: 18px;
}
.hhot-search {
width: 75px;
}
.sousuo form {
width: 365px;
}
.midd-top .search {
width: 75px;
}
.midd-top .input {
width: 290px;
}
.midd-top .input>input {
padding: 0 10px 0 124px;
}
.midd-top .input .picker {
width: 115px;
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 480px){
.sousuo{
width: 100%;
}

.midd-top h1 {
font-size: 30px;
}
.hhot-search{
position: static;
margin: 0 auto;
float: none!important;
}
.midd-top .input {
width: 275px;
}
.sousuo form{
margin-bottom: 25px;
width: 351px;
margin-left: auto;
}
.search-words{
left: 50%;
transform: translateX(-50%);
}
.header {
padding-bottom: 253px;
}
}
@media (max-width: 380px){
.iphone-logo{
width: 250px;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button:before{
top: 2px;
}
.midd-top h1 {
font-size: 26px;
}
.midd-top .input {
width: 215px;
}
.search-words {
width: 297px;
}
.sousuo form{
width: 290px;
}
.floor-title {
margin-top: 40px!important;
}
}

.nav-dh-list {
    display: flex;
}

@media (min-width: 1200px){
.header-main .container {
    width: 1270px;
}
}