@charset "utf-8";

@font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: url("../fonts/siyuanSemiBold1.woff") format("woff");
    font-display: swap;
}

/*==========================================公共 开始=============================================*/

.pc_header_box{height: 1.6rem;width: 100%;}
.pc_header{height: 1.6rem;position: fixed;left: 0;right: 0;z-index: 100;transition: .5s;width: 100%;}
.pc_header::before{z-index: -1;pointer-events: none;content: "";position: absolute;top: 0;right: 0;width: 100%;height: 0;background: #990000;transition: .5s;}
.pc_header .wp{align-items: center;justify-content: space-between;height: 100%;}
.pc_header .logo{width: 4.76rem;transition: .5s;}
.pc_header .logo img{max-width: 100%;}
.pc_header .right{width: 12rem;max-width: calc(100% - 4.76rem - .96rem);padding: .15rem 0 0;}
.pc_header .right .top{ display: flex;align-items: center;height: 100%;justify-content: flex-end;}

.fixed .pc_header{ height: 1.2rem}
.fixed .pc_header::before{ height: 100%}

.list1{ display: flex: align-items: center}
.list1 li{ font-size: .14rem; color: #fff; margin: 0 .4rem 0 0}
.list1 li img{margin: -3px .08rem 0 0;height: .21rem;}

.pc_nav{flex: 1;padding: 0;}
#nav ul{justify-content: space-between;}
#nav ul li{z-index:0;margin-left: 0;position: relative;line-height: .6rem;transition: .2s;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .2rem;color: #fff;position:relative;font-family: "思源宋体 SemiBold";transform-origin: left bottom;}
#nav ul li .h3:after{content:"";position:absolute;left: 0;bottom: .1rem;transition:.6s;width: 100%;height: 2px;background: #fff;opacity:0;visibility:hidden;transform: translateY(-.1rem);}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: 6.58rem;left: -.1rem;z-index: 10000;transform: scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .25s;transform-origin: top;display: flex;box-shadow: 0 0 1rem rgba(0,0,0,.2);}
#nav ul li .sub .img{ width: 1.52rem}
#nav ul li .sub .img .img_hezi{ padding-bottom: 82.24%}
#nav ul li .sub .box{padding: 0 .2rem 0 .42rem;overflow: hidden;flex: 1;display: flex;flex-wrap: wrap;align-items: center;line-height: 1;position: relative;z-index: 1;}
#nav ul li .sub .box:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: auto 100%;}
#nav ul li .sub .box .con{ display: flex; flex-wrap: wrap}
#nav ul li .sub a{padding: .06rem 0 .06rem .14rem;line-height: 2;transition:.6s;font-size: .14rem;color: #000000;white-space: nowrap;display: block;width: 25%;position: relative;z-index: 1;}
#nav ul li .sub a:before{content: "·";position: absolute;font-size: .2rem;left: 0;top: 0;}
#nav ul li .sub a:hover{color: #fba33e;}
#nav ul li .sub a:hover::before{ color: #fba33e;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: scaleY(1);}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #990000;}
.m_header_box header #logo img{height: .5rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;vertical-align: middle;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 90px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;background: #990000;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #fba33e url(../images/submit.svg) center no-repeat; background-size: 1.75rem;}
#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{max-width: 90%;margin: 0 auto;margin-bottom: .3rem;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{position:relative;/* display: flex; *//* flex-wrap: wrap; */}
.list_box_nav_mobile>li .h3{width: 100%;/* border-bottom: 1px solid rgba(0,0,0,.06); */line-height: .64rem;color: #fff;padding: 0;font-size: .2rem;display: flex;position: relative;transition: .5s;text-align: center;justify-content: center;}
.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .box{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .sub{position: relative;top: 0;left: 0;right: 0;}
.list_box_nav_mobile>li i{content:"";opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 20px 20px !important;position: absolute;display: block;right: -.2rem;top: 0;cursor: pointer;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.list_box_nav_mobile>li .sub a{display:block;font-size:13px;color: #666;line-height: 2.5;min-width: 33.33%;}
.nav_mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


.index-search{width: 2.96rem;height: .37rem;position: relative;background: rgba(255,255,255,.33);border-radius: 50vw;}
.index-search .form .input {position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: auto;}
.index-search .form .input input {width: 100%;height: .37rem;font-size: .14rem;color: #ffffff;padding: 0 .5rem 0 .15rem;}
input::-webkit-input-placeholder{color:#fff }
input::-moz-placeholder{color:#fff }
input:-moz-placeholder{color:#fff }
.index-search .form .submit {z-index: 2;position: absolute;top: 0;right: .04rem;bottom: 0;width: 0.5rem;background: url("../images/search24.svg") center no-repeat;background-size: .24rem;}
.index-search .form .submit input {width: 100%;height: 100%;cursor: pointer;}

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;display: block;/* height: 60px; */}
.wap_search .form{height: 44px;position:relative;width: 100%;margin: 20px auto;display: block;border-radius: 50vw;}
.wap_search .input{font-size: 14px;color: #646464;height: 44px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 66px);border: #fba33e 1px solid;border-radius: 50vw 0 0 50vw;background: #fff;}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 66px;height: 44px;line-height: 44px;border:0;background: url(../images/submit.svg) center no-repeat #f19149;background-size: .3rem;border-radius: 0 50vw 50vw 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


.main1{ position: relative; z-index: 2; }
.main1::before{content: "";position: absolute;top: 0;right: 0;bottom: .56rem;left: 0;background: url(../images/main1.jpg) center no-repeat;background-size: cover;z-index: -1;pointer-events: none;}

.banner{padding: 0px;position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner ul li{overflow: hidden;}
.banner ul li .img {overflow: hidden;width: 100%;}
.banner ul li .img .imgLi {padding-bottom: 37.5%;transition: 0s;}
.banner ul li .img video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner .dots {position: absolute;display: flex;margin: 0px;left: auto;right: .4rem;bottom: .24rem;z-index: 10;width: auto;}
.banner .dots span {background: #fff;width: .11rem;height: .11rem;transition: .5s;border-radius: 50vw;margin: 0 .05rem !important;opacity: 1 !important;}
.banner .dots span.active {width: .25rem;opacity: 1 !important;background: #f19149;}

.banner .top{position: absolute;right: 0px;bottom: 0px;left: 0px;display: flex;align-items: center;justify-content: center;text-align: center;background: rgba(0,0,0,.5);height: .56rem;padding: 0 1.8rem;z-index: 1;}
.banner .top h4 {font-size: .22rem;color: #fff; line-height: .3rem}
.banner .top h4 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);margin: 0 .5px;font-weight: bold;transition: .5s;}
.banner.on .top h4 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.pad1{ padding: .9rem 0; overflow: hidden;}
.home1_b{position: relative;z-index: 1;/*! background: #f8f8f8; */}
.home1_b:before{content: "";position: absolute;top: -.56rem;background: #f8f8f8;height: .56rem;left: 0;z-index: -1;pointer-events: none;width: 100%;}
.home1_b .bg1{position: absolute;top: -.3rem;left: 0;width: 6.8rem;max-width: 36%;z-index: -1;pointer-events: none;}
.home1_b .bg2{position: absolute;bottom: 0;right: 0;width: 6.67rem;max-width: 35%;z-index: -1;pointer-events: none;}
.home1{padding: .6rem 0 1.2rem;}

.tit1{align-items: center;justify-content: space-between;margin-bottom: .4rem;width: 100%;}
.tit1 .ll{align-items: center;font-size: .36rem;color: #333333;font-family: "sys";}
.tit1 .ll font{ font-family: "sys";}
.tit1 .ll img{margin: 0 .14rem 0 0;width: .54rem;height: .54rem;}
.tit1 .rr .a1{ align-items: center; font-size: .16rem; color: #666666; transition: all .5 ease 0s;}
.tit1 .rr .dots{width: .26rem;height: .26rem;position: relative;z-index: 1;background: url(../images/tit1_dot.png) center no-repeat;background-size: cover;margin-right: .34rem;}
.tit1 .rr .dots img{ width: 100%; height: 100%}
.tit1 .rr .dots::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/tit1_dot1.png) center no-repeat;background-size: cover;z-index: -1;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;}
.tit1 .rr .dots:after{content: "";position: absolute;background: #990000;width: .27rem;height: 1px;top: 50%;left: 110%;transform-origin: 100% 0 ;animation: anim-scroll-right 1.5s infinite ease-in-out;}
@keyframes anim-scroll-right {
  0% {
    transform-origin: 100% 0;
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform-origin: 100% 0 ;
    transform: scale3d(0, 1, 1);
  }
  50.01% {
    transform-origin: 100% 0 ;
    visibility: hidden;
    transform: scale3d(0, 1, 1) translate3d(0, -100%, 0);
  }
  51% {
    visibility: visible;
    transform-origin: 0 0;
    transform: scale3d(0, 1, 1);
  }
  100% {
    visibility: visible;
    transform-origin: 0 0;
    transform: scale3d(1, 1, 1);
  }
}

.home1 .fl1{ justify-content: space-between;}
.home1 .fl1 .left{ width: 52%; transition: .5s;}
.home1 .fl1 .right{ width: 45.75%;}
.home1 .fl1 .right .box{margin: 0 0%;height: 100%;}
.home1 .fl1 .right .box .con{padding: 0 2%;width: 50%;height: 100%;}

.list3 li .img .imgLi{ padding-bottom: 56.25%;}
.list3 li .txt{height: .64rem;background: #9d1720;padding: 0 1.2rem 0 .24rem;display: flex;align-items: center;}
.list3 li h4{ font-size: .2rem; color: #fff;}

.arrow1Box{position: absolute;right: .22rem;width: .7rem;bottom: .16rem;z-index: 10; justify-content: space-between}
.arrow1Box img{ width: .32rem; cursor: pointer}

.list4{height: 100%;/* background: #fff; */transition: .5s;/* border: #cfcfcf 1px solid; */display: flex;flex-wrap: wrap;margin: 0 -.16rem}
.list4 li{ width: 50%; padding: 0 .16rem}
.list4 li .img .imgLi{ padding-bottom: 56.25%;}
.list4 li .txt{margin: 0 0;padding: .16rem 0;border-bottom: #d2d2d2 1px solid;position: relative;z-index: 1;}
.list4 li .txt::before{content: "";position: absolute;left: 0;width: 0;height: 1px;bottom: -1px;transition: .5s;}
.list4 li .txt::after{content: "";position: absolute;left: 0;width: 4.75px;height: 4.75px;bottom: -2.5px;transition: .5s;background: #c40613;border-radius: 50%;transform: translateX(.3rem) scale(0);}
.list4 li h4{font-size: .18rem;color: #333333;line-height: .26rem;min-height: .52rem;max-height: .52rem\0;}
.list4 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: .1rem 0 0;}

.list4 li:last-child .txt::before, .list4 li:last-child .txt::after{ display: none !important}

.home2 .fl1 .left{ width: 1.26rem;}
.home2 .fl1 .right{width: calc(100% - 1.26rem);justify-content: space-between;align-items: flex-start;}

.home1_b .gif{ margin: 0 auto;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) translateY(50%);width: 100%;max-width: 75%;}

.home2 .fl1 .box1{width: 65.6%;}
.home2 .fl1 .box2{ width: 30.50%;}
.home2 .fl1 .box2 .list6 li{ width: 100%; }

.list5{display: flex;flex-wrap: wrap;margin: 0 -.16rem;}
.list5 li{ width: 50%; padding: 0 .16rem}

.list6{ display: flex; flex-wrap: wrap;}
.list6 li{ width: 50%; padding: 0 .16rem}

.list5 li .img .imgLi{ padding-bottom: 56.25%;}
.list5 li h4{ font-size: .18rem; color: #333333; line-height: .26rem; max-height: .52rem\0; min-height: .52rem; transition: .5s;}
.list5 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: .12rem 0;}

.list6 li{margin-top: .46rem;}
.list6 li .a{display: flex;align-items: flex-start;}
.list6 li h4{font-size: .16rem;color: #333333;line-height: .26rem;max-height: .52rem\0;min-height: .52rem;flex: 1; transition: .5s;}
.list6 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: .04rem 0 .12rem;width: 1.32rem;position: relative;}
.list6 li h6:before{content: "";position: absolute;width: .6rem;height: 1px;background: #cfcfcf;bottom: -.28rem;left: 0;}
.list6 li h6:after{content: "";position: absolute;width: 0;height: 1px;bottom: -.28rem; left: 0; transition: .5s;}

.home2{ position: relative; z-index: 1;padding-top: 1.1rem;}
.home2 .fl1 .box2 .list6 li:first-child{ margin-top: 0;}
.home2 .bg1{position: absolute;top: .3rem;right: 0;width: 5.82rem;max-width: 31%;z-index: -1;pointer-events: none;}

.gg1{ margin: .9rem 0 0;}

.home3{background: url(../images/home3_bg1.jpg) center bottom no-repeat;background-size: 100% auto;padding-top: 0;}
.home3 .wp{ justify-content: space-between;}
.home3 .left{width: 51.625%;justify-content: space-between;}
.home3 .right{ width: 42.5%;}
.home3 .box1{width: calc(100% - 1.26rem);justify-content: space-between;align-items: flex-end;}

.list7{ margin: 0 -.15rem; margin-bottom: -.3rem}
.list7 li{ width: 50%; padding: 0 .15rem; margin-bottom: .3rem}
.list7 li .a{height: 2.08rem;padding: 0 .24rem;flex-direction: column;justify-content: center;background: #ffffff;position: relative;transition: .5s;z-index: 1;}
.list7 li .a::before{content: "";position: absolute;top: 0px;right: 0;bottom: 0;left: 0;border: #dcdcdc 1px solid;z-index: -1;}
.list7 li .a::after{content: "";position: absolute;top: 0px;right: 0;width: 0;transition: .5s;height: 3px;}
.list7 li .top{align-items: center;justify-content: space-between;border-bottom: #e3e3e3 1px solid;padding-bottom: .06rem;margin-bottom: .24rem;width: 100%;}
.list7 li .top img{ height: .5rem}
.list7 li h4{ font-size: .18rem; color: #333333; line-height: .26rem; max-height: .52rem\0; min-height: .52rem; transition: .5s; transition: .5s;}
.list7 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: .12rem 0;}

.home4{background: url(../images/home4_bg.jpg) center top no-repeat;background-size: 100% 1.7rem;position: relative;z-index: 1;padding: .7rem 0;}
.home4 .before{content: "";position: absolute;top: 1.7rem;right: 0;bottom: 0;left: 0;background: url(../images/home4_bg1.jpg) center no-repeat;background-size: cover;z-index: -1;}
.list8{ margin-top: -.2rem;}
.list8 li .a{justify-content: space-between;align-items: center;height: .65rem;border-bottom: #d2d2d2 1px solid;position: relative;z-index: 1;}
.list8 li .a::before{content: "";position: absolute;left: 0;width: 0;height: 1px;bottom: -1px;transition: .5s;}
.list8 li .a::after{content: "";position: absolute;left: 0;width: 4.75px;height: 4.75px;bottom: -2.5px;transition: .5s;background: #c40613;border-radius: 50%;transform: translateX(.3rem) scale(0);}
.list8 li h4{font-size: .18rem;color: #333333;line-height: .26rem;max-width: calc(100% - 1rem);}
.list8 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;}
.list8 li:last-child .a{ border: none;}
.list8 li:last-child .a::before, .list8 li:last-child .a::after{ display: none;}

.home4 .left{width: 62.75%;padding: 0 3.375% .65rem 0;position: relative;z-index: 1;min-height: 2rem;}
.home4 .left:before{content: "";position: absolute;top: -.7rem;right: 0;bottom: 0;width: 100vw;background: #f9f9f9;z-index: -1;}
.home4 .right{ width: calc(100% - 62.75%); padding: 0 0 0 5.5%;}

.home4 .fl1{justify-content: space-between;align-items: flex-start;}
.list9Box{width: calc(50% - .25rem);margin: 0;}
.list9Box .dots {display: flex;justify-content: center;position: relative;bottom: 0;height: .1rem;margin: .24rem 0 0;}
.list9Box .dots span {background: #f19149;width: .1rem;height: .1rem;transition: .5s;border-radius: 50vw;margin: 0 .05rem !important;opacity: 1 !important;transform: scale(.8);}
.list9Box .dots span.active {transform: scale(1);opacity: 1 !important;background: #fff;border: #a21206 1px solid;}
.list9 li .img .imgLi{ padding-bottom: 68%;}
.list9 li .top{ position: absolute; left: 0; bottom: 0; min-width: 1.06rem; line-height: .36rem; background: #ea9425; text-align: center; padding: 0 .2rem; font-size: .16rem; color: #fff}
.list9 li h4{ font-size: .18rem; color: #333333; line-height: .26rem; max-height: .52rem\0; transition: .5s;}
.list9 li p{font-size: .14rem;color: #666666;line-height: .24rem;max-height: .48rem\0;margin: .1rem 0 0;}
.list9 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: .12rem 0;}
.list10{width: calc(50% - .25rem);margin: -.2rem 0;}
.list10 li .a{padding: .2rem 0;border-bottom: #d2d2d2 1px solid;position: relative;z-index: 1;display: block;}
.list10 li .a::before{content: "";position: absolute;left: 0;width: 0;height: 1px;bottom: -1px;transition: .5s;}
.list10 li .a::after{content: "";position: absolute;left: 0;width: 4.75px;height: 4.75px;bottom: -2.5px;transition: .5s;background: #c40613;border-radius: 50%;transform: translateX(.3rem) scale(0);}
.list10 li h4{font-size: .18rem;color: #333333;line-height: .26rem;}
.list10 li h6{font-size: .16rem;color: #747474;font-family: Times New Roman;margin: 0 0 .12rem;}
.list10 li:last-child .a{ border: none;}
.list10 li:last-child .a::before, .list8 li:last-child .a::after{ display: none;}

.list10s{margin: .8rem 0 0;width: 100%;}
.list10s li .a{ border-bottom: rgba(203,124,124,.4) 1px solid; padding: .24rem 0}
.list10s li .a::after{ background: #fff}
.list10s li h4, .list10s li h6{ color: #fff}
.list10s li p{font-size: .14rem;color: #ffcccc;line-height: .24rem;max-height: .48rem\0;margin: .18rem 0 0;}

.home5 .wp{ justify-content: space-between;}
.home5 .left{width: 42%;}
.home5 .right{width: 52.5%;}

.swi-weixin{display: inline-block;font-family: "swiper-icons";font-size: .28rem;color: #4fc471;margin: 0 .1rem 0 0;}

.list11 li .a{align-items: center;padding: .31rem 0;border-bottom: #dddddd 1px solid;}
.list11 li .img{width: 3rem;}
.list11 li .img .imgLi{padding-bottom: 42.55%;}
.list11 li .txt{flex: 1;overflow: hidden;padding: 0 0 0 .28rem;}
.list11 li h4{ font-size: .18rem; color: #333333; line-height: .26rem; max-height: .52rem\0; transition: .5s;-webkit-line-clamp: 2;}
.list11 li h6{font-size: .16rem;color: #333333;margin: .2rem 0 0;display: flex;align-items: center;}

.list11 li:first-child .a{padding: 0;position: relative;z-index: 1; border-bottom: none}
.list11 li:first-child .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #dddddd 1px solid;z-index: -1;}
.list11 li:first-child .img{width: 3.5rem;order: 1;}
.list11 li:first-child .txt{ padding: 0 .28rem}

.list12 li .img .imgLi{ padding-bottom: 55.74%;}
.list12 li .a{ display: block; position: relative; z-index: 1;}
.list12 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 1;}
.list12 li .top svg{ width: .6rem; height: .6rem; fill: #fff;}
.list12 li .top1{position: absolute;top: -.12rem;right: .36rem;width: .88rem;height: .79rem;z-index: 1;display: flex;align-items: center;justify-content: center;font-size: .24rem;color: #fff;font-weight: bold;}
.list12 li .top1 .bg0{position: absolute;top: 0;bottom: 0;width: 51%;z-index: -1;}
.list12 li .top1 .bg1{left: 0;background: url(../images/list12_svg.svg) center no-repeat;background-size: cover;transform-origin: right bottom;}
.list12 li .top1 .bg2{right: 0;background: url(../images/list12_svg1.svg) center no-repeat;background-size: cover;transform-origin: left bottom;/* transform: rotateY(90deg); */}
.list12 li .top1 span{ display: inline-block;}

.list12 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list27_y.png) center 101% no-repeat;background-size: 100% auto;display: flex;align-items: flex-end;padding: .2rem;opacity: 0;transition: .5s;}
.list12 h4{ font-size: .18rem; color: #fff; position: relative; width: 100%; }

[data-aos=fade-up] .list12 li .top1 .bg1{ transform: rotateY(90deg); transition: 1s; }
[data-aos=fade-up].aos-animate .list12 li .top1 .bg1{ transform: rotateY(0deg); transition-delay: 1s;}

[data-aos=fade-up] .list12 li .top1 .bg2{ transform: rotateY(90deg); transition: 1s; }
[data-aos=fade-up].aos-animate .list12 li .top1 .bg2{ transform: rotateY(0deg); transition-delay: 1s; }

[data-aos=fade-up] .list12 li .top1 span{ transform: scale(.5); transition: 1.2s; opacity: 0; }
[data-aos=fade-up].aos-animate .list12 li .top1 span{ transform: scale(1); transition-delay: 1s; opacity: 1;}

.bg-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: .6rem;
    height: .6rem;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .5s;
}
.bg-circle__elem {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 1px solid rgba(255,255,255, .5);
    border-radius: 50%;
}
@keyframes circle {
0% {
  transform: scale(1);
}
100% {
  transform: scale(3.5);
  opacity: 0;
}
}
.bg-circle__elem {
animation: circle 3s infinite ease-in-out;
}
.bg-circle__elem.mod--second{
animation-delay: 500ms;
}
.bg-circle__elem.mod--third{
animation-delay: 1s;
}

.list13{ margin: 0 -.12rem; margin-top: .24rem;}
.list13 li{ width: 50%; padding: 0 .12rem;}
.list13 li .img .imgLi{ padding-bottom: 55.74%;}

.home5-6{ background: url(../images/home5-6.jpg) center bottom no-repeat; background-size: 100% auto;}

.home6 .wp{ justify-content: space-between;}
.home6 .left{ width: 60.625%;}
.home6 .right{ width: 34.0625%;}

.list14{ margin: 0 -.18rem;}
.list14 li{ width: 33.33%; padding: 0 .18rem;}
.list14 li .a{display: block;box-shadow: 0px 0px 13px 0px rgba(51, 0, 1, 0.2);transition: .5s;}
.list14 li .img .imgLi{ padding-bottom: 142%;}
.list14 li .txt {
    height: .54rem;
    background: #fff;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    transition: .5s;
    position: relative;
    text-align: center;
}
.list14 li .txt h4{font-size: .16rem;color: #333333;line-height: 1.5;transition: .5s;}
.list14 li .txt .datetime{
    font-size: .13rem;
    color: #777;
}
.list14 li:hover .txt .datetime{
    color:#fff;
}
.home6{ padding: .3rem 0 2.7rem;}
.list15Box{ height: 4.38rem;}
.list15 li .img .imgLi{ padding-bottom: 22.95%;}
.list15Box_w .dots {display: flex;justify-content: center;position: relative;bottom: 0;height: .1rem;margin: .2rem 0 0;}
.list15Box_w .dots span {background: #f19149;width: .1rem;height: .1rem;transition: .5s;border-radius: 50vw;margin: 0 .05rem !important;opacity: 1 !important;transform: scale(.8);border: #fff 1px solid;}
.list15Box_w .dots span.active {transform: scale(1);opacity: 1 !important;background: #fff;border: #a21206 1px solid;}
.list15 li.swiper-slide-next + li + li{ opacity: 0;}

footer{ background: url(../images/footer.jpg) center no-repeat; background-size: cover; padding: .52rem 0;}
footer .wp{ align-items: center; justify-content: space-between;}
footer .left{width: 4.76rem;max-width: 29.75%;}
footer .line{ width: 1px; height: 1.15rem; background: rgba(255,255,255,.09);}
footer h3{ font-size: .3rem; color: #fff; font-family: "sys"; margin-bottom: .2rem;}

.list16{width: 5rem;max-width: 100%;}
.list16 li{width: 33.33%;font-size: .18rem;color: #fff;line-height: .38rem;position: relative;}
.list16 li a{ position: relative}
.list16 li a:after{content:"";position:absolute;left: 0;bottom: -.1rem;transition:.6s;width: 100%;height: 2px;background: #fff;opacity:0;visibility:hidden;transform: translateY(-.1rem);}
.list16 li a:hover:after{opacity: 1;visibility:visible; transform: translateY(0);}

footer .right p{ font-size: .14rem; color: #fff; line-height: .34rem;}
footer .right p img{ width: .16rem; margin: 0 .12rem 0 0}

.list17 li{margin: 0 0 0 .2rem; position: relative; z-index: 1; cursor: pointer}
.list17 li .a{display: flex;font-size: 13px;color: #fff;align-items: center;text-transform: uppercase;background: #52c234;border-radius: 50%;width: .5rem;height: .5rem;transition: center;justify-content: center;}
.list17 li .a .swi-weixin{color: #fff;margin: 0 auto;}
.list17 li .a img{width: 100%;height: 100%;position: relative;z-index: 1;filter: drop-shadow(0 0 .03rem rgba(0,0,0,.1)); transition: .5s}
.list17 li .ewm{width: .96rem;background: #fff;border-radius: .1rem;position: absolute;padding: .15rem;right: 140%;top: 50%;margin-top: -.48rem;z-index: 1;opacity: 0;visibility: hidden;transition: .5s;transform: translateX(-.1rem);box-shadow: 0px 0px 10px 0px rgba(156, 21, 30, 0.16);}
.list17 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);right: -.06rem;top: .46rem;box-shadow: 10px 0px 14px 0px rgba(156, 21, 30, 0.16);}
.list17 li .ewm img{ width: 100%}

.list17 li:hover .a{}
.list17 li:hover .a:before{ transform: scale(1.25)}
.list17 li:hover .ewm{opacity: 1;visibility: visible;transform: translateX(0);}
.list17 li:hover .a img{ filter: drop-shadow(0 0 .03rem rgba(0,0,0,.3));}

/*==========================================首页 结束=============================================*/

@media(min-width: 1024px){
    .tit1s{flex-direction: column;justify-content: center;align-items: center;width: .5rem;}
    .tit1s .ll{flex-direction: column;justify-content: center;align-items: center;margin-bottom: .86rem;}
    .tit1s .ll img{ margin: 0 0 .1rem 0}
    .tit1s .ll font{font-family: "sys";width: .36rem;}
    .tit1s .rr .a1{flex-direction: column;justify-content: center;align-items: center;}
    .tit1s .rr .dots{margin: 0 0 .34rem 0;}
    .tit1s .rr font{width: .16rem;}
    .tit1s .rr .dots:after{width: 1px;height: .27rem;top: 110%;left: 50%;transform-origin: 0 100%;animation: anim-scroll-down 1.5s infinite ease-in-out;}
    @keyframes anim-scroll-down {
      0% {
        transform-origin: 0 100%;
        transform: scale3d(1, 1, 1);
      }
      50% {
        transform-origin: 0 100%;
        transform: scale3d(1, 0, 1);
      }
      50.01% {
        transform-origin: 0 100%;
        visibility: hidden;
        transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
      }
      51% {
        visibility: visible;
        transform-origin: 0 0;
        transform: scale3d(1, 0, 1);
      }
      100% {
        visibility: visible;
        transform-origin: 0 0;
        transform: scale3d(1, 1, 1);
      }
    }
  
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

    .tit1 .rr .a1:hover, .list4 li .a:hover h4, .list5 li .a:hover h4, .list6 li .a:hover h4, .list8 li .a:hover h4, .list9 li .a:hover h4, .list11 li .a:hover h4{ color: #990000;}
    .list4 li .a:hover .txt::before{/* background: #990000; */width: 100%;}
    .list4 li .a:hover .txt::after{/* transform: translateX(0rem) scale(1) */}
    .list4:hover, .home1 .fl1 .left:hover{/* box-shadow: 0px 0px 21px 0px rgba(51, 0, 1, 0.22); */}

    .list7 li .a:hover{ box-shadow: 0px 0px .2rem 0px rgba(51, 0, 1, 0.22);}
    .list6 li .a:hover h6:after{width: .6rem;/* background: #990000; */}
    .list7 li .a:hover::after{width: 100%;left: 0;background: #ea9425; }

    .list8 li .a:hover::before{/* background: #990000; */width: 100%;}
    .list8 li .a:hover::after{/* transform: translateX(0rem) scale(1) */}
    .list12 li .a:hover .bg-circle{ opacity: 1}
    .list14 li .a:hover { box-shadow: 0px 0px 38px 0px rgba(51, 0, 1, 0.65); }
    .list14 li .a:hover .txt{ background: #900; box-shadow: 0px 0px .2rem 0px rgba(51, 0, 1, 0.65);}
    .list14 li .a:hover .txt h4{ color: #fff}

    .list10 li .a:hover::before{/* background: #990000; */width: 100%;}
    .list10 li .a:hover::after{/* transform: translateX(0rem) scale(1) */}

    .list10s li .a:hover::before{/* background: #fff; */width: 100%;}
    .list12 .a:hover .txt{ opacity: 1}
}
@media(max-width: 1600px){
	
}
@media(max-width: 1024px){	
    html::-webkit-scrollbar{width:0;}
	.pc_header_box{ display: none;}
	.m_header_box{ display: block;}

	.banner_box{padding: .3rem 0 0;}

    .home1 .fl1 .left{ width: 100%;}
    .home1 .fl1 .right{ width: 100%; padding: .3rem 0 0;}

    .home2 .fl1 .left{ width: 100%;}
    .home2 .fl1 .right{ width: 100%;}

    .list6 li{ margin: .4rem 0 0;}
    .home2 .fl1 .box1{ width: 48%;}
    .home2 .fl1 .box2{width: 100%; padding: .4rem 0 0}
    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;padding: .5rem 0 0;}
    .home3 .box1{ width: 100%;}

    .home4 .left{width: 100%;order: 1;margin-top: 1rem;}
    .home4 .right{width: 100%;padding: 0;}

    .home5 .left{ width: 100%;}
    .home5 .right{width: 100%;padding: .5rem 0 0;}
    
    .home6 .left{ width: 100%;}
    .home6 .right{width: calc(100vw - 1.4rem);padding: .5rem 0 0;}
    .list15Box{height: calc((100vw - 1.4rem) * .8);}

    footer .left{width: 100%;margin: 0 auto;max-width: 50%;}
    footer .right{ width: 100%}
    footer .center{ width: 100%; padding: .3rem 0;}
    footer .line{ display: none;}
    footer{ text-align: center}
    .list16{ margin: 0 auto}
    .banner .top{padding: 0 1.4rem 0 15px;text-align: left;background: rgba(0,0,0,.3);height: .3rem;}
    .banner .dots{ right: 15px}

    
    .home6{ padding-bottom: 1.5rem}

    .home4 .before{top: 1rem;}
    .home4{ padding-top: 0}
  
   .home1_b .gif{ max-width: 100%;}

	.list4{margin: 0 -7px}
    .list4 li{ width: 50%; padding: 0 7px}
	.list5{display: flex;flex-wrap: wrap;margin: 0 -7px;}
    .list5 li{ width: 50%; padding: 0 7px}
}
@media(max-width: 800px){
    #gotop{ right:0; transform:scale(0.7)}

    .home2 .fl1 .box1{width: 100%;margin-bottom: .4rem;}
    .home2 .fl1 .box1:nth-child(2){ margin-bottom: 0}

    .home6 .right{width: calc(100vw - 30px);padding: .5rem 0 0;}
    .list15Box{height: calc((100vw - 30px) * .8);}

    .home1{padding: .4rem 0 .4rem;}
    .list5 li .img{ margin-bottom: .2rem}
    .list6 li h4{flex: auto;width: 100%;margin: .1rem 0 0;}
    .list6 li h6:before{bottom: -.14rem;}
    .list6 li{ margin: .2rem 0 0;}

    
    .home2 .fl1 .box2{ padding: .4rem 0 0;}
    .banner .top h4{ display: none}
    .banner .dots{right: 0;text-align: center;width: 100%;justify-content: center;bottom: .1rem;}
    .main1::before{ bottom: .3rem}
    .tit1 .ll img{ width: .3rem; height: .3rem;margin: 0 .1rem 0 0;}
    .tit1 .ll{font-size: .24rem;}
    .tit1{ margin-bottom: .3rem}

    .pad1{padding: .4rem 0;}
    .home3{padding-top: 0;}

    .gg1{ margin: .5rem 0 0;}

    .list9Box{ width: 100%;padding-bottom: .04rem;}
    .list10{width: 100%;margin: 0;}
    .list8{ margin: 0}
    .home4{ padding-top: 0}
    .home4 .before{top: .5rem;}
    .home4 .left:before{top: -.3rem;right: -15px;}
    .home4 .left{width: 100%;order: 1;margin-top: .5rem;padding: 0 0 .3rem 0;}

    .home6{padding-top: 0;padding-bottom: .8rem;}
    .swi-weixin{ font-size: .2rem;}

    .list12 li .top svg{ width: .4rem; height: .4rem;}
    footer h3{ font-size: .24rem}
    .list10 li h6{ margin-bottom: .06rem}

    footer{ padding: .4rem 0;}
}
@media(max-width: 560px){
	.list7{ margin: 0 -.1rem; margin-bottom: -.2rem}
    .list7 li{ padding: 0 .1rem; margin-bottom: .2rem}
    .list10s li .a{ padding: .2rem 0}

    .list11 li:first-child .img{ width: 100%}
    .list11 li:first-child .txt{width: 100%;padding: .3rem 15px;order: 2;}
    .list7 li .top img{ height: .35rem}
    .list7 li{ width: 100%}
    .list7 li .a{height: 1.5rem;align-items: center;}
    .list7 li .top{margin-bottom: .16rem;}
    .list7 li h6{ margin: .1rem 0}

    .list11 li .img{ width: 1.65rem;}
    .list11 li h6{ margin: .1rem 0 0}
    .list11 li .a{ padding: .2rem 0}
    .list12 li .top1{ font-size: .2rem; line-height: 1.2}

    .list14{ margin: 0 -.1rem;}
    .list14 li{ width: 33.33%; padding: 0 .1rem;}

    .list16 li{ font-size: .16rem}
    .list11 li .txt{ padding: 0 0 0 15px}
    .list10 li .a{ padding: .15rem 0;}
    .list12 li .top1 .bg1{ left: 1px}
    .list12 li .top1 .bg2{ right: 1px}
    .list4 li .txt{ margin: 0 10px;}
    .list5 li h6{ margin-bottom: .04rem;}
} 

/*公共css*/
@media(max-width: 767px){
    .h4s0{font-size: .18rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .18rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .18rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .18rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
}