﻿.main_yd {
position: relative;
 background: url(../images/home.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 width:vw;
height: 915px!important;
 height:vh;
}
.boot_header {
height: 80px;
 overflow: hidden;
 background: linear-gradient(to right, rgba(129, 44, 63, 0.8),rgba(138, 29, 52, 0.7), rgba(190, 70, 95, 0.7),rgba(250, 163, 163, 0.7));

}
.w1200 {
 width: 1200px;
 margin: 0 auto;
}
.boot_logo {
 float: left;
 margin-top: 15px;
}
.boot_hosMsg {
 float: right;
}
.boot_hosMsg>div {
 float: left;
 font-size: 16px;
 color: #fff;
 margin-top: 28px;
 border-right: 2px solid #fff;
 padding-right: 20px;
 padding-left: 20px;
 line-height: 27px;
}
.boot_hosMsg>div img {
 margin-right: 15px;
}
.boot_hosMsg>div.boot_hosMsg_add{
}
.boot_hosMsg .beian {
 border-right: none;
}

.boot_hosMsg .beian a {
 color: #fff;
}
.boot_hosMsg .beian a:hover {
 text-decoration: underline !important;
}
.boot_footer {
 background: url(../images/1.jpg);
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 75px;
 background: linear-gradient(to right, rgba(129, 44, 63, 0.9),rgba(138, 29, 52, 0.7), rgba(190, 70, 95, 0.7),rgba(250, 163, 163, 0.7));
}
.boot_code {
 padding-left: 280px;
}
.boot_code .code {
 float: left;
 margin-right: 170px;
 position: relative;
}
.code_win {
 display: none;
 position: absolute;
 width: 260px;
 background: rgba(255,255,255,0.9);
 padding: 25px 20px;
 box-sizing: border-box;
 left: -50%;
}
.code_win::after {
 content: '';
 display: block;
 position: absolute;
 bottom: -20px;
 left: 50%;
 margin-left: -7px;
 width: 0;
 height: 0;
 border: 10px solid transparent;
 border-top-color: rgba(255,255,255,0.9);
}
.code_top, .code_bot {
 overflow: hidden;
}
.code_left {
 float: left;
 margin-right: 9px;
}
.code_win img {
 width: 90px;
}
.code_right {
 float: left;
 width: 112px;
 padding-top: 7px;
}
h2.code_right_title {
 font-size: 14px;
 color: #783644;
 border-bottom: 1px solid #783644;
 padding-bottom: 10px;
 margin-bottom: 8px;
}
.code_right span.code_right_subTitle {
 font-size: 12px;
 color:#783644;
 line-height: 16px;
 display: block;
}
.code_bot {
 margin-top: 20px;
}
.code_wx_win{
 top: -264px;
}
.code_wb_win{
 top: -154px;
}
.code_web_win{
 top: -154px;
}
.code_wx_icon {
 overflow: hidden;
 margin-top: 20px;
}
.boot_code .code .icon {
 width: 44px;
 height: 45px;
 float: left;
 margin-right: 10px;
}
.code_wx.code .icon {
 background: url(../images/5.png);
}
.code_wb.code .icon {
 background: url(../images/6.png);
}
.code_web.code .icon {
 background: url(../images/7.png);
}
.boot_code .code .code_wx_icon {
 font-size: 16px;
 color: #fff;
 line-height: 45px;
 margin-left: 75px;
}
.code_wx:hover .code_win{
 display: block;
}
.code_wb:hover .code_win{
 display: block;
}
.code_web:hover .code_win{
 display: block;
}
.code_wx:hover .icon{
 background: url(../images/8.png);
}
.code_wb:hover .icon{
 background: url(../images/9.png);
}
.code_web:hover .icon{
 background: url(../images/10.png);
}
.main_center {
 position: absolute;
 width: 100%;
 bottom: 80px;
}
.boot_site {
 width: 350px;
 height: 140px;
 float: left;
 background: rgba(255,255,255,0.6);
 padding-top: 42px;
 box-sizing: border-box;
 transition: all 0.2s;
}
.boot_site1{
 margin-left: 40px;
}
.boot_site2{
 margin: 0 34px;
}
.boot_site1:hover{
 background: url(../images/11.png);
 margin-left: 27px;
 transform: scale(1.1);
 padding-top: 45px;
 padding-left: 40px;
 margin-right: 12px;
}
.boot_site2:hover{
 background: url(../images/12.png);
 margin-left: 27px;
 transform: scale(1.1);
 padding-top: 45px;
 padding-left: 40px;
}
.boot_site3:hover{
 background: url(../images/13.png);
 margin-left: 27px;
 transform: scale(1.1);
 padding-top: 45px;
 padding-left: 40px;
}
.boot_site1:hover h2.site_right_title,.boot_site2:hover h2.site_right_title,.boot_site3:hover h2.site_right_title{
 color: #fff;
}
.boot_site1:hover span.site_right_subTitle,.boot_site2:hover span.site_right_subTitle,.boot_site3:hover span.site_right_subTitle{
 color: rgba(255,255,255,0.5);
}
.boot_site1:hover .site_left,.boot_site2:hover .site_left,.boot_site3:hover .site_left{
 display: none;
}
.site_left {
 float: left;
 margin-right: 15px;
 margin-left: 30px;
}
h2.site_right_title {
 font-size: 24px;
 color: #783644;
 font-weight: 600;
}
span.site_right_subTitle {
 color: #783644;
 font-size: 20px;
}
@media screen and (max-width:768px) {
 .boot_footer,.boot_hosMsg{
 display: none;
 }
 .boot_header .w1200{
 width: 100%;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: center;
 }
 .main_center {
 bottom: 60px;
 }
 .main_center .w1200{
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-bottom: 200px;
 }
 .boot_site1 {
 margin-left: 0;
 }
 .boot_site2 {
 margin: 20px 0;
 }
 .boot_site {
 width: 280px;
 height: 84px;
 background: rgba(255,255,255,0.8);
 padding-top: 0;
 display: flex;
 align-items: center;
 }
 .site_left img {
 width: 45px;
 }
 h2.site_right_title {
 font-size: 20px;
 }
 span.site_right_subTitle {
 font-size: 14px;
 }
 .boot_site1:hover,.boot_site2:hover,.boot_site3:hover {
 margin-left: 0;
 transform: scale(1);
 padding-top: 0;
 margin-right: 0;
 }
} 