@charset "utf-8";


/*首页banner*/
.bn_sd {
    font-size: 0px;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.bn_sd .swiper-container {
    height: 100%;
}
.bn_sd .swiper-container .swiper-wrapper {
    height: 100%;
}
.bn_sd .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    position: relative;
}
.bn_sd .swiper-container .swiper-pagination {
    bottom: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}
.bn_sd .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width:13px;
    height:13px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    margin: 0 10px;
}
.bn_sd .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
}
.bn_sd .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pc{
    display: block;
}
.mob{
    display: none;
}
@media only screen and (min-width: 0) and (max-width:1920px){
.pc{
    display: block;
}
.mob{
    display: none;
}
}
@media only screen and (min-width: 0) and (max-width:1600px){
.liu-qqq{
    padding-left: 40px;
    padding-right: 40px;
}
}
@media only screen and (min-width: 0) and (max-width:1400px){
.liu-sss{
    padding-left: 40px;
    padding-right: 40px;
}
}
@media only screen and (min-width: 0) and (max-width:1400px){
.liu-aaa{
    padding-left:40px!important;
    padding-right: 40px!important;
}
.pc{

}
}
@media only screen and (min-width: 0) and (max-width:750px){
}
@media only screen and (min-width: 0) and (max-width:650px){
.liu-aaa{
    padding-left:20px!important;
    padding-right: 20px!important;
}
.bn_sd .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
}
@media only screen and (min-width: 0) and (max-width:650px){
.liu-aaa{
    padding-left:15px!important;
    padding-right: 15px!important;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.pc{
    display: none;
    
}
.mob{
    display: block;
    margin-top:72px;
}
/* .bn_sd .swiper-container .swiper-wrapper .swiper-slide{
    height: 86vh;
} */
}
/*首页banner结束*/





/*头部*/
.top{
    box-sizing: border-box;
    width: 100%;
    max-width:1920px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:16px 40px;
    position: fixed;
    top: 0;
    z-index: 99;
    font-size: 0;
    background:rgba(0,0,0,0.3)!important;

}
.top .top-1 a {
    display: block;
}
.top .top-1 a img{
    width: 225px;
    height: 59px;
    overflow: hidden;
    object-fit:contain;
}
.top ul{
    width: 64.3223%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.top ul li{
    position: relative;
    padding:0 15px 0px 15px;
}
.top ul li a{
    display: block;
    color: #fff;
    font-size: 16px;
    padding:0 0px 5px 0px;
    border-bottom: 2.5px solid transparent;
}
.top ul li a:hover{
    color:#d0000e;
    padding:0 0px 5px 0px;
    border-bottom: 2.5px solid #d0000e;
    transition:.5s; 
}
.top ul li dl{
    position: absolute;
    top: 100%;
    z-index: 8;
    left: 0px;
    width: 100%;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.top ul li dd a{
    background-color: #ffffff;
    border-top: 1px solid #eeeeee;
    transition: 0.4s;
    color: #333333;
    border-bottom:0px;
    font-size: 14px;
    text-align:center;
    padding:8px 0;
}
.top ul li dd a:hover{
    color: #d0000e;
    transition:.5s;
    border-bottom:0px;
    padding:8px 0;
}
.top ul li:hover dl{
    opacity: 1; 
    visibility: visible;
}
.top .top1{
    display: flex;
    align-items: center;
}
.top .top1 .top3{
    position: relative;
}
.top .top1 .top3 div{
    transition: 0.6s;
    position: absolute;
    z-index: 3;
    top: 100%;
    margin-top: 10px;
    left: 50%;
    margin-left: -61px;
    margin-right: -61px;
    background: #fff;
    transform: scale(0);
}
.top .top1 .top3 div img {
    width: 140px;
    height: 140px;
    object-fit: contain;
}
.top .top1 .top3:hover div {
    transform: scale(1);
}
.top .top1 .top1-1{
    margin:0px 6px;
}
.top .top1 .top2 p{
    color: #d0000e;
    font-size: 16px;
    line-height: 100%;
    margin-bottom:2px;
}
.top .top1 .top2 h3{
    color: #d0000e;
    font-size: 18px;
    line-height: 100%;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width:1500px){
.top .top-1 a img{
    width: 120px;
    height: 40px;
    overflow: hidden;
    object-fit:contain;
}
.top ul {
    width: 72.3223%;
}
}
@media only screen and (min-width: 0) and (max-width:1350px){
.top {
    padding: 16px 20px;
}
.top ul li {
    position: relative;
    padding: 0 10px;
}
.top .top1 .top2 h3 {
    font-size: 16px;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.top{
    background:#fff!important;
}
.top ul{
    display: none;
}  
.top .top1{
    display: none;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.top {
    padding: 12px 15px;
}
.topfour{
    margin-top: 60px!important;
}
}
@media only screen and (min-width: 0) and (max-width:400px){
.top {
    padding: 13.5px 15px;
}
}
/*头部结束*/



/*移动端导航*/
.top4{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.nav-btn { 
    position: relative; 
    cursor: pointer;
    display: none; 
    transition: 0.6s;
    z-index: 100;
    width: 40px;
    height: 100%; 
}
.nav-btn span { 
    position: absolute; 
    top: 50%; 
    left:0; 
    display: block; 
    width: 100%; 
    height: 4px;
    margin-top: -1px; 
    background: #7b7b7b; 
    transition: .2s ease; 
  }
.nav-btn span::before { 
    content: ''; 
    position: absolute; 
    top: -12px; 
    left: 0; 
    width: 40px; 
    height: 4px; 
    border-radius: 3px; 
    background: #7b7b7b; 
    transition: transform .2s ease, top .2s ease; 
}
.nav-btn span::after { 
    position: absolute; 
    top: 12px; 
    right: 0; 
    width: 40px; 
    height: 4px; 
    content: ''; 
    border-radius: 3px; 
    background: #7b7b7b; 
    transition: transform .2s ease, top .2s ease; 
}
.nav-btn-open span::before {
    top: 0 !important;
    transform: rotate(45deg);
}
.nav-btn-open span::after {
    top: 0 !important;
    transform: rotate(-45deg);
    left: 0;
    width: 40px!important;
}
.nav-btn-open span {
    width: 0 !important;
}
/*移动端搜索*/
.m_search_btn{
    display: none;
    z-index: 1000;
    color: #7b7b7b;
    font-size: 29px;
    position: relative;
}
.fa-searchtwo{
    
}
.search_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.search_con{width: 100%; height: 100%; text-align: center;     background-color: #434144; display: flex; align-items: center; justify-content: center;}
.search_con .layout{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.search_con img{height: 70px; object-fit: contain;}
.search_con h3{margin-top: 2%; font-size:0.40rem; font-family: "Arial"; color: #fff; line-height: 110%; text-transform: uppercase;}
.search_con form{margin-top: 6%; position: relative; max-width: 500px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.search_con form .sel{font-size: 24px;outline: none; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: none; background: url(../pic/select_ico3.png) 99% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.search_con form .sel option{background: #434144;}
.search_con form .text{transition: 0.6s; font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: 1px solid #505050; border-left-color: transparent; border-right-color: transparent; background: transparent;}
.search_con form .text::-webkit-input-placeholder{color: #cfcfcf;}
.search_con form .text:focus{box-shadow: 0 0 10px rgba(80,80,80,0.5);}
.search_con form .submit{margin-top: 10%; font-size: 24px; font-weight: bold; color: #fff; width: 100%; height: 60px; border: none; background: #d61f2b; text-transform: uppercase; cursor: pointer;}
.search_con .will_close{margin-top: 11.667%; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer;}
.search_con .will_close i{display: block; position: relative; width: 26px; height: 26px;}
.search_con .will_close i::before{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close i::after{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(-45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close p{margin-top: 5px; font-size: 14px; font-family: "Arial"; font-weight: bold; color: #fff; line-height: 100%; text-transform: uppercase;}

/*移动端搜索*/

.mobile-nav-box { position: fixed; top: 60px; left: 0; z-index: 999999; width: 100%; height: 100%; background: #f5f5f5; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); display: none; }
.mobile-menu-nav { overflow-y: scroll; height: 100%; pointer-events: auto;}
.mobile-second-nav{border-bottom: 1px solid #cecece;padding: 10px 4.3%;display: none;}
.mobile-menu-nav ul li dl dd {border-bottom: 1px solid #f2f2f2;height: 40px; line-height: 40px; margin: 0; font-size: 16px; color: #747474; letter-spacing: 1px; cursor: pointer; transition: .3s;padding-left: 30px;position: relative; }
.mobile-menu-nav ul li dl dd::after{position: absolute;content: "";width: 5px;height: 5px;background: #747474;border-radius: 50%;left:10px;top:43%;}
.mobile-menu-nav ul li dl dd a {display: block;width: 100%;height: 100%;}
.mobile-menu-nav ul li .tit {border-bottom: 1px solid #cecece; position: relative; display: flex;justify-content: space-between;align-items: center; height: 56px; line-height: 56px; overflow: hidden; font-size: 16px; color: #383f47; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .5s;padding: 0 6%; }
.mobile-menu-nav ul li .tit span{display: block;line-height: 56px;}
.mobile-menu-nav ul li .tit b{display: block;width: 18px;height: 2px;background: #717171;position: relative;}
.mobile-menu-nav ul li .tit b::before{position: absolute;content: '';width: 2px;height: 16px;top:-7px;left:7.5px;background: #717171;}
.mobile-menu-nav ul li .tit a {display: block;width: 100%;height: 100%;}
.mobile-menu-nav ul li .tit:hover{color: #ffffff;background:rgba(51, 51, 51,1);border-bottom: 1px solid #000;}
.mobile-menu-nav ul li .tit:hover b{background: #ffffff;}
.mobile-menu-nav ul li .tit:hover b::before{background: #ffffff;}
.mobile-menu-nav ul li .tit.active { color: #ffffff;background-color: rgba(123, 123, 123,1);border-bottom: 1px solid #7b7b7b; }
.mobile-menu-nav ul li .tit.active b{background: #ffffff;}
.mobile-menu-nav ul li .tit.active b::before{width: 0;}
.mobile-menu-nav ul li.li_act .tit{ color: #ffffff;background: #d93651;border-bottom: 1px solid #d93651;}
.mobile-menu-nav ul li.li_act .tit b::before{width: 0;}
.mobile-menu-nav ul li.li_act .tit b{background: #ffffff;}
.mobile-menu-nav ul li dl dd:hover a{color: #d61f2b;transition: 0.5s;}
.mobile-menu-nav ul li dl dd:hover::after{background: #d61f2b;transition: 0.5s;}
/*结束*/
@media only screen and (min-width: 0) and (max-width:1200px){
.mobile-nav-box{
    margin-top:11px;
}
.m_search_btn {
    margin-right: 30px;
    display: flex;
}
.nav-btn{
    display: block;
}
.mob .swiper-slide{
    width: 100%;
}
.mob .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
@media only screen and (min-width: 0) and (max-width:760px){
.mob {
    display: block;
    margin-top: 75px;
}
.search_con img {
    height: 53px;
}
.search_con form .sel{
    font-size: 22px;
}
.search_con form .text{
    font-size: 22px;
}
.search_con form .submit {
    margin-top: 8%;
    font-size: 22px;
    height: 50px;
}
.nav-btn span{
    width: 91%;
}
.nav-btn span::before{
    width: 37px;
}
.nav-btn span::after{
    width: 37px;
    right: -1px;
}
.nav-btn-open span::after {
    width: 37px!important;
}
.top .top-1 a img {
    width: 135px;
    height: 43px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.mobile-menu-nav ul li .tit{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}
.search_con img {
    height: 40px;
}
.mobile-nav-box{
    margin-top:-1px;
}
.search_con h3{
    font-size: 18px;
}
.search_con form .sel{
    font-size: 16px;
}
.search_con form .text{
    font-size: 16px;
}
.search_con form .submit {
    font-size: 18px;
    height: 40px;
}
/* .nav-btn-open span::after {
    width: 32px!important;
} */
.fa-searchtwo{
    font-size: 27px!important;
}
.top .top-1 a img {
    width: 120px;
    height: 36px;
}
.mob {
    display: block;
    margin-top:59px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.nav-btn span {
    width: 71%;
    height: 2.5px;
}
.nav-btn span::before {
    width: 28px;
    top: -9px;
    height: 2.5px;
}
.nav-btn span::after {
    width: 29px!important;;
    top: 10px;
    height: 2.5px;
}
.fa-searchtwo {
    font-size: 23px!important;
}
.m_search_btn {
    margin-right: 13px;
}
.top .top-1 a img {
    width: 114px;
    height: 33px;
}
.bn_sd .swiper-container .swiper-pagination {
    height: 22px;
    line-height: 22px;
}
.bn_sd .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.pro2{
    margin-top: 0.5rem!important;
}
}
@media only screen and (min-width: 0) and (max-width:380px){
.mobile-menu-nav ul li .tit{
    height: 40px;
    line-height: 40px;
}
}
/*移动端结束*/


/*center*/
.center {
    padding-top:0.77rem ;
    padding-bottom: 0.7rem;
    position:relative;

}
.center .center-1{
    padding:23px 0 0.75rem 0;
    position: relative;
}
.center .center-1 h2{
    font-size: 30px;
    color: #333333;
    line-height: 150%;
}
.center .center-1 h4{
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.center .center-1 p{
    color: #333333;
    font-size: 16px;
    line-height: 196%;
    display: flex;
    justify-content: space-between;
}
.center .center-1 img{
    position: absolute;
    top: 0;
    left: 20%;
}
.center-2 {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}
.center_pagination{
    position: absolute; 
    z-index: 11; 
    top:17%; 
    right:0; 
    width: 180px;
    display: flex; 
    align-items: center;
}
.center_pagination a{
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
.center_pagination>div.swiper-pagination {
    position: relative;
    width: auto;
    bottom: auto;
    font-size: 16px;
    letter-spacing: 1px;
    color: #797979;
    font-weight: bold;
    margin-left: 4px;
    margin-bottom: 10px;
}
.center_pagination a:hover{
    color: #d0000e;
    transition:.5s;
}
.center_pagination .swiper-prev:hover, .center_pagination .swiper-next:hover{
    color: #d0000e;
    transition: 0.5s;
}
.center-2 .center-4 {
    position: static!important;
}
.center-2 .center-3{
    position: static!important;
}
.center-2  .swiper-prev_center{
    color: #d8d8d8;
    font-size: 30px;
    position: absolute;
    top: 96%;
    line-height: 40px;
    width: 90px;
    height: 40px;
    border:1px solid #d8d8d8;
}
.center-2 .swiper-next_center{
    color: #d8d8d8;
    font-size: 30px;
    position: absolute;
    top: 96%;
    right: 0;
    line-height: 40px;
    width: 90px;
    height: 40px;
    border:1px solid #d8d8d8;
}
.center-2  .swiper-prev_center:before{
    margin-left:16px;
}
.center-2 .swiper-next_center:before{
    margin-left:60px;
}
.center-2  .swiper-prev_center:hover{
    border:1px solid #d0000e;
}
.center-2 .swiper-next_center:hover{
    border:1px solid #d0000e;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide div{
    position: relative;
    padding: 51.21% 0;
    overflow: hidden;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide div img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide h5{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    font-family: "微软雅黑",Bold;
    text-align:center;
    margin-top:33px;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide p{
    font-size: 14px;
    color: #4e4e4e;
    text-align:center;
    margin-top:3px;
    padding-bottom: 55px;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide i{
    font-size: 25px;
    color: #d0000e;
    text-align:center;
    display: none;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide a:hover h5{
    color: #d0000e;
    transition:.5s;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide a:hover p{
    display: none;
    transition:.5s;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide a:hover i{
    display: block;
    transition:.5s;
}
@media only screen and (min-width: 0) and (max-width:1600px){
.center_pagination{
    right: 40px;
}
}
@media only screen and (min-width: 0) and (max-width:1510px){
.center_pagination{
    top: 18%;
}
}
@media only screen and (min-width: 0) and (max-width:1470px){
.center_pagination{
    top: 19%;
}
}
@media only screen and (min-width: 0) and (max-width:1280px){
.center_pagination{
    top: 19.5%;
}
.center .center-1 img {
    left: 27%;
}
}
@media only screen and (min-width: 0) and (max-width:1230px){
.center_pagination{
    top: 20%;
}
.center .center-1 img {
    left: 27%;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center .center-1 p{
    display: none;
}
.center .center-1 img{
    display: none;
}
.center .center-1 {
    padding: 0px 0 40px 0;
    position: relative;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide p{
    padding-bottom: 11%;
}
.center{
    padding-top:7%;
    padding-bottom: 7%;
}
.center_pagination {
    top: 11%;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center .center-1 h2{
    font-size: 26px;
}
.center .center-1 h4{
    margin-bottom:10px;
}
.center_pagination {
    top: 8%;
} 
}
@media only screen and (min-width: 0) and (max-width:750px){
.center_pagination {
    top: 5%;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide p {
    padding-bottom: 6%;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide a i{
    transform:rotate(180deg);
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide a:hover i{
    transform:rotate(180deg);
}
}
@media only screen and (min-width: 0) and (max-width:650px){
.liu{
   padding-right: 20px;
   padding-left: 20px;
}
.center_pagination {
    right: 20px;
}
.center .center-1 h2 {
    font-size: 22px;
    margin-bottom: 5px;
}
.center .center-1 h4{
    font-size: 14px;
}
.center-2 .swiper-prev_center {
    font-size: 25px;
    top: 96%;
    line-height: 32px;
    width: 78px;
    height: 32px;
    right: 77px;
}
.center-2 .swiper-next_center {
    font-size: 30px;
    top: 96%;
    font-size: 25px;
    top: 96%;
    line-height: 32px;
    width: 78px;
    height: 32px;
}
.center_pagination{
    width: 155px;
}
.center_pagination>div.swiper-pagination{
    font-size: 14px;
}
.center_pagination a{
    font-size: 14px;
}
.center-2 .swiper-next_center:before {
    margin-left: 56px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center{
    padding-top: 10%;
    padding-bottom: 10%;
}

.center .center-1 h2{
    font-size: 20px;
}
.center-2 .swiper-prev_center {
    line-height: 27px;
    width: 62.5px;
    height: 27px;
    right: 62.5px;
}
.center_pagination {
    width: 125px;
}
.center-2 .swiper-next_center {
    line-height: 27px;
    width: 62.5px;
    height: 27px;
}
.center-2 .swiper-next_center:before {
    margin-left: 34px;
}
.center .center-1 {
    padding: 0px 0 20px 0;
    position: relative;
}
.center_pagination{
    top: 6%;
}
}
/*center*/

/*center1*/
/*动画@keyframes*/
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
/*动画 结束*/
.center1{
    width: 100%;
    background: url("../pic/index4.jpg")no-repeat center;
    background-size:cover;
    height: auto;
    font-size: 0;
    padding:2.1rem 0 1.75rem 0;
}
.center1 .center1-1 ul{
    width: 81.25%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0px auto;
}
.center1 .center1-1 ul li{
    width: 25%;
}
.center1 .center1-1 ul li a div{
    width: 41%;
}
.center1 .center1-1 ul li a div {
    background: rgba(166,9,20,0.6);
    border-radius: 50%;
    padding: 17px;
    position: relative;
    margin: 0px auto;
}
.center1 .center1-1 ul li a div::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    border-radius:50%;
    background:rgba(166,9,20,1);
    z-index: -1;
    opacity: .5;
    transform: scale3d(0.8,0.5,1);
}
.center1 .center1-1 ul li a div:hover {
    transition: background .1s .3s, color 0s .3s;
    animation: anim-moema-1 .3s forwards;
}
.center1 .center1-1 ul li a div:hover::before{
    animation: anim-moema-2 .3s .3s forwards;
}
.center1 .center1-1 ul li a h4{
    text-align:center;
    color: #ffffff;
    font-size: 26px;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
    line-height: 150%;
    margin-top:30px;
    position: relative;

}
.center1 .center1-1 ul li a h4 span{
    position: absolute;
    top: -14px;
}
.center1 .center1-1 ul li a p{
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 150%;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.center1 .center1-1 ul li a div {
    width: 45%;
}
.center1 .center1-1 ul{
    width: 90%;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center1 .center1-1 ul li a div {
    width: 53%;
}
}
@media only screen and (min-width: 0) and (max-width:1100px){
.center1 .center1-1 ul li a div {
    width: 59%;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.center1{
    padding:10% 0 9% 0;
}
.center1 .center1-1 ul li a h1{
    font-size: 22px;
    margin-top:20px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.center1 .center1-1 ul li a div {
    width: 63%;
}
}
@media only screen and (min-width: 0) and (max-width:840px){
.center1 {
    padding: 14% 0 14% 0;
}
.center1 .center1-1 ul{
    display: block;
    width: 100%;
}  
.center1 .center1-1 ul li{
    width: 50%;
    float: left;
}
.center1 .center1-1 ul li:nth-of-type(1){
    margin-bottom: 13%;
}
.center1 .center1-1 ul li:nth-of-type(2){
    margin-bottom: 13%;
}
.center1 .center1-1 ul li a div {
    width: 51%;
    padding:30px;
}
.center1 .center1-1 ul li a div img{
    width: 160px;
    height: auto;
}
.center1 .center1-1 ul li a p{
    font-size: 20px;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.center1 .center1-1 ul li a div {
    padding: 18px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center1 .center1-1 ul li a h1{
    font-size: 16px;
}
.center1 .center1-1 ul li a p{
    font-size: 14px;
}
}
@media only screen and (min-width: 0) and (max-width:470px){
.center1 .center1-1 ul li a div{
    width: 62%;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.center1 .center1-1 ul li:nth-of-type(1) {
    margin-bottom: 8%;
}
.center1 .center1-1 ul li a div {
    width: 65%;
}
.center1 .center1-1 ul li:nth-of-type(2) {
    margin-bottom: 8%;
}
.liu {
    padding-right: 15px;
    padding-left: 15px;
}
}
/*center1结束*/

/*center2*/
.center2{
    background:url("../pic/index8.jpg")no-repeat center;
    width: 100%;
    height: auto;
    background-size:cover;
    font-size: 0;
    padding:0.8rem 0;
    /*background:#f1f4f6;*/
}
.center2 .center2-1{
    display: flex;
}
.center2 .center2-1 .center2-2{
    width: 50%;
    font-size: 0;
    padding-right: 30px;
}
.center2 .center2-1 .center2-2 h1{
    font-family: "Bell MT",Bold;
    font-size: 1.35rem;
    color: #eaeef1;
    text-align:right;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.center2 .center2-1 .center2-2 h2{
    color: #333333;
    font-size: 0.54rem;
    font-weight: bold;
    font-family: "微软雅黑",Bold;
    line-height: 110%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right:20px;
}
.center2 .center2-1 .center2-2 h2 span{
    width: 2px;
    border: 2.5px solid #d0000e;
    height: 47px;
    margin-right: 20px;
    margin-top:5px;
}

.center2 .center2-1 .center2-3{
    width:50%;
    position: relative
}
.center2 .center2-1 .center2-3 .center2-4{
    width: 81.5%;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container {
    padding: 46.014% 0px;
    width: 100%;
    position: relative;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container .swiper-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container .swiper-slide {
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container .swiper-slide a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.center2 .center2-1 .center2-3 .center2-5{
    width:35.478%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    right: 0%;
    display: none;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container {
    width: 100%;
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide {
    height: 100%;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a{
    display: block;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a div{
    padding: 69.725% 0px;
    width: 100%;
    position: relative;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a div img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0)!important;
    object-fit:cover;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a p{
    color: #d0000e;
    font-size:14px;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 35px;
}
.baguetteBox-button{
     display: block!important;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination {
    font-size: 0px;
    position: absolute;
    bottom: -42px!important;
    width: 100%;
    left: 50%;
    transform:translateX(-50%);
    display: none;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #434343;
    opacity: 1;
    margin:0px 3px;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}
.center2 .center2-1 .center2-3 .swiper-pagination {
    display: none;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.center2 .center2-1 .center2-2 h1{
    font-size: 1rem;
}
.center2 .center2-1 .center2-2 h2{
    font-size: 44px;
}
.center2 .center2-1 .center2-2 h2 span{
    height: 43px;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center2{
    padding:7% 0;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a p{
    line-height: 18px;
}
}
@media only screen and (min-width: 0) and (max-width:1110px){
.center2 .center2-1 .center2-2 h1{
    font-size: 90px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.center2{
    background-image:none;
}
.center2 .center2-1 .center2-3 .center2-5{
    position: relative;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination {
    display: block;
}
.center2 .center2-1 .center2-3 .swiper-pagination {
    display: block;
}
.center2 .center2-1{
    display: block;
}
.center2 .center2-1 .center2-2{
    width: 100%;
}
.center2 .center2-1 .center2-2 h1{
    text-align: left;
}
.center2 .center2-1 .center2-2 h2{
    justify-content:flex-start;   
}
.center2 .center2-1 .center2-2 h2 span{
    margin-right:27px;
    border:3px solid #d0000e;
}
.center2 .center2-1 .center2-3{
    width: 100%;
}
.center2 .center2-1 .center2-3 .center2-4{
    width: 100%;
    margin:40px 0;
    margin-bottom: 75px;
}
.center2 .center2-1 .center2-3 .center2-5{
    width:100%;
    position: static;
    top:0%; 
    transform: translateY(0%);
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a{
     padding:25px;
     border:1px solid #e5e5e5;
}  
.center2 .center2-1 .center2-3 .center2-4 .swiper-pagination {
    font-size: 0px;
    position: absolute;
    bottom: -42px!important;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #434343;
    opacity: 1;
    margin:0px 3px;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}
.center2 .center2-1 .center2-3 .center2-4{
    position: relative;
}
.center2 .center2-1 .center2-3 .center2-4 .swiper-container .swiper-slide a{
    width: 100%;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.center2 .center2-1 .center2-3 .center2-4 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
} 
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}    
.center2 .center2-1 .center2-3 .center2-4 .swiper-pagination {
    bottom: -24px!important;
}
.center2 .center2-1 .center2-3 .center2-5 .swiper-pagination {
    bottom: -24px!important;
}
}

@media only screen and (min-width: 0) and (max-width:700px){
.center2 .center2-1 .center2-2 h1 {
    font-size: 50px;
}
.center2 .center2-1 .center2-2 h2 {
    font-size: 33px;
}
.center2 .center2-1 .center2-2 h2 span {
    height: 33px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center2{
    padding:11% 0;
}
.center2 .center2-1 .center2-3 .center2-4 {
    margin: 30px 0;
}
.center2 .center2-1 .center2-2 h1{
    font-size: 14px;
    color: #333333;
    margin-bottom:10px;
}
.center2 .center2-1 .center2-2 h2{
    font-size: 20px;
}
.center2 .center2-1 .center2-2 h2{
    height: 25px;  
}
.center2 .center2-1 .center2-2 h2 span{
    height: 20px;
    margin-right: 12px;
    border: 2px solid #d0000e;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide h5{
    margin-top:20px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.center2 .center2-1 .center2-3 .center2-5 .swiper-container .swiper-slide a{
    padding:15px;
}
.center-2 .swiper-container .swiper-wrapper .swiper-slide h5{
    margin-top:15px;
}
.center2 .center2-1 .center2-3 .center2-4 {
    margin: 30px 0 40px 0;
}
}
/*center2结束


/*center3*/
.center3{
    width: 100%;
    height: auto;
    background: url(../pic/index9.jpg)no-repeat center;
    background-size:cover;
    padding:0.65rem 0 0 0;
    font-size: 0;
}
.center3 .center3-1{
    width: 100%;
    height: 100%;
}
.center3 .center3-1 h2{
    color: #333333;
    font-size: 35px;
    text-align: center;
}
.center3 .center3-1 h4{
    color: #6e6e6e;
    font-size: 14px;
    text-align: center;
    line-height: 215%;
    letter-spacing: -0.5px;
}
.center3 .center3-1 h3{
    width: 30px;
    height: 1px;
    border:2px solid #d0000e;
    margin:0px auto;
}
.center3 .center3-1 .center3-2{
     background:#fff;
     background-size: cover; 
     width: 450px;
     height: 386px;
     float: right;
     margin:1.3rem 0;
}
.center3 .center3-1 .center3-2 h4{
    color: #333333;
    padding-top: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center3 .center3-1 .center3-2 h4 span{
    width: 38px;
    height: 1px;
    border: 1px solid #313131;
    margin:0 13px 0px 0;
}
.center3 .center3-1 .center3-2 h4 p{
    font-size:0.38rem;
}
.center3 .center3-1 .center3-2 p{
    color: #333333;
    font-size: 16px;
    text-align:center;
    text-transform: uppercase;
    margin-top:10px;
}
.center3 .center3-1 .center3-2 h5{
    text-align:center;
    margin-top:85px;
}
.center3 .center3-1 .center3-2 a{
    font-size: 16px;
    color: #ffffff;
    background:url("../pic/index8.png")no-repeat center;
    background-size:cover;
    padding:7px 0;
    margin:0px auto;
}
.center3 .center3-1 .center3-2 a span{
    padding:0 21px;
}
.center3 .center3-1 .center3-2{
    display: block;
}


.center3-1 .center3-4{
    display: none;
    width: 100%;
    padding: 20px;
    background: #fff;
    position: relative;
}
.center3-1 .center3-4 .swiper-container {
    height: 100%;
}
.center3-1 .center3-4 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.center3-1 .center3-4 .swiper-container .swiper-slide {
    height: 100%;
}
.center3-1 .center3-4 .swiper-container .swiper-slide a{
    display: block;
}
.center3-1 .center3-4 .swiper-container .swiper-slide a div{
    padding: 35.45% 0px;
    overflow: hidden;
    position: relative;
}
.center3-1 .center3-4 .swiper-container .swiper-slide a div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.center3-1 .center3-4 .swiper-container .swiper-slide a p{
    color: #333333;
    font-size: 18px;
    text-align: center;
    line-height: 100%;
    margin-top:20px;
    padding-bottom: 40px;
}
.center3-4 .swiper-pagination {
    font-size: 0px;
    position: absolute;
    bottom: 0.5%!important;
}
.center3-4 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #434343;
    opacity: 1;
    margin:0px 3px;
}
.center3-4 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}

@media only screen and (min-width: 0) and (max-width:1200px){
.center3{
    background-image: none;
    background: #eeeeee;
    padding:10% 0;
}
.center3 .center3-1 .center3-2{
    display: none;
}
.center3 .center3-1 h2{
    font-size: 36px;
    line-height: 100%;
}
.center3 .center3-1 h4{
    font-size: 22px;
    line-height: 200%;
}
.center3 .center3-1 h3{
    width: 40px;
}
.center3-1 .center3-4{
    display: block;
    margin-top:25px;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.center3-4 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.center3 .center3-1 h2{
    font-size: 22px;
}
.center3 .center3-1 h4{
    font-size: 14px;
}
.center3 .center3-1 h3{
    width: 30px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center3-1 .center3-4 .swiper-container .swiper-slide a p{
    font-size: 14px;
    padding-bottom: 25px;
}
.center3 .center3-1 h2{
    font-size: 20px;
}
.center3 .center3-1 h4 {
    line-height: 255%;
}
.center3-1 .center3-4{
    padding:15px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.center3-1 .center3-4{
    padding:14px;
}
}
/*center3结束*/



/*center4开始*/
.center4{
    background:#f1f4f6;
    width: 100%;
    height: auto;
    padding:0.7rem 0;
    font-size:0;
    position: relative;
}
.center4 .center4-1 .center4-2 h5{
    color: #000000;
    font-size: 18px;
    font-family: "Arial",Regular;
    margin-bottom:5px;
    opacity: 0.4;
}
.center4 .center4-1 .center4-2 h3{
    color:#000000;
    font-size: 30px; 
    line-height: 100%;
    margin-bottom:17px;
}
.center4 .center4-1 .center4-2 p{
    color: #000000;
    font-size: 14px;
    line-height: 100%;
    opacity: 0.4;
}
.center4 .center4-1 .center4-2 p a:hover{
    color: #d0000e;
    transition:.5s;
}
.center4  .center4-7{
    display: flex;
    justify-content: space-between;
    margin-top:0.47rem;
}
.center4  .center4-3{
    width: 79.375%;
    display: flex;
    position: relative;
}
.center4  .center4-3 .center4-4{
    width: 38.504%;
}
.center4  .center4-3 .swiper-container {
    height: 100%;
}
.center4  .center4-3 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.center4  .center4-3 .swiper-container .swiper-slide {
    height: 100%;
}
.center4  .center4-3 .swiper-container .swiper-slide a{
    display: flex;
}
.center4  .center4-3 .swiper-container .swiper-slide a .center4-4{
    padding: 19.213% 0px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
}
.center4  .center4-3 .swiper-container .swiper-slide a .center4-4 img {
    height: 90%;
    width: 90%;
    object-fit: contain;
    position: absolute;
    top: 5%;
    left: 5%;
}
.center4  .center4-3 .swiper-pagination {
    display: none;
    font-size: 0px;
    position: absolute;
    bottom: 0.5%!important;
}
.center4  .center4-3 .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height:2px;
    background: #aaaaaa;
    opacity: 1;
    margin:0px 3px;
    border-radius:0;
}
.center4  .center4-3 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}
.center4  .center4-3 .center4-5{
    width: 61.496%;
    height: auto;
    padding:0.65rem 0.78rem;
    background:#ffffff;
}
.center4  .center4-3 .center4-5 h2{
    font-size:20px;
    color: #000000;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.center4  .center4-3 .center4-5 h4{
    color: #000000;
    font-size: 14px;
    height: 96px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-top:0.63rem;
    margin-bottom:0.34rem;
    opacity: 0.5;
    display: block;
}
.center4  .center4-3 .center4-5 p{
    font-size: 14px;
    color: #000000;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    display: flex;
}
.center4  .center4-3 .center4-5 p span{
    opacity: 0.5;
}
.center4  .center4-3 .center4-5 p img{
    margin-right:20px;
}
.center4  .center4-3 .center4-5 time{
    display: block;
    height: 60px;
    line-height: 30px;
    font-size: 30px;
    color: #000000;
    font-family: "Arial",Regular;
    float: right;
    text-align: right;

}
.center4  .center4-3 .center4-5 time span{
    font-size: 16px;
}
.center4 .center4-3 .swiper-container .swiper-slide a:hover .center4-5 h2{
    color: #d0000e;
    transition:0.5s;
}
.center4 .center4-3 .swiper-container .swiper-slide a:hover .center4-5 p{
    color: #d0000e;
    transition:0.5s;
    opacity: 1;
}
.center4  .center4-6{
    display: block;
    width: 19.0625%;
    position: relative;
    padding: 15% 0;
    overflow: hidden;
}
.center4  .center4-6 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.center4 .center4-3 .center4-5 h3{font-size: 20px;color: #333;}
.center4 .center4-3 .center4-5 h5{
    display: none;
}
.center4 .center4-3 .center4-5 p img{
    display: block;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.center4 .center4-3{
    width: 100%;
}
.center4 .center4-6{
    display: none;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center4{
    padding:7% 0;
}
.center4 .center4-1 .center4-2 h3{
    margin-bottom:0;
}
.center4 .center4-3 .center4-5{
    padding:6%;
}
.center4 .center4-2 .on{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.center4 .center4-2 .on1{
    width: 50%;
}
.center4 .center4-2 .on2{
    width: 150px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.center4 .center4-3 .swiper-container .swiper-slide a{
    display: block;
}
.center4 .center4-3 .swiper-container .swiper-slide a .center4-4{
    width: 100%;
    padding: 36.568% 0px;
}
.center4 .center4-3 .center4-5{
    width: 100%;
    padding:20px;
    background:#eeeeee;
}
.center4 .center4-3 .center4-5 h3{
    margin-bottom: 14px;
    font-size: 28px;
    overflow: visible;
    height: 74px;
    line-height: 37px;
    white-space: inherit;
}
.center4 .center4-3 .center4-5 h4{
    display: none;
}
.center4 .center4-3 .center4-5 p img{
    display: none;
}
.center4 .center4-3 .center4-5 time{
    font-size: 22px;
}
.center4 .center4-3 .center4-5 h5{
    display: block;
    width: 35px;
    height: 1px;
    border:1.5px solid #d0000e;
}
.center4 .center4-3 .center4-5 p{
    display: none;
}
.center4 .center4-3 .swiper-pagination{
    display: block;
    bottom: -4.5%!important;
    left:20px;
}

}
@media only screen and (min-width: 0) and (max-width:700px){
.center4 .center4-1 .center4-2 h3{
    font-size: 22px;
}
.center4 .center4-1 .center4-2 h5{
    font-size: 14px;
}
.center4 .center4-3 .center4-5 h2{
    font-size: 22px;
}
.center4 .center4-3 .center4-5 h5{
    width: 25px;
}
.center4 .center4-3 .center4-5 time{
    font-size: 17px;
}
.center4 .center4-3 .center4-5 time span{
    font-size: 14px;
}
.center4 .center4-3 .swiper-pagination{
    left:15px;
}
.center4 .center4-3 .swiper-container .swiper-slide a .center4-4{
    background: transparent;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center4 .center4-1 .center4-2 h3{
    font-size: 20px;
}
.center4 .center4-3 .center4-5 h2{
    font-size: 16px;
    height: 50px;
    line-height: 25px;
}
.center4 .center4-3 .center4-5 h5{
    width: 20px;
}
.center4 .center4-3 .center4-5 time{
    height: 40px;
    line-height: 20px;
}
.center4 .center4-3 .center4-5{
    padding:15px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.center4 {
    padding: 10% 0;
}
.center4 .center4-3 .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
}
}

/*center4结束*/


/*center5开始*/

.center5{
    padding:0.58rem 0 1.05rem 0;
    background:#fff;
    width: 100%;
    height: auto;
    font-size: 0;
}
.center5 .center5-1 h3{
    color: #000000;
    font-size: 35px;
    text-align: center;
}
.center5 .center5-1 p{
    color: #000000;
    font-size: 14px;
    text-align:center;
    line-height: 150%;
    text-transform:uppercase;
    margin-top:4px;
}
.center5 .center5-1 h2{
    width: 40px;
    height: 1px;
    border: 1px solid #dcdcdc;
    margin: 0px auto;
    margin-top:10px;
}
.center5 .center5-1 ul{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-top:0.45rem;
}
.center5 .center5-1 ul li{
    width: 20%;
    float: left;
    text-align: center;
}
.center5 .center5-1 ul li:nth-of-type(2),.center5 .center5-1 ul li:nth-of-type(4){
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.center5 .center5-1 ul li a{
    width: 100%;
    display: block;
    text-align: center;
}
.center5 .center5-1 ul .active a i{
    background: url("../pic/index15.png")no-repeat center center;
    width: 149px;
    height: 149px;
    border-radius: 50%;
}
.center5 .center5-1 ul .active a h3{
    height: 46px;
    line-height: 46px;
    margin-top:0px;
}
.center5 .center5-1 ul li:nth-of-type(1) a i{
    background: url("../pic/index100.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(2) a i{
    background: url("../pic/index11.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(3) a i{
    background: url("../pic/index12.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(4) a i{
    background: url("../pic/index13.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(5) a i{
    background: url("../pic/index14.png")no-repeat center center;
}
.center5 .center5-1 ul li a i {
    width: 149px;
    height: 149px;
    overflow: hidden;
    object-fit:contain;
    display: block;
    margin: 0px auto;
}
.center5 .center5-1 ul li a h4{
    color: #000000;
    font-size: 20px;
    text-align: center;
    margin-top:00px;
    line-height:46px;
    height: 46px;
    overflow: hidden;
}
.center5 .center5-1 ul li h5{
    font-size: 14px;
    color:#404040;
    text-align: center;
    
}

.center5 .center5-1 ul li a .inp1 i{
    width: 78px;
    height: 78px;
    transition:0.5s;
    overflow: hidden;
    background-size: 100% 100%;
}
.center5 .center5-1 ul li a .inp1{
    width: 135px;
    height: 135px;
    margin: 0px auto;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center5 .center5-1 ul li a .inp2{
    width: 110px;
    height: 110px;
    border-radius:50%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center5 .center5-1 ul li a .inp1:hover{
    transition:.5s;
    background:rgba(214,31,43,0.5);

}
.center5 .center5-1 ul li a .inp1:hover .inp2{
    transition:.5s;
    background:#d61f2b;
}
.center5 .center5-1 ul li a .inp1:hover .inp2 i{
    width: 65px;
    height: 65px;
    background-size: 100% 100%;
    transition: .1s;
}
/* .center5 .center5-1 ul li:nth-of-type(1):hover a i{
    background: url("../pic/inp5.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(2):hover a i{
    background: url("../pic/inp4.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(3):hover a i{
    background: url("../pic/inp3.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(4):hover a i{
    background: url("../pic/inp2.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(5):hover a i{
    background: url("../pic/inp1.png")no-repeat center center;
} */
.center5 .center5-1 ul li:hover a i{
    background-size: 100% 100%!important;
    /* width: 65px;
    height: 65px; */
}
.center5 .center5-1 ul .center5-2{
    display: none;
}
.center5 .center5-1 ul li a .ii{
    display: none;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center5{
    padding:8% 0;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.center5 .center5-1 ul{
    display: block;
}
.center5 .center5-1 ul li:nth-of-type(4){
    border-left: 0px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.center5 .center5-1 ul li a h4{
    margin-top:0px;
}
.center5 .center5-1 ul li:nth-of-type(1) a .ii{
    background: url("../pic/index15.png")no-repeat center center;
    background-size:100%;
}
.center5 .center5-1 ul li:nth-of-type(2) a .ii{
    background: url("../pic/index16.png")no-repeat center center;
    background-size:100%;
}
.center5 .center5-1 ul li:nth-of-type(3) a .ii{
    background: url("../pic/index17.png")no-repeat center center;
    background-size:100%;
}
.center5 .center5-1 ul li:nth-of-type(4) a .ii{
    background: url("../pic/index18.png")no-repeat center center;
    background-size:100%;
}
.center5 .center5-1 ul li:nth-of-type(5) a .ii{
    background: url("../pic/index19.png")no-repeat center center;
    background-size:100%;
}
.center5 .center5-1 ul li:nth-of-type(1):hover a i {
    background: url("../pic/index15.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(2):hover a i {
    background: url("../pic/index16.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(3):hover a i {
    background: url("../pic/index17.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(4):hover a i {
    background: url("../pic/index18.png")no-repeat center center;
}
.center5 .center5-1 ul li:nth-of-type(5):hover a i {
    background: url("../pic/index19.png")no-repeat center center;
    
}
.center5 .center5-1 ul li{
    width: 33.33%;
}
.center5 .center5-1 ul li:nth-of-type(4),.center5 .center5-1 ul li:nth-of-type(5){
    width: 50%;
    margin-top:40px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){ 
.center5 .center5-1 ul li a .ii {
    width: 117px;
    height: 116px;
}
.center5 .center5-1 h3{
    font-size: 30px;
}
.center5 .center5-1 ul li a .inp1{
    display: none;
}
.center5 .center5-1 ul li a .ii{
    display: block;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.center5 .center5-1 h3{
    font-size: 22px;
}
.center5 .center5-1 ul li a h4{
    font-size: 18px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center5 .center5-1 ul li a .ii {
    width: 97px;
    height: 97px;
}
.center5 .center5-1 ul li:hover a .ii{
    width:97px;
    height: 97px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center5 .center5-1 ul li a .ii {
    width: 90px;
    height: 90px;
}
.center5 .center5-1 ul li:hover a .ii{
    width: 90px;
    height: 90px;
    background-size: 100% 100%!important;
}
.center5 .center5-1 ul li a h4{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}
.center5 .center5-1 ul .active a h3{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}
.center5 .center5-1 ul li h5{
    font-size: 13px;
   
}
.center5 .center5-1 h3{
    font-size: 20px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.center5 .center5-1 ul li{
    width: 50%;
}
.center5 .center5-1 ul li a .ii{
    width: 98px;
    height: 98px;
}
.center5 .center5-1 ul li:hover a .ii{
    width: 98px;
    height:98px;
    background-size: 100% 100%!important;
}
.center5 .center5-1 ul li:nth-of-type(3),.center5 .center5-1 ul li:nth-of-type(4),.center5 .center5-1 ul li:nth-of-type(5){
    margin-top:20px;
}
.center5 .center5-1 ul li:nth-of-type(2), .center5 .center5-1 ul li:nth-of-type(4){
    border-left: 1px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
}
.center5 .center5-1 ul .center5-2{
    display: block;
    color:#000000;
    font-size: 14px;
    line-height: 125px;
}
.center5 .center5-1 ul .center5-2 a:hover{
    color:#d0000e;
    transition:.5s;
}
}

/*center5结束*/



/*center6开始*/
.center6{
    width: 100%;
    height: auto;
    background:rgba(127,127,127,0.6);
    font-size: 0;
    padding:15px 0;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    right:0;
    left: 0;
    z-index: 10;
}
.center6-back{
    position: relative;
    background:rgba(127,127,127,1);
}
.center6 .center6-1{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.center6 .center6-1 img:nth-of-type(1){
    margin-right:15px;

}
.center6 .center6-1 img:nth-of-type(2){
    margin-right:15px;
    width: 126px;
    height: 26px;
    overflow: hidden;
    margin-top:45px;
}
.center6 .center6-1 .center6-2{
    width: 145px;
    margin-right:10px;
}
.center6 .center6-1 .center6-2 h1{
    color:#fff;
    font-size: 34px;
    font-family:"微软雅黑",Bold;
    font-weight: bold;
    text-align: center;
}
.center6 .center6-1 .center6-2 h2{
    color:#ffffff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 6px;
}
.center6-3{
    height: 69px;
    display: flex;
    align-items: center;
}
.center6-3 input{
    width: 265px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding-left: 15px;
    margin-right:20px;
    
}
.center6-3 button{
    font-size: 16px;
    background:url("../pic/index8.png")no-repeat center;
    background-size: 100% 100%;
    width: 106px;
    height: 35px;
    color:#fff;
    line-height: 35px;
}
.center6 .center6-4{
    margin-left:17px;
    position: relative;
}
.center6 .center6-4::after{
    position: absolute;
    content: "";
    width: 0px;
    top: -33px;
    height: 31px;
    right: 32px;
    border: 1px solid #ffffff;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.center6 .center6-1{
    justify-content: center;
}
.center6 .center6-1 img:nth-of-type(1){
    display: none;
}
.center6 .center6-1 .center6-2{
    display: none;
}
.center6 .center6-1 img:nth-of-type(2){
    display: none;
}
.center6 .center6-4 img{
    display: block!important;
}

}
@media only screen and (min-width: 0) and (max-width:1100px){
.center6{
    display: none;
}
}
/*center6结束*/



/*topthere开始*/
.topthere{
    position: relative;
}
.topthere .int1{
    position: relative;
    /* overflow: hidden;
    padding:20.847% 0; */
}
.topthere .int1 img{
    width: 100%;
    /* height: 100%;
    object-fit:cover;
    top: 0;
    left: 0;
    position: absolute; */
}
.topthere .ind_tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.topthere .ind_tit h3{
    font-size: 40px;
    line-height: 100%;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    width:100%;
    margin-bottom: 0.8%;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
}
.topthere .ind_tit h4{
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    width:100%;
    margin:0px auto;
    margin-top: 20px;
}
/*topthere结束*/




/*m_page_nav开始*/
.m_page_nav {
    display: none;
    background:#f9f9f9;
}
.m_page_nav li{
    width: 100%;
}
.m_page_nav li dl{
    display: block; 
    border-top: 1px solid #bdbdbd; 
    border-bottom: 1px solid #bdbdbd;
}
.m_page_nav li dl dt{
    transition: 0.6s; 
    padding: 1.2% 0.2rem; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}
.m_page_nav li dl dt span{
    transition: 0.6s; 
    font-size: 18px; 
    color: #333333; 
    line-height: 200%;
}
.m_page_nav li dl dt i{
    transition: 0.6s; 
    font-size: 36px; 
    font-weight: bold; 
    color: #333333;
}
.m_page_nav li dl dd{
    display: none; 
    border-top: 1px solid #bdbdbd; 
    background: #f9f9f9;
}
.m_page_nav li dl dd a{
    display: block; 
    font-size: 18px; 
    color: #333333; 
    line-height: 200%; 
    padding: 1.2% 0; 
    border-bottom: 1px solid #cecece; 
    text-align: center;
}
.m_page_nav li dl dd a:last-child{
    border-color: transparent;
}
.m_page_nav li dl dd a:hover{
    color:#d0000e;
    transition:0.5s;
}
.m_page_nav li dl dd a.active{
    color:#d0000e;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.topthere{
    display: none;
}
.m_page_nav {
    display: flex;
    margin-top:72px;
}
.pppo .m_page_nav {
    margin-top:0px;
}
.m_page_nav5{
    margin:0.6rem 0!important;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.m_page_nav li dl dt{
    padding: 1.5% 0.3rem;
}
.news1-1 .swiper-slide a .new1-4 h3{
    font-weight: normal!important;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.m_page_nav {
    margin:10px 0;
}
.m_page_nav li dl dt span{
    font-size: 14px;
}
.m_page_nav li dl dt i{
    font-size: 28px;
}
.m_page_nav li dl dd a{
    font-size:14px;
}
}
/*m_page_nav结束*/



/*headertwo开始*/
.headertwo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    background:#f9f9f9;
    width: 100%;
    height: auto;
    padding:20px 0;
}
.headertwo div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headertwo ul{
    display: flex;
}
.headertwo ul li{
    /*margin-right:65px;*/
    padding: 0 31px;
    border-right:1px solid #dcdcdc;
}
.headertwo ul li:nth-of-type(1){
    padding-left: 0px;
}
.headertwo ul li:last-child{
    border-right: 1px solid transparent;
}
.headertwo ul li a{
    color: #333333;
    font-size: 14px;
}
.headertwo ul li a:hover{
    color: #d0000e;
    transition:.5s;
}
.headertwo p{
    color: #333333;
    font-size: 14px;
}
.headertwo p a{
    margin-left:5px;
}
.headertwo p a:hover{
    color: #d0000e;
    transition:.5s;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.headertwo{
    display: none;
}
}
/*headertwo结束*/



/*center7开始*/
.center7{
    box-sizing: border-box;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    font-size: 0;
    max-height: 620px;
    margin-top:70px;
}
.center7 .cente7-3{
    position: relative;
    overflow: hidden;
    padding: 13% 22%;
    height: 620px;
}
.center7 .cente7-3 img{
    width:100%;
    height: 100%;
    object-fit:cover;
    top: 0;
    left: 0px;
    position: absolute;
}
.center7 .center7-1{
    width: 232px;
    background: #f3f3f3;
    height: 620px;
    overflow: hidden;
}
.center7 .center7-1 li h1{
     color: #333333;
     font-size: 18px;
     font-family: "微软雅黑",Bold;
     line-height: 150%;
}
.center7 .center7-1 li p{
     color: #333333;
     font-size: 14px;
     font-family: "Arial"，Regular;
     line-height: 150%;
}
.center7 .center7-1 li{
    text-align: center;
    padding: 38.27px 0;
}
.center7 .center7-1 li:last-child{
    display: none;
}
.center7 .center7-2{
     background: url("../pic/yin2.jpg")no-repeat center;
     background-size:cover;
     width: 43.90625%;
     height: auto;
     padding:6% 9.7% 6.5833% 7.0833%;
    height: 620px;
     overflow: hidden;
}
.center7 .center7-2 li{
    display: none;
}
.center7 .center7-2 .active{
    display: block;
}
.center7 .center7-1 .active{
    background:#da4852;
    color: #ffffff;
}
.center7 .center7-1 .active h1{
    color: #ffffff;
}
.center7 .center7-1 .active p{
    color: #ffffff;
}
.center7 .center7-2 li h2{
     font-size: 32.12px;
     font-family: "微软雅黑",Bold;
     font-weight: bold;
     text-align: center;
     color: #d0000e;
    line-height: 150%;
}
.center7 .center7-2 li h3{
     font-size: 24.98px;
     color: #d0000e;
     font-family: "微软雅黑",Regular;
     text-align: center;
     line-height: 150%;
}
.center7 .center7-2 li h4{
     height: 30px;
     width: 1px;
     border:2px solid #d0000e;
     margin:0px auto;
     margin-bottom:5px;
     margin-top:5px;
}
.center7 .center7-2 li h5{
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
    height: 267px;
    overflow: hidden;
}
/* .center7 .center7-2 li h5:nth-of-type(2){
    height: 148px;
    overflow: hidden;
} */
@media only screen and (min-width: 0) and (max-width:1700px){
.center7 .center7-2{
    padding:6%;
}
}
@media only screen and (min-width: 0) and (max-width:1600px){
.center7{
    display: block;
    max-width:1600px;
    width:100%; 
}
.center7 .center7-1{
    display: flex;
    max-width: 1600px;
    width: auto;
    height: auto;
}
.center7 .center7-1 li{
    width: 20%;
    border-right:1px solid #bdbdbd;
}
.center7 .center7-1 li:nth-of-type(3){
    border-right:1px solid transparent;
}
.center7 .center7-2{
    width: 100%;
    height: auto;
}
.center7 .cente7-3{
    display: none;
    height: auto;
}
.center7 .center7-2 li h5{
    height: auto;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.center7{
    margin-top:50px;
}
.center7{
    max-height: 100%;
}
}
@media only screen and (min-width: 0) and (max-width:920px){
.center7 .center7-1 li{
    width: 33.33%;
    float: left;
    border-bottom: 1px solid #bdbdbd;
}
.center7 .center7-1{
    width: 100%;
    height: 228px;
    display: block;
}
.center7 .center7-1 li:last-child{
    display: block;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.center7 .center7-2 li h2{
    font-size: 26px;
}
.center7 .center7-2 li h3{
    font-size: 22px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center7{
    margin-top:30px;
}
.center7 .center7-2 li h2{
    font-size: 20px;
}
.center7 .center7-2 li h3{
    font-size: 14px;
}
.center7 .center7-2 li h5{
    font-size: 14px;
    line-height: 21px;
}
.center7 .center7-2 li h4 {
    height: 21px;
    width: 1px;
    border: 1px solid #d0000e;
}
.center7 .center7-1{
    height: 246px;
}
.center7 .center7-1 li{
    width: 50%;
}
.center7 .center7-1 li {
    padding: 19px 0;
}
.center7 .center7-1 li:nth-of-type(3){
    border-right: 1px solid #bdbdbd;
}
.center7 .center7-1 li:nth-of-type(2n){
    border-right: 1px solid transparent;
}
.center7 .center7-1 li h1{
    font-size: 16px;
}
}
@media only screen and (min-width: 0) and (max-width:350px){
.center7 .center7-1 {
    height: 303px;
}
.center7 .center7-1 li{
    height: 101px;
}
}
/*center7结束*/



/*center8开始*/
.center8{
    width: 100%;
    height: auto;
    background:url(../pic/yin3.jpg)no-repeat center;
    background-size:cover;
    padding:0.6rem 0 1rem 0;
}
.center8 .center8-1 h2{
    font-size: 30px;
    color: #333333;
    font-family: "微软雅黑",Bold;
    text-align: center;
    font-weight:bold;
    line-height:150%;
}
.center8 .center8-1 h4{
    font-size: 14px;
    color: #333333;
    line-height: 150%;
    text-align: center;
    margin-bottom:5px;
}
.center8 .center8-1 h3{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
}
.center8 .center8-2{
    display: flex;
    align-items: center;
    margin-top: 32px;
}

.center8 .center8-2 ul{
    width: 48.428%;
    background:#eeeeee;
    padding:48px 0 48px 30px;
    max-height: 512px;
}
.center8 .center8-2 ul li h4{
    font-size: 22px;
    color: #d0000e;
    line-height: 200%;
    font-weight: bold;
}
.center8 .center8-2 ul li p{
    font-size: 16px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 30px;
}
.center8 .center8-2 ul li:nth-of-type(2){
    margin-top: 18px;
}
.center8 .center8-3{
    width: 51.572%;
    padding: 19.858% 0;
    overflow: hidden;
    position: relative;
}
.center8 .center8-3 img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left:0px;
   object-fit:cover;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.center8{
    padding:7% 0;
}
.center8 .center8-3{
   display: none;
}  
.center8 .center8-2 ul{
    width: 70%;
}
.center8 .center8-2{
    justify-content: center;
}
}
@media only screen and (min-width: 0) and (max-width:1100px){
.center8 .center8-2 ul{
    width: 85%;
}
.center8 .center8-2 ul{
    padding: 4.5% 3% 4.5% 3%;
}
.center8 .center8-2 ul{
    max-height: 100%;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.center8 .center8-1 h2{
    font-size: 26px;
}    
.center8 .center8-2 ul li h4{
    font-size: 22px;
}
.center8 .center8-2 ul{
    width: 95%;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.center8 .center8-1 h2{
    font-size: 20px;
}
.center8 .center8-2{
    margin-top: 20px;
}
.center8 .center8-2 ul li h4{
    font-size: 15px;
}

.center8 .center8-2 ul li p{
    font-size: 14px;
    line-height: 23px;
}
}
/*center8结束*/



/*center9开始*/
.center9{
    display: flex;
    justify-content: space-between;
    font-size: 0;
    padding:15px 0 55px 0;
}
.center9-1{
    width: 71.428%;
}
.center9-1 .lanmu li{
    padding:53px 0 20px 0;
    border-bottom:1px solid #eeeeee;
}
.center9-1 li a {
    display: block;
}
.center9-1 li a .center9-2{
    display: flex;
    justify-content: space-between;
}
.center9-1 li a .center9-3{
    width: 300px;
    height: 200px;
    overflow: hidden;
}
.center9-1 li a .center9-2 .center9-4{
    width: 75%;
    padding:13px 0;
}
.center9-1 li a .center9-2 .center9-4 span{
    color: #333333;
    font-size: 20px;
    font-family: "微软雅黑",Bold;
    line-height: 100%;
    display: block;
}
.center9-1 li a .center9-2 .center9-4 p{
    color: #333333;
    font-size: 16px;
    height: 54px;
    line-height: 27px;
    overflow: hidden;
    letter-spacing: 0.3px;
    margin-top: 15px;
}
.center9-1 li a .center9-3 img{
    width: 300px;
    height: 200px;
    overflow: hidden;
    object-fit:contain;
}
.center9-1 .center9-5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.center9-1 .center9-5 time{
    color: #797979;
    font-size: 14px;
}
.center9-1 .center9-5 h2{
    color: #d0000e;
    font-size: 16px;
}
.center9-1 li a:hover .center9-2 .center9-4 span{
    color: #d0000e;
    transition:.5s;
}
.center9-6{
    width: 23%;
    padding-top: 35px;
    max-height: 1554px;
}
.center9-6 h3{
    color: #d0000e;
    font-size: 25px;
    text-align: center;
    line-height: 100%;
}
.center9-6 h4{
    color: #d0000e;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 200%;
}
.center9-6 p{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
    margin-bottom:12px;
}
.center9-6 .item_ul{
    padding:18px 31px;
    background:#eeeeee;
}
.center9-6 .item_ul li{
    position:relative;
    margin-bottom:15px;
}
.center9-6 .item_ul li:hover a figure figcaption h5{
    color: #d0000e;
    transition:.5s;
}
.center9-6 .item_ul li a figure>div:after {
    transition: 0s;
    position: absolute;
    left: -85px;
    top: 0;
    transform: skewx(-25deg);
    content: "";
    width: 50px;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.center9-6 .item_ul li a figure>div:hover:after{
    transition: 0.6s;
    left: 200px;
    visibility: visible;
    width: 200px;
}
.center9-6 .item_ul li:last-child{
    margin-bottom:0px;
}
.center9-6 .item_ul li a figure>div {
    position: relative;
    padding: 43% 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.center9-6 .item_ul li a figure>div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}
.center9-6 .item_ul li a figure>div .hidden {
    transform: scale(0);
    transition: 0.6s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 100;
}
.center9-6 .item_ul li a figure>div .show {
    transform: scale(1);
}
.center9-6 .item_ul li a figure>div .hidden canvas {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
}
.center9-6 .item_ul li a figure figcaption {
    padding: 4px;
    background:rgba(0,0,0,0.5);
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
}
.center9-6 .item_ul li a figure figcaption i {
    background: url(../pic/yin2.png) no-repeat;
    width: 18px;
    height: 17px;
    float: right;
    margin-top: 5px;
}
.center9-6 .item_ul li a figure figcaption h5 {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 180%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0.6s;
}

/*加载更多*/
.center9-7{
    width: 100%;
    display: none;
}
.loading_bnt{
    display: none;
}
.center9-7 li{
    padding:53px 0 20px 0;
    /* border-bottom:1px solid #eeeeee; */
}
.center9-7 li a {
    display: block;
}
.center9-7 li a .center9-2{
    display: flex;
    justify-content: space-between;
}
.center9-7 li a .center9-3{
    width: 20%;
    height: 153px;
    overflow: hidden;
}
.center9-7 li a .center9-2 .center9-4{
    width: 75%;
    padding:13px 0;
}
.center9-7 li a .center9-2 .center9-4 span{
    color: #333333;
    font-size: 20px;
    font-family: "微软雅黑",Bold;
    line-height: 100%;
}
.center9-7 li a .center9-2 .center9-4 p{
    color: #333333;
    font-size: 16px;
    height: 54px;
    line-height: 27px;
    overflow: hidden;
    letter-spacing: 0.3px;
    margin-top: 15px;
}
.center9-7 li a .center9-3 img{
    width: 200px;
    height: 153px;
    overflow: hidden;
    object-fit:cover;
}
.center9-7 .center9-5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.center9-7 .center9-5 time{
    color: #797979;
    font-size: 14px;
}
.center9-7 .center9-5 h2{
    color: #d0000e;
    font-size: 16px;
}
.center9-7 li a:hover .center9-2 .center9-4 span{
    color: #d0000e;
    transition:.5s;
}
  /* 加载更多 */
.loading_bnt{
    font-size: 0;
}
.loading_bnt{
    margin-top: 3%;
    width: 91%;
    background:#434343;
    color: #fff;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding: 2% 0;
}
.loading_bnt i{
    width: 20px;
    height: 20px;
    background: url(../pic/download3.png)no-repeat center;
    background-size: 100% 100%;
}
.loading_bnt span{
    margin-left: 5px; 
    font-size: 20px;
    color: #fff;
}


@media only screen and (min-width: 0) and (max-width:1400px){
.center9-1{
    width: 100%
}
.center9-6{
    display: none;
}
.center9-1 li a .center9-2 .center9-4{
    width: 81%;
}
}
@media only screen and (max-width: 1300px) and (min-width: 0){
.center9-1 li a .center9-2 .center9-4 {
    width: 80%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 0){
.center9-1 li a .center9-2 .center9-4 {
    width: 75%;
    margin-left:30px;
}
.center9-1 li {
    padding-top: 4%;
    padding-bottom:20px;
}
.center9-1 li a .center9-2{
    justify-content: flex-start;
}
.fenye ul li{
    display: none;
}
.fenye ul li:nth-of-type(1),.fenye ul li:last-child{
    display: block;
}
.four4 .fenye{
    padding-top: 4%;
}
}
@media only screen and (max-width: 1100px) and (min-width: 0){
.center9-1 li a .center9-2 .center9-4 {
    margin-left:20px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 0){
.center9{
    display: block;
    background:#f9f9f9;
    padding: 7% 0;
}
.center9-7{
    height: auto;
    display: block;
}
.center9-1{
    display: none;
}
.center9-7 li{
    width: 48%;
    float: left;
}
.center9-7 li:nth-of-type(2n-1){
    margin-right: 4%;
}
.center9-7 li a .center9-2{
    display: block;
}
.center9-7 li a .center9-3{
    position: relative;
    padding:30% 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.center9-7 li a .center9-3 img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit:cover;
}
.center9-7 li a .center9-2 .center9-4{
    width: 100%;
    padding:20px;
    background:#eeeeee;
}
.center9-7 li{
    padding:0px;
    padding-bottom: 40px;
}
.loading_bnt{
    display: flex;
}
.center9-7 li a .center9-2 .center9-4 span {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
}
@media only screen and (max-width: 550px) and (min-width: 0){
.center9-7 li{
    width: 100%;
}
.center9-7 li:nth-of-type(2n-1){
    margin-right:0px;
}
.center9-7 li a:hover .center9-2 .center9-4 span{
    color: #d0000e;
    transition:.5s;
}
.center9-7 li a .center9-2 .center9-4 span{
    font-size: 16px;
}
.center9-7 li a .center9-2 .center9-4 p{
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}
.center9-7 .center9-5{
    margin-top:10px;
}
.center9-7 li a .center9-2 .center9-4{
    padding:20px 15px;
}
.loading_bnt{
    margin-top:0px;
}
.center9-7 .center9-5 h2{
    font-size: 14px;
}
.loading_bnt span{
    font-size: 14px;
}
.center9-7 li{
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 413px) and (min-width: 0){
.center9-7 li{
    padding-bottom: 20px;
}
.center9-7 li a .center9-2 .center9-4{
    padding:15px;
}

.center9-7 li a .center9-2 .center9-4 p{
    height:60px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top:11px;
}
.center9-7 li a .center9-2 .center9-4 span{
    font-size: 15px;
}
}
/*center9结束*/




/*center9-10开始*/
.center9-10{
    width:100%;
    height: auto;
    background:#eeeeee;
    padding:45px 0 120px; 
}
.center9-10 .center9-11{
    display: flex;
    justify-content: space-between;
}
.center9-10 .center9-12{
    width:73.857%;
    background:#fff;
    padding:53px 15px;
    font-size: 0;
}
.center9-10 .center9-11 h1{
    color: #333333;
    font-size: 18px;
    text-align: center;
    line-height: 250%;
    font-weight:bold;
}
.center9-10 .center9-11 .center10{
    font-size: 14px;
    color: #797979;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    line-height: 100%;
    padding-bottom: 27px;
}
.center9-10 .center9-11 .center10 time{
    margin-right:30px;
}
.center9-10 .center9-11 .center10 span{
    margin-right:30px;
}
.center9-10 .center9-14{
    background:#fff;
}
.center9-10 .center9-14 .item_ul{
    background:#fff;
}
/*分享到：*/
.bdsharebuttonboxpro { 
   font-size: 0;
   line-height: 100%;
}
.bdsharebuttonbox2{ 
  margin:0px!important;
  padding-bottom:20px;
  border-bottom: 1px solid #cccccc;
}
.bdsharebuttonboxpro a { 
    float: none !important; 
    vertical-align: middle; 
    font-size: 16px !important; 
    width: 31px !important; 
    display: inline-block; 
    height: 31px !important; 
    background-position: unset !important; 
    margin-left:5px !important; 
    padding: 0 !important; 
}
.bdsharebuttonboxpro .bds_more { 
    color: #6d6d6d!important;
    font-size:16px!important;
    width: auto !important; 
    height: auto !important;
    background-image: none !important; 
}
.bdsharebuttonboxpro .bds_weixin {
    background-image: url("../pic/pro3.png") !important;     
    background-size: 100% 100%;
}

.bdsharebuttonboxpro .bds_tsina {
    background-image: url("../pic/pro4.png") !important;    
    background-size: 100% 100%;
}

.bdsharebuttonboxpro .bds_qzone { 
    background-image: url("../pic/pro5.png") !important;    
    background-size: 100% 100%; 
}
.bdsharebuttonboxpro .bds_tqq { 
    background-image: url("../pic/pro6.png") !important;    
    background-size: 100% 100%;
}
.bdsharebuttonboxpro .bds_renren { 
    background-image: url("../pic/pro7.png") !important;     
    background-size: 100% 100%;
}
.center9-10 .center9-13{
    padding:20px 50px; 
}
.center9-10 .center9-13 p{
    font-size: 14px;
    color: #333333;
    line-height:25px;
}
.center9-10 .center9-13 p img{
    margin: 0px auto;
    width: 100%!important; 
    height: auto!important; 
}
.center9-10 .center9-12{
    position: relative;
}
.fh{
    position: absolute;
    bottom: -75px;
    font-size: 16px;
    left: 50%;
    transform:translateX(-50%);
}
.fh a span{
    padding:0 35px;
}
.fh a{
    display: block;
    padding:12px 0;
    background:#d0000e;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    border-radius:10px;
}
@media only screen and (max-width: 1400px) and (min-width: 0){
.center9-10 .center9-12{
    width: 100%;
    padding:6% 3%;
}
.bdshare-button-style0-16{
    display: none;
}
.center9-10 .center9-13{
    padding:30px 20px; 
}
}
@media only screen and (max-width: 1024px) and (min-width: 0){
.center9-10 .center9-12{
    padding:45px 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 0){
.center9-10 .center9-12{
    padding:20px 0;
}
}
@media only screen and (max-width: 750px) and (min-width: 0){
.center9-10 {
    width: 100%;
    height: auto;
    background: #eeeeee;
    padding-bottom: 78px;
}
.fh{
    bottom: -54px;
}
.fh a {
    padding: 9px 0;
}
.center9-10 .center9-11 .center10{
    display: block;
}
}

@media only screen and (max-width: 650px) and (min-width: 0){
.center9-10 .center9-13 {
    padding: 20px 20px;
}
.center9-10 .center9-11 .center10 span{
    margin-right:0;
}
}
@media only screen and (max-width: 550px) and (min-width: 0){
.center9-10 .center9-12{
    padding:20px 0 0 0px;
}
.center9-10 .center9-11 h1{
    font-size: 16px;
    line-height: 20px;
    margin-bottom:10px;
}
.center9-10 .center9-11 .center10{
    padding-bottom:20px;
}
.center9-10 .center9-13{
    padding:15px;
}
.center9-10 .center9-11 .center10 time{
    margin-right:2%;
}
.center9-10 {
    width: 100%;
    height: auto;
    background: #eeeeee;
    padding-bottom: 70px;
}
.fh{
    bottom: -45px;
}
.fh a {
    padding: 6px 0;
    font-size: 14px;
}
.fh a span{
    padding:0 20px;
}
}
@media only screen and (max-width: 413px) and (min-width: 0){
.center9-10 .center9-11 h1{
    font-size: 16px;
}
.center9-10 .center9-13 p {
    line-height: 20px!important;;
    font-size: 14px!important;
}
}
/*center9-10结束*/


/*页码*/
.fenye{
    display: flex;
    align-items: center; 
    justify-content: center;
    padding-top:65px;
}
.fenye ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
}
.fenye ul li{
    margin-bottom:0px!important;
    padding:0px;
    margin-right:8px!important;
    background-color: #bcbcbc;
    transition: 0.6s;
    width: 40px!important;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    color: #fff; 
    text-align: center;
    border: 1px solid #ddd; 
    border-right: none;
    border-radius:6px;
}
.fenye ul .fenye-p,.fenye ul .fenye-n{
    width: 40px;
}
.fenye ul li:last-child{
    border: 1px solid #ddd;
}
.fenye ul li a{
    transition: 0s; 
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 13px;
    font-family: "Arial",Regular;
}

.fenye ul li:hover, .fenye ul li.active{
    border-color: #434343;
    background: #434343;
}
.fenye form{   
    margin-left: 10px; 
    font-size: 14px;
    color: #fff; 
    height: 40px;
}
.fenye form label{
    margin: 0 10px;
}
.fenye form input[type="text"]{
    background-color: #bcbcbc;
    transition: 0.6s; 
    width:44px;
    height: 100%;
    line-height: 38px;
    text-align: center;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 6px;
}
.fenye form input[type="text"]::-webkit-input-placeholder{
    transition: 0.6s;
    color: #fff;
}
.fenye form input[type="text"]:focus{
    color: #fff;
    border-color: #a4c42a;
    background: #434343;
    outline: none;
}
.fenye form input[type="text"]:focus::-webkit-input-placeholder{
    color: #ffffff;
}
.fenye form input[type="submit"]{
    transition: 0.6s;
    width: 44px; 
    height: 100%;
    line-height: 40px;
    text-align: center; 
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    background: #bcbcbc;
    border-radius: 6px;
}

.fenye form input[type="submit"]:hover{
    color: #ffffff;
    background: #434343;
    }
/*页码结束*/


/*全国门店开始*/
/*store1*/
.store1{
    background:#eeeeee;
    width:100%;
    height: auto;
    padding:0.55rem 0;
}
/*==network-box==*/
.cityList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border:1px solid #ccc;
    background:#f4f4f4;
}
.cityList-l {
    position: relative;
    width: 25%;
    height: 30px;
    margin-left: 30px;
    border: 1px solid #dcdcdc;
}
.cityList-l input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0px 30px 0px 5px;
    border: none;
    outline: none;
    line-height: 28px;
    font-size: 14px;
    color:#030816;
    transition: .3s;
    position: absolute;
    background:#f4f4f4;
}
.network-box{
    background:#fff;
    padding:50px 44px;
}
.cityList-l button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 28px;
    height: 28px;
    border: none;
    outline: none;
    background: transparent;
    line-height: 28px;
    font-size: 1.4rem;
    color: #cccccc;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.cityList-r {
    width: 56.8%;
    font-size: 0;
}
.cityList-r form {
    display: inline-block;
    width: 32.33%;
}
.cityList-r select {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0px 15px;
    border: none;
    border-left: 1px solid #eee;
    outline: none;
    font-size: 14px;
    color: #030816;
    background:#f4f4f4;
    cursor: pointer;
    display: inline-block;
    width: 32.33%;
}

.networkMap {
    float: right;
    width: 58.8%;
    height: 905px;
}
.networkMap #allmap{
    width:100%;
    height: 100%;
}
.mapChose {
    float: left;
    box-sizing: border-box;
    width: 41.2%;
    height: 905px;
    overflow: hidden;
    padding: 0px 20px 0px 10px;
}
.mapChose .swiper-slide {
    position: relative;
    padding:16px 0 16px 20px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    transition: .3s;
    font-size: 0;
    width:100%;
    height: auto;
}
.mapChose .swiper-slide div{
    float: left;
    width: 196px;
    height: 147px;
    overflow: hidden;
    object-fit:cover;
}

.mapChose .swiper-slide h6 {
    height:70px;
    overflow: hidden;
    margin: 0px;
    line-height: 70px;
    font-size: 20px;
    color: #030816;
    padding-left: 20px;

}
.cityList .fa-search{
    font-size: 16px;
    position: absolute;
}
.mapChose .swiper-slide p {
    max-height: 48px;
    overflow: hidden;
    line-height: 24px;
    font-size: 16px;
    color: #030816;
    text-align: left;
    padding-left: 16px;
    padding-right:10px;
}
.mapChose .swiper-scrollbar {
    width: 10px;
    right: 0px!important;
}
.mapChose .swiper-scrollbar-drag {
    background: #030816;
}
.networkContent{
    width:100%;
    height:100%;
    font-size: 0;
}
@media only screen and (max-width: 1300px) and (min-width: 0){
.mapChose .swiper-slide div{
    width: 170px;
    height: 131px;
}
.networkMap{
    height: 815px;
}
.networkMap #allmap{
    height:815px!important;
}
.mapChose{
    height:815px;
}
.mapChose .swiper-slide h6{
    height: 61px;
    line-height: 61px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 0){
.networkMap{
    height: 652px;
}
.networkMap #allmap{
    height:652px!important;
}
.mapChose{
    height: 652px;
}
.store1{
    padding: 5% 0;
}    
.network-box{
    background:#eee;
}
.mapChose .swiper-slide h6{
    height: 40px;
    line-height:40px;
    font-size: 16px;
}
.mapChose .swiper-slide p {
    max-height: 60px;
    line-height: 20px;
    font-size: 14px;
    padding-right: 5px;
} 
}
@media only screen and (max-width: 1100px) and (min-width: 0){
.mapChose .swiper-slide h6{
    height:50px;
    line-height:25px;
    font-size: 16px;
}
}
@media only screen and (max-width:1024px) and (min-width: 0){
.mapChose{
    float: right;
    width: 100%;
}
.networkMap{
    float: left;
    width: 100%;
    margin:0.2rem 0;
}
.mapChose .swiper-slide p{
    text-align: left;
}
.mapChose .swiper-slide h6{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 20px;
}
.mapChose .swiper-slide p{
    max-height: 40px;
    line-height: 20px;
    font-size: 16px;
}
.network-box{
    padding:0px;
}

}
@media only screen and (max-width:800px) and (min-width: 0){
.networkMap{
    height: 500px;
}
.networkMap #allmap{
    height:500px!important;
}
.mapChose{
    height: 489px;
}
.cityList{
    display: block;
}
.cityList-l{
    width: 100%;
    margin-left:0px;
    height: 50px;
    line-height: 50px;
}
.cityList-l button{
    width: 50px;
    height: 50px;
}
.cityList-l input {
    padding: 0 25px;
}
.cityList-l input{
    font-size: 16px;
}
.cityList .fa-search{
    font-size: 24px;
}
.cityList-r{
    width: 100%;
}
.cityList-r select{
    border:1px solid #e5e5e5;
}
.cityList-r select{
    height: 50px;
}
}
@media only screen and (max-width:550px) and (min-width: 0){
.networkMap {
    height: 400px;
}
.networkMap #allmap{
    height:400px!important;
}
.cityList-l input{
    font-size: 14px;
}
.cityList .fa-search{
    font-size: 20px;
}
.cityList-l {
    height: 40px;
    line-height: 40px;
}
.cityList-r select{
    height: 40px;
}
.mapChose{
    height: 423px;
}
.mapChose .swiper-slide h6 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
}
.mapChose .swiper-slide p {
    max-height: 54px;
    line-height: 18px;
    font-size: 14px;
}
.mapChose .swiper-slide div {
    width: 140px;
    height: 106px;
}
.mapChose .swiper-slide{
    padding:15px;
}
.store1 {
    padding: 9% 0;
}
}
@media only screen and (max-width:413px) and (min-width: 0){
.networkMap {
    height: 300px;
}
.networkMap #allmap{
    height:300px!important;
}
.mapChose{
    height: 370px;
}
.mapChose .swiper-slide div {
    width: 121px;
    height: 92px;
}
}
/*全国门店结束*/


/*公司简介about1开始*/
.about1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:70px;
    margin-bottom:60px;
}
.about1 .about1-1{
    width: 55.2857%;
    height: auto;
    background:#eeeeee;
    padding:35px 0px 62px 42px ;
}
.about1 .about1-1 .about1-2{
    max-height: 550px;
    overflow-y:auto;
    padding-right: 64px;
}
.about1 .about1-1 .about1-2 h1{
    color: #f5f5f5;
    font-size: 0.54rem;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
    text-transform:uppercase;
}
.about1 .about1-1 .about1-2 h2{
    color: #d0000e;
    font-family: "微软雅黑",Bold;
    font-size: 40px;
    font-weight: bold;
    line-height: 100%;
} 
.about1 .about1-1 .about1-2 p{
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    margin-top: 32px;

}
.about1 .about1-3{
    width: 626px;
    height: 644px;
    overflow: hidden;
    object-fit:cover;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.about1 .about1-3{
    width: 600px;
    height: 620px;
    overflow: hidden;
    object-fit:cover;
}
.about1 .about1-3 img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.about1 .about1-1{
    padding:35px 0  35px 42px;
}
.about1 .about1-1 .about1-2{
    padding-right: 42px;
}
}
@media only screen and (min-width: 0) and (max-width:1300px){
.about1{
    margin:6.5% 0;
}
.about1 .about1-1 .about1-2 {
    max-height: 510px;
}
.about1 .about1-1 .about1-2 h1{
    font-size: 35px;
}
.about1 .about1-1 .about1-2 h2{
    font-size: 32px;
}
.about1 .about1-1 .about1-2 p{
    margin-top:5%;
}
.about1 .about1-3 {
    height: 580px;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.about1 .about1-1{
    width: 100%;
}
.about1 .about1-3{
    display: none;
}
}
@media only screen and (min-width: 0) and (max-width:900px){
.about1 .about1-1 .about1-2 h1{
    font-size: 28px;
}
.about1 .about1-1 .about1-2 h2{
    font-size: 25px;
    margin:10px 0 0px 0;
    padding-bottom: 5px;
}
.about1 .about1-1 .about1-2 p {
    margin-top: 3%;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.about1 .about1-1 .about1-2 {
    max-height: 413px;
}
.about1 .about1-1 .about1-2 h1 {
    font-size: 25px;
}
.about1 .about1-1 .about1-2 h2 {
    font-size: 21px;
}
.about1 .about1-1{
    padding:25px;
    padding-right: 0px;
}
.about1 .about1-1 .about1-2{
    padding-right: 25px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.about1 .about1-1 .about1-2 h1 {
    font-size: 14px;
}
.about1 .about1-1 .about1-2 h2{
    font-size: 20px;
}
.about1 .about1-1 .about1-2 p{
    font-size: 14px;
    line-height: 164%;
}
.about1 .about1-1 {
    padding: 20px 0 20px 15px;
    padding-right: 0px;
}
.about1 .about1-1 .about1-2{
    padding-right: 15px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.about1 .about1-1 .about1-2 {
    max-height: 370px;
}
}
/*about1结束*/


/*about2开始*/
.about2{
    background:#f6f6f6;
    width: 100%;
    height: auto;
    font-size: 0;
}
.about2 h3{
    text-align: center;
    color: #e2e2e2;
    font-size: 30px;
    font-family: "Arial",Bold;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    padding-top: 40px;
    letter-spacing: 2px;
}
.about2 h4{
    color: #333333;
    font-family: "微软雅黑",Bold;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 200%;
    margin-top:-2px;
    letter-spacing: 2px;
}
.about2 h5{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
    margin-bottom:35px;
}
.about2-3{
    background:url("../pic/about3.jpg")no-repeat center;
    width: 100%;
    height: auto;
    background-size:cover;
    font-size: 0;
}
.about2 ul{
    width: 100%;
    height: auto;
}
.about2 ul li{
    float: left;
    width: 25%;
    display: block;
    height:290px; 
    border:1px solid #8a8a8a;
    position:relative;
}
.about2 ul li a{
    display: block;
}
.about2 ul li:hover{
    background:rgba(96,33,38,0.7);
    transition:.5s;
}
.about2 ul li:hover a h1{
    padding-bottom:18px;
    transition:.5s;
}
.about2 ul li:hover a h2{
    display: none;
    transition:.5s;
}
.about2 ul li:hover a p{
    display: block;
    transition:.5s;
    padding-bottom:6px;
}
.about2 ul li a{
    position: absolute;
    bottom: 30%;
    left: 50%;
    width: 100%;
    transform:translateX(-50%) translateY(-30%);
}
.about2 ul li a h1{
    color: #fff;
    font-size: 20px;
    font-family:"微软雅黑",Bold;
    font-weight:bold;
    text-align: center;
}
.about2 ul li a h2{
    font-size:14px;
    color: #ffffff;
    font-family: "Arial",Regular;
    text-align:center;
    line-height: 150%;
}
.about2 ul li a p{
    font-size:15px;
    color: #ffffff;
    text-align:center;
    display: none;
    line-height: 140%;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.about2 ul li {
    height: 258px;
}
.about2-3{
    padding:6% 0;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.about2 ul li {
    height: 235px;
}
}
@media only screen and (min-width: 0) and (max-width:915px){
.about2 ul li {
    width: 33.33%;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.about2 h3{
    font-size: 25px;
    padding-top: 6%;
}
.about2 h4{
    font-size: 21px;
}
.about3 h3{
    font-size: 25px;
}
.about3 h4{
    font-size: 21px;
}
.about2 ul li {
    width: 50%;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.about2 h3{
    font-size: 14px;
}
.about2 h4 {
    font-size: 20px;
}
.about2 h5{
    width: 25px;
    margin-bottom:20px;
}
.about2 ul li a h1{
    font-size: 17px;
}
.about2 ul li {
    height: 218px;
}
.about3{
    padding: 0.8rem 0!important;
}
}
@media only screen and (min-width: 0) and (max-width:450px){
.about2 ul li {
    height: 158px;
}
.about2 ul li:hover a{
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%) translateY(-18%);
    transition:.5s;
}
.about2 ul li:hover a p {
    padding-bottom:0px;
}
.about2 ul li:hover a h1{
    padding-bottom:0px;
}
.about2 ul li a h1 {
    font-size: 16px;
}

}
@media only screen and (min-width: 0) and (max-width:437px){
.about2 ul li:nth-of-type(4) a{
    bottom: 23%;
    transform: translateX(-50%) translateY(-23%);
}
}
@media only screen and (min-width: 0) and (max-width:443px){
.about2 ul li:last-child a{
    bottom: 23%;
    transform: translateX(-50%) translateY(-23%);
}
}
@media only screen and (min-width: 0) and (max-width:393px){
.about2 ul li:nth-of-type(1) a{
    bottom: 23%;
    transform: translateX(-50%) translateY(-23%);
}
.about2 ul li a h1 {
    font-size: 15px;
}
}
/*about2结束*/


/*about3开始*/
.about3{
    width: 100%;
    background:url("../pic/about4.jpg")no-repeat center center;
    height:auto;
    background-size:cover;
    padding:0.65rem 0 1rem 0;
}
.about3-1{
    position: relative; 
}
.about3-1 .swiper-slide{
    position: relative

}
.about3-1 .swiper-slide a{
    display: block;
    position: relative;
    overflow: hidden;
    padding:35% 0;
}
.about3-1 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.about3-1 .swiper-slide p{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(158, 50, 53, 0.86);
    color: #fff;
    opacity: 0;
    transition: 0.4s;
    font-size: 18px;
}
.about3-1 .swiper-slide p::before{
    content: '+';
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #fff;
    font-size: 30px;
    border-radius:50%;
    margin-bottom: 10px;
    opacity: 0.8;
    background:#fff;
    color: #9e3235;
}
.about3-1 .swiper-slide:hover p{
    opacity: 1;
}
.about3 h3{
    text-align: center;
    color: #e2e2e2;
    font-size: 30px;
    font-family: "Arial",Bold;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: 2px;
}
.about3 h4{
    color: #333333;
    font-family: "微软雅黑",Bold;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 200%;
    margin-top:-2px;
    letter-spacing: 2px;
}
.about3 h5{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
    margin-bottom:50px;
}
.about3-1 .swiper-prev, .about3-1 .swiper-next{
    position: absolute;
    width: 30px;
    height:55px;
    overflow: hidden;
    text-align: center;
    font-size: 35px;
    line-height: 55px;
    z-index: 11;
    background-color:rgba(0,0,0,0.5);
    color: #c10816;
    cursor: pointer;
    transition: 0.4s;
    top: 50%;
    transform:translateY(-50%);
}

.about3-1 .swiper-prev{
    left:0%;
    position: absolute;
}
.about3-1 .swiper-next{
    right:0%;
    position: absolute;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.about3{
    padding:0.6rem 0 1rem 0;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.about2 h4{
    font-size: 21px;
}
.about3 h3{
    font-size: 25px;
}
.about3 h4{
    font-size: 21px;
}
}
@media only screen and (min-width: 0) and (max-width:500px){
.about3-1 .swiper-slide p{
    font-size: 14px;
}
.about3-1 .swiper-slide p::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 25px;
}
.about3 h3{
    font-size: 14px;
}
.about3 h4 {
    font-size: 20px;
}
.about3 h5{
    width: 25px;
    margin-bottom:20px;
}
}
/*about3结束*/



/*about4开始*/

.about4{
    background:url("../pic/about7.jpg")no-repeat center center;
    background-size:cover;
    width: 100%;
    height: auto;
    font-size:0;
    padding:0.55rem 0 0.6rem 0;
    margin-bottom:65px;
}
.about4 .about4-1 p{
    color: #8b8b8b;
    font-size: 30px;
    font-family:"Arial",Bold;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
}
.about4 .about4-1 h2{
    color: #ffffff;
    font-size: 30px;
    font-family:"微软雅黑",Bold;
    font-weight: bold;
    text-align:center;
    line-height: 200%;
    margin-top: -3px;
}
.about4 .about4-1 h3{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
}
.about4 .about4-1 h4{
    font-size: 18px;
    color: #ffffff;
    padding:0 16%;
    line-height: 30px;
    text-align: center;
    margin:60px 0 70px 0;
}

.about4-2{
    position: relative; 
}
.about4-2 .swiper-slide{
    position: relative

}
.about4-2 .swiper-slide a{
    display: block;
    position: relative;
    overflow: hidden;
    padding:35% 0;
}
.about4-2 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.about4-2 .swiper-slide p{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(158, 50, 53, 0.86);
    color: #fff;
    opacity: 0;
    transition: 0.4s;
    font-size: 18px;
}
.about4-2 .swiper-slide p::before{
    content: '+';
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #fff;
    font-size: 30px;
    border-radius:50%;
    margin-bottom: 10px;
    opacity: 0.8;
    background:#fff;
    color: #9e3235;
}
.about4-2 .swiper-slide:hover p{
    opacity: 1;
}

.about4-2 .swiper-prev, .about4-2 .swiper-next{
    position: absolute;
    width: 30px;
    height:55px;
    overflow: hidden;
    text-align: center;
    font-size: 35px;
    line-height: 55px;
    z-index: 11;
    background-color:rgba(0,0,0,0.5);
    color: #c10816;
    cursor: pointer;
    transition: 0.4s;
    top: 50%;
    transform:translateY(-50%);
}

.about4-2 .swiper-prev{
    left:0%;
    position: absolute;
}
.about4-2 .swiper-next{
    right:0%;
    position: absolute;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.about4{
    padding:0.9rem 0;
    margin-bottom:0.6rem;
}
.about4 .about4-1 h4{
    margin:0.5rem 0;
}
.about4 .about4-1 h4{
    padding:0px 20px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.about4 .about4-1 h4{
    margin:15px 0;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.about4 .about4-1 h3{
    font-size: 25px;
}
.about4 .about4-1 h2{
    font-size:21px;
}
.about4 .about4-1 h4 {
    font-size: 16px;
    line-height: 26px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.about4 .about4-1 p{
    font-size: 14px;
}
.about4 .about4-1 h2{
    font-size: 20px;
}
.about4 .about4-1 h4 {
    padding:0px;
    font-size: 14px;
    line-height: 22px;
}
.about4 {
    padding: 40px 0;
}
}
@media only screen and (min-width: 0) and (max-width:500px){
.about4-2  .swiper-slide p{
    font-size: 14px;
}
.about4-2  .swiper-slide p::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 25px;
}
}
/*about4结束*/



/*con开始*/
.con{
    width: 100%;
    height: auto;
    background:#f8f8f8;
    font-size: 0px;
}
.con .con-1{
    background:#fff;
    padding:70px 0 50px 0;
}
.con .con-1 .con-2{
    text-align: center;
}
.con .con-1 .con-2 img{
    width: 157px;
    height: 157px;
    overflow: hidden;
    object-fit:cover;
}
.con .con-1 h1{
    font-size: 18px;
    color: #333333;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    margin-top:15px;
}
.con .con-1 p{
    color: #333333;
    font-size:16px;
    text-align: center;
    line-height: 29px
}
@media only screen and (min-width: 0) and (max-width:1200px){
.con .con-1{
    padding:0.6rem 0;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.con .con-1 .con-2 img {
    width: 135px;
    height: 135px;
}
.con .con-1 h1{
    font-size:15px;
    line-height:23px;
    margin-top:5px;
}
.con .con-1 p{
    font-size: 14px;
    line-height: 21px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.con .con-1 .con-2 img {
    width: 105px;
    height: 105px;
}
}
/*con结束*/


/*con1开始*/

.con1{
    width: 100%;
    height: auto;
    background:#f8f8f8;
    font-size: 0;
    padding:20px 0 40px 0;
}
.con1 .con1-1{
    background:#fff;
    padding:40px 0;
}
.con1 .con1-1 h3{
    text-align: center;
    font-size: 30px;
    color:#000000;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
    line-height: 42px;
}
.con1 .con1-1 p{
    font-size: 14px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
}
/* .con1 .con1-1 p{
    width: 40px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
    margin-top:8px;
} */


.jion5-4{
    font-size: 0;
    padding:30px 41px 0 41px;
}
.jion5-4 .jiam{
    width: 100%; 
    height: 49px; 
    align-items: center; 
    display: flex; 
    justify-content: flex-start;
    margin:26px 0;
}
.jion5-4 .jion5-5{
    display: flex;
    justify-content: space-between;
}
.jion5-4 .jion5-5 input{
    width: 32%;
    height: 49px;
    font-size: 16px;
    line-height: 49px;
    border: none;
    outline: none;
    border: 1px solid #e5e5e5;
    padding-left: 20px;
    color: #8d8b8b;

}
.jion5-4 .jiam input, .jion5-4 .jiam label{
    margin: 0px 5px; 
    font-size: 18px; 
    font-weight: normal; 
    color: #222;
}
.jion5-4  #joinsmap{
    justify-content: space-between;
}
.jion5-4 select{
    width: 49%; 
    border: 0px; 
    outline: none; 
    height: 100%;
    color: #8d8b8b;
    font-size: 16px;
    border:1px solid #e5e5e5;
    padding-left: 20px;
}
.jion5-4 textarea {
    width: 100%;
    height: 210px;
    border: none;
    outline: none;
    border: 1px solid #e5e5e5;
    padding-top: 15px;
    font-size: 16px;
    padding-left: 20px;
}
.jion5-4 .form_btn2 .form_submit {
    color: #fff;
    background: #030816;
    border: 0;
    font-size: 18px;
}
.jion5-4 .form_btn2 input {
    width: 1.40rem;
    height: 40px;
    min-width: 120px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 18px;
    background: #d0000e;
    color: #fff;
}
.form_btn2 {
    display: flex;
    justify-content: center;
    margin-top:30px;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.con1 .con1-1{
    padding:0.6rem 0;
}
.jion5-4{
    padding: 5% 0px 0 0px;
}
}
@media only screen and (min-width: 0) and (max-width:900px){
.con1 .con1-1 h3{
    font-size: 26px;
    line-height: 37px;
}
}
@media only screen and (min-width: 0) and (max-width:650px){
.jion5-4 .jion5-5 input{
    font-size: 14px;
    height: 41px;
    line-height: 41px;
}
.jion5-4 select{
    font-size: 14px;
    height: 41px;
    line-height: 41px;
}
.jion5-4 textarea{
    font-size: 14px;
    height: 126px;
}
.jion5-4 .form_btn2 .form_submit{
    font-size: 14px;
}
.jion5-4 .form_btn2 input{
    font-size: 14px;
    height: 35px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.con1 .con1-1 h3{
    font-size: 20px;
    line-height:30px;
}
.con1 .con1-1 p {
    line-height: 20px;
    margin: 5px 0 0 0;
}
.con1 .con1-1 h2{
    width:30px;
}

}
@media only screen and (min-width: 0) and (max-width:482px){
.jion5-4 .jion5-5{
    display: block;
}
.jion5-4 .jion5-5 input{
    width: 100%;
    margin:0 0 20px 0;
}
.jion5-4 .jion5-5 input:nth-of-type(3){
    margin-bottom:0px;
}
.jion5-4 .jiam{
    margin:20px 0;
}
.jion5-4 textarea {
    height: 89px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.con1 .con1-1 h3{
    font-size: 18px;
    line-height:28px;
}
}
@media only screen and (min-width: 0) and (max-width:360px){
.con1 .con1-1 {
    padding: 24px 0;
}
.jion5-4 .jion5-5 input {
    width: 100%;
    margin: 0 0 17px 0;
}
.jion5-4 .jiam{
    margin:17px 0;
}
.form_btn2 {
    margin-top: 21px;
}
}
/*con1结束*/



/*con2开始*/
.con2{
    width: 100%;
    height: 600px;
}
.con2 .con2-1{
    width: 100%;
    height: 600px;
}
.con2 .con2-1 p{
    font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width:750px){
.con2{
    width: 100%;
    height: 450px;
}
.con2 .con2-1{
    width: 100%;
    height: 450px;
}   
}
@media only screen and (min-width: 0) and (max-width:413px){
.con2{
    width: 100%;
    height: 350px;
}
.con2 .con2-1{
    width: 100%;
    height:350px;
}   
}
/*con2结束*/


/*cert1开始*/

.cert1{
    font-size:0px;
    padding:55px 0;
}
.cert1 h1{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-family:"微软雅黑",Bold;
    font-weight: bold;
    line-height: 100%;

}
.cert1 h3{
    text-align: center;
    font-size: 14px;
    color:#333333;
    line-height: 150%;
    margin:12px 0;
}
.cert1 h2{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
}


.cert1-1{
    position: relative; 
    padding-bottom: 35px;
    padding-top: 0.5rem;
}
.cert1-1 .swiper-slide{
    position: relative
}
.cert1-1 .swiper-slide a{
    position: relative;
    overflow:hidden;
    padding:37% 0;
    display: block;
    border: 1px solid #e5e5e5;
}
.cert1-1 .swiper-slide img{
    height: 100%;
    object-fit: cover;
    position:absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cert1-1 .swiper-slide p{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
    transition: 0.4s;
}
.cert1-1 .swiper-slide p::before{
    content: '+';
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 10px;
    opacity: 0.8;
}
.cert1-1 .swiper-slide h4{
    text-align: center;
    color: #333333;
    font-size:14px;
    line-height: 35px;
}
.cert1-1 .swiper-slide:hover h4{
    color: #d3252f;
    transition:.5s;
}
.cert1-1 .swiper-slide:hover p{
    opacity: 1;
}
.cert1-1 .swiper-pagination {
    bottom: 0 !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cert1-1 .swiper-pagination .swiper-pagination-bullet {
    width:9px;
    height:9px;
    border-radius: 50%;
    background: #434343;
    opacity: 1;
    margin: 0 10px;
}
.cert1-1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
}

@media only screen and (min-width: 0) and (max-width:1024px){
.cert1 h1{
    font-size: 26px;
}
.cert1{
    padding:0.6rem 0;
}
.cert1-1{
    padding:0.5rem 0 20px 0;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.cert1 h1{
    font-size: 22px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.cert1 h1{
    font-size: 20px;
}
}
/*cert1结束*/


/*video开始*/

.video{
    font-size: 0;
    padding:40px 0 50px 0;
}
.video ul li iframe{
    width: 100%;
    height: 600px;
}
.video .video-3{

}
.video .video-3 li{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
}
.video1{
    position: relative;
}
.video1 .video-2{
    position: absolute;
    top: 0;
    right: 0;
    background:rgba(0,0,0,0.5);
    width: 145px;
}
.video1 .video-2 p{
    text-align:right;
    padding:5px 5px 5px 0px;
}
.video1 .video-2 ul li{
    padding:9px 0;
    line-height: 100%;
    line-height:22px;font-size:14px;
    border-top: 1px solid #c9c9c9;
}
.video-1 li{
    display: none;
}
.video-1 .active{
    display: block;
    transition:.5s;
}
.video1 .video-2 ul .active{
    color: #d0000e;
}
.video .video-3{
    height:569px;
    overflow: hidden;
overflow-y: scroll;
}
.video .video-3::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.video .video-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.video .video-3::-webkit-scrollbar-thumb {
    background: #eb5403;
    border-radius: 6px;
}

.video .video-3::-webkit-scrollbar-corner {
    background: #82AFFF;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.video{
    padding:0.15rem 0;
}
.video ul li iframe {
    height: 519px;
}
.video .video-3{height:488px;}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.video ul li iframe {
    height: 429px;
}
.video .video-3{height:398px;}
}
@media only screen and (min-width: 0) and (max-width:600px){
.video ul li iframe {
    height: 400px;
}
.video .video-3{height:369px;}
.video1 .video-2 ul li {
    padding: 6px 0;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.video ul li iframe {
    height: 320px;
}
.video .video-3{height:279px;}
.video .video-2 img{
    width: 15px;
    height: 15px;
    object-fit:cover;
    overflow: hidden;
}
.video1 .video-2 {
    width:140px;
}
}
/*video结束*/


/*tea1开始*/
.tea1{
    font-size: 0px;
    position: relative;
}
.tea1-1{
    position: relative; 
    padding-bottom: 0.53rem;
    padding-top: 0.65rem;
}
.tea1-1 .swiper-slide{
    position: relative
}
.tea1-1 .swiper-slide a{
    position: relative;
    overflow:hidden;
    padding:37% 0;
    display: block;
    border: 1px solid #e5e5e5;
}
.tea1-1 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:absolute;
    top: 0;
    left: 0px;
}
.tea1-1 .swiper-slide p{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
    transition: 0.4s;
}
.tea1-1 .swiper-slide p::before{
    content: '+';
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 10px;
    opacity: 0.8;
}
.tea1-1 .swiper-slide:hover p{
    opacity: 1;
}
.tea1-1 .swiper-pagination {
    font-size: 0px;
    position: absolute;
    bottom: 25px!important;
    width: 100%;
    display: none;
}
.tea1-1 .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #434343;
    opacity: 1;
    margin:0px 3px;
}
.tea1-1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.tea1-1{
    padding:0.6rem 0;
}
.tea1-1 .swiper-pagination {
    display: block;
}
}
@media only screen and (min-width: 0) and (max-width:899px){
.tea1-1 .swiper-pagination {
    bottom: 10px!important;
}    
}
@media only screen and (min-width: 0) and (max-width:700px){
.tea1-1 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
}
/*tea1结束*/




/*tea1开始*/
.tea2{
    font-size: 0px;
    background:url("../pic/tea2.jpg")no-repeat center center;
    background-size:cover;
    width: 100%;
    height: auto;
    padding:55px 0 80px 0; 
    margin-bottom:80px;
    position: relative;
}
.tea2 h1{
    font-size:30px;
    color:#ffffff;
    font-family: "微软雅黑",Bold;
    text-align: center;
    font-weight: bold;
    line-height: 100%;
}
.tea2 h2{
    font-size: 14px;
    color: #ffffff;
    font-family: "Arial",Regular;
    text-align: center;
    line-height: 27px;
}
.tea2 h3{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
}
.tea2-1{
    position: relative; 
    padding-top: 0.65rem;
}
.tea2-1 .swiper-slide{
    position: relative;
    padding-top:77px;
}
.tea2-1 .swiper-slide a{
    display: block;
    background:#fff;
    padding:1.3rem 0 0.45rem 0;
}
.tea2-1 .swiper-slide a{
    position: relative;
}
.tea2-1 .swiper-slide img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: 172px;
    height: 172px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}
.tea2-1 .swiper-slide a h4{
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-family:"微软雅黑",Bold;
    font-weight: bold;
    line-height: 100%;
    margin-bottom:18px;
}
.tea2-1 .swiper-slide a p{
    font-size: 16px;
    text-align: center;
    padding:0 22px;
    letter-spacing: 1px;
    line-height: 26px;
    height: 180px;
    overflow: hidden;
    text-align: left;
}
.tea2-1 .swiper-pagination {
    bottom: -40px!important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tea2-1 .swiper-pagination .swiper-pagination-bullet {
    width:15px;
    height:15px;
    border-radius: 50%;
    background: #000;
    opacity: 1;
    margin: 0 3px;
}
.tea2-1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.tea2-1 .swiper-slide a p{
    padding:0 20px;
}
.tea2{
    padding:0.8rem 0;
    margin-bottom:0.8rem;
}

}
@media only screen and (min-width: 0) and (max-width:1200px){
.tea2-1 {
    position: relative;
    padding-top: 0.6rem;
}
.tea2-1 .swiper-slide img{
    width: 165px;
    height: 165px;
}
.tea2{
    margin-bottom:0.6rem;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.tea2-1 .swiper-slide img{
    width: 172px;
    height: 172px;
    overflow: hidden;
    object-fit:cover;
}
.tea2-1 .swiper-slide a p {
    padding: 0 22px;
    line-height: 22.5px;
    height: 112.5px;
}
.tea2-1 .swiper-slide a {
    padding: 1.3rem 0 0.4rem 0;
}
}
@media only screen and (min-width: 0) and (max-width:900px){
.tea2-1 .swiper-slide{
    padding-top:11%;
}
.tea2-1 .swiper-slide img{
    width: 160px;
    height: 160px;
}
}
@media only screen and (min-width: 0) and (max-width:850px){
.tea2 h1{
    font-size: 26px;
}
}
@media only screen and (min-width: 0) and (max-width:820px){
.tea2-1 .swiper-slide img{
    width: 140px;
    height: 140px;
}
.tea2-1 .swiper-slide a h4{
    font-size: 17px;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.tea2-1 .swiper-slide a p{
    line-height: 24px;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.tea2-1 .swiper-slide img{
    width: 130px;
    height: 130px;
}
.tea2 h1{
    font-size:21px;
}
.tea2-1 .swiper-pagination .swiper-pagination-bullet {
    width:10px;
    height:10px;
}
}
@media only screen and (min-width: 0) and (max-width:640px){
.tea2-1 .swiper-slide a h4{
    margin-bottom:14px;
}
}
@media only screen and (min-width: 0) and (max-width:580px){
.tea2-1 .swiper-slide {
    padding-top: 12.5%;
}
.tea2-1 .swiper-slide a p{
    font-size: 14px;
    line-height: 19px;
    height: 76px;
}
.tea2-1 .swiper-slide a h4{
    font-size: 16px;
}
}
@media only screen and (min-width: 0) and (max-width:530px){
.tea2-1 .swiper-slide img{
    width: 120px;
    height: 120px;
}
.tea2 h1{
    font-size:18px;
    letter-spacing: 1px;
}
}
@media only screen and (min-width: 0) and (max-width:500px){
.tea2-1 .swiper-slide a h4{
    font-size: 15px;
}

}
@media only screen and (min-width: 0) and (max-width:420px){
.tea2-1 .swiper-slide img{
    width: 110px;
    height: 110px;
}
.tea2-1 .swiper-slide a p {
    padding: 0 12px;
}
}
@media only screen and (min-width: 0) and (max-width:400px){
.tea2-1 .swiper-slide{
    padding-top: 15.5%;
}
}
@media only screen and (min-width: 0) and (max-width:365px){
.tea2-1 .swiper-slide{
    padding-top: 55px;
}
.tea2-1 .swiper-slide img{
    width: 100px;
    height: 100px;
}
.tea2-1 .swiper-slide a h4{
    margin-top:-5px;
}
}
/*tea2结束*/



/*user1开始*/

.user1{
    font-size:0px;
    padding:60px 0 60px 0;
}
.user1 ul li{
    width: 100%;
    height: 100%;
    margin-bottom:30px;
}
.user1 ul li a{
    display:block;
    width:100%;
    height: 100%;
    padding: 27px;
    border:1px solid #e5e5e5;
} 
.user1 ul li a .user2{
    width: 100%;
    height: 100%;
}
.user1 ul li a .user1-1{
    float: left;
    width: 381px;
    height: 259px;
    overflow: hidden;
    object-fit:cover;
}
.user1 ul li a .user1-1 img{
    width: 100%;
    height:100%;
    overflow: hidden;
    object-fit:cover;
}
.user1 ul li a .user1-2{
    float:left;
    width:67.4286%;
    margin-left:56px;
}
.pub_pg{
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    margin:38px 0 48px 0;
}
.pub_pg_active{
    width: 35px;
    height: 35px;
    background: #434343;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
    margin-right: 4px;
    border-radius: 5px;
}
.pub_pg .pub_pg_default{
    width: 35px;
    height: 35px;
    background: #bcbcbc;
    text-align: center;
    line-height: 35px;
    margin-right: 4px;
    border-radius: 5px;
}
.pub_pg #pager_page{
    width: 44px;
    height: 35px;
    line-height: 35px;
    background: #bcbcbc;
    text-align: center;
    color:#fff;
    margin-right: 4px;
    border-radius: 5px;
}
.pub_pg .pub_pg_next{
    width: 35px;
    height: 35px;
    background: #bcbcbc;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-right: 20px;
    border-radius: 5px;
}
.pub_pg .pub_pg_prev{
    width: 35px;
    height: 35px;
    background: #bcbcbc;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-right: 4px;
    border-radius: 5px;
}
.pub_pg .pub_pg_prev:hover{
    transition: .5s;
    background: #434343;
}
.pub_pg .pub_pg_next:hover{
    transition: .5s;
    background: #434343;
}
.pub_pg #pager_page:hover{
    transition: .5s;
    background: #434343;
}
.pub_pg .pub_pg_go:hover{
    transition: .5s;
    background: #434343;
}
.pub_pg .pub_pg_default:hover{
    transition: .5s;
    background: #434343;
}
.pub_pg input:-moz-placeholder {
    color: #fff; 
    opacity: 1;
}
.pub_pg  input::-moz-placeholder {
    color: #fff;
    opacity: 1;
} 
.pub_pg  input:-ms-input-placeholder {
    color: #fff;
} 
.pub_pg  input::-webkit-input-placeholder {
    color: #fff; 
}
.pub_pg .pub_pg_go{
    width: 44px;
    height: 35px;
    line-height: 35px;
    background: #bcbcbc;
    text-align: center;
    border-radius: 5px;
}
.user1 ul li a .user1-3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
}
.user1 ul li a .user1-3 .user1-4{
    display: flex;
    align-items: center;
}
.user1 ul li a .user1-3 .user1-4 h1{
    color: #333333;
    font-size: 20px;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.user1 ul li a .user1-3 .user1-4 h5{
    width: 4px;
    height: 4px;
    border-radius:50%;
    background:#333333;
    margin-left: 20px;
}
.user1 ul li a .user1-3 time{
    color: #e8e8e8;
    font-size: 20px;
}
.user1 ul li a .user1-3 time span{
    color: #6e6e6e;
}
.user1 ul li a p{
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    color:#333333;
    letter-spacing: 1px;
    margin-top:31px;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.user1 ul li a .user1-1 {
    width: 26.5714%;
    height: 236px;
}
.user1 ul li a .user1-2{
    margin-left: 5%;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.user1 ul li a .user1-1 {
    width:27%;
    height: 202px;
}
.user1 ul li a .user1-2{
    width: 63%;
}
.pub_pg{
    display: none;
}
.user1 ul li a .user1-3 .user1-4{
    width: 72%;
}
.user1{
    padding:0.6rem 0 0.2rem 0;
}
.form_btn2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.jion5-4 .form_btn2 input{
    width: 48.5%;
    margin-right: 0px;
}
.user1 ul li a p{
    margin-top: 8px;
}
}
@media only screen and (min-width: 0) and (max-width:900px){
.user1 ul li a{
    padding:15px;
}
.user1 ul li a .user1-1{
    height: 153px;
}
.user1-4 img{
    width: 30px;
    height: 30px;
    overflow: hidden;
    object-fit:cover;
}
.user1 ul li a .user1-2{
    padding-top: 15px;
}
.user1 ul li a .user1-3 .user1-4 h1 {
    font-size: 17px;
}
.user1 ul li a .user1-3 time {
    font-size: 17px;
}
.user1 ul li a p {
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    margin-top: 8px;
    overflow: hidden;
}
.user1 ul li a .user1-2{
    margin-left: 28px;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.user1 ul li a .user1-1{
    width: 100%;
    position: relative;
    overflow: hidden;
    object-fit:cover;
    padding:34% 0;
}
.user1 ul li a .user1-1 img{
    position: absolute;
    object-fit:cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.user1 ul li a .user1-2{
    width: 100%;
}
.user1 ul li a{
    padding:20px;
}
.user1-4 img{
    width: 41px;
    height: 41px;
}
.user1 ul li a .user1-3 .user1-4 h1{
    font-size: 20px;
    font-weight: bold;
}
.user1 ul li a .user1-3 time{
    font-size:20px;
}
.user1 ul li a p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
    height: 75px;
    overflow: hidden;
}
.user1 ul li a .user1-2{
    margin-left:0px;
}
.user1 ul li a .user1-3{
    margin-top:10px;
}
}
@media only screen and (min-width: 0) and (max-width:600px){
.user1 ul li a{
    padding:15px;
}
.user1-4 img{
    width: 31px;
    height: 31px;
}
.jion5-4 .form_btn2 input{
    width: 48%;
}
.user1 ul li a .user1-3 .user1-4 h1{
    font-size: 16px;
    font-weight: bold;
}
.user1 ul li a .user1-3 time{
    font-size:16px;
}
.user1 ul li a p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    height: 66px;
}
}
@media only screen and (min-width: 0) and (max-width:450px){
.user1-4 img{
    width: 25px;
    height: 25px;
}
.user1 ul li a .user1-3 .user1-4 h1{
    font-size: 16px;
    font-weight: bold;
}
.user1 ul li a .user1-3 time{
    font-size:16px;
}
.jion5-4 .form_btn2 input{
    width: 47%;
}
.con2 .con2-1 p{
    font-size: 14px;
}
.user1 ul li a p {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    margin-top: 10px;
    overflow: hidden;
}
.user1 ul li a .user1-3{
    margin-top:5px;
}
.user1 ul li a .user1-3{
    display: block;
}
.user1 ul li a .user1-3 .user1-4{
    margin-bottom: 5px;
}
}
@media only screen and (min-width: 0) and (max-width:360px){
.user1-4 img{
    display: none;
}
.user1 ul li a .user1-3 .user1-4 h5{
    display: none;
}
.user1 ul li a .user1-3 .user1-4 h1{
    margin-left:0px;
}
}
/*user1结束*/



/*case1开始*/
.case1{
    margin-top:0.6rem;
    margin-bottom:0.6rem;
}
.case1 h3{
    color: #333333;
    font-size: 30px;
    text-align: center;
    line-height: 100%;
}
.case1 p{
    color: #333333;
    font-size: 16px;
    text-align: center;
    line-height: 100%;
    margin:10px 0;
}
.case1 h2{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
}
.case1 .case1-1{
    width:100%;
    height: 100%;
    margin-top:0.65rem;
}
.case1 .case1-1 li{
    width: 24.3571%;
    float: left;
}
.case1 ul li a{
    display: block;
    position: relative;
}
.case1 ul li a div{
    overflow: hidden;
    padding: 58.656% 0;
    position: relative;
}
.case1 ul li a div img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit:cover;
    top: 0;
    left: 0;
}
.case1 ul li a h3{
    width: 100%;
    position: absolute;
    bottom: 0;
    background:rgba(0,0,0,0.5);
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}
.case1 .case1-1 li{
    margin-right:0.859%;
    margin-bottom:30px;
}
.case1 .case1-1 li:nth-of-type(2) a div,.case1 .case1-1 li:nth-of-type(4) a div,.case1 .case1-1 li:nth-of-type(5) a div,.case1 .case1-1 li:nth-of-type(7) a div,.case1 .case1-1 li:nth-of-type(10) a div,.case1 .case1-1 li:nth-of-type(12) a div{
    padding: 51.325% 0;
}
.case1 .case1-1 li:nth-of-type(5) a div,.case1 .case1-1 li:nth-of-type(7) a div,.case1 .case1-1 li:nth-of-type(10) a div,.case1 .case1-1 li:nth-of-type(12) a div{
    margin-top:25px;
}
.case1 .case1-1 li:nth-of-type(4n){
    margin-right:0;
}
.fenye2{
    padding-top:20px;
}

section.case.jq22 {
    display: none;
}
section.case > ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
section.case > ul {
    padding-bottom: 0;
}
section.case > ul li {
    width: 48%;
    margin-right: 4% !important;
}
section.case > ul li:nth-of-type(2n){
    margin-right:0!important;
}
section.case > ul.branch_pro li{
    position:relative;
    margin-bottom:0.6rem;
}
section.case > ul.branch_pro li a {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
section.case > ul.branch_pro li a figure {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    padding: 50% 0;
    overflow: hidden;
    background:rgba(0,0,0,0.5);
    bottom: 0;
}
section.case > ul li a figure img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
}
section.case > ul.branch_pro li a h3 {
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 3px 0;
}

@media only screen and (min-width: 0) and (max-width:1400px){
.case1 .case1-1 li{
    margin-right:0.81%;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.case1 .case1-1 li{
    width: 31.5%;
    margin-right: 2.68%;
}
.case1 .case1-1 li:nth-of-type(3n){
    margin-right:0px!important;
}
.case1 .case1-1 li:nth-of-type(4n){
    margin-right: 2.7%;
}
.case1 .case1-1 li:nth-of-type(5) a div, .case1 .case1-1 li:nth-of-type(7) a div, .case1 .case1-1 li:nth-of-type(10) a div, .case1 .case1-1 li:nth-of-type(12) a div {
    margin-top: 0px;
}
.case1 .case1-1 li a div {
    padding: 58.656% 0!important;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.case1 .case1-1{
    display:none;
}
.case1 h3{
    font-size: 26px;
}
.case1{
    margin-top:0.7rem;
    margin-bottom:0.6rem;
}
.four4{
    display: none;
}
section.case.jq22 {
    display: block;
    margin-top:0.8rem;
}
.pub_more {
    width: 96%;
    margin: 0% auto;
    margin-bottom: 0;
    padding: 2.5% 0;
    background: #434343;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    
}
.pub_moreone{
    margin-bottom: 0.6rem;
}
.pub_moreone:hover{
    color: #fff;
}
.pub_more i {
    background: url(../pic/download3.png) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.pub_more p {
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
section.case > ul.branch_pro li a div{
    position: relative;
    padding: 31% 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
section.case > ul.branch_pro li a div img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.case1 h3{
    font-size: 22px;
}
section.case > ul.branch_pro li a h3{
    padding:0px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.case1 h3{
    font-size: 18px;
}
.case1 p{
    font-size: 14px;
}
section.case > ul.branch_pro li a h3 {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.pub_more {
    width: 96%;
    padding: 2.5% 0;
    font-size: 14px;
}
.pub_more p{
    font-size: 14px;
}
.pub_more i {
    width: 17px;
    height: 17px;
}
.pub_moreone{
    margin-top: 0.1rem;
}
section.case > ul.branch_pro li {
    margin-bottom: 24px;
}
section.case.jq22 {
    margin-top: 25px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
section.case.jq22 {
    margin-top: 10px;
}
section.case > ul.branch_pro li a div{
    padding: 45% 0;
}
section.case > ul.branch_pro li{
    margin-bottom: 20px;
}
}
/*case1结束*/



/*pro1开始*/
.headertwo3{
    padding:10px 0px; 
}
.headertwo form{
    width: 440px;
    height: 36px;
    line-height:36px;
    display: flex;
    background:#f9f9f9;
    font-size: 14px;
    justify-content: space-between;
}
.headertwo form input{
    width: 370px;
    height: 36px;
    color: #d6d6d6;
    border:1px solid #dcdcdc;
    padding-left: 16px;
    background:#f9f9f9;
}
.headertwo form button{
    width: 60px;
    height: 36px;
    color: #ffffff;
    font-size: 14px;
    background:#626262;
}
.pro1{
    display: black;
    margin-top:42px;
    margin-bottom:42px;
    font-size: 0;
}
.pro1 .J_all{
    width: 100%;
    padding: 16px 17px;
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    background-color: #e5e5e5;
    border: 1px solid #bfbfbf;
    font-size: 0;
}
.pro1 .J_all>div {
    width: 75px;
    font-size: 16px;
    color: #333333;
    font-weight:bold;
}
.pro1 .J_all>div img{
    margin-right:15px;
}
.pro1  .J_all>ul {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}
.pro1 .J_all>ul li a {
    display: block;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
}
.pro1 .J_all>ul li a i {
    display: inline-block;
    width: 12px;
    height: 7px;
    background: url(../pic/pro2.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 12px;
}
.pro1 .J_series {
    display: block;
    transition: none;
}
.pro1 .J_series .cp {
    padding: 12px 0 12px 50px;
    transition: none;
    border: 1px solid #dfdfdf;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.pro1 .J_series .xl {
    padding: 12px 0 12px 50px;
    transition: none;
    border: 1px solid #dfdfdf;
    border-top: none;
}
.pro1 .J_series .cp li:nth-of-type(1) {
    color: #333333;
    font-size: 16px;
    font-weight:bold;
}
.pro1 .J_series .cp{
    width: 100%;
    height: 100%;
}
.pro1 .J_series .cp li {
    float: left;
    margin-right: 40px;
    padding:10px 0;
}
.pro1 .J_series .cp li a {
    display: block;
    font-size: 16px;
    color: #494747;
    text-align: center;
}
.pro1 .J_series .xl li:nth-of-type(1) {
    color: #333333;
    font-size: 16px;
    font-weight:bold;
}
.pro1 .J_series .xl{
    width: 100%;
    height: auto;

}
.pro1 .J_series .xl li {
    float: left;
    margin-right: 40px;
    padding:10px 0;
}
.pro1 .J_series .xl li a {
    display: block;
    font-size: 16px;
    color: #494747;
}
.pro1 .J_series ul li a:hover{
    color: #d0000e;
    transition: .5s;
}
.pro2{
    margin-top:53px;
    margin-bottom: 0;
}
.pro2 .item_ul{
    width: 100%;
    height: 100%;
    display: block;
}
.pro2 >ul li{
    position:relative;
    margin-bottom:15px;
    width: 24.285%;
    float: left;
    margin-right: 0.95%;
    margin-bottom:35px;
}
.pro2 >ul li:nth-of-type(4n){
    margin-right:0px;
}
.pro2 ul li:hover a figure figcaption h5{
    color: #d0000e;
    transition:.5s;
}
.pro2 ul li a figure .product_img .fade{
    position: absolute;
    top: 0;
    left:50%;
    transform: translateX(-50%);
    object-fit: cover;
    width: 100%;
    opacity: 0;
}
.pro2 ul li a:hover>figure .product_img img.fade {
    opacity: 1;
    transform: scale(1);
    transition: 0.5s;
    left:50%;
    transform: translateX(-50%);
}
.pro2 ul li a figure>div:after {
    transition: 0s;
    position: absolute;
    left: -85px;
    top: 0;
    transform: skewx(-25deg);
    content: "";
    width: 50px;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.pro2 ul li a figure>div:hover:after{
    transition: 0.6s;
    left: 350px;
    visibility: visible;
    width: 250px;
}
/* .pro2 ul li:last-child{
    margin-bottom:0px;
} */
.pro2 ul li a figure>div {
    position: relative;
    padding: 51.86% 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.pro2 ul li a figure>div img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    object-fit: cover;
    transition: 1s;
}
.pro2 ul li a figure>div .hidden {
    transform: scale(0);
    transition: 0.6s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 100;
}
.pro2 ul li a figure>div .show {
    transform: scale(1);
}
.pro2 ul li a figure>div .hidden canvas {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
}
.pro2 ul li a figure figcaption {
    padding: 4px;
    background:rgba(0,0,0,0.3);
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
}
.pro2 ul li a figure figcaption i {
    background: url(../pic/yin2.png) no-repeat;
    width: 18px;
    height: 17px;
    float: right;
    margin-top: 5px;
}
.pro2 ul li a figure figcaption h5 {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 180%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0.6s;
}
.fenye3{
    padding:30px 0 45px 0;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.pro1{
    display: none;
}
.m_page_nav1{
    margin-top:0;
}
.pro2 ul li{
    width: 32%;
    margin-right: 2%;
}
.pro2 ul li:nth-of-type(3n){
    margin-right:0!important;
}
.pro2 ul li:nth-of-type(4n){
    margin-right: 2%;
}
.fenye3 {
    padding: 15px 0 45px 0!important;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.pro2 .item_ul{
    display: block;
}
.pro2 .item_ul2{
    width: 100%;
    height: 100%;
}
.pro2 ul li a figure figcaption i{
    display: none;
}
.pro2{
    margin:0.63rem 0;
}
.ppo .pub_pg{
    display: flex;
    margin:0.38rem 0 0.48rem 0;
}
.pub_pg_active{
    display: none;
}
.pub_pg .pub_pg_default{
    display: none;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.pro2 ul li{
    width: 48%;
    margin-right:4%;
}

.pro2 ul li:nth-of-type(3n){
    margin-right:4%!important;
}
.pro2 ul li:nth-of-type(2n){
    margin-right:0!important;
}
}
@media only screen and (min-width: 0) and (max-width:600px){
.pro2 ul li a figure figcaption h5{
    font-size: 14px;
}
.ppo .pub_pg{
    display: flex;
    margin:0rem 0 0.40rem 0;
}
.pro2 ul li{
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.pro2 ul li{
    margin-bottom: 20px;
}   
.pro2 ul li a figure figcaption{
    padding:0px 4px;
}
}
/*pro1结束*/


/*pro2结束*/




/*pro3开始*/
/*== 产品详情 ==*/
.pro_view1{
    margin: 0 0 1.2rem; 
    display: flex; 
    align-items: flex-start; 
    justify-content: space-between;
}
.pro_view1_left{
    position: relative; 
    width: 48.1429%; 
    padding: 10px; 
    border: 1px solid #d8d8d8;
}
.pro_view1_bd .swiper-slide{
    position: relative; 
    background: #f7f7f7;
}
.pro_view1_bd .swiper-slide .pic{
    display: block; 
    position: relative; 
    width: 100%; 
    padding: 50% 0; 
    overflow: hidden;
    background: #fff;
}
.pro_view1_bd .swiper-slide .pic img{
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: contain;
}
.pro_view1_bd .swiper-slide p{
    position: absolute; 
    left: 0; bottom: 0; 
    width: 100%; 
    font-size: 14px; 
    color: #fff; 
    line-height: 20px; 
    padding: 0px 0px; 
    background: rgba(0,0,0,0.5);
}
.pro_view1_hd {
    position: absolute;
    left: 0;
    bottom: -80px;
    width: 100%;
    padding: 0 0px;
}

@media screen and (max-width: 700px) {
.pro_view1_hd {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    padding: 0 0px;
}
.pro_view1_left{
	margin-bottom: 60px;
}
}

.pro_view1_hd .swiper-slide{
    width: auto;
}
.pro_view1_hd .swiper-slide a{
    display: block; 
    position: relative; 
    width: 60px; 
    height:60px; 
    overflow: hidden; 
    background: #fff;
}
.pro-view2{
    display: flex;
    font-size: 0;
    align-items: center;
    margin:20px 0;
}
.pro-view2 h5{
    color: #ffffff;
    font-size: 14px;
    padding:9px 40px;
    background:#d0000e;
    border-radius:10px;
    margin-right:30px;
}
.pro-view2 span{
    color: #d0000e;
    font-size: 22px;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
}
.pro_view1_hd .swiper-slide a img{
    transition: 0.6s; 
    border: 1px solid #343434; 
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: contain;
}
.pro_view1_hd .swiper-slide.active a img{
    border-color:#d0000e;
}
.pro_view1_right{
    width: 46%;
}
.pro_view1_right h3{
    font-family: "微软雅黑", Bold;
    font-size: 22px; 
    color: #000;
    font-weight: bold;
    line-height: 100%;
    margin-top:60px;
}
.pro_view1_right h3 span{
    font-weight: normal;
}
.pro_view1_right h4 span{
    font-weight: normal;
}
.pro_view1_right h4{
    font-family: "微软雅黑", Bold;
    margin-top:10px; 
    font-size: 22px; 
    color: #000;
    font-weight: bold;
    line-height: 100%;
}
.pro_view1_word{
    margin-top: 20px;
}
.pro_view1_word pre{
    white-space: pre-wrap; 
    font-size: 16px; 
    color: #666666; 
    line-height: 24px;
}
.pro_view1_word2{
    padding: 30px 0;
    border-top: 1px solid #d8d8d8; 
    border-bottom: 1px solid #d8d8d8; 
    display: flex; 
    align-items: flex-start; 
    justify-content: space-between;
}
.pro_view1_word2 ul{
    max-width: 65%;
}
.pro_view1_word2 ul li{
    margin-top: 20px; 
    font-size: 16px; 
    color: #474443; 
    line-height: 24px; 
    display: flex; 
    align-items: flex-start; 
    justify-content: flex-start;
}
.pro_view1_word2 ul li:nth-of-type(1){
    margin-top: 0;
}
.pro_view1_word2 ul li span{
    display: inline-block; 
    min-width: 3.5em;
}
.pro_view1_word2 ul li i:last-child{
    display: none;
}
.pro_view1_word2 figure{
    min-width: 155px; 
    width: 155px;
}
.pro_view1_word2 figure .pic{
    width: 100%;
}
.pro_view1_word2 figure .pic img{
    width: 100%; 
    object-fit: contain;
}
.pro_view1_word2 figure p{
    margin-top: 10px; 
    font-size: 16px; 
    color: #474443; 
    text-align: center;
}
.pro_view1_word3{
    margin-top: 40px; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
}
.pro_view1_word3 a{
    margin-right: 20px;
}
.pro_view1_word3 a:last-child{
    margin-right: 0;
}
.pro_view1_word3 .pro_btn{
    display: inline-block; 
    font-size: 16px; 
    color: #fff; 
    width: 255px; 
    line-height: 42px; 
    text-align: center; 
    background: #d2d2d2;
    z-index: 1;
}
.pro_view1_word3 .pro_btn:hover{
    background:#d0000e;
    transition: .5s;
}
@media only screen and (min-width: 0) and (max-width:1200px){
.pro_view1_right h3 {
    margin-top: 40px;
}
.pro_view1_right h4{
    font-size: 21px;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.pro_view1{
    display: block;
}
.pro_view1_left{
    width: 100%;
}
.pro_view1_right{
    width: 100%;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
.pro_view1_hd .swiper-slide a{
    width: 50px;
    height: 50px;
}
.pro_view1_word2 #qrcode #qrc_canvas{
    width: 125px;
    height: 125px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.pro_view1_right h3{
    font-size: 18px;
    margin-top: 26px;
}
.pro_view1_right h4{
    font-size: 18px;
}
.pro-view2 h5 {
    font-size: 14px;
    padding: 4px 32px;
}
.pro-view2 span {
    font-size: 20px;
}
.pro_view1_word2 {
    padding: 7px 0;
}
.pro-view2 h5{
    margin-right: 12px;
}
.pro_view1_word2 #qrcode #qrc_canvas{
    width: 100px;
    height: 100px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.pro_view1_right h3{
    font-size: 15px;
    margin-top: 15px;
}
.pro_view1_right h4{
    font-size: 15px;
}
.pro-view2 {
    margin: 15px 0;
}
.pro_view1_word3 {
    margin-top:0px;
}
.pro_view1_word3 .pro_btn{
    width: 40%;
    font-size: 14px;
    line-height: 30px;
}
}
/*pro3结束*/



/*pro4开始*/
.pro4{
    background:#eeeeee;
    width: 100%;
    height: auto;
    font-size: 0;
    padding-top: 40px;
    padding-bottom:0.6rem;
}
.pro4 div h1{
    font-size: 30px;
    color: #333333;
    text-align: center;
    line-height: 100%;
}
.pro4 div h3{
    font-size:14px;
    color: #333333;
    font-family: "Arial",Regular;
    text-align: center;
    line-height: 100%;
    margin:10px 0;
}
.pro4 div h2{
    width: 30px;
    height: 1px;
    border:1.5px solid #d0000e;
    margin:0px auto;
    margin-bottom:24px;
}
.pro4 div .pro4-1{
    font-size: 0px;
    padding:60px 100px;
    background: #fff;
}
.pro4 div .pro4-1 p{
    font-size: 16px;
}
.pro4 div .pro4-1 p img{
    width: 100%;
    height: auto;
}

.searchpro .item_ul2{
    width: 100%;
    height: 100%;
}
.searchpro .loading_bnt{
    display: flex;
    padding: 1% 0;
    width: 100%;
}
@media only screen and (min-width: 0) and (max-width:1400px){
.pro4 div .pro4-1{
    padding:0.5rem 30px;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.pro4{
    background:#eeeeee;
    width: 100%;
    height: auto;
    font-size: 0;
    padding:0.6rem 0;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.pro4 div .pro4-1{
    padding:0.5rem 20px;
}
.pro4 div h1{
    font-size: 26px;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.pro4 div h1{
    font-size: 20px;
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.pro_view1_hd .swiper-slide a{
    width: 40px;
    height: 40px;
}
}
@media only screen and (min-width: 0) and (max-width:413px){
.pro4 div h1{
    font-size: 18px;
}
.pro4 div .pro4-1 p{
    font-size: 14px!important;
    line-height: 25px!important;
}    
.pro4 div .pro4-1{
    padding:0.5rem 10px;
}
.pro-view2 span {
    font-size: 16px;
}
.pro_view1_hd .swiper-slide a {
    width: 31px;
    height: 31px;
}

.pro_view1_bd .swiper-slide p{
    line-height: 12px;
    padding: 10px 7px;
}
.pro_view1_hd{
    bottom: 49px;
}
}
/*pro4结束*/


/*coop开始*/
.coop{
    background:url("../pic/coop1.png")no-repeat center center;
    background-size:cover;
    width:586px;
    height: 586px;
    margin:0px auto;
}
.coop h1{
    color: #ffffff;
    font-size: 53.5px;
    font-family: "Bell MT",Regular!important;
    text-transform: uppercase;
    font-weight: normal!important;
    padding-top: 77px;
}
.coop h2{
    color: #ffffff;
    font-size: 32px!important;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
}
.coop1{
    display: flex;
    justify-content: center;
    margin:16px 0 11px 0;
}
.coop1 li{
    padding:8px 37px;
    background:#fff;
    color: #333333;
    font-size: 16px;
}
.coop1 li:nth-of-type(1){
    margin-right:10px;
}
.coop .coop2{
    background:rgba(241,205,207,08);
    width: 250px;
    height: 205px;
    margin:0px auto;
    padding:23px;
    margin-top: 23px;
}

.coop .coop2 h3{
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
}
.coop .coop2 .coop3{
    height: auto;
    font-size: 0;
    margin-top:10px;
}
.coop .coop2 .coop3 input{
    width: 210px;
    height: 37px;
    color: #fff;
    font-size: 14px;
    background:rgba(241,205,207,08);
    border:1px solid #fff;
    padding-left: 17px;
    margin-top:11px;
}
.coop .coop2 .coop3 input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
    font-size: 14px;
}

.coop .coop2 .coop3 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    font-size: 14px;
}

.coop .coop2 .coop3 input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
    font-size: 14px;
}  
.coop3 button{
    width: 210px;
    height: 37px;
    background:#959595;
    color: #ffffff;
    font-size: 14px;
    margin-top:13px;
}
@media only screen and (max-width: 1450px) and (min-width: 0){
.coop {
    width: 508px;
    background-size:100% 100%;
    height: 479px;
}
.coop h1{
    padding-top: 40px;
}
}
@media only screen and (max-width: 1290px) and (min-width: 0){
.coop {
    background-size:100% 100%;
    width: 500px;
    height: 479px;
}
.coop h1{
    font-size: 30px!important;
}
}
@media only screen and (max-width: 1200px) and (min-width: 0){
.topfour{
    display: block;
    margin-top:72px;
}
.coop h2{
    font-size: 26px!important;
}
}
@media only screen and (max-width: 1190px) and (min-width: 0){
.coop {
    width: 454px;
    height: 422px;
}
.coop h1{
    padding-top: 36px;
}
.coop h1 {
    font-size: 25px!important;
}
.coop1 li {
    padding: 5px 37px;
    font-size: 14px;
}
}
@media only screen and (max-width: 1050px) and (min-width: 0){
.coop {
    width: 402px;
    height: 386px;
}
.coop h1{
    padding-top: 20px;
    font-size: 24px!important;
}
.topthere .ind_tit h4 {
    font-size: 20px!important;
    margin-top:8px;
}
}
@media only screen and (max-width: 960px) and (min-width: 0){
.coop {
    height: 356px;
}
}
@media only screen and (max-width: 915px) and (min-width: 0){
.coop {
    width: 420px;
    height: 370px;
}
.coop1 li {
    padding: 2px 37px;
}
.topthere .int1 {
    padding: 23.847% 0;
    position: relative;
    overflow: hidden;
}
.topthere .int1 img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    top: 0;
    left: 0;
    position: absolute;
}
.coop .coop2 {
    width: 239px;
    height: 197px;
    padding: 10px 15px;
}
}
@media only screen and (max-width: 825px) and (min-width: 0){
.topthere .int1 {
    padding: 26.847% 0;
}
.coop h1 {
    font-size: 20px!important;
}
.coop .coop2 .coop3 input {
    height: 28px;
    padding-left: 17px;
    margin-top: 10px;
}
.coop3 button {
    height: 30px;
    margin-top: 13px;
}
.coop .coop2 {
    height: 177px;
    padding: 15px 15px;
}
}
@media only screen and (max-width: 735px) and (min-width: 0){
.coop .coop2 .coop3{
    margin-top:0px;
}
.coop{
    height: 354px;
}
}
@media only screen and (max-width: 695px) and (min-width: 0){
.coop{
    width: 421px;
    height: 331px;
}
.coop h1 {
    font-size: 18px!important;
}
.topthere .ind_tit h3 {
    font-size: 15px!important;
}

}
@media only screen and (max-width: 655px) and (min-width: 0){
.topthere .int1 {
    padding: 31.847% 0;
}
.coop {
    width: 421px;
    height: 373px;
}
.coop h1 {
    padding-top: 37px;
    font-size: 18px!important;
}
.topthere .int1 {
    padding: 34.847% 0;
}
}
@media only screen and (max-width: 570px) and (min-width: 0){
.topthere .int1 {
    padding: 38.847% 0;
}
}
@media only screen and (max-width: 501px) and (min-width: 0){
.topthere .int1 {
    padding: 42.847% 0;
}
}
@media only screen and (max-width: 450px) and (min-width: 0){
.topthere .int1 {
    padding: 48% 0;
}
}
@media only screen and (max-width: 430px) and (min-width: 0){
.topthere .int1 {
    padding: 52% 0;
}
.coop {
    width: 391px;
    height: 373px;
}
}
@media only screen and (max-width: 405px) and (min-width: 0){
.topthere .int1 {
    padding: 58% 0;
}
.coop {
    width: 373px;
    height: 363px;
}
.coop h1 {
    padding-top: 25px;
    font-size: 18px!important;
}
}
@media only screen and (max-width: 380px) and (min-width: 0){
.coop {
    width: 332px;
    height: 332px;
}
.coop .coop2 {
    width: 218px;
    height: 160px;
    padding: 8px 15px;
}
.coop .coop2 .coop3 input {
    width: 189px;
}
.coop3 button {
    width: 189px;
}
}
@media only screen and (max-width: 340px) and (min-width: 0){
.coop1{
    margin:10px 0;
}
.coop {
    width: 313px;
}
}
/*coop结束*/



/*news1开始*/
.news1{
    font-size: 0px;
    padding:50px 0 70px 0;
}
.news1-1{
    position: relative; 
}
.news1-1 .swiper-slide{
    position: relative
}
.news1-1 .swiper-slide a .new1-2{
    position: relative;
    overflow:hidden;
    padding: 37.4% 0;
    display: block;
    border: 1px solid #e5e5e5;
}
.news1-1 .swiper-slide a .new1-2 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position:absolute;
    top: 0;
    left: 0px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3{
    text-align: center;
    background:#d0000e;
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
}
.news1-1 .swiper-slide a .new1-2 .news1-3 span{
    color: #ffffff;
    font-size: 29px;
    font-family: "微软雅黑",Bold;
    text-align: center;
}
.news1-1 .swiper-slide a .new1-2 .news1-3 p{
    font-size: 16px;
    color: #f6cccf;
    text-align: center;
}
.news1-1 .swiper-slide a .new1-4{
    border:1px solid #eeeeee;
    padding:15px 20px;
}
.news1-1 .swiper-slide a .new1-4 h3{
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑",Bold;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
.news1-1 .swiper-slide a .new1-4 p{
    color: #858585;
    font-size:14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
    text-align: left;
}
.news1-1 .swiper-slide a .new1-4 h4{
    font-size: 14px;
    color: #d0000e;
    text-align: right;
    padding:15px 0  0;
}
.news1-1 .swiper-pagination {
    display: none;
    font-size: 0px;
    position: absolute;
    bottom: 0.5%!important;
    width: 100%;
}
.news1-1 .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height:2px;
    background: #aaaaaa;
    opacity: 1;
    margin:0px 3px;
    border-radius:0;
}
.news1-1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #d0000e;
    opacity: 1;
}
@media only screen and (max-width: 1200px) and (min-width: 0){
.news1{
    padding:0.6rem 0;
}
.news1-1 .swiper-pagination {
    display: flex;
}
}
@media only screen and (max-width: 750px) and (min-width: 0){
.news1-1 .swiper-slide a .new1-2 .news1-3 span{
    font-size: 22px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3 p{
    font-size: 16px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3{
    height: 60px;
}
}
@media only screen and (max-width: 500px) and (min-width: 0){
.news1-1 .swiper-slide a .new1-4{
    padding: 15px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3 span{
    font-size: 20px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3 p{
    font-size: 14px;
}
.news1-1 .swiper-slide a .new1-2 .news1-3{
    height: 50px;
}
.news1-1 .swiper-pagination .swiper-pagination-bullet{
    width: 25px;
}
}
/*new1结束*/



/*new2开始*/

.new2{
    font-size:0px;
}
.new2 .new2-1{
    width: 100%;
    padding-right: 30px;
}
.new2 ul li a .center9-2 .center9-4{
    width: 75.555%;
}
.fenye6{
    padding:35px 0 45px 0!important;
}
@media only screen and (max-width: 1400px) and (min-width: 0){
.new2 ul li a .center9-2 .center9-4{
    width: 73%;
}
.new2 .new2-1{
    padding-right: 0px;
}
}
@media only screen and (max-width: 1280px) and (min-width: 0){
.new2 ul li a .center9-2 .center9-4{
    width: 70%;
}
}
@media only screen and (max-width: 1210px) and (min-width: 0){
.new2 ul li a .center9-2 .center9-4{
    width: 70%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 0){
.new2 ul li a .center9-2 .center9-4{
    width: 100%;
}
.new2 .loading_bnt9{
    margin-top:0.4rem;
    margin-bottom:0.5rem;
}
}
/*new2结束*/



/*news-view开始*/

.news-view{
    background:#eeeeee;
    width: 100%;
    height: auto;
    font-size: 0;
    padding:50px 0;
}
.news-view .news-view1{
    background:#fff;
    padding-top: 62px;
}
.news-view  .news-view1 h1{
    color: #333333;
    font-size:18px;
    text-align: center;
    line-height: 100%;

}
.news-view  .news-view1 .news-view2{
    display: flex;
    justify-content: center;
    align-items: center;
}
.news-view  .news-view1 .news-view2{
    margin-top:10px;
    padding-bottom: 25px;
    border-bottom:1px solid #f1f1f1;
}
.news-view  .news-view1 .news-view2 p{
    font-size: 14px;
    color: #797979;
   
}
.news-view  .news-view1 .news-view2 p time{
     margin-right:20px;
}
.news-view  .news-view1 .news-view2 p span{
    margin-right:20px;
}
.news-view3{
    padding:53px 100px;
}
.news-view3 p{
    font-size: 16px;
}
.news-view3 p img{
    
    
    max-width: 100%;
}
.news-view4{
    font-size: 0;
}
.news-view4 p{
    font-size: 14px;
    margin-top: 15px;
    color:#797979;
    line-height: 100%;
}
.news-view4 p a:hover{
    color: #d0000e;
    transition: 0.5s;
}


@media only screen and (max-width: 1400px) and (min-width: 0){
.news-view3{
    padding:0.45rem 0 0.40rem 0px;
}   
.news-view{
    padding:0.6rem 0;
}
.news-view .news-view1{
    padding-top: 0.6rem;
}
}
@media only screen and (max-width: 700px) and (min-width: 0){
.news-view .news-view1 h1{
    line-height: 150%;
}
}

@media only screen and (max-width: 413px) and (min-width: 0){
.news-view .news-view1 h1{
    font-size: 16px;
}
.news-view3 p{
    font-size: 14px;
}
.news-view3 p img{
    height: auto !important;
}
}
/*news-view结束*/




/*pageenav开始*/
.pageenav{
    font-size: 24px;
    color: #333;
    padding-top: 0.2rem;
}
@media only screen and (max-width: 700px) and (min-width: 0){
.pageenav{
    font-size:20px;
    padding-top: 0.3rem;
}    
}
@media only screen and (max-width: 413px) and (min-width: 0){
.pageenav{
    font-size: 16px;
}    
}

/*pageenav结束*/



/*about6开始*/
.about6{
    background:#eeeeee;
    width: 100%;
    height: auto;
    font-size: 0;
    padding:10px 0 0.4rem 0px;
}
.about2_bpic .swiper-slide{
    position: relative;
    height:auto;
}
.about6-2{
    background:#eeeeee;
    padding-bottom: 20px;
    padding-top:0.5rem;
}
.about2_spic{
    position: relative; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
.about2_spic .swiper-slide{
    text-align: center;
    font-family: Arial;
    font-size: 24px;
    color: #424242;
}
.about2_bpic .swiper-slide .words{
     width: 100%;
     height: auto;
     font-size:0;
     text-align: center;
}
.about2_bpic .swiper-slide .words .about6-1{
     position: relative;
     overflow: hidden;
     padding: 20% 0;
     margin-top:20px;
}
.about2_bpic .swiper-slide .words .about6-1 img{
    width: 53.2%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    height: 100%;   
} 
.about2_bpic .swiper-slide .words h3{
    color: #d0000e;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom:10px;
    padding-top: 10px;
}
.about2_bpic .swiper-slide .words p{
    color: #333333;
    font-size: 16px;
    text-align: center;
    line-height: 29px;
}
.about2_spic .swiper-slide::before{
    display: block;
    content: '';
    width: 10px; 
    height: 10px;
    margin: 0 auto;
    background-color: #cccccc;
    border-radius: 50%;
    margin-bottom: 15px;
}

.about2_spic .swiper-container{
    position: relative; 
    margin-top: 0.3rem;
    width: 92%;
}
.about2_spic .swiper-container::before{
    width: 100%;
    height: 1px;
    background-color: #ccc;
    top: 4px;
    left: 0px;
    content: '';
    position: absolute;
}
.about2_spic .swiper-slide-active{
    color: #d0000e;
}
.about2_spic .swiper-slide-active::before{
    background-color: #d0000e;
}
.about2_spic .swiper-prev, .about2_spic .swiper-next{
    position: absolute;
    width: 32px;
    top: 40%;
    height: 32px;
    border: 0.02rem solid #b4b4b4;
    font-size: 30px;
    margin-top: -16px;
    z-index: 11;
    color: #b4b4b4;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    border-radius: 50%;
}
.about2_spic .swiper-prev{
    left: 0px;
}
.about2_spic .swiper-next{
    right: 0px;
}
.about2_spic .swiper-prev:hover, .about2_spic .swiper-next:hover{
    color: #d0000e; 
    border-color: #d0000e;
}
@media only screen and (max-width: 1200px) and (min-width: 0){
.about2_bpic .swiper-slide .words .about6-1 img {
    width: 72%;
}
.about6-2{
    padding-bottom:0px;
}
}
@media only screen and (max-width: 550px) and (min-width: 0){
.about2_bpic .swiper-slide .words h3{
    font-size: 20px;
}
.about2_bpic .swiper-slide .words p{
    font-size: 14px;
    line-height: 20px;
}
.about2_spic .swiper-slide{
    font-size: 14px;
}
}
@media only screen and (max-width: 413px) and (min-width: 0){
.about2_bpic .swiper-slide .words .about6-1 img{
    width: 81%;
}
}

/*about6结束*/





/*foot开始*/
footer{
    display: block;
}
.foot{
    height: 0%;
}
.foot1{
    background:#dcdcdc;
    line-height: 40px;
}
.foot1 .foot2{
    font-size: 14px;
    color:#000000;
}
.foot1 .foot2 a span{
    padding:0px 10px;
}
.foot1 .foot2 a{
    padding:18px 0;
}
.foot1 .foot2 a:hover{
    color:#d61f2b;
    transition:0.5s;
}
.foot3{
    width: 100%;
    height: auto;
    background:#434343;
    font-size: 0;
}
.foot3 .foot3-1 ul{
    max-width: 1055px;
    margin-right:auto;
    margin-left:auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.foot3 .foot3-1 ul li a{
    color:#ffffff;
    font-size: 16px;
    padding:25px 0;
    display: block;
    line-height: 100%;
}
.foot3 .foot3-1 ul li a:hover{
    color:#d61f2b;
    transition:0.5s;
}
.foot4{
    display: flex;
    justify-content: space-between;
    font-size: 0;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    padding:20px;
    align-items: center;
}
.foot4 li:nth-of-type(1) .foot5{
    display: flex;
    align-items: center;
}
.foot4 li:nth-of-type(1) .foot5 img{
    width: 50px;
    height: 44px;
    overflow: hidden;
    margin-right:12px;
}
.foot4 li:nth-of-type(1) .foot5 div h3{ 
    color:#ffffff;
    font-size:16px;
}
.foot4 li:nth-of-type(1) .foot5 div h2{ 
    color:#ffffff;
    font-size:29px;
    line-height: 100%;
}
.foot4 li:nth-of-type(1) p{
    color:#fff;
    font-size: 14px;
    margin-top:25px;
    line-height: 200%;
}
.foot4 li:nth-of-type(2) p{
    text-align: center;
    color:#fff;
    font-size: 16px;
    line-height: 100%;
    margin-top:14px;
}
.foot6 {
    display: flex;
    justify-content: space-between;
    font-size: 0;
}
.foot6{
    padding-top:20px;
    padding-bottom: 20px;
}
.foot6 .foot7{
    display: flex;
    line-height: 100%;
}
.foot6 .foot7 p{
    margin-right:10px;
}
.foot6 div p{
    color: #ffffff;
    font-size: 16px;
    line-height: 100%;
}
.foot6 div p a:hover{
    color:#d61f2b;
    transition:0.5s;
}
.foot6 h1{
    display: none;
}
@media only screen and (min-width: 0) and (max-width:1600px){
.foot1{
    line-height: 30px;
}
.foot1 .foot2 a span {
    padding: 0px 12px;
}
.foot1 .foot2 a{
    padding:8px 0;
}
}
@media only screen and (min-width: 0) and (max-width:1200px){
.foot1{
    display: none;
}
footer{
    padding-bottom:98px;
}  
.foot3 div{
    display: none;
}  
.foot4{
    display: none;
}
.foot3 .foot6{
    display: flex;
}
}
@media only screen and (min-width: 0) and (max-width:1024px){
.foot3 .foot6{
    display: block;
}
.foot6 .foot7{
    margin-top:10px;
}
}
@media only screen and (min-width: 0) and (max-width:920px){
.foot6 h1{
    color: #cecece;
    font-size: 22px;
    font-family: "微软雅黑",Bold;
    display: block;
}
.foot6 .foot7{
    display: block;
}
.foot6 div p {
    line-height: 194%;
}
.foot6 .foot7{
    margin-top:0px;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
footer{
    padding-bottom:78px;
}
}
@media only screen and (min-width: 0) and (max-width:700px){
.foot6 h1{
    font-size: 20px
}
}
@media only screen and (min-width: 0) and (max-width:550px){
.foot6 h1{
    font-size: 15px
}
.foot6 div p{
    font-size: 14px;
}
}
/*foot结束*/



/*aside开始*/
aside ul{
    position: fixed; 
    top: 180px; 
    right: 0; 
    z-index: 100;
}
aside ul li{
    position: relative; 
    width: 77px;
    height: 70px;
    margin-top: 2px;
}

aside ul li:nth-of-type(1){
    margin-top: 0;
}
aside ul li .fix_box{
    transition: 0.6s; 
    width: 100%; 
    height: 100%; 
    background: #fff;
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
    border: 1px solid #cccccc;
}
aside ul li .fix_box2{
    transition: 0.6s; 
    position: absolute; 
    left: 0; 
    top: 0;
    height: 100%; 
    background: #fff; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
    border: 1px solid #cccccc;
}
aside ul li .fix_box>a,aside ul li .fix_box2>a{
    transition: 0.6s; 
    float: left; 
    min-width: 74px; 
    min-height:68px;
    /* border:1px solid #cccccc;  */
    font-size: 14px; 
    color: #434144; 
    display: flex; 
    justify-content: center; 
    flex-direction: column; 
    align-items: center;
}

aside ul li i{
    display: block; 
    width: 34px; 
    height: 34px; 
    margin: 0 auto; 
    overflow: hidden;
}
aside ul li:nth-of-type(1) i{
    background: url(../pic/download.png) center no-repeat; 
    background-size: contain;
}
aside ul li:nth-of-type(2) i{
    background: url(../pic/aside1.png) center no-repeat; 
    background-size: contain;
}
aside ul li:nth-of-type(3) i{
    background: url(../pic/download1.png) center no-repeat; 
    background-size: contain;
}
aside ul li:nth-of-type(4) i{
    background: url(../pic/aside3.png) center no-repeat; 
    background-size: contain;
}
aside ul li:nth-of-type(5) i{
    background: url(../pic/i5.png) center no-repeat; 
    background-size: contain;
}
aside ul li:hover:nth-of-type(1) i {
    background-image: url(../pic/aside_ico1_h.png);
}
aside ul li:hover:nth-of-type(2) i {
    background-image: url(../pic/i4.png);
}
aside ul li:hover:nth-of-type(3) i {
    background-image: url(../pic/aside_ico3_h.png);
}
aside ul li:hover:nth-of-type(4) i {
    background-image: url(../pic/i3.png);
}
aside ul li:hover:nth-of-type(5) i {
    background-image: url(../pic/aside4.png);
}
aside ul li:hover .fix_box>a {
    color: #fff;
}
aside ul li .fix_tel{
    transition: 0.6s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    font-size: 14px;
    color: #434144;
    height: 70px;
    line-height: 24px;
    padding: 0 30px;
    border: 2px solid #d0000e;
    background: #fff;
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
aside ul li .fix_tel em,aside ul li .fix_tel span{
    display: block;
}
aside ul li .fix_erwei{
    transition: 0.6s; 
    z-index: -1; 
    transform: scale(0);
    position: absolute; 
    right: 70px; 
    top: 50%; 
    margin-top: -50px; 
    font-size: 14px; 
    color: #fff; 
    width: 116px; 
    height: 116px; 
    padding: 8px; 
    background: #fff;
}
aside ul li:hover .fix_box{
    background: #434144;
}
aside ul li:hover .fix_box2{
    background: #434144;
    
}
aside ul li:hover .fix_box2 a{
    color:#fff;
}
aside ul li:hover .fix_box2 .fix_tel em a{
    color: #434144;
}
aside ul li:hover .fix_tel{opacity: 1; pointer-events: auto;}

aside ul li:hover .fix_erwei{
    transform: scale(1);
}
.fixed_box{display: none;}

/* 我要留言 */
/*J_ruler*/
.Joan .J_ruler {
    width: 630px;
    position: fixed;
    z-index: 1200;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
}
.Joan .J_ruler i.J_close {
    display: block;
    width: 29px;
    height: 29px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../pic/close.jpg");
}
.J_shadow {
    display: none;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.Joan .J_ruler div.top {
    width: 100%;
    background: url(../pic/ruler.jpg)!important;
    background-size: 100% 135%!important;
    padding-top: 8%;
    padding-bottom: 7%;
    position: static;
}

.Joan .J_ruler div.top h5 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    width: 21%;
    margin: 0px auto;
    border-bottom: 3px solid #d0000e;
}
.Joan .J_ruler form.con {
    width: 100%;
    padding: 20px 40px;
    background-color: #fff;
}

.Joan .J_ruler form.con ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}

.Joan .J_ruler form.con ul li {
    width: 48%;
    font-size: 0;
}

.Joan .J_ruler form.con ul li:nth-of-type(3) {
    width: 100%;
}
.back_box {
    font-size: 0.4rem;
    margin-top:50px;
}
.ver_code {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 42px;
    background: #fff;
    border-radius: 10px;
}

.ver_code p {
    font-size: 18px;
    color: #626262;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    transition: none;
    border-radius: 10px;
    z-index: 2;
}

.ver_code div.code-box {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    border: none;
    text-shadow: 1px 1px 1px black;
    background: #eee;
    border-radius: 10px;
}

.ver_code div.code-box p {
    display: block;
    position: absolute;
    left: 0;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0;
    transition: none;
    border-radius: 10px;
}

.ver_code div.code-box span {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #000;
    cursor: pointer;
    transition: none;
    border-radius: 10px;
    position: relative;
    z-index: 4;
    font-size: .06rem;
    text-align: center;
}
.ver_code div.code-box2 {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    border: none;
    text-shadow: 1px 1px 1px black;
    background: #eee;
    border-radius: 10px;
}

.ver_code div.code-box2 p {
    display: block;
    position: absolute;
    left: 0;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0;
    transition: none;
    border-radius: 10px;
}

.ver_code div.code-box2 span {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #424244;
    cursor: pointer;
    transition: none;
    border-radius: 10px;
    position: relative;
    z-index: 4;
    font-size: .06rem;
    text-align: center;
}


.Joan .J_ruler form.con ul li:last-child {
    height: 41px;
}

.Joan .J_ruler form.con ul li p {
    font-size: 20px;
    color:#000;
}

.Joan .J_ruler form.con ul li input {
    width: 100%;
    height: 56px;
    margin-top: 2%;
    border: 1px solid #d2d2d2;
    text-indent: .5em;
}

.Joan .J_ruler form.con ul li input[type="submit"] {
    width: 117px;
    height: 100%;
    margin-top: 0;
    background-color: #000;
    border-radius: 10px;
    float: right;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-indent: 0;
}

.Joan .J_ruler form.con ul li div.index_dizhi {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}

.Joan .J_ruler form.con ul li div.index_dizhi select {
    width: 48%;
    height: 56px;
    margin-top: 2%;
    border: 1px solid #d2d2d2;
    padding-left: 4%;
}
.Joan .J_ruler form.con h6 {
    font-size: 20px;
    margin-top: 1%;
}

.Joan .J_ruler form.con ul.J_cho {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 3% 0;
}

.Joan .J_ruler form.con ul.J_cho li {
    width: 38%;
    height: 35px;
    border: 1px solid #dfdfdf;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    font-size: 20px;
}

.Joan .J_ruler form.con ul.J_cho li.active {
    background-color: #006fa3;
    color: #fff;
}

.Joan .J_ruler form.con ul.J_cho li+li {
    margin-left: 3%;
}

.Joan .J_ruler form.con textarea {
    width: 100%;
    height: 90px;
    border: 1px solid #dfdfdf;
    text-indent: 1em;
    margin-top: 3%;
    font-size: 20px;
}

.Joan .J_ruler form.con ul.J_fo {
    margin: 3% 0;
}

.Joan .J_ruler form.con ul.J_fo li input {
    height: 40px;
    line-height: 40px;
    font-size:20px;
    text-indent: 1em;
}

.Joan .J_ruler form.con ul.J_fo li:last-child input {
    text-indent: 0;
}

.Joan .J_ruler form.con ul.J_fo li div.index_dizhi select {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.Joan .J_ruler form.con ul.J_fo li:nth-last-child(1) {
    margin-top: 3%;
}

.Joan .J_ruler form.con ul.J_fo li:nth-last-child(2) {
    margin-top: 3%;
}

@media only screen and (min-width: 0) and (max-width:1200px){
/* aside */
aside ul {
    top: 100%;
    right: 0;
    transform: translateY(-100%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
aside ul li {
    margin-top: 0;
    width: 20%;
    height: 100px;
    letter-spacing: 1px;
    border: 1px solid #eee;
}
aside ul li .fix_box{
    justify-content: center;
}
aside ul li .fix_box2{
    width: 100%;
    justify-content: center;
}
aside ul li .fix_tel{
    display: none;
}
aside ul li .fix_erwei {
    top: -76%;
    right: 10%;
}
aside ul li .fix_box>a, aside ul li .fix_box2>a{
    border:none;
}
}

@media only screen and (min-width: 0) and (max-width:800px){
/*Joan*/
.Joan .J_ruler {
    width: 90%;
}
.Joan .J_ruler div.top h5 {
    color: #171717;
    font-size: 22px;
    width: 17%;
}
.ver_code {
    height: 30px;
    border-radius:0px;

}
.ver_code div.code-box span {
    width: 33px;
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
}
.ver_code div.code-box p {
    height: 30px;
    line-height: 30px;
  }
.ver_code div.code-box2 span {
    width: 33px;
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
}
.ver_code div.code-box2 p {
    height: 30px;
    line-height: 30px;
  }
.Joan .J_ruler form.con ul.J_fo li input {
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
    font-size: 18px;
}
.Joan .J_ruler form.con ul li:last-child {
    height: 30px;
}
.Joan .J_ruler form.con ul li p{
    font-size: 18px;
}
}
@media only screen and (min-width: 0) and (max-width:750px){
aside ul li {
    margin-top: 0;
    width: 20%;
    height: 78px;
    letter-spacing: 1px;
}
aside ul li .fix_erwei {
    top: -75%;
    right: 15%;
}
aside ul li{
    width: 25%;
}
.fixed_wx{
    display: none;
}
}

@media only screen and (min-width: 0) and (max-width:550px){
.Joan .J_ruler form.con ul li {
    width: 100%;
    font-size: 0;
}
.Joan .J_ruler form.con ul li div.index_dizhi {
    display: block;
}
.Joan .J_ruler form.con ul li div.index_dizhi select {
    width: 50%;
    margin-top: 5%;
}
.Joan .J_ruler div.top h5 {
    width: 22%;
    font-size: 20px;
}
.Joan .J_ruler form.con ul li input[type="submit"] {
    width: 100%;
}
.Joan .J_ruler form.con h6 {
    font-size: 16px;
}
.Joan .J_ruler form.con ul.J_cho li {
    font-size: 16px;
}
.Joan .J_ruler form.con textarea {
    font-size: 16px;
}
.Joan .J_ruler form.con ul li p {
    font-size: 16px;
}
.Joan .J_ruler form.con ul.J_fo li div.index_dizhi select {
    font-size: 16px;
}
.Joan .J_ruler form.con ul.J_fo li input {
    font-size: 16px;
}
}
@media only screen and (min-width: 0) and (max-width:450px){
.Joan .J_ruler div.top h5 {
    width: 24%;
    font-size: 18px;
}
.Joan .J_ruler form.con textarea{
    height: 70px;
}
}
@media only screen and (min-width: 0) and (max-width:380px){
.Joan .J_ruler div.top h5 {
    width: 28%;
    font-size: 18px;
}
}
/*aside结束*/



.tit1 h4 {
    text-align: center;
    font-size: 26px;
    color: #76242d;
    line-height: 180%;
    display: block;
    font-weight: bold;
}

.tit1 em {
    text-align: center;
    font-size: 26px;
    color: #000000;
    line-height: 180%;
    display: block;
    font-weight: bold;
    margin-bottom: 14px;
}

.tit1 hr {
    width: 30px;
    height: 1px;
    border: 1.5px solid #d0000e;
    margin: 0px auto;
}

.tit1 p {
    text-align: center;
    font-size: 16px;
    color: #565656;
    line-height: 180%;
    display: block;
    margin-top: 20px;
}

@media only screen and (max-width: 640px) {
    .tit1 h4 {
        font-size:0.3rem;
    }
    .tit1 em {
        font-size:0.3rem;
    }
    .tit1 hr {
        margin-top: 2%;
    }
}

.pro_view_pn3 {
    background: url("../pic/pro_view_pn3_bg.jpg") no-repeat;
    background-size: cover;
    margin-bottom: 0.5rem;
    /* padding: 50px 0 130px 0; */
}
.pro_view_pn3 .swiper-container {
    padding: 30px 0 50px 0;
}

.pro_view_pn3 .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
}

.pro_view_pn3 .swiper-container .swiper-wrapper .swiper-slide a figure div {
    position: relative;
    padding: 38% 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    overflow: hidden;
}

.pro_view_pn3 .swiper-container .swiper-wrapper .swiper-slide a figure div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
}

.pro_view_pn3 .swiper-container .swiper-wrapper .swiper-slide a:hover figure div img {
    transform: scale(1.1);
}

.pro_view_pn3 .swiper-container .swiper-pagination-bullet {
    transition: 0.6s;
}

.pro_view_pn3 .swiper-container .swiper-pagination-bullet-active {
    width: 18px !important;
    border-radius: 4px;
    background: #76242D !important;
}

@media only screen and (max-width: 1200px) {
    .pro_view_pn3 {
        padding: 4% 0;
    }
}
@media only screen and (min-width: 0) and (max-width:550px){
.pro_view_pn3 .center{
    padding:0px!important;
}
}

/* 11.4 */
.top ul li dd a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 5px 0;
    text-align: center;
}
.top ul li dl dd{
    background-color: #ffffff;
    width: 160px;
}
.top ul li dl{
    left: -32px;
}





.page {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0 50px; }
    .page ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      margin-right: 20px; }
      .page ul li {
        transition: .6s;
        margin-right: 6px;
        font-size: 14px;
        color: #fff;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 5px;
        background: #ccc; }
        .page ul li a {
          display: block;
          width: 100%;
          height: 100%;
          color: #fff;
          font-size: 14px; }
          .page ul li a i {
            display: block;
            width: 100%;
            height: 100%;
            background: url("../pic/page_left.png") no-repeat;
            background-size: 15px;
            background-position: center center; 
            font-style: initial;
        }
            .page ul li a i.page_right {
              transform: rotate(180deg); }
        .page ul li:hover {
          background-color: #c40e1a; }
        .page ul li.active {
          background-color: #c40e1a; }
    .page select {
      width: 65px;
      height: 36px;
      transition: .6s all;
      border-radius: 5px;
      border: 1px solid #ccc;
      padding: 0 6px;
      background: url(../pic/page_xia.png) #fff 90% center no-repeat;
      background-color: transparent;
      background-size: 12px; }


/* 
      .top .top1{
        opacity: 0;
        visibility: hidden;
      }
      footer  .center6-back {
        opacity: 0;
        visibility: hidden;
      }
      footer .center6{
        opacity: 0;
        visibility: hidden;
      } */